/***Style général**/

body {
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    background: #ffffff;
    top:0!important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Montserrat', arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

h1 {
    font-weight: 600;
    font-size: 28px;
    color: #23282f;
    margin-bottom: 30px;
}

h2 {
    font-size: 26px;
    color: #0095ab;
    margin-bottom: 20px;
}

h3 {
    font-size: 23px;
    color: #0095ab;
}

h4 {
    font-size: 20px;
    color: #23282f;
    text-transform: inherit;
}

h5 {
    font-size: 20px;
    color: #e20026;
    text-transform: inherit;
    font-weight: 300;
}

p {
    font-size: 16px;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 1.5em;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
}

button {
    -webkit-appearance: initial;
    box-shadow: none;
}

hr {
    border-top: 3px solid #eee;
    width: 45px;
    margin: 35px 0;
}

img {
    width: auto;
}

strong {
    color: #0095ab;
}

.ce-column img {
    width: 100%;
    height: auto;
}

/**tempo**/
#c44 img {
    width:100%;
}
/*********/

#logo {
    float: left;
    width: 180px;
    display: block;
    margin-bottom: 40px;
    margin-top: 40px;
}

.marg30 {
    margin: 30px auto !important;
}

.milieu {
    text-align: center;
    margin: auto;
}

.extra {font-size: 18px;}

.content ul li,
.content ol li {
    margin-bottom: 7px;
}

.content ul li .paragraphe_standard {
    display: inline-block;
}

.content ul li:before {
    content: "";
    display: inline-block;
    background: #e20026;
    width: 6px;
    height: 6px;
    margin: 0 15px 0 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

ul.nav-tabs li:before,
ol.breadcrumb li:before,
form ul li:before {
    display: none;
    content: none;
}

ol.carousel-indicators li:before {
    content: "" !important;
}

.content ol li {
    counter-increment: step-counter;
}

.content ol li:before {
    content: counter(step-counter)".";
    margin-right: 13px;
    color: #e20026;
    font-weight: bold;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.long {
    width: 100%;
}

.nopadding {
    padding: 0;
}

.nomargin {
    margin: 0 !important;
}

* {
    outline: none !important;
}



/********** Preloader ****************/

#home #preloader { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%;
    overflow: visible; background: #fff url('../img/logo-CBJ-2021.png') no-repeat center center;background-size: auto 110px;  }

/****************************************************/


/*****MENU*****/

.dropdown-menu {
    min-width: 322px;
    top: -3px;
    left: -1px;
    padding: 22px 0;
    border-radius: 30px;
    border: 0;
/*    opacity: 0;*/
    max-height: 460px;
    overflow-y: scroll;
    display: none;
    -webkit-transform: matrix(0, 0, 0, 0, 0, 0);
    -moz-transform: matrix(0, 0, 0, 0, 0, 0);
    -ms-transform: matrix(0, 0, 0, 0, 0, 0);
    transform: matrix(0, 0, 0, 0, 0, 0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*.dropdown-menu.show{
    opacity: 1!important;
}*/

.dropdown-menu>li>a {
    padding: 4px 30px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: #e7f7ff;
}

.open>.dropdown-menu {
    transform-origin: center top 0px;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    -moz-transform: matrix(1, 0, 0, 1, 0, 0);
    -ms-transform: matrix(1, 0, 0, 1, 0, 0);
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.go-back a:before {
    content: "\e079";
    font-family: 'Glyphicons Halflings';
    position: relative;
    color: #fff;
    font-size: 11px
}

/*.go-back a:hover {
    padding-left: 45px !important;
}*/

header a {
    text-decoration: none!important;
    font-size: 18px;
    text-transform: uppercase;
}

header .arrowdown {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: 10;
    width: 88px;
    height: 88px;
    background: url('../img/down.svg') no-repeat center center #ffffff;
    background-size: 37px auto;
}

.cd-dropdown .cd-dropdown-content {
    max-width: 100%;
    display: inline-block;
    background: rgba(0,149,171,0.4);
    height: 100%;
    margin: 0;
    overflow: visible!important;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    transform: translateX(0)!important;
}

.cd-dropdown-content,
.cd-dropdown-content ul {
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-dropdown .cd-dropdown-content .cd-secondary-dropdown {
    width: 118%;
    display: block;
    height: 100%;
    margin: 0;
    position: absolute;
    left: -64px;
    top: 0;
    background: rgba(77,181,196,0.9);
    overflow: hidden;
    padding: 0;
    padding-top: 150px;
}

.menu-wrap ul ul > li > a{
    position: relative;
}

.menu-wrap ul li:nth-of-type(2) > ul > li:first-child,
.menu-wrap ul li:nth-of-type(2) > ul > li:first-child p{
    margin-bottom: 0!important;
}

.menu-wrap ul li:nth-of-type(2) > ul > li:first-child a:before,
.menu-wrap ul li:nth-of-type(2) > ul > li:nth-of-type(7) a:before {
    border-bottom: 1px solid #fff;
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    width: 80%;
}

.menu-wrap ul li:nth-of-type(2) > ul > li:first-child a:hover{
    padding-left: 21px;
    cursor: default;
}

.menu-wrap ul li:nth-of-type(2) > ul > li:nth-of-type(7){margin-top: 15px;}

.cd-dropdown-content.is-hidden,
.cd-dropdown-content ul.is-hidden {
    /* push the secondary dropdown items to the right */
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    z-index:  999;
}


.cd-dropdown-content ul.move-out > li > a {
    /* push the dropdown items to the left when secondary dropdown slides in */
    -webkit-transform: translateX(-150%);
    -moz-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    -o-transform: translateX(-150%);
    transform: translateX(-150%);
}

.cd-dropdown-content ul.move-out li:after {
    opacity: 0;
}

.menu-wrap ul ul ul {
    padding-left: 5px;
}


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

    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        display: block;
    }

    .menu-wrap ul ul ul {
        position: absolute;
        left: 0;
        top: 0;
        padding-top: 150px;
    }

    .cd-dropdown-content > div > div > .has-children > ul {
        visibility: hidden;
    }

    .cd-dropdown-content > div > div > .has-children > .cd-secondary-dropdown > li > ul {
        /* if .cd-secondary-dropdown is visible - show also subnavigation */
        display: none;
        z-index: 99999;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
    }
    .cd-dropdown-content > div > div > .has-children > .cd-secondary-dropdown.move-out{
        visibility: visible;
    }
    .cd-dropdown-content > div > div > .has-children > .cd-secondary-dropdown.move-out > li > ul {
        /* if .cd-secondary-dropdown is visible - show also subnavigation */
        display: block;
        height: 100%;
    }
    .cd-dropdown-content.is-hidden > li > a,
    .cd-dropdown-content.is-hidden > li > .cd-search,
    .cd-dropdown-content.is-hidden > .cd-divider,
    .cd-dropdown-content.move-out > li > a,
    .cd-dropdown-content.move-out > li > .cd-search,
    .cd-dropdown-content.move-out > .cd-divider,
    .cd-dropdown-content ul.is-hidden > li > a,
    .cd-dropdown-content ul.is-hidden > li > .cd-search,
    .cd-dropdown-content ul.is-hidden > .cd-divider,
    .cd-dropdown-content ul.move-out > li > a,
    .cd-dropdown-content ul.move-out > li > .cd-search,
    .cd-dropdown-content ul.move-out > .cd-divider {
        /* reset mobile style */
        opacity: 1;
    }
}


/****************************************************/


/***** ZONE DE RECHERCHE *****/


/* Layout for search container */

.search {
    position: relative;
    text-align: center;
}

.js .search {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh;
}

.js .search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0, 0, 0, 0.3);
}

.search__inner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    background: #f0f0f0;
}

.search__inner--up {
    color: #fff;
    background: #0095ab;
}

.search__inner--down {
    top: 50%;
    color: #fff;
    background: #e20026;
}

.btn--search-close {
    font-size: 2em;
    position: absolute;
    z-index: 100;
    top: 1.25em;
    right: 1.25em;
    display: none;
    padding: 0 !important;
    background: transparent;
}

.btn--search-close:focus,
.btn--search-close:active,
#btn-search:focus,
#btn-search:active {
    outline: 0;
    box-shadow: none !important;
}

.js .btn--search-close {
    display: block;
}

.search__form {
    width: 75%;
    max-width: 900px;
    margin: 0 auto;
}

/*hack IE*/
_:-ms-input-placeholder, :root .search__form {margin:0;}

.search__input {
    font-family: inherit;
    font-size: 7vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0.1em 0;
    color: inherit;
    border-bottom: 4px solid;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.search__input::-webkit-input-placeholder {
    opacity: 0.5;
    /* WebKit, Blink, Edge */
    color: #fff;
}

.search__input::-moz-input-placeholder,
.search__input::-moz-placeholder {
    opacity: 0.5;
    /* Mozilla Firefox 19+ */
    color: #fff!important;
}

.search__input:-ms-input-placeholder {
    opacity: 0.5;
    /* Internet Explorer 10-11 */
    color: #fff;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.search__input::-ms-clear {
    display: none;
}

.search__info {
    font-size: 90%;
    font-weight: bold;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
}

.search__related {
    display: flex;
    width: 75%;
    max-width: 900px;
    pointer-events: none;
    position: relative;
    z-index: 999999;
}

.search__suggestion {
    width: 100%;
    padding: 0 1em 0 0;
    text-align: left;
}

.search__suggestion:last-child {
    padding: 0 0 0 1em;
}

.search__suggestion h3 {
    font-size: 32px;
    margin: 0;
    color: #fff;
}

.search__suggestion h3::before {
    content: '\21FE';
    display: inline-block;
    padding: 0 0.5em 0 0;
}

.search__suggestion a {
    font-size: 22px;
    line-height: 1.4;
    margin: 0.75em 30px 0 0;
    color: #fff;
    cursor: pointer;
}

#btn-search img {
    width: 32px;
    margin: 30px 0 0 30px;
}

/*hack IE*/
_:-ms-input-placeholder, :root #btn-search img {height: 32px;}

#btn-search {
    background: transparent;
    outline: none !important;
    float: left;
}

/*Résultat recherche*/
.infos-search {margin: 8px 0;font-weight: bold;}

.content .pagination li:before, .content ul li.resultat:before{display: none;}

.resultat img{position: absolute; top: 20px; left: 15px;z-index:5;}

