/*
Theme Name: C2Web Framework
Author: Agence Panacée
Author URI: https://www.panacee.fr
Version: 1.0
*/

html {height: 100%}

body{
	font-size: 1rem;
	padding:0;
	background:var(--couleur-fond);
  color:var(--couleur-texte);
  font-family: var(--main-text-font);
}

h1, h2, h3, h4, h5, h6{
  font-family: var(--main-title-font);
	position: relative;
}

a{
  color: var(--couleur-liens);
	-webkit-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

a:hover {
	color: var(--couleur-liens);
}

a:focus, a:active{
	outline:0;
  color:var(--couleur-liens);
}

/* A mettre sur le body pour stopper le scroll quand on ouvre une popup (par exemple) */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

#wrap {min-height: 100%}

header{
	position: relative;
}

header .logo_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
}

header .logo_box img{
	width: 100%;
	height: auto;
}

header .container-menu ul{
	padding: 0;   margin: 0;
}

/* Footer toujours en bas */
footer{
    position: relative;
}

/* Texte non sélectionnable */
.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.no-mobile{
	display: block;
}

.mobile{
	display: none;
}

.smartphone-only{
	display: none;
}

.alignleft{
	float:left;
	margin:0 2rem 0.5rem 0;
}

.alignright{
	float:right;
	margin:0 0 0.5rem 2rem;
}

.aligncenter{
	display: block;
	margin:1rem auto;
}

.no-margin{
	margin:0;
}

.no-margin-left{
	margin-left:0;
}

.no-margin-right{
	margin-right:0;
}

.no-padding{
	padding:0;
}

.no-padding-left{
	padding-left:0;
}

.no-padding-right{
	padding-right:0;
}

.mt1{ margin-top: 1rem; }
.mt2{ margin-top: 2rem; }
.mt3{ margin-top: 3rem; }

.mr1{ margin-right: 1rem; }
.mr2{ margin-right: 2rem; }
.mr3{ margin-right: 3rem; }

.mb1{ margin-bottom: 1rem; }
.mb2{ margin-bottom: 2rem; }
.mb3{ margin-bottom: 3rem; }

.ml1{ margin-left: 1rem; }
.ml2{ margin-left: 2rem; }
.ml3{ margin-left: 3rem; }

.pt1{ padding-top: 1rem; }
.pt2{ padding-top: 2rem; }
.pt3{ padding-top: 3rem; }

.pr1{ padding-right: 1rem; }
.pr2{ padding-right: 2rem; }
.pr3{ padding-right: 3rem; }

.pb1{ padding-bottom: 1rem; }
.pb2{ padding-bottom: 2rem; }
.pb3{ padding-bottom: 3rem; }

.pl1{ padding-left: 1rem; }
.pl2{ padding-left: 2rem; }
.pl3{ padding-left: 3rem; }

.wp-caption-text{
	text-align: center;
	font-style: italic;
}

#main-container{
	margin: 2rem 0;
	width: 100%;
	overflow: hidden;
}

h3{
	padding-top: 0.5rem;
}

ul,
ol{
	padding-left: 0rem;
}

ul li:not([class]),
ol li:not([class]){
	list-style-type:none;
	margin-bottom: 0.75rem;
	position: relative;
	padding-left: 0rem;
}

ul:not([class]) li::before{
  content:"";
	display: inline-block;
	font-size: 0.9rem;
	margin-right: 0.45rem;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900; /* insert this definition */
}

ul:not([class]) li svg{
	position: absolute;
	left: 0;
	top: 2px;
}

.entry-content ol li,
.bloc ol li{
  margin-bottom: 0.75rem;
  line-height: 1.2rem;
}

code{
	background-color: inherit;
  border-radius: inherit;
  color: inherit;
  font-size: inherit;
  padding: inherit;
  white-space: inherit;
  font-family:inherit;
}

/* Lien d'edition WP */

