* { padding: 0; margin: 0; }


body {
	background-position: center top;
	/*font-size: 16px;*/
	background-color: #eef2ee; /*#dfc28b; /*#d7c28b	/*f5faf0;*/
	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;	
}


h1 {
	padding-top: 20px;
	padding-bottom: 45px;
	text-align: center;
	text-decoration: underline;
	font-size: 26px;
	font-weight: normal;
}

h3 {
	text-align: center;
	text-decoration: underline;
	padding-bottom: 20px;
}

img {
	vertical-align: bottom;
	/*border: 1px solid white;*/
}



p {
/*	padding-left: 100px;*/
	/*color: #222;*/
}

td, th {
	padding: 2px 10px 2px 10px;
	border: 1px solid #ccc;
	text-align: center;
}

table {
	margin: 0 auto;
	border-collapse: collapse;
	
}


ol, ul {
	padding-left: 60px;
	padding-right: 30px;
}

li {
	padding-bottom: 5px;
}


/*
.nomarge {
	padding-left: 0;
}
*/

.wrapper, .wrapper_admin, .menu, .top {
	position: relative;
	min-width: 3px;
	min-height: 3px;
	margin: 0 auto;
	margin-top: 10px;
/*	margin-bottom: 50px;*/
	padding-top: 0;
	max-width: 986px;		/* 1000px;	*/
/*	min-height: 1000px;*/
/*	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;*/
	background-color: white; /*#fafafa;	/*e8e8e8;*/
/*	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;*/
	box-shadow: 3px 3px 12px #aaa;	
	overflow: hidden;
/*border: 1px solid red;*/
}

.wrapper_admin {
	text-align: center;
	min-height: 300px;
}

.menu {
	background-color: #b5d305;
/*background-color: #c5e315;*/
}

.menu_admin {
	width: 922px; 
	margin:auto;
	margin-top: 2px;
	padding: 5px 30px 5px 30px; 
	border: 2px solid red; 
}

.align_g {
	text-align: left;
}

.align_c {
	text-align: center;
}

.accueil {
	padding: 20px 50px 20px 50px;
	min-height: 500px;
	/*border: 1px solid red;
	/*width: 50%;
	margin: auto;
	/*text-align: center;*/
	overflow: hidden;
}

.flot_g {
	float: left;
}


#page_accueil h1 {
	text-decoration: none;
/*	text-shadow: 0 -2px 3px #0d0;
	color: #050;*/
}

#img_accueil {
	max-width: 300px;
	max-height: 300px;
	padding: 10px 30px 10px 0;
	float: left;
}

.mess_apercu {
	padding: 20px 0 50px 0; 
	text-align: center; 
	color: red;
}

.txt_accueil {
	/*width: 500px;*/
	/*float: right;*/
/*	text-align: center;	*/
}

.erreur_champ {
	padding-left: 10px;
	color: red;
}

