/*
 Theme Name:   Good Fabric Child
 Theme URI:    https://www.goodfabric.fr/
 Description:  Good Fabric
 Version:      1.0
 Author:       ArWeb
 Author URI:   https://www.arweb.fr
 Template:     goodfabric
*/

.selecteurlang {
	text-align: center;
}

.selectlanghead {
	position: absolute;
	top: 2px;
	z-index: 9999;
	right: 95px;
}


.selecteurlang .wpml-ls-legacy-list-horizontal a {
	padding: 5px !important;
	opacity: 0.9
}
.selectlanghead .wpml-ls-legacy-list-horizontal a {
	padding: 0 4px !important;
	line-height: inherit !important;
	opacity: 0.9
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
	background: none !important;
	opacity: 1 !important
}

.selectlanghead .wpml-ls-legacy-list-horizontal {
	padding: 0;
	border: none;
}

.selectlanghead ul {
	    line-height: 16px;
}

#eut-header .selectlanghead img {
	 -webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
  filter: grayscale(60%);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#eut-header:hover .selectlanghead img {
	 -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}

.grecaptcha-badge {
	opacity: 0 !important;
	width: 0 !important;
	height: 0 !important;
	display: none !important;
	visibility: hidden !important;
}


#eut-privacy-bar {
    background: rgba(0, 0, 0, 0.8)!important;
    color: #ffffff!important;
    left: 0%!important;
    right: 0%!important;
    bottom: 0%!important;
    position: fixed!important;
    width: 100%!important;
    max-width: 100%!important;
    z-index: 9999999!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    -o-border-radius: 0!important;
    border-radius: 0!important;
    display: none;
		font-size: 12px!important;
font-family: 'Questrial', sans-serif!important;
}

.eut-privacy-content {
	font-size: 12px!important;
font-family: 'Questrial', sans-serif!important;
}
.eut-privacy-btn.eut-privacy-preferences.eut-link-text  {
	text-transform: lowercase!important;
}
.eut-privacy-agreement {
    background-color: #FFF !important;
    color: #191919!important;
	font-size: 14px!important;
text-transform: uppercase!important;
letter-spacing: 2px!important;
font-weight: 700!important;
}

.eut-privacy-agreement:hover {
	background-color: #F9f9f9;
    color: #000;
}

.bgloaderimg {
	display: block; 
	background-size: cover; 
	background-position: center center; 
	position: absolute; top: 0; left:0; right: 0; bottom: 0; z-index: 1; opacity: 0.3;
	filter: blur(6px) grayscale(1);
  -webkit-filter: blur(6px) grayscale(1);
	-webkit-animation: fadeinbg 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinbg 1s; /* Firefox < 16 */
        -ms-animation: fadeinbg 1s; /* Internet Explorer */
         -o-animation: fadeinbg 1s; /* Opera < 12.1 */
            animation: fadeinbg 1s;
}

@keyframes fadeinbg {
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-moz-keyframes fadeinbg {
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-webkit-keyframes fadeinbg { 
    from {
        opacity:0;
    }
    to {
        opacity:0.3;
    }
}
@-o-keyframes fadeinbg { 
    from {
        opacity:0;
    }
    to {
        opacity: 0.3;
    }
}




.mrcontent .prevarticle, .mrcontent .nextarticle, #eut-single-content .eut-container a {
	border-bottom: none !important;
}


.revacc {
	bottom: 0px !important;
	top: 0px!important;
	position: relative;
	height: 100%;
box-sizing: border-box;
		margin: 0 !important;
	padding: 0!important;
}

.revaccitem {
	bottom: 0px !important;
	top: 0px!important;
	height: 101vh;
		margin: 0 !important;
	padding: 0!important;
	left: 0; right: 0;
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
}

.tp-revslider-slidesli video {
	
}
.accslog:after {
	content: "";
	z-index: -1;
	background:rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: 0 !important;
	padding: 0!important;
	display: block;
	
box-sizing: border-box;
	overflow: hidden;
}

.accslog {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 9999;

		margin: 0 !important;
	padding: 0!important;
	max-height: 100%!important;
box-sizing: border-box;
	overflow: hidden;
}

#accueil .eut-row {
	height: 100vh !important
}

#accueil, #accueil > .eut-background-wrapper {
	height: 100% !important;
	max-height: 100vh;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0!important;
	
}

#intro {
	margin-top: 10px;
}



.delai1s{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-ms-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s}.delai2s{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-ms-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s}.delai3s{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-ms-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}.delai4s{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-ms-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}.delai5s{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-ms-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delai6s{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-ms-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s}.delai7s{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-ms-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s}.delai8s{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-ms-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}.delai9s{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;-ms-animation-delay:.9s;-o-animation-delay:.9s;animation-delay:.9s}.delai10s{-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.delai11s{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;-ms-animation-delay:1.1s;-o-animation-delay:1.1s;animation-delay:1.1s}


footer {
	max-width: 100%;
	overflow: hidden;
}

.oswald, .Oswald {font-family: 'Oswald', sans-serif;}
.expletus, .Expletus {font-family: 'Expletus Sans', cursive;}
.cormorant, .Cormorant {font-family: 'Cormorant Garamond', serif;}
.questrial, .Questrial {font-family: 'Questrial', sans-serif;}

#eut-loader-overflow {
	background: #FFF;
}

#eut-loader-overflow:hover {
	cursor: progress; 
}

.eut-body {
	background: #e8e6e1;
}

body.home.eut-body, body.blog, body.archive.category, body.single-post, body.search {
    background: #fff;
}

body.home.eut-body #eut-footer {
	background: #fff;
	position: relative;
	z-index: 2;
}



#eut-header.eut-overlapping + #eut-theme-content {
    top: -103px;
}

.eut-back-top .eut-back-top-icon polygon {
    fill: #fff;
}
.eut-back-top {
	background: #000;
	-webkit-border-radius: 50px;
border-radius: 50px;
	opacity: 0.3;
}
.eut-back-top:hover {
	opacity: 1;
}



#eut-header.eut-fixed .eut-logo {
	
	position: relative;
}


#eut-header.eut-fixed .eut-logo a {
	color: #FFF !important;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	z-index: 9;
}

#eut-header.eut-fixed .eut-logo:before {
  content: ''!important;
    display: inline-block !important;
    position: absolute!important;
    width: 100%!important;
    left: 0%!important;
	right: 0%!important;
    bottom: 0px!important;
	top: 0;
    pointer-events: none!important;
    background-color: #000!important;
    -webkit-transform: scaleX(0)!important;
    transform: scaleX(0)!important;
    -webkit-transform-origin: right center!important;
    transform-origin: right center!important;
    transition: 0.45s transform cubic-bezier(0, 0.35, 0.15, 1)!important;
	transition-delay: 400ms!important;
	z-index: 8;
}

#eut-header.eut-fixed.eut-scroll-up .eut-logo:before {
 -webkit-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
    -webkit-transform-origin: left center!important;
    transform-origin: left center!important;
	transition-delay: 400ms !important;
}



.max-mega-menu li.mega-menu-item a.mega-menu-link {
	z-index: 9999 !important;
	 position: relative !important;
}


.txtblanc, .textblanc {
	color: #FFF !important
}


.eut-title > span, .eut-title.eut-clipping-animation .eut-clipping-wrapper, .eut-title.eut-appear-animation .eut-appear-wrapper {
	width: 100%;
}


#eut-header .eut-main-menu li a.mega-menu-link {
    padding: 0 15px 10px !important;
	font-family: 'Questrial', sans-serif !important;
	font-size: 14px!important;
	letter-spacing: 2px;
	text-transform: uppercase !important;
	position: relative;
}


#eut-header .eut-main-menu li a.mega-menu-link:before {
    content: ''!important;
    display: inline-block !important;
    position: absolute!important;
    width: 50%!important;
    height: 1px!important;
    left: 25%!important;
	right: 25%!important;
    bottom: 30px!important;
    pointer-events: none!important;
    background-color: #000!important;
    -webkit-transform: scaleX(0)!important;
    transform: scaleX(0)!important;
    -webkit-transform-origin: right center!important;
    transform-origin: right center!important;
    transition: 0.25s transform cubic-bezier(0, 0.35, 0.15, 1)!important;
}
#eut-header #eut-main-menu li a.mega-menu-link:hover::before,
#eut-header #eut-main-menu li a.mega-menu-link.active:before,
#eut-header #eut-main-menu li.active a.mega-menu-link:before,
#eut-header #eut-main-menu li.mega-current_page_parent a.mega-menu-link:before,
#eut-header #eut-main-menu li:hover a.mega-menu-link:before,
#eut-header #eut-main-menu li.mega-current_page_parent a:before 
 {
    -webkit-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
    -webkit-transform-origin: left center!important;
    transform-origin: left center!important;
	 content:"" !important;
}




#eut-header .eut-main-menu li.menucontact {
	position: relative;
}

#eut-header.eut-fixed:not(.eut-scroll-up) .eut-main-menu li.menucontact a:before,
#eut-header.eut-fixed:not(.eut-scroll-up) .eut-main-menu li a.mega-menu-link::hover:before,
#eut-header.eut-fixed:not(.eut-scroll-up) .eut-main-menu li a.mega-menu-link.active:before,
#eut-header.eut-fixed:not(.eut-scroll-up) .eut-main-menu li.active a.mega-menu-link:before,

#eut-header.eut-fixed:not(.eut-scroll-up) .eut-main-menu li:hover a.mega-menu-link:before,
#eut-header .eut-main-menu li.mega-menucontact a.mega-menu-link:before {
	display: none !important;
	opacity: 0;
	visibility: hidden;
} 

#eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link {
	border: 1px solid #000 !important;
	height: 40px!important;
	margin: 0 8px 0!important;
	display: block;
	position: absolute;
	top: 50%;
	line-height: 40px !important;
}

#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menulabel.mega-menu-item a::before,
#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menucontact.mega-menu-item a::before {
	display : none !important
}




body.home.eut-body #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item > a.mega-menu-link,
body.single-matiere.eut-body #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item > a.mega-menu-link,
 .eut-light #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item > a.mega-menu-link,
body.single-matiere.eut-body #eut-header #eut-main-header.eut-scrollup-sticky .eut-logo a{
	color: #FFF;
}
body.home.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link, 
body.single-matiere.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link,
 .eut-light #eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link,
body.single-matiere.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link,
body #eut-header:not(.eut-fixed) .eut-light .eut-main-menu li.menucontact a.mega-menu-link {
	border: 1px solid #FFF !important;
}


body.home.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li a.mega-menu-link:before,
body.single-matiere.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li a.mega-menu-link:before,
 .eut-light #eut-header:not(.eut-fixed) .eut-main-menu li a.mega-menu-link:before,
body.single-matiere.eut-body #eut-header:not(.eut-fixed) .eut-main-menu li a.mega-menu-link:before,
body #eut-header:not(.eut-fixed) .eut-light .eut-main-menu li a.mega-menu-link:before {
	background-color: #FFF !important;
}

#eut-header.eut-fixed .eut-main-menu li:not(.menulabel) a.mega-menu-link:before {
	bottom: 12px!important;
	background-color: #000 !important;
}

body #eut-header:not(.eut-scroll-up) #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:before  {
	display: none !important;
}


.mega-block-title {
	font-family: 'Oswald', sans-serif!important;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #191919 !important;
	font-size: 14px;
}


.savoirfaire .menu {
	margin: 0 !important;
	padding: 0 !important
}

.savoirfaire .menu li {
	float: left;
	width: 50%;
}
 .savoirfaire .menu li.pagefirst, .savoirfaire .menu li:first-child {
		float: left;
	width: 100%;
	font-family: 'Oswald', sans-serif !important;
text-transform: uppercase;
letter-spacing: 2px;
color: #191919 !important;
font-size: 16px;
text-decoration: none;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
	
}

.savoiretre .menu li:first-child {
		font-family: 'Oswald', sans-serif !important;
text-transform: uppercase;
letter-spacing: 2px;
color: #191919 !important;
font-size: 16px;
text-decoration: none;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}


#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-item-has-children > a.mega-menu-link::after, #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-item-has-children > a.mega-menu-link span.mega-indicator::after {
	display: none !important
}

#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 25px 5px 25px 25px;
}

.savoiretre .mega-sub-menu {
	max-width: 670px !important;
	margin: 0 auto !important;
	left: auto !important;
	right: auto!important;
}


.savoiretre .mega-sub-menu {
	margin: 0 !important;
	padding: 0 !important
}

.savoiretre .mega-sub-menu li ul,
.savoirfaire .mega-sub-menu li ul {
	padding-left: 0;
}
.savoiretre .mega-sub-menu li ul li a,
.savoirfaire .mega-sub-menu li ul li a {
	line-height: 35px;
}

.savoirfaire .mega-sub-menu li ul li.toutesexpertises a,
.savoirfaire .mega-sub-menu li ul li.toutesmatieres a {
	border-bottom: 1px solid #191919;
}

.savoiretre .mega-sub-menu .widget_media_image {
	margin-top: 5px;
}

#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-item.savoiretre > ul.mega-sub-menu,
#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-item.savoirfaire > ul.mega-sub-menu {
	padding: 20px !important;
}


#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0 !important;
}

#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image {
    padding: 10px 0 0 0!important;
}

.savoirfaire .mega-sub-menu img {
	max-width: 90% !important;
	float: right;
}

.menu-sous-menu-expertises-container {
	padding-right: 20px !important;
	float: left;
}

.menu-sous-menu-expertises-container #menu-sous-menu-expertises li,
.menu-sous-menu-matieres-container #menu-sous-menu-matieres li {
	max-height: 35px;
	overflow: hidden;
}

@media screen and (max-width: 1340px) { 
.f-bigmenu {
	display: inline-block;
width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis ;
	height: 15px;
	line-height: 18px;
}
}

.menu-sous-menu-matieres-container {
	padding: 0 0 0 20px !important;
	float: left;
	position: relative;
}

.menu-sous-menu-matieres-container:before {
	position: absolute;
	top: 0;
	bottom: -15px;
	width: 1px;
	content:"";
	left: -15px;
	background: rgba(25,25,25,0.2)
}


li.menulabel {
	position: relative;
	width: 90px;
}
 li.menulabel:before {
	height: 74px!important;
	width: 74px!important;
	margin: 0;
	/*background-image: url(img/matieres.svg)!important;*/
	background-image: url(img/gotsmini.jpg)!important;
	background-repeat: no-repeat!important;
	background-size: 64px 64px!important;
	background-position: center center!important;
	background-color: #FFF!important;
	content:""!important;
	display: block !important;
	position: absolute !important;
	top: -1px!important;
	right:0!important;
}

#eut-header.eut-fixed li.menulabel:before {
	 
}

#eut-header.eut-fixed li.menulabel:before {
	height: 60px!important;
	background-size: 50px 50px!important;
	width: 60px!important;
}


.max-mega-menu li.mega-menu-item.menulabel a.mega-menu-link {
	text-indent: -9999px!important;
	color: rgba(255,255,255,0)!important;
	padding: 0!important;
		min-width: 90px;
}

#eut-header.eut-fixed .max-mega-menu li.mega-menu-item.menulabel a.mega-menu-link {
	min-width: 70px;
}


.menulabel .mega-sub-menu {
	max-width: 650px !important;
	margin: 0 auto !important;
	left: auto !important;
	right: 0 !important;
	line-height: 20px!important;
	color: #191919!important;
	font-family: 'Oswald', sans-serif !important;
	background: #FFF !important;
}

.menulabel .mega-sub-menu .textwidget {
		line-height: 26px!important;
	color: #000!important;font-weight: 600;
	font-size: 15px;
	letter-spacing: 1px;
	font-family: 'Oswald', sans-serif !important;
	text-transform: uppercase;
}

.label-menugots, .label-menufairtrade, .label-menuglobalcompact {
text-align: center;
padding-top: 120px;
background-size: 101px 90px;
background-repeat: no-repeat;
background-position: center 20px;
position: relative;
padding-bottom: 20px;
}

.label-menugots a, .label-menufairtrade a, .label-menuglobalcompact a {
	position: absolute;
	top: 0; left:0; right: 0; bottom: 0;
	text-indent: -9999px;
	display: block;
}

