html{
	height: 100%;
	min-height: 100%;
}

body{
	font-family: 'Rubik', sans-serif;
	font-size:15px;
	padding:0px;
	margin:0px;
	height: 100%;
	min-height: 100%;	
	color:#000;
	background:#FFF;
	overflow-x:hidden;
	line-height: 20px;
}

/**** HEADER ****/
.navbar-brand {
    margin-right: 30px;
	position:relative;
	z-index:200
}
/*
@media(min-width:992px) and (max-width:1460px){
	.navbar{
		flex-flow: column ;
	}
	
	.navbar-brand{
		display:block;
		width:100%;	
		text-align:center;
	}
}
*/

#bandeauEvenement{
	height:120px;
	background-image:url('/phototheque/photos/charte/banniere_assises2019.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	cursor:pointer;
	position: relative;
	z-index:1;
	border-bottom: 5px solid #FED92C;
}

@media(max-width:767px){
	.navbar-brand{
		max-width:175px;	
	}
}

#zoneBandeauHome{
	position:relative;
	z-index: 0;
}
@media(min-width:577px){
	#zoneBandeauHome::before{
		content:"";
		background:url('/phototheque/photos/charte/village-1-vague.png') no-repeat right;
		width:800px;
		height:300px;
		position:absolute;
		z-index:10;
		bottom:413px;
		right:0;
	}
}

#zone-bandeau{
	height:450px;
}

#zone-bandeau.home{
	margin-top:50px;
	border-top:5px solid #FED92C;
}

@media (max-width:576px){
	#zone-bandeau{
		height:auto;
	}
}

#zone-haut.small + #zone-bandeau{
	margin-top:110px;
	display:inline-block;
}

#bandeau{
	height:100%;
}

#bandeau .bandeau-texte {
    margin: auto;
    top: 60px;
    position: absolute;
    width: 560px;
    max-width: 100%;
    line-height: 1.2;
	background-color:rgba(0,0,0,.7);
	color:#fff;
	padding:15px;
	font-size: 0.9em;
}
#bandeau .bandeau-texte.red {
	background-color:rgba(227,71,83,.7);
    top: 170px;
}
#bandeau .bandeau-texte.image {
	background-color:transparent;
}

#bandeau .bandeau-texte a{
	color:white;
}

@media (min-width:992px){
	#bandeau .bandeau-texte {
    	right: 250px;
	}
}
@media (min-width:577px) and (max-width:991px){
	#bandeau .bandeau-texte {
    	left: 0;
		width: 100%;
	}
}
@media (max-width:576px){
	#bandeau .bandeau-texte,#bandeau .bandeau-texte.red {
		position:relative;
		width: 100%;
		top: 0px;
		right:0;
	}
}




.autre .bandeau-texte{
	margin-top:200px;
	height:auto;
	width:100%;
	background:rgba(0,0,0,0.7);
}
.autre .bandeau-texte .contain{
	padding:30px 20%;
}

.bandeau-texte.reference .contain {
	padding:30px;
}

#zone-bandeau-menu ul{
	display:table;
	margin:-15px auto;
}

#zone-bandeau-menu ul li{
	display:table-cell;
}

#zone-bandeau-menu ul li a{
	display:block;
	padding:10px 8px;
	color:#01669D;
	background:#FFF;
	margin:0 10px;
	min-width:150px;
	text-align:center;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}

#zone-bandeau-menu ul li:hover a,
#zone-bandeau-menu ul li.actif a,
#zone-bandeau-menu ul li.actif:hover a{
	color:#FFF;
	background:#01669D;
	text-decoration:none;
}



.autre .bandeau-texte .bandeau_carre {
	margin-left:auto;
}

/*******/

#zone-haut {
	background:white;	
	z-index:100;
	/*height:110px;*/
	transition:0.5s;
}


@media(min-width:1460px){
	#zone-haut .navbar{
		margin-top:-40px;
	}
}
	
#zone-haut.small {		
	position:fixed;
	border-bottom:2px solid #F2F3FE;
}

#zone-haut li{
	list-style:none;
}
	
#zone-menu-haut{
	width:100%;
	/*background:#EDEDED;*/
	position:relative;
	z-index:100
}
	
#zone-menu-haut ul.niveau1 > li > a{
	padding:0.5rem;
	color:white;
	display:block;
}
#zone-menu-haut ul.niveau1 > li > a.active{
	text-decoration:underline;
}

