@font-face {
    font-family: 'fontTI';
    src:  url('../fonts/fontTI.eot');
    src:  url('../fonts/fontTI.eot?iefix') format('embedded-opentype'),
    url('../fonts/fontTI.ttf') format('truetype'),
    url('../fonts/fontTI.woff') format('woff'),
    url('../fonts/fontTI.svg#fontTI') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

div[aria-describedby="client-message"] {
    left: calc(50% - 300px)!important;
}

#client-message {
    text-align: center;
}
#client-message #client-message-titre {
    font-size: 20px;
    font-family: 'myriad-pro-semi-bold', Arial, sans-serif;
}

#client-message #client-message-titre + p {
    font-size: 18px;
    font-family: 'myriad-pro-semi-bold', Arial, sans-serif;
}

#client-message a {
    background: #ec1625;
    border: 1px solid #EC1625;
    color: #ffffff;
    padding: 13px;
    margin-top: 20px;
    display: inline-block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fontTI' !important;
    letter-spacing: 0;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#icon-logo-parcours-pratique,
#icon-logo-parcours-pratique-blanc {
    position: absolute;
    top: -17px;
    right: -30px;
    font-size: 47px;
    letter-spacing: 0;
    z-index: 1;
}

#icon-logo-docandquiz {
    position: absolute;
    top: -8px;
    right: -60px;
    font-size: 47px;
    letter-spacing: 0;
    z-index: 1;
}
.icon-logo-docandquiz .path1:before {
    content: "\e90f";
    color: rgb(255, 255, 255);
}
.icon-logo-docandquiz .path2:before {
    content: "\e910";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path3:before {
    content: "\e911";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path4:before {
    content: "\e912";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path5:before {
    content: "\e913";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path6:before {
    content: "\e914";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path7:before {
    content: "\e915";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path8:before {
    content: "\e916";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path9:before {
    content: "\e917";
    margin-left: -1.9150390625em;
    color: rgb(91, 102, 112);
}
.icon-logo-docandquiz .path10:before {
    content: "\e918";
    margin-left: -1.9150390625em;
    color: rgb(225, 37, 27);
}
.icon-logo-docandquiz .path11:before {
    content: "\e919";
    margin-left: -1.9150390625em;
    color: rgb(118, 188, 33);
}

#icon-logo-certi {
    position: absolute;
    top: -8px;
    right: -73px;
    font-size: 47px;
    letter-spacing: 0;
    z-index: 1;
}
.icon-logo-certi .path1:before {
    content: "\e900";
    color: rgb(0, 0, 0);
}
.icon-logo-certi .path2:before {
    content: "\e901";
    margin-left: -1.9150390625em;
    color: rgb(0, 0, 0);
}
.icon-logo-certi .path3:before {
    content: "\e902";
    margin-left: -1.9150390625em;
    color: rgb(194, 198, 201);
}
.icon-logo-certi .path4:before {
    content: "\e903";
    margin-left: -1.9150390625em;
    color: rgb(255, 255, 255);
}
.icon-logo-certi .path5:before {
    content: "\e904";
    margin-left: -1.9150390625em;
    color: rgb(194, 198, 201);
}
.icon-logo-certi .path6:before {
    content: "\e905";
    margin-left: -1.9150390625em;
    color: rgb(251, 183, 0);
}
.icon-logo-certi .path7:before {
    content: "\e906";
    margin-left: -1.9150390625em;
    color: rgb(251, 183, 0);
}
.icon-logo-certi .path8:before {
    content: "\e907";
    margin-left: -1.9150390625em;
    color: rgb(251, 183, 0);
}
.icon-logo-certi .path9:before {
    content: "\e908";
    margin-left: -1.9150390625em;
    color: rgb(225, 37, 27);
}
.icon-logo-certi .path10:before {
    content: "\e909";
    margin-left: -1.9150390625em;
    color: rgb(255, 255, 255);
}
.icon-logo-certi .path11:before {
    content: "\e90a";
    margin-left: -1.9150390625em;
    color: rgb(255, 255, 255);
}
.icon-logo-certi .path12:before {
    content: "\e90b";
    margin-left: -1.9150390625em;
    color: rgb(255, 255, 255);
}
.icon-logo-certi .path13:before {
    content: "\e90c";
    margin-left: -1.9150390625em;
    color: rgb(255, 255, 255);
}
.icon-logo-certi .path14:before {
    content: "\e90d";
    margin-left: -1.9150390625em;
    color: rgb(225, 37, 27);
}
.icon-logo-certi .path15:before {
    content: "\e90e";
    margin-left: -1.9150390625em;
    color: rgb(93, 103, 113);
}

@font-face {
    font-family: 'myriad-pro';
    font-weight: normal;
    src: url("../fonts/MyriadPro-Regular.otf") format("opentype");
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('../fonts/MyriadPro-Regular.woff') format('woff'),
    url('../fonts/MyriadPro-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'myriad-pro-semi-bold';
    font-weight: lighter;
    src: url("../fonts/MyriadPro-Semibold.otf") format("opentype");
    src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
    url('../fonts/MyriadPro-Semibold.woff') format('woff'),
    url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'myriad-pro-bold';
    font-weight: normal;
    src: url("../fonts/MyriadPro-Bold.otf") format("opentype");
    src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
    url('../fonts/MyriadPro-Bold.woff') format('woff'),
    url('../fonts/MyriadPro-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'myriad-pro-light';
    font-weight: normal;
    src: url("../fonts/MyriadPro-Light.otf") format("opentype");
    src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Light.woff2') format('woff2'),
    url('../fonts/MyriadPro-Light.woff') format('woff'),
    url('../fonts/MyriadPro-Light.ttf') format('truetype');
}

body {
    font-family: "myriad-pro", sans-serif;
    color: #4d5356;
    overflow-x: hidden;
}

body{-ms-overflow-style: scrollbar;}
/*body.customize-support {
    font-size: 15px;
}*/

/*permet de couper des mots avec un tiret si trop long avec passage à la ligne*/
.hyphens {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "myriad-pro", sans-serif;
    letter-spacing: 1px;
    margin-top:0;
}

h2 {
    font-size: 19px;
    line-height: 22px;
}

h3 {
    font-size: 17px;
    line-height: 22px;
}

h4 {
    font-size: 15px;
    line-height: 22px;
}

a,
p {
    color: #4d5356;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

.link {
    text-decoration: underline;
}
.link:hover {
    cursor: pointer;
    color: #EC1625!important;
    text-decoration: underline;
}

.link-mon-compte:hover {
    cursor: pointer;
    color: #1B8BBB!important;
    text-decoration: underline;
}

a.color-red-eti:hover {
    text-decoration: underline;
}

.owl-carousel .zoning {
    cursor: pointer;
}

.owl-carousel .zoning:hover a {
    text-decoration: underline;
}

#meme-sujet .zoning,
#timeline-v2.timeline-v2 .zoning {
    cursor: default;
}

#meme-sujet {
    background-color:#dbdbdb;
    position:relative;
    padding: 10px;
}
#meme-sujet .content-article > div:first-child {
    margin: 10px 0 0 0;
}
#meme-sujet .tags a,
#meme-sujet .tags>span {
    background-color: #697277;
    color: white;
    display: inline-block;
    margin: 0 10px 10px 0;
}
#meme-sujet .tags a:hover {
    background-color: #EC1625;
}
#meme-sujet .tags a span,
#meme-sujet .tags>span {
    padding: 5px 10px;
    display: inline-block;
}
#meme-sujet ul li {
    height:22px;
}
#meme-sujet ul li a {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

#meme-sujet .bricobar {
    position:absolute;
    bottom:0;
    width:100%;
    background-color:#dbdbdb;
}

dl {
    padding: 0.5em;
    margin-bottom: 0 !important;
}

dt {
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}

.block-bottom {
    clear: both;
}

.social_facebook {
    background: url(../images/facebook.png) no-repeat #ffffff;
}

.social_twitter {
    background: url(../images/twitter.png) no-repeat #ffffff;
}

.social_googleplus {
    background: url(../images/googleplus.png) no-repeat #ffffff;
}

.social_linkedin {
    background: url(../images/linkedin.png) no-repeat #ffffff;
}

.social_youtube {
    background: url(../images/youtube.png) no-repeat #ffffff;
}

#footer {
    position: relative;
    z-index: 0;
}

.footer-bg-color {
    background-color: #F3F3F3 !important;
}

.footer3-bg-color {
    background-color: #EC1625 !important;
    font-family: "myriad-pro", sans-serif;
}

.footer2-bg-color {
    background-color: #FFFFFF !important;
    font-family: "myriad-pro", sans-serif;
}

.footer1-bg-color {
    background-color: #646D72 !important;
    font-family: "myriad-pro", sans-serif;
}

.footer2-bg-color * {
    color: #697277 !important;
}

.footer1-bg-color * {
    color: #FFF!important;
}

.footer1-bg-color .social-icons li {
    text-indent: 0;
}

.footer1-bg-color .social-icons li img {
    border-radius: 50%;
}

.footer0-bg-color {
    background-color: #F3F3F3 !important;
    font-family: "myriad-pro", sans-serif;
}

.footer2-bg-color #hr-separator {
    display:none;
}

.footer2-bg-color #shorcuts_nav {
    padding: 15px 0;
    font-size: 11px;
    color: #FFF!important;
}

.footer2-bg-color #shorcuts_nav li {
    color: #697277!important;
}

.footer2-bg-color #shorcuts_nav a {
    color: #697277!important;
}

.footer2-bg-color #shorcuts_nav .inline .line1 {
    padding-bottom: 6px;
}

.footer2-bg-color #shorcuts_nav .inline {
    display: inline;
    padding: 0;
}

.dark-grey-title {
    color: #697277 !important;
}

.white-title {
    color: #ffffff !important;
}

.red-title {
    color: #EC1625 !important;
}

.inline {
    display: inline;
    padding: 0;
}

.pos-inherit {
    position: inherit;
}
.devider-bg-color-dark {
    border-top: 1px solid #697277;
}

.dropdown-menu-padding-20 {
    border-top: 1px solid #697277;
}

.dropdown-menu-padding-20 {
    padding: 20px !important;
}

.dropdown-menu .zoning:hover .blog-thumb-desc a {
    color: #EC1625;
    text-decoration: underline;
}

.dropdown-menu .blog-thumb .blog-thumb-hover:hover:after {
    background: none;
}

.navbar-background-color {
    background-color: #FFF !important;
}

.menu-background-color {
    background-color: #fff !important;
}

.cart-account-margin-top {
    margin-top: 5px;
}

.header-v4 .dropdown > a:after {
    content: "";
}

.header-v1-logo-padding {
    padding: 8px;
}
.navbar-fixed-top {
    z-index: 99;
}
iframe[title="Blank"] {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    top: -9999px!important;
}
iframe[style^="visibility:"] {
    display: none!important;
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    top: -9999px!important;
}
.header-v1 .navbar-fixed-top {
    border-width:1px;
}
.header-v1 .navbar-nav {
    float:left!important;
    width: 100%;
}
.header-v1 .navbar-default .navbar-nav > li {
    margin-left:0px;
    margin-top: 5px;
    margin-bottom: 6px;
}
.header-v1 .navbar-default .navbar-nav > li .dropdown-menu {
    margin-top: -5px!important;
    background: transparent!important;
    padding-top: 5px;
    border-top: none!important;
}
.header-v1 .navbar-default .navbar-nav > li .dropdown-menu > div {
    background: #E2E1E1!important;
    border-top: none!important;
}
.header-v1 .navbar-default .navbar-nav > li > a,
.header-v1 .navbar-default .navbar-nav > li > a:hover,
.header-v1 .navbar-default .navbar-nav > li > a:focus {
    padding: 11px 0 11px 0;
    color: #697277;
    font-size:12px;
    font-family: 'myriad-pro-semi-bold';
    letter-spacing: 1.10px;
    text-transform: uppercase;
    line-height: 19px;
}

.header-v1 .navbar-default .navbar-nav > .brd-bottom:hover a,
.header-v1 .navbar-default .navbar-nav > .brd-bottom-active a {
    border-bottom: 3px solid #EC1625;
    padding-bottom: 12px!important;
}
.header-v1 .navbar-default .navbar-nav > .accueil.brd-bottom:hover a,
.header-v1 .navbar-default .navbar-nav > .accueil.brd-bottom-active a {
    padding-top: 18px;
    padding-bottom: 9px!important;
    margin-top: 4px;
    height:46px;
    bottom: -1px;
}

.header-v1 .navbar-default .navbar-nav > li:hover > a,
.bg-active > a {
    color: #fff!important;
}

.header-v1 .navbar-default .navbar-nav > li:hover > a {
    color: #697277;
}
/*Pour l'icone menu*/

.border-0 {
    border: 0 !important;
}

.border-1 {
    border: 1px solid #AAAAAA !important;
}

.border-green-1 {
    border: 1px solid #74b504;
}

.font-size-20 {
    font-size: 20px;
}
/***************************************/
/*******        DOMAINES         *******/
/***************************************/

.padding-margin-0 {
    padding: 0 !important;
    margin: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}
.margin-center {
    margin: 0 auto;
}

.padding-0 {
    padding: 0 !important;
}

.padding-3 {
    padding: 3px!important;
}

.padding-5 {
    padding: 5px!important;
}

.padding-7 {
    padding: 7px!important;
}

.padding-9 {
    padding: 9px!important;
}

.padding-10 {
    padding: 10px!important;
}

.padding-15 {
    padding: 15px!important;
}

.padding-20 {
    padding: 20px!important;
}

.padding-22 {
    padding: 22px!important;
}

.padding-25 {
    padding: 25px!important;
}

.padding-26 {
    padding: 26px!important;
}

.padding-30 {
    padding: 30px!important;
}

.padding-40 {
    padding: 40px!important;
}

.padding-80 {
    padding-left: 80px !important;
}

.margin-bottom-0 {
    margin-bottom: 0!important;
}

.margin-bottom-1 {
    margin-bottom: 1px!important;
}

.margin-bottom-10 {
    margin-bottom: 10px!important;
}

.margin-bottom-12 {
    margin-bottom: 12px!important;
}

.margin-bottom-14 {
    margin-bottom: 14px!important;
}

.margin-bottom-17 {
    margin-bottom: 17px!important;
}

.margin-bottom-18 {
    margin-bottom: 18px!important;
}

.margin-bottom-20 {
    margin-bottom: 23px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px!important;
}

.margin-bottom-32 {
    margin-bottom: 32px!important;
}

.margin-bottom-35 {
    margin-bottom: 35px!important;
}

.margin-bottom-45 {
    margin-bottom: 45px!important;
}

.margin-bottom-65 {
    margin-bottom: 65px!important;
}

.margin-bottom-100 {
    margin-bottom: 100px!important;
}

.margin-top-0 {
    margin-top: 0!important;
}

.margin-top-2 {
    margin-top: 2px !important;
}

.margin-top-4 {
    margin-top: 4px !important;
}

.margin-top-5 {
    margin-top: 5px!important;
}

.margin-top--5 {
    margin-top: -5px!important;
}

.margin-top-7 {
    margin-top: 7px!important;
}

.margin-top-8 {
    margin-top: 8px!important;
}

.margin-top-10 {
    margin-top: 10px!important;
}

.margin-top-12 {
    margin-top: 12px!important;
}

.margin-top-13 {
    margin-top: 13px!important;
}

.margin-top-15 {
    margin-top: 15px!important;
}

.margin-top--15 {
    margin-top: -15px!important;
}

.margin-top-17 {
    margin-top: 17px!important;
}

.margin-top-18 {
    margin-top: 18px!important;
}

.margin-top-20 {
    margin-top: 20px!important;
}

.margin-top--20 {
    margin-top: -20px!important;
}

.margin-top-24 {
    margin-top: 24px!important;
}

.margin-top-25 {
    margin-top: 25px!important;
}

.margin-top-30 {
    margin-top: 30px!important;
}

.margin-top-33 {
    margin-top: 33px !important;
}

.margin-top-35 {
    margin-top: 35px!important;
}

.margin-top-40 {
    margin-top: 40px!important;
}

.margin-top-41 {
    margin-top: 41px!important;
}

.margin-top-45 {
    margin-top: 45px!important;
}

.margin-top-50 {
    margin-top: 50px!important;
}

.margin-top-55 {
    margin-top: 55px!important;
}

.margin-top-60 {
    margin-top: 60px!important;
}

.margin-top-65 {
    margin-top: 65px!important;
}

.margin-top-70 {
    margin-top: 70px!important;
}

.margin-top-80 {
    margin-top: 80px!important;
}

.margin-top-82 {
    margin-top: 82px!important;
}

.margin-top-90 {
    margin-top: 90px!important;
}

.margin-top-100 {
    margin-top: 100px!important;
}

.margin-top-200 {
    margin-top: 200px!important;
}

.margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-2 {
    margin-right: 2px!important;
}

.margin-right-3 {
    margin-right: 3px !important;
}

.margin-right-5 {
    margin-right: 5px!important;
}

.margin-right-6 {
    margin-right: 6px !important;
}

.margin-right-10 {
    margin-right: 10px!important;
}