li.resultat{position: relative;}

li.resultat a{
    padding: 25px 0 25px 55px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    display:block;
    background: #ffffff;
    position: relative;
    z-index: 3;
}

li.resultat a:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);;
}

#c39 {
    width: 50%;
    position: relative;
    z-index: 1;
}

#c39 #bloc-1 ul{
    display: block;
}

/*Page recherche praticien*/

.bigblock {
    background: #0095ab;
    padding: 35px 0;
    color: #ffffff;
    display: block;
    border-radius: 25px;
    text-align: center;
}

.bigblock.praticiens {
    height: auto;
    min-height: 220px;
    margin-bottom: 50px;
}

.bigblock.praticiens:after,
.bigblock.praticiens:before {
    border-radius: 25px;
}

.bigblock label {
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 12px;
}

.bigblock.praticiens input.form-control,
.bigblock.praticiens .dropdown .btn {
    margin: auto;
}

.lettres {
    padding: 5px 20px 20px 20px;
}

.lettres span {
    display: inline-block;
    margin-bottom: 10px;
}

.lettres a {
    padding: 2px 6px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid transparent;
    font-weight: bold;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.lettres a:hover {
    border-color: #ffffff;
    border-radius: 30px;
}


/**** 404 *****/

#contenu.quatre .corps .content {
    bottom: 0;
    padding-bottom: 40px;
}

.quatre .light{margin: 40px auto 5px;width: 210px;}

.dedans {
    text-align: center;
}

.dedans h1 {
    font-size: 52px;
    color: #e20026;
}

.dedans img:first-child {
    width: 240px;
}

/*----------------------------------------------------------------------------*/
/*                               GOOGLE TRADUCTION                            */
/*----------------------------------------------------------------------------*/

#google_translate_element {
    position: absolute;
    right: 115px;
    z-index: 9999;
    top: 62px;
}


.goog-te-menu-value {
    width: 50px;
    display: block;
}

.goog-te-menu-value span {
    color: transparent !important;
    height: 25px !important;
    display: inline-block !important;
    border-left: none !important;
}

.goog-te-menu-value span:last-child {
    display: none !important;
}

.goog-te-gadget-simple {
    background: none !important;
    border: none !important;
    height: 42px!important;
    cursor: pointer;
}

.scale{
  -ms-transform: scale(1.2); /* IE 9 */
    -moz-transform: scale(1.2); /* Safari */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
}
.goog-te-banner-frame,
.goog-te-gadget-simple .goog-te-menu-value span{ display: none!important; }

