/****  (CSS reset...) ****/

html,body,span, applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dd,dl,dt,li,ol,ul, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.3em;font-family:inherit;text-align:inherit;}
a img,:link img,:visited img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
td{vertical-align: top;}
ul{list-style:none;}
ol{list-style: decimal inside};
q:before,q:after, blockquote:before,blockquote:after{content:"";}
strong,h1,h2,h3,h4,h5,h6 {font-weight:bold;}
em{font-style:italic;}
input, textarea, select  {font-size:99%}



/**** Styles generaux ****/

body{font-size:62.5%;font-family:Verdana,Helvetica,Arial,sans-serif;background:#FFF;} 
body, x:-moz-any-link{font-size:62.5%;}
body, x:-moz-any-link, x:default { font-size:62.5%;}
input, label{font-family:Verdana,Helvetica,Verdana,Arial,sans-serif;}
li,.contTip,caption,dl{font-size:1.1em;}
li li,li p,dl li, dl p,dl dl,.contTip li,caption .contTip , caption p, caption li{font-size:1em;}
p{font-size:1em;}
a{color:#535353;text-decoration:none;}
a:hover{text-decoration:underline;}
h1{font-size:1.6em;font-weight:normal !important;}
h2{font-size:1em;}
h3{font-size:1em; font-weight:bold;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
h6{font-size:1.1em;}




/**** helpers (margins, paddings, txtX) ****/

/**** Gestion de la transparence IE6 ****/
.alpha { /*_behavior: url(/2007/DotCom/css/decouvrir/iepngfix.htc);*/ _cursor:pointer; }

/* 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;}
.floatN{float:none !important;}
.clear{clear:both !important;}
.context, .hasLayout{overflow:hidden;_overflow:visible;_zoom:1}
.relative{position:relative;}
.absolute{position:absolute !important;}

.darkGrey{color:#666;}
.white{color:#fff;}

.mediaFullSize img {width:100%;display:block;vertical-align:top;}

.widthA{width:auto;}
.heightA{height:auto !important;}
.height300{height:300px !important;}

.overflowA{overflow:auto !important;}


/* margins pour les contenus */
.noMargin {margin:0 !important;}
.marginA{margin:auto;}
.marginL10{margin-left:10px;}
.marginL15{margin-left:15px;}
.marginL20{margin-left:20px;}
.marginL35{margin-left:35px;}
.marginV30{margin:30px 0;}
.marginV15{margin:15px 0;}
.marginR5{margin-right:5px;}
.marginR15{margin-right:15px;}
.marginB10{margin-bottom:10px !important;}
.marginT5N{margin-top:-5px !important;}
.marginT10{margin-top:10px !important;}
.marginT15{margin-top:15px !important;}
.marginT20{margin-top:20px !important;}
.marginT30{margin-top:30px !important;}

/* paddings pour les contenus */
.noPadding {padding:0 !important;}
.padding15{padding:15px;}
.padding25{padding:25px;}
.paddingR5{padding-right:5px !important;}
.paddingT5{padding-top:5px !important;}
.paddingT10{padding-top:10px !important;}
.paddingH5{padding:0 5px;}
.paddingH10{padding:0 10px;}
.paddingV10{padding:10px 0;}
.paddingB20{padding-bottom:20px;}

.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
.italic{font-style:italic !important;}

.noBorder{border:0!important}
.whiteBorderR{border-right:1px solid #fff;}
.whiteBorderT{border-top:1px solid #fff; *border-top:none; *margin-top:-1px;}
.noBg{background:none !important;}

.bgGrey{background-color:#e8e8e8;}

.upperCase{text-transform:uppercase!important;}
.normalCase{text-transform:none !important;}
.ununderline{text-decoration:none!important;}
.underline{text-decoration:underline!important;}

.dNone{display:none !important;}
.dInline{*display:inline !important;}
.invisible{visibility:hidden !important;}
.loin {left:10000px !important;top:100000px !important}

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



/***** Structure principal (#page, #main, #menu, #nav...) ****/
body {background-color:#96bda2; color:#999999;}

#main{width:937px; margin:0 auto; overflow:hidden; _overflow:visible; zoom:1; text-align:left;}
#main{padding:25px; background-color:#fff;}

.headToutCompris{margin-bottom:25px; overflow:hidden; _overflow:visible; zoom:1;}


.nav{background:transparent url(/2007/DotCom/images/decouvrir/skin/bg_nav.jpg) left top repeat-x; overflow:hidden;_overflow:visible;_zoom:1; }
.ltr .nav li{height:18px;float:left; border-right:1px solid #ccc;}
.rtl .nav li{height:18px;float:right; border-left:1px solid #ccc;}
.nav a{text-decoration:none !important;}
.nav li.active, .nav a:hover{border-right:none; background-color:#96bca2; color:#fff;}
.nav li a, .nav li span{text-transform:uppercase; font-size:1em; padding:0 15px; color:#666; line-height:18px; display:block;}
.nav li.active span{color:#fff;}

#wall{ position:relative; overflow:hidden;zoom:1;height:706px; }
#wallContainer { overflow:hidden; position:relative; zoom:1;}
#wallContainer a { display:block; cursor:default;}
#wallContainer a.thumb:hover, #wallContainer a.hover { background:url(/2007/DotCom/images/133/fr/thumb_over.png) no-repeat left top;  cursor:pointer; }
#wallContainer a.thumb:hover img, #wallContainer a.hover img { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter : alpha(opacity=10); -moz-opacity : 0.1; opacity : 0.1; }

#player { cursor:pointer; position:absolute; top:0; left:0; }

#layerIntro{position:absolute; z-index:10; width:100%; height:100%; }
#layerIntro .bg{position:absolute; z-index:1; width:99.7%; height:100%; _height:706px; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
#layerIntro #videoPlayer{position:absolute; z-index:10; top:100px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff;}
#layerIntro #closeBtn {position:absolute; z-index:200; right:-1px; width:33.2%; background-color:#fff; }
#layerIntro #closeBtn a{font-size:1.1em; line-height:20px; color:#95bfd4; text-decoration:none;}
#layerIntro #playerIntro { position:relative; z-index:3; }

#layerHow{position:absolute; z-index:1; width:100%; height:100%; }
#layerHow .bg{position:absolute; z-index:1; width:99.7%; height:100%;  _height:706px; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
#layerHow .blueBg{position:absolute; z-index:2; width:74.8%; height:403px; top:100px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-right:1px solid #fff; background-color:#95bfd4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter : alpha(opacity=90); -moz-opacity : 0.9; opacity : 0.9; }
#layerHow #howContent{position:absolute; z-index:3; width:74.8%; height:403px; top:100px; color:#fff; }
#layerHow #howContent #thumb1{position:absolute; z-index:20; left:7px; top:27px; }
#layerHow #howContent #thumb2{position:absolute; z-index:21; left:131px; top:0px; }
#layerHow #howContent #thumb3{position:absolute; z-index:22; left:160px; top:70px; }
#layerHow #howContent #thumb4{position:absolute; z-index:23; left:265px; top:12px; }
#layerHow #howContent #thumb5{position:absolute; z-index:24; right:0px;_right:15px; top:55px; }
#layerHow #howContent h2{text-transform:uppercase; color:#fff; font-size:2.1em; font-weight:normal;  }
#layerHow #howContent #closeBtnHow{position:absolute; z-index:4; right:5px; top:5px; }
#layerHow #howContent #closeBtnHow a{color:#fff; font-size:1.1em; text-decoration:none; }
#layerHow #howContent a{color:#fff; }

#layerVideo{position:absolute; z-index:1; width:100%; height:100%;  _height:706px; }
#layerVideo .bg{position:absolute; z-index:2; width:99.8%; height:100%; _height:706px;  background-color:#95bfd4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter : alpha(opacity=95); -moz-opacity : 0.95; opacity : 0.95; }
#layerVideo #videoHeader{position:absolute; z-index:3; width:99.7%; top:0; }
#layerVideo #videoHeader h2{font-size:2.5em; color:#fff; font-weight:normal;}
#layerVideo #videoContent{position:absolute; z-index:4; width:99.8%; top:100px; }
#layerVideo #videoContent #video {background-color:#fff; width:99.8%; height:505px; }
#layerVideo #videoContent #video a { display:-moz-inline-box; display:inline-block; }
#layerVideo #videoContent #video h3{color:#95bfd4; font-size:2.2em; font-weight:normal; }
#layerVideo #videoContent #video h4{color:#95bfd4; font-size:1.4em; font-weight:bold; text-transform:uppercase; }
#layerVideo #videoContent .rightSideIe{_width:505px !important;_float:right !important;}
#layerVideo #specialOffer #specialOfferTop{ width:152px; height:9px; background:transparent url(/2007/DotCom/images/decouvrir/skin/specialoffer_rounded_top.png) left top no-repeat; _behavior: url(/2007/DotCom/css/decouvrir/iepngfix.htc); }
#layerVideo #specialOffer #specialOfferBottom{ width:152px; height:9px; background:transparent url(/2007/DotCom/images/decouvrir/skin/specialoffer_rounded_bottom.png) left top no-repeat; _behavior: url(/2007/DotCom/css/decouvrir/iepngfix.htc); }
#layerVideo #specialOffer #specialOfferMiddle{ width:150px; border-left:1px solid #fff; border-right:1px solid #fff; color:#fff; }
#layerVideo #specialOffer #specialOfferMiddle h5{ text-transform:uppercase; font-weight:normal; color:#fff; font-size:1.2em; line-height:30px; letter-spacing:-1px; padding-left:35px; padding-bottom:5px; background:transparent url(../css/skin/specialoffer_motif.png) left top no-repeat; _behavior: url(/2007/DotCom/css/decouvrir/iepngfix.htc); }
#layerVideo #specialOffer #specialOfferMiddle p{ font-weight:normal; font-size:1.1em; padding:0 10px 0 35px; }
#layerVideo #specialOffer #specialOfferMiddle a{ color:#fff; }

#layerVideo .closeBtnVideo{position:absolute; z-index:20; right:3px; top:1px; background-color:#fff; }
#layerVideo .closeBtnVideo a{display:block; padding:0 5px; font-size:1.1em; line-height:20px; color:#95bfd4; text-decoration:none;}

#layerVideo.noJS { width:705px;height:705px; position:relative; }

#options li{ background:#fff url(/2007/DotCom/images/decouvrir/skin/tickbox.gif) left top no-repeat; padding-left:20px; margin-bottom:10px; font-size:1em; min-height:15px;_height:15px; }
#mentions li{ padding-left:20px; color:#b7b7b7; font-size:0.9em; }

#videoOptions{ margin-top:75px; margin-right:10px; min-height:290px; }
#videoOptions li{ background:transparent url(/2007/DotCom/images/decouvrir/skin/tickbox-alpha.png) left top no-repeat; _behavior: url(/2007/DotCom/css/decouvrir/iepngfix.htc); _width:85%; padding-left:20px; _padding-bottom:5px; margin-bottom:10px; font-size:1.1em; color:#fff; font-weight:bold; }

.btnViolet, .btnViolet strong {display:-moz-inline-box; display:inline-block; background:transparent url(/2007/DotCom/images/decouvrir/skin/bg_btn_violet.gif) left top no-repeat !important; line-height:23px; vertical-align:middle; cursor:pointer; height:23px; line-height:normal !important; }
.btnViolet {_width:1%;white-space:normal;padding-left:9px !important;color:#fff;}
.btnViolet strong {background:#75b647;display:block;background-position:right top !important; padding-right:9px; padding-top:7px; height:23px; width:135px;  text-align:center; text-transform:uppercase; font-size:0.83em; font-weight:normal;}
.btnViolet:hover{ text-decoration:none !important; }

.btnGreen, .btnGreen strong {display:-moz-inline-box; display:inline-block; background:transparent url(/2007/DotCom/images/decouvrir/skin/bg_btn_green.gif) left top no-repeat !important; line-height:23px; vertical-align:middle; cursor:pointer; height:23px; line-height:normal !important; }
.btnGreen {_width:1%;white-space:normal;padding-left:9px !important;color:#fff;}
.btnGreen strong {background:#75b647;display:block;background-position:right top !important; padding-right:9px; padding-top:7px; height:23px; width:150px; text-align:center; text-transform:uppercase; font-size:0.83em; font-weight:normal;}
.btnGreen:hover{ text-decoration:none !important; }

.btnDarkGreen, .btnDarkGreen strong {display:-moz-inline-box; display:inline-block; background:transparent url(/2007/DotCom/images/decouvrir/skin/bg_btn_dark_green.gif) left top no-repeat !important; line-height:23px; vertical-align:middle; cursor:pointer; height:23px; line-height:normal !important; }
.btnDarkGreen {_width:1%;white-space:normal;padding-left:9px !important;color:#fff;}
.btnDarkGreen strong {background:#75b647;display:block;background-position:right top !important; padding-right:9px; padding-top:7px; height:23px; width:135px;  text-align:center; text-transform:uppercase; font-size:0.83em; font-weight:normal;}
.btnDarkGreen:hover{ text-decoration:none !important; }



/**** Blocs conteneurs + structure contenu (line, unit, .block, .blockSimple....) ****/

/* line, unit */
.line, .lastunit{overflow:hidden;_overflow:visible;_zoom:1;margin:0;/*padding:0;*/display:block;}
.unit{float:left;_zoom:1;}

.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49%;}
.size1on3{width:32.3%;}
.size2on3{width:66%;}
.size1on4{width:24.3%;}
.size2on4{width:48.2%;}
.size3on4{width:74.8%;}
.size1on5{width:18.8%;}
.size2on5{width:39%;}
.size3on5{width:59%;}
.size4on5{width:78%;}

.sizeColLeft{width:24.8%;}

.lastunit{float:none;width:auto!important;margin-right:0!important;_margin-right:-3px;_left:-3px;_position:relative;}

/* ** block** */

.block{overflow:hidden;_overflow:visible; zoom:1; position:relative;}
.block .blockInside{position:relative; overflow:hidden; _overflow:visible; zoom:1; }