@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; }
ol li { margin-bottom: 20px;}
h3 { margin: 10px 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; 
	width: 195px;
	margin-top: 40px;
}
#centre { 
	margin: 0 200px;
	padding: 10px 10px;
}
#centre ul { margin: 10px;  }
#centre p { padding: 5px; }
#centre a { text-decoration: underline; color:#B97306;}
#centre a:hover { color:#FFF;}
.texte li { margin-left: 20px; }
#footer { 
	margin: 0  200px; 
	background:#B97306;
	border-top: 5px solid white;
	height: 75px;
	color: white;
	overflow:hidden;
} 
#footer p {
	margin: 0;
	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: 230px; float: left; height: 90px; padding: 30px 10px 30px 30px;  }
.hautm h1 { margin-top: 20px;font-size:18px; text-align: center; line-height: 24px; }
#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; }
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.renov { display: block; width: 203px; height: 40px; background:url(images/renov.png) no-repeat; margin: 10px auto; }
h2.fenetrea, h2.fenetrep, h2.voletsr, h2.voletsb , h2.contact, h2.secteur, h2.voletsmo{ 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.voletsmo { background:url(images/volet-projection.png) no-repeat; }
h2.nouveau{ background:url(images/h2nouv.png) no-repeat; margin: 10px auto;display: block; width: 203px; height: 40px; }

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; }

h2 span { display: none; }
#devis h2 { 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; }
.texte a:hover, #menu a:hover, #droite 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; }
.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;}
ul.nouv li { margin: 20px 50px 10px;}
ul.nouv li a { text-decoration:none;}
.cadre img { border: 2px solid #B97306; padding: 5px; background-color:#FFF;}
.cadre h4 {  text-align: center; }