html,
body,
pan,
applet,
object,
iframe,
h5,
h6,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
font,
img,
p,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style-position: initial
}

button {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0
}

a {
    outline: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

header,
section,
footer,
aside,
nav,
article,
figure {
    display: block
}

body {
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    background: white;
    position: relative
}

#header_top {
    background: #fff;
    position: fixed;
    z-index: 1000;
    width: 100%;
    top: 0;
    border-bottom: 1px solid #333
}

#header {
    width: 945px;
    margin: 0 auto;
    padding-top: 3px;
    box-sizing: border-box;
    position: relative;
    width: 1024px;
    padding-left: 10px;
    padding-right: 10px;
    height: 90px
}

.bt-call1 {
    float: right;
    margin-left: 10px;
    font-size: 38px;
    color: #f66911;
    margin-top: -4px;
    cursor: pointer
}

a.logo_ideal {
    display: block;
    width: 100%;
    height: 86px;
    text-indent: -9999px;
    margin-bottom: 5px;
    background: url(logoJforum.png) no-repeat;
    background-size: contain;
    background-position: center;
}
.m12 {
    padding-bottom: 6px;
    box-sizing: border-box;
}

.slogan {
    float: left;
    font-size: 25px;
    font-weight: 700;
    padding-left: 15px;
    padding-top: 42px
}

.top_l {
    float: left;
    width: 54%;
    margin-top: 30px;
}

.top_l img {
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
}

.offre_val {
    text-align: center;
    font-size: 12px
}

#offre_mob {
    display: none
}

::placeholder {
    font-style: italic;
    color: #aaa
}

.erreur_on {
    border: 1px solid #f00!important;
    background-image: url(images/encoche_rouge_desk.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    outline-color: #F00!important;
    background-position: right!important;
}

.erreur_off {
    border: 1px solid #85afd5!important;
    background-image: url(images/encoche_verte_desk.svg)!important;
    background-repeat: no-repeat!important;
    background-size: 15px!important;
    outline-color: #008e1e!important;
    background-position: right!important;
}

.mess_erreur {
text-align: center;
    padding: 10px;
    background: #ff000052;
    border-radius: 8px;
    border: 1px solid red;	
}

.mess_ok {
text-align: center;
    padding: 10px;
    background: #5ff95f78;
    border-radius: 8px;
    border: 1px solid green;
}	

#dropzone {
max-width: 500px;
height: 300px;
border: 8px dashed #999;
border-style: dashed;
text-align: center;
padding:10px;
box-sizing:border-box;
margin: 30px auto;
}

.corps {
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box;
}

.corps p {
margin-top: 18px;
margin-bottom: 18px;
}
.bloc1 {
    width: 960px;
    margin: 50px auto
}

.bloc2 {
    font-size: 25px;
    text-align: center
}

.bloc2_1 {
    width: 80%;
    margin: 0 auto
}

.bloc2_2 {
    margin: 20px 0;
    font-weight: 700
}

.bloc_left {
    float: left;
    margin-right: 30px;
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 30px
}

.etoile img {
    width: 30px
}

.bloc_right {
    float: right;
    width: 65%
}

.p25 {
    font-size: 25px
}

h2 {
    text-transform: uppercase;
    font-size: 25px;
    margin-top: 0
}

h2::before {
    content: "‘";
    font-size: 30px
}

h2::after {
    content: "’";
    font-size: 30px
}

.col_g {
    float: left;
    width: 39%
}

.sep1 {
    border: 1px solid #f60;
    width: 30%;
    margin: 20px auto
}

.bloc_left2 {
    float: left;
    width: 67%;
    text-align: right
}

.bloc_right2 {
    float: right;
    max-width: 100%;
    text-align: center;
    font-weight: 700;
    font-size: 30px
}

.menu_fb {
    display: inline-block;
    background: url(images/menu/logo_fb.png) no-repeat;
    width: 25px;
    height: 32px;
    background-size: contain;
    padding-right: 10px
}

