@charset "utf-8";
/*------------------------------------------------------------------
# [Color codes]

# Black (active elements, links, text) #111
# Gray (text) #777
# Dark Lighter #252525
# Gray BG #f4f4f4
# Gray BG Lighter #f8f8f8
# Mid grey #5f5f5f
# Borders #e9e9e9
# Rouge #c31713;

# */

/*------------------------------------------------------------------
[Typography]

Body:               14px/1.6 "Open Sans", arial, sans-serif;
Headers:            Dosis, arial, sans-serif;
Serif:              "Times New Roman", Times, serif;
Section Title:      35px/1.3 "Open Sans", arial, sans-serif;
Section Heading:    24px/1.3 "Open Sans", arial, sans-serif;
Section Text:       15px/1.7 "Open Sans", arial, sans-serif;

-------------------------------------------------------------------*/
@import "font-awesome.min.css";
@import "et-line.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700);
@import url(https://fonts.googleapis.com/css?family=Dosis:300,400,700);
/* ==============================
   Common styles
   ============================== */
   
body{
	width:100%;
	padding:0;
	margin:auto;
	background-color: #ffffff;
	font-size: 14px;
	font-family: "Open Sans", arial, sans-serif;
	overflow-x: hidden;
}
p{
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.4;
	text-align: left;
	font-family: "Open Sans", arial, sans-serif;
}
.logoqualiopi.qleft.mgbas50{
	margin-bottom:50px;
}
.page-section p.ppagesection{
	width: 50%;
	margin: auto;
	margin-bottom: 40px;
	font-size: 22px;
	color: #000000;
	line-height: 1.45em;
}
.page-section p.ppagesection.small{
	font-size: 18px;
	color: #777;
	font-weight: 300;
	line-height: 1.4;
	text-align: left;
	font-family: "Open Sans", arial, sans-serif;
}
.page-section p.ppagesection.small.colrouge{
	font-size: 18px;
	color: #c31713;;
	font-weight: 300;
	line-height: 1.4;
	text-align: left;
	font-family: "Open Sans", arial, sans-serif;
}
.page-section h4.ppagesection{
	width: 50%;
	margin: auto;
	margin-bottom: 10px;
	margin-top: 15px;
	letter-spacing: 3.6px;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	font-weight: 400;
}
img{max-width:100%;height: auto;}
a:link, a:hover, a:visited{
	color: inherit;
	outline: none;
	text-decoration: none;
}
a.souligne{text-decoration: underline;}
#contact a:link, #contact a:hover, #contact a:visited{
	text-decoration: underline;
}
h1 {
    font-family: Dosis, arial, sans-serif;
    text-transform: uppercase;
	margin-top: 0;
	position: relative;
	font-weight: 400;
	font-size: 25px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.8;
}
h3 {
	font-family: Dosis, arial, sans-serif;
    margin: 0;
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    line-height: 1.2;
}
h3.h1section  {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: rgba(255,255,255, 0.9);
	text-align: center;
}
h3.small-title{
	margin-top: 0 auto;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
	text-align: center;
}
h1.h1section{
	width: 60%;
	margin: auto;
	margin-top: 50px;
	color: #ffffff;
    position: relative;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.8;
    opacity: .9;
	text-align: left!important;
	-webkit-text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
	-moz-text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
	text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
}
h1.h1section.mb20{margin-bottom: 20px;}
.page-section.mt50{margin-top: 50px; padding-top: 45px;}
span.ecart15px{padding-right:15px;}
h1.h1accr{
	width: 50%;
	margin: auto;
	font-family: Dosis, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 34px;
	color: #000000;
	margin-bottom: 25px;
}
h3.h1accr{
	width: 50%;
	margin: auto;
	font-family: Dosis, arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 26px;
	color: #000000;
	margin-top:35px;
}
#contact .deuxitems h3.arrondi-gris{
	color: #666!important;
	background-color: #f4f4f4!important;
	padding: 15px 35px!important;
	border-radius: 45px!important;
	width: 80%;
	margin: auto;
	font-family: serif;
	font-size: 17px;
}
img.icone{
	float:left;
	vertical-align: middle;
	padding-right: 8px;
}
ul p, p.pliste {
    color: #777;
    font-size: 20px;
    font-weight: 300;
    /* line-height: 1.26; */
    text-align: left;
    font-family: "Open Sans", arial, sans-serif;
}
p.psection {
	width: 60%;
	margin: auto;
	color: #ffffff;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 3px;
	margin-top: 20px;
    line-height: 1.3;
    opacity: .9;
	text-align: left!important;
}
p.features-icon{margin:15px auto;}
.logoqualiopi{
	max-width: 395px;
	margin: 50px auto 90px auto;
}
.logoqualiopi.qleft{
	max-width: 50%;
	margin: 5px auto 20px auto;
}
.logoqualiopi p{
	text-align: left;
	color: #777;
	font-weight: 400;
	padding-left: 25px;
	margin: 0;
}
.logoqualiopi span{
	text-align:center;
	color:#777;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
}
.page-section ul{
	width: 50%;
	margin: auto;
	padding-left:75px;
	font-size: 22px;
	font-weight: 300;
	line-height: 33px;
	margin-bottom: 20px;
}
.clearfix{clear:both;}
.colrouge, a.colrouge, h1.h1accr.colrouge{color: #c31713;}
.colnoir{color: #111111;}
.colgris{color: rgb(153, 153, 153);}
.colblc{color: #ffffff;}
.centre{text-align:center;}
.mght70{margin-top: 70px;}
.souligne{text-decoration: underline;}
.bgblack, .page-section.bgblack{background-color:#000000;}
.page-section.bg-rouge{background-color:#c31713;}
sup{font-size:.6em;}
.page-section{ 
	width:100%; 
	height: auto;
	margin:0; 
	padding: 1% 0; 
	display: block;
    position: relative;
    overflow: hidden;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #ffffff;
}
.deuxcol-txt p b{
    font-weight: bold;
}
.page-section:first-child{ 
    padding-top: 50px;
}
.page-section.testi{padding:0;}
.blocenter{margin: auto; text-align: center; }
.local-scroll.mght50{position: relative; top: 80px;}
.scroll-down {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    position: relative;
    left: 0%;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
.scroll-down::before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    margin: -20px 0 0 -20px;
    position: relative;
    bottom: 0;
    left: 50%;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    z-index: 1;
}
.scroll-down-icon {
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    bottom: 4px;
    color: #111;
    font-size: 15px;
    -webkit-animation: scroll-down-anim 1s infinite;
    -moz-animation: scroll-down-anim 1s infinite;
    -o-animation: scroll-down-anim 1s infinite;
    animation: scroll-down-anim 1s infinite;
    animation-name: scroll-down-anim;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    z-index: 2;
}
ul.bilan{list-style:square; width: 100%;padding: 0;}
@keyframes scroll-down-anim {
	0% { bottom: 2px;}
	50% { bottom: 7px;}
	100% {bottom: 2px;}
}

/* HEADER */
header{
	width: 100%;
	background-color: #ffffff;
	position: fixed;
	padding: 0 2%;
	height: 75px;
	z-index:500;
}
.headermobile{
	width: 100%;
	background-color: #ffffff;
	border-bottom: #cdcdcd 1px solid;
}
.mobile-nav {
    display: none;
    float: right;
    vertical-align: middle;
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition-property: all;
    -webkit-transition-property: background, color;
    -moz-transition-property: background, color;
    -o-transition-property: background, color;
    transition-property: background, color;
}
.nav-logo-wrap {
    float: left;
    margin-right: 20px;
	width: 20%;
}
.nav-logo-wrap .logo {
    display: table-cell;
    vertical-align: middle;
    max-width: 118px;
    height: 75px;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
/* MENU DEROULANT */
nav{
    display: inline-block;
    position: relative;
    float: right;
	padding-right: 2%;
	width: 70%;
}
nav ul {
	color: #777777;
    margin: auto;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
	float: right;
}
nav ul li{
	display: inline-block;
	margin-right: 30px;
}
nav ul li a {   
    letter-spacing: 2px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	height: 75px;
	line-height: 75px;
}
nav ul li ul, nav ul li ul li, nav li:hover .mn-sub{ 
	display: block;
	margin-right: 0;
}
nav ul li ul li ul{ 
	display: none!important;
}
.mn-sub {
    display: none;
    width: 200px;
    position: absolute;
    top: 100%;
    padding: 0;
    background: rgba(30,30,30,.97);
}
.mn-sub li:hover ul{display: block!important;}

nav ul li .mn-sub li a {
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.3 !important;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 11px 15px;
    font-size: 13px;
    text-align: left;
    text-transform: none;
    border-left: none;
    border-right: none;
    letter-spacing: 0;
    color: #b0b0b0 !important;
    cursor: pointer;
}
.fas.fa-angle-right.right{float: right;}
.mn-sub li ul {
    left: 100%;
    right: auto;
    top: 0;
    border-left: 1px solid rgba(255,255,255, .07);
}

/* PAGE */
#top{position: relative; top: 75px; z-index: 10; width: 100%; height: 100%; min-height:600px; margin-bottom: 75px; }
.owl-carousel{position: relative; z-index: 10; width: 100%; }
#home{ width: 60%; height: 30%; max-height: 916px; position: absolute; top:0; left: 20%; z-index: 50; vertical-align: middle; padding: 15% 0;}
/* SLIDER */
.bg-dark{height:auto;}
.owl-dot{display:none;}
.owl-carousel1,.owl-carousel2,.owl-carousel3 {
    overflow: hidden;
	margin: auto;
}
.blocenter{margin :auto;}
/* ACCUEIL */
.lead {
    margin: 1em 0 2em 0;
    font-size: 140%;
    line-height: 1.6;
	text-align: center;
	color: #ffffff;	
	font-weight: 400;
	-webkit-text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	-moz-text-shadow: 1px 1px 2px rgba(0,0,0,.4);
	text-shadow: 1px 1px 2px rgba(0,0,0,.4);
}
.btn-accueil {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    color: #111;
	background: rgba(255,255,255,.8);
    height: auto;
    padding: 12px 40px;
	width: 295px;
	margin: auto;
	margin-bottom: 50px;
	display: block;
    font-size: 14px;
	letter-spacing: 2px;
	text-decoration : none;
	text-transform: uppercase;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	text-align: center;
}
.btn-accueil.carre {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	width: 180px;
}
.btn-accueil:hover{background: rgba(255,255,255,.95);}
.cinqblocs{width:65%; margin: 60px auto;}
.quatreblocs{width:65%; margin: 60px auto;}
.uncinq{
	display: inline-block;
	vertical-align: top;
	width: 18%;
	margin: 0 .2%;
	position: relative;
	overflow:hidden;
}
.unquatre{
	display: inline-block;
	vertical-align: top;
	width: 22%;
	margin: 0 .2%;
	position: relative;
	overflow:hidden;
}
.uncinq img{ 
	display: block; 
	width: 100%; 
	height: auto; 
	position: relative; 
	z-index: 20; 
	overflow:hidden;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.unquatre img{ 
	display: block; 
	width: 100%; 
	height: auto; 
	position: relative; 
	z-index: 20; 
	overflow:hidden;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.uncinq:hover img, .unquatre:hover img{
	transform: scale(1.1,1.1);
}
a.opaq::before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 21;
    background-color: rgba(250,250,250,0);
    -webkit-transition: all 0.1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.1s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.uncinq:hover a.opaq::before {background: rgba(250,250,250, 0.8);}
.uncinq h3{
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	position: abolute;
	top: 100%;
	height: 100%;
	width: 100%;
	padding:0;
	margin-top: 25px;
}
.uncinq:hover h3{
	position: absolute;
	top: 40%;
	z-index: 22;
	margin-top: 0;
}
.pres-photo{
	width: 80%;
	margin: auto;
	margin-top: 25px;
}
.pres-photo img{
	height: 550px;
	width: auto;
	padding-right: 25px;
}
.features-title {
    margin-bottom: 3px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color:#ffffff;
	text-align: center;
	font-family: Dosis, arial, sans-serif;
	letter-spacing: 0.2em;
}
.features-descr {
    margin-bottom: 3px;
    font-size: 15px;
    font-weight: 300;
    color:#ffffff;
	text-align: center;
	font-family: "Open Sans", arial, sans-serif;
}
.features-icon {
    font-size: 48px;
    line-height: 1.3;
    color: #ffffff;
	font-family: "et-line";
	text-align: center;
}
.item{	
	float: left;
	min-width: 100%;
}
.carousel1{background-image: url("../images/full/fd-slide.jpg");height:100%;background-color:grey;}
.owl-carousel.carousel3 .owl-item{min-height:150px;}
.owl-carousel.carousel2, .owl-carousel.carousel3{
	width: 60%;
	max-width: 900px!important;
	margin: auto;
	margin-top: 20px;
}
.owl-carousel.carousel4{
	width: 60%;
	max-width: 900px!important;
	margin: auto;
	margin-top: 20px;
	display: block;
}
.owl-carousel.carousel3 .owl-dots{height:20px; text-align: center;margin: 50px auto;}
.owl-carousel.carousel4 .owl-dots{height:20px; text-align: center;margin: -50px auto 50px auto;}
.owl-carousel.carousel3 .owl-dot, .owl-carousel.carousel4 .owl-dot {
    display: inline-block;
	min-width: 7px;
	height:7px; 
	margin: 3px;
}
.owl-carousel button.owl-dot{color:white;font-family: "Open Sans", arial, sans-serif;}
.owl-carousel.carousel3 .owl-dot span, .owl-carousel.carousel4 .owl-dot span {
    width: 6px;
    height: 6px;
    display: block;
    background: rgba(255,255,255, .7);
    position: relative;
    z-index: 1000 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 0px rgba(0, 0, 0, .1);
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	border:#ffffff solid 1px;
	background-color:#ffffff;
}
.owl-carousel.carousel3 .owl-dot.active span{
	border:#ffffff solid 1px;
	background-color:#000000;
}
.owl-carousel.carousel4 .owl-dot.active span{
	border:#ffffff solid 1px;
	background-color:transparent;
}
.owl-carousel.carousel3 .item{
	text-align: center;
	width: 100%;
}
.owl-carousel.carousel3 .item .testimonial p{
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	line-height: 28px;
}
.testimonial-author{
	color: #777777;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: transparent;
}
.testimonial-author::before {
    content: '\2014 \00A0';
}
/*Contact*/
#contact, .quatreitems, .footer-social, .footer-bottom{width:60%; margin: auto;}
.section-title {
	font-family: Dosis, arial, sans-serif;
    margin-bottom: 65px;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.5em;
    line-height: 1.4;
	color: rgb(153, 153, 153);
}
.troisitems{
	width:30%;
	display:inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 1%;
}
.deuxitems{
	width:45%;
	display:inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 1%;
}
.deuxitems p{		
	width: 65%;
	margin: 20px auto;
}
.troisitems h3, .deuxitems h3 {
    margin-bottom: 0px;
	padding: 10px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	color: rgb(153,153,153);
	line-height: 1.4;
}
.troisitems h3.colgris, .deuxitems h3.clogris {
	min-height: 81px;
}
p.imgcontact {text-align:center;}
p.imgcontact img{height:250px!important;width:auto!important;}
ul.alt-features-descr{
	color: #777777;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.86;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
ul.alt-features-descr li{line-height: 1.45em; margin-bottom: 7px;}
ul.alt-features-descr li::before {content: '✔  '; color: #c31713; font-size: 1.2em;}
#contact .troisitems h3 strong {
    margin-bottom: 21px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4em;
	color: #c31713;
}
.contact{
	margin-top:25px;
	text-align: center;
}
.contactitem {
    position: relative;
	color: #444444;
	max-width:150px;
	padding:20px;
	margin: 0 30px;
	text-align: left;
}
.cadre-rouge{
	border: solid 2px #c31713;
	padding: 15px;
	margin: 25px auto;
	width: 50%;
}
.ci-title {
    margin-bottom: 1px;
    color: #777;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3em;
	line-height: 1.6;
}
.ci-text{
	font-family: "Open Sans", arial, sans-serif;
	text-align: left;
	font-size: 15px;
	line-height: 1.6;
}
.ci-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 28px;
    left: -18px;
    color: #fff;
    text-align: center;
    line-height: 23px;
}
.ci-icon::before {
    content: " ";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #c31713;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fas {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.fas.fa-phone {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 12px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fa-phone::before {
    content: "\f095";
}
.fa-map-marker::before {
    content: "\f041";
}
#map.page-section {
    padding: 80px 0;
    width: 100%;
    margin: auto;
    text-align: center;
	background-color: #c31713;
}
.fa-map-marker::before {
    content: "\f041";
    padding-top: 3px;
}
#map .mt-close, #map .togmap{display:none;}
#map iframe{margin: 20px auto;}
.map-icon::before {
    display: block;
    content: "";
    width: 20px;
    height: 17px;
    margin: -20px 0 0 -20px;
    position: relative;
    bottom: 0;
    left: 50%;
    background: #ffffff;
	color: #c31713;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: all 500ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
    z-index: 1;
}
#map .mt-text {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: rgba(255,255,255, .75);
	margin-top:20px;
	cursor: pointer;
}
/* AUTRES PAGES */
.deuxcol-section{
	width: 60%; 
	margin:auto;
	vertical-align: top;
}
.deuxcol-section.brdtopgris{
	padding-top: 80px;
}
.page-section p{ font-size:18px;}
.deuxcol-img{
	display: inline-block;
	width: 56%;
	vertical-align: top;
	margin: 0 2% 0 0;
}
.deuxcol-img img{
	display: block;
	width: 100%;
	height: auto;
}
.deuxcol-txt{
	display: inline-block;
	width: 30%;
	vertical-align: top;
	margin: 0 2% 0 0;
}
.deuxcol-txt h3{
	font-size: 24px;
	margin: 20px 0 30px 0;
	padding: 0;
}
.deuxcol-txt p {
    font-size: 16px;
    font-weight: 300;
    color: #5f5f5f;
    line-height: 1.8;
}
.deuxcol-txt .encadre{
	margin: 20px 0;
	border: solid 2px #000000;
	display:inline-block;
	padding: 8px;
}
.deuxcol-txt .encadre p{
	margin: 0;
	display:inline-block;
	text-align: center;
	line-height: 1.2em;
}
.deuxcol-txt .encadre a{
	height: auto;
	padding: 0;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 2px;
	color: #000000;
}
.deuxcol-txt .encadre:hover, .deuxcol-txt .encadre:hover a{
	background-color: #000000;
	color: #ffffff;
}
/* FOOTER */
footer{background-color: #f8f8f8;}
.quatreitems{margin-bottom: 50px;}
.quatreitems .footer-item{
	width:20.5%;
	display:inline-block;
	vertical-align: top;
	margin: 0 2%;
}
h5.footer {
    margin-bottom: 20px;
    padding-bottom: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #777;
    border-bottom: 1px solid #ccc;
	text-align: left;
}
footer .footer-item p{
	color: #777777;
	font-family: "Open Sans", arial, sans-serif;
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
	hyphens: auto;
	box-sizing: border-box;
	letter-spacing:-0.2px;
}
footer .footer-item ul, footer .footer-item ul li a{
	list-style: none;
	text-align: left;
	color: #777777;
	padding:0;
	font-family: "Open Sans", arial, sans-serif;
	font-size: 13px;
	line-height: 26.8px;
	-webkit-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-moz-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-o-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	-ms-transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	transition: all 0.17s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
footer .footer-item ul li a:hover, footer .footer-item ul li a.active {
	text-decoration: underline;
    color: #999999;
}
.footer-social p, .footer-bottom p{text-align: center;position: relative;}
.fa-facebook-f{color:#3b5998!important;position: relative; z-index:3;}
.rs-fb:hover .fa-facebook-f{color: #ffffff!important;}
.rs-fb:hover a.fb-link::before{background-color: #3b5998;}
p.rs-fb{width: 20px; height: 20px; margin: auto;}
.footer-social a.fb-link::before{
	display: inline-block;
	content:" ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 2px;
	left: -1px;
	border: 1px solid #111!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	line-height: 25px !important;
	text-align: center;
	background-color: #ffffff;
	z-index:2;
}
.footer-copy {
    color: rgb(153, 153, 153);
	font-family: Dosis, arial, sans-serif;
	font-size: 12px;
	letter-spacing: 6px;
	line-height: 19.2px;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 120px;
}
.baseline{
	color: rgb(153, 153, 153);
	font-family: "Open Sans", arial, sans-serif;
	font-size: 11px;
	line-height: 17.6px;
	text-align: center;
	margin-top: 0;
}
.link-to-top{
	text-align: center;
	color: rgba(0,0,0, .2);
	font-size: 45px;
	margin-top: 50px;
	-webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	-ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
.link-to-top:hover{
	color: rgba(0,0,0,1);

}
/* AUTRES PAGES */
#histoire.page-section{
	background-image: url('../images/orientation_scolaire.jpg');
	background-repeat: no-repeat;
	background-size: cover;	
	padding:0; 
	height: 600px;
}
.page-section p.psection.ombre, .page-section .h4section.ombre {
	-webkit-text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
	-moz-text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
	text-shadow: 1px 0px 0px rgba(0, 0, 0, .2);
}
#etranger.page-section{
	background-image: url('../images/full/etudier_etranger.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding:0; 
	height: 600px;
}
#orientationpro.page-section{
	background-image: url('../images/full/orientationpro.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding:0; 
	height: 600px;
}
#orientation.page-section{
	background-image: url('../images/full/orientation_scolaire.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding:0; 
	height: 900px;
}
#entreprise.page-section{
	background-image: url('../images/full/entreprises-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	padding:0; 
	height: 900px;
}
#postbac.page-section{
	background-image: url('../images/full/etablissements_post_bac-2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	padding:0; 
	height: 900px;
}

h4.h4section{
	color: rgba(255, 255, 255, 0.85);
	font-family: Dosis, arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 3px;
	line-height: 22.4px;
	margin: auto;
	margin-top: 0px;
	position: relative;
	text-align: left;
	text-transform:uppercase;
	width: 60%;
}
h1.h1accr.brdtopgris, section.brdtopgris{
	border-top: 1px solid #f8f8f8;
	margin-top:45px;
	padding-top: 15px;
}
#accompagnement h1.h1accr, h1.h1accr.lhsmall{
	line-height: 1.4;
	font-size: 32px;
}
.etapes{
	width:51%;
	margin: 60px auto;
}
.etapes .contactitem.troisitems{
	width:30%;
	max-width:30%;
	display:inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 1%;
	padding:0;
}
.etapes .contactitem.troisitems .alt-features-icon span {
    font-size: 48px;
    line-height: 1.3;
    color: #11111;
}
.etapes .contactitem.troisitems h3.alt-features-title {
    margin-bottom: 21px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4em;
	color: #111111;
}
p.alt-features-descr {
    color: #777777;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.86;
}
.btn-accueil.carre.long {
    width: 270px;
}
#qqchifres{
	margin-top: 50px;
}
#qqchifres h3{
	color: #c31713;
	font-family: arial, sans-serif;
	font-size: 60px;
	text-transform: none;
	font-weight: bold;
	letter-spacing: normal;
}
#qqchifres img{
	margin: auto;
	display: block;
}
/* ==============================
   RESPONSIVE
   ============================== */
@media only screen and (max-width: 1600px) {	
	#home{padding: 6% 0;}
}
@media only screen and (max-width: 1395px) {
	.troisitems h3.colrouge { min-height: 60px;}
	.etapes { width: 80%; margin: 60px auto;}
	#orientation.page-section{
		background-image: url('../images/full/orientation_scolaire.jpg');
		background-position: right;
		height: 600px;
	}
	
}
@media only screen and (max-width: 1280px) {
	#top .bg-dark.relative, .owl-carousel{min-height:200px;}
	nav{width:80%;}
	nav ul{font-size: 11px;}
	nav ul li{margin-right: 22px;}
	.nav-logo-wrap { margin-right: 20px; width: 15%;}
	.uncinq h3{font-size: 11px;margin-top:8px;}
	#home{padding: 1% 0;}
	.lead {font-size:120%;}
	.local-scroll.mght50 {position: relative; top: 35px;}
	h1.h1accr, .page-section ul, ul.bilan {width:80%;}
	
}
@media only screen and (max-width: 1024px) {
	nav{width:80%;}
	nav ul{font-size: 10px;}
	nav ul li{margin-right: 18px;}
	.cinqblocs {
		width: 90%;
		margin: 60px auto;
	}
	.local-scroll.mght50 {position: relative; top: 0;}
	.deuxcol-txt{ display: block; width: 100%;}
	.deuxcol-section { width: 50%;}
	.deuxcol-img { width: 100%;}
	ul.alt-features-descr{width:99%;}
}
@media only screen and (max-width: 930px) {
	header{position:relative; width: 100%; padding: 0; }
	#home { width: 84%; left: 8%;}
	.lead { margin: 8px;}
	.headermobile{width: 100%; padding: 0 20px; position:fixed;z-index:50;}
	div.page { padding-top: 0px;}
	#top{top: 0px; }
	nav{display:none; position: fixed; height: 100%; overflow: scroll; top:75px; z-index:40; }
	nav ul li ul li ul {
		display: block!important;
	}
	.main-nav, .main-nav ul{
		width: 100%;
		background-color: #ffffff;
		font-size: 20px;
	}
	.main-nav li{
		width: 100%;
		background-color: #ffffff;
		border-bottom: 1px solid #f4f4f4;
	}
	.mn-sub{
		display: block;
		text-align: center;
		position: relative;
		font-size: 18px;
	}
	nav ul li .mn-sub li a{
		display: block;
		text-align: center;
		position: relative;
		font-size: 18px;
		color: #777777!important;
	}
	nav ul li ul.mn-sub-sub{
		display:block;
		text-align: center;
		height: auto;
		position: relative;
		font-size: 16px;
		padding-bottom: 20px;
		
	}
	nav ul li ul.mn-sub-sub li{
		display: block;
		text-align: center;
		position: relative;
		font-size: 18px;
		z-index: 100;
		right: 100%;
		background-color: #f4f4f4;
		border-bottom: 1px solid #cdcdcd;
	}
	nav ul li ul.mn-sub-sub li a{
		font-size: 16px;
		color: rgb(176, 176, 176)!important;
		display: block;
		text-align: left;
		position: relative;
		font-size: 18px;
		color: green;
		padding-left: 50%;
	}
	nav ul li .mn-sub a.mn-has-sub .fa-angle-right::before {
		float: none!important;
		content: "\f107";
		padding-left: 20px;
	}
	.fas.fa-angle-right.right{float: none!important;}
	.mobile-nav{
		display:block; 
		height: 75px;
		line-height: 75px;
		width: 75px;
		color: #c31713;
		font-size: 40px;
	}
	.nav-logo-wrap {
		margin-right: 20px;
		width: 50%;
	}
	.nav-logo-wrap .logo {
		max-width: 100%;
	}
	.features-descr {
		font-size: 12px;	
	}
	#contact, .quatreitems, .footer-social, .footer-bottom {
		width: 90%;
		margin: auto;
	}
	#postbac.page-section{
		background-image: url('../images/full/etablissements_post_bac-2.jpg');
		background-position: right;
		height: 450px;
	}
}	
@media only screen and (max-width: 800px) {
	.local-scroll{display:none;}
	ul.scroll-nav.local-scroll{display:block;}
	footer .quatreitems{display: none;}
	.cinqblocs {
	width: 95%;
	margin: 60px auto;
	}
	.uncinq h3{font-size: 9px;margin-top:8px;}
	.features-title {font-size: 13px;}
	#home img { max-width: 60%;}
	.page-section p.ppagesection {width: 100%;font-size:19px;}
	.etapes .contactitem.troisitems { width: 100%; max-width: 100%; display: block; margin-bottom: 60px;	}
	#orientation.page-section{
		background-image: url('../images/full/orientation_scolaire.jpg');
		background-position: right;
		height: 450px;
	}
	#postbac.page-section{
		background-image: url('../images/full/etablissements_post_bac-2.jpg');
		background-position: right;
		height: 450px;
	}
	#etranger.page-section, #orientationpro.page-section{height: 450px;	}
	h1.h1section{width:80%; font-size:26px;}
	h4.h4section{width:80%; }
}
@media only screen and (max-width: 670px) {
	#home img { max-width: 50%;}
	#top h2{
		width:95%;
		font-size: 140%;
		font-weight: 300;
		line-height: 1.6;
		margin-bottom: 30px;
		text-align: center;
	}
	.troisitems, .deuxitems{ 
		width:100%;
		display:block;
		vertical-align: top;
		text-align: center;
		margin: 55px auto;
		padding:0;
	}
	.contactitem.troisitems{ 
		width:35%;
		display:block;
		vertical-align: top;
		text-align: center;
		margin: 45px auto;
		max-width: 100%;
	}
	.ci-text{text-align: center;}
	.troisitems div{padding: 0 20%;}
	.contactitem.troisitems div{padding:0;}
	.ci-icon {top: 10px;}
	.page-section { width: 100%;}
	#orientation.page-section, .page-section.psmob, #expertise.page-section { width: 100%;}
	.logoqualiopi.qleft, .cadre-rouge {
	  max-width: 80%;
	}
	.pres-photo {
	  width: 85%;
	  margin: auto;
	  margin-top: 25px;
	}
	.pres-photo img{
	  float: none!important;
	  margin-right: 0px!important;
	  width: 100%;
	  height: auto;
}
	}
	.deuxitems p {
	  width: 90%;
	  margin: 20px auto;
	}
}
@media only screen and (max-width: 660px) {
	.local-scroll.mght50 {display:none;}
	.lead { font-size: 90%;}
	.btn-accueil{margin-top:25px;transform:scale(80%);position: relative; right: 20px;}
	#home {width: 97%; left: 1%;}
	#orientation.page-section{
		background-image: url('../images/full/orientation_scolaire.jpg');
		height: 350px;
	}
	#histoire.page-section{
		background-image: url('../images/paris.jpg');
		background-position: top center;
		height: 450px;
	}
	#etranger.page-section{height: 350px;	}
	.deuxcol-section.brdtopgris {padding-top: 20px;}
	.uncinq {
		display: inline-block;
		vertical-align: top;
		width: 29%;
		margin: 0 .2% 20px .2%;
		position: relative;
		overflow: hidden;
	}
	.unquatre{
		display: inline-block;
		vertical-align: top;
		width: 98%;
		margin: 0 .2%;
		position: relative;
		overflow:hidden;
	}
	.pres-photo img {
	  padding-right: 0;
	  width: 95%;
	  height: auto;
	  margin: auto;
	  display: block;
	}
	.cadre-rouge {
	  width: 75%;
	}
	.page-section p.ppagesection {
		width: 95%;
		margin: auto;
	}
	.page-section {
		width: 100%;
	}
	.blocenter .ecart15px{display: none;}
	#qqchifres img{
		display: block;
		float: none;
		margin: auto;
		margin-bottom: 8px;
	}
}
@media only screen and (max-width: 450px) {
	h1{padding: 0 20px;}
	.lead { font-size: 12px;}
	.btn-accueil { margin-top: 14px; transform: scale(80%);}
	#orientation.page-section{background-image: url('../images/full/orientation_scolaire-m.jpg');	}
	#etranger.page-section,#orientationpro.page-section{height: 320px;	}
}