html, body, form, p{
margin:0;
padding:0;
}

body {
background-image: url(../images/FondPageDegrad.gif);
text-align:center;
background-repeat:repeat-x;
padding:0px;
margin:0px;
background-color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}

#Contener{
position: absolute;
left: 50%;
width: 1021px;
margin-left: -510px;
text-align: center;
}

#EnteteContener{
width: 1021px;
height: 179px;
background-image: url(../images/Entete.jpg);
background-repeat: no-repeat;
}

#devis{
position: absolute;
width: 79px;
height: 61px;
left: 150px;
top: 106px;
background-image: url(../images/devis.gif);
}

#devis:hover{
background-image: url(../images/devisA.gif);
}

#bois{ position: absolute; text-align: center; width: 90px; height: 96px; background-image: url(../images/bout_01.gif); background-repeat: no-repeat; left: 232px; top: 83px; padding:55px 0 0; text-align: center; font-size: 10px; line-height: 11px; color: #646464; }

#bois:hover{ background-image: url(../images/bout_01A.gif); color: #000000; font-weight: bold; }

#boisA{ position: absolute; text-align: center; width: 90px; height: 96px; background-image: url(../images/bout_01A.gif); background-repeat: no-repeat; left: 232px; top: 83px; padding:55px 0 0; text-align: center; font-weight: bold; font-size: 10px; line-height: 11px; color: #000000; }

#xylophage{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_02.gif);
background-repeat: no-repeat;
left: 322px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#xylophage:hover{
background-image: url(../images/bout_02A.gif);
font-weight: bold;
color: #000000;
}

#xylophageA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_02A.gif);
background-repeat: no-repeat;
left: 322px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#termite{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_03.gif);
background-repeat: no-repeat;
left: 411px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#termite:hover{
background-image: url(../images/bout_03A.gif);
font-weight: bold;
color: #000000;
}

#termiteA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_03A.gif);
background-repeat: no-repeat;
left: 411px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#toiture{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_04.gif);
background-repeat: no-repeat;
left: 500px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#toiture:hover{
background-image: url(../images/bout_04A.gif);
font-weight: bold;
color: #000000;
}

#toitureA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_04A.gif);
background-repeat: no-repeat;
left: 500px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#isolation{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_05.gif);
background-repeat: no-repeat;
left: 589px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#isolation:hover{
background-image: url(../images/bout_05A.gif);
font-weight: bold;
color: #000000;
}

#isolationA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_05A.gif);
background-repeat: no-repeat;
left: 589px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#champignon{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_06.gif);
background-repeat: no-repeat;
left: 678px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#champignon:hover{
background-image: url(../images/bout_06A.gif);
font-weight: bold;
color: #000000;
}

#champignonA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_06A.gif);
background-repeat: no-repeat;
left: 678px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#murs{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_07.gif);
background-repeat: no-repeat;
left: 767px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#murs:hover{
background-image: url(../images/bout_07A.gif);
font-weight: bold;
color: #000000;
}

#mursA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_07A.gif);
background-repeat: no-repeat;
left: 767px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#rats{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_08.gif);
background-repeat: no-repeat;
left: 856px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-size: 10px;
line-height: 11px;
color: #646464;
}

#rats:hover{
background-image: url(../images/bout_08A.gif);
font-weight: bold;
color: #000000;
}

#ratsA{
position: absolute;
text-align: center;
width: 89px;
height: 96px;
background-image: url(../images/bout_08A.gif);
background-repeat: no-repeat;
left: 856px;
top: 83px;
padding:55px 0px 0px 0px;
text-align: center;
font-weight: bold;
font-size: 10px;
line-height: 11px;
color: #000000;
}

#MiddleContener{
width: 1021px;
min-height: 500px;
background-image: url(../images/FondCentre.gif);
background-repeat: repeat-y;
padding: 0px 64px 0px 61px;
text-align: left;
}

#Menu{
position: absolute;
width: 134px;
min-height: 242px;
background-image: url(../images/FondMenu.gif);
background-repeat: no-repeat;
text-align: left;
padding: 0px 10px 0px 10px;
line-height: 34px;
}

#Temoignage{
position: absolute;
line-height: normal;
font-size: 10px;
width: 130px;
color: #FFFFFF;
}

#CenterPage{
position: relative;
width: 715px;
left: 165px;
padding: 10px 0px 0px 0px;
text-align: left
}
#CenterLoc { color: #ccc; font-size: 10px; text-align: center; position: relative; left: 165px; width: 715px; padding: 10px 0; }
#CenterLoc a { color: #ccc; }
#CenterLoc a:hover { color: #646464; }
#BasPage{
position: relative;
background-image: url(../images/BasPage.gif);
background-repeat: no-repeat;
height: 29px;
text-align: center;
padding: 5px 10px 0px 100px;
font-weight: bold;
color: #FFFFFF;
}

#ContenerCadreJaune{
width: 725px;
min-height: 90px;
}

#degradCadreJ{
width: 715px;
background-image: url(../images/DegradCadre.gif);
background-repeat: repeat-x;
box-shadow: 0px 0px 2px #888;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
}