.erreur_champ2 {
	margin: 0;
	padding-top: 0;
	padding-bottom: 15px;
	color: red;
	vertical-align: top;
	text-align: center;
	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

.alerte_erreur {
	width: 35%;
	margin: 0 auto;
	padding: 0 0 10px 40px;
	color: red;
}

.alerte_erreur2 {
	color: red;
}

.mess_erreur {
	padding-top: 10px;
	padding-bottom: 10px;
	color: red;
}

.mess_erreur2 {
	margin-top: 50px;
	text-align: center;
	color: red;
	font: 20px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

.mess1 {
	padding-bottom: 25px;
	font-size: 16px;
	text-decoration: underline;
}

.mess2 {
	padding-bottom: 25px;
}

.btn_form {
	margin: 20px 50px 10px 50px;
	padding: 1px 5px 1px 5px;
}



.zone_tarifs {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}

@media (min-width: 769px) {

	.liste_tarifs {
		width: 50%;
	/*	padding: 0 30px 0 30px;*/
		float: left;
		white-space : nowrap;
	}
}

.tarifs_separ {
	width: 120px;
	margin: auto;
	padding-top: 18px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}	

.periode_tarifs {
	/*margin-left: 20%;*/
	margin-right: 50%;
	/*float: left;*/
}

.intitule_tarifs {
	color: green;
	/*font-weight: bold;*/
	font-size: 110%;
	/*text-decoration: underline;*/
	font: first-letter;
	padding-bottom: 2px;
}



.dates_tarifs {
	/*font-weight: bold;*/
	text-decoration: underline;
	padding-bottom: 2px;
}

.detail_tarifs {
	color: #111;
}

@media (min-width: 768px) {
	.conditions_tarifs {
		width: 50%;
		float: left;
	}
}

@media (max-width: 768px) {
	.conditions_tarifs {
		padding-top: 40px;
	}
}
	

.inti_maj_tarif {
	font-weight: bold;
	text-align: left;
}

#form_ajout_tarif, #form_ajout_reserv {
	/*width: 450px;	/* 350 */
/*	margin: auto;*/
	margin-top: 30px;
	margin-bottom: 20px;
	/*border: 1px solid #ccc;*/
}


.intitule_piece {
	padding: 5px;
	font-size: 18px;
	color: #007000;
}

.txt_equipt {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}


.bouton_envoi input {
	padding: 2px 5px 2px 5px;
}

.bouton_envoi_def input {
	padding: 2px 10px 2px 10px;
	margin: 0;
	margin-top: 10px;
}


.envoi_OK {
	font-size: 18px;
	color: green;
}

.erreur_envoi {
	font-size: 22px;
	color: red;
}

/*
.form_contact h3 {
	color: navy;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	font: 17px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
	text-align: center;
	text-decoration: underline;
}
*/
.form_contact h4 {
	text-decoration: underline;
	font: normal 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

.form_contact p, .zone_boutons {
	padding-top: 12px;
}


.cache {
	visibility: hidden;
}


.bord_bas {
	border-bottom: 1px solid #ccc;
}


.alignjust {
	text-align: justify;
}

.aligncent {
	text-align: center;
}

.aligndroit {
	text-align: right;
}

.lien_admin {
	padding: 0 50px 0 30px;
	float: left;
}



.lien_details {
	color: #0062b4;
/*	font-size: 11px;
	padding-bottom: 0;
	padding-left: 50px;
	color: #555;
	float: left;	*/
}


.lien_details a{
	color: #0062b4;	
}

.lien_details a:link {
	color: #0062b4; text-decoration: none;
}
.lien_details a:visited {
	color: #0062b4; text-decoration: none;		/* #0080ff           #1d6bda            #003bb5 */
}
.lien_details a:hover {
	color: blue;
	text-decoration: underline;
}





	
a {
/*	font-family: Verdana,Arial,sans-serif;*/
/*	font-size: 11px;*/
	color: #0000FF;
}

a:link {
	color: #0000FF; text-decoration: none;
}
a:visited {
	color: #0000FF; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


#zone_de_navigation, #zone_de_navigation_annu_accueil {
	/* barre de navigation */
	width: 936px;
	height: 23px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 17px;
	padding-left: 20px;
/*	padding: 3px 0 3px 20px;	*/
/*	background-color: #fafcd4;	*/
/*	border: 1px solid #ccc;*/
	padding-top: 3px;
	padding-bottom: 3px;
	/*padding-bottom: 3px;*/
}

/*
#zone_de_navigation_annu {
	/* barre de navigation */	/*
	width: 600px;
	height: 30px;
	margin-left: 100px;
}
*/

ul#onglets{
	list-style-type: none;	/* Pas de point d'énumération */
	margin: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 29px;
/*	border-bottom: 1px solid red; /*#ccc;		/* Trait inférieur zone navigation */
}

	ul#onglets li{
		/* onglets (tous) */
		float: left;
	/*	background-color: #fafcd4;	/*ddd;*/
		color: white;
	/*	margin: 2px 0 0 5px; */
	/*	border-left: 1px solid #ccc; */
		padding: 0;
/*		height: 19px;*/
		font-size: 105%;
		text-align: center;	
	}

	ul#onglets a:link, ul#onglets a:visited{
		/* onglets (liens) */
		color: #fff;
		background-color: transparent;
		white-space:nowrap;
	}
/*	
	ul#onglets #navi07 a:link, ul#onglets #navi07 a:visited{
		/* onglets (liens) */
	/*	color: #d00;
		background-color: transparent;
		white-space:nowrap;
	}
*/
	ul#onglets a:hover {
		text-decoration: none;
		color: green;
		border-bottom: none;
	}

