body { font-family: verdana; color:#000; background-color:#e6e5e5;}
ul { margin: 0; padding: 0; }
li { list-style: none }
p { margin: 0; }

.block_center {text-align: center;display: block;}
.center {text-align: center;}
.bold {font-weight:bold;}
.form_error {
    border-color: #D13B2F !important;
}

.club_container a {
    text-decoration: none;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}
.tblue {
    color: #00448f;
}
.talign_center {
    text-align: center;
}

input[type=email]:disabled {
    color: #555;
    background-color: #dedede;
}

.btn_big_ouvert {
    display: block;
    margin: 20px auto;
    width: 100%;
    height: 100px;
    color: white;
    border-radius: 10px;
    border: none;
    outline: none;
    box-shadow: 0px 3px 6px rgba(0,0,0,0.5);
}
.btn_ouvert {
	border-radius: 20px;
	display: block;
	cursor: pointer;
    text-transform: uppercase;
	color: #ffffff;
	font-size: 1.2em;
	padding: 8px 40px;
    outline: none;
    border: none;
    margin: 0 auto;
}
.btn_mini_ouvert {
    border-radius: 12px;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1em;
    padding: 1px 20px;
    outline: none;
    border: none;
    margin: 0 auto;
}
.btn_ouvert:active {
	position:relative;
	top:1px;
}
.btn_red {
    box-shadow: inset 0px -25px 30px 3px #a90300;
    background-color: #ff6562;
}
.btn_mini_red {
    box-shadow: inset 0px -10px 15px 3px #a90300;
    background-color: #ff6562;
}
.btn_blue {
    box-shadow: inset 0px -25px 30px -10px #033165;
	background-color: #0c66ca;
}
.navtop {
    position: relative;
    background-color: #00448f;
    width: 100%;
    height: 100px;
    box-shadow: 0 0px 10px 5px rgba(0, 0, 0, .3);
}
.boxin_navtop {
    position: relative;
    background-color: #00448f;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.box_logo {
    padding-top: 8px;
    margin-left: 25px;
}
.box_logo img {
    display: block;
    width: 160px;
}
.box_logo span {
    margin: 0;
    font-size: 0.9em;
    color: #fff;
}
.burger_menu {
    padding: 25px 15px;
    position: absolute;
    right: 0;
    top: 0;
}
.burger_menu > div::before {
    content: '';
    position: absolute;
    top: -9px;
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
}
.burger_menu > div {
    position: relative;
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
}
.burger_menu > div::after {
    content: '';
    position: absolute;
    bottom: -9px;
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 3px;
}
.ul_navtop {
    background-color: #fff;
    position: relative;
    top: 0px;
    width: 100vw;
    transition: transform .3s;
    transform: translateY(-100%);
    z-index: 99;
}
.ul_navtop.active {
    transform: translateY(0%);
}
.ul_navtop > li {
    text-align: right;
    padding: 7px 20px;
    border-bottom: solid 2px #00448f;
}
.ul_navtop > li::before {
    content: '';
    display: inline-block;
    margin-right: 4px;
    width: 6px;
    height: 9px;
    background: url('../../images/front/arrowmenu.png');
}
.ul_navtop > li > a {
    font-size: 12px;
    color: #0c3074;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}
.lock_screen {
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, .5);
    z-index: 98;
}
.main {
    position: relative;
    z-index: 1;
    max-width: 550px;
    margin: 0 auto;
}
.prepa_chantier_containter {
    margin: 5% 0;

}
.club_container {
    margin: 5%;
}
.titre_club,
.club_container h3 {
    text-align: center;
    color: #00448f;
    margin: 20px 0 15px 0;
    font-weight: bold;
    font-size: 1.6em;
}
.club_container h4 {
    text-align: center;
    color: #00448f;
    margin: 20px 0 15px 0;
    font-weight: bold;
    font-size: 1.5em;
}
.bg_header_infos {
    position: relative;
    padding: 0 5%;
}
.bg_header_infos img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 140px;
}
.header_infos {
    width: 100%;
    background-color: #00448f;
    border-radius: 3px;
    color: #fff;
    height: 150px;
    padding: 1rem;
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}
.text_login_espace {
    font-size: 1.1em;
    text-align: center;
    font-weight: bold;
    color: #00448f;
}
.form_garantie {
    margin-top: 20px;
}
.form_garantie > input[type=date] {
    height: 36px;
    margin: 10px 0;
    padding: 6px 10px;
    display: block;
    border: solid 1px #00448f;
    border-radius: 3px;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
}
.form_client_update label {
    color: #00448f;
    font-size: 1.2em;
    margin-top: 3px;
    margin-bottom: 0;
    padding-right: 30px;
}
.form_client_update input[type=radio] {
    margin-right: 6px;
}
.form_client_update input:not([type=radio]) {
    margin: 0;
    padding: 6px 10px;
    display: block;
    border: solid 1px #00448f;
    border-radius: 3px;
    outline: none;
    width: 100%;
}
.form_unsub > input[type=email],
.form_reset_password input,
.form_garantie > input[type=text],
.form_register div > input[type=text],
.form_register div > input[type=email],
.form_register div > input[type=password],
.form_login div > input[type=text],
.form_login div > input[type=email],
.form_login div > input[type=password] {
    margin: 10px 0;
    padding: 6px 10px;
    display: block;
    border: solid 1px #00448f;
    border-radius: 3px;
    outline: none;
    width: 100%;
}
.form_reset_password > div,
.form_login > div,
.form_register > div {
    position: relative;
}
.form_reset_password > div > small,
.form_login div > small,
.form_register div > small:not(.error_cgv):not(.error_optin) {
    position: absolute;
    top: 2px;
    right: 6px;
    color: #D13B2F;
}
small.garantie_require_cgv {
    color: #D13B2F;
    display: none;
}
.form_register div > small.error_optin,
.form_register div > small.error_cgv {
    position: relative;
    left: 20px;
    color: #D13B2F;
    display: block;
}
.form_garantie > input::placeholder,
.form_register > input::placeholder,
.form_login > input::placeholder {
    color: #aaa;
}
button.btn_login {
    margin-bottom: 7px;
    margin-top: 20px;
}
P.text_account {
    margin: 20px 0 5px 0;
}
.optin {
    margin: 3px 0 15px 0;
    text-align: center;
}
.optin label {
    margin: 0 15px;
    color: #000;
}
.optin_text {
    text-align: center;
    line-height: 15px;
}
.cgv {
    position: relative;
    margin-top: 10px;
}
.cgv label {
    margin-left: 20px;
    line-height: 15px;
}
.form_register input[type=radio] {
    margin-top: -1px;
    vertical-align: middle;
    margin-right: 5px;
}
.form_garantie input[type=checkbox],
.form_register input[type=checkbox] {
    position: absolute;
    top: 0;
}
.box_home_membre > a,
.box_home_client > a {
    width: 100%;
    margin: 15px 0;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 2em;
    text-decoration: none;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.4);
}
.box_home_membre > a.devis,
.box_home_client > a.devis {
    background-color: #104681;
}
.box_home_membre > a.parrainage,
.box_home_membre > a.parrainage,
.box_home_membre > a.conseil,
.box_home_client > a.conseil {
    background-color: #0F6EB2;
}
.box_home_membre > a.compte,
.box_home_client > a.compte {
    background-color: #1D99D5;
}
.mon_club_confiance {
    background-color: #104681;
    padding: 2px 0 14px 0;
}
.mon_club_confiance h4 {
    color: #fff;
}
.mon_club_confiance table {
    margin: 16px 0 10px 0;
    width: 100%;
}
.mon_club_confiance table td:first-child {
    padding-right: 10px;
}
.mon_club_confiance table td:last-child {
    padding-left: 10px;
}
.mon_club_confiance div.garantie_25 {
    width: 150px;
    height: 150px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.4);
}
.btn_active_garantie {
    margin-top: 20px;
    margin-bottom: 20px;
}
.garantie_25 {
    text-align: center;
}
.mon_club_confiance a,
.garantie_25 > a {
    text-decoration: none;
}
.garantie_25 img {
    margin-top: 10px;
    margin-bottom: 1px;
    width: 120px;
}
.mon_club_confiance div.parrainage {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2em;
    width: 150px;
    height: 150px;
    background-color: #D13B2F;
    border-radius: 10px;
    box-shadow: 0px 2px 10px 2px rgba(0,0,0,0.4);
}
.box_infos_expert {
    text-align: center;
}
.box_infos_expert div:nth-child(1) { margin-bottom: 5px; }
.box_infos_expert div:nth-child(2) { margin-bottom: 20px; }
.box_infos_expert div:nth-child(3) { margin-bottom: 10px; }

