/*
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 : 24 août 2018, 11:31:19
    Author     : iotech-1
*/

/* latin-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
}

/* latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
}

#encart_my_account  {
    width: 100% !important;
}

@media print, screen and (min-width: 71.25em) {

    .encart_home .large-4 {
        calc(33.33333 % - 1.5625 rem) !important;
    }

    .encart_home .large-6 {
        width: 50% !important;
    }

    #encart_my_account .small-12 {
        width: 100% !important;
    }


}

/* Menu ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

.menuItem {
    font-weight: bold;
    padding-left: 14px;
    padding-top: 12px;
}

.menuItem.active {
    background: #546a74 !important;
    color: white !important;
}

.menuItem .icone {
    float: left;
    width: 24px;
    margin-right: 15px;

}

.menuItem img {
    float: left;

}

#encart_my_account .imgLoader {
    width: 350px;
}

#encart_my_account {
    max-height: 50%;
    overflow: auto;
    padding: 10px;
}

@media only screen and (min-width: 993px) {

    #encart_my_account {
        max-height: none !important;
    }

}

/* Login ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_login {
    max-width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}

#account_login .cont {
    margin-top: 10px;
}

#account_login .cont2 {
    padding-right: 60px;
}

#account_login .form {
    border-right: 1px solid #DADBDF;
    padding-right: 60px;
    overflow: hidden;
}

#account_login .errorMsg {
    color: red;
}

#account_login .divPass {
    margin-bottom: 0px;
}

#account_login .lbl {
    width: 160px;
    display: block;
    padding-top: 10px;
}

#account_login .imgLogin {
    background-color: white
}

#account_login .others {
    width: 100%;
    overflow: hidden;
}

#account_login .others_left {
    float: left;
}

#account_login .others_left label {
    font-weight: bold;
    color: #6E6F71;
}

#account_login .others_right {
    float: right;
}

#account_login .checkbox1 {
    height: auto;
}

#account_login .others_right a {
    color: #BCBDBF;
    font-size: .875rem;
}

#account_login .row_submit {
    margin-top: 10px;
}

#account_login #submitLogin {
    margin-bottom: 0px;
    font-weight: bold;
    color: white;
    background: #E64318;
    height: 50px;
    padding: 0;
}

#account_login .registerBlock {
    background: white;
    overflow: hidden;
    text-align: left;
    padding: 20px;
    padding-bottom: 13px !important;
}

#account_login .title {
    font-weight: bold;
    color: #007893;
}

#account_login .registerBlock .details {
    font-size: 14px;
}

#account_login .registerBtn {
    font-weight: bold;
    color: white;
    background: #546A75;
    padding: 20px;
}

#account_login .itemPassword {
    margin-bottom: 0px;
}

#account_login #imgPswYes {

}

#account_login #imgLoginYes {

}

#account_login .lbl {
    background-color: #546A75;
    color: white;
}

#account_login .login {
    float: left;

}

#account_login .register {
    float: left;

    padding-left: 60px;
}

#account_login .row {
    width: 100%;
    float: left;
}

#account_login .cell {
    float: left;
}

#account_login .bloc-search-title {
    font-size: 17px;
}

#account_login .bloc-search-title-decoration {
    border-bottom: 1px solid #30a8c8;
    padding-top: 14px;
    width: 20%;
}

#account_login input {
    line-height: 50px;
}

#account_login .input-group-field {
    height: 50px;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_login .medium-12 {
        width: 100% !important;
        padding: 10px !important;
        border: 0 !important;
    }

    #account_login .communite {
        margin: 0 auto !important;

    }

    #account_login .communite .item {
        width: 215px !important;
        margin-bottom: 10px;
    }

}

#account_login .communite {
    font-size: 0.80rem;
    margin: 0 auto;
    color: #27829F;
    line-height: 48px;
    font-weight: 500;
    text-align: center;

}

#account_login .communite .item {
    float: left;
    margin-right: 12px;
    background: white;
}

#account_login .communite .icon {
    width: 56px;
    float: left;
    border: 1px solid #cacaca;
    border-right: 0px;
    height: 48px;

}

#account_login .communite .title {
    width: 159px;
    float: left;
    border: 1px solid #cacaca;
    height: 48px;
}

#account_login .footer_social_buttons a {
    display: inline-block;
    float: none;
    width: 50px;
    background-color: #fff;
    border: solid 1px #e2e2e2;
    margin-right: 4px;
    margin-bottom: 12px;
    position: relative;
    color: #007896;
    font-size: 20px;
    padding: 5px;
    text-align: center;
    line-height: 30px;
}

#account_login .footer_social_buttons a:first-child {
    margin-right: 0;
}

@media screen and (max-width: 43.6875em) {
    #account_login .footer_social_buttons a {
        margin-bottom: 0;
    }
}

#account_login .mail_field {
    width: 53%;
    position: relative;
    margin-left: 4px;
    margin-bottom: 12px;
    float: right;
}

/* Account Home ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#encart_my_account_menu {
    max-width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 30px;
}

@media screen and (max-width: 43.6875em) {
    #encart_my_account_menu .grid-x > .small-12 {
        width: 100% !important;
    }
}

#encart_my_account_menu .leftMenu {
    border-left: 1px solid #DADBDF;
    text-align: right
}

#encart_my_account_menu .button {
    width: 220px;
    height: 40px;
    margin-bottom: 6px;
    background-color: #FBFBFB;
    color: #566A73;
    text-align: left;
    border: 1px solid #DADBDF;
}

#encart_my_account_menu .encart_my_account_menu_left {
    padding-right: 44px;
}

#encart_my_account_menu .info_title {
    background: #546a74;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

#encart_my_account_menu .info_title a{
    color: white!important;
}

#encart_my_account_menu .info_content {
    background: white;
    color: #546a74;
    font-size: 13px;
    padding: 6px;
    height: 88px;
    text-align: center;
    border-right: 1px solid #e7e7e7;
}

#encart_my_account_menu .info_content .model {
    color: #546a74!important;
}


#encart_my_account_menu .divImg {
    border-right: 1px solid #e7e7e7;
    padding-left: 3px;
}

#encart_my_account_menu .yourSelection {
    margin-top: 13px;
}

#encart_my_account_menu .yourSelection .model {
    color: #546a74;
}

#encart_my_account_menu .btnPlus {
    background: #e74319;
    color: white;
    height: 51px;
    width: 270px;
    font-size: 16px;
    font-weight: bold;
    margin: 0 auto;
    padding-top: 13px;
}

#encart_my_account_menu .yourSelection .info_title {
    text-align: left;
    font-weight: normal;
    padding-left: 15px;
}

#encart_my_account_menu .divBtnPlus {
    width: 100%;
    text-align: center;
    margin-top: 22px;
}

#encart_my_account_menu .price {
    color: #e74319;
    font-size: 14px;
}

#encart_my_account_menu .photo {
    max-height: 70px;
}

#encart_my_account_menu .marketing {
    border: 1px solid #e2e2e2;
}

#encart_my_account_menu .bloc-search-title {
    font-size: 17px;
    width: fit-content;
    margin: 0 auto;
}

#encart_my_account_menu .bloc-search-title-decoration {
    border-bottom: 1px solid #30a8c8;
    padding-top: 7px;
    width: 70%;
    margin-bottom: 15px;
}

@media only screen and (max-width: 992px) {

    #encart_my_account_menu .marketing {
        text-align: center;
        margin-bottom: 10px;
        border: 0;
    }

    .encart_my_account_menu_left {
        padding: 0 10px !important;
    }

    #encart_my_account_menu .leftMenu {
        text-align: center !important;
        margin-top: 10px;
    }

    #encart_my_account_menu .info_content {
        height: auto !important;
        min-height: 88px !important;
    }
}

@media only screen and (min-width: 993px) {

    #encart_my_account_menu .large-6 {
        width: 50% !important;
    }

    #encart_my_account_menu .encart_my_account_menu_left {
        width: 75% !important;
    }

    #encart_my_account_menu .leftMenu {
        width: 25% !important;
    }

}

@media only screen and (min-width: 993px) and (max-width: 1074px) {

    #encart_my_account_menu .encart_my_account_menu_left {
        padding-right: 0px !important;
    }

}

/* My Account Layout ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account {
    max-width: 1060px;
    margin: 0 auto;
    overflow: hidden;
    padding: 6px;
    font-family: Raleway;
    font-size: 13px;
    color: #878787;
    padding-bottom: 60px;
}

#account .account_title {
    font-weight: bold;
    color: #007893;
    font-size: 17px;
}

#account .button {
    width: 236px;
    height: 40px;
    margin-bottom: 6px;
    background-color: #FBFBFB;
    color: #566A73;
    text-align: left;
    border: 1px solid #DADBDF;
    padding-top: 12px;
}

#account .saveButton {
    width: 159px;
    height: 50px;
    margin-top: 27px;
    background-color: #FBFBFB;
    color: #566A73;
    text-align: center;
    border: 1px solid #DADBDF;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 10px !important;

}

#account .account_menu_mobile {
    text-align: center;
}

#account .account_menu {
    border-left: 1px solid #DADBDF;
    text-align: right;
}

.fcSeparator {
    margin-top: 0;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 992px) {
    #account .account_content {
        padding: 10px !important;
    }

    #account .account_menu {
        display: none;
    }

    #account .account_menu_mobile {
        display: block;
    }

    #account .account_menu_mobile .columns {
        padding: 0px 5px;
    }

}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (min-width: 993px) {

    #account .account_menu {
        display: block;
    }

    #account .account_menu_mobile {
        display: none;
    }

}

#account .success {
    padding: 10px;
    border: 1px solid green;
    margin-bottom: 10px;
    margin-top: 20px;
    border-radius: 4px;
    color: green;
    margin-right: 40px;
}

#account .cell {
    float: left;
}

/* Devis ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_devis .commandes {
    font-size: 15px;
    line-height: 20px;
}

#account_devis .logo_marque {
    float: left;
}

#account_devis .logo_marque img {
    width: 35px;
}

#account_devis .inProgressCommands, .confirmedCommands {
    margin-top: 0px;
    margin-right: 100px;
}

#account_devis {
    font-size: 15px;
    line-height: 20px;

}

#account_devis .command_item {
    border: 1px solid #e2e2e2;
    margin-top: 24px;
    background: #fbfbfb;
}

#account_devis .command_title {
    float: left;
    margin-bottom: 10px;

}

#account_devis .command_title .title {
    font-weight: bold;
    color: #6f6f6f;
}

#account_devis .row1 {
    height: 190px;
}

#account_devis .command_item_left {
    padding: 26px;
    background: white;
    border-right: 1px solid #e2e2e2;
    height: 100%;

}

#account_devis .command_item_right {

    padding-top: 26px;
    padding-left: 20px;
    height: 100%;
    padding-bottom: 20px;

}

#account_devis .command_item_right .ttc {
    font-weight: bold;
    color: #0096bf;
}

#account_devis .command_item_right .reprise {
    font-weight: bold;

}

#account_devis .command_item_right .avantage {
    font-weight: bold;
    color: #f2951c;
}

#account_devis .command_item_right .livraison {
    font-weight: bold;
    font-style: italic;
    margin-top: 18px;
}

#account_devis .actions {
    overflow: hidden;
    width: 100% !important;
}

#account_devis .command_state .bold {
    font-weight: bold;
    color: #007893;
}

#account_devis .row.pagination {
    margin-top: 10px;
}

#account_devis .actions .btn {
    float: left;
    padding: 11px;
    text-align: center;
}

#account_devis .actions .btn a {
    color: white;
    text-transform: none !important;
}

#account_devis .btn_offert {
    background: #798894;
    border-right: 1px solid white;
}

#account_devis .btn_mandat {
    background: #007896;
    border-right: 1px solid white;
}

#account_devis .btn_reservation {
    background: #e74319;
}

#account_devis .comments {
    display: none;
    background: white;
}

#account_devis .comment_history {
    padding: 15px 5px 5px 15px;
    line-height: 18px;

}

#account_devis .comment_history .sender {
    color: #007896;
    font-weight: bold;
}

#account_devis .btn_comments {
    color: #007896;
    font-weight: bold;
}

#account_devis .divComment {
    padding: 10px;
    height: 100%;
    background-color: #eeeeee;
    border: 1px solid #e2e2e2;
}

#account_devis .comment_icon {
    margin-right: 10px;
}

#account_devis .arrow_icon {
    float: right;
    padding-top: 10px;
}

#account_devis .manager {

    font-size: 15px;
    background: white;
    border: 1px solid #e2e2e2;
}

#account_devis .manager .title {
    font-weight: bold;

}

#account_devis .manager .coords {
    color: #007896;
    font-style: italic;
}

#account_devis .manager .horaire {
    font-size: 12px;
    line-height: 14px;
}

#account_devis .manager .name {
    padding-top: 10px;
}

#account_devis .manager .divInfo {
    padding: 16px;
}

#account_devis .manager .service {
    margin-bottom: 5px;
}

#account_devis .manager .dispo {
    margin-top: 5px;
}

#account_devis .account_title {
    margin-top: 60px;
    margin-bottom: 30px;

}

#account_devis #first_title {
    margin-top: 0px;

}

#account_devis .contact {
    text-align: center;

}

#account_devis .agence .ville {
    font-size: 16px;
    color: white;
    background: #546a74;
    text-align: center;
    padding: 10px;
    font-weight: bold;

}

#account_devis .agence {
    margin-right: 48px;
    margin-bottom: 19px;
    border: 1px solid #e2e2e2;
    background: #fbfbfb;
}

#account_devis .agence .adress {
    font-size: 14px;
    margin-top: 12px;

}

#account_devis .agence .tel2 {
    font-size: 18px;
    color: #007896;
    margin-bottom: 12px;
    font-weight: bold;
}

#account_devis .contact .service {
    float: left;

    border: 1px solid #e2e2e2;
    margin-bottom: 19px;
    background: #fbfbfb;
    width: 100%;
}

#account_devis .contact .service .text {
    font-size: 16px;
    float: left;
    padding: 14px;
}

#account_devis .contact .service img {
    float: left;
}

#account_devis .contact .service .tel2 {
    font-size: 20px;
    color: #e74319;
    font-weight: bold;
}

@media only screen and (max-width: 992px) {

    #account_devis .row1 {
        height: auto !important;
        min-height: 300px;
    }

    #account_devis .inProgressCommands, .confirmedCommands {
        margin: 15px auto !important;
    }

    #account_devis .divPhoto {
        text-align: center;
        padding-top: 15px;
    }

    #account_devis .command_item_right {

    }

    #account_devis .agence {
        margin: 0 auto;
        margin-bottom: 20px;
    }

}

/* Profil ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_profil .title {
    font-weight: bold;
    color: #007893;
    padding-bottom: 10px;
}

#account_profil .deleteAccount {
    font-weight: bold;
    color: red;
    float: right;
    margin-right: 10px;
}

#account_profil .error {
    color: red;
    font-weight: bold;
}
#account_profil small.error {
    color:white;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 992px) {
    #account_profil .row.account_profil .columns {
        padding-right: 0px !important;
    }

    #account_profil .account_menu a {
        width: 100% !important;
        text-align: center !important;
    }

}

@media screen and (max-width: 43.6875em) {
    #account_profil .deleteAccount {
        margin-top: 10px;
    }
}

#account_profil .account_profil .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

#account_profil .password_row input {
    margin-bottom: 6px;
    padding-bottom: 6px;
}

#account_profil .save {
    width: auto;
    font-weight: bold;
    color: white;
    background: #d94823;
    float: right;
}

#account_profil .padded {
    padding-right: 10px;
}

@media only screen and (max-width: 992px) {

    #account_profil .padded {
        padding-right: 0px !important;
    }

}

/* Interests ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_interests .interests {
    margin: 0;
}

#account_interests .interet_item {
    float: left !important;
}

#account_interests .interest_item_content {

    background: #fbfbfb;
    text-align: center;
    background: #fbfbfb;
    padding-top: 23px;
    padding-bottom: 23px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
}

#account_interests .interest_item_content img {
    max-height: 26px;
}

#account_interests .interest_item_content.selected {

    background-color: #EEEEEE;
}

#account_interests .interests .padded-columns {
    padding-left: 0px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;

}

#account_interests .saveButton {
    font-weight: bold;
    color: white;
    background: #d94823;
    float: right
}

#account_interests .interest_title {
    margin-top: 11px;
    line-height: 18px;
}

#account_interests .interest_item_content.selected .interest_title {

    color: #007893;
    font-weight: bold;
}

#account_interests .selected_icon {

    display: none;
    color: #007893;
    font-weight: bold;
    margin-bottom: 15px;
    margin-right: 20px;
    right: 0px;
    bottom: 0px;
    position: absolute;

}

#account_interests .interest_item_content.selected .selected_icon {

    display: block;
}

#account_interests .interest_categorie_title {
    margin-top: 23px;
    margin-bottom: 12px;
}

#account_interests .interest_price {
    font-weight: bold;
}

/* Commandes ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_commandes .commandes {
    font-size: 15px;
    line-height: 20px;
}

#account_commandes .logo_marque {
    float: left;
}

#account_commandes .logo_marque img {
    width: 35px;
}

#account_commandes .inProgressCommands, .confirmedCommands {
    margin-top: 0px;
    margin-right: 100px;
}

#account_commandes .commandes {
    font-size: 15px;
    line-height: 20px;

}

#account_commandes .command_item {
    border: 1px solid #e2e2e2;
    margin-top: 24px;

}

#account_commandes .command_title {
    float: left;
    margin-bottom: 10px;

}

#account_commandes .command_title .title {
    font-weight: bold;
    color: #6f6f6f;
}

#account_commandes .row1 {
    background: white;
    height: 190px;
}

#account_commandes .command_item_left {
    padding: 20px;
    height: 100%;

}

#account_commandes .command_item_right {

    padding-top: 20px;
    padding-left: 10px;
    padding-bottom: 20px;
    border-left: 1px solid #e2e2e2;
    background: #fbfbfb;
    height: 100%;

}

#account_commandes .command_item_right .ttc {
    font-weight: bold;
    color: #0096bf;
}

#account_commandes .command_item_right .reprise {
    font-weight: bold;

}

#account_commandes .command_item_right .avantage {
    font-weight: bold;
    color: #f2951c;
}

#account_commandes .command_item_right .livraison {
    font-weight: bold;
    font-style: italic;
    margin-top: 18px;
}

#account_commandes .command_item_down {
    overflow: hidden;
    width: 100% !important;
}

#account_commandes .command_state .bold {
    font-weight: bold;
    color: #007893;
}

#account_commandes .row.pagination {
    margin-top: 10px;
}

#account_commandes .btn_details {
    float: right;
    padding: 11px;
    height: 42px;
    background: #007896;
    text-align: center;
    line-height: 20px;
}

#account_commandes .btn_details a {

    color: white;
    text-transform: none !important;

}

#account_commandes .comments {
    display: none;
    background: white;
}

#account_commandes .comment_history {
    padding: 15px;
    line-height: 22px;

}

#account_commandes .comment_history .sender {
    color: #007896;
    font-weight: bold;
}

#account_commandes .btn_comments {
    color: #007896;
    font-weight: bold;
}

#account_commandes .divComment {
    padding: 9px;
    height: 42px;
    background-color: #eeeeee;
    border: 1px solid #e2e2e2;
}

#account_commandes .comment_icon {
    margin-right: 10px;
}

#account_commandes .arrow_icon {
    float: right;
    padding-top: 6px;
}

#account_commandes .manager {
    background: white;
    border-top: 1px solid #e2e2e2;
}

#account_commandes .manager .title {
    font-weight: bold;

}

#account_commandes .manager .coords {
    color: #007896;
    font-style: italic;
}

#account_commandes .manager .horaire {
    font-size: 12px;
    line-height: 14px;
}

#account_commandes .manager .name {
    padding-top: 10px;
}

#account_commandes .manager .divInfo {
    padding: 16px;
}

#account_commandes .manager .service {
    margin-bottom: 5px;
}

#account_commandes .manager .dispo {
    margin-top: 5px;
}

#account_commandes .leasing_infos {
    font-size: 12px;
}

@media only screen and (max-width: 992px) {

    #account_commandes .row1 {
        height: auto !important;
        min-height: 300px;
    }

    #account_commandes .inProgressCommands, .confirmedCommands {
        margin: 15px auto !important;
    }

    #account_commandes .divPhoto {
        text-align: center;
        padding-top: 15px;
    }

    #account_commandes .command_item_right {
        min-height: 300px;
    }

}

@media only screen and (max-width: 768px) {

    #account_commandes .command_item_down {
        font-size: 11px;
    }
}

@media only screen and (min-width: 1024px) {

    #account_commandes .command_state_effectuer  {min-height: 30px;}
}
@media only screen and (max-width: 1023px) {
    #account_commandes .command_state_effectuer  {min-height: 48px;}
}
@media only screen and (max-width: 425px) {
    #account_commandes .command_state_effectuer  {min-height: 153px;}
}
.div_css{background: #fbfbfb}
.div_left_css{background: white; border-right: solid 1px #e2e2e2}
.border_none{border: none!important;}


/* Reprises ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_reprises .reprises {

    line-height: 20px;
    color: #6f6f6f;

    margin-top: 23px;
    padding-right: 100px;
    font-size: 15px;
    line-height: 20px;
}

#account_reprises .logo_marque {
    float: left;
    padding-top: 6px;
    background: white;
}

#account_reprises .logo_marque img {
    height: 27px;
}

#account_reprises .reprise_item {

}

#account_reprises .reprise_header {
    border: 1px solid #e2e2e2;

    background: white;
    padding: 21px;
    padding-left: 17px;
}

#account_reprises .reprise_vehicule {
    padding: 17px;
    background: #fbfbfb;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;

}

#account_reprises .reprise_vehicule .title {
    font-weight: bold;
}

#account_reprises .reprise_tarifs {
    padding: 17px;
    background: #fbfbfb;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;

}

#account_reprises .reprise_title {
    float: left;

    margin-left: 17px;

}

#account_reprises .reprise_title .title {
    font-weight: bold;
    color: #6f6f6f;
}

#account_reprises .row.pagination {
    margin-top: 10px;
}

#account_reprises .btn_offert {
    background: #798894;
    border-right: 1px solid white;
}

#account_reprises .btn_mandat {
    background: #007896;
    border-right: 1px solid white;
}

#account_reprises .btn_reservation {
    background: #e74319;
}

#account_reprises .comments {
    display: none;
    background: white;
}

#account_reprises .comment_history {
    padding: 15px;
    line-height: 22px;

}

#account_reprises .comment_history .sender {
    color: #007896;
    font-weight: bold;
}

#account_reprises .btn_comments {
    color: #007896;
    font-weight: bold;
}

#account_reprises .divComment {
    padding: 10px;
    height: 100%;
    background-color: #eeeeee;
    border: 1px solid #e2e2e2;
}

#account_reprises .comment_icon {
    margin-right: 10px;
}

#account_reprises .arrow_icon {
    float: right;
    padding-top: 10px;
}

#account_reprises .manager {
    background: white;
    border-top: 1px solid #e2e2e2;
}

#account_reprises .manager .title {
    font-weight: bold;

}

#account_reprises .manager .coords {
    color: #007896;
    font-style: italic;
}

#account_reprises .manager .horaire {
    font-size: 12px;
    line-height: 14px;
}

#account_reprises .manager .name {
    padding-top: 10px;
}

#account_reprises .manager .divInfo {
    padding: 16px;
}

#account_reprises .manager .service {
    margin-bottom: 5px;
}

#account_reprises .manager .dispo {
    margin-top: 5px;
}

#account_reprises .td_value {
    text-align: right;
}

#account_reprises .tarifs {
    background: none;

}

#account_reprises .tarifs, .recap {
    width: 100%;
}

#account_reprises .tarifs td {

    line-height: 20px;
    color: #6f6f6f;
    font-size: 15px;
}

#account_reprises .tel_number {
    font-weight: bold;
}

#account_reprises .contact {
    height: 42px;
    color: #e74319;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 16px;
}

#account_reprises .btn_offre {
    background: #e74319;
    height: 42px;
    color: white;
    padding: 11px;
    padding-left: 18px;
    text-transform: none;
    text-align: center;
}

#account_reprises .btn_offre a {
    color: white;
}

#account_reprises .arrow_icon {
    padding-top: 5px;
}

#account_reprises .reprise_total {

    border: 1px solid #e2e2e2;

}

#account_reprises .reprise_total td {
    padding: 17px 37px;

}

#account_reprises .reprise_total td:last-child {
    text-align: center;

    border-left: 1px solid #e2e2e2;

}

#account_reprises .reprise_total td {
    line-height: 20px;
    color: #007896;
    font-size: 15px;
}

#account_reprises .reprise_total .td_value {
    font-size: 20px;
    color: #007896;
    font-weight: bold;

}

@media only screen and (max-width: 992px) {

    #account_reprises .reprises {
        padding-right: 0px !important;
    }

    #account_reprises .reprise_header {
        padding: 6px !important;
    }

    #account_reprises .tarifs td {
        padding-bottom: 8px !important;
    }

}

/* Password Request ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_request .row.inscription {
    font-family: "rawline", "Raleway", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #6f6f6f;
}

#account_request .avantages .title {
    font-weight: 600;
    color: #007893;
    font-size: 22px;
}

#account_request .avantages .avantage_icone {
    width: 64px;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_request .avantages .avantage_text {
    font-size: 17px;
    color: #6f6f6f;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_request .row.inscription label {
    color: #6f6f6f;
    font-size: 13px;
}

#account_request .row.inscription .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_request .row.inscription .columns {
        padding-right: 0px !important;
    }

    #account_request .row.inscription .infos {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #account_request .row.inscription .avantages {
        padding: 10px !important;
    }

}

#account_request .row.inscription .infos {
    padding-right: 102px;
}

#account_request .msg {
    font-weight: bold;
    color: #007893;
}

#account_request #btnRetour {
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: white;
    background: #d94823;
    float: left
}

#account_request .avantages {
    padding-left: 24px;
    border-left: 1px solid #DADBDF;
}

#account_request .title2 {
    font-size: 21px;
}

#account_request #username {
    width: 300px;
    float: left;
    height: 50px;
    font-size: 16px;
}

#account_request #btn_submit {
    width: 190px;
    float: left;
    padding: 10px;
    background: #2a2a2a;
    color: white;
    border: 0;
    height: 50px;
    font-size: 16px;
    cursor: pointer;

}

/* Password Reset ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_reset .row.inscription {
    font-family: "rawline", "Raleway", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #6f6f6f;
}

#account_reset .avantages .title {
    font-weight: 600;
    color: #007893;
    font-size: 22px;
}

#account_reset .avantages .avantage_icone {
    width: 64px;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_reset .avantages .avantage_text {
    font-size: 17px;
    color: #6f6f6f;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_reset .row.inscription label {
    color: #6f6f6f;
    font-size: 13px;
}

#account_reset .row.inscription .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_reset .row.inscription .columns {
        padding-right: 0px !important;
    }

    #account_reset .row.inscription .infos {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #account_reset .row.inscription .avantages {
        padding: 10px !important;
    }

}

#account_reset .row.inscription .infos {
    padding-right: 102px;
}

#account_reset .msg {
    font-weight: bold;
    color: #007893;
}

#account_reset #btnRetour {
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: white;
    background: #d94823;
    float: left
}

#account_reset .avantages {
    padding-left: 24px;
    border-left: 1px solid #DADBDF;
}

#account_reset .title2 {
    font-size: 21px;
}

#account_reset #btn_submit {
    width: 190px;
    float: left;
    padding: 10px;
    background: #e74319;
    color: black;
    border: 0;
    height: 50px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

/* Account Register ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_register .row.inscription {
    font-family: "rawline", "Raleway", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #6f6f6f;
}

#account_register .avantages .title {
    font-weight: 600;
    color: #007893;
    font-size: 22px;
}

#account_register .avantages .avantage_icone {
    width: 64px;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_register .avantages .avantage_text {
    font-size: 17px;
    color: #6f6f6f;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_register .row.inscription label {
    color: #6f6f6f;
    font-size: 13px;
}

#account_register .row.inscription .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_register .row.inscription .columns {
        padding-right: 0px !important;
    }

    #account_register .row.inscription .infos {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #account_register .row.inscription .avantages {
        padding: 10px !important;
    }

}

#account_register .account_register_title {
    font-weight: bold;
    color: #007893;
}

#account_register .infos {
    padding-right: 102px;
}

#account_register .register_item {
    padding-right: 10px;
}

#account_register .txtPassword {
    padding-bottom: 6px;
}

#account_register .next {
    font-weight: bold;
    color: white;
    background: #d94823;
    float: right
}

#account_register .avantages {
    padding-left: 24px;
    border-left: 1px solid #DADBDF;
}

#account_register .avantages .title2 {
    font-size: 21px;
}

/* Account checkMail ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_checkMail .row.inscription {
    font-family: "rawline", "Raleway", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #6f6f6f;
}

#account_checkMail .avantages .title {
    font-weight: 600;
    color: #007893;
    font-size: 22px;
}

#account_checkMail .avantages .avantage_icone {
    width: 64px;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_checkMail .avantages .avantage_text {
    font-size: 17px;
    color: #6f6f6f;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_checkMail .row.inscription label {
    color: #6f6f6f;
    font-size: 13px;
}

#account_checkMail .row.inscription .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

#account_checkMail #btn_submit {
    width: 190px;
    float: left;
    padding: 10px;
    background: #2a2a2a;
    color: white;
    border: 0;
    height: 50px;
    font-size: 16px;
    cursor: pointer;

}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_checkMail .row.inscription .columns {
        padding-right: 0px !important;
    }

    #account_checkMail .row.inscription .infos {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #account_checkMail .row.inscription .avantages {
        padding: 10px !important;
    }

}

#account_checkMail .row.inscription .infos {
    padding-right: 102px;
}

#account_checkMail .msg {
    font-weight: bold;
    color: #007893;
}

#account_checkMail #btnRetour {
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: white;
    background: #d94823;
    float: left
}

#account_checkMail .avantages {
    padding-left: 24px;
    border-left: 1px solid #DADBDF;
}

#account_checkMail .title2 {
    font-size: 21px;
}

/* Account checkMailR ***********************************************************************************************************************************/
/* ************************************************************************************************************************************************/

