/* ********************************************* POLICES SUPPLEMENTAIRES ********************************************* */ 
 






/* ************************************************* REGLES GLOBALES ************************************************* */

body{
	margin:0;
	padding:0;
	background-color:#FEFAD2;
}

#banniere{
	width:948px;
	height:192px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	border:6px solid #800000;
}

		#banniere p{
			width:900px;
			margin-left:auto;
			margin-right:auto;
			margin-top:90px;
			text-align:center;
			font-family:"Comic sans MS";
			font-size:2.8em;
			color:#800000;
		}

#corps{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	overflow:auto;	
}

		#corps_droite{
			float:right;
			width:695px;			
		}
		
				#cadre_article{
					overflow:auto;					
					margin-bottom:5px;
					padding:20px;					
					color:#EFD077;
					font-family:arial;
					font-size:0.8em;					
					line-height:1.8em;
					text-align:justify;
					overflow:hidden;
				}
				
						.centre, .c{							
							margin-left:auto;
							margin-right:auto;
							text-align:center;							
							line-height:1em;							
							font-size:0.7em;
						}
						
						.gauche, .g{					
							float:left;							
							margin-top:8px;							
							margin-right:20px;
							text-align:center;							
							line-height:1em;							
							font-size:0.7em;
						}
						
						.droite, .d{			
							float:right;
							margin-top:8px;	
							margin-left:20px;
							text-align:center;							
							line-height:1em;							
							font-size:0.7em;
						}
						
						.centre img, .droite img, .gauche img{
							/*margin-top:5px;*/
							border:3px solid #800000; /* Mais voir la classe "puce" */
						}
						
						.puce{
							margin:0;		
							border:none;
						}	
						
						.left p, .right p{
							margin-top:2px;
						}
						
						#carte{
							width:500px;							
							margin-left:auto;
							margin-right:auto;
						}
						
								small{
									display:block;									
									width:500px;
									margin-left:auto;
									margin-right:auto;									
									text-align:center;
								}
				
				#photos{
					/* min-height:420px; */
					height:auto;
					overflow:auto;
					padding:10px;					
					background-image:url(../img/fond_photos.jpg);
					border:1px solid #800000;
				}
				
						#aide{
							margin-top:0;
							margin-bottom:3px;
							font-size:12px;
						}
						
						#cadre_miniatures{
							float:left;
						}						
						
								#cadre_miniatures img{
									display:block;
									width:58px;
									height:58px;
									margin-bottom:15px;
									border:3px solid #800000;
									cursor:pointer;
								}
						
						#cadre_grandes{
							float:left;
							margin-left:5px;
							width:auto;
						}
						
								#cadre_grandes img{
										display:block;
										width:390px;
										/*height:467px;*/
										margin-left:0;
										margin-right:0;
										border:3px solid #800000;
								}
						#commentaire1{
								float:left;								
								width:190px;
								margin-left:5px;
								text-align:center;
								color:#800000;
						}
						
						#commentaire2{
								clear:both;
								margin-top:15px;
								color:#800000;
						}
		
		#corps_gauche{
			width:258px;
			background-image:url(../img/fond_corps_gauche.jpg);
			border:1px solid #800000;						
		}
		
				#menu{
					height:650px;
				}
				
				#cadre_breves{
					width:238px;
					margin-left:auto;
					margin-right:auto;
					margin-bottom:20px;
					color:#800000;
				}
				
					#cadre_breves h1, #cadre_breves h2, #cadre_breves h3, #cadre_breves h4, #cadre_breves h5, #cadre_breves h6{
						color:#CC3300;
						text-align:center;
						margin-bottom:0;
					}
				
				.spacer{
					clear:both;
					font-size:0;
				}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
/* ****************************************************** MENU ACCORDEON ****************************************************** */


.navigation{
	width:210px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:0;
	list-style-type:none;
}

.navigation li{
	margin-bottom:20px;
	text-align:center;
	font-family:georgia;
	font-weight:bold;
}

.navigation li a{
	display:block;
	height:32px;
	font-family:georgia;
	font-size:1em;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#EFD077;
	border:1px solid #9F4D3D;
}


.navigation li ul li a{
	font-family:arial;
	border:none;
}

.fonce{
	background-color:#800000;
}

.medium{
	background-color:#CF3111;
}

.mediumClair{
	background-color:#E34F27;
}

.clair{
	background-color:#E45E22;
}

.navigation li ul{
	margin-top:10px;
	color:#800000;
}

.navigation li ul li{
	margin-bottom:4px;
	text-align:left;
	list-style-type:disc;
	margin-left:-25px;
	font-family:kartika;
	font-size:0.8em;
}

.navigation li ul li a{
	height:auto;
	/*line-height:20px;*/
	font-size:1.2em;
	color:#800000;
}






