@charset "utf-8";
* {padding:0; margin: 0;}
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
td { padding: 5px 0; }
#conteneur { 
	width: 800px; 
	margin: 20px auto 5px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(images/site.png) repeat-y;} 
#header { 
	height: 150px;
	border-bottom: 5px solid white;
} 
#gauche {
	float: left; /* since this element is floated, a width must be given */
	width: 195px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:url(images/menu.png) top left no-repeat;
}
#droite {
	float: right; /* since this element is floated, a width must be given */
	width: 195px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin-top: 40px;
}
#centre { 
	margin: 0 200px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.texte li { margin-left: 20px; }
#footer { 
	margin: 0  200px; 
	background:#B97306;
	border-top: 5px solid white;
	height: 75px;
	color: white;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	text-align: center;
	 padding-bottom: 5px; 

}
#footer a:hover {
color: white;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img { border: 0; }
.hautg { width: 230px; float: left; }
.hautd { background: url(images/droite.png) no-repeat; height: 150px; float: right; width: 300px; }
.hautm { background: url(images/header.png) no-repeat; width: 270px; float: left; height: 150px; }
#menu {   margin-top: 40px; margin-bottom:15px; text-align: left; font-weight: bold; }
#menu a { display: block; width: 140px; }
#droite ul, #gauche ul { list-style-type: none; font-size: 14px; padding-left:0; margin-left:0;  }
#menu li { background: url(images/carre_marron.png) no-repeat ; list-style-type:none; padding: 3px 0 20px 50px; }
#droite li { background: url(images/carre_marron_jaune.png) no-repeat; list-style: none; padding: 3px 0 40px 40px; }
#adp { background: url(images/adp.png) no-repeat; width: 165px; height: 170px; font-size: 12px; padding: 0 15px; color: white; }/*height=195-padding 15x2=165px*/
#adp h4 { color: white; font-size:12px; padding: 5px; margin:0; text-decoration: none; display:block; height: 20px; text-align:center;}
#adp p { padding-bottom: 2px; text-align: center; }
#centre ul { margin: 10px;  }
h2.accueil { display: block; width: 110px; height: 40px; background:url(images/accueil.png) no-repeat; margin: 10px auto; }
h2.garage { display: block; width: 221px; height: 40px; background:url(images/garage.png) no-repeat; margin: 10px auto; }
h2.portail { display: block; width: 141px; height: 40px; background:url(images/portails.png) no-repeat; margin: 10px auto; }
h2.ported { display: block; width: 203px; height: 40px; background:url(images/ported.png) no-repeat; margin: 10px auto; }
h2.mentions { display: block; width: 203px; height: 40px; background:url(images/mentions.png) no-repeat; margin: 10px auto; }
h2.fenetrea, h2.fenetrep, h2.voletsr, h2.voletsb , h2.contact, h2.secteur{ display: block; width: 252px; height: 40px;  margin: 10px auto; }
h2.fenetrea { background:url(images/fenetrealu.png) no-repeat;}
h2.contact { background:url(images/contact.png) no-repeat;}
h2.secteur{ background:url(images/secteur.png) no-repeat;}
h2.fenetrep { background:url(images/fenetrepvc.png) no-repeat;}
h2.voletsr { background:url(images/voletsr.png) no-repeat;}
h2.voletsb { background:url(images/voletsb.png) no-repeat; }
h2.stores { display: block; width: 129px; height: 40px; background:url(images/stores.png) no-repeat; margin: 10px auto; }
h2.credit { display: block; width: 272px; height: 40px; margin: 10px auto; background:url(images/credit.png) no-repeat; }

#centre p { padding: 5px; }
h2 span { display: none; }
#devis h3 { display: block; height: 97px; width:150px; background:url(images/devis.png) no-repeat; margin: 0 auto;}
.deco { text-decoration:underline; font-weight: bold; }

a {text-decoration: none; color: black; }
a:hover { background-color:#B97306; }
.fltlf { float:right;}
#magasin h4 { color: #B97306; font-size: 16px; display: block; text-align: center;}
h4 { color: #B97306; font-size: 14px; text-decoration: underline; margin: 15px 0 5px 0; }
#horaire { float: left; width: 100px; margin: 10px 0; }
#horaire p { text-align: center; }
.hautm h1 { margin: 45px; font-size:19px; text-align: center; }
.texte { text-align: justify; }
.floatright { float: right ; margin-left: 10px;}
.floatleft { float: left; }
#realisation { margin:0 auto; width: 800px; }
#realisation a { color: #B97306;}
#realisation a:hover { background-color: white; }
.retour { border: 1px solid #B97306; text-align: center ; display: block; width: 100px; margin:0 auto; font-weight: bold; height:15px; }
.retour a {display: block; width: 100px; }

#contact { height: 150px; width: 200px; }
#flash { margin: 0 auto; width:185px; }
#map { width: 380px; margin: 10px auto; height: 250px;}
.tab { font-size: 10px;}