/*reset.css*/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{margin:0; padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}


/* ============================ Navigation ================================ */
#navigation {width:160px; min-height: 10px; z-index: 10;}
#navigation ul {border-top:1px solid #e5e5e5;zoom:1;}
#navigation a{color:#9b9ba3;text-decoration:none;}
#navigation li {background:url(skin/navigationArrow.png) no-repeat -795px 10px;border-bottom:1px solid #e5e5e5; text-transform:uppercase;zoom:1;}
#navigation li a {display:block;padding:7px 3px 7px 12px; zoom:1;}
#navigation li.open { background-position:-1192px 10px;}
#navigation li.open a {color:#000;}
#navigation li.open li a {color:#9b9ba3;}
#navigation li.open li {background-position:-795px 7px;}
#navigation li ul {display:none; padding-left:8px; border:none;background:none;}
#navigation li.open ul {display:block;}
#navigation li li {border:none;text-transform:none;background-position:-795px 9px;}
#navigation li li.open {background-position:-1192px 7px;}
#navigation li li a {padding:5px 3px 5px 12px;}
#navigation li.open li ul {display:none;padding-left:12px;}
#navigation li li.open ul {display:block;}
#navigation li li.open a {color:#000;}
#navigation li li.open li a {color:#9b9ba3;}
#navigation li li li {background:none;}
#navigation li li li a {padding:3px 0 1px 6px;background:url(skin/dotNavigation.png) no-repeat left 9px;}
#navigation li li li a.current {color:#000; background-position:left -20px;}
#navigation li li li a:hover {background-color:#ededed;}
/* ==== On Dark Background (Flash or Image) ==== */

