/* This stylesheet generated by Transfonter (http://transfonter.org) on November 25, 2016 8:26 AM */

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

@font-face {
    font-family: 'Gotham Extra';
    src: url('../fonts/Gotham-ExtraLight.eot');
    src: url('../fonts/Gotham-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-ExtraLight.woff') format('woff'),
    url('../fonts/Gotham-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

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

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

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

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

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

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

@font-face {
    font-family: 'Gotham Ultra';
    src: url('../fonts/Gotham-UltraItalic.eot');
    src: url('../fonts/Gotham-UltraItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-UltraItalic.woff') format('woff'),
    url('../fonts/Gotham-UltraItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;../fonts/
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-BoldItalic.eot');
    src: url('../fonts/Gotham-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-BoldItalic.woff') format('woff'),
    url('../fonts/Gotham-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-LightItalic.eot');
    src: url('../fonts/Gotham-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Gotham-LightItalic.woff') format('woff'),
    url('../fonts/Gotham-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

#fancybox-title {
    width: 100% !important;
}

#fancybox-title-main {
    background: url('fancy_title_main.png') repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-weight: bold;
    line-height: 29px;
    overflow: hidden;
    width: calc(100% - 30px);
}

/*========================================================
Chargement
*=========================================================*/
#chargement {
    position: absolute;
    height: 4px;
    width: 100%;
}

#progress {
    height: 4px;
    background-color: #008bd2;
    width: 0;
}

.hide_during_chargement {
    display: none !important;
}

/* =====================================================
  Common Structure
======================================================== */
html {
    font-size: 14px;
}

html,
body {
    position: relative;
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: 300;
    -webkit-font-smoothing: subpixel-antialiased;
    /*background: #fff url(../images/background_enova.png) center 0 no-repeat;*/
    color: #231f20;
}

body #header >,
body #main,
body #footer {
}

.container {
    min-width: 280px;
    max-width: 1000px;
    margin: 0 auto;
}

input:focus, textarea:focus {
    box-shadow: 0 0.0725em 0.0725em rgba(0, 0, 0, 0.075) inset, 0 0 0.5em rgba(252, 66, 55, 0.8);
}

body #main > .grid {
    padding: 25px 0;
    overflow: hidden;
}

/* =====================================================
  Common Styles
======================================================== */
.container {
    width: 94%;
}
.desktop_only {
    display: none;
}

.desktop_only_menu {
    display: none;
}

.tablet_only {
    display: none;
}

.tablet_and_desktop {
    display: none;
}

.tablet_and_desktop_menu {
    display: none;
}

.mobile_and_tablet {
    display: block;
}

.mobile_and_tablet_menu {
    display: block;
}

/*#main #banners .banner.desktop_only {
    display: none !important;
}*/

ul, ol, dl {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    margin: 0;
    padding: 0;
}

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

::selection, body::selection, div::selection, span::selection, h1::selection, h2::selection, p::selection {
    color: #FFFFFF;
    background: #008bd2;
}

::-moz-selection, body::-moz-selection, div::-moz-selection, span::-moz-selection, h1::-moz-selection, h2::-moz-selection, p::-moz-selection {
    color: #FFFFFF;
    background: #008bd2;
}

.ml10 {
    margin-left: 10%;
}

.ml20 {
    margin-left: 20%;
}

.ml30 {
    margin-left: 30%;
}

.ml40 {
    margin-left: 40%;
}

.ml50 {
    margin-left: 50%;
}

.mr10 {
    margin-right: 10%;
}

.mr20 {
    margin-right: 20%;
}

.mr30 {
    margin-right: 30%;
}

.mr40 {
    margin-right: 40%;
}

.mr50 {
    margin-right: 50%;
}

.margin_auto {
    margin: 0 auto;
}

.before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
}

.max_width_element {
    max-width: 600px;
}

.max_width_content {
    width: 100%;
}

.tilted {
    position: relative;
    display: block;
    z-index: 10;
}

.tilted:before,
.tilted:after {
    z-index: -1;
    position: absolute;
    display: block;
    width: 87px;
    height: 65px;
    content: '';
}

.tilted:before {
    top: 0;
    left: -10px;
    background: url(../images/background/tild_open.png) no-repeat 0 0 transparent;
}

.tilted:after {
    bottom: 0;
    right: -10px;
    background: url(../images/background/tild_close.png) no-repeat 0 0 transparent;
}

.tilted, .tilted_subtitles {
    padding: 0 20px;
}

.video_embed {
    margin: 10px auto;
    max-width: 300px;
}

.video_embed .video_iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video_embed .video_iframe.html5 {
    padding-bottom: 60%;
}

.video_embed .video_iframe iframe,
.video_embed .video_iframe object,
.video_embed .video_iframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tilted_subtitles span {
    text-align: right;
}

.fixNavigation {
    z-index: 9999;
    position: fixed;
    top: 0;
    /* Mise en forme */
    width: 100%; /* <-- Largeur de votre site */
}

.htmlfixedNavigation {
    padding-top: 62px;
}

.ombrage {
    background: #fff;
    box-shadow: 0 0 3px #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Strength=3, Direction=135);
    zoom: 1;
}

.ombrage .infos {
    padding: 5px;
}

/* =====================================================
SIMPLE ICON HOVER EFFECTS
======================================================== */

.hi-icon-wrap {
    text-align: center;
    margin: 0 auto;
    padding: 2em 0 3em;
}

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.hi-icon:before {
    font-family: 'ecoicon';
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.hi-icon-mobile:before {
    content: "\e009";
}

.hi-icon-screen:before {
    content: "\e00a";
}

.hi-icon-earth:before {
    content: "\e002";
}

.hi-icon-support:before {
    content: "\e000";
}

.hi-icon-locked:before {
    content: "\e001";
}

.hi-icon-cog:before {
    content: "\e003";
}

.hi-icon-clock:before {
    content: "\e004";
}

.hi-icon-videos:before {
    content: "\e005";
}

.hi-icon-list:before {
    content: "\e006";
}

.hi-icon-refresh:before {
    content: "\e007";
}

.hi-icon-images:before {
    content: "\e008";
}

.hi-icon-pencil:before {
    content: "\e00b";
}

.hi-icon-link:before {
    content: "\e00c";
}

.hi-icon-mail:before {
    content: "\e00d";
}

.hi-icon-location:before {
    content: "\e00e";
}

.hi-icon-archive:before {
    content: "\e00f";
}

.hi-icon-chat:before {
    content: "\e010";
}

.hi-icon-bookmark:before {
    content: "\e011";
}

.hi-icon-user:before {
    content: "\e012";
}

.hi-icon-contract:before {
    content: "\e013";
}

.hi-icon-star:before {
    content: "\e014";
}

/* Effect 1 */
.hi-icon-effect-1 .hi-icon {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a */
.no-touch .hi-icon-effect-1a .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}

.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 1b */
.no-touch .hi-icon-effect-1b .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #41ab6b;
}

.hi-icon-effect-1b .hi-icon:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.no-touch .hi-icon-effect-1b .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 2 */
.hi-icon-effect-2 .hi-icon {
    color: #eea303;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.hi-icon-effect-2 .hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a */
.no-touch .hi-icon-effect-2a .hi-icon:hover {
    color: #eea303;
}

.no-touch .hi-icon-effect-2a .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* Effect 2b */
.no-touch .hi-icon-effect-2b .hi-icon:hover:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
}

.no-touch .hi-icon-effect-2b .hi-icon:hover {
    color: #fff;
}

/* Effect 3 */
.hi-icon-effect-3 .hi-icon {
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    background: #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a */
.hi-icon-effect-3a .hi-icon {
    color: #f06060;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover {
    color: #fff;
}

.no-touch .hi-icon-effect-3a .hi-icon:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
    color: #fff;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover {
    color: #f06060;
}

.hi-icon-effect-3b .hi-icon:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.no-touch .hi-icon-effect-3b .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 4 */
.hi-icon-effect-4 .hi-icon {
    width: 92px;
    height: 92px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
}

.hi-icon-effect-4a .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.hi-icon-effect-4 .hi-icon:before {
    line-height: 92px;
}

.hi-icon-effect-4 .hi-icon:after {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    border: 4px dashed #fff;
}

.no-touch .hi-icon-effect-4 .hi-icon:hover {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    color: #fff;
}

/* Effect 4b */
.no-touch .hi-icon-effect-4b .hi-icon:hover {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.no-touch .hi-icon-effect-4b .hi-icon:hover:after {
    -webkit-animation: spinAround 9s linear infinite;
    -moz-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite;
}

@-webkit-keyframes spinAround {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinAround {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg);
    }
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
    display: none;
}

.no-touch .hi-icon-effect-5 .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #702fa8;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.3);
}

.no-touch .hi-icon-effect-5a .hi-icon:hover:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5b .hi-icon:hover:before {
    -webkit-animation: toLeftFromRight 0.3s forwards;
    -moz-animation: toLeftFromRight 0.3s forwards;
    animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toLeftFromRight {
    49% {
        -moz-transform: translate(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toLeftFromRight {
    49% {
        transform: translate(-100%);
    }
    50% {
        opacity: 0;
        transform: translate(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5c .hi-icon:hover:before {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }
    50% {
        opacity: 0;
        transform: translateY(100%);
    }
    51% {
        opacity: 1;
    }
}

.no-touch .hi-icon-effect-5d .hi-icon:hover:before {
    -webkit-animation: toBottomFromTop 0.3s forwards;
    -moz-animation: toBottomFromTop 0.3s forwards;
    animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toBottomFromTop {
    49% {
        -moz-transform: translateY(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toBottomFromTop {
    49% {
        transform: translateY(100%);
    }
    50% {
        opacity: 0;
        transform: translateY(-100%);
    }
    51% {
        opacity: 1;
    }
}

/* Effect 6 */
.hi-icon-effect-6 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #64bb5d;
}

.no-touch .hi-icon-effect-6 .hi-icon:hover:before {
    -webkit-animation: spinAround 2s linear infinite;
    -moz-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite;
}

/* Effect 7 */
.hi-icon-effect-7 .hi-icon {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.no-touch .hi-icon-effect-7 .hi-icon:hover {
    color: #fff;
}

.hi-icon-effect-7 .hi-icon:after {
    top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0;
}

/* Effect 7a */
.hi-icon-effect-7a .hi-icon:after {
    box-shadow: 0 0 0 rgba(255, 255, 255, 1);
    -webkit-transition: opacity 0.2s, box-shadow 0.2s;
    -moz-transition: opacity 0.2s, box-shadow 0.2s;
    transition: opacity 0.2s, box-shadow 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:after {
    opacity: 1;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 1);
}

.hi-icon-effect-7a .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7a .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 7b */
.hi-icon-effect-7b .hi-icon:after {
    box-shadow: 3px 3px rgba(255, 255, 255, 1);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
    -moz-transition: opacity 0.2s, -moz-transform 0.2s;
    transition: opacity 0.2s, transform 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:after {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.hi-icon-effect-7b .hi-icon:before {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.7;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.no-touch .hi-icon-effect-7b .hi-icon:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon-effect-8 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.no-touch .hi-icon-effect-8 .hi-icon:hover {
    background: rgba(255, 255, 255, 0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}

.hi-icon-effect-8 .hi-icon:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}

@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
    -webkit-transition: box-shadow 0.2s;
    -moz-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.hi-icon-effect-9 .hi-icon:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}

.no-touch .hi-icon-effect-9a .hi-icon:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 1);
    color: #fff;
}

/* Effect 9b */
.no-touch .hi-icon-effect-9b .hi-icon:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.no-touch .hi-icon-effect-9b .hi-icon:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4);
    color: #fff;
}

/* =====================================================
  Site Styles
======================================================== */
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom {
    left: 100% !important;
}

.mm-menu {
    width: 100% !important;
    display: none;
}

.is_edit_mode #bossFrontBar .gabarit select,
.is_edit_mode #bossFrontBar .gabarit label {
    float: left;
    padding: 2px;
    margin-top: 0;
}

.is_edit_mode #bossFrontBar .publication_state span,
.is_edit_mode #bossFrontBar .publication_state img {
    margin-top: 7px;
}

#header_scroll {
    height: 0;
    width: 100%;
    line-height: 0;
    padding: 0;
    margin: 0;
}

#mobile_open_menu {
    position: absolute;
    right: 10px;
    top: 0;
    background: #fff;
    z-index: 999;
    height: 44px;
    width: 34px;
    padding: 0;
}

#mobile_open_menu hr {
    height: 6px;
    margin: 7px 0;
    padding: 0;
    background: #008bd2;
    display: block;
}

#page {
}

#page > #header,
#page > #main,
#page > #footer {
}

form .error {
    padding: 3px 5px;
    background: #f00;
    color: #fff;
}

.search_form input[type=submit] {
    background-color: #008bd2;
    padding: 10px;
    color: #fff;
}

form button,
form input {
    background-color: #f7f7f7;
    padding: 10px;
    color: #231f20;
    text-align: center
}

div#submit_login_exposant input[type=submit],
form.SfSympalContactBilleterieForm input[type=submit] {
    background-color: #008bd2;
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

div#submit_login_exposant {
    width: 25% !important;
}

div#submit_login_exposant,
input#submit {
    clear: both;
    padding: 9px !important;
    margin: 0 auto !important;
    height: auto !important;
}