.margin-right-15 {
    margin-right: 15px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-38 {
    margin-right: 38px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-95 {
    margin-right: 70px !important;
}

.margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-4 {
    margin-left: 4px !important;
}

.margin-left-15 {
    margin-left: 15px !important;
}

.margin-left-18 {
    margin-left: 18px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-23 {
    margin-left: 23px !important;
}

.margin-left-25 {
    margin-left: 25px !important;
}

.margin-left-28 {
    margin-left: 28px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-32 {
    margin-left: 32px!important;
}

.margin-left-35 {
    margin-left: 35px !important;
}

.margin-left-38 {
    margin-left: 38px!important;
}

.margin-left-45 {
    margin-left: 45px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-55 {
    margin-left: 55px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-75 {
    margin-left: 75px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-95 {
    margin-left: 95px !important;
}

.margin-left-155 {
    margin-left: 155px !important;
}

.margin-left-184 {
    margin-left: 184px !important;
}

.padding-right-5 {
    padding-right: 5px!important;
}

.padding-right-10 {
    padding-right: 10px!important;
}

.padding-right-13 {
    padding-right: 13px!important;
}

.padding-right-15 {
    padding-right: 15px!important;
}

.padding-right-20 {
    padding-right: 20px!important;
}

.padding-right-25 {
    padding-right: 25px!important;
}

.padding-right-30 {
    padding-right: 30px!important;
}

.padding-right-40 {
    padding-right: 40px!important;
}

.padding-right-50 {
    padding-right: 50px!important;
}

.padding-right-250 {
    padding-right: 250px;
}

.padding-top-0 {
    padding-top: 0!important;
}

.padding-top-1 {
    padding-top: 1px !important;
}

.padding-top-2 {
    padding-top: 2px !important;
}

.padding-top-3 {
    padding-top: 3px!important;
}

.padding-top-4 {
    padding-top: 4px!important;
}

.padding-top-5 {
    padding-top: 5px!important;
}

.padding-top-7 {
    padding-top: 7px!important;
}

.padding-top-8 {
    padding-top: 8px!important;
}

.padding-top-10 {
    padding-top: 10px!important;
}

.padding-top-12 {
    padding-top: 12px!important;
}

.padding-top-14 {
    padding-top: 14px!important;
}

.padding-top-15 {
    padding-top: 15px!important;
}

.padding-top-20 {
    padding-top: 20px!important;
}

.padding-top-25 {
    padding-top: 25px!important;
}

.padding-top-28 {
    padding-top: 28px
    !important;
}

.padding-top-30 {
    padding-top: 30px!important;
}

.padding-top-35 {
    padding-top: 35px!important;
}

.padding-top-40 {
    padding-top: 40px!important;
}

.padding-top-45 {
    padding-top: 45px!important;
}

.padding-top-50 {
    padding-top: 50px!important;
}

.padding-top-55 {
    padding-top: 55px!important;
}

.padding-top-60 {
    padding-top: 60px!important;
}

.padding-top-70 {
    padding-top: 70px!important;
}

.padding-top-80 {
    padding-top: 80px!important;
}

.padding-top-90 {
    padding-top: 90px!important;
}

.padding-top-100 {
    padding-top: 100px!important;
}

.padding-top-200 {
    padding-top: 200px!important;
}

.padding-bottom-0 {
    padding-bottom: 0!important;
}

.padding-bottom-2 {
    padding-bottom: 2px!important;
}

.padding-bottom-3 {
    padding-bottom: 3px!important;
}

.padding-bottom-5 {
    padding-bottom: 5px!important;
}

.padding-bottom-8 {
    padding-bottom: 8px!important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-12 {
    padding-bottom: 12px !important;
}

.padding-bottom-14 {
    padding-bottom: 14px !important;
}

.padding-bottom-15 {
    padding-bottom: 15px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-25 {
    padding-bottom: 25px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-35 {
    padding-bottom: 35px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

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

.padding-left-5 {
    padding-left: 5px!important;
}

.padding-left-10 {
    padding-left: 10px!important;
}

.padding-left-13 {
    padding-left: 13px!important;
}

.padding-left-15 {
    padding-left: 15px!important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-25 {
    padding-left: 25px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-35 {
    padding-left: 35px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-45 {
    padding-left: 45px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-75 {
    padding-left: 75px !important;
}

.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-2v5 {
    letter-spacing: 2.5px;
}

.letter-spacing-50 {
    letter-spacing: 0.5px;
}

.letter-spacing-75 {
    letter-spacing: 0.75px;
}

.letter-spacing-110 {
    letter-spacing: 1.10px;
}

.letter-spacing-120 {
    letter-spacing: 1.20px;
}

.font-size-7 {
    font-size: 7px !important;
}

.font-size-8 {
    font-size: 8px !important;
}

.font-size-9 {
    font-size: 9px !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-19 {
    font-size: 19px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-21 {
    font-size: 21px !important;
}

.font-size-22 {
    font-size: 22px !important;
}

.font-size-23 {
    font-size: 23px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-24-22-20 {
    font-size: 24px;
}

.font-size-25 {
    font-size: 25px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-35 {
    font-size: 35px !important;
}

.font-size-38 {
    font-size: 38px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-48 {
    font-size: 48px !important;
}

.font-size-54 {
    font-size: 58px !important;
}

.font-size-58 {
    font-size: 58px !important;
}

.font-size-85 {
    font-size: 85px !important;
}

.line-height-0 {
    line-height: 0;
}

.line-height-12 {
    line-height: 12px;
}

.line-height-14 {
    line-height: 14px;
}

.line-height-15 {
    line-height: 15px;
}

.line-height-16 {
    line-height: 16px;
}

.line-height-18 {
    line-height: 17px;
}

.line-height-19 {
    line-height: 19px;
}

.line-height-20,
.line-height-1v2 {
    line-height: 20px;
}

.line-height-22 {
    line-height: 22px;
}

.line-height-24 {
    line-height: 24px;
}

.line-height-25 {
    line-height: 25px;
}

.line-height-26 {
    line-height: 26px;
}

.line-height-30 {
    line-height: 30px;
}

.line-height-35 {
    line-height: 35px;
}

.line-height-38 {
    line-height: 38px;
}

.line-height-45 {
    line-height: 45px;
}

.color-red-eti {
    color: #EC1625 !important;
}

.color-blue-eti {
    color: #1b8bbb !important;
}

.color-blue-eti {
    color: #1b8bbb !important;
}

.color-green-eti {
    color: #74b504 !important;
}

.color-orange-eti {
    color: #f78a28 !important;
}

.es-titre {
    font-size: 40px;
}

.es-sous-titre {
    font-size: 17px;
}

.es-p {
    font-size: 11px;
}

.es-sous-titre-footer {
    font-size: 16px;
}

.es-p--footer {
    font-size: 12px;
}

.chevron-size {
    font-size: 0.5em;
}

.question-size {
    font-size: 2em !important;
    background-color: #EC1625 !important;
    color: #ffffff !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    margin-top: 20px;
    font-weight: 100;
}

.chevron-phone-size {
    font-size: 1.5em !important;
    background-color: #ffffff !important;
    color: #EC1625 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-top: 8px !important;
    padding-bottom: 5px !important;
    margin-top: 27px;
    font-weight: 100;
}

.meilleures-ventes-panel {
    padding: 20px;
    box-shadow: 8px 7px 4px -6px #bbb;
}

.meilleures-ventes-price-left {
    margin: 0 0 0 0;
}

.meilleures-ventes-price-right {
    margin: 0 0 0 0;
}

.hr-mod {
    border-top: 1px dashed grey;
    padding-top: 20px;
}

.offers {
    font-size: 12px;
}

.mv-taille {
    font-size: 16px;
}

.border-e2e1e1 {
    border : 1px solid #e2e1e1;
}
.border-666666 {
    border : 1px solid #666666;
}
.border-top {
    border-top: 3px solid #CDCDCD !important;
}

.border-bottom {
    border-bottom: 3px solid #CDCDCD;
}

.border-left {
    border-left: 3px solid #CDCDCD;
}

.border-right {
    border-right: 3px solid #CDCDCD;
}

.no-border {
    border:none!important;
}
.no-border:hover {
    border:none!important;
}
.no-border-right {
    border-right:none!important;
}
.no-border-top {
    border-top-width: 0 !important;
}
.no-border-bottom {
    border-bottom: 0 solid #CDCDCD !important;
}

.border-bottom-black {
    border-bottom: 1px solid #000 !important;
}

.t-body {
    background-color: #fff !important;
}

.t-head {
    background-color: #CDCDCD !important;
    color: #BA0110;
    font-weight: bold;
}

.box-font {
    font-weight: bold;
}

.box-color {
    color: #BA0110;
}

.env-green {
    background-color: #72c02c;
}

.securite {
    border-left: solid 2px #f1c40f;
}

.securite h2 {
    color: #f1c40f;
}

.environnement {
    border-left: solid 2px #72c02c;
}

.environnement h2 {
    color: #72c02c;
}

.eau {
    border-left: solid 2px #3498db;
}

.eau h2 {
    color: #3498db;
}

.bruit-vibration {
    border-left: solid 2px #9b6bcc;
}

.bruit-vibration h2 {
    color: #9b6bcc;
}

.sea {
    border-left: solid 2px #1abc9c;
}

.sea h2 {
    color: #1abc9c;
}

.download {
    border-left: solid 2px #EC3C4D;
}

.download h2 {
    color: #EC3C4D !important;
}

.pdf {
    border-left: solid 2px #EC3C4D;
}

.bg-color-red-eti {
    background-color: #EC1625 !important;
}

.bg-color-red-gradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ec1625+0,6f110e+100 */
    background: #ec1625; /* Old browsers */
    background: -moz-linear-gradient(top,  #ec1625 0%, #6f110e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ec1625 0%,#6f110e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ec1625 0%,#6f110e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec1625', endColorstr='#6f110e',GradientType=0 ); /* IE6-9 */

}

.menu-environnement-text-size {
    font-size: 18px !important;
}

.menu-offres-text-size {
    font-size: 19px !important;
}

.pdf-badge {
    right: -12px !important;
}

.pdf-icon {
    color: #EC1625;
    font-size: 25px;
}

.pdf-icon-background {
    padding: 14px 16px !important;
    background-color: #fff;
}

.btn-color {
    background: transparent;
    color: #697277;
}

.border-navbar {
    border-top: 1px solid #c6c6c6;
    z-index: 0;
    position: relative;
}

.brd-active {
    color: #EC1625 !important;
}

#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.dropdown-style {
    padding-left: 1.3% !important;
    padding-right: 1.3% !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

.section-title-altered {
    background-color: #FAFAFA;
}

.section-title-altered p {
    color: #fff;
    padding: 10px 0;
    margin-bottom: 0;
    background-color: #EC1625;
    width: 75%;
}

.header-modified {
    border: 0 !important;
    background-color: transparent !important;
}

.text-red {
    color: #EC1625;
}

.text-grey {
    color: #DEDBDB;
}

.blockquote {
    border-left: 2px #EC1625 solid;
}

.text-grey-2 {
    background-color: #e2e1e1;
}

.mini-menu {
    background-color: #FAFAFA;
    height: 40px;
}

.menu-title {
    background-color: #EC1625;
    color: #fff;
    margin-bottom: 0;
    width: 75%;
    padding: 10px 1% 10px 1%;
    font-size: 12px;
    font-family: 'myriad-pro', sans-serif;
}

.badge-1 {
    font-size: 20px;
}

.icon-square {
    position: relative;
    top: -35px;
    right: 0 !important;
    font-size: 30px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.icon-square-2 {
    position: relative;
    top: -20px;
    right: -20px !important;
    font-size: 30px;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.icon-square-3 {
    position: relative;
    top: -35px;
    right: 0 !important;
    font-size: 30px;
    padding-top: 6px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 45px;
}

.tagbox-v6-mods {
    margin-top: 14px;
}

.pub {
    border: 1px #D8D8D8 solid;
    background: -webkit-linear-gradient(#FFF, #D8D8D8);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFF, #D8D8D8);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFF, #D8D8D8);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFF, #D8D8D8);
    /* Standard syntax (must be last) */
    box-shadow: 0 8px 5px #A5A3A3;
}

.footer-v2 {
    margin-left: -15px;
}

.subscription-btn-2 {
    display: none;
}

.box-4-badge {
    position: relative;
    top: -45px;
    font-size: 25px;
    border-left: 1px solid #fff;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.left-3 {
    left: 3px;
}

.offer-icon {
    width: 40px;
    height: 40px;
    padding-top: 7px;
}

.securite-icon {
    background-color: #f7b334;
}

.offers-sub-header {
    font-style: italic !important;
    color: #95a5a6 !important;
}

.footer-tel-icon {
    border: 1px solid #eeeeee;
    width: 45px;
    height: 45px;
    padding-top: 13px !important;
    padding-left: 14px !important;
    margin-top: 20px;
}

.content-container {
    margin-top: 92px;
}
/***************************************/
/*******         ACCUEIL          ******/
/***************************************/
.no-background {
    background:none;
}
.no-background-image {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .0001) 0) !important;
}

.slider-digit {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 30px;
}

.autres-card + .btn-u {
    position: absolute;
    bottom: 0;
    left: 10px;
    z-index: 1;
}

.autres-card p {
    letter-spacing: 0.75px;
}

.autres-icon {
    font-size: 45px;
}

.slick-active > button {
    background-color: #EC1625 !important;
    border: 1px solid #EC1625 !important;
}

.slick-dots {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
    text-align: center;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: calc(100% - 56%);
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.slick-dots > li {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}

.slick-dots > li > button {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    font-size: 0;
    width: 15px;
    height: 15px;
    padding: 3px;
    cursor: pointer;
}

.slide {
    width: 100%;
}

.slider-card {
    background-color: #fff;
    position: absolute;
    z-index: 100;
    top: 40px;
    padding: 25px;
    width: 350px;
    margin-left: 32%;
}

.line-break {
    display: block;
}

.cat-btn i {
    color: #EC1625;
}


.btn-u.btn-u-empty {
    background: #ffffff;
}

.btn-u.btn-u-empty:hover,
.btn-u.btn-u-empty:focus,
.btn-u.btn-u-empty:active,
.btn-u.btn-u-empty.active {
    background: #ffffff;
}

.btn-u-red:hover,
.btn-u-red:focus {
    background-color: #fff !important;
    color: #ec1625 !important;
    text-decoration: none!important;
}

.btn-u-green:hover,
.btn-u-green:focus {
    background-color: #fff !important;
    color: #74b504 !important;
    text-decoration: none!important;
}

.btn-u-blue:hover,
.btn-u-blue:focus {
    background-color: #fff !important;
    color: #1b8bbb !important;
}

.btn-u-default:hover,
.btn-u-default:focus {
    background-color: #fff !important;
    color: #95a5a6 !important;
}

.btn-u-dark:hover,
.btn-u-dark:focus {
    background-color: #fff !important;
    color: #555 !important;
}

.btn-u-grey:hover {
    background: #95a5a6;
}

.btn-u-grey-dark,
.btn-u-grey-dark:hover,
.btn-u-grey-dark:focus {
    background: #697277;
    color: #ffffff;
}

#cat-btn:focus {
    background-color: #EC1625 !important;
    color: #fff !important;
}

.eti-accueil-devider {
    width: 30px;
    border-bottom: 2px #EC1625 solid;
}

.eti-blue-devider {
    width: 30px;
    border-bottom: 2px #1B8BBB solid;
}

.eti-footer-devider {
    width: 30px;
    height:0px;
    border-bottom: 2px #FFF solid;
}

.eti-actu-devider {
    width: 30px;
    border-bottom: 2px #697277 solid;
}

.cat-btn {
    background-color: #ffffff!important;
    color: #4F4F4F;
    font-size: 13px;
    width: 100%;
    text-align: left;
    padding: 13px 0;
    font-family: myriad-pro-bold;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
}

.cat-btn:hover {
    /*background-color: #EC1625!important;
    color: #fff !important;*/
    border-bottom:1px solid #EC1625;
    color: #EC1625!important;
}

.cat-btn:hover i {
    color: #fff !important;
}

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

.block {
    display: block;
}

.search-bar {
    border: 0;
}

.search-bar-2 {
    height: 40px!important;
    background-color: #e2e1e1!important;
    border: 0;
}

.btn-search-auteurs {
    position: absolute;
    top: 0;
    right:40px;
    z-index: 9;
}
.menu-ressources-search-bar {
    border-width: 0;
}

.search-btn {
    height: 30px;
    width: 30px;
    padding: 6px;
    border-radius: 0!important;
}

.search-btn-2 {
    height: 40px;
    width: 40px;
    padding: 11px;
}

.search-btn i {
    font-size: 17px;
}

.accueil-icon-font {
    font-size: 30px;
}

div[class^="element-wrapper-"]>p {
    letter-spacing: 0.2px;
    font-size: 12px;
    line-height: 18px;
}

div[class^="element-wrapper-"] img {
    max-height: 122px;
}

.owl-custom-left {
    position: absolute;
    left: 20px;
    top: 120px;
    display: block;
}

.owl-custom-right {
    position: absolute;
    right: 20px;
    top: 120px;
    display: block;
}

.owl-custom-controls {
    font-size: 30px;
    color: #EC1625;
}

.owl-custom-left:hover,
.owl-custom-right:hover {
    cursor: pointer;
}

.mos-img-1 {
    width: 100%;
}

.mos-img-2 {
    width: 100%;
}

.mos-col-dim {
    width: 320px;
}

.pub-annonce {
    width: 200px !important;
    margin-left: 830px !important;
}

.pub-img {
    width: 300px !important;
    height: 250px !important;
    margin-left: 17px !important;
    margin-right: 10px !important;
    display: block;
    overflow: hidden;
}

.pub-img-2 {
    width: 300px !important;
    height: 250px !important;
    margin-left: 7px !important;
    margin-right: 200px !important;
    display: block;
    overflow: hidden;
}

.pub-img-3 {
    width: 300px !important;
    height: 250px !important;
    margin-left: 100px !important;
    display: block;
    overflow: hidden;
}

.inv-img {
    width: 610px !important;
    height: 250px !important;
    margin-left: 17px;
    display: block;
    overflow: hidden;
}

.env-img {
    width: 300px !important;
    height: 510px !important;
    margin-left: 100px !important;
    display: block;
    overflow: hidden;
}

.right-badge {
    background-color: #EC1625 !important;
    position: absolute;
    left: 17px;
    top: 0;
    z-index: 2;
    padding: 8px 18px;
    color: #fff;
}

.right-badge-bis {
    background-color: #EC1625 !important;
    position: absolute;
    left: 7px;
    top: 0;
    z-index: 2;
    padding: 8px 18px;
    color: #fff;
}

.left-badge {
    background-color: #EC1625 !important;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 8px 14px;
    color: #fff;
    font-family: "myriad-pro", sans-serif;
    font-size: 10px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.left-badge-bis {
    background-color: #EC1625 !important;
    z-index: 2;
    padding: 8px 14px;
    color: #fff;
    font-family: "myriad-pro", sans-serif;
    font-size: 10px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
}

.acceuil-badge {
    background-color: #EC1625 !important;
    position: absolute;
    left: 45px;
    top: 0;
    z-index: 2;
    padding: 8px 18px;
    color: #fff;
}

.acceuil-title {
    background-color: #fff !important;
    position: absolute;
    font-size: 15px;
    left: 10px;
    bottom: 10px;
    width: 80%;
    z-index: 2;
    padding: 8px 18px;
    color: #EC1625;
    letter-spacing: 0.75px;
    line-height: 18px;
}

.acceuil-title p {
    display: none;
    font-size: 12px;
    min-height: 82px;
}

.acceuil-title .publi {
    background: #697277;
    padding: 6px 20px;
    color: #ffffff!important;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.edition .acceuil-title {
    width: 100%;
    left: 0;
    bottom: 0;
    border: 1px solid #C6C6C6;
    border-top: none;
    background: #EC1625!important;
}
.edition .acceuil-title * {
    color: #ffffff !important;
}

.large-img .acceuil-title p {
    min-height: 46px;
}

.acceuil-title-2 {
    background-color: #fff !important;
    position: absolute;
    left: 30px;
    bottom: 20px;
    width: 65%;
    z-index: 2;
    padding: 8px 18px;
    color: #EC1625;
}

.title-font-size {
    font-size: 14px !important;
}

.search-bar {
    border: 0;
    background-color: #e2e1e1;
}

.advanced-search {
    width: 225px;
}

.btn-logiciel {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
    color: #fff;
}

.btn-style {
    float: right;
    margin-left: 10px;
    margin-bottom: 0;
}

.btn-logiciel-icon {
    font-size: 15px;
}

.exp-icon {
    color: #EC1625;
}

.es-sous-titre-footerr {
    font-size: 12px !important;
    margin-bottom: 0 !important;
    margin-left: 50px !important;
    margin-top: 30px !important;
}

.es-p-footerr {
    font-size: 12px !important;
    margin-left: 50px !important;
    margin-bottom: 30px !important;
}

.footer-row2-rightCol-style {
    font-size: 12px !important;
    margin-right: 50px !important;
    margin-top: 30px !important;
}

.footer-row3-p-style {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
    margin-left: 50px !important;
    margin-right: 50px !important;
    margin-bottom: 0 !important;
}

.footer-row3-padding {
    padding-left: 24px;
    padding-right: 0;
}

.footer-row3-padding:first-child {
    padding-left: 15px !important;
}

.footer a {
    font-size: 11px;
    color: #ffffff;
}
.footer a:hover {
    text-decoration: underline;
}

.footer h2 {
    margin-bottom: 0;
}

.slash-style {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.hr-style {
    border-top-width: 2px !important;
    border-color: #ddd !important;
}

.rech-rapide {
    color: #EC1625;
}

.act {
    color: #697277;
}

.pub-style {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    /*height: 100%;*/
    min-height: 250px;
    display: block;
    overflow: hidden;
    width: 300px;
    position: relative;
}
.pub-style > img {
    min-width: 300px;
    min-height: 250px;
}

.large-img {
    width: 610px;
    display: block;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#sticky {
    position: fixed;
    z-index: 10000;
    color: #fff;
    top: 264px;
    right: 0;
}

#sticky-menu a {
    display: block;
}

#sticky-menu .prospect:hover p {
    background-color: #ccc;
}

#sticky-menu .prospect {
    /*height: 100px;
    width: 100px;*/
}

#sticky-menu .prospect img {
    margin-right:10px;
}

#sticky-menu .prospect p {
    padding: 10px;
    background: #ebebeb;
    margin:0;
}

#sticky-menu .abo {
    background: #1B8BBB;
    padding:15px 10px;
    height:100px;
    width:100px;
    text-align: center;
}

#sticky-menu .abo p {
    color: #ffffff;
}

#sticky-menu .abo p.badge {
    padding: 2px 2px 2px 2px!important;
    border: 1px solid;
}
#sticky .close-sticky {
    position: absolute;
    top: 0;
    left: 0;
    background: #ebebeb;
    cursor: pointer;
    padding: 2px 5px;
    display:none;
}

.sticky-show {
    margin-right:0px;
}

.sticky-hide {
    margin-right: -136px;
}

.sticky-hide .prospect {
    margin-left: 20px;
}

.btn-stk {
    padding: 9px 0 5px;
    font-size: 20px;
    margin: 0;
    height: 40px;
    width: 40px;
}

.btn-action {
    padding: 12px;
    font-size: 11px;
    border-bottom: 1px #fff solid;
    height: 40px;
    width: 195px;
}

.btn-action a,
.btn-action p,
.btn-action ul {
    color: #fff;
    margin: 0;
}

.btn-action li {
    margin-left: 3px;
    margin-right: 3px;
}

.stk-brd-btm {
    border-bottom: 1px #fff solid;
}

.stk-brd-lft {
    border-left: 1px #fff solid;
}

.social-li {
    padding-top: 10px !important;
    padding-bottom: 9px !important;
}

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

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

.black-background-color {
    background-color: #000000 !important;
}

.padding-menu {
    padding-bottom: 12px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

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

.dl-horizontal dt {
    width: 22px !important;
    margin-right: 17px;
    text-align: center;
    float: left !important;
}

.dl-horizontal dd {
    text-align: left;
    font-size: 13px;
    margin-top: -2px;
    margin-bottom: 11px;
    letter-spacing: 0.75px;
    line-height: 16px;
}

.box-colors {
    background-color: #e2e1e1 !important;
    color: #555555 !important;
    position: relative;
}

.offres-title {
    color: #EC1625 !important;
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 14px;
}

.offres-paddings {
    padding: 0 16px;
}

.inscription-newsletter-slide {
    padding-top: 11px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.environnement-securite-color {
    color: #9eb504;
}

.environnement-securite-bgcolor {
    background-color: #9eb504;
}

.breadcrumb>li+li:before {
    content: ">\00a0";
    color: #697277;
}

.breadcrumb {
    font-size: 11px;
    margin-bottom: 0;
    top: 0;
    padding: 8px 0 8px 20px;
}

.breadcrumb > li {
    display: inline!important;
}

.breadcrumb li a:hover {
    color: #95a5a6;
}

.domaine-secteur-box {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 10;
}

.domaine-secteur-box .ez_html_module p {
    margin: 0 15px;
}

.domaine-secteur-box .ez_html_module p.text-center {
    text-align: left;
}

.domaine-secteur-box img {
    width: 80px;
    display: block;
}

.text-9eb504 {
    color: #9eb504;
}

.icon-size-2 {
    font-size: 28px;
}

.icon-size-3 {
    font-size: 20px;
}

.panel-default>.panel-heading {
    border-color: #fff;
}

.btn-x.btn-u-blue {
    border: 1px #1B8BBB solid;
    background-color: #1B8BBB;
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-x.btn-u-blue:hover {
    color: #1B8BBB;
    background: #fff;
}

.btn-x.btn-u-red {
    border: 1px #EC1625 solid;
    background-color: #EC1625;
    font-size: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 0;
    padding-right: 0;
}

.btn-x.btn-u-red:hover {
    color: #EC1625;
    background: #fff;
}

.btn-expend {
    border: 1px #697277 solid;
    color: #697277;
    background-color: rgba(149, 165, 166, 0);
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.btn-expend:hover {
    background-color: #697277;
}

.img-x {
    width: 100%;
    /*max-width: 102px;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
    padding: 15px 0;
}
.visuel-offre {
    width: 150px;
    position: absolute;
    top: 3px;
    z-index: 1;
    left: 22px;
}
.visuel-offre + .btn-u-green {
    margin-top: 70px;
    position: relative;
    width: 100%;
    left: 0;
}

.img-offre {
    padding: 15px;
}

.cellule {
    border-left: 0;
    border-right: 0;
    box-shadow: 0 0 0 #888888;
    margin-bottom: 0;
}
.cellule.panel-default:first-child {
    border: none!important;
}
.cellule .panel-heading {
    background-color: #fff;
}

.cellule h4 {
    text-transform: uppercase;
    margin: 0;
    color: #4d5356;
}

.price-1 {
    text-decoration: line-through;
    font-size: 10px;
}

.price-2 {
    color: #4d5356;
    height: 25px;
    margin-top: 15px;
}

.price-2.abo {
    width: 115px;
}

.dock-quiz .price-2.abo {
    width: 60px;
}

.cellule-list {
    margin-left: 190px;
    font-size: 14px;
    letter-spacing: 0.75px;
}

p.cellule-list {
    margin-bottom: 0;
}

.cellule-list li:before {
    content: "- ";
    font-weight: bold;
    margin-right: 10px;
}

.cellule-list-2 li:before {
    content: "> ";
    font-weight: bold;
    margin-right: 10px;
}

.env-test-pub-links a {
    font-weight: bold;
    color: #000 !important;
    margin-left: 10px;
}

.env-test-pub-links a {
    font-weight: bold;
    color: #000 !important;
    margin-left: 10px;
}

.newsletter-title-2 {
    color: #EC1625 !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.newsletter-title-2 {
    color: #EC1625 !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

#dom-sc .col-xs-12 li a:hover {
    background-color: transparent;
}

.header-btn-size {
    font-size: 20px;
}

.xpnd-mods {
    width: 18px;
    height: 18px;
    padding: 0 !important;
}

.publi-img {
    width: 300px;
    height: 250px;
}

.badge-env-actu {
    margin-top: 4px;
    background-color: #EC1625 !important;
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 8px 18px;
    color: #fff;
}

.acceuil-title-actu {
    background-color: #fff !important;
    position: absolute;
    bottom: 10px;
    width: 230px;
    z-index: 2;
    padding: 8px 18px;
    color: #E72C46;
    margin-bottom: 10px;
    margin-left: 15px;
}

.top-24 {
    top: 24px;
}

.btn-center {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    line-height: 15px;
    letter-spacing: 1px;
    font-size: 13px;
    text-align: center;
}

.btn-center-light {
    padding:6px!important;
}
#newsletter-form .btn-u {
    height: 34px;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.conf-title {
    left: 0;
    bottom: 0;
    z-index: 2;
    color: #E72C46;
    margin-bottom: 0;
    margin-top: 3px;
    width: 300px;
    min-height: 86px;
    line-height: 16px;
    position: relative;
}

.conf-title > span {
    background: #000;
    color: #fff!important;
    padding: 2px 5px;
    display: inline-block;
    margin-bottom: 2px;
}
.conf-title > span + span {
    background: none;
    color: #4d5356!important;
}
.conf-title > h3 {
    line-height: 15px;
    margin-bottom: 7px!important;
}
.conf-title > p {
    margin-bottom: 0;
}
.margin-tagbox-actualite {
    margin-top: 5px !important;
    margin-left: 5px !important;
}

.color-icon-697277 {
    color: #697277 !important;
}

.title-font-size {
    font-size: 14px !important;
}

.search-bar {
    border: 0;
    background-color: #e2e1e1;
}

.advanced-search {
    width: 225px;
}

.min-height-auto {
    min-height: auto!important;
}

.height-21 {
    height: 21px;
}

.height-34 {
    height: 34px;
}

.tab-bg {
    background-color: #fff !important;
}

.tab-content-article .tab-bg {
    margin: 70px 0 0 0;
}
/*.tab-content-article .tab-bg#details {
margin:0;
}*/

.tab-content-article #offre-commerciale.tab-bg {
    margin: 0;
}

.menu-links {
    color: #000 !important;
    background-color: #FFF !important;
    border-bottom-width: 0!important;
}

.domaine-expertise-margin {
    width: 330px;
    margin-left: 25px;
}

.mots-clefs-margin {
    //margin-left: 24px;
    //margin-right: 15px;
    width: 150px;
}

.newsletter-text {
    line-height: 14px;
}

.newsletter-input {
    padding-left: 8px;
    width: 100% !important;
}

.btn-expend {
    margin-top: 35px;
    padding: 0 6px;
    font-size: 16px;
    line-height: 14px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.downloads-title {
    letter-spacing: 1px;
}

.nav-tabs > li {
    text-align: center;
    margin-bottom: -2px;
}

.tab-v1 .nav-tabs {
    position: relative;
    z-index: 3;
    border-bottom: solid 2px #e2e1e1;
    margin-top:20px;
}

.tab-v1 .nav-tabs a {
    padding: 5px 0;
    font-family: myriad-pro-semi-bold;
    min-height: 65px;
}

#sommaire .tab-v1 .nav-tabs a {
    margin: 0;
    min-height: 45px;
}

/*#sommaire .tab-v1 .nav-tabs .tab1-sommaire-detaille {
    display: none;
}*/
.tab-v1 .nav-tabs > .active > a,
.tab-v1 .nav-tabs > .active > a:hover,
.tab-v1 .nav-tabs > .active > a:focus {
    background: none;
    color: #ec1625;
    border-bottom: 5px solid #EC1625;
}

.tab-v1 .tab-content img {
    margin-top: 0;
    margin-bottom: 0;
}

.tab-content .documents-smint {
    /*min-height: 660px;*/
}

.offres-title {
    color: #EC1625 !important;
    font-weight: 800;
    text-transform: uppercase;
}

.cadre-downloads {
    width: 300px;
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background: #fff;
}

.cadre-downloads>a {
    display: block;
    height: 250px;
}

.cadre-downloads .book {
    border-bottom: 1px solid #E3E3E3;
}

.book .pub-style {
    /*border:1px solid #c6c6c6;*/
}

.cadre-downloads .book .shadow-red,
.cadre-downloads-large .book .shadow-red {
    box-shadow: none;
}
.cadre-downloads .book:hover .shadow-red,
.cadre-downloads-large .book:hover .shadow-red {
    -moz-box-shadow: 5px -5px 0 0 #EC1625;
    -webkit-box-shadow: 5px -5px 0 0 #EC1625;
    -o-box-shadow: 5px -5px 0 0 #EC1625;
    box-shadow: 5px -5px 0 0 #EC1625;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#EC1625, Direction=134, Strength=0);
}

.cadre-downloads .book:hover,
.col-droite-actu .book:hover {
    -moz-box-shadow: 0 0 1px 0 #9b9b9b;
    -webkit-box-shadow: 0 0 1px 0 #9b9b9b;
    -o-box-shadow: 0 0 1px 0 #9b9b9b;
    box-shadow: 0 0 1px 0 #9b9b9b;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=1);
    border-bottom: 0 solid #FFF;
}

.cadre-downloads-large > div + div,
.cadre-downloads-large a > div + div {
    height: 250px;
}

.cadre-downloads .book img {
    margin-top: 0;
    margin-bottom: 0;
    z-index: 2;
    position: relative;
}

.cadre-downloads:hover h3 {
    text-decoration: underline;
}
.title-downloads-panel {
    line-height: 19px;
}

.download-panel-img {
    width: 100px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
}

.tab-v1 .nav-tabs li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-tabs.interactif li a {
    padding-top: 16px !important;
}

.nav-tabs.interactif li a#test-quiz_link {
    padding-top: 10px !important;
}

.tab-v1 .nav-tabs li a:hover {
    background: none;
    color: #EC1625;
    border-bottom: 5px solid #EC1625;
}

#triangle-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #697277;
    margin-left: 48%;
    position: absolute;
    display: none;
}

.active #triangle-down {
    display: block;
}

.offre-width {
    width: 260px !important;
}

.pub-img-env {
    width: 300px !important;
    height: 250px !important;
    margin-left: 20px !important;
    margin-right: 10px !important;
}

.pub-annonce-env {
    width: 200px !important;
    margin-left: 760px !important;
}

.pub-annonce-env-actualite {
    width: 200px !important;
    margin-left: 730px !important;
}

.badge-env {
    margin-top: 4px;
    background-color: #EC1625 !important;
    position: absolute;
    left: 20px;
    top: 0;
    z-index: 2;
    padding: 8px 18px;
    color: #fff;
}

.md-margin-top-100 {
    margin-top: 100px !important;
}

.tag-box-style {
    background-color: #e2e1e1 !important;
    padding-right: 20px !important;
    width: 300px !important;
    margin-left: 0 !important;
    padding-left: 40px !important;
}

.mos-col-dim-env-2 {
    background-color: #e2e1e1;
    margin-top: 5px !important;
    margin-left: 20px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-top: 0 !important;
    padding-right: 20px !important;
    width: 300px !important;
    height: 250px !important;
}

.mos-col-dim-env-3 {
    background-color: #e2e1e1;
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 20px !important;
    padding-top: 0 !important;
    padding-right: 20px !important;
    width: 300px !important;
    height: 250px !important;
}

.pub-bloc {
    position: relative;
}

.pub-bloc > p {
    position: absolute;
    top: -18px;
    left: 50%;
    margin-left: -150px;
}

.pub-width {
    width: 300px !important;
    margin: 0 auto;
}

.margin-top-40-pub {
    margin-top: 40px;
}
/* seif-custom */

.fa-size-1v3 {
    font-size: 1.3em;
}

.fa-arrow-right {
    border-right: 2px solid;
}

.mosaique-size {
    width: 300px !important;
    height: 250px !important;
}

.mosaique-ecophyto-size {
    width: 360px !important;
    height: 510px !important;
}

.border-transparent-1 {
    border-bottom: 1px transparent;
}

.border-bottom-0 {
    border-bottom: 0;
}

.glyphicon-size-2 {
    font-size: 2em;
}

.border-bottom-dark-gray {
    border-bottom: 1px solid #c6c6c6;
}

.font-awesome-size-2 {
    font-size: 2.5em !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-600 {
    font-weight: 600 !important;
}

.font-weight-700 {
    font-weight: 700 !important;
}

#topcontrol {
    background-color: #697277;
}

#hr-separator {
    border-top-width: 1px !important;
    border-color: #eeeeee !important;
    width: 100%!important;
    margin: 20px 0!important;
    height: 1px!important;
    background: none!important;
}

.margin-top-xs-40 {
    margin-top: 85px !important;
}

.background-color-F1F1F1 {
    background-color: #F1F1F1 !important;
}

.background-color-EFEEEE {
    background-color: #EFEEEE !important;
}

.background-color-F2F2F2 {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    z-index: 1;
}

.width-220 {
    width: 220px !important;
}

.overlay {
    display: none;
    background-color: rgba(0, 0, 0, .6);
    position: absolute;
    height: 250px;
    width: 300px;
    top: 0;
    left: 0;
    z-index: 1;
}

a.large-img .picto-plus-zoom {
    top: 40%;
    left: 45%;
}

a.haute-img .picto-plus-zoom {
    top: 45%;
    left: 41%;
}

a.pub-style:hover .picto-plus-zoom,
a.large-img:hover .picto-plus-zoom {
    transition: all .2s ease-in-out;
    opacity: 1;
    -moz-opacity: 100;
    -ms-filter: "alpha(opacity=100)";
}

.col-centered {
    float: none;
    margin: 0 auto;
}

.top-20 {
    top: 20px !important;
}

.youtube-container {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    height: 178px;
    overflow: hidden;
}

.youtube-container iframe {
    width: 300px !important;
    height: 178px !important;
}

.youtube-container a img,
.youtube-container img {
    width: 300px !important;
    /*height: 178px !important;*/
}

.youtube-player {
    display: block;
    width: 100%;
    /* assuming that the video has a 16:9 ratio */
    padding-bottom: 59.34%;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    cursor: hand;
    cursor: pointer;
    display: block;
}

img.youtube-thumb {
    margin-top: -28px !important;
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 4px;
    height: auto
}

div.play-button {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 55%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("../assets/img/main/play.png") no-repeat
}

#youtube-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.font-family-myriadpro-light {
    font-family: 'myriad-pro-light';
}

.font-family-myriadpro-bold {
    font-family: 'myriad-pro-bold';
}

.font-family-myriadpro-semibold {
    font-family: 'myriad-pro-semi-bold';
}

.font-family-myriadpro {
    font-family: 'myriad-pro';
}

.notre-offre-box {
    width: 300px !important;
    height: 250px !important;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 0;
}

.header-v1 .form-control {
    font-size: 11px;
}

.form-control:focus {
    /*-moz-box-shadow: 0 0 10px 0 #EC1625;
-webkit-box-shadow: 0 0 10px 0 #EC1625;
-o-box-shadow: 0 0 10px 0 #EC1625;
box-shadow: 0 0 10px 0 #EC1625;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#EC1625, Direction=NaN, Strength=10);*/
    border: 1px solid #697277;
    background-color: #fff;
}

.has-error .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}

.bottom-bloc button {
    width: 100%;
}

.bottom-bloc .pub-bloc {
    margin-top: 30px !important;
}

.slick-slider {
    /*margin-top:20px*/
}

.slick-slider .slick-prev {
    display: inline-block;
    position: absolute;
    top: 155px;
    left: 0;
    z-index: 1;
}

.slick-slider .slick-next {
    display: inline-block;
    position: absolute;
    top: 155px;
    right: 0;
    z-index: 1;
}

.vertical-align-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative;
    top: -2px;
}

.offer-devider {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 23px;
    border-bottom: 2.5px #EC1625 solid;
}

.myti-info-compte .left {
    float: left;
}

.myti-info-compte .text-ip {
    width: 65%;
}

.myti-info-compte .buton-abos {
    width: 20%;
    text-align: right;
}
.myti-info-compte div.left:first-child {
    width: 10%;
    text-align: center;
}

.myti-info-compte {
    background: #e2e1e1;
    margin: 0 auto;
    padding: 10px 0;
    max-width: 1140px;
    border: none;
    color: #697277;
    font-family:myriad-pro;
    position: relative;
    z-index: 1;
}
.myti-info-compte img {
    display: inline-block;
}

.panel-heading .downloads-title a:hover {
    text-decoration: underline;
}
/*POPIN CONFERENCES*/

#di-conf-popin {
    height: auto!important;
    letter-spacing: 0.75px;
    line-height: 16px;
}

#di-conf-popin p {
    display: inline-block;
    font-size: 13px;
}

#di-conf-popin .formError {
    left:0!important;
}
#di-conf-popin .formErrorContent {
    position: relative;
    display: block;
    color: #d11111;
    font-size: 12px;
}

#di-conf-popin #form-container {
    width:100%;
}
#di-conf-popin .champs-requis {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    left: 0;
}

#di-conf-popin .button {
    background: #EC1625!important;
    width: auto;
    height: 26px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    border: none;
    cursor: pointer;
    margin: 0;
    padding: 0 10px;
    border-radius: 0;
}

#di-conf-popin .bottom {
    margin: 20px 0;
    padding: 0;
}

#di-conf-popin .titre {
    font-size: 14px;
    margin: 0 0 30px;
    width: auto;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    font-family: myriad-pro;
}

#form-container {
    width: 65%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.ez_html_module .panel-heading img {
    width: 100%;
    padding-top: 30px;
}
/* -------------------- *\
|         OFFRES         |
\* -------------------- */

.brd-sec-active {
    color: #9eb504 !important;
}

.btn-devis--details {
    width: 175px;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 11.5px;
    padding-top: 11.5px;
    border: 1px solid #697277;
    padding-left: 0;
    padding-right: 0;
}

.btn-devis--details:hover {
    background-color: #fff;
    color: #697277;
}

.btn-offers--details {
    width: 175px;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-left: 5px;
    border: 1px solid #74b504;
    padding-left: 0;
    padding-right: 0;
}

.btn-offers--details:hover {
    background-color: #fff;
    color: #74b504;
}

.btn-offers--details i {
    font-size: 16px;
}

.bg-color-9eb504 {
    background-color: #9eb504;
}

.bg-color-e5e5e5 {
    background-color: #e5e5e5;
}

.bg-color-74b504 {
    background-color: #74b504;
}

.bg-color-697277 {
    background-color: #697277;
}

.color-9eb504 {
    color: #9eb504;
}

.color-green {
    color: #9eb504 !important;
}

.color-red {
    color: #EC1625 !important;
}

.color-black {
    color: #4d5356 !important;
}

.font-captage {
    font-size: 16.32px !important;
}

.tout-ouvrir {
    color: #9eb504;
    cursor: pointer;
}

.table > tbody > tr {
    font-family: 'myriad-pro', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #4d5356;
    letter-spacing: 1px;
}
.myti-bloc-actions-users .table > tbody > tr {
    font-size: 13px;
}

.width100 {
    min-width:100px;
}
.width150 {
    min-width:150px;
}
#timeline-v2.timeline-v2 > li .badge {
    padding: 2px 2px 3px;
    line-height: 10px!important;
    top: -11px!important;
    margin-right: 7px;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel .table > tbody > tr > td {
    padding-top: 0;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel .table {
    margin-bottom: 0;
}

#timeline-v2.timeline-v2 > li:hover .cbp_tmlabel div a.color-red-eti {
    color: #EC1625!important;
    text-decoration: underline;
}

#timeline-v2.timeline-v2 > li:hover .cbp_tmlabel div .badge i {
    color: #FFF!important;
    text-decoration: none;
}

#presentation .table > tbody > tr:hover .col4 a {
    color: #EC1625!important;
    cursor: pointer;
    text-decoration: underline;
}

