@charset "utf-8";

/* Fonts */
@font-face {
    font-family:'DIN-regular';
    src: url('../fonts/DIN-regular.eot');
    src: url('../fonts/DIN-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-regular.woff') format('woff'),
        url('../fonts/DIN-regular.ttf') format('truetype'),
        url('../fonts/DIN-regular.svg#DINOffc-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'DIN-medium';
    src: url('../fonts/DIN-medium.eot');
    src: url('../fonts/DIN-medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-medium.woff') format('woff'),
        url('../fonts/DIN-medium.ttf') format('truetype'),
        url('../fonts/DIN-medium.svg#DINOffc-Medi') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    font-family:'DIN-bold';
    src: url('../fonts/DIN-bold.eot');
    src: url('../fonts/DIN-bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DIN-bold.woff') format('woff'),
        url('../fonts/DIN-bold.ttf') format('truetype'),
        url('../fonts/DIN-bold.svg#DINOffc-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    outline : none;
}

.field-wrapper {
    position: relative;
}
.error-txt {
    background-color: #fff;
    color: red;
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    top: 33px;
    left: 10%;
    margin: 0;
    padding: 0 5px;
    display: none;
}

#popin_standard_drag {
}

.table_infos {
    display : table;
    width   : 100%;
}

.table_infos .tr {
    width     : 100%;
    color     : #7a7a7a;
    font-size : 13px;
}

.table_infos .tr .td {
    display       : table-cell;
    border-bottom : 1px dotted #e5ebf1;
    font-size     : 13px;
    padding       : 10px;
    text-align    : center;
    width         : 130px;
}

#myaddresses_liv .tr {
    width : 100%;
}

#myaddresses_fac {
    margin-bottom : 5%;
}

#myaddresses_fac .tr {
    width : 100%;
}

#myaddresses_liv .tr .td {
    color : black;
}

#myaddresses_fac .tr .td {
    color : black;
}

.container_account .Ktabaddresses .Ktabaddresses_volets .Ktabaddresses_volet_select .div_address .address_buttons_modify {
    background     : #003e71 none repeat scroll 0 0;
    border-radius  : 3px;
    color          : #ffffff;
    cursor         : pointer;
    display        : inline;
    font-family    : "UniversLTStd-LightCn";
    font-size      : 12px;
    font-weight    : 400;
    letter-spacing : 0;
    line-height    : 14px;
    padding        : 6px 16px;
    text-align     : center;
    text-transform : uppercase;
}

.container_account .Ktabaddresses .Ktabaddresses_volets .Ktabaddresses_volet_select .div_address .address_buttons_delete {
    cursor  : pointer;
    display : inline;
}

/*
-------------------------------------------------
COOKIES INFORMATIONS
-------------------------------------------------
*/

.popin_infoscookies {
    background-color : #ffffff;
    padding          : 30px 60px 30px 30px;
    position         : relative;
}

.popin_infoscookies .close {
    position         : absolute;
    right            : 0;
    top              : 0;
    cursor           : pointer;
    padding          : 10px;
    background-color : #003d71;
}

.popin_infoscookies .message {
    text-align  : left;
    line-height : 1.5em;
    color       : #7a7a7a;
}

/*
-------------------------------------------------
Header compte admin
-------------------------------------------------
*/

.container_bandeau_header .accountbox {

}

.container_bandeau_header .accountbox .header_gotoadmin a {
    text-decoration : none;
    color           : #003d71;
}

.container_bandeau_header .accountbox .header_myaccount {
    display : inline-block;
}

.container_bandeau_header .accountbox .header_editpage {
    position : absolute;
    right    : 0;
    top      : 5px;
}

.container_bandeau_header .accountbox .header_editpage a {
    background-image  : url("../images/edit-document.png");
    background-repeat : no-repeat;
    text-decoration   : none;
    color             : #f7f7f7;
    overflow          : hidden;
    width             : 15px;
    height            : 14px;
    display           : inline-block;
    position          : relative;
}

.container_bandeau_header .accountbox .header_gotoadmin a:hover {
    color : #d20024;
}

.container_bandeau_header .accountbox .header_gotoadmin .header_admin_adminaccount {
    display : none;
}

.container_bandeau_header .accountbox .header_gotoadmin .header_admin_logout {
    background-image  : url("../images/logout_admin.png");
    background-repeat : no-repeat;
    display           : block;
    height            : 16px;
    overflow          : hidden;
    position          : absolute;
    right             : 25px;
    text-decoration   : none;
    top               : 5px;
    width             : 16px;
}

.container_bandeau_header .accountbox .header_gotoadmin .header_admin_admin {
    display : none;
}

.container_bandeau_header .accountbox .header_gotoadmin .header_admin_adminaccount {

}

/*
-------------------------------------------------
POP IN de connexion
-------------------------------------------------
*/

.container_login_connexion {
    position       : relative;
    display        : inline-block;
    vertical-align : top;
    width          : 48%;
    padding-bottom : 10%;
}

.container_login_connexion form {
    width : 90%;
}

.container_login_new_customer {
    position       : relative;
    display        : inline-block;
    vertical-align : top;
    width          : 43%;
    padding-left   : 5%;
    padding-bottom : 18%;
    border-left    : 1px solid #e0e0e0;
}

.container_login_new_customer_new_customer {
    color          : #003e71;
    font-family    : "UniversLTStd-LightCn";
    font-size      : 24px;
    font-weight    : normal;
    letter-spacing : -1px;
    margin         : 0 0 15px;
    text-transform : uppercase;
}

.container_login_new_customer_create_account {
    color          : #003e71;
    font-family    : "defont";
    font-size      : 24px;
    font-weight    : normal;
    margin         : 10px 0 20px;
    text-transform : uppercase;
}

.container_login_new_customer_text {
    font-size   : 13px;
    line-height : 16px;
}

.container_login_new_customer_button {
    background-color : #003f75;
    border-radius    : 3px;
    bottom           : 30px;
    color            : #ffffff;
    cursor           : pointer;
    font-family      : "UniversLTStd-LightCn";
    font-size        : 15px;
    font-weight      : 400;
    letter-spacing   : 0;
    line-height      : 15px;
    padding          : 12px 30px;
    text-align       : center;
    text-transform   : uppercase;
    position         : absolute;
    right            : 0;
    bottom           : -33px;
}

.container_login_new_customer_button:hover {
    background-color : #0d5b9d;
}

.container_login_connexion_button {
    background-color : #003f75;
    border-radius    : 3px;
    bottom           : 30px;
    color            : #ffffff;
    cursor           : pointer;
    font-family      : "UniversLTStd-LightCn";
    font-size        : 15px;
    font-weight      : 400;
    letter-spacing   : 0;
    line-height      : 15px;
    padding          : 12px 30px;
    text-align       : center;
    text-transform   : uppercase;
    position         : absolute;
    right            : 38px;
    bottom           : 0;
}

.container_login_connexion_button:hover {
    background-color : #0d5b9d;
}

.container_login_new_customer_button a {
    text-decoration : none;
    color           : white;
}

.text_field_input {
    font-size     : 13px;
    margin-bottom : 2%;
}

.login_form_form .field_input input {
    border         : 1px solid #e0e0e0;
    padding-bottom : 5px;
    padding-top    : 5px;
    width          : 100%;
    padding-left   : 0;
    padding-right  : 0;
}

.field_separator {
    margin-top : 4%;
}

.login_form_form .forget_password {
    text-align : right;
    width      : 100%;
    margin-top : 1%;
}

.forget_password {
    text-align : right;
    width      : 88%;
    margin-top : 1%;
}

.forget_password a {
    color           : #003f75;
    font-size       : 10px;
    text-decoration : none;
}

.forget_password a:hover {
    color : #d20025;
}

.container_login_connexion_required_field {
    bottom      : 2px;
    font-size   : 12px;
    color       : #7a7a7a;
    line-height : 18px;
    position    : absolute;
    width       : 80px;
}

.container_login_admin_button {
    text-align : right;
    width      : 100%;
}

.container_login_admin_button input {
    background-color : #003f75;
    border-radius    : 3px;
    bottom           : 30px;
    color            : #ffffff;
    cursor           : pointer;
    font-family      : "UniversLTStd-LightCn";
    font-size        : 15px;
    font-weight      : 400;
    letter-spacing   : 0;
    line-height      : 15px;
    padding          : 12px 30px;
    text-align       : center;
    text-transform   : uppercase;
    bottom           : 0;
    margin-top       : 4%;
    border           : none;
}

/*
-------------------------------------------------
POPIN Informations mobile creation compte
-------------------------------------------------
*/
.createaccount_mobile_container {
    position : relative;
}

.createaccount_mobile_container img {
    float         : right;
    padding-right : 12%;
    cursor        : pointer;
}

#createaccount_popin_mobile_infos {
    display          : none;
    background-color : #ffffff;
    border           : 1px solid #e0e0e0;
    bottom           : 140%;
    height           : 120px;
    padding          : 20px;
    position         : absolute;
    width            : 200px;
    z-index          : 1000;
}

#arrow_infos {
    position : absolute;
    top      : 100%;
    left     : 50%;
}

/*
-------------------------------------------------
POP IN de creation user
-------------------------------------------------
*/

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

    .styled-select select,
    form .styled-select select,
    form .styled-select select.form-control,
    .billing_country_body_hide select {
        background : none;
    }

    .popin_standard_content .createaccountform form {
        display : inline-block;
        width   : 100%;
    }

    .popin_standard_content .create_account {
        display        : inline-block;
        width          : 48%;
        vertical-align : top;
        border-spacing : 0;
        font-size      : 12px;
    }

    .popin_standard_content .create_account.left {
        border-right  : 1px solid #e0e0e0;
        padding-right : 4%;
    }

    .popin_standard_content .create_account.right {
        padding-left : 3%;
    }

    #createaccountform form table tr {
        line-height : 1.5em;
    }

    .popin_standard_content .create_account_optins {
        padding : 20px 20px 0 0;
    }

    #td_createaccount_optin01 td, #td_createaccount_optin02 td {
        text-align : right;
    }

    #popin_standard input::-webkit-input-placeholder {
        opacity : 0;
    }

    #popin_standard input::-moz-placeholder {
        opacity : 0;
    }

    /* FIREFOX 19+ */
    #popin_standard input:-ms-input-placeholder {
        opacity : 0;
    }

}

.popin_standard_content .create_account_title {
    color          : #003e71;
    font-family    : "defont";
    font-size      : 24px;
    font-weight    : normal;
    margin         : 0 0 15px;
    text-transform : uppercase;
}

.popin_standard_content .create_account_infos_personnelles {
    display        : inline-block;
    width          : 49%;
    vertical-align : top;
    border-spacing : 0;
    font-size      : 12px;
    line-height    : 50px;
    border-right   : 1px solid #e0e0e0;
    padding-right  : 4%;
}

.popin_standard_content .create_account_infos_personnelles tr td {
    line-height : 1.5em;
}

.popin_standard_content .create_account_adresses {
    display        : inline-block;
    width          : 48%;
    vertical-align : top;
    border-spacing : 0;
    font-size      : 12px;
    line-height    : 50px;
    padding-left   : 3%;
}

.popin_standard_content .create_account_infos_personnelles tr td,
.popin_standard_content .create_account_adresses tr td {
    line-height : 1.5em;
}

.popin_standard_content .create_account_optins {
    margin : 12px 0x;
    width  : 100%;
}

.popin_standard_content .create_account_optins table {
    float        : right;
    margin-right : 1%;
}

.popin_standard_content .create_account_optins table tr td:last-child {
    padding-left : 15px;
}

.popin_standard_content .create_account_autres {
    border-spacing : 0;
    font-size      : 12px;
    line-height    : 50px;
}

.popin_standard_content .create_account_submit {
    width         : 100%;
    padding-right : 4%;
    text-align    : right;
}

.popin_standard_content .create_account_submit input {
    width          : initial;
    margin         : 0 auto;
    background     : none repeat scroll 0 0 #003e71;
    border         : 0 none;
    border-radius  : 3px;
    color          : #ffffff;
    cursor         : pointer;
    font-family    : "UniversLTStd-LightCn";
    font-size      : 15px;
    font-weight    : 400;
    letter-spacing : 0;
    line-height    : 15px;
    padding        : 10px 28px;
    text-align     : center;
    text-transform : uppercase;
}

.popin_standard_content .create_account_infos_personnelles table {
    width : 100%;
}

.popin_standard_content .create_account_adresses table {
    width : 100%;
}

.popin_standard_content .create_account_infos_personnelles table .create_account_birthday select {
    width               : 32.2%;
    padding             : 0 4%;
    background-position : 80% center;
}

.popin_standard_content .create_account_success {
    position   : relative;
    text-align : center;
    font-size  : 13px;
}

.popin_standard_content #td_createaccount_temporaryaccount {
    display : none;
}

.popin_standard_content .create_account_title_step01 {
    display : none;
}

.popin_standard_content .temporary_container_content {
    display : none;
}

.popin_standard_content .border_temporary_container_content {
    display : none;
}

/*
POPIN CREATE ACCOUNT SUCCESS
*/
#blackout {
    color         : #003e71;
    font-size     : 13px;
    line-height   : 16px;
    margin-bottom : 20px;
}

#blackout h1 {
    font-family : 'defont';
}

#blackout h1, #blackout h2 {
    color          : #003e71;
    font-size      : 24px;
    margin-bottom  : 10px;
    text-transform : uppercase;
    font-weight    : normal;
}

#blackout .function h2 {
    font-family    : 'defont';
    font-size      : 18px;
    text-transform : none;
}

#blackout .function {
    display        : inline-block;
    margin-top     : 10px;
    text-align     : center;
    width          : 190px;
    height         : 210px;
    vertical-align : top;
}

#blackout .function.last {
    border-right  : 0 none;
    margin-right  : 0;
    padding-right : 0;
}

@media screen and (max-width : 900px) and (min-width : 300px) {

    .popin_standard_content .createaccountform form {
        display       : block;
        width         : 100%;
        padding-right : 0;
        border        : 0;
        font-size     : 11px;
        line-height   : 35px;
        margin-bottom : 3%;
    }

    .popin_standard_content .create_account table td {

    }

    .popin_standard_content .create_account.left {
        width : 100%;
    }

    .popin_standard_content .create_account.right {
        width : 100%;
    }

    .popin_standard_content .create_account_optins {
        margin   : 12px 7px;
        position : relative;
        width    : 100%;
        display  : block;
        bottom   : 0;
        right    : 0;
    }

    #td_createaccount_optin01 td, #td_createaccount_optin02 td {
        text-align : left;
    }

    .popin_standard_content .create_account_infos_personnelles {
        display       : block;
        width         : 100%;
        padding-right : 0;
        border        : 0;
        font-size     : 11px;
        line-height   : 35px;
    }

    .popin_standard_content .create_account_adresses {
        display      : block;
        width        : 100%;
        padding-left : 0;
        font-size    : 11px;
        line-height  : 35px;
    }

    .popin_standard_content .create_account_adresses table .create_account_country select {
        border         : 1px solid #e0e0e0;
        padding        : 0;
        padding-top    : 6px;
        padding-bottom : 6px;
        width          : 100%;
    }

    .popin_standard_content .create_account_adresses table .create_account_language select {
        border         : 1px solid #e0e0e0;
        padding        : 0;
        padding-top    : 6px;
        padding-bottom : 6px;
        width          : 100%;
    }

    .popin_standard_content .create_account_infos_personnelles table .create_account_gender select {
        border         : 1px solid #e0e0e0;
        padding        : 0;
        padding-top    : 6px;
        padding-bottom : 6px;
        width          : 100%;
    }

    .styled-select select,
    form .styled-select select,
    form .styled-select select.form-control,
    .billing_country_body_hide select {
        background      : url('/templates/lecoqsportif/images/ico_select_mobile.png') no-repeat 90% center transparent;
        background-size : 10px;
    }

    .create_account_success {

    }

    #blackout .function {
        border-right  : none;
        margin-right  : 0;
        margin-top    : 10px;
        padding-right : 0;
        text-align    : center;
        width         : 100%;
    }

}