form button:hover,
form input[type=submit]:hover {
    background-color: #fff;
    color: #008bd2;
    border: 1px solid #008bd2;
}

form.sf_boss_form .field {
    clear: both;
}

form.sf_boss_form .field.errors label {
    color: #008bd2;
}

form.sf_boss_form .field.errors input {
    border: 1px solid #008bd2;
    color: #008bd2;
}

#field_sf_sympal_contact_date_list {
    margin-top: 15px;
}

#field_competition_results {
    margin: 30px 0 15px 0;
}

#field_sf_sympal_contact_date_list li label {
    text-transform: capitalize;
}

form.sf_boss_form #field_civility > ul,
form.sf_boss_form #field_function > ul,
form.sf_boss_form #field_support_categorie > ul,
form.sf_boss_form textarea,
form.sf_boss_form select,
form.sf_boss_form input {
    border: 1px solid #ebebeb;;
    background-color: #f7f7f7;
    padding: 10px;
    color: #231f20;
}

form.sf_boss_form .error_fields li ul,
form.sf_boss_form .error_fields li li {
    display: inline;
}

form.sf_boss_form .error_fields {
    background: #f00;
    color: #fff;
    padding: 0px 5px 3px 5px;
    margin-bottom: 10px;
}

form.sf_boss_form .error_fields label {

    color: #fff;
    cursor: pointer;
    display: inline;
    font-weight: bold;
}

form.sf_boss_form .sfWidgetFormTextarea,
form.sf_boss_form .sfWidgetFormInputText {
    position: relative;
    clear: none;
}

form.sf_boss_form div.field {
    position: relative;
}

form.sf_boss_form .field  label {
    display: inline-block;
    *display: inline;zoom: 1;
    position: relative;
}

form.sf_boss_form #field_address {
}

form.sf_boss_form #sf_sympal_contact_accreditation_address {
    height: 40px;
}

form.sf_boss_form span.label_group {
    display: block;
}

form.sf_boss_form .sfWidgetFormChoice > ul {
    display: block;
}

form.sf_boss_form .sfWidgetFormChoice ul {
    display: block;
    height: auto;
    overflow: hidden;
}

form.sf_boss_form .sfWidgetFormChoice ul li {
    display: block;
    width: 25%;
    float: left;
}

form.sf_boss_form label.required:after {
    color: #f00;
    content: "*";
    display: block;
    height: 5px;
    position: absolute;
    right: -10px;
    top: 0;
    width: 5px;
}

form.sf_boss_form .sfWidgetFormTextarea label,
form.sf_boss_form .sfWidgetFormInputText label {
    position: absolute;
    display: block;
    display: none;
    left: 30px;
    top: 9px;
    cursor: text;
}

form.sf_boss_form .sfWidgetFormInputFileEditable label {
    position: relative;
    display: inline;
}

form.sf_boss_form .sfWidgetFormInputFileEditable input {
    clear: both;
}

form.sf_boss_form input[type=submit] {
    font-family: 'Gotham', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
    width: 200px;
    background-color: #231f20;
    color: #fff;
    text-align: center;
    margin: 10px auto;
    cursor: pointer;
}

form.sf_boss_form input[type=submit]:hover {
    background-color: #008bd2;
    color: #fff;
}

form.sf_boss_form .competition_results input,
form.sf_boss_form .legaly input {
    float: left;
    margin-top: 6px;
}

form.sf_boss_form .competition_results .sympal_slot_wrapper,
form.sf_boss_form .competition_results .legaly-label,
form.sf_boss_form .legaly .sympal_slot_wrapper,
form.sf_boss_form .legaly .legaly-label {
    float: left;
    width: 80%;
    margin-left: 10px;

}

form.sf_boss_form .sfWidgetFormTextarea label.visible,
form.sf_boss_form .sfWidgetFormInputText label.visible {
    display: block;
}

form.sf_boss_form input {
    text-align: left;
    color: #231f20;
}

/* =====================================================
  HEADER
======================================================== */
.header_mobile {
    height: 60px;
    width: 100%;
    overflow: hidden;
    background: #fff;
    position: relative;
}

.header_mobile a.back_home {
    font-family: 'Gotham';
    font-size: 13px;
    font-weight: 500;
    height: 60px;
    width: 198px;
    display: inline-block;
    *display: inline; zoom: 1;
    line-height: 17px;
    text-transform: uppercase;
}

.header_mobile a.back_home .lieu {
    letter-spacing: 2.5px;
}

#primary_menu_mobile .quick_access,
#top_bar {
    background-color: rgba(255, 255, 255, 0.8);
    color: #231f20;
}

#primary_menu_mobile .quick_access a,
#top_bar a {
    color: #231f20;
}

#primary_menu_mobile .quick_access .social a,
#top_bar .social a {
    background-size: 150px 75px;
    height: 25px;
    width: 25px;
}

#top_bar .contact {
    display: inline-block;
    *display: inline;zoom: 1;
    float: left;
    font-size: 0.8em;
    padding-top: 5px;
    font-weight: 400;
}

#top_bar .contact .lang {
    display: none;
}

#top_bar .contact .lang a {
    float: left;
}

#top_bar .contact .lang a img {
    opacity: 0.5;
}

#top_bar .contact .lang a:hover img,
#top_bar .contact .lang a.current img {
    opacity: 1;
}

#top_bar .contact .access_exhibitor,
#top_bar .contact .mail,
#top_bar .contact .favoris {
    display: block;
    float: left;
    padding-left: 20px;
    margin-left: 10px;
    text-transform: uppercase;
    cursor: pointer;
}

#top_bar .contact .favoris .icon-star-full,
#top_bar .contact .access_exhibitor .icon-locked,
#top_bar .contact .mail .icon-envelope {
    color: #008bd2;
    font-size: 14px;
    margin-right: 8px;
    vertical-align: -1px;
}

#top_bar .contact .favoris:hover .icon-star-full:before {
    content: '\e9da';
}

#top_bar .contact .access_exhibitor:hover .icon-locked:before {
    content: '\e60a';
    margin-right: -2px;
    padding-left: 2px;
}

#top_bar .contact .mail:hover .icon-envelope:before {
    content: '\e60f';
    vertical-align: 2px;
}

#top_bar .contact .access_exhibitor #user_ajax_connected > div {
    display: inline-block;
    *display: inline;zoom: 1;
}

#top_bar .contact .access_exhibitor #user_ajax_connected_link a {
    color: #008bd2;
}

#top_bar .contact .access_exhibitor #user_ajax_connected a {
    display: inline-block;
}

#top_bar .social {
    float: right;
    font-size: 0.8em;
    padding: 5px 20px 5px 0;
    height: 35px;
    overflow: hidden;

}

#primary_menu_mobile .form_search,
#top_bar .social .form_search {
    display: inline-block;
    *display: inline;zoom: 1;
    margin-right: 10px;
    height: 25px;
    width: 150px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #008bd2 ;
    overflow: hidden;
}

#primary_menu_mobile .search_ul {
    background: #fff;
}

#primary_menu_mobile .form_search {
    margin: 80px 10px 80px 10px;
    width: calc(100% - 20px);
    height: 40px;
}

#primary_menu_mobile .form_search input,
#top_bar .social .form_search input {
    height: 40px;
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    width: 120px;
    color: #008bd2;
    padding: 5px 10px;
    font-size: 1em;
    text-transform: none;
    text-align: left;
    display: block;
    float: left;
}

#top_bar .social .form_search input:focus {
    box-shadow: none;
}

#top_bar .social .form_search input {
    height: 25px;
}

#primary_menu_mobile .form_search input {
    width: calc(100% - 40px);
}

#top_bar .social .form_search input[type="submit"],
#primary_menu_mobile .form_search input[type="submit"] {
    width: 27px;
    padding: 0;
    float: right;
    font-size: 18px;
    cursor: pointer;
}

#top_bar .social .form_search input[type="submit"]:hover,
#primary_menu_mobile .form_search input[type="submit"]:hover {
    font-size: 25px;
}

#top_bar .social > ul {
    display: inline-block;
    *display: inline;zoom: 1;
}

#top_bar .social li {
    float: left;
    margin-left: 10px;
}

#primary_menu_mobile .quick_access .social li a {
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

#top_bar .language {
    float: left;
    padding: 10px 10px 10px 4px;
    line-height: 0;
}

#top_bar .language ul {
    margin: 0;
    padding: 0;
    height: auto;
    overflow: hidden;
}

#top_bar .language li {
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 6px;
    height: 15px;
    width: 25px;
}

#primary_menu_mobile .quick_access .language li.current.fr,
#primary_menu_mobile .quick_access .language li.fr:hover,
#top_bar .language li.current.fr,
#top_bar .language li.fr:hover {
    background-position: 0 0;
}

#primary_menu_mobile .quick_access .language li.en.current,
#primary_menu_mobile .quick_access .language li.en:hover,
#top_bar .language li.en.current,
#top_bar .language li.en:hover {
    /*background-position: -25px 0;*/
}

#top_bar .language li a.en {
    background-position: 0 0;
}

#top_bar .language li a,
#top_bar .language li a img {
    height: 15px;
    width: 25px;
    display: block;
    margin: 0;
    padding: 0;
}

#primary_menu_container {
    height: 70px;
    position: absolute;
}

#primary_menu {
    color: #231f20;
    margin: 0 auto;
    -webkit-box-shadow: 0 5px 5px 1px rgba(0,0,0,0.2);
    box-shadow: 0 5px 5px 1px rgba(0,0,0,0.2);
    position: relative;
    background-color: #fff;
}

#primary_menu #menu-primary {
    padding-left: 0;
    max-width: 1000px;
}

#primary_menu a {
    color: #231f20;
}

#primary_menu > ul {
    z-index: 99;
}

#primary_menu > ul > li {
    float: left;
    background-color: #fff;
    max-height: 59px;
}


#primary_menu > ul > li > span,
#primary_menu > ul > li a {
    font-family: 'Gotham';
    font-weight: 500;
    font-size: 18px;
    padding: 17px 10px;
    display: block;
    text-transform: uppercase;
    transition: background-color .2s ease-in,
    color .2s ease-in;
    cursor: pointer;
    max-height: 59px;
}

#primary_menu > ul > li.logo {
    padding: 0 20px;
    height: 59px;
    overflow: hidden;
    line-height: 1em;
}

#primary_menu > ul > li.logo a {
    display: block;
    padding: 3px 10px 0 10px;
    background: none;
    font-size: 13px;
    text-align: center;
}

#primary_menu > ul > li.logo :hover {
    color: #231f20;
}

#primary_menu > ul > li.logo a .date {
    display: inline-block;
    *display: inline; zoom:1;
    margin-top: 5px;
}

#primary_menu > ul > li.logo a .lieu {
    letter-spacing: 2.6px;
}

.header_mobile a.back_home img,
#primary_menu > ul > li.logo a img{
    max-width: 150px;
}

#primary_menu > ul > li ul {
    position: absolute;
    width: 100%;
    height: 182px;
    left: 0;
    top: 0;
    top: 59px;
    background: url("../images/bg-tram.png") repeat scroll 0 0 #231f20;
    margin: 0;
    padding: 15px;
    z-index: 99;
}

#primary_menu > ul > li ul ul {
    border-top: none;
}

#primary_menu .dl-menuwrapper {
    width: 100%;
    position: inherit;
    float: none;
}

#primary_menu .dl-menuwrapper button {
    display: none;
}

#primary_menu > ul > li ul ul {
    top: 0px;
    overflow: hidden;
    z-index: 20;
}

#primary_menu > ul > li ul li {
    width: 25%;
    height: 50px;
    display: block;
    float: left;
    padding: 5px;
    z-index: 25;
}

#primary_menu > ul > li ul li span,
#primary_menu > ul > li ul li a {
    display: block;
    width: 100%;
    height: 40px;
    background-color:#fff;
    color: #231f20;
    padding: 7px 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 0.9rem;
}

#primary_menu > ul > li ul li span {
    background: #fff url("../images/pictos/arrow_red.png") center right no-repeat;
}

#primary_menu > ul > li ul li span:hover,
#primary_menu > ul > li ul li a:hover {
    background-color: #008bd2;
    color: #fff;
    cursor: pointer;
}

#primary_menu > ul > li ul li span:hover {
    background-image: url("../images/pictos/arrow_white.png");
}

#primary_menu > ul > li ul li a:before,
#primary_menu > ul > li ul li span:before{
    color:#008bd2;
}
#primary_menu > ul > li ul li a:hover:before,
#primary_menu > ul > li ul li span:hover:before{
    color:#231f20;
}

