/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/ CONFIGURATION DE L'EDITEUR DE PAGE /-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

.c-contenu__standard {font-family: 'Titillium Web', sans-serif;}
#spec > * { margin:0; padding:0; }
#spec .messages{width:100% !important}/* width + 4 */
#blocEditor{width:100%;box-sizing:border-box;padding:20px;background:#2e3b55 ;border:1px solid #ABADB3;-webkit-text-size-adjust: 100%;   font-size: 62.5%;}
#spec fieldset, #submitButton{width:710px;}

#blocEditor p { margin:0; margin-top:5px; }
#blocEditor input, #blocEditor textarea { width:auto !important; }

#toolbox {
   -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
   background:rgb(238,237,237);
   color:#373737;
   border:1px #6b6b6b solid;
   padding:1% 2% 1.7%;
   position:absolute;
   width:94%;
   text-align:center;
   display:none;
   z-index:101;
   height:24px;
   margin-left:1%;
   margin-top:1%;
}
#toolbox a { text-decoration:none; }
#toolbox img { border:0; margin:0; margin-right:5px; cursor:pointer; }

#toolbox p{margin:0;height:24px;}
#toolbox p.elt{text-align:left;float:left;width:180px;padding-top:2px;}
#toolbox p.elt img{cursor:default}
#toolbox p.elt span{position:relative;top:2px}
#toolbox p.elt img{vertical-align:middle}
#toolbox p.actions{float:left;width:320px;margin-left:30px;background:#282828;padding:3px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#toolbox p.actions span{position:relative;top:4px;cursor:pointer;padding:0 3px;font-size:14px;color:#fff;}
#toolbox p.actions span:hover{color:#e31318;}
#toolbox p.fleches{float:right;margin:6px 0px 0 0;}

#addButtons img { cursor:pointer; }

.left { float:left; }
.right { float:right; }

h1,h2,h3,h4,h5{font-weight:normal;}

.no-img img {width:100% !important}


/* -/-/-/-/-/-/-/-/-/ RECLASSEMENT /-/-/-/-/-/-/-/-/-/-/- */

#parentDePage{
   position:relative;
}
#reclassement{
   /*display:none;*/
   width:170px;
   position:absolute;
   right:-190px;
   top:0;
   background:url(../img/gestionnaire/bg_reclassement.gif) repeat-y left;
   padding-bottom:15px;
}
#reclassement ul{
   margin:0;padding:0;
}
#reclassement ul li{
   margin:0;padding:0;
   list-style-type:none;
}
#reclassement p#headline{margin:0;background:url(../img/gestionnaire/headline.gif) no-repeat 0 0;padding:0 0 10px 30px;color:#666;}
#reclassement ul li a{font-family:"Roboto","Arial", sans serif;font-weight:bold;cursor:pointer;margin-bottom:3px;position:relative;padding:8px 0 0 33px;display:block;width:137px;height:22px;color:#373737;background:url(../img/gestionnaire/onglet_classement.gif) no-repeat 0 0}
#reclassement ul li a:hover{text-decoration:none;background-position:0 -30px;}
#reclassement ul li a img{position:absolute;top:3px;left:3px}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/ D�CLARATIONS SPECIFIQUES AU SITE /-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */


#gestionnaire_contenu h4{font-weight:normal;padding:5px 7px;color:#fff;background:#7dbc2e;font-size:14px;border-bottom:1px #8c8071 solid}

#fancybox-title-main{color:#5d5d5d}
#blocEditor .highlight{color:#666}
#blocEditor .encart_highlight{color:#b90031}

#margeCMS{margin:0px 0px 0px 20px}

#body{margin:0;color:#526892;padding:0 0 60px;}
#body,#blocEditor,.ui-widget-content #blocEditor a{font-family:'Roboto','Georgia', 'Arial', sans-serif;}
#body:after{clear:both;content:"";display:table;}

#body ul,#body ol,#contrat ul {
   padding:20px 20px 10px;background:#526892;font-size:16px;color:#fff;line-height:26px;overflow:hidden;
}
#body ul li, #body ol li{margin:0 0 5px 20px; background-size:10px 10px;padding-left:20px; color:#fff;}
#body .highlight2 ul li {color:#2e3b55;}
#body #creditsLeb ul li{background-position:0 23px}
#body #creditsLeb ul li a{display: block;}

#body ul ul,#body ol ol{padding:20px 40px 10px;margin-top:10px;border:none;background:#e3f1f8}
#body ul a,#body ol a{color:#fff;font-weight:500;text-decoration:underline}
#body ul a:hover,#body ol a:hover{text-decoration:none}

#body ul li ul li{padding-left:0;background:transparent;list-style:circle}
#body ol li ol li{margin-left:10px;}

#contrat ul li ul li{list-style:circle;background:transparent;padding-left:0;padding-right:10px;}

#spec {
   /*color:#424242;*/
   font-weight:300;
   line-height:22px;
   width:100%;
   margin:10px 0 30px 0;
   font-family:'Roboto', Arial, helvetica, sans-serif;
}