#presentation .table > tbody > tr:hover td.col1 * {
    color: #ffffff!important;
}

#presentation .table > tbody > tr > td {
    border-top: 0 solid #ddd;
    height: 30px !important;
    padding: 4px 8px 8px;
    vertical-align: top!important;
}

#presentation .table > tbody > tr > td.col1 {
    width: 5%;
    padding-left: 0;
}

#presentation .table > tbody > tr > td.col2 {
    width: 10%;
}

#presentation .table > tbody > tr > td.col3 {
    width: 10%;
}

#presentation .table > tbody > tr > td.col4 > span {
    color : #697277;
    font-family: myriad-pro-bold;
}

.media-key-download {
    background-color : #E2E1E1;
    color : #4D5356;
    padding: 3px 10px;
    font-family: myriad-pro-bold;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel span {
    top: 0;
    line-height: 27px;
    overflow: hidden;
    font-size: 15px;
    letter-spacing: 1px;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel > div p.margin-0 span {
    padding-top: 2px!important;
}

/*#timeline-v2.timeline-v2 > li .cbp_tmlabel span:first-child {
    padding-left: 0;
}*/

#timeline-v2.timeline-v2 > li .cbp_tmlabel span:last-child {
    /*text-overflow: ellipsis; */
    /* max-width: 405px; */
    display: inline-block;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    line-height: 18px;
    position: relative;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel span.color-697277 {
    font-size:13px;
    padding-right: 7px!important;
}
#timeline-v2.timeline-v2 > li .cbp_tmlabel span.color-697277 + p {
    top: -7px;
    position: relative;
}
#timeline-v2.timeline-v2 > li .cbp_tmlabel span.color-697277 + p img {
    padding: 0 0 0 0!important;
    height: 20px;
}
.color-697277 {
    color: #4D5356 !important;
}
.color-697275 {
    color: #697275 !important;
}