#primary_menu > ul > li > ul li span:hover,
#primary_menu > ul > li > ul li a:hover,
#primary_menu > ul > li > ul li span.current,
#primary_menu > ul > li > ul li a.current {
    background-color: #fff;
    color: #231f20;
    cursor: pointer;
    border: 1px solid #008bd2;
}

#primary_menu > ul > li.current > span,
#primary_menu > ul > li > span:hover,
#primary_menu > ul > li.current > a,
#primary_menu > ul > li > a:hover {
    background-color: #008bd2;
    color: #fff;
}

#primary_menu > ul > li ul li.dl-back a {
    background: #231f20;
    color: #fff;
}

#primary_menu > ul > li ul li.dl-back a:hover {
    background: #008bd2;
    color: #fff;
}

#primary_menu > ul > li ul li.dl-back a:before {
    content: '<';
    color: #fff;
    padding-right: 2px;
}

#primary_menu > ul > li ul li.dl-back a:hover:before {
    content: '<';
    color: #fff;
}

#primary_menu > ul > li a.is_image:hover,
#primary_menu > ul > li.logo a:hover {
    background: none;
}
#primary_menu > ul > li a.is_image:hover img.picture,
#primary_menu > ul > li.logo a:hover img {
    padding: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}

#primary_menu > ul > li a.is_image {
    color: #008bd2;
    vertical-align:middle;
}

#primary_menu > ul > li a.is_image img.picture {
    max-width: 16px;
    max-height: 21px;
}

#primary_menu > ul > li a.is_image .title {
    margin-left: 10px;
    vertical-align: middle;
}

#primary_menu > ul > li a.is_image:hover {
    color: #231f20;
}

/* =====================================================
  MAIN
======================================================== */
.show_if_mobile {
    display: none;
}

.show_if_desktop {
    display: block;
}

img.show_if_desktop {
    display: inline;
}

html.mobile .show_if_mobile {
    display: block;
}

html.mobile img.show_if_mobile {
    display: inline;
}

html.mobile .show_if_desktop {
    display: none;
}

#partenaires,
#returnAjaxContents > * {
    padding: 0 20px 20px 20px;
    height: auto;
    overflow: hidden;
}

#main h1 {
    color: #231f20;
    margin-bottom: 15px;
    font-size: 2.2em;
}

#main .edito h1 {
    margin-bottom: 15px;
}

/* =====================================================
  SLIDER
======================================================== */
#returnAjaxContents > #slideshow {
    padding: 0 0 20px 0;
    max-width: 1000px;
    margin: 0 auto;
}

#main #slider_home {
    text-align: center;
    position: relative;
}

#main #slider_home .container {
    position: relative;
}

#main #slider_home .background {
}

#main #slider_home .bloc_dates {
    position: absolute;
    width: 54.06%;
    top: 11.03%;
    left: 14.69%;
}

#main #slider_home .equita {
    position: absolute;
    width: 65%;
    top: 49.66%;
    left: 11.56%;
}

#main #slider_home .claim {
    position: absolute;
    width: 51.88%;
    top: 82.07%;
    left: 36.88%;
}

#main #slider_home {
    width: 100%;
    max-width: 1000px;
	max-height: 400px;
    height: auto;
    overflow: hidden;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    clear: both;
}

#main #slider_home > li {
    width: 100%;
    max-width: 1000px;
    height: 400px;
    overflow: hidden;
    display: block;
}

#main #slider_home > li > .picture_container {
    display: block;
    overflow: hidden;
}
#main #slider_home > li > .picture_container .picture {
    display: block;
    line-height: 220px;
    height: 481px;
    text-align: center;
}

#main #slider_home > li > .picture_container img {
    vertical-align: middle;
}

#main #slider_home > li > .info {
    height: 150px;
    width: 100%;
    position: absolute;
    top: 250px;
    padding: 20px 20px 20px 10px;
    border-top: 5px solid #008bd2;
    background-color: rgba(255, 255, 255, 0.65);
}

#main #slider_home > li.slider1_on > .info {
    text-indent: 0;
}

#main #slider_home li .label {
    font-family: 'Gotham',sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 15px;
    text-transform: uppercase;
}

#main #slider_home li .label:first-letter {
    font-size: 1.1em;
}

#main #slider_home li .description {
    font-size: 1em;
    width: 95%;
    margin: 0 auto;
}

#main #slider_home li .description a.link_white_and_red {
    font-size: inherit;
}

#main .titleWithIcon {
    color: #008bd2;
    border-bottom: 3px solid #231f20;
    padding-bottom: 8px;
}


#main .titleWithIcon [class^="icon-"],
#main .titleWithIcon [class*=" icon-"]{
    font-size: 62px;
    display: inline-block;
    *display: inline; zoom:1;
    vertical-align: -20px;
}

#main .titleWithIcon .content_text {
    display: inline-block;
    *display: inline; zoom:1;
}

#main .titleWithIcon h3 {
    font-family: 'Gotham';
    font-size: 26px;
    font-weight: 500;
    color: #231f20;
    display: inline-block;
    *display: inline; zoom:1;
}


/* TODO */

.green-actu {
    padding:15px;
}

.green-actu:hover {
    color: #008bd2;
}

#main .actus_list .actusList .actu_item h2:before,
#main .titleWithIcon h3:before {
    content: '#';
    color: #008bcf;
}

#main .actus_list .actusList .actu_item {
    margin: 20px 0;
}

#main .actus_list .actusList .actu_item .picture{
    position: relative;
    height: 130px;
}

.rayure {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/bg-tram.png") repeat scroll 0 0 transparent;
}


/*TO DO*/
#main .actus_list .actusList .actu_item:hover .rayure {
    display: none;
}

#main .actus_list .actusList .actu_item .infos {
    background: url("../images/bg-tram.png") repeat scroll 0 0 transparent;
    padding: 0 10px;
    height: 274px;
    overflow-y: hidden;
    text-align: center;
}

#main .actus_list .actusList .actu_item h2 {
    font-family: 'Gotham';
    color: #231f20;
    font-size: 22px;
    font-weight: 500;
    height: 110px;
    text-align: left;
    margin: 0;
    padding: 20px 0;
    overflow: hidden;
}

#main .actus_list .actusList .actu_item .date {
    font-size: 14px;
    color: #808080;
    text-align: left;
    margin: 0;
}

#main .actus_list .actusList .actu_item .description {
    font-size: 16px;
    color: #231f20;
    text-align: left;
    margin-bottom: 25px;
    height: 97px;
    overflow: hidden;
}

#main .template_actualite .actusList .actu_item .picture a.learn_more {
    display: block;
    padding: 11px;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 10;

}

#main .actus_list .grid-full {
    text-align: center;
    margin: 20px 0;
}

#main .actus_list .grid-full a {
    font-family: 'Gotham', 'sans-serif';
    padding: 14px 36px;
    color: #fff;
    background-color: #231f20;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}

#main .actus_list .grid-full a:hover {
    background-color: #008bd2;
    color: #fff;
}

#main .newsletter {
    background: url("../images/bg-tram-blue.png") repeat scroll 0 0 #fff;
    padding-top: 20px;
}

#main .newsletter .right {
    width: 55%;
    color: white;
}

#main .newsletter .left {
    width: 45%;
}

#main .newsletter .titleWithIcon {
    line-height: 95px;
    vertical-align: center;
}

#main .newsletter .titleWithIcon {
    border-bottom: none;
    border-right: 3px solid #231f20;
    padding-right: 25px;
    float: right;
}

#main .newsletter .formTitle {
    margin-top: -5px;
}

#main .newsletter .formTitle .top {
    font-family: 'Gotham';
    font-size: 22px;
    font-weight: 500;
}

#main .newsletter .formTitle .bottom {
    font-size: 16px;
}

#main .newsletter .sfSympalContact .mail {
    float: left;
}

#main .newsletter .sfSympalContact .mail label{
    display: none;
}

#main .newsletter .sfSympalContact .mail input {
    /*border: 1px solid #231f20;*/
    /*border-radius: 0px;*/
    /*text-align: left;*/
    /*font-family: 'Gotham';*/
    /*font-weight: 500;*/
    /*font-size: 22px;*/
    /*color: #008bd2;*/
    /*padding: 3px 8px;*/
    /*margin: 0;*/
    /*height: 43px;*/
}

/*#main .newsletter .sfSympalContact input[type='submit']{*/
/*width: 43px;*/
/*height: 43px;*/
/*font-family: 'Gotham';*/
/*font-weight: 300;*/
/*font-size: 20px;*/
/*padding: 0;*/
/*border: 1px solid #231f20;*/
/*background-color: #231f20;*/
/*border-radius: 0px;*/
/*margin-top: 5px;*/
/*}*/

#main .newsletter .sfSympalContact input[type='submit']:hover {
    background-color: #008bd2;
    color: #fff;
    border: 1px solid #008bd2;
}

#main .twitter .titleWithIcon .icon-twitter{
    vertical-align: -5px;
}

#main .twitter .titleWithIcon h3:before {
    content: '@';
}

#main .twitter .titleWithIcon p {
    font-size: 16px;
}

#main .twitter .tweet {
    margin-bottom: 25px;
    padding-left: 10%;
    font-size: 0.857em;
    color: #808080;
}

#main .twitter .tweet .date {
    display: block;
    text-align: right;
    border-bottom: 1px solid #cccccc;
}

#main .twitter .tweet .text {
    line-height: 1.4em;
    margin-top: 8px;
}

#main .twitter .tweet .text {
    line-height: 1.4em;
    margin-top: 8px;
    position: relative;
    font-size: 1.1em;
}

#main .twitter .text .icon-twitter {
    left: -30px;
    top: -11px;
    color: #008bd2;
    font-size: 20px;
}

#main .video,
#main .tweetList {
    padding-top: 25px;
}

#main .socialAccountList {
    text-align: center;
}

#main .socialAccountList ul li{
    display: inline-block;
    *display: inline; zoom: 1;
    max-height: 40px;
    margin: 0 2px;
}

/*.addthis .addthis_toolbox a,*/
#main .socialAccountList ul li a{
    display: block;
    color: #fff;
    background-color: #008bd2;
    font-size: 20px;
    padding: 10px;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/* Override the icomoon behaviour (add icon via pseudo-element) */
.addthis .addthis_toolbox a:before {
    content: '';
}

.addthis .addthis_toolbox a:hover,
#main .socialAccountList ul li a:hover {
    color: #008bd2;
    background-color: #FAFAFA;
    text-shadow: 1px 1px 1px #008bd2;
}

#main .socialAccountList.fixed {
    position: fixed;
    top: 50%;
    margin: -123px 0 0 1002px;
    z-index: 200;
}

#main .socialAccountList.fixed ul li{
    display: block;
    margin: 1px 0;
}

#main #photos .instagram_flow {
    margin-top: 20px;
}

#main #photos .item.standard_resolution,
#main #photos .item.standard_resolution img {
    width: 150px;
    height: 150px;
}

#main #photos .item {
    margin-bottom: 0;
}


/** **/

#main .container_left .menuContextuel ul {
    margin-bottom: 20px;
}

#main .menuContextuel .content_text {
    line-height: 1em;
}

#main .container_left .menuContextuel.ombrage ul {
    margin-bottom: 0;
}

#main .container_left .events_infos {
    position: relative;
}
#main .container_left .events_infos .type {
    width: 150px;
    margin: 5px auto;
    color: white;
}
#main .container_left a.event_type_picto {
    display: block;
    padding: 8px;
    height: 83px;
    width: 83px;
    position: absolute;
    top: 0;
    left: 0;
}

#main .container_left .menuContextuel a.link_white_and_red {
    width: 100%;
    background: transparent url(../images/pictos/arrow_white.png) right center no-repeat;
}

#main .container_right .eventsList li {
    width: 100%;
    background: none;
    padding: 5px;
    float: left;
}

#main .container_right .eventsList li:nth-child(odd) {
    clear: both;
}

#main .template_events-list .container_right h1 img {
    height: 67px;
    width: 67px;
    position: absolute;
    left: 0;
    top: 0;
}

#main .template_events-list .container_right h1 {
    min-height: 67px;
    padding-left: 80px;
    padding-top: 7px;
    position: relative;
}

#main .container_right .eventsList a.link_white_and_red {
    width: 100%;
    background: #231f20;
}

#main .container_left .menuContextuel {
    height: auto;
    overflow: hidden;
    line-height: 0;
}

#main .container_left .menuContextuel ul {
    height: auto;
    overflow: hidden;
    line-height: 1.8em;
}

#main .container_left .menuContextuel a.link_white_and_red:hover {
    background-image: url(../images/pictos/arrow_red.png);
}

#main #slider_home_container {
    position: relative;
}

#main #slider_home_container .navigation_slider,
#main #slider_home_container .navigation_slider ul {
    height: auto;
    overflow: hidden;
    display: block;
    text-align: center;
}

