/* GENERAL */
* 	{
	margin: 0;
	padding: 0;
	}

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}

body {
	background-color: #94D3E9;
	color: #555555;					/*	police : gris	*/
	font-family: Arial;
	font-size:9pt;
	}

form, fieldset {
    border: none;
}

input, button, select, textarea {
	vertical-align: middle; /* Solution pb. d'alignement. */
	margin: 5px 0px 5px 0px;	
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

.Fin_Float {
	clear:both;
	}
	

/* SQUELETTE */		
#conteneur {
	text-align:center; 				/* alignement au centre par defaut */
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	}		
							
		#header {
			width: 100%;
			text-align:center;
			}
				
				#haut {
					font-size:9px;
					text-align:center;
					padding-bottom:2px;
					}			
				
				#logo {
					text-align:center;
					width: 100%;
					}
						#logo_TD_1 {
							padding: 0px 15px 0px 140px;						
							}	
						#logo_TD_2 {
						/*	width: 60px;*/			
							}	
						#logo_TD_3 {
							padding: 0px 240px 0px 15px;										
							}															

				#h2 {
					/*	*/	
					}	
	
				#zone_publicitaire {
					width: 100%;			
					}
					
				#menu {
					text-align:left;
					width: 100%;
					font-size:larger;
					}				

			
		#corps {
			background-color: #fff;
			padding: 7px;
			border: #000 solid 1px;			
			}
			
				#navigation {
					width: 100%;
					text-align:left;
					/*font-size: 17px;*/
					font-size:larger;
					padding-bottom: 5px;
					border-bottom: #000 solid 1px;
					margin-bottom: 5px;
					}			
		
				#gauche {				/* dans tableau */
					text-align:center;
					width: 130px;
					vertical-align: top;					
					}	
				
				#centre {				/* dans tableau */
					text-align:left;
					width: 690px;	
					vertical-align: top;						
					}	
				
				#droite {				/* dans tableau */
					text-align:center;
					width: 180px;		
					vertical-align: top;								
					}			
					
				#bas {
					text-align:left;
					width: 100%;
					padding-top: 5px;
					border-top: #000 solid 1px;
					margin-top: 15px;		
					}	

		#footer {
			text-align:justify;
			font-size: x-small;
			}


/* Titres */
		h1 {
			font-size: 32px;
			}

		h2 {
			color: #555555;
			font-size: 20px;
			padding-top: 7px;	
			padding-bottom: 7px;						
			}

		.h2_centre {
			margin: 10px 0px 10px 5px;	
			font-size: 16px;	
			padding: 0px;
			}
				
		h3 {
			font-size: 16px;
			margin: 10px 0px 10px 5px;	
			}
	
/* Liens */
		a {								/*	lien rouge, non surligne	*/
			color: #DD0000; 
			text-decoration: none;
			}

		a img {
			border:  none ;
			}
			
		a:hover {						/*	passage souris : surligne	*/
			text-decoration: underline;
			}
		
		a lien_gris {
			color: #555555; 
			}	

/* images */
		.Souligne {
			text-decoration: underline;		
		}	


/* images */
		.BordureImage {
			border: #000 solid 1px;		
		}			


/* LOGO */

		#Logo_exterieur_campagne { 
			border: solid 1px #000;
			padding: 2px;
			background-color:#FFF;
			width:300px;
			text-align: center;
			}
			
		#Logo_exterieur_ville { 
			border: solid 1px #000;
			padding: 2px;			
			background-color:#FFF;
			width:280px;
			text-align: center;
			}
			
		.Logo_interieur {
			border: solid 7px #D00;
			text-align: center;
			}
		.Logo_interieur a {
			text-decoration: none;
			color: #555555;
			}	
		.Logo_interieur a:hover {
			text-decoration: none;
			}
	
	
/* ALIGNEMENT */
/* ALIGNEMENT */
		.AligneGauche {
			text-align: left;
			}
		.AligneCentre {
			text-align: center;
			}
		.AligneDroite {
			text-align: right;
			}	
		.AligneJustifie {
			text-align: justify;
			}	

		.AlignGauche {
			text-align: left;
			}
		.AlignCentre {
			text-align: center;
			}
		.AlignDroite {
			text-align: right;
			}	
		.AlignJustify {
			text-align: justify;
			}	
		.VerticalAlignMiddle {
			vertical-align: middle;
			}				
			
/* MARGES */							
		.MargeGauche10px {
			text-align: left;
			margin-left: 10px;
			}
		.MargeGauche15px {
			text-align: left;
			margin-left: 15px;
			}
		.MargeGauche20px {
			text-align: left;
			margin-left: 20px;
			}
		.MargeGauche30px {
			text-align: left;
			margin-left: 30px;
			}			
		.MargeGauche40px {
			text-align: left;
			margin-left: 40px;
			}	
		.PaddingGaucheDroite5px {
			padding-left: 5px;
			padding-right: 5px;
			}	
			
		.Interligne_Large	{
		padding-top: 2px;		
		}
	