.uppercase-text {
    text-transform: uppercase;
}

.header-img {
    width: 100%;
    height: 300px;
}

.no-top {
    top: 0;
}

#offre-header {
    background-image: url('../assets/img/main/img1.jpg');
    background-repeat: no-repeat;
    background-size: 100% 300px;
    padding: 25px 0;
    position: relative;
    z-index: 10;
}

#header.abo,
#offre-header.abo {
    margin-bottom: 30px;
}

#main-menu.header {
    margin-bottom: 35px;
}

.tb-cstm {
    width: 664px;
    margin-left: auto;
    margin-right: auto;
    height: 115px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-title {
    color: #fff;
    background-color: #9eb504;
    font-size: 11px;
    font-weight: 600;
    margin: 10px auto 25px auto;
    padding: 0 20px 0 20px;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-max-content;
    width: intrinsic;
}

.ref {
    margin: 0 auto 0 auto;
    text-transform: uppercase;
    font-size: 14px;
    width: fit-content;
    width: -moz-max-content;
    width: intrinsic;
    letter-spacing: 0.4px;
}

.ref-title {
    margin: 5px auto 0 auto;
    width: fit-content;
    text-transform: uppercase;
    color: #EC1625;
    font-size: 20px;
    letter-spacing: 1.2px;
    text-align: center;
    line-height: 22px;
}

.ref-sub-title {
    color: #9eb504;
    font-size: 15px !important;
    text-align: center;
    line-height: 18px !important;
    letter-spacing: 1.2px;
    margin: 5px auto 0 auto;
    width: fit-content;
}

.tag-box--details {
    margin-bottom: 20px;
}

.tag-box--middle {
    width: 222px;
    ;
}

.tag-box--right {
    width: 200px;
}

.center-btn-icon {
    position: relative;
    top: 2px;
}

.prices {
    margin-top: -2px;
    min-height: 47px;
}

.old-price {
    font-size: 11.93px;
    padding-left: 12px;
    text-align: right;
}

.strike-center {
    position: relative;
    white-space: nowrap;
}

.strike-center:after {
    border-top: 1px solid #000;
    border-color: #697277;
    position: absolute;
    content: "";
    right: 0;
    top: 40%;
    width: 100%;
}

.old-price span {
    font-size: 9px;
    font-weight: 200;
}

.new-price {
    color: #9eb504;
    font-size: 19px;
    font-weight: 600;
    margin-top: -7px;
}

.new-price span {
    font-size: 11.93px;
    font-weight: 200;
}

.devis-box-text {
    line-height: 1.35;
    margin-bottom: 17px !important;
    margin-top: -4px !important;
    padding-left: 25px;
    font-size: 14px!important;
}

.margin-top-85 {
    margin-top: 8.5px;
}

.header-last-title {
    font-size: 21px;
    letter-spacing: 1px;
}

.title-icon-1 {
    font-size: 20px;
    display: none;
}

.title-icon-2 {
    font-size: 20px;
    display: inline;
}

.owl-custom-controls-offers {
    color: #9eb504;
    font-size: 30px;
}

.owl-custom-controls-offers-red {
    color: #EC1625;
    font-size: 30px;
}

.carousel-control i {
    color: #fff !important;
    background: #9eb504 !important;
}

.eti-offers-devider {
    width: 30px;
    border-bottom: 2px #9eb504 solid;
}

.offers-title {
    font-size: 19px;
    font-family: 'myriad-pro-semi-bold';
    letter-spacing: 1px;
    color: #EC1625;
    margin-top: 23px;
    margin-bottom: 30px;
}

.offers-sub-title {
    font-size: 11.99px;
}

.offres-col {
    line-height: 1.1;
    letter-spacing: 1px;
    font-size: 13.32px;
}

.list-offres {
    line-height: 1.5;
}

.list-offres li {
    font-size: 11.99px;
}

.panel-custom {
    border-width: 0;
    border-top: 1px solid #9eb504;
    border-bottom: 0 solid #9eb504;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    box-shadow: 0 0 0 rgba(0, 0, 0, .0);
    margin-top: 1.5px !important;
}

.panel-custom-1st {
    border-left-width: 0;
    border-right-width: 0;
    margin-top: 0 !important;
}

.panel-custom-lst {
    border-left-width: 0;
    border-right-width: 0;
    margin-top: 0 !important;
    border-bottom: 1px solid #9eb504;
}

.panel-custom .panel-heading a {
    background: #fff;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 15px;
    padding-top: 9px;
}

.panel-custom .panel-heading a i {
    color: #9eb504;
    font-size: 26px;
    margin-right: 0;
}

.panel-custom .panel-heading a .title-element {
    padding-right: 32px;
}
.panel-custom .panel-heading a .title-element span {
    width: 85%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.panel-custom .panel-body {
    border-top-width: 0 !important;
    padding: 0 15px 15px 15px;
}

.panel-body .table {
    border: 0;
}

.panel-custom .panel-body u.title-element:hover {
    color: #EC1625;
}

.offer-text {
    font-size: 19px;
    padding-left: 25px;
    letter-spacing: 1px;
}

#mot-editrice,
#desc-rubrique,
.sommaire-background {
    background-color: #e2e1e1;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 14px;
}

.sommaire-background {
    padding: 15px 20px;
    line-height: 15px;
    border-left-width: 5px;
}

/*.sommaire-background .holder {
    margin: 0 0 5px 0;
    position: relative;
}*/

.sommaire-background .holder.clickable-list + ul li:hover > div,
.sommaire-background .holder.clickable-list + div + ul li:hover > div {
    color:#ec1625;
    cursor:pointer;
}

.sommaire-background .list-unstyled {
    margin: 0 0 20px 9px;
}

.sommaire-background .sous-menu {
    margin: 0 0 3px 0;
}

.sommaire-background .displayDetailledSummary {
    /*height: 97px;*/
    margin-bottom: 10px;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    clear: both;
    background: #f1f1f1;
}
.sommaire-background .displayDetailledSummary > div {
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 5px;
    display: flex;
}
/* width */
.sommaire-background .displayDetailledSummary::-webkit-scrollbar {
     height: 6px;
}
/* Track */
.sommaire-background .displayDetailledSummary::-webkit-scrollbar-track {
     background: #fff;
}
/* Handle */
.sommaire-background .displayDetailledSummary::-webkit-scrollbar-thumb {
     background: #acacac;
}
/* Handle on hover */
.sommaire-background .displayDetailledSummary::-webkit-scrollbar-thumb:hover {
     background: #545454;
}

.sommaire-background .displayDetailledSummary a,
.sommaire-background .displayDetailledSummary p {
    display: inline-block;
    margin-right: 5px;
    justify-items: stretch;
    align-content: center;
}
.sommaire-background .displayDetailledSummary a.tableau,
.sommaire-background .displayDetailledSummary p.tableau {
    width: 188px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px;
    margin-left: 1px;
    padding: 5px;
}
.sommaire-background .displayDetailledSummary a.tableau i,
.sommaire-background .displayDetailledSummary p.tableau i {
    font-size: 25px;
    vertical-align: middle;
}
.sommaire-background .displayDetailledSummary a.tableau:hover,
.sommaire-background .displayDetailledSummary p.tableau:hover {
    outline: 1px solid #EC1625!important;
    text-decoration: none;
}
.sommaire-background .displayDetailledSummary a.tableau span,
.sommaire-background .displayDetailledSummary p.tableau span{
    vertical-align: middle;
}
.sommaire-background .displayDetailledSummary a img,
.sommaire-background .displayDetailledSummary p img {
    margin: 1px;
    max-width: 90px;
}

.sommaire-background .displayDetailledSummary a span,
.sommaire-background .displayDetailledSummary p span {
    display: inline-block;
    white-space: pre-wrap;
    max-width: 154px;
    padding-left: 5px;
    margin-bottom: 0;
}
.sommaire-background .displayDetailledSummary a.menu-link.tool {
    padding-right: 1px;
}

.sommaire-background a:hover,
.outil-link:hover {
    color: #EC1625;
    text-decoration: underline;
}

.sommaire-background .displayDetailledSummary a:hover,
.sommaire-background .displayDetailledSummary p:hover {
    outline: 1px solid #EC1625!important;
    text-decoration: none;
}

/*.sommaire-background .holder .active {
    text-decoration: underline;
    color: #EC1625!important;
    position: relative;
    font-family: 'myriad-pro-semi-bold';
}*/

/*.sommaire-background .holder .active::before,
.dossier .box-colors > div > a:hover::before {
    content: ">";
    position: absolute;
    left: -8px;
    text-decoration: none;
    font-size: 9px;
    top: 0;
}*/

.mot-editrice-img {
    width: 50px !important;
    height: 38px !important;
    margin-top: 4px;
    margin-bottom: 18px !important;
}

#mot-editrice i {
    font-weight: bold;
}

.left-boxes-titles {
    color: #9eb504;
    font-size: 16px;
    font-family: 'myriad-pro-bold', sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 7px;
    letter-spacing: 1.5px;
}

.offer-devider {
    width: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border-bottom: 2.5px #9eb504 solid;
}

.carousel-title-adds {
    letter-spacing: 0.75px;
    height: 44px;
    text-transform: uppercase;
}

.carousel-cat-adds {
    letter-spacing: 1.2px;
}

.carousel-text {
    letter-spacing: 0.75px;
    height: 90px;
    line-height: 20px;
}

.slider-digit-offers {
    font-size: 15px !important;
    letter-spacing: 1.2px !important;
}

.moment {
    font-family: 'myriad-pro-bold', sans-serif;
    font-size: 12px !important;
    letter-spacing: 1.2px !important;
    color: #4d5356;
}

.carousel-price {
    margin-top: -5px;
}

.carousel-price span {
    font-size: 20px;
    letter-spacing: 1.2px;
}

.editrice-text {
    font-size: 10px;
    letter-spacing: 1px;
}

#que-contient-offre {
    margin-bottom: -30px;
}

#mot-editrice,
#desc-rubrique {
    padding-right: 30px;
    padding-left: 29px;
    padding-bottom: 5px !important;
}

#mot-editrice .illus {
    float: left;
}

#mot-editrice img {
    height: 98px;
    width: 98px;
    margin: 0 10px 0 0;
}

#mot-editrice .text {
    line-height: 16px;
    font-size: 13px;
}

#mot-editrice .fa-angle-double-left {
    position: absolute;
    top: 26px;
    font-size: 20px;
    color: #9eb504;
    left: 35px;
}

#mot-editrice .fa-angle-double-right {
    position: relative;
    top: -20px;
    right: -265px;
    font-size: 20px;
    color: #9eb504;
}

#temoignages .testimonial-info {
    line-height: 1.05;
    padding: 0;
    min-height: 70px;
}

#videos-offre .testimonial-info {
    line-height: 1.05;
    min-height: 70px;
    padding: 0 15px;
    margin-top: 0;
    position: relative;
}

#videos-offre .testimonial-info img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 10;
    border: none;
    display: block;
    float: none;
    background: #fff;
    padding: 0;
}

#videos-offre .testimonial-info i {
    position: absolute;
    top: 50px;
    font-size: 24px;
    color: #ec1625;
    z-index: 10;
    left: calc(50% - 14px);
}

#temoignages,
#videos-offre {
    background-color: #e2e1e1;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    margin-bottom: 15px;
    min-height: 219px;
    padding-right: 30px;
    padding-left: 29px;
}

.author-text {
    color: #4d5356;
    font-size: 10px !important;
    letter-spacing: 1px;
    font-family: 'myriad-pro-bold', sans-serif;
}

.video-text {
    color: #ec1625;
    font-size: 12px !important;
    letter-spacing: 1px;
    font-family: 'myriad-pro-bold', sans-serif;
}
.author-text em {
    font-size: 10px !important;
    letter-spacing: 1px;
    font-style: normal;
    font-family: 'myriad-pro', sans-serif;
}

#temoignages p,
#desc-rubrique h2 {
    font-size: 13px;
    font-style: normal;
    padding: 0;
    line-height: 1.2;
    letter-spacing: 1px;
    color: #4d5356;
}

#temoignages p {
    max-height: 45px;
    overflow: hidden;
    background: none!important;
}

#temoignages .testimonials .carousel-control.left {
    left: -220px;
    top:12px;
}

#videos-offre .testimonials .carousel-control.left {
    left: -220px;
    top:12px;
}

#temoignages .testimonials .testimonial-info span {
    top: -5px;
}

#videos-offre .testimonials .testimonial-info span {
    top: -5px;
}

#temoignages-2 .testimonial-info {
    line-height: 1.05;
    padding-left: 32px;
}

#temoignages-2 {
    background-color: #e2e1e1;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    margin-bottom: 0;
    height: 219px;
}

.author-text {
    color: #4d5356;
    font-size: 10px !important;
    letter-spacing: 1px;
    font-family: 'myriad-pro-bold', sans-serif;
}

.author-text em {
    font-size: 10px !important;
    letter-spacing: 1px;
    font-style: normal;
    font-family: 'myriad-pro', sans-serif;
}

#temoignages-2 p {
    font-size: 12px;
    font-style: normal;
    padding: 0 25px 0 25px;
    line-height: 1.2;
    letter-spacing: 1px;
}

#temoignages-2 .testimonials .carousel-control.left {
    left: -220px;
    top:12px;
}

#temoignages-2 .carousel-arrow {
    top: -195px;
}

.testimonials .carousel-arrow {
    top: -60px;
    left: 3px;
}

#videos-offre .testimonials .carousel-arrow {
    top: 35px;
}

#videos-offre .testimonials.testimonials-v1 p {
    padding: 8px 0;
    background: #e2e1e1;
    font-style: normal;
    margin-bottom: 0;
    min-height: 49px;
}
#videos-offre .testimonials.testimonials-v1 p:after {
    border: none;
}
#videos-offre .carousel-inner {
    position: relative;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}