#main #slider_home_container .navigation_slider {
    width: 100%;
    position: absolute;
    top: 95px;
    left: 0;
    z-index: 2;
    height: 20px;
    overflow: hidden;
    margin-top: 160px;
    display: none;
}

#main #slider_home_container .navigation_slider li {
    width: 11px;
    height: 11px;
    overflow: hidden;
    display: inline-block;
    *display: inline;zoom: 1;
    margin: 0 9px;
}

#main #slider_home_container .navigation_slider li a {
    width: 11px;
    height: 11px;
    display: block;
    background: url(../images/slider-puces-bleue2.png) no-repeat 0 0;
    background-size: 11px 22px;
    text-indent: -9999em;
}

#main #slider_home_container .navigation_slider li.slider_here a,
#main #slider_home_container .navigation_slider li a:hover {
    background-position: 0 -11px;
}

#search .search_form {
    padding: 10px 0;
}

#search form input {
    max-width: 300px;
    display: block;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}

#search form input[type=text] {
    background: #e6e6e6;
    color: #231f20;
    text-align: left;
    max-width: 300px;
    border: none;
    margin-bottom: 10px;
}

#search form input[type=submit] {
    max-width: 180px;
}

#search .list a.infos {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 8px;
    margin-bottom: 10px;
}

#search .sympal_pager_header h3 {
    margin-bottom: 20px;
}

#search h3 {
    color: #008bd2;
    font-weight: bold;
}

#search .list a.infos {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 8px 38px 8px 8px;
    margin-bottom: 10px;
    position: relative;
}

#search .list a.infos span.after {
    position: absolute;
    height: 100%;
    width: 30px;
    background: url(../images/pictos/crux-white.png) no-repeat center center #008bd2;
    top: 0;
    right: 0;
}

#search .list a.infos:hover span.after {
    background: url(../images/pictos/crux-red.png) no-repeat center center #fff;
    border: 1px solid #008bd2;
}

.pagination ul {
    height: auto;
    overflow: hidden;
    text-align: center;
}

.pagination li {
    height: 40px;
    min-width: 40px;
    display: inline-block;
    *display: inline;zoom: 1;
    overflow: hidden;
    border-radius: 3px;
}

.pagination li > span,
.pagination li > a {
    display: block;
    height: 40px;
    min-width: 40px;
    padding: 7px;
    text-align: center;
}

.pagination li.current > span,
.pagination li.current > a {
    background-color: #dddddd;
    padding: 7px 18px;
}

.pagination li.next > span,
.pagination li.next > a {
    background: url(../images/pictos/arrow_white.png) no-repeat 17px center #008bd2;
}

.pagination li.next:hover > span,
.pagination li.next:hover > a {
    background: url(../images/pictos/arrow_red.png) no-repeat 17px center #fff !important;
    border: 1px solid #008bd2 !important;

}

.pagination li.previous > span,
.pagination li.previous > a {
    background: url(../images/pictos/arrow_white_left.png) no-repeat 5px center #008bd2;
}

.pagination li.previous:hover > span,
.pagination li.previous:hover > a {
    background: url(../images/pictos/arrow_red_left.png) no-repeat 5px center #fff !important;
    border: 1px solid #008bd2 !important;

}

.paginate li {
    height: 40px;
    min-width: 40px;
}

#search .list a.infos .description {
    color: #7f7f7f;
}

.sf_content .container_left .events_infos {
    text-align: center;
    margin-bottom: 20px;
}

.sf_content .container_left .events_infos.fdl .picto img {
    margin-top: 15px;
    width: 70px;
    height: 70px;
}

.sf_content .container_left h2 {
    font-weight: 400;
    margin-top: 2px;
    font-size: 1.15em;
    font-family: "Helvetica Neue", Arial, sans-serif;
    text-align: center;
}
.sf_content .container_left h2 a {
    color: #008bd2;
}
.sf_content .container_left h2 a:before {
    content: '\2039';
    margin-right: 6px;
    transition: margin-right .3s ease;
}
.sf_content .container_left h2:hover a:before {
    margin-right: 10px;
}
.sf_content .container_left .events_infos ul {
    display: block;
    height: auto;
    overflow: hidden;
}

.sf_content .container_left .events_infos ul li {
    display: block;
    width: 50%;
    padding: 1px;
    float: left;
}

.sf_content .container_left .events_infos ul a {
    display: block;
    color: #231f20;
    background: #e6e6e6;
    padding: 8px;
    text-transform: uppercase;;
    line-height: 1em;
    -webkit-transition: background .4s ease-in;
    -moz-transition: background .4s ease-in;
    -o-transition: background .4s ease-in;
    transition: background .4s ease-in;
}

.sf_content .container_left .events_infos ul a:hover {
    color: #e6e6e6;
    background: #008bd2;
}

.sf_content .container_left .events_infos span.hall,
.sf_content .container_left .events_infos span.date,
.sf_content .container_left .events_infos span.carriere {
    display: block;
}

#main .edito {
    margin-bottom: 30px;
}

#main #edito .actions {
    margin-top: 30px;
}

#main #banners {
    text-align: center;
}

#main #banners .banner {
    margin: 2px 0 10px;
    display: inline-block;
    *display: inline;zoom: 1;
}

#main #programme .text_program {
    margin-bottom: 30px;
}

#main #programme .twice_clear,
#main #programme .forth_clear {
    clear: both;
    margin-bottom: 20px;
}

#main #programme img.picture {
    height: 67px;
    width: 67px;
}

#programme .grid-fourth {
    width: 50%;
    text-align: center;
    float: left;
    padding-left: 1.4%;
    padding-right: 1.4%;
}

#main #programme .grid-fourth img {
    margin-bottom: 8px;
}

#main #programme .grid-fourth h2 {
    text-transform: uppercase;
    color: #231f20;
    font-size: 1em;
    font-weight: 400;
}

#main #programme .grid-fourth h3 {
    font-size: 0.786em;
}

#main #photos {
    color: #ffffff;
    padding: 5px 0;
}

#main #photos .text_photos,
#main #photos h1 {
    padding: 0 20px;
}

#main #photos .text_photos {
    margin-bottom: 30px;
}

#main #photos .instagram_flow {
    overflow: hidden;
    max-height: 400px;

    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;
    margin-bottom: 20px;
}

#main #photos .loader {
    background: none;
}

#main #photos h1 {
    color: #fff;
}

#main #photos .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 100%;
}

nav.social {
    font-size: 0.8em;
    padding: 20px 0 5px;
}

nav.social ul {
    text-align: center;
}

nav.social li {
    margin-left: 10px;
    display: inline-block;
    *display: inline;zoom: 1;
}

nav.social li a {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

#billeterie {
    padding: 0;
    min-height: 356px;
    overflow: hidden;
    background: #231f20;
}

.mobile #billeterie .show_if_desktop {
    display: none;
}

.desktop #billeterie .show_if_desktop {
    display: block;
}

html.mobile #billeterie .show_if_mobile {
    display: block;
}

#billeterie > .container {
    position: relative;
}

#billeterie > .container .visuel {
    display: block;

}

#billeterie > .container .content {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 30px 20px;
    color: #fff;
    text-shadow: 2px 2px 2px #231f20;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#231f20', Direction=135, Strength=2);
    zoom: 1;
}

#billeterie > .container .content h1 {
    color: #fff;
}

#billeterie > .container form label {
    display: none;
}

#billeterie > .container form {
    margin-top: 30px;
}

#billeterie > .container form.have_errors {
    margin-top: 0;
}

#billeterie > .container form input {
    margin: 0 auto;
    margin-top: 10px;
    -webkit-appearance: none;
    max-width: 300px;
    font-size: 1.143em;
}

.text_partner {
    text-align: center;
}

/*.text_partner img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"0\" height=\"0\" style=\"position:absolute\"><filter id=\"SourceGraphic\"><feColorMatrix type=\"matrix\" values=\"0.9882 0.2588 0.2156 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0\"/></filter></svg>#SourceGraphic");
}

.text_partner img:hover {
    filter: none;
} */

.sf_content .content .picture_actu {
    line-height: 1em;
}

.sf_content .content .picture_actu .picture_legaly {
    font-size: 0.714em;
    color: #808080;
    text-transform: uppercase;
}

.sf_content .content .picture_actu .picture_actu_img {
    position: relative;
    width: 100%;
    max-height: 407px;
    overflow: hidden;
    line-height: 1em;
}

.sf_content .content .picture_actu .picture_actu_img img {
    display: block;
}

.sf_content .content .picture_actu .picture_legaly .copyright {
    color: #008bd2;
    text-transform: none;
}

.sf_content .content .date {
    color: #008bd2;
    text-transform: none;
    margin: 15px 0;
}

#main .sf_content .content .chapo .content_text p,
#main .sf_content .content .chapo .content_text {
    color: #008bd2;
    font-family: 'Gotham';
    font-size: 26px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 20px;
}

.actus_list a:hover {
    color: #008bd2;
}

#main .actus_list_template {
    text-align: center;
}

#main .actus_list_template .actu_item {
    margin-bottom: 30px;
}

#main .actus_list_template .actus_list {
    height: auto;
    overflow: hidden;
}

#main .actus_list_template .actus_list .getNext {
    clear: both;
}

#main .sf_content .container_left .actu_item {
    padding: 10px 0;
}

#main .actus_list_template .actu_item .date {
    height: 12px;
    display: block;
    height: 1.2em;
    line-height: 1em;
    margin-top: 2px;
}

#main .actus_list_template .actu_item .date {
    height: 12px;
    display: block;
    height: 1.2em;
    line-height: 1em;
    margin-top: 2px;
}

#main .actus_list_template .actu_item h2 {
    height: 38px;
    overflow: hidden;
}

#main .actus_list_template .actu_item .description {
    height: 80px;
    overflow: hidden;
    color: #231f20;
    margin-top: 5px;
    line-height: 1.4em;
}

#main .sf_content .actu_item {
    text-align: center;
    display: block;
    height: auto;
    overflow: hidden;
}

#main .sf_content .actu_item {
    text-align: center;
}

#main .sf_content .actu_item h2 {
    font-size: 22px;
}

#main .sf_content .actu_item .picture {
    max-height: 300px;
    height: auto;
    overflow: hidden;
    line-height: 1em;
}

#main .sf_content .actu_item span.link_white_and_red {
    font-size: 1em;
    padding: 4px 5px;
    width: 100%;
    margin-top: 8px;
}

#main .share_it {
    height: auto;
    overflow: hidden;
    margin: 25px 0 15px 0;
}

#main .share_it > .share_title {
    display: inline;
    font-size: 26px;
    font-family: 'Gotham';
    font-weight: 500;
    line-height: 1em;
    color: #008bd2;
}

#main .share_it .share_title .icon-megaphone{
    display: inline;
    font-size: 48px;
    vertical-align: middle;
    margin-right: 10px;
}

#main .share_it > .addthis {
    float: right;
    line-height: 1em;

}

#main .addthis_32x32_style {
    text-align: center;
}

#main .addthis_32x32_style > a {
    float: none;
    display: inline-block;
    *display: inline;zoom: 1;

}

/* CONTENT */

.template_content #returnAjaxContents .indexMe {
    padding: 10px 0;
}

ul.breadcrumb {
    display: block;
    text-align: center;
    margin: 3px 0;
}

ul.breadcrumb li {
    display: inline-block;
    *display: inline; zoom:1;
}

ul.breadcrumb li:before {
    content: ' > ';
    color: #808080;
}

ul.breadcrumb li.first:before {
    content: '#';
}

ul.breadcrumb li a {
    color: #808080;
}

ul.breadcrumb li a:hover {
    color: #231f20;
    text-decoration: underline;
}

ul.breadcrumb li.last a {
    color: #008bd2;
}

ul.breadcrumb li.last a:before {
    content: '#';
}

#main .content h1 {
    font-size: 32px;
    font-family: 'Gotham';
    font-weight: 500;
    text-align: left;
    color: #231f20;
    text-transform: none;
}

#main .content h1:before {
    content: '#';
    color: #008bd2;
}

.addthis .addthis_toolbox a span {
    width: 0;
    height: 0;
}

#main .content .actusTitle {
    border-bottom: 3px solid #231f20;
    margin-bottom: 15px;
}

#main .content .actusTitle h3 {
    font-family: 'Gotham';
    font-size: 26px;
    font-weight: 500;
    color: #008bd2;
    float: left;
}

#main .content .actusTitle h3 [class^="icon-"],
#main .content .actusTitle h3 [class*=" icon-"] {
    display: inline-block;
    font-size: 62px;
    vertical-align: -20px;
}

#main .content .actusTitle .date {
    display: block;
    color: #808080;
    margin: 48px 0 0;
    float: right;
}

/* =====================================================
  Footer
======================================================== */
#footer {
    background: #231f20;
    color: #fff;
}

#footer .container {
    padding: 20px 0px;
}

#footer nav.social ul {
    text-align: left;
    margin-top: 20px;
}