#zone-menu-haut ul.niveau1 > li:first-child > a{
	background-color:#118A83;
}
#zone-menu-haut ul.niveau1 > li:nth-child(2) > a{
	background-color:#118A83
}
#zone-menu-haut ul.niveau1 > li:nth-child(3) > a{
	background-color:#24B678
}
#zone-menu-haut ul.niveau1 > li:nth-child(4) > a{
	background-color:#77BF79
}

#zone-menu-haut ul.niveau1 > li:nth-child(5) > a{
	background-color:#ACD57E
}


@media (min-width: 768px) {
	#zone-haut #logo {
		margin:5px;
		display:block;
		transition:0.5s;
	}
}

@media (min-width: 768px) {
	.zone-haut-row{
		display:table;
		width:100%;
		transition:0.5s;
	}
	.zone-haut-cell{
		display:table-cell!important;
		float:none;
		vertical-align:middle;
		transition:0.5s;
	}
	
	
	#zone-haut.small {		
		padding: 5px 0 0 0;
		height:auto;
		z-index:200;
		transition:0.5s;
	}
	
	#zone-haut.small #logo img{
		max-height:65px;
		transition:0.5s;
	}
	
	#zone-haut.small #logo_small {
		display:block;
		transition:0.5s;
	}

	#zone-haut.small #zone-menu li a{
		font-size:15px;
		transition:0.5s;
	}
	
	#zone-haut.small #zone-menu-haut li a{
		font-size:14px;
		transition:0.5s;
	}
	
	#zone-haut.small #zone-menu ul li.child > .child-menu ul li a{
		font-size:12px;
	}
	
}

@media (max-width: 767px) {
	#zone-haut{
		width: 100%;			
		line-height:40px;
		z-index:190;
		margin-top:0;			
	}
	
	#logo{
		width:100%;
	}
	#logo img{
		max-height:50px;
		margin:auto;
		margin-top:5px;
	}
}

#bouton-menu{
	position:absolute;
	top:10px;
	right:10px;
}

/**** ZONE CONTENU ****/
#zone-contenu:not(.home){
	padding-top:2em;
}

#zone-contenu.home{
	background-image:url('/phototheque/photos/charte/bg_circuit.png');
	background-repeat:no-repeat;	
	padding-top:20px;
}

#zone-contenu.balade{
	background-image:url('/phototheque/photos/charte/map.png');
	background-repeat:no-repeat;	
	background-position:bottom left;
}

@media (min-width: 1415px) and (max-width: 1790px) {
	#zone-contenu.home{
		background-size:10%;
	}
}

@media (min-width: 1205px) and (max-width: 1414px) {
	#zone-contenu.home{
		background-size:5%;
	}
}

@media (min-width: 768px) and (max-width: 1204px) {
	#zone-contenu.home{
		background-size:10%;
	}
}


@media (max-width: 767px) {
	#zone-contenu.home{
		background-image:none;
	}
}


#zone-contenu:not(.balade) > .container{
	background-color:white;
}

#zone-contenu.accueil{
	background-color:#212121;
}

#contenu-contain{
	padding:15px;
}


/**** MENUS ****/

/*** MENU ***/

#zone-menu ul{
	padding:0;
	text-align:center;
}