/* COULEURS */	
		.gris {	color: #555555;}
		.noir {	color: #000000;}
		.rouge {color: #DD0000;}
		.bleu {	color: #0000CC;}
		.bleu_logo { color: #0099FF; }		
		.vert {	color: #005500;}
		.vert_logo { color: #33CC00; }		

/* TEXTE */	
		.large {
			font-size: large;
			}
		.gras	{
			font-weight: bold;
			}	
		.taille16pt {
			font-size: 16pt;
			}
		.GrisItalique {
			color: #555555;
			font-style: italic;
		}

/* Recherche */
		#Recherche_Gites {
			margin-top: 20px;
			margin-left: 30px;			
			}

		#Recherche_Gites label {
			padding-top:6px;	/* pour caler a la hauteur des selects et input*/
			display: block;
			width: 140px;
			float: left;
			text-align: left;
/*			letter-spacing: 1px;*/
			}

		#Recherche_Gites input, 
		#Recherche_Gites select {
			margin-left: 10px;
			width: 200px;
			border: #CCC 1px solid;
			height:20px;	
			}
		
		#Recherche_Gites input:hover, 
		#Recherche_Gites select:hover, 
		#Recherche_Gites input:focus, 
		#Recherche_Gites select:focus {
			border: #999 1px solid;
			background-color: #DDEEFF;
			}

		#Recherche_Gites #id_validation 	{
/*			width: 100px;
			height: 35px;*/
			width: 72px;
			height: 25px;			
			border: none;
			margin-left:10px;
/*			margin-left:150px;	*/	
			}


/* liste des liens RUBRIQUE */			
		.Listing_Liens {
			margin-top: 5px;	
			}
		
		.Listing_Liens .UL_Region {
			display:inline;
			float:left;		
			margin-left:auto;
			margin-right:auto;
			width:220px;
			}

		.Listing_Liens li {
			margin-left: 60px;		
			list-style:none;
			line-height:22px;			
			}	

		.Listing_Liens .niveau2 {
			margin-left: 105px;		
			list-style:none;
			line-height:22px;			
			}								
	
		.Listing_Liens .rubrique {
			margin-left: 15px;		
			list-style:none;
			line-height:22px;			
			}
				
/*  resultats viva */
			.Table_Annonces	{
				border-collapse: collapse ;		/* IMPORTANT : pour ne pas avoir de bordure entre les differents elements */
				border: solid 1px #000;
				margin: 6px 0px 0px 0px;
				}					
				
			.Table_Annonces td	{
				padding: 5px;
				}	

			.Table_Annonces th	{
				padding: 5px;
				}	
				
			.Table_Annonces .tr_pair 	{
				border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
				border-left: solid 1px #000;		
				background-color: #FFC;
				}	
				
			.Table_Annonces .tr_impair 	{
				border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
				border-left: solid 1px #000;	
				background-color: #FFF;
				}

			.Table_Annonces .align_gauche 	{
				text-align: left;
				}	
				
			.Table_Annonces .align_centre 	{
				text-align: center;
				}								

			.Table_Annonces .description 	{
				font-size: smaller;				
				}	
				
			.Table_Annonces #legende 	{
				text-align: center;	
				padding-bottom: 0px;		
				}	
				
			.Table_Annonces #tri 	{
				padding: 0px;
				border-bottom:solid 1px #000;
				border-right: solid 1px #000;
				border-left: solid 1px #000;
				text-align: center;			
				}	

			.Table_Annonces .actif 	{
				border: solid 1px #F00;		
				}		
			.Table_Annonces .inactif 	{
				border: solid 1px #FFF;		
				}
				
			.Page_Resultat_Active	{
				border: solid 1px #94D3E9;		
				background-color: #94D3E9;	
				font-weight:bold;
				color:#FFF;		
				padding: 1px 4px 1px 4px;
				}
				
			.Page_Resultat_Inactive	{
				border:1px solid #94D3E9;
				padding: 1px 4px 1px 4px;	
				}				
				
