/* Quicko */
@import 'https://fonts.googleapis.com/css?family=Lobster';
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300");
@import url("https://fonts.googleapis.com/css?family=Oswald");


/* Paddings & Margins */

.margin7{
    margin-top:7px;
    margin-bottom :7px;
}

.margin50{
    margin-bottom: 50px
} 

.mb15{
    margin-bottom: 15px;
}

.mb3{
    margin-bottom: 3px !important;
}  

.mb5{
    margin-bottom: 5px !important;
}  

.mb0{
    margin-bottom: 0px;
}

.mb20{
   margin-bottom: 20px;    
}

.mt0{
    margin-top: 0px;
}

.mt3{
    margin-top: 3.8px;
}

.mt5{
    margin-top: 5px !important;   
}

.mt15{
    margin-top: 15px;
}

.mt20{
    margin-top: 20px;
}

.mt30{
    margin-top: 30px;
}

.mt80{
    margin-top: 80px;
}
.mt62{
    margin-top: 62px;
}
.mt115{
    margin-top: 115px;
}
mr0{
    margin-right: 0px;
}

.mr15{
    margin-right: 15px;
}

.mr20{
    margin-right: 20px;
}

.ml5{
    
}

.ml20{
   margin-left: 20px;
}

.ml15{
    margin-left: 15px;
}

.no-m-lr{
    margin-left: 0px;
    margin-right: 0px;
}
.nomg{
    margin: 0px !important;
}

.mgauto{
    margin: auto;
}
.no-p-lr{
    padding-left:0px;
    padding-right:0px;
}

.padding-r0{
    padding-right: 0px;    
} 

.padding-l0{
    padding-left: 0px;
}

.pd5{
    padding: 5px;
}

.pd20{
    padding:20px;
}

.pd15{
    padding:15px;
}

.pd25{
    padding:25px;
}


.pdl3{
    padding-left: 3px;
}

.pdl7{
    padding-left: 7px;
}

.pdl20{
    padding-left: 20px;
}

.pdl40{
    padding-left: 40px;
}

.pdl50{
    padding-left: 50px;
}

.pdt130{
    padding-top: 130px;
}

.pdt60{
    padding-top: 60px;
}

.pdt95{
    padding-top: 95px;
}

.pdt20{
    padding-top: 20px;
}

.pdl30{
    padding-left: 30px;
}

.pdl0{
    padding-left: 0px;
}  

.pdl10{
    padding-left: 10px;
}

.pdl15{
    padding-left: 15px;
}

.pdl22{
    padding-left: 22px;
}

.pdl25{
    padding-left: 25px;
}

.pdt90{
    padding-top: 90px;
}

.pdt7{
    padding-top: 7px !important;
}

.pdt5{
    padding-top:5px;
}

.pdt2{
    padding-top: 2px;
}

.pdt15{
    padding-top: 15px;
}

.pdt30{
    padding-top: 30px;
}

.pdt35{
    padding-top: 35px;
}

.pdt50{
    padding-top:50px;
}

.pdt100{
    padding-top:100px;
}

.pdr0{
    padding-right:0px;
}

.pdr4{
    padding-right: 4px;
}

.pdr5{
    padding-right: 5px;
}

.pdr10{
    padding-right: 10px;
}

.pdr15{
    padding-right: 15px;
}

.pdr20{
    padding-right: 20px;
}

.pdr30{
    padding-right: 30px;
}

.pdr40{
    padding-right: 40px !important;
}
.pdb-2{
    padding-bottom: 2px;
}

.pdb10{
    padding-bottom: 10px;
}

.pdb20{
    padding-bottom:20px;
}

.pdb30{
    padding-bottom:30px;
}


.pdb95{
    padding-bottom:95px !important;
}
.pdt150{
    padding-top: 150px !important;
}

•ptpct{
    padding-top: 30%;
}

/* colors */

.grey-color-back{
    background-color: #303030;
}