.goog-te-gadget img{background-image:none!important;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span { display: none!important; }


/************************/
/* Transitions          */
/************************/

.js .main-wrap {
    -webkit-transition: transform 0.6s, opacity 0.6s;
    -moz-transition: transform 0.6s, opacity 0.6s;
    -ms-transition: transform 0.6s, opacity 0.6s;
    -o-transition: transform 0.6s, opacity 0.6s;
    transition: transform 0.6s, opacity 0.6s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.js .main-wrap--hide {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    -moz-transform: scale3d(0.8, 0.8, 1);
    -ms-transform: scale3d(0.8, 0.8, 1);
    -o-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}

.js .search {
    pointer-events: none;
}

.js .search--open {
    pointer-events: auto;
}

.js .search:before {
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -ms-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    transition: opacity 0.6s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.js .search--open:before {
    opacity: 1;
}


/* Search button */

.btn--search {
    -webkit-transition: opacity 0s;
    -moz-transition: opacity 0s;
    -ms-transition: opacity 0s;
    -o-transition: opacity 0s;
    transition: opacity 0s;
}

.main-wrap--hide .btn--search {
    opacity: 0;
    transition-delay: 0s;
}


/* Close button */

.btn--search-close {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    -moz-transform: scale3d(0.8, 0.8, 1);
    -ms-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
    -webkit-transition: opacity 0.6s, transform 0.6s;
    -moz-transition: opacity 0.6s, transform 0.6s;
    -ms-transition: opacity 0.6s, transform 0.6s;
    transition: opacity 0.6s, transform 0.6s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open .btn--search-close {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


/* Halfs */

.js .search__inner {
    -webkit-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    -ms-transition: transform 0.6s;
    transition: transform 0.6s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.js .search__inner--up {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.js .search__inner--down {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.js .search--open .search__inner {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.js .search__suggestion {
    -webkit-transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    transform: translate3d(0, 150px, 0);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    transition: transform 1s;
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.js .search--open .search__suggestion {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transition-delay: 0.05s;
}

.js .search--open .search__suggestion:last-child {
    transition-delay: 0.1s;
}

@media screen and (max-width: 40em) {
    .btn--search-close {
        font-size: 1.25em;
    }
    .search__suggestion {
        width: 100%;
    }
    .search__suggestion:last-child {
        display: none;
    }
}


/* Close Button */

.close-button {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -28px;
    top: 30px;
    overflow: hidden;
    font-size: 0.75em;
    border: none;
    background: url('../img/close-menu.svg') no-repeat center center #fff;
    background-size: 20px 20px;
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    color: transparent;
    border-radius: 35px;
    -moz-transform: perspective(5em) translate3d(0, 0, 0);
    -ms-transform: perspective(5em) translate3d(0, 0, 0);
    -webkit-transform: perspective(5em) translate3d(0, 0, 0);
    transform: perspective(5em) translate3d(0, 0, 0);
    -moz-transition: -moz-transform 0.2s ease, box-shadow 0.2s ease;
    -o-transition: -o-transform 0.2s ease, box-shadow 0.2s ease;
    -webkit-transition: -webkit-transform 0.2s ease, box-shadow 0.2s ease;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.close-button:hover{
    -moz-transform: scale(1.12, 1.12);
    -ms-transform: scale(1.12, 1.12);
    -webkit-transform: scale(1.12, 1.12);
    transform: scale(1.12, 1.12)
}


/**************************************************/

nav img {
    width: 190px;
}

#open-button {
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    letter-spacing: 2px;
    display: inline-block;
    width: 125px;
    height: 32px;
    padding-top: 4px;
    background: url('../img/menu.svg') no-repeat 74% center;
    background-size: 32px 32px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#open-button:hover{
    background: url(../img/menu.svg) no-repeat 69% center;
    background-size: 32px 32px;
}

.menu-wrap {
    position: fixed;
    left: 0;
    z-index: -1;
    opacity: 0;
    display: block !important;
    width: 100%;
    max-width: 350px;
    height: 100%;
    -webkit-transform: translate3d(-75%, 0, 0);
    -moz-transform: translate3d(-75%, 0, 0);
    -ms-transform: translate3d(-75%, 0, 0);
    transform: translate3d(-75%, 0, 0);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -webkit-transform 0.4s, opacity 0.2s;
    -ms-transition: -webkit-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.menu-wrap .fondmenu {
    background: rgba(77,181,196,0.95);
    width: 100%;
    height: 100%
}

.menu-wrap ul > div > div > li {
    border-bottom: 1px solid #4db5c4;
}

.menu-wrap ul ul li.has-children:after  {
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: relative;
    left: 91%;
    bottom: 28px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-size: 11px;
}

.menu-wrap ul > div > div > li.has-children > a{position: relative;}
.menu-wrap ul > div > div > li.has-children > a:after{
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    position: absolute;
    right: 10px;
    top: 42%;
    color:#fff;
    font-size: 11px;
}

.menu-wrap ul > div > div > li:first-child {
    margin: 0;
    cursor: initial;
}

.menu-wrap ul > div > div > li:first-child > a:hover {
    background : initial;
}

.menu-wrap ul > div > div > li > a {
    display: block;
    font-size: 22px;
    letter-spacing: 3px;
    padding: 20px 30px;
    text-align: left;
    color: #fff;
    text-transform: inherit;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.menu-wrap ul > div > div > li > a:hover, .menu-wrap ul > div > div > li > a.is-active, .menu-wrap ul > div > div > li > a.stable {
    background: #4db5c4;
}

.menu-wrap ul > li:first-child > a:hover {
    background: initial;
}

.menu-wrap ul ul > li > a {
    font-size: 18px;
    padding: 10px 21px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    color: #ffffff;
    text-transform: inherit;
    display: block;
    width: 100%;
}

.menu-wrap ul ul > li > a:hover {
    padding-left: 31px;
}

.jspContainer,
.jspTrack {
    height: 100% !important;
    overflow: visible!important;
}

.jspVerticalBar,
.jspTrack {
    background: #fff!important;
    display: none;
}

.jspDrag {
    background: #d6d6d6!important;
}

.jspHorizontalBar {
    display: none;
}

.jspContainer {
    width: 100%!important;
    height: 100%!important;
}

.jspPane {
    width: 100%!important;
    left: 0!important;
    height: 100%!important;
    margin-left: 0!important;
}


/* Shown menu */

.show-menu .menu-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.5s;
    -moz-transition: -webkit-transform 0.8s, opacity 0.5s;
    -ms-transition: -webkit-transform 0.8s, opacity 0.5s;
    transition: transform 0.8s, opacity 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    opacity: 1;
    z-index: 10001;
}
.menu-wrap.yoyo{
    opacity: 1;
    z-index: 10001;
}

.show-menu .icon-list,
.show-menu .icon-list a {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.8s;
    -moz-transition: -webkit-transform 0.8s;
    -ms-transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}

.show-menu .icon-list a {
    -webkit-transition-duration: 0.9s;
    -moz-transition-duration: 0.9s;
    -ms-transition-duration: 0.9s;
    transition-duration: 0.9s;
}

.show-menu .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.8s;
    -moz-transition: opacity 0.8s;
    -ms-transition: opacity 0.8s;
    transition: opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.menu-wrap ul {
    left: 100%;
    top: 0;
    box-shadow: none;
    background: inherit;
    border: 0;
    width: 100%;
}


/* nav-secondaire*/

.nav-second {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    z-index: 99;
    padding: 30px;
}

.search img {
    width: 32px;
}

/*hack IE*/
_:-ms-input-placeholder, :root .search img  {height: 32px;}

.nav-second .logob {
    width: 400px;
    height: 150px;
    margin: auto;
    position: relative;
    top: 10px;
    text-align: center;
}

.nav-second .logob img {
    width: 190px;
}

/* .nav-second .logob a:last-child img{width: auto;} */

#contenu .nav-second .logob {
    left: 0;
}

.droite {
    height: 100px;
    /*width: 275px;*/
    width: 320px;
    position: absolute;
    right: 55px;
    top: 30px;
    padding: 35px 0 0 0;

    color: #fff;
}

.droite div {
    display: inline-block;
    margin-right: 12px;
}

.lang {
    font-family: 'Oswald', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    width: 59px;
    position: relative;
    bottom: 3px;
      -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hero .lang img,
.lang img {
    width: 42px;
    margin: 0 8px;
}


/*****CORPS*****/

.corps > .col-md-12,
.corps > .col-md-12 > .col-md-12 {
    padding: 0;
}

.corps .col-md-12,
.corps .frame,
.corps .tx-aestivomodule {
    width: 100%;
    height: 100%;
    float: none;
}


/** SPECIAUX **/

.intro {
    color: #0095ab;
    font-size: 24px;
    font-weight: 700;
}

p.encadrement {
    background: #ffffff;
    border: 3px solid #ededed;
    border-radius: 0;
    padding: 15px 20px;
    margin: 15px 0;
    display: table;
    font-size: 18px;
}

p.encadrement a{font-weight: bold;}

.blok>div {
    padding: 15px 30px;
}

.blok p,
.blok a,
.blok h3 {
    color: #fff;
    text-align: justify;
}

.rouge>div {
    background: #e20026;
}

.bleu>div {
    background: #0095ab;
}

a.light.job {
    position: absolute!important;
    top: -66px;
    right: 20px;
    width : 220px;
}

#c260 a.light.job{
    top: -148px;
}


.postule h2 {
    margin-bottom: 35px; text-align: center;
}

.postule h2 {
    margin-bottom: 20px;
}

.postule, .offre-details-pdf {margin-top: 30px;}


.mess-offre-mail-ok-bien-recu:before{
    content: "";
    display: block;
    width: 250px;
    height: 260px;
    margin: 0 auto 20px;
    background: url(../img/envoi-ok.svg) no-repeat center;
    background-size: 100% auto;
    position: relative;
    right: 18px;
}

.mess-offre-mail-ok-bien-recu{
    font-size: 24px;
    color: #0095ab;
    text-align: center;
    padding: 45px 0 0;
}


.offre-pdf {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

a.offre-pdf:focus,
a.offre-pdf:active
{
    color: #e20026
}

.offre-form-ligne input[type="submit"] {
    text-align: center; margin:auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.offre-form-ligne input[type="submit"]:hover{
    background: #e20026;
    color: #fff;
}

.offre-pdf:hover
{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}

.offre-pdf:active,
.offre-pdf:focus
{-webkit-transform:scale(1);transform:scale(1);-webkit-transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}




.pdf, .offre-pdf {
    color: #e20026;
    display: block;
    width: 307px;
    height: 307px;
    padding: 40px 2.5% 0;
    border-radius: 15px;
    /*    background-color: #fff; */
    background: linear-gradient(-19deg, #fef2f4 0%, #fef2f4 50%, #fff 51%, #fff 100%);
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    /*transition: background-color 0.8s ease-in-out;
    -webkit-transition: background-color 0.8s ease-in-out;
    -moz-transition: background-color 0.8s ease-in-out;
    -o-transition: background-color 0.8s ease-in-out;*/
}

.pdf.hvr-bounce-in, .offre-pdf {
    box-shadow: 0 4px 15px rgba(168, 168, 168, 0.15);
}

.pdf:hover, .offre-pdf:hover {
    color: #e20026;
}

.pdf:before, .offre-pdf:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 27px;
    width: 307px;
    height: 307px;
    background: url('../img/pdf.svg') no-repeat center center;
    background-size: 170px auto;
    ;
}

.content .ce-uploads li:before{display: none;}

.ce-uploads div a {
    display: block;
    width: 40%;
    padding: 11px 27px;
    background: #ffffff;
    border: 3px solid #ededed;
    border-radius: 0;
    margin: 15px 0;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    text-align: center;
}

.ce-uploads div a:hover{
    color: #ffffff;
    background: #0095ab;
    border: 3px solid #0095ab;
}



/* accordion*/

.t3ddy-accordion{
    border-color: transparent;
    box-shadow: 0 1px 5px rgba(147, 147, 147, 0.15);
    margin: 15px 0 20px;
}

.ui-accordion .ui-accordion-header, .ui-accordion .ui-accordion-content {
    background: #ffffff;
    padding: 20px 25px;
    border-color: transparent;
}

.ui-accordion .ui-accordion-header{
    color: #0095ab;
    text-transform: none;
    border-top: 1px solid #f5f5f5;
    border-radius: 0;
}

.ui-accordion .ui-accordion-content{
    border-top: 1px solid #f5f5f5;
}

.ui-accordion .ui-accordion-header:first-child{
        border-top: 0;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    background: none;
    left: initial;
    right: 15px;
}

.ui-accordion .ui-accordion-header:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #e20026;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}

.ui-accordion .ui-accordion-header[aria-expanded="false"]:after {
    content: "\e080";
}

.ui-accordion .ui-accordion-header[aria-selected="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


/*version demo bootstrap*/

.panel-group .panel {
    border-radius: 0;
}

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #fafafa;
}

.panel-default {
    border-color: transparent;
    box-shadow: 0 1px 5px rgba(147, 147, 147, 0.15);
}

.panel-heading {
    padding: 0;
}

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

.panel-default>.panel-heading a {
    display: block;
    padding: 20px 25px;
}

.panel-default>.panel-heading a:active,
.panel-default>.panel-heading a:focus {
    text-decoration: none;
}

.panel-title {
    color: #0095ab;
}

.panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #e20026;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
}


.panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\e080";
}


/*TAB*/

.t3ddy-tabContainer {
        border: 0;
        padding: 0;
        margin: 20px 0;
}

.ui-widget-header, .t3ddy-tabContainer-tabList li.ui-state-default{
    background: none;
    border: 0;
}

.content ul.t3ddy-tabContainer-tabList li:before{
        display: none;
}

.ui-tabs .ui-tabs-nav{
    padding: 0;
    border-bottom: 2px solid #17b7d1;
    border-radius: 0;
}

.ui-tabs .ui-tabs-panel{
    box-shadow: 0 0 1px rgba(147, 147, 147, 0.45);
}

ul.t3ddy-tabContainer-tabList li a.t3ddy-tab-title {
    background: #fafafa;
    font-size: 17px;
    color: #17b7d1;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    padding: 12px 51px!important;
    border-radius: 15px 15px 0 0;
}

ul.t3ddy-tabContainer-tabList li a.t3ddy-tab-title:hover {
    background-color: #eee;
    border-color: #eee #eee #ddd;
}


.ui-tabs .ui-tabs-nav li[aria-selected="true"] a,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
    background: #17b7d1!important;
    color: #fff!important;
}


/*version bootstrap demo*/

ul.nav-tabs li {
    margin-bottom: 0;
}

.nav-tabs>li>a {
    background: #fafafa;
    font-size: 17px;
    color: #17b7d1;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    padding: 12px 51px;
    border-radius: 15px 15px 0 0;
}

.nav-tabs {
    border-bottom: 2px solid #17b7d1;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:active,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: #17b7d1;
    color: #fff;
    border: 1px solid transparent;
}

.nav-tabs>li.active>a {
    font-family: 'Montserrat', sans-serif;
}

.tab-content {
    padding: 20px;
    box-shadow: 0 0 1px rgba(147, 147, 147, 0.45);
    margin-bottom: 15px;
}

.tab-content p,
.panel-body p {
    font-size: 14px;
    /*text-align: justify*/
}


/****SLIDER***/

.carousel {
    height: 435px;
    margin: 50px 11%;
}

.carousel-inner {
    height: 435px;
}

.carousel-inner>.item {
    height: 100%;
}

.carousel-inner>.item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, transparent 50%, #0095ab 100%);
}

.carousel-indicators {
    bottom: -45px;
}

.carousel-indicators li {
    border: 3px solid #0095ab;
    width: 15px;
    height: 15px;
    margin: 1px 13px;
}

.carousel-indicators .active {
    background: #0095ab;
    width: 15px;
    height: 15px;
    border: 3px solid #0095ab;
    margin: 1px 13px;
}

.carousel-control {
    top: inherit;
    width: 88px;
    height: 88px;
    z-index: 10;
    opacity: 1;
    text-shadow: none;
}

.carousel-control:hover,
.carousel-control:focus,
.carousel-control:active {
    opacity: 1;
}

.carousel-control.left {
    background: url('../img/gauche.svg') no-repeat center center #e20026;
    background-size: 40px auto;
    left: -40px;
    bottom: -34px;
    box-shadow: 2px 2px 0 #aa001d;
}

.carousel-control.right {
    background: url('../img/droite.svg') no-repeat center center #e20026;
    background-size: 40px auto;
    right: -40px;
    bottom: -34px;
    box-shadow: -2px 2px 0 #aa001d;
}

.carousel-caption {
    top: 368px;
}

.carousel-caption p {
    font-size: 20px;
}


/*docteur*/

.doctor {
    background: url(../img/photodoc.png) no-repeat -13px -3px #fff;
    background-size: 45% auto;
    box-shadow: 0 0 17px rgba(147, 147, 147, 0.25);
    text-align: right;
    margin: 25px 0;
    height: 142px;
    max-height: 142px;
    overflow: hidden;
    position: relative;
    bottom: 0;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.doctor:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 115px;
    width: 124px;
    height: 142px;
    z-index: 10;
    background: url('../img/profile-doctor.png') no-repeat center center;
}

.doctor:hover {
    cursor: pointer;
    bottom: 5px;
    box-shadow: 0 0 17px rgba(0, 149, 171, 0.3);
}


.doctor a {
    display: block;
    background: #d1f0f5;
    width: 37px;
    height: 37px;
    position: absolute;
    right: -1px;
    bottom: 0px;
}

.doctor a:before {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    color: #fff;
    position: relative;
    top: 8px;
    right: 11px;
}

.doctor > div:first-child {
    text-align: left;
}


.doctor > div:first-child:before {
    content: "";
    display: none;
    width: 239px;
    height: 142px;
    background: #0095ab;
    position: absolute;
}


.doctor > div:first-child:after {
    content: "";
    display: none;
    width: 159px;
    height: 158px;
    position: absolute;
    top: 8px;
    z-index: 9;
    box-shadow: inset -10px -14px 13px #0095ab;
}

.doctor.nonface {background: none;}

.doctor > div.vu:before,
.doctor > div.vu:after
{display: block;}

.doctor > div:last-child {
    min-height: 142px;
}

.resultat .doctor img,
.doctor img
 {
    width: auto;
    max-width: 158px;
    position: inherit;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-8%);
       -moz-transform: translateY(-8%);
        -ms-transform: translateY(-8%);
         -o-transform: translateY(-8%);
            transform: translateY(-8%);
}

.doctor h4,
.doctor p {
    margin-right: 10px;
    position: relative;
    z-index: 10;
}

.doctor h4 {
    color: #18b4cb;
    margin: 25px 0px 5px;
}

.doctor p{
    font-size: 15px;
    margin-bottom: 0;

}

/** Fil d'ariane **/

.breadcrumb {
    background: transparent;
}

.breadcrumb li,
.breadcrumb>.active,
.breadcrumb li a {
    color: #a7a7a7;
    text-transform: uppercase;
    font-size: 12px;
}

.breadcrumb li a:after {
    content: ">";
    display: inline-block;
    margin: 0 7px;
}

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

#contenu .corps .content {
    padding: 0;
    position: relative;
    bottom: 100px;
    border-top: 3px solid #0095ab;
    padding: 40px 40px 0;
    background: #fff;
}

#contenu .corps .content.trouver{overflow:hidden;}

#contenu .corps .content.trouver::after{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    right: -70px;
    bottom: -20px;
    background: url(../img/fond-search.svg) no-repeat right bottom #fff;
    opacity: 0.1;
    z-index:0;
}

.corps {
    background: #fafafa;
}

#home .corps {
    padding-top: 100px;
}

#contenu .corps {
    padding-bottom: 25px;
}


/* style boutons */

a,
.big a,
.light a,
.lightbis a {
    color: #0095ab;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.light,
.lightbis {
    background: #ffffff;
    border: 3px solid #ededed;
    border-radius: 0;
    padding: 0;
    margin: 15px 0;
}

a.light  {
    padding: 11px 27px;
    display: block;
    width: 130px;
}

a.light.oto{width:auto;}

.light:hover {
    border-color: #0095ab;
}

.lightbis:hover {
    border-color: #e20026;
}

.light:hover a,
.lightbis:hover a {
    color: #fff;
}


/* HOME */

#home h1 {
    color: #0095ab;
    font-size: 65px;
    letter-spacing: 5px;
    text-transform: inherit;
    margin-bottom: 10px;
}


/* actus */

.actu-img{width: 50%;height: auto;}

.bifond {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #e20026 0%, #e20026 50%, #000000 50%, #0095ab 50%, #0095ab 100%);
    position: relative;
}

.bifond:before {
    content: "";
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
}

.jour,
.categ {
    padding: 0;
}

.jour {
    text-align: right;
}

.actus {
    background: #ffffff;
    padding-top: 45px;
}

.actus p {
    font-size: 15px;
    font-weight: 300;
}

.actus .first {
    margin-bottom: 50px;
}

#contenu .actus {
    padding-left: 0;
    padding-right: 0;
}

.actus-pagi, .pagination {
    display: block;
    width: 100%;
    padding: 0 20px;
    position: relative;
    top: 30px;
    text-align: center;
    height: 40px;
    float: left;
}

.pagination{top:0;text-align: left;float: none;}

.legende{margin-top: 40px;}
.legende img:last-child {margin-left: 40px;}

.actus-pagi li, .pagination li {
    display: inline-block;
}

.actus-pagi li a, .pagination li a {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 90px;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
    border-radius: 50% 50% 50% 50% !important;
}

.actus-pagi li a.focus,
.actus-pagi li a.active,
.pagination li a.focus,
.pagination li a.active
{
    text-decoration: none;
}

.pagination>li>a, .pagination>li>a:hover {
    text-decoration: none;
    color: #0095ab;
    border: 0;
    padding: inherit;
    background-color: transparent;
}


.actus-pagi li.current a,
.pagination>li>a:focus {
    width: 40px;
    border-radius: 50%;
    color: #fff;
    background: #0095ab;
}

.content .actus-pagi li:before {
    display: none;
}

.allactus {
    background: #fff;
    padding: 70px 0 50px;
}

.allactus .long {
    display: block;
    height: 50px;
    text-align: center;
    position: relative;
    z-index: 10;
}

.allactus .long:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ededed;
    z-index: -1;
    top: 30px;
}

.allactus .lightbis {
    margin: 0 auto auto auto;
}

#c25 .actus .pictures,
#c25 .actus > div.col-xs-12 {
    padding: 0;
}

