/********** Template CSS **********/

/*font-family*/

@font-face {
 font-family: "AmazonEmber-Regular";
 src: url("fonts/Amazon-Ember.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}

@font-face {
 font-family: "Amazon Ember Heavy";
 src: url("fonts/Amazon-Ember-Heavy.ttf") format("truetype");
  font-style: normal;
}

@font-face {
 font-family: "Amazon Ember Medium";
 src: url("fonts/Amazon-Ember-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}

@font-face {
 font-family: "AmazonEmber-Bold";
 src: url("fonts/Amazon-Ember-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}

/*orange:F47C22*/
:root {
    --primary-ghost: #f47d2293;
    --primary-200: #f09048;
    --primary-700: #d65f04;
    --primary: #F47C22;
    --secondary: #757575;
    --light: #F3F6F8;
    --dark: #000000;
}
body, html{
    margin:0;
    overflow-x: hidden;
    font-family: "AmazonEmber-Regular", sans-serif;
}
.container{
    max-width: 1180px;
}
.container-fluid{
    margin:0;
    padding:0;
}
h1{
    font-size:40px;
}
p{
  font-family: "AmazonEmber-Regular", sans-serif;
  color:#272727;
}
.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.my-6 {
    margin-top: 6rem;
    margin-bottom: 6rem;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 99;
}

/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}
.btn.btn-primary,
.btn.btn-outline-primary:hover {
    color: #FFFFFF;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}

/*** Navbar ***/

.navbar.sticky-top {
    top: -100px;
    transition: .5s;
}

.navbar .navbar-brand,
.navbar a.btn {
    height: 75px
}
.border-end{
    border:0px !important;
}
.navbar .navbar-nav .nav-link {
    font-size:14px;
    padding: 0 25px;
    color: var(--dark);
    font-weight: 500;
    text-transform: uppercase;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}
.navbar-collapse .ms-auto a.d-lg-block{
    color:#F47C22 !important;
}
.navbar-collapse a.d-lg-block:hover{
    color:#F47C22 !important;
}
.navbar-collapse .navbar-nav a.bg-dark{
    color:#fff;
}
.btn-primary:hover{
    background-color:#F47C22 !important;
    border-color:#F47C22 !important; 
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}
.navbar .navbar-nav .nav-item .rejoindre {
    color: rgb(255, 255, 255);
    padding:8px 16px;
    text-align: center;
    border-radius:3px;
    color:#272727;
}
.navbar .navbar-nav .nav-item .rejoindre{
    position: relative;
}
.navbar .navbar-nav .nav-item .rejoindre::before{
    content:"PRO";
    position:absolute;
    padding:1px 4px;
    background-color: #fff;
    color:#F47C22;
    font-size:10px;
    left:41%;
    top:-9px;
    font-weight: 600;
}
.navbar-expand-lg .collapse .main-menu ul{
    align-items: center;
}
.login{
    background-color:#F47C22;
    padding:7px 15px;
    border-radius:5px;
    color:#fff;
}
.login:hover,.login a,.login a:hover{
    color:#fff !important;
    text-transform: uppercase;
}
a.log-in{
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    margin-right:10px;
    position: relative;
}

.collapse .main-menu .element-right li a i:active,
.collapse .main-menu .element-right li a i:focus,
.collapse .main-menu .element-right li a i:hover,
header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li a:hover,
header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li a:active{
    color:#F47C22 !important;
}
.collapse .main-menu .element-right li .sous-menu{
    background-color: rgba(255,255,255,.7);
    padding:60px 40px;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card{
    background-color: #fff;
    box-shadow: 0 0 4px #cecece;
    padding:10px 35px;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card{
    background-color: #272727;
    box-shadow: 0 0 4px #cecece;
    padding:15px 35px;

}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body h3,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body h3{
    color:#F47C22;
    font-size: 46px;
    font-weight: bold;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p{
    color:#272727;
    font-size:16px;
   font-family: "AmazonEmber-Regular", sans-serif;
}

.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body p{
    color:#fff;
    font-size:16px;
   font-family: "AmazonEmber-Regular", sans-serif;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p a,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p a:hover,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p a:focus,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p a:active{
    color:#F47C22;
    font-size:16px;
   font-family: "AmazonEmber-Regular", sans-serif;
   text-transform: initial;
}

.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button{
    background-color:#F47C22;
    font-size: 16px;
    padding:12px 20px 12px 0;
    border-color:#F47C22;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button{
    background-color:transparent;
    font-size: 16px;
    padding:12px 20px 12px 0;
    border-color:#F47C22;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button a:hover,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button a:active,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button a:focus,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button:hover,

.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button a:hover,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button a:active,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button a:focus,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button:hover{
    color:#fff !important;
}
.collapse .main-menu .element-right li .sous-menu .row .col .card .card-body button{
    border:2px solid #F47C22;
    border-radius:4px;
    align-items: 
}
.collapse .main-menu .element-right li .sous-menu .row .col .card .card-body button a img{
  margin-bottom:1px;
}
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button a,
.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body button span i,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button a,
.collapse .main-menu .element-right li .sous-menu .row .colonne-2 .card .card-body button span i{
    color:#fff;
}

.collapse .main-menu .element-right li .sous-menu .row .colonne-1 .card .card-body p.footer-card{
    margin-top:15px;
    font-size:16px;
   font-family: "AmazonEmber-Regular", sans-serif;
   text-transform: initial;
}

.collapse .main-menu .element-right li+li{
    margin-left:15px;
}
.collapse .main-menu .element-right li a{
    padding:0;
}
.collapse .main-menu .element-right li i{
    color:#272727;
    font-size: 22px;
}
.collapse .main-menu .navbar-nav .apprend{
    border-right:1px solid #272727;
    position: relative;
}
.collapse .main-menu .element-right .navbar-nav li a{
    border:none;
}
.collapse .main-menu .navbar-nav .apprend .lettreA{
    border:1px solid #F47C22;
    font-weight:600;
    padding:5px 8px;
    border-radius:50%;
}
.nav-item .rejoindre{
    position: relative;
}
.prestation .sous-menu .footer-submenu p,
.code .sous-menu .footer-submenu p,
.conduite .sous-menu .footer-submenu p,
.location .sous-menu .footer-submenu p{
    padding-left:150px;
    padding-right:150px;
}
.prestation .sous-menu .footer-submenu p a,
.code .sous-menu .footer-submenu p a,
.conduite .sous-menu .footer-submenu p a,
.location .sous-menu .footer-submenu p a{
    color:#F47C22 !important;
    text-transform: initial !important;
    font-size: 16px !important;
}
.prestation .sous-menu .row .col .card .card-body ul li{
    list-style: none;
}
.prestation .sous-menu .row .col .card .card-body ul{
    font-weight: 550;
}
.prestation .sous-menu .row .col .card .card-body ul,
.prestation .sous-menu .row .col .card .card-body ul>li>a{
    color:#fff !important;
}
.prestation .sous-menu .row .col .card .card-body ul li a{
    text-transform: initial !important;
    font-size: 16px !important;
     font-family: "AmazonEmber-Regular", sans-serif;
     font-weight: 400;
}
.code .dropdown-menu .row .col .card .overlay .content,
.conduite .dropdown-menu .row .col .card .overlay .content,
.location .dropdown-menu .row .col .card .overlay .content{
    padding:30px 20px 60px 20px;
}
.code .dropdown-menu .row .col .card .overlay .content span,
.conduite .dropdown-menu .row .col .card .overlay .content span,
.location .dropdown-menu .row .col .card .overlay .content span{
    font-size:16px;
    color:#fff;
}
.code .dropdown-menu .row .col .card .overlay .content h5,
.conduite .dropdown-menu .row .col .card .overlay .content h5,
.location .dropdown-menu .row .col .card .overlay .content h5{
    padding:20px 0 8px 0;
    font-size:23px;
}
.code .dropdown-menu .row .col .card .card-body p,
.conduite .dropdown-menu .row .col .card .overlay .content p,
.location .dropdown-menu .row .col .card p,
.conduite .dropdown-menu .row .col .card .card-body p{
    color:#fff;
}


.location .dropdown-menu .row .col .card:hover .overlay {
  top: 0;
  height: 73%;
}
header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li a{
    text-transform: uppercase;
    /*font-family: 'AmazonEmber-Bold', sans-serif;*/
    font-size:17px;
    color:#272727;
    font-weight: 500;
}
/*menu apprenant*/

.card{
  position: relative;
  /*width: 50%;*/
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top:0%;
  left: 0;
  right: 0;
  background-color: rgba(255,95,0,.7);
  overflow: hidden;
  width: 100%;
  height:0%;
  transition: .5s ease;
  padding-left:15px;
  padding-right:15px;

}

.card:hover .overlay {
  top: 0;
  height: 67%;
}

.card .overlay span{
    text-transform: uppercase;
    font-size:14px;
    padding-top:15px !important;
}
.card .overlay h5{
    font-size:20px;
    color:#fff;
}
.card .overlay p{
    font-size:15px;
    color:#fff;
}

/*** Header ***/
/*search*/
header .top-bar{
    background-color: #272727;
    padding:5px 0;
}
header .top-bar,header .top-bar .container{
    padding-left:0;
    padding-right:0;
}
header .top-bar,header .top-bar .container .row .col-12 .h-100 small.texte{
  font-family: 'Amazon Ember Medium', sans-serif;
}
header .top-bar,header .top-bar .container .row .col-12 .h-100 small.text-primary{
    color:#F47C22 !important;
}
header .form-group{
    /*position: relative;*/
    padding:25px 15px 25px 15px;
}
header .form-group .close-search{
    position: absolute;
    top:2px;
    right:5px;
    cursor:pointer; 
}
/*header .container-fluid .navbar-default .row .navbar .collapse .element-right{
    padding:20px;
}*/

header .container-fluid .navbar-default .row .navbar .collapse .d-flex>a{
    margin-right:15px;
    color:#272727;
    font-size: 22px;
}
header .container-fluid .navbar-default .row .navbar .collapse .d-flex>.icone-search{
    cursor: pointer;
    color:#272727;
    font-size: 22px;
}

header .top-bar .container .row .col-lg-2 .mx-n2 a i{
    color:#fff;
}
header .top-bar .container .row .rs{
    text-align: right;
    }
    header .top-bar .container .row .ouverture{
    text-align: left;
    }
header .top-bar .container .row .mail{
    text-align: center;
    }
    header .top-bar .container .row .tel{
    text-align: center;
    }

.page-header {
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .75)), url(../img/carousel-1.jpg) center center no-repeat;
    background-size: cover;
}

.breadcrumb-item +.breadcrumb-item::before {
    color: #999999;
}

form label{
   color:#000;
}
.col-md-4 .form-control,.btn-outline-primary, .col-md-6 .form-control,.col-md-12 .form-control{
    border-left:0 !important;
    border-right:0 !important;
    border-top:0 !important;
    border-bottom:1px solid #F47C22 !important;
}
.apprentis{
    border:1px solid #fefefe;
}

.sous-menu{
    background-color:#272727;
    width:100%;
    left:0;
    padding:40px 15px 15px 15px;
}

.sous-menu .row .col{
    padding-right:6px;
     padding-left:6px;
}
.sous-menu .row .col .card{
    background-color:#272727;
    border:0 !important;
}
.sous-menu .row .col .card img{
    border-radius:3px;
}

.sous-menu .row .col .card .card-footer{
    background-color: #F47C22;
    
}
.sous-menu .row .col .card .card-footer small a{
    color:#fff !important;
    text-transform: uppercase;
}
.sous-menu .row .col .card .card-footer{
    text-align: center;
}
.sous-menu .footer-submenu{
    background-color: #262626;
    padding-top:15px;
    padding-bottom: 5px;
    
}
.sous-menu .footer-submenu small{
margin-top:15px;
}
.sous-menu .footer-submenu small{
margin-top:15px;
}
.main-menu .navbar-nav .rejoint .dropdown-menu{
    background-color: #353535;
    margin-top:-2px;
}
.aaprenti .dropdown-menu{
    margin-top:-2px;
}
.main-menu .navbar-nav .rejoint .dropdown-menu li a{
    color:#fff;    
}
.main-menu .navbar-nav .rejoint .dropdown-menu li a:hover{
    background-color: #F47C22;
    color:#fff;  
}
form.agence .form-group .row .col-md-12 select{
    color:#000;
    font-weight: 500;
    border:0 !important;
}

/*section carousel banner */
section.sliders{
    background-color: rgba(0,0,0,.80);
}
section.sliders .banner-carousel .owl-dots{
	position:absolute;
	bottom:0;
	left:50%;
}
section.sliders .banner-carousel .banner-item{
	width:100%;
	max-height: 554px;
	height:auto;
}
section.sliders .banner-carousel .row .col-md-6{
    padding:0 !important;
    margin:0 !important;
}
section.sliders .banner-carousel .row .col-md-6 .lefte{
    background-color:#272727;
    padding:70px 89px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte h2{
    font-size: 60px;
    color:#fff;
    font-family: 'Amazon Ember Heavy',sans-serif;
    margin-bottom: 0; 
}
section.sliders .banner-carousel .row .col-md-6 .lefte>span{
    color:#F47C22;
    font-size: 46px;
    font-weight: bold;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p{
    color:#fff;
    font-size: 26px;
    font-weight: bold;
    padding:20px 0 0 28px;
    position: relative;
    margin-top:15px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p img.border-top-left{
    position:absolute;
    top:0;
    left:0;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p span{
    color:#F47C22;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button{
    padding:12px 20px 12px 0;
    border-radius: 4px;
    font-size: 16px;
    border:none;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a{
    color:#fff;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a svg{
    margin-right:15px;
    margin-bottom:1px;
}

section.sliders .banner-carousel .row .right-col{
    background:url(../img/Group-110.png) no-repeat center;
    background-size: cover;
}
/*slider 2*/

section.sliders .banner-carousel .slider-2{
    background: url(../img/slider-2.png) no-repeat top;
    background-size: cover;
    padding-left:65%;
    padding-right:10%;
}
section.sliders .banner-carousel .slider-2 .col-md-12{
    padding:54px 35px;
    background-color: #fff;
    box-shadow: 0 0 4px #cecece;
    height:auto;
}
section.sliders .banner-carousel .slider-2 .col-md-12 span.duree{
    color:#F47C22;
    font-size:16px;
    font-weight:bold;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.location{
    color:#272727;
    font-size:16px;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif{
font-size:35px;
color:#272727;
font-weight: bold;
position:relative;
padding:20px 0 0 28px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif img{
    position:absolute;
    left:0;
    top:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix{
    font-size:26px;
    color:#272727;
    font-weight:bold;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix span{
color:#78EE00;
font-size:60px;
font-weight: bold;
-webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.heure{
    font-size:16px;
    color:#272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h2{
    font-size:40px;
    color:#272727;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h3{
    font-size:40px;
    color:#78EE00;
    -webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button{
    border-radius:4px;
    padding:12px 20px 12px 0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a{
    color:#fff;
    font-size:16px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a svg{
    color:#fff;
    margin-right:15px;
}
/*slider 3*/
section.sliders .banner-carousel .slider-3{
    background:url(../img/slider-3.png) no-repeat;
    background-size: cover;
    background-position: 15% 15%;
}
section.sliders .banner-carousel .slider-3 .droite h2{
    color:#272727;
    font-size:40px;
}

section.sliders .banner-carousel .slider-3 .gauche .left-3 img{
margin-top:110px;
}
section.sliders .banner-carousel .slider-3 .droite .right-3{
    margin-top:188px;
    padding:43px 15px;
}
section.sliders .banner-carousel .slider-3 .droite .right-3 ul li{
    list-style: none;
}
section.sliders .banner-carousel .slider-3 .droite .right-3 ul li i{
    color:#F47C22;
}
section.sliders .banner-carousel .slider-3 .droite .right-3 ul li{
    font-size:16px;
    color:#272727;
}
section.sliders .banner-carousel .slider-3 .droite .right-3 .bouton-store{
    margin-top:30px;
}


/** section searchs**/
div.searchs{
    background-color: rgba(0,0,0,.8);
}
div.searchs .container-fluid{
    background:url(../img/bg-search.png) no-repeat center;
    background-size: cover;
    padding:20px 2px 5px 2px;
}
div.searchs .container-fluid .container .search h5{
    color:#fff;
    font-size:16px;
    font-weight: bold;
}
div.searchs .container-fluid .container .search span{
    color:#fff;
    font-size:16px;
    cursor:pointer;
}
.col-md-3 svg,
div.searchs .container-fluid .container .search span i.fa-caret-up,
div.searchs .container-fluid .container .search span i.fa-caret-down{
    color:#F47C22;
}
div.searchs .container-fluid .container .search form{
    margin-bottom:30px;
}
div.searchs .container-fluid .container .search form .col-md-1 button{
    border-radius:4px;
    padding:9px 24px;
    font-size:16px;
    font-weight: bold;
    letter-spacing: 2px;
}
div.searchs .container-fluid .container .search{
   text-align: center;
}
div.searchs .container-fluid .container .search form .form-group .form-select{
    padding:0.375rem 2.25rem .375rem 1.8rem;
    border-bottom:2px solid #fff !important;
    border-top:0;
    border-left:0;
    border-right:0;
    background: transparent;
    color:#fff;
    font-size:13px;
    padding-bottom:15px;
}
.ville::placeholder{
   color: #757575;
   opacity: 1;
}
.adresse{
position:relative; 
}
.adresse svg{
position:absolute;
left: 3px;
top: 8px;
color:#F47C22;
}
.adresse i{
position:absolute;
right: 16px;
top: 8px;
color:#F47C22;
}
.vitesse::placeholder{
   color: #757575;
   opacity: 1;
}
.vitesses{
position:relative; 
}
.vitesses svg{
position:absolute;
left: 3px;
top: 8px;
color:#F47C22;
}
.vitesses i{
position:absolute;
right: 16px;
top: 8px;
color:#F47C22;
}

.accompagnant::placeholder{
   color: #757575;
   opacity: 1;
}
.accompagnants{
position:relative; 
}
.accompagnants svg{
position:absolute;
left: 3px;
top: 8px;
color:#F47C22;
}
.accompagnants i{
position:absolute;
right: 16px;
top: 8px;
color:#F47C22;
}

/*** section codes ***/
.codes{
    padding:70px 0;
}

.codes .container h1{
    font-size:46px;
    font-weight: bold;
    margin:0;
    color:#272727;
}
.codes .container .row{
    margin-top:25px;
}
.codes .container h2.sous-titre{
color:#272727;
font-size: 36px;
font-weight: bold;
margin-bottom:10px;
}
.codes .container span{
    font-size: 24px;
    color:#272727;
}
.codes .container p{
    font-size: 18px;
    color:#000;
    margin:15px 0;
}
.codes .container .decouvrir{
    color:#F47C22;
    font-size: 16px;
    margin-bottom: 15px;
}
.codes .container .row .col-md-6 .code-left{
    background: linear-gradient(rgba(0,0,0, .7), rgba(0, 0, 0, .8)), url(../img/codes-2.png) center center no-repeat;
    background-size: cover;
    padding:40px;
    text-align:center;
}
.codes .container .row .col-md-6 .code-left h2{
    font-size: 26px;
    color:#fff;
    font-weight: bold;
}
.codes .container .row .col-md-6 .code-left span{
    color:#fff;
    font-size:16px;
}
.codes .container .row .col-md-6 .code-left button{
    border-radius:4px;
    padding:12px 26px 12px 0;
    font-size:13px;
}
.codes .container .row .col-md-6 .code-left button a{
    color:#fff !important;
    font-size: 13px;
}
.codes .container .row .col-md-6 .code-left button img,
.codes .container .row .col-md-6 .code-right button img{
    margin-right: 15px;
    margin-bottom: 1px;
}
.codes .container .row .col-md-6 .code-left .row .col-md-4 i.fa-calendar-day{
    color:#fff;
    background-color:#F47C22;
    padding:10px 12px;
    border-radius: 50%;
    margin-bottom:5px;
}
.codes .container .row .col-md-6 .code-left .row .col-md-4 i.fa-mobile-screen-button{
    padding:10px 13px;
    color:#fff;
    background-color:#F47C22;
    border-radius: 50%;
    margin-bottom:5px;
}
.codes .container .row .col-md-6 .code-left .row .col-md-4 i.fa-envelope{
    padding:10px 11px;
    border-radius: 50%;
    margin-bottom:5px;
    color:#fff;
    background-color:#F47C22;
}
.codes .container .row .col-md-6 .code-left .row .col-md-4,
.codes .container .row .col-md-6 .code-right .row .col-md-4{
    text-align: left;
}
.codes .container .row .col-md-6 .code-left .row .col-md-4 h5{
    font-size: 16px;
    font-weight: bold;
    color:#fff; 
}
.codes .container .row .col-md-6 .code-left .row .col-md-4 p{
    font-size: 12px;
    color:#fff;
     margin-top:0;
}
.codes .container .row .col-md-6 .code-right{
    background-color: #fff;
    padding:40px;
    text-align:center;
    box-shadow: 0 0 4px #cecece;
}
.codes .container .row .col-md-6 .code-right h2{
    font-size: 36px;
    color:#272727;
    font-weight: bold;
}

.codes .container .row .col-md-6 .code-right span{
    color:#272727;
    font-size:16px;
}
.codes .container .row .col-md-6 .code-right button{
    border-radius:4px;
    padding:12px 26px 12px 0;
    font-size:13px;
}
.codes .container .row .col-md-6 .code-right .row .col-md-4 i{
    padding:10px 14px;
    border-radius: 50%;
    margin-bottom:5px;
    color:#fff;
    background-color:#F47C22;
}
.codes .container .row .col-md-6 .code-right .row .col-md-4 h5{
    font-size: 16px;
    font-weight: bold;
    color:#272727;
}
.codes .container .row .col-md-6 .code-right .row .col-md-4 p{
    font-size: 12px;
    color:#272727;
    margin-top:0;
}
.codes .container .row .col-md-6 .code-right button a{
    font-size: 16px;
    color:#fff;
}

/*** formules ***/
.formules{
background-color:#FAECEC;
padding:60px 0; 
}
.formules .container .titre{
    padding-bottom:30px;
}
.formules .container p.sous-titre{
    color:#272727;
}
.formules .container span.prix-top{
    color:#F47C22;
    font-weight: 550;
}
.formules .container h2{
    font-size:30px;
    font-weight: bold;
    color:#000;
}
.formules .container h2 span{
    color:#F47C22;
}
.formules .container .row .col-md-4 .quinze-heure{
    padding:20px;
    background-color: #fff;
    box-shadow:0 0 4px #cecece;
    position: relative;
}
.formules .container .row .col-md-4 .quinze-heure .badge{
    position: absolute;
    right:0;
    top:0;
    padding:18px;
    border-radius:0 0 0 14px;
    font-size:24px;
    font-weight: bold;
}
.formules .container .row .col-md-4 .quinze-heure .image{
    text-align: center;
}
.formules .container .row .col-md-4 .quinze-heure p.prix{
    font-size:24px;
    font-weight: bold;
    color:#272727;
    margin:0;
}
.formules .container .row .col-md-4 .quinze-heure p{
    font-size:13px;
    color:#272727;
    margin:0;
}

/**apprentissage**/
.apprentissage{
    padding:60px 15px;
}
.apprentissage .container h2{
    margin-bottom:50px;
    font-size:30px;
    font-weight:bold;
    color:#000;
}
/*.apprentissage .container .row .economie{
    padding-right:100px;
}*/
.apprentissage .container .row .flexible{
    padding-left:200px;
    padding-right:200px;
}
/*.apprentissage .container .row .configurable{
    padding-right:100px;
}*/
.apprentissage .container .row .content h5{
   padding:15px 0 5px 0;
   color:#000;
   font-size:24px;
}
.apprentissage .container .row .content p{
    color:#000;
   font-size:16px;
}

/**section reserver**/
.reserver{
    padding:53px 0;
    background-color:#F4F2F2; 
}
.reserver .container h2{
    color:#000;
    font-size:36px;
    font-weight: bold;
    margin-bottom:50px;
}
.reserver .container .row .col .card{
    background-color:#fff;
    padding:30px 15px;
    border:none; 
    box-shadow: 0 0 4px #cecece;
    min-height:330px;
}
.reserver .container .row .col .vitessess img{
    padding-top:13px;
}
.reserver .container .row .col .optio img{
    padding-top:40px;
}
.reserver .container .row .col .espaces img{
    padding-top:23px;
}

.reserver .container .row .col .card img{
    width:50%;
}
.reserver .container .row .col .card .card-body{
    padding: 0;
}
.reserver .container .row .col .card .card-body h5{
    color:#000;
    font-size:20px;
    padding:23px 0;
    margin-bottom:0;
}
.reserver .container .row .col .card .card-body p.card-text{
    color:#000;
    font-size:16px;
}

/**section parteners**/
.parteners{
    padding:55px 0;
}
.parteners .container .row .col-md-6 .content-texte{
    background-color: #272727;
    padding:39px 40px 31px 40px;
}
.parteners .container .row .col-md-6 .content-texte h2{
font-size:36px;
font-weight: bold;
color:#fff;
}
.parteners .container .row .col-md-6 .content-texte p{
    color:#fff;
}
.parteners .container .row .col-md-6 .content-texte p a i.fa-chevron-right{
font-size:12px;
}
.parteners .container .row .col-md-6 .content-texte p span{
    color:#F47C22;
}

/**contacts**/
.contacts{
    background:url(../img/Basemap-image.png) center center no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding:50px 0;
}

.contacts .container .row .col-md-6 .contacter{
    background-color:#F47C22;
    padding:28px;
    border-radius:4px;
    width:280px;
    margin:66px 0 0 70px;
}
.contacts .container .row .col-md-6 .contacter h6{
    color:#fff;
    font-size:16px;
    font-weight: bold;
}
.contacts .container .row .col-md-6 .contacter p{
    color:#fff;
    font-size:13px;
    margin:0;
}
.contacts .container .row .col-md-6 .form-contact{
    padding:50px;
    background-color: #fff;
    width:425px;
    box-shadow: 0 0 4px #cecece;
    border-radius:4px;
    margin:auto;
}
.contacts .container .row .col-md-6 .form-contact h3{
    font-size: 26px;
    color:#272727;
    font-weight: bold;
}
.contacts .container .row .col-md-6 .form-contact ul{
padding:0;
}
.contacts .container .row .col-md-6 .form-contact ul li{
    list-style: none;
    font-size:13px;
    color:#757575;
    font-weight: 500;
}
.contacts .container .row .col-md-6 .form-contact ul li i{
    color:#F47C22;
}
.contacts .container .row .col-md-6 .form-contact p,
.contacts .container .row .col-md-6 .form-contact span{
    font-size: 13px;
    color:#757575;
}
.contacts .container .row .col-md-6 .form-contact span{
    margin-bottom:30px !important;
    font-weight: bold;
}
.contacts .container .row .col-md-6 .form-contact form .form-group input,
.contacts .container .row .col-md-6 .form-contact form .form-group select,
.contacts .container .row .col-md-6 .form-contact form .form-group textarea{
    border-radius: 4px;
    box-shadow: 0 0 4px #cecece;
}
.contacts .container .row .col-md-6 .form-contact form .form-footer button{
    width:100%;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing:2px;
    font-size:16px;
    font-weight: bold;
}
.form-contact form .form-group .form-select{
font-size: 13px !important;
padding:0.375rem 2.25rem .375rem 1.75rem;
}
.form-contact form .form-group .form-control{
    padding:0.375rem 2.25rem .375rem 1.8rem;
}
.location::placeholder{
   color: #757575;
   opacity: 1;
}
.loca{
position:relative; 
}
.loca i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#F47C22;
}

.nom::placeholder{
   color:#757575;
   opacity: 1;
   font-size: 13px;
}
.pren-nom{
position:relative; 
}
.pren-nom i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#757575;
}

.mail::placeholder{
   color:#757575;
   opacity: 1;
   font-size: 13px;
}
.maile{
position:relative; 
}
.maile i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#757575;
}

.tel::placeholder{
   color:#757575;
   opacity: 1;
   font-size: 13px;
}
.tele{
position:relative; 
}
.tele i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#757575;
}

.mess::placeholder{
   color: #757575;
   opacity: 1;
   font-size: 13px;
}
.texte{
position:relative; 
}
.texte i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#757575;
}


/*** avantages ***/
.avantages{
 background-color:#fff;
 padding-top:50px;
 padding-bottom:40px;
}
.avantages .container .row .col-md-4{
    align-content: center;
    padding-left:40px;
    padding-right:40px;   
}

.avantages .container .row .finance{
    border-left:1px solid #cecece;
    border-right:1px solid #cecece;
}
.avantages .container .row .col-md-4 .d-flex .flex-grow-1 h5{
    font-size:16px;
    font-weight: bold;
    color:#000;
}
.avantages .container .row .col-md-4 .d-flex .flex-grow-1 p{
    color:#000;
    font-size:13px;
    margin:0;
    font-family: 'Amazon Ember Heavy',sans-serif;
}

/**inscription apprenant**/

.banner{
    background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),url('../img/PPC_img13.jpg') no-repeat center;
    background-size: cover;
    padding:200px 15px 0 15px;
    background-attachment: fixed;
    margin:0;
}
.banner .container-fluid .row .col-12{
    text-align: center;
}
.banner .container .row .col-12 h1 span{
color:#F47C22;
}
.banner .container .row .col-12 p.sous-titre{
 font-size:25px;
}
.banner .container .row .col-12 h1,.banner .container .row .col-12 p,.banner .container .row .col-12 button a{
    color:#fff;
}
.banner .container .row .col-12 button{
    margin-top:15px;
    border-radius:3px;
    background: rgb(232,124,59);
background: linear-gradient(180deg, rgba(232,124,59,1) 0%, rgba(236,144,89,1) 50%, rgba(255,95,0,1) 100%);
border:0 !important;
}
.banner .container .row .col-12 button:hover{
    background: rgb(232,124,59);
background: linear-gradient(180deg, rgba(232,124,59,1) 0%, rgba(236,144,89,1) 50%, rgba(255,95,0,1) 100%);
}
.banner .container .row .col-12 button a{
    text-transform: uppercase;
    
    padding:15px 30px;
    font-size:18px;
}

/*form*/
.form{
    background:linear-gradient(rgba(255, 255, 255, .95), rgba(255, 255, 255, .95)),url(../img/peugeot-208-front_NEW_BLACK-ORANGE.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.form .container form .form-group{
    margin-bottom:30px;
}
.form .container h2{
    text-align: center;
}
.form .container form .form-group label{
    font-size:18px;
    color:#000;
    font-weight: 550;
}
.form .container form .valider{
    text-align: center;
}
.form .container form .valider button{
    font-size:18px;
    text-transform: uppercase;
    color:#fff;
    border-radius:3px;
    width:30%;
    border:0 ! important;
}
.form .container form .valider button:hover{
    background-color: #1d1d1d;
    border:0 ! important;
}
.form .container form .form-group input:focus{
    border:none;
}
.form .container .row .col-md-4 .row .col-md-6 p, .form .container .row .col-md-4 p{
    color:#1d1d1d;
    font-size:18px;
}
.form .container .row .col-md-4 .row .col-md-6 i.fa-graduation-cap, .form .container .row .col-md-4 .row .col-md-6 i.fa-chalkboard-teacher{
    color:#F47C22;
    padding:10px;
    border:1px solid #F47C22;
    border-radius:50%;
}
.form .container .row .col-md-4 .row .col-md-6 i.fa-check-circle{
     color:#F47C22;
}
.form .container .row .col-md-4 p span{
    color:#F47C22 !important;
}
.form .container .row .col-md-4 .row .col-md-6 p{
    font-size:18px;
    font-weight: 500;
}
.form .container .row .col-md-4 .row .col-md-6 h3{
    font-size:20px;
}
.form .container h2{
    text-transform: uppercase;
}
/**section performante**/
.performante{
    background-color:#8080801a;
}
.performante .container .row .col-md-8 img{
    border-radius:3px;
}

/**section bas**/

.bas{
    background-color: #F47C22;
        padding:3px;
        margin-bottom:0;
}

.bas .container .row .col-md-6 h4,.bas .container .row .col-md-6 p{
    padding-top:15px;
    color:#fff;
    margin:0;
}
.bas .container-fluid .row .col-md-6 .content{
    align-items: center;
}
.bas .container .row .col-md-6 .content{
    position:relative;
}
.bas .container .row .col-md-6 .content::before{
    content:url('../img/appel-femme.png');
    position:absolute;
    left:-164px;
    bottom:-26px;
}

/**section prix**/
.prix .container .row .col .card,
.options .container .row .col .card{
padding-top:30px;
text-align: center;
border:none;
background-color: transparent !important;
}
.options .container .row .col,.prix .container .row .col{
    text-align: center;
}
.options .container .row .col .card,.prix .container .row .collonne1 .card{
    box-shadow: 0 0px 24px #ccc;
}
.prix .container .row .collonne1 .card span,
.options .container .row .collonne1 .card span{
    font-size:15px;
    font-weight: 550;
    margin:auto;
    width:12.7%;
    color:#1d1d1d;
    padding:10px;
    border:2px solid #1d1d1d;
    border-radius:50%;
}
.prix .container .row .collonne2 .card span,
.options .container .row .collonne2 .card span,
.prix .container .row .collonne3 .card span,
.options .container .row .collonne3 .card span{
    font-size:15px;
    font-weight: 550;
    margin:auto;
    width:13.4%;
    color:#fff;
    padding:10px;
    border:2px solid #fff;
    border-radius:50%;
}
.prix .container .row .collonne2 .card,.options .container .row .collonne2 .card{
    background-color: #F47C22;
}
.prix .container .row .collonne3 .card,.options .container .row .collonne3 .card{
    background-color: #1d1d1d;
}
.prix .container .row .collonne1 .card .card-body h5,
.options .container .row .collonne1 .card .card-body h5{
    color:#1d1d1d;
    font-size:22px;
    font-weight: 550;
}
.prix .container .row .collonne2 .card .card-body h5,
.prix .container .row .collonne3 .card .card-body h5,
.options .container .row .collonne3 .card .card-body h5{
    color:#fff;
    font-size:22px;
    font-weight: 550;
}
.prix .container .row .collonne1 .card .card-body p,
.options .container .row .collonne1 .card .card-body p{
    color:#1d1d1d;
}
.prix .container .row .collonne2 .card .card-body p,
 .prix .container .row .collonne3 .card .card-body p,
 .options .container .row .collonne3 .card .card-body p{
    color:#fff;
}
.prix .container .row .collonne1 .card .card-body small,
.options .container .row .collonne1 .card .card-body small{
    color:#1d1d1d;
    font-size:40px;
    font-weight:700;
}
.prix .container .row .collonne2 .card .card-body small,
.prix .container .row .collonne3 .card .card-body small,
.options .container .row .collonne3 .card .card-body small,
.options .container .row .collonne2 .card .card-body small{
    color:#fff;
    font-size:40px;
    font-weight:700;
}
.prix .container .row .collonne1 .card .card-body small sup,
.options .container .row .collonne1 .card .card-body small sup{
    font-size:22px;
    font-weight:700;
    color:#1d1d1d;
}
.prix .container .row .collonne2 .card .card-body small sup,
.prix .container .row .collonne3 .card .card-body small sup,
.options .container .row .collonne3 .card .card-body small sup,
.options .container .row .collonne2 .card .card-body small sup{
    font-size:22px;
    font-weight:700;
    color:#fff;
}
.prix .container .row .collonne1 .card .card-body small sub,
.options .container .row .collonne1 .card .card-body small sub{
    font-size:22px;
    font-weight:550;
    color:#1d1d1d;
}
.prix .container .row .collonne2 .card .card-body small sub,
.prix .container .row .collonne3 .card .card-body small sub,
.options .container .row .collonne3 .card .card-body small sub{
    font-size:22px;
    font-weight:550;
    color:#fff;
}
.prix .container .row .collonne3 .card .card-footer button,.options .container .row .collonne3 .card .card-footer button{
    text-transform: uppercase;
    padding:5px 30px;
    color:#fff;
    border-radius:3px;
    background: rgb(232,124,59);
background: linear-gradient(180deg, rgba(232,124,59,1) 0%, rgba(236,144,89,1) 50%, rgba(255,95,0,1) 100%);
border:0 !important;
}
.options .container .row .collonne3 button,
.options .container .row .collonne2 button,
.options .container .row .collonne1 button,
.prix .container .row .collonne1 button,
.prix .container .row .collonne2 button,
.prix .container .row .collonne3 button{
    text-transform: uppercase;
    padding:5px 30px;
    color:#fff;
    border-radius:3px;
    background: rgb(232,124,59);
background: linear-gradient(180deg, rgba(232,124,59,1) 0%, rgba(236,144,89,1) 50%, rgba(255,95,0,1) 100%);
border:0 !important;
margin-top:15px;
}
/*page apprentis*/
.apprentis{
     background-color:#8080801a;
}

.apprentis .container .row .col-md-12 h2{
     text-align: center;
    text-decoration: underline;
    text-align: center;
}

.apprentis .container .row .col-md-12 #accordion .menus .nav li a,
#accordion2 .menus .nav-item a{
    color:#1d1d1d;
}
.apprentis .container .row .col-md-12 #accordion .menus .nav li a:active,
.apprentis .container .row .col-md-12 #accordion .menus .nav li a:hover,
.apprentis .container .row .col-md-12 #accordion .menus .nav li a:focus,
#accordion2 .menus .nav li a:active,
#accordion2 .menus .nav li a:hover,
#accordion2 .menus .nav li a:focus{
    color:#F47C22;
}

.apprentis .container .row .col-md-12 #accordion .menus .nav li:hover,
.apprentis .container .row .col-md-12 #accordion2 .menus .nav li:active,
.apprentis .container .row .col-md-12 #accordion .menus .nav li:active,
 #accordion2 .menus .nav li:hover{
    border-bottom: 1px solid #F47C22;
}

/*section formule*/
table tr td{
    display:table-cell;
    vertical-align:middle;
    font-size:17px;
    font-weight: 500;
}
.formules .container .row .col-md-12 .table-responsive table tr.entete{
    text-align: left;
}
.formules .container .row .col-md-12 .table-responsive table tr th.titre{
    font-size:30px;
    display:table-cell;
    vertical-align:middle;
}
.formules .container .row .col-md-12 .table-responsive table tr th.t1{
    background-color: #F47C22;
    color:#fff;
}
.formules .container .row .col-md-12 .table-responsive table tr th.t2{
    background-color: #1d1d1d;
    color:#fff;
}
.formules .container .row .col-md-12 .table-responsive table tr th.t3{
    background-color: #757575;
    color:#fff;
}

.formules .container .row .col-md-12 .table-responsive table tr,.formules .container .row .col-md-12 .table-responsive table tr th.titre{
    text-align: center;
    align-items: center;
}
.formules .container .row .col-md-12 .table-responsive table tr th,
.formules .container .row .col-md-12 .table-responsive table tr td{
    width:25%;
}
table tr.price td:first-child,
table tr.duree td:first-child,
table tr.assurance td:first-child,
table tr.carburant td:first-child,
table tr.kilometrage td:first-child,
table tr.pratique td:first-child,
table tr.vitesse td:first-child,
table tr.premium td:first-child,
table tr.beneficier td:first-child,
table tr.reduction td:first-child,
table tr.tax td:first-child{
    text-align: right;
}
.formules .container .row .col-md-12 .table-responsive table tr td button,
.formules .container .row .col-md-12 .table-responsive table tr td button:hover{
    background: rgb(232,124,59);
background: linear-gradient(180deg, rgba(232,124,59,1) 0%, rgba(236,144,89,1) 50%, rgba(255,95,0,1) 100%);
border:0 !important;
color:#fff; 
}
.formules .container .row .col-md-12 .table-responsive table tr td.pric span{
    font-size:40px;
    font-weight: 700;
    color:#1d1d1d;
}
.formules .container .row .col-md-12 .table-responsive table tr td.pric{
     color:#1d1d1d;
}
.formules .container .row .col-md-12 .table-responsive table tr.price td:not(:first-child){
    color:#F47C22;
    font-size:30px;
    font-weight: 700;
     display:table-cell;
    vertical-align:middle;
}
.formules .container .row .col-md-12 .table-responsive table tr.duree td:nth-child(3),
.formules .container .row .col-md-12 .table-responsive table tr.duree td:nth-child(4),
.formules .container .row .col-md-12 .table-responsive table tr td.check,
.formules .container .row .col-md-12 .table-responsive table tr.vitesse td:not(:first-child),
.formules .container .row .col-md-12 .table-responsive table tr.reduction td:not(:first-child),
.formules .container .row .col-md-12 .table-responsive table tr.tax td:not(:first-child){
    color:#F47C22;
}
.formules .container .row .col-md-12 .table-responsive table tr:nth-child(odd){
    background-color:#33333354;
}
.formules .container .row .col-md-12 .table-responsive table tr:nth-child(even){
    background-color:#33333317;
}
.formules .container .row .col-md-12 .table-responsive table tr td:first-child{
    color:#1d1d1d;
}
.formules .container .row .col-md-12 .table-responsive table tr td:first-child span{
    color:#F47C22;
}


/*section fiche pédagogique*/
.donwload i{
    color:#F47C22;
    font-size:30px;
    margin:15px;
}

/*section pub*/
.pub{
    background-color: #F47C22;
    padding:50px 15px;
}
.pub .container .row .col-md-4{
    padding:15px 25px;
    text-align: center;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.pub .container .row .col-md-4 i{
   font-size:50px;
   color:#fff;
   margin-bottom:15px;

}
.pub .container .row .col-md-4 p{
       color:#fff;
}

/**section myslide**/
.myslide{
    margin:40px 0;
}
.content-carousel{
    padding:50px;
}
.content-carousel h5,
.content-carousel p{ 
    color:#fff !important;
}
.content-carousel h5{
    font-size:40px;
}
.content-carousel p{
    font-size:22px;
}
.content-carousel a{
    font-size:25px;
}
.content-carousel a .fa-chevron-right:before{
    font-size:23px;
}

/**section partenaires**/
.partenaire{
   background:linear-gradient(rgba(0, 0, 0, .8), rgba(0, 0, 0, .8)),url(../img/peugeot-208-front_NEW_BLACK-ORANGE.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.partenaire .container-xxl .text-center h2{
margin-bottom:30px;
}
.partenaire .container-xxl .text-center h4{
    margin-bottom:25px !important;
}
.partenaire .container-xxl .text-center p{
    color:#F47C22;
    font-size:20px;
    font-style: 700;
}


/**step commande**/
.steps .container h2{
    padding-top:40px;
     padding-bottom:15px;
     padding-left:15px;
     padding-right:15px;
}
.stepwizard-step{
    padding:15px;
}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard{
    display: table;
    width: 100%;
    position: relative;
     margin:auto;
}
.stepwizard-step a{
    position: relative;
    font-weight:600; 
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-step a:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 254px;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    left:30px;
}
.stepwizard-step a.last:before{
    display:none !important;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 18px;
    line-height: 1;
    border-radius: 15px;
}
.steps .container .row .col-xs-6 .btn-primary,.steps .container .row .col-xs-6 .btn-success{
    border-radius:3px;
    margin-top:30px;
}
.steps .container .row .col-xs-6 .btn-primary:hover,.steps .container .row .col-xs-6 .btn-primary:active{
background-color: #F47C22 !important;
border-color:#F47C22 !important;
}

.setup-content .col-xs-6 .col-md-12 .form-check input{
    margin-right:10px;
    margin-left:0 !important;
     margin-top:9px;
}
    
.setup-content .col-xs-6 .col-md-12 .expresses label h3,
.setup-content .col-xs-6 .col-md-12 .automatik label h3,
.setup-content .col-xs-6 .col-md-12 .initialle label h3,
.option3 label h3,.option2 label h3,.option1 label h3{
    font-size:1rem;
}
.setup-content .col-xs-6 .col-md-12 .expresses label h3 span,
.setup-content .col-xs-6 .col-md-12 .automatik label h3 span,
.setup-content .col-xs-6 .col-md-12 .initialle label h3 span,
.option3 label h3 span,.option2 label h3 span,.option1 label h3 span{
    font-size:1.5rem;
    color:#F47C22;
}

/*form paiement*/
.steps .container form #step-4 .col-xs-6 .col-md-12 h3{
    margin:30px 0;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-8 h2{
    text-transform: uppercase;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 h2{
    text-transform: uppercase;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-8 .form-group{
    margin-bottom:30px;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4{
    background-color:#f3f3f3;
    padding:15px;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 p.confidentialite{
    margin-top:30px;
    font-size:14px !important;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 table tr th{
    background-color:#cfcccc;
    padding:2px;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 table tr td,
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 table tr th{
text-align: center;
color:#1d1d1d;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 table tr td .total{
    color:#F47C22 !important;
}
.steps .container form #step-4 .col-xs-6 .col-md-12 .container .row .col-md-4 table tr td .total span{
    font-size:20px !important;
}
.autre{
    margin-top:5 !important;
}
.note_carte{
    margin-top:15px;
}
.note_bank p{
    font-size: 14px;
}
.paiement .form-check{
    margin:15px 0;
}
/*.paiement .form-check input{
    margin-top:0 !important;
}*/
.paypal .payer{
    background-color: #F47C22;
    border:0;
    margin-top:0 !important;
}
.paypal .payer a{
    color:#fff !important;
}
.virement,.carte,.paiement,.paypal-paiement{
margin-top:5px !important;
}


/**remerciement page **/

.remerciement{
    padding:50px 15px;
}
.remerciement .container .row .resumer p span{
color:#F47C22;
font-weight:550;
}
.remerciement .container .row .col-md-12 table tr td,
.remerciement .container .row .col-md-12 table tr th{
    color:#1d1d1d;
}
.remerciement .container .row .col-md-12 table tr td:nth-child(2),
.remerciement .container .row .col-md-12 table tr td:nth-child(3),
.remerciement .container .row .col-md-12 table tr th:nth-child(3){
text-align: right;
}
.remerciement .container .row .col-md-12 table tr td.total{
    font-size:20px;
    color:#F47C22;
    font-weight: 550;
}

/**login page **/
.connexion{
    padding:50px 15px 200px 15px;
}
.connexion .container .row .col-md-6{
    box-shadow: 0 0 24px #d1cccc;
    padding:50px 30px;
    border-radius:3px;
}
.connexion .container .row .col-md-6 h2, .form .container h2{
    text-align: center;
    margin-bottom:30px;
    text-shadow: 0 3px 1px;
}
.connexion .container .row .col-md-6 form .form-group{
    margin-bottom: 30px;
}
.connexion .container .row .col-md-6 form .form-group .valider{
    border-radius: 3px;
}


/**agences */
.agences{
    background-color: #8080801a;
    padding-bottom:30px;
}
.agences .container .row .col .card{
    padding-bottom:40px;
}
.agences .container .row .col .card .card-body{
    text-align: center;
}
.agences .container .row .col .card .card-body .card-title{
    color:#F47C22 !important;
    text-shadow:0 1px 0;
}

/**accompagnateurs*/
.accompagnateurs .container .row .col-lg-3{
    margin:15px 0;
}
.accompagnateurs .container .row .col-lg-3 .team-item{
    padding:10px;
}
.shrink img {
transition: 1s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 1s ease;
}

/**espace client*/
.espace_clients{
    background-color: #8080801a;
}
.forfait h3{
    text-decoration:underline;
}
.forfait .col-md-12 .table-responsive .table tr th{
    font-size:20px;
    color:#1d1d1d;
    text-transform: uppercase !important;
    text-align: center;
    vertical-align: middle;
}
.forfait .col-md-12 .table-responsive .table tr td{
    text-align: center;
}
.forfait .col-md-12 .table-responsive .table tr td span{
    color:#F47C22;
    font-size:35px;
}
.forfait .col-md-12 .table-responsive .table tr td button,.forfait .col-md-12 .table-responsive .table tr td button.btn-dark{
    border-radius:3px;
    border:0;
}
.forfait .col-md-12 .table-responsive .table tr td button a{
        color:#fff;
}
.forfait .col-md-12 .table-responsive .table tr td button:hover{
    background-color: #F47C22;
    border:0;
}
.forfait .col-md-12 .table-responsive .table tr td button.btn-dark:hover{
    background-color: #1d1d1d;
    border:0;
}

/**reservation**/
.reservation h3{
    margin-bottom:15px;
    text-decoration: underline;
}
.reservation a{
    background-color:#F47C22;
    padding:7px 30px;
    color:#fff !important;
    text-transform: uppercase;
    font-weight: 550;
    text-align: center;
}
/**packages**/
.packages .row .col-md-12 #accordion_child .menus li a{
    color:#1d1d1d !important;
    text-decoration: underline;
}
.packages .row .col-md-12 #accordion_child .menus li a:hover,
.packages .row .col-md-12 #accordion_child .menus li a:active,
.packages .row .col-md-12 #accordion_child .menus li a:focus{
    color:#F47C22 !important;
}
.packages .row .col-md-12 #accordion_child .contents .collapse .row .col-md-12 .table-responsive table tr th,
.packages .row .col-md-12 #accordion_child .contents .collapse .row .col-md-12 .table-responsive table tr td{
    text-align: center;
    color:#1d1d1d;
}
.packages .row .col-md-12 #accordion_child .contents .collapse .row .col-md-12 .table-responsive table tr th{
    font-size:18px;
}
.packages .row .col-md-12 #accordion_child .contents .collapse .row .col-md-12 .table-responsive table tr td.action a{
    margin:10px;
}
.message{
    border:0;
    background-color: #F47C22 !important;
    justify-content: end;
    border:0;
}
.message:hover,.message:active,.message:focus,.mes_options button:hover{
background-color: #F47C22 !important;
}
.btn-primary:focus,.mes_options button:focus{
    background-color: #F47C22 !important;
    border-color:#F47C22 !important;
}
/**mes options**/
#option .row .col-md-12 .table-responsive .table tr th,
#option .row .col-md-12 .table-responsive .table tr td{
    color:#1d1d1d;
}
#option .row .col-md-12 .table-responsive .table tr th{
    font-size: 20px;
}
#option .row .col-md-12 .table-responsive .table tr td a{
    margin:10px;
}
.mes_options button{
    border-radius:3px;
    border:0 !important;
}
.mes_options button a{
    color:#fff !important;
    text-transform: uppercase;
}
/** points**/
#points .row .col-md-12 .table-responsive .table tr th,
#points .row .col-md-12 .table-responsive .table tr td{
    color:#1d1d1d !important;
    text-align: center;
}
#points .row .col-md-12 .table-responsive .table tr th{
    font-size: 20px;
}
#points .row .col-md-4 .comment,
#points .row .col-md-4 .comment:hover,
#points .row .col-md-4 .comment:active,
#points .row .col-md-4 .comment:focus{
    background-color: #F47C22 !important;
    border:0 !important;
    color:#fff !important;
}
#points .row .col-md-4 .achat-forfait{
    font-weight: 550;
    font-size: 18px;
}
/** section conditions génerales **/
.conditions-generales p{
font-size:16px;
}

.conditions-generales .container .tabses{
    background-color:#e3e7ea;
    padding:80px 0;
}
.conditions-generales .container .tabses .form-tab{
    background-color:#fff;
    width:70%;
    margin:auto;
} 
.conditions-generales .container .tabses .form-tab{
    border-radius:4px;
}
.conditions-generales .container .tabses .form-tab nav .nav-tabs button{
    background-color:#cbd0d4;
    color:#fff;
    margin-right:2px;
}
.conditions-generales .container .tabses .form-tab nav .nav-tabs button.active{
    background-color:#fff;
    color:#272727;
}
.conditions-generales .container .tabses .tab-content{
    padding:40px;
}
.conditions-generales .container .tabses .tab-content .tab-pane form .row .col-md-6{
    color:#272727;
}
.conditions-generales .container .tabses .tab-content .tab-pane form .form-group{
    margin-bottom:30px;
}
.conditions-generales .container .tabses .tab-content .tab-pane form .form-group .form-check span{
    color:#F47C22;
}
.conditions-generales .container .tabses .tab-content .tab-pane form .col-12{
    text-align: right;
}
.conditions-generales .container .tabses .tab-content .tab-pane form .col-12 .soumetre{
    border-radius: 4px;
    padding:12px 40px;
    font-weight: 600;
}
.conditions-generales .container .fermez{
    background-color:#cbd0d4;
}
.conditions-generales .container .fermez i{
    color:#F47C22;
}
.conditions-generales .container .fermez button{
    color:#272727;
}
.form-select{
    padding:0.375rem 2.25rem .375rem 1.8rem;
   }

.agences-formules{
    position:relative;
    margin-bottom:30px;
}
.agences-formules i{
position:absolute;
left: 5px;
top:8px;
color:#F47C22;
}
.conditions-generales .container .cg{
    padding:40px 0;
}
.conditions-generales .container .cg .col-md-11 h1{
    font-size:35px;
    color:#272727;
}
.conditions-generales .container .cg .col-md-11 p span{
    color:#F47C22;
}
.conditions-generales .container .cg .col-md-11 p.contrat-location{
    text-transform: uppercase;
}
.conditions-generales .container .cg .col-md-1 .color-1,.color-1{
    height:40px;
    background-color:#cbd0d4; 
}
.conditions-generales .container .cg .col-md-1 .color-2,.color-2{
    height:15px;
    background-color:#F47C22;
    margin-top:10px; 
}
.conditions-generales .container .align-items-start{
    padding:30px 0;
}
.conditions-generales .container .align-items-start .row .col-md-4 .nav-pills .nav-link{
    text-align: left;
    border-bottom:1px solid #d9dadc;
    background-color:#f4f4f4;
    color:#F47C22;
    text-transform:uppercase;
    font-size: 14px; 
    font-weight: 550;
}

.conditions-generales .container .align-items-start .row .col-md-8{
    background-color:#f4f4f4;
    padding:30px; 
}
.conditions-generales .container .align-items-start .row .col-md-8 .tab-content .tab-pane .content .content-body h2{
 font-size:30px;
 color:#272727;
}

.conditions-generales .container .align-items-start .row .col-md-8 .tab-content .tab-pane .content .content-footer{
justify-content:end;
}
.conditions-generales .container .align-items-start .row .col-md-8 .tab-content .tab-pane .content .content-footer p{
    margin:15px;
}
.conditions-generales .container .align-items-start .row .col-md-8 .tab-content .tab-pane .content .content-footer p a{
    color:#272727;
}

.conditions-generales .container .align-items-start .row .col-md-8 .tab-content .tab-pane .content .content-footer p i{
    color:#F47C22;
}

/**page condidat libre**/
.candidat-libre .navigue ul li a{
color:#272727;
}
.candidat-libre .navigue ul li a.active{
    color:#F47C22;
    border-bottom:1px solid #F47C22;
}
.candidat-libre .banner{
    text-align: center;
    color:#fff;
}
.candidat-libre .banner h1{
    color:#fff;
}
.candidat-libre .banner h1 span{
    color:#F47C22;
}
.candidat-libre .banner .sous-titre{
    color:#fff;
    font-size:22px;
    padding-bottom:30px;
}
#presentation{
    padding-left:30px;
    padding-right:30px;
}
#presentation .banner-middle{
    background:url(../img/image-banner.png) no-repeat; 
    background-size: cover;
    padding:120px 15px;
}
#presentation .banner-middle .col-md-4 .p2{
 font-weight: 550;
}
#presentation .banner-middle .col-md-4 h3{
    font-size:25px;
    margin-bottom:15px;
}
.icones .row .col .card{
    text-align: center;
    border:none !important;
}
.icones .row .col .card span i{
    color:#F47C22;
    border-radius: 50%;
    padding:10px;
    border:1px solid #F47C22;
}
.icones .row .col .card span i.fa-tower-broadcast{
    border:none;
}
.icones .row .col .card h5{
    color:#272727;
    font-size: 16px;
}
#code-route hr{
    margin:40px 0;
}
#code-route .row .col-md-6 h4{
font-size: 22px;
color:#272727;
}

#formules,#conduite,
#code-route,
#presentation{
    padding-top:30px;
    padding-bottom:30px;
    margin:30px 0;
    background-color: #fff;
    box-shadow: 0 0 4px #d9dadc;
    border-radius:4px;
}
#conduite .row .col-md-10{
    text-align: center;
}
#formules .col-md-10 h2,
#conduite .row .col-md-10 h2,
#code-route .row .col-md-10 h2,
#presentation .row .col-md-12 h2{
    font-size: 30px;
    text-decoration: none;
    color:#272727;
    text-align: center;
}
#conduite .col-md-10 p span{
    color:#F47C22;
    font-size: 28px; 
}
#conduite .col-md-10 p.price{
    font-size: 25px;
}
.reservation-vehicule .col-md-6{
    text-align: left;
}
.reservation-vehicule .col-md-6 h4{
    font-size: 25px;
    color:#272727;
}
.reservation-vehicule .col-md-6 button{
    background-color: transparent;
    padding: 12px 30px 12px 0;
    color:#F47C22;
    border-radius: 4px;
}
.reservation-vehicule .col-md-6 button:hover{
    background-color: transparent !important;
    padding: 12px 30px 12px 0;
    color:#F47C22 !important;
    border-radius: 4px;
}
.reservation-vehicule .col-md-6 button img{
    margin-right: 15px;
}
#formules .col-md-10 p.text-center span,
#conduite .col-md-10 p.text-center span{
    color:#F47C22;
}
.formules-listes{
    padding-top:30px;
    padding-bottom:30px;
}
.formules-listes .col-md-6 .gauche,
.formules-listes .col-md-6 .droite{
    border:1px solid #d9dadc;
    padding:15px;
    text-align: center;
}
.formules-listes h3{
    font-size:25px;
    color:#272727;
}
.formules-listes>p{
    color:#000;
    font-weight: 550;
}
.formules-listes p i{
    font-size: 20px;
    border-radius:50%;
    border:1px solid #F47C22;
    color:#F47C22;
    padding:10px;
}
.formules-listes .col-md-6{
height:124px;
}