.testimonials .carousel-control.right {
    right: -16px;
    top:12px;
}

.width-dt dt {
    width: 60px !important;
    font-family: 'myriad-pro', sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-right: 45px;
}

.width-dt dd {
    font-family: 'myriad-pro', sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-transform: none;
}

.list-container {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}

.margin-right-10 {
    margin-right: 10px;
}

.menu-tab a {
    margin-right: 0 !important;
    font-size: 13px !important;
    letter-spacing: 0.75px;
}

.md-smint li {
    width: 282.9px;
}

.md-smint li a {
    display: block;
    text-align: center;
}

.item-color {
    background: #e2e1e1;
}

.owl-item {
    background: transparent;
}
.owl-item div[class^="element-wrapper-"] .old-price{
    text-align: left;
    padding-left: 0;
}
.owl-item div[class^="element-wrapper-"] .old-price .strike-center:after {
    border-top: 1px solid #000;
    border-color: #697277;
    position: absolute;
    content: "";
    left: 1px;
    top: 43%;
    width: 100%;
}
.best-sales{
    font-size: 20px;
    letter-spacing: 1.5px;
}

.best-articles {
    font-size: 17px;
    letter-spacing: 1.5px;
    font-family: 'myriad-pro-semi-bold';
}

.best-sales i {
    font-size: 20px !important;
}

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

.offre-img {
    width: auto !important;
    display: block;
}

.tb-cstm-1 {
    margin-top: 70px;
    margin-bottom: 70px;
}

#bande {
    background: #ebebeb;
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    position: relative;
    width: 90%;
    z-index: 2;
}
#bande > div {
    padding-top: 30px;
    padding-bottom: 10px;
}

#bande > div:first-child {
    background: #dedede;
    min-height:97px;
}

#bande div.articles p {
    padding-left:42px
}

#bande > div:first-child > div:first-child > .title-icon {
    position: relative;
    top: 12px;
}
.title-icon {
    display: inline-block;
}

.slider-margin-top .fa-user {
    color: #697277;
}

.articles {
    border-right: 1px solid #c6c6c6;
    padding-left: 40px;
    padding-right: 40px;
}

.abo a:hover p[class*="-img"] i,
.abo a:hover p[class*="-img"] span {
    color: #FFFFFF !important;
    border: 1.5px solid #1B8BBB;
    background-color: #1B8BBB;
}

.abo a:hover p[class*="-text"] {
    color: #1B8BBB;
}

.no-abo a p[class*="-img"] i
{
    /*border: 1.5px solid #697277;*/
}

.no-abo a:hover p[class*="-img"] i
{
    color: #ffffff !important;
    border: 1.5px solid #697277;
    background-color: #697277;
}

.no-abo a:hover p[class*="-text"] {
}

.abonnement-img {
    margin-bottom: 0;
    height: 35px;
}

.parcours-pratiques .abonnement-img svg {
    fill: #555555;
}
.parcours-pratiques a:hover .abonnement-img svg {
    fill: #ffffff;
}
.abonnement-img i,
.abonnement-img span,
.abonnement-img svg {
    /*border: 1.5px solid #1B8BBB;
    background: #fff;*/
    border-radius: 4px;
    height: 35px;
    width: 35px;
    font-size: 28px;
    padding: 1px;
    margin-top: -1px;
}

.article-decouverte .abonnement-img span {
    padding: 3px 4px 2px 4px;
    background: url(../images/article-decouverte-prospect.png) no-repeat center center transparent;
    display: inline-block;
    background-size: 76%;
}

.article-decouverte a:hover .abonnement-img span {
    background: url(../images/article-decouverte-abo-white.png) no-repeat center center #1B8BBB;
    background-size: 76%;
}

.parcours-pratiques .abonnement-img span {
    padding: 3px 4px 2px 4px;
    background: url(../images/parcours-pratique/picto-parcours-pratiques-gris.svg) no-repeat center center transparent;
    display: inline-block;
    background-size: 76%;
}

.parcours-pratiques a:hover .abonnement-img span {
    background: url(../images/parcours-pratique/picto-parcours-pratiques-blanc.svg) no-repeat center center #1B8BBB;
    background-size: 76%;
}

.abonnement-text {
    height: 21px;
    line-height: 14px;
    font-size: 12px;
    padding-top: 5px;
    text-align: center;
    display: block;
    width: 100%;
    font-family: myriad-pro-semi-bold;
}

a.abonnement-text {
    text-decoration: none;
}

a.abonnement-text:hover {
    color: #1B8BBB;
}

.font-size-11 {
    font-size: 11px;
}

.abonnees-title {
    margin-top: 0 !important;
}

.abonnees-title-text {
    color: #1b8bbb;
    margin-top: 0;
}

.abonnees-text {
    color: #ec1625;
    font-size: 15.28px;
    letter-spacing: 2px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}

.hilighted-word {
    text-transform: uppercase;
    font-weight: 800;
}

.title-icon .fa-user {
    font-size: 25px;
}

.badge-x i {
    margin-right: 0;
    font-size: 10px;
}

.badge-x {
    background: #1b8bbb !important;
    position: relative;
    top: 2px;
    left: -15px;
    width: 15px;
    padding-left: 3px !important;
}

.badge-xx {
    left: -6px !important;
}

.badge-xxx {
    left: 0 !important;
    top: 0;
}

.decalage_visu_real_bd .badge-xxx {
    top: 4px;
}

.dock-quiz .badge-xxx {
    top: -10px;
}

.badge {
    color: #fff;
    font-weight: 400;
    padding: 2px 2px 1px;
    margin: 0;
}

.suspended {
    background: #697277 !important;
}

.icon {
    position: relative;
    top: -14px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 28px;
}

.icon-1-2 {
    margin-bottom: 0;
}

.color-white {
    color: #ffffff!important;
}
.color-ec1625 {
    color: #ec1625;
}

.color-697277 {
    color: #4d5356;
}

.color-4d5356 {
    color: #4d5356;
}

.color-434343 {
    color: #434343!important;
}

.color-858B8E {
    color: #858B8E;
}

.panel-custom {
    border-top: 1px solid #ec1625;
    border-bottom: 0 solid #ec1625;
}

.panel-custom .panel-heading a i {
    color: #ec1625;
}

#mot-editrice .fa-angle-double-left {
    color: #ec1625;
}

#mot-editrice .fa-angle-double-right {
    color: #ec1625;
}

.left-boxes-titles {
    color: #ec1625;
}

.carousel-control i {
    background-color: #ec1625 !important;
}

.offer-devider {
    border-bottom: 2.5px #ec1625 solid;
}

#offres {
    background-color: #e2e1e1;
    padding-left: 29px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 30px;
    margin-bottom: 0;
    min-height: auto;
    /*width: 320px;*/
}

.tag-box p {
    /*margin-left: 0 !important;
    margin-right: 0 !important;*/
    margin-bottom: 8px;
    /*font-size: 11px;
    padding: 0 10px;*/
}
.tag-box p.old-price,
.tag-box p.new-price-2 {
    margin-bottom: 3px;
}
.tag-box .text {
    background-color: #e2e1e1;
    font-size: 13px;
    font-style: normal;
    padding-right: 0;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 2px;
    letter-spacing: 1.3px;
}

.zone-1 {
    width: 211px;
    margin-top: 15px;
}

.zone-2 {
    width: 155px;
    background-color: #1b8bbb !important;
}

.zone-3 {
    width: 156px;
    background-color: #05365b !important;
}

.icon-lft {
    float: left;
    margin-right: 0;
    clear: both;
    margin-top: 3px;
    margin-right: 20px;
}
.big-triangle-right {
    width: 0;
    height: 152px;
    border-bottom: 76px solid #ededed;
    border-left: 50px solid transparent;
    border-top: 76px solid #ededed;
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 0;
}
.tb-cstm-abonnees {
    margin-top: 40px;
    margin-bottom: 45px;
}

.bande-cols {
    line-height: 18px;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
    width:80%;
}

.petit-text {
    font-size: 12px !important;
}

.box-icon {
    text-align: center;
    margin-top: 5px;
}

.hr-border-red {
    border-color: #ec1625;
}

.btn-height {
    height: 30px !important;
}
/* ALAEDDINE BEGIN */

.bootstrap-icon-size-2 {
    font-size: 2em;
}

.bootstrap-icon-size-1v5 {
    font-size: 1.5em;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.border-right-1 {
    border-right: 1px solid #ddd;
}

.border-right-1-white {
    border-right: 1pt solid white;
}

.border-left-1 {
    border-left: 1px solid #ddd;
}

.border-top-1 {
    border-top: 1px solid #ddd;
}

.border-bottom-1 {
    border-bottom: 1px solid #ddd;
}

.border-top-0 {
    border-top-width: 0 !important;
}

.border-top-blue {
    border-top: 1px solid #1B8BBB;
}
.service-element-border {
    border: solid 1px transparent;
}

.service-element-border:hover {
    border: solid 1px #d0d0d0;
}

.service-element-border:hover i,
.service-element-border:hover p {
    color: #ec1625;
}

.service-element-border p:first-child,
.service-element-border:hover p:first-child {
    text-decoration: underline;
}

.devider-prospets-1 {
    margin-left: 28px;
    margin-bottom: 40px;
}

.devider-prospets-2 {
    margin-left: 25px;
    margin-bottom: 40px;
}

.dl-horizontal a {
    text-decoration: none;
}

.dl-horizontal a:hover {
    color: #ec1625;
}

.dl-horizontal a:active {
    color: #ec1625;
}

.offre-abonne-separator {
    border-top-width: 1px !important;
    border-color: #c6c6c6 !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.table-striped tr,
td {
    height: 40px !important;
}

td,
th,
tr {
    vertical-align: middle !important;
}

.margin-details-offre {
    margin-top: 55px;
    margin-bottom: 40px;
}

.row-services-margin-bottom {
    margin-bottom: 30px;
}

.row-acces-margin-bottom {
    margin-bottom: 50px;
}
/* ALAEDDINE END */

.disabled {
    pointer-events: none;
}

.background-text-table-header {
    background-color: #1b8bbb;
    color: white;
}

.bg-green {
    background-color: #74b504;
    color: white;
}

.bg-red {
    background-color: #EC1625;
    color: white;
}

.bg-gray {
    background-color: #697277;
    color: white;
}

.bg-white {
    background-color: #FFFFFF;
}

.bold-text {
    font-weight: bold;
}

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

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

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

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

.img-abonne {
    width: 128px;
}

.cv-text {
    font-size: 14px;
    letter-spacing: 0.8px;
    margin: 0;
}

.cv-text + p a {
    color: #EC1625;
}

.cv-text + p a:hover {
text-decoration: underline;
}
.service-box-padding {
    padding-top: 30px;
    padding-left: 30px;
}

.no-abo {
    opacity: 0.5 !important;
}

.new-price-2 {
    color: #4d5356;
    font-size: 19px;
    font-weight: 600;
    margin-top: -7px;
    letter-spacing: 0;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel {
    background: none;
    margin-bottom: 0;
    padding-left: 0;
}

#timeline-v2.timeline-v2 > li.last .cbp_tmlabel {
    padding-bottom: 0;
}

#timeline-v2.timeline-v2 > li.last .cbp_tmlabel > p {
    margin-bottom: 0;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel .table > tbody > tr > td {
    border: none;
}

#timeline-v2.timeline-v2 > li .cbp_tmicon {
    background: #777777;
    box-shadow: 0 0 0 4px #dcdcdc;
}

#timeline-v2.timeline-v2 > li .cbp_tmlabel:after {
    border-right-color: transparent;
}

#timeline-v2.timeline-v2:before {
    background: #dcdcdc;
    top: 20px;
    left: 22%!important;
}

#timeline-v2.timeline-v2 > li .cbp_tmtime span {
    color: #9FA1A2!important;
}

#details,
#maj,
#offre-commerciale {
    position: relative;
    z-index: 99;
}

.ez_content .expert,
.ez_content .expert .text > p {
    margin: 20px 0 0 0;
}

.ez_content .expert .text h4 + p {
    margin: 0;
    font-size: 14px;
    letter-spacing: 0.8px;
}

.ez_content .expert:first-child {
    margin: 0
}

.ez_content .expert h4,
.ez_content .expert p b {
    color: #EC1625 !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    margin: 0;
}

.ez_content .expert p {
    margin: 0;
}

.sous-rubrique td {
    padding-left: 0!important;
    padding-top: 20px!important;
}

.sous-rubrique td span {
    display: block;
    padding-top: 20px!important;
    border-top: 2px solid #E5E5E5;
}

.sous-rubrique:first-child td span {
    display: block;
    padding-top: 0!important;
    border-top: none!important;
}

#header-rubrique h2 {
    font-size: 14px;
    line-height: 16px;
}

#header-rubrique .nav-rubrique * {
    color: #babec1 !important;
    letter-spacing: 0.75px;
    margin-bottom: 0;
}

#header-rubrique .nav-rubrique {
    min-height: 120px;
}
#header-rubrique .nav-rubrique a {
    font-family: myriad-pro-semi-bold;
    font-size: 14px;
    display: block;
    min-height: 40px;
    position: absolute;
    top: 55px;
}

#header-rubrique .nav-rubrique a span {
    display: none!important;
}

#header-rubrique .nav-rubrique:hover * {
    display: block!important;
    color: #697277!important;
}

#header-rubrique .ico-search {
    margin: 0;
    top: -2px;
}

#header-rubrique .pdf-added,
 #header-rubrique .pdf-full,
 #header-search .search-added {
     position: absolute;
     width: 100%;
     left: 0;
     background: #1B8BBB;
     padding: 7px;
     margin: 5px 0 0 0;
     color: #fff;
 }

#header-search .search-added {
    top:0;
    text-align: center;
}

.erreur-vide {
    width: 100%;
    background: #1B8BBB;
    padding: 0 7px;
    margin: 5px 0 0 0;
    color: #fff;
}

#header-rubrique .pdf-full p {
    margin: 5px 0;
}

#header-rubrique .pdf-added *,
#header-rubrique .pdf-full * {
    color: #fff;
}

#header-rubrique .pdf-added a,
#header-rubrique .pdf-full a {
    text-decoration: underline;
}

#header-rubrique .pdf-added .badge-x {
    background: #fff!important;
    padding: 3px 0;
}

#header-rubrique .pdf-added .badge-x i {
    color: #1B8BBB;
}

/*#header-rubrique .rela-client {
    border: 1px solid #697277 !important;
    padding: 12px 10px;
    display: inline-block;
    margin: 0;
    letter-spacing: 0.75px;
}*/

#header-rubrique form input[type="submit"] {
    text-decoration: underline;
    letter-spacing: 0.75px;
}

#header-rubrique form:hover input[type="submit"],
#header-rubrique form:hover i {
    color: #EC1625;
}

#header-rubrique #_targetPdf + a:hover {
    color: #EC1625;
}

.liste-articles-rubrique {
    border-top: 2px solid #ec1625;
}

.acc-v1 .panel-heading a {
    padding: 5px 0;
}
#twilio_inputs .formError,
.twilio_validation_hide {
    display: none;
}
#twilio_inputs input[type="text"] {
    width: 30px;
    margin: 0 11px 0 0;
    padding: 5px 0 4px;
    border: 1px solid #aaaeb1;
    font-size: 25px;
    color: #4d5356;
    line-height: 1;
    text-align: center;
    appearance: textfield;
    -webkit-appearance: textfield;
}
#twilio_inputs input::-webkit-outer-spin-button,
#twilio_inputs input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
#displayconsents p {
    min-height: auto !important;
}
#displayconsents p a {
     color: #4d5356;
}
#displayconsents p a:hover {
    color: #EC1625;
}
#webcallback-new-call {
    min-height: auto!important;
}
#webcallback-new-call span {
    text-decoration: underline;
}
#webcallback-new-call span:hover {
    color: #EC1625;
    cursor: pointer;
}
.form-group {
    margin-bottom:20px;
}
.formulaire-di {
    position: relative
}

.formulaire-di h1 {
    background: url(../images/bandeau-DI.png) no-repeat center center transparent;
    padding: 98px 0;
}

.formulaire-di h1 > span {
    background: #fff;
    padding: 13px 32px;
}

.formulaire-di .intro {
    margin: 30px 97px;
}

form p {
    margin: 0;
    min-height: 50px!important;
    position: relative;
}
form #packs-box {
    margin: 0 0 10px 0;
}
form.disabled-form fieldset:first-child p {
    min-height: 35px!important;
}

form.disabled-form fieldset:first-child p span.red {
    display:none;
}

form .col-lg-12 p,
form .btn-u {
    min-height: auto!important;
}

form .btn-u {
    display: inline;
}

form .form-download .btn-u {
    display: inline-block;
}
/* form label, */
form .label1 {
    width:100%;
}

form label,
form .client > span {
    color: #4d5356;
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    width: 180px;
}

form select,
form input,
form textarea {
    width: 255px;
    border-color: #aaaeb1;
    border-style: solid;
    border-width: 1px;
    padding-left: 10px;
}

form select,
form input[type="text"] ,
form input[type="password"]{
    height: 32px;
}

form select:focus,
form textarea:focus,
form input:focus {
    border-color: #697277;
    border-style: solid;
    border-width: 1px;
    outline: 0;
}

form select option:checked,
form select option:hover {
    background-color: #bbb;
}
form textarea {
    width: 100%;
    margin: 10px 0 20px;
}

form input[type="checkbox"],
form input[type="checkbox"] + label,
form input[type="checkbox"] + .formError + label,
form .pasword-remember,
form input[type="radio"],
form .client > label {
    width: auto;
    display: inline;
}

form input[type="checkbox"] + .formError {
    position: absolute!important;
    top: auto!important;
    bottom: 0!important;
    left: 0!important;
}

form input[type="checkbox"] {
    margin-right: 7px;
    display: inline-block;
}

form input[type="radio"] {
    margin: 0 0 0 15px;
}

form .client input[type="radio"] {
    margin: 0 15px 0 5px;
}

form input[type="submit"] {
    width: auto;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    background: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

form .condition {
    line-height: 16px;
    margin: 30px 0 20px;
}

form .note::before {
    content: "<";
    position: absolute;
    left: -4%;
    top: 5px;
}

form label[for="phone"] + input::before {
    content: "+33";
}

form #phone-prefix {
    display: none;
    position: absolute;
    top: 0;
    left: 145px;
    padding: 5px 0;
    height: 26px;
    width: 43px;
    color: #333;
}

form #di-link {
    cursor: pointer;
}

form input[readonly="readonly"],
form select[readonly="readonly"],
form textarea[readonly="readonly"] {
    background: #EBEBEB;
    opacity: 1;
    pointer-events: none;
}
.formError {
    left: 140px;
    width: 255px;
    color: #EC1625;
    font-size: 12px;
}
#validateConsentsError {
    color: #EC1625;
    font-size: 12px;
    letter-spacing: 0.75px;
}
.back {
    text-decoration: underline;
    font-weight: bold;
    color: #EC1625;
}

.tab-content-article .best-articles i,
.best-articles i {
    width: 24px;
    margin: 0;
}

