/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18 déc. 2018, 14:49:03
    Author     : Clara
*/

body{
    font-family: 'Poppins', sans-serif;

}
.col-lg-2.col-md-2.col-xs-12.min {
    text-align: center !important;
    background: white !important;
    height: 162px !important;
    border-radius: 69% !important;
    /* position: absolute !important; */
    /* top: 11% !important; */
    /* left: 83% !important; */
    width: 10% !important;
    padding-top: 1% !important;
    font-weight: bold !important;
    color: #8b8b8b !important;
    max-width: 165px;
    min-width: 93px;
    margin-left: 0%;
    margin-top: 8%;
    font-size: 66%;
}
.col-lg-2.col-md-2.col-xs-12.min img {
    max-width: 101px;
    min-width: 101px;
}

h1 {
    font-size: 182%;
    width: 100%;
}
.col-lg-5.col-md-5.col-xs-12 li {
    font-size: 111%;
}
/*********header*******/
ul {
    width: 140%;
}
.col-lg-7.col-md-9.col-xs-12.logo img {
    width: 21%;
    margin-top: 4%;
    max-width: 202px;
    min-width: 202px;
}

 /** DESK **/
 
 /** GAUCHE **/
 .col-lg-5.gauche {
    float: left;
}
 /** DROIT **/
 
.col-lg-5.droit {
    float: left;
    margin-top: 8%;
}
ul {
    margin-top: 7%;
    width: 100%;
    color: white;
    font-size: 12px !important;
}
h1 {
    color: white;
}
p, h2 {
    color: white;
}
.col-lg-2.min {
    float: left;
}
.col-lg-2.min img {
    width: 74%;
    margin-top: 8%;
    margin-left: 7%;
}
.txt-bg2 {
    position: absolute;
    top: 58%;
    text-align: center;
    width: 71%;
    left: 17%;
    color: white;
}
.desk {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1201px;
}
.col-lg-12.col-md-12.col-xs-12.bg2 {
    position: relative;
    /* top: 163%; */
    margin-top: -127px;
}
.col-lg-12.col-md-12.col-xs-12.bg2 img {
    width: 100%;
}
.col-lg-6.col-md-9.col-xs-12.logo img {
    width: 21%;
    margin-top: 6%;
}
div#PMCiframeMQBL {
    padding-top: 3%;
    padding-left: 2%;
    /* width: 86%; */
    /* height: 11%; */
}
ul {
    list-style: none;
}
.col-lg-5.col-md-5.col-xs-12 {
    color: white;
    margin-top: 4%;
}
.container.section4 p {
    color: #333;
    margin-top: 5%;
}
ul {
    margin-top: 7%;
}
li img {
    padding: 1%;
}
section {
    margin-top: 11%;
}
h1 {
    font-size: 182% !important;
  /*  width: 145%;*/
}


.col-lg-4.col-md-4.col-xs-12.sec-4 {
    text-align: center;
}
footer a {
    color: white;
}
footer {
    background-color: #ec673c;
    text-align: center;
    color: white;
    padding-top: 1%;
    padding-bottom: 1px;
}

.container.section4 {
    width: 100%;
    padding: 0px;
}

.container.section4 p {
    color: #333;
    margin-top: 5%;
    font-size: 137%;
}
/****Slider***/
.testimonial-slider h2 {
    font-size: 231%;
    color: #565656;
    margin-left: 5%;
    margin-right: auto;
}
li {
    font-size: 171%;
}
.col-lg-12.col-md-12.col-xs-12.icones {
    margin-top: 2%;
}
.testimonial-slider {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 0px;
    color: #333;
    text-align: center;
    margin-bottom: 0%;
}

.testimonial-slider ul.slider-tes {
   display: block;
   list-style: none;
   padding: 0;
   position: relative;
   display: inline-block;
   width: 100%;
   height: 350px;
   overflow: hidden;
   margin: 0 auto;
      color: #333 ;

}

.testimonial-slider ul.slider-tes li {
    position: absolute;
    display: block;
    width: 100%;
    opacity: 0;
    margin: 0 auto;
       color: #333 ;

}
.testimonial-slider ul.slider-tes li:nth-child(1) {
    opacity: 1;

    -webkit-animation: fade-animation-1 10s infinite;
            animation: fade-animation-1 10s infinite;
}
.testimonial-slider ul.slider-tes li:nth-child(2) {
    -webkit-animation: fade-animation-2 10s infinite;
            animation: fade-animation-2 10s infinite;
}
.testimonial-slider ul.slider-tes li:nth-child(3) {
    -webkit-animation: fade-animation-3 10s infinite;
            animation: fade-animation-3 10s infinite;
}


.testimonial-slider q {
    display: inline-block;
    letter-spacing: .5pt;
    text-shadow: 0 5px 10px rgba(0,0,0,.1);
    max-width: 35ch;
    font-size: 140%;
    width: 71%;
    text-align: center;
}
.testimonial-slider-content {
    text-align: center;
    margin-left: 5%;
    /* margin-right: auto; */
}
.testimonial-slider .source {
    margin-top: 25px;
    color: #d9e0f9;
    font: italic 400 30px / 1.35 "Raleway", Helvetica, Arial, Verdana, sans-serif;
}

