/* CSS Document */
body
{
	margin:0;
	font-family:Tahoma; 
	font-size:11px;
	color:#FFFFFF;	
}
.bg_accueil
{
	background:url(images/pixel_body.jpg) repeat-x #534B48;
}
.bg_construction
{
	background:url(images/pixel_construction_off.jpg) repeat-x #524A47;	
}
.bg_inteireurs
{
	background:url(images/pixel_construction.jpg) repeat-x #524A47;	
}
.bg_contact
{
	background:url(images/pixel_contact.jpg) repeat-x #524A47;	
}
*  {
	margin: 0 ;
}



h2, h3 , h4 , h5  {
	
	display:block;
	margin:0;
	padding:0;
}


p
{
	padding:3px 0 5px 0;
	display:block;
}

ul 
{
	margin: 0 ;
	padding:0;
	list-style:none;
}

a 
{
	text-decoration:none;	
}


a:hover {
	text-decoration:none;
	
	}
/*******************************************page_accueil*************************/
#page
 {
	margin: 0 auto;
	width: 955px;
	display:table;
}
#header
{
	background:url(images/header.jpg) no-repeat top;
	width:955px;
	height:164px;

}
#logo
{
	padding:14px 0 0 16px;
}
/************************menu************************************************/
				
				
				
#menu
{
	width:828px;/*955px*/
	float:left;
	padding:16px 0 0 127px;
	
}
#menu li
{
	float:left;
	
}
#menu li a
{
	
	display:block;
	height:25px;  
	
}
#accueil a
{
	 background:url(images/presentation_normal.gif) no-repeat;
	 width:161px;
	 margin:0 25px 0 0; 
}
#accueil a:hover
{
	 background:url(images/presentation_hover.gif) no-repeat;
	 width:161px;
	 margin:0 25px 0 0; 
}
#construction a
{
	 background:url(images/construction_normal.gif) no-repeat;
	 width:172px;
	 margin:0 25px 0 0; 
}
#construction a:hover
{
	 background:url(images/construction_hover.gif) no-repeat;
}
#interieur a
{
	 background:url(images/interieur_normal.gif) no-repeat;
	 width:286px;
	 margin:0 25px 0 0; 
}
#interieur a:hover
{
	 background:url(images/interieur_hover.gif) no-repeat;
}
#contact a
{
	 background:url(images/contact_normal.gif) no-repeat;
	 width:114px;
}
#contact a:hover
{
	 background:url(images/contact_hover.gif) no-repeat;
}
#accueil .active
{
	 background:url(images/presentation_hover.gif) no-repeat;
}

/*****************************************fin_menu************************************************/
#bande
{
	 float:left;	
}
#contenu
{
	 float:left;
	 width:927px;/*955*/
	 padding:21px 0  0 13px;
	
}
#contenu p
{
	text-align:justify;
}
#contenu .img
{
	border:#EB7C00 solid 1px;
	float:left;
	margin:0 16px 0 0;
}
#bloc1
{
	float:left;
	width:245px;
	margin-right:24px;
}
#bloc2
{
	float:left;
	width:440px;
	padding:2px 0 0 0;
}
#bloc2 p
{
	text-align:justify;
	padding: 3px 7px 5px 0;
}
#bloc2 span
{
	font-weight:bold;
	font-size:12px;
}
.gauche
{
	float:left;
	width:200px;
	background:url(images/ligne2.gif) no-repeat right 10px;	
}
.droite
{
	float:right;
	width:206px;
}

#haut
{
	float:left;
	width:426px;
	
}
#bas
{
	float:left;
	width:426px;
}

.rouge
{
	color:#EA0B30;
}
.jaune
{
	color:#EBC70C;
}
.orange
{
	color:#EB770C;
}
.ligne1
{
	float:left;
	/*margin-left:8px;*/
		
}
/*****************************************page_construction************************************************/
#header_nav
{
	width:955px;
	padding-top:18px;
}
#construction .active
{
	 background:url(images/construction_hover.gif) no-repeat;
}
#bande_rouge
{
	 float:left;
	 background:url(images/bande_rouge_off.jpg) no-repeat top;
	 width:955px;
	 height:216px;
}

#bande_rouge_interieurs
{
	 float:left;
	 background:url(images/bande_rouge.jpg) no-repeat top;
	 width:955px;
	 height:216px;
}
#logo_nav
{
	padding:14px 0 0 5px;
}
#contenu_nav
{
	 float:left;
	 width:938px;/*955*/
	 padding:30px 0 0 12px;
	 color:#FFFFFF;	
}
#contenu_nav p
{
	text-align:justify;
}
/********************/
#bloc1_nav
{
	
	float:left;
	width:420px;
	margin:0 35px 0 0;
}
#bloc1_nav .imag
{
	float:left;
	padding:0 5px 0 0;
	
}
#bloc1_nav h3
{
	padding-top:7px;
	
}
#bloc1_nav p
{
	padding:3px 0 0 0;
	
}
.top
{
	padding-bottom:10px;
	float:left;
	width:420px;
	

}
.top p
{
	margin-left:50px;

}
/********************/
#bloc2_nav
{
	float:right;
	width:470px;
	padding:8px 0 0 0;
}

#diaporama
{
	width:470px;
	cursor:pointer;
	float: left;
	padding-top:10px;
	
}