.tab-content-article .best-articles .ico-search,
.best-articles .ico-search {
    margin: 0;
    background-size: 50px 175px;
    height: 16px;
    background-position: -25px 0!important;
    width: 24px;
    top: 0;
}

.tab-content-article .best-fiches .ico-search,
.best-fiches .ico-search {
    margin: 0;
    background-size: 50px 175px;
    height: 19px;
    background-position: -25px -40px!important;
    width: 24px;
    top: 0;
}

.tab-content-article .archive .best-articles .ico-search,
.archive .best-articles .ico-search {
    background-size: 49px 213px;
    height: 15px;
    width: 24px;
    background-position: -21px 0!important;
    left: -6px;
    top: 0!important;
}

.annotation-border {
    border: 1px solid #697277;
    width: 294px;
    background-color: white;
    display: none;
    position: absolute;
    top: 65px;
    right: 0;
    margin: 0 auto;
    text-align: left;
}

.annotation-child p {
    margin: 0;
}

.annotation-child .wd_tag {
    background: #697277 !important;
    margin: 2px 2px 2px 0;
    padding: 5px 20px 5px 10px;
    color: #ffffff;
    position: relative;
    display: inline-block;
}

.annotation-child .wd_tag a {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 5px;
    color: #adadad;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.2s ease;
}

.annotation-child .note {
    background: #e2e1e1;
    padding: 5px;
    margin-bottom: 5px;
}

.annotation-child .note a {
    font-size: 12px;
}

.annotation-child .note a:hover {
    color: #EC1625;
    text-decoration: underline;
}

.content-article {
    overflow-wrap: break-word;
    line-height: 22px;
}

.content-article .titre-droid {
    font-family: 'Droid Serif', serif;
    font-weight: normal;
}

.content-article.no-gutters-right{
    min-height: 1635px;
}
.other-infos a:hover,
.content-article a:hover,
.barre-top a:hover,
.pasword-forgotten:hover,
.tags a:hover,
#dictionary-results-box ul li a:hover,
#dictionary-results-box ul li.selected a {
    color: #EC1625;
    text-decoration: underline;
}

.content-article a[type="buton"]:hover {
    text-decoration: none;
}

.content-article > div {
    margin: 0 0 30px 0;
}

.corps-article > article a {
    color:#EC1625;
}
.corps-article > article a img,
.corps-article > article img {
    max-width:100%!important;
    height: auto!important;
}
.content-article .box ul li {
    list-style-position: outside;
    list-style-type: none;
    list-style-image: url(../images/bullet_arrow_red_smll.png);
}

.content-article .box ul.tiret li {
    list-style-image: url(../images/tiret.png);
}

.content-article .box ul.square {
    padding: 0;
}

.content-article .box ul.square > li > p:first-child {
    /*color: #00b0f5;
    font-family: myriad-pro-semi-bold, Arial, sans-serif;*/
}

.content-article .box ul.square > li {
    list-style-image: none;
    list-style-type: square;
    list-style-position: inside;
    &::marker {
        color: #00b0f5;
    }
}

.content-article .box ul.square > li .contentEncart{
    color: #4D5356;
}

.content-article .box ul.square li p:first-child,
.content-article .box ul.tiret li p {
    display: inline;
}

.content-article .box ul.tiret li.list-item-tool p {
    display: block;
    margin-bottom: 0;
}

.content-article .box ul.tiret li.list-item-tool p img {
    top: -2px;
    position: relative;
}

.content-article .box ul.circle > li {
    list-style-image: none;
    list-style-type: disc;
    list-style-position: inside;
}

.content-article .box ul.circle li p:first-child {
    display: inline;
}

.content-article .box ul li .formlegende {
    color: #4d5356;
}
.content-article .box .mark-traduction-hover ul li {
    list-style-image: none;
}

.content-article a.norme-link:hover {
    color: #4d5356;
}

.content-article .norme.highlight {
    background: #fff !important;
    color: #4d5356 !important;
    font-style: italic;
    text-decoration: underline;
}

.content-article .norme.highlight:hover {
    background: #fcd6d7 !important;
}

.content-article .norme img.picto {
    top: -1px;
    position: relative;
}

.tab-content-article div.aplus-amoins {
    display: none;
}

.lecture_facile .tab-content-article div.barre-top {
    position: relative;
    width: 100%;
}

.lecture_facile .tab-content-article div:first-child .aplus-amoins {
    display: block;
    position: absolute;
    top: -25px;
    left: 48%;
}

.rechercher-border {
    border: 1px solid #697277;
    height: auto;
    background-color: white !important;
    position: absolute;
    top: 59px;
    z-index: 9;
    padding: 0 15px;
}

#sticky-menu-document {
    position: absolute;
    z-index: 100;
    color: #fff;
    top: 65px;
    left: -55px;
    font-size: 20px;
    margin: 0;
    height: 40px;
    width: 40px;
}

#sticky-menu-eye {
    z-index: 100;
    color: #fff;
    right: 0;
    cursor: pointer;
}

#sticky-menu-aplus {
    z-index: 100;
    color: #fff;
    right: 0;
}

#sticky-menu-amoins {
    z-index: 100;
    color: #fff;
    right: 0;
}

#sticky-menu-reagir {
    z-index: 100;
    color: #fff;
    right: 0;
    cursor: pointer;
}

#sticky-menu-aplus a,
#sticky-menu-amoins a,
#sticky-menu-reagir a{
    color: #fff;
}

.sticky-grey {
    background-color: #697277 !important;
    height: 40px;
}

.sticky-grey a,
.sticky-grey i.fa-eye {
    padding: 10px 5px 10px 10px;
}

.sticky-grey i.fa-comment-o {
    padding: 6px 0;
}

.sticky-grey a {
    display: inline-block;
    padding: 4px 5px 4px 10px;
}
/* lecture facile */

.bt-lf {
    display: none;
}

.lecture_facile {
    margin-top: 40px !important;
}

.lecture_facile #header-rubrique {
    margin-bottom: 0 !important;
}

.lecture_facile .row-3-blocks,
.lecture_facile .nav-tabs,
.lecture_facile #masthead,
.lecture_facile #header-rubrique .text-center div.margin-top-25,
.lecture_facile .breadcrumb,
.lecture_facile .col-droite-4,
.lecture_facile .bottom-bloc,
.lecture_facile #footer,
.lecture_facile #sticky-menu-document,
.lecture_facile #bande,
.lecture_facile .nav-rubrique *,
.lecture_facile #ti_actu_submenu_container,
.lecture_facile #ti_actu_right_now_container,
.lecture_facile .col-droite-actu,
.lecture_facile .navbar-fixed-top {
    display: none !important;
}

.lecture_facile .content-article {
    width: 100%;
    margin: 0;
    border: 0;
}

.lecture_facile .bt-lf {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #c6c6c6;
    color: #697277;
    font-weight: bold;
    padding: 10px 20px 5px;
    z-index: 9999;
    font-family: myriad-pro;
}

.lecture_facile .bt-lf span {
    padding: 0 10px;
    cursor: pointer;
    letter-spacing: 0.75px;
}

.lecture_facile .thumbnail-large img {
    margin:0 auto;
}

#choixCompteDecouverte {
    top: 50px;
    right: 0;
    padding: 7px;
    display: none;
    position: absolute;
    background: #FFF;
    border: 2px #1B8BBB solid;
    width: auto;
    z-index: 999;
    text-align: left;
}

#choixCompteDecouverte ul {
    margin-top: 10px !important;
}

#popin {
    margin-top: 30px;
}

#popin .btn-block {
    width: auto;
    font-size: 13px;
    line-height: 12px;
    padding-top: 13px;
    padding-bottom: 13px;
}

#popin .logo-top {
    position: absolute;
    top: -10px;
    left: 0;
}

div.wrapperTable table.innerTable {
    width: inherit;
}

div.wrapperTable table.innerTable th {
    font-weight: bold;
    background-color: #F8F8F8;
}

div.wrapperTable table.innerTable p {
    margin: 0;
}

.bloc-media {
    position: relative;
    margin-bottom: 10px;
}
/* tables inline*/

div.tableDiv {
    font-family: Arial;
    overflow: auto;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    margin: 0 25px;
    height: auto!important;
}

div.tableDiv * {
    word-break: normal;
}

div.tableDiv p {
    margin: 2px 0;
    font-size: 1.3em;
    padding: 0;
}

div.tableDiv table p {
    margin: 2px 0;
    font-size: 1.3em;
    padding: 0 !important;
}

div.tableDiv table {
    border-collapse: collapse;
    margin: auto;
    font-size: 0.6em;
    border: 1px solid #000;
    width: auto;
}

div.tableDiv table caption {
    font-size: 1.6em;
    font-weight: bolder;
    text-align: center;
}

div.tableDiv table tr:nth-child(odd) {
    background: #ffffff;
    border-top: none;
    padding: 0 3px;
}

div.tableDiv table tr:nth-child(even) {
    background: #ffffff;
    border-top: none;
    border-bottom: none;
    padding: 0 3px;
}

div.tableDiv table tbody,
div.tableDiv table thead,
div.tableDiv table tfoot {
    /* bordure pour le tbody complet (notamment pour
                            la première ligne dans le cas où il n'y a pas
                            de thead dans le tableau) */
    border: 1px solid #000;
}

div.tableDiv table tbody p,
div.tableDiv table thead p,
div.tableDiv table tfoot p {
    /* bordure pour le tbody complet (notamment pour
                            la première ligne dans le cas où il n'y a pas
                            de thead dans le tableau) */
    text-align: inherit;
    padding: 0 !important;
}

div.tableDiv table tbody td,
div.tableDiv table thead th,
div.tableDiv table tfoot td {
    /* pas de bordure-top - cela permet avec la
                                                            xsl de n'avoir que la bordure-bottom à
                                                            gérer */
    border-bottom: 1px solid black;
    border-left: none;
    border-right: 1px solid black;
    padding: 0 3px;
    height: auto!important;
}

div.tableDiv table thead tr {
    background-color: #e0e0e0 !important;
    text-align: center;
}

div.tableDiv table thead p {
    font-weight: bold;
}

div.tableDiv table th {
    background-color: #e0e0e0 !important;
    text-align: center;
}

div.article_box div.formlegende p {
    margin: 0
}

div.article_box div.formlegende dl {
    padding: 0 0 10px 0
}

div.article_box div.formlegende span.formleg-def {
    display: table-row;
}

div.article_box div.formlegende span.formleg-def dt {
    display: table-cell;
    white-space: nowrap;
}

div.article_box div.formlegende dt {
    padding: 0 5px 0 0;
    float: none;
    text-align: left;
}

div.article_box div.formlegende span.formleg-def dd {
    display: table-cell;
    padding: 0 0 0 5px;
}

.tabnote p {
    margin-left: 20px;
}

.tableNumber {
    font-weight: bold;
}

span.titlig {
    font-weight: bold;
    text-align: center;
}

div.tableDiv .contentConteneurB {
    border: 0;
}

div.tableDiv .figure {
    width: 100%;
    text-align: center;
}

.opt-search {
    text-align: right;
    margin: 0 25px;
}

.opt-search input {
    width: 150px;
    font-size: 12px;
    padding: 3px 5px;
    background-color: #e2e1e1;
    border: none;
    color: #697277;
    height: 25px;
}

.medias-ops-choice {
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    background-color: #e2e1e1;
}

.medias-ops-choice li {
    display: block;
    list-style: none;
    padding: 0 !important;
}

#box-article-content .article .medias-ops-choice li a {
    font-size: 0
}

.medias-ops-choice li a {
    height: 32px;
    display: inline-block;
    font-size: 20px;
    color: #808080;
    width: 30px;
}

.medias-ops-choice li a:hover {
    color: #EC1625;
}

.medias-ops-choice li.opt-search {
    margin: 7px 0 0 10px;
}

.medias-ops-choice input {
    border: 2px solid #8c8c8c;
    height: 20px;
    padding: 0 5px;
    border-radius: 2px;
    width: 152px;
}

figure.contentConteneurB {
    border: 1px solid #ddd;
    margin: 0 29px;
}

figure sup {
    color: #4d5356;
}

figure.eqb {
    margin: 10px 0 10px 0;
    text-align: center;
    vertical-align: middle;
    max-width: 680px;
    overflow: auto;
}

figure.eqb img {
    margin: 0;
    max-width: 100%;
}

.contentEncart {
    margin: 25px 20px;
    padding: 5px;
}

div.encadre,
div.ENCADRE {
    border: 1px solid #ddd;
}

div.encadre .codeprog,
div.ENCADRE .codeprog {
    font-family: Courier New;
}

div.encadre p,
div.ENCADRE p {
    padding: 0 10px;
    margin: 0;
}

div.tool,
div.TOOL {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 10px 0;
}

div.tool div:first-child,
div.TOOL div:first-child {
    font-family: myriad-pro, Arial, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .75px;
    color: #ec1625;
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

div.tool p,
div.TOOL p {
    color: #555;
    font-family: myriad-pro, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: .75px;
    margin-bottom: 16px;
}

div.TOOL .link-tool a,
div.tool .link-tool a {
    text-decoration: underline;
    margin: 0;
}
div.remarque,
div.REMARQUE,
div.encart_outil,
div.dtnoteintervenant,
div.dtnotesimple,
div.dtnotewarning,
div.dtnotecommentaire,
div.dtnote {
    background: #e2e1e1;
    padding: 20px;
    margin: 0 0 20px 0;
}

div.dtnoteintervenant {
    background: url(../images/notes.png) no-repeat scroll 15px 15px #e2e1e1;
    padding-left: 50px;
}

div.dtnotewarning {
    background: url(../images/attention2.png) no-repeat scroll 15px 15px #e2e1e1;
    padding-left: 50px;
}

div.encart_outil .content {
    padding: 0;
}

div.remarque p,
div.REMARQUE p {
    margin: 0
}

div.nota,
div.NOTA {
    margin: 0 20px 10px;
    padding: 0 5px;
}

div.nota p,
div.NOTA p {
    display: inline;
}

div.exemple,
div.EXEMPLE {
    margin: 0 20px 25px;
    padding: 0 5px 0 20px;
    border-left: 3px solid #4d5356;
}

.codeprog,
div.EXEMPLE .codeprog {
    font-family: Courier New;
    margin-bottom: 15px;
}

div.exemple b,
div.EXEMPLE b {
    color: #4d5356;
}

div.exemple>p,
div.EXEMPLE>p,
div.exemple>ul,
div.EXEMPLE>ul,
div.exemple .codeprog p,
div.EXEMPLE .codeprog p {
    margin: 0;
}

div.exemple>ul,
div.EXEMPLE>ul {
    padding-left: 45px;
}

.fa-external-link {
    padding: 0 3px 0 5px;
    font-weight: bold;
}

.tooltip {
    border: 1px solid #000;
    background: #FFF;
    color: #000;
}

.tooltip-arrow {
    display: none;
}

.tooltip-inner {
    background: #FFF;
    color: #000;
    border-top: 1px solid #697277;
    border-bottom: 1px solid #697277;
    border-radius: 0;
    padding: 10px;
    margin: 10px;
}

.tooltip.in {
    opacity: 1;
}

div.fade-out {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: linear-gradient(to bottom, transparent, white);
}

.cross-close {
    cursor: pointer;
    padding-top: 10px;
    font-size: 18px;
    display: inline-block;
}

.wrap-table {
    padding: 0;
    margin: 10px auto;
    display: block;
    border: 0 solid #CC0;
    clear: both;
}

.wrap-table div.contenu {
    border: 0 solid #CC0;
}

.wrap-table table,
.wrap-table table thead,
.wrap-table th,
.wrap-table tr,
.wrap-table td,
.annex table,
.annex table thead,
.annex th,
.annex tr,
.annex td,
.piro_html .div_reg table,
.piro_html .div_reg table thead,
.piro_html .div_reg th,
.piro_html .div_reg tr,
.piro_html .div_reg td {
    border-collapse: collapse;
    border: 1px solid;
    padding: 5px;
}

.wrap-table .article_table,
.annex .article_table,
.piro_html .div_reg .article_table {
    background: none repeat scroll 0 0 white;
    width: 100%;
}

.wrap-table .article_table .tablegend,
.annex .article_table .tablegend,
.piro_html .div_reg .article_table .tablegend {
    font-weight: 700;
    background-color: #EBEFF0;
    padding: 5px;
    border: 1px solid #666666;
    border-bottom: 0;
}

.wrap-table .article_table .tablegend > div,
.annex .article_table .tablegend > div,
.piro_html .div_reg .article_table .tablegend > div {
    display: inline;
}

.wrap-table .article_table tbody tr.odd,
.annex .article_table tbody tr.odd,
.piro_html .div_reg .article_table tbody tr.odd {
    background: #EEE;
}

.wrap-table .article_table thead tr,
.annex .article_table thead tr,
.piro_html .div_reg .article_table thead tr {
    border: 1px solid black;
}

.tabnumber {
    display: inline;
    width: 130px;
    height: 24px;
}

.wrap-table .loupe {
    display: none;
}

.align-center {
    text-align: center;
    width: 100%;
    /*float: left;*/
    margin: 10px 0;
    display: block;
}

.docbase-image {
    border: 1px solid #bcbcbc;
    padding: 5px;
    margin: 0 auto 5px auto;
    background: #ffffff;
    display: table;
}

.docbase-image div.legende {
    background: #ebeff0;
    float: left;
    margin: 0 0 5px;
    padding: 8px 0;
    text-align: left;
    width: 100%;
}

.docbase-image div.legende .title_legende {
    float: left;
    padding: 0 15px;
    width: 366px;
}

.docbase-image div.legende span.zoomplus {
    padding: 0 10px 0 3px;
    position: relative;
    z-index: 99999;
    float: right;
}

.docbase-image div.legende span.zoomplus i {
    font-size: 20px;
}

.docbase-image div.image {
    text-align: center;
}

.figurestexte_content {
    overflow: auto;
}

div[id^="background_fiche"] .figures_container div.figures_classe {
    display: none;
}

.figures_title .modal {
    position: relative;
    display: block;
    background: #F3F3F3;
    padding: 10px 0;
}

.form-erreur-di {
    color: #EC1625;
    font-weight: normal;
    font-size: 12px;
}

.bodyQuestion .form-erreur-di {
    margin-left: 0;
    position: relative;
    top: -20px;
}

.domaine #domain {
    position: relative;
    top: -10px;
}

.fiche_step a {
    text-decoration: underline;
}

.fiche_step a:hover {
    text-decoration: underline;
    color: #EC1625;
}

.contenu_fiche .fiche_step table {
    max-width: 480px !important;
    margin: 0 0 20px 0;
}

.contenu_fiche table tr td {
    border: 1px solid #333333;
    padding: 2px 5px;
}