#footer nav.social ul li:first-child {
    margin-left: 0;
}

#footer h2 {
    font-size: 1.143em;
    color: #fff;
    font-weight: normal;
}

#footer p {
    font-size: 0.857em;
}

#footer .container > div {
    margin-top: 30px;
    font-weight: 400;
}

#footer .container .one {
    text-align: center;
}

#footer .container .one p img{
    margin-top: 12px;
    max-width: 170px;
    max-height: 50px;
}

#footer .container a.glevents_logo {
    height: 60px;
    width: 50px;
    display: inline-block;
    *display: inline;zoom: 1;
    margin-top: 15px;
}

#footer .container .legal {
    text-align: center;
    font-size: 0.714em;
    line-height: 1em;
}

#footer .container .legal ul li {
    display: inline-block;
    *display: inline;zoom: 1;
    border-left: 1px solid #fff;
    margin-left: 8px;
    padding-left: 8px;
}

#footer .container .legal ul li:first-child {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

#footer .container .legal ul li a {
    color: #fff;
}

#footer .container .grid-third {
    line-height: 15px;
}

#footer .container .grid-third p {
    margin-bottom: 10px
}

#footer .container .grid-third h4 {
    font-family: 'Gotham';
    font-style: normal;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

#footer .container .grid-third .icon-location{
    position: relative;
    top: 10px;
}

#footer .container .grid-third a {
    color: #fff;
}

#footer .container .grid-third a:hover {
    color: #008bd2;
}

/* =====================================================
  Navigation mobile
======================================================== */

#menu-primary .first img {
    width: 19px;
    height: 22px;
}

#primary_menu_mobile {
    background: #008bd2;
    padding-left: 45px;
}

#primary_menu_mobile > ul li,
#primary_menu_mobile_content li {
    position: relative;
    background: #008bd2;
    margin-top: 1px;
}

#primary_menu_mobile > ul li {
    color: #008bd2;
    background: #fff;
}

#primary_menu_mobile > ul li.current {
    color: #fff;
    background: #231f20;
}

#primary_menu_mobile a.mm-subopen {
    position: absolute;
    width: 100%;

}

#primary_menu_mobile_content {
    background: #ccc;
    padding: 0 0 0 45px;
    margin-top: 40px;
}

#primary_menu_mobile .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    border: none;
}

#primary_menu_mobile .quick_access {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    min-height: 2000px;
    z-index: 999;

}

#primary_menu_mobile .quick_access .container {
    margin: 0;
    max-width: none;
    min-width: 0;
}

#primary_menu_mobile ul,
#primary_menu_mobile .quick_access a,
#primary_menu_mobile .quick_access span {
    padding: 0;
    margin: 0;
}

#primary_menu_mobile > ul {
    background: #ccc;
    padding-left: 45px;
}

#primary_menu_mobile .quick_access .contact .mail {
    height: 45px;
    width: 45px;
    padding-left: 45px;
    color: #008bd2;
}

#primary_menu_mobile .quick_access .contact .access_search {
    margin-bottom: 20px;
    height: 45px;
    width: 45px;
    padding-left: 45px;
    cursor: pointer;
}

#primary_menu_mobile .quick_access .contact .access_exhibitor {
    margin-bottom: 20px;
    background: url("../images/picto-lock.png") no-repeat scroll center center transparent;
    background-size: 18px 22px;
    height: 45px;
    width: 45px;
    padding-left: 45px;
}

#primary_menu_mobile .quick_access .contact .tel {
    margin-top: 20px;
    margin-bottom: 0;
    background: url(../images/pictos/phone_white_mobile.png) no-repeat center center transparent;
    height: 45px;
    width: 45px;
    padding-left: 45px;
    background-size: 20px 28px;
}

#primary_menu_mobile .quick_access li {
    margin-bottom: 20px;
}

#primary_menu_mobile .quick_access li {
    margin-bottom: 20px;
}

#primary_menu_mobile .quick_access .language li {
    margin-left: 10px;
}

#primary_menu_mobile .quick_access .language li a {
    display: block;
    height: 15px;
    width: 25px;
}

#primary_menu_mobile .quick_access .social li {
    margin-left: auto;
}

#primary_menu_mobile .quick_access .favoris {
    display: none;
}

#primary_menu_mobile li {
    line-height: 1em;
}

#primary_menu_mobile li > span,
#primary_menu_mobile li > a {
    text-transform: uppercase;
    font-size: 1.429em;
    display: inline-block;
    *display: inline;zoom: 1;
    max-width: 100%;
    padding-right: 32px;
}

#primary_menu_mobile li > a {
    width: 100%;
}

#primary_menu_mobile li > a.mm-subclose {
    display: block;
    background: #008bd2;
    color: #fff;
}

#primary_menu_mobile li > a.mm-subopen:after,
#primary_menu_mobile li > a.mm-subclose:before {

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background: url(../images/pictos/arrow_white.png) no-repeat right center transparent;
    border: none;
    height: 7px;
    width: 18px;
}

#primary_menu_mobile > ul li.current > a.mm-subopen:after {
    background: url(../images/pictos/arrow_white.png) no-repeat right center transparent;
}

#primary_menu_mobile > ul li > a.mm-subopen:after {
    background: url(../images/pictos/arrow_red.png) no-repeat right center transparent;
}

#primary_menu_mobile li > a.mm-subclose:before {
    background: url(../images/pictos/arrow_white_left.png) no-repeat right center transparent;
    left: 10px;
}

#primary_menu_mobile #menu-primary .current a {
    color: #fff;
    background: #9c0006;
}

#primary_menu_mobile > .close {
    background: none repeat scroll 0 0 #008bd2;
    color: #FFFFFF;
    height: 40px;
    padding: 8px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 999;
}

#primary_menu_mobile > .close a {
    height: 25px;
    width: 25px;
    background: url(../images/pictos/close.png) no-repeat 0 center transparent;
    display: block;
    cursor: pointer;
}

/* =====================================================
  Photothèque
======================================================== */
section.picGridContent {
    margin: 0 auto;
    overflow: visible !important;
    z-index: 20;
}

section.filterInput {
    width: 240px;
    margin: 0 auto;
}

.byCategoryAndAlbumArrow {
    height: 40px;
    width: 42px;
    background: url(../images/select/select_arrow.png) no-repeat 0 center transparent;
    float: right;
}

.byCategoryAndAlbumArrowOpened {
    height: 40px;
    width: 42px;
    background: url(../images/select/select_arrow_reversed.png) no-repeat 0 center transparent;
    float: right;
}

.byCategoryAndAlbumContent {
    width: 80%;
    height: 40px;
    background: rgb(221, 221, 221) no-repeat 0 center;
    color: black;
    position: relative;
}