.post-edit-link{
	background:#000;
	color:#FFF;
	padding:0.6rem 0.9rem 0.5rem 0.9rem;
	position: fixed;
	border:1px solid #FFF;
	bottom: 0.5rem;
	text-transform: uppercase;
	font-size: 0.85em;
	right: 0.5rem;
	z-index: 10000;
  border-radius: 7px;
}

.post-edit-link:hover{
	background:#FFF;
	color:#000;
}

.post-edit-link:focus{
	background:#000;
	color:#FFF;
}


/* Commentaires */

.form-allowed-tags{display: none;}

#commentform{
	margin-bottom: 3rem;
	position: relative;
}

#commentform #submit{
	position:absolute;
	right:1rem;
	background:#e51e20;
	color:#FFF;
	font-weight: bold;
	border:2px solid #FFF;
	text-transform: uppercase;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	padding:0.25rem 1rem;
	font-size: 1.1rem;
	-webkit-transition: 0.25s background;
	-o-transition: 0.25s background;
	transition: 0.25s background;
}

#commentform #submit:hover{
	color:#CCC;
	background:#000;
}

h3#reply-title{
	border-bottom: 1px dashed #e51e20;
	color:#AAA;
}

.comment-form-comment label{
	display: none;
}
.comment-form-comment textarea{
	width: 100%;
	height:7rem;
}

.la_date{
	color:#AAA;
	font-weight: normal;
}

h2#comments-title{
	font-size: 1.5rem;
	text-transform: none;
}

/* Fil d'ariane */
#breadcrumbs{
	position: absolute;
	bottom:1rem;
	right:0;
}

#breadcrumbs li{
	list-style-type: none;
	display: inline-block;
	padding:0 3px;
}


/* Pagination */

.page-numbers{
	text-align: center;
	padding-top: 2rem;
}

.page-numbers li{
	display: inline-block;
	list-style-type: none;
	font-size: 1.2rem;
	margin:0 0.15rem	;
}

.page-numbers li span, .page-numbers li a{
	display: block;
	padding:0.25em 0.5rem;
	border:1px solid #CCC;
}

.page-numbers li .current{
	cursor: default;
}

.page-numbers li .current,
.page-numbers li:hover a{
	background: #000;
	color: #FFF;
}

.page-numbers li .next,
.page-numbers li .prev{
	border:none;
}

.nav_suiv_prec{
	padding:0.8em 1rem;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.nav_suiv_prec a[rel=prev] svg{
	margin-right: 1rem;
}
.nav_suiv_prec a[rel=next] svg{
	margin-left: 1rem;
}

/* Contact Form 7 */

.red{
	color:red;
}

.wpcf7-form{
	padding:1rem;
	position: relative;
	padding-bottom:2rem;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-number, .wpcf7-date, .wpcf7-select{
	color:#000;
	font-family: arial, verdana, sans-serif;
	padding:0.5rem;
	border:1px solid #CCC;
	width: 100%;
}

::placeholder{
  transition: 0.15s all ease;
  -webkit-transition: 0.15s all ease;
}

*:focus::placeholder{
  opacity:0;
}

.wpcf7-form label{
	width: 100%;
}

.wpcf7-textarea{
	width:100%;
}

.wpcf7-form .label{
	font-weight: normal;
	color:#428bca;
	padding:0;
}

.wpcf7-form .champ{
	margin-bottom: 0.5rem;
}

.wpcf7-form input.wpcf7-submit{
	display: block;
	color:#696969;
	border:1px solid #CCC;
	padding:0.25rem 1rem;
	-webkit-transition: 0.25s all;
	-o-transition: 0.25s all;
	transition: 0.25s all;
	background:#FFF;
}

span.wpcf7-form-control-wrap{
	display: block;
}

span.wpcf7-not-valid-tip{
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right: 0;
	background:red;
	text-align: right;
	line-height: 1rem;
	font-size: 0.8rem;
	cursor: default;
	color: #FFF;
	overflow: hidden;
	padding:5px;
	opacity: 0.7;
	height:100%;
}

.wpcf7-form br{
	display: none;
}

div.wpcf7-response-output{
	margin:0;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	border-color:#cc0000;
}

.wpcf7-form label.required::after{
  content:"*";
  color:red;
  margin-left: 0.3rem;
}

.wpcf7-form::after{
  content:"* Champs obligatoires";
  font-size: 0.85rem;
  display: block;
  text-align: right;
}


/* Icones sociales */

ul.social_icones{
  display: flex;
  flex-direction: row;
}

ul.social_icones li{
	list-style-type: none;
	padding: 0;
	font-size: 20px;
}

ul.social_icones li + li{
  margin-left:0.25rem;
}

ul.social_icones li a{
	padding:0.25rem;
}


/* Menu mobile */
#header-mobile{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 70px;
  background:#FFF;
  z-index: 100;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  z-index: 999;
}

#container-header-mobile{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
}