#c25 .actus {
    width: 100% !important;
}

a.lightbis, input.lightbis{
    color: #e20026;
    display: block;
    padding: 18px 25px;
    width: 245px;
}

.hvr-rectangle-out {
    background: #fff !important;
}

.hvr-rectangle-out:before {
    background: #e20026 !important;
}

.actus h5 {
    color: #e20026;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}

.actus .jour p {
    color: #dddddd;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
    margin-top: 7px;
}

.actus h2 {
    font-size: 25px;
    color: #0095ab;
    font-weight: 600;
    font-family: 'Montserrat', arial, sans-serif;
    margin-top: 50px;
    text-transform: inherit;
    line-height: 33px;
}

.actus .pictures {
    overflow: hidden;
    height: 420px;
    max-height: 420px;
    margin-bottom: 50px;
    position: relative;
}

.actus .pictures:not(*:root) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.actus .first .pictures{
    margin-bottom: 0;
}

.actus .pictures img {
   max-height: 420px;
   width: auto;
   position: absolute;
    top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.actus .pictures img:not(*:root) {
    position: initial;
    transform: translate(0,0);
    top: 0;
    left: 0;
}


/* praticien */

.praticiens {
    padding: 45px 0 40px;
    background: #17b3ca;
    position: relative;
    height: 350px;
}

.praticiens:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: url('../img/fond-doctor.jpg') no-repeat center center;
    background-size: cover;
    opacity: 0.5;
}

.praticiens:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: rgba(23, 179, 202, 0.8)
}

.praticiens > div {
    position: relative;
    z-index: 10;
}

.praticiens > div:nth-of-type(2){
    z-index: 15;
}

#home .praticiens h1 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-family: 'Lato', sans-serif;
}

.praticiens .long {
    display: block;
    height: 50px;
    text-align: center;
}

.praticiens .long a {
    position: relative;
    top: 62px;
    width: 274px;
    margin: auto;
}
.praticiens .long a:hover,
.praticiens .long a:active,
.praticiens .long a:focus
{color:#0095ab!important;}

.big {
    border-radius: 0;
    box-shadow: 0 0 14px rgba(147, 147, 147, 0.25) !important;
    padding: 0;
    background: url('../img/more.svg') no-repeat 25px center #ffffff;
    background-size: 22px auto;
    font-weight: 700;
    font-size: 18px;
    margin: 25px 0;
    color: #0095ab;
}

a.big  {
    padding: 25px 25px 25px 65px;
    display: block;
}

.praticien .big {
    position: relative;
    top: 52px;
}

.praticiens form {
    margin: 60px 0 5px;
}

.praticiens form p {
    text-align: center;
    color: #ffffff;
    height: 56px;
    line-height: 59px;
}

.praticiens .dropdown .btn,
.praticiens input.form-control {
    background: transparent;
    color: #ffffff;
    border: 3px solid #fff;
    border-radius: 30px !important;
    padding: 15px 30px 15px 25px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2px;
}

.input-group {
    padding: 0 10%;
}

.praticiens input.form-control {
    height: 56px;
    width: 300px;
    max-width: 300px;
}


/*Couleur placeholder*/
.praticiens input.form-control::-webkit-input-placeholder {
    color: #fff;
}
.praticiens input.form-control::-ms-input-placeholder {
    color: #fff;
}

.praticiens input.form-control::-moz-input-placeholder{
    color: #fff;
}

.praticiens input.form-control::-moz-placeholder{
    color: #fff;
}

.praticiens input.form-control::placeholder{
    color: #fff;
}



.praticiens ul li:before {
    display: none;
}


/* Change autocomplete styles in WebKit */


/*input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}
*/


/* Formulaires de recherches autocomplete*/

.autocomplete-suggestions {
    background: #ffffff;
    overflow: auto;
    border-radius: 30px;
    border: 0;
    padding: 15px 0;
    display: block;
}

.autocomplete-suggestion {
    padding: 4px 30px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #e7f7ff;
    cursor: pointer
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.autocomplete-group {
    padding: 2px 5px;
}

.autocomplete-group strong {
    display: block;
    border-bottom: 1px solid #000;
}


/*fiche praticien*/
.bloc-praticien-infos h3 {
    font-size: 34px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

.bloc-praticien-infos h3:after {
    content: "";
    display: block;
    width: 80px;
    height: 4px;
    margin: 25px auto;
    background: rgba(0, 149, 171, 0.3);
    padding: 0px 0 0 0;
}

.adroite {
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
    display: block;
}

#coord1,
#coord2 {
    width: 50%;
    margin: auto;
}

#coord1,
#coord2 {
    padding: 0 0 0 20px;
}

#coord1 {
    margin-bottom: 50px;
}

#coord1 p.consultation:before,
#coord2 p.consultation:before {
    content: "-";
    padding-right: 10px;
}

.medtel,
.medmail,
.medfax,
.lieux,
.adresse,
.secteur,
.sitelien,
.secretariat {
    padding-left: 40px;
}

.medtel {
    background: url(../img/smartphone.svg) no-repeat left center;
    background-size: 20px auto;
}

.medmail {
    background: url(../img/mail.svg) no-repeat left center;
    background-size: 20px auto;
}

.medfax {
    background: url(../img/fax.svg) no-repeat left center;
    background-size: 20px auto;
}

.lieux {
    background: url(../img/locator.svg) no-repeat left center;
    background-size: 20px auto;
}

.secretariat {
     background: url(../img/clock.svg) no-repeat left center;
    background-size: 20px auto;
}
.sitelien {
     background: url(../img/link.svg) no-repeat left center;
    background-size: 20px auto;
 }

.prat-lien-retour {
    position: absolute;
    top: -82px;
    right: 18px;
}

.lieux,
.consultation {
    display: inline-block;
    margin-right: 10px;
}