.box_infos_expert p {
    color: #00448f;
}
.box_infos_expert .text_mon_expert,
.box_infos_expert .text_expert {
    font-weight: bold;
    font-size: 1.5em;
}
.box_infos_expert .text_phone,
.box_infos_expert .text_mail {
    font-size: 1.2em;
    margin-left: 40px;
}
.text_phone,
.text_mail {
    position: relative;
    text-align: center;
    display: inline;
}
.text_phone::before {
    content: '';
    position: absolute;
    top: -15px;
    left: -33px;
    background-image: url(../../images/front/picto_phone.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 40px;
    width: 24px;
    display: inline-block;
}
.text_mail::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -33px;
    background-image: url(../../images/front/picto_mail.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 19px;
    width: 24px;
    display: inline-block;
}
.text_contact_expert {
    margin-bottom: 16px;
}
.box_table_conseil {
    background-color: #fff;
    width: 100%;
    border: solid 1px #00448f;
    border-radius: 3px;
    margin: 10px 0;
    padding-left: 10px;
    padding-right: 10px;
}
.box_table_conseil table {
    width: 100%;
}
.box_table_conseil th {
    color: #00448f;
    font-size: 1em;
}
.box_table_conseil th,
.box_table_conseil td {
    padding: 4px;
}
.box_table_conseil td {
    border-top: solid 1px #cedae6;
    padding-left: 20px;
}
.box_table_conseil td a {
    color: #555;
}
.page_error {
    margin-top: 100px;;
}
.page_error h4 {
    margin: 50px 0;
}
.display_error {
    color: #D13B2F;
    margin: 3px 0;
    text-align: center;
}
.conseil_text {
    padding: 0 5%;
}
.conseil_text > li {
    list-style: disc;
    padding: 10px 0;
}
.club_container > h5 {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 30px;
}
.h3_conseils {
    margin-top: 10px !important;
}
a.back_conseils {
    color: #00448f;
}
.margin_text {
    margin-bottom: 15px;
}
.ul_adherent_select > li {
    background-color: #fff;
    border: solid 1px #00448f;
    border-radius: 3px;
    margin: 15px 0;
    display: block;
}
.table_select_adherent th,
.table_select_adherent td {
    text-align: center;
}
.th_adherent_titre {
    padding: 5px 10px;
    background-color: #00448f;
    color: #fff;
    font-weight: normal;
}
.td_adherent_infos {
    display: block;
    width: 100%;
    padding: 5px 10px;
    color: #00448f;
}
.td_adherent_btn {
    display: block;
    width: 100%;
    padding: 5px 0 10px 0;
}
.td_adherent_btn button {
    padding: 3px 20px;
}
.alert_ouvertures {
    width: 90%;
    margin: 20px auto;
    background-color: #fff;
    border: solid 1px #00448f;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    color: #00448f;
    font-size: 1.2em;
}
.alert2_ouvertures_red,
.alert_ouvertures_red {
    width: 90%;
    margin: 20px auto;
    background-color: #fff;
    border: solid 1px #D13B2F;
    border-radius: 3px;
    padding: 5px 10px;
    text-align: center;
    color: #00448f;
    font-size: 1.2em;
}
.alert2_ouvertures_red small {
    color: #D13B2F;
}
.garantie_active {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 10px 0;
    color: green;
}
.garantie_chantier {
    padding: 10px;
    background-color: #fff;
    border: solid 1px #00448f;
    border-radius: 3px;
    margin-bottom: 20px;
}
.div_garantie_validation > p {
    font-weight: bold;
}
.div_garantie_validation > p span {
    color: #D13B2F;
}
.form_garantie_edit_valid > div {
    display: flex;
    justify-content: center;
}
.text-center {
    text-align: center;
}
.error_email_exist {
    color: #D13B2F;
    text-align: center;
    display: block;
}
.box_table_parrainage {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.table_parrainage {
    width: 220px;
    background-color: #00b1ef;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
}
.table_parrainage td {
    padding: 5px 8px;
}
.table_parrainage tr:first-child td {
    background-color: #00b1ef;
    border-top-right-radius: 20px;
    color: white;
    text-transform: uppercase;
}
.table_parrainage tr:last-child td {
    background-color: #004085;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    color: white;
}
.table_parrainage1 {
    margin: 0 auto 30px auto;
}
.table_parrainage2 {
    margin: 0 auto;
}
.table2_parrainage td {
    padding: 5px 8px;
}
.table2_parrainage tr:first-child td {
    background-color: #00b1ef;
    text-transform: uppercase;
    color: white;
}
.table2_parrainage tr:nth-child(even) td {
    background-color: #82d3f7;
    color: #004085;
}
.table2_parrainage tr:nth-child(3) td {
    background-color: #bfe7fb;
    color: #004085;
}
.table2_parrainage tr:last-child td {
    border-bottom-left-radius: 20px;
}
.table2_parrainage {
    margin: 30px auto 30px auto;
}
.table3_parrainage {
    margin: 0 auto 30px auto;
}
.table3_parrainage td {
    padding: 2px 5px;
}
.table3_parrainage tr:first-child td {
    border-top-right-radius: 20px;
    background-color: #00b1ef;
    text-transform: uppercase;
    color: white;
}
.table3_parrainage tr:not(:first-child) td:first-child {
    border-right: solid 4px #E6E5E5;
}
.table3_parrainage tr:nth-child(2) td:first-child {
    width: 50%;
}
.table3_parrainage tr:nth-child(2) td:last-child {
    width: 50%;
}
.table3_parrainage tr:nth-child(2) td {
    background-color: #49c4f4;
    text-transform: uppercase;
    color: white;
}
.table3_parrainage tr:nth-child(3) td {
    background-color: #82d3f7;
    color: #004085;
}
.table3_parrainage tr:nth-child(4) td {
    background-color: #bfe7fb;
    color: #004085;
}
.table3_parrainage tr:nth-child(5) td {
    background-color: #82d3f7;
    color: #004085;
}
.text_blue {
    color: #004085;
}
.h3_parrainnage {
    margin: 50px 0 0px 0 !important;
}
.mb30 {
    margin-bottom: 30px;
}
.prepa_chantier_header {
    background-color: #0C4489;
    width: 100%;
    position: relative;
}
.table_header_prepachantier p {
    color: white;
    line-height: 20px;
}
.table_header_prepachantier td:last-child {
    padding: 10px;
}
.table_header_prepachantier td:first-child {
    display: none;
}
.ul_prepa_chantier {
    width: 90%;
    margin: 30px auto;
}
.ul_prepa_chantier li {
    padding: 5px 5px 5px 30px;
    background-color: #0C4489;
    position: relative;
    margin-bottom: 10px;
    color: white;
}
.ul_prepa_chantier li span {
    position: absolute;
    top: 5px;
    left: 8px;
    color: #d51219
}
.font20 {
    font-size: 18px;
}
.img_center {
    display: block;
    margin: 0 auto;
}
.visite_container {

}
.visite_text {
    color: #0C4489;
    text-align: center;
}
.ul_visite {
    margin: 30px 0;
}
.ul_visite li {
    margin-bottom: 10px;
    color: #0C4489;
    font-weight: bold;
    width: 270px;
    margin-left: 12%;
}
.ul_visite span {
    background-color: #0C4489;
    color: white;
    padding: 4px 8px;
    border-radius: 50%;
    margin-right: 8px;
}
.table_visite {
    margin: 30px 0;
    background-color: #0C4489;
}
.table_visite td:first-child {
    padding-left: 15px;
    color: white;
}
.table_visite td:last-child {
    padding: 10px;
}
.nomobile {
    display: none;
}
.sred {
    color: #d51219
}
@media only screen and (min-width: 450px) {
    p, span, label { font-size: 1.1em; }
    .mon_club_confiance {
        width: 90%;
        margin: 0 auto;
    }
    .titre_club,
    .club_container h3:not(.h3_parrainnage) {
        margin: 50px 0 30px 0;
        font-size: 1.8em;
    }
    .boxin_navtop {
        max-width: 980px;
        margin: 0 auto;
    }
    .ul_visite li {
        margin-left: 20%;
    }
}
@media only screen and (min-width: 500px) {
    .table_parrainage1 {
        float: left;
    }
    .table_parrainage2 {
        float: right;
    }
    .clear_both {
        clear: both;
    }
    .table_header_prepachantier td:first-child {
        padding: 20px 0 0 0;
    }
}
@media only screen and (min-width: 550px) {
    .table_header_prepachantier td:first-child {
        padding: 20px 0 0 0;
        display: table-cell;
    }
    .prepa_chantier_header::before {
        content: "“";
        font-family: "Trebuchet MS",Sans-serif;
        font-size: 150px;
        position: absolute;
        left: 175px;
        top: 39px;
        opacity: 0.1;
        color: white;
    }
    .prepa_chantier_header::after {
        content: "”";
        font-family: "Trebuchet MS",Sans-serif;
        font-size: 150px;
        position: absolute;
        right: 0px;
        bottom: -120px;
        opacity: 0.1;
        color: white;
    }
}
@media only screen and (min-width: 650px) {
    .parrainage_container {
        margin: 5% -7% !important;
    }
    .box_table_parrainage {
        width: 80%;
        margin: 0 auto;
    }
    .table3_parrainage,
    .table2_parrainage {
        display: inline-block;
    }
}
@media only screen and (min-width: 980px) {
    .lock_screen,
    .burger_menu {
        display: none;
    }
    .ul_navtop {
        z-index: 101;
        background-color: transparent;
        text-align: right;
        width: 955px;
        margin: 0 auto;
    }
    .ul_navtop li {
        display: inline-block;
        border: none;
    }
    .ul_navtop li > a {
        color: white;
        font-weight: normal;
    }
    .box_infos_expert {
        margin-top: 30px;
    }
    .front_devis {
        font-size: 16px;
        color: #0c3074;
        text-decoration: none;
    }
    .table_select_adherent th,
    .table_select_adherent td {
        text-align: left;
    }
    .td_adherent_infos {
        display: table-cell;
        width: auto;
        padding: 5px 10px;
    }
    .td_adherent_btn {
        display: table-cell;
        width: auto;
    }
    .td_adherent_btn button {
        padding: 1px 20px;
    }
    .form_client_update label {
        font-size: 1em;
        margin-top: 10px;
    }
    .error_email_exist {
        color: #D13B2F;
        text-align: center;
        display: block;
    }
    .error_cgv,
    .error_optin {
        text-align: center;
    }
    .ul_prepa_chantier li {
        padding: 5px 5px 5px 30px;
        margin-right: 6px;
        background-color: #0C4489;
        position: relative;
        margin-bottom: 6px;
        color: white;
        width: 32%;
        min-height: 140px;
        float: left;
    }
    .ul_prepa_chantier {
        margin: 50px auto;
    }
}





@media only screen and (max-width: 596px) {
}
@media only screen and (max-width:480px) {
}