body {
margin:0; 
background:#fff url(images/fond_site.png) repeat-x;
font-family: Arial, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-size:100%;
}
#globale {
background:#fff url('images/voit.jpg') top right no-repeat;
background-position: 0 400px;
width:960px; 
margin:5px auto; 
display:table;
}
#haut {
padding:0;
margin-left: 20px !important; 
margin-left: 25px; 
width:960px;
height:150px;
background: url('medias/banb.jpg') top left no-repeat;
}
#haut a {
position: absolute;
height: 200px;
width: 300px;
margin-left: 600px;
padding-left: 50px;
}
#body {
padding: 0 0 0 0px; 
}
#contenu {
float:left;
position:relative;
width:960px; 
margin:5px; 
padding-left:15px; 
padding-top:5px;
padding-bottom:30px;
border-left: #c3ccd0 1px solid;
border: #e0d0bf 1px solid;
text-align: justify;
}
.accueil {
background:#fff url('medias/fondacc.jpg') top right no-repeat; 
}

.chaudronnerie {
background: url('medias/chaudronnerie.jpg') top right no-repeat; 
height: 558px;
}
.couverture {
background: url('medias/couverture.jpg') top right no-repeat; 
height: 528px;
}
.bardage {
background: url('medias/bardage.jpg') top right no-repeat; 
height: 555px;
}
.menuiserie {
background: url('medias/menuiserie.jpg') top right no-repeat; 
height: 558px;
}
.maison {
background: url('medias/maison.jpg') top right no-repeat; 
height: 558px;
}
.metallerie {
background: url('medias/metallerie.jpg') top right no-repeat; 
height: 550px;
}
.charpente {
background: url('medias/charpente.jpg') top right no-repeat; 
height: 465px;
}
.veranda {
background: url('medias/veranda.jpg') top right no-repeat; 
height: 555px;
}
.travaux {
background: url('medias/travaux.jpg') top right no-repeat; 
height: 555px;
}
.divers {
background: url('medias/divers.jpg') top right no-repeat; 
height: 535px;
}
#cadre{
float: left;
width: 380px;
background:#cfcdcd;
border-left:#fc2a2a 8px solid;
border-bottom:#fc2a2a 8px solid;
color:#2a2a2a;
padding: 0 15px 0 15px;
margin-top: 20px;

padding-bottom: 5px;
}
#cadreb{
float: left;
width: 550px;
background:#cfcdcd;
border-left:#fc2a2a 8px solid;
border-bottom:#fc2a2a 8px solid;
color:#2a2a2a;
padding: 0 15px 0 15px;
margin-top: 20px;
margin-left:195px !important;
margin-left:97px;
padding-bottom: 5px;
}
#contenu h1 {
margin:0; 
padding-left: 5px;
color:#000; 

font-size:1.9em; 
font-family: Stencil, Times New Roman, "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#contenu p {
font-size:0.9em; 
margin-top:5px;
line-height: 1.5em;
color: #43423c;
margin-right: 10px;
}
#news p{
font-size:0.8em; 
padding-left: 10px;
padding-right: 5px;
color: #000;
}

#contenu p a{
color:#113488; 
text-decoration:none
}

#contenu.mail a {
color: #113488 ;
}
#contenu.mail a:hover {
color: #09183d;
}

#contenu img.int{
border:#000 3px solid;
margin-top:5px;
}
.fiche{
width: 560px;
min-height: 240px;
height: auto !important;
height: 240px;
padding: 5px;
}
#menu_gauche {
float:left;
margin-right:20px; 
width:175px;
}
h2 {
text-align: center;
font-size: 0.8em;
}
h3{
color:#fff; 
font-size:1em; 
font-family:"Trebuchet MS", Verdana, Arial, Helvetica,sans-serif; 
border-bottom:#264816 1px solid;
border-right:#264816 1px solid;
background: #ee7c2d url('images/h3.png') bottom repeat-x;
padding-left:5px;
width: 550px;
}
h4 {
margin: 0;
padding: 0;
color: #b29900;
}
#menu_gauche ul {
margin:0px 0; 
padding:0 0 0 0px;
}
#menu_gauche ul li{ 
list-style:none;


}

#menu_gauche ul li a{
font-size: 1em;
text-decoration:none; 
color:#113488;
font-weight: bold;
display: block;
height: 35px;
padding-left: 35px;
line-height: 35px;
padding-bottom: 5px;
background: url('medias/bouton.jpg') top right no-repeat; 
}
#menu_gauche ul li a:hover{
color:#09183d;
background: url('medias/bouton_h.jpg') top right no-repeat; 
}
#pied {
clear: both;
text-align:right;
width:100%;
height:30px;
background: #c25d18 url('images/pied.png') bottom repeat-x;
}
#pied p {
color:#fff; 
font-size:10px;
line-height: 25px;
margin-right: 10px;
font-size: 0.8em;
}
#pied p a{
color:#fff; 
text-decoration:underline
}
#pied p a:hover{
color: red; 
text-decoration:underline
}
.ouverture{
float: left;
background: #f4eee8;
width: 50%;
padding: 5px;
border: #e6dace 1px solid;
margin: 10px;
}
.style1 {
color:#FF9900
}
.imgtexte {
margin: 10px;
border: #000 4px solid;
float: left;
}
.logo img {
padding: 10px;
border: 0;
}
img.left {
float: left;
margin: 5px;
border: #e8e3c5 3px solid;
}
img.left_sb {
float: left;
margin: 5px;
}
img.right {
float: right;
margin: 5px;
border: #e8e3c5 3px solid;
}
span.intro {
color: #4367bb;
font-weight: bold;
font-size: 1em;
font-style: italic;
}
img{
display: inline;
}
.droite{
float: left;
margin-left: 30px;
}
.droiteb{
float: right;
margin-right: 30px;
}
#adresse1{
height: auto;
float:left;
margin-top: 10px;
background: #f0f3f8;
padding: 5px;
width: 95%;
border: #cad4e5 1px solid;
}
#adresse2{
height: auto;
float:left;
margin-top: 10px;
background: #eff3e5;
padding: 5px;
width: 95%;
border: #d8e1c3 1px solid;
}
.photo_legende {
padding-top: 5px;
height: auto;
width: auto;
background: #bacc00
}
.photo_legende_j {
padding-top: 5px;
height: auto;
width: auto;
background: #FEDC00
}
.photo_legende_o {
padding-top: 5px;
height: auto;
width: auto;
background: #ED7900
}
.photo_legende_g {
padding-top: 5px;
height: auto;
width: auto;
background: #EDEDED
}
.photo_legende p {
padding: 5px;
}
.photo_legende_j p {
padding: 5px;
}
.photo_legende_g p {
padding: 5px;
}
.photo_legende_o p {
padding: 5px;
}
span.blance{
color: #fff;
}