/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 déc. 2016, 18:51:24
    Author     : elisabeth
*/
input:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #f4f5f6 inset !important;
-webkit-text-fill-color: #000 !important;
}

header{    
    background: #36a9e1 none repeat scroll 0 0;
}
.header{    
    background: #fff;
    border-bottom: 1px solid #5A5A5A;
}
#blockHeader{
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.blockLogo{
    display: inline-block;
    padding-bottom: 11px;
    padding-left: 10px;
    padding-top: 13px;
}

.head-bdv-logo {    
    width: 134px;
    height: 64px;
}

.menuLien a, .backOrange a{
    text-decoration: none;    
}
.menuLien a, .blockSubMenu li a{
    display: inline-block;
    width: 100%;   
}

.supHeaderRight {
    text-align: center; 
    display: flex;
    align-items: center;
}

.knowmore {
    text-decoration: underline;
}

.supHeaderLeft{
    display: flex;
    gap: 5px;
    flex-direction: row;
}	

@media screen and (max-width:245px){
    .blockLogo{
        width: 0;
    }
}

@media screen and (min-width:320px){    
    .supHeader{    
        color: white;    
        margin: 0 auto;
        padding: 8px;
        max-width: 1200px;
        position: relative;
    }
    .supHeaderLeft{
        color: white;
    }	
    .supHeaderLeft img{       
        margin-left: 10px;
        position: absolute;
        top: 4px;
    }    
    .subHeaderRight{
        display: none;
        color: white;
    }
    .audiotel{
        display: block;
        text-align: right;
    }
    .telSite{        
        display: inline-block;
        font-size: 1.3em;        
        padding-left: 20px;        
        cursor: pointer;
    }
}


@media screen and (max-width:639px){
    #blockHeader {
        background: #fff;
    }
    .blockLogo {
        padding-bottom: 5px;
    }

    .supHeaderLeft{
        flex-direction: column;
    }
}

@media screen and (max-width: 1000px) {
    #blockHeader {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media screen and (max-width:1024px){   
    .supHeader {
        text-align: center;
    }

    .supHeaderRight {
        justify-content: center;
    }
}

@media screen and (max-width:767px) {
    .supHeaderRight {
        flex-direction: column;
        margin-top: 10px;
    }

    .supHeaderRight .savLink {
        margin-bottom: 5px;
    }
}

@media screen and (max-width:1170px) {
    .head-bdv-logo {
        width: 100px;
        height: auto;
    }
}

@media screen and (min-width:768px) {
    .supHeaderRight .savLink {
        margin-right: 10px;
    }
}

@media screen and (min-width:1024px) {
    .supHeader {
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .supHeaderRight .savLink a {
        margin-right: 10px;
        display: flex;
        align-items: center;
    }

    .savLink img {
        margin-right: 5px;
    }
}
@media screen and (min-width:640px) and (min-width:1280px){
    .supHeaderLeft{
        left: 10px;
    }
}

@media screen and (max-width:999px){
    header{
        position: relative;
    }
    .blockMenuSmarth {        
        background-color: #2D4B9B;
        cursor: pointer; 
        display: flex;
        align-items: center;
        justify-content: center;
        height: 79px; 
        width: 79px; 
    }

    .blockMenu{
        width: 100%;
        display: none;
        background: #2D4B9B none repeat scroll 0 0;
        color: #fff;
        text-align: center;
        padding: 10px 10px 10px 10px;
        position: relative;
        z-index: 125;
    }    
    .blockMenu .menuli, .blockMenu .menuLien, .blockMenu .submenuli, .backOrange{
        background: #36a9e1 none repeat scroll 0 0;
        cursor: pointer;
        margin: 0 0 10px;
        padding: 10px 0;
        font-size: 1.2em;
    }
    .blockMenu .SAVSmarth{
        cursor: auto;
        margin-bottom: 0;
    }
    .blockMenu .menuli a, .blockMenu .menuLien, .blockMenu .submenuli a{
        text-decoration: none;    
    }
    /* 1er SubMenu */    
    .blockSubMenu{
        display: none;
        background: #2D4B9B none repeat scroll 0 0;
    }
    .blockSubMenu li{
        background: #36a9e1 none repeat scroll 0 0;
        color: #fff;
        margin-bottom: 10px;
        padding: 10px;
        text-align: center;
        cursor: pointer;
        font-size: 1.2em;
    }
    .blockSubMenu li:last-child, .blockSubMenu .allCompagnie{
        margin-bottom: 0;
    }
    .blockSubMenu li a{
        text-decoration: none;       
    }
    .blockSubMenu .backOrange, .blockSubMenu .backOrangesubmenuli, .blockSubMenu li.orange{
        background: #fc4c02;
    }
    /* 1er SubMenu */
    .blockSubMenu li:last-child, .blockSubMenu .allCompagnie{
        margin-bottom: 0;
    }
    /* Bloc Garantie */    
    .blockGaranties p {
        background: #36a9e1 url("/images/spriteGaranties.png") no-repeat scroll 0 0;
        padding: 10px 0 10px 0px;        
        position: relative;
        text-align: left;
    }
    .menuGarantieSpan{        
        position: absolute;       

        left: 52px;
        top: 7px;
    }
    .blockGaranties p {
        padding-left: 5px;
    }

    .subNavTopArrow, .flecheMenu, #garantiesBlock{
        display: none;
    }    
}