/* Planning GdV */
	#PlanningGdV {
		}
	.Table_Calendrier {
		display:inline-table;
		font-family:Arial, Helvetica, sans-serif;
		}	
	.Table_Calendrier td {
		border: solid 1px #666;	
		margin:2px;
		padding:1px;
		text-align:center;
		width:13px;
		height:13px;
		font-size:10px;
		}
	.Table_Calendrier .Cal_Legende {
		border:none;
		margin:2px;
		padding:1px;
		text-align:left;
		height:13px;
		width:80px;
		font-size:10px;
		}
	.Table_Calendrier th {
		font-size:larger;
		text-align:center;
		border: solid 1px #666;
		}
	.Table_Calendrier .Jour_Semaine td {
		background-color:#94D3E9;
		padding:0px;
		height:15px;
		}		
	.Fond_Cellule_Cal {
		background-color:#ff9000;
		}	
	.Cal_Cellule_Inexistante {
		background-color:#CCCCCC;
		}		
	.Cal_Debut {
		background-image:url(./COMMUN/0-IMAGES/Cal_Debut_Orange.gif);	
		}	
	.Cal_Milieu {
		background-image:url(./COMMUN/0-IMAGES/Cal_Milieu_Orange.gif);
		}				
	.Cal_Fin {
		background-image:url(./COMMUN/0-IMAGES/Cal_Fin_Orange.gif);	
		}
		
	.Ligne_Masque {
		display:none;
		}				
		
/* proprio */
	#Table_Vitrine {
		margin-top:5px;
		margin-left : auto;	
		margin-right : auto;
		}
	#Table_Vitrine td {
		vertical-align:top;
		text-align:justify;
		padding:10px;
		width:50%;
		}				

/* boite arrondie */		
	.roundedcornr_box {					/* http://www.roundedcornr.com/ */
		text-align:left;
		background: url(./COMMUN/0-IMAGES/BOITE_DROITE/roundedcornr_141426_tl.png) no-repeat top left;
		margin-bottom:10px;							
		}
	.roundedcornr_top {
		background: url(./COMMUN/0-IMAGES/BOITE_DROITE/roundedcornr_141426_tr.png) no-repeat top right;
		}
	.roundedcornr_bottom {
		background: url(./COMMUN/0-IMAGES/BOITE_DROITE/roundedcornr_141426_bl.png) no-repeat bottom left;
		}
	.roundedcornr_bottom div {
		background: url(./COMMUN/0-IMAGES/BOITE_DROITE/roundedcornr_141426_br.png) no-repeat bottom right;
		}
	.roundedcornr_content {
		background: url(./COMMUN/0-IMAGES/BOITE_DROITE/roundedcornr_141426_r.png) top right repeat-y;
		}								
	.roundedcornr_top div,
	.roundedcornr_top,
	.roundedcornr_bottom div, 
	.roundedcornr_bottom {
		width: 100%;
		height: 10px;
		font-size: 1px;
		}		
	.roundedcornr_contenu {
		padding: 5px 5px 5px 15px ;	/* haut droite bas gauche */
		margin-left:auto;
		margin-right:auto;
		}
		
		
	#BlocTel {
		border: solid 1px #999;
		text-align: center;
		margin-left:auto;
		margin-right:auto;	
		width: 300px;	
		margin-top: 10px;
		margin-bottom: 15px;
		padding-top: 5px;
		padding-bottom: 5px;			
		}			
		
/* accueil */
	#T_Liens_Bas {
		width:700px;
		margin-left:auto;
		margin-right:auto;		
		}
	#T_Liens_Bas a {
		margin-left:15px;
		}	


/*  tableauVille */
	.tableauVille	{
		border-collapse: collapse;		/* IMPORTANT : pour ne pas avoir de bordure entre les differents elements */
		border-bottom: solid 1px #000;  /* bordure ligne du bas du tableaubas */		
		width:670px;		
		}					
	
	.tableauVille th 	{
		text-align: center;
		border-bottom:solid 1px #000;
		background-color: #FFF;
		font-weight: bold;		
		}	
		
	.tableauVille td 	{
		text-align: center;
		padding: 5px;
		}	

	.tableauVille .CelluleVille 	{
		text-align: left;
		padding-left:5px;
		}	
				
		
	.tableauVille .tr_pair 	{
		border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
		border-left: solid 1px #000;		
		background-color: #FFC;
		}	
		
	.tableauVille .tr_impair 	{
		border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
		border-left: solid 1px #000;	
		background-color: #FFF;
		}		

	
	
/*  tableau ville VIVA */
	.tableauVilleVIVA	{
		border: solid 1px #666;
		margin-bottom:2px;
		}					
		
	.tableauVilleVIVA td 	{
		text-align: left;
		padding: 5px;
		}	
		
	.tableauVilleVIVA .tr_pair 	{
		border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
		border-left: solid 1px #000;		
		background-color: #FFC;
		}	
		
	.tableauVilleVIVA .tr_impair 	{
		border-right: solid 1px #000;  /* ne pas regrouper les bordures sous tr pour ne pas inclure th */
		border-left: solid 1px #000;	
		background-color: #FFF;
		}	
	#portfolio 	{
		margin-bottom:5px;
		}