/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

html, body, #wrap {
height: 100%;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
background-color:#342E2B;
}

body > #wrap {
height: auto; 
min-height: 100%;
}
img{
border:none;
}

#main {
padding-bottom: 80px;/* must be same height as the footer */

}  
a{
outline:none;
}
#footer {
position: relative;
margin-top: -80px; /* negative value of footer height */
height: 80px;
clear:both;
background-color:#463c36;
text-align:center;
} 
#footer_texte{
text-align:left;
text-indent:260px;
font-size:10px;
width:900px;
margin:auto;
height:80px;
line-height:80px;
color:#969696;
}
#references_bg {
height: 357px;
background-color:#272220;
text-align:center;
} 
#photo_references{
text-align:left;
text-indent:260px;
font-size:10px;
width:900px;
margin:auto;
height:357px;
color:#969696;
}
#legende_references {
background-color:#342e2b;
height:56px;
text-align:center;
} 
#legende_references_txt{
text-align:left;
text-indent:260px;
font-size:12px;
width:900px;
margin:auto;
color:#FFA000;
line-height:56px;
}
/* CLEAR FIX*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

#header{
	background-color:#463c36;
	height:110px;
}
#logo{
width:900px;
margin-left:auto;
margin-right:auto;
padding-top:28px;
}
#menu{
height:26px;
background-color:#463c36;
}
#nav {
width:900px;
margin-left:auto;
margin-right:auto;
}
#photos {
height:149px;
background-color:#000000;
}
#carrousel {
width:900px;
margin-left:auto;
margin-right:auto;
padding-top:39px;
}
#titre{
padding-top:23px;
}
#content{
padding-top:30px;
padding-bottom:40px;
text-align:left;
}
#content_references{
text-align:left;
padding-top:30px;
padding-bottom:30px;
}
.titre_prestations{
font-weight:bold;
font-size:13px;
color:#b3dc1d;
margin-bottom:20px;
}
.titre_home{
font-weight:bold;
font-size:13px;
color:#ff27ff;
margin-bottom:20px;
}
.titre_avendre{
font-weight:normal;
font-size:13px;
color:#E2E107;
margin-bottom:20px;
}
.titre_references{
font-weight:normal;
font-size:12px;
color:#FFFFFF;
margin-bottom:20px;
}
.titre_contacts{
font-weight:bold;
font-size:14px;
color:#3399FF;
margin-bottom:20px;
}
.couleur_prestations{
color:#b3dc1d;
}
.couleur_home{
color:#ff27ff;
}
.couleur_avendre{
color:#E2E107;
}
.couleur_mentions{
color:#f4386b;
}
.couleur_contacts{
color:#3399FF;
}

.tb_prestations td{
vertical-align:top;
padding-bottom:16px;
}
a.lien_prestations{
color:#b3dc1d;
text-decoration:none;
}
a:hover.lien_prestations{
color:#fff;
}

a.ref_lien img{
border:1px solid #342e2b;
margin-top:1px;
margin-left:1px;
}
a:hover.ref_lien img{
border:1px solid #ffa000;
margin-top:1px;
margin-left:1px;
}
a:active.ref_lien img{
border:1px solid #ffa000;
margin-top:1px;
margin-left:1px;
}
a.lien_contacts{
color:#fff;
text-decoration:none;
}
a:hover.lien_contacts{
color:#3399FF;
}
a.debie_index{
color:#969696;
text-decoration:none;
}
a:hover.debie_index{
color:#FF27FF;
}
a.debie_prestations{
color:#969696;
text-decoration:none;
}
a:hover.debie_prestations{
color:#B3DC1D;
}
a.debie_prestations{
color:#969696;
text-decoration:none;
}
a:hover.debie_prestations{
color:#B3DC1D;
}
a.debie_references{
color:#969696;
text-decoration:none;
}
a:hover.debie_references{
color:#FFA000;
}
a.debie_contacts{
color:#969696;
text-decoration:none;
}
a:hover.debie_contacts{
color:#3399FF;
}
a.debie_avendre{
color:#969696;
text-decoration:none;
}
a:hover.debie_avendre{
color:#E2E107;
}
a.debie_mentions{
color:#969696;
text-decoration:none;
}
a:hover.debie_mentions{
color:#F4386B;
}