html{
margin: 0;
padding: 0;
}
body{
font-family:  Verdana, Arial, Helvetica,  sans-serif; 
font-size: 95%;
width : 100%;
border: 0;
text-align : center;
margin: 0 ;
padding: 0;
color: black;
background: #ffffff  url(../image/vcv_fond.jpg) top left repeat-x;
}

body a{
color: #9d2f2a; 
text-align: center;
}
body a:hover{
color: #74baff;
background: #f4f9ff;
}

#styl a{
color: #ffffff; 
font-weight: bold;
text-align: center;
}
#styl a:hover{
color: #9d2f2a;
background: #f4f9ff;
}

#entete{
width: 100%;
height: 200px;
font-weight: bold;
text-align: center;
color: #f3bb42;
background: #f4f9ff  url(../image/vcv_entete.jpg) top left no-repeat;
margin: auto;
padding: 0;
border: 0;
}
#gauche {
float : left;
margin : 0;
border : 0;
}

#centre{
float :left;
margin : 0;
border: 0;
text-align :center;
}
a img {border: 0;}
#cadre{
font-size: 100%;
width: 770px;
text-align: center;
color: black; 
border: solid 3px #f3bb42;
background: #f4f9ff;
margin: 1% auto 1% auto;
padding: 0;
overflow : hidden;
}

#menu{
font-size: 100%;
width: 100%;
text-align: center;
color: black; 
background: #f4f9ff;
border: 0;
margin: 0px auto 0px  auto;
padding: 0;
overflow :hidden; 
}

#menu ul{
font-size: 100%;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#menu li {
float : left;
text-align:  center;
margin : 0 0 0 2px;
}

#menu a{
display : block;
width : 126px;
line-height : 30px;
color: white; 
text-align: center;
font-weight: bold;
background: #74baff;
text-decoration: none;
border-style : solid;
border-width:  0px 0px 0px 0px;
border-color : #f3bb42; 
margin : 0px 0px 0px 0px;
padding: 0;
overflow : hidden;
}
#menu  li a:hover{
color: #74baff;
background: #f4f9ff;
}



#contenu{
font-size: 85%;
width: 100%;
color: black;
background: #f4f9ff;
text-align: justify;
border :0;
margin: 0;
padding: 0;
overflow: hidden; 
}
#contenu ol  li {
text-align: left;
margin: 0% 1% 0% 40%;
padding: 0;
}
#contenu ul{
text-align: left;
margin: 0;
padding: 0% 2% 2% 2%;
}
#contenu ul li{
color: black;
background: #f4f9ff;
list-style-image: url(../image/vcv_puce01.png);
font-size: 98%;
text-align: left;
margin: 0% 2% 0% 7%;
padding: 0;
}
#contenu h2{
font-size: 99%;
text-align: center;
margin: 3% 1% 2% 1% ;
border-style : solid;
border-width: 0px 0px 1px 0px;
border-color : #74baff;
padding:0;
}
#contenu h3{
color: #9d2f2a;
font-size: 98%;
font-weight: bold;
text-align: center;
background: #f4f9ff;
margin: 1% 1% 1% 1% ;
padding: 0;
}
#contenu h4{
color: black;
font-size: 98%;
background: #74baff;
margin: 1% 1% 1% 1% ;
padding: 0;
}
#contenu p{
margin: 1% 1% 1% 1% ;
padding: 0;
}
#photo{
text-align: center;
}
#logo{
text-align: center;
margin : 10px 5px 0px 5px;
padding : 10px 0px 0px 0px;
border: solid;
border-width : 1px 0px  0px 0px;
border-color : #74baff; 

}
.vendres{
font-weight: bold;
color: #2b92fb;
background: #f4f9ff;
}
.com{
font-size : 110%;
font-weight: bold;
color: #9d2f2a;
background: #f4f9ff;
}
ul#lien{
margin : 5%;
padding : 0;
}
#lien a{
color: black; 
text-align: center;
text-decoration: none;
}
#lien a:hover{
color: #2b92fb;
background: #f4f9ff;
}
a.pdf{
display: block;
width: 40px;
height: 40px;
margin: 0% 0% 0% 45%;
background: url(../image/acroread.png) no-repeat 0 0;
}
a.pdf:hover{
background: url(../image/acroread1.png);
}

#piedpage{
clear: both;
font-size: 99%;
font-weight: bold;
text-align: center;
color: black; 
border-top: solid 3px #74baff;
background: #f4f9ff;
margin: 0;
padding: 0;
}
#piedpage a{
color: #9d2f2a;
text-decoration: none;
margin:0;
padding: 0% 0% 0% 0%;
background: #f4f9ff;
}
#piedpage a:hover{
color: white;
background: #9d2f2a;
}