/*=====================*\
    BASE COMMUNE
\*=====================*/
*{			font-family:Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;}
html[lang]{		font-size:100%;height:100%;}
html{                   font-size:100%;height:100%;} /* Pour TinyMce */
body{			font-size:80%;padding:0;margin:0;color:#5A5A5A;line-height:1.3;height:100%;}
form{			margin:0;}
ul,ol,dl{		padding:0;margin:0;}
ol li{			list-style:decimal outside;}
ul li{			list-style:disc outside;}
li,dd,blockquote{       margin-left:2em;}
dt{			font-weight:bold;}
p{			margin:.75em 0;}
a{			text-decoration:none;}
a img{			border:0;}
ins{			text-decoration:none;}
del{			text-decoration:line-through;}
abbr,acronym{           border-bottom:1px dotted #000;cursor:help;}
table{			border-collapse:collapse;border:1px solid #333;}
td,th{			vertical-align:middle;padding:0.2em;border:1px solid #333;}
form,fieldset{          margin:0;padding:0;border:0;}
label{			cursor:pointer;}
input,button,select{    vertical-align:middle;}
input,select,textarea{  font-size:1em;font-family:inherit;}
h1,h2,h3,h4,h5,h6{      margin:1em 0 .5em 0;line-height:1.3;font-style:normal;}
kbd{			border:1px solid #BBB;padding:0 1px;}
/*=====================*\
    CLASSES DE BASE
\*=====================*/
.aright{		text-align:right;}
.aleft{			text-align:left;}
.acenter{		text-align:center;}
.fleft{			float:left;}
.fright{		float:right;}
.fnone{			float:none;clear:both;}
.c{			display:none;}
.v{			display:block;}
.spacer{		margin:0;padding:0;clear:both;line-height:0;font-size:0;height:0;}
/*=====================*\
    ACCESSIBILITE & PRINT
\*=====================*/
#skip,
#go_main{               display:block;position:absolute;top:0;left:0;margin:0;padding:0;}
#skip li{               list-style:none;margin:0;padding:0;display:inline;width:auto;}
#skip a{                position:relative;padding:1px 2px;margin:1px 4px;top:-1000px;left:0;}
#go_main{		display:none;padding:1px 2px;margin:1px 4px;}
#skip a:active,
#skip a:focus,
#skip a:hover,
#go_main:active
#go_main:focus,
#go_main:hover{        top:0;color:#FFF;text-decoration:none;background-color:#FF5533;z-index:10;font-weight:bold;}
.print_only,
#logo_print{            display:none !important; visibility:hidden !important;}
/*=====================*\
    STRUCTURE DES PAGES
\*=====================*/
#center{
    position:relative;
    margin:0 auto;
    padding:0;
    width: 900px;
}
#logo{/* Ne pas utiliser de margin sous peine de d�calage avec les liens skip */
    display:block;
    padding:20px 0 0 0;
}
#contents{}
#main{
    height:auto !important;
    height:500px;
    min-height:500px;
    padding:1em 10px;
    float:right;
    width:100%;
}
nav#nav{
    left:0px;
    top:100px;
    width:250px;
    overflow:hidden;
    float:left;
    margin:0;
    padding:0;
}
footer#footer{
    background-color:#F3F3F3;
    padding:10px;
    clear:both;
    text-align:center;
    color:#676767;
}
noscript div,
#message{
    margin:15px 0 25px 0;
    clear:both;
    padding:10px;
    border-radius:5px;
    color:#FFF;
    font-weight:bold;
    text-indent:25px;
    line-height:2em;
    font-size:1.2em;
background:url(/img/css/error.png) no-repeat 12px 18px #ff3019; /* Old browsers */
background:url(/img/css/error.png) no-repeat 12px 18px,-moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
background:url(/img/css/error.png) no-repeat 12px 18px,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
background:url(/img/css/error.png) no-repeat 12px 18px,-webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
background:url(/img/css/error.png) no-repeat 12px 18px,-o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
background:url(/img/css/error.png) no-repeat 12px 18px,-ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
background:url(/img/css/error.png) no-repeat 12px 18px,linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
}
noscript div a,
noscript div a:focus,
noscript div a:hover,
#message a,
#message a:focus,
#message a:hover{
    color:#FFF !important;
}
#map_canvas{
    width:710px;
    height:350px;
}
/*=====================*\
    MENU(S)
\*=====================*/
/*- MENU TOP ----------*/
#menu_top{
    position:absolute;
    top:5px;
    right:10px;
    margin:0;
    padding:0;
    list-style:none;
}
#menu_top li{
    margin:0;
    padding:0;
    list-style:none;
    display:block;
    float:left;
}
#menu_top li a{
    font-size:.85em;
    color:#949494;
    display:inline-block;
    background:url(/img/css/sep.menu.1.gif) no-repeat 0 3px;
    padding:0 0 0 18px;
    margin:0 15px 0 0;
}
#menu_top li.first a{
    background:none;
}
#menu_top li a:focus,
#menu_top li a:hover{
    color:#333;
}
/*- MENU1 -------------*/