@media (min-width: 768px) {
	#zone-menu{
		padding: 10px 0;
		margin-top:65px;
	}
	
	#zone-menu ul li{
		cursor:pointer;
		transition: all 0.3s ease 0s;
		vertical-align: middle;
		float:left;	
		position:relative;
		height:40px;
		line-height:40px;
	}
	
	#zone-menu ul li.dropdown.open,
	#zone-menu ul li.menu:hover,
	#zone-menu ul li.menu-actif,
	#zone-menu ul li.menu-actif:hover{
	}
	
	#zone-menu ul li.assises a {
		background-color:#EA4251;
		color:white;
	}
	
	#zone-menu ul li a {
		display: block;
		font-family: "rubik",sans-serif;
		text-decoration:none;
		color:#11744d;
		padding: 0 8px;
		font-size:16px;
	}
	
	
	#zone-menu ul.niveau1 > li > a {
		font-weight:500;
	}
	
	#zone-menu li > a:hover,
	#zone-menu li > a.menu-actif,
	#zone-menu li:hover > a{
	}
	
	.child-menu {
		position: absolute;
		left: 0;
		z-index: 1000;
		display: none;
		float: left;
		min-width: 160px;
		padding: 5px 0;
		margin: -2px -2px 0;
		font-size: 14px;
		text-align: left;
		list-style: none;
		background-color: #fff;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		/*border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);*/
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);
		box-shadow: 0 6px 12px rgba(0,0,0,.1);	
	}

	#zone-menu li a:before {
		content: "";
		position: absolute;
		width: 80%;
		height: 3px;
		bottom: 3px;
		left: 0;
		right:0;
		margin:auto;
		background-color: #FFD458;
		visibility: hidden;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	
	#zone-menu li a.menu-actif::before,
	#zone-menu li a:hover::before {
		visibility: visible;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	
	nav ul li.child:hover > .child-menu{	
		display:block!important
	}
	
	#zone-menu ul li.child > .child-menu{	
		background-color: #FFF;
		min-width:200px;
	}
	
	#zone-menu ul li.child > .child-menu li.niveau2{	
		float:none;
		border:none;
	}
	
	#zone-menu ul li.child > .child-menu ul li a{
		color: #000;
		text-transform:none;
		white-space: nowrap;
		font-size:16px;
	}
	
	#zone-menu ul li.child > .child-menu ul li a i{
		font-size:12px;
	}
	
	#zone-menu ul li.child > .child-menu ul li:hover a,
	#zone-menu ul li.child > .child-menu ul li.menu-actif a,
	#zone-menu ul li.child > .child-menu ul li.menu-actif:hover a{	
		white-space: nowrap;
	}


}

@media (min-width: 768px) and (max-width: 1460px){	
	#zone-menu ul.niveau1 > li{
		margin-right:15px;
	}
}

@media (min-width: 1461px){	
	#zone-menu ul.niveau1 > li{
		margin-right:30px;
	}
}


#zone-menu ul li.icone{
	background-repeat:no-repeat;
	background-size:30px;
	background-position:5px center;
	padding-left:30px;
}

@media (max-width: 767px) {
	#zone-menu{
		background:#24B678;
		z-index: 1000;
	}
	
	#zone-menu{
		float:none !important;	
		width:100%;
	}
	
	#zone-menu span{
		display: inline-block !important;
	}
	
	#zone-menu ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	
	#zone-menu ul li{
		cursor:pointer;
		transition: all 0.3s ease 0s;
		vertical-align: middle;
		border-top:1px solid #FFF;
		position:relative;
		width:100%;
	}
	
	#zone-menu ul li:first-child{
		border-top:1px solid #24B678;
	}
	
	#zone-menu ul li a{
		color:white;
		transition: all 0.3s ease 0s;
	}
	
	#zone-menu ul li.assises{
		background-color:#EA4251;
		color:white;
	}
	
	#zone-menu ul li:hover,
	#zone-menu ul li.menu-actif{
		background:white;
	}
	
	
	#zone-menu ul li:hover a,
	#zone-menu ul li.menu-actif a{
		color:#24B678;
		text-decoration:none;
	}			
}

@media (min-width: 1000px) and (max-width: 1499px) {
	#zone-menu ul li.icone{
		background-size:20px;
		padding-left:20px;
	}
	
	#zone-menu ul li a {
		font-size:15px;
		text-transform:none
	}
	
	#zone-menu ul li.child > .child-menu ul li a{
		font-size:12px;
	}
}

@media (max-width: 999px) {
	#zone-menu ul li.icone{
		background-image:none!important;
		padding-left:0;
	}
	
	#zone-menu ul li a {
		font-size:13px;
		text-transform:none;
		padding:0 4px;
	}
	
	#zone-menu ul.niveau1 > li > a {
		position:relative;
	}
}

.pull-right {
	margin-right:10px;
}

/*** BAS ***/
#zone-menu-bas{
	color:#FFF;
	background-color:#00689f;
	min-height:50px;
	
}

#zone-menu-bas nav ul li{
	display:inline-block;
}
	
#zone-menu-bas nav ul li a {
	font-family: "rubik",sans-serif;
	text-decoration:none;
	color:#FFF;
}

#zone-menu-bas li > a:hover,
#zone-menu-bas li > a.menu-actif,
#zone-menu-bas li:hover > a{
	text-decoration:underline;
}

#menu_bas {
	float: left;
    width: 30%;
    background-color: #00689f;
    margin-left: 10px;
    display: inline-block;
}