#page_accueil li#navi01, #page_equipement li#navi02, #page_localisation li#navi03, #page_disponibilites li#navi04, #page_tarifs li#navi05, #page_photos li#navi06, #page_contact li#navi07 {
	color: black;		/* couleur caractères onglet courant */
	padding: 0;
}

#page_accueil li#navi01 a, #page_equipement li#navi02 a, #page_localisation li#navi03 a, #page_disponibilites li#navi04 a, #page_tarifs li#navi05 a, #page_photos li#navi06 a, #page_contact li#navi07 a {
	color: green;
}

#navi02, #navi03, #navi04, #navi05, #navi06, #navi07 {
/*	border-left: 1px solid #ccc;*/
}


#navi01 {
	width: 117px;
}

#navi02 {
	width: 146px;
/*	border-left: 1px solid #ccc;*/
}

#navi03 {
	width: 147px;
	/*border-left: 1px solid #ccc;*/
}

#navi04 {
	width: 151px;
	/*border-left: 1px solid #ccc;*/
}

#navi05 {
	width: 122px;
	/*border-left: 1px solid #ccc;*/
}

#navi06 {
	width: 115px;
	/*border-left: 1px solid #ccc;*/
}

#navi07 {
	width: 122px;
	/*border-left: 1px solid #ccc;*/
}

.onglet {
	border-right: 1px solid #ccc;
}


#page_localisation h1, #page_mentions h1 {
	padding-bottom: 25px;
}


.page_localisation, .page_mentions {
	padding: 0 100px 40px 100px;
	min-height: 450px;
	overflow: hidden;
}

.page_localisation h3 {
	text-align: left;
}

.page_localisation h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	text-decoration: underline;
}

.page_localisation p {
	/*padding-top: 10px;*/
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.carte_google {
	width: 100%; 
	height: 400px; 
	margin-top: 20px; 
	margin-bottom: 50px; 
}
 
.page_admin {
	padding: 0 180px 40px 180px;
	min-height: 350px;
	overflow: hidden;
}

.page_admin table {
	width: 100%;
}

.page_admin2 {
	padding-bottom: 40px;
	min-height: 350px;
	overflow: hidden;
}


.form_contact {
	width: 498px;
	min-height: 500px;
	margin: 0 auto;
/*	margin-top: 50px;*/
	text-align: left;
	padding-top: 2px;	
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 10px;	
	font-size: 14px;
/*	border-top: 1px solid #CCC;*/
/*	border-right: 1px solid #ccc;
	/*border-bottom: 1px solid #CCC;*/
/*	border-left: 1px solid #ccc;*/
	background-color: white;
}


.editeur {
	width:802px; 
	margin: auto;
	padding-bottom: 20px;
}

.editeur h3 {
	text-align: left;
}

.editeur h4 {
	text-align: left;
	text-decoration: underline;
	margin-bottom: 20px;
	font-weight: normal;
}

.adrGite {
	text-align: left; 
	margin-bottom: 50px;
}


.page_galerie {
	min-height: 700px;
	text-align: left;
	padding-top: 10px;	
	padding-bottom: 10px;	
	font-size: 14px;
	background-color: #ddd;
	overflow: hidden;
}

#page_photos h1 {
	background-color: #ddd;
}


.zone_photos {
	width: 800px;
	margin-left: 50px; 
	padding: 0 40px 40px 40px; 
	overflow: hidden; 
}

.zone_photos img:hover {
	cursor: pointer;
}

.liste_miniatures {
	width: 595px;
	/*padding-left: 90px; */
	overflow: hidden;
	float: left;
}

.miniature {
	padding-right: 15px;
}

.miniature_accueil {
	padding: 10px;
	float: left;
}

.zone_photo_principale {
	clear: both;
}

/*
.bouton_photo {
	margin-top: 175px;
	font-size: 72px;
	background-color: #eee;
	color: #333;
	border: 1px solid #bbb;
	float: left;     
}
*/
/*
.photo_prec {
	margin-right: 20px;	
	padding: 5px 15px 12px 12px;
}
*/

.photo_principale {
	width: 800px;
	padding-top: 40px; 
	text-align: center;
	float: left; 
}
/*
.photo_suiv {
	margin-left: 20px;
	padding: 5px 12px 12px 15px;
}
*/
.photo_comment {
	padding-top:20px; 
	font-size: 18px;
	text-align: center; 
	clear: both; 
}

