@font-face {
font-family: 'Hind';
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-SemiBold.eot);
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-SemiBold.eot?#iefix) format('embedded-opentype'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-SemiBold.woff2) format('woff2'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-SemiBold.woff) format('woff'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Hind';
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-Regular.eot);
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-Regular.woff2) format('woff2'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-Regular.woff) format('woff'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Hind-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Montserrat-Regular.eot);
src: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Montserrat-Regular.eot?#iefix) format('embedded-opentype'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Montserrat-Regular.woff2) format('woff2'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Montserrat-Regular.woff) format('woff'),
url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/fonts/Montserrat-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
a,
body {
color: #444;
}
.line-link a:before,
header .logo:after,
header .top-nav .liens-externes a:after,
header nav .menu .sub-menu:before {
content: "";
}
body,
html {
overflow-x: hidden;
}
body {
font-size: 100%;
font-family: 'Hind', sans-serif;
}
h1,
h2,
h3,
h4,
header nav .menu {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
}
h1,
h2 {
color: #c20012;
}
h1 {
margin-top: 0;
margin-bottom: 60px;
font-size: 2em;
}
h2 {
margin-top: 30px;
margin-bottom: 20px;
font-size: 1.4em;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
}
#home h2,
.home h2 {
margin-bottom: 40px;
}
a {
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
em {
font-style: italic;
}
p {
line-height: 1.4em;
margin-bottom: 10px;
}
ul {
margin-bottom: 15px;
}
li {
list-style-type: circle;
margin-left: 15px;
line-height: 1.8em;
}
.line-link {
display: block;
margin-top: 40px;
text-align: right;
}
.line-link a,
.line-link a:before,
header .top-nav .icones,
header .top-nav .icones a,
header .top-nav .liens-externes {
display: inline-block;
}
.line-link a {
font-size: 1.1em;
}
.line-link a:before {
vertical-align: middle;
height: 2px;
width: 80px;
background: #c20012;
margin-right: 15px;
transition: 0.2s;
transition-timing-function: ease-in-out;
}
.line-link a:hover:before {
width: 40px;
margin-left: 40px;
}
.fat-wrapper,
.wrapper {
margin: auto;
padding: 0 20px;
}
.wrapper {
max-width: 1220px;
}
.fat-wrapper {
max-width: 620px;
}
.slim-wrapper {
padding: 0 120px;
box-sizing: border-box;
}
.spacing {
margin-top: 80px;
margin-bottom: 80px;
}
header {
text-align: center;
background: #fff;
position: relative;
z-index: 2;
}
header .top-nav {
background: #444;
text-align: right;
font-size: 0.95em;
}
header .top-nav .liens-externes a {
display: inline-block;
color: #fff;
font-weight: normal;
padding: 15px 5px;
margin: 0 10px;
position: relative;
}
.nos-permis .permis,
header nav .menu .sub-menu a:hover,
header nav .menu > li.current > a {
color: #c20012;
}
header .top-nav .liens-externes a:after {
position: absolute;
bottom: 10px;
left: 0;
width: 0;
height: 2px;
background: #c20012;
transition: 0.2s;
transition-timing-function: ease-in-out;
transition-property: width;
}
header .top-nav .liens-externes a.off:after {
width: 0;
left: auto;
right: 0;
}
header .top-nav .liens-externes a.on:after {
width: 100%;
left: 0;
right: auto;
}
header .top-nav .icones {
vertical-align: middle;
background: #c20012;
padding: 0 10px;
}
header .top-nav .icones img {
display: block;
height: 22px;
padding: 11px 5px 8px;
}
header nav {
text-align: center;
position: relative;
z-index: 1;
}
header .logo-container {
display: block;
margin-top: 40px;
margin-bottom: -100px;
}
header .logo {
display: inline-block;
position: relative;
z-index: 2;
width: 260px;
}
header .logo:after {
position: absolute;
z-index: -1;
bottom: -40px;
left: 50%;
border-top: solid 100px #fff;
border-left: solid 200px transparent;
border-right: solid 200px transparent;
transform: translateX(-50%);
}
header .logo img {
display: block;
width: 100%;
}
header nav .menu {
font-size: 1.1em;
display: inline-block;
margin-bottom: 0;
}
header nav .menu.menu-gauche {
padding-right: 230px;
box-sizing: border-box;
text-align: right;
}
header nav .menu.menu-gauche > li:last-child > a {
padding-right: 0;
}
header nav .menu.menu-droite {
padding-left: 230px;
box-sizing: border-box;
text-align: left;
}
header nav .menu.menu-droite > li:first-child > a {
padding-left: 0;
}
header nav .menu > li {
display: inline-block;
vertical-align: top;
position: relative;
margin: 0 40px;
}
header nav .menu > li > a {
display: inline-block;
font-weight: normal;
padding: 15px 0;
box-sizing: border-box;
}
header nav .menu .sub-menu {
font-family: Hind, sans-serif;
background: rgba(255, 255, 255, 0.9);
border-top: 2px solid #c20012;
position: absolute;
left: -9999px;
bottom: 1px;
transform: translateY(100%);
text-align: left;
font-size: 0.9em;
padding: 15px 20px;
margin: 0;
opacity: 0;
}
header nav .menu > li.on .sub-menu {
display: block;
animation: menu-appear 0.2s forwards;
}
@keyframes menu-appear {
0% {
left: -20px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
header nav .menu > li.off .sub-menu {
display: block;
animation: menu-disappear 0.2s forwards;
}
@keyframes menu-disappear {
0% {
left: 0;
opacity: 1;
}
99% {
left: 20px;
opacity: 0;
}
100% {
left: -9999px;
}
}
header nav .menu .sub-menu:before {
height: 0;
border-style: solid;
border-width: 0 8px 8px;
border-color: transparent transparent #c20012;
position: absolute;
top: 0;
left: 10px;
transform: translateY(-100%);
}
header nav .menu .sub-menu li {
list-style-type: none;
line-height: 1.1em;
margin-left: 0;
}
.nos-permis h2,
.presentation h1 {
font-size: 2em;
line-height: 1.25em;
}
header nav .menu .sub-menu a {
display: block;
font-weight: normal;
white-space: nowrap;
padding: 5px 0;
box-sizing: border-box;
}
header nav .menu-tablet {
display: none;
}
header .display-menu {
display: none;
position: absolute;
top: 65px;
left: 20px;
height: 30px;
}
header .burger:after,
header .burger:before {
content: "";
position: absolute;
left: 0;
}
header .burger,
header .burger:after,
header .burger:before {
height: 6px;
width: 45px;
background: #c20012;
transition: 0.2s;
}
header .burger {
display: block;
}
header .burger:before {
top: 50%;
transform: translateY(-50%);
}
header .burger:after {
bottom: 0;
}
.slider {
position: relative;
z-index: 0;
height: 45vh;
}
@media screen and (orientation: landscape){
.slider {
height: 58vh;
} 
}
.slider img {
display: block;
margin: 0 auto;
width:100%; height:100%;
object-fit: cover;
}
.slider .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 1;
}
.slider .swiper-pagination-white .swiper-pagination-bullet-active {
background: #c20012;
}
.presentation h1 {
text-align: center;
}
.presentation h1 span {
display: block;
}
.presentation .contenu-presentation {
text-align: left;
position: relative;
}
.presentation .contenu-presentation:after,
.presentation .contenu-presentation:before {
position: absolute;
width: 30px;
height: 23px;
background-size: 100%;
content: "";
}
.presentation .contenu-presentation:before {
top: -10px;
left: -60px;
background-image: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/img/guillemets-1.svg);
}
.presentation .contenu-presentation:after {
bottom: -10px;
right: -60px;
background-image: url(//www.presquile-conduite.fr/wp-content/themes/presquile-conduite/img/guillemets-2.svg);
}
.home .nos-permis .permis > span,
.nos-permis .permis > span {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
.nos-permis h2 {
text-align: center;
}
.nos-permis .container-permis {
margin: 0 -10px;
padding-bottom: 40px;
}
.nos-permis .permis {
padding: 10px;
box-sizing: border-box;
position: relative;
}
.nos-permis .permis > img {
display: block;
width: 100%;
}
.nos-permis .permis > span {
position: absolute;
border: 1px solid #f1f1f1;
text-align: center;
padding: 10px;
box-sizing: border-box;
transition: 0.2s;
}
.nos-permis .permis > span:hover {
background: #f1f1f1;
}
.nos-permis .permis > span > span {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.nos-permis .permis > span > span img {
display: block;
width: 50%;
margin: 0 auto 20px;
}
.nos-permis .permis h3 {
padding: 0 40px;
box-sizing: border-box;
font-size: 1.1em;
line-height: 1.4em;
letter-spacing: 0.5px;
}
.nos-permis .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0;
}
.nos-permis .swiper-pagination-bullet {
width: 12px;
height: 12px;
opacity: 0.75;
}
.nos-permis .swiper-pagination-bullet-active {
background: #c20012;
opacity: 1;
}
.actualites {
position: relative;
}
.actualites h2 {
text-align: center;
font-size: 2em;
line-height: 1.25em;
padding-top: 40px;
}
.home .actualites:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 50%;
left: 0;
background: #f1f1f1;
z-index: -1;
}
.home .actualites .container-actualites {
padding: 0 120px;
}
.home .actualites .container-actualites .actu:nth-child(1) {
padding-right: 50px;
box-sizing: border-box;
}
.home .actualites .container-actualites .actu:nth-child(2) {
padding-left: 50px;
box-sizing: border-box;
}
.page-actu .actualites .container-actualites .actu {
padding: 0 20px;
box-sizing: border-box;
margin-bottom: 40px;
}
.actualites .actu .image {
height: 275px;
display: block;
background-size: cover;
background-position: center;
}
.page-actu .actualites .actu .image {
height: 225px;
}
.actualites .container-actu {
padding: 20px 40px;
text-align: left;
position: relative;
}
.page-actu .actualites .container-actu {
background: #f1f1f1;
}
.actualites .container-actu .more {
position: absolute;
display: block;
top: -15px;
right: 20px;
width: 30px;
height: 30px;
background: #c20012;
transition: 0.2s;
}
.actualites .container-actu .more:after,
.actualites .container-actu .more:before {
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.2s;
content: "";
}
.actualites .container-actu .more:before {
height: 15px;
width: 1px;
}
.actualites .container-actu .more:after {
height: 1px;
width: 15px;
}
.actualites .actu:hover .more {
transform: rotateZ(-45deg);
}
.actualites .actu:hover .more:after,
.actualites .actu:hover .more:before {
transform: translate(-50%, -50%) rotateZ(135deg);
}
.actualites .actu .date {
display: block;
margin-bottom: 20px;
position: relative;
}
.actualites .actu .date:after {
content: "";
height: 80px;
width: 2px;
background: #c20012;
transition: 0.2s;
transition-timing-function: ease-in-out;
position: absolute;
bottom: 0;
left: -22px;
}
.actualites .actu:hover .date:after {
height: 0;
}
.actualites .actu h3 {
color: #c20012;
margin-bottom: 10px;
}
.actualites .actu .suite {
font-size: 1.1em;
}
.actualites .actu .line-link {
text-align: left;
padding-bottom: 10px;
}
.actualites .actu .line-link a::before {
width: 0;
margin-right: 0;
transition: 0.2s;
}
.actualites .actu:hover .line-link a::before {
width: 80px;
margin-right: 15px;
margin-left: 0;
}
.actualites > .line-link {
position: absolute;
top: 120px;
right: 20px;
transform: rotateZ(-90deg) translateX(0);
transform-origin: 100% 50%;
margin-top: 0;
}
.partenaires {
padding: 20px 0 15px;
background: #f1f1f1;
text-align: center;
}
.partenaires a {
display: inline-block;
margin: 0 20px;
}
.partenaires img {
display: block;
height: 50px;
}
.contenu-page h1 {
text-align: center;
font-size: 2em;
line-height: 1.25em;
}
.contenu-page .sur-titre {
display: block;
width: 125px;
margin: 0 auto 20px;
}
.details-permis {
position: relative;
padding-top: 40px;
}
.details-permis:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 50%;
left: 0;
background: #f1f1f1;
z-index: -1;
}
.details-permis h2 {
text-align: center;
text-transform: uppercase;
font-size: 1.6em;
margin-bottom: 40px;
}
.details-permis > div {
display: flex;
}
.details-permis .tarif {
margin: 0 auto;
box-sizing: border-box;
}
.details-permis .tarif.padded {
padding: 0 20px;
}
.details-permis .tarif h3 {
font-size: 1.2em;
background: #444;
color: #fff;
text-align: center;
text-transform: uppercase;
padding: 20px 0;
margin: 0;
box-sizing: border-box;
}
.details-permis .tarif .description {
background: #fff;
padding: 40px;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
box-sizing: border-box;
}
.details-permis .tarif .description:last-child {
border-bottom: 2px solid #f1f1f1;
}
.details-permis .tarif .description p:last-child {
margin-bottom: 0;
}
.details-permis .tarif .description hr {
background: #f1f1f1;
height: 2px;
border: none;
margin: 40px 0;
}
.details-permis .tarif .description li {
text-align: center;
list-style-type: none;
margin-left: 0;
}
.details-permis .tarif h4 {
padding: 10px 0;
background: #c20012;
color: #fff;
text-transform: uppercase;
text-align: center;
}
.details-permis .tarif .tarif-total {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
display: block;
font-size: 2em;
text-align: center;
margin-bottom: 15px;
}
.details-permis .tarif .conditions {
display: block;
text-align: center;
font-size: 0.9em;
font-style: italic;
}
.onglets .titres {
background: #f1f1f1;
padding: 20px;
text-align: center;
}
.article .date span:after,
.onglets .titres a:after {
background: #c20012;
content: "";
height: 2px;
}
.onglets .titres a {
display: inline-block;
padding: 15px 5px;
margin: 0 20px;
position: relative;
text-transform: uppercase;
font-size: 1.2em;
}
.onglets .titres a:after {
position: absolute;
bottom: 10px;
left: 0;
width: 0;
transition: 0.2s;
transition-timing-function: ease-in-out;
transition-property: width;
}
.onglets .titres a.off:after {
width: 0;
left: auto;
right: 0;
}
.onglets .titres a.on:after {
width: 100%;
left: 0;
right: auto;
}
.onglets .titres a.active {
color: #c20012;
}
footer,
footer a {
color: #9b9999;
}
.onglets .onglet {
display: none;
padding: 40px;
box-sizing: border-box;
}
.onglets .onglet p:last-child {
margin-bottom: 0;
}
.article h1 {
margin-bottom: 40px;
}
.article .date {
display: block;
text-align: center;
}
.article .date span {
display: inline-block;
text-align: center;
margin-bottom: 80px;
position: relative;
font-style: italic;
}
.article .date span:after {
position: absolute;
bottom: -20px;
left: 25%;
width: 50%;
}
.article .navigation {
margin-top: 60px;
padding: 20px;
background: #f1f1f1;
font-family: 'Montserrat', sans-serif;
font-weight:normal;
}
.article .navigation span {
display: block;
font-size: 0.9em;
font-weight: normal;
margin-bottom: 10px;
font-family: Hind, sans-serif;
}
.article .navigation .suivant {
text-align: right;
}
.sitemap,
footer .logo {
text-align: center;
}
.sitemap {
font-size: 1.2em;
}
footer {
background: #444;
padding-bottom: 20px;
}
footer .top-footer {
display: flex;
padding-top: 40px;
padding-bottom: 40px;
color: #fff;
}
footer .top-footer a {
color: #fff;
}
footer .top-footer .contact {
position: relative;
line-height: 1.5em;
}
footer .top-footer .contact div.center {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
footer .top-footer .contact div.center p {
margin-bottom: 0;
}
footer .top-footer .contact h4 {
font-size: 1.2em;
margin-bottom: 10px;
}
footer .logo img {
display: block;
margin: auto;
width: 250px;
}
footer .top-footer .liens {
position: relative;
text-align: right;
}
footer .top-footer .liens > div {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
footer .top-footer .liens ul {
margin-bottom: 0;
}
footer .top-footer .liens li {
list-style-type: none;
display: inline-block;
}
footer .top-footer .liens a {
display: inline-block;
color: #fff;
padding: 15px 5px;
margin: 0 5px;
position: relative;
font-weight: normal;
}
footer .top-footer .liens a:last-child {
margin-right: 0;
padding-right: 0;
}
footer .top-footer .liens a:after {
content: "";
position: absolute;
bottom: 10px;
left: 0;
width: 0;
height: 2px;
background: #c20012;
transition: 0.2s;
transition-timing-function: ease-in-out;
transition-property: width;
}
footer .top-footer .liens a.off:after {
width: 0;
left: auto;
right: 0;
}
footer .top-footer .liens a.on:after {
width: 100%;
left: 0;
right: auto;
}
footer .bot {
font-size: 0.95em;
text-align: center;
}
footer .bot a {
font-weight: normal;
}
footer .bot a:before {
content: "•";
margin-left: 10px;
margin-right: 10px;
}
.loader {
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 10;
width: 100%;
}
.loader img {
width: 70px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, 0);
}
#barba-wrapper {
position: relative;
}
#barba-wrapper .mask {
position: absolute;
top: 0;
right: 0;
left: 0;
height: 0;
background: #f1f1f1;
z-index: 1;
}
.contenu-page a.image-left {
float: left;
}
.contenu-page a.image-right {
float: right;
}
.contenu-page img.aligncenter {
display: block;
margin: auto;
}
.contenu-page a.colorbox:after {
display: none !important;
}
.contenu-page img.alignright {
float: right;
clear: both;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 10px;
}
.contenu-page img.alignleft {
float: left;
clear: both;
padding-right: 20px;
padding-top: 5px;
padding-bottom: 10px;
}
.formulaire-contact p {
margin-bottom: 0;
}
.formulaire-contact input,
.formulaire-contact textarea {
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
padding: 8px;
display: inline-block;
border: none;
background: #f1f1f1;
}
.formulaire-contact input[type=checkbox]{
width:18px; height:18px;
}
.formulaire-contact textarea {
resize: vertical;
height: 150px;
}
.formulaire-contact input[type="submit"] {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
background-color: #c20012;
color: #fff;
margin-bottom: 0;
text-transform: uppercase;
}
.formulaire-contact .first {
padding-right: 5px;
box-sizing: border-box;
}
.formulaire-contact .second {
padding-left: 5px;
box-sizing: border-box;
}
.formulaire-contact .choix-agence {
margin-bottom: 10px;
text-align: left;
}
div.wpcf7-response-output {
margin: 10px 0 0;
padding: 10px;
border: none;
}
div.wpcf7-validation-errors {
background: #e3611b;
color: #fff;
}
div.wpcf7-mail-sent-ok {
background: #398f14;
color: #fff;
}
.wpcf7-not-valid {
border: 1px solid #e3611b !important;
}
span.wpcf7-not-valid-tip {
display: none;
}
div.wpcf7 .ajax-loader {
position: absolute;
}
@media screen and (max-width: 1600px) {
footer .top-footer .liens {
line-height: 1.75em;
}
footer .top-footer .liens li {
display: block;
}
footer .top-footer .liens li a {
padding: 0;
}
footer .top-footer .liens a.on::after {
width: 0;
}
}
@media screen and (max-width: 1279px) {
body {
font-size: 95%;
}
.slim-wrapper {
padding: 0 40px;
}
header .top-nav > a {
padding: 15px 0;
}
header .logo-container {
margin-bottom: -80px;
}
header .logo {
width: 240px;
z-index: 1;
}
header nav .menu > li {
margin: 0 30px;
}
header nav .menu.menu-gauche {
padding-right: 140px;
}
header nav .menu.menu-droite {
padding-left: 140px;
}
.actualites .container-actualites {
padding: 0 80px;
}
}
@media screen and (max-width: 1023px) {
header .mask,
header nav {
position: fixed;
top: 0;
bottom: 0;
left: 0;
}
body {
font-size: 92%;
}
.fat-wrapper {
max-width: 500px;
}
.spacing {
margin-top: 60px;
margin-bottom: 60px;
}
header .top-nav .icones img {
height: 18px;
padding: 10px 5px 6px;
}
header .top-nav .liens-externes {
display: none;
}
header .logo-container {
margin-bottom: 0;
}
header .logo {
width: 200px;
}
header nav {
right: 60%;
background: #444;
z-index: 3;
font-size: 1.1em;
overflow: auto;
transform: translateX(-100%);
transition: 0.2s;
}
header.on nav {
transform: translateX(0);
}
header .mask {
right: 0;
background: rgba(255, 255, 255, 0.7);
z-index: 2;
opacity: 0;
transform: translateX(-100%);
transition: opacity 0.2s;
}
header.on .mask {
transform: translateX(0);
opacity: 1;
}
header nav a {
color: #fff;
}
header nav a:hover {
color: #c20012;
}
header nav .menu {
margin-top: 30px;
}
header nav .menu > li {
display: block;
margin-bottom: 30px;
}
header nav .menu-tablet > li,
header nav .menu > li:last-child {
margin-bottom: 0;
}
header nav .menu > li > a {
padding-top: 0;
}
header nav .menu > li .sub-menu {
position: static;
opacity: 1;
animation: none !important;
transform: translateY(0);
background: 0 0;
border-top: 2px solid #c20012;
font-size: 1em;
padding: 10px 0;
}
header nav .menu.menu-gauche {
padding-right: 0;
text-align: left;
}
header nav .menu.menu-droite {
padding-left: 0;
}
header nav .menu-tablet {
text-align: left;
display: block;
padding-bottom: 20px;
}
header nav .menu-tablet a {
font-family: Hind, sans-serif;
padding-bottom: 0 !important;
}
header .display-menu {
display: block;
}
.slider {
margin: 0 -150px;
}
.home .actualites .container-actualites {
padding: 0 60px;
}
.home .actualites .container-actualites .actu:nth-child(1) {
padding-right: 20px;
}
.home .actualites .container-actualites .actu:nth-child(2) {
padding-left: 20px;
}
.home .actualites .container-actu {
padding: 20px;
}
.home .actualites .actu .date::after {
left: -20px;
}
footer .bot a::before {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 767px) {
.slim-wrapper {
padding: 0 20px;
}
header nav {
right: 40%;
}
.presentation .contenu-presentation::after,
.presentation .contenu-presentation::before {
display: none;
}
.nos-permis .permis {
padding: 10px;
}
.actualites .container-actualites {
padding: 0 100px;
}
.actualites {
padding-bottom: 40px;
}
.home .actualites::after {
bottom: 0;
}
.home .actualites .container-actualites .actu:nth-child(1) {
padding-right: 0;
margin-bottom: 20px;
}
.home .actualites .container-actualites .actu:nth-child(2) {
padding-left: 0;
}
.home .actualites .actu .line-link {
margin-top: 20px;
}
.page-actu .actualites .container-actualites .actu {
padding: 0 0 20px;
}
.formulaire-contact .first {
padding-right: 0;
}
.formulaire-contact .second {
padding-left: 0;
}
.article .navigation .suivant {
text-align: left;
margin-top: 20px;
}
footer .top-footer .contact {
margin-bottom: 20px;
}
footer .top-footer .liens {
line-height: 1.75em;
}
footer .top-footer .contact div.center,
footer .top-footer .liens > div {
position: static;
transform: none;
}
}
@media screen and (max-width: 639px) {
header .logo {
width: 180px;
}
header nav {
right: 30%;
font-size: 1em;
}
header.on nav {
overflow: auto;
}
header nav .menu {
margin-top: 20px;
}
header nav .menu > li {
margin-bottom: 10px;
}
header nav .menu-tablet > li {
margin-bottom: 0;
}
header .burger,
header .burger::after,
header .burger::before {
height: 6px;
width: 40px;
}
.slider {
margin: 0 -200px;
}
.contenu-page .sur-titre {
width: 100px;
}
.actualites .container-actualites,
.home .actualites .container-actualites {
padding: 0 20px;
}
.home .actualites > .line-link {
display: none;
}
.actualites h2,
.nos-permis h2,
.presentation h1 {
font-size: 1.75em;
}
.nos-permis .permis h3 {
padding: 0 20px;
font-size: 1em;
}
}
.cmplz-document{
margin:0 auto !important;
}