.adroite #photo {
    min-height: 283px;
    max-height: 320px;
    overflow: hidden;
    z-index: 1;
    width: 45%;
    margin: auto;
    background: url(../img/photodoctor.png) no-repeat center;
    padding: 0px 110px;
}



.adroite #photo img {
    width: 100%;
    display: block;
}

.speciality,
#languages {
    padding: 25px 20px;
    width: 50%;
    margin: auto;
}

#languages img{margin-right: 5px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.35); }

.speciality a {
    display: inline-block;
    margin-right: 20px;
}

.speciality span{margin-right: 7px;}
.speciality span:after{
    content: ",";
    display: inline-block;
}
.speciality span:last-child:after{display: none;}

.speciality br {
    display: none;
}

.speciality a:after {
    content: '';
    border-radius: 30px;
    margin-left: 20px;
    display: inline-block;
    width: 6px;
    height: 6px;
    position: relative;
    bottom: 2px;
    background: #e20026;
}

.speciality a:last-child:after {
    display: none;
}

.speciality:before {
    content: "Spécialité(s) : ";
    display: inline-block;
    margin-right: 15px;
    color: #333;
}

.dropdown.open {
    width: 100%;
    /* height: 200px;*/
}

/*offre emploi*/

.inform{
    font-size: 16px;
}

.offre-details-numero span, .offre-details-type span,
.offre-details-lieu span, .offre-details-pdf span,
.offre-details-infos span {
 color: #e20026; font-weight: 600;margin: 0 5px 8px 0; display: inline-block;
}

.bloc-offre-list {
    margin-bottom: 15px;
    color: #e20026;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    padding: 10px 20px 13px 20px;
    cursor: pointer;
    transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bloc-offre-list:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.bloc-offre-list a {display: block;}
.bloc-offre-list a img{width:70%;}


.offre-form p{margin-bottom:0; font-size: 14px; }

.offre-form-ligne {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    transition: opacity .3s ease-in-out;
    padding: 0 0 13px 0;
}

.offre-form-ligne input[type="text"],
.offre-form-ligne input[type="email"],
.offre-form-ligne input[type="number"],
.offre-form-ligne textarea {
    width: 100%;
    padding: 18px 10px 3px 5px;
    border: none;
    font-size: 20px;
    font-weight: bold;
    outline: 0;
    background: transparent;
    box-shadow: none;
    display: block;
    float: none !important;
    border-bottom: 1px solid #afacac;
}

.offre-form-ligne label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 20px;
    transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    width: 100%;
}

.cv p:first-child{
    color: #999;
    font-weight: normal;
    margin-bottom: 10px;
}

.file_input {
  float: left;
}

#file_input_text_div {
  width: 200px;
  margin-top: -8px;
  margin-left: 5px;
}

.none {
  display: none;
}


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


/* active state */

input[type="text"]:focus ~ label,
input[type="email"]:focus ~ label,
input[type="number"]:focus ~ label,
input[type="text"]:valid ~ label,
input[type="number"]:valid ~ label,
input[type="email"]:valid ~ label {
    top: -7px;
    font-size: 14px;
    color: #0095ab;
}

textarea:focus ~ label,
textarea:valid ~ label {
    top: -12px;
    font-size: 14px;
    color: #0095ab;
}

.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before,
.bar:after {
    content: '';
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #0095ab;
    transition: 0.2s ease all;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}

input[type="text"]:focus ~ .bar:before,
input[type="email"]:focus ~ .bar:before,
input[type="number"]:focus ~ .bar:before,
input[type="text"]:focus ~ .bar:after,
input[type="number"]:focus ~ .bar:after,
input[type="email"]:focus ~ .bar:after {
    width: 50%;
}

.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

input[type="text"]:focus ~ .highlight,
input[type="number"]:focus ~ .highlight,
input[type="email"]:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    -ms-animation: inputHighlighter 0.3s ease;
    -o-animation: inputHighlighter 0.3s ease;
}

@keyframes inputHighlighter {
    from {
        background: #0095ab;
    }
    to {
        width: 0;
        background: transparent;
    }
}


#code-error {
    color: #e20026;
    margin-top: 15px;
    display: block;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0;
}

/* reclam et remerciement */

#c551 {
    margin-top: 75px;
}

#c551 h2 {
    text-align: center;
}

.line {
    margin-bottom: 35px;
}

.erreur {
    color: #e20026;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
}

.reclam-titre {
    margin-bottom: 20px;
    color: #0095ab;
    font-size: 18px;
    font-family: 'Montserrat', arial, sans-serif;
    font-weight: bold;
}

.offre-form-ligne .radio label{
    position: relative;
    pointer-events: inherit;
    display: block;
    top: 0;
    left: 0;
}

.ligne-form {
    color: #999;
    font-size: 14px;
    font-weight: normal;
}

.ligne-form input[type="date"]{
    color: #000;
}

.ligne-form label{
    color: #999;
    font-size: 14px;
    font-weight: normal;
    margin-right: 8px;
}

#cacher {
    margin-top: 12px;
}

.line .radio {
    width: 40%;
    display: inline-block;
}

.line p{
    margin-bottom: 20px;
}

.radio input,
.checkbox input {
    width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio label {
    padding-left: 22px
}

.radio .helper {
  position: absolute;
  top: 0;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #999;
}

.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1.4rem;
  height: 1.4rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #e20026;
  border-color: #e20026;
}
.radio label:hover .helper {
  color: #e20026;
}
.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

/* hack firefox radio formulaire */

_::-moz-range-track, body:last-child .radio input:checked ~ .helper::after  {
    -moz-transform: scale(0.4);
    transform: scale(0.4);
}

/* hack Edge radio formulaire */

@supports (-ms-ime-align:auto) {
  .radio input:checked ~ .helper::after {
      -moz-transform: scale(0.4);
      transform: scale(0.4);
  }
}



.radio input:checked ~ .helper::before {
  color: #e20026;
}

.line .checkbox {
    margin-top: 20px;
}
.line .checkbox label{
    padding-left: 24px;
}

.checkbox .helper {
    color: #999;
    position: absolute;
    top: 4px;
    left: 1px;
    width: 1rem;
    height: 1rem;
    z-index: 0;
    border: 1px solid currentColor;
    border-radius: 0.0625rem;
    -webkit-transition: border-color 0.28s ease;
    transition: border-color 0.28s ease;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    transform: scale(1.4);
}

.checkbox .helper::before, .checkbox .helper::after {
    position: absolute;
    height: 0;
    width: 0.2rem;
    background-color: #e20026;
    display: block;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 0.25rem;
    content: '';
    -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
    transition: opacity 0.28s ease, height 0s linear 0.28s;
    opacity: 0;
}

.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #e20026;
}
.checkbox input:checked ~ .helper {
  color: #e20026;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

/* contact */

ul.infos li:before {
    display: none;
}

ul.infos li {
    padding: 7px 0 7px 40px;
    margin: 0;
}

ul li.facew {
    background: url('../img/female-user.svg') no-repeat left center;
    background-size: 30px auto;
}

ul li.face {
    background: url('../img/user.svg') no-repeat left center;
    background-size: 30px auto;
}

ul li.adresse {
    background: url('../img/locator.svg') no-repeat left center;
    background-size: 25px auto;
}

ul li.phone {
    background: url('../img/smartphone.svg') no-repeat left center;
    background-size: 25px auto;
    overflow: visible;
}

ul li.mail {
    background: url('../img/mail.svg') no-repeat left center;
    background-size: 25px auto;
}

.contact {
    padding: 110px 0 170px 0;
    background: #fafafa;
}

.contact h3 {
    font-family: 'Lato', sans-serif;
    letter-spacing: 9px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}

.contact li {
    font-size: 16px;
    font-weight: 300;
}

.contact li a {
    font-weight: 700;
    color: #585858;
}

.contact span {
    display: inline-block;
    width: 43px;
}

.contact #c27 {
    margin-left: 7%;
}

.contact #c27 h3 {
    margin-top: 40px;
}

.map {
    overflow: hidden;
    padding: 0;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

.map > div {
    padding-right: 0;
    padding-left: 0;
}


/***PAGE***/

.hero {
    width: 100%;
    height: 680px;
    overflow: hidden;
    padding: 30px 30px 0 30px;
}

.hero img {
    width: 100%;
    height: auto;
}

#contenu .bando {
    position: absolute;
    width: calc(100% - 60px);
    height: 630px;

}

#contenu .bando div {
    position: relative;
    text-align: center;
     top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


#contenu .hero .grid-columns {
    height: 100%;
}

#contenu .bando h1 {
    color: #fff;
    font-size: 60px;
    text-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
}

.back-top {
    position: relative;
    top: 85px;
    text-align: center;
    float: left;
    width: 100%;
}

.back-top:before {
    content: "";
    display: block;
    margin: auto;
    width: 2px;
    height: 25px;
    background: #e20026;
    position: relative;
    bottom: 12px;
}

.back-top span {
    color: #e20026;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: block;
    cursor: pointer;
}


/************* footer *************/

footer {
    background: #ffffff;
    padding: 100px 0 0;
    margin-top: 40px;
    position: relative;
    /*    z-index: -1;*/
}


/*footer > div {position: relative;}
*/

#contenu footer {
    padding-top: 10px;
}

#contenu .prefooter {
    display: none;
}

footer p {
    color: #585858;
    font-size: 13px;
}

footer .foot p {
    padding-right: 72px;
}

footer .foot > div {
    background: #fff;
}

footer .foot > div:last-child{
    padding-top: 60px;
}

.prefooter {
    padding: 32px 58px;
    box-shadow: 0 0 14px rgba(147, 147, 147, 0.25);
    background: url('../img/resume.svg') no-repeat 25px 42px #ffffff;
    background-size: 50px auto;
    position: absolute;
    top: -100px;
}

.foot > div:first-child ul li {
    margin-bottom: 18px;
}

.foot > div:nth-of-type(3) ul li,
.foot > div:last-child ul li {
    margin-bottom: 20px;
    padding-left: 34px;
}

.foot > div:nth-of-type(3) ul li:first-child,
.foot > div:last-child ul li:first-child {
    margin: 0;
}

.foot > h3 {
    position: relative;
    left: 15px;
}