.create_account_birthday.styled-select #account_day {
    width   : 28%;
    padding : 0 4%;
}

.create_account_birthday.styled-select #account_month {
    width   : 28%;
    padding : 0 4%;
}

.create_account_birthday.styled-select #account_year {
    width   : 40%;
    padding : 0 4%;
}

/*
-------------------------------------------------
Mot de passe oublié
-------------------------------------------------
*/

.forgottenpassword {
    text-align     : center;
    padding-top    : 2%;
    padding-bottom : 2%;
}

.forget_password_message {
    display        : inline-block;
    vertical-align : top;
    font-size      : 14px;
    padding-top    : 6px;
}

.forget_password_email {
    position     : relative;
    width        : 30%;
    margin-left  : auto;
    margin-right : auto;
}

.forget_password_email input {
}

.forget_password_valid {

}

.forget_password_valid {
    background-color : #003f75;
    border-radius    : 3px;
    bottom           : 30px;
    color            : #ffffff;
    cursor           : pointer;
    font-family      : "UniversLTStd-LightCn";
    font-size        : 15px;
    font-weight      : 400;
    letter-spacing   : 0;
    line-height      : 15px;
    padding          : 12px 30px;
    text-align       : center;
    text-transform   : uppercase;
    margin-left      : auto;
    margin-right     : auto;
    width            : 20%;
    margin-top       : 2%;
}

.forgottenpassword_ok {
    text-align     : center;
    padding-top    : 2%;
    padding-bottom : 2%;
}

.forgottenpassword_ko {
    text-align     : center;
    padding-top    : 2%;
    padding-bottom : 2%;
}

/*
-------------------------------------------------
Page 404
-------------------------------------------------
*/

.text_404 {
    text-align  : center;
    font-family : "defont", Arial, Helvetica, sans-serif;
    font-size   : 15px;
}

.button_404 {
    text-align       : center;
    background-color : #003f75;
    border-radius    : 3px;
    bottom           : 30px;
    color            : #ffffff;
    cursor           : pointer;
    font-family      : "UniversLTStd-LightCn";
    font-size        : 15px;
    font-weight      : 400;
    letter-spacing   : 0;
    line-height      : 15px;
    padding          : 12px 30px;
    text-align       : center;
    text-transform   : uppercase;
    margin-left      : auto;
    margin-right     : auto;
    width            : 20%;
    margin-top       : 2%;
    margin-bottom    : 2%;
}

.button_404 a {
    text-decoration : none;
    color           : #ffffff;
}

/*
-------------------------------------------------
Menu version WEB
-------------------------------------------------
*/

/* Menu deluxe fixed */
.menu_deluxe {
    position         : fixed;
    top              : 0;
    left             : 0;
    width            : 100%;
    z-index          : 20;
    background-color : #f7f6fb;
    height           : 40px;
    padding          : 9px;
    text-align       : center;
    display          : none;
}

.menu_dynamique_lcs_one_line {
    display     : inline-block;
    font-family : UniversLTW01-47LightCn;
    font-size   : 20px;
    margin      : 0 8px;
    padding     : 0px 5px;
}

.menu_dynamique_lcs_one_line a {
    text-decoration : none;
    color           : #003d71;
}

.menu_dynamique_lcs_one_line:hover {
    border-bottom : 2px solid #d30025;
}

.menu_dynamique_lcs_one_line:hover a {
    text-decoration : none;
    color           : #d20024;
}

.menu_dynamique_lcs_one_line.selected a {
    text-decoration : none;
    color           : #d20024;
}

.menu_dynamique_lcs_one_line.selected {
    border-bottom : 2px solid #d30025;
}

/* Recherche */
.header_search {
    display        : inline-block;
    vertical-align : top;
    float          : right;
    position       : relative;
    top            : -11px;
}

.header_search .module_search_input {
    background-color : #f9f9f9;
    border           : 1px solid #f0f0f0;
    border-radius    : 3px;
    box-shadow       : 0 0 3px #f0f0f0 inset;
    color            : #7a7a7a;
    font-family      : "UniversLTStd-LightCn", Verdana, Geneva, sans-serif;
    font-size        : 13px;
    height           : 37px;
    line-height      : 37px;
    padding          : 0 40px 0 15px;
    width            : 245px;
    border-right     : none;
    position         : absolute;
    right            : 0;
}

.header_search .module_search_button {
    background       : url("../images/btn-submit.png") no-repeat scroll 14px 13px rgba(0, 0, 0, 0);
    border           : medium none;
    cursor           : pointer;
    height           : 37px;
    width            : 40px;
    text-indent      : -9999px;
    background-color : #f9f9f9;
    border           : 1px solid #f0f0f0;
    border-radius    : 3px;
    box-shadow       : 0 0 3px #f0f0f0 inset;
    border-left      : none;
    position         : relative;
    padding-top      : 2px;
    right            : 0px;
}

.header_search .module_search {
    float    : right;
    position : relative;
    right    : -1px;
}

/* Menu principale */
.header_main_menu {
    display        : inline-block;
    vertical-align : top;
}

.container_main_menu {
    padding-top   : 1%;
    border-bottom : 2px solid #e6ebef;
}

.container_header_text_menu {
    display        : inline-block;
    margin-left    : 30px;
    margin-top     : 20px;
    vertical-align : top;
    width          : 91%;
    margin         : 0 !important;
    margin-top     : 24px !important;
}

#menu_item_1_31 .menu_contener_2 {
    display : none;
}

.menustat_content_cadre {
    color   : #003f75;
    height  : 200px;
    padding : 10px 24px;
    width   : auto !important;
}

#menu_item_1_31 table .menustat_content_cadre_liens li {
    background   : url("../images/menudyn1_fleche.png") no-repeat scroll 0px 3px rgba(0, 0, 0, 0);
    padding-left : 10px;
}

#menu_item_1_31 table .menustat_content_cadre_liens a {
    font-family     : "UniversLTStd-LightCn", Arial, Helvetica, sans-serif;
    font-size       : 13px;
    color           : #003f75;
    text-decoration : none;
}

#menu_item_1_31 table .menustat_content_cadre_liens a:hover {
    color : #d20024;
}

.catalog_contenthtml .button_see_all_products a {
    text-decoration : none;
    color           : white;
}

.subtitle {
    display : none;
}

/*
-------------------------------------------------
            Menu Version Desktop
-------------------------------------------------
*/
.menu_contener_2 {
    float   : left;
    padding : 16px 0 0 14px;
}

.menu_contener_3 {
    padding : 5px 15px 0 0;
}

.menu_contener .menu_item {
    display : inline;
}

.menu_contener .menu_item_1, .menu_contener .menu_item_2 {
    float          : left;
    padding-bottom : 23px;
}

.menu_contener .menu_item_1 {
    border-bottom : 2px solid transparent;
}

.menu_contener .menu_item_2 {
    padding : 10px 0;
}

.menu_contener .menu_item_1 .menu_onglet_1 {
    padding : 0 12px 10px;
}

.menu_contener_1 .menu_item_1:hover:nth-child(-n+4) {
    border-bottom : 2px solid #d20024;
    background    : transparent url("../images/menu.png") no-repeat scroll center bottom;
}

.menu_contener_1 .menu_item_1:hover:nth-child(-n+4) .menu_onglet_link_1 {
    color : #d20024;
}

.menu_contener_3 .menu_item_3.menu_item_selected .menu_onglet_3 a {
    color : #d20024 !important;
}

.menu_contener_2 .menu_item_2.menu_item_selected .menu_onglet_2 a {
    color : #d20024 !important;
}

.menu_onglet_2:hover a, .menu_onglet_3:hover a {
    color : #d20024 !important;
}

.menu_contener .menu_item_2 .menu_onglet_2 {
    padding : 0 20px 0 0;
}

.menu_contener .menu_item .menu_onglet a, .menu_contener .menu_item .menu_onglet div {
    font-family     : "UniversLTStd-LightCn", Arial, Helvetica, SansSerif;
    text-decoration : none;
    display         : block;
    color           : #003f75;
    cursor          : pointer;
}

.menu_onglet_link_1 {
    font-size      : 14px;
    text-transform : uppercase;
}

.menu_onglet_link_2 {
    font-weight    : bold;
    font-size      : 16px;
    text-transform : uppercase;
}

.menu_onglet_link_3 {
    font-size     : 13px;
    background    : url("../images/menudyn1_fleche.png") no-repeat scroll 0px 8px rgba(0, 0, 0, 0);
    padding-left  : 14px;
    padding-top   : 3px;
    margin-bottom : 1px;
}

.menu_contener_1 .menu_item_selected .menu_onglet_1 a {
    color : #d20024;
}

.menu_contener .menu_item_1:last-child .menu_onglet_1 a {
    font-weight  : bold;
    background   : url("../images/menu-separator.png") no-repeat scroll 6px 3px rgba(0, 0, 0, 0);
    padding-left : 36px;
}

.menu_volet_1 {
    width            : 100%;
    background-color : #ffffff;
    position         : absolute;
    left             : 0;
    padding          : 0 10px;
    border           : 1px solid #e6ebef;
    height           : auto;
    z-index          : 1000;
    display          : none;
    top              : 79px;
}

.menu_content_1 {
    display : block;
    float   : right;
    padding : 30px 10px 30px 0px;
}

.menu_content_1 a img {
    width  : 300px;
    height : auto;
}

.menu_content_2 {
    display : block;
    padding : 5px 11px 0px 0px;
}

.menu_onglet_link_3 {
    font-size       : 13px;
    text-decoration : none;
}

.menustat_content_cadre_liens li {
    font-size : 13px;
}

.menu_contenthtml {
    padding-right : 11px;
}

.menustat_content_cadre_liens li {
    background   : url("../images/menudyn1_fleche.png") no-repeat scroll 0px 6px rgba(0, 0, 0, 0);
    padding-left : 20px;
}

.menustat_content_cadre_liens li a:hover {
    color : #d20024 !important;
}

/*
-------------------------------------------------
Menu version MOBILE
-------------------------------------------------
*/

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

    .menu_onglet_link_1 {
    }

    .menu_volet_1 {
        display : none;
    }
}

/*
-------------------------------------------------
Kmenu
-------------------------------------------------
*/
.kmenu {
    z-index : 1000;
}

.kmenu_ul {
    display : inline;
    float   : left;
    margin  : 1px;
    padding : 0px;
}

.kmenu_onglet {
    border                : 1px solid #000000;
    -webkit-border-radius : 5px 5px 5px 5px;
    border-radius         : 5px 5px 5px 5px;
    cursor                : pointer;
    color                 : #ffffff;
    padding               : 5px;
}

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

.kmenu_onglet_return {
    position              : relative;
    float                 : right;
    border                : 1px solid #000000;
    -webkit-border-radius : 5px 5px 5px 5px;
    border-radius         : 5px 5px 5px 5px;
    cursor                : pointer;
    color                 : #ffffff;
    padding               : 5px;
}

.kmenu_onglet_return a {
    color : #ffffff;
}

.kmenu_onglet_return:hover {
    border                : 1px solid #000000;
    -webkit-border-radius : 5px 5px 5px 5px;
    border-radius         : 5px 5px 5px 5px;
    cursor                : pointer;
    color                 : #000000;
    background            : rgb(149, 149, 149);
    background            : -moz-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(149, 149, 149, 1)), color-stop(12%, rgba(157, 157, 157, 1)), color-stop(25%, rgba(165, 165, 165, 1)), color-stop(39%, rgba(146, 146, 146, 1)), color-stop(50%, rgba(131, 131, 131, 1)), color-stop(51%, rgba(105, 105, 105, 1)), color-stop(60%, rgba(115, 115, 115, 1)), color-stop(76%, rgba(130, 130, 130, 1)), color-stop(91%, rgba(121, 121, 121, 1)), color-stop(100%, rgba(116, 116, 116, 1)));
    background            : -webkit-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -o-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -ms-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#747474', GradientType=0);
    padding               : 5px;
}

.kmenu_onglet_selected {
    border                : 1px solid #000000;
    -webkit-border-radius : 5px 5px 5px 5px;
    border-radius         : 5px 5px 5px 5px;
    cursor                : pointer;
    color                 : #000000;
    background            : rgb(149, 149, 149);
    background            : -moz-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(149, 149, 149, 1)), color-stop(12%, rgba(157, 157, 157, 1)), color-stop(25%, rgba(165, 165, 165, 1)), color-stop(39%, rgba(146, 146, 146, 1)), color-stop(50%, rgba(131, 131, 131, 1)), color-stop(51%, rgba(105, 105, 105, 1)), color-stop(60%, rgba(115, 115, 115, 1)), color-stop(76%, rgba(130, 130, 130, 1)), color-stop(91%, rgba(121, 121, 121, 1)), color-stop(100%, rgba(116, 116, 116, 1)));
    background            : -webkit-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -o-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : -ms-linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    background            : linear-gradient(top, rgba(149, 149, 149, 1) 0%, rgba(157, 157, 157, 1) 12%, rgba(165, 165, 165, 1) 25%, rgba(146, 146, 146, 1) 39%, rgba(131, 131, 131, 1) 50%, rgba(105, 105, 105, 1) 51%, rgba(115, 115, 115, 1) 60%, rgba(130, 130, 130, 1) 76%, rgba(121, 121, 121, 1) 91%, rgba(116, 116, 116, 1) 100%);
    filter                : progid:DXImageTransform.Microsoft.gradient(startColorstr='#959595', endColorstr='#747474', GradientType=0);
    padding               : 5px;
}

.kmenu_onglet a {
    color : #ffffff;
}

.kmenu_onglet_selected a {
    color : #ffffff;
}

.kmenu_li {
    position         : absolute;
    background-color : #ffffff;
    border           : 1px solid #000000;
    padding          : 5px;
    display          : none;
    width            : 987px;
    left             : 0;
    list-style-type  : none;
    z-index          : 500;
}

/*
-------------------------------------------------
Selector
-------------------------------------------------
*/

.selector {
    padding  : 0;
    position : relative;
    float    : left;
    width    : 100%;
}

.selector_directorylist {
    float    : left;
    position : relative;
    width    : 180px;
}

.selector_directorylist div {
    margin     : 1px;
    cursor     : pointer;
    color      : #ffffff;
    padding    : 5px;
    height     : 17px;
    font-size  : 11px;
    background : rgb(125, 126, 125);
    background : -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 126, 125, 1)), color-stop(100%, rgba(14, 14, 14, 1)));
    background : -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    background : -o-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    background : -ms-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    background : linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0);

}

.selector_directory {
    background-color : #ffffff;
    position         : relative;
    float            : left;
    top              : 0;
    width            : 60%;
}

.selector_directorycontent {
    display : none;
}

.selector_content_icon {
    background-color : #333333;
    color            : #ffffff;
    float            : left;
    font-size        : 10px;
    height           : 50px;
    margin           : 1px;
    padding          : 5px;
    position         : relative;
    text-align       : center;
    width            : auto;
    cursor           : pointer;
    border           : 2px solid #ffffff;
}