.formules-listes .col-md-6 .gauche h6,
.formules-listes .col-md-6 .droite h6{
    text-transform: uppercase;
    color:#272727;
    font-size: 16px;
}

.formules-listes .col-md-6 .gauche p,
.formules-listes .col-md-6 .droite p{
    font-size: 14px;
}
.bas-page span.price{
font-size:40px;
color:#272727;
}
.bas-page p.text span{
color:#F47C22;
}
.bas-page p a .fa-circle-plus{
    font-size:20px;
}
.bas-page p.finance{
    color:#F47C22;
}
.bas-page p span{
    font-size: 18px;
    font-weight: 550;
}
.bas-page button{
    padding:12px 30px;
    width:100%;
    font-size: 20px;
}
.banner-bas-page{
    text-align: center;
    background: url(../img/bg-appris.png) no-repeat center center;
    background-size: cover;
    padding:30px 15px 300px 15px;
}
.banner-bas-page h2,.banner-bas-page-options h2{
    font-size:25px;
    color:#fff;
    margin-bottom:30px;
}
.banner-bas-page h2 span, .banner-bas-page-options h2 span{
    color:#F47C22;
}
.banner-bas-page button,.banner-bas-page-options button{
    background-color: transparent;
    border:1px solid #F47C22;
    padding:12px 30px 12px 0;
    color:#F47C22;
    border-radius:4px;
}
.banner-bas-page button img{
    margin-right:15px;
}
 