.foot > div:nth-of-type(3) ul li:first-child,
.foot > div:last-child ul li:first-child {
    background: url('../img/locator.svg') no-repeat left center;
    background-size: 20px auto;
}

.foot > div:nth-of-type(3) ul li:nth-of-type(3),
.foot > div:last-child ul li:nth-of-type(3) {
    background: url('../img/smartphone.svg') no-repeat left center;
    background-size: 20px auto;
}

.foot > div:nth-of-type(3) ul li:last-child,
.foot > div:last-child ul li:last-child {
    background: url('../img/mail.svg') no-repeat left center;
    background-size: 20px auto;
}

.prefooter a {
   padding: 11px 0;
    width: 210px;
    display: inline-block;
}

.prefooter > div:first-child {
    position: relative;
    left: 18px;
    top: 10px;
}

.prefooter > div:nth-of-type(2) a {
    position: relative;
 /*   right: 15px;*/
}

.prefooter > div:last-child a {
    position: relative;
    right: 25px;
}

.prefooter p {
    font-size: 13px;
}

.prefooter h2 {
    text-transform: uppercase;
    font-size: 21px;
    margin-top: 0;
    color: #0095ab;
}

footer .foot {
    padding: 0 0 25px 0;
}

footer .foot:before {
    content: "";
    position: absolute;
    bottom: 63px;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 250px solid #e20026;
    border-right: 400px solid transparent;
}

footer:after {
    content: "";
    position: absolute;
    bottom: 63px;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 250px solid #0095ab;
    border-left: 400px solid transparent;
}

footer .foot a {
    color: #585858;
}

footer .foot .col-md-12 {
    padding: 0;
}

footer .foot h5 {
    color: #0095ab;
    margin-top: 0;
    font-size: inherit;
    font-weight: 400;
}

footer a.know {
    color: #e20026;
}

footer a.know:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 40px;
    height: 1px;
    background: #e20026;
    margin-right: 11px;
    bottom: 4px;
}

footer .sub-footer {
    padding: 20px 0 3px 0;
    border-top: 1px solid #e5eef0;
}

footer .sub-footer ul {
    text-align: center
}

footer .sub-footer ul li {
    display: inline-block;
    margin: 0 10px;
}

footer .sub-footer p,
footer .sub-footer a {
    color: #a7a7a7;
}


/* losange subfooter */

.diamond {
    width: 6px;
    height: 6px;
    background: #e20026;
    margin: 0 3px;
    line-height: 3px;
    /* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    /* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

footer .logo {
    text-align: center;
    margin-bottom: 55px;
}

footer .logo img {
    width: 200px;
    margin-right: 35px;
}

footer .logo a:last-child img {
    margin-right: 0;
}

footer .logo .thx {
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    padding: 25px 25px 25px 50px;
    background: url('../img/next.svg') no-repeat 16px 49%;
    background-size: 20px auto;
    width: 416px;
    white-space: normal;
    text-align: left;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

footer .logo .thx:hover {
    padding-left: 40px;
}

footer h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 20px;
    color: #23282f;
}


/* style sitemap */
#c180 ul > li {
    margin: 8px 0 10px;
}

#c180 ul > li > a,
#c184 ul > li > a {
    text-transform: uppercase;
    font-size: 18px;
}


#c180 ul ul > li > a {text-transform: none;font-size: initial;}

/* hack menu principal */
ul ul > li {
    margin: 4px 0;
    max-height: initial;
}
ul ul {
    padding-left: 35px;
}

ul ul.cd-secondary-dropdown > li  {max-height: 47px;}

ul li:nth-of-type(5) ul.cd-secondary-dropdown > li { max-height: initial;}

.content ul ul li:before{
    background: #0095ab;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    position: relative;
    bottom: 2px;
}

.content ul ul ul li:before{
    background: transparent;
    border: 1px solid #0095ab;
    border-radius: 20px;
}


/*Custom Typo3*/
.ce-textpic {
    overflow: visible;
}


/*****Notifications emploi*****/

/*.nav-menu .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}*/

.droite > .col-md-12{
    width: auto;
    display: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: none;
    cursor: pointer;
}

.droite > .col-md-12 div{
    margin:0;
}

#notifications i {
    width: 40px;
    height: 40px;
    background: url(../img/profiles.svg) no-repeat center;
    background-size: 70px auto;
    display: inline-block;
    text-decoration: none;
}

.nav-menu{
    position: relative;
    top: 11px;
    right: 2px;
    margin-right: 10px;
}

.nav-menu .dropdown-menu {
    min-width: 300px;
    margin-top: 0;
    padding: 0;
    max-width: 400px;
    border-radius: 4px;
    border: none;
    overflow-y: initial;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
    top: 85%!important;
    -webkit-transform: translate3d(-250px, 40px, 0px)!important;
    -moz-transform: translate3d(-250px, 40px, 0px)!important;
    -o-transform: translate3d(-250px, 40px, 0px)!important;
    transform: translate3d(-250px, 40px, 0px)!important;
}

.nav-menu .dropdown-menu li{
    margin: 0;
}

.nav-menu .dropdown-menu a {
    padding: 15px 0 15px 1.4rem;
    font-size: 0.85rem;
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    white-space: inherit;
}

.nav-menu .dropdown-menu a.all-notifications {
    color: #0095ab;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 2rem 0;
    border-top: 0.07rem solid rgba(0, 0, 0, 0.05);
    background: transparent;
    font-family: "Montserrat", sans-serif;
    text-transform: inherit;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.nav-menu .dropdown-menu a.all-notifications:hover{
    color: #e20026;
}

.nav-menu .nav-item > a {
    position: relative;
    font-size: 1.8rem;
    padding: 0;
    width: 50px;
    text-align: center;
    line-height: 70px;
    display: block;
}

.nav-menu .dropdown-menu.notification:before{
    content: "";
    display: block;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 26px;
    height: 26px;
    border-radius: 50px;
    background-color: #ffffff;
    box-shadow: 1px 1px 8px #b9b9b9;
    background: url(../img/close-menu.svg) no-repeat center #fff;
    background-size: 10px auto;
}

.nav-menu .dropdown-menu.notification .notifications-header-2 {
    position: relative;
    padding: 1.8rem 0;
    border-bottom: 0.07rem solid #eee;
    display: block;
}

.nav-menu .dropdown-menu.notification .notifications-header-2 .title {
    color: #0095ab;
    font-size: 16px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    display: block;
    font-weight: 600;
}

.nav-menu .nav-item > a span {
    position: absolute;
    top: -7px;
    right: 0;
    font-size: 1.1rem;
    color: #fff;
    line-height: 1.7;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
}

.dropdown-menu.notification .message-body {
    display: table-cell;
    vertical-align: top;
    padding: 0 0 0 1rem;
    color: #98a8b4;
}

.dropdown-menu.notification .message-icon {
    display: table-cell;
}

.dropdown-menu.notification .message-body-heading {
    font-size: 1.35rem;
    font-weight: 600;
    color: #0095ab;
    margin: 0;
    padding: 0;
    font-family: "Montserrat", sans-serif;
    display: block;
}

.dropdown-menu.notification .message-body span.date {
    color: #585858;
    font-size: 1.3rem;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    text-transform: initial;
    display: block;
    height: auto;
    width: 190px;
}

.dropdown-menu.notification .message-icon i {
    width: 40px;
    height: 42px;
    background: url(../img/resume.svg) no-repeat center 2px;
    background-size: 100% auto;
    display: inline-block;
}

span.badge-pulse {
    background: #e20026;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(226, 0, 38, 0.4);
    animation: BadgePulse 1.8s infinite;
}

@-webkit-keyframes BadgePulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(254, 25, 94, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(254, 25, 94, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 20px rgba(254, 25, 94, 0);
  }
}

@keyframes BadgePulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(254, 25, 94, 0.4);
    box-shadow: 0 0 0 0 rgba(254, 25, 94, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(254, 25, 94, 0);
    box-shadow: 0 0 0 10px rgba(254, 25, 94, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 20px rgba(254, 25, 94, 0);
    box-shadow: 0 0 0 20px rgba(254, 25, 94, 0);
  }
}





/*****RESPONSIVE*****/

@media screen and (max-width: 1640px) {
    .prefooter {
        top: -195px;
    }
    footer > div {
        position: relative;
    }
    footer div.whfond {
        width: 100%;
        height: 100%;
        background: #fff;
        position: absolute;
        z-index: 2;
        left: -8px;
    }
    footer .logo,
    footer .foot,
    footer .sub-footer {
        position: relative;
        z-index: 10;
    }
    footer .foot:before {
        display: none;
    }
    footer:before {
        content: "";
        position: absolute;
        bottom: 63px;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        border-bottom: 250px solid #e20026;
        border-right: 400px solid transparent;
    }
}

@media screen and (max-width: 1440px) {
    .filet {
        margin: 0 2%;
    }
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown{width: 100%;left: 0;}
    .menu-wrap .fondmenu {
        width: 100%;
    }
    .menu-wrap ul > div > div > li > a {
        font-size: 18px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .prefooter > div:last-child a {
        right: 213px;
        top: 60px;
    }
}

@media screen and (max-width: 1199px) {
     /*bloc resultat rechercher */
    #c39 {width:75%;}
    .open>.dropdown-menu {
        width: 100%;
    }
    .carousel {
        margin: 50px 1%;
    }
    .prefooter {
        left: 0;
        width: 100%;
    }
    .prefooter .light {
        margin: 10px 0;
    }
    .filet {
        margin: 0;
    }
    footer .foot p {
        padding-right: 50px;
    }
    .prefooter h2 {
        font-size: 20px;
    }
    .prefooter > div:nth-of-type(2) button {
        right: 42px;
    }
    .doctor {
        background: url(../img/photodoc.png) no-repeat -19px -3px #fff;
        background-size: 58% auto;
    }
    .doctor:before{
        left: 99px;
    }
    .doctor h4{font-size: 15px;}
    .doctor p{
        font-size: 14px;
    }
    .doctor div:nth-of-type(2){
        z-index: 99;
    }
    .adroite #photo{padding: 0 70px;}
    .doctor > div:first-child:before{
        width: 222px;
    }
}

@media screen and (max-width: 1024px) {
    #btn-search img {
        margin: 20px 0 0 20px !important;
    }
    .droite {
        right: 5px;
        width: 275px;
    }
    .droite > .col-md-12{
        position: absolute;
        top: 83px;
        right: 53px;
    }
    /*.nav-menu .dropdown-menu{
        right: -170px;
    }*/
    .hero {
        padding: 20px 20px 0 20px;
        height: 520px;
    }
    #contenu .bando{
        height: 540px;
    }
    footer:after,
    footer .foot:before {
        display: none;
    }
    .menu-wrap .fondmenu {
        width: 100%;
    }
    .menu-wrap ul > li > a {
        padding-left: 50px;
    }
    #google_translate_element {
        right: 65px;
    }
    #contenu .bando div{
        top: 40%;
        -webkit-transform: translateY(-40%);
         transform: translateY(-40%);
    }
}