#menu_bas_droite {
	float: right;
    background-color: #00689f;
    margin-right: 10px;
    /* width: 30%; */
    display: inline;
}

#choix_langue {
	margin-right: 25px;
    text-align: right;
    display: inline-block;
}

#link_rsociaux {
	    float: right;
		text-align:right;
}

@media (max-width: 838px) {
	
	#menu_bas {
		width:100%;
	}
	
	#menu_bas_droite {
		float: none;
		width:100%;
		display:inline-block;
		margin-left:10px;
	}
	
	#zone-menu-bas{
		height:100px;
		padding-right:25px;
	}
}

@media (max-width: 568px) {
	#menu_bas{
		margin:0;
		padding-left:10px;	
	}
	
	#menu_bas_droite{
		margin:0;
		padding:0 10px;	
	}
	
	
	#choix_langue {
		
		text-align: left;
		width:100%;
		margin:0;
	}
	
	#link_rsociaux {
			float: none;			
			width:100%;
			text-align:left;
	}
	
	#link_rsociaux div {
		text-align:left;
	}
	
	#zone-menu-bas{
		min-height:150px;
		padding:0
	}
}

/**** FOOTER ****/
#zone-bas{
	color:white;
	margin-top: auto !important;
}


#zone-bas ul{
	list-style:none;
	padding:0;
}

#footer1{
	background:#D8D8D8;
	padding:1rem;
}
#footer2{
	padding:1rem;
}

@media(min-width:768px){
	#bloc-footer-3-row{
		display:table;
		width:100%;		
	}
	
	#bloc-footer-3-row > div{
		display:table-cell;
		float:none;
		text-align:center
	}
}


/**** CARRE ****/

.square .image{
	position:relative;
	background-position:center; 
	background-size: cover;	
	background-repeat:no-repeat;
	min-height:300px;
	padding-right:0px;
}

.square .image .icon-image{
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	background-position:center center;
	background-repeat:no-repeat;
	padding-right:0px;
}

.square.detail{
	padding:15px 0;
	color:white;
	font-family: "rubik",sans-serif;
}

.square.detail .image{
	position:absolute;
	top:-30px;
	min-height:500px;
}

.square.detail .image2{
	background-position:center; 
	background-size: cover;	
	background-repeat:no-repeat;
	top:-30px;
	min-height:400px;
	border:20px solid #0073A9;
	border-bottom:0;
}
.square.detail > section, 
.square.detail > section > div{
	min-height:500px;
}

@media (min-width: 992px) {
	.square > section,
	.square > section > div{
		min-height:400px;
		position:relative;
	}
	
	.square .text-container{
		position:absolute;
		min-height:100%;
		left:0;
		right:0;
		z-index:1
	}
	
	.square.detail .text-container{
		position:relative;
	}
	
	.square .texte{
		min-height:100%;
		padding-left:0;
	}
	.square .texte .contain{
		padding:30px 65px;
		padding-left:0;
	}
	.square .texte.right .contain{
		padding:30px 65px;
		padding-right:0;
	}
}

@media (max-width: 991px){
	.square.detail > section, .square.detail > section > div {
		min-height: 1px;
	}
	.square.detail > section > div.image{
		position:static;
		min-height:300px;
	}
	
	.square .texte .contain{
		padding:15px 0;
	}
}

.img-full-width{
	background-attachment: fixed;
	background-position:center; 
	background-size: cover;
	height:215px;
}

.square section.bg-blue {
	background-color: #0073A9;
	font-family: "rubik",sans-serif;
	color: white;
}

/*** CARRE COL ***/

.square-col .text{
/*	padding:30px 65px;*/
	padding:65px;	
}

@media (max-width: 768px){
	.square-col .text{
		padding:30px;
	}
}

.square-col .image{
	background-position:center; 
	background-size: cover;	
	background-repeat:no-repeat;
}

.square-col > .right{
	padding-left:0;	
}

.square-col > .left > div:nth-child(1),
.square-col > .right > div:nth-child(1){
	min-height:300px;
}
.square-col > .left > div:nth-child(2),
.square-col > .right > div:nth-child(2){
	margin:15px 0;
}

.square-col > .left > div:nth-child(3){
	min-height:600px;
}

.square-col > .right > div:nth-child(2){
	min-height:600px;
}

/*** OTHER LINK ***/
.other-links{
	background:#F1F1F1;
	text-align:center;
	padding:2em 0;	
}

