@charset "utf-8";

/********************************************

BREIZH EVENT | CSS - V.1.2 | mai 2024

********************************************/
@import url(knacss.css);


/* ---------------------
INITIALISATION DES STYLES
------------------------*/
html { font-size: 62.5%;}

* {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------
ZONE EXTERIEURE
-----------------*/
body {
	font-family: Arial, Helvetica, Roboto, sans-serif;
	background:#FFF;
	color: #000;
}

/* ---------------
APPARENCE DES IMAGES
-----------------*/
img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

/* --------------
TRICKS
-----------------*/
.hide  { display: none; }
.clear {
	border: 0;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.relative { position: relative; }

.posLeft   { float: left; }
.posMiddle { margin: 0 auto; }
.posRight  { float: right; }

.txtCenter { text-align: center; }
.txtLeft   { text-align: left; }
.txtRight  { text-align: right; }

.size1_1 { width: 100%; padding: 0 1%; min-height: 1px; }
.size1_2 { width: 50%;  padding: 0 1%; min-height: 1px; }
.size1_3 { width: 33.33%; padding: 0 1%; min-height: 1px; }
.size1_4 { width: 25%; padding: 0 1%; min-height: 1px; }
.size1_5 { width: 20%; padding: 0 1%; min-height: 1px; }
.size1_6 { width: 16.66%; padding: 0 1%; min-height: 1px; }
.size1_7 { width: 14.285%; padding: 0 1%; min-height: 1px; }
.size1_8 { width: 12.5%; padding: 0 1%; min-height: 1px; }

.arrowBlack {
	position: absolute;
	left: 5px;
	bottom: -5px;
	display: block;
	width: 10px !important;
	height: 5px !important;
	padding: 0;
	margin: 0;
	background: url(/common_images/community/bg_arrow.png);
}
.arrowBlack.reverse {
	left: auto;
	right: 5px;
}
.arrowContent {
	position: absolute;
	top: -30px;
	left: 0px;
	z-index: 200;
	display: none;
	padding: 3px 5px;
	font-size: 11px;
	color: #fff;
	background: #000;
	white-space: nowrap;
}
*:hover > .arrowContent { display: block; }
.socialNetworkConnect { padding-top: 10px; }
a.facebookConnect, a.twitterConnect, a.googleConnect {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px 0 0;
	height: 31px;
	font: normal 12px/30px 'Roboto', 'Lucida Grande', Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	background: #5f78ab;
	border: 1px solid #405a91;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.twitterConnect {
	background-color: #55acee;
	border-color: #4998d5;
}
a.googleConnect {
	display: inline-block;
	vertical-align: top;
	background-color: #cc3732;
	border-color: #b62b26;
}
a.facebookConnect:hover { background-color: #6895c4; }
a.twitterConnect:hover  { background-color: #6bcbf8; }
a.googleConnect:hover   { background-color: #e94d48; }
a.facebookConnect .iconSocialNetwork, a.twitterConnect .iconSocialNetwork, a.googleConnect .iconSocialNetwork {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(/common_images/skins/DefaultSkins1.5/icon_socialNetworks.png) 0 0 no-repeat;
}
a.twitterConnect .iconSocialNetwork { background-position: -30px 0; }
a.googleConnect .iconSocialNetwork  { background-position: -60px 0; }
a.facebookConnect > span, a.twitterConnect > span, a.googleConnect > span {
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
}
a.facebookConnect > span { border-left: 1px solid #405a91; }
a.twitterConnect > span { border-left: 1px solid #4998d5; }
a.googleConnect > span { border-left: 1px solid #b62b26; }
/*.googleConnect > div { display: none; }*/
#overDiv {
	position: absolute;
	z-index: 1000;
	visibility: hidden;
}
.tel {cursor:default;}
input:focus, textarea:focus {outline: none;}
.dpnone {display:none;}

/* ----------------------------
MICRO-NAVIGATION / FIL D'ARIANE
------------------------------*/
.breadcrumb{
	color:#666666;
	margin: 0 0 5px 0;
}
	.breadcrumb a{
		color:#666666;
	}
	.breadcrumb a:hover{
		text-decoration:underline;
	}
.breadcrumbLabel{
}
.breadcrumbNavigation{
}

/* ------------------------------------
MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/
#nested {
	/*background:#434547;*/
}
	#nested ul{
		z-index: 5000;
		margin: 0;
		padding: 0;
	}
	#nested .firstLevel li{
		float:left;
		list-style:none;
		padding:0;
		width:auto;
		background:none;
		margin:0 5px 0 5px;
	}
	#nested .firstLevel li a{
		color:#ffffff;
		display:block;
		padding:8px 10px 8px 10px;
		text-decoration:none;
		font-size:1em;
		text-transform:uppercase;
		text-shadow:1px 1px 2px rgba(0,0,0,0.8);
		border-radius:8px;
	}
	#nested .firstLevel li:first-child a{
	}
	#nested .firstLevel li a:hover{
		color: #fff;
		background:#015D68;
		border-color:#62BFE6
	}
	#nested .firstLevel li.active a {
		background:#FDD414; color: #000; text-shadow:none;
	}
	#nested .firstLevel li.active a:hover{
		
	}
 #nested .firstLevel .secondLevel li a:hover{
		color: #fff;
		background:#015D68;
	}



/* Si le menu est à gauche et imbriqué */
#leftbar #nested{
	background:none;
	  position: relative;
 }
  #leftbar #nested ul{
	 height:auto;
	 background:none;
	 padding:0;
	 border:#eeeeee 1px solid;
  }
  #leftbar #nested .firstLevel li a:hover{
	color:#015D68;
  }
	#leftbar #nested ul li{
	  margin: 0;
	  padding: 0;
	  float: none;
	  background:#666666;
	  border-bottom:1px solid #eeeeee;
	  width:100%;
	}
	#leftbar #nested .firstLevel li a{
	  line-height: normal;
	  color:#ffffff;
	  padding: 3px;
	  display: block;
	}
	  #leftbar #nested .firstLevel li a span{
		display:block;
	  }
	#leftbar #nested .secondLevel {
	  margin: -20px 0 0 150px;
	}
	#leftbar #nested .secondLevel li{
	  background:#666666;
	}
	#leftbar #nested .thirdLevel li{
	  background:#666666;
	}
	#nested .firstLevel li.active a {
	  border: none;
		background:#FDD414;
		color: #000;
		text-shadow:none;
	}
#nested .firstLevel li.active a:hover
{
	color: #fff;
		background:#015D68;
}
	#nested .firstLevel li.active .secondLevel li a {
	  font-weight:normal;
	}
	  #nested .firstLevel li.active .secondLevel li.active a {
		text-decoration:none;
	  }
	#nested .firstLevel li.active .secondLevel li.active .thirdLevel  a {
	  font-weight:normal;
	}
	  #nested .firstLevel li.active .secondLevel li.active .thirdLevel .active a {
	  }

/* -----------------------
GESTION DU MENU DEROULANT
-------------------------*/
/*on masque les éléments qui en doivent pas s'afficher*/
#nested .firstLevel li ul,
#nested .firstLevel li:hover ul ul,
#nested .firstLevel li.sfhover ul ul,
#nested .firstLevel ul li:hover ul ul,
#nested .firstLevel ul li.sfhover ul ul{
	height:auto;
	left:-999em;
	position:absolute;
	width:200px;
	text-align: left;
}
#nested .firstLevel ul li a {
	padding:0 10px;
	text-shadow:none;
	border-radius:0px;
}

/* -----------------------
SECOND NIVEAU
-------------------------*/
#nested .firstLevel li:hover ul,
#nested .firstLevel li.sfhover ul{
	background: #f5f5f5;
	left:auto;
}
#nested .firstLevel li ul{
}
	#nested .firstLevel li ul li{
		background:none;
		float:none;
		width:200px;
		margin:0;
		border-bottom: 1px solid #e5e5e5;
	}
		#nested .firstLevel li ul li a, #nested .firstLevel li.active ul li a{
			color:#015D68;
			padding:15px;
		}
#nested .firstLevel .secondLevel li a{
	border: none;
}
#nested .firstLevel li.active li a{
	text-decoration:none;
}
#nested .firstLevel ul li.active a{
	text-decoration:underline;
}
#nested .firstLevel li.active ul li a {
	background:none;
	border:none;
}

/* ---------------
TROISIEME NIVEAU
-----------------*/
#nested .firstLevel ul li:hover ul,
#nested .firstLevel ul li.sfhover ul{
	background: #cccccc;
	left:auto;
	margin:-20px 0 0 150px;
}
#nested .firstLevel ul ul li{
	background:none;
	float:none;
	width:200px;
}
#nested .firstLevel ul ul li a{
	color:#666666;
}
#nested .firstLevel ul li.active li a{
	text-decoration:none;
}
#nested .firstLevel ul ul li.active a{
	text-decoration:underline;
}

/* ---------------
QUATRIEME NIVEAU
-----------------*/
#nested .firstLevel ul ul li:hover ul,
#nested .firstLevel ul ul li.sfhover ul{
	background: #eeeeee;
	left:auto;
	margin:-20px 0 0 150px;
}
#nested .firstLevel ul ul ul li{
	background:none;
	float:none;
	width:200px;
}
#nested .firstLevel ul ul ul li a{
	color:#666666;
}
#nested .firstLevel ul ul li.active li a{
	text-decoration:none;
}
#nested .firstLevel ul ul ul li.active a{
	text-decoration:underline;
}

