/*http://meyerweb.com/eric/tools/css/reset/*/

/* GENERAL */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	}

li {
	list-style: none;	
	} 
	
ol li {
	margin-left:23px;
	list-style-type:decimal;	
	} 

form {
    border: none;
	border-collapse: collapse;
	}	
fieldset {
	border-collapse: collapse;
	border: #CCC solid 1px;
	padding:5px;
	}	

input, button, select, textarea {
	vertical-align: middle;
	padding:1px;
	}
	
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
	padding: 1px 2px;
	}
	
	
.Image_Formulaire {	
	border: none;
	}

em, .italique {
    font-style: italic;
	}

strong, .gras {
    font-weight: bold;
	}

.souligne {
	text-decoration: underline;		
	}

hr {
	background-color: #FFFFFF;
	height: 1px;
	margin-left: 1%;
	margin-right: 1%;
	margin-top:5px;
	margin-bottom:5px;
	}

textarea:focus {
	border: 2px solid #999;
	}

/* Font Size */
		.smaller {
			font-size:smaller;
			}
		.larger {
			font-size:larger;
			}	
	
/* Liens */
		a {							/*	lien rouge, non surligne	*/
			color: #DD0000; 
			text-decoration: none;
			}
		a img {
			border:none ;
			}		
		a:hover {					/*	passage souris : surligne	*/
			text-decoration: underline;
			font-style: italic;
			}
		a:visited {					/*	lien visite	*/
			color: #FF3300;
			}

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

	
/* ALIGNEMENT */
		.AligneGauche {
			text-align: left;
			}
		.AligneCentre {
			text-align: center;
			}
		.AligneDroite {
			text-align: right;
			}	
		.AligneJustifie {
			text-align: justify;
			}				
						
/* 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;
			}	
		.PaddingGauche5px {
			padding-left: 5px;
			}	

		.Gros_Bouton {
			padding: 2px;
			width: 170px;
			height: 40px;
			}	
			
		.Interligne_Large	{
		padding-top: 2px;		
		}

	
/* COULEURS */	
		.gris {	color: #555555;}	
		.orange { color:#FF6600;}		
		.noir {	color: #000000;}
		.rouge {color: #DD0000;}
		.bleu {	color: #0000CC;}
		.vert {	color: #005500;}
		.vert_logo { color: #33CC00; }			
		.bleu_logo { color: #0099FF; }		
		.gris_logo { color: #999999; }			
		
/* Bouton Valider */
		#FormContactBouton {
			border:none;		
			}	





/* Structure */

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

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

#conteneur {
	text-align:center; 				/* alignement au centre par defaut */
	margin-left:auto;
	margin-right:auto;
	width: 1000px;
	}	
							
		#header {
			width: 100%;
			margin-bottom: 15px;
			text-align: left;
			}
				
				#haut {
					font-size:10px;
					text-align:center;
					padding-bottom:3px;
					}			
				
					#T_Logo  #Logo_Gauche {
						text-align: left;
						width:280px;
						font-size: 32px;			
						}	
								#Logo_exterieur_ville { 
									background-color:#FFF; 		/* fond blanc */
									border: solid 1px #000;		/* bordure noire */
									padding: 2px;				/* espace entre les 2 bords */
									width:280px;
									text-align: center;
									}
								#Logo_exterieur_campagne { 
									background-color:#FFF; 		/* fond blanc */
									border: solid 1px #000;		/* bordure noire */
									padding: 2px;				/* espace entre les 2 bords */
									width:305px;
									text-align: center;
									}									
									
								#Logo_interieur {
									border: solid 7px #D00;		/* bordure rouge */
									text-align: center;
									font-size: 32px;
									font-weight: bold;
									letter-spacing: 2px;
									font-family:Geneva, Arial, Helvetica, sans-serif;
									}	
								#Logo_interieur a {
									text-decoration: none;
									color: #000;
									}	
								#Logo_interieur a:hover {
									text-decoration: none;
									}					
					
					#T_Logo  #Logo_Centre {
						padding-left: 15px;	
						text-align: left;
						}	
							#macaron {
								width: 50px;
								height:	50px;
								}					
											
					#T_Logo  #Logo_Droite {
						text-align: left;					
						color: #555;
						font-size: 14pt;
						padding-left: 10px;	
						padding-top: 7px;	
						padding-bottom: 7px;
						}	
										
		#menu {
				text-align:left;
				width: 1000px;
				font-size: 10pt;
				}
												
				#ConnexionProprietaire {
					margin-left:42px;
					margin-top:6px;			/* Ne pas changer */
					}
				#ConnexionProprietaire p {
					display:inline;
					padding-right:3px;
					}
				#ConnexionProprietaire .Image_Formulaire {
					margin-top:-3px;	/* Ne pas changer */
					}									
				#ConnexionProprietaire  #ConnexionCourriel, #ConnexionProprietaire #ConnexionMdP {
					width:90px;
					margin-right:4px;
/*					background-color:#F0F0F0;*/
					margin-top:-3px;	/* Ne pas changer */
					}		
			
		#corps {
			background-color: #fff;
			padding-top: 7px;