#m2{
    list-style:none;
    width:250px;
    margin:1em 0;
    padding:1em 0;
}
#m2 li{
    list-style:none;
    margin:0px;
}
#m2 li a{
    display:block;
    font-weight:bold;
    color:#000;
    padding:5px 0px 3px 29px;
}
#m2 li a:hover,
#m2 li a:focus,
#m2 li.actif a{
    color:#22529E;
    text-decoration:none;
}
#m2 li ul li a{
    display:block;
    font-weight:normal;
    color:#000;
    padding:2px 0px 2px 26px;
    font-size:.9em;
}
#m2 li ul li a:hover,
#m2 li ul li a:focus,
#m2 li ul li.actif a{
    color:#22529E;
    text-decoration:none;
}
/*- Breadcrumbs -------*/
#Breadcrumbs{
    padding:0;
    display:block;
    clear:both;
    width:100%;
    font-size:.8em;
}
#Breadcrumbs li{
    margin:0;
    padding:0;
}
#Breadcrumbs li a{
    display:block;
    float:left;
    margin:2px;
    text-decoration:none;
    border:none !important;
}
#Breadcrumbs li.current a{
}
#Breadcrumbs li a:hover,
#Breadcrumbs li a:focus{
    text-decoration:none;
}
/*- FOOTER ------------*/
#m3{
    color:#FFF;
}
#m3 li{
    display:inline;
}
#m3 li a{
    text-decoration:none !important;
    font-size:.9em;
    line-height:1em;
    float:left;
    margin:0 5px 0 5px ;
}
#m3 li a:hover,
#m3 li a:focus{
}
/*=====================*\
    MAIN
\*=====================*/
/* Titres */
#main h1{		font-size:1.75em;}
#main h2{		font-size:1.5em;}
#main h3{		font-size:1.25em;}
#main h4,
#main h5,
#main h6{		font-size:1em;}
/* Videos */
#main #aff_video{    text-align:center;}
#main #aff_video .legende{font-style:italic;}
#main a.v_video{     background:url(/img/videos/vignette.type.png) 0 0 no-repeat;display:block;clear:both;padding:105px 0 0 0;}
/* Actualites */
#actualites article{    clear:both;} 
/* Images */
#main img{         max-width:100%;margin:10px;display:block;}
#main img.fleft{   margin:10px 10px 10px 0px !important;}
#main img.fright{  margin:10px 0px 10px 10px !important;}
#main img.fnone{   margin:10px 0px 10px 0px !important;}
#main img.p100{    width:100%;}
#main img.p50{     width:50%;}
#main img.haut{    margin-top:0 !important;}
/* Liens */
#main a:link{		color:#3A3A3A;text-decoration:underline;}
#main a:visited{	color:#3A3A3A;}
#main a:hover,
#main a:focus{		color:#222;text-decoration:underline;}
#main a:active{	color:#F00;}
#main ul,#main ol,#main dl,#main h2,#main h3,#main h4,#main h5,#main h6{	overflow:hidden;}
/* Nos Liens */
#main ul.liens{	}
#main ul.liens li{         clear:both;}
#main ul.liens img{        margin:0 10px 1em 0;border:10px solid #EEE !important;}
#main ul.liens a{          border:none;text-decoration:none;font-weight:bold;}
#main ul.liens a:hover,
#main ul.liens a:focus{    border:none;text-decoration:none;}
/* RSS */
#main .rss{                padding:10px 0;}
#main .rss a{              background:url(/img/css/feed.png) no-repeat;padding:0 0 0 25px;color:#FF5000;}
#main .rss a:hover,
#main .rss a:focus{        color:red;text-decoration:underline;}
/* main footer */
#main footer{
    margin:20px 0;
    clear:both;
}
#main footer ul{
    margin:0;
    padding:0;
    list-style:none;
}
#main footer ul li{
    margin:0;
    padding:0;
}
#main footer ul li a{
    display:block;
    margin:10px 0;
    padding:2px 0 2px 40px;
    font-size:1.1em;
    font-weight:bold;
}
#main footer ul li a:hover,
#main footer ul li a:focus{}
#main footer ul li a.link_fichier{
}
#main footer ul li a.link_fichier:hover,
#main footer ul li a.link_fichier:focus{
}
/* Actualit�s */
#main section#actualites h1{
    font-size:1.5em;
    color:#2EAADC;
}
#main section#actualites h1 a{
    font-size:1em;
    color:#2EAADC;
    text-decoration:none !important;
}
/*=====================*\
    ACCUEIL
\*=====================*/
.c2 #main{
    height:auto !important;
    height:450px;
    min-height:450px;
}
.c2 #main header h1, 
html.landing #main header h1{
    display:none;
}
.c2 #contents{
    background:none !important;
}
/* Animation Accueil */
#animation_frame{
    width:620px;
    height:475px;
    overflow:hidden;
    position:relative;
}
ul#animation_diapos,
ul#puces_animation,
ul#control_animation,
ul#puces_animation li,
ul#animation_diapos li,
ul#control_animation li{
    margin:0;
    padding:0;
    list-style:none;
    background:none;
}
ul#animation_diapos{}
ul#animation_diapos li{
    position:absolute;
    top:0;
    left:0;
}
ul#animation_diapos li h2.titre{
    display:none;
}
#animation_diapos li img{
    padding:0;
    margin:0;
}
ul#puces_animation{
    position:absolute;
    top:430px;
    left:240px;
    width:350px;
}
ul#puces_animation li{
    display:inline;
    margin:0;
    padding:0;
}
ul#puces_animation li a{
    text-decoration:none !important;
    width:19px;
    height:17px;
    display:block;
    float:left;
    /*
    text-indent:-10000px;
    overflow:hidden;
    */
    margin:0 10px 0 10px;
}
ul#puces_animation li.actif a,
ul#puces_animation li a:hover,
ul#puces_animation li a:focus{
    background-position:0 -17px !important;
}
ul#control_animation{
    position:absolute;
    top:450px;
    left:240px;
    width:350px;
}
ul#control_animation li a{
    font-size:1.4em;
    font-weight:bold;
    text-decoration:none !important;
    color:#FFF !important;
    width:36px;
    height:24px;
    display:block;
    float:left;
    margin:0 10px 0 10px;
}
ul#control_animation li#bt_prev a{}
ul#control_animation li#bt_next a{}
ul#control_animation li.actif a,
ul#control_animation li a:hover,
ul#control_animation li a:focus{
    color:#F00 !important;
}
/* Actualites */
.c2 section#actualites{
    position:absolute;
    top:280px;
    left:0px;
    width:240px;
    padding:0 30px;
}
.c2 section#actualites *{
    color:#FFF !important;
}
.c2 section#actualites h2{}
.c2 section#actualites h2 a{
    text-decoration:none !important;
}
.c2 section#actualites article{
    border-bottom:1px solid #CCC;
}
.c2 section#actualites article h1{}
.c2 section#actualites article h1 a{
    text-decoration:none !important;
}
.c2 section#actualites article h1 a:hover{}
.c2 section#actualites article h1 a:focus{}
.c2 section#actualites article p{}
.c2 section#actualites article p.aright{}
.c2 section#actualites article p.aright a{}
.c2 section#actualites article p.aright a:hover{}
.c2 section#actualites article p.aright a:focus{}
/*=====================*\
    NL 2013-05 01 55
\*=====================*/
.c55 body{ background:url(/img/css/bg.nuages.jpg) no-repeat 50% 142px;}
.c55 #center{
    width:950px;
}
.c55 #colG{
    width:660px;
    margin-right:291px;
}
.c55 #colD{
    position:absolute;
    top:396px;
    left:660px;
    width:291px;
    background:url(/img/css/bg.colD.png) repeat-x 0 -400px;
    min-height:1285px;
}
.c55 h1{
    text-indent:-99999px;
    overflow:hidden;
    width:941px;
    height:377px;
    background:url(/img/css/c55.h1.png) no-repeat 0 0; 
    margin:-78px 0 0 0;
    padding:0;
}
.c55 h3{
    padding-left:25px;
    background:url(/img/css/puce.fleche.png) no-repeat 0 50%; 
    font-size:1em !important; 
}
.c55 p{
    padding:0 50px 0 25px;
}
.c55 #intro{
    padding:0 140px 0 0;
}
.c55 #h2_detail{
    background:url(/img/css/h2.goute.png) no-repeat 0 0; 
    width:660px;
    height:151px;
    overflow:hidden;
    text-indent:-9999px;
    margin:-84px 0 0 0;
}
.c55 #main img, 
html.landing #main img{
    margin:0;
}
#colX2_2{
    position:relative;
}
.c55 #colG_2 *{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:1.1em;
}
.c55 #colG_2{
    position:absolute;
    left:0;
    top:0;
    width:230px;
    background:#F3FAFC;
    padding:15px 10px;
    margin-top:5px;
}
.c55 #colG_2 p{
    color:#0093C3;
    line-height:1.77em;
    padding:0;
}
.c55 #colG_2 p strong{
    color:#707070;
    font-size:1.28em;
}
.c55 #colD_2{
    width:401px;
    margin-left:260px;
}
.c55 #logos img, 
html.landing #logos img{
    display:inline-block;
}
.c55 #logos img{
    margin:30px 0px 10px 30px;
}