.selector_content_icon_vignette_object {
    width             : 40px;
    height            : 40px;
    background-color  : #000000;
    margin-left       : auto;
    margin-right      : auto;
    background-image  : url("/templates/ick/images/bg_objects.png");
    background-size   : 100%;
    background-repeat : no-repeat;
}

.selector_content_icon_vignette_scene {
    width             : 40px;
    height            : 40px;
    background-color  : #000000;
    margin-left       : auto;
    margin-right      : auto;
    background-image  : url("/templates/ick/images/bg_scenes.png");
    background-size   : 100%;
    background-repeat : no-repeat;
}

.selector_content_icon_vignette_dialog {
    width             : 40px;
    height            : 40px;
    background-color  : #000000;
    margin-left       : auto;
    margin-right      : auto;
    background-image  : url("/templates/ick/images/bg_dialogs.png");
    background-size   : 100%;
    background-repeat : no-repeat;
}

/*
-------------------------------------------------
POPIN
-------------------------------------------------
*/

.popin_standard {
    background-image  : url("../images/pixel_semitransparent.png");
    background-repeat : repeat;
    bottom            : 0;
    height            : 100%;
    left              : 0;
    position          : fixed;
    right             : 0;
    top               : 0;
    width             : 100%;
    z-index           : 2000;
    display           : none;
}

.popin_standard_center {
    margin-left      : auto;
    margin-right     : auto;
    position         : relative;
    top              : 50px;
    width            : 740px;
    padding-top      : 40px;
    padding-right    : 10px;
    padding-left     : 30px;
    padding-bottom   : 40px;
    background-color : white;
}

.popin_standard_close {
    position : absolute;
    top      : 10px;
    right    : 10px;
    z-index  : 10;
    cursor   : pointer;
}

.popin_standard_content {
    height           : auto;
    width            : 100%;
    margin-left      : auto;
    margin-right     : auto;
    position         : relative;
    background-color : #ffffff;
    min-height       : 200px;
}

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

    .popin_standard_center {
        width : 90% !important;
    }

    .popin_standard_center {
        padding : 20px 10px 20px 25px;
    }

}

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

    .popin_standard_center {
        width : 95%;
    }

    .popin_standard_center {
        padding : 10px 5px 10px 15px;
    }

    .container_login_connexion {
        width : 100%;
    }

    .container_login_connexion form {
        width : 100%
    }

    .container_login_new_customer {
        position       : relative;
        display        : block;
        width          : 100%;
        border-left    : none;
        border-top     : 1px solid #e0e0e0;
        margin-top     : 4%;
        padding-left   : 0;
        padding-bottom : 8%;
        padding-top    : 2%;
    }

    .container_login_connexion_button {
        right : 0;
    }

    .field_input input {
        width : 98%;
    }

    .forget_password {
        width : 100%;
    }

}

.popin_loaderimg {
    position     : relative;
    width        : 32px;
    margin-left  : auto;
    margin-right : auto;
    top          : 80px;

}

#popin_standard_draghandle {
    cursor   : move;
    height   : 25px;
    position : absolute;
    top      : 0;
    width    : 100%;
    z-index  : 5;
}

/* Store locator popin */

.popin_standard.store-locator {
    background : none;
}

.popin_standard.store-locator .popin_standard_center {
    position : absolute;
    left     : 0;
    top      : 127px;
    width    : 389px;
    padding  : 0;
}

.popin_standard.store-locator .popin_standard_center .popin_standard_close {
    top   : 15px;
    right : 15px;
}

/*
-------------------------------------------------
                                                Loading
-------------------------------------------------
*/

.loading {
    background-image  : url("../images/pixel_semitransparent.png");
    background-repeat : repeat;
    bottom            : 0;
    height            : 100%;
    left              : 0;
    position          : fixed;
    right             : 0;
    top               : 0;
    width             : 100%;
    z-index           : 100000;
    display           : none;
}

.loading_center {
    color        : #ffffff;
    margin-left  : auto;
    margin-right : auto;
    padding      : 10px;
    position     : relative;
    text-align   : center;
    top          : 30%;
    width        : 300px;
}

.loading_loaderimg {
    position     : relative;
    width        : 220px;
    margin-left  : auto;
    margin-right : auto;
}

/*
-------------------------------------------------
                Login Form
-------------------------------------------------
*/

#login_form {
    width         : 400px;
    margin-left   : auto;
    margin-right  : auto;
    margin-bottom : 40px;
    margin-top    : 40px;
    position      : relative;
    border        : 1px solid #cccccc;
    padding       : 20px;
}

.login_form_text {
    text-align  : center;
    font-size   : 14px;
    font-weight : bold;

}

.login_form_form {

}

.login_failed {
    position     : relative;
    width        : 400px;
    margin-left  : auto;
    margin-right : auto;
    top          : 50px;
    color        : #ff0000;
    text-align   : center;
}

/*
-------------------------------------------------
                CREATE ACCOUNT FORM
-------------------------------------------------
*/

.alert_input {
    border-color : red !important;
}

/*
-------------------------------------------------
                MY ACCOUNT
-------------------------------------------------
*/

.myaccount_error {
    color : #ff0000;
}

#createaccountform .myaccount_error {
    text-align : center;
    margin     : 20px 0;
    font-size  : 14px;
}

.myaccount_success {
    color : #00cc00;
}

#myaccountform {

}

#myaccountform h2 {

}

.passwordfield {

}

.passwordfield_1 {
    display : none;
}

.passwordfield_0 {
    display : table-row;
}

.myaccount_tableprivilege {
    background-color : #eeeeee;
    border           : 1px solid #cccccc;
    margin           : 10px 0;
    padding          : 10px;
    width            : 100%;
    text-align       : center;
}

.myaccount_tableprivilege th {
    width : 33%;
}

/*
-------------------------------------------------
                     Mot de passe oublié
-------------------------------------------------
*/

.forgottenpassword_ok {
    color : #00aa00;
}

.forgottenpassword_ko {
    color : #ff0000;
}

/*
-------------------------------------------------
                     Ktab
-------------------------------------------------
*/

.Ktab {

}

.Ktab_onglets {
    clear    : both;
    float    : left;
    position : relative;
    z-index  : 100;
    height   : auto;
}

.Ktab_onglet_select {
    position              : relative;
    float                 : left;
    padding               : 5px;
    cursor                : pointer;
    width                 : 100px;
    height                : 13px;
    text-align            : center;
    -webkit-border-radius : 15px 15px 0px 0px;
    border-radius         : 15px 15px 0px 0px;
    border-top-width      : 1px;
    border-right-width    : 1px;
    border-left-width     : 1px;
    border-top-style      : solid;
    border-right-style    : solid;
    border-left-style     : solid;
    border-top-color      : #cccccc;
    border-right-color    : #cccccc;
    border-left-color     : #cccccc;
    background-color      : #ffffff;
}

.Ktab_onglet_unselect {
    position              : relative;
    float                 : left;
    border                : 0px solid #cccccc;
    background-color      : #999999;
    padding               : 5px;
    top                   : 1px;
    cursor                : pointer;
    width                 : 100px;
    text-align            : center;
    -webkit-border-radius : 15px 15px 0px 0px;
    border-radius         : 15px 15px 0px 0px;
    display               : none;
}

.Ktab_volets {
    position         : relative;
    border           : 1px solid #cccccc;
    border-radius    : 0 0 15px 15px;
    clear            : both;
    top              : -2px;
    width            : 100%;
    background-color : #ffffff;
}

.Ktab_volet_select {
    min-width : 500px;
    padding   : 7px;
    position  : relative;
}

.Ktab_volet_unselect {
    display : none;
}

/*
-------------------------------------------------
                     Blog
-------------------------------------------------
*/

.blog_list_tab {

}

.blog {
    float : left;
    width : 100%;
}

.listeblog_pagination {
    margin : 10px auto;
    width  : auto;
}

.listeblog_pagination td {
    border        : 0px solid #cccccc;
    border-radius : 10px 10px 10px 10px;
    cursor        : pointer;
    text-align    : center;
    width         : 20px;
    padding       : 10px;
}

.listeblog_pagination td:hover {
    background-color : #dddddd;
}

.pagination_selected {
    background-color : #dddddd;
}

.blog .titre {
    font-size   : 30px;
    text-shadow : 1px 1px 2px #8a8a8a;
    filter      : dropshadow(color=#8a8a8a, offx=1, offy=1);

}

.blog_infos {
    float    : left;
    margin   : 10px 0;
    position : relative;
    width    : 100%;
}

.blog_infos div {
    font-style   : italic;
    color        : #888888;
    float        : left;
    margin-right : 5px;
}

.blog .date_creation {

}

.blog .date_modif {

}

.blog .auteur {

}

.blog .content {
    clear : both;
}

.blog_media img {
    float  : left;
    width  : 150px;
    margin : 0 10px 10px 0;
}

.blog .date_creation span {
    display : none;
}

.blog .date_creation span.date {
    display : block;
}

.blog_navigation {
    float : left;
    width : 100%;
}

.blog_navigation_return {
    float  : left;
    margin : 0 10px;
}

.blog_navigation_previous {
    float  : left;
    margin : 0 10px;
}

.blog_navigation_next {
    float  : left;
    margin : 0 10px;
}

/*
-------------------------------------------------
                   GALLERY IMAGES
-------------------------------------------------
*/

@media screen and (max-width : 1000px) {
    .gallery {
        display : table;
    }

    .gallery_thumbnail {
        float  : left;
        width  : 42%;
        margin : 10px;
    }

    .gallery_thumbnail:nth-child(2n) {
        float : right;
    }

    .gallery_imagefile img {
        width  : 100%;
        height : 100%;
    }

    .gallery_imagename {
        text-align : center;
    }
}

@media screen and (min-width : 1000px) {
    .gallery_thumbnail {
        float      : left;
        height     : auto;
        margin     : 10px;
        position   : relative;
        text-align : center;
        width      : 220px;
    }

    .gallery_imagefile img {
        border  : 2px solid #000000;
        height  : 140px;
        padding : 1px;
    }

    .gallery_imagename {
        text-align : center;
    }
}

/*
-------------------------------------------------
                 Module Contact
-------------------------------------------------
*/

.contact {
    cursor : pointer;
}

.control-group {
}

.form-actions {
    margin : 10px 0;
}

.contactform input[type=text] {
    margin : 0 0 10px;
    width  : 50%;
}

.contactform select {
    margin : 0 0 10px;
}

.contactform textarea {
    width  : 98%;
    height : 200px;
}

.createaccount_button {
    margin   : 20px 0 10px;
    position : relative;
    width    : 100% !important;
}

.contact_message_error {
    color       : #ff0000;
    font-weight : bold;
}

/*
-------------------------------------------------
                 Module Recherche
-------------------------------------------------
*/

.module_search_input {
    width : 400px;
}

/*
-------------------------------------------------
                 JQuery alert CSS
-------------------------------------------------
*/

#popup_overlay {
 background: url("../images/pixel_semitransparent.png") !important;
 opacity: 1 !important;
}
#popup_container {
    font-family           : Arial, sans-serif;
    font-size             : 12px;
    min-width             : 300px; /* Dialog will be no smaller than this */
    max-width             : 600px; /* Dialog will wrap after this width */
    background            : #ffffff;
    /*border                : solid 5px #999999;
    color                 : #000000;
    -moz-border-radius    : 5px;
    -webkit-border-radius : 5px;
    border-radius         : 5px; lcsa*/
    padding: 16px 10px !important; /* lcsa*/
    text-align: center; /* lcsa*/
}

#popup_title {
    /*font-size     : 14px;
    font-weight   : bold;
    line-height   : 1.75em;
    color         : #666666;
    background    : #cccccc url(../images/title.gif) top repeat-x;
    border        : solid 1px #ffffff;
    border-bottom : solid 1px #999999; lcsa*/
    text-align    : center;
    cursor        : default;
    padding       : 0em;
    margin        : 0em;
    font-family: "defont",Arial,Helvetica,sans-serif; /* lcsa */
    font-size     : 23px;  /* lcsa */
    font-weight   : normal;  /* lcsa */
    margin-bottom: 18px;  /* lcsa */
    color         : #003d71;  /* lcsa */
}

/*
#popup_content {
    background : 16px 16px no-repeat url(../images/info.gif);
    padding    : 1em 1.75em;
    margin     : 0em;
}

#popup_content.alert {
    background-image : url(../images/info.gif);
}

#popup_content.confirm {
    background-image : url(../images/important.gif);
}

#popup_content.prompt {
    background-image : url(../images/help.gif);
}

#popup_message {
    padding-left : 48px;
}


#popup_panel {
    text-align : center;
   margin     : 1em 0em 0em 1em;
}

#popup_prompt {
    margin : .5em 0em;
}
lcsa */
#popup_content {
    margin: 0;
}
#popup_panel input[type="button"] { /* lcsa */
    margin: 10px 1%;
    border: 0;
    border-radius: 2px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 9px 15px;
    text-transform: uppercase;
}
#popup_ok { /* lcsa */
    background-color: #003d71;
}
#popup_cancel { /* lcsa */
    background-color: #b8b8b8;
}

#td_createaccount_state {
    display : none;
}

@media screen and (min-width : 900px) {
    .small-display,
    #mobile-menu {
        display    : none;
        visibility : hidden;
        height     : 0;
    }

    .footer-bottom {
        display    : none;
        visibility : hidden;
        height     : 0;
    }

    /* Menu lang desktop */
    #change-lang {
        border   : 1px solid #ececec;
        height   : 0;
        margin   : 10px 0 0;
        overflow : hidden;
        padding  : 23px 0 0;
        position : relative;
        width    : 218px;
    }

    #change-lang li a img {
        height       : 11px;
        margin-right : 10px;
        position     : relative;
        top          : 1px;
        width        : 15px;
    }

    #change-lang li {
        list-style    : outside none none;
        width         : 100%;
        margin-bottom : 3px;
    }

    #change-lang li.selected {
        border-bottom : 1px solid #ececec;
        left          : 0;
        position      : absolute;
        top           : 0;
    }

    #change-lang li.selected a {
        border-right  : 0px solid #ececec;
        padding-right : 35px;
        position      : relative;
    }

    #change-lang li a {
        color       : #003d71;
        display     : block;
        font-size   : 12px;
        height      : 23px;
        line-height : 23px;
        overflow    : hidden;
        padding     : 0 10px;
    }

    #change-lang li a:hover {
        color : #d20024;
    }

    #change-lang li span {
        display : none;
    }

    #change-lang li.selected a span {
        background  : rgba(0, 0, 0, 0) url("../images/dropdown-picto.png") no-repeat scroll center center;
        border-left : 1px solid #ececec;
        display     : block;
        height      : 100%;
        position    : absolute;
        right       : 0;
        top         : 0;
        width       : 23px;
    }

    input::-webkit-input-placeholder {
        color : #7a7a7a;
    }

    input:-moz-placeholder {
        /* Firefox 18- */
        color : #7a7a7a;
    }

    input::-moz-placeholder {
        /* Firefox 19+ */
        color : #7a7a7a;
    }

    input:-ms-input-placeholder {
        color : #7a7a7a;
    }

    #blackout .function {
        border-right  : 1px solid #e0e0e0;
        margin-right  : 30px;
        margin-top    : 10px;
        padding-right : 30px;
        width         : 190px;
    }
}

/*
-------------------------------------------------
                 FAQ & CGV
-------------------------------------------------
*/

.container_static {
    padding  : 30px 10%;
    position : relative;
}

#faq h1, #cgv h1 {
    font-size      : 24px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    text-transform : uppercase;
    font-weight    : normal;
    color          : #003d71;
    margin-top     : 0;
    margin-bottom  : 30px;
}