/*			padding-bottom: 7px;	*/		
			border: #000 solid 1px;			
			width: 998px;
			}

			/* Navigation */
				#T_Navigation {						
					font-size: 11pt;
					padding-bottom: 5px;
					margin-bottom: 5px;				
					border-bottom: #999 solid 1px;		/* Ne pas changer */	
					width:100%;	
					}
						
						#T_Navigation td {						
							vertical-align: top;		/* Ne pas changer */	
							}
						
						#T_Navigation  #Navigation_Gauche {				
							text-align:left; 
							/*width: 758px;	*/
							
							padding-left: 7px;									
							}	
						
						#T_Navigation  #Navigation_Centre {				/* dans tableau */
							text-align:left;
							width: 57px;
							}	
						
						#T_Navigation  #Navigation_Droite {				/* dans tableau */
							text-align:center;
							width: 96px;					
							}	
						#T_Navigation  #Navigation_Droite a:hover {		/*	passage souris : pas surligne	*/
							text-decoration: none;
							}
								

			/* tableau central : gauche + centre + droite */												
				#T_Principal {																	
							}

						#T_Principal td {								/* dans tableau */								
							}	
						
						/* gauche */
						#T_Principal  #Principal_Gauche {				/* dans tableau */
							width: 140px;
							padding-top:10px;
							vertical-align:top;							/* Ne pas changer */
							}
								#T_Principal #Principal_Gauche div {				
									margin-left:auto;
									margin-right:auto;
									}			
								.Pub_Gauche {
									margin-bottom:10px;
									}			
						
						/* centre */
						#T_Principal  #Principal_Centre {				/* dans tableau */
							width: 590px;
							padding-left:5px;
							padding-right:5px;
							text-align:left;
							/*border: #F0F solid 1px;*/					/* TEST */
							vertical-align:top;							/* Ne pas changer */
							padding-top:7px;
							}	
							#Titre_h1 {
								margin-bottom: 18px;
								}					
							h1 {
								font-size: 14pt;
								}									
							h2 {
								font-size: 11pt;	
								}									
						
						/* droite */
						#T_Principal  #Principal_Droite {				/* dans tableau */
							width: 260px;	
							/*border: #F00 solid 1px;*/					/* TEST */
							padding-top:7px;	
							padding-left:5px;
							padding-right:5px;	
							vertical-align:top;							/* Ne pas changer */														
							}			
								.Carre_Pub {
									margin-left:auto;
									margin-right:auto;
									width:210px;
									text-align:center;	
									}
								#T_Principal  #Principal_Droite div {				
									margin-left:auto;
									margin-right:auto;
									}
																	
								.roundedcornr_box {					/* http://www.roundedcornr.com/ */
									text-align:left;
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_tl.png) no-repeat top left;
									margin-bottom:10px;							
									}
								.roundedcornr_top {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_tr.png) no-repeat top right;
									}
								.roundedcornr_bottom {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_bl.png) no-repeat bottom left;
									}
								.roundedcornr_bottom div {
									background: url(../COMMUN/IMAGES/BOITE_DROITE/roundedcornr_141426_br.png) no-repeat bottom right;
									}
								.roundedcornr_content {
									background: url(../COMMUN/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;
									}
				#bas {
					text-align:left;
					padding-left: 7px;
					padding-right: 7px;
					padding-top: 7px;
					padding-bottom: 3px;
					border-top: #999 solid 1px;
					margin-top: 15px;	
					margin-bottom: 5px;	
					color:#666666;
					}	
					
				#legal {
					border-top: #999 solid 1px;
					text-align:center;
					background-color:#B5E249;
					padding-top: 4px;
					padding-bottom: 4px;
					font-size:smaller;				
					}
				#legal a {
					font-weight: bold;
					color:#333;					
					}										

		#footer {
			margin-top: 15px;
			text-align:justify;
			font-size: x-small;
			}	
			.ImgFooter {
				border:0;
				width:88px;
				height:31px;
				}
				
				
/* Menu */				

#MainMenu 
{
	height:30px;
	margin:0;
	border-style:solid;
	border-color:#B5E249;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:5px;
	border-left-width:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}
#tab a 
{
	background: url("../COMMUN/IMAGES/image_menu_droite.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	font-size:larger;
}
#tab a span 
{
	display:block;
	background:url("../COMMUN/IMAGES/image_menu_gauche.gif") no-repeat left top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
/*	font-size:11;*/
	color:#FFFFFF;
	font-weight:bold;
	line-height:30px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#B5E249;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:5px;
	border-left-width:0;
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#FFFFFF;
	background:url("../COMMUN/IMAGES/image_menu_gauche.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:30px;
	background:url("../COMMUN/IMAGES/image_menu_droite.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11pt;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FF9300;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:bold;
}


	
/* Adar */				
	#Adar_Proprio	{	
		color:#5874a6;
		font-size:16pt;
		text-align:center;				
		}	
	#Adar_Proprio	a {	
		font-weight:normal;
		color:#5874a6;
		}	
 		