.menu_fb:hover {
    background: url(images/menu/logo_fb_on.png) no-repeat
}

.menu_inst {
    display: inline-block;
    background: url(images/instagram.png) no-repeat;
    width: 25px;
    height: 32px;
    background-size: contain;
    padding-right: 10px
}

.menu_inst:hover {
    opacity: .7
}

.gb_ha {
    border-color: rgba(0, 0, 0, 0);
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    z-index: 9999999;
    height: 0;
    width: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    top: 41px;
    right: 102px;
    right: 52px
}

.gb_ga {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #FFF;
    border-style: dashed dashed solid;
    border-width: 0 8.5px 8.5px;
    position: absolute;
    top: 42px;
    z-index: 9999999;
    height: 0;
    width: 0;
    right: 102px;
    right: 52px
}

#ferme {
    text-align: right;
    background: #FFF;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    line-height: 15px;
    padding-top: 2px;
    padding-right: 2px;
    box-sizing: border-box
}

#ferme img {
    cursor: pointer;
    width: 15px;
    opacity: .5
}

#ferme img:hover {
    opacity: 1
}

.selection {
    border-radius: 0 0 5px 5px;
    overflow-x: auto;
    overflow-y: scroll;
    height: 268px;
    font-size: 16px;
    color: #6E6E6E;
    background-color: #F5F5F5;
    border: 1px solid #DDD;
    border-top: none;
    box-sizing: border-box
}

li.choix-app {
    list-style-type: none;
    cursor: pointer;
    padding: 1px;
    background: #FFF;
    border-bottom: 1px solid #DDD;
    -webkit-animation: fadeInUp .8s;
    -moz-animation: fadeInUp .8s;
    line-height: 40px;
    margin-left: 0px!important
}

li.choix-app:hover {
    background: #EF7B10;
    color: #FFF
}

li.choix-app a:hover {
    color: #fff!important
}

li.choix-app img {
    width: 50px;
    padding-right: 10px;
    vertical-align: middle
}

#cache {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 7;
    top: 0;
    bottom: 0;
    display: none;
    background: rgba(0, 0, 0, .368627)
}

a,
a:visited,
a:hover,
a:active {
    color: #528ac4;
}

input#home_contact[type="submit"] {
    float: none;
    width: 150px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    margin-top: 5px
}

input#bt_contact[type="submit"],
input#bt_contact {
    width: 150px;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    margin-left: 6px;
    margin: 0 auto;
    float: none;
    text-align: center
}

h3 {
    font-size: 1.17em;
    color: #5086c2;
}

#btn_up {
    position: fixed;
    bottom: 15px;
    right: 34px;
    cursor: pointer;
    display: none;
    z-index: 99;
    width: 35px;
    height: 35px;
    background: url(images/haut.png) no-repeat 0 0;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    opacity: .8;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
    border: 1px solid #f60;
    border-radius: 0
}

#btn_up1 {
    position: fixed;
    bottom: 20px;
    right: 25px;
    cursor: pointer;
    display: none;
    z-index: 999;
    background: url(images/retour-top.png) no-repeat 0 0;
    background-size: 40px;
    width: 40px;
    height: 40px;
    filter: alpha(opacity=30);
    -ms-filter: "alpha(opacity=30)";
    opacity: .3;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease
}

#btn_up1:hover,
#btn_up:hover {
    background-color: #f90;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    opacity: 1
}

#aide_tel {
    background: url(images/tel.svg) no-repeat 0 0;
    background-size: 80px;
    width: 80px;
    height: 80px;
    position: fixed;
    bottom: 72px;
    right: 6px;
    cursor: pointer;
    z-index: 999;
    display: none
}

#aide_tel:hover {
    background: url(images/btn_aide_over_mob.svg) no-repeat 0 0
}