#faq h2, #cgv h2 {
    font-size      : 15px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    text-transform : uppercase;
    font-weight    : normal;
    color          : #003d71;
    margin-top     : 40px;
}

#faq h3, #cgv h3, #cgv h4 {
    font-size   : 15px;
    font-family : 'UniversLTStd-LightCn', Arial, Helvetica, Sans Serif;
    font-weight : normal;
    color       : #003d71;
    clear       : both;
    margin      : 15px 0;
}

#faq .reponse {
    padding     : 15px 0 0 20px;
    color       : #7a7a7a;
    font-size   : 12px;
    line-height : 15px;
    overflow    : hidden;
}

#faq .reponse p, #faq .reponse ul, #faq .reponse ol, #cgv p, #cgv ul {
    margin-top    : 0;
    margin-bottom : 15px;
    clear         : both;
}

#faq .reponse p.italic, #cgv p.italic {
    font-style : italic;
}

#faq .reponse table, #cgv table {
    float         : left;
    margin-bottom : 15px;
    margin-right  : 30px;
}

#faq .reponse table td, #cgv table td {
    border     : 1px dotted #7a7a7a;
    padding    : 5px 10px;
    text-align : center;
}

#faq .question h4 {
    color           : #7a7a7a;
    text-decoration : underline;
    font-size       : 13px;
    font-weight     : normal;
    margin          : 0 0 0 10px;
    line-height     : 18px;
    cursor          : pointer;
    text-indent     : 10px;
}

#faq .reponse {
    display : none;
}

#cgv p, #cgv ul {
    color     : #7a7a7a;
    font-size : 11px;
}

#cgv .decale {
    padding-left : 40px;
}

#cgv p strong {
    font-size    : 12px;
    padding-left : 10px;
}

.garanties-coq {
    padding-top : 25px;
}

div#menu-garanties {
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 11px;
    color       : #003f75;
    position    : absolute;
}

div#menu-garanties ul li.satisfait {
    background : url("../images/static/tunnel_garanties_bg_sprite.jpg") no-repeat scroll left top transparent;
}

div#menu-garanties ul li.retour {
    background : url("../images/static/tunnel_garanties_bg_sprite.jpg") no-repeat scroll left -58px transparent;
}

div#menu-garanties ul li.livraison {
    background : url("../images/static/tunnel_garanties_bg_sprite.jpg") no-repeat scroll left -116px transparent;
}

div#menu-garanties ul li.paiement {
    padding-top : 21px;
    background  : url("../images/static/tunnel_garanties_bg_sprite.jpg") no-repeat scroll left -174px transparent;
}

div#menu-garanties ul li {
    display       : block;
    padding       : 15px 0 0 45px;
    width         : 148px;
    height        : 57px;
    margin-bottom : 1px;
}

div#menu-garanties ul {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

div#menu-garanties {
    margin : 24px 0 0 -200px;
}

/*
-------------------------------------------------
                 API fix
-------------------------------------------------
*/

.conteneur > #zone05 * {
    -webkit-box-sizing : initial;
    -moz-box-sizing    : initial;
    box-sizing         : initial;
}

/*
-------------------------------------------------
                 Store Locator
-------------------------------------------------
*/

section#main {
    position : relative;
}

section#main section#global_map {
    position : relative;
    width    : 100%;
    height   : 755px;
    left     : 0;
}

section#main section#global_map nav {
    position   : relative;
    width      : 960px;
    height     : 36px;
    background : #ffffff;
    margin     : 25px auto 0 50%;
    left       : -480px;
    z-index    : 1;
}

section#main section#global_map nav.fixed {
    position : fixed;
    top      : 0;
    -webkit-transition : all 500ms ease-in-out;
    -moz-transition    : all 500ms ease-in-out;
    -ms-transition     : all 500ms ease-in-out;
    -o-transition      : all 500ms ease-in-out;
    transition         : all 500ms ease-in-out;
}

section#main section#global_map.opened nav.fixed {
    left: -91px;
}

section#main section#global_map nav ul {
    list-style : none;
}

section#main section#global_map nav ul#select_stores {
    position : absolute;
    width    : 520px;
    height   : 21px;
    top      : 8px;
    left     : 17px;
}

section#main section#global_map nav ul#select_stores > li {
    position       : relative;
    display        : inline-block;
    margin         : 0 11px 0 0;
    text-transform : uppercase;
}

section#main section#global_map nav ul#select_stores li:last-child {
    margin : 0;
}

.selectBox-dropdown {
    border     : none;
    background : #999999;
    width      : 120px;
}

.selectBox-arrow {
    border      : none;
    background  : #cccccc;
    width       : 15px;
    border-left : 2px solid #ffffff;
}

section#main section#global_map nav ul#legend_stores {
    position : absolute;
    width    : 46%;
    height   : 21px;
    top      : 8px;
    right    : 26px;
}

section#main section#global_map nav ul#legend_stores li {
    position       : relative;
    float          : right;
    height         : 17px;
    padding        : 4px 0 0 15px;
    margin         : 0 32px 0 0;
    text-transform : uppercase;
    font-size      : 10px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
}

section#main section#global_map nav ul#legend_stores li:first-child {
    margin : 0;
}

section#main section#global_map nav ul#legend_stores li#flagship {
    background : url('../images/storelocator/map_nav_legend_flagship.png') center left no-repeat;
    color      : #d20024;
}

section#main section#global_map nav ul#legend_stores li#usine {
    background : url('../images/storelocator/map_nav_legend_usine.png') center left no-repeat;
    color      : #003d71;
}

section#main section#global_map nav ul#legend_stores li#vintage {
    background : url('../images/storelocator/map_nav_legend_vintage.png') center left no-repeat;
    color      : #009bf4;
}

section#main section#global_map nav ul#legend_stores li#distributeur {
    background : url('../images/storelocator/map_nav_legend_distributeur.png') center left no-repeat;
    color      : #668baa;
}

section#main section#global_map div#map_canvas {
    position : absolute;
    top      : -25px;
    left     : 0;
    width    : 100%;
    height   : 780px;
}

.infobubble {
    width        : auto;
    margin-right : 30px;
}

.infobubbleType {
    font-size      : 11px;
    text-transform : uppercase;
    color          : #d20024;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    margin         : 0;
    padding        : 0;
}

.infobubbleClose {
    position : absolute;
    top      : 10px;
    right    : 10px;
    border   : none;
    outline  : none;
}

.infobubbleClose img {
    border  : none;
    outline : none;
}

.infobubbleImg {
    width         : 110px;
    margin-bottom : 10px;
}

.infobubbleTitle {
    color          : #003d71;
    font-size      : 18px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    text-transform : uppercase;
}

ul.infobubbleOpening_info, ul.infobubbleAddress {
    margin     : 0;
    padding    : 0;
    list-style : none;
    margin     : 15px 0 0 0;
}

ul.infobubbleOpening_info li, ul.infobubbleAddress li {
    color       : #003d71;
    font-size   : 11px;
    font-family : Arial, Helvetica, sans-serif;
}

section#main section#list_stores {
    float              : left;
    position           : absolute;
    top                : -25px;
    left               : -389px;
    height             : 780px;
    width              : 389px;
    padding            : 0 69px 0 0;
    overflow-y         : visible;
    -webkit-transition : left 500ms ease-in-out;
    -moz-transition    : left 500ms ease-in-out;
    -ms-transition     : left 500ms ease-in-out;
    -o-transition      : left 500ms ease-in-out;
    transition         : left 500ms ease-in-out;
    overflow           : hidden;
    z-index: 10;
}

section#main section#list_stores.opened {
    left               : 0;
}

.popin_standard.store-locator {
    position : absolute;
    z-index  : 1000;
}

section#main section#list_stores .wrapper,
.popin_standard.store-locator .popin_standard_content {
    background-color : #ffffff;
    padding          : 60px 45px;
    overflow         : scroll;
}

section#main section#list_stores .wrapper {
    height : 660px;
}

.popin_standard.store-locator .popin_standard_content {
    height : 780px;
}

section#main section#list_stores .wrapper .loader {
    position           : absolute;
    width              : 389px;
    height             : 780px;
    background         : white;
    left               : 0;
    top                : 0;
    z-index            : 50;
    opacity            : 0;
    -webkit-transition : opacity 800ms;
    -moz-transition    : opacity 800ms;
    -ms-transition     : opacity 800ms;
    -o-transition      : opacity 800ms;
    transition         : opacity 800ms;
}

section#main section#list_stores.busy .wrapper .loader {
    opacity            : 1;
    -webkit-transition : opacity 800ms;
    -moz-transition    : opacity 800ms;
    -ms-transition     : opacity 800ms;
    -o-transition      : opacity 800ms;
    transition         : opacity 800ms;

}

section#main section#list_stores .wrapper .loader img {
    position    : absolute;
    top         : 50%;
    left        : 50%;
    margin-top  : -33px;
    margin-left : -33px;
}

section#main section#list_stores h1,
.popin_standard.store-locator .popin_standard_content h1 {
    text-transform : uppercase;
    font-size      : 28px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    color          : #003d71;
    font-weight    : normal;
    padding        : 0;
    margin         : 0 0 30px;
}

.popin_standard.store-locator .popin_standard_content h1 {
    margin-bottom : 5px;
}

section#main section#list_stores a.overlay-handle {
    position   : absolute;
    right      : 0;
    top        : 50%;
    margin-top : -53px;
}

section#main section#list_stores div#header_list {
    position : relative;
    padding  : 0 0 0 18px;
    margin   : 40px 0 0 0;
}

section#main section#list_stores div#container_list {
    overflow : hidden;
}

section#main section#list_stores div#container_list article.store {
    position : relative;
    width    : 280px;
    display  : inline-block;
    padding  : 30px 0 15px 60px;
    float    : left;
}

section#main section#list_stores div#container_list article.store > * {
    cursor : pointer;
}

section#main section#list_stores div#container_list article.store:not(:last-child) {
    border-bottom : 1px dotted #c7c7c7;

}

section#main section#list_stores div#container_list article.store .ico {
    background-repeat   : no-repeat;
    background-position : top left;
    display             : block;
    width               : 40px;
    height              : 44px;
    position            : absolute;
    left                : 0;
    background-size     : 100%;
}

section#main section#list_stores div#container_list article.store .ico.flagship {
    background-image : url('/templates/lecoqsportif/images/storelocator/store_icon_flagship.png');
}

section#main section#list_stores div#container_list article.store .ico.usine {
    background-image : url('/templates/lecoqsportif/images/storelocator/store_icon_usine.png');
}

section#main section#list_stores div#container_list article.store .ico.vintage {
    background-image : url('/templates/lecoqsportif/images/storelocator/store_icon_vintage.png');
}

section#main section#list_stores div#container_list article.store .ico.distrib {
    background-image : url('/templates/lecoqsportif/images/storelocator/store_icon_distrib.png');
}

section#main section#list_stores div#container_list article.store h1 {
    margin         : 0;
    padding        : 0;
    font-weight    : normal;
    color          : #003d71;
    font-size      : 18px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    text-transform : uppercase;
}

section#main section#list_stores div#container_list article.store p.type,
.popin_standard.store-locator .popin_standard_content p.type {
    font-size      : 11px;
    text-transform : uppercase;
    color          : #d20024;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    margin         : 0;
    padding        : 0;
}

.popin_standard.store-locator .popin_standard_content p.type {
    font-size     : 16px;
    margin-bottom : 30px;
}

.popin_standard.store-locator .popin_standard_content img {
    width : 100%;
}

.popin_standard.store-locator .popin_standard_content ul {
    padding    : 0;
    list-style : none;
    margin     : 30px 0 0 0;
}

.popin_standard.store-locator .popin_standard_content ul.address {
    border-bottom  : 1px solid grey;
    padding-bottom : 30px;
}

.popin_standard.store-locator .popin_standard_content ul li {
    color       : #003d71;
    font-size   : 13px;
    line-height : 1.5em;
    font-family : Arial, Helvetica, sans-serif;
}

section#main section#list_stores div.more a {
    display  : block;
    overflow : hidden;
}

section#main section#list_stores div.more a img {
    width       : 30px;
    left        : 50%;
    position    : relative;
    margin-left : -15px;
}

/*
-------------------------------------------------
                 Input elements
-------------------------------------------------
*/

form input[type=text],
form input[type=email],
form input[type=password],
.container_contenu_suivi_de_commande input,
.billing_country_body_hide input {
    height             : 40px;
    border             : 1px solid #e2e6ea;
    border-radius      : 0;
    background         : transparent;
    padding            : 0 10%;
    font-family        : Helvetica, Arial, sans-serif;
    font-size          : 13px;
    line-height        : 1;
    -webkit-appearance : none;
    color              : #003d71;
    width              : 100%;
    margin-bottom      : 5%;
}

/*
-------------------------------------------------
                 Select elements
-------------------------------------------------
*/

form .styled-select {
    height     : 42px;
    overflow   : hidden;
    background : transparent;
}

.styled-select select,
form .styled-select select,
form .styled-select select.form-control,
.billing_country_body_hide select {
    background         : url('/templates/lecoqsportif/images/ico_select_mobile.png') no-repeat 90% center transparent;
    background-size    : 10px;
    border             : 1px solid #e2e6ea;
    padding            : 0 10%;
    font-family        : Helvetica, Arial, sans-serif;
    font-size          : 13px;
    line-height        : 1;
    border-radius      : 0;
    height             : 42px;
    -webkit-appearance : none;
    -moz-appearance : none; /* lcsa */
    color              : #003d71;
    width              : 100%;
    margin-bottom      : 10px;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    box-shadow         : none;
}
select::-ms-expand { /* lcsa */
    display: none;
}

.list_shipping_address_body form .styled-select select,
.billing_country_body_hide select {
    width : 250px;
}

section#main section#global_map nav ul#select_stores li .label-selected {
    background : url("../images/storelocator/map_nav_select_checked.png") no-repeat scroll 88px 50% transparent;
}

section#main section#global_map nav ul#select_stores li#select_store .label-selected {
    background : url("../images/storelocator/map_nav_select_checked.png") no-repeat scroll 168px 50% transparent;
}

.sbHolder {
    background  : none repeat scroll 0 0 #e2e6ea;
    border      : 0 none;
    font-family : Arial, sans-serif;
    font-size   : 12px;
    font-weight : normal;
    height      : 18px;
    position    : relative;
    width       : 120px;
}

#select_store .sbHolder {
    width : 200px;
}

.sbSelector {
    display     : block;
    height      : 18px;
    left        : 0;
    line-height : 18px;
    outline     : medium none;
    overflow    : hidden;
    position    : absolute;
    text-indent : 10px;
    top         : 0;
    width       : 120px;
}

#select_store .sbSelector {
    width : 200px;
}

.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color           : #003d71;
    font-family     : "defont", Arial, Helvetica, Sans-serif;
    font-size       : 11px;
    outline         : medium none;
    text-decoration : none;
}

.sbToggle {
    background  : url("../images/storelocator/select_arrow_bottom.png") no-repeat scroll 50% 50% transparent;
    border-left : 1px solid #ffffff;
    display     : block;
    height      : 18px;
    outline     : medium none;
    position    : absolute;
    right       : 0;
    top         : 0;
    width       : 17px;
}

.sbToggle:hover {
    background : url("../images/select-icons.png") no-repeat scroll 0 -167px transparent;
}

.sbToggleOpen {
    background : url("../images/storelocator/select_arrow_top.png") no-repeat scroll 50% 65% transparent;
}

.sbToggleOpen:hover {
    background : url("../images/select-icons.png") no-repeat scroll 0 -66px transparent;
}

