body {
	background-image: url("../img/flag1.jpg");
	background-size:55%;
	font-family: Arial, sans-serif;
	margin-top:0;
	font-size : 15px;
}

#boutonRechercher {
	color:white;
	background-image: url("../img/btn.png");
	height:30px;
	width:200px;
	font-weight:bold;	
}

#container { /* Div principale du site qui contient tous les elements */
	/*background-color :rgba(200 ,200 ,200, 0.8); */
	background-color:#F4F4F4;
	width: 1000px;
	margin : 0 auto;
	box-shadow: 0px 1px 2px #234;
}
#container h1{	
	padding-left: 10px;
}

#dynamique {  	/* Le smiley dynamique */
	width:75px;
	position : relative;
	top:3px;
	left:30px;
}

#header {
	height:225px;
	/*background-color: rgba(255,170,100,0.6); /* Couleur du header */
	background-color:#F4F4F4;
	
	box-shadow: 0px 1px 2px #234;
}
#footer
{
	height:162px;
	color:#ffffff;
	/*background-color: rgba(255,170,100,0.6); /* Couleur du header */
	background-color:#141414;
	  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%; 

 background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  box-shadow: 0px 1px 2px #234;
}
#footer ul li{
list-style-type:none;
}
#footer a{
color:#ffffff;
display: inline-block;
text-decoration:none;
font-size:12px;


}
#footer a:hover{
text-decoration:underline;
}
#stats{
border:#999 1px solid;
}
table { border-collapse:collapse; 
}

/**logo*/
#imgp{
width:50%;
margin:0 20px;
}
#imgp1{
width:50%;
margin:0 140px;
}
#imgp2{
position:absolute;
width:200px;
margin:-40px 250px;
}
#tel{
float:right;
width:150px;
margin:0px 0px 20px 0;
font-weight:bold;
font-size:20px;
color:#18383d;
}
#tel2{
float:right;
width:150px;
font-weight:bold;
font-size:20px;
color:#ffffff;
}
#imgtel{
float:left;
margin:10px 40px;
}
/* Pub */
#centre {
color:white;
padding:20px;
}
#carousel {
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 2px solid #999;
}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
/*Formulaire d'estimation*/

#estim{
position:absolute;
height:950px;
margin:0px 0px;
width:450px;
color:#000000;
border-radius: 5px;

}
#estim h2{
margin:20px 20px;

}
#estim ul li{
margin:40px 10px;

 list-style-type: none;
 list-style-image: url("../img/rt.png");
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
}
/** francchise */
#frchs{
position:absolute;
height:950px;
margin:0px 0px;
width:450px;
color:#000000;
border-radius: 5px;

}
#frchs h2{
margin:20px 0;
}
#frchs ul li{
margin:10px 10px;
 list-style-type: none;
 list-style-image: url("../img/rt.png");
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
}

#msg{
height:60px;
}
#num{
height:60px;
}

/** bloc contact***/
#add{
position:absolute;
width:240px;
margin:600px  680px;
padding:20px 5px 20px 0px;
color:#000000;
background-image: url("../img/bgctc.png");
border-radius: 5px;
}

#log{
position:absolute;
width:240px;
margin:0 650px;
padding:0 40px 20px 40px;
}
#ctcimg{
position:absolute;
width:240px;
margin:260px 650px;
padding:0 40px 20px 40px;
}
#add h2{
margin:0 17px;
color:#ffffff;
}
/**** Contenu page service***/
#contenu1{
width:440px;
color:#000000;
height:950px;
position:absolute;
border-radius: 5px;

}
#contenu1 h2{
margin:20px 70px;
color:#000000;
}

#contenu1 ul li{
margin:40px 10px;
font-family: Arial, sans-serif;
 font-size: 100%;
 list-style-type: none;
 list-style-image: url("../img/rt.png");
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
}
#centre1 {

height:1000px;

padding:20px;
}

/**Residentiel*/
#contenu2{
position:absolute;
height:950px;
margin:0px 20px;
width:440px;
color:#000000;
border-radius: 5px;
}
#contenu2 h2{
margin:20px 20px;

}
#contenu2 #ul {
list-style-type:decimal;
font-size:20px;
color:#000000;
}

