@charset "UTF-8";
/* CSS Document */

html{
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
} 

body {
	height: 100%; 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background:url(../img/bg.png) top repeat-x #FFFFFF;
}

@font-face {
	font-family: 'FuturaBook';
	src: url('futura_book_bt-webfont.eot');
	src: local('☺'), url('futura_book_bt-webfont.woff') format('woff'), url('futura_book_bt-webfont.ttf') format('truetype'), url('futura_book_bt-webfont.svg#webfontcUU7tJfY') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaBold';
	src: url('futura_bold_bt-webfont.eot');
	src: local('☺'), url('futura_bold_bt-webfont.woff') format('woff'), url('futura_bold_bt-webfont.ttf') format('truetype'), url('futura_bold_bt-webfont.svg#webfont95t6dS0K') format('svg');
	font-weight: normal;
	font-style: normal;
}


a, a:visited{
	color:#06C;
	text-decoration:none;
}

#spacer{
	height: 97%;
	float: right;
	width: 1px;
	font-size: 1px; /* to make sure width is not overridden */
	padding: 0;
	margin: 0;
}

#contentwrap{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 97%;
} 

.win.ie #contentwrap{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	height: 97%;
} 

IMG {
	vertical-align:middle;
	border:none;
}

#container {
	width: 980px;  /* using 20px less than a full 1024px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
}

#header {
	padding:0px;
	margin:0;
}

#onglets_droit{
	width:48px;
	padding-top:765px;
}

.win.ie #onglets_droit{
	width:48px;
	padding-top:765px;
}


#logo {
	margin-top:45px;
	margin-left:204px;
	z-index:10;
	position:absolute;
}

#logo2 {
	padding-top:12px;
	z-index:10;
}



#decouvertes2 {
	padding-top:12px;
}



#hour {
	margin-top:35px;
	margin-right:0px;
	float:right;
	font-size:11px;
	color:#FFF;
}


#gauche {
	padding:0px;
	width:200px;
	margin:0;
	padding-top:123px;
	background:url(../img/logo_rec.jpg) no-repeat bottom right;
	
}

.win.ie #gauche {
	padding:0px;
	width:200px;
	margin:0;
	padding-top:125px;
	background:url(../img/logo_rec.jpg) no-repeat bottom right;
}

UL{
	margin:0px;
	margin-left:-40px;
}

.win.ie UL{
	margin:0;
}


#gauche #sep{
	width:100px;
	height:1px;
	background-color:#595959;}
	

#gauche a.icons{
	padding-top:7px;
	margin-right:9px;
	margin-left:5px;
}

#gauche p{
	margin:0;
	padding:0;
	line-height:13px;
	
}

.win.ie #gauche p{
	margin:0;
	padding:0;
	line-height:11px;
}

#gauche a.login{
	color:#FFF;
	font-size:11px;
	text-decoration:none;
	padding:2px 2px;
}

#gauche a.login:hover{
	color:#FF942D;
	text-decoration:none;
	
}

#gauche p.rech{
	margin-top:14px;	
}

.win.ie #gauche p.rech{
	margin-top:10px;	
}

#gauche p.rech input{
	font-size:11px;
	color:#999;
	width:146px;
	font-family:Arial, Helvetica, sans-serif;
}


#center{
	width:949px;
	background-image:url(../img/bandeaux/bandeau01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	height:312px;
}

#numerotation{
	font-family: 'FuturaBold';
	font-size:9px;
	padding-left:20px;
	
}
.mac.webkit #numerotation{
	padding-top:120px;
}

#numerotation a{
	color:#000;
	padding:3px 5px;
	margin-right:6px;
	background-color:#FFF;
	border:1px solid #333;
	opacity:.4;
filter:alpha(opacity=40);
display:inline-block;
	}
	
#numerotation a:hover, #numerotation a.in{
	color:#000;
	opacity:.6;
	filter:alpha(opacity=60);
	filter: 'alpha(opacity=60)';
	}

.win.ie7 #center{
	width:955px;
	background:url(../img/bandeaux/bandeau01.jpg) repeat-x top left;
	height:312px;
}

#buzz{
	position:absolute;
	padding-top:3px;
	padding-left:4px;
	z-index:9;
}

table.clock {
  font: 14px verdana, helvetica, arial, sans-serif;
}


.win.ie7 table.clock {
	margin-top:-10px;
}



table.clock td {
	text-align:right;
}

.win.ie7 td.hour {
	padding-top:10px;
}






#bandeau{
	z-index:1;
	background:url(../img/bandeaux/cache.png) no-repeat top;
}



.fondBlanc{
	background-color:#FFF;
	border-left:black 1px solid;
	border-right:black 1px solid;
}
#scroller{
	background:url(../img/bg_scroller.gif);
	height:21px;
	font-size:12px;
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;
	z-index:1;
}


.tickercontainer { /* the outer div with the black border */
width: 560px; 
height: 21px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.win.ie7 .tickercontainer { /* the outer div with the black border */
width: 559px; 
height: 21px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
list-style: none;
margin: 0;
padding: 0;
white-space:nowrap;
list-style-type:none;
}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
white-space:nowrap;
list-style:none;
list-style-type:none;
}