.label-menugots:after, .label-menufairtrade:after {
	content:"";
	position: absolute;	
	top:0; bottom: 0;
	right: 0px;
	opacity: 0.3;
	width: 1px;
	display: block;
background: -moz-linear-gradient(top,  rgba(182,182,182,0) 0%, rgba(182,182,182,1) 25%, rgba(133,132,131,1) 50%, rgba(182,182,182,1) 75%, rgba(182,182,182,0) 100%);
background: -webkit-linear-gradient(top,  rgba(182,182,182,0) 0%,rgba(182,182,182,1) 25%,rgba(133,132,131,1) 50%,rgba(182,182,182,1) 75%,rgba(182,182,182,0) 100%);
background: linear-gradient(to bottom,  rgba(182,182,182,0) 0%,rgba(182,182,182,1) 25%,rgba(133,132,131,1) 50%,rgba(182,182,182,1) 75%,rgba(182,182,182,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6b6b6', endColorstr='#00b6b6b6',GradientType=0 );

}

.label-menugots {
	background-image: url(img/gots.jpg);
}
.label-menufairtrade {
	background-image: url(img/fairtrade.jpg);
}
.label-menuglobalcompact {
	background-image: url(img/globalcompact.jpg);
}

#eut-header.eut-sticky-header #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item > a.mega-menu-link {
	color: #000 !important
}


#eut-theme-wrapper .eut-menu-type-button.eut-black > a .eut-item {
	background: none;
			-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#eut-theme-wrapper .eut-menu-type-button.eut-black > a {
	border: 2px solid #FFF;
	-webkit-border-radius: 0;
border-radius: 0;
	line-height: 40px;
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}

.eut-scroll-up #eut-main-header.eut-scrollup-sticky #mega-menu-crocal_header_nav > li > a,
.eut-scroll-up #eut-main-header.eut-scrollup-sticky #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav {
	height: 60px !important;
	line-height: 60px !important;
}




#eut-header #eut-main-menu li.mega-current_page_parent.mega-menu-item a.mega-menu-link:after,
#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after, 
#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after, 
#mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after {
	   -webkit-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
    -webkit-transform-origin: left center!important;
    transform-origin: left center!important;
	 content:"" !important;
	  content: ''!important;
    display: inline-block !important;
    position: absolute!important;
    width: 50%!important;
    height: 1px!important;
    left: 25%!important;
	right: 25%!important;
    bottom: 30%!important;
    pointer-events: none!important;
	background: #000;

}

#eut-header .eut-light #eut-main-menu li.mega-current_page_parent.mega-menu-item a.mega-menu-link:after,
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after {
	background: #fff !important;
}

#eut-header.eut-fixed .eut-light #eut-main-menu li.mega-current_page_parent.mega-menu-item a.mega-menu-link:after,
#eut-header.eut-fixed .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:after, 
#eut-header.eut-fixed .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link:after, 
#eut-header.eut-fixed .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link:after,
#eut-header .eut-light #eut-main-menu li.mega-current_page_parent.mega-menu-item.mega-menucontact a.mega-menu-link:after,
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item.mega-menucontact > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-ancestor.mega-menucontact  > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-page-ancestor.mega-menucontact  > a.mega-menu-link:after {
	display: none;
}

#eut-header .eut-light #eut-main-menu li.mega-current_page_parent.mega-menu-item.mega-menucontact a.mega-menu-link:after,
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-item.mega-menucontact > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-menu-ancestor.mega-menucontact  > a.mega-menu-link:after, 
#eut-header .eut-light #eut-main-menu #mega-menu-wrap-crocal_header_nav #mega-menu-crocal_header_nav > li.mega-menu-item.mega-current-page-ancestor.mega-menucontact  > a.mega-menu-link:after {
	display: none !important;
}



.l1acc {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 4px;
	line-height: 38px;
	text-transform: uppercase;
}
.l2acc {
font-size: 120px;
font-weight: 500;
line-height: 144px;
	margin: 30px 0;
}
.l2acc p {
	mix-blend-mode: overlay;
  color: #fff;
	opacity: 0.9
}
.btgf a, .btgf-light a, .btgf-dark a {
	border-style: solid;
	border-width: 1px;
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
	display: inline-block;
	text-transform: uppercase;
	font-size: 15px;
font-weight: 400;
letter-spacing: 4px;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	font-family: 'Questrial'
}

.btgf-light a  {
	color: #FFF;
	border-color: #FFF;
	background: rgba(0,0,0,0);
}

.btgf-light a:hover {
	background: rgba(0,0,0,1);
	color: #FFF;
	border-color: #000;
}

.btgf-dark a {
	color: #000;
	border-color: #000;
	background: rgba(255,255,255,0);
}

.btgf-dark a:hover {
	background: rgba(0,0,0,1);
	color: #FFF;
	border-color: #000;
}


.l3acc a {
  border: 0;
  box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	padding: 0 40px;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  position: relative;
  vertical-align: middle;
		font-size: 15px;
font-weight: 400;
letter-spacing: 4px;
	font-family: 'Questrial';
	display: inline-block;
	background: rgba(0,0,0,0);
	text-transform: uppercase !important;
}
.l3acc a::before, .l3acc a::after {
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}

.l3acc a {
  transition: all 4s;
}
.l3acc a::before, .l3acc a::after {
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.l3acc a::before {
  top: 0;
  left: 0;
}
.l3acc a::after {
  bottom: 0;
  right: 0;
}
.l3acc a:hover {
  color: #FFF;
	 box-shadow: inset 0 0 0 2px #000;
}
.l3acc a:hover::before, .l3acc a:hover::after {
  width: 100%;
  height: 100%;
}
.l3acc a:hover::before {
  border-top-color: #000;
  border-right-color: #000;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.l3acc a:hover::after {
  border-bottom-color: #000;
  border-left-color: #000;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.l3acc a:hover {
  color: #fff;background: #000;
}
.l3acc a::after {
  top: 0;
  left: 0;
}
.l3acc a:hover::before {
  border-top-color: #000;
  border-right-color: #000;
	
}
.l3acc a:hover::after {
  border-bottom-color: #000;
  border-left-color: #000;
  transition: height 0.25s ease-out, width 0.25s ease-out 0.25s;
}


.customacc {
    z-index: -1;
	position: absolute;
	top: 90px;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100.5vh;overflow: hidden;
	background: #191919
}

/* Background video */
  .accbackground-video {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      overflow: hidden;
  }
.accforeground-video,
.accbackground-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.accbackground-video iframe {
	opacity: 0.8;
	
}

@media (min-aspect-ratio: 16/9) {
    .accforeground-video { height: 310%; top: -100.5%; }
}
@media (max-aspect-ratio: 16/9) {
    .accforeground-video { width: 300%; left: -100.5%; }
}

/* Overlay video */
#accvideo-overlay {
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100.5%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	background-color: #191919;
}


#accueil .eut-bg-video video {
	top: 50%;
left: 0;
	right: 0;
		-moz-transform:  translate3d(-0%, -50%, 0);
-webkit-transform:  translate3d(-0%, -50%, 0);
-o-transform:  translate3d(-0%, -50%, 0);
-ms-transform:  translate3d(-0%, -50%, 0);
transform:  translate3d(-0%, -50%, 0);
}

#accueil {
	z-index: 1;
	max-height: 100vh !important;
	overflow: hidden !important;
}

.modal-video-body {
	max-width: 1320px;
	width: 90%;
}

.modal-video-close-btn.js-modal-video-dismiss-btn {
	cursor: pointer;
}

.modal-video {
	background: rgba(0,0,0,0.9)
}

.playbtwrap p {
	position: relative;
display: block;
height: 100px;
width: 100px;
margin: 0 auto;
}


.video-play-button {
  position: absolute;
	background: none !important;
	cursor: pointer;
  z-index: 10;
  top: 50%;
  left: 50%;
 	-moz-transform:  translateX(-50%) translateY(-50%);
-webkit-transform:  translateX(-50%) translateY(-50%);
-o-transform:  translateX(-50%) translateY(-50%);
-ms-transform:  translateX(-50%) translateY(-50%);
transform:  translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}

.video-play-button span:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
 	-moz-transform:  translateX(-50%) translateY(-50%) scale(1);
-webkit-transform:  translateX(-50%) translateY(-50%) scale(1);
-o-transform:  translateX(-50%) translateY(-50%) scale(1);
-ms-transform:  translateX(-50%) translateY(-50%) scale(1);
transform:  translateX(-50%) translateY(-50%) scale(1);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0.2);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
	margin-left:-20px;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
	-moz-transform:  translateX(-50%) translateY(-50%) ;
-webkit-transform:  translateX(-50%) translateY(-50%);
-o-transform:  translateX(-50%) translateY(-50%);
-ms-transform:  translateX(-50%) translateY(-50%);
transform:  translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255,255,255,0);
  border-radius: 50%;
  border: 2px solid #FFF;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: darken(#fa183d, 10%);
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
	line-height:  0 !important;
  width: 0px;
	text-indent: -9999px;
  height: 0px;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%)  scale(1);
	  	-moz-transform: translateX(-50%) translateY(-50%)  scale(1);
-webkit-transform: translateX(-50%) translateY(-50%)  scale(1);
-o-transform:  translateX(-50%) translateY(-50%)  scale(1);
-ms-transform:  translateX(-50%) translateY(-50%)  scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%)  scale(1.5);
	  	-moz-transform:  translateX(-50%) translateY(-50%) scale(1.5);
-webkit-transform:  translateX(-50%) translateY(-50%)  scale(1.5);
-o-transform:  translateX(-50%) translateY(-50%)  scale(1.5);
-ms-transform:  translateX(-50%) translateY(-50%)  scale(1.5);
    opacity: 0;
  }
}


.video-overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,0.80);
  opacity: 0;
  transition: all ease 500ms;
}

.video-overlay.open {
  position: fixed;
  z-index: 99999999;
  opacity: 1;
}

.video-overlay-close {
  position: absolute;
  z-index: 99999999;
  top: 15px;
  right: 20px;
  font-size: 36px;
  line-height: 1;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: all 200ms;
}

.video-overlay-close:hover {
  color: #fa183d;
}

.video-overlay iframe, .video-overlay #video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
		  	-moz-transform:  translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform:  translateX(-50%) translateY(-50%);
-ms-transform:  translateX(-50%) translateY(-50%);
  width: 50%; 
  height: auto; 
  box-shadow: 0 0 15px rgba(0,0,0,0.75);
}

#intro .introtext p {
	font-size: 42px;
font-weight: 300;
line-height: 77px;
	margin: 0;
	padding: 0;
}

#intro:before {
	content:"";
	top: -80px;
	display: block;
	left: 50%;
	width: 1px;
	height: 120px;
	background: #000;
	position: absolute;
	z-index: 8999;
}

.littleplayer {
	max-width: 80%;
	width: 100%;
	float: right;
	margin-right: 10%;
	position: relative;
}

.littleplayer:after {
	content:"we are change makers";
	position: absolute;
	right:-0%;
	bottom: 0%;
	transform-origin: bottom right;
-moz-transform: rotate(90deg) translateX(-0%) translateY(-50%);
-webkit-transform: rotate(90deg) translateX(-0%) translateY(-50%);
-o-transform: rotate(90deg) translateX(-0%) translateY(-50%);
-ms-transform: rotate(90deg) translateX(-0%) translateY(-50%);
transform: rotate(90deg) translateX(-0%) translateY(-50%);
	color: #000;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}

.unespacedecreation:before {
		content:"un cercle vertueux";
	position: absolute;
	left:-0%;
	top: -10%;
transform-origin: top left;
-moz-transform: rotate(90deg) translateX(-0%) translateY(-120%);
-webkit-transform: rotate(90deg) translateX(-0%) translateY(-120%);
-o-transform: rotate(90deg) translateX(-0%) translateY(-120%);
-ms-transform: rotate(90deg) translateX(-0%) translateY(-120%);
transform: rotate(90deg) translateX(-0%) translateY(-120%);
	color: #000;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
}

.engb:before { 
	content:"A VIRTUOUS CIRCLE" !important;
}


.videopresentation:before {
	background: #f2f2f2;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 70%;
	content:""
}

.pionnerstitre  {
	font-size: 50px !important;
	line-height: 55px;
font-weight: 500;
letter-spacing: -1px;
}

.pionnersdesc {
	color: #191919;
font-size: 30px;
	line-height: 48px;
font-weight: 400;
}

.pionnersequipe a {
	color: #000;
	
}

.footercerclevertueux {
	position: absolute;
	z-index: 999;
	top:-76px;
	left: -96px;
}


#eut-loader-overflow {
	background: #000;
	opacity: 1;

}

#cerclevertueux {
			width: 160px;
			height: 160px;
			position: absolute;
	line-height: 160px !important
	
}

#cerclevertueux.cerclegoodfabric {
	width:360px;
	height: 360px;
	line-height: 360px !important
}




@keyframes introcercle {
  0% {
	-moz-transform: translate(-50%,-50%) scale(0.1);
-webkit-transform: translate(-50%,-50%) scale(0.1);
-o-transform: translate(-50%,-50%) scale(0.1);
-ms-transform: translate(-50%,-50%) scale(0.1);
transform: translate(-50%,-50%) scale(0.1);
	  opacity: 0;
  }
  100% {
	-moz-transform: translate(-50%,-50%) scale(0.4);
-webkit-transform: translate(-50%,-50%) scale(0.4);
-o-transform: translate(-50%,-50%) scale(0.4);
-ms-transform: translate(-50%,-50%) scale(0.4);
transform: translate(-50%,-50%) scale(0.4);
	  opacity: 1
  }
}





.titleloader {
	color: #FFF;
font-size: 72px;
font-family: 'Expletus Sans', cursive;
font-weight: 500;
line-height: 86px !important;
	text-align: center;
	position: absolute;
	top: 50%;
		transform: translate(0%,-50%);
	-moz-transform: translate(0%,-50%);
-webkit-transform: translate(0%,-50%);
-o-transform: translate(0%,-50%);
-ms-transform: translate(0%,-50%);
transform:translate(0%,-50%);
	padding-top: 100px;
	left:0;
	right: 0;
}

/*body.home */#eut-loader-overflow #cerclevertueux {
			transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform:translate(-50%,-50%);
}

		
.cerclein {
	position: absolute;
	top: 50%;
	left: 50%;
				transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform:translate(-50%,-50%);
	color: black;
	font-family: 'Expletus Sans';
	font-size: 58px;
			line-height: 58px;
			letter-spacing: 2px;
}


.cerclegoodfabric .cerclein {
	text-align: center !important;
		font-size: 62px;
			line-height: 62px;
}

#eut-loader-overflow .cerclein {
	color: white;
			font-size: 140px;
			line-height: 180px;
}

		.cerclein .good-g {
			display: inline-block;
			-moz-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
		}

	#eut-loader-overflow .cerclein .good-g {
			display: inline-block;
			-moz-transform: translateY(-3vh);
-webkit-transform: translateY(-3vh);
-o-transform: translateY(-3vh);
-ms-transform: translateY(-3vh);
transform: translateY(-3vh);
		}


		.cerclein .good-f {
			display: inline-block;
			-moz-transform: translateY(10px);
-webkit-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
		}

#eut-loader-overflow .cerclein .good-f {
			display: inline-block;
			-moz-transform: translateY(6vh);
-webkit-transform: translateY(6vh);
-o-transform: translateY(6vh);
-ms-transform: translateY(6vh);
transform: translateY(6vh);
		}



@keyframes gfromtop {
  0% {
			-moz-transform: translateY(-15vh);
-webkit-transform: translateY(-15vh);
-o-transform: translateY(-15vh);
-ms-transform: translateY(-15vh);
transform: translateY(-15vh);
	  opacity: 0;
  }
  100% {
			-moz-transform: translateY(-3vh);
-webkit-transform: translateY(-3vh);
-o-transform: translateY(-3vh);
-ms-transform: translateY(-3vh);
transform: translateY(-3vh);
	  opacity: 1
  }
}

@keyframes frombottom {
  0% {
			-moz-transform: translateY(25vh);
-webkit-transform: translateY(25vh);
-o-transform: translateY(25vh);
-ms-transform: translateY(25vh);
transform: translateY(25vh);
	  opacity: 0;
  }
  100% {
			-moz-transform: translateY(6vh);
-webkit-transform: translateY(6vh);
-o-transform: translateY(6vh);
-ms-transform: translateY(6vh);
transform: translateY(6vh);
	  opacity: 1
  }
}

#eut-loader-overflow .cerclein .good-g {
	animation: 0.6s ease-out 0.1s 1 gfromtop ;
}


#eut-loader-overflow .cerclein .good-f {
	animation: 0.6s ease-out 0.1s 1 frombottom ;
}

@media screen and (max-width: 820px) { 
#eut-loader-overflow .cerclein {
	color: white;
		font-size: 12vh;
			line-height: 17vh;
}
		#eut-loader-overflow .cerclein .good-g {
			display: inline-block;
			-moz-transform: translateY(-2vh);
-webkit-transform: translateY(-2vh);
-o-transform: translateY(-2vh);
-ms-transform: translateY(-2vh);
transform: translateY(-2vh);
		}

	#eut-loader-overflow .cerclein .good-f {
			display: inline-block;
			-moz-transform: translateY(3vh);
-webkit-transform: translateY(3vh);
-o-transform: translateY(3vh);
-ms-transform: translateY(3vh);
transform: translateY(3vh);
		}
	
}
@media screen and (max-width: 500px) { 
#eut-loader-overflow .cerclein {
	color: white;
			font-size: 9vh;
			line-height: 15vh;
}

	#eut-loader-overflow .cerclein .good-g {
			display: inline-block;
			-moz-transform: translateY(-1vh);
