/****
* A. Reset et basics (CSS reset et styles generaux...)
****/
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;line-height:1.22em;font-family:inherit;text-align:inherit;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
ul{list-style:none;}
ol{list-style: decimal inside;}
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%}
a{cursor:pointer;}
.hasJS .accessibilite {display:none;}

/****
* B.  Helpers Classes.
********/

/* 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:left !important;}
.floatR {float:right !important;}
.clearB{clear:both;display:block;}
.context {overflow:hidden; _overflow:visible; zoom:1}
.relative{position:relative!important;}
/* fullWidth (force une image ou un flash a prendre toute la largeur de son conteneur,  <div class="fullImg"><img src="image.gif" /></div>) */
.mediaFullSize {display:block;}
.hasJS .mediaFullSize object, .hasJS .mediaFullSize embed, .hasJS .mediaFullSize img {width:100%;display:block;vertical-align:top;}
.hidden {display:none !important;}


/* mea */
.mea, .mea .text, .meaRight, .meaRight .text{overflow:hidden; _overflow:visible; zoom:1;}
.mea .media {float:left; margin-right:13px; _margin-right:9px; _float:left;}
.meaRight .media {float:right; margin-left:13px; _margin-left:9px;}
.meaWrap .media {margin-bottom:13px; _margin-bottom:9px;}
.meaWrap .text {overflow:visible; zoom:0;}

/* marges des blocs */
.Vspace, .Tspace {margin-top:10px !important}
.Vspace, .Bspace {margin-bottom:10px !important}

/* margins pour les contenus, XmarginYY*/
.Nomargin {margin:0 !important;}
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.TmarginXsm{margin-top:3px;}
.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:40px !important} .VmarginXlg, .BmarginXlg {margin-bottom:40px !important} .HmarginXlg, .LmarginXlg {margin-left:40px !important} .HmarginXlg, .RmarginXlg {margin-right:40px !important}

/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.paddingXLg {padding:40px !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}
.Tpadding30{padding-top:30px;}
.VpaddingXlg, .TpaddingXlg {padding-top:40px !important} .VpaddingXlg, .BpaddingXlg {padding-bottom:40px !important} .HpaddingXlg, .LpaddingXlg {padding-left:40px !important} .HpaddingXlg, .RpaddingXlg {padding-right:40px !important}

img.pngFix{_background-image:url(skin/misc/px.gif);_filter:expression(F6.Module.pngFix(this));}

.noUnerLine{text-decoration:none;}
.unerLine{text-decoration:underline;}
.italic{font-style:italic}
.bold{font-weight:bold;}

.hidden{visibility:hidden;z-index:0;}
.hidden iframe{display:none;}
.hideBlock{display:none;}

