/*--------------------------------------------
	$general
--------------------------------------------*/


/*.modalDialog .ui-corner-all {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.modalDialog .ui-widget-content {
    background: #fff;
}

.modalDialog .ui-widget-header {
    background: #DE202B;
    color: #ffffff;
    font-weight: bold;
}*/
/*#form-confirm-info-perso select{
	font-family: Arial, sans-serif;
	font-size:14px;
	font-weight: normal;
	height: 30px;
	position: relative;
    padding: 5px;
    line-height: 1;
    border: 0;
    background: url(../Img/br_down.png) no-repeat right #E3F0F8;
    -webkit-appearance: none;
    background-position-x: 170px;
}*/

.payment-frame {
    width: 100%;
    height: 450px !important;
}

#PassChangeMailSentText {
    margin: 10px 10px 10px;
    padding: 10px 10px 10px;
}

.bootstrap-dialog .bootstrap-dialog-title {
    color: black !important;
    display: inline-block;
    font-size: 16px;
}

.bootstrap-dialog.type-primary .modal-header {
    background-color: white !important;
}

.modaldialog .aon-button,
.bootstrap-dialog .aon-button {
    padding: 5px 5px;
    border-radius: 2px;
    background-image: -moz-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
    color: white;
}

.modaldialog .modal-header {
    min-height: 16.42857143px;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.modaldialog .modal-footer {
    padding: 8px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modalDialog .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    /* border-radius: 6px; */
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.mobile-only {
    display: none;
}


div .infoPerso .infoPart .coordPart {
    border-spacing: 2px;
}

body > div.wrapper > header > div.container.relative > span:nth-child(4) {
    position: absolute;
    right: 0;
    bottom: 20px;
}

.notification-text {
    margin: 10px;
}

.input-validation-error {
    border-color: red;
    outline-width: 0px;
}

/*.valid {
    border-color: green;
}*/

.field-validation-error {
    color: red;
    font-weight: bold;
}

a.aon-button {
    /*float: left;*/
    /*margin-right: 20px;
	height: 26px;
    line-height: 26px;
    width: 202px;
    text-align: center;
    font-size: 12px;*/
    /*margin-left: 80px;
	padding: 10px;*/
	color: #FFF;
    background-color: #DE202B;
}

a.aon-button-devis {
    float: left;
    /*margin-right: 20px;
	height: 26px;
    line-height: 26px;
    width: 202px;
    text-align: center;
    font-size: 12px;*/
    margin-left: 80px;
	padding: 10px;
	color: #FFF;
    background-color: #DE202B;
}

.best-assurance a.aon-button {
    display: inline-block;
}

a.aon-button-disabled {
    pointer-events: none;
    cursor: default;
    background-color: grey !important;
}

form .mailInput {
    margin: 20px;
    width: 100%;
    height: 100%;
}

    form .mailInput .aon-button {
        padding: 5px 5px;
        border-radius: 2px;
        background-image: -moz-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
        background-image: -webkit-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
        background-image: -ms-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
    }
    /*form .mailInput aon-button-disabled {
        pointer-events: none;
        cursor: default;
        background-color: grey;
    }*/

    form .mailInput .mailConfirm {
        margin: 0 auto;
        border-collapse: separate;
        border-spacing: 10px 5px;
        width: 80%;
    }

.mailConfirm .mail-confirmation-send-button {
    width: 110px;
    text-align: center;
    margin-right: -10px;
    position: relative;
}


/*block mes factures*/
div .bills {
    /*height: 310px;*/
    /*width: 100%;*/
    /*padding-top: 17px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 2px;*/
}

table.mailConfirm td.mail-confirm-input-label {
    text-align: right;
}

div .infoPerso {
    width: 100%;
    padding-top: 17px;
    padding-left: 12px;
    padding-bottom: 2px;
}

    div .infoPerso .sliderPart .relative {
        height: 100%;
    }

    div .infoPerso .infoPart table {
        /*border-spacing: 6px 0;*/
        border-collapse: separate;
        margin: 2px 0 12px 0;
        width: 99%;
    }

.infoPart a.aon-button {
    padding: 10px 20px;
    border-radius: 2px;
    /*background-image: -moz-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
        background-image: -webkit-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);
        background-image: -ms-linear-gradient( -90deg, rgb(246,74,84) 0%, rgb(230,36,47) 100%);*/
    width: 141px;
    text-align: center;
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    width: 102px;
    text-align: center;
    /*font-size: 12px;*/
}

div .infoPerso .sliderPart td {
    height: 387px;
}

div .infoPerso .sliderPart .slide,
div .infoPerso .sliderPart .swiper-container {
    /*height: 100%;
        width: 100%;*/
    width: 387px;
    height: 266px;
}

    div .infoPerso .sliderPart .swiper-container .arrow-left,
    div .infoPerso .sliderPart .swiper-container .arrow-right {
        z-index: 9999;
    }

    div .infoPerso .sliderPart .swiper-container .pagination {
        z-index: 9999;
    }


    div .infoPerso .sliderPart .swiper-container .swiper-wrapper {
        height: 100%;
    }

        div .infoPerso .sliderPart .swiper-container .swiper-wrapper .swiper-slide img {
            height: 100%;
            width: 100%;
        }

    div .infoPerso .sliderPart .swiper-container .best-assurance {
        padding: 0;
        margin: 0;
        width: 100%;
        position: absolute;
        bottom: 0;
    }

        div .infoPerso .sliderPart .swiper-container .best-assurance .table-cell {
            /* inline content*/
            display: inline !important;
            width: 100%;
        }


        div .infoPerso .sliderPart .swiper-container .best-assurance .custom-block {
            width: 100%;
            background-color: rgba(0, 0, 0, 0.3);
            /*background-color: rgb( 0, 0, 0 );
                opacity: 0.302;*/
            height: 130px;
        }

            div .infoPerso .sliderPart .swiper-container .best-assurance .custom-block .title {
                font-size: 20px;
                font-family: "Arial";
                color: rgb( 255, 255, 255 );
                line-height: 1.2;
                text-align: center;
                text-shadow: 0.5px 0.866px 0px rgba( 0, 0, 0,0.3);
            }

            div .infoPerso .sliderPart .swiper-container .best-assurance .custom-block .subtitle {
                font-size: 14px;
                font-family: "Arial";
                color: rgb( 255, 255, 255 );
                line-height: 1.714;
                text-align: center;
                text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 );
            }

            div .infoPerso .sliderPart .swiper-container .best-assurance .custom-block .text {
                font-size: 14px;
                font-family: "Arial";
                color: rgb( 255, 255, 255 );
                line-height: 1.714;
                text-shadow: 0.5px 0.866px 0px rgb( 0, 0, 0 );
                -moz-transform: matrix( 3.3856118940289,0,0,3.3856118940289,0,0);
                -webkit-transform: matrix( 3.3856118940289,0,0,3.3856118940289,0,0);
                -ms-transform: matrix( 3.3856118940289,0,0,3.3856118940289,0,0);
                text-align: center;
            }

/*$reset*/
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

img a {
    border: none;
}

ul {
}

input, select {
    box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

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

ul:empty,
li:empty,
p:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty,
h6:empty {
    margin: 0 !important;
    padding: 0 !important;
}

/*$class*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.hidden-desk {
    display: none !important;
}

.visible-phone {
    display: none !important;
}

.visible-phone-inline {
    display: none !important;
}

.visible-tab {
    display: none !important;
}

.visible-desk {
    display: block;
}

.hidden, .hide {
    display: none;
}

.visible, .block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.float-none {
    float: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.relative {
    position: relative;
}

.overflowhidden {
    overflow: hidden;
}

.noWrap {
    white-space: nowrap;
}

.container {
    max-width: 1194px;
    min-width: 320px;10:11 13/06/2019
/*    width: 90%;*/
    margin: 0 auto;
    padding: 0 12px;
}




.container-master {
    background-color: #eeeeee;
    margin-top: 0px !important;
}

.red {
    background: #de202b !important;
    border: none;
    color: #ffffff;
    margin: 0 0 18px 0;
    font-size: 14px;
    padding: 12px;
    display: block;
}

    .red:hover {
        background: #f12c4e !important;
    }

    .red span {
        margin-left: 8px;
        vertical-align: -1px;
    }

.bg-grey {
    background: #e6e7e8;
}

.bg-blue {
    background: #81c4ec;
}

.bg-blue-2 {
    background: #dff0fa;
}

.pro .bg-blue {
    background: #4d4c4f;
}

.bg-hex-grey {
    background: url("../img/pattern-hexagon-grey.jpg") repeat scroll center center;
}

.bg-hex-blue {
    background: url("../img/pattern-hexagon.jpg") repeat scroll center center;
}

.pro .bg-hex-blue {
    background: url("../img/pattern-hexagon-grey.jpg") repeat scroll center center;
}

.valign-bot {
    vertical-align: bottom;
}

/*$body*/
body {
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    color: #4d4c4f;
    min-width: 320px;
}

.seperated {
    height: 10px;
    background: #ebebeb;
    background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -moz-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -ms-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    background-image: linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb',endColorstr='#f5f5f5', GradientType=0);
    margin-bottom: 24px;
}

.img_grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

    .img_grayscale:hover {
        filter: none; /* Applies to FF + IE */
        -webkit-filter: grayscale(0);
    }

.content {
    margin-top: 30px;
}

.contain-globale {
    /*max-width: 1155px;*/
    max-width: 1400px;
    margin: 0 auto 0;
    /*padding-top: 33px;*/
    padding-bottom: 50px;
}

.contain-block-left {
    float: left;
    width: 855px;
}

.contain-block-right {
    float: left;
    width: 260px;
    margin-left: 35px;
}

.generic-block {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 2px -2px #cbcbcb;
    display: inline-block;
}

.transparent-block {
    background: transparent;
    border: hidden;
    box-shadow: none;
    margin-bottom: 0px !important;
}

div.generic-block {
    margin-bottom: 28px;
    padding: 17px;
}

.contain-block-right-top {
    background-color: #e6e7e9;
    border: 1px solid #e5e5e5;
}
/*$header*/
header {
    margin: 0 auto;
    padding-bottom: 30px;
    position: relative;
}

    header h1 {
        color: #e21a22;
        font-size: 52px;
        display: inline-block;
        margin: 30px 0 0 6px;
    }

    header .baseline {
        color: #8f918c;
        font-size: 14px;
        display: inline-block;
        vertical-align: middle;
        margin: -40px 0 0 6%;
    }

    header .btn-nav-collapse {
        width: 27px;
        height: 20px;
        display: none;
        cursor: pointer;
        padding: 3px 3px 0 3px;
        float: left;
        margin: 20px 8px;
        position: absolute;
    }

        header .btn-nav-collapse span {
            display: block;
            background: #000000;
            height: 3px;
            margin-bottom: 3px;
        }

    header .topbar {
        position: relative;
        color: #8f918c;
        font-size: 14px;
    }

        header .topbar ul li {
            display: inline-block;
        }

            header .topbar ul li a {
                padding: 0 18px;
                display: block;
                color: #8f918c;
            }

        header .topbar ul.type {
            float: left;
        }

            header .topbar ul.type li.particular {
                border-left: 1px solid #d1d3d4;
            }

            header .topbar ul.type li {
                text-align: center;
                border-right: 1px solid #d1d3d4;
                line-height: 38px;
                height: 38px;
                float: left;
            }

                /*header .topbar ul.type li.pro.active {
                    color: #ffffff;
                    background: #de202b;
                    position: relative;
                }

                header .topbar ul.type li.particular.active {
                    color: #ffffff;
                    background: #81c4ec;
                    position: relative;
                }*/

                header .topbar ul.type li.activeBtn a {
                    color: #ffffff;
                }

                /*header .topbar ul.type li.active:before {
                    content: '';
                    display: block;
                    border-left: 4px solid transparent;
                    border-right: 4px solid transparent;
                    width: 0;
                    height: 0;
                    position: absolute;
                    bottom: -4px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                }*/

                /*header .topbar ul.type li.particular a:hover {
                    background: #81c4ec;
                }*/

                header .topbar ul.type li.activeBtn a:hover {
                    background: #939598;
                    border-top-color: transparent;
                }

                /*header .topbar ul.type li.pro a:hover {
                    background: #de202b;
                }*/

                /*header .topbar ul.type li.pro.active a:hover {
                    background: #939598;
                }*/

                header .topbar ul.type li.particular.active:before {
                    border-top: 4px solid #81c4ec;
                }

                header .topbar ul.type li.pro.active:before {
                    border-top: 4px solid #de202b;
                }

                header .topbar ul.type li a:hover {
                    color: #ffffff;
                    -webkit-transition: background 0.5s ease, border-bottom 0.3s ease;
                    transition: background 0.5s ease, border-bottom 0.3s ease;
                }

                header .topbar ul.type li.active:hover:before {
                    display: none;
                }

        header .topbar ul.my-account {
            display: inline-block;
        }

            header .topbar ul.my-account li {
                border-left: 1px solid #d1d3d4;
            }


    header .block-header-account {
        float: right;
        padding: 4px 18px;
    }

        header .block-header-account span.my-account-label {
            color: #90918B;
            line-height: 15px;
            display: inline-block;
            position: relative;
            float: left;
            padding-top: 11px;
            border-bottom: 2px solid rgb(193, 191, 191);
        }

        header .block-header-account span.ico-user {
            color: #90918B;
            font-size: 19px;
            /*display: inline-block;*/
            /*line-height: 15px;*/
            /*float: left;*/
            /*position: relative;*/
            padding-left: 9px;
            /*padding-top: 11px;*/
            margin-right: 10px;
        }

        header .block-header-account span.ico-user-left {
            margin-right: 10px;
        }


.maintenanceEC {
    z-index: 9999;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%;
    position: absolute;
    bottom: 52px;
    height: 83%;
    border: 20px solid white;
    background: lightgray;
    padding-top: 20px;
}

.modif-logIn {
    width: 275px;
    float: left;
    height:28em;
    top: 38px;
    background-color: #ffffff;
    z-index: 9999;
    text-align: left;
    padding-bottom: 16px;
    padding-top: 18px;
    padding-left: 22px;
    padding-right: 22px;
}
.modif-logIn:before {
    border-top: 13px solid #E7E7E9;
    content: '';
    display: block;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0px;
}

.rigth-block {
    float:right;
    width: 275px;
}
.rich-text-block-login {
    text-align:center;
    height:4em;
}
.block-loggin {
    display: none;
    position: absolute;
    top: 38px;
    background-color: #ffffff;
    z-index: 9999;
    -moz-box-shadow: 0 5px 5px rgba(23, 21, 21, 0.21);
    -webkit-box-shadow: 0 5px rgba(23, 21, 21, 0.21);
    box-shadow: 0 5px 5px rgba(23, 21, 21, 0.21);
    text-align: left;
    padding-bottom: 16px;
}

    .block-loggin:before {
        border-top: 13px solid #E7E7E9;
        content: '';
        display: block;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        width: 0;
        height: 0;
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0px;
    }

div#background-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,.7);
}

