/* **************************************************************************************************************************** */
/* FRAME AUTO SPACING
/* **************************************************************************************************************************** */

/* **************************************************************************************************************************** */
/* FRAME AUTO SPACING
/* **************************************************************************************************************************** */
.frame + .frame{
	margin-top: var(--gutter-out);
}

.smart-bloc.withBg + .frame{
	margin-top: 0;
}

.frame-space-after-medium{
	margin-bottom: calc(var(--gutter-out)*2);
}

.frame + .frame-space-before-small{
	margin-top: calc(var(--gutter-out)/2);
}

/* **************************************************************************************************************************** */
/* CLASSIC IMAGE STYLE
/* **************************************************************************************************************************** */
.image-embed-item{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* **************************************************************************************************************************** */
/* CLASSIC PARAGRAPH STYLES
/* **************************************************************************************************************************** */
.text-center{
	text-align: center;
}

.text-content p,
.ce-bodytext p{
	margin-bottom: 10px;
	line-height: 1.4em;
}

.text-content a,
.ce-bodytext a{
	color: var(--vert);
}

.ce-bodytext strong{
	font-weight: bold;
}

.ce-bodytext header h2,
.ce-bodytext header h3{
	font-size: 24px;
	font-weight: 900;
	color: var(--vert);
	text-transform: inherit;
}

.text-content h3,
.ce-bodytext h3{
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.text-content * + h3,
.ce-bodytext * + h3{
	margin-top: var(--gutter-in);
}

.text-content ul,
.ce-bodytext ul{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*
.text-content li,
.ce-bodytext li{
	padding-left: 25px;
	background: url(../Icons/icons/arg.png) no-repeat left 5px / 12px transparent;
}
*/

.text-content li,
.ce-bodytext li{
	position: relative;
	padding-left: 20px;
	line-height: 1.4em;
}


.text-content li::before,
.ce-bodytext li::before{
	width: 16px;
	height: 16px;
	background: url(../Icons/icons/puce.png) no-repeat left top / contain transparent;
	display: block;
	position: absolute;
	left: 0;
	top: 5px;
	content: '';
	display: block;
}

.text-content li ul,
.ce-bodytext li ul{
	margin-top: 10px;
}

.text-content li + li,
.ce-bodytext li + li{
	margin-top: 10px;
}


.text-content li li::before,
.ce-bodytext li li::before{
	background: var(--default);
	opacity: .3;
}

.text-content li li + li,
.ce-bodytext li li + li{
	margin-top: 10px;
}

.text-content .bouton,
.ce-bodytext .bouton{
  display: inline-block;
  border: 1px solid var(--vert);
  border-radius: 320px;
  text-align: center;
  position: relative;
  transition: all .4s ease;
  overflow: hidden;
  text-transform: uppercase;
	margin-top: calc(var(--gutter-in)/4);
	margin-top: 30px;
}

.text-content .bouton a,
.ce-bodytext .bouton a{
	position: relative;
	z-index: 2;
  padding: 15px 30px;
	display: block;
}


.text-content .bouton:hover a,
.ce-bodytext .bouton:hover a{
  color: #FFFFFF;
}

.text-content .bouton::before,
.ce-bodytext .bouton::before{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  z-index: 1;
  background: var(--vert);
  content: '';
  display: block;
  transition: all .4s ease;
}

.text-content .bouton:hover::before,
.ce-bodytext .bouton:hover::before{
  width: 100%;
}


.frame-green .text-content .bouton,
.frame-green .ce-bodytext .bouton{
  border-color: #FFFFFF;
}

.frame-green .text-content .bouton a,
.frame-green .ce-bodytext .bouton a{
  color: #FFFFFF;
}

.frame-green .text-content .bouton::before,
.frame-green .ce-bodytext .bouton::before{
	background: #FFFFFF;
}

.frame-green .text-content .bouton:hover a,
.frame-green .ce-bodytext .bouton:hover a{
  color: var(--vert);
}

/* **************************************************************************************************************************** */
/* FRAME FOND VERT
/* **************************************************************************************************************************** */
.frame-green{
	background: var(--vert);
	padding: var(--gutter-in);
	color: #FFFFFF;
}
.frame-green h1,
.frame-green h2{
	color: #FFFFFF !important;
}

/* **************************************************************************************************************************** */
/* FRAME GRIS LEGER
/* **************************************************************************************************************************** */
.frame-grey{
	background: #fafafa;
	padding: var(--gutter-in);
}

.frame-grey.frame-type-textpic .ce-right{
	align-items: center;
}

/* **************************************************************************************************************************** */
/* DIVIDER
/* **************************************************************************************************************************** */
.frame-type-div hr.ce-div{
	border: 1px solid var(--vert);
	/* margin: var(--gutter-out) 0; */
}


/* **************************************************************************************************************************** */
/* TITLE WITH TRAIT
/* **************************************************************************************************************************** */
.frame-type-header header{
	position: relative;
}

.frame-type-header h2{
	font-weight: bold;
	text-transform: uppercase;
	color: var(--vert);
	font-size: 24px;
	display: inline-block;
	background: #FFFFFF;
	position: relative;
	z-index: 2;
}

@media only screen and (min-width: 600px) {
	.frame-type-header h2{
		padding-right: 30px;
	}
}

.frame-type-header header::after{
	background: var(--vert);
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	left: 0;
	bottom: 0;
	transform: translateY(10px);
	height: 1px;
}

@media only screen and (min-width: 600px) {
	.frame-type-header header::after{
		bottom: unset;
		transform: translateY(-50%);
		top: 50%;
	}
}


/* **************************************************************************************************************************** */
/* CETEXTPIC IMG RIGHT
/* **************************************************************************************************************************** */
.frame-type-textpic .ce-right{
	display: flex;
	flex-direction: column-reverse;
}

@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-right{
		flex-direction: row-reverse;
	}
}

.frame-type-textpic .ce-right .ce-bodytext{
	padding-bottom: var(--gutter-in);
}

@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-right .ce-bodytext{
		padding-bottom: 0;
		padding-right: var(--gutter-in);
		width: 50%;
	}
}

@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-right .ce-gallery{
		width: 50%;
	}
}