.byCategoryAndAlbumSelector {
    color: black;
    height: 40px;
    padding-left: 15px;
    color: black;
    padding-top: 10px;
    vertical-align: middle;
    display: block;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.byCategoryAndAlbumOptions {
    background-color: rgb(221, 221, 221);
    color: black;
    width: 178px;
    margin-left: 3px;
    padding-left: 15px;
    z-index: 10;
    position: relative;
    top: auto !important;
    overflow: hidden;
}

.template_phototheque .byCategoryAndAlbumOptions {
    height: 0;
}

.byCategoryAndAlbumOptions li.level_2 {
    padding-left: 15px;
}

.byCategoryAndAlbumOptions a {
    color: black;
    z-index: 10;
}

.byCategoryAndAlbumOptions a:hover {
    color: #ff9900;
    z-index: 10;
    background-color: #ccc;
}

section.picGrid {
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

div.onePic {
    width: 180px;
    height: 180px;
    margin-left: 3%;
    margin-top: 5%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    float: none !important;
}

div.onePic img.imgToCrop {
    left: -75%;
    max-width: none !important;
    position: absolute;
    top: -25%;
    width: 440px;
    z-index: 5;
}

div.onePic div.showInfos {
    z-index: 9;
    width: 45px;
    height: 45px;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

div.onePic div.showInfosHover {
    color: white;
    position: absolute;
    width: 180px;
    height: 180px;
    top: 0px;
    left: 0px;
    background-color: black;
    z-index: 5;
    opacity: 0;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    text-align: center;
}

div.onePic div.showInfosHover p {
    opacity: 1 !important;
}

div.onePic div.showInfos div.showLogoImg {
    position: absolute;
    bottom: 0px;
    left: 7px;
    z-index: 0 !important;
    width: 45px;
    height: 45px;
    background-size: 38px;
    background-repeat: no-repeat;
    background-color: transparent;
}

div.onePic div.showInfos div.coupes-du-monde-fei {
    background-image: url(../images/pictos/coupe-picto.png);
}

div.onePic div.showInfos div.jumping {
    background-image: url(../images/pictos/jumping-picto.png);
}

div.onePic div.showInfos div.dressage {
    background-image: url(../images/pictos/dressage-picto.png);
}

div.onePic div.showInfos div.western {
    background-image: url(../images/pictos/western-picto.png);
}

div.onePic div.showInfos div.elevage {
    background-image: url(../images/pictos/elevage-picto.png);
}

div.onePic div.showInfos div.pole-sante {
    background-image: url(../images/pictos/sante-picto.png);
}

div.onePic div.showInfos div.arts-equestre,
div.onePic div.showInfos div.animation,
div.onePic div.showInfos div.spectacle {
    background-image: url(../images/pictos/art-picto.png);
}

div.onePic div.showInfos div.vente-de-chevaux {
    background-image: url(../images/pictos/vente-picto.png);
}

section.morePicInput {
    width: 190px;
    margin: 0 auto;
    text-align: center;
}

section.morePicInput div {
    margin-top: 30px;
    width: 230px;
    height: 40px;
    background: url('../images/buttons/morePicBtn.png') no-repeat 0 transparent;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 15px;
    padding-top: 7px;
    padding-right: 7px;
}

section.morePicInput div:hover {
    cursor: pointer;
}

div.onePic a:hover,
div.onePic img:hover,
div.onePic a:hover img {
    opacity: 1 !important;
}

section.picGrid a img {
    transition: none !important;
}

section.ajaxWaiting {
    width: 1024px;
    margin: 0 auto;
    text-align: center;
}

section.ajaxWaiting .modal {
    margin: 0 auto;
    text-align: center;
    display: none;
    position: relative;
    z-index: 5;
    height: 50px;
    width: 50px;
    background: transparent url(../images/pictos/waiting.gif) 50% 50% no-repeat;
}

section.ajaxWaiting.loading .modal {
    display: block;
}

/* =====================================================
   Photothèque zoom
======================================================== */

section.albumInfos,
section.paginationContent,
section.showPicture,
section.downloadLinks {
    width: 80%;
    margin: 0 auto;
}

section.albumInfos {
    height: 70px;
}

section.albumInfos div {
    height: 100px;
    display: inline-block;
    vertical-align: top;
}

section.albumInfos div.catPic {
    z-index: 9;
    width: 80px;
    height: 80px;
    bottom: 0px;
    left: 0px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-color: transparent;
    vertical-align: top;

}

section.albumInfos div.coupes-du-monde-fei {
    background-image: url(../images/pictos/coupe-picto.png);
}

section.albumInfos div.jumping {
    background-image: url(../images/pictos/jumping-picto.png);
}

section.albumInfos div.dressage {
    background-image: url(../images/pictos/dressage-picto.png);
}

section.albumInfos div.western {
    background-image: url(../images/pictos/western-picto.png);
}

section.albumInfos div.elevage {
    background-image: url(../images/pictos/elevage-picto.png);
}

section.albumInfos div.pole-sante {
    background-image: url(../images/pictos/sante-picto.png);
}

section.albumInfos div.arts-equestre {
    background-image: url(../images/pictos/art-picto.png);
}

section.albumInfos div.vente-de-chevaux {
    background-image: url(../images/pictos/vente-picto.png);
}

section.albumInfos div.albumInfos {
    width: 90%;
}

section.albumInfos div.albumInfos div.catName {
    font-family: 'Playfair Display SC', serif;
    font-size: 40px;
    font-weight: bold;
    color: black;
    height: auto !important;
}

section.albumInfos div.albumInfos div.picMetas {
    font-size: 18px;
    color: red;
    margin-top: 10px;
    font-weight: 300;
    display: block;
    height: auto !important;
}

section.paginationContent {
    margin-top: -50px;
    height: 70px !important;
}

section.paginationContent div,
section.paginationContent a {
    display: inline-block;
}

section.paginationContent div.returnPicGridBtn a {
    background: url('../images/buttons/morePicBtn.png') no-repeat 0 transparent;
    text-align: center;
    color: white;
    width: 100px;
    height: 40px;
    float: left;
    border-radius: 2px;
    padding-top: 5px;
}

section.paginationContent div.pagination {
    float: right;
    width: 160px;
}

section.paginationContent div.pagination div,
section.paginationContent div.pagination a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

section.paginationContent div.pagination a.previousPage {
    background: url('../images/select/select_arrow_left.png') no-repeat 0 transparent;
    width: 41px;
    height: 40px;
}

section.paginationContent div.pagination a.nextPage {
    background: url('../images/select/select_arrow_right.png') no-repeat 0 transparent;
    width: 41px;
    height: 40px;
}

section.paginationContent div.pagination div.pagerInfos {
    background: url('../images/select/select_content.png') no-repeat 0 transparent;
    width: 70px;
    height: 40px;
    border-radius: 2px;
    padding-top: 5px;
}

section.showPicture {
    margin: 0 auto;
}

section.showPicture img {
    margin-top: -15px;
    margin-bottom: -15px;
    width: 100%;
}

section.showPicture span.copyright {
    color: rgb(194, 194, 194);
    font-size: 13px;
    height: 20px;
    font-weight: 300;
}

section.downloadLinks a {
    width: 164px;
    background: url('../images/buttons/downloadLink.png') no-repeat 0 transparent;
    border-radius: 2px;
    z-index: 9;
    height: 40px;
    vertical-align: top;
    display: inline-block;
    margin-top: -30px;
    color: white;
    padding-left: 4%;
    padding-top: 5px;
    font-size: 15px;
}

section.downloadLinks a span.fileInfos {
    font-size: 10px;
}

section.downloadLinks a.sdBtn {
    float: right;
}

section.downloadLinks a.hdBtn {
    float: left;
}

/* =====================================================
   WorkShop
======================================================== */

section.workshopList {
    width: 64.5%;
    padding-top: 0;
}

section.workshopList div.horaires_reservations h1 {
    font-family: 'Gotham';
    color: black;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 20px;
}

section.workshopList div.row_reservation {
    border: 1px solid rgb(230, 230, 230);
    background-color: rgb(255, 255, 255);
    height: auto;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

section.workshopList div.row_reservation div.start_to_end {
    color: rgb(241, 89, 94);
    margin-left: 10px;
    width: 120px;
    font-size: 1.1em;
    font-weight: 900;
    padding: 5px 0 0 10px;
}

section.workshopList div.row_reservation > div,
section.workshopList div.row_reservation a {
    display: block;
    float: left;
    margin-right: 30px;
    vertical-align: top;
    width: 365px;
}

section.workshopList div.row_reservation div.atelier_name h3 {
    color: black;
    font-family: "Gotham";
    font-weight: 900;
    font-size: 13px;
    margin: 10px 0 0;
    transition: color .3s ease;
}


section.workshopList div.row_reservation a.eventLink {
    width: 30px;
    margin: 0;
    background-color: #008bd2;
    height: 100%;
    position: absolute;
    transition: background-color .3s ease;
    top: 0;
    right: 0;
}

section.workshopList div.row_reservation a.eventLink span {
    width: 30px;
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    transition: color .3s ease;
}

section.workshopList div.row_reservation a.eventLink:hover {
    background-color: white;
}

section.workshopList div.row_reservation a.eventLink:hover span {
    color: #008bd2;
}

/* =====================================================
   Programme
======================================================== */
#main .sf_content {
    border-top: 3px solid #008bd2;
    background-color: #fff;
    min-height:650px;
}
#main .template_programme,
#main .template_event,
#main .template_content {
    padding-top: 10px;
}
section.headerSchedule {
    overflow: visible !important;
}

section.headerSchedule div.pageTitle {
    font-family: 'Playfair Display SC', serif;
    font-size: 39px;
    font-weight: bolder;
    color: black;
    text-align: center;
    margin: 0 auto 10px;
}

section.eventList {
    width: 64.5%;
    padding-top: 0;
}

section.eventList div.dateOfTheDay h2 {
    font-family: 'Gotham';
    color: black;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 15px;
    margin-top: 20px;
}

section.eventList div.eventRow {
    border: 1px solid rgb(230, 230, 230);
    background-color: rgb(255, 255, 255);
    height: auto;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

section.eventList div.eventRow > div,
section.eventList div.eventRow a.eventLink {
    display: block;
    float: left;
    margin-right: 30px;
    vertical-align: top;
    width: 365px;
}

section.eventList div.eventRow div.eventImage {
    display: inline-block;
    width:120px;
}

section.eventList div.eventRow div.timeSchedule {
    color: rgb(241, 89, 94);
    margin-left: 10px;
    width: 120px;
    font-size: 1.1em;
    font-weight: 900;
    padding: 5px 0 0 10px;
}
section.eventList div.eventRow div.eventInfos {
    padding-right: 20px;
}
section.eventList div.eventRow div.eventInfos a {
    text-decoration: none;
}
section.eventList div.eventRow div.eventInfos a:hover h3 {
    color: red;
}
section.eventList div.eventRow div.eventInfos .cycle {
    margin-top: 10px;
}
section.eventList div.eventRow div.eventInfos .cycle span:nth-child(2) {
    width: 150px;
    padding: 0!important;
    display: inline-block;
    text-align: center;
    color: white;
}
/* Custom color labels */
section.eventList div.eventRow div.eventInfos .cycle .Data       { background-color: #ed1c24; }
section.eventList div.eventRow div.eventInfos .cycle .Commerce   { background-color: #9ccb3b; }
section.eventList div.eventRow div.eventInfos .cycle .Logistique { background-color: #0daf9a; }
section.eventList div.eventRow div.eventInfos .cycle .Relation   { background-color: #46647e; }
section.eventList div.eventRow div.eventInfos .cycle .BtoB       { background-color: #8852a1; }
section.eventList div.eventRow div.eventInfos .cycle .Campus     { background-color: #7b9aa9; }
section.eventList div.eventRow div.eventInfos .cycle .Initiation { background-color: #f47920; }
section.eventList div.eventRow div.eventInfos .cycle .Legal      { background-color: #fdb813; }
section.eventList div.eventRow div.eventInfos .cycle .Social     { background-color: #ec008c; }

section.eventList div.eventRow div.eventInfos h3 {
    color: black;
    font-family: "Gotham";
    font-weight: 900;
    font-size: 13px;
    margin: 10px 0 0;
    transition: color .3s ease;
}
section.eventList div.eventRow.specific div.eventInfos h3{
    color: #fff;

}
section.eventList div.eventRow div.eventInfos p.description {
    color: rgb(141, 141, 141);
    font-size: 11px;
}
section.eventList div.eventRow div.eventInfos p.location {
    color: rgb(241, 89, 94);
}

section.eventList div.eventRow a.eventLink {
    width: 30px;
    margin: 0;
    background-color: #008bd2;
    height: 100%;
    position: absolute;
    transition: background-color .3s ease;
    top: 0;
    right: 0;
}
section.eventList div.eventRow a.eventLink:hover {
    background-color: white;
}
section.eventList div.eventRow a.eventLink span {
    width: 30px;
    color: white;
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-align: center;
    transition: color .3s ease;
}
section.eventList div.eventRow a.eventLink:hover span {
    color: #008bd2;
}

/**/

section.headerSchedule div.selectFilter {
    width: 64%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    height: auto;
    overflow: hidden;
}
section.headerSchedule div.selectFilter div {
    display: inline-block;
    margin: 0 auto;

}
section.headerSchedule div.selectFilter > div {
    float: none;
    width: 50%;
    margin: 0 auto !important;
}

section.headerSchedule div.selectFilter div.selectDate {
    margin-top: 30px;
    margin-right: 17px;
    vertical-align: top;
}

section.headerSchedule div.selectFilter div.selectCategory ,
section.headerSchedule div.selectFilter div.selectJob {
    float: right;
}

.bySpaceContent {
    /*
        background: rgb(221, 221, 221) no-repeat 0 center;
     */

    width: 80%;
    height: 40px;
    background: rgb(221, 221, 221) no-repeat 0 center;
    color: black;
    position: relative;
}

.byCategoryOptions {
    background-color: rgb(221, 221, 221);
    color: black;
    width: 334px;
    padding-left: 15px;
    z-index: 10;
    position: relative;
    top: auto !important;
}

section.eventPagination div.pagination {
    margin: 0 auto;
    width: 160px;
}

section.eventPagination div.pagination div,
section.eventPagination div.pagination a {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

section.eventPagination div.pagination a.previousPage {
    background: url('../images/select/select_arrow_left.png') no-repeat 0 transparent;
    width: 41px;
    height: 40px;
}

section.eventPagination div.pagination a.nextPage {
    background: url('../images/select/select_arrow_right.png') no-repeat 0 transparent;
    width: 41px;
    height: 40px;
}

section.eventPagination div.pagination div.pagerInfos {
    background: url('../images/select/select_content.png') no-repeat 0 transparent;
    width: 70px;
    height: 40px;
    border-radius: 2px;
    padding-top: 5px;
}

/* =====================================================
  Page 404
======================================================== */
section
section.container_chapo {
    margin-top: 10px;
}

section.container_chapo h1 {
    line-height: 28px;
}

section.container_text p {
    text-align: center;
}

section.container_text div.textMessage {
    color: #231f20;
    margin: 45px 0;
}

section.container_text div.links {
    margin: 15px auto;
}

section.container_text div.links a {
    padding: 8px 50px;
    margin: 0 8px;
}

section.container_text div.links a.home {
    float: left;
}

section.container_text div.links a.contact {
    float: right;
}

section.container_text ul li {
    display: inline-block;
}

section.container_text div.imgContainer {
    width: 940px;
    height: 192px;
    background: url('../images/404/404-logo.png') transparent no-repeat;
    margin: 30px auto auto;
    text-align: center;
}

section.container_text div.imgContainer.ee1 {
    width: 319.5px;
    height: 398px;
    background: url('../images/404/404-1.jpg') transparent no-repeat;
    -webkit-background-size: 319.5px 398px;
    background-size: 319.5px 398px;
}

section.container_text div.imgContainer.ee2 {
    width: 612px;
    height: 98px;
    background: url('../images/404/404-2.png') transparent no-repeat;
    background-size: 612px 98px;
}

section.eventList div.eventRow p.event_desc {
    color: rgb(141, 141, 141);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 14px;
}


/* =====================================================
  Media queries
======================================================== */
@media (min-width: 320px) and (max-width: 1279px) {

}

@media (max-width: 320px) {

}

@media (max-width: 800px) {
    body {
        -webkit-background-size: 1587px 480px;
        background-size: 1587px 480px;
    }
    section.albumInfos,
    section.paginationContent,
    section.showPicture,
    section.downloadLinks {
        width: 100%;
    }

    section.albumInfos div.albumInfos div.catName {
        font-size: 26px;
    }

    section.albumInfos div.albumInfos {
        width: 60%;
    }

    section.downloadLinks {
        padding: 0 !important;
        height: 100px;
        overflow: visible !important;
        margin: 0 !important;
    }

    section.downloadLinks a {
        width: 140px !important;
        border-radius: 2px;
        margin-right: 2px;
        padding-left: 8% !important;
    }

    section.eventList {
        width: 100% !important;
    }

    section.headerSchedule div.selectFilter {
        width: 260px !important;
    }

    .bySpaceContent {
        /*  width: 157% !important; */
    }

    .byCategoryOptions {
        background-color: rgb(221, 221, 221);
        color: black;
        width: 84% !important;
        padding-left: 15px;
        z-index: 10;
        position: relative;
        top: auto !important;
    }

    section.eventList div.eventRow {
        line-height: 18px;
    }

    section.eventList div.eventRow div.eventInfos h3 {
        font-size: 11px !important;
    }

    section.eventList div.eventRow div.eventInfos p.description {
        color: rgb(141, 141, 141);
        font-size: 11px;
        height: 20px;
        width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
    }



    section.eventList div.eventRow div.eventInfos p.location {
        font-size: 10px !important;
    }

    section.eventList div.eventRow div.eventInfos {
        width: 230px;
        margin-right: 0 !important;
    }

    section.eventList div.eventRow div.timeSchedule {
        font-size: 11px;
    }

    section.container_text div.links div a {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #main #slider_home > li {
        height: 419px;
    }

    #main #slider_home > li > .picture_container .picture {
        line-height: 110px;
        height: 419px;
    }

    #main #slider_home_container .navigation_slider {
        margin-top: 17px;
    }

    #main #slider_home > li > .info {
        top: 110px;
        padding: 40px 10px 10px;
    }

    #main #slider_home li .description {
        width: 100%;
    }

    #main #slider_home li .link_white_and_black {
        display: block;
        width: 100%;
    }

    #main .newsletter .left,
    #main .newsletter .right {
        width: 100%;
        float: none;
        clear: both;
    }
    #main .newsletter .titleWithIcon {
        float: none;
        border-right: 0px;
        border-bottom: 3px solid #231f20;
        margin-bottom: 25px;
    }
    #footer .container .grid-third {
        text-align: center;
    }
    #primary_menu_mobile .quick_access .contact .favoris,
    #primary_menu_mobile .quick_access .contact .access_search,
    #primary_menu_mobile .quick_access .contact .mail {
        padding: 0;
        cursor: pointer;
        color: #008bd2;
        font-size: 20px;
    }
}

@media (min-width: 850px) {
    #main .sf_content .container_left {
        float: left;
        width: 260px;
    }
    #main .sf_content .container_right {
        width: calc(100% - 290px);
        float: right;
    }
}

@media all and (min-width: 20em) {
    #programme .grid-fourth {
        width: 50%;
    }
}

@media all and (min-width: 30em) {
    #programme .grid-fourth {
        width: 50%;
    }

    /* =====================================================
    Common Structure
  ======================================================== */
    /* =====================================================
      Common Styles
    ======================================================== */
    .tablet_only {
        display: block !important;
    }

    .mobile_only {
        display: none !important;
    }

    /* =====================================================
      Site Styles
    ======================================================== */
    .tablet_and_desktop {
        display: block;
    }

    #top_bar {
        display: none;
    }

    #header .topcontent {
        padding-left: 0;
        padding-right: 0;
    }

    .tilted,
    .tilted_subtitles {
        padding: 0 87px;
    }

    #main #photos .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 80em;
        width: 88%;
    }

}