#container-header-mobile > *{
  flex:1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  color:rgba(0,0,0,0.8);
  transition: 0.25s all ease-in-out;
}

#container-header-mobile > * + *{
  border-left: 1px solid rgba(0,0,0,0.1);
}

#container-header-mobile .zone-logo{
  flex:2;
}

#container-header-mobile .zone-logo a{
  display: block;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 85%;
  height: 80%;
}

#container-header-mobile .burger_button.active{
  background:#000;
}

#container-header-mobile .btn_mobile{
  position: relative;
}

#container-header-mobile .btn_mobile .close{
  position: absolute;
  display: flex;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background:#000;
  opacity:0;
  font-size: 3rem;
  transition:0.25s all ease-in-out;
  transform: rotate(0deg);
}

@keyframes fwf_rotation {
  from { transform: rotate(0deg); }
  to   { transform: rotate(90deg); }
}

#container-header-mobile .btn_mobile.active .close{
  opacity: 1;
}

#container-header-mobile .btn_mobile.active .close #nav-icon-1{
  animation: 0.25s ease-in-out fwf_rotation;
}

#nav-icon-1 {
  width: 39px;
  height: 26px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon-1 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: rgba(0,0,0,0.8);
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon-1 span:nth-child(1) {
  top: 0px;
}

#nav-icon-1 span:nth-child(2),
#nav-icon-1 span:nth-child(3) {
  top: 13px;
}

#nav-icon-1 span:nth-child(4) {
  top: 26px;
}

.burger_button.active #nav-icon-1 span,
.close #nav-icon-1 span{
  background:#FFF;
}

.burger_button.active #nav-icon-1 span:nth-child(1),
.close #nav-icon-1 span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.burger_button.active #nav-icon-1 span:nth-child(2),
.close #nav-icon-1 span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.burger_button.active #nav-icon-1 span:nth-child(3),
.close #nav-icon-1 span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.burger_button.active #nav-icon-1 span:nth-child(4),
.close #nav-icon-1 span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#conteneur-menu-mobile{
  position: fixed;
  top: 70px;
  left: 0;
  bottom: 0;
  width: 0;
  overflow: scroll;
  z-index: 999;
  background:#FFF;
  transition: 0.5s all ease-in-out;
}

#conteneur-menu-mobile.active{
  width: 100vw;
}

#conteneur-menu-mobile .menu{
  display: flex;
  flex-direction: column;
  width: 100vw;
  border-bottom:1px solid rgba(0,0,0,0.1);
  list-style-type: none;
  padding: 0;
}

#conteneur-menu-mobile .menu > li{
	position: relative;
  padding-right: 20vw;
}

#conteneur-menu-mobile .menu li:active,
#conteneur-menu-mobile .menu li:focus{
  background:rgba(0,0,0,0.1);
}

