h2{
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #1a4681;
}


body {
	text-align: center;
	background-image: url(img/fond_body.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #2d5b8c;
	margin: auto;
        padding: 0px;
}

#page {
	width: 800px;
	margin: 0px auto;
	text-align: center;
	background-color: #fff;
	
	font-size: 10px; /* blindage IE pour les sauts de lignes entre div*/
}
#page h1{
	width: 200px;
	border: 1px solid #83ADD6;
	background: #536f96;
	color: #fff;
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	margin-top: 0px;
	padding: 3px;
}

/* chapeau : logo + baniıre */
#chapeau {
	margin: 0px auto;
	background-color: #3872b0;
	background-image: url(img/element-banieeeeere.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 100px;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
}

	#chapeau_logo{
		float: left;
		width: 150px;
		height: 100px;
	}
		#chapeau_logo_titre{
		width: 150px;
		height: 20px;
		background-color: #3872b0;
		border-bottom: 1px solid #fff;
		}	
		#chapeau_logo_titre h1{
			font: 12px normal Geneva, Arial, Helvetica, sans-serif;
			color: #fff;
			font-weight:bold;
			padding: 0px auto;
			margin: 0px auto;
		}
		#chapeau_logo_anim{
		width: 150px;
		height: 80px;
		}
	
	#chapeau_baniere{
		float: left;
		width: 479px;
		height: 100px;
		background-color: #3872b0;
		font: 10px normal Geneva, Arial, Helvetica, sans-serif;
		border-left: 1px solid #fff;
	}
	
	#chapeau_slogan{
		float: left;
		width: 170px;
		height: 100px;
		background-color:#3872b0;
	}
/* fin chapeau : logo + baniıre */


/* bande liens */
#bande-liens {
	margin: 0px auto;
	background-image: url(img/fond_bande-liens.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 800px;
	height: 40px;
	text-align: left;
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
}
.vei{
	float: left;
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

}
.vei a{
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: none;
}
.vei a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}


#aller-a2{
	float: left;
	width: 500px;
	padding-top: 3px;
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.Liste{
	font: 9px normal Geneva, Arial, Helvetica, sans-serif;
}
/* fin bande liens */






/* PREMIER ELEMENT */
#bloc-accueil{
	width: 800px;
	height: 555px;
}
#bloc-modalites{
	width: 800px;
	height: 360px;
}
#bloc-outil{
	width: 800px;
	height: 710px;
}


/* fiches */

.fiche{
	float: left;
	position: relative;
	padding: 5px;
	border: 1px solid #83ADD6;
	background-color: #FFFFFF;
	text-align: left;
	display: inline;
	margin-left: 10px;
	margin-top: 10px;
}

.fiche p{
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
	text-indent: 15px;
}


.loi{
	width: 445px;
	height: 250px;
	background-image: url(img/impots.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.modalite{
	width: 445px;
}
.aide{
	width: 765px;
}
.outil{
	width: 765px;
	height: 680px;
	background-color: #F5EAB3;
}


.simulation{
	width: 300px;
	height: 250px !important;
        height: 255px;
	background-color: #FFFFFF;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
}

#bouton{
	width: 150px;
	height: 73px;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #dcab00;
	padding-top: 10px;
}

#bouton a{
	background-image: url(img/simuler.jpg);
	background-repeat: no-repeat;
	font: 18px normal Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	text-decoration: none;
}
#bouton a:hover{
	background-image: url(img/simuler_hover.jpg);
	background-repeat: no-repeat;
	
}


/* FIN PREMIER ELEMENT */

/* DEUXIEME ELEMENT */
/* bloc gauche : partenariat */

.temoignage{
	width: 445px;
	height: 250px !important;
        height:308px; 
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-top: 10px;

}
/* Fin cadre gauche : partenariat */

/* cadre droit : sites specialisıs de la CP */

.espaces{
	width: 300px;
	height: 250px;
	margin-left: 10px;
	margin-top: 10px;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
}

.espaces form select{
height:15px;
width:153px;
padding-top:-2px;
}
.espaces form input{
font-size:10px;
height:20px;
}


#espace-pro{
	width: 270px;
	height: 80px;
	border: 1px dotted #CC3300;
	text-align: right;
	padding-left: 15px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #F5EAB3;
}
#espace-pro a{
	font: 14px normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #CC3300;
}
#espace-pro a:hover{
	text-decoration: underline;
}

#espace-parti{
	width: 270px;
	height: 50px;
	border: 1px dotted #009900;
	text-align: right;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #F5EAB3;

}
#espace-parti a{
	font: 14px normal Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #009900;
}
#espace-parti a:hover{
	text-decoration: underline;
}

/* Fin cadre gauche : partenariat */

/* Fin DEUXIEME BLOC */




#footer{
	width:800px;
	height: 40px;
	background: url(img/footer.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	text-align: center;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.5px;
	font-size: 9px;
	margin: 0px auto;

}

#footer a{text-decoration:none; color:#ffffff; font-size:10px}
#footer a:hover{text-decoration:underline; color:#ffffff; font-size:10px}



table.simulations {
	margin-left:10px;
	border:1px solid #979fa9;
	border-collapse: collapse;
}
td.simulations  {
	border: 1px solid #979fa9;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
	color:#3670AF;
	vertical-align:top;
	text-align:left;
	width:150px;
}

.explications {
	color: #FF6600;
	font: 12px normal Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 20px;
	background-image: url(img/plier.gif);
	background-repeat:no-repeat;
	background-position: left center;	
}
.contenant{
	display : block;
	font: 10px normal Arial, Helvetica, sans-serif;
  }




table.calculs {
	border:1px solid #000066;
	border-collapse: collapse;
	font: 11px normal Arial, Helvetica, sans-serif;
}

th.calculs {
	border: 1px solid #000066;
	background-color: #F5EAB3;
	color: #660066;
	text-align: center;

}

td.calculs  {
	border: 1px dashed #000066;
	font: 9px normal Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:left;
	padding: 5px;
	line-height: 25px;
}

.plus{
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(img/plus.gif);
	background-repeat: no-repeat;
	text-indent: 2px;
	margin-bottom: 4px;
}
.plus a{
	color: #4680B9;
	text-decoration: none;
}
.plus a:hover{
	text-decoration: underline;
}

.float-left{
	float: left;
	clear:left;
	padding-right: 5px;
	padding-bottom: 5px;
}
.float-right{
	float: right;
	clear: right;
}


/* form */
form fieldset {
padding: 1em;
border: 0px solid #fff;
margin: 0 0 15px 15px;
width: 500px;
display: block;
font: 11px normal Geneva, Arial, Helvetica, sans-serif;
}

form ul{list-style-type:none;margin:0;padding:0}
form li{list-style-type:none;padding:0;margin-bottom: 10px;}

form label {
display:inline;
width: 200px;
float:left;
margin: 3px 0 3px 0;
}

form select {
width: 130px;
}

/* Formulaire de contact  */
#contenant_formulaire{
	text-align: center;
	width: 650px;
	position: relative;
	margin: 0px 0px 0px 30px;
	font: 11px normal Arial, Helvetica, sans-serif;
}