@media all and (min-width: 40em) {
    #main {
        padding-top: 60px;
    }

    #main #photos .item.standard_resolution,
    #main #photos .item.standard_resolution img {
        width: 200px;
        height: 200px;
    }

    .desktop_only {
        display: block;
    }

    .topNav .desktop_only {
        display: inline;
    }

    .video_embed {
        max-width: 100%;
    }

    #main #slider_home li .description {
        font-size: 14px;
    }

    #main #slider_home li .label {
        font-size: 2.286em;
        line-height: 1em;
    }

    #programme .grid-fourth {
        width: 25%;
    }

    #main #programme .twice_clear {
        clear: none;
    }

    #main #programme .twice_clear.forth_clear {
        clear: both;
    }

    #main #programme .forth_clear {
        margin-bottom: 30px;
    }

    #main #programme .grid-fourth h2 {
        font-size: 1.143em;
    }

    #main #programme .grid-fourth h3 {
        font-size: 1em;
        font-weight: 300;
    }

    .max_width_content {
        width: 80%;
    }

    #main h1 {
        font-size: 2.5em;
    }

    /* =====================================================
      SLIDER
    ======================================================== */
    #main #slider_home li .label {
        font-size: 26px;
        margin-bottom: 10px;
    }

    #billeterie {
        min-height: 356px;
        overflow: hidden;
        padding: 0;
    }

    #billeterie > .container .visuel {
        min-width: 1000px;
    }

    #billeterie > .container .content {
        padding: 30px 100px;
    }

    /* =====================================================
      Footer
    ======================================================== */
    #footer .container {

    }

    #footer .container a.glevents_logo {
        margin-top: 15px;
    }

    #footer .container > div {
        margin-top: 10px;
    }

    .content_text_links a.link_white_and_red {
        width: calc(30% - 20px);
        margin: 0 10px;
    }
}

@media all and (min-width: 850px) {
    #top_bar {
        display: block;
    }

    #top_bar .compteur {
        float: right;
        color: #ffffff;
        height: 35px;
        line-height: 35px;
        margin-right: 50px; }
    #top_bar .compteur div {
        font-size: 20px;
        font-size: 1.25rem;
        float: left;
        padding-left: 5px;
        padding-right: 5px; }
    #top_bar .compteur .date_compteur {
        background-color: #008bd2; }
    #top_bar .compteur .day_compteur {
        background-color: #4d4948; }

    .desktop_only_menu {
        display: block;
    }

    .mobile_and_tablet_menu {
        display: none;
    }

    #primary_menu.fixNavigation {
        z-index: 9999;
        position: fixed;
        top: 0;
        background-color: #fff;
        max-width: 1000px;
        /* Mise en forme */
        width: 100%; /* <-- Largeur de votre site */
    }

    #header_scroll.htmlfixedNavigation {
        height: 62px;
        display: none;
    }

    #primary_menu > ul > li > span,
    #primary_menu > ul > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }

    #main .content .eventsList li {
        width: 50%;
    }

    #main .content .eventsList a.link_white_and_red:hover {
        background: #fff;
    }

    #main .container_left a.event_type_picto {
        width:100%;
        height:auto;
        position: relative;
    }

    .template_fulltext-search .chapo,
    #search {
        width: 85%;
        margin: 0 auto;
    }

    #main .share_it {
        position: relative;
    }

    #main .share_it > .share_title {
        float: none;
        position: absolute;
        left: 0;
        top: 0;
    }

    #main .share_it > .addthis {
        line-height: 1em;

    }

    .sf_content .container_left .events_infos ul li {
        width: 100%;
        float: none;
    }

    #main .container_left a.event_type_picto {
        margin: 0 auto;
    }

}

@media all and (min-width: 900px) {
    #primary_menu > ul > li > span,
    #primary_menu > ul > li > a {
        padding-left: 25px;
        padding-right: 25px;
    }
}

/*recherche exposants*/

div.search-exhibitors div.list ul li {
    width: 48%;
    float: left;
    border: 1px solid rgb(230, 230, 230) !important;
    margin-right: 2%;
    margin-top: 2%;
}

.exhibitor-search-results .pagination ul li {
    height: auto !important;
}
.exhibitor-search-results .pagination .num {
    padding-top: 20px;
}
div.search-exhibitors div.list ul li a.picture,
div.search-exhibitors div.list ul li div.exhib_right {
    display: inline-block;
    vertical-align: top;
    height: 100px;
}

div.search-exhibitors div.list ul li div.footerExhibitor div.standId,
div.search-exhibitors div.list ul li div.footerExhibitor div.linkToSee a {
    text-align: center;
    color: white;
}

div.search-exhibitors div.list ul li div.footerExhibitor div.standId {
    background-color: #4d4948;
    font-weight: bold;
}

div.search-exhibitors div.list ul li div.footerExhibitor div.linkToSee {
    background-color: #008bd2;
    text-align: center;
}

div.search-exhibitors div.list {
    width: 100%;
    margin: 0 auto;
}

div.search-exhibitors div.list ul {
    /*width: 760px;*/
    margin: 0 auto;
}

.link_red-white {
    background-color: #e35f5f;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.link_red-white:hover {
    background-color: #fff;
    color: #e35f5f;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}

#main #pub-640x200-mobile-haut,
#main #pub-640x200-mobile-haut img,
#main #pub-640x200-mobile-bas,
#main #pub-640x200-mobile-bas img{
    width: 320px !important;
    height: 100px !important;
}

#sliderExhibitorContact .contactList .slide .contact{
    text-align: center;
}

#sliderExhibitorContact .contactList .slide .contact .infos {
    line-height: 17px;
}

#sliderExhibitorContact .contactList .slide .contact .infos .name {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Gotham';
    font-size: 16px;
}

#sliderExhibitorContact .contactList .slide .contact .infos .job {
    color: #808080;
    font-weight: 300;
    font-family: 'Gotham';
    font-size: 14px;
}

#sliderExhibitorContact .contactList .slide .contact .imageContainer {
    overflow: hidden;
    border: 1px solid #008bd2;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    background-color: #000000;
    line-height: 100px;
}

#sliderExhibitorContact .contactList .slide .contact .imageContainer img {
    vertical-align: middle;
}

#sliderExhibitorContact .contactList .slide .contact a:hover .imageContainer img {
    opacity: 1;
}

#sliderExhibitorContact .contactList .slide {
    margin: 18px 0;
    width: 100%;
}

#sliderExhibitorContact {
    position: relative;
}

#sliderExhibitorContact .contactNavigation {
    text-align: center;
    position: relative;
    top: -15px;
}

#sliderExhibitorContact .contactNavigation a {
    position: relative;
    display: inline-block;
    *display: inline;zoom:1;
    color: #fff;
    font-size: 20px;
    padding: 6px 10px;
    background-color: #000;
    z-index: 100;
}

#sliderExhibitorContact .contactNavigation .page {
    position: relative;
    top:32px;
    color: #000;
    font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
    font-size: 20px;
    z-index: 10;
}

#sliderExhibitorContact .contactNavigation .page .current {
    color: #008bd2;
}

#sliderExhibitorContact .contactNavigation a.prev {
    margin-right: 50px;
}

#sliderExhibitorContact .contactNavigation a.next {
    margin-left: 50px;
}

#tc_privacy_text p {
    padding: 50px 0px 0px 0px !important;
}
.events_infos hr{
    margin: 2px 30px;
}

section.eventList div.eventRow.specific {
    background-color: #000000;
    border: 1px solid rgb(252, 66, 55);
    height: auto;
    margin-bottom: 10px;
    color: #fff;
}

/* =============================================================
    GALERIE VIDEO
 * ============================================================= */

.Vidéothèque .boutons_infos { padding: 0; }

/* =============================================================
    HOME : Liste item catégories
 * ============================================================= */

.category_list .grid-fourth .picture            { background-color: white; }
/*.category_list .grid-fourth:nth-child(1) .infos { background-image: url(../images/bg-tram-home-red.png); }
.category_list .grid-fourth:nth-child(2) .infos { background-image: url(../images/bg-tram-home-green.png); }
.category_list .grid-fourth:nth-child(3) .infos { background-image: url(../images/bg-tram-home-blue.png); }
.category_list .grid-fourth:nth-child(4) .infos { background-image: url(../images/bg-tram-home-purple.png); }*/


.rss{
    float: left;
    padding: 10px;
    width:100%;
}

.rss .logo-rss {
    float: right;
    font-style: italic;
    margin-top: 5%;
}

#newsletter input[type="submit"] {
    float: none !important;
    width: 150px;
    text-align: center !important;
    background-color: white;
    color: #008bd2;
    margin: 10px auto 0;
}
.actusList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.actusList article {
    margin: 10px 0;
    width: 260px;
}

.picture-mask img {
width:100%;
}

.lang ul li {
    float: left;
    margin: 2px;
}

#exhibitor-search{
}
ul.current_search,
.search_fulltext_results,
#exhibitor-search .exhibitor-search-form,
#exhibitor-search .exhibitor-search-results{
    margin: 0;
    padding: 0;
    background: #fff;
    padding: 10px;
}
ul.current_search,
.search_fulltext_results,
#exhibitor-search .exhibitor-search-results{
    margin-top: 10px;
}
.search_fulltext_results h3,
#exhibitor-search .exhibitor-search-results h3{
    margin-top: 10px;
    color: black;
    font-weight: normal;
}

.exhibitor-search-form{
    margin: 0 auto !important;
    width: 100%;
}

.exhibitor-search-form form{
    width: 100%;
    margin: 0 auto;
}

div#exhibitionList,
div#keywords,
div#univers_techprio,
div#parcours_thematiques {
    float: left;
    width: 33%;
}

div#category .nomenclature_1.multiple {
    max-height: 300px;
    overflow: auto;
}


#exhibitor-search .exhibitor-search-form  form > div{
    padding: 5px 10px;
}
#exhibitor-search .exhibitor-search-form  form > div > label{
    float: none;
    font-size : 1em;
    color: #008bd2;
    text-transform:  uppercase;
    /*font-family: "Source Sans Pro" !important;*/
    font-weight: bold;
    margin-top: 5px;
    width: 100%;

}
.exhibitor-search-form #category h3 {
    font-weight: normal;
}
.exhibitor-search-form #category > div {
    float: none;
    margin-bottom: 0;
    text-align: left;
    width: auto;
}

.exhibitor-search-form #category > div.nomenclature_0 {
    margin-bottom: 10px;
    width: 249px;
}
.exhibitor-search-form #category li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: none;
    margin: 0;
    width: 100%;
    padding:0;
}

#exhibitor-search .exhibitor-search-form #category .multiple,
.content_left .select_style,
.content_left input[type=text]{
    background: #fff;
    border:5px solid #ddd;
    border-right: none;
    height: auto;
    position: static;
    z-index: 102;
    width: 100%;
}


#exhibitor-search .exhibitor-search-form #category > div.nomenclature_0 .select_style {
    z-index: 105;
}
#exhibitor-search .exhibitor-search-form #category > div.nomenclature_1 .select_style {
    z-index: 104;
}
#exhibitor-search .exhibitor-search-form #category > div.nomenclature_2 .select_style {
    z-index: 103;
}
#exhibitor-search .exhibitor-search-form #category > div.nomenclature_3 .select_style {
    z-index: 102;
}
#exhibitor-search .exhibitor-search-form #category .wrapper{
    width: 100%;
    height: auto;
}
#exhibitor-search .exhibitor-search-form #category .multiple{
    border:5px solid #ddd;
    margin-top: 10px;
    width: 100%;
    padding: 10px;
}
#exhibitor-search .exhibitor-search-form ul.alpha{
    clear: both;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 87%;
    position: relative;
    padding-top: 25px;
}

