html{
margin: 0;
padding: 0;
}
body{
font-family:  Verdana, Arial, Helvetica,  sans-serif; 
font-size: 95%;
font-weight: bold;
width : 100%;
border: 0;
text-align : center;
margin: 0 ;
padding: 0;
color: black;
background: #53ae8f;
}

body a{
color: #9d2f2a; 
text-align: center;
}
body a:hover{
color: #53ae8f;
background: #ecf7f2;
}
#entete{
width: 100%;
height: 200px;
font-weight: bold;
text-align: center;
color: #f3bb42;
background: #ecf7f2  url(../image/vcv_entetev.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: 768px;
text-align: center;
color: black; 
border: solid 3px #f3bb42;
background: #ecf7f2;
margin: 1% auto 2% auto;
padding: 0;
overflow : hidden;
}

#menu{
font-size: 100%;
width: 100%;
text-align: center;
color: black; 
background: #ecf7f2;
border: 0;
margin: 0;
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 3px;
}

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



#contenu{
font-size: 85%;
width: 100%;
color: black;
background: #ecf7f2;
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: #ecf7f2;
list-style-image: url(../image/vcv_puce02.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 : #53ae8f;
padding:0;
}
#contenu h3{
color: #9d2f2a;
font-size: 98%;
font-weight: bold;
text-align: center;
background: #ecf7f2;
margin: 1% 1% 1% 1% ;
padding: 0;
}
#contenu h4{
color: black;
font-size: 98%;
background: #53ae8f;
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 : #53ae8f; 
}
.vendres{
font-weight: bold;
color: #0c9f6d;
background: #ecf7f2;
}
.com{
font-size : 110%;
font-weight: bold;
color: #9d2f2a;
background: #ecf7f2;
}
ul#lien{
margin : 5%;
padding : 0
}
#lien a{
color: black; 
text-align: center;
text-decoration: none;
}
#lien a:hover{
color: #53ae8f;
background: #ecf7f2;
}
a.pdf{
display: block;
width: 40px;
height: 40px;
margin: 0% 0% 0% 45%;
background: url(../image/acroread3.png) no-repeat 0 0;
}
a.pdf:hover{
background: url(../image/acroread4.png);
}

#piedpage{
clear: both;
font-size: 99%;
text-align: center;
color: black; 
border-top: solid 3px #53ae8f;
background: #ecf7f2;
margin: 0;
padding: 0;
}
#piedpage a{
color: black;
text-decoration: none;
margin:0;
padding: 0% 0% 0% 0%;
background: #ecf7f2;
}
#piedpage a:hover{
color: white;
background: #53ae8f;
}