html 							{ 	height:100%; }

body 							{ 	height: 100%;
										max-height: 100%;
										background-color: #FFFFFF;
										background: url("images/interface_bg.png") top center repeat-y; 
										margin: 0;
										padding: 0;
										font-family: Arial, Helvetica, sans-serif;
										font-size: 12px;
										color: #0c4da0;	}

img								{	border: none;	}

h1 								{ text-indent:-9999px;
									outline:none;		}

a:active						{	outline: none;	}

iframe							{	border: none;	
										margin: 0;
										padding: 0;	}

a						 			{	text-decoration: underline;
										color: #0c4da0;		}

a:active, a:hover 		{	color: #1f76e5;		}

.t10	 							{ 	font-size: 10px;	}
.t11	 							{ 	font-size: 11px;	}
.t12	 							{ 	font-size: 12px;	}
.t14	 							{ 	font-size: 14px;	}
.t18	 							{ 	font-size: 18px;	}

.clear							{	clear:both;	
										padding: 5px 0;	}

#container					{ 	width: 100%;
										text-align: center;		}

#interface					{ 	width: 990px;
										margin: auto;
										text-align: center;
										/* border: 1px solid #0f0; */ }

#entete						{ 	width: 100%;
										height: 200px;
										position: relative; 
										text-align: center;
										background: url("images/entete_agent.jpg") top right no-repeat; }

#contenu						{ 	width: 100%;
										text-align: center;
										position: relative; 
										padding: 0; 
										/* border: 1px solid #0f0; */		}

#footer						{ 	width: 100%;
										text-align: center;
										position: fixed; 
										z-index: 500;
										bottom: 0px;		}

#footer_box				{ 	width: 990px;
										height: 35px;
										margin: auto;
										text-align: center;
										font-size: 12px;
										font-weight: normal;
										color: #FFFFFF;
										line-height: 35px;
										background: url("images/footer_bg.png") bottom center repeat-x; }

#div_mosaique			{ 	height: 480px;
										position: relative;	}

.mosaique					{ 	margin: 5px; 
										position: absolute;		
										border: 1px solid #0077a4;		
										cursor:pointer; 										}

.nom_mosaique			{ 	font-size: 12px;
										font-weight: normal;
										width: 100px;
										line-height: 12px;
										background-color: #FFFFFF;
										text-align: left;		}

#menu_1						{ 	width: 100%;
										height: 45px;
										/* border: 1px solid #f00; */}

#btn_1						{ 	width: 248px;		height: 45px;		float: left; 		cursor: pointer; 		background: url("images/btn_1.png") top left no-repeat;   /*border: 1px solid #f00; */}
#btn_2						{ 	width: 247px;		height: 45px; 	float: left; 		cursor: pointer; 		background: url("images/btn_2.png") top left no-repeat;   /*border: 1px solid #f00; */}
#btn_3						{ 	width: 247px;		height: 45px; 	float: left; 		cursor: pointer; 		background: url("images/btn_3.png") top left no-repeat;   /*border: 1px solid #f00; */}
#btn_4						{ 	width: 248px;		height: 45px; 	float: left; 		cursor: pointer;		background: url("images/btn_4.png") top left no-repeat;   /*border: 1px solid #f00; */}

#btn_1 .menu_txt_1	{ 	padding: 3px 0 0 80px; }
#btn_2 .menu_txt_1	{ 	padding: 3px 0 0 40px;  }
#btn_3 .menu_txt_1	{ 	padding: 3px 0 0 90px; }
#btn_4 .menu_txt_1	{ 	padding: 3px 0 0 70px; }

#btn_1 .menu_txt_2	{ 	padding: 0 0 0 80px; }
#btn_2 .menu_txt_2	{ 	padding: 0 0 0 40px;  }
#btn_3 .menu_txt_2	{ 	padding: 0 0 0 90px; }
#btn_4 .menu_txt_2	{ 	padding: 0 0 0 70px; }