/* Formulaires */
.placeholder{color:#aaa !important;}
html.landing form{
    padding:0;
    margin:0;
}
html.landing form fieldset{
    padding:0;
    margin:0;
}
html.landing form fieldset label{
    padding:0;
    margin:0 !important;
    width:auto;
}
html.landing form fieldset label input{
    padding:3px 3px 4px 3px;
    margin:0;
    background:url(/img/css/bg.input.png) no-repeat 0 0; 
    font-size:1.1em;
    border:1px solid #CBCBCB;
}
html.landing form input.bt{
    text-align:left;
    border:none !important;
    overflow:hidden;
    text-indent:-9999px;
    display:block;
    background-color:transparent !important;
    padding:0 !important;
    margin:0 !important;
    font-size:0px;
    color:#FFF;
text-transform:uppercase;
_display:block;
_font-size:0px !important;
}
html.landing #main #message{
    margin:15px 313px 25px 0 !important;
}
/* HAUT */
.c55 #F2_form_FORM{
    margin:-27px 0 10px 0;
    width:291px;
    height:243px;
    background:url(/img/css/bg.form.haut.png) no-repeat 0 0; 
    padding:85px 0 0 0 !important;
}
html.landing #F2_form_FORM input{
    width:231px !important;
    margin:4px 0 4px 14px !important;
}
.c55 #F2_form_FORM input.bt{
    width:257px !important;
    height:60px !important;
    background:url(/img/css/bg.bt.haut.png) no-repeat 0 0; 
    margin-left:4px !important;
}
.c55 #F2_form_FORM input.bt:hover{
    background:url(/img/css/bg.bt.haut.h.png) no-repeat 0 0; 
}
.c55 #colD h3.form_message{
    margin:-27px 0 10px 0;
    width:241px;
    height:223px;
    background:url(/img/css/bg.form.haut.png) no-repeat 0 0; 
    padding:105px 25px 0 25px !important;
    font-size:1.2em !important;
    color:#015da8;
}
.c76 #colD h3.form_message{
    font-size:1.7em !important;
    color:#354294;
}
/* BAS*/
.c55 #F1_form_FORM, 
.c61 #F1_form_FORM{
    width:401px;
    height:240px;
    padding:85px 0 0 0 !important;
}
.c55 #F1_form_FORM{    background:url(/img/css/bg.form.bas.png) no-repeat 0 0; }
.c55 #F1_form_FORM input, 
.c61 #F1_form_FORM input{
    width:318px !important;
    margin:4px 0 4px 27px !important;
}
.c55 #F1_form_FORM input.bt{
    width:348px !important;
    height:60px !important;
    background:url(/img/css/bg.bt.bas.png) no-repeat 0 0; 
    margin-left:15px !important;
}
.c55 #F1_form_FORM input.bt:hover{
    background:url(/img/css/bg.bt.bas.h.png) no-repeat 0 0; 
}
.c55 #colD_2 h3.form_message,
.c61 #colD_2 h3.form_message{
    width:331px;
    height:220px;
    padding:105px 35px 0 35px !important;
    font-size:1.2em !important;
    color:#015da8;
}
.c55 #colD_2 h3.form_message{background:url(/img/css/bg.form.bas.png) no-repeat 0 0; }
/* 2015-06.12 .c75 */
#prestataire_unique{
    left: 375px;
    position: absolute;
    top: 45px;
}
.c75{
    background:url(/img/css/2015-06.12/html.bg.png) repeat-x 0 0 !important;
}
.c75 body{
    background:url(/img/css/2015-06.12/html.bg.jpg) no-repeat 50% 0 !important;
}
.c75 body #center{
    background:url(/img/css/2015-06.12/partez.tranquilles.png) no-repeat 0 265px !important;
}
.c75 #colG ul li{
    background:url(/img/css/2015-06.12/Fleche-liste-page.png) no-repeat 0 10px !important;
}
.c75 #colG h2{
    color:#00a108 !important;
    font-weight:bold !important;
    font-size:24px !important;
}
.c75 #colG h2 span{
    color:#005da8 !important;
}