@media screen and (min-width:309px){
    .span-garanties-prix-bas, .span-garanties-meilleur-prix{
        top: 19px;
    }
}
@media screen and (min-width:331px){
    .span-garanties-paris-opera{
        top: 19px;
    }
}
@media screen and (min-width:337px){
    .span-garanties-aps{
        top: 19px;
    }
}
@media screen and (min-width:360px){
    .span-garanties-compagnie-certifie{
        top: 19px;
    }
}
@media screen and (min-width:365px){
    .span-garanties-cb{
        top: 19px;
    }
}
@media screen and (min-width:386px){
    .span-garanties-ssl{
        top: 19px;
    }
}
@media screen and (min-width:397px){
    .span-garanties-avion{
        top: 19px;
    }
}
@media screen and (min-width:414px){
    .span-garanties-pouce{
        top: 19px;
    }
}
@media screen and (min-width:500px){
    .blockGaranties p{
        padding-left: 50px;
    }
    .menuGarantieSpan{
        left: 104px;
    }
}
@media screen and (min-width:600px){
    .blockGaranties p{
        padding-left: 100px;
    }
    .menuGarantieSpan{
        left: 156px;
    }
}
@media screen and (min-width:600px){
    .blockGaranties p{
        padding-left: 150px;
    }
    .menuGarantieSpan{
        left: 208px;
    }
}
@media screen and (min-width:700px){
    .blockGaranties p{
        padding-left: 200px;
    }
    .menuGarantieSpan{
        left: 260px;
    }
}

@media screen and (min-width:1000px){
    header{
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
    
    #blockHeader {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .blockMenu{
        display: flex;
        justify-content: space-evenly;
    }

    .blockMenu, .menuli, .menuLien, #menuFr, .blockOnglet{
        display: inline-block;
    }
    .blockMenuSmarth, .blockSubMenu, .SAVSmarth, .backOrange, .backOrangesubmenuli{
        display: none;
    }
    .menuli, .menuLien, #menuFr, .submenuli{
        cursor: pointer;
    }
    .menuli, .menuLien{
        padding: 0 9px;
        line-height: 70px;
    }
    .menuli:hover, .menuLien:hover{
        background-color: rgba(0, 0, 0, 0.08);
    }
    .blockSubMenu{
        position: absolute;
        background: #f5f5f5; 
        z-index: 2;
        width: 185px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    }
    .blockSubMenu li, .submenuli{
        padding: 5px;
    }
    .blockOnglet li a, .submenuli a{
        text-decoration: none;
    }
    .blockOnglet li:hover, .submenuli:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }
    .submenuli{
        position: relative;
    }
    .flecheMenu{
        position: absolute;
        right: 12px;
        top: 10px;
    }
    .blockOnglet2{
        position: relative;
    }
    .blockOnglet2 .blockSubMenu2{
        display: none;
        background: #f5f5f5 none repeat scroll 0 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
        left: 180px;
        position: absolute;        
        width: 180px;
        top: 0;
    }
    .blockSubGaranties{
        visibility: hidden;
    }
    .menuli:hover, .menuLien:hover{
        background-color: rgba(0, 0, 0, 0.08);
    }
    .blockOnglet li:hover, .submenuli:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }
}
@media screen and (min-width:640px) and (max-width:1280px){
    .supHeaderLeft{
        left: 10px;
    }   
}
@media screen and (min-width:640px) and (max-width:870px){
    .supHeaderLeft{display: block;text-align: center;}
}
/********************************************* Block Help Me ********************************************************************/
#blockHelpMe, .blockHelpMeHeader{
    background: #fff;   
    position: absolute;
    z-index: 25;
    display: none;
    left: 117%;
    top: -74px;
    width: max-content;
    height: max-content;
    padding: 8px;
    transform: translateX(-50%);
}

