

/********************boutique.css************************/

/* -------------------------------------------------------------------------- */
/* css pour la boutique                                                       */
/* -------------------------------------------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
}

.all{ width:970px; margin:0 auto;}

/* -------------------------------------------------------- */
/* transformation a l'affichage du texte                    */
/* -------------------------------------------------------- */
.upperCase{ text-transform:uppercase;}
.lowercase{ text-transform:lowercase;}
.Capitalize{ text-transform:capitalize;}

body {
            font-size: 62.5%; 
            background:#E5E5E5;
            font-family: Arial, Helvetica, sans-serif;
            position:relative;
            color:#1b1b1b;
}
:focus {
        outline: 0;
}
a{
        color:#EB7419;
}
a:hover{
        color:#444;
}

ol, ul {
        list-style: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}

caption, th, td {
        text-align: left;
        font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}

/* -------------------------------------------------------------------------- */
/* css pour les liens à puces                              */
/* -------------------------------------------------------------------------- */

.lienSavoirPlus{
	background:url(http://www.monlocster.com/upload/image//puce_lien.png) no-repeat left top;
	
	margin-left: 2em;

	text-indent: 1.5em;
	vertical-align: middle;

	text-decoration: underline;
	font-weight: bold;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 11.5px;
	padding: 1em;
	padding-left: 0em;
	padding-top: 0.3em;
}



/* -------------------------------------------------------------------------- */
/* css pour le defilement des temoignages                                     */
/* -------------------------------------------------------------------------- */
.container {
    width:480px;
    height:120px;
    margin-top:-5px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    border:2px solid #535353;
    background-color:#ffffff;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
}
div.slides {
    position:absolute;
    top:0;
    left:0;
    margin:0px 0px 0px -10px;
}
ul.slides {
    position:absolute;
    top:0;
    left:0;
    list-style:none;
    padding:0;
    margin:0;
}
div.slides div,ul.slides li {
    position:absolute;
    top:0;
    width:495px;
    height:125px;
    display:none;
    padding:0;
    margin:0; }

#loopedSlider,#newsSlider {
    margin:0 auto;
    position:relative;
    clear:both;
}
ul.pagination {
    list-style:none;
    margin:0;
}
ul.pagination li  {
    float:left;
}
ul.pagination li a img{
    background:#ffffff;
    color:white;
}
ul.pagination li.active a img{
    background:#ed8126;
    color:white;
}

.lien a:hover{
    color:#ed8025;
}

/* -------------------------------------------------------------------------- */
/* definition css_fw.css generique                                            */
/* -------------------------------------------------------------------------- */

/*	horisontal list of links (menu)		*/
/* -------------------------------------------- */
ul.h_menu li{
    display:block;
    float:left;
}

/*	forms                                   */
/* -------------------------------------------- */
ul.form{}
ul.form li{
    clear:left;
    zoom:1;
}
ul.form li:after{ 
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility: hidden;
}
ul.form .label{ 
    float:left;
}
ul.form .input{ 
    float:left;
}

/*	layout classique		*/
/* ------------------------------------ */
.row{
    clear:left;
    zoom:1;
    position:relative;
}
	*+html .row{ margin-left:1px}
	* html .row{ margin-left:1px}
.row:after{ 
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility: hidden;
}
.row .col{ 
    float:left;
}
.w5{ width:5% !important;}
.w10{ width:10% !important;}
.w14{ width:14% !important;}
.w15{ width:15% !important;}
.w20{ width:20% !important;}
.w21{ width:21% !important;}
.w24{ width:24% !important;}
.w25{ width:25% !important;}
.w30{ width:30% !important;}
.w32{ width:32% !important;}
.w33{ width:33% !important;}
.w34{ width:34% !important;}
.w35{ width:35% !important;}
.w36{ width:36% !important;}
.w39{ width:39% !important;}
.w40{ width:40% !important;}
.w41{ width:41% !important;}
.w44{ width:44% !important;}
.w45{ width:45% !important;}
.w46{ width:46% !important;}
.w48{ width:48% !important;}
.w49{ width:49% !important;}
.w50{ width:50% !important;}
.w52{ width:52% !important;}
.w53{ width:53% !important;}
.w55{ width:55% !important;}
.w59{ width:59% !important;}
.w60{ width:60% !important;}
.w65{ width:65% !important;}
.w66{ width:66% !important;}
.w67{ width:67% !important;}
.w68{ width:68% !important;}
.w70{ width:70% !important;}
.w75{ width:75% !important;}
.w79{ width:79% !important;}
.w80{ width:80% !important;}
.w85{ width:85% !important;}
.w90{ width:90% !important;}
.w95{ width:95% !important;}
.w100{ width:100% !important;}

.w75px{ width:75px;}
.w360px{ width:360px;}
.w500px{ width:500px;}
.w550px{ width:550px;}
.w560px{ width:560px;}

.h100px{ height:100px;}

.corner_lt{ position:absolute; left:0; top:0;}
.corner_rt{ position:absolute; right:0; top:0;}
.corner_rb{ position:absolute; right:0; bottom:0;}
.corner_lb{ position:absolute; left:0; bottom:0;}

.center{ text-align:center !important;}
.center td,.center th{ text-align:center !important;}

.centerBlock{ margin-left:auto; margin-right:auto;}

.fLeft{ float:left;}
.fRight, .col .fRight{ float:right !important;}

.aLeft{ text-align:left;}
.aRight{ text-align:right;}

.bold{ font-weight:bold;}
.uppercase{ text-transform:uppercase;}

.relative{ position:relative;}

.withoutPadding{ padding:0 !important;}
.withoutBorder,.withoutBorder td,.withoutBorder th{ border:none;}
.tableWithoutPadding td{ padding:0 0 0 7px !important; vertical-align:middle !important;}

.withoutLeft{ border-left:none !important;}
.withoutRight{ border-right:none !important;}

.vaCenter,.vaCenter td,.vaCenter th{ vertical-align:middle !important;}

/* -------------------------------------------------------------------------- */
/* definition cms                                                             */
/* -------------------------------------------------------------------------- */
#nyroModalContent .cms{ overflow:hidden;}
#nyroModalContent .cms .pcontent{ padding-bottom:0;}
#nyroModalContent .cms table{ margin-bottom:0;}

.relative{ position:relative;}