.sbHolderDisabled {
    background-color : #3c3c3c;
    border           : 1px solid #515151;
}

.sbHolderDisabled .sbHolder {
}

.sbHolderDisabled .sbToggle {
}

.sbOptions {
    background : none repeat scroll 0 0 #e2e6ea;
    border     : 0 none;
    left       : 0;
    list-style : none outside none;
    margin     : 0;
    overflow-y : auto;
    padding    : 0;
    position   : absolute;
    top        : 18px;
    width      : 100%;
    z-index    : 1;
}

.sbOptions.scrollable {
    overflow: scroll !important;
}

.sbOptions li {
    border-top : 1px solid #ffffff;
    float      : none;
    padding    : 0 0 0 10px;
}

.sbOptions a {
    border-bottom  : medium none;
    display        : block;
    font-size      : 11px;
    outline        : medium none;
    padding        : 3px 0 3px 2px;
    text-transform : none;
}

.sbOptions a:link, .sbOptions a:visited {
    color           : #003d71;
    text-decoration : none;
}

.sbOptions a:hover {
    color : #003d71;
}

.sbOptions li.last a {
    border-bottom : medium none;
}

.sbOptions .sbDisabled {
    border-bottom : 1px dotted #515151;
    color         : #999999;
    display       : block;
    padding       : 7px 0 7px 3px;
}

.sbOptions .sbGroup {
    border-bottom : 1px dotted #515151;
    color         : #ebb52d;
    display       : block;
    font-weight   : bold;
    padding       : 7px 0 7px 3px;
}

.sbOptions .sbSub {
    padding-left : 17px;
}

.selectBox-dropdown {
    width           : 105px; /* width = (desired width) - padding-right */
    padding-right   : 15px;
    position        : relative;
    border          : none;
    line-height     : 1;
    text-decoration : none;
    color           : #003d71;
    outline         : none;
    vertical-align  : middle;
    background      : #e2e6ea;
    display         : inline-block;
    cursor          : pointer;
}

.selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow {
    border : none;
}

.selectBox-dropdown.selectBox-menuShowing {
}

.selectBox-dropdown .selectBox-label {
    width          : 100%;
    padding        : 3px 10px;
    display        : inline-block;
    white-space    : nowrap;
    overflow       : hidden;
    font-size      : 11px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    color          : #003d71;
    text-transform : uppercase;
}

.selectBox-dropdown .selectBox-arrow {
    position    : absolute;
    top         : 0;
    right       : 0;
    width       : 18px;
    height      : 100%;
    background  : url('../images/storelocator/select_arrow_bottom.png') 50% center no-repeat;
    border-left : solid 1px #ffffff;
}

.selectBox-menuShowing .selectBox-arrow {
    position    : absolute;
    top         : 0;
    right       : 0;
    width       : 18px;
    height      : 100%;
    background  : url('../images/storelocator/select_arrow_top.png') 50% center no-repeat;
    border-left : solid 1px #ffffff;
}

.selectBox-dropdown-menu {
    position           : absolute;
    z-index            : 99999;
    max-height         : 200px;
    border             : none; /* should be the same border width as .selectBox-dropdown */
    background         : #e2e6ea;
    -moz-box-shadow    : 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow : 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow         : 0 2px 6px rgba(0, 0, 0, .2);
    overflow           : auto;
}

.selectBox-inline {
    width          : 135px;
    outline        : none;
    border         : none;
    background     : #e2e6ea;
    display        : inline-block;
    overflow       : auto;
    color          : #003d71;
    text-transform : uppercase;
    font-family    : "defont", Arial, Helvetica, sans-serif;
}

.selectBox-inline:focus {
}

.selectBox-options, .selectBox-options LI, .selectBox-options LI A {
    list-style  : none;
    display     : block;
    cursor      : default;
    padding     : 0;
    margin      : 0;
    cursor      : pointer;
    color       : #003d71;
    font-family : Arial, Helvetica, sans-serif;
    font-size   : 11px;
}

.selectBox-options LI A {
    padding     : 3px 10px;
    white-space : nowrap;
    overflow    : hidden;
    background  : 6px center no-repeat;
    border-top  : 1px solid #ffffff;
}

.selectBox-options LI.selectBox-hover A {
    background-color : #e2e6ea;
    color            : #003d71;
    font-family      : Arial, Helvetica, sans-serif;
    font-size        : 11px;
}

.selectBox-options LI.selectBox-disabled A {
    color            : #888888;
    background-color : transparent;
}

.selectBox-options LI.selectBox-selected A {
    background-color : #e2e6ea;
}

.selectBox-options .selectBox-optgroup {
    color       : #666666;
    background  : #eeeeee;
    font-weight : bold;
    line-height : 1.5;
    padding     : 0 .3em;
    white-space : nowrap;
}

.selectBox.selectBox-disabled {
    color : #888888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    -ms-filter   : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter       : alpha(opacity=50);
    opacity      : .5;
    border-color : #666666;
}

.selectBox-inline.selectBox-disabled {
    color : #888888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color : transparent !important;
}

/*
-------------------------------------------------
                 Philosophie produit
-------------------------------------------------
*/

#back_top {
    position : fixed;
    top      : 50px;
    left     : 150px;
    z-index  : 14;
    display  : none;
    box-shadow: 1px 1px 3px #888;
    height: 49px;
    z-index: 99999;
}

section#main article .absolute {
    position : absolute;
    top      : 60px;
    padding  : 0;
    border   : 0;
    left     : 32px;
}

section#main article .fixed {
    position : fixed;
    z-index  : 32;
    padding  : 0;
    border   : 0;
    left     : 32px;
    top      : 130px;
}

section#main article#today {
    position   : relative;
    overflow   : hidden;
    width      : 100%;
    background : url('../images/philosophie_produit/bg1.jpg') repeat-x top left;
    padding    : 40px 0;
    color      : white;
}

section#main article#today .container {
    width  : 1000px;
    margin : 0px auto;
}

section#main article#today h2 {
    margin-left    : 185px;
    text-transform : uppercase;
    line-height    : 40px;
    width          : 284px;
    font-size      : 40px;
    font-family    : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
    border-right   : 1px dotted white;
    float          : left;
    padding        : 20px 0;
}

section#main article#today h2 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#today h4 {
    font-family    : 'defont', Verdana, Geneva, sans-serif;
    font-size      : 20px;
    text-transform : uppercase;
    margin-bottom  : 16px;
}

section#main article#today p {
    margin-bottom : 16px;
    font-family   : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    line-height   : 21px;
    font-size     : 16px;
}

section#main article#today p strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#today .intro {
    padding-left : 510px;
    width        : 305px;
    font-size    : 14px;
}

section#main article#today .gallery {
    padding     : 45px 0;
    margin-left : -15px;
}

section#main article#today .gallery figure {
    float       : left;
    margin      : 0 0 10px 15px;
    text-align  : center;
    font-size   : 11px;
    font-weight : bold;
}

section#main article#today .gallery figure img {
    border        : 5px solid #164165;
    margin-bottom : 5px;
    float         : left;
}

section#main article#today .gallery figure iframe {
    border        : 5px solid #164165;
    margin-bottom : 5px;
    float         : left;
}

section#main article#today .gallery figure br {
    line-height : 16px;
}

section#main article#today .gallery figure a {
    color : #d8dfe7;
}

section#main article#today .gallery figure a:hover {
    color : white;
}

section#main article#today .gallery figure figcaption {
    clear : both;
}

section#main article#today .gallery figure figcaption.uppercase {
    font-size     : 14px;
    margin-bottom : 10px;
}

section#main article#today .gallery figure.fig2 {
    margin-top : 80px;
}

section#main article#today .gallery figure.fig2 figcaption {
    float        : left;
    margin-top   : 195px;
    width        : 115px;
    padding-left : 15px;
    text-align   : left;
    clear        : none;
}

section#main article#today .gallery figure.fig3 {
    position    : relative;
    float       : none;
    margin-left : 520px;
}

section#main article#today .gallery figure.fig4 {
    margin-top : -280px;
}

section#main article#today .gallery figure.fig5 {
    margin : -280px 0 0 208px;
}

section#main article#today .gallery figure.fig3 figcaption, section#main article#today .gallery figure.fig5 figcaption {
    display : none;
}

section#main article#today .complement {
    clear  : both;
    width  : 630px;
    margin : 0px auto;
}

section#main article#today .complement .content {
    column-count         : 2;
    column-gap           : 50px;
    -moz-column-count    : 2;
    -moz-column-gap      : 50px;
    -webkit-column-count : 2;
    -webkit-column-gap   : 50px;
    -khtml-column-count  : 2;
    -khtml-column-gap    : 50px;
}

section#main article#yesterday {
    position   : relative;
    width      : 100%;
    background : url('../images/philosophie_produit/bg2.jpg') repeat-x top left;
    padding    : 50px 0 50px;
    color      : white;
}

section#main article#yesterday .container {
    width  : 1000px;
    margin : 0px auto;
}

section#main article#yesterday .intro {
    width       : 600px;
    margin      : 0px auto;
    font-family : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
}

section#main article#yesterday h2 {
    text-transform : uppercase;
    line-height    : 40px;
    width          : 285px;
    font-size      : 40px;
    margin-bottom  : 16px;
    font-family    : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
}

section#main article#yesterday h2 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#yesterday h4 {
    font-family    : 'defont', Verdana, Geneva, sans-serif;
    font-size      : 20px;
    text-transform : uppercase;
    margin-bottom  : 16px;
}

section#main article#yesterday h6 {
    width         : 575px;
    font-family   : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    font-size     : 18px;
    margin-bottom : 32px;
}

section#main article#yesterday p {
    margin-bottom : 16px;
    font-family   : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    line-height   : 21px;
    font-size     : 16px;
}

section#main article#yesterday p strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#yesterday .intro .content {
    column-count         : 2;
    column-gap           : 75px;
    column-rule          : 1px dotted white;
    -moz-column-count    : 2;
    -moz-column-gap      : 75px;
    -moz-column-rule     : 1px dotted white;
    -webkit-column-count : 2;
    -webkit-column-gap   : 75px;
    -webkit-column-rule  : 1px dotted white;
    -khtml-column-count  : 2;
    -khtml-column-gap    : 75px;
    -khtml-column-rule   : 1px dotted white;
}

section#main article#yesterday .gallery {
    padding     : 40px 0;
    margin-left : -15px;
}

section#main article#yesterday .gallery figure {
    float       : left;
    margin      : 0 0 15px 15px;
    text-align  : center;
    font-size   : 11px;
    font-weight : bold;
}

section#main article#yesterday .gallery figure img {
    border        : 5px solid #3e505f;
    margin-bottom : 5px;
    float         : left;
}

section#main article#yesterday .gallery figure br {
    line-height : 16px;
}

section#main article#yesterday .gallery figure a {
    color : #d8dfe7;
}

section#main article#yesterday .gallery figure a:hover {
    color : white;
}

section#main article#yesterday .gallery figure figcaption {
    clear : both;
}

section#main article#yesterday .gallery figure.fig1 {
    margin-top : 87px;
}

section#main article#yesterday .gallery figure.fig6 {
    margin-top  : -180px;
    margin-left : 425px;
}

section#main article#yesterday .complement {
    clear       : both;
    width       : 930px;
    margin      : 0px auto;
    padding-top : 30px;
}

section#main article#yesterday .complement .content {
    column-count         : 3;
    column-gap           : 40px;
    -moz-column-count    : 3;
    -moz-column-gap      : 40px;
    -webkit-column-count : 3;
    -webkit-column-gap   : 40px;
    -khtml-column-count  : 3;
    -khtml-column-gap    : 40px;
}

/*
-------------------------------------------------
                 Video full width
-------------------------------------------------
*/

.cache {
    position   : absolute;
    background : url('../images/commun/trame.png') repeat top left;
    top        : 0px;
    left       : 0px;
    width      : 100%;
    height     : 100%;
    z-index    : 13;
}

section#main .video {
    position         : relative;
    background-color : white;
}

section#main .video .play {
    position      : absolute;
    top           : 40%;
    right         : 10%;
    z-index       : 991;
    padding-right : 225px;
}

section#main .video .play img {
    width  : 74px;
    height : 73px;
}

section#main .video .play a {
    width   : 74px;
    height  : 73px;
    display : block;
}

section#main .video .play a:active, section#main .video .play a:selected, section#main .video .play a:visited {
    outline : none;
    border  : none;
}

section#main .video .description {
    position       : absolute;
    top            : 40%;
    right          : 10%;
    z-index        : 990;
    padding-left   : 85px;
    color          : white;
    font-family    : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    text-transform : uppercase;
    width          : 210px;
}

section#main .video .description h4 {
    font-size   : 40px;
    line-height : 40px;
    font-family : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
}

section#main .video .description h4 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main .video .description h5 {
    font-size   : 14px;
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main .video img {
    width         : 100%;
    margin-bottom : 1px;
}

section#main .video iframe {
    width   : 100%;
    display : none;
}

section#main #video_y {
    background-color : white;
}

/*
-------------------------------------------------
                 Histoire
-------------------------------------------------
*/

section#main article#video_intro {
    background-color : black;
}

section#main article#intro .container {
    width      : 730px;
    margin     : 0px auto;
    color      : #003d71;
    margin-top : 100px;
}

section#main article#intro hgroup {
    padding-left  : 125px;
    padding-right : 25px;
    border-right  : 1px dotted #c7c7c7;
    width         : 175px;
    margin-right  : 25px;
    float         : left;
}

section#main article#intro h2 {
    text-transform : uppercase;
    line-height    : 42px;
    font-size      : 40px;
    margin-bottom  : 16px;
    font-family    : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
}

section#main article#intro h2 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#intro h3 {
    line-height : 22px;
    font-size   : 22px;
    font-family : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
}

section#main article#intro .intro {
    width : 320px;
    float : left;
}

section#main article#intro p {
    margin-bottom : 16px;
    font-family   : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    line-height   : 21px;
    font-size     : 14px;
}

section#main article#intro p strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#intro p a {
    color : #d20023;
}

section#main article#intro p a:hover {
    text-decoration : none;
}

section#main article#intro ul.links {
    overflow        : hidden;
    list-style-type : none;
    width           : 750px;
    padding-top     : 75px;
    margin-bottom   : 100px;
    font-size       : 14px;
    text-transform  : uppercase;
    clear           : both;
}

section#main article#intro ul.links a {
    display         : block;
    height          : 53px;
    padding         : 22px 0 0 85px;
    text-decoration : none;
    color           : #003d71;
}

section#main article#intro ul.links li {
    display     : inline-block;
    font-family : "UniversLTStd-LightCn", Arial, Helvetica, sans-serif;
    margin-left : 45px;
    float       : left;
}

section#main article#intro ul.links li strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#intro ul.links li.link01 a {
    background : url('/media/images/histoire/additional/play.png') no-repeat center left;
}

section#main article#intro ul.links li.link02 a {
    background : url('/media/images/histoire/additional/histoire_logo.png') no-repeat center left;
}

section#main article#intro ul.links li.link03 a {
    background : url('/media/images/histoire/additional/1882.png') no-repeat center left;
}

section#main article#histoire_logo {
    position   : relative;
    display    : none;
    background : #466b94 url('/media/images/histoire/additional/history_bg.jpg') repeat-x bottom left;
    height     : 550px;
}

section#main article#histoire_logo h1 {
    width          : 304px;
    height         : 70px;
    margin         : 0px auto;
    background     : url('/media/images/histoire/additional/history_header.png') no-repeat top left;
    color          : #7c9ab4;
    font-family    : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
    text-transform : uppercase;
    text-align     : center;
    font-size      : 30px;
    padding-top    : 10px;
}

