.logo-collectivite {display:none;}

/*************/
/**** couleurs de beesforlife

test de beesforlife sur vscode
****/


html {
	font-size: 62.5%;
}

body {
	font-family: "Montserrat", arial, sans-serif;
	color: #313131;
	background-color: #fff;
	font-size: 1.7rem;
	font-weight: 300;
}

main.popup {
	background-color: #fff;
}

a,
input[type='submit'] {
	transition: all 300ms linear 0s;
}

a {
	font-weight: 400;
	color:#006125;	
}

a:hover,
a:focus {color:#313131;}

p,
ul,
ol {
	font-size: 1.4rem;
	line-height: 2rem;
}

#main p,
ul,
ol {
	line-height: 1.7;
}

ul {
	list-style: none;
}

p a {
  font-weight:600;
  text-decoration: underline;
}
p a:hover, p a:focus {
  text-decoration: underline double;
}
.accueil p a, p a.btn {text-decoration:none;}
.accueil p a:hover, .accueil p a:focus {text-decoration:underline;}
blockquote {
  font-style: italic;
}
.accueil ul {
	list-style: none;
}

.news .news-text-wrap ul,
ul.subpage {
	padding: 0;
}

.ce-bodytext ul li::before,
.subpages ul li::before,
.news .news-text-wrap ul li::before {
	display: inline-block;
    margin: 0 1rem 0 -3rem;
    background-color: #2a2a2a;
    border-radius: 50%;
    content: "";
    height: 1rem;
    width: 1rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
.sous-titre {
	font-weight: 600;
	color:#353937;
}

h1,
.h1 {
	/*font-size: 4rem;*/
	font-size: 3.1rem;
	margin: 0;
	padding: 0;
}
h1.entry-title {
	text-align:center;
	margin:auto auto 24px auto;
	font-size:2.4rem;
	color:#016126;
	font-weight:600;
}
h1.entry-title:after {
	content:"";
	display:block;
	height:4px;
	width:50px;
	margin:12px auto;
	background-color:#016126;
}
h2,
.h2,
.sous-titre {
	font-size: 2.2rem;
	margin: 20px 0 20px;
	font-weight: 600;
}

.interieure h2,
.interieure .h2,
.interieure .sous-titre {
	font-weight: 700;
}

h2.ce-headline-center:after {
	display: none;
}

h3,
.h3 {
	font-size: 2rem;
	margin: 3rem 1rem 1.5rem 0;
}

h3::before{
    content: '\f105';
    font-family: FontAwesome;
    background: #006125;
    display: inline-block;
    height: 32px;
    width: 30px;
    color: #fff;
    padding: 0 1.2rem;
    font-size: 2.5rem;
    margin-right: 1rem;
}
  
h4, .h4 {
    font-size: 1.7rem;
    margin: 3rem 0 2rem;
}
h4::after {
    content: "";
    display: block;
    height: 5px;
    width: 45px;
    margin: 0.8rem 0;
    background-color: #353937;
}
.h5, h5 {
    font-size: 1.6rem;
}

img,
video {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

figcaption,
.caption {
	font-size: 1.2rem;
	text-align: center;
	font-weight: 600;
	margin: 10px 0 20px;
}

.ce-gallery figcaption,
.caption {
	padding: 5px;
	margin-top: 0;
}

/*
.ce-below .ce-gallery {
	margin-top: 30px;
}
*/

.col100>*>* {
	height: 100%;
}


/**** classes generales et rte ****/

strong,
strong>a {
	font-weight: 700;
}

.list-inline li {
	display: inline;
}

.external-link {
	display: inline-block;
}

.external-link::before {
	content: "\f14c";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
	font-size: 2rem;
}

.download,
.picto {
	display: inline-block;
	font-weight: 400;
}

#download .download {
	margin-left: 20px;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 400;
}

#download .download .ce-uploads-filesize {
	color: #000;
	display: block;
}

.download::before,
.picto::before {
	content: "";
	display: inline-block;
	background: #ededed url("../Images/picto-download.png") no-repeat center center;
	background-size:80%;
	width: 28px;
	height: 28px;
	margin-right: 6px;
	position: relative;
	top: 7px;
}

#download .download:before {
	height: 24px;
	width: 24px;
	background-color: #fff;
	background-position: 0 0;
	background-size: cover;
	top: 6px;
	margin-left: -28px;
	margin-right: 0;
}

.mail {
	display: inline-block;
}

.mail::before {
	content: "\f0e0";
	display: inline-block;
	font-family: FontAwesome;
	padding: 0 5px;
	font-size: 1.8rem;
}

.phone::before {
	content: "\f095";
	display: inline-block;
	font-family: FontAwesome;
	padding: 0 5px;
	font-size: 1.8rem;
}

.plus {
	display: inline-block;
}

p.plus {
	display: block;
}

.plus::before {
	content: "\f067";
	display: inline-block;
	font-family: FontAwesome;
	padding-right: 10px;
	font-size: 1.8rem;
	vertical-align: middle;
}

.bouton {
	background: #004B62;
	color: #fff;
	display: inline-block;
	padding: 3px 12px;
	text-transform: uppercase;
	transition: all 1s;
	font-family: "Montserrat";
	font-size: 1.4rem;
	margin-top: 12px;
}

.bouton.fr,
.bouton.en {
	background: #004B62 url(../Images/drapeau_francais.png) no-repeat 5px center;
	padding: 12px 24px 12px 40px;
}

.bouton.en {
	background-image: url(../Images/drapeau_anglais.png);
}

.bouton:hover,
.bouton:focus {
	border: 1px solid #004B62;
	color: #004B62;
	background-color: #fff;
	text-decoration: none;
}
.accroche p, .accroche {
	font-size:2.4rem;
	font-weight:700;
}
.majuscule {
	text-transform: uppercase;
}

.texte-grand {
	font-size: 2rem;
}

.texte-tres-grand {
	font-size: 2.6rem;
}

.texte-petit {
	font-size: 1.4rem;
	line-height: 1.5rem;
}

.page .ce-gallery .ce-row {
	display:flex;
	justify-content:space-between;
}
.page .ce-center .ce-gallery .ce-row {
	justify-content:center;
}
.page .ce-right .ce-gallery .ce-row {
	justify-content:flex-end;
}
.encadre{
    background: #d9e4dc;
    padding: 2rem;
    font-weight: bold;
    font-size: 1.8rem;
    margin: 2rem 0;
}
.encadre p {
    font-size: 1.8rem;
    margin: 0;
}
.bordure {
    border-left: 1px solid #006125;
    padding: 0 0 0 2rem;
    margin: 2rem 3rem;
}

/*** topheader ***/

.topheader .container {
	position: relative;
}
#menu_superieur .loggout {
	display:inline-flex;
}

.wrap-search .form-control {
	border: 0 none;
	border-radius: 0;
	height: auto;
	box-shadow: unset;
	background-color: transparent;
	padding: 5px;
}

.wrap-search .input {
	width: 100px;
	font-style: italic;
}

.wrap-search #search-label,
.search-fa .fa {
	padding: 0;
	font-size: 2.9rem;
	margin: 0;
	cursor: pointer;
}

.wrap-search #searchbox {
	position: relative;
}

.wrap-search #search_sword {
	width: 100%;
	height: 100%;
	padding: 0;
	transition: all ease-out 0ms;
	font-size: 0;
}

.wrap-search #search_sword:focus {
	height: 100vh;
	background: rgba(5, 53, 53, 0.9);
	color: #fff;
	border: 30px solid #507273;
	font-size: 10rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100000;
	padding-left: 10%;
	transition: all ease-out 300ms;
}

.wrap-search #search_sword:focus+#input-search-before-after:before {
	content: "✕";
	font-size: 2rem;
	display: block;
	width: 4rem;
	height: 4rem;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 100001;
	color: white;
	border: 1px solid;
	border-radius: 50%;
	line-height: 4rem;
	text-align: center;
	margin: 15px;
	cursor: pointer;
}

