/* © 2010 Bexter Vaince CSS */

html{
	padding: 0px;
	margin: 0px;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 0px;
	margin: 0px;
	background: #920808;
}

/* Hack FF pour masquer les contours pointillés sur les liens 
---------------------------------------------------------- */ 
a{
	outline: none;
}

:focus{
	-moz-outline-style: none;
}

a {
	color: #920808;
	text-decoration: none;
}

a:hover{
	color: #920808;
	text-decoration: underline;
}

/* ------------------------------------------------ TITRE : h1*/
h1{
	font-size: 22px;
	height:36px;
	line-height:50px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 50px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #920808;
	font-weight: bold;
	border-bottom: 1px solid #920808;
	background: transparent url(../images/h1.jpg) bottom left no-repeat;
}

h1 a:hover{
	color: #bca996;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h2*/
h2{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 18px;
	color: #757575;
	border-bottom:1px dotted #757575;
}

h2 a:hover{
	color: #757575;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h3*/
h3{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #920808;
	text-align: left;
}

h3 a:hover{
	color: #781c34;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h4*/
h4{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	color: #757575;
	text-align: left;
}

h4 a:hover{
	color: #757575;
	text-decoration: none;
}

/* ------------------------------------------------ TITRE : h5*/
h5,h6{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	color: #781c34;
	text-align: left;
	background: transparent url(../images/fleche.gif) top left no-repeat;
}

h5 a:hover{
	color: #781c34;
	text-decoration: none;
}

h6 a:hover{
	color: #eb5602;
	text-decoration: none;
}

/* ------------------------------------------------ PARAMETRES : default*/
p{
	margin: 0px;
	padding: 0px;
}

ol{
	list-style-position: outside;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

ol li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-position: outside;
	list-style-image: url(../images/puce-carre.gif);
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align: justify;
}

ul li{
	margin: 0px 0px 0px 20px;
	padding: 5px 0px 0px 0px;
}

strong{
	color: #999999;
	font-weight: bold;
}

img{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

form{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table{
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/*---------------------------------------------------------------------*/
/* PARAMETRES : site  */
/*---------------------------------------------------------------------*/
#site{
	width: 990px;
	margin-left: -495px;
	padding: 0px;
	z-index: 99;
	position: absolute;
	left: 50%;
}

#header{
	margin: 0px;
	width: 990px;
	height: 103px;
	float:left;
	background: transparent url(../images/header.jpg) no-repeat;
}

.article h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #920808;
	text-align: left;
	background:none;
}

.photo-top{
	float:left;
	width:626px;
	text-align:center;
	margin-bottom:20px;
}

.photo-middle{
	float:left;
	width:626px;
	text-align:center;
	margin:20px 0px;
}

.lienretourdyn{
	background: transparent url(../images/retour.gif) center left no-repeat;
	height: 15px;
	width: 100px;
	padding: 0px 0px 0px 15px;
	font-weight: bold;	
}

.bbdynasuite{
	background: transparent url(../images/puce-actu.gif) center right no-repeat;
	height: 15px;
	width: 70px;
	padding: 0px 10px 0px 0px;
	font-style: italic;
	float: right;
}

.wash{
	clear: both;
	margin: 0px;
	padding: 0px;
}


/*--------------------------------------------------------------------*/
/* GESTION : contenu */
/*--------------------------------------------------------------------*/
#bg{
	width: 990px;
	height: 100px;
	min-height: 100px !important;
	height: auto !important;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	background: transparent url(../images/bg.jpg) repeat-y;
}

#contenu{
	width: 990px;
	height: 516px;
	min-height: 516px !important;
	height: auto !important;
	padding: 0px;
	margin: 0px;
	float: left;
	background: transparent url(../images/contenu.jpg) no-repeat;
}

.content{
	width: 626px;/*666*/
	float: right;
	height: 516px;
	min-height: 516px !important;
	height: auto !important;
	margin: 0px 130px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-align: justify;
	background: #fff;
}

.partenaires {
	float: left;
	width: 700px;/*990*/
	height: 88px;/*108*/
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 190px;
	font-size: 14px;
	font-weight: bold;
	color: #91777d;
	background: transparent url(../images/partenaires.jpg) no-repeat;
}

.border-photo{
	padding: 2px;
	margin: 0px;
	border: 1px solid #6b6b6b;
}

/*---------------------------------------------------------------------- PAGE : index.htm */
.actualites{
	float:left;
	width:626px;
}

.actu-top{
	float:left;
	height:41px;
	width:626px;
	margin:0px;
	padding:0px;
}

.actu-content{
	float:left;
	margin:0px;
	padding:0px;
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	width:626px;
	background: transparent url(../images/actu-content.jpg) repeat-y;
}

.actu-texte{
	float:left;
	width:370px;/*400*/
	margin:0px;
	padding:0px 0px 0px 30px;
}

.actu-image{
	float:right;
	width:207px;
	margin-right:10px;
}

.actu-footer{
	float:left;
	height:31px;
	width:626px;
	margin:0px;
	padding:0px;
}

.bloc-gauche{
	float:left;
	width:340px;
}

.presentation{
	float:left;
	width:340px;
}

.presentation-top{
	float:left;
	height:28px;
	width:340px;
	margin:0px;
	padding:0px;
}

.presentation-content{
	float:left;
	width:300px;/*340*/
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	margin:0px;
	padding:0px 10px 0px 30px;
	background: transparent url(../images/presentation-content.jpg) repeat-y;
}

.presentation-footer{
	float:left;
	height:26px;
	margin:0px;
	padding:0px;
}

.zoo-fauverie{
	float:left;
	width:340px;
}

.zoo-fauverie-top{
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
}

.zoo-fauverie-content{
	float:left;
	width:300px;/*340*/
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	margin:0px;
	padding:0px 10px 0px 30px;
	background: transparent url(../images/zoo-fauverie-content.jpg) repeat-y;
}

.zoo-fauverie-footer{
	float:left;
	height:26px;
	margin:0px;
	padding:0px;
}

.village-nature-index{
	float:left;
	width:340px;
}

.village-nature-top{
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
}

.village-nature-content{
	float:left;
	width:300px;/*340*/
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	margin:0px;
	padding:0px 10px 0px 30px;
	background: transparent url(../images/village-nature-content.jpg) repeat-y;
}

.village-nature-footer{
	float:left;
	height:26px;
	margin:0px;
	padding:0px;
}

.photo-bloc{
	float:left;
	margin-right:5px;
}

.webcam-panoramique{
	float:right;
	width:270px;
}

.webcam-panoramique-top{
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
}

.webcam-panoramique-content{
	float:left;
	width:230px;/*270*/
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	margin:0px;
	padding:0px 15px 0px 25px;
	background: transparent url(../images/webcam-content.jpg) repeat-y;
}

.webcam-panoramique-footer{
	float:left;
	height:27px;
	margin:0px;
	padding:0px;
}

.espace-pro{
	float:right;
	width:270px;
}

.espace-pro-top{
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
}

.espace-pro-content{
	float:left;
	width:230px;/*270*/
	height: 10px;
	min-height: 10px !important;
	height: auto !important;
	margin:0px;
	padding:0px 15px 0px 25px;
	background: transparent url(../images/webcam-content.jpg) repeat-y;
}

.espace-pro-footer{
	float:left;
	height:27px;
	margin:0px;
	padding:0px;
}

/*---------------------------------------------------------------------- PAGE : presentation.htm */
.presentation-gauche{
	float:left;
	width:300px;
}

.presentation-droite{
	float:right;
	width:300px;
}

.historique{
	float:left;
	width: 626px;
	margin-bottom:20px;
}

.memorial{
	float:left;
	width: 626px;
	margin-bottom:20px;
}

.respect-mont-faron{
	float:left;
	width: 626px;
	margin-bottom:20px;
	text-align:center;
}

/*---------------------------------------------------------------------- PAGE : webcam.htm */
.webcam-gauche{
	float:left;
	width:296px;
	text-align:center;
}

.webcam-droite{
	float:right;
	width:296px;
	text-align:center;
}

/*---------------------------------------------------------------------- PAGE : zoo-fauverie.htm */
.zoo{
	float:left;
	width:626px;
}

.zoo-fauverie-gauche{
	float:left;
	width:370px;
}

.zoo-fauverie-droite{
	float:right;
	width:226px;
}

/*---------------------------------------------------------------------- PAGE : village-nature.htm */
.village-nature{
	float:left;
	width:626px;
}

.village-nature-gauche{
	float:left;
	width:370px;
}

.village-nature-droite{
	float:right;
	width:226px;
	text-align:center;
}

/*---------------------------------------------------------------------- PAGE : forum.htm */
.forum-gauche{
	float:left;
	width:296px;
	text-align:center;
}

.forum-droite{
	float:right;
	width:296px;
	text-align:center;
}

/*---------------------------------------------------------------------- PAGE : espace-pro.htm */
.espace-professionnel{
	float:left;
	width:626px;
}

/*---------------------------------------------------------------------- PAGE : espace-pro.htm */
.restaurant{
	float:left;
	width:626px;
}

/*---------------------------------------------------------------------- PAGE : page2.htm */

/*---------------------------------------------------------------------- PAGE : contact.htm */
#form-contact{
	float: left;
	width: 390px;
}