.menu_txt_1,
.menu_txt_1 a			{ 	height: 22px;										
										font-size: 20px;
										font-weight: bold;
										color: #FFFFFF !important;
										text-decoration: none !important;
										text-align: left;
										/*border: 1px solid #ff0; /**/  }

.menu_txt_2,
.menu_txt_2 a			{ 	height: 15px;
										font-size: 14px;
										font-weight: normal;
										color: #FFFFFF !important;
										text-decoration: none !important;
										text-align: left;
										/*border: 1px solid #ff0; /**/  }

.menu_txt_1:hover,
.menu_txt_2:hover		{ 	cursor: pointer;	 }
										

										
										
										
										
										
										
#menu_2						{ 	width: 647px;
										height: 30px;
										position: absolute; 
										top: 163px;
										left: 8px;
										text-align: center;
										border-left: 1px solid #9da0aa;
										border-right: 1px solid #9da0aa;
										background: url("images/menu_2_bg.png") top left repeat-x; }
										
.menu_2_txt				{ 	font-size: 14px;
										color: #25397a;
										height: 30px;
										float: left;
										cursor: pointer; 		
										padding: 0 46px;
										text-align: center;
										line-height: 30px;	}
										
.menu_2_txt:hover		{ 	text-decoration: underline; 	
										color: #3251b7;	
										cursor: pointer;		 }
										

.menu_2_sep				{ 	width: 10px;
										height: 30px;
										float: left;
										background: url("images/menu_2_sep.png") top center no-repeat; }
										
										
										

#gauche						{ 	width: 720px;
										float: left;
										padding: 0;
										margin: 8px 0px 0px 8px;
										/* border: 1px solid #f00; */		 }
										
#droite						{ 	width: 240px;
										float: right;
										padding: 0;
										margin: 8px 8px 0px 0px;	 
										/* border: 1px solid #00f; */	}	

										
/* Hack pour activer un CSS sur IE6 et moins seulement  -  N'affecte aucun autre browser */
/* ======================================================== */
* html #gauche			{ 	margin: 8px 0px 0px 4px;	 }
* html #droite				{ 	margin: 8px 4px 0px 0px;	 }
/* ======================================================== */

										
#gauche .titre				{ 	width: 698px;
										height: 20px;
										padding: 10px;
										font-size: 16px;
										font-weight: bold;
										color: #FFF;
										text-align: left;
										border-left: 1px solid #2d5d94;
										border-right: 1px solid #2d5d94;
										background: url("images/gauche_titre_bg.png") top left repeat-x; }						

#droite .titre				{ 	width: 218px;
										height: 20px;
										padding: 10px;
										font-size: 16px;
										font-weight: bold;
										color: #FFF;
										text-align: left;
										border-left: 1px solid #2d5d94;
										border-right: 1px solid #2d5d94;
										background: url("images/gauche_titre_bg.png") top left repeat-x; }
										
#gauche .texte			{ 	width: 698px;
										text-align: left;
										padding: 10px;
										display: block;
										position: relative; 
										margin-bottom: 50px;
										border: 1px solid #e1f6fe;	}			
										
#droite .texte				{ 	width: 228px;
										text-align: left;
										padding: 5px;
										border: 1px solid #e1f6fe;	}									

.titre_services			{ 	width: 215px;
										height: 15px;
										padding: 5px;
										font-size: 14px;
										font-weight: bold;
										color: #FFF;
										text-align: left;
										border-left: 1px solid #93d6df;
										border-right: 1px solid #93d6df;
										background: url("images/nouvelles_titres_bg.png") top left repeat-x; }					

.texte_services			{ 	width: 215px;
										padding: 10px 5px 15px 5px;
										font-size: 12px;
										line-height: 18px;
										color: #013a42;
										text-align: left;
										border-left: 1px solid #f9fafd;
										border-right: 1px solid #f9fafd;
										background: url("images/nouvelles_textes_bg.png") bottom left repeat-x; }				