header #form-login {
    margin-top: 18px;
    margin-left: 22px;
}

    header #form-login .cancel-password-change-button {
        margin-top: 10px !important;
    }

    header #form-login .password-change-button {
        margin-right: 23px !important;
        margin-top: 10px !important;
        position: relative;
    }

#finish .finish-password-change-button {
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    width: 102px;
    text-align: center;
    font-size: 12px;
    /*display:none !important;*/
    float: right !important;
}

header #form-login .password-change-button {
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    width: 102px;
    text-align: center;
    font-size: 12px;
    float: right !important;
}

header #form-login .cancel-password-change-button {
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    width: 102px;
    text-align: center;
    font-size: 12px;
    float: left !important;
}


header #form-login .aon-button {
    margin-right: 20px;
    height: 26px;
    line-height: 26px;
    width: 102px;
    text-align: center;
    font-size: 12px;
    float: right;
}

header #form-login .password-change-info {
    font-size: 14px;
}

header #form-login .password-change-error {
    display: none;
    margin-top: 5px;
    color: red;
}

header #form-login input[type="text"] {
    height: 26px;
    background-color: #EEEFEF;
    border: 1px solid #D1D3D4;
    width: 216px;
    margin-top: 12px;
    padding-left: 12px;
}

header #form-login .keyboard-block {
    width: 230px;
    height: 196px;
    background-color: #F2F3F3;
    margin-bottom: 10px;
}

