Test Paul



@font-face {
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.jsdelivr.net/fontsource/fonts/source-sans-3@latest/latin-400-normal.woff2') format('woff2'),
       url('https://cdn.jsdelivr.net/fontsource/fonts/source-sans-3@latest/latin-400-normal.woff') format('woff');
}


/********** A GARDER EN L'ETAT ************/
*{margin:0; padding:0;}
table{border-spacing:0;}
ul,ol {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/}
section,nav,article,aside,hgroup,header,footer{display:block;}

pre {overflow:auto;}


/*********** A PERSONNALISER **************/
body {color:#666;}
a{color:inherit; text-decoration:none;}
a:hover {color:inherit;text-decoration:underline;}

.uploadFichierFrame {
    width:430px;
    height:200px;
    border:none;
}
.uploadFichierAjout {
    cursor:pointer;
    padding:5px;
    float:left;
    display:ButtonFace;

}
.uploadFichierContenu {
    clear:both;
}
.uploadFichierListe  li {
    height:35px;
    margin-left:0px;
}
.uploadFichierListe  a.fichier {
    color:#000;
}
.uploadFichierListe  {
    list-style:none;
}
.uploadFichierListe  li  a.supprimer {
    background:transparent url('/bop2/images/icone/supprimer.png') 0 7px no-repeat;
    font-size:0;
    width:16px;
    height:32px;
    overflow:hidden;
    display:inline-block;
    float:right
}
.uploadFichierListe  li  img {vertical-align:middle;width:32px;}
.uploadFichierHide {display:none;}

p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#f10000;}
.bold {font-weight:bold;}
.hr{font-size:1px; height:2px; border-bottom:1px solid #000; border-top:1px solid #000; margin:5px 0px;}
.hr2{font-size:1px; height:2px; border-bottom:3px solid #000; margin:5px 0px;}
.hr2Color{font-size:1px; height:2px; border-bottom:3px solid #897a5a; margin:5px 0px;}
.hr3{font-size:1px; height:2px; border-bottom:3px solid #000; border-top:1px solid #000; margin:5px 0px;}
.hr3r{font-size:1px; height:2px; border-top:3px solid #000; border-bottom:1px solid #000; margin:5px 0px;}
.hr4{font-size:1px; height:2px; border-bottom:1px solid #000; margin:5px 0px;}
.asterisque{font-style:italic; font-size:9px;}

/*Megaselect*/
.MegaSelectInfobulle  {float:left; position:relative;display:inline;z-index:100}
.MegaSelectInfobulle .zoneAffichable {position:absolute; top:25px; display:none; box-shadow: 1px 1px 5px #555; border:1px solid #fff; padding:5px;  }
.MegaSelectInfobulle ul { list-style-type:none; margin-left:0px;}
.MegaSelectInfobulle li { margin-left:0px;border-bottom:1px dotted #808080}
.MegaSelectInfobulle li.selected {color:#fff; background-color:#808080}
.MegaSelectInfobulle .surligne {color:#000; background-color:#ffff00}


input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label span{color:#f00;}

form .row{clear:both; margin-bottom:5px;}
form .row label{float:left; margin-right:5px; width:165px; text-align:right;}
form .row textarea, .row input {width: 150px;}
form .row select {width: 152px;}

form .row_chk{padding:0; clear:both; margin-bottom:5px;}
form .row_chk input{border:0}
form .row_chk label{display:inline; float: left; margin-right: 5px; width: 165px; text-align: right;}

form .row_are{clear:both; margin-bottom:5px;}
form .row_are label{display:inline; float: left; margin-right: 5px; width: 165px; text-align: right;}
form .row_are textarea{width:300px; height:150px;}

form .row_rad {clear:both; margin-bottom:5px;}
form .row_rad .label{display:inline; float: left; margin-right: 5px; width: 165px; text-align: right;}
form .row_rad .rad {margin-left:10px; margin-bottom:1px; display:inline;}
form .row_rad .rad input{vertical-align:middle; border:0}
form .row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

form .row_bt {margin-left:150px; clear:both; margin-bottom:5px;}
form .row_bt input, .submit {cursor:pointer;}
form .row_captcha input{margin-left:170px;}

form .row_are textarea.tinymce {width:100%;}

/* Formulaires */
form .row_bt, .bouton {height:5px;margin:15px;text-align:center;clear:both;}
form .row_bt input, .bouton a{font-size:1.4em; position:relative; top:-15px; border:0; height:30px; line-height:30px; display:inline-block; margin:0px auto; padding:0 10px;}
form .row_bt input:hover, .bouton a:hover{text-decoration:underline;}
#footer form .row_bt input{background-color:#000;}

.formAjax {padding:20px;}
.formAjax label{width:inherit; display:block; float:none; text-align:left;}
.conteneur-form h4 {border:0; border-top:1px; font-size:2em; border-bottom:1px; border-style:solid; margin-bottom:20px; text-align:center;}
.conteneur-form h4:before, .conteneur-form h4:after {content:''; display:block; border-width:1px 0px 0px 0px; border-style:dotted; margin:1px 0px;}

.errors li{color:#ff0000}


.fancybox-content {display:none;}
#motpasseoublie {width:350px; padding:10px;}
#btn_oublie_mdp {float:right;}

/**@@  COLOR  @@**/
/*#897a5a*/
.c1:hover img, a.bg1:hover, .at300bs:hover, a.bg3:hover {background-color:#b6a580;}
.liste2 .survol{color:#fff;}

/**@@  FONT  @@**/
body, input, textarea{font-family:'SourceSansPro', sans-serif; font-weight:300; font-size:.9em;}
h1, h2, h3, h4, h5, h6 {font-family:'SourceSansPro', sans-serif; font-weight:300;}
table{font-size:1em;}
h1, h2.titreHome {font-size:2.6em;}
.liste2 .tous{font-size:1.4em;}

.siAuthKo, .siQuotaKo, .siAuthOk, .siQuotaOk{display:none;}
/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
#main > .wrapper {margin-left:5px; margin-right:5px;}
#marge + #main  > .wrapper {margin-right:0px;}
#marge + #main {float:left; width:72%;}
#marge {float:right; width:26%;}
#marge > .wrapper {margin-right:5px;}

#marge2 {float:left; width:24%;}
#marge2 + #main2 {float:right; width:74%;}

.home #marge2 {float:left; width:48.5%;}
.home #marge2 + #main2 {float:right; width:48.5%;}

.observatoire #marge2 {float:left; width:48.5%;}
.observatoire #marge2 + #main2 {float:right; width:48.5%;}

#header > .wrapper, #content > .wrapper, #footer > .wrapper, #menupp > .wrapper{width:990px; margin:0px auto;position:relative;}
body > .wrapper {z-index:20; position:relative;}
    body.habillage > .wrapper{margin-top:149px;padding-left:2px;}
/*@media only screen and (min-width : 990px) {
    body > .wrapper {width:990px; margin:0px auto;}
}*/
/******************************************/
/******************  ENTETE  **************/
/******************************************/
#header > .wrapper{padding:10px 0px 15px 0px;}
#content > .wrapper{padding-top:10px;}
#head2 {display:table;width:100%;}
#head2 li{display:table-cell; margin:0; padding:5px;text-align:center;}
#deconnexion{float:right; margin:5px 4px 0 0; padding-left:8px; background-image:url('../images/point.gif'); background-repeat:no-repeat; background-position:1px center;}

#header .reseauxSociaux {width:990px; margin:0px auto;text-align:right;}
.reseauxSociaux a{display:inline-block; margin:2px 5px; border-radius:2px; vertical-align:top;}
.reseauxSociaux i{display:inline-block;}

.addthis_sharing_toolbox .addthis_20x20_style .at300bs{display:inline-block; margin-left:2px; border-radius:2px;background-repeat:no-repeat; height:24px !important; width:24px !important;}
.addthis_sharing_toolbox .addthis_20x20_style .at300bs.at15t_email{background-image:url(../images/mail.png); background-position:0 0 !important;}
.addthis_sharing_toolbox .addthis_20x20_style .at300bs.at15t_facebook{background-image:url(../images/fb.png); background-position:0 0 !important;}
.addthis_sharing_toolbox .addthis_20x20_style .at300bs.at15t_twitter{background-image:url(../images/twitter.png); background-position:0 0 !important;}

#header {text-align:center;position:relative;}
 #logo{display:inline-block;}
 #recherche {position:absolute;top:20px;left:10px;}
 #dateJour {position:absolute;top:55px;left:10px;font-size:.9em;}

#espace_perso {position:absolute;top:20px;right:0px;text-align:right;display:table;border-spacing:10px;}
#espace_perso .gros {font-weight:bold; font-size:0.8em;}
#espace_perso .petit {font-size:0.8em;}
#espace_perso .b5{padding:2px 6px; border-radius:2px; font-weight:bold;border-right:0;}
#espace_perso a {padding-right:10px; height:25px;border-right:1px #000 solid;display:table-cell;vertical-align:middle;}
#espace_perso .siAuthKo span, #espace_perso .siAuthOk span{display:block;}
#espace_perso .siAuthKo, #espace_perso .siAuthOk{display:none;}

#header .pub {margin:14px auto;}
.pub {position:relative; margin-bottom:10px;}
.pub > div, .pub > a{position:absolute; top:0; left:0; overflow:hidden;height:inherit;width:inherit;}
.pub > div{z-index:1;}
.pub > a{z-index:10; background-color:transparent;behavior:url(css/PIE.htc);}

#pub9 .pub {margin:5px auto;}
#pub17 {position:sticky;top:0px;z-index:10}
#pub17 .pub {margin:5px auto 15px auto;}

#menupp {position:relative;}
#menupp ul{margin:0;}
#menupp ul ul{position:absolute;top:auto;left:auto;width:200px;display:none;padding:5px}
#menupp ul ul li,
#menupp ul ul a{display:block;text-align:left;}
#menupp ul ul a{padding:2px;}
#menupp ul li.hover ul{display:block;z-index:60;}
#menupp a {display:inline-block; margin:0px 3px;}
#menupp a.active {text-decoration:underline;}
#menupp .niv0 .li10 ul {left:none;right:auto;}
#menupp + .b1 {text-align:right;height:34px;padding:0px 5px; margin-bottom:5px;}

#recherche .recherche {width:155px; margin-right:4px;}
#recherche input{vertical-align:middle;}



#breadCrumb {text-align:left;padding:0px 5px 20px 2px;}

#formNlHaut {display:inline-block;}
#formNlHaut  input{border-width:0px;}


.filMoteur {position:relative; background-color:#000; margin-bottom:40px; padding:10px; padding-left:0px;}
.filMoteur .nbResult{color:#000; position:absolute; bottom:-30px; left:0px;}
.filMoteur .row_bt{background-color:transparent;height:auto;position:absolute; bottom:-35px;right:0px;margin:0;z-index:150;}
.filMoteur .row_bt .annuler{background:#000; margin-left:5px;}
.filMoteur .row_bt .annuler, .filMoteur .row_bt input{height:26px !important!;line-height:26px;font-size:1em; padding:2px 6px;top:0;display:inline-block;}
.filMoteur .row,
    .filMoteur .row_chk{float:left; display:inline-block; clear:none; text-align:right; min-height:22px;}
.filMoteur.impair .row,
    .filMoteur.impair .row_chk{width:33.33%;}
.filMoteur.pair .row,
    .filMoteur.pair .row_chk{width:50%;}
.filMoteur .row_chk label{float:none;}
.filMoteur .row input, .filMoteur .row select{width:95%;}
.filMoteur .row_liste{/*position:relative;*/}
.filMoteur .row_liste label{width:138px;}
.filMoteur #row_DEPARTEMENT.row_liste .rad label{width:32px;}
.filMoteur .row_liste > label{margin:0px;color:#000;background:#fff;width:19%;margin-left:5%; padding-left:1%; text-align:left;}
.filMoteur .row_liste .row_rad_liste_selecteur{width:75%;height:inherit;}
.filMoteur .row_rad_liste_selecteur{height:22px;overflow:hidden; background:#fff; color:#000;cursor:pointer;}
.filMoteur .row_rad_liste{display:none;position:absolute;top:40px;right:0px;background:#000;z-index:151;width:100%;}
.filMoteur .row_rad_liste .rad{width:25%;float:left;}
.filMoteur .row_rad_liste .optGroupe{clear:both; text-align:left; padding-top:10px;}
.filMoteur .row_rad_liste .titreGroupe{margin:0 10px; border-top:1px solid #fff; text-transform:uppercase;}
.filMoteur #row_DEPARTEMENT .row_rad_liste .rad{white-space:nowrap;width:10%;float:left;}
.filMoteur .row_rad_liste .rad input{width:auto; margin:0 10px;float:right;height:21px;}
.filMoteur .row_rad_liste .rad label{float:none; display:block; margin-right:33px;}
.filMoteur .jaf_ListeChoixMultiple_decocher{display:inline-block;margin-right:540px;line-height:37px;}


.navMoteur, .alphabet {text-align:center; font-size:1.2em; padding-top:5px; margin-bottom:10px; font-weight:bold; border-bottom:2px #000 solid; border-top:2px #000 solid;}
.navMoteur .MoteurNavigation a, .alphabet a{ padding:1px 10px; display:inline-block;}
.navMoteur .MoteurNavigation a:hover, .alphabet a:hover, .navMoteur .MoteurNavigation span{ padding:0px 9px; display:inline-block; border:1px #000 solid;}
.alphabet {font-size:.8em;  margin-bottom:5px;}
.alphabet a{padding:1px 7px;}
.alphabet a:hover{padding:0px 6px;}
.navMoteur .rowCountPerPage{display:inline-block;font-weight:normal;float:right;}
.navMoteur .zoomEtPrint{display:inline-block;float:left;}

.zoomEtPrint span{display:inline-block;}
#zoomPlus span {background:transparent url(../images/zoomPlus.png) 0 0 no-repeat; width:24px; height:24px; /*sprite google*/}
#zoomMoins span {background:transparent url(../images/zoomMoins.png) 0 0 no-repeat; width:24px; height:24px; /*sprite google*/}
#print span {background:transparent url(../images/print.png) 0 0 no-repeat; width:24px; height:24px; /*sprite google*/}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#zone_annonces .b3 {position:relative; left:-15px; padding:2px 10px; width:152px;}
#zone_annonces .sliderPA {min-height:140px; overflow:hidden; float:right; width:490px; background:transparent url('../images/pa_home.png') 0 0 no-repeat;padding-left:50px;}
#zone_annonces .annonce {display:block;}
#zone_annonces .annonce .encadre{border-color:#000;}
#zone_annonces .clear {margin-bottom:10px;}
#zone_annonces > a {font-size:0.8em;}
#zone_annonces > p {margin-bottom:0;font-size:0.8em;}
#zone_annonces  li {margin:0;}

#zone_steps {position:relative;}
#zone_steps #videoplayer {display:block; height:280px; width:340px;}
#zone_steps #etCommercial {position:absolute;bottom:300px; left:320px;}
#zone_steps h2.titreHome {margin-bottom:2px; font-size:2.6em; letter-spacing:9px;}
#zone_steps h2{text-align:center; font-size:3.6em; font-family:Open Sans Condensed; border-top:1px #000 solid;}
#zone_steps #step_video {float:left; width:50%;}
#zone_steps #step_photo {float:right; width:50%; text-align:right;}
#zone_steps #step_photo .nivoSlider {display:block;overflow:hidden;width:341px;height:281px; margin-left:12px;}

.blogtheme{border:10px #fff solid;overflow:hidden;position:absolute;z-index:0;background:#fff;}
#blogtheme1{
z-index:31;width:100px;height:103px;bottom:35px;right:25px;
-moz-transform:rotate(-5.5deg);
-webkit-transform:rotate(-5.5deg);
-o-transform:rotate(-5.5deg);
transform:rotate(-5.5deg);
}
#blogtheme2{
width:139px;height:120px;top:120px;right:130px;
-moz-transform:rotate(5.5deg);
-webkit-transform:rotate(5.5deg);
-o-transform:rotate(5.5deg);
transform:rotate(5.5deg);
}
#blogtheme3{
width:139px;height:115px;top:110px;right:17px;
-moz-transform:rotate(-5.5deg);
-webkit-transform:rotate(-5.5deg);
-o-transform:rotate(-5.5deg);
transform:rotate(-5.5deg);
}
#blogtheme4{
width:139px;height:92px;top:12px;right:15px;
-moz-transform:rotate(5.5deg);
-webkit-transform:rotate(5.5deg);
-o-transform:rotate(5.5deg);
transform:rotate(5.5deg);
}
#blogtheme5{
width:139px;height:100px;top:15px;right:155px;
-moz-transform:rotate(-5.5deg);
-webkit-transform:rotate(-5.5deg);
-o-transform:rotate(-5.5deg);
transform:rotate(-5.5deg);
}
#zone_blogs{padding:5px 100px 15px 15px; margin:10px 0;position:relative;}
#zone_blogs a{display:block;}
#zone_blogs h2.titreHome{border:0; text-align:left; margin-bottom:0px;}
#zone_blogs h2.titreHome:before, #zone_blogs h2.titreHome:after{border:0;}
#p1 {font-size:1.3em;width:270px; text-align:LEFT}
#p2 {font-size:1.8em;width:395px;text-align:center; padding:10px;}
#p2 span {font-family:'SourceSansPro', sans-serif;}
#zone_blogs .question{
background-image:url('../images/quotes.png');
background-repeat:no-repeat;
background-position:15px 15px;
z-index:30;
padding:10px;

}


#zone_abo {text-align:center;}



.blog_home .blogListe {display:table;}
.blog_home .keywords {font-weight:bold;}
.blog_home .section {font-weight:bold;}
.blog_home .theme {font-weight:bold;}

.blog_home .blogListe {margin:-10px;}
.blog_home .blog {display:table-cell;width:25%;}
.blog_home .blog .wrapper{padding:5px;margin:10px;height:150px;}
.blog_home .blog .libelle{padding:5px 10px;font-family:'SourceSansPro';font-size:1.5em; line-height:25px; position:relative; right:22px;width:101%;margin-bottom:16px}

#poserUneQuestion {position:relative;font-weight:bold;font-family:'SourceSansPro';text-align:center;}
#poserUneQuestion a {position:absolute;top:0;font-size:1.5em;font-weight:bold;font-family:'SourceSansPro';text-align:left;}
#poserUneQuestion a.b7 {right:0;}
#poserUneQuestion a#toutesQuestion {left:0px;}
/******************************************/
/**************  paramPicker  *****************/
/******************************************/
#paramPicker .type {margin-bottom:20px;}
#paramPicker .typeLibelle {text-align:center; text-transform:uppercase; font-size:2em;}
#paramPicker .typeLibelle2{font-size:1.3em; text-transform:uppercase; border-top:1px solid #000;}
#paramPicker .typeLibelle3{font-size:1.15em;}

#paramPicker .paramLibelle {width:25%; float:left;}
#paramPicker .params{margin-bottom:15px;}
#paramPicker #type5 .paramLibelle, #paramPicker #type6 .paramLibelle {width:7%; float:left;}




/******************************************/
/**************  LEFT  *****************/
/******************************************/
#marge2 .cvTitre {text-align:center;font-size:2em;font-weight:bold;}
#marge2 .metiers img{width:100%;}
#marge2 .metiers .metier {text-align:left;}
#marge2 .metiers .metier:first-letter {font-weight:bold;}
#marge2 .metiers h2 {border-bottom:1px #000 solid; font-weight:bold; font-size:1.1em; margin:10px; margin-top:0px; padding-bottom:10px;}
#marge2 .publier {padding:2px 10px;text-align:left;display:inline-block; width:100%; position:relative;left:-20px;margin-bottom:15px;}

#marge2 .experts  {padding:15px;}
#marge2 .experts .plusBio {float:right; margin:5px 0px;}
#marge2 .experts .bio {display:none;}
#marge2 .experts .illustration {margin-top:10px;background:#fff; padding:5px; box-shadow:0 0 10px #000;}
#marge2 .experts #nosExperts {background:#fff; text-align:center; font-size:2.2em; margin:-5px 0px 10px;
    -moz-transform:rotate(-2.0deg);
    -webkit-transform:rotate(-2.0deg);
    -o-transform:rotate(-2.0deg);
    transform:rotate(-2.0deg);
}
#marge2 .experts #nosExperts .wrapper {
    -moz-transform:rotate(2.0deg);
    -webkit-transform:rotate(2.0deg);
    -o-transform:rotate(2.0deg);
    transform:rotate(2.0deg);
}

/******************************************/
/**************  RIGHT  *****************/
/******************************************/
.mag {text-align:center; display:block; font-weight:bold; margin-bottom:10px;}
.mag img  {width:100%;}
#fb {margin-bottom:10px;}

#rightMenu > li {display:none;}
#rightMenu > li.active_li {display:list-item;}

#marge .menu {margin-bottom:10px;}
#marge .menu ul{list-style:none; text-align:left;}
#marge .menu li{margin:0; padding-left:15px;}
#marge .menu .wrapper > ul > li{border-bottom:1px #000 solid;}
#marge .menu .active{color:#897a5a;}
#marge .menu .logout {text-align:right; padding-right:15px;}

#marge .sondage h2 {text-align:center;}
#marge .sondage .label {display:block;text-align:left;width:inherit;float:none;}

#marge .annotation {padding:10px;margin-bottom:10px;}



/******************************************/
/**************  STYLES ANNONCES  *****************/
/******************************************/

.texte_blanc {color:#ffffff;}
.texte_bleu {color:#00adef;}
.texte_gris {color:#d1d3d4;}
.texte_jaune {color:#fff200;}
.texte_noir {color:#000;}
.texte_orange {color:#f7931d;}
.texte_rouge {color:#ed1c24;}
.texte_vert {color:#55ae49;}

.fond_blanc {background-color:#ffffff;}
.fond_bleu {background-color:#00adef;}
.fond_gris {background-color:#d1d3d4;}
.fond_jaune {background-color:#fff200;}
.fond_noir {background-color:#231f20;}
.fond_orange {background-color:#f7931d;}
.fond_rouge {background-color:#ed1c24;}
.fond_vert {background-color:#55ae49;}

.gras {font-weight:bold;}
.annonce {margin-top:15px;}
.annonce > .encadre {border:1px red solid;}

.annonce .b8 {margin-bottom:5px;font-size:1.2em;}
.annonce .b8 .wrapper {margin-bottom:0px;}
.annonce .wrapper img {float:left; margin-right:10px;}
.annonce .wrapper{padding:10px; margin-bottom:5px; overflow:hidden;}
.annonce .actions{text-align:right;vertical-align:middle; border-bottom:1px #000 solid;}
.annonce .date{float:left;}
.annonce .reference{float:left; margin-left:5px;}
.addthis_toolbox {display:inline-block; width:90px;}

.annonce .gestion {float:right;width:40%;}
.annonce .gestion + .wrapper {float:left;width:60%;box-sizing:border-box;}
.annonce .gestion .stats {float:left;width:50%;box-sizing:border-box;}
.annonce .gestion .btn {float:right;width:50%;box-sizing:border-box;}
.annonce .gestion .btn  a{display:block; text-align:center;padding:2px;margin:2px 0px;}
.stats th,.stats td {border-bottom:1px #000 solid;text-align:left;padding:2px 5px;}

.candidature {width:500px;}

.titrePremium {font-size:2em;text-align:center;margin-bottom:15px;height:46px;}

/******************************************/
/**************  CONTACT  *****************/
/******************************************/

/******************************************/
/**************  CARTE/OBSERVATOIRE  *****************/
/******************************************/
#carte {position:relative;}
#carte .point {position:absolute;}
#carte .point .libelle {display:none;}
.observatoire h1 .sous_titre{font-size:10px; font-weight:normal; margin-left:15px;}
.observatoire ul {list-style:none; margin-top:10px;}
.observatoire ul li{margin:0px; margin-top:5px;}
.observatoire ul li img{vertical-align:middle; margin-right:5px;}
.observatoire #carte{height:503px; width:462px; position:relative; float:left; background:url('images/carte.gif') no-repeat; overflow:hidden;}
.observatoire #carte .point{position:absolute;}
.observatoire #carte .point img{vertical-align:-3px; margin-right:5px;}
.observatoire #carte .point .libelle{display:none;}
.observatoire #carte .point:hover .libelle{display:inline;}
.observatoire #carte .point.hover .libelle{display:inline;}
.observatoire #tarifs{width:470px; float:right;}

.observatoire #tarifs #national .titre{color:#01337c; font:bold 14px 'Trebuchet MS'; margin-bottom:20px;}
.observatoire #tarifs #national .description{width:250px; float:right;}
.observatoire #tarifs #national ul li{color:#01337c;}
.observatoire #tarifs #national table{border-collapse:collapse; background:url('images/fonds/obs_tableau_national.gif'); float:left; width:202px;}
.observatoire #tarifs #national table td{width:101px; padding:5px; vertical-align:top;}
.observatoire #tarifs #national table td img{margin-right:5px; vertical-align:middle; margin-bottom:5px; float:left;}
.observatoire #tarifs #national table th{color:#fff; font:normal 13px 'Trebuchet MS'; height:24px;}
.observatoire #tarifs #national table .forfait{background:url('images/fonds/obs_tableau_bleu_haut.jpg');}
.observatoire #tarifs #national table .horaire{background:url('images/fonds/obs_tableau_bleu_haut.jpg') right;}
.observatoire #tarifs #national table .bas_gauche{background:url('images/fonds/obs_tableau_bleu_bas.jpg') bottom left no-repeat;}
.observatoire #tarifs #national table .bas_droite{background:url('images/fonds/obs_tableau_bleu_bas.jpg') bottom right no-repeat;}

.observatoire #tarifs #ville .titre{color:#b93326; font:bold 14px 'Trebuchet MS'; margin-bottom:20px; margin-top:50px;}
.observatoire #tarifs #ville .description{margin-top:20px; margin-bottom:30px;}
.observatoire #tarifs #ville ul li{color:#b93326;}
.observatoire #tarifs #ville table{border-collapse:collapse;}
.observatoire #tarifs #ville table .forfait{background:url('images/fonds/obs_tableau_forfait.jpg');}
.observatoire #tarifs #ville table .horaire{background:url('images/fonds/obs_tableau_horaire.jpg') top right no-repeat;}
.observatoire #tarifs #ville table td{width:60px; overflow:hidden; padding:3px; vertical-align:top; text-align:center; background:#fff url('images/fonds/obs_tableau_border.gif') no-repeat;}
.observatoire #tarifs #ville table .border_none{background-image:none;}
.observatoire #tarifs #ville table th{color:#fff; height:24px; font:normal 13px 'Trebuchet MS'; overflow:hidden; border-width:0px;}
.observatoire #tarifs #ville table .haut_gauche{border-width:0px; background:url('images/fonds/obs_tableau_angle_haut_gauche.gif') no-repeat;}
.observatoire #tarifs #ville table .bas_gauche{border-width:0px; background:url('images/fonds/obs_tableau_angle_bas_gauche.gif') bottom left no-repeat;}
.observatoire #tarifs #ville table .bas_droite{border-width:0px; background:url('images/fonds/obs_tableau_angle_bas_droite.gif') bottom right no-repeat;}
.observatoire #tarifs #ville table .bas{border-width:0px; background:url('images/fonds/obs_tableau_bas.gif') top right no-repeat;}
.observatoire #tarifs #ville table .droite{border-width:0px; background:url('images/fonds/obs_tableau_droite.gif') top right no-repeat;}
.observatoire #tarifs #ville .erreur{text-align:center; margin:60px;}


/******************************************/
/**************  FORMATS FICHES  *****************/
/******************************************/
.ficheFooter .prev{float:left;}
.ficheFooter .next{float:right;}
.ficheHeader .zoomEtPrint{float:left;}
.ficheHeader .back{float:right;}

/******************************************/
/**************  FORMATS LISTES  *****************/
/******************************************/
/** annuaire */
.liste1 {margin:0px -5px;}
.liste1 .elem .wrapper{border-top:3px #000 solid; margin:5px; padding-top:5px;}
.liste1 .elem.mise_en_avant .wrapper{border-color:#897a5a;}
.liste1 .elem .illustration{display:block; margin:0px auto; /*border-bottom:2px #897a5a solid;*/ padding-bottom:10px;}
.liste1 .elem .libelle{}
.liste1 .elem,
.liste1.l1 .elem{width:33.33%;float:left;}
.liste1.l2 .elem{width:50%;float:left;}
.liste1.l3 .elem{width:100%;}
.liste1.l3 {margin:0px;}
.liste1.l4 .elem{width:20%;float:left;}

/*
.liste2 .actu{min-height:290px;padding-left:30%;position:relative; margin-bottom:30px; background-position:top left; background-repeat:no-repeat;cursor:pointer;}
.liste2 .survol{width:100%;box-sizing:border-box;margin-top:30px; padding:10px 20px; float:right;}

*/
/**
 * ACTUALITE
 */
.liste2 .survol  {width:100%;}
.liste2 .actu  {padding-left:0px;min-height:0px;margin-bottom:20px;position:relative;}
.illustration {float:none;box-sizing:border-box;max-width:40%;margin:0px auto;display:block;}
.liste2 .illustration {width:30%;float:left;padding-right:10px;box-sizing:border-box;}
.liste2 .illustration img{width:100%;}
.liste2 .resume {clear:right;margin-bottom:20px;}
.liste2 .date{float:left;}
.liste2 .theme{float:right;}


/******************************************/
/****************  Présentation d'un RIB  **************/
/******************************************/
#RIB {margin:0px auto; width:400px;}
#RIB input{width:100px;}
#RIB fieldset{margin:5px 5px 20px 5px; border-color:#897a5a; float:left;}
#RIB input{border:1px white solid; text-align:center;}
#RIB #iban{width:222px;}
#RIB #iban input{width:220px;}
#RIB #bic{width:92px;}
#RIB #bic input{width:90px;}
#RIB #valider{text-align:center;}

#ggmap {height:300px;}
/******************************************/
/****************  SONDAGES  **************/
/******************************************/
.sondage .legend {display:none;}


/******************************************/
/***************  ABONNEMENT 1 FORFAIT  **************/
/******************************************/
#tabAbonnement {padding:0; margin:0 auto; border:0; border-spacing:3px;}
#tabAbonnement thead th{border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; color:#fff;}
#tabAbonnement thead th div{position:relative; padding:5px 0 80px;}
#tabAbonnement thead th h2{padding:0; height:45px; overflow:hidden; text-transform:uppercase;  font:normal 16px 'SourceSansPro'; color:#fff;}
#tabAbonnement .montant {position:absolute; left: 0; bottom:35px;  font:normal 26px 'SourceSansPro'; color:#fff; text-align:center; width:105px;}
#tabAbonnement .montant .mens{font-size:18px;}
#tabAbonnement .montant sup{font-size:18px;}
#tabAbonnement .montant .mini{font-size:18px;}
#tabAbonnement .souscrire {position:absolute; left:20px; bottom:10px; background:#fff url(../images/dbl-fle.png) 58px 7px no-repeat; border:0; border-radius:4px; font-size:15px; line-height:21px; text-align:right; display:inline-block; padding:0px 20px 0px 5px}
#tabAbonnement .souscrire.active {background-color:#000; background-image:url(../images/dbl-fle-ccc.png); color:#fff;}
#tabAbonnement tbody th,
#tabAbonnement tbody td{border-bottom:2px solid #000; vertical-align:middle; font-size:16px; font-weight:normal; height:38px; text-align:center;}
#tabAbonnement thead th.selection{border:0; border-bottom:2px solid #000; color:#000; vertical-align:bottom; text-align:left; padding:0 0 10px 10px; background:url(../images/dbl-fle.png) 82px 104px no-repeat;}
#tabAbonnement tbody td, #tabAbonnement .col{width:106px;}
#tabAbonnement .c1 {background:#5b5b5b;}
#tabAbonnement .c2 {background:#4a4a4a;}
#tabAbonnement .c3 {background:#393939;}
#tabAbonnement .c4 {background:#282828;}
#tabAbonnement .c5 {background:#171717;}
#tabAbonnement .c6 {background:#000000;}
#tabAbonnement .c7 {background:#62283e;}
#tabAbonnement .c8 {background:#551b31;}
#tabAbonnement .illimite {font-size:14px; font-style:italic;}
#tabAbonnement .visualiser {font-size:18px; font-style:italic;}



/******************************************/
/***************  Formation  **************/
/******************************************/
.formation .resume{margin-bottom:10px;}
.formation .actions a{display:inline-block; margin-bottom:1px; padding:1px 4px;}

/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#galerie{background:#fff; padding:4px;}
#galerie img{display:inline-block; margin:3px; width:155px; height:155px;}

/** reseauxSociaux */
#footer .reseauxSociaux{}
#footer .reseauxSociaux a{margin-bottom:2px 5px;}

/** menu1 */
#footer .liens {float:left; width:68%;}
#footer #foot1 > li{list-style:none;margin-left:0;padding-bottom:20px;}
#footer #foot1 > li:after{display:block;content:'';clear:both;}
#footer #foot1 ul {margin-top:10px; margin-left:10px; list-style:none;}
#footer #foot1 ul > li {float:left; width:33%; margin:0;}
#footer #foot1 a {background-image:url('../images/point.gif'); background-repeat:no-repeat; background-position:left center; padding-left:8px;}

/** formulaire contact */
#conteneurForm-etape-137-0 {float:right; width:32%;}
#conteneurForm-etape-137-0 h4 {border:0; font-size:1em; margin-bottom:0px; text-align:left;}
#conteneurForm-etape-137-0 h4:before, #conteneurForm-etape-137-0 h4:after {border:0;}

#footer .liens, #footer #miniContactTitre {padding-top:30px;}
#footer {clear:both;}
#footer .wrapper  {padding-bottom:30px; position:relative;}
#footer  label{display:none;}
#footer .row, #footer  .row_are{padding:5px; border-radius:1px; margin:10px 0px;}
#footer .row input, #footer  .row_are textarea{width:100%; border:0; color:#909090; background:none;}
#footer .row_are textarea{height:90px;}
#footer .row_captcha input{margin-left:0px;}
#etape-137-0 {padding-right:30px;}


#fb,
.fb-page,
.fb_iframe_widget {
  display: block !important;
  width: 100% !important;
  min-height: 300px !important; /* Ajuste selon la taille souhaitée */
  overflow: visible !important;
}

#fb iframe {
  width: 100% !important;
  min-height: 300px !important;
}