*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
::selection {
    /*background: transparent;*/
}
html {
    font-size: 100%;
}

body {
    font-size: .85em;
    font-family: 'segoe_uiregular';
    position: relative;
    overflow-x: hidden;
}

ul {
    list-style-type: none;
}
/*
ul, p {
    margin: 0;
    padding: 0;
}
*/

ul {
    margin: 0;
    padding: 0;
}

h1 {
    margin: 0;
    font-family: 'montserratbold';
}
h2 {
    font-family: 'montserratbold';
    font-size: 36px;
}
h3 {
    font-family: 'montserratbold';
    font-size: 21px;
}
a:hover,
a:focus {
    text-decoration: none;
}
em{
    font-family: 'segoe_uibold_italic';
    font-style: normal;
    font-size: 1.2em;
}

/*
label {
    font-weight: normal;
    margin:0;
}
*/

.block-title {
    margin-top: 40px;
    margin-bottom: 20px;
}
    .block-title h2,
    .block-title h3 {
        color: #168291;
    }

.separator {
    height: 1px;
    background: #6e7a84;
}

.btn-default {
    padding: 10px 35px;
    border: 1px solid #fff;
    border-radius: 0;
    background: #3c3c3c;
    color: #fff;
    font-size: 1.1em;
    font-family: montserratregular;
}

.circle {
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}
.circle-social {
    background: #fff;
    width: 90px;
    height: 90px;
    line-height: 90px;
}
.circle-social:before {
    font-size: 50px;
    line-height: 90px !important;
}
.circle-social-small {
    border: 1px solid #fff;
    width: 49px;
    height: 49px;
    color: #fff;

}
.circle-social-small:before {
    font-size: 20px;
    line-height: 49px !important;
}

/* Text shadow */
.text-shadow{
    text-shadow: 0px 1px 2px #000000;
}

/* Background black opacity */
.opacity{
    background: rgba(0,0,0,0.5);
}

.underline{
    text-decoration: underline;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.glyphicon-resize-full {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding: 8px;
    font-size: 2em;
    background: white;
    border: 1px solid #ccc;
    z-index: 2;
}

.row .glyphicon-resize-full {
    right: 10px;
}

/* figcaption */
.legend {
    width: 100%;
    padding: 5px 0;
    text-align: center;
    font-style: italic;
    background: #F5F5F5;
}

.text-italic {
    font-family: 'segoe_uiitalic';
}
.text-bold {
    font-family: 'segoe_uibold';
}

@media (min-width: 1024px) {
    .col-md-20 {
        width: 20%;
    }
}
@font-face {
    font-family: 'montserratregular';
    src: url('./fonts/montserrat-regular-webfont.eot');
    src: url('./fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-regular-webfont.woff') format('woff'),
         url('./fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('./fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold'; 
    src: url('./fonts/montserrat-bold-webfont.eot');
    src: url('./fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('./fonts/montserrat-bold-webfont.woff') format('woff'),
         url('./fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('./fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

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

@font-face {
    font-family: 'segoe_uilight';
    src: url('./fonts/segoeuil_0-webfont.eot');
    src: url('./fonts/segoeuil_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/segoeuil_0-webfont.woff2') format('woff2'),
         url('./fonts/segoeuil_0-webfont.woff') format('woff'),
         url('./fonts/segoeuil_0-webfont.ttf') format('truetype'),
         url('./fonts/segoeuil_0-webfont.svg#segoe_uilight') format('svg');
    font-weight: normal;
    font-style: normal;

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

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

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

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

}

@font-face {
    font-family: 'myriadpro';
    src: url('./fonts/myriad-web-pro.eot');
    src: url('./fonts/myriad-web-pro.eot?#iefix') format('embedded-opentype'),
         url('./fonts/myriad-web-pro.woff2') format('woff2'),
         url('./fonts/myriad-web-pro.woff') format('woff'),
         url('./fonts/myriad-web-pro.ttf') format('truetype'),
         url('./fonts/myriad-web-pro.svg#myriad_web_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body a {
    outline: none;
}
body a:focus {
    outline: none;
}
/*//////////////////////////////////////////////////////
//  HEADER CONTENT
////////////////////////////////////////////////////*/

.main-header {
    width: 100%;
    background-color: #fff
}
.main-header .banner {
    height: 23px;
    background-color: #168291;
    margin-bottom: 20px
}
.main-header .main-header-content {
    position: relative;
    margin: auto;
    height: 170px;
    max-width: 1024px;
    margin-top: 20px;
    margin-bottom: 20px
}
.main-header .menu-resp {
    display: none
}
/* ====== LOGO ======*/

.main-header .main-header-content .logo {
    display: inline-block;
    text-align: left
}


/* ====== SLOGAN ======*/

.main-header .slogan {
    color: #3c3c3c;
    text-transform: uppercase;
    font-size: 1.3em;
    position: absolute;
    bottom: 0;
    left: 130px;
    margin-left: 35px;
    margin-bottom: -7px;
    font-family: "montserratregular"
}
/* ====== MAIN MENU RESP  ======*/
/* hide on < 1024*/

.main-header .panel-group {
    display: none
}
/*//////////////////////////////////////////////////////
//  SCROLLBOUTON HOME
////////////////////////////////////////////////////*/

#scrollDown {
    position: fixed;
    top: 400px;
    right: 0;
    z-index: 10;
    width: 10%;
    pointer-events: none;
    background: transparent
}
#scrollDown span {
    pointer-events: all;
    cursor: pointer;
    background: url(./img/scrolldown.png);
    background-repeat: no-repeat;
    display: block;
    width: 83px;
    height: 46px
}
#scrollDown span:first-child {
    background-position: 0 0
    }

#scrollDown span + span {
    margin-top: 20px;
    background-position: 0 -74px;
}

}
#scrollDown span span {
    margin-top: 20px;
    background-position: 0 -74px
}
/*//////////////////////////////////////////////////////
//  SLIDER HOME
////////////////////////////////////////////////////*/

.hContainer .slider-read-more {
    position: absolute;
    top: 72%;
    width: 180px;
    height: 47px;
    padding: 10px;
    background: #3C3C3C;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "montserratregular"
}
.bxslider .content,
.liveEventTitle
 {

    color: #fff;
   
    text-shadow: 0 1px 2px #000;
    text-align: center;
}
.bxslider .content
 {
    /*position: absolute;*/
    top: 40%;
    padding: 0 20%;
    
    line-height: 2em;
    
    
    z-index: 2
}
.bxslider h1 {
    font-size: 2em;
    text-transform: uppercase
}
.bxslider p {
    font-size: 1.2em
}
.bxslider li .button {
	margin-top:15px;
    text-align:center;
}
.button .more:hover {
    color: #333;
    background-color: #e6e6e6
}
.bxslider .slide1, .bxslider .slide2, .bxslider .slide3 {
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 500px
}
.bx-wrapper .bx-controls-direction a {
    font-size: 0
}
/*//////////////////////////////////////////////////////
//  SLIDER NEWS HOME
////////////////////////////////////////////////////*/

.bxslider-bttn-middle {
    width: 45%;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 80px
}
.bxslider-bttn-middle h1 {
    font-size: 3em;
    color: #178390;
    text-align:center;
    text-transform: uppercase
}
.bxslider-bttn-middle h2 {
    font-size: 1.5em
}
.bxslider-bttn-middle i {
    font-weight: "montserratbold"
}
.bxslidernews {
    text-align: center
}
/*//////////////////////////////////////////////////////
//  SOCIETE HOME
////////////////////////////////////////////////////*/

.societe-home, .societeSlider {
    position: relative
}
.societeSlider .content {
    padding: 25% 15% 0;
    line-height: 2em;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    z-index: 2
}
.societeSlider li .button {
    width: 180px;
    margin: 0 auto
}
.societeSlider li {
    min-height: 786px;
    background: url(./img/societe.jpg)
}
.societe-home .societeSlider h1 {
    font-size: 3em;
    text-transform: uppercase;
    color: #fff
}
.societe-home .societeSlider p {
    font-size: 1.4em;
    color: #fff
}
.bxslider-bttn-middle h2 {
    margin-bottom: 0
}
.more {
    /*position: absolute;*/
    bottom: 40px;
    /*width: 180px;*/
    height: 47px;
    padding: 10px;
    background: #3C3C3C;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    margin-top:10px;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: "montserratregular"
}
/*//////////////////////////////////////////////////////
//  CALENDAR HOME
////////////////////////////////////////////////////*/

.popover-content {
    /*  display: none; */
}
.calendar {
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0
}
.calendar-content {
    width: 70%;
    margin: 0 auto
}
.calendar-content h1,
h1#jr_header 
 {
    font-size: 3em;
    color: #178390;
    text-transform: uppercase;
    text-align:center;
}
.calendar-content h2 {
    font-size: 1.5em
}
.calendar-content p {
    font-size: 1.2em
}
/*//////////////////////////////////////////////////////
//  JOURNAL HOME
////////////////////////////////////////////////////*/

.journal-home {
    position: relative;
    height: auto;
    background: url(./img/e-journal.jpg) no-repeat;
    background-repeat: repeat-y;
    -webkit-background-size: cover;
    background-size: cover
}
.journal-home header {
    color: #fff;
    /*width: 840px;*/
    /*margin: 0 auto;*/
    
    text-shadow: 0 1px 2px #000;
    text-align: center
}
.journal-home header h1 {
    padding-top: 70px;
    padding-bottom: 35px;
    font-size: 3em;
    text-transform: uppercase
}
.journal-home header p {
    font-size: 1.2em
}
.journal-home .container {
    margin-bottom: 100px
}
.journal-home table {
    color: #fff
}
.journal-home table th {
    background: #14AFC4;
    padding: 5px
}
.journal-home table td {
    padding: 12px 5px;
    border-bottom: 1px solid #ccc
}
.journal-home table td:nth-child(2), .journal-home table td:nth-child(2) a {
    color: #F1820A
}
.journal-home table tr:last-child td {
    border: 0
}
.journal-home .journal-table {
    height: auto;
    padding: 30px 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5)
}
.journal-home .button {
    width: 180px;
    margin: 0 auto
}

/*//////////////////////////////////////////////////////
//  HOME VIDEO
////////////////////////////////////////////////////*/

.home-video {
    background: #eaeaea
}
.iframe-fluid {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.2%
}
.iframe-fluid > iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
/*//////////////////////////////////////////////////////
//  HOME ASSOCIATIONS
////////////////////////////////////////////////////*/

.association {
    height: 228px
}
/*//////////////////////////////////////////////////////
//  HOME BODIES
////////////////////////////////////////////////////*/

.constituant-body {
    height: 188px
}
.home-bodies strong {
    font-weight: normal;
    font-family: "segoe_uisemibold";
    -moz-osx-font-smoothing: grayscale
}
.home-bodies a {
    color: #333
}
/*//////////////////////////////////////////////////////
//  SITE MAP
////////////////////////////////////////////////////*/

.site-map {
    color: #fff;
    background-color: #556775
}
.site-map-domain {
    padding-top: 10px;
    padding-bottom: 20px
}
.site-map-domain a {
    color: #fff
}
/*//////////////////////////////////////////////////////
//  CONTACT
////////////////////////////////////////////////////*/



/*//////////////////////////////////////////////////////
//  FOOTER
////////////////////////////////////////////////////*/

.footer {
    height: 288px;
    color: #fff;
    background-color: #556775
}
.footer-link {
    margin-top: 32px;
    text-align: center
}
/*//////////////////////////////////////////////////////
//  Header page standard
////////////////////////////////////////////////////*/

.header-standard {
    position: relative;
    height: 390px;
    background: url(./img/header-standard.jpg) no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover
}
.header-standard .opacity {
    height: 100%
}
.header-content {
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 100px;
    text-align: center;
    color: #fff
}
.header-content h1 {
    text-transform: uppercase
}
.header-content p {
    padding-bottom: 20px
}
.header-content .more {
    position: relative;
    bottom: 0;
    text-shadow: none
}
.header-content .more:hover {
    color: #333;
    background-color: #e6e6e6
}
/*//////////////////////////////////////////////////////
//  Fil ariane
////////////////////////////////////////////////////*/

.breadcrumb {
    background-color: #fff;
    font-size: 1em;
    border-bottom: 1px solid #ebebeb;
    width:1024px;
    margin:auto;
    margin-bottom:20px;
    padding-left:0;
}
.breadcrumb > li a {
    color: #999
}
.breadcrumb > li a:hover {
    text-decoration: underline
}
.breadcrumb > li.active {
    color: #3c3c3c;
    font-family: "segoe_uibold"
}
.breadcrumb > li li:before {
    color: #999;
    content: "> ";
    padding: 0 5px
}
/*//////////////////////////////////////////////////////
//  Menu page standard
////////////////////////////////////////////////////*/

.menu-standard > div {
    width: 100%
}
.menu-standard .list-group-item, .menu-standard .list-group-item a {
    color: #999
}
.menu-standard .list-group-item:hover, .menu-standard .list-group-item:hover a {
    color: #20AEB2
}
.menu-standard .list-group-item {
    border: none;
    margin-left: 40px;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    list-style-type: disc;
    display: list-item
}
.menu-standard .row > div {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb
}
.menu-standard .row:last-child > div {
    border-bottom: none
}
.menu-standard .panel-title {
    color: #999
}
.menu-standard .panel-title a:before {
    display: inline-block;
    color: #999;
    content: url(./img/Petite-fleche-droite.png);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    padding: 0 5px
}
.menu-standard .panel-title a.collapsed:before {
    display: inline-block;
    color: #999;
    content: url(./img/Petite-fleche-droite.png);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: ease 0.5s;
    -o-transition: ease 0.5s;
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    padding: 0 5px
}
/*//////////////////////////////////////////////////////
//  Content page standard
////////////////////////////////////////////////////*/