.c75 p.code{
    color:#005da8;
    font-size:9px;
}
.c75 p.code strong{
    color:#f4591d;
    font-weight:normal !important;
}
.c75 #colG{
    width:730px !important;
}
.c75 #colD{
    top:225px !important;
}
.c75 #colD h3.form_message,
.c75 #main #colD #F2_form_FORM{
    background:#FFF !important;
    -moz-box-shadow: 0px 0px 15px 5px #aaa;
    -webkit-box-shadow: 0px 0px 15px 5px #aaa;
    -o-box-shadow: 0px 0px 15px 5px #aaa;
    box-shadow: 0px 0px 15px 5px #aaa;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#aaa, Direction=NaN, Strength=15);
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding:1px 0 10px 0 !important;
    height:auto !important;
    margin:0 0 10px 0 !important;
}
.c75 #F2_form_FORM h3{
    color:#F4591D;
    text-align:center;
    font-size:26px;
    font-weight:bold;
}
.c75 #F2_form_FORM h3 span{
    display:block;
    font-size:16px;
}
.c75 #F2_form_FORM input{
    border:none !important;
    border-radius:4px;
    background:#f6f6f6;
}
.c75 #main #colD #F2_form_FORM input.bt{
    background:url(/img/css/2015-06.12/form.bt.sprite.png) 0 0 no-repeat !important;
    width:247px !important;
    height:71px !important;
/*    margin:0 auto !important;*/
}
.c75 #main #colD #F2_form_FORM input.bt:hover,
.c75 #main #colD #F2_form_FORM input.bt:focus{
    background:url(/img/css/2015-06.12/form.bt.sprite.png) 0 -71px no-repeat !important;
}
.c75 #colD h3.form_message{
    color:#00a108;
    padding:20px !important;
}
/*=====================*\
    NL
\*=====================*/
html.landing body{      background:url(/img/css/Fond-entete-page.png) repeat-x 0 40px #f6f6f6;}
html.landing #center{   width:992px;    background:url(/img/css/Image-entete-page.png) no-repeat 0 40px;}
html.c66 #center,
html.c75 #center{       width:992px;    background:url(/img/css/Image-entete-page.2.png) no-repeat 0 40px;}


html.landing #colG{
    width:600px;
    margin-top:500px;
    margin-bottom:50px;
}
html.landing #colG h2{
	font-weight:normal;
	font-size:2em;
}
html.landing #colG h2 span{
	text-transform:uppercase;
	color:#00a20b;
}
html.landing #colD{
    position:absolute;
    top:290px;
    left:720px;
    width:291px;
}
.c66 #colD,
.c75 #colD{
    position:absolute;
    top:258px;
    left:720px;
    width:291px;
}
html.landing #logos img{
    margin-top:10px;
}
html.landing #logos{
	text-align:center;
}
html.landing #colG ul li{
	margin:0;
	padding:15px 0 15px 40px;
	font-size:1.1em;
	list-style-type:none;
	font-weight:bold;
	background:url(/img/css/Fleche-liste-page.png) no-repeat 0 10px;
}
html.landing #colG ul li span{
    font-weight:normal;
}