#tel_desk {
    background: url(images/tel.svg) no-repeat 0 0;
    background-size: 80px;
    height: 80px;
    position: fixed;
    bottom: 72px;
    cursor: pointer;
    z-index: 999;
    padding-top: 11px;
    overflow: hidden;
    color: #f60;
    font-weight: 700;
    font-size: 17px;
    box-sizing: border-box;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    transition: all 400ms ease;
    text-align: center;
    padding-left: 100px;
    width: 265px;
    right: -172px
}

.deplie {
    right: 10px!important
}

.num_tel {
    background-color: #f60;
    color: white;
    border-radius: 17px;
    padding: 4px
}

.wrapper {
    margin: 0 auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    width: 1024px;
    margin-bottom: 0;
	margin-top:110px;
}

.top_n1 {
    padding-top: 105px;
    width: 1024px;
    margin: 0 auto;
}

.top_r {
    width: 320px;
    margin: 0 auto;
    margin-top: 30px;
    /* border: 2px solid #81acd3; */
    box-sizing: border-box;
}

picture {
    display: none
}

.titre_form {
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    border: 1px solid #85afd5;
    text-transform: uppercase;
    padding: 10px 0;
    max-width: 320px;
    margin: 0 auto;
}

.sep {
    text-align: center;
    padding-top: 10px;
    margin-top: 6px;
}

#divsecu {
    display: none
}

#contact_civilite,input#contact_nom, input#contact_prenom_f, input#contact_prenom_h, input#contact_fils, input#contact_epouse, input#contact_naissance, input#contact_deces, input#contact_ville, input#contact_pays, input#contact_communaute, textarea#contact_hommage, input#contact_nom1, input#contact_prenom1, input#contact_mail1, input#contact_cp1, #contact_civilite1, #contact_parente1, #contact_ville1, #contact_pays1, #contact_tel, #contact_prof {
    padding: 10px 6px;
    width: 320px;
    margin: 3px auto;
    background: #FFF;
    color: #666;
    -webkit-transition: background-color .5s ease;
    -moz-transition: background-color .5s ease;
    -ms-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
    border: 1px solid #85afd5;
    font-size: 16px;
    box-sizing: border-box
}

textarea#contact_hommage {
	
}


.aide {
margin-bottom: 10px;
    font-size: 13px;
    text-align: left;
    font-style: italic;	
}

button.rappel {
    cursor: pointer;
    padding: 5px 20px;
    background: #85afd5;
    color: #FFF;
    display: block;
    margin: 15px auto;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    border: 1px solid #6e90af;
    font-family: 'Quicksand', sans-serif;
}

button.rappel:hover {
    color: #85afd5;
    background-color: #fff;
    border: 1px solid #85afd5;
}

#bt_cta_guide.rappel {
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 10px center;
    background-image: url(images/landing/lp_telechargement_desk.svg);
}

#bt_cta_guide.rappel:hover {
    background-image: url(images/landing/lp_telechargement_over.svg);
}

#bt_cta_mut {
    width: 364px;
    background-image: none;
    padding: 5px 10px;
    font-size: 18px
}

#taux_simul {
    background-image: url(images/landing/img-desk/calculette_desk.svg);
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: 14px center;
    outline: none
}

button.simul {
    cursor: pointer;
    padding: 4px 10px 8px 40px;
    background: #f60;
    color: #FFF;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    border: 1px solid;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 30px;
    width: 364px
}

#simul {
    display: none
}

.simul img,
.simul_on img,
.simul_secu img {
    width: 20px
}

button.simul_on {
    cursor: pointer;
    padding: 4px 10px 8px 40px;
    background-color: white;
    color: #f60;
    border: 1px solid;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 30px;
    width: 364px;
    background-image: url(images/landing/img-desk/calculette_orange_desk.svg)!important
}