/* ----------------------------
MENU NON IMBRIQUE (NOT NESTED)
-------------------------------*/
#header #notNested {
	background: #f00;
}
	#header #notNested ul{
		margin: 0;
		padding: 0 0 0 10px;
	}
	#header #notNested .firstLevel li{
		float:left;
		list-style:none;
		padding:0;
		width:auto;
		background:none;
	}
	#header #notNested .firstLevel li.active a,
	#header #notNested .secondLevel li.active a,
	#header #notNested .thirdLevel li.active a,
	#header #notNested .fourthLevel li.active a{
		font-weight:bold;
	}
	#header #notNested .secondLevel,
	#header #notNested .thirdLevel,
	#header #notNested .fourthLevel{
		background:none;
	}
		#header #notNested .secondLevel li,
		#header #notNested .thirdLevel li,
		#header #notNested .fourthLevel li{
			float:left;
			background:none;
			padding: 0;
			border-right: 1px dotted #ffffff;
		}
		#header #notNested .secondLevel li a,
		#header #notNested .thirdLevel li a,
		#header #notNested .fourthLevel li a{
		}
	#header #notNested .secondLevel{
		background: #355061;
	}
	#header #notNested .thirdLevel{
		background: #cccccc;
	}
		#header #notNested .thirdLevel a{
			color:#666666;
		}
#header #notNested .fourthLevel { background: #eee; }
#header #notNested li a {
	color: #FFF;
	display: block;
	font-size: 13px;
	line-height: 40px;
	padding: 0 15px;
	text-decoration: none;
}
#header #notNested li a:hover { text-decoration: underline; }
#wrapper #notNested { margin:0 0 15px; }
#wrapper #notNested li{
	background: none repeat scroll 0 0 #666666;
	border-bottom: 1px solid #eeeeee;
	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#wrapper #notNested li a {
	color: #ffffff;
	display: block;
	line-height: normal;
	padding: 3px;
	text-decoration: none;
}
#wrapper #notNested li a:hover { color: #007aaa; }




