body {
background-color:#ffffff;
margin:0;
padding:0;
text-align: center;
}
img {
border:0;
}
p, div, ul, li, form, h1, h2, h3, form, fieldset {
margin:0;
padding:0;
border:0 ;
}
#accueil {
padding:0;
margin:0px auto;
border:0;
align: center;
width:760px;
height:445px;
border-collapse: collapse;
text-align: left;
}
#principal {
padding:0;
margin-left:auto;
margin-right:auto; 
border:0;
align: center;
width:760px;
height:100%;
}
#top {
padding:0;
margin-left:auto;
margin-right:auto; 
border:0;
align: center;
width:760px;
height:30px;
padding:3px;
background: url(imgs/top-fond.gif) repeat-x;
}
#logo {
margin-left:auto;
margin-right:auto; 
border:0px;
width:760px;
height:90px;
background: url(imgs/m-v-fenetrier-38200-vienne.gif) no-repeat;
background-position:425px 53px;
}
#coordon {
position:relative;
clear:both;
top:5px;
left:0px;
width:300px;
height:85px;
border:0px;
padding:10px 3 0 0;
font-family: trebuchet, helvetica, sans-serif;
color:#09658B;
font-size:75%;/*12px*/
font-weight:bold;
text-align: right;
}
#intmenu {
margin-left:auto;
margin-right:auto; 
border:0px;
width:760px;
height:45px;
background: url(imgs/fond-menu.gif) repeat-x;
}
#menu {
position:relative;
clear:both;
top:0px;
left:0px;
width:500px;
height:45px;
}
#menu a.accueil span, #menu a.fenetre span, #menu a.isolation span, #menu a.credit span, #menu a.contact span {
display:none;
}
#menu a.accueil, span.accueil {
float:left;
display:block;
width:82px;
height:44px;
background: url(imgs/btn-accueil.gif) no-repeat 0 0;
}
#menu a.accueil:hover, span.accueil {
background-position:0 -44px;
}
#menu a.fenetre, span.fenetre {
float:left;
display:block;
width:82px;
height:44px;
background: url(imgs/btn-fenetre.gif) no-repeat 0 0;
}
#menu a.fenetre:hover, span.fenetre {
background-position:0 -44px;
}
#menu a.isolation, span.isolation {
float:left;
display:block;
width:82px;
height:44px;
background: url(imgs/btn-isolation.gif) no-repeat 0 0;
}
#menu a.isolation:hover, span.isolation {
background-position:0 -44px;
}
#menu a.credit, span.credit {
float:left;
display:block;
width:82px;
height:44px;
background: url(imgs/btn-credit.gif) no-repeat 0 0;
}
#menu a.credit:hover, span.credit {
background-position:0 -44px;
}
#menu a.contact, span.contact {
float:left;
display:block;
width:82px;
height:44px;
background: url(imgs/btn-contact.gif) no-repeat 0 0;
}
#menu a.contact:hover, span.contact {
background-position:0 -44px;
}
#centre {
border:0px;
padding:0px;
margin-left:auto;
margin-right:auto; 
width:760px;
background:#f0f1f2 url(imgs/degrade.gif) top repeat-x;
}
#contenu {
border:0px;
padding:0px;
margin-left:auto;
margin-right:auto; 
width:760px;
background:#f0f1f2 url(imgs/degrade.gif) top repeat-x;
}
#contenu .colonne_a {
	width:380px;
	padding:15px 5px 10px 10px;
}
#contenu .colonne_b {
width:380px;
padding:15px 5px 10px 10px;
border-left:#D7D2CE 1px solid;
}
#contenu .colonne_c {
width:760px;
padding:10px;
margin:0;
}
#centre .colonne_d {
width:760px;
height:240px;
padding:10px;
margin:0;
background: url(imgs/fond-accueil.jpg) no-repeat;
}
#centre .colonne_d .img {
border:none;
}
#contenu .colonne_a img, #contenu .colonne_b img {
margin:5px;
}
.titre {
font-family: Arial, Helvetica, sans-serif;
display:block;
width:220px;
height:20px;
padding:3px 0 0 15px;
margin:0 0 10px 0;
background: url(imgs/bouton-fond.gif) no-repeat;
font-size:70%;/*11px +*/
color:#09658B;
font-weight:bold;
text-decoration:none;
}

#pied {
margin-left:auto;
margin-right:auto; 
border:0px;
width:760px;
height:15px;
padding-top:3px;
background: url(imgs/pied-fond.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
color:#09658B;
font-size:60%;/*9px +*/
}
#pied .p_gauche {
float:left;
width:370px;
padding-left:10px;
text-align:left;

}
#pied .p_droit {
float:right;
width:370px;
padding-right:10px;
text-align:right;
}
#pied .p_droit a {
color:#09658B;
text-decoration:none;
}
#pied .p_droit a:hover {
color:#F1980C;
text-decoration:underline;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
margin-left:auto;
margin-right:auto;
width:760px;
height:25px;
border:0px;
margin: 5px;
color:#09658B;
font-size:70%;/*11px +*/
background: #fff;
text-align: center;
}
#footer a {
text-decoration:none ;
color:#F1980C;
}
#footer a:hover {
color:#09658B;
}
a.lien {
font-family: Arial, Helvetica, sans-serif;
font-size:75%;/*12px*/
font-style:normal;
color:#F1980C;
text-decoration:underline;
}
a.lien:hover {
color:#01958B;
text-decoration:none;
}
.h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;/*10px +*/
font-weight: bold;
color: #FFFFFF;
padding-left:3px;
}
.h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 65%;/*10px +*/
font-weight: bold;
color: #09658B;
text-align: right;
padding-right: 3px;
}
.h3 {
padding:3px 0 10px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size:75%;/*12px*/
font-weight: normal;
color: #333333;
}
.h1a {
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;/*10px +*/
font-weight: bold;
color: #09658B;
padding-left:3px;
}
.h2a {
font-family: Arial, Helvetica, sans-serif;
font-size: 65%;/*10px +*/
font-weight: bold;
color: #F1980C;
text-align: right;
padding-right: 3px;
}