#diaporama1
{
	width:470px;
	float:right;
		
}
	.bg_construction #diaporama1 img
{
	border:2px solid #eb2f0c;
	
}

	.bg_inteireurs #diaporama1 img
{
	border:2px solid #ebc70c;
	
}
	
.bg_construction #diaporama2
{
	width:470px;
	float:left;
	border-bottom:#eb2f0c solid 1px;
	border-top:#eb2f0c solid 1px;
	padding-top:8px;
	overflow-y: auto;
}

.bg_inteireurs #diaporama2
{
	width:470px;
	float:left;
	border-bottom:#ebc70c solid 1px;
	border-top:#ebc70c solid 1px;
	padding-top:8px;
	overflow-y: auto;
}

.bg_construction #diaporama2 img
{
	border:1px solid #eb2f0c;
	margin:0 1px 4px 0;	
}

.bg_inteireurs #diaporama2 img
{
	border:1px solid #ebc70c;
	margin:0 1px 8px 0;	
}

.bg_construction #diaporama1 .tof1 {
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#eb2f0c;
	padding: 14px 0 14px 0;
	margin:2px 0 0 0;
	width:470px;

}

.bg_inteireurs #diaporama1 .tof1 {
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#ebc70c;
	padding: 14px 0 14px 0;
	margin:2px 0 0 0;
	width:470px;

}

#diaporama1 .none {
	display:none;
	
}
/*****************************************pages_interieur************************************************/
#interieur .active
{
	 background:url(images/interieur_hover.gif) no-repeat;
}






#bloc2_inter
{
	float:right;
	width:470px;
	padding:8px 0 0 0;
}
/*****************************************pages_mention************************************************/
#contenu_mention
{
	padding:20px 25px 0 50px;
	float: left;
	width:880px;
}
#bloc_mention1
{
	float:left;
	width:366px;
}
#bloc_mention2
{
	float:right;
	width:377px;
	padding:40px 0 0 0;
}
#contenu_mention p
{
	text-align:justify;
	padding:6px 8px 10px 4px;
}
#bloc_mention1 h2
{
	
	padding:0 0 40px 0;
}
/*****************************************page_contact************************************************/
#header_contact
{
	width:955px;
	padding-top:18px;
}
#contact .active
{
	 background:url(images/contact_hover.gif) no-repeat;
}
#bande_jaune
{
	 float:left;
	 background:url(images/bande_jaune.jpg) no-repeat top;
	 width:955px;
	 height:216px;
}
#logo_contact
{
	padding:14px 0 0 5px;
}
#contenu_contact
{
	background:url(images/bg_contenu.jpg) 48px 43px no-repeat;
	padding:26px 0 0 58px;
	width:897px;
	float:left;
}
#bloc1_contact
{
	width:427px;
	float:left;
	margin-right:44px;
}
.map
{
	border:1px solid #9f7350;
	margin:10px 0 0 0;
}
	
#bloc_contact2
{
	width:366px;
	float:left;
	padding:20px 0 0 0;
}
#coordone
{
	width:188px;
	float:left;
			
}
#coordone .adresse
{
	background:url(images/lettre.jpg) no-repeat left;
	display:block;
	padding:10px 0 0 52px;
}
#coordone .fixe
{
	background:url(images/phone.jpg) no-repeat left;
	display:block;
	padding:10px 0 0 52px;
}
#coordone .crayon
{
	background:url(images/mail.jpg) no-repeat left;
	display:block;
	padding:10px 0 0 52px;
}
#coordone em
{
	position:relative;
	top:6px;	
}
.villa
{
	float:right;
}
/******* formulaire *****/
#formulaire {
	float: left;
	width:365px;
	padding: 20px 0 0 0px;

}
#formulaire p{
	width:357px;
	float:left;
	display:block;
	padding-left:5px;
}
 
#formulaire span{
	float:left;
	font-weight:bold;
	clear:left;
}
 
#formulaire em{
	color:#FF3300;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid #9f7350;
	width:260px;
	color:#000;
	height: 18px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid #9f7350;
	width:260px;
	height:70px;
	color:#000;
}

#formulaire .bout{
	width: 41px;
	height:16px;
	border:none;
	
}

#formulaire .rouge{
	color:#FF3300;
	display:block;
	font-weight:bold;
	float:right;
	padding-right:20px;
}
.form
{
float:left;
}
/*****************************************footer************************************************/
#footer{
	
	clear:both;
	padding-top:15px;
	float:left;
	width:955px;
	
	}
#footer span
{
	padding:0 2px	
}
#liens_bas
{
	margin: 0 auto;
	width:500px;
	text-align:center;
	
}
#liens_bas li
{
	display:inline;
}
#liens_bas a
{
	color:#EB7C00;
	font-weight:bold;
	
}

#liens_bas a:hover 
{
	color:#E5AD22;
}
#liens_bas
{
	color:#EB7C00;
}

#adresse
{
	margin: 0 auto;
	width:630px;	
}

#adresse em
{
	position:relative;
	top:6px;	
}
#adresse .site
{
	vertical-align:bottom;
}
#toptech
{
	text-align:center;
	padding-top:15px;
}

#toptech p
{
	text-align:center;
}
#toptech a
{
	font-size:10px;
	color:#EB7C00;
}
#toptech a:hover
{
	color:#E5AD22;
}
/* CSS Document */