.avantage{
    background-color: #fff;
    padding:30px 15px;
    border-radius: 4px;
    margin-top:15px;
}
.avantage .row .seven{
    margin-top:42px;
}
.avantage .row .seven .card-body{
    margin-top:18px;
}
.avantage .row .col .h-100 .card-body h5{
color:#272727;
font-size:18px;
}
.avantage .row .col span.seven-days{
    color: #F47C22;
    padding:22px 15px;
    border-radius: 50%;
     font-size:19px;
     margin:15px;
     border:2px solid #F47C22;
}

.avantage .row .col span i.fa-phone{
    color:#F47C22;
    padding:22px;
    border-radius: 50%;
    font-size:22px;
    border:2px solid #F47C22;
}
.avantage .row .col span i.fa-euro-sign{
    color: #F47C22;
    padding:22px 26px;
    border-radius: 50%;
     font-size:22px;
     border:2px solid #F47C22;
}
.banner-bas{
    background-color:#f1f1f1;
    margin:40px 0;
    box-shadow: 30px 0px 30px 0 #d9dadc;
}
.banner-bas p{
    color:#272727;
}
.banner-bas p span{
    color:#F47C22;
}
.banner-bas .col-md-4,.banner-bas .col-md-1{
    padding-top:15px;
    padding-bottom:15px;
}
.banner-bas .col-md-7{
 padding:0;
}
.banner-bas .col-md-7 img{
 width:100%;
}
.banner-bas .col-md-4 p{
    font-size: 14px;
}
.banner-bas .col-md-4 h3{
    font-size:22px;
    color:#272727;
}
.banner-bas .col-md-4 button{
    background-color: transparent;
    border-radius:4px;
    padding:12px 30px 12px 0;
    color:#F47C22;
}
.banner-bas .col-md-4 button:hover{
     background-color: transparent !important;
}