/*========================================================================================
GENERAL
========================================================================================*/
/*** ios hack ***/
input[type=text], input[type=password], input[type=submit], input[type=button], textarea, select {-webkit-appearance: none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; border-radius:0; background:#FFF;}
input[type=checkbox], input[type=radio] {border:1px solid #666; background:none; -webkit-border-radius:0; border-radius:0;}

input[type=text]:focus, input[type=password]:focus, input[type=submit]:focus, textarea:focus, select:focus, input[type=checkbox]:focus, input[type=radio]:focus {border:none;}

:root
{
	--wrap : 1400px;
}
.wrap, #headerInner {width:var(--wrap); margin: 0 auto 0 auto;}
.postAction, .author {display:none;}

/*---------- Fancybox ----------*/
.fancybox-overlay {background: rgba(0,0,0,0.5); height:100vh !important; width:100vw !important; display:block; position:fixed; top:0; z-index: 5000;}
.fancybox-wrap {z-index: 5010;}
.fancybox-skin {background: #fff; position: relative;}
.fancybox-close {display: flex; justify-content: center;align-items: center; width: 30px; height: 30px; background: #000; position: absolute; right:-15px; top:-15px; border-radius: 100px; border:2px solid #fff; box-shadow: 0 0 4px rgba(0,0,0,0.7);}
.fancybox-close:before {content: 'X'; font-size: 15px; color: #fff;}

/*========================================================================================
HEADER
========================================================================================*/
#header {padding:20px 0 20px 0;}
#headerInner {position:relative; display:flex; justify-content:space-between; align-items:center;}
#navsocial {width: 1100px; text-align:right;}
/*----------NAVIGATION ----------*/
#header nav {margin:30px 0 0 0;}
#nested {font-size:1.1em;}
#nested ul {margin:0; padding: 0; list-style: none; display: flex; justify-content:end;}
#nested ul li { margin: 0 0 0 20px; position:relative;}
#nested ul li a {color:#000; display:flex; height:50px; align-items:start; text-align:center; padding: 0 15px 0 15px;}
#nested ul li a:hover {color:#709155;}
#nested ul li.navContact a {color:#fff; background:#709155; align-items:center;}
#nested ul li.navContact a:hover {background:#000;}
/**** sous-menu ****/
#nested ul li ul  {display:none; position: absolute; flex-direction: column; background: #fff; box-shadow:0 4px 4px rgba(0,0,0,0.1);}
#nested ul li:hover ul {display: flex;}
#nested ul li ul li {margin: 0; border-top:1px solid #709155;}
#nested ul li ul li a {display: block; padding: 7px 15px 7px 15px; height: auto; font-size:0.9em;}
/*---------- WIDGETS ----------*/
.headLogo {width: 240px;}
.headSocial {}
.headSocial ul {padding:0; margin: 0; list-style: none; display:flex; justify-content:flex-end; align-items: center;}
.headSocial ul li {display: inline-block; margin: 0 0 0 10px;}
.headSocial ul li a {color:#709155; font-size:2em;}
.headSocial ul li a:hover {color:#000;}
.headSocial ul li a.btnContact {color:#fff; background:#709155; align-items:center; font-size:1em; display: inline-block; padding: 5px 10px 5px 10px}
.headSocial ul li a.btnContact:hover {background:#000;}

/*========================================================================================
CONTENT
========================================================================================*/
#wrapper {}
#wrapperInner {}
#wrapperInner #container {padding:0;}
/********* GENERIQUE ********************************************************************/
#pageGenerique {padding: 50px 0 50px 0;}
.gen {}
.blocIntro {margin:0 0 50px 0;}
#pagencontent {padding: 30px 0 20px 0;}
/*---------- BANDO TOP ----------*/
#topBando {max-height:300px; overflow:hidden; position: relative;}
#topBando .topBaseline {position:absolute; width: 100%;  bottom:10%; left: calc(( 100%  - 1400px) / 2);}
#topBando .topBaseline p  { font-size:4em; line-height:0.9em; color:#fff; font-weight:bold; margin: 0; padding: 0; text-shadow: 0 0 3px rgba(0,0,0,0.5);}
#topBando .topBaseline p span {display: block;}
#topBando .visuTopBando {}
#topBando img {width: 100%; height: auto;}
/*---------- BLOC CONTENU ----------*/
.contentGen {color:#000;}
.contentGen h2, #contentGen h3 {color:#587441; font-weight: 500; margin:0; padding: 0;}
.contentGen h3 {color:#709155; font-weight: 500;}
.contentGen h2 {font-size:1.4em;}
.contentGen p + h2, #contentGen ul + h2 {margin: 30px 0 0 0;}
.contentGen p + h3, #contentGen ul + h3 {margin: 10px 0 0 0;}
.contentGen h3 {font-size:1.2em;}
.contentGen p {margin: 0 0 10px 0; padding: 0;}
.contentGen ul, .contentGen ol {list-style-position:inside; margin:0 0 10px 0; padding:0;}
.contentGen p + ul, .contentGen p + ol {margin: -5px 0 0 0;}
.contentGen ul li {}
.contentGen a {text-decoration: underline; color:#000;}
.contentGen a:hover {color:#709155; text-decoration:none;}
/*---------- BICOL ----------*/
.bicol {display: flex; justify-content: space-between;}
.bc01 {width: 50%;}
.bc02 {width:50%;}
/*---------- TRICOL ----------*/
.tricol {display: flex; justify-content: space-between;}
.tc01 {width: 33%;}
.tc02 {width:33%;}
.tc03 {width:33%;}
/*---------- Boutons ----------*/
a.bouton {color:#fff; background:#709155; border:1px solid #709155; display: inline-block; text-decoration: none; padding: 10px 20px 10px 20px; margin: 10px 0 10px 0;}
a.bouton:hover {color:#709155; background:#fff;}
.btn01 {color:#fff; background:#709155; border:1px solid #709155; display: inline-block; text-decoration: none; padding: 8px 15px 8px 15px; margin:0;}
.btn01:hover {color:#709155; background:#fff;}
/*---------- Retour ----------*/
.btnBack {text-align:center;}
.btnBack a {}
/*---------- Pager ----------*/
.pager {padding: 40px 0 10px 0; display: flex; justify-content:center;}
.pager a {color:#fff; background:#709155; border:1px solid #709155; display: flex; justify-content:center; align-items: center; text-decoration: none; padding: 5px; width: 40px; height: 40px; margin: 0 5px 0 5px;}
.pager a:hover, .pager a#active {color:#709155; background:#fff;}
/*---------- TITRES ----------*/
/*** style a ***/
.titreStyleA {position: relative; border-bottom:10px solid #000; margin: 0 0 25px 0; transition:all 0.8s ease;}
.titreStyleA h1 {color:#fff; font-weight: bold; font-size:1.65em; text-transform: uppercase; padding:0; margin:0; line-height:1em;}
.titreStyleA:after {content:''; width: 10%; height: 10px; background: #000; display: block; position: absolute; bottom: 10px; right: 0; transition:all 0.8s ease;}
.titreStyleA:before {content:''; width: 10%; height: 10px; background: #000; display: block; position: absolute; bottom: 30px; right: 0; transition:all 0.8s ease;}
/*** style b ***/
.titreStyleB {position: relative; border-bottom:10px solid #000; margin: 0 0 25px 0; transition:all 0.8s ease;}
.titreStyleB h1 {color:#000; font-weight: bold; font-size:1.65em; text-transform: uppercase; padding:0; margin:0; line-height:1em;}
.titreStyleB:after {content:''; width: 10%; height: 10px; background: #000; display: block; position: absolute; bottom: 10px; right: 0; transition:all 0.8s ease;}
.titreStyleB:before {content:''; width: 10%; height: 10px; background: #000; display: block; position: absolute; bottom: 30px; right: 0; transition:all 0.8s ease;}
/*** style c ***/
.titreStyleC {position: relative; border-bottom:10px solid #000; margin: 0 0 25px 0; display: inline-block; padding: 0 20% 0 0; transition:all 0.8s ease;}
.titreStyleC h1 {color:#B5C6A0; font-weight: bold; font-size:1.65em; text-transform: uppercase; padding:0; margin:0; line-height:1em;}
.titreStyleC:after {content:''; width: 15%; height: 10px; background: #000; display: block; position: absolute; bottom: 10px; right: 0; transition:all 0.8s ease;}
.titreStyleC:before {content:''; width: 15%; height: 10px; background: #000; display: block; position: absolute; bottom: 30px; right: 0; transition:all 0.8s ease;}
/*** center title ***/
.titreCenter {margin:0 auto 25px auto; width:100%; max-width:600px; text-align: center;} 
/*---------- PLACEHOLDER ----------*/
::-webkit-input-placeholder {color: #000; opacity:1; font-size:1.1em; font-family: Roboto, Arial, Helvetica, sans-serif;} /* Chrome/Opera/Safari */
::-moz-placeholder {color: #000; opacity:1; font-size:1.1em; font-family: Roboto, Arial, Helvetica, sans-serif;} /* Firefox 19+ */
:-ms-input-placeholder {color: #000; opacity:1; font-size:1.1em; font-family: Roboto, Arial, Helvetica, sans-serif;} /* IE 10+ */
:-moz-placeholder {color: #000; opacity:1; font-size:1.1em; font-family: Roboto, Arial, Helvetica, sans-serif;} /* Firefox 18- */
/* placeholder focus */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */


/********* HOMEPAGE *********************************************************************/
.home {}

/*---------- BLOC 1 ----------*/
#homeBloc1 {}
#homeBloc1Inner {}
#homeBloc1 .bicol {}
#homeBloc1 .bc01 {padding: 0; width: 50%; z-index: 5000; position:relative; height: auto;}
.homeTitre {padding-left:calc(( ( 100% * 2) - 1400px) / 2); position:absolute; top:40%;}
.homeTitre h1 {font-size:1.5em; font-weight:normal;}
.homeBaseline {padding-left:calc(( ( 100% * 2) - 1400px) / 2); position: absolute; top:50%; margin: 50px 0 0 0; width: 200%;}
.homeBaseline p {font-size:7.5em; font-weight: bold; line-height: 1em; text-shadow:0 0 5px rgba(255, 255, 255, 0.5);}
.homeBaseline:before {content:''; position:absolute; top:10px; left:0; background: url("../images/triple-barre-long.svg") left top repeat-x; display: block; height: 100px; width: calc(((100% - 1400px) / 2) - 20px); }
#homeBloc1 .bc02 {position: relative; width: 50%;}
#homeBloc1 .bc02:before {content: ''; position: absolute; right: 0; top:5%; z-index: 1000; background: url("../images/logo-bretagne-svg.svg") center right no-repeat; display: block; width: 200px; height: 100px; background-size: 100% auto;}
#homeSlide {width: 100%;}
.bx-wrapper {margin:0; border: none; box-shadow: none; background: none;}
.bx-viewport {margin:0; padding:0;}
.bx-wrapper .bx-pager {bottom: 15px; color:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {background:#709155;}
.slider {}
.slider li img {width: 100% !important;}
/*---------- BLOC 2 ----------*/
#homeBloc2 {background: #709155;}
#homeBloc2Inner {padding: 80px 0 80px 0;} 
#homeBloc2 .bc01 {order:2; width: 70%;}
#homeBloc2 .bc01 .contentQSN {color:#fff; font-size:1.1em;}
#homeBloc2 .bc01 .contentQSN p {margin: 0 0 20px 0;}
#homeBloc2 .bc01 .contentQSN p:first-child {text-transform: uppercase; font-size:1.2em;} 
#homeBloc2 .bc01 .contentQSN p:last-child {text-transform: uppercase; font-size:1.2em;} 
#homeBloc2 .bc02 {order:1; width: 25%; height: 100%;}
/*---------- BLOC 3 ----------*/
#homeBloc3 {}
#homeBloc3Inner {padding: 80px 0 80px 0;} 
#homeBloc3 .tc {width: 29%;}
#homeBloc3 .tc img {width: 100%; height: auto;}
#homeBloc3 .tc p {font-size:1.1em;}
#homeBloc3 .structured_text_semantique_text h2 {position: relative; border-bottom:10px solid #000; margin: 10px 0 20px 0; text-align: center; font-size:2.2em; color:#000; transition:all 0.8s ease;}
#homeBloc3 .structured_text_semantique_text h2:after {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 10px; right: 0; transition:all 0.8s ease;}
#homeBloc3 .structured_text_semantique_text h2:before {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 30px; right: 0; transition:all 0.8s ease;}
/*---------- BLOC 4 ----------*/
#homeBloc4 {background: #B5C6A0;}
.titreActivites {background: #fff;}
.titreActivites h1 {color:#B5C6A0; line-height: 0.5em; font-size:1.8em;}
#homeBloc4Inner {padding: 50px 0 50px 0;}
.blocActiv .elementText > div {display: flex; justify-content:space-between; margin:0 0 100px 0;}
.blocActiv:last-child .elementText > div {margin: 0;}
.blocActiv .structured_text_semantique_text {width: 45%;}
.blocActiv .structured_text_semantique_text h2{position: relative; border-bottom:10px solid #000; padding:0 25% 0 0; margin: 0 0 25px 0; color:#fff; font-size:2.3em; line-height:1.2em; text-transform: uppercase; transition:all 0.8s ease;}
.blocActiv .structured_text_semantique_text h2:after {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 10px; right: 0; transition:all 0.8s ease;}
.blocActiv .structured_text_semantique_text h2:before {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 30px; right: 0; transition:all 0.8s ease;}
.blocActiv .structured_text_semantique_text p {font-size:1.1em; margin: 0 0 20px 0;}
.blocActiv .below {width: 45%;}
.blocActiv .below img {width: 100%; height: auto;}
/* var placement */
.blocActiv:nth-child(odd) .elementText > div .structured_text_semantique_text {order:1;}
.blocActiv:nth-child(odd) .elementText > div .below {order:2;}
.blocActiv:nth-child(even) .elementText > div .structured_text_semantique_text {order:2;}
.blocActiv:nth-child(even) .elementText > div .below {order:1;}
/*---------- BLOC 5 ----------*/
#homeBloc5 {}
#homeBloc5Inner {padding: 80px 0 80px 0;}
#blocAcces {align-items: center; padding: 30px 0 0 0;}
.visumap {width: 35%;}
#blocAccesInner {width: 60%; display: flex; flex-wrap: wrap; padding:30px 0 0 0;}
.bacs {width: 40%; margin:0 10% 0 0; padding: 30px; text-align: center; background-repeat:no-repeat; background-position:center left;}
.bacs p {font-weight:bold;}
.bacs p:first-child {font-size:2.5em;}
/*** var ***/
.bacs01 {background-image: url("../images/picto-avion-svg.svg");}
.bacs02 {background-image: url("../images/picto-train-svg.svg");}
.bacs03 {background-image: url("../images/picto-bateau-svg.svg");}
.bacs04 {background-image: url("../images/picto-voiture-svg.svg");}
/*---------- BLOC 6 ----------*/
#homeBloc6 {}
#homeBloc6Inner {padding: 80px 0 80px 0;}
#homeBloc6 .titreCenter {text-align: left;}
#listCC {display: flex; flex-wrap: wrap; padding:30px 0 0 0;}
.lcc {width: 33%; text-align: center; padding: 80px 30px 80px 30px; border:1px dashed #707070;}
.lcc .above {display: flex; justify-content: center; align-items: center; min-height: 170px;}
.lcc .structured_text_semantique_text {}
.lcc p {font-weight: bold; font-size:1.1em;}
.lcc p:first-child {font-size:2.2em;}
/* var */
.lcc01 {border-left: none; border-top:none;}
.lcc02 {border-left: none; border-right: none; border-top:none;}
.lcc03 {border-right: none; border-top:none;}
.lcc04 {border-left: none; border-bottom: none; border-top:none;}
.lcc05 {border:none;}
.lcc06 {border-right: none; border-bottom: none; border-top:none;}
/*---------- BLOC 7 ----------*/
#homeBloc7 {}
#homeBloc7Inner {padding: 80px 0 80px 0;}
.infoPart {padding: 30px 0 30px 0;}
.infoPart .elementText > div {display:flex; justify-content:space-between; align-items:center;}
.infoPart .elementText .above {width:30%;}
.infoPart .elementText .above img {max-height: 180px;}
.infoPart .elementText .structured_text_semantique_text {width: 67%;}


/********* LISTE ADHERENT ********************************************************************/
#pageListe {padding: 50px 0 50px 0;}
.introListe {}
.introListe ol {padding: 0; margin: 50px 0 50px 0; list-style: none; display: flex; flex-wrap:wrap; justify-content: center;}
.introListe ol li {width: 25%; min-width: 300px; padding:0 20px 0 20px;}
.introListe ol li a {display: block; text-decoration: none; color:#fff; background:#709155; padding:15px 10px 15px 10px; text-transform: uppercase; text-align: center; margin:0 0 25px 0;}
.introListe ol li a:hover {background:#000; color:#fff;}
#zoneListe {margin: 50px 0 0 0;}
.directoryNoEntry {display:none;}
/*---------- fiche resum ----------*/
.resumAdherent {margin: 0 0 60px 0;}
/*.resumAdherent:last-child {margin:0;}*/
.resumAdherent .bicol {justify-content: start; align-items:center;}
.visuAdherent {width: 200px; margin:0 50px 0 0; text-align: center;}
.visuAdherent img {max-height: 120px;}
.contentAdherent {width: auto; font-size:1.1em;}
.contentAdherent a {color:#000;}
.contentAdherent a:hover {color:#709155;}
.nomAdherent {font-size:2.3em; font-weight:bold;}
.numAdherent {font-weight: bold; padding:0 0 5px 0; margin:-5px 0 0 0;}
.presAdherent {}
.siteAdherent {}
.biloc {display:flex; padding:0 0 12px 0}
.biloc p {margin:0 40px 0 0; padding:0 40px 0 0; border-right:1px solid rgba(0, 0, 0, 0.4);}
.biloc p:last-child {padding: 0; margin: 0; border: none;}


/********* CONTACT *********************************************************************/
#blocContact {background: #709155; padding: 80px 0 80px 0;}
#blocContact h1 {text-align: center; color:#fff; font-size:3em;}
#blocContactInner {padding: 50px 0 0 0; display: flex; justify-content: space-between;}
.fct01 {width: 45%;}
.fct02 {width: 50%;}
/*---------- map + adresse ----------*/
#footMap iframe {width: 100% !important;}
#footLoc {color:#fff; padding: 20px 0 0 20px;}
#footLoc p {margin: 0; font-size:2.5em; line-height: 1.1em; font-weight: bold;}
/*---------- formulaire ----------*/
#footForm {width: 80%; }
#footForm .formulaire {}
#footForm .formulaire .row {margin:0 0 10px 0;}
#footForm .formulaire .row input[type="text"], #footForm .formulaire .row textarea {background:#F5F5F5; border:1px solid #709155; width:100%; padding:10px; font-size:0.9em; font-family: Helvetica, Arial, Roboto, sans-serif;}
#footForm .formulaire .row input[type="text"]:focus, #footForm .formulaire .row textarea:focus {border-color:#40542f;}
#footForm .formulaire .row textarea {resize:vertical; min-height:180px;}
#footForm .formulaire .submit {text-align: center; margin: 10px 0 0 0;}
#footForm .formulaire input[type="submit"]{color: #fff; background:#587441; border:1px solid #fff; padding:15px 25px 15px 25px; text-transform: uppercase; font-size:1.2em; cursor: pointer; border-radius: 6px;}
#footForm .formulaire input[type="submit"]:hover {background:#fff; color: #587441;}
#footForm .formulaire .fullrow {display:flex; justify-content:space-between;}
#footForm .formulaire .demirow {width: 49%;}
#footForm .formulaire .checkRGPD {}
#footForm .formulaire .checkRGPD .checkbox {display: inline-block; margin: 0 10px 0 0;}
#footForm .formulaire .checkRGPD p {display: inline-block; text-align: left; color:#fff; font-weight:300; font-size:0.9em;}
#footForm .formulaire .checkRGPD p a {color:#fff; text-decoration: underline;}
#footForm .formulaire .checkRGPD p a:hover {text-decoration: none;}
#footForm .formulaire .errorForm {display:block; padding:5px; color:#fff;}
/* confirmation */
#formsThanks {background: #fff; min-height: 450px; display: flex; justify-content: center; align-items: center;}
#formsThanks p {font-weight: bold; }

/********* ACTUALITES *********************************************************************/

/*---------- liste actus ----------*/
#pageListeActus {padding: 50px 0 50px 0;}
#pageListeActus .titreStyleC {padding-right: 10%;}
#pageListeActus.introListe {}
#zoneListeActus {margin: 50px 0 0 0;}
#zoneListeActus .startList {display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
/***** fiche resum *****/
.resumActu {border:1px solid #cfcfcf;}
.resumActuInner {padding:20px;}
.actuVisuR {aspect-ratio: 5/3;}
.actuVisuR img {width: 100%; height: 100%; object-fit:cover; object-fit: 50% 50%;}
.actuTitreR {font-weight: 700; font-size:1.2em; padding: 0 0 10px 0;}
.actuResumR {min-height:120px;}
.actuLinkR {text-align: center;}
.actuLinkR a {}
/*---------- detail actus ----------*/
#pageDetailActus {padding: 50px 0 50px 0;}
#pageDetailActusInner {margin: 0 auto 0 auto; width: 100%; max-width: calc(var(--wrap) - 20%);}
.actuH1  {position: relative; border-bottom:6px solid #000; margin: 0 0 25px 0; display: inline-block; padding: 0 10% 2px 0; transition:all 0.8s ease;}
.actuH1 h1 {color:#000; font-weight: bold; font-size:1.8em; text-transform: uppercase; padding:0; margin:0; line-height:1em;}
.actuH1:after {content:''; width: 10%; height: 6px; background: #000; display: block; position: absolute; bottom: 6px; right: 0; transition:all 0.8s ease;}
.actuH1:before {content:''; width: 10%; height: 6px; background: #000; display: block; position: absolute; bottom: 18px; right: 0; transition:all 0.8s ease;}
.actuContent {}
.actuPhoto {margin:50px 0 50px 0;}
.actuPhoto ul {margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.actuPhoto ul li {aspect-ratio: 16/9;}
.actuPhoto ul li a {position: relative; display:block; width: 100%; height: 100%; overflow: hidden;}
.actuPhoto ul li a:after {content: ''; position: absolute; top: 0; z-index: 2;  width: 100%; height: 100%; display: block; background: rgba(0,0,0,0.2); transition:all 0.3s ease-out; opacity: 0;}
.actuPhoto ul li a:before {content: '+'; position: absolute; top: 0; z-index: 3;  width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color:#fff; font-size: 70px; transition:all 0.3s ease-out; transform: scale(0);}
.actuPhoto ul li a:hover:before {transform: scale(1);}
.actuPhoto ul li a:hover:after {opacity: 1;}
.actuPhoto ul li img {width: 100%; height: 100%; object-fit:cover; object-fit: 50% 50%; transition:all 0.3s ease-out;}
.actuPhoto ul li a:hover img {transform: scale(1.03);}
.actuVideo {margin:50px auto 50px auto; width:100%; max-width:800px;}
.actuVideo video {width: 100%;}

/********* ANNUAIRE *********************************************************************/
#directory {}
#directory h1 {}

/********* NUIT EVENEMENTIEL ************************************************************/
#nuitEvent {margin: 20px 0 0 0;}
.titreH2NE h2 {font-size:3.5em;}
/*---------- bandeau ----------*/
#bandoNE {}
#bandoNE img {width: 100%; height: auto;}
/*---------- intro ------------*/
#introNE {background:#709155; color:#fff; padding:60px 0 60px 0;}
.introNE {display: flex;}
.titreINE {width: 50%; display: flex; justify-content: center;}
.titreINE h1 {font-size:2.4em; max-width:500px;  font-weight: 300;}
.textINE {width: 50%; display: flex; justify-content: center; border-left:1px solid #fff;}
.textINE p {font-size:1.2em; margin: 0 0 20px 0; max-width:600px;}
.textINE p:last-child {margin: 0;}
/*---------- date --------------*/
#dateNE {padding:60px 0 60px 0; text-align:center; font-size:3.5em; font-weight: bold;}
/*---------- programme --------*/
#progNE {background: #B5C6A0; padding:20px 40px 30px 40px;}
#visuProgNE {}
#visuProgNE figure {text-align: center;}
#detailProgNE {background: #fff; padding: 40px 30px 30px 40px; margin: 20px auto 0 auto; box-shadow: 5px 5px rgb(112, 145, 85); display:flex; justify-content:center; align-items: center; position:relative;}
#titreProgNE {width: 34%;}
#titreProgNE h2 {font-size:2.5em;}
#textProgNE {width: 50%;}
#textProgNE p {margin: 0 0 20px 0; font-size:1.2em;}
#textProgNE p:last-child {margin: 0;}
#detailProgNE:before {content:''; position: absolute; left: 0; background: url("../images/triple-barre-long.svg") left center repeat-x; display: block; height: 100px; width: 8%;}
/*---------- organisateurs ----*/
#orgNE {padding:40px 0 40px 0;}
#titreOrgNE {text-align: center;}
#textOrgNE {text-align: center; max-width: 550px; margin: 10px auto 0 auto;}
#textOrgNE p {font-size:1.2em;}
#logOrgNE {}
#logOrgNE ul {margin:50px 0 30px 0; padding: 0; list-style:none; display: flex; justify-content: space-between;}
#logOrgNE ul li {transition:all 0.2s ease; box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.3); margin: 0 10px 0 10px;}
#logOrgNE ul li:hover {transform:scale(1.04); }
#logOrgNE ul li img {width:100%; height: auto;}
/*---------- lieu -------------*/
#lieuNE {background: #B5C6A0; padding:30px 40px 30px 40px; position: relative;}
#firstLNE {background:#fff; position:absolute; height:70%; margin:0; width:50%; right:5%; top:15%; padding:50px; display:flex; flex-direction:column; justify-content:space-between; box-shadow: 5px 5px 10px rgba(0,0,0,0.25);}
#secondLNE {}
#titreLieuNE {}
#titreLieuNE h2 {position: relative; border-bottom:10px solid #000; transition:all 0.8s ease;}
#titreLieuNE h2:after {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 13px; right: 0; transition:all 0.8s ease;}
#titreLieuNE h2:before {content:''; width: 20%; height: 10px; background: #000; display: block; position: absolute; bottom: 36px; right: 0; transition:all 0.8s ease;}
#textLieuNE {}
#textLieuNE p {font-size:1.2em;}
#linkLieuNE {}
#linkLieuNE a {background:#709155; border:1px solid #709155; color: #fff; padding: 10px 15px 10px 15px; font-size:1.2em;}
#linkLieuNE a:hover {background:none; color:#709155;}
#visuLieuNE {}
/*---------- acessibilite -----*/
#accessNE {padding:40px 0 40px 0;}
#titreAccessNE {text-align:center;}
#textAccessNE {width: 100%; max-width: 1000px; margin: 15px auto 0 auto;}
#textAccessNE p {font-size:1.2em; margin: 0 0 20px 0;}
#textAccessNE p:last-child {margin: 0;}
#textAccessNE p a {color:#000; text-decoration: underline;}
#textAccessNE p a:hover {color:#709155; text-decoration: none;}
#linkAccessNE {text-align:center; margin: 30px 0 0 0;}
#linkAccessNE a img {transition:all 0.5s ease;}
#linkAccessNE a:hover img {transform:scale(1.04);}
/*---------- inscription ------*/
#inscriNE {background: #709155; padding:30px 40px 30px 40px; color:#fff;}
#titreInscriNE {text-align:center;}
#textInscriNE {width: 100%; max-width: 1100px; margin: 15px auto 0 auto;}
#textInscriNE p {font-size:1.2em; margin: 0 0 20px 0;}
#textInscriNE p:last-child {margin: 0;}
#linkInscriNE {text-align:center; padding:60px 0 30px 0;}
#linkInscriNE a {background:#fff; display:inline-block; padding:20px 40px 20px 40px; min-width:400px; font-size:2.2em; color:#000; border-radius:100px; text-transform:uppercase; transition:all 0.5s ease; box-shadow:3px 3px 8px rgba(0,0,0,0.5);}
#linkInscriNE a:hover {transform: scale(1.05); box-shadow:5px 5px 10px rgba(0,0,0,0.6); color:#709155;}
/*---------- contact ----------*/
#contactNE {padding:40px 0 80px 0;}
#titreContactNE {text-align:center;}
#textContactNE {width: 100%; max-width: 500px; margin: 15px auto 0 auto;}
#textContactNE p {font-size:1.2em; margin: 0 0 20px 0;}
#textContactNE p:last-child {margin: 0;}
#textContactNE p a {color:#000; text-decoration: underline;}
#textContactNE p a:hover {color:#709155; text-decoration: none;}
/*---------- widget ----------*/
.nuitEvent {background: #587441; display: flex; justify-content: center; align-items: center; height: 70px; color:#fff; position: fixed; bottom:0; width: 100%; z-index: 6000; box-shadow: 0 0 15px rgba(0,0,0,0.5)}
.nuitEvent p {display: inline-block; font-size:1.7em;}
.nuitEvent p strong {text-transform: uppercase;}
.nuitEvent p em {font-style: normal; display: inline-block; padding: 0 0 0 10px;}
.nuitEvent p em:before {content: '-'; nline-block; padding: 0 10px 0 0;}
.nuitEvent p:last-child {margin: 0 0 0 60px;}
.nuitEvent p a {display: inline-block; background:#fff; border:1px solid #587441; color:#587441; padding: 5px 20px 5px 20px; border-radius:100px; font-size:0.8em;}
.nuitEvent p a:hover {color:#fff; border-color:#fff; background:#587441;}

/*========================================================================================
FOOTER
========================================================================================*/
#footer {}
#footerInner {}
/*---------- colonnes ----------*/
#footCol {background: #587441; padding:40px 0 40px 0; position:relative;}
#footCol:before {content: ''; position: absolute; right: 0; top:10%; z-index: 1000; background: url("../images/logo-bretagne-svg.svg") top right no-repeat; display: block; width: 130px; height: 60px; background-size: 100% auto;}
#footColInner {display:flex; justify-content: space-between; align-items: center;}
.footCol {color:#fff;}
.footCol ul {margin:0; padding: 0; list-style: none;}
.footCol a {color:#fff;}
.footCol a:hover {color:#000;}
/*** var ***/
.fc1 {width:20%;}
.fc1 img {width: 80%; height: auto;}
.fc2 {width: 20%;}
.fc2 ul {}
.fc2 ul li br {display: none;}
.fc3 {width: 25%;}
.fc3 p {font-size:1.2em; font-weight: bold;}
.fc4 {width: 20%;}
.fc4 ul {}
.fc4 ul li {display: inline-block; margin: 0 0 0 20px;}
.fc4 ul li a {font-size:1.5em;}
/*---------- mentions ----------*/
.footMentions {background:#40542f; padding:10px 0 10px 0;}
.footMentions ul {margin: 0; padding: 0; list-style: none; text-align: center;}
.footMentions ul li {display:inline-block; margin: 0 10px 0 10px; font-size:0.8em;}
.footMentions ul li a {color:#fff; text-decoration: none;}
.footMentions ul li a:hover {text-decoration: underline;}




/*========================================================================================
RESPONSIVE
========================================================================================*/
#smart-toggle {display:none; cursor:pointer; position:relative; color:#587441; text-transform:uppercase; font-size:1.2em; padding:0 0 0 28px; margin: 0 0 0 20px}
#smart-toggle:before {content:'';  display:block;  padding:0; margin: 0; background: url("../images/burger-menu.svg") center left no-repeat; height: 20px; width: 20px; background-size: 100% auto; position:absolute; left:0;}
#smart-toggle:hover {color:#000;}
#smart-toggle:hover:before {background-image: url("../images/burger-menu-hover.svg");}

/********* 1200 > 1400 *******************************************************************/
@media(min-width:1200px) and (max-width:1399px)
{
	.wrap, #headerInner {width: 1180px;}
	/*=== header ===*/
	#nested {font-size:0.95em;}
	#nested ul li { margin: 0 0 0 15px;}
	#nested ul li a {height:40px;}
	.headLogo {width: 220px;}
	.headSocial ul li a {font-size:1.7em;}
	/*=== global ===*/
	/*** titres ***/
	.titreStyleA, .titreStyleB, .titreStyleC {border-bottom:8px solid #000; margin: 0 0 15px 0;}
	.titreStyleA h1, .titreStyleB h1, .titreStyleC h1 {font-size:1.5em;}
	.titreStyleA:after, .titreStyleB:after, .titreStyleC:after {height: 8px;  bottom: 8px;}
	.titreStyleA:before, .titreStyleB:before, .titreStyleC:before {height: 8px; bottom: 24px;}
	.titreCenter {margin:0 auto 25px auto; max-width:500px;} 
	/*** top bando ***/
	#topBando {max-height:250px;}
	#topBando .topBaseline {left: calc(( 100%  - 1180px) / 2);}
	#topBando .topBaseline p  { font-size:3.5em;}
	/*=== home ===*/
	/*bloc1*/
	.homeTitre {padding-left:calc(( ( 100% * 2) - 1180px) / 2);}
	.homeTitre h1 {font-size:1.4em;}
	.homeBaseline {padding-left:calc(( ( 100% * 2) - 1180px) / 2);}
	.homeBaseline p {font-size:6.5em;}
	.homeBaseline:before {width: calc(((100% - 1180px) / 2) - 20px); }
	#homeBloc1 .bc02:before {width: 150px; background-position: right top;}
	/*bloc2*/
	#homeBloc2Inner {padding: 60px 0 60px 0;} 
	#homeBloc2 .bc01 .contentQSN {font-size:1em;}
	#homeBloc2 .bc01 .contentQSN p {margin: 0 0 15px 0;}
	/*bloc3*/
	#homeBloc3Inner {padding: 60px 0 60px 0;} 
	#homeBloc3 .tc p {font-size:1em;}
	#homeBloc3 .structured_text_semantique_text h2 {border-bottom:8px solid #000; margin: 15px 0 15px 0; font-size:2em; line-height: 1.2em;}
	#homeBloc3 .structured_text_semantique_text h2:after {height: 8px; bottom: 8px;}
	#homeBloc3 .structured_text_semantique_text h2:before {height: 8px; bottom: 24px;}
	/*bloc4*/
	.titreActivites h1 {font-size:1.7em;}
	.blocActiv .elementText > div {margin:0 0 75px 0;}
	.blocActiv .structured_text_semantique_text h2{border-bottom:8px solid #000; margin: 0 0 15px 0; font-size:2em; line-height:1.2em;}
	.blocActiv .structured_text_semantique_text h2:after {height: 8px; bottom: 8px;}
	.blocActiv .structured_text_semantique_text h2:before {height: 8px; bottom: 24px;}
	.blocActiv .structured_text_semantique_text p {font-size:1em; margin: 0 0 15px 0;}
	/*bloc5*/
	#homeBloc5Inner {padding: 60px 0 60px 0;}
	#blocAccesInner {padding:0;}
	.bacs {margin:50px 10% 20px 0; padding:0 0 0 60px;}
	.bacs p {font-size:0.9em;}
	.bacs p:first-child {font-size:2em;}
	/*bloc6*/
	#homeBloc6Inner {padding: 60px 0 60px 0;}
	.lcc {padding: 30px 30px 50px 30px; }
	.lcc .above { min-height: 160px;}
	.lcc p {font-size:1em;}
	.lcc p:first-child {font-size:2em;}
	/*bloc7*/
	#homeBloc7Inner {padding: 60px 0 60px 0;}
	/*=== generique ===*/
	/*=== contact ===*/
	#blocContact {padding: 60px 0 60px 0;}
	#blocContact h1 {font-size:2.5em;}
	#blocContactInner {padding: 30px 0 0 0;}
	#footLoc p {font-size:2.2em;}
	#footForm {width: 90%;}
	#footForm .formulaire .checkRGPD p {font-size:0.8em;}
	/*=== nuit event ===*/
	.textINE {border-left:none;}
	/*=== actus ===*/
	.actuResumR {min-height:150px;}
	/*=== footer ===*/
	#footCol:before { width: 100px; height: 50px;}
	.fc1 {width:18%;}
	.fc2 {width: 20%; font-size:0.9em;}
	.fc3 {width: 26%;}
	.fc3 p {font-size:1.2em;}
	.fc4 {width: 21%;}
	.fc4 ul li {margin: 0 0 0 15px;}
	.fc4 ul li a {font-size:1.4em;}
}

/********* 980 > 1200 *******************************************************************/
@media(min-width:980px) and (max-width:1199px)
{
	.wrap, #headerInner {width: 960px;}
	/*=== header ===*/
	#nested {font-size:0.85em;}
	#header nav {margin:20px 0 0 0;}
	#nested ul li { margin: 0 0 0 5px;}
	#nested ul li a {height:40px;}
	.headLogo {width: 160px;}
	.headSocial ul li a {font-size:1.5em;}
	#navsocial {width:auto;}
	/*=== global ===*/
	/*** titres ***/
	.titreStyleA, .titreStyleB, .titreStyleC {border-bottom:8px solid #000; margin: 0 0 15px 0;}
	.titreStyleA h1, .titreStyleB h1, .titreStyleC h1 {font-size:1.45em;}
	.titreStyleA:after, .titreStyleB:after, .titreStyleC:after {height: 8px;  bottom: 8px;}
	.titreStyleA:before, .titreStyleB:before, .titreStyleC:before {height: 8px; bottom: 24px;}
	.titreCenter {margin:0 auto 25px auto; max-width:460px;}
	/*** top bando ***/
	#topBando {max-height:250px;}
	#topBando .topBaseline {left: calc(( 100%  - 960px) / 2);}
	#topBando .topBaseline p  { font-size:3em;}
	/*=== home ===*/
	/*bloc1*/
	.homeTitre {padding-left:calc(( ( 100% * 2) - 960px) / 2);}
	.homeTitre h1 {font-size:1.2em;}
	.homeBaseline {padding-left:calc(( ( 100% * 2) - 960px) / 2); margin-top: 30px;}
	.homeBaseline p {font-size:5.5em; }
	.homeBaseline:before {width: calc(((100% - 960px) / 2) - 20px); }
	#homeBloc1 .bc02:before {width: 120px; background-position: right top;}
	/*bloc2*/
	#homeBloc2Inner {padding: 50px 0 50px 0;} 
	#homeBloc2 .bc01 .contentQSN {font-size:1em;}
	#homeBloc2 .bc01 .contentQSN p {margin: 0 0 10px 0;}
	/*bloc3*/
	#homeBloc3Inner {padding: 50px 0 50px 0;} 
	#homeBloc3 .tc p {font-size:1em;}
	#homeBloc3 .structured_text_semantique_text h2 {border-bottom:8px solid #000; margin: 15px 0 15px 0; font-size:1.8em; line-height: 1.2em;}
	#homeBloc3 .structured_text_semantique_text h2:after {height: 8px; bottom: 8px;}
	#homeBloc3 .structured_text_semantique_text h2:before {height: 8px; bottom: 24px;}
	/*bloc4*/
	.titreActivites h1 {font-size:1.6em;}
	.blocActiv .elementText > div {margin:0 0 60px 0;}
	.blocActiv .structured_text_semantique_text h2{border-bottom:8px solid #000; margin: 0 0 15px 0; font-size:1.7em; line-height:1.2em;}
	.blocActiv .structured_text_semantique_text h2:after {height: 8px; bottom: 8px;}
	.blocActiv .structured_text_semantique_text h2:before {height: 8px; bottom: 24px;}
	.blocActiv .structured_text_semantique_text p {font-size:1em; margin: 0 0 15px 0;}
	/*bloc5*/
	#homeBloc5Inner {padding: 50px 0 50px 0;}
	.visumap {width: 25%;}
	#blocAccesInner {padding:0; width: 65%;}
	.bacs {margin:50px 10% 20px 0; padding:0 0 0 60px;}
	.bacs p {font-size:0.9em;}
	.bacs p:first-child {font-size:1.8em;}
	/*bloc6*/
	#homeBloc6Inner {padding: 50px 0 50px 0;}
	.lcc {padding: 30px 30px 50px 30px; }
	.lcc .above { min-height: 140px;}
	.lcc .above img {width: 80%; height: auto;}
	.lcc p {font-size:1em;}
	.lcc p:first-child {font-size:1.8em;}
	/*bloc7*/
	#homeBloc7Inner {padding: 50px 0 50px 0;}
	/*=== generique ===*/
	/*=== contact ===*/
	#blocContact {padding: 50px 0 50px 0;}
	#blocContact h1 {font-size:2.3em;}
	#blocContactInner {padding: 30px 0 0 0;}
	.fct01 {width: 42%;}
	.fct02 {width: 55%;}
	#footLoc p {font-size:1.8em;}
	#footForm {width: 96%;}
	#footForm .formulaire .checkRGPD p {font-size:0.8em;}
	/*=== nuit event ===*/
	.textINE {border-left:none;}
	#titreProgNE {width: 34%; padding: 0 40px 0 0;}
	#firstLNE {right:40px; padding:40px; z-index: 5; width: 60%;}
	#secondLNE {overflow: hidden;}
	#visuLieuNE {text-indent: -30%;}
	.nuitEvent p {font-size:1.5em;}
	/*=== actus ===*/
	.actuResumR {min-height:175px;}
	/*=== footer ===*/
	#footCol:before { width: 90px; height: 50px;}
	.fc1 {width:20%;}
	.fc2 {width: 20%; font-size:0.9em;}
	.fc3 {width: 25%;}
	.fc3 p {font-size:1.1em;}
	.fc4 {width: 24%;}
	.fc4 ul li {margin: 0 0 0 15px;}
	.fc4 ul li a {font-size:1.3em;}
}
/********* > 980  ************************************************************************/
@media(min-width:980px)
{
	#mm-nested {display: none !important;}
}
/********* 980 < ************************************************************************/
@media(max-width:979px)
{
	/***** menu *****/
	#smart-toggle {display:block; width: 33%; text-align: left;}
	.dropdown-menu {position: relative; top: auto; left: auto; z-index: 1000; display: block; float: none; min-width: 100%; padding: 0; margin: 0; list-style: none; font-size: 1em; text-align: left; background-color: none; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-clip: padding-box;}
	.mm-menu {background-color:#587441;}
	.mm-menu > .mm-panel {padding:0;}
	.mm-menu > .mm-panel > .mm-listview {margin-left:0; margin-right:0;}
	.mm-listview > li:not(.mm-divider)::after {left:0;}
	.navbar-brand, .navbar-nav > li > a {text-shadow:none; color:#fff;}
	.nav > li > a {text-align:left; text-transform:uppercase;}
	.nav > li > a br {display: none;}
	.nav > li > a:hover,
	.nav > li > a:focus {background-color: #40542f;}
	.nav > li > a:hover {color:#fff;}
	.mm-navbar a.mm-title {color:#fff; text-transform:uppercase;}
	.mm-menu > .mm-panel > .mm-listview.mm-last {padding-bottom:0;}
	.dropdown-menu {background:none;}
	.dropdown-menu > li > a {color:#fff; padding:10px;}
	.mm-menu .mnp {margin-top:30px;}
	.mm-menu .mnp a {font-size:1.2em;}
	.mm-listview > li > a:hover {background:#40542f;}
	.mm-menu .mm-listview > li:after {border-color: rgba(255, 255, 255, 0.5);}
	.mm-menu .mm-listview > li:hover:after {border-color: #40542f;}
}

/********* 769 > 980 ********************************************************************/
@media(min-width:770px) and (max-width:979px)
{
	.wrap {width: 750px;}
	/*=== header ===*/
	#navsocial {width:auto;}
	#headerInner {width: 100%;}
	.headLogo {width: 33%; text-align: center;}
	.headLogo img {width: 100px;}
	#navsocial {width:33%;}
	.headSocial {width: 100%; text-align: right;}
	.headSocial ul li {margin: 0 16px 0 0;}
	.headSocial ul li a {font-size:1.5em;}
	/*=== global ===*/
	/*** titres ***/
	.titreStyleA, .titreStyleB, .titreStyleC {border-bottom:6px solid #000; margin: 0 0 15px 0;}
	.titreStyleA h1, .titreStyleB h1, .titreStyleC h1 {font-size:1.3em;}
	.titreStyleA:after, .titreStyleB:after, .titreStyleC:after {height: 6px;  bottom: 6px;}
	.titreStyleA:before, .titreStyleB:before, .titreStyleC:before {height: 6px; bottom: 18px;}
	.titreCenter {margin:0 auto 25px auto; max-width:380px;}
	/*** top bando ***/
	#topBando {max-height:250px;}
	#topBando .topBaseline {left: calc(( 100%  - 750px) / 2);}
	#topBando .topBaseline p  { font-size:2.5em;}
	/*=== home ===*/
	/*bloc1*/
	.homeTitre {padding-left:calc(( ( 100% * 2) - 750px) / 2);}
	.homeTitre h1 {font-size:1.1em;}
	.homeBaseline {padding-left:calc(( ( 100% * 2) - 750px) / 2); margin-top: 20px;}
	.homeBaseline p {font-size:4.3em; }
	.homeBaseline:before {width: calc(((100% - 750px) / 2) - 20px); }
	#homeBloc1 .bc02:before {width: 100px; background-position: right top;}
	/*bloc2*/
	#homeBloc2Inner {padding: 50px 0 50px 0;} 
	#homeBloc2 .bc01 .contentQSN {font-size:1em;}
	#homeBloc2 .bc01 .contentQSN p {margin: 0 0 10px 0;}
	/*bloc3*/
	#homeBloc3Inner {padding: 50px 0 50px 0;} 
	#homeBloc3 .tc p {font-size:1em;}
	#homeBloc3 .structured_text_semantique_text h2 {border-bottom:6px solid #000; margin: 15px 0 15px 0; font-size:1.4em; line-height: 1.2em;}
	#homeBloc3 .structured_text_semantique_text h2:after {height: 6px; bottom: 6px;}
	#homeBloc3 .structured_text_semantique_text h2:before {height: 6px; bottom: 18px;}
	/*bloc4*/
	.titreActivites h1 {font-size:1.5em;}
	.blocActiv .elementText > div {margin:0 0 50px 0;}
	.blocActiv .structured_text_semantique_text h2{border-bottom:6px solid #000; margin: 0 0 15px 0; font-size:1.35em; line-height:1.2em;}
	.blocActiv .structured_text_semantique_text h2:after {height: 6px; bottom: 6px;}
	.blocActiv .structured_text_semantique_text h2:before {height: 6px; bottom: 18px;}
	.blocActiv .structured_text_semantique_text p {font-size:1em; margin: 0 0 10px 0;}
	/*bloc5*/
	#homeBloc5Inner {padding: 50px 0 50px 0;}
	.visumap {width: 23%;}
	#blocAccesInner {padding:0; width: 67%;}
	.bacs {width:45%;margin:50px 5% 20px 0; padding:0 0 0 60px; background-size:50px auto;}
	.bacs p {font-size:0.8em;}
	.bacs p:first-child {font-size:1.6em;}
	/*bloc6*/
	#homeBloc6Inner {padding: 50px 0 50px 0;}
	.lcc {padding: 20px 30px 30px 30px; }
	.lcc .above { min-height: 140px;}
	.lcc .above img {width: 80%; height: auto;}
	.lcc p {font-size:1em; font-weight: normal; line-height: 1.3em;}
	.lcc p:first-child {font-size:1.4em;}
	/*bloc7*/
	#homeBloc7Inner {padding: 50px 0 50px 0;}
	.infoPart .elementText .above {width:20%;}
	.infoPart .elementText .structured_text_semantique_text {width: 75%;}
	/*=== generique ===*/
	/*=== contact ===*/
	#blocContact {padding: 50px 0 50px 0;}
	#blocContact h1 {font-size:2.3em;}
	#blocContactInner {padding: 30px 0 0 0;}
	.fct01 {width: 40%;}
	.fct02 {width: 57%;}
	#footLoc p {font-size:1.4em;}
	#footForm {width: 96%;}
	#footForm .formulaire .checkRGPD p {font-size:0.75em;}
	/*=== nuit event ===*/
	#introNE {padding:30px 0 40px 0;}
	.introNE {flex-direction:column;}
	.titreINE {width: 100%;}
	.titreINE h1 {text-align:center; margin:0 0 20px 0;}
	.textINE {width: 100%; border:none;}
	#dateNE {padding:50px 0 50px 0;font-size:2.8em;}
	#progNE {padding:20px 0 30px 0;}
	#visuProgNE {width: 90%; margin: 0 auto 0 auto;}
	#visuProgNE img {width: 100%; height: auto;}
	#detailProgNE {padding: 30px 20px 30px 20px; display:flex; flex-direction: column;}
	#titreProgNE {width: 100%;}
	#titreProgNE h2 {text-align: center; margin: 0 0 20px 0;}
	#textProgNE {width: 70%;}
	#lieuNE {padding:20px 0 20px 0;}
	#firstLNE {position:relative; height:auto; margin:0 auto 20px auto; width:100%; right:auto; top:auto; padding:40px; display:block;  box-shadow: none;}
	#secondLNE {}
	#titreLieuNE {margin:0 0 20px 0;}
	#textLieuNE {margin:0 0 20px 0;}
	#linkLieuNE {text-align:center;}
	#linkLieuNE a {display: inline-block;}
	.nuitEvent p {font-size:1.2em;}
	.nuitEvent p:last-child {margin: 0 0 0 40px;}
	/*=== actus ===*/
	#zoneListeActus .startList {grid-template-columns: repeat(2, 1fr);}
	.actuResumR {min-height:155px;}
	/*=== footer ===*/
	#footCol:before { width: 85px; height: 50px;}
	.fc1 {width:15%;}
	.fc2 {width: 20%; font-size:0.9em;}
	.fc3 {width: 30%;}
	.fc3 p {font-size:1em;}
	.fc4 {width: 24%;}
	.fc4 ul li {margin: 0 0 0 10px;}
	.fc4 ul li a {font-size:1.2em;}
}
/********* 768 < ************************************************************************/
@media(max-width:769px)
{
	.wrap, #headerInner {width: 96%;}
	/*=== header ===*/
	#navsocial {width:auto;}
	#headerInner {width: 100%;}
	.headLogo {width: 33%; text-align: center;}
	.headLogo img {width: 100px;}
	#navsocial {width:33%;}
	.headSocial {width: 100%; text-align: right;}
	.headSocial ul li {margin: 0 10px 0 0;}
	.headSocial ul li a {font-size:1.1em;}
	/*=== global ===*/
	/*** titres ***/
	.titreStyleA, .titreStyleB, .titreStyleC {border-bottom:6px solid #000; margin: 0 0 15px 0;}
	.titreStyleA h1, .titreStyleB h1, .titreStyleC h1 {font-size:1.3em;}
	.titreStyleA:after, .titreStyleB:after, .titreStyleC:after {height: 6px;  bottom: 6px;}
	.titreStyleA:before, .titreStyleB:before, .titreStyleC:before {height: 6px; bottom: 18px;}
	.titreCenter {margin:0 auto 25px auto; max-width:380px;}
	/*** top bando ***/
	#topBando {max-height:250px;}
	#topBando .topBaseline {left: 10%;}
	#topBando .topBaseline p  { font-size:2em;}
	/*=== home ===*/
	/*bloc1*/
	.homeTitre {padding-left:10%;}
	.homeTitre h1 {font-size:1em;}
	.homeBaseline {padding-left:10%; margin-top: 20px;}
	.homeBaseline p {font-size:3em; }
	.homeBaseline:before {width: calc(5% - 20px); }
	#homeBloc1 .bc02:before {width: 70px; background-position: right top;}
	/*bloc2*/
	#homeBloc2Inner {padding: 40px 2% 40px 2%;} 
	#homeBloc2 .bicol {flex-direction: column;}
	#homeBloc2 .bc01 {order:1; width: 100%;}
	#homeBloc2 .bc01 .contentQSN {font-size:1em;}
	#homeBloc2 .bc01 .contentQSN p {margin: 0 0 20px 0;}
	#homeBloc2 .bc01 .contentQSN p:first-child, #homeBloc2 .bc01 .contentQSN p:last-child {font-size:1.1em;} 
	#homeBloc2 .bc02 {order:2; width: 100%;}
	#homeBloc2 .bc02 figure {text-align: center;}
	/*bloc3*/
	#homeBloc3 {}
	#homeBloc3Inner {padding: 40px 2% 40px 2%;} 
	#homeBloc3 .tricol {flex-direction: column; justify-content: center;}
	#homeBloc3 .tc {width: 100%; max-width: 400px; margin:0 auto 50px auto;}
	#homeBloc3 .tc p {font-size:1em;}
	#homeBloc3 .structured_text_semantique_text h2 {border-bottom:6px solid #000; margin: 20px 0 20px 0; font-size:1.7em; line-height: 1.1em; }
	#homeBloc3 .structured_text_semantique_text h2:after {height: 6px; bottom: 6px; }
	#homeBloc3 .structured_text_semantique_text h2:before {height: 6px;  bottom: 18px; }
	/*bloc4*/
	.titreActivites h1 {font-size:1.6em; padding:0 0 0 2%;}
	#homeBloc4Inner {padding: 40px 2% 40px 2%;}
	.blocActiv .elementText > div {flex-direction: column; justify-content: center; margin:0 0 50px 0;}
	.blocActiv .structured_text_semantique_text {width: 100%;}
	.blocActiv .structured_text_semantique_text h2{border-bottom:6px solid #000; margin: 0 0 15px 0;  font-size:1.7em; line-height:1.2em;}
	.blocActiv .structured_text_semantique_text h2:after {height: 6px;  bottom: 6px;}
	.blocActiv .structured_text_semantique_text h2:before {height: 6px;  bottom: 18px;}
	.blocActiv .structured_text_semantique_text p {font-size:1em; margin: 0 0 15px 0;}
	.blocActiv .below {width: 100%;}
	.blocActiv:nth-child(even) .elementText > div .structured_text_semantique_text, .blocActiv:nth-child(odd) .elementText > div .structured_text_semantique_text {order:1;}
	.blocActiv:nth-child(even) .elementText > div .below, .blocActiv:nth-child(odd) .elementText > div .below {order:2;}
	/*bloc5*/
	#homeBloc5Inner {padding: 40px 2% 40px 2%;}
	#blocAcces {padding: 0; flex-direction: column; justify-content:center;}
	.visumap {width: 100%; max-width:250px; margin:0 auto 0 auto;}
	#blocAccesInner {width: 100%; justify-content: center;}
	.bacs {margin:0 5% 0 5%; padding: 50px 0 60px 0;  background-position:center top; background-size: auto 40px;}
	.bacs p {font-size:0.9em;}
	.bacs p:first-child {font-size:1.8em;}
	/*bloc6*/
	#homeBloc6Inner {padding: 40px 2% 40px 2%;}
	#listCC {flex-direction:column;}
	.lcc {width: 100%; max-width: 400px; margin: 0 auto 0 auto; padding: 50px 0 50px 0;  }
	.lcc .above {min-height:auto; padding: 0 0 20px 0;}
	.lcc .structured_text_semantique_text {}
	.lcc p {font-weight: bold; font-size:1em;}
	.lcc p:first-child {font-size:1.8em;}
	.lcc01, .lcc02, .lcc03, .lcc04, .lcc05, .lcc06 {border:none; border-bottom:1px dashed #707070;}
	.lcc06 {border: none; padding: 50px 0 0 0;}
	/*bloc7*/
	#homeBloc7Inner {padding: 40px 2% 40px 2%;}
	.infoPart .elementText > div {flex-direction: column;}
	.infoPart .elementText .above {width:100%;}
	.infoPart .elementText .above img {max-height: 120px; margin: 0 0 30px 0;}
	.infoPart .elementText .structured_text_semantique_text {width: 100%;}
	/*=== generique ===*/
	#pageGenerique {padding: 40px 2% 40px 2%;}
	/*=== adherents ===*/
	#pageListe {padding: 40px 2% 40px 2%;}
	.visuAdherent {width: 40%; padding:0 5% 0 5%; margin: 0; text-align: center;}
	.visuAdherent img {max-width: 200px; height: auto;}
	.contentAdherent {width: 50%; margin:0 0 0 5%; font-size:1em;}
	.nomAdherent {font-size:2em;}
	.biloc {flex-direction: column;}
  	.biloc p {margin:0 0 10px 0; padding:0; border-right:none;}
	/*=== contact ===*/
	#blocContact {padding: 40px 2% 40px 2%;}
	#blocContact h1 {font-size:2em;}
	#blocContactInner {padding: 20px 0 0 0; flex-direction:column; justify-content: center;;}
	.fct01 {width: 100%; order:2;}
	.fct02 {width: 100%; order: 1;}
	#footLoc {padding:20px 0 0 0;}
	#footLoc p {font-size:1.6em; text-align: center;}
	#footForm {width: 100%; margin:0 0 70px 0;}
	#footForm .formulaire input[type="submit"]{ padding:10px 45px 10px 45px; font-size:1.1em;}
	#formsThanks {min-height: auto; padding:50px 0 50px 0;}
	/*=== nuit event ===*/
	.titreH2NE h2 {font-size:2.5em;}
	#introNE {padding:30px 0 40px 0;}
	.introNE {flex-direction:column;}
	.titreINE {width: 100%;}
	.titreINE h1 {text-align:center; margin:0 0 20px 0; font-size:2em; padding: 0 20px 0 20px;}
	.textINE {width: 100%; border:none; padding: 0 20px 0 20px;}
	#dateNE {padding:50px 0 50px 0;font-size:2em;}
	#progNE {padding:20px 0 30px 0;}
	#visuProgNE {width: 90%; margin: 0 auto 0 auto;}
	#visuProgNE img {width: 100%; height: auto;}
	#detailProgNE {padding: 30px 20px 30px 20px; display:flex; flex-direction: column;}
	#titreProgNE {width: 100%;}
	#titreProgNE h2 {text-align: center; margin: 0 0 20px 0; }
	#textProgNE {width: 70%;}
	#orgNE {padding:20px 0 20px 0;}
	#textOrgNE {padding: 0 30px 0 30px;}
	#logOrgNE {padding:0 30px 0 30px;}
	#logOrgNE ul {flex-wrap:wrap;}
	#logOrgNE ul li {margin: 0 10px 20px 10px; width: calc(50% - 20px);}
	#lieuNE {padding:20px 0 20px 0;}
	#firstLNE {position:relative; height:auto; margin:0 auto 20px auto; width:90%; right:auto; top:auto; padding:40px; display:block;  box-shadow: none;}
	#secondLNE {width:90%; margin: 0 auto 0 auto;}
	#titreLieuNE {margin:0 0 20px 0;}
	#textLieuNE {margin:0 0 20px 0;}
	#linkLieuNE {text-align:center;}
	#linkLieuNE a {display: inline-block;}
	#accessNE {padding:20px 0 20px 0;}
	#textAccessNE {padding: 0 20px 0 20px;}
	#contactNE {padding:20px 0 60px 0;}
	#textContactNE {padding: 0 20px 0 20px;}
	.nuitEvent .text {display: flex; align-items: center;}
	.nuitEvent p {font-size:1.1em;}
	.nuitEvent p em {display: block; padding: 0;}
	.nuitEvent p em:before {display:none;}
	.nuitEvent p:last-child {margin: 0 0 0 30px;}
	/*=== actus ===*/
	#zoneListeActus .startList {grid-template-columns: repeat(1, 1fr); width:95%; max-width:500px; margin:0 auto 0 auto;}
	.actuResumR {min-height:unset; padding-bottom: 20px;}
	.actuH1 h1 {font-size:1.5em;}
	.actuH1:after, .actuH1:before {width: 7%;}
	.actuPhoto ul {grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
	/*=== footer ===*/
	#footCol {padding: 40px 2% 40px 2%;}
	#footCol:before {width: 90px; height: 50px;}
	#footColInner {flex-direction:column; justify-content:center;}
	.fc1 {width:100%; max-width: 150px; margin:0 auto 30px auto; text-align: center;}
	.fc1 img {width: 100%; height: auto; }
	.fc2 {width: 100%; max-width: 350px; margin:0 auto 30px auto;}
	.fc2 ul {column-count: 2; margin:0 auto 0 auto;}
	.fc3 {width: 100%; text-align: center; margin:0 auto 30px auto;}
	.fc4 {width: 100%;}
	.fc4:before {content:''; display: block; width: 70px; height: 1px; background: rgba(255,255,255,0.4); margin: 0 auto 30px auto;}
	.fc4 ul {text-align: center; }
	.fc4 ul li {margin: 0 10px 0 10px;}
	.fc4 ul li a {font-size:1.5em;}
	.fc2:before, .fc3:before, .fc4:before {content:''; display: block; width: 70px; height: 1px; background: rgba(255,255,255,0.4); margin: 0 auto 30px auto;}


}

/********* 500 < ************************************************************************/
@media(max-width:500px)
{
	/*=== header ===*/
	#smart-toggle {width: 50%;}
	.headLogo {width: 50%; text-align: right; padding: 0 20px 0 0;}
	.headLogo img {width: 60px;}
	#navsocial {display:none;}
	/*=== global ===*/
	/*** top bando ***/
	#topBando .topBaseline p  { font-size:1.5em;}
	/*=== home ===*/
	/*bloc1*/
	.homeTitre {top:10%;}
	.homeBaseline {margin-top: 10px;}
	.homeBaseline p {font-size:2em;}
	/*bloc3*/
	.blocActiv .structured_text_semantique_text h2{font-size:1.3em;}
	/*=== generique ===*/
	/*=== adherents ===*/
	.resumAdherent .bicol {justify-content: center; flex-direction: column;}
	.visuAdherent {width: 100%; }
	.visuAdherent img {max-width: 150px; margin: 0 0 20px 0;}
	.contentAdherent {width: 100%; margin:0;text-align: center;}
	.nomAdherent {font-size:1.5em;}
	/*=== contact ===*/
	/*=== nuit event ===*/
	.titreH2NE h2, #titreProgNE h2 {font-size:2em;}
	#nuitEvent p {font-size:1.1em;}
	#dateNE {font-size:1.8em;}
	#logOrgNE {padding:0 20px 0 20px;}
	#linkInscriNE a {min-width: auto; width: 100%; font-size:1.8em;}
	.nuitEvent p {font-size:0.9em;}
	.nuitEvent p em {display: block; padding: 0;}
	.nuitEvent p:last-child {margin: 0 0 0 20px;}
	/*=== actus ===*/
	.actuPhoto ul {grid-template-columns: repeat(1, 1fr);}
	.actuH1 {border: none;}
	.actuH1 h1 {font-size:1.3em;}
	.actuH1:after, .actuH1:before {display: none;}
	.actuPhoto ul li a:after, .actuPhoto ul li a:before {display: none;}
	.actuPhoto ul li a:hover img {transform: unset;}
	/*=== footer ===*/

}

/********* 320 < ************************************************************************/
@media(max-width:320px)
{
}



/*========================================================================================
COOKIES ALERT
========================================================================================*/
#tarteaucitronIcon, #tarteaucitronAlertSmall {display: none !important;}
/*
#tarteaucitronAlertSmall {background:#fff; border-radius: 100px 0 0 100px; bottom:5px; right:-160px !important; transition:all 0.3s ease;}
#tarteaucitronAlertSmall:hover {right:0 !important;}
#tarteaucitronAlertSmall:before {content:''; width: 70px; display: inline-block; height:50px; background:#fff url("../images/cookies.png") left center no-repeat; background-size:auto 100%; float: left; padding:0; border-radius: 100px 0 0 100px; cursor: pointer;}
@media(max-width:769px)
{
	#tarteaucitronAlertSmall {display: none !important;}
	.cookies {text-align: center; margin:20px auto 30px auto; width: 40px;}
	.cookies button {cursor: pointer; width: 40px; height: 40px; background: url("../images/cookies.png") left center no-repeat; background-size:auto 100%;}
}
*/

/*========================================================================================
ANIMATIONS
========================================================================================*/
/*=== zoom in ===**/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {opacity: 1;}
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {opacity: 1;}
}
.blocload {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
	-webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
	opacity: 1;
}

/*=== fade in ===**/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
	-webkit-animation-name: fadeIn; animation-name: fadeIn;
	-webkit-animation-duration: 1.5s; animation-duration: 1.5s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	opacity: 1;
}

/*=== fade in left ===*/
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}	
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	opacity: 1;
}

/*=== fade in right ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInRight {
	-webkit-animation-name: fadeInRight; animation-name: fadeInRight;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	opacity: 1;
}

/*=== fade in up ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
	-webkit-animation-name: fadeInUp; animation-name: fadeInUp;
	-webkit-animation-duration: 1s; animation-duration: 1s;
	-webkit-animation-fill-mode: both; animation-fill-mode: both;
	opacity: 1;
}


#text p{
	margin-bottom: 10px;
}
.structured_text_semantique_text h2,
.structured_text_semantique_text .h2-like,
.structured_text_semantique_text h3,
.structured_text_semantique_text .h3-like,
.structured_text_semantique_text h4,
.structured_text_semantique_text .h4-like,
.structured_text_semantique_text h5,
.structured_text_semantique_text .h5-like{
	margin:2rem 0 1rem;
}

#text ul{
	padding-left: 1.5rem;
}
#pageGenerique.default{
	.titreStyleC{
		margin-top: 5rem;
	}
	.titreStyleC h1{
		font-size: 4rem;
	}

	.elementPicture {
		
		figure{
			max-height: 300px;
			overflow: hidden;
			position: relative;
		}
		figcaption{
			position: absolute;
			width: 16ch;
			bottom: 10%;
			left: 0;
			
			/*typo*/
			font-size: 5rem;
			line-height: 0.9em;
			text-align:left;
			color: #fff;
			font-weight: bold;
			margin: 0;
			padding: 0;
			text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
			
		}
		img{
			object-fit: cover;
			width: 100%;
			height: auto;
		}
	}

}