#conteneur-menu-mobile .menu > li.menu-item-has-children::after{
  content:"";
  position: absolute;
  right: 5vw;
  top: 15px;
  width: 10vw;
  height: 17px;
  background: url(images/chevron_bas.svg) no-repeat center;
  background-size:contain;
  transition: 0.25s all ease-in-out;
}

#conteneur-menu-mobile .menu > li.menu-item-has-children.active::after{
  transform: rotate(180deg);
}

#conteneur-menu-mobile .menu > li > a{
  padding:0.7rem 0 0.7rem 1.5rem;
  display: block;
  text-transform: uppercase;
  font-weight: 500;
}

#conteneur-menu-mobile .menu > li + li{
  border-top:1px solid rgba(0,0,0,0.1);
}

#conteneur-menu-mobile .sub-menu{
  position: relative;
  display: flex;
  flex-direction: column;
  border:none;
  max-height: 0;
  overflow: hidden;
  transition: 0.25s all ease-in-out;
  width: 100%;
  opacity:0;
}

#conteneur-menu-mobile li.active .sub-menu{
	position: relative;
  max-height: 100vh;
  transition: 0.5s all ease-in-out;
  opacity:1;
}

#conteneur-menu-mobile li.active .sub-menu li a{
  padding-left: 10vw;
}

#conteneur-menu-mobile li.active .sub-menu li a:active,
#conteneur-menu-mobile li.active .sub-menu li a:focus{
  background:rgba(0,0,0,0.1);
}

#search_form_mobile{
  position: fixed;
  top: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:#FFF;
  left: 0;
  width: 100vw;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  max-height: 0;
  transition: 0.2s all ease-in-out;
}

#search_form_mobile.active{
  max-height: 20vh;
  transition: 0.5s all ease-in-out;
}

#search_form_mobile form{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0.9rem;
}

#search_form_mobile input[type="text"]{
  width: 83%;
  padding:0.25rem 0.5rem;
  font-size: 1.1rem;
  height: 36px;
  border: 1px solid rgba(0,0,0,0.5);
}

#search_form_mobile #searchsubmit{
  flex:0.1;
  background:#000;
  border:none;
  height: 36px;
  color:#FFF;
}

.panel_menu_mobile{
  position: fixed;
  top: 70px;
  left: 0;
  width: 100vw;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  transition: 0.5s all ease-in-out;
  overflow: hidden;
  max-height: 0;
  background:#FFF;
}

.panel_menu_mobile.active{
  max-height: 100vh;
}

/* Google maps */
.acf-map {
	width: 100%;
	height: 400px;
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	margin: 1rem 0;
}

.infobulle{
	margin:0 20px;
	width:270px;
	height:auto;
}

.infobulle span{
	display: inline-block;
	width:70px;
	font-weight: bold;
}