.contenu_fiche .encart_outil .type0 {
    background: url("../images/icons0.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type1 {
    background: url("../images/icons1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type2 {
    background: url("../images/icons2.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type3 {
    background: url("../images/icons3.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type4 {
    background: url("../images/icons4.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type5 {
    background: url("../images/icons5.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type6 {
    background: url("../images/icons6.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type7 {
    background: url("../images/icons7.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type8 {
    background: url("../images/icons8.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type9 {
    background: url("../images/icons9.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type10 {
    background: url("../images/icons10.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type11 {
    background: url("../images/icons11.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type12 {
    background: url("../images/icons12.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type13 {
    background: url("../images/icons13.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type14 {
    background: url("../images/icons14.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.contenu_fiche .encart_outil .type15 {
    background: url("../images/icons15.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 39px;
    margin: 5px 10px 0 0;
    width: 37px;
}

.btn-nav {
    cursor: pointer;
}

.login-box-border {
    border: 1px solid #697277;
    width: 330px;
    background-color: white;
    display: none;
    position: absolute;
    top: 30px;
    right: 100px;
    text-align: left;
    z-index: 3;
}
#login-box form .text-center label {
    top: -2px;
    letter-spacing: 0.75px;
}
/* MESSAGES --------------------------------- */
#login-box .errors {
    background:#EC1625;
    font-size:14px;
    font-weight:bold;
    color: #ffffff;
    text-align: center;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    opacity:1;
    padding:5px;
}
#login-box #status{
    display:block;
    width:100%;
    height:91px;
    padding:35px 0;
    z-index:999
}
/* SOUS MENU ACTU */

#ti_actu_submenu_container {
    background: #EC1625;
    display:none;
}

#ti_actu_submenu_container li {
    opacity: 0.8;
    padding: 12px 0 8px 22px;
    position: relative;
}

@-moz-document url-prefix() {
    #ti_actu_submenu_container li {
        padding: 12px 0 8px 8px;
    }
}

#ti_actu_submenu_container li .sub-menu {
    position: absolute;
    z-index: 99;
    top: 47px;
    left: 20px;
    background: #333;
    display: none;
    margin: 0;
    padding: 0;
}

#ti_actu_submenu_container li:hover .sub-menu {
    display: block;
}

#ti_actu_submenu_container li .sub-menu li {
    float: none;
    opacity: 1;
    padding: 0 11px;
}

#ti_actu_submenu_container li .sub-menu li:hover {
    background: url(../images/arrow-grey-right.png) left center no-repeat #c1c1c1;
}

#ti_actu_submenu_container li .sub-menu li:hover a {
    color: #333;
}

#ti_actu_submenu_container li .sub-menu li a {
    display: block;
    white-space: nowrap;
}

#ti_actu_submenu_container li.actif {
    opacity: 1;
}

#ti_actu_submenu_container li.actif a {
    border-bottom: 3px solid #fff;
    padding: 0 0 3px 0;
}

#ti_actu_submenu_container li.actif ul li a {
    border: none;
}

#ti_actu_submenu_container li:hover {
    opacity: 1;
}

#ti_actu_submenu_container a {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    line-height: 27px;
}

#ti_actu_submenu_container li.home a {
    font-size: 0;
    background: url(../images/sous-menu-home.png) center center no-repeat transparent;
    height: 24px;
    width: 14px;
    display: block;
}

#ti_actu_submenu_container li.home.actif a {
    padding-bottom: 0;
}

#ti_actu_submenu_container li.insolite.actif {
    border: none;
}

#ti_actu_submenu_container li.insolite a {
    font-size: 0;
    background: url(../images/sous-menu-insolite.png) center center no-repeat transparent;
    height: 27px;
    width: 58px;
    display: block;
    border: none;
    padding: 0
}

#ti_actu_submenu_container ul {
    margin-bottom: 0;
    padding-left: 0;
}

#ti_actu_submenu_container ul li {
    float: left;
    list-style: none;
}

#ti_actu_right_now_container {
    display:none;
}
#ti_actu_submenu_container div div ul:before,
#ti_actu_submenu_container div div ul:after,
#ti_actu_right_now_container div div ul:before,
#ti_actu_right_now_container div div ul:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    clear: both;
}

#ti_actu_right_now_container ul {
    margin-bottom: 0;
    padding-left: 0;
    background: #697277;
    height: auto;
    overflow: hidden;
}

#ti_actu_right_now_container li {
    float: left;
    list-style: none;
    margin: 0 20px;
    padding: 7px 0 6px;
    font-size: 14px;
    letter-spacing: 0.75px;
}

#ti_actu_right_now_container li:last-child {
    margin-right: 0;
}

#ti_actu_right_now_container li.titre,
#ti_actu_right_now_container li.titre + li {
    list-style: none;
}

#ti_actu_right_now_container li.titre + li {
    background: url(../images/picto-en-ce-moment.png) left center no-repeat transparent;
    padding-left: 44px;
    margin: 0 40px 0 0;
}

#ti_actu_right_now_container li.titre {
    background: #ffffff;
    text-transform: initial;
    padding: 7px 10px 4px;
    margin: 0
}

#ti_actu_right_now_container li.titre a {
    color: #EC1625;
    font-size: 14px;
    text-transform: uppercase;
    font-family: myriad-pro-bold;
}

#ti_actu_right_now_container li.titre a:hover {
    cursor: default;
    text-decoration: none;
}

#ti_actu_right_now_container li a {
    color: #fff;
    font-family: myriad-pro;
    font-size: 14px;
}

#ti_actu_right_now_container li a:hover {
    text-decoration: underline;
}

#ti_twitter_sidebar iframe {
    height: 485px!important;
    border: 3px solid #e2e1e1 !important;
}

.timeline-Widget {
    border-radius: 0!important;
}

.les-plus span.actif {
    background: #EC1625!important;
    color: #ffffff!important;
}

.les-plus .les-plus-commentes {
    display: none;
}

.popular-posts,
.wpp-list {
    padding: 0;
    margin-bottom: 0;
}

.wpp-list li {
    overflow: hidden;
    float: none;
    clear: both;
    list-style: none;
    padding: 11px 0;
}

.wpp-list li:hover {
    background: #fff;
}

.wpp-list li:hover a {
    text-decoration: underline;
    color: #EC1625;
}

.les-plus ul li a {
    float: left;
    width: 30%;
    display: block;
}

.les-plus ul li a:first-child {
    text-align: center;
}

.les-plus ul li a.wpp-post-title {
    width: 67%;
    height: 37px;
}

.posts_list + .col-droite {
    right: 0;
    margin-top: 15px;
}
/* pagination */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

.pagination .nav-links > a,
.pagination .nav-links > span {
    color: #777;
    padding: 5px 15px;
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination .nav-links > a.prev,
.pagination .nav-links > a.next {
    border: 1px solid #fff;
}

.pagination .nav-links > a.next {
    border-left: 1px solid #ddd;
}

.pagination .nav-links > span.current {
    background: #ec1625;
    border: 1px solid #ec1625;
    color: #fff;
}

form + a:hover {
    text-decoration: underline;
    color: #EC1625;
}

#pub_300_250,
#pub_300_250_lucy,
#bloc_300_250,
#bloc_300_250_lucy {
    top: -17px;
    position: relative;
    height: 267px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    background: url("../images/visuel-pub-defaut.jpg") bottom left no-repeat transparent;
    cursor: pointer;
}

#pub_300-600_250,
#pub_300-600_250_lucy,
#bloc_300-600_250,
#bloc_300-600_250_lucy {
    top: -17px;
    position: relative;
    min-height: 267px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    background: url("../images/visuel-pub-defaut.jpg") bottom left no-repeat transparent;
    cursor: pointer;
}

.pub-style #pub_300_250,
.pub-style #pub_300_250_lucy,
.pub-style #bloc_300_250,
.pub-style #bloc_300_250_lucy
{
    top: 0!important;
}

.col-droite .pub-style#bloc_300_250 {
    top: -23px!important;
}

.modification-email {
    max-width: 525px;
    margin: 25px auto;
}

.modification-email input,
.creation-compte input,
.password-recovery input {
    width: 100%;
}

.login-not-activated {
    font-size: 14px;
    letter-spacing: 0.75px;
}

.demande-identification .fa-user.fa-4x,
.demande-information .fa-user.fa-4x,
.demande-information .fa-question.fa-4x {
    display: block;
    margin-top: 50px;
    margin-bottom: 10px;
}

.demande-information p {
    /*color: #999;*/
}

.demande-identification .login p,
.demande-identification .register p {
    font-size: 19px;
}

.demande-identification .login button {
    padding: 6px !important;
}

.demande-identification .icon {
    top: 30px;
}

.demande-information h2,
.demande-identification h2 {
    border-bottom: 0 solid #4c7fa4;
    font-weight: "normal";
    color: #ed1b2e;
}

.demande-information .fa-unlock-alt {
    margin-top: 20px;
    display: block;
    color: #ed1b2e;
}

.demande-information img {
    border-color: #aaaeb1;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 15px;
}

.captcha {
    width: 100%;
    border: 1px solid #aaaeb1;
    padding: 0;
    margin: 0 0 10px;
    cursor: pointer;
}

.form-group input.has-error {
    border: 1px dashed #f00 !important;
    background: #faebe7 !important;
}

.form-erreur-di {
    display: none;
    /*position: absolute;*/
    margin: 0;
    padding: 0;
    /*left: 15px;
    bottom: -13px;*/
}

.form-erreur-di.mail-error {
    left: 0;
}

.mail-error .demande-identification h2 {
    margin-top: 10px;
}

.demande-identification #iframe_cas_1 {
    height: 250px;
}

.demande-identification .icon {
    margin-top: 54px;
    height: 60px;
    width: 30px;
    margin: 0 auto;
}

.demande-identification .icon .fa-check-circle {
    position: absolute;
    color: #1B8BBB;
}

.demande-identification .icon .fa-user {
    position: absolute;
    right: 8px;
    top: -7px;
}

.demande-identification .col-xs-12 a span:hover {
    text-decoration: underline;
}

.demande-identification .row i {
    float: right;
    font-size: 20px;
}

.demande-identification .activation-email {
    margin-bottom: 50px;
}

.activation-login {
    height: 120px;
    width: 85px;
    border: 0;
    display: inline-block;
}

.demande-identification .row .fa-file-pdf {
    margin-right: 2px;
}

.demande-identification > .register .col-sm-9 {
    text-align: left;
    margin-bottom: 6px;
    line-height: 25px;
    letter-spacing: 0.75px
}

.creation-compte label,
.password-recovery label,
.creation-compte button,
.password-recovery button {
    letter-spacing: 0.75px;
}

.demande-identification .register a {
    margin-top: 20px;
}

.creation-compte-intro .usages {
    padding: 0;
}

.creation-compte-intro .is-table-row {
    display: table;
}

.creation-compte-intro .is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px;
    font-weight: bold;
}

.creation-compte-intro .is-table-row [class*="col-"]:nth-child(1) {
    border-right: 20px solid white;
}

.creation-compte-intro .is-table-row [class*="col-"]:nth-child(3) {
    border-left: 20px solid white;
}

.creation-compte label a,
.demande-identification label a {
    color: inherit;
}

.demande-identification .input-group-btn button {
    color: white;
    background: #ed1b2e;
    padding: 2px;
    letter-spacing: 0.75px;
}

.creation-compte select {
    width: 100%;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.pt-40 {
    padding-top: 40px;
}

.hoveru:hover {
    text-decoration: underline;
}
.blog-thumb-desc .hoveru:hover {
    color: #EC1625;
}
/* ERROR PAGE 40X */
#error-page .row hr {
    background: #EC1625;
    height: 2px;
}

#error-page .head-err-msg img {
    margin-left: 15px;
    margin-right: 15px;
}

#error-page ul {
    list-style-type: none;
}

#error-page ul li:hover {
    list-style-type: none;
    text-decoration: underline;
}

#error-page .erreur-text {
    color: #ed1b2e;
    font-size: 24px;
    line-height: 20px;
    letter-spacing: 0.75px;
}

#error-page #erreur-text div .tel {
    background: url(/images/reassurance_2.png) no-repeat top left transparent;
    padding: 5px 0 0 30px;
    height: 25px
}

#error-page .listing hr {
    width: 30px;
    height: 2px;
    margin: 10px 0;
}
#error-page .listing a,
#error-page .listing p {
    text-align: left;
}

#container-nofloat {
    float: none;
}

#error-page .ttre_holder {
    position: relative;
}

#error-page .ttre_holder img {
    width: 40px;
    position: absolute;
    left: -50px;
}

#error-page .ttre_holder a h2 {
    font-size:17px;
    text-transform: uppercase;
}

#error-page li h3 {
    margin: 4px 0;
    letter-spacing: 0.75px;
    font-size: 14px;
    line-height: 16px;
}

#error-page li h3:hover {
    text-decoration: underline;
    color: #EC1625;
}

#error-page .middle-transport .ttre_holder a h2 {
    color: #25435b;
}

#error-page .middle-transport .ttre_holder hr {
    background: #25435b;
}

#error-page .middle-ti .ttre_holder a h2 {
    color: #bfa580;
}

#error-page .middle-ti .ttre_holder hr {
    background: #bfa580;
}

#error-page .middle-ti .ttre_holder img {
    top: -7px;
}

#error-page .middle-sciences .ttre_holder a h2 {
    color: #209b99;
}

#error-page .middle-sciences .ttre_holder hr {
    background: #209b99;
}

#error-page .middle-sciences .ttre_holder img {
    top: -11px;
}

#error-page .middle-procedes .ttre_holder a h2 {
    color: #1ea972;
}

#error-page .middle-procedes .ttre_holder hr {
    background: #1ea972;
}

#error-page .middle-procedes .ttre_holder img {
    top: -10px;
}

#error-page .middle-analyses .ttre_holder a h2 {
    color: #1b8bbd;
}

#error-page .middle-analyses .ttre_holder hr {
    background: #1b8bbd;
}

#error-page .middle-analyses .ttre_holder img {
    top: -5px;
}

#error-page .middle-mecanique .ttre_holder a h2 {
    color: #ec1625;
}

#error-page .middle-mecanique .ttre_holder hr {
    background: #ec1625;
}

#error-page .middle-materiaux .ttre_holder a h2 {
    color: #632e86;
}

#error-page .middle-materiaux .ttre_holder hr {
    background: #632e86;
}

#error-page .middle-innovation .ttre_holder a h2 {
    color: #a41a79;
}

#error-page .middle-innovation .ttre_holder hr {
    background: #a41a79;
}

#error-page .middle-innovation .ttre_holder img {
    top: -12px;
}

#error-page .middle-genie .ttre_holder a h2 {
    color: #198cbb;
}

#error-page .middle-genie .ttre_holder hr {
    background: #198cbb;
}

#error-page .middle-env .ttre_holder a h2 {
    color: #9eb51d;
}

#error-page .middle-env .ttre_holder hr {
    background: #9eb51d;
}

#error-page .middle-energies .ttre_holder a h2 {
    color: #f5bd10;
}

#error-page .middle-energies .ttre_holder hr {
    background: #f5bd10;
}

#error-page .middle-energies .ttre_holder img {
    top: -11px;
}

#error-page .middle-electronique .ttre_holder a h2 {
    color: #e6456f;
}

#error-page .middle-electronique .ttre_holder hr {
    background: #e6456f;
}

#error-page .middle-electronique .ttre_holder img {
    top: -10px;
}

#error-page .middle-construction .ttre_holder a h2 {
    color: #df760b;
}

#error-page .middle-construction .ttre_holder hr {
    background: #df760b;
}

#error-page .middle-construction .ttre_holder img {
    top: -10px;
}
/*

#box-container .univers {
background: #eeeeee;
padding: 1px 0 0 0;
height: auto
}

.zoning .holder img {
width: 35px;
height: 35px;
margin-right: 3px;
}

.zoning .pngfix a {
padding-top: 2px;
}

.zoning .pngfix {
margin-bottom: 2px;
}

.listing {
color: #000000;
font-size: 11px;
margin: 0 0 10px 0;
}

.listing h2 {
background: none;
color: black;
padding: 5px 5px 5px 16px;
font-size: 14px;
}

.listing h3 {
margin: 0 0 1px;
padding: 0 0 0 17px;
color: #333;
background: none;
font-size: 12px;
font-weight: 400;
font-family: Arial;
}

.sidebar-nav ul li .holder {
padding: 1px 0 4px 3px;
}

.sidebar-nav .ttre {
background-color: black;
}

.erreur-text div p:first-child {
margin: 0 0 5px 0;
}

.erreur-text div {
margin: 10px 0 0 50px;
}
*/
/*
.erreur-text div .adresse {
line-height: 12px;
height: 50px;
}

.erreur-text div a {
padding: 3px 10px;
}

.erreur-text div a:hover {
color: #fff;
text-decoration: none;
}
*/

.encart-gauche {
    float: left;
    margin:0 20px 10px 0!important;
    width: 260px!important;
    padding:25px!important;
    border:1px solid #C6C6C6;
    background: none!important;
}
.encart-droite {
    float: right;
    margin:0 0 10px 20px!important;
    width: 260px!important;
    padding:25px!important;
    border:1px solid #C6C6C6;
    background: none!important;
}
.encart-large {
    margin: 0 0 10px 0;
    width:100%!important;
    padding: 25px!important;
    border:1px solid #C6C6C6;
    background: none!important;
}
.comment-edit-link {
    padding: 5px;
    font-size: 11px;
}
ul.menu-selected {
    width: auto;
    padding: 0;
    height: 36px;
    display: none;
    list-style: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: url("../images/fond-floating-menu.png") bottom center no-repeat transparent;
}
ul.menu-selected>li {
    background: #373737;
    z-index: 99;
    height: 30px;
    width: 31px;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
}
ul.menu-selected>li>* {
    margin:3px 0;
    padding: 2px 0;
    color: #FFF;
}
ul.menu-selected li.titre {
    width:auto;
}
ul.menu-selected li.titre span {
    font-size:11px;
    font-family:DIN-Alternate-medium, century gothic;
    color:#fff;
    height:17px;
    margin: 5px 0 5px 0;
    padding: 2px 7px 0 7px;
    display: block;
}
ul.menu-selected li.reagir {
    width:auto;
}
ul.menu-selected li.reagir a {
    border-left: 1px solid #5d5d5d;
    margin: 5px 0;
    padding: 0 10px;
    display: inline-block;
}
ul.menu-selected li.reagir a i {
    position: relative;
    top: -2px;
}
ul.menu-selected li.email {
    width:auto;
}
ul.menu-selected li.email a {
    border-left: 1px solid #5d5d5d;
    border-right: 1px solid #5d5d5d;
    margin: 5px 0;
    padding: 0 10px;
    display: inline-block;
}
ul.menu-selected li.email a i {
    position: relative;
    top: -2px;
}
ul.menu-selected li.reseau {
    width:80px;
    padding: 0 7px;
}
ul.menu-selected li.reseau p {
    height:18px;
}
li.no-border.padding-top-10.padding-bottom-10.font-size-13 {
    min-height: 66px;
}

#bandeau-cookie {z-index:9999;position:fixed;bottom:50px;left:0;width:275px;text-align:left;display:none;}
#bandeau-cookie .puce {line-height: 16px;float: left; position: absolute; overflow: hidden; width: 22px; height: 22px; right:12px}
#bandeau-cookie .puce span {height: 0; position: absolute; left: 6px; top: 2px; z-index: 1;font-size: 14px;}
#bandeau-cookie>div {margin:0 auto;height:auto;padding: 10px 30px;background:#e2e1e1;}
#bandeau-cookie div a {text-decoration:underline;}
#bandeau-cookie div p {margin:0;padding: 3px 0 3px 5px;font-size:13px;line-height: 16px;}
#bandeau-cookie div .puce:hover {text-decoration:none;cursor:pointer}

