/* vers 1.0.1.17h57 */
/*
**  @author : carrefour.fr
* 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, .blockSicontentmple....)
* 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...)
****/

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;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align: top;}
ul{list-style:none;}
ol{list-style: decimal inside};
q:before,q:after, blockquote:before,blockquote:after{content:"";}
gr,.gr,strong,h1,h2,h3,h4,h5,h6{font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}
* {outline:none;}

/****
* B. Styles generaux (declarations defaut des Hx, strong, a (liens) )
****/

body{font-size:62.5%;font-family:Arial,Helvetica,sans-serif;background:#FFF;} /* par defaut la 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 */
input{font-family:Arial,Helvetica,sans-serif;}
p,li,.contTip,caption,dl{font-size:1.1em;}
li li,li p,dl li, dl p,dl dl,.contTip li,caption .contTip , caption p, caption li{font-size:1em;}
#TabFAQ1,#TabFAQ2,#TabFAQ3,p, dl{color:#5F7998;}
a{color:#0C3471;text-decoration:underline;}
a:hover{text-decoration:underline;}
h1,.h1{font-size:2.5em;font-weight:bold;color:#0c3471;}
h2,.h2{font-size:2em;font-weight:bold;color:#0C3471;}
h3,.h3{font-size:1.6em;font-weight:bold;color:#0C3471;}
h4,.h4{font-size:1.3em;font-weight:bold;color:#0C3471;}
h5,.h5{font-size:1.2em;font-weight:bold;color:#0C3471;}
h6,.h6{font-size:1.1em;font-weight:bold;color:#0C3471;}
iframe{_overflow:visible;zoom:1;width:100%;overflow:visible;}

h3.titleBigger {font-size:200%; color:#4C4C4C;}
h3.titleLower {color:#E75353; font-size:110%;}
h4.titleBigger {color:#4C4C4C; font-size:160%; font-weight:normal;}

select, input.text{background:#FFF url(skin/gbInputText.png) no-repeat 1px bottom;}
select, input.text {border:1px solid #C3CDD9;}

/****
* 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;}
.txtJ{text-align:justify !important;}
.txtT{vertical-align:top !important;}
.txtM{vertical-align:middle !important;}
.txtB{vertical-align:bottom !important;}

/* positionnement flottant */
.floatL, .float_l{float:left !important;}
.floatR, .float_r{float:right !important;}
.floatN, .float_n{float:none !important;}
.clearB, .clear_b, .clear{clear:both !important;}
.clearL, .clear_l{clear:left !important;}
.clearR, .clear_r{clear:right !important;}
.context{overflow:hidden;_overflow:visible;_zoom:1}
.edito{overflow-x: hidden;overflow-y: hidden;}

.wrong, .wrong label{color:#D20000 !important;}
.nowrong{color:#5F7998 !important;}
/* 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 : <div class="fullImg"><img src="image.gif" /></div>) */
.mediaFullSize img, .mediaFullSize object, .mediaFullSize embed  {width:100%;display:block;vertical-align:top;}

/* marges des blocs */
.Vspace, .Tspace {margin-top:12px !important}
.Vspace, .Bspace {margin-bottom:20px !important}
.home .block .Vspace, .home .block .Tspace {margin-top:6px !important}
.home .block .Vspace, .home .block .Bspace {margin-bottom:6px !important}

/* margins pour les contenus */
.Nomargin {margin:0 !important;}
.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}
.VmarginXlg, .TmarginXlg {margin-top:30px !important} .VmarginXlg, .BmarginXlg {margin-bottom:30px !important} .HmarginXlg, .LmarginXlg {margin-left:30px !important} .HmarginXlg, .RmarginXlg {margin-right:30px !important}
.LmarginHuge {margin-left:150px;}
.Lmargin0  {margin-left:0 !important;}

/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.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}
.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}
.VpaddingXlg, .TpaddingXlg {padding-top:30px !important} .VpaddingXlg, .BpaddingXlg {padding-bottom:30px !important} .HpaddingXlg, .LpaddingXlg {padding-left:30px !important} .HpaddingXlg, .RpaddingXlg {padding-right:30px !important}
/*special padding head <*> */
.headPaddingSm{padding:2px 5px;}.headPadding{padding:4px 10px;}.headPaddingLg{padding:8px 20px;}.Vpadding23px{padding: 23px 0px;}.noTmargin{margin-top:0px !important;}.Bmargin4px{margin-bottom:4.8px!important;}
.Bpadding32px{padding-bottom:32px; //padding-bottom:28px;}
.Bpadding10px{padding-bottom:10px; //padding-bottom:3px;}
.Bpadding9px{padding-bottom:9px; //padding-bottom:1px;}

/* contenus et separateurs */
.highLight{color:#A45255!important;}
.alerte{color:#E72239!important;}
.bold{font-weight:bold!important;}
.norm{font-weight:normal!important;}
.capitals{text-transform:capitalize!important;}
.italic{font-style:italic!important;}
.mentionsLegales{font-style:italic;}
.mentionsLegales .mentionsContent{overflow:hidden;width:100%}
.noBorder{border:0!important}
.noBkg{background:none !important;}
.nuageMots{line-height:1.4em}
.overflowVisible{overflow:visible!important;}
.upperCase{text-transform:uppercase!important;}
.ununderline{text-decoration:none!important;}
.underline{text-decoration:underline!important;}
.throughTheLine{text-decoration:line-through!important;}
.overline{text-decoration:overline!important;}
.hide{display:none!important;}

/* taille de texte */
.em08{font-size:.8em;}.em09{font-size:.9em;}.em10{font-size:1em;}.em11{font-size:1.10em;}.em12{font-size:1.20em;}.em13{font-size:1.30em;}.em14{font-size:1.40em;}.em15{font-size:1.50em;}.em16{font-size:1.60em;}.em17{font-size:1.70em;}.em18{font-size:1.80em;}.em19{font-size:1.90em;}.em20{font-size:2em;}.em21{font-size:2.1em;}

.Backgrounded{background:#f0f5f9;}
.Backgrounded .head{background:#FFF;}
.underline{text-decoration:underline;}

/* border DOTTED Horiz Bas / Horiz Top / Vertical Gauche / Vertical Droite */
.HTdotted{background:url(skin/border/Hdotted.png) repeat-x center top;}
.HBdotted{background:url(skin/border/Hdotted.png) repeat-x center bottom;}
.VDdotted{background:url(skin/border/Vdotted.png) repeat-y right center;}
.VGdotted{background:url(skin/border/Vdotted.png) repeat-y left center;}

/*****
D. Structure principal (#page, #main, #menu, #nav...)
****/

body {text-align:center; background:white;}

/* HEADER*/
#header{min-height:136px;position:relative;z-index:100;margin-bottom:1px;text-align:left;_height:136px;}

/* PAGE */
#page {text-align:left; overflow:hidden;}
body {background: #F4F6F9 url(skin/bkg_page.png) repeat-x left top;}

/* NAVH */
#navh {width:980px; margin:0 auto; position:relative; z-index:1000; overflow:hidden; _overflow:visible; zoom:1;}
#navh li a {text-align:center; display:block; font-weight:bold; text-transform:uppercase; color:#0C3471; text-decoration:none; line-height:1.363636em; padding:1em 0;}

#navh {overflow:visible;
*height:90px;} /* Fix IE pour eviter que la colonne droite ne descende au survol du dernier sous-menu lorsque celui-ci se superpose */
#navh iframe {width:100%!imporrtant;height:180px!important;}
#navh ul {padding-right:0; overflow:visible;padding-right:1px;border-right:1px solid #e5e5e5;}
#navh li {float:left; position:relative; zoom:1;
z-index:2;} /*Fix Safari (1) */
#navh li {behavior :expression(addHover(this));}
#navh li li{behavior :return false;}
#navh li a {min-height:19px; *min-height:20px; _height:19px; background:url(skin/ooshop/ooshop_nav.png) no-repeat left top; width:81px; display:block; line-height:1em; font-size:0.8em; overflow:hidden; padding-top:67px;}
#navh li.first a  {width:85px;}
#navh li.last {float:none; _float:left;
z-index:1;} /*Fix Safari (2) */
#navh li.last a  {width:auto; background-position:right top;}

/* nouvelle version logica */
#navh li:hover a.univ1 ,
#navh li.hover a.univ1,
#navh li.current a.univ1 {background-position:left bottom !important;}
#navh li a.univ2  {background-position:-85px top;}
#navh li:hover a.univ2,
#navh li.hover a.univ2,
#navh li.current a.univ2 {background-position:-85px bottom !important;}
#navh li a.univ3  {background-position:-166px top;}
#navh li:hover a.univ3,
#navh li.current a.univ3,
#navh li.hover a.univ3 {background-position:-166px bottom !important;}
#navh li a.univ4  {background-position:-247px top;}
#navh li:hover a.univ4,
#navh li.current a.univ4,
#navh li.hover a.univ4  {background-position:-247px bottom !important;}
#navh li a.univ5  {background-position:-328px top;}
#navh li:hover a.univ5,
#navh li.current a.univ5,
#navh li.hover a.univ5  {background-position:-328px bottom !important;}
#navh li a.univ6  {background-position:-409px top;}
#navh li:hover a.univ6,
#navh li.current a.univ6,
#navh li.hover a.univ6  {background-position:-409px bottom !important;}
#navh li a.univ7  {background-position:-490px top;}
#navh li:hover a.univ7,
#navh li.current a.univ7,
#navh li.hover a.univ7  {background-position:-490px bottom !important;}
#navh li a.univ8  {background-position:-571px top;}
#navh li:hover a.univ8,
#navh li.current a.univ8,
#navh li.hover a.univ8  {background-position:-571px bottom !important;}
#navh li a.univ9  {background-position:-652px top;}
#navh li:hover a.univ9,
#navh li.current a.univ9,
#navh li.hover a.univ9  {background-position:-652px bottom !important;}
#navh li a.univ10  {background-position:-733px top;}
#navh li:hover a.univ10,
#navh li.current a.univ10,
#navh li.hover a.univ10  {background-position:-733px bottom !important;}
#navh li a.univ11  {background-position:-814px top;}
#navh li:hover a.univ11,
#navh li.current a.univ11,
#navh li.hover a.univ11  {background-position:-814px bottom !important;}
#navh li a.univ12  {background-position:-895px top;}
#navh li:hover a.univ12,
#navh li.current a.univ12,
#navh li.hover a.univ12  {background-position:-895px bottom !important;}
/* fin modification logica */

#navh li div {width:300px; padding:5px 3px; position:absolute; top:100%; left:3px; z-index:1100; background:#F0F5F9 !important; border:1px solid white;}
#navh li div ul {overflow:hidden; _overflow:visible; _zoom:1;}
#navh li ul li {background:none; width:49.6%;}
#navh li li{float:left; clear:left; position:static;}
#navh li li.floatR {clear:right;}
#navh li ul li span.pus{width:4px; height:4px; float:left; text-indent:-5000px; margin:0.6em 4px 0 0;}
#navh li li a {color:#0C3471 !important; padding:2px 4px 2px 5px; width:auto !important; height:auto !important; border-right:solid 2px #0C3471; background:none; text-align:left; text-transform: none; font-family:verdana; font-size:11px; font-weight:normal; float:none;}
#navh li li.floatR a{border:none;}
#navh li.last li a  {background-position:4px 0.5em !important;}
#navh li ul li.last a {background:url(skin/ooshop/puce_wh.png) no-repeat 6px 0.35em;}
#navh li div {display:none; padding:5px 0;}
#navh li:hover div ,
#navh li.hover div {display:block;}
#navh li:hover a,
#navh li.current a,
#navh li.hover a {color:#D3DCEA;}
#navh li li a:hover {color:#F0F2F9 !important; background:#0C3471;}
#navh li.lastest div  {right:0 !important; left:auto;}
#navh iframe {position:relative; z-index:-1;}

/* BODY*/
#body {position:relative; z-index:1; overflow:hidden; _overflow:visible; _zoom:1; width:980px; margin:0 auto; clear:both;}

/* LEFTCOL */
#leftCol{float:left;width:170px;margin:0 10px 0 0;_margin-right:7px;}

/* MAIN */
#main {float:left; width:620px;}
#main{width:750px;}
.deuxCols #main{width:800px;}
.oneCol #main{width:100%;}
table.mainStructure{width:100%;}
table.tableStructFix{table-layout:fixed}

/* RIGHTCOL */
#rightCol{float:right; width:170px;}
#rightCol{float:right; width:200px;}

/* BODY UNE SEULE COLONNE */
body.home {background-position:left -200px;}
.home #leftCol, .home #rightCol{display: none;}
.home #main, .error404 #main, .error500 #main{width: 100%;}

/* FOOTER */
#footer {}
.error500 #footer{height:33px;}

/* struct */
/* ** Permet de sizer la structure du site ** */
.struct{width:980px; margin:0 auto; overflow:hidden; _overflow:visible; zoom:1;}

/****
* E. Contenus (listes ul.listPuce, .mea, dataArray...)
****/

/* lien */
a.lien,.lien a{display:block;background:url(skin/arrow_navL.png) no-repeat left 0.4em;padding-left:10px;font-weight:bold;color:#0C3471;}
a.lienLight,.lienLight a{display:block;background:url(skin/lightArrow_navL.png) no-repeat left 0.4em;padding-left:10px;font-weight:bold;color:#0C3471;}
a.lienLightLigne,.lienLightLigne a{display:inline;background:url(skin/lightArrow_navL.png) no-repeat left 0.4em;padding-left:10px;font-weight:bold;color:#0C3471;text-decoration:none;}
ul.lien a{_zoom:1;}
a.lienLigne{display:inline;background:url(skin/arrow_navL.png) no-repeat left 0.4em;padding-left:10px;font-weight:bold;color:#0C3471;}
.softblue a,a.softblue{color:#5F7998;}
.inline a{display:inline;}
.enligne, .enligne *{display:inline !important;width:auto !important;}
.pratiqueInfo{color:#fbb630;}

/* list */
.listepersovide {font-size :100% !important;}

.listOddEven li{padding:3px 5px;}
.listOddEven .odd{background:white;}
.listOddEven .even{background:#f0f5f9;}
.listeService {background:#f0f5f9;}
.listeService li{border-bottom: 1px solid #b3c0d4;padding: 10px 3px;*padding:10px 3px 5px;}
.listeService .last {border: none;}
.listeService .desc {line-height:1em;}
.listFavoris li{padding:0px 5px;}
.listFavoris .odd{background:white;}
.listFavoris .even{background:#f0f5f9;}
.listFavoris .mea .media {background:transparent;}

.topFive{list-style:none;list-style-position:outside;}
.topFive li{padding:3px 5px 3px 0;overflow:hidden; _zoom:1;}
.topFive li .number{display:block;float:left;margin:2px;font-weight:bold;font-size:1.5em;}
.topFive li .lien{display:block;float:left;margin:8px 2px 0 3px;}
.topFive li .productImg{display:block;float:left;}
.topFive li .upDown{display:block;float:right;margin-top:10px;}

/* prix */
.price{color:#C03;}
.price{color:#0C3471;}
.priceNormal{color:#0C3471;}
.price strong{font-size:2.455em;}
.smallPrice strong{font-size:1.8em;}
.price strong .cents{font-size:.55em;}
.price strong .devise{font-size:.55em;vertical-align:text-top;}
.colorstrong{color:#0C3471;}
/* mea */
.mea,.mea .content{overflow:hidden;_overflow:visible;_zoom:1;}
.meaWrapLeft .content,.meaWrapRight .content{overflow:visible;_zoom:0;}
.meaLeft .media,.meaWrapLeft .media,.meaAllLeft .media,.meaAllLeft .content{float:left;margin-right:5px;_margin-right:2px;}
.meaRight .media,.meaWrapRight .media{float:right;margin-left:10px;_margin-left:7px;}
.meaTop .content{padding:5px;}
/* alignement hauteur */
.blockFilled .meaLeft .media, .blockFilled .meaRight .media{margin-bottom:-2000px;padding-bottom:2000px;}
.mea .media{background-color:#FFF;text-align:center;}
.meaTrans .media {background: none;}
.mea p,.mea h4{}
.mea .title a{text-decoration:none;}
.meaProduct .desc{color:#C03}
.icons{min-height:25px;_height:25px;}
.iconslayer{min-height:35px;_height:35px;}
.mea .more{margin:10px 0;font-weight:bold;}
.mea .link{margin:5px;}
.justForAlignement{visibility:hidden;line-height:1px;}
/****** - CarrefourShop ******/
.mea .price{color:#0C3471}
.priceForWeight{color:#0C3471;}
.productWeight{color:#0C3471;}
/* mea decouverte */
.meaDecouverte{background:url(skin/bkg_decouverte.png) repeat-x left top}
.meaDecouverte .media{background:none;}
.meaDecouverte .desc{font-size:1.5em;}
.meaDecouverte .desc2{font-size:3em;}
.meaDecouverte .priceForWeight{font-size:1.2em;}
.meaDecouverte .media{background:none;}
.meaDecouverte .media{background:none;}
/* content nouveaute */

.exclu{color:#CC0000 !important;}
/* content carrefour */
.head h3.picto{margin:0;}
.persInfo{}
.persInfo .head h3.picto{padding-left:35px;background:url(skin/picto/togglePictoBuddy.png) no-repeat 8px -1px;}
.basketInfo .head h3.picto{padding-left:35px;background:url(skin/picto/togglePictoBasket.png) no-repeat 8px -1px;}
.listInfo .head h3.picto{padding-left:35px;background:url(skin/picto/togglePictoListes.png) no-repeat 8px -1px;}
.contactInfo .head h3.picto{padding-left:35px;background:url(skin/picto/togglePictoInfobulle.png) no-repeat 8px -1px;}
.payment .head h3.picto{padding-left:40px;background:url(skin/picto/togglePictoCB.png) no-repeat 8px -1px;}
.XpressSelection .head h3.picto{padding-left:35px;padding-top:1px;background:url(skin/picto/togglePictoHeure.png) no-repeat 8px -1px;}
.btn:hover{text-decoration:none;}

.listElems{zoom:1;min-height:39px;_height:39px;}
.listElems li{float:left;margin-right:5px;padding:0 0 5px 0;}
.listElems li{width:162px;_width:160px;}
.gainTime .Backgrounded p{padding-bottom:6px;//padding-bottom:9px;_padding-bottom:11px;}

.listeSites li {float: left; margin-right: 15px;}
.listeSites li.last {margin-right: 0px;}

#tunnel p{vertical-align:middle;}
#tunnel ul{margin-right:-20px;_margin-right:-40px;background:url(skin/tunnel_sep.gif) repeat-x left top;}
#tunnel li{float:left;margin-right:20px;list-style:none;text-align:center;}
#tunnel li a{text-transform:uppercase;display:block;border:#D2D6D9 1px solid;width:180px;color:#0C3471;font-size:1.1em;text-decoration:none;padding:5px 10px;background:url(skin/tunnel_bkg_steps.jpg) repeat-x left top;}
#tunnel li.current{}
#tunnel li.current a{color:#FFF;background-position:0px -29px ;}
#tunnel h3.steps {font-size:1.1em;padding-left:130px;}

.livraison hr{color:#CCC;background:#CCC;height:1px;border:0px;}

#recap_liv li{padding-top:3px;}
#recap_liv li.hr{width:50%;border-bottom:#5f7998 1px dashed;}
#recap_liv li.hr_right{width:50%;border-bottom:#5f7998 1px dashed;float:right;}

/* modification logica */
/*DST le chemin est /IMAGES et non /Media/IMAGES...*/
.fidelite_caddie{height:234px;*height:304px;background:url(../../Media/images/caddie_bons_achat.jpg) no-repeat center bottom;}
/* fin modification logica */
.fidelite_caddie p{margin-top:50px;}

.livraison .head h3.picto{padding-left:35px;background:url(skin/picto/togglePictoCamion.png) no-repeat 8px -1px;}
.livraison .adresse{padding:4px 0 0 0;}
.livraison label span{position:relative;top:2px;//position:static;}
.livraison label span{position:relative;top:2px;//position:static;}

/*paragraphes de texte tres petit, dans lequel les liens et le texte ont la même taille*/
.annotations{line-height:0.8em;font-size:0.85em;_font-size:0.9em;}
.annotations a{line-height:0.8em;font-size:1em;}
.annotations, .annotations a{line-height:1.2em;}
/*Notes en italique genre "Nota Bene :" */
.notes{font-style:italic;}
.forTable{border-width:1px 0 0 1px !important;//border-width:0 !important;}

.pagination{overflow:hidden;color:#0C3471;overflow:hidden;_overflow:visible;_zoom:1; padding-right: 6px;}
.pagination p{float:right;padding:3px 0}
.pagination a{text-indent:-5000px;width:13px;height:18px;float:left;margin:0 1px;}
.pagination span,.blockTabs .pagination label{float:left;margin:0 3px;line-height:1.9em;}
.pagination input{float:left;width:2em!important;padding:1px 1px;color:#0C3471;margin-right:3px;}
.pagination label{float:left;line-height:21px;}
.pagination a.pagination_start{background-image:url(skin/pagination_start.png)}
.pagination a.pagination_prev{background-image:url(skin/pagination_prev.png)}
.pagination a.pagination_next{background-image:url(skin/pagination_next.png)}
.pagination a.pagination_end{background-image:url(skin/pagination_end.png)}

.productsTable th, .productsTable td{border:1px solid #C2CFDE}
.productsTable thead{background:#F0F5F9;border:1px solid #C2CFDE;}
.productsTable thead h3{ padding:3px 5px 5px;font-size:1.2em;}
.productsTable td{padding:5px;}
.productsTable td .price{color:#0C3471;float:right;width:27%;height:5em;}
.productsTable .Promo td .price strong{color:#D70008}
.productsTable .Nouv td .price strong{color:#6E46C8}
.productsTable td .price{color:#0C3471;float:right;width:27%;height:5em;}
.productsTable td .quantity{color:#0C3471;text-align:center;}
.productsTable .minHeight{min-height:60px;_height:60px;}
.productsTable td .price strong{display:block;font-size:1.7em;}
.productsTable td .price span{display:block;}
.productsTable td h4{font-size:1.1em;}
.orderTable .productsTable td{padding:1px;}
.orderTable .productsTable span{visibility:hidden;}
.orderTable .productsTable thead h3{ color:#03c3471;padding:3px 5px 5px;}

.displayArticlesTable .body {border-left:1px solid #C2CFDE;}

.scheduleTable{border-bottom:1px dotted #C2CFDE;}
.scheduleTable td, .scheduleTable th{text-align:center;border:1px dotted #C2CFDE;border-width:1px 0px 0px 1px !important;padding-right:5px;padding-left:5px;}
.scheduleTable th{border-bottom:1px dotted #0C3471!important;}
.scheduleTable th, .scheduleTable tr.odd{background:#f0f5f9}
.scheduleTable p{text-align:left;}
.scheduleTable p.lien a{margin-left:5px;}
.scheduleTable h5{padding:6px 0;font-weight:normal;color:#5F7998;font-size:1.1em;}
.scheduleTable p{padding:0px 0;}
.scheduleTable td{padding:5px;}
.scheduleTable .exclu{text-transform:uppercase;}
/*gestion des background*/
.Backgrounded p input{vertical-align:middle;}
.Backgrounded .btn input{}
.Backgrounded p a{color:#5F7998;}
.Backgrounded p a.lien, .Backgrounded p a.lienLigne, .Backgrounded p .lien a{color:#0C3471;}

.meaProduct .price{color:#0C3471;}
.meaProduct .price strong{font-size:1.6em;}

/* hautContraste */
.hautContraste .title,.hautContraste .desc{color:#FFF}
.hautContraste a.lien,.hautContraste .lien a{display:block;background-image:url(skin/arrow_navLWhite.png);color:#FFF;}

ul.tabs li{text-align:center; font-weight:bold;font-size:1.3em;border-right:1px solid #C2CFDE;}
ul.tabsVBordered li{border-top:1px solid #C2CFDE;border-bottom:1px solid #C2CFDE;}
ul.tabs li.last{border-right:0px;}
ul.tabs li a{padding:5px 0;line-height:1.2em;color:#8DA0BC;text-decoration:none;}
ul.tabs li.current a{color:#0C3471;}
ul.tabs li a img{margin-right: 5px;}
ul.tabs li span{display:block;font-weight:normal;font-size:.8em;}
.blockTabsGradient ul.tabs li a, .blockTabsGradient ul.tabs li.current a {color:#0C3471;}
.blockTabsDown ul.tabs li a{padding: 3px 0 103px 0;color: #5F7998; font-size: 89%;}
.blockTabsDown ul.tabs li.nouveaute a {color: #6E46C8;}
.blockTabsDown ul.tabs li.promotion a {color: #E3001A;}

/*blk toggle*/
.blockToggleGradientType2 .head img{vertical-align: middle;margin-right: 5px;position: relative;top: -1px;}
/*blk panier*/
.blockPanier .head img {vertical-align: middle;margin-right: 5px;position: relative;top: -1px;}

/* == tableaux (dataArray) == */
/* dataArray */
/* **************** Table ***************** */
.dataArray{position:relative;width:100%;_zoom:1;}
.dataArray table{width:100%;}
.dataArray tfoot td{background:none;}

.dataArray caption{color:white;font-weight:bold;font-size:1.2em;text-transform:uppercase;padding:2px 8px;text-align:left;}
.dataArray caption .contTip li{font-size:.8em;text-transform:none;font-weight:normal;}
.dataArray caption.online{background:#CC0033;}
.dataArray caption.shops{background:#0C3471;}
.dataArray caption.news{background:#6C84A9;}
.dataArray th{font-size:1.1em;padding:3px 8px;font-weight:bold;white-space:nowrap; color: #0C3471;}
.dataArray th.odd{background:#B3C3D6 url(skin/bkg_blockTabs_thead_odd.png) repeat-x left top;}
.dataArray th.even{background:#BAC8D9 url(skin/bkg_blockTabs_thead_even.png) repeat-x left top;}
.dataArray tbody td{border-bottom:1px solid #C2CFDE;color:#0C3471;font-size:1em;padding:3px 5px;text-align:center;background:white url(skin/bkg_dataArray_td.png) repeat-x left bottom;}
.dataArray tfoot td{background:transparent;}
.dataArray .lastTable{margin-bottom:0;}
.dataArray .lastTable tfoot td{background-color:#F4F6F9;}
.dataArray td.odd{background:#F5F9FB url(skin/bkg_dataArray_td_even.png) repeat-x left bottom;}
.dataArray .title{font-size:1.6em;font-weight:normal;}
.dataArray .title a{text-decoration:underline;}
.dataArray .subTitle{font-size:1.1em;}
.dataArray .data{text-align:center;color:#0C3471;}
.dataArray .price{display:block;white-space:nowrap;color:#0C3471;}
.txt_color1 {color:#0C3471!important;}
.fidelite, .txt_color2 {color:#00ADDE !important;}
.fidelite img{display:block;margin: 0 auto;}
.promo, .txt_color3 {color:#cc0033 !important;}
.eco, .txt_color4 {color:#00ff00 !important;}
.horaire, .txt_color5 {color:#5F7998 !important;}
/* --modification logica */
/*VTR 13-10-2008 bug 817 : affichage des pomo/nouv dans recap panier*/
.nouv {color:#6E46C8 !important;}
/*--*/

.dataArray .infoSpeciale{color:#C603D7;}
.dataArray .noBorderBottom{border-bottom:0;}
.dataArray .lienTips {text-decoration: none;font-weight: bold;}
.dataArray td p{text-align:left;}
.blockBaseBtn .btn{line-height:19px;height:19px;}
.blockBaseBtn .btn span{height:19px;text-transform:uppercase;overflow:hidden;line-height:18px;!line-height:17px;}
.blockBaseBtn .btnL span{background-image:url(skin/btn_tfoot_left.png);}
.blockBaseBtn .btnLeft{background-image:url(skin/btn_tfoot_left.png);float:left; height:21px}
.blockBaseBtn .btnLeft span{background-image:url(skin/btn_tfoot_left.png);background-position:right top;}
.blockBaseBtn .btnLeft input{}
.blockBaseBtn .btnRight{background-image:url(skin/btn_tfoot_right.png);float:right; height:21px}
.blockBaseBtn .btnRedRight{background-position:left -38px;}
.blockBaseBtn .btnRight span{background:none;}
.blockBaseBtn .btn input{margin:2px 0 0 0;//margin-top:4px;padding:0;text-transform:uppercase;height:auto;line-height:1em;}
.blockBaseBtn a.btn span{line-height:18px;!line-height:17px;}

.blockBaseBtn .body {padding-bottom: 20px;}
.dataArray .results{padding:20px 0px;display:block;zoom:1;}
.dataArray .results span{float:left;font-weight:bold;color:#0C3471;padding:0 5px;display:block;}
.dataArray .results ul{overflow:hidden;margin:0 0;zoom:1;}
.dataArray .results li{float:left; font-size:1.1em;font-weight:normal;white-space:nowrap;min-width:11em;_width:11em;margin-right:1em;}
.dataArray .results li a{zoom:1;}
.dataArray .mea{text-align:left;white-space:normal;margin-top:5px;margin-bottom:10px;}
.dataArray .mea p.passDay{color:#00ADDE;}
.dataArray .meaSimple p.description{font-size:1.1em;color:#0C3471;}
.dataArray .mea .media img{border:1px solid black;display:block;margin-bottom:10px;}

.dataArray .results{padding:20px 0px; display:block;zoom:1;}
.dataArray .results span{float:left; font-weight:bold; color:#0C3471; padding:0 5px; display:block;}
.dataArray .results ul{overflow:hidden; margin:0 0; zoom:1;}
.dataArray .results li{float:left; font-size:1.1em; font-weight:normal; white-space:nowrap; min-width:11em;_width:11em; margin-right:1em;}
.dataArray .results li a{zoom:1;}
.sortLinks {text-align: center;padding: 4px 0 1px;}
.sortLinks a{display: -moz-inline-box;display: inline-block; zoom: 1;}
.sortLinks a span{text-indent: -3000px;height: 4px;line-height: 4px;width: 7px;overflow: hidden;display: block;background: url(skin/sortLinksMdr.png) no-repeat left top; cursor: pointer;zoom: 1;}
.sortLinks a.up span {background-position: left top;}
.sortLinks a.down span{background-position: right top;}

/*****
* form elements
*****/
input.text, select, textarea, span.text {font-family:inherit;border:1px solid #ccc}
input.radio,input.check{margin:0;!width:16px;!height:16px;}
span.text input.text, span.text input, span.text textarea {margin:0; padding:0; border:0;}
.fline {display:table; width:100%; _width:auto; _overflow:visible; zoom:1;}
.fline label {float:left; margin-top:2px; margin-right:3px; _margin-right:0}
.fline label.unit {margin-right:0}
.fline span, .fline .group {display:block; overflow:hidden; _overflow:visible; zoom:1;}
.fline span.text input, .fline span.text input.text, .fline span.text textarea, .fline .group span.text input, .fline .group select, .fline .group textarea, .fline span select, .fline span input.file , .multilines select {width:100%;}
.multifields label {width:auto !important}
.multilines label {float:none !important; display:block; width:auto !important}
.groupCheckLeft .check {float:left;margin-top:2px;margin-right:3px;}
.groupCheckLeft label,.groupCheckLeft .label {overflow:hidden; _overflow:visible; zoom:1; width:auto !important; margin-top:2px; _margin-top:1px; _position:relative;}
.groupCheckRight .check {margin-top:2px;margin-right:3px;}
.groupCheckRight label,.groupCheckRight .label {float:left !important;overflow:hidden; _overflow:visible; zoom:1; width:auto !important; margin-top:0; _position:relative;_top:3px;}
.inlineFields label, .inlineFields input, .inlineFields select, .inlineFields textarea, .inlineFields .fItemInline {float:none; width:auto !important; display:inline; vertical-align:middle}
.inlineFields label {margin-right:5px; margin-left:3px;}
.inlineChamps label, .inlineChamps input, .inlineChamps select, .inlineChamps textarea, .inlineChamps .fItemInline {float:none; display:inline; vertical-align:middle}
.inlineChamps label {margin-right:5px; margin-left:3px;}
.label10 label {width:10%} .label20 label {width:20%} .label25 label {width:25%} .label30 label {width:30%} .label32 label {width:32%} .label40 label {width:40%} .label49 label {width:49%} .label50 label {width:50%;_width:49.9%;} .label53 label {width:53%}
.label60 label {width:60%} .label70 label {width:70%} .label80 label {width:80%} .label85 label {width:85%} .label90 label {width:90%} .label100 label{width:100%;float:none;}
.label10 label,.label25 label,.label20 label,.label30 label,.label40 label,.label49 label,.label50 label,.label53 label,.label60 label,.label70 label,.label80 label,.label85 label,.label90 label{margin-right:0;}/* margin-right:0 a voir */
.input10 {width:10% !important} .input20 {width:20% !important} .input25 {width:25% !important} .input30 {width:30% !important} .input40 {width:40% !important}
.input50 {width:50% !important} .input60 {width:60% !important} .input70 {width:70% !important} .input80 {width:80% !important} .input90 {width:90% !important}
.input10, .input20, .input25, .input30, .input40, .input50, .input60, .input70, .input80, .input90{ float:none!important;}
.errormsg {color:#FF6600; margin-top:-5px; margin-bottom:5px; display:block;}
.formElementError,.formElementError input,.formElementError textarea,.formElementError option{border-color:#FF0000!important;color:#FF0000!important;}
.fline textarea{font-family:Arial !important;//overflow-y:auto}

/*Specifique ici chez ooshop*/
.check input{width:10px;}/* ?? */
p.fline{margin-top:3px;}
.fline label{font-weight:normal;}
.fline span.text{padding:3px 2px 2px;margin-top:2px;}
.fline span.sel select{padding:2px;margin-top:2px;}
.fline span.textarea{padding:0;}
.fline span.textarea textarea{margin-top:2px;width:auto !important;}
.fline .inlineFields input{-moz-vertical-align:text-bottom}
/*Lorsque des checkboxes sont à afficher sur une ligne sans padding/margin, rajouter classe 'inline' sur le conteneur direct*/
.inline p.fline{margin:0;}
.inline p.fline label, .inline p.fline .check input{margin-top:0;margin-bottom:0;}
.inline p.fline .check input{margin-left:0;}
p.fline .inlineFields .check{margin:0;}
p.fline .inlineFields  label{margin-right:5px;}

/* boutons : <* class="btn"><span>texte bouton</span></*> */
.btn,.btn span,.btn input{display:-moz-inline-stack;display:inline-block;vertical-align:middle;height:26px;line-height:26px;white-space:nowrap;background:url(skin/btn/btnRed.png) left top no-repeat;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:none;text-transform:uppercase;border:none;}
.btn{padding-left:17px;_width:1%;}
.btn span{display:block;background-position:right top;padding-right:8px; _padding-top:1px;}
.btn input,.btn button{border:none;background:none;padding:4px 6px 5px 13px;margin-left:-16px;margin-right:-8px;line-height:0;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;font-size:inherit;color:inherit;_width:1%;!margin-left:-13px;!margin-right:-6px;!padding-top:5px;_height:24px;}
body:last-child:not(:root:root) .btn input{padding:11px 6px 5px 13px;}
.btnBlue,.btnBlue span{background-image:url(skin/btn/btnBlue.png);}
.btnWhite,.btnWhite span{background-image:url(skin/btn/btnWhite.png); color:#0C3471;}
.btnWhite span {_padding-top:1px;}
.btnWhite span,.btnWhite input{color:#0C3471;}

.btnListVignette{background:none;height:29px;padding-left:5px;_width:37px}
.btnListVignette span{text-indent:-5000px;padding-right:37px;height:29px;}
.btnLeft input, .btnRight input{padding:2px 6px 10px 13px;//padding-top:0;_margin-top:-1px;}
.btnList span{background:transparent url(skin/picto/listeVignette.png) no-repeat left bottom;}
.btnListCurrent span{background:transparent url(skin/picto/listeVignette.png) no-repeat left top;}

.btnVignette span{background:transparent url(skin/picto/listeVignette.png) no-repeat right bottom;}
.btnVignetteCurrent span{background:transparent url(skin/picto/listeVignette.png) no-repeat right top;}

/* specifique bouton pour ooshop : basket/panier */
.btnBasket,.btnBasket span{background:none;padding:0;margin:0;}
/* modification logica */
/*DST 13/08/2008 le chemin pour AlphaImageLoader commence par /Library et non ../Css/*/
.btnBasket span input{width:39px;height:26px;margin:0;padding:0;text-indent:-5000px;font-size:.01em;background:url(skin/btn/btnBasket.png) no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Library/Css/skin/btn/btnBasket.png', sizingMethod='crop');}
/* fin modification logica */
.basketInfo .btnBasket span{visibility:hidden;}
.btnBasket span.withTitre input{text-indent:0;}

/* content promo */
.mea .price strong{font-size:2.0em;}
.mea .strikePrice strong{font-size:1.4em;}
.mea .strikePrice {margin-bottom:8px;}

.btnRect{display:-moz-inline-stack;display:inline-block;border:solid 1px #6E46C8;cursor:pointer;text-decoration:none;}
.btnRectPromo {border:solid 1px #E3001B;}
.btnRect span{display:-moz-inline-stack;display:inline-block;padding:1px 6px 1px 13px;background:#6E46C8 url(skin/btn/btnRect.png) repeat-x left center;vertical-align:middle;white-space:nowrap;font-weight:bold;color:#FFF;text-transform:uppercase;}
.btnRectPromo span{background-image:url(skin/btn/btnRectPromo.png);background-color:#E3001B;}

.btnRectSimple{display:-moz-inline-stack;display:inline-block;text-decoration:none;}
.btnRectSimple span{display:-moz-inline-stack;display:inline-block;padding:1px 5px;background:#0C3471;white-space:nowrap;font-weight:bold;color:#FFF;text-transform:uppercase;_width:1%;}

/* modification logica */
.Nouv p.desc{color:#6E46C8; height:40px;}
/* fin modification logica */

.Nouv .price strong, .Nouv .price strike{color:#6E46C8;}
.Nouv .btnRectSimple{border-color:#E3001B;}
.Nouv .btnRectSimple span{background:#6E46C8;color:#FFF;}

.Coulisses p.desc{color:#5F7998;}
.Coulisses .price strong, .Nouv .price strike{color:#5F7998;}
.Coulisses .btnRectSimple{border-color:#E3001B;}
.Coulisses .btnRectSimple span{background:#5F7998;color:#FFF;}

/* modification logica */
.Promo p.desc{color:#D70008; height:40px;}
/* fin modification logica */

.Promo .price strong, .Promo .price strike{color:#D70008;}
.Promo .btnRectSimple{border-color:#E3001B;}
.Promo .btnRectSimple span{background:#D70008;color:#FFF;}

/* modification logica */
.Norm p.desc{height:40px;}
/* fin modification logica */


input.nbrProduit{width:1.8em;border:1px solid #ccc;text-align:center;}
.btnMoinsProduit{background:transparent url(skin/btn/btnMoins.png) no-repeat left center;}
.btnPlusProduit{background:transparent url(skin/btn/btnPlus.png) no-repeat left center;}
.btnMoinsProduit{display:-moz-inline-stack;display:inline-block;width:10px;height:14px;cursor:pointer;//padding: 0 1px;}
.btnPlusProduit{display:-moz-inline-stack;display:inline-block;width:10px;height:14px;cursor:pointer;}
.btnMoinsProduit a, .btnPlusProduit a{display:block;text-indent:-5000px;}

/* blockNavigation */
.blockNavigation ul li{margin:2px 0;_zoom:1;}/* a cause du bug des commentaires : ie fait un pseudo white-space:pre */
.blockNavigation ul li a{_zoom:1;}/* a cause du bug des commentaires : ie fait un pseudo white-space:pre */
.blockNavigation ul ul{display:none;}
.blockNavigation .title{display:block;padding:4px 5px;font-size:1.09em;background:#869DB9;color:#FFF;text-decoration:none;}
.blockNavigation .open .title{background:#0C3471;}
.blockNavigation .open ul{display:block;padding:5px 0 2px 0;background:#F0F5F9;}
.blockNavigation .open li{padding-left:17px;}
.blockNavigation .open a{text-decoration:none;}
.blockNavigation .open a:hover,.blockNavigation .open .current{text-decoration:underline;}

#toolBox{overflow:hidden;_overflow:visible;_zoom:1;}
#toolBox a{float:right;margin:0 2px; width:24px;height:25px;}
#toolBox a img{display:block;}

/* foot infos */
.block .blockInside .footInfos {background: #0658a4; padding: 5px;color: #fff;font-size: 110%;}
.block .blockInside .footInfos span.tel {font-size: 130%;margin: 0 5px;font-weight: bold;}
.block .blockInside .footInfos img {vertical-align: bottom}

/* TOOLBOX */
#breadCrumb{zoom:1;position:relative;display:block;color:#869DB9;width:auto;margin-top:4px;//margin-top:10px;}/*width auto pour ecraser une propriete ailleurs */
#breadCrumb a{color:#869DB9;text-decoration:none;}

/* notation */
.notationTip{display:-moz-inline-box;display:inline-block;background:url(skin/ooshop/notationEtoileUnder.png) repeat-x left 0;height:16px;width:56px;_font-size:.01em;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Css/skin/ooshop/notationEtoileUnder.png', sizingMethod='crop');}
.notationTip span{display:block;height:16px;background:url(skin/ooshop/notationEtoileOver.png) repeat-x left 0;text-indent:-5000px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Css/skin/ooshop/notationEtoileUnder.png', sizingMethod='crop');}
.note1sur4 span{width:14px;}
.note2sur4 span{width:28px;}
.note3sur4 span{width:42px;}
.note4sur4 span{width:56px;}

.labelColor label, label.labelColor {color:#5F7998 !important; margin-left:0px !important; font-size:1.1em;}

/****
* 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;}
.unit8{float:left;margin-right:8px;_zoom:1;}
.unit7{float:left;margin-right:7px;_zoom:1;}
.unit5{float:left;margin-right:5px;_zoom:1;}

.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49%;}
.size1on3{width:32.3%;}
.size2on3{width:66%;}
.size1on4{width:24.1%;}
.size2on4{width:48.2%;}
.size3on4{width:74.8%;}
.size1on5{width:18.8%;}
.size2on5{width:39%;}
.size3on5{width:58%;}
.size4on5{width:78%;}
.size1on6{width:16.5%;}
.size2on6{width:33.2%;}
.size1on6{width:18.8%;}
.size2on7{width:28.5%;}
.size1on8{width:12.5%}
.size2on8{width:25%}
.size3on8{width:37.5%}
.size1on9{width:11.1%;}
.size1dot5on9{width:16.6%;}
.size2on9{width:22.2%;}
.size2dot5on9{width:27.7%;}
.size3on9{width:33.2%;}
.size4on9{width:44.4%;}
.size1on10{width:10%;}
.size2on10{width:20%;}
.size3on10{width:30%;}
.size4on10{width:40%;}
.size5on10{width:50%;}
.size5dot5on10{width:55%;}
.size6on10{width:60%;}
.size7on10{width:70%;}
.size8on10{width:80%;}
.size9on10{width:90%;}
.lastunit{float:none;width:auto!important;margin-right:0!important;_margin-right:-3px;_left:-3px;_position:relative;}
/* special mode liste */
.modeVignette .size1on3{width:33.3% !important;}
.modeVignette .size1on4{width:24.9% !important;}
.modeVignette .unit{margin:0;}
.modeVignette .unit .block{min-height:211px; _height:211px;}
.modeVignette .lastunit{float:left;}

.modeListe .line{overflow:visible;_zoom:0;}
.modeListe .unit{float:none;position:static;margin-right:0;}
.modeListe .size1on1,.modeListe .size1on2,.modeListe .size1on3,.modeListe .size2on3,.modeListe .size1on4,.modeListe .size2on4,.modeListe .size3on4,.modeListe .size1on5,.modeListe .size1on6,.modeListe .size2on5,.modeListe .size3on5,.modeListe .size4on5{width:auto!important}
.modeListe .mea .media{}
.modeListe .mea .content{overflow:hidden;_overflow:visible;_zoom:1;}

/* ** block** */
.block{overflow:hidden;_overflow:visible; zoom:1; position:relative;}
.block .blockInside{position:relative; overflow:hidden; _overflow:visible; zoom:1; }
.body,.head,.foot{overflow:hidden; _overflow:visible; zoom:1;}

/* ** blockFilled + transverse head color** */
.blockFilled .head, .blockFilled .body, .blockFilled .foot,.filled{background-color:#f0f5f9;}
.blockFilled .headWhite {background:#FFFFFF;}

/* filled : gerer les couleur d'univers : attention aux heritages qui pourraient poser probleme */
.Nouv        .head{background:#6E46C8;}
.Promo       .head{background:#D70008;}
.Decouverte  .head{background:#8E0D60;}
.NosConseil  .head{background:#851D14;}
.Carrefour   .head{background:#0C3471;}
.Services    .head{background:#869DB9;}
.Kaki        .head{background:#889027;}
.Online      .head{background:#cc0033;}
.blockNouveaute .headFilled{background:#6E46C8;}.blockNouveaute .headBordered{border-color:#6E46C8;}.blockNouveaute .headBordered .head *,.blockNouveaute .title,.blockNouveaute .contextColor,.contextNouveauteColor{color:#6E46C8;}.block .nouveautePrice{color:#6E46C8;}.blockNouveaute .blockInside  .headFilled *{color:#FFF;}
.blockAchat     .headFilled{background:#D70008;}.blockAchat     .headBordered{border-color:#D70008;}.blockAchat     .headBordered .head *,.blockAchat     .title,.blockAchat     .contextColor,.contextAchatColor    {color:#D70008;}.block .achatPrice    {color:#D70008;}.blockAchat     .blockInside  .headFilled *{color:#FFF;}
.blockFidelite  .headFilled{background:#00ADDE;}.blockFidelite  .headBordered{border-color:#00ADDE;}.blockFidelite  .headBordered .head *,.blockFidelite  .title,.blockFidelite  .contextColor,.contextFideliteColor {color:#00ADDE;}.block .fidelitePrice {color:#00ADDE;}.blockFidelite  .blockInside  .headFilled *{color:#FFF;}
.blockTempsFort .headFilled{background:#F29400;}.blockTempsFort .headBordered{border-color:#F29400;}.blockTempsFort .headBordered .head *,.blockTempsFort .title,.blockTempsFort .contextColor,.contextTempsFortColor{color:#F29400;}.block .tempsfortPrice{color:#F29400;}.blockTempsFort .blockInside  .headFilled *{color:#FFF;}
.blockCarrefour .headFilled{background:#0C3471;}.blockCarrefour .headBordered{border-color:#0C3471;}.blockCarrefour .headBordered .head *,.blockCarrefour .title,.blockCarrefour .contextColor,.contextCarrefourColor{color:#0C3471;}.block .carrefourPrice{color:#5F7998;}.blockCarrefour .blockInside  .headFilled *{color:#FFF;}
.blockOnline    .headFilled{background:#CC0033;}.blockOnline    .headBordered{border-color:#CC0033;}.blockOnline    .headBordered .head *,.blockOnline    .title,.blockOnline    .contextColor,.contextOnlineColor   {color:#CC0033;}.block .onlinePrice   {color:#CC0033;}.blockOnline    .blockInside  .headFilled *{color:#FFF;}

.Nouv .meaTop .media a img,.Promo .meaTop .media a img,.Decouverte .meaTop .media a img,.NosConseil .meaTop .media a img,.Carrefour .meaTop .media a img,.Services .meaTop .media a img,.Kaki .meaTop .media a img,.Online .meaTop .media a img,.blockCarrefour .meaTop .media a img,.blockOnline .meaTop .media a img{_width:100%;}
.Nouv .head *, .Promo .head *, .Decouverte .head *, .NosConseil .head *, .Carrefour .head *, .Services .head *, .Kaki .head *, .Online .head *{color:#FFF;}

/* ** blockinsideBordered **/
.headBordered{border-top:4px solid #0C3471!important;}

/* ** blockGradient ** */
.headGradient{background:#FFF url(skin/bkg_body_gradient.png) repeat-x left top;}

/* couleurs de fond de blocks */
.blockGradient .blockInside{background:white url(skin/bkg-gradient.png) repeat-x left top;}
.blockGradient .head{margin:8px 0 5px 15px;}
.backTransverse {background-color: #F0F5F9;}

/* ** blockSimple ** */
.blockSimple,.blockInsideSimple{border:1px solid #C2CFDE;background:#FFF;}

/* ** blockScroll ** */
.blockScrollH .scrollPadding{padding:0 30px;position:relative;}
.blockScrollH .scrollMask{overflow:hidden;padding:10px 0;position:relative;width:499px!important;}
.blockScrollH .scrollMask ul{overflow:hidden;_overflow:visible;zoom:1;position:relative;width:2000px;}
.blockScrollH .scrollMask li{float:left;width:166px!important;zoom:1}/* Fix taille vignettes bloc scroll horizontal */
.blockScrollH .scrollMask .body {height:186px!important;} /* Fix taille vignettes bloc scroll horizontal */
.blockScrollH .btnLeft a,.blockScrollH .btnRight a{cursor:pointer}
.blockScrollH .btnLeft,.blockScrollH .btnRight{cursor:pointer;display:block;left:0; position:absolute;text-indent:-5000px;top:0;overflow:hidden;width:30px;background:transparent url(skin/picto/scrollLeft.png) no-repeat left center;}
.blockScrollH .btnRight{right:0;left:auto;background-image:url(skin/picto/scrollRight.png);background-position:right center;}

.blockScrollV .scrollPadding{padding:30px 0;position:relative;}
.blockScrollV .scrollMask{overflow:hidden;position:relative;}
.blockScrollV .scrollMask ul{overflow:hidden;_overflow:visible;zoom:1;position:relative;}
/*.blockScrollV .scrollMask li {zoom:1}*/
.blockScrollV .btnLeft a,.blockScrollV .btnRight a{cursor:pointer}
.blockScrollV .btnLeft{cursor:pointer;display:block;text-indent:-5000px;overflow:hidden;height:15px;background:transparent url(skin/picto/scrollTop.png) no-repeat center top;}
.blockScrollV .btnRight{cursor:pointer;display:block;text-indent:-5000px;overflow:hidden;height:15px;background:transparent url(skin/picto/scrollBottom.png) no-repeat center bottom;}
.blockScrollV img{display:block;}

/* blockTabs  blockInside*/
ul.tabs li a {background:#BAC8D9 url(skin/bkg_blockTabs.png) repeat-x left top;}
.blockTabsBordered ul.tabs li.current a{background: #fff url(skin/bkg_blockTabs_current.png) repeat-x left top;}
.blockTabsGradient ul.tabs li.current a{color: #0c3471; background: #fff url(skin/bkg_blockTabsCurrent.png) repeat-x left top;}
.blockTabsDown ul.tabs, .blockTabsDown ul.tabs li.last {overflow: visible;}
.blockTabsDown ul.tabs {zoom: 1;background:#fff url(skin/bkg_body_gradient.png) repeat-x left top;}
.blockTabsDownBlanc ul.tabs {_margin-top:-3px;}
.blockTabsDownBlancHaut ul.tabs {margin-top:-5px;}

/* correction FLO si probleme avec IE6 car ul pas en overflow pour raison de petite fleche */
.blockTabsDown ul.tabs li {padding: 0;margin: 0;}
.blockTabsDown ul.tabs li a{padding: 3px 0;margin: 0;}
/* blockTabsGradient2 */
.blockTabsGradient2 .tabs li a {background:#FFF url(skin/bkg_blockTabs.png) repeat-x left 6px;}
.blockTabsGradient2 .topTabs li a {background:#FFF url(skin/bkg_blockTabs.png) repeat-x left 6px;}/*preparaiton future pour l'onglet courant avec un fond inverse et la bordure blanche*/
.blockTabsGradient2 .tabs li.current a {background-position:left 15px;}

.blockTabsDown ul.tabs li.last {float: left;}

/*modification logica*/
/* Modification SATO 25-08-08(Ajout de cette ligne)*/
.blockTabsDown ul.onglets2 li.last {width: 50%;}
/*fin modification logica*/
.blockTabsDown ul.onglets3 li.last {width: 33%; _width:32.9%;}
.blockTabsDown ul.onglets4 li.last {width: 24.8%;}
.blockTabsDown ul.onglets5 li.last {width: 19.8%;}
.blockTabsDown ul.onglets6 li.last {width: 16.4%;}
.blockTabsDown ul.onglets7 li.last {width: 14%;}
.blockTabsDown ul.tabs:after, .blockTabsDown ul.tabs li.last:after{content: "";display: block;height: 0;overflow: hidden;clear: both;}
.blockTabsDown ul.tabs li a {background:#fff url(skin/bkg_body_gradient.png) repeat-x left top;position: relative;}
.blockTabsDown ul.tabs li span {display: none;position: absolute; height: 5px;width: 9px; top: -5px;left: 49%;z-index: 200;background:url(skin/ooshop/bkg_tabs_down_arrows.png) no-repeat -20px top;}
.blockTabsDownBlanc ul.tabs li span {background:url(skin/ooshop/bkg_tabs_down_arrows.png) no-repeat -30px top;}
.blockTabsDown ul.tabs li.nouveaute span {background-position: 0px top;}
.blockTabsDown ul.tabs li.promotion span {background-position: -10px top;}
.blockTabsDown ul.tabs li.current span {display: block;}

/*blk toggle*/
.blockToggle .head a{display:block; zoom:1;background: url(skin/bkgToggleArrows.png) no-repeat -1000px center;padding: 3px 10px 3px 12px;}
.hasJS .toggleClosed .body{display:none;}

.blockToggle .toggleClosed a{background-position:left center;}

.blockToggleGradientType1 .head a,.headToggleGradientType1 a{background-position:-990px center;padding-left: 25px;text-decoration:none;}
.blockToggleGradientType1 .toggleClosed a,.headToggleGradientType1 .toggleClosed a{background-position:10px center;}

.blockToggleGradientType2 .head a,.headToggleGradientType2 a{background: url(skin/bkgToggleArrowsType2.png) no-repeat right 12px;text-decoration:none;}
.blockToggleGradientType2 .toggleClosed a,.headToggleGradientType2 .toggleClosed a{background: url(skin/bkgToggleArrowsType2.png) no-repeat right -38px;}

.blockToggleGradientType1 .head,.headToggleGradientType1{background:#BAC8D9 url(skin/bkg_blockTabs.png) repeat-x scroll left top;}
.blockToggleGradientType1 .body,.bodyToggleGradientType1{background:#FFFFFF url(skin/bkg_body_gradient.png) repeat-x scroll left top;}
.blockToggleGradientType2 .head,.headToggleGradientType2{background:#FFFFFF url(skin/bkg_body_gradient.png) repeat-x scroll left -1px;}
.blockToggleGradientType2 .body,.bodyToggleGradientType2{background:#FFFFFF;}
.blockToggleGradientType2 .filled{background:#F0F5F9;}
.blockToggle .head .noArrow{background:none;text-decoration:none;}

/* tabs : onglets, declaration de la partie structurelle */
ul.tabs{overflow:hidden;_overflow:visible;_zoom:1}
ul.tabs li{float:left;cursor:pointer;padding-bottom:100px;margin-bottom:-100px;}
ul.tabs li a{display:block;white-space:nowrap;_zoom:1;padding-bottom:105px;margin-bottom:-100px;}
ul.tabs li.last{float:none;overflow:hidden;_overflow:visible;_float:left;width:auto;}
ul.tabs li.last a{width:auto;}
ul.tabs img{vertical-align:middle;}
ul.onglets2 li{width:49%}ul.onglets3 li{width:33%}ul.onglets4 li{width:24.8%}ul.onglets5 li{width:19%} ul.onglets6 li{width:16%}ul.onglets7 li{width:14%}ul.onglets8 li{width:12.3%}ul.onglets9 li{width:11%}ul.onglets10 li{width:10%}
ul.onglets2 li a,ul.onglets3 li a,ul.onglets4 li a,ul.onglets5 li a,ul.onglets6 li a,ul.onglets7 li a,ul.onglets8 li a,ul.onglets9 li a{white-space:normal;}

.hasJS .tabCtn{position:absolute;visibility:hidden}
.hasJS .tabCurrent{position:relative;visibility:visible;display:block;zoom:1;}

.resultablo table{clear:both;}
.resultablo caption{border:1px solid #C2CFDE; color:white; font-weight:bold; font-size:1.1em; text-transform:uppercase; padding:2px 8px; text-align:left;}
.resultablo caption.red{background:#CC0033;}
.resultablo caption.blue{background:#0C3471;}
.resultablo caption.grey{background:#6C84A9;}
.resultablo th{border-top:1px solid #C2CFDE;color:#0C3471;font-size:1em;padding:3px 8px;text-align:center;font-weight:bold;white-space:nowrap;}
.resultablo th.odd{background: #b3c3d6 url(skin/bkg_blockTabs_thead_odd.png) repeat-x left top;}
.resultablo th.even{background: #bac8d9 url(skin/bkg_blockTabs_thead_even.png) repeat-x left top;}
.resultablo td{border-top:1px solid #C2CFDE;color:#0C3471;font-size:1em;padding:3px 5px;text-align:center;background:white url(skin/bkg_dataArray_td.png) repeat-x left bottom;}
.resultablo tfoot td{background:transparent;}
.resultablo .lastTable{margin-bottom:0;}
.resultablo .lastTable tfoot td{background-color:#f4f6f9;}
.resultablo td.odd{background:#f5f9fb url(skin/bkg_dataArray_td_even.png) repeat-x left bottom;background-color:;}
.resultablo td.pass{color:#00ADDE;}
.resultablo td.pass .price{color:#00ADDE;}
.resultablo .price{font-weight:bold;display:block;white-space:nowrap;}
.resultablo .noBorderBottom{border-bottom:0 !important;}
.resultablo td.ecoTaxe .price{color:#00ff00 !important;}
.resultablo td.fidelite{color:#00adde !important;}
.resultablo td.fidelite .price{color:#00adde !important;}
.resultablo td.prixBarre .price{text-decoration:line-through;}
.resultablo td.promo{color:#f29400;}
.resultablo td.promo .price{color:#f29400;}
.resultablo td.emStrong .price{color:#CC0033;}
.resultablo .emStrongTxt{color:#CC0033 !important;font-weight:bold;}
.resultablo td p{text-align:left;}
.resultablo tfoot{}
.resultablo tfoot td{padding:0;border:none;}
.resultablo tfoot .btn{line-height:19px;height:19px;}
.resultablo tfoot .btn strong{line-height:19px;height:19px;}
.resultablo tfoot .btnL strong{background-image:url(skin/btn_tfoot_left.png);}
.resultablo tfoot .btnLeft{background-image:url(skin/btn_tfoot_left.png);float:left;}
.resultablo tfoot .btnLeft strong{background-image:url(skin/btn_tfoot_left.png);}
.resultablo tfoot .btnRight{background-image:url(skin/btn_tfoot_right.png);float:right;}
.resultablo tfoot .btnRight strong{background-image:url(skin/btn_tfoot_right.png);}

.blockTabs .results{padding:20px 0px; display:block;zoom:1;}
.blockTabs .results span{float:left; font-weight:bold; color:#0C3471; padding:0 5px; display:block;font-size:1.1em;}
.blockTabs .results ul{overflow:hidden; margin:0; zoom:1; }
body:last-child:not(:root:root) .blockTabs .results ul {width: 480px}
.blockTabs .results li{float:left; font-size:1.1em; font-weight:normal; white-space:nowrap;width:31%;margin-right:1em;}
.blockTabs .results li a{zoom:1;}
.blockTabs .mea{text-align:left;white-space:normal;}
.blockTabs .mea p.passDay{font-size:1em;color:#00ADDE;}
.blockTabs .meaSimple p.description{font-size:1.1em;color:#0C3471;}
.blockTabs .text h4{color:#0C3471;font-size:1.455em;font-weight:normal;text-decoration:underline;}
.blockTabs .text h5{color:#496795;font-size:1em;font-weight:bold;}
.blockTabs .text p.commentaire_num{color:#0C3471;font-size:1em;font-weight:normal;}
.blockTabs .text p.commentaire{color:#0C3471;font-size:1em;font-weight:normal;}
.blockTabs .text a.viewMore{color:#0C3471;font-size:0.9em;font-weight:normal;text-decoration:none;}
.blockTabs .pagination{overflow:hidden;color:#0C3471;overflow:hidden;_overflow:visible;_zoom:1; padding-right: 6px;}
.blockTabs .pagination p{float:right;padding:3px 0}
.blockTabs .pagination a{text-indent:-5000px;width:13px;height:18px;float:left;margin:0 1px;}
.blockTabs .pagination span,.blockTabs .pagination label{float:left;margin:0 3px;line-height:1.9em;}
.blockTabs .pagination input{float:left;width:2em!important;padding:1px 1px;color:#0C3471;margin-right:3px;}
.blockTabs .pagination a.pagination_start{background-image:url(skin/pagination_start.png)}
.blockTabs .pagination a.pagination_prev{background-image:url(skin/pagination_prev.png)}
.blockTabs .pagination a.pagination_next{background-image:url(skin/pagination_next.png)}
.blockTabs .pagination a.pagination_end{background-image:url(skin/pagination_end.png)}

.mdr .blockTabs {background: none; border-width: 1px 0 0 0;}
.mdr .blockTabs .tabs, .mdr .blockTabs .pagination, .mdr .blockTabs .results, .mdr .blockTabs .dataArray, .mdr .blockTabs .blockBaseBtn {border-left: 1px solid #C2CFDE;border-right: 1px solid #C2CFDE;}
.mdr .blockTabs .dataArray {border-collapse: separate;//border-collapse: collapse;}

/* Choix d'article sur OoShop */
.choiceArticle .avatar{float:right; position:relative; z-index:20; bottom:-13px; right:13px;}
.choiceArticle .blockInside{clear:right;}
.choiceArticle .floatL{position:relative; width:33.3%;padding-bottom:32000px; margin-bottom:-32000px;}
.choiceArticle .head .title{font-size:11px; padding:4px 0; text-indent:8px;color:white;}
.choiceArticle .first{width:33.4%; z-index:3;}
.choiceArticle .first .head{text-transform:uppercase; background-color:#0C3471;}
.choiceArticle .second{z-index:3;}
.choiceArticle .second .head .title{font-size:1.1em;padding-left:24px; background:url(skin/ooshop/choice-second-bkg.png) left center no-repeat;}
.choiceArticle .second .head{text-transform:lowercase; background-color:#869DB9;}
.choiceArticle .third{background:white; z-index:1;}
.choiceArticle .third .head .title{padding-left:24px; background:#C1CEDD url(skin/ooshop/choice-third-bkg.png) left center no-repeat;}
.choiceArticle .third .head{text-transform:lowercase; background-color:#C1CEDD;}
.choiceArticle .floatL .body{padding:5px 0;}
.choiceArticle .body li{width:50%; *width:49.9%; float:left;}
.choiceArticle .body li a{padding:0 0 0 4px; text-decoration:none; display:block; background:url(skin/ooshop/puce_nav_produits.png) 0 .6em no-repeat;}
.choiceArticle .current a, .choiceArticle  a:hover{text-decoration:underline !important;}
.choiceArticle .animPos{overflow:hidden;}
.choiceArticle .animPos .third .head{background-color:#869DB9;}
.choiceArticle .animPos .body{background:white url(skin/ooshop/choice-bkg.png) 100% -14px no-repeat;}
.choiceArticle .animPos .body .body{background:white; background:none; background:white url(skin/ooshop/bloc_border.png) 100% 0 repeat-y; padding-bottom:32000px; margin-bottom:-32000px; overflow:hidden; zoom:1;}
.choiceArticle .hiddenBlock{visibility:hidden;position:absolute; left:33.3%; z-index:2;}

/*Bloc Recette*/
.receipe{width:370px;_width:362px;}

.displayArticles{}
.displayArticles .head h4, .blockPanier  .head h4{background:url(skin/bkgToggleArrowsType3ooshop.png) no-repeat 8px 6px;}
.displayArticles .toggleClosed h4, .blockPanier .toggleClosed  h4{background:url(skin/bkgToggleArrowsType3ooshop.png) no-repeat 8px -43px;}
/* block Panier */

.blockPanier  .head h4{background-position:100% 6px;}
.blockPanier .toggleClosed  h4{background-position:100% -44px;}
.blockPanier .head {background:#0c3471 url(skin/bkg_title_panier.png) repeat-x left top; color: #fff;padding: 1px 2px 1px 10px;}
.blockPanier .head a {color: #fff; text-decoration:none;padding-left:3px;}
.blockPanier .head a img{margin-right:10px;margin-top:-1px;}
.blockPanier .body span.price, .lists .orderedArticles ul li span.price{display:block;float:right;margin-right:2px;}
.lists .head{background:#869db9;border-bottom:1px solid #FFF;}
.lists .head a{background:none;color:#FFF;}
.lists u a{color:#869db9;}
.orderedArticles ul{overflow-y:auto;}
.lists .orderedArticles ul li p, .lists .orderedArticles ul li .price{padding-top:3px;}
.lists ol li,.lists ol li a,.lists ol li span{color:#869db9;font-weight:bold;}
.lists ol li a{text-decoration:none;}
.lists ol li span{text-decoration:none;}

.displayArticles .head{background:#0C3471;}
.displayArticles .head h4{padding:0 0 0 15px;}

.displayArticles .head h4 a, .displayArticlesTable .head h4{color:#FFF;text-decoration:none;background:none;}
.displayArticles .head h4 a strong, .displayArticlesTable .head h4 strong{color:#FFF;text-transform:uppercase;padding-right:5px;}

.displayArticlesTable .head h4{display:block;padding:3px 10px 3px 12px;}
.displayArticlesTable .head{background:#0C3471;}
.displayArticlesTable table thead{background:#FFF;}
.displayArticlesTable table td .price{float:none;width:auto;}
.tableResults .block{border-top:0px;}
.tableResults .blockInside {background:#D70008;}
.tableResults .blockInside *{color:#FFF;}

.noToggle .head h4{background:none;color:#FFF;display:block;padding:3px 10px 3px 12px;}
.noToggle .head h4 strong{padding-right:5px;text-transform:uppercase;}

/*PAGES SELCTION XPRESS*/
.navSelect{width:158px;}
.navSelect ul li{}
.navSelect ul li a{text-decoration:none;background:transparent url(skin/ooshop/puce_nav_produits.png) no-repeat scroll 0pt 106%;padding-left:8px;}
.navSelect ul li.current a{text-decoration:underline;background:transparent url(skin/ooshop/puce_nav_produits.png) no-repeat scroll 0pt 106%;padding-left:8px;}
.navSelect ul li a:hover{text-decoration:underline}

/*HACK en FOLIE */
.family_of_Products p.fline{margin:0;}
.family_of_Products p.fline label{padding:0;margin:0;!line-height:1em;}
.family_of_Products p.fline input.check{margin-top:0;margin-bottom:0;!height:1em;}
.family_of_Products p.groupCheckLeft span.check{float:none;display:block;margin:0;}

/*PAGES LISTES*/
.liste_modif ul{float:right;width:auto;}
.liste_modif ul li{display:inline;}
.liste_modif a{text-decoration:none;display:block;color:#0C3471;padding:5px 10px 5px 19px;}
.liste_modif p{text-decoration:none;display:block;color:#0C3471;padding:5px 10px 5px 19px;}
td .liste_modif a{padding:5px 0;width:100%;}
.liste_modif ul li a{float:left;}
.liste_modif .rename{background:url(skin/picto/rename.png) no-repeat left 4px;}
.liste_modif .print{background:url(skin/picto/print.png) no-repeat left 4px;}
.liste_modif .del{background:url(skin/picto/delete.png) no-repeat left 4px;}
.liste_modif .add{background:url(skin/picto/add.png) no-repeat left 4px;}
.liste_modif .save{background:url(skin/picto/save.png) no-repeat left 4px;}
.orderTable .liste_modif .save{background:url(skin/picto/save.png) no-repeat center 4px;}
.orderTable .liste_modif .add{background:url(skin/picto/add.png) no-repeat center 4px;}
.orderTable .liste_modif .print{background:url(skin/picto/print.png) no-repeat center 4px;}

/* PopIn */
#layerMask{width:100%; height:100%; position:absolute; left:0; top:0; right:0; background:white; z-index:10000; opacity:0.8;}
#layerMask iframe{width:100%;height:100%;_filter:mask();}
#layer{padding:10px 20px;position:absolute;top:50%;z-index:10001;width:450px;height:450px;border:1px solid #C3CFDE;left:50%;margin:-225px 0 0 -225px;background:white url(skin/bkg_layer.png) repeat-x left top;}

/* ** Couleur tétière univers ** */
.transverse{background-color:#869DB9 !important;}
.transverse h1, .transverse .h1, .transverse h2, .transverse .h2, .transverse h3, .transverse .h3, .transverse h4, .transverse .h4, .transverse h5, .transverse .h5,  .transverse h6, .transverse .h6{color:#ffffff !important;}

/* classe qui force l'affichage des contenus de certains blocks, cela est super important pour l'alignement de certains blocks */
.initBlocks .blockTabs .tabCtn {display:block !important;}

/****
* G. Custom (blocks spécifiques, contenus vraiment spécifiques à une partie de la page, non reutilisable ailleurs)
****/

/********* HEADER *************/
#lien_direct{min-height:18px;_height:18px;background:#FFF;overflow:hidden;_overflow:visible;zoom:1;}
#lien_direct ul{color:#CC0033;font-size:1em;font-weight:bold;text-align:center;}
#lien_direct li{display:inline;}
#lien_direct .title{text-transform:uppercase;}
#lien_direct a{color:#CC0033;font-size:1em;font-weight:bold;background: url(skin/picto/lienDirect_picto.png) no-repeat left center;padding-left:6px;margin:0 8px;text-decoration:none;}
#head{padding-bottom:10px;border-top:1px solid #DFE6EF;border-bottom:1px solid #DFE6EF;margin-bottom:1px;background:#F2F6F9 url(skin/bkg_header.png) repeat-y 50% 50%;}
#logo{float:left;}
#logo a{display:block;width:228px;}
#logo a img{display:block;}
#banner{float:left;width:487px;text-align:center;padding-top:17px;}
#banner img{display:block;}
/* espace perso */
#espace_perso{float:right;overflow:hidden;width:264px;background:white url(skin/header/espacePerso.jpg) no-repeat right top;}
.espacePerso{min-height:90px;border:solid #D1D7DD;border-width:0 0 1px 1px;margin-right:6px;_height:90px;}/* margin : cale la bordure au bon endroit*/
.inMyCarrefour{overflow:hidden;margin-right:38px;margin-left:8px;}/* margin : permet de ne pas écrire sur le personnage */
.inMyCarrefour .legend{display:block; margin-top:12px;}
/*.inMyCarrefour h2.legend{margin-top:2px;} ancienne declaration */
.inMyCarrefour .legend img{display:block; margin-bottom:-10px;}
.inMyCarrefour input.text{width:70px;margin-right:3px;padding-left:3px;}
.inMyCarrefour ul li{_zoom:1;}
.inMyCarrefour ul li a{_zoom:1;}
.inMyCarrefour ul li a {background:transparent url(skin/arrow_navL.png) no-repeat scroll left 0.4em; color:#0C3471; display:block; font-weight:bold; padding-left:10px;}

#toolbar{min-height:28px;_height:28px;background:#647DA4 url(skin/bkg_toolbar.png) repeat-x left bottom;}
#toolbar a{font-weight:bold;color:#FFF;text-decoration:none;line-height:28px;	}
#toolbar a, #toolbar span, #toolbar label{color:#FFF;font-weight:bold;}
#toolbar *{vertical-align:middle;}
#toolbar input.text{width:110px;font-weight:normal;}
#toolbar .struct form{display:inline;float:left;}
#toolbar #recherche label{margin:0 10px;padding-left:10px;height:100%;background:transparent url(skin/picto/toolbar_mail.png) no-repeat center left;}
#toolbar #recherche label.labelSearch{padding-left:15px;background:transparent url(skin/picto/toolbar_search.png) no-repeat scroll left 45%;}
#toolbar .contactLink{padding-left:15px;background:transparent url(skin/picto/toolbar_mail.png) no-repeat center left;}
#toolbar .text{padding:1px 5px;}
#search{border-color:#CCC;}
#searchHelper{z-index:300000;position:absolute;top:144px;background:#FFF;width:260px;border:1px solid #CCC;border-top:0px;}
#searchHelper ul li{text-align:left;font-weight:bold;width:45%;float:left;padding:0;height:auto !important;line-height:11px;}
#searchHelper ul li a{margin:0;text-decoration:none;}

/********* FOOTER *************/
#footer {background:url(skin/bkg_footer.png) repeat-x left bottom;overflow:hidden;text-align:center;}
#footer li {display:inline; }
#footer a {padding:0 5px;color:#0C3471;font-size:0.909090em;line-height:33px;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer .footerbis {color:#0C3471;font-size:0.909090em;line-height:25px;}
#footer .footerbis a {color:#0C3471;line-height:25px;}
#logos li {display:inline;}
#logos a {color:#0C3471; font-size:0.90909em; line-height:33px; padding:0pt 5px; text-decoration:none;}
#logos a:hover {text-decoration:underline;}
#logos .footerbis {color:#0C3471;font-size:0.909090em;line-height:25px;}
#logos .footerbis a {color:#0C3471;line-height:25px;}
.newFoot {background:white; padding:10px 0 5px;}

/**/
.services_en_magasin{margin:0 12px 4px;overflow:hidden;}
.services_en_magasin li{float:left;}
.services_en_magasin li a{width:66px; height:66px; display:block; padding:10px;}
.services_en_magasin li a.current, .services_en_magasin li a:hover{background-color:#E3EAF3;}

/*MDR*/
form.filtre .submitBtn {width:100%;}
.filtreur  {position:relative;}
.filtreur span {cursor:pointer;background:white url(skin/selectFakeBtn.png) no-repeat right center;border:1px solid #c0cad6;padding:2px 20px 2px 5px;display:block;}
.filtreur div {background:white;border:1px solid #c0cad6;}
.hasJS .filtreur div {background:white;position:absolute;left:0;top:1.8em;border:1px solid #c0cad6;}
.filtreur ul {background:white;}
.hasJS .filtreur ul {background:white;height:7em;width:150px;overflow-y:scroll;}
.filtreur li.odd {background:#f4f9fc;}

/*LI*/
#navG_mdr li{position:relative;}
#navG_mdr .lastLevel li a{background: url(skin/arrow_navL.png) no-repeat 0 0.35em;padding-left:10px;font-size:1em;}
#navG_mdr .lastLevel li a.current{font-weight:bold;}
#navG_mdr .open ul {display:block !important;}
.hasJS #navG_mdr .close ul {display:none !important;}
#navG_mdr li.byPrice{margin: 4px; }
#navG_mdr li.byPrice p{padding:3px;}
#navG_mdr #num_found{margin-top:-3px;border:1px solid #90A6BF;width:80%;margin:15px auto 0;text-align:center;}
#navG_mdr #priceCursor{color:#5F7998;background-color:#F0F5F9;padding-bottom:10px;}
#navG_mdr #cursorCtn{position:relative;height:36px;}
#navG_mdr.cursor {min-width:17px;height:24px;position:absolute;top:0;z-index:1000;cursor:pointer;padding-top:28px;}
#navG_mdr#rightCursor{background:url(skin/priceCursor/rightCursor.png) no-repeat right top;right:0px;text-align:right;}
#navG_mdr#leftCursor{background:url(skin/priceCursor/leftCursor.png) no-repeat left top;left:0px;text-align:left;}
#navG_mdr#sepCursor{background-color:#869DB9;border:1px solid #89A0BB;width:150px;height:6px;position:absolute;top:9px;z-index:999;}
#navG_mdr li{zoom:1;}
#navG_mdr .title{display:block;padding:9px 13px;}
#navG_mdr .subTitle{margin-left:5px;}
#navG_mdr ul{padding:0 0 0 0;}
#navG_mdr ul ul{padding:0 0 0 15px;}
#navG_mdr .lastLevel {}
#navG_mdr .cat ul{}
#navG_mdr .cat ul ul{font-size:1em;}
#navG_mdr li.open span, #navG_mdr .plan_site li.open span {background-position:right bottom;}
#navG_mdr li.close span, #navG_mdr .plan_site li.close span {background-position:right top;}
#navG_mdr li.isDevelopable{padding:2px 0;_overflow:hidden}

/* Plan du site */
#navG_mdr .plan_site li li { margin-left:15px;}
#navG_mdr .plan_site li {margin-top:3px;} 
#navG_mdr .plan_site li.cat span.navBtn {margin-right:-2px;}
#navG_mdr .plan_site li.cat {background:none; margin-left:0; margin-right:0; margin-top:3px;}
#navG_mdr .plan_site li.isDevelopable {padding:0;}



/*A*/
#navG_mdr li a, #navG_mdr .plan_site li a{overflow:hidden;margin-left:2px;text-decoration:none;_zoom:1;}
#navG_mdr .plan_site li li a {color:#5f7998;}
#navG_mdr a, #navG_mdr .plan_site a{font-weight:bold;font-size:1.09em;vertical-align:top;}
#navG_mdr li li li a{font-weight:normal;}
#navG_mdr .plan_site a.lien  { padding-left:15px; margin-left:5px;}
#navG_mdr .plan_site li.cat a { padding-left:8px;}


/*SPAN*/
#navG_mdr li span, #navG_mdr .plan_site li span{display:block;float:left;width:12px;height:12px;background:url(skin/btn_navG_mdr.png) no-repeat right top;text-indent:-5000px;cursor:pointer;_font-size:.01em;}
/*#navG_mdr li span.open{background-position:right bottom;}*/
#navG_mdr li.cat{background:#F0F5F9;margin:0 4px;padding-bottom:10px;}

/* block profil espace perso */
.filledProfilPerso{background:#F7F2E1}
.completionProfil{width:191px;height:24px;background:url(skin/deco/fondCompletionProfil.png) no-repeat left top;}
.completionProfil .barre{display:block;height:100%;background:url(skin/deco/completionProfil.png) no-repeat 1px 1px;}
.completionProfil .compl00{width:0;}
.completionProfil .compl01{width:11px;}
.completionProfil .compl02{width:23px;}
.completionProfil .compl03{width:35px;}
.completionProfil .compl04{width:47px;}
.completionProfil .compl05{width:59px;}
.completionProfil .compl06{width:71px;}
.completionProfil .compl07{width:83px;}
.completionProfil .compl08{width:95px;}
.completionProfil .compl09{width:107px;}
.completionProfil .compl10{width:119px;}
.completionProfil .compl11{width:131px;}
.completionProfil .compl12{width:143px;}
.completionProfil .compl13{width:155px;}
.completionProfil .compl14{width:167px;}
.completionProfil .compl15{width:179px;}
.completionProfil .compl16{width:191px;}

/* block à onglet des sites filles : gestion image titre png transparent */
#blockSiteFilleShop{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourShop.png', sizingMethod='image');}
#blockSiteFilleOnline{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourOnline.png', sizingMethod='image');}
#blockSiteFilleVoyages{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourVoyages.png', sizingMethod='image');}
#blockSiteFilleSpectacles{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourSpectacles.png', sizingMethod='image');}

#blockSiteFillePass{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourVoyages.png', sizingMethod='image');}
#blockSiteFilleMobile{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourMobile.png', sizingMethod='image');}
#blockSiteFilleTelechargement{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourVoyages.png', sizingMethod='image');}
#blockSiteFilleCarteCadeau{_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/titres/blocksFilles/carrefourVoyages.png', sizingMethod='image');}
/*cache les images pour IE6*/
.fakePng{_zoom:1;_cursor:pointer;}
.fakePng img{_visibility:hidden;}

/****
* H. Fixs class for navigators (corners, heights, most of the problems comes fron IE)
****/

/* autres corners à corriger */
html.IS_IE body  .block .blockInside .bl,html.IS_IE body .block .blockInside .br{_bottom:expression(cssBottom(this, true))}
/* heights */
 html.IS_IE body .blockSimpleShadow .bl, html.IS_IE body .blockSimpleShadow .tr, html.IS_IE body .blockSquareShadow .bl, html.IS_IE body .blockSquareShadow .tr {height:expression(cssHeight(this, true))}

.hideCorners .br, .hideCorners .bl {display:none !important}

/****
* I. Classes spécifiques (lecteurs d'ecran, javascript...)
****/

.screenreader{position:absolute;left:0;top:-5000px;width:1px;height:1px;overflow:hidden;}
.blabla{border:1px solid pink;}
.hasJS .hidden{display:none !important;}
.flyTips {background:white; padding:10px; text-align:left; border:1px solid #C2CFDE; position:absolute; z-index:99999999;}
.lienTips:hover {text-decoration:none; cursor:pointer;}
caption .lienTips {color:white;}

/* ** specifics marge inside block ** */
.insideBorderSm{border:2px solid #fff;}
.insideBorder{border:3px solid #fff;}
.insideBorderLg{border:10px solid #fff;}

.body .body{margin:0;}
.insideMarginSm .head,.insideMarginSm .body,.insideMarginSm .foot{margin:2px;}
.insideHMarginSm .head,.insideHMarginSm .body,.insideHMarginSm .foot{margin:0 2px;}
.insideVMarginSm .head,.insideVMarginSm .body,.insideVMarginSm .foot{margin:2px 0;}
.insideMargin .head,.insideMargin .body, .insideMargin .foot{margin:5px;}
.insideHMargin .head,.insideHMargin .body,.insideHMargin .foot{margin:0 5px;}
.insideVMargin .head,.insideVMargin .body,.insideVMargin .foot{margin:5px 0;}
.insideMarginLg .head,.insideMarginLg .body,.insideMarginLg .foot{margin:10px;}
.insideHMarginLg .head,.insideHMarginLg .body,.insideHMarginLg .foot{margin:0 10px;}
.insideVMarginLg .head,.insideVMarginLg .body,.insideVMarginLg .foot{margin:10px;}
.insideNoMargin .head,.insideNoMargin .body,.insideNoMargin .foot{margin:0;}

/* gestion imbrications blocs */
.insideMargin .insideMarginSm .head,
.insideMarginLg .insideMarginSm .head,
.insideMargin .insideMarginSm .body,
.insideMarginLg .insideMarginSm .body,
.insideMargin .insideMarginSm .foot,
.insideMarginLg .insideMarginSm .foot{margin:2px;}

.insideMarginSm .insideMargin .head,
.insideMarginLg .insideMargin .head,
.insideMarginSm .insideMargin .body,
.insideMarginLg .insideMargin .body,
.insideMarginSm .insideMargin .foot,
.insideMarginLg .insideMargin .foot{margin:5px;}

.insideMarginSm .insideMarginLg .head,
.insideMargin .insideMarginLg .head,
.insideMarginSm .insideMarginLg .body,
.insideMargin .insideMarginLg .body,
.insideMarginSm .insideMarginLg .foot,
.insideMargin .insideMarginLg .foot{margin:10px;}

.insideBorderNoBottomSm{border:2px solid #fff;border-bottom:0;}
.insideBorderNoBottom{border:5px solid #fff;border-bottom:0;}
.insideBorderNoBottomLg{border:10px solid #fff;border-bottom:0;}

.insideMarginNoBottom .body{margin-bottom: 0;}

/* ** Table structure ** */
td.sepSm{width:5px;}
tr.sepSm td{height:5px;}
td.sep{width:10px;}
tr.sep td{height:10px;}
td.sepLg{width:20px;}
tr.sepLg td{height:20px;}
td.sepExlg{width:30px;}
tr.sepExlg td{height:30px;}

/* anywhere */
.horaires_speciaux {color:#c603d7 !important;}
.horaireMagasin {width:23%;}
.lastMinute  {color:#cc0033 !important;white-space:normal;}
.vAlignTop {vertical-align:top !important;}
.picto {display:block;margin:0 auto 10px;}
.alerteInfo {background:url(skin/pictoAlerteInfo.png) no-repeat left top; font-weight:bold;font-size:1.1em;color:#F39400;padding-left:20px;text-decoration:none;margin-top:5px;display:block;}

/** FlyTips */
#flytip{position:absolute; border:1px solid #C2CFDE; padding:10px 15px; background:white; z-index:1000;}
.flyTips {background-color:#f0f5f9;}
.pointe{position:absolute;bottom:-15px;}
.pointe span{display:block;width:10px;height:16px; background:url(skin/tooltip/pointe.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/tooltip/pointe.png', sizingMethod='scale'); text-align:center;}
.flyBottom .pointe span{background:url(skin/tooltip/pointeHte.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/tooltip/pointeHte.png', sizingMethod='scale'); text-align:center;}
.flyBottom .pointe{position:absolute;top:-15px;}
.pointe2{position:absolute;bottom:-9px;}
.pointe2 span{display:block;width:9px;height:9px; background:url(skin/tooltip/pointe2.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/css/skin/tooltip/pointe2.png', sizingMethod='scale'); text-align:center;}
.hasJS .tooltipHide{display:none; position:absolute; bottom:2em; z-index:1000; padding:10px 15px 5px 5px; background:#f0f5f9; border:1px solid #0d358d;}
.tooltipHide a{background:url(skin/arrow_navL.png) 0 4px no-repeat;padding-left:10px;}
.hasJS .show{display:block!important;}
.contTip{position:relative;}
a.closer{position:absolute;background:url(skin/tooltip/close.png) 0 0 no-repeat;top:-1px;right:-1px;width:12px;height:12px;overflow:hidden;text-indent:-500px;padding-left:0;}

/* ** LAYERS ** */
.popLayerMask {width:100%;height:100%;position:absolute;left:0;top:0;right:0;background:white;z-index:10000;}


.popLayer{position:absolute;z-index:10001;border:1px solid #c3cfde;left:50%;background:white url(skin/bkg_layer.png) repeat-x left top;text-align:left;}
.popLayer .popHead{position:absolute;z-index:9999;right:5px;top:5px;}
.popLayer .popContent{}
.popLayer .body li{zoom:1;}
.popLayer .close {width:22px;height:23px;display:block;text-indent:-5000px;background-image:url(skin/btn_layer_close.png);float:right;cursor:pointer;}

#layerWelcome h1{padding:40px 0 0 130px;}
#layerWelcome #crazyBackground{background:url(./skin/ooshop/deco/lay_welcome_bk_fruits.png) no-repeat left top;}
#layerWelcome #crazyBackground h3{font-weight:normal;}
#layerWelcome #crazyBackground .unit{margin-top:15px;}
#layerWelcome #crazyBackground .blockFilled .head{background:#FFF;font-weight:bold;margin-top:3px;}
#layerWelcome #crazyBackground .blockFilled ul{color:#0C3471;background:#F0F5F9 url(skin/picto/togglePictoBuddy.png) no-repeat 9px 19px;}
#layerWelcome #crazyBackground .blockFilled ul li{margin-left:35px; padding:5px;}
#layerWelcome #crazyBackground .btn input{font-weight:bold;}
#layerWelcome #crazyBackground  p{color:#0C3471;}
#layerWelcome #crazyBackground ul.body{padding:10px 0;//padding:20px 0;_padding:22px 0;}

/* *** AMAO *** 
#cgv .filled{height:350px;overflow-y:auto;}
#optimale .filled {height:350px;overflow-y:auto;} */

#cgv .filled, #optimale .filled, .overflown{height:350px;overflow-y:auto;}
.overflown input, .overflown .block, .overflown .lastunit{//position:static;}
/* *** AMAO *** */

.layerLot .mea .content .basket select, .meaAllLeft .basket select{position:relative;top:2px}
.layerLot p.desc strong{display:block;}
.layerLot h6{color:#5F7998;}
.layerLot .extraProduit .lastunit{zoom:1;}

.extraProduit select, .productLine select{margin-top:4px;}
.extraProduit .mea .price, .productLine .mea .price{color:#0C3471;}
.extraProduit strong, .layerLot .price, .productLine p{color:#0C3471;}
.extraProduit .price strong, .productLine .price strong{font-size:1.9em;}
.extraProduit .price strong{display:block;}
.productLine .price strike{padding-left:5px;}

.extraProduit .price span, .productLine .price span{display:block;}

.layer_prod {width:445px; margin:0 auto; text-align:left;}

/*Textarea listProducts page selection express*/
#listProducts{min-height:375px;//height:378px;}

/* border specifique */
.Tbrd{border-top:solid 1px #D2D2D2}

/*ICI LES FORMULAIRES SPECIFIQUES*/
/*fullpage */
/*forms*/
.oneCol label{padding-left:2px;}
#Coordonnees input {padding-left:2px;}
#Coordonnees .fline {width:99%;}

.home a.lien,.home .lien a{background-image: url(skin/arrow_home.png);text-decoration: none;}
.home li.lien {zoom: 1;}
.home a.lien:hover,.home .lien a:hover{background-image: url(skin/arrow_home.png);text-decoration: underline;}
.home .mea .content h5, .home .mea .content a {color: #5f7998;}
.home .mea .content a {text-decoration: none;}
.home .mea .content {margin-bottom: 5px;}
.home .mea .content a:hover{text-decoration: underline;}
.home .mea .liensSoulignes a {text-decoration: underline;}
.home .mea .liensSoulignes a:hover {text-decoration: none;}

/*Inscriptions*/
#livrInfo{height:34px;//height:37px;_height:37px;}

/* Mode Vignette Marge haute */
.modeVignette .TmarginVig {margin-top:16px !important}
.modeVignette .LmarginVig {margin-left:75px !important}

.plansOnline .blockSimple .head{ background: url(skin/bkgTitlesHomeCarrefour.png) no-repeat left 4px; padding-left: 15px;}
.plansOnline .blockSimple .head * {color: #cc0033;}
.plansOnline .blockSimple .head span {display: block;font-weight: normal;}

a.lienPromo, .lienPromo a {color: #d70008;background-image: url(skin/arrow_promo.png) !important;}

/* home */
.blockHomeActu .blockInside {background: url(skin/bkgActu.png) repeat-x center top;}
.blockHomeActu .blockInside .media {height: 73px;}
.blockHomeActu .blockInside .media .imgRemplacement{display:block;height:73px;text-indent:-5000px;}

.NosConseil .mea .price .colorPrice {color:#851D14;}
.borderAlign {border-left:2px solid #fff; *border-left:3px solid #fff;}

.NetnbProd{width:1.8em;border:0px solid #ccc;text-align:center;}
.NetbtnM{background: no-repeat left center;vertical-align:middle}
.NetbtnP{background: no-repeat left center;vertical-align:middle}
.NetbtnP, .NetbtnM{display:-moz-inline-stack;display:inline-block;width:10px;height:10px;padding:0 1px;cursor:pointer;vertical-align:middle}

.NetGVR
{
	background-color: #F0F5F9;
}
.NetGVAR
	{		
	background-color: #FFFFFF;
        }
.NetGVPa
{
	font-weight: normal;
	white-space: nowrap;
	 overflow:hidden;_overflow:visible;_zoom:1;
}
.tbqte
{
width:1.8em;border:1px solid #ccc;text-align:center;	
}
.lPrix
{
	
	font-weight: bold;
	font-size:11px;
	color:#0c3471;
	text-align:right;
	
	white-space: nowrap;
	overflow:hidden;
	vertical-align:middle;
}

/* Ajout SATO 05-01-2009
Tableau Fruit Legume sur Home */
.tabCtn .tabFruiLeg {border-spacing:0; vertical-align: middle; margin-top:10px; border-color: #C2CFDE; border-style: solid; height:295px; padding:0; border:0;}
.tabCtn .tabFruiLeg .tabtr {text-align:left; vertical-align:top;}

.rptPagination 
{
	text-align:center;
	padding-left:3px;
	font-weight: bold;
	font-size:12px;
	color:#0c3471;
}

/* Ajout SATO 15-07-2009
Tableau Frais de livraison FAQ*/
#TabFAQ1,#TabFAQ2,#TabFAQ3{border-collapse: collapse;}
#TabFAQ1 tr,#TabFAQ2 tr,#TabFAQ3 tr{text-align: center !important;}
#TabFAQ1 tr .bord,#TabFAQ2 tr .bord,#TabFAQ3 tr .bord{border: 1px #0C3471 solid;}
#TabFAQ1 tr .col12,#TabFAQ2 tr .col12,#TabFAQ3 tr .col12{width:33%;}
#TabFAQ1 tr .col1,#TabFAQ2 tr .col1,#TabFAQ3 tr .col1{width:10%;}
#TabFAQ1 tr .col2,#TabFAQ2 tr .col2,#TabFAQ3 tr .col2{width:23%;}
.GrVt{color: #008000;font-weight:bold !important;}
.Gr{font-weight:bold !important;}
.BgCTab{background-color:#FFFF99;}