.decision_tree_area .ui-state-active {
    background: #2E618D;
    border-color: #000000;
    border-left-style: inset;
    color: #ffffff;
}

.decision_tree_area .ui-state-default {
    background: #428bca;
    border-color: #357ebd;
    color: #ffffff;
    min-width: 100px;
    background: #428bca;
}

.decision_tree_area .span.ui-button-text {
    color: #ffffff;
}

.decision_tree_area .ui-state-hover {
    background: #2E618D;
}

.decision_tree_area .ui-button {
    margin-bottom: 10px;
}

.decision_tree_area .ui-widget {
    font-size: 14px;
}

.dt_display_subtext {
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
    margin-bottom: 10px;
}

.decision_tree_area .answer-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.decision_tree_area .answer-restart {
    color: #ffffff;
    background-color: #5a8fad;
    border-color: black;
}

.decision_tree_area_donated a {
    font-size: .8em;
    outline: 0px none;
    border: 0px none;
    text-decoration: none !important;
    color: #767676;

}

/*
.dt_button {
    //font-size: 14px;
    margin-bottom: 14px;
    min-width: 100px;
    max-width: 300px;
    min-height: 32px;
    line-height: 32px;
    //border-radius: 4px;
    //border: 1px solid #d3d3d3;
    font-family: Verdana, Arial, sans-serif;
    text-decoration: none;
    //display: inline-block;
    //position: relative;
    padding: 0;
    cursor: pointer;
    //vertical-align: middle;
    text-align: center;
    overflow: visible;
    padding: .4em 1em;
}
*/

.rep-perso-titre{
    padding:0; 
}


.dt_radio_choice {
    cursor: pointer;
}

.dt_radio_choice + .dt_radio_choice:last-child{
    float: left !important;
}


.dt_radio_answer, .dt_radio_answer_nolink {
    color: #ffffff;
    background: #5cb85c;
    border-color: #4cae4c;
}

.dt_radio_answer_nolink {
    cursor: default;
}

.answer .wpcf7-validation-errors, 
.answer .wpcf7-acceptance-missing,
.answer .wpcf7-not-valid-tip{
    color: #ffffff;
}

.answer .wpcf7-response-output{
    background-color: #f6af3f;
    border: none;
    margin: 0;
    padding:5px;
    color: #ffffff;
}

.answer .wpcf7-not-valid-tip{
    margin-bottom: 15px;
    background-color: #f6af3f;
    position: relative;
    padding: 5px;
    font-weight: bold;
}

.answer .wpcf7-not-valid-tip::before{
    font-family: FontAwesome;
    content: '\f0d8';
    margin-right: 5px;
    color: #f6af3f;
    position: absolute;
    top: -10px;
    left: 20px;
}

/*
.dt_radio_choice:hover {
    background-color: #2e618d;
}
*/

.decision_tree_area .dt_display_title {
    font-size: 1.2em;
    padding: 3px 0 6px 0;
    color: #767676;
}

.ui-dialog {
    z-index: 1000;
}

/*
 *
 * customisation de l'affichage de l'arbre
 *
 */

.banner{
    padding-top: 250px;
    position: relative;
    background-color: #446084;
    width: 100%;
    min-height: 30px;
}

.bg-fill{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: 50% 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    padding: 0 !important;
    margin: 0 !important;
}

.sav{
    padding-top: 30px;
}

.sav-loaded{
    background-image: url('img/visuel.png') !important;
}

.row-full-width{
    max-width: 100%;
}

.questions{
    padding: 30px;
    text-align: center;
}

.dt_display_question h3, .answer h3{
    text-transform: uppercase;
    color: #ffffff;
    text-align: left;
    padding-left: 20px; /* 15 + 5px de border */
}

.answer .wpcf7-form label{
    color: #ffffff;
}

.wpcf7-form h4{
    text-transform: uppercase;
    color: rgba(255,255,255,.5);
    text-align: left;
    border-bottom: 2px solid rgba(255,255,255,.5);
}