-webkit-transform: translateY(-1vh);
-o-transform: translateY(-1vh);
-ms-transform: translateY(-1vh);
transform: translateY(-1vh);
		}

	#eut-loader-overflow .cerclein .good-f {
			display: inline-block;
			-moz-transform: translateY(2vh);
-webkit-transform: translateY(2vh);
-o-transform: translateY(2vh);
-ms-transform: translateY(2vh);
transform: translateY(2vh);
		}
}

.good-wrap {
	    width: 160px;
    height: 160px;
    top: 50%;
    left: 50%;
	position: absolute;
	display: block;
	transform: top left;
		-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}


.goodcercle {
    position: absolute;
    display: inline-block;
    width: 160px;
    height: 160px;
    top: 50%;
    left: 50%;
	margin: 0;
		-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

#cerclevertueux .goodcercle {
	
}

.cerclegoodfabric .goodcercle {
	 width: 360px;
    height: 360px;
}

#eut-loader-overflow .goodcercle {
    width: 260px;
    height: 260px;
}

#eut-loader-overflow .goodcercle {
    width: 800px;
    height: 800px;
}



.goodcercle svg {
fill: #000;


	width: 100%;
	height: 100%;
		-o-transform:  rotate(0deg);
	 	-moz-transform:  rotate(0deg);	
    -webkit-transform:  rotate(0deg);
    -ms-transform:  rotate(0deg);
    transform:  rotate(0deg);
    -webkit-animation-name: GoodThinking;
    animation-name: GoodThinking;
    -webkit-animation-duration: 35s;
    animation-duration: 35s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-transition: all 1.5s;
    transition: all 1.5s;
}

#eut-loader-overflow #cerclevertueux {

	animation: 0.4s ease-out 0s 1 cercleappear ;
}
#eut-loader-overflow .goodcercle svg {
fill: #fff;
}


#eut-loader-overflow #cerclevertueux {
			width: 360px;
height: 360px;
			position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	-moz-transform: translate(-50%,-50%) scale(10.8);
-webkit-transform: translate(-50%,-50%) scale(10.8);
-o-transform: translate(-50%,-50%) scale(10.8);
-ms-transform: translate(-50%,-50%) scale(10.8);
transform: translate(-50%,-50%) scale(10.8);
	transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

#eut-loader-overflow:not(.eut-hide) #cerclevertueux {
	-moz-transform: translate(-50%,-50%) scale(0.4);
-webkit-transform: translate(-50%,-50%) scale(0.4);
-o-transform: translate(-50%,-50%) scale(0.4);
-ms-transform: translate(-50%,-50%) scale(0.4);
transform: translate(-50%,-50%) scale(0.4);
	animation: 0.0s ease-out 0.2s 1 introcercle ;
	opacity: 1;
}

@keyframes cercleappear {
  0% {
-moz-transform:translate(-50%,-50%) scale(0.6);
-webkit-transform:translate(-50%,-50%) scale(0.6);
-o-transform:translate(-50%,-50%) scale(0.6);
-ms-transform:translate(-50%,-50%) scale(0.6);
transform:translate(-50%,-50%) scale(0.6);
	  opacity: 0;
  }
  100% {
-moz-transform:translate(-50%,-50%) scale(1);
-webkit-transform:translate(-50%,-50%) scale(1);
-o-transform:translate(-50%,-50%) scale(1);
-ms-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1);
	  opacity: 1
  }
}





@-webkit-keyframes GoodThinking {
    from {
        -webkit-transform:  rotate(0deg);
        transform:  rotate(0deg)
    }
    to {
        -webkit-transform:  rotate(360deg);
        transform:  rotate(360deg)
    }
}

@keyframes GoodThinking {
    from {
        -webkit-transform:  rotate(0deg);
        transform:  rotate(0deg)
    }
    to {
        -webkit-transform:  rotate(360deg);
        transform:  rotate(360deg)
    }
}
.titrepageexpertise1 {
	color: #000000;
text-align: left;
font-size: 60px;
line-height: 83px;
font-weight: 700;
	text-align: right;
}

#eut-theme-wrapper .titrepageexpertise-sepa .eut-divider .eut-line-divider {
	border:3px solid #000 !important;
	border-color: black !important;
}

.titrepageexpertise2 {
	color: #000000;
text-align: left;
font-size: 60px;
line-height: 83px;
font-weight: 400;
	text-align: left;
}



.projetsentete .titrepageexpertise1, .projetsentete .titrepageexpertise2  {
	color: #FFF !important
}

#eut-theme-wrapper .projetsentete .titrepageexpertise-sepa .eut-divider .eut-line-divider {
	border:3px solid #fff !important;
	border-color: white !important;
}


.introexpertise {
	color: #191919;
text-align: left;
font-size: 40px;
line-height: 56px;
font-weight: 400;
}

.expertise-titre {
	color: #191919;
text-align: left;
font-size: 80px;
line-height: 88px;
font-weight: 400;
}
.expertise-desc {
	color: #191919;
font-size: 24px;
font-weight: 400;
line-height: 38px;
}
.expertise-titre-white {
	color: white;
text-align: left;
font-size: 80px;
line-height: 88px;
font-weight: 400;
}
.expertise-desc-white {
	color: white;
font-size: 24px;
font-weight: 400;
line-height: 38px;
}


.changemakerbefore {
font-size: 18px;
color: #FFFFFF;
font-weight: 700;
line-height: 29px;
	
}

.contact-titrepage {
	color: #FFF;
	font-size: 90px;
line-height: 108px;
font-weight: 400
}

.coord-titre {
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-transform: uppercase;
font-family: 'Questrial', sans-serif;
	color: #191919;
}

.coord-desc {
	font-size: 28px;
color: #191919;
font-weight: 300;
line-height: 45px;
	padding: 10px 0px 10px 0;
}


.coord-desc a {
	padding-left: 45px;
	display: inline-block;
}

.coord-desc a:before {
	width: 35px;
	height: 1px;
	background: #191919;
	content:"";
	display: block;
	position: absolute;
	left: 0;
	top:50%;
}


#eut-theme-wrapper .contactform-divider .eut-border {
	border-color: #858E96 !important
}


.contactform .cf-titre {
	font-weight: 300;
font-style: normal;
text-transform: none;
font-size: 36px;
line-height: 42px;
	padding: 0 0 45px;
}


.contactform input, .contactform textarea {
	border-style: solid;
border-width: 1px;
border-color: #C6B9B1;
	font-size: 18px;
	font-family: 'Questrial', sans-serif;
}

.contactform input {
		height: 80px;
	line-height: 80px;
		padding: 0 15px;
}

.contactform textarea {
	line-height: 24px;
}

.contactform .wpcf7 input[type=submit] {
	width: 100%;
	background:#000;
	padding: 0 !important;
	border: none !important;
		height: 80px;
	line-height: 80px;
	color: #FFF;
		font-size: 20px!important;
	font-family: 'Questrial', sans-serif!important;
	-webkit-border-radius: 0!important;
border-radius: 0!important;
	text-transform: uppercase!important;
	letter-spacing: 2px!important;
}

.contactform .wpcf7-acceptance label {
	font-size: 16px;
line-height: 20px;
} 
.contactform .wpcf7-acceptance label a {
	color: #000;
text-decoration: underline;
}

.insta-titre {
	color: #000000;
text-align: center;
letter-spacing: 5px;
font-size: 48px;
line-height: 48px;
font-weight: 400;
	text-transform: uppercase;
	font-family: oswald, sans-serif;
}

.insta-lien a {
	color: #000000;
text-align: center;
font-size: 16px;
	letter-spacing: 2px;
line-height: 16px;
font-weight: 700;
	text-transform: uppercase;
}

#instagramfeed {
	max-width: 100%;
	overflow: hidden;
	z-index: 5;
}

.iscwp-popup-design-1 .iscwp-user-head-box {
	overflow: hidden;
}


.iscwp-right-panel, .iscwp-user-head-box-inner {
	position: relative;
}

.iscwp-username {
	font-family: oswald, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 18px;
}

a.iscwp-view-on-insta-link {
	position: absolute;
	top: 50%;
	right: 10px;
	background: #FFF;
	color: #000;
	border:1px solid #000;
	font-family: 'Questrial', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 0 !important;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

a.iscwp-view-on-insta-link:hover {
	background: #000;
}

.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide {
	padding: 0;
}

.iscwp-gallery-slider .iscwp-cnt-wrp.slick-slide img {
	width: 100%;
}

.iscwp-caption-text {
font-size: 20px;
color: #191919;
line-height: 24px;
	text-align: justify;
}

.wp-iscwp-popup-close.wp-iscwp-close-btn.mfp-close:before {
	display: none;
	content:"";
}

.iscwp-mfp-popup.mfp-bg  {
	background-color: rgba(0,0,0,1) !important
}



.iscwp-gallery-slider button.slick-prev, .iscwp-gallery-slider button.slick-next,
.iscwp-gallery-slider button.slick-prev:active, .iscwp-gallery-slider button.slick-next:active,
.iscwp-gallery-slider button.slick-prev:focus, .iscwp-gallery-slider button.slick-next:focus,
.iscwp-gallery-slider button.slick-prev:hover, .iscwp-gallery-slider button.slick-next:hover,
.mfp-arrow.mfp-arrow-left.mfp-prevent-close, .mfp-arrow.mfp-arrow-right.mfp-prevent-close
 {
	background-image: url(img/next-color.svg) !important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	width: 80px!important;
	height: 80px!important;
	background-color: #FFF!important;
	border-top: 2px solid #c7b299!important;
	border-left: 2px solid #c7b299!important;
	border-bottom: 2px solid #c7b299!important;
}

.iscwp-gallery-slider button.slick-prev, .iscwp-gallery-slider button.slick-next {
	opacity: 0.6
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close, .mfp-arrow.mfp-arrow-right.mfp-prevent-close,
.iscwp-gallery-slider button.slick-prev:hover, .iscwp-gallery-slider button.slick-next:hover {
	opacity: 1;
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close,
.iscwp-gallery-slider .slick-prev {
    left: 0px!important;
	margin-top: 0 !important;
}

.iscwp-gallery-slider .slick-prev {
	margin-bottom: -30px;
}

.iscwp-gallery-slider .slick-next {
   right: 0px!important;
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close:before,
.mfp-arrow.mfp-arrow-right.mfp-prevent-close:before,
.mfp-arrow.mfp-arrow-left.mfp-prevent-close:after,
.mfp-arrow.mfp-arrow-right.mfp-prevent-close:after {
	display: none!important;
}

.mfp-arrow.mfp-arrow-left.mfp-prevent-close,
.iscwp-gallery-slider button.slick-prev {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}


#gffooter {
	font-size: 14px;
	line-height: 25px;
	z-index: 9;

}

#gffooter a {
	color: #FFF;
}

#gffooter a:hover {
	color: #FFF;
	text-decoration: underline;
}

.mailchimpfooter form {
	display: block;
	width: 100%;
	float: left;
	margin: 5px 0 15px;
}

.mailchimpfooter #mc_embed_signup_scroll {
	width: calc(100% - 90px);
	margin: 0 auto;
	float: none;
	position: relative;
}

.mailchimpfooter input {
	background: #FFF;
	color: #191919 !important;
	font-family: 'Questrial', sans-serif !important;
	font-size: 14px;
	float: left;
	width: 100%;
	height: 40px;
	line-height: 40px;
	min-height: 40px;
	display: inline-block;
	margin: 0 auto;
	
	
}
.mailchimpfooter input[type=submit] {
	background: none;
	color: #000;
	height: 35px;
	line-height: 35px;
	padding: 0;
	max-width: 35px;
	float: left;
	margin: 0px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
	font-size: 18px;
	text-align: center;
	width: 100%;
	text-indent: -9999px;
	position: relative;
	z-index: 9;
}

.mailchimpfooter .submitbutton {
	float: left;
	width: 35px;
	position: absolute;
	top: 0;
	right: -40px;
}

.mailchimpfooter .submitbutton:after {
	  	position: absolute;
z-index: -1;
	border: 1px solid #FFF;
	background-image: url(img/next-white.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	margin: 0 auto;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 100px;
border-radius: 100px;
	display: block;
	content:"";
	top: 50%;
	left: 50%;
		transform: translate(-50%,-50%);
			  	-moz-transform:  translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform:  translateX(-50%) translateY(-50%);
-ms-transform:  translateX(-50%) translateY(-50%);
}

.gffooter-centre .gftitre {
	font-weight: 400;
font-style: normal;
font-size: 40px;
text-transform: uppercase;
letter-spacing: 0px;
	color: #FFF;
}
.gffooter-centre .gfdesc, .gffooter-ga .gfdesc {
color: #FFFFFF;
text-align: center;
line-height: 25px;
font-weight: 400;
	margin: 25px 0;
	font-size: 14px;
}

.gffooter-ga .gfdesc {
	position: relative;
	padding-bottom: 60px;
}

.gffooter-ga .gfdesc:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #FFF;
	background-image: url(img/next-white.svg);
	background-repeat:no-repeat;
	background-position: center center;
	background-size: 20px 20px;
	margin: 0 auto;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 100px;
border-radius: 100px;
	display: block;
	content:""
}

.gffooter-centre .eut-element.eut-social.eut-icon-type ul li a.eut-with-shape, .pcontact-social .eut-element.eut-social.eut-icon-type ul li a.eut-with-shape {
    width: 1.7em;
    height: 1.7em;
    line-height: 1.8em;
	background-color: #a3a3a3;
border-color: #a3a3a3;
	text-decoration: none !important
}

.pcontact-social .eut-element.eut-social.eut-icon-type ul li a.eut-with-shape i { 
	color: #FFF !important;
	font-size: 18px;
}

.pcontact-social .eut-element.eut-social.eut-icon-type ul  {
	margin-top: 15px;
}

.gffooter-centre .gfcopyright {
	font-size: 14px;
	margin-top: 25px;
}

.gffooter-dr .gffooter-titre, .gffooter-ga .gffooter-titre {
	font-size: 17px;
	letter-spacing: 2px;
font-weight: 500;
line-height: 18px;
	color: #FFF;
	margin-bottom: 15px;
	font-family: 'Oswald', sans-serif;
}


#eut-footer .linkcop {
	display: block;
	background-image: url(img/footer.svg);
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
	width: 300px;
	height: 122px;
}

.linkstudiohlg, .linkarweb {
	position: absolute;
	left: 0;
	right: 0;
	height: 50%;
	display:block;
	text-indent: -9999px;
}

.linkstudiohlg {
	top: 0;
	height: 60%;
}

.linkarweb {
	bottom: 0;
	height: 40%;
}

.gffooter-dr ul, .gffooter-dr ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 30px;
}

body.page-id-23 footer #contactez-nous {
	display: none;
}



.blocfooter-left {
	font-size: 30px;
font-weight: 300;
line-height: 52px;
}

.blocfooter-left .btgf-light a {
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    margin-top: 30px;
}

.blocfooter-right ul li {
	list-style: none;
	color: #EAD0B4;
text-align: left;
letter-spacing: 3px;
font-size: 15px;
line-height: 35px;
font-weight: 500;
}

.blocfooter-right ul li:before {
    content: '\f14a';
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
	margin-right: 4px;
}

.projetgf .imgune {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 52vh;
}

.projet-titre {
	background: #FFF !important;
	display: block;
	width: 100%;
}

.projet-titre h1,
.projet-titre h2,
.projet-titre h3 {
	font-size: 48px;
	line-height: 60px;
font-weight: 300;
	padding:  0;
	margin: 0;
	color:#000;
}
.projet-titre h2:after {
	position: absolute;
	width: 182px;
	height: 1px;
	background: #000;
	left: 0;
	bottom: -40px;
	content:"";
	display: block;
}

.projets-desc {
	font-size: 20px;
font-weight: 300;
line-height: 32px;
}

.projetsmeta-titre {
	letter-spacing: 6px;
font-size: 15px;
line-height: 24px;
font-weight: 700;
	margin-bottom: 20px;
	color: #000;
}

.projetsmeta-competences {
	color: #000000;
letter-spacing: 1px;
font-size: 21px;
line-height: 34px;
}



.projetslisting-intro {
font-size: 40px;
line-height: 56px;
}


#projets-listing .eut-hover-style-4 .eut-content {
	top:25px;
	left:25px;
	right:25px;
	bottom: 25px;
	border: 1px solid #858E96;
	background: rgba(255,255,255,0.8) !important;
}



#projets-listing .eut-media {
	background: #FFF;
}

#projets-listing .eut-hover-item.eut-hover-style-4 .eut-content h3.eut-h4 {
	font-size: 30px;
font-weight: 300;
line-height: 48px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
			  	-moz-transform:  translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-o-transform:  translateX(-50%) translateY(-50%);
-ms-transform:  translateX(-50%) translateY(-50%);
	width: 90%;
}

 #projets-listing .eut-portfolio-item .eut-thumbnail {
    background-color: #fff;
}

 #projets-listing .eut-portfolio-item img {
	opacity: 0 !important;
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}