.wrap-search #search_sword:focus+#input-search-before-after:after {
	content: "Faites Entrée pour rechercher ou Echap pour fermer.";
	display: block;
	position: fixed;
	top: calc( 50vh + 10rem);
	left: 0;
	z-index: 100000;
	color: #fff;
	text-align: right;
	width: calc(80% + 30px);
	margin: 0 calc(10% + 30px);
	border-top: 2px solid #507273;
	padding-top: 10px;
}

header .search-fa button {
	padding-top: 0;
	margin-top: -2px;
}

header .search-fa button svg {
	border: 3px solid #97a1a0;
	border-radius: 0;
	color: #97a1a0;
	width: 36px;
	height: 36px;
}

header .search-fa button:after {
	content: "menu";
	display: block;
	color: #97a1a0;
	text-transform: uppercase;
	font-size: 1.3rem;
}
/*
header .search-fa button:hover *,
header .search-fa button:focus *,
header.search-fa button:hover:after,
header .search-fa button:focus:after {
	color: #42b073;
	border-color: #42b073;
	text-decoration: none;
}
*/

/* Menu langue */
.lang-navigation {
	font-weight: 500;
    margin-left: 1rem;
    margin-bottom: 0;
}
.langue_act {
    text-transform: uppercase;
    margin-bottom: 0;
}
p.langue_act {
	color: #353937;
	background-color: #fff;
	font-style: normal;
	font-size: 2rem;
	font-weight: 600;
}
p.langue_act abbr {
	cursor: default;
	text-decoration: none;
}
.lang-navigation .dropdown-toggle {
	background-color: #fff;
	border: 1px solid #fff;
  	padding: 0 .5rem;
}
.lang-navigation .dropdown-menu {
	background-color: #fff;
	border: none;
  	font-size: 2rem;
	padding: 1rem;;
}
body>header {
	position: relative;
}

.site-title {align-items:center;  max-width:100%}

.site-title .baseline{
	display:block;
	color: #000;
	font-style: italic;
    font-family: montserrat;
    font-size: 1.3rem;
    line-height: normal;
    padding: 5px 0;
    font-weight : 400;
}
header .site-title {
    margin: 1rem 0 0 0;
    padding: 0 !important;
}
.galerie .ce-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: stretch;
}

.galerie .ce-inner .ce-row {
	flex-basis: 50%;
	padding: 0 6px
}

.galerie a figure {
	position: relative
}

figure span {
	display: none;
}

.galerie a figure span {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-family: "Montserrat";
	font-size: 2.4rem;
	text-align: center;
	font-size: 700;
	color: rgb(73, 172, 119);
	background: rgb(73, 172, 119);
	/* Old browsers */
	background: -moz-linear-gradient(left, rgba(73, 172, 119, 1) 0%, rgba(122, 182, 98, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(73, 172, 119, 1) 0%, rgba(122, 182, 98, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(73, 172, 119, 1) 0%, rgba(122, 182, 98, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49ac77', endColorstr='#7ab662', GradientType=1);
	/* IE6-9 */
	box-shadow: 0 0 0 #000;
	transition: color 1s, box-shadow 1s;
	z-index: 100;
}

.galerie figcaption,
.galerie a span {
	position: absolute;
	top: -999999px;
	left: -9999999px;
}

.galerie a:hover span {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	box-shadow: 0 0 6px #000;
}

img.mfp-img {
	padding-bottom: 20px;
}

figcaption h3 {
	text-transform: none;
}

/*** magnific popup ***/

.mfp-title {
	text-align: center;
}

.mfp-bottom-bar,
.mfp-counter {
	font-size: 1.6rem;
	font-weight: normal
}


/*header*/
header #menu_superieur {
	background: #5E6976;
	padding: 0px 15px;
    line-height:normal;
}
header #menu_superieur ul{
	display: inline-block;
    vertical-align: top;
	margin: 0;
	line-height:normal;
    font-size: 1.4rem;
}
header #menu_superieur ul li:after{
	content: "";
    background: #fff;
	height:75%;
	top: 12.5%;
    width: 1px;
    display: inline-block;
    bottom: 0;
    position: absolute;
}

header #menu_superieur ul li:first-child:after,header #menu_superieur ul li:last-child:after{
	display:none
}
 header #menu_superieur li{
	text-transform: uppercase;
	position: relative;
}
header #menu_superieur a, header #menu_superieur input{
	font-family: 'Barlow', sans-serif;
    font-size: 1.4rem;
    font-weight:600;
	line-height: 4rem;
    height: 4rem;
	color:#fff; 
	padding: 0 2rem;
	display: inline-block;
	position: relative;
}
header #menu_superieur .fa{
    font-size: 1.6rem;
    margin: 0 1rem;
}
header #menu_superieur ul#socials a{
	padding : 0 3px;
}
#menu_superieur ul li:first-child a:before{
	content: "\27F6";
    font-size: 2rem;
    line-height: 2rem;
	margin: 0 1rem;
}
header #menu_superieur #btn_connect {flex-shrink: 0;}
header #menu_superieur #btn_connect, header #menu_superieur ul li:first-child a{
	color: #ffffff;
    background-color: #006125;
    display: inline-block;
    padding:0 10px;
}
header #menu_superieur .espace-perso {
	text-transform: uppercase;
    background: #f9ba38;
    height: 100%;
}
header #menu_superieur .espace-perso a{
	padding: 0 2rem 0 0;
}

header #menu_superieur .espace-perso a:before {
    background: 1rem / contain url(../Images/espace.svg) no-repeat #f9ba38;
    content: '';
    height: 3.6rem;
    width: 6rem;
    border: 0.5rem solid #f9ba38;
    display: inline-block;
    vertical-align: middle;
}
header #menu_superieur .espace-perso.es-desinsectiseur {
    background: #353937;
}

header #menu_superieur .espace-perso.es-desinsectiseur a:before{
	background:1rem / contain url('../Images/bee.svg') no-repeat #353937;
	border: 0.5rem solid #353937;
}

header #menu_superieur .espace-perso.es-apiculteur {
    background: #A36C15;
}

header #menu_superieur .espace-perso.es-apiculteur a:before{
	background:1rem / contain url('../Images/honey.svg') no-repeat #A36C15;
	border: 0.5rem solid #A36C15;
}

header #menu_superieur .loggout {	
    background: #fff;
    color:#000;
	display:inline-flex;
	justify-content:flex-end;
	align-content:baseline;
	font-size:1.4rem;
	line-height: 4rem;
}
header #menu_superieur .loggout .deconnexion {
	position: relative;
}
header #menu_superieur .loggout .deconnexion:before {
	content:'';
	height:75%;
	width:1px;
	background: #B1B2B2;
	position: absolute;
	top: 12.5%;
	left: 2rem;
}

header #menu_superieur .loggout input {
	display:inline;
	border:0 none; 
	background:0 none;
    margin-left: 1.5rem;
	font-size:1.4rem;
	color: #353937;
}

header .navbar-header {align-items:center;}

.navbar-brand-image img{
	width :100%;
	max-width: 110px;
}