.photo_list_com {
	padding-top: 30px;
	text-align: center; 
	font-size: 18px; 
	display: none;
	clear: both; 
}

.bouton_liste {
	margin-top: 25px;
	font-size: 42px;
	background-color: #eee;
	color: #999;
	border: 1px solid #bbb;
	float: left;     
}

.bouton_liste:hover {
	cursor: pointer;
}

#liste_prec {
	margin-right: 19px;	
	padding: 3px 5px 1px 4px;
	margin-left: 60px;
}

#liste_suiv {
	/*margin-left: 20px;*/
	padding: 3px 4px 1px 5px;
}

.prov {										/*          ----------------         Pour afficher le commentaire dans un cadre    ------------     */
	width: 300px;
	padding: 10px 50px 10px 50px;
	background: #ccc;
	border: 1px solid #ccc; 
}

.photo_ajout {
	max-width: 240px;
	max-height: 250px;
}

#id_form_upload {
	padding-top: 30px;
	text-align: center;
	border: 1px solid #d0d0d0;
}

#id_form_comment {
	padding-top: 20px;
	text-align: center;
}

.ajout_comment {
	padding-bottom: 10px;
}

.note_info {
	padding: 7px 0 8px 0;
}

#patience {
	padding-top: 10px;
	font-size: 18px;
	color: green;
}

.no_display {
	display: none;
}


#id_form_contact {
	margin: 15px 0 10px 0;
	padding: 5px 0 10px 30px;
	border: 1px solid #ccc;
}


.retrait {
	padding: 30px;
}

.label_aj_tarif {
	margin: 0;
	padding: 0 20px 0 360px;	
	width: 150px;		
	text-align: right;
	float: left;
}

.saisie_aj_tarif {
	/*width: 475px;*/
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	text-align: left;
}

.label_modif_tarif {
	margin: 0;
	padding: 0 20px 0 180px;	
	width: 150px;		
	text-align: right;
	float: left;
}


#footer
{
	clear: both;
	max-width: 926px;
/*	width: 80%;*/
/*	height: 80px;	*/
	margin: auto;
	padding: 30px;
/*margin-top: 30px;*/
/*	margin-bottom: 30px;*/
	font: 14px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
	color: #101010;
	text-align: center;
	z-index: 5;
 /* border: 1px solid red; */
}

.liste_liens {
	margin-top: 15px;
	margin-bottom: 10px;
	font: 14px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
	/*color: #101010;*/
	text-align: center;
}

a.lien_footer {
	font-family: Verdana,Arial,sans-serif;
	font-size: 14px;
	color: blue;
}

a.lien_footer:link {
	color: blue; text-decoration: none;
}
a.lien_footer:visited {
	color: blue; text-decoration: none;
}
a.lien_footer:hover {
	/*color: #007700;*/
	text-decoration: underline;
}



 
.nojs {
	color: red;
}

.police_rouge {
	color: red;
}


.foot {
	clear: both;
	width: 990px;
	height: 150px;
	margin-left: 10px;
}

.entete {
/*	background-color: #fbe9be;	*/
}

.entete2 a img {
	border: none;
}

