body{
	margin:0px;
	padding: 0px;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding: 0px;
}
/*-----------------------------------------*/
#cadre{
	width: 968px;
	height: auto;
	margin: 0 auto 0 auto;
}
#head{
	width: 968px;
	height: 120px;
	position: relative;
	background-color: #085bb7;
	background-image: url(../images/header.jpg);
	margin: 4px 0 0 0;
}
#logo{
	position: absolute;
	width:153px;
	height: 93px;
	display: block;
	top:16px;
	left:20px;
	/*background-image: url(../images/logo.gif);
	background-repeat: no-repeat;*/
}
#logo b{display: none;}
#acroche{
	position: absolute;
	left:202px;
	top:45px;
	font-size:20px;
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
}
#head #menu{
	position: absolute;
	bottom:10px;
	left:426px;
}
#head #menu,#head #menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
}
#head #menu li{
	display:inline;
	font-size:1px;
}
#head #menu a{
	font-size: 13px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #fff;
	border: 0px solid #fff;
	padding: 0 3px 0 3px;
	border-left-width: 1px;
}
#head #menu a:hover{
	text-decoration: underline;
}
#chemin, #chemin a{
	color: #22357a;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	text-decoration: none;
}
#chemin a:hover{
	text-decoration: underline;
}
/*----------------------------------------------------------------*/
#bloccontenu{
	background-color: #becad2;
	width: 968px;
	height: 100%;
	display: block;
	/*margin: 7px 0 0 0;*/
	position: relative;
	top:7px;
	/*border: 1px solid red;*/
	background-image: url(../images/f_menug.gif);
	background-repeat: repeat-y;
}
/*----------------------------------------------------------------*/
#contenu{
	/*border: 1px solid red;*/
	width: 742px;
	margin-left: 188px;
	padding: 27px 14px 20px 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
#contenu h1{
	color: #22357a;
	font-size: 22px;
	font-family: "Century Gothic",Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#contenu h2{
	height:35px;
	color: #FFFFFF;
	font-size: 14px;
	font-family: "Century Gothic",Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: 5px 12px;
	background-color: #8d9ca7;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
}

h2.titre0_0{
	background-image: url(../images/pcouleur_0.gif);
}
h2.titre0_1{
	background-image: url(../images/pcouleur_1.gif);
}
h2.titre0_2{
	background-image: url(../images/pcouleur_2.gif);
}
h2.titre0_3{
	background-image: url(../images/pcouleur_3.gif);
}
h2.titre0_4{
	background-image: url(../images/pcouleur_4.gif);
}
h2.titre0_5{
	background-image: url(../images/pcouleur_5_bis.gif);
}
h2.titre0_6{
	background-image: url(../images/pcouleur_6.gif);
}
h2.titre0_7{
	background-image: url(../images/pcouleur_7.gif);
}
h2.titre0_8{
	background-image: url(../images/pcouleur_8.gif);
}
/*----------------------------------------------------------------*/
.encadre{
	border: 1px solid #fff;
	width:223px;
	height:123px;
	background-color: #8d9ca7;
	background-repeat: no-repeat;
	background-position: 0 100%;
	color:#fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.encadre .text{
	padding: 0 0 0 24px;
}

.encadre .text a{
	color:#fff;
	text-decoration:none;
}

.encadre .text a:hover{
	text-decoration:underline;
}

