/*
  _____________________
 |---------------------|
 | design_accueil.css  |
 |_____________________|
  ---------------------
 */
 body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background:url(image/body.jpg) repeat-x #C7F1FF;
}
#conteneur 
{
	width:990px;
	margin:10px auto 10px auto;
	background-color:white;
}
p 
{
	margin: 0;
}
a img
{
border:none;
}
img, .menugauche, #centre ul.listing
{
	behavior: url(iepngfix/iepngfix.php);
}
small
{
	color: #045066;
}
/*
--------------------------------------------------------------------------------------------------------------
en tête
--------------------------------------------------------------------------------------------------------------
 */
#header 
{
	height: 180px;
	background: url(image/fond.jpg) no-repeat;
}
.logo img
{
	margin-top:30px !important;
}
.date
{
	margin-top: 50px !important;
	-margin-top:-30px;
	width:200px;
	text-align:center;
	font-weight:bold;
	color:#045066
}
.drapeau
{
	float: right;
	margin-top: 50px;
	width:200px;
	text-align:right;
	
}
.drapeau img
{
	margin:0 5px 0 0;
}
#header h2
{
	float: right;
	margin-top: 54px;
	width:590px;
	text-align:center;
	color:#ffa500;
}
/*
--------------------------------------------------------------------------------------------------------------
Corps de page
--------------------------------------------------------------------------------------------------------------
 */
