.bloc1-nav .row {padding:15px 0}
.bloc1-nav .row .titre {display:none}
.bloc1-nav .row .menu {display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc}
.bloc1-nav .row .menu .item {margin-right:45px}
.bloc1-nav .row .menu .item:last-child {margin-right:0}
.bloc1-nav .row .menu .item a {display:block; font-weight:700; white-space:nowrap; padding:15px 0 10px; border-bottom:5px solid transparent}
.bloc1-nav .row .menu .item a:hover, .bloc1-nav .row .menu .item a:focus {color:#555}
.bloc1-nav .row .menu .item a:active {border-bottom-color:#f16e00}
.bloc1-nav .row .menu .item a.actif {border-bottom-color:#f16e00}
.bloc1-nav .row .menu .item a.actif:hover, .bloc1-nav .row .menu .item a.actif:focus {color:#555}
.bloc1-nav.dark .row .menu {border-bottom-color:#555}
.bloc1-nav.dark .row .menu .item a:hover, .bloc1-nav.dark .row .menu .item a:focus {color:#ccc}
.bloc1-nav.dark .row .menu .item a:active {border-bottom-color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif {border-bottom-color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif:hover, .bloc1-nav.dark .row .menu .item a.actif:focus {color:#ccc}

.banniere-html-xl380 .full {background:url(../img/bg-banniere-entete.jpg) left center no-repeat}
.banniere-html-xl380 .full .degrade {background:linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) left top / 50% auto no-repeat}
.banniere-html-xl380 .full .row {height:380px}
.banniere-html-xl380.dark .full .degrade {background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}

.banniere-img-xl380 .full .visuel {display:block; width:100%; height:380px; background:url(../img/videz-vos-tiroirs-1440.jpg) left center no-repeat}

.bloc1-ttl-txt-btn-img .row .contenu picture.pas {align-self:flex-end}

.bloc1-etapes4 .row .bloc {position:relative; z-index:5}
.bloc1-etapes4 .row .bloc img, .bloc1-etapes4 .row .bloc .icon {display:inline-block; height:60px; font-size:6rem; margin-bottom:15px}
.bloc1-etapes4 .row .bloc .numero {display:inline-block; width:44px; height:44px; line-height:44px; font-size:2rem; margin:0 15px; border-radius:100%}
.bloc1-etapes4.bg-blanc .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #fff, 15px 0 0 0 #fff; background-color:#fff}
.bloc1-etapes4.bg-gris1 .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #333, 15px 0 0 0 #333; background-color:#333}
.bloc1-etapes4.bg-gris2 .row .bloc .numero {border:1px solid #000; box-shadow:-15px 0 0 0 #f4f4f4, 15px 0 0 0 #f4f4f4; background-color:#f4f4f4}
.bloc1-etapes4.bg-noir .row .bloc .numero {border:1px solid #fff; box-shadow:-15px 0 0 0 #000, 15px 0 0 0 #000; background-color:#000}
.bloc1-etapes4 .row .bloc::after {position:absolute; left:0; top:21px; width:100%; height:1px; content:""; z-index:-1}
.bloc1-etapes4 .row .bloc:first-child::after {left:50%}
.bloc1-etapes4 .row .bloc:last-child::after {width:50%}
.bloc1-etapes4.bg-blanc .row .bloc::after {background-color:#ccc}
.bloc1-etapes4.bg-gris1 .row .bloc::after {background-color:#fff}
.bloc1-etapes4.bg-gris2 .row .bloc::after {background-color:#000}
.bloc1-etapes4.bg-noir .row .bloc::after {background-color:#555}

.texte-p .row.filet {border:1px solid #ccc; box-shadow:2px 2px #ccc}
.texte-p .row.filet:hover, .texte-p .row.filet:focus {border-color:#555; box-shadow:2px 2px #555}
.texte-p .row.filet:active {border-color:#f16e00; box-shadow:2px 2px #f16e00}

iframe {height:500px}

.bloc1-ssnav .row .col-xxl-12 {border-bottom:1px solid #ccc; overflow:hidden}
.bloc1-ssnav .row .ssnav {display:flex; flex-wrap:nowrap; justify-content:space-around}
.bloc1-ssnav .row .ssnav .item a {display:block; text-align:center; padding:15px 0 10px; border-bottom:5px solid transparent; cursor:pointer}
.bloc1-ssnav .row .ssnav .item a:hover {color:#555}
.bloc1-ssnav .row .ssnav .item a:active {border-bottom-color:#f16e00}
.bloc1-ssnav .row .ssnav .item a.actif {border-bottom-color:#f16e00}
.bloc1-ssnav .row .ssnav .item a.actif:hover {color:#555}

.bloc1-picto-ttl-txt-btn-centre .row .icon {display:inline-block; height:60px; font-size:6rem}

.bloc1-faq .row .item {border-bottom:1px solid #000}
.bloc1-faq .row .item:last-child {border-bottom:0}
.bloc1-faq .row .item .titre {display:flex; justify-content:space-between; align-items:center; min-height:70px; padding:11px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.4rem; font-size:1.8rem; padding:0}
.bloc1-faq .row .item .titre h3.txt-max {max-width:1000px !important}
.bloc1-faq .row .item .titre:hover h3, .bloc1-faq .row .item .titre:focus h3 {text-decoration:underline; color:#555}
.bloc1-faq .row .item .titre:active h3 {color:#f16e00}
.bloc1-faq .row .item .titre::after {font-family:icon-orange; font-size:1.4rem; font-weight:700; color:#f16e00; content:"\e93c"; margin-left:15px}
.bloc1-faq .row .item .texte {margin-bottom:30px}
.bloc1-faq .row .item .texte .txt-max {max-width:900px !important}
.bloc1-faq .row .item.ouvert .titre::after {content:"\e93d"}
.bloc1-faq.xl .row .item .titre {min-height:90px; padding:15px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:3rem; font-size:2.6rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.9rem}
.bloc1-faq.xl .row .item .texte {line-height:2.4rem; font-size:1.8rem}
.bloc1-faq.dark .row .item {border-bottom-color:#fff}
.bloc1-faq.dark .row .item .titre:hover h3, .bloc1-faq.dark .row .item .titre:focus h3 {color:#ccc}
.bloc1-faq.dark .row .item .titre:active h3 {color:#ff7900}
.bloc1-faq.dark .row .item .titre::after {color:#ff7900}

.img-mobile {max-width:138px; max-height:225px}


@media (max-width:1439.98px){
iframe {height:575px}
}


@media (max-width:1199.98px){
.bloc1-nav .row .menu .item {margin-right:30px}

.banniere-img-xl380 .full .visuel {background-image:url(../img/videz-vos-tiroirs-1199.jpg)}

.bloc1-ttl-txt-btn-img .row .contenu picture.pas {align-self:center}

.bloc1-etapes4 .row .bloc .numero {width:34px; height:34px; line-height:34px; font-size:1.6rem; margin:0 10px}
.bloc1-etapes4 .row .bloc::after {top:16px}

iframe {height:525px}

.bloc1-faq .row .item .titre {min-height:70px; padding:13px 0}
.bloc1-faq .row .item .titre h3 {line-height:2.2rem; font-size:1.6rem}
.bloc1-faq .row .item .titre h3.txt-max {max-width:800px !important}
.bloc1-faq .row .item .titre::after {font-size:1.2rem}
.bloc1-faq .row .item .texte .txt-max {max-width:700px !important}
.bloc1-faq.xl .row .item .titre {min-height:80px; padding:14px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.6rem; font-size:2.2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.6rem}
.bloc1-faq.xl .row .item .texte {line-height:2.2rem; font-size:1.6rem}
}


@media (max-width:959.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/videz-vos-tiroirs-959.jpg)}

iframe {height:480px}
}


@media (max-width:735.98px){
.bloc1-nav .row .titre {display:inline-block; padding:0 21px 0 0}
.bloc1-nav .row .menu {position:absolute; left:0; top:28px; flex-direction:column; padding-bottom:7px; border-top:5px solid #f16e00; border-bottom:0; background-color:#fff; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.4); z-index:10}
.bloc1-nav .row .menu.invisible {display:none}
.bloc1-nav .row .menu .item {margin-right:0}
.bloc1-nav .row .menu .item a {font-weight:400; white-space:normal; margin:0 20px; padding:10px 0 8px; border:0}
.bloc1-nav .row .menu .item a:hover, .bloc1-nav .row .menu .item a:focus {text-decoration:underline; color:#000}
.bloc1-nav .row .menu .item a:active {color:#f16e00}
.bloc1-nav .row .menu .item a.actif {font-weight:700}
.bloc1-nav .row .menu .item a.actif:hover, .bloc1-nav .row .menu .item a.actif:focus {color:#f16e00}
.bloc1-nav.dark .row .menu {border-top-color:#ff7900; background-color:#000; box-shadow:0 1px 4px 0 rgba(255, 255, 255, 0.4)}
.bloc1-nav.dark .row .menu .item a:hover, .bloc1-nav.dark .row .menu .item a:focus {color:#fff}
.bloc1-nav.dark .row .menu .item a:active {color:#ff7900}
.bloc1-nav.dark .row .menu .item a.actif:hover, .bloc1-nav.dark .row .menu .item a.actif:focus {text-decoration:underline; color:#ff7900}

.banniere-html-xl380 .full .degrade {background:none}
.banniere-html-xl380 .full .row {height:auto}
.banniere-html-xl380.dark .full .degrade {background:none}

.banniere-img-xl380 .full .visuel {height:475px; background:url(../img/videz-vos-tiroirs-735.jpg) center center no-repeat}

.bloc1-ttl-txt-btn-img .row .contenu picture {display:none}
.bloc1-ttl-txt-btn-img .row .visuel {order:-1}
.bloc1-ttl-txt-btn-img .row .visuel picture, .bloc1-ttl-txt-btn-img .row .visuel img {display:none}

.bloc1-etapes4 .row .bloc {margin-top:0 !important}
.bloc1-etapes4 .row > .bloc:nth-child(n+3) {margin-top:15px !important}
.bloc1-etapes4 .row .bloc .numero {width:24px; height:24px; line-height:24px; font-size:1.4rem; margin:0 5px}
.bloc1-etapes4 .row .bloc::after {top:12px}
.bloc1-etapes4 .row .bloc:nth-child(odd)::after {left:50%; width:100%}
.bloc1-etapes4 .row .bloc:nth-child(even)::after {left:0; width:50%}

iframe {height:980px}

.bloc1-ssnav .row .col-xxl-12 {height:43px}
.bloc1-ssnav .row .ssnav {justify-content:flex-start; overflow-x:scroll}
.bloc1-ssnav .row .ssnav .item {width:auto; flex:0 0 auto; margin-right:15px}
.bloc1-ssnav .row .ssnav .item a {padding:0 0 15px}

.bloc1-faq .row .item .titre h3.txt-max {max-width:none !important}
.bloc1-faq .row .item .texte {margin-bottom:15px}
.bloc1-faq .row .item .texte .txt-max {max-width:none !important}
.bloc1-faq.xl .row .item .titre {min-height:70px; padding:11px 0}
.bloc1-faq.xl .row .item .titre h3 {line-height:2.4rem; font-size:2rem}
.bloc1-faq.xl .row .item .titre::after {font-size:1.5rem}
}


@media (max-width:479.98px){
.banniere-img-xl380 .full .visuel {background-image:url(../img/videz-vos-tiroirs-479.jpg)}

iframe {height:1600px}
}