/********************************************************************* Balise ****************************************************************/
*{
	padding:0px;
	margin:0px;
}

form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

h1{
	font-size:18px;
	font-weight:bolder;
	padding-bottom:26px;
}

h2{
	font-size:15px;
	font-weight:bolder;
	padding-bottom:10px;
}

a {
	color:#a44702;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#a44702;
	text-decoration:underline;
	font-weight:bold;
}

a:active{
	color:#a44702;
	text-decoration:none;
	font-weight:bold;
}

/******************************************************************** Lien ******************************************************************/

a img{
	border:none;
}

.scrollbarre {
	overflow:auto;
}

/********************************************************************** BDD **************************************************************/

#rea_content{
	margin-top:20px;
	margin-bottom:30px;
}
.rea_tpl{
	border:solid 1px #000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:10px 10px 40px 10px;
	padding:10px 0 10px 2px;
	background-color:#C7DD7A;
}

.rea_tpl_actu{
	border:solid 1px #000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:10px 10px 40px 10px;
	padding:10px 0 10px 2px;
	background-color:#CFE8F0;
}

.rea_tpl_actu h2{
	text-align:center;
	color:#000000;
	background-color:#FFFFFF;
	margin:0 10px 10px 10px;
	padding-top:10px;
	border:1px solid #666666;
}


.rea_tpl_actu p{
	padding:5px 10px 10px 10px;
	text-align:justify;
	
}

.rea_tpl p{
	padding:5px 10px 10px 10px;
	text-align:justify;
	
}

.rea_tpl h2{
	text-align:center;
	color:#000000;
	background-color:#FFFFFF;
	margin:0 10px 10px 10px;
	padding-top:10px;
	border:1px solid #666666;
}

.rea_tpl h2:first-letter{
	text-transform:uppercase;
}

.rea_tpl p:first-letter{
	text-transform:uppercase;
}


#rea_content .photo{
	margin:10px 0px 10px 6px;
	border:1px solid #000000;
}

#rea_content a{
	color:#597514;
}

.rea_tpl_date{
	float:right;
	line-height:15px;
	font-size:12px;
	color:#004F86;
	font-weight:bolder;
	padding-top:5px;
	margin-right:20px;
}

.rea_tpl_titre{
	float:left;
	width:400px;
}

.rea_tpl_descriptif{
	clear:both;
}

/********************************************************************** Newsletter **************************************************************/
#newsletter2{
	height:20px;
	background-color:#C7DD7A;
	font-size:12px;
	border-bottom:1px solid #B37A00;
	padding-top:3px;
	text-align:right;
	padding-right:10px;
}

#newsletter2 p{
	float:right;
	line-height:20px;
	font-size:12px;
}

.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #000000;
	width:121px;
	height:14px;
	padding-left:3px;
	padding-top:2px;
	float:right;
	margin:0 10px 0 10px;
	
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#000000;
	background-color:#9ac111;
	border:1px solid #000000;
	width:34px;
	height:18px;
	float:right;
	
}

.bouton_contact {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#000000;
	background-color:#9ac111;
	border:1px solid #000000;
	width:121px;
	height:18px;
}

.text_area {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #000000;
	width:300px;
	height:100px;
	padding-left:3px;
	padding-top:2px;
	
}

.email_contact {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #000000;
	width:200px;
	height:14px;
	padding-left:3px;
	padding-top:2px;
	
}

.email_detail {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#000000;
	background-color:#ffffff;
	border:1px solid #000000;
	width:150px;
	height:14px;
	padding-left:3px;
	padding-top:2px;
	
}

/**********************************************************BDD AUTO **************************************/
.numpage {
	display:block;
	float:left;
	width:17px;
	border:1px solid #C7DD7A;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666 !important;
	text-decoration:none ;
}

.numpage:hover {
	color:#70B242;
	text-decoration:none ;
}

.numpage_selec {
	display:block;
	float:left;
	width:17px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	font-weight:bolder;
	text-decoration:none ;
}
.bt_suivant{
	display:block;
	float:left;
	width:35px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666;
	text-decoration:none ;
}

