/* CSS Document */


body {
background:#ddbe75;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:center;
margin:0;
}


h1{
color:#503e1b ;
font-family:Arial, verdana, sans-serif ;
font-size:24px;
font-weight:normal;

}



h2{
color:#000 ; 
font-family:Arial, verdana, sans-serif ;
font-size:18px;
font-weight:normal;

}


h3{
color:#000 ;
font-size:14px;
}


a{
color:#503e1b ;
font-weight:bold;
text-decoration:none;

}

a:hover{
color:#0C6F81 ;

}


#page {
text-align:left;
margin:0 auto;
width: 970px;
background:url(images/fond_page.jpg) top left repeat-y;

}

/* Top
---------------------------*/

#top{
background:url(images/fond_top.jpg) top left no-repeat;
height:144px;
position:relative;
}

#top li {display:inline;margin:0;}
#top ul {margin:0 20px 0 0;padding:5px 0;text-align:right;}

#menu-top{
height:auto;
font-size:10px;
text-align:right;
font-family: verdana, arial, sans-serif;
color:#333;
background:#fff;
}

#menu_top a {color:#333; font-weight:normal}
#menu_top a:hover {background:none; text-decoration:underline;}


#titre h1{
color:#FAF8ED;
padding:20px;
margin:0;
display:none;

}

#contact-img {position:absolute;right:20px;bottom:-15px}
#contact-img a img {border:0px;}

/* forms
---------------------------*/

fieldset {
border:none;
width:400px;
}

label {
width:150px;
display:block;
float:left;
}



legend {
display:none;

}

form p {margin:1px 0;}


/* tables
---------------------------*/

table tr {

border-top:1px solid #000;

}


/* menu
---------------------------*/

#main-menu, #flash {
margin:15px 0 0 25px;

}

#main-menu ul{

margin:0;padding:0;
}

#main-menu li{
list-style-type:none;
margin:0;padding:0;
}

#main-menu li a{
margin-top:2px;
display:block;
width:150px;

padding:5px 0 5px 5px ;
color:#000;
border-right : 1px solid #000;
background:#eee;
}

#main-menu li a:hover{
background:#ddbf75;
color:#fff;
border-right : 1px solid #744000;
}


/* left
---------------------------*/

#left {

float:left;
width:160px;



}

/* right
---------------------------*/


#right {

float:right;
width:160px;
text-align:center;
color:#ff0000;


}

#right h3 {
color:#faf8ed;
background:#503e1b;
padding:2px;
font-size:12px;
border-top:1px solid #000;


}

/* centre
---------------------------*/

#centre {
padding:0px 10px;
margin:0px 20px 0px 180px!important;
margin:0px 18px 0px 180px;
padding-top:0px;
text-align:justify;
}


/* photos

-----------------------
#photo {width:500px;text-align:center;margin-top:0;margin-bottom:15px;}
#photo img {border:0px solid #ddbe75;}
#photo h1 {}


#thumbnails {
width:535px;
text-align:left;
margin-top:15px;
}

#thumbnails  {margin:0;padding:0;}

#thumbnails a img {
border:1px solid #fff;
}

#thumbnails a:hover img {
border:1px solid #000;

}*/

/* photos

-----------------------*/
#photo {width:540px;text-align:center;margin-bottom:15px;float:left}
#photo img {border:0px solid #ddbe75;}
#photo h1 {}


#thumbnails {
float:right;
width:210px;
text-align:left;
padding-top:50px;
}

#thumbnails a img {
border:1px solid #fff;
margin:0
}

#thumbnails a:hover img {
border:1px solid #000;

}







/* footer
---------------------------*/



#footer {
clear:both;
color:#333;
text-align:center;
padding:15px 0;
font-size:10px;
background:url(images/fond_footer.jpg) bottom left no-repeat;
margin-top:20px;
}

#footer h4{
font-weight:normal;
font-size:10px;
}

/* classes
---------------------------*/

.en-savoir-plus {




}