.banner-bas .col-md-4 button img{
    margin-right: 15px;
}
.bas-page{
    margin-bottom:50px;
}
.bas-page .col-md-6 .content{
    margin-top:30px;
    text-align: left;
}
.bas-page .col-md-6 .content .body h5{
    color:#272727;
    text-transform: uppercase;
    font-size: 16px;
}
.bas-page .right{
 margin:auto;
 justify-content: center; 
 text-align: center;  
}
.bas-page .right img{
width:98%;

}
.bas-page .col-md-6 .content .body p{
    font-size:14px;
}
.bas-page .col-md-6 .content .boton{
    text-align:end;
}
.bas-page .col-md-6 .content .boton button{
    background-color: transparent;
    margin-left:15px;
    color:#F47C22;
    padding:12px 20px;
    border-radius: 4px;
    border:1px solid #F47C22;
}
/*page fiche pratique*/
.astuces-coach .container .row .col-md-12,
.astuces-coach .container .row{
    text-align: center;
    margin:30px 0;
}
.astuces-coach .container .row .col-md-12 span i{
    color:#F47C22;
    font-size:30px;
}
.astuces-coach .container .row h3{
    color:#272727;
}

.astuces-coach .container .row .col-md-12 h2,
.astuces-coach .container .row h2,
.formule-gagnante .container .row h2,
.perfectionnement #presentation .row .col-md-10 h2{
    font-size: 28px;
    color:#272727;
}
.astuces-coach .container .row .col-md-12 p.sous-titre,
.astuces-coach .container .row p.sous-titre{
    text-transform: uppercase;
}
.astuces-coach .container .row .col-md-12 p span{
    color:#F47C22;
}
.astuces-coach .container .row button{
    background-color: transparent;
    padding: 12px 30px 12px 0;
    border:1px solid #F47C22;
    border-radius: 4px;
    text-align: center;
}
.astuces-coach .container .row button a{
    color:#272727;
}
.astuces-coach .container .row button img{
    margin-right:15px;
}
.astuces-coach .container .row button span{
    color:#F47C22;
}
.accompagnateurs .container .row .col-md-5 h5{
    font-size:25px;
    color:#272727;
}
.accompagnateurs .container .row .col-md-5 p span{
    color:#F47C22;
}
.accompagnateurs .container .row .col-md-5 button{
    background-color: transparent;
    border:1px solid #F47C22;
    border-radius: 4px;
    padding:12px 30px 12px 0;
    color:#F47C22;
    margin-top:15px;
    margin-bottom:15px;
}
.accompagnateurs .container .row .col-md-5 button img{
    margin-right: 15px;
}
.formule-gagnante .container .row .col-md-12 .coach-item h5{
    font-size:22px;
    color:#272727;
}
.formule-gagnante .container .row .col-md-12 .coach-item h5 span,
.perfectionnement #presentation .row .col-md-10 p span{
    color:#F47C22;
}
.formule-gagnante .container .row .col-md-12 .coach-item .body p.gain-heure{
    font-size:18px;
    color:#272727;
    font-weight:bold;
    margin-bottom:0;
}
.formule-gagnante{
     /* box-shadow: 30px 0px 30px 0 #d9dadc;*/
     box-shadow: 0px 0px 33px -10px #d9dadc;
}
.coach-carousel .owl-stage-outer .owl-stage .owl-item,
.coach-item{
    cursor: pointer;
} 