section#main article#histoire_logo h1 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
    color       : #003d71;
}

section#main article#histoire_logo .close {
    position : absolute;
    top      : 35px;
    right    : 30px;
}

section#main article#histoire_logo .all {
    position : absolute;
    top      : 120px;
    right    : 30px;
    display  : none;
}

section#main article#histoire_logo .prev {
    position : absolute;
    top      : 205px;
    right    : 30px; /*top:250px; left:50%; margin-left:-560px;*/
}

section#main article#histoire_logo .prev a {
    opacity : 0.2;
}

section#main article#histoire_logo .next {
    position : absolute;
    top      : 120px;
    right    : 30px; /*top:250px; left:50%; margin-left:460px;*/
}

section#main article#histoire_logo #slider_logos {
    overflow : hidden;
    width    : 850px;
    height   : 270px;
    margin   : 80px auto 30px;
}

ul.logos {
    list-style-type : none;
    font-family     : 'defont', Verdana, Geneva, sans-serif;
    color           : #003d71;
    color           : white;
    text-align      : center;
    font-size       : 18px;
    width           : 2126px;
}

section#main article#histoire_logo #slider_logos ul.logos li {
    display : inline-block;
    margin  : 0px 5px;
}

section#main article#histoire_logo #slider_logos ul.logos li a {
    font-family     : 'defont', Verdana, Geneva, sans-serif;
    text-decoration : none;
    color           : white;
}

section#main article#histoire_logo #slider_logos ul.logos li img {
    float : left;
}

section#main article#histoire_logo #slider_detail {
    display     : block;
    background  : url('/media/images/histoire/additional/slider_bg.png') no-repeat top left;
    cursor      : pointer;
    width       : 870px;
    left        : 50%;
    margin-left : -435px;
    position    : absolute;
}

section#main article#histoire_logo #slider_detail .slide_bar {
    background : none;
    width      : 800px;
    height     : 18px;
    position   : relative;
    border     : none;
}

section#main article#histoire_logo #slider_detail .ui-handle-helper-parent {
    position   : relative;
    background : none;
    width      : 670px;
    margin     : 0 auto;
}

section#main article#histoire_logo #slider_detail .ui-slider-handle {
    cursor      : pointer;
    width       : 131px;
    height      : 19px;
    display     : block;
    background  : url('/media/images/histoire/additional/slider_cursor.png') no-repeat top left;
    z-index     : 5;
    position    : absolute;
    margin-top  : -14px;
    border      : none;
    margin-left : -63px;
}

section#main article#histoire_logo #slider_detail .trait {
    width      : 800px;
    height     : 18px;
    background : url('/media/images/histoire/additional/slider_bg.png') top left no-repeat;
    display    : block;
    position   : absolute;
    top        : 1px;
    left       : 0px;
}

section#main article#histoire_logo #slider_detail .count {
    font-family  : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    color        : white;
    position     : absolute;
    top          : 0px;
    left         : 810px;
    padding-left : 15px;
    cursor       : auto;
    width        : 35px;
}

section#main article#histoire_logo #slider_logos ul.logos_description {
    font-family     : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    color           : white;
    font-size       : 14px;
    list-style-type : none;
    width           : 8900px;
}

section#main article#histoire_logo #slider_logos ul.logos_description li {
    display : inline-block;
    width   : 500px;
    margin  : 0px 188px;
}

section#main article#histoire_logo #slider_logos ul.logos_description h3 {
    text-transform : uppercase;
    font-size      : 40px;
    font-family    : 'UniversLTW01-47LightCn', Verdana, Geneva, sans-serif;
    margin         : 16px 0;
}

section#main article#histoire_logo #slider_logos ul.logos_description h3 strong {
    font-family : 'defont', Verdana, Geneva, sans-serif;
}

section#main article#histoire_logo #slider_logos ul.logos_description p {
    font-family : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    width       : 250px;
    float       : left;
}

section#main article#histoire_logo #slider_logos ul.logos_description img {
    float        : left;
    margin-right : 25px;
}

section#main ul#dates_timeline {
    padding-top      : 10px;
    padding-bottom      : 10px;
    background-color : #f1f1f7;
    text-align       : center;
    margin-bottom    : 0;
}

section#main ul#dates_timeline li {
    font-size       : 14px;
    line-height     : 18px;
    list-style-type : none;
    display         : inline-block;
    font-family     : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
    position        : relative;
}

section#main ul#dates_timeline li a {
    text-decoration : none;
    color           : #003e71;
    padding         : 0 16px;
}

section#main ul#dates_timeline li a:hover {
    color : #d20023;
}

section#main ul#dates_timeline li .sep {
    width            : 1px;
    height           : 1px;
    background-color : #d20023;
    display          : inline-block;
    margin-bottom    : 5px;
}

section#main ul#dates_timeline li .date_hover {
    position : absolute;
    top      : 17px;
    left     : -26px;
    display  : none;
    z-index  : 20;
}

section#main ul#dates_timeline span.date_texte {
    font-family : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
}

section#main article#histoire_dates {
    text-align : center;
}

section#main article#histoire_dates section.year {
    position : relative;
    overflow : hidden;
    height   : 675px;
}

section#main article#histoire_dates section.year.crookedright {
    -moz-transform    : skew(0deg, -3deg);
    -webkit-transform : skew(0deg, -3deg);
    -khtml-transform  : skew(0deg, -3deg);
    transform         : skew(0deg, -3deg);
}

section#main article#histoire_dates section.year.crookedleft {
    -moz-transform    : skew(0deg, 3deg);
    -webkit-transform : skew(0deg, 3deg);
    -khtml-transform  : skew(0deg, 3deg);
    transform         : skew(0deg, 3deg);
}

section#main article#histoire_dates section.year .separator img {
    display       : block;
    width         : 100%;
    height        : 90px;
    margin-bottom : -3px;
    z-index       : 18;
    position      : absolute;
}

section#main article#histoire_dates section.year .separator.bottom img {
    bottom : 0px;
}

section#main article#histoire_dates section.year .color img, section#main article#histoire_dates section.year .bw img, section#main article#histoire_dates section.year .separator img, section#main article#histoire_dates section.year .background img {
    width   : 100%;
    margin  : 0;
    padding : 0;
}

section#main article#histoire_dates section.year .color {
    position : absolute;
    width    : 100%;
    z-index  : 12;
    overflow : hidden;
}

section#main article#histoire_dates section.year .bw {
    position : absolute;
    width    : 100%;
    z-index  : 13;
    overflow : hidden;
}

section#main article#histoire_dates section.year .background {
    position : absolute;
    width    : 100%;
    z-index  : 12;
    overflow : hidden;
}

section#main article#histoire_dates section.year .element_left {
    position : absolute;
    left     : 0px;
    top      : 20%;
    z-index  : 13;
}

section#main article#histoire_dates section.year .element_right {
    position : absolute;
    right    : 0px;
    top      : 30%;
    z-index  : 16;
}

section#main article#histoire_dates section.year .element_center {
    position : absolute;
    left     : 40%;
    top      : 20%;
    z-index  : 13;
}

section#main article#histoire_dates section.year .content {
    position       : absolute;
    width          : 395px;
    top            : 10%;
    color          : white;
    text-transform : uppercase;
    font-family    : 'defont', Verdana, Geneva, sans-serif;
    text-align     : left;
    z-index        : 15;
}

section#main article#histoire_dates section.year h2 {
    font-size      : 206px;
    letter-spacing : -5px;
}

section#main article#histoire_dates section.year p {
    font-family : "defont", Arial, Helvetica, sans-serif;
    font-size   : 16px;
    margin: 0px 0 0 15px;
    line-height: 30px;
    font-weight: 600;
}

section#main article#histoire_dates section.year.left .content {
    left : 10%;
}

section#main article#histoire_dates section.year.right .content {
    right : 5%;
}

section#main article#histoire_dates section.year.center .content {
    left        : 50%;
    margin-left : -200px;
}

section#main article#histoire_dates section.year.grey .content {
    color : #003e71;
}

section#main article#histoire_dates .prev {
    position : fixed;
    top      : 280px;
    left     : 150px;
    display  : none;
    z-index  : 900;
}

section#main article#histoire_dates .next {
    position : fixed;
    top      : 339px;
    left     : 150px;
    display  : none;
    z-index  : 900;
}

section#main article#histoire_dates .prev img, section#main article#histoire_dates .next img
{
    box-shadow: 1px 1px 3px #888;
}

section#main article#histoire_dates section.deuxcent p {
    margin-left : 0px;
    width       : 405px;
}

section#main article#histoire_dates section.deuxcent .char2, section#main article#histoire_dates section.deuxcent .char3, section#main article#histoire_dates section.deuxcent .char4 {
    margin-left : 5px;
}

span.char1 {
    font-family : "defont", Arial, Helvetica, sans-serif;
}

span.char2 {
    font-family : "defont", Arial, Helvetica, sans-serif;
    margin-left : -15px;
}

span.char3 {
    font-family : "defont", Arial, Helvetica, sans-serif;
    margin-left : 10px;
}

span.char4 {
    font-family : "defont", Arial, Helvetica, sans-serif;
    margin-left : 11px;
}

/*
-------------------------------------------------
                 Press releases
-------------------------------------------------
*/

section#main div#entreprise_content {
    padding : 2% 5%;
}

section#main div#entreprise_content h1 {
    font-family    : "defont", Arial, Helvetica, sans-serif;
    font-size      : 28px;
    text-transform : uppercase;
    font-weight    : normal;
    margin-bottom  : 30px;
    color          : #003d71;
}

section#main div#entreprise_content #entreprise_img {
    width       : 70%;
    float       : right;
    margin-left : 1%;
}

section#main div#entreprise_content #entreprise_infos {
    width : 400px;
}

section#main div#entreprise_content #pressContent {
    overflow     : hidden;
    position     : relative;
    margin-right : 1%;
}

section#main div#entreprise_content #pressSlider {
    position : relative;
}

section#main div#entreprise_content #pressNav {
    margin     : 40px 0 30px 0;
    text-align : right;
    padding    : 0 30px 0 0;
    font-size  : 11px;
}

section#main div#entreprise_content #pressNav .sep {
    margin : 0 5px;
}

section#main div#entreprise_content #pressNav #prevPage {
    display    : inline-block;
    margin     : 0 5px 0 0;
    height     : 9px;
    width      : 5px;
    background : url("../images/corporate/btn_navprev.png") left top no-repeat;
}

section#main div#entreprise_content #pressNav #prevPage:hover {
    background : url("../images/corporate/btn_navprev.png") left bottom no-repeat;
}

section#main div#entreprise_content #pressNav #prevPage.inactive {
    cursor : default;
}

section#main div#entreprise_content #pressNav #prevPage.inactive:hover {
    background : url("../images/corporate/btn_navprev.png") left top no-repeat;
}

section#main div#entreprise_content #pressNav #nextPage {
    display    : inline-block;
    margin     : 0 0 0 5px;
    height     : 9px;
    width      : 5px;
    background : url("../images/corporate/btn_navnext.png") left top no-repeat;
}

section#main div#entreprise_content #pressNav #nextPage:hover {
    background : url("../images/corporate/btn_navnext.png") left bottom no-repeat;
}

section#main div#entreprise_content #pressNav #nextPage.inactive {
    cursor : default;
}

section#main div#entreprise_content #pressNav #nextPage.inactive:hover {
    background : url("../images/corporate/btn_navnext.png") left top no-repeat;
}

section#main div#entreprise_content #pressNav a.inactive {
    text-decoration : none;
    cursor          : default;
    font-weight     : bold;
}

section#main div#entreprise_content #pressNav a.inactive:hover {
    color : inherit;
}

section#main div#entreprise_content #sliderContent {
    position : absolute;
    top      : 0;
    left     : 0;
}

section#main div#entreprise_content .press .langs {
    display  : block;
    height   : 28px;
    position : relative;
}

section#main div#entreprise_content .press .langs li {
    display : block;
    float   : left;
    width   : 22px;
    height  : 28px;
    margin  : 0 8px 0 0;
}

section#main div#entreprise_content .press .langs li a {
    display         : block;
    width           : 22px;
    height          : 23px;
    background      : url("../images/corporate/pressLangBg.png") top left no-repeat;
    color           : #ffffff;
    text-align      : center;
    text-decoration : none;
    padding         : 5px 0 0 0;
    text-transform  : uppercase;
    font-size       : 9px;
    font-family     : 'UniversLTStd-LightCn', Arial, Helvetica, Sans serif;
}

section#main div#entreprise_content .press .langs li a:hover {
    background : url("../images/corporate/pressLangBg.png") bottom left no-repeat;
}

section#main div#entreprise_content .press div.wrap-head {
    height   : 45px;
    overflow : hidden;
}

section#main div#entreprise_content .pages {
    margin-top : 30px;
    overflow   : hidden;
}

section#main div#entreprise_content .pages a {
    display         : inline-block;
    width           : 190px;
    height          : 121px;
    margin-left     : 20px;
    position        : relative;
    float           : left;
    text-decoration : none;
}

section#main div#entreprise_content .pages a:first-child {
    margin-left : 0;
}

section#main div#entreprise_content .pages a p {
    position       : absolute;
    top            : 88px;
    left           : 10px;
    width          : 155px;
    height         : 23px;
    line-height    : 23px;
    font-size      : 10px;
    font-family    : 'defont', Verdana, Geneva, sans-serif;
    text-transform : uppercase;
    color          : #003d71;
    padding-left   : 10px;
    font-weight    : normal;
}

section#main div#entreprise_content .pages a:hover p {
    color      : #d20025;
}

section#main div#entreprise_content #pressSlider .press {
    margin     : 0 30px 0 0;
    padding    : 30px 0;
    border-top : 1px dotted #7a7a7a;
    width      : 170px;
    float      : left;
}

section#main div#entreprise_content #pressSlider .press.borderBottom {
    border-bottom : 1px dotted #7a7a7a;
}

section#main div#entreprise_content #pressSlider .page {
    float : left;
    width : 400px;
}

section#main div#entreprise_content .press h1 {
    font-family    : "defont", Arial, Helvetica, sans-serif;
    font-size      : 12px;
    text-transform : uppercase;
    margin         : 0;
    color          : #003d71;

}

section#main div#entreprise_content .press span.date {
    font-family    : 'UniversLTStd-LightCn', Arial, Helvetica, Sans serif;
    font-size      : 10px;
    text-transform : uppercase;
    margin         : 0;
}

section#main div#entreprise_content .press .infos {
    margin-top : 12px;
}

/*
-------------------------------------------------
                 Patterns
-------------------------------------------------
*/

.pattern-banner, .pattern-gallery, .pattern-gallery-e-shop, .pattern-video, .pattern-social-pictures, .pattern-social-links, .pattern-social-articles {
    position : relative;
    width    : 960px;
    margin   : 0 auto 10px;
    overflow : hidden;
}

.pattern-social-pictures, .pattern-social-links {
    width : 920px;
}

/* Pattern banner */

.pattern-banner {
    height     : 540px;
    background : #0f241a;
    width      : 100%;
}

.pattern-banner img.background {
    top      : -102px;
    left     : 0px;
    width    : 1920px;
    height   : 755px;
    position : absolute;
}

.pattern-banner img {
    top      : -102px;
    left     : 0px;
    width    : 1920px;
    height   : 755px;
    position : absolute;
}

.pattern-banner .video {
    position : relative;
    display  : block;
    margin   : 0 auto;
    z-index  : 10;
}

.pattern-banner .container {
    display  : table;
    width    : 960px;
    height   : 100%;
    margin   : 0 auto;
    position : relative;
}

