/****************************** COULEURS ***************************** 
bleu : #737752 orange : #A8CF5A
bleu clair : #6699CC Bleu noir #005A64 bleu tres clair #F8FAFE
#99CCFF
/***************************** PARAMETRE GENERAUX ***************************/
body{margin:0px;text-align:center;	font-size: 11px;font-family: Arial,Trebuchet MS,  Helvetica, sans-serif;
color:#3C0101;}
h1, h2, h3, h4, h5, h6, p, form {margin:0; padding:0;}
ul {margin:0px; padding:0px;font-size:120%;color:#737752;font-weight:bold;}
li {margin:0px 0px 0px 40px; padding:0px;}
img {margin:0px;}
a {color:#3C0101; text-decoration:none;font-weight:bold;}
a:hover {color:#6A7535; text-decoration:underline;}
h1, h2 {text-align: right;font-size: 130%;color:#3C0101;padding: 4px 40px 4px 0px ;text-transform:uppercase;	}
h2{border-bottom:2px solid #C7B57D;padding-top:0px;padding-bottom:0px;margin-bottom:5px;}
h2 a{color: #3C0101;}
h3, h5{font-weight:normal;color:#000;font-size: 100%;}
/* bloc annu */
.gauche{float:left;width:49%;border-bottom:1px solid #fff;}
.droite{margin-left:2px;float:right;width:50%;border-bottom:1px solid #fff;border-left:1px solid #8EBF48;}
a.gauche:hover,a.droite:hover{ display:block;background-color:#6A7535;color:#FFFFFF;text-decoration:none;}
img a{border:0px;}
h4 {margin: 0px 0px 0px 5px; float:right; font-size:10px;} /* ville */
p {padding-bottom:5px;text-align:justify;}
p:hover{background-color:#FFFFFF;}
.none{padding:0px;}
.url{color:#999999;}
.sep {margin:2px 0px;} 
.separateur-inv {clear:both;width: 100%;padding:0px;height:10px;margin:0px;}
/********************* MISE EN FORME ********************/
#conteneur{width:760px;text-align: left;margin-left:auto;margin-right:auto;background-color: #fff;}
#corps {background-color: #F3F0EB;background-image: url(../interface/haut-corps.gif);background-position:top;background-repeat: no-repeat;}
.arborescence {color: #3C0101;padding-right:5px;border-bottom: 1px solid #E8F2DA;text-align:right;background-color: #fff;}
#contenu{width:400px;float:left;margin-left:10px;}
#contenu img {margin:0px 5px 5px 0px;}
.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}
/********************************* MISE EN PAGE BLOCK CONTENU ******************************/
#col-gauche{float:left;width:47%;}
#col-gauche h2 {padding-left:10px;text-align:left ;}
#col-droite{float:right;width:47%;}
.camping{font-size:100%;}
#col-droite h2 {padding-right:10px;text-align:right;}
.accueil-decouverte-img {margin-right: 5px;float:left;width:100px;height:100px;overflow:hidden;}
.img {float:left;width: 380px;overflow:hidden;}
/***************************************** HAUT *************************************************/
#haut {height:228px;background-image: url(../interface/bandeau-haut.jpg);background-position:top;background-repeat: no-repeat;}
#haut-corps{text-align:center;}
#haut h1, #haut h2 {font-size:100%;font-weight:400;border:none;background-color:transparent;color:#fff;text-transform:none;}
#titre-haut {height:110px;text-align:center;}
#propose{padding:0px 0px 6px 85px;}
#accueil{height:78px;padding-left:97px;}
#menu-haut{padding: 2px 0px;text-align:center;font-size:12px;background-color:#7B0505;text-transform:uppercase;font-weight:bold;}
#menu-haut a{padding:2px 5px;color:#FFF;text-decoration: none;}
#menu-haut a:hover {color:#fff;background-color:#6A7535;text-decoration:none;}
/***************************************** MENUS *************************************************/
#ville {padding:0px;color:#005A64;background-image:url(../interface/ville-fond.gif);background-repeat:repeat-y;text-align:center;margin-left:5px;text-transform:uppercase;font-weight:bold;}
#ville a{color:#005A64;display:block;}
#gauche, #droit{margin-bottom:20px;width:170px;}
#droit-ville{text-align:left;margin:0px;padding:0px;}
.menu{margin:0px 0px 30px 0px;background-color:#3C0101;padding:10px 0px;}
.menu-pub{text-align:center;margin:0px 0px 30px 0px;background-color:#005A64;padding:0px;}
.menu a{display:block;color:#fff;padding:0px 2px 0px 15px;}
.menu a:hover{color:#C5D964;}
#titre-menu{font-size:120%;color:#FFF;text-transform:uppercase;font-weight:bold;}
/*gauche */
#gauche {float:left;}
#gauche .rub{margin-top:5px;font-size:12px;}
#droit a.ssrub{
font-weight:normal;}
#droit .rub{margin-top:5px;font-size:12px;background-image: url(../interface/puce.gif);background-position:152px 2px;background-repeat: no-repeat;}
#gauche .menu, #gauche .menu-pub{border-right:solid 2px #C7B57D;}
#gauche #titre-menu{padding:5px 0px 5px 10px;background-image:url(../interface/ht-menu-g.gif);background-position:right top;background-repeat: no-repeat;}
/* droite */
#droit{float:right;text-align:right;}
#droit .menu, #droit .menu-pub{margin:0px 0px 30px 0px;border-left:solid 2px #C7B57D;}
#droit a{display:block;color:#fff;padding:0px 15px 0px 2px;background-position: 150px center;}
#droit a:hover{color:#A8CF5A;}
#droit #titre-menu{padding:5px 10px 5px 0px;background-image:url(../interface/ht-menu-d.gif);background-position:top left;background-repeat: no-repeat;}
/***************************************** PIED *************************************************/
#bas {clear:both;background-image:url(../interface/bas.gif);background-position:top;background-repeat: no-repeat;
background-color:#FFFFFF;padding:0px 120px 30px 0px;}
.copyright {padding-top: 5px;text-align : center;}