a.aon-button.aon-button-disabled {
    pointer-events: none;
    cursor: default;
    background-color: grey !important;
}


header #form-login ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
    color: #8f918c;
    font-size: 12px;
    margin-top: 8px;
    float: left;
}

header #form-login li a {
    padding: 0;
}

    header #form-login li a:hover {
        text-decoration: underline;
    }

header #form-login li:before {
    content: "";
    border-color: transparent #E21A22;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.35em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

header .topbar #mdp-form {
    background: #eeefef;
    color: #8f918c;
    border: 1px solid #d1d3d4;
    width: 230px;
    height: 28px;
    margin-top: 12px;
}

    header .topbar #mdp-form input {
        width: 176px;
        height: 26px;
        line-height: 26px;
        padding: 0 12px;
        /* height: 28px; */
        background: none;
        border: none;
        float: left;
        /* padding: 0px; */
        margin: 0px;
    }


    header .topbar #mdp-form button {
        width: 28px;
        height: 26px;
        line-height: 26px;
        background: none;
        border: none;
        float: left;
        cursor: auto;
        padding: 0px;
        margin: 0px;
        /* text-align: center; */
        background: url("../Img/erase.png") no-repeat;
        background-position: center;
    }

.ico-backspace {
    display: block;
    background: url("../Img/erase.png") no-repeat;
    height: 26px;
    width: 26px;
    background-position: center;
}

.ico-pdf {
    display: block;
    /*background: url("../Img/ico-pdf-desktop.png") no-repeat;*/
    height: 28px;
    width: 28px;
    background-position: center;
    margin: 0 auto;
}

#btn-close-login-popin {
    display: block;
    right: 20px;
    float: right;
    margin-right: 13px;
    margin-top: 13px;
    margin-bottom: 4px;
}

.ico-close {
    display: block;
    background: url("../Img/ic_croix_bleu.png") no-repeat;
    height: 17px;
    width: 17px;
    background-position: center;
}

.pwd-validator.error-pwd-field, .new-alias-tick-container .invalid, .new-alias-repeat-tick-container .invalid {
    background: url("../Img/error-field.png") no-repeat;
}

.pwd-validator.validate-pwd-field, .new-alias-tick-container .valid, .new-alias-repeat-tick-container .valid {
    background: url("../Img/validate-field.png") no-repeat;
}

.pwd-field-container.pwd-field-container-disabled .ico-backspace {
    background: url("../Img/erase-disabled.png") no-repeat;
    display: block;
    height: 26px;
    width: 26px;
    background-position: center;
}

header .topbar #search-form {
    display: inline-block;
    margin: 4px 1px 0 0;
    border: 1px solid #d1d3d4;
    background: #eeefef;
    color: #8f918c;
    float: right;
    position: relative;
}

    header .topbar #search-form input {
        width: 270px;
        padding: 0 12px;
        height: 28px;
        background: none;
        border: none;
        float: left;
    }


    header .topbar #search-form button {
        background: none;
        border: none;
        padding: 0 12px;
        float: right;
        line-height: 28px;
        cursor: auto;
    }

.btn-search-phone, .btn-account-phone {
    background: none;
    border: none;
    border-left: 1px solid #999999;
    line-height: 32px;
    font-size: 18px;
    padding: 0 12px;
    float: right;
}

#search-form ul {
    left: 0;
    top: 28px;
    z-index: 2;
    width: 100%;
    overflow: hidden;
    position: absolute;
    background: #f8f8f8;
}

    #search-form ul li {
        border-top: 1px solid #d1d3d4;
        display: block;
        text-align: left;
    }

        #search-form ul li:after {
            content: '';
            display: block;
            clear: both;
        }

        #search-form ul li a {
            font-size: 12px;
            line-height: 38px;
            padding: 8px;
        }

        #search-form ul li img {
            max-width: 20%;
            height: 38px;
            width: auto;
            display: block;
            float: left;
            vertical-align: middle;
        }

#search-form.active ul {
    display: block;
}

#search-form ul li .block-texts {
    float: right;
    width: 80%;
    padding-left: 8px;
    line-height: 38px;
}

    #search-form ul li .block-texts span {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
    }

.btn-search-phone.open {
    background: #77787b;
    color: #ffffff;
}

.logo-sponsor {
    color: #8f918c;
    float: right;
    font-size: 12px;
    line-height: 89px;
    min-height: 89px;
    padding-top: 6px;
    margin-right: 2%;
    position: absolute;
    top: 0;
    right: 0;
}

    .logo-sponsor img {
        margin-left: 20px;
        max-width: 190px;
        max-height: 55px;
    }

/*$nav*/
nav {
    margin-top: -30px;
}

    nav.navigation ul {
        max-width: 1170px;
        margin: 0 auto;
        text-align: right;
    }

        nav.navigation ul li {
            display: inline-block;
            text-transform: uppercase;
            font-size: 14px;
            margin: 0 6px;
            position: relative;
        }

            nav.navigation ul li:last-child {
                margin-right: 0;
            }

            nav.navigation ul li a,
            nav.navigation ul li span.no-link {
                color: #000000;
                padding: 10px 8px 6px;
                border-bottom: 4px solid #ffffff;
                display: block;
            }

                nav.navigation ul li a:hover,
                nav.navigation ul li span.no-link:hover {
                    background: #e11a21;
                    border-bottom: 4px solid #e11a21;
                    color: #ffffff;
                    text-decoration: none;
                    -webkit-transition: background 0.3s ease, border-bottom 0.3s ease;
                    transition: background 0.3s ease, border-bottom 0.3s ease;
                }

                nav.navigation ul li a ul li a,
                nav.navigation ul li a ul li span.no-link {
                    border: 0;
                }

                nav.navigation ul li a.active,
                nav.navigation ul li span.active.no-link {
                    border-bottom: 4px solid #e11a21;
                }

            nav.navigation ul li .scroll-menu a.active,
            nav.navigation ul li .scroll-menu span.active.no-link {
                border: none;
            }

            nav.navigation ul li .scroll-menu {
                position: absolute;
                right: 0;
                z-index: 200;
                width: 300%;
                display: none;
            }

            nav.navigation ul li:hover .scroll-menu {
                display: block;
            }

            nav.navigation ul li ul {
                margin-top: 0;
                border-top: 4px solid #e11a21;
                background: #f8f8f8;
                padding: 14px 0;
                display: inline-block;
                -moz-box-shadow: 0px 5px 9px #0f0f0f;
                -webkit-box-shadow: 0px 5px 9px #0f0f0f;
                box-shadow: 0px 5px 9px #0f0f0f;
                min-width: 180px;
            }

                nav.navigation ul li ul li {
                    display: block;
                    margin: 0;
                    text-transform: none;
                    text-align: left;
                }

                    nav.navigation ul li ul li a {
                        padding: 6px 15px;
                        text-align: left;
                        min-width: 265px;
                    }

                        nav.navigation ul li ul li a,
                        nav.navigation ul li ul li a:hover {
                            border-bottom: none;
                        }

                            nav.navigation ul li ul li a:hover {
                                background: none;
                                color: #e11a21;
                            }

.fixed-in-colone {
    position: absolute;
}

#bloc-contact h4 {
    font-size: 18px;
    color: #4d4c4f;
    font-weight: normal;
    margin: 0 0 14px 0;
}

#bloc-contact .phone h4 span {
    color: #4d4c4f;
    margin-right: 6px;
}

