/* ----------------------------- */
/* Styles corporate SYNABIO      */
/* ----------------------------- */
/*
* @author : Laurent
* @date : 25/08/2015
*/

/* ----------------------------- */
/* = HTML/BODY                   */
/* ----------------------------- */
body {
	color:#333;
	font-size: 1.2em;
	padding-top: 89px;
	}

a, a:hover { text-decoration: none; color:#474D57; }

h1 { font-family: Montserrat, sans-serif; color:#96C11F; }
h2 { font-family: Montserrat, sans-serif; }
h3 { font-family: Montserrat, sans-serif; }

.date, .resume { color:#666; }

hr { border-top-color: #DFDFDF; /*#E7E7E7*/ }

.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:hover, .btn:focus, .btn.focus { color:#ccc; }*/
.btn-sm { font-size: 1.2rem; padding: 3px 8px; }
.btn-xs { font-size: 1rem; padding: 2px 5px; }

.btn-default, .btn-retour { 
	background-color: #96C11F; color:#fff;  
}
.btn-default:hover { 
	transition-property: background-color; 
	transition-duration: 0.5s; 
}

.btn-mapLink { background-color: #7B869B; color:#fff; }

.btn-inscription {
	font-size: 1.3em;
	padding:2px 12px;
	background:#D93A96 url('images/ic-cray.png') no-repeat 5px 2px;
	padding-left:30px;
}
.btn-adherer {
	background:#D93A96 url('images/ic-ad.png') no-repeat 14px 7px;
	padding:0.7em 1.5em 0.7em 40px;
}

.btn-allactus { 
	text-align: center; color:#fff; 
	font-size: 1.2em; 
	margin:0.7em 0 1em 0;
	padding:0.6em 2em;
	text-transform: uppercase;
	background-color: rgba(125,175,45,0.8);
}
.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:#d93a96; }


.pagination { display: inherit; }

/* ----------------------------- */
/* = Header                      */
/* ----------------------------- */
#header  { padding-left:0; padding-right:0; } 

#header .fondmenu {
	/* http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
#header .fondbandeau {
	min-height: 89px;
	border-bottom: #E8E8E8 solid 1px;
	background-color: #fff;
}

#header .logo { background:url('images/logo.png') no-repeat left; background-size: contain; min-height: 85px; }
/*#header .slogan { text-align:center; text-transform: uppercase; font-size: 1.5em; padding-top:2.1em; }
#header .slogan strong { color:#EA5B0C; font-weight:normal; }*/
#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 */
.lienHeaderDroite{max-width:22px;position:relative;float: right;margin: 0 20px;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;position:absolute;right:29px;;}
.lienHeaderDroite:hover{max-width:400px;}

#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;
	/*background:url("images/b_ok.png") no-repeat;*/
	margin-left:5px;
	position: absolute;
    top: 35px;
    right: 0;
    z-index: 200;
	}

/*#header .nav-pills > li + li:before { content: '/'; }*/

#header .navbar-default { 
	background-color:transparent; /*rgba(71, 78, 87, 0.8);*/
	margin-bottom:0;
	min-height: 40px;
	font-size: 1.1em;float:left;margin-top:26px;
	}

#header .navbar-default .nav .niv1 > a { 
	padding:11px 15px; text-transform: uppercase; color:#666;
	}

#header .navbar-default .navbar-nav > .active > a {	color:#fff; }

/* spécial esp. adhérent */
#header .navbar-default .niv1.menu-37 {
	background-color:#D93A96; background-repeat: no-repeat; background-position: 9px center;
	background-image:url('images/cadenas.png'); 
	}
#header .navbar-default .navbar-nav > .menu-37.active { background-color:#D93A96; }
#header .navbar-default .niv1.menu-37 > a { color:#fff; background-color:transparent; padding-left: 34px; }

#header .navbar-default .nav .niv1:hover > a { background-color:#ddd; }

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

#header .dropdown-menu	{ 
	background-color: #96C11F; 
	font-size: 1em;
	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:hover, */
#header .dropdown-menu>.active>a:focus {
	color:#fff;
	background-color: transparent; 
	}

#header .dropdown-menu>li>a:hover { background-color:#8DB81D; }
#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: #96C11F; width:25px; height: 4px; }
.navbar-default .navbar-toggle:hover .icon-bar { background-color: #D93A96; }
.navbar-toggle { margin-right:-20px; padding-right: 0; }

/* 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 { /*.navbar-nav*/
	/*line-height: 74px;*/ 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 { /*.navbar-nav*/ padding-right:1.5em; }

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

/*----------- bannière ----------*/
#bannPage { 
	position: relative;	overflow:hidden;
	height: 320px; 
	}
#bannPage .bannContenus { 
	position:absolute; z-index: 1000; 
	left : calc(50% - 685px);  /* 50% - container/2 */
	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 1em 1em; 
	}