/* Formulaires */
html.landing #F2_form_FORM{
    margin:0;
    width:291px;
    height:243px;
    background:url(/img/css/bg.form.haut.57.png) no-repeat 0 0; 
    padding:85px 0 0 0 !important;
}
html.landing.c66 #F2_form_FORM,
html.landing.c75 #F2_form_FORM{
    margin:0;
    width:291px;
    height:313px;
    background:url(/img/css/bg.form.haut.66.png) no-repeat 0 0; 
    padding:85px 0 0 0 !important;
}
html.landing #F2_form_FORM div.etiquette{
    margin-left:14px;
}
html.landing #F2_form_FORM input.bt{
    width:257px !important;
    height:60px !important;
    background:url(/img/css/bg.bt.haut.57.png) no-repeat 0 0; 
    margin-left:4px !important;
}
html.landing #F2_form_FORM input.bt:hover{
	 background:url(/img/css/bg.bt.haut.57.h.png) no-repeat 0 0; 
}
html.landing footer#footer{
	margin-top:20px;
}
/*==========================*\
    LANDING 71
\*==========================*/
html.c71 body{          background:url(/img/css/Fond-entete-page.71.png) repeat-x 0 0px;}
html.c71 #center{       width:992px;    background:url(/img/css/Image-entete-page.71.png) no-repeat 0 40px;}
html.c71 #colG{    width:432px;}
html.c71 #charteco{
    height:186px;
    left:734px;
    position:absolute;
    top:40px;
    width:251px;    
    overflow:hidden;
}
html.c71 #charteco span{
    visibility:hidden;
}
html.c71 #colG #afaq{
    position:absolute;
    left:532px;
}
.c71 #colD h3.form_message{
    color:#000;
}
.c71 #colD{
    top:256px !important;
}
.c71 #colD p{
    color:#000;
    margin-left:14px;
}
.c71 #colD input.fleft{
    margin-right:10px !important;
    width: auto !important;
}
.c71 #colD div.cb{
    padding-left:24px;
    margin:0 0 5px 0;
}
html.c71 #F2_form_FORM{
    padding: 110px 0 0 !important;
    background:url(/img/css/bg.form.haut.71.2.png) no-repeat 0 0 !important; 
    height:700px !important;
}
.c71 #main{
    min-height:915px;
}
/*==========================*\
    LANDING 72
\*==========================*/
html.c72{           background:url(/img/css/chl.bg.html.r.jpg) repeat-x;}
html.c72 body{      background:url(/img/css/chl.bg.html.jpg) no-repeat 50% 0;}
html.c72 #center{   width:992px;    background:none !important}
html.c72 #colG{     width:615px;    margin-left:85px !important; margin-top:360px !important; margin-bottom:0px !important;}
html.c72 #colD h3.form_message{
    color:#000;
    margin-bottom:105px;
}
html.c72 #colD{
    top:256px !important;
}
html.c72 #colD p{
    color:#000;
    margin-left:14px;
}
html.c72 #colD input.fleft{
    margin-right:10px !important;
    width: auto !important;
}
html.c72 #colD div.cb{
    padding-left:24px;
    margin:0 0 5px 0;
}
html.c72 #F2_form_FORM{
    padding:85px 0 0 !important;
    background:url(/img/css/chl.bg.form.png) no-repeat 0 0 !important; 
    height:495px !important;
}
html.c72 #main{
    min-height:915px;
}
html.c72 #colG #autoclean{
    position:absolute;
    left:620px;
    top:467px;
}
html.c72 #autoeco{
    position:absolute;
    left:410px;
    top:28px;
}
html.c72 #peugeot{
    position:absolute;
    left:730px;
    top:28px;
}
html.c72 #colG h2 span{
    text-transform:none !important;
    font-weight:bold !important;
}
html.c72 #colG h4{
    font-size:1.6em !important;
}
html.c72 #colG h2{
    font-size:1.7em !important;
    margin-bottom:35px;
}
html.c72 #main fieldset{
    margin-left:14px !important;
}
html.c72 #F2_form_FORM input{
    margin:3px 0 3px 14px !important;
}
html.c72 #F2_form_FORM div.etiquette{
    color:#FFF !important;
}
#illustration{
    display:block;
    margin:auto !important;
}
.green,
#indigo{
    display:block;
    color:#11a718 !important;
    font-weight:bold !important;
    margin-left:16px !important;
}
/*==========================*\
    LANDING 61
\*==========================*/
.c61{           background:url(/img/css/multi/Fond-entete-px.png) repeat-x 0 115px;}
.c61 body{      background:url(/img/css/multi/Fond-entete-point-gris.jpg) no-repeat 50% 117px;}
.c61 #center{   width:945px;    background:url(/img/css/multi/Image-entete-landingP.png) no-repeat 0 22px;}
.c61 #colD{
    width:295px;
    position:absolute;
    top:260px;
    right:0;
}
#text-colD{
    padding:15px;
    color:#0c7bcc;
    }
#text-colD h4{
    font-size:1.3em;
    margin:0;
    }
