body{ 
	font:11px "Century Gothic", Arial, Tahoma;
	color:#6f7075;
	background:#f2efe7 url("images/bg_body.jpg") 0 0 repeat-x;
}
*{
	margin:0;
	padding:0;
	list-style:none;
}
a{text-decoration:none;}
#wrapper{
	background: url("images/bg_home_bottom.gif") 0 100% no-repeat;
	width:993px;
	padding:0 4px;
	margin:0 auto;
}
#home{
	background-color:#fff;
	border:1px solid #d4cebc;
	border-top:0;
	padding:96px 12px 56px 10px;
}
#home h2{
	color:#424223;
}
#home.content{
	padding:70px 15px 30px 35px;
}
#header{
	background:url("images/bg_header.jpg") 0 0 no-repeat;
	height:177px;
	margin:50px auto 0;
	width:1001px;
	position:relative;
	z-index:2;
}
#header .tel{
	position:absolute;
	top:42px;
	left:620px;
	font-weight:bold;
	font-size:30px;
	letter-spacing:-1px;
	color:#fff;
	width:200px;
}
#header .menu_top{
	position:absolute;
	top:-18px;
	right:8px;
	text-transform:uppercase;
}
#header .menu_top li{
	display:inline;
	padding-left:30px;
}
#header .menu_top a{
	color:#fff; 
}
#header .menu_top a:hover{
	text-decoration:underline;
}
#header .menu_top a.current{
	text-decoration:underline;
}

#header .menu_bottom{
	position:absolute;
	top:134px;
	left:18px;
}
#header .menu_bottom li{
	background:url("images/bg_menu_bottom.gif") 0 100% repeat-x;
	width:157px;
	height:93px;
	display:block;
	float:left;
	/*margin-right:4px;*/
	margin-right:44px;
}
#header .menu_bottom li.margin0{
	margin-right:0;
}
#header .menu_bottom a{
	font-weight:bold;
	color:#444424;
	display:block;
	width:144px;
	height:62px; 
	padding:11px 0 0 11px;
	
	border:1px solid #d9d9d6;
}
#header .menu_bottom a:hover{
	text-decoration:underline;
}
#header .menu_bottom a.current{
	text-decoration:underline;
}
#header .menu_bottom a.service{
	background:#fff url("images/services.gif") 0 0 no-repeat;
}
#header .menu_bottom a.service:hover, #header .menu_bottom a.service_hover, 
#header .menu_bottom a.planete:hover, #header .menu_bottom a.planete.service_hover, 
#header .menu_bottom a.espace:hover, #header .menu_bottom a.espace_hover, 
#header .menu_bottom a.service.current, 
#header .menu_bottom a.planete.current
{
	text-decoration:none;
	/*background:#f1aa1a;*/
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding-right:60px;
	width:84px;
	background:#f1ab1b url("images/services.gif") 0 -73px no-repeat;
	
	
	border:1px solid #f6c050;
	border-bottom:0;
	
	position: absolute;
	z-index: 999;
}
#header .menu_bottom a.service:hover strong, #header .menu_bottom a.service_hover strong, 
#header .menu_bottom a.service.current strong,
#header .menu_bottom a.planete.current strong
{
	display:none;
}
#header .menu_bottom a.planete{
	background:#fff url("images/recrut.gif") 0 0 no-repeat;
}
#header .menu_bottom a.planete:hover, #header .menu_bottom a.planete.service_hover, 
#header .menu_bottom a.planete.current
{
	background:#8FD04D url("images/recrut.gif") 0 -73px no-repeat;
	border:1px solid #73923C;
	border-bottom:0;
}
#header .menu_bottom ul.planete.sm_services a{
	background:#8FD04D;
	border:1px solid #73923C;
	border-bottom:0; 
}
#header .menu_bottom ul.planete.sm_services a.lastPlanete{
	border-bottom:1px solid #73923C;
}
#header .menu_bottom ul.sm_services a.lastPlanete{
	border-bottom:1px solid #f6c050;
}
#header .menu_bottom ul.planete.sm_services a:hover, #header .menu_bottom ul.planete.sm_services .current a{
	background-color: #fff;
	color:#8FD04D;
}
#header .menu_bottom a.demande{
	background:#fff url("images/demande.gif") 0 0 no-repeat;
}
#header .menu_bottom a.espace{
	background:#fff url("images/espace.gif") 0 0 no-repeat;
}
#header .menu_bottom a.espace:hover, #header .menu_bottom a.espace.service_hover{
	background:#f1ab1b url("images/espace.gif") 0 -73px no-repeat;
}
#header .menu_bottom a.acces{
	background:#fff url("images/acces.gif") 0 0 no-repeat;
}
#header .menu_bottom a.recrut{
	background:#fff url("images/recrut.gif") 0 0 no-repeat;
}
#header .menu_bottom a.echange{
	background:#fff url("images/echange.gif") 0 0 no-repeat;
}

