@font-face {  font-family: 'Font Awesome 5 Free'; font-style: normal;  font-weight: 400;  src: url("/fonts/fa-regular-400.eot");
  src: url("/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-regular-400.woff2") format("woff2"), url("/fonts/fa-regular-400.woff") format("woff"), url("/fonts/fa-regular-400.ttf") format("truetype"), url("/fonts/fa-regular-400.svg#fontawesome") format("svg"); }
@font-face {
  font-family: 'Font Awesome 5 Free';  font-style: normal;  font-weight: 900;  src: url(/fonts/fa-solid-900.eot");
  src: url("/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fa-solid-900.woff2") format("woff2"), url("/fonts/fa-solid-900.woff") format("woff"), url("/fonts/fa-solid-900.ttf") format("truetype"), url("/fonts/fa-solid-900.svg#fontawesome") format("svg"); }

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: 'Prompt', sans-serif; 
line-height: 1.25; height: auto; position: relative; background: #ffffff; }
#conteneur{min-height:100%; width:100%;}
.container {width: 1170px; margin: 0 auto; }
img{border:0; max-width:100%; height: auto;} #map{ max-width:100% ;} #map img{  max-width: none !important;}
.width100pc{width:100%;} .invisible{display:none;}

a, p, td, li{ color:#222222; text-decoration:none }
main a{ color:#0071A5;}
.page-accueil main a{ color:#222222;}
main a:hover{ text-decoration: none}
h1, h2, h3, h4{ font-weight:normal}
h1{ font-size:180%;  text-transform: uppercase; font-weight:300; padding:8px 0; margin:.2em 0 .6em 0; color:#0071A5 }
h2{ font-size:140%; margin:.3em 0 .5em 0; color:#000000; font-weight: 600; }
.page-int h2:before{ content:" "; width:14px; height:14px; background:#005581; display:inline-block; 
border-radius:20px; margin-right:6px}
.titre h2{ color: #ffffff; background:#0071A5; display:inline-block; padding:4px 16px; margin:0; font-weight:300;
text-transform:uppercase}
h3{ font-size:1.2em; color:#0071A5; margin:.2em 0 .4em 0; }
h4{ font-size:1.2em; text-transform: uppercase; margin:.1em 0 .3em 0;}
.titre1{ color:#ffffff; font-size:130%; font-weight:bold}
.legende{ font-size:90% ; color:#555555; }
.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;}
b, strong{ font-weight:600}

.video-responsive { 
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
}

.video-responsive iframe {
left:0; 
top:0; 
height:100%;
width:100%;
position:absolute;
}

/*--- HEADER ---*/
header {width:100%; position:relative; background: #ffffff; float:left }
.top-line{ position:relative; border-bottom:3px solid #005581;  float:left; width:100%}
/* intranet */
.intranet{ float:left; margin:10px 0}
.intranet a::after{ content:url(/charte/intranet.png); padding:2px 0 0 6px; margin:10px 0}
/* Réseaux sociaux*/
#reseaux-sociaux {float:right; padding:6px 0; position:relative; z-index:11; margin:0 0 0 15px }
#reseaux-sociaux a {display:block; float: left; margin:0 3px;}
/* moteur */
#moteur{position:relative; float:right; width:150px; margin:10px 0; border:1px solid #005581;}
#moteur .moteur{ border: none; display:block; color:#005581; font-style: italic; height:32px; line-height:32px; 
  font-size:90%; text-indent:7px;  background:none;  }
#moteur .ok{position:absolute; right:3px; top:3px;}
/* logo */
#logo{ padding:20px 0; }
#logo img{ height:auto}

/*diapo*/
#diaporama{/*! width:100% !important; */  z-index:2; float:left; position:relative; min-height: 250px}




/* diaporama */
#diaporama{ /*! width:100% !important; */ height:24vw; z-index:1; position:relative;  float:left; max-height:400px; min-height: 250px}
#bis_images{height:100%;}
.bis_image{position:absolute; z-index:20; bottom:0; right:0; left:0; top:0;  width:100%; height:100%; 
  text-align:center; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#bis_container{ position:absolute; bottom:0; right:0; left:0; top:0;  text-align:center; }
#bis_caption{ position:absolute; bottom:22%; left:60px; right:60px }
.bis_title{ color:#fff; font-size:260%; text-shadow: 0 1px 4px rgba(0,0,0,0.9); margin:0; }
.bis_title a, #firstline, #secondline{ color:#fff;}
#firstline, #secondline{ font-size:130%; text-shadow: 0 0 8px rgba(0,0,0,1); 
text-shadow: 2px 0 0 rgba(0,0,0,.3), -2px 0 0 rgba(0,0,0,.3), 0 2px 0 rgba(0,0,0,.3), 0 -2px 0 rgba(0,0,0,.3), 1px 1px 0 rgba(0,0,0,.3), -1px -1px 0 rgba(0,0,0,.3), 1px -1px 0 rgba(0,0,0,.3), -1px 1px 0 rgba(0,0,0,.3), 1px 1px 5px rgba(0,0,0,.3); }
/*puces*/
#bis_nav{ text-align:center; z-index:20; position:absolute; bottom:3%; right:20px}
#bis_position{ float:left}
*+html .thumbNav li, *+html .thumbNav a{float:left; display:block;}
ul.thumbNav{padding:0; margin:0; list-style-type:none; text-align:center}
.thumbNav a{cursor:pointer; border-radius:10px; -webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.2);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.2); overflow:hidden; text-indent:-1000px;  border:1px solid #ffffff;
  color:transparent; width:16px; height:16px; line-height:16px; display:block; margin:4px;}
.jFlowSelected, .thumbNav a:hover, .thumbNav a.cur{ background:#fff; }
.thumbNav li{list-style-type:none; padding:0; display:inline-block}
/*fleches*/
#bis_next, #bis_back{width:30px; height:20px; font-weight:700; font-size:140%; float:left;
z-index:2; cursor:pointer; opacity:1;  text-align:center;}
#bis_next:before{ content: url(/charte/right.png); color:#fff; width:40px; height:40px;  }
#bis_back:before{ content: url(/charte/left.png); color:#fff; width:40px; height:40px;  }
#bis_next:hover, #bis_back:hover{opacity:0.8;}

/* 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");}


/* MENU HAUT */ 
#menuH{ width:100%; float:left;
background: rgb(0,113,165); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,113,165,1) 0%, rgba(0,85,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,113,165,1) 0%,rgba(0,85,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,113,165,1) 0%,rgba(0,85,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071a5', endColorstr='#005581',GradientType=0 ); /* IE6-9 */}
nav{ z-index:11; position:relative;float:left;width:100%;  color: #ffffff; height: auto; 
  display: block;text-align:right;}
#menu{ width:100%; text-align:center; vertical-align: middle;display: table; }
nav dl, nav dt, nav dd, nav ul, nav li{ margin:0; padding:0; list-style-type: none;}
nav dl { position:relative; border-bottom: 6px solid #0071A5; min-width:3%; vertical-align: middle; display:table-cell }
nav dl dt a{display:block; font-size:100%; color:#fff; padding:10px 6px; text-decoration:none; font-size:120%;
background-repeat:no-repeat; background-position:center 6px}
nav dl.menu0active dt a, nav dl dt a:hover{ text-decoration:none; color:#ffffff;  }
nav dl.menu0active, nav dl:hover{ background:#0071A5;  }

nav dl.jaune:hover{  background:#F9B31F; }
nav dl.orange:hover{  background: #F19100; }
nav dl.rouge:hover{  background:#E5312B; }
nav dl.rose:hover{  background:#E5458F; }
nav dl.vert:hover{  background:#25A345; }
nav dl.vert-clair:hover{  background:#97BF0D; }
nav dl.turquoise:hover{  background:#008193; }

nav dl.menu0active.jaune{  background:#F9B31F; }
nav dl.menu0active.orange{  background: #F19100; }
nav dl.menu0active.rouge{  background:#E5312B; }
nav dl.menu0active.rose{  background:#E5458F; }
nav dl.menu0active.vert{  background:#25A345; }
nav dl.menu0active.vert-clair{  background:#97BF0D; }
nav dl.menu0active.turquoise{  background:#008193; }

nav dl.jaune{  border-bottom: 6px solid #F9B31F; }
nav dl.orange{  border-bottom: 6px solid #F19100; }
nav dl.rouge{  border-bottom: 6px solid #E5312B; }
nav dl.rose{  border-bottom: 6px solid #E5458F; }
nav dl.vert{  border-bottom: 6px solid #25A345; }
nav dl.vert-clair{  border-bottom: 6px solid #97BF0D; }
nav dl.turquoise{  border-bottom: 6px solid #008193; }

/*survol*/
nav dd{ position:absolute; height:0px; overflow:hidden; opacity:0; z-index:200; top:100%;  min-width:180px;
left:0; background:#0071A5; padding:0; text-align:left }
nav dl:last-child dd{ left:auto; right:0}
nav dl:hover dd{ height:auto; opacity:1; overflow:visible; 
-moz-box-shadow: 0px 6px 6px 0px #9b9b9b; -webkit-box-shadow: 0px 6px 6px 0px #9b9b9b;
-o-box-shadow: 0px 6px 6px 0px #9b9b9b;box-shadow: 0px 6px 6px 0px #9b9b9b; }
nav dd a{color:#fff; display:block; padding:8px 10px; font-size:95%; text-decoration:none; text-transform: none; 
  border-bottom:1px solid #fff  }
nav dd a:hover{ color:#ffffff; background: #005581;}

nav dl.jaune dd{  background:#F9B31F; }
nav dl.orange dd{  background:#F19100; }
nav dl.rouge dd{  background:#E5312B; }
nav dl.rose dd{  background:#E5458F; }
nav dl.vert dd{  background:#25A345; }
nav dl.vert-clair dd{  background:#97BF0D; }
nav dl.turquoise dd{  background:#008193; }

/* MenuLat */
.haut_menuLat, .bas_menuLat, .Sous_menu_dyn_haut, .Sous_menu_dyn_bas{ display: none }
#titre_rub{ font-size:120%;  color:#0071A5; border-bottom: 6px solid #0071A5; padding:8px 0}
.menuLat ul, .menuLat li { margin: 0; padding: 0; list-style-type: none; clear: both; }
.menuLat > ul{ width:100%; padding:12px 0; background:#ffffff }
.menuLat a { text-decoration: none; display: block; }
.menuG-2 a, .menuGactive-2 a{  padding: 9px 6px 8px 18px; color: #000; font-size:100%; border-bottom:1px solid #0071A5; background:#fff; }
.menuG-2 > a:before, .menuGactive-2 > a:before{ font-family: 'Font Awesome 5 Free';  font-style: normal;  font-weight: 900;  content: "\f0da";
margin-right:6px}
.menuGactive-2 a, .menuG-2 a:hover{ color:#ffffff; background: #0071A5; border-bottom:1px solid #fff;}
.menuG-3 a, .menuGactive-3 a { padding: 8px 6px 7px 28px;; color: #333333; font-size:90%;border-bottom:1px dotted #857d73; background:#fff; }
.menuGactive-3 a, .menuG-3 a:hover{color:#fff; background: #0071A5; border-bottom:1px dotted #fff;}
.menuG-4 a, .menuGactive-4 a { padding: 6px 6px 6px 40px; color: #555555; font-size:85%; border-bottom:1px dotted #857d73; background:#fff; }
.menuGactive-4 a, .menuG-4 a:hover{ color:#fff; background: #0071A5; border-bottom:1px dotted #fff;}
.menuG-4 a::before, .menuGactive-4 a::before{ content:"- "}
.menuG-5 a, .menuGactive-5 a { padding: 6px 6px 5px 52px; color: #555555; font-size:80%; border-bottom:1px dotted #857d73; background:#fff; }
.menuGactive-5 a, .menuG-5 a:hover{ color:#fff; background: #0071A5; border-bottom:1px dotted #fff;}


/*- zone centrale -*/
main{ padding-bottom:30px;width:100%; float:left;}
main .container{ padding-top:30px; padding-bottom:30px;}

/* FIL D'ARIANE */
#div_lien_yahoo{ margin:10px 0 30px 0; border-bottom:1px solid #0071A5; padding:0 0 8px 0 }
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo {text-decoration:none; line-height:1em; font-size:90%; color:#545454; font-style:italic}
.lien_yahoo:last-child{ color: #0071A5;}

/*Footer*/
footer{width:100%; float:left;  padding:15px 0; background: rgb(0,113,165); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,113,165,1) 0%, rgba(0,85,129,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,113,165,1) 0%,rgba(0,85,129,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,113,165,1) 0%,rgba(0,85,129,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071a5', endColorstr='#005581',GradientType=0 ); /* IE6-9 */ }
footer .titre1{ color:#000000}
footer p, footer a{ color:#ffffff; line-height: 1.5em; margin:0}
.contact-nous, .horaires{ margin:5px 0; padding:5px 0; }
.contact-nous > div, .horaires > div{ float:right} > div{ float:right}
.contact-nous > div img, .horaires > div img{ display: inline-block; vertical-align: top}
footer p{ display:inline-block}

/* liens rapides */
.lien-rap h2{ text-transform: none; font-size: 110%; display:block; text-align: center}
.lien-rap h2:before{ display:none}
.lien-rap ul, .lien-rap li{ margin:0; padding:0; list-style: none}
.lien-rap li{ background: #D7D7D7; margin:1px 0; padding:8px 1px 6px 5px; width:100%; float:left; font-size:90%}
.lien-rap li:hover{ background:#ffffff}
.lien-rap li img{ float:left; margin-right:4px}

/* profile */
.profils{ background:#D7D7D7; padding:40px 10px 15px 10px; text-align:center; display:table; width:100%}
.profil .titre{ position:absolute; top:0; left:15px; z-index:1}
.bloc-profil{ display:table-cell}
.bloc-profil > a > span{ display:block}
.bloc-profil > a > span > span{ text-transform: uppercase; color:#005581}

/* ACTUALITES */
.actu, .agenda, .zoom, .profil{ padding-bottom:15px; position:relative; margin:5px 0; float:left}
.actu .titre, .agenda .titre{ position:absolute; top:0; left:15px; z-index:1}
.actu .titre h2, .agenda .titre h2{ float:left; background:#E5458F;}
.rss{ float:left; margin:0 5px}

.actu .titre h2{ background:#008193}
#jflow-content-slider{ position: relative}
#jFlowSlide{ max-width:100% !important; background:#008193;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005581+0,008193+25 */
background: rgb(0,85,129); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,85,129,1) 0%, rgba(0,129,147,1) 25%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,85,129,1) 0%,rgba(0,129,147,1) 25%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,85,129,1) 0%,rgba(0,129,147,1) 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005581', endColorstr='#008193',GradientType=0 ); /* IE6-9 */
}
.slide-thumbnail{ width:100%; display:inline-block; min-height:50px; }
.slide-thumbnail img{ display:block; }
.News_titre{  padding:6px 0; display:block  }
.actu .News_titre a{ font-size:1.3em; margin:.6em 0 .3em 0; color:#fff;  }
.actu .slide-details{ padding:5px 15px; }
.actu .News_resume{ margin:0; color:#fff;}
.actu .News_lien{ position:absolute; right:10px; bottom:0}
.actu .News_lien a{ color:#ffffff; font-size:200%; }
/*puces*/
#myController{ text-align:center; z-index:2; position:absolute; bottom:22px; left:32px}
.jFlowControl{list-style-type:none; padding:0; display:inline-block;cursor:pointer; border-radius:10px; 
text-indent:-1000px;  color:transparent; width:14px; height:14px; line-height:16px; margin:0 2px; border:1px solid #ffffff}
.jFlowSelected, .jFlowSelected:hover{ background:#ffffff; }
.jFlowPrev, .jFlowNext{ display:none}

/*ACTUS EN DETAIL*/
.bloc-news { padding:10px 4%;float:left; background:#dfdfdf; margin-bottom:15px; border-bottom:1px solid #009DB2}
.titre-news {font-size: 18px; text-decoration: none; /*text-transform: uppercase; color: #01506c;*/ }
.img-news {width: 48%; float:right }
.bloc-news .image_droite, .bloc-news .image_gauche{ max-width:96%; float:right; margin:0}
.detail-news-lien{ background:#0097b1; color:#ffffff; padding:4px 12px;}

/* ZOOM */
.zoom-sur{ background:#D7D7D7; padding-top:45px;  width:100%; float:left}
.zoom .titre{ position:absolute; top:0; left:15px; z-index:1}
.zoom .News_titre a{ font-size:1.3em; margin:.6em 0 .1em 0;  }
.zoom .slide-details{ padding:5px 0 20px 0; }
.zoom .News_lien{ position:absolute; right:15px; bottom:0}
.zoom .News_lien a{ font-size:200%; }
.zoom .slide-thumbnail{ max-height:210px; overflow:hidden}

/* Agenda */
.agenda-int .agenda-liste{ width:100%; padding:0; max-height: none; }
.agenda-liste{ padding:40px 0 0 0; }
.agenda-liste .titre1{ background:#0097b1; padding:10px 15px 5px 15px; font-weight:normal}
.agenda-bloc {  background:rgba(133,125,115,0.15); height: 17.3vw; max-height:215px; overflow-y: auto; }
.page-int .agenda-bloc {  height: auto; max-height:none;  overflow-y: initial }
.agenda-item {  padding:7px 0; display:table; font-size:90%; vertical-align: top; width:100% }
.agenda-date{ display:table-cell; vertical-align: middle; width:106px; font-size:85%;
background:#E5458F; color:#ffffff; text-align:center; padding:5px}
.jour{ font-size:140%}
.agenda-info{ display:table-cell; vertical-align: top; padding-left:10px }
.agenda-titre{ color:#000000; font-size:120%; color:#E5458F}
.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:' >>'}

.agenda-liste .agenda-theme, .agenda-liste .agenda-desc{ display:none}
.page-accueil main a.voir-tout{ display:block; background: #E5458F; text-align:center; color:#ffffff; padding:4px}

.moteur-manif{ width:100%; float:left; margin:10px 0;padding:10px 15px ; background:#D7D7D7; text-align:center}
.moteur-manif input{ margin:10px 0 0 0; padding:5px 15px; background:#555555; color:#ffffff; font-weight:bold}
.manif-nb-items{ width:100%; float:left;margin:0 0 10px 0; padding:0 0 6px 0; border-bottom:1px solid #D7D7D7;
text-align:center; color:#777777}
.bloc-liste-manif .manif-item{ width:100%; float:left; margin:10px 0;padding:10px 15px ;border:1px solid #999999;  }
.manif-lien{ float:right}
.manif-lien a{ background:#0071A5; color:#ffffff; padding:4px 15px; display:block}
.manif-retour a{ background:#0071A5; color:#ffffff; padding:4px 15px; margin:10px 0; display:inline-block}
.manif-retour a::before{ content:"<< "}

/* 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}

/* liens footer */
.liens-footer{ float:right !important; padding-top:0; padding-bottom:10px; color:#fff; font-size:85%; margin:5px 0 ; text-align: right}
.liens-footer a{ color:#fff; text-decoration:none }
/* newsletter */
.newsletter{ margin:15px 0}
.newsletter > div { background: #005581; padding:15px;}
.newsletter span{ padding:15px 0 5px 0; color:#ffffff }
.newsletter span img{ float:left; margin-right:10px}
.newsletter form{ position:relative; width:240px; float:right  }
.input-saisie{ display:block; padding:4px 6px; width:100%}
.ok2{ background: #F9B31F; color:#005581; padding:5px 10px; border:0; position:absolute; top:0; right:0 }

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


/*plan du site*/
.PLAN0 a, .PLAN1 a, .PLAN2 a, .PLAN3 a{text-decoration:none !important}
main .PLAN0{ padding-bottom:0.1em; margin-top:0.5em}
main .PLAN0 a{ font-size:140%; margin:.3em 0 .5em 0; color:#000000; font-weight: 600; }
main .PLAN0 a:before{ content:" "; width:14px; height:14px; background:#005581; display:inline-block;  
border-radius:20px; margin-right:6px}
main .PLAN1{list-style-type:none; margin:5px 0;}
main .PLAN1, main .PLAN1 a{color:#000;}
main .PLAN1 a{font-size:1.05em; margin:4px 0; display:block; font-weight:300 }
main .PLAN2{list-style-type:disc; }
main .PLAN2 a{color:#333333; font-size:0.95em}
.PLAN3{list-style-type:disc; color:#aaa; margin:0; font-size:0.95em;}
.PLAN3 a{font-weight:normal; color:#333333; margin:1px 0;}
.PLAN4{list-style-type:disc; color:#CFDDEB; }
.PLAN4 a{color:#333333;  font-size:0.9em;}

/* annuaire */
.moteur-annuaire{ width:100%; float:left; padding:15px; background:#fff; border:1px solid #857d73; margin:15px 0; text-align:center}
.moteur-annuaire-ligne{ display:inline-block; margin:8px}
.moteur-annuaire-ligne label{ font-weight:bold; margin:0 4px}
#Recherche{padding:5px 15px; background:#857d73; color:#fff ; font-weight:bold; }
#Recherche:hover{  background:#545454; cursor:pointer }
.moteur-annuaire-classement{ width:100%; float:left}
.annuaire_resume_fiche{ width:100%; float:left; margin:10px 0; border-bottom:1px solid #857d73; padding:10px 0}
.list-annu {  display: flex;width: 100%;flex-direction: row;flex-wrap: wrap;align-items: stretch;}
.annuaire_resume_fiche{ position: relative;overflow: hidden; margin: 5px .5% 5px .5%;width: 49%; padding:10px 12px 26px 12px ; border:1px solid #857d73;
  display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch; position:relative}
.annuaire-nom{ font-weight:bold; text-transform:uppercase}
.annuaire-famille{ font-style:italic}
.annuaire-info{ font-weight:bold; color:#857d73; }
.annuaire-adresse{ margin-top:10px}
.annuaire-lien-detail{ background:#857d73; color:#fff; position:absolute; right:0; bottom:0; padding: 3px 12px}
.annuaire-logo img{ float:right; margin:0 0 10px 15px}
.annu-retour{ margin:15px 0}
.annu-retour a{ background:#857d73; color:#fff; padding: 3px 12px; }


/* communes */
#Commune_fiche{ width:100%; float:left; background:#fff; padding:10px 20px;}
.bloc-info-commune{  width:100%; float:left; margin:8px 0;  }
.bloc-info-titre{ font-weight:700; margin:5px 0; font-size:120%; color:#857d73}
.bloc-info-commune p{ margin:3px 0}
.bloc-info-valeur > div{ float:left; }
.bloc-info-valeur > div::before{ content:"-"; margin:0 6px}
.bloc-info-valeur .bouton-contacter{ width:100%}
.bloc-info-valeur > .bouton-contacter::before{ content: none;}

/* 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; }

/* outil liens */
.lien-utile{ width:100%; float:left; padding:0 0 6px 0 ; margin:6px 0; border:1px solid #2b9d9f}
.image-lien-utile{ float:right; background:#fff; margin:8px 6px 6px 6px; padding:2px}
.titre-lien-utile{  font-size:1.2em; color: #fff; margin:0 0 .4em 0; background:#2b9d9f; padding:5px 10px;  font-weight: 300;}
.titre-lien-utile a{ color: #fff; font-weight: 300;}
.infos-lien-utile p{ margin:0}
.infos-lien-utile{ padding:4px 12px}
.voir-site{ padding:4px 12px}





/*----- RESPONSIVE -----*/


/* @group  */@media (max-width: 1540px){
 #logo {    padding: 15px 0;} 
   #logo img{ height:290px; width:auto}

}/*/mediaquery*//* @end  ------------------------------------------------------------------------------------------*/

/* @group  */@media (max-width: 1360px){
 #logo {    padding: 10px 0; text-align: center} 
   #logo img{ height:260px; }

}/*/mediaquery*//* @end  ------------------------------------------------------------------------------------------*/
/* @group -1170PX */@media (max-width: 1200px){ 

table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
.container{ width:97%;}  
#map, #Cartographie_carte, .gm-style{ width:100%}
  
  #div_modif_illicopage{ position:relative; width:100%; top: auto; right: auto;}
	
 #logo img{ height:220px; }
  .logo-line{ position:relative; float: left; width: 100%;}
  .logo-line .container{ width: 100%}

.row{ margin:0}

}/*/mediaquery*//* @end -1170px ------------------------------------------------------------------------------------------*/
/* @group -990PX */@media (max-width: 1080px){

     #logo img{ height:190px; width:auto}
}/*/mediaquery*//* @end -1080px ------------------------------------------------------------------------------------------*/
/* @group -960PX */@media (max-width: 1024px){
	  #logo{ position:absolute; left:15px; top:0; bottom:0; z-index:10; background:rgba(255,255,255,.8);  padding: 15px}
 #logo img{ height:140px; }
  #diaporama{ min-height:200px; width:100% !important; float:left}
  .colD{ margin-top:20px}
  .profil{ margin-top:20px}
  .profils{ display:block}
  .bloc-profil {    display: inline-block; margin:5px}
.localisation{ text-align: center}
#menu{ width:100%; padding-left: 0; display:block }
nav{ height:auto; padding:0; width:100%; z-index:40; text-align:center}
#controle-menu{display:block; cursor:pointer; float:right; width:60px; position:relative; 
height:52px;  background:#0071A5 url(/charte/controle-menu.png) center center no-repeat; z-index:50; margin:2px 0 2px 15px; }
#menuH{ width:100%;-webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5);
    display:none; margin-top:0px; width:100%; height:auto; z-index:40;
  position:absolute; top:0; padding-top:60px}
nav dl{  padding:0; margin:0;  text-align:center; height:auto; border-top:1px solid #ffffff; 
  width:auto; min-width: 100%; display:block}
#menu dl dt a{ margin:0; height:auto}
nav dd, nav dl:hover dd{display:none}

}/*/mediaquery*//* @end -1024px ------------------------------------------------------------------------------------------*/
/* @group -900PX */@media (max-width: 960px){
  
  
}/*/mediaquery*//* @end -900px ------------------------------------------------------------------------------------------*/
/* @group -854PX */@media (max-width: 900px){

.container{ width:96%;}  
  #moteur, #reseaux-sociaux{ margin:5px; padding:0}


}/*/mediaquery*//* @end -854px ------------------------------------------------------------------------------------------*/
/* @group -800PX */@media (max-width: 768px){
 
  /*menulat escamotable*/
#menuLat{ width:100%; margin-bottom:15px;}
.menuLat{display:none}
#titre_rub{display:block; cursor:pointer; border-bottom:1px solid #B8DFEC; padding:10px 15px;
  background-color:#454545;  color:#fff; text-align:center}
#titre_rub {    color: #ffffff !important;}
  #titre_rub.menu-ouvert, #titre_rub.menu-ferme{ background-repeat:no-repeat}
#titre_rub.menu-ouvert {background-image: url(/charte/fleches-up-down.png) ;background-position: 96% 16px}
#titre_rub.menu-ferme{background-image: url(/charte/fleches-up-down.png) ;background-position: 96% -34px}
 
h1{ font-size:150%; }
h2{ font-size:130%; }
h3{ font-size:120%; }
h4{ font-size:110%; }
 
#jFlowSlide{ padding-bottom:30px}
  #jFlowSlide, #slides{ width:100% !important; height: auto !important;}
  .jFlowSlideContainer{height: auto !important;}
  .slide-thumbnail img{ width: 100%}  
  .zoom .slide-thumbnail{ height: auto; max-height:350px}

}/*/mediaquery*//* @end -800px ------------------------------------------------------------------------------------------*/
/* @group -720PX */@media (max-width: 768px){

  .pays-luxeuil, .ot-luxeuil{ width: 50% !important;}
    .pays-luxeuil img, .ot-luxeuil img{ max-height: 90px; width: auto}
  .page-int .lien-rap ul{ display: flex; flex-wrap: wrap; justify-content: center}
  .page-int .lien-rap li{ margin: 1px; max-width:86px; text-align: center; padding:3px 2px; font-size: 70%;}
  .page-int .lien-rap li img{ display: block; float:none; margin:0 auto; width:25px !important; height:25px !important;}
   .page-int .lien-rap li a{word-wrap: break-word;}

}/*/mediaquery*//* @end -720px ------------------------------------------------------------------------------------------*/
/* @group -640PX */@media (max-width: 640px){


}/*/mediaquery*//* @end -640px ------------------------------------------------------------------------------------------*/
/* @group -600PX */@media (max-width: 601px){

  
}/*/mediaquery*//* @end -600px ------------------------------------------------------------------------------------------*/
/* @group -576PX */@media (max-width: 577px){

  .newsletter > div{ width:100%; float:left}
  .newsletter form{ float:left; margin:10px 0}
  .contact-nous > div, .horaires > div, .liens-footer{ float:left; width:100%; text-align:center }
 
}/*/mediaquery*//* @end -576px ------------------------------------------------------------------------------------------*/
/* @group -540PX */@media (max-width: 541px){
  .intranet a{ font-size:0px}

}/*/mediaquery*//* @end -540px ------------------------------------------------------------------------------------------*/
/* @group -480PX */@media (max-width: 480px){
   #logo img{ height:120px; }

  #moteur, #reseaux-sociaux{ float:left}
  #moteur{ width:120px}
  #reseaux-sociaux img{ width:30px}
  .actu .News_resume, .zoom .slide-details{ display:none}
  #controle-menu{ margin:0}
  .slide-details{ width:100% ;float:left}

}/*/mediaquery*//* @end -480px ------------------------------------------------------------------------------------------*/
/* @group -400PX */@media (max-width: 440px){

  
}/*/mediaquery*//* @end -400px ------------------------------------------------------------------------------------------*/
/* @group -360PX */@media (max-width: 400px){


}/*/mediaquery*//* @end -360px ------------------------------------------------------------------------------------------*/
/* @group -320PX */@media (max-width: 320px){

 
}/*/mediaquery*//* @end -320px -------------------------------------------------*/
/* @group -280PX */@media (max-width: 280px){

}/*/mediaquery*//* @end -280px ------------------------------------------------*/






@media print{
body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, #div_lien_yahoo, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #pictos, #contact, #langues, #colD, #bandeau, #footer, #btn_up, #div_modif_illicopage, #colG, #menuH{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
}




/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {  margin: 0;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}


.row  {   margin-left: -15px;  margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 15px;  padding-right: 15px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100%;}
.col-xs-11 {  width: 91.66666667%;}
.col-xs-10 {  width: 83.33333333%;}
.col-xs-9 {  width: 75%;}
.col-xs-8  {   width: 66.66666667%; }
.col-xs-7  {   width: 58.33333333%; }
.col-xs-6  {   width: 50%; }
.col-xs-5  {   width: 41.66666667%; }
.col-xs-4  {   width: 33.33333333%; }
.col-xs-3  {   width: 25%; }
.col-xs-2  {   width: 16.66666667%; }
.col-xs-1  {   width: 8.33333333%; }

@media (min-width: 768px)  {   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
  .col-sm-12  {     width: 100%; }
  .col-sm-11  {     width: 91.66666667%; }
  .col-sm-10  {     width: 83.33333333%; }
  .col-sm-9  {     width: 75%; }
  .col-sm-8  {     width: 66.66666667%; }
  .col-sm-7  {     width: 58.33333333%; }
  .col-sm-6  {     width: 50%; }
  .col-sm-5  {     width: 41.66666667%; }
  .col-sm-4  {     width: 33.33333333%; }
  .col-sm-3  {     width: 25%; }
  .col-sm-2  {     width: 16.66666667%; }
  .col-sm-1  {     width: 8.33333333%; }
 }
@media (min-width: 992px) {  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
  .col-md-12  {     width: 100%; }
  .col-md-11  {     width: 91.66666667%; }
  .col-md-10  {     width: 83.33333333%; }
  .col-md-9  {     width: 75%; }
  .col-md-8  {     width: 66.66666667%; }
  .col-md-7  {     width: 58.33333333%; }
  .col-md-6  {     width: 50%; }
  .col-md-5  {     width: 41.66666667%; }
  .col-md-4  {     width: 33.33333333%; }
  .col-md-3  {     width: 25%; }
  .col-md-2  {     width: 16.66666667%; }
  .col-md-1  {     width: 8.33333333%; }
 }


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print  {   *,
  *:before,  *:after {  background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  a,  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after {    content: "";  }
  pre, blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group;  }
  tr,  img {    page-break-inside: avoid;  }
  img {    max-width: 100% !important;  }
  p,  h2,  h3 {    orphans: 3;    widows: 3;  }
  h2,  h3 {    page-break-after: avoid;  }
  .navbar {    display: none;  }
  .btn > .caret,  .dropup > .btn > .caret {    border-top-color: #000 !important;  }
  .label {    border: 1px solid #000;  }
  .table {    border-collapse: collapse !important;  }
  .table td,  .table th {    background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td {    border: 1px solid #ddd !important;  } 

  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
  .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
  .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, 
  .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
  .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, 
  .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
  .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
  .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
  .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, 
  .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
  .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, 
  .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ width:100%}
  
  .top-line, #controle-menu, #menuH, .footer{ display:none}

}


.newsletter{ display:none}
.pays-luxeuil, .ot-luxeuil, .lien-rap{ margin:10px 0 !important}








#moteur * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bloc-moteur{position: absolute;top: 45px;right: 0vw;width: max-content;}
#resulta{border-radius:15px;max-height: 74vh;overflow-y: auto;position: relative;background: #ffffff;box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);-webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.63);z-index: 100;/* top: 50px; */max-width: 70vw;/* right: -20vw; */}
.itemmoteur{  position: relative; overflow: hidden;  margin: 15px .5% 5px 1%;width:30.3%;
 padding:10px;border:1px solid #ccc;  }
#response{ width:100%; display: flex;  flex-direction: row;  flex-wrap: wrap;
  align-items: stretch; justify-content:center; }
#bloc-moteur-suggest{width:100%; float:left; text-align:center}
#bloc-moteur-suggest > div, #bloc-moteur-suggest > h2{ display: inline-block; margin: 5px 10px; }
#bloc-moteur-suggest > div{font-weight:700; font-size:110%;}
#bloc-moteur-suggest > h2{  font-size:130%;color: #0076BD; margin-top:20px}
#bloc-moteur-suggest > div::before{ content: "- "}
#bloc-moteur-suggest .remplace{ cursor: pointer}

.itemmoteur *{ margin:0; color:#000}
.itemmoteur h3{font-size: 110%; color:#0076BD; margin:0 0 5px 0}
.itemmoteur p{ font-size: 90%; line-height:120%;}
.itemmoteur > a{ display: block;width:100%; float:left; }
.itemmoteur > a > div{ padding:10px;  width:100%; float:left; position: relative }
.itemmoteur a img{ float: right}

.img-moteur{position:relative; height:220px; overflow:hidden; margin-top:10px}
.img-moteur img{  height: 100%;  left: 0;  object-fit: cover;  position: absolute;
  top: 0;  width: 100%;}

@media (max-width: 1005px) {
.itemmoteur{ width:48%}
 .bloc-moteur{ width:80vw}
 .img-moteur{position:relative; height:180px;}
}
@media (max-width: 720px) {

 #resulta{
  right: -29vw;
 }
.itemmoteur{ width:96%}
 .bloc-moteur{ width:80vw}
 .itemmoteur h3{font-size: 100%; }
 .itemmoteur img{ display:none}
 .img-moteur{position: absolute; display: none;}
 .itemmoteur > a > div{ padding:5px; }
}

/* css illicobilite */

:root{
  --logo_text: white;
  --logo_text_hover: #ffffff00;
  --backgound: #00699B;
  --checkbox: black;
  --size: 15px;
}

.gray{
  filter: grayscale(1);
}

.inverter{
  filter: invert(1);
}

#custom-accessibility-menu {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: end;
  z-index: 99;
  top: 25vh;
  left: -1px;
}

#bt_menu_acessibilite {
  font-size: 16px;
  margin: 5px;
  cursor: pointer;
  border: none;
  color: var(--logo_text);
  text-align:start;
  padding: 5px;
  font-family:"Montserrat", sans-serif;
}

#bt_menu_acessibilite svg{
  fill: var(--logo_text);
  padding-right: 5px;
  height: 20px;
  width: 20px;
 padding-top: 7px; 
}

#bt_menu_acessibilite:hover {
  background-color: var(--logo_text_hover);
  color: var(--logo_text);
}

#custom-accessibility-menu .bt_accesibilite{
  display: flex;
  padding: 7px;
  background-color: var(--backgound);
  border-radius: 10px;
  height: min-content;
  position: relative;
  left: -2px;
  margin-left: 10px;
}

#custom-accessibility-menu .bt_accesibilite svg{
  width: 30px;
  height: 30px;
  fill: var(--logo_text)!important;
}

#custom-accessibility-menu .menu_acessibilite{
  display: none;
  flex-direction: column;
  padding: 10px;
  background-color: var(--backgound);
  border-radius: 0 10px  10px 0;
  float: left;
  text-align: center;
  max-width: 280px;
  min-width: 0;
}

#custom-accessibility-menu .liensoulines{
  text-decoration: underline!important;
}

#custom-accessibility-menu .title_acessibilite{
  font-weight: 700;
  font-size: 1.3em;
  font-family:"Montserrat", sans-serif;
  color: var(--logo_text);
  margin: 0;
  margin-bottom: 15px;
}

@font-face {
  font-family: 'opendyslexic';
  src: url('../fonts/dyslexic.ttf');

} 

#custom-accessibility-menu .opendyslexic{
  font-family: 'opendyslexic', eulexia!important;
}



#custom-accessibility-menu details div{
  text-align: start;

}

#custom-accessibility-menu details summary{
  color: var(--logo_text);
  list-style: none;
  list-style-type: none;
}

#custom-accessibility-menu details summary::-webkit-details-marker{
  display: none;
}

/*------ Settings ------*/
#custom-accessibility-menu .container {
  position: relative;
  cursor: pointer;
  font-size: var(--size);
  user-select: none;
  fill: var( --logo_text);
}

#custom-accessibility-menu .container svg{
  height: var(--size)!important;
  width: var(--size)!important;
}

#custom-accessibility-menu .container .play {
  /* position: absolute; */
  animation: keyframes-fill .5s;
  padding: 0px !important;
}

#custom-accessibility-menu .container .pause {
  /* position: absolute; */
  display: none;
  animation: keyframes-fill .5s;
  padding: 0px !important;
}

/* ------ On check event ------ */
#custom-accessibility-menu .container input:checked ~ .play {
  display: none;
}

#custom-accessibility-menu .container input:checked ~ .pause {
  display: inline;
}

/* ------ Hide the default checkbox ------ */
#custom-accessibility-menu .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* ------ Animation ------ */
@keyframes keyframes-fill {
  0% {
    transform: rotate(-180deg) scale(0);
    opacity: 0;
  }

  50% {
    transform: rotate(-10deg) scale(1.2);
  }
}

#custom-accessibility-menu #config_lecaudio_d div{
  display: flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  color: var(--logo_text);
}

#custom-accessibility-menu #config_lecaudio_d select, input{
  width: min-content;
  max-width: 70%;
  background-color: var(--logo_text);
  color: var(--checkbox);
  border-radius: 20px!important;
  width: min-content;
  padding: 3px 10px!important;
}

#custom-accessibility-menu summary::before {
  content: "+"; 
  margin-left: 5px; 
  float: right; 
}

#custom-accessibility-menu details[open] summary::before {
  content: "-"; 
}