/* + -----------------------------------------------------
	Styles appliqués au Calendrier
+ ----------------------------------------------------- */

#titre_calendrier{
	width:250px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:1.2em;
	color:#880000;
}

#form_calendrier{
	width:220px;
	margin-left:auto;
	margin-right:auto;
	font-size:1.2em;
}

	label{
		font-size:0.9em;
	}
	
	#mois, #annee{
		width:100px;
	}
	
	#bouton{
		display:block;
		/*width:80px;*/
		margin-left:auto;
		margin-right:auto;
	}

#calendrier li{
	list-style:none;
}

#calendrier h3{
	text-align:center;
}

#calendrier a{
	cursor:pointer;
}

#libelle {
	width: 210px;
	margin: 0 auto;
	padding: 0;
}
.ligne {
	width: 210px;
	margin: 0 auto;
	padding: 0;
} 
#libelle li {
	list-style:none;
	float : left;
	width :28px;
	text-align:center;
	font-style:normal;
	border:1px solid #800000;
	color:#800000;
	background-color:#EFD077;
}

.ligne li {
	list-style:none;
	color: #000;
	float : left; 
	width : 28px;
	text-align:center;
	font-style:normal;
	border:1px solid #800000;
	color:#EFD077;
	/*background-color:#0F0;*/
}

.today{
	background-color:#00F;
}

.reserve{
	background-color:#F00;
}

.libre{
	background-color:#007700;
}

.vide{
	background-color:#800000;
}	








/* ********************************************** REGLES SPECIFIQUES A CHAQUE PAGE ********************************************** */


.contact, .tarifs, .plan, .reservations, .votre_avis{
	background-color:#800000;
}

.samarcande, .petite_fadette, .nuitees_cadeau, .welcome{
 	background-color:#CF3111;
}

/* FOND EN DEGRADE
.petite_fadette{
	background-image:url('../img/degrade.jpg');
	background-repeat:repeat-x;
}
*/
 
.mas_de_combes, .maison_hotes, .table_hotes{
 	background-color:#800000;
}
 
.tourisme_tarn, .albi, .castres, .cordes, .gaillac, .gaillac_vins, .realmont, .toulouse_carcassonne_mediterranee, .maisons_hotes_partenaires, .sejours_week_ends, .avis_photos {
 	background-color:#E34F27;
}

.randonnees, .activites, .bien_etre, .tourisme_vacances_france{
	background-color:#E45E22;
}
 
map{
	height:0; 
}

.tourisme_tarn img{
	border:none;
}

.reservations form{
	margin-top:30px;
}

 
 /* ********************************************* REGLES POUR LA PARTIE ADMINISTRATEUR ********************************************* */
 
 .mas_de_combes textarea, .maison_hotes textarea, .table_hotes textarea, .samarcande textarea, .petite_fadette textarea, .nuitees_cadeau textarea, .randonnees textarea, .activites textarea, .bien_etre textarea, .welcome textarea, .tourisme_tarn textarea, .albi textarea, .castres textarea, .cordes textarea, .gaillac textarea, .gaillac_vins textarea, .realmont textarea, .toulouse_carcassonne_mediterranee textarea, .contact textarea, .votre_avis textarea, .tarifs textarea, .plan textarea, .maisons_hotes_partenaires textarea, .sejours_week_ends  textarea, .avis_photos textarea, .tourisme_vacances_france textarea{
 	display:block;
 	width:99%;
 	min-height:450px;
 	margin-top:5px;
 }
 
.reservations textarea{
	display:block;
 	width:99%;
 	min-height:150px;
 	margin-top:5px;
}
 
 #cadre_breves textarea{
	width:95%;
	min-height:400px;
	margin-left:5px;
	margin-right:5px;
 }
 
 #photos textarea{
	width:100%;
	min-height:200px;
 }
 
 #textarea_photos{
	width:245%;
	min-height:150px;
 }
 
.bouton_g, .i, .s{
	width:25px;
}
 
.bouton_puce, .lien  {
	width:45px;
}

.image{
	width:50px;
}


/* BOUTONS */

table{
	position:relative;
	border-spacing:5px 2px;
	left:-4px;
}

td{
	border:solid 1px #EFD077;
	width:90px;
	text-align:center;
	margin-right:5px;
}

td a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-family:Verdana,Arial,serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	background-color:#EFD077;
	color:#C64F2A;
}

td a:hover{
	color:#EFD077;
	background-color:#C64F2A;
}

#gestion_reservations{
	display:block;
	text-align:center;
	width:230px;
	margin-left:auto;
	margin-right:auto;
}

#dates{
	height:300px;
}

#banniere #lienModifier{
	display:block;
	position:relative;
	text-align:left;
	font-size:16px;
	top:-80px;
}








.tableau_mise_en_forme{
	border:0;
}