#centre 
{
	background-color:white;
	margin-left: 210px;
	padding-right:10px;
}
#centre p, #centre ul, .image td, #centre label
{
	color: #045066;
}
#centre h3
{
	color: #045066;
	border-bottom:2px solid #ffa500;
	padding-left:15px;
	margin-top:30px;
	background:url(image/fleche_orange.jpg) no-repeat 0 5px;
}
.pub
{
	text-align: center;
	margin-top:30px;
}
	/*
	bordure arrondie
	--------------------------------
	 */
	.tab_bordure  /*parametre tab*/
	{
		border-collapse:collapse;
		width:728px;
		margin:20px auto;
	}
	.tab_bordure td /*parametre cell*/
	{
		padding:0;
	}
		/*design tab -- lire ligne de gauche a droite*/
		.coin_gh 
		{
			height:20px;
			width:20px;
			background: url(image/coin_gh.jpg);
		}
		.haut_d, .haut_g
		{
			height:20px;
			background: url(image/haut.jpg) repeat-x;
		}
		.coin_dh
		{
			height:20px;
			width:24px;
			background: url(image/coin_dh.jpg);
		}
		.gauche
		{
			width:20px;
			background: url(image/gauche.jpg) repeat-y;
		}
		.l1c1
		{
			width:456px;
			color:#045066;
			font-size: 1.2em;
			font-weight:bold;
		}
			.l1c1 a
			{
				color:#ffa500;
				text-decoration:none;
			}
			.l1c1 a:hover
			{
				color:#0ba8ce;
				text-decoration:underline;
			}
		.l1c2
		{
			width:228px;
			text-align:center;
			font-size: 1.2em;
			font-weight:bold;
			color:#0ba8ce;
		}
		.droite
		{
			width:24px;
			background: url(image/droite.jpg) repeat-y;
		}
		.l2c1
		{
			width:150px;
		}
		.l2c1 img
		{
			margin-top:20px;
			margin-bottom:0px;
		}
		td.l2c2
		{
			 padding-top:20px;
			 padding-left:5px;
			 vertical-align:top;
			 font-size: 0.9em;
			 color:#045066;
		}
		td.l2c2 span
		{
			 font-weight:bold;
		}
			.l2c2 a
			{
				color:#045066;
				font-size: 0.8em;
			}
			.l2c2 a:hover
			{
				color:#ffa500;
			}
			.l2c2 .tiret
			{
				 color:#045066;
			}
		.l2c3
		{
			text-align:left;
		}
			.l2c3 a
			{
				display:block;
				height:18px;
				width:125px;
				margin-left:auto;
				margin-right:auto;
				padding-top:2px;
				padding-left:35px;
				background:url(image/fleche.jpg) no-repeat left #ffa500;
				color:white;
				font-weight:bold;
				text-decoration:none;
				letter-spacing:-1px; 
			}
			.l2c3 a:hover
			{
				background:url(image/fleche_bleu.jpg) no-repeat left #0aa7ce;
			}
		.coin_gb
		{
			height:20px;
			width:20px;
			background: url(image/coin_gb.jpg);
		}
		.bas_g, .bas_d
		{
			height:20px;
			background: url(image/bas.jpg) repeat-x;
		}
		.coin_db
		{
			height:20px;
			width:24px;
			background: url(image/coin_db.jpg);
		}
		.ombre_coin_gb
		{
			height:4px;
			width:20px;
			background: url(image/coin_gb2.jpg);
		}
		.ombre_bas
		{
			height:4px;
			background: url(image/bas_2.jpg);
		}
		.ombre_coin_db
		{
			height:4px;
			width:24px;
			background: url(image/coin_db2.jpg);
		}

		.haut_d, .l1c2, .l2c3, .bas_d
		{
			border-left:1px solid #045066;
		}
	/*page de description*/		
	#centre h4
	{
		padding-left:10px;
		background:url(image/fleche_h4.jpg) no-repeat 0 5px;
		color:#ffa500;
	}
	#centre ul.listing
	{
		list-style-image: url(image/puce.png);		
	}
	.image 
	{
		text-align:center;
		margin:10px auto 0 auto;
		padding:10px;
		font-size: 0.8em;
	}
	.image td
	{
		vertical-align:bottom;
	}
	.image img
	{
		margin-left:10px;
		margin-right:10px;
	}
	.contacter a/*lien vers page contact*/
	{
		display:block;
		height:18px;
		width:165px;
		margin-left:560px;
		margin-top:15px;
		margin-bottom:15px;
		padding-top:2px;
		padding-left:35px;
		background:url(image/fleche.jpg) no-repeat left #ffa500;
		color:white;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:-1px; 
	}
	.contacter a:hover
	{
				background:url(image/fleche_bleu.jpg) no-repeat left #0aa7ce;
	}
	/*disponibilité*/
	table.tab_legende/*table de la légende*/
	{
		float:right;
		border-spacing:5px;
		margin-top:8px;
		margin-right:25px !important;
		-margin-right:15px;
	}
	.leg_dispo
	{
		border:1px solid #045066;
		background:#63CCF2;
		width:20px;
		height:20px;
	}
	.leg_occupe
	{
		border:1px solid #045066;
		background:#ffbab8;
		width:20px;
		height:20px;
	}
	.leg_non_dispo
	{
		border:1px solid #045066;
		background:silver;
		width:20px;
		height:20px;
	}
	.tab_legende td
	{
		font-size:0.85em;
		color:#045066;
	}
	.tab_legende th
	{
		text-align:left;
		color:#045066;
		
	}
	/*-------------------------------*/
	.tab_mois /*table de chaque mois*/
	{
		border:1px solid #045066;
		width:190px;
		height:190px;
		margin:5px;
	}
	.cell_mois/*cellule du tableau calendrier*/
	{
		vertical-align:top;
	}
	.header_mois/*mois du tableau mois*/
	{
		
		height:20px;
		text-align:center;
		text-transform:uppercase;
		background:#ffa500;
		color:white;
		font-weight:bold
	}
	.jour
	{
		height:20px;
		text-align:center;
		font-size:0.9em;
	}
	.dispo
	{
		height:20px;
		background:#63CCF2;
		text-align:center;
		font-size:0.85em;
		color:#045066
	}
	.non_dispo
	{
		height:20px;
		background:silver;
		text-align:center;
		font-size:0.85em;
		color:#045066
	}
	.occupe
	{
		height:20px;
		background:#ffbab8;
		text-align:center;
		font-size:0.85em;
		color:#045066
	}
	/*-----------------------*/
	ul.dispo_descriptif
	{
		float:right;
		padding-left:0px;
		margin-top:40px;
		margin-right:30px !important;
		/margin-left:0px;
		-margin-right:0;
		list-style-image: url(image/fleche_h4.jpg) !important;
		font-size:0.85em;
	}
	ul.dispo_descriptif li
	{
		padding-top:5px;
		/list-style-type: none;
		/background:url(image/fleche_h4.jpg) center left no-repeat;
		/padding-left:10px;
		-list-style-type: none;
		-background:url(image/fleche_h4.jpg) center left no-repeat;
		-padding-left:10px;
	}
	/*-----------------------*/
	.tab_dispo/*table des disponibilité*/
	{
		width:503px;
		border:1px solid #045066;
		border-spacing:1px;
		margin:15px 0 0 7px;
	}
	.tab_dispo th
	{
		background:#ffa500;
		color:white;
		padding:5px 10px;
	}
	.tab_dispo td
	{
		padding:5px 10px;
	}
	/*page_photo*/

	.image_table
	{
		text-align:center;
		margin:auto;
		padding:10px;
		font-size: 0.85em;
		width:300px;
	}
	.image_table td
	{
		width:100px;
	}
		.image_table a.suivant_en
		{
			background:url(image/fleche_orange.jpg) no-repeat 35px 2px;
			padding-right:16px;
			text-decoration: none;
			color:#045066;
			font-weight:bold;
		}
		.image_table a.suivant
		{
			background:url(image/fleche_orange.jpg) no-repeat 55px 2px;
			padding-right:16px;
			text-decoration: none;
			color:#045066;
			font-weight:bold;
		}
		.image_table a.precedent
		{
			background:url(image/fleche_orange_g.jpg) no-repeat 0px 2px;
			padding-left:16px;
			text-decoration: none;
			color:#045066;
			font-weight:bold;
		}
		.image_table a.retour
		{
			padding-left:8px;
			padding-right:8px;
			text-decoration: none;
			color:#045066;
			font-weight:bold;
		}
		.image_table a:hover
		{
			color:#ffa500;
		}
	.affiche_image
	{
		margin-top:30px;
		text-align:center;
	}
	/*page_envoyer_a_un ami*/
	
	#centre form .justify
	{
		text-align:justify;
		margin-bottom:20px;
	}
	.submit, #centre .answer, #centre .margebasse, #centre .answer_p
	{
		text-align:center;
	}
	.submit input
	{
		 color:white;
		 font-weight:bold;
		 background:#ffa500;
		 width:110px;
		 height:30px;
		 border: 2px outset #b1acb0;
		 padding-bottom:4px;
		 margin-top:15px;
	}
	.submit input:hover
	{
		 background:#0aa7ce;
		 border: 2px inset #b1acb0;
		 padding-bottom:6px;
		 padding-left:2px;
	}
	#centre .tab_ami td
	{
		width:165px;
		height:40px;
		font-weight:bold;
		font-size:0.9em;
	}
	#centre .answer
	{
		color:red;
		margin-top:30px;
	}
	#centre .margebasse
	{
		margin-top:20px;
		color:red;
	}
	#centre .answer_p
	{
		font-weight:bold;
	}
	/*page_contacti*/
	.form_contact  /*parametre form*/
	{
		width:728px;
		margin:20px auto;
	}
	.form_contact fieldset 
	{
		border:1px solid #045066;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px; 
		-khtml-border-radius: 10px; 
		border-radius: 10px; 
		color: #045066;
		margin-top:30px;
		padding-left:10px;/*pour ie6*/
		padding-bottom:10px;/*pour ie6*/
	}
	.form_contact legend 
	{
		font-size:1.1em;
		color:#ffa500;
	}
	form.form_contact table.tab_contact /*design tableau de contact*/
	{
		border-collapse:collapse;
		width:700px;
		
	}
	form.form_contact table.tab_contact .col_one /*taille des cell de la première colonne*/
	{
		width:100px;
		height:40px;
		font-size:0.85em;
		font-weight:bold;
	}
	form.form_contact table.tab_contact .col_one_one /*taille des cell de la première ligne*/
	{
		width:220px;
		height:40px;
		font-size:0.85em;
		font-weight:bold;
	}
	.tab_contact select
	{
		font-size:1em;
		color:#045066;
	}
	.textinterne
	{
		color:grey
	}
	.phrase_verif
	{
		font-size:0.85em;
		font-weight:none;
	}