@media screen and (max-width: 991px) {
    .bloc-offre-list a img {
        width: 50%;
        max-width: 150px;
    }
    .adroite #photo{padding: 0 20px;}
    .doctor {
        background: url(../img/photodoc.png) no-repeat -9px 0px #fff;
        background-size: 37% auto;
    }
    .doctor h4{font-size: 20px;}
    .doctor p{
        font-size: 15px;
    }
    .menu-wrap ul > div > div > li > a {
        font-size: 18px;
        padding-left: 30px;
    }
    .menu-wrap ul ul > li > a{
          padding: 10px 29px;
    }
    .carousel-caption {
        right: 10%;
        left: 10%;
    }
    .carousel-caption p {
        font-size: 18px;
    }
    .blok {
        margin: 15px 0;
    }
    .foot > h3 {
        float: left;
        width: 100%;
    }
    .map {
        margin-bottom: 35px;
    }
    .input-group {
        padding: 0;
    }
    .actus .col-xs-12 .col-xs-12 {
        margin-bottom: 20px;
    }
    #home footer {
        padding-top: 120px;
    }
    #contenu .bando {
        height: 525px;
        width: calc(100% - 40px);
    }
    #contenu .bando h1 {
        font-size: 44px;
        padding: 0px 25px;
    }
    .bigblock.praticiens{
        min-height: 470px;
        padding: 35px 0;
    }

    .bigblock.praticiens > div {
        margin-bottom: 30px;
    }
    .praticiens form p {
        right: 15px;
        position: relative;
    }
    .praticiens .dropdown-menu {
        left: -31px;
    }
    .prefooter {
        top: -257px;
    }
    .prefooter > div:first-child {
        margin-bottom: 20px;
    }
    footer .logo .thx{
        width: 100%;
    }

    .contact #c27 {
        margin: 0;
    }
    /*form all praticien*/
    .lettres{
        padding: 5px 5px 0px 5px;
    }
    .lettres a {
        padding: 2px 4px;
    }
    footer .foot > div:last-child{padding-top: 15px;}

}


@media screen and (max-width: 768px) {
    .search__info span{display: none;}
    .back-top{top: 80px;}
    .back-top > div{padding: 0!important;}
    .prefooter > div:last-child a {
        right: 0;
    }
    a.light.job{margin-top:30px;position: initial!important;}
    .droite > .col-md-12{
        right: 106px;
    }
      .nav-menu .dropdown-menu{
     /*   right: -235px;*/
         -webkit-transform: translate3d(-160px, 40px, 0px)!important;
        -moz-transform: translate3d(-160px, 40px, 0px)!important;
        -o-transform: translate3d(-160px, 40px, 0px)!important;
        transform: translate3d(-160px, 40px, 0px)!important;
    }
    /*bloc resultat rechercher */
    #c39 {width:100%;}
    .bigblock.praticiens{padding: 35px 0 0;}
    .legende{
        background: #fff;
        display: inline-block;
        padding: 4px 15px 2px 0;
    }

    .close-button{right: 30px;}


    .bloc-offre-list{text-align: center;}

    .menu-wrap ul > div > div > li.has-children > a:after{
        right:25px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    /**MENU**/
    .menu-wrap {
        max-width: 100%;
    }
    .cd-dropdown .cd-dropdown-content {
        overflow-y: scroll!important;
        position: relative;
        left: 0;
        max-width: 100%!important;
    }
    .cd-secondary-dropdown.is-active li ul {
        position: absolute;
        top: 206px;
        left: 0;
    }
    .menu-wrap ul > div > div > li > a.is-active{
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .menu-wrap .fondmenu,
    .cd-dropdown .cd-dropdown-content,
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown {
        width: 100% !important;
    }
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown{
        padding-top: 0;
    }
    .menu-wrap ul > li > a {
        padding: 25px 0 25px 45px;
    }
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown,
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown ul.is-hidden {
        top: 0;
        left: 0;
        position: inherit;
        height: 0;
    }
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown.is-active {
        height: 100%;
        transform: initial;
        -webkit-transform: initial;
        visibility: visible !important;

    }
     .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown.is-active.move-out,
    .cd-dropdown .cd-dropdown-content li:nth-of-type(5) .cd-secondary-dropdown.is-active{
        overflow-y: scroll;
     }
     /*.cd-dropdown .cd-dropdown-content .cd-secondary-dropdown.is-active.move-out:before{
        content: "scroll";
        position: absolute;
        right: 50px;
        top: 400px;
        color: #fff;
        height: 40px;
        width: 31px;
        opacity: 1;
        background: url(../img/scrolldown.svg) no-repeat center;
        background-size: 59% 100%;
        line-height: 0;
        -webkit-animation: ani1 2s 0s infinite;
        -moz-animation: ani1 2s 0s infinite;
        -ms-animation: ani1 2s 0s infinite;
        animation: ani1 2s 0s infinite
     }*/
     .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown.is-active.move-out.finish:before{opacity: 0;}

     @-webkit-keyframes ani1 {
        from,
        to {
            top: 400px
        }
        50% {
            top: 405px
        }
    }

    @-moz-keyframes ani1 {
        from,
        to {
            top: 400px
        }
        50% {
            top: 405px
        }
    }

    @-ms-keyframes ani1 {
        from,
        to {
            top: 400px
        }
        50% {
            top: 405px
        }
    }

    @keyframes ani1 {
        from,
        to {
            top: 400px
        }
        50% {
            top: 405px
        }
    }

    .menu-wrap ul.cd-secondary-dropdown > li,
    .menu-wrap ul.cd-secondary-dropdown > li > ul > li {
        border: 0;
    }
    .menu-wrap ul.cd-secondary-dropdown > li:first-child > a:hover {
        background: #4db5c4;
    }
    .menu-wrap ul > li > a.is-active {
        border-bottom: 1px solid #4db5c4;
    }
    .menu-wrap ul ul ul > li > a {
        padding: 7px 0 7px 30px;
    }
    .menu-wrap ul ul ul > li > a.go-back {
        padding: 16px 0 3px 30px;
    }
    /***************/
    #google_translate_element { right: 30px; top: 94px;}
    .nav-second .logob img{width: 140px;}
    /* .nav-second .logob a:last-child img {
        width: 90px;
    } */
    /*HERO page*/
    #contenu .bando h1 {
        font-size: 38px;
        text-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
    }
    .hero {
        padding: 15px 15px 115px 15px;
        height: 420px;
    }
    #contenu .bando {
        height: 20%;
        width: calc(100% - 30px);
    }
    #contenu .bando img {
        height: 500px;
        width: auto;
    }
    .droite {
        width: 157px;
        top: 18px;
    }
    #open-button {
        margin-bottom: 20px;
    }
    .droite div {
        margin-left: 47px;
        display: block;
    }
    /****/
    /*slider accueil*/
    #contenu .bando {
        height: 305px;
    }
    #contenu .bando div {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #contenu .bando h1 {
        font-size: 36px;
        padding: 0px 15px;
    }


    /**Actus**/
    .actus .col-xs-12 .col-xs-12:last-child {
        margin-bottom: 45px;
    }
    .allactus {
        padding: 25px 0 100px;
    }
    .actus .pictures {
        max-height: 360px;
    }
    /**Praticien **/
    .praticiens form {
        text-align: center;
    }
    .praticiens .input-group {
        display: inline-block;
    }
    .praticiens {
        height: auto;
    }
    .praticiens .dropdown .btn,
    .praticiens input.form-control,
    .praticiens form p {
        right: 0;
    }
    .praticiens .dropdown {
        width: 322px;
        margin: auto;
    }
    .praticiens .dropdown-menu {
        left: 0;
    }
    .doctor {
        background: url(../img/photodoc.png) no-repeat -13px 13px #fff;
        background-size: 205px auto;
    }
    #coord1, #coord2, .speciality, #languages {
        width:80%;
    }

    .adroite #photo{padding: 0;}
    /*form all praticien*/
    .bigblock div:nth-of-type(2) label{
        left: 0;
    }
    .lettres{
        padding: 5px 20px 20px 20px;
        left: 0;
    }
    .lettres a {
        padding: 2px 6px;
    }
     .prat-lien-retour{position: initial;}

    /*accordeon*/
    .ui-accordion .ui-accordion-content{padding: 20px 0;}

    /*tabs*/
    .ui-tabs .ui-tabs-panel{padding: 1em 0;}

    /*search*/
    .search__inner{
        height: 85%;
    }
    .search__inner--down {
        top: 85%;
    }

    /***footer***/
    .prefooter {
        position: relative;
        top: -50px;
    }
    footer {
        padding: 0;
        margin: 0;
        bottom: 25px;
    }
    #home footer {
        padding-top: 0px;
    }
    footer .foot > div {
        background: none;
    }
    .foot > div {
        margin-bottom: 20px;
    }
    .prefooter > div:last-child button {
        right: 41px;
    }
    footer:before,
    footer div.whfond {
        display: none !important;
    }
    footer .logo {
        margin-bottom:  25px;
        padding-top:  20px;
    }
}


@media screen and (max-width: 767px) {
    footer .logo .thx {
        margin-top: 45px;
    }
}