#projets-listing .eut-portfolio-item:hover img {
	opacity: 1 !important;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px);
transform: scale(1) rotate(0deg) translateX(0px) translateY(0px);
}

#eut-theme-wrapper #projets-listing .eut-box-item.eut-bg-white {
	-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0);
box-shadow: 0 0 0 0 rgba(255,255,255,0);
}


.ethiqueaccplus {
	font-size: 60px;
color: #FFFFFF;
	font-weight: 400;
line-height: 66px;
}

.ethiqueaccplus strong {
	font-weight: 400 !important;
}

.ethiqueaccplus strong:after {
	background: url(img/more.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	display:inline-block;
	content: "";
	width: 52px;
	height: 36px;
}

.ethiqueaccbox-titre {
	color: #FFF;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
	margin-top: 25px;
	font-size: 18px;
	font-weight: 600;
}

.ethiqueaccbox-desc {
	font-size: 18px;
color: #FFFFFF;
line-height: 29px;
	margin-right: 50px;
}


.drawsvg .eut-single-icon .eut-inner-icon {
	width: 130px;
	height: 130px;
	line-height: 130px;
}

.drawsvg .eut-text-primary-4.eut-svg-icon {
    stroke: #a7885a;
}

.eut-carousel-buttons div {
	border-top: 0px solid #c7b299;
	border-bottom: 0px solid #c7b299;
	color: #c7b299 !important;
	font-size: 40px;
}


.eut-carousel-buttons div:before {
	position: absolute;
	top: 0; bottom: 0;
	left: 0; right: 0; content:"";
	background-image: url(img/next-color.svg);
	background-repeat: no-repeat;
	background-size: 40px 40px;
	background-position: center center;
}

.eut-carousel-buttons div.eut-carousel-prev:before {
	transform: rotate(180deg);
			  	-moz-transform:  rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}

.eut-carousel-buttons div.eut-carousel-prev {
	border-right: 0px solid #c7b299;
}

.eut-carousel-buttons div.eut-carousel-next {
	border-left: 0px solid #c7b299;
}

.eut-carousel-buttons div i {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.titreclients {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 4px;
	font-size: 20px;
	font-weight: 600;
}


.temoignagestitre {
	-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
	color: #858e96;
	letter-spacing: 4px;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 28px!important;
font-weight: 600 !important;
	top: 50%;
}

.avanttemoignage {
	color: #cfcfcf;
	font-size: 240px;
line-height: 60px;
	padding-top: 80px;
}

.temoignage {
	font-size: 20px;
color: #191919;
line-height: 50px;
}

.temoignageclient, .temoignage h3 {
	font-family: 'Oswald', sans-serif!important;
	letter-spacing: 2px;
	color: #000;
	margin-top: 25px;
	font-size: 18px;
	font-weight: 600 !important;
}


.carouselprojets .owl-carousel .owl-stage-outer {
	overflow: visible!important;
}

.carouselprojets .eut-carousel-item {
	max-width: 950px;
	margin:0 auto;
}

.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
    position: absolute;
    padding: 30px;
    left: auto!important;
    bottom: 20px;
    right: 20px;
    z-index: 2;
	width: 350px;
	height: 340px;
}

.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:before {
	content:"";
	border: 1px solid #858E96;
	top: 20px;
	bottom: 20px;
	left: 20px;
	right: 20px;
	display: block;
	position: absolute;
}

.carouselprojets h3 {
	font-size: 28px;
font-weight: 400;
color: #000000;
line-height: 41px;
	position: absolute;
	top: 50%;
	left: 30px;
	right: 30px;
	transform: translateY(-50%);
-moz-transform:  translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
	padding: 40px 0;
}

.carouselprojets h3:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform:  translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform: translateX(-50%);
	content:"DÉCOUVRIR";
	border-bottom: 1px solid #AF715D;
		font-size: 15px;
line-height: 21px;
color: #AF715D;
letter-spacing: 7px;
font-family: questrial, sans-serif;
}

.carouselprojets .eut-carousel-buttons div {
	border: none !important;
	z-index: 99;
	mix-blend-mode: hue;
}

.carouselprojets .eut-carousel-buttons div::before {
	display: none;
}

.carouselprojets .eut-carousel-buttons .eut-carousel-prev {
    left: 20px;
}
.carouselprojets .eut-carousel-buttons .eut-carousel-next {
    right: 20px;
}

.carouselprojets .eut-carousel-buttons div i {
	display: block !important;
	opacity: 1;
	visibility: visible;
	z-index: -1;
}

.carouselprojets .eut-carousel-buttons .eut-carousel-next i {
	left: auto;
	right: 30px;
}


.projetscarouselsoustitre {
	font-size: 14px;
line-height: 19px;
color: #000000;
letter-spacing: 7px;
	font-weight: 600;
	margin-bottom: 15px;
}
.projetscarouseltitre {
	font-size: 48px;
letter-spacing: 2px;
line-height: 63px;
	font-weight: 400;
}

.projetscarouseltitre span {
	width: auto;
	border-bottom: 3px solid #000;
	padding-bottom: 10px;
}

.lienallprojetcs a { 
	margin:50px 0 0 -100px;
	font-size: 14px;
line-height: 22px;
color: #444444;
	font-family: 'Questrial', sans-serif;
	border-bottom: 1px solid #444444;
	padding-bottom: 10px;
	display: inline-block;
}


.savoiretre-intro-1 {
	letter-spacing: 4px;
font-size: 24px;
line-height: 33px;
font-family: 'Oswald', sans-serif;
font-weight: 700;
}

.savoiretre-intro-2 {
	font-size: 50px;
	line-height: 80px;
font-weight: 500;
	margin-top: 25px;
}

.notrevocation {
color: #191919;
text-align: left;
font-size: 48px;
line-height: 67px;
font-weight: 400;
}

.utopistes {
text-align: left;
font-size: 24px;
line-height: 33px;
}

.liensutopistes {
	color: #191919;
line-height: 33px;
font-size: 24px;
	font-style: italic;
	display: inline-block;
padding-bottom: 5px;
	border-bottom: 1px solid #191919;
}

.liensutopistes a {
	border-bottom: none !important;
}


.passion-titre {
	font-weight: 300;
line-height: 80px;
	font-size: 50px;
}

.passion-desc {
	color: #191919;
text-align: center;
font-size: 30px;
line-height: 42px;
}


.blcequipe .prenomequip {
font-size: 32px;
font-weight: 300;
line-height: 51px;
}

.blcequipe .fonctionequip {
font-size: 13px;
letter-spacing: 3px;
font-family: 'Oswald', sans-serif;
color: #958F80;
font-weight: 700;
line-height: 21px;
	margin: 10px 0;
}

.blcequipe .descequip {
font-size: 21px;
font-weight: 400;
line-height: 34px;
letter-spacing: -1px;
}

.blcequipe .photoequip {
	
}


.millierstitle {
	color: #191919;
text-align: center;
letter-spacing: 8px;
text-transform: uppercase;
font-size: 48px;
line-height: 67px;
font-family: 'Oswald', sans-serif;
	font-weight: 600;
	margin-bottom: 20px;
}

.milliers-desc1 {
color: #191919;
text-align: left;
font-size: 24px;
line-height: 33px;
}

.milliers-desc2 {
	color: #444444;
text-align: left;
font-size: 36px;
line-height: 50px;
}

.danslefaire-t1, .danslefaire-t2 {
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
}

.danslefaire-t1 {
	color: #FFFFFF;
text-align: center;
letter-spacing: 8px;
text-transform: uppercase;
font-size: 36px;
line-height: 50px;
}
.danslefaire-t2 {
	color: #FFFFFF;
text-align: center;
letter-spacing: 8px;
font-size: 120px;
line-height: 167px;
}
.danslefaire-desc {
	color: #FFFFFF;
text-align: center;
font-size: 30px;
line-height: 42px;
}


.bigfaire-lettre {
	color: #000000;
text-align: center;
letter-spacing: 8px;
font-size: 180px;
line-height: 180px;
font-family: 'Oswald', sans-serif;
	font-weight: 700;
}

.bigfairedesc {
color: #191919;
text-align: left;
font-size: 24px;
line-height: 33px;
}


.chiffrescles-t1 {
	color: #C7B299;
font-size: 44px;
font-weight: 300;
line-height: 70px;
text-align: center;
	border-bottom: 1px solid #C7B299;
	margin-bottom: 50px;
	padding-bottom: 20px;
}

.chiffrescles-carousel {
	color: #FFFFFF;
text-align: center;
letter-spacing: 8px;
font-family: 'Oswald', sans-serif;
font-size: 43px;
line-height: 60px;
	font-weight: 700;
}


#cartedesmatieres, #cartedesmatieres .wpb_wrapper {
	position: relative;
}

#cartedesmatieres:before {
	background: -moz-linear-gradient(top,  rgba(232,230,225,1) 0%, rgba(232,230,225,0) 100%);
background: -webkit-linear-gradient(top,  rgba(232,230,225,1) 0%,rgba(232,230,225,0) 100%);
background: linear-gradient(to bottom,  rgba(232,230,225,1) 0%,rgba(232,230,225,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#00e8e6e1',GradientType=0 );
	z-index: 9999;
	top:0;
	left:0; right: 0;
	content:"";
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
}

#cartedesmatieres:after {
background: -moz-linear-gradient(top,  rgba(232,230,225,0) 0%, rgba(232,230,225,1) 100%);
background: -webkit-linear-gradient(top,  rgba(232,230,225,0) 0%,rgba(232,230,225,1) 100%);
background: linear-gradient(to bottom,  rgba(232,230,225,0) 0%,rgba(232,230,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e6e1', endColorstr='#e8e6e1',GradientType=0 );
	z-index: 9999;
	bottom:0;
	left:0; right: 0;
	content:"";
	display: block;
	width: 100%;
	height: 40px;
	position: absolute;
}

#cartedesmatieres .wpb_wrapper:before {
background: -moz-linear-gradient(left,  rgba(232,230,225,1) 0%, rgba(232,230,225,0) 100%);
background: -webkit-linear-gradient(left,  rgba(232,230,225,1) 0%,rgba(232,230,225,0) 100%);
background: linear-gradient(to right,  rgba(232,230,225,1) 0%,rgba(232,230,225,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e1', endColorstr='#00e8e6e1',GradientType=1 );
	z-index: 9999;
	top:0;
	bottom:0; left: 0;
	content:"";
	display: block;
	width: 40px;
	position: absolute;
}

#cartedesmatieres .wpb_wrapper:after {
background: -moz-linear-gradient(left,  rgba(232,230,225,0) 0%, rgba(232,230,225,1) 100%);
background: -webkit-linear-gradient(left,  rgba(232,230,225,0) 0%,rgba(232,230,225,1) 100%);
background: linear-gradient(to right,  rgba(232,230,225,0) 0%,rgba(232,230,225,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e6e1', endColorstr='#e8e6e1',GradientType=1 );
	z-index: 9999;
	bottom:0;
	top:0; right: 0;
	content:"";
	display: block;
	width: 40px;
	position: absolute;
}
.leaflet-left .leaflet-control {
	margin: 50px 0 0 50px;
}

.leaflet-interactive:hover {
	cursor: default
}

.leaflet-interactive.leaflet-marker-icon:hover {
	cursor: help
}


.leaflet-map {
  height: 650px !important;
	width: 100%;

}

.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 2px !important;
}

.leaflet-popup-content {
    margin: 13px 19px;
	font-family: oswald, sans-serif;
	letter-spacing: 2px;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
}

.leaflet-popup-content h3 {
	font-family: oswald, sans-serif;
	font-size: 24px;
	line-height: 36px;
	margin: 0;
	padding: 0 0 5px;
	letter-spacing: 4px;
}

.leaflet-popup-content a {
	color: #000 !important;
	border-bottom: 2px solid #000;
}

h3.titrepagematiere {
	color: #FFF;
	font-size: 120px;
font-weight: 500;
line-height: 144px;
}

h5.soustitrepagematiere  {
text-align: center;
font-size: 27px;
line-height: 38px;
color: #FFFFFF !important;
letter-spacing: 8px;
font-family: oswald, sans-serif;
font-weight: 400;
}

h4.intropagematiere {
	font-size: 48px;
	line-height: 77px;
font-weight: 300;
}

.vivredesontravail, .vivreenbonnesante, .preserverlenvironnement, .bienetreanimal {
	display: block;
	height: 150px;
	position: relative;
}


.vivredesontravail p, .vivreenbonnesante p, .preserverlenvironnement p, .bienetreanimal p {
	position: absolute !important;
	left: 50%; 
	top: 50%;
			transform: translate(-50%,-50%);
		-moz-transform:  translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}




.vivredesontravail img, .vivreenbonnesante img, .preserverlenvironnement img, .bienetreanimal img {
	max-height: 106px;
	max-width: 146px;
	height: auto;
	width: auto;
	position: absolute;
	top: 50%;
	left: 50%;
		transform: translate(-50%,-50%);
		-moz-transform:  translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}



.listematiere {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.matiere-container {
	 flex-basis:31%;
	background: #FFF;
	position: relative;
 width: 100%;
margin: 0 1% 40px;
	border-spacing:10px;
	margin-bottom: 40px;
	padding-bottom: 240px;
	box-sizing: border-box;
	min-height: 586px;
}




.matiere-container.noscertifications {
	flex-basis:64%;
	padding-bottom: 0px;
}

.matiere-container.noscertifications h3 {
	font-size: 48px;
font-weight: 300;
	padding-bottom: 33px;
}
.matiere-container.noscertifications h3:after {
width: 83px;
height: 1px;
background-color: #C7B299;
content:"";
	position: absolute;
	bottom: 0;
	left:50%;
	transform: translateX(-50%);
		-moz-transform:  translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform: translateX(-50%);
}



.matiere-container .matiere-wrap {
	position: relative;
	display: block;
	float: left;
	width: 100%;
}

.matiere-container .matiere-wrap h2 {
	margin: 80px 20px 20px 80px;
	font-size: 48px;
line-height: 77px;
	font-weight: 300;
	min-height: 235px;
}
.matiere-container .matiere-wrap .certification {
text-align: left;
font-size: 16px;
line-height: 26px;
color: #858E96;
letter-spacing: 1px;
font-family: 'Questrial', sans-serif;
font-weight: 400;
	margin: 0px 20px 40px 80px;
}

.matiere-wrap .beforeorigine {
	position: absolute;
	top: 10px;
	left: 27px;
	height: 100%;
	botom: 20px;
	border-left:1px solid #000;
}

.matiere-wrap .origine {
	position: absolute;
	line-height: 16px;
	-moz-transform: rotate(-90deg) translate(0, 165%);
-webkit-transform: rotate(-90deg) translate(0, 165%);
-o-transform: rotate(-90deg) translate(0, 165%);
-ms-transform: rotate(-90deg) translate(0, 165%);
transform: rotate(-90deg) translate(0, 165%);
transform-origin: bottom left;
	text-transform: uppercase;
}

.matiere-wrap .origine span {
	display: inline-block;
	font-size: 14px;
letter-spacing: 6px;
line-height: 22px;
font-family: 'Oswald', sans-serif;
	background: #FFF;
	padding: 0 15px;
	font-weight: 600;
}

.matiere-wrap .origine span:afterzz {
	content:"";
	width: 180px;
	height: 1px; 
	background: #000;
	display:inline-block;
	margin-left: 8px;
	-moz-transform: translateY(-4px);
-webkit-transform: translateY(-4px);
-o-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
}


.imagematiere {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 215px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.lienlistingmatiere {
	position: absolute;
	top: 0; bottom: 0;
	left:0;
	right: 0;
	z-index: 999;
	text-indent: -9999px;
	color: rgba(255,255,255,0)
}


.matieresgf {
	position: relative;
}

.matieresgf .imgune {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	min-height: 100vh;
	position: relative;
}

.projetgf #eut-single-media {
	position: relative;
}

.matieresgf-overlay {
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right:0;
}

.matieresgf-wrap {
	color: #FFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
		-moz-transform:  translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	width: 95%;
	max-width: 1000px;

}

.matieresgf-wrap > div {
	border: 6px solid #FFF;
}


.matieresgf-wrap header, .matieresgf-wrap .originematieres {
	border-bottom: 6px solid #FFF;
	padding: 10px 0;
	text-align: center;
	position: relative;
}

.matieresgf-wrap footer {
	border-top: 6px solid #FFF;
	text-align: center;
}


.matieresgf-wrap .intro {
font-size: 38px;
line-height: 53px;
color: #FFFFFF;
letter-spacing: 20px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
	text-transform: uppercase;
}

.prev-matieres, .next-matieres {
	position: absolute;
	top: 0;
	bottom: 0;
	display: inline-block;
	width: 120px;
	border-left: 6px solid #FFF;
	text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.prev-matieres a, .next-matieres a {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #FFF;
}

.prev-matieres:before, .next-matieres:before {
	background-image: url(img/next-white.svg);
	background-size: 53px 53px;
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
		background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.prev-matieres:hover:before,
.next-matieres:hover:before {
	top: 0;
	left: 0px;
	right: 0;
	bottom: 0;
-moz-transform: scale(1.01) translateX(15px);
-webkit-transform: scale(1.01) translateX(15px);
-o-transform: scale(1.01) translateX(15px);
-ms-transform: scale(1.01) translateX(15px);
transform: scale(1.01) translateX(15px);
}

.prev-matieres {
	left: 0;
	-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}

.next-matieres {
	right:0;
}

.presentationmatiere {
	position: relative;
}

#presentation a {
	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: #FFF;
}

.textblanc .intromatdesc a {

	border-bottom: 1px solid rgba(255,255,255,0.2);
	color: #FFF;
}

.matieresgf-wrap h1 {
	color: #FFF;
	font-size: 72px;
    font-family: 'Expletus Sans', cursive;
    font-weight: 500;
    line-height: 86px;
	padding: 80px 240px 80px 60px;
	margin: 0 20px;

}

.matieresgf-wrap .logocertifinmatiere {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
			-moz-transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform: translateY(-50%);
}

.matieresgf-wrap .logocertifinmatiere img {
	max-width: 180px;

}

.matieresgf-wrap .originematieres  {
	text-align: left;
font-size: 20px;
line-height: 28px;
color: #FFFFFF;
letter-spacing: 8px;
	font-family: 'Oswald', sans-serif;
font-weight: 400;
}

.certificationmatieres {
text-align: center;
font-size: 27px;
color: #FFFFFF;
letter-spacing: 8px;
font-weight: 600;
	font-family: 'Oswald', sans-serif;
}


.certificationmatieres, .originematieres {
	display:block;
	width: 100%;
	float: left;
	padding: 25px 0;
}

.paysmatieres, .personnesmatieres {
	padding: 0 6%;
	border-right: 4px solid #FFF;
	display: inline-block;
	float: left;
}


.titresec-wrap {
	position: relative;
}


.titresectmatieres p {
	-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
	font-size: 16px;
line-height: 25px;
color: #000000;
letter-spacing: 6px;
font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
		padding: 25px 0;
	text-align: left;
	position: absolute;
	min-height: 300px;
    transform-origin: top center;

}

.titrechiffresmatieres {
	line-height: 45px;
	font-size: 25px;
color: #000000;
letter-spacing: 6px;
	font-family: 'Oswald', sans-serif;
}

.chiffresmatieres {
	font-size: 28px;
color: #191919;
line-height: 39px;
}


.bottomnavmatieres {
	display: block;
	float: left;
	width: 100%;
	clear: both;
	margin: 80px 0;
	position: relative;
	min-height: 210px;
}

.prevbottom, .nextbottom {
	background: white;
	position: absolute;
	width: 38%;
	top: 0;
	display: block;
	min-height: 210px;
	overflow: hidden;
}
.prevbottom {
	left: 6%;
}
.nextbottom {
	right: 6%;
}

.prevbottom a, .nextbottom a {
		position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	color: #FFF;
		text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

.prevnextb-wrap {
	display: block;
	max-width: 260px;
	position: absolute;
	font-size: 32px;
color: #191919;
line-height: 44px;
	top: 50%;
	transform: translateY(-50%);
			-moz-transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform: translateY(-50%);
}

.prevbottom .prevnextb-wrap, .nextbottom .arrowmatb {
	right: 100px;
}
.nextbottom .prevnextb-wrap, .prevbottom .arrowmatb {
	left: 100px;
}

.arrowmatb {
	height: 49px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
				-moz-transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform: translateY(-50%);
	border-right: 1px solid #191919;
		-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.prevbottom:hover .arrowmatb, .nextbottom:hover .arrowmatb {
		border-right: 1px solid #fff;
	height: 69px;
}

.arrowmatb svg {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
				-moz-transform: translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform: translateY(-50%);
	right: 0;
	fill: #191919;
	width: 49px;
	height: 49px; 
	margin-right: 15px;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.prevbottom .arrowmatb {
-moz-transform: rotate(180deg) translateY(50%);
-webkit-transform: rotate(180deg) translateY(50%);
-o-transform: rotate(180deg) translateY(50%);
-ms-transform: rotate(180deg) translateY(50%);
transform: rotate(180deg) translateY(50%);
}

.prevbottom:hover svg, .nextbottom:hover svg {
	margin-right: 5px;
	width: 69px;
	height: 69px; 
	fill: #FFF;
}

.thumbbgmatiere {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40%;
background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
	filter: grayscale(1);
	-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.thumbbgmatiere:before {
	position: absolute;
	top: 0; bottom: 0; left:0; right: 0;
	opacity: 0.2;
	background: black;
	content: "";
}

.nextbottom .thumbbgmatiere {
	right: 0;
		-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}

.prevbottom:hover .thumbbgmatiere, .nextbottom:hover .thumbbgmatiere {
	opacity: 0.9;
	filter: grayscale(0);
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

.prevnextb-wrap strong {
	font-family: 'Oswald', sans-serif;
	text-align: left;
font-size: 18px;
line-height: 32px;
color: #000000;
letter-spacing: 8px;
	display: block;
	width: 100%;
	text-transform: uppercase;
}


.single-matiere #presentation, .single-matiere #histoire, .single-matiere #made-how, .single-matiere #partie-industrielle {
font-size: 24px;
line-height: 33px;
}

.single-matiere #presentation h3,
.single-matiere #histoire h3, .single-matiere #made-how h3,
.single-matiere #partie-industrielle h3 {
	font-size: 60px;
line-height: 83px;
	font-weight: 400;
}

.single-matiere #presentation h3 {
	color: #FFF !important;
	font-size: 44px;
color: #FFFFFF;
line-height: 79px;
}

#made-how .eut-isotope-container {
	margin-bottom: -150px;
}

#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+1) {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+2) {
	-moz-transform: translateY(60px);
-webkit-transform: translateY(60px);
-o-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
}

#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+3)  {
	-moz-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
}

#made-how .eut-isotope-container .eut-isotope-item:last-child {
	float: right!important;
	right: 20px !important;
	left: auto!important;
		-moz-transform: translateY(-200px)!important;
-webkit-transform: translateY(-200px)!important;
-o-transform: translateY(-200px)!important;
-ms-transform: translateY(-200px)!important;
transform: translateY(-200px)!important;
}


.lastmadehow {
margin-top: -250px;
}



.madehowsec {
font-size: 32px;
color: #191919;
line-height: 44px;
}

.madehowlast {
	font-size: 26px;
font-family: 'Oswald', sans-serif;
line-height: 47px;
color: #000000;
letter-spacing: 6px;
	text-transform: uppercase;
	font-weight: 600;
}

.ecolabtitre {
	font-size: 120px;
font-weight: 500;
line-height: 144px;
}



.ecolabsoustitre {
font-size: 60px;
line-height: 83px;
color: #FFFFFF;
letter-spacing: 1px;
}

.lastecolab .eut-separator-bottom {
	background: url(img/separateur.jpg) repeat-x;
		
	background-position: bottom left;
}

.lastecolab .eut-separator-bottom svg {
	display: none;
}

.blog #eut-main-content .eut-main-content-wrapper, .blog #eut-sidebar {
    padding-top: 50px;
    padding-bottom: 90px;
}

body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-right-sidebar .eut-content-wrapper {
    padding-left: 0px !important;
    padding-right: 0px!important;
}


.eut-pagination ul li span{
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #000;
}

.eut-pagination ul li a  {
	color: #FFF;
	background: #000;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	-webkit-border-radius: 50px;
border-radius: 50px;
	opacity: 0.8;
}

#introblog {
	background: url(img/bigscreen.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 65vh;
	position: relative;
}

#introblog.smallintroblog {
	min-height: 35vh;
}

#introblog h1 {
	font-size: 120px;
font-family: 'Expletus Sans', cursive;
	color: #FFF;
font-weight: 500;
line-height: 144px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
				-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	width: 100%;
text-align: center;
}