#navigation .darkBack {border-top:1px solid #fff;}
#navigation .darkBack a {color:#fff;}
#navigation .darkBack li {border-bottom:1px solid #fff;}
#navigation .darkBack li.open {background-position:left 9px;}
#navigation .darkBack li.open a {color:#e5e5e5;}
#navigation .darkBack li.open li a, #navigation .darkBack li li.open li a {color:#f2f2f2;}
#navigation .darkBack li li.open a {color:#e5e5e5;}
#navigation .darkBack li li li a {background-position:left -50px;}
#navigation .darkBack li li li a.current {color:#e5e5e5; background-position:left -50px;}
#navigation .darkBack li li li a.current:hover {color:#000; background-position:left -20px;}
/* ==== sliding Nav alternatives ==== */
#slidingNav {border: none !important;}
#slidingNav li {border: none; background: #fff; position: relative;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;margin-top: -1px;//margin-top: -2px;padding-left: 10px;padding-right: 10px;}
#slidingNav li a {padding-top: 4px;padding-bottom: 4px; background:url(skin/navigationArrow.png) no-repeat -795px 7px; border-top: 1px solid #e5e5e5; }
.titreSlidingNav {height: 18px;font-size: 1%; cursor: pointer;background: no-repeat left top;filter:expression(pngTrans(this)); margin-left : 1px;}
/* ============================ /Navigation ================================ */
/* ============================ Menu Droite ================================ */
#rightColumn h2.productTitle{font-size:236%; font-weight:bold; text-transform: none; color:#fff;}
#rightColumn h2.productTitle span.altColor {color:#000; display:block;}
#rightColumn h3.productTitle{color:#000; font-size:105%;margin:5px 0; text-transform:uppercase;font-weight:bold}
.productAction{text-transform:uppercase; font-size:95%;}
.productAction li{border-top:1px solid #ae8d2e;zoom:1;}
.productAction li a{display:block;zoom:1;border-top:1px solid #fbda7b; padding:5px 5px 5px 3px; background: url(skin/puce/chevronNoir.png) no-repeat right center; text-decoration:none;}
.blackFilled .productAction li a {color:#F8CA41;background-image: url(skin/puce/chevronJaune.png)}
.productAction li.noBorder,.productAction li.noBorder a{border: none;}
.actionList {background-color: #CACCCB;padding:6px 10px 3px 10px;}
.actionList li{ background: url(skin/puce/action_list.png) no-repeat left top; text-transform: uppercase; padding-bottom:3px;}
.actionList li a{display:block;padding-left: 25px; color:#fff;}
.actionList .email{ background-position: left -20px; ;}
.actionList .save{ background-position: left -40px; ;}
/* ---- models ----*/
.modeles {font-size:105%;}
.modeles a { display:block;padding:5px 10px;zoom: 1;background: #CACCCB url(skin/puce/tous_les_models.png) no-repeat 95% 50%; text-transform:uppercase; color:#fff;}
/* ============================ /Menu Droite ================================ */


h2.pageTitle, h1.pageTitle {margin-bottom:18px; color:#f8ca41; height: 51px; min-height: 51px; text-transform:uppercase; white-space: nowrap;}
h2.pageTitle strong, h1.pageTitle strong {color:#bec3c6; display:block;font-size:82%;}
.pageTitleHidden {visibility: hidden; margin-bottom: 18px;}
.minTitle {font-size:140%;}


/* **************** E.. BLOCS CONTENUS ***************** 
/* ===== MEA (image left content right) ===== */
/* ---- Mise en avant with no wrap ----- */
.mea, .mea .text, .meaRight .text, .meaRight {overflow:hidden; _overflow:visible; zoom:1;}
.mea .media {float:left; margin:0 18px 0 0;}
.meaRight .media{float:right; margin:0 0 0 18px;}
.meaWrap .text{ overflow:visible; zoom:0;}
.blockFilled .mea .text, .blockFilledUniverse .mea .text {padding:9px 10px 9px 0;}
.blockFilled .meaRight .text, .blockFilledUniverse .meaRight .text {padding:9px 0 9px 10px;}
.insideSpace .mea .text, .insideSpace .meaRight .text {padding:0;}
/* ---- Mise en avant ----- */
/* ---- Listes ----- */
ul.listePuce li, ul li.listePuce {background:url(skin/puce/carre.png) no-repeat left 5px; padding-left:10px;}
ul.listeChev li, ul li.listeChev {background:url(skin/puce/chevrons.png) no-repeat left center; padding-left:10px;}
.universList a.title{text-decoration:none; display:block; background:url(skin/puce/chevUniversList.png) no-repeat right 11px;outline:none;padding:7px 25px 7px 10px;}
.universList li a.black{background-image:url(skin/puce/chevUniversList.png) !important}
.universList li a.gray{background-image:url(skin/puce/chevUniversListGris.png) !important}
.universList li a.white{background-image:url(skin/puce/chevUniversListBlanc.png) !important}
.universList li {margin-bottom:1px;background:#f8ca41;}
.universList li a {zoom:1;}
.universList li.last {margin-bottom:0px;}
.universList li.open a {background-position:right -483px;}
ul.vTabs li{background-color: #CACCCB; border-bottom: 1px solid #fff;}
ul.vTabs li.current {background-color: #EDEDED;font-weight: bold;text-transform:uppercase; padding:5px 8px;}
ul.vTabs li.current, ul.vTabs li.last{border: none;}
ul.vTabs li a {display: block;text-decoration: none;font-weight: bold;text-transform:uppercase; padding:5px 8px;zoom: 1;}
.listeCouleurs {overflow:hidden; _overflow:visible; zoom:1; padding-top:3px;}
.listeCouleurs li {padding:1px 2px 0 2px; float:left;}
.listeCouleurs li.current {border:2px solid #990000;margin: -2px -1px 0px -1px;padding: 1px;_padding-bottom:0;height: 17px;	width: 17px;}
.listeCouleurs li div {display:none;}
.listeCouleurs li.disabled div {display:block;position:absolute;}			
.listeCouleurs li.current img{_margin-bottom:-3px;}
li.redFire, li.orangeFire, li.greenFire {background-position: left 4px;background-repeat: no-repeat;padding: 5px 0 5px 20px;}
li.redFire {background-image: url(skin/puce/redFire.png);}
li.orangeFire {background-image: url(skin/puce/orangeFire.png);}
li.greenFire {background-image: url(skin/puce/greenFire.png);}




/* **************** G.. CONTENEURS DE BLOCKS ***************** */
/* ici on défini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne 
porte les classes "unit sizeXonX lastunit"  */
.line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;}
.unit{float:left;margin-right:18px; zoom:1;}
/* template avec navigation et colonne de droite */
.size1on1{float:none !important;margin-right:0; width:auto;}
.miniHspace .unit {margin-right:1px;}
.noHspace .unit {margin-right:0px;}
/* template fullsize */
.size1on2{width:49.03%;}
.size1on3{width:32.03%;}
.size2on3{width:66.01%;}
.size1on4{width:23.54%;}
.size3on4{width:74.51%;}

.miniHspace .size1on2{width:49.94%;}
.miniHspace .size1on3{width:33.26%;}
.miniHspace .size2on3{width:66.63%;}
.miniHspace .size1on4{width:24.91%;}
.miniHspace .size3on4{width:74.97%;}

/* template avec une navigation ET une colonne de droite */
.page2colsNav .size1on2{width:48.42%;}
.page2colsNav .size1on3{width:31.23%;}
.page2colsNav .size2on3{width:65.61%;}
.page2colsNav .size1on4{width:22.63%;}
.page2colsNav .size3on4{width:74.21%;}

.page2colsNav .miniHspace .size1on2{width:49.91%;}
.page2colsNav .miniHspace .size1on3{width:33.22%;}
.page2colsNav .miniHspace .size2on3{width:66.61%;}
.page2colsNav .miniHspace .size1on4{width:24.87%;}
.page2colsNav .miniHspace .size3on4{width:74.95%;}

.page2colsNav .noHspace .size1on2{width:49.99%;}
.page2colsNav .noHspace .size1on3{width:33.32%;}
.page2colsNav .noHspace .size2on3{width:66.65%;}
.page2colsNav .noHspace .size1on4{width:24.99%;}
.page2colsNav .noHspace .size3on4{width:74.99%;}


/* template avec une navigation OU une colonne de droite */
#page.page2cols .size1on2, #page.pageNav .size1on2{width:48.79%;}
#page.page2cols .size1on3, #page.pageNav .size1on3{width:31.73%;}
#page.page2cols .size2on3, #page.pageNav .size2on3{width:65.86%;}
#page.page2cols .size1on4, #page.pageNav .size1on4{width:23.19%;}
#page.page2cols .size3on4, #page.pageNav .size3on4{width:74.39%;}

#page.pageNav .miniHspace .size1on2{width:49.93%;}
#page.pageNav .miniHspace .size1on3{width:33.24%;}
#page.pageNav .miniHspace .size2on3{width:66.62%;}
#page.pageNav .miniHspace .size1on4{width:24.89%;}
#page.pageNav .miniHspace .size3on4{width:74.96%;}

/* template normal unit colles  */
.noHspace .size1on2{width:49.99% !important;}
.noHspace .size1on3{width:33.32% !important;}
.noHspace .size2on3{width:66.65% !important;}
.noHspace .size1on4{width:24.99% !important;}
.noHspace .size3on4{width:74.99% !important;}

/* ----- custom sizes ------ */
.lastunit {float:none; _float:right; display:block;  width:auto !important; zoom:1; margin-right:0 !important;}
.lastunitL {float:none; _float:left; display:block;  width:auto !important; zoom:1; margin-right:0 !important;}


/* **************** H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS ***************** */
/* ====== block par defaut ====== */
.block{overflow:hidden;_overflow:visible; zoom:1; position:relative;}
.blockInside{position:relative;zoom:1;}
.body{zoom:1; overflow:hidden; _overflow:visible;}
.head{ min-height:19px; _height:19px; padding:4px 10px; color:#000000;}
.blockToggle .head {padding:4px 10px;}
.blockToggle .head a {padding: 5px 0;}
h5.head {padding: 8px 10px 4px 10px;}
.headRight{min-height:23px; padding-left:30px; padding-top:4px; color:#000000;}
.whiteSpacer{border-bottom: 1px solid #fff;}
.whiteSpacerR{border-right: 1px solid #fff;}
.whiteSpacerL{border-left: 1px solid #fff;}
.darkSpacer{border-bottom: 1px solid #ededed;}
.borderR{border-right: 1px solid #e5e5e5;}
.mediaFullSize img, .mediaFullSize embed, .mediaFullSize object {width:100%;}
/* foot */
.foot{overflow:hidden; _overflow:visible; zoom:1; text-align:center; padding:10px 0;}
/*======block filled ======*/ 
.whiteFilled {background-color: #fff !important;}
.darkFilled {background-color: #e6e6e6 !important;}
.darkerFilled {background-color: #cacccb !important;}
.blackFilled {background:#000;}
.blockFilled, .blockFilled .blockInside{background-color:#ededed;}
.blockFilled .dottedSeparator {border-bottom:1px dotted #fff;}
/*======block filled universe ======*/ 
.blockFilledUniverse .blockInside{background-color:#f8ca41;}
/*======block avec bordure ======*/ 
.blockBorder .blockInside{border:1px solid #E5E5E5;}
.blockBorder .blockInside .line .unit {border-right:1px solid #E5E5E5;}
.blockBorder .blockInside .line .lastunit, .blockBorder .blockInside .block .blockInside {border:none}
/*======espacement interne bloc ======*/ 
.insideSpace .body{padding:9px 10px;}

/*====== frame ======*/
.frame {border: 1px solid #b9b9b9;}
.frameError {border: 1px solid #ff0000; background-color: #ffe5e5;}
/* **************** I.. BLOCKS ***************** */

/* ====== block toogle ====== */

/* toggleClosed*/
.hasJS .toggleClosed .body{display:none;}
.blockToggle .head a {display:block;background:url(skin/puce/chevronsToggle.png) no-repeat right 8px;outline:none;_zoom:1;}
.blockToggle h5.head a {background-position: right 10px;}
.hasJS .toggleClosed .head a {background-position:right -86px;outline:none;}
.hasJS .toggleClosed h5.head a {background-position: right -84px;}
.blockToggle .head{background-color:#EDEDED;}

/*ESPACE CLIENT*/
.escHome{position:relative;}
.escHome .blockToggle .head {overflow: hidden;_overflow: visible;zoom: 1;}
.escHome .blockToggle .head a { background: none;}
.escHome .blockToggle .head a.toggle {float: right; position: relative;top: 6px;padding: 4px;overflow: hidden;text-indent: -5000px; height: 7px; width: 7px; background:url(skin/puce/chevronsToggle.png) no-repeat 3px 4px;}
.escHome .toggleClosed .head a.toggle {background-position: 4px -90px;top: 6px;padding: 4px;}
.escHome .blockToggle .head a.closeBlock {float: right; position: relative;top: 6px;padding: 4px;overflow: hidden;text-indent: -5000px; height: 7px; width: 7px; background:url(skin/puce/delete.png) no-repeat 3px 2px;}
.escHome .blockToggle .head a.drag{cursor:move;}
.escHome .separator {border-color: #b5babd;}
.escHome .blockFilled .dottedSeparator {border-bottom:1px dotted #000;}
.escHome .km {_zoom: 0;} /* Bug IE6 */
.espaceClient .blockToggle .head, .espaceToggle .block .block .head {background:#cdcdcd url(skin/espaceToggleHead.png) repeat-x left top ;}
.espaceClient .favourite {background: #f8ca41 !important;}
.blockToggle .head {position: relative;}
.blockToggle .head a.delete {position: absolute;background:url(skin/delete2.png) no-repeat center center;height: 20px;width: 20px;right: 30px;top: 1px;}
.blockToggle .head a.delete span {display: none;}
/*.escHomeBlocks .lastunit{width: 45% !important;}*/


.espaceClient .blockToggle .head,.espaceClient .blockToggle .foot, .espaceClient .blockToggle .body, .espaceClient .block .block .head, .espaceClient .block .block .body {border: 1px solid #aeaeae;}
.espaceClient .blockToggle .body .body, .espaceClient .blockTabs .body .body  {border:none;}
.espaceClient .block .body,.espaceClient .block .block .body, .espaceClient .blockToggle .foot  {border-top: 0px;}
.espaceClient .blockTabs .tabs {margin: 0 18px;}
.espaceClient .blockTabs .body {border: none;}
.espaceClient .blockToggle .foot {background: #ededed;}
.espaceClient .blockTabs .block .body {background: #fff;}
.espaceClient .blockTabs .blockFilled .body {background: #ededed;}
.espaceClient .blockTabs .darkFilled .body {background: #e6e6e6;}
.espaceClient .blockTabs .body .segment {padding: 18px;}
.espaceClient .webBoxMarker { border: 1px dotted black; margin: 0 0 8px 0; ;}

.clientRightBox .head,.clientRightBox .foot, .clientRightBox .body{border: 1px solid #000 !important;}
.clientRightBox .body {border-width: 0 1px !important; background: #ededed;overflow:hidden}

.clientRightBox .head{background: url(skin/loginHead.png) no-repeat -10px top !important; overflow: hidden;text-indent: -5000px; cursor: pointer; zoom:1;}
.clientRightBox .headClosed { background-position: -10px -330px !important;}
.clientRightBox .foot {background: url(skin/loginFoot.png) repeat-x left top; height: 6px; padding: 0;overflow: hidden;text-indent: -5000px;}
.clientRightBox .contenuStd{ padding: 10px 16px;}
.clientRightBox .contenuStd input.txt{border: none; margin-bottom: 5px; height: 16px; padding: 2px 5px;width: 100%;//width: 92%; font-weight: bold;}
.clientRightBox .contenuStd .check label {margin-left: 5px;}
.clientRightBox .profil {border-top: 1px solid #000; padding: 3px 0 3px 18px;}
.clientRightBox .profilZone {height: 17px; width: 122px; background: url(skin/escProfilZone.png) no-repeat left top;padding: 1px 3px 6px 5px; margin-left: -5px; margin-top: 5px; overflow: hidden;}
.clientRightBox .profilZone .cursor {background: url(skin/escProfilZoneCursor.png) no-repeat right top; height: 17px; padding-right: 7px;}
/*ESPACE CLIENT*/

.clientRightBox .links li {background: #f8ca41; border-top: 1px solid #000;}
.clientRightBox .links li a {padding:6px 10px 6px 20px; display: block; font-size:11px;zoom: 1; background:url(skin/puce/chevronNoir.png) no-repeat 12px 9px;}
.clientRightBox .links li.sub a {padding: 6px 18px 6px 10px;background: transparent url(skin/puce/chevronsToggleH.png) no-repeat 145px center;}
.clientRightBox .links li.open a {background-position: -850px center;}
.clientRightBox .links li.sub li {background: #f2dea9;}
.clientRightBox .links li.sub li a {padding:3px 3px 3px 20px; background:url(skin/puce/chevronNoir.png) no-repeat 12px 7px;}
.clientRightBox .links li.sub ul {display: none;}
.clientRightBox .links li.open ul {display:block;}
.clientRightBox .links li.addConcess {display: none;}


/* MODEL PICKER */
.modelPicker .block{margin:0;padding:2px;background:#aaaaaa }
.modelPicker  .blockInside {background:#A9AAAB  !important;}
.modelPicker .body{height:80px}
.modelPicker .picker {overflow:hidden;_overflow:visible;zoom:1; position:absolute;top:0;left:0; width: 100%;}
.modelPicker .picker a.arrow{display:block;text-indent:-5000px;width: 12px; height: 80px; background-color:#F8B600 ; background-repeat:no-repeat;outline: none;overflow: hidden;}
.modelPicker .picker a.return{float: left;background-image:url(skin/puce/chevronsReturnNoir.png);background-position: 4px center; border-right:1px solid #A9AAAB }
.modelPicker .picker a.follow{float: right;background-image:url(skin/puce/chevronNoir.png);background-position: 5px center;}
.modelPicker .picker a.noImg {background-image: none;cursor: default;}
.modelPicker .picker .hScroll {overflow:hidden; float:left; width:1px}
.modelPicker .picker ul {height:80px;width: 9000px;}
.modelPicker .picker ul li {position:relative;height:80px;overflow: hidden;float:left;border-right:1px solid #A9AAAB ;//position:static;//float:none;//display:inline;zoom:1}
.modelPicker .picker ul li a {display:block;text-decoration:none !important; width:138px}
.modelPicker .picker ul li a.pickOff span.textField {display:block;margin-top: -28px;height: 27px;//height: 28px;width:134px;padding-left: 2px;padding-right: 2px;text-align:center; font-weight:bold;font-size: 10px !important;}
.modelPicker .picker ul li a.pickOff span.textField span{display: block;}
.modelPicker .picker ul li a.pickOn {visibility:hidden;width:138px;height:80px}
.modelPicker .pickerToggler .body{height:80px}
.modelPicker .pickerToggler li {margin:0 0 3px 0;zoom:1}
.modelPicker .pickerToggler li a {display:block; background:#E5E5E5 url(skin/homeSwitchButtonsBkg.png) repeat-x top left; text-decoration:none; font-weight:bold; padding:0px 10px; outline: none; zoom:1; //margin-bottom:-1px}
.modelPicker .pickerToggler li a.open {cursor:default; background:#E5E5E5 url(skin/homeSwitchButtonsBkg.png) repeat-x top left; color:#F8B600 }

/* Tip Home */
.tool-tip {position: absolute;color: #fff;width: 139px;z-index: 13000;text-align:left;visibility: hidden;top: 0;}
.tool-title {font-weight: bold;font-size: 11px;color: #F8CA41;padding: 8px 8px 4px;background: url(skin/tipBubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(skin/tipBubble.png) bottom right;}