.blockHelpMeHeader {
    left: 71.5%;
    top: 159%;
}

@media screen and (max-width:640px){
    #blockHelpMe {
        top: 50px;
    }

    #blockHelpMe, .blockHelpMeHeader {
        left: 50%;
    }

    .blockHelpMeHeader {
        top: 140px;
    }
}

@media screen and (max-width:640px) {
    .assistant-img {
        height: 64px;
        width: 64px;
        margin-left: 0px;
        margin-top: 10px;
    }

    .blockHelpMeText {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .footerhelpinfo {
        text-align: center;
        text-wrap: balance;
    }
}

.blue-arrow{
    position: absolute;
    bottom: -9px;
    left: 45%;
    top: -18px;
    height: 37px;
    width: 50px;
    rotate: 90deg;
}

.blue-arrow-header {
    position: absolute;
    bottom: 109px;
    left: 150px;  
    rotate: 90deg;  
    height: 37px;
    width: 50px; 
}

.telSite, .headerHelpHeader a span {
    font-size: 14px;
}

@media screen and (max-width:640px) {
    .blue-arrow-header {
        bottom: 0px;
        left: 108px;
        top: -18px;  
    }
}

.blockHelpMeText{
    font-size: 11.2px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.assistant-img {
    margin-left: 15px;
}
.footerhelpinfo > span{
    color: #36a9e1;
    display: block;
    text-shadow: none;
}
.footerhelpinfo .titleHelp{
    font-size: 1.5em;
    font-family:"Century_Gothic_Bold";
}
/*** Background tu tel quand je clique ****/
.backTel{
    background-color: #477EAB;
}
@media screen and (min-width:1000px){
    .blue-arrow{        
        bottom: -9px;
        left: -24px;
        top: 67px;
        height: 37px;
        rotate: 0deg;
        width: 50px;
    }
}

@media screen and (min-width:640px){
    #blockHelpMe, .blockHelpMeHeader{
        transform: translateX(0);
    }
    
    .blue-arrow{        
        bottom: -9px;
        left: -24px;
        top: 67px;
        height: 37px;
        rotate: 0deg;
        width: 50px;
    }
}
/********************************************* Fin Block Help Me ********************************************************************/


/*********************************************************** Garanties ************************************************/
#garantiesBlock{
    display:none;
    position:absolute;
    right:0;
    z-index: 1;
}
.garantiesBlockSat{
    width: 118%;
}
#garantiesArrow{
    top:-15px;
    right:85px;
}
.garantiesList{
    color:white;
    text-align:left;
}
.garantiesItem{
    display:inline-block;
    margin:10px;
    vertical-align:top;
    width:30%;
}
.garantiesItem .spg,
.garantiesContent{
    display:inline-block;
    vertical-align:middle;
}
.garantiesContent{
    margin-left:15px;
}

.garantiesContent{
    width:70%
}
@media screen and (max-width:1000px){    
    #madeFranceBlock,
    .subNavTopArrow,
    #garantiesArrow,
    #garantiesBlock .spg{
        display:none;
    }
    #topContent{
        position:relative;
    }   
    #garantiesBlock{
        right: 150px;
        top: 70px;
        width: 200px;
    }
    .garantiesItem{
        display:block;
        width:100%;
    }
}
/*********************************************************** Fin Garanties ************************************************/

.headerHelp, .headerHelpHeader {   
    cursor: pointer;
    font-size: 1.3em;    
    line-height: 1.5em;
    padding: 0 10px;
    text-align: center;
}