#form-contact input{
	 width: 250px;
	 margin: 2px 0px;
	 border: 1px dotted #999999;
	 padding: 2px;
}

#form-contact textarea{
	 width: 250px;
	 margin: 2px 0px;
	 border: 1px dotted #999999;
	 padding: 2px;
}

fieldset{
	float: left;
	display: block;
	margin: 0 0 0 20px !important;
	margin: 0 0 0 10px;
	padding: 10px;
	text-align: left;
	border: 0px;
}

label{
	float: left;
	width: 90px;
	margin: 6px 0 0 0;
	padding: 0px;
	text-align: left;
}

p.message{
	font-size: 14px;
	color: #920808;
	font-weight: bold;
	text-align: center;
}

p.obligatoire{
	font-size: 10px;
	font-style: italic;
	text-align: right;
}

#coordonnes-contact{
	float: right;
	width: 230px;
}

.googleMap{
	border: 1px solid #999999;
	padding: 2px;
}

/*---------------------------------------------------------------------- PAGE : sitemap.htm */
.sitemap{
	width: 600px;
	text-align: justify;
	float: left;
	margin-top: 20px !important;
	margin-top: 10px;
	border: 1px solid #B4B5B9;
	padding: 30px 0px 10px 30px !important;
	padding: 15px 0px 10px 15px;
	background: #FFFFFF;
}