/* Mots clefs */

.mots-cles {
    margin: 30px 0
}
.mots-cles div, .mots-cles a {
    padding: 5px 10px;
    background: #3C3C3C;
    color: #fff;
    border: 1px solid #fff;
    font-family: "segoe_uisemibold";
    display: block;
    float: left
}
.mots-cles a:hover {
    text-decoration: underline
}
.content-standard .intro {
    margin: 20px 0;
    padding: 30px;
    background: #E8F7FA;
    font-size: 1.2em
}
/* Sommaire */

.sommaire {
    background: #9CDCE6;
    position: relative;
    margin-bottom: 20px
}
.sommaire h2 a:after {
    content: "";
    position: absolute;
    right: 12px;
    top: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #fff transparent transparent transparent
}
.sommaire h2 a.collapsed:after {
    border-width: 0 9px 9px 9px;
    border-color: transparent transparent #fff transparent
}
.sommaire h2 a {
    font-family: "montserratbold";
    font-size: 1.1em
}
.sommaire li {
    padding: 5px 15px;
    background: none;
    border: none
}
.sommaire li a {
    padding-left: 50px;
    font-size: 1.2em;
    font-style: italic;
    color: #3f3f3f
}
.sommaire h2 {
    padding: 10px 20px;
    font-size: 1.2em;
    font-family: "segoe_uiregular";
    color: #fff;
    background: #13AFC5
}
.sommaire h4 {
    padding: 0 20px;
    font-size: 1.2em;
    font-family: "segoe_uibold";
    font-weight: bold;
    color: #3f3f3f
}
.sommaire h5 {
    margin: 0
}
.sommaire .list-group {
    margin-bottom: 0
}
/* Slider */

.slider {
    position: relative
}
.slider .s-thumb {
    position: absolute;
    z-index: 2;
    bottom: 100px;
    right: 10px;
    cursor: pointer
}
.slider .bxsliderThumb {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
    height: 90px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px
}
.bxsliderThumbWrapper {
    height: 90px;
}
.slider .bxsliderThumb .row {
    float: left;
    -moz-transition: all ease 700ms;
    -o-transition: all ease 700ms;
    -webkit-transition: all ease 700ms;
    transition: all ease 700ms;
    zoom: 1
}
.slider .bxsliderThumb a {
    margin-right: 4px;
    width: 145px;
    float: left
}
.slider .bxsliderThumb a img {
    width: 100%;
    padding-top: 10px
}
.slider .bxsliderThumb a:first-child img {
    margin-left: 0
}
.slider .bx-prev, .bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-prev {
    background: url(./img/fleche_gauche_vert.png) no-repeat;
    left: 0
}
.slider .bx-wrapper .bx-next:hover {
    background-position: 0 0
}
.slider .bx-next, .bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-next {
    background: url(./img/fleche_droite_vert.png) no-repeat;
    right: 0
}
.slider .bx-wrapper .bx-controls-direction a {
    width: 60px;
    height: 60px
}
.bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-prev, .bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-next {
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 2
}
.bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-prev {
    -webkit-background-size: cover;
    background-size: cover
}
.bxsliderThumbWrapper.bx-wrapper .bx-controls-direction .bx-next {
    -webkit-background-size: cover;
    background-size: cover
}


.bx-wrapper .bx-controls-direction a {
    z-index: 1049
}

.modal-thumb .modal-header {
    border-bottom: 0;
}


.modal-thumb .modal-list-thumb {
    text-align: center;
    display: inline-block;

}
.modal-thumb .modal-list-thumb > li {
    display: inline-block;
    margin: 5px;
}

/* Vertical center modal */
.modal-dialog {
  transform: translate(0, 15%) !important;
  -ms-transform: translate(0, 15%) !important; /* IE 9 */
  -webkit-transform: translate(0, 15%) !important; /* Safari and Chrome */
}

.modal-dialog .close {
    outline: none;
}
/* Social */

.social ul li {
    float: left;
    margin: 0 2px
}
.social {
    margin-left: 0;
    margin-top: 58px
}
/* Texte */

.text-content {
    margin-top: 20px
}
.text-content p {
     font-size:16.3167px;
	/*font-size:1.2em;*/
}
.text-content .block {
    position: relative;
    /*width: 50%;*/
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
}
.text-content .block img {
    border: 1px solid #ccc
}
.text-content .block.citation {
    width: 50%;
    padding-left: 10px;
    clear: left
}
.text-content .block.citation q, .text-content q {
    font-size: 1.8em
}
.text-content q {
    font-family: "montserratregular"
}
.text-content q:before, .text-content q:after {
    font-size: 50px;
    line-height: 0
}
.text-content q:before {
    content: ""
}
.text-content q:after {
    content: ""
}
.text-content .block.citation cite, .text-content cite {
    font-style: italic
}
.text-content .block img {
    width: 100%
}
/* vid*/

.home-video.standard {
    margin-top: 80px
}
.header-content .more {
    position: relative;
    bottom: 0;
    text-shadow: none
}
.video-button {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center
}
.video-button .more {
    position: relative;
    bottom: 0
}
/* Table */

.tab-head {
    width: 100%;
    background: #13AFC5;
    color: #fff;
    font-family: "segoe_uibold"
}
.tab-head p {
    margin: 0;
    padding: 10px 0;
    float: left;
    text-align: left
}
.calendars-standard {
    margin-bottom: 40px
}
.calendars-standard ul li div {
    padding: 0
}
.calendars-standard .table li {
    padding: 10px 10px;
    border-top: 1px solid #ddd
}
.calendars-standard .table span {
    display: none;
    color: #000;
    font-family: "montserratbold"
}
.calendars-standard .table .title {
    color: #13AFC5;
    font-family: "montserratbold"
}
.calendars-standard .table li:first-child {
    border-top: none
}
/* List */

.calendars-standard .list li {
    clear: both;
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA
}
.calendars-standard .list li:last-child {
    border: none
}
.calendars-standard .list li .img {
    width: 25%;
    float: left
}
.calendars-standard .list li .text {
    width: 65%;
    float: left
}
.calendars-standard .list li .img img {
    width: 80px;
    display: inline
}
.calendars-standard .list li .img img:last-child {
    width: 48px;
    margin: 0 20px
}
.calendars-standard .list .text p {
    margin: 0
}
.calendars-standard .list .text .blue {
    color: #13AFC5;
    font-family: "montserratbold"
}
/*image et legendes*/

.img-legend-standard .col-md-12 {
    margin-bottom: 20px
}
.img-legend-standard {
    margin-bottom: 40px
}
/*//////////////////////////////////////////////////////
//  Standard titles & liste
////////////////////////////////////////////////////*/

.esc h1, .esc h2, .esc h3, .esc h4, .esc h5, .esc h6 {
    margin: 0
}
.esc h1 {
    font-weight: normal;
    font-family: "montserratregular";
    font-size: 2.05em;
    color: #3c3c3c
}
.esc h2 {
    font-family: "segoe_uibold_italic";
    font-size: 1.3em;
    font-weight: normal
}
.esc h3 {
    font-family: "montserratregular";
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase
}
.esc h4 {
    font-family: "segoe_uibold";
    font-size: 1.3em;
    font-weight: normal;
    color: #14afc4;
    text-transform: uppercase
}
.esc h5 {
    font-family: "segoe_uiitalic";
    font-size: 1.3em;
    font-weight: normal;
    color: #14afc4
}
.esc h6 {
    font-family: "montserratregular";
    font-size: 2.5em;
    font-weight: normal;
    color: #14afc4;
    text-transform: uppercase;
    color: #3c3c3c
}
.esc .title {
    margin: 20px 0 40px 0
}
.esc p {
    margin: 0
}
.esc .text {
    margin-bottom: 40px
}
.esc .text-large {
    font-size: 1.3em
}
.esc .bullet-list li:before {
    content: "•";
    display: inline-block;
    margin-right: 10px;
    font-size: 1.5em;
    line-height: 0
}
.esc .multiple-list {
    width: 360px
}
.esc .multiple-list li h3 {
    margin-bottom: 5px
}
/*//////////////////////////////////////////////////////
//  Image lightbox
////////////////////////////////////////////////////*/

.ekko-lightbox-show {
    color: inherit;
}
.ekko-lightbox {
    z-index: 9999;
}
.ekko-lightbox .modal-dialog {
    margin: auto;
}
.ekko-lightbox .modal-header {
    border-bottom: none;
    padding: 10px 15px;
    height:50px;
}
.ekko-lightbox .modal-title {
    display: none;
}
/*//////////////////////////////////////////////////////
//  Elements formulaire
////////////////////////////////////////////////////*/

.elements-formulaire {
    margin-top: 15px
}
.elements-formulaire .row {
    margin-top: 30px
}
.elements-formulaire .error {
    padding: 15px;
    background: #FAE5EA;
    color: #D20037;
    font-family: "segoe_uibold"
}
.elements-formulaire label {
    font-family: "segoe_uisemibold";
    color: #000
}
.elements-formulaire .entry {
    position: relative;
    width: 394px;
    margin-right: 10%;
    float: left
}
.elements-formulaire .entry .tip {
    position: absolute;
    right: -35px;
    top: 87px;
    font-size: 2em
}
.form-inline .form-control {
    width: 100%
}
.elements-formulaire select {
    height: 46px;
    -webkit-appearance: none;
    appearance: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid black
}
.elements-formulaire .entry .select {
    position: relative
}
.elements-formulaire .entry .select:after {
    content: url(img/fleche_bas_form.png);
    color: #000;
    position: absolute;
    top: 12px;
    right: 10px
}
.elements-formulaire input {
    height: 46px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid black
}
.elements-formulaire .form-text {
    margin-top: 30px
}
.elements-formulaire .form-text p {
    font-size: 1em
}
.elements-formulaire .form-text a {
    color: #000
}
.elements-formulaire .form-messages {
    margin-top: 30px;
    max-width: 746px
}
.elements-formulaire .form-messages .message-error {
    padding: 20px;
    margin: 20px 0;
    background: #D30037;
    color: #fff
}
.elements-formulaire .form-messages .message-error div, .elements-formulaire .form-messages .message-no-error div {
    width: 30px;
    margin: 0 auto;
    padding-bottom: 15px
}
.elements-formulaire .form-messages .message-no-error {
    padding: 20px;
    background: #14AFC5;
    color: #fff
}

.elements-formulaire .form-checkbox {
    position: relative
}
/* Footer standard */

.footer-standard {
    margin-top: 50px
}
.footer-standard .encadre {
    padding: 10px;
    border: 1px solid #ccc;
    line-height: 2em
}
.footer-standard .encadre p {
    margin-left: 100px
}
.footer-standard .encadre img {
    width: 80px;
    margin-right: 20px;
    float: left
}
.footer-standard h4 {
    padding: 5px 0;
    font-size: 1.3em;
    text-transform: uppercase;
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5
}
.footer-standard a {
    color: #13AFC5
}
.footer-standard ul {
    list-style-type: disc;
    margin-left: 20px;
    color: #13AFC5
}
.footer-standard ul a:hover {
    text-decoration: underline
}
.footer-standard .contact-details p {
    margin: 0
}
.footer-standard span {
    margin-right: 10px;
    vertical-align: middle;
    font-size: 1.3em
}
.footer-standard .contact-details a span {
    font-size: 1.6em
}
.footer-standard .contact-details a {
    text-transform: uppercase
}
/*//////////////////////////////////////////////////////
//  Elements formulaire
////////////////////////////////////////////////////*/

.header-standard.event {
    background: url(./img/bandeau-event.jpg) no-repeat
}
.content-standard.event h1 {
    color: #C8057F;
    font-family: "montserratregular";
    font-size: 2.5em;
    width: 100%
}
.content-standard.event > h2 {
    width: 100%
}
.content-standard.event > img {
    position: absolute;
    top: 0;
    right: 0;
    width: 10%
}

.event-intro .event-citation {
    font-size: 2em;
    margin-top: 30px;
    font-family:"myriadpro";
    }
.event-intro.row {
	margin-top:20px;
	}

.content-event {
        margin-top: 30px
    }

.content-event .row{
        margin-bottom: 20px
    }

}
.content-event {
    margin-top: 60px
}


.content-event span {
    margin-right: 10px
}
.content-event .important-dates ul li {
    border-bottom: 1px solid #ddd;
    padding-top: 10px
}
.content-event .important-dates ul li:last-child {
    border: none
}
.content-event .important-dates ul li div {
    padding: 0
}
.content-event .important-dates .icon a {
    font-size: 1.4em;
    color: #17ADC8
}
.content-event .focus-on ul {
    list-style-type: disc;
    margin-left: 18px
}
.content-event .focus-on ul li {
    padding: 5px 0
}
.content-event .focus-on ul li a {
    color: #17ADC8
}
.content-event .focus-on ul li a:hover {
    text-decoration: underline
}
.content-event .attend ul {
    list-style-type: disc;
    margin-left: 18px;
    padding: 5px 0
}
.content-event .attend strong {
    font-family: "segoe_uisemibold"
}
.content-event .contact-event p {
    margin: 0
}
.content-event h2 {
    position: relative;
    top: 5px
}
.home-video.event {
    background: #fff
}
.home-video.event p {
    margin-top: 10px;
    font-size: 1.2em
}
.footer-standard.event {
    background: #EBEBEB
}
.footer-standard.event .encadre {
    border: 0
}
.footer-standard.event strong {
    font-family: "segoe_uisemibold"
}
.footer-standard.event span {
    vertical-align: baseline;
    font-size: 1em;
    margin: 0;
    color: #14afc4;
    font-family: "segoe_uisemibold";
    font-weight: bold
}
.home-education.event {
    margin-top: 50px
    }