#introblog.smallintroblog h1 {
	line-height: 100px;
	font-size: 60px;
}


#introblog h1:after {
	content:"";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
				-moz-transform: translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform: translateX(-50%);
	display: block;
	width: 462px;
	height: 107px;
	background-image: url(img/introblog.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

#introblog.smallintroblog h1:after {
		width: 300px;
	height: 80px;
}

h3.titrecarouselfav {
	text-align: center;
	font-family: 'Oswald', sans-serif;
	color: #191919;
letter-spacing: 2px;
	font-size: 26px;
	padding-bottom: 40px;
font-weight: 600;
	text-transform: uppercase;
	position: relative;
}

h3.titrecarouselfav:after {
	content:"";
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
					-moz-transform: translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform: translateX(-50%);
	position: absolute;
	height: 2px;
	background: #C7B299;
	width: 65px;
}
#articles-favoris .eut-carousel-item {
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}




#articles-favoris .eut-media {
	margin-bottom: 0;
}

#articles-favoris .eut-carousel-buttons svg {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	fill:#c7b299
}

#articles-favoris .eut-carousel-buttons .eut-carousel-prev svg {
	transform: translate(-50%,-50%) rotate(-180deg);
}


#articles-favoris .eut-carousel-prev:hover svg, #articles-favoris .eut-carousel-next:hover svg {
	fill: #191919
}

#articles-favoris .eut-post-content {
	margin-bottom: 0;
	font-size: 29px;
	text-align: center;
	background: #e8e6e1;
color: #191919;
line-height: 35px;
	padding: 20px;
	position: relative;
	height: 150px;
}

#articles-favoris .eut-post-content h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	padding: 0 5px;
	width: 100%;
	font-size: 26px;
color: #191919;
max-height: 70px;
	overflow: hidden;
line-height: 35px;
	font-weight: 400;
}

.categcarou {
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	line-height: 50px;
color: #191919;
	font-weight: 600;
	height: 50px;
	text-align: center;
	position: absolute;
	width: 100%;
}

.categcarou h4, .metacat h4 {
		background: rgba(255,255,255,0.95);
	color: #191919;
	margin: 0 auto;
	display: inline-block;
	padding: 0 8px;
	text-align: center;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
	font-size: 16px;
	padding: 0 16px;
	line-height: 50px;
	letter-spacing: 4px;
}

.categbarblog {
	background: #e8e6e1;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	height: 90px;
}

.categbarblog ul, .categbarblog ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}



.categbarblog li, .categbarblog li ul li {
	list-style: none;
	display: inline-block;
	text-align:  center;
	padding: 0 10px;
	font-size: 16px;
color: #191919;
letter-spacing: 4px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
	text-transform: uppercase;
}

.categbarblog li a, .categbarblog li ul li a {
	line-height: 90px;
	height: 90px;
	display: inline-block;
	position: relative;
	overflow: hidden;
}


.categbarblog li a:after, .categbarblog li ul li a:after {
		border-bottom: 2px solid #C7B299;
	position: absolute;
	left: 0;
	bottom:20px;
	width: 100%;
	-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
content:"";
}

.categbarblog li a:hover:after, .categbarblog li ul li a:hover:after,
.categbarblog li.currentcatblog a:after, .categbarblog li ul li.currentcatblog a:after {
	-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}


.rechercheblog {
	float: right;
	padding: 20px 0;
}

.rechercheblog input[type=text], #eut-theme-wrapper .rechercheblog .eut-search:not(.eut-search-modal) input[type="text"] {
	background: #FFF;
	border: none;
	-webkit-border-radius: 0 !important;
border-radius: 0 !important;
	font-size: 20px !important;
}

body.search #eut-theme-wrapper .eut-content-none.eut-padding-top-6x {
	padding-top: 0 !important;
	padding-bottom: 80px !important
}


.bloglead {
	margin: 50px 0 70px;
	color: #FFF;
}

.bloglead.singpost{
	margin: 0px 0 30px;
}
.bloglead-g {
font-size: 44px;
color: #FFFFFF;
line-height: 53px;
	margin: 30px 0 30px 60px;
}
.bloglead-d {
	font-size: 18px;
color: #FFFFFF;
line-height: 25px;
	margin: 30px 60px 30px 0;
}

.lepremierpost {
	position: relative;
	width: 100%;
	display: block;
	clear:both;
	min-height: 340px;
	margin: 120px 0 120px;
}

.lepremierpost:after {
	content:"";
	position: absolute;
	top: -100px;
	bottom: -100px;
	right: 0;
	width: 65%;
	display: block;
	z-index:-1;
	background: #e8e6e1
}

.lepremierpost img {
	max-width: 545px;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0;
}

.lepremierpost .content {
	position: absolute;
	top: 0px;
	right: 14%;
	transform: translateY(-0%);
	max-width: 40%;
	width: 100%;
}

.lepremierpost .content h2 {
	font-size: 44px;
color: #191919;
font-weight: 400;
line-height: 53px;
	margin:15px 0 0 0;
}
.lepremierpost .content .artbody {
text-align: justify;
font-size: 17px;
color: #191919;
line-height: 37px;
	margin: 15px 0;
}

.lirelasuitefirst {
	float: right;
	text-align: right;
	font-size: 24px;
color: #191919;
line-height: 48px;
font-weight: 400;
font-style: italic;
}

.eut-blog-item:not(.has-post-thumbnail) .eut-post-content-wrapper {
	position: absolute; top: 290px;
}

.eut-blog-item:not(.has-post-thumbnail):before {
	width: 400px;
	height: 290px;
	line-height: 290px;
	background-color: #e8e6e1;
	background-image: url(img/goodfabric-cercle2.svg);
	background-position: center center;
	background-size: 260px 260px;
	background-repeat: no-repeat;
	content:"GF";
	font-family: 'Expletus Sans', cursive;
	font-size: 120px;
	text-align: center;
	top: 20px;
	left: 20px; right: 20px;
	display: block;
	position: absolute;
	opacity: 0.3;
	-webkit-box-shadow:inset 0 0 8px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 0 8px 0 rgba(0,0,0,0.5);
	
}

.eut-post-content {
	position: relative;
	padding: 15px;
}

.eut-blog-item .eut-post-title {
	font-size: 29px;
font-weight: 400;
color: #191919;
line-height: 35px;
}

.eut-blog-item .metacat {
		top: 0;
	transform: translateY(-50%);
	position: absolute;
}

.eut-blog-item .metacat h4 {
	background: #E8E6E1;
	top: 0;
}

.eut-blog-columns:not(.eut-blog-small) .eut-blog-item:not(.eut-style-2) .eut-media {
	margin-bottom: 0;
}

.headarticle {
	position: relative;
}


.titrearticle {
text-align: center;
font-size: 44px;
color: #191919;
line-height: 53px;
	font-weight: 400;
	padding: 90px 0 40px;
}

.categoriearticle {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 18px;
	padding: 0 80px;
color: #191919;
letter-spacing: 4px;
	font-weight: 600;
		font-family: 'Oswald', sans-serif;
	background: #E8E6E1;
	height: 53px;
	line-height: 53px;
	text-transform: uppercase;
}

.datearticle {
	font-size: 15px;
line-height: 19px;
color: #000000;
letter-spacing: 2px;
	text-align: center;
	font-family: 'Questrial', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}

.datearticle span {
		border-top: 2px solid #C7B299;
		display: inline-block;
	padding: 25px 0 50px;
}

#eut-single-media .eut-thumbnail-wrapper {
	max-width: 100% !important
}

#eut-single-content .eut-container {
	text-align: justify;
	color: #191919;
}

#eut-sidebar .eut-wrapper {
	max-width: 370px;
	float: right;
}

blockquote, blockquote p, .eut-container blockquote {
	font-family: "Cormorant Garamond" !important;
font-weight: 400!important;
font-style: italic!important;
font-size: 18px!important;
text-transform: none;
line-height: 36px!important;
letter-spacing: 0px;
}


#eut-single-content .eut-container a {
	text-decoration: underline;
	color: #8e5e4b;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#eut-single-content .eut-container a:hover {
	text-decoration: underline;
	color: #000;
}


#eut-single-content .eut-container h1 {
	font-size: 50px;
	line-height: 58px;
	font-family: 'Cormorant Garamond', serif;
}
#eut-single-content .eut-container h2 {
	font-size: 40px;
	line-height: 48px;
	font-family: 'Cormorant Garamond', serif;
}
#eut-single-content .eut-container h3 {
	font-size: 26px;
	line-height: 32px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 2px;
}
#eut-single-content .eut-container h4 {
	font-size: 30px;
	line-height: 38px;
	font-family: 'Cormorant Garamond', serif;
}
#eut-single-content .eut-container h5 {
	font-size: 20px;
	line-height: 28px;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 1px;
}
#eut-single-content .eut-container h6 {
	font-size: 22px;
	line-height: 28px;
	font-family: 'Cormorant Garamond', serif;
}



.footerarticle {
	max-width: 90%;
	margin: 50px auto;
	border: 1px solid #999999;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	letter-spacing: 2px;
font-family: 'Questrial', sans-serif;
color: #858E96;
	font-size: 14px;
	text-transform: uppercase;
}