.other-links .thumbnail{
	height:125px;
	background-size:cover;
	background-position:right	
}

.other-links .thumbnail-large{
	height:200px;
	background-size:cover;	
}

.other-links .thumbnail + p,
.other-links .thumbnail-large + p{
	padding:1em;
	margin:0;
}

/*** HOME ***/
#village2{
	background:url('/phototheque/photos/charte/village2.jpg') no-repeat left bottom;
	padding:2rem 0;
}

#searchPalmares{
	background-repeat:no-repeat;
	background-position:50px 50px;
	background-color:#ADD17F;
	padding:2rem 0;
}

#newsHome{
	padding:2rem 0;
/*	background:url('/phototheque/photos/charte/village3.jpg') no-repeat left bottom;*/
	background:url('/phototheque/photos/charte/village3b.jpg') no-repeat right bottom;
	min-height:330px;
}

#newsHome .theme{
	font-size:12px;
	font-variant:small-caps;
	letter-spacing:1px;
}

#videoHome{
	padding:2rem 0;
	background-color:#11744D;
	color:white;
}

/*** NEWS ***/
.nav-theme {
	text-align:center;
	text-transform:uppercase;
	padding:15px 0;
	margin-bottom:15px;
	color:#fff
}
.nav-theme ul{
	padding:0;
	list-style:none;
}
.nav-theme ul li{
	display:inline;
	margin:0 8px;
}

.news.detail .container{
	max-width:800px;	
}

.news .news-link:hover{
	color:inherit;	
}

.news > div{
	/*padding: 0 2em;*/
}
.news .text{
	font-size:1em;
}

.news .text h2{
	font-size:21px;
	text-transform:none;
	margin-bottom:15px;
}

.news .image img{
	max-width:100%;	
}

.news .image2{
	background-size:contain;
	background-repeat:no-repeat;	
	background-position:center center;
}


.bg-green.newsItem{
	color:white;	
}

.newsItem .newsCover{
	background-size:cover;
}

.newsItem .col-12.newsCover,
.newsItem .col-md-7.newsCover{
	background-size:cover;
	background-position:right center;
	background-repeat:no-repeat;
}

.newsItem .col-12.newsCover{
	height:250px;
}

.newsItem .col-md-7.newsCover{
	height:200px;
}

.newsItem h2.newsUne{
	font-size:1.5em;
	margin-top:10px;
}

.newsItem h2:not(.newsUne){
	font-size:1em;
}

.otherNewsTitle{
	
}

.bg-green.newsItem a,
.bg-green.newsItem h2{
	color:white;
}

.event h2{
	font-size:1.5em;	
}

.eventItem .bg-orange a{
	color:black;
}

/**** PALMARES ****/

#zoneBandeauPalmares{
	height:300px;
	background-repeat:no-repeat;
    background-size:cover;
    background-position: center bottom;
}


.palmares > a{
	color:inherit;	
}

.palmares .palmares-couverture{
	height:200px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-image:url('/phototheque/photos/charte/pas_image2.jpg');
}

.palmares .palmares-commune{
	text-transform:uppercase;
	font-size:1.1em;
	color:#2d8462;	
	font-weight: 500;
}

.palmares-table
.communes-table{
	width:100% !important;	
}

.palmares-table thead
.communes-table thead,
table thead{
	background:#24B678;
	border:0;
	border-top:2px solid #febd00;
	color:white;	
}

.palmares-table tbody tr:not(.isAdherent),
.communes-table tbody tr:not(.isAdherent){
	color:grey;
}
.text-black,
.palmares-table a:hover,
.communes-table a:hover{
	color:black;
}

/**** BALADES ****/

#balades .balade .balade-couverture{
	height:350px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}

#balades .balade.hide{
	display:none;
}

#balades .balade .card-body{
	background-color:white;
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#balades .balade:hover .card-body{
	background-color:rgba(234,66,81,0.7);
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
}

#balades .balade-commune{
	text-transform:uppercase;
	font-size:1.4em;
	color:#2d8462;	
	font-weight: 500;
}


#balades .balade:hover .balade-commune,
#balades .balade a{
	color:white;
}

#balades .balade-description{
	display:none;
}

#balades .balade:hover .balade-description{
	display:block;
	font-size:0.9em;
}

/*** CARTE COMMUNES ***/
@media(max-width:767px){
	.form-group{
		flex-flow: column ;
		width:100%;
	}
}