.home-education.event .btn-default {
    background: #C8057F
}
.home-education.event .btn-default:hover {
    text-decoration: underline;
    color: #fff
}
.content-event .organizers div {
    position: relative;
    padding-left: 0
}
.content-event .organizers div img {
    float: left;
    padding-right: 10px
}
.content-event .organizers div p {
    margin: 0
}
.content-event .organizers div a {
    padding-right: 10px;
    color: #17ADC8;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "segoe_uisemibold"
    }

.content-event a.phoneNumber {
    font-weight: normal;
    font-size: 1em;
    text-transform: none;
    font-family: "segoe_uiregular";
}

.content-event .organizers div a.phoneNumber {
    font-weight: normal;
    font-size: 1em;
    text-transform: none;
    font-family: "segoe_uiregular";
}

.content-event span.icon-esc85 {
    float:left;
    margin-top: 1px;
}

.contact-event a {
    color: #14afc4;
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "segoe_uisemibold"
}
.contact-event a span {
    font-size: 1.5em;
    vertical-align: sub
}
/* back to top */

.back-top {
    margin-top: 40px;
    padding: 20px 0 40px 0;
    border-top: 1px solid #ddd
}
.back-top a {
    float: right;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #A2A2A2;
    font-family: "montserratbold"
}
.back-top a img {
    width: 15px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    vertical-align: baseline;
    margin-right: 10px
}
/*//////////////////////////////////////////////////////
//  Aside content event
////////////////////////////////////////////////////*/

.aside-content {
    padding-right: 20px
}
.aside-content h1 {
    padding: 10px 0;
    color: #14afc4;
    font-size: 1.8em;
    text-transform: uppercase
}
.aside-content img {
    width: 100%
}
.aside-content > div {
    padding: 10px 0 25px 0;
    border-bottom: 1px solid #ddd
}
.aside-content strong {
    font-family: "segoe_uisemibold"
}
.aside-content .education a {
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "segoe_uisemibold"
}
.aside-content .education a:hover {
    text-decoration: underline
}
.aside-content .education img {
    padding-bottom: 20px
}
/*//////////////////////////////////////////////////////
//  header scientific bodies
////////////////////////////////////////////////////*/

.header-content.scientific {
    padding-top: 210px;
    text-align: left
}
.header-content.scientific .img {
    text-align: right;
    padding-right: 19px
}
.header-content.scientific .img img{
    padding: 15px;
    background: #fff;
    width: 140px;
    margin-top:28px;
}
/* video */

.home-video.event .text h2 {
    color: #C8057F;
    font-size: 1.8em
}
.home-video.event .text strong {
    font-family: "segoe_uisemibold"
}
.content-standard.scientific .social {
    margin-top: 0
}

/*//////////////////////////////////////////////////////
//  mobile breadcrumb2
////////////////////////////////////////////////////*/

.panel-breadcrumb {
    width: 100%;
    color: #fff;
    font-family: "montserratregular";
    text-transform: uppercase;
    margin: 0;
    display: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0
}
.panel-breadcrumb .panel {
    border: 0
}
.panel-breadcrumb .panel-heading {
    background: #168291;
    padding: 0;
    position: relative;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.panel-breadcrumb .panel-heading .panel-title {
    font-size: 1em
}
.panel-breadcrumb .panel-heading .panel-title a {
    display: block;
    padding: 10px 15px
}
.panel-breadcrumb .panel-body {
    background: #14afc4;
    border: 0 !important;
    padding: 0
}
.panel-breadcrumb .panel-body li {
    min-height: 45px;
    border-bottom: 1px solid #5bc7d6
}
.panel-breadcrumb .panel-body li.sub {
    display: list-item;
    list-style-type: disc
}
.panel-breadcrumb .panel-body li.last {
    border-bottom: none
}
.panel-breadcrumb .panel-body li h5, .panel-breadcrumb .panel-body li h6 {
    margin: 0;
    line-height: 45px
}
.panel-breadcrumb .panel-body li h5 {
    font-size: 1.6em;
    margin-left: 10px
}
.panel-breadcrumb .panel-body li h6 {
    font-size: 1.2em;
    margin-left: 25px;
    position: relative
}
.panel-breadcrumb .panel-body li h6:before {
    content: "•";
    display: inline-block;
    margin-right: 10px
}
.panel-breadcrumb .panel-body li a {
    color: #fff
}
.panel-breadcrumb .panel-body li.active a, .panel-breadcrumb .panel-body li.active h6:before {
    color: #3c3c3c
}
.panel-breadcrumb a .triangle, .calendar-tools .title a .triangle {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    right: 10px;
    border-width: 0 8px 8px 8px;
    margin-top: 4px;
    border-color: transparent transparent #fff transparent
}
.panel-breadcrumb a.collapsed .triangle, .calendar-tools .title a.collapsed .triangle {
    border-width: 8px 8px 0 8px;
    border-color: #fff transparent transparent transparent
}
.panel-breadcrumb a .title-first {
    display: none;
}
.panel-breadcrumb a.collapsed .title {
    display: inline
}
.panel-breadcrumb a.collapsed .title + .title {
    display: none
}
/*//////////////////////////////////////////////////////
//  Page national bodies
////////////////////////////////////////////////////*/

.header-national-bodies img {
    float: left;
    padding-right: 30px
}
.header-national-bodies h1 {
    color: #14afc4;
    text-transform: uppercase;
    font-family: "montserratregular";
    font-size: 2.5em
}
.header-national-bodies h2 {
    font-size: 1.4em;
    margin: 5px 0
}
.header-national-bodies p {
    font-size: 1.4em
}
.header-national-bodies .title {
    height: 180px
}
.header-national-bodies hr {
    height: 8px;
    background: #14afc4
}
.header-national-bodies a {
    color: #14afc4;
    text-transform: uppercase
}
.header-national-bodies a:hover {
    text-decoration: underline
}
.header-national-bodies span {
    font-size: 1.6em;
    margin-right: 10px;
    vertical-align: sub
}
.bodies-content header {
    background: #14afc4;
    color: #fff
}
.bodies-content header a {
    color: #fff
}
/*//////////////////////////////////////////////////////
//  Block content-newArticle
////////////////////////////////////////////////////*/

.content-newArticle {
    line-height: 1.6
}
.content-newArticle .footer-standard {
    margin-top: 10px
}
.content-newArticle h4 {
    color: #333
}
.content-newArticle li {
    margin-bottom: 10px;
    color: black
}
.content-newArticle .newArticleSmall {
    min-height: 245px
}
.content-newArticle p {
    padding-right: 10px
}
.content-newArticle a b {
    padding-right: 10px
}
.content-newArticle .setColorTeal {
    color: #13afc5
}
/*//////////////////////////////////////////////////////
//  Block content-author
////////////////////////////////////////////////////*/



/*//////////////////////////////////////////////////////
//  Block eventBody
////////////////////////////////////////////////////*/

.content-eventBody {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px
}
.content-eventBody .titleEventBody {
    color: #13afc5;
    font-weight: bold;
    font-family: "segoe_uisemibold";
    margin-top: 10px
}
.content-eventBody .tagEventBody {
    border-bottom: 1px solid #dedede;
    height: 35px;
    padding-left: 20px;
    padding-top: 5px
}
.content-eventBody a {
    color: #333;
    font-family: "myriadpro"
}
/*//////////////////////////////////////////////////////
//  Block docBloc
////////////////////////////////////////////////////*/

.content-docBloc {
    margin-left: 10px
}
.content-docBloc .docBlocBox {
    margin-top: 25px
}
.content-docBloc .docBlocTitle span {
    float: left;
    margin-right: 5px;
    margin-top: 1px
}
.content-docBloc .docBlocTitle {
    color: #333;
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px
}
.content-docBloc .docBlocContent {
    margin-left: 0;
    margin-top: 10px
}
.content-docBloc .firstContentRow {
    color: #13AFC5;
    font-family: "montserratregular";
    font-weight: bold;
    font-size: 0.85em
}
.content-docBloc .secondContentRow {
    font-weight: bold;
    font-family: "segoe_uisemibold";
    font-style: italic;
    font-size: 0.8em
}
.content-docBloc .thirdContentRow {
    font-size: 0.85em
}
.content-docBloc .thirdContentRow a {
    font-weight: bold;
    color: #13AFC5
}
.content-docBloc .downloadContentRow {
    font-size: 0.7em;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede
}
.content-docBloc .lastDownloadContentRow {
    font-size: 0.7em;
    padding-bottom: 10px
}
.content-docBloc .downloadContentRow img {
    width: 16px;
    margin-top: 3px;
    margin-right: 5px;
    float: left
}
.content-docBloc .lastDownloadContentRow img {
    width: 16px;
    margin-top: 3px;
    margin-right: 5px;
    float: left
}
.content-docBloc .downloadContentRow .downloadContentRowTxt {
    margin-top: 5px;
    color: #333
}
.content-docBloc .lastDownloadContentRow .downloadContentRowTxt {
    margin-top: 5px;
    color: #333
}
.content-docBloc .docBlocFooter {
    font-family: "montserratregular";
    font-weight: bold
}
.content-docBloc .docBlocFooter a {
    color: #13AFC5;
    font-family: "myriadpro";
    font-weight: normal
}
.content-docBloc .col-docBlocFooter {
    margin-top: 10px
}

/*//////////////////////////////////////////////////////
//  Block  tableauTarif
////////////////////////////////////////////////////*/

.tableauTarif table {
    width: 100%
}
.tableauTarif .bg-grey {
    background-color: #e7e7e7
}
.tableauTarif tbody td.bg-grey {
    border-bottom: 1px solid #ddd
}
.tableauTarif tbody tr.lastRow td.bg-grey {
    border-bottom: none
}
.tableauTarif .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333;
    margin-bottom: 15px;
}
.tableauTarif thead tr {
    height: 50px
}
.tableauTarif tbody tr {
    height: 30px;
    border-bottom: 1px solid #eee
}
.tableauTarif tbody tr.lastRow {
    height: 30px;
    border-bottom: none
}
.tableauTarif th {
    padding: 5px 5px 5px 10px
}
.tableauTarif td {
    width: 25%;
    padding: 5px 5px 5px 10px
}
.tableauTarif .tarifButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 210px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 20px auto 0 auto;
    text-align: center;
    padding-top: 11px;
    color: white
}
/*//////////////////////////////////////////////////////
//  Block  navButtons
////////////////////////////////////////////////////*/

.navButtons {
    margin-top: 20px
}
.navButtons a {
    color: #999;
    font-family: "montserratregular";
    font-weight: bold
}
.navButtons .BackButton {
    float: left
}
.navButtons .BackButton img {
    width: 14px;
    margin-right: 2px;
    margin-top: -1px
}
.navButtons .ReturnTopButton {
    float: right
}
.navButtons .ReturnTopButton img {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /* IE 9 */
    /* Chrome, Safari, Opera */
    
    width: 14px;
    margin-right: 2px;
    margin-top: -1px
}
/*//////////////////////////////////////////////////////
//  Block  groupButtons
////////////////////////////////////////////////////*/

.groupButtons .buttonStyle {
    background-color: #3c3c3c;
    height: 40px;
    width: 150px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin-top: 20px;
    margin-left: 8%;
    text-align: center;
    color: white;
    float: left
}
.groupButtons .blockButton {
    width: 50%;
    float: left;
    margin-bottom: 20px
}
.groupButtons .buttonStyle img {
    float: right;
    width: 14px;
    margin-top: 4px;
    margin-right: 3px
}
/*//////////////////////////////////////////////////////
//  Block  welcomeBlockType1
////////////////////////////////////////////////////*/

.welcomeBlockType1 {
    margin-top: 20px;
    margin-left: 10px
}
.welcomeBlockType1 .titleRow span {
    float: left;
    margin-right: 5px;
    margin-top: 1px
}
.welcomeBlockType1 .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333;

}
.welcomeBlockType1 .imgCol {
    padding: 15px
}
.welcomeBlockType1 .imgCol img {
    width: 100px
}
.welcomeBlockType1 .contentCol {
    padding-top: 10px
}
.welcomeBlockType1 .contentCol ul {
    list-style-type: disc;
    color: #13AFC5;
    margin-left: 15px
}
.welcomeBlockType1 .contentCol a {
    color: #13AFC5
}
/*//////////////////////////////////////////////////////
//  Block  welcomeBlockType2
////////////////////////////////////////////////////*/