/*
--------------------------------------------------------------------------------------------------------------
Colonne de gauche
--------------------------------------------------------------------------------------------------------------
 */
#gauche 
{
	float:left;
	width: 200px;
}
	/*
	bordure arrondie du menu
	--------------------------------
	 */
	.m_tab_bordure
	{
		border-collapse:collapse;
		margin:20px auto;
	}
	.m_tab_bordure td
	{
		padding:0;
	}

	.m_coin_gh
	{
		height:10px;
		width:10px;
		background: url(image/m_coin_gh.jpg);
	}
	.m_haut
	{
		height:10px;
		background: url(image/m_haut.jpg) repeat-x;
	}
	.m_coin_dh
	{
		height:10px;
		width:12px;
		background: url(image/m_coin_dh.jpg);
	}
	.m_droite
	{
		width:12px;
		background: url(image/m_droite.jpg) repeat-y;
	}
	.m_coin_db
	{
		height:12px;
		width:12px;
		background: url(image/m_coin_db.jpg);
	}
	.m_bas
	{
		height:12px;
		background: url(image/m_bas.jpg) repeat-x;
	}
	.m_coin_gb
	{
		height:12px;
		width:10px;
		background: url(image/m_coin_gb.jpg);
	}
	.m_gauche
	{
		width:10px;
		background: url(image/m_gauche.jpg) repeat-y;
	}
	/*
	bordure arrondie dans menu
	--------------------------------
	 */	
	.menugauche 
	{
		list-style-image: url(image/puce.png);
		width:120px;
		margin:10px 0;
		padding:0;
		padding-left:20px;
		font-size: 0.9em;
	}
	.menugauche li 
	{
		margin-bottom: 10px;
	}
	.menugauche a
	{
		margin: 0;
		color:#045066;
		font-weight:bold;
		text-decoration: none;
	}
	.menugauche a:hover 
	{
		color:#ffa500;
	}
	.menugauche ul 
	{
		list-style-image: url(image/puce_fleche.jpg);
		margin-top:10px;
	}
	.menugauche .active_menu a/*menu reste actif*/
	{
		color:#ffa500;
	}
	.menugauche ul .active a/*sous menu reste actif*/
	{
		color:#ffa500;
		font-weight:normal;
	}
	.menugauche ul .non_active a/*supprime le gras appelé plus haut pour le sous menu*/
	{
		font-weight:normal;
	}
.skyscraper
{
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}	
/*
--------------------------------------------------------------------------------------------------------------
Pied de page
--------------------------------------------------------------------------------------------------------------
 */
#pied 
{
	clear:both;
	height: 120px;
	background: url(image/footer.jpg);
}
#pied p
{
	
	text-align:center;
	font-size:0.8em;
	color: #045066;
}
.copy
{
	padding-top:30px;
}
.heberge
{
	padding-top:5px;
}
.heberge img
{
	margin-bottom:-5px;
}
.lien_footer
{
	padding-top:20px;
}
.lien_footer a
{
	color: #045066;
}