#google_translate_element{
width:179px; padding-top:0px; text-align:center; line-height:9px; height:28px; overflow:hidden;
}

#google_translate_element select{
	font-size:11px;
	width:168px;
	padding:4px 0;
	margin-bottom:30px;
}

.win.ie #google_translate_element select{
	font-size:11px;
	width:168px;
	padding:4px 0;
	margin-bottom:30px;
}

.mac.gecko #google_translate_element select{
	font-size:11px;
	width:168px;
	padding:3px 0;
	margin-bottom:30px;
}

#boxpourquoi{
	background:url(../img/bg_box_pourquoi.jpg) repeat-x;
	height:180px;
	border-left:black 1px solid;
	border-right:black 1px solid;
	overflow:hidden;
}

.ongletsPourquoi{
	float:right;
}

.ongletsPourquoi a{
	background:url(../img/bg_onglet_pourquoi.png) top no-repeat;
	width:190px;
	height:25px;
	display: inline-block;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	padding-top:9px;
	margin-left:43px;
	}
	
.ongletsPourquoi a.bleu:hover{
	background:url(../img/bg_onglet_pourquoi.png) 0 -40px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}
	
.ongletsPourquoi a.jaune:hover{
	background:url(../img/bg_onglet_pourquoi.png) 0 -80px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}

.ongletsPourquoi a.vert:hover{
	background:url(../img/bg_onglet_pourquoi.png) 0 -120px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}
	
.ongletsPourquoi a.inB{
	background:url(../img/bg_onglet_pourquoi.png) 0 -40px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}
.ongletsPourquoi a.inJ{
	background:url(../img/bg_onglet_pourquoi.png) 0 -80px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}
.ongletsPourquoi a.inV{
	background:url(../img/bg_onglet_pourquoi.png) 0 -120px  no-repeat;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	}
	
#planete, #clients, #consommateurs {
	top:25px;
	margin-left:300px;
	position:relative;
	display:none;
	padding-right:20px;
	width:620px;
}
#planete h1, #clients h1, #consommateurs h1 {
	font-family:Verdana, Geneva, sans-serif
	font-size:24px;
	font-weight:normal;
}

#planete p, #clients p, #consommateurs p {
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:20px;
}

#content{
	background:#FFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding-top: 10px;
	padding-bottom:10px;
	padding-left:0px;
	z-index:1;
}

#content .box{
	background: url(../img/bg_box.png) repeat-x #FFF top;
	padding: 3px 10px 10px 10px;
	z-index:1;
	margin-right:10px;
	height:200px;
	overflow:hidden;
	margin-bottom:20px;
}

#content .pub{
	background: url(../img/bg_pub.jpg) repeat-x #FFF top;
	padding: 15px 20px 20px 20px;
	z-index:1;
	overflow:hidden;
	margin-bottom:10px;
	border:1px solid black;
	border-right:none;
	height:178px;
}

