@charset "UTF-8";
html,select,input,textarea,button{font-family: 'Open Sans', sans-serif;font-size: 16px;outline: none;}
select,input,textarea{border-radius: 0;box-sizing: border-box;}
body{margin: 0;padding: 0;background-color:#fff;}
iframe,img{border: 0;}
a{cursor: pointer;text-decoration: none;color: #344b57}
label,button{cursor: pointer;}
.graph .valeur {color: orangered;}
h1,h2,h3,h4,h5,h6{margin: 0;font-size: 22px;font-family: 'Fira Sans Condensed', sans-serif;color: #344b57;}
h1,h2{text-transform: uppercase;}

ul{margin-top: 40px;padding: 0;}section-entete
ul li {list-style: none;position: relative;padding-left: 14px;margin: 2px 0;}
ul li::before {
    color: #dd1335;
    content: "\25a0";
    font-size: 8px;
    position: absolute;
    top: 0.001em;
    left: 0;
}
.postuler-mobile.bouton{display: none;}
.clear{clear: both;}
.gauche{
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
	line-height: 0;
}
.droite{
	float:right;
	margin-left: 12px;
	margin-bottom: 10px;
	line-height: 0;
}
.petit{width: 140px;}
.moyen{width: 320px;}
.grand{width: 100%;}
#old-browser-dialog p{
	 text-align:center;
	 font-size:18px;
	 background-color:#FAF1AA;
	 padding:5px;
	 position:relative;
	 top:100px;
}
#old-browser-dialog a{
	cursor:pointer;
	color:#0000ff;
	text-decoration:underline;
}
.admin-preview{
border-width: 2px;
border-style: dashed;
border-color: rgba(0,0,0,0.2);
box-sizing: border-box;
}
.wrap{max-width: 1090px;margin: auto;}
.wrap-medium{max-width: 889px;}
.wrap-large{max-width:1330px;}
.section .wrap{display: flex;justify-content: space-between;}
img{max-width: 100%}
label{cursor: pointer;}
.txt-center{text-align: center}
.txt-right{text-align: right}
.bouton{
	-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
	-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	display: inline-block;background: #fff;font-family: 'Fira Sans Condensed', sans-serif;color: #344b57;text-transform: uppercase;border: 1px solid #344b57;font-size: 18px;padding: 10px 19px;
}
.bouton.rouge{background: #dd1335;border-color: #dd1335;color: #fff;}
.bouton.disabled {opacity:0.7;}
.bouton:not(.disabled):hover{background: #344b57;color: #fff;}
.bouton.rouge:not(.disabled):hover{background-color: #344b57;color: #fff;border-color: #344b57;}
.section{margin: 110px 0 60px;}
.section.low-margin{margin: 60px 0 20px;}
.section.no-margin{margin: 0;}
::-webkit-input-placeholder{
    color:    #344b57;
}
:-moz-placeholder{
    color:    #344b57;
    opacity:  1;
}
::-moz-placeholder{
    color:    #344b57;
    opacity:  1;
}
:-ms-input-placeholder{
    color:    #344b57;
}

p{color: #344b57;line-height: 24px;margin: 24px 0;}
.section .titre{text-transform: uppercase;}
.section h1{font-size: 36px;margin-bottom: 30px;}
.section h2{font-size: 30px;margin-bottom: 24px;}
.section h3{font-size: 24px;margin-bottom: 48px;}
.section h4{font-size: 18px;margin-bottom: 16px;}
.section .titre + p{margin-top: 39px;}
.section-deux .wrap > div{width: 49%;box-sizing: border-box;}
.section-trois .wrap > div{width: 33%;box-sizing: border-box;}
.section-quatre .wrap > div{width: 24%;box-sizing: border-box;}
.section-deux .section-image{padding-left: 11px;}
.section-image img{display: block;}
.section-images-fenetre{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: -7px;}
.section-images-fenetre img{margin-top: 7px;display: block}
.section .titre-det{margin-top: 20px;}
.section-det{text-align: center}
/****************************** YOUTUBE ******************************/

.youtube {
width:100%;
height:0;
padding-bottom: 56.25%;
overflow:hidden;
cursor:pointer;
position:relative;
}

.youtube .thumbnail {
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
}

.youtube .blurry {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    top:-5px;
    left:-5px;
    bottom:-5px;
    right:-5px;
}

.youtube:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url(../youtube_icon.html);
background-size: 128px;
background-repeat: no-repeat;
background-position:center center;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.6);
z-index:5;
}

.youtube iframe {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
z-index:10;
}




body{padding-top: 77px;}
body.ticker-body{padding-top: 121px;}
header{
    -webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;
    background: #fff;position: fixed;left: 0;right: 0;top: 0;z-index: 100;
}
header.scroll{box-shadow: 0 1px 4px rgba(0,0,0,0.3);}
header .colones{display: flex;justify-content: space-between;align-items: center;padding: 12px 0}
#bouton-menu{display: inline-block;padding: 24px 22px;background: url(../svg/menu.svg) center no-repeat;margin-right: 26px;}
.bouton-huile{display: inline-block;padding: 22px 18px;background: url(../svg/aprillubeapp5e1f.svg) center no-repeat;background-size: 20px 32px;vertical-align: middle;margin-right: 4px;}
#bouton-langue{font-family: 'Fira Sans Condensed', sans-serif;font-weight: 900;font-size: 21px;color: #344b57;text-transform: uppercase;display: inline-block;vertical-align: middle;margin-right: 52px;}
header .wrap{position: relative;}
#menu-langue{position: absolute;right: 32px;top: 100%;background: #fff;white-space: nowrap;display: none;text-align: right;padding: 3px 0;}
#menu-langue a{display: block;font-family: 'Fira Sans Condensed', sans-serif;font-weight: normal;font-size: 20px;color: #344b57;text-transform: uppercase;padding: 4px 20px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;	}
#menu-langue a:hover{background: #eee;}
#bouton-fermer-niveau{display: none;}

#menu{position: fixed;left: -100%;top: 0;z-index: 101;color: #fff;bottom: 0;display: flex;flex-direction: row;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
#menu.actif{left: 0;}
#menu .menu-fermer-bg{position: fixed;right: 0;bottom: 0;background: #22323a;z-index: -1;opacity: 0;}
#menu.actif .menu-fermer-bg{opacity: 0.8;z-index: 0;top: 0;left: 0;}
#menu .niveau-1{display: flex;flex-direction: column;min-width: 600px;max-height: 100%;overflow-y: auto;position: relative;z-index: 2;}
#menu .niveau-2{max-height: 100%;overflow-y: auto;height: 100%;background: #536a75;position: relative;left: -100%;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
#menu .niveau-2.actif{left: 0;}
#menu .niveau-2 .sous-menu{position: relative;left: -100%;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;height: 0;}
#menu .niveau-2 .sous-menu.actif{left: 0;}
#menu .niveau-2 nav:before,
#menu .niveau-2 nav:after{display: none;}
#menu .niveau-2 nav{border: 0;padding-top: 40px;margin: 0;}
#menu .niveau-2 nav a{font-family: 'Fira Sans Condensed', sans-serif;/*white-space: nowrap;*/padding: 8px 40px;}
#menu .niveau-2 nav a:hover{background: #324b57;}
#menu .menu-principal{padding: 108px 0 98px 82px;color: #fff;background: #324b57;flex: 1;}
#menu .menu-principal .titre{font-size: 36px;font-weight: 900;color: #fff;text-transform: uppercase;font-family: 'Fira Sans Condensed', sans-serif;}
#menu .menu-principal .titre a{color: #fff;}
#menu .menu-principal .bouton-huile{padding: 18px;background-size: 28px 32px;background-position: center top;}
.bouton-fermer{display: inline-block;padding: 20px;background: url(../svg/fermer.svg) center no-repeat;background-size: 26px;}
#menu .bouton-fermer{position: absolute;right: 24px;top: 24px;}
nav{border-left: 1px solid #fff;padding: 40px 0;position: relative;margin: 40px 0;}
nav:before{position: absolute;left: 0;top: 0;bottom: 0;content: '';width: 40px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
nav a{display: block;text-transform: uppercase;color: #fff;padding: 2px 10px 2px 40px;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;font-family: 'Fira Sans Condensed', sans-serif;font-size: 24px;}
nav a:hover{background: #536a75;}
.menu-nano{background: #fff;flex: 1;text-align: center;display: flex;align-items: center;justify-content: center;padding: 48px 0;}
.menu-nano .titre{text-transform: uppercase;color: #324b57;font-weight: bold;font-size: 30px;}
.menu-nano img{margin-left: 30px;margin-bottom: 48px;}
.section-entete{padding: 29px 0 42px;background: url(../jpg/entete-huile-lowres.jpg) center no-repeat;background-size: cover;/*background-attachment: fixed;*/}
.section-slider{min-height: 69vh;position: relative;padding-top: 176px;background: #344b57;}
.section-slider .wrap{position: relative;z-index: 4;}
.section-slider .wrap.wrap-medium {justify-content:center;}
.slider-next-img,
.slider-img{position: absolute;left: 0;right: 0;bottom: 0;top: 0;background: #344b57;background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;z-index: 2;}
.slider-next-img{z-index: 1;}
.entete-conteneur{display: flex;justify-content: center;}
.entete-conteneur.entete-gauche{justify-content: left;padding-left: 32px;}
.entete-conteneur.entete-droite{justify-content: right;padding-right: 32px;}
.entete-conteneur > div,
.slider-entete{border-left: 1px solid #fff;border-right: 1px solid #fff;color: #fff;text-align: center;padding: 28px 62px 36px 62px;position: relative;z-index: 2;}
.entete-conteneur > div{padding: 49px 112px;}
.entete-conteneur > div.slider-entete{padding: 32px 98px;}
.entete-conteneur .titre,
.slider-entete .titre{font-family: 'Fira Sans Condensed', sans-serif;font-size: 59px;text-transform: uppercase;line-height: 62px;color: #fff;font-weight: 900;}
.entete-conteneur .slider-entete{/*background: rgba(0,0,0,0.3)*/text-shadow: 8px 3px 20px #000;}
.entete-conteneur.entete-fonce .slider-entete{/*background: rgba(255,255,255,0.3)*/text-shadow: 8px 3px 20px #fff;}
.entete-conteneur.entete-fonce .sous-titre,
.entete-conteneur.entete-fonce .titre{color: #344b57;}
.entete-conteneur.entete-fonce > div:before,
.entete-conteneur.entete-fonce > div:after,
.entete-conteneur.entete-fonce > div{border-color: #344b57;}
.slider-entete .titre{font-weight: bold;margin-bottom: 30px;}
.slider-entete sup{font-size: 0.3em;vertical-align: super;display: inline-block;top: -0.3em;position: relative;}
.entete-conteneur .sous-titre,
.slider-entete .sous-titre{font-size: 29px;text-transform: uppercase;color: #fff;margin-bottom: 24px;font-family: 'Fira Sans Condensed', sans-serif;font-weight: bold;}
.entete-conteneur > div:before,
.entete-conteneur > div:after,
.slider-entete:before,
.slider-entete:after{position: absolute;left: 0;width: 56px;top: 0;bottom: 0;border-top:1px solid #fff;border-bottom:1px solid #fff;content: '';}
.entete-conteneur > div:after,
.slider-entete:after{right: 0;left: auto;}
.slider-actions{position: relative;text-align: center;height: 0;top: 18px;z-index: 1;}
.slider-actions .bouton{font-weight: 800;padding: 8px 28px;text-shadow: none;}
.slider-actions .bouton.rouge:hover{background-color: #fff;color: #dd1335;border-color: #344b57;}
.slider-details{/*margin-top: 221px;*/width: 100%;min-height: 110px;padding: 15px 15px 30px;background: rgba(52,75,87,0.77);box-shadow: 2px -1px 7px 2px rgba(0, 0, 0, 0.6);}
.slider-details .titre{font-size: 30px;font-weight: normal;margin:42px 0 27px;color: #fff;font-family: 'Fira Sans Condensed', sans-serif;}
.slider-details .slider-texte-conteneur{text-align: center;color: #fff;padding: 0 32px;}
.slider-details .slider-texte-conteneur p{color: #fff;}
.slider-details-conteur{position: absolute;/*bottom: 0;*/left: 0;right: 0;bottom: 82px;}
.puces > a{display: inline-block;border: 2px solid #fff;border-radius: 50%;padding: 4px;margin-right: 4px;}
.puces > a.actif{background: #e1052d;}

.bande-slider-pied{height: 136px;background: #344b57;position: relative;z-index: 2;}
.bande-slider-pied:before,
.bande-slider-pied:after{
    content: '';
    display: block;position: absolute;left: 0;/*right: calc(50% + 445px);*/right:0;top: -77px;bottom: 0;
    background: #344b57;
}
.bande-slider-pied:after{right: 0;left: calc(50% + 445px);}
.bande-slider-pied + section{margin-top: -92px;position: relative;z-index: 4;}
.accueil-videos{/*margin-top: -88px;*/margin-top: -200px;position: relative;z-index: 2;width: 100%;margin-bottom:-140px;}
.accueil-videos-liste{display: flex;flex-wrap: wrap;justify-content: space-between;}
.accueil-videos-liste iframe {width: 100%;}
.accueil-videos-liste .video-modal {margin-top:20px;width:49%;position:relative;}


.accueil-nano{/*height: 542px;*/text-align: center;position: relative;padding: 122px 0;overflow-x: hidden;margin-top: 246px;}
.accueil-nano-logo{display: flex;align-items: center;justify-content: center;height: 100%;}
.accueil-nano-logo img{margin-left: 90px;}
.accueil-nano-droite,
.accueil-nano-gauche{position: absolute;top: 0;bottom: 0;background: #fdba1b;-webkit-transition: all 1.5s ease;-ms-transition: all 1.5s ease;transition: all 1.5s ease;}
.accueil-nano-gauche{left: -100%;right: 100%;}
.accueil-nano-gauche.actif{left: 0;right: calc(50% + 500px);}
.accueil-nano-droite{left: 100%;right: -100%;}
.accueil-nano-droite.actif{left: calc(50% + 500px);right: 0;}
.accueil-nano-gauche:before{
    content: "";width: 0;height: 0;
    border-top: 272px solid transparent;
    border-bottom: 272px solid transparent;
    border-left: 170px solid #fdba1b;
    position: absolute;
    top: 0;
    right: -169px;
}
.accueil-nano-droite:before{
    content: "";width: 0;height: 0;
    border-top: 272px solid transparent;
    border-bottom: 272px solid transparent;
    border-right: 170px solid #fdba1b;
    position: absolute;
    top: 0;
    left: -169px;
}
.accueil-nano-side{border-right: 1px solid #000;padding: 0 8px 0 0;margin-right: 20px;display: flex;align-items: center;position: absolute;top: 80px;bottom: 80px;right: 0;/*width: calc(100% + 80px);*/width: 23vw;}
.accueil-nano-side > div{flex: 1;}
.accueil-nano-side .bordures{position: absolute;right: 0;bottom: 0;top: 0;width: 60px;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.accueil-nano-side .titre{color: #fff;font-family: 'Fira Sans Condensed', sans-serif;font-weight: bold;font-size: 40px;line-height: 35px;}
.accueil-nano-side .sous-titre{color: #000;font-weight: bold;font-size: 34px;line-height: 30px;text-transform: uppercase;}
.accueil-nano-gauche .accueil-nano-side{border-left: 1px solid #000;border-right: 0;margin-left: 20px;margin-right: 0;padding: 0 0 0 8px;left: 0;right: auto;}
.accueil-nano-gauche .accueil-nano-side .bordures{left: 0;right: auto;}
/*.section-nouvelles{margin-top: 142px;margin-bottom: 125px;}*/
.section-nouvelles .entete{display: flex;justify-content: space-between;}
.section-nouvelles .titre{font-size: 43px;margin-bottom: 0;}
.section-nouvelles > .wrap > div{flex: 1;}
.nouvelles-liste{display: flex;justify-content: space-between;padding-top: 34px;flex-wrap: wrap;}
.nouvelles-liste > .vide{width: 33%;}
.nouvelles-liste > article{width: 33%;margin-bottom: 35px;}
.nouvelles-liste .details{padding: 0 18px;}
.nouvelles-liste .nouvelle-titre{font-size: 19px;margin-top: 12px;margin-bottom: 4px;font-weight: 500;line-height: 19px;}
.nouvelles-liste .nouvelle-titre a{color: #344b57;}
.nouvelles-liste .nouvelle-date{font-family: 'Fira Sans Condensed', sans-serif;color: #8e8d8d;}
.nouvelles-liste .nouvelle-resume{font-size: 13px;color: #8e8d8d;margin: 5px 0;}
.nouvelles-liste a{display: inline-block;overflow: hidden;}
.nouvelles-liste img{display: block;}

footer{margin-top: 238px;padding: 24px 0 48px;color: #fff;background: #344b57;font-weight: 300;font-size: 14px;}
footer .colones{display: flex;justify-content: space-between;align-items: center;}
footer a{color: #fff;}
footer .termes{text-decoration: underline;text-transform: uppercase;}
.ico-facebook{display: inline-block;vertical-align: middle;padding: 12px;background: url(../svg/facebook.svg) center no-repeat;background-size: auto 100%;margin: 0px;}
.ico-linkedin{display: inline-block;vertical-align: middle;padding: 12px;background: url(../svg/linkedin.svg) center no-repeat;background-size: auto 100%;margin: 0px; margin-right: 8px; }
.ico-telephone{display: inline-block;vertical-align: middle;padding: 13px;background: url(../svg/telephone.svg) center no-repeat;background-size: 23px auto;margin-right: 9px;}
.ico-localisation{display: inline-block;vertical-align: middle;padding: 13px;background: url(../svg/localisation.svg) center no-repeat;background-size: 19px auto;margin-right: 6px;margin-left: 8px;}
.ico-courriel{display: inline-block;vertical-align: middle;padding: 15px;background: url(../svg/courriel.svg) center no-repeat;background-size: 28px auto;margin-right: 12px;}



.choix-type-vehicule{display: flex;justify-content: center;padding: 60px 0 33px;text-align: center;}
.choix-type-vehicule input[type=radio]{display: none;}
.choix-type-vehicule label{width: 200px;margin: 0 13px;display: inline-block;}
.choix-type-vehicule .titre{text-transform: uppercase;font-size: 18px;margin-top: 15px;color: #8f9091;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.choix-type-vehicule label img{transition: transform .2s,opacity .4s;opacity: 0.6;display: block;margin: auto;}
.choix-type-vehicule label div{display: block;overflow: hidden;}
.choix-type-vehicule label input[type=radio]:checked + div{overflow: visible;}
.choix-type-vehicule label:hover img{transform: scale(1.06);}
.choix-type-vehicule input[type=radio]:checked + div img,
.choix-type-vehicule label.actif img{transform: scale(1.175);opacity: 1;}
.choix-type-vehicule input[type=radio]:checked + img + .titre,
.choix-type-vehicule label.actif .titre{color: #344b57;margin-top: 19px;}
input[type=text],
input[type=email],
textarea,
select{border: 0;width: 100%;box-sizing: border-box;border-bottom: 1px solid #344b57;font-family: 'Fira Sans Condensed', sans-serif;color: #344b57;padding: 1px;font-size: 18px;background: #fff;}
select{
    padding-right: 45px;
    background: url(../svg/select.svg) #fff center right 15px no-repeat;background-size: 15px auto;cursor: pointer;
    -webkit-appearance: none;-moz-appearance: none;appearance: none;
}
.boite-recherche-conteneur #select-family {padding-right:33px;}
select.invalide{border-bottom-color: #dd1335;}
textarea{border: 1px solid #344b57;height: 202px;}
.boite-recherche{padding: 26px 24px;text-align: center;border: 1px solid #344b57;box-shadow: 1px 0 21px 0 rgba(0, 0, 0, 0.57);background: #fff;}
.boite-recherche .titre{text-transform: uppercase;font-size: 24px;}
.boite-recherche .bouton{display: block;font-weight: 800;padding: 8px 19px;}
.boite-recherche-conteneur{display: flex;padding: 15px 0 30px;justify-content: space-around;flex-wrap: wrap}
.boite-recherche-conteneur > div{flex: 1;margin-right: 24px;min-width: calc(25% - 25px);margin-bottom: 18px;}
.boite-recherche-conteneur > div:last-child{margin-right: 0;}
.boite-recherche .section-recent{padding: 0 50px;}
.boite-recherche .section-recent:empty{padding: 0;margin: 0}
.boite-recherche .section-recent img{height: auto;}
.boite-recherche .resultat-liste .image { min-height: 171px;}

.resultat-section{padding: 38px 0 0}
.resultat-section .resultat-titre{font-weight: normal;border-bottom: 1px solid #344b57;text-transform: uppercase;font-size: 24px;padding: 9px 0;}
.resultat-liste{display: flex;flex-wrap: wrap;padding: 48px 0 0;justify-content: space-between;font-family: 'Fira Sans Condensed', sans-serif;}
.resultat-liste article{width:calc((100% - 40px) / 4);border: 1px solid #c2c9cc;/*padding: 20px 20px 30px;*/text-align: center;box-sizing: border-box;min-height: 315px;margin-bottom: 20px;position: relative;flex-shrink:0;}
.resultat-liste .vide{width: 24%;border: 0;min-height: 0;padding: 0;}
.resultat-details{padding: 20px 20px 30px;}
.resultat-liste .image{min-height: 216px;}
.resultat-liste .best{background: #e1052d;position: absolute;top: 207px;right: -12px;z-index: 2;padding: 8px 27px;font-family: 'Fira Sans Condensed', sans-serif;color: #fff;font-size: 18px;text-transform: uppercase;font-weight: 800;}
.resultat-liste .titre{/*text-transform: uppercase;*/font-size: 18px;margin-top: 20px;}
.resultat-liste .stitre{font-size: 16px;margin-top: 0;}
.resultat-liste .sous-titre{text-transform: uppercase;font-size: 16px;}
.resultat-liste .description{/*text-transform: uppercase;*/font-size: 14px;}
.ico-partage{position: relative;display: inline-block;vertical-align: middle;padding: 18px 14px;background: url(../svg/partage.svg) center no-repeat;background-size: 22px auto;cursor: pointer;}
.ico-imprimer{display: inline-block;vertical-align: middle;padding: 18px 14px;background: url(../svg/imprimer.svg) center no-repeat;background-size: 22px auto;}
.bouton-relatif{position: relative}
.bouton-relatif .bouton-absolute{font-weight: 800;position: absolute;right: 0;top: -22px;z-index: 2;}
.icones-partage{text-align: right;padding-right: 16px;}
.section-recent{margin-top: 80px;}
.section-recent .section-titre{text-align: center;text-transform: uppercase;border-bottom: 1px solid #344b57;padding: 5px 0;font-size: 36px;}
.section-recent .fleche-gauche,
.section-recent .fleche-droite{position: absolute;width: 70px;right: -74px;top: 0;bottom: 0;background: url(../png/fleche.png) center no-repeat;background-size: 43px auto;}
.section-recent .fleche-gauche{transform: rotate(180deg);left: -74px;right: auto;}
.section-recent .nouvelles-liste{display: block;white-space: nowrap;position: relative;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;left: 0; flex-wrap:nowrap;}
.section-recent .resultat-liste{display: block;white-space: nowrap;position: relative;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;left: 0;display:flex; flex-wrap:nowrap;}
.section-recent .resultat-liste article > a {display: flex;height: 100%;flex-direction: column;justify-content: space-between;}
.section-recent .nouvelles-liste article{display: inline-block;margin-right: calc(1% + 2px);white-space: normal;width: 32%; vertical-align:top;}
.section-recent .resultat-liste article{display: inline-block;margin-right:10px ;white-space: normal;}
.boite-recherche .section-recent .resultat-liste article{width: calc((100% - 30px) / 3);}
.recent-relative{position: relative}
.carrousel-overflow{overflow: hidden}
.entete-outils{display: flex;justify-content: space-between;align-items: center;padding-top: 32px;}
.servbox-popup-contenu .entete-outils{padding-top: 0;}
.bouton-retour{font-size: 24px;font-weight: normal;text-transform: uppercase;font-family: 'Fira Sans Condensed', sans-serif;color: #354b58;}
.bouton-retour .fleche-gauche{display: inline-block;padding: 30px 25px;vertical-align: middle;
    background: url(../png/fleche.png) center no-repeat;
    background-size: 43px auto;
    transform: rotate(180deg);
}
.section-produits-details{padding-bottom: 80px;}
.section-produits-details .icones-partage{padding-top: 0;}
.produit-colones{display: flex;justify-content: space-between;padding-top: 74px;}
.produit-options{border-left: 11px solid #354b58;padding: 12px 0 10px 13px;text-transform: uppercase;font-family: 'Fira Sans Condensed', sans-serif;position: relative;left: -5px;top: -2px;}
.produit-options-titre{font-size: 16px;font-weight: 500;color: #e1052d;text-align: left;}
.produit-options-texte{font-size: 18px;color: #354b58;text-align: left;}
.produit-options-offset{height: 54px;}
.produit-images{margin-top: 24px;}
.produit-colone-details{width: 50%}
.produit-colone-details .titre{text-transform: uppercase;font-size: 18px;font-weight: normal;line-height: 16px}
.produit-colone-details .sous-titre{text-transform: uppercase;font-size: 36px;line-height: 36px;margin-top: 14px;}
.produit-colone-details .sous-titre2{font-size: 34px;line-height: 40px;margin-top: 0;margin-bottom: 4px}
.produit-colone-details p{font-family: 'Fira Sans Condensed', sans-serif;font-size: 16px;line-height: 24px;color: #354b58;margin-top: 27px;}
.produit-fichiers{display: flex;align-items: start;padding-top: 44px;}
.produit-fichiers .produit-fichiers-categorie{width: 244px;margin-right: 13px;border: 1px solid #004569}

.produit-categorie-titre{font-family: 'Fira Sans Condensed', sans-serif;display: block;text-align: center;padding: 13px 0;color: #fff;font-size: 20px;background: url(../svg/pdf.svg) #004569 center left 12px no-repeat;background-size: 21px auto;}

.fleche-toggle{position: relative;}
.fleche-toggle:after{content: '';display: inline-block;background: url(../png/fleche_blanc.png) center no-repeat;padding: 12px;position: absolute;right: 13px;top: 0;bottom: 0;background-size: 27px auto;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;	}
.fleche-toggle.actif:after{transform: rotate(180deg);}

.produit-fichiers-liste{font-family: 'Fira Sans Condensed', sans-serif;padding: 6px 25px;color: #004569; display:none;}
.produit-fichiers-liste a{display: block;font-weight: bold;padding: 2px 0;}
.produit-options.small .produit-options-titre,
.produit-options.small .produit-options-texte{font-size: 14px;}
.partage-options{padding: 10px 15px 10px 25px;position: absolute;right: 100%;top: -10px;background: #f9f9f9;white-space: nowrap;opacity: 0;z-index: -1;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
.ico-partage:hover .partage-options{opacity: 1;z-index: 2;}
.partage-options .ico-facebook,
.partage-options .ico-twitter,
.partage-options .ico-courriel,
.partage-options .ico-instagram,
.partage-options .ico-pinterest{display: inline-block;vertical-align: middle;padding: 20px;margin-right: 2px;background-repeat: no-repeat;background-position: center;background-size: auto;}
.partage-options .ico-facebook{background-image: url(../jpg/facebook.jpg);}
.partage-options .ico-twitter{background-image: url(../jpg/twitter.jpg);}
.partage-options .ico-courriel{background-image: url(../jpg/courriel.jpg);}
.partage-options .ico-instagram{background-image: url(../jpg/instagram.jpg);}
.partage-options .ico-pinterest{background-image: url(../jpg/pinterest.jpg);}

.liste-categories{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 59px 0;}
.liste-categories article{min-width: 250px;margin: 13px 0 45px;}
.liste-categories .vide{min-width: 250px;margin: 0;}
.liste-categories .titre{text-align: center;text-transform: uppercase;font-size: 18px;margin-top: 4px;}
.nouvelles-liste article img,
.resultat-liste article img,
.liste-categories article img{transition: transform .3s;}
.liste-categories article img{display: block;}
.liste-categories article .img-cont{display: block;overflow: hidden}
.nouvelles-liste article:hover img{transform: scale(1.2);}
.resultat-liste article:hover img,
.liste-categories article:hover img{transform: scale(1.08);}

.has-search .boite-recherche.boite-recherche-absolute{position: absolute;left: 0;right: 0;background: #fff;top: -116px;z-index: 3;border: 1px solid #344b57;box-shadow: 1px 0 21px 0 rgba(0, 0, 0, 0.57);}
#servbox .bouton-fermer{background-image: url(../svg/fermer-fonce.svg);background-size: 21px;}
.boite-recherche-absolute .bouton-fermer{background-image: url(../svg/fermer-fonce.svg);position: absolute;right: 16px;top: 10px;background-size: 21px;}

#servbox{position: fixed;z-index: 1010;background-color: rgba(34,50,58,0.86);color: #fff;top: 0;left: 0;right: 0;bottom: 0;text-align: center;display:none;}
#servbox.chargement{background-image: url(https://www.aprilsuperflo.com/admin/img/loading.gif);background-repeat: no-repeat;background-position: center;}
.servbox-popup-conteneur{display: flex;height: 100%;width: 100%;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.servbox-popup{margin: auto;min-width: 30%;text-align: left;max-width: 1090px;}
.servbox-popup-titre{background: #fff;color: #000;text-transform: uppercase;padding: 14px 10px;display: flex;justify-content: space-between;align-items: center;}
.servbox-popup-contenu{background: #fff;color: #000;padding: 0 28px 32px;}
.servbox-popup-contenu .button {padding: 8px 16px;margin-top: 32px;}
.servbox-popup-contenu .button+.button{margin-left: 16px;}
#servbox .produit-colones{padding-top: 0;}
#servbox .page-entete{text-align: center}
#servbox .page-entete .titre{font-size: 59px;text-transform: uppercase;line-height: 62px;font-weight: 900;}
#servbox .page-entete .sous-titre{font-size: 29px;text-transform: uppercase;font-weight: normal;}
.servbox-popup .resultat-titre{width: 1034px;max-width: calc(100vw - 56px)}
#servbox.dark .servbox-popup-contenu{background: transparent}
#servbox.dark .servbox-popup-titre{display: none;}

label.checkbox{text-transform: uppercase;padding-right: 21px;font-size: 14px;font-family: 'Fira Sans Condensed', sans-serif;color: #354b58;}
input[type=checkbox]{display: none;}
input[type=checkbox]+span{content: '';display: inline-block;padding: 9px;margin-right: 4px;border: 2px solid #354b58;border-radius: 2px;vertical-align: middle;-webkit-transition: all 0.4s ease;-ms-transition: all 0.4s ease;transition: all 0.4s ease;}
input[type=checkbox]:checked+span{background: url(../svg/checkbox.svg) #354b58 center no-repeat;background-size: 10px auto;}

.page-nouvelles .nouvelles-liste{flex-wrap: wrap;padding-top: 73px;}
.entete-filtres > div{display: inline-block;width: 170px;margin-left: 8px;}
.entete-filtres label.checkbox{display:inline-block;}
input.recherche{background: url(../svg/recherche.svg) center right no-repeat;background-size: 15px auto;padding-right: 20px;}
.entete-filtres input.recherche{padding: 6px 18px 6px 9px;font-size: 16px;}
.entete-filtres select{background-position: center right;padding: 6px 18px 6px 9px;font-size: 16px;}

.pagination {
    margin-top: 3px;
    font-size: 35px;
    line-height: 48px;
    padding: 60px 0;
    white-space: nowrap;
    transition: all 0.4s ease;
    font-family: 'Fira Sans Condensed', sans-serif;
}
.pagination > div{display: inline-block;border-bottom: 1px solid #dd1335;}
.pagination a, .pagination span {
    border-bottom: 13px solid transparent;
    display: inline-block;
    padding: 0 16px;
    margin-right: 14px;
    vertical-align: bottom;
    color: #68686a;
    -webkit-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.pagination .actif {
    font-size: 48px;
    line-height: 56px;
    color: #344b57;
    border-color: #344b57;
    font-weight: bold;
}
.pagination a:hover {
    transform: scale(1.37);
}

.page-nouvelles-details{padding-top: 148px;}
.page-nouvelles-details .titre{font-size: 36px;line-height: 35px;text-transform: none;margin-bottom: 5px;}
.page-nouvelles-details .date{font-size: 18px;line-height: 24px;font-family: 'Fira Sans Condensed', sans-serif;}
.page-nouvelles-details .images img{margin: 45px 0 8px;}
.page-nouvelles-details .texte{color: #344b57;line-height: 24px;}
.page-nouvelles-details .texte p{margin: 1.5em 0;}
.page-nouvelles-details .bouton-retour{margin-top: 38px;}

.liste-documents{padding-top: 31px;border-top: 1px solid #344b57;
    /*display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 41px;*/
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    font-size: 18px;font-family: 'Fira Sans Condensed', sans-serif;
}
.liste-documents > div{/*width: 33%;*/padding: 10px 0;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid-column;}
.liste-documents a{text-decoration: underline;}
.page-approuval{padding-top: 117px;}
.page-approuval .titre{font-size: 36px;}

.colones-emplois{display: flex;justify-content: space-between;padding-top: 74px;align-items: start;}
.formulaire-emplois input[type=text],
.formulaire-emplois input[type=email],
.formulaire-emplois select{padding-top: 4px;padding-bottom: 4px;margin-top:30px;}
.formulaire-emplois{width: 481px;padding: 33px 34px 35px 38px;border: 1px solid #344b57;background: #fff;box-shadow: 1px 0 21px 0 rgba(0, 0, 0, 0.57);position: sticky;top: 100px; }
.formulaire-emplois .titre{text-transform: uppercase;font-size: 24px;}
.formulaire-emplois .titre + select{margin-top: 22px;}
.formulaire-emplois textarea{margin-top: 5px;}
.formulaire-emplois button{display: block;width: 100%;font-weight: 800;margin-top: 30px;padding: 7px 0;}
.formulaire-emplois .formulaire-ligne{display: flex;align-items: flex-end;justify-content: space-between;margin-top: 0;}
.formulaire-ligne > input{flex: 1;}
.formulaire-ligne > input.double{width: 48%;flex: unset;}
.formulaire-ligne .bouton{font-weight: bold;padding: 9px 27px;font-size: 16px;margin-left: 24px;}
.formulaire-emplois label{margin-top: 30px;display: block;color: #344b57;}
.formulaire-emplois .formulaire-ligne label{margin-top: 26px;}
.formulaire-emplois .label-titre{text-transform: uppercase;display: block;}

.page-emplois .resultat-section .resultat-titre{font-size: 19px;font-weight: normal;padding: 6px 0;}
.page-emplois .resultat-section .resultat-liste{flex-wrap: wrap;padding: 18px 23px 0 0;}
.page-emplois .resultat-liste article{width: 48%;border: 1px solid #b4c3ca;font-family: 'Fira Sans Condensed', sans-serif;text-align: left;min-height: 0;}
.page-emplois .resultat-details{padding: 14px;}
.page-emplois .resultat-details .titre{font-size: 15px;text-transform: none;margin: 0;}
.page-emplois .resultat-details .detail{margin-top: 6px;}
.page-emplois .ico-localisation{padding: 11px 8px;background: url(../svg/localisation_rouge.svg) center no-repeat;background-size: 15px auto;display: inline-block;margin-left: 0;vertical-align: middle;}
.ico-temps{padding:11px 8px;background: url(../svg/temps.svg) center no-repeat;background-size: 15px;display: inline-block;margin-right: 6px;vertical-align: middle;}
.page-emplois .resultat-section {padding: 2px 0 0;}
.colone-emplois-liste{width: 470px;padding-top: 43px;}
.colone-emplois-liste .titre{font-size: 36px;}
.select-positions{display: flex;margin: 46px 0 36px;}
.select-positions select{flex: 1;}
.select-positions-titre{font-size: 24px;font-weight: bold;text-transform: uppercase;color: #344b57;font-family: 'Fira Sans Condensed', sans-serif;margin-right: 28px;}

.page-emplois-details .colone-emplois-liste{padding-top: 25px;}
.page-emplois-details .sous-titre{font-size: 16px;font-weight: normal;text-transform: uppercase;}
.page-emplois-details .ico-temps,
.page-emplois-details .ico-localisation{margin-right: 8px;}
.emplois-liste-options{display: flex;margin-bottom: 32px;font-size: 14px;font-family: 'Fira Sans Condensed', sans-serif;color: #354b58;justify-content: space-evenly;}
.emplois-liste-options > div{flex: 1;}

.bouton.bouton-pointe{padding: 9px 15px 9px 8px;font-weight: 800;font-size: 14px;margin-right: 16px;background: url(../svg/bouton-pointe.svg) center right no-repeat;background-size: auto 100%;border-right: 0;border-top: 0;border-bottom: 0;}
.bouton.bouton-pointe:hover{background: url(../svg/bouton-pointe-o.svg) center right no-repeat;background-size: auto 100%;}
.form-choix-options .bouton,
.form-choix-type .bouton{display: block;text-align: center;}
.form-choix-options button.bouton,
.form-choix-type button.bouton{width: 100%;}
.form-choix-options-entete{display: flex;align-items: center;justify-content: start;text-transform: uppercase;}

.form-choix-options .quick-search{/*display:inline-block;*/ display:none !important; margin-left:auto;}
.form-choix-options .quick-search #txtquicksearch {width:60%; display:inline-block;}
.form-choix-options .quick-search .bouton {display:inline-block; cursor:pointer;}

.has-search .form-choix-type,
.has-search .boite-recherche.boite-recherche-absolute,
.form-choix-options .bouton.bouton-pointe,
.boite-recherche-absolute .bouton-fermer,
.bouton-relatif .bouton-absolute{display: none;}
.has-search .bouton-relatif .bouton-absolute{display: inline-block;}
.has-search .boite-recherche-absolute .bouton-fermer{display: inline-block;}
.has-search .form-choix-options.boite-recherche,
.boite-recherche.boite-recherche-absolute{box-shadow: none;border: 0;}
.form-choix-type .bouton{display: none;}
.has-search .form-choix-type .bouton{display: block;}
.has-search .form-choix-options .bouton.bouton-pointe{display: block;}

.section-visualiser-carte{ position: absolute; top: 20px; right: 60px; color: red; font-weight: 900; text-transform: uppercase; }
.section-carte{position: relative;min-height: 657px;color: #344b57; margin-bottom: -238px; }
/*.section-carte-bas{position: absolute; bottom: -10px;right: 0;left: 0;pointer-events: none;}*/
.section-carte-bas{ position: fixed; left: 450px; top: 375px; pointer-events: none; transition: top 0.2s; }
.section-carte-bas .wrap{pointer-events: all;}
.section-carte .boite-recherche{padding: 28px 36px 28px;}
/*.section-carte .colones{display: flex;justify-content: space-between;text-align: left;font-family: 'Fira Sans Condensed', sans-serif;line-height: 21px;align-items: start;}*/
.section-carte .colones{display: flex; flex-direction: column; justify-content: space-between;text-align: left;font-family: 'Fira Sans Condensed', sans-serif;line-height: 21px;align-items: start;}
/*.section-carte .colones > div{border-right: 1px solid #344b57;box-sizing: border-box;}*/
.section-carte .colones > div{ border-bottom: 1px solid #344b57; box-sizing: border-box; }
.section-carte .colones > div:last-child{border: 0;}
/*.section-carte .adresse-principale{width: 50%;}*/
.section-carte .adresse-principale{ width: 100%; padding-bottom: 15px; }
/*.section-carte .colones .adresse-secondaire{width: 44%;padding-top: 61px;}*/
.section-carte .colones .adresse-secondaire{ width: 100%; padding-top: 15px; }
.section-carte .adresse-principale .titre{font-size: 36px;margin-bottom: 17px;line-height: normal;}
.section-carte .courriel{font-size: 24px;margin: 23px 0 12px;line-height: normal;}
.section-carte .espace{margin-top: 30px;}
.section-carte .lien-adresse{background: url(../svg/localisation_opaque.svg) left top no-repeat;background-size: 34px auto;display: block;min-height: 46px;}
.section-carte .lien-adresse.actif{background-image: url(../svg/localisation_rouge.svg);}
/*.section-carte .colones .adresse-secondaire > div,
.section-carte .colones .adresse-secondaire > a,
.section-carte .adresse-principale > a,
.section-carte .adresse-principale > div{padding-left: 48px;}*/
.section-carte .colones .adresse-secondaire > div,
.section-carte .colones .adresse-secondaire > a,
.section-carte .adresse-principale > a,
.section-carte .adresse-principale > div{ padding-left: 48px; padding-right: 48px; }
/*.section-carte .google-map{height: 657px;}*/
.section-carte .google-map{ height: 1100px; }
.section-joindre{padding-top: 55px}
.wrap-small{max-width: 760px;}
.wrap-joindre{max-width: 807px;}
.section-joindre .titre{font-size: 24px;}
.section-joindre input[type=email],
.section-joindre textarea,
.section-joindre input[type=text]{padding: 9px 0;}
.section-joindre .label-titre{text-transform: uppercase;margin-top: 9px;margin-bottom: 14px;display: block;}
.section-joindre .bouton{width: 100%;margin-top: 26px;padding: 7px 19px;font-weight: 800;}
.formulaire-emplois input:focus:required:invalid,
.section-joindre input:focus:required:invalid {box-shadow: none;border-bottom-color: #dd1335;}
.formulaire-emplois input:-moz-submit-invalid,
.section-joindre input:-moz-submit-invalid {box-shadow: none;border-bottom-color: #dd1335;}
.formulaire-emplois input:-moz-ui-invalid,
.section-joindre input:-moz-ui-invalid {box-shadow: none;border-bottom-color: #dd1335;}
.formulaire-emplois textarea:focus:required:invalid,
.section-joindre textarea:focus:required:invalid {box-shadow: none;border-color: #dd1335;}
.formulaire-emplois textarea:-moz-submit-invalid,
.section-joindre textarea:-moz-submit-invalid {box-shadow: none;border-color: #dd1335;}
.formulaire-emplois textarea:-moz-ui-invalid,
.section-joindre textarea:-moz-ui-invalid {box-shadow: none;border-color: #dd1335;}
.conception {text-align:right;min-width:300px;}
.conception span, .conception img {vertical-align:middle;}
.table-telephones{display: table}
.table-telephones > div{display: table-row}
.table-telephones > div > div{display: table-cell}
.overlay-video {position:absolute;top:0;right:0;left:0;bottom:0;cursor:pointer;}
.blocker {z-index: 999;}
.modal {background:transparent;box-shadow: none;border-radius:0;width:1000px;max-width:80%;height:563px;}
.modal iframe {left:0;top:0;height:100%;width:100%;position:absolute;}
.modal a.close-modal {
    position: absolute;
    top: -40px;
    right: 0;
    background-image: url("../svg/close.svg");
    width: 25px;
    height: 25px;
}
#ticker-controller {
    box-sizing: border-box;
    background: #dd1335;color: #fff;
    overflow:hidden;padding: 4px 0;
    position: relative;
}
#ticker-close{
    position: absolute;right: 0;top: 0;bottom: 0;background: url(../svg/fermer.svg) center no-repeat #dd1335;background-size: auto 60%;
    z-index: 2;width: 32px;padding: 0 4px;
}
#ticker-controller:hover #ticker {
    -webkit-animation-play-state: paused
}
#ticker {
    white-space: nowrap;display: inline-block;
    /*-webkit-animation: ticker 36s linear 0s infinite normal;*/transform: translate(110vw,0);font-size: 24px;font-weight: bold;
    /*background: url(../images/alert.svg) rgba(221, 19, 53,1) center left no-repeat;background-size: auto 80%;padding-left: 24px;*/
}
#ticker p{display: inline-block;vertical-align: middle;margin: 0;color: #fff;line-height: 33px;}
#ticker a{color: #fff;}
/*@-webkit-keyframes ticker {
    from {
        -webkit-transform: translate(100vw,0)
    }
    to {
        -webkit-transform: translate(-150vw,0)
    }
}*/

/** IPAD LANDSCAPE */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
     .slider-next-img, .slider-img {
		background-attachment: inherit !important;
	}
}

.recherche-rapide {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
}

.recherche-rapide > .resultat-details {
    width: calc(50% - 10px);
    padding:0px;
}

.recherche-rapide > .resultat-details a {
    border: 1px solid #344b57;
    margin: 10px 0px;
    transition: background-color 0.4s ease;
    padding:20px;
    box-sizing:border-box;
    display:inline-flex;
    flex-direction:column;
    justify-content:space-between;
    width:100%;
    box-sizing:border-box;
}

.recherche-rapide > .resultat-details a:hover {
    background-color: #344b5730;
}

.recherche-rapide .stitre {
    font-weight: normal;
    font-size: 18px;
    margin-top: 10px;
    text-align: right;
}

.recherche-rapide .separator-title {
    width:100%;
}

.recherche-rapide .separator-title.annee {
    padding:5px;
    background:#344b57;
}

.recherche-rapide .titre-annee {
    color:white;
}

.recherche-rapide .separator-title .titre-annee {
    font-size:18px;
}

.recherche-rapide .separator-title.annee {
    /*border-bottom: 1px solid #344b57;*/
}

.recherche-rapide .separator-title + .separator-title.annee {
margin-top:0px;
}

.recherche-rapide > .resultat-details + .separator-title {
    margin-top:20px;
}

.noresult {
    margin-bottom: 40px;
    margin-top: -30px;
}

.saving:not(.formulaire-emplois) {
    position: relative;
}

.saving:after {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 10;
    background-image: url(../svg/chargement.svg);
    /* background-size: 40px; */
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(1px);
}
.nouvelle-fichiers{display: flex;align-items: start;padding-top: 44px; justify-content: center;}
.nouvelle-fichiers .nouvelle-fichiers-categorie{width: 244px;margin-right: 13px;border: 1px solid #004569}
.nouvelle-categorie-titre{font-family: 'Fira Sans Condensed', sans-serif;display: block;text-align: center;padding: 13px 0;color: #fff;font-size: 20px;background: url(../svg/pdf.svg) #004569 center left 12px no-repeat;background-size: 21px auto;}
.page-fichiers{display: flex;align-items: start;padding-top: 44px; justify-content: center;}
.page-fichiers .page-fichiers-categorie{width: 244px;margin-right: 13px;}
.page-categorie-titre{font-family: 'Fira Sans Condensed', sans-serif;display: block;text-align: center;padding: 13px 0;color: #fff;font-size: 20px;background: url(../svg/pdf.svg) #004569 center left 12px no-repeat;background-size: 21px auto;margin:0 20px;}

@media screen and (min-width:821px) {
    .section-deux.only-type-img > .wrap > .paragraphe.img:first-child:not(:last-child) {
        text-align: right;
    }

    .section-deux.only-type-img > .wrap > .paragraphe.img:nth-child(2) {
        text-align: left;
    }

    .section-deux.only-type-img > .wrap {
        justify-content: center;
    }
}

.page-faq header .titre-page {
    font-size: 50px;
}
.page-faq div.titre-page h1 {
    display: none;
}
.page-faq .table-faq {
    width: 100%;
    padding-top:73px;
}

.page-faq .titre-categorie h3 {
    font-size: 30px;
    color: #004569;
    margin-bottom:20px;
}

.page-faq .titre-categorie:not(:first-child) h3 {
    margin-top: 50px;
}
.page-faq .faq-question {
    font-size: 22px;
    font-weight: bold;
    padding-right: 32px;
}
.page-faq .faq-question-conteneur {
    position: relative;
    cursor: pointer;
}
.page-faq .faq-rond {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    border: 1px solid black;
    position: absolute;
    top: 0px;
    right: 0px;
}
.page-faq .faq-rond:after, .page-faq .faq-rond:before {
    position: absolute;
    content: "";
    background-color: black;
    width: 16px;
    height: 0px;
    border: solid 1px black;
    transition: all 0.4s ease;
    top: 16px;
    left: 7px;
}
.page-faq .faq-rond:before {
    transform: rotate(90deg);
}
.page-faq .faq-question-conteneur.ouvert .faq-rond {
    transition: all 0.4s ease;
}
.page-faq .faq-question-conteneur.ouvert .faq-rond:before {
    transition: all 0.4s ease;
    transform: rotate(0deg);
}
.page-faq .faq-module:not(:last-child) {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 16px;
    padding-bottom: 20px;
    width: 100%;
}

.page-faq .faq-reponse {
    padding-top:10px;
}

.page-faq .faq-reponse > :first-child {
    margin-top:0px;
}

.page-faq .faq-reponse > :last-child {
    margin-bottom:0px;
}