#bloc-contact .phone {
    background: #e6e7e8;
}

    #bloc-contact .phone .number {
        text-align: center;
    }

        #bloc-contact .phone .number a {
            font-size: 24px;
            color: #de202b;
            line-height: normal;
            margin-bottom: 14px;
            display: block;
        }

            #bloc-contact .phone .number a:hover {
                color: #f12c4e;
            }

    #bloc-contact .phone .call {
        background: none repeat scroll 0 0 #de202b;
        border: medium none;
        color: #ffffff;
        font-size: 14px;
        margin: 14px 0 0;
        padding: 6px;
        display: inline-block;
    }

#bloc-contact > div {
    border-bottom: 2px solid #e6e7e8;
    padding: 22px 18px;
}

#bloc-contact div a.aon-button {
    margin: 14px 0 0 0;
    padding: 8px;
    display: inline-block;
}

#bloc-contact .rdv button span {
    font-size: 18px;
    margin: 0 6px 0 0;
}

#bloc-contact .client button span {
    font-size: 18px;
    margin: 0 6px 0 0;
}

#bloc-contact .rdv button:hover,
#bloc-contact .client button:hover {
    background: #f12c4e;
}

/*$footer*/
footer {
    margin: 0 0 0 0;
    position: relative;
}

    .footer:before {
        content: '';
        display: block;
        position: absolute;
        width: 0px;
        border-top: 18px solid #ffffff;
        border-right: 16px solid transparent;
        border-left: 16px solid transparent;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
    }

    footer .offers {
        padding: 18px 0 0;
        text-align: center;
    }

        footer .offers .title {
            font-weight: bold;
            font-size: 18px;
        }

.pro footer .offers .title {
    color: #de202b;
}

footer .offers p {
    font-size: 18px;
    margin: 12px 0;
}

.pro footer .offers p b {
    color: #de202b;
}

footer .offers ul {
    margin: 16px 0;
}

    footer .offers ul li {
        text-align: center;
        color: #338cb1;
        font-size: 12px;
        display: inline-block;
        width: 14%;
    }

    footer .offers ul li {
        color: #338cb1;
    }

.pro footer .offers ul li {
    color: #de202b;
}

footer .page-footer {
    margin-bottom: 0;
}

.pro footer .offers ul li span {
    color: #4d4c4f;
}

footer .slide-footer-pro {
    display: none;
}

.pro footer .slide-footer-pro {
    display: block;
}

.pro footer .slide-footer-particular {
    display: none;
}

footer .footer-content {
    position: relative;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #ffffff;
    font-size: 12px;
}

.pro footer .footer-content:before {
    background: #4d4c4f;
}

footer .footer-content h4 {
    font-weight: normal;
    font-size: 18px;
}

footer .footer-content p {
    font-size: 12px;
    margin: 10px 0 20px 0;
}

footer .footer-content #social-net li {
    display: inline-block;
    margin: 0 0.5% 8px 0;
    padding-top: 13px;
    position: relative;
    text-align: center;
    width: 34px;
}

    footer .footer-content #social-net li span {
        position: relative;
        z-index: 5;
        font-size: 18px;
        line-height: 28px;
    }

    footer .footer-content #social-net li img {
        position: relative;
        z-index: 10;
        display: block;
    }

        footer .footer-content #social-net li img.no-hover {
            display: block;
        }

        footer .footer-content #social-net li img.hover {
            display: none;
        }

    footer .footer-content #social-net li:hover img.no-hover {
        display: none;
    }

    footer .footer-content #social-net li:hover img.hover {
        display: block;
    }

    footer .footer-content #social-net li a {
        color: #338cb1;
    }

.pro footer .footer-content #social-net li a {
    color: #4d4c4f;
}

footer .footer-content #social-net li a:hover {
    text-decoration: none;
    color: #ffffff;
}

footer .footer-content #social-net li .bg-hex {
    background: #ffffff;
    display: block;
    height: 21px;
    width: 34px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    cursor: pointer;
    margin-top: 14px;
}

footer .footer-content #social-net li:hover .bg-hex {
    background: #338cb1;
}

footer .footer-content #social-net li .bg-hex:before,
footer .footer-content #social-net li .bg-hex:after {
    content: '';
    position: absolute;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    width: 0;
    height: 0;
    left: 0;
}

footer .footer-content #social-net li .bg-hex:before {
    border-bottom: 9px solid #ffffff;
    top: -9px;
}

footer .footer-content #social-net li .bg-hex:after {
    border-top: 9px solid #ffffff;
    bottom: -9px;
}

footer .footer-content #social-net li:hover .bg-hex:before {
    border-bottom: 9px solid #338cb1;
}

footer .footer-content #social-net li:hover .bg-hex:after {
    border-top: 9px solid #338cb1;
}

.pro footer .footer-content #social-net li:hover .bg-hex {
    background: #de202b;
}

    .pro footer .footer-content #social-net li:hover .bg-hex:before {
        border-bottom: 9px solid #de202b;
        top: -9px;
    }

    .pro footer .footer-content #social-net li:hover .bg-hex:after {
        border-top: 9px solid #de202b;
        bottom: -9px;
    }

/* Newsletter Form */
footer .footer-content form .field-border > .field-title {
    display: none;
}

footer .footer-content form {
    display: inline-block;
    padding: 1px;
    position: relative;
}

footer .footer-content input {
    color: #338cb1;
    border: none;
    padding: 0 8px;
    font-size: 14px;
    height: 28px;
    width: 168px;
}

.pro footer .footer-content input {
    color: #4d4c4f;
}

footer .footer-content button {
    background: none repeat scroll 0 0 #ffffff;
    color: #338cb1;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 0;
    border-left: 1px solid #338cb1;
    border-bottom: 4px solid #fff;
    border-top: 4px solid #fff;
    padding: 0 6px;
}

footer .footer-content .display-section-border {
    float: left;
    padding-bottom: 15px;
}

    footer .footer-content .display-section-border .field-validation-error {
        position: absolute;
    }

    footer .footer-content .display-section-border input {
        -webkit-appearance: none;
        border-radius: 0;
    }

.pro footer .footer-content button {
    border-left: 1px solid #4d4c4f;
    color: #de202b;
}

footer .footer-content button:hover {
    background: #338cb1;
    color: #ffffff;
    border: 0;
    line-height: 28px;
}

footer .footer-content div.field-border span.field-required {
    display: none;
}

.pro footer .footer-content button:hover {
    background: #de202b;
    color: #ffffff;
}

footer .footer-content .footer-overflow {
    overflow: hidden;
}

footer .footer-content .border {
    position: relative;
}

footer .footer-content .border:after {
	content: '';
	display: block;
	width: 1px;
	background: #c0e2f6;
	position: absolute;
	right: 0;
	top: 0;
	height: 500px;
}

footer .footer-content a {
    color: #ffffff;
}

footer .footer-content a:hover {
	text-decoration: underline;
}

footer .footer-seo {
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    font-size: 12px;
}

footer .footer-seo a {
	color: #636363;
}

footer .footer-seo a:hover {
	text-decoration: underline;
}

.aon-identity{
	text-align:center;
}
		
footer .copyright {
    position: relative;
    background: #bcbec0;
    color: #6f6e70;
    text-align: center;
    padding: 16px 0;
    font-size: 12px;
}

.msg-cookie {
    text-align: center;
    color: #6f6e70;
    background: #bcbec0;
    font-size: 14px;
    padding: 12px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 300;
}

    .msg-cookie p {
        font-size: 12px;
        display: inline-block;
    }

    .msg-cookie a {
        color: #6f6e70;
        font-size: 12px;
    }

        .msg-cookie a:hover {
            text-decoration: underline;
        }

    .msg-cookie .close {
        cursor: pointer;
        display: inline-block;
        font-size: 24px;
        vertical-align: middle;
        margin: 0 0 0 12px;
    }

        .msg-cookie .close:hover {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            transform: rotate(360deg);
            -webkit-transition: all 600ms ease;
            -moz-transition: all 600ms ease;
            -o-transition: all 600ms ease;
            transition: all 600ms ease;
            display: inline-block;
        }

/*$breadcrumb*/
.breadcrumb {
    /*border-bottom:1px solid #bcbec0;*/
    /*border-top: 1px solid #bcbec0;*/
}