button.simul_secu {
    cursor: pointer;
    padding: 4px 10px 8px 40px;
    background: #fff;
    color: #f60;
    display: block;
    margin: 0 auto;
    font-weight: 700;
    font-size: 25px;
    text-transform: uppercase;
    border: 1px solid;
    font-family: 'Quicksand', sans-serif;
    margin-bottom: 30px;
    width: 364px
}

#taux_yes,
#taux_no {
    background-image: none;
    font-size: 18px;
    padding: 5px 30px 5px 15px;
    text-transform: none;
    outline: none
}

.titre2 {
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px
}

.question {
    font-size: 25px;
    font-weight: 600;
    background: url(images/landing/img-desk/fleche_noire_desk.svg) no-repeat 99% 0;
    background-size: 54px;
    cursor: pointer
}

.question_on {
    color: #f60;
    background: url(images/landing/img-desk/fleche_orange_desk.svg) no-repeat 99% 0;
    background-size: 54px;
    font-size: 25px;
    font-weight: 600;
    cursor: pointer
}

.reponse {
    display: none;
    font-size: 20px
}

a.bouton,
input.bouton,
button.bouton {
    float: right;
    text-align: left;
    margin-left: 10px;
    padding: 5px 5px;
    border-radius: 3px;
    color: #FFF;
    display: block;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    border: none
}

a.orange,
input.orange,
button.orange {
    background: #EF7B10
}

a.orange:hover,
input.orange:hover,
button.orange:hover {
    background: #EF6910
}

h1 {
    text-align: center;
    font-size: 40px;
    line-height: normal
}

#bt-news {
    width: 135px;
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 0;
    margin-bottom: 0
}

.pastille_eng {
    text-align: center;
    background: #f90;
    width: 26px;
    border-radius: 12px;
    font-size: 16px;
    color: white;
    box-shadow: -1px -3px 5px #888;
    -webkit-box-shadow: -1px -3px 5px #888
}

#tb_engagement td.picto {
    width: 70px
}

#tb_engagement td img {
    max-width: 100%
}

#tb_engagement .eng_contenu {
    width: 90%
}

a {
    outline: none
}

.clear {
    clear: both
}

input.saisie11,
textarea.saisie11 {
    font-size: 11px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #E1E1E1;
    color: inherit;
    padding: 2px;
    margin-bottom: 5px
}

#footer {
    clear: both;
    margin-top: 20px;
    background-size: 100% 100%;
    background: #EFEFEF
}

#sous_footer {
    width: 945px;
    margin: 0 auto;
    padding-top: 20px
}

.foot_mut {
    width: 945px;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 1px
}

#footer .foot_news {
    background: #878787
}

#sur_footer {
    padding-bottom: 20px;
    border-bottom: 3px solid #878787;
    margin-bottom: 20px
}

#sur_footer img {
    height: 50px!important;
    width: auto!important;
    padding-right: 8px;
    padding-bottom: 5px;
    float: left
}

#footer .colgauche-new {
    font-size: 14px;
    float: left;
    padding-left: 35px;
    padding-right: 35px;
    height: 240px
}

#footer .coldroite-new {
    font-size: 14px;
    float: right;
    padding-left: 35px;
    padding-right: 0;
    height: 240px
}

#footer .coldroite-new li,
#footer .colgauche-new li {
    list-style: none outside none
}

#footer .coldroite-new li a,
#footer .colgauche-new li a {
    color: #6e6e6e
}

#footer li.sep {
    height: 20px
}

.titrefooter-new {
    font-weight: 700;
    color: #535353;
    font-size: small;
    text-shadow: 1px 1px 2px white
}

#footer #foot_news {
    background: #878787
}

#footer #newsletter {
    padding: 5px;
    width: 540px;
    font-size: 14px;
    color: #fff;
    margin: 0 auto
}

input#contact_news {
    font-size: 14px;
    color: #aaa;
    width: 212px;
    border-radius: 6px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    border: 1px solid #b1b1b1;
    font-style: italic
}

.souligne:hover {
    text-decoration: underline
}

