html, body {height: 100%; font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {min-height:100%; padding:0; margin:0; font-family: 'Signika', sans-serif; font-weight:300;
  line-height: 1.25; height: auto; position: relative; background: #ffffff; font-size:95%;
background-size:cover; background-position: center center; background-repeat: no-repeat;
  background-attachment: fixed; background-image: url("/bandeaux/158.jpg");}
body::before{ content:" "; position:fixed; bottom:0; left:0; right:0; top:50%;
background-color:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+99&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.99) 99%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.99) 99%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#conteneur{min-height:100%; width:100%;}
.container {width: 1170px; margin: 0 auto; /*! background:#ffffff */ }
img{border:0; max-width:100%; height: auto;} #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}
.page{ width:100%; float:left; background:#ffffff }

a, p, td, li{ color:#222222; text-decoration:none }
.page-int .contenu a{ color:#EC8E13; text-decoration: underline}
main a:hover{ text-decoration: underline}
main p{ margin:.8em 0; }
h1{ font-size:170%;  font-weight:300; margin:.5em 0; color:#000; text-transform: uppercase}
h2{ font-size:150%; margin:.4em 0; font-weight: 300; color:#000; text-transform: uppercase;  }
.page-int h2{ color:#16345C;font-weight: 700; text-transform: none;  }
h3{ font-size:130%; color: #16345C; margin:.2em 0; font-weight: 300}
h4{ font-size:120%; margin:.1em 0; color:#000000; font-weight: 700;}
h5{ font-size:110%; color:#777777; }
.titre1{ font-size:120%; text-align:left; margin:.3em 0; text-transform: uppercase}
.legende{ font-size:90% ; color:#555555;text-align:center; font-style: italic }
.image_ombree{ width:auto; }
.image_ombree img{box-shadow:0px 0px 4px #545454; -moz-box-shadow:0px 0px 4px #545454; -webkit-box-shadow:0px 0px 4px #545454; }
ul.enligne, .enligne{margin:0; padding:0; list-style-type:none; }
ul.enligne li, .enligne a{ list-style-type:none; margin:0; padding:0; display:inline; }
.invisible{display:none;}
.left{ float: left !important;}
.right{ float: right !important;}
h2.titre{ width:100%; float:left}

/* HEADER */
header {width:100%; position:relative; float:left; margin-top:15px }
.col-g{ padding:76px 2px 10px 2px ; text-align:center; }
#logo{ position:absolute; left:0; top:0; width:23%; background:#fff; text-align:center; padding:10px; 
z-index:1}
#logo img{ max-width: 220px; height:auto}
.lien-rap{padding-top:25px; display: flex; width:100%; flex-direction: row;flex-wrap: wrap; align-items: stretch; text-align:center;
font-size:10px; /*! background:#ffffff; */ }
.lien-rap .block_content{position:relative; padding:8px 0 !important; width: 33.33% !important;text-align:center; 
display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;  }
.lien-rap .image_gauche {    float: none; margin:0}
.lien-rap .bloc_isole, .lien-rap  p, .lien-rap a, .lien-rap{ margin:0; width:100%; word-wrap: break-word; 
-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: autok ;}
.lien-rap .bloc-colonne{ display:block}

/* moteur */
#moteur{position:relative; float:right; width:150px; margin:15px 0}
#moteur .moteur{ border: none; width:100%; color:#333333; height:28px; line-height:28px; font-size:90%; text-indent:7px;  
  background:#e3e3e3 ; margin:0 !important }
#moteur .ok{position:absolute; right:7px; top:3px;}

/* intarnet */
.intranet{ margin:15px 15px}
.intranet a::after{ content:url(/charte/intranet.png); padding:2px 0 0 2px; margin:10px 0}
/* pictos */
#pictos{ margin:15px 15px}

/* MENU HAUT */ 
#menuH{ width:100%; float:left;
}
nav{ /*! z-index:11; */ position:relative;float:left;width:100%;  color: #ffffff; height: auto; text-align:center;
vertical-align: middle }
nav .row{padding-left:23.6%;}
#menu{ display: table; width:100%; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfe3f9+0,16345c+100 */
background: rgb(191,227,249); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(191,227,249,1) 0%, rgba(22,52,92,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(191,227,249,1) 0%,rgba(22,52,92,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(191,227,249,1) 0%,rgba(22,52,92,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe3f9', endColorstr='#16345c',GradientType=1 ); /* IE6-9 */
}
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav dl { position:relative; display: table-cell; vertical-align: middle ; border-right:1px solid #ffffff; 
max-width:148px; min-width: 98px}
nav dl dt a{display:block; color:#fff; padding:10px 6px 6px 6px; text-decoration:none; font-size:98%;
text-transform:uppercase}
nav dl.menu0active, nav dl:hover {background:#ffffff; border-right:1px solid #338dc3; }
nav dl.menu0active dt a, nav dl:hover dt a{ text-decoration:none; color:#338dc3; }

/*survol*/
nav dd{ position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%;  min-width:200px;
left:0; background-color:#ffffff; padding:0; text-align:left;  border:1px solid #338dc3; border-top:none  }
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; }
nav dd a{color:#000000; display:block; padding:8px 6px 8px 12px; font-size:95%; text-decoration:none; text-transform: none; 
  border-top:1px solid #338dc3  }
nav dd a:hover{ color:#ffffff; background: #338dc3;}

/* ACTUALITES - liens rap */
.jflow-content-slider{ position: relative}
.contain-actu{ width:100%; float:left; /*! background:#e3e3e3; */ min-height:20vw; max-height:459px; margin-top:15px}
.actu-titre{ text-align: right; margin-top:5px; display:none}
.actu-titre .titre::after{ content:url(/charte/actu.png); padding:2px 0 0 2px}
.News_titre{ position:absolute; left:0; right:0; bottom:0; background:#16345C; padding:10px 30px 10px 10px }
.News_titre a{ font-size:1.1em; margin:.3em 0; color:#ffffff !important; font-style: italic; text-decoration: none !important;  }
.News_resume p{ margin:0}
.News_lien{ position:absolute; right:15px; bottom:5px;}
.News_lien a{ color:#fff !important;; font-size:200%; text-decoration: none !important; }
.page-accueil .slide-details{ display:none}
/*puces*/
#myController{ text-align:center; z-index:20; position:absolute; bottom:80px; right:15px; left:15px}
.page-int #myController{ left:0; right:0}
.jFlowControl{list-style-type:none; padding:0; display:inline-block;cursor:pointer; background:#999999; border-radius:10px; 
text-indent:-100000px;  color:transparent; width:14px; height:14px; line-height:16px; margin:0 2px;
box-shadow:0px 0px 4px #545454; -moz-box-shadow:0px 0px 4px #545454; -webkit-box-shadow:0px 0px 4px #545454; }
.jFlowSelected, .jFlowSelected:hover{ background:#ffffff; }

/*fleches*/
.jFlowNext, .jFlowPrev{width:40px; height:62px; font-weight:700; font-size:0; padding:6px 3px;
  bottom:100px; position:absolute; z-index:2; cursor:pointer; opacity:1;  text-align:center;
background-color: rgba(22,52,92,.5)}
.jFlowNext{ right:0}
.jFlowNext:before{ content: url(/charte/right.png); color:#fff; width:40px; height:50px;  }
.jFlowPrev{left:0; }
.jFlowPrev:before{ content: url(/charte/left.png); color:#fff; width:40px; height:50px;  }
.jFlowNext:hover, .jFlowPrev:hover{opacity:0.8;}

/* FIL D'ARIANE */
#ariane{width:100%; float:left; }
.ariane{width:100%; float:left; background:#e3e3e3; min-height:36px;
  border-top:3px solid #83bb26; border-bottom:1px solid #83bb26;}
#div_lien_yahoo{ margin:10px 0; }
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo {text-decoration:none; line-height:1em; font-size:90%; 
  color:#666666; font-style: italic}

/* bandeau */
#bandeau{ position:relative; width:100%; float:left; height:20vw; z-index:0; border-top:5px solid #2b9d9f;  }
.bandeau{background-repeat: repeat-x; background-position: center center; background-size:cover; background-image: url("/bandeaux/bandeau1.jpg");}

/* MenuLat */
.haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
#colG{ margin:50px 0 30px 0}
#titre_rub{ text-align:center; padding:10px 0; 
  text-transform:uppercase; font-size:140%; font-weight:700 ; color:16345C; display:none}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat > ul{ width:100%; margin-bottom: 25px; border-bottom:1px solid #16345C; border-top:1px solid #ffffff;}
.menuLat a { text-decoration: none; display: block; }
.menuG-2 > a, .menuGactive-2 > a{  padding:10px  12px; color: #000; font-size:110%; 
  border-bottom:1px solid #16345C; background:#fff; font-weight:700 }
.menuGactive-2 a, .menuG-2 a:hover{ color:#fff; background: #16345C; border-bottom:1px solid #ffffff;}
.menuG-3 a, .menuGactive-3 a { padding: 7px 10px 7px 22px; color: #444444; font-size:100%;border-bottom:1px dotted #16345C; background:#fff;   }
.menuGactive-3 a, .menuG-3 a:hover{color:#fff; background: #16345C; border-bottom:1px dotted #ffffff;}
.menuG-3 > a::before, .menuGactive-3 > a::before{ content:"- "}
.menuG-4 a, .menuGactive-4 a { padding: 5px 8px 5px 40px; color: #444444; font-size:90%; border-bottom:1px dotted #16345C; background:#fff; }
.menuGactive-4 a, .menuG-4 a:hover{ color:#fff; background: #16345C}
.menuG-4 > a::before, .menuGactive-4 > a::before{ content:"• "}

/*- zone centrale -*/
main{ /*! padding-bottom:20px; */width:100%; float:left; }
main .container{ }
.page-int .contenu{ padding-top:15px;  padding-bottom:15px}

.publication{ text-align:center;  padding:10px 0; margin:8px 0;}
.publication img{ display:block; margin:0 auto }
.publication a.voir-tout{ background:#16345C; display:block; color:#fff;  padding:5px}

.facebook{ text-align:center; border-bottom:3px solid #e99f19;  padding:10px 0; margin:8px 0;}
.facebook .titre1{ display:none}
.facebook img{ display:block; margin:0 auto ; width:40px}

/* newsletter */
.newsletter{ background:#EC8E13; padding:15px;margin:16px 0;}
.newsletter span{ display:block; padding:8px 0; color:#ffffff }
.newsletter span::before{ content:url(/charte/newsletter.png); float:left; margin: 0 10px 0 0}
.newsletter form{ position:relative; width:100%;  }
.input-saisie{ display:block; padding:4px 6px; width:100%}
.ok2{ background: #555555; color:#fff !important; padding:5px 10px; border:0; position:absolute; top:0; right:0; margin:0 !important; 
border:1px solid #555555 !important;}

/* Agenda */
.agenda{  margin:10px 0; }
.agenda .titre::before{ content:url(/charte/agenda.png); margin: 0 6px 0 0;}
.bloc-agenda{ background:#e3e3e3; padding:10px; width:100%; float:left; border-top:3px solid #EC8E13;}
.agenda-date{ text-align:center; display:table-cell; width:74px; vertical-align: top;
color:#EC8E13}
.agenda-jours{ font-size:150%; }
.agenda-liste .agenda-theme{ display:none}
.agenda-titre{ font-weight:bold; color:#000000}
.agenda-item {  padding:6px 0 30px 0; margin:6px 0; width:100%; display:table; font-size:90%; vertical-align: top; 
  border-bottom:1px solid #ffffff; position:relative }
.agenda-item > a{ position:absolute; right:0;bottom:10px; background:#338dc3; color:#ffffff; padding:2px 10px}
.bloc-agenda > a{ float:right; font-size:90%;}
.bloc-agenda > a span{ border:1px solid #000;  text-align:center;width:16px; height:16px; line-height:14px; margin:5px; font-size:80%; display:inline-block}

.agenda-int .agenda-liste{ width:100%; padding:0; max-height: none; }
.agenda-liste{ margin:10px 0 0 0; background:#dddddd; padding:12px 6px 12px 0 }
.agenda-liste .titre1{ background:#0097b1; padding:10px 15px 5px 15px; font-weight:normal}
.page-int .agenda-bloc {  height: auto; max-height:none;  overflow-y: initial }

.agenda-info{ display:table-cell; vertical-align: top; padding-left:6px;  font-size:80%; }
.agenda-liste .btn {  position:absolute; right:30px; top:12px}
.agenda-liste .btn a{  font-size:75%; font-weight:bold; color:#ffffff }
.agenda-liste .btn a::after{ content:' >>'}

.moteur-manif{ padding:6px; border: 1px solid #888; width:100%; float:left; margin:8px 0; background:#ddd}
select, input[type="submit"], input[type="reset"],  input[type="text"],  
input[type="password"],  textarea { font-size:1.05em; padding:3px; max-width:96%; color:#111111; border:1px solid #ccc; margin:5px 5px 5px 0; cursor:pointer}
input[type="radio"], input[type="checkbox"]{margin-right:5px}
.moteur-manif form input[type="submit"]{  margin: 10px 0; padding: 4px 20px; background:#888; color:#ffffff}
.manif-nb-items {  width: 100%;   text-align: center;   margin: 10px 0;   padding: 5px 0;
border-bottom: 1px solid #888;}

/* detail manif */
.manif-lien a, .manif-retour a, .lien a{ background:#EC8E13; color:#ffffff !important; padding:2px 12px; text-decoration: none !important }
.lien a{ float:right; }
.manif-item{ width:100%; float:left; padding:3px 0 8px 0; margin:0 0 3px 0; border-bottom:1px solid #EC8E13}
.infos-ppal{ width:100%; float:left; margin:10px 0}
.theme{ font-weight: bold; color: #EC8E13; font-size: 110%}
.lieu{ font-weight: bold; font-style: italic}
.manif-image img{ float:right; margin: 0 0 10px 10px}

/* Carte */
.carte{  margin:10px 0; }
.carte .titre::before{ content:url(/charte/commune.png); margin: 0 6px 0 0}
.carte > a, .carte .align-center{ border-top:3px solid #80CE07; padding:10px; width:100%; float:left; }

/* FOOTER */
footer{width:100%; float:left;   }
footer p, footer a{ color:#000; }
footer a:hover{ color:#EC8E13}
/*plandusite*/
.sitemap {background: #e3e3e3; padding-top:20px; padding-bottom:0px; display:table;   }
.sitemap .block_content{ display: table-cell; max-width:16%; font-size:92%; padding:0 6px !important; line-height: 1.2em}
.sitemap ul {padding: 0; list-style: none; font-size:80%; margin-bottom:0}
.sitemap li { margin-left:0; }
.sitemap ul > li > ul, .sitemap br { display:none}
.sitemap .PLAN0 a{ text-transform: uppercase }
/*adresse*/
.contact-nous{ margin:15px 0; width:100%; float:left; }
.contact-nous .titre1{ color:#000000; border-bottom:1px solid #e99f19; font-size:110%; font-weight:bold}
.contact-nous .titre1::before{ content:url(/charte/contact.png); margin:0 4px; float:left; margin-top:-2px}
.adresse{ text-align: center}
/* liens footer */
.liens-footer{ width:100%; float:left;  border-top:1px solid #000000;padding-top:15px; padding-bottom:15px; color:#000; font-size:85%; text-align: center }
.liens-footer a{ color:#000; text-decoration:none;  }

/* communes */
#Commune_fiche{ width:100%; float:left; }
#Commune_photo{ margin:15px 0 15px 20px; float:right}
.fiche_lei_elmt{ margin:8px 0; }
.fiche_lei_elmt p{ margin:3px 0}
.detail_commune_titre{ font-weight:bold;  }

/* tableau */
table { border: 1px solid #ffffff; margin: auto; border-collapse: collapse; max-width:100% !important }
th { border: 1px solid #fff; color: #ffffff;font-size: 1.2em;background-color: #AF1B32; }
th *{ color: #ffffff; }
td { border: 1px solid #aaa;padding:4px  8px !important; vertical-align: middle; font-size:.95em }
td p{ margin:6px 0}
caption { font-weight: bold;font-size: 140%; color: #AF1B32;margin-left: auto; margin-right: auto; margin-bottom: 4px; }



/*Bouton retour haut de page*/
#btn-up{ display:none; background: #009DB2 url("/charte/retour-haut.png") center 6px no-repeat; box-shadow: 2px 3px 7px #323232; color: white;
 cursor: pointer; font-size: 0.833em; line-height: 1.167em;  padding: 30px 0 5px 0; position: fixed; right: 0; text-align: center; bottom:15px;
text-transform: uppercase; width: 70px; z-index: 501; }

.bloc-news { padding:10px 4%;float:left; background:#dfdfdf; margin-bottom:15px; border-bottom:1px solid #009DB2; width:100%}
.titre-news {}
.img-news {width: 48%; float:right }
.bloc-news .image_droite, .bloc-news .image_gauche{ max-width:96%; float:right; margin:0}

/* Landing */
.listSousMenu{ display: flex; width:100%; flex-direction: row;flex-wrap: wrap; align-items: stretch; text-align:center;}
.Liste_Sous_menu{position:relative; overflow: hidden; border:1px solid rgba(0, 0, 0, .2); margin:10px 1.3% 10px 1.3% ;padding:0 0 44px 0; width: 30.6%; 
display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch;}
.sous_menu_item_image{ max-height:176px; overflow: hidden}
.sous_menu_item_titre{ text-align:center; display:block; padding:10px ; position:absolute; left:0; right:0; bottom:0; 
background:#ffffff}

/* vocalisation */
.vocal{ margin:10px 12px}

/* lien utiles colG */
.liens-utiles{ width:100%; float:left; padding:8px 2%; border:1px solid #83bb26; border-bottom:4px solid #83bb26;}
.liens-utiles *{ margin:0}
.liens-utiles h1{ display:none}
.liens-utiles h2{ background:#83bb26; color:#ffffff; font-size:105%; 
 text-transform: uppercase; margin:0 0 0.8em 0; text-align:center; width:104.3%; margin-left:-2%; margin-top:-8px; padding: .6em 0}
.liens-utiles h2::after{ display:none}
.liens-utiles h3{ font-size:100%; text-align:center; text-transform:uppercase; color:#0095C7; padding:0.5em 0;  }
.liens-utiles h4{ font-size:100%;color: #000000;  margin:0.3em 0; }
.liens-utiles h5{ font-size:95%; color:#6B2F77}
.liens-utiles p{ margin:.6em 0}
.liens-utiles p, .liens-utiles li{ font-size:90%}

/*
.svg-container {
display: inline-block;
position: relative;
width: 100%;
padding-bottom: 100%;
vertical-align: middle;
overflow: hidden;
}

.svg-content {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}

*/

.st0 {
    fill-opacity: 0;
}








/* ---- LEI ---- */

/* Fiches */
/* Pagination */
.mix, .pager-list span.ng-binding {  display: none;  }
button.numpage {color:#000000; width:25px; font-size:90%; border:none; margin:1px; padding:3px 2px; background:#eee ;}
button.active, button:hover{ background:#F0E4D9;}
.nombre-resultat{ width:100%; float:left; text-align:center; font-weight:bold; margin-bottom:4px;}
.num-page{ width:100%; float:left; text-align:center; }
.pager-list span{ color:#000}
.pager{ cursor:pointer;}
.page-prev, .page-next{ color:#ffffff; font-weight:bold;  padding:3px 7px; }
.pager-list{ padding:12px 0; width:100%; float:left; text-align:center}

/* liste */
#liste_mdv{ display: flex; width:100%; flex-direction: row;flex-wrap: wrap; align-items: stretch;}
#liste_mdv .ng-scope{ border:1px solid #656565; padding-bottom:28px;
  position:relative; margin:10px 1% ;padding:0 0 36px 0; width: 31.3%; 
display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch; 
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
text-align:center}
#liste_mdv .bloc-list{ border:1px solid #656565; padding-bottom:28px;
  position:relative; margin:10px 1% ;padding:0 0 36px 0; width: 31.3%; 
display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch; 
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
text-align:center}
.btn a{background: #3b3b3b; color:#ffffff !important; padding:5px 15px; float: left}
.btn a::before{ content:"<< "}
button.btselect{ float:left;font-size:95%; border:1px solid #333; margin:2px 4px 1px 0; padding:4px 8px; height:26px; background:#ffffff ;}
button.btselect:hover, button.btselect.active{ background:#bbb; }

.survol-carte{ background:red;}
.fiche-mdv-img{ width:100%; float:left; height:180px; overflow:hidden; }
.fiche-mdv-img img{ width:100%; }
.fiche-mdv-titre{  z-index:10; width:96%; margin:8px 2%; text-align:center;float:left; font-weight:bold;
font-size:95%}
.fiche-mdv-commune{ width:96%; margin:1px 2%; float:left; text-align:center; z-index:10;}
.fiche-mdv-classement{float:right; z-index:10;}
a.plus-info{ position:absolute; left:0; bottom:0; width:100%; padding:4px 1%; text-align:center;
  color:#fff !important; text-decoration:none; font-size:90%; font-weight:bold; background:#515151}
a.plus-info::before{ content:"> "}
.fiche-mdv-km{ wifth:100%; text-align:center}
#map a.plus-info{ position:relative; left:auto; bottom:auto; width:100%; margin:5px 0; font-size:95%; display:block }
.titre-b{ font-weight:bold; font-size:110%; margin:4px 0; color:#000}
#map svg g{display: none;}
.fiche_mdv_liste .liste-circuit-info{ font-size:80%; padding-left: 5px;padding-right: 5px; text-align:center}
.fiche_mdv_liste .liste-circuit-info span{ font-weight:bold; display: block}

/*detail */
.bloc-info{ margin:10px 0 15px 0; width:100%; float:left}
.lei-ligne{ margin:5px 0 10px 0}
.lei-ligne img{ margin:0 5px 0 0; height:15px}
.bloc-info ul{ width:100%; float:left}
.bloc-info li{ float:left; margin-right:30px}
.titre-bloc{ font-weight:700; text-transform:uppercase; margin:10px 0 0 0 }
.detail-mdv{ background:#fff; }
.detail-mdv h1 img{ margin:12px}
.detail-mdv .fd-gris2{ width:100%; float:left; padding:20px 0 50px;}
.fiche{ position:relative; }
.detail-image{ float:right; width:38%; margin-left:2%}
.bloc-fiche{ padding:10px 0; margin:10px 0; width:100%; float:left;}
.detail-titre{ color:#000; font-weight:bold; border-top:1px solid #000; padding:10px 0; font-size:130%}
.bloc-contact{ width:100%; float:left; padding:10px 15px; border:1px solid #1175bb; margin-bottom:10px; word-wrap: break-word; }
.detail-acces-handicap{ width:100%; float:left;}
.detail-commentaire{float:left; width:100%; margin:15px 0}
.detail-commentaire iframe{ margin:10px 0}
.infos-pratiques{ padding:10px 0 0 0; }
.bloc-fiche ul, .bloc-fiche li{ margin:0; padding:0}
.bloc-fiche ul{ margin:0 0 10px 0}
.bloc-fiche li{ display:inline-block; padding:0 10px 0 0}
.bloc-fiche li::before {  content: "- ";  margin: 0 4px 0 0; color: #1175bb;}
.lib{ font-weight: 700}
.bloc-contact h2{ margin: .4em 0 .4em 0;}

.pdf-decibelles{ width:100%; float:left; text-align:center; margin:15px 0}
.pdf-decibelles a{ background: #1175bb; color:#ffffff !important; padding:6px 18px; border-radius:5px}
.pdf-decibelles a:hover{ background: #3b3b3b; text-decoration: none}

.affiche-contenu{ width:100%; float:left; position:relative}
.affiche-contenu .detail-titre1{ background:none; }

/*diapo int fiche*/
.diaporama-rslides{box-shadow:0px 0px 8px 2px #9b9b9b; float:left; width:100%; position: relative;z-index: 1;background-color:#EDF0F1; 
    margin:5px auto 15px auto}
.fiche-slider-thumbnails a{height:50px; width:50px; overflow:hidden; display:inline-block; margin:2px;}
.fiche-slider-thumbnails img{height:50px;}
.fiche-detail .bouton-360{margin:.5em 0}
.fiche-localisation{position:relative;}
.fiche-localisation .btn-itineraire { position: absolute; bottom: -15px; right: 0;  transform-origin: right bottom;}
.btn-itineraire, .btn-tous-comment{transform: scale(.8); transform-origin: left top;}
.fiche-carte iframe{width:100% !important;}


.rslides {list-style: outside none none;margin: 0 !important;height: 400px;overflow: hidden;padding: 0;position: relative;width: 100%;}
.rslides li {display: none;left: 0;position: absolute;top: 0;width: 100%;}
.rslides a {display: block;text-align: center;}
.rslides img {border: 0 none;display: block;width: auto; max-height:410px;margin: 0 auto;position: relative;z-index: 10;}
.rslides_nav {  font-size: 70px; text-decoration:none !important; position: absolute; top:40%; z-index: 6;}
.rslides_nav.prev {left: 1%;}
.rslides_nav.next {right: 1%;}
.rslides_tabs {bottom: 0;left: 0;margin: 0 !important;padding: 5px 0 !important;position: absolute;width: 100%;z-index: 5;}
.rslides_tabs, .rslides_tabs li {list-style-type: none;margin: 0;padding: 0;text-align: center;}
.rslides_tabs li {display: inline-table;font-size: 0;margin: 4px;overflow: hidden;}
.rslides_tabs li a {opacity:0.7; background: #000 none repeat scroll 0 0;border-radius: 15px; color: transparent !important;display: block;height: 14px;text-indent: -1000px; width: 14px;}
.rslides_tabs li.rslides_here a, .rslides_tabs li a:hover {opacity:1;background: #EC8E13 none repeat scroll 0 0;}
.rslides_nav.prev, .rslides_nav.next{opacity:0}
.lei-diaporama:hover .rslides_nav {opacity:0.8; color:#fff;}
.rslides_nav.prev:hover, .rslides_nav.next:hover {opacity:1;}

/* CSS Leaflet */
.leaflet-marker-icon {width: 102px;height: 34px;font-weight: bold;line-height: 27px;font-size: 14px;text-align:center;text-shadow: -1px 0 0 #ffffff, 1px 0 0 #ffffff, 0 -1px 0 #ffffff, 0 1px 0 #ffffff;background-repeat:no-repeat;background-position: center top;}
.leaflet-popup-content, .leaflet-popup-content-wrapper, .leaflet-popup-tip{ width:auto !important; float:left}
.mycluster { background-image: url("/charte/icon-map-marker.png"); no-repeat 25px 35px}
.leaflet-popup {max-width:300px; min-width:160px}

.page-int .contenu .leaflet-container a{ color:#000000; text-decoration:none}

.leaflet-popup-content-wrapper{ border-radius: 0 !important;}
#map .visuel img{  max-width: 220px !important;}
.leaflet-popup-content {  margin: 8px 15px !important}

.filtre .ligne{ margin:4px 0; padding:4px 0;  }
.ligne p, .filtre-tri p{ margin:0}
.ligne fieldset{ border:none; padding:0}
.titre_moteur{ font-weight: 700 }
.filtre h3{ font-size:1.25em}
button.numpage {color:#000000; width:25px; font-size:90%; border:1px solid #ccc; margin:1px; padding:3px 2px; height:24px; background:#ffffff ;}
.nombre-resultat{ width:100%; float:left; text-align:center; font-weight:bold; margin-bottom:4px;}
#Prix button{min-width:84px;}
fieldset.accessibilite{ float:left; }
fieldset.accessibilite button{padding:5px 10px;}
button#Reset{ border:none; margin:1px 6px 1px 0; padding:5px 10px; height:30px; line-height:18px; background:#3b3b3b; color:#ffffff}
button#Reset:hover{  background:#eb7b1d ; }
#div_liste .ligne input{ padding:3px}
.ligne input.input-saisie{ padding:0}
.titre-float{ float:left; margin-right:8px;}
.num-page{ width:100%; float:left; text-align:center; }
.pager-list span{ color:#ffffff}
.pager{ cursor:pointer;}
.page-prev, .page-next{ color:#ffffff; font-weight:bold;  padding:3px 7px; }
.pager-list{ background:#3b3b3b; padding:6px 2%; width:100%; float:left; text-align:center; margin:10px 0}
.page-number{ background:#ffffff; padding:3px 8px; cursor:pointer;}
.page-number.active, .page-number:hover{ background:#eb7b1d; color:#ffffff}
.filtre-tri{ width:100%; padding:7px 1%; float:left; border-bottom:2px solid #3b3b3b; 
  border-top:2px solid #3b3b3b; margin:10px 0; text-align:center}
.filtre-tri > div{ margin:3px 0 ; display:inline-block; border-left:1px solid #3b3b3b; padding:2px 5px }
.filtre-tri > div:last-child{border-right:1px solid #3b3b3b; }
.bloc-tri2 button, .bloc-tri2 .TextSort{ margin:0;  display: inline-block}



/* Carte interactive */
.elmt_map{ width:31%; float:left; margin:0.5% 1%;}
.map-carto-interactive table{ width:100%; float:left}
#map{ max-width:100% !important;}
#Cartographie_carte{overflow:hidden;}
#map, #Cartographie_carte, .gm-style{ max-width:100% !important; }
#map img, #EmplacementDeCarteListe img, #EmplacementDeMaCarte img{  max-width: none !important;}
.leaflet-popup-content-wrapper, .leaflet-popup-tip, .leaflet-popup-content {
  display: inline-block;
  background: #ffffff;
}

.carto-inter table{width:100% !important;}
.elmt_map{ width: auto; margin:5px 10px}
.elmt_map label img{ /*! margin-left:-10px; */ /*! position:relative; */ /*! z-index:-1; *//*! margin-right:-4px; */  max-height:36px; max-width:40px }
.carto_nom h2{ border:none !important; font-weight:700; font-size:150%; margin:5px 0}
.carto_fiche .carto_image{ max-width: 100%; overflow:hidden; max-height:170px}
.carto_fiche .carto_contenu{ width:100% ; margin:0}
.carto_fiche .carto_desc{ display: none}
.carto_fiche .lei_contenu_lien {  background: none; width:100%; float:left; text-align:center}
.carto_fiche .lei_contenu_lien a{background: #FCDD4A; color:#000000; display: block; padding:5px}
.carto_image .lei_image_liste{ height:auto}
.elmt_map input{ margin:0; min-height: 16px; margin-right:3px}


#map .visuel.local img
{
  width: 220px;
  height: 220px;
}

.bloc-descriptif span.element{ margin-right:10px}
.page-int .contenu .bloc-descriptif a {background: #EC8E13; color:#000000; text-decoration: none;
padding:5px 10px; display: inline-block; margin:2px 5px 2px 0}
.page-int .contenu .bloc-descriptif a:hover {background: #000; color:#fff; }

.bloc-fiche-adresse span{ display: block}