/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2017 POINT WEB
type : screen
categorie : structure site
Auteur : SERCO POINTWEB
site : Auto-école 2L
**************************************************************************/

/************* COOKIES **************/

#cookiesdirective{opacity: 0.8 !important;}
#explicitsubmit, #explicitsubmit:focus{ border: none; background: transparent; color: #FFF; margin-left:0.5em; outline:none; }
input#impliedsubmit { background-color: #FFF; color: #3e4035; border: none; border-radius: 100px; margin: 0 0 0 1em; padding: 0 0.5em; font-size: 10px;}

/*******FONT*******/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

/************* GENERAL **************/

* {  margin: 0;  padding: 0;  outline: none;  list-style-position: inside;  }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; outline:none; }
section,article,header,footer,nav,aside {  display: block;  }
table,td,blockquote,code,pre,textarea,input,video {  max-width: 100%;  }
p, dd, ul{  word-wrap: break-word;  -webkit-hyphens: none;  -moz-hyphens: none;  -ms-hyphens: none;  -o-hyphens: none;  hyphens: none;  }
input, textarea, button {  -webkit-appearance: none;  -webkit-border-radius: 0;  }

body {font-family: 'Open Sans', sans-serif; font-weight: 300; color:#242424; overflow-x: hidden;}
img {  border: none;  max-width: 100%; /*width: 100%;*/  height: auto;  }

a, button {  text-decoration: none;  -webkit-transition: all ease 0.2s;  -ms-transition: all ease 0.2s;  -moz-transition: all ease 0.2s;  transition: all ease 0.2s;  }
a:hover {  text-decoration: none;  }
a:focus{ outline: none;}
h1, h2, h3, h4, h5, h6{  font-weight: normal;  margin: 0;  }
.paragraphe {  font-size: 12px;  line-height: 19px;  text-align: justify; }
li{ list-style-type: none;}
hr{  outline: none;  border: none; }
.clear {  clear: both;  background: none;  outline: none;  border: none; height: 0px; margin: 0;}
.separator{  display: block;  width: 100%;  height: 1px;  background: #d0d0d0;  margin: 10px auto;  }

#scrollToTop{display: none !important;}
#scrollToBottom{display: none !important;}


.black-title{text-transform: uppercase; color:#242424; font-size: 14px; letter-spacing: 0.2em;font-weight: bold;}

.btn{padding:0.6em 2.4em; border-radius: 5px; border:0; font-weight: 700; letter-spacing: 0.05em;}
.btn-primary{background-color: #b00f49; transition: 0.3s}
.btn-primary:hover{padding:0.6em 2.6em;background-color: #dc0f56; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.btn-info{background-color: #036695; transition: 0.3s}
.btn-info:hover{padding:0.6em 2.6em;background-color: #0F4484;}

a.link-arrow{font-size: 1.1em; color:#0f4484; font-weight: 600;padding: 0.2em 0; margin-top: 1em; display: inline-block; transition:0.3s;}
a.link-arrow i{color:#b00f49; padding-left: 0.3em; transition:0.3s;}
a.link-arrow:hover{color:#b00f49;}
a.link-arrow:hover i{padding-left: 0.6em;}

.slick-slider, .slick-list, .slick-track, .slick-slide{height:100%;}
.slick-slide{overflow:hidden;text-align:center;float:left;min-height:1px;}
.slick-slider{overflow:hidden;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}


.title-page div{transition:0.3s;padding:3em 0; text-align: center; font-size: 2em; color:white; text-transform: uppercase; font-weight: 600; background: url('../../img/fond-titre.jpg') center center no-repeat; background-size: cover; margin-bottom: 2em; border-bottom: 10px solid #dc0f56; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.title-page-auto div{transition:0.3s;padding:3em 0; text-align: center; font-size: 2em; color:white; text-transform: uppercase; font-weight: 600; background: url('../../img/fond-titre-auto.jpg') center center no-repeat; background-size: cover; margin-bottom: 2em; border-bottom: 10px solid #dc0f56; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.title-page-moto div{transition:0.3s;padding:3em 0; text-align: center; font-size: 2em; color:white; text-transform: uppercase; font-weight: 600; background: url('../../img/fond-titre-moto.jpg') center center no-repeat; background-size: cover; margin-bottom: 2em; border-bottom: 10px solid #dc0f56; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.title-page-pmr div{transition:0.3s;padding:3em 0; text-align: center; font-size: 2em; color:white; text-transform: uppercase; font-weight: 600; background: url('../../img/fond-titre-pmr.jpg') center center no-repeat; background-size: cover; margin-bottom: 2em; border-bottom: 10px solid #dc0f56; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.fixed-header .title-page div, .fixed-header .title-page-auto div, .fixed-header .title-page-moto div{padding:1em 0;}

@media (max-width: 768px) {
    .title-page h2{font-size: 1.3rem;}
    .title-page div{padding:2em 0;}
}

/*----------------------------------------------------< RESET BOOTSTRAP >---------------------------------------------------*/

.navbar-default {  background-color: transparent;  border-color: transparent;  }
p{ margin: 0;}
.breadcrumb{ background-color: transparent; padding-left: 0;}

a.btn-link{ color: #58c5c2;}
a.btn-link:hover{  color: #b00f49;}

.pagination{margin-top: 1.4em;}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #b00f49;
    border-color: #b00f49;
}

.pagination > li > a, .pagination > li > span {  color: #0f4484;  }
.pagination .page-link:hover { color: #fff; background-color: #b00f49;}
.pagination .page-item.active .page-link{color: #fff; background-color: #0f4484; border-color: transparent;}

.list-unstyled{  margin: 2em 0; }
.list-unstyled li{ margin-bottom: 0.2em;}
.list-unstyled li a:hover{  margin-left: 1em;  text-decoration: none;  }

.container{max-width: 1400px;}

/*----------------------------------------------------< HEADER >---------------------------------------------------*/
#header{ width: 100%; float: left; position: fixed; z-index: 900;}
#headerTop{ background: #f7f7f7; padding: 1em 0; transition: 0.3s;}
.fixed-header #headerTop{padding: 0.5em 0;}
#headerBottom{ background: #FFF; padding: 1em 0;}

.fixed-header #header{-moz-box-shadow:0 0 5px 0 #656565;-webkit-box-shadow:0 0 5px 0 #656565;-o-box-shadow:0 0 5px 0 #656565;box-shadow:0 0 5px 0 #656565;filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5)}
.fixed-header #logo img{ width: 50%}

h1{color: #ccc; font-size: 12px;}
.fixed-header h1{color: #ccc; font-size: 12px;}

#header #logo img{width: auto;}

/*----------------------------------------------------< MENU TOP >---------------------------------------------------*/

.nav-pills > li{ margin: 0 0.4em; font-size: 16px; font-weight: 700;}
.nav-pills > li >  a { color: #0f4484; padding: 0 0.5em;}
.nav-pills > li.active > a {  color: #5ec6c7;  background-color:transparent;  }
.nav-pills > li.active > a:hover, .nav-pills > li > a:hover  {  color: #cb1756;  background-color:transparent;  }
.nav-pills > li.active > a:focus, .nav-pills > li > a:focus{ background-color: transparent;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {  background: none !important;  border-color: transparent !important;  }
/*.nav-pills > li >  a::after {  background-color: #cb1756;  }
.nav-pills > li >  a::after {  content: "";  display: block;  height: 1px;  position: absolute;  left: 50%;  bottom: -5px;  width: 0;  background-color: #cb1756;  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);  }
.nav-pills > li>  a:hover:after {  width: 100%;  left: 0  }*/
.dropdown-menu {top:130%; min-width: 180px;  background-color: #FFF; border-radius: 4px;  box-shadow: none; margin-left: 50%; transform: translateX(-50%);}
.dropdown-menu a{ color: #0f4484; display: block; width: 100%;  padding: 0.3em 1em; text-align: center; font-weight: 600;}
.dropdown-menu a:hover{ background: #cb1756;  color: #FFF;}


a.nav-pre-inscr{background-color: #cb1756; border-radius: 8px; padding:0.2em 0.6em !important; color:white!important;}
a.nav-pre-inscr:hover{background-color: white; color:#cb1756!important;}
i.fa-user{padding-right: 0.4em;}

ul.nav li:nth-child(5) a{
    background-color: #cb1756;
    border-radius: 8px;
    padding: 0.2em 0.6em !important;
    color: white;
    transition: all;
}

ul.nav li:nth-child(5) a:hover {
    background-color: #fff;
    color: #cb1756;
}



/* MENU RESPONSIVE */

a.menu_btn {color: #0f4484; padding:1em;}
a.menu_btn:hover {  color: #cb1756;}
a.menu_btn .hamburger{width: 30px; float:left;}
a.menu_btn .hamburger span{width: 30px; height: 3px; background-color: #0f4484; display: block; margin:6px 0; transition: 0.3s;}
a.menu_btn:hover .hamburger span{background-color: #cb1756;}
a.menu_btn i{float:left; font-style: normal; font-weight: 700; padding: 0.35em 0 0 0.5em; text-transform: uppercase;}


#menuResponsive {  position: fixed;  background: #fff; top: 0;  bottom: 0;  height: 100vh;  width: 100%; max-width: 100%; transform: translateY(100%);  overflow-y: scroll;  z-index: 9999; transition:all ease 0.3s;   }
#menuResponsive.open{ transform: translateX(0); }

#menuResponsive .closeMenu { display: block;  background: #0f4484 ; width: 100%;  color: #FFF;  font-size: 14px;  font-weight: 600; text-transform: uppercase;  padding: 1em 2em; text-align: right;}
#menuResponsive .closeMenu:hover{ background: #cb1756 ;}
#menuResponsive .closeMenu i{ color:#cb1756; position: relative; top:0.1em; font-size: 17px; padding-right: 0.4em; transition: 0.3s}
#menuResponsive .closeMenu:hover i{ color:#fff;}

#menuResponsive ul.startMenu{margin:0; padding-top: 20px; height: 90%;}
#menuResponsive ul.startMenu li{ width: 100%; float: left; min-height: calc(100%/10); text-align: center;}
#menuResponsive ul.startMenu li a {padding:0.2em 0; background-color: transparent;  position: relative;  top: -1px;  margin: 0;  color: #0f4484;  font-size: 24px;  border-right: 0;  width: 100%; ;  font-weight: 600;  border-bottom: none;  display: block;  }
#menuResponsive ul.startMenu li a i {padding-left: 0.4em;}
#menuResponsive ul.startMenu li a:hover{ background-color: #cb1756; color :white;}
#menuResponsive ul.startMenu li ul li{ color: #FFF; line-height: normal; margin:0.2em 0;}
#menuResponsive ul.startMenu li ul li.active a{ color: #ccc; text-decoration: underline;}
#menuResponsive ul.startMenu li ul li a {  width: 100%;  display: block;  font-weight: 600;  font-size: 16px;  color: #0f4484;  border: 0; padding: 0.5em;  }
.startMenu .subMenu{ padding-top: 1em; display: none; width: 100%; float: left;}
.startMenu .subMenu li {  margin: 0 0 0.8em 0;  }
.startMenu .subSubMenu{ padding: 0;}
.startMenu .subSubMenu li a{ font-weight: 300 !important; color: #0f4484 !important; text-transform: none !important;}
.startMenu .subSubMenu li a:hover, .startMenu .subSubMenu li a.active{ color: #cb1756 !important; background: none; border: 0 !important;}
#menuResponsive ul.startMenu li ul li a:hover,
#menuResponsive ul.startMenu  a.toggleLiSub{ color: #cb1756 !important; background: none!important;; border: 0!important;}


/**************** NAV ICON *****************/
#nav-icon{position: fixed;top:50%;right: 0;z-index: 9999;}
#nav-icon a i{display: block;background-color: #242424;color:#fff; padding:1.1em;font-size: 1.6em; margin: 0.2em 0; text-align: center;transition: 0.3s;transform: translateY(-50%);}
#nav-icon a:hover i{background-color: #cb1756;}

@media (max-width: 1500px) {
    #nav-icon a i{padding:0.6em; font-size: 1.2em;}
}

@media (max-width: 1200px) {
    #nav-icon{display: none;}
}

/*----------------------------------------------------< SECTION SLIDE >---------------------------------------------------*/


/************* slider **************/

/*#slider [class*="col"]{ padding-right: 0; padding-left: 0;}
#slider img{ width: 100%;}*/

section#slider{height: 85vh;width: 100%;background: #0f4484;}
section#slider [data-swiper="slider"]{height: 100%;}
section#slider .swiper-slide{flex:1 0 auto; display: flex; align-items: center; height: 100%; position: relative;}
section#slider .swiper-wrapper{display:flex;flex-wrap:nowrap;height:100%;}
section#slider .bg {height:100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0;}
section#slider .bg img {height:100%; width: 100%; object-fit: cover;}
section#slider .container {z-index: 1;}
section#slider .swiper-btn {position: absolute; display: flex; z-index: 10; width: 100%; bottom: 15em; left: 50%; transform: translateX(-50%); justify-content: flex-end;}
section#slider .swiper-button:hover {background: rgba(255,255,255,.5);}
section#slider .swiper-button {cursor: pointer; display: flex; height: 45px; width: 45px; justify-content: center; align-items: center; background: rgba(255,255,255,.2); border-radius: 50%; transition: .3s ease-in-out;}
section#slider .swiper-button img {object-fit: contain; height: 15px; width: 15px; opacity: .5; transition: .3s ease-in-out;}
section#slider .swiper-button:hover img {opacity: 1;}
section#slider .swiper-button-prev {margin-right: .5em;}
section#slider .swiper-button-disabled {opacity: 0;}


section#slider .btn {
    margin-top: 3em;
}

section#slider .black-title{
    color:white; margin:0; margin-bottom: 3em;
}

section#slider .title{
   color:white;
   font-size: 30px;
   font-weight: 700;
}

section#slider .title.span{
   font-size: 48px;
    padding: 0;
}


@media (max-width: 768px) {

    section#slider .title{
        font-size: 20px;
    }
    section#slider .title.span{
        font-size: 35px;
    }
    section#slider .swiper-btn {bottom: 11em;}
}



/*----------------------------------------------------< ASIDES >---------------------------------------------------*/

aside.aside-nos-permis .grey-left{position: absolute; top:0; left:0; height: 100%; width: 50%; background: #242424;}

aside.aside-nos-permis{position: relative; z-index: 2; top:-53px; left:0;}
aside.aside-nos-permis .nos-permis-infos{background-color: #242424; color:white; padding: 0.8em 0.5em; text-transform: uppercase; font-size: 32px;}
aside.aside-nos-permis img{padding:0 0.6em; width:auto;}
aside.aside-nos-permis p{float: left; padding-right: 2.4em;}


@media (max-width: 992px){
aside.aside-nos-permis .grey-left{width: 100%;}
aside.aside-nos-permis img{padding:0 0.4em; width:auto;}
aside.aside-nos-permis p{font-size:18px;float: none; padding-right: 0em; text-align: center;padding-bottom: 1em;}
aside.aside-nos-permis .nos-permis-infos div{width: 100%; display: flex; justify-content: center; margin:0 auto;}
}

@media (max-width: 768px) {
aside.aside-nos-permis img{width: 25%; max-width: 100px; object-fit: contain;}
aside.aside-nos-permis .nos-permis-infos{padding: 0.8em 0em;}
}



.asideInfos p{text-align: center; font-size: 16px; font-weight: 600; color:white;}
.asideInfos p:nth-child(1){font-size: 24px; text-transform: uppercase; line-height: 1.4em;}
.asideInfos .row .content-infos{background-color: #0f4484; padding:3em 1em 4em 1em;}
.asideInfos .row .content-infos div{width: 100%;}
.asideInfos span{display: block;width: 100px; height: 2px; background-color: #fff; margin:1em auto;}
.asideInfos .row{margin:0;}
@media (max-width: 992px){
.asideInfos p:nth-child(1){font-size: 20px;}
.asideInfos .row .content-infos:nth-child(3){padding:0em 1em 4em 1em;}
}

/*----------------------------------------------------< CONTENT >---------------------------------------------------*/

h3{font-weight: 700; font-size: 30px; padding:0.6em 0;}
h3 span{color:#0f4484;}
p.paragraphe, div.paragraphe{font-size: 16px; font-weight: 300; color:#242424; line-height: 1.5em; text-align: left; margin-bottom: 1.4em;}
p.paragraphe span, div.paragraphe span{font-weight: 700;}
.p-blue{font-weight: 700; color:#0f4484;}
.p-blue span{color:#b00f49;}

#content{padding:3em 0 5em 0; position: relative;}

#content.indexPage{background-color: #f7f7f7; padding:0 0 5em 0;}
.indexPage .col-12{padding:1em;}



/*----------------------------------------------------< NOS OFFRES >---------------------------------------------------*/

.nosOffres .black-title, .nosOffres p.paragraphe, .nosOffres h3{text-align: center;}
.nosOffres{padding:4em 1em; position: relative;}
.nosOffres .moto-honda{position: absolute; top:-3em; right: 0;}

@media (max-width: 992px) {
    .nosOffres .moto-honda{position: absolute; top:-3em; right: -4em;}
}
@media (max-width: 768px) {
    .nosOffres .moto-honda{position: absolute; top:-3em; right: -8em;}
}
@media (max-width: 600px) {
    .nosOffres .moto-honda{display: none;}
}

.nosOffres .content-slide-prestations{width:900px;max-width:100%; margin:0 auto; position: relative;}
.nosOffres .slide-prestations .encart{}
.nosOffres .slide-prestations{overflow:visible;}
.nosOffres .slide-prestations .content-offres{position:relative; height:calc(100% - 40px);width: 100%; border-radius: 6px; margin: -40px 0 0 0; padding-top: 4em; background-color: #f7f7f7; transition: 0.3s;}
.nosOffres .slide-prestations .slick-list{display:flex;overflow:hidden;}
.nosOffres .slide-prestations .slick-slide{align-self:stretch;padding:2em;min-height:100%;height:100%;}
.nosOffres .slide-prestations .slick-track{height:auto;align-items:stretch;display:flex;}
.nosOffres .slide-prestations .slick-slide .picto{position: relative; z-index: 2; margin:0 auto; width: 80px; height: 80px; border-radius: 500px; padding:1em; background: #0f4484;background: -moz-linear-gradient(145deg, #0f4484 0%, #006e99 100%);background: -webkit-linear-gradient(145deg, #0f4484 0%,#006e99 100%);background: linear-gradient(145deg, #0f4484 0%,#006e99 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4484', endColorstr='#006e99',GradientType=1 );}
.nosOffres .slide-prestations .slick-slide .picto img{width: 50px; height: auto; display: block;}
.nosOffres .slide-prestations .content-offres h4{color:#0f4484; font-size: 20px; font-weight: 700; text-align: center; text-transform: uppercase; border-bottom: 4px solid white; padding-bottom: 1em; margin-bottom: 1em; transition: 0.3s;}
.nosOffres .slide-prestations .content-offres ul{font-size: 18px; font-weight: 600; padding-bottom:3em;}
.nosOffres .slide-prestations .content-offres li{font-weight: 300; padding: 0.8em 0;}
.nosOffres .slide-prestations .content-offres li:last-child{font-weight: 600; font-size: 14px;}
.nosOffres .slide-prestations .content-offres li:last-child span{color:#0f4484; font-size: 24px; line-height: 1em;}
.nosOffres .slide-prestations .content-offres a.btn{position: absolute; bottom:-20px; left:50%; transform:translateX(-50%);}
.nosOffres .slide-prestations .content-offres:hover{background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.3);}
.nosOffres .slide-prestations .content-offres:hover h4{border-bottom: 4px solid #0f4484}

.nosOffres .slide-prestations .slick-prev{position:absolute;left:-7%;top:50%;z-index: 2; background-color: white; border:0; color:#b00f49; font-size: 3em; cursor:pointer; padding:0 0.2em; border-radius: 60px; width: 80px; height: 80px;}
.nosOffres .slide-prestations .slick-next{position:absolute;right:-7%;top:50%;z-index: 2; background-color: white; border:0; color:#b00f49; font-size: 3em; cursor:pointer; padding:0 0.2em; border-radius: 60px; width: 80px; height: 80px;}
.nosOffres .slide-prestations .slick-prev:hover{border:0; border:2px solid #b00f49;}
.nosOffres .slide-prestations .slick-next:hover{border:0; border:2px solid #b00f49;}

.slide-article-list .slick-slide{align-self:stretch;padding:2em;min-height:100%;height:100%;}
.slide-article-list .slick-prev{position:absolute;left:5%;top:50%;z-index: 2; background-color: white; border:0; color:#b00f49; font-size: 3em; cursor:pointer; padding:0 0.2em; border-radius: 60px; width: 80px; height: 80px;}
.slide-article-list .slick-next{position:absolute;right:5%;top:50%;z-index: 2; background-color: white; border:0; color:#b00f49; font-size: 3em; cursor:pointer; padding:0 0.2em; border-radius: 60px; width: 80px; height: 80px;}
.slide-article-list .slick-prev:hover{border:0; border:2px solid #b00f49;}
.slide-article-list .slick-next:hover{border:0; border:2px solid #b00f49;}

.nosOffres .slide-prestations button:focus, .slide-prestations button:focus, .slide-prestations button:active, .slide-prestations button:active{
outline: 0;
outline: none;
}
.slide-article-list button:focus, .slide-article-list button:focus, .slide-article-list button:active, .slide-article-list button:active{
outline: 0;
outline: none;
}

@media (max-width: 1100px) {
    .nosOffres .slide-prestations .slick-prev{left:-20px;}
    .nosOffres .slide-prestations .slick-next{right:-20px;}
}
@media (max-width: 992px) {
    .nosOffres .slide-prestations .slick-prev{left:-9%;}
    .nosOffres .slide-prestations .slick-next{right:-9%;}
    .nosOffres .content-slide-prestations{width:600px;max-width:100%; margin:0 auto; position: relative;}
}

@media (max-width: 768px) {
    .nosOffres .slide-prestations .slick-prev{width:50px; height:50px; font-size: 2em;left:-2%;}
    .nosOffres .slide-prestations .slick-next{width:50px; height:50px; font-size: 2em;right:-2%;}
}

/*----------------------------------------------------< TEMOIGNAGES >---------------------------------------------------*/

section.temoignages{background: url('../../img/fond-moto-ecole.jpg') center center no-repeat; background-size: cover; padding:2em 0px 2em 35px;}
section.temoignages h3{color:white; text-align: center;}

.temoignages .content-slide-temoignages{width:1150px;max-width:100%; margin:-4em auto 0 auto; position: relative; color:white;}
.temoignages .slide-temoignages .encart{}
.temoignages .slide-temoignages{overflow:visible;}
.temoignages .slide-temoignages .content-temoignages{padding:3em 4.2em 2em 4.2em;position:relative; height:calc(100% - 40px);width: 100%; border-radius: 6px; background-color: #242424; transition: 0.3s;}
.temoignages .slide-temoignages .slick-list{display:flex;overflow:hidden;}
.temoignages .slide-temoignages .slick-slide{align-self:stretch;padding:2em;}
.temoignages .slide-temoignages .slick-track{height:auto;align-items:stretch;display:flex;}
.temoignages .slide-temoignages .slick-slide .picto{position: relative;top:3.4em; left:-32px; z-index: 2; width: 64px; height: 64px; border-radius: 500px; padding:1em; background: #0f4484;background: -moz-linear-gradient(145deg, #0f4484 0%, #006e99 100%);background: -webkit-linear-gradient(145deg, #0f4484 0%,#006e99 100%);background: linear-gradient(145deg, #0f4484 0%,#006e99 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4484', endColorstr='#006e99',GradientType=1 ); font-size: 1.7em; padding-left: 0.65em;}
.temoignages .slide-temoignages .content-temoignages span.stars{color:#009bd8; font-size: 20px;text-align: center;}
.temoignages .slide-temoignages .content-temoignages p{text-align: center; color:white; font-weight: 400; padding-top: 2em;}
.temoignages .slide-temoignages .content-temoignages p.username{font-style: italic;font-weight: 600;}

.temoignages .slide-temoignages button{display: block; float: left; border:0;margin:0 0.3em; width:16px; height:16px; border-radius: 20px; text-indent:-99px; overflow: hidden; cursor:pointer;}
.temoignages .slide-temoignages button:hover{background-color: #b00f49;}
li.slick-active button {background-color: #0f4484;}
.temoignages .slide-temoignages .slick-dots{display: flex; width: 103px; margin:1.4em auto;}
.temoignages .slide-temoignages button:focus, .slide-temoignages button:focus, .slide-temoignages button:active, .slide-temoignages button:active{
outline: 0;
outline: none;
}

.temoignages a.btn{position: relative; left:50%; top:0; transform: translateX(-50%); margin-top:3em; margin-bottom: 1em;}


@media (max-width: 592px) {
    .temoignages .slide-temoignages .content-temoignages{padding:3em 1em 2em 1em;}
}


/*----------------------------------------------------< INTEGRATION OPINION SYSTEM >---------------------------------------------------*/

#opinions {background-color: #0f4484; color: #ffffff; padding: 40px;}
.opinion-star {font-size: 2rem; color: #ffe500;}

/*----------------------------------------------------< DERNIERES ACTUS >---------------------------------------------------*/

.last-news .black-title, .last-news p.paragraphe, .last-news h3{text-align: center;}
.last-news{padding:4em 1em; position: relative;}
.content-last-news{background-color: #f7f7f7; padding:4em 3em; border-top: 10px solid #fff;}
.content-last-news h5 a{color:#242424;}
.content-last-news h5 a:hover{color:#b00f49;}
.content-last-news:nth-child(3){border-top: 10px solid #0f4484; margin-top: 2.6em;}
.content-last-news p.date-actu{margin:2.6em 0; font-size: 0.8em;}
.content-last-news p.date-actu i{font-size:0.9em; padding-right: 0.5em;}

@media (max-width: 768px) {
    .content-last-news img{margin-top: 1em;}
    .content-last-news {padding: 3.4em 1.6em;}
}

.listingArticlePage .content-last-news:nth-child(3){border-top: 10px solid #fff; margin-top: 0em;}

/*----------------------------------------------------< ASIDE CONTACT >---------------------------------------------------*/

.asideContact{position: relative;padding:2.4em;}
.asideContact .blue-left{position: absolute; top:0; left:0; height: 100%; width: 50%; background: #0f4484;
    background: -moz-linear-gradient(145deg, #0f4484 0%, #006e99 100%);
    background: -webkit-linear-gradient(145deg, #0f4484 0%,#006e99 100%);
    background: linear-gradient(145deg, #0f4484 0%,#006e99 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f4484', endColorstr='#006e99',GradientType=1 );}

.asideContact .part-phone{color:white;font-size: 40px; text-transform: uppercase;line-height: 1.2em;}
.asideContact .part-phone span{font-weight: 700;font-size: 42px;}
.asideContact .part-phone a{color:white;}

.asideContact .part-mail{color:#0f4484; font-size: 40px;text-transform: uppercase;line-height: 0.7em;}
.asideContact .part-mail span{font-size: 24px;text-transform: lowercase; font-weight: 700;}

@media (max-width: 992px) {
.asideContact .part-phone{text-align: center;font-size: 30px;line-height: 1.1em;}
.asideContact .part-phone span{font-size: 32px;}

.asideContact .part-mail{text-align: center;color:#0f4484; font-size: 30px;line-height: 0.8em;}
.asideContact .part-mail span{font-size: 24px;}
}

@media (max-width: 768px) {
    .asideContact .blue-left{width:100%;}
.asideContact .part-phone{text-align: center;font-size: 26px;line-height: 1.1em;}
.asideContact .part-phone span{font-size: 28px; font-weight: 600}

.asideContact .part-mail{margin-top: 1em;text-align: center;color:#fff; font-size: 26px;line-height: 0.9em;}
.asideContact .part-mail span{font-size: 20px; font-weight: 600}
}

.dropzone{border:1px solid #0f4484; margin:0.5em 0 0.2em 0;}

/*---------------------------------------------------< COORDONNEES >--------------------------------------------------*/

.coordonnees{padding:4em;}
.coordonnees h3{margin-bottom: 1em;}
.coordonnees h4{margin: 1em 0; font-weight: 800; font-size: 18px; text-transform: uppercase;}
.coordonnees h4 i{font-size: 24px; color:#0f4484;padding-right: 0.5em;}
.coordonnees address{font-weight: 600; line-height: 1.2em;}
.coordonnees address p{font-weight:400; line-height: 1.2em; margin-top: 0.7em;}
.coordonnees address p span{font-weight:700; color:#0f4484;}
.coordonnees a.link-arrow{margin-top: 0; font-size: 14px;}
.coordonnees a i.pmr{color:#0f4484; padding: 0 0.4em 0 0;}


@media (max-width: 768px) {
.coordonnees{padding:3em 1em;}
.coordonnees img{display: none;}
.coordonnees h4{text-align: center;}
.content-map{margin-top: 1em;}
.coordonnees a.link-arrow{position: relative; left:50%; transform: translateX(-50%);}
}

.content-map{
    width: 100%;
    height: 300px;
    overflow: hidden;
}

#map{
    width:100%;
    height: 330px;
}

.marker{
    display: block;
    margin-top: -25px;
    width: 36px;
    height: 50px;
    background-image: url('../../img/marker.png');
    cursor:pointer;
}

.content-map .map-title{font-size: 1.2em; text-align: center; margin:0;}
.content-map .map-adress{text-align: center; margin:0;}


/*----------------------------------------------------< PRODUCTS >---------------------------------------------------*/


.productListing{ cursor: pointer; margin-bottom: 1.5em;}
    .productListing:hover h3 a{  color: #f36f45;}
    .productListing h3{ overflow: hidden;  height:55px;}
    .productListing h3 a{ color: #5ec6c7;}
    .productListing img{ border: #ccc solid 1px; display: block; margin: 1em 0;}
    .productListing .paragraphe{ overflow: hidden; height: 96px;}

/* SHOW */

#productShow h3{ margin-bottom: 1.5em;}
.owl-carousel-page img{  border:#ccc solid 1px; width: 100%;}

/*----------------------------------------------------< PARTNERS >---------------------------------------------------*/


.partnersListing{cursor: pointer; margin-bottom: 1.5em;}
.partnersListing h3{overflow: hidden;  height:55px;}

.partnersListing a.btn-link{color: #58c5c2; display:inline-block; margin: 1em 0;}
.partnersListing:hover a{color: #e36d3d;}

.partnersListing img{border: #ccc solid 1px; display: block; margin: 1em 0;}
.partnersListing .paragraphe{overflow: hidden; height: 60px;}


/*----------------------------------------------------< NEWS >---------------------------------------------------*/

.listingNews{margin-bottom: 2em; cursor: pointer;}
.listingNews:hover h3 a{color: #f36f45;}
.listingNews img{border-left: #ccc solid 1px;  border-right: #ccc solid 1px;  border-bottom: #ccc solid 1px;}
.listingNews h3{font-size: 1.5em; overflow: hidden; height: 25px; margin-bottom: 0.5em;}
.listingNews h3 a{color: #333;}
.date{background-color: #0f4484; color: #FFF; text-align: center; padding: 0.3em 0; font-weight: 500;}
.listingNews .paragraphe{color: #999; overflow: hidden; height: 80px;}

.listingNews div:first-child {padding-left: 0;}

/* SHOW */

.newsShow .date{ display: inline-block; padding: 0.5em 1em; text-align: center;}
.newsShow h3{ margin: 1em 0;}

.colImg{ padding-left: 0;}
.colInfos{ padding-right: 0;}

.showArticlePage .article-content{margin-top: 1.6em;}
.showArticlePage .link-arrow i{padding:0 0.2em 0 0;}
.showArticlePage .link-arrow:hover i{padding:0 0.4em 0 0;}

.slide-article .slick-slide{height:auto;}

/*----------------------------------------------------< H3 CENTER >---------------------------------------------------*/

.listingArticlePage h3, .faqPage h3, .preInscrPage h3, .codeEnLignePage h3, .livreOrPage h3, .autoPage h3, .motoPage h3, .pmrPage h3{text-align: center; margin-bottom: 1.4em;}

/*----------------------------------------------------< FAQ ACCORDION >---------------------------------------------------*/


.accordion {
    max-width: 920px;
    background: #fff;
    margin: 0 auto;
    border:2px solid #0f4484;
}

.accordion-header {
    border-bottom: 1px solid #DDE0E7;
    color: #2a313a;
    cursor: pointer;
    font-weight: 700;
    padding: 1.5rem;
    font-size: 1.1em;
}

.accordion-header:hover {
    background: #F6F7F9;
}

.accordion-content {
    display: none;
    border-bottom: 1px solid #DDE0E7;
    background: #fafafa;
    padding: 1rem 1.5rem;
    color: #4a5666;
}

.accordion-content ul li{
    list-style-type: square;
}

.accordion-header::before {
    content: '';
    vertical-align: middle;
    position: relative;
    top:14px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #0f4484 transparent transparent transparent;
    margin-right: 1rem;
}

.accordion-header:hover::before {
    border-color: #b00f49 transparent transparent transparent;
}

.active.accordion-header::before {
    border-color: #b00f49 transparent transparent transparent;
}


/*--------------------------------------------------< LIVRE D'OR >-------------------------------------------------*/

.livreOrPage .container{max-width:1100px;}
.livreOrPage .encart{padding: 1em;}
.livreOrPage .encart .content-temoignages{background-color: #242424;padding: 1em; color:white; border-radius:6px; transition:0.2s;}
.livreOrPage .stars{color:#009bd8; font-size: 1.1em;display: block;padding:0.5em 0;transition:0.2s;}
.livreOrPage .username{font-style: italic; font-weight: 500; font-size: 1.1em;transition:0.2s;}
.livreOrPage .date{font-style: italic; background-color: transparent;text-align: left; font-size:0.9em;transition:0.2s;}

.livreOrPage .encart .content-temoignages:hover{background-color: #f7f7f7;padding: 1em; color:#242424;box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);}
.livreOrPage .encart .content-temoignages:hover .stars{color:#b00f49;}
.livreOrPage .encart .content-temoignages:hover .username{color:#0f4484;}
.livreOrPage .encart .content-temoignages:hover .date{color:#242424;}

.livreOrPage form{margin:1em 0 6em 0;}
.livreOrPage input, .livreOrPage textarea, .livreOrPage select{width:100%;padding: 0.3em 0.5em; margin:0.4em 0; border:1px solid #0f4484; color:#0f4484;}
.livreOrPage input:focus, .livreOrPage textarea:focus, .livreOrPage select:focus{border:1px solid #b00f49; color:#b00f49;}
.livreOrPage textarea{height: 160px;}
.livreOrPage input[type=submit]{margin:0 !important; color:white; font-weight: 500; border:1px solid #b00f49; text-transform: uppercase;padding: 0.4em 0; transition: 0.3s; cursor:pointer;}
.livreOrPage form p{font-size: 0.8em; color:#0f4484; font-weight: 400;}
.livreOrPage form p span{font-size: 1.2rem; color:#b00f49; font-weight: 600; position: relative; top:6px;}

.rating{padding:11px 0 0 11px; display:-webkit-box;display:-ms-flexbox;display:flex;width:100px; float:left;font-size:20px;color:#0f4484;}
.rating label{-webkit-box-flex:1;-ms-flex:1;flex:1;cursor:pointer;font-weight:900;padding:2px;}
/*    .rating label:after{color:#7c7976;font-family:"Roboto", sans-serif;-webkit-transition:.35s;transition:.35s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);transform:scale(0);bottom:-14px;position:absolute;content:attr(title);width:125px;text-align:center;font-size:10px;letter-spacing:3px;font-weight:600;text-transform:uppercase;}*/
.rating label:nth-of-type(1):after{left:0;}
.rating label:nth-of-type(2):after{left:-25px;}
.rating label:nth-of-type(3):after{left:-50px;}
.rating label:nth-of-type(4):after{left:-75px;}
.rating label:nth-of-type(5):after{left:-100px;}
.rating label:hover:after{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:scale(1);transform:scale(1);}
.rating label + input{display:none;}
.rating:not(:hover) input:checked ~ label,
.rating:hover label:hover ~ input + label{font-weight:300;}
.note{padding:11px 0 0 0; float:left; font-weight: 600;}

/*----------------------------------------------------< FOOTER >---------------------------------------------------*/

#footer{ background: #f7f7f7;  color: #bbb; padding: 1.2em 0;  clear: both; text-align: center; font-size: 12px; font-weight: 400;}
#footer strong{text-transform: uppercase; font-weight: 500;}
#footer a{color: #bbb;}
#footer a:hover{color: #b00f49;}

/*----------------------------------------------------< CONTACT >---------------------------------------------------*/

.contactPage form{ margin-top: 1.5em; clear: both;  width: 100%;  float: left;}
.contactPage form input[type=submit]{ margin-top: 1em;}

input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
input[type="submit"], input[type="button"] { -webkit-appearance: button; }
select { -webkit-appearance:textfield; }


.contact-form{max-width: 800px;}
.contact-form form{margin:1em 0 6em 0;}
.contact-form input, .contact-form textarea, .contact-form select{width:100%;padding: 0.3em 0.5em; margin:0.4em 0; border:1px solid #0f4484; color:#0f4484;}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{border:1px solid #b00f49; color:#b00f49;}
.contact-form textarea{height: 160px;}
.contact-form input[type=submit]{margin:0 !important; color:white; font-weight: 500; border:1px solid #b00f49; text-transform: uppercase;padding: 0.4em 0; transition: 0.3s; cursor:pointer;}
.contact-form form p{font-size: 0.8em; color:#0f4484; font-weight: 400;}
.contact-form form p span{font-size: 1.2rem; color:#b00f49; font-weight: 600; position: relative; top:6px;}
.contact-form select option[value="1"]{color:#777 !important;}
.contact-form select option{color:#0f4484 !important;}
.contact-form .pj{font-size: 0.9rem;}

@media (max-width: 576px) {
.contact-form form{margin:0em 0 5em 0;}
.contact-form form p{position: relative; top: -6px;}
.contact-form h3{font-size: 20px;}
}

.navDown{position: relative}
.navDown:after{content:'\f0dd'; font-family:'Font Awesome 5 Pro';font-weight: bold; position: absolute; z-index: -1; top:2px; right:40px; font-size: 26px; color:#0f4484;}
.navDown select{cursor: pointer; background-color: transparent;}

/***************************** SITE MAP *****************************/

.siteMapPage a{color:#0f4484; display: inline-block; padding:0.2em 0.4em; font-weight: 600; border-radius:6px;}
.siteMapPage a:hover{color:white; background-color: #b00f49;}



/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/
/*----------------------------------------------------< MEDIAQUERIES >---------------------------------------------------*/

/*Extra small devices (portrait phones, less than 544px)*/
@media screen and (max-width: 543px) {

    .owl-carousel-page{ margin-top: 1.5em;}

}

/*Small devices (landscape phones, 544px and up)*/
@media screen and (min-width: 544px) and (max-width: 767px) {

    .owl-carousel-page{ margin-top: 1.5em;}

}

@media screen and (min-width: 768px) {

}

@media screen and (max-width: 767px) {

    address, #copyright{ text-align: center;}

    .listingNews img{ width: 100%; margin-bottom: 1.5em}
    .listingNews div:first-child {  padding-left: 15px;}
    .colImg{ padding-left:15px;}
    .colInfos{ padding-right: 15px;}
    .newsShow {  padding-left: 0; padding-right: 0 }
    .listingNews .paragraphe{  color: #999; overflow: visible; height: auto;}

}

/*Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) and (max-width: 991px) {

}

/*Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

}

/*Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
    a.menu_btn{ display: block;}
    .navbar{ display: none;}
}