.owl-theme .owl-nav.disabled + .owl-dots{
    margin-top:30px !important;
}
/*perfectionnement presentation*/
.perfect .container{
    background-color: #fff;
}
.perfectionnement #presentation{
    box-shadow: none;
}
.perfectionnement #presentation .row .col-md-10 .entete{
    margin-bottom:30px;
}
.perfectionnement #presentation .row .col-md-10 h2{
    text-decoration: none;
}
.perfectionnement #presentation .row .col-md-10 .row .col-12 h4{
    color:#272727;
}
.perfectionnement #presentation .row .col-md-10 hr{
    margin:40px 0;
}
/**Offres**/
.offres-header .navigue ul li a{
    color:#272727 !important;
}

.offres-header .navigue ul li a.active{
    color:#F47C22 !important;
}
.offres-header .entete-offres h1{
    color:#272727;
    font-size:35px;
    margin-bottom:0;
}
.offres-header .entete-offres p{
    color:#272727;
    font-size:28px;
    font-weight: 500;
}

.offres-header .bannerOffres .row .bg-gauche{
    background: url(../img/kindle.jpg) no-repeat center;
}

.offres-header .bannerOffres .row .bg-droite{
    background: url(../img/PPC_img2.jpg) no-repeat center;
}

.offres-header .bannerOffres .row .col-md-5 p{
    padding:15px;
    background-color: rgba(0,0,0,.75);
    color:#fff;
}
.offres-header .bannerOffres .row .col-md-2{
    padding:15px 0;
    background-color: rgba(0,0,0,1);
    color:#fff;
}