/***** la navigation principale *****/
#main-navigation{
	padding:0;
	font-family: Barlow;
}
#main-navigation .navbar-nav > .nav-item{
	position:relative;
}
#main-navigation .navbar-nav > .nav-item > .nav-link{
	background: none;
    border: none;
    font-size: 1.5rem;
    line-height:1.8rem;
    font-weight: 600;
    color:#353937;
    outline:none;
    padding-right: 10px;
    letter-spacing:-0.03rem;
	transition: all 300ms linear 0s;
}
#main-navigation .navbar-nav > .nav-item > a.nav-link {
	padding-bottom:.72rem;
	
}
#main-navigation .navbar-nav > .nav-item > .nav-link:hover,
#main-navigation .navbar-nav > .nav-item > .nav-link:focus{
	color: #ffffff;
    background-color: #006125;
}
#main-navigation .dropdown-toggle::after{
	font-family: fontawesome;
    content: "\f107";
    margin: 0 0 0 5px;
    border: none;
    vertical-align: middle;
    font-size: 0.7em;
}
.navbar-nav .dropdown-menu{
    border: none;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.2);
    padding: 15px 0px 30px 0px;
    margin-top : 0;
    border-top: 3px solid #353937;
    min-width: 300px;
    left: -25% !important;
    z-index: 1000;
        
    -webkit-border-bottom-right-radius: 0.5rem;
	-webkit-border-bottom-left-radius: 0.5rem;
	-moz-border-radius-bottomright: 0.5rem;
	-moz-border-radius-bottomleft: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}
.navbar-nav .dropdown-menu ul{
	margin: 0;
    padding: 0;
    position:relative;
}
.navbar-nav .dropdown-menu ul li{
	padding: 0.5em 20px 0.5em 10px;
}
.navbar-nav .dropdown-menu ul li:before{
	display: inline-block;
    vertical-align: top;
    content: "";
    width: 30px;
    text-align: center;
    font-family: fontawesome;
    font-size: 1.4rem;
    font-weight: bold;
}
.navbar-nav .dropdown-menu ul li:hover:before{
	color:#006125;
	content:"\f105";
}
.navbar-nav .dropdown-menu ul li a{
	color: #353937;
    font-size: 1.4rem;
    display: inline-block;
    vertical-align: top;
	width: calc( 100% - 50px );
}
.navbar-nav .dropdown-menu ul li a:hover{
	text-decoration:none;
	color:#006125;
}
.navbar-header-main .search-fa{
	padding-top : 0 !important;
}

/*** footer ****/
footer {
    background: none;
    width: auto;
    height: auto;
    margin-top:0;
}
#wrap-menu-bis-footer{
	background: #5E6976;
}	
#menu-bis-footer{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
	width: 100%;
    padding: 0 0px;
	margin: 50px 15px;
}
#menu-bis-footer a{
	-webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    
    text-align:center;
    font-family:Montserrat;
	font-size: 1.4rem;
    line-height: 1.3em;
    color: #fff;
    text-decoration:none;
}
#menu-bis-footer a:first-child{
	text-align:left;
}
#menu-bis-footer a:last-child{
	text-align:right;
}
#menu-bis-footer a img,#menu-bis-footer a .fa{
		display:inline-block;
		vertical-align:middle;
}
#menu-bis-footer a .fa{
	font-size:3rem;
	line-height:5rem;
	color:#006125;
	background:white;
	border-radius:100%;
	height:5rem;
	width:5rem;   
	text-align:center; 
}
#menu-bis-footer a span{
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	padding-left:1em;	
}
#menu-bis-footer a:hover span{
	text-decoration:underline;
}
#menu-bis-footer a strong{
	display:block;
	font-weight:600;
}


.interieure + footer #menu-bis-footer {
	display:none;
	}
.menu-copyright{
    
	padding : 35px 15px;
	border-top : 1px solid #babbbb;
	border-bottom : 1px solid #babbbb; 
	width : 100%;
}
.interieure + footer .menu-copyright  {
	border-top:0 none;
	}

.menu-copyright #logo_footer{
    width: 100%;
    max-width: 110px;
}
.menu-copyright ul{
    margin: 0;
	column-count: 2;
}
.menu-copyright ul li a{
	font-family: Montserrat;
    font-size: 1.4rem;
    color: #353937;
    padding: 1rem 0;
}
#copyright p {
  font-size: 1.2rem; 
  line-height: 2em; 
}
#copyright a{
	display:block;
}
#copyright img{
	max-width:5.5rem;
}

#return-to-top {
	background: #ededed;
	border-radius: 35px;
	bottom: 32px;
	display: none;
	height: 50px;
	position: fixed;
	right: 20px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
	width: 50px;
	z-index: 99999;
}

#return-to-top .fa {
	color: #053535;
	font-size: 5.2rem;
	margin: 0 auto;
	position: relative;
	top: -5px;
	text-align: center;
	transition: all 0.3s ease 0s;
	width: 100%;
}

/*** le contenu principal ****/

.main-section {
	position: relative;
	color:#353937;
}
.bienvenue {
  font-size: 1.3rem;
  color: #053535;
}

.breadcrumb-section .breadcrumb {
	background: none;
	margin: 0;
	padding: 1.3rem 0 0 0;
	font-size:1.3rem;
}

.breadcrumb-section .breadcrumb,
.breadcrumb-section .breadcrumb a {
	font-size: 1.3rem;
	color: #313131;
}

.breadcrumb-section .breadcrumb li:first-child {
	font-weight: normal;
}

.breadcrumb-section .breadcrumb li:last-child {
	font-weight: 700;
}

.breadcrumb-section .breadcrumb .active {
	font-weight: 700;
}

.breadcrumb>li {
	display: inline-block;
}

.breadcrumb>li+li::before {
	content: '|';
	color: #053535;
	margin: 0 5px;
	font-weight: normal;
}

#toolbar-redim {
	font-size: 2.2rem;
	margin-top: 10px;
}

#toolbar-redim a {
	color: #053535;
	font-weight: 600;
	padding: 0 5px;
	display: inline-block;
	text-align: center;
	transition: all 300ms linear 0s;
}
#toolbar-redim sup {
    top: 0;
}
#toolbar-redim .decreaseFont{
    font-size: 1.8rem;
}
#toolbar-redim .increaseFont{
	font-size: 2.6rem;
}

.print .fa-print {
	font-size: 2.5rem;
	color: #006125;
	padding: 2px;
	margin-top: 10px;
	transition: all 300ms linear 0s;
}

#toolbar-redim a:hover,
.print .fa-print:hover {
	text-decoration: none;
	color: #c3c3c3;
}

.interieure .entry-content {
	padding: 48px 0;
}

.interieure h2 {
	text-transform: none;
}

/********************************   Composants  *****************************************/

/*****    Accordéon */
.accordion .titre_accordion {
    line-height:72px;
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
    padding:0 24px;
}
.gridel-accordion__title {
    margin-top:3px;
font-size: 1.8rem;
    }
.gridel-accordion__title:after {
    display:none;
}
.js-accordion__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 4rem 2rem 2rem;
    min-height: 72px;
    width: 100%;
    border: 0 none;
    border-top: 1px solid #093d58;
    /* box-shadow: 0 0 5px #e0dcdf; */
    background-color: #fff;
    transition: all ease-out 1s;
    text-align: left;
    border: 1px solid grey;
}
.js-accordion__header:after {
    content:"\f105";
    font-family:FontAwesome;    
}
.js-accordion__header:hover, .js-accordion__header:focus, .js-accordion__header[aria-expanded="true"]{
    border-color:#006125;;
    color:#006125;;
    box-shadow : 0 3px 4px #e0dcdf;
}
.accordion:hover .js-accordion__header, .accordion:focus .js-accordion__header {
    border-color:#006125;;
    color:#006125;
}
.accordion:hover .titre_accordion, .accordion:focus.titre_accordion {
    background:#006125;;
    color:#fff;
}
.js-accordion__header:hover:after, .js-accordion__header:focus:after, .js-accordion__header[aria-expanded="true"]:after {
    content:"\f107";
}
.gridel-accordion__panel {
    padding:3px 24px 24px 24px;
    background:#fff;
    box-shadow : 0 3px 4px #e0dcdf;
}
.gridel-accordion__panel h3{
    margin: 32px 0 18px;
}
.gridel-accordion__panel[aria-hidden=true] {
  display: none;
}
.accordion-light .js-accordion__header {
    color:#211e1e !important;
    box-shadow:unset !important;
    border-top:1px solid #c0bfbf !important;
}
.accordion-light .gridel-accordion__panel {
    box-shadow:unset;
}
.interieure .gridel-accordion__panel .frame-default:last-child {
margin-bottom:0;
}
.gridel-accordion__panel header * {
    margin-top:0;
}

