/*** COMMUN ***/
*{ font-family:Arial, Helvetica, sans-serif; }
BODY{ background:url('Images/Boxs/fd-body.jpg') no-repeat center top #000; margin:0; padding:0; font-size:12px; text-align:center; color:#125E8F; }

form{ padding:0px;margin:0px; }
input, select, textarea,table,p,a,li,td{ font-size:12px; color:#125E8F; }
input, select, textarea{ color:#125E8F; font-weight:bold; }

a{ text-decoration:none; color:#125E8F; }
a:hover{ text-decoration:underline; }
img{ border:0px; }
h1, h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-size:11px; }
ul,ol{ list-style:none outside none; margin:0px; padding:0px; }
li a{ _height:1%; }
hr{ margin:0px; padding:0px; height:0; _margin: -7px 0; border:0px; visibility:hidden; display:block; }
p{ margin:0;padding:0; }
acronym,abbr{ cursor:help; border-bottom:1px dotted #125E8F; }
table { margin:0; padding:0; border:0; border-collapse:collapse; }

.clear{ clear:both;font-size:1px;height:1px; }
.left{ float:left; position:relative; z-index:499; }
.right{ float:right; }

#container { position:relative; width:938px; height:605px; margin:auto; text-align:left; }
#prechargeIMG img{  display:none; }
h1{ display:block; position:absolute; }
h1 span{ display:none; }
/*** FIN COMMUN ***/

/*** HEADER ***/
#logo{ display:block; width:350px; height:230px; position:absolute; top:-17px; left:-67px; z-index:1; }
#logoSmall{ display:block; width:297px; height:195px; position:absolute; top:-17px; left:-67px; }

#IE6HackLinks {
	position:absolute; top:0; left:0; z-index:500;
}
#IE6HackLinks a {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}

.linkToFront a {
	color:#07334E; font-size:18px; text-transform:uppercase; position:absolute; top:158px; left:216px; z-index:500; padding:0 0 0 30px; background:url('Images/Puces/flc-blue-H2.gif') no-repeat 0 2px;
}

#navTop{ position:absolute; left:241px; _left:214px; top:8px; }
#navTop li{ float:left; margin-left:27px;}
#navTop li.nav5{ margin-right:0; }
#navTop li a{ display:block; height:27px; }
#navTop li span{ display:none; }

#navTop li.nav0 a{ width:236px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Nav/gardons-mer-propre.png', sizingMethod='crop'); background:url('Images/Nav/gardons-mer-propre.png') no-repeat top left; _background:none; }
#navTop li.nav1 a{ width:186px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Nav/notre-engagement.png', sizingMethod='crop'); background:url('Images/Nav/notre-engagement.png') no-repeat top left; _background:none; }
#navTop li.nav2 a{ width:77px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Nav/sprite.png', sizingMethod='crop'); background:url('Images/Nav/sprite.png') no-repeat top left; _background:none; }
#navTop li.nav3 a{ width:90px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Nav/goodies.png', sizingMethod='crop'); background:url('Images/Nav/goodies.png') no-repeat top left; _background:none; }

.folders #navTop li.nav0 a{ width:236px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Includes/Css/Images/Nav/gardons-mer-propre.png', sizingMethod='crop'); background:url('Images/Nav/gardons-mer-propre.png') no-repeat top left; _background:none; }
.folders #navTop li.nav1 a{ width:186px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Includes/Css/Images/Nav/notre-engagement.png', sizingMethod='crop'); background:url('Images/Nav/notre-engagement.png') no-repeat top left; _background:none; }
.folders #navTop li.nav2 a{ width:77px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Includes/Css/Images/Nav/sprite.png', sizingMethod='crop'); background:url('Images/Nav/sprite.png') no-repeat top left; _background:none; }
.folders #navTop li.nav3 a{ width:90px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Includes/Css/Images/Nav/goodies.png', sizingMethod='crop'); background:url('Images/Nav/goodies.png') no-repeat top left; _background:none; }

.folders2 #navTop li.nav0 a{ width:236px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Nav/gardons-mer-propre.png', sizingMethod='crop'); background:url('Images/Nav/gardons-mer-propre.png') no-repeat top left; _background:none; }
.folders2 #navTop li.nav1 a{ width:186px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Nav/notre-engagement.png', sizingMethod='crop'); background:url('Images/Nav/notre-engagement.png') no-repeat top left; _background:none; }
.folders2 #navTop li.nav2 a{ width:77px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Nav/sprite.png', sizingMethod='crop'); background:url('Images/Nav/sprite.png') no-repeat top left; _background:none; }
.folders2 #navTop li.nav3 a{ width:90px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Nav/goodies.png', sizingMethod='crop'); background:url('Images/Nav/goodies.png') no-repeat top left; _background:none; }

#navTop li.nav0 a:hover, #navTop li.nav0 a.on, #navTop li.nav0 a.hover{ background:url('Images/Nav/gardons-mer-propre-on.gif') no-repeat top left !important; _filter:none !important; }
#navTop li.nav1 a:hover, #navTop li.nav1 a.on, #navTop li.nav1 a.hover{ background:url('Images/Nav/notre-engagement-on.gif') no-repeat top left !important; _filter:none !important; }
#navTop li.nav2 a:hover, #navTop li.nav2 a.on, #navTop li.nav2 a.hover{ background:url('Images/Nav/sprite-on.gif') no-repeat top left !important; _filter:none !important; }
#navTop li.nav3 a:hover, #navTop li.nav3 a.on, #navTop li.nav3 a.hover{ background:url('Images/Nav/goodies-on.gif') no-repeat top left !important; _filter:none !important; }

.navOn{ position:absolute; top:36px; left:0px; width:88px; height:36px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Nav/citron.png', sizingMethod='crop'); background:url('Images/Nav/citron.png') no-repeat top left !important; background:none; }
.folders2 .navOn{  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Nav/citron.png', sizingMethod='crop'); }
#navOn0{ left:345px; display:none; }
#navOn1{ left:580px; display:none; }
#navOn2{ left:740px; display:none; }
#navOn3{ left:850px; display:none; }

#navTop ol{ display:none; position:absolute; width:165px !important; top:27px; }
#navTop li.nav1 ol { left:262px; _left:289px; }
#navTop li.nav2 ol { left:475px; _left:502px; }
#navTop ol li{ float:none; }
#navTop li.nav1 ol li a, #navTop li.nav2 ol li a, #navTop li.nav4 ol li a{ font-weight:bold; color:#073e65; font-size:13px; height:19px; width:150px !important; padding:4px 0 0 15px; background:url('Images/Nav/olNav.gif') no-repeat top left !important; _filter:none !important;  }
#navTop li.nav1 ol li a:hover, #navTop li.nav2 ol li a:hover, #navTop li.nav4 ol li a:hover{ text-decoration:none; background:url('Images/Nav/olNavOn.gif') no-repeat top left !important; }
#navTop li ol li.first a{ background:url('Images/Nav/olNav-first.gif') no-repeat top left !important; }
#navTop li ol li.first a:hover{ text-decoration:none; background:url('Images/Nav/olNav-firstOn.gif') no-repeat top left !important; }
#navTop li ol li.last a{ background:url('Images/Nav/olNav-last.gif') no-repeat top left !important; }
#navTop li ol li.last a:hover{ text-decoration:none; background:url('Images/Nav/olNav-lastOn.gif') no-repeat top left !important; }


/*** FOOTER ***/
#footer{ position:absolute; left:0; top:585px; width:944px; }
#footer span{ display:none; }
#footer .copy{ position:absolute; top:3px; left:0; width:164px; height:10px; }
#footer .company{ position:absolute; top:4px; left:164px; width:106px; height:9px; background:url('Images/Footer/the-coca-cola-company.gif') no-repeat top left; }
#footer .company:hover{ position:absolute; top:4px; left:164px; width:106px; height:9px; background:url('Images/Footer/the-coca-cola-company-on.gif') no-repeat top left; }
#footer ul{ position:absolute; top:3px; right:0; /*right:50px;*/ }
#footer ul li{ float:left; padding-right:10px; }
#footer ul li a{ display:block; height:11px; }
#footer ul li.foot0 a{ width:60px; background:url('Images/Footer/plan-du-site.gif') no-repeat top left; }
#footer ul li.foot1 a{ width:67px; background:url('Images/Footer/notice-legale.gif') no-repeat top left; }
#footer ul li.foot2 a{ width:164px; background:url('Images/Footer/a-propos.gif') no-repeat top left; }
#footer ul li.foot3 a{ width:41px; background:url('Images/Footer/contact.gif') no-repeat top left; }
#footer ul li.foot0 a:hover{ background:url('Images/Footer/plan-du-site-on.gif') no-repeat top left; }
#footer ul li.foot1 a:hover{ background:url('Images/Footer/notice-legale-on.gif') no-repeat top left; }
#footer ul li.foot2 a:hover{ background:url('Images/Footer/a-propos-on.gif') no-repeat top left; }
#footer ul li.foot3 a:hover{ background:url('Images/Footer/contact-on.gif') no-repeat top left; }
/*#footer #sound{ position:absolute; top:0; right:3px; height:17px; width:35px;}*/
.partenaire {
	padding:20px 0 0 20px; font-size:11px;
}
.partenaire a {
	font-size:11px; text-transform:uppercase;
}

/***  ***/
#mainFlash{ position:absolute; top:36px; left:1px; height:521px; width:938px; }
#mainFlash div{ height:521px; width:938px; }  
#mainFlash div strong.desc{ position:absolute;display:block;left:300px;top:50px; } 
#mainFlash div a.link{ display:block; width:112px; height:33px; position:absolute; bottom:10px; right:10px; }  

/*** Produit ***/
#produit{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/sprite.jpg') no-repeat top left; }
#produit h1{ top:53px; left:370px; width:226px; height:120px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Titles/+qu1boisson1frisson.png', sizingMethod='crop'); background:url('Images/Titles/+qu1boisson1frisson.png') no-repeat top left !important; background:none; }
#produit .mix{ display:block; width:226px; height:107px; position:absolute; top:155px; left:90px; }
#produit .zero{ display:block; width:222px; height:94px; position:absolute; top:112px; left:653px; }
#produit .pub{ display:block; width:231px; height:180px; position:absolute; top:342px; left:0px; }
#produit .corde{ display:block; width:228px; height:50px; position:absolute; top:286px; left:707px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/corde-citron.png', sizingMethod='crop'); background:url('Images/Boxs/corde-citron.png') no-repeat top left !important; background:none; }
#produit .citron{ display:block; width:228px; height:151px; position:absolute; top:336px; left:707px; }

#mix{ position:absolute; top:240px; left:90px; height:285px; width:815px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-mix.png', sizingMethod='crop'); background:url('Images/Boxs/fd-mix.png') no-repeat top left !important; background:none; }
#zero{ display:none; position:absolute; top:180px; left:150px; height:306px; width:756px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-zero.png', sizingMethod='crop'); background:url('Images/Boxs/fd-zero.png') no-repeat top left !important; background:none; }

.layerProduit p{ width:700px; padding:0 8px 0 20px; }
.layerProduit p span{ text-transform:uppercase; font-weight:bold; }
.layerProduit p b{ padding-left:82px; }
.layerProduit p.relative{ margin-top:-10px }
.layerProduit p .verre{ position:relative; top:8px; }
.layerProduit p.apport{ padding-top:7px; font-weight:bold; font-size:11px; color:#8E8D8D; }
.layerProduit .intro{ width:625px; margin:15px 0 10px 20px; padding-bottom:7px; border-bottom:1px dotted #00A2D8; font-size:14px; font-weight:bold; }
.layerProduit .intro p{ padding:0 10px 5px 0; width:auto; text-transform:uppercase; color:#00A2D8; font-size:14px; }
.layerProduit .intro p strong{ color:#3B4C55; }
.layerProduit .boxApport{ float:left; width:80px; height:67px; margin:10px 5px 0 0; background:url('Images/Boxs/fd-apport.gif') no-repeat 0 0; }
.layerProduit .boxApportFirst{ margin-left:20px; }
.layerProduit .boxApport span{ display:block; margin:6px 0 6px 10px; color:#EEF1ED; font-weight:bold; }
.layerProduit .boxApport strong{ display:block; margin-left:13px; color:#0B315C; font-size:18px; font-weight:bold; }
 
#visuProdMix{ position:absolute; top:215px; right:55px; height:301px; width:206px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-visuProdMix.png', sizingMethod='crop'); background:url('Images/Boxs/fd-visuProdMix.png') no-repeat top left !important; background:none; } 
#zero .visuProd{ position:absolute; top:25px; right:30px; height:321px; width:79px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-visuProdZero.png', sizingMethod='crop'); background:url('Images/Boxs/fd-visuProdZero.png') no-repeat top left !important; background:none; } 
#zero .close{ right:5px; }
#zero p, #zero .intro { width:620px; }
#zero .intro { margin-top:18px; }
#zero .intro p{ width:650px; }

#layerProduitTools { position:absolute; top:230px; right:32px; z-index:600; width:700px; }
#layerProduitTools .close{ display:block; width:26px; height:16px; position:absolute; }
#layerProduitTools .fiche{ display:block; width:180px; _width:164px; padding-left:12px; position:absolute; background:url('Images/Puces/flc-blue.gif') no-repeat 0 5px; font-weight:bold; font-size:13px; color:#00A2D8; }
#layerProduitTools .fiche span{ font-size:15px; } 

.mixRefresh #layerProduitTools .close{ top:14px; right:17px; }
.mixRefresh #layerProduitTools .fiche{ top:180px; right:170px; }
.noSugar #layerProduitTools .close{ top:-46px; right:6px; }
.noSugar #layerProduitTools .fiche{ top:145px; right:110px; }

#citron{ position:absolute; top:301px; left:278px; height:213px; width:505px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-citron.png', sizingMethod='crop'); background:url('Images/Boxs/fd-citron.png') no-repeat top left !important; background:none; }
#citron .close{ display:block; width:26px; height:16px; position:absolute; top:4px; right:10px; }
#citron p{ padding:10px 0 0 25px; width:405px; }
#citron p.first{ padding-top:18px; }
#citron p span{ font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase; }
#citron p strong{ font-size:14px; font-weight:bold; color:#125E8F; }
.spriteCitron .close { position:absolute; top:305px; right:164px; z-index:600; }

#pub{ display:none; position:absolute; top:83px; left:200px; height:429px; width:727px; }
#pub .close{ display:block; width:26px; height:16px; position:absolute; top:3px; right:7px; }
#pub .left{ width:210px; margin:40px 8px 0 15px; _margin:40px 15px 0 5px; }
#pub .left a.link{ display:block; position:relative; top:7px; font-weight:bold;margin-bottom:3px; text-transform:uppercase; padding-left:13px; background:url('Images/Puces/flc-blueD-big.gif') no-repeat 0 3px; }
#pub .left a.link.zik{text-transform:none;}
#pub .left span{ color:#71a946; }
#pub .left .onAir{ padding-bottom:10px; border-bottom:1px dotted #125e8f; }
#pub .left .onAir h2 a{ color:#07334E; font-size:18px; text-transform:uppercase; padding:0 0 0 30px; background:url('Images/Puces/flc-blue-H2.gif') no-repeat 0 2px; }

#pub .left .onAir p{ padding-top:5px; }
#pub .left .seeAlso{ padding-top:8px; }
#pub .left .seeAlso h2{padding:0 0 3px 18px; background:none !important; }
#pub .left .seeAlso h3{ font-size:16px; color:#125e8f; padding:0 0 0 25px; text-transform:uppercase; }
#pub .left .seeAlso p{ margin-bottom:10px; padding:0 0 14px 25px; }
#pub .left .seeAlso p span{ display:block; padding-top:4px; font-size:11px !important; color:#7c7c7c !important; }
#pub .left .seeAlso p.sep{ border-bottom:1px dotted #b1e0f5; }
#pub #pubVideo{ float:left; width:487px; margin-top:28px; }
#pubBg { z-index:100; top:83px; left:200px; position:absolute; height:429px; width:727px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-pub.png', sizingMethod='crop'); background:url('Images/Boxs/fd-pub.png') no-repeat top left; _background:none; }

/*** Notre Engagement ***/
#engagement{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/notre-engagement.jpg') no-repeat 0 0; }
#engagement .innerEngagement{ position:absolute; top:120px; left:265px; width:629px; height:382px; padding:20px;background:url('Images/Boxs/fd-engagementSoutenir.png') no-repeat top left; _background:url('Images/Boxs/fd-engagementSoutenir.gif') no-repeat top left; }
.folders #engagement .innerEngagement{ position:absolute; top:120px; left:265px; width:629px; padding:20px;height:382px; background:url('Images/Boxs/fd-engagementSoutenir.png') no-repeat top left !important; background:url('Images/Boxs/fd-engagementSoutenir.gif') no-repeat top left; }


#engagement .innerEngagement .cont p{ color:#444444; padding-bottom:6px; }
#engagement .innerEngagement .cont p.intro{ font-weight:bold; padding-bottom:15px; }
#engagement .innerEngagement .cont p.intro a{ font-weight:bold; color:#444444; text-decoration:underline; }
#engagement .innerEngagement .cont p.intro a:hover{ text-decoration:none; }
#engagement .innerEngagement .cont ul{ padding-bottom:5px; }
#engagement .innerEngagement .cont li{ color:#444444; padding-left:10px; padding-bottom:2px; }
#engagement .innerEngagement .cont li.top{ font-weight:bold; padding-bottom:3px; }
#engagement .innerEngagement .cont ol{ padding:0 0 5px 10px; }
#engagement .innerEngagement .cont .conclusion{ width:310px; font-style:italic; font-size:14px; color:#444444; padding:10px; margin:15px 0; }
#engagement .innerEngagement .cont .conclusion a{ font-style:italic; font-size:14px; color:#444444; text-decoration:underline; }
#engagement .innerEngagement .cont em a{ color:#444444; text-decoration:underline; }
#engagement .innerEngagement .cont .conclusion a:hover, #engagement .innerEngagement .cont em a:hover{ text-decoration:none; }
#engagement .innerEngagement .cont span{ color:#008EC7; }
#engagement .innerEngagement .cont .picto{ margin-right:3px; }
#engagement .innerEngagement .cont .pictoInner{ margin-left:3px; }
#engagement .goClean{ display:block; width:250px; height:78px; position:absolute; left:490px; top:425px; }
#engagement .visu{ position:absolute; }
#engagement ul.subNav{ height:29px; margin:0 0 5px 115px; }
#engagement ul.subNavFirstOn{ background:url('Images/Boxs/fd-subNavFirstOn.gif') no-repeat top left; }
#engagement ul.subNavSecondOn{ background:url('Images/Boxs/fd-subNavSecondOn.gif') no-repeat top left; }
#engagement ul.subNav li{ float:left; padding:5px 10px 0 15px; font-size:14px; color:#FFF !important; font-weight:bold; }
#engagement ul.subNav li a{ font-size:14px; color:#999999 !important; }

#engagement .innerBis .cont p a{ color:#444444; font-weight:bold; text-decoration:underline; }

#eduquer h1{ top:47px; left:275px; width:327px; height:69px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Titles/pourquoi-trier.png', sizingMethod='crop'); background:url('Images/Titles/pourquoi-trier.png') no-repeat top left !important; background:none; }
#eduquer .visu{ width:166px; height:166px; right:-5px; top:75px; position:absolute; z-index:2; }
#eduquer #decalScroll{ position:absolute; top:20px; left:125px; }
#eduquer #contentScroll{ position:absolute; top:0; left:0; }
#eduquer #presScrollMask{  position:relative; overflow:hidden; width:350px; height:345px; clip:rect(0px, 350px, 345px, 0px); }
#eduquer #scrollTools{ position:absolute; right:175px; top:140px; width:15px; height:345px; background:url(Images/Boxs/sc-fd.gif) repeat-y 0 0; }
#eduquer #scrollbarBg{ visibility:hidden; }
#eduquer #cursor{ background:url(Images/Boxs/sc-barreFd.gif) left bottom no-repeat;position:absolute; left:2px; top:15px; height:319px; width:7px; border-left:2px solid #d2f451; border-right:2px solid #d2f451; }
#eduquer #cursorBg { border-top:2px solid #d2f451; }
#eduquer #scDn{ display:block; width:15px; height:15px; position:absolute; bottom:-3px; left:0; }
#eduquer .innerEngagement .cont p a{ font-weight:bold; color:#444444; text-decoration:underline; }
#eduquer .innerEngagement .cont p a:hover{ text-decoration:none; }
#eduquer .compteur .txt{ text-transform:uppercase;color:#000000;font-size:11px;padding:0 15px 0 0; }
#eduquer .compteur .txt strong{ color:#15216b }

#agir h1{ top:67px; left:275px; width:610px; height:45px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Titles/pour-faire-bouger.png', sizingMethod='crop'); background:url('Images/Titles/pour-faire-bouger.png') no-repeat top left; _background:none; }
#agir h3{ font-size:16px; color:#444444; padding:3px 0 12px 0; }
#agir .innerEngagement{ height:382px; background:url('Images/Boxs/fd-engagementSoutenir.png') no-repeat top left !important; background:url('Images/Boxs/fd-engagementSoutenir.gif') no-repeat top left; }
#agir ul.subNavFirstOn{ background:url('Images/Boxs/fd-subNavAgirFirstOn.gif') no-repeat top left; }
#agir ul.subNavSecondOn{ background:url('Images/Boxs/fd-subNavAgirSecondOn.gif') no-repeat top left; }
#agir li{ padding:5px 6px 0 7px !important; }

#soutenir h1{ top:47px; left:275px; width:664px; height:69px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Titles/les-associations.png', sizingMethod='crop'); background:url('Images/Titles/les-associations.png') no-repeat top left; _background:none; }
#soutenir h3{ font-size:16px; color:#444444; padding:3px 0 12px 0; }
#soutenir .innerEngagement{ height:382px; background:url('Images/Boxs/fd-engagementSoutenir.png') no-repeat top left !important; background:url('Images/Boxs/fd-engagementSoutenir.gif') no-repeat top left; }
#soutenir p{ padding-bottom:10px !important; }
#soutenir p a{ color:#444444; text-decoration:underline; }
#soutenir p a:hover{ text-decoration:none; }
#soutenir .intro{ margin-top:10px; }
#soutenir .conclusion{ width:450px !important; }
#soutenir ul.subNavFirstOn{ background:url('Images/Boxs/fd-subNavSoutenirFirstOn.gif') no-repeat top left; }
#soutenir ul.subNavSecondOn{ background:url('Images/Boxs/fd-subNavSoutenirSecondOn.gif') no-repeat top left; }

#agir #decalScroll, #soutenir #decalScroll{ position:absolute; top:60px; left:145px; }
#agir #contentScroll, #soutenir #contentScroll{ position:absolute; top:0; left:0; }
#agir #presScrollMask, #soutenir #presScrollMask{  position:relative; overflow:hidden; width:480px; height:305px; clip:rect(0px, 480px, 305px, 0px); }
#agir #scrollTools, #soutenir #scrollTools{ position:absolute; right:20px; top:170px; width:15px; height:305px; background:url(Images/Boxs/sc-fd.gif) repeat-y 0 0; }
#agir #scrollbarBg, #soutenir #scrollbarBg{ visibility:hidden; }
#agir #cursor, #soutenir #cursor{ background:url(Images/Boxs/sc-barreFd.gif) left bottom no-repeat; position:absolute; left:2px; top:15px; height:278px; width:7px; border-left:2px solid #d2f451; border-right:2px solid #d2f451; }
#agir #cursorBg, #soutenir #cursorBg{ border-top:2px solid #d2f451; }
#agir #scDn, #soutenir #scDn{ display:block; width:15px; height:15px; position:absolute; bottom:-3px; left:0; }

.navEngagement{ position:absolute; top:176px; left:273px; width:98px; }
.navEngagement li{ margin-bottom:5px; }
.navEngagement a{ display:block; width:78px; height:24px; padding:9px 0 0 20px; background:url('Images/Boxs/fd-navEngagement.gif') no-repeat top left; }
.navEngagement a:hover,.navEngagement a.on { text-decoration:none; background:url('Images/Boxs/fd-navEngagement-on.gif') no-repeat top left; }
.navEngagement a span{ font-size:14px; font-weight:bold; color:#444444; }
.navEngagement a.none{ width:auto; height:auto; padding:0; background:none; }
.navEngagement a.none:hover { background:none; }

#pubEngagement{ position:absolute; top:176px; left:15px; width:249px; height:349px; }
#pubEngagement h2{ margin:50px 0 10px 0; }
#pubEngagement h2 span{ display:none; }
#pubEngagement .boxVideo{ float:left; width:73px; padding:0 0 6px 30px; }
#pubEngagement .boxVideo img{ margin-bottom:0px; }
#pubEngagement .boxVideo a.link{ background:url('Images/Puces/flc-black.gif') no-repeat 0 4px; color:#444444; font-size:11px; line-height:13px; text-transform:uppercase; padding-left:7px; }
#pubEngagement a { cursor:pointer; }

#pubEngagementBg{ position:absolute; top:176px; left:15px; width:249px; height:349px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Includes/Css/Images/Boxs/fd-pubEngagement.png', sizingMethod='crop'); background:url('Images/Boxs/fd-pubEngagement.png') no-repeat top left; _background:none; }

.pubRipCurl h2{ width:232px; height:43px; background:url('Images/Titles/pub-rip-curl-planet.gif') no-repeat top right; }
.pubSurfrider h2{ width:210px; height:42px; background:url('Images/Titles/pub-surfrider.gif') no-repeat top right; }
	#videoLayer{ display:none; z-index:1001; position:absolute; top:0; left:0; width:100%; height:100%; }
	#opacity{ z-index:1000; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; }
	#contentLayer{ position:relative; z-index:1002; margin-left:auto; margin-right:auto; width:505px; height:480px; background:#FFF; }
	
#quizz{ position:absolute; top:176px; left:30px; width:233px; height:230px; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-quizz.png', sizingMethod='crop'); background:url('Images/Boxs/fd-quizz.png') no-repeat top left; _background:none;*/ }
#quizz h3{ position:absolute; top:48px; left:20px; width:115px; height:20px; background:url('Images/Titles/le-savais-tu.gif') no-repeat top left; }
#quizzfd{ position:absolute;z-index:49; top:176px; left:30px; width:233px; height:230px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-quizz.png', sizingMethod='crop'); background:url('Images/Boxs/fd-quizz.png') no-repeat top left; _background:none; }

#rep, #quest{ position:absolute; bottom:-3px; left:68px; }
#quizz h3 span{ display:none; }
#rep{ width:146px; height:36px; }
#quest{ width:155px; height:36px; left:-2000px; }
#quizz div{ position:absolute; top:73px; left:20px; }
#quizz div strong{ color:#444444; display:block; padding:0 15px 0 0; }
#quizz div a, #quizz div em{ font-size:10px; color:#444444; font-weight:normal; }
#quizz div a.more{ display:block; width:70px; position:absolute; left:135px; top:-20px; }
#quizz div ul{ margin-top:0px; }
#quizz div li{ font-size:11px; color:#837355; padding:0 5px 0 10px; background:url('Images/Puces/rd-black.gif') no-repeat 0 5px; cursor:pointer !important; }
#quizz div li.on{ color:#a9b615; font-size:12px; }
#quizz div li.erreur{ font-weight:normal; color:#e64326; background:url('Images/Puces/rd-red.gif') no-repeat 0 5px; }
#quizz div li.good{ font-weight:bold; color:#a9b615; background:url('Images/Puces/rd-green.gif') no-repeat 0 5px; }
#quizzMore{ display:none; position:absolute; top:210px; left:255px; width:468px; height:177px; }
#quizzMore div{ padding:26px 20px 0 15px; font-size:11px; color:#FFF;font-weight:bold; }
#quizzMore .close{ display:block; width:26px; height:16px; position:absolute; top:15px; right:15px; }
#quizzMorefd{ display:none;z-index:199; position:absolute; top:210px; left:255px; width:468px; height:220px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-layerQuizzInfos.png', sizingMethod='crop'); background:url('Images/Boxs/fd-layerQuizzInfos.png') no-repeat top left !important; background:none; }

#infosComp{ position:absolute; top:382px; left:30px; width:219px; height:168px;   }
#infosComp strong{ font-size:14px; color:#444444; letter-spacing:1px; display:block; margin:45px 18px 5px 22px; }
#infosComp ul{ margin-left:16px; }
#infosComp li{ font-size:11px; color:#837355; padding:0 0 2px 10px; background:url('Images/Puces/rd-black.gif') no-repeat 0 5px; }
#infosComp a{ display:block; position:absolute; bottom:-3px; right:8px; width:135px; height:36px; }
#infosComp a span{ display:none; }
#infosCompfd{ position:absolute;z-index:44; top:382px; left:30px; width:219px; height:168px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-infosComp.png', sizingMethod='crop'); background:url('Images/Boxs/fd-infosComp.png') no-repeat top left !important; background:none;  }


/*** Tu Cliques ? on nettoies ! ***/
#ripCurl{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/fd-ripCurl.jpg') no-repeat 0 0;  }

#visionneuseRC{ float:left; width:938px; height:122px; }

#flyerRC{ position:absolute; bottom:33px; left:40px; width:300px; height:350px; }

#videoRC{ position:absolute; top:140px; left:302px; }
#innerVideoRC{ position:absolute; top:0px; left:0px; }
#listeVideoRC{ position:absolute; top:465px; left:302px; width:365px; height:25px; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
#listeVideoRC ul{padding:5px 15px; }
#listeVideoRC ul li{ float:left; padding:0 8px; border-right:1px solid #c0bbba; }
#listeVideoRC ul li.last{ border-right:none; }
#listeVideoRC ul li a{ color:#c0bbba; font-weight:normal; text-decoration:underline; }
#listeVideoRC ul li a:hover{ text-decoration:none; }
#listeVideoRC ul li.on a{ color:#FFF; font-weight:bold; text-decoration:none; }

#gallerieRC{ float:right; margin:28px 10px 0 0; _margin:28px 0 10px 0; width:130px; _width:140px; height:350px;  }
#gallerieRC h2{ margin-bottom:5px; height:24px; width:102px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Titles/les-photos.png', sizingMethod='crop'); background:url('Images/Titles/les-photos.png') no-repeat top left !important; background:none; }
#gallerieRC h2 span{ display:none; }
#gallerieRC img{ display:block; float:left; width:55px; margin:10px 10px 0 0; cursor:pointer; }
#zoomGallerieRC{ display:none; position:absolute; top:135px; left:290px; height:378px; width:490px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-gallerie-ripCurl.png', sizingMethod='crop'); background:url('Images/Boxs/fd-gallerie-ripCurl.png') no-repeat top left !important; background:none; }
#zoomGallerieRC img{ position:relative; top:6px; left:12px; }
#cursorGallerieRC{ display:none; position:absolute; top:210px; left:778px; height:13px; width:8px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Boxs/fd-flcGallerie-ripCurl.png', sizingMethod='crop'); background:url('Images/Boxs/fd-flcGallerie-ripCurl.png') no-repeat top left !important; background:none; } 


/*** Ecole de surf ***/
#surfSchool{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/fd-surSchool.jpg') no-repeat 0 0;  }
#surfSchool h1{ display:block; width:658px; height:105px; position:absolute; top:20px; left:250px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../Includes/Css/Images/Titles/youriding.png', sizingMethod='crop'); background:url('Images/Titles/youriding.png') no-repeat 0 0 !important; background:none; }
#surfSchool h1 span{ display:none; }
#surfSchool iframe{ position:absolute; top:135px; left:-31px;  }

/*** Tu Cliques ? on nettoies ! ***/
#cliquesNettoie{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/fd-cliquesNettoie.jpg') no-repeat 0 0; }
#game{ float:left; width:610px; height:521px; }

#rightGame{ float:left; width:328px; height:100%; background:#FFF; }
#rightGame h1{ display:block; width:237px; height:33px; position:absolute; top:15px; left:630px; background:url('Images/Titles/exemple-action.gif') no-repeat 0 0; }
#rightGame h1 span{ display:none; }
#rightGame .logo{ position:absolute; top:5px; right:5px; }
#rightGame .cont{ margin:50px 0 0 0; right:5px; padding:15px 5px 0 20px; }
#rightGame h2{ font-size:18px; margin-bottom:5px;}
#rightGame p a{ text-decoration:underline; }
#rightGame p a:hover{ text-decoration:none; }
#rightGame p.infos{ padding-top:10px; }
#rightGame p, #rightGame ul{ padding-bottom:10px; }
#rightGame p.infos, #rightGame p.infos a{ font-weight:bold;  }
#rightGame .preview{ float:left; width:146px; }
#rightGame .previewFirst{ width:155px; }
#rightGame .preview strong{ font-size:12px; }
#rightGame #showGalery{ display:block; margin-top:8px }
#rightGame #GaleryGame{ display:none; margin-top:0px }
#rightGame #GaleryGame h3{ font-size:12px; margin-bottom:5px; }
#rightGame #GaleryGame #myZoom{ margin:0 0 5px 10px; border:2px solid #0C315C; }
#rightGame #GaleryGame #zoomBefore, #rightGame #GaleryGame #zoomAfter{ margin-left:-7px; _margin-left:-12px; }
#rightGame #GaleryGame #hideGalery{ text-decoration:underline; }
#rightGame #GaleryGame #hideGalery:hover{ text-decoration:none; }
#rightGame #titleGame div{ display:none; }
#rightGame #homeGameCont div.homeGame{ display:none; }

/*** Plan du site ***/
#siteMap{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/fd-siteMap.jpg') no-repeat 0 0;  }
#siteMap h1{ position:absolute; top:90px; left:280px; height:39px; width:263px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Includes/Css/Images/Titles/plan-du-site.png', sizingMethod='crop'); background:url('Images/Titles/plan-du-site.png') no-repeat top left !important; background:none; }
#siteMap h1 span{ display:none; }
#siteMap .left{ float:left; width:199px; padding:145px 0 0 35px; }
#siteMap .left ul{ padding-top:35px; }
#siteMap .left ul li{ padding-bottom:5px; }
#siteMap .left ul li.rub{ padding-bottom:15px; color:#FFF; }
#siteMap .left ul li, #siteMap .left ul li a{ color:#FFF; }
#siteMap .left ul li.rub a{ font-weight:bold; font-size:13px; text-transform:uppercase; padding-left:12px; background:url(Images/Puces/flc-white.gif) no-repeat 0 5px; }


/*** Page 404 ***/
#errorPage{ position:absolute; top:36px; left:1px; height:521px; width:938px; background:url('Images/Boxs/fd-siteMap.jpg') no-repeat 0 0;  }
#errorPage p{ margin:180px 50px 0 160px; }
#errorPage p, #errorPage strong{ font-size:16px; color:#FFF; }

/*** Z-INDEX ***/
#container{ z-index:0; }
#mainFlash{ z-index:10; }
#engagement, #produit{ z-index:40; }
#infosComp, #pubEngagementBg{ z-index:45; }
#navLeft, #pubEngagement, #quizz{ z-index:50; }
#videoRC, #innerVideoRC{ z-index:40; } 
#listeVideoRC{ z-index:50; }
#zoomGallerieRC{ z-index:55; }
#flyerRC{ z-index:60; }
#navTop{ z-index:600; }
.navOn{ z-index:70; }
#logo, #logoSmall{ z-index:100; }
#visuProdMix, #quizzMore{ z-index:200; }