.welcomeBlockType2 {
    margin-top: 20px;
    margin-left: 0px
}
.welcomeBlockType2 .titleRow span {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom:2px;
}
.welcomeBlockType2 h4 {
    font-family: "montserratregular";
    font-weight: bold;
    color: #14afc4;
    margin-bottom: 0
}
.welcomeBlockType2 .oneArticle {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 40px;
}
.welcomeBlockType2 .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333;
    text-transform: uppercase;
}
.welcomeBlockType2 .imgCol {
    padding: 15px
}
.welcomeBlockType2 .imgCol img {
    width: 100px
}
.welcomeBlockType2  .col-xs-12, .welcomeBlockType2  .col-sm-12, .welcomeBlockType2  .col-md-12, .welcomeBlockType2  .col-lg-12 {
	padding-left:0px;
}
.welcomeBlockType2 .contentCountry {
    font-weight: bold;
    font-family: "segoe_uisemibold"
}
.welcomeBlockType2 .contentDate {
    font-weight: bold;
    font-family: "segoe_uisemibold"
}
.welcomeBlockType2 .contentTxt {
    width: 100%
}
.welcomeBlockType2 .buttonCol {
    position: absolute;
    right: 0
}
.welcomeBlockType2 .moreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 13px 0 0 0;
    text-align: center;
    padding-top: 11px;
    color: white;
    float: right
}
.welcomeBlockType2 .moreButtonLast {
    margin: 10px auto 0 auto;
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    text-align: center;
    padding-top: 11px;
    color: white
}
/*//////////////////////////////////////////////////////
//  Block  welcomeBlockType3
////////////////////////////////////////////////////*/

.welcomeBlockType3 {
    margin-top: 20px;
    margin-left: 10px
}
.welcomeBlockType3 .titleRow span {
    float: left;
    margin-right: 5px;
    margin-top: 1px
}
.welcomeBlockType3 h4 {
    font-family: "montserratregular";
    font-weight: bold;
    color: #14afc4;
    margin-bottom: 0
}
.welcomeBlockType3 .oneArticle {
    margin-left: 0;
    margin-top: 10px
}
.welcomeBlockType3 .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333
}
.welcomeBlockType3 .imgCol {
    padding: 15px
}
.welcomeBlockType3 .imgCol img {
    width: 100px
}
.welcomeBlockType3 .contentCol {
    padding-top: 10px;
    padding-left: 15px
}
.welcomeBlockType3 .contentBold {
    font-weight: bold;
    font-family: "segoe_uisemibold"
}
.welcomeBlockType3 .contentTxt {
    width: 100%
}
.welcomeBlockType3 .moreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 13px 0 10px 5px;
    text-align: center;
    padding-top: 11px;
    color: white;
    float: left
}
/*//////////////////////////////////////////////////////
//  Block  welcomeBlockType4
////////////////////////////////////////////////////*/

.welcomeBlockType4 {
    margin-top: 20px;
    margin-left: 10px
}
.welcomeBlockType4 h4 {
    font-family: "montserratregular";
    font-weight: bold;
    color: #14afc4;
    margin-top: 0;
    font-size: 13px
}
.welcomeBlockType4 .titleRow span {
    float: left;
    margin-right: 5px;
    margin-top: 1px
}
.welcomeBlockType4 .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333;
    width: 95%
}
.welcomeBlockType4 .articleBlock {
    padding-left: 0
}
.welcomeBlockType4 .imgCol {
    padding-top: 5px;
    padding-left: 0;
    margin-left: -10px;
    margin-top: 10px
}
.welcomeBlockType4 .imgCol img {
    width: 100px;
    padding-left: 0
}
.welcomeBlockType4 .contentCol {
    padding-top: 5px;
    font-size: 12px;
    margin-top: 10px
}
.welcomeBlockType4 .contentCol ul {
    list-style-type: disc;
    color: #13AFC5;
    margin-left: 15px
}
.welcomeBlockType4 .contentCol a {
    color: #13AFC5
}
.welcomeBlockType4 .moreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 10px 0 0 0;
    text-align: center;
    padding-top: 11px;
    color: white
}
/*//////////////////////////////////////////////////////
//  Block  welcomeBlockType5
////////////////////////////////////////////////////*/

.welcomeBlockType5 {
    margin-top: 20px;
    margin-left: 10px
}
.welcomeBlockType5 .titleRow span {
    float: left;
    margin-right: 5px;
    margin-top: 1px
}
.welcomeBlockType5 .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333
}
.welcomeBlockType5 .imgCol {
    padding: 15px
}
.welcomeBlockType5 .imgCol img {
    width: 100px
}
.welcomeBlockType5 .contentCol {
    padding-top: 10px
}
.welcomeBlockType5 .contentCol ul {
    list-style-type: disc;
    color: #13AFC5;
    margin-left: 15px
}
.welcomeBlockType5 .contentCol a {
    color: #13AFC5
}
.welcomeBlockType5 .moreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 3px 0 0 0;
    text-align: center;
    padding-top: 11px;
    color: white
}
.welcomeBlockType5 h4 {
    font-family: "montserratregular";
    font-weight: bold;
    color: #14afc4
}
/*//////////////////////////////////////////////////////
//  Block  calendar-tools
////////////////////////////////////////////////////*/

.calendar-tools {
    background: #14afc4
}
.calendar-tools label {
    font-weight: normal
}
.calendar-tools .row {
    padding-top: 15px
}
.calendar-tools .row {
    border-top: 1px solid #43bfd0
}
.calendar-tools .row:first-child {
    border-top: none
}
.calendar-tools .title a {
    font-family: "montserratregular";
    font-size: 1.2em;
    color: #fff;
    margin-left: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block
}
.calendar-tools .widget {
    color: #3c3c3c;
    font-family: "montserratregular";
    font-size: 1.1em;
    line-height: 1.1
}
.calendar-tools .widget.collapse {
    display: block
}
.calendar-tools .widget-type {
    text-align: center
}
.calendar-tools .widget-type span {
    text-transform: uppercase;
    width: 100%;
    display: inline-block
}
.calendar-tools .widget-type span[class^="icon-"] {
    font-size: 2.5em
}
.calendar-tools .widget-type span[class^="icon-"] span {
    height: 35px
}

.calendar-tools .widget-type div.icon-label {
    height: 45px;
}
.calendar-tools #widget1 .multicheckbox-containerundefined input{
	display:block;
	margin:auto;
	position:absolute;
    left:0;
    right:0;
    bottom:0;
} 
.calendar-tools #widget1 .lblchkBxEventType {
	display: block;
    height: 95px;
    margin: auto;
    text-transform: uppercase;
    width: 110px;
	
} 
.calendar-tools .multicheckbox-containerundefined label {
	cursor: pointer;
}
#widget3 .multicheckbox-containerundefined {
	height: 21px;
    overflow-y: hidden;
}
#widget3.in .multicheckbox-containerundefined {
	overflow-y:auto;
	height:auto;
}

#widget3 .multicheckbox-containerundefined label {
	margin-right:10px;
}
/*TIME */

.calendar-tools .widget-time {
    padding-bottom: 50px;
    padding-top: 10px
}
/*COUNTRY*/

.calendar-tools .widget-country {
    font-family: "segoe_uibold";
    padding-bottom: 20px;
}
.calendar-tools .widget-country .triangle {} .calendar-tools .widget-country ul {
    float: left;
    height: 21px;
    overflow-y: hidden;
}
.calendar-tools .widget-country.in ul {
    overflow: auto;
    height: auto;
}
.calendar-tools .widget-country li {
    margin-right: 10px
}
.calendar-tools .widget-country li input[type="checkbox"] {
    vertical-align: bottom;
}
.calendar-tools .widget-country .plus {
    color: #fff;
    font-family: "montserratregular";
    font-size: 0.75em;
    text-transform: uppercase;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
}
.calendar-tools .widget-country .plus:after {
    content: '';
    margin-left: 5px;
    margin-bottom:3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 8px 7.5px 0;
    border-color: transparent #ffffff transparent transparent;
    display: inline-block;
    vertical-align: middle;
}
.calendar-tools .widget-country.in .plus:after {
    content: ' ';
    /*ie8 fix*/
    
    border-width: 8px 7.5px 0 7.5px;
    border-color: #ffffff transparent transparent transparent;
}
.calendar-tools .slider-tooltip {
    display: block;
    position: absolute;
    bottom: -30px;
    left: -9px;
    text-align: center;
    width: 90px;
    font-family: "segoe_uibold";
    color: #3c3c3c
}
.calendar-tools .slider-tooltip.left {
    left: auto;
    right: -9px
}
.calendar-tools .title a .triangle {
    display: none
}
/*//////////////////////////////////////////////////////
//  SLIDER EVENT
////////////////////////////////////////////////////*/

