body {
margin: 0;
padding: 0;
text-align : center;
font-family : verdana;
font-size : 11px;
color : #000;
background-color : #EEEEEE;
}

.cont { 
width : 814px ; 
height : 978px ; 
background-color : transparent;
margin-left : auto;
margin-right : auto;}

h1 {margin : 10px 20px 10px 15px ; font-size : 12px; color : #D93131}
h2 {margin : 10px 20px 0 15px ; 
font-size : 12px ; 
background: url(images/fleche2.gif) no-repeat ;
 text-ident : 20px ; padding-left : 20px}

h3 {background-color : #fff ; margin : 0 ; padding : 0 ; }
h4 {margin : 10px 20px 0 15px ; font-size : 11px; color : #ccc}

p {margin : 5px 20px 0 15px; padding : 0 }





.notop {margin : 0px 20px 0 15px }
.top {margin : 10px 20px 0 15px}
.topup {margin : 10px 20px 0 15px;}

.signature {
clear : both ; 
height : 15px ;
 background-color : transparent ; 
 text-align : right ; 
 padding-right : 50px}




.haut {
width : 814px ; 
height : 110px ;
background-image : url(images/images/haut.jpg);
border-top : 1px solid #eee; }
.centre {
width : 814px ; 
height : 706px ; 
background-image : url(images/images/centre.jpg);
text-align : left;}

html>body .centre{height : auto ; min-height : 706px}

.gauche {
float : left ;
width : 227px ;
background-color :transparent;
margin-left : 14px;
margin-top : 0px;
color : #fff}
html>body .gauche {margin-left : 23px;}




.droite {
float : left ;
width :527px ;
background-color : #ffe3b9;
margin-left : 0px;
margin-top : 0px ; text-align : justify}

.imagedroite {

height : 124px ; 
background-image : url(images/camping-var.jpg);
background-position : left; 
background-color : #ffe3b9; 
border : 0px;
margin-left : 0px;
padding:0;}

html>body .droite {margin-left : 12px; width : 528px ;}




.bas {
width : 814px ; 
height : 60px ; 
background-image : url(images/images/bas.jpg);}






a {color:#fff; text-decoration:none;} 
a:hover {color:#OOO; text-decoration:none;} 

a.class1 {color:red; text-decoration:none; margin-top : 5px ;} 
a:hover.class1 {color:#fff; text-decoration:none;}

a.class2 {color:#fff; text-decoration:none; font-weight : bold} 
a:hover.class2 {color:#fff; text-decoration:none;}

a.class3{color:red; text-decoration:none;   font-size : 10px} 
a:hover.class3 {color:#fff; text-decoration:none;}

a.class4{color:#CCC; text-decoration:none;   font-size : 10px ; display : block ; padding-top : 20px} 
a:hover.class4 {color:#fff; text-decoration:none;}

ul {
margin :78px 40px 0 60px;
padding : 0 ; 
list-style : none ;
color :#fff ; font-size : 13px ; font-weight : bold

}
li {
float : left; 
background-image : url(images/boot.jpg);
width : 114px ; 
height : 32px ; 
margin-left : 0px;
padding-top : 0 ;}

.img_expo {margin-left : 15px}
.img_droite{float : right ; margin-right : 20px ; margin-top : 50px; margin-left : 20px ;}
.img_rond {margin-left : 10px}

a.menu_accueil { padding-top : 10px ; display : block ; color : #fff ; text-decoration : none} 

a:hover.menu_accueil {padding-top : 10px ;  color : #CCC ; text-decoration : none}


.para_plan{margin : 10px 0 0 0px; color:#FFFFFF;}