.breadcrumb {
    padding: 8px 0;
}

    .breadcrumb ul li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        margin-right: 10px;
        font-size: 12px;
    }

        .breadcrumb ul li a {
            color: #4d4c4f;
            float: left;
        }

        .breadcrumb ul li:after {
            margin-left: 14px;
            color: #de202b;
            content: '\e605';
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 10px;
        }

        .breadcrumb ul li:last-child {
            color: #de202b;
        }

            .breadcrumb ul li:last-child:after,
            .breadcrumb ul li.last:after {
                display: none;
            }

        .breadcrumb ul li .btn-back:before {
            content: '\e61f';
            font-family: 'icomoon';
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            margin-right: 2px;
        }

/*$content general*/
.btn-scroll {
    border: none;
    background: #de202b;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    width: 36px;
    height: 24px;
    text-align: center;
    z-index: 70;
    display: inline-block;
    cursor: pointer;
    position: absolute;
}

    .btn-scroll:hover {
        background: #f12c4e;
    }

.icon-ArrowBigTop:before {
    font-size: 10px;
}

.btn-scroll:before, .btn-scroll:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    left: 0;
    cursor: pointer;
    font-size: 5px;
}

.btn-scroll:after {
    border-top: 9px solid #de202b;
    bottom: -9px;
}

.btn-scroll:hover:after {
    border-color: #f12c4e transparent transparent transparent;
}

.btn-scroll:before {
    border-bottom: 9px solid #de202b;
    top: -9px;
}

.btn-scroll:hover:before {
    border-color: transparent transparent #f12c4e transparent;
}


.picto-notification {
    border: none;
    background: #61b9e9;
    color: #ffffff;
    font-size: 8px;
    text-transform: uppercase;
    width: 32px;
    height: 17px;
    text-align: center;
    z-index: 70;
    display: inline-block;
    cursor: pointer;
}


    .picto-notification img {
        bottom: 11px;
        position: relative;
        z-index: 99;
    }

    .picto-notification:before, .picto-notification:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        /*position: absolute;*/
        border-left: 16px solid transparent;
        border-right: 16px solid transparent;
        left: 0;
        cursor: pointer;
        font-size: 5px;
    }

    .picto-notification:after {
        border-top: 9px solid #61b9e9;
        bottom: 12px;
        position: relative;
    }

    /*.picto-notification:hover:after {
        border-color: #61b9e9 transparent transparent transparent;
    }*/

    .picto-notification:before {
        border-bottom: 9px solid #61b9e9;
        top: -9px;
        position: relative;
    }

/*.picto-notification:hover:before {
        border-color: transparent transparent #61b9e9 transparent;
    }*/



.btn-scroll-down {
    right: 12px;
    bottom: -17px;
    opacity: 0;
}

.btn-phone-call {
    right: 12px;
    bottom: -17px;
}

    .btn-phone-call span {
        font-size: 14px;
        display: block;
        margin-top: -7px;
    }

    .btn-phone-call div {
        position: relative;
        z-index: 50;
    }

        .btn-phone-call div a {
            color: #ffffff;
        }

.icon-ArrowBigBottom:before {
    font-size: 10px;
}

.btn-scroll-down span {
    font-size: 18px;
    line-height: 22px;
}

.btn-scroll-down:hover span {
    line-height: 29px;
    -webkit-transition: all 100ms ease;
    -moz-transition: all 100ms ease;
    -o-transition: all 100ms ease;
    transition: all 100ms ease;
}

.btn-scroll-up {
    right: -64px;
    position: fixed;
    bottom: 25%;
    opacity: 0;
}

    .btn-scroll-up span {
        font-size: 12px;
        display: block;
    }

    .btn-scroll-up:hover span {
        margin-top: -5px;
        position: relative;
        -webkit-transition: all 100ms ease;
        -moz-transition: all 100ms ease;
        -o-transition: all 100ms ease;
        transition: all 100ms ease;
    }

body.pro .pro_grayscale,
body.pro .swiper_grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}

    body.pro .pro_grayscale:hover,
    body.pro .main-slide:hover .swiper_grayscale {
        filter: none; /* Applies to FF + IE */
        -webkit-filter: grayscale(0);
    }

/*--------------------------------------------
	$list types
--------------------------------------------*/
.green-circle {
    list-style: none;
    margin-bottom: 18px;
}

.yellow-circle {
    list-style: none;
    margin-bottom: 18px;
}

.red-circle {
    list-style: none;
    margin-bottom: 18px;
}

.blue-circle {
    list-style: none;
    margin-bottom: 18px;
}

ul.green-circle li,
ul.yellow-circle li,
ul.red-circle li,
ul.blue-circle li {
    margin-top: 11px;
    padding-left: 20px;
    position: relative;
}

    ul.green-circle li:first-child,
    ul.yellow-circle li:first-child,
    ul.red-circle li:first-child,
    ul.blue-circle li:first-child {
        margin-top: 0;
    }

    ul.green-circle li:before,
    ul.yellow-circle li:before,
    ul.red-circle li:before,
    ul.blue-circle li:before {
        border-radius: 10px;
        content: "";
        display: inline-block;
        height: 8px;
        left: 0;
        position: absolute;
        top: 6px;
        width: 8px;
    }

    ul.green-circle li:before {
        background: #87c64b;
    }

    ul.yellow-circle li:before {
        background: #f6b92a;
    }

    ul.red-circle li:before {
        background: #de202b;
    }

    ul.blue-circle li:before {
        background: #61b9e9;
    }

.check {
    list-style: none;
}

.green-check {
    list-style: none;
}

.red-check {
    list-style: none;
}

.yellow-check {
    list-style: none;
}

.blue-check {
    list-style: none;
}

ul.check li,
ul.green-check li,
ul.red-check li,
ul.yellow-check li,
ul.blue-check li {
    margin-top: 11px;
    padding-left: 24px;
    position: relative;
}

    ul.check li:first-child,
    ul.green-check li:first-child,
    ul.red-check li:first-child,
    ul.yellow-check li:first-child,
    ul.blue-check li:first-child {
        margin-top: 0;
    }

    ul.check li:before,
    ul.green-check li:before,
    ul.red-check li:before,
    ul.yellow-check li:before,
    ul.blue-check li:before {
        display: inline-block;
        position: absolute;
        top: 1px;
        left: 0;
        content: '\e620';
        font-size: 18px;
        font-family: 'icomoon';
        speak: none;
        vertical-align: middle;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    ul.check li:before {
        color: #659f2e;
    }

    ul.green-check li:before {
        color: #87c64b;
    }

    ul.red-check li:before {
        color: #de202b;
    }

    ul.yellow-check li:before {
        color: #f6b92a;
    }

    ul.blue-check li:before {
        color: #61b9e9;
    }

.list-no-bullet {
    list-style-type: none;
}

/*--------------------------------------------
	$slide
--------------------------------------------*/
/*Idangerous-slide*/
.slide {
    position: relative;
}

.arrow-left {
    background: url(../img/arrows.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 20;
    cursor: pointer;
}

.arrow-right {
    background: url(../img/arrows.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 20;
    cursor: pointer;
}

.arrow-left-2 {
    background: url(../img/arrows-2.png) no-repeat left top;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 20;
    cursor: pointer;
}

.arrow-right-2 {
    background: url(../img/arrows-2.png) no-repeat left bottom;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
    width: 17px;
    height: 30px;
    z-index: 20;
    cursor: pointer;
}

.arrow-none, .visible-phone.arrow-none {
    display: none !important;
}

.swiper-container {
    width: 100%;
}

.main-slide .swiper-container img {
    width: 100%;
    /*height: auto !important;*/
    height: 100%;
}

.slide-footer-particular .swiper-container img,
.slide-footer-pro .swiper-container img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto 8px;
}

.content-slide {
    padding: 20px;
    color: #fff;
}

.title {
    font-size: 25px;
    /*margin-bottom: 10px;*/
}

.subtitle {
    margin-bottom: 10px;
}

.pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0;
    width: 100%;
}

    .pagination.page-home {
        bottom: -30px;
    }

.swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #939598;
    margin: 0 1.5%;
    cursor: pointer;
    border: 2px solid #ffffff;
}

    .swiper-pagination-switch:hover {
    }