#body .img img{width:100%}

.c-box-content{margin-bottom:40px;font-weight:400;}
.c-box-content.ttl{margin-bottom:20px}

.c-contenu__standard{font-size:1.6rem;line-height:2.4rem;}
.c-contenu__article h2{font-size:2.0rem;line-height:2.6rem;font-weight:bold;}
.c-contenu__highlight{background:#fff;padding:15px;text-align:justify}

@media (min-width:60em){
   .c-contenu__standard{font-size:1.8rem;line-height:2.6rem; font-family: 'Titillium Web', sans-serif;}
   .c-contenu__article h2{font-size:2.4rem;line-height:3.2rem;}
}

.c-mos-img{display: flex;flex-flow:row wrap}
.c-mos__tiers{width:100%;margin:0 0 30px 0;height:auto}
.c-mos-img img{display: block;width:100%}
.c-box-content ul,.c-box-content ol{padding:30px;margin:0;background:#eee;}
/*.c-box-content ul li{list-style:none;position:relative;padding-left:20px;margin-bottom:12px}
.c-box-content ol li{position:relative;margin-bottom:12px}
.c-box-content ul li:nth-child(2n+1),.c-box-content ol li:nth-child(2n+1){font-weight:600}
.c-box-content ul li:before{content:"";position: absolute;display:block;top:50%;width:8px;height:8px;background:#526892;left:-1px;font-size:5rem;color:#526892;line-height:0;margin-top:-4px;font-weight:normal}*/

a.c-doc{display: block;background:#526892;padding:25px 20px;display: flex;flex-flow:row wrap;color:#fff;font-size:1.8rem;font-weight:bold;align-items:center;transition:all .3s ease}
/* blocEditor */.ui-widget-content a.c-doc{color:#fff;font-size:18px;}
#blocEditor span.c-doc__legende{font-size:14px;}
a.c-doc:hover{background:#2e3b55; color:#e51445;border:1px solid #e51445;}
span.c-doc__legende{font-weight:500;font-size:1.4rem;margin-top:5px;display: block;}
span.c-doc__svg{display:block;width:40px;height:50px;margin:0 15px;}
span.c-doc__svg svg{display:block;width:40px;height:50px;}
span.c-doc__svg svg .st0{fill:#2e3b55}
a.c-doc:hover span.c-doc__svg svg .st0{fill:#e51445;}

.svg__doc-gc{width:40px;height:50px;}

.c-diapo__big img{width:100%;display: block;}
.c-diapo__min{display: flex;flex-flow:row wrap;padding:15px 0 0}
.c-diapo__min .minstat{width:10%;margin-right:15px;background:#526892}
.c-diapo__min .minstat img{width:100%;display: block;opacity:0.5}
.c-diapo__min .minstat.cycle-pager-active img{opacity:1}



/* -/-/-/-/-/-/-/-/-/-/-/-/- GESTION DES MARGES POUR TOUS LES BLOCS -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#body form div.clear {margin:0px;}
#body div.txt table,#body ul,#body ol,#contrat ul,img.largeurTotale,div.vdo{margin:0 0 40px}
@media (max-width:45em){#body div.txt table{display:block;overflow-x:scroll}}
#body .img.left{margin-bottom:40px}
#body div.left{margin-right:40px}
#body div.right{margin-left:40px}
#body div.txt p:last-child{padding-bottom:0;margin-bottom:0}

/* -/-/-/-/-/-/-/-/-/-/-/-/- GESTION DES IMAGES EN MOSAIQUE -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5{margin-left:1% !important;margin-right:1% !important;} 
#body .imgLarg2{width:48% !important;}
#body .imgLarg4{width:23% !important;}
#body .imgLarg5{width:18% !important;}
#body .imgLarg3{width:31% !important;}
.c-elem__clearTop{display:block;clear:both}

/* margin top image en mosaique au cas ou flottant dans un bloc highlight */
#body .imgLarg2,#body .imgLarg3,#body .imgLarg4,#body .imgLarg5{margin-top:1%}

.clear{clear:both}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- CONTENU -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

#contenuDeLaPage #body h1{text-transform:uppercase;font-size:26px;color:#fff;background:#526892;padding:25px 10px 5px 10px;margin-bottom:20px;}


#body h2{color:#333;font-size:24px;margin-bottom:20px;padding-bottom:8px;transition:all .3s ease}
#spec h2{line-height:32px;}
#body h2.cliquableMasque{cursor:pointer;background:url(../img/gestionnaire/hand.png) no-repeat 0 center;padding-left:25px;}
#body h2.cliquableMasque:hover{background-color:#edece7;padding:15px 0 15px 35px;background-position:10px center}
#body h2.cliquableMasque span.icoDeroule{width:10px;height:13px;background-position:-92px -245px;margin-left:7px;position:relative;top:-1px;}

/* SOUS TITRE AFFICHAGE FOND */
#body h2{padding:10px 20px;margin-bottom:10px;color:#e51445;font-size:20px;font-family:"Titillium Web","Roboto","Arial", sans serif;font-weight: 700;}
#body h2.cliquableMasque{cursor:pointer;background:transparent url(../img/gestionnaire/hand-white.png) no-repeat 15px center;padding-left:50px; color:#e51445; border:1px solid #e51445;}
#body h2.cliquableMasque:hover{background-color:#e51445;padding:15px 0 15px 50px;background-position:20px center;color:#ffffff}
#body h2.cliquableMasque span.icoDeroule{width:10px;height:13px;background-position:-92px -245px;margin-left:7px;position:relative;top:-1px;}

/* SOUS TITRE AFFICHAGE SANS FOND */
#body h2.h2light{background:#526892;color:#fff;font-size:20px;}
#body h2.h2light.cliquableMasque{cursor:pointer;background:#526892 url(../img/gestionnaire/hand-white.png) no-repeat 15px center;padding-left:50px; color:#fff; border:0;}
#body h2.h2light.cliquableMasque:hover{background-color:#2e3b55;padding:15px 0 15px 50px;background-position:20px center;color:#fff; border:1px solid #526892;}
#body h2.h2light.cliquableMasque span.icoDeroule{width:10px;height:13px;background-position:-92px -245px;margin-left:7px;position:relative;top:-1px;}

#body p.highlight{padding:20px;background:#526892;color:#fff;margin-left:20px;margin-right:20px;}
#body p.ok{padding:20px;}
#body h1#firstHeading{background:#fff;color:#526892;padding:10px 10px 0 5px;font-size:18px;}
#body h1#firstHeading:after{display:none;}
#bodyContent{padding:5px;font-size:14px;}

#body p{font-size: 1.6rem;line-height: 2.6rem;}
@media (min-width:60em){#body p{font-size: 1.8rem;line-height: 2.5rem;}}
#body .c-box-content p,#body .c-box-content p+p,#body .c-box-content p+table,#body .c-box-content p+ul{margin-bottom:40px; color:#fff;}
#body :last-child{margin-bottom:0}
#body p a{color: #e51445;text-decoration:underline;font-weight:700}
#body p a:hover{text-decoration:none;}
#body table td{font-size:16px;line-height:24px;}

#body .eltImg{background:#fff;border:1px #f3f3f3 solid;text-align:center;padding:15px;margin:20px 0}
#body .eltImg img{width:100%}
#body .eltImg p{padding:10px;text-align:center;margin-bottom:0;padding-bottom:0}

/* /-/-/-/-/-/-/-/-/ IMAGES /-/-/-/-/-/-/-/-/-/-/ */

#body p.legende,#body p.legendeImg{margin:0;text-align:center;font-size:15px;background:#526892;padding:10px;margin-bottom: 20px;}
#blocEditor #body p.legende,#blocEditor  #body p.legendeImg{font-size:15px}
#body div.clear img.pleineLargeur{margin:0;vertical-align:middle}
#body .img a{border:none;text-decoration:none !important;color:#2a83ab}
#body .img a .legende{text-decoration:underline !important}
#body .img a:hover .legende{text-decoration:none !important}
#body #item-left{float:left;}
#body #item-right{float:right;}
#body #item-center{text-align:center;}
a.fancy img{text-decoration:none}


/* -/-/-/ TABLEAUX /-/-/- */
#body div.txt table{clear:both;background:#edece7;width:100%;border:1px solid #fff;border-collapse:collapse;/*color:#57563d*/}
#body div.txt table:after{content:"";display:table;clear:both}
#body div.txt table a{text-decoration:underline;color:#526892;font-weight:500}
#body div.txt table a:hover{text-decoration:none;}
#body div.txt table tr{padding:0;margin:1px 0;background-color:#edece7;color:#2e3b55;font-size:16px}
#body div.txt table td{background:#f6fbfd;padding:15px;border:1px #fff solid;}
#body div.txt .highlight2 table td{border:1px #e3f3f8 solid;}
#body div.txt table tbody tr.odd td{background:#ffffff}
#body div.txt table thead tr{background: #526892 !important;}
#body div.txt table tfoot tr{background:#526892 !important;color:#fff}
#body div.txt table thead tr td{background: #526892 !important;color:#2e3b55 !important;}
#body div.txt table tfoot tr td{background:#526892 !important;color:#2e3b55 !important;}
#body div.txt table thead tr td a{color:#fff}
#body div.txt table tfoot tr td a{color:#526892}

/* -/-/-/-/-/- HIGHLIGHT + VIDEO / SWF / ... -/-/-/-/-/-/-/-/ */

#body .encart_highlight2{padding:20px;background:#e7501e;color:#fff;margin-bottom:20px;}
#body .encart_highlight2 p{color:#fff;margin:0;padding:0}
#body .encart_highlight2 a{color:#fff;font-weight:bold;text-decoration:underline}
#body .encart_highlight2 a:hover{text-decoration:none}

#body .highlight2{background:#526892;padding:20px;line-height:26px;font-size:16px;color:#fff;}
#body .highlight2 ul li a{background:none;color:#526892;font-weight:500;padding:0}
#body .highlight2 a:hover{text-decoration:none}
#body .highlight2 p{padding:0;color:#fff;}
#body .highlight2 p a{color:#526892;}
#body .highlight2 table tfoot p{color:#fff;padding:0;margin:0}
#body .highlight2 table thead p{color:#000;padding:0;margin:0}
#body .highlight2 ul{margin-bottom:2%;color:#003261;background:#fff}
#body .highlight2 :last-child{padding-bottom:0;margin-bottom:0;}
#body .highlight2 ul:last-child{padding-bottom:20px}
#body div.txt .highlight2 table thead tr{background: #526892 !important;}
#body div.txt .highlight2 table tfoot tr{background:#526892 !important;}
#body div.txt .highlight2 table thead tr td{background: #2e3b55 !important; color:#fff !important;}
#body div.txt .highlight2 table tfoot tr td{background:#2e3b55 !important; color: #fff !important;}

#body div.legendeVideo,#body div.legendeSWF{margin:0;text-align:center;color:#526892;font-size:14px;background:#fff;padding:15px;}

/* -/-/-/ DOCUMENT /-/-/- */
.cdoc{clear:both;padding-top:10px;}
#body a.linkDoc,#formContact a.linkDoc{display:block;padding:25px 10px 20px 85px;background:#fff url(../img/gestionnaire/bg_doc.png) no-repeat 25px 23px;background-size:42px 47px;font-size:14px;line-height: 22px;text-decoration: none;color:#526892;margin-bottom:25px;border:1px #eeeeee solid;}
#body a.linkDoc span.titre,#formContact a.linkDoc span.titre{font-size:16px;color:#526892;font-weight:500;}
#body a.linkDoc:hover,#formContact a.linkDoc:hover{background-color:#eeeeee;color:#526892;}
#body a.linkDoc:hover span.titre,#formContact a.linkDoc:hover span.titre{color:#526892;}

/* -/-/-/ EXTRAIT ARBO DOCS /-/-/- */
#body .doc h2{margin-bottom:0 !important;padding:20px 0;border-top:1px #eee solid;}
#body .doc p.courant{padding:20px 0 0;}
#body .doc .espace_document{background:#fff;border:1px #eeeeee solid;padding:2% 3% 5%;margin:1% 0% 3%;}
#body .doc .espace_document h3{font-weight:500;font-size:18px;color:#333}
#body div.doc div.treeDoc h4{color:#333;font-size:16px;}
#body .espace_document p.allDoc{font-weight:normal;margin-left:40px;}
#body div.doc .espace_document form select{padding:5px}
#body div.doc div.treeDoc p a{color:#333;font-size:14px;font-weight:300}

#body div.doc form{padding: 0px 0px 20px 0px;margin: 0;background: transparent;border:none;}
#body div.doc form select {
background: #fff;
border: 1px #eee solid;
font-size: 13px;
padding: 4px;
font-weight: bold;
color: #333;
width: 90%;
}

#blocEditor .espace_document p.allDoc{margin:0 0 10px 0;font-weight:bold;}

#zoneLoadMenu form { background: #fff}

#listVdo{padding:10px;}
#recaptcha_table{margin:15px auto !important}

/* -/-/-/ YOUTUBE VIDEO /-/-/- */
.vdo .video {margin:0px 0px 30px 0px;}
.video-container {margin:0 0px 0px 0px;position: relative;padding-bottom: 56.25%; height: 0; overflow: hidden;}

.video-container iframe,
.video-container object,
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* -/-/-/ FORMULAIRE /-/-/- */
#body form,#blocEditor .for{width:100%;padding:3%;margin:10px 0;color:#fff;}
#body #bodyDocument form{width:100%;}

#body form .champ{background:#526892;margin:0 0 3px 0;padding:5px 0; color:#fff !important}

#body form .oblig{background:#444}
#body form .oblig label{font-weight:bold}

#body form .champ .libelle{width:30%;text-align:right;margin-right:10px}
#body form .champ .input{width:60%}
#body form .champ .libelle2{width:35%;text-align:right;margin-right:10px}
#body form .champ .input2{width:55%}
#body form input{font-size:16px;width:250px;margin-bottom:3px}
#body form select{font-size:16px;width:250px;margin-bottom:3px}
#body form textarea{font-size:16px}

#body label,#body .radio label.main,#body .checkbox label.main{color:#526892;display:block;position:relative;font-size:16px;float:none;width:auto;text-align:left;padding:10px 0 6px;margin:0 0 5px;font-size:18px;font-weight:bold;}
#body .checkbox label.main,#body .radio label.main{font-weight:bold;}
#body .checkbox label,#body .radio label{font-weight:normal;}
#body .mandatory label,#body .mandatory label{font-size:18px;font-weight:bold;color:#526892;}
#body .radio label,#body .checkbox label{font-size:16px;}
#body div.radio input,#body div.checkbox input{float:left;width:30px;margin-top:9px;}
#body .radio label,#body .checkbox label{float:left;width:auto;color:#fff;padding:0;margin:0 10px 15px 0;font-weight:300}
#body .text input,#body textarea,#body form .select select{border:none;font-size:16px;margin-bottom:15px;background: #526892; color:#fff; padding:12px;width:100%}
#body form .select select,#blocEditor .for .select select,#blocEditor .for input[type="text"],#blocEditor .for textarea{width:100% !important}
#body .formSubmit input{width:100% !important;padding:15px;font-size:24px;background:#526892;cursor:pointer;color:#fff;text-transform:uppercase;font-weight:bold;border-radius:8px;border: none;transition:all .3s ease}
#body .formSubmit input:hover{background:#e51445; color:#fff;}
#body form p{margin-bottom:0;padding-bottom:0}
#body form .fichier input,#blocEditor .fichier input{background:#fff;padding:20px;margin-bottom:10px;width:100%;box-sizing:border-box}

input,select{box-sizing:border-box}

div.for form>div{clear:both;padding-bottom:15px;margin-bottom:15px;border-bottom:1px #ddd dotted}
div.for form>div:after{content:"";display:table;clear:both}
div.for form>div.formSubmit:after{display: none;}

#body form .fichier input[type="file"],#blocEditor .fichier input[type="file"]{background:#526892;border-radius:10px;}

/* -/-/-/ CALAMEO /-/-/- */
#body div.calameo{padding:20px;margin:20px 0;}
div.cmo{background:#eee;border:1px #eeeeee solid;}
div.infos_calameo{padding-top: 10px}
#body .cmo p.texte {padding-top: 10px;padding-right: 50px;text-align: justify;}
#body .cmo p.texte a {color:#526892;text-decoration: none;}
#body .cmo p{margin-bottom:5px;padding:0;font-size:16px;}
#body .cmo p.sousTitre a{font-size:15px;font-weight:400;color:#2e3b55;text-decoration:none;}
#body .cmo p.titre,#body .cmo p.titre a{color:#526892;font-weight:600;font-size:18px;text-transform: uppercase;text-decoration:none;}
#body .cmo p a:hover{text-decoration:underline}

#logoDuCamping{float:right;margin:0 20px 0 20px}
#campingSocial{float:left;margin:0 20px 0 20px;padding:10px 0 0 2px;}

#campingSocial a{background:url(../img/gestionnaire/social_ico.gif) no-repeat 0 0;display:block;float:left;width:32px;height:32px;}
#campingSocial a.facebook_c{margin-right:5px}
#campingSocial a.facebook_c:hover{background-position:0 -32px}
#campingSocial a.google_c{background-position:-32px 0;margin-right:5px}
#campingSocial a.google_c:hover{background-position:-32px -32px}
#campingSocial a.site_c{width:auto;display:block;float:left;height:26px;font-size:16px;background:#2a83ab url(../img/gestionnaire/fleche.png) no-repeat 10px 9px;color:#fff;padding:6px 7px 0 30px;
                        -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#campingSocial a.site_c:hover{background-color:#2a83ab}

/* -/-/-/ geoloc /-/-/- */
h1#firstHeading{color:#fff;background:#2a83ab}
div.geo{margin-bottom:25px;background:#fff;border:1px #eee solid;padding:20px}
div.for #recaptcha_widget_div{margin-left:0}

/* -/-/-/ AUDIO MP3 /-/-/- */
/** Audio player **/
.mp3.deplace{padding: 20px;border:1px #eee solid;}
#audio {width:100%;border:2px #fff solid;border-radius: 20px}
#playlist {margin-top:15px;width:100%;}
#playlist span {transition:all .3s ease;text-align: left;background: #fff;color:#526892;width: 100%;display: inline-block;border-bottom: 1px #ccc solid;}
#playlist span a {transition:all .3s ease;}
#playlist span:hover {background:#526892;color:#fff}
#playlist span:hover a{color:#fff}
#playlist span.active {background:#526892;}
#playlist a{font-size: 16px;color:#526892;font-weight: 500;display: block;text-decoration: none!important;padding: 12px 25px 12px 12px;}


/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- DIAPORAMA -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */


/* -- DIAPORAMA              ----*/
div.dia {
   margin: 0 0 25px 0;
   position: relative; }
div.dia div.diaporama {
   width: 100%;
   margin-top: 0;
   background: #fff; }
div.dia div.diaporama .fGauche {
   width: 8%;
   float: left; }
div.dia div.diaporama .fDroite {
   width: 8%;
   float: right; }
div.dia div.diaporama .fGauche a, div.dia div.diaporama .fDroite a {
   display: block;
   width: 100%;
   background: #444;
   cursor: pointer; }
div.dia div.diaporama img.decal {
   cursor: pointer; }
div.dia div.diaporama .diapo {
   background: #f4f4f4; }
div.dia div.diaporama .diapo .contenuItems {
   position: relative;
   float: left;
   width: 84%;
   overflow: hidden; }

.scrollablePics {
   position: relative;
   overflow: hidden;
   width: 100%;
   border: none; }
.scrollablePics .items {
   width: 20000em;
   position: absolute;
   clear: both; }
.scrollablePics .items div {
   position: relative;
   float: left;
   padding: 8px;
   background: #444; }
.scrollablePics .items div span {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%; }
.scrollablePics .items div img {
   display: block;
   cursor: pointer; }
.scrollablePics .items div.active {
   background: #c12938; }
.scrollablePics .items div.active span {
   display: block; }

/* active item */
.scrollable .active {
   border: 3px solid #c12938;
   z-index: 45;
   position: relative; }

.diapo-visu, .diapo-pager {
   width: 100%;
   position: relative;
   box-sizing: border-box; }
.diapo-visu div, .diapo-pager div {
   width: 100%; }
.diapo-visu .fGauche, .diapo-visu .fDroite, .diapo-pager .fGauche, .diapo-pager .fDroite {
   cursor: pointer;
   height: 100%;
   position: absolute;
   top: 0;
   width: 7%;
   z-index: 110; }
/*.diapo-visu .fGauche img, .diapo-visu .fDroite img, .diapo-pager .fGauche img, .diapo-pager .fDroite img {border: 1px #e1e1e1 solid; }*/
.diapo-visu .fGauche a, .diapo-visu .fDroite a, .diapo-pager .fGauche a, .diapo-pager .fDroite a {
   display: block;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -17px 0 0 -17px;
   padding: 0 0 0 2%; }
.diapo-visu .fGauche, .diapo-pager .fGauche {
   left: 0; }
.diapo-visu .fDroite, .diapo-pager .fDroite {
   right: 0; }
.diapo-visu .fDroite a, .diapo-pager .fDroite a {
   padding: 0 2% 0 0; }

.diapo-visu .cycle-slideshow img {
   width: 100%;
   height: auto;
   display: block; }
.diapo-visu{background:#fff;}
.diapo-pager {
   padding: 10px 6px 6px 0;
   background: transparent;
   border-top: 2px #f4fafc solid;
   position: relative; }
.diapo-pager:after{content:"";display: table;clear:both}
.diapo-pager .cycle-slide, .diapo-pager .minstat {
   padding: 3px;
   background: #e1e1e1;
   cursor: pointer;
   box-sizing: border-box; }
.diapo-pager .cycle-slide img, .diapo-pager .minstat img {
   vertical-align: middle;
   display: block;
   width: 98%;
   -webkit-filter: grayscale(1);
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-filter: gray;
   filter: gray; }
.diapo-pager .minstat {
   background: transparent; }
.diapo-pager .minstat img {
   width: 100%;
  min-height:40px; }
.diapo-pager .minstat {
   float: left; }
.diapo-pager .cycle-slide-active img, .diapo-pager .cycle-pager-active img {
   -webkit-filter: none;
   -webkit-filter: none;
   filter: none; }
.diapo-pager .cycle-slideshow, .diapo-pager .no-cycle-s {
   width: 100%; }

.image_wrap {
   background: #fff;
   padding: 0;
   position: relative;
   overflow: hidden; }
.image_wrap img {
   vertical-align: middle;
   width: 100%; }
.image_wrap div.legendeDia {
   font-family: 'arial',sans serif;
   font-weight: bold;
   text-align: center !important;
   position: absolute;
   bottom: 10px;
   left: 0;
   right: 0;
pointer-events:none}
.image_wrap div.legendeDia p {
   display: inline-block;
   background: rgba(0, 0, 0, 0.6);
   color: #fff !important;
   padding: 10px 20px !important;
   text-align: center !important;
   font-size: 1.3rem !important;
   margin: 0 auto; }
.image_wrap:hover div.legendeDia {
   top: -80px; }

.cycle-slide {
   width: auto;
   height: auto; }

.vjs-default-skin .vjs-play-progress, .vjs-default-skin .vjs-volume-level {
   background-color: #eee70e; }

/* variation diapo pour r�alisations */
.consultationMedia .diapo-visu{border-top:20px #fff solid;}
.consultationMedia .diapo-pager{border:10px #fff solid;background:#fff}


/**
/* Actus
/**/
.uneActu{width:526px; height:260px;float:left}
.bigs{position:absolute;width:2000em;}
#defilement{position:relative;overflow:hidden;height:260px;width:526px;}
.actualiteIndex{height:300px;}
#vignettes a{width:33px;height:22px;background:url('/2013/img/accueil/vignFond.gif');text-align:center;color:#b90031;font-style:italic;font-weight:bold;font-size:1.2em;padding-top:3px}
#vignettes a:hover,#vignettes a.active{background:url('/2013/img/accueil/vignFond_roll.gif');color:#FFFFFF}


/* FILTRAGE DES ELEMENTS FLASH POUR MAC */

.mac #body .contentmp3,.mac #body .swf,.mac #body .vdoSWF{display:none;}

/* l'admin n'�tant pas d�fini en 62.5% sur le <html>,
on ne peut pas utiliser les REM en guise d'unit� de font-size.
Il faut donc red�finir les diff�rentes tailles pour le contexte #blocEditor */

#blocEditor #body h2{font-size:24px;line-height:32px;}
#blocEditor #body p,#blocEditor #body ul li,#blocEditor #body ol li,.ui-widget-content #blocEditor a,#body div.txt table td{font-size: 16px;line-height: 22px;}
#blocEditor .image_wrap div.legendeDia p{font-size:13px}
#blocEditor .c-box-content ul li:before{font-size:40px}

input,select,textarea{font-family: 'Roboto','Arial', sans-serif;}

@media (min-width:60em){
   #blocEditor #body p,#blocEditor #body ul li,#blocEditor #body ol li,.ui-widget-content #blocEditor a,#body div.txt table td{font-size: 18px;line-height: 30px;}
}

/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/- DOCUMENT -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */
/* -/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/-/- */

/* ----- ESPACE DOC ------ */
.espace_document #bandeau,#espace_actualite #bandeau,#espace_question #bandeau,#espace_contenu #bandeau{height:225px;background-image:url(../img/bandeau/bg_bas_c.gif)}
.espace_document #bandeau h2,#espace_actualite #bandeau h2,#espace_question #bandeau h2,#espace_contenu #bandeau h2{top:180px;font-size:28px;}
.espace_document #bandeau form#moteurRecherche,#espace_actualite #bandeau form#moteurRecherche,#espace_question #bandeau form#moteurRecherche,#espace_contenu #bandeau form#moteurRecherche{top:181px;}

.espace_document .ligne a.roots{display:block;width:28px;height:28px;background:url(../img/docs/tree/extra_doc.gif) no-repeat 0 0;vertical-align:middle;float:left; margin-right:5px;transition:all .3s ease}
.espace_document .ligne a.roots:hover{background-position: 0 -28px;}

.espace_document a.dl_tree_doc{padding: 0 0 0 20px;background:url(../img/picto/dl.gif) no-repeat 2px 0;color:#6d5238;font-size:12px;position:relative;top:2px}
.espace_document a.dl_tree_doc:hover{background-position:2px -34px;color:#6ca624}

.espace_document h3{font-size:22px;color:#f39800}

.espace_document .extras{padding-top:10px;}
form#recherche{padding-bottom:20px;}
div.separateurDoc{background:#c5c5c5;height:1px;margin:40px 60px;}

#leGestionnaire p.seeAll{float:right;font-size:12px;background:url(../img/docs/tree/seeall.gif) no-repeat 0 0;height:28px;padding:0 0 0 31px;margin-bottom:15px;}
#leGestionnaire p.seeAll a{display:block;background:#656565;color:#fff;padding:4px 15px 0;text-align:center;height:24px}

.ligne{position:relative;margin:15px 0;width:100%;clear:both;height:30px;}
.ligne select{width:90%;padding:6px;background:#f3f0ee;color:#6d5238;border:none;float:left;}

#navDoc{border-bottom:1px #fffddd solid}
#navDoc div.ligne{padding:5px 5px 0 5px;border-top:1px #fffddd solid}
#navDoc div.ligne img,#navDoc div.ligne select{vertical-align:middle}
#navDoc select{width:655px;}
#navDoc img{position:relative;top:1px;}

#treeDoc{color:#6d5238;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#treeDoc h4{margin-top:10px;font-size:16px;padding-bottom:15px;color:#572f08;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#treeDoc p{font-size:13px;margin-bottom:0;}

#treeDoc p a{font-size:13px;color:#6d5238;font-weight:bold}
#treeDoc p a:hover,#treeDoc p a.actif{text-decoration:underline;}

#treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:3px 0 6px 42px}
#treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:3px 0 6px 42px}

#treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:4px 0 6px 42px}
#treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.odt,#treeDoc p.ods,#treeDoc p.odp,#treeDoc p.odg,#treeDoc p.odc,#treeDoc p.odf,#treeDoc p.odb,#treeDoc p.odi,#treeDoc p.odm,#treeDoc p.otg,#treeDoc p.otp,#treeDoc p.ots,#treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.xls,#treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.doc,#treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#treeDoc p.pic,#treeDoc p.jpg,#treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:4px 0 7px 42px}

#treeDoc hr.clear{height:10px;border:0}

div.largeurTotale div#document_consult{width:640px;margin:0}
div#document_consult{width:564px;margin-left:12px}
div#document_consult p{color:#574837;line-height:16px;padding-bottom:3px;text-align:justify}
div#document_consult a img.visu{border:5px #c1c1c1 solid;float:left;margin:0 23px;}
div#document_consult div.right{width:430px;}
div#document_consult p.fil a{color:#b09f8d;text-decoration:underline}
div#document_consult p.fil{padding-bottom:10px;border-bottom:dotted 1px #e5e5e5;color:#b09f8d;}
div#document_consult p.fil a:hover{color:#a9b720;text-decoration:underline}
div#document_consult div.bg_dl{background:#f5f5f5;padding:7px;margin-top:15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
div#document_consult div.bg_dl p{padding:5px}
div#document_consult div.bg_dl a{display:block;float:right}
div#document_consult p a{color:#574837;text-decoration:none}


div#leGestionnaire h4.titreDoc{color:#13216a;font-size:22px;font-weight:normal;padding-bottom:0}
#espace_affilies div#leGestionnaire h4.titreDoc{color: #6d5238;}
div#leGestionnaire #treeDoc h5{color:#6d5238;font-size:16px;font-weight:normal}

#docConsult{padding:10px 0px 30px;}
#docConsult h3{padding:0;margin:0;font-size:22px;color:#f39800;margin-bottom:10px}

#docConsult .fil{font-size:12px;background:#f5f5f5;color:#fff;padding:5px 10px;}
#docConsult .fil a{color:#6d5238}
#docConsult .fil a:hover{color:#f39800;text-decoration:underline}

#docConsult .fil img{margin:0 5px}
#docConsult .doc{line-height:16px;font-size:12px;border-top:1px #fff dashed;padding:35px 20px 10px 80px;background:url("../img/doc/pdf.gif") no-repeat 20px 40px;min-height: 50px}
div#leGestionnaire #docConsult h3{margin-bottom:10px;padding:0;background:transparent;font-weight:normal}

div.dlDoc{margin:20px 0;background:#f3f0ee;color:#6d5238;font-size:12px;}
div.dlDoc p{padding:10px;}
div.dlDoc a{display:block;padding:10px;height:96%;background:#63bee0;color:#fff;font-weight:bold;float:right;margin: 0 0 0 0;text-decoration:underline}
div.dlDoc a:hover{text-decoration:none}

#body div.doc form{
   padding: 0px 0px 20px 0px;
   margin: 0;
   background: transparent;
}
#blocEditor #body div.doc form{padding:0}

#body div.doc form select:disabled{
   color: #aca08d !important;
   font-weight: normal;
}
#body div.doc form select{
   background: #F5F5F5;
   border: 1px #eee solid;
   font-size: 13px;
   padding: 4px;
   font-weight: bold;
   color: #54483d;
   width: 90%;
   float: left;
}


#body div.doc div.treeDoc{color:#526892;margin-left:20px;background:url(../img/docs/tree/ligne_verticale.gif) repeat-y top left}
#body div.doc div.treeDoc h4{border:none;margin-top:10px;font-size:16px;padding-bottom:15px;color:#526892;background:#fff url(../img/docs/tree/tree_root.gif) no-repeat 0 7px;padding-left:15px;}

#body div.doc div.treeDoc p{font-size:13px;margin-bottom:0;line-height: normal}

#body div.doc div.treeDoc p a{font-size:13px;font-weight:bold;text-decoration: none !important;}
#blocEditor #body div.doc div.treeDoc p{font-size:13px}
#body div.doc div.treeDoc p a.dl_tree_doc{color:#1c4b5e;}
#body div.doc div.treeDoc p a:hover,#body div.doc div.treeDoc p a.actif{text-decoration:underline !important;}

#body div.doc div.treeDoc p.folder{background:url(../img/docs/tree/folder.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.file{background:url(../img/docs/tree/file.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.zip{background:url(../img/docs/tree/zip.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.pdf{background:url(../img/docs/tree/pdf.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#blocEditor #body div.doc div.treeDoc p{padding:0 0 0 45px !important}
#body div.doc div.treeDoc p.odt,#body div.doc div.treeDoc p.ods,#body div.doc div.treeDoc p.odp,#body div.doc div.treeDoc p.odg,#body div.doc div.treeDoc p.odc,#body div.doc div.treeDoc p.odf,#body div.doc div.treeDoc p.odb,#body div.doc div.treeDoc p.odi,#body div.doc div.treeDoc p.odm,#body div.doc div.treeDoc p.otg,#body div.doc div.treeDoc p.otp,#body div.doc div.treeDoc p.ots,#body div.doc div.treeDoc p.ott{background:url(../img/docs/tree/oo.gif) no-repeat 0 7px;padding:4px 0 7px 42px}
#body div.doc div.treeDoc p.xls,#body div.doc div.treeDoc p.xlsx{background:url(../img/docs/tree/xls.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.doc,#body div.doc div.treeDoc p.docx{background:url(../img/docs/tree/doc.gif) no-repeat 0 7px;padding:8px 0 7px 45px}
#body div.doc div.treeDoc p.pic,#body div.doc div.treeDoc p.jpg,#body div.doc div.treeDoc p.jpeg{background:url(../img/docs/tree/pic.gif) no-repeat 0 7px;padding:8px 0 7px 45px}

#body div.doc div.treeDoc hr.clear{height:10px;border:0}


/* affichage arborescence dans le module de documents */
form#documentEspace{margin-bottom:30px;}
form#documentEspace #treeDoc{width:calc(100% - 40px);color:#333}
form#documentEspace #treeDoc p a{color:#fff;}
.ui-widget-content form#documentEspace #treeDoc p.file{padding:6px 10px 6px 44px;}
.ui-widget-content form#documentEspace #treeDoc p.file a{color:#333}
.ui-widget-content form#documentEspace #treeDoc p.file input{position: relative;top:2px}