/*---------------------------------------------------------------------- PAGE : mentions.htm */
#mentions-gauche{
	float: left;
	width: 180px;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;				
	text-align: left;
}

#mentions-droite{
	float: right;
	width: 430px;
	text-align: justify;
	margin: 0px 0px 10px 0px !important;	
	margin: 0px 0px 5px 0px;	
}


/*--------------------------------------------------------------------*/
/* GESTION : footer */
/*--------------------------------------------------------------------*/
#footer {
	float: left;
	width: 990px;/*990*/
	margin: 0px;
	padding: 5px 0px 10px 0px;
	font-size: 10px;
	font-weight: bold;
	color: #f2be0a;
	background: #920808;
}

#footer ul{
	width: 990px;
	list-style: none;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

#footer li{
	display: inline;
	margin: 0px;
	padding: 0px;
}

#footer a{
	color: #f2be0a;
	text-decoration: none;
}

#footer a:hover{
	color: #f2be0a;
	text-decoration: underline;
}

#copyright{
	width:990px;
	float: left;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	font-size:12px;
	font-weight: bold;
	text-align:center;
}

#connexion{
	margin: 0px;
	padding: 0px;
	width: 229px;
	height: 146px;
    float:left;
	background: transparent url(../images/bg-connexion.jpg) no-repeat;
}

#connexsubmit{
    float: left;
	margin: 0px;
	padding: 0px;	
}

#connexuser{
    float: left;
	margin: 40px 0px 0px 10px;
	padding: 0px;
}

#connexpass{
    float: left;
	margin-left: 10px;
	padding: 0px;
}

#connexliens{
    float: left;
	margin-left: 20px;
	padding: 0px;
}

#connex{
    float: left;
	margin: 40px 0px 0px 20px;
	padding: 0px;
}

.connexinput {
	width:135px;
	margin:0 0 3px 0;
	padding:0 0 0 5px;
}

.inscriptionclient{
	display:none;
}