/* bouton file */
.sav-upload .wpcf7-file{
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
}


.inputfile + label {
    /* max-width: 80%; */
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*display: inline-block;*/
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


.inputfile-6 + label {
    color: #d3394c;
}

.inputfile-6 + label {
    background-color: rgba(255,255,255,.3);
    padding: 0;
    font-family: inherit;
    color: rgba(0, 0, 0, 0.75);
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #722040;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    /*width: 200px;*/
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: #ffffff;
    font-size: 0.775em;
    font-weight: normal;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    text-transform: uppercase;
    padding: 20px;
    text-align: left;
}

.answer:nth-child(even) .inputfile-6 + label strong{
        background-color: #3081C2;
}

.answer:nth-child(odd) .inputfile-6 + label strong{
        background-color: #EC2D18;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #722040;
}

@media screen and (max-width: 50em) {
    .inputfile-6 + label strong {
        display: block;
        padding: 10px;
        font-size: 0.775em;
        text-align: center;
    }
}

/* fin bouton upload */


.answer label{
    font-size: 1em;
}

.wpcf7-textarea{
    height: auto !important;
}

.bob .qtn-block{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: solid 5px #f6af3f !important;
}

.decision_tree_area .questions:nth-child(even), .decision_tree_area .answer:nth-child(even){
    background-color: #0db0e7;
}
.decision_tree_area .questions:nth-child(odd), .decision_tree_area .answer:nth-child(odd){
    background-color: #e86655;
}

.qtn-block{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 0px;
    border: 5px solid transparent;
    overflow: hidden;
}

.qtn-block .dtree-image{
    height: 148px;
    position: relative;
}

.questions:nth-child(even) .qtn-block .dtree-image{
    background-color: #66cdf0;
}

.questions:nth-child(odd) .qtn-block .dtree-image{
    background-color: #f29b91;
}

.dtree-qtn{
    background-color: #ffffff;
    height: 105px;
    text-align: center;
    display: table;
    width: 101%;
    padding: 10px;
}



.dtree-qtn p{
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #3d3d3d;
}

.dtree-qtn p, .dt_display_info p{
    font-size: 1em;
    line-height: 1em;
    font-weight: 400;
}

.dtree-image span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    height: 96px;
    width: 96px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
}

.dt-border{
    background-color: rgba(255,255,255,.3);
    margin-bottom: 15px;
}

.dt-border p{
    padding: 15px;
    color: #ffffff;
    margin: 0;
}

#content{
    margin-top: 20px;
}
.answer{
    padding: 30px;
}

.answer > p{
    padding: 15px;
    color: #ffffff;
    margin: 0;
}

.answer .link{
    display: block;
    margin: 20px 0px;
}

.answer a{
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 15px;
    background-color: #f6af3f;
}

.answer .sav-pro{
    color: #ffffff;
    text-decoration: underline;
    text-transform: lowercase;
    padding: 0px;
    background-color: transparent;
}

.answer a:hover{
    color: #ffffff;
}

.answer .wpcf7-submit{
    background-color: #f6af3f !important;
    margin-top: 10px;
}

.not-found{
    background-color: #f6af3f;
    color: #ffffff;
    min-height: 145px;
    text-align: center;
    text-transform: uppercase;
    font-size: 19px;
}

.not-found p{
    margin-top: 20px;
}

.not-found hr{
    width: 10%;
    margin: 1.875em auto;
}

.block-link-sav{
    margin: 10px 0;
    display: block;
}

.button-sav{
    /*font-family: 'DK';*/
    padding: 10px 15px;
    background-color: #e86655;
    color: #ffffff;
    text-decoration: none !important;
    text-shadow: none;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    touch-action: none;
    text-align: center;
    text-transform: uppercase;
}

.button-sav:hover{
    color: #ffffff;
}

.answer .form-flat select{
    background-color: #ffffff !important;
}