.headerHelp a, .headerHelpHeader a {text-decoration: none;color: #fff; font-weight: bold;display: inline-block;height: 30px;}
.headerHelp a:hover, .headerHelpHeader a:hover {opacity: 0.5;}
.headerHelp span, .headerHelpHeader span {display: inline-block;font-weight: 100;line-height: 29px;vertical-align: top;}

@media screen and (min-width:870px){
    .headerHelp .picto, .headerHelpHeader .picto {
        margin-top: 2px;
    }
}


@media screen and (min-width: 320px) and (max-width: 768px) {
    #block__deconnexion_mobile .renouvelPrivi {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        color: #36a9e1;
        font-weight: bold;
        text-align: center;
        margin-top: 8px;
        padding: 30px 25px;
        text-shadow: none;
        z-index: 999;
        border-radius: 5px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion_mobile .renouvelPrivi::before {
        position: absolute;
        content: "";
        width: 9px;
        height: 10px;
        bottom: 100%;
        right: 50%;
        background: #fff;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #block__deconnexion_mobile .renouvelPrivi a:first-child:hover {
        border: 1px solid #fc4c02;
    }
    #block__deconnexion_mobile .renouvelPrivi .btnDeconnexion {
        margin: 10px auto 0;   
        background-color: #fc4c02;
        color: #fff;
        box-sizing: border-box;
        cursor: pointer;
        outline: 0;
        border: none;
        text-align: center;
        width: 100%;
        line-height: 25px;
        border-radius: 2px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion_mobile .renouvelPrivi .btnDeconnexion:hover {  
        background-color: #fc4c02;
    }
    #block__deconnexion_mobile .renouvelPrivi a:hover {
        text-decoration: none;
    }
    #block__deconnexion_mobile .renouvelPrivi a:first-child {
        display: block;
        font-size: 0.9em;
        margin: 0 auto 10px;   
        box-sizing: border-box;
        cursor: pointer;
        outline: 0;
        border: 1px solid #ccc;
        padding: 5px 0px;
        text-align: center;
        width: 100%;
        border-radius: 2px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion_mobile .renouvelPrivi span:not(.privi) {
        color: #898989;
        font-size: 1em;
    }
    #block__deconnexion_mobile .renouvelPrivi span:not(.privi)::before, #block__deconnexion_mobile .renouvelPrivi span:not(.privi)::after {
        content: '——';
    }
    #block__deconnexion_mobile .renouvelPrivi span:not(.privi)::before {
        padding-right: 10px;
    }
    #block__deconnexion_mobile .renouvelPrivi span:not(.privi)::after {
        padding-left: 10px;
    }
    #block__deconnexion_mobile .renouvelPrivi a span.privi {
        color: #fc4c02;
        font-weight: bold;
    }
}
/*********************************************************** Fin Encart Privilegium ************************************************/



/************************************************ Formulaires Connexion, Déconnexion, Inscription, Reset password *******************/
.modalMessage p {
    color: #36a9e1;
}
.modalMessage span {
    color: #fc4c02;
    font-weight: bold;
}
.modalMessage, .picto-account {
    text-align: center;
    padding: 5px 0 30px 0; 
}
form.account#resetPassword .emailAdresse {
    border: 1px solid #ccc;
    border-radius: 8px;
}
#modalResetPassword p {
    line-height: 1.3em;
}
form#resetPassword input#emailAdresse:focus {
    outline: none !important;
}

@media screen and (min-width: 1000px) and (max-width: 1170px) {
    .connect, .userConnexion {
        margin-left: 50px !important;  
    }
}