.colonne1 .nav-stacked>li+li { margin-top: 0; }
.colonne1 .nav-pills li.niv1 > a { 
	padding:1em 0; font-size: 1.2em; 
	background:url('images/ligne_menu_off.png') no-repeat bottom left;	
	}
.colonne1 .nav-pills li.niv1.active { background-color:#8DB81D; }
/* menu privé */
.colonne1 .nav-pills.prive li.niv1.active { background-color:#D93A96; }

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

.colonne1 .nav-pills li.niv1.active > a { 
	color:#fff; background-color:transparent; 
	background:url('images/ligne_menu_on.png') no-repeat bottom left;	
	}
.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: 1.1em; line-height:1.7em; }
.colonne1 .nav-pills li.niv2.active > a { color:#fff; font-size: 1.1em; line-height:1.7em; }

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

.colonne2 {
	padding:1.5em 0 1.5em 0;
	/*min-height:400px;*/
	}

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

.colonne2 h1 { 
	font-size:2.5em;
	text-align: center; 
	border-bottom:#D3D3D4 solid 1px;
	margin:0.5em 0;
	}
.colonne2 h2 { font-size:1.7em; margin:0.6em 0; }
.colonne2 h3 { font-size:1.4em; }

/* 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;
	/*background-color: #fff; transition-property: background-color, padding; transition-duration: 0.3s;*/
	}
.menuMobile .nav>li>a[href] { background: url('images/fl-menumob.png') no-repeat right;	}

.menuMobile .nav a:hover { background-color: transparent; }
.menuMobile .nav /*>li> */ a[href]:hover /*, .nav>li>a:focus*/ { 
	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 { 
	/*margin-top:1.5em;*/ padding-top:1em;
	background:#fff url('images/bas.jpg') left top repeat-x;
	}

#footer .navbar-nav { display: table; float:none; margin:0 auto; }
#footer .navbar-nav li { 
	display: table-cell; float:none; text-align:center; vertical-align: top; 
	text-transform: uppercase;
	}
#footer .navbar-nav li a { color:#666; padding-top:0; padding-bottom: 0; }	
/*#footer .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; }*/

#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 .logoAB { 
	background:url('images/ab.png') no-repeat 10px 15px; /*background-size: contain; */
	min-width:203px; min-height: 130px; 
	}
#footer .logo { 
	background:url('images/logo2.png') no-repeat left top; /*background-size: contain;*/ 
	min-width:120px; min-height: 120px; 
	}

#footer .adresse { 
	color:#999; 
	font-family: 'Montserrat', sans-serif; font-size: 1.1em; 
	}
#footer .adresse a { color:#999; }
#footer .adresse h2 { color:#d93a96; font-size: 1.3em; margin:0 0 0.2em 0; }
#footer label { color:#557D00; font-weight: normal; }

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

#footer .miniSite { 
	border-top: #ECE9E9 solid 1px; border-bottom: #ECE9E9 solid 1px; 
	padding:1.5em 0;
	}


/* Infos Ugocom */
#pied_ugocom { clear:both;	font-size:0.8em; color:#666; text-align:center;	}
#pied_ugocom a { color:#666; 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:9px; height:9px; 
	margin: -2px 0 0 -2px
	}
#fp-nav ul li:hover a span { 
	width:11px; height:11px; 
	margin: -3px 0px 0px -3px; 
	}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {
	width:17px; height:17px;
	}