#text-colD p, #encart-colD p{
    font-size:1.1em;
}
#encart-colD p{
    line-height:1.4em;
}
#encart-colD p span{font-weight:bold;}
#encart-colD{
    width:233px; 
    height:288px;
    padding:30px;
    color:#fff;
    background:url(/img/css/multi/Fond-encart-bleu.png) no-repeat;
    margin-bottom:40px;
}
.c61 #main #encart-colD img{
    display:block;
    margin:10px 0 20px 20px;
}
.c61 #main img#logo-AFAQ{margin:auto;}
.c61 #colG{
    margin-top:430px;
    width:650px;
}
.c61 #colG h2{
    margin-left:40px;
    margin-bottom:40px;
}
#prestations li{
    list-style:none;
    margin-left:10px;
    margin-bottom:15px;
    width:640px;
    clear:both;
    min-height:90px
}
#prestations li img{
    width:105px;
    display:block;
    float:left;
    margin-right:20px !important;
}
#prestations li p{
    display:inline-block;
    padding-left:40px;
    margin-left:15px;
    margin-top:0;
    width:440px;
    background:url(/img/css/Fleche-liste-page.png) no-repeat 0 0;
    vertical-align:top;
    min-height:40px;
}
#prestations li p span{
    font-weight:bold;
    font-size:1.1em;
}
#colG-form{
    margin-top:40px;
    width:650px;
}
#colG-form h4{
    width:200px;
    color:#0c7bcc;
    font-size:1.2em;
    display:block;
    float:left;
    vertical-align:top;
    margin:0;
    padding-top:32px;
}
/* Formulaires */
.c61 #F2_form_FORM{
    margin:0;
    width:294px;
    height:235px;
    background:url(/img/css/multi/Fond-formulaire-haut.png) no-repeat 0 0; 
    padding:85px 0 0 0 !important;
}
.c61 #F2_form_FORM input.bt{
    width:249px !important;
    height:65px !important;
    background:url(/img/css/multi/Btn-formulaire-haut.png) no-repeat 0 0; 
    margin-left:9px !important;
}
.c61 #F2_form_FORM input.bt:hover{
	 background:url(/img/css/multi/Btn-over-formulaire-haut.png) no-repeat 0 0;
}
.c61 #F1_form_FORM{
	display:inline-block;
	background:url(/img/css/multi/Fond-formulaire-bas.png) no-repeat 0 0;
}
.c61 #F1_form_FORM input.bt{
	width:337px !important;
	height:64px;
	background:url(/img/css/multi/Btn-formulaire-bas.png) no-repeat 0 0; 
   margin-left:20px !important;
}
.c61 #F1_form_FORM input.bt:hover{
	background:url(/img/css/multi/Btn-over-formulaire-bas.png) no-repeat 0 0; 
}
.c61 #colD_2 h3.form_message{background:url(/img/css/multi/Fond-formulaire-bas.png) no-repeat 0 0; }
/*==========================*\
    LANDING 76
\*==========================*/
@font-face {
    font-family: 'FontRegular';
    src: url('/fonts/FontRegular/FontRegular.eot');
    src: url('/fonts/FontRegular/FontRegular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FontRegular/FontRegular.woff2') format('woff2'),
         url('/fonts/FontRegular/FontRegular.woff') format('woff'),
         url('/fonts/FontRegular/FontRegular.ttf') format('truetype'),
         url('/fonts/FontRegular/FontRegular.svg#FontRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FontRegular';
    src: url('/fonts/FontBold/FontBold.eot');
    src: url('/fonts/FontBold/FontBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/FontBold/FontBold.woff2') format('woff2'),
         url('/fonts/FontBold/FontBold.woff') format('woff'),
         url('/fonts/FontBold/FontBold.ttf') format('truetype'),
         url('/fonts/FontBold/FontBold.svg#FontBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
.flex { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;    
    display: flex;
}
html.c76 * { box-sizing: border-box; }
html.c76.landing { font-size: 12px; }
html.c76.landing body {
    background: url(/img/css/fond_bandeau.76.gif) 0 123px repeat-x;
    min-width: 340px;
}
html.c76.landing #center { 
    background: url(/img/css/bandeau_landing.76.png) 0 123px no-repeat; 
    position: relative;
    width: 950px;
}
html.c76 #menu_top li a { font-size: 0.9rem; }
html.c76 #prestataire_unique {
    right: 0;
    left: auto;
}
html.c76 #main {float: none;}
html.c76 #main h1 {
    font-size: 2.5rem;
    font-family: 'FontRegular';
    margin-top: 0;
}
html.c76 #main h1,
html.c76 #main h2 { color: #2e8598; }
html.c76 #main h1 span {
    text-transform: uppercase;
    display: block;
    color: #000;
    font-weight: normal;
    font-family: 'FontRegular';
}
html.c76 #main h2 { 
    font-size: 1.5rem; 
    margin: 0;
}
html.c76 #main p { 
    color: #5a5a5a; 
    line-height: 1.4rem;
}
html.c76 #colX2 { margin-top: 440px; }
html.c76.landing #colG {
    -ms-flex-grow: 1;
    flex-grow: 1;
    width: auto;
    margin-top: 0;
}
html.c76  #prestas_list { 
    margin-top: 40px; 
    width: 490px;
}
html.c76.landing #colG ul li.presta_item {
    margin-bottom: 25px;
    padding: 0;
    font-size: 1rem;
    font-weight: normal;
    background: none;
    -ms-align-items: flex-start;
    align-items: flex-start;
}
html.c76.landing #main img.presta_img {
    display: block;
    width: 103px;
    min-width: 103px;
    margin-right: 20px;
}
html.c76.landing #colD {
    position: static;
    width: 340px;
    padding-top: 10px;
}
html.c76.landing #F2_form_FORM {
    background: none;
    width: 100%;
    height: auto;    
    padding: 0 !important
}
html.c76.landing #F2_form_FORM fieldset {
    background: url(/img/css/titre_form.76.png) 50% 30px no-repeat #82baca;
    padding: 120px 30px 30px 30px;
    border-radius: 5px;
    margin: 0 0 15px 0;
}
html.c76.landing #F2_form_FORM h3 {
    text-transform: uppercase;
    color: #fff;
    font-size: 2.5rem;
    font-family: 'FontSpecial';
    margin: 0;
}
html.c76.landing #F2_form_FORM p.etiquette {
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    margin: 0 0 5px 0;
}
html.c76.landing #F2_form_FORM p.etiquette,
html.c76.landing #F2_form_FORM input {
    font-weight: bold;
    text-transform: uppercase;
}
html.c76.landing #F2_form_FORM input {
    width: 100% !important;
    margin: 0 0 20px 0 !important;
    border: none;
    padding: 20px 15px;
    background: #fff;
}
html.c76.landing #F2_form_FORM .label_submit { margin: 0; }
html.c76.landing #F2_form_FORM input.bt {
    border-radius: 5px;
    background: url(/img/css/camion_btn_form.76.png) 95% 50% no-repeat;
    background-color: #2d8497 !important;
    height: 69px !important;
    color: #fff;
    text-transform: uppercase;
    padding: 0 165px 0 45px !important;
    text-indent: 0;
    font-size: 2rem;
}
html.c76.landing #logos { margin-top: 40px; }
@media screen and (max-width: 960px) {
    html.c76.landing body { background: none; }
    html.c76 #menu_top { display: none; }
    html.c76.landing #center {
        background: none;
        width: 96%;
    }
    html.c76 #prestataire_unique { right: 2%; }
    html.c76 #colX2 { margin-top: 30px;}
    html.c76 #prestas_list { width: calc(100% - 20px); }
}
@media screen and (max-width: 800px) {
    html.c76 #colX2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    html.c76 #prestas_list,
    html.c76.landing #colD { width: 100%; }
    html.c76 #prestas_list { margin-top: 20px; }
    html.c76.landing #colG { margin-bottom: 0; }
    html.c76 #main h1 { text-align: center; }
    html.c76.landing #colG ul li.presta_item { margin-bottom: 15px; }
    html.c76.landing #F2_form_FORM input.bt {
        width: 340px !important;
        margin: 0 auto !important;
    }
}
@media screen and (max-width: 600px) {
    html.c76 #logo { text-align: center; }
    html.c76 #prestataire_unique { display: none; }1
}
@media screen and (max-width: 450px) {
    html.c76 #colX2 { margin-top: 15px;}
    html.c76 #main h1 { font-size: 2rem; }
}
/*=====================*\
    FORMULAIRES
\*=====================*/
#main label{
    display:block;
    margin:1em 0 1em 100px;
}
#main fieldset{
    border:none;
    margin:1em 10px 1em 10px;
}
#main legend{
    margin:0.75em 10px 0 10px;
    font-size:1.25em;
    font-weight:bold;
}
#main label span.etiquette{
    display:block;
}