.infobulle span.title{
	width:auto;
	display: block;
	margin-top: 0;
	border-bottom-style:solid;
	color:#696969;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}

.infobulle .discover{
	display: block;
	margin-top: 0.25rem;
}


/* Chargement page */
.fond_chargement{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background:#FFF;
	z-index: 10000;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.fond_chargement img{
	display: block;
	margin:0 auto;
}

.fond_chargement img.logo_site{
	width: 200px;
	height: auto;
	margin-bottom: 2rem;
}

.fond_chargement img.chargement_site{
	margin-top: 0;
	width: 40px;
}


/* Template contact */
.contact_coordonnees{
	line-height: 1.1rem;
}

.contact_coordonnees span{
	display: block;
	font-weight: bold;
	margin-bottom: 0.1rem;
}


/* Fancybox */

.fancybox-caption{
	font-size: 1.2rem;
}

.fancybox-bg{
	background:#000;
}

/* Cookie-notice (tarte au citron) */
#tarteaucitronAlertBig{
  position: fixed;
  z-index: 100;
  bottom: 1rem;
  left: 1rem;
  width: 30vw;
  background:#FFF;
  border-radius: 10px;
  overflow: hidden;
  font-size: 0.9rem;
  line-height: 1.2rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4);
  display: none;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
  padding:1rem;
  display: block;
  background-image: var(--image-cookies);
  background-repeat: no-repeat;
  background-position: 100% 0px;
  background-size:auto 100%;
  padding-right: 30%;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert small{
  display: block;
  font-size: 1.1em;
  margin-bottom: 0.25rem;
  font-weight: 100;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong{
  display: block;
  font-size: 1.6em;
  margin-bottom: 1rem;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p{
  margin-bottom: 0;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p + p{
  margin-top: 0.5rem;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper{
  display: flex;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button{
  flex:1;
  background:none;
  border:none;
  cursor: pointer;
  transition: 0.25s all;
  border-top:1px solid rgba(0,0,0,0.3);
  line-height: 0.9rem;
  padding:0.8rem;
  font-weight: 100;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button.tarteaucitronAllow{
  color:var(--couleur3);
  font-weight: 500;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button + button{
  border-left:1px solid rgba(0,0,0,0.3);
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper button:hover{
  background:var(--couleur3);
  color:var(--couleur2);
}

#tarteaucitronRoot button{
  transition: 0.25s all;
  cursor: pointer;
  line-height: 1rem;
  border:1px solid rgba(255,255,255,0.5);
  outline: none;
}

#tarteaucitronClosePanel{
  position: absolute;
  background: var(--couleur3);
  color:var(--couleur2);
  border:none;
  padding:0.25rem 0.5rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  border-radius: 5px;
  top: 0.5rem;
  right: 0.5rem;
  cursor: pointer;
  transition: 0.25s all;
  outline: none;
}

#tarteaucitronClosePanel:hover{
  background: var(--couleur1);
}

#tarteaucitron{
  position: fixed;
  z-index: 205;
  bottom: 1rem;
  right: 1rem;
  top:auto !important;
  width: 35vw;
  background:#FFF;
  border-radius: 10px;
  font-size: 0.9rem;
  line-height: 1.2rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4);
  display: none;
  max-height: 80vh;
  overflow-y: auto;
}

#tarteaucitronMainLineOffset{
  background:var(--couleur3);
  color:var(--couleur2);
  padding: 3.2rem 1rem 1rem 1rem;
  text-align: center;
}

#tarteaucitron #dialogTitle{
  display: block;
  font-size: 1.6em;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#tarteaucitronMainLineOffset .tarteaucitronAsk > *{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
}

#tarteaucitron ul{
  list-style-type: none;
  padding: 0;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog{
  color:var(--couleur2);
  margin:1rem auto 1.7rem auto;
  display: block;
  background:none;
  border:none;
  cursor: pointer;
  font-weight: 500;
  border:1px solid var(--couleur2);
  padding:0.4rem 1.5rem 0.5rem 1.5rem;
  border-radius: 5px;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover{
  background:var(--couleur2);
  color:var(--couleur3);
}

.tarteaucitronHidden{
  display: none;
  position: relative;
}

#tarteaucitron .tarteaucitronBorder > ul{
  padding:0 1.5rem 0 1.5rem ;
  margin-top: 1.7rem;
  margin-bottom: 1.5rem;
}

#tarteaucitron li::before{
  display: none;
}

#tarteaucitron .tarteaucitronBorder > ul > li + li{
  margin-top: 2rem;
}