.swiper-active-switch {
    background: #de202b;
    border: 2px solid #de202b;
}

.bg-pattern-hex {
    background: #ffffff;
}

.pro .bg-pattern-hex {
    background: url('../img/pattern-hexagon-grey.jpg') center center;
}

.best-assurance {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 10%;
    z-index: 100;
    width: 94%;
    margin: 0 auto;
    table-layout: fixed;
}

.page {
    bottom: 2%;
}

.best-assurance .tablecell {
    display: table-cell;
    vertical-align: bottom;
    width: 25%;
}

    .best-assurance .tablecell.big-block .valign-bot {
        vertical-align: top;
    }

    .best-assurance .tablecell a,
    .best-assurance .tablecell p {
        margin: 0;
    }

    .best-assurance .tablecell .title {
        margin: 0;
        font-size: 14px;
    }

    .best-assurance .tablecell .button,
    .best-assurance .tablecell .text {
        margin: 12px 0 0 0;
    }

.best-assurance .valign-bot div {
    padding: 0;
}

.best-assurance .tablecell.msg-error {
    display: block;
    margin: 0 auto;
    max-width: 490px;
    width: 42%;
}

.best-assurance section {
    width: 82%;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.9);
    color: #4d4c4f;
}

    .best-assurance section div {
        padding: 4%;
    }

    .best-assurance section.all-offers h1,
    .best-assurance section.all-offers h2,
    .best-assurance section.all-offers h3,
    .best-assurance section.all-offers h4,
    .best-assurance section.all-offers h5,
    .best-assurance section.all-offers h6 {
        font-size: 18px;
        font-weight: bold;
        width: 81%;
    }

        .best-assurance section.all-offers h1 *,
        .best-assurance section.all-offers h2 *,
        .best-assurance section.all-offers h3 *,
        .best-assurance section.all-offers h4 *,
        .best-assurance section.all-offers h5 *,
        .best-assurance section.all-offers h6 * {
            display: inline-block;
        }

    .best-assurance section p {
        font-size: 12px;
    }

    .best-assurance section button {
        min-width: 165px;
    }

.pro .best-assurance .tablecell.msg-error section.all-offers {
    background: url('../img/bg-offer-red.png') top right no-repeat;
    color: #ffffff;
}

.best-assurance .tablecell.msg-error section.all-offers {
    background: url('../img/bg-offer-blue.png') top right no-repeat;
    color: #ffffff;
}

.pro .best-assurance section.all-offers {
    background: url('../img/bg-offer-red.png') top right no-repeat;
    color: #ffffff;
}

.best-assurance section.all-offers {
    background: url('../img/bg-offer-red.png') top right no-repeat;
    color: #ffffff;
}

.best-assurance .tablecell.msg-error > section > span {
    margin-bottom: 12px;
    display: block;
}

.best-assurance .msg-error section {
    width: 100%;
    padding: 8% 4%;
}

    .best-assurance .msg-error section.all-offers h2 {
        width: 100%;
    }

.best-assurance section.all-offers p {
    font-size: 14px;
}

.best-assurance > div.small-block > section a.aon-button {
    color: white;
    padding: 8px;
    min-width: 165px;
}

.best-assurance > div.big-block > section {
    width: 240px;
}

    .best-assurance > div.big-block > section.all-offers a.aon-button {
        background: none;
        border: 2px solid #ffffff;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        line-height: 34px;
        display: block;
        text-align: center;
        padding: 0;
    }

.best-assurance .tablecell.msg-error a.aon-button {
    margin-top: 18px;
    width: 49%;
    display: inline-block;
    padding: 8px;
}

    .best-assurance .tablecell.msg-error a.aon-button:hover {
        background: #44daff;
        -webkit-transition: background 0.4s ease;
        transition: background 0.4s ease;
    }

.pro .best-assurance .tablecell.msg-error a.aon-button:hover {
    background: #f12c4e;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.best-assurance section.all-offers a.aon-button:hover {
    background: #f12c4e;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.pro .best-assurance section.all-offers a.aon-button:hover {
    background: #f12c4e;
    -webkit-transition: background 0.4s ease;
    transition: background 0.4s ease;
}

.best-assurance section .valign-bot {
    height: 150px;
}

.best-assurance section.all-offers .valign-bot {
    height: 250px;
}

.btn-discover {
    background: #e8484d;
    color: #ffffff;
    display: block;
    font-size: 12px;
    line-height: 28px;
    padding: 3px 6px;
}

    .btn-discover:after {
        content: '\e605';
        font-family: "icomoon";
        font-size: 12px;
        margin-left: 6px;
    }

    .btn-discover span {
        display: inline-block;
        line-height: normal;
    }

.footer-overflow .block-aon-assurance .row {
    display: table;
}

.footer-overflow .block-aon-assurance .col-md-3 {
    display: table-cell;
    width: auto;
    float: none;
    vertical-align: top;
}

.icon-logoClientFooter {
    width: 29px;
    height: 12px;
    margin-right: 5px;
    margin-top: -4px;
}

.footer-content .icon-logoClientFooter {
    width: auto;
    height: 35px;
    display: block;
    margin-top:0;
	margin-left: auto;
	margin-right: auto;
}

.icon-ClientAon:before {
    display: none;
}

.clock:before {
    content: '\e621';
    font-family: "icomoon";
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    margin-left: 6px;
    text-transform: none;
    vertical-align: -2px;
    padding-right: 3px;
}