#header .menu_bottom a strong{
	color:#beb79f;
	font-size:9px;
	padding-top:4px;
	display:block;
	line-height:12px;
	text-decoration:none;
}
#header .menu_bottom a strong em{
	color:#f3a300;
	font-style:normal;
	text-decoration:none;
}
#header .m_services{
	/*position:relative;
	z-index:0;*/
}
#header .sm_services{
	width:246px;
	background:url("images/bg_smenu.png") 0 100% no-repeat;
	overflow:hidden;
	/*left:-5px;*/
	margin-left:-5px;
	
	position: absolute;
	top:73px;
	z-index: 0;
}
#header .sm_services li{
	float:left;
	background:none;
	width:246px;
	height:auto;
	padding:0;
}
#header .sm_services form{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	width:218px;
	height:100px;
	border:1px solid #f6c050;
	border-top:0;
	margin:0 auto;
	padding:0 0 0 4px;
	background-color:#F1AB1A;
}

#header .sm_services form .input{
	border:none;
}
#header .sm_services .div{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	width:230px;
	height:120px;
	border:1px solid #f6c050;
	border-top:0;
	margin:0 auto 0 5px;
	padding: 10px 0 0 5px;
	background-color:#f4ae1f;
}
#header .sm_services .div label{
	width:120px;
	height:auto;
	float:left;
}
#header .sm_services a{
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	color:#fff;
	width:223px;
	height:17px;
	border:1px solid #f6c050;
	border-bottom:0;
	margin:0 auto;
	background-color:#f4ae1f;
}
#header .sm_services a:hover, #header .sm_services .current a{
	background-color:#fff;
	color:#f6c050;
}

#home.content .SlideLeft{
	background:none;
	padding:28px 0 0 0;
	width:510px;
	height:auto;
	text-align:justify;
}
#home.content .SlideLeft h3, #home.content .SlideLeft h4, #home.content .SlideLeft p{
	padding:0;
}
#home.content .SlideLeft h3{
	font-size:16px;
	padding-bottom:10px;
}
#home.content .SlideLeft p{
	padding-bottom:20px;
	text-align:justify;
}
#home.content .SlideLeft strong{
	color:#f3a300;
	/*font-size:13px;*/
	font-weight:bold;
}
.SlideLeft .txt_mini{
	font-size:12px;
}
.SlideLeft{
	background:url("images/bg_index_cadre.gif") 0 0 no-repeat;
	width:440px;
	height:219px;
	padding:38px 60px 42px 47px;
	float:left;
	font-size:14px;
	color:#999277;
	line-height:18px;
}
.SlideLeft p{
	font-size:14px;
	padding:0 0 18px 40px;
}
.SlideLeft h3{
	color:#f3a300;
	font-weight:bold;
	font-size:18px;
	padding:0 0 22px 0;
}
.SlideLeft h4{
	color:#f3a300;
	font-size:18px;
	padding:0 0 22px 0;
}
.SlideLeft h4.logo_mini{
	background:url("images/mini-logo.gif") 0 2px no-repeat;
	padding:0 0 22px 130px;
}