ul.inline li {
    display: inline;
}
ul.inline li a {
    padding: 0 5px;
}
.line1 li, .line2 li {
    border-right: 1px solid #ffffff;
}
.line1 li.last {
    border-right: 0 solid #ffffff;
}
.ui-widget-header {
    font-weight:normal;
}
.ui-dialog .ui-dialog-titlebar-close {
    border: none;
    background: url('../images/picto-close-popin.png') no-repeat center center transparent;
    background-size: contain;
}
.ui-dialog .ui-icon-closethick {
    color:#EB1625!important;
    top: -1px;
    position: relative;
    font-size: 0;
}
.ui-widget {
    font-family: myriad-pro;
    background: #ffffff;
}
.border-radius-5 {
    border-radius: 5px;
}
#collapse-espace-admin ul.border-top-blue {
    padding-top: 10px;
    padding-bottom: 10px;
}
#collapse-espace-admin ul.border-top-blue:first-child {
    border:none;
}
.xls {
    height: 50px;
    float: left;
    padding: 10px 0 0 50px;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/icons1.png) no-repeat 10px 0;
    font-size:12px;
}
.xml {
    height: 50px;
    float: right;
    padding: 10px 0 0 50px;
    font-weight: bold;
    text-decoration: underline;
    background: url(../images/icons8.png) no-repeat 10px 0;
    font-size:12px;
}
.xls:hover a, .xml:hover a {
    color: #1B8BBB;
}
.stats {
    background: url(../images/logo-counter.png) right top no-repeat transparent;
    clear: both;
}
input#picture-input {
    height: 40px;
    float: left;
    width: 16%;
    filter: alpha(opacity :     0);
    opacity: 0;
    z-index: 2;
    position: relative;
    cursor: pointer;
    margin: 0;
    margin: 0 42%;
}

#picture-button-ie {
    position: absolute;
    top: 18px;
    left: 15px;
    z-index: 1;
    width: 15%;
    margin: 0 41%;
}

/*#overlaypub .closepub {
    width: 100%;
    height: 0;
    position: fixed;
    left: 380px;
    top: 62px;
    z-index:99999;
}*/

.banner div[id^='div-gpt-ad-1490604501599-'] {bottom: 0;opacity: 1;position: fixed;width: 100%;z-index: 100;height: auto;text-align:center;}
.banner div[id^='div-gpt-ad-1490604501599-'] #pubclose p {width:100%;height:0;position:fixed;}
.banner div[id^='div-gpt-ad-1490604501599-'] #pubclose p a.closepub {color:#fff;font-size:15px;font-weight:700;position: relative; top: -20px; left: 0;}

.partage > li {
    display: inline-block;
    padding-right: 3px;
    padding-left: 3px;
}

.partage > li.newsletter-link {
    padding-right: 0;
}

.partage > li.newsletter-link a {
    padding-right: 0;
}
.carto-bg {
    background: url(../images/fond-carto-home.png) no-repeat top center;
}
.decalage_visu_real_bd li:first-child, .type-article {
    font-family: myriad-pro-bold;
    color: #697277;
}
.decalage_visu_real_bd li:first-child {
    /*padding-left: 0;*/
}
.list-inline {
    margin-left:0;
}
.list-inline li {
    position: relative;
}
.skin-notheme strong {
    font-family: myriad-pro-semi-bold;
}

#div-gpt-ad-1490604501599-11 {
    padding:0 0 0 44px;
    margin:0px;
}

.flou {
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 );
    position: absolute;
    top: -140px;
    left: 0;
    height: 100px;
    width: 100%;
    display:none;
}
#corps-article .flou {
    display:block;
}

.tableSummary
{
    width: 100%;
    margin-top: 10px;
    border: 1px solid #EBEBEB;
}

.tableSummary tr
{
    background: #E4E4E4;
    border-bottom: white 1px solid;
    border-top: white 1px solid;
}


.tableSummary td
{
    padding: 5px;
}

.formSendCampaign p{
    padding: 5px;
}

span#confirmation-ok{
    cursor:pointer;
}

#confirmation-no{
    cursor:pointer;
}

.myti-bloc-contenu-top h2{
    width:99%;
}

.datePerso div select {
    border: 1px solid #C2C2C2;
    height:22px;
    margin:3px
}

#form-send-campaign label {
    width:90px;
}

.myti-recherche-asso-resultat table tbody tr,
.contact-actions table tbody tr {
    border-top: 1px #333333 dotted;
    background: #F7F7F7;
    color: green;
    font-size:14px;
}
.myti-recherche-asso-resultat table tr .enableline {
    background: #EBEBEB;
    color: #c2010e;
}
.myti-recherche-asso-resultat table tbody tr td.actions {
    background: url(../images/sprite_pictos_adv_users.png) transparent left center scroll no-repeat;
    vertical-align: middle;
    padding: 8px 0;
    width:195px;
}
.myti-recherche-asso-resultat table tbody tr td.actions.enableline {
    background: url(../images/sprite_pictos_adv_users_enable.png) #EBEBEB left center scroll no-repeat;
    vertical-align: middle;
}
.myti-recherche-asso-resultat table tbody tr td.actions a {
    float: left;
    width: 48px;
    height: 25px;
    padding: 0;
}
.myti-recherche-asso-resultat table tbody tr td a {
    color: #4d5356;
}
.myti-recherche-asso-resultat table tbody tr.ACTIVE td,
.myti-recherche-asso-resultat table tbody tr.ACTIVE td a {
    color: green;
}
.myti-recherche-asso-resultat table tbody tr.INTERRUPTED td,
.myti-recherche-asso-resultat table tbody tr.INTERRUPTED td a {
    color: orange;
}
.myti-recherche-asso-resultat table tbody tr.INACTIVE td,
.myti-recherche-asso-resultat table tbody tr.INACTIVE td a {
    color: #c2010e;
}
.myti-recherche-asso-resultat table tbody tr.EXPIRED td,
.myti-recherche-asso-resultat table tbody tr.EXPIRED td a {
    color: #c2010e;
}
.width195 {
    min-width: 195px;
}
.width100 {
    min-width: 100px;
}
.warning-vert {
    margin: 0 auto 20px;
    width: 100%;
    text-align: center;
    float: left;
    padding: 5px 10px;
    background: #97be0d;
    font-size: 12px;
    color: #fff;
}
.warning-rouge{
    margin:0 auto 20px;
    width:100%;
    text-align:center;
    float:left;
    padding:5px 10px;
    background:#f8e9eb;
    font-size:12px;
    color:#b10925;
}
.warning-orange{
    margin:0 auto 20px;
    width:100%;
    text-align:center;
    float:left;
    padding:5px 10px;
    background:#fde6e0;
    font-size:12px;
    color:#ff4c0f;
}
.warning-bleu{
     margin:0 auto 20px;
    width:100%;
    text-align:center;
    float:left;
    padding:5px 10px;
    background:#3a83b1;
    font-size:12px;
    color:#fff;
}
.warning-vert span a{
    color:#FFFFFF;
    font-size:11px;
    text-decoration:underline;
    font-weight:bold;
}
.ng-scope {
    height: 60px;
}
/*.module-interception .flou {
    display: block;
}*/
.module-interception .btn-txt {
    width: 270px;
    margin: 0 auto;
    display: block;
}
.module-interception .btn-txt a {
    text-decoration: none;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 0 0;
    line-height: 0.8;
    font-size: 1.08em;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 15px 0 15px;
    cursor: pointer;
}

.ui-menu-item span.term-autocomplete-highlight {
    font-weight: bolder;
    color: #1B8BBB;
}

.tree li {
    list-style-type: none;
    padding: 0;
    position: relative
}

.tree li::before, .tree li::after {
    content: '';
    right: -20px;
    position: absolute;
    left: auto
}

.tree li::before {
    bottom: 50px;
    height: 100%;
    top: 0;
    width: 1px;
}

.tree li::after {
    height: 20px;
    top: 25px;
    width: 25px;
}

.tree li::after:hover {
    border-top: 1px solid #999;
}

.tree li span {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    font-size: 12px;
    border-left: solid 1px white;
}

.tree ul>li.parent_li>span {
    cursor:pointer
}

.tree li span>span {
    font-size:15px;
    text-transform:uppercase;
    display:inline-block;
    padding: 0 15px 0 5px;
}

.tree li span.treehighlight {
    color : darkblue;
}

.tree>ul>li.parent_li span {
    border-bottom: solid 1px #D5D5D5;
    line-height: 20px;
    display: block;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.tree>ul>li.parent_li span span {
    border-bottom: solid 0 #D5D5D5;
    display: inline;
    padding-bottom: 0;
    margin-bottom: 0;
}

.tree>ul>li.parent_li>ul>li span {
    padding-bottom: 0;
    margin-bottom: 5px;
}

.tree>ul>li.parent_li>ul>li span {
    border-bottom: solid 1px #EAEAEA;
}

.tree>ul>li::before, .tree>ul>li::after {
    border: 0;
}

.tree li:last-child::before {
    height: 30px;
}

.icon-minus-sign {
    background: url("../images/collapse.png") no-repeat;
}

.icon-plus-sign {
    background: url("../images/expand.png") no-repeat;
}

.icon-minus-sign, .icon-plus-sign {
    width: 17px;
    height: 10px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 5px;
}

.thesaurus > span {
    margin: 0.2em 0 0 0;
}

.thesaurus > span > .icon-minus-sign, .thesaurus > span > .icon-plus-sign {
    left: -16px;
    top: 10px;
}

.tree > ul > li > span {min-height:1.6em;font-size:1.08em;}

.tree  ul > li > span > label {
    color: #4D5356;
    font-family: 'myriad-pro-semi-bold';
    font-size: 14px;
    padding: 0 25px 0 10px;
    display: inline-block;
    max-width: 96%;
    line-height: 16px;
}

.tree ul {
    padding-inline-start: 20px;
}
li.bouton.accueil:first-child {
    padding-inline-start: 0
}

div.term-box.saved > span.label {
    color: black;
}

div.term-box.not-saved > span.label {
    color: grey;
}

div.ma-veille div.delete-all {
    color: #4d5356;
}

div.ma-veille div.delete-all.disabled {
    color: grey;
}

.veille-perso-container #thesaurusContainer .tb-sep {
    height: 0;
}

.veille-perso-container #thesaurusContainer .tree {
    margin-top : 35px;
}

.veille-perso-container #thesaurusContainer .tree>ul {
    padding-inline-start : 0;
}

.tree ul > li > span.term-selected > label,
.tree ul > li > span > input.term-selected + label {
    color: #1B8BBB;
}

.selection ul {
    list-style: none;
    padding:0;
}

.selection ul li {
    padding: 0 5px 5px 0;
    display: inline-block;
}

.selection ul li .term-box.saved {
    padding: 7px 15px 7px 10px;
    background: #898989;
    color: #ffffff;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.selection ul li .term-box.saved span {
    color: #ffffff;
    font-size:14px;
    padding: 3px 0 0 0;
    max-width: 330px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selection ul li .term-box.saved:hover {
    background: #1B8BBB;
    text-decoration: none;
}

.selection ul li .term-box.not-saved {
    padding: 7px 15px 7px 10px;
    background: #B9B9B9;
    color: #ffffff;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.selection ul li .term-box.not-saved span {
    color: #ffffff;
    font-size:14px;
    padding: 3px 0 0 0;
    max-width: 330px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selection ul li .term-box.not-saved:hover {
    background: #1B8BBB;
    text-decoration: none;
}

.selection ul li .term-box span.delete {
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    top: 1px;
    position: absolute;
    right: 5px;
}

.consentement input {
    float: left;
    display: inline-block;
}

.consentement label {
    display: inline-block;
    float: left;
    width: 96%;
    padding-left: 10px;
    color: #4d5356;
    font-weight: normal;
    font-size: 12px;
}

.save-feedback {
    color: #74b504;
    display: none;
}

.message-info {
    padding-right: 5px;
    font-size: 14px;
    margin-bottom:15px;
    font-family:myriad-pro-semi-bold
}

.offre-page .nav-tabs > li {
    text-align: center;
    width: 21.87%!important;
    margin: 0 1.25% -2px;
    background: #ffffff;
}

.offre-page .nav-tabs > li:first-child {
    margin: 0 1.25% 0 2.5%;
}
.offre-page .nav-tabs > li:last-child {
    margin: 0 2.5% 0 1.25%;
}

.offre-page .tab-v1 .tab-content {
    padding: 0 0 10px 0;
    position: relative;
    z-index: 1;
    margin-top: 40px;
}
.offre-page .tab-v1 .nav-tabs {
    border-bottom: 0;
    position: relative;
    padding-top: 20px;
    z-index: 11;
    margin-top: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.offre-page .tab-v1  .nav-tabs li a {
    margin: 0 20px;
}
.offre-page .tab-v1 .nav-tabs a {
    min-height: 45px;
}

.offre-page .btn-offers--details {
    width: 182px;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    padding-top: 10px;
    border: 1px solid #74b504;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
}

.offre-page table .btn-offers--details {
    width: 220px;
}

.offre-page table .btn-devis--details {
    width: 220px;
}

.offre-page #offre-header {
    background-image: url('../assets/img/main/img1.jpg');
    background-repeat: no-repeat;
    background-size: 100% 300px;
    padding: 17px 0 48px;
    position: relative;
    z-index: 10;
    background-size: cover;
    background-position-x: center;
}

.offre-page #offre-header.abo {
    padding: 17px 0 72px;
}

.offre-page #header.abo,
.offre-page #offre-header.abo {
    margin-bottom: 0;
}

.offre-page #main-menu.header {
    margin-bottom: 35px;
}

.offre-page .tb-cstm {
    width: 664px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.offre-page .ref-sub-title * {
    font-size: 15px !important;
    text-align: center;
    line-height: 18px !important;
    margin: 0;
    width: fit-content;
    background: none!important;
}

.row-3-blocks {
    margin-right: 0;
    margin-left: 0;
    height: 90%;
    position: relative;
}

.row-3-blocks > div{
    min-height:156px;
}

.row-3-blocks {
    margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    position: relative;
    width: 90%;
    border-radius: 87px;
    padding: 2px;
    background: rgba(0,0,0,0.36);
    background: -moz-linear-gradient(left, #ebebeb 0%, #ffffff 60%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #ebebeb 0%, #ffffff 60%, #ffffff 100%);
    background: linear-gradient(to right, #ebebeb 0%, #ffffff 60%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=1 );
}

.row-3-blocks > div:first-child {
    background: #ebebeb; /* Old browsers */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebebeb+0,ffffff+75,ffffff+100&1+0,1+75,0+100 */
    background: -moz-linear-gradient(-45deg,  rgba(235,235,235,1) 0%, rgba(255,255,255,0) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(235,235,235,1) 0%,rgba(255,255,255,0) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(235,235,235,1) 0%,rgba(255,255,255,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 87px;
    border: 1px solid #ffffff;
    border-bottom: 0;
    border-right: 0;
    /*-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.36);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.36);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.36);*/
    box-shadow: -7px -2px 10px rgba(235,235,235,1);
    display: flex;
}

.row-3-blocks.abo > div:first-child {
    overflow: hidden;
}

.row-3-blocks.abo > div:first-child > div:first-child {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #1B8BBB;
    padding: 0 24px 0 40px;
}

.row-3-blocks > div:first-child > div:first-child + div > div {
    display: flex;
    justify-content: center;
    flex-direction: row;
}
.row-3-blocks > div:first-child > div:first-child i,
.row-3-blocks > div:first-child > div:first-child p {
    color: #ffffff;
}

.row-3-blocks .bande-cols {
    line-height: 18px;
    letter-spacing: 0.9px;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
    width: 100%;
}

.row-3-blocks .services {
    display: flex;
    justify-content: center;
    font-size: 0;
}

.row-3-blocks .services > div {
    display: inline-block;
    float: none;
    font-size: 14px;
    width: auto;
    margin-left: 15px;
}

.abo-services-inclus {
    display: inline-block;
    float: left;
}

.offre-page #menu-smint {
    position: relative;
    top: -65px;
}

.offre-page .offre-accroche .ez_module_style_1,
.offre-page .offre-accroche .ez_module_style_1 * {
    display: inline;
    font-style:italic
}

#design-liseuse-popin {
    padding: 0;
    margin: 0;
}
#design-liseuse-popin > .ui-dialog-titlebar {
    display: none;
}
#liseuse-popin {
    padding: 0;
}
#Download_Pdf,
#Download_Pdfen {
    position: relative;
    padding-left: 50px;
}
#Download_Pdf:before,
#Download_Pdfen:before {
    position: absolute;
    height: 25px;
    width: 73px;
    top: -19px;
    right: 0;
    content: url("../images/nouveaute-liseuse.png");
}
#Download_Pdf img,
#Download_Pdfen img{
    position: absolute;
    top: 3px;
    left: 3px;
}
#chat-bot-instit {
    position: sticky;
    top:74px;
    margin-top: 20px;
}
@media screen and (max-width: 991px) {
    #chat-bot-instit #app {
        position: fixed;
        left: 0;
        bottom: -1px;
        width: 100%;
        padding: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        z-index: 100;
    }
}
.contact .btn-u.btn-u-red {
    border-radius: 1000px;
    padding: 13px 32px;
    margin-top: 5px;
}
.contact .encart-top-contact h1 {
    margin-bottom: 0;
}
.contact #organizationRegion input,
.contact #countrySelector {
    padding: 5px;
}
.special-oe {
    font-size: 1.2em;
}
@media screen and (min-width: 992px) {
    .formulaire-di-pp div.titre {
        margin-top: 70px;
    }
}
@media screen and (max-width: 991px) {
    .formulaire-di-pp .titre img {
        height: 60px;
        width: 60px;
    }
}
.formulaire-di-pp h1 {
    color: #555;
    font-family: myriad-pro-bold, Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}
.formulaire-di-pp h1 + p {
    margin-top: 20px;
}
@media screen and (min-width: 992px) {
    .formulaire-di-pp h1 {
        font-size: 54px;
        line-height: 54px;
    }
}
.formulaire-di-pp #formulaire-di-pp {
    padding: 34px 32px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
}
.formulaire-di-pp #formulaire-di-pp form input[type=email], .formulaire-di-pp #formulaire-di-pp form input[type=number], .formulaire-di-pp #formulaire-di-pp form input[type=password], .formulaire-di-pp #formulaire-di-pp form input[type=reset], .formulaire-di-pp #formulaire-di-pp form input[type=search], .formulaire-di-pp #formulaire-di-pp form input[type=tel], .formulaire-di-pp #formulaire-di-pp form input[type=text], .formulaire-di-pp #formulaire-di-pp form input[type=url], .formulaire-di-pp #formulaire-di-pp form select, .formulaire-di-pp #formulaire-di-pp form textarea {
    width: 100%;
}

.formulaire-di-pp .border-dotted {
    font-size: 0;
    margin: 48px 55px 48px 0;
    border-bottom: 4px dotted #E30D21;
    width: 100%;
}
@media screen and (min-width: 992px) {
    .formulaire-di-pp .border-dotted {
        width: 93%;
    }
}