/* CSS Document */


body {

font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
color:#000;
text-align:center;
background:url(images/fond_body.jpg) top left repeat-x;
}


h1{
color:#fff ;
background:#002581;
font-family:Arial, verdana, sans-serif ;
font-size:24px;
font-weight:normal;


}


h2{
color:#5C99A4 ;
font-family:Arial, verdana, sans-serif ;
font-size:18px;
font-weight:normal;
background:url(images/fond-h1.gif) top left no-repeat;
padding-left:30px;
}


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


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

}

a:hover{
color:#0C6F81;

}

a img {border:0px}


#page {
text-align:left;
width: 750px;
margin: auto;
border:1px solid #002581;
background:#002581;

}

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

#top{
height:109px;
background:#fff url(images/bandeau.jpg) top left no-repeat;

}

#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;
}


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

fieldset {
border:none;

}

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, #menu-agences {
margin:0;
margin-bottom:1px;
}

#main-menu ul, #menu-agences ul{

margin:0;padding:0;
}

#main-menu li, #menu-agences li{
list-style-type:none;
margin:0;padding:0;
margin-top:1px;
}

#main-menu li a, #menu-agences li a{

display:block;
width:208px;
text-align:center;
padding:5px 0;

color:#002581;
background:#fff;

}

#main-menu li a:hover, #menu-agences li a:hover{
background:#002581;
color:#fff;
}

#menu-agences li a{
color:#999;
background:#fff;
}

#menu-agences li a:hover{
background:#999;
color:#fff;
}


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

#left {

float:left;
width:208px;



}

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


#right {

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


}

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


}

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

#centre {
padding:32px 10px 2px 10px;
margin:1px 0px 0px 209px;
text-align:justify;
background:#fff;
color:#002581;
}


/* photos

-----------------------*/
#photo {width:515px;text-align:center;margin-top:0;}
#photo img {border:0px solid #ddbe75;}



#thumbnails {
width:510px;
text-align:left;

}

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

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

#thumbnails a:hover img {
border:2px solid #002581;

}








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



#footer {
clear:both;
color:#fff;
border-top:1px solid #fff;
text-align:center;
padding:10px;
font-size:10px;


}

#footer a{color:#fff;font-weight:normal;color:#0066CC}

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

.en-savoir-plus {

background:#e4e4d2;
padding:2px;


}