#CadreJaune{
float: left;
background-image: url(../images/DegradCadre.gif);
background-repeat: repeat-x;
width: 228px;
min-height: 90px;
box-shadow: 0px 0px 2px #888;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
padding: 5px 5px 5px 5px;
color: #646466;
}

#CadreJauneB{
float: left;
background-image: url(../images/DegradCadre.gif);
background-repeat: repeat-x;
width: 228px;
min-height: 90px;
padding: 5px 5px 5px 5px;
color: #646466;
}

#CadreJauneLarge{
float: left;
background-image: url(../images/DegradCadre.gif);
background-repeat: repeat-x;
width: 465px;
min-height: 90px;
box-shadow: 0px 0px 2px #888;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
padding: 5px 5px 5px 5px;
color: #646466;
}

#CadreOrange{
background-color: #f8c28b;
background-image: url(../images/Fond-Cadre-Orange.gif);
background-repeat: repeat-x;
box-shadow: 0px 0px 2px #888;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
padding: 5px 5px 5px 5px;
color: #000000;
}

#ImageDroite{
float: right;
border: 0;
box-shadow: 0px 0px 5px #888;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
}

#ImageGauche{
float: left;
border: 0;
box-shadow: 0px 0px 5px #888;
-moz-box-shadow: 0px 0px 5px #888;
-webkit-box-shadow: 0px 0px 5px #888;
}

#PageGauche{
float: left;
width: 300px;
padding: 10px;
}

#PageDroite{
padding: 10px;
}

#PageDroiteCont{
float: left;
width: 375px;
padding: 10px;
}

textarea#styled{
border: 0px solid #fff9e5;
padding: 5px;
background-color: #fff9e5;
}

.MenuText{
font-weight: lighter;
font-size: 13px;
color: #567eb6;
text-decoration: none;
}

.MenuText:hover{
font-weight: bold;
color: #1e539e;
text-decoration: none;
}

.MenuTextA{
font-weight: bold;
font-size: 13px;
color: #1e539e;
text-decoration: none;
}

.BigTitreRouge{
font-size: 24px;
font-weight: bold;
color: #e75112;
}

.BigTitreMauve{
font-size: 24px;
font-weight: bold;
color: #80197f;
}

.BigTitreBleu{
font-size: 24px;
font-weight: bold;
color: #1e539e;
}

.BigTitreLemon{
font-size: 24px;
font-weight: bold;
color: #b1c800;
}

.BigTitreOrange{
font-size: 24px;
font-weight: bold;
color: #f6a800;
}

.BigTitreVert{
font-size: 24px;
font-weight: bold;
color: #889c05;
}

.BigTitreEau{
font-size: 24px;
font-weight: bold;
color: #008585;
}

.BigTitreMagenta{
font-size: 24px;
font-weight: bold;
color: #e52e87;
}

.TitreJaune{
font-size: 12px;
font-weight: bold;
color: #ffe500;
}

.TitreBleu{
font-size: 12px;
font-weight: bold;
color: #1e539e;
}

.TitreBleuA{
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #567eb6;
}

.TitreBleuClair{
font-size: 12px;
font-weight: bold;
color: #567eb6;
}

.Jaune{
color: #ffe500;
}

.Bold{
font-weight: bold;
}

.BigTitreGris{
font-size: 24px;
font-weight: bold;
color: #646466;
}

.BigTitreBlanc{
font-size: 18px;
font-weight: bold;
color: #ffffff;
}

#jFlowSlide{
background-image: url(../images/FondNews.gif);
box-shadow: 0px 0px 2px #888;
-moz-box-shadow: 0px 0px 2px #888;
-webkit-box-shadow: 0px 0px 2px #888;
}

#myController{
padding:2px 0;
background:#cdced0;
text-align: center;
 }
 
#myController span.jFlowSelected{
background:#8e97bf;
color: #FFFFFF;
margin-right:0px;
}

#SlideFilet{
height: 4px;
background-image: url(../images/InterEntete.gif);
width:715px;
}

.slide-wrapper{
padding: 5px;
}

.slide-thumbnail{
width:360px;
float:left;
}

.slide-thumbnail img{
max-width:360px;
}

.slide-details{
width:335px;
float:right;
margin-left:10px;
}

.slide-details h2{
color: #1e539e;
font-size:1.5em;
font-style: italic;
font-weight:bold;
line-height: 1;
margin:0;
}

.slide-details .description{
margin-top:10px;
color: #646466;
}

.jFlowControl, .jFlowPrev, .jFlowNext{
color:#646466;
cursor:pointer;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
font-weight: bold;
}

.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover{
background: #8e97bf;
color: #FFFFFF;
}

.photo-meta-data{
background: url(../images/transpBlack.png);
padding: 10px;
height: 10px;
width: 270px;
margin-top: -30px;
position: relative;
z-index: 9999;
color: white;
}

.photo-meta-data span{
font-size: 13px;
}

.clear{
clear: both;
}




td { }
a:link { color: #557db5; text-decoration: none; }
a:visited { color: #557db5; text-decoration: none; }
a:hover { color: #1e539e; text-decoration: underline; }
a:active { text-decoration: none; }

ul#plus{
margin-left: 35px;
}
li#slide{
margin-left: 25px;
}

.exerg{
font-size: 9px;
color: #FFFFFF;
}

.exergNoir{
font-size: 10px;
color: #000000;
}