body.cms{ background:#e5e5e5; font-family: Arial, Helvetica, sans-serif; padding:0.5em 1.5em;}
.cms{ zoom:1;}
	.cms:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.cms .pcontent{ padding-bottom:0.5em; clear:both;}
.cms a{color:#eb7419;}
.cms a:hover{color:#444;}
.cms sup{ font-size:0.9em; position:relative; top:0.4em;}
.cms p{ padding:0.4em 0; font-size:12px; line-height:1.3em;}
.cms h2{ font-size:1.6em; text-transform:uppercase; color:#eb7419; line-height:1.4em; padding:1em 0 0.5em 0;}
.cms h3{ color:#535353; font-size:16px; font-weight:bold; padding:1.2em 0 0.5em; letter-spacing:0.02em; text-transform:none;}
.cms h3.bigOrange{ color:#ed7009; font-size:18px; font-weight:bold;padding:0.2em 0 0.5em 0;}
.cms h3.mediumHeader{ font-size:14px; color:#3c3c3e; padding:0.2em 0 0.4em;}
.cms h4{ color:#eb7419; font-size:16px; font-weight:bold; padding:0.5em 0 0.5em; letter-spacing:0.02em; text-transform:none;}
.cms h4.smallOrange{ font-size:12px;}
.cms h4.upperCase{ text-transform:uppercase;}
.cms h5{ font-size:1.4em; color:#535353; text-transform:none; padding:1em 1em 0.4em 1.3em; margin-bottom:0.4em; border-bottom:1px solid #c6c6c6; float:left; zoom:1; position:relative; left:-15px; clear:left;}
	.cms h5:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.cms ul{ padding-bottom:0.5em; padding-top:0.2em; padding-left:1em;}
.cms ul li{ background:url(http://www.monlocster.com/upload/image//puce_orange.png) no-repeat 0 0.6em; padding:0.2em 0 0.2em 1em; font-size:12px; line-height:1.2em;}
	.cms .greyBullets li{ background:url(http://www.monlocster.com/upload/image//grey_bullet.png) no-repeat 0 0.6em;}
.cms ol{ padding:0 0 0 2em; list-style: decimal; font-size:12px;}
.cms small,#content .cms small{ font-size:10px; line-height:12px;}
.mini{ display:inline; }
.mini,.mini p,.mini li{ font-size:11px !important; line-height:1.2em;}

.cms table{ border-collapse:collapse; vertical-align:top;}
.cms table td,.cms table th{ padding:0.5em 0.7em; border:1px solid #aaa; font-size:12px; vertical-align:top;}
.cms .withoutBorder td,.cms  .withoutBorder th{ border:none; padding:0.4em;}

.cms img{ margin:0.1em 0.2em;}
.cms .orange{ color:#eb7419;}
.cms em, .cms i{ font-style:italic;}

.cms .packList
.cms .packList img{ margin:0;}
.cms .packList{ width:100%;}
	.cms .packList:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.cms .packList span{ font-size:5.8em; color:#eb7419; padding:25px 0;}
.cms .packList span,.cms .packList img{ float:left; display:block;}

.cms .underlined{ text-decoration:underline;}
.prodBlock .cms{ color:#535353;}

.cms .services, #content .services{ border-bottom:1px solid #111; color:#111; width:200px; margin:0 auto; text-align:center;}
.cms .serviceList{ text-align:center; padding:0.5em 0;}

.cms .question{ padding-top:5px;  position:relative; margin-bottom:0.1em; margin-right:2em;color:black; background:url(http://www.monlocster.com/upload/image/puce_lien.png) no-repeat 1px 1px;}
.cms .openAnswer{ text-decoration:none;color:black; font-size:12px; position:relative; top:0px; left:1.1em; width:450px; height:15px; }
.cms .minusAnswer{ background-position:1px 1px;}

/* ------------------------------------------------------------ */
/* defilement sur Iphone                                        */
/* ------------------------------------------------------------ */
.container_iphone {
                   width:480px;
                   height:120px;
                   margin-top:-5px;
                   overflow:hidden;
                   position:relative;
                   cursor:pointer;
                   border:2px solid #535353;
                   background-color:#ffffff;
                   font-size:11px;
                   font-family:Arial, Helvetica, sans-serif;
}
div.slides_iphone {
                    position:absolute;
                    top:0;
                    left:0;
                    margin:0px 0px 0px -10px;
}
ul.slides_iphone {
                    position:absolute;
                    top:0;
                    left:0;
                    list-style:none;
                    padding:0;
                    margin:0;
}
div.slides_iphone div,ul.slides_iphone li {
                    position:absolute;
                    top:0;
                    width:495px;
                    height:125px;
                    display:none;
                    padding:0;
                    margin:0;
}

#loopedSlider_iphone,#newsSlider { 
                    margin:0 auto;
                    position:relative;
                    clear:both;
}
ul.pagination_iphone {
                    list-style:none;
                    margin:0;
}
ul.pagination_iphone li  { 
                    float:left;
}
ul.pagination_iphone li a img{
                    background:#ffffff;
                    color:white;
}
ul.pagination_iphone li.active a img{
                    background:#ed8126;
                    color:white;
}

/* ------------------------------------------------------------ */
/* defilement sur Wap                                           */
/* ------------------------------------------------------------ */
.container_wap {
                    width:480px;
                    height:120px;
                    margin-top:-5px;
                    overflow:hidden;
                    position:relative;
                    cursor:pointer;
                    border:2px solid #535353;
                    background-color:#ffffff;
                    font-size:11px;
                    font-family:Arial, Helvetica, sans-serif;
}
div.slides_wap {
                    position:absolute;
                    top:0;
                    left:0;
                    margin:0px 0px 0px -10px;
}
ul.slides_wap {
                    position:absolute;
                    top:0;
                    left:0;
                    list-style:none;
                    padding:0;
                    margin:0;
}
div.slides_wap div,ul.slides_wap li {
                    position:absolute;
                    top:0;
                    width:495px;
                    height:125px;
                    display:none;
                    padding:0;
                    margin:0;
}

#loopedSlider_wap,#newsSlider { 
                    margin:0 auto;
                    position:relative;
                    clear:both;
}
ul.pagination_wap {
                    list-style:none;
                    margin:0;
}
ul.pagination_wap li  { 
                    float:left;
}
ul.pagination_wap li a img{
                    background:#ffffff;
                    color:white;
}
ul.pagination_wap li.active a img{
                    background:#ed8126;
                    color:white;
}

/* ------------------------------------------------------------ */
/* defilement sur Iphone                                        */
/* ------------------------------------------------------------ */
.container_android {
                   width:480px;
                   height:120px;
                   margin-top:-5px;
                   overflow:hidden;
                   position:relative;
                   cursor:pointer;
                   border:2px solid #535353;
                   background-color:#ffffff;
                   font-size:11px;
                   font-family:Arial, Helvetica, sans-serif;
}
div.slides_android {
                    position:absolute;
                    top:0;
                    left:0;
                    margin:0px 0px 0px -10px;
}
ul.slides_android {
                    position:absolute;
                    top:0;
                    left:0;
                    list-style:none;
                    padding:0;
                    margin:0;
}
div.slides_android div,ul.slides_android li {
                    position:absolute;
                    top:0;
                    width:495px;
                    height:125px;
                    display:none;
                    padding:0;
                    margin:0;
}

#loopedSlider_android,#newsSlider {
                    margin:0 auto;
                    position:relative;
                    clear:both;
}
ul.pagination_android {
                    list-style:none;
                    margin:0;
}
ul.pagination_android li  {
                    float:left;
}
ul.pagination_android li a img{
                    background:#ffffff;
                    color:white;
}
ul.pagination_android li.active a img{
                    background:#ed8126;
                    color:white;
}
/* ----------------------------------------------------------------------- */
/* entete de page                                                          */
/* ----------------------------------------------------------------------- */
#header{position:absolute; top:0; width:100%; clear:both;}
	h1{ margin:2.5em 0 1em -0.5em;}
	h1 a{ width:228px; height:90px; text-decoration:none; color:#626264; font-size:1.6em; cursor:pointer;}
	h1 a span{ background:url(http://www.monlocster.com/upload/image/LOCSTER-logo-produit-geosecurite-antivol-balise-gps.gif);}
	.exploit h1 { margin:0 0 0 -2px; }
	.exploit h1 a { width:114px; height:45px; }

	#header .repeatable_images{ position:absolute; top:28px; left:258px; right:0; height:80px;}
	#vehicles object{}

	#top_links{ position:absolute; right:-8px; top:4px;}
		#top_links .buttons{ zoom:1; padding:0 !important;}
		#top_links .buttons:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
		#top_links .buttons .button{ float:left; border-left:1px solid #adadad;}
		#top_links .buttons .first{ border-left:none;}
		#top_links .buttons a{ padding:0.5em 1em; float:none; margin:0;}


/* ----------------------------------------------------------------------- */
/* menu                                                                    */
/* ----------------------------------------------------------------------- */
#menu{position:relative; background:#ee8126 url(http://www.monlocster.com/upload/image/shadow_menu_rb.gif) no-repeat right bottom; margin-right:-11px; margin-left:-3px; zoom:1; clear:both; }
	#menu .box{ zoom:1; padding-left:3px; margin-right:11px; position:relative;background: url(http://www.monlocster.com/upload/image/shadow_menu_lb.gif) no-repeat left bottom; padding-bottom:13px; overflow:hidden; width:970px;}
        #menu .box:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
	#menu .corner_lt{ background:url(http://www.monlocster.com/upload/image/shadow_menu_lt.gif) no-repeat 0 0; width:3px; height:15px;}
	#menu .corner_rt{ background:url(http://www.monlocster.com/upload/image/shadow_menu_rt.gif) no-repeat 0 0; width:11px; height:15px;}
	#menu li{ float:left; text-transform:uppercase; background:#808487 url(http://www.monlocster.com/upload/image/shadow_menu_li.gif) no-repeat 0 0; padding-left:1px; font-weight:bold;}
	#menu li.boutique{ color:#000000;}
	#menu li.first{ background:none; padding-left:0;}
	#menu li a{ color:#444; display:block; font-size:1.2em; padding:0.5em 1.4em; text-decoration:none; background:#ee8126; white-space:pre; cursor:pointer;}
	#menu li.boutique a { color:#fff;}
	#menu li a:hover{ background:#fff; color:#eb7419;}
        #menu li ul{ position:absolute; left:3px;background:#ee934c; width:100%; padding:0; display:none;}
        #menu li.selected{ height:4.7em;}
        #menu li.selected a, #menu li.active a{ background:#fff; color:#ee8124;}
        #menu li.selected a:hover{ color:#ee8124; }
        #menu li.selected ul{ display:block;}
        #menu li ul li{ padding:0; text-transform:none;padding:0.4em 0em; background:none;}
        #menu li ul li a{ color:#444 !important; font-size:1.1em; background:#ee934c !important;padding:0.2em 1.5em; border-left:1px solid #fff;}
        #menu li ul li a:hover{ color:#fff !important; background:#ee934c !important; cursor:pointer;}
        #menu li ul li.first a{ border-left:none;}
        #menu .selected .selected{ height:auto;}
        #menu .selected .selected a{ color:#fff !important;}

/* ----------------------------------------------------------------------- */
/* main                                                                    */
/* ----------------------------------------------------------------------- */
#main{ position:relative; padding:170px 200px 0 200px; zoom:1;}
.exploit #main{ padding: 105px 0 0 0; }
#main:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
	.full_size{ padding-left:0 !important; padding-right:0 !important;}
	.withoutRight{ padding-right:0 !important;}

/* ----------------------------------------------------------------------- */
/* partie gauche                                                           */
/* ----------------------------------------------------------------------- */
#left_side{ width:200px; float:left; margin-left:-200px; background:url(http://www.monlocster.com/upload/image/dots.gif) repeat-x 0 0; padding-top:0.8em;}
		#left_side.withoutDots{background:none; padding-top:0;}
	.banner{ padding:0.5em 0.5em;}
	.banner p{ padding:0.1em 1em;}
	.banner h3{ padding:0.1em 1em; text-transform:uppercase;}

/* ----------------------------------------------------------------------- */
/* partie droite                                                           */
/* ----------------------------------------------------------------------- */
#right_side{ width:200px; float:left; margin-right:-200px;}
	#right_side .box{ padding:0 0 0 2em;}
	.shadow_box{ background:url(http://www.monlocster.com/upload/image/shadow_side_b.gif) no-repeat 0 bottom; padding:0 0 8px 0px; margin:0 -7px 3px -1px;}
	.shadow_box .inbox{ background:url(http://www.monlocster.com/upload/image/shadow_side_t.gif) no-repeat 0 0; padding:0 7px 0px 1px;}
		#right_side .phone{}
		#right_side .phone h3{ color:#fff; background:#959595; text-transform:uppercase; letter-spacing:-0.1em; padding:0.4em 0.2em; font-weight:normal; position:relative;}
		#right_side .phone p{ color:#fff; background:#959595; font-size:1.4em; font-weight:bold;  padding:0 0.2em 0.3em 0.2em; letter-spacing:-0.06em; position:relative;}

	.white_box{ background:#fff; padding:7px; margin-bottom:12px;}
		.white_box div.inbox{ border:1px solid #707070; padding:8px;}
		.white_box table.inbox{ border:1px solid #707070; }
		.white_box table.inbox td,.white_box table.inbox th{ border:1px solid #707070; padding:0.9em;}
		.white_box table.inbox td.num{ color:#777; font-weight:bold; font-size:1.7em; text-align:center;}
		.white_box h3{ color:#eb7419; font-size:1.5em; text-transform:uppercase; font-weight:bold; letter-spacing:-0.05em; text-align:center;}
		.white_box h3 a{ color:#eb7419; text-decoration:none;}
		.white_box p{ padding:0.5em 0;}

	.demo a{ background:url(http://www.monlocster.com/upload/image/bg_demo.gif) no-repeat 0 0; display:block; padding:1.3em 0.5em 1.3em 4.3em; text-align:center;}

/* ----------------------------------------------------------------------- */
/* contenu de la page                                                      */
/* ----------------------------------------------------------------------- */
#content{ float:left; width:100%; background:url(http://www.monlocster.com/upload/image/dots.gif) repeat-x 7px 0; padding-top:0.8em; position:relative; margin-left:5px;}
		#content.withoutDots{background:none; padding-top:0;}
		#content.withoutDots .box{padding:0 0 3em 0;}
	#content .box{ padding:0 3em 3em 1em; zoom:1;}
	#content .box:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
	#content .box .box{ padding:0;}
	h2{ font-size:2em; padding:0.3em 0 0em 0; text-transform:uppercase; font-weight:bold; color:#555;}
	h2.newTitle{ font-size:1.6em; color:#e97d24; padding:0.6em 0 0.6em 14px}
	h3{ color:#eb7419; font-size:1.3em; font-weight:bold; padding:1em 0 0.5em 0;}
	h3.newTitle{font-size:1.5em; color:#e97d24; padding:0.6em 0 0.6em 14px; text-decoration: none; font-weight:bold;}
	#content p{ font-size:12px; text-align:justify; line-height:1.3em; padding:0.4em 0;}
    #content p.error{  color: #e22; }

/* ----------------------------------------------------------------------- */
/* pied de page                                                            */
/* ----------------------------------------------------------------------- */
#footer{ padding-bottom:3em; clear:both;}
	#footer .box{ background:url(http://www.monlocster.com/upload/image/dots.gif) repeat-x 7px 0; margin:0 5.5em 0 5.5em; padding:1.3em 0 1.3em 20em; position:relative;}
	#footer .links a{ color:#666; text-decoration:none; padding:0 1.5em; font-size:1.2em; display:block;}
	#footer .links a:hover{ text-decoration:underline;}
	#footer .links li{ float:left; padding:0px; border-left:1px solid #eb7419;}
	#footer .links li.first{ border-left:none;}
	#footer a.logo{ width:136px; height:29px; right:0; position:absolute;display:block; }
	#footer a{ color:#535353; }
	#footer a:hover{ text-decoration:underline;color:#ee8126;}

/* ----------------------------------------------------------------------- */
/* dialogue                                                                */
/* ----------------------------------------------------------------------- */
div#tmpDialogue {
    display: none;
    position: absolute;
    top: 200px;
    left: 50%;
    width: 500px;
    height: 220px;
    margin: -100px 0 0 -250px;
    background: #E5E5E5;
    border: 4px solid rgb(255, 255, 255);
    z-index:99;
    }
    div#tmpButtons {
    position: absolute;
    bottom: 5px;
    right: 5px;
    }

/********************screen.css************************/

@charset "utf-8";

html{}


.invisible
{
	display:none;
}

em,i{ font-style:italic;}
b,strong{ font-weight:bold;}
.underlined{ text-decoration:underline;}

h4{ font-size:1.2em; text-transform:uppercase; color:#e67b24; line-height:1.2em; padding:0.2 0 0.5em 0;}

span.button{ display:block;}
span.button a{ display:block; float:left;}
span.button a,span.button button { color:#444; font-size:1.1em; padding:0.5em 2em; text-align:center; text-decoration:none; background:#ee8126; font-weight:bold; text-transform:uppercase; border:none; font-family: Arial, Helvetica, sans-serif; margin-right:1em;}
span.button button { padding:0.4em 1.75em 0.3em 1.75em;}
span.button a:hover,span.button button:hover{ color:#FFF;}

.buttonOrange, .buttonGrey{border:none; text-decoration:none; font-size:1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:25px !important; height:25px; cursor:pointer; border:none; overflow:visible; padding-left:0.7em !important; padding-right:0.7em !important; display:inline-block }
.buttonOrange, a.buttonOrange:hover{ background:#e67b24; color:#fff;}
.buttonGrey, a.buttonGrey:hover{ background:#585858; color:#fff;}
.bigFontButton{ font-size:1.6em;}

a.buttonGrey, a.buttonOrange{}



/*	forms	*/
.form{padding:1em 2em; clear:both;}
	.form li{ padding:0.5em 0 !important;}
	.form .label{ width:25%; text-align:right; font-size:1.1em; font-weight:bold; line-height:1.5em;}
	.form .checkbox .input label{ line-height:1.1em; font-size:1.2em}
	.form .checkbox .input .sublevel{ padding-left:2em;}
	.form .checkbox .input input{ position:relative; top:0.2em;}
	.form .checkbox .input div { padding:0.1em 0;}
	.form .nolabel .input{ margin-left:20%;}
	.form .input{ padding-left:1em;}
	.form .text_input input,.form textarea{ padding:0em 0em; width:20em; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
	.form .text_input input.error,.form textarea.error{ border:1px solid #e22;}
	.form label.error{ padding:0.2em 0; color:#e22; display:block;}
	.form .buttons{ margin-left:0; padding-left:19.3em !important;}
	.form .double{ margin-left:0;}
	.form .double .first_button{ float:left;}
	.form .double .second_button{ float:right;}

	.sitemap{padding:1em 2em;}
		#content .sitemap li{ padding:0.5em 0}
		#content .sitemap li li{ padding:0.3em 0}
		.sitemap li a{ font-size:1.3em; font-weight:bold;}
		.sitemap li li a{ font-size:0.9em; font-weight:normal;}
		.sitemap li ul{ padding:0 0 0 2em;}

	.carousel h4{ color:#666; text-align:center; padding-top:0.5em; font-size:1.1em;}
	.arrows{ zoom:1; padding-top:0.5em;}
	.arrows:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
	.arrows a{ font-size:1.1em;}
	.arrows .left{ float:left;}
	.arrows .right{ float:right;}

	.fLeft{ float:left;}
	.fRight{ float:right;}
	img.fLeft{ margin-right:1em;}
	img.fRight{ margin-left:1em;}

	.colBox{ padding:1em;}

	.condition{ position:relative;}
	.condition .condition_green, .condition .condition_red{ position:absolute; left:28%; font-weight:bold;}
	.condition .condition_green{ color:#0a0;}
	.condition .condition_red{ color:#eb7419;}

#bigFooter{ padding:0 1em 1em 1em; clear:both;}

.lightShadow{ background:url(http://www.monlocster.com/upload/image/light_shadow.png) no-repeat right bottom; position:relative; margin:-2px -8px -8px -2px; margin:0 auto;}
.lightShadow .box{ padding:0.5em !important; position:relative;}
.lightShadow .corner_lb{ position:absolute; background:url(http://www.monlocster.com/upload/image/light_shadow.png) no-repeat left bottom; width:10px; height:10px; left:0; bottom:0;}
.lightShadow .corner_rt{ position:absolute; background:url(http://www.monlocster.com/upload/image/light_shadow.png) no-repeat right top; width:10px; height:10px; left:-10px; margin-left:100%;}
.lightShadow .corner_lt{ position:static; background:url(http://www.monlocster.com/upload/image/light_shadow.png) no-repeat left top; margin:0 8px 0px 0; padding:2px 0 8px 2px;}

.bgOrange{ background-color:#ee8126;}
.bgGrey{ background-color:#959595;}
.upperCase{ text-transform:uppercase;}

.lightShadow .bgOrange p{ color:#fff; font-size:1.2em !important; font-weight:bold; text-align:center !important; padding:0 !important;}
.lightShadow .bgGrey p{ color:#fff; font-size:1.1em !important; font-weight:normal; text-align:center !important; padding:0 !important;}
.bigFont{ font-size:1.6em;}
p.bigFont, #content p.bigFont{ font-size:16px;}
.noBold{ font-weight:normal;}
.smallIndent{ text-indent:0.4em;}

.warnsBlock{ padding:6em 0 0 0;}
	.warnsBlock p{ color:#eb7419; padding:1em 3em 0 0 !important; font-size:1.5em !important;}
	.warns{ font-size:1.4em; text-transform:uppercase; width:420px; height:25px; position:relative; padding:0 !important;}
	.warns span{ background:url(http://www.monlocster.com/upload/image/txt_warns.png) no-repeat;}


.garantiesBlock{ padding-top:1em;}
.garantiesBlock p{ font-size:1.2em !important; line-height:1.3em !important;}

.withPadding{ padding-top:1.5em;}

.leftBox{ padding-bottom:1em;}
	.leftBox .cms{ padding:0 3em 0 0.5em}
	.leftBox .cms li{ font-size:11px !important; font-weight:bold;}

.productPhone{ position:absolute; right:-0.8em; top:0;}

.topMenu{ margin-bottom:3em;}
.topMenu li{ font-size:1.8em; line-height:1.3em; color:#535353;}
	*html .topMenu .w25{ width:24.9%}
	*+html .topMenu .w25{ width:24.9%}

.prodBlock{ background:#fff; margin:0 0 1.2em 0; border:1px solid #e36c24; position:relative; color:#535353; zoom:1;}
.prodBlockNoBorder{ background:#fff; margin:0 0 1.2em 0; border:none; position:relative; color:#535353; zoom:1;padding:25px;}
.prodBlock:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.prodBlock .stepDescription{ margin:2em 13em 0.5em 0; font-size:1.2em; font-style:italic;}
.stepThree{ padding:1em 1.5em 1.5em 1.5em;}
.stepThree h3{ font-size:1.6em; text-transform:uppercase; color:#eb7419; line-height:1.4em; padding:0 0 0.5em 0;}
#content .stepThree .bigFont{ font-size:1.4em; font-weight:bold;}
.shortDescription{ padding-right:16em;}
.tabPages .discounts{ position:absolute; right:8px; bottom:7em;}
.prodBlock h5{ font-size:1.4em; color:#eb7419; text-transform:uppercase; padding:1em 0 0 0;}
.prodBlock h6{ font-size:1.4em; color:#535353; padding:0.3em 0 2em 0;}
.prodBlock .checkbox label{ font-size:1.4em !important; font-weight:bold;}
.prodBlock .checkbox p{ display:inline;font-size:14px !important; font-weight:bold;}
.prodBlock .checkbox .small{ display:block; padding-left:1.8em; font-size:0.9em; font-weight:normal;}
.prodBlock .form{ padding:0;}
.prodBlock .form li{ padding:1em 0; margin-left:-1.5em;}
/*.prodBlock .cms li{ padding:0.7em 0 0.7em 1em; background-position:0 1em;}*/
.prodBlock .checkbox .input div{ padding:0.5em 0 0 0;}
.prodBlock .checkbox .input div strong{ font-size:1.2em; line-height:1.4em; padding-left:0.8em;}
.nextStep .button{ width:150px; padding:0 0; margin:0;position:absolute; right:0; bottom:0;}
.nextStep .button button{ width:150px; padding:0 0; margin:0; background:#535353; color:#fff; height:30px; cursor:pointer; text-transform:uppercase; font-size:1.2em; overflow:visible;}
.prodBlock .prodBox{ padding: 1em 1.5em;}

.ProdCenter{ margin:0 0 1.2em 0; border:0px solid #e36c24; position:relative; color:#535353; }
.ProdCenter:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.ProdCenter .stepDescription{ margin:2em 13em 0.5em 0; font-size:1.2em; font-style:italic;}
.ProdCenter h5{ font-size:1.4em; color:#eb7419; text-transform:uppercase; padding:1em 0 0 0;}
.ProdCenter h6{ font-size:1.4em; color:#535353; padding:0.3em 0 2em 0;}
.ProdCenter .checkbox label{ font-size:1.4em !important; font-weight:bold;}
.ProdCenter .checkbox p{ display:inline;font-size:14px !important; font-weight:bold;}
.ProdCenter .checkbox .small{ display:block; padding-left:1.8em; font-size:0.9em; font-weight:normal;}
.ProdCenter .form{ padding:0;}
.ProdCenter .form li{ padding:1em 0; margin-left:-1.5em;}
.ProdCenter .checkbox .input div{ padding:0.5em 0 0 0;}
.ProdCenter .checkbox .input div strong{ font-size:1.2em; line-height:1.4em; padding-left:0.8em;}
.ProdCenter .prodBox{ padding: 1em 1.5em;}

.tabs .tabNav li{ background:#535353 url(http://www.monlocster.com/upload/image/bg_grey.png) no-repeat right bottom; float:left; height:55px;}
.tabs .tabNav li a{ display:block; position:relative; text-decoration:none; padding:0.3em 1.5em;}
.tabs .tabNav .selected{ background:#fff;}
.tabs .tabNav .details{ background-position:left bottom; text-align:center;}
.tabs .tabNav .details a{ line-height:1.5em; font-size:1.4em; color:#fff; font-weight:bold; display:block; padding:0.3em 1em; text-decoration:underline;}
.tabs .tabNav .selected a{ color:#535353;}
.tabs .tabNav h3{ font-size:1.6em; padding:0; line-height:1.5em;}
.tabs .tabNav .description{ font-size:1.6em; color:#fff; font-weight:bold; line-height:1.4em;}
.tabs .tabNav .selected .description{ color:#555;}
.tabs .tabContent{ display:none; padding:1em 1.5em 1.5em 1.5em; position:relative; zoom:1;}
.tabs .tabNav .selected .orange, .tabs .tabNav .orange{ color:#EB7419;}


.add_to_cart{ background:#e97d24; position:absolute; right:0; bottom:0; padding-top:1em; width:150px;}
	.add_to_cart .products_quantity{ background:#fff; position:absolute; height:18px; top:0.8em; left:6em; line-height:18px; width:2em; font-size:1.2em; font-weight:bold; text-align:right; padding:0; margin:0; overflow:hidden;}
	.add_to_cart .label{ font-size:1.2em; text-transform:uppercase; font-weight:bold;display:block; line-height:18px; padding:0 0.5em 0 1.5em;}
	.add_to_cart .less,.add_to_cart .more{ color:#fff; background:#d9590b; text-decoration:none; width:18px; font-size:2em; line-height:18px; height:18px; display:block; text-align:center; position:absolute; top:0.5em; left:5.7em;}
	.add_to_cart .less{line-height:15px;left:2.6em;}
	.add_to_cart .button button{ width:100%; padding:0 0; margin:0; background:#535353 url(http://www.monlocster.com/upload/image/icone-achat-pack-antivol.png) no-repeat 1em center; color:#fff; height:40px; line-height:40px; cursor:pointer; text-indent:2em; font-size:1.2em; overflow:visible}
	.add_to_cart .totalPrice{ text-align:center; color:#fff; font-size:2em; font-weight:bold; padding:0.3em}

.locsters { }
.locster { display: block; width: 294px; height: 240px; float: left; border: 2px solid #AAA; margin: 0 4px 4px 0; padding: 2px; }
.locster.alert { border: 2px solid #F00; }
.locster img.goods { display: block; float: left; width: 120px; margin: 0 4px 4px 0; }
.locster ul.alerts { display: block; float: left; }
.locster ul.alerts li { display: block; float: left; width: 24px; height: 24px; margin: 0 2px 2px 0; overflow: hidden; zoom: 1; }
.locster ul.alerts li span { display: none; }
.locster li.bat_00p { background: #F00; }
.locster li.bat_20p { background: #E40; }
.locster li.bat_40p { background: #FA0; }
.locster li.bat_60p { background: #8C0; }
.locster li.bat_80p { background: #4D0; }
.locster li.bat_100p { background: #0E0; }
.locster li.vertical_ok { background: #0E0; }
.locster li.vertical_ko { background: #F00; }
.locster li.no_small_hit { background: #0E0; }
.locster li.had_small_hit { background: #F00; }
.locster li.no_big_hit { background: #0E0; }
.locster li.had_big_hit { background: #F00; }
.locster li.no_small_move { background: #0E0; }
.locster li.had_small_move { background: #F00; }
.locster li.no_big_move { background: #0E0; }
.locster li.had_big_move { background: #F00; }

.locster h3.title { padding: 0 0 4px 0; text-align: center; }
.orange{color:#EB7419;}
.rouge{color:#CC3333;}
#main .lineThrough{ text-decoration:line-through;}

.table{border:1px solid #c6c6c6;}
	.table th{ font-weight:bold;}
	.table th,.table td{ border:1px solid #c6c6c6; padding:0.5em 1em; font-size:1.2em; line-height:1.2em; vertical-align:top;}
	td.upperCase{ padding:0.9em 1em;}


.profTable{}
	.profTable th{ border:1px solid #aaa; padding:0.5em 1em; font-size:1.2em; line-height:1.1em;}
	.profTable td{ color:#EB7419; border:1px solid #aaa; padding:0.5em 1em; font-size:1.1em; line-height:1.2em;}


	.product .product_counter{ position:relative; width:8.7em; height:2.5em;}
	.product .products_quantity{ position:absolute;  top:0em; left:2em; line-height:28px; width:45px; font-size:1.2em; font-weight:bold; text-align:center; padding:0; margin:0; overflow:hidden; border:1px solid #e5e5e5;}
	.product .label{ font-size:1.2em; text-transform:uppercase; font-weight:bold;display:block; line-height:18px; padding:0 0.5em 0 1.5em;}
	.product .less,.product .more{ color:#fff; background:#d9590b url(http://www.monlocster.com/upload/image/LOCSTER-ensemble-images-balise-antivol.png) no-repeat -358px -32px; text-decoration:none; width:18px; height:18px; font-size:1.2em; line-height:13px; display:block; text-align:center; position:absolute; top:6px; right:0.2em;}
	.product .less{line-height:10x;left:0.2em; background-position:-340px -32px;}
	.product .less span,.product .more span{ display:none;}
	.product .button button{ width:100%; padding:0 0; margin:0; background:#535353 url(http://www.monlocster.com/upload/image/icone-achat-pack-antivol.png) no-repeat 1em center; color:#fff; height:40px; line-height:40px; cursor:pointer; text-indent:2em; font-size:1.2em; overflow:visible}
	.product .totalPrice{ text-align:center; color:#fff; font-size:2em; font-weight:bold; padding:0.3em}
	.product .overall{ display:none}

.prodBlock .form li{ padding-left:1.5em !important;}

.hidden{ display:none !important;}

.withBorder{ border:1px solid #e36c24; padding:0.5em 1em; margin:1em 0;}
	.withBorder h2{ text-align:center;}
	.withBorder  th, .withBorder td{ border:1px solid #e36c24;	}

.alignR{ text-align:right !important;}
.notBold{ font-weight:normal;}

.ui-datepicker-trigger{ position:relative; top:5px; left:1px;}


.printVersion{ background:#fff;}
.printVersion #main{ padding-top:90px;}
.printVersion h1{ position:absolute; right:0; top:3em}
.slogan{ padding:3em 0 !important;}

.greyText{ color:#999 !important; border-color:#bbb; font-size:1em; line-height:1.2em;}



.prodMenu{ zoom:1; padding:0;}
.prodMenu:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.prodMenu li{ float:left; padding:0;}
.prodMenu a{ background:#c9c9c9; font-size:1.2em; text-transform:uppercase; font-weight:bold; color:#313131; text-decoration:none; display:block; padding:0.7em 0.9em; float:left;}
.prodMenu a:hover,.prodMenu a.selected{ background:#FFF;}

.blockProfessionals, .blockPeymentDelivery{height:19em;}
.blockProfessionals{ width:611px;}
.blockPeymentDelivery{ width:343px;}

.descriptionTable{  zoom:1; width:720px; }
.descriptionTable table{ width:100%;}
.descriptionTable{ position:relative; left:223px;}

.descriptionTable:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.descriptionTable td{}
.highlighted,.descriptionTable .highlighted{ border:1px solid #c6c6c6; background:#ffecde;}
.greyHighlight{border:1px solid #c6c6c6; background:#ebebeb;}

.packLogo{ position:absolute;}

.txtimg{ background:url(http://www.monlocster.com/upload/image/LOCSTER-ensemble-images-balise-antivol.png) no-repeat 0 0;  padding:0 !important;}

.productsBlock{ position:relative;}
.productTable{}
.productTable th{ padding:1.2em 0 0.7em 0;}
.productTable td{ padding:0.8em 1.2em 0.5em 1.2em;}
.productTable th .txtimg{ height:34px; display:block; margin:0 auto;}
#content .productTable .price, #content .accessories .price{ font-weight:bold; font-size:1.15em;}
#content .productTable .price .bigPrice, #content .accessories .price .bigPrice{ font-size:2em;}
#content .productTable .price del, #content .accessories .price .price del{ font-size: 1.3em;}
#content .accessories .price{ padding-top:1.5em;}

	.txtFormule{ width:79px; background-position:0 -16px;}
	.txtLocster{ width:84px; background-position:-79px -16px;}
	.txtLoxterPlus{ width:164px; background-position:-163px -16px;}
	.txtChoiceFormule{ width:265px; height:16px; position:absolute; top:-24px; left:8px;}
	.txtProductPhone{ width:357px; height:13px; position:absolute;background-position:-34px -50px;}
	.txtLogin1{ width:177px; height:18px; background-position:-34px -63px;}
	.txtLogin2{ width:235px; height:18px; background-position:-211px -63px;}
	.txtRechargeSms{width:137px; height:17px; background-position:-364px -15px;}
	.txtRechargeAlerts{width:501px; height:17px; background-position:0 -81px;}
	.txtMenuPhone{width:184px; height:19px; background-position:0 -99px; position:absolute; top:2px; left:780px;}
	.txtLearn a{ width:102px; height:19px; position: relative; top:2px; display:block;}
	.txtImprint{width:83px; height:11px; background-position:-391px -43px;}
	.txtTerms{width:25px; height:11px; background-position:-476px -43px;}
	.txtContacts{width:44px; height:11px; background-position:-376px -32px;}
	.txtLegal{width:45px; height:11px; background-position:-420px -32px;}
	.txtSecuriloc{width:46px; height:11px; background-position:-455px -54px;}


.txtLearn{ width:102px; height:21px; float:right; clear:both;}

.economy{ color:#ff2300; font-size:1.4em; font-weight:bold; text-align:center; line-height:1.2em; padding-bottom:1em;}
.economy big{ font-size:1em;}

.cartChoice{ background:url(http://www.monlocster.com/upload/image/LOCSTER-panier-achat-balise-GPS-antivol-surveillance-geosecurite.png) no-repeat 0 0; width:52px; height:38px; display:block; margin:0 auto;}
.accessories .cartChoice{ position:relative; top:4em;}

.accessories{ padding-bottom:1em;}

.choiceShow{ font-size:1.2em; font-weight:bold; line-height:17px; padding:0.4em 1.8em 0.8em 1.3em; position:absolute; right:0; top:-51px;}
.choiceShow a,.choiceShow a:hover{text-decoration:none; color:#535353; margin-left:1.9em;}
.choiceShow a span{ width:17px; height:17px; display:inline-block; position:relative; top:4px; left:10px; background:url(http://www.monlocster.com/upload/image/LOCSTER-ensemble-images-balise-antivol.png) no-repeat 0 -50px;}
.choiceShow a.selected span{ background-position:-17px -50px;}

.tabsNavigation{ zoom:1; display:none;}
.tabsNavigation:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.tabsNavigation li{ float:left; padding-right:0;}
.tabsNavigation a{ background:#c9c9c9; font-size:1.2em; color:#313131; text-transform:uppercase; font-weight:bold; text-decoration:none; display:block; padding:0.7em 0.7em; float:left;}
.tabsNavigation .selected a{ background:#FFF; }
.tabsNavigation a:hover{ background:#FFF; color:#313131}

.newProductPhone{ display: none; position:absolute; top:0px; left:598px; width:372px; height:29px; background:#e67b24;}
.newProductPhone p{ position:relative; top:8px; color:#fff; margin:0 auto !important; padding:0 !important;}


div#nyroModalFull div#nyroModalWrapper,div#nyroModalFull div#nyroModalLoading { border:3px solid #e36c24; color:#535353}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent { padding:0em;}
#nyroModalContent th,#nyroModalContent td{ font-size:11px; padding:0.5em 0.7em;}
#nyroModalContent table{ margin-bottom:0.5em; margin-left:1px;}
#nyroModalContent .closeWindow{ position:absolute; bottom:10px; left:490px !important; width:60px;}

form.countSelection{ padding-top:0.5em; padding-left:1.8em;}
form.countSelection p{ padding-left:1em; font-weight:bold; line-height:2.5em; font-size:12px;}
.countSelection{ position:relative;}
.countSelection .products_quantity{ border:1px solid #535353; text-align:center; font-size:12px; font-weight:bold; width:44px; height:21px; line-height:21px; display:block; position:relative; overflow:hidden; left:12px;}
.countSelection .more, .countSelection .less{ background:#e67b24 url(http://www.monlocster.com/upload/image/LOCSTER-ensemble-images-balise-antivol.png) no-repeat 0 0; position:absolute; width:13px; height:11px; left:60px; text-decoration:none; color:#fff; text-align:center;}
.countSelection .more span, .countSelection .less span{ display:none;}
.countSelection .more{ top:0; background-position:-327px -28px;}
.countSelection .less{ top:12px; background-position:-327px -39px;}


.breadCrumbs{ zoom:1; padding-left:1.4em;}
.breadCrumbs:after{ content: '.'; display: block; clear: both; height: 0; visibility: hidden;}
.breadCrumbs li{ float:left; font-size:1.2em; color:#535353; padding-right:0.4em;}
.breadCrumbs li a{ color:#535353; padding-right:0.2em; text-decoration:none;}
.breadCrumbs li span{ font-weight:bold;}

.actions a{ font-weight:bold;}

.newForm, .prodBlock .newForm{ padding:0 0 0 1.1em;}
.newForm .label{ width:12em; text-align:left; font-size:1.2em; font-weight:bold; line-height:1.5em; text-transform:uppercase;}
.checkCoupon{ font-size:1.2em; font-weight:bold; line-height:1.5em; margin:0 1em;}
#coupon_id{ width:270px;}

.totalPrices{ font-size:1.2em; text-align:right !important; font-weight:bold; border-bottom:1px solid #b6b6b6; border-top:1px solid #b6b6b6; padding:0.8em 1em !important;}
td.totalPrices{}
.totalPrices .htPrice{ padding-left:3em;}

.withPad{ padding:1.5em 0 0.5em 0;}
.vertPad{ padding:2.5em 0;}

#content .greyFont{ font-size:1.1em; color:#535353; padding-bottom:0.6em;}

.bigForm{ clear:none;}
.prodBlock .bigForm li{ padding-right:2em !important; margin:0 !important; padding-left:0 !important;}
.bigForm .label { text-align:left; width:35%; padding:0.5em 0 0 0; }
.bigForm .input { width:60% !important; overflow:visible; padding:0; position:relative; zoom:1;}
.bigForm .text_input{}
.bigForm .text_input input{ padding:0.3em 0.2em; color:#535353; width:100%; font-size:1.1em; text-indent:0.2em;}
.bigForm .radio label{ font-size:1.2em; font-weight:bold; padding:0 1.2em 0 0.2em;}
.bigForm .input label.error{ font-weight:normal; line-height:1.2em; padding:0.2em;}
.bigForm .radio input{ position:relative; top:2px;}
.bigForm .inline label{ font-size:1.1em; line-height:1.2em; font-weight:bold;}

.loginBlock{ margin:0 auto !important; padding:3em 0 2em 0;}
.loginBlock .form{ padding-top:2em; padding-left:0.5em;}
.loginBlock .loginLogo{ padding:3em 0 7em 2em; background:url(http://www.monlocster.com/upload/image/LOCSTER-SECURILOC-login-site-geosecurite-geolocalisation.png) no-repeat right 2em;}
.loginBlock .text_input input{ padding:0.25em 0;}

.normalFont{ font-size:12px !important;}

.address { padding-bottom:1em;}
.address .block{ border:1px solid #b6b6b6; width:360px; position:relative;}
.address .col .col{  font-size:1.1em; line-height:1.2em;}
.address ul{ padding-top:1em;}
.address li{ padding:0.2em 0;}
#content .address .col .box{ padding:1em;}

.editField{font-size:12px; position:absolute; right:1em; top:0.5em; font-weight:normal;}
.cart_table .editField{ right:0; top:0;}

.checkRules{ padding-top:6em;}

td.total_price,td.total_price_2,td.actions, td.topPad{ padding-top:1em;}

.horisonalLine{ display:block; border-bottom:1px solid #d8d8d8; height:1px; clear:both; width:85%; margin:0 auto 1.5em auto; height:1.5em;}

.optionPlus{ border:1px solid #c6c6c6; position:relative; margin:1em auto !important;}
.optionPlus .box{ padding:1.5em !important;}
.optionPlus h3{ font-size:1.6em; color:#535353; text-transform:none; padding:0 0 0.5em 0;}
.optionPlus p{ font-size:1.3em !important; padding:0 0 0.3 0 !important;}

#main.smallBars{ padding-left:170px; padding-right:170px;}
#main.smallBars #left_side,#main.smallBars #right_side{ width:170px; position:relative; top:-1px;}
#main.smallBars #left_side{ margin-left:-170px;}
/*#main.smallBars #right_side{ margin-right:-170px;}*/
#main.smallBars #right_side .box{ padding-left:1em;}

.closeModal{ text-decoration:none; position:absolute; font-weight:bold; left:520px; top:0px; z-index:5500; background:#fff; padding:5px; }
.closeModal span{ text-decoration:underline; font-weight:normal; padding-right:0.3em }

.modalWithClose{ padding-top:1.5em; }

.box_3{ border-left:1px solid #e67b24; }
.box_1{ border-bottom:1px solid #e67b24; }
.box_1,.box_2,.box_3{ padding:5px 10px; }
.box_1,.box_2{ border-right:1px solid #e67b24; }
.box_3{ margin-left:-1px;}

.negativeMargin{ margin:-5px -5px -5px -12px; padding:0; overflow:hidden;}

#nyroModalContent .row,#nyroModalContent table{ position:static; overflow:hidden;}

.modalBox{ padding:0.5em 1em;}

.outOfStock { display:none; color:#e22; }
.selectableShowing .selectHT { display:none;}

div.error { color:#e22; padding: 1em; font-size:1.3em;}

.question .answer{ display:none;padding: 5px; width:575px;margin-left:30px;margin-right:10px;margin-top:5px; padding-left:10px;}

.lettrine:first-letter{color:#ed8025;font-weight:bold;font-size:13px;}
.bloclien a:hover{text-decoration:overline underline ;color:#ed8025;}

#margeblocgauche{margin-left:3px;margin-top:-17px;}

#largeurblockgauche3d{width:157px;margin-top:-19px;}

#home_clip{width:482px;margin-left:1px;}

#principe_corp{margin-top:-21px;}

.hauteur_img_home{height:308px;}

label.required { background:url(http://www.monlocster.com/upload/image/icone-required.png) no-repeat 0 1px; padding-left:8px !important;}

.stampBox{ background:#fff; text-decoration:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=1); -moz-opacity: 0.01; -khtml-opacity: 0.01; opacity: 0.01;}

.orangeInfo{font-size:1.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:25px !important;background:#e67b24; color:#fff; padding:0.3em 0.7em;}

.txt_formule{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	color:#535353;
	margin-bottom:15px;
}

.sup{
font-size:0.9em;
/*color:#F49332;*/
position: relative;
bottom: 3px;
}

/********************nyroModal.full.css************************/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(http://www.monlocster.com/upload/image//ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(http://www.monlocster.com/upload/image//close.gif) no-repeat;
	outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(http://www.monlocster.com/upload/image//prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(http://www.monlocster.com/upload/image//next.gif) right 20% no-repeat;
}

/********************stylesheet.css************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 8, 2011 */



@font-face {
    font-family: 'BenderBoldItalic';
    src: url('http://www.monlocster.com/upload/fonts/bender_bold_italic-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_bold_italic-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_bold_italic-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_bold_italic-webfont.svg#webfontW2gTvVcC') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderLight';
    src: url('http://www.monlocster.com/upload/fonts/bender_light-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_light-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_light-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_light-webfont.svg#webfontkUmGMME7') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderBlackItalic';
    src: url('http://www.monlocster.com/upload/fonts/bender_black_italic-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_black_italic-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_black_italic-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_black_italic-webfont.svg#webfontV9EKlWhY') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderBold';
    src: url('http://www.monlocster.com/upload/fonts/bender_bold-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_bold-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_bold-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_bold-webfont.svg#webfont5MycXPOm') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderRegular';
    src: url('http://www.monlocster.com/upload/fonts/bender-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender-webfont.svg#webfontirAqebbx') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderItalic';
    src: url('http://www.monlocster.com/upload/fonts/bender_italic-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_italic-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_italic-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_italic-webfont.svg#webfont9I5kYXyz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderBlack';
    src: url('http://www.monlocster.com/upload/fonts/bender_black-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_black-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_black-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_black-webfont.svg#webfontVFtTd0NV') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BenderLightItalic';
    src: url('http://www.monlocster.com/upload/fonts/bender_light_italic-webfont.eot?') format('eot'),
         url('http://www.monlocster.com/upload/fonts/bender_light_italic-webfont.woff') format('woff'),
         url('http://www.monlocster.com/upload/fonts/bender_light_italic-webfont.ttf') format('truetype'),
         url('http://www.monlocster.com/upload/fonts/bender_light_italic-webfont.svg#webfont1HviE8Mr') format('svg');
    font-weight: normal;
    font-style: normal;

}



/********************ttlocster.css************************/

html, body {
	background : #ffffff;
}
.ttcontainer {
	width : 970px;
	margin : 0 auto;
	position : relative;
	color : #6e6e6e;
	font-size : 13px;
	line-height : 24px;
}
.ttcontainer img {
	background : transparent;
}
.ttcontainer .clear {
	clear : both;
	height : 20px;
}
.ttcontainer .clearlanding {
	clear : both;
	height : 10px;
}
.ttcontainer .center {
	display: block;
	margin : 0 auto;
}
.ttcontainer .fullwidth {
	width : 970px;
	float : left;
}
.ttcontainer .fullwidth.main {
	margin-top : 12px;
}
.fullwidth.fillbox {
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 1px solid white;
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer .fullwidth img {
	display : block;
	margin : 0 auto;
}
.ttcontainer h2.puce {
	text-align : center;
	font-size : 14px;
	font-family : 'BenderBlackItalic';
	text-transform : uppercase;
	font-weight : normal;
	margin : 20px auto 20px auto;
	padding-left : 32px;
	line-height : 24px;
	float: left;
}
.ttcontainer h2.puce.one {
	background : url(http://www.monlocster.com/upload/image/puceone.png) left center no-repeat;
	margin-left : 40px;
}
.ttcontainer h2.puce.two {
	background : url(http://www.monlocster.com/upload/image/pucetwo.png) left center no-repeat;
	margin-left : 57px;
}
.ttcontainer h2.explanation {
	line-height : 24px;
	font-weight : normal;
	font-size : 16px;
	margin-top : 30px;
	margin-bottom : 48px;
	text-transform : none;
	padding-right:20px;
}
.ttcontainer .third-extreme {
	width : 311px;
	float : left;
}
.ttcontainer .third-middle {
	width : 308px;
	margin : 0 20px;
	float : left;
}
.ttcontainer .main .third-middle {
	_margin : 0 10px;
}
.ttcontainer .half {
	width : 475px;
	margin-right : 20px;
	float : left;
}
.ttcontainer .quarter {
	width : 226px;
	margin-right : 20px;
	float : left;
}
.ttcontainer .quarter img {
	margin : 0 0;
}
.ttcontainer .nomarginright {
	margin-right : 0;
}
.ttcontainer h1 {
	font-family: 'BenderBold';
	font-size : 36px;
	margin : 52px 0 30px 0 !important;
	text-transform : uppercase;
	text-indent : 20px;
	font-weight : normal;
}
.ttcontainer a, .orange {
	color : #f58135;
}
.ttcontainer .gradient {
	-webkit-box-shadow : 0 1px 1px white;
	-moz-box-shadow : 0px 1px 2px white;
	box-shadow : 0px 1px 2px white;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
	background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
	-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer .gradient h3 {
	text-align : center;
	font-size : 18px;
	font-family : 'BenderBold';
	text-transform : uppercase;
	font-weight : normal;
	margin : 20px auto 20px auto;
	color : #f58135;
	padding : 0;
}
.ttcontainer .gradient h3 img {
	margin-left : 10px;
}
.ttcontainer .gradient ul, .ttcontainer .gradient p {
	margin-left : 30px;
	line-height : 24px;
	font-size : 13px;
	margin-bottom : 12px;
	margin-right:10px;
}
.ttcontainer .gradient ul {
	list-style : disc outside;
}
.ttcontainer .third-middle.gradient ul {
	margin-bottom : 24px;
}
.ttcontainer .quarter.last ul {
	line-height : 24px;
	font-size : 13px;
	margin-bottom : 12px;
	list-style : disc outside;
	margin-left : 18px;
}
.ttcontainer .third-middle.gradient {
	height : 251px;
	background : #f5f5f5;
	background: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
	background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
	-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer .third-middle.gradient.hand {
	height : 251px;
	background : #f5f5f5 url(http://www.monlocster.com/upload/image/hand.png) right center no-repeat;
	background: url(http://www.monlocster.com/upload/image/hand.png) right center no-repeat, -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
	background: url(http://www.monlocster.com/upload/image/hand.png) right center no-repeat, -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
	-pie-background: url(http://www.monlocster.com/upload/image/hand.png) right center no-repeat, linear-gradient(#E5E5E5, #f5f5f5);
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer .third-extreme.gradient {
	height : 251px;
	background : #f5f5f5;
	background: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
	background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
	-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}

.ttcontainer a.bouton {
	background : #b7b8bb;
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, -moz-linear-gradient(top, #b7b8bb, #8c8e91);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, linear-gradient(top, #b7b8bb, #8c8e91);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#b7b8bb), to(#8c8e91));
	-moz-border-radius: 17px 17px 17px 17px;
	-webkit-border-radius : 17px 17px 17px 17px;
	border-radius : 17px 17px 17px 17px;
	border-top : 1px solid #ececec;
	height : 30px;
	display: block;
	line-height: 30px;
	float: left;
	padding : 0 17px;
	-moz-box-shadow : 0 1px 3px #4d4d4d;
	-webkit-box-shadow : 0 1px 3px #4d4d4d;
	box-shadow : 0 0 3px #4d4d4d;
	color : white;
	text-shadow: #666 0px -1px 0px;
	cursor: pointer;
	font-weight: normal;
	text-transform : uppercase;
	text-decoration: none;
	margin : 0 0 12px 20px;
	font-family : 'BenderBold';
	padding-right : 29px;
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer a.bouton:hover {
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, -moz-linear-gradient(top, #8c8e91, #b7b8bb);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, linear-gradient(top, #8c8e91, #b7b8bb);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 97% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#8c8e91), to(#b7b8bb));
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer a.bouton2 {
	background : #0c9df1;
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -moz-linear-gradient(top, #0c9df1, #0a76be);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, linear-gradient(top, #0c9df1, #0a76be);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#0c9df1), to(#0a76be));
	-moz-border-radius: 17px 17px 17px 17px;
	-webkit-border-radius : 17px 17px 17px 17px;
	border-radius : 17px 17px 17px 17px;
	border-top : 1px solid #ececec;
	display: block;
	padding : 3px 14px 3px 14px;
	-moz-box-shadow : 0 2px 3px #4d4d4d;
	-webkit-box-shadow : 0 2px 3px #4d4d4d;
	box-shadow : 0 0 3px #4d4d4d;
	color : white;
	text-shadow: #666 0px -1px 0px;
	cursor: pointer;
	font-weight: normal;
	text-transform : uppercase;
	text-decoration: none;
	margin : 0 10px 12px 10px;
	font-family : 'BenderBold';
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	line-height:normal;
}
.ttcontainer a.bouton2:hover {
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -moz-linear-gradient(top, #0a76be, #0c9df1);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, linear-gradient(top, #0a76be, #0c9df1);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#0a76be), to(#0c9df1));
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer a.bouton3 {
	background : #b7b8bb;
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -moz-linear-gradient(top, #b7b8bb, #8c8e91);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, linear-gradient(top, #b7b8bb, #8c8e91);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#b7b8bb), to(#8c8e91));
	-moz-border-radius: 17px 17px 17px 17px;
	-webkit-border-radius : 17px 17px 17px 17px;
	border-radius : 17px 17px 17px 17px;
	border-top : 1px solid #ececec;
	display: block;
	padding : 3px 14px 3px 14px;
	-moz-box-shadow : 0 2px 3px #4d4d4d;
	-webkit-box-shadow : 0 2px 3px #4d4d4d;
	box-shadow : 0 0 3px #4d4d4d;
	color : white;
	text-shadow: #666 0px -1px 0px;
	cursor: pointer;
	font-weight: normal;
	text-transform : uppercase;
	text-decoration: none;
	margin : 0 10px 12px 10px;
	font-family : 'BenderBold';
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	line-height:normal;
}
.ttcontainer a.bouton3:hover {
	background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -moz-linear-gradient(top, #8c8e91, #b7b8bb);
	-pie-background: url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, linear-gradient(top, #8c8e91, #b7b8bb);
	background : url(http://www.monlocster.com/upload/image/whitearrow.png) 94% 46% no-repeat, -webkit-gradient(linear, 0 top, 0 bottom, from(#8c8e91), to(#b7b8bb));
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.ttcontainer .gradient a.center {
	margin-top : 11px;
	margin-bottom : 2px;
	text-align : center;
}
.ttcontainer .fullwidth h3 {
	font-size : 18px;
	font-family : 'BenderBold';
	text-transform : uppercase;
	font-weight : normal;
	margin : 20px auto 20px auto;
	color : #f58135;
	text-indent : 20px;
}
.ttcontainer .fullwidth h3 span {
	font-size : 13px;
	font-family : Helvetica Neue, Helvetica, Arial, sans-serif;
	color : #6e6e6e;
	text-indent : 20px;
	text-transform : none;
}
.ttcontainer .testimonial {
	display : block;
	width : 100px;
	height : 124px;
	margin : 0 40px 12px 20px;
	float : left;
	text-align : center;
	font-size : 10px;
	color : #666;
	text-decoration : none;
}
.ttcontainer .testimonial img {
	width : 100px;
	height : 100px;
	border : 2px solid #d4d4d4;
}
.ttcontainer .last {
	margin-right : 0;
}
.ttcontainer .half a.logo {
	display : block;
	float : left;
	margin-right : 20px;
	margin-top :20px;
	height : 48px;
	width : 90px;
	margin-bottom : 36px;
}
.ttcontainer .half a.logo.small {
	width : 50px;
}
.ttcontainer .half a.logo.large {
	width : 120px;
}
.ttcontainer #marketingpoint {
	position : absolute;
	z-index : 9;
	margin-top : -10px;
	margin-left : 830px;
}
.ttcontainer #landingcar {
	margin-top : -80px;
}
.ttcontainer .main .half.last h3 {
	text-indent : 0px;
}
.ttcontainer .quarter h2.explanation {
	margin-top : 0px;
	font-size : 13px;
}
.ttcontainer h4 {
	font-family : "BenderBoldItalic";
	font-size : 14px;
	font-weight: normal;
	margin-bottom : 12px;
	text-transform : uppercase;
	margin-top:12px
}
.ttcontainer .left {
	float : left;
	display : block;
}
.ttcontainer img.left {
	border : 2px solid #d4d4d4;
	margin : 12px 20px 20px;
}
.ttcontainer .last img.left {
	border : 0;
}
.ttcontainer h3.check {
	text-align : left;
	margin : 0 0 18px 20px;
	padding-left : 36px;
	padding : 5px 0 0 32px;
	line-height : 36px;
	background : url(http://www.monlocster.com/upload/image/check.png) left center no-repeat;
}

p.check {
	text-align : left;
	margin : 0 0 18px 0px;
	padding-left : 36px;
	padding : 5px 0 0 36px;
	text-transform : uppercase;
	line-height : 36px;
	font-family : 'BenderBlackItalic';
	color : #6E6E6E;
	background : url(http://www.monlocster.com/upload/image/check.png) left center no-repeat;
}

.ttcontainer h1#ttlogo {
	padding-right : 237px;
	text-indent : 0;
	float : left;
	line-height : 82px;
	height : 150px;
	background : url(http://www.monlocster.com/upload/image/locsterlogo.png) right 24% no-repeat;
	margin : -2px 0 -80px 0 !important;
	width : 200px;
}
.ttcontainer #menu {
	float : right;
	font-size : 13px;
	width : 380px;
	margin-top : -44px;
        position : relative;
}
.ttcontainer #menu .box {
        position : relative;
	width : 365px;
}
.ttcontainer #menu .box ul li a {
        position : relative;
	font-size : 13px;
	padding : 3px 10px;
}
.ttcontainer #menu .box ul li {
        position : relative;
}
.ttcontainer #menu .box ul li.number a {
        position : relative;
	color : white;
}
.ttcontainer h3 {
	padding-top : 0;
	padding-bottom : 0;
}
/*-------------------------------------*/
.tdeco {
	text-decoration:none !important;
}
.color-def {
	color:#6e6e6e !important;
}
.txtcenter {
	text-align:center !important;
}
.txtleft {
	text-align:left !important;
}
.fs11 {
	font-size:11px !important;
}
.w300 {
	width:300px;
}
.w335 {
	width:335px;
}
.w380 {
	width:380px;
}
.clear-spacer {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	width:0;
}
.lheight24 {
	line-height:24px !important;
}
.p-zero {
	padding:0px !important
}
.m-zero {
	margin:0px !important
}
.ttcontainer .right-sidebar {
    float: right;
    width: 229px;
	font-size:13px;
}
.ttcontainer a.link-1{
	text-decoration:underline;
	color:#F58135;
}
.ttcontainer a.link-1:hover{
	text-decoration:underline;
	color:#F58135;
}
.ttcontainer .right-sidebar p{
	line-height:normal;
	padding-bottom:5px;
	display:block;
}
.ttcontainer .right-sidebar .block-1{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 2px solid #f28331;
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:10px;
}
.ttcontainer .right-sidebar .block-1 span{
	text-align:center;
	color: #6E6E6E;
	display:block;
	padding-bottom:5px;
}
.ttcontainer .right-sidebar h3 {
	text-align : center;
	font-size : 14px;
	font-family : 'BenderBold';
	text-transform : uppercase;
	font-weight : normal;
	margin : 5px auto 5px auto;
	color : #f58135;
	padding : 0;
}
.ttcontainer ul.check-icon {
	list-style:none;
	padding:0px;
	margin:0px;
}
.ttcontainer ul.check-icon li{
	background : url(http://www.monlocster.com/upload/image/check.png) left center no-repeat;
	margin-bottom:12px;
	padding-left:30px;
}

.ttcontainer .right-sidebar .block-2{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 1px solid #ffffff;
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:10px;
}
.ttcontainer .right-sidebar .block-2 span{
	color: #6E6E6E;
	display:block;
	padding-bottom:5px;
}
.ttcontainer .right-sidebar .block-2 img.left-wrap{
	float:left;
	margin-right:5px;
}
.ttcontainer .left-sidebar {
    float: left;
    width: 719px;
	font-size:13px;
	position : relative;
}
.ttcontainer .left-sidebar .top-block{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 1px solid #ffffff;
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:18px;
	min-height:300px;
	height:auto !important;
	height:300px;
}
.ttcontainer .left-sidebar .top-block img.marketingpoint-2{
	position:absolute;
	right:-8px;
	top:-10px;
}
.ttcontainer .left-sidebar .top-block h1{
	margin: 0px 0 0px !important;
	line-height:normal;
	text-indent:0px;
}
.ttcontainer .left-sidebar .gradient-block {
	background : #f5f5f5;
	-webkit-box-shadow : 0 1px 0px white;
	-moz-box-shadow : 0px 1px 0px white;
	box-shadow : 0px 1px 0px white;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
	background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
	-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:18px;
	min-height:200px;
	height:auto !important;
	height:200px;
}
.ttcontainer .left-sidebar .gradient-block p {
	padding-bottom:10px;
}
.ttcontainer .left-sidebar .standart-block {
	background : #f5f5f5;
	-webkit-box-shadow : 0 1px 0px white;
	-moz-box-shadow : 0px 1px 0px white;
	box-shadow : 0px 1px 0px white;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	padding:18px;

}

.ttcontainer .left-sidebar .bottom-block{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 2px solid #f28331;
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:18px 18px 18px 88px;
	position : relative;
	min-height:150px;
	height:auto !important;
	height:150px;
}
.ttcontainer .left-sidebar .bottom-block img.marketingpoint-3{
	position:absolute;
	left:-9px;
	top:-10px;
}
.ttcontainer .left-sidebar h4 {
	font-size : 18px;
	font-family : 'BenderBold';
	text-transform : uppercase;
	font-weight : normal;
	margin : 5px auto 15px auto;
	color : #f58135;
	padding : 0;
}
.ttcontainer ul.disc-1 {
	list-style: disc outside none;
	padding:0px 0px 0px 20px;
	margin:0px;
}
.ttcontainer ul.disc-1 li{
}

span.text-libelle{
   font-size : 12px;
}

.ttcontainer .left-sidebar span.subtitle {
	font-size : 18px;
	font-family : 'BenderBold';
	text-transform : uppercase;
	font-weight : normal;
	margin : 0px auto 12px auto;
	padding : 0;
}
.ttcontainer .left-sidebar .big-arrow {
	background:url(http://www.monlocster.com/upload/image/leftbar-img1.jpg) no-repeat 0 0;
	height:118px;
	width:311px;
}
.ttcontainer .left-sidebar .tab-content-main {
	width:683px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	-webkit-box-shadow : 0 1px 0px #000;
	-moz-box-shadow : 0px 1px 0px #000;
	box-shadow : 0px 1px 0px #000;
	background : #f58135;
	border : 0;
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:0px;
	min-height:230px;
	height:auto !important;
	height:230px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul{
	width:681px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	background : #fff;
	border : 1px solid #e5e5e5;
	border-bottom:0;
        position : relative;
        behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:0px;
	height:38px;
	list-style:none;
}

.ttcontainer .left-sidebar .tab-content-main .tab-nav.tem ul{
	border-bottom : 1px solid #E5E5E5;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li{
	float:left;
	color:#f58135;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li.spacer{
	float:left;
	background:url(http://www.monlocster.com/upload/image/tab-nav-spacer.gif) no-repeat 0 7px;
	width:1px;
	height:38px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li#tab1{
	width:179px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li#tab2{
	width:164px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li#tab3{
	width:168px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li#tab4{
	width:170px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li a{
	display:block;
	color:#f58135;
	text-decoration:none;
	line-height:38px;
	padding:0px 5px;
	text-align:center;
	background:#fff;
	font-family: 'BenderBold';
        font-size: 11px;
        font-weight: normal;
        text-transform: uppercase;
}
.ttcontainer .left-sidebar .tab-content-main .tab-nav ul li a:hover, .ttcontainer .left-sidebar .tab-content-main .tab-nav ul li a.selected{
	display:block;
	background:#e56d1e;
	color:#ffffff;
}
.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper {
	padding:20px 10px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper img.tab-left{
	margin-right:20px;
	float:left;
	width:258px;
}
.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper .tab-right{
	float:left;
	width:380px;
	color:#fff;
}

.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper .tab-right.tem{
	float:left;
	width:675px;
	color:#fff;
}

.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper .tab-right.job{
	float:left;
	width:675px;
        color:#6E6E6E;
        border-bottom : 1px solid #E5E5E5;
        text-align:justify;

}

.ttcontainer .left-sidebar .tab-content-main .tab-content-wrapper .tab-right.job ul li{
         list-style-type: disc;
         padding-left: 15px;
         margin-left: 15px;

}

/*-------------------------------------*/
#footer a.logo {
	display:block;
	height:29px;
	position:absolute;
	right:-55px;
	width : 48px !important;
}
#menu li.number a:hover {
	background : #EE8126;
        position:relative;
	color : white;
}
.clickable {
	cursor: pointer;
}
#tthomecar, #ttcompiphone {
	height : 179px;
	position : relative;
	background : #F5F5F5;
}
#tthomecar img, #ttcompiphone img {
	background : #F5F5F5;
}

.essaigratuithp {
	position: absolute;
	height: auto;
	width: auto;
	left: 752px;
	top: 268px;
	right: auto;
	bottom: auto;
	color: #E96D1B;
	font-size: 16px;
}

#temoignagetab.tab-content-main .tab-nav ul li {
	width : 226px !important;
}

#temoignagetab {
	background : white; color : #6E6E6E
}

#temoignagetab p {
	color : #6E6E6E;
}

#jobtab.tab-content-main .tab-nav ul li {
	width : 340px !important;
}


#jobtab {
	background : white; color : #6E6E6E
}

#jobtab p {
	color : #6E6E6E;
}

.logoimageleft {
	float : left;
	width : 223px;
	text-align : center;
}

.logoimageleft img {
	display : block;
	margin : 0 auto;
}

.contentpresse {
	float : right;
	width : 450px;
}

.tab-right.tem {
	border-bottom : 1px solid #ddd;
	padding-bottom : 18px;
	margin-bottom : 18px;
}

.temtoggle {
	display : none;
}

small {
	font-size : 11px;
}

.ttcontainer .left-sidebar .tab-content-main#temoignagetab {
	box-shadow : none;
	-webkit-box-shadow : none;
	-moz-box-shadow : none;
}

#menu {
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #fe8536),  color-stop(1, #e26b1b) );
	background: -moz-linear-gradient(center top, #fe8536 0%, #e26b1b 100%);
	-pie-background: linear-gradient(#fe8536, #e26b1b);
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
	height : 42px;
	margin : 25px 0 0 0;
}

#menu .box {
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	background : url(http://www.monlocster.com/upload/image/menub.png);
	height : 42px;
	padding : 0;
	margin : 0;
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}

#menu .box ul {
	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
	background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #fe8536),  color-stop(1, #e26b1b) );
	background: -moz-linear-gradient(center top, #fe8536 0%, #e26b1b 100%);
	-pie-background: linear-gradient(#fe8536, #e26b1b);
        position : relative;
	behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
	height : 42px;
}

#menu .box ul li a {
	background : transparent;
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding : 12px 1.4em;
	font-family: 'BenderBold';
	font-weight : normal;
	font-size : 14px;
}

#menu .box ul li.active a {
	background : transparent;
        position : relative;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
	color : white;
}

#menu .corner_lt, #menu .corner_rt, #menu .corner_rb, #menu .corner_lb {
	background : none;
        position:relative;
}


#menu .box ul li, #menu .box ul li.active {

	border-radius : 3px;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
        position : relative;
	background : url(http://www.monlocster.com/upload/image/menub.png);
        height : 42px;
}



#menu .box li a {
	border-left : 1px solid #c65f1c;
	border-right : 1px solid #f37f28;
        height : 18px;
        display : block;
        background : url(http://www.monlocster.com/upload/image/menub.png);
        position : relative;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}

#menu .box li a:hover, #menu .box li:hover a {
        display : block;
	border-left : 1px solid #c65f1c;
	border-right : 1px solid #f37f28;
	background : url(http://www.monlocster.com/upload/image/menubhover.png);
	color : #444;
	height : 18px;
        position : relative;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);

} 

#menu .box li.active a:hover, #menu .box li.active:hover a {
        display : block;
	border-left : 1px solid #c65f1c;
	border-right : 1px solid #f37f28;
	background : url(http://www.monlocster.com/upload/image/menubhover.png);
	color : #ffffff;
	height : 18px;
        position : relative;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);

}


#menu .box li.first a:hover, #menu .box li.first:hover a {
	border-left : 0;
	border-right : 1px solid #f37f28;
	color : #444;
	border-top-left-radius : 3px;
	-moz-border-radius-topleft : 3px;
	-webkit-border-top-left-radius : 3px;
	border-bottop-left-radius : 3px;
	-moz-border-radius-bottomleft : 3px;
	-webkit-border-bottom-left-radius : 3px;
        background : url(http://www.monlocster.com/upload/image/menubhover.png);
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
	
}
	

#menu .box li.first a {
	border-right : 1px solid #e99a5d;
	border-left : none;
        position : relative;
}

#menu li {
	padding-left : 0;
        position : relative;
}

#menu .box li.tel a {
	border-left : 1px solid #c65f1c;
	border-right : none;
	color : white;
	font-size : 14px;
	font-weight : normal;
	padding-left : 50px;
	padding-top : 12px;
	padding-bottom : 12px;
        position : relative;
        background : url(http://www.monlocster.com/upload/image/phone.png) 14% 50% no-repeat;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}

#menu .box li.tel a:hover, #menu .box li.tel:hover a  {
	border-left : 1px solid #c65f1c;
	border-right : none;
	color : white;
	font-size : 14px;
	font-weight : normal;
	padding-left : 50px;
	padding-top : 12px;
	padding-bottom : 12px;
        position : relative;
	background : url(http://www.monlocster.com/upload/image/phone.png) 14% 50% no-repeat;
}

#top_links.lightShadow {
	background : none;
}

.lightShadow .corner_lt, .lightShadow .corner_lb, .lightShadow .corner_rt, .lightShadow .corner_rb    {
	background : none;
}

.lightShadow .bgOrange, .lightShadow .bgOrange span.button a, .lightShadow .bgOrange span.button butt{
	background : none;
}
#top_links .buttons .button a {
		padding : 0 1em;
}

#top_links .buttons .button a:hover {
	color : #e26b1b;

}
/*-----------------------   john oliver --------------    4/11/2011*/
.ttcontainer .left-sidebar-boutique .top-block{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	background : #f5f5f5;
	border : 1px solid #ffffff;
        position : relative;
        behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
	padding:18px;
	min-height:300px;
	height:auto !important;
	height:auto;
}


.ttcontainer .left-sidebar-boutique .top-block .essai-gratuit
{
background:url(http://www.monlocster.com/upload/image/essai-gratuit.jpg) no-repeat;
background-position:top left;
width:332px;
height:106px;
position:absolute;
top:6px;
right:84px;
}


.ttcontainer .left-sidebar-boutique {
    float: left;
    width: 970px;
    font-size:13px;
    position : relative;
    background : #f5f5f5;
}


.prodBox
{ width:902px; margin:0px auto; height:auto}

.prodBox .lside
{
background:#fff;
height:auto;
width:400px;
float:left;
}
.prodBlockNoBorder-2 {
	background:none repeat scroll 0 0 #FFFFFF;
	border:medium none;
	color:#535353;
	margin:0 0 1.2em;
	padding:15px;
	position : relative;
}

.prodBlockNoBorder-2 {
	border : 1px solid #ddd;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.prodBox .rside
{
background:none;
height:auto;
width:482px;
float:right;
}

.prodMenu {
	margin-left : 15px;
}

.prodMenu a {
color:#313131;
display:block;
float:left;
font-size:12px;
font-weight:bold;
padding:0.3em 4.5em;
text-decoration:none;
text-transform:uppercase;
border-top-right-radius : 3px;
-moz-border-radius-topright : 3px;
-webkit-border-top-right-radius : 3px;
border-top-left-radius : 3px;
-moz-border-radius-topleft : 3px;
-webkit-border-top-left-radius : 3px;
background : #bbb;
background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #bbb),  color-stop(1, #C9C9C9));
background: -moz-linear-gradient(center top, #bbb 0%, #C9C9C9 100%);
-pie-background: linear-gradient(#bbbbbb, #C9C9C9);
position : relative;
behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}

.prodMenu a:hover, .prodMenu a.selected {
	background : #ddd;
	background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #ddd),  color-stop(1, rgb(255,255,255)) );
	background: -moz-linear-gradient(center top, #ddd 0%, #fff 100%);
	-pie-background: linear-gradient(#dddddd, #fff);
        position : relative;
	behavior: url(http://www.monlocster.com/upload/fonts/PIE.php);
}


.ttcontainer .top-block h1 {
font-family:'BenderBold';
font-size:36px;
font-weight:normal;
margin:11px 0 30px !important;
text-indent:20px;
text-transform:uppercase;
}

.rside .rectangle-block  {
-moz-border-radius:5px 5px 5px 5px;
background : #e5e5e5;
-webkit-box-shadow : 0 1px 0px white;
-moz-box-shadow : 0px 1px 0px white;
background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
box-shadow : 0px 1px 0px white;
border-radius : 5px;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border:1px solid #FFFFFF;
width:428px;
height:auto !important;
padding:6px 18px 0px 18px;
margin-top:0px;
position : relative;
behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
.rectangle-block{
background : #e5e5e5;
-webkit-box-shadow : 0 1px 0px white;
-moz-box-shadow : 0px 1px 0px white;
background : -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #E5E5E5),  color-stop(1, rgb(245,245,245)) );
background: -moz-linear-gradient(center top, #e5e5e5 0%, #F5F5F5 100%);
-pie-background: linear-gradient(#E5E5E5, #f5f5f5);
box-shadow : 0px 1px 0px white;
border:1px solid #FFFFFF;
height:auto !important;
padding:6px 18px 0px 18px;
margin-top:0px;
position : relative;
behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}

.rside .rec-block-margin
{margin-top:10px;}


.rside .rectangle-block  .orange
{
color:#F58135;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:5px auto;
padding:0;
text-align:center;
text-transform:uppercase;
}

.rside .rectangle-block  .black
{
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin:5px auto;
padding:0;
text-align:center;
text-transform:uppercase;
}

.rside .rectangle-block  .gray12
{
color:#6e6e6e;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin:5px auto;
padding:0;
text-align:center;
font-weight:bold;
}

.rside .cross
{
background:url(http://www.monlocster.com/upload/image/cross.jpg) no-repeat;
background-position:top center;
height:22px;
width:438px;
margin:10px 0px;
}

.rectangle-block ul.check-icon li {
background:url(http://www.monlocster.com/upload/image//check.png) no-repeat scroll left top transparent;
margin-bottom:12px;
padding-left:30px;
}

.leserve-block
{
width:408px;
height:auto;
margin:0px auto;
}

.rectangle-block ul.le-serve,
.rectangle-block ul.le-serve li
{
margin:0px 3px; 
padding:0; 
float:left}

.rectangle-block ul.le-serve li a
{
background:url(http://www.monlocster.com/upload/image/le-serve.png);
background-repeat:repeat;
width:127px;
height:99px;
display:inline;
display:block;
}

.rectangle-block ul.le-serve li.leserve1 a:link
{
background-position:0 0;
}

.rectangle-block ul.le-serve li.leserve1 a:hover
{
background-position:0 -100px;
}

.rectangle-block ul.le-serve li.leserve1 a.selected
{
background-position:0 -200px;
}



.rectangle-block ul.le-serve li.leserve2 a:link
{
background-position:-127px 0px;
}

.rectangle-block ul.le-serve li.leserve2 a:hover
{
background-position:-127px -100px;
}

.rectangle-block ul.le-serve li.leserve2 a.selected
{
background-position:-127px -200px;
}



.rectangle-block ul.le-serve li.leserve3 a:link
{
background-position:-254px 0px;
}

.rectangle-block ul.le-serve li.leserve3 a:hover
{
background-position:-254px -100px;
}


.rectangle-block ul.le-serve li.leserve3 a.selected
{
background-position:-254px -200px;
}

ul.tab-main {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul.tab-main li{
	float:left;
	margin-right:9px;
}
ul.tab-main li.tab1{
	background: url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat 0 0;
	width:126px;
	height:100px;
}
ul.tab-main li.tab1 a{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat 0 0;
	width:126px;
	height:100px;
	display:block;
}
ul.tab-main li.tab1 a:hover{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat 0 -100px;
	display:block;
}
ul.tab-main li.tab1 a.selected{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat 0 -200px;
	display:block;
}
ul.tab-main li.tab2{
	background: url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -127px 0;
	width:126px;
	height:100px;
}
ul.tab-main li.tab2 a{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -127px 0;
	width:126px;
	height:100px;
	display:block;
}
ul.tab-main li.tab2 a:hover{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -127px -100px;
	display:block;
}
ul.tab-main li.tab2 a.selected{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -127px -200px;
	display:block;
}
ul.tab-main li.tab3{
	background: url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -254px 0;
	width:126px;
	height:100px;
}
ul.tab-main li.tab3 a{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -254px 0;
	width:126px;
	height:100px;
	display:block;
}
ul.tab-main li.tab3 a:hover{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -254px -100px;
	display:block;
}
ul.tab-main li.tab3 a.selected{
	background:url(http://www.monlocster.com/upload/image/le-serve.png) no-repeat -254px -200px;
	display:block;
}


.price-block
{
width: 470px;
height:auto;
margin-left : 18px;
}

.price-block .price-block-l
{
float:left;
width:220px;
height:auto;
background-color:none
}

.prix
{
color:#A7A9AC;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

.price-block-l .prixsmall
{
font-size:10px;
}

.price-block-l .prixsmall a
{
	text-decoration:none;
	color:#A7A9AC;
}

.price-block-l .prixsmall a.selected
{	
	color:#F58135;
}

.price-block-l .prixmed
{
font-size:12px;
color:red;
text-decoration:line-through;
}

.price-block-l .prixlarge
{
font-size:39px;
}

.price-block-l .ttc
{
font-size:29px;
}


.green{ color:#397D39}
.fs10{ font-size:10px;}

.price-block .price-block-r
{
width:228px;
float:left;
height:auto;
background-color:none;
text-align:center;
}


a.button-cart{
width:228px; 
height:45px; 
background:url(http://www.monlocster.com/upload/image/button-cart.jpg) no-repeat;
display:block;
}

/*tab content*/

.top-block .tab-nav
{
border-bottom:#BCBDC0 1px solid;
}

.top-block .tab-content-main
{
margin-top: 30px;
position:relative
}

.top-block .tab-content-main .tab-nav ul {
-moz-border-radius:5px 5px 0 0;
background:none repeat scroll 0 0 #FFFFFF;
border-color:#CCCBCB #CCCBCB -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px 0;
height:35px;
list-style:none outside none;
padding:0;
width:690px;
border-color : #E5E5E5;
}
.top-block .tab-content-main .tab-nav ul li {
color:#F58135;
float:left;
}
.top-block .tab-content-main .tab-nav ul li.spacer {
background:url(http://www.monlocster.com/upload/image//tab-nav-spacer.gif) no-repeat scroll 0 7px transparent;
float:left;
height:35px;
width:1px;
}
.top-block .tab-content-main .tab-nav ul li#tab1 {
width:230px;
float: left;
}
.top-block .tab-content-main .tab-nav ul li#tab2 {
width:230px;
float: left;
}
.top-block .tab-content-main .tab-nav ul li#tab3 {
width:230px;
float: left;
}

.top-block .tab-content-main .tab-nav ul li a {
background:url(http://www.monlocster.com/upload/image/default-gradient.jpg) repeat-x;
color:#F58135;
display:block;
font-family:'BenderBold';
font-size:11px;
font-weight:normal;
line-height:35px;
padding:0 5px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}

.top-block .tab-content-main .tab-nav ul li a.bar 
{
background:url(http://www.monlocster.com/upload/image/tab-nav.jpg) repeat-x;
}



.top-block .tab-content-main .tab-nav ul li a:hover, 
.top-block .tab-content-main .tab-nav ul li a.selected {
background:url(http://www.monlocster.com/upload/image/selected-gradient.jpg) repeat-x;
color:#FFFFFF;
display:block;
}
.top-block .tab-content-main .tab-content-wrapper {
padding:10px 10px 20px 10px;
}
.top-block .tab-content-main .tab-content-wrapper img.tab-left {
float:left;
margin-right:20px;
width:258px;
}
.top-block .tab-content-main .tab-content-wrapper .tab-right {
color:#6E6E6E;
float:left;
width:380px;
}

/*tab right content*/
.tab-right h4{
font-family:BenderBold;
font-size:18px;
font-weight:normal;
margin-bottom:12px;
margin-top:12px;
text-transform:uppercase;
font-style:normal;
padding:0px;
}
/*tab right content*/

/*tab1 */
.tab-right .tab-wrap
{
width:900px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}


.tab-right  .tab-wrap a
{
text-decoration:underline;
}

.tab-right .tab-wrap .tab1-fl
{
float:left;
width:621px;
height:auto;
background-color:transparent;
}

.tab-right .tab-wrap .tab1-fl p{ padding:8px 0px}


.tab-right .tab-wrap  .tab1-fr
{
float:right;
width:212px;
height:175px;
background:url(http://www.monlocster.com/upload/image/monitor.jpg) no-repeat;
background-position:top center;
}
/*end of tab 1*/

/*tab2*/

.tab-right .tab-wrap  .tab2-fl
{
float:left;
width:445px;
height:auto;
background-color:transparent;
}

.phone-girl{
 width:173px; 
 height:84px;
 background:url(http://www.monlocster.com/upload/image/girl-phone.jpg) no-repeat;
 position : relative;
 float:inherit;
 float:right;
 top:-48px; 
 right:0px;
 }
 
.tab-wrap .tab2-image2
 {
width:364px; 
height:auto; 
float:right;
 }
 
.tab-wrap .tab2-image2 .images2-1
{
width:364px;
height:279px;
border-bottom:#b5b6b7 solid 2px;
}

.tab-wrap .tab2-image2 .images2-2
{
margin-top:40px;
margin-left:50px;
}
/*end of tab2*/

#tmpDialogue {
	font-family : "BenderBold";
	font-size : 15px;
	font-weight: normal;
	text-transform : uppercase;
        color : grey;
	background : #E5E5E5;
}

/********************jquery.ad-gallery.css************************/

.ad-gallery {
  width: 400px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 400px;
    height: 342px;
    margin-bottom: 10px;
	border:1px solid #C7C9CB;	
    position: relative;
    overflow: hidden;
  }
  
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
    .ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 100;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(non-existing.jpg)\9
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_prev.png);
        width: 30px;
        height: 30px;
        display: none;
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(ad_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      z-index: 9;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
      .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 7px;
        text-align: left;
        width: 100%;
        z-index: 2;
        background: url(opa75.png);
        color: #000;
      }
      * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
        background: none;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png');
      }
        .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
          display: block;
        }
  .ad-gallery .ad-controls {
    height: 20px;
  }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 0;
      height: 100%;
      z-index: 10;
    }
    /* IE 6 doesn't like height: 100% */
    * html .ad-gallery .ad-forward, .ad-gallery .ad-back {
      height: 100px;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 13px;
      display: block;
      background: url(ad_scroll_back.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 13px;
      background: url(ad_scroll_forward.png) 0px 22px no-repeat;
    }
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width:100%;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
          padding-right: 5px;
        }
          .ad-gallery .ad-thumbs li a {
            display: block;
          }
            .ad-gallery .ad-thumbs li a img {
              border: 1px solid #d2d3d5;
              display: block;
            }
            .ad-gallery .ad-thumbs li a.ad-active img {
              border: 1px solid #f7964d;
            }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}

/********************layer.css************************/

/* 
    Document   : layer
    Created on : 19 oct. 2011, 10:29:33
    Author     : Pascal
    Description:
        CSS pour le layer
*/


div#layer{
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999999;
}


div#layer div#hiddenBarre{
    display: none;
    
    width: 100%;
    height: 32px;
    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: right;
}

div#layer div#hiddenBarre div.ttcontainer div#languetteLayer{
    width: 37px;
    height: 32px;
    float: right;

    background-image: url("http://www.monlocster.com/upload/image/languette_layer.png");
    background-repeat: no-repeat;
}
div#layer div#hiddenBarre div.ttcontainer div#languetteLayer:hover{
    background-image: url("http://www.monlocster.com/upload/image/languette_layer_hover.png");
    background-repeat: no-repeat;
}


div#layer div#smallBarre{
    display: none;
    width: 100%;
    height: 36px;

    position: relative;
    bottom: 0px;
    left: 0px;
    right: 0px;
    
    background-image: url("http://www.monlocster.com/upload/image/bg_layer.png");
    background-repeat: repeat-x;
}
div#layer div#smallBarre:hover{
    background-image: url("http://www.monlocster.com/upload/image/bg_layer_hover.png");
    background-repeat: repeat-x;
    cursor: pointer;
}
div#layer div#smallBarre div.ttcontainer div{
    display: inline-block;
    vertical-align: top;
}
div#layer div#smallBarre div.ttcontainer div#operatriceLayer{   
    position: relative;
    left: 0px;
    bottom: 55px;
        
    width: 145px;
    height: 75px;
    background-image: url("http://www.monlocster.com/upload/image/operatrice_layer.png");
    background-repeat: no-repeat;
}
div#layer div#smallBarre div.ttcontainer div#texteLayer{
    position: relative;
    bottom: 0px;
    margin: 0 auto;
    
    width: 80%;
    height: 35px;

    color: #FFFFFF;
    font-family: "BenderRegular";
    font-size: 11pt;

    text-align: center;
}
/* HACK IE7 */
*+html div#layer div#smallBarre div.ttcontainer div#texteLayer{
    bottom: 70px;
    left: 40px;
}
div#layer div#smallBarre div.ttcontainer div#texteLayer span.grayColor{
    color: #4b4b4b;
}
div#layer div#smallBarre div.ttcontainer div#texteLayer p a.largeLayer{
    color: #FFFFFF;
}
div#layer div#smallBarre div.ttcontainer div#closeLayer{
    width: 23px;
    height: 23px;

    position: relative;
    bottom: 45px;
    right: 0px;
    text-align: right;
    vertical-align: bottom;
    
    background-image: url("http://www.monlocster.com/upload/image/btn_close_layer.png");
}
/* HACK IE7 */
*+html div#layer div#smallBarre div.ttcontainer div#closeLayer{
    position: absolute;
    bottom: 80px;
    left: 95%;
    right: 5px;
}



div#layer div#largeBarre{
    display: none;

    width: 100%;
    height: 350px;

    position: relative;
    bottom: 0px;
    left: 0px;

    background-color: #FFFFFF;
    overflow: auto;
}

div#layer div#largeBarre div.ttcontainer table tr td#col1{
    width: 380px;
    height: 350px;
    vertical-align: top;
    text-align: center;
}
div#layer div#largeBarre div.ttcontainer table tr td#col1 h3{
    margin-top: 10px;
    padding-bottom: 15px;
    font-size: 10pt;
    font-family: "BenderRegular";
    color: #515151;
    vertical-align: top;
    position : relative;
    behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
div#layer div#largeBarre div.ttcontainer table tr td#col1 iframe{
    display: block;
    position: relative;
    top: 0%;
    background-color: transparent;
    vertical-align: top;
}

div#layer div#largeBarre div.ttcontainer table tr td.separateur_gauche{
    width: 2px;
    height: 294px;
    margin-right: 5px;
    background-image: url("http://www.monlocster.com/upload/image/layer_separateur.png");
    background-repeat: no-repeat;
    float: left;
}

div#layer div#largeBarre div.ttcontainer table tr td.separateur_centre{
    width: 2px;
    height: 294px;
    margin-right: 5px;
    margin-left: 5px;
    background-image: url("http://www.monlocster.com/upload/image/layer_separateur.png");
    background-repeat: no-repeat;
    float: right;
}

div#layer div#largeBarre div.ttcontainer table tr td#col2{
    width: 482px;
    height: 350px;
    vertical-align: top;
    text-align: center;
}
div#layer div#largeBarre div.ttcontainer table tr td#col2 h3{
    margin-top: 10px;
    padding-bottom: 15px;
    font-size: 10pt;
    font-family: "BenderRegular";
    color: #515151;
    position : relative;
    behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}
div#layer div#largeBarre div.ttcontainer table tr td#col2 table{
    margin-bottom: 5px;
}
div#layer div#largeBarre div.ttcontainer table tr td#col2 table tr td#flyer{
    display: inline;
    text-align: center
}
div#layer div#largeBarre div.ttcontainer table tr td#col2 table tr td#flyer img{
    display: inline-block;
    width: 140px;
    height: 250px;
    vertical-align: top;
    text-align: left;
    padding-right: 1em;
}

div#layer div#largeBarre div.ttcontainer table tr td#col2 table tr td#form{
    display: inline-block;
    width: 315px;
    height: 100%;
    text-align: right;
    vertical-align: middle;
    margin-right: 10px;
}

div#layer div#largeBarre div.ttcontainer table tr td.separateur_droite{
    width: 2px;
    height: 294px;
    margin-top: 10px;
    margin-left: 5px;
    background-image: url("http://www.monlocster.com/upload/image/layer_separateur.png");
    background-repeat: no-repeat;
    text-align: right;
    float: right;
}

div#layer input[type=submit].btn_blue_layer{
    width: 165px;
    height: 31px;
    background-image: url("http://www.monlocster.com/upload/image/bouton_valider_form_layer.png");
    background-repeat: no-repeat;
    border: 0px solid #FFFFFF;
    margin-top: 10px;
}
div#layer input[type=submit].btn_blue_layer:hover{
    cursor: pointer;
}

div#layer .smallTextReference{
    font-size: 8pt;
    font-family: "BenderRegular";
    text-align: left;
    line-height: 12px;
    position : relative;
    behavior:url(http://www.monlocster.com/upload/fonts/PIE.php);
}

div#layer h3 span.orange{
    font-size: 10pt;
    font-family: "BenderRegular";
}

.layerBlack{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999998;
    opacity: 0.5;
    background-image: url("http://www.monlocster.com/upload/image/bg_black_layer.png");
    background-repeat: repeat;
}