@media screen and (max-width: 610px) {
    /**Praticien**/
    .adroite #photo {
        min-height: 250px;
    }
    .resultat .doctor img, .doctor img{
       /* max-width: 100%;*/
       max-width: 188px;
        margin: auto;
        display: inherit;
        padding-top: 5px;
         top: 0;
            -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
     transform: translateY(0%);
    }
    .doctor {
        height: auto;
        max-height: 100%;
        text-align: center;
        background: url(../img/photodoc.png) no-repeat 60% 13px #fff;
        background-size: 225px auto
    }
    .doctor a:before{
        right: 0;
    }
    .doctor:before, .doctor > div:first-child:before, .doctor > div:first-child:after {
        display: none;
    }
    .doctor > div:last-child {
        min-height: 130px;
    }
    .doctor div {
        display: block;
        width: 100% !important;
    }
    .doctor h4 {
        margin-top: 25px;
    }
    .doctor p {
        margin-bottom: 25px;
    }
    .doctor > div:first-child{
        height: auto;
        min-height: 160px;
        overflow: hidden;
    }
    #coord1, #coord2, .speciality, #languages{
        width:90%;
    }
    #c225 img{width:100%; height:auto;}
}

@media screen and (max-width: 566px) {
    #contenu .nav-second .logob {
        text-align: left;
    }
    #contenu .nav-second .logob a{
        margin-left: 25px;
    }
}

@media screen and (max-width: 425px) {
    .praticiens form input.form-control,
    .praticiens form .dropdown .btn{
        width: 100%;
        font-size: 13px;
    }
    .nav-second .logob{
        width: auto;
    }
    .bigblock.praticiens{padding: 35px 0 10px;}

    #contenu .corps .content{
        padding: 40px 0 0;bottom: 10px;}
    #contenu .corps {
        padding-bottom: 125px;
    }
    .doctor{
        background: url(../img/photodoc.png) no-repeat 73% 13px #fff;
        background-size: 225px auto
    }
    /**Menu**/
    .menu-wrap ul > div > div > li > a{
        padding: 18px 0 18px 25px;
    }
    .close-button {
        right: 35px;
        width: 45px;
        height: 45px;
        background-size: 15px 15px;
    }
    .menu-wrap ul > li > a {
        padding: 25px 30px 25px 45px;
        font-size: 30px;
    }
    .menu-wrap ul ul > li > a {
        font-size: 16px;
        padding: 10px 0 10px 38px;
    }
    .menu-wrap ul ul li.has-children:after {
        left: 89%;
    }
    .menu-wrap ul li:nth-of-type(2) > ul > li:first-child p{
        font-size: 16px;
    }
    /****************/
    #google_translate_element {top: 151px;}

    #open-button {
        margin-bottom: 20px;
        font-size: 0;
        position: absolute;
        top: -72px;
        background: url(../img/menumobile.svg) no-repeat 74% center;
        background-size: 32px 32px;
    }
    #btn-search img {
        margin: 20px 0 0 0!important;
    }
    #notifications i{
        background: url(../img/profiles-mobile.svg) no-repeat center;
        background-size: 70px auto;
    }
    .droite > .col-md-12{
        position: absolute;
        top: -88px;
        right: initial;
    }
    .nav-menu .dropdown-menu{

     /*   left: -176px!important;
        top: 115%!important; */
            -webkit-transform: translate3d(-180px, 55px, 0px)!important;
    -moz-transform: translate3d(-180px, 55px, 0px)!important;
    -o-transform: translate3d(-180px, 55px, 0px)!important;
    transform: translate3d(-180px, 55px, 0px)!important;
    }

    /**hero page**/
    #contenu .bando{
        height: 265px;
        width: calc(100% - 20px);
    }
    .hero img {
        width: auto;
        height: 100%;
    }
    #contenu .bando h1 {
        font-size: 30px;
    }
    .hero {
        height: 390px;
        padding: 10px 16px 0 10px;
        width: 97%;
    }
    .hero > img:last-child{
       width: auto;
        height: 100%;
        min-height: 265px;
        }
    /****/
    #home .corps {
        padding-top: 130px;
    }
    #home h1,
    #home .praticiens h1 {
        font-size: 45px;
    }
    a.light {
        width: 100%;
        /*margin: 10px;*/
        margin: 0;
    }
    /* slider content*/
    .carousel,
    .carousel-inner {
        height: 245px;
    }
    .carousel-caption p {
        display: none;
    }
    .carousel-control {
        width: 58px;
        height: 58px;
    }
    .carousel-control.right,
    .carousel-control.left {
        background-size: 22px auto;
    }

    /**praticiens**/
    .lettres {
        padding: 5px 0 0 0;
    }
    .lettres a{
        font-size: 20px;
        padding: 2px 5px;
    }
    .bloc-praticien-infos h3{
        font-size: 28px;
    }
    #coord1, #coord2, .speciality, #languages {
        width: 100%;
    }
    .speciality, #languages p, #coord1 p, #coord2 p{
        font-size: 16px;
    }

    .adroite #photo {
        width: 65%;
        }

    .speciality:before{
        margin-right: 5px;
    }
    .medtel, .medmail, .medfax, .lieux, .adresse, .secretariat, .sitelien{
        padding-top: 24px;
        margin-bottom: 20px;
        padding-left: 0;
        background-position: center top;
        text-align: center;
    }

    #languages, .speciality{text-align: center;}

    #coord1 p.consultation:before, #coord2 p.consultation:before, #coord1 p.secteur:before, #coord2 p.secteur:before{
        display: none;
    }

    #coord1, #coord2{padding: 0;}

    .lieux, .consultation{ margin: 0;text-align: center; display: block;}
    .adresse {padding-top: 0;}
    .prat-lien-retour{margin-bottom:45px;}

    .t3ddy-tabContainer-tabList li.ui-state-default, ul.t3ddy-tabContainer-tabList li a.t3ddy-tab-title{width:100%;}

    /****footer****/
    .sub-footer li:nth-child(even) {
        text-align: center;
        width: 6px;
        margin: 6px auto;
    }
    footer .sub-footer ul li {
        display: block;
        margin-bottom: 12px;
    }
    .prefooter {
        padding: 32px 48px;
    }
    .prefooter > div:nth-of-type(2) button,
    .prefooter > div:last-child button {
        right: 0;
    }
}

@media screen and (max-width: 375px) {
      #contenu .bando{
        height: 235px;
    }
    .cd-secondary-dropdown.is-active li ul{height: 230px;}
    #contenu .corps .content.trouver::after{
        width: 130%;
    }
    .legende {
        font-size: 14px;
    }
    .legende img:last-child {
            margin-left: 20px;
    }
    .menu-wrap ul > li > a {
        padding: 25px 30px 25px 35px;
        font-size: 26px;
    }
    .menu-wrap ul ul > li > a{
        font-size: 15px;
        padding: 10px 20px 10px 26px;
    }
    #contenu .bando h1 {
        font-size: 25px;
        padding: 0 25px;
    }
    .actus .pictures {
        max-height: 330px;
    }
    .doctor {
        background: url(../img/photodoc.png) no-repeat 88% 13px #fff;
        background-size: 225px auto;
    }
    .lettres a{
        padding: 2px 2px;
    }
    .prefooter {
        padding: 80px 5px 32px;
        background: url(../img/resume.svg) no-repeat 65px 24px #ffffff;
        background-size: 50px auto;
    }
    .prefooter > div:first-child {
        padding: 0;
    }
    .prefooter > div:first-child > div{
        padding: 0 35px 0 0;
    }
    .hero {
        height: 360px;
    }
    .praticiens .dropdown .btn, .praticiens .dropdown {
        width: 100%;
    }
    .praticiens .dropdown .btn, .praticiens input.form-control{
        padding: 15px 30px 15px 18px;
    }
}

@media screen and (max-width: 320px) {
    .praticiens .dropdown .btn{padding-left:17px }
    #contenu .droite{
        right: 0;
    }
    #contenu #open-button{
        width: 90%;
    }
    .droite > .col-md-12{
        right: 57px;
    }
    .nav-menu .dropdown-menu {
     /*   right: -245px;
        top: 105%!important;*/
            -webkit-transform: translate3d(-191px, 47px, 0px)!important;
    -moz-transform: translate3d(-191px, 47px, 0px)!important;
    -o-transform: translate3d(-191px, 47px, 0px)!important;
    transform: translate3d(-191px, 47px, 0px)!important;
    }
    .cd-dropdown .cd-dropdown-content .cd-secondary-dropdown.is-active.move-out:before{
        right: 18px;
        top: 350px;
    -webkit-animation: ani2 2s 0s infinite;
        -moz-animation: ani2 2s 0s infinite;
        -ms-animation: ani2 2s 0s infinite;
        animation: ani2 2s 0s infinite
     }

     @-webkit-keyframes ani2 {
        from,
        to {
            top: 350px
        }
        50% {
            top: 355px
        }
    }

    @-moz-keyframes ani2 {
        from,
        to {
            top: 350px
        }
        50% {
            top: 355px
        }
    }

    @-ms-keyframes ani2 {
        from,
        to {
            top: 350px
        }
        50% {
            top: 355px
        }
    }

    @keyframes ani2 {
        from,
        to {
            top: 350px
        }
        50% {
            top: 355px
        }
    }
    nav img {
        width: 170px;
    }
    .close-button {
        right: 30px;
        top: 35px;
    }
    .menu-wrap ul > li > a {
        padding: 25px 30px 25px 35px;
    }
    .menu-wrap ul ul li.has-children:after {
        left: 85%;
    }
    .breadcrumb li, .breadcrumb>.active, .breadcrumb li a{
        font-size: 11px;
    }
    .cd-secondary-dropdown.is-active li ul{
        top: 186px;
        height: 220px;
    }
    #contenu .bando h1 {
        font-size: 22px;
    }
    /*praticiens*/
    #contenu .corps .content {
        padding: 30px 0 0;
    }
    .praticiens input.form-control {
        width: auto;
        max-width: inherit;
        font-size: 14px;
    }
    .praticiens .dropdown {
        width: 100%;
    }
    .doctor{
        background: url(../img/photodoc.png) no-repeat 29px 13px #fff;
        background-size: 215px auto;
    }
    #home h1,
    #home .praticiens h1 {
        font-size: 35px;
    }
    .praticiens .dropdown .btn {
        width: 100%;
        max-width: initial;
        min-width: initial;
        font-size: 12px;
        left: 0;
    }
    .dropdown-menu {
        width: 100%;
        min-width: inherit;
    }
    .ui-accordion .ui-accordion-content > div > div {padding: 0;}
    .ui-tabs .ui-tabs-panel > div > div {padding: 0 5px;}
}
/** RTE **/
span.importantrouge {
	color:#FF0000;
	font-weight:bold;
	font-size:120%;
}
/** TRAITEMENT DES IMAGES **/
.ce-column img {
	width: initial !important;
  height: initial !important;
}