.label-blue{
    background-color: #45596C;
    color: #ffffff;
}




/* font color */

.purple-col{
    color:#5a125d;
}

.blue-col{
    color:#678aa5;
}

.primary-col{
    color: #eac048;
}

.star-color{
    color: #E9BF35;    
}

.lg-col{
    color: rgba(48, 48, 48, 0.5);
}

.grey-color-font{
    color: #303030 !important;
}

.white-color-font{
    color: #FFFFFF;
}

.alta-col{
    color: #eac048;
}

.col-w{
    color:white;
}

.text-g{
    color:#303030;
    opacity: 0.7;
}

/*text style*/



/* landing page*/


.landing-page .carousel-caption {
    position: absolute;
    top: 33%;
    left: 50px;
    text-align: center;
}

.container{
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-wrapper{
    margin-top:0px;
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
    color: #eac048;
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a {
    color: #eac048;
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active {
    color: #eac048;
}

.landing-page .navbar-default .navbar-nav > li > a:hover, .landing-page .navbar-default .navbar-nav > li > a:focus {
    color: #FFDA70; 
    background: inherit;
}

.landing-page .navbar-scroll.navbar-default .nav li a:hover {
    color: #FFDA70;
}

.landing-page .navbar-default .nav li a {
    color: #5C7E8D;
}

.landing-navbar{
    background-color: rgba(255,255,255,0.8);
}

.landing-page .navbar-default .navbar-nav > .active > a:focus {
    color: #eac048;
}

#features h1, #valeurs h1{
    color:#eac048;
    font-size: 3.5em;
    font-weight: 800;
    text-transform: uppercase;
    text-shadow: 0px 0px 55px white;
}

.clients{
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 50px !important;
}

.clients2{
    text-transform:uppercase;
    font-size: 30px;
}

.mef-offres{
    text-align: justify !important;
    padding-left: 5px;
    padding-right: 5px;
    color: #5C7E8D !important;
    font-weight:600;
}



.mef-offres-2{
    text-align: justify !important;
    font-weight:600;
}

.justify{
    text-align: justify !important;
}

pdt35{
    padding-top: 35px !important;
}

body{
    color: #303030 !important; 
}

.logo{
    width: 10em;
    margin-left: auto;
    margin-right: auto;
}

#offres{
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
}

#valeurs{
    padding-top:0px;
}


#bloc1 hr, #bloc2 hr, #bloc3 hr, #bloc4 hr{
    border:1px solid rgba(48,48,48,0.2);
}

#bloc1 h2, #bloc2 h2, #bloc3 h2, #bloc4 h2{
    text-transform: uppercase;
    font-weight: 600;
} 

#bloc2 h2, #bloc3 h2, #bloc4 h2{
    line-height: 38px;
}

#bloc1, #bloc2, #bloc3, #bloc4{
    padding-right: 30px;
    padding-left: 30px;
}

#bloc2{
    border-right: 2px dotted rgba(48,48,48,0.2);
    border-left: 2px dotted rgba(48,48,48,0.2);
}

.navy-line{
    margin-top: 30px !important;
}

.landing-page .services{
    padding-top:40px;
}

.navy{
    color: #eac048 !important;
}

.navy-line{
    border-color: #eac048 !important;
}

.btn-primary{
    
    background-color: #eac048 !important;
    border-color: #eac048  !important;
}

.landing-page .btn-primary:hover{
    color: #303030 ! important;
    background-color: #FFDA70 !important;
}

.landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover {
    border-top: 6px solid #eac048;
}

.landing-page .social-icon a {
    background: #eac048;
}

.landing-page section p blue{
    color: #5C7E8D !important;
    font-weight:600 !important;
}

.landing-page section p{
    font-weight:600 !important;
}

#connexion .loginColumns {
    padding: 50px 20px 20px 20px;
}

@media (max-width:769px){
    #landing-sq-1{
        margin-top: 40px;
    }
}