.pattern-banner .container .inner {
    display        : table-cell;
    vertical-align : middle;
}

.pattern-banner .container .inner h2 {
    margin         : 0 0 8px 0;
    line-height    : 60px;
    font-family    : "DIN-bold", sans-serif;
    font-size      : 60px;
    color          : #ffffff;
    text-transform : uppercase;
}

.pattern-banner .container .inner h3 {
    margin      : 0 0 30px 0;
    font-family : "DIN-medium", Verdana, Geneva, sans-serif;
    font-size   : 30px;
    color       : #ffffff;
}

.pattern-banner .container .inner a.action {
    position        : relative;
    left            : 54px;
    border          : 1px solid white;
    background      : white;
    display         : block;
    height          : 48px;
    text-transform  : uppercase;
    z-index         : 2;
    text-decoration : none;
    float           : left;
    padding-right   : 20px;
    padding-left    : 20px;
    margin-right    : 70px;
}

.pattern-banner .container .inner a.action span.cta {
    font-size       : 18px;
    font-family     : "defont";
    color           : #003e71;
    display         : block;
    padding         : 13px 0 0;
    text-decoration : none;
}

.pattern-banner .container .inner a.action .arrow {
    border     : 1px solid white;
    top        : -1px;
    left       : -54px;
    background : white;
    height     : 48px;
    position   : absolute;
    width      : 48px;
}

.pattern-banner .container .inner a.action .arrow .ico {
    background      : url("../images/arrow-mini-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height          : 14px;
    left            : 50%;
    margin          : -5px 0 0 -6px;
    position        : absolute;
    top             : 50%;
    width           : 12px;
    background-size : 12px 14px;
}

/* Pattern gallery */

.pattern-gallery .item {
    width    : 960px;
    overflow : hidden;
    float    : left;
    display  : block;
}

.pattern-gallery .item:first-child {
    margin-bottom : 10px;
}

.pattern-gallery .item.small {
    margin-right : 10px;
    width        : 300px;
    height       : 380px;
}

.pattern-gallery .item.full {
    width : 960px;
    height: auto;
}

.pattern-gallery .item.small.wide {
    width : 650px;
}

.pattern-gallery .item.small:last-child {
    margin-right : 0;
}

.pattern-gallery .item img {
    width : 100%;
}

.pattern-gallery .item.small img {
    height : 100%;
    width  : auto;
}

.pattern-gallery .item.small.wide img {
    width  : 100%;
    height : auto;
}

.pattern-gallery .item.small.left {

}

.pattern-gallery .item.smallest.left {

}

.pattern-gallery .item.small.right {

}

.pattern-gallery .item.smallest.right {

}

/* Pattern gallery e-shop */

.pattern-gallery-e-shop {
    text-align : center;
}

.pattern-gallery-e-shop .item {
    height   : 550px;
    position : relative;
    width    : 475px;
    display  : block;
    float    : left;
    margin   : 0;
    overflow : hidden;
}

.pattern-gallery-e-shop.simple .item {
    width        : 313px;
    margin-right : 11px;
    height       : 378px;
}

.pattern-gallery-e-shop.simple .item:last-child {
    margin-right : 0;
}

.pattern-gallery-e-shop.simple .item:before {
    content  : " ";
    left     : 0;
    position : absolute;
    width    : 80%;
    height   : 80%;
    top      : 0;
    margin   : 10%;
    border   : 2px solid white;
}

.pattern-gallery-e-shop .item:first-child {
    margin-right : 10px;
}

.pattern-gallery-e-shop .item.small {
    height        : 270px;
    margin-bottom : 10px;
}

.pattern-gallery-e-shop .item.small:last-child {
    margin-bottom : 0;
}

.pattern-gallery-e-shop .item .image {
    max-height : 550px;
    overflow   : hidden;
}

.pattern-gallery-e-shop .item .image img {
    width : 100%;
}

.pattern-gallery-e-shop .item div.legend {
    z-index        : 10;
    position       : absolute;
    text-align     : center;
    color          : white;
    margin         : 0 10%;
    text-transform : uppercase;
    width          : 80%;
    bottom         : 0px;
}

.pattern-gallery-e-shop.simple .item div.legend {
    top       : 50%;
    left      : 50%;
    transform : translate(-50%, -50%);
    margin    : 0;
    bottom    : initial;
}

.pattern-gallery-e-shop .item div.legend h2 {
    font-family    : "DIN-bold", sans-serif;
    font-weight    : normal;
    font-size      : 36px;
    letter-spacing : 2px;
    margin-bottom  : 5px;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.pattern-gallery-e-shop .item a.action {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
}

.pattern-gallery-e-shop .item div.legend div.label {
    position        : relative;
    margin          : 8px auto 25px;
    width           : 60%;
    left            : 16px;
    border          : 1px solid white;
    background      : white;
    display         : block;
    right           : 2%;
    text-transform  : uppercase;
    z-index         : 2;
    text-decoration : none;
    line-height     : 34px;
    padding: 0px;
}

.pattern-gallery-e-shop .item div.legend span.cta {
    font-size       : 18px;
    font-family     : "defont";
    color           : #003e71;
    display         : block;
    text-decoration : none;
    padding-bottom: 7px;
    padding-top: 7px;
    background-color: white;
}

.pattern-gallery-e-shop .item div.legend .arrow {
    border     : 1px solid white;
    top        : -1px;
    left       : -53px;
    background : white;
    height     : 48px;
    position   : absolute;
    width      : 48px;
}

.pattern-gallery-e-shop .item div.legend .arrow .ico {
    background      : url("../images/arrow-mini-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height          : 14px;
    left            : 50%;
    margin          : -5px 0 0 -4px;
    position        : absolute;
    top             : 50%;
    width           : 10px;
    background-size : 10px 14px;
}

.item_miroir_column_gauche {
    float : left;
    width : 50%;
}

.item_miroir_column_droite {
    float : right;
    width : 50%;
}

.pattern-gallery-e-shop .item_miroir_column_droite .item {
    margin-left  : 5px;
    margin-right : 0;
}

/* Pattern video carrousel */

.pattern-video {
    margin-bottom : 50px;
}

.pattern-video .video-carousel .items {
    position : relative;
    height   : 700px;
}

.pattern-video .video-carousel .item {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
}

.pattern-video .video-carousel .bottom {
    padding : 5px 20px;
}

.pattern-video .video-carousel .title {
    display        : block;
    padding        : 15px 0 10px 0;
    font-size      : 20px;
    text-transform : uppercase;
    font-size      : 18px;
    font-family    : "defont";
}

.pattern-video .video-carousel .description {
    display       : block;
    margin-bottom : 40px;
    line-height   : 18px;
    font-size     : 12px;
    color         : #6d6d6d;
}

.pattern-video .video-carousel .pagination {
    text-align : center;
    margin     : 0 auto;
    width      : 100%;
}

.pattern-video .video-carousel .pagination a {
    display          : inline-block;
    margin           : 0 5px;
    width            : 24px;
    height           : 24px;
    opacity          : 0.5;
    background-color : #003d71;
}

.pattern-video .video-carousel .pagination a:hover,
.pattern-video .video-carousel .pagination a.active {
    opacity : 1;
}

html.lt-ie9 .pattern-video .main-video .video .controls .hover-video .play-icon {
    display : none;
}

/* Social patterns */
/* Pictures */

.pattern-social-pictures {
    background    : #f9f9f9;
    border        : 1px solid #f0f0f0;
    margin-bottom : 30px;
    padding       : 20px;
    text-align    : center;
}

.pattern-social-pictures a.title {
    font-size           : 18px;
    font-family         : "defont";
    color               : #003e71;
    display             : inline-block;
    padding             : 10px 0 0 24px;
    text-decoration     : none;
    text-transform      : uppercase;
    text-align          : center;
    background-position : left 15px;
    background-repeat   : no-repeat;
    background-image    : url("../images/picto-instagram-styled.png");
    margin              : 0;
}

.pattern-social-pictures p a.subtitle {
    font-size           : 16px;
    font-family         : "Georgia";
    color               : #7d7d7d;
    display             : inline-block;
    text-align          : center;
    font-style          : italic;
    margin-bottom       : 20px;
}

.pattern-social-pictures .items .item {
    display  : inline-block;
    float    : left;
    width    : 19%;
    overflow : hidden;
    margin   : 0 0.5%;
}

.pattern-social-pictures .items .item img {
    width : 100%;
}

/* Links */

.pattern-social-links {
    margin-bottom : 30px;
    padding       : 20px;
    background    : #f9f9f9;
    border        : 1px solid #f0f0f0;
}

.pattern-social-links a.action {
    position        : relative;
    display         : inline-block;
    height          : 44px;
    text-transform  : uppercase;
    z-index         : 2;
    text-decoration : none;
    vertical-align: top;
    width: 50%;
    cursor: pointer;
    margin-right: -4px;
}

.pattern-social-links a.action span.cta {
    font-size       : 18px;
    font-family     : "defont";
    color           : #003e71;
    display         : block;
    padding         : 10px 0 0;
    text-decoration : none;
}

.pattern-social-links a.action .arrow {
    top              : -1px;
    left             : -25px;
    height           : 44px;
    position         : absolute;
    width            : 22px;
    background-color : transparent;
    border           : none;
}

.pattern-social-links a.action .arrow .ico {
    background      : url("../images/arrow-mini-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height          : 12px;
    left            : 50%;
    margin          : -4px 0 0 -3px;
    position        : absolute;
    top             : 50%;
    width           : 8px;
    background-size : 7px 10px;
}

.pattern-social-links .networks {
    display: inline-block;
    margin-top: 8px;
    text-align: right;
    vertical-align: top;
    width: 50%;
}

.pattern-social-links div.networks span.label {
    font-family    : "defont", Arial, Helvetica, sans-serif;
    font-size      : 16px;
    text-transform : uppercase;
    color          : #000000;
    font-weight    : normal;
}

.pattern-social-links .networks a {
    display    : inline-block;
    position   : relative;
    top        : 3px;
    width      : 20px;
    height     : 20px;
    margin     : 0 4px;
    background : url('/templates/lecoqsportif/images/social-icons.png') no-repeat;
}

.pattern-social-links .networks a.facebook {
    background-position : 5px 1px;
}

.pattern-social-links .networks a.twitter {
    background-position : -24px 1px;
}

.pattern-social-links .networks a.google {
    background-position : -56px 1px;
}

.pattern-social-links .networks a.instagram {
    background-position : -89px 1px;
}

.pattern-social-links .networks a.pinterest {
    background-position : -122px 1px;
}

.pattern-social-links .networks a.youtube {
    background-position : -152px 1px;
}

/* Blog articles */
.pattern-social-articles {
    padding       : 35px 0 50px 0;
    margin-bottom : 50px;
    background    : #f9f9f9;
    border        : 1px solid #f0f0f0;
}

.pattern-social-articles a {
    text-decoration : none;
}

.pattern-social-articles .head-title {
    width      : 240px;
    margin     : 0 auto 40px auto;
    text-align : center;
}

.pattern-social-articles .head-title h3 {
    display        : inline-block;
    position       : relative;
    width          : 100%;
    padding        : 0 15px;
    background     : url('../images/blog-bg.jpg');
    font-size      : 30px;
    font-family    : "defont", Arial, Helvetica, sans-serif;
    text-transform : uppercase;
    letter-spacing : 2px;

}

.pattern-social-articles .head-title h3 a {
    color : #003e71;
}

.pattern-social-articles .head-title h3:before {
    content    : '';
    display    : block;
    position   : absolute;
    top        : 20px;
    left       : 0;
    width      : 70px;
    height     : 1px;
    background : #cbd4dc;
}

.pattern-social-articles .head-title h3:after {
    content    : '';
    display    : block;
    position   : absolute;
    top        : 20px;
    right      : 0;
    width      : 70px;
    height     : 1px;
    background : #cbd4dc;
}

.pattern-social-articles .head-title p {
    font-family : Georgia;
    font-size   : 16px;
    color       : #7d7d7d;
    font-style  : italic;
}

.pattern-social-articles .head-title p a {
    color : #7d7d7d;
}

.pattern-social-articles .items {
    text-align   : center;
    padding-left : 30px;
}

.pattern-social-articles .item {
    position   : relative;
    display    : block;
    width      : 240px;
    margin     : 0 30px;
    text-align : left;
    float      : left;
    height     : 418px;
}

.pattern-social-articles .item .illustration {
    display                 : block;
    width                   : 100%;
    height                  : 150px;
    background-position     : center center;
    background-repeat       : no-repeat;
    -webkit-background-size : cover;
    background-size         : cover;
}

.pattern-social-articles .item .title {
    font-size      : 18px;
    font-family    : "defont";
    display        : block;
    padding        : 15px 0 10px 0;
    text-transform : uppercase;
    color          : #003e71;
}

.pattern-social-articles .item .description {
    display       : block;
    margin-bottom : 65px;
    line-height   : 18px;
    font-size     : 12px;
    color         : #6d6d6d;
    font-family   : 'UniversLTStd-LightCn', Verdana, Geneva, sans-serif;
}

.pattern-social-articles .item .bottom {
    display     : block;
    position    : absolute;
    bottom      : 0;
    left        : 0;
    width       : 100%;
    padding-top : 20px;
    border-top  : 1px solid #cbd4dc;
}

.pattern-social-articles .item .bottom .action {
    position        : relative;
    margin          : 0px auto 25px;
    left            : 23px;
    border          : none;
    background      : transparent;
    display         : inline-block;
    height          : 34px;
    right           : 2%;
    text-transform  : uppercase;
    z-index         : 2;
    text-decoration : none;
}

.pattern-social-articles .item .bottom .action span.cta {
    font-size       : 13px;
    font-family     : "defont";
    color           : #003e71;
    display         : block;
    padding         : 8px 0 0;
    text-decoration : none;
}

.pattern-social-articles .item .bottom .action .arrow {
    border     : none;
    top        : -1px;
    left       : -25px;
    background : transparent;
    height     : 34px;
    position   : absolute;
    width      : 22px;
}

.pattern-social-articles .item .bottom .action .arrow .ico {
    background      : url("../images/arrow-mini-blue.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height          : 12px;
    left            : 50%;
    margin          : -5px 0 0 -3px;
    position        : absolute;
    top             : 50%;
    width           : 8px;
    background-size : 7px 10px;
}

/*
-------------------------------------------------
                 Media queries
-------------------------------------------------
*/

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

    .text_field_input, .container_login_new_customer .container_login_new_customer_create_account, .container_login_new_customer_text, .container_login_new_customer_new_customer {
        display    : none;
        visibility : hidden;
        height     : 0;
    }

    .popin_standard_close {
        float    : right;
        position : relative;
        top      : 0;
        right    : 0;
    }

    .container_login_new_customer {
        border-top : none;
    }

    .container_login_new_customer_create_account {
        font-size : 20px;
        margin    : 8px 0 30px;
    }

    .container_login_connexion_button, .forget_password a, .container_login_new_customer_button {
        position : relative;
        width    : 100%;
    }

    .container_login_new_customer_button {
        bottom : inherit;
    }

    .container_login_connexion .container_login_connexion_button {
        margin : 30px 0;
    }

    .myaccount_error {
        position : absolute;
        top      : 42px;
    }

    .myaccount_success {
        display : none;
    }

    .forget_password {
        position : absolute;
        top      : 228px;
    }

    .container_login_connexion_required_field {
        width  : 100%;
        bottom : 111px;
    }

    .container_login_new_customer p.small-display {
        display    : block;
        width      : 100%;
        text-align : center;
        position   : relative;
        color      : #b8b8b8;
    }

    .container_login_new_customer p.small-display:before,
    .container_login_new_customer p.small-display:after {
        content          : " ";
        background-color : #b8b8b8;
        position         : absolute;
        width            : 40%;
        top              : 40%;
        height           : 1px;
    }

    .container_login_new_customer p.small-display:before {
        left : 0;
    }

    .container_login_new_customer p.small-display:after {
        right : 0;
    }

    /* Override jQuery Alerts */
    body > div#popup_container {
        border    : none;
        top       : 0 !important;
        left      : 0 !important;
        padding   : 50% 0 0 !important;
        height    : 100%;
        max-width : 100% !important;
        min-width : 100% !important;
    }

    body > div#popup_container h1#popup_title {
        background     : transparent;
        font-family    : defont, Helvetica, Arial, sans-serif;
        font-size      : 13px;
        color          : rgb(0, 63, 117);
        text-transform : uppercase;
        margin         : 15px auto;
        border-bottom  : none;
    }

    body > div#popup_container #popup_content {
        background : transparent;
    }

    body > div#popup_container #popup_content #popup_message {
        padding-left : 0;
        line-height  : 1.5em;
    }

    body > div#popup_container #popup_content #popup_panel {
        margin-left : 0;
    }

    body > div#popup_container #popup_content #popup_panel input {
        width : 100%;
    }

    body > div#popup_container #popup_content #popup_panel input#popup_cancel {
        margin-top : 0;
    }
}