.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-size: 3.5em; 
	color:#fff;
	margin:0.5em 0 1em 0;
	}
.accrocheSection { 
	text-align: center; font-size: 1.5em; color:#fff;
	margin:0 0 1.5em 0;
	}

.espaceVide {height:40px;} /* bas de FP */
.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;
	display:none;
	}
	


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

.sudoInFP .blocslide { 
	background-color:rgba(150,193,31,0.8); 
	padding:20px 10% 20px 10%; 
	min-height: 230px; 
	position: absolute;
    bottom: 0;
	}
.sudoInFP h3 { Font-family:'Montserrat', sans-serif; font-size: 3.8em; color:#fff; margin:0; }
.sudoInFP p { font-size: 1.5em; color:#000; }

.sudoInFP, .sudoInFP .slide{max-height:calc(100vh - 100px);}

.sudoInFP .slide img{width:100%!important;height:inherit!important;}

/* Spécificités sections */
#section41 .titreSection { color:#D93A96; }
/*#section48 .accrocheSection { color:#333; }*/


/*------ 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: rgba(255, 255, 255, 1); /* si pas d'image */
	color:#fff;
	}
.roll > div { display: table; width: 101%; height: 100%; background-color: transparent; }
.roll:hover > div { 
	background-color:rgba(160, 197, 59, 0.85); 
	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; 
	padding: 1em; color: #fff; font-size: 1.2em;
	}
.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; /*background-image:url('images/plus_fd.png');*/
	}
.roll:hover .plus { background-image:url('images/plus.png'); }

.roll .off h3 { 
	padding:0.5em 0; margin:0 1em;
	font-size: 1.5em; 
	color:#fff;
	background-color:rgba(160, 197, 59, 0.85); 
	}
.roll .on h3 { font-size: 1.3em; }
.roll .on p { text-align: center; padding:0.5em; }


/*------ 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:#96C11F; 
	padding:1rem 0;
	}

/*----- Bloc noeud grand modèle -----*/
.grandBloc .roll {
	width: 250px; height: 250px;
	margin-bottom:1.5em;
	}
.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: cover; background-position: center; background-repeat: no-repeat;
	}
.blocEnLigne h2 { margin-top:0; }
.blocEnLigne .date, .blocEnLigne .lieu { 
	font-size: 1.1em; font-family: Montserrat, sans-serif; 
	}
.blocEnLigne label { font-weight: normal; }
.blocEnLigne .date label, .blocEnLigne .lieu label { 
	text-transform: uppercase;
	color: #7DB335;  
	}
.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:82%;
	padding: 1em;
	background-color: #f1f1f1; /*#F7F7F7*/
	}
/*.blocEnLigne .contact { 
	display: table-cell; width:25%;	padding: 1em; color: #fff; background-color: #96C11F; 
	}
.blocEnLigne .contact, .blocEnLigne .contact a  { color:#fff; }
.blocEnLigne .contact a  { color:#fff; font-weight:bold; }
.blocEnLigne .contact > span { font-size: 1.6em; }
.blocEnLigne .contact > p { font-size: 1.2em; }*/


/*----- listing adresses (en ligne : vign+texte+contact)-----*/
.blocEnLigneAdr .noeud { display: table; width:100%; margin-bottom: 1em; }
.blocEnLigneAdr .vignette {
	display: table-cell; 
	/*height: 180px;*/ 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: 1em;
	background-color: #f1f1f1; /*#F7F7F7*/
	}
/*.blocEnLigneAdr*/ .contact { 
	display: table-cell; width:25%;
	padding: 1em;
	color: #fff;
	background-color: #96C11F; 
	}

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

/*.blocEnLigneAdr*/ .contact a.lienIconeEtTexte { 
	display:block; margin:5px 0; line-height: 1.5em; 
	font-weight: normal; vertical-align: middle;
	font-family: Montserrat, sans-serif;
	}