.texte_services a				{ 	color: #013a42; 
												font-weight: bold;}
.texte_services a:hover		{ 	color: #0a8799; }
										

#recherche					{ 	width: 307px;
										height: 30px;
										position: absolute; 
										top: 163px;
										right: 8px;
										font-size: 12px;
										font-weight: normal;
										color: #FFFFFF;
										line-height: 30px;
										text-align: left;
										padding-left: 8px;
										border-left: 1px solid #196a9f;
										border-right: 1px solid #196a9f;
										/* border: 1px solid #f00; */
										background: url("images/recherche_bg.png") top left repeat-x; }
										

#form_search				{ 	padding: 0;
										margin: 0; }
										

#siaID							{ 	width: 100px;
										height: 15px;
										position: absolute; 
										top: 4px;
										right: 37px;
										font-size: 12px;
										color: #196a9f;
										text-align: left; }
										

#search_submit			{ 	width: 30px;
										height: 22px;
										position: absolute; 
										top: 4px;
										padding: 0;
										right: 3px;
										font-size: 11px;
										color: #000;
										text-align: center;	}
										

#div_recherche			{ 	height: 75px;}
										

#recherche_radio1		{ 	width: 400px;
										height: 25px;
										position: absolute;
										top: 20px;
										left: 20px;	}
										
#form_recherche_radio_adresse{ 	margin-right: 100px;}
										

#recherche_input		{ 	width: 300px;
										height: 25px;
										position: absolute; 
										top: 48px;
										left: 20px;	}
										
#recherche_input input{ 	width: 310px;}
										

#recherche_submit	{ 	width: 300px;
										height: 25px;
										position: absolute; 
										top: 25px;
										left: 405px;	}
										
#recherche_submit input{ 	width: 120px;
												height: 45px;	
												font-weight: bold;	}
										

#recherche_radio2		{ 	width: 300px;
										height: 25px;
										position: absolute; 
										top: 25px;
										left: 570px;	}
										
										

#agent_bg					{ 	width: 96px;
										height: 118px;
										position: relative; 
										margin-left: 1px;
										float: left;
										/* border: 1px solid #f00; */
										background: url("images/agent_bg.png") bottom right no-repeat; }

#agent_photo				{ 	width: 76px;
										height: 102px;
										position: absolute; 
										bottom: 8px;
										right: 12px;
										/* border: 1px solid #ff0; */				 }

#agent_nom				{ 	width: 300px;
										height: 25px;
										position: absolute; 
										top: 100px;
										left: 112px;
										font-size: 21px;
										font-weight: bold;
										color: #0c4da0;
										text-align: left;
										line-height: 18px;
										/* border: 1px solid #ff0; */  }

#agent_email				{ 	font-size: 11px;
										font-weight: normal;
										color: #0c4da0;
										text-align: left; }

#agent_email img		{ 	margin: 0 0 2px 2px; }

a.hover_underline:link,
a.hover_underline:visited		{	text-decoration: none;				color: #0c4da0;		}

a.hover_underline:active,
a.hover_underline:hover		{	text-decoration: underline;			color: #1f76e5;		}



#connait_1					{ 	width: 400px;
										height: 25px;
										position: absolute; 
										top: 56px;
										left: 25px;
										font-size: 28px;
										font-weight: bold;
										color: #0C717F;
										text-align: left;
										/* border: 1px solid #ff0; */  }

#connait_2					{ 	width: 400px;
										height: 25px;
										position: absolute; 
										top: 142px;
										right: 10px;
										font-size: 16px;
										font-weight: bold;
										color: #FFFFFF;
										text-align: right;
										/* border: 1px solid #ff0; */  }

#list_liens					{ 	float: left; 
										width: 250px;
										text-align: left;
										/* border: 1px solid #ff0; */  }

#text_liens					{ 	float: right; 
										width: 400px;
										text-align: left;
										/* border: 1px solid #ff0; */  }