.offres-header .bannerOffres .row .col-md-2 .content h5{
    color:#fff;
    padding:5px;
    text-align: left;
    border-left:3px solid #F47C22;
    background-color: rgba(255,255,255,.2);
    font-size: 18px;
    font-weight: normal;
}
.offres-header .bannerOffres .row .col-md-2 .content p{
    color:#fff;
    text-align: left;
    margin:0;
    padding-left:30px;
    padding-right:30px;
}
.offres-header .bannerOffres .row .col-md-2 .content p.inscription{
    text-align: center;
    margin-bottom:5px;
    margin-top:5px;
}
.offres-header .bannerOffres .row .col-md-2 .content span{
    text-align: left;
    color:#F47C22;
    padding-left:30px;
    padding-right:30px;
}
.offres-header .bannerOffres .row .col-md-2 .content div.price{
    text-align: center;
}
.offres-header .bannerOffres .row .col-md-2 .content span.prix{
    font-size:28px;
    font-weight: 500;
}
.offres-header .bannerOffres .row .col-md-2 .content h5.free{
    color:#fff;
    background-color:#F47C22;
}
.offres-header .bannerOffres .row .col-md-2 .content h2{
    color:#fff;
    font-size:22px;
    text-align: center;
    border-bottom:1px solid #d9dadc;
    margin:0;
    padding:18px;
}
.bannerOffres .offresCandidat{
    position:relative;
}
.bannerOffres .offresCandidat .owl-nav .owl-prev{
    position: absolute;
    left:0;
    top:50%;
    background-color: rgba(0,0,0,.7);
}

.bannerOffres .offresCandidat .owl-nav .owl-next{
    position: absolute;
    right:0;
    top:50%;
    background-color: rgba(0,0,0,.7);
}
.icones-offres .container{
    border-top:1px solid #d9dadc;
    border-bottom:1px solid #d9dadc;
    padding:10px 0 10px 0;
}
.icones-offres .boutons{
    text-align: center;
}
.icones-offres .boutons button{
    border:none;
    padding:3px 15px;
}
.icones-offres .boutons button.b1{
    background-color:#F47C22;
}
.icones-offres .boutons button.b1 a,
.icones-offres .boutons button.b2 a{
    color:#fff;
}
.icones-offres .boutons button.b2{
    background-color:grey;
}
.icones-offres .container .row .col-md-1 span i.fa-exchange-alt{
    color:#F47C22;
    border:1px solid #F47C22;
    border-radius: 50%;
    padding:15px;
    font-size: 18px;
}
.icones-offres .container .row .col-md-1 span i.fa-chevron-right{
    font-size:30px;
}

.icones-offres .container .row .col-md-3 button{
    background: rgb(244,124,34);
    background: linear-gradient(180deg, rgba(244,124,34,1) 0%, rgba(245,184,122,0.8827906162464986) 50%, rgba(244,124,34,1) 100%);
    border-radius:4px;
    border:none;
}
.icones-offres .container .row .col-md-3 button a{
    color:#fff;
}
.uflex .row .col-md-10 h2 span{
color:#00c1ff;
}
.uflex .row .col-md-10 .image p{
    font-size:22px;
}
.uflex .row .col-md-10 p span.heures{
    font-size:35px;
    color:#00c1ff;
}
.uflex .list-icones h3,.uwin .list-icones h3,
.free .list-icones h3{
    font-size:30px;
    color:#272727;
}
.uflex .list-icones h3 span{
    color:#F47C22;
}