.bt_suivant:hover {
	color:#70B242;
	text-decoration:none;
}

.bt_precedent{
	display:block;
	float:left;
	width:35px;
	border:1px solid #ffffff;
	text-align:center;
	height:17px;
	margin:2px;
	line-height:17px;
	color:#666666;
	text-decoration:none ;
}

.bt_precedent:hover {
	color:#70B242;
	text-decoration:none;
}

.liste_cat{
}
.fichierbin{
}
.photo{
}

.navigation {
	margin-left:auto;
	margin-right:auto;
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{border:none;}

 

#overlay{background-image:url('gifs/overlay.png');}

 

* html #overlay{background-color:transparent;background-image:url(blank.gif);}

	
/********************************************DIV ID**************************************************/


#global{
	width:958px;
	border-left:1px solid #b37a00;
	border-right:1px solid #b37a00;
	margin:auto;
	background:url(gifs/back_contenu.gif);
}

#header{
	height:165px;
	width:958px;
	border-bottom:1px solid #b37a00;

}

#baseline{
	background-color:#9e2900;
	width:558px;
	height:14px;
	color:#FFFFFF;
	font-size:10px;
	float:left;
	padding-top:1px;
}

#favoris{
	width:390px;
	height:14px;
	background-color:#9e2900;
	color:#FFFFFF;
	font-size:10px;
	float:right;
	padding-top:1px;
	padding-right:10px;
	
}

#logo{
	width:215px;
	float:left;
	border-right:1px solid #b37a00;
	height:150px;
	overflow:hidden;

}

#neutre {
	float:left;
	width:742px;
	
}

#diaporama{
	width:742px;
	height:150px;
	background-image:url(gifs/fond_diaporama.png);
}

#adresse{
	width:186px;
	border-left:1px solid #b37a00;
	height:140px;
	font-size:12px;
	padding-left:10px;
	padding-top:10px;
	position:absolute;
	z-index:100;
	margin:-150px 0 0 545px;
	font-weight:bolder;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#adresse:hover{
	background:url(gifs/back_adresse.png) repeat-x;
}

#adresse strong {
	letter-spacing:0.01em;
	font-size:14px;
}

#contenu{
	width:958px;

}

#left{
	width:215px;
	float:left;


}



#right{
	width:196px;
	float:left;
	border-left:1px solid #b37a00;
	height:100%;
}

#middle{
	width:545px;
	float:left;
	border-left:1px solid #b37a00;

}



#footer{
	background-color:#9e2900;
	border-top:1px solid #b37a00;
	clear:both;
	height:55px;
	border-bottom:1px solid #b37a00;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	
}

#menu{
	width:209px;
	background-color:#dedede;
	border:1px solid #FEC706;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
}

#contact_tel{


	width:209px;
	height:82px;
	border:1px solid #FEC706;
	margin-left:auto;
	margin-right:auto;
	background-image:url(gifs/contact.png);

}

.espacement{
	margin-top:7px;
}

#contact_tel a{
	display:block;
	width:202px;
	height:67px;
	padding:15px 0 0 7px;
	font-size:14px;
	text-decoration:none;
	color:#000000;
	line-height:25px;

}

#contact_tel a:hover{
	text-decoration:underline;
}

#plan_acces{
	width:209px;
	height:90px;
	border:1px solid #FEC706;
	margin-left:auto;
	margin-right:auto;

	background-image:url(gifs/plan.png);
}

#plan_acces a{
	display:block;
	width:202px;
	height:87px;
	padding:3px 0 0 7px;
	font-size:14px;
	text-decoration:none;
	color:#000000;
}

#plan_acces a:hover{
	text-decoration:underline;
}

#partenaires{
	width:202px;
	height:66px;
	border:1px solid #FEC706;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding:3px 0 0 7px;
	font-size:14px;
	background-color:#ffffff;
}