.tarteaucitronTitle{
  background:var(--couleur3);
  margin-bottom: 0rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tarteaucitronTitle button{
  background:none;
  border:none;
  padding: 0.5rem 0 0.6rem 0;
  margin: 0;
  display: block;
  text-align: center;
  width: 100%;
  color:var(--couleur2);
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1rem;
}

.tarteaucitronLine{
  display: flex;
}

.tarteaucitronLine:not(.tarteaucitronMainLine){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsAllowed{
  border-left:4px solid #3b733b;
  padding-left: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsDenied{
  border-left:4px solid #b90a0a;
  padding-left: 0.5rem;
}

#tarteaucitronMainLineOffset{
  flex-direction: column;
  align-items: center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.tarteaucitronLine .tarteaucitronName,
.tarteaucitronLine .tarteaucitronAsk{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
}

.tarteaucitronLine .tarteaucitronName{
  text-align: left;
  padding-right: 1rem;
  line-height: 1rem;
  font-size: 0.8rem;
}

#tarteaucitronMainLineOffset .tarteaucitronName{
  text-align: center;
  margin-bottom: 0.3rem;
}

.tarteaucitronLine .tarteaucitronName a{
  color:var(--couleur3);
}

.tarteaucitronLine .tarteaucitronAsk{
  display: flex;
  width: 80%;
}

.tarteaucitronLine .tarteaucitronAsk > button{
  flex:1;
  background: rgba(0,0,0,0.6);
  color:#FFF;
  border:none;
  border-radius: 5px;
  height: 35px;
  opacity:0.8;
}

.tarteaucitronLine .tarteaucitronAsk > button:hover{
  opacity:1;
}


.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk > button.tarteaucitronAllow{
  background:#3b733b;
}

.tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk > button.tarteaucitronDeny{
  background:#b90a0a;
}

.tarteaucitronLine .tarteaucitronAsk > button + button{
  margin-left: 1rem;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow.tarteaucitronIsSelected{
  background:#3b733b;
  opacity:1;
}

#tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow{
  background:#3b733b;
  opacity:1;
  cursor: default;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronDeny.tarteaucitronIsSelected{
  background:#b90a0a;
  opacity:1;
}

#tarteaucitronRoot .tarteaucitronCross::before {
  content: '\2717';
  display: inline-block;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  content: '\2713';
  display: inline-block;
}

#tarteaucitronIcon{
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  border-top:1px solid rgba(0,0,0,0.3);
  border-left:1px solid rgba(0,0,0,0.3);
  border-top-left-radius:5px;
  transition: 0.25s all;
}

#tarteaucitronIcon:hover{
  background:rgba(0,0,0,0.3);
}

#tarteaucitronIcon button{
  border:none;
  background:none;
  padding: 0.3rem 0.7rem;
  display: block;
}

#tarteaucitronIcon button::after{
  content:"Cookies";
  text-transform: uppercase;
  font-size: 0.8rem;
}

#tarteaucitronIcon button img{
  display: none;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
  content: '\271b';
  display: inline-block;
}

.tarteaucitronH3{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1rem;
  display: block;
  margin-bottom: 0.5rem;
}

.tarteaucitronInfoBox{
  background:rgba(0,0,0,0.8);
  color:#FFF;
  padding: 0.5rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
  display: none;
}

#tarteaucitronServices{
  height:auto !important;
}

#tarteaucitronBack{
  display: none;
}

/* Tarteaucitron vimeo */

div.vimeo_player,
div.youtube_player{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tac_activate{
  position: relative;
}

.tac_activate button{
  background:none;
  border:1px solid var(--couleur3);
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 0.5rem;
}

/* Lazy Load WP Rocket */
img[data-lazy-src] {
  opacity: 0;
}
img.lazyloaded {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  opacity: 1;
}


/* Ajouts GUTENBERG */

.is-layout-flex{
  display: flex;
  gap:2rem;
}

.alignwide {
  margin: 0 calc(50% - 35vw);
	max-width: 100vw;
	width: 70vw;
}

.alignfull {
	margin: 32px calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

/* Block fichier */
.wp-block-file{
	display: flex;
	height: 100%;
  flex-direction: column;
	align-items: center;
	justify-content: center;
}

/* Block video */
.wp-block-embed.is-type-video > div{
  position: relative;
  padding-bottom: 56.25%;
}

.wp-block-embed.is-type-video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}