.sliderEvent {
    border: 1px solid #14afc4;
    margin-top:20px;
    margin-bottom: 20px;
}
.sliderEvent li {
    padding-left: 50px;
    padding-right: 50px;
    font-weight: bold;
    font-family: "segoe_uisemibold";
    font-size: 1.2em;
    color: #14afc4;
    line-height: 31px
}
.sliderEvent .bx-prev, .sliderEvent .bxsliderThumb .bx-prev-xs {
    background: url(./img/fleche_gauche_grise_carre.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    left: 0;
    top: 51%
}
.sliderEvent .bx-wrapper .bx-next:hover {
    background-position: 0 0
}
.sliderEvent .bx-next, .sliderEvent .bxsliderThumb .bx-next-xs {
    background: url(./img/fleche_droite_grise_carre.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    /*background: #e5e5e5;
        background-size: 30px;
        color: #14afc4;
        content: '>';*/
    
    right: 0
}
.sliderEvent .bx-wrapper .bx-controls-direction a {
    top: 16px;
    height: 31px
}
/*//////////////////////////////////////////////////////
//  SLIDER MISSION
////////////////////////////////////////////////////*/

.slideMission .bxsliderMission .content {
    position: absolute;
    top: 40%;
    padding: 0 25%;
    color: #fff;
    line-height: 2em;
    text-shadow: 0 1px 2px #000;
    text-align: center;
    z-index: 2
}
.slideMission .bxsliderMission h1 {
    font-size: 2em;
    color: white;
    text-transform: uppercase
}
.slideMission .bxsliderMission p {
    font-size: 1.2em
}
.slideMission .bxsliderMission li img {
    min-height: 390px
}
.slideMission .bx-prev {
    background: url(./img/fleche_gauche_vert.png) no-repeat;
    left: 0
}
.slideMission .bx-wrapper .bx-next:hover {
    background-position: 0 0
}
.slideMission .bx-next {
    background: url(./img/fleche_droite_vert.png) no-repeat;
    right: 0
}
.slideMission .bx-wrapper .bx-controls-direction a {
    width: 60px;
    height: 60px
}
.calendar-tools .plus {
    cursor: pointer
}
/*//////////////////////////////////////////////////////
//  Slide news carousel
////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////
//  Block  patientWebsiteBlock
////////////////////////////////////////////////////*/

.patientWebsiteBlock {
    padding: 0
}
.patientWebsiteBlock img {
    width: 95%;
    margin: auto;
    margin-right: auto
}
.patientWebsiteBlock p {
    font-size: 10px;
    font-family: "myriadpro";
    margin-top: 10px;
    width: 95%
}
.patientWebsiteBlock .titleRow {
    font-family: "montserratregular";
    border-bottom: 2px solid #13AFC5;
    font-size: 1.3em;
    padding-bottom: 5px;
    color: #333
}
.patientWebsiteBlock .titleRow span {
    margin-right: 5px;
    margin-top: 1px
}
.patientWebsiteBlock .col-md-4 {
    padding: 20px 10px 0 10px
}
/*//////////////////////////////////////////////////////
//  Block  ourMissionSmallBlock
////////////////////////////////////////////////////*/

.ourMissionSmallBlock {
    margin-bottom: 40px;
    max-width: 720px
}
.ourMissionSmallBlock .insideCol {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}
.ourMissionSmallBlock span {
    color: black;
    font-size: 25px;
    margin-bottom: 33px;
    margin-left: 40%;
    margin-top: 58px;
    position: absolute;
    z-index: 15
}
.ourMissionSmallBlock .title {
    font-family: "montserratregular";
    margin-left: auto;
    margin-right: auto;
    z-index: 20;
    position: relative;
    margin-top: 20px;
    text-align: center
}
.ourMissionSmallBlock p {
    font-family: "myriadpro";
    width: 90%;
    margin: 15px auto 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 12px;
    color: #999;
    min-height: 250px
}
.ourMissionSmallBlock .readMoreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 60%;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 0 auto -20px auto;
    text-align: center;
    padding-top: 11px;
    color: white
}
.readMoreButton a {color:#FFF}
/*//////////////////////////////////////////////////////
//  Block  menu refine your search
////////////////////////////////////////////////////*/

.menu-refine-your-search {
    margin-top: 15px
}
.menu-refine-your-search a {
    outline: medium none
}
.menu-refine-your-search div.search input {
    font-family: "myriadpro";
    background: #f2f2f2;
    width: 100%;
    outline: none;
    border: none;
    padding: 0 10px;
    height: 30px;
}
.menu-refine-your-search .menu-refine-title {
    display: block;
    font-family: "montserratregular";
    font-size: 18px;
    text-transform: uppercase;
    color: #14afc4;
    border-bottom: 1px solid #ebebeb;
    margin: 5px 10px;
    padding-bottom: 20px;
}
.menu-refine-your-search .show-menu-refine {
    font-family: "montserratregular";
    font-size: 12px;
    text-transform: uppercase;
    background: #168291;
    color: #fff;
    display: none;
    padding: 15px 10px;
}
.menu-refine-your-search a.panel-title, .menu-refine-your-search div.panel-search {
    font-family: "montserratregular";
    font-size: 15px;
    text-transform: uppercase;
    background: #14afc4;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    display: block
}
.menu-refine-your-search #dropdownMenu {
    padding: 10px
}
.menu-refine-your-search div.panel-search input {
    background: #14afc4;
    width: 100%;
    border: none
}
.menu-refine-your-search div.panel-search input:focus {
    outline: 0
}
.menu-refine-your-search .panel-title {
    margin-top: 10px;
}
.menu-refine-your-search a.panel-title:after, .menu-refine-your-search .show-menu-refine:after {
    content: "";
    display: block;
    background: url(./img/fleche_bas_form_white.png) no-repeat;
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 5px
}
.menu-refine-your-search a.panel-title.collapsed:after, .menu-refine-your-search .show-menu-refine.collapsed:after {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    /* IE 9 */
    /* Chrome, Safari, Opera */
}
.menu-refine-your-search .list-group {
    margin-bottom: 0px;
}
.menu-refine-your-search div.panel-collapse li.list-group-item {
    background: #f2f2f2;
    border: 0
}
.menu-refine-your-search div.panel-collapse .alternateBg li.list-group-item:nth-child(odd) {
    background: #e6e6e6
}
.menu-refine-your-search div.panel-collapse li.list-group-item {
    color: #000;
    font-family: "myriadpro";
    font-size: 12px
}
.menu-refine-your-search div.panel-collapse li.list-group-item a {
    color: #000;
}
/*
.menu-refine-your-search .panelMenuDocumentType li.list-group-item a:after {
    content: "";
    display: block;
    background: url(./img/icone-fichier.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin: 5px 6px 0 0
    }
*/

.menu-refine-your-search .panelMenuDocumentType li.list-group-item a img {
    margin-top: -4px;
    margin-right: 5px;
}
.menu-refine-your-search .sub-menu {
    margin-bottom: 0px;
    /*margin-left: 5px;*/
}
.menu-refine-your-search .sub-collapse.collapsed:before {
    content: "";
    display: block;
    background: url(./img/icone-plus.png) no-repeat;
    float: left;
    width: 7px;
    height: 7px;
    margin: 5px 7px 0 0
}
.menu-refine-your-search .sub-collapse:before {
    content: "";
    display: block;
    background: url(./img/icone-moins.png) no-repeat;
    float: left;
    width: 7px;
    height: 7px;
    margin: 7px 7px 0 0
}
.menu-refine-your-search .sub-collapse .list-group-item {
    padding: 0
}
.menu-refine-your-search .panelMenuPeople .remove {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    margin-left: 5px
}
.menu-refine-your-search .panelMenuPeople .remove img {
    margin-top: -3px
}
/*//////////////////////////////////////////////////////
//  Block  refineYourSearchContent
////////////////////////////////////////////////////*/

.refineYourSearchContent {
    margin-top: 15px
}
.refineYourSearchContent .searchTitle {
    font-size: 30px;
    font-family: "montserratregular";
    padding-left: 10px
}
.refineYourSearchContent .results {
    font-size: 30px;
    color: #14afc4;
    float: left
}
.refineYourSearchContent .searchName {
    color: #3c3c3c;
    float: left;
    margin-left: 10px
}
.refineYourSearchContent .headerSearch {
    padding-top: 35px;
    padding-bottom: 15px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-top: 10px;
    height: 90px;
    margin-bottom: 15px
}
.refineYourSearchContent .answersNumber {
    font-size: 14px;
    color: #999;
    font-family: "myriadpro";
    float: left
}
.refineYourSearchContent .order {
    margin-top: -12px;
    margin-left: -25px;
    float: left
}
.refineYourSearchContent .searchOrder {
    font-size: 14px;
    color: black;
    font-family: "segoe_uisemibold";
    font-weight: bold;
    background-color: #e5e5e5;
    min-width: 160px;
    height: 45px;
    float: left;
    text-align: left;
    border: none
}
.refineYourSearchContent .searchOrder span.selectedOrder {
    margin-left: 5px
}
.refineYourSearchContent .searchOrder img {
    float: right;
    margin-top: 8px;
    margin-right: 3px;
    margin-left: 5px;
    width: 17px
}
.refineYourSearchContent .headerSearch .dropdown-menu {
    margin-top: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}
.refineYourSearchContent .headerSearch .dropdown-menu > li > a {
    padding: 3px 11px
}
.refineYourSearchContent .paginationSearch {
    font-size: 14px;
    color: black;
    font-family: "myriadpro";
    float: right;
    padding-right: 0
}
.refineYourSearchContent .paginationNumbers {
    letter-spacing: 2px
}
.refineYourSearchContent .paginationCurrentPage {
    color: white;
    background-color: #33bacc;
    padding-left: 1px
}
.refineYourSearchContent .blockResultSearch {
    padding-top: 10px
}
.refineYourSearchContent .articleTitle {
    font-family: "montserratregular";
    font-size: 15px;
    text-transform: uppercase;
    min-height: 2em;
    margin-bottom: 10px
}
.refineYourSearchContent .articleTitle a {
    color: #14afc4
}
.refineYourSearchContent .blockPercent {
    width: 35px;
    height: 35px;
    background-color: #3c3c3c;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: white;
    font-family: "montserratregular";
    text-align: center;
    font-size: 13px;
    padding-top: 8px;
    margin: 5% 0 10px 10%
}
.refineYourSearchContent .footerArticle {
    height: 30px;
    background-color: #f2f2f2;
    padding-top: 4px;
    padding-left: 10px;
    margin-bottom: 10px
}
.refineYourSearchContent .footerArticle span.footerTitle {
    font-weight: bold;
    font-family: "segoe_uisemibold";
    margin-left: 3px
}
.refineYourSearchContent .footerArticle span.footerContent {
    font-family: "myriadpro"
}
.refineYourSearchContent .titleRow {
    min-height: 3em
}
.refineYourSearchContent .readMoreButton {
    background-color: #3c3c3c;
    height: 40px;
    width: 175px;
    border: none;
    font-family: "montserratregular";
    font-size: 12px;
    margin: 20px auto 20px auto;
    text-align: center;
    padding-top: 11px;
    color: white
}

.modal-header .close {
    margin-top: -17px;
}

button.close {
    font-family: "times new roman";
    font-size: 50px;
    text-align: right;
    width: 200px;
}


/* ====== TOP MENU   ======*/


/* ====== NEWSLETTER OFF ======*/
.top-menu-content .newsletterOff p {
    font-size: 1.1em;
    line-height: 1.1;
    margin-bottom: 10px;
}
.top-menu-content .newsletterOff input[type="checkbox"] + span {
    margin-right: 10px;
}
.top-menu-content .newsletterOff .form-group,
.top-menu-content .newsletterOff .form-group + span  {
    margin-right: 10px;
}

.top-menu-content .newsletterOff .form-group label > input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
margin: 0;
}
.top-menu-content  .newsletterOff .form-group.last {
    margin-right: 0;
}
.top-menu-content  .newsletterOff .form-group + span {
    font-family: 'montserratregular';
    font-size: 1.1em;text-transform: uppercase;
    width: 180px;
	text-align: center;
	display: block;
}

/*>> desktop */
.top-menu-selected .top-menu-content  .newsletterOff .form-group + span {
	display: inline;
	width: auto;
	text-align: left;
}
.top-menu-content  .newsletterOff .form-group  label:first-child,
.top-menu-content  .search .form-group  label:first-child {
    font-family: 'segoe_uibold';
}
.top-menu-content  .newsletterOff .form-group  input + label {
    margin-bottom: 0;
    font-weight: normal;
}

.top-menu-content  .newsletterOff .form-group input,
.top-menu-content .search .form-group input {
    display: block;
}
.top-menu-content  .newsletterOff .form-group input[type="email"],
.top-menu-content  .newsletterOff .form-group input[type="password"]{
    width: 230px;
    margin-bottom: 5px;
}

.top-menu-content  .newsletterOff .form-group.single {
    margin-bottom: 0;
}
.top-menu-content  .newsletterOff .form-group.single button,
.top-menu-content  .newsletterOff .form-group.single input {
    width: 180px;
}

/* ====== NEWSLETTER ON ======*/
.top-menu-content  .newsletter .info {
    line-height: 1.1;
}
.top-menu-content  .newsletter .info + .info {
    margin-top: 10px;
}
.top-menu-content  .newsletter .list-checkbox li label {
    font-family: 'montserratregular';
    font-size: 1.1em;
    color: #fff;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.top-menu-content  .newsletter .list-checkbox li label span {
    margin-right: 10px;
}
.top-menu-content .newsletter p.subscribe {
	margin:0;
	text-align: center;
}
/*>> desktop*/
.top-menu-selected .top-menu-content  .newsletter input[type="submit"] {
    position: absolute;right: 15px;bottom: 0;
}



/* ====== BECOME MEMBER ======*/
/*>> mobile */
.menu-mobile .s-become-member{
	margin: 0 auto;
	display: block;
}