/*.blocEnLigneAdr*/ .contact a.lienIconeEtTexte:hover { color: #000 };
/*.blocEnLigneAdr*/ .contact a.lienIconeEtTexte > span.glyphicon { font-size: 1.5em; 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; /*300px;*/ 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:#d93a96; }
/*.blocM1 .date { color:#999; }*/
.blocM1 .vignette { display: block; height:280px; /*300px;*/ padding:0; }
.blocM1 .roll .plus { display:inline-block; position: inherit; }


/*------ onglets -------*/
.nav-tabs { background-color: transparent; border:none; margin-top:2em;  }
.nav-tabs>li>a { color:#474D57; font-size: 1.1em; text-transform: uppercase; border:none; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { 
	background-color: #D93A96; color:#fff; border:none; 
	}
.tab-content { padding-top: 2em; }

/*--- pour form. de gestion ---*/
#formGestionNoeud .tab-content { 
	padding:1em; 
	background-color: #F8F8F8; 
	border: #D93A96 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 { 
	font-family: 'Montserrat', sans-serif;
	display: block; margin:0 auto;
	min-height: 60px; 
	background-position: center; background-repeat: no-repeat; background-size: contain;
	color:#fff; 
	font-size:1.7em; text-align: center; text-transform: uppercase;
	line-height: 46px;
	}
.prive .bulletitre { min-height: inherit; line-height: inherit;  }

.actu .bulletitre { background-image: url('images/bulle_rose.png'); }
.actu.prive .bulletitre { background: none; color:#d93a96; }
.even .bulletitre { background-image: url('images/bulle_grise.png'); }
.even.prive .bulletitre { background: none; color:#A3A5A7; }
.twt .bulletitre { background-image: url('images/bulle_bleue.png'); }

.blocListing { 
	padding:1.5em; margin-top:1em; 
	height:340px; /*min-height: 341px; max-height: 350px;*/ /*overflow:hidden; */
	}
.prive .blocListing { 
	background-image:url('images/fl-bas-blanc.png'); 
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 260px; max-height: inherit;
	}
.actu .blocListing { background-color: rgba(217,58,150,0.8); }
.even .blocListing { background-color: rgba(147,149,152,0.8); }
.twt .blocListing { background-color: rgba(54,185,255,0.8); }
.blocListing a { color:#fff; }
.blocListing h3 { font-size: 1.2em; margin:0.5em 0 1.5em 0; }
.blocListing .date { color:rgba(0,0,0,0.7); font-size: 1.2em; }

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

/*--- réseaux sociaux ---*/
.icone-twitter {
	display: block;
	width: 37px; height: 29px;
	background-repeat: no-repeat; background-position: center;float:right;margin-top:33px;
	}
.icone-twitter { background-image:url('images/ic-twitter.png'); }

#footer .icone-twitter { 
	background-image:url('images/ic-twitter-grand.png'); 
	width: 49px; height: 39px;
	}

/*--- Zones WYSIWYG ---*/
.wysiwyg { font-size: 1.2em; }
.wysiwyg p { margin:0.5em 0; text-align:justify; }
.wysiwyg a { color:#8DB81D; }
.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:#96C11F;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 { float: right; margin-top: 35px; width: 100%; }
.formRecherche input[type=submit] { 
	border:none; text-indent: 30px; overflow:hidden;
	width: 22px; height: 23px;
	background:#fff url('images/ok.png') no-repeat; 
	position: absolute;
    top: 35px;
    right: 0;
    z-index: 200;
	}
.formRecherche input[type=text] { width:calc(100% - 30px); transition-duration: 0.4s; transition-property: width; }
/*.formRecherche input[type=text]:focus { position: absolute; width:250px; right:30px; }*/

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

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

/*--- liste de documents joints ---*/
/*.listeDocs span { font-size: 1.4em; color:#d93a96; }
.listeDocs a + a:before { content:'-'; }*/

.listeLiens { font-size: 1.6rem; margin:0.5rem 0; }
.listeLiens span { font-family: Montserrat, sans-serif; color:#d93a96; }
.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; 
	/*border-bottom:#E7E7E7 solid 1px;*/
	padding-bottom:1em; margin-bottom:1.5em;
	}
/*.abcdaire li a { display:inline-block; color:#999; padding:4px; }*/
/*.abcdaire li.active a { color:#474E57; }*/
/*.abcdaire li + li:before { content:'-'; }*/
.pager li>a { border-radius: 8px; padding:4px 10px }

/*--- PLAN ---*/
ul.plan { margin-left:5em; }
ul.plan li.niv1 { margin-bottom: 1em; }
ul.plan li.niv1 > a { font-size:1.5em; margin-bottom: 0.5em;  }
ul.plan li.niv2 > a { font-size:1.2em;  }

/*--- 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:#8DB81D; }

/*---Formulaire ---*/
.formulaire {margin: 20px 0; }
/*.collecteur_message { list-style-type:none; margin:20px 0; }
.collecteur_message.error { color:red; }*/
.obligatoire { font-weight:bold; }
.obligatoire:after { content:' *'; color:#8DB81D; }
.erreur { color:red }
.form-control:focus {
	border-color:#8DB81D;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150,193,31, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(150,193,31, 0.6);
}

/* (dé)connexion */
div.enteteConnexion { 
	padding: 0.5em 0;
	/*line-height: 70px; text-align: center;*/  margin-top:1em;
	font-family: 'Montserrat', sans-serif;
	background-color: #F8F8F8;
}
div.enteteConnexion > .nom { color: #d93a96; 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;
}

/*.badge { 
	background-color: #9497a0;
	font-family: 'Montserrat', sans-serif; 
	}
.badge.deco { 
	margin-top:1em;
	padding: 0.6em 2em 0.6em 37px; 
	font-weight: normal;
	background-image: url('images/xdeco.png'); background-repeat: no-repeat; background-position: 6px 5px; 
	border-radius: 16px;
	}
.badge.deco:hover { background-color: #555; }*/

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


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

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

/*=================================== >= 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) {
	
	body{padding-top:71px;}
	
	#header .navbar-default{min-height: inherit;}
	#header .navbar-default .nav .niv1 > a{padding: 5px 17px;}
	#header .navbar-default .niv1.menu-37 {background-position: 0px center;}
	#header ul.langues{padding-top: 0px;}
	#header .logo {background: url(images/logo.png) no-repeat center;background-size: contain;min-height: 70px;}
	#header .fondbandeau{min-height: 70px;}
	#header .expertise.navbar{margin: 20px 0 0 0;}
	.formRecherche{margin-top: 30px;}
	.formRecherche input[type=submit]{top:30px;}
	
	.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: 1.5em;}
	.roll .off h3{font-size:1.3em;}
	.roll .on h3{font-size:1.1em;}

	/*#gmapCartographie { height:400px; }*/
}
	

/*=================================== <= 1300 =====================================*/
@media screen and (max-width: 1300px) {
	
	#header .navbar-default .nav li.niv1 > a { padding:11px 10px;  }
	
	/* sous-menu expertises */
	#header .bandeau .nav-pills>li>a { font-size: 1em; line-height: 25px; }
	#header .bandeau .nav-pills>li + li { padding-right: 0; }

	/* esp. adh. */
	#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 .nav li.niv1 > a { padding:7px 10px;  }

	#header .expertise.navbar { margin:10px 0 0 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;*/ }

ul.nav.navbar-nav{width:100%;margin-top:20px;}
.navbar-default .navbar-toggle{position:absolute;}
#header .navbar-default{float:none;}

}

/*=================================== <= 768 =====================================*/
@media screen and (max-width: 768px) {
	
	/*#header .slogan { font-size: 1.3em; padding-top:1.5em; }*/

	/*.listing.annuaire .contact { display: none; }*/

	.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; }

}

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

	.hidden-xxs { display: none; }
	
	/*.blocEnLigneAdr */.contact { width:1%; }
	/*.blocEnLigneAdr*/ .contact a.lienIconeEtTexte { text-align: center; }
	/*.blocEnLigneAdr*/ .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 { /*max-width: inherit;*/ 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; }
}

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


/*============================== HAUTEUR <= 800 ====================================*/
@media screen and (max-height: 800px) {
	
	.blocListing { height: 280px; }
	.blocListing h3 { margin:0.3em 0 0.6em 0;  }
	.blocListing #twitter-widget-0 { max-height:245px; }
	
	.titreSection{margin-bottom: 0.3em;margin-top: 0.3em;}
	#gmapCartographie { height:360px; }
}