#contenu2 ul ul li {
margin:5px 10px;
font-family: Arial, sans-serif;
 font-size: 100%;
 list-style-type: none;
 list-style-image: url("../img/rt.png");
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
}
/** comercial*/
#contenucomerce
{
position:absolute;
height:950px;
margin:0px 20px;
width:440px;
color:#000000;
border-radius: 5px;
}
#contenucomerce h2{
margin:20px 20px;

}
#contenucomerce #ul {
list-style-type:decimal;
font-size:20px;
color:#000000;
}

#contenucomerce ul li {
margin:5px 10px;
font-family: Arial, sans-serif;
 font-size: 100%;
 list-style-type: none;
 list-style-image: url("../img/rt.png");
 background-repeat: no-repeat;
 background-position: 0 0.32em;
 padding-left: 15px;
}
#contenures1{
position:absolute;
height:950px;
margin:0 460px;
width:480px;
color:#000000;
border-radius: 5px;

}
#etc{
font-size: 20px;
color:#000000;
}
/** Accueil**/
#accfen0{
color:#000000;
position:absolute;
margin:260px 0;
width:520px;
height:570px;
}
#accfen1{
color:gray;
font-size : 12px;
position:absolute;
margin:260px 570px;
width:400px;
height:171px;
border:#999 1px solid;
}
#accfen1 h2{
margin:0 auto;
color:#fff;
height:35px;
line-height : 35px;
padding:20px auto;
background-image: url("../img/fen1.png");
}

#btndetail{
position:absolute;
	margin:-20px 340px;
}
#buttfen{
height:30px;
width:100px;
color:white;
background-image: url("../img/btn.png");
}
#accfen2{
color:gray;
font-size : 12px;
position:absolute;
margin:860px 570px;
width:400px;
height:171px;
border:#999 1px solid;
}
#accfen2 h2{
margin:0 auto;
color:#fff;
height:35px;
line-height : 35px;
padding:20px auto;
background-image: url("../img/fen1.png");
}

#accfen3{
color:gray;
font-size : 12px;
position:absolute;
margin:460px 570px;
width:400px;
height:171px;
border:#999 1px solid;
}
#accfen3 h2{
margin:0 auto;
color:#fff;
height:35px;
line-height : 35px;
padding:20px auto;
background-image: url("../img/fen1.png");
}
#accfen4{
color:gray;
font-size : 12px;
position:absolute;
margin:660px 570px;
width:400px;
height:171px;
border:#999 1px solid;
}
#accfen4 h2{
margin:0 auto;
color:#fff;
height:35px;
line-height : 35px;
padding:20px auto;

background-image: url("../img/fen1.png");
}
#accfen5{
color:#000000;
position:absolute;
margin:860px auto;
width:520px;
height:191px;

}

/** confirmation**/
#confirm{
margin:200px 20px;
position:absolute;
height:950px;
width:450px;
color:#000000;
border-radius: 5px;
}

/** Entete*/

#entete_fr{	
	width: 122px;
	height:40px;
   background-image: url("../img/btnlg.png");
text-decoration:none;
color:#000000;
font-weight:bold;   
   margin:10px 0 0 10px;
   line-height : 35px;
   float:left;
}

 
 #entete_en
 {	
 width: 122px;
height:40px;
text-decoration:none;
color:#000000;
font-weight:bold;
 background-image: url("../img/btnlg.png");	
   margin:10px 10px 0 10px;
   line-height : 35px;
float:right;	
}
#entete_fr span{
 margin:0 30px;
}
 #entete_en span{
 margin:0 30px;

 }
#actfr{
 width: 122px;
	height:40px;
text-decoration:none;
color:#000000;
font-weight:bold;
background-image: url("../img/btnlg2.png");	
margin:10px 0 0 10px;
   line-height : 35px;
   float:left;
}
#acten{
 width: 122px;
	height:40px;
text-decoration:none;
color:#000000;
font-weight:bold;
background-image: url("../img/btnlg2.png");	
margin:10px 10px 0 10px;
   line-height : 35px;
float:right;	
}
#acten span{
 margin:0 30px;
}
 #actfr span{
 margin:0 30px;

 }