@keyframes fade-animation-1 {
    0%, 25%, 100% {
        opacity:0
    }
    3%, 22% {
        opacity: 1;
    }
}
@keyframes fade-animation-2 {
    0%, 25%, 50%, 100% {
        opacity:0
    }
    28%, 47% {
        opacity: 1;
    }
}
@keyframes fade-animation-3 {
    0%, 100%, 50%, 100% {
        opacity:0
    }
    53%, 100% {
        opacity: 1;
    }
}


@-webkit-keyframes fade-animation-1 {
    0%, 25%, 100% {
        opacity:0
    }
    3%, 22% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-animation-2 {
    0%, 25%, 50%, 100% {
        opacity:0
    }
    28%, 47% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-animation-3 {
    0%, 50%, 75%, 100% {
        opacity:0
    }
    53%, 72% {
        opacity: 1;
    }
}

.testimonial-slider-content p {
    color: black;
}

.none{
    display: none;
}

/** RESPONSIVE **/
@media screen and (max-width: 640px) {
 img.image {
    margin-left: 59px !important;
}
}


@media screen and (min-width: 1440px) and (max-width: 1920px){
h1 {
    font-size: 181% !important;
    width: 100%;
}
.col-lg-12.col-md-12.col-xs-12.bg2 {
    position: relative;
    margin-top: -242px;
}
.testimonial-slider-content p {
    color: black;
}
.col-lg-7.col-md-9.col-xs-12.logo img {
    width: 21%;
    margin-top: 4%;
    margin-left: 6%;
    max-width: 202px;
    min-width: 202px;
}
.desk {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 972px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1440px){
	img.image {
    margin-left: 194px !important;
}

.col-lg-2.col-md-2.col-xs-12.min {
    text-align: center !important;
    background: white !important;
    height: 162px !important;
    border-radius: 69% !important;
    width: 10% !important;
    padding-top: 1% !important;
    font-weight: bold !important;
    color: #8b8b8b !important;
    max-width: 165px;
    min-width: 93px;
    margin-left: 0%;
    margin-top: 3%;
    font-size: 66%;
}
.bg {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1310px;
}
.col-lg-5.col-md-5.col-xs-12.droit {
    margin-top: 11%;
}
.desk {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1210px;
}
}

@media screen and (min-width: 992px) and (max-width: 1024px){
.col-lg-7.col-md-9.col-xs-12.logo img {
    margin-left: 55%;
    margin-top: 8%;
}
.col-lg-5.droit {
    float: left;
    margin-top: 13%;
}
.col-lg-2.col-md-2.col-xs-12.min {
    text-align: center !important;
    background: white !important;
    height: 162px !important;
    border-radius: 69% !important;
    width: 10% !important;
    padding-top: 1% !important;
    font-weight: bold !important;
    color: #8b8b8b !important;
    max-width: 165px;
    min-width: 93px;
    margin-left: 0%;
    margin-top: -2%;
    font-size: 66%;
    margin-right: 0%;
}
.col-lg-2.min img {
    width: 90%;
    margin-top: 8%;
    margin-left: 7%;
}
.txt-bg2 {
    position: absolute;
    top: 51%;
    text-align: center;
    width: 71%;
    left: 17%;
    color: white;
}
ul {
    margin-top: 7%;
    color: white;
    font-size: 10px !important;
}
.desk {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1298px;
}
.col-lg-12.col-md-12.col-xs-12.bg2 {
    position: relative;
    margin-top: -196px;
}
}

@media screen and (min-width: 768px) and (max-width: 991px){
.col-lg-7.col-md-9.col-xs-12.logo img {
    margin-left: 69%;
    margin-top: 6%;
}
h1 {
    font-size: 182% !important;
    width: 100%;
}
.col-lg-2.col-md-2.col-xs-12.min {
    text-align: center !important;
    background: white !important;
    height: 162px !important;
    border-radius: 69% !important;
    width: 10% !important;
    padding-top: 1% !important;
    font-weight: bold !important;
    color: #8b8b8b !important;
    max-width: 165px;
    min-width: 93px;
    margin-left: 0%;
    margin-top: -1%;
    font-size: 66%;
}
.col-lg-5.col-md-5.col-xs-12 {
    color: white;
    margin-top: 0%;
}
.bg {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1294px;
}
.txt-bg2 {
    position: absolute;
    top: 51%;
    text-align: center;
    width: 71%;
    left: 17%;
    color: white;
}
div#PMCiframeMQBL {
    padding-top: 3%;
    padding-left: 12%;
	width: 100%;
}
.desk {
    background-image: url(../images/fond1_1.png);
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 1900px;
}
.col-lg-5.droit {
    float: left;
    margin-top: 5%;
    padding: 0 10%;
}
.col-lg-2.min img {
    width: 16%;
    margin-top: -96%;
    margin-left: 82%;
}
.testimonial-slider {
    display: block;
    width: 100%;
    height: auto;
    margin-top: -147px;
    color: #333;
    text-align: center;
    margin-bottom: 0%;
}
}

@media screen and (max-width: 767px){
.desk {
	background-image: url(../images/fond1_1.png);
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	height: 2500px;
}
.bg2 {
    display: none;
}
}

.bg2 {
    height: auto;
}