#content .pub h3{
	font-family: 'FuturaBold';
	font-weight:normal;
	font-size:30px;
	line-height:32px;
}

#content .pub h4{
	font-family: 'FuturaBook';
	font-weight:normal;
	font-size:28px;
	line-height:30px;
	margin:15px 0;
}

#content .pub h5{
	font-family: 'FuturaBold';
	font-weight:normal;
	font-size:18px;
	margin:12px 0;
	float:right;
}

#content .boxGris{
	background: url(../img/bg_box_gris.png) repeat-x #FFF top;
	border:1px solid #CCC;
	padding: 5px 15px 10px 20px;
	z-index:1;
	height:204px;
	overflow:hidden;
	margin-bottom:20px;
}

.lienVert, .lienVert:visited{
      color:#99cc33;
      font-size:14px;
      font-family: 'FuturaBold';
      padding:3px 0;
}

.win.ie7 .lienVert, .win.ie7 .lienVert:visited{
      color:#99cc33;
      font-size:14px;
      font-family: 'FuturaBold';
      padding:0;
	  position:relative;
	  top:-15px;
}

#content .boxVideo{
	background: url(../img/bg_video.jpg) repeat-x #FFF top;
	padding: 3px 10px 10px 10px;
	z-index:1;
	margin-right:10px;
	height:200px;
	overflow:hidden;
	margin-bottom:20px;
	width:770px;
}

#content .unpourcent{
	background: url(../img/bg_1poucent.jpg) repeat-x #FFF bottom;
	padding: 5px;
	height:215px;
	overflow:hidden;
	margin-bottom:20px;
	border:1px solid #39F;
}

#content .unpourcent h2{
	font-family: 'FuturaBold';
	font-weight:normal;
	font-size:18px;
}

#content .unpourcent h2 span{
	font-size:22px;
}

#content .unpourcent h2 span.deux{
	font-size:12px;
}

#content .unpourcent p{
	font-size:10px;
	line-height:13px;
}

.win.ie #content .unpourcent p{
	font-size:10px;
	line-height:11px;
	margin:5px 0;
}

#content .unpourcent h5{
	font-size:18px;
	line-height:18px;
	margin:0;
}


#content .boxContact{
	background: url(../img/bg_box_gris2.png) repeat-x #FFF bottom;
	padding: 5px 20px 10px 20px;
	z-index:1;
	margin-bottom:15px;
	height:420px;
	overflow:hidden;
}

.divAntiSpam{float:right; text-align:right; width:auto; height:40px; overflow:hidden;}
.orange a{
	font-size:9px;
	color:#F60;
}

#content .box .corner, #content .boxGris .corner, #content .boxContact .corner{
	float:right;
	top:0px;
	right:-10px;
	position:relative;
}

#content .boxContact .corner{
	float:right;
	top:6px;
	position:relative;
}

.mac.gecko #content .boxContact .corner{
	top:7px;
}

.win.ie7 #content .boxContact .corner{
	top:3px;
}

h2{
	font-family:'FuturaBook';
	font-size:20px;
	font-weight:normal;
	color:#000;
	margin:0 0 12px 0;
	
}

h2 strong{
	font-family:'FuturaBold';
	font-weight:normal;	
	font-size:22px;
}

.boxContact h2{
	font-family:'FuturaBook';
	font-size:24px;
	font-weight:normal;
	color:#000;
	margin:3px 0 15px 0;
	border-bottom:1px solid #000;
}

.boxContact h3{
	font-family:'FuturaBold';
	font-size:19px;
	font-weight:normal;
	color:#000;
	margin:3px 0 0 0;
}

.boxContact h4{
	font-family: 'FuturaBook';
	font-weight:normal;
	font-size:12px;
	margin:0px 0 10px 0;
}

.boxContact p{
	font-size:12px;
}

.boxContact div{
	width:90px;
	font-size:12px;
	position:relative;
	display:inline-block;
}

.boxContact div.num{
	width:140px;
	position:relative;
	display:inline-block;
}