#map{
	height:600px;	
}

/**** COMMUNES ****/

#zoneBandeauCommune{
	height:450px;
	background-repeat:no-repeat;
	background-size:cover;
}

#commune-fiche #commune-nav{
	min-height:300px;	
}

#commune-fiche .nav-pills .nav-link{
	background:none;
	text-align:right;
	min-width:150px;
}

@media (max-width: 767px){
	#commune-fiche .nav-pills .nav-link{
		text-align:left;
	}
}

#commune-fiche .nav-pills .nav-link.active{
	background-color:#ffd741;
	color:#ea4251;
}

#commune-fiche .titre-bloc{
	color:#EB4C5A;
	font-weight:500;
	text-transform:uppercase;
	font-size:1.2em;	
}

#commune-fiche .vignette{
	display:block;
	height:150px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;	
	margin-bottom:30px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
	box-shadow: 0 0 0 .1rem rgba(148,28,119,.15);
}

#commune-fiche .vignette:hover {
	color:#941C77;
	box-shadow: 0 0 0 .3rem rgba(148,28,119,.25);
}

#commune-fiche .eventItem .col-md-6 .event-description{
	display:none;	
}

#commune-fiche .eventItem .col-12{
	display:block;	
}

#commune-fiche .eventItem .event-description-btn{
	display:inline-block;
	padding:5px;
	cursor:pointer;
	background-color:#EB4C5A;
	color:white;	
	border-radius:3px;
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
	font-size:0.8em;
	margin-top:10px;
}

#commune-fiche .eventItem .event-description-btn:hover{
	display:inline-block;
	padding:5px;
	cursor:pointer;
	background-color:#fff;
	color:#EB4C5A;	
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
}

#commune-fiche .eventItem .col-md-6 .event-description-btn.ouvrir,
#commune-fiche .eventItem .col-12 .event-description-btn.fermer{
	display:inline-block;	
}

#commune-fiche .eventItem .col-12 .event-description-btn.ouvrir,
#commune-fiche .eventItem .col-md-6 .event-description-btn.fermer{
	display:none;	
}

#commune-fiche .text-gris{
	color:#2d8462;	
}

#commune-fiche #map{
	height:350px;	
}

#commune-fiche .bloc-parc .titre-jardin{
	
}

/**** VIDEOS ****/

#videos iframe{
	width:100%;
}

/**** VALEURS DU LABEL ****/

#valeurs .valeur-titre{
	font-weight:500;
	font-size:1.2em;
	margin-bottom:20px;
	display:inline-block;	
}

@media (min-width: 767px){
	#valeurs .order-sm-2.bg-orange{
		border-left: 1rem solid white;
	}
	
	
	#valeurs .order-sm-1.bg-orange{
		border-right: 1rem solid white;
	}
}

#valeurs .valeur-couverture{
	min-height:500px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

/**** DEPARTEMENT ****/
#zoneBandeauDepartement{
	height:300px;
	background-repeat:no-repeat;
	background-size:cover;
}

#departement-map{
	height:500px;
	width:100%;	
}

#departement-detail #departement-titre{
	color:#e64d52;	
	font-size:1.5em;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:10px;
	display:inline-block;
}

#departement-detail #departement-texte{
	border-left:10px solid #e64d52;	
	padding:10px;
}

/**** NOUS REJOINDRE ****/

#nousrejoindre .nousrejoindre-couverture{
	min-height:350px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

/**** LOGO ****/
#slider-logos{
	padding:2em 3em;
}
#slider-logos img{
	max-width:100%;
	max-height:50px;
}

#slider-logos .swiper-button-prev,
#slider-logos .swiper-button-next{
	margin-top:-38px;
}

.swiper-button-white{
	background:none !important;
	color:white;
	font-size:50px;
	text-shadow:0 0 2px rgba(0,0,0,0.7);
}

.swiper-button-black{
	background:none !important;
	font-size:50px;
	color:#00689F;
	text-shadow:0 0 2px rgba(0,0,0,0.7);
}

/**** ACCES RESERVE ****/

.titre-bloc-form{
	color:#e64d52;	
	font-size:1.3em;
	font-weight:500;
	text-transform:uppercase;
	margin-bottom:10px;
	display:inline-block;
}

/**** COMMUNE ****/

#bloc-commune{
	display:none;	
}

/**** ESPACE PRESSE ****/