#actu{
	padding:5px 10px 5px 7px;
	width:173px;
	height:135px;
	border:1px solid #FEC706;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#ffffff;
}

#texte_actu{
	width:157px;
	padding:5px 7px 0 7px;
	margin:3px 0 5px 0;
	border:1px solid #006DBA;
	background-color:#CFE8F0;
}

#devis{
	width:190px;
	height:47px;
	border:1px solid #FEC706;
	margin-left:auto;
	margin-right:auto;
	background-image:url(gifs/devis.gif);
}

#devis:hover{
background-image:url(gifs/devis_hover.gif);

}

#devis a{
	display:block;
	width:190px;
	height:47px;
	color:#000000;
	text-decoration:none;
	font-size:15px;
	line-height:47px;
	text-align:center;
	font-weight:bolder;
	
}

#newsletter{
	padding-top:5px;
	width:209px;
	height:66px;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
	background-color:#e9e9e9;
	font-size:12px;
}

#adresse_footer{
	background-color:#FFFFFF;
	font-size:11px;
	text-align:center;
	border-bottom:1px solid #b37a00;
	height:15px;
	width:958px;
	color:#000000;
	margin-bottom:5px;
}

.titre_rea{
	color:#000000;
	text-decoration:none;
	font-size:16px;
	background-color:#FFFFFF;
	padding:5px 6px 5px 6px;
	border:1px solid #666666;
}

#realisation{
	padding-top:15px;
	width:190px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:center;
	font-size:15px;
	background-color:#C7DD7A;
	border:1px solid #FEC706;
}

#zone_chaude{
	width:515px;
	margin-top:28px;
	margin-left:15px;
	font-size:12px;
	text-align:justify;
}

#pub{
	width:450px;
	height:81px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(gifs/pub.png);
	font-size:12px;
}


#pub:hover{
	background-image:url(gifs/pub_hover.png);
}

#pub_photo{
	height:81px;
	width:195px;
	float:left;
	background-image:url(gifs/pub.png);
}

.pub{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#3e3e3e;
}

#pub_texte{
	height:81px;
	width:255px;
	float:left;
	font-size:18px;
}

#rangee{
	width:515px;
	height:40px;

}

#fil_ariane{
	padding-top:10px;
	width:515px;
	height:20px;
	clear:both;
	font-size:10px;
	text-align:right;
	border-bottom:1px solid #000000;
	margin-bottom:8px;
}

#descriptif{
	padding-left:15px;
	font-size:12px;
	color:#3e3e3e;
}

#bloc_contact{
	width:455px;
	border:1px solid #000000;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:30px;
	background-color:#e9e9e9;
	margin-top: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#plan{
	border:1px solid #000000;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
}

#photo_velux{
	margin-left:auto;
	margin-right:auto;
	border:1px solid #000000;
	margin-top:20px;
	width:180px;
	overflow:hidden;
	height:135px;
}

#cadre_photos{
	width:460px;
	height:158px;
	padding-left:55px;
}

.photo_2{
	border:1px solid #000000;
	width:180px;
	height:135px;
	float:left;
	margin:20px 0 0 0;
	overflow:hidden;
}


/***********************************CLASS***************************************/

.lien_titre{
	display:block;
	color:#000000;
	text-decoration:none;

}

ul{
	padding-top:10px;
	padding-left:210px;
	list-style-type:none;
}


.lien{
	text-decoration:none;
	color:#3e3e3e;
}

.lien:hover{
	text-decoration:underline;
	
}


.lien:link{
	color:#3e3e3e;
}

.lien:active{
	color:#3e3e3e;
}

.blanc{
	text-decoration:none;
	color:#FFFFFF;
}

.blanc:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

.bleu{
	color:#006dba;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	text-decoration:none;
	font-size:18px;
}

.vert{
	color:#597514;
	text-decoration:none;
}

.bordeau{
	color:#a44702;
}	


.cadre_realisation{
	width:152px;
	margin:auto;
	font-size:10px;
	text-align:left;
}