.uflex .list-icones #accordion .menus .nav span i,
.uwin .list-icones #accordion .menus .nav span i,
.ufree .list-icones #accordion .menus .nav span i,
#option-compris .list-icones #accordion2 .menus ul span i,
#option-complete .list-icones #accordion3 .menus ul span i{
    color:#F47C22;
    font-size:25px;
}
.uflex .list-icones #accordion .menus .nav li a,
.uwin .list-icones #accordion .menus .nav li a,
.ufree .list-icones #accordion .menus .nav li a,
#option-compris .list-icones #accordion2 .menus ul li a,
#option-complete .list-icones #accordion3 .menus ul li a{
    color:#272727;
}
.uflex .list-icones #accordion .menus .nav li a.active,
.uwin .list-icones #accordion .menus .nav li a.active,
.ufree .list-icones #accordion .menus .nav li a.active,
#option-compris .list-icones #accordion2 .menus ul li a.active,
#option-complete .list-icones #accordion3 .menus ul li a.active{
    color:#272727;
    border-bottom:1px solid #272727;
}
.uflex .list-icones #accordion .menus,
.uwin .list-icones #accordion .menus,
.ufree .list-icones #accordion .menus{
    margin-bottom:30px;
}
.uflex .list-icones #accordion .menus .nav li,
.uwin .list-icones #accordion .menus .nav li,
.ufree .list-icones #accordion .menus .nav li,
#option-compris .list-icones #accordion2 .menus ul li,
#option-complete .list-icones #accordion3 .menus ul li{
    border-bottom:1px solid grey;
}
.uflex .list-icones #accordion .contents #Kilométrage h5,
.uwin .list-icones #accordion .contents #Kilométrage h5,
.ufree .list-icones #accordion .contents #Kilométrage h5,
#option-complete .list-icones #accordion3 .menus ul li svg{
    color:#F47C22;
}
.bas-page .content .body h5{
    font-size:16px;
    color:#272727;
    text-transform: uppercase;
    text-align: left;
}
.banner-bas-offre{
    background: url(../img/femme-sourire.png) no-repeat center left;
    background-size: contain;
    padding-bottom: 100px;
}
.banner-bas-offre .col-md-4 .btn-primary a{
    color:#F47C22;
}
.banner-bas-offre .col-md-4 .btn-primary,
.banner-bas-offre .col-md-4 .btn-primary:hover{
    background-color: transparent !important;
    padding:12px 30px 12px 0;
    border-radius: 4px;
}
.banner-bas-offre .col-md-4 .btn-primary img{
    margin-right:15px;
}
.passer-permis .container .banner-bas-offre{
    box-shadow:9px 15px 34px 14px #d9dadc;
}
.bas-page .col-md-4 .content .body p{
    font-size:13px;
}
.bas-page .col-md-4 .content .body .boton .btn a{
    font-size:13px;
}
.botons .btn{
    padding:5px 8px !important;
    font-size:14px;
    border:1px solid #F47C22;
    border-radius:4px;
}
/*section comparaison*/
.comparaison .container .table td,
.comparaison .container .table th{
    text-align: center;
}
.comparaison .container .table td i.fa-circle-check,
.comparaison .container .table td.basic,
.comparaison .container .table td.option,
.comparaison .container .table td.sept-jours,
.comparaison .container .table td.lundi,
.comparaison .container .table td.cinq-heure{
    color:#F47C22;
}
.comparaison .container .table .tarif th,
.comparaison .container .table .tarif td{
    background-color: #F47C22;
    color:#fff;
}
.comparaison .container .table td i.fa-circle-xmark{
    color:red;
}
.comparaison .container .table thead tr th{
    border:none !important;
}
.comparaison .container .table td.miniscule{
    font-size:13px;
}
.comparaison .container .table td.miniscule span{
    font-size:18px;
}
.comparaison .container .table td button,
.comparaison .container .table td button:hover{
    background-color: transparent !important;
    border:1px solid #F47C22;
    border-radius:4px;
    padding:8px 30px;
}
.comparaison .container .table th{
    text-transform: uppercase;
    align-items: center;
}
/**page options**/
.options{
    background:linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)),url('../img/PPC_img13.jpg') no-repeat center;
    background-size: cover;
    padding:100px 15px;
    background-attachment: fixed;
    margin:0;
}
.options .row .col-md-5 h1{
    font-weight: 500;
}
.options .row .col-md-5 p.sous-titre{
    font-weight:550;
    font-size:28px;
}
.options .row .col-md-5 p.sous-titre span{
color:#F47C22;
}
#option-compris .list-icones{
    text-align: center;
}
#accordion2 .menus ul li a{
    padding-left:25px;
    padding-right:25px;
}
#option-compris .list-icones h2,
#option-complete .list-icones h2{
    color:#272727;
    text-decoration:none;
}
#option-compris .list-icones p span{
color:#F47C22;
}
.contents #Protection .row .protege{
    background:linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)),url('../img/bouclier-de-securite.png') no-repeat center;
    background-size: contain;
}

#option-compris .list-icones #accordion .contents #Protection .row .protege h3{
    color:#272727;
}

.banner-bas-page-options{
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)),url(../img/conseils-2.jpg) no-repeat center center;
    background-size: cover;
    padding:150px 15px;
}

.testimonial{
    background-color: #8080801a !important;
}
.apprentis{
    border:none !important;
}
.testimonial .container .row .col-12 .card{
    background-color: transparent !important;
}
.testimonial .container .row .col-12 .card img{
    width: 50%;
}
.testimonial .container .row .col-12 .card .card-body span.d-block{
    color:#F47C22;
    font-size: 16px;
}
.testimonial .container .row .col-md-7{
    background-color:#e3e7ea; 
}

.testimonial .container .row .col-md-4{
    background-color: #fff;
    padding:30px;
}
.testimonial .container .row .col-md-4 h3{
    color:#272727;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom:15px;
}
.testimonial .container .row .col-md-4 .p-1{
    font-size: 18px;
    margin-bottom:30px;
}
.testimonial .container .row .col-md-4 .p-2 span{
    color:#F47C22;
    margin-bottom:15px;
}
.testimonial .container .row .col-md-4 button{
    background-color: transparent;
    padding:12px 30px 12px 0;
    border:1px solid #F47C22;
    border-radius:4px;
}
.testimonial .container .row .col-md-4 button img{
    margin-right:15px;
}
section.partners{
    background-color: #f4f4f4;
}
section.partners .container{
    background-color: #fff;
    padding-bottom:50px;
}
section.partners h2{
    color:#272727;
}
section.partners p{
    font-size:20px;
}
section.partners p span{
    color:#F47C22;
}
section.partners .container .liste-partners ul li img{
    width:70%;
}
.contents #vip .row .protege .prix p.m-0{
    font-size:16px;
    color:#F47C22;
}
.contents #vip .row .protege{
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)),url(../img/carte-vip.png) no-repeat center center;
    background-size: contain; 
}
.contents #vip .row .protege .prix{
    margin-top:30px;
}
.contents #vip .row .protege .prix p span{
    font-size:22px;
    color:#272727;
}
/*** Footer ***/
.footer{
    padding-top:80px;
    padding-bottom:80px;
}
.container-fluid .container .row .col-lg-4 .logo-footer{
    margin-bottom:30px;
}

.container-fluid .container .row .col-lg-4 .textes{
    margin-bottom:15px;
}
.container-fluid .container .row .col-lg-4 .textes p,
.container-fluid .container .row .col-lg-4 .contact p{
    margin:0;
}
.footer{
    background: url('../img/bg-footer.png') no-repeat center;
    background-size: cover;
}
.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}
.footer .btn.btn-link:hover {
    color: var(--primary);
    letter-spacing: 1px;
    box-shadow: none;
}
.footer .container .row .col-md-4 p{
    color:#fff;
}
.footer .container .row .col-md-4 .mb-4{
    font-size:18px;
    margin-bottom:10px !important;
}
.footer .container .row .col-md-4 .d-flex .fa-facebook-f, .fa-blogger{
    color:#F47C22;
    font-size:15px;
    margin:10px;
}

.footer .container .row .col-md-4 .btn-warning,
.footer .container .row .col-md-4 .btn-default{
margin-bottom:15px;
}

.footer .container .row .col-md-4 .btn-warning{
    border-radius:4px;
    text-transform: uppercase;
    font-size:16px;
    padding:10px 30px;
   background-color:#F47C22;
border:none;
padding:13px 34px 12px;
}
.footer .container .row .col-md-4 .btn-default{
    border-radius:4px;
    text-transform: uppercase;
    font-size:16px;
    background-color: #fff;
    padding:13px 39px 12px;
    border:none;
}
.footer .container .row .col-md-4 .btn-default a{
     color:#000;
     font-size:16px;
     letter-spacing:2px;
     font-weight: 550;
     color:#272727;
}

.footer .container .row .col-md-4 .btn-warning a{
    color:#fff !important;
    font-size:16px;
    letter-spacing:2px;
    font-weight: 550;
}
.footer .container .row .colonne-3 ul li{
list-style: none;
}
.footer .container .row .colonne-3 h4{
    font-weight: 500;
}
.footer .container .row .colonne-3 form .input-group input{
    border-radius:4px 0 0 4px;
}
.footer .container .row .colonne-3 form .input-group .input-group-prepend button{
    border-radius:0 4px 4px 0;
}
.footer .container .row .colonne-3 ul li:hover,.footer .container .row .colonne-3 ul li a:hover{
    background-color: transparent !important;
}
.footer .container .row .colonne-3 ul li a:hover{
    color:#F47C22;
}

input[type="email"]{
width:100%; 
max-width:250px; 
border:2px solid #72ae00;
border-radius:4px;
/*margin:8px 0;*/
outline:none;
padding:8px;
box-sizing:border-box;
height:38px;
padding-left:35px;
background: rgba(255,255,255,.3);
color:#fff;
}
.mailing::placeholder{
   color: #fff;
   opacity: 1;
}
.input-icone{
position:relative; 
}
.input-icone i{
position:absolute;
left:0; 
top:0;
padding:9px 8px;
color:#272727;
}
input[type="email"]:hover {
background: rgba(255,255,255,.4); 
}
input.button {
background: #F47C22;
color: #fff;
border-color: #F47C22;
border-radius:4px;
height: 40px;
width: 50px;
font: bold 15px arial, sans-serif;
text-shadow:none;
cursor:pointer;
}


.back-to-top,.back-to-top:hover,.back-to-top:active,.back-to-top:focus{
    background-color:#F47C22 !important;
    border:none !important;
}
.copyright {
    background: #1E1D1D;
    padding-bottom:30px !important;
    padding-top:30px !important;
}
.copyright p{
    text-align: center;
    margin-bottom:0 !important;
    font-size:16px;
    color:#fff;
}
.copyright a {
    color: var(--primary);
}

.copyright a:hover {
    color: var(--light);
}


/*responsive*/
@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 450px;
    }
    
    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .testimonials .container .row .avis{
    width:100% !important;
    font-size:16px !important;
}
.sous-menu{
    background-color:#353535;
    padding-bottom:0px !important;
    width:100%;
    left:18%;
}

.bas .container .row .col-md-6 .content::before {
    content: url(../img/appel-femme.png);
    position: absolute;
    left: 218px;
    bottom: -26px;
    }
    .bas .container .row .col-md-6 h4{
        font-size:15px;
    }
    .bas .container .row .col-md-6 p{
        font-size:13px;
    }

    .stepwizard-step a:before {
    display:none;
}
.etape3 p{
    margin-bottom:43px;
    }

    header .top-bar .container{
    padding:10px;
    }
    header .top-bar .container .row .rs{
    text-align: center;
    }
    header .top-bar .container .row .ouverture,
    header .top-bar .container .row .mail,
    header .top-bar .container .row .tel{
    text-align: left;
    }
    .navbar-expand-lg .collapse .main-menu ul{
    align-items: start;
    }
    .navbar-expand-lg .collapse{
    background-color: #272727;
    }
    header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li{
        margin:5px 0;
    }
     header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li a{
        color:#fff;
    }
    .navbar-expand-lg .collapse .element-right a,
    .navbar-expand-lg .collapse .element-right span i{
    color:#fff;
   }
    .collapse .main-menu .element-right li.icone-search{
        position: relative;
    }
   .collapse .main-menu .element-right li.icone-search span{
    position: absolute;
    left:219px;
    top:-17px;
    color:#fff;
   }
   .collapse .main-menu .element-right li i{
    color:#fff;
   }

