/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	padding-bottom:2px;
	border-bottom:1px solid #7FC5E7;
	font-size:17px;
	color:#010080;
	margin-bottom:20px;
}
h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#008BD0;
	margin-bottom:5px;
}
h3{
	border-bottom:1px solid #000168;
	font-size:15px;
	display:block;
	color:#008BD0;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#008BD0;
	margin-bottom:4px;
}
.petit{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000168;
}

/**************Généralité*********************/
#boc_txt{
	width:880px;
	margin:0 auto;
}

#bloc1 p{
	text-align:justify;
	margin-bottom:10px;
	color:#5F5F5F;
}

#bloc1 ul li{
	/*padding-bottom:2px;*/
	text-align:justify;
	font-size:12px;
	list-style-image:url(../images/charte/puce.jpg);
	margin:0px 0px 3px 25px;
}

#bloc1 ul{
	margin-bottom:10px;
}

#bloc1 ul.liste1 li{
	/*padding-bottom:2px;*/
	text-align:justify;
	font-size:12px;
	list-style-image:url(../images/charte/puce2.gif);
	margin:0px 0px 3px 20px;
}

#bloc1 .titre_gras{
	font-weight:bold;
	color:#32388E;
}

#bloc1 .titre_gras2{
	font-weight:bold;
	color:#046C9F;
}

#container #bloc1 p.titre_p{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:15px;
	color:#006F3B;
	margin-bottom:5px;
} 


#bloc1 .bloc_txt_accueil{
	float:right;
	background:url(../images/charte/bg_txt1.jpg) no-repeat;
	width:130px;
	height:116px;
	margin:0px 0px 10px 10px;
	padding:15px;
}

#bloc1 .bloc_txt_accueil p{
	color:#008BD0;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	letter-spacing:2px;
	text-align:center;
	font-family:Arial;
	padding-top:23px;
}

#contenu p.txt_contact{
	color:#008BD0;
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	letter-spacing:2px;
	text-align:center;
	font-family:Arial;
	padding-top:5px;
	background:url(../images/charte/ligne.jpg) no-repeat top center;
}

#bloc1 p.txt_cooredonnes{
	float:left;
	width:250px;
	display:block;
	margin-right:10px;
}

.colonne{
	width:420px;
	float:left;
	margin-right:20px;
}

#contenu p.sous_titre{
	background:url(../images/charte/puce1.jpg) no-repeat bottom left;
	padding-left:13px;
	color:#010080;
	margin-bottom:5px;
	font-size:13px;
	font-weight:bold;
}

#bloc1 .sous_titre2{
	color:#046C9F;
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
}

#bloc1 .bloc_txt_contact{
	float:right;
	background:url(../images/test.jpg) no-repeat;
	width:170px;
	height:153px;
	margin:0px 0px 10px 10px;
	padding:15px;
}

#bloc1 .bloc_txt_contact p{
	color:#008BD0;
	font-size:12px;
	line-height:18px;
	text-align:center;
	font-family:Arial;
}


/*****************Comparateur**************/

#container #formcomparatreur{
	border-right:1px solid #ccc;
	width:485px;
	float:left;
}
#container #formcomparatreur  tr td{
	height:25px;
}

#container #formcomparatreur  tr td.txt_form{
	color:#000000;
}


#container #formcomparatreur .checkbox{
	width:12px;
	height:12px;
	border:none;
}

#container #formcomparatreur textarea{
	width:200px;
	border:1px solid #538dd6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#777;
}

#container #formcomparatreur select{
	width:200px;
	border:1px solid #538dd6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#777;
}

#container #formcomparatreur input{
	width:200px;
	border:1px solid #538dd6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#777;
}

#container #formcomparatreur .formule{
	width:400px;
	border:1px solid #538dd6;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	color:#777;
}

#formcomparatreur input:focus,textarea:focus{
	border-color:#FF0000;
}

#formContact .champRequis{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#container #formcomparatreur .bouton{
	border:1px solid #538dd6;
	color:#FFFFFF;
	background:#538dd6;
	margin:2px 3px 2px 0px;
	width:123px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
}


#container #coordonnees{
	width:350px;
	float:right;
	margin-top:5px;
}

#container #coordonnees table.table tr td{
	height:25px;
}


#container #coordonnees table.table tr td.adresse1{
	height:55px;
}

#container #coordonnees .checkbox{
	width:12px;
	height:12px;
	border:none;
}

#container #coordonnees textarea{
	width:200px;
	border:1px solid #538dd6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#container #coordonnees input{
	width:200px;
	border:1px solid #538dd6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#coordonneesinput:focus,textarea:focus{
	border-color:#FF0000;
}

.champRequis{
	color:#FF0000;
}

#coordonnees.txt_rq{
	font-size:10px;
	padding-bottom:0px;
}

#container #coordonnees .bouton{
	border:1px solid #538dd6;
	color:#FFFFFF;
	background:#538dd6;
	margin:2px 3px 2px 0px;
	width:98px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
}
#container #coordonnees table.table tr td.br{
	height:5px;
}

#container span.details_formule{
	font-size:11px;
	font-style:italic;
}



/********************Santé***********************/

#bloc1 .logo{
	margin:0px 20px 10px 0px;
	float:left;
	border:none;
}


/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:470px;
	float:left;
	border-right:1px solid #ccc;
	display:block;
	padding-right:10px;
}

#contactTxt img{
	float:right;
	border:1px solid #538dd6;
	margin:0px 10px 5px 20px;
}


#container #contactTxt .logo{
	float:left;
	border:none;
	margin:20px 30px 5px 0px;
}

#container #formContact{
	width:375px;
	float:right;
}

#container #formContact p{
	padding-bottom:0px;
	margin-bottom:5px;
	margin-left:0px;
	line-height:18px;
}

#container #formContact table.table tr td{
	height:20px;
}

#container #formContact table.table tr td.br{
	height:5px;
}

#container #formContact table.table tr td.adresse1{
	height:55px;
}

#container #formContact .checkbox{
	width:12px;
	height:12px;
}

#container #formContact textarea{
	width:250px;
	border:1px solid #538dd6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#container #formContact input{
	width:250px;
	border:1px solid #538dd6;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:#FFFFFF;
}

#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}

#formContact .champRequis{
	color:#FF0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.champRequis{
	color:#FF0000;
}

#formContact .txt_rq{
	font-size:10px;
	padding-bottom:0px;
}

#container #formContact .bouton{
	border:1px solid #538dd6;
	color:#FFFFFF;
	background:#538dd6;
	margin:2px 3px 2px 0px;
	width:123px;
	height:20px;
	text-align:center;
	padding-bottom:2px;
}