#main label input,
#main label textarea,
#main label select{
    width:400px;
    border:1px solid #999;
    color:#333;
    background-color:#fff;
}
#main label textarea{
    vertical-align:top;
    height:75px;
    font-size:1em;
}
#main input.bt{
    font-weight:bold !important;
    width:auto;
    border:1px solid #999;
    background-color:#eee;
    cursor:pointer;
}
#main input.coche{
    width:auto !important;
}
span.conseil{
    margin-left:10px !important;
    color:#666 !important;
    font-size:.85em !important;
}
#main label.a_verifier{
    background:url(/img/css/error.png) no-repeat 100% 8px;
}
#main label.a_verifier input,
#main label.a_verifier textarea,
#main label.a_verifier select{
    border:1px solid #900;
}
/*=====================*\
    FORMULAIRE	"search"
\*=====================*/
#search{
    width:153px;
    color:#5B5C60;
}
#search form{
    width:200px;
}
#search fieldset{
    border:none;
    margin:0px 3px 7px 3px;
    margin:0px;
    padding:10px;
    width:200px !important;
}
#search form label{
    display:none;
}
#search legend{
    display:none;
}
#search input{
    display:block;
    border:1px solid #333;
    width:150px;
    padding:3px;
    font-size:0.9em;
    margin:3px 0px 5px 0px;
}
#search input.bt{
    background:none !important;
    width:auto !important;
    border:1px solid #999 !important;
    background-color:#eee !important;
    padding:3px !important;
}
/*=====================*\
    TABLEAUX
\*=====================*/
#main table{
    width:100%;
    border:1px solid #333;
}
#main table thead{
}
#main table thead tr{
}
#main table thead tr th{
    background-color:#333;
    padding:5px;
    text-align:center;
}
#main table thead tr th,#main table thead tr th a{
    font-weight:bold;
    color:#FFF !important;
    text-decoration:none !important;
    border:none;
}
#main table tbody{
}
#main table tbody tr{
}
#main table tbody tr td{
    border:1px solid #333;
    padding:2px;
}
#main table tbody tr.over td,
#main table tbody tr:hover td,
#main table tbody tr:focus td{
    background-color:#EEE;
}
#main table tbody tr td a:hover,
#main table tbody tr td a:focus{
}
/*=====================*\
    GALERIES
\*=====================*/
#photos{
    margin:0px !important;
    padding:0;
}
#photos li{
    display:block;
    float:left;
    padding:0;
    margin:3px;
}
#photos li h3 a{
    display:block;
    height:40px;
    width:170px;
    text-decoration:none !important;
    font-weight:normal;
    font-size:1.2em;
    text-align:center;
}
#photos li h3 a:hover,
#photos li h3 a:focus{
}
#photos li a.vignettes{
    display:block;
    width:205px;
    height:205px;
    line-height:205px;
    border:1px solid #CCC !important;
    padding:3px;
    text-align:center !important;
    vertical-align:middle !important;
    margin:0 !important;
}
#photos li a.vignettes:hover,
#photos li a.vignettes:focus{
    border:1px solid #666;
    background:#FFF;
}
#photos li a img{
    border:none !important;
    padding:0px !important;
    margin:auto !important;
    vertical-align:middle;
}
/*=====================*\
    NAV GALERIE
\*=====================*/
#gal_nav{
    text-align:right;
    margin:0px 0px 7px 0px!important;
}
#gal_nav a,
#gal_nav a:hover,
#gal_nav a:focus{
    text-decoration:none;
    border:none !important;
    margin:0 !important;
}
#gal_nav img{
    border:none !important;
    margin:0;
}
#affich_gal{
    text-align:center;
}
/*=====================*\
    AGENDAS
\*=====================*/
#calendriers{
    clear:both;
    min-height:210px;
    height:auto !important;
    height:210px;
    margin:0 0 1.5em 0;
}
#calendriers .bloc_cal{
    float:left;
    width:190px;
    margin:0 10px;
}
#calendriers a{
    display:block;
    margin:auto;
    text-decoration:none !important;
    border:none !important;
}
#calendriers table{
    margin:auto;
    background:#B2E2ED;
    border:1px solid #FFF !important;
    border-collapse:collapse;
    width:auto !important;
}
#calendriers table thead th{
    border:1px solid #FFF !important;
    border-collapse:collapse;
    text-align:center !important;
    vertical-align:middle;
    color:#FFF !important;
    background-color:#FF7F00;
}
#calendriers table tbody td{
    border:1px solid #FFF !important;
    border-collapse:collapse !important;
    width:26px !important;
    height:26px !important;
    text-align:center !important;
    vertical-align:middle;
    padding:0 !important;
}
#calendriers table thead{
}
#calendriers table thead tr{
}
#calendriers table thead tr td{
}
#calendriers table thead tr td a{
}
#calendriers table thead tr td.actif a{
    font-weight:bold;
}
#calendriers table tbody{
}
#calendriers table tbody tr{
}
#calendriers table tbody tr td{
}
#calendriers table tbody tr td:hover,
#calendriers table tbody tr td:focus{
    background-color:#FFF;
}
#calendriers table tbody tr td.J{
    background-color:#FF9966 !important;
}
#calendriers table tbody tr td a{
}
#calendriers table tbody tr td.actif a{
    font-weight:bold;
}
#calendriers .today{
    background-color:#abcdef;
}
#raccourcis{
    display:block;
    clear:both;
    list-style:none;
    padding:1.5em 0;
    padding:0 !important;
}
#raccourcis li{
    display:inline;
}
#raccourcis li a{
    text-decoration:none !important;
    border:none !important;
    display:block;
    float:left;
    background-color:#DDD;
    margin:0 10px;
    padding:3px 7px 3px 7px;
    border-left:7px solid #FF7F00 !important;
    font-weight:bold;
    color:#666;
}
#raccourcis li a:hover,
#raccourcis li a:focus{
    color:#FF7F00;
    background-color:#FFF;
}
/*=====================*\
    404
\*=====================*/
.c2.HTTPError #main{padding:0;}
/*=====================*\
    X_popup
\*=====================*/
#X_popupMasque{position:fixed;width:100%;height:100%;top:0;left:0;background:url(/img/css/X_popup.loading.gif) 50% 50% no-repeat rgba(0,0,0,0.75);z-index:1000;cursor:pointer;}
#X_popupCenter{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;text-align:center;}
#X_popupCenter:before{content:'';display:inline-block;height:100%; vertical-align:middle;margin-right:-0.25em;}
#X_popupCorps{display:inline-block;vertical-align:middle;width:950px;text-align:left;padding:20px;background:#FFF;border-radius:5px;}
#X_popupTarget img{display:block;margin-bottom:10px;}
#X_popupClose{display:block;position:absolute;right:10px;top:10px;width:25px;height:25px;z-index:10002;background:url(/img/css/X_popup.close.png) 0 0 no-repeat;text-indent:-10000px;overflow:hidden;}
#X_popupClose:hover{background:url(/img/css/X_popup.close.png) -25px 0 no-repeat;}
/*=====================*\
    X_DEBUG
\*=====================*/
#debug1,#debug2{font-family:"Courier New",Courier,monospace !important;position:absolute;right:0px;top:0px;width:70%;z-index:1000;padding:5px;font-size:1em !important;overflow:auto;color:#000;font-size:85% !important;}
#debug1 *,#debug2 *{font-family:"Courier New",Courier,monospace !important;}
#debug1 li,#debug2 li{list-style:none;}
#debug1{background:#CCFF33;}
#debug2{background:#FFFF00;}
#bt_debug1,#bt_debug2{right:0px;position:fixed;cursor:pointer;z-index:10000;padding:2px;border-bottom:2px solid #333;}
#bt_debug1{top:20px;background:#CCFF33;}
#bt_debug2{top:45px;background:#FFFF00;}
#bt_debug1 a,#bt_debug2 a{color:#000;text-decoration:none;padding:2px 30px 2px 2px;font-size:0.8em;}