/*-----------------*/
/* LOADER */
/*-----------------*/

/*-----------------*/
/* ELEMENTS */
/*-----------------*/

/*-----------------*/
/* HEADER */
/*-----------------*/
.tampon{
    --size: 90px;
    width: var(--size);
    height: var(--size);
    background: var(--white);
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    transform: rotate(-25deg);
    font-size: 11px;
    border: 4px double var(--primary-color);
    position: absolute;
    top: 30px;
    left: calc(50% + 10px);
    z-index: 2;
    line-height: 15px;
    letter-spacing: -0.06em;
    font-family: var(--font-bold);
    margin-right: auto;
}
/*-----------------*/
/* NAVPRIMARY */
/*-----------------*/
.navigmenu .naviglink.lvl-0:not(.item-logo) span:after,
.navigmenu .naviglink:not(.item-logo) span:before {
    content: '';
    display: block;
    position: absolute;
    left: -.1em;
    bottom: -.4em;
    width: 100%;
    height: 1px;
    border-top: 1px solid var(--tertiary-color);
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s;
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) .1s , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89) .1s
}
.navigmenu .naviglink:not(.item-logo).lvl-1 span:before{border-color: var(--primary-color);}

.navigmenu .naviglink:not(.item-logo) span:before {
    padding-bottom: 4px;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.48,.57,.33,.89);
    -o-transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89);
    transition: transform .4s cubic-bezier(.48,.57,.33,.89) , -webkit-transform .4s cubic-bezier(.48,.57,.33,.89)
}

#navprimary .navigmenu .active .naviglink.lvl-0:not(.item-logo) {color: var(--tertiary-color)}

#navprimary .navigmenu .active .naviglink.lvl-0:not(.item-logo) span:after,
#navprimary .navigmenu .naviglink.lvl-0:not(.item-logo):hover span:after,
#navprimary .navigmenu .active .naviglink:not(.item-logo) span:before,
#navprimary .navigmenu .naviglink:not(.item-logo):hover span:before {
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1)
}

/*-----------------*/
/* HEADERHOME */
/*-----------------*/

/*-----------------*/
/* GALLERY HOME */
/*-----------------*/

/*-----------------*/
/* PRODUITS HOME */
/*-----------------*/

/*-----------------*/
/* CONTENT */
/*-----------------*/

/*-----------------*/
/* PRESTATIONS */
/*-----------------*/

/*-----------------*/
/* ACTU */
/*-----------------*/
.title_link_slider {
	background-size: 100% 96%;
    background-repeat: no-repeat;
    background-image: -o-linear-gradient(transparent calc(100% - 2px),currentColor 2px);
    background-image: linear-gradient(transparent calc(100% - 2px),currentColor 2px);
    background-image: -ms-linear-gradient(transparent 95%,currentColor 2px);
    -webkit-transition: .6s cubic-bezier(.215,.61,.355,1);
    -o-transition: .6s cubic-bezier(.215,.61,.355,1);
    transition: .6s cubic-bezier(.215,.61,.355,1);
    background-size: 0 96%
}
.title_link_slider:hover {background-size: 100% 96%}
#news {
    position: relative;
    z-index: 2;
}

.wrapper_inner_slider{
	display: flex;
	flex-direction: column;
	background: none;
}

#news .wrapper_slider .thumbnail_slider{display: none;}
#news .wrapper_slider:first-child .thumbnail_slider {display: block;overflow: hidden;}
#news .wrapper_slider:first-child .thumbnail_slider img{height: 120%;}
#news .wrapper_slider:first-child .content_slider{
	background-color: var(--tertiary-color);
	padding: 30px 20px 50px;
	order: -1;
	color: var(--white);
}
#news .next_slider{margin-top: 10px;}
#news .wrapper_slider:first-child .next_slider {margin-top: 40px;}
#news .wrapper_slider:first-child .text_slider{font-size: 16px;}
#news .wrapper_slider:first-child  .title .separator {margin: 20px 0;}

#news .wrapper_slider:not(:first-child) .title .newsdate,
#news .wrapper_slider:not(:first-child) .title .separator{display: none;}

#news .title_slider{font-size: 24px;}
#news .wrapper_slider:first-child .title_link_slider:not(:hover){color: var(--white);}

.listedarticle{
	background: var(--black);
	height: 100%;
}
.listedarticle .wrapper_inner_slider{overflow: hidden;}
.listedarticle .thumbnail_slider:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    opacity: .8;
    z-index: 1;
}
.listedarticle .wrap_slider{
	position: absolute;
	transition: .5s;
	opacity: 0;
	transform: translateY(30px);
	right: 20px;
	left: 20px;
}
#listarticles .listedarticle h2 a{color: var(--white);}
.listedarticle .wrapper_inner_slider  .title_slider {
	transition: 250ms all ease-in-out;
}
.listedarticle .wrapper_inner_slider:hover .wrap_slider {
    opacity: 1;
    transform: translateY(-160px);
}
.listedarticle .wrapper_inner_slider:hover .title_slider {transform: translateY(-160px);}
.listedarticle .content_slider{
	position: absolute;
    left: 0;
    bottom: 10px;
    right: 0;
    z-index: 1;
    padding: 30px 20px;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    color: var(--white);
}
.listedarticle .thumbnail_slider{height: 500px;}
/*-----------------*/
/* SECTIONS */
/*-----------------*/

/*-----------------*/
/* REASSURANCES */
/*-----------------*/

/*-----------------*/
/* PARTENAIRES */
/*-----------------*/

/*-----------------*/
/* NEWSLETTER */
/*-----------------*/

/*-----------------*/
/* SHARE */
/*-----------------*/

/*-----------------*/
/* AGENCES */
/*-----------------*/

/*-----------------*/
/* CONTACTFORM */
/*-----------------*/

/*-----------------*/
/* FOOTER */
/*-----------------*/