#account_checkMailR .row.inscription {
    font-family: "rawline", "Raleway", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.5;
    color: #6f6f6f;
}

#account_checkMailR .avantages .title {
    font-weight: 600;
    color: #007893;
    font-size: 22px;
}

#account_checkMailR .avantages .avantage_icone {
    width: 64px;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_checkMailR .avantages .avantage_text {
    font-size: 17px;
    color: #6f6f6f;
    padding-top: 17px;
    padding-bottom: 15px;
}

#account_checkMailR .row.inscription label {
    color: #6f6f6f;
    font-size: 13px;
}

#account_checkMailR .row.inscription .newsletter {
    border: 1px solid #cccccc;
    padding-top: 10px;
    margin-top: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 25px;
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    #account_checkMailR .row.inscription .columns {
        padding-right: 0px !important;
    }

    #account_checkMailR .row.inscription .infos {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #account_checkMailR .row.inscription .avantages {
        padding: 10px !important;
    }

}

#account_checkMailR .row.inscription .infos {
    padding-right: 102px;
}

#account_checkMailR .row.inscription .title {
    font-weight: bold;
    color: #007893;
}

#account_checkMailR .avantages {
    padding-left: 24px;
    border-left: 1px solid #DADBDF;
}

#account_checkMailR .row.inscription .title2 {
    font-size: 21px;
}

@media only screen and (min-width: 420px) {
    .jc-bs3-row {
        width: 400px;
        max-width: 90%;
        margin: 0 auto;
    }
}
#encart_my_account_menu .devis {
    color: inherit;  text-decoration: none;
}


#account_reprises .make-reprise{
    margin-bottom: 30px;
    padding-top: 12px;
}

#account_reprises .make-reprise a{
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: white;
    background: #d94823;
    vertical-align: -webkit-baseline-middle;
    font-size: 13px;
}

#account_checkMail a{
    padding: 15px;
    margin-top: 15px;
    font-weight: bold;
    color: white;
    background: #d94823;
    float: left;
    vertical-align: -webkit-baseline-middle;
}