.bloc-ressource .image{
	background-size:cover;
	background-repeat:no-repeat;
	height:100px;
}

/*** TEAM ***/
.bloc-team{
	width:250px;
	height:250px;
	overflow:hidden;
	margin:auto;
	background-position:center top;
	background-size:cover;
	border-radius:50%;
	position:relative;
	margin-bottom:20px;
}

@media (max-width: 767px) {
	.bloc-team{
		width:200px;
		height:200px;
	}
}

.team_dir {
	width:300px;
	height:300px
}

.bloc-team .contain{
	position:absolute;
	text-align:center;
	padding:8px 10px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	bottom:0;
	width:100%;
	height:20%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

@media (max-width: 767px) {
	.bloc-team .contain {
		padding:5px 7px;
	}
}

.bloc-team .contain .titre{
	text-transform:uppercase;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	font-size:14px;
}

.team_dir .contain .titre{
	font-size:17px;
}

@media (max-width: 767px) {
	.bloc-team .contain .titre{
		font-size:10px;
	}
}

.bloc-team .contain p{
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	margin-top:10px;
	font-size:13px;
}

.team_dir .contain p{
	font-size:1.2em;
}

.bloc-team:hover .contain{
	height:100%;
	padding:40px 30px;
}
.bloc-team:hover .contain .titre{
	font-size:1.5em;
}


.bloc-team:hover .contain p{
	opacity:1;
}
.bloc-team:hover .contain .email{
	font-size:0.9rem;
}

@media (max-width: 767px) {
	.team_dir .contain p{
		font-size:0.8em;
	}
	

	.bloc-team .contain p{
		font-size:0.8em;
	}
	
	.bloc-team:hover .contain{
		height:100%;
		padding:30px 15px ;
	}
	
	.bloc-team:hover .contain .titre{
		font-size:0.9em;
	}
	
	.bloc-team:hover .contain .email{
		font-size:0.8rem;
	}
}

.table{
	display:table;
	height:100%;	
}
.table-cell{
	display:table-cell;	
	vertical-align:middle
}

div.table-row:first-child{
	width: 70%;
	margin: auto;
}


@media (max-width: 800px) {
	.group-team .table-cell{
		display:inline-block;	
		width:40%;
	}
}

@media (max-width: 500px) {
	.group-team .table-cell{
		display:block;	
		width:100%;
	}
}


/**** TEXTE ****/
#zoneBandeauTexte{
	height:300px;
	background-repeat:no-repeat;
	background-size:cover;
}

.col-bg{
	min-height:300px;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

.col-bg2{
	min-height:500px;	
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}

/*** COOKIES ***/
#bloc-cookies-container {
	background: rgba(33,41,52,.85) !important;
	bottom: 0 !important;
	display: flex !important;
	left: 0 !important;
	overflow-y: scroll;
	position: fixed !important;
	right: 0 !important;
	top: 0 !important;
	transition: opacity .15s ease;
	z-index: 2147483647 !important;
}

#bloc-cookies {
    box-sizing: content-box;
    margin: auto;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(33,41,52,.75);
    display: flex;
    flex-direction: column;
    max-width: 770px;
    min-width: 320px !important;
    overflow: hidden;
    position: relative;
	color:#000;
}

#bloc-cookies .content {
	color:#000;
	font-size:14px;
    align-self: center;
    flex-direction: column;
    margin: auto;
    max-width: 600px;
    padding: 30px 30px;
}

#bloc-cookies .content h2{
	color:#11744D;
	text-align:center;
	font-size:30px;
	margin-bottom:20px;
}

.form-password{
	display:none;	
}

.form-signin {
	width: 100%;
	padding: 15px;
	margin: auto;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .btn-primary{
	background:#071d30;	
	border-color:#071d30;	
}

.form-signin .btn-primary:hover{
	background:#0a3357;	
	border-color:#0a3357;	
}


form .panel-header{
    display: block;
    padding: 15px;
    background-color: #f7f7f7;
    font-size: 1.3rem;
    font-weight: 700;
	text-align:center;
	margin:0;
	border-radius:5px 5px 0 0;
}

.panel{
	border-radius:5px;
    border: 1px solid #CECECE;
    padding:0;
	margin-bottom:20px;
}
.panel>.panel-header{
    border-bottom: 1px solid #CECECE;
}
.panel>.panel-body{
    padding:30px;
    background-color: #eee;
	border-radius:5px;
}