.footerarticle .auteur, .footerarticle .categlast, .footerarticle .sharefooterarticle {
	width: 33%;
	float: left;
	max-width: 33%;
	text-align: center;
}

.footerarticle .auteur, .footerarticle .categlast {
		border-right: 1px solid #999999;
}
.footerarticle .sharefooterarticle a {
	display: inline-block;
	text-align: center;
	margin: 0 3px 0 0;
	background:#858E96;
	-webkit-border-radius: 30px;
border-radius: 30px;
	color: #FFF;
	height: 26px;
	width: 26px;
	line-height: 26px;
}

.footerarticle .sharefooterarticle i {
	color: #FFF !important;
		text-align: center;
		line-height: 26px;
		font-size: 14px;
}


.continuerdelire {
	float: left;
	width: 100%;
	display: block;
	font-size: 29px;
color: #191919;
line-height: 35px;
}

.continuerdelire h4.tibloc {
	text-align:  center;
	font-size: 24px;
line-height: 53px;
color: #191919;
letter-spacing: 4px;
	padding: 0 0 25px;
	margin: 30px 0 80px;
	position: relative;
	font-family: 'Oswald', sans-serif;
}

.continuerdelire h4.tibloc:after {
	background: #C7B299;
	width: 65px;
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 1px;
	display: block;
}

.precedentarticle {
	max-width: 45%;
	width: 100%;
	float: left;
}

.suivantarticle {
	max-width: 45%;
	float: right;
	width: 100%;
}

.mrcontent {
	position: relative;
	margin:  20px 15px 15px;
}

.mrcontent.nothmr {
	position: relative;
	margin:  53px 15px 15px;
}

.mrcontent .prevarticle, .mrcontent .nextarticle {
	margin: 10px 0 0 0;
	display: inline-block;
}

.continuerdelire img {
	background: #FFF;
}

.continuerdelire .metacat h4 {
	background: #E8E6E1;
	height: 53px;
	position: absolute;
	left: 0;
	top: -53px;
}


.wg-presentation {
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
}

.wg-presentation img {
	position: relative;
	z-index: 8;
	padding-top: 22px;
}

.wg-presentation:before {
	position: absolute;
	top: 0;
	left: 80px;
	background-image: url(img/ensemble.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	z-index: 9;
	height: 44px;
	width: 146px;
	display: block;
	content:"";
-moz-transform: rotate(-9deg);
-webkit-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
-ms-transform: rotate(-9deg);
transform: rotate(-9deg);
}

.wg-presentation .eut-widget-title, .wg-presentation h3 {
	font-size: 36px;
color: #191919;
line-height: 43px;
	font-family: 'Cormorant Garamond', serif;
	text-transform: none !important;
	font-weight: 400 !important
}


.wg-lab {
	background: #e8e6e1;
	text-align: center;
	padding: 45px 60px;
	font-size: 27px;
color: #191919;
font-family: 'Cormorant Garamond', serif;
line-height: 49px;
}

.wg-lab h3 {
	background: #FFF;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	height: 53px;
	line-height: 53px;
	font-size: 16px;
font-family: 'Oswald', sans-serif;
color: #191919;
letter-spacing: 4px;
	text-transform: uppercase;
	padding: 0 55px;
	margin-bottom: 30px;
}

.wg-lab .textwidget p {
		font-size: 27px;
color: #191919;
font-family: 'Cormorant Garamond', serif;
line-height: 49px;
}


.wg-lab a {
	display: block;
	background: #000;
	color: #FFF !important;
	height: 58px;
	line-height: 58px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 15px;
	margin-top: 50px;
letter-spacing: 4px;
}

.wg-lastpost .eut-widget-title {
	text-align: center;
font-size: 20px;
line-height: 53px;
color: #191919;
letter-spacing: 4px;
font-family: 'Oswald', sans-serif;
	font-weight: 700;
	position: relative;
}

.wg-lastpost .eut-widget-title:after {
	position: absolute;
	content:"";
	height: 1px;
	width: 65px;
	bottom: 0;
	background: #C7B299;
	left: 50%;
	transform: translateX(-50%);
}

.wg-lastpost .wg-imglink {
	margin: 0;
	padding: 0;
	display: block;
	background: #e8e6e1;
}

.wg-lastpost img {
	margin: 0;
	max-width: 100%;
	width: 100%;
	height: auto;
}

.wg-lastpost .content {
	background: #e8e6e1;
	position: relative;
	margin: 0 0 50px;
	padding:  30px 15px;
}

.wg-lastpost .metacat {
	position: absolute;
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
}

.wg-lastpost .metacat h4 {
	padding: 0 8px;
}

.wg-lastpost h2 {
	text-align: center;
	color: #191919;
font-family: 'Cormorant Garamond', serif;
	font-size: 29px;
color: #191919;
line-height: 35px;
	font-weight: 400;
}

#notre-histoire .tp-tabs.tp-span-wrapper .tp-tab-mask {
	border-right: 1px solid rgba(255,255,255,0.4);
	text-align: center;
-webkit-box-shadow: 20px 0 26px -30px rgba(0,0,0,0.7);
box-shadow: 20px 0 26px -30px rgba(0,0,0,0.7);
}

#notre-histoire .tp-tab-title {
	letter-spacing: 4px;
}

#notre-histoire .tp-tab-mask {
	max-height: auto !important;
	height: auto !important;
	
}

#notre-histoire .tp-tab {
}


.tp-tab-title {
	position: relative;
	margin: 8px 0 !important;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	padding: 0;
}

.tp-tab.selected .tp-tab-title {
	font-size: 22px;
	padding-left: 20px;
}

.tp-tab .tp-tab-title:before {
	position: absolute;
	width: 30px;
	height: 2px;
	top: 50%;
	left: -30px;
	background: #fff;
	display: block;
	content:"";
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}


.tp-tab.selected .tp-tab-title:before {
	left: 0px;
	-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#notre-histoire .tp-bannertimer.tp-bottom {
	bottom: 8% !important;
}

.lab-intro-t1 h1 {
	font-size: 18px;
line-height: 25px;
color: #FFFFFF;
letter-spacing: 8px;
font-family: 'Oswald', sans-serif;
}
.lab-intro-t2 {
font-size: 48px;
color: #FFFFFF;
line-height: 77px;
}

.lab-after-cercle {
font-size: 33px;
color: #FFFFFF;
line-height: 53px;
}

.lab-t-bloc {
font-size: 50px;
font-weight: 500;
	line-height: 80px;
	color: #FFFFFF;
}

.lab-t-desc {
font-size: 33px;
color: #FFFFFF;
line-height: 53px;
}

.lienprojetlab {
	z-index: 99; position: relative;
	margin: 50px 0 20px;
}

.lienprojetlab a {
	font-size: 15px;
color: #191919;
letter-spacing: 4px;
font-family: 'Questrial', sans-serif;
	background: #FFF;
	height: 67px;
	line-height: 67px;
	text-transform: uppercase;
	padding: 0 30px;
	position: absolute;
	bottom: -34px;
	left: 50%;
	transform: translateX(-50%);
	display: inline-block;
}

.ava-hummum {
	font-size: 18px;
	line-height: 26px;
}

.mentionslegales {
	font-size: 16px;
	line-height: 24px;
	text-align: justify;
	font-family: 'Questrial', sans-serif;
}

.mentionslegales p {
	margin-bottom: 15px;
}

.mentionslegales h1 {
	margin-bottom: 50px;
}

.mentionslegales h3 {
	font-weight: 600;
	text-decoration: underline;
}

.lg-toolbar.lg-group .lg-download.lg-icon, 
.lg-toolbar.lg-group #lg-actual-size,
.lg-toolbar.lg-group #lg-zoom-out,
.lg-toolbar.lg-group #lg-zoom-in,
.lg-toolbar.lg-group .lg-fullscreen.lg-icon
{
	display: none;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
	z-index: -1;
}

.maintenance .site-title {
	font-family: "Expletus Sans";
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0px;
}





@media screen and (min-width: 1680px) { 
#presentation-video .pionnersdesc {
	padding-right: 8% !important;
}
	#presentation-aftervideo .pionnersdesc {
		padding-left: 8%!important;
		padding-right: 4%;
	}
}

@media screen and (min-width: 1380px) {
#eut-header .eut-main-menu li a.mega-menu-link {
	letter-spacing: 2px;
    padding: 0 20px 10px !important;
	font-size: 15px;
	}
	#eut-header .eut-logo.eut-logo-text a {
		font-size: 44px;
	}
}
/* C NORMAL -> */
#presentation-video .pionnersdesc {
	padding-right: 2% ;
}
#presentation-aftervideo .pionnersdesc {
		padding-left: 1%;
padding-right: 1%}
/* <- C NORMAL */

@media screen and (max-width: 1520px) { 
.eut-carousel-buttons div.eut-carousel-prev {
	left: -60px !important;
}
.eut-carousel-buttons div.eut-carousel-next {
	right: -60px!important;
}

.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
padding: 20px;
width: 300px;
height: 300px;
}
.goodcercle {
width: 140px;
height: 140px;
}
.footercerclevertueux {
    position: absolute;
    z-index: 999;
    top: -126px;
    left: 0;

}
}

@media screen and (max-width: 1420px) {
#presentation-video .pionnerstitre, .lab-t-bloc {
    font-size: 45px !important;
    line-height: 55px!important;
}
	.notrevocation {
    font-size: 40px !important;
    line-height: 60px !important;
	}
.expertise-titre {	
font-size: 60px!important;
line-height: 68px!important;
}
	.lab-t-desc {
    font-size: 27px !important;
    color: #FFFFFF;
    line-height: 40px !important;
}
	.categcarou h4, .metacat h4 {
		font-size: 15px!important;
		letter-spacing: 2px!important;
	}
	.categoriearticle {
		font-size: 16px!important;
padding: 0 40px!important;
letter-spacing: 2px!important;
	}
	
	.single-matiere #presentation h3, .single-matiere #histoire h3, .single-matiere #made-how h3, .single-matiere #partie-industrielle h3 {
		font-size: 40px!important;
line-height: 63px!important;
	}
	
	.prevbottom .prevnextb-wrap, .nextbottom .arrowmatb {
		right: 20px!important
	}
	.nextbottom .prevnextb-wrap, .prevbottom .arrowmatb {
		left: 20px !important
	}
	.thumbbgmatiere {
		width: 30% !important
	}
	.lepremierpost .content {
		right: 4% !important;
	}
		.titresectmatieres p {
transform-origin: top left !important;
}
		.lastmadehow {
		margin-top: -200px !important
	}
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
body:not(.eut-boxed).single-post #eut-theme-wrapper:not(.eut-header-side) #eut-content.eut-right-sidebar .eut-content-wrapper {
    padding-left: 0px !important;
    padding-right: 0px!important;
}
	
}

@media screen and (max-width: 1380px) {
.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
width: 260px;
height: 260px;
}
	.carouselprojets h3 {
		font-size: 23px;
	}
	
.carouselprojets h3:after {
	font-size: 14px;
line-height: 21px;
color: #AF715D;
letter-spacing: 5px;
}
}

@media screen and (max-width: 1320px) { 
.expertise-titre {
    font-size: 40px !important;
    line-height: 48px !important;
}
		.humumtitre {
    font-size: 100px !important;
    font-weight: 500!important;
    line-height: 124px!important;
	}
	
	.humumlogo, .humumlogo img {
		max-height: 220px !important;
		min-height: auto !important;
		width: auto;
	}
	
	.humumlogospace {
		max-height: 30px !important
	}
	.humumslog {
    font-size: 40px;
    line-height: 63px;
    color: #FFFFFF;
    letter-spacing: 1px;
}
	.lab-intro-t2 {
    font-size: 40px;
    color: #FFFFFF;
    line-height: 67px;
}
			.lab-intro-t2 {
		font-size: 34px;
		line-height: 54px;
	}
	.introexpertise {
    color: #191919;
    text-align: left;
    font-size: 30px;
    line-height: 46px;
    font-weight: 400;
}
	.titresectionhumum {
		padding: 0 10px 20px;
	}
	
	.descsechumum {
		padding: 0 10px;
	}
	#intro:before {  
   display: none !important;
		background: rgba(0,0,0,0) !important;
}
	.fix100h .eut-percentage-content {
	min-height: 100vh !important
}	
.fix50h .eut-percentage-content {
	min-height: 50vh !important
}		
	
}

@media screen and (max-width: 1260px) {
	.eut-container {
		max-width: 98% !important;
		width: 98%;
	}
	.l2acc {
    font-size: 100px;
    font-weight: 500;
    line-height: 114px;
    margin: 30px 0;

}

}
@media screen and (max-width: 1220px) {
	.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
width: 260px;
height: 220px;
}
	.carouselprojets h3 {
		font-size: 20px;
	}
	.carouselprojets h3:after {
	display: none;
}
	
	
}
@media screen and (max-width: 1200px) {
	.avhumum {
		margin-top: 15px;
		margin-bottom: 25px;
	}
	
	.avhumum br {
		display: none;
	}
	
	.avhumum .eut-column-wrapper-inner {
		border: none !important;
	}

}

@media screen and (max-width: 1180px) {
	#eut-header:not(.eut-fixed) .eut-main-menu li.menucontact a.mega-menu-link {
		margin: 0 0 !important
	}
		.lastmadehow {
		margin-top: -150px !important
	}
}

@media screen and (max-width: 1140px) {
#eut-header .eut-main-menu li a.mega-menu-link {
	letter-spacing: 2px;
    padding: 0 12px 10px !important;
	}
	#eut-header .eut-logo.eut-logo-text a {
		font-size: 38px;
	}
	
.l2acc {
    font-size: 80px;
    font-weight: 500;
    line-height: 94px;
    margin: 15px 0;

}
}

@media screen and (max-width: 1120px) { 
#cerclevertueux.cerclegoodfabric, .cerclegoodfabric .goodcercle {
	max-width: 98% !important;
    line-height: 98% !important;
}
.notrevocation {
    font-size: 40px!important;
    line-height: 58px!important;
}
	.bigfaire-desc br, .bigfairedesc br {
		display: inline-block !important;
	}
	
h3.titrepagematiere {
    font-size: 90px !important;
    line-height: 114px !important;
}
}

@media screen and (max-width: 1110px) {
#eut-header .eut-main-menu li a.mega-menu-link {
	letter-spacing: 1.5px;
    padding: 0 11px 10px !important;
	}
		.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
width: 180px;
height: 140px;
}
	.carouselprojets h3 {
		font-size: 18px;
		line-height: 24px;
		left: 14px;
		right: 14px;
	}
	.carouselprojets h3:after {
	display: none;
}
	.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content::before {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
	.projetslisting-intro {
		font-size: 30px !important;
		line-height: 46px!important;
	}
}
@media screen and (max-width: 1080px) { 
	.btgf a, .btgf-light a, .btgf-dark a {
		padding: 5px 15px!important;
		line-height: 30px!important;
		height: auto!important;
		text-align: center !important
	}
	.btgf a, .btgf-light a, .btgf-dark a {
		max-width: 270px;
		margin: 0 auto;
	}
	
	
	.pionnerstitre {
    font-size: 36px !important;
    line-height: 42px!important;
}
	.pionnersdesc {
    font-size: 26px !important;
    line-height: 36px!important;
}
	.chiffrescles-carousel {
		font-size: 33px !important;
		line-height: 50px!important;
	}
	.ecolabtitre {
    font-size: 100px!important;
    line-height: 124px!important;
}
		#made-how .eut-isotope-container {
	margin-bottom: 0px!important;
}

}

@media screen and (max-width: 1055px) {
#eut-header .eut-main-menu li a.mega-menu-link {
	letter-spacing: 1px;
    padding: 0 10px 10px !important;
	}
	
#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+1) {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+2) {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+3)  {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

#made-how .eut-isotope-container .eut-isotope-item:last-child {
	float: none!important;
	right: auto !important;
	left: auto!important;
	-moz-transform: translateY(0px)!important;
-webkit-transform: translateY(0px)!important;
-o-transform: translateY(0px)!important;
-ms-transform: translateY(0px)!important;
transform: translateY(0px)!important;
}
	#made-how .eut-isotope-container {
	margin-bottom: 50px!important;
}
	.lastmadehow {
		margin-top: 0 !important
	}
}

@media screen and (max-width: 1024px) {
	.bloglead-g {
    font-size: 30px;
    color: #FFFFFF;
    line-height: 40px;
    margin: 10px 0 10px 10px;
}
	
	.bloglead-g br {
		display: none !important
	}
	
	
.fix100h .eut-percentage-content {
	min-height: 100vh !important
}	
.fix50h .eut-percentage-content {
	min-height: 50vh !important
}		
	
	
#eut-header .eut-main-menu li a.mega-menu-link {
	letter-spacing: 1px;
    padding: 0 8px 10px !important;
	}
