/* CSS Document */
body{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: url(images/bande_fond2.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
.spacer {
  clear: both;
}
a{
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}
a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.photo_lien{
	border: none;
}
.titres{
	color: #aa0022;
	font-weight: bold;
	font-size: 12px;
}
.gras{
	font-weight: bold;
}
.espace_pt_bloc{
	position: relative;
	width: 50px;
	height: 250px;
}
.logo_bp{
	position: relative;
	float: right;
	width: 101px;
	height: 37px;
	margin: 30px 0px 10px 10px;
}
.bt_envoi{
	position: relative;
	width: 145px;
	height: 29px;
	background-image: url(images/bt_envoie.png);
	background-repeat: no-repeat;
}
.puces_credits{
	position: relative;
	float: left;
	width: 97px;
	height: 118px;
	margin: 0px 0px 0px 70px;
}
.logo_gratuit{
	position: relative;
	float: right;
	width: 97px;
	height: 97px;
	margin: 0px 0px 0px 10px;
}
.bleu{
	color: #21758d;
	font-weight: bold;
}
.titres_generaux{
	color: #aa0022;
	font-weight: bold;
}
.titres_rouges{
	color: #aa0022;
	width:100%;
	display:block;
}
.form_recrutement{
	position: relative;
	float: left;
	width: 200px;
	min-height: 20px;
	margin: 0px 5px 0px 0px;
}
.form_recrutement_text{
	margin: 0px 10px 0px 0px;
}
.form_recrutement_bt{
	margin: 0px 20px 0px 0px;
}
/*-------------------------------------------------------conteneur----------------------------------------------------------------------*/
#conteneur{
	margin: auto;
	width: 1000px;
	margin-top: 50px;
}
#conteneur_home{
	margin: auto;
	width: 1022px;
	margin-top: 50px;
}
/*-------------------------------------------------------home---------------------------------------------------------------------------*/
#home{
	position: relative;
	width: 1022px;
	height: 544px;
	background-image: url(images/fonds_page/fd_home.jpg);
	background-repeat: no-repeat;
}
/*-------------------------------------------------------nuages-------------------------------------------------------------------------*/
#animation{
	position: relative;
	width: 1000px;
	height: 83px;
}
#nuages{
	position: relative;
	width: 1000px;
	min-height: 337px;
	background-image: url(images/fonds_page/fd_nuages_fonce.jpg);
	background-repeat: no-repeat;
	background-color: #d3fff9;
}
#bas_page{
	position: relative;
	width: 1000px;
	min-height: 10px;
	background-image: url(images/fonds_page/bas_page_fonce.jpg);
	background-repeat: no-repeat;
	font-size: 1px;
}
/*--------------bloc_gauche_interieur--------------*/
#bloc_gauche_interieur{
	position: relative;
	float: left;
	width: 670px;
	min-height: 10px;
	margin: 20px 40px 0px 20px;
}
/*------------bloc_haut_interieur------------*/
#bloc_haut_interieur{
	position: relative;
	width: 669px;
	height: 10px;
	background-image: url(images/bloc_interieur/bloc_haut.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
}
/*------------bloc_centre_interieur------------*/
#bloc_centre_interieur{
	position: relative;
	width: 669px;
	min-height: 1px;
	background-image: url(images/bloc_interieur/bloc_centre.png);
	background-repeat: repeat-y;
	margin: 0px 0px 0px 0px;
}
.bloc_centre_interieur_contenu{
	padding: 0px 10px 0px 10px;
	text-align: justify;
}
.bloc_centre_interieur_contenu a{
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
.bloc_centre_interieur_contenu a:hover{
	color: #aa0022;
}
#gd_bloc_interieur{
	position: relative;
	float: left;
	width: 435px;
	min-height: 10px;
	margin: 0px 20px 0px 0px;
}
#petit_bloc_interieur{
	position: relative;
	float: left;
	width: 214px;
	min-height: 10px;
	margin: 0px 0px 0px 0px;
}
.puce_gratuit_interieur{
	position: absolute;
	width: 99px;
	height: 99px;
	bottom: -20px;
	right: 20px;
}
.puce_gratuit_interieur2{
	position: absolute;
	width: 99px;
	height: 99px;
	bottom: -10px;
	right: 60px;
	z-index: 10;
}
/*------------image_bas------------*/
#image_bas{
	position: absolute;
	width: 216px;
	height: 162px;
	bottom: 20px;
	left: 475px;
	z-index: 100;
}
#image_photovoltaique{
	position: absolute;
	width: 214px;
	height: 181px;
	top: 49px;
	left: 475px;
	z-index: 100;
}
#image_photovoltaique_bas{
	position: absolute;
	width: 214px;
	height: 181px;
	bottom: 20px;
	left: 475px;
	z-index: 100;
}
#image_geothermie{
	position: absolute;
	width: 214px;
	height: 361px;
	top: 49px;
	left: 475px;
	z-index: 100;
}
/*------------bloc_bas_interieur------------*/
#bloc_bas_interieur{
	position: relative;
	width: 669px;
	height: 10px;
	background-image: url(images/bloc_interieur/bloc_bas.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
	z-index: 1;
}
/*-------------------------------------------------------menu accueil-----------------------------------------------------------------------*/
#menu_accueil{
	position: relative;
	width: 549px;
	height: 29px;
	margin: 0px 0px 0px 225px;
}
/*---accueil---*/
#accueil01 a{
	display: block;
	float: left;
	position: relative;
	width: 71px;
	height: 29px;
	background-image: url(images/menu/accueil_rouge01.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#accueil01 a:hover{
	background-image: url(images/menu/accueil_orange01.jpg);
	background-repeat: no-repeat;
}
#accueil01_dessus{
	position: relative;
	float: left;
	width: 71px;
	height: 29px;
	background-image: url(images/menu/accueil_orange01.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---contact---*/
#contact01 a{
	display: block;
	float: left;
	position: relative;
	width: 78px;
	height: 29px;
	background-image: url(images/menu/contact_rouge01.jpg);
	background-repeat: no-repeat;
}
#contact01 a:hover{
	background-image: url(images/menu/contact_orange01.jpg);
	background-repeat: no-repeat;
}
#contact01_dessus{
	position: relative;
	float: left;
	width: 78px;
	height: 29px;
	background-image: url(images/menu/contact_orange01.jpg);
	background-repeat: no-repeat;
}
/*-------------------------------------------------------menu---------------------------------------------------------------------------*/
#menu{
	position: relative;
	width: 549px;
	height: 29px;
	margin: 0px 0px 0px 225px;
}
/*---accueil---*/
#accueil a{
	display: block;
	float: left;
	position: relative;
	width: 71px;
	height: 29px;
	background-image: url(images/menu/accueil_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#accueil a:hover{
	background-image: url(images/menu/accueil_orange.jpg);
	background-repeat: no-repeat;
}
#accueil_dessus{
	position: relative;
	float: left;
	width: 71px;
	height: 29px;
	background-image: url(images/menu/accueil_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---calea---*/
#calea a{
	display: block;
	float: left;
	position: relative;
	width: 66px;
	height: 29px;
	background-image: url(images/menu/calea_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#calea a:hover{
	background-image: url(images/menu/calea_orange.jpg);
	background-repeat: no-repeat;
}
#calea_dessus{
	position: relative;
	float: left;
	width: 66px;
	height: 29px;
	background-image: url(images/menu/calea_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}

.liste_puce{
list-style-type:none;
list-style-image:url(images/puce_orange.jpg);

}

/*---charte---*/
#charte a{
	display: block;
	float: left;
	position: relative;
	width: 115px;
	height: 29px;
	background-image: url(images/menu/charte_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#charte a:hover{
	background-image: url(images/menu/charte_orange.jpg);
	background-repeat: no-repeat;
}
#charte_dessus{
	position: relative;
	float: left;
	width: 115px;
	height: 29px;
	background-image: url(images/menu/charte_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---recrutement---*/
#recrutement a{
	display: block;
	float: left;
	position: relative;
	width: 108px;
	height: 29px;
	background-image: url(images/menu/recrutement_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#recrutement a:hover{
	background-image: url(images/menu/recrutement_orange.jpg);
	background-repeat: no-repeat;
}
#recrutement_dessus{
	position: relative;
	float: left;
	width: 108px;
	height: 29px;
	background-image: url(images/menu/recrutement_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---devis---*/
#devis a{
	display: block;
	float: left;
	position: relative;
	width: 52px;
	height: 29px;
	background-image: url(images/menu/devis_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#devis a:hover{
	background-image: url(images/menu/devis_orange.jpg);
	background-repeat: no-repeat;
}
#devis_dessus{
	position: relative;
	float: left;
	width: 52px;
	height: 29px;
	background-image: url(images/menu/devis_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---blog---*/
#blog a{
	display: block;
	float: left;
	position: relative;
	width: 53px;
	height: 29px;
	background-image: url(images/menu/blog_rouge.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
#blog a:hover{
	background-image: url(images/menu/blog_orange.jpg);
	background-repeat: no-repeat;
}
#blog_dessus{
	position: relative;
	float: left;
	width: 53px;
	height: 29px;
	background-image: url(images/menu/blog_orange.jpg);
	background-repeat: no-repeat;
	border-right: solid 1px #FFFFFF;
}
/*---contact---*/
#contact a{
	display: block;
	float: left;
	position: relative;
	width: 78px;
	height: 29px;
	background-image: url(images/menu/contact_rouge.jpg);
	background-repeat: no-repeat;
}
#contact a:hover{
	background-image: url(images/menu/contact_orange.jpg);
	background-repeat: no-repeat;
}
#contact_dessus{
	position: relative;
	float: left;
	width: 78px;
	height: 29px;
	background-image: url(images/menu/contact_orange.jpg);
	background-repeat: no-repeat;
}
/*-------------------------------------------------------bloc_gauche-------------------------------------------------------------------------*/
#bloc_gauche{
	position: relative;
	float: left;
	width: 346px;
	height: 510px;
	margin: 0px 40px 0px 0px;
}
/*---logo---*/
#logo{
	position: relative;
	width: 270px;
	height: 93px;
	margin: 24px 0px 0px 12px;
}
/*---infos---*/
#bloc_infos{
	position: relative;
	width: 346px;
	height: 204px;
	background-image: url(images/bloc_droit_infos.jpg);
	background-repeat: no-repeat;
	margin: 145px 0px 0px 0px;
}
.contenu_bloc_infos{
	padding: 10px 10px 10px 100px;
}
.titre_bloc_info{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}
.description_bloc_info{
	color: #FFFFFF;
	font-weight: normal;
	text-align: justify;
	font-size: 9px;
}
#bloc_infos a{
	color: #FF8000;
}
#bloc_infos a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
.trait_blanc{
	position: relative;
	width: 236px;
	height: 1px;
	background-color: #95bdc8;
	margin: 5px 0px 5px 0px;
	font-size: 1px;
}
/*-------------------------------------------------------bloc_centre-------------------------------------------------------------------------*/
#bloc_centre{
	position: relative;
	float: left;
	width: 260px;
	height: 520px;
	margin: 0px 30px 0px 0px;
}
#img_acc{
	position: relative;
	width: 260px;
	height: 259px;
	padding: 0px 0px 0px 0px;
	margin: 150px 0px 45px 0px;
}
#bloc_blanc_accueil{
	position: relative;
	width: 250px;
	height: 60px;
	background-image: url(images/footer/bloc_blanc_region.jpg);
	background-repeat: no-repeat;
}
/*---puce_diagnostic---*/
#puce_diagnostic{
	position: absolute;
	width: 142px;
	height: 142px;
	bottom: 95px;
	left: 71px;
	margin: 0px 0px 0px 0px;
}
#puce_diagnostic_acc{
	position: absolute;
	width: 120px;
	height: 120px;
	top: 135px;
	right: -90px;
	margin: 0px 0px 0px 0px;
}
/*---puce_8000---*/
#puce_8000{
	position: absolute;
	width: 112px;
	height: 117px;
	top: 90px;
	right: 43px;
	margin: 0px 0px 0px 0px;
}
#puce_8000_acc{
	position: absolute;
	width: 112px;
	height: 117px;
	top: 15px;
	right: -40px;
	margin: 0px 0px 0px 0px;
}
/*---faites_eco---*/
#faites_eco{
	position: absolute;
	width: 220px;
	height: 62px;
	top: 50px;
	left: -51px;
	margin: 0px 0px 0px 0px;
}
/*-------------------------------------------------------bloc_droit-------------------------------------------------------------------------*/
#bloc_droit_home{
	position: relative;
	float: left;
	width: 346px;
	min-height: 100px;
	margin: 0px 0px 0px 0px;
}
#bloc_droit{
	position: relative;
	float: left;
	width: 270px;
	min-height: 100px;
	margin: 0px 0px 0px 0px;
}
#blog_bloc_haut{
	position: relative;
	width: 346px;
	height: 8px;
	background-image: url(images/blog_bloc/blog_bloc_haut.jpg);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
	font-size: 1px;
}
.blog_bloc_centre{
	position: relative;
	width: 346px;
	min-height: 147px;
	background-image: url(images/blog_bloc/blog_bloc_centre.jpg);
	background-repeat: repeat-y;
}
.contenu_blog{
	padding: 0px 100px 0px 10px;
}
.titre_blog{
	color: #000000;
	font-weight: bold;
	font-size: 12px;
}
.description_blog{
	color: #000000;
	font-weight: normal;
	text-align: justify;
	font-size: 9px;
}
.blog_bloc_centre a{
	color: #7a0a49;
}
.blog_bloc_centre a:hover{
	color: #000000;
	text-decoration: none;
}
.trait_blog{
	position: relative;
	width: 236px;
	height: 1px;
	background-color: #7e7f7f;
	margin: 5px 0px 5px 0px;
	font-size: 1px;
}
#img_blog{
	position: absolute;
	width: 85px;
	height: 103px;
	background-image: url(images/blog_bloc/img_blog.jpg);
	background-repeat: no-repeat;
	top: 20px;
	right: 0;
	z-index: 100;
}
#blog_bloc_bas{
	position: relative;
	width: 346px;
	height: 11px;
	background-image: url(images/blog_bloc/blog_bloc_bas.jpg);
	background-repeat: no-repeat;
	line-height: 1px;
	font-size: 1px;
}
/*---------menu_droit---------*/
#menu_droit{
	position: relative;
	width: 262px;
	min-height: 100px;
	margin: 23px 0px 0px 73px;
}
.contenu_menu_droit{
	padding: 0px 5px 10px 10px;
}
.titre_menu_droit{
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px 0px 7px 0px;
}
#menu_droit_bas{
	position: relative;
	width: 262px;
	height: 12px;
	background-image: url(images/menu_droit/menu_droit_bas.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
/*--blocs--*/
#menu_droit_haut{
	position: relative;
	width: 262px;
	height: 12px;
	background-image: url(images/menu_droit/menu_droit_haut.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
}
#menu_droit_centre{
	position: relative;
	width: 262px;
	min-height: 12px;
	background-image: url(images/menu_droit/menu_droit_centre.jpg);
	background-repeat: no-repeat;
	background-color: #4c90a2;
	margin: 0px 0px 0px 0px;
}
.trait_menu_droit{
	position: relative;
	width: 250px;
	height: 1px;
	background-color: #99bfca;
	margin: 5px 0px 5px 0px;
	font-size: 1px;
}
/*--liens--*/
#menu_droit a{
	position: relative;
	display: block;
	width: 228px;
	min-height: 16px;
	background-image: url(images/fleche_blanche.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 7px 0px 0px;
}
#menu_droit a:hover{
	background-color: #e57514;
	text-decoration: none;
	background-image: url(images/fleche_orange.jpg);
	background-repeat: no-repeat;
}
.menu_droit_dessus a{
	position: relative;
	display: block;
	width: 228px;
	min-height: 16px;
	background-color: #e57514;
	text-decoration: none;
	background-image: url(images/fleche_orange.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 7px 0px 0px;
}
/*---------menu_droit2---------*/
#menu_droit2{
	position: relative;
	width: 270px;
	min-height: 100px;
	margin: 20px 0px 0px 0px;
}
/*--blocs--*/
#menu_droit_haut2{
	position: relative;
	width: 270px;
	height: 18px;
	background-image: url(images/menu_droit/menu_droit_haut2.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	font-size: 1px;
}
#menu_droit_centre2{
	position: relative;
	width: 270px;
	min-height: 271px;
	background-image: url(images/menu_droit/menu_droit_centre2.jpg);
	background-repeat: no-repeat;
	background-position: bottom; /* positionner l'image tjrs en bas */
	background-color: #216e80;
	margin: 0px 0px 0px 0px;
}
/*--liens--*/
#menu_droit2 a{
	position: relative;
	display: block;
	width: 228px;
	min-height: 16px;
	background-image: url(images/fleche_blanche.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 7px 0px 0px;
}
#menu_droit2 a:hover{
	background-color: #e57514;
	text-decoration: none;
	background-image: url(images/fleche_orange.jpg);
	background-repeat: no-repeat;
}
#menu_droit2 .menu_droit_dessus a{
	position: relative;
	display: block;
	width: 228px;
	min-height: 16px;
	background-color: #e57514;
	text-decoration: none;
	background-image: url(images/fleche_orange.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 15px;
	margin: 0px 7px 0px 0px;
}
/*-------------------------------------------------------footer--------------------------------------------------------------------------*/
#footer_acc{
	position: relative;
	width: 250px;
	height: 22px;
	background-image: url(images/footer/fd_footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 386px;
}
#footer_acc h6{
	color: #FFFFFF;
}
#footer{
	position: relative;
	width: 250px;
	height: 22px;
	background-image: url(images/footer/fd_footer.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding: 4px 0px 0px 0px;
	margin: 0px 0px 0px 375px;
}
#footer h6{
	color: #FFFFFF;
}