input.envoyer {
    cursor: pointer;
    font-size: 14px;
    padding: 2px 5px;
    border: 1px solid #CFCFCF;
    -webkit-border-radius: 3px;
    margin-bottom: 5px;
    color: inherit;
    background: url(images/bt-envoyer-p-off.png) no-repeat
}

input.envoyer:hover {
    color: white;
    background: url(images/bt-envoyer-p-on.png) no-repeat
}

#tb_secu {
    font-size: 18px;
    width: 345px
}

#tb_secu input[type="text"],
#tb_secu input[type="tel"],
#tb_secu input[type="email"],
#tb_secu input[type="number"],
#tb_secu select#secu_centre {
    font-size: 15px;
    margin-bottom: 3px;
    margin-top: 3px;
    border: 1px solid #000;
    padding: 5px;
    width: 144px;
    color: #000
}

#rdv {
    margin: 20px 0 20px 0
}

#rdv a {
    display: block;
    width: 200px;
    height: 236px;
    background: url(images/essai1-mois.jpg) no-repeat;
    margin: 0 auto
}

#rdv a:hover {
    background: url(images/essai1-mois-over.jpg) no-repeat
}

a#taux {
    position: relative;
    font-size: 14px;
    margin-bottom: 14px;
    padding: 5px 5px 20px 5px;
    background: #E0E0E0;
    border-radius: 3px;
    text-align: center;
    font-weight: 700;
    color: #5C5C5C;
    display: block;
    transition: background-color 0.5s ease-in-out
}

a#taux:hover {
    background: #EF7B10;
    color: #FFF
}

#div_secu {
    display: none;
    padding-left: 4px;
    padding-right: 4px;
    box-sizing: border-box
}

#div_secu table {
    width: 364px
}

#div_secu table table {
    font-size: 18px
}

.bt_bleu {
    line-height: 26px;
    background: #1F95D2;
    color: #FFF;
    font-size: 18px;
    padding: 10px;
    font-weight: 700;
    margin: 20px auto;
    width: 100%;
    display: block;
    border-radius: 8px;
    text-transform: uppercase;
    outline: none
}

.bt_bleu:hover {
    background: #25AEF5
}

#points_confiance {
    font-size: 16px;
    padding: 10px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

#points_confiance ul {
    list-style-type: none
}

#points_confiance ul li {
    display: inline-block;
    width: 24%;
    text-align: center;
    vertical-align: top;
    font-size: 30px;
    font-weight: 700
}

.n1 img,
.n2 img,
.n3 img,
.n4 img {
    width: 85px;
    height: 85px
}

.orange {
    color: #f60
}

.b_n3 {
    width: 183px;
    text-align: left;
    margin: 0 auto;
    padding-left: 30px
}

.b_n3_coche {
    background: url(images/picto_fiche/coche.jpg) no-repeat;
    padding-left: 19px
}

.left {
    float: left
}

.right {
    float: right
}

@media (max-width:340px) {
    #points_confiance {
        font-size: 12px
    }
    .n1 img,
    .n2 img,
    .n3 img {
        width: 54px
    }
    .b_n3 {
        width: 146px
    }
    .b_n3_coche {
        background-size: 15px
    }
}

.img_ta {
    width: 420px
}

li.q1,
li.q2,
li.q3,
li.q4,
li.q5 {
    display: inline-block;
    width: 13%;
    text-align: center;
    vertical-align: top
}

.avis a {
    color: #ef7b10
}

.avis a:hover {
    text-decoration: underline
}

img.img_totale {
    max-width: 100%
}

.trait {
    width: 60%;
    height: 0px;
    margin: 10px auto;
    border: 1px solid #f60;
}

.sep2 {
    text-align: center;
    font-size: larger;
    font-weight: bold;
}

.top_r2 {
    padding-top: 15px;
    width: 274px;
    margin: 0 auto;
    text-align: center;
}