body { 	margin: 20px 0 0 0;
		padding : 0; 
		background: #e2dfcf;
		font: 11px  Helvetica, Verdana, sans-serif; color: #555555; 
		/*text-align: justify;*/
		}
		
html {
	height: 100%;
	width: 100%;
}

#centpourcent {
	height: 100%;
	width: 100%;
}

img{ border:none;}

p { margin: 0; padding: 0; text-align: justify; }


#content {width: 970px; margin: 0 auto; padding: 0 auto; background: #FFF;}	

.navigation{
font: 10px Verdana;
color: #FFF;
float: right;
width: 700px;
padding: 0;
}

/* ------------------------------------------------------------------- Zone haute */
#zone_haute { width: 970px; height: 70px; background: #e2dfcf;}	
#logo { width: 970px; height: 60px; background: #e2dfcf; text-align: center;}	
#recherche-trad { width: 970px; background: #e2dfcf; height: 23px; margin: 0 auto; padding: 0 auto;}

#zone_nav { width: 970px; height: 15px; padding: 5px 0 5px 0; background: #a1a093; border-bottom: solid 1px #fff;}	
#date { width: 150px; height: 19px; float: left; padding: 1px 0 0 10px;}
#myslidemenu { width: 770px; float: right; padding: 1px 0 0 0;}

#breadcrumb { width: 490px; height: 20px; }
#imprimer { width: 499px; height: 20px; }
#imprimer_318 { width: 570px; height: 20px; }

/* ----------------------------------------------------------------------------------- Pour imprimer */
#titre_page { display: none;  }
/* ------------------------------------------------------------------------------------------------- */

#zone_centrale { width: 968px; min-height: 487px;  margin: 0 auto; padding: 0 auto; background: #fff; }	
#nav_bas { width: 970px; height: 17px; padding: 3px 0 0 0; clear: both; background: #a1a093; border-top: solid 1px #fff;}	

/* ------------------------------------------------------------------- Accueil */
#acc_metedito { width: 200px; background: #fff; float: left; border-right:1px solid #fff;}	
#acc_metedito_meteo { width: 190px; height: 93px; background: #dddcd4; padding: 10px 0 0 10px; }	
#acc_alaune_contenu { width: 410px; padding: 0 15px 0 25px; postion: relative;}
#acc_agenda_contenu { width: 260px; padding: 0 15px 0 25px; postion: relative; line-height: 1.3em;}

#zone_ajout_inscrit { width: 160px; height: 25px; border:solid 1px #ccc;}

#acc_alaune { width: 460px; height: 487px; postion: relative; background: #dddcd4; float: left; border-right: 1px solid #fff;}
#acc_metedito_edito { width: 170px; height: 383px; padding: 0 150px 0 15px; }	
#acc_agenda { width: 306px; height: 487px; postion: relative; float: right; background: #a1a093;}

#lire { width: 150px; postion: relative; float: right;}

/* ------------------------------------------------------------------- Actus / Edito / ... */
#content_gauche { width: 399px; background: #fff; float: left;}	
#content_droite { width: 499px; background: #fff; float: right; padding: 5px 20px 5px 0;}	

/* ------------------------------------------------------------------- Restau / Hotel ... */
#content_gauche_318 { width: 318px; background: #fff; float: left;}	
#content_droite_318 { width: 570px; background: #fff; float: right; padding: 5px 20px 5px 0;}	
#zone_gauche_318 { width: 380px; background: #fff; float: left;}	
#zone_droite_318 { width: 180px; background: #fff; float: right;}	

#AfficheChoix { width: 550px; background: #E2DFCF; padding: 10px; text-align: justify;}	

#titre_gauche { width: 300px; float: left;}	
#titre_droite { width: 250px; float: right;}

#box_content_320 { width: 300px; background: #E2DFCF; padding: 5px 10px 5px 10px;}	
#box_deco_320 { width: 320px; background: #E2DFCF;}	

#box_content_260 { width: 240px; background: #E2DFCF; padding: 5px 10px 5px 10px;}	
#box_deco_260 { width: 260px; background: #E2DFCF; }

#box_avis { width: 250px; margin: 0 auto; padding: 0 auto;}

/* ------------------------------------------------------------------- Votre Avis ... */
#zone_avis { width: 450px; min-height: 70px; background: #fff;}
#message_avis { width: 450px; min-height: 70px; background: #f2f1eb; padding: 15px; font: 12px  Verdana, sans-serif; color: #000;}	
#auteur_avis { width: 450px; height: 20px; background: #fff; font: 10px  Verdana, sans-serif; color: #000;}
#ligne_avis { width: 430px; height: 1px; border-bottom: 1px solid #e5e5e0; padding: 5px 10px 0 10px; margin: 5px 0 10px 0;}

