/* Realise par www.sf-i.net creation de sites internet */

body {
	background:url('../img/pattern.jpg');
	margin:0;
	text-align: left;
	font-size: 11px;
	color: #000;
	font-family: Arial, Verdana, Tahoma,  sans-serif; 
}

img, table,fieldset { margin: 0; padding: 0; border: none; }
input,label,form,div,p { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
ul, li {margin:0;padding:0;list-style-type:none;}

label {display:block;}
.errorlist{color:red;}
input, textarea{border:1px solid #333;margin:5px 0;}

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color:black; text-decoration: none;}
a:hover {color:#666666;}

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#bodywrap{
	background:url('../img/header_bande.png') repeat-x top left;
	height:155px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:0;
	width:100%;
}

#conteneur {
	margin:0 auto;
	width:970px;	
	background:none;
	position:relative;
	z-index:100;
	}
	
#logo_site{position:absolute; left:0px; z-index:100;}	
#lateral{
	width:195px;
	background:none;
	float:left;
	position:relative;
	}

#vide {height:152px;}
	
#lateral_haut{
	margin-top:10px;
	
	}
#lateral_bas{
	margin-top:10px;
}
	
#contenu {
	width:772px;
	float:right;
}
#menu {
	height:41px;
	margin:0 0px 20px 90px;
	text-align:right;
	position:relative;
}
#aide {
	width:672px;
	height:25px;
	background:url('../img/imprimer_envoyer.png') top left;
	margin:0 0 0 90px;
}
#page {
	background:white;
	border:1px solid #bbb;
	padding:10px;
	min-height:450px;
}

#principal {width:530px;float:left;}
#pied {
	clear:both;
	text-align:right;
}

#bodysubwrap{
	clear:both;
	background:url('../img/footer_bande.png') repeat-x top left transparent;
	height:155px;
	position:relative;
	z-index:0;
	top:-50px;		
	}

#endbody{
	margin:50px 0 0 0;
	height:300px;
	background:#F5F5F5;
		
}

/*  ------------------------------------------ */
/*  Détails des elements 							  */
/*  ------------------------------------------ */


/*  Détails du menu		 							  */
#menu a {
	text-decoration:none;
	width:160px;
	height:51px;
	display:block;
	float:left;
	text-indent:998px;
	overflow:hidden;
	margin:0 10px 0 0;
	position:relative;
	top:-10px;	
	}

#location {background:url('../img/bouton_location_on.png');}
#gestion {background:url('../img/bouton_gestion_on.png');}
#agence {background:url('../img/bouton_agence_on.png');}
#clients {background:url('../img/bouton_client_on.png');}

/*  Détails de aide		 							  */
#aide #index {width:457px;}
#aide #logout {width:100px;}
#aide #envoyer {width:100px; margin-left:15px;}
#aide a {
	color:transparent; 
	text-decoration:none;
	height:25px;
	display:block;
	float:left;
	text-indent:999px;
	overflow:hidden;
	font-size:1px;
}

/*  Détails de page		 							  */

#page object {margin:0 0 10px 0;}


#blockg {
	width:210px;
	float:left;
	}

#blockg img {margin:10px 0;}

#blockg p {margin:10px 0 10px 0;}

#blockc{
	margin-left:10px; 
	margin-right:10px;
	border:none;
	width:310px;
	float:left;	
	}


#blockd{
	width:210px;
	float:right;
	}

.cont {
	border:1px solid #aaa;
	padding:0px 10px;	
	}
	
.cont object {margin-top:25px;}	

#blockc .cont {border:none;}

/* centre */
#simulation{
	width:184px;
	height:52px;
	background:url('../img/simulation.png') top left no-repeat;
	position:relative;
	left:-18px;
	margin:2px 0 0 0;
}
#simulation a {display:block; height:52px;}
#textintro p {margin:10px 0 10px 0;}


#qui {}

#qui a{
	display:block;
	width:180px;
	height:30px;
	background:url('../img/quisommesnous.png') top left no-repeat;
	margin-left:110px;
	margin-bottom:20px;
}

#qui a:hover{background-position:0 -30px;}

#faq_consult a:hover{
	background-position:0 -30px;	
}

#faq_consult a{
	display:block;
	width:180px;
	height:30px;
	background:url('../img/consulterfaq.png') top left no-repeat;
	margin-left:110px;
	}

#actualite{
	width:180px;
	height:52px;
	background:url('../img/actualites.png') top left no-repeat;
	position:relative;
	left:-15px;
	margin:0 0 10px 0;
}

#actualite a {display:block;width:100%;height:52px;}
.date_news{
	color:#00c0ff;
	border-top:1px dotted #666;
	margin:5px 0 0px 0;
	padding:10px 0 0 0;
}
#date_news1{
	border-top:none;
	}
	
#news h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	color:#333;
}

#news h3 a{color:#333;}

.lasuite{
	text-align:right;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	}

.lasuite a {
	text-decoration:underline;
	
}
.lasuite a:hover {
	text-decoration:none;
}

/*  Détails de menug		 							  */
#menug {
	
	padding:0px;
	margin:0 0;
}

.titre_img {
	text-indent:-999px;
	overflow:hidden;
}
.th1 {
	font-size:2.5em;
	font-weight:bold;
	color:#888;
	border-bottom: 1px solid #aaa;
	height:39px;
	margin-bottom:5px;
	padding-bottom:5px;
	}
	
#ti	{
	font-size:2em;
	font-weight:bold;
	color:#888;
	
	
	margin-bottom:5px;
	padding-bottom:5px;
	}
#azur {
	
	height:57px;
	background:url('../img/menugauche_azur.png') top left no-repeat;
	}

#azur:hover{background-position:0 -57px;}
#rappel {
	
	height:48px;
	background:url('../img/menugauche_rappelimmediat.png') top left no-repeat;
}

#rappel:hover{background-position:0 -48px;}

#rappel a{display:block;height:48px;}

#iconseil {
	
	height:61px;
	background:url('../img/menugauche_iconseil.png')  top left no-repeat;
}

#iconseil:hover{background-position:0 -61px;}

#iconseil a{display:block;height:61px;}
#conseiller {
	
	height:95px;
	background:url('../img/menugauche_conseiller.png')  0 0px no-repeat;
	}

#conseiller:hover{background-position:0 -95px;}
#conseiller a{display:block;height:95px;}

.mg10{margin:10px 0;}
.mg1010{margin:10px;}

	


small {font-size:.8em;}

/* Espaceur de blocs */
.nettoyeur { clear: both; height:1px; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1px; }