/* ====== PANEL SOCIAL ======*/
/*>> mobile*/
.menu-mobile .panel-collapse  > .panel-body-social {
    padding: 0 0 30px 0;
}
.menu-mobile .panel-collapse  > .panel-body-social .list-social {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.menu-mobile .panel-collapse  > .panel-body-social span {
    margin-top:50px;
 }
.menu-mobile .panel-collapse  > .panel-body-social span:before {
    color:#1d7581;
 }

/*//////////////////////////////////////////////////////
//  MENU RESPONSIVE
////////////////////////////////////////////////////*/
.main-header .panel-group {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    /*   background: #1d7581; */
    color: #fff;
    font-family: 'segoe_uiregular';
    z-index: 999999;
}
.main-header .panel-group .panel + .panel {
    margin: 0;
}


/* ====== PANEL ESC 1 ITEM  ======*/
.panel-group .panel-esc {
    background: #1d7581;
    border: none;
    border-radius: 0;
}
.panel-group .panel-esc > .panel-heading {
    background: #168291;
    border-radius: 0;
    padding: 0;
}
.main-header .panel-group .panel-esc > .panel-heading > h4 {
    font-size: 0.9em;
    text-transform: uppercase;
}
.main-header .panel-group .panel-esc > .panel-heading > h4 > a {
    display: block;
    padding: 15px 0 10px 10px;
    border-bottom: 1px solid #5ca8b2;
    position: relative;
    font-family: "montserratbold";
    font-size: 1em;

}
.main-header .panel-group .panel-esc > .panel-heading > h4 > a + span {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 14px;
    margin: -14px;
    cursor:pointer;
}
.main-header .panel-group .panel-heading + .panel-collapse {
    border-bottom: 1px solid #5ca8b2;
}

.main-header .panel-group .panel-collapse > .panel-body {
    border: none;
    padding: 10px;

}
.main-header .panel-group .panel-heading + .panel-collapse > .panel-body-esc {
    padding-left: 5%;
}
.main-header .panel-group .panel-collapse > .panel-body li {
    margin-bottom: 16px;
}
.main-header .panel-group .panel-collapse > .panel-body li > a {
    color: #fff;
}
.main-header .panel-group .panel-collapse > .panel-body h3 {
    font-size: 1.1em;
    cursor: pointer;
    margin: 0;
}
.main-header .panel-group .panel-collapse > .panel-body h3 > a {
    color: #00e0ff;
    font-family: 'montserratregular';
    text-transform: uppercase;
    font-size: 1.15em;
}



/*//////////////////////////////////////////////////////
//  MENU PRINCIPAL DEROULANT
// nav > ul.dropdown > li.menu > a
////////////////////////////////////////////////////*/

.nav-bar {
    background-color: #3c3c3c;
    width: 100%;
    height: 50px;
    float: none;
    font-family: 'montserratregular';
}
.nav-bar .menu-title {
    font-family: 'montserratbold';
    font-size: 1.1em;
}
.nav-bar a {
    display: block;
    color: #fff;
}
.nav-bar .dropdown {
    color: #fff;
    margin: auto;
    padding: 0;
}
/* ====== MAIN MENU BAR  ======*/

.nav-bar > .dropdown > .menu {
    display: inline-block;
    float: left;
}
.nav-bar > .dropdown > .menu:hover {
    background-color: #168291;
}

.nav-bar .menu {
    text-align: center;
    width:20%;
}
.nav-bar .menu:first-child {
    width: 10%;
}
.nav-bar .menu.large {
    width: 22%;
}
.nav-bar .menu.large + .large {
    width: 25%;
}

/* .nav-bar .menu + .menu +.menu {
    width: 25%;
} */
.nav-bar .menu .menu-title {
    text-transform: uppercase;
    line-height: 50px;
    height: 50px;
}
.nav-bar .menu:first-child .menu-title {
    padding-left: 0;
}
.nav-bar .menu.last .menu-title {

}

/* ====== MAIN MENU CONTENT  ======*/
.nav-bar > .dropdown, .nav-bar .dropdown-menu {
    width: 1024px;
}
.nav-bar .dropdown-menu {
    font-family: 'segoe_uiregular';
    background-color: #168291;
    color: #fff;
    box-shadow: none;
    border-radius: 0px;
    border: none;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}
.nav-bar .dropdown-menu > li {
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-bar .dropdown-menu li:first-child {
    border-left: 0;
}
.nav-bar .dropdown-menu > li h3 {
    font-size: 1.1em;
    line-height: 1.1em;
    text-transform: uppercase;
    color: #00e0ff;
    font-family: 'montserratregular'
}
.nav-bar .dropdown-menu .list-content {
    float: left;
    width: 24%;
    display: block;
    border: 0;
    margin-bottom: 18px;
}
.nav-bar .dropdown-menu .list-content ul {
    list-style: none;
    padding-left: 10px;
}
.nav-bar .dropdown-menu .list-content ul.top {
    height: 350px;
    border-left: 1px solid #73b4bd;
    margin-bottom: 10px;
}
.nav-bar .dropdown-menu .list-content.two-level ul.top {
    height: 300px;
}
.nav-bar .dropdown-menu .list-content ul.who-we-are, .nav-bar .dropdown-menu .list-content ul.advocacy {
    border-left: 0 !important;
}
.nav-bar .dropdown-menu .list-content ul.bottom {
    border-left: 1px solid #73b4bd;
    height: 200px;
    margin-bottom: 10px;
}
.nav-bar .dropdown-menu .list-content ul.no-left-border {
    border-left: none;
}
.nav-bar .dropdown-menu .list-content ul li h3 a, .nav-bar .dropdown-menu .list-content ul li h3 {
    color: #14afc4;
    margin-top: 30px;
}
.nav-bar .dropdown-menu .list-content ul li a {
    font-size: 0.9em;
    line-height: 1;
    color: #fff;
    height: auto;
    padding-bottom: 12px;
    padding: 0 10px 12px 0;
}

/* ====== MAIN MENU PROFILE  ======*/

.nav-bar .profile {
    background-color: #f1820a;
}
.nav-bar .profile > .menu-title {

}
.nav-bar .profile > .menu-title strong + .caret {
    margin-left: 30px;
}
.nav-bar > .dropdown > .profile:hover, .nav-bar > .dropdown > .profile:focus {
    background-color: #f1820a;
}




.sprite {
    display: inline-block;
    vertical-align: middle;
    background-image: url('./img/sprite.png');
    background-size: 1000px;
    background-repeat: no-repeat;
}
.s-logo {
    background-position: -50px 0;
    width: 134px;
    height: 166px;
}


.s-my-esc {
    background-position: 0 0;
}

.s-search {
    background-position: 0 -50px;
}

.s-newsletter {
    background-position: 0 -100px;
}

.s-social {
    background-position: 0 -150px;
}

.s-contact {
    background-position: 0 -196px; /*cheat*/
}

.s-contact,
.s-social,
.s-newsletter,
.s-search,
.s-my-esc {
    height: 28px;width: 28px;
}
.s-menu {
    background-position: -200px -200px;
    width:  61px;
    height: 39px;
}
.s-search-big  {
    background-position: -100px -200px;
    height: 48px;
    width: 48px;
}



/* MENU */
.s-basic-researcher {
    background-position: 0 -300px;
    width: 23px;
    height: 26px;
}
.s-cardiologist {
    background-position: -50px -300px;
    width: 30px;
    height: 26px;
}
.s-cardiologist-subspeciality {
    background-position: -100px -300px;
    width: 28px;
    height: 26px;
}
.s-student {
    background-position: -150px -300px;
    width: 39px;
    height: 26px;
}
.s-general {
    background-position: 0 -350px;
    width: 25px;
    height: 26px;
}
.s-nurse {
    background-position: -50px -350px;
    width: 45px;
    height: 26px;
}
.s-patient {
    background-position: -100px -350px;
    width: 18px;
    height: 26px;
}
.s-pressmedia {
    background-position: -150px -350px;
    width: 30px;
    height: 26px;
}


/*SOCIAL LOGO */
.s-facebook {
    background-position: 0 -400px;
}
.s-twitter {
    background-position: -135px -400px;
}
.s-linkedin {
    background-position: -270px -400px;
}
.s-youtube {
    background-position: -405px -400px;
    
}
.s-facebook, 
.s-twitter, 
.s-linkedin,
.s-youtube {
    width: 90px;
    height: 90px;
}

.s-thumb {
    background-position: -400px 0;
    width: 41px;
    height:41px;
}

@charset "UTF-8";

@font-face {
  font-family: "untitled-font-1";
  src:url("./fonts/untitled-font-1.eot");
  src:url("./fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"),
    url("./fonts/untitled-font-1.woff") format("woff"),
    url("./fonts/untitled-font-1.ttf") format("truetype"),
    url("./fonts/untitled-font-1.svg#esc-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "untitled-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-esc71:before {
  content: "e";
}
.icon-esc72:before {
  content: "f";
}
.icon-esc73:before {
  content: "g";
}
.icon-esc74:before {
  content: "h";
}
.icon-esc75:before {
  content: "i";
}
.icon-esc76:before {
  content: "j";
}
.icon-esc77:before {
  content: "k";
}
.icon-esc78:before {
  content: "l";
}
.icon-esc79:before {
  content: "m";
}
.icon-esc80:before {
  content: "n";
}
.icon-esc81:before {
  content: "o";
}
.icon-esc82:before {
  content: "p";
}
.icon-esc83:before {
  content: "q";
}
.icon-esc84:before {
  content: "r";
}
.icon-esc85:before {
  content: "s";
}
.icon-esc86:before {
  content: "t";
}
.icon-esc36:before {
  content: "u";
}
.icon-esc37:before {
  content: "v";
}
.icon-esc38:before {
  content: "w";
}
.icon-esc39:before {
  content: "x";
}
.icon-esc40:before {
  content: "y";
}
.icon-esc41:before {
  content: "z";
}
.icon-esc42:before {
  content: "A";
}
.icon-esc43:before {
  content: "B";
}
.icon-esc44:before {
  content: "C";
}
.icon-esc45:before {
  content: "D";
}
.icon-esc46:before {
  content: "E";
}
.icon-esc47:before {
  content: "F";
}
.icon-esc48:before {
  content: "G";
}
.icon-esc49:before {
  content: "H";
}
.icon-esc50:before {
  content: "I";
}
.icon-esc51:before {
  content: "J";
}
.icon-esc52:before {
  content: "K";
}
.icon-esc53:before {
  content: "L";
}
.icon-esc54:before {
  content: "M";
}
.icon-esc55:before {
  content: "N";
}
.icon-esc56:before {
  content: "O";
}
.icon-esc57:before {
  content: "P";
}
.icon-esc58:before {
  content: "Q";
}
.icon-esc59:before {
  content: "R";
}
.icon-esc60:before {
  content: "S";
}
.icon-esc61:before {
  content: "T";
}
.icon-esc62:before {
  content: "U";
}
.icon-esc63:before {
  content: "V";
}
.icon-esc64:before {
  content: "W";
}
.icon-esc65:before {
  content: "X";
}
.icon-esc66:before {
  content: "Y";
}
.icon-esc67:before {
  content: "Z";
}
.icon-esc68:before {
  content: "0";
}
.icon-esc69:before {
  content: "1";
}
.icon-esc70:before {
  content: "2";
}
.icon-esc1:before {
  content: "3";
}
.icon-esc2:before {
  content: "4";
}
.icon-esc3:before {
  content: "5";
}
.icon-esc4:before {
  content: "6";
}
.icon-esc5:before {
  content: "7";
}
.icon-esc6:before {
  content: "8";
}
.icon-esc7:before {
  content: "9";
}
.icon-esc8:before {
  content: "!";
}
.icon-esc9:before {
  content: "\"";
}
.icon-esc10:before {
  content: "#";
}
.icon-esc11:before {
  content: "$";
}
.icon-esc12:before {
  content: "%";
}
.icon-esc13:before {
  content: "&";
}
.icon-esc14:before {
  content: "'";
}
.icon-esc15:before {
  content: "(";
}
.icon-esc16:before {
  content: ")";
}
.icon-esc17:before {
  content: "*";
}
.icon-esc18:before {
  content: "+";
}
.icon-esc19:before {
  content: ",";
}
.icon-esc20:before {
  content: "-";
}
.icon-esc21:before {
  content: ".";
}
.icon-esc22:before {
  content: "/";
}
.icon-esc23:before {
  content: ":";
}
.icon-esc24:before {
  content: ";";
}
.icon-esc25:before {
  content: "<";
}
.icon-esc26:before {
  content: "=";
}
.icon-esc27:before {
  content: ">";
}
.icon-esc28:before {
  content: "?";
}
.icon-esc29:before {
  content: "@";
}
.icon-esc30:before {
  content: "[";
}
.icon-esc31:before {
  content: "]";
}
.icon-esc32:before {
  content: "^";
}
.icon-esc33:before {
  content: "_";
}
.icon-esc34:before {
  content: "`";
}
.icon-esc35:before {
  content: "{";
}

/* Champs */

/*input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="date"],
select {
    color : #fff;
    font-family: 'montserratregular';
    background: #459ba7;
    border: 1px solid #1e7785;
	border-radius: 0;
	height: 46px;
	box-shadow: none;
}
*/

.checkbox .ui-checkbox, .radio .ui-button {
	left:-3000px;
}
.checkbox .ui-checkbox + label span{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	display: inline;
	border: 1px solid #000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.checkbox .ui-checkbox:checked + label span:before {
    content: url(./img/form-checkbox.png);
    width: 15px;
    height: 15px;
    position: absolute;
    left: -1px;
    top: -1px;
}
.radio label, .checkbox label{
	position: relative;
}
.radio .ui-button + label span{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline;
	border: 1px solid #000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.radio .ui-button:checked + label span:before {
	content: " ";
    background: #14AFC5;
    width: 8px;
    height: 8px;
    border-radius: 50px; 
    position: absolute;
    left: 3px;
    top: 3px;
}
input[type="submit"] {
	font-family: 'MontserratRegular';
	font-size: 15px;
	height: 46px;
	background-color: #14afc4;
	border: 0px;
	color: #fff;
	text-transform: uppercase;
}

input[type="submit"],
.btn-esc {
	font-family: 'MontserratRegular';
	font-size: 15px;
	background-color: #14afc4;
	border: 1px solid #14afc4;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	height: 46px;
	padding: 0 60px;
}
input[type="submit"].dark,
.btn-esc-dark {
	background-color:#3c3c3c;
	border: 1px solid #3c3c3c;
	color: #fff;
}

.btn-esc-dark:hover {
	color:#fff;
}


.main-header input[type="email"],
.main-header input[type="password"],
.main-header input[type="search"] {
	color : #fff;
    font-family: 'montserratregular';
    background: #459ba7;
    border: 1px solid #1e7785;
	border-radius: 0;
	height: 46px;
	box-shadow: none;
}

/*OVERRIDE nouislider slider style */

.esc-slider.noUi-background {
	box-shadow: none;
}

.esc-slider.noUi-target {
	border: none;
	box-shadow: none;
}

.esc-slider.noUi-horizontal {
	height: 1px;
}

.esc-slider.noUi-horizontal .noUi-handle {
	top: -17px;
	line-height: 34px;
	border-radius: 50%;
	height: 34px;
}
.esc-slider.noUi-horizontal .noUi-handle:before, .noUi-handle:after {
	top:9px;
}
.esc-slider .noUi-connect {
	background: #d20037;
	/* height: 6px; */

}



/*//////////////////////////////////////////////////////
//  Timeline vert
////////////////////////////////////////////////////*/
.timeline-vert {
    position: relative;
}
.timeline-vert .timeline-vert-wrap > ul {
    position: relative;
    padding-top: 0px;
    padding-bottom: 20px;
    margin-left: 160px;
    float: left;
}
.timeline-vert .timeline-vert-wrap > ul:before {
    content: ' ';
    position: absolute;
    top: 0;
    bottom:0;
    left: 100px;
    width: 6px;
    background: #14AFC4;
}

.timeline-vert .timeline-vert-wrap > ul > li {
    margin-bottom: 10px;
    position: relative;
    display: block;
    float: left;
}
.timeline-vert ul li .time {
    float: left;
}
.timeline-vert ul li .time .node {
    margin-left: 38px;
    display: inline-block;
    vertical-align: middle;
}
.timeline-vert ul li .time .date {
    display: inline-block;
    vertical-align: middle;
}

.timeline-vert li.year {
    font-family: 'montserratregular';
    font-size: 2em;
    color: #cccccc;
    margin: 20px 0 20px -146px;
}
.timeline-vert li.year div {
    position: relative;
    width: 235px;
}
.timeline-vert li.year div > span {
    width: 70px;
}
.timeline-vert li.year div:after {
    content:'';
    position: absolute;
    left:70px;
    border-top: 1px dashed #cccccc;
    right: 0;
    height: 1px;
    top: 50%;
}

/* event */

/* active*/
.timeline-vert ul li .time.active + .popover {
    background: #ffffff;
}
.timeline-vert ul li .time.active + .popover > .arrow:after {
    border-right-color: #ffffff;
}
.timeline-vert ul li .popover {
    box-shadow:none;
    z-index: 1;
    background: #edf0f5;
    display: block;
    position: relative;
    float: left;
    margin-left: 0;
    margin-top: 12px;
}
.timeline-vert .popover > .arrow {
    top:26px;
}
.timeline-vert .popover > .arrow:after {
    border-right-color: #edf0f5;
}
.timeline-vert .popover .popover-content p {
    text-align: left;
}
@media screen and (max-width: 1024px) {
    
  
  
    .timeline-wrapper{
        width: 320px;
    }
    .timeline-wrapper .event{
        margin: 0 8%;
    }

    .timeline .popover {
        max-width: 100%;
    }
    .calendar-events .container {
        width: 100%;
    }
    .timeline-vert ul {
        margin-left: 5%;
    }
    .timeline-vert .popover {
        width: 70%
    }
    

}

@media screen and (max-width: 1024px)  and (orientation:landscape) {
    .timeline-wrapper .event {
        margin: 0 4%;
    }
    .timeline {
        width: 100%;
        height: 116px;
        margin-bottom: 10px;
        overflow-x: visible;
       /* overflow-y: hidden;*/
        min-height: 116px;
    }
    .timeline:before {
        width: 100%;   
    }
    .timeline-wrapper {
        width: 100%;
    }
    .timeline-wrapper .event.large {
        display: inline-block;
    }
    .timeline-wrapper .event {
        margin: 0 2%;
    }
    
}

@media screen and (max-width: 640px)  and (orientation:landscape) {
    .timeline-wrapper .event {
        margin: 0 4%;
    }
    .timeline {
        width: 100%;
        height: 116px;
        margin-bottom: 10px;
        overflow-x: visible;
        overflow-y: hidden;
        min-height: 116px;
    }
    .timeline:before {
        width: 740px;   
    }
    .timeline-wrapper {
        width: 740px;
    }
    .timeline-wrapper .event.large {
        display: inline-block;
    }
    .timeline-wrapper .event {
        margin: 0 15px;
    }
    .popover-content p {
    font-size: 0.9em;
	}
}


@media screen and (max-width: 640px) {
    .calendar-wrapper {
        position: relative;
    }
    .calendar {
        padding: 0;
    }
    .popover-content {
       position: absolute;
       top: 0;bottom: 0;
       width: 100%;
       background: #fff;
       z-index: 2;
    }
    .popover-content .close-popup {
        display: block;
        position: absolute;
        right: 0;
        top:0;
        color:#14afc4;
        font-size: 2em;
        cursor: pointer;
    }
    .popover-content .tools a {
        margin-right: 10px;
    }
    .popover-content .tools a:last-child {
        margin-right: 0;
    }
    .popover-content p {
        float: left;
        display: block;
        margin: 10px 0;
        font-size: 1.2em;
    }
    .popover-content .tools {
        float: left;
        margin-left: 0;
        width: 100%;
    }


    /* page calendar*/

    .timeline-vert ul:before,
    .timeline-vert ul li .time {
        display: none;
    }

    .timeline-vert ul {
        width: 100%;
        margin:0;
        padding:5px;
    }
    .timeline-vert ul li {
        width: 100%;
        margin-bottom:5px;
    }
    .timeline-vert .popover > .arrow {
        display: none;
    }
    .timeline-vert ul li .popover {
        width:100%;
        margin:0;

    }
    .timeline-vert .popover .popover-content {
        position: relative;
         background: #edf0f5;
    }
    .timeline-vert .popover-content .close-popup,
    .timeline-vert .popover .popover-content p,
    .timeline-vert .popover .popover-content .tools,
    .timeline-vert li.year {
        display: none;
    }

    .timeline-vert ul li.active .close-popup,
    .timeline-vert ul li.active .popover-content p,
    .timeline-vert ul li.active .popover-content .tools {
        display: block;
    }

}
/* TABLET */

@media screen and (max-width: 1024px) {
    /*TOP MENU TEXT*/
   
    .journal-table th, .journal-table .table-date, .journal-table .table-authors, .journal-table .table-topic{
        display: none;
    }
    /* MAIN MENU*/
    .nav-bar {
        display: none;
    }
    /*BECOME MEMBER */
    .main-header .become-member {
        display: none;
    }

    .main-header .main-header-content {
        padding-right: 10px;
        padding-left: 10px;
        height: auto;
        overflow: hidden;
    }
    /*LOGO*/
    .main-header .main-header-content .logo {
        display: block;
        float: left;
        width: 30%;
        margin-bottom: 10px;
    }
    .main-header .main-header-content .logo img {
        width: 80%;
        max-width: 134px;
        min-width:120px;
    }
    /*BLOCK SEARCH + MENU BUTTON*/
    .main-header .menu-resp {
        display: block;
        float: right;
        width: 70%;
    }
    .main-header .menu-resp .search {
        width: 80%;
        display: inline-block;
        position: relative;
    }
    .main-header .menu-resp input[type="search"] {
        width: 100%;
        background: #fff;
        border-color : #bebebe;
        height: 60px;
        color:#459ba7;
        padding-right: 50px;
    }
    .main-header .menu-resp input[type="search"] + span {
        position: absolute;
        right: 10px;
        font-size: 38px;
        line-height: 60px;
        color: #c4c4c4;
        cursor: pointer;
    }
    .main-header .menu-resp-button {
        display: inline-block;
        text-align: right;
        float: right;
        width: 20%;
    }
    .main-header .menu-resp-button a {
        padding-right: 0;
    }
    .main-header .menu-resp-button .s-menu {
        display: inline-block;
    }
    .main-header .menu-resp-button.s-search-big {
        margin-right: 15px;
    }
    .main-header .menu-resp-button .sprite + span {
        display: block;
        font-family: 'montserratbold';
        font-size: 1.35em;
        color: #3c3c3c;
        margin-right: 5px;
    }


   

    /* Slider Home */
    .bxslider .content{
        padding: 0 10%;
    }

    /* scrolldown */
    #scrollDown {
        display: none;
    }

    /* Slider News */
    .bxslider-bttn-middle{
        width: 70%;
    }
    .bxslider-bttn-middle  .bx-wrapper .bx-prev {
        left:40%;
    }
    .bxslider-bttn-middle  .bx-wrapper .bx-next {
        right:40%;
    }
    .bxslider center {
        top: 10%;
        padding: 0 20%;
    }
    .boxslider h1{
        font-size: 2em;
    }
    .boxslider p{
        font-size: 1em;
    }
    .bxslider .more{
        /* bottom: 10px; */
    }

    /* Menu standard */
    .menu-standard{
        display: none;
    }

    /* Aside content */
    .aside-content {
        margin-top: 20px;
    }
    .aside-content > div {
       border-bottom: 0;
    }
    .aside-content > section {
        margin-left: -10px;
        margin-right: -10px;
    }

    /*breadcrumb*/
    .panel-breadcrumb  {
        display: block;
    }

    /*standard page image et legend*/
    .img-legend-standard  {
        /*display: none;*/
    }

    /* Scientific page */
    .header-content.scientific .img{
        text-align: right;
        position: absolute;
        top: 10%;
        left: 50%;
        margin-left: -76px;
    }
    .header-content.scientific .container{
        text-align: center;
    }


    /* Slider Mission */
    .bxsliderMission .content{
        padding: 0 15%;
    }

    .patientWebsiteBlock img {
        width:70%;
        margin-left: 10%;
    }

    /* Menu refine yor search */
    .menu-refine-your-search {
        margin-top: 0px;
    }





    .calendar-tools .widget-time {
        margin: 0 60px;
    }

    .refineYourSearchContent .blockPercent{
        margin-top: 0;
    }

    .timeline-vert li.year {
        margin: 20px 0 20px -29px;
    }
    .timeline-vert li.year div {
        width: 127px;
    }

     .content-event .organizers div{
        margin: 10px 0;
    }
    .content-event .organizers div .links{
        clear: both;
        padding: 10px 0;
        font-size: 1.2em;
    }
    .content-event .organizers div a{
        padding-right: 25px;
    }
     .calendar-tools .widget-country ul {
        margin-bottom: 20px;
    }
    .calendar-tools .widget-country .plus {
        font-size: 0.65em;
    }

    .header-content.scientific .img img{
        margin-top: 0;
    }

    .modal-dialog {
      transform: translate(0, 10%) !important;
      -ms-transform: translate(0, 10%) !important; /* IE 9 */
      -webkit-transform: translate(0, 10%) !important; /* Safari and Chrome */
    }

}


/* SMALL */

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

	.menu-refine-your-search .show-menu-refine {
        display: block;
    }

    .menu-refine-your-search .menu-refine-title {
        display: none;
    }
    
    
    .main-header .main-header-content {
        padding-right: 5px;
        padding-left: 5px;
    }

    .main-header .menu-resp .search input[type="search"] {
        height: 30px;
        padding-right: 25px;
    }
    .main-header .menu-resp input[type="search"] + span {
        font-size: 18px;
        line-height: 30px;
    }
    .main-header .menu-resp-button {
        width: 15%;
    }
    .main-header .menu-resp-button span:first-child {
        margin-right: 5px;
        font-size: 13px;
        height: 18px;
        width: 30px;
        background-size: 500px;
        background-position: -100px -100px;
    }
    .main-header .menu-resp-button .sprite + span {
        font-size: 0.8em;
    }
    .main-header .banner {
        height: 7px;
    }
    .main-header .slogan {
        left: 30%;
        margin-left: 0;
        margin-bottom: 5px;
    }


    /* Slider home */
    .hContainer .bx-controls-direction {

    }
    .hContainer .bx-controls-direction a  {
            position: absolute!important;
            margin-top: -16px!important;
            outline: 0!important;
            width: 35px !important;
            height: 35px !important;
            top: 65%!important;
    }

    .hContainer .bx-controls-direction a.bx-prev {
        background: url(./img/fleche_gauche_grise.png) no-repeat!important;
        left: 0;left: 5%!important;
    }
     .hContainer .bx-controls-direction a.bx-next {
        right: 5%!important;
        background: url(./img/fleche_droite_grise.png) no-repeat!important;
    }
    .hContainer .more {
        bottom:15%;
    }

    .bxslider .slide1, .bxslider .slide2, .bxslider .slide3{
        background-repeat: no-repeat;
        background-position: 15% 70%;
        background-size: cover;
    }
    .bxslider .content{
        padding: 0 5%!important;
        margin-top:10px!important;
        line-height: 2.5em!important;
        
    }
    .bxslider .content p{
        font-size: 1em!important;
        line-height: 1em!important;
    }

    /* Slider news */
    .bxslider-bttn-middle{
        width: 95%;
    }
    .bxslider-bttn-middle  .bx-wrapper .bx-prev {
        left:42%;
    }
    .bxslider-bttn-middle  .bx-wrapper .bx-next {
        right:42%;
    }
    .societeSlider .content{
        padding: 0 2%;
    }
    .societe-home .societeSlider p{
        font-size: 1.5em;
    }
    .bxslider-bttn-middle h2{
        font-size: 1.5em;
    }
    .bxslider-bttn-middle p, .bxslider-bttn-middle em{
        font-size: 1.2em;
    }

    /* Societe */
    .societeSlider .content{
        padding-top: 50%;
        line-height: 3em;
    }
    .societe-home .societeSlider h1{
        font-size: 2.5em;
    }
    .societe-home .societeSlider p{
        font-size: 2em;
    }

    /* Calendar */
    .calendar-content{
        width: 90%;
    }
    .calendar-content h2{
        font-size: 1.5em;
    }
    .popover.fade.bottom.in {
        top: 20px !important;
    }

    /* Journal */
    .journal-table .container {
        padding: 0;
    }
    .journal-table th, .journal-table .table-date, .journal-table .table-authors, .journal-table .table-topic{
        display: none;
    }
    .journal-home{
       /*height: 877px*/
       height:auto;
       /*overflow:scroll;*/
    }

    .journal-home .container {
        margin-bottom: 0;
    }

    .journal-home table td{
        font-size: 1.5em;
    }
    .journal-home .journal-table{
        /* height: 50%;
        margin-top: 220px; */
        /*la*/
    }
    .journal-home > div{
        /*height: 100%;*/
        
        background: rgba(0,0,0,0.5);
    }
    .journal-home .journal-table{
        background: none;
    }
    .journal-home .more{
       /*  top: 37%; */
        /*la*/
    }
    .journal-home header p {
        font-size: 1.5em;
    }

    /* Header standard */
    .header-standard{
        height: 730px;
    }
    .header-content {
        width: 95%;
        padding-top: 60%;
    }
    .header-content p{
        font-size: 1.2em;
        padding-bottom: 40px;
    }
    .header-content .more{
        padding: 20px 40px;
    }

    /* Breadcrumb */
    .breadcrumb-container {
        padding: 0;

    }

    .breadcrumb-container .breadcrumb {
        background:#979797;
        color:#fff;
        margin:0; border-radius: 0;border:none;
    }
    .breadcrumb > li + li:before,
    .breadcrumb-container .breadcrumb a,
    .breadcrumb > li.active {
        color:#fff;
    }
    .breadcrumb > li + li:before {
        font-family: segoe_uiregular;
    }

    /* Scientific page */
    .content-event .text{
        font-size: 1.2em;
    }
    .header-content.scientific .container{
        padding-top: 20%;
    }
    .content-standard.event .image-event img{
        left: 0;
        width: 100%;
    }
    .content-standard.event .image-event figcaption{
        left: 0;
        width: 100%;
    }
    .content-standard.scientific .social{
        margin-top: 10px;
    }

    /*google map infowindow*/
    .infowindows {
        display: none;
    }
    .phone-infowindows {
        display: block;
        color:#fff;
        float:none;
    }
    .infowindows-content:after, .infowindows-content:before  {
        display: none;
    }
    .infowindows-content {
        border: none;
    }
    .infowindows-content {
        padding-bottom: 50px;
    }
    /* Page standard */
    .text-content .block{
        width: 100%;
    }
    .text-content .block.citation{
        width: 100%;
    }
    .calendars-standard .list li .text{
        float: none;
    }
    .calendars-standard thead{
        display: none;
    }
    .content-standard h1{
        margin-top: 15px;
    }
    .tab-head{
        display: none;
    }
    .calendars-standard .table span{
        display: inline;
    }
    .calendars-standard .list li .img img,
    .calendars-standard .list li .img img:last-child {
        margin: 0 auto;
        display: block;
    }
    .calendars-standard .list li .img img:last-child {
        padding-top: 20px;
    }
    .footer-standard p, .footer-standard a{
        font-size: 1.2em;
    }

    .calendars-standard .table div{
        font-size: 1.2em;
    }
    .calendars-standard .list li .text, .calendars-standard .list li .status{
        margin-left: 25%;
    }
    .calendars-standard .list li .text{
        width: 75%;
    }

    /* event page */
    .content-event .focus-on ul{
        margin-left: 22px;
        font-size: 1.5em;
    }
    .content-event .text-zone p{
        font-size: 1.2em;
    }

    .content-event .attend p, .content-event .attend strong{
        font-size: 1.4em;
    }
    .content-event .attend p strong{
        font-size: 1em;
    }
    .content-event .organizers div{
        margin: 10px 0;
    }
    .content-event .organizers div .links{
        clear: both;
        padding: 10px 0;
        font-size: 1.2em;
    }
    .content-event .organizers div a{
        padding-right: 25px;
    }
    .content-event .contact-event p, .content-event .contact-event strong{
        font-size: 1.2em;
    }

    .header-standard.event{
        background-position: center;
        background-size: cover;
    }
    .content-standard.event > h1{
        width: 60%;
    }
    .content-standard.event > h2{
        width: 60%;
    }
    .content-standard.event > img{
        width: 20%;
    }
    .header-standard.event .header-content{
        padding-top: 60%;
    }
    .event-intro .info-event span:last-child{
        font-size: 1.2em;
    }
    .important-dates p, .important-dates strong, .important-dates span{
        font-size: 1.2em;
    }
    .organizers p, .organizers strong{
        font-size: 1.2em;
    }
    /*//////////////////////////////////////////////////////
    //  Standard titles & liste
    ////////////////////////////////////////////////////*/
    .esc .multiple-list {
        width: 100%;
    }
    .esc .multiple-list ul {
        border-bottom: 1px solid #ccc;
        padding: 10px 0;
    }
    .esc .multiple-list ul:last-child {
        border:none;
    }
    .esc .multiple-list li {
        display: inline-block;
    }
    .esc .multiple-list li:after {
         content: '\2013';
         margin-left: 5px;
    }
    .esc .multiple-list li:first-child:after,
    .esc .multiple-list li:last-child:after {
        content:'';
        display: none;
    }
    .esc .multiple-list li:first-child {
        width: 100%;
    }

    .content-author p {
        margin-left: 20px;
    }

    /*//////////////////////////////////////////////////////
    //  Slider Mission
    //////////////////////////////////////////////////////*/
    .slideMission .bx-controls-direction a  {
        position: absolute;
        margin-top: -16px;
        outline: 0;
        text-indent: -9999px;
        width: 35px !important;
        height: 35px !important;
        z-index: 9999;
        top: 92%;
    }
    .slideMission .bx-controls-direction a.bx-prev {
        background: url(./img/fleche_gauche_grise.png) no-repeat;
        left: 42%;
    }
    .slideMission .bx-controls-direction a.bx-next {
        right: 42%;
        background: url(./img/fleche_droite_grise.png) no-repeat;
    }

    .slideMission .bxsliderMission li img {
/*
        background: url(./img/slide-home-resp.jpg);
        background-repeat: no-repeat;
        background-position: 15% 70%;
        background-size: cover;*/
    }
    .slideMission .bxsliderMission .content{
        padding: 0 5%;
        top: 20%;
        line-height: 2.5em;
    }
    .slideMission .bxsliderMission .content p{
        font-size: 1.4em;
        line-height: 1.4;
    }

    /*//////////////////////////////////////////////////////
    //  Slider Event
    //////////////////////////////////////////////////////*/

    .sliderEvent li {
        font-size: 1em;
        line-height: 28px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .sliderEvent .bx-wrapper .bx-controls-direction a {
        top: 16px;
        width: 28px;
        height: 28px;
    }

    /*//////////////////////////////////////////////////////
    //  WELCOME BLOCKS
    //////////////////////////////////////////////////////*/

    .welcomeBlockType4 .moreButton{
        margin-top:15px;
    }

    .welcomeBlockType2 .buttonCol{
        position: relative;
        right: auto;
        padding-left: 0;
    }

    .welcomeBlockType2 .moreButton{
        float: left;
        margin-bottom: 10px;
    }

    .welcomeBlockType4 .articleBlockSecond {
        margin-top:15px;
    }

    /*//////////////////////////////////////////////////////
    //  Tableau RESPONSIVE
    //////////////////////////////////////////////////////*/

        /* Force table to not be like tables anymore */
        .tableauTarif table,
        .tableauTarif thead,
        .tableauTarif tbody,
        .tableauTarif th,
        .tableauTarif td,
        .tableauTarif tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .tableauTarif thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
            height:auto;
        }

        .tableauTarif .bg-grey{
            background-color: white;
        }

        .tableauTarif tbody td.bg-grey{
            border: none;
        }

        .tableauTarif tbody tr{
            height:auto;
             border-bottom: 1px solid #ccc;
        }

        .tableauTarif tbody tr.lastRow{
            height:auto;
            border-bottom: none;
        }

        .tableauTarif td {
            /* Behave like a "row" */
            border: none;
            position: relative;
            padding-left: 50%;
            white-space: normal;
            text-align:left;
            width: 100%
        }

        .tableauTarif td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
        }

        /*
        Label the data
        */
        .tableauTarif td:before {
            content: attr(data-title);
        }

        .patientWebsiteBlock img {
            width:40%;
            margin-left: 25%;
        }

        .ourMissionSmallBlock .colonne {
            margin: 30px auto 30px auto;
            max-width:250px;
        }


        .refineYourSearchContent .headerSearch{
            height:110px;
        }

        .refineYourSearchContent .searchOrder{
            margin-left: 20px;
        }

        .refineYourSearchContent .order ul{
            margin-left: 20px;
        }

        .refineYourSearchContent .paginationSearch{
            float:none;
            padding-left: 10px;
            margin-top: 5px;
            clear: both;
        }

        .refineYourSearchContent .articleTitle{
            margin-left: 10px;
        }
        .refineYourSearchContent .articleContent{
            margin-left: 10px;
        }

        .refineYourSearchContent .footerArticle{
            padding-left:10px;
            margin-top: 5px;
        }



        /*//////////////////////////////////////////////////////
        //  Slider News Carousel
        //////////////////////////////////////////////////////*/
        .slideNewsCarousel .content{
            padding-left: 10px;
            padding-right: 10px;
        }

        .slideNewsCarousel img.mainImg {
            padding: 10px;
            display: block;
            float: none;
            margin: 0 auto;
        }

        .slideNewsCarousel .btnSlideNewsCarousel{
            display: block;
            float: none;
            margin: 0 auto;
            width: 240px;
        }

         /*//////////////////////////////////////////////////////
        //  CALENDAR PAGE TOOLS
        //////////////////////////////////////////////////////*/
        .calendar-tools .widget.collapse {
            display: none;
        }
        .calendar-tools .widget.collapse.in {
            display: block;
        }
        .calendar-tools .title a .triangle  {
            display: inline;
        }

        /*
        .calendar-tools .widget-type.collapse,
        .calendar-tools .widget-time.collapse {
            display: none;
        }
        .calendar-tools .widget-type.collapse.in,
        .calendar-tools .widget-time.collapse.in {
            display: block;
        }
        */

    .header-content.scientific .img{
        top: 10%;
    }

    /*see more country*/
    .calendar-tools .widget-country.extend .plus:after {
        content: ' ';
        /*ie8 fix*/
        
        border-width: 0 8px 7.5px  7.5px;
        border-color: transparent transparent #fff transparent;
    }

    /* Block article download */
    .content-newArticle .newArticleSmall{
        min-height: 0px;
    }
    
    .calendar-tools .widget-country .plus {
        display: none;
    }

    .modal-dialog {
      transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important; /* IE 9 */
      -webkit-transform: translate(0, 0) !important; /* Safari and Chrome */
      max-width: 75% !important;
    }
}



/* EXTRA SMALL */
@media screen and (max-width: 480px) {
    .main-header .slogan {
        font-size: 0.85em;
    }

    /* Slider home */
    .bxslider .content{
        padding: 0;
    }
    .bxslider .content{
        top: 20%;
    }
    .bxslider .content p{
        font-size: 1.2em;
        line-height: 1.2;
    }


    /* Societe */
    .societe-home .societeSlider h1{
        font-size: 2em;
    }
    .societe-home .societeSlider p{
        font-size: 1.5em;
    }


    /* Slider news */
    .bxslider-bttn-middle  .bx-wrapper .bx-prev {
        left:36%;
        top: 110%;
    }
    .bxslider-bttn-middle  .bx-wrapper .bx-next {
        right:36%;
        top: 110%;
    }
    /*slider home*/
    .hContainer .more {
        bottom:15%;
    }
     .hContainer .bx-controls-direction a.bx-prev {
        left:36%;
    }
     .hContainer .bx-controls-direction a.bx-next {
        right:36%;
    }

    .societeSlider center{
        top: 40%;
    }

    /* Journal */
    .journal-home {
       /* height: 1220px;*/
    }
    .journal-home header h1{
        font-size: 2.5em;
    }
    .journal-home .journal-table {
       /*  margin-top: 35%; */
    }

    /* Event */
    .content-standard.event > h1{
        width: 80%;
    }
    .content-standard.event > h2{
        width: 80%;
    }
    .content-standard.event > img{
        width: 10%;
    }
    .organizers p, .organizers strong{
        font-size: 1em;
    }
    .content-event .organizers div .links{
        font-size: 1.2em;
    }
    .event-intro .event-citation{
        font-size: 1.8em;
    }

    /* Scientific */
    .header-content.scientific h1{
        font-size: 2.3em;
    }
    .header-content.scientific p{
        font-size: 1.5em;
    }


    /*standard page */
    /*slider*/
    .slider .bx-wrapper .bx-controls-direction a {
        width: 40px;
        height: 40px;
        background-size: cover;
    }
    .bxsliderThumb .bx-prev-xs,
    .bxsliderThumb .bx-next-xs  {
        width: 25px;height: 25px;
        top:40%;
    }
    .slider .s-thumb {
        bottom: 95px;
        right: 5px;
        background-position: -500px 0;
        width: 31px;
        height:31px;
    }
    .slider  .glyphicon-resize-full {
        font-size: 1.3em;
    }


    .calendars-standard .list li .img img {
        max-width: 90%;
    }

    /* Ligne block auteur */
    .content-author a {
        padding-top:0px;
        margin-left:50px;
    }

    .content-author p {
        margin-left: 40px;
        padding-top: 20px;
    }

    /*//////////////////////////////////////////////////////
    //  Slider Event
    //////////////////////////////////////////////////////*/
    .sliderEvent li {
        font-size: 1em;
        line-height: 20px;
        padding-left: 43px;
        padding-right: 43px;
    }

    .sliderEvent .bx-wrapper .bx-controls-direction a {
        top: 16px;
        width: 40px;
        height: 40px;

    }

    /*//////////////////////////////////////////////////////
    //  Slider Mission
    //////////////////////////////////////////////////////*/
    .slideMission .bxsliderMission .content{
        padding: 0;
    }
    .slideMission .bxsliderMission .content{
        top: 20%;
    }
    .slideMission .bxsliderMission .content p{
        font-size: 1.2em;
        line-height: 1.2;
    }
    .slideMission .bx-controls-direction a.bx-prev {
        left:36%;
    }
    .slideMission .bx-controls-direction a.bx-next {
        right:36%;
    }


    /* NavButtons */
    .navButtons .ReturnTopButton {
        float:none;
    }

    .navButtons .BackButton {
        float:none;
    }

    /* NavButtons */
    .groupButtons .buttonStyle {
        width:120px;
    }

    .welcomeBlockType2 .buttonCol{
        position: relative;
        right: auto;
        padding-left: 0;
    }

    .welcomeBlockType2 .moreButton{
        float: left;
        margin-bottom: 10px;
    }

    .welcomeBlockType4 .articleBlock {
        margin-top: 10px;
    }

    .welcomeBlockType4 .imgCol {
        margin-left:10px;
    }
    .welcomeBlockType5 .moreButton{
        margin-top: 10px;
    }

    .patientWebsiteBlock .titleRow {
        margin-top: 15px;
    }

    .patientWebsiteBlock img {
        width:50%;
        margin-left: 25%;
    }

    .ourMissionSmallBlock .colonne {
        margin: 30px auto 30px auto;
        max-width:250px;
        float:none;
    }

    .refineYourSearchContent .headerSearch{
        height:130px;
        padding-top:20px;
    }
    .refineYourSearchContent .answersNumber{
        padding-left: 0;
        float:none;
        text-align: center;
        margin-bottom: 5px;
    }
    .refineYourSearchContent .order{
        float:none;
        margin: 5px auto 5px auto;
        width:200px;
        padding-left: 0;
    }
    .refineYourSearchContent .searchOrder {
        text-align: center;
        width:200px;
        margin-left: 0;
    }
    .refineYourSearchContent .order ul{
        width:200px;
        margin-left: 0;
    }

    .refineYourSearchContent .paginationSearch{
        padding-left: 0;
        text-align: center;
        font-size:18px;
    }

    /*//////////////////////////////////////////////////////
    //  Slider News Carousel
    //////////////////////////////////////////////////////*/
    .slideNewsCarousel .content{
        padding-left: 10px;
        padding-right: 10px;
    }

    .slideNewsCarousel img.mainImg {
        padding: 10px;
    }

    .slideNewsCarousel .btnSlideNewsCarousel{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .modal-dialog {
        max-width: 85%;
    }
    
}