/* ------------------------------------------------------------------- Page + sousnav */
#zone_gauche { width: 250px; background: #fff; float: left;}	
#zone_droite { width: 670px; padding: 0 20px 0 0; postion: relative; background: #fff; float: right;}
#img_droite { background: #fff; padding: 5px 0 5px 15px; float: right;}	
#img_gauche { background: #fff; padding: 5px 15px 5px 0; float: left;}	

/* ------------------------------------------------------------------- Elements communs */
#espace_gauche { width:20px; height: 25px; background: #fff; float: left;}	
#espace_blanc { width:10px; height: 10px; clear: both;}	

#footer { width: 970px; height: 100px; clear: both; margin: 0 auto; padding: 0 auto; vertical-align: middle; }
#footer_gauche { width: 360px; height: 35px; float: left;}
#footer_droite { width: 600px; height: 35px; float: right; }

.searchform { font: 8px  Helvetica, Verdana, sans-serif; width: 140px; color: #000;}
.dropbox { font: 9px  Helvetica, Verdana, sans-serif; width: 140px; color: #000;}

/* ------------------------------------------------------------------- Typo */

h1 { font: 14px  Verdana, sans-serif; color: #000; padding: 0 0 3px 0; margin: 0;}
h1#titre { font: 16px  Verdana, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0;}
h2 { font: 14px  Verdana, sans-serif; color: #000; padding: 0 0 3px 0; margin: 0;}
h3 { font: 16px  Verdana, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0;}
h4 { font: 13px  Helvetica, Verdana, sans-serif; color: #000; padding: 5px 0  0; margin: 0;}
h5 { font: bold 10px  Verdana, sans-serif; color: #000; padding: 2px 0 2px 0; margin: 0;}
h6 { font: 26px  Helvetica, Verdana, sans-serif; color: #a1a093; padding: 0; margin: 15px 0 15px 0;}


.Titre_01 { font: 16px  Verdana, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0;}
.Titre_02 { font: 14px  Verdana, sans-serif; color: #000; padding: 0 0 5px 0; margin: 0;}

.txt8noir { font: 8px Verdana, sans-serif; color: #000;}

.txt9normal { font: 9px  Helvetica, Verdana, sans-serif; color: #555555;}
.txt9blanc { font: 9px Helvetica, Verdana, sans-serif; color: #fff;}
.txt9noir { font: 9px Helvetica, Verdana, sans-serif; color: #000;}

.txt10normal { font: 10px Helvetica, Verdana, sans-serif; color: #555555;}
.txt10gris { font: 10px Helvetica, Verdana, sans-serif; color: #999999;}
.txt10gris_reponse { font: 10px Helvetica, Verdana, sans-serif; color: #3f3f39;}
.txt10blanc { font: 10px  Helvetica, Verdana, sans-serif; color: #fff;}
.txt10noir { font: 10px Helvetica, Verdana, sans-serif; color: #000;}
.txt10rouge { font: 10px Helvetica, Verdana, sans-serif; color: #ff0000;}

.txt11normal { font: 11px  Helvetica, Verdana, sans-serif; color: #555555; word-spacing: 0.2em; line-height: 13px; text-align: justify;}
.txt11bold { font: bold 11px  Helvetica, Verdana, sans-serif; color: #000;}	
.txt11blanc { font: 11px Helvetica, Verdana, sans-serif; color: #FFF;}	
.txt11noir { font: 11px Helvetica, Verdana, sans-serif; color: #000;}

.txt12bold { font: bold 12px  Helvetica, Verdana, sans-serif; color: #000;}
.txt12blanc { font: 12px  Helvetica, Verdana, sans-serif; color: #fff;}
.txt12rouge { font: 12px  Helvetica, Verdana, sans-serif; color: #cb4040;}
.txt12noir { font: 12px  Helvetica, Verdana, sans-serif; color: #000;}

.txt13normal { font: 13px  Helvetica, Verdana, sans-serif; color: #555555;}

.txt14noir { font: 14px  Helvetica, Verdana, sans-serif; color: #000;}
.txt14normal { font: 14px  Helvetica, Verdana, sans-serif; color: #555555;}
.txt14blanc { font: 14px  Helvetica, Verdana, sans-serif; color: #fff;}

.txt16normal { font: 16px  Helvetica, Verdana, sans-serif; color: #555555;}
.txt18bleu { font: 18px  Helvetica, Verdana, sans-serif; color: #0c8fc6;}

.txtFooter { font: 9px  Helvetica, Verdana, sans-serif; color: #FFF;}	

/* ------------------------------------------------------------------- Liens */

A { font: bold 11px  Helvetica, Verdana, sans-serif; color: #000; text-decoration:underline; }
A:hover { font: bold 11px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

a.bloc_link { font: bold 12px Verdana, sans-serif; color: #fff; background: #a1a093; text-decoration:none; padding: 5px; margin: 0;}
a.bloc_link:hover { font: bold 12px Verdana, sans-serif; color: #fff; background: #005ae0; text-decoration:none; padding: 5px; margin: 0;}

A.titre_link { font: 14px  Helvetica, Verdana, sans-serif; color: #000; text-decoration:none; }
A.titre_link:hover { font: 14px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

A.liste_link { font: bold 12px  Helvetica, Verdana, sans-serif; color: #000; text-decoration:none; }
A.liste_link:hover { font: bold 12px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

A.nav_link { font: 10px  Helvetica, Verdana, sans-serif; color: #FFF; text-decoration:none; }
A.nav_link:hover { font: 10px  Helvetica, Verdana, sans-serif; color: #FFF; text-decoration: none; }

A.nav_bas_link { font: 9px  Helvetica, Verdana, sans-serif; color: #FFF; text-decoration:none; }
A.nav_bas_link:hover { font: 9px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: none; }

A.white_link { font: bold 11px  Helvetica, Verdana, sans-serif; color: #FFF; text-decoration:none; }
A.white_link:hover { font: bold 11px  Helvetica, Verdana, sans-serif; color: #FFF; text-decoration: underline; }

A.link10noir { font: bold 10px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: none; }
A.link10noir:hover { font: bold 10px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

A.bread_link { font: bold 10px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }
A.bread_link:hover { font: bold 10px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

A.alaune_link { font: bold 13px  Helvetica, Verdana, sans-serif; color: #000; text-decoration:none; }
A.alaune_link:hover { font: bold 13px  Helvetica, Verdana, sans-serif; color: #000; text-decoration: underline; }

a.footer_link { font: bold 9px  Helvetica, Verdana, sans-serif; color: #4b4a4d; text-decoration: none;}
a.footer_link:hover { font: bold 9px  Helvetica, Verdana, sans-serif; color: #4b4a4d; text-decoration: underline;}

a.bleu_link { font: bold 9px  Helvetica, Verdana, sans-serif; color: #0072ba; text-decoration: none;}
a.bleu_link:hover { font: bold 9px  Helvetica, Verdana, sans-serif; color: #0072ba; text-decoration: none;}

/* ------------------------------------------------------------------- Formulaire contact */
.txtform { font: bold 11px  Helvetica, Verdana, sans-serif; width: 150px; color: #573600;}
.txtform_100 { font: 12px Arial, sans-serif; width: 100px; background: #e2dfcf; color: #000; border: 1px solid #ccc; }
.txtform_250 { font: 12px Arial, sans-serif; width: 250px; background: #f2f1eb; color: #000; border: 1px solid #fff; }
.txtform_500 { font: 12px Arial, sans-serif; width: 490px; background: #f2f1eb; color: #000; border: 1px solid #fff; }
.boxform_250 { font: 12px Arial, sans-serif; width: 250px; height: 100px; background: #f2f1eb; color: #000; border: 1px solid #fff; }

fieldset {
	/* margin-bottom: 1em; */
	border: 0;
	width: 580px;
	margin: 0;
	background-color:#fff;
	/*border: 1px dotted #c3c3c3;*/
}

fieldset p {
	/*padding: 0 0 1px 0 !important;*/
	padding: 0 0 0 0;
	clear: both;
}

legend {
	margin: 0;
	padding: 0;
	color: #FFD100;
	background-color:#4c4c4c !important;
	background-color: none;
}

label.text {
	display: block;
	float: left;
	width: 25%;
	text-align: right; 
	margin: 0 5px 0 0;
	padding: 0;
	border-bottom: 1px dotted #c3c3c3;
}

input.text {
	width: 70%;
	background-color: #efeee9;
	border: 0;
	margin: 0 0 10px 0;
}

textarea {
	width: 70%;
	height: 100px;
	background-color: #d4d2be;
	border: 0;
	margin: 0px;
}

.radioCheck { margin: 0; }
.envoy { margin: 5px 20px 0 0; text-align: right; }
.envoy label { border: 0; }
hr { visibility: hidden; clear: both; }
span.note {	font-size: 0.75em; }
span.warning {	font-weight: bold; font-size: 1.3em; color: #fff;}

/* -------------------------------------------------------------------------- pagination */
.pagination {
font: 10px Helvetica, Helvetica, Verdana, sans-serif;
margin: 20px 0;
text-align:center;
/* border-top: solid 1px #c1c1c1; */
}

.pagination a {
background:#fff;
color:#c1c1c1;
margin:2px;
padding:.2em .4em;
text-decoration:none
}

.pagination a:hover {
background:#fff;
color:#000;
}

.pagination span.inactive {
background:#fff;
color:#f0f0ff;
margin:2px;
padding:.2em .4em
}

.pagination span.active {
font: bold 12px Arial, Helvetica, sans-serif;
background:#fff;
color:#000;
margin:2px;
padding:.2em .4em
}