/*
** @author :
* A. Librairies (CSS reset...)
* B. Styles generaux (declarations defaut des Hx, strong)
* C. Styles helpers (margins, paddings, txtX)
* D. Structure principal (#page, #main, #menu, #nav...)
* E. Contenus (listes ul.listPuce, .mea, dataArray...)
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
* G. Custom (blocks spécifiques, contenus vraiment spécifiques à une page, non reutilisable ailleurs)
* H. Fixs class for navigators (corners)
* I. Classes spécifiques (lecteurs d'écran, javascript...)
*/
/****
* A. Librairies (CSS reset...)
****/
a { text-decoration:none;}
html,body,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, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;vertical-align:baseline;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select {font-size:99%}
/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/
body {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#9DD2E8 url(skin/degrader_fond_site.png) repeat-x left top;}
hauteur du font-size est de 16px sur IE et FF, pour avoir un font-size relatif, il suffit de faire une division et indiquer le pourcentage correspondant */
a { cursor:pointer;}
h1{font-size:26px; color:#002D61; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
h2 {font-size:11px; color:#002D61; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
h2.produit {color:#668798 !important; font-size:11px;}
h2.dispatch {font-size:20px; color:#002D61; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
h2 strong {font-size:22px; color:#68c1e4; font-weight:100; font-style:italic;}
h3 {font-size:12px; color:#406786; font-weight:normal;}
h3.dispatch {font-size:14px; color:#002D61; font-family: Arial, Helvetica, sans-serif; font-weight:bold;}
h4 {font-size:11px; color:#668798;}
h4 strong {color:#68c1e4; }
h5 {font-size:15px; color:#68c1e4; font-weight:bold; font-style:italic;}
h6 {font-size:14px; font-weight:bold; color:#68C1E4;}
p {margin:4px 0;}
.italic{font-style:italic;}
/* contenus et separateurs */
.highLight {color:#A45255;}
.bold {font-weight:bold;}
.mentionsLegales {font-style:italic; }
.mentionsLegales .mentionsContent {overflow:hidden; width:100%}
.noBrd {border:0 !important}
.sep {border-top:1px solid #ccc}
.sepV {border-left:1px solid #ccc}
.centered {margin-left:auto; margin-right:auto}
/****
* C. Styles helpers (margins, paddings, txtX)
****/
/* alignement (vertical-align, text-align */
.txtL{text-align:left !important;}
.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}
/* positionnement flottant */
.floatL{float:left;}
.floatR{float:right;}
.clear {clear:both;}
.context {overflow:hidden; _overflow:visible; zoom:1}
.contextSpecial {zoom:1;}
.contextSpecial:after {content:" "; clear:both; height:0;}
.center{margin:0 auto;}
/* positionnement */
.posRelative{position:relative;}
/* fullWidth (force une image ou un flash à prendre toute la largeur de son conteneur, cela evite de devoir calculer au pixel près la largeur d'une image. Utilisation : ) */
.fullImg img {width:100%; display:block;}
.mediaSplit img, .mediaSplit object, .mediaSplit embed{width:100%; display:block; vertical-align:top;}
.dNone{display:none;}
/* marges des blocs */
.Vspace, .Tspace {margin-top:7px !important}
.Vspace, .Bspace {margin-bottom:7px !important}
.Mspace {margin:7px 10px 50px 0;}
.MspaceOnly {margin:7px 10px 0px 20px;}
.MBspace {margin-bottom:50px;}
.home .block .Vspace, .home .block .Tspace {margin-top:6px !important}
.home .block .Vspace, .home .block .Bspace {margin-bottom:6px !important}
/* margins pour les contenus */
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.LmarginxLg {margin-left:40px !important}
.RmarginxLg {margin-right:40px !important}
/* paddings pour les contenus */
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding,
.Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
.NOpadding {padding:0 !important;}
/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/
#blockHome {background:url(skin/blocks/bloc_identification.png) no-repeat left bottom; filter:expression(pngFix(this)); width:252px; position:absolute; top:0; right:20px; padding:10px; font-size:10px; color:#456E8C; z-index:11;}
#blockHome a strong{color:#002F64;}
#blockHome .ok{ background:url(skin/btn_ok_home.png) no-repeat left top; display:-moz-inline-box; display:inline-block; line-height:17px; }
#blockHome .ok input{border:0; opacity:0; filter:alpha(opacity=0);width:22px; height:17px;cursor:pointer;}
#page {width:980px; margin:5px auto; text-align:left;zoom:1;position:relative; }
#main {text-align:left; overflow:hidden; _overflow:visible; zoom:1;}
#body {zoom:1; overflow:hidden;position:relative; font-size:11px; color:#406786; font-weight:normal;background:#fff url(skin/default/gradient_nav_left.png) top left repeat-y;}
/* pour le scroll, decommenter cette ligne */
/*#body { height:300px;}*/
#body.noNav{background-image:none;}
.home #body {height:auto; overflow:visible;}
#leftColumn {float:left; width:200px; padding:5px 0 10px 0; zoom:1; margin-right:15px; }
#leftColumnRetail {float:left; width:200px; padding:10px 0 10px 0; zoom:1;}
#main {overflow:hidden; _overflow:visible; zoom:1; padding:10px 10px 10px 0;}
#mainOnly {overflow:hidden; _overflow:visible; zoom:1; padding:10px;background:#fff;}
#main #scroll, #mainOnly #scroll{padding-right:10px; position:relative;min-height:280px; _height:280px;}
#header{overflow:hidden; _overflow:visible; zoom:1;background:#fff;position:relative;}
#header .upNav {padding-top:1px;}
/*#header #logo {text-indent:-5000px;width:125px; position:absolute; top:10px; left:10px; margin:0; background:url(skin/logo_header.png) no-repeat left top;}*/
#header #logo {width:125px; position:absolute; top:10px; left:10px; margin:0;}
#header #logo a{display:block;height:51px; }
#header .rechercher input{ border:1px solid #7FC2E1; color:#7FC2E1;vertical-align:middle;}
#header .rechercher .submit {background:url(skin/btn_ok.png) no-repeat left top; display:-moz-inline-box; display:inline-block; }
#header .rechercher .submit input {border:0; opacity:0; filter:alpha(opacity=0);width:19px; height:14px;cursor:pointer;}
#whiteFoot{ background-color:#ffffff; font-size:10px; color:#002F60; vertical-align:bottom; overflow:hidden; zoom:1;padding:3px 0 3px 10px ;}
#whiteFoot a{ display:block; color:#002F60;}
#whiteFoot a:hover{ font-weight:bold;}
#whiteFoot span{ font-weight:bold;}
#blueFoot{ background-color:#002D61; font-size:10px; color:#fff; padding:0 0 0 5px; vertical-align:bottom; overflow:hidden; zoom:1;padding:6px 0;}
#blueFoot li{ list-style:none; border-right:1px solid #FFFFFF; margin-left:10px; float:left; padding-right:10px;}
#blueFoot li a{ color:#FFFFFF;}
#blueFoot .last{border:none;}
#foot{text-align:center; margin:5px auto; width:980px;}
#foot li{list-style:none; margin-top:8px; padding-right:25px; display:inline;}
#foot li a{ color:#002D61; font-weight:bold;}
/* nav */
ul.surNav{zoom:1;text-align:right;margin-top:5px }
ul.surNav li{display:inline; margin:0 10px 0 0;}
ul.surNav li a{text-decoration:none;}
ul.navPrincip{margin:20px 15px 0 0; float:right; min-height:27px;height:27px;}
ul.navPrincip li{float:left;margin-left:45px;}
ul.navPrincip li a{display:block; text-decoration:none !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#275D85; _width:1%;_white-space:nowrap; height:23px;padding-bottom:4px;}
ul.navPrincip li a:hover, ul.navPrincip li.current a {padding-bottom:0; border-bottom:4px solid #002D61;}
.titleRetail{font-size:26px; color:#7FC2E1; font-family: Arial, Helvetica, sans-serif; font-weight:normal;}
.navPrincipRetail{margin:15px 15px 0 200px;}
#dispatch .submit {background:url(skin/btn_ok.png) no-repeat left top; display:-moz-inline-box; display:inline-block;}
#dispatch .submit input {border:0; opacity:0; filter:alpha(opacity=0);width:19px; height:14px;cursor:pointer;}
.submitok {background:url(skin/btn_ok.png) no-repeat left top; display:-moz-inline-box; display:inline-block; margin-top:3px;}
.submitok input {border:0; opacity:0; filter:alpha(opacity=0);width:19px; height:14px;cursor:pointer;}
.error{color:#940000;}
/* nav gauche */
#navG {position:relative;}
#navG * {line-height:1.1em;}
#navG li{margin-top:5px;zoom:1;}
#navG li.open{display:block;}
#navG li a{zoom:1;display:block;color:#5FA1BF; }
#navG ul{display:none;}
/* productType*/
#navG li a.productType{ font-size:11px; text-transform:uppercase; color:#002D61; display:block; background:url(skin/default/puce_vase_fonce.png) no-repeat 15px 2px; /*padding-left:28px;*/}
#navG li.current a.productType{background-color:#FFF;}
#navG li.current ul.productType li a.productGamme{font-size:12px; /*padding-left:28px;*/}
#navG li.current ul.productType li.current a.productGamme{color:#002D61; background:url(skin/default/gradient_nav_level2.png) repeat-y left top;}
/* productGamme gamme & sous gamme*/
#navG li.current ul.productGamme li a.productCollection{font-size:11px; /*padding-left:40px;*/}
#navG li.current ul.productGamme li.current a.productCollection{color:#002D61; background:url(skin/default/gradient_nav_level3.png) repeat-y left top;}
/* productCollection sur ul & li -> collection */
#navG li a.product{font-size:10px; /*padding-left:40px;*/}
#navG li.current a.product{color:#22BBEA; font-weight:bold;}
#navG li a.level1{ font-size:11px; text-transform:uppercase; color:#002D61; display:block; background:url(skin/default/puce_vase_fonce.png) no-repeat 15px 2px; padding-left:28px;}
#navG li.current a.level1{background-color:#FFF;}
#navG li ul.level1{display:none;}
#navG li.current ul.level1{display:block;}
#navG li.current ul.level1 li a.level2{font-size:12px; padding-left:28px;}
#navG li.current ul.level1 li.current a.level2{color:#002D61; background:url(skin/default/gradient_nav_level2.png) repeat-y left top;}
#navG li li ul.level2{display:none;}
#navG li li.current ul.level2{display:block;}
#navG li li.current ul.level2 li a.level3{font-size:11px; padding-left:40px;}
#navG li li.current ul.level2 li.current a.level3{color:#002D61; background:url(skin/default/gradient_nav_level3.png) repeat-y left top;}
#navG li li li ul.level3{display:none;}
#navG li li li.current ul.level3{display:block;}
#navG li li li.current ul.level3 li a.level4{font-size:10px; padding-left:40px;}
#navG li li li.current ul.level3 li.current a.level4{color:#22BBEA; font-weight:bold;}
#leftColumn.lamarque {background:none;}
#leftColumn.lamarque li {margin-top:0px;margin-bottom:10px;}
#leftColumn.lamarque li li {margin-bottom:0px;margin-top:2px;}
#leftColumn.lamarque li a {color:#002D61;}
#leftColumn.lamarque li a.level1 {background:url(skin/navGmarque_off.png) no-repeat 15px 2px;text-transform:none;color:#68C1E4;font-size:13px;font-weight:bold;}
#leftColumn.lamarque li.current a.level1 {background-image:url(skin/default/puce_vase_fonce.png); color:#002D61;}
#leftColumn.lamarque li.current li a.level2 {background:none; color:#002D61 !important;}
/* PLAYER FLASH */
#Player{ background:url(../img/fond_player.png) no-repeat left top; position:relative; min-height:337px; _height:337px; padding:14px 16px 18px 16px;margin:0 auto; width:600px;}
#Player2{background:url(../img/fond_player_petit.png) no-repeat left top; position:relative; min-height:282px; _height:282px; padding:16px 18px 18px 18px;margin:0 auto; width:387px;}
#container {position:absolute;}
/* boutons, (html : texte bouton
OU pour les formulaires : */
/* bandeau de sous nav contenant chemin de fer et divers bloc type connexion */
.bandeau {min-height:120px; _height:120px; zoom:1; position:relative;overflow:hidden; _overflow:visible;}
.bandeau .breadcrumb {padding-left:15px;overflow:hidden;min-height:18px; _height:18px;background:url(skin/breadcrumb_bkg.png) repeat left top; filter:expression(pngFix(this));}
.bandeau .breadcrumb a{margin:2px 5px 0 0; font-size:10px; color:#002D61; text-decoration:none; }
.bandeau .block {float:left; margin-left:10px;margin-top:5px; width:320px;}
.bandeau .blockWidth1 {width:190px;}
#quiz{position:absolute; right:10px; top:80px; display:block;}
#quiz h2{font-size:16px; font-style:italic; float:left; font-weight:bold; line-height:28px;}
#quiz .btn {margin-top:7px; margin-left:10px;}
/****
* B. Btn
ceci est un bouton
****/
.btn, .btn strong {display:-moz-inline-box; display:inline-block; background:url(skin/blocks/btn_fonce.png) no-repeat left top;vertical-align:middle;cursor:pointer;}
.btn {_width:1%;white-space:nowrap;padding-left:6px;color:#fff;}
.btn strong {display:block;background-position:right top;padding-right:6px; line-height:16px; height:16px; font-size:10px;}
.btn strong input{font-family:Verdana; font-size:1em; border:0; overflow:visible; padding:0; background:none;color:#fff;line-height:14px; vertical-align:middle; font-weight:bold;cursor:pointer;}
button.empty {border:0;padding:0;background:none;cursor:pointer;}
.btnClair, .btnClair strong {background-image:url(skin/blocks/btn_clair.png); line-height:13px; font-size:0.95em;}
.btnClair strong {line-height:16px;}
.btnPlatClair, .btnPlatClair strong {background-image:url(skin/blocks/btn_blue.png);line-height:14px;height:14px; }
.btnPlatFonce, .btnPlatFonce strong {background-image:url(skin/blocks/btn_plat_fonce.png);line-height:14px;height:14px;}
.btnArrowW, .btnArrowW strong {background-image:url(skin/blocks/btn_arrow_white.png); color:#002D61; line-height:13px;}
.btnArrowB, .btnArrowB strong {background-image:url(skin/blocks/btn_arrow_blue.png);line-height:12px;height:14px;}
.btnBlanc, .btnBlanc strong {background-image:url(skin/blocks/btn_blanc.png); color:#002D61; line-height:14px; }
.btnNav, .btnNav strong {background-image:url(skin/default/btn_nav.png); color:#67AECF; text-transform:uppercase; }
.btn2lines, .btn2lines strong {background-image:url(skin/blocks/btn_fonce_deu_ligne.png); line-height:1.1em;}
.btn2lines strong {height:31px;padding-top:4px; }
.btnClair2lines, .btnClair2lines strong {background-image:url(skin/btn_clair_deux_lignes.png); line-height:32px; font-size:0.95em;}
.btnClair2lines strong {line-height:16px;}
.btnPlatClair2lines, .btnPlatClair2lines strong {background-image:url(skin/btn_blue_deux_lignes.png);line-height:14px;height:32px; text-transform:uppercase;}
.btnPlatFonce2lines, .btnPlatFonce2lines strong {background-image:url(skin/btn_plat_fonce_deux_lignes.png);line-height:14px;height:32px;}
.btnArrowW2lines, .btnArrowW2lines strong {background-image:url(skin/btn_arrow_white_deux_lignes.png); color:#002D61; line-height:13px; height:32px;}
.btnArrowB2lines, .btnArrowB2lines strong {background-image:url(skin/btn_arrow_blue_deux_lignes.png);line-height:12px;height:32px;}
.btnBlanc2lines, .btnBlanc2lines strong {background-image:url(skin/btn_blanc_deux_lignes.png); color:#002D61; line-height:32px; }
.btnBlock {display:block; width:auto;}
/****
* F. Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....)
****/
/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.unit{float:left;margin-right:10px; zoom:1;}
.size1on1{float:none !important;margin-right:0; width:auto}
.sizeEnbref{width:60%!important;}
.sizeLaMarque{width:76%!important;}
.size1on2{width:49%!important;}
.sizeForm{ width:47%!important;}
.size1on3{width:32.3%!important;}
.size2on3{width:66%!important;}
.size1on4{width:23.8%!important;}
.size3on4{width:74.8%!important;}
.size1on5{width:18.8%!important;}
.size2on5{width:39%!important;}
.size3on5{width:58%!important;}
.size4on5{width:78%!important;}
.sizeDesigner{width:38%!important;}
.sizeRetail{float:none; width:32.3%!important;}
.lastunit {float:none;width:auto !important; margin-right:0; _margin-right:-3px; _position:relative; _left:-3px;}
/****
* B. Blocks
****/
/* ** block structure -- */
.block{overflow:hidden; zoom:1; position:relative;}
.blockInside{position:relative; zoom:1; background:#fff; clear:both;}
.body, .foot {overflow:hidden; _overflow:visible; zoom:1;}
.head {overflow:hidden; _overflow:visible; zoom:1; margin:0; background-color:#E2007A; min-height:10px; _height:10px; padding:5px 15px; font-size:14px; font-weight:bold; color:#fff;}
.headBis {overflow:hidden; _overflow:visible; zoom:1; margin:0; background-color:#fff; min-height:25px; padding:10px 0 0 15px; font-size:14px; font-weight:bold; color:#000;}
.headBig {overflow:hidden; _overflow:visible; zoom:1; margin:0; background-color:#E2007A; min-height:25px; padding:10px 0 10px ; font-size:14px; font-weight:bold; color:#fff;}
.headBlue {overflow:hidden; _overflow:visible; zoom:1; margin:0; background-color:#48c6ed; min-height:25px; padding:10px 0 0 15px; font-size:14px; font-weight:bold; color:#fff;}
.headBlueBig {overflow:hidden; _overflow:visible; zoom:1; margin:0; background-color:#48c6ed; min-height:25px; padding:10px 0 10px 0; font-size:14px; font-weight:bold; color:#fff;}
/*
Corners (coins arrondis) :
Les coins sont generes avant et apres blockInside, ils sont contenus dans .topCorners et .bottomCorners
Ensuite il faut utiliser une marge negative (bottom ou top) pour les mettre par dessus le blocs (une position:relative + z-index les aidant a passer par dessus
*/
b.tl, b.tr, b.bl, b.br{background-repeat:no-repeat; height:0; width:0; font-size:1%; overflow:hidden;position:relative; z-index:10;}
b.tl{background-position: left top;float:left;}
b.tr{background-position: right top;float:right;}
b.bl{background-position: left bottom; float:left;}
b.br{background-position: right bottom; float:right;}
.topCorners, .bottomCorners {display:block;}
/* sides (cotes)
Les sites sont utilisés par les blocs qui ont des cotés avec ombre
*/
.sideT, .sideB {position:relative; z-index:11;background:no-repeat left top; overflow:hidden; _overflow:visible; zoom:1; font-size:1%;display:block;clear:both;}
.sideT .cornerRight, .sideB .cornerRight {float:right;font-size:1%:}
.sideT .cornerRight {background-position:right top;}
.sideB {background-position:left bottom;}
.sideB .cornerRight {background-position:right bottom;}
.sideL, .sideR {float:left; height:32000px; margin-bottom:-32000px;background:repeat-y left top;position:relative; z-index:10;font-size:1px;overflow:hidden;}
.sideR {float:right; background-position:right top;}
/* blockSimple */
.blockSimple .blockInside {border:1px solid #E2007A;}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br{ background-image:url(skin/blocks/simple_corners.png); height:12px; width:12px;}
.blockSimple .tl,.blockSimple .tr {margin-bottom:-12px;}
.blockSimple .bl,.blockSimple .br {margin-top:-12px;}
.mustHave{ width:200px;}
.blockSimpleBig .blockInside {border:1px solid #E2007A;}
.blockSimpleBig .tl, .blockSimpleBig .tr, .blockSimpleBig .bl, .blockSimpleBig .br{ background-image:url(skin/blocks/simple_cornersBig.png); height:23px; width:23px;}
.blockSimpleBig .tl,.blockSimpleBig .tr {margin-bottom:-23px;}
.blockSimpleBig .bl,.blockSimpleBig .br {margin-top:-23px;}
.blockSimpleBlue .blockInside {border:1px solid #48c6ed;}
.blockSimpleBlue .tl, .blockSimpleBlue .tr, .blockSimpleBlue .bl, .blockSimpleBlue .br{ background-image:url(skin/blocks/simple_corners_blue.png); height:12px; width:12px;}
.blockSimpleBlue .tl,.blockSimpleBlue .tr {margin-bottom:-12px;}
.blockSimpleBlue .bl,.blockSimpleBlue .br {margin-top:-12px;}
.blockSimpleBlueBig .blockInside {border:1px solid #48c6ed;}
.blockSimpleBlueBig .tl, .blockSimpleBlueBig .tr, .blockSimpleBlueBig .bl, .blockSimpleBlueBig .br{ background-image:url(skin/blocks/simple_corners_blueBig.png); height:23px; width:23px;}
.blockSimpleBlueBig .tl,.blockSimpleBlueBig .tr {margin-bottom:-23px;}
.blockSimpleBlueBig .bl,.blockSimpleBlueBig .br {margin-top:-23px;}
.blockSimpleLittle .blockInside {border:1px solid #9DD2E7;}
.blockSimpleLittle .tl, .blockSimpleLittle .tr, .blockSimpleLittle .bl, .blockSimpleLittle .br { background-image:url(skin/blocks/simple_corners_little.png); height:5px; width:5px;}
.blockSimpleLittle .tl,.blockSimpleLittle .tr {margin-bottom:-5px;}
.blockSimpleLittle .bl,.blockSimpleLittle .br {margin-top:-5px;}
.blockSimpleLittle {width:96px;}
.blockSimpleLittle a{display:block;position:relative;zoom:1;}
.blockSimpleLittle a:hover {_border-bottom:0;_display:inline;}
.blockSimpleLittle a span {background:url(skin/blocks/highlight_produit.png) repeat left bottom; filter:expression(pngFix(this)); position:absolute; bottom:0; left:0; color:#FFF; font-size:9px; width:100%; visibility:hidden;}
.blockSimpleLittle a:hover span {visibility:visible;}
.blockSimpleLittle a span strong {display:block; padding:2px 5px;font-weight:normal;/*text-align:center;text-transform:uppercase;*/}
.blockSimpleLittlePlus {width:57px;overflow:visible;margin-top:20px;position:relative;white-space:nowrap;behavior:expression(addHover(this,['blockSimpleLittlePlusHover',null, true]));}
.blockSimpleLittlePlus .body {overflow:visible;}
.blockSimpleLittlePlus .informationProduit {position:absolute;top:-20px;left:0;visibility:hidden;background:url(skin/puce_produit.png) no-repeat scroll left top; padding-left:5px;}
.blockSimpleLittlePlus:hover .informationProduit, .blockSimpleLittlePlusHover .informationProduit {visibility:visible;}
.blockSimpleBis .blockInside {border:1px solid #9fd3e7; }
.blockSimpleBis .generique {height:75px; background:url(../img/lampe_generique.png) center no-repeat;}
.blockSimpleBis .roseaux {background:url(../img/roseaux_small.jpg) top right no-repeat;}
.blockSimpleBis .tl, .blockSimpleBis .tr, .blockSimpleBis .bl, .blockSimpleBis .br{ background-image:url(skin/blocks/simple_corners_bis.png); height:19px; width:19px;}
.blockSimpleBis .tl,.blockSimpleBis .tr {margin-bottom:-19px;}
.blockSimpleBis .bl,.blockSimpleBis .br {margin-top:-19px;}
.blockDiagnostic, .blockDiagnostic .blockInside{ background:url(/image/diagnostics/test_diagnostic.png) no-repeat; }
.blockDiagnostic{ background-position:left top; }
.blockDiagnostic .blockInside{ background:url(/image/diagnostics/test_diagnostic.png) no-repeat; background-position:left top; height:70px;}
.blockDiagnostic .blockInside{background-position:right top; font-weight:normal; font-size:9px;}
.blockDiagnostic .blockInside .body{color:#406786;}
.blockDiagnosticB, .blockDiagnosticB .blockInside {background-image:url(/image/diagnostics/diagnostic_b.png); }
.blockDiagnosticC, .blockDiagnosticC .blockInside {background-image:url(/image/diagnostics/diagnostic_c.png); }
.blockDiagnosticD, .blockDiagnosticD .blockInside {background-image:url(/image/diagnostics/diagnostic_d.png); }
.blockDiagnosticE, .blockDiagnosticE .blockInside {background-image:url(/image/diagnostics/diagnostic_e.png); }
.blockDiagnosticF, .blockDiagnosticF .blockInside {background-image:url(/image/diagnostics/diagnostic_f.png); }
.blockDiagnosticcoulA, .blockDiagnosticcoulA .blockInside {background-image:url(/image/diagnostics/diagnostic_couleur_a.png); }
.blockDiagnosticcoulB, .blockDiagnosticcoulB .blockInside {background-image:url(/image/diagnostics/diagnostic_couleur_b.png); }
.blockDiagnosticcoulC, .blockDiagnosticcoulC .blockInside {background-image:url(/image/diagnostics/diagnostic_couleur_c.png); }
.blockDiagnosticcoulD, .blockDiagnosticcoulD .blockInside {background-image:url(/image/diagnostics/diagnostic_couleur_d.png); }
.blockDiagnosticpieceA, .blockDiagnosticpieceA .blockInside {background-image:url(/image/diagnostics/diagnostic_piece_a.png); }
.blockDiagnosticpieceB, .blockDiagnosticpieceB .blockInside {background-image:url(/image/diagnostics/diagnostic_piece_b.png); }
.blockDiagnosticpieceC, .blockDiagnosticpieceC .blockInside {background-image:url(/image/diagnostics/diagnostic_piece_c.png); }
.blockDiagnosticpieceD, .blockDiagnosticpieceD .blockInside {background-image:url(/image/diagnostics/diagnostic_piece_d.png); }
.blockDiagnosticsenteurA, .blockDiagnosticsenteurA .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_a.png); }
.blockDiagnosticsenteurB, .blockDiagnosticsenteurB .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_b.png); }
.blockDiagnosticsenteurC, .blockDiagnosticsenteurC .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_c.png); }
.blockDiagnosticsenteurD, .blockDiagnosticsenteurD .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_d.png); }
.blockDiagnosticsenteurE, .blockDiagnosticsenteurE .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_E.png); }
.blockDiagnosticsenteurF, .blockDiagnosticsenteurF .blockInside {background-image:url(/image/diagnostics/diagnostic_senteur_f.png); }
.blockDiagnosticambianceA, .blockDiagnosticambianceA .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_a.png); }
.blockDiagnosticambianceB, .blockDiagnosticambianceB .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_b.png); }
.blockDiagnosticambianceC, .blockDiagnosticambianceC .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_c.png); }
.blockDiagnosticambianceD, .blockDiagnosticambianceD .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_d.png); }
.blockDiagnosticambianceE, .blockDiagnosticambianceE .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_e.png); }
.blockDiagnosticambianceF, .blockDiagnosticambianceF .blockInside {background-image:url(/image/diagnostics/diagnostic_ambiance_f.png); }
.blockHome {width:150px;}
.blockHome .blockInside {height:95px; border:1px solid #fff;}
.blockHome .HomeRose{ background:url(skin/roseauxRose.png) no-repeat right top; background-color:#e2007a; }
.blockHome .HomeVert{ background:url(skin/roseauxVert.png) no-repeat right top; background-color:#00957e;}
.blockHome .HomeJaune{ background-color:#d4d600;}
.blockHome .tl, .blockHome .tr, .blockHome .bl, .blockHome .br{ background-image:url(skin/blocks/corners_home.png); height:22px; width:22px;}
.blockHome .tl,.blockHome .tr {margin-bottom:-22px;}
.blockHome .bl,.blockHome .br {margin-top:-22px;}
/*.blocBandBlue{position:relative;background:url(skin/blocks/bloc_connex_blue.png) no-repeat left top; filter:expression(pngFix(this));zoom:1; height:99px; width:309px; padding-left:10px; float:left; margin:15px 0 0 15px; clear:both; }*/
.blocBandBlue .buttonsContainer {position:absolute; bottom:5px; right:10px;}
.blocBandBlue .buttonsContainer .btn {margin-top:4px;}
.blocBandBlue .blockInside {background:url(skin/blocks/block_blue_alpha_background.png) repeat left top;filter:expression(pngFix(this));}
.blocBandBlue .sideT, .blocBandBlue .sideT .cornerRight, .blocBandBlue .sideB, .blocBandBlue .sideB .cornerRight {background:url(skin/blocks/block_blue_alpha_top_bottom.png) no-repeat left top;filter:expression(pngFix(this));position:static; }
.blocBandBlue .sideT{padding-right:6px;background-position:right top;}
.blocBandBlue .sideT .cornerRight {background-position:left top;}
.blocBandBlue .sideB {background-position:right bottom; padding-right:6px;}
.blocBandBlue .sideB .cornerRight {background-position:left bottom;}
.blocBandBlue .sideT .cornerRight, .blocBandBlue .sideB .cornerRight {float:none; display:block; height:5px;}
.blocBandBlue {padding:3px 0;}
/*.blocNouveaute{ background:url(skin/blocks/bloc_transparent_bandeau.png) no-repeat left top; clear:both; height:84px; width:162px; float:left; padding:15px 0 0 15px; margin:15px 0 0 15px; filter:expression(pngFix(this)); }*/
.blocNouveaute .blockInside {background:url(skin/blocks/block_white_alpha_background.png) repeat left top;filter:expression(pngFix(this));}
.blocNouveaute .sideT, .blocNouveaute .sideT .cornerRight, .blocNouveaute .sideB, .blocNouveaute .sideB .cornerRight {background:url(skin/blocks/block_white_alpha_top_bottom.png) no-repeat left top;filter:expression(pngFix(this));}
.blocNouveaute .sideT{padding-right:5px;background-position:right top;}
.blocNouveaute .sideT .cornerRight {background-position:left top;}
.blocNouveaute .sideB {background-position:right bottom; padding-right:5px;}
.blocNouveaute .sideB .cornerRight {background-position:left bottom;}
.blocNouveaute .sideT .cornerRight, .blocNouveaute .sideB .cornerRight {float:none; display:block; height:5px;}
.Groseau{ background:url(../uploads/images/media/grand_roseaux.png)/*../img/grand_roseaux.png)*/ no-repeat right top;}
.GroseauL{ background:url(../uploads/images/media/grand_roseaux_large.png)/*../img/grand_roseaux_large.png)*/ no-repeat right top;}
.fleurs{ background:url(../uploads/images/media/fleurs.png)/*../img/fleurs.png)*/ no-repeat right top;}
.blockSimpleBis .blockInside.generique {height:75px; background:url(../img/lampe_generique.png) center no-repeat;}
.blockSimpleBis .blockInside.roseaux {background:url(../img/roseaux_small.jpg) top right no-repeat; text-align:center;}
.blockMaster .blockMasterInside {border:1px solid #9fd3e7; zoom:1; position:relative; clear:both;}
.blockMaster .blockMastertl, .blockMaster .blockMastertr, .blockMaster .blockMasterbl, .blockMaster .blockMasterbr{ background-image:url(skin/blocks/simple_corners_bis.png) !important; height:19px !important ; width:19px !important ;}
.blockMaster .blockMastertl, .blockMaster .blockMastertr {margin-bottom:-19px !important ;}
.blockMaster .blockMasterbl,.blockMaster .blockMasterbr {margin-top:-19px !important ;}
/****
* toutes les sortes de listes
****/
ul li.amphore span{background:url(skin/puce_lampe_2.png) no-repeat left center; padding-left:20px; font-style:italic; color:#7FC2E1; display:block;line-height:19px;}
ul.triangle li {background:url(skin/puce_triangle.png) no-repeat left 2px; padding-left:10px; display:block; line-height:1em; font-size:9px; color:#000000;margin:2px 0}
ul.triangle li .more {color:#}
ul.triangle li a {color:#000000;}
ul.listeBandeau {margin-bottom:-5px;}
ul.listeBandeau li.blocConnex{background:url(skin/separator_list.png) no-repeat left bottom; display:block; margin-bottom:3px;padding-bottom:3px;}
ul.listeBandeau li.blocConnex a{background:url(skin/arrow_white.png) no-repeat left 2px; padding-left:15px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff;}
ul.listeBandeau li.blocConnex a strong{color:#002d61;}
ul.listeBandeau li.blocConnex.current a{background:url(skin/arrow_blue.png)no-repeat left 2px; color:#002D61;}
ul.listeBandeau li.blocConnex.last {background:none;}
ul.new li{background: url(skin/default/puce_vase_fonce.png) no-repeat left 2px; height:12px; margin-bottom :3px;}
ul.new li a{margin-left:12px; color:#002D61; font-size:11px;}
/****
* style doc prez
****/
.prez{ font-size:28px; color:#770C43;}
p.titleBlockHome{color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size:14px; line-height:16px; margin-left:16px; font-style:italic; font-weight:bold;}
p.contBlockHome{color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif, Trebuchet MS; font-size:10px; margin-left:16px;}
a.linkBlockHome{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:8px; margin-left:16px; font-weight:bold; text-transform:uppercase;}
.titleNouveaute{ font-size:12px; font-weight:bold; color:#002D61;}
.blockTable .blockInside{ border:1px solid #406786; }
.blockTable .tl, .blockTable .tr, .blockTable .bl, .blockTable .br{ background-image:url(skin/blocks/corners_table.png); height:19px; width:19px;}
.blockTable .tl,.blockTable .tr {margin-bottom:-19px;}
.blockTable .bl,.blockTable .br {margin-top:-19px;}
.tableCommande {zoom:1;}
.tableCommande table {border-collapse:collapse;width:100%;}
.tableCommande td{padding:0 10px; vertical-align:middle;}
.tableCommande thead{background:#b3e1f1; height:39px;}
.tableCommande thead th{height:39px; color:#00265d; vertical-align:middle; padding-left:8px;}
.tableCommande tbody tr td {border-bottom:1px solid #a9bccb;}
.even{background:#fff; height:40px;}
.odd{background:#eef2f5; height:40px;}
.lasttr {background:#fff; height:39px; border:none !important;}
.tableCommande input{width:80px;}
.tableCommande tbody tr td a.supprimer{ background:url(skin/img_exit.png) no-repeat; width:15px; height:11px; padding-right:10px;}
a.supprimer{ background:url(skin/img_exit.png) no-repeat; width:15px; height:11px; padding-right:10px;}
a.plus{background:url(css/skin/btn_plus.png) no-repeat; width:15px; height:11px; padding-right:10px; display:inline;}
.dateinput input{float:left; width:25px; border-color:; margin-left:5px;}
.dateinput2 input{float:left; width:50px; border-color:; margin-left:5px;}
.filedSizeDate input {width:80px;margin-left:0;}
.blockTemoignage .sideT, .blockTemoignage .sideT .cornerRight, .blockTemoignage .sideB, .blockTemoignage .sideB .cornerRight {background-image:url(skin/blocks/block_temoignage_sides_h.png);}
.blockTemoignage .sideT .cornerRight {width:13px; height:17px;}
.blockTemoignage .sideT {margin-bottom:-17px;}
.blockTemoignage .sideB {display:none;}
.blockTemoignage .sideL, .blockTemoignage .sideR {background-image:url(skin/blocks/block_temoignage_sides_v.png); width:4px;}
.blockTemoignage .body {padding:19px 15px 19px 15px; color:#406786;}
.blockTemoignage .body span.temoignage{color:#406786; font-size:12px;}
.blockTemoignage .body h3.title{color:#00265d; font-size:22px; text-align:center; display:block;}
.blockTemoignage .body img{margin:auto; display:block; padding:10px 0 10px 0;}
.linkSuivant{color:#5FA1BF; font-size:11px;}
#zoneFlash object {display:block;}
/*.popLayerAll{background-color:#c0deec;}
.popLayerHead{background-color:#fff; height:75px;}
.popLayerBody{margin-left:auto; margin-right:auto; margin-top:15px;}
*/
#planSite h3{ color:#002D61; text-decoration:underline; font-weight:bold; margin-bottom:5px;}
#planSite a{ color:#002D61; text-decoration:none; font-weight:bold; font-size:10px;}
#planSite ul li a{ color:#68C1E4; font-size:10px; font-weight:normal;}
body.popup {background:#C0DEEC;overflow:hidden;}
.popup #header {background:#fff; position:relative; height:75px;}
.popup #header .logo{position:absolute; top:10px; left:10px;background:url(skin/logo_header.png) left top; width:126px; height:51px; text-indent:-5000px;}
.popup #header .btFermer {background:url(skin/blocks/fermer.png) no-repeat right center; padding-right:12px;position:absolute; right:17px; top:54px; color:#002D61;}
.popup .headPopup {font-size:26px;}
.popup .articleTitle {font-size:11px;font-weight:bold; text-decoration:underline; color:#002D61;}
.popup .blockSimplePopup {margin:0 10px;}
.popup .blockSimplePopup .body {padding:10px 20px; color:#002D61;}
.popup .popupBody {overflow:auto; top:75px; position:absolute; left:0; right:0; width:100%; bottom:0; padding:10px 0; color:#002D61; }
.blockSimplePopup {}
.blockSimplePopup:after {display:block; height:10px;content:" ";} /*simulation de marge de 10px car sinon bizarrement ca ne fonctionne pas*/
.blockSimplePopup .blockInside {border:1px solid #9FD3E7;}
.blockSimplePopup .tl, .blockSimplePopup .tr, .blockSimplePopup .bl, .blockSimplePopup .br{ background-image:url(skin/blocks/popup_block_corners.png); height:22px; width:22px;}
.blockSimplePopup .tl,.blockSimplePopup .tr {margin-bottom:-22px;}
.blockSimplePopup .bl,.blockSimplePopup .br {margin-top:-22px;}
.blockRemontee, .blockRemontee .blockInside {background:transparent no-repeat left top;filter:expression(pngFix(this));}
.blockRemontee {padding-left:40px;overflow:visible;zoom:1;}
.blockRemontee .blockInside {background-position:right top;height:137px;}
.blockRemontee .body {padding-top:13px;margin-left:-8px;color:#fff;padding-right:30px;height:117px; margin-bottom:-130px;position:relative; z-index:10;}
.blockRemontee .body h3 {font-style:normal;color:#fff;font-size:16px;line-height:11px;font-weight:bold;}
.blockRemontee .body .what {min-height:30px; _height:30px;}
.blockRemontee .body .link {color:#fff;padding-left:10px;background:url(skin/blocks/linkPuce.png) no-repeat left 5px; filter:expression(pngFix(this));}
.remonteeType1, .remonteeType1 .blockInside {background-image:url(skin/blocks/blocPastelVert.png);}
.remonteeType2, .remonteeType2 .blockInside {background-image:url(skin/blocks/blocPastelViolet.png);}
.remonteeType3, .remonteeType3 .blockInside {background-image:url(skin/blocks/blocPastelOrange.png);}
#zoneFlash .blockRemontee {position:absolute; width:158px; z-index:10;}
#zoneFlash .remonteePos1 {right:4px; top:151px;}
#zoneFlash .remonteePos2 {right:103px; top:248px;}
#zoneFlash .remonteePos3 {right:4px; top:341px;}
.unitRemontees .blockRemontee {margin:0 -12px -12px;}
.unitRemontees {font-size:100% ;}
.Suivante{color:#7FC2E1; font-size:10px;}
.reference{color:#668798;}
/* page dispatch */
.pageDispatch {margin-bottom:20px;}
.pageDispatch .allDispatch {background:url(skin/dispatch.jpg); width:980px; height:551px; position:relative; margin:5px auto; margin-bottom:5px; z-index:99;}
.pageDispatch .logo {background: url(skin/logo_dispatch.png) no-repeat; width:130px; height:54px; position:absolute;left:20px; top:15px; z-index:1;}
.pageDispatch .form {position:absolute; top:380px; left:428px;}
.pageDispatch .champsDispatch{border:#7fc2e1 solid 1px; color:#7fc2e1;}
ul.steps {overflow:hidden; float:right;}
ul.steps li {float:left;_width:1%; white-space:nowrap;text-transform:uppercase;font-weight:bold;letter-spacing:-1px;padding-left:7px;margin-left:10px;position:relative;}
ul.steps li, ul.steps li a {background:url(skin/steps_background.png) no-repeat left top; }
ul.steps li a {background-position:right top;display:block;color:#fff; padding-right:10px;}
ul.steps li.current {background-position:left -30px;}
ul.steps li.current a {background-position:right -30px;}
ul.steps li span {display:block; height:17px; background:url(skin/steps_numbers.png) no-repeat left top;filter:expression(pngFix(this)); padding-left:20px; line-height:17px;}
ul.steps .step1 span {background-position: left 0;}
ul.steps .step2 span {background-position: left -30px;}
ul.steps .step3 span {background-position: left -60px;}
ul.steps .step4 span {background-position: left -90px;}
ul.steps .step5 span {background-position: left -120px;}
div.productName{position:absolute;}
a.produits{cursor:pointer;zoom:1;float:left;behavior:expression(addHover(this,['produitsHover',null, true]));}
a.produits span{display:none}
div.productName span{ background:url(skin/puce_produit.png) no-repeat left top; padding-left:5px;white-space:nowrap;}
/*a.produits:hover span, a.produitsHover span{visibility:visible;}*/
/*page dispatch_produits*/
.pageDispatchProduit{}
.pageDispatchProduit .blockSimpleBis h2{margin-top:15px; margin-left:20px;}
.pageDispatchProduit .blockSimpleBis .txtC{margin-bottom:10px; padding:10px;}
/*page indexretail*/
.reference p{font-size:13px; color:#68C1E4; font-weight:normal; }
.reference p strong{font-weight:bold; }
.subtitle{ font-size:16px; font-weight:bold; color:#002D61;}
/*page designer*/
.pageDesigner{}
.pageDesigner .body .ref{margin-top:30px;}
.boxUnit{width:500px;}
/*Page confirmation Retail*/
.MspaceOnly h2{float:left; padding-right:10px;}
.MspaceOnly h5{padding:16px 0;}
.MspaceOnlyBis h4{float:left;}
.MspaceOnlyBis h2{padding-right:10px;}
.MspaceOnlyBis h5{padding:16px 0;}
.bigMargin{margin:20px 0;}
.bigMarginLast{margin:20px 0 50px 0;}
.adresseL{margin-left:20px;}
.adresseF{margin-left:335px;}
.total{display:block; margin-top:20px; margin-left:20px;}
.suppr{margin-left:565px;}
.lineBottom{display:-moz-inline-box; width:100%;}
.lineBottom2{display:-moz-inline-box; width:100%; border-bottom:solid 1px #A9BCCB; padding-left:550px; margin-bottom:10px;}
.lineBottom3{display:-moz-inline-box; width:100%;}
/*skin btn*/
a.ok{ background:url(/css/skin/btn_ok.png) no-repeat; width:19px; height:14px; display:block; display:moz-inline-box; margin: 10px auto; }
/*retail index*/
.textRetail{font-size:9px; color:#68C1E4;}
.textRetail a {font-size:9px; color:#68C1E4; text-decoration:underline;}
.lienForm{font-size:10px; color:#224976; font-weight:bold;}
.textForm{font-size:10px; color:#224976; font-weight:bold;}
.textForm label {float:left;width:90px;margin-top:1px;}
.textForm input {border:1px solid #8095B0;vertical-align:middle;}
.textForm input#login {width:9.7em;*width:9.6em;}
/* infosProduits : tableau de description */
.infosProduits {zoom:1;}
.infosProduits table {width:100%;}
.infosProduits table td {padding:3px 5px;}
.infosProduits .libelle {width:60%; text-align:right;}
.infosProduits .quantity {text-align:left;}
/* label par defaut : On utilise une classe afin de bien differencier le label principal a un sous label. */
.arrayRetail {zoom:1;}
.arrayRetail table {width:100%;}
.arrayRetail table td {padding:3px 5px;}
.arrayRetail .right{ border-right:1px solid #fff;}
.arrayRetail thead th { background-color:#E2007A; color:#fff; padding:4px 20px; width:50%;}
.arrayRetail td { padding:2px 10px;}
.arrayRetail .quantity {text-align:left;}
.arrayRetail ul a {color:#103A6B;}
.interrogation{}
.livraison {zoom:1;}
.livraison table {width:100%;}
.livraison table td {padding:3px 0 3px 15px;}
.livraison .odd {background-color:#E9F4F8;}
.livraison h4{ color:#002D61; }
.livraison p, .livraison a{ color:#002D61; font-size:10px;}
h3.livraisonf {margin-left:20px; font-size:12px; color:#406786; font-weight:normal;}
.vousaimerez{ color:#E2007A; }
/************
formz : mise en page de formulaires
************/
.formz input, .formz label,.formz textarea,formz button {vertical-align:middle; font-family:Arial, Verdana;}
.formz input{border:1px solid #9fd3e7;}
/* Cette classe est facultative, mais elle permet de pouvoir mettre en valeur le label principal par rapport aux autres labels.
ex : le label principal possede une puce.*/
.formz .label {font-weight:bold;}
.formz span.text, .formz select {border:1px solid #9FD3E7; background:#fff;} /*BACKGROUND + BORDER DES TEXT et SELECT */
/* redefinition des champs de formulaire */
/*.formz span.text input {height:1.3em;}*/
.formz span.text input, .formz .field textarea {border:none; background:none;padding:1px 0 1px 1px; margin-right:-2px;} /* input text & textarea */
.formz span.field input, .formz .field textarea, .formz .field select{width:99%;}
.formz .check {width:12px; height:12px; margin:0; vertical-align:middle; border:none;}
.blue a{color:#406786;}
/* contruction formulaire base : ctrl est un conteneur de ligne, field un conteneur de champs */
.formz .ctrl {overflow:hidden; _overflow:visible; zoom:1;margin-bottom:5px;}
.formz .multiplesCtrl {overflow:hidden; _overflow:visible; zoom:1;}
.formz .floatL {float:left !important} .formz .floatR {float:right !important}
.formz .ctrl label {float:left;margin-right:3px; _margin-right:0; line-height:18px;} /* label a gauche */
.formz .ctrl .field, .formz .ctrl .multiFields {display:block; overflow:hidden;zoom:1; } /* champ parfaitement cale avec le label */
.formz .inlineFields label, .formz .labelTop .inlineFields label,.formz .inlineFields .field input, .formz .inlineFields .field, .formz .inlineFields .field select,
.formz .checkLeft div.inlineFields label, .formz .checkLeft div.inlineFields .check {width:auto;float:none;margin:0;display:inline;vertical-align:middle;}
.formz .inlineFields .field {overflow:visible;position:relative; top:1px;line-height:1.4em;} /* champs inline */
/* met un .field en vide. Cela permet d'utiliser le .field comme pour un espace, le padding-right:2px; est la pour combler les 2px qui manquent comme les field ont des bordure de 1px */
.formz .blankField {border:none; background:none; width:auto;padding-right:2px;}
/* largeur des labels en % (on peut aussi specifier des largeurs fixes si besoin) */
.label10 label, .field10 .field {width:10%;} .label20 label, .field20 .field {width:20%;} .label30 label, .field30 .field {width:30%;} .label40 label, .field40 .field {width:40%;}
.label50 label, .field50 .field {width:50%;} .label60 label, .field60 .field {width:60%;} .label70 label, .field70 .field {width:70%;} .label80 label, .field80 .field {width:80%;}
.label90 label, .field90 .field {width:90%;} .labelAuto label, .fieldAuto .field {width:auto;} .height input {height:30px;}
/* largeurs de champs en pixel custom selon les besoins */
.labelSize1 label {width:90px;}
.labelSize3 label {width:120px;}
.labelSize4 label {width:160px;}
.labelSize5 label {width:240px;}
.labelSize6 label {width:260px;}
.labelSize2 label {width:150px;}
.labelSize2 span{width:100px;}
/* classes qui doivent etre imperativement collees sur les champs et pas les .ctrl */
.fieldSize1 {width:250px;}
.fieldSize2 {width:170px;}
.fieldSize3 {width:100px;}
.fieldSize4 {width:150px;}
/* classes qui doivent etre imperativement collees sur les champs et pas les .ctrl */
.inputSize1 {height:40px;}
.labelHeight1 {height:150px;;}
/* largeur custom, utile pour les champs inlines le chiffre correspond au nombre de caracteres ou chiffres dans le champs.
aura une largeur de 2 caracteres
*/
.formz .size1,.formz .size2, .formz .size3, .formz .size4, .formz .size5,
.formz .size6, .formz .size7, .formz .size8, .formz .size9 {padding-left:1px; padding-right:1px; margin-right:0 !important;}
.formz .size1 {width:1.8ex !important;} .formz .size2 {width:2.8ex !important;} .formz .size3 {width:3.8ex !important;}
.formz .size4 {width:4.8ex !important;} .formz .size5 {width:5.8ex !important;} .formz .size6 {width:6.8ex !important;}
.formz .size7 {width:7.8ex !important;} .formz .size8 {width:8.8ex !important;} .formz .size9 {width:9.8ex !important;}
.formz .sizeAuto {width:auto !important;}
/** mises en forme particulieres **/
/* label au dessus du champs */
.formz .labelTop label {float:none; display:block;}
.formz .labelTop label.label {width:auto;}
/* checkbox ou radio a gauche */
.formz .checkLeft .check {float:left;position:relative; top:3px;margin-right:3px; _margin-right:0;}
.formz .checkLeft label {display:block; overflow:hidden; _overflow:visible; zoom:1; width:auto;padding-left:1px;float:none;}/*le padding-left est la pour fixer un bug de font/overflow:hidden sous FF */
.errormsg {color:#940000; display:block; clear:both;position:relative; top:-5px;}
.diagnostic {display:block; overflow:hidden; _overflow:visible; zoom:1; padding-left:1px; width:115px;}
input.typeIncrement {width:28px;border:1px solid #7F96B0;height:16px;padding:0 2px;vertical-align:middle;}
span.typeIncrement {border:1px solid #7F96B0;display:-moz-inline-box; display:inline-block;background:#fff; vertical-align:middle;}
span.typeIncrement span {display:block;width:40px;}
span.typeIncrement input {border-width:0; width:21px; _width:20px; float:left;outline:none;}
span.typeIncrement input.plus, span.typeIncrement input.moins {background:url(skin/inputIncrement.png) no-repeat center 2px;border-left:1px solid #7F96B0;overflow:hidden;float:right;height:8px;line-height:100px; padding:0;width:10px;margin:0;cursor:pointer;font-size:1000px;*font-size:99%}
span.typeIncrement input.plus {}
span.typeIncrement input.moins {background-position:center -17px;clear:right;}
/* dataArray */
.dataArray {zoom:1;}
.dataArray table {width:100%;}
.dataArray thead th {background:#B3E1F1;color:#19325A; text-align:center;padding:10px 10px;font-weight:bold;}
.dataArray td {background:#fff;color:#80919F;text-align:center;vertical-align:middle;}
.dataArray .even td {background:#ECF0F4;}
/* liste detail actu */
ul.resultActu{display:inline;}
.resultActu li {display:inline;}
.resultActu li a{color:#83C3DC; font-size:11px; font-weight:bold;}
.resultActu li a.current{color:#002E62;}
/*btn ensavoir plus*/
.savoir{color:#002D61; font-weight:bold;}
.sst{color:#68C1E4; font-size:10px;}
/* calendrier */
.calendar {background:#fff; border:1px solid #9FD3E7;position:absolute;left:0; top:0;z-index:2000000; width:160px;padding:2px;}
.calendar .closeBtnContainer {text-align:right;margin-bottom:2px;}
.calendar .closeBtn {color:#5EB0D0; text-decoration:underline;}
.calendar .calendarHeader {overflow:hidden; zoom:1;background:#5EB0D0; color:#fff;}
.calendar .dayTitle {font-size:13px; font-weight:bold;}
.calendar .previousBtn, .calendar .nextBtn {background:url(skin/calendar_arrows.png) no-repeat left top;text-indent:-5000px; overflow:hidden;width:7px; height:10px;}
.calendar .previousBtn {float:left;margin:3px;}
.calendar .nextBtn {float:right;background-position:right top;margin:3px;}
.calendar .calendarTable thead th {border-bottom:1px solid #BDDDEA;font-weight:bold;}
.calendar .calendarTable table {width:100%;border-collapse:collapse; }
.calendar .dayTitle {display:block; overflow:hidden; zoom:1;text-align:center;}
.calendar .day {text-align:center;width:18px;cursor:pointer;height:18px;font-size:12px;}
.calendar .day a {text-decoration:none;color:#000;}
.calendar .currentDay {font-weight:bold;}
.calendar .today {background:blue;}
.calendar .today a {color:#fff; font-weight:bold;}
.calendar .previousMonth a, .calendar .nextMonth a {color:#999;}
.calendar .dayHover {background:#BDDDEA;}
.calendar .dayHover a {color:white;}
.btnCalendar {margin-left:3px;}
.btnCalendar img {vertical-align:middle;}
/* popupGenCode */
.popup .blockSimplePopup .body .body {padding:0;}
.dataArray tbody tr {cursor:pointer;filter:expression(addHover(this));}
.dataArray tbody tr:hover td, .dataArray tbody tr.hover td {background-color:#DDD;}
#loadingLayer{
width: 398px; left: 431px; top: 153px;
position:absolute;
z-index:2000000;
display:none;border:2px solid navy;
background-color:white;
text-align:center;
}
#flashContainer{
position:relative;
z-index:1;
}
#flashContainer div{
width:400px;height:150px;padding:150px;
}
#alertLayer{
width: 398px; left: 431px; top: 153px;
position:absolute;
z-index:2000000;
display:none;border:2px solid navy;
background-color:white;
text-align:center;
}
#alertLayer a {
margin:10px auto 0 auto;
display : block;
width:30px;
border:1px solid black;
padding:2px 5px;
}
/*Aligner les boutons de la fiche produit sur la gauche*/
#cmndBtns {float: left;}
/*agrandir le champ calendrier*/
.livraison #dateLiv { width:60px;}
.noBg{background-image:none !important;color:#5FA1BF !important;font-weight:normal !important;}
.layerHome{background:none; *background:white;height:440px; position:absolute; width:688px; z-index:999;top:0;zoom:1;filter:alpha(opacity=0);}
.layerHome a{display:block; height:100%;}