/* **************************************************************************************************************************** */
/* CETEXTPIC IMG left
/* **************************************************************************************************************************** */
@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-left{
		display: flex;
	}
}

.frame-type-textpic .ce-left .ce-bodytext{
	padding-top: var(--gutter-in);
}

@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-left .ce-bodytext{
		padding-top: 0;
		padding-left: var(--gutter-in);
		width: 50%;
	}
}

@media only screen and (min-width: 1000px) {
	.frame-type-textpic .ce-left .ce-gallery{
		width: 50%;
	}
}



/* **************************************************************************************************************************** */
/* SEARCH
/* **************************************************************************************************************************** */
.tx-indexedsearch-searchbox{
	padding: var(--gutter-in);
	background: var(--vert);
	color: #FFFFFF;
}

.tx-indexedsearch-rules,
.tx-indexedsearch-searchbox{
	display: none;
}

.tx-indexedsearch-browsebox{
	text-align: center;
}

.tx-indexedsearch-res{
	margin: calc(var(--gutter-out)/4) 0;
	padding: calc(var(--gutter-in)/2);
	background: #FAFAFA;
	position: relative;
}

.tx-indexedsearch-res h3{
	text-transform: uppercase;
  font-weight: bold;
}

.tx-indexedsearch-description {
	margin: 30px 0;
}

.tx-indexedsearch-redMarkup{
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--vert);
}

.tx-indexedsearch-info-sword{
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	margin-bottom: var(--gutter-out);
}

.tx-indexedsearch-info-sword-word{
	display: block;
	font-weight: 300;
}

.tx-indexedsearch-text-item-path a{
		position: absolute;
		right: 0;
		bottom: 0;
		margin: calc(var(--gutter-in)/4);
		border-radius: 320px;
		border: 2px solid var(--vert);
		color: var(--vert);
		display: inline-block;
		padding: 10px 30px;
}

.ce-gallery figcaption{
	position: absolute;
	bottom: 0;
	z-index: 39;
	background: rgba(0,0,0,.8);
	width: 100%;
	padding: 15px;
	color: #FFF;
	display: none;
}

@media only screen and (min-width: 600px) {
	.ce-gallery figcaption{
		display: block;
	}
}

blockquote{
	padding: calc(var(--gutter-in)/2);
	border-top: 1px solid var(--vert);
	border-bottom: 1px solid var(--vert);
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.0416666666666667rem + 0.6944444444444445vw, 1.875rem);
	color: var(--vert);
	font-weight: bold;
	text-align: center;
}

blockquote p{
	margin-bottom: 0 !important;
}




/* **************************************************************************************************************************** */
/* SEARCH
/* **************************************************************************************************************************** */
.frame-type-menu_sitemap{
	background: #fafafa;
	padding: var(--gutter-in);
}

.frame-type-menu_sitemap a{
	color: var(--vert);
}

.frame-type-menu_sitemap > ul > li > a{
	font-weight: 600;
	text-transform: uppercase;
}

.frame-type-menu_sitemap > ul > li + li{
	margin-top: calc(var(--gutter-in)/2);
}

.frame-type-menu_sitemap > ul > li ul{
	padding-left: calc(var(--gutter-in)/4);

}

.frame-type-menu_sitemap > ul > li > ul > li{
	margin-top: calc(var(--gutter-in)/4);
}

.text-content .contenttable{
	width: 100%;
}

.text-content .contenttable td{
	border: 1px solid #F0F0F0;
	padding: 10px 20px;
}