.col-md-4.col-xs-6.swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* iframe */
.iframe-container {
    position: relative;
    /*padding-bottom: 56.25%;*/
    padding-bottom: 70%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .iframe-container.ios {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .iframe-container iframe,
    .iframe-container body {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.iframe-wrapper {
    max-width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/*Login block */
.login-error-message {
    color: red;
}

.underlined {
    text-decoration: underline;
}

.underline-strong {
    text-decoration: underline !important;
}

.login-block-text-color {
    color: gray;
}

.no-underline {
    text-decoration: none;
}

.name-block {
    margin-right: 5px;
}

/*END of Login block */


/*Menu*/
.inactive {
    display: none;
}


/*Slider textblock on each slide*/
.slider-textblock-container {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.content-left {
    width: 50%;
    float: left;
}

.slider-textblock-content {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    /*width: 50%;*/
    float: right;
    height: 197px;
}

    .slider-textblock-content .div-background, .slider-textblock-content .div-foreground {
        width: 514px;
        height: 197px;
    }

    .slider-textblock-content .div-foreground {
        position: absolute;
        top: 0;
        left: 0;
        padding: 20px;
        color: white;
        text-align: left;
    }

        .slider-textblock-content .div-foreground ul {
            padding-left: 40px;
            padding-top: 10px;
        }

        .slider-textblock-content .div-foreground img {
            margin-left: auto !important;
            position: static !important;
        }

        .slider-textblock-content .div-foreground p {
            margin-bottom: 10px;
        }


.customer-area-swiper .slider-textblock-container {
    padding-top: 20px;
}

.banner-image-container .slider-textblock-container {
    padding-top: 26px;
}

.banner-image-container .slider-textblock-content .div-background img {
    /*height: 197px!important;*/
}

.bad-mail-msg, .diff-mail-msg {
    font-weight: normal !important;
    position: absolute;
}

.clearfix-espace-client {
    clear: both;
}

.bankAccountField input {
    width: 67% !important;
}

.field-input .rib-field-container input.filename {
    width: 50%!important;
}


/*input:focus::-webkit-input-placeholder { color:transparent; }
    input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */

/*input:focus::-moz-placeholder { color:transparent; }*/ /* FF 19+ */
/*input:focus:-ms-input-placeholder { color:transparent; }*/ /* IE 10+ */


.block-swicth .swicth-menu {
    list-style: none;
}


/* PARTIE INDIVIDUELLE ACCIDENT */

.newDevis {
    padding: 4px 0px;
    width:100%;
    color: white;
    text-align: center;
    background-color: #338cb1;
    cursor: pointer;
}


/* PAGE 1 */

.center {
    text-align: center;
}

.myMarg-T-B {
    margin-bottom: 20px;
    margin-top: 20px;
}

.titleAriane {
    font-weight: bold;
    font-size: 2rem;
}

.maxSizeAriane {
    max-height: 95%;
    max-width: 95%;
    cursor: pointer;
}

.ariane {
    height: 50px;
    text-align: center;
}

.subtitleAriane {
    padding: 7px;
    font-size: 1.5rem;
    font-weight: bold;
    background-color: #338cb1;
    color: white;
}

.titleContent {
    font-size: 1.3rem;
    font-weight: bold;
}

.titleResponsiveStar {
    font-weight: bold;
    font-size: 1.6rem;
}

.centerAubergine {
    cursor: pointer;
    text-align: center;
    width: 88%;
    margin: auto;
    padding-top: 7px;
    color: white;
    border-radius: 7px 7px 0 0;
}

.blueAub {
    border: 4px solid #338cb1;
    background-color: #60b8ea;
}

.noBorderBot {
    border-bottom: none !important;
}

.borderBlueAub {
    border: 4px solid #338cb1;
}

.borderGreenAub {
    border: 4px solid #54950C;
}

.greenAub {
    border: 4px solid #54950C;
    background-color: #83c63e;
}

.blueIA {
    background-color: #60b8ea;
}

.greenIA {
    background-color: #83c63e !important;
}

.blueIAcolor {
    color: #338cb1;
}

.greenIAcolor {
    color: #54950C;
}

.catIA {
    margin-top: -10px;
    height: 50px;
    background-color: white;
    line-height: 50px;
}

.sizeCheck {
    height: 30px;
    width: 30px;
    box-shadow: inset 0px 0px 12px -4px #616161;
    color: #86c446;
    background-color: white;
}

.bigPrice {
    font-weight: bold;
    font-size: 2.8rem;
    color: white;
}

.colorArianeOn {
    color: #86c446;
}

.colorArianeOff {
    color: #338cb1;
}

.leftPos {
    float: left;
    margin-left: 5px;
}

.ttc {
    font-weight: bold;
    font-size: 1.2rem;
    color: white;
}

.contentAub {
    text-align: left;
    padding: 10px;
    background-color: white;
    color: black;
    font-size: 1.3rem;
}

.xs-contentCat {
    background-color: white;
    text-align: center;
    padding: 14px;
    font-size: 1.4rem;
    min-width: 150px;
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    font-weight: bold;
}


/*Responsive petit smartphone cadre classe etoile*/
.responsiveSmallStar {
    float: left;
    margin-left: 10px;
}

/* pour platine (img plus grande)*/
.responsiveSmallStarPlatine {
    margin-top: -12px;
}

/*EO responsive petit smartphone img etoile*/


.titleContentAub {
    font-weight: bold;
}

.webkitMiddle {
    vertical-align: -webkit-baseline-middle;
}

.middlePos {
    vertical-align: middle;
}

.middleSubPos {
    vertical-align: sub;
}

.noRowMargin {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.margAuto {
    margin: 0 auto;
}

.fullWidth {
    width: 100% !important;
}

.smallDivL .smallDivR {
    display: inline-block;
}

.catDiv {
    width: 59%;
    display: inline-block;
}

.borderTriangleLeftBlue {
    display: inline-block;
    border-width: 0px 0px 50px 35px;
    border-style: solid;
    border-color: transparent transparent #338cb1 transparent;
    position: relative;
    left: 4px;
    top: 20px;
    margin-bottom: 2px;
}

.borderTriangleRightBlue {
    display: inline-block;
    border-width: 50px 0px 0px 35px;
    border-style: solid;
    border-color: transparent transparent transparent #338cb1;
    position: relative;
    left: -4px;
    margin-bottom: 2px;
    top: 20px;
}

.borderTriangleLeftGreen {
    display: inline-block;
    border-width: 0px 0px 50px 35px;
    border-style: solid;
    border-color: transparent transparent #54950C transparent;
    position: relative;
    left: 4px;
    top: 20px;
    margin-bottom: 2px;
}

.borderTriangleRightGreen {
    display: inline-block;
    border-width: 50px 0px 0px 35px;
    border-style: solid;
    border-color: transparent transparent transparent #54950C;
    position: relative;
    left: -4px;
    margin-bottom: 2px;
    top: 20px;
}

.negMargTop {
    margin-top: -10px;
}

.negMargTop-8 {
    margin-top: -18px;
}

.IaSize {
    font-size: 1.8rem;
}

.margTop {
    margin-top: 10px;
}

.starMaxSize {
    max-width: 80%;
}

/*.outer-checkbox {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 0.5em 0.25em 0;
    border-radius: 2px;
    vertical-align: middle;
    background-color: #FFF;
    text-align: center;
}

.inner-checkbox {
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    background-color: #FFF;
    margin: 2px;
    box-shadow: inset 0px 0px 12px -4px #616161;
}*/

.botAub {
    background: url("../Img/fleche-aubergine-blue.png") no-repeat;
    background-size: contain;
    width: 88%;
    height: 50px;
    margin: 0 auto;
}

.botAubGreen {
    background: url("../Img/fleche-aubergine-green.png") no-repeat;
    background-size: contain;
    width: 88%;
    height: 50px;
    margin: 0 auto;
}

.stepBtn {
    text-decoration: none;
    padding: 8px 12px;
    color: white;
    text-align: center;
    background-color: #83c63e;
    width: 200px;
    margin-right: 45px;
    float: right;
    margin-top: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.testBtn {
    padding: 8px 12px;
    background-color: #83c63e;
    cursor: pointer;
    text-align: center;
    color: white;
}

.btnOff {
    opacity: 0.5;
    pointer-events: none;
    cursor: default;
}

.inputNostyle {
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer !important;
}

.notShow {
    display: none;
}

.screensize {
    height: 450px;
}

.aubMobile {
    padding: 4px 10px 4px 10px;
    color: white;
}

.responsiveStar {
    background-color: white;
    position: absolute;
    text-align: center;
    padding: 4px 3px 2px 3px;
    width: 80%;
    height: 80px;
}


.my-col-sm-2 {
    position: relative;
    float: left;
    width: 16.6666%;
    left: 85%;
    bottom: 80px;
}

.myCat-xs {
    display: none;
}


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

    .small-screen-txt {
        float: right !important;
        padding-top: 0 !important;
    }

    .small-screen-txt span {
        float: right !important;
    }

    .imageSmall {
        height: 35px !important;
    }

    .small-screen-img {
        float: none !important;
        padding-left: 8em;
    }
    .right-side {
        float: none !important;
        padding-left: 6em !important;
    }
}


@media screen and (min-width: 321px) and (max-width: 375px) {

    .small-screen-txt {
        /*float: right !important;*/
		padding-top: 0 !important;
    }

    .small-screen-txt span {
		
        float: left !important;
    }

    .imageSmall {
        height: 45px !important;
    }

    .small-screen-img {
        float: none !important;
        padding-left: 9em;
    }
    .right-side {
        float: none !important;
        padding-left: 6em !important;
    }
}


@media screen and (min-width: 376px) and (max-width: 414px) {

    .small-screen-txt {
        float: right !important;
        padding-top: 0 !important;
    }

    .small-screen-txt span {
        float: right !important;
    }

    .imageSmall {
        height: 45px !important;
    }

    .small-screen-img {
        float: none !important;
        padding-left: 11em;
    }
    .right-side {
        float: none !important;
        padding-left: 6em !important;
    }
}


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

    .small-screen-txt {
        width : auto !important;
        padding-top: 25px !important;
        padding-left: 0 !important;
    }
    .right-side {
        float: none !important;
        padding-left: 6em !important;
    }
}

@media screen and (max-width: 615px) {
    
    .myCat-xs {
        display: block;
    }

    .my-col-sm-2 {
        display: none !important;
    }

    #resMarg {
        margin-top: 10px;
    }
}

.arianeResName {
    line-height: 50px;
    font-size: 1.6rem;
}

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

    .arianeResName {
        line-height: initial;
        font-size: 1.3rem;
        padding-top: 16px;
    }
}


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

    .arianeResName {
        line-height: initial;
        font-size: 1.1rem;
    }

    .lowSize {
        font-size: 1.1rem;
    }

}

.right-side {
    float:right;
}

/* Page 2 */

.btnSexe {
    cursor: pointer;
    padding: 10px 20px;
    background: white;
    border: 1px solid #dedede;
    border-radius: 3px;
    font-weight: bold;
}

.fieldIA {
    width: 80%;
    padding: 9px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    outline: none;
}

.fieldIA3 {
    width: 100%;
    padding: 9px 10px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    outline: none;
    box-sizing: border-box;
}


.nextBtn {
    text-decoration: none;
    padding: 14px 12px;
    color: white;
    text-align: center;
    background-color: #83c63e;
    cursor: pointer;
}

.nextBtnblue {
    text-decoration: none;
    padding: 14px 12px;
    color: white;
    text-align: center;
    background-color: #60b8ea;
    cursor: pointer;
    float: right;
    width: 100%;
}

.plusChild {
    height: 17px;
    width: 17px;
}

.textChild {
    display: inline-block;
    width: 79%;
}

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

    .nextBtnblue {
        width: 100%;
    }
}

.civilite {
    font-weight: bold;
    color: #666666;
}

.noPaddingLeft {
    padding-left: 0px !important;
}

.noPadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.myred-border {
    border: 1px solid red !important;
}


/* PAGE 4 */

.leftAub {
    display: inline-block;
    background: url("../Img/triangle-gauche2.png") no-repeat;
    background-size: contain;
    width: 48px;
    height: 166px;
}

.rightAub {
    display: inline-block;
    background: url("../Img/triangle-int-ia.png") no-repeat;
    background-size: contain;
    width: 67px;
    margin-left: -5px;
    height: 166px;
}

.contentRecap {
    margin-left: -5px;
    width: 100%;
    min-width: 120px;
    border: 4px solid #54950C;
    background-color: #83c63e;
    color: white;
    display: inline-block;
    border-right: none;
    border-left: none;
    height: 166px;
}

.contentResume {
    text-align: initial;
    font-size: 1.6rem;
    width: 100%;
    min-width: 180px;
    border: 4px solid #54950C;
    background-color: white;
    margin-left: -10px;
    display: inline-block;
    border-right: none;
    border-left: none;
    height: 166px;
}

.rightendAub {
    display: inline-block;
    background: url("../Img/triangle-droite2.png") no-repeat;
    background-size: contain;
    width: 41px;
    margin-left: -5px;
    height: 166px;
}


/* aub responsive */

.aubRecap {
    border: 4px solid #54950C;
    background-color: white;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 6px;
}

.semiRecapAub {
    border-right: 4px solid #54950C;
    border-left: 4px solid #54950C;
    text-align: center;
    background-color: #86c446;
    color: white;
    padding-top: 10px;
}

.catRecap {
    display: inline-block;
    width: 60%;
}

.left {
    float: left;
}

.marginleftFloat {
    margin-left: 40px;
}

.marginCiviliteError {
    margin-top: 11px !important;
    margin-bottom: -11px !important;
}

/* etoile et texte recap responsive*/
.smallMarg {
    margin-top: 8px;
    margin-bottom: 8px;
}
/**/

.highMargin {
    margin-top: 38px;
}


.recapResponsive {
    width: 310px;
    margin: 0 auto;
}

.botAubGreenRecap {
    background: url("../Img/etape-4B.png") no-repeat;
    background-size: contain;
    width: 100%;
    height: 54px;
    margin: 0 auto;
}

/*Bouton nous appeler P4 module individuelleaccident*/
.callUS {
    text-decoration: none;
    padding: 9px 2px;
    color: white;
    background-color: #60b8ea;
    cursor: pointer;
    float: right;
    width: 100%;
    border-radius: 4px;
}

.textCall {
    float: right;
    clear: both;
}

.imgCallUs {
    height: 40px;
    width: 40px;
}

.callIA {
    text-decoration: none;
    color: white !important;
}
/* pour le bloc de la page recap (avec le BG vert*/
.pad-t-8 {
    padding-top: 8px;
}

/* Pour l"étoile en responsive P4 heut de l'aubergine*/
.pad-b-8 {
    padding-bottom: 8px;
}

.pad-t-15 {
    padding-top: 15px;
}

/* erreur recap form*/
.errorMsg {
    margin-top: -11px;
    margin-bottom: 6px;
    color: red;
    display: none;
}


/*call to action position IA*/
.posTop {
    top: 250px !important;
}


/*.child {
    height: 273px;
}*/
/* EO INDIVIDUELLE ACCIDENT */
/* Vert clair : #83c63e
    Bleu clair : #60b8ea
*/


/*full height and width*/
.fullSize {
    height: 100%;
    width: 100%;
}

/* image sponsor (logo headersponsor) */
.logoSponsor {
    height: 55px; 
}

.small-screen-txt {
	display: inline-block;
	width: 50%;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
}

/*
button on banner
*/
.swiper-container .textBannerButton{
  position: absolute;
  height: 117px;
  width: 300px;
  top: 60%;
  left: 13%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8); 
  color: black;
  font-size: 15px;
  padding: 12px 24px;
  border: none;
}
.swiper-container .bannerbutton{
  position: absolute;
  top: 72%;
  left: 50%;
  height: 38px;
  width: 240px;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background-color: #e11b22;
  color: white;
  font-size: 15px;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}