.landing-page .navy-section {
    background: #eac048;
}


.landing-page .testimonials {
    background-color: #eac048;
    background-image: url(../img/landing/avatar_all.png);
}

@media screen and (min-width: 0px) and (max-width: 769px) {
  #small-type { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 769px) and (max-width: 2400px) {
  #small-type { display: none; }   /* hide it elsewhere */
}

@media screen and (min-width: 769px) and (max-width: 2400px) {
  #classic-type { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 0px) and (max-width: 769px) {
  #classic-type { display: none; }   /* hide it elsewhere */
}


.barstyle {
    color: #eac048;
    padding-right:20px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #eac048;
}

#page-top ul{
    list-style-type: none;
}

.landing-page section p .d2p{
    color: #457486 !important;
}

.landing-page section p .altalog{
    color: #7F706F !important;
}

.landing-page section p .mediwin{
    color: #88A9DD !important;
}

.landing-page section p .altanext{
    color: #303030 !important;
}


.jaune{
    color: #eac048;
}

.slide1{
   height: 35vw;
   background: url("../img/landing/searchworld.jpeg") center 0 repeat fixed;
   background-size: 100%;
}

.slide2{
   background:#ffffff url("../img/landing/officine.png") center 0 repeat fixed !important;
   min-height: 400px;
   
}

.slide3{
   background: #eac048 url("../img/landing/avatar_all.png") center 0 repeat fixed !important;
   min-height: 400px !important;
   
}

.slide_inside{
    position: absolute; /* postulat de départ */
    top: 50%; left: 50%; /* à 50%/50% du parent référent */
    transform: translate(-50%, -50%);
    padding-top: 10%;
    padding-bottom: 10%;
}

.lueur{
background: radial-gradient(#ffffff94,rgba(0,0,0,0.01));
}

.whitecircle{
    vertical-align: middle;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    height: 150px;
    width: 150px;
    background-color: white;
    position: absolute;
    z-index : 2;
}


.imgcircle{
    position: relative;
    width: 100%;
    height: 100%;
}

.bloc{
    padding-top: 100px;
}


.bluelight{
    background-color: #99d3da;
}

.bluedark{
    background-color: #3b709a;
    
}

.grey{
    background-color: #617485;
}

.bloccontent{
    position: relative;
    z-index: 1;
    height: 430px;
    width: 100%;
    border-radius: 1%;
}

.blocleft{
    padding-left: 150px;
}

.blocright{
    padding-right: 150px;
}

.bloccenter{
    padding-left: 60px;
    padding-right: 60px;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;  
  border-top: 20px solid white;
  margin: 0 auto;
}

.titlewhite{
    color: white !important;
}

.titleblue{
    color: #25435c !important;
}
.fontsize3em{
    font-size: 3em !important;
}
.fontsize2-5em{
    font-size: 2.5em !important;
}

.fontsize2em{
    font-size: 2em !important;
}

.fontsize1-5em{
    font-size: 1.5em !important;
}

.fontsize1-3em{
    font-size: 1.3em !important;
}

.fontsize1em{
    font-size: 1em !important;
}
.fontroboto{
    font-family: "Roboto" !important;
}

.yellowsection{
    background-color: #eac048;
}

.yellowcontent{
    height: 300px;
    position:relative;
    z-index: 1;
    
}
.secure{
    height: 500px;
    top:-30%;
    left:0%;
    position:absolute;
    z-index: 2;
   
}

.divsecure{
    height:400px;
}

.dot{
    border-left:4px;
    border-left-color: #303030;
    border-left-style: dotted;
    border-right: 4px;
    border-right-color: #303030;
    border-right-style: dotted;
    height: 200px;
}
.pposition{
    top:50%;
}

.bluesection{
    background-color: #607484;
}
.bluecontent{
    height:110px;
}

.imglogo{
    height: 300px;
}

.pdt2_2{
    padding-top: 2.5%;
}

.breakword{
    word-wrap: break-word;
}