.SlideLeft ul{
	font-size:11px;
	font-weight:bold;
	color:#f3a300;
	padding:0 0 0 20px;
}
.SlideRight{
	width:420px;
	float:right;
	display:block;
}
.SlideRight.video{
	margin-top:-3px;
}
#home.content .SlideRight{
	margin-top:30px;
}
.SlideRight img{
	background:url("images/bg_img_cadre.gif") 0 0 no-repeat;
	padding:6px 5px 1px;
	margin-bottom:10px;
}
#play_video{
	background:#F2EFE7 url("images/loading.gif") 50% 50% no-repeat;
	width:409px;
	height:298px;
}


#baseline{
	padding:20px;
}
#baseline, #baseline a{
	width:960px;
	margin:0 auto;
	color:#aaa;
	font-size:9px;
	text-align:center;
}
h1{
	width:960px;
	margin:0 auto;
	top:100px;
	color:#d1cbb7;
	font-size:9px;
	text-align:center;
}
#entete {
	position:absolute;
	/*left:200px;*/
	margin:0 auto;
	top:0;
	width:993px;
	height:16px;
}

/* Contact */
.orange{color:#f3a300;}
.vert{color:#01AF00;}
.u{text-decoration:underline;}
.gris{color:#999277;}
.p_contact.size_14{
	font-size:14px;
	line-height:18px;
}
.p_contact{
	font-size:12px;
}

#form{
	padding:25px 0 0 0;
	color:#999277;
	font-size:12px;
}
#form ul{
	width:940px;
}
#form ul li{
	position:relative;
	z-index:0;
	float:left;
	padding-right:16px;
	padding-bottom:13px;
}
#form ul li b{
	color:#f3a300;
}
#form ul li input, #form ul li textarea{
	width:293px;
	height:20px;
	padding:4px 0 0;
	border:1px solid #dad6c7;
	font-weight:bold;
	font-size:12px;
	color:#444424;
	text-indent:5px;
}
#form ul li textarea{
	width:604px;
	height:164px;
}
#form ul li p.radio{
	width:935px;
	height:22px;
	float:left;
}
#form ul li p.radio label{
	width:150px;
	display:block;
	float:left;
	cursor:pointer;
}
#form ul li p.radio label.first{
	width:250px;
}
#form ul li p.radio label.second{
	width:140px;
}
#form ul li p.radio label.third{
	width:170px;
}
#form ul li p.radio label.fourth{
	width:100px;
}
#form ul li p.radio label.fifth{
	width:70px;
}
#form ul li p.radio input{
	width:auto;
	height:auto;
	border:0;
	cursor:pointer;
}
#form ul li .envoyer, #form ul li .annuler{
	width:146px;
	height:36px;
	padding:0;
	background:#fff url("images/envoyer.gif") 0 0 no-repeat;
	border:1px solid #dad6c7;
	color:#f3a300;
	font-weight:bold;
	font-size:14px;
	cursor: pointer;
}
#form ul li .annuler{
	background:#fff url("images/annuler.gif") 0 0 no-repeat;
	color:#444424;
}
/*validate*/
#form .red, #form1 .red {
	border: 1px solid #cc0000;
}
#form label.red, #form1 label.red {
	border: none;
	color: red;
}
#form .customRed, #form1 .customRed {
	border: none;
	color: red;
}
#validationMessage {
	display: none;
}

#form .errorMessage, #form1 .errorMessage {
	display: block;
	position: absolute;
	top: 0px;
	right: 20px;
	font-size: 10px;
	text-align: right;
	color: #c00;
}

/*captcha*/
/*small*/
#securite1{
	position:relative;
	height:133px;
	width:293px;
}
#securite1 #txt{
	position:absolute;
	top:0;
	left:0;
}
#securite1 span .captchapict{
	swidth:79px;
	padding:1px;
	background-color:#fff;
	border:1px solid #dad6c7;
	position:absolute;
	top:29px;
	left:0;
}
#securite1 p.captcha_1{
	width:120px;
	font-size:11px;
	position:absolute;
	top:29px;
	left:90px;
}