.swiper-container .bannerbutton :hover {
  background-color: black;
}

/* Titre container */
.containerTitle{
	vertical-align:top;
}


.columnLogo {
	float: left;
	width: 130px;
	min-height:10px;
	margin-top:30px;
}

.columnLogoManifestation {
	float: left;
	width: 80px;
	/*min-height:10px;*/
	margin-top:50px;
}



/* Newsletter Avec */
.AvecNewsletter {
	width: 100%;
	display: block;
	padding-right:30px;
	height: 250px;
}

.AvecNewsletterBloc {
	background: #E6E6E6;
	height: 250px;
	padding: 40px;
	margin-top: 5px;
	margin-bottom: 0px;
	background: linear-gradient(215deg, #E6E6E6 95%, transparent 15px);
	text-align: justify;
	font-size: 16px;
}

.AvecNewsletterBlocTitle {
	font-size: 18px; 
	font-family: arial; 
	margin-bottom:20px;
}

ul.newsletterList {
  list-style-type: none;
  margin-bottom:40px;
}

ul.newsletterList li::before {
  content: "\2771";
  color: #4d4c4f;
  /*font-weight: bold;*/
  display: inline-block; 
  width: 1em;
  font-size: 20px;
}

.newsletterList a {
  color: #4d4c4f;
  font-weight: normal;
  display: inline-block; 
}

.lettersHistory{
  display:inline-block;
}

.lettersHistorySelect{
  background-color:transparent;
  border:none;
}

/*homepage title*/
.homepageTitle{
     position:relative;
	 display:inline-block;
	 /*border: 5px solid red;*/
     box-sizing: border-box;
}

.homepageTitleBox1{
  position: absolute;
  width: 180px;
  top: 26%;
  left: 5%;
  color: white;
  text-align:center;
  font-family: PreloSlab;
  font-size: 18px;
  padding:16px;
  border: none;
}

.homepageTitleBox2{
  position: absolute;
  width: 172%;
  top: 30%;
  left: 80%;
  color: black;
  text-align:justify;
  font-family: PreloSlab;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
}

/* page nous contacter bloc informations contacts */
.contactInformation {
	width: 100%;
	max-width: 480px;
	display: block;
	margin-left:90px;
}

.contactInformationBloc {
	background: #E6E6E6;
	padding: 20px;
	background: linear-gradient(225deg, transparent 40px, #E6E6E6 0);
}

.contactInformationBlocTable{
	border-collapse: separate; /* allow spacing between cell borders */
    border-spacing: 0 7px; /* NOTE: syntax is <horizontal value> <vertical value> */
}

.contactInformationBlocType{
	width:150px;
	vertical-align:top;
}

.contactInformationBlocData{
	width:250px;
	margin-left : 20px;
}

.titleResponsiveTabs{
	margin-bottom : 10px;
}