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: 365px;
	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:#FFFFFF; 
	      text-decoration:none;
		  text-align:left;
		  }
	.vei a:hover{text-decoration: underline; color: #FFFFFF; }
	
	
	#aller-a{
		float: left;
		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: 770px;
}
#bloc-modalites{
	width: 800px;
	height: 360px;
}
#bloc-outil{
	width: 800px;
	height: 1250px;
}


/* 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/borloo.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

.modalite{
	width: 445px;
}
.aide{
	width: 765px;
}
.outil{
	width: 785px !important;
width:775;
	height: 1120px;
	background-color: #F5EAB3;
        margin-left:3px;
        padding:0 7px 2px 0 !important;
        padding:0;
}


.simulation{
	width: 373px;
	height: 250px;
	background-color: #FFFFFF;
	font: 10px normal Geneva, Arial, Helvetica, sans-serif;
    padding-bottom:5px !important;
    padding-bottom:16px;
}
.simulation a{
        color:#ffffff;
        text-decoration:none;
}
.simulation a:hover{
        text-decoration:underline;
}


/*.bouton{
	width: 160px;
	height: 55px;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #dcab00;
	text-align: center;
	margin-bottom: 3px;
        margin-left:20px;
}

.bouton a{
	background-repeat: no-repeat;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-right: 90px;
	padding-left: 50px;
	text-decoration: none;
}

#amo a{
	background-image: url(img/simuler-amo.jpg);
	padding-top: 0px;
	padding-bottom: 40px;
}
#amo a:hover{
	background-image: url(img/simuler-amo_hover.jpg);
}

#inf a{
	background-image: url(img/simuler-inf.jpg);
	padding-top: -15px;
	padding-bottom: 45px;
}

#inf a:hover{
	background-image: url(img/simuler-inf_hover.jpg);
}
*/
/*****************************/

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

#bouton1 a{
	background-image: url(img/simuler1.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;
}
#bouton1 a:hover{
	background-image: url(img/simuler1_hover.jpg);
	background-repeat: no-repeat;
	
}

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

#bouton2 a{
	background-image: url(img/simuler2.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;
}
#bouton2 a:hover{
	background-image: url(img/simuler2_hover.jpg);
	background-repeat: no-repeat;
	
}


.bouton3{
	width: 160px;
	height: 55px;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #dcab00;
	text-align: center;
	margin-bottom: 3px;
        margin-left:20px;
}


.bouton3 a{
	background-repeat: no-repeat;
	font: 11px normal Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	padding-right: 90px;
	padding-left: 50px;
	text-decoration: none;
}
.zoom{height:55px;}
.zoom p{ text-align:center;}
.zoom img{width:152px; height:48px;}
.zoom img:hover{width:152px; height:55px;}

.amo a{
	background-image: url(img/simuler-amo.jpg);
	padding-top: 0px;
	padding-bottom: 40px;
}
.amo a:hover{
	background-image: url(img/simuler-amo_hover.jpg);
}

.inf a{
	background-image: url(img/simuler-inf.jpg);
	padding-top: -15px;
	padding-bottom: 45px;
}

.inf a:hover{
	background-image: url(img/simuler-inf_hover.jpg);
}
/*****************************/


/* FIN PREMIER ELEMENT */

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

.temoignage{
	width: 445px;
	height: 470px !important;
        height:324px;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-top: 10px;
}
.temoignage a{
        color:#4680B9;
        text-decoration:none;
}
.temoignage a:hover{
        text-decoration:underline;
}

/* Fin cadre gauche : partenariat */

/* cadre droit : sites specialisıs de la CP */
.espaces{
	width: 300px;
	height: 470px;
	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 !important;
        width:280px;
	height: 80px;
	border: 1px dotted #CC3300;
	text-align: right;
	padding-left: 5px;
	padding-right: 10px;
        padding-bottom:0px !important;
	background-color: #F5EAB3;
        margin-bottom:20px !important;
        margin-bottom:16px;
}
#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 !important;
        width:280px; 
	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;
	text-decoration:none;
}
	.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;
}