#securite1 #securite_capt{
	width:83px;
	position:absolute;
	top:29px;
	left:212px;	
}
#securite1 #securite_capt input{
	width:81px;
	height:58px;
	
	font-size:38px;
	text-align:center;
}
#securite1 .rouge{
	position:absolute;
	bottom:20px;
	color:#cf0000;
	font-size:11px;
	font-weight:bold;
}


/*  */
.infos_contact{
	width:560px;
	
	font-size:12px;
	line-height:18px;
	padding-top:14px;
	color:#999277;	
}
.infos_contact a{
	text-decoration:underline;
}

/*flash*/
#flash_video{
	background:url("images/bg_img_cadre.gif") 50% 50% no-repeat;
	width:410px;
	height:298px;
	display:block;
	padding:6px 5px 1px;
	margin-top:-4px;
	float:right;
	
	position:relative;
	z-index:0;
}
#play_video{
	position:absolute;
	top:6px;
	left:5px;
	
	cursor:pointer;
	z-index:99;
}
.noHeight{
	display: block;
	margin-top: -1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}
.relative{position:relative;}
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}

#mappy{
	width:530px;
	height:497px;
	padding:10px 0;
	border:1px solid #E1E1E1;
	margin:5px 0 20px -20px;
	float:left;
}
#map_google{
	width: 420px; 
	height:497px;
	padding:10px 0;
	float:right;
	margin:5px 0 20px;
	border:1px solid #E1E1E1;
}
#header .menu_bottom .hidden{
	display:none;
}

.form1{
	width:310px;
	text-align:right;
	background:url("images/call_back.gif") 0 80% no-repeat;
	position: absolute;
	bottom:-80px;
	z-index:-1;
}
#call{
	right:22px;
}
#news{
	background:url("images/newsletter.gif") 0 80% no-repeat;
	right:424px;
}
#form #news .errorMessage, #form1 #call .errorMessage{
	position:absolute;
	top:-15px;
	right:0;
	width:217px;
	text-align:left;
}
.form1 input{
	border:1px solid #e0dfda;
	color:#c4c2b5;
	font:bold 10px Arial, Tahoma;
	padding:1px 8px 2px 4px;
	width:125px;
	height:14px;
	float:right;
}
.form1 input.submit{
	background:url("images/bg_button_orange.gif") 0 0 repeat-x;
	width:75px;
	height:19px;
	color:#424222;
	float:right;
	margin-left:3px;
	text-align:center;
}

.form3 input{
	border:1px solid #e0dfda;
	color:#c4c2b5;
	font:bold 10px Arial, Tahoma;
	padding:1px 8px 2px 4px;
	width:120px;
	height:14px;
	float:left;
}
.form3 input.submit{
	background:url("images/bg_button_orange.gif") 0 0 repeat-x;
	width:75px;
	height:19px;
	color:#424222;
	float:left;
	margin-left:3px;
	margin-top:25px;
	text-align:center;
}
/*Compteur CO2*/
.compteur{
	width: 581px;
	height: 52px;
	
	margin: -60px auto 0;
}
.compteur_desc{
	display: block;
	width: 282px;
	height:42px;
	padding: 10px 4px 0 0;
	float: left;
	font: bold 16px 'Century Gothic', Arial, Tahoma;
	text-align: right;
}
.compteur_valeur{
	background: url("images/bg_compteur_co2.gif") 6px 0 no-repeat;
	display: block;
	width: 285px;
	height: 43px;
	padding: 3px 4px 0 0;
	background-color: #eaeaea;
	border: 3px solid #e4e4e4;
	float: left;
	text-align: right;
	line-height: 43px;
	color:#92CC53;
	font-size: 20px;
	font-weight: bold;
}
.compteur_valeur strong{
	font-size: 34px;
}
.compteur_valeur sub{
	font-size: 14px;
}