#content .box .scroll, #content .boxGris .scroll{
	height:151px;
	overflow:auto;
	margin-right:-10px;
	padding-right:7px;
	margin-bottom:-10px;
	padding-bottom:7px;

}

.expertise p{
	margin:3px 0;
}

#protectionC{
	width:74px;
	padding:16px 10px 10px 10px;
	background:url(../img/bg_protectionC.png) repeat-x top;
	font-size:9px;
	height:188px;
}

.gauche{
	float:left;
	margin-right:10px;
}

.droit{
	float:right;
	margin-left:10px;
}

.contour{
	border:1px solid #6c6c6c;
}

.txt_erreur{
	font-size:14px;
	font-weight:bold;
	color:#C00;
}

.required{
	font-size:10px;
	color:#C00;
}

#content .box .scroll p{
	font-size: 11px;
	line-height:16px;
	margin:0 0 14px 0;
}

#content .box p, #content .boxGris p{
	line-height:16px;
}

input, textarea{
	color:#666;
	margin-bottom:6px;
	padding:4px;
	border:1px inset;
	width:120px;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
}

.button{
	width:99px;
	padding:0;
	margin:0;
	border:none;
}

.buttonLire{
	width:116px;
	padding:0;
	margin:0;
	border:none;
	float:right;
}

.focusField{
	background-color:#CFF3FC;
}

.idleField{
	background-color:#FFFFFF;
}

.radio{
	color:#666;
	margin-bottom:6px;
	padding:4px;
	width:16px;
	border:none;
}


#content H1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin:0 0 15px 0;
}

#content H3{
	font-size: 12px;
	color:#000;
	margin:0;
}

#utils{
	float:right;
	margin-top:-35px;
	margin-right:-50px;
}

#content p{
	font-size: 11px;
	line-height:14px;
}

h3.nouv{
	margin:3px 0;
}



#appartenance{
	background:url(../img/btn_appartenance.jpg) top left no-repeat ;
	padding:8px 0 12px 125px;
	height:30px;
	width:330px;
	color:#000;
	font-size:15px;
	font-family:'FuturaBook';
	display:inline-block;
	text-align:left;
	overflow:hidden;
}

#appartenance strong{
	font-family:'FuturaBold';
	font-weight:normal;
}

#appartenance:hover{
	background:url(../img/btn_appartenance_over.jpg) top left no-repeat;
}

#abus{
	background:url(../img/bouton_signalerAbus.jpg) top left no-repeat ;
	padding:8px 0 12px 125px;
	height:30px;
	width:330px;
	color:#000;
	font-size:15px;
	font-family:'FuturaBook';
	display:inline-block;
	text-align:left;
	overflow:hidden;
}

#abus strong{
	font-size:17px;
	font-family:'FuturaBold';
	font-weight:normal;
}

#abus:hover{
	background:url(../img/bouton_signalerAbus_over.jpg) top left no-repeat;
}

#carbo{
	background:url(../img/bg_courriel_carbo.jpg) top left no-repeat;
	padding:25px;
	height:150px;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	padding-left:420px;
}



.win.ie7 #carbo{
	background:url(../img/bg_courriel_carbo.jpg) top left repeat-x;
}

#carbo #logoC{
	padding-top:20px;
	width:250px;
	text-align:center;
}

#carbo span{
	font-family:'FuturaBook';
	font-size:20px;
	padding-left:100px;
}

#carbo span span{
	font-family:'FuturaBold';
	padding-left:0px;
}

#carbo #chiffres{
	float:right;
	margin-right:30px;
	font-size:16px;
	line-height:17px;
	padding-top:33px;
}

#carbo #chiffres strong{
	
	font-size:23px;
}


#credits{
	font-size: 10px;
	text-align:left;
	z-index:1;
	color:#ffffff;
	background:#000;
	padding:25px;
	margin-bottom:0px;
}

#credits a{
	color:#00ccff;
}


td.liens{
	text-align:left;
	z-index:1;
	color:#ffffff;
	padding-left:20px;
	border-left:1px solid #FFF
	}