.element0{
	background-image: url(../images/illustration_0.jpg);
}
.element1{
	background-image: url(../images/illustration_1.jpg);
}
.element2{
	background-image: url(../images/illustration_2.jpg);
}
.element3{
	background-image: url(../images/illustration_3.jpg);
}
.element4{
	background-image: url(../images/illustration_4.jpg);
}
.element5{
	background-image: url(../images/illustration_4.jpg);
}
.element6{
	background-image: url(../images/illustration_0.jpg);
}
.element7{
	background-image: url(../images/illustration_0.jpg);
}
.element8{
	background-image: url(../images/illustration_0.jpg);
}
.element0 .text{
	background-image: url(../images/pcouleur_0.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element1 .text{
	background-image: url(../images/pcouleur_1.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element2 .text{
	background-image: url(../images/pcouleur_2.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element3 .text{
	background-image: url(../images/pcouleur_3.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element4 .text{
	background-image: url(../images/pcouleur_4.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element5 .text{
	background-image: url(../images/pcouleur_5.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	padding-left:30px;
}
.element6 .text{
	background-image: url(../images/pcouleur_6.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element7 .text{
	background-image: url(../images/pcouleur_7.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.element8 .text{
	background-image: url(../images/pcouleur_8.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.bloclong{
		border: 1px solid #fff;
}
.bloclong .text{
	background-color: #8d9ca7;
	padding: 8px 10px 8px 27px;
	color: #fff;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/pcouleur_0.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.bloclong .contenu{
	background-color: #d4dce1;
	padding: 10px;
}
.bloclong .contenu a{
	font-family: Arial, Helvetica, sans-serif;
}
/*.bloclong .contenu a{
	color: #0c4790;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
*/

a.txtbleu {
	color: #0c4790;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
a.txtbleu2 {
	color: #0c4790;
	text-decoration: none;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.txtgris {
	color: #666666;
	text-decoration: none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.bloclong .contenu a:hover{
	text-decoration: underline;
}
/*----------------------------------------------------------------*/
#menug{
	width:188px;
	height: 100%;
	float:left;
	padding-bottom:60px;
	background-image:url(../images/menugauchehaut.gif);
	background-position:top right;
	background-repeat:no-repeat;
}

#menug #menu,#menug #menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
	width:155px;
	/*border: 1px solid red;*/
	font-size: 12px;
}
#menug #menu{
	margin: 19px 0 0 10px !important;
	/*margin: 10px 0 0 10px !important;*
	display: block;
	height: auto; /*position: relative;
	top: 20px;*/
}
#menug #menu li{
	margin: 10px 0 0 0;
	padding: 0 0 3px 0;
}
#menug #menu li.first{
margin: 0;
}
#menug #menu a{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0c4790;
	display: block;
	width: 130px; /*155px;*/
	background-color: #d4dce1;
	padding: 4px 3px 3px 22px;
}
#menug #menu  a:hover{
	background-color: #fff ;
}
.couleur0{
	background-image: url(../images/couleur_0.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur1{
	background-image: url(../images/couleur_1.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur2{
	background-image: url(../images/couleur_2.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur3{
	background-image: url(../images/couleur_3.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur4{
	background-image: url(../images/couleur_4.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}

.couleur5{
	background-image: url(../images/couleur_5.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur6{
	background-image: url(../images/couleur_6.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur7{
	background-image: url(../images/couleur_7.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}
.couleur8{
	background-image: url(../images/couleur_8.gif);
	background-repeat: repeat-x;
	background-position: 0 100%;
}


.couleur0 a{
	background-image: url(../images/pcouleur_0.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur1 a{
	background-image: url(../images/pcouleur_1.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur2 a{
	background-image: url(../images/pcouleur_2.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur3 a{
	background-image: url(../images/pcouleur_3.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur4 a{
	background-image: url(../images/pcouleur_4.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur5 a{
	background-image: url(../images/pcouleur_5.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur6 a{
	background-image: url(../images/pcouleur_6.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur7 a{
	background-image: url(../images/pcouleur_7.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleur8 a{
	background-image: url(../images/pcouleur_8.gif);
	background-repeat: no-repeat;
	background-position: 4px 4px;
}
.couleurselected{
	background-color: #fff !important;
}
#norme{
	color:#48545c;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	display: block;
	position: absolute;
	bottom:8%;
	left:-7px;
	width:188px;
}
/*----------------------------------------------------------------*/
/* Formulaire contact rapide dans la sidebar */

span.couleur8{
    background-color: #FFFFFF;
    background-image: url("../images/pcouleur_8.gif");
    background-position: 4px 4px;
    background-repeat: no-repeat;
    border-bottom: 3px solid #00BDD9;
    color: #0C4790;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px -5px;
    padding: 4px 3px 3px 22px;
    text-decoration: none;
    width: 130px;
}

#menug #contactRapide{margin:11px 0 0 0; background-color:#D4DCE1; width:150px; padding-left:5px; position:relative; left:10px;}
#menug #contactRapide label{
	display:block;
    color:#0C4790;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
    margin:0;
}

#menug #contactRapide .classinputtext{
	border-color:#9BB3CF;
    margin: 0 0 5px;
    padding: 5px 3px;
    width: 137px;
}

#menug #contactRapide input[type="submit"]{
	background-color:#fff;
	border:none;
	color:#0C4790;
	text-align:center;
	font-weight:bold;
	width:155px;
	margin:10px 0 0 -5px;
	padding: 3px 0 3px 0;
	cursor:pointer;
}

#menug #contactRapide #captcha{display:none;}

#menug #contactRapide #captcha img{margin:7px 0 0 1px;}


/*----------------------------------------------------------------*/
#pied{
	background-color: #becad2;
	width: 968px;
	height: 41px;
	background-image: url(../images/pied.gif);
	background-position: 20px 100%;
	background-repeat: no-repeat;
	position: relative;
	clear:both;
}
#pied #menu{
	position: absolute;
	bottom:1px;
	left:221px;
}
#pied #menu,#pied #menu li{
	margin:0px;
	padding: 0px;
	list-style: none;
}
#pied #menu li{
	display:inline;
	font-size:1px;
}
#pied #menu a{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #0c2b6e;
	border: 0px solid #0c2b6e;
	padding: 0 3px 0 3px;
	border-left-width: 1px;
}
#pied #menu a:hover{
	text-decoration: underline;
}
#logoaddonline{
	position: absolute;
	right: 17px;
	top: 1px;
	display: block;
}
/* ancien style formulaire 100809
.classinputtext, .classtextarea,.classselect,.classoption,.classinputcheck,.classinputradio,.inputreset,.inputsubmit{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	border-style :solid;
	border-width: 1px;
	border-color:#003193;
	margin-left:5px;
}
.classinputcheck,.classinputradio{
	border-width: 0px;
}
.intituleformulaire{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	color :#000;
	width:20%;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
}
.blocksumit{
display:block;
margin-left:20%;
}
.champobligatoire{
	font-size : 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:red;
}

*/

.classinputtext, .classtextarea,.classselect,.classoption,.classinputcheck,.classinputradio,.inputreset,.inputsubmit{
	font-size : 12px; 
	font-family: Arial, Helvetica, sans-serif;
	padding: 1px;
	border-style :solid;
	border-width: 1px;
	border-color:#003193;
	margin-left:5px;
}
.classinputcheck,.classinputradio{
	border-width: 0px;
}
.intituleformulaire{
	font-size : 12px;
	font-family: Arial, Helvetica, sans-serif;
	color :#fff;
	width:100px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	display:block;
	float: left;
	background-color: #8d9ca7;
	margin-right: 5px;
	margin-left: 5px;
}
.blocksumit{
	/*display:block;*/
	margin:40px 0 30px;
	/*overflow:hidden;*/
	clear:both;
}
.inputsubmit, .inputreset{
	border-color: #055887;
	color: #fff;
	font-weight: bold;
	background-color: #007dbd;
	padding: 5px 30px;
	cursor:pointer;
	font-size:15px;
	display:inline;
	width:121px;
	margin-top:40px;
}
.inputreset{
	background-color: #CCCCCC;
    border-color: #999999;
    float: left;
    margin-left: 230px;
  }
.inputsubmit{float:right; margin-right: 250px;}

.champobligatoire{
	font-size : 13px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:red;
}
td input[type="text"].classinputtext, td .classtextarea{padding:5px; width:400px;}

/*Menu*/
.definitionm0{
	border-color: #669900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1E787E;
	vertical-align:top;
}
a.lien_menu{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#02473C;
	text-decoration:none;
	font-weight:normal !important;
}
/*Moteur*/
.resumemoteur{
	font-family:Arial, Helvetica, sans-serif !important;;
	font-size:12px !important;
	font-weight:normal !important;
	display: block;
	margin:0;
	margin-left: 5px;
	margin-bottom: 10px;
}
.l_moteur,.l_moteur:active,.l_moteur:visited{
	color:#279600;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}
.page_moteur{
		display: block;
	margin:0;
	margin-left: 5px;
	margin-bottom: 10px;
		font-family:Arial, Helvetica, sans-serif !important;;
	font-size:12px !important;
		color: #949494;
	text-align:right;
}
.pageselect{
	color:#279600;
}
.l_page{
	font-family:Arial, Helvetica, sans-serif !important;;
	font-size:12px !important;
	text-decoration:underline;
	color:#000;
}
.pageresult{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #949494;
	font-weight: bold;
}
.pasmoteur{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	color: #279600;
	font-weight: bold;
	text-align:center;
}

/********************/
/* FOOTER ADDONLINE */
/********************/

#refAddOnline {
	width:968px;
	margin:auto;
	text-align:right;
	margin-top:10px;
}

#refAddOnline span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-right:10px;
}

#refAddOnline span a, #footer span a:visited{
	color:#000000;
	text-decoration:none;
}

#refAddOnline span a:hover {
	text-decoration:underline;
}

#refAddOnline img {
	vertical-align:middle;
}
/*TEST SECTION A SUPPRIMER */

.section1{
	background-image: url(../images/modele/f_section1.gif);
	background-repeat: repeat-y;
	padding: 0 20px 0 20px;
}
.fin_section1{
	background-image: url(../images/modele/fin_section1.gif);
	background-repeat: no-repeat;
	width:556px;
	height: 73px;
}
.debut_section1{
	background-image: url(../images/modele/debut_section1.gif);
	background-repeat: no-repeat;
	width:556px;
	height: 38px;
}