#exhibitor-search .exhibitor-search-form #category .multilple li{
    display: block;
    width: 50%;
    float:left;
}
#exhibitor-search .exhibitor-search-form ul.alpha li a,
#exhibitor-search .exhibitor-search-form ul.alpha li span{
    color: #008bd2;
    font-size: 1.3em !important;
}
#exhibitor-search .exhibitor-search-form ul.alpha li a.selected{
    color: #EE2591;
}
#exhibitor-search .exhibitor-search-form ul.alpha li span{
    color: #ddd;
}
#exhibitor-search .exhibitor-search-form .checkbox_list label{
    color: #000;
}
#exhibitor-search .exhibitor-search-form .checkbox_list li div{
    display: inline;
}
#exhibitor-search .exhibitor-search-form #category .multiple li{
    display: block;
    width: 50%;
    float:left;
}

#exhibitor-search .exhibitor-search-form .multiple li.nomenclature input{
    display:block;
    float:left;
}

#exhibitor-search .exhibitor-search-form .multiple li.nomenclature label{
    display:block;
    float:left;
    padding:0 5px;
    line-height:13px;
    margin:0 0 10px 0;
    width:140px;
}

#exhibitor-search .exhibitor-search-form a.reset,
#exhibitor-search .exhibitor-search-form input[type=reset]{
    /*display: none;*/
}
#exhibitor-search .exhibitor-search-form a.submit,
#exhibitor-search .exhibitor-search-form input[type=submit]{
    padding: 10px 30px;
    background: #008bd2;
    font-weight: bold;
    color: white;
    float: none;
    margin: 10px auto;
    height: auto;
    border: 1px solid #008bd2;
}
.exhibitor-search-form #keywords input{
    float: left !important;
    width: 250px !important;
}
.content_left input[type=text]{
    border: 1px solid #008bd2;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}
.content_left .select_style_selector{
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    padding: 5px 35px 5px 5px;
    text-align: left;
    overflow: hidden;
}


#main .content_left .complete_list,
#main .content_left .gototop{
    margin-top: 10px;
    text-align: center;
}
#main .content_left .complete_list a,
#main .content_left .gototop{
    color: #EE2591;
}
#main .content_left .gototop a{
    color: #ee2591;
    text-transform: uppercase;
}
.content_left .select_style_options{
    background: #fff;
    border:5px solid #ddd;
    border-top:none;
    position: absolute;
    left: -5px;
    top:30px !important;
    text-align: left;
    font-size : 0.8em;
    max-height: none !important;
    width: 100%;
    z-index: 103;
}
.content_left .select_style_options li{
    padding:0;
    border-top: 1px solid #ddd;
}
.content_left .select_style_options li a{
    display:block;
    padding:2px 5px;
}
.content_left .select_style_options li a:hover{
    background: #ddd;
}
.content_left .select_style_options li:first-child{
    border-top: none;
}
.content_left .select_style_toggle{
    background: #ddd;
    background: url(../images/search/select_bottom.png) no-repeat center center #ddd;
    height: 25px;
    width: 35px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}





.search-exhibitors .sympal_pager_header {
    height: auto;
    margin-bottom: 30px;
}

.list ul.column li {
    border: none;
}
#exhibitor-search .infos .activity {
    overflow: hidden;
}



div.category select.ajax_nomenclature{
    border: 1px solid black !important;
    border-radius: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.exhibitor-search-form form > ul {
    list-style: none outside none;
}

.search_fulltext_results .list li > a.infos h3{
    margin: 0;
}
.search_fulltext_results .list li > a.infos p.description{
    font-size: 0.9em;
}
ul.current_search  li{
    display: block;
    height: 25px;
}
ul.current_search  li.new_search{
    height: 35px;
}
ul.current_search  li span.value {
    margin-left: 10px;
}
ul.current_search  li.new_search  span{
    display: block;
    float: left;
    margin-top: 6px;
}
ul.current_search  li.new_search > .search_form{
    display: block;
    float: left;
    width:100%;
    position: relative;
    top: 0;
    bottom: 0;
    margin-left: 0;
}
ul.current_search  li.new_search .search_form form:after {
    background: none;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0;
}
ul.current_search  li.new_search .search_form input[type="text"]{
    padding-right: 40px;
    text-align: left;
    padding-left:5px;
}

#parcours_thematiques img {
    max-width: 35px;
}
#parcours_thematiques li {
    margin-bottom: 5px;
}
#parcours_thematiques label,
#parcours_thematiques label p,
#parcours_thematiques label img {
    float: none;
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
#parcours_thematiques label img {
    margin-right: 10px;
}

.exhibitor-search-form form div#category{
    float: left;
    width: 62%;
}

#exhibitor_type_activity label[for="exhibitor_type_activity"]{
    width:250px;
}


.exhibitor-search-form #category select,
.exhibitor-search-form #country select{
    border: 1px solid #008bd2 !important;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.exhibitor-search-form #category select{
    width:530px;
}

.exhibitor-search-form div#keywords,
.exhibitor-search-form div#category{
    margin:0 auto !important;
}

.exhibitor-search-form div#keywords{
    float: left;
}

.exhibitor-search-form div#category{
    float: right;
    min-height: 140px;
    height:auto;
}

.exhibitor-search-form div#category,
.exhibitor-search-form div#category select,
.exhibitor-search-form div#category option{

}

.exhibitor-search-form div#exhibitor_type_activity{
    clear: both;
    float: left;
    position: absolute;
    margin-top: 70px;
}

.exhibitor-search-form div#country{
    clear: both;
    float: left;
    position: absolute;
    margin-top: 70px;
}

.exhibitor-search-form div#exhibitor_type_activity ul.checkbox_list{
    height: 150px;
    clear: both;
}

.exhibitor-search-form input{
    margin: 0 auto !important;
}
#parcours_thematiques input {
    margin-right: 10px!important;
}
ul.current_search  li.new_search .search_form input[type="submit"]{
    width: 97%;
    /*position: absolute;*/
    right: 0;
    z-index: 106;
}
ul.current_search .search_form {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
}
#search #exhibitor-search .pagination{
    display:none;
}
#fancybox-loading {
}
@media (max-width: 320px),
(max-device-width: 640px),
all and (max-device-width: 720px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:landscape),
all and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:portrait)
{

    #exhibitor-search div.view_container,
    #country,
    #category{
        display: none;
    }
    #exhibitor-search .exhibitor-search-form form > #keywords,
    #exhibitor-search .exhibitor-search-form form > ul.alpha{
        width: 100%;
    }

    #exhibitor-search .search-exhibitors .list li {
        width: 100%;
    }

    #exhibitor-search .search-exhibitors .list li:nth-child(even) ,
    #exhibitor-search .search-exhibitors .list li:nth-child(odd) {
        padding-left: 0;
        padding-right: 0;
    }

}

#select-basket-menu{
}


#exhibitor-search .order_by{

    position: relative;
    width: auto;
    top: 0;
    left: 0px;
    z-index: 99;
    background: #fff;
    padding: 10px;
    margin-top: 10px;
}

.search-exhibitors .list ul {
    list-style: none outside none;
}

#exhibitor-search .order_by .content_input span.ordered_by {
    color: #EE2591;
}

#select-basket-menu {
    border: 1px solid #EE2591;
}
#select-basket-menu {
    left: 0;
    position: absolute;
    top: 26px;
    width: 100%;
}

/*#exhibitor-search a.stand{*/
/*font-family: "Source Sans Pro" !important;*/
/*}*/

.infos_expos > a.picture img{
    max-height: none !important;
    max-width: none !important;
}

.pagination li{
    list-style: none;
    float: none !important;
    display: inline-block !important;
}

.pagination .arrow li a{
    height: 41px !important;
    width: 41px !important;
    vertical-align: middle;
    font-size: 14px !important;
}

.pagination li a,
.pagination li span {
    padding: 14px 10px !important;
    border-right: 1px solid #008bd2;
    float: none !important;
    display: inline-block !important;

}
.pagination .arrow ul {
    float: none !important;
    margin: 0 auto;
    width: 470px;
}

.pagination .arrow ul.begOrLast {
    width: 360px !important;
}

.pagination li a.current{
    color: black;

}

#exhibitor-search .pagination .arrow li.first a {
    background: url("../images/pagerFirstPage.png") no-repeat scroll right center transparent !important;
    border-right: none !important;
}

#exhibitor-search .pagination .arrow li.next a {
    background: url("../images/pagerNextPage.png") no-repeat scroll right center transparent !important;
    border-right: none !important;
}

#exhibitor-search .pagination .arrow li.last a {
    background: url("../images/pagerLastPage.png") no-repeat scroll right center transparent !important;
    border-right: none !important;
}

#exhibitor-search .pagination .arrow li.previous a {
    background: url("../images/pagerPreviousPage.png") no-repeat scroll right center transparent !important;
    border-right: none !important;
}

.pagination {
    float: none !important;
    margin: 50px 0 auto;
    display: block;
    clear: both;
}
.pagination .num {
    float: none;
}
.pagination .num ul {
    margin: 0 auto;
    float: none;
    display: inline-block;
}
.pagination .num li {
    width: auto !important;
    float: left !important;
    border: none !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
}


.pagination .arrow{
    float: none !important;
    width: 600px;
    margin: 0 auto;
}

div.search-exhibitors ul.column {
    margin: 0 auto;
    /*width: 885px;*/
}

div.search-exhibitors h2{
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
}

.exhibitor-search-form .submit, .exhibitor-search-form .reset {
    font-size: 1.3em !important;
}

.exhibitor-search-form .reset {
    /*display:none !important;*/
}
.exhibitor-search-form .reset {
    float: none;
    height: auto;
    margin: 0 auto;
}

.exhibitor-search-form{
    border-bottom: 3px solid #008bd2;
}

.infos_expos > a.picture {
    display: block;
    float: none !important;
    height: 100px !important;
    margin-right: 0 !important;
    width: auto !important;
}

#exhibitor-search .search-exhibitors .list li {
    padding: 0 !important;
}

.pagination .num li span {
    background: none repeat scroll 0 0 #008bd2 !important;
    color: #fff;
}

.pagination li.current > span, .pagination li.current > a {
    padding: 14px 18px !important;
}

.wrapper ul{
    height:auto;
    overflow:hidden;
}

#exhibitor-search div.view_container {
    display: none;
}

.pagination .num li a:hover {
    background: none repeat scroll 0 0 #008bd2 !important;
}


.exhibitor-search-results .exhibitor_item,
.exhibitor-search-results li {
    height: 180px !important;
}


.exhibitor-search-results .exhibitor_item .infos {
    float: left;
    width: calc(100% - 120px);
    padding-left: 10px;
}
.exhibitor-search-results .exhibitor_item .infos h3 a {
    color: #008bd2;
    font-size: 12px;
}
.exhibitor-search-results .exhibitor_item .infos .activity {
    font-size: 10px;
    color: black;
}
.exhibitor-search-results .exhibitor_item .infos .activityProducts {
    font-size: 10px;
    color: #828282;
    display: block;
    line-height: 1.2;
    margin: 5px 0;
}
.exhibitor-search-results .exhibitor_item .logo_stand {
    float: right;
    width: 120px;
    text-align: right;
}

.basket_link{
    margin-top: 0px !important;
}
.exhibitor-search-results .exhibitor_item .links {
    clear: both;
}
.exhibitor-search-results .exhibitor_item .links div.profile_link,
.exhibitor-search-results .exhibitor_item .links div.basket_link,
.exhibitor-search-results .exhibitor_item .links div.stand_num {
    float: left;
    text-align: center;
    padding: 3px;

}
.exhibitor-search-results .exhibitor_item .links div.profile_link{
    width:30%;
}
.exhibitor-search-results .exhibitor_item .links div.basket_link {
    width: 45%;
}
.exhibitor-search-results .exhibitor_item .links div.stand_num {
    width: 25%;
}
.exhibitor-search-results .exhibitor_item .links div.profile_link a,
.exhibitor-search-results .exhibitor_item .links div.basket_link a,
.exhibitor-search-results .exhibitor_item .links div.stand_num a {
    color: white;
}
.exhibitor-search-results .exhibitor_item .links div.stand_num,
.exhibitor-search-results .exhibitor_item .links div.profile_link {
    background-color: #807c7c;
}
.exhibitor-search-results .exhibitor_item .links div.basket_link {
    background-color: #008bd2;
}

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

    div#exhibitionList,
    div#keywords,
    div#univers_techprio,
    div#parcours_thematiques,
    div#category,
    ul.alpha {
        width: 100%;
        max-width: 100%;
        float: none;
    }

}

.exhibitor-search-form .reset {
    color: #000 !important;
}

.SfSympalContactProspectForm div.field label.required::after {
    color: red;
    content: "*";
    height: 5px;
}

@media screen and (max-width: 410px) {
    #main .actus_list .grid-full a {
        font-size: 16px;
        padding: 10px;
    }
}

@media screen and (max-width: 480px) {
    .desktop_only {
        display: none !important;
    }

}

.Exhibitor_search #banners {
    margin-top:10px;
}