#eut-header .eut-logo.eut-logo-text a {
		font-size: 34px;
	}
			
.l2acc {
    font-size: 70px;
    font-weight: 500;
    line-height: 84px;
    margin: 10px 0;
}
	#intro .introtext p {
    font-size: 34px;
    line-height: 64px;
}
	.pionnersdesc {
    font-size: 24px;
    line-height: 34px;
	}
	.pionnerstitre, #presentation-video .pionnerstitre {
    font-size: 34px !important;
    line-height: 45px !important;
	}
	
	#gffooter {
		padding-left: 15px;
		text-align: center;
	}
		.wg-lab {
		padding: 45px 20px !important
	}
	.wg-lab .textwidget p {
    font-size: 22px!important;
    line-height: 40px!important;
}
	wg-lastpost .content {
    padding: 30px 5px!important;
}
	.wg-lastpost h2 {
    font-size: 24px!important;
    line-height: 32px!important;
}
	#eut-content.eut-right-sidebar #eut-main-content {
    padding-right: 30px !important;
}
	
	#eut-single-content .eut-container h2 {
		font-size: 32px!important;
		line-height: 40px !important
	}
	
	.lepremierpost img {
		max-width: 50%!important;
		height: auto !important
	}
	.lepremierpost .content .artbody {
    text-align: justify;
    font-size: 17px;
    color: #191919;
    line-height: 27px;
    margin: 15px 0;
}
	.lepremierpost .content h2 {
    font-size: 34px!important;
    line-height: 42px!important;
    margin: 8px 0 0 0!important
}
	.wg-lastpost .metacat h4 {
    padding: 0 4px!important;
		font-size: 14px!important;
line-height: 24px!important;
}
	.littleplayer {
		float: left !important;
	}
	.littleplayer:after, .unespacedecreation:before {
		font-size: 14px !important
	}
		.savoiretre-intro-1 p {
		margin-top: 25px !important;
	}
	.savoiretre-intro-2 {
    font-size: 40px !important;
    line-height: 70px !important;
}
	.notrevocation {
    font-size: 30px !important;
    line-height: 48px !important;
}
		#cerclevertueux.cerclegoodfabric {
    width: 260px!important;
    height: 260px!important;
    line-height: 260px !important;
}
	.cerclegoodfabric .cerclein {
    text-align: center !important;
    font-size: 42px!important;
    line-height: 42px!important;
}
	
	.lab-after-cercle {
    font-size: 28px !important;
    line-height: 40px!important;
}
	
	.lab-t-bloc {
    font-size: 38px !important;
    line-height: 48px !important;
}
	
	.lab-t-bloc br {
		display: none !important
	}
	#eut-content.eut-right-sidebar #eut-main-content {
    padding-right: 0px !important;
}


#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+1) {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+2) {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

#made-how .eut-isotope-container .eut-isotope-item:nth-child(3n+3)  {
	-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}

#made-how .eut-isotope-container .eut-isotope-item:last-child {
	float: none!important;
	right: auto !important;
	left: auto!important;
	-moz-transform: translateY(0px)!important;
-webkit-transform: translateY(0px)!important;
-o-transform: translateY(0px)!important;
-ms-transform: translateY(0px)!important;
transform: translateY(0px)!important;
}
	#made-how .eut-isotope-container {
	margin-bottom: 50px!important;
}
	.lastmadehow {
		margin-top: 0 !important
	}
}

@media screen and (min-width: 981px) { 
	#eut-hidden-menu, #eut-hidden-menu-overlay {
		display: none !important;
		z-index: -1;
		height: 0;
		width: 0;
		max-width: 0;
		max-height: 0;
		opacity: 0;
		visibility: hidden;
	}
}


@media screen and (max-width: 981px) { 
	
	body.page-id-2842 #eut-responsive-header.eut-light a {
		color: #000;
	}


	
	.historiqueannee:before {
		content:"";
		position: absolute;
		top: 50%;
		left: -26px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		margin-top: -6px;
		background: #000;
	}
	
	
	h1 br, h2 br, h3 br   {
		display: none;
	}
	
	.histobt.btgf-dark a {
		float: left!important;
		max-width: none !important;
		margin: 20px 0 40px !important;
	}
	
	.galhisto1 {
		max-width: 550px;
	}
	.galhisto2 {
		max-width: 350px;
	}
	
	
	.nextbottom .prevnextb-wrap {
		right: 32%;
	}
	
	.prevbottom .prevnextb-wrap {
		left: 32%;
		right: 20px;
	}
	.prevnextb-wrap {
	font-size: 22px;
line-height: 24px;
	}
	
	
	.video-play-button {
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -o-transform: translateX(-50%) translateY(-50%) scale(0.8);
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
    transform: translateX(-50%) translateY(-50%) scale(0.8);
	}
	#eut-header.eut-fixed .eut-logo:before {
		display: none !important
	}	

#eut-header .eut-logo a {
	opacity: 1;
	-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
	
#eut-header.eut-fixed .eut-logo a {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
	opacity: 0;
}
.eut-header-elements-wrapper.eut-position-right {
	background: rgba(0,0,0,0);
	text-align: center;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
border-radius: 50%;
}
	
	.eut-toggle-hiddenarea {
		background: rgba(0,0,0,1);
		padding: 0 15px;
			-webkit-border-radius: 50%;
border-radius: 50%;
		width: 50px;
	height: 50px;
	}
	.eut-header-elements-wrapper.eut-position-right::before {
        content: '';
        position: fixed;
        /*top: calc(3.6rem);
        right: calc(4.7vw + 0.4rem);*/
		top: 34px;
		right: 44px;
        width: 265vmax;
        height: 265vmax;
        background: #000;
        border-radius: 50%;
        will-change: transform;
        transform: translate3d(50%, -50%, 0) scale(.012);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), background .6s cubic-bezier(.215, .61, .355, 1)
    }
    .menuouvert .eut-header-elements-wrapper.eut-position-right::before {
        transform: translate3d(50%, -50%, 0) scale(1);
        transition: transform .6s cubic-bezier(.215, .61, .355, 1), background .6s cubic-bezier(.215, .61, .355, 1) ;
		background: #FFF;
    }
	
	
	

.eut-hidden-menu-btn .eut-header-element {
	float: none;
}

#eut-responsive-header .eut-header-element > a {
	line-height: 50px;
}

.eut-hidden-menu-btn {
	float: none;
}

.eut-header-element a.eut-toggle-hiddenarea {
	padding: 0 !important;
}
	#eut-hidden-menu-overlay, #eut-hidden-menu {
		background: rgba(0,0,0,0) !important;
	}
	
	.eut-hidden-menu-btn {
	float: none;
}

.eut-header-element a.eut-toggle-hiddenarea {
	padding: 0 !important;
}
	#eut-hidden-menu-overlay, #eut-hidden-menu {
		background: rgba(0,0,0,0) !important;
		width: 100% !important;
		-moz-transform: translateX(0px) translateY(0%)!important;
-webkit-transform: translateX(0px) translateY(0%)!important;
-o-transform: translateX(0px) translateY(0%)!important;
-ms-transform: translateX(0px) translateY(0%)!important;
transform: translateX(0px) translateY(0%)!important;
		opacity: 0;
	}
		
	
	#eut-hidden-menu.eut-hidden-area {
	width: 100% !important;
		right: 0;
		left: 0;
	overflow: hidden !important;
		-moz-transform: translateX(0px) translateY(0%)!important;
-webkit-transform: translateX(0px) translateY(0%)!important;
-o-transform: translateX(0px) translateY(0%)!important;
-ms-transform: translateX(0px) translateY(0%)!important;
transform: translateX(0px) translateY(0%)!important;
	}
	
	#eut-hidden-menu.eut-hidden-area.open {
		-moz-transform: translateX(0px) translateY(0%)!important;
-webkit-transform: translateX(0px) translateY(0%)!important;
-o-transform: translateX(0px) translateY(0%)!important;
-ms-transform: translateX(0px) translateY(0%)!important;
transform: translateX(0px) translateY(0%)!important;
		overflow: hidden !important;
		opacity: 1;
	}
	
	
.eut-close-btn-wrapper {
	margin: 0;
	position: fixed;
	 top: 0px;
        right: 0px;
	min-width: auto;
	width: auto;
	z-index: 9999;
		opacity: 0;
	
}
	
	.eut-hiddenarea-wrapper {
		overflow: hidden !important;
	padding: 0;
	}

#eut-hidden-menu .eut-close-btn {
	color: #FFF;
	background: #000;
	text-align: center;
	font-size: 26px;
			width: 90px;
		height: 90px;
		line-height: 90px;
	position: relative;
	
}
	
	.eut-hidden-menu-btn a .eut-item span {
    position: absolute!important;
    right: 0!important;
    left: 0!important;
    width: 100%!important;
    height: .2rem!important;
		line-height:  .2rem!important;
    background: #fff!important;
    transform-origin: 100% 50%!important;
    transition: transform-origin .5s ease, transform .5s cubic-bezier(.645, .045, .355, 1)!important;
}
	
	
body.menuouvert .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span {
        transform-origin: 50% 50%!important;
    }
    body.menuouvert .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span:nth-child(1) {
        transform: translate3d(0, 7px, 0) scaleX(1) rotate(45deg)
    }
    body.menuouvert .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span:nth-child(2) {
        transform: translate3d(0, 0, 0) scaleX(0)
    }
   body.menuouvert .eut-hidden-menu-btn a .eut-item:not(.eut-with-text) span:nth-child(3) {
        transform: translate3d(0, -8px, 0) scaleX(1) rotate(-45deg)
    }

.titremenumobile {
	color: #000;
	font-size: 34px;
	line-height: 60px;
	font-family: 'Expletus Sans', cursive;
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
	position: relative;
}
	
	.menuouvert .titremenumobile {
		opacity: 1;
		transition: opacity 0.2s ease-in-out;
	}
	
	#eut-hidden-menu .titremenumobile h1 a {
		color: #000;
	font-size: 34px;
	line-height: 60px;
	font-family: 'Expletus Sans', cursive;
		font-weight: 40
	}
	
	.reseauxsociauxmobile {
		bottom: 10px;
		left: 10px;
		right: 10px;
		position: absolute;
		text-align: center;
		line-height: 40px;
	}
	
	.reseauxsociauxmobile a {
		background: #FFF;
		display: inline-block;
		width: 32px;
		height: 32px;
		line-height: 32px;
		 border-radius: 50%;
		margin: 0 6px;
		color: #191919 !important;
		text-align: center;
		padding: 0;
		font-size: 16px;
		font-weight: normal;
		opacity: 1;
		border: 1px solid #191919
	}
	
	.reseauxsociauxmobile a:hover {
		opacity: 1;
	}


#eut-hidden-menu  .navigationmobile-list a {
	font-family: 'Questrial', sans-serif !important;
font-size: 24px !important;
	line-height: 40px;
	letter-spacing: 4px;
	color: #000;
	text-transform: uppercase!important;
	text-align: center!important;
}

.menumobile-wrapper {
position: fixed;
top: 60px;
right: 0;
bottom: 60px;
	
left: 0;
padding: 0px 5.3vw 0px;
pointer-events: all;
transition: transform .6s cubic-bezier(.645,.045,.355,1);	
}
	
	
.navigationmobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
	height: 100%;
}
	
	

    .navigationmobile-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
        max-width: 40rem;
        margin: 0 auto
    }
    .navigationmobile-list li, .reseauxsociauxmobile a {
        -ms-flex: 1 100%;
        flex: 1 100%;
        text-align: center;
        opacity: 0;
        transform: translate3d(0, -25px, 0)
    }
	
	.reseauxsociauxmobile a {
		 transform: translate3d(0, 60px, 0)
	}
	
    .menuouvert .navigationmobile-list li, .menuouvert .reseauxsociauxmobile a {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
	
	.menuouvert .navigationmobile-list li {
	border-bottom: 1px solid rgba(0,0,0,0.2)
	}
	
	
	.navigationmobile-list li:nth-child(8), .navigationmobile-list li:nth-child(9), .menuouvert .navigationmobile-list li:nth-child(10) {
		border-bottom: 1px solid rgba(0,0,0,0)
	}
	
	.menuouvert .reseauxsociauxmobile a:nth-child(1) {
        transition-delay: 1s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .reseauxsociauxmobile a:nth-child(2) {
        transition-delay: .9s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .reseauxsociauxmobile a:nth-child(3) {
        transition-delay: .8s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .reseauxsociauxmobile a:nth-child(4) {
        transition-delay: .75s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
	
    .menuouvert .navigationmobile-list li:nth-child(1) {
        transition-delay: .65s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .navigationmobile-list li:nth-child(2) {
        transition-delay: .6s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .navigationmobile-list li:nth-child(3) {
        transition-delay: .55s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .navigationmobile-list li:nth-child(4) {
        transition-delay: .5s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .navigationmobile-list li:nth-child(5) {
        transition-delay: .45s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
    .menuouvert .navigationmobile-list li:nth-child(6) {
        transition-delay: .4s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
	.menuouvert .navigationmobile-list li:nth-child(7) {
        transition-delay: .35s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
    }
	
	.menuouvert .navigationmobile-list li:nth-child(8) {
		transition-delay: .30s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
	}
	.menuouvert .navigationmobile-list li:nth-child(9) {
		transition-delay: .25s;
		transform: translate3d(0, 0, 0);
        transition: all .5s cubic-bezier(.215, .61, .355, 1);
	}
    body:not(.menuouvert) .navigationmobile-list li, body:not(.menuouvert) .reseauxsociauxmobile a  {
        transition: opacity .15s ease, transform 0s .5s
    }
	
	.menuouvert .navigationmobile-list li:nth-child(9) a {
		color: #FFF !important;
		display: block;
		padding: 0 25px;
		background: #000;
		margin-top: 0px;
	}
	
	
	.menuouvert .navigationmobile-list li abbr.mob-gots, .menuouvert .navigationmobile-list li abbr.mob-fairtrade, .menuouvert .navigationmobile-list li abbr.mob-globalcompact {
		display: inline-block;
		max-width: 33%;
		height: 60px;
		margin: 8px 0 0 0;
		text-indent: -99999px;
		color: rgba(255,255,255,0);
		width:33%;
		background-image: url(img/gots.jpg);
		background-repeat:  no-repeat;
		background-size: contain;
		background-position: center center;
		float: left;
	}
	
	.menuouvert .navigationmobile-list li abbr.mob-fairtrade {
		background-image: url(img/fairtrade.jpg);
	}
	
	.menuouvert .navigationmobile-list li abbr.mob-globalcompact {
		background-image: url(img/globalcompact.jpg);
	}
	#intro .introtext p br {
		display: none;
	}
	
	#intro::before {
		height: 100px;
	}
	
		
	#eut-responsive-header .eut-logo-text a {
		color: #FFF;
	}
	
	#eut-responsive-header.eut-light a {
		color: #FFF;
	}
	
	#eut-responsive-header.eut-dark a {
		color: #000;
	}
	
	body.single-matiere #eut-responsive-header.eut-dark a {
		color: #FFF;
	}
	
	.btgf a, .btgf-light a, .btgf-dark a {
		padding: 0 15px;
		display: block;
		line-height: 40px;
		height: auto;
	}
	#intro .introtext p {
		font-size: 28px!important;
line-height: 54px!important;
	}
	.cerclegoodfabric .cerclein {
    text-align: center !important;
    font-size: 42px!important;
    line-height: 42px!important;
}
	.bigfaire-lettre {
    letter-spacing: 4px;
    font-size: 140px!important;
    line-height: 140px!important;
}
	
	.bigfaire-desc {
		font-size: 20px !important
	}
	.bigfaire-desc br {
		display: none !important
	}
	.expertise-titre {
    font-size: 60px!important;
    line-height: 68px!important;
}
	.titrepageexpertise1, .titrepageexpertise2 {
    font-size: 50px!important;
    line-height: 73px!important;
}
	.ecolabtitre {
    font-size: 80px!important;
    line-height: 104px!important;
}
		.ecolabsoustitre {
    font-size: 40px!important;
    line-height: 63px!important;
}
	.matieresgf-wrap h1 {
		padding: 20px 240px 20px 60px !important;
	font-size: 42px !important;
line-height: 52px !important
	}
	
			.presentationmatiere {
		min-height: 120px !important;
	}
	.matieresgf-wrap .logocertifinmatiere img {
		max-height: 110px;
	}
	.matieresgf-wrap .intro {
    font-size: 30px !important;
    line-height: 43px !important;
    letter-spacing: 10px !important;
	}
	
	.certificationmatieres {
    font-size: 22px!important;
    letter-spacing: 4px!important;
	}
	.matieresgf-wrap header, .matieresgf-wrap .originematieres {
	padding: 5px 0 !important
}
	.certificationmatieres, .originematieres {
		padding: 5px 0 !important
	}
	h3.titrepagematiere {
    font-size: 70px !important;
    line-height: 94px !important;
}
	
	.matiere-container {
	 flex-basis:48% !important;
}
	.photoequip  {
		max-width: 94% !important
	}
	h4.intropagematiere {
    font-size: 40px!important;
    line-height: 70px!important;
}
	h4.intropagematiere br {
		display: none !important
	}
	#eut-sidebar .eut-wrapper {
    max-width: 370px;
    float: none !important;
    margin: 0 auto !important;
}
	.titrepageexpertise1, .titrepageexpertise2 {
		margin-top: 45px !important
	}
	.titrepageexpertise-sepa {
		margin-top: 95px !important
	}
	
#introblog h1 {
    font-size: 100px;
	line-height: 124px;
	}
}



@media screen and (max-width: 900px) { 
.carouselprojets .eut-hover-item.eut-hover-style-4 .eut-content:not(.eut-custom-overview) {
width: 100%;
height: 100%;
bottom: 0; right: 0;
left: 0; top: 0;
}
	h3.titrepagematiere {
		font-size: 60px;
font-weight: 500;
line-height: 84px;
	}
}


@media screen and (max-width: 780px) { 
		.projetslisting-intro {
		font-size: 24px!important;
		line-height: 40px!important;
	}
	.l2acc {
    font-size: 70px;
    line-height: 84px;
	}
	
		.notremission .eut-column-wrapper {
		border-left: none !important;
	}
	.utopistes {
		text-align: center;
	}
	#introblog h1 {
    font-size: 80px;
	line-height: 104px;
	}
	
	.prevbottom, .nextbottom {
		min-height: 160px
	}
	
	.nextbottom .prevnextb-wrap {
		right: 42%;
			left: 10px;
	}
	
	.prevbottom .prevnextb-wrap {
		left: 42%;
		right: 10px;
	}
	.prevnextb-wrap {
	font-size: 22px;
line-height: 24px;
	}
	.prevbottom .arrowmatb {
		left: 10px;
	}
	.arrowmatb svg {
		width: 30px;
		height: 30px;
	}
}