.pointer{cursor:pointer;}
.centerBlock{margin-left:auto;margin-right:auto;}/* permet de centrer des types block */
.w932{width:93.2em;}
.colorBlack{color:black!important;}
.redCoke{color:#EE1B28!important;}

.basicGrey{color:#666!important}
.white{color:#FFF!important}
.bgWhite{background:#fff;}
.dBlock{display:block;}


.opacity5,.hopacity5 *{opacity:.50;-moz-opacity:0.5;filter:alpha(opacity=50);}
.opacity6,.hopacity6 *{opacity:.60;-moz-opacity:0.6;filter:alpha(opacity=60);}
.opacity7,.hopacity7 *{opacity:.70;-moz-opacity:0.7;filter:alpha(opacity=70);}
.opacity8,.hopacity8 *{opacity:.80;-moz-opacity:0.8;filter:alpha(opacity=80);}
.opacity9,.hopacity9 *{opacity:.90;-moz-opacity:0.9;filter:alpha(opacity=90);}
.hopacity5:hover *,.hopacity6:hover *,.hopacity7:hover *,.hopacity8:hover *,.hopacity9:hover *{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}


/* taille de texte : ne s'applique pas n'importe ou, attention */
.em08{font-size:.8em!important;}.em09{font-size:.9em!important;}.em10{font-size:1em!important;}.em11{font-size:1.10em!important;}.em12{font-size:1.20em!important;}.em13{font-size:1.30em!important;}.em14{font-size:1.40em!important;}.em15{font-size:1.50em!important;}.em16{font-size:1.60em!important;}.em17{font-size:1.70em!important;}.em18{font-size:1.80em!important;}.em19{font-size:1.90em!important;}.em20{font-size:2em!important;}.em21{font-size:2.1em!important;}.em22{font-size:2.2em!important;}.em23{font-size:2.3em!important;}.em24{font-size:2.4em!important;}

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

html {font-size: 16px;}
body {margin:0; padding:0; font-family:Arial, Verdana; font-size:62.5%;}

html, body, #flashContainer {height:100%; overflow:visible;}
/* bug ie6 scrollbar invisible */
body{!position:relative;!overflow:auto;}
#aspnetForm{!position:relative;!zoom:1;}
/**/
#flashBackground {margin:0 auto; position:absolute; top:0; width:100%; height:100%; z-index:1;}
#site{position:relative;z-index:2;}

/* largeur du site */
.structure{width:95em;margin-right:auto;margin-left:auto;position:relative;}

/* structure de base 3 colonnes */
#content {text-align:left;} /*ici est definie la largeur du site*/
#cocaNav {float:left;width:19.1em;}
#main {overflow:hidden; _overflow:visible; zoom:1;}

/* HEADER */
#header {height:118px; padding-bottom:10px; position:relative;}
#logo {width:286px; height:125px; float:left;}
#logo a {display:block; width:286px; height:125px;outline:none;}

#welcomeZone{position:absolute;top:8px;left:188px;}
.welcomeText{float:left;color:#E0091D;}
#welcomeZoneLogout .welcomeText{cursor:pointer;}
.myAccountZone{float:left;margin:1px 0 0 5px;font-size:1em;}/* mettre un float right (tout  fait logique) sous IE6 va provoquer une largeur de 100% du parent et donc ne pas coller a l'effet attendu */
.inMyAccountZone{}
.inMyAccountZone .corner {display:block;width:8px;height:13px;background:transparent url(skin/structure/welcomeZone/leftWZrouge.png) no-repeat center;}
.inMyAccountZone .cornerLeft{float:left;}
.inMyAccountZone .cornerRight{float:left;margin-left:-5px;background-image:url(skin/structure/welcomeZone/rightWZrouge.png);}
.inMyAccountZone .item{float:left;height:13px;padding-right:5px;background:#FC0019;color:#FFF;cursor:pointer;}

#products {position:relative; float:left; margin-top:55px; margin-left:-96px;}
#products li {float:left; font-size:1.1em; font-weight:bold; color:#000;}
#products a {display:block; padding:0 9px; font-weight:normal; outline:none; color:#493F3F; text-decoration:none;}
#products li a:hover {text-decoration:underline;}
#products .show a {font-weight:bold;}
#products li .ssnav {position:absolute; background:transparent url(skin/structure/bkg_ssnav_neutre.png) 0 0 no-repeat; width:648px; padding:16px 0 20px; left:0; top:25px; visibility:hidden; overflow:hidden; _height:1%; _filter:expression(F6.Module.pngFix(this));}
.hasJS #products li.show .ssnav {visibility:visible;}
#products li p {padding:0;font-size:1em;text-align:center;color:#493F3F;}
.hasJS #products li .ssnav div {width:580px; overflow:hidden; height:24px; position:absolute; margin-left:30px; *margin-left:0;}
.gobef {float:left; margin-left:10px;}
.goaft {float:right; margin-right:10px;}
.gobef a,
.goaft a {font-weight:bold; color:white; font-size:1.2em; display:block; text-decoration:none!important; visibility:hidden;}
.currentItem {display:block; width:32px; height:17px; position:absolute; background:transparent url(/css/skin/structure/currentItem_neutre.png) 0 0 no-repeat; _filter:expression(F6.Module.pngFix(this)); margin-top:-20px;}
#menuProductCC   .thirdItem{left:20px;}
#menuProductCCZ  .thirdItem{left:83px;}
#menuProductCCL  .thirdItem{left:152px;}
#menuProductCCLF .thirdItem{left:220px;}
#menuProductShopper .thirdItem {left:360px;}
#menuProductCCCL .thirdItem{left:310px;}
#menuProductCCG	 .thirdItem{left:415px;}

#products .hideItems {opacity:0; filter:alpha(opacity=0); visibility:hidden;} /* On fonctionne a l'envers (elements de liste invisibles sans js) vu que la priorite pour coca est l'esthetique et non l'accessibilite */
#products .ssnav a {text-align:center; font-weight:bold; color:#493F3F; font-size:1em; display:block; padding:0 9px; white-space:nowrap;}
#products .ssnav a:hover,
#products .ssnav a:focus,
#products .ssnav a:active {text-decoration:underline;}
#rubriques {float:left; margin-top:60px; font-weight:bold;}
#rubriques a {padding:0 9px; text-decoration:none;}

/* curseur d'attente */
body.waiting  * {cursor:wait;}
#waiting {position:absolute;height:16px;width:16px;background:url(skin/buttons/ajax-loader.gif) no-repeat left top;z-index:10001;}

/****
* D. Structure des blocks et elements de blocks (line, unit, .block, .blockSimple, corners, tabs). On ne trouve ici que les declarations structurelles de base
****/

/* line, unit */
.line, .lastUnit{overflow:hidden;_overflow:visible;_zoom:1;}
.unit{float:left;_zoom:1;}
/*
.line {overflow:hidden; _overflow:visible; _zoom:1;}
.unit {float:left; _margin-right:-3px;}
.lastUnit,
.size1on1{float:none !important; width:auto !important; _margin-right:0;}
.size1on2{width:49%;}
*/
.size1on1{float:none !important; width:auto}
.size1on2{width:50%;}
.size1on3{width:33%;}
.size2on3 {width:66%;}
.infoProduits p, .infoProduits a{color:#666666;}

/* grid & layout */
.gridLayout{height:38em;position:relative;}
.gridItem{position:absolute;}
/* gestion des tailles */
/* calcul du height = taille bu block - taille des fleche (1*2) / 2 */
/* calcul du margin-top = height 38 - maring-top de la fleche 1 - hauteur du blockContent 16.5 - taille du footer 1.5 */

.itemSize1x1{width:19em;height:19em;}.itemSize1x1 .blockContent{height:5em;padding-top:11.5em;}
.itemSize2x1{width:38em;height:19em;}.itemSize2x1 .blockContent{height:5em;padding-top:11.5em;}
.itemSize3x1{width:57em;height:19em;}.itemSize3x1 .blockContent{height:5em;padding-top:11.5em;}
.itemSize4x1{width:76em;height:19em;}.itemSize4x1 .blockContent{height:5em;padding-top:11.5em;}
.itemSize5x1{width:95em;height:19em;}.itemSize5x1 .blockContent{height:5em;padding-top:11.5em;}
.itemSize1x2{width:19em;height:38em;}.itemSize1x2 .blockContent{height:16.5em;padding-top:19em;}
.itemSize2x2{width:38em;height:38em;}.itemSize2x2 .blockContent{height:16.5em;padding-top:19em;}
.itemSize3x2{width:57em;height:38em;}.itemSize3x2 .blockContent{height:16.5em;padding-top:19em;}
.itemSize4x2{width:76em;height:38em;}.itemSize4x2 .blockContent{height:16.5em;padding-top:19em;}
.itemSize5x2{width:95em;height:38em;}.itemSize5x2 .blockContent{height:16.5em;padding-top:19em;}
/* gestion des positionements */
.itemPosition1x1{top:0;left:0;}
.itemPosition2x1{top:0;left:19em;}
.itemPosition3x1{top:0;left:38em;}
.itemPosition4x1{top:0;left:57em;}
.itemPosition5x1{top:0;left:76em;}
.itemPosition1x2{top:19em;left:0;}
.itemPosition2x2{top:19em;left:19em;}
.itemPosition3x2{top:19em;left:38em;}
.itemPosition4x2{top:19em;left:57em;}
.itemPosition5x2{top:19em;left:76em;}

/* ** block** */
/*.block, .body, .head, .foot {overflow:hidden; _overflow:visible; zoom:1; }*/
/* block dr MAD */
.gridLayout .block{overflow:hidden; zoom:1; position:relative;width:100%;height:100%;}
.gridLayout .block.blockPopIn{overflow:hidden; zoom:1; margin: 100px auto 0 auto;}
#site .gridLayout .blockInside{position:relative;z-index:2;}
#site .gridItem embed,#site .gridItem object,#site .gridItem .flashBlockBackground{position:absolute;z-index:0;width:100%;height:100%;left:0;top:0;/*text-indent:-5000px;*/}
#site .gridItem .flashBlockBackground img{width:100%;height:100%;}
.gridItem .imageBlockBackground{ background:transparent url(skin/misc/Bg_BlocJeuFormulaire.png) no-repeat left top; position:absolute;z-index:0;width:100%;height:100%;left:0;top:0;}
.blockInside {margin:auto;}
.gridItem .blockContent {margin-left:1em;margin-right:1em;}/* height du block inside/ + 1em de margin-top */
.gridItem .blockContentFlat {height:100%;margin-left:1em;margin-right:1em;padding:0;}/* suppression du padding */
.gridItem .blockFoot {height:4.3em;margin:-2.7em 1em 1em 1em;}
/*.itemSize1x2.itemPosition1x1 .blockFoot {margin:-2.7em 1.2em 1em 1.6em; _margin:-2.7em 1em 1em 1em;}*/ /* correctif */
.fullFootLink{height:100%;width:100%;position:absolute !important;top:0;z-index:99 !important; background:transparent url(skin/misc/px.gif) repeat left top;text-indent:-5000px;}

/* on deplace l'element hors de l'ecran mais pas de diplay block/none car cela fait du calcul de taille supplementaire */
.popInShow{position:absolute;top:16em;left:50%;margin-left:-22.3em;z-index:998;}
.popInShowLayer { position:absolute;top:16em;left:50%;margin-left:-32em;z-index:998;}
.popInHide{position:absolute;top:-5000px;visibility:hidden;}
.blockPopIn{width:44.6em; height:28.1em;}
.blockPopIn2{width:67.5em; height:28.1em;} /* bad name */

.blockPopInSize02{margin-left:-10.25em;}
.blockPopInSize03{margin-left:-25em;top:3em;}
.blockPopInSize04{margin-left:-32.5em;}
.blockPopInSize05{margin-left:-25em;}
.blockPopInSize02 .blockPopIn{width:21em;height:auto;}
.blockPopInSize03 .blockPopIn{width:50em;height:auto;}
.blockPopInSize04 .blockPopIn{width:65em;height:auto;}
.blockPopInSize05 .blockPopIn{width:55em;height:auto;}
.blockPopIn embed,.blockPopIn object,.blockPopIn .flashBlockBackground{position:absolute; z-index:998; /*width:100%; height:100%; zoom:1; overflow:hidden;*/}
.fermerBlockLink a { font-size:1.6em; color:#322B2B;}
.blockPopIn .blockInside{padding:20px;position:relative;z-index:999;}
.blockPopIn .closePopIn{float:right;height:2em;width:2em;cursor:pointer;position:relative;top:-15px;right:-17px;}
.blockPopIn2 .closePopIn{position:absolute;top:.3em;right:.5em;height:2em;width:2em;cursor:pointer;}
.blockPopIn .closePopIn img{}
.blockPopIn #astuceCheckbox{position:relative;}
/*
popIn identify
JS set the className to stepXX to the id
and CSS match to show the correct step
*/
.popInLogin .blockContent{position:relative; _zoom:1;}
.popInLogin .step{display:block;position:absolute;visibility:hidden;}
.step01 .popInLogin .step01{display:block;position:relative;visibility:visible;}
.step02 .popInLogin .step02{display:block;position:relative;visibility:visible;}
.step03 .popInLogin .step03{display:block;position:relative;visibility:visible;}
.step04 .popInLogin .step04{display:block;position:relative;visibility:visible;}
.step05 .popInLogin .step05{display:block;position:relative;visibility:visible;}
.step06 .popInLogin .step06{display:block;position:relative;visibility:visible;}
.step07 .popInLogin .step07{display:block;position:relative;visibility:visible;}
.step08 .popInLogin .step08{display:block;position:relative;visibility:visible;}
.step09 .popInLogin .step09{display:block;position:relative;visibility:visible;}
.step10 .popInLogin .step10{display:block;position:relative;visibility:visible;}
.step11 .popInLogin .step11{display:block;position:relative;visibility:visible;}
.step12 .popInLogin .step12{display:block;position:relative;visibility:visible;}

/*  */
.decorHF{position:absolute;top:-14px;left:-86px;}

.backgroundPopin{width:100%;height:99.999%;position:absolute;z-index:997;top:0;left:0;display:none;background-color:#000;opacity:.80; -moz-opacity: 0.8;filter: alpha(opacity=80);}
#bkgPopinLogin.backgroundPopin{opacity:.80; -moz-opacity: 0.8;filter: alpha(opacity=80);}
/* height 99.999 pour FF qui bug et fait disparaitre le layer si le div prend ent�rement la hauteur (que ce soit en '%'' ou en 'px' ou en 'em') */
/*.backgroundPopin img{width:100%;height:100%;display:block;}*/

/* fullHeight */
.fullHeight{height:100%;}

/* fiche produit */

#sheetProduct{width:74.1em;margin-bottom:10px;}
#sheetProduct .blockContent{overflow:hidden;border-left:solid 1px #F2F2F2;border-right:solid 1px #F2F2F2;background:#FFF;}
.downloadSheet{width:29.7em;height:9.3em;overflow:hidden;background:no-repeat;}
.placeTitle{margin:16px 0 0 30px;}/*px !em*/
.placeText{margin:0 0 0 30px;}
#sheetProduct .blockFootGradient{height:6.8em;background:transparent url(skin/informations-produits/bgFoot.png) no-repeat;}
#sheetProduct .blockFootGradientBig{height:14.6em;background:transparent url(skin/informations-produits/bgFoot.png) no-repeat;}

/* on considere que la structure est et sera <div><ul><li><a></a></li></ul></div> */
#cocaNav{}
#cocaNav ul{margin-top:6px;width:17.1em;}
#cocaNav .alone{margin-top:16px;margin-bottom:18px;}
#cocaNav a{display:block;overflow:hidden;height:31px;background:url(/css/skin/informations-produits/menuTitle.png) no-repeat;text-indent:-3000px;}
#cocaNav a:hover,#cocaNav .active a{height:49px;}

#infoCoca a{background-position:-188px 0;}
#infoCoca a:hover,#infoCoca.active a{background-position:-1px 0;}

#infoCocaSansCaf a{background-position:-188px -120px;}
#infoCocaSansCaf a:hover,#infoCocaSansCaf.active a{background-position:-1px -121px;}

#infoCocaCherry a{background-position:-188px -60px;}
#infoCocaCherry a:hover,#infoCocaCherry.active a{height:48px;background-position:-1px -61px;}

#infoCocaVanille a{height:38px;background-position:-188px -180px;}
#infoCocaVanille a:hover,#infoCocaVanille.active a{background-position:-1px -181px;}

#infoCocaZero { margin:17px 0 0 0; }
#infoCocaZero a{height:32px;background-position:-188px -240px;}
#infoCocaZero a:hover,#infoCocaZero.active a{background-position:-1px -240px;}

#infoCocaZeroSansCafeine { margin:0 0 17px 0; }
#infoCocaZeroSansCafeine a{height:36px;background-position:-188px -721px;}
#infoCocaZeroSansCafeine a:hover,#infoCocaZeroSansCafeine.active a{background-position:-1px -721px;}

#infoCocaLight a{background-position:-188px -300px;}
#infoCocaLight a:hover,#infoCocaLight.active a{background-position:-1px -300px;}

#infoCocaLightSansCaf a{height:37px;background-position:-188px -540px;}
#infoCocaLightSansCaf a:hover,#infoCocaLightSansCaf.active a{background-position:-1px -540px;}

#infoCocaLightLemon a{background-position:-188px -420px;}
#infoCocaLightLemon a:hover,#infoCocaLightLemon.active a{background-position:-1px -420px;}

#infoCocaLightSango a{background-position:-188px -480px;}
#infoCocaLightSango a:hover,#infoCocaLightSango.active a{background-position:-1px -480px;}

#infoCocaLightLime a{background-position:-188px -360px;}
#infoCocaLightLime a:hover,#infoCocaLightLime.active a{background-position:-1px -360px;}

#infoCocaLightPlusVitamine a{height:37px;background-position:-188px -600px;}
#infoCocaLightPlusVitamine a:hover,#infoCocaLightPlusVitamine.active a{background-position:-1px -600px;}

#infoCocaLightPlusAntioxydant a{height:45px;background-position:-187px -660px;}
#infoCocaLightPlusAntioxydant a:hover,#infoCocaLightPlusAntioxydant.active a{background-position:-1px -660px;}

/* decline */
.cocaLightPlus .downloadSheet{background-image:url(skin/informations-produits/coca-light-plus/bgDownload.png);}

/* tabs : onglets, declaration de la partie structurelle */
ul.tabs {overflow:hidden; zoom:1}
ul.tabs li, ul.tabs li a  {background:no-repeat left top;}
ul.tabs li {float:left; cursor:pointer; _width:1%; white-space:nowrap;text-align:center;}
ul.tabs li a {display:block; zoom:1;background-position:right top;}
ul.tabs li.last {float:none; overflow:hidden; width:auto; zoom:1;_float:left;}

ul.onglets2 li {width:49%;} ul.onglets3 li {width:33.1%;} 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,ul.onglets3 li,ul.onglets4 li,ul.onglets5 li,ul.onglets6 li,ul.onglets7 li,ul.onglets8 li,ul.onglets9 li {white-space:normal;}

.hasJS .tabCtn {display:none;}
.hasJS .tabCurrent {display:block;}

#footer .copyright {height:26px;}

/* Pages protocole et recompenses */
#footballnav {width:170px; margin-right:20px;}
#footballnav .block {background:url(/css/skin/optf/bkg_nav_gauche.png) 0 100% no-repeat; padding-bottom:10px;}
#footballnav a {text-decoration:none;}
#footballnav a:hover{text-decoration:underline;}
#footballnav ul {margin:20px 10px 10px; *margin-top:18px;}
#footballnav ul a {color:white; font-size:.9em;}
#footballnav .up {background:url(/css/skin/optf/bkg_nav_gauche_up.png) 0 0 no-repeat; height:51px;}
#footballnav .up .item {color:#7f7f7f; padding:14px 0 0 15px; display:block; font-size:.9em; font-weight:bold;}
#footballnav .down {background:url(/css/skin/optf/bkg_nav_gauche_down.png) 0 0 no-repeat; height:53px;}
#footballnav .down .item {color:#7f7f7f; padding:7px 0 0 15px; display:block; font-size:.9em; font-weight:bold;}
#footballnav .current .item {color:black;}
#sheetProduct.optf {width:742px;}
#sheetProduct.optf .blockInside {}
#sheetProduct.optf .blockContent {padding-top:15px; background:url(/css/skin/optf/bkg_content.png) 0 0 repeat-y; border:0;}
#sheetProduct.optf #block01 {margin-left:-14px;}
#sheetProduct.optf .unit {padding:15px 0;}
#sheetProduct.optf h2 {padding:0 25px;}
#sheetProduct.optf .lastUnit h2 {color:#da0000; text-transform:uppercase; font-size:1.1em; margin-bottom:5px;}
#sheetProduct.optf h3 {margin-top:25px; text-transform:uppercase; margin-bottom:5px; padding:0 25px; *font-size:1.2em;}
#sheetProduct.optf a {color:#da0000;}
#sheetProduct.optf p {text-align:justify; padding:0 25px;}
#sheetProduct.optf2 p {margin-top:20px;}
#sheetProduct.optf2 p.little {margin-top:0;}
#sheetProduct.optf2 li {margin-left:25px;}
#sheetProduct.optf2 .lastUnit {width:48%;}
.color {color:#da0000;}
#sheetProduct.optf .optfFoot {background:url(/css/skin/optf/bkg_footer.png) 0 0 no-repeat; width:742px; height:140px; margin-bottom:15px;_filter:expression(F6.Module.pngFix(this));}
.bkg_player {background:url(/css/skin/misc/bkg_player.png) 0 0 no-repeat; width:332px; height:264px; margin-left:10px; padding:8px 0 0 19px;}

/* Page experience */
#footballnav2 {width:170px; margin-right:20px;}
#footballnav2 .block {background:url(/css/skin/optf/bkg_nav_gauche-2.png) 0 100% no-repeat; padding-bottom:10px;}
#footballnav2 .push {background:none; padding:0; margin-top:20px;}
#footballnav2 .push a {display:block; width:168px; height:176px;}
#footballnav2 a {text-decoration:none;}
#footballnav2 a:hover{text-decoration:underline;}
#footballnav2 ul {margin:20px 10px 10px; *margin-top:18px;}
#footballnav2 ul a {color:white; font-size:.9em;}
#footballnav2 .up {background:url(/css/skin/optf/bkg_nav_gauche_up-2.png) 0 0 no-repeat; height:37px;}
#footballnav2 .up .item {color:#7f7f7f; padding:14px 0 0 15px; display:block; font-size:.9em; font-weight:bold;}
#footballnav2 .middle {background:url(/css/skin/optf/bkg_nav_gauche_middle-2.png) 0 0 no-repeat; height:30px;}
#footballnav2 .down {background:url(/css/skin/optf/bkg_nav_gauche_down-2.png) 0 0 no-repeat; height:34px;}
#footballnav2 .middle .item,
#footballnav2 .down .item {color:#7f7f7f; padding:7px 0 0 15px; display:block; font-size:.9em; font-weight:bold;}
#footballnav2 .current .item {color:black; background:url(skin/optf/arrow_current.png) no-repeat scroll 5px bottom}
.observe {color:red !important;}
#sheetProduct2.optf {width:742px;}
#sheetProduct2.optf .blockContent {padding-top:15px; background:url(/css/skin/optf/bkg_content.png) 0 0 repeat-y; border:0; position:relative;}
#sheetProduct2.optf .bkgContent {position:absolute; top:-35px; right:0; width:202px; height:413px; background:url(/css/skin/optf/bkg_content-2.png) 0 0 no-repeat;}
#sheetProduct2.optf .particularWidth {width:541px;}
#sheetProduct2.optf .particularWidth em {color:#2c59b2; font-style:normal; font-weight:bold;}
#sheetProduct2.optf .particularWidth strong {color:#e00011; font-weight:bold;}
#sheetProduct2.optf .particularWidth .withPointer {background:url(/css/skin/optf/fleche.png) 28px 2em no-repeat; padding-left:40px;}
#sheetProduct2.optf .particularWidth .withPointer a {color:#2c59b2; font-weight:bold; text-decoration:underline;}
#sheetProduct2.optf .particularWidth .withPointer a:hover,
#sheetProduct2.optf .particularWidth .withPointer a:focus,
#sheetProduct2.optf .particularWidth .withPointer a:active {text-decoration:none;}
#sheetProduct2.optf #quizz01 fieldset div {padding:8px 25px 0;}
#sheetProduct2.optf #quizz01 input {vertical-align:middle; margin-top:-3px;}
#sheetProduct2.optf #quizz01 label {font-size:1.2em;}
#sheetProduct2.optf #block01 {margin-left:-14px;}
#sheetProduct2.optf .unit {padding:15px 0;}
#sheetProduct2.optf h2 {padding:0 25px;}
#sheetProduct2.optf .lastUnit h2 {color:#da0000; text-transform:uppercase; font-size:1.1em; margin-bottom:5px;}
#sheetProduct2.optf h3 {margin-top:25px; text-transform:uppercase; margin-bottom:5px; padding:0 25px; *font-size:1.2em;}
#sheetProduct2.optf a {color:#da0000;}
#sheetProduct2.optf p,
#sheetProduct2.optf ul {text-align:justify; padding:0 25px;}
#sheetProduct2.optf li {background:url(/css/skin/optf/fleche.png) 0 .4em no-repeat; padding-left:10px; line-height:1.5em;}
#sheetProduct2.optf li a {color:#2b479b; text-decoration:underline;}
#sheetProduct2.optf li a:hover,
#sheetProduct2.optf li a:focus,
#sheetProduct2.optf li a:active {text-decoration:none;}
#sheetProduct2.optf2 p {margin-top:20px;}
#sheetProduct2.optf2 p.little {margin-top:0;}
#sheetProduct2.optf2 li {margin-left:25px;}
#sheetProduct2.optf2 .lastUnit {width:48%;}
.color {color:#da0000;}
#sheetProduct2.optf .optfFoot {background:url(/css/skin/optf/bkg_footer.png) 0 0 no-repeat; width:742px; height:140px; margin-bottom:15px;_filter:expression(F6.Module.pngFix(this));}
#sheetProduct2.optf .optfFoot_light {background:url(/css/skin/optf/bkg_footer_light.png) 0 0 no-repeat; width:742px; height:141px; margin-bottom:15px;_filter:expression(F6.Module.pngFix(this));}
.bkg_player {background:url(/css/skin/misc/bkg_player.png) 0 0 no-repeat; width:332px; height:264px; margin-left:10px; padding:8px 0 0 19px;}
#sheetProduct2.optf .blockHead {position:relative;}
#sheetProduct2.optf a.pushFlash01 {position:absolute; top:0; left:0; width:100px; height:120px; background:green; z-index:10000;}
#sheetProduct2.optf a.pushFlash02 {position:absolute; top:0; left:100px; width:100px; height:120px; background:yellow; z-index:10000;}
#sheetProduct2.optf a.pushFlash03 {position:absolute; top:0; left:200px; width:100px; height:120px; background:red; z-index:10000;}
.centerPage {padding-left:208px; padding-right:5px;}
#submitQuizz {outline:none;}

/* Sp�cifique : Page  Calendrier OPTF */
#sheetProduct2.optf .bgDot {background:url(skin/optf/bkg_calendrier.jpg) repeat-y center top;}
#sheetProduct2.optf .meaTitle {color:#acacac;font-size:1.2em;font-weight:bold;margin-bottom:5px;}
#sheetProduct2.optf .meaTitle  strong {color:#2248a3;font-size:1.4em;font-weight:bold;padding-right:5px;}
#sheetProduct2.optf .meaTitle .date {color:#666;padding-left:5px;}

#sheetProduct2.optf .mea .text {background:url(skin/optf/bkg_mea.png) no-repeat left center;padding:5px 0 5px 15px;_filter:expression(F6.Module.pngFix(this));}
#sheetProduct2.optf .mea .text h4 {color:#ee1b28;font-size:1.3em;}
#sheetProduct2.optf .mea .text p {padding:0;color:#666;}
#sheetProduct2.optf .mea .text p .session {color:#2248a3;}

/* tableau liste des gagnant */
.ScrollMe50{overflow:auto;height:50em;}
.optfListGagnant{text-align:left;}
.optfListGagnant caption{text-align:left;}
.optfListGagnant caption span{display:block;padding:5px 0;}
.optfListGagnantStruct{width:80%;margin-left:auto;margin-right:auto;}
.optfListGagnant .colList{width:8%;}
.optfListGagnant .colName{width:46%;}
.optfListGagnant .colTown{width:46%;}
.optfListGagnant td{padding:1px;font-size:1.1em;color:#305ABF;}

/* Slide */
#sheetProduct2.optf #slideContainer {overflow:hidden;_width:100%;}
#sheetProduct2.optf #slideWidth {width:2000px;}
#sheetProduct2.optf .slided {float:left;}
/*#sheetProduct2.optf .slided strong {color:#666;}*/

#festival{width:93em;margin-bottom:15px;}
#festival .blockHead{position:relative;height:780px;background: url(skin/musique-et-sport/festivals/festivalHead_good_big.png) no-repeat left top; _filter:expression(F6.Module.pngFix(this)); z-index:10;}
#festival .blockHead .title{position:absolute;left:-5000px;}
#festivalMap{position:absolute;height:450px;width:480px;}
#festivalMap .actionLink,#festivalMap span{position:absolute;}
#festivalMap .actionLink{overflow:hidden;text-indent:-5000px;}

#festivalMapLinkSoliday,#festivalMapLinkEuro,#festivalMapLinkSquare,#festivalMapSoliday,#festivalMapEuro,#festivalMapSquare{background:url(skin/musique-et-sport/festivals/mapSprite.png) no-repeat;_filter:expression(F6.Module.pngFix(this));}
#rollLink{position:relative;}
#festivalMapSecondBR{background:url(skin/musique-et-sport/festivals/btn_beau.png) no-repeat scroll left top; display:block; height:30px; left:143px; overflow:hidden; position:absolute; text-indent:-9999px; top:84px; width:113px; z-index:10;}
#festivalMapSecondBR:hover{background:url(skin/musique-et-sport/festivals/btn_beau.png) no-repeat left -30px;}


#festivalMapSecondRS{background:url(skin/musique-et-sport/festivals/btn_rockenseine.png) no-repeat scroll left top; display:block; height:30px; left:214px; overflow:hidden;position:absolute; text-indent:-9999px; top:98px; width:124px; z-index:2;}
#festivalMapSecondRS:hover{background:url(skin/musique-et-sport/festivals/btn_rockenseine.png) no-repeat left -30px;}

#festivalMapSecondAR{background:transparent url(skin/musique-et-sport/festivals/btn_artrock.png) no-repeat scroll left top; display:block; height:29px; left:81px; overflow:hidden; position:absolute; text-indent:-9999px; top:121px; width:124px; z-index:2;}
#festivalMapSecondAR:hover{background:url(skin/musique-et-sport/festivals/btn_artrock.png) no-repeat left -29px;}

#festivalMapSecondPB{background:transparent url(skin/musique-et-sport/festivals/btn_printemps.png) no-repeat scroll left top; display:block; height:29px; left:219px; overflow:hidden; position:absolute; text-indent:-9999px; top:175px; width:192px; z-index:2;}
#festivalMapSecondPB:hover{background: url(skin/musique-et-sport/festivals/btn_printemps.png) no-repeat scroll left -29px;}

#festivalMapSecondPoupet{ background:transparent url(skin/musique-et-sport/festivals/btn_poupet.png) no-repeat left top; display:block; height:29px; left:127px; overflow:hidden; position:absolute; text-indent:-9999px; top:186px;width:80px; z-index:10;}
#festivalMapSecondPoupet:hover{background: url(skin/musique-et-sport/festivals/btn_poupet.png) no-repeat left -29px;}

#festivalMapSecondMus{background:url(skin/musique-et-sport/festivals/btn_musilac.png) no-repeat left top; display:block; height:29px; left:317px; overflow:hidden; position:absolute; text-indent:-9999px; top:233px;width:84px;}
#festivalMapSecondMus:hover{background:url(skin/musique-et-sport/festivals/btn_musilac.png) no-repeat left -30px;}

#festivalMapSecondV{background:transparent url(skin/musique-et-sport/festivals/btn_vague.png) no-repeat scroll left top; display:block; height:29px; left:110px; overflow:hidden; position:absolute; text-indent:-9999px; top:201px; width:100px; z-index:12;}
#festivalMapSecondV:hover{background: url(skin/musique-et-sport/festivals/btn_vague.png) no-repeat scroll left -29px;}

#festivalMapSecondPA{display:block; height:30px; left:373px; overflow:hidden; position:absolute; text-indent:-9999px;top:320px; //top:321px; width:20px; z-index:6;}
#festivalMapSecondPA:hover{background: url(skin/musique-et-sport/festivals/portoLatino_on.png) no-repeat scroll left; top:320px;width:107px;}

#festivalMapSecondSF{display:block; height:30px;left:395px; overflow:hidden; position:absolute; text-indent:-9999px;top:319px; //top:320px; width:20px; z-index:6;}
#festivalMapSecondSF:hover{background:url(skin/musique-et-sport/festivals/guitare_patrimonio.png) no-repeat scroll left; top:319px;width:245px;}

#festivalMapSecondF{display:block; height:29px; left:116px; overflow:hidden; position:absolute; text-indent:-9999px; top:217px; width:132px; z-index:12;}
#festivalMapSecondF:hover{background:url(skin/musique-et-sport/festivals/btn_francofolie.png) no-repeat left -30px; width:132px;}

#festivalMapLinkSoliday{height:38px;width:108px;left:225px;top:110px;z-index:20;background-position:2000px 2000px;}
#festivalMapLinkSoliday:hover{background-position:-399px -5px;}
#festivalMapLinkEuro{height:38px;width:145px;left:327px;top:154px;z-index:20;background-position:2000px 2000px;}
#festivalMapLinkEuro:hover{background-position:-398px -269px;}
#festivalMapLinkSquare{height:38px;width:164px;left:225px;top:50px;z-index:20;background-position:2000px 2000px;}
#festivalMapLinkSquare:hover{background-position:-398px -479px;}
#festivalMap .hidemeplz{left:-5000px;}
#festivalMapSoliday{background-position:-1px -1px; height:186px; left:19px; top:244px; width:290px;}
#festivalMapEuro{background-position:-8px -196px; height:238px; left:23px; top:213px; width:312px; z-index:30;}
#festivalMapSquare{background-position:7px -444px; height:244px; left:8px; top:220px; width:308px; z-index:20;}


.selected {background:url(skin/musique-et-sport/festivals/selectedFestival.png) no-repeat left top ; padding-left:10px; padding-top:10px; padding-bottom:4px; height:90px; position:relative; _filter:expression(F6.Module.pngFix(this));}
.linkTop {background:transparent url(skin/musique-et-sport/festivals/arrowTop.png) no-repeat scroll right 2px; font-size:0.9em; bottom:3px; color:#FFFFFF !important; display:block; overflow:hidden; padding-right:12px; position:absolute; right:10px; text-transform:uppercase;}

/* Page Interne festival */
#blocFestival{height:700px;background:url(skin/musique-et-sport/festivals/festivalMain.png) no-repeat left top; position:relative;_filter:expression(F6.Module.pngFix(this));}
#back {display:block; height:60px; left:14px; overflow:hidden; position:absolute; top:24px; width:69px; z-index:10; text-indent:-999px;}
.eurock #blockContentMedia {bottom:119px; //bottom:133px; height:253px; overflow:hidden; position:absolute; right:240px; width:304px;}
.solidays #blockContentMedia {bottom:120px; height:252px; overflow:hidden; position:absolute; right:230px; width:304px;}
#blockContentMedia{bottom:190px;_bottom:189px;height:253px;overflow:hidden;position:absolute;right:240px;width:304px;}
#blockContentMedia img{display:block;}
#diaporamaItem {overflow:hidden; _overflow:visible; zoom:1;}
#diaporamaItem {margin-top:15px; }
#blockContentPart ul .selected .linkTop {display:block;}
#blockContentPart ul li .linkTop {display:none;}
#diaporamaItem ul li a img {display:block; border:1px solid #FFF; }
#diaporamaItem ul li {position:relative; }
#diaporamaItem ul li a {display:block; float:left; background:url(skin/musique-et-sport/festivals/bkg_item.png) no-repeat left bottom; padding-bottom:4px; padding-right:7px; }

#pagination {margin-top:10px;}
#pagination ul {width:70px; margin:0 auto; }
#pagination ul li {float:left;}
#pagination ul .current {font-weight:bold; color:red;}	
#pagination ul li a {background-image:none; padding-right:4px; text-align:center;}

.htmlPart {top:300px; left:40px; position:absolute; width:316px;} 
.htmlPart h3 {color:#E20020; font-size:1.5em; font-weight:bold;  }
.htmlPart strong {color:#434343; font-size:1.2em; }
.htmlPart p {font-size:1.1em; color:#434343;}
.htmlPart a {color:#434343; font-size:0.9em;}


#eurokCloud {background:url(skin/musique-et-sport/festivals/main_eurock.png) no-repeat left top; height:230px; left:50px; position:absolute; text-indent:-9999px; top:18px; width:276px;}
#solidaysCloud {background:transparent url(skin/musique-et-sport/festivals/main_solidays.png) no-repeat scroll left top; height:201px; left:45px; position:absolute; text-indent:-9999px; top:45px; width:276px;}
#mainsquareCloud{background:transparent url(skin/musique-et-sport/festivals/main_mainSquare.png) no-repeat scroll left top; height:216px; left:48px; position:absolute; text-indent:-9999px; top:28px; width:276px;}


#festival .blockInsideFestival{background:url(skin/musique-et-sport/festivals/festivalFoot_good.png) no-repeat left bottom;_filter:expression(F6.Module.pngFix(this));}
#festival .blockContent{height:701px;position:relative; background:#fff url(skin/musique-et-sport/festivals/festivalFoot_good.png) no-repeat left bottom;_filter:expression(F6.Module.pngFix(this));}
#festival .blockContent #happinessLink {position:absolute; display:block; bottom:91px; right:44px; width:172px; height:227px; text-indent:-9999px; overflow:hidden; background-image:url(skin/misc/px.gif)}
#festival .blockContent #blockContentPart {position:absolute;top:0;left:41px; width:628px;}
#festival .blockFoot{_filter:expression(F6.Module.pngFix(this));_font-size:.01em;}
#festival .fastivalName{color:#E20020;}

#festival #blockHeadPart{position:absolute;top:493px; left:41px; width:628px;}
.greyDottedSep {background:url(skin/musique-et-sport/festivals/sepGreyDotted.png) repeat-x left top; display:block; height:1px; width:600px; margin:16px 0 16px 0; overflow:hidden;}
.meaFestiaval {overflow:hidden; _overflow:visible; z-index:10; height:185px; }
.meaFestiaval li {float:left; padding-right:10px;}
.meaFestiaval li a{display:block;}

.lines strong {line-height:0.9em;}
.listConcert li {float:left; padding:10px; margin-right:10px; }
.listConcert .mea{width:260px; height:90px;}
.listConcert .mea .text h3 {font-size:1.2em; color:#434343; font-weight:bold;  letter-spacing:-0.06em;}
.listConcert .mea .text .name, .listConcert .mea .text strong {color:#E20020; font-size:1.2em;  letter-spacing:-0.05em;}
.listConcert .mea .text a{color:#000000; font-size:0.9em;  text-decoration:underline;}

/* Plan du site */
.plan {width:93em;margin-bottom:15px;}
.plan .unit {padding:0 0 15px 0;}
.plan .blockHead {height:46px;background:url(skin/plan-du-site/bkg_top_content_pds.png) no-repeat;_filter:expression(F6.Module.pngFix(this));}
.plan .title {padding-top:20px;}
.plan .title img{margin-left:75px;}
.plan .subTitle {text-align:center; font-size:1.4em; line-height:2em; background:url(skin/misc/style0.png) 50% 0 no-repeat;}
.plan .blockInside a {color:black;}
.plan .blockContent {background:transparent url(skin/plan-du-site/bkg_middle_content_pds.png) 0 0 repeat-y!important;}
.plan .blockFoot {height:87px;background:url(skin/plan-du-site/bkg_bottom_content_pds.png) 0 0 no-repeat;_filter:expression(F6.Module.pngFix(this));}
.plan .blockContent h3 {font-size:1.2em; margin:20px 0 0 31px;}
.plan .blockContent h3 a {display:block; width:215px; height:30px; line-height:30px; padding-left:40px;}
.plan .blockContent a {font-size:.9em;}
.plan .blockContent ul {margin-left:21px;}
.plan .blockContent li {margin-left:50px;}
.plan .blockExternalLink {/*height:0;*/position:absolute;z-index:2;}/* extra crade, hot fix*/ /*Middle Fix le height a 0 ct pkoi ? */
.plan .blockExternalLink h2 {padding:10px 0 10px 68px;}
.plan .blockExternalLink ul {margin-left:68px;}
.plan .blockExternalLink li {width:215px; float:left;}
.plan .blockExternalLink a {text-decoration:none; font-size:.9em; color:#493F3F;}
.style1 a {color:#dc1f1b !important; background:url(skin/misc/style1.png) 0 0 no-repeat;}
.style2 a {color:#5d595a !important; background:url(skin/misc/style2.png) 0 0 no-repeat; padding-left:40px !important; width:217px !important;}
.style2 {margin-left:33px !important;}
.style3 a {color:#aeaeae !important; background:url(skin/misc/style3.png) 0 0 no-repeat; padding-left:40px !important; width:217px !important;}
.style3 {margin-left:33px !important;}
.style4 a {color:#601d86 !important; background:url(skin/misc/style4.png) 0 0 no-repeat; padding-left:40px !important; width:250px !important;}
.style5 a {color:#f0a605 !important; background:url(skin/misc/style5.png) 0 0 no-repeat; padding-left:40px !important; width:224px !important;}
.style6 a {color:#47b724 !important; background:url(skin/misc/style6.png) 0 0 no-repeat; padding-left:40px !important; width:224px !important;}
.style7 a {color:#9439d6 !important; background:url(skin/misc/style7.png) 0 0 no-repeat; padding-left:40px !important; width:224px !important;}

#kohop{width:93.2em;margin-bottom:15px;}
#kohop .block{}
#kohop .blockContent{background:transparent url(skin/kohop/bgBody.png) repeat-y!important;_background-image:url(skin/kohop/bgBodyIe.png)!important;}
#kohop .fakeHeight{margin-top:-15px:position:relative;}
#kohop .clickLogo{position:absolute;width:205px;height:145px;top:25px;left:35px;}
#kohop .blockHead{background:url(skin/kohop/headKohop.2.png) no-repeat 1px 0;height:385px;position:relative;_filter:expression(F6.Module.pngFix(this));}
.kohopHeader{position:absolute;left:537px;top:22px;}
.kohopHeader .title{width:260px;height:20px;overflow:hidden;}
.kohopHeader .title a{}
.kohopHeader .title span{display:block;text-indent:-2000px;}
.kohopHeader .counter{margin-top:4px;color:#E20020;}
.kohopHeader .counter span{color:#000}
#kohop .intro{position:absolute;left:66px;top:302px;width:390px;}
#kohop .decor1{position:absolute;left:2px;top:393px;width:42px;height:156px;background:url(skin/kohop/decor1.png) no-repeat;}
#kohop .decor2{position:absolute;right:0;bottom:-1px;width:69px;height:135px;background:url(skin/kohop/decor2.png) no-repeat;_filter:expression(F6.Module.pngFix(this));}

#kohop .frame{width:392px;height:262px;position:relative;background:url(skin/kohop/frame.png) no-repeat left top;}
#kohop .frameDecor1{position:absolute;right:-1px;top:-19px;width:43px;height:33px;background:url(skin/kohop/frameDecor1.png) no-repeat;}
#kohop .frameDecor2{position:absolute;right:-14px;top:-17px;width:27px;height:66px;background:url(skin/kohop/frameDecor2.png) no-repeat;}
#kohop .frame .title{position:absolute;left:15px;top:-8px;}

.HmarginLargeKohop{margin:0 63px}
.kohopProject{position:absolute;left:541px;top:150px;width:258px;padding:12px 0;}
.kohopProject .prev,.kohopProject .next{position:absolute;width:10px;left:50%;margin-left:-7px;text-align:center;overflow:hidden;text-indent:-200px;cursor:pointer;}
.kohopProject .prev{top:0;}
.kohopProject .next{bottom:0;}
.scroller{overflow:auto;}
.kohopProjectScroller{height:176px;overflow:hidden;width:100%;}

.kohopProjectItem{border-bottom:solid 1px;overflow:hidden;_zoom:1;}
.kohopProjectLink{float:left;display:block;padding-bottom:3px;_zoom:1;}
.kohopProjectImg{width:40px;height:40px;}
.kohopProjectContent{overflow:hidden;padding:4px 7px;_zoom:1;}
.kohopProjectContentName{color:#E20020;white-space:nowrap;display:block;overflow:hidden;_width:100%;}
.kohopProjectContentName a{color:#E20020;}
.kohopProjectContentUserName{}
.kohopProjectContentZipcode{}


/* Club Coke */
#clubcoke {width:93.1em;margin-bottom:15px;}
#clubcoke .blockHead {}
#clubcoke .blockContent {background:url(skin/clubcoke/bkg_top_content.png) 0 0 no-repeat;_filter:expression(F6.Module.pngFix(this));_zoom:1;}
#clubcoke .blockFoot {height:9px;background:transparent url(skin/clubcoke/bkg_bottom_content.png) 0 100% no-repeat;font-size:.01em;}
#clubcoke .clubcoketitle {display:none;}
#clubcoke .lastUnit {width:49%; padding-top:200px;}
#clubcoke .footcoke .lastUnit {width:auto; padding-top:0;}
#clubcoke h2 {margin-top:25px; padding:0 30px;}
#clubcoke p {margin-top:10px; padding:0 30px;}
#clubcoke .bkg_player {background:url(/css/skin/clubcoke/bkg_player.png) 0 0 no-repeat; width:396px; height:319px; margin-top:15px; margin-left:10px; padding:25px 0 0 22px;}
#clubcoke .color {margin-top:2px; margin-left:-30px;}
#clubcoke .color a {color:#da0000; font-size:.9em; font-weight:bold; text-decoration:none;}
#clubcoke .blockContent .block {clear:both; padding-top:15px;}
#clubcoke .blockContent .block .firstcoke {width:150px; margin-left:30px !important;}
#clubcoke .blockContent .block .secondcoke {width:350px;}
#clubcoke .blockContent .block .thirdcoke {width:150px;}
#clubcoke .blockContent .block .fourcoke {width:170px;}
#clubcoke .blockContent .block .unit {margin-left:15px; font-size:.9em;}
#clubcoke .blockContent .block .mea p,
#clubcoke .blockContent .block .mea h2 {padding:0; font-size:1.3em;}
#clubcoke .blockContent .block .mea h2 {margin-top:5px;}
#clubcoke .blockContent .block .mea p {margin-top:0;}
#clubcoke .blockContent .size1on2 {margin-top:400px;}

/* Wolrd Cup 2010 */
#worldCup2010 {width:92.9em;margin-bottom:15px;}
#worldCup2010 .blockHead {}
#worldCup2010 .blockContent {background:url(skin/coupe-du-monde/bkg_top_content.png) 0 0 no-repeat;_filter:expression(F6.Module.pngFix(this));_zoom:1;}
#worldCup2010 .blockFoot {height:9px;background:transparent url(skin/coupe-du-monde/bkg_bottom_content.png) 0 100% no-repeat;font-size:.01em;}
.sidePicture {background:transparent url(skin/coupe-du-monde/worldcupSidePicture.png) 0 bottom no-repeat;padding:60px 0 0 150px;}
.worldCupWidgets{width:203px;}
.worldCupWidgets ul{padding:80px 0 0 15px;}
.worldCupWidgets .mea .text strong{width:80%;}
.widgetBackground{background:transparent url(skin/coupe-du-monde/widgetBackground.jpg) 7px bottom no-repeat;}
/* Si on veut activer l'affichage des Widgets, supprimer la classe "nextBackground" dans la page default.aspx */ 
.nextBackground{background:transparent url(skin/coupe-du-monde/nextBackground.jpg) 7px bottom no-repeat !important;} 
.nextBackground ul{visibility:hidden !important;}
#worldCup2010 .worldCupGameTop {width:661px;height:215px;background:transparent url(skin/coupe-du-monde/encart-principal-haut.png) 0 0 no-repeat;}
#worldCup2010 .worldCupGameTop p{padding:120px 40px 0 40px;}
#worldCup2010 .worldCupGameMiddle {width:661px;height:272px;background:transparent url(skin/coupe-du-monde/encart-principal-centre.png) 0 0 no-repeat;}
#worldCup2010 .worldCupGameBottom {width:661px;height:127px;background:transparent url(skin/coupe-du-monde/encart-principal-bas.png) 0 0 no-repeat;}
#worldCup2010 .worldCupGameButton {display:block;width:661px;height:66px;background:transparent url(skin/coupe-du-monde/encart-principal-bouton.png) 0 0 no-repeat;}
#worldCup2010 .telefootTop {width:675px;height:347px;background:transparent url(skin/coupe-du-monde/encart-bas.jpg) 0 0 no-repeat;}
#worldCup2010 .telefootContent{padding:120px 0 0 40px;width:60%;}
#worldCup2010 .telefootContent h3{/*height:36px;background:transparent url(skin/coupe-du-monde/encart-bas-logo-tf1.png) 0 0 no-repeat;padding:0 0 5px 100px;*/}
#worldCup2010 .telefootButton {display:block;width:675px;height:66px;background:transparent url(skin/coupe-du-monde/encart-bas-bouton.jpg) 0 0 no-repeat;}
#worldCup2010 .clubcoketitle {display:none;}
#worldCup2010 .footcoke .lastUnit {width:auto; padding-top:0;}
#worldCup2010 h2 {margin-top:25px; padding:0 30px;}
#worldCup2010 .howToPlay{padding:50px 150px 0 40px;}
#worldCup2010 .flash_player {width:280px; height:195px; margin-top:80px; padding:265px 0 0 0;}
#worldCup2010 .color {margin-top:2px; margin-left:-30px;}
#worldCup2010 .color a {color:#da0000; font-size:.9em; font-weight:bold; text-decoration:none;}
#worldCup2010 .blockContent .block {clear:both; padding-top:15px;}
#worldCup2010 .blockContent .block .mea p,
#worldCup2010 .blockContent .block .mea h2 {padding:0; font-size:1.3em;}
#worldCup2010 .blockContent .block .mea h2 {margin-top:5px;}
#worldCup2010 .blockContent .block .mea p {margin-top:0;}
#worldCup2010 .BigTmargin {margin-top:300px;}

/* Tournee des Plages */
#tourneeDesPlages {width:93.1em;margin-bottom:15px;}
#tourneeDesPlages .blockHead {}
#tourneeDesPlages .blackBlock {background:#000;}
#tourneeDesPlages .blockContent {width:930px;height:431px;background:transparent url(skin/tournee_des_plages/bgHead.png) 0 0 no-repeat;_filter:expression(F6.Module.pngFix(this));_zoom:1;padding-top:310px;}
#tourneeDesPlages .blockContent .rightcentered{padding:0 0 0 300px;width:70%;}
#tourneeDesPlages .flashContent{}
#tourneeDesPlages .blockFoot {height:329px;background:transparent url(skin/tournee_des_plages/bkg_bottom_content.png) 0 bottom no-repeat;_filter:expression(F6.Module.pngFix(this));font-size:.01em;}
#tourneeDesPlages .clubcoketitle {display:none;}
#tourneeDesPlages .lastUnit {width:49%; padding-top:200px;}
#tourneeDesPlages .footcoke .lastUnit {width:auto; padding-top:0;}
#tourneeDesPlages h2 {font-size:150%;margin-top:25px; padding:0 30px;color:#e20020;text-transform:uppercase;}
#tourneeDesPlages h2.logo {height:45px;background:url(/img/logo_zero/coca-cola-zero.png) 80% bottom no-repeat;_background-position:70% bottom;_filter:expression(F6.Module.pngFix(this));}
#tourneeDesPlages p {margin-top:10px; padding:0 30px;color:#fefefe !important;}
#tourneeDesPlages .bkg_player {background:url(/css/skin/clubcoke/bkg_player.png) 0 0 no-repeat; width:396px; height:319px; margin-top:15px; margin-left:10px; padding:25px 0 0 22px;}
#tourneeDesPlages .color {margin-top:2px; margin-left:-30px;}
#tourneeDesPlages .color a {color:#fefefe; font-size:.9em; font-weight:bold; text-decoration:none;}
#tourneeDesPlages a.underline {color:#fefefe; text-decoration:underline;}
#tourneeDesPlages .blockContent .block {clear:both; padding-top:15px;}
#tourneeDesPlages .blockContent .block .firstcoke {width:150px; margin-left:30px !important;}
#tourneeDesPlages .blockContent .size1on2beach {width:45%;}
#tourneeDesPlages .blockContent .block .secondcoke {width:350px;}
#tourneeDesPlages .blockContent .block .thirdcoke {width:150px;}
#tourneeDesPlages .blockContent .block .fourcoke {width:170px;}
#tourneeDesPlages .blockContent .block .unit {margin-left:15px; font-size:.9em;}
#tourneeDesPlages .blockContent .block .mea p,
#tourneeDesPlages .blockContent .block .mea h2 {padding:0; font-size:1.3em;}
#tourneeDesPlages .blockContent .block .mea h2 {margin-top:5px;}
#tourneeDesPlages li p {margin:0;padding:0;}
#tourneeDesPlages li,#tourneeDesPlages ul {color:#fefefe;list-style-type:square;margin-left:20px;}
#tourneeDesPlages .blockContent .block .mea p {margin-top:0;}

/* open happyness */
#openHappi{position:relative;}
#openHappi .decorFond{position:absolute;left:10px;top:30px;}
#openHappi .blockInside{background:url(skin/open-happiness/fond.png) no-repeat;height:1121px;position:relative;_filter:expression(F6.Module.pngFix(this));}
#openHappi .blockHead{position:relative;height:520px;}
#openHappi .headPlayer{position:absolute;left:133px;top:214px;width:344px;height:240px;}
#openHappi .blockContent{position:relative;}
#openHappi .introduction{position:absolute;left:70px;top:5px;width:238px;height:auto;color:#FFF;}
#openHappi .widget{position:absolute;left:67px;top:251px;width:250px;height:250px;overflow:hidden;}
#openHappi .forWidget{display:block;width:100%;height:100%;background-image:url(skin/misc/px.gif)}
#openHappi .contenu{position:absolute;left:360px;top:40px;width:510px;height:50px;}
#openHappi .texte1{position:absolute;left:15px;top:0px;width:489px;height:50px;}
#openHappi .texte2{position:absolute;left:15px;top:200px;width:485px;height:50px;}
#openHappi .social{position:absolute;left:0px;top:365px;width:520px;height:166px;}
#openHappi .bookmark{position:absolute;left:383px;top:537px;width:127px;height:20px;}
#openHappi .bubuleMyspace,#openHappi .bubuleFaceBook,#openHappi .bubuleMyspaceFaceBook{display:block;height:43px;background:url(skin/open-happiness/bubble-mySpace.png) no-repeat left top;}
#openHappi .bubuleMyspace{width:97px;background-image:url(skin/open-happiness/bubble-mySpace.png);}
#openHappi .bubuleFaceBook{width:67px;background-image:url(skin/open-happiness/bubble-facebook.png);}
#openHappi .bubuleMyspaceFaceBook{width:164px;background-image:url(skin/open-happiness/bubble-MySpaceFacebook.png);}

#openHappiNav .blockNav{width:191px;height:191px;position:relative;background:url(skin/open-happiness/fondMenu.png) no-repeat left top;_filter:expression(F6.Module.pngFix(this));}
#openHappiNav .nav{position:absolute;width:97px;left:56px;top:30px;}
#openHappiNav .navItem{margin:0 0 15px 0;}
#openHappiNav .navItemLink{display:block;height:17px;text-indent:-100%;overflow:hidden;background-repeat:no-repeat;background-position:left -500px;}
#openHappiNav .navItemLink:hover{background-position:-1px 4px;}
#openHappiNav .default .navItemLink{background-image:url(skin/open-happiness/menu/btn_retour_on.png);}
#openHappiNav .default .navItemLink:hover,#openHappiNav .defaultC .navItemLink{background-position:-1px 3px;}
#openHappiNav .artistes .navItemLink{background-image:url(skin/open-happiness/menu/btn_artistes_on.png);}
#openHappiNav .artistes .navItemLink:hover,#openHappiNav .artistesC .navItemLink{background-position:-1px 4px;}
#openHappiNav .mo .navItemLink{background-image:url(skin/open-happiness/menu/btn_making_on.png);}
#openHappiNav .mo .navItemLink:hover,#openHappiNav .moC .navItemLink{background-position:-1px 0;}
#openHappiNav .navItemLinkDouble{height:27px;}
#openHappiNav .push{display:block;margin-top:10px;margin-left:-10px;}

/* makingof */
#openHappi .coulisse .blockInside{background-image:url(skin/open-happiness/fondCoulisse.png);height:1015px;}
#openHappi .coulisse .blockHead{position:relative;height:340px;}
#openHappi .coulisse .headPlayer{position:absolute;left:56px;top:92px;width:268px;height:186px;}
#openHappi .coulisse .introduction{width:360px;height:225px;overflow:auto;}
#openHappi .coulisse .interview{position:absolute;left:70px;top:230px;height:290px;width:600px;}
#openHappi .coulisse .interview .zappeur{position:relative;height:100%;width:100%;}
#openHappi .coulisse .interview .zapping{position:relative;height:100%;width:100%;overflow:hidden;}
.zapper{position:absolute;bottom:0;z-index:5;}
.zapItem{float:left;}
.zapItemLink{display:block;position:relative;overflow:hidden; /*padding:33px 55px 0 0;*/ padding:3px; margin-right:-2px;}
.zapItemLink:hover,.zapItemLinkActiv{border:3px solid #9C8C32;/*padding:33px 55px 0 0;*/font-size:00001em; padding:0; }
.blockZappinged{height:350px;}
.blockZappinged .flash{position:absolute;width:352px;height:245px;}
.blockZappinged .recit{position:absolute;left:370px;width:230px;height:280px;}
#openHappi .coulisse .social{top:570px;width:100%;}

#openHappi .mo .blockInside{background-image:url(skin/open-happiness/fondMo.png);height:1498px;}
#openHappi .mo .blockHead{position:relative;height:340px;}
#openHappi .mo .headPlayer{position:absolute;left:56px;top:92px;width:268px;height:186px;}
#openHappi .mo .introduction{position:absolute;left:56px;top:0;width:375px;}
#openHappi .mo .interview1{position:absolute;left:77px;top:150px;width:247px;z-index:1;}
#openHappi .mo .interview2{position:absolute;left:460px;top:5px;width:201px;}
#openHappi .mo .interview3{position:absolute;left:350px;top:300px;width:228px;z-index:1;}
#openHappi .mo .interview4{position:absolute;left:59px;top:420px;width:237px;}
#openHappi .mo .interview5{position:absolute;left:145px;top:670px;width:395px;}
#openHappi .mo .interview6{position:absolute;left:487px;top:530px;width:207px;}
#openHappi .mo .social{left:195px;top:975px;width:500px;}

#newsletterLiveMessage{height:1em; color:#D3781D;}
#openHappi .mo .skinnedSocial{width:301px;text-indent:5px;border:none;color:#FFF;background:url(skin/open-happiness/socialInput.jpg) left top no-repeat;}
#openHappi .mo .moFacebook{margin-left:150px;}
#zZzZzZ{margin-top:8px;height:90%;}

.colorGold{color:#F3DDB1;}
.colorGoldFonce{color:#D2B381;}
.colorGoldKaki{color:#857B2A;}

/* error page */
.errorPage{text-align:center;margin-top:15px;}
.errorBackground{height:32em;background:url(skin/errorPage/bottle404.png) no-repeat top center;_filter:expression(F6.Module.pngFix(this));}

.errorCtt {text-align:center;padding-top:24em;}
.errorCtt .title {font-size:1.4em;}
.errorCtt a {color:#da0000;font-size:1.4em;}

/* Calculateur d'hydratation */

.hydrat {margin:0 auto; position:relative; width:93em;}
.hydrat tr {margin:0; padding:0;}
.hydrat .blockContent {background:white; min-height:300px; _height:300px; *margin-top:-7px;}
.hydrat .visuel {position:absolute; top:180px; right:35px; width:283px; height:310px; background:url(skin/calcul-hydrat/visuel.png) no-repeat 0 0;}
.hydrat .info {margin-top:120px;}
.hydrat .intro h2,
.hydrat .info h2 {color:#e20031; margin-bottom:15px;}
.hydrat .intro p,
.hydrat .info p {margin-bottom:15px;}
.hydrat .intro strong {font-weight:normal; color:#e20031;}
.hydrat #calculateur {margin-top:40px; width:547px;}
.hydrat #calculateur td {text-align:center; background:url(skin/calcul-hydrat/case1.png) no-repeat 0 0;}
.hydrat #calculateur td.case2 {background:url(skin/calcul-hydrat/case2.png) no-repeat 0 0;}
.hydrat #quantites {vertical-align:top;}
.hydrat .footer_calc {background:url(skin/calcul-hydrat/footer_calc.png) no-repeat 0 0; height:21px; width:547px;}
.hydrat #calculateur .contInput {margin:0 auto; background:white; display:block; width:28px; height:28px; text-align:center; border:1px solid #d3d3d3; position:relative; left:-1px; top:-3px;}
.hydrat #calculateur .contInput input {border:0; background:transparent; padding:8px 9px; width:10px; height:12px; display:block;}
.hydrat .buttonCalc {margin-top:-15px;}
.hydrat .contentBoard {position:relative;}
.hydrat .contentBoard .size2on3 {position:relative; z-index:2;}
.hydrat #results .blockInside h3 {color:#e20031;}
.hydrat #fake {position:absolute; width:347px; height:350px; bottom:59px; _bottom:58px; left:531px; _left:492px; z-index:1; background:#b7c1c7 url(skin/calcul-hydrat/bkg_results.png) no-repeat 0 100%;}
.hydrat #results {position:absolute; width:292px; bottom:59px; _bottom:58px; left:295px; z-index:1; background:#b7c1c7 url(skin/calcul-hydrat/end_layer.png) no-repeat 0 100%; padding-bottom:26px;}
.hydrat #results .blockInside {background:white url(skin/calcul-hydrat/body_layer.png) repeat-y 0 0;}
.hydrat #results .top {display:block; height:17px; background:white url(skin/calcul-hydrat/top_layer.png) no-repeat 0 0;}
.hydrat #results .blockInside h2,
.hydrat #results .blockInside h3,
.hydrat #results .blockInside p {margin:0 15px; padding:5px 0;}
.hydrat #results .bottom {display:block; height:17px; background:white url(skin/calcul-hydrat/bottom_layer.png) no-repeat 0 0;}
#profil1, #profil2, #profil3, #profil4, #reste {display:none;}
.hydrat #results .show {display:block !important;}
.hydrat #results em {font-style:normal; color:#e20031;}
#boissons img {margin-bottom:-1px;}

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

p,li{font-size:1.2em;}
li li,li p{font-size:1em;}

.part {padding-top:1px;margin-left:10px;}
.subPart {margin-left:15px;margin-top:10px;}

code {background:#D9D9D9; border:1px solid #000; padding:1px; white-space:pre;}
pre.code code {padding:3px;overflow:auto; width:98%;display:block;}
code .colored {color:#da0000;}

div.hr {border-top:2px solid #43607C;margin:5px 0;}
div.hr hr {display:none;}

.blockContent{color:#666}
.blockContent a{color:#666;text-decoration:none;}
.blockContent a:hover{text-decoration:underline;}

/* mea : image + texte */
.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;}
.mea .media{float:left; margin-right:10px; _margin-right:7px;}
.meaRight .media {float:right; margin-left:10px; _margin-left:7px;}

/* boutons : <a href="#" class="btn"><span>texte bouton</span></a> ou  <span class="btn"><span><input type="submit" value="texte bouton" /></span></span>*/
.btn,.btn span,.btn input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:26px;white-space:nowrap;background:url(skin/buttons/button_blanc.png) left  top no-repeat;color:#FFF;text-decoration:none !important;cursor:pointer;text-align:center;}
.btn{padding-left:10px;_width:1%;}
.btn span{display:block;background-position:right top;padding-right:10px;}
.btn span  input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;padding:5px 6px 5px 13px;margin-left:-13px;_width:1%;*margin-left:-11px;!padding-right:8px;}
.btnBlock{display:block; width:auto;}

.btnPush{position:relative;}
.btnPush .center{padding-top:10px;color:#fff;text-align:center;height:31px;font-weight:bold;font-size:1.5em;margin:0 12px;position:relative;z-index:3;text-decoration:none;}
.btnPush .center a{display:none;}
.btnPush .decoration{height:12px;}
.btnPush .leftPart{height:31px;width:12px;position:absolute;left:0;}
.btnPush .rightPart{height:31px;width:12px;position:absolute;right:0;}

/* faut-il deporter les style de couleur dans transverse ? */
.btnPush .center{background: url(skin/buttons/btnPushCenterPart_neutre.png) no-repeat center top;}
.btnPush .decoration{background: url(skin/buttons/btnPushDeco24bit_neutre.png) no-repeat center top;_filter:expression(F6.Module.pngFix(this));}
.btnPush .leftPart{background: url(skin/buttons/btnPushLeftPart_neutre.png) no-repeat left top;_filter:expression(F6.Module.pngFix(this));}
.btnPush .rightPart{background: url(skin/buttons/btnPushRightPart_neutre.png) no-repeat left top;_filter:expression(F6.Module.pngFix(this));}


.goBtn{width:2.1em;}

.list {list-style:square outside;}
.list li {margin-left:15px;}


/*********************************
************** LAYERS ************
*********************************/

/* layerContact */
/*#PopInContactOPTF { padding:30px;}*/
#PopInContactOPTF p { color:#666666 !important;}
#PopInContactOPTF a { color:#666666 !important; text-decoration:none;}
#PopInContactOPTF h3 { color:#343434 !important;}
#PopInContactOPTF .size1on2{ border-right:dotted 1px #aaa;}
#PopInContactOPTF .blockInfoLayer, #layerContact h1 { margin-bottom:25px;}
#PopInContactOPTF .blockFoot { margin:10px 0; font-size:0.8em;}

/* layerDownload */
/*#PopInDlOptf { padding:20px;}*/
#PopInDlOptf p { color:#666666 !important;}
#PopInDlOptf a {color:#FC0D25; font-weight:bold;}
#PopInDlOptf h1 { color:#343434 !important; margin-bottom:15px;}
#PopInDlOptf h3 { color:#343434 !important;}
#PopInDlOptf ul li{ float:left; }
#PopInDlOptf img.posterBtn{ margin-top:10px; text-align:center;}
#PopInDlOptf .poster h4 { font-size:0.9em; margin-bottom:4px; font-weight:bold;}
#PopInDlOptf .blockInfoLayer, #layerContact h1 { margin-bottom:25px;}
#PopInDlOptf .blockFoot { margin:15px 0; overflow:hidden; _overflow:visible; zoom:1;}
#PopInDlOptf .blockFoot p{ margin:0;}
#PopInDlOptf .blockFootLeft{ float:left; padding:4px 0 0 7px;;}
#PopInDlOptf .blockFootLeft img{ margin-right:8px;}
#PopInDlOptf .blockFootRight { float:right; text-align:right;}
#PopInDlOptf .blockFootRight p { color:#fc0d25 !important; font-size:0.9em;}
#PopInDlOptf .posters { text-align:center; overflow:hidden; _overflow:visible; zoom:1;}
#PopInDlOptf .poster { width:120px;}
#PopInDlOptf .blockContent  { margin-top:20px; overflow:hidden; _overflow:visible; zoom:1;}

/* layerDownload */
#PopInChoixPoster fieldset{margin:0 auto;}
#PopInChoixPoster .label {width:19em;float:left;text-align:right;}
#PopInChoixPoster .text {margin-left:10px;}
#PopInChoixPoster ul { margin:0 auto; overflow:hidden; _overflow:visible; zoom:1; text-align:center;}
#PopInChoixPoster ul li { display:block; float:left; margin-right:6em;}
#PopInChoixPoster ul li.last {margin-right:0px;}
#PopInChoixPoster input.lg { width:15em;}
#PopInChoixPoster .checkbox .input { margin:20px 60px 0 0;}
#PopInChoixPoster .couleurRed { color:#FC0D25 !important; font-weight:bold;}

/* pop in : titre + sous titres + texte*/
.blockPopIn h1 {font-size:1.5em; color:#322b2b; font-weight:bold; text-transform:uppercase;}
.blockPopIn h2 {font-size:1.5em; font-weight:bold; color:#e0267f; margin:15px 0 0 0;}
.blockPopIn h3 {font-size:1.6em; color:#322b2b;}
.blockPopIn h4 {font-size:1.2em; color:#322b2b;}
.blockPopIn #layerDownload .unit {margin-right:15px;}
.blockPopIn #layerDownload .unit p {margin:13px 0; color:#322b2b; font-weight:bold;}
.blockPopIn #layerDownload .lastUnit p {font-size:1.2em; margin:7px 0; color:#322b2b; font-weight:bold;}
.blockPopIn .mentions {font-size:0.9em; margin:15px 0; color:#322b2b; font-weight:bold;}
.blockPopIn p {margin:15px 0; color:#322b2b;}
.blockPopIn .linkLogin {color:#322b2b;cursor:pointer;}
.blockPopIn .linkOnRed {color:#FFF;cursor:pointer;}
.blockPopIn span.lien {cursor:pointer;display:block;float:right;}/* avoid this plz */

#PopInOPTFError {color:red; font-weight:bold; font-size:1.1em;}

/* form 
par defaut les input texte sont en duisplay blcok et largeur total, selon les maquettes
*/

/*#PopInLogInIdentify{position:absolute;}*/
/*#PopInLogInIdentify,#inscription01,#inscription02,#inscriptionThankYou,#accountModify{position:absolute;}*/
/*.popinLoginHeight{height:200px;}*/
/*
.popinInscriptionHeight{height:270px;}
.inscription2Height{height:370px;}
#accountModify{height:370px;}
*/

.loginForm .fline .text{display:block;width:100%;border-style:solid;border-width:1px;}
.loginForm .inlineInput .text{display:inline;width:auto;}
.loginForm .birthDate .text{width:4em;text-align:center;}

.errorPopin{margin:.5em;border:solid 1px #000;color:#000;padding:0 0.5em; display:none;}
.errorAlertShow{display:block !important;}
.errorAlertShow p{margin:0.5em 0;}

.externalLink{font-style:italic;}

/****
* F. Blocks (definitions des nouveaux (blockFIlled, blockSimple, blockTabs....)
****/

/* blockSimple */
.blockSimple .blockInside {border:2px solid #43607C;}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br{ background-image:url(skin/blocks/blockSimple_corners.png); height:11px; width:11px;}
.blockSimple .tl,.blockSimple .tr {margin-bottom:-11px;}
.blockSimple .bl,.blockSimple .br {margin-top:-11px;}
.blockFilled .blockContent {background:#fff !important;}

/****
* G. Skin
****/

/*
	Skin des block
	la class .univers1 sur le <body>, ainsi, le blockunivers aura toujours le dessus grace au #site
*/

#nojs.cocaCola .block .blockContent,			#nojs.cocaCola .block .blockFoot,
#nojs #site .blockCocaCola .blockContent,	#nojs #site .blockCocaCola .blockFoot{background:#789;}

#nojs.cocaColaLight .block .blockContent,			#nojs.cocaColaLight .block .blockFoot,
#nojs #site .blockCocaColaLight .blockContent,#nojs #site .blockCocaColaLight .blockFoot{background:#A1A0A0;}

#nojs.cocaColaZero .block .blockContent,			#nojs.cocaColaZero .block .blockFoot,
#nojs #site .blockCocaColaZero .blockContent,	#nojs #site .blockCocaColaZero .blockFoot{background:#9AB;}

#nojs.cokeCollection .block .blockContent,			#nojs.cokeCollection .block .blockFoot,
#nojs #site .blockCokeCollection .blockContent,	#site .blockCokeCollection .blockFoot{background:#BCD;}

#nojs.cokeLife .block .blockContent,			#nojs.cokeLife .block .blockFoot,
#nojs #site .blockCokeLife .blockContent,	#nojs #site .blockCokeLife .blockFoot{background:#123;}

#nojs.cokeGoodies .block .blockContent,			#nojs.cokeGoodies .block .blockFoot,
#nojs #site .blockCokeGoodies .blockContent,#nojs #site .blockCokeGoodies .blockFoot{background:#345;}

#nojs.transverse .block .blockContent,			#nojs.transverse .block .blockFoot,
#nojs #site .blockTransverse .blockContent,	#nojs #site .blockTransverse .blockFoot{background:#567;}

/* skin header */

/* skin footer px pas em, pour eviter que le footer remonte */
#footer{clear:both;margin-top:-6px;background:url(skin/structure/foot_neutre.png) center top no-repeat;_filter:expression(F6.Module.pngFix(this));}
#footer p{font-size:1em;}
#footer .copyright{padding:17px 0 7px 0;text-align:center;color:#493F3F;font-weight:bold;}
#footer .copyright a{color:#493F3F;}
#footer .linkFarm{text-align:center;}
#footer .linkFarm a{color:#493F3F;}

/* bug tracking */
#imgx{position:absolute;}

.hideCtrlLayer {_width:34px !important; _height:34px !important; _right:-27px !important; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/btn/popInClose.png", sizingMethod="scale");}
.hideCtrlLayer img {_display:none;}

#formatsZeroSansCafeine p {
	margin:-45px 0 0 0;
}