.prestation .sous-menu .footer-submenu p,
.code .sous-menu .footer-submenu p,
.conduite .sous-menu .footer-submenu p,
.location .sous-menu .footer-submenu p{
    padding-left:15px;
    padding-right:15px;
    }
    .avantages .container .row .col-md-4{
    margin-bottom:15px;   
    }
    .contacts .container .row .col-md-6 .contacter{
    margin:0 0 15px 0;
    }
    .contacts .container .row .col-md-6 .form-contact{
        width:100%;
    }
    .apprentissage .container .row .flexible{
    padding-left:0;
    padding-right:0;
    margin:15px 0;
    }
    .collapse .main-menu .element-right li .sous-menu{
        padding:0;
    }
    section.searchs .container-fluid .container .search{
        margin-top:15px;
    }
    section.sliders .banner-carousel .row .right-col .right{
        width:100%;
        height:auto;
    }
    section.sliders .banner-carousel .banner-item{
	width:100%;
	height:auto;
	}
	section.sliders .banner-carousel .slider-2{
    padding-left:0;
    padding-right:0;
}
section.sliders .banner-carousel .slider-3 .droite .right-3{
    margin-top:15px;
    padding:15px;
	}
	section.sliders .banner-carousel .slider-3 .gauche .left-3 img{
	margin-top:15px;
	}
/*slider 1*/
section.sliders{
    background-color: rgba(0,0,0,.80);
}
section.sliders .banner-carousel .banner-item{
	width:100%;
	height:100%;
}
section.sliders .banner-carousel .row .col-md-6{
    padding:0 !important;
    margin:0 !important;
}
section.sliders .banner-carousel .row .col-md-6 .lefte{
    background-color:#272727;
    padding:70px 89px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte h2{
    font-size:23px;
    color:#fff;
    font-family: 'Amazon Ember Heavy',sans-serif;
    margin-bottom: 0; 
}
section.sliders .banner-carousel .row .col-md-6 .lefte>span{
    color:#F47C22;
    font-size:22px;
    font-weight: bold;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p{
    color:#fff;
    font-size:18px;
    font-weight: bold;
    padding:20px 0 0 28px;
    position: relative;
    margin-top:15px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p img.border-top-left{
    position:absolute;
    top:0;
    left:0;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p span{
    color:#F47C22;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button{
    padding:12px 20px 12px 0;
    border-radius: 4px;
    font-size: 16px;
    border:none;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a{
    color:#fff;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a svg{
    margin-right:15px;
    margin-bottom:1px;
}

section.sliders .banner-carousel .row .right-col{
    background:url(../img/Group-110.png) no-repeat center;
    background-size: cover;
}
/*slider 2*/

section.sliders .banner-carousel .slider-2{
    background: url(../img/slider-2.png) no-repeat top;
    background-size: cover;
    padding-left:10%;
    padding-right:10%;
}
section.sliders .banner-carousel .slider-2 .col-md-12{
    padding:15px;
    background-color: #fff;
    box-shadow: 0 0 4px #cecece;
    height:auto;
}
section.sliders .banner-carousel .slider-2 .col-md-12 span.duree{
    color:#F47C22;
    font-size:16px;
    font-weight:bold;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.location{
    color:#272727;
    font-size:16px;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif{
font-size:20px;
color:#272727;
font-weight: bold;
position:relative;
padding:20px 0 0 28px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif img{
    position:absolute;
    left:0;
    top:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix{
    font-size:22px;
    color:#272727;
    font-weight:bold;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix span{
color:#78EE00;
font-size:22px;
font-weight: bold;
-webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.heure{
    font-size:16px;
    color:#272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h2{
    font-size:20px;
    color:#272727;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h3{
    font-size:20px;
    color:#78EE00;
    -webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button{
    border-radius:4px;
    padding:12px 20px 12px 0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a{
    color:#fff;
    font-size:16px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a svg{
    color:#fff;
    margin-right:15px;
}
/*slider 3*/
section.sliders .banner-carousel .slider-3{
    background:url(../img/slider-3.png) no-repeat;
    background-size: cover;
    background-position: 15% 15%;
}
section.sliders .banner-carousel .slider-3 .droite h2{
    color:#272727;
    font-size:20px;
}
section.sliders .banner-carousel .slider-3 .gauche .left-3 img{
margin-top:10px;
width:60%;
}
section.sliders .banner-carousel .slider-3 .droite .right-3{
    margin-top:10px;
    padding:15px;
}
    .offres-header .bannerOffres .offresCandidat-carousel .owl-stage-outer{
        height:794px;
    }
.offres-header .bannerOffres .offresCandidat-carousel .owl-stage-outer .owl-stage .owl-item{
    width:390px !important;
    padding:15px;
  }
  section.sliders .banner-carousel .owl-dots{
    position:absolute;
    left:39%;
}

}
@media (min-width: 991.98px) {
 ...
}
@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        border-top: 1px solid #EEEEEE;
    }
    .testimonials .container .row .avis{
    width:100% !important;
    font-size:16px !important;
}
.sous-menu{
    background-color:#353535;
    padding-bottom:0px !important;
    width:100%;
    left:18%;
}

.guide .container .ligne2 .col-md-1::before,.gearbox .container .row .col-md-6 .row .col-md-1::before{
    display:none;
}
.guide .container .ligne2 .col-md-5{
    padding: 15px;
}
.guide .container .ligne1 .col-md-5 h2,h2,.guide .container .ligne2 .col-md-6 h2{
    font-size:28px;
}
.guide .container .ligne2{
    padding-top:25px;
}
.bas .container .row .col-md-6 .content::before {
    content: url(../img/appel-femme.png);
    position: absolute;
    left: 218px;
    bottom: -26px;
}
.bas .container .row .col-md-6 h4{
        font-size:15px;
    }
    .bas .container .row .col-md-6 p{
        font-size:13px;
    }
     .stepwizard-step a:before {
    display:none;
}
.etape3 p{
    margin-bottom:43px;
}

header .top-bar .container{
    padding:10px;
}
    header .top-bar .container .row .col-sm-12 .d-inline-flex{
        text-align: left;
    }
    header .top-bar .container .row .rs{
    text-align: center;
    }
    header .top-bar .container .row .ouverture,
    header .top-bar .container .row .mail,
    header .top-bar .container .row .tel{
    text-align: left;
    }
    .collapse .main-menu .navbar-nav .apprend{
        border:none;
    }
    .navbar-expand-lg .collapse .main-menu ul{
    align-items: start;
}
 .navbar-expand-lg .collapse{
    background-color: #272727;
    }
    header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li{
        margin:5px 0;
    }
    header .container-fluid .navbar-default .row .navbar .collapse .main-menu .navbar-nav li a{
        color:#fff;
    }
.navbar-expand-lg .collapse .element-right a,
    .navbar-expand-lg .collapse .element-right span i{
    color:#fff;
   }
  .collapse .main-menu .element-right li.icone-search{
        position: relative;
    }
   .collapse .main-menu .element-right li.icone-search span{
    position: absolute;
    left:100px;
    top:-35px;
    color:#fff;
   }
   .collapse .main-menu .element-right li i{
    color:#fff;
   }
   .collapse .main-menu .element-right li a{
    margin-top:18px;   
    }

.prestation .sous-menu .footer-submenu p,
.code .sous-menu .footer-submenu p,
.conduite .sous-menu .footer-submenu p,
.location .sous-menu .footer-submenu p{
    padding-left:15px;
    padding-right:15px;
}
.avantages .container .row .col-md-4{
    margin-bottom:15px;   
    }
    .contacts .container .row .col-md-6 .contacter{
    margin:0 0 15px 0;
    }
    .contacts .container .row .col-md-6 .form-contact{
        width:100%;
    }
    .apprentissage .container .row .flexible{
    padding-left:0;
    padding-right:0;
    margin:15px 0;
    }
    .collapse .main-menu .element-right li .sous-menu{
        padding:0;
    }
    section.searchs .container-fluid .container .search{
        margin-top:15px;
    }
    section.sliders .banner-carousel .row .right-col .right{
        width:100%;
        height:auto;
    }
    section.sliders .banner-carousel .banner-item{
	width:100%;
	height:auto;
	}
	section.sliders .banner-carousel .slider-2{
    padding-left:0;
    padding-right:0;
}
section.sliders .banner-carousel .slider-3 .gauche .left-3 img{
margin-top:15px;
}
section.sliders .banner-carousel .slider-3 .droite .right-3{
    margin-top:15px;
    padding:15px;
	}

section.sliders{
    background-color: rgba(0,0,0,.80);
}
section.sliders .banner-carousel .banner-item{
	width:100%;
	height:100%;
}
section.sliders .banner-carousel .row .col-md-6{
    padding:0 !important;
    margin:0 !important;
}
section.sliders .banner-carousel .row .col-md-6 .lefte{
    background-color:#272727;
    padding:70px 89px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte h2{
    font-size:23px;
    color:#fff;
    font-family: 'Amazon Ember Heavy',sans-serif;
    margin-bottom: 0; 
}
section.sliders .banner-carousel .row .col-md-6 .lefte>span{
    color:#F47C22;
    font-size:22px;
    font-weight: bold;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p{
    color:#fff;
    font-size:18px;
    font-weight: bold;
    padding:20px 0 0 28px;
    position: relative;
    margin-top:15px;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p img.border-top-left{
    position:absolute;
    top:0;
    left:0;
}
section.sliders .banner-carousel .row .col-md-6 .lefte>p span{
    color:#F47C22;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button{
    padding:12px 20px 12px 0;
    border-radius: 4px;
    font-size: 16px;
    border:none;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a{
    color:#fff;
}
section.sliders .banner-carousel .row .col-md-6 .lefte button a svg{
    margin-right:15px;
    margin-bottom:1px;
}

section.sliders .banner-carousel .row .right-col{
    background:url(../img/Group-110.png) no-repeat center;
    background-size: cover;
}
/*slider 2*/

section.sliders .banner-carousel .slider-2{
    background: url(../img/slider-2.png) no-repeat top;
    background-size: cover;
    padding-left:10%;
    padding-right:10%;
}
section.sliders .banner-carousel .slider-2 .col-md-12{
    padding:15px;
    background-color: #fff;
    box-shadow: 0 0 4px #cecece;
    height:auto;
}
section.sliders .banner-carousel .slider-2 .col-md-12 span.duree{
    color:#F47C22;
    font-size:16px;
    font-weight:bold;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.location{
    color:#272727;
    font-size:16px;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif{
font-size:20px;
color:#272727;
font-weight: bold;
position:relative;
padding:20px 0 0 28px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.tarif img{
    position:absolute;
    left:0;
    top:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix{
    font-size:22px;
    color:#272727;
    font-weight:bold;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.prix span{
color:#78EE00;
font-size:22px;
font-weight: bold;
-webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 p.heure{
    font-size:16px;
    color:#272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h2{
    font-size:20px;
    color:#272727;
    margin-bottom:0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 h3{
    font-size:20px;
    color:#78EE00;
    -webkit-text-stroke: 1px #272727;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button{
    border-radius:4px;
    padding:12px 20px 12px 0;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a{
    color:#fff;
    font-size:16px;
}
section.sliders .banner-carousel .slider-2 .col-md-12 button a svg{
    color:#fff;
    margin-right:15px;
}
/*slider 3*/
section.sliders .banner-carousel .slider-3{
    background:url(../img/slider-3.png) no-repeat;
    background-size: cover;
    background-position: 15% 15%;
}
section.sliders .banner-carousel .slider-3 .droite h2{
    color:#272727;
    font-size:20px;
}
section.sliders .banner-carousel .slider-3 .gauche .left-3 img{
margin-top:10px;
width:60%;
}
section.sliders .banner-carousel .slider-3 .droite .right-3{
    margin-top:10px;
    padding:15px;
    }
.offres-header .bannerOffres .offresCandidat-carousel .owl-stage-outer{
    height:794px;
    }
.offres-header .bannerOffres .offresCandidat-carousel .owl-stage-outer .owl-stage .owl-item{
    width:540px !important;
    padding:15px;
  }
section.sliders .banner-carousel .owl-dots{
    position:absolute;
    left:39%;
}
/*.banner-carousel .owl-stage-outer{
    height:794px;
    }
.banner-carousel .owl-stage-outer .owl-stage .owl-item{
    width:543px !important;
    padding:15px;
  }
  */

}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 170%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
/*...*/
}