.rep-perso{
    padding-left: 30px;
    padding-right: 30px;
}

.recaptcha{
    margin-bottom: 15px;
}

.dt_radio_choice{
    margin-bottom: 20px;
}


@media only screen and (max-width: 549px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
        
    .rep-perso-titre{
        padding:15px; 
    }

    .dt_display_question h3, .answer h3{
        text-align: center;
        padding-left: 0;
    }
    .dt_display_question h3{
        margin-bottom: .8em;
    }

    .banner{
        padding-top: 150px !important
    }

    .qtn-block .dtree-image{
        height: 85px;
    }

    .dtree-image span{
        height: 50px;
        width: 50px;
    }

    .dtree-qtn{
        min-height: 115px;
    }

    .questions{
        padding: 15px 5px;
    }

    .rep-perso{
        padding-left: 15px;
        padding-right: 15px;
    }

    .dt_radio_choice{
        -webkit-hyphens: auto;
         -moz-hyphens: auto;
        hyphens: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .not-found .row .columns{
        padding-bottom: 60px;
    }

    .not-found hr{
        width: 100px;
        margin: 1.875em auto;
    }

}
.adresse-livraison-picto{
    background-image: url('img/picto/AdresseLivraison.svg');
}
.application-picto{
    background-image: url('img/picto/application.svg');   
}
.colis-picto{
    background-image: url('img/picto/Colis.svg');
}
.cmd-abo-livre-picto{
    background-image: url('img/picto/commandeAboLivre.svg');
}
.cmd-abo-livre2-picto{
    background-image: url('img/picto/commandeAboLivre2.svg');
}
.cmd-future-picto{
    background-image: url('img/picto/commandeFuture.svg');
}
.cmd-passee-picto{
    background-image: url('img/picto/commandePassee.svg');
}
.contenu-picto{
    background-image: url('img/picto/contenusNumeriques.svg');
}
.delais-livraison-picto{
    background-image: url('img/picto/delaisLivraison.svg');   
}
.desabo-picto{
    background-image: url('img/picto/desabonner.svg');      
}
.doublons-picto{
    background-image: url('img/picto/doublons.svg');
}
.formules-abo-picto{
    background-image: url('img/picto/formulesAbonnement.svg');
}
.kiosque-picto{
    background-image: url('img/picto/kiosque.svg');
}
.livraison-etranger-picto{
    background-image: url('img/picto/livraisonEtranger.svg');
}
.livre-abime-picto{
    background-image: url('img/picto/livreAbime.svg');   
}
.livre-possede-picto{
    background-image: url('img/picto/livresPossedeDeja.svg');      
}
.livre-unite-picto{
    background-image: url('img/picto/livreUnite.svg');      
}
.livre-unite2-picto{
    background-image: url('img/picto/livreUnite2.svg');      
}
.magazines-picto{
    background-image: url('img/picto/magazines.svg');
}
.modifier-abo-picto{
    background-image: url('img/picto/modifierAbonnement.svg');
}
.moins-30-picto{
    background-image: url('img/picto/moins30.svg'); 
}
.moyen-paiement-picto{
    background-image: url('img/picto/moyenPaiement.svg');    
}
.pas-recu-livre-picto{
    background-image: url('img/picto/pasrecuLivres.svg');    
}
.pas-recu-mag-picto{
    background-image: url('img/picto/pasRecuMagazine.svg');    
}
.site-web-picto{
    background-image: url('img/picto/siteIntenet.svg');
}
.plus-30-picto{
    background-image: url('img/picto/plus30.svg');
}
.prelevements-picto{
    background-image: url('img/picto/Prelevements.svg');
}
.version-num-picto{
    background-image: url('img/picto/versionNumerique.svg');
}
.particulier-picto{
    background-image: url('img/picto/particulier.svg');
}
.professionnel-picto{
    background-image: url('img/picto/professionnel.svg');
}
.ecole-picto{
    background-image: url('img/picto/ecole.svg');
}