/*
-------------------------------------------------
                 Page prospect
-------------------------------------------------
*/

div.prospect-title {
    font-family    : "defont", Arial, Helvetica, sans-serif;
    position       : relative;
    display        : inline-block;
    width          : 100%;
    color          : #003f75;
    font-size      : 24px;
    padding-bottom : 10px;
    text-transform : uppercase;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-email div.control-group div.controls,
div.prospect-wrapper div.prospect-form-wrapper div.control-group div.controls,
div.prospect-wrapper div.prospect-form-wrapper div.control-group div.controls label.radio,
div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday div.control-group {
    display : inline-block;
}

div.prospect-wrapper div.prospect-form-wrapper div.control-group div.controls {
    width          : 80%;
    min-height     : 50px;
    vertical-align : middle;
}

div.prospect-wrapper div.prospect-form-wrapper div.control-group label.control-label {
    text-align : left;
    width      : 20%;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-email {
    border-top     : 1px dotted #cecece;
    padding-top    : 20px;
    border-bottom  : 1px dotted #cecece;
    padding-bottom : 20px;
}

div.prospect-wrapper div.prospect-form-wrapper input,
div.prospect-wrapper div.prospect-form-wrapper select {
    margin  : 0 0 10px;
    padding : 10px;
    width   : 50%;
}

div.prospect-wrapper div.prospect-form-wrapper div.control-group div.controls label.radio {
    display     : inline-block;
    padding-top : 14px;
    width       : 10%;
}

div.prospect-wrapper div.prospect-form-wrapper div.control-group div.controls label.radio input {
    margin   : 0;
    position : initial;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday select {
    width : auto;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday div.control-group:first-child {
    width : 29%;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday div.control-group div.controls {
    width : auto;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday div.control-group:last-child div.controls {
    margin-left : 28%;
}

div.prospect-wrapper div.prospect-form-wrapper div.prospect-form-birthday div.control-group label.control-label:first-child {
    width : 69%;
}

#menu_onglet_1_78 {
    font-weight : bold;
}

/*
-------------------------------------------------
                 Pattern HP
-------------------------------------------------
*/

.container_pattern {
    position : relative;
}

.container_pattern .container_pattern_text {
    position         : absolute;
    bottom           : 10px;
    left             : 10px;
    background-color : white;
    text-transform   : uppercase;
    font-family      : "defont", Arial, Helvetica, sans-serif;
    font-size        : 12px;
    width            : 160px;
    height           : 60px;
}

.container_pattern .arrow {
    background : #003e71 none repeat scroll 0 0;
    height     : 58px;
    position   : absolute;
    right      : -1px;
    top        : 0;
    width      : 22px;
}

.container_pattern .arrow .ico {
    background : rgba(0, 0, 0, 0) url("../images/arrow-mini.gif") no-repeat scroll 0 0;
    height     : 7px;
    left       : 50%;
    margin     : -3px 0 0 -2px;
    position   : absolute;
    top        : 50%;
    width      : 4px;
}

.container_pattern .container_pattern_text .title {
    font-family : "defont", Arial, Helvetica, sans-serif;
    font-size   : 12px;
}

.container_pattern .container_pattern_text .family {
    font-family : "defont", Arial, Helvetica, sans-serif;
    font-size   : 20px;
    line-height : 19px;
}

.container_pattern .container_pattern_text .sous_container_pattern_text {
    padding-left : 20px;
    padding-top  : 13px;
}

.container_pattern .container_pattern_link {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

.container_pattern:hover .arrow {
    background   : #d20025 none repeat scroll 0 0;
    border-color : #d20025;
}

.container_pattern:hover .container_pattern_text {
    color : #d20025;
}

.newsletter-frame {
    border : none;
}

.contactform .contact_message_ok {
    background-color : #f1f1f7;
    color            : #d20024;
    display          : block;
    font-family      : "UniversLTStd-LightCn", Arial, Helvetica, Sansserif;
    font-size        : 14px;
    margin-bottom    : 25px;
    padding          : 10px 15px;
    width            : 100%;
}

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

    .container_pattern .container_pattern_text {
        position         : absolute;
        bottom           : 10px;
        left             : 10px;
        background-color : white;
        text-transform   : uppercase;
        font-family      : "defont", Arial, Helvetica, sans-serif;
        font-size        : 12px;
        width            : 125px;
        height           : 60px;
    }

}

@media screen and (max-width : 1000px) and (min-width : 901px) {

    .container_pattern .container_pattern_text {
        position         : absolute;
        bottom           : 10px;
        left             : 10px;
        background-color : white;
        text-transform   : uppercase;
        font-family      : "defont", Arial, Helvetica, sans-serif;
        font-size        : 12px;
        width            : 100px;
        height           : 40px;
    }

    .container_pattern .arrow {
        background : #003e71 none repeat scroll 0 0;
        height     : 40px;
        position   : absolute;
        width      : 22px;
        border     : 1px solid #003e71;
        right      : -1px;
        top        : -1px;
    }

    .container_pattern .container_pattern_text .sous_container_pattern_text {
        padding-left : 10px;
        padding-top  : 3px;
    }

    .container_pattern .container_pattern_text .family {
        font-size   : 15px;
        line-height : 14px;
    }
}

//Unsubscribenewsletter

.container_unsubscribe_newsletter{

}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter{

}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .title_unsubscribe_newsletter{
    color: #003f75;
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 24px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .subtitle_unsubscribe_newsletter{
    font-size: 13px;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px dotted #cecece;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .text_unsubscribe_newsletter{
    color: #333;
    font-size: 10px;
    position: relative;
    width: 390px;
    margin-bottom: 35px;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter{
    margin-bottom: 20px;
    display: table;
    margin-top: 15px;
    width: 100%;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_email{
    display: table-cell;
    font-weight: bold;
    padding-right: 5px;
    font-size: 11px;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_input{
    display: table-cell;
    width: 220px;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_input input{
    width: 100%;
    line-height: 20px;
    height: auto;
    margin: 0;
    padding: 0;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_submit{
    display: table-cell;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_submit input{
    background: transparent url("../images/btn_login_getpass.png") no-repeat scroll left top;
    border: medium none;
    color: #fff;
    cursor: pointer;
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 25px;
    padding-bottom: 3px;
    text-transform: uppercase;
    width: 40px;
    padding-left: 5px;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter form{
    width: 100%;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .notgood_unsubscribe_newsletter{
    display: none;
}

.container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .good_unsubscribe_newsletter{
    background: #f1f1f7 none repeat scroll 0 0;
    color: #d20024;
    display: block;
    font-family: "UniversLTStd-LightCn",Arial,Helvetica,Sansserif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
    padding: 10px 15px;
    width: 100%;
}

.container_subscribe_newsletter{
    width: 500px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter{
    width: 100%;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .title_subscribe_newsletter{
    color: #003f75;
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 24px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .subtitle_subscribe_newsletter{
    font-size: 13px;
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6ebef;
    margin-bottom: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter{
    display: table;
    width: 100%;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter form{
    width: 100%;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_name{
    margin-top: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_email{
    margin-top: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_complement_adresse{
    margin-top: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_codeville{
    margin-top: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_adresse{
    margin-top: 50px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit{
    margin-top: 35px;
    padding-bottom: 80px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_telephone{
    margin-top: 50px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_naissance{
    margin-top: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_pays{
    margin-top: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin{
    margin-top: 10px;   
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin.newsletter{
    margin-top: 14px;   
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_langue{
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6ebef;
    margin-bottom: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_civilite_label{
    display: table-cell;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_civilite_input{
    display: table-cell;
    padding-left: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_civilite_input .gender_radio{
    display: table-cell;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_civilite_input .gender_label{
    display: table-cell;
    padding-left: 5px;
    padding-right: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_lastname{
    display: table-cell;
    width: 250px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .post_subscribe_newsletter{
    background: #f1f1f7 none repeat scroll 0 0;
    color: #d20024;
    display: block;
    font-family: "UniversLTStd-LightCn",Arial,Helvetica,Sansserif;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
    padding: 10px 15px;
    width: 100%;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content input[type="text"]{
    height: auto;
    margin: 0;
    padding: 0;
    line-height: 26px;
    width: 100%;
    border: 1px solid #e0e0e0;
    color: #7a7a7a;
    padding-left: 7px;
    font-size: 12px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content select{
    height: auto;
    margin: 0;
    padding: 0;
    height: 34px;
    width: 100%;
    border: 1px solid #e2e6ea;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_firstname{
    display: table-cell;
    width: 250px;
    padding-left: 5px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_code_postal{
    display: table-cell;
    width: 100px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .content_ville{
    display: table-cell;
    width: 400px;
    padding-left: 5px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .form_naissance_select{
    display: table;
    width: 250px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .form_naissance_select .naissance_jour{
    display: table-cell;
    width: 20px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .form_naissance_select .naissance_mois{
    display: table-cell;
    width: 20px;
    padding-left: 5px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content .form_naissance_select .naissance_annee{
    display: table-cell;
    width: 20px;
    padding-left: 5px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin{

}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .title_optin{
    display: table-cell;
    width: 100px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin{
    display: table-cell;
    width: 400px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice{
    display: table-cell;
    padding-right: 40px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice.first_child{
    padding-right: 48px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice .choice_radio{
    display: table-cell;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice .choice_label{
    display: table-cell;
    padding-left: 10px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit .form_submit_required_fields{
    display: table-cell;
    vertical-align: bottom;
    color: #7a7a7a;
    font-style: italic;
    width: 186px;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit .form_submit_submit{
    display: table-cell;
    vertical-align: top;
}

.container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit .form_submit_submit input{
    background: #003e71 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    font-family: "UniversLTStd-LightCn";
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 15px;
    padding: 8px 40px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (max-width : 900px) and (min-width : 200px) {

    .container_subscribe_newsletter{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .container_unsubscribe_newsletter{
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    .container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .text_unsubscribe_newsletter{
        width: 100%;
    }

    .container_unsubscribe_newsletter .sous_container_unsubscribe_newsletter .container_form_unsubscribe_newsletter .form_unsubscribe_newsletter_email{
        display: block;
        width: 100%;
    }

    .container_subscribe_newsletter input[type="radio"]{
        height: auto;
    }

    .container_subscribe_newsletter .container_form_content.form_optin input[type="checkbox"]{
        height: auto;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit .form_submit_required_fields{
        display: block;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit .form_submit_submit{
        display: block;
        margin-top: 10px;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_submit{
        padding-bottom: 30px;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice.first_child{
        padding-right: 13px;
        padding-left: 0;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice{
        padding-right: 5px;
        padding-left: 5px;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin.newsletter .optin_choice{
        padding-left: 0px;
    }

    .container_subscribe_newsletter .sous_container_subscribe_newsletter .form_subscribe_newsletter .container_form_content.form_optin .content_optin .optin_choice .choice_radio{
        width: 15px;
    }

}

/*
    PORTRAIT
*/

.portrait-wrapper {
    margin-left: auto;
    margin-right: auto;
    height: 960px;
    position: relative;
    width: 960px;
}

.portrait-item {
    display: inline-block;
    cursor: pointer;
    height: 320px;
    width: 320px;
    position: relative;
    vertical-align: top;
}

.portrait-img {
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.default-portrait .portrait-img {
    opacity: 0.2;
}

.portrait-name-wrapper {
    color: #fff;
    display: table;
    font-size: 20px;
    font-weight: bold;
    height: 320px;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 320px;
    opacity: 0;
}

.default-portrait .portrait-name-wrapper {
    opacity: 1;
}

.portrait-item .portrait-name-wrapper, .portrait-item:hover img {
    transition: opacity 0.15s ease 0s;
}

.portrait-item.hover-portrait:hover img {
    opacity: 0.2;
}

.portrait-item.hover-portrait:hover .portrait-name-wrapper {
    opacity: 1;
}

.portrait-name {
    color: #fff;
    display: table-cell;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}

.portrait-text-wrapper {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box !important;
    display: table;
    height: 100%;
    left: 0;
    padding-left: 25px;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}

.portrait-text {
    display: table-cell;
    vertical-align: middle;
}

.portrait-text-title {
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.portrait-text-description,
.portrait-text-mobile {
    font-family: "UniversLTStd-LightCn",Verdana,Geneva,sans-serif;
    font-size: 14px;
    line-height: 18px;
}

.portrait-text-mobile-wrapper {
    background-color: #fff;
    box-sizing: border-box !important;
    display: table;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.portrait-text-mobile {
    display: table-cell;
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: middle;
}

.portrait-name-mobile-content,
.portrait-text-mobile-content {
    display: inline-block;
    width: 100%;
}

.portrait-name-mobile-content {
    font-family: "defont",Arial,Helvetica,sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.portrait-pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
    margin: 20px 0;
}

.portrait-pagination div {
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin: 0 5px;
    opacity: 0.5;
    width: 24px;
}

.portrait-pagination div:hover,
.portrait-pagination div.active {
    opacity: 1;
}

@media screen and (max-width : 900px) and (min-width : 640px) {
    .portrait-wrapper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 640px;
        height: 100%;
    }

    .default-portrait {
        display: none;
    }
}

@media screen and (max-width : 639px) and (min-width : 320px) {
    .portrait-wrapper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 320px;
        height: 100%;
    }

    .default-portrait {
        display: none;
    }

    .portrait-item.empty {
        display: none;
    }
}

.lcs-text-pattern {
    max-width: 960px;
    margin: auto;
    padding: 0 20px 0 40px;
}

/*
    Pattern negatif
*/
.pattern-negatif h1,
.pattern-negatif h2,
.pattern-negatif h3,
.pattern-negatif p,
.pattern-negatif-title {
    color: #003e71 !important;
}

.pattern-negatif {
    border: 1px solid #003e71 !important;
}

.pattern-negatif .action,
.pattern-negatif .cta,
.pattern-negatif .arrow {
    background-color: #003e71 !important;
    border: 1px solid #003e71 !important;
}

.pattern-negatif .cta {
    color: #ffffff !important;
}

.pattern-negatif .arrow .ico {
    background: rgba(0, 0, 0, 0) url("../images/arrow-mini-white.png") no-repeat scroll 0 0 / 12px 14px !important;
}