.entete2_old {
	margin-left: 170px;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.entete2 {
	margin-top: 0;
	margin-left: -11px;
	margin-bottom: 12px;
	height: 114px;
/*	background-color: #fff5d0;*/
	text-align: center;
}

.entete2_gauche {
	padding-top: 15px;
	width: 270px;
	font-size: 12px;
	color: blue;
	line-height: 20px;
	float:left;
}

.entete2_droite  {
	padding-top: 15px;
	font-size: 22px;
	color: navy;
}

.enteteAnnu {
	margin-left: 200px;
	width: 600px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
 


.label {
	margin: 0;
	padding: 0;
}

.saisie {
	margin: 0;
	margin-top: 4px;
	margin-bottom: 10px;
	padding: 0;
}





/* Disponibilités */

.case {
	width: 20px;
	height: 20px;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.case_titre {
	border: 1px solid #ccc;
	float: left;
	background-color : #ddf;
}


.case_vide {
	background-color : #eee;
}

.case_vide2 {
	background-color : white;
	border: 1px solid white;
}


.case_libre {
	background-color : #4d4;	/*#0d0;*/
}

.case_occupee {
	background-color : #d51c29; /*#f74; /*#d00;*/
}

.case_debut_reserv {
	background-image:url(icones/reserv_debut.jpg);
}

.case_fin_reserv {
	background-image:url(icones/reserv_fin.jpg);
}

.cache_over {
	overflow: hidden;
	margin-left: 23px;
}

.cal_mois {
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: center;
}

/*
.cal_annee {
	width: 700px;
}
*/


.label_aj_reserv {
	margin: 0;
	padding: 0 20px 0 181px;
	padding-right: 20px;
	width: 150px;
	text-align: right;
	float: left;
}

.legend_dispo {
	clear: both;
	margin-left: 170px;
	padding-top: 20px;
	padding-bottom: 30px;
}

.legend_dispo_space {
	padding-right: 50px;
	float: left;
 }

.page_dispo {
	width: 640px;
	padding-bottom: 20px;
	min-height: 500px;
	margin: auto;
	overflow: hidden;
}

.page_dispo h4 {
	padding-bottom: 10px;
	/* padding-left: 20px; */
	text-align: center;
	text-decoration: none;
	font-weight: normal;
}

.legend_maj {
	clear: both;
	margin-left: 270px;
	margin-bottom: 50px;
}


#page_equipement h3, #admin_suppr_piece h3, #admin_page_equipement h3 {
	padding-bottom: 10px;
	font-size: 18px;
	color: #007000; /* #0000c9;	/* #00e;	/* #386; */
}
/*
#admin_suppr_piece p, #admin_suppr_photo p {
	padding-left: 40px;
	padding-bottom: 20px;
}
*/

.recap_element {
	padding: 10px 20px 20px 20px;
	border: 1px solid #ccc;
}

.cadre {
	margin-left: 50px;
	margin-right: 50px;
	padding: 10px 20px 20px 20px;
	border: 1px solid #ccc;
}

.page_equipt {
	padding: 0 20px 5px 100px;
	min-height: 500px;
	overflow: hidden;
}

.liste_intitules {
	padding-bottom: 12px;
	text-decoration: none;
}

.aff_piece {
	width: 620px;
	margin-right: 50px;
	margin-bottom: 20px;
	padding: 15px 20px 15px 25px;
	border: 1px solid #cdc;
	float: left;
}

.aff_piece_1_col {
	width: 220px;
	margin-right: 50px;
	padding-left: 40px;
	padding-bottom: 0;
	float: left;
}

.aff_piece_2_col {
	width: 490px;
	margin-right: 50px;
	padding-left: 40px;
	padding-bottom: 0;
}

.lien_haut_equip {
	width: 620px; 
	margin-left: 101px; 
	margin-bottom: 30px;
	text-align: center; 
	font-size: 80%;
}



/*
.page_equipt a:link {
	color: #0062b4; text-decoration: none;
}
.page_equipt a:visited {
	color: #0062b4; text-decoration: none;		/* #0080ff           #1d6bda            #003bb5 */
/*}
.page_equipt a:hover {
	color: blue;
	text-decoration: underline;
}
*/



.instr_admin {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

.page {
	padding: 0 50px 20px 50px;
	min-height: 500px;
	/*border: 1px solid red; */
	overflow: hidden;
}


#id_form_connexion {
	width: 200px;
	margin: auto;
	margin-top: 30px;
	padding: 10px 20px 20px 20px;
	text-align: center;
	border: 1px solid #ccc;
}

#id_form_recup_mdp {
/*	margin-top: 20px;*/
	height: 321px;
}


.champ_saisie {
	margin: 0;
	padding: 10px 0 10px 0;
}

.label_connexion {
	margin: 0;
	padding: 10px 0 0 0;
}

.champ_connexion {
	margin: 0;
	padding: 0 0 10px 0;
}



.mess_erreur_champ {
	margin: 0;		
	color: red;
	text-align: left;
	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

.mdp_oublie {
	padding-top: 10px;
	padding-bottom: 25px;
}

.inp_login {
	margin-top: 10px;
}

.mess_erreur_connexion {
	height: 20px;
	color: red;
	text-align: center;
	font: 16px Trebuchet MS, Verdana, Courier, Comic Sans MS, Arial;
}

.erreur_champ_connexion {
	margin: 0;
	padding-left: 5px;	
	color: red;
	vertical-align: middle;
	text-align: left;
	font: 16px Verdana, Courier, Comic Sans MS, Arial;
}