/* ----------------------------- */
/* Styles corporate ENERPLAN     */
/* ----------------------------- */
/*
* @author : Romain Villaret
* @date : 03/01/2018
*/

:root {
	--bleu: #234BF7; /* 014493 */
	--orange: #FEBC36; /* f58220 */
	--orangeTransp: #FEBC36CC; /* f58220CC*/
  }

/* ----------------------------- */
/* = HTML/BODY                   */
/* ----------------------------- */
body { font-family: 'Arimo', sans-serif;font-size: 18px;color: #333;} /*'Roboto Condensed'*/

a { text-decoration: none; color:#0B3D91; /*474D57*/ }
a:hover { text-decoration: none; color:#194da7; }

h1 { /*font-family:'Dosis', sans-serif;*/ font-size: 2em; font-weight:normal; color: var(--bleu);}
h2 { color: var(--orange);  font-size: 1.4em; font-weight:bold; }
h3 { font-size: 25px; color: var(--bleu); }

.date, .resume { font-size: 16px; color: #666; /*margin-top:20px;*/ display:block; }

hr { border-top-color: #DFDFDF;}

/*.nav, .breadcrumb { font-family: Montserrat, sans-serif; }*/
.navbar-default { border:none; }
.nav li.niv2 { list-style: none; }

.btn { 
	font-size: 1.3rem; padding: 4px 12px;
	color:#333; border:none; 
	/*font-family: Montserrat, sans-serif;*/ 
	transition-property: background-color; transition-duration: 0.5s;
}
.btn-sm { font-size: 1.2rem; padding: 3px 8px; }
.btn-xs { font-size: 1rem; padding: 2px 5px; }
.btn-default, .btn-retour { background-color: var(--orange); color:#fff;  }
.btn-default:hover { transition-property: background-color; transition-duration: 0.5s; }
.btn-mapLink { background-color: #7B869B; color:#fff; }
.btn-inscription {background:var(--bleu) url('images/ic-cray.png') no-repeat 5px 2px;padding-left:30px;}
.btn-adherer {background:var(--bleu) url('images/ic-ad.png') no-repeat 14px 7px;padding:0.7em 1.5em 0.7em 40px;}

.btn-allactus { 
	position: absolute; 
	bottom: 20px; left: calc(50% - 110px);
	margin:0.7em 0 1em 0; padding:0.6em 2em;
	text-align: center; 
	/*font-family: 'Roboto Condensed', sans-serif; */
	font-size: 16px; 
	background-color: var(--bleu); color: #fff;
}
.prive .btn-allactus { background-color: #eee; color:#666; }
.prive .btn-allactus:hover { background-color:#555; color: #fff; } /* ? */

.btn-filEtape.active { font-weight:bold; }
.btn-novalid { background-color: #ddd; color: var(--bleu); }

.navbar-inverse { background-color: var(--bleu); }
.navbar-inverse a { color:#ccc; }
.navbar-inverse li:hover a { color:#fff; background-color:transparent; }

.pagination { display: inherit; }

/* ----------------------------- */
/* = Header                      */
/* ----------------------------- */
#header  { padding-left:0; padding-right:0;min-height:155px; } 

#header .fondbandeau {min-height: 155px;background-color: #fff;}
#header .fondbandeau .container{position:relative;}

#header .logo { 
	float:left;
	background:url('images/logo.png') no-repeat left; /*background-size: contain;*/ 
	width:340px; height: 129px; margin-top:11px; /*12.5*/
}
#header .langues { text-align:right; background-color: transparent;  margin:0;}
#header .langues li a { padding:0; margin: 0 0 0 15px; }
#header .langues li:hover a { background-color: transparent; }

/* Moteur recherche */	
#header .rechercher { font-size:0.8em; }
#header .rechercher form { display:block; float:right; height:21px; margin:6px 0; }
#header input[type=image] { display:inline-block; width:21px; height:21px; vertical-align:top;margin-left:5px;}

#header .navbar-default { 
	float:left;
	background-color:transparent;margin-bottom:0; min-height: 40px; font-size: 1.1em; 
}
#header .navbar-default .nav .niv1 > a { 
	padding:11px 13px; /*20*/ text-transform: uppercase; font-family: 'Barlow Condensed', sans-serif; font-size: 21px; color: #666;
}
#header .navbar-default .navbar-nav > .active > a {	color:#fff;background-color:var(--orange); }

#header .navbar-default .nav{margin-top:112px;}
#header .navbar-default .nav .niv1:hover > a { /*color:var(--orange);*/ border-top:1px solid var(--orange); padding-top:10px;}

#header ul.langues { margin:0; padding-top:8px; }

#header .dropdown-menu	{ background-color: var(--orange); font-size: 0.8em;border:none;}
#header .dropdown-menu>li>a	{ color:rgba(255,255,255,0.9); padding:6px 16px; }
#header .dropdown-menu>.active>a, 

#header .dropdown-menu>.active>a:focus {color:#fff;background-color: transparent; }

#header .dropdown-menu>li>a:hover { background-color:var(--bleu); }
#header .dropdown-menu>li>a:focus {	background-color: transparent; }

.navbar-default .navbar-toggle { border:none; background-color: transparent; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: var(--orange); width:25px; height: 4px; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: var(--bleu); }
.navbar-toggle { margin-right:-20px; padding-right: 0; }

/* Liens du Header */
.liensHeader{position:absolute;top:0;right:0;}
.lienEspaceAdherent{
	float:left; padding:4px 25px; margin-right: 15px;
	font-family: 'Barlow Condensed', sans-serif; font-size: 20px; 
	color: #fff; background-color:var(--orange);
	border-radius:0px 0px 5px 5px;
}
.lienEspaceAdherent img{margin-right:10px;}
.lienTwitterHeader {width:29px;height:29px;background:url('images/ic-twitter.png') no-repeat center;float:left;margin:3px 6px;}
.lienYoutubeHeader {width:29px;height:29px;background:url('images/ic-you.png') no-repeat center;float:left;margin:3px 6px;}
.lienLinkedinHeader {width:29px;height:29px;background:url('images/ic-linkedin.png') no-repeat center;float:left;margin:3px 6px;}

/* pour menu en col1 */
.navbar-collapse { margin-left: -15px; margin-right: -15px; }
.enteteConnexion .navbar-toggle { margin-right: 10px; }

/* sous-menu expertises */
#header .expertise.navbar { margin:27px 0 0 0; }
#header .expertise .nav-pills>li>a {color: #7EB535; background-color: transparent; text-transform: uppercase; font-size: 1.1em;}
#header .expertise .nav-pills>li:hover>a { color:#333; }

#header .expertise .nav-pills>li + li { padding-right:1.5em; }


/* Banniere */
#banniere {margin-bottom:20px;}
.nivo-caption { background-color:rgba(1, 68, 147,0.8); opacity:0.9; text-align:center; padding: 1em; }
.titreBanniere  { font-size: 40px;color: #fff; }

/* ----------------------------- */
/* = Accueil                     */
/* ----------------------------- */
.section{padding:50px 0;}
h2.titreSection{ /*font-family: 'Dosis', sans-serif; */font-size: 40px;text-transform:uppercase;}


/* Section 2 */
#section13075 h2.titreSection{display:none;}
#section13076 {color:#fff; min-height: 500px; }
#section13076 h2.titreSection{color:#fff;}
#section13076 .texteBloc2{ /*font-family: 'Roboto Condensed', sans-serif;*/ font-size: 20px;color: #fff;}
#section13076 .blocAdherer{
	display:flex;
	width:100%; max-width:580px; height:251px;
	/*background:url('images/fd-adherer.png');*/
	border-radius:12px; border:#4C87C7 dashed 1px; background-color: rgba(255,255,255,0.3);
	text-align:center; 
	padding:40px; margin:auto;
}
#section13076 .blocAdherer span{ font-size: 20px;color: #ec5f00;clear:both;}
#section13076 .blocAdherer a{
	display:block;
	/*width:247px;*/ height:56px;
	max-width: 100%;
	background-image:url('images/bouton.png');
	background-position: center; background-repeat: no-repeat; background-size: contain; 
	margin:10px auto;
}
#section13079 {padding-bottom:0;}
#section13079 h2.titreSection{display:none;}

/* Dernier Bloc */
.column-layout{display: flex;flex-wrap: wrap;}
.column-layout > div {/*display: flex;*/width: 50%;padding: 20px;}
.fondBleu{background-color:#0FA0E3;display:inline-block;text-align:center;}
.fondBleu h3{color:#fff;}
.fondGris{background-color:#F1F1F1;display:inline-block;}

/* Slider bloc 1 Accueil */
.numericControls{list-style:none;text-align:center;padding:0;}
.numericControls li{display:inline-block;width:15px;height:15px;border:1px solid #0197D6;margin:0 5px;text-indent:-8000px;border-radius:50%;}
.numericControls li.current, .numericControls li:hover{background-color:#0197D6}



/* ----------------------------- */
/* = Principal                   */
/* ----------------------------- */

/*----------- bannière ----------*/
#bannPage { position: relative;	overflow:hidden;height: 320px; }
#bannPage .bannContenus { position:absolute; z-index: 1000; left : calc(50% - 685px); bottom : 10%;}
#bannPage .bannContenus h1 { display: inline-block; min-width: 40%;background-color: rgba(160, 197, 59, 0.85); color:#fff; font-size: 3em; padding:0.3em;}
#bannPage .bannImages img {}
#bannPage .bannCache { position:absolute; z-index: 999; top:0; left:0; width:100%; height:100%; background-size: contain; background-repeat: no-repeat; background-position: center top;background-image:url('images/overlay-banniere.png'); }

.colonne1 { padding-top:2em; margin-right: -30px;padding-right: 60px;}
.colonne1 .nav { background-color: #fff; }
.colonne1 .nav-pills li.niv1 { padding:0 0 0 1em; }
.colonne1 .nav-stacked>li+li { margin-top: 0; }
.colonne1 .nav-pills li.niv1 > a { padding:1em 0; font-size: 1em; }
.colonne1 .nav-pills li.niv1.active { background-color:var(--orange); }
/* menu privé */
.colonne1 .nav-pills.prive li.niv1.active { background-color:var(--bleu); }

.colonne1 .nav-pills li.niv1 > ul { padding-left:1.6em; }	

.colonne1 .nav-pills li.niv1.active > a { color:#fff; background-color:transparent; }
.colonne1 .nav-pills li.niv1 > ul { display: none; }	
.colonne1 .nav-pills li.niv1.active > ul { display: inherit; }
.colonne1 .nav-pills li a { color:#474D57; }
.colonne1 .nav-pills li.niv2 { text-transform: none; }
.colonne1 .nav-pills li.niv2 > a { color:rgba(255,255,255,0.9); font-size: 0.9555em; line-height:1.7em; }
.colonne1 .nav-pills li.niv2.active > a { color:#fff; font-size: 0.9555em; line-height:1.7em;font-weight:bold; }

.colonne1 .nav>li>a:hover, .nav>li>a:focus { background-color: inherit; }

.colonne2 {padding:0;margin-bottom:30px;}
.page38 .colonne2{margin-bottom:0;}

.colonne2 > header { margin-bottom: 1.5em; }

.colonne2 h1 { font-size:2em; text-align: center; margin:0.5em 0;}
.colonne2 h2 { font-size:1.4em; margin:0.3em 0; /*font-family: 'Dosis', sans-serif;*/ }
.colonne2 h3 { font-size:1.1em; }

/* Fil Ariane */
ol.breadcrumb { font-size: 1.1em;background-color: transparent; margin-bottom:10px; }
ol.breadcrumb li+li:before { content:'>'; }
ol.breadcrumb .home { display: inline-block;width:25px; height: 20px;background-repeat: no-repeat; }
ol.breadcrumb .home.pub { background-image: url('images/home-pub.png'); }
ol.breadcrumb .home.adh { background-image: url('images/home-adh.png'); }

.menuMobile .nav a[href] { background-color: #fff;transition-property: background-color, padding;transition-duration: 0.3s;}
.menuMobile .nav>li>a { font-size:1.2em; padding:0 0 0 0.5em; margin:5px 0;line-height: 40px;}
.menuMobile .nav>li>a[href] { background: url('images/fl-menumob.png') no-repeat right;	}

.menuMobile .nav a:hover { background-color: transparent; }
.menuMobile .nav a[href]:hover { 
	padding-left:1em;background-color: inherit; color:#D82F8A; background-color: #eee;
	transition-property: background-color, padding;transition-duration: 0.3s;
}

.menuMobile .nav > li+li { border-top:#ddd dotted 1px; }

.menuMobile .nav > li.sousMenuMobile> a:hover {  }
.sousMenuMobile > div { margin-left:2em; }
.sousMenuMobile > div .menuitem { display: block; padding:0.4em; }

/* ----------------------------- */
/* = Footer                      */
/* ----------------------------- */
#footer { padding-top:2em; background-color:var(--bleu); padding-bottom:2em; }
#footer .container{position:relative;}

#footer .navbar.legal { margin:0; }
#footer .legal .nav>li + li { border-left:#666 solid 1px; }
#footer .legal .nav>li a { padding:0 10px; line-height: 1em; }

#footer .adresse {font-size: 0.9em; color: #fff;}
#footer .adresse a { color:#fff; }
#footer .adresse h2 { color:var(--bleu); font-size: 1.2em; margin:0 0 0.2em 0; }
#footer label { color:#557D00; font-weight: normal; }

.liensFooter{position:absolute;top:20px;right:0;}

#footer .langues { text-align:right; background-color: transparent; margin:0;}
#footer .langues li a { padding:0; margin: 0 7px 7px 0; }

#footer .icone-twitter { background-image:url('images/twitter.png'); width: 74px; height: 74px;}
#footer .icone-twitter:hover {background-color:transparent;}
#footer .icone-youtube { background-image:url('images/you.png'); width: 74px; height: 74px;}
#footer .icone-youtube:hover {background-color:transparent;}
#footer .icone-linkedin { background-image:url('images/linkedin.png'); width: 74px; height: 74px;}
#footer .icone-linkedin:hover {background-color:transparent;}

/* Infos Ugocom */
#pied_ugocom { clear:both;	font-size:0.7em; color:#aaa; text-align:center;	margin-top:2em;}
#pied_ugocom a { color:#aaa; text-decoration:none; }


/* ----------------------------- */
/* = Détail d'élément            */
/* ----------------------------- */
.detail .colonne2 h1 { border-bottom:none; }

.detail .imageFiche { float:left; padding: 10px; border:#E6E6E6 solid 1px; margin:0 2em 1em 0; }

/* Bloc slider "fade" */
.wrapperSudoFade { float:left; padding: 10px; border:#E6E6E6 solid 1px; margin:0 2em 1em 0; max-width:320px; }

/* ----------------------------- */
/*---         Fullpage        ---*/
/* ----------------------------- */
#fp-nav { top:210px;  }
#fp-nav.right { right:10px; }
#fp-nav ul li { margin:9px; }
#fp-nav ul li a span { background-color: #D82F8A; width:11px; height:11px; margin: -2px 0 0 -2px;border-radius:0!important;border:1px solid #fff;background-color:transparent;}
#fp-nav ul li:hover a span { width:11px; height:11px; margin: -3px 0px 0px -3px; background-color:var(--orange);}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {width:15px; height:15px;background-color:var(--orange);}

.fp-controlArrow { top: calc(50% + 70px); }
.fp-controlArrow.fp-prev, 
.fp-controlArrow.fp-next { border:none; width:60px; height:60px; background-repeat: no-repeat;}
.fp-controlArrow.fp-prev { left:4%; background-image:url('images/prev.png'); }
.fp-controlArrow.fp-next { right:4%; background-image:url('images/next.png'); }

.titreSection { text-align: center; /*font-family: 'Dosis', sans-serif;*/ font-size: 40px;color: var(--bleu);}
.accrocheSection { text-align: center; font-size: 1.5em;margin:0 0 1.5em 0;}

.espaceVide {height:40px;}
.nextSection { display: block; position:absolute; z-index:10000;bottom:0; left:calc(50% - 79px);width:158px; height:60px;background:url('images/next_section.png') no-repeat; background-size: cover;}

/* Positionnement dans les slides */
.slideFP{background-position:top center!important;}
.slideFP .fp-tableCell { vertical-align:bottom; padding:0 0% 0px 0%; color:#fff; }

.slideFP .blocslide { background-color:rgba(1,68,147,0.8); padding:20px 10% 20px 10%; min-height: 230px; }
.slideFP h3 { /*Font-family:'Montserrat', sans-serif;*/ font-size: 3.8em; color:#fff; margin:0; }
.slideFP p { font-size: 1.5em; color:#fff; }

/* Spécificités sections */
#section41 .titreSection { color:var(--bleu); }



/*------ Rollover sur bloc avec image en fond ------*/
.roll { display:block; overflow: hidden; position: relative;
	background-position: center; background-size: cover; background-repeat: no-repeat;
	background-color:#fff; /* si pas d'image */
	color:#fff;
}
.roll > div { display: table; width: 101%; height: 100%; background-color: transparent; }
.roll:hover > div { background-color: var(--orangeTransp); transition-duration : 0.4s; }

.roll .off { 
	display: table-cell; vertical-align: middle; text-align: center; 
}
.roll:hover .off { display: none; }

.roll .on { display: none; 	vertical-align: middle; text-align: center;}
.roll:hover .on { display: table-cell; }

.roll .glyphicon { display:block; font-size: 1.5em; line-height: 1.8em; }

.roll .plus { display: block; position: absolute; bottom:40px; left: calc(50% - 20px);width: 40px; height: 40px; background-repeat:no-repeat;}
.roll:hover .plus { background-image:url('images/plus.png'); }

.roll .off h3 { 
	padding:0.5em 0; font-size: 1.4em; 
	color:#fff; background-color:var(--orangeTransp);
}
.roll .on h3 { font-size: 1.3em;color:#fff; }
.roll .on p { text-align: center; padding:0.5em;color:#fff; }


/*------ Photothèque en grille ------*/
/*.pttGrille .roll {
	float:left; margin:0 15px 15px 0;
	width: 200px; height:200px;
	}
.pttGrille .roll:hover > div { background-color:rgba(70, 70, 70, 0.6); }*/

/*------ Photothèque en liste (avec slider) ------*/
.pttListe { padding:15px 35px; position: relative; }
.pttListe .slide a {height:200px; max-width:200px; width:90%; margin:0 auto;}

.pttListe .prevBtn, .pttListe .nextBtn {
	display:block; overflow:hidden; text-indent:-8000px; position:absolute; top:0; z-index:1000; cursor:pointer;
	width:30px; height:100%; margin:0; padding:0;
	background-position:center; background-repeat:no-repeat; background-size:contain;
}
.pttListe .prevBtn { left:0; background-image:url(images/prev2.png); }
.pttListe .nextBtn { right:0; background-image:url(images/next2.png); }
.pttListe .texte { font-size: 1.2em; }

.titreJointure { font-size: 2.5rem; /*font-family:'Montserrat', sans-serif;*/ color:var(--orange); padding:1rem 0;}

/*----- Bloc noeud grand modèle -----*/
.grandBloc .roll { width: 250px; height: 250px; margin-bottom:1em; margin-right: 1em; }
.grandBloc .resume { color:#000; }
/*----- version espacé (2/ligne) -----*/
/*.grandBloc.spacer .roll {	margin-left:2em; margin-right:2em; }*/


/*----- listing actus (en ligne : vignette+texte) -----*/
.blocEnLigne .noeud { display: table; width:100%; margin-bottom: 1em; }
.blocEnLigne .vignette {
	display: table-cell; height: 180px; width: 180px;
	vertical-align: bottom; 
	background-size: contain /*cover*/; background-position: center; background-repeat: no-repeat;}
.blocEnLigne h2 { margin-top:0; }
.blocEnLigne .date, .blocEnLigne .lieu {}
.blocEnLigne label { font-weight: normal; }
.blocEnLigne .date label, .blocEnLigne .lieu label {color: var(--orange);}
.blocEnLigne .lieu a { 
	display: inline-block; min-width: 20px; height: 20px; vertical-align: middle;
	background:url('images/icone-localisation-petit.png') no-repeat; padding-left: 21px; font-size: 0.9em;
}
.blocEnLigne .texte { display: table-cell; width:78%;padding: 1em;background-color: #f1f1f1;}


/*----- listing adresses (en ligne : vign+texte+contact)-----*/
.blocEnLigneAdr .noeud { display: table; width:100%; margin-bottom: 1em; }
.blocEnLigneAdr .vignette {display: table-cell; width: 180px;vertical-align: bottom; background-size: contain; background-position: center; background-repeat: no-repeat;}
.blocEnLigneAdr h2 { margin-top:0; }
.blocEnLigneAdr label { font-weight: normal; }
.blocEnLigneAdr .texte { 
	display: table-cell; width:50%; padding: 0.5em 1em; 
}
.contact { 
	display: table-cell; width:25%; padding: 1em;
	color: #fff; 
}

.blocEnLigneAdr > div:nth-child(even) > div.texte { background-color:#f2f5f9; }
.blocEnLigneAdr > div:nth-child(odd) > div.texte { background-color:#f3f7fc; }

.blocEnLigneAdr > div:nth-child(even) > div.contact { background-color: var(--bleu); }  /* 004393 */
.blocEnLigneAdr > div:nth-child(odd) > div.contact { background-color:#4869f7; } /* 1566c4 */


.contact, .blocEnLigneAdr .contact a  { color:#fff; }
.contact a  { color:#fff; font-weight:bold; }
.contact > span { font-size: 1.6em; }
.contact > p {}

.contact a.lienIconeEtTexte { display:block; margin:5px 0; line-height: 1.5em; font-weight: normal; vertical-align: middle;}
.contact a.lienIconeEtTexte:hover { color: #000 }
.contact a.lienIconeEtTexte > span.glyphicon { font-size: 1.3em; padding-right: 0.3em; }


/*-----M1: Bloc texte+vignette large (accueil) -----*/

.blocM1 .noeud { margin:0 auto 2em auto; width: 96%;/* margin-right:0; margin-bottom: 20px;*/ }

.blocM1 .texte { height:280px; overflow:hidden;background-color:#fff; color:#333;padding:2.5em 1em 1em 1em; font-family:Arial, Sans-serif; font-size: 1.2em;}
.blocM1 h3 { font-size: 1.6em; margin:0 0 1em 0;  }
.blocM1 h3 a { color:var(--bleu); }
.blocM1 .vignette { display: block; height:280px;padding:0; }
.blocM1 .roll .plus { display:inline-block; position: inherit; }


/*------ onglets -------*/
.nav-tabs { background-color: transparent; border:none; margin-top:1em;  }
.nav-tabs>li>a { color:#474D57;border:none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: var(--bleu); color:#fff; border:none; }
.tab-content { padding-top: 2em; }

/*--- pour form. de gestion ---*/
#formGestionNoeud .tab-content { padding:1em; background-color: #F8F8F8; border: var(--bleu) solid 1px;}


/* ----------------------------- */
/* = Divers                      */
/* ----------------------------- */

div.interdit {font-weight:bold;min-height: 120px;background-image:url('images/fond-logo-interdit.png');background-repeat: no-repeat;background-position: right;}
div.interdit p { margin:0.5em 0; }

/*--- section actus et évén d'accueil / accueil adhérent ---*/
.bulletitre { 
	position: absolute; padding:7px 25px; z-index: 2000; 
	top: 0; left:calc(50% - 65px);
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 20px;
	color: #fff; background-color: var(--orangeTransp);
}
.blocListing { 
	position:relative; 
	/*padding:30px 10px 10px 10px;*/ padding-top:50px;
	height:575px;
	text-align:center;
	border:1px solid #e7e7e7;
}
.blocListing .vignetteAccueil {width: 100%;height: 300px;background-size: cover;margin-top: 0px;}
.texteListingAccueil{padding:0 30px;text-align:left;}

.blocListing a {}
.blocListing h3 { }
.blocListing .date {text-align:center;display:block;}

.blocListing #twitter-widget-0 { max-height:302px; }

.eventAccueil .texteListingAccueil{margin-top:70px;}
.eventAccueil .date{text-align:left;}
.eventAccueil h3{margin-top:5px;margin-bottom:25px;}
.actuAccueil{position:relative;}
.hoverAccueil{width:100%;height:300px;position:absolute;top:0;left:0;background:rgba(245, 130, 32,0.7);color:#fff;display:none;}
.hoverAccueil span{margin:auto;color:#fff;font-size:35px;}
.actuAccueil:hover .hoverAccueil{display:flex;}


/*--- Zones WYSIWYG ---*/
.wysiwyg { font-size: 1em; }
.wysiwyg p { margin:0.5em 0; text-align:justify; }
.wysiwyg a { color:var(--orange); }
.wysiwyg a:hover { text-decoration: underline; }

/* --- Bloc Add to Any --- */
.blocAdd { /*width:100%;*/ height:29px; margin-right: 31px; }

.blocAdd > div > span {float:left;font-weight:bold;color:var(--orange);font-size:15px;margin-right:10px;}
.blocAdd .a2a_kit{float:right;}
.a2a_s_facebook{background:url("images/ic-facebook.png") no-repeat center;width:37px;}

.a2a_svg {width:37px!important; height:29px!important; line-height:29px!important; background-color: #AB1A2C!important; }
.a2a_s_facebook{background:#fff url("images/ic-facebook.png") no-repeat center!important;}
.a2a_s_facebook path{display:none;}
.a2a_s_twitter{background:#fff url("images/ic-twitter.png") no-repeat center!important;}
.a2a_s_twitter path{display:none;}
.a2a_s_a2a{background:#fff url("images/ic-share.png") no-repeat center!important;}
.a2a_s_a2a path{display:none;}
.a2a_s_linkedin{background:#fff url("images/ic-linkedin.png") no-repeat center!important;}
.a2a_s_linkedin path{display:none;}

/*--- PANEL ---*/
.panel { background-color:#F4F4F4; -webkit-box-shadow:none; box-shadow: none;border:none; }
.panel h3 { color:#EA5B0C; }
.panel-body { padding:12px; }

/*--- Moteur Rech. ---*/
.formRecherche { margin-top: 4px; margin-left: 1em; font-size: 0.9em; }
.formRecherche input[type=submit] { 
	border:none; text-indent: 30px; overflow:hidden; 
	width: 23px; height: 23px;
	background:transparent url('images/ic-recherche.png') no-repeat; 
}
.formRecherche input[type=text] { width:150px; /*calc(100% - 30px)*/ transition-duration: 0.4s; transition-property: width; }

/*--- form filtre ---*/
.filtre .form-group + .form-group { margin-left:1em; }

/*--- TAGS ---*/
.listeTags .badge { background-color: transparent; color:#333; font-size: inherit; vertical-align:inherit; }
.listeTags span { font-size: 1.4em; color:var(--bleu); }
.listeTags a + a:before { content:'-'; }

/*--- téléchargements ---*/
.telechargement span { font-size: 1.4em; color:var(--bleu); }
.telechargement a + a:before { content:'-'; }

.listeLiens { font-size: 1.6rem; margin:0.5rem 0; }
.listeLiens span { color:var(--bleu); }
.listeLiens.inline ul { display: inline; } */
.listeLiens li { font-size: 1.5rem; }
.listeLiens.inline li + li:before { content:'-'; padding-right: 0.5em; }

/*--- ABCDAIRE ---*/
.abcdaire { font-size:1.5em;padding-bottom:1em; margin-bottom:1.5em; }

.pager li>a { border-radius: 8px; padding:4px 10px }

/*--- PLAN ---*/
ul.plan { margin-left:0em; }
ul.plan li.niv1 { margin-bottom: 1em; }
ul.plan li.niv1 > a { font-size:1.2em; margin-bottom: 0.3em; color:var(--bleu); }
ul.plan li.niv2 > ul { padding-left: 15px; }
ul.plan li.niv2 > a { font-size:1em; }
ul.plan li.niv3 > a { font-size:0.8em; }

/*--- Google map ---*/
#gmap {clear:both;width:100%; height:430px;margin:2em 0;}
#gmap_search { margin:auto; /*width:700px;*/}
#gmapCartographie { width:100%; height:470px; }
form[name=centrecarte] { display: inline-block; margin-top:8px; }
.demande_centre { text-align: center; margin:0.7em 0; }

.infoBulle .titre { font-weight:bold; text-align: center; }
.infoBulle .adressePostale { margin:0.5em 0; }
.infoBulle span.label { color:inherit; font-size: inherit; font-weight: inherit; padding: inherit; }
.infoBulle .glyphicon { color:var(--bleu); }

/*---Formulaire ---*/
.formulaire {margin: 20px 0; }
.obligatoire { font-weight:bold; }
.obligatoire:after { content:' *'; color:var(--orange); }
.erreur { color:red }
.form-control:focus {
	border-color:var(--bleu);-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1,68,147, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(1,68,147, 0.6);
}

/* (dé)connexion */
div.enteteConnexion { padding: 0.5em 0;line-height: 70px;text-align: center; /*font-family: 'Montserrat', sans-serif;*/ background-color: #F8F8F8;}
div.enteteConnexion > .nom { color: var(--bleu); font-size: 1.3em; }
div.enteteConnexion > a { display: inline-block;width:20px; height: 20px; background-size: contain;background-image: url('images/deco.png'); background-repeat: no-repeat;margin-left: 5px;padding-left:27px;}
#header div.enteteConnexion { background-color: transparent;padding:0;}

ul.listeItemsEnLigne { list-style: none; display: inline; padding-left:0.5em; font-size: 0.9em;}
ul.listeItemsEnLigne li { display: inline; padding-right:0.2em; }
ul.listeItemsEnLigne li + li:before{ content:'\002013\0000A0'; }

/*Slider Wrapper */
.sliderWrapper { position: relative; width: 75%; padding: 10px 0;margin: 0 auto;margin-top: 30px; }
.sliderWrapper .slider{padding:0;}
.sliderWrapper a.colorbox { display:block; float:left; }
.sliderWrapper a.colorbox > img {/* margin:0 10px 0 0;*/border:1px solid #E0DEDF; } 

.sliderWrapper .prevBtn, .sliderWrapper .nextBtn, .sliderPage .prevBtn, .sliderPage .nextBtn, .sliderAgenda .prevBtn, .sliderAgenda .nextBtn, .sliderMonument .prevBtn, .sliderMonument .nextBtn {
	margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; position:absolute; z-index:1000; cursor:pointer;
	width:30px ;height:100%; top:0; background-position:center; background-repeat:no-repeat;
}
.sliderWrapper .prevBtn, .sliderPage .prevBtn, .sliderAgenda .prevBtn, .sliderMonument .prevBtn{left:-50px;background-image:url(images/fl2.png);}
.sliderWrapper .nextBtn, .sliderPage .nextBtn, .sliderAgenda .nextBtn, .sliderMonument .nextBtn{right:-50px;background-image:url(images/fl1.png);}
.slider ul,.slider li { margin:0; padding:0; list-style:none; }
.slider li {margin-left:28px;margin-right:28px;}

.listeLiens img{margin:auto;}


/*----------------------- SITE ADHERENT ------------------------*/
.buttonAction { text-align: right; }
.barreSeparation { border-top:#ddd solid 1px; margin:1em 0; }
.form-control { padding:3px 8px; height:30px; }
.inactif { opacity:0.3; }

.picto {display:inline-block;line-height: 24px; height: 24px;padding:0 0 0 42px; /* 26px */background-repeat:no-repeat; background-position: 0 0;vertical-align:top;}
.picto.notext {width:24px;overflow:hidden; text-indent:26px;padding-left:0;}
.picto.creer { background-image:url(images/pictos/creer.png); color:#95BE5E; }
.picto.modifier { background-image:url(images/pictos/modifier.png); color:#E1A709; }
.picto.supprimer { background-image:url(images/pictos/corbeille.png); color:#AC9C8A; }
.picto.editer { background-image:url(images/pictos/editer.png); color:#E1A709; }
.picto.retour { background-image:url(images/pictos/retour.png); color:#AC9C8A; }
.picto.valider { background-image:url(images/pictos/valider.png); color:#9EC963; }
.picto.apercu { background-image:url(images/pictos/apercu-solo.png); color:#E1A709; }
.picto.apercuhl { background-image:url(images/pictos/apercu-solo.png); color:#AC9C8A; }

/* "En ligne" (non/oui) */
.picto.enligne0 { background-image:url(images/pictos/horsLigne.png); }
.picto.enligne1 { background-image:url(images/pictos/enLigne.png); }

/* hack cms/btr */
.picto.btn { padding:4px 12px; line-height:1.42857143; height:inherit; }
.picto.creer.btn, .picto.modifier.btn, .picto.supprimer.btn, .picto.editer.btn { 
	background-image:none; color: #fff; 
}
.editer.btn { margin-bottom: 0.3em; }

.contenuOnglet fieldset { margin:1em 0; }
.contenuOnglet fieldset > fieldset  { margin-left:1em; }
.contenuOnglet fieldset > fieldset > legend { font-size: 1.1em; border-bottom:none; color:#030; }
.contenuOnglet fieldset.creer { background-color: rgba(0,200,0,0.05); padding:0.5em; }


/* Barre onScroll */
#barreOnScroll {
	display:none; position:fixed; z-index:99;
	top:0; left:0;
	width:100%;	/*height:31px;*/
	padding-top:7px;
	border-bottom:1px dashed #99B;
	background-color:#fbfbfe; /* url('images/onSroll_bg.jpg') 0 0 repeat-x; */
}
#barreOnScroll > div { width:90%; margin:auto; }
#barreOnScroll .filAriane { float:left; padding-top: 5px; }
#barreOnScroll .validForm { text-align:right; padding-top: 5px; padding-bottom: 11px; }


/*=================================== >= 1150 =====================================*/
@media screen and (min-width: 1150px) {
	/*--- ouverture au rollover ---*/
	li.dropdown:hover > .dropdown-menu {display:block; margin-top:0;}	
}


/*=================================== <= 1400 =====================================*/
@media screen and (max-width: 1400px) {
	
	
	#header .navbar-default{min-height: inherit;}
	/*#header .navbar-default .nav .niv1 > a{padding: 5px 20px;}*/
	#header .navbar-default .nav li.niv1 > a { padding:11px 10px;font-size:19px;  }

	#header .navbar-default .niv1.menu-37 {background-position: 0px center;}
	#header ul.langues{padding-top: 0px;}
	#header .logo {background-position: center; background-size: contain; min-height: 70px; }
	#header .fondbandeau{min-height: 70px;}
	#header .expertise.navbar{margin: 20px 0 0 0;}
	
	.formRecherche input[type=text] { width:120px; }
	
	.nextSection {left: calc(50% - 65px);width: 130px;height: 50px;}
	
	.slideFP .blocslide{min-height: 170px;}
	.slideFP h3{font-size: 2.5em;}
	.slideFP p{font-size: 1.3em;}

	#bannPage { height: 250px; }
	#bannPage .bannContenus { left : 0; }
	#bannPage .bannContenus h1 { font-size: 2.5em; }

	.grandBloc .roll { width: 210px; height: 210px;margin: auto; margin-bottom:1em; margin-right: 1em; }
	.roll .off h3{font-size:1.3em;}
	.roll .on h3{font-size:1.1em;}

}
	

/*=================================== <= 1300 =====================================*/

@media screen and (max-width: 1300px) {
	
	#header .logo {
		background-position: center; background-size: contain; min-height: 70px; 
		max-width: 250px;
	}

	/*#header .navbar-default .nav li.niv1 > a { padding:11px 10px;font-size:19px; }*/
	
	/* sous-menu expertises ---> non trouvé */
	/*#header .bandeau .nav-pills > li > a { font-size: 1em; line-height: 25px; }
	#header .bandeau .nav-pills > li + li { padding-right: 0; }*/

	/* esp. adh. ---> non trouvé */
	/*#header .navbar-default .niv1.menu-37 { background-image:none; }*/

}

/*============================ <= 1150 (breakpoint menu) ==========================*/
@media screen and (max-width: 1150px) {
	
	/*.icone-partage .autreReseauxSociaux { top:-112px; }*/
	#header .navbar-default{float:none;}
	#header .navbar-default .nav li.niv1 > a { padding:7px 10px;  }

	#header .expertise.navbar { margin:10px 0 0 0; }
	.navbar-collapse{width:100%;}
	#header .navbar-default .nav{width: 100%;margin-left: 0;margin-top:10px;}
	.navbar-toggle{margin-top:110px;margin-right:0;}

	.colonne1 { padding-top:0; }
	.colonne1 .nav { background-color: #F8F8F8; }

	.blocM1 .texte { height:235px; /*auto;*/ }
	.blocM1 .vignette { height:250px; }

	.blocListing, .prive .blocListing { min-height:inherit; max-height:inherit; overflow:inherit; margin-bottom: 2em;}

	.grandBloc .roll { width: 250px; height: 250px; }

div.enteteConnexion { padding: 0.5em 0; line-height: 20px; /*float:left;*/ }
}

/*=================================== <= 768 =====================================*/
@media screen and (max-width: 768px) {

	#header .logo {	max-width: 100%; }

	.titreSection { font-size: 2.5em; }

	.blocM1 .texte { height:auto; padding:1.5em 1em 1em 0.7em; }

	.blocEnLigne .vignette { display: none; }
	.blocEnLigneAdr .vignette { display: none!important; } /* important pour lazy */
	
	.column-layout{display:block;}
	.column-layout > div{width:100%;}

	.lienEspaceAdherent{
		float:left; padding:4px 15px; margin: 5px 5px 0 0;
		font-size: 18px; 
		border-radius:5px;
	}

	#section13076 .blocAdherer { height:auto; padding:18px; }

}

/*=================================== <= 480 =====================================*/
@media screen and (max-width: 480px) {

	#header .logo {	max-width: 80%; }

	.hidden-xxs { display: none; }
	
	.contact { width:1%; }
	.contact a.lienIconeEtTexte { text-align: center; }
	.contact a.lienIconeEtTexte > span.glyphicon { font-size: 2.5em; padding:0; }		
	
	#header .breadcrumb > li { display: inherit; }
	#header .breadcrumb > li+li:before { content: none; }

	.btn-allactus { font-size: 1.1em; padding:0.5em 1em; }

	#footer .navbar-nav { 
		display: inherit; float:inherit; 
		margin:1em 0; padding:0.5em 0;
		border-top:rgba(0,0,0,0.2) solid 1px; border-bottom:rgba(0,0,0,0.2) solid 1px;
	}
	#footer .navbar-nav li { display: inherit; float:inherit; }
	#footer .legal .nav>li + li { border-left:inherit; }

	.grandBloc, .grandBloc .roll { width: 100%; }

	.wrapperSudoFade { float:inherit; max-width:inherit; margin:0 0 1em 0; }	

	.detail .imageFiche { float:none; display: block; width:100%; margin: 0.8em 0; }

	/* Banniere */
	.titreBanniere  { font-size: 30px; }

	#section13076 {min-height: auto; }
	
}

/*=================================== <= 360 =====================================*/
@media screen and (max-width: 360px) {

	.colonne2 { padding-top:0.5em; padding-bottom: 0.5em; }

	/*--- section actus et évén d'accueil ---*/
	.bulletitre { font-size:1.3em; /*line-height: 57px;*/ }

	/* Banniere */
	#banniere {display: none; }

}


/*============================== HAUTEUR <= 800 ====================================*/
@media screen and (max-height: 800px) {

	.titreSection{margin-bottom: 0.3em;margin-top: 0.3em;}
	#gmapCartographie { height:360px; }

}