#droite{
	padding-top:125px;
	z-index:1;
	padding-right:10px;
	}
	
.win.ie #droite{
	padding-top:127px;
	z-index:1;
	padding-right:20px;
	}	

#droite p{
	margin:0;
	padding:0;
	line-height:11px;
	
	}
	
.win.ie #droite p{
	margin:0;
	padding:0;
	line-height:10px;
	}

#droite a.langue{
	color:#FFF;
	font-size:9px;
	text-decoration:none;
	padding-left:10px;
}

#droite a.langue:hover{
	color:#FF942D;
	text-decoration:none;
	
}


#footer{
	clear: both;
	height: 3%;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	color:#FFF;
	background:url(../img/bg_footer.gif) repeat-x top #060606;
	z-index:0;
	display:none;
} 








/*=======================================
* Tooltips
* ======================================*/
#tooltip {
	position: absolute;
	z-index: 3000;
	background:url(../img/bg_tooltip.gif) no-repeat top left;
	padding: 7px;
	opacity: 0.85;
	font-size:12px;
	width:195px;
	text-align:left;
	height:59spx;
	padding-top:25px;
}
#tooltip h3, #tooltip div { margin: 0; font-size:11px; }


            


#popup {
height: 100%;
width: 100%;
background: none;
position: absolute;
top: 0;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
z-index:999999;
}

#window {
width: 30%;
height: 120px;
margin: 0 auto;
border: 1px solid #000000;
background-color: #ffffff;
position: absolute;
top: 300px;
left: 35%;
z-index:1000000;
font-size:20px;
font-family: 'FuturaBold';
padding-top:15px;
}

#accesTD a, #accesTD a:visited{
      color:#FFF;
      }
	  
#acces{
      font-size:12px;
      color:#FFF;
      background:url(../img/btn_acces.png) no-repeat top left;
      height: 40px;
      width: 95px;
	  padding-right:15px;
	  padding-top:10px;
      }

#acces:hover{
      color:#FFF;
      background:url(../img/btn_acces_over.png) no-repeat top left;
      
      }

#acces:link, #acces:visited{
      
      color:#FFF;
    
      }



/* jQuery slideLock CSS */

p.quiet { padding-left: 0px; width: 200px; background-color:; margin:0 0 1000px 0; }
span.quiet { font-size: .875em; }
#locked { font-weight: bold; color: #333; }
#unlocked { margin-left: 30px; }
p.quiet img { margin: 0 0 0 20px; }
#anti {font-size:10px; position:relative; top:0px; left:-79px; z-index:999;}
.win.ie7 #anti {font-size:10px; position:relative; top:0px; left:-65px; z-index:999;}

/* Slider ----------------------------------*/
.ui-slider { position: relative; text-align: left; display: block; margin: 0px 0 50px 25px; width: 155px;  }
#slider{width: 155px; position: relative; text-align: left; display: block; margin: 0px 0 3px 25px; }
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; background: #333; top: -.2em; margin-left: -.6em; }
.ui-slider-horizontal { height: .8em; background: #ddd; border: 1px solid #ccc; }
.ui-slider-handle:hover, .ui-state-hover, .ui-state-focus, .ui-state-active { background: #aaa; }

/* Slider ---------------------------------------------------- */
.ui-slider-handle { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	background: -moz-linear-gradient(top, #147b99, #0b4353);
	background: -webkit-gradient(linear, left top, left bottom, from(#147b99), to(#0b4353));
	background: #99cc33;
}
.ui-slider-horizontal { 
	border-radius: .4em;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
}
a.ui-state-hover, a.ui-state-focus { 
	background: #99cc33;
	background: -moz-linear-gradient(top, #666, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
	background: #99cc33;
	box-shadow: 0px 0px 10px #147b99;
	-moz-box-shadow: 0px 0px 10px #147b99;
	-webkit-box-shadow: 0px 0px 10px #147b99;
}
a.ui-state-active { 
	background: #99cc33;
	background: -moz-linear-gradient(top, #ddd, #aaa);
	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background: #99cc33;
}