html{
scrollbar-face-color: #000;
scrollbar-shadow-color: #000;
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #a3a3a3;
scrollbar-darkshadow-color: #a3a3a3;
scrollbar-track-color: #000;
scrollbar-arrow-color:#b8a797;
}

body {
font-family:Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background:#f5f5f5 url(img/fond3q.jpg) repeat-x ;
}

h1 {
margin-top:0px;
padding:0px 40px 5px 20px;
font-size:16px;
color:#fff;
text-align:center;
font-weight:300;
}

h2 {
margin:0;
padding:25px 40px 5px 20px;
font-size:15px;
color:#fff;
text-align:center;
}

h3 {
margin:0;
padding:0px 40px 5px 40px;
font-size:15px;
color:#b8a797;
text-align:center;
}


ul {
margin:0;
padding:5px 40px 5px 15px;
}

li {
margin:0px 0px 8px 0px;
padding:0px;
color:#ffffff;
font-size:12px;
}

.zone {
border:1px solid #b8a797;
color:#b8a797;
background:none;
}

.submit {
border:0px none #b8a797;
color:#b8a797;
background:none;
cursor:hand;
}

textarea {
border:1px solid #b8a797;
color:#b8a797;
background:none;
}

.vedette_image {
border:1px none #eee;
}


.vedette_image2 {
border:1px solid #b8a797;
}


#zc {
position:absolute;
border:0px solid #000;
width:900px;
height:280px;
background:url(img/mascot3.png) no-repeat top right;
margin-left:820px;
margin-top:-100px;
width:80px;
}


a.reportage {
display:block;
width:250px;
height:250px;
background:url(img/reportage.jpg) no-repeat;
}

a.reportage:hover {
display:block;
width:250px;
height:250px;
background:url(img/reportage.jpg) 0px -250px no-repeat;
}


a.portrait {
display:block;
width:250px;
height:250px;
background:url(img/portrait.jpg) no-repeat;
}

a.portrait:hover {
display:block;
width:250px;
height:250px;
background:url(img/portrait.jpg) 0px -250px no-repeat;
}


a.montage {
display:block;
width:250px;
height:250px;
background:url(img/montage.jpg) no-repeat;
}

a.montage:hover {
display:block;
width:250px;
height:250px;
background:url(img/montage.jpg) 0px -250px no-repeat;
}



#conteneur {
width: 850px;
margin: 0px auto 0px auto; 
background:url(img/contseneur.jpg) repeat-y;

}

#header {
height: 200px;
padding-left:1px;
background:url(img/conteneur.jpg) repeat-y;
}

#anim {

}

#menu {
height: 70px;
background: url(img/trame.png)  no-repeat 0px 0px;
width:850px;
text-align:center;
border-top:0px solid #ffffff;
}


#textactu {
color:#aaa;
width:126px;
height:172px;
text-align:left;
overflow:auto;
padding:3px;
border: 1px solid #ffffff;
font-size:9px;
}

#adresse {
color:#707072;
}

#menu a {
color:orange;
text-decoration:none;
font-size:12px;
}


#menu a:hover {
color:#fff;
}

#menu a.active {
color:#fff;
}


#centre {
background:url(img/conteneur.jpg) repeat-y;
width:850px;
}

b {
color:orange;
font-weight:300;
}



#pied {
height: 19px;
background: url(img/pied.png) bottom no-repeat;
text-align:center;
color:#ccc;
font-size:10px;
}

#cep {
width: 800px;
margin: 0px auto 0px auto; 
color:#ccc;
text-align:center;
font-size:10px;
border:0px solid;
background:  url(img/pied3.png) ;
height:28px;
}

#cep a {
color:#ccc;
text-decoration:none;
}

#cep a:hover {
color:#fff;
}

.lien {
color:#fff;
}

.lien:hover {
color:#b8a797;

}

p {
margin:0;
padding:5px 0px 5px 0px;
font-size:13px;
color:#aaa;
text-align:justify;
}


p.localisation {
margin:0;
padding:0px 15px 5px 15px;
font-size:10px;
color:#aaa;
text-align:justify;
width:140px;
}

p.accueil {
margin:0;
padding:5px 20px 5px 20px;
font-size:13px;
color:#aaa;
text-align:justify;
}



p.italic {
font-style:italic;
text-align:center;
color:#b8a797;
padding-bottom:20px;
}


#mentions {
width:700px;
margin:0 auto;
}

.noborder {
border:0;
}

.border {
border:1px solid #ffffff;
}