.photo_realisation{
	border:1px solid #000000;
	margin-bottom:10px;
	margin-top:15px;
	height:90px;
	overflow:hidden;
}

.texte{
	font-size:12px;
	color:#3e3e3e;
}

.clic{
	font-size:11px;
	color:#a44702;
}

.vitrine{
	width:515px;
	height:112px;
	margin-top:30px;
	margin-bottom:30px;
}

.vitrine_photo{
	border:1px solid #000000;
	width:227px;
	height:110px;
	float:left;
	margin-right:13px;
	overflow:hidden;
}

.vitrine_texte{
	height:112px;
	width:375px;
	float:left;
}

.brique{
	height:20px;
	width:165px;
	margin-right:8px;
	float:left;
	font-size:12px;
	text-align:center;
	padding-top:4px;
	border:1px solid #000000;
	background-color:#FEC706;
}

.brique_fin{
	height:20px;
	width:161px;
	float:left;
	font-size:12px;
	text-align:center;
	padding-top:4px;
	border:1px solid #000000;
	background-color:#FEC706;
}

.sousmenu{
	text-decoration:none;
	color:#000000;
}

.sousmenu:hover{
	text-decoration:underline;
	color:#000000;
}






/**************************************************PUB********************************************************/

ul.MenuPub {
   width: 450px;
   height:81px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;

}

ul.MenuPub li {
}

ul.MenuPub li a {
   display: block;
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 81px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;

}

li#menuP {
   width: 450px;
   
}

li#menuP a {
   padding-top:14px;
	color:#050505;
	padding-left:210px;
}	

li#menuP a:hover {
	text-decoration:none;
}

/***********************************MENU***************************************/

ul.MenuHorizontal {
   width: 209px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;

}

ul.MenuHorizontal li {
   width: 209px;
}

ul.MenuHorizontal li a {
   display: block;
	background-color:#C7DD7A;
   color: #000000;         /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   font-weight: bold;
   padding-top: 0px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   height: 24px;         /*Ici, on augmente la hauteur du menu*/ 
   text-decoration: none;
   vertical-align:middle;
   line-height:24px;
}


li#menu0 a {
   background-image: url('gifs/menu.gif');      /*Ici l'image de fond de la cellule*/
padding-left:30px;
}

li#menu1 a {
   background-image: url('gifs/menu.gif');       /*Ici l'image de fond de la cellule*/
padding-left:30px;
}

li#menu2 a {
   background-image: url('gifs/menu.gif');       /*Ici l'image de fond de la cellule*/
padding-left:30px;
}

li#menu3 a {
   background-image: url('gifs/menu_large.gif');      /*Ici l'image de fond de la cellule*/
   height:37px;padding-left:30px; line-height:18px;;
}

li#menu4 a, li#menu4_bis a  {
   background-image: url('gifs/menu.gif');   padding-left:30px;     /*Ici l'image de fond de la cellule*/
}

li#menu5 a {
   background-image: url('gifs/menu.gif');    padding-left:30px;    /*Ici l'image de fond de la cellule*/
}

li#menu6 a {
   background-image: url('gifs/menu.gif');    padding-left:30px;   /*Ici l'image de fond de la cellule*/
}

li#menu7 a {
   background-image: url('gifs/menu.gif');   padding-left:30px;   /*Ici l'image de fond de la cellule*/
}

li#menu8 a {
   background-image: url('gifs/menu.gif');      padding-left:30px;  /*Ici l'image de fond de la cellule*/
}

li#menu9 a {
   background-image: url('gifs/menu_fin.gif');    padding-left:30px;     /*Ici l'image de fond de la cellule*/
   height:23px;
   line-height:23px !important;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/menu_large_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu4 a:hover, a#selected-over4, li#menu4_bis a:hover, a#selected-over4_bis  {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu8 a:hover, a#selected-over8 {
   background-image: url('gifs/menu_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}

li#menu9 a:hover, a#selected-over9 {
   background-image: url('gifs/menu_fin_over.gif') !important;         /*Ici l'image de fond over de la cellule*/
}