@media screen and (min-width: 1000px) {
    .connexionBlock.desktop  {
        display: inline-block; 
    }
    .connexionBlock.mobile {
        display: none;
        background: #fff;
        border-bottom: 1px solid;
        padding: 10px 0; 
    }
    .connect, .inscription, .userConnexion {
        position: relative;
        z-index: 999;
    }
    .connect, .userConnexion  {
        margin-left: 190px; 
    }
    .connect::before, .userConnexion::before {
        content: '\f007';
        font-family: 'FontAwesome';
        margin-right: 5px;
    }
    .connect:hover, .inscription:hover, .userConnexion:hover {
        opacity: 0.6;
        cursor: pointer;
    }
    
    .modalAccount {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 9999;
    }
    #modalInscriptionOK .content, #modalExistOK .content, #modalResetPwdOK .content, #modalDejaReset .content, #modalMailNotExist .content {
        padding: 30px;
        font-size: 1.2em;
    }
    #modalInscriptionOK .closeBox, #modalExistOK .closeBox, #modalResetPwdOK .closeBox, #modalDejaReset .closeBox, #modalMailNotExist .closeBox {
        margin: 20px 0;
    }
    .modalAccount form, #modalInscriptionOK .content, #modalExistOK .content, #modalResetPwdOK .content, #modalDejaReset .content, #modalMailNotExist .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background: #fff;
        color: #000;
        width: 30%;
        padding: 0 40px 40px 40px;
        border-radius: 10px;
        text-shadow: none;
        border-top: 4px solid #36a9e1;
    }
    .modalAccount form p.title {
        font-size: 22px;
        color: #36a9e1;
        border-top: none !important;
        text-align: left !important;
        font-weight: 600;
    }
    .modalAccount form span:first-of-type {
        margin: 20px 0;
    }
    form.account .minPassword {
        color: grey;
        font-size: 11px;
        transition: .25s;
    }
    form.account button {
        background-color: #fc4c02;
        color: #fff;
        font-size: 1.2em;
        box-sizing: border-box;
        cursor: pointer;
        outline: 0;
        border: none;
        text-align: center;
        margin: 0;
        width: 100%;
        line-height: 36px;
        padding: 0 16px;
        border-radius: 2px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    form.account button:hover {
        background-color: #fc4c02;
    }
    form.account p:last-of-type {
        border-top: 1px solid #ccc;
        margin-top: 20px;
        padding: 10px 5px;
        text-align: center;
        font-weight: 600;
    }
    form.account p:last-of-type .go {
        color: #fc4c02;
        text-decoration: none;
    }
    form.account p:last-of-type .go:hover, form.account .forgetPassword:hover {
        opacity: 0.7;
        cursor: pointer;
    }
    form.account .forgetPassword {
        color: #fc4c02;
        font-weight: bold;
        padding: 25px 5px 25px 5px;
    }
    form.account p.error {
        display: none;
        color: red;
        font-size:12px;
        text-align: left;
        font-weight: bold !important;
    }
    form.account p.error span {
        font-style: italic;
        font-size: 12px;
    }
    form.account span.showError {
        display: none;
        color: red;
        font-size:12px;
        font-weight: bold;
    }
    form.account#resetPassword {
        width: 35vw;
    }
    form.account .picto-account {
        text-align: center;
        padding: 30px 0 10px 0;
    }
    #modalResetPassword .picto-account {
        padding-bottom: 30px;
    }
    form.account#resetPassword p:last-of-type {
        margin-top: 0;
        border-top: 0;
        font-weight: normal;
    }
    form.account#resetPassword .emailAdresse {
        width: 100%;
        padding: 15px 10px;
        margin: 20px 0 0 0;
        
    }
    form.account#resetPassword .emailAdresse::placeholder {
        font-size: 18px;
        color: #ccc;
    }
    form#resetPassword button {
        margin: 35px auto;
        display: flex;
        justify-content: center;
    }
    .modalAccount .closeBox {
        background: url("/images/close.png") no-repeat right center;
        background-size: 17px;
        height: 17px;
        display: block;
        cursor: pointer;
    }

    div.eyePW {
        position: relative;
    }
    span#showPWConnexion::after, span#showPWInscription::after {
        content: '\f06e';
        font-family: 'FontAwesome';
        font-size: 16px;
        vertical-align: middle;
        position: absolute;
        right: 25px;
        top: 33px;
        cursor: pointer;
    }
    .hidePW::after {
        content: '\f070' !important;
    }

    #block__deconnexion {
        display: none;
        position: relative;
    }
    #block__deconnexion .renouvelPrivi {
        display: none;
        position: absolute;
        left: 95px;
        width: 100%;
        background: #fff;
        color: #36a9e1;
        font-weight: bold;
        text-align: center;
        margin-top: 8px;
        padding: 30px 10px;
        text-shadow: none;
        z-index: 999;
        border-radius: 5px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion .renouvelPrivi::before {
        position: absolute;
        content: "";
        width: 9px;
        height: 10px;
        bottom: 100%;
        right: 50%;
        background: #fff;
        border-left: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #block__deconnexion .renouvelPrivi a:first-child:hover {
        border: 1px solid #fc4c02;
    }
    #block__deconnexion .renouvelPrivi .btnDeconnexion {
        /*margin: 15px 0 auto;*/
        background-color: #fc4c02;
        color: #fff;
        box-sizing: border-box;
        cursor: pointer;
        outline: 0;
        border: none;
        text-align: center;
        width: 100%;
        line-height: 25px;
        border-radius: 2px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion .renouvelPrivi .btnDeconnexion:hover {  
        background-color: #fc4c02;
    }
    #block__deconnexion .renouvelPrivi a:hover {
        text-decoration: none;
    }
    #block__deconnexion .renouvelPrivi a:first-child {
        display: block;
        font-size: 0.9em;
        margin: 0 auto 15px;   
        box-sizing: border-box;
        cursor: pointer;
        outline: 0;
        border: 1px solid #ccc;
        padding: 5px 15px;
        text-align: center;
        width: 100%;
        border-radius: 2px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
    #block__deconnexion .renouvelPrivi span:not(.privi) {
        color: #898989;
        font-size: 1em;
    }
    #block__deconnexion .renouvelPrivi span:not(.privi)::before, #block__deconnexion .renouvelPrivi span:not(.privi)::after {
        content: '——';
    }
    #block__deconnexion .renouvelPrivi span:not(.privi)::before {
        padding-right: 10px;
    }
    #block__deconnexion .renouvelPrivi span:not(.privi)::after {
        padding-left: 10px;
    }
    #block__deconnexion .renouvelPrivi a span.privi {
        color: #fc4c02;
        font-weight: bold;
    }
    .block_renew {display:none;margin-bottom:15px;}

    form#connexion #emailConnexion,
    form#connexion #emailPasswordConnexion,
    form#inscription #emailInscription,
    form#inscription #confirmEmailInscription,
    form#inscription #emailPasswordInscription {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        outline: none;
        border-top: 1px solid transparent;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        border-bottom: 1px solid #ccc;
        margin: 30px 0 2px 0;
        padding-bottom: 12px;
        font-size: 1.3em;
        width: 100%;
    }
    form#connexion #emailConnexion:focus,
    form#connexion #emailPasswordConnexion:focus,
    form#inscription #emailInscription:focus,
    form#inscription #confirmEmailInscription:focus,
    form#inscription #emailPasswordInscription:focus {
        border-bottom: 1px solid #36a9e1; 
    }
    form#connexion #emailConnexion::placeholder,
    form#connexion #emailPasswordConnexion::placeholder,
    form#inscription #emailInscription::placeholder,
    form#inscription #confirmEmailInscription::placeholder,
    form#inscription #emailPasswordInscription::placeholder {
        color: grey;
        font-size: 15px;
        transition: .25s;
    }
    form#connexion #emailConnexion:focus::placeholder,
    form#connexion #emailPasswordConnexion:focus::placeholder,
    form#inscription #emailInscription:focus::placeholder,
    form#inscription #confirmEmailInscription:focus::placeholder,
    form#inscription #emailPasswordInscription:focus::placeholder {
        color: #ccc;
        font-size: 13px;
    }
    form#inscription p.content {
        padding: 25px 0;
        text-align: center;
        font-size: 13px;
        line-height: 1.6em; 
    }
    form#inscription .wantMore {
        display: flex;
        align-items: center;
        margin: 0 0 30px 0;
    }
    form#inscription .wantMore input#checkMore[type="checkbox"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-right: 10px;
        cursor: pointer;
        outline: none;
        transition: .25s;
    }
    form#inscription .wantMore input[type="checkbox"]:checked {
        background: url("/images/tick-17x17.png") no-repeat center #fc4c02;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        margin-right: 10px;     
    }
}

#messageAlerteHeader {
    background: #fff;
}
#messageAlerteHeaderInner {
    max-width: 1200px;
    padding: 8px 0;
    margin: 0 auto;
    overflow: hidden;
}
#messageAlerteHeaderInner > :first-child {
    display: inline-block;
    padding-right: 1.1em;
    color: #36a9e1;
    font-weight: bold;
    padding-left: 100%;
    white-space: nowrap;
    animation: defilement-rtl 40s infinite linear;
    font-size: 14px;
}
@keyframes defilement-rtl {
    0% {
        transform: translate3d(0,0,0);
    }
    100% {
        transform: translate3d(-100%,0,0);
    }
}

.footerhelpinfo {
    display: flex;
    flex-direction: column;
}

/************************************************ FIN Formulaires Connexion, Déconnexion, Inscription, Reset password *******************/