@media screen and (max-width: 770px) { 
	
	.changemakerbefore {padding: 0 10px 20px;}
	
	.bloglead-d-wrap, .bloglead-d-wrap .eut-element {
		padding: 10px;
	}
	
	.pionnier2 .eut-column-wrapper {
		padding: 0 15px !important
	}
	
	#danslemonde {
		display: none !important
	}
	
	
	.unespacedecreation {
		min-height: 300px !important;
	}
	#intro .introtext {
		padding-top: 30px!important;
	}
		#intro .introtext p {
		font-size: 26px !important;
line-height: 40px!important;
			
	}
	.savoiretre-intro-2 {
    font-size: 40px!important;
    line-height: 70px!important;
}
	.monprecieux {
		min-height: 280px;
		top: -20px
	}
	.monprecieux #cerclevertueux {
		position: relative;
	}
	
	#cerclevertueux.cerclegoodfabric, .cerclegoodfabric .goodcercle {
	max-height: 260px !important;
    line-height: 260px !important;
		margin: 0 auto;
}
	
	.vocaintro .eut-column-wrapper {
		border-left:  none !important;
		border-bottom: 1px solid rgba(0,0,0,0.5);
		padding-bottom: 25px;
	}
	
	.notrevocation {
		font-size: 34px !important;
line-height: 46px !important;
		text-align: center !important;
	}
	.faire-bgimg-bloc {
		min-height: 200px !important;
		
	}
	.bigfaire-desc, .bigfairedesc {
		font-size: 20px !important;
		text-align: center !important;
		padding: 0 10px;
	}
	.chiffrescles-carousel {
		font-size: 28px !important;
		line-height: 40px!important;
	}
	.expertbgimg, .ecolabbgimg {
		min-height: 300px !important
	}
		.expertise-titre {
    font-size: 40px!important;
    line-height: 48px!important;
			padding: 0 10px;
}
	.changemakerbefore {}

	.lab-t-bloc {
    font-size: 40px!important;
    line-height: 60px!important;
		padding: 0 10px;
}
	.lab-t-desc {
    font-size: 24px!important;
    line-height: 40px!important;
		padding: 0 10px;
}
	#projets-listing .eut-isotope-item-inner {
		max-width: 70%; margin: 0 auto !important
	}
		.ecolabtitre {
    font-size: 60px!important;
    line-height: 84px!important;
}
	.ecolabsoustitre {
    font-size: 30px!important;
    line-height: 53px!important;
}
	
		h3.titrepagematiere {
    font-size: 50px !important;
    line-height: 74px !important;
}
	h5.soustitrepagematiere {
    font-size: 24px!important;
    line-height: 30px!important;
}
	.savoiretre-intro-1 p {
    margin-top: 45px !important;
}
	.lepremierpost .content .artbody {
    line-height: 26px!important;
    margin: 10px 0!important;
    max-height: 130px !important;
    overflow: hidden;
	}
	.unespacedecreation:before {
		top: 15%;
	}
	.pionnersdesc .cormorant span br {
		display: none !important
	}
	
	.temoignagestitre {
    -moz-transform: rotate(0deg)!important;
    -webkit-transform: rotate(0deg)!important;
    -o-transform: rotate(0deg)!important;
    -ms-transform: rotate(0deg)!important;
    transform: rotate(0deg)!important;
	text-align: center!important;
	}
	
		.photoequip {
    max-width: 94% !important;
    margin: 0 auto;
}
	
	#eut-single-content .eut-container {
		text-align: left;
	}
	.titrepageexpertise1, .titrepageexpertise2 {
		text-align: center;
		line-height: 60px;
	}
	.titrepageexpertise1, .titrepageexpertise-sepa, .titrepageexpertise2 {
		margin-top: 15px !important;
	}
	
	.titrepageexpertise-sepa {
		max-width: 50%;
		margin: 15px auto 0;
	}
	.introexpertise {
    text-align: center;
    font-size: 30px;
    line-height: 46px;
}
	
	.expertise-titre br, .expertise-desc br, .projetslisting-intro br {
		display: none;
	}
	
	.expertise-desc {
		padding: 0 10px;
	}
	
	.paysmatieres, .personnesmatieres {
		text-align: center;
		padding: 0 2%;
		border: none;
	}
	.titresectmatieres p {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    font-size: 16px;
    line-height: 25px;
		text-align: center;
    color: #000000;
    letter-spacing: 6px;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 0 0 25px 0;
    position: relative;
    min-height: 0px;
    transform-origin: top center;
}
	
	.titresec-wrap .eut-column-wrapper {
		border-right: none !important;
	}
	
	.titresec-wrap .eut-column-wrapper .eut-empty-space {
		display: none;
	}
	.single-matiere #presentation br,
	.single-matiere #histoire br {
		display: none;
	}
	
	.single-matiere #presentation h3, .single-matiere #histoire h3, .single-matiere #made-how h3, .single-matiere #partie-industrielle h3 {
    font-size: 34px !important;
    line-height: 50px !important;
    text-align: center!important;
}
	
	.single-matiere #presentation h3 br, .single-matiere #histoire h3 br, .single-matiere #made-how h3 br, .single-matiere #partie-industrielle h3 br {
		display: none !important
	}
	
	.nomob {
		display: none !important
	}
	.nobord, .nobord .eut-column-wrapper, .nobord .eut-column-wrapper-inner {
		border-left: 0 !important;
		border-right: 0 !important
	}
	
	.nopadtop, .nopadtop .eut-column-wrapper, .nopadtop .eut-column-wrapper-inner, .eut-element.nopadtop {
		padding-top: 15px !important
	}
	.nopadbot, .nopadbot .eut-column-wrapper, .nopadbot .eut-column-wrapper-inner, .eut-element.nopadbot {
		padding-bottom: 15px !important
	}
	
	.eut-element.nopadleftright, .nopadleftright .eut-column-wrapper, .nopadleftright .eut-column-wrapper-inner {
		padding-left: 15px !important;
		padding-right: 15px!important;
		text-align: center;
	}
	
	.eut-element.nopadleftright br {
		display: none;
	}
	
	.single-matiere h3 br {
		display: none;
		text-align: center;
	}
	.lastmadehow p, .madehowsec p {
		text-align: center !important;
	}
	
	.madehowsec {
    font-size: 28px;
    color: #191919;
    line-height: 40px;
}
	
	.imgcentermob.eut-align-right {
		text-align: center !important;
		margin: 0 auto;
	}
	
	.imgcentermob.eut-align-right .eut-image-wrapper, .imgcentermob.eut-image.eut-align-right .eut-image-wrapper, img.eut-align-right.imgcentermob {
		margin: 0 auto !important
	}
	
	p {
		padding-left: 8px;
		padding-right: 8px;
	}
	
}


@media screen and (max-width: 700px) { 
	.l2acc {
    font-size: 60px;
    line-height: 74px;
	}
    .lepremierpost img {
    max-width: 70% !important;
    height: auto !important;
    left: 15%;
    right: 15%;
    position: relative;
    text-align: center;
    margin: 0 0 15px 0;
}
	.lepremierpost .content {
		position: relative;
		left: 5%;
		right: 5%;
		max-width: 90%;
	}
.lepremierpost::after {
    content: "";
    position: absolute;
    top: -30px;
    bottom: -60px;
    right: 2.5%; left: 2.5%;
    width: 95%;
    display: block;
    z-index: -1;
    background: #e8e6e1;
}
	.paysmatieres, .personnesmatieres {
		text-align: center;
		padding: 0 2%;
		border: none;
		float: none;
		margin: 0 auto 5px;
		display: block;
	}
}
@media screen and (max-width: 640px)  { 
.matiere-container {
    flex-basis: 90% !important;
	margin: 0 auto 20px;
}
	.matieresgf-wrap h1 {
    padding: 20px 100px 20px 20px !important;
    font-size: 42px !important;
    line-height: 52px !important;
}
	.prevnextb-wrap {
		display: none;
	}
	.thumbbgmatiere {
		width: 100% !important;
	}
	
}




@media screen and (max-width: 680px) { 
.matiere-container {
	 flex-basis:98% !important;

}
}


@media screen and (max-width: 620px) { 
	.savoiretre-intro-2 {
    font-size: 36px!important;
    line-height: 56px!important;
}
		.monprecieux {
		min-height: 160px;
		top: -20px
	}
		#cerclevertueux.cerclegoodfabric, .cerclegoodfabric .goodcercle {
	max-height: 200px !important;
    line-height: 200px !important;
		margin: 0 auto;
}
	
	.cerclegoodfabric .cerclein {
    text-align: center !important;
    font-size: 32px!important;
    line-height: 32px!important;
}
	
	.notrevocation {
		font-size: 28px !important;
line-height: 36px !important;
		text-align: center !important;
	}
	.matieresgf-wrap header {
		display: none;
	}
}

@media screen and (max-width: 600px)  { 
	.lienprojetlab a {
    height: auto;
    line-height: 27px;
    padding: 8px 30px;
		bottom: -14px;
}
	.l2acc {
    font-size: 50px;
    line-height: 64px;
	}
	.l1acc {
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 36px;
}
	#intro::before {
    height: 0px;
}
	.savoiretre-intro-2 {
    font-size: 30px !important;
    line-height: 50px !important;
}
	.savoiretre-intro-2 br {
		display: none;
	}
		#introblog h1 {
    font-size: 60px;
	line-height: 84px;
	}
	.titrearticle {
    font-size: 34px;
    line-height: 43px;
    font-weight: 400;
    padding: 70px 0 10px;
}
	.datearticle span {
    padding: 25px 0 25px;
}
	.precedentarticle, .suivantarticle {
		float:none;
		margin: 0 auto 20px;
		text-align: center;
		max-width: 90%;
	}
	.precedentarticle {
	}
	.continuerdelire .metacat h4 {
    left: 50%;
    transform: translateX(-50%);
}
	h4.intropagematiere {
    font-size: 30px !important;
    line-height: 60px !important;
}
		.matieresgf-wrap h1 {
    font-size: 32px !important;
    line-height: 42px !important;
}
}

@media screen and (max-width: 520px) { 
	.savoiretre-intro-2 {
    font-size: 30px!important;
    line-height: 46px!important;
}
			.expertise-titre {
    font-size: 34px!important;
    line-height: 38px!important;
}
}


@media screen and (max-width: 500px) { 
	.l2acc {
    font-size: 40px;
    line-height: 54px;
	}
	.l1acc {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 32px;
}
		.l3acc a {
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
	font-size:15px;
	letter-spacing: 3px;
}
	.ethiqueaccplus {
    font-size: 40px;
    line-height: 46px;
}
	.temoignage {
    font-size: 20px;
    line-height: 30px;
}
	#intro .introtext p {
    font-size: 24px !important;
    line-height: 38px !important;
}
			#introblog h1 {
    font-size: 50px;
	line-height: 74px;
	}
	#introblog h1::after {
		max-width: 90%;
	}
	.matiere-container .matiere-wrap h2 {
    margin: 80px 20px 20px 80px;
    font-size: 38px;
    line-height: 67px;
    font-weight: 300;
    min-height: auto;
}
	.logocertifinmatiere {
		display: none;
	}
	.matieresgf-wrap h1 {
		padding: 20px !important;
		text-align: center;
	}
	.single-matiere #presentation h3, .single-matiere #histoire h3, .single-matiere #made-how h3, .single-matiere #partie-industrielle h3 {
		font-size: 34px !important;
line-height: 43px !important;
	}
}

@media screen and (max-width: 420px) { 
		.expertise-titre {
    font-size: 32px!important;
    line-height: 28px!important;
}
	.lab-t-bloc {
    font-size:30px!important;
    line-height: 50px!important;
}
	#projets-listing .eut-isotope-item-inner {
		max-width: 85%; margin: 0 auto !important
	}
	
	.pionnerstitre, #presentation-video .pionnerstitre {
    font-size: 28px !important;
    line-height: 35px!important;
}
	.notrevocation {
    font-size: 24px !important;
    line-height: 38px !important;
}
	
#introblog h1 {
    font-size: 40px;
	line-height: 54px;
	}
}

@media screen and (max-width: 400px) { 
	.l2acc {
    font-size: 30px;
    line-height: 44px;
	}
	.l1acc {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
}
	.l3acc a {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
	font-size:15px;
	letter-spacing: 2px;
}
	#eut-hidden-menu .navigationmobile-list a {
		font-size: 20px !important;
	}
}

@media screen and (max-height: 768px) { 
	.matieresgf-wrap h1 {
	
	font-size: 52px ;
line-height: 66px 
	}
		.presentationmatiere {
		min-height: 190px ;
	}
	
}


@media screen and (max-height: 624px) {
.matieresgf-wrap header, .matieresgf-wrap .originematieres {
	padding: 5px 0
}
	.certificationmatieres, .originematieres {
		padding: 5px 0 
	}
}

@media screen and (max-height: 560px) { 
		.matieresgf-wrap h1 {
		padding: 20px 240px 20px 60px ;
	font-size: 42px ;
line-height: 52px 
	}
	
			.presentationmatiere {
		min-height: 120px ;
	}
	.matieresgf-wrap .logocertifinmatiere img {
		max-height: 110px;
	}
	.matieresgf-wrap .intro {
    font-size: 30px ;
    line-height: 43px ;
    letter-spacing: 10px;
	}
	
	.certificationmatieres {
    font-size: 22px;
    letter-spacing: 4px;
	}
	
	.reseauxsociauxmobile {
    bottom: 2px ;
	}
}
@media screen and (max-height: 490px) {  
	.matieresgf-wrap header {
		display: none;
	}
	#eut-hidden-menu .navigationmobile-list a {
    font-size: 20px ;
    line-height: 32px;
	}
}
@media screen and (max-height: 420px) {  
	#eut-hidden-menu h1, #eut-hidden-menu .reseauxsociauxmobile, .menuouvert .navigationmobile-list li:nth-child(8) {
		display: none;
	}
}
@media screen and (max-height: 380px) {  
	.matieresgf-wrap footer .certificationmatieres {
		display: none;
	}
	.matieresgf-wrap footer .originematieres {
		border-bottom: none 
	}
}

@media screen and (max-height: 340px) {  
	.matieresgf-wrap footer  {
		display: none;
	}
	.presentationmatiere {
		min-height: 80px ;
	}
	.matieresgf-wrap .logocertifinmatiere img {
		max-height: 70px;
	}
}

@media screen and (max-height: 250px) {  
	.matieresgf-wrap > div {
		border: none ;
	}
			.matieresgf-wrap h1 {
		padding: 20px ;
	font-size: 32px ;
line-height: 42px ;
				text-align: center ;
	}
	.matieresgf-wrap .logocertifinmatiere, .matieresgf-wrap .logocertifinmatiere img {
		display: none ;
	}
	
	.menuouvert .navigationmobile-list li {
		max-width: 50% ;
		display: inline-block 
	}
	.menuouvert .reseauxsociauxmobile a {
		display: none 
	}
	
	#eut-hidden-menu .navigationmobile-list a {
    font-size: 12px ;
    line-height: 16px;
		letter-spacing: 2px;
	}
}