.gridel-accordion__panel header {
	display: none;
}
h3.gridel-accordion__title:before {
    display:none;
}

/********************************   Uploads     ****************************************/

#download .card {
	border: 0 none;
}

#download .list-group-item {
	border: 0 none;
}

.search-fa a:hover,
.search-fa a:focus,
.search-fa #search-label:hover,
.search-fa #search-label:focus,
.search-fa a:hover .fa,
.search-fa a:focus .fa {
	color: #507273;
	background-color: #fff;
	border-color: #507273;
}


/**** extensions ****/
.page-item .page-link {
	color: black;
}
.page-item.active .page-link {
	background-color: #006125;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel{
	font-size: 1.5rem;
    padding: 7px 0;
}

#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine{
	    margin-top: 30px;
}

.news-list-view .article a {
	background: #fff;
	font-family: "Roboto";
	font-weight: 700;
	color: #053535;
	transition: all 1s;
	margin-bottom: 12px;
}

.news-list-view .article a:hover {
	background: #053535;
	color: #fff;
	text-decoration: none;
}

.news-list-view .article a .news-img-wrap {
	position: relative;
	transition: all 1s;
	height: 280px;
}

.news-list-view .article a:hover .news-img-wrap {
	background-color: rgba(5, 53, 53, .5);
}

.news-list-view .article .news-img-wrap img {
	height: 100%;
	object-fit: cover;
}

.news-list-view .article a .news-img-wrap:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: inherit;
	content: ' ';
}

.news-list-view .article .titre-news {
	padding: 12px;
}

.news-list-date {
	font-size: 1.3rem;
	font-weight: 400;
	text-align: right;
}

.article-title {
	font-size: 1.8rem;
	text-transform: uppercase;
	padding: 12px 0;
	min-height: 75px;
	line-height: 1.2
}

.article-title:after {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background: #053535;
	margin-top: 6px;
}

/*** fe-login ****/
.page .tx-felogin-pi1 {
	margin:auto;
	padding:24px;
	background-color:#eee;
}
.page .tx-felogin-pi1 h3 {
	color:#036125;
	text-transform:uppercase;
	text-align:center;
	margin:24px 0 32px 0;
}
.page .tx-felogin-pi1 form {
	margin: auto;
}
.page .tx-felogin-pi1 > div, .tx-felogin-pi1 p {
	margin:12px auto;
}
.page .tx-felogin-pi1 form legend {
	position:absolute;
	left:-9999999px;
	right:-9999999px;
}
.page .tx-felogin-pi1 form label {
	font-weight:600;
	color:#353937;
}

.page .tx-felogin-pi1 form .input-group-append a {
	padding: 4px 8px;
	border: 1px solid #b4b0b1;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.page .tx-felogin-pi1 input[type="SUBMIT"] {
	display:block;
	margin:24px auto;
	background:#036125;
	color:#fff;
	border:1px solid #fff;
	border-radius:5px;
	width:300px;
	max-width:100%;
	padding:6px;
}
.page .tx-felogin-pi1 input[type="SUBMIT"]:hover, .tx-felogin-pi1 input[type="SUBMIT"]:focus  {
	background:#313131;
	color:#fff;
}
.tx-felogin-pi1 a {
	color:#353937;
	font-size:1.4rem;
	font-style:italic;
	}
/*** pager ***/

.pager {
	padding-left: 0;
	margin: 32px 0;
	text-align: center;
	list-style: none
}

.pager li {
	display: inline
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	color: #053535;
	font-size: 1.4rem
}

.pager li>a:focus,
.pager li>a:hover {
	text-decoration: none;
	background-color: #053535;
	color: #fff;
}

.pager {
	display: flex;
	justify-content: space-between;
}

.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff
}


/*** Formulaire***/
form {font-size:1.5rem;}
input[type="TEXT"], input[type="EMAIL"], input[type="PASSWORD"], select, textarea {
	font-family:"Montserrat";
	font-weight:400;
	border:1px solid #b4b0b1;
	border-radius:5px;
	padding:6px;
}

.form-control {
	font-size: 1.5rem;
}

.tx-powermail span.help {
	display: block;
	font-size: 0.8em;
}

.btn-basic{
	content: ">";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}
.btn,
.btn-primary,
.button {
	display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 2rem 1.5rem 2rem 1.5rem;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Barlow;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: left;    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.btn-fleche{
	padding: 2rem 1.5rem 2rem 6rem;
}


.btn-primary {background: #006125;}
.btn-secondary{
	background: #f9ba38;
    color: #353937;
}



.btn-fleche:before{
    content: "\f105";
    font-family: fontawesome;
    font-weight: normal;
    display: block;
    height: 100%;
    width: 46px;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 4.0rem;
    top: calc( 50% - 24px );
}
.btn-fleche:after {
    content: "";
    display: block;
    border-right: 1px solid #fff;
    height: 100%;
    width: 46px;
    position: absolute;
    top:0;
    left: 0;
    text-align: center;
    font-size: 4rem;
}

 .subpages li {
	margin-bottom: 3rem;
 }
 
 .subpages li .wrap-titre {
    display: block;
    color: #353937;
    font-size: 2.15rem;
	letter-spacing: -.1rem;
	min-height: 16rem;
    font-weight: bold;
    background: #F2F3F3;
    text-align: center;
    border-radius: 15px 15px 0 0;
    padding: 4rem 2.5rem;
}

 .subpages li .titre:after {
    content: '';
    display:block;
    height: 1px;
    width: 75%;
    background: #353937;    
    margin: 2rem auto 0;
}
 .subpages li img{
	margin-top: 2rem;
 }
 
 .subpages li .btn {
    background: #006125;
    display: block;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 0 15px;
    height: 5rem;
    line-height: 5rem;
    margin-top: 1rem;
	margin-bottom: 2rem;
}
/**
.subpages li:nth-child(2) .btn {
    background: #f75439;
}
.subpages li:nth-child(3) .btn {
    background: #db9e31;
}
**/
 .subpages li .btn:after {
    content: "\27F6";
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 0 0 2.5rem;
    border: none;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
}

ul.subpages li:hover,
ul.subpages li:focus{
  transition: all 300ms linear 0s;
  transform: translateY(3rem);
  opacity: 0.9;
}
.formulaire .btn-file:before {
    content: "\f115";
    font-size: 2rem;
    text-rendering: auto;
    color: #fff;
    width:auto;
    border:0 none;
    position:static;
	display:none;
}



#form_kesearch_pi1 .submitbutt input[type="submit"] {
	background-image: none;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.button:hover,
.button:focus,
#form_kesearch_pi1 .submitbutt input[type="submit"]:hover,
#form_kesearch_pi1 .submitbutt input[type="submit"]:focus,
.btn.focus,.btn:focus,  .btn-outline-primary:focus, .btn-primary.disabled,.btn-primary:disabled,
 .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle {
	background-color: #353937;
    color: #fff;
    box-shadow:0 0 0 .2rem rgba(111,111,111,.5);
    border-color:#353937;
}

.tx-powermail .container-fluid select.form-control:not([size]):not([multiple]) {
	height: calc(3rem + 2px);
}

.tx-powermail legend {
	display: inline-block;
	width: initial;
	font-size: 2rem;
	color: #122a2c;
	font-weight: bold;
}

.tx-powermail .powermail_fieldwrap {
	padding: 0;
}

label {
	color: #353937;
	font-weight: 400;
}

label.control-label {
	padding: 0;
	margin: 10px 0 0;
}

.tx-powermail .powermail_fieldwrap .col-sm-10 {
	padding-left: 0;
}

.mfp-inline {
	color: #fff;
	font-size: 2rem;
	font-weight: normal !important;
	background: #404041;
	padding: 5px 0 10px;
	display: block;
	text-align: center;
	margin-top: -1px;
	float: left;
	width: 100%;
}

.mfp-inline:hover,
.mfp-inline:focus {
	color: #fff;
}

.agenda .wrap-paginator {
	border-bottom: 6px solid #122a2c;
	padding: 3px 0;
}

.nb-paginate {
	display: none;
}

.f3-widget-paginator {
	margin: 20px 0px;
	float: right;
}

.f3-widget-paginator>li {
	display: inline;
}

.f3-widget-paginator>li {
	position: relative;
	float: left;
	margin-left: -1px;
	text-decoration: none;
	border: 1px solid RGB(221, 221, 221);
	background-color: RGB(255, 255, 255);
}

.f3-widget-paginator>li>a,
.f3-widget-paginator>li.current,
.nb-paginate .number {
	color: #404041;
	padding: 6px 12px;
	float: left;
}

.agenda .f3-widget-paginator>li>a,
.agenda .f3-widget-paginator>li.current,
.agenda .nb-paginate .number {
	color: #ac2c6a;
}

.nb-paginate .number {
	padding: 0px 12px;
}

.f3-widget-paginator>li.current,
.f3-widget-paginator>li>a:hover,
.f3-widget-paginator>li>a:focus {
	text-decoration: none;
	background-color: #ebebeb;
}

.f3-widget-paginator>li:first-child>a,
.f3-widget-paginator>li.current:first-child {
	margin-left: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.f3-widget-paginator>li:last-child>a,
.f3-widget-paginator>li.current:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.navbar-toggle.navbar-toggle-menu.menu-link.collapsed {
	z-index: 800;
}


/*** Tableau ***/

table {
	border: solid 1px #dcdcdc;
	font-family: "roboto", arial, sans-serif;
	font-size: 1.4rem;
	font-weight:400;
	margin: 24px 0;
	width: 100%;
}

table caption {
	text-align: right;
	padding: 0;
	caption-side: top;
}

table caption * {
	display: inline-block;
	padding-left: 12px;
	margin-bottom: 0;
}

table.pointtri caption {
	text-align: left;
}

thead,
th {
	background: #122a2c;
	color: #fff;
	font-size: 1.4rem;
}

thead h4 {
	color: #fff;
}

td,
th {
	border: 1px solid #ededed;
	padding: 5px;
	vertical-align: middle !important;
	text-align: center;
}

th {
	border: 1px solid #ffffff;
}


section.collectivites{
    font-family: Montserrat;
    color:#353937;
}
section.collectivites h2{
    color: #F9BA38;
    font-size: 2.4rem;
    background: #fff;
    position: relative;
    font-weight: normal;
    text-align: left;
    padding: 0 0 2rem 3rem;
    text-transform: uppercase;
    margin: 4rem 0;
}

section.collectivites h2:before,section.collectivites h2:after{
	content:"";
	display:block;
	width:6px;
	height:60px;
	background: #F9BA38;
	position:absolute;
	bottom:0;
	left: -2rem;
}
section.collectivites h2:after{
	width:60px;
	height:6px;	
}





section.collectivites p {
    font-size: 1.7rem;
}
section.collectivites .btn {
    margin-top:1rem;
}
section.vous .type{
	background:#026029;
	color:#fff;
}
section.vous .type a{
	color:#fff;
	display:block;
	
}
section.vous .type h2 {	
	color:#fff;
	font-weight:normal;	
	text-transform:uppercase;
	margin-left:1rem;
	font-size: 2.6rem;
}
section.vous .type h2 strong {	
	display:block;
}
section.vous .type:nth-child(2) {
	background:#353937;

}
section.vous .type:nth-child(3) {
	background:#A36C15;
}
section.vous .type img {	
    max-height:150px;
    margin-bottom:1rem;
}
section.vous .type span {	
	position:absolute;
	bottom:0;
	right:0;
	padding:1.5rem
}
section.vous .type span .fa{	
    margin-left:1rem;
}
section#actualites{	
	padding-bottom: 55px;	
    background : #e8e8e8;
}
section#actualites h2,section#actualites #all-actu{
	margin: 4rem 0 8rem;
}
section#actualites h2 a{
	position: relative;
    font-size: 3rem;
    font-weight: bold;
    color:#353937;
}
section#actualites h2 a:before{
	font: normal normal normal 1.4rem/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    content: "\f1ea";
    margin-right:1rem;
}

section#actualites #all-actu{
	font-size: 1.6rem;
	font-family: Barlow;
	text-transform: uppercase;
	text-align: right;
}

section#actualites #all-actu a{
	color:#353937;	
}
section#actualites #all-actu a[href]:after {
    content: "\27F6";
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 1rem;
    display:inline-block; 
    text-decoration:none;
}

.single-news{
	position:relative;
	margin-bottom:24px;
}
.single-news time,.single-news .description{
	color:#313131;
	font-size:1.4rem;
}
.single-news .description{
	font-size:1.5rem;
}
section#actualites .single-news:after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:1px;
	height:100%;
	
	background: rgba(239,194,86,1);
	background: -moz-linear-gradient(top, rgba(239,194,86,1) 0%, rgba(239,193,86,1) 50%, rgba(154,197,211,1) 50%, rgba(154,197,211,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,194,86,1)), color-stop(50%, rgba(239,193,86,1)), color-stop(50%, rgba(154,197,211,1)), color-stop(100%, rgba(154,197,211,1)));
	background: -webkit-linear-gradient(top, rgba(239,194,86,1) 0%, rgba(239,193,86,1) 50%, rgba(154,197,211,1) 50%, rgba(154,197,211,1) 100%);
	background: -o-linear-gradient(top, rgba(239,194,86,1) 0%, rgba(239,193,86,1) 50%, rgba(154,197,211,1) 50%, rgba(154,197,211,1) 100%);
	background: -ms-linear-gradient(top, rgba(239,194,86,1) 0%, rgba(239,193,86,1) 50%, rgba(154,197,211,1) 50%, rgba(154,197,211,1) 100%);
	background: linear-gradient(to bottom, rgba(239,194,86,1) 0%, rgba(239,193,86,1) 50%, rgba(154,197,211,1) 50%, rgba(154,197,211,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc256', endColorstr='#9ac5d3', GradientType=0 );
}
section#actualites .single-news:last-child:after{
	display:none;
}


.single-news h3{
	margin-top: 0;
}
.single-news h3 a{
	font-size: 2.2rem;
    font-weight: bold;
    color:#006125;
    font-family: Montserrat;
}
.single-news .description p{
	font-size : 1.4rem;
    line-height: 1.8rem;
}
.single-news .tags{
	margin-top: 25px;
    margin-bottom: 15px;
}
.single-news .tag, .news-single .news-list-tags {
	display: inline-block;
    vertical-align: top;
    color: #313131;
    background: #e8e8e8;
    padding: 5px 15px;
    margin-right:1em;
    
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.single-news .more {
	font-weight: 600;
    font-size: 1.4rem;
    color: #efa912;
    text-align:right;
}
.single-news .more:before{
	content:">";
	display:inline-block;
	vertical-align:top;
	margin-right:0.5em;
}

.single-news > a, .single-news .article > a {
	text-decoration:none;
	display:block;
	transition:all ease 100ms;
}
.single-news > a:hover, .single-news .article > a:hover {
	transform: scale(1.03);
}
.single-news h3{
    color: #006125;
}
.news-single .teaser-text {
	font-size:1.8rem;
	font-weight:600;
}
/**** specifique accueil ****/

main#p1 #accroche .container{
	position:relative;
}
main#p1 #accroche{
    background: url(/typo3conf/ext/novaldi_base/Resources/Public/Images/abeille-fond.jpg) no-repeat top center/ auto 700px #F9FAFA;
}
main#p1 #accroche #accroche-texte{
    margin: 13rem 0 0 0;
}
main#p1 #accroche #accroche-texte h2{
	position: relative;
    font-size: 3.6rem;
    color: #353937;
    margin: 0 0 0 2rem;
    padding: 0 0 2rem 0;
}
main#p1 #accroche #accroche-texte h2:before,main#p1 #accroche #accroche-texte h2:after{
	content:"";
	display:block;
	width:6px;
	height:60px;
	background: #353937;
	position:absolute;
	bottom:0;
	left: -2rem;
}
main#p1 #accroche #accroche-texte h2:after{
	width:60px;
	height:6px;	
}
main#p1 #accroche #accroche-texte .nouveau{
    margin: 3rem 0 0 3rem;
	padding: 2rem 2rem 2rem 9rem;
	display: inline-block;
	background:#fff url(../Images/Picto-nouveau.png) no-repeat 20px center/50px;
	border-radius: 10px;
}
main#p1 #accroche #accroche-4-bloc{
	padding-top: 6rem;	
}
main#p1 #accroche #accroche-4-bloc .col-12{
	background: #fff;
	background-clip: content-box;	
	text-align: center;    
    border-radius: 25px 25px 0 0;
    margin-bottom: 10rem;
}
main#p1 #accroche #accroche-4-bloc .col-12>div{
	padding:0 1rem
}
main#p1 #accroche #accroche-4-bloc > .col-12, main#p1 #accroche #accroche-4-bloc > .col-12 *{
	color: #006125;	
	transition: all 300ms linear 0s;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(2),main#p1 #accroche #accroche-4-bloc .col-12:nth-child(2) *{
	color: #efa912;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(3),main#p1 #accroche #accroche-4-bloc .col-12:nth-child(3) *{
	color: #353937;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(4),main#p1 #accroche #accroche-4-bloc .col-12:nth-child(4) *{
	color: #A36C15;
}
main#p1 #accroche #accroche-4-bloc > .col-12 h2{
	margin: 7rem 0 2rem;
}

main#p1 #accroche #accroche-4-bloc > .col-12  p{
	color:#7C7F82!important;
	font-size:1.4rem;
	line-height: 1.7rem;
}

main#p1 #accroche #accroche-4-bloc > .col-12:hover{
	transform: translateY(5rem);
	opacity: 0.9;
}
main#p1 #accroche #accroche-4-bloc > .col-12 h2:after{
	content:'';	 
    width: 35%;
	height:0.1rem;
	display: block;
    background-color: #006125;
    margin: 2rem 0;
    position: relative;   
    left: calc(50% - 35%/2);
}
main#p1 #accroche #accroche-4-bloc  .col-12 .btn{
	background: #006125;
	display: block;
	color:#fff;
	border-radius: 0;
	text-transform: uppercase;
	text-align: center;
	padding: 0 15px;
	height: 6rem;
	border-top: 1rem solid #F9FAFA;
	/* 6rem - 1rem = 5rem*/
    line-height: 5rem;
    background-clip: content-box;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -5rem;
}
main#p1 #accroche #accroche-4-bloc  .col-12 .btn:before{
	display:none;
}	
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(2) h2:after,main#p1 #accroche #accroche-4-bloc  .col-12:nth-child(2) .btn{
	background-color: #efa912;
	color:#353937;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(3) h2:after,main#p1 #accroche #accroche-4-bloc  .col-12:nth-child(3) .btn{
	background-color: #353937;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(4) h2:after,main#p1 #accroche #accroche-4-bloc  .col-12:nth-child(4) .btn{
	background-color: #A36C15;
}
main#p1 #accroche #accroche-4-bloc > .col-12:before {
	content: '';	
	height: 5rem;
	width: 5rem;	
	display: block;
	position: absolute;	
	left: calc(50% - 5rem/2);
	top: calc(-5rem/3);
	background-image: url('../Images/warning.svg');
	background-position:center center ;
	background-size: contain;
	background-repeat: no-repeat;
	background-color:#006125;
	border-radius: 100%;	
    border: 1rem solid;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(2):before{
	background-image: url('../Images/espace.svg');	
	background-color:#efa912;
	border: 0.5rem solid;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(3):before{
	background-image: url('../Images/bee.svg');	
	background-color:#000;	
    border: 0.75rem solid;
	border-color: #000;
}
main#p1 #accroche #accroche-4-bloc .col-12:nth-child(4):before{
	background-image: url('../Images/honey.svg');	
	background-color:#000;
	border-color: #000;
}


main#p1 #accroche #accroche-4-bloc .btn:after{	
    content: "\27F6";
    font-size: 2rem;
    line-height: 2rem;
	margin: 0 0 0 2.5rem;
    border: none;
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
}
main#p1 #accroche #accroche-4-bloc .col-12:first-child .btn:after{
display: none;
}

main#p1 #quoi{
	text-align:center;
    margin: 0 0 25px;    
    background: #F9FAFA;
}
main#p1 #quoi h2{
	display: inline-block;
    vertical-align: top;
    color: #313131;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Montserrat;
    background: #e8e8e8;
    padding: 5px 15px;
    margin-bottom:40px;
    
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
main#p1 #quoi .intro p{
	font-size: 2.6rem;
    font-weight: bold;
    font-family: Montserrat;
    max-width: 800px;
    margin: 0 auto 25px;
    line-height: 1em;
    color:#353937;
}
main#p1 #quoi .single-quoi a{
	font-size: 2.2rem;
    font-weight: 600;
    font-family: Barlow;
    color:#353937;
    line-height:1.3;
}

main#p1 #adherents h2{
  font-size:1.5rem;
}

main#p1 #accroche2{
	text-align:center;
	margin-top: 8rem;
}

main#p1 #accroche2 .container{
	position:relative;
    min-height: 450px;
}
main#p1 #accroche2 .container:before{
	 content: "";
    width: 75%;
    height: 100%;
    position: absolute;
    top: -3rem;
    left: 0;
    background: url(/typo3conf/ext/novaldi_base/Resources/Public/Images/fond-focus.jpg) no-repeat top left/ 100% auto;
    border-bottom: 3rem solid #fff;
}
main#p1 #accroche2 .right{
	background: #E8E8E8;
	padding: 3rem 15px;
}
main#p1 #accroche2 h2{
	background: #fff;	
    font-size: 1.6rem;
    border-radius: 10px;
    display: inline-block;
    padding: 1rem 3rem;
        margin-top: 0;
}	
main#p1 #accroche2 h3{
    font-size: 2.6rem;
    margin: 2rem 0;
    color: #353937;
    font-family: Montserrat;
    font-weight: bold;
}
main#p1 #accroche2 a{	
    margin-top: 5rem;
	color:#353937;
	text-transform: uppercase;
}

main#p1 #accroche2 a:after {
    content: "\27F6";
    font-size: 2rem;
    line-height: 2rem;
    margin: 0 1rem;
    display:inline-block;
    text-decoration: none;
}

/*======================
  Stagiaire
  create: 12-July-2019
	Update: 30-july-2019
	specifique collectivite
======================*/


/***
  Picture
  create 15-july-2019
	Update 30-july-2019
****/



/***
  Header
  create 12-july-2019
	Update 30-july-2019
****/

header {
	/*background: #d6254a;*/
	width: 100%;
	/*
	height: 1.8em;
	margin-bottom: 10em;
	*/
	color: #fff;
}



header p {
	color: #fff;
	font-size: 0.8em;
	font-style: italic;
	padding-left: 12%;
	background-color:#e8e8e8;
}


/***
  Bande
	create 12-july-2019
	udpate: 15-july-2019 | 30 july-2019
****/

.nova-vertical {
	background: rgb(252, 180, 0);
	background: -moz-linear-gradient(top, rgba(252, 180, 0, 1) 55%, rgba(0, 206, 247, 1) 56%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252, 180, 0, 1) 55%, rgba(0, 206, 247, 1) 56%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252, 180, 0, 1) 55%, rgba(0, 206, 247, 1) 56%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*height: 64px;*/
	margin: 1%;
	width: 0.2rem;
	display:block;
}
.logo-collectivite {display:block;max-width:160px;}

.hr {
	border-bottom: 4px solid #e8e8e8;
}

.fondgris, form[id^="destructeur"], form[id^="proposal"] {
    background-color: #eee;
}
.classique > .container >div {margin:32px 0}
.classique > .container > div.fondgris:first-child {margin-top:0}
#header.fondgris {padding:12px 0 32px;}
.collectivite.fondgris, form[id^="destructeur"], form[id^="proposal"] {padding:32px 12%;}
.formulaire h1, .fondgris h1 {
	text-align:left; 
	display:flex; 
	justify-content: flex-start; 
	align-items:center;
	margin-bottom:0;
	background-color:#fff;}
.formulaire h1::before, .fondgris h1::before {
	content: "\f078";
	font: normal normal normal 1.4rem/1 FontAwesome;
	font-size: 4rem;
	padding: 18px;
	background: #016126;
	color: #fff;
	margin-right: 12px;
}
.formulaire h1 span, .fondgris h1 span {
	background:none;
	display:inline-block; 
	margin:initial;
	font-size:1.7rem;
	text-transform:uppercase;
	color:inherit;
	font-weight:inherit;
	padding:0;
	}
.formulaire h1 span:after, .fondgris h1 span:after {
	display:none;
	}
.formulaire .btn-primary {

    color: #fff;
    background-color: #004b62;
    border-color: #004b62;
    text-transform: uppercase;
    transition: all 300ms linear 0s;
    font-family: 'Roboto';
    font-size: 1.5rem;
    font-weight: 400;
    border-radius: 0;
	padding:8px 12px 0 12px;
}
.tx_beesforlife button {padding:3px;}
.tx_beesforlife button:hover {background-color:#fff; color:#004b62;}

.formulaire .btn-danger::before, .formulaire .btn-secondary::before, form[id^="destructeur"] .previous .btn-cancel::before, form[id^="destructeur"] .next .btn-primary::before {display:none;}
.formulaire .btn-danger, .formulaire .btn-secondary {padding-left:24px;}
.formulaire .btn-secondary, form[id^="destructeur"] .previous .btn-cancel {background:#313131; color:#fff}
.formulaire input[type="SUBMIT"].btn-primary, form[id^="destructeur"] input[type="SUBMIT"] {
	text-transform:uppercase;
	padding:12px 24px;
	float:right;
}
.formulaire input[type="SUBMIT"].btn-primary:after {
	content:"";
	display:block;
	clear:both;
}
.formulaire p {
	font-size:1.4rem;
	font-family:"Roboto";
}


/*** specifique  cree sa fiche destructeur****/
form[id^="destructeur"] {margin-top:32px;}
form[id^="destructeur"] > fieldset,form[id^="proposal"] > fieldset {margin-bottom:24px; }
form[id^="destructeur"] > fieldset > fieldset {border:0 none; margin-bottom:0; padding:0;}
form[id^="destructeur"] > fieldset > fieldset > fieldset {margin:12px 24px;}
form[id^="destructeur"] > fieldset > legend, form[id^="proposal"] > fieldset > legend {
	margin-top:12px; margin-bottom:12px; font-size:1.8rem; font-weight:600; display:inline-block; padding:6px 12px; background:#dedede}
form[id^="destructeur"] > fieldset > fieldset > legend {margin-top:24px; font-size:1.7rem; font-weight:600; border-bottom:1px solid #d6254a;}
form[id^="destructeur"] .form-navigation .btn-toolbar {display:block; margin-top:30px;}
form[id^="destructeur"] .form-navigation .btn-toolbar .btn-group {display:flex; justify-content:space-between;}
form[id^="destructeur"] .form-navigation .btn-toolbar .btn-group > .btn-group {display:block;}
form[id^="destructeur"] .next {justify-self:flex-end;}
form[id^="destructeur"] .next .btn-primary {padding-left:18px; background-color:#dc3545}
form[id^="destructeur"] .previous .btn-cancel {padding-left:18px;}
form[id^="destructeur"] .form-check {
	padding-left:0;
	/*position:relative;
	top:12px;*/
	margin:18px 0;
	}
form[id^="destructeur"] > fieldset > fieldset > fieldset legend {
	display:inline-block;
	width:auto;
	color:#fff;
	background:#353937;
	padding:3px 12px;
}
form[id^="destructeur"] label[for*=fileupload] {padding:6px 0;}
form[id^="destructeur"] textarea {margin-bottom:18px;}
form[id^="destructeur"] .btn {border-radius:5px !important;}
form[id^="destructeur"] .btn:hover, form[id^="destructeur"] .btn:focus {
	background-color:#006125;
	color:#fff;
}
form[id^="destructeur"] .submit {margin:0; position:static;}
.powermail_legend, form[id^="destructeur"] h2 {
	border-bottom: 0.2em solid #d6254a;
	width: 100% !important;
	margin-top:6px;
	padding-bottom:3px;
}

form[id^="destructeur"] h3 {font-size:1.8rem;}
form[id^="destructeur"] p, form[id^="destructeur"] li {font-size:1.5rem;}
form[id^="destructeur"] .help-block {font-weight:400; font-style:italic;}
form[id^="destructeur"] .form-check span  {font-weight:600;}
form[id^="destructeur"] label[for*="textarea"] {font-weight:400;}
form[id^="destructeur"] label.address {font-weight:bold;}
form[id^="destructeur"] input[type="checkbox"] {transform: scale(1.3); margin-right:6px; position:relative; top:1px;}
.nova-footer {

    background: #fff;
    width: 100%;
    height: 1.8em;
    margin-top: 3em;
}
form[id^="destructeur"] .bootstrap-datetimepicker-widget.dropdown-menu {
  width:auto;
}

#header.fondgris + .entry-content {padding:0;}

/***
  Text the form
  create 12-july-2019
****/

.page {
	/*color: #d6254a;*/
}

.nova-step {
	color: #d6254a;
	position: absolute;
	right: 0;
	top: -2em;
}

span.help {
	font-weight: initial;
}

.mandatory {
	font-style: italic;
	font-size: 0.9em;
	color: #8a8787;
}

.control-label {
	font-weight: bold;
	font-size: 1em;
}

.title2 {
	/*create 16-july-2019*/
	font-size: 2.5rem;
	color: #000;
}
.title2 span{
  display: block;
  font-size: 1.3rem;  
}  


.submit {
	font-size: 1.5rem;
	margin: -2%;
}


footer {
	border-top:24px solid transparent;
	margin-top:18px;
}
.accueil + footer {border:0 none;}

/**** pages type *****/



/**** responsive *****/

@media (max-width: 575px) {
	
	.nav-item>a::before,
	#flexslider-header .flex-control-nav,
	.accueil #info .titre::before,
	header #menu_superieur ul li:after {
		display: none
	}
	.offset-2 {
		margin-left: 5%;
	}
	header #menu_superieur .espace-perso ,header #menu_superieur .loggout .deconnexion{
		width:100%;
	}
	header #menu_superieur .loggout {position:static; display:block;height:auto;}
	header #menu_superieur .loggout .tx-felogin-pi1, header #menu_superieur .loggout .tx-felogin-pi1 form {
		display:inline-block;
	}
	#menu_superieur .loggout .deconnexion:before {
		display:none;
	}
	.site-title img {max-width:110px !important;}
	main#p1 #accroche #accroche-texte {
	 margin: 6rem 0;
	}
	.menu-copyright ul li {width:99%; margin:auto;}
}




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

@media (max-width: 767px) {
	header #menu_superieur a, header #menu_superieur input{
		font-size: 1.2rem;
		padding: 0 1rem;
	}
	header #menu_superieur .list-inline {
		display: flex;
		flex-wrap: wrap;
	}
	header #menu_superieur ul li:first-child a, header #menu_superieur #btn_connect {
		width: 100%;
	}
	header #menu_superieur .list-inline li:first-child {
		flex:none;
		flex: 100%;
	}
	#menu_superieur > .container {
		max-width: 100%;
	}
	#menu_superieur .espace-perso, #menu_superieur .loggout {
		width: 100%;
	}
	.navbar-expand-md:not(.show) {
    display: none;
}
	 #mapid {
		margin:0 18px 0 0;
	}
	.pave #mapid {
		margin:0 0 0 -5px;
	}
	.filtres .container {display:block !important;}
	.search-fa button.bd-search-docs-toggle:before {
	display:none;}
	.search-fa .bd-search-docs-toggle {
		padding:0 0 0 .6rem !important;
		background:transparent;
		box-shadow:unset;
	}
	.entry-title {
		padding-bottom: 15px;
		margin-bottom: 24px;
	}
	.formulaire h1::before {
		display: none;
	}
	.nova-step {
		right: 0;
		top: -2.12em;
	}
	.title2 {
		font-size: 1.5rem;
		color: #000;
	}
	
	main#p1 #accroche .container:after{
		display:none;
	}
	main#p1 #accroche #accroche-texte {
	 margin: 4rem 0;
	}
	main#p1 #accroche{
    background: url(/typo3conf/ext/novaldi_base/Resources/Public/Images/abeille-fond.jpg) no-repeat top center/ auto 550px #F9FAFA;
}

main#p1 #accroche #accroche-texte h2{

    font-size: 2.4rem;

}
main#p1 #accroche #accroche-4-bloc{
	padding-top: 4rem;	
}
	main#p1 #accroche h2, main#p1 #quoi .intro p {
	font-size:2rem;
	width:auto;
	}
	section#actualites {
	padding-bottom:0;
	}
	section#actualites h2{
   		margin: 4rem 0 4rem;
	}
	section#actualites #all-actu {
   		margin: 0 0 4rem;
   		text-align:left;
	}
	section#actualites .single-news:after{
		display: none;
	}
	#accroche2 .offset-6 {margin-left:0; width:auto; max-width:100%;flex:unset;}
	main#p1 #accroche2 .container {min-height:0;}
	#menu-bis-footer {margin:12px;}
	#menu-bis-footer a {flex:32%; text-align:center !important;}
	#menu-bis-footer a img, #menu-bis-footer a span, #menu-bis-footer a span * {display:block; margin:auto; text-align:center !important; padding:3px; font-size:1.4rem; letter-spacing:-0.05em}
	main#p1 #accroche2 .container::after {display:none;}
	.menu-copyright ul {padding: 3rem 0;width: 100%;}
	#collectivite .row > div {
	max-width:100% !important;
	width:auto;
	flex-basis:unset;
	flex:unset;
	margin:auto;
	}
	#collectivite .row > div img {
		max-width:150px;
		margin-bottom:24px;
	}
	.navbar-nav .nav-item>.nav-link {
		height: auto;
	}
	.interieure .entry-content {
		padding: 30px 0;
	}
	.wrap-search #search_sword:focus {
		font-size: 4rem;
		padding: 0;
		text-align: center;
	}
	.wrap-search #search_sword:focus+#input-search-before-after:after {
		width: calc(100% - 100px);
		margin: 0;
		left: 40px;
		text-align: left;
		top: calc( 50vh + 5rem);
	}
	h1,
	.h1 {
		font-size: 2.6rem;
	}
	h2,
	.h2,
	.sous-titre {
		font-size: 2.3rem;
		margin: 30px 0 10px;
	}
	.site-title {
		margin: auto;
	}
	.navbar-nav {
		padding: 0;
		margin: 12px;
		width: 100%
	}
	.navbar-nav .dropdown-menu {
		min-height: 0;
		transition: all ease 10ms;
	}
	.dropdown-menu .container {
		padding: 0;
	}
	.navbar-nav>li {
		border-bottom: 1px solid #ebebeb;
	}
	.navbar-nav .nav-item>.nav-link {
		padding: 12px 16px;
	}
	.nav-item>a {
		padding: 6px 12px;
		display: block;
	}
	.navbar-nav .dropdown-menu>li {
		width: 100%;
	}
	.nav-item>a::before {
		display: none
	}
	.site-title::after {
		display: none;
	}
}

@media ( min-width :768px) {
	
	
	
	/*
	#main-navigation.navbar {
		position: static;
	}
	#main-navigation,
	#main-navigation .navbar-nav,
	.navbar-nav>li {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.navbar-nav {
		display: flex;
	}
	#main-navigation .navbar-nav>li {
		
	}
	.nav-item:hover,
	.nav-item:hover .btn:after,
	.nav-item>button span:first-child {
		display: block;
		height: 100%;
	}
	.nav-item>a.active+button,
	.nav-item>a.current+button {
		color: #fff;
		text-decoration: none;
		background: #122a2c;
	}
	.nav-item>a.nav-link:after {
		content: "";
		display: block !important;
		width: 40px;
		height: 4px;
		background: #fff;
		margin: 6px auto 0;
	}
	.dropdown-menu .container {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.dropdown-menu .container>li {
		flex-basis: 45%;
	}
	.dropdown-menu .container>li>a {
		display: block;
	}
	#main-navigation,
	.related {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	*/
}

@media ( max-width :991px) {
 main#p1 #quoi .intro p { 
 max-width:100%;
 line-height:1.2;
 }
}
@media ( min-width :992px) {
	
	main#p1 #accroche #accroche-4-bloc {
    	padding-left: 9rem;
	}
	main#p1 #accroche #accroche-4-bloc > .col-12:nth-child(1){
		margin-left: -9rem;
    	margin-right: 9rem;
	}
	section.vous{
		background: linear-gradient(to right, #026029 0%, #026029 50%, #A36C15 50%, #A36C15 100%);
	}
	section.vous .type img {	
    max-height:230px;
}
section.collectivites .btn {
    margin-top:3rem;
}
	.navbar .dropdown-menu {	position: absolute;}
	main#p1 #accroche{
	padding-bottom : 50px;
	}
	main#p1 #quoi{
	text-align:center;
    margin: 0 0 75px;
}
section.collectivites h2{

    font-size: 3.4rem;
}
	section.vous{
		background: linear-gradient(to right, #026029 0%, #026029 50%, #A36C15 50%, #A36C15 100%);
	}
	main#p1 #accroche2 .right{
		border: 3rem solid #fff;
		border-width: 3rem 0 0 3rem;
		padding: 3rem 15px;
	}
	h1.entry-title {
	margin:auto auto 36px auto;
	font-size:2.6rem;
	}

	h2,
	.h2,
	.sous-titre {
		font-size: 2.3rem;
		margin: 30px 0 20px;
	}
}
@media (min-width: 1200px) {
	h1.entry-title {
	margin:auto auto 48px auto;
	font-size:3rem;
	}

	h2,
	.h2,
	.sous-titre {
		font-size: 2.4rem;
		margin: 40px 0 20px;
	}
	p,
	ul,
	ol {
		
		font-size: 1.6rem;
		line-height: 2.4rem;
		
	}
	section.collectivites h2{

    font-size: 4rem;
	}
	.texte-grand {
	font-size: 2.2rem;
	}
	
	.texte-tres-grand {
		font-size: 3rem;
	}
	section.collectivites .btn {
    margin-top:5rem;
}
}

/** Surcharge des style inline de TAC **/
div#tarteaucitronAlertBig::before {
    content: none !important;
}   
div#tarteaucitronRoot.tarteaucitronBeforeVisible::before{
    opacity:0.8 !important;
}
#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    margin-top:0 !important;
}