@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,700,700i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,800');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=latin-ext');
/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #000; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0; list-style: none; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ===== Initializr Styles =====================================================
   ========================================================================== */

body{ font-family:"SharpSansBook", Arial, Verdana, sans-serif; }

.wrapper{
    width:90%;
    margin:0 5%;
}


/* ===================
    ALL: Series Theme
   =================== */

#header-container {	position:relative; z-index:10; height:253px; z-index: 99990; }
#main-container { /*position:relative;*/ z-index:5; margin-top:-24px; /*background:url(../img/bg-middle-iphone.gif) 0 0 repeat;*/ }
.home #header-container, #header-container { height:auto/*735px;*/ } /* 30/05 */
#main { position:relative; }

#diaporama { display:none; }

.home #main strong, .legals #main strong, .partners #main strong, .programmation #main strong { color:#B71234; }

#footer-container {	position:relative; z-index:10; height:60px; margin-top:-5px; }
#footer-container #social-link { position:absolute; right:0; top:-45px; width:245px; }
#footer-container #social-link a { float:left; display:block; width:40px; height:40px; background:url(../img/ic-social.png) 0 0 no-repeat; text-indent:-9999px; margin-left:5px; }
#footer-container #social-link a.fb { background-position:0 0; }
#footer-container #social-link a.twitter { background-position:-45px 0; }
#footer-container #social-link a.rss { background-position:-90px 0; }
#footer-container #social-link a.contact { background-position:-135px 0;}
#footer-container #social-link a.linkedin { background-position:-180px 0;}
#footer-container #social-link li:first-child a { margin:0; }

#title{ color:white; }

::-moz-selection { background: #b71234; color: #fff; text-shadow: none; }
::selection      { background: #b71234; color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */

#main-nav { padding-top:15px; }

#main-nav a{
    font-family:"SharpSansBook", Arial, Verdana, sans-serif;;
    font-size:19px;
    font-weight:normal;
    display:block;
    width:180px;
    margin:0 auto;
    padding:0 15px;

    color:#000;

    text-align:center;
    text-decoration:none;
    font-weight:normal;

    border-bottom:solid 2px rgba(120,120,120,0.3);
}

/*#main-nav li:last-child a { border-bottom:none; }*/

#main-nav a:hover{
    text-decoration:none;
}

#lg-nav { float:right; /*visibility:hidden;*/ }
#lg-nav ul { margin-top:12px; width:190px; float:right; }

#lg-nav a{

    font-family:"Raleway", Arial, Verdana, sans-serif;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    color:#999;
    text-decoration:none;
    float:left;

}

#lg-nav .link{
    color:#fff;
    background-color:#b51737;
    padding: 0 9px;
    margin: 0 8px;
}

#lg-nav .link:hover{
    background-color:#999;
}

#lg-nav li:last-child a { padding-left:8px; margin-left:5px; background:url(../img/puce.png) 0 center no-repeat; }

#lg-nav .active { color:#000; }

#social-link { margin:0; }
#social-link a { float:left; }

#footer-nav { padding-top:30px; font-family:"Raleway", Arial, Verdana, sans-serif; font-size:14px; font-weight:bold; }
#footer-nav li { margin-bottom:3px; }
#footer-nav a { padding-left:17px; margin-bottom:5px; color:#000; text-decoration:none; }
#footer-nav a:hover { text-decoration:underline; }

/* ==============
    MOBILE: Main
   ============== */

#main{
    padding:30px 0 70px;
    font-family: "Open Sans", Verdana, sans-serif;
    font-size:14px;
}

#main article, #main > section { padding-bottom:20px; border-bottom:solid 2px #dbdada; }

#main article h3, #main section h3 { font-size:16px; border-bottom:dotted 2px #000; float:left; }
.contacts #main section h3, .infos #main section h3, .presentation #main section h3 { float:none; border-bottom:none; border-top:2px solid #E7E6E6; font-size:22px; margin:15px 0 3px 0; padding-top:10px; }
.contacts #imgContacts, .presentation #imgComite { display:none; border:none; }
.contacts #zoneHover { display:none; }
.home #main .fbHome p { color:#808080; margin:-5px 0 13px; }
.home #main .fbHome .Container p { color:#808080; margin:0; }

#main section header h3 { border-bottom:none; float:none; }
#main article p, .presse article ul { clear:both; }
.presse article ul { margin-left:25px }

#main article h4 { font-size:12px; margin:0 0 5px; }
.contacts #main section.withTab h4 , .infos #main section h4{ font-size:16px; border-bottom:dotted 2px #000; margin:15px 0 3px 25px; float:left; }
.contacts #main section.withTab p, .infos #main section p { margin-left:40px; }
.infos #main section p { position:relative; margin-bottom:30px; }
.infos #main section p.hotel span { color:#000; position:absolute; top:10px; left:70%; }
.infos #main section img { display:none; border:none; }
.infos #main section ul { clear:both; margin-left:40px; margin-bottom:30px; }
.infos #main section .nomarginLeft {margin-left:25px;  }
.infos #main section span { text-transform:uppercase; }

.partners #main section { position:relative; }
.partners #main .withTab { clear:both; }
.partners #main ul { clear:both; margin-left:-18px; }
.partners #main li { background:none; padding:0; margin-bottom:0; position:relative; }
.partners #main li a {  position:relative; border:solid #f2f2f1 4px; width:115px; height:115px; display:block; float:left; margin:10px 0 7px 17px; text-decoration:none; }

/*Bg logos partners*/
.partners #main #logo-idf { background:url(../img/partners/greylogos/logo-idf.png) 0 0 no-repeat; color:#CC0000; }
.partners #main li #logo-fontainebleau { background:url(../img/partners/greylogos/logo-fontainebleau.png) 0 0 no-repeat; }
.partners #main li #logo-cnc { background:url(../img/partners/greylogos/logo-cnc.png) 0 0 no-repeat; }
.partners #main li #logo-sacd { background:url(../img/partners/greylogos/logo-sacd.png) 0 0 no-repeat; }
.partners #main li #logo-copie-privee { background:url(../img/partners/greylogos/logo-copie-privee.png) 0 0 no-repeat; }
.partners #main li #logo-creative-europe-media { background:url(../img/partners/greylogos/logo-creative-europe-media.png) 0 0 no-repeat; }
.partners #main li #logo-procirep { background:url(../img/partners/greylogos/logo-procirep.png) 0 0 no-repeat; }
.partners #main li #logo-sacem { background:url(../img/partners/greylogos/logo-sacem.png) 0 0 no-repeat; }
.partners #main li #logo-adami { background:url(../img/partners/greylogos/logo-adami.png) 0 0 no-repeat; }
.partners #main li #logo-fontainebleau-tourisme { background:url(../img/partners/greylogos/logo-fontainebleau-tourisme.png) 0 0 no-repeat; }
.partners #main li #logo-seine-et-marne { background:url(../img/partners/greylogos/logo-seine-et-marne.png) 0 0 no-repeat; }
.partners #main li #logo-france-tv { background:url(../img/partners/greylogos/logo-france-tv.png) 0 0 no-repeat; }
.partners #main li #logo-france-tv-distrib { background:url(../img/partners/greylogos/logo-france-tv-distrib.png) 0 0 no-repeat; }
.partners #main li #logo-palatine { background:url(../img/partners/greylogos/logo-palatine.png) 0 0 no-repeat; }
.partners #main li #logo-eurodata { background:url(../img/partners/greylogos/logo-eurodata.png) 0 0 no-repeat; }
.partners #main li #logo-la-fabrique-des-formats { background:url(../img/partners/greylogos/logo-la-fabrique-des-formats.png) 0 0 no-repeat; }
.partners #main li #logo-opsomai { background:url(../img/partners/greylogos/logo-opsomai.png) 0 0 no-repeat; }
.partners #main li #logo-dama { background:url(../img/partners/greylogos/logo-dama.png) 0 0 no-repeat; }
.partners #main li #logo-usbek-et-rica{ background:url(../img/partners/greylogos/logo-usbek-et-rica.png) 0 0 no-repeat; }
.partners #main li #logo-edinburgh-ITF { background:url(../img/partners/greylogos/logo-edinburgh-ITF.png) 0 0 no-repeat; }
.partners #main li #logo-mwf { background:url(../img/partners/greylogos/logo-mwf.png) 0 0 no-repeat; }
.partners #main li #logo-war-on-screen { background:url(../img/partners/greylogos/logo-war-on-screen.png) 0 0 no-repeat; }
.partners #main li #logo-media-xchange { background:url(../img/partners/greylogos/logo-media-xchange.png) 0 0 no-repeat; }
.partners #main li #logo-ecran-total { background:url(../img/partners/greylogos/logo-ecran-total.png) 0 0 no-repeat; }
.partners #main li #logo-satellifax { background:url(../img/partners/greylogos/logo-satellifax.png) 0 0 no-repeat; }
.partners #main li #logo-satellimag { background:url(../img/partners/greylogos/logo-satellimag.png) 0 0 no-repeat; }
.partners #main li #logo-euronews { background:url(../img/partners/greylogos/logo-euronews.png) 0 0 no-repeat; }
.partners #main li #logo-france-inter { background:url(../img/partners/greylogos/logo-france-inter.png) 0 0 no-repeat; }
.partners #main li #logo-sens-critique { background:url(../img/partners/greylogos/logo-sens-critique.png) 0 0 no-repeat; }
.partners #main li #logo-a-nous-paris { background:url(../img/partners/greylogos/logo-a-nous-paris.png) 0 0 no-repeat; }
.partners #main li #logo-mediakwest { background:url(../img/partners/greylogos/logo-mediakwest.png) 0 0 no-repeat; }
.partners #main li #logo-telerama { background:url(../img/partners/greylogos/logo-telerama.png) 0 0 no-repeat; }
.partners #main li #logo-orange { background:url(../img/partners/greylogos/logo-orange.png) 0 0 no-repeat; }
.partners #main li #logo-ocs { background:url(../img/partners/greylogos/logo-ocs.png) 0 0 no-repeat; }
.partners #main li #Logo-paris-region { background:url(../img/partners/greylogos/Logo-paris-region.png) 0 0 no-repeat; }
.partners #main li #logo-pays-de-fontainebleau { background:url(../img/partners/greylogos/logo-pays-de-fontainebleau.png) 0 0 no-repeat; }
.partners #main li #logo-seine-et-marne-tourisme { background:url(../img/partners/greylogos/logo-seine-et-marne-tourisme.png) 0 0 no-repeat; }
.partners #main li #logo-chateau-de-fontainebleau { background:url(../img/partners/greylogos/logo-chateau-de-fontainebleau.png) 0 0 no-repeat; }
.partners #main li #logo-fermob { background:url(../img/partners/greylogos/logo-fermob.png) 0 0 no-repeat; }
.partners #main li #logo-renault { background:url(../img/partners/greylogos/logo-renault.png) 0 0 no-repeat; }
.partners #main li #logo-festival-django { background:url(../img/partners/greylogos/logo-festival-django.png) 0 0 no-repeat; }
.partners #main li #logo-hiventy { background:url(../img/partners/greylogos/logo-hiventy.png) 0 0 no-repeat; }

.partners #main li a div { display:none; padding:5px; /*width:305px;*/ width:0; height:122px; background:#fff; border:solid #f2f2f1 4px; border-left:none; font-size:11px; position:absolute; top:-4px; z-index:1000;  }
.partners #main li a.left div { border:solid #f2f2f1 4px; border-right:none; }
.partners #main li a p { margin:0; font-style:normal; line-height:1.2; display:none; border-left:solid #f2f2f1 2px; padding-left:6px; }
.partners #main li a.left p { margin:0; font-style:normal; line-height:1.2; display:none; border-right:solid #f2f2f1 2px; border-left:none; }
.partners #main li img { float:left; border:none; width:115px; height:115px; }

.programmation #main section h3 { float:none; border-bottom:none; border-top:solid 2px #dcdcda; font-size:20px; }
.programmation #main section .dayProg { position:relative; margin-bottom:50px; max-width: 630px; /*margin-left:-15px; padding-left:30px;*/ }

.programmation #main section .dayProg > div,
.galvideo #main section > div { padding-top:15px; margin-top:15px; border-top:solid 2px #dcdcda; }
.programmation #main section .dayProg > div:first-child,
.galvideo #main section > div:first-child { padding-top:0; margin-top:0; border-top:none; }

/*
.prog #main section  #dimanche { background:url(../img/dimanche.png) 0 0 repeat-y; }
.prog #main section  #lundi { background:url(../img/lundi.png) 0 0 repeat-y; }
.prog #main section  #mardi { background:url(../img/mardi.png) 0 0 repeat-y; }
.prog #main section  #mercredi { background:url(../img/mercredi.png) 0 0 repeat-y; }
.prog #main section  #jeudi { background:url(../img/jeudi.png) 0 0 repeat-y; }
.prog #main section  #vendredi { background:url(../img/vendredi.png) 0 0 repeat-y; }
.prog #main section  #samedi { background:url(../img/samedi.png) 0 0 repeat-y; }

.prog #main section  #sunday { background:url(../img/sunday.png) -20px 0 repeat-y; }
.prog #main section  #monday { background:url(../img/monday.png) -20px 0 repeat-y; }
.prog #main section  #tuesday { background:url(../img/tuesday.png) -20px 0 repeat-y; }
.prog #main section  #wednesday { background:url(../img/wednesday.png) -20px 0 repeat-y; }
.prog #main section  #thursday { background:url(../img/thursday.png) -20px 0 repeat-y; }
.prog #main section  #friday { background:url(../img/friday.png) -20px 0 repeat-y; }
.prog #main section  #saturday { background:url(../img/saturday.png) -20px 0 repeat-y; }
*/
.programmation #main .sect_prog { width: 100%; position: relative; margin-top: 70px; }
.programmation #main .sect_prog.nodayprog { margin-top: 0px;}
#switchday { position: absolute; top:-60px; left:0; right:0; width: 100%; text-align: center; }
#switchday::before { content: " "; border-top: 1px solid #7f7f7f; position: absolute; top: 20px; left: 0; width: 100%; z-index: -1;}
#switchday > li { cursor: pointer; padding: 0 10px; display: inline; color: #909090; font-size: 16px; text-transform: uppercase; background-color: #fff; font-family: "SharpSansBold", "Raleway", Arial, sans-serif;  }
#switchday li:first-child { background-color: #fff; }
#switchday li.selected { color: #b71234; font-size: 24px; background-color: #fff; font-weight: 800; }

.programmation #main .dayProg p { margin:0; padding-right:10px; }
.programmation #main .dayProg p img { padding:5px 5px 5px 0; }
.programmation #main .public, .prog #main section .pro { position:relative; }
.programmation #main h4 { color:#b71234; font-size:10px; padding-left:2%; }
.programmation #main h4 span:first-child { text-align:right; float:left; width:21%; }
.programmation #main h4 span:first-child { width:auto; }
.programmation #main h4 span.title { color:#999; font-size:14px; border-left:solid 2px #b71234; padding:0 1%; width:72%; float:right; }

/*.prog #main section .public,*/
.programmation #main .dayProg { display:none; margin-top: 30px; }
.programmation #main .dayProg.visible { display: block; }
.programmation #main .dayProg > div { display: none; margin-bottom: 30px; }
.programmation #main .dayProg > div.visible.filtered { display:block; }

.programmation.outils #main .dayProg { display:block; }
.programmation.outils #main .dayProg > div { display: block; }

.galvideo #main .text div { background:url(../img/bgContentProg.png) 0 0 repeat; }
.programmation #main .type { display:block; width:40%; padding:4px 0 4px 10px; position:absolute; top:0; left:0; font-style:italic; font-weight:bold; font-size:12px; }
.programmation #main .public .type { background:url(../img/bgTitlePro.png) 0 0 repeat; }
.programmation #main .pro .type { background:url(../img/bgContentProg.png) 0 0 repeat; }
.programmation #main .lieu { display:none; color:#666; font-size:12px; }
.programmation #main .lieu .time { display: block; }
.programmation #main .lieu span { color:#000; font-style:normal; }

/* New PROG 2015 */
.programmation #main .wrapper-title { position: relative; background: url(../img/biais.png) 50px -1px no-repeat; padding: 32px 0 5px; margin-top: -25px;}
.programmation #main .open .wrapper-title { background: url(../img/date-biais.png) 37px -1px no-repeat; padding: 0; margin-top: 0;}

.programmation #main .wrapper-img { height:200px; overflow: hidden; position: relative; cursor: pointer; }
.programmation #main .dayProg > div.open .wrapper-img { height: 230px; }
.programmation #main .dayProg > div .roll-prog { padding:0 5px; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 201px; height: 200px; background: url('../img/2017/fond-prog-jour.png') no-repeat top right transparent; transition: opacity .25s ease-in-out; }
.programmation #main .dayProg > div .roll-prog.active { opacity:1; }
.programmation #main .dayProg > div .roll-prog span { display: inline-block;}
.programmation #main .dayProg > div.open .roll-prog { display:none; }
.programmation #main .dayProg > div .roll-time { font-family:"SharpSansBold", Arial, Verdana, sans-serif; font-size:22px; font-weight: bold; color: #fff; }
.programmation #main .dayProg > div .roll-date { display: none !important; font-size:15px; font-weight: bold; font-style: italic; }
.programmation.series #main .dayProg > div .roll-date,
.programmation.kids #main .dayProg > div .roll-date { display: block !important; font-size:15px; font-weight: normal; font-style: italic; color: #fff; }
.programmation #main .dayProg > div .roll-lieu { font-family:"SharpSansMedium", Arial, Verdana, sans-serif; font-size: 12px; color: #a5a5a5; margin-bottom: 2px;}
.programmation #main .dayProg > div .roll-prog .access { width: 100%; }
.programmation #main .dayProg > div .roll-prog .access.public { }
.programmation #main .dayProg > div .roll-prog .access.profes { }

.programmation #main .wrapper-img img { max-width: 100%;}
.programmation #main .wrapper-type { display:none; text-align:right; position: absolute; top: 0; right: 0; padding-top: 7px; width:65px; height: 53px; background: url(../img/biais.png) 0 -1px no-repeat; }
.programmation #main .open .wrapper-type { display: block; }
.programmation #main .time { font-family:"SharpSansBold", Arial, Verdana, sans-serif; display:none; color:#b01234; font-size:24px; font-weight: bold; }
.programmation #main .open .time { display: block; }
.programmation #main .title { font-family:"SharpSansSemiBold", Arial, Verdana, sans-serif; color:#000; font-size:16px; display:block; width:75%; margin-left:8%; line-height:1; font-weight: bold; }
.programmation #main .open .title { font-size:24px; margin-left:12%; }
.programmation #main .date { display:none; position: absolute; top: -30px; left: 0; padding:0 8px 0 5px; background: rgba(255,255,255,.7); color: #000; font-size: 24px; font-style: italic; font-weight:bold; }
.programmation #main .open .date { display: block; }

/*.prog #main .typeprog.soiree { display:block; width:65px; height:22px; background: url(../img/picto_soiree.png) right -23px no-repeat; }
.prog #main .typeprog.projection { display:block; width:65px; height:22px; background: url(../img/picto_projection.png) right -23px no-repeat; }
.prog #main .typeprog.tourne { display:block; width:65px; height:22px; background: url(../img/picto_tourne.png) right -23px no-repeat; }
.prog #main .typeprog.discussion { display:block; width:65px; height:22px; background: url(../img/picto_discussion.png) right -23px no-repeat; }*/
.programmation #main .typeprog span { }
.programmation #main .access span { font-family:"SharpSansBook", Arial, Verdana, sans-serif; background-color: #fff; color: #000; padding: 2px 4px; margin-bottom: 4px; text-transform: uppercase; } 

.programmation #main .text { margin-top: 20px; }
.programmation #main .text,
.galvideo #main .text { position: relative; display:none; width:100%; padding-bottom:40px; border-bottom: 1px solid #7f7f7f; }
.programmation #main .text a.hide { position: absolute; height: 30px; line-height: 30px; bottom: 0; right: 0; color: #000; background: url(../img/2017/cross-close.png) no-repeat top right transparent; padding-right: 40px; }
.programmation #main .text .type-wrap { float: left; }
.programmation #main .text .type-wrap span > span { font-family:"SharpSansBook", Arial, Verdana, sans-serif; display: block; background-color: #c31a21; padding: 4px 8px; color: #fff; text-transform: uppercase; margin-bottom: 4px; }
.programmation #main .text .text-wrap { float: right; width: 610px; background-color: #f5f5f5; padding: 20px; }

/* End New PROG 2015*/

/*.prog #main section .show,*/
.galvideo #main section .show { float:right; font-size:10px; background:url(../img/prodDown.png) right 0 no-repeat; color:#000; text-decoration:none; padding:2px 25px 2px 0; }
.prog #main section .hide,
.galvideo #main section .hide { float:right; font-size:10px; background:url(../img/progUp.png) right 0 no-repeat; color:#000; text-decoration:none; padding:2px 25px 2px 0; }

.gal #main section a { display:block; cursor:pointer; clear:left; background:url(../img/bgGaleries.png) 0 0 repeat; padding:10px; position:relative; width:95%; text-decoration:none; font-style:normal; margin-bottom:20px; }
.gal #main section a img { padding-right:10px; border-right:2px solid #b71234; float:left; }
.gal #main section a h4 { color:#b71234; font-size:13px; position:absolute; top:10px; left:182px;  }
.gal #main section a p { position:relative; color:#b71234; margin-left:172px; margin-top:-35px; float:left; font-weight:bold; line-height:1em; font-size:11px; }
.gal #main section a a { display:inline; font-style:italic; padding:0; }
.gal #main section a p span { color:#000; }
.gal #main section a .nbPhotos { position:relative; float:left; margin-left:172px; color:#000; font-style:italic; margin-top:-15px; font-size:11px; }

.gal #main section a.videolink { display: inline; background: none; font-style: italic; text-decoration: underline;  padding: 0; margin: 0; }

.galphotos #main article h3 { font-family:"Raleway", Arial, Verdana, sans-serif; border:none; font-size:30px; margin:0; font-weight:normal; line-height:1em; float:none; }
.galphotos #main #gallery ul li { list-style:none; padding-left:0; background:none; }
.galphotos #gallery a, .galphotos #gallery span { border:3px solid #f2f2f1; float:left; margin:0 0 5px 5px; }

.galvideo #main article h3 { font-family:"Raleway", Arial, Verdana, sans-serif; border:none; font-size:30px; margin:0; font-weight:normal; line-height:1em; float:none; }
.galvideo #main section h4, .galvideo #main section h4 a { color:#b71234; font-size:13px; text-decoration:none; }
.galvideo #main section h5 { color:#b71234; font-size:11px; font-style: italic; margin: 0; }


#main form, #main fieldset .required span  { color:#808080; }
#main fieldset.paiement label span { color:#000; }
#main form h3 { color:#000; margin-left:5%; }
#main form ul { color:#000; padding-left: 5%; }
#main legend { font-family:"Raleway", Arial, Verdana, sans-serif; font-weight:bold; font-size:20px; color:#000; border-top:solid 2px #e7e6e6; width:100%; padding:10px 0 20px; }
.propresse #main p { margin:1em;}
#main p { color:#000; margin-bottom:3px; }
#main fieldset { padding-bottom:40px; }
#main fieldset fieldset { padding:0 0 10px 5%; }
#main fieldset fieldset legend { position:absolute; left:-9999px; }
#main fieldset fieldset label { margin-right:10px; }
#main fieldset div { width:45%; padding:0 0 0 5%; margin:0 0 10px 0; }
#main fieldset li div { padding-left:0; }
#main fieldset .line { width:97.6%; clear:both; margin:10px 0; padding-top:10px; }
#main fieldset.news { text-align:center; }
#main fieldset.news legend { text-align:left; }
#main fieldset.news .line { margin:0; text-align:left; }
#main fieldset .leftborder { border-left:dotted 2px #000; margin-bottom:30px; padding-left:1%; }
#main fieldset .required label, #main p span { color:#b71234; }
#main fieldset input[type="text"], #main fieldset input[type="tel"], #main fieldset input[type="number"], #main fieldset input[type="email"], #main fieldset select { width:95%; font-style:italic; font-family:"Raleway", Arial, Verdana, sans-serif; border-radius:3px; border:solid 1px #dcdcda; background-color:#f5f5f3; padding:5px; }
#main fieldset p { padding-left:5%; clear:both; }

/*For spam*/
#main fieldset .bisvisi { display: none; }

/*Special photo for tablet and mobile*/
#main form #msgPhoto { width:auto; background:url(../img/ic-msg-photo.png) 0 0 no-repeat; padding-left: 75px; width: auto; }
#main form #msgPhoto p { border-left: 2px dotted; padding: 0 0 0 10px; }

#main form input[type="submit"] {
    padding:8px 16px;
    color:#fff;
    font-family:"Raleway", Arial, Verdana, sans-serif;
    font-size:12px;
    border:none;
    background-color: rgb(195, 26, 33);
}

#main #fullWebPayment { border-top: 1px solid #DBDADA;  margin-top:20px; }
#main #fullWebPayment input[type="submit"] { margin-top:20px; }

#main .btn-grey {
    padding:10px 20px;
    display:inline-block;
    color:#fff;
    font-family:"Raleway", Arial, Verdana, sans-serif; border-radius:5px;
    font-size:16px;
    margin:10px 0 15px;
    border:none;
    text-decoration:none;
    background: #797979; /* Old browsers */
    background: -moz-linear-gradient(top, #797979 0%, #363636 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797979), color-stop(100%,#363636)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #797979 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #797979 0%,#363636 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #797979 0%,#363636 100%); /* IE10+ */
    background: linear-gradient(top, #797979 0%,#363636 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
}

#main aside{
    color:white;
    padding:0px 5% 10px;
}

#footer-container footer{
    color:white;
    position:relative;
}


/* ===============
    ALL: IE Fixes
   =============== */

.ie7 #title{ padding-top:20px; }


/* ===== Primary Styles ========================================================
   ========================================================================== */

.red { color:#b71234; }

.home #title { text-indent:-9999px; margin:57px auto 10px; background:url(../img/logo-home.png) 0 0 no-repeat; width:180px; height:88px; }
.page #title { text-indent:-9999px; background:url(../img/logo-simple-iphone.png) 0 0 no-repeat; width:47px; height:31px; margin:7px 0 0 0;}

#main ul li { margin-bottom: 10px; }

.accred #main article p, .accred #main article h4, .accred #main article ul, .legals #main .withTab p, .partners #main .withTab p { padding-left:20px; }

#main a { color:#b71234; text-decoration:none; font-style:italic; }

#main article header h2, #main > section header h2 { margin:0; font-family:"Raleway", Arial, Verdana, sans-serif; font-size:41px; font-weight:normal; margin-bottom:0; line-height:1; }
.home #main article header h2 { text-indent:-9999px; background:url(../img/titre-home-dates-iphone.png) 0 0 no-repeat; height:306px; width:193px; margin:-365px auto 60px; position:relative; z-index:15; }
.home.en #main article header h2 { text-indent:-9999px; background:url(../img/titre-home-dates-iphone_en.png) 0 0 no-repeat; height:323px; width:193px; margin:-365px auto 60px; position:relative; z-index:15; }

/*.infos.en #main article header h2 { line-height: 1.1; margin-top:5px; }*/

#main > section header h3 { font-family:"Raleway", Arial, Verdana, sans-serif; font-size:33px; font-weight:normal; margin-top:-20px; }

.accredpay #main #infos { font-size:16px; font-style:italic; line-height:1.2; }
.accredpay #main #infos p span { color:#808080; font-style:normal; }
.accredpay #main #infos h4 { color:#B71234; margin-bottom: 7px; }
.accredpay #main #infos .panier { margin-top:5px; padding:0 0 30px 15px; border-bottom:dotted 1px #000; color:#000; font-style:italic; }
.accredpay #main #infos .panier span { text-transform:uppercase; padding:0; color:#000; display:block; }
.accredpay #main #infos .panier span.tarif { float:left; margin-top:-20px; padding-left:200px; }
.accredpay #main #infos .totalpanier { font-weight:bold; margin-bottom:20px; }
.accredpay #main #infos .totalpanier span { padding-left:100px; text-transform:uppercase; font-style:italic; font-weight:normal; color:#000; }
.accredpay #main #infos .paycheque { border-top:solid 1px #e7e6e6; padding-top:20px; }


/* code Nico pour les videos */
.text iframe  {
    width: 280px;
    height: 158px;
    margin-left: -8px;
    display: none;
}


/* =============================================================================
   Media Queries
   ========================================================================== */



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


    /* code Nico pour les videos */
    .text iframe  {
        height: 384px;
        margin-left: -8px;
        width: 680px;
    }
    .prog .text iframe {
        height: 300px;
        width: 550px;
    }



    .wrapper {
        margin: 0 2%;
        width: 96%;
    }

    #diaporama { display:block; width:100%; margin:0 auto; }
    #slidesContainer { width:99%; }

    #header-container { /*height:116px;*/ height: auto/*633px*/; } /* 30/05 */

    .home #header-container { /*height:588px;*/ } /* 30/05 */


    #lg-nav { float:right; margin-top: 5px; border-left: 1px solid #000; }
    #lg-nav ul { margin-top:0; width:50px; margin-left: 20px;  }
    #lg-nav a { line-height: 48px; font-size:14px; }

    .home #title { margin:7px auto 10px; }
    .page #title { background:url(../img/logo-simple-ipad.png) 0 0 no-repeat; width:61px; height:41px; margin:15px 0 0 0;}

    /*_2016_ .accred #main ul { width:45%; }*/
    .accred #main ul.line { width:100%; }
    .listeleft { float:left; }
    .listeright { float:right; }

    .accred #main article ul.listeleft { padding-left:20px; }

    #main legend { font-size:28px; }
    #main form input[type="submit"] { font-size:16px; }
    #main form #msgPhoto { margin-left: -40px; }

    .accredpay #main #photo { position:absolute; right:0; top:135px; }

    .accredpay #main #infos .panier { width:400px; }
    .accredpay #main #infos .panier span { display:inline;  padding-left:33px; }
    .accredpay #main #infos .panier span.tarif { float:none; margin:0; padding-left:33px; }
    .accredpay #main #infos .totalpanier span { padding-left:230px; }

    .contacts #main section h3, .infos #main section h3, .presentation #main section h3 { font-size:28px; }
    .contacts section { position:relative; }
    .contacts #imgContacts, .presentation #imgComite { display:block; }
    .contacts #zoneHover  { display:block; }
    .contacts #zoneHover img { display:none; position:absolute; }
    .contacts img.anais { top:145px; left:-80px; }
    .contacts img.ellen { left: 480px; top: 80px; }
    .contacts img.marie { left: 410px; top: 45px; }
    .contacts img.laetitia { left: 360px; top: 75px; }
    .contacts img.emmanuelle { left: 280px; top: 5px; }
    .contacts img.charlene { left: 185px; top: 15px; }

    .infos #main section img { display:block; margin-left:-20px; }
    .infos #main section p { margin-left:10px; padding-left:30px; position:relative; }
    .infos #main section #h1 { background:url(../img/ph1.png) 0 5px no-repeat; }
    .infos #main section #h2 { background:url(../img/ph2.png) 0 5px no-repeat; }
    .infos #main section #h3 { background:url(../img/ph3.png) 0 5px no-repeat; }
    .infos #main section #h4 { background:url(../img/ph4.png) 0 5px no-repeat; }
    .infos #main section #h5 { background:url(../img/ph5.png) 0 5px no-repeat; }
    .infos #main section #h6 { background:url(../img/ph6.png) 0 5px no-repeat; }
    .infos #main section #h7 { background:url(../img/ph7.png) 0 5px no-repeat; }
    .infos #main section #h8 { background:url(../img/ph8.png) 0 5px no-repeat; }
    .infos #main section #h9 { background:url(../img/ph9.png) 0 5px no-repeat; }
    .infos #main section #h10 { background:url(../img/ph10.png) 0 5px no-repeat; }
    .infos #main section #h11 { background:url(../img/ph11.png) 0 5px no-repeat; }
    .infos #main section #h12 { background:url(../img/ph12.png) 0 5px no-repeat; }

    .partners #main li a { width:132px; height:132px; }
    .partners #main li img { width:132px; height:132px; }

    /*.prog #main section .dayProg { margin-left:-30px; padding-left:50px; }*/
    .prog #main section h3 { font-size:28px; }
    .prog #main section h4 { font-size:17px; }
    .prog #main section h4 span.title { font-size:21px; width:75%; }
    .prog #main section .type { width:23%; }
    .prog #main section .text { margin-left:10%; padding:15px; background-color:#f5f5f5; }
    .prog #main section .show, .prog #main section .hide,
    .galvideo #main section .show, .galvideo #main section .hide { font-size:12px; }

    .gal #main section a { width:100%; }
    .gal #main section a h4 { font-size:17px;  }
    .gal #main section a p { position:absolute; bottom:10px; left:182px; font-weight:bold; margin:0; font-size:14px; }
    .gal #main section a .nbPhotos { position:absolute; bottom:10px; right:10px; color:#000; font-style:italic; margin:0; font-size:14px; }

    .galvideo #main section h4, .galvideo #main section h4 a { font-size:20px; text-decoration: none; }
    .galvideo #main section h5 { font-size:14px; }
    .galvideo #main section .text div { margin-left: 25px; }

    #footer-container { height:40px; }

    #footer-nav { font-size:14px; }


    /* ====================
        INTERMEDIATE: Menu
       ==================== */

    #main-nav { padding-top:0; margin-top: 5px; }

    #main-nav a{
        float:left;
        padding: 0px;
        border-bottom:none;
        font-size:15px; /* ou 14 pour safari */ 
        width:auto;
    }

    /*#main-nav li:first-child a{ margin-left:0; padding-left:0;  }
    #main-nav li:last-child a{ margin-right:0; border:none; padding-right:0; }*/

    .page #title{
        float:left;
    }

    #main-nav{
        float:left;
		width: 92%;
		height: 50px;
    }

    #footer-nav li { margin-bottom:0; }

    #footer-nav a{
        float:right;
        margin-right:15px;
    }

    #footer-nav li:first-child a { margin:0; }

    #social-link a { float:left; }

    /* ========================
        INTERMEDIATE: IE Fixes
       ======================== */

    #main-nav ul li{
        /*display:inline-block;*/
    }
    .oldie #main-nav a{
        margin:0 0.7%;
    }

    /* ============
        WIDE: Main
       ============ */

    #main article, #main > section{
        float:left;
        width:100%;
    }

    .home #main article {
        float:right;
        width:70%;
    }

    #main article header, #main > section header{
        position:absolute;
        left:0;
        top:20px;
    }

    .home #main article header h2 { background:url(../img/titre-home-dates.png) 0 0 no-repeat; height:395px; width:248px; margin:25px 0 0 0;}
    .home.en #main article header h2 { background:url(../img/titre-home-dates_en.png) 0 0 no-repeat; height:414px; width:248px; margin:25px 0 0 0;}

    #main aside{
        float:left;
        width:28%;
    }

}

@media screen and (min-width: 728px) and (max-width: 980px) {

    /*#main-container { background:url(../img/bg-middle-ipad.gif) 0 0 repeat; }*/

    #main article { border-top:solid 2px #dbdada; }
    .infos #main article { border-top:none; margin-top:50px; }

    #main article, #main > section{
        float:right;
        width:90%;
        margin-top:65px;
    }

    .prog #main article { margin-top: 0;width:67%; }
    .galphotos #main article, #main > section { width:100%; }

    #main article header, #main > section header{
        position:absolute;
        left:0;
        top:20px;
    }

    .accredpay #main #infos { padding-top:0; margin-top:20px; border-top:solid 1px #dbdada; }

    .home #main-nav { width:650px; margin:0 auto 30px; height:60px; float:none; }

    .home #main-nav a { padding:12px 15px; }

}

@media screen and (min-width: 728px) and (max-width: 850px) {

    /* code Nico pour les videos */
    .text iframe  {
        height: 282px;
        margin-left: -8px;
        width: 500px;
    }

    .home #main article { width:60%; margin-top:0; border-top:none; }

}

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

    .home #main article { width:65%; margin-top:0; border-top:none; }

}

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

    #main-container { /*background:url(../img/bg-middle-web.gif) 0 0 repeat;*/ }

    .home #title{
        float:left;
        margin:7px 0 10px 0;
    }

    #main article header, #main > section header {
        width:300px;
    }

    .page #title { background:url(../img/logo-simple.png) 0 0 no-repeat; width:79px; height:53px; margin:7px 0 0 0;}

    .accredpay #main #photo { position:initial; top:130px; left:0; }
    .accredpay #main #infos { /*padding-top:80px;*/ }

    .home #header-container { /*height:698px;*/ } /* 30/05 */

    .galphotos #main header { width:290px; }

    #main form #msgPhoto { display:none; }

    /* ============
        WIDE: Menu
       ============ */
    /*#main-nav ul li { display: inline-block; position: relative;}
    #main-nav a{
            padding:12px 17px;
            margin:7px 0 0;
            font-size:23px;
    }
    #main-nav ul.ss-menu { display: none; position: aboslute; top: 10%; left: 0px; }
    #main-nav > li:hover ul.ss-menu { display: block;}
    

    #footer-nav a{
            margin-left:25px;
    }*/

}

@media screen and (max-width: 1000px) { .fbHome { height:auto!important; } .Container { height:auto!important; } #Scroller-1 { height:auto!important; } #Scrollbar-Container { visibility:hidden!important; } .Scrollbar-Track { display:none!important; }  }

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

    .home #main article section { width:48%; float:left; }
    .home #main article section strong, .presentation #main article section strong { color:#B71234; }
    .home #main article section p { margin:0 0 15px; }
    .home #main article section.fbHome { float:right; padding-left:2%; border-left:dotted 2px #000; height:415px; }
    .home article section.fbHome h3 { line-height:1; margin-bottom:3px; }

    .home #main article header h2 { margin:15px 0 0 0; }




}

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

    .text iframe { display: block;}

}

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

    /* ===============
        Maximal Width
       =============== */

    #diaporama { width:980px; margin:0 auto; }
    #slidesContainer { width:910px; }

    #leftControl { left:0!important; }
    #rightControl { right:0!important; }

}

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

    /* ===============
        Maximal Width
       =============== */

    .wrapper{
        width:1026px; /* 1140px - 10% for margins */
        margin:0 auto;
    }

    #diaporama { width:980px; margin:0 auto; }
    #slidesContainer { width:910px; }

}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { position:absolute; left:-9999px; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearight { clear:right; }
.clearleft { clear:left; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* ===== HEADER ===== */
#header-top-container { position: absolute; left: 0; top: 0px; width: 100%; height: 100px; padding-top:14px; background-color: rgba(255, 255, 255, 0.95); z-index: 9999;}
#header-top { height: 100px; }
#header-top .logo { float: left; width: 30%;}
#header-top .logo img { width: 100%;}

/*#header-top-container { position: absolute; left: 0; top: 0px; width: 100%; height: 136px; padding-top:14px; background-color: rgba(255, 255, 255, 0.95); z-index: 9999;}
#header-top { height: 136px; }
#header-top .logo { float: left; width: 40%;}
#header-top .logo img { width: 100%;}*/

#rs-nav { float: right; }
#rs-nav a { display: block; width: 42px; height: 42px; text-indent: -9999em; }
#rs-nav a.icon-fb { background: url(../img/2017/sprite-accueil.png) no-repeat -183px -121px transparent; }
#rs-nav a.icon-fb:hover { background: url(../img/2017/sprite-accueil.png) no-repeat -183px -163px transparent; }
#rs-nav a.icon-tw { background: url(../img/2017/sprite-accueil.png) no-repeat -231px -121px transparent; }
#rs-nav a.icon-tw:hover { background: url(../img/2017/sprite-accueil.png) no-repeat -231px -163px transparent; }
#rs-nav a.icon-d { background: url(../img/2017/sprite-accueil.png) no-repeat -279px -121px transparent; }
#rs-nav a.icon-d:hover { background: url(../img/2017/sprite-accueil.png) no-repeat -279px -163px transparent; }
#rs-nav a.icon-in { background: url(../img/2017/sprite-accueil.png) no-repeat -327px -121px transparent; }
#rs-nav a.icon-in:hover { background: url(../img/2017/sprite-accueil.png) no-repeat -327px -163px transparent; }
#rs-nav a.icon-li { background: url(../img/2017/sprite-accueil.png) no-repeat -375px -121px transparent; }
#rs-nav a.icon-li:hover { background: url(../img/2017/sprite-accueil.png) no-repeat -375px -163px transparent; }

/* ===== NAVIGATION ===== */
#headerSlider { position: relative; width: 100%; /*height: 633px;$/ /*border-top: 8px solid #c31a21;*/ z-index: 0; } /* 30/05 */
#main-menu-container { width: 100%; height: 65px; background-color: #f9f9f9;}
.presentation #main-menu-container,
.programmation #main-menu-container, 
.prog #main-menu-container,
.page #main-menu-container { position: absolute; top: 0; left: 0;}
#main-menu-container.stick { 
	position: fixed; 
	top: 0;
	left: 0; 
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}
#main-menu-container h1 { }
#rs-nav ul { float: right;}
#rs-nav ul li { float: left; margin-left: 6px;}

/* ===== THELINK ===== */
#thelink-container { position: absolute; width: 100%; min-height: 74px; background: url(../img/2017/bkg-thelink.png) no-repeat top center transparent; }
.thelink-login { float: right; width: 30%; margin-top: 14px; }
.thelink-login .title { float: left; color: #fff; line-height: 28px; font-family: "SharpSansMedium", "Raleway", Arial, sans-serif;}
.thelink-login .title b { font-family: "SharpSansBold", "Raleway", Arial, sans-serif; }
.thelink-login .btn-login { display: block; float: right; width: 65px; height: 47px; background-color: #db767a; border: 1px solid #fff; color: #fff; line-height: 47px; text-align: center; text-decoration: none; }
.thelink-form { display: none; }

/* ===== MENU ===== */
.mobile-mainnav { display: none; }
#main-menu-mobile { display: none;}

#main-nav ul ul {
    display: none;
}

#main-nav ul li:hover > ul {
    display: block;
}
#main-nav ul {
    padding: 0;
    margin:0;
    list-style: none;
    position: relative;
}
#main-nav ul li {
    float: left;
    margin-left: 26px;
    white-space:nowrap;
    position:relative;
}
#main-nav ul li.first { margin-left: 0; } 
#main-nav ul li a.icon-home, .mobile-mainnav a.icon-home { width: 50px !important; height: 39px; background: url(../img/2017/sprite-accueil.png) no-repeat -31px -121px transparent; text-indent: -9999em;}
#main-nav ul li:hover {
    /*-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
}
#main-nav ul li:hover a {

}
#main-nav ul li a {
    display: inline-block;
    margin: 10px 15px;
    text-decoration: none;
    color:#000;
    text-transform:uppercase;
}
#main-nav ul li a:hover {
    color:#ccc;
}

#main-nav > ul > li > a
{
    margin-left: 35px;
    opacity: 1;
    margin: 0;
    font-family: "SharpSansBold", "Raleway", Georgia, serif; 
    text-transform: uppercase;
    font-weight: normal;
    /*transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;*/
}

#main-nav > ul > li > a
{
    line-height: 48px;
}

#main-nav > ul > li:hover > a
{
    /*opacity: 0.6;*/
	border-bottom: 3px solid #c31a21;
	color: #c31a21 !important;
}
/*#main-nav > ul > li > a.active { border-bottom: 3px solid #c31a21; }*/
#main-nav > ul > li > a.icon-home { border: 0;}
#main-nav ul ul {
    background: #e7e7e7;
    padding: 20px 0;
    position: absolute;
    top: 100%;
    left:0px;
    min-width:250px;
    z-index: 99999;
    /*box-shadow: 0px 0px 5px rgba(0,0,0,0.20);*/

    font-size: 13px;
    line-height: 23px;

    -webkit-animation-duration: .3s;
    -moz-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;

    -webkit-animation-name: main_nav_anim;
    -moz-animation-name: main_nav_anim;
    -o-animation-name: main_nav_anim;
    animation-name: main_nav_anim;
    z-index: 9999;
}

/* filter Safari ( from 5+ till 6.1)  from Chrome: */
@media screen and (-webkit-min-device-pixel-ratio:0) { 

    ::i-block-chrome, .main-navigation ul ul
    {
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

}

#main-nav ul ul li {
    clear: both;
    width: 220px;
    position: relative;
    z-index: 99999;
	background: url("../img/2017/menu.png") no-repeat center left transparent;
    line-height: 18px;
	margin-left: 15px;
    padding-left: 15px;
}
#main-nav ul ul li:hover {
    clear: both;
    position: relative;
    z-index: 99999;
	list-style-image: none;
}
#main-nav ul ul li a:hover:before { content: ""; width: 9px; height: 18px; position: absolute; top: 0; left: -8px; background: url("../img/2017/menu-hover.png") no-repeat left center transparent; }

#main-nav ul ul li:last-child {
    border-bottom: 0px solid #ccc;
}

#main-nav ul ul li a {
    position: relative;
    width: 190px;
    text-align: left;
    margin: 0px;
    border-bottom: 2px solid transparent;
    text-transform: none;
    color: #000 !important;
	text-decoration: none;
        line-height: 18px;
}

#main-nav ul ul li a:hover {
    /*-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
	text-decoration: none;
	background-color: #c31a21;
	color: #000;
	padding-left: 0px;
    margin-left: -14px;
    line-height: 18px;
    padding: 0 20px 0 14px;
}

/* SIDEMENU */
.menu-left-side {
    display: none;
    position: absolute;
    float: left; 
    width: 100%;
    height: auto;
    background-color: #e7e7e7;
    color: #000;
    margin-top: 10px;
/*    height: 100%;  100% Full-height 
    width: 0;  0 width - change this with JavaScript 
    position: fixed;  Stay in place 
    z-index: 1;  Stay on top 
    top: 0;
    left: 0;
      Black
    overflow-x: hidden;  Disable horizontal scroll 
    padding-top: 60px;  Place content 60px from the top 
    transition: 0.5s;  0.5 second transition effect to slide in the sidenav */
}
.menu-left-side > ul { clear: both; float: left; width: 100%;}
.menu-left-side ul { margin-bottom: 10px;}

.menu-left-side a {
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    font-size: 18px;
    color: #000;
    display: inline;
}
.menu-left-side > ul > li > a { text-transform: uppercase; } 
.menu-left-side li ul.ss-menu { margin-top: 0; margin-left: 50px; list-style-position: inside; }
.menu-left-side li ul.ss-menu li { list-style-image: url("../img/2017/menu.png")}
.menu-left-side li ul.ss-menu li a { font-weight: 300; padding: 0px; }
.menu-left-side a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}
.menu-left-side .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #B71234;
}

@media screen and (max-height: 450px) {
    .menu-left-side {padding-top: 15px;}
    .menu-left-side a {font-size: 18px;}
}

.mobile-mainnav a.icon-home { border: 0 !important; padding: 0 !important; }

/* TITRE PAGE */
#mainTitle { clear: both; float: left; width: 100%; height: 60px; line-height: 60px; background-color: #f9f9f9; }
#mainTitle h1 { text-transform: uppercase; font-family: "SharpSansBold", "Raleway", Arial, sans-serif; font-size: 40px; }
#mainTitle h1 .current-title { /*font-weight: 300;*/ font-family: "SharpSansSemibold", "Raleway", Arial, sans-serif; font-size: 26px;}

/* CONTENT COMMUN */
#main-container { clear: both;}
#main h3 { margin-top: 0;}
h3.ActPed {	margin: 20px auto -10px auto !important;}
.one-third { position: relative; float: left; width: 31.3%; min-height: 50px; margin: 1%;}
.one-third h2 { position: absolute; left: 0; bottom: 28px; font-family: "SharpSansBold", "Raleway", Georgia, serif; background-color: rgba(255, 255, 255, 0.8); padding: 5px 10px; text-transform: uppercase; }
.one-third.fb h2, .one-third.newsletter { padding-bottom: 20px;}
.one-third.fb h2, .one-third.newsletter h2 { position: static; float: left; width: 98%; margin: 0 0 1% 0; background-color: transparent; }
.one-third.fb h2, .one-third.newsletter form { float: left; width: 98%; margin: 0 1%; }
.one-third.gris { background-color: #f9f9f9; }
.one-third ul { /*margin-left: 10px;*/ }
.two-third { float: left; width: 64.6%; min-height: 50px; margin: 1%; }
.two-third p { float: left; width: 48%; margin-left: 2%;}
.two-third p.last { margin-left: 0;}
.one-third a, .two-third a { color: #000 !important; font-style: normal !important;}
.one-third img, .two-third img { width: 100%; }

.one-third.video li { clear: both; float: left; width: 100%; font-size: 13px; }
.one-third.video img.thumb-video, .two-third img.thumb-video { width: auto; width: initial; float: left; }
.one-third.video .video-titre { display: block; float: left; margin-left: 10px; color: #c31a21; font-weight: 800; width: 200px; }
.one-third.video .video-auteur { display: block; float: left; margin-left: 10px; color: #7f7f7f; }
.one-third.video .video-auteur b { color: #000; }
/* PRESENTATION */
.menu-presentation { margin-left: 20px; }
.menu-presentation li { list-style-image: url(../img/2017/menu.png);}
.menu-presentation > li > a { color: #000 !important; font-style: normal !important;}
.menu-presentation ul li a { color: #7f7f7f !important; }
.menu-presentation ul { margin-left: 40px;}

/* QSN */
#enbref { height: 300px; }
#enbref .block-bkg { width: 116px; height: 91px; background: url(../img/2017/sprite-presentation.png) no-repeat -483px 0px transparent; }
#enbref.en .block-bkg { width: 127px; height: 91px; background: url(../img/2017/sprite-presentation-en.png) no-repeat -579px 0px transparent; }
/*#enbref:hover .block-bkg, */#enbref.active .block-bkg { background-position: -483px -91px; }
#enbref.en.active .block-bkg { background-position: -579px -91px; }

#comites { height: 300px; }
#comites .block-bkg { width: 222px; height: 90px; background: url(../img/2017/sprite-presentation.png) no-repeat -261px 0px transparent; }
#comites.en .block-bkg { width: 319px; height: 91px; background: url(../img/2017/sprite-presentation-en.png) no-repeat -260px 0px transparent; }
/*#comites:hover .block-bkg, */#comites.active .block-bkg { background-position: -261px -91px;}
#comites.en.active .block-bkg { background-position: -260px -91px;}

#europeansum { height: 300px; }
#europeansum .block-bkg { width: 260px; height: 136px; background: url(../img/2017/sprite-presentation.png) no-repeat 0px 0px transparent; }
#europeansum.en .block-bkg { width: 260px; height: 136px; background: url(../img/2017/sprite-presentation-en.png) no-repeat 0px 0px transparent; }
/*#europeansum:hover .block-bkg, */#europeansum.active .block-bkg { background-position: 0px -136px;}

#equipes { height: 300px; }
#equipes .block-bkg { width: 219px; height: 146px; background: url(../img/2017/sprite-presentation.png) no-repeat -599px 0px transparent; }
#equipes.en .block-bkg { width: 136px; height: 45px; background: url(../img/2017/sprite-presentation-en.png) no-repeat -706px 0px transparent; }
/*#equipes:hover .block-bkg, */#equipes.active .block-bkg { background-position: -599px -146px;}
#equipes.en.active .block-bkg { background-position: -706px -45px;}

#inbrief { height: 300px; }
#inbrief .block-bkg { width: 116px; height: 91px; background: url(../img/2017/sprite-presentation-en.png) no-repeat -483px 0px transparent; }
#inbrief.en .block-bkg { width: 127px; height: 91px; background: url(../img/2017/sprite-presentation-en.png) no-repeat -579px 0px transparent; }
/*#enbref:hover .block-bkg, */#enbref.active .block-bkg { background-position: -483px -91px; }
#enbref.en.active .block-bkg { background-position: -579px -91px; }


.tab { width: 32%; background-color: #e7e7e7; cursor: pointer; }
.tab.first { margin-left: 0; }
.tab.last { margin-right: 0; }
.tab .block-bkg { position: absolute; top: 0; left: 0; }
.tab p {  margin-top: 160px; padding: 0 10px; }
.tab span { padding: 0 10px; }
.tab.active { background-color: #fff; }
.tab.active .block-bkg { position: absolute; bottom: 0; left: 0; top: initial; }
.tab.active > p, .tab.active > span { display: none; }
.tab span.more { position: absolute; bottom: 4px; right: 12px;color: #c31a21; background: url(../img/2017/arrow-more.png) no-repeat right center transparent; padding-right: 25px; text-transform: uppercase; }
.tab:hover span.more { text-decoration: underline; }
.content-tab { clear: both; float: left; position: relative; width: 100%; display: none; background-color: #e7e7e7; padding: 20px 0; margin-top: 20px; }
.content-tab.active .current-arrow { content: " "; position: absolute; width: 20px; height: 7px; top: -7px; left: 80px; background: url(../img/2017/sprite-presentation.png) no-repeat -319px -292px transparent; }
.content-tab.active { display: block;}
.content-tab p,
.content-tab h2,
.content-tab ul,
.content-tab h3,
.content-tab iframe { padding: 0 20px; }

#enbref-content .current-arrow, #equipes-content .current-arrow { left: 16%; margin-left: -10px; }
#comites-content .current-arrow { left: 50%; margin-left: -10px; }
#europeansum-content .current-arrow { left: 84%; margin-left: -10px; }

.content-tab h2, .content-tab h3{ float: left; width: 100%; text-transform: uppercase; margin: 30px 0 5px 0; font-family: "SharpSansBold", "Raleway", Arial, sans-serif; }

#trombi-edit {clear: both; position: relative; float: left; width: 100%; }
#trombi-edit .membre { float: left;}
#trombi-edit .membre .img { position: relative; }
#trombi-edit .membre .info-membre-container { position: absolute; left: 0px; display: none; background-color: #ed1b24; width: 985px; padding: 20px; z-index: 9999;}
#trombi-edit .membre:hover .info-membre-container { display: block; }
/*#trombi-edit .membre .arrow { display: none; position: absolute; left: 0; top: 231px; width: 100%; height: 25px; background: url(../img/2017/trombi-arrow.png) no-repeat top center transparent; }
#trombi-edit .membre:hover .arrow { display: block; }*/
#trombi-edit .membre .activeMembre { display: none; position: absolute; left: 0; top: 0px; width: 97.3%; height: 97.3%; border: 4px solid #ed1b24; cursor: pointer; }
#trombi-edit .membre:hover .activeMembre { display: block; }

#trombi-edit .info-membre { width: 600px; margin: 0 auto; color: #fff;}
#trombi-edit .info-membre .membre-nom { float: left; background-color: #fad2d3; color: #c31a21; padding: 4px 10px; }
#trombi-edit .info-membre .membre-role { clear: left; float: left; margin-top: 10px; text-transform: uppercase;}
#trombi-edit .info-membre .membre-carriere { float: left; margin-left: 35px; margin-top: 10px; text-transform: uppercase; }
#trombi-edit .info-membre .membre-bio { clear: left; float: left; width: 100%; margin-top: 15px; }

/* PHOTOTEQUE */
.gal #main section a p { margin-top: -60px;}

/* PROGRAMMATION */
.sect_progSD p { margin: 0 0 20px 0 !important; }
.programmation #main h2 { margin-top: 0px; }

/* INTERVENANTS */
h2.titre-interv { position: relative; float: left; height: 41px; background-color: #e7e7e7; margin: 30px 0 0 0; line-height: 41px; padding: 0 20px; text-transform: uppercase; font-family: "SharpSansBold", "Raleway", Georgia, serif; }
h2.titre-interv:after { content: " "; position: absolute; top: 0; right: -20px; width: 20px; height: 41px; background: url(../img/2017/intervenants/fond-titre-intervenants.png) no-repeat top right transparent; }
#trombi-interv { clear: both; position: relative; float: left; width: 100%; background-color: #e7e7e7; padding: 0; }
#trombi-interv .membre { display: none; float: left;}
#trombi-interv .membre .img { position: relative; overflow: hidden; cursor: pointer; }
#trombi-interv .membre .short-info-membre { position: absolute; left: 5px; bottom: 5px; text-transform: uppercase; font-size: 12px; z-index: 888;}
#trombi-interv .membre .short-info-membre .membre-nom { float: left; background-color: rgba(255,255,255,0.8); color: #c31a21; padding: 0px 30px 0 10px; font-family: "SharpSansSemiBold", "Raleway", Arial, sans-serif; }
#trombi-interv .membre .short-info-membre .membre-role, 
#trombi-interv .membre .short-info-membre .membre-carriere { clear: left; float: left; background-color: #ed1b24; color: #fff; padding: 0px 30px 0 10px; font-family: "SharpSansLight", "Raleway", Arial, sans-serif; }
#trombi-interv .membre .img .bkg-hover { position: absolute; left: 0; bottom: -256px; width: 100%; height: 100%; background-color: rgba(237,27, 36, 0.9); z-index: 777;}
#trombi-interv .membre .img:hover .bkg-hover { position: absolute; left: 0; bottom: 0px;}
#trombi-interv .membre.visible { display: block; }

/*input::placeholder {
  color: #ed1b24;
  font-family: "SharpSansBold", "Raleway", Georgia, serif;
  text-transform: uppercase;
}*/

#trombi-interv .info-membre-container {display: none;}

/* POPUP MODAL INTERVENANTS */
.info-membre-container.interv { position: relative; width: 690px; height: 512px; overflow:hidden; padding: 0 20px 20px 20px !important; background: url('../img/2017/bkg-popup.png') no-repeat top left transparent !important; }
.info-membre-container.interv .photo-membre { width: 246px; margin: 0 auto; }
.info-membre-container.interv .photo-membre img { width: 100%; }
.info-membre-container.interv .info-membre { width: 475px; margin: 30px auto;}
.info-membre-container.interv .info-membre .membre-nom { width: 100%; text-transform: uppercase; color: #c31a21; border-bottom: 2px solid #e6e2e3; font-family: "SharpSansBold", "Raleway", Georgia, serif; background: url("../img/2017/menu.png") repeat-x center center transparent; }
.info-membre-container.interv .info-membre .membre-nom span { background-color: #fff; padding: 0 10px 0 0;}
.info-membre-container.interv .info-membre .membre-role { width: 100%; text-transform: uppercase; color: #1e1e1e; font-family: "SharpSansBook", "Raleway", Georgia, serif; margin-top: 5px; font-size: 13px; }
.info-membre-container.interv .info-membre .membre-bio {
    width: 400px;
	height: 148px;
    text-align: justify;
    margin: 20px auto;
	padding-right: 10px;
    font-size: 14px;
	overflow-y: scroll;
}
.info-membre-container.interv .fancybox-infobar {position: absolute; top: 130px; left: 120px; width: 450px;}
.info-membre-container.interv .fancybox-infobar .fancybox-button--left { position: absolute; top: 0; left: 0; width: 51px; height: 51px; background: url('../img/2017/intervenants/fleches-popup.png') no-repeat top left transparent; }
.info-membre-container.interv .fancybox-infobar .fancybox-button--right { position: absolute; top: 0; right: 0; width: 51px; height: 51px; background: url('../img/2017/intervenants/fleches-popup.png') no-repeat top right transparent; }
.info-membre-container.interv .fancybox-infobar .fancybox-button--left:after, .info-membre-container.interv .fancybox-infobar .fancybox-button--right:after { display: none;}
.info-membre-container.interv .fancybox-infobar .fancybox-button--left:hover, .info-membre-container.interv .fancybox-infobar .fancybox-button--right:hover { background-position-y: bottom;}
.select2-selection--multiple { min-height: 28px !important;}
li.select2-search { margin-bottom: 0 !important; }
.select2-container--default .select2-selection--multiple, 
.select2-container--default .select2-selection--single,
.select2-dropdown { background-color: #e7e7e7 !important; border: none !important;}


.select2-search__field::placeholder, .select2-selection__placeholder, .select2-results__option {
  color: #ed1b24 !important;
  font-family: "SharpSansBold", "Raleway", Georgia, serif;
  text-transform: uppercase;
}
.select2-results__option { color: #ed1b24 !important; font-family: "SharpSansBook", "Raleway", Georgia, serif; text-transform: uppercase; }
.select2-results__option.select2-results__option--highlighted, .select2-results__option:hover { color: #e7e7e7 !important; }

/* KIDS */
#logo-kids { width: 100%; text-align: center; margin-bottom: 50px;}
#logo-kids img { text-align: center; margin: 0 auto;}

/* FOOTER */
#intervenants-container { width: 100%; height: 350px; background-color: #f2f2f2; }
.owl-carousel > .owl-item { background: #fff; }
#partenaires-container { position: relative; width: 100%; height: 265px; margin-top: 30px; background-color: #f9f9f9; }
#partenaires { position: relative; z-index: 9999; }
#intervenants-container h3,
#partenaires-container h3  { float: left; width: 100%; text-align: center; font-family: "SharpSansLight", "Raleway", Georgia, serif; text-transform: uppercase; margin-bottom: 0; }
#intervenants-container h3 { font-family: "SharpSansBold", "Raleway", Georgia, serif; font-size: 18px; }
#intervenants-container h4 { font-family: "SharpSansMediumItalic", "Raleway", Georgia, serif; font-size: 14px; }
#intervenants-container a,
#partenaires-container a  { float: left; width: 95%; text-align: right; font-style: italic; color: #000; }
#partenaires-container .mask-bkg { position: absolute; top: 0; left: 0; width: 100%; height: 265px; background: url(../img/2017/mask-partenaires.png) no-repeat top center transparent; z-index: 999; }
.ms-staff-carousel { clear: both; max-width: 100%;}


/* ==================*/
/* == MOBILE 2017 == */
/* ==================*/
@media only screen and (max-width: 728px) {
#header-top-container { position: initial;}
#header-top .logo { width: 100%;}
#header-top .logo img { width: 98%; padding: 1%; }
#rs-nav { clear: both;}
#headerSlider { height: initial;}
#thelink-container { display: none;}

/* MENU */
#main-menu-container.stick { position: absolute;}
.mobile-mainnav { position: relative; display: block; font-family: "Raleway", Georgia, serif; text-transform: uppercase; font-weight: 800; font-size: 18px;}
.mobile-mainnav-left { position: absolute; font-size: 20px; }
#main-menu-mobile { display: none;}
#main-nav ul, #lg-nav { display: none; }
#main-nav ul li { margin: 0;}
#main-nav ul li a.icon-home { width: initial; height: initial; background: none; text-indent: initial;}

/* HEADER */
.home #header-container, #header-container { height: initial;}

/* COMMUN */
.one-third, .two-third { width: 100%; }
.two-third > p { width: 100%; }
#main-sub-menu-container { padding-top: 10px; }
#main-sub-menu ul { margin-top: 20px; }
#main-sub-menu ul li { float: none !important;}

#mainTitle h1 span { display: block; line-height: 30px; font-size: 19px !important;}
/*#mainTitle h1 .parent-title {}*/

/* HOME */
.one-third iframe { width: 100% !important;}

/* PRESENTATION */
.content-tab iframe { width: 100%; padding: 0;}
.tab.first, .tab.last { margin: initial; }
.tab.one-third { margin: 0 0 10px 0; width: 100%;}
.content-tab h3 { width: 98%; margin: 0 2%;}

#trombi-edit .membre { width: 100%; }
#trombi-edit .membre img { width: 100%; }
#trombi-edit .membre .info-membre-container { width: 92%; padding: 4%;}
#trombi-edit .membre .arrow { top: initial; bottom: 0;}
#trombi-edit .info-membre { width: 100%;}

.partners #main li > a { background-image: none !important; }

/* PROGRAMMATION */
#menuTri .filtre { width: 100% !important; }
#main input[type=checkbox].css-checkbox + label.css-label, 
#main input[type=checkbox].checkboxMed + label.css-label { display: inline !important; }
#main label.css-label { background: none !important;}
/*#main input[type=checkbox].css-checkbox {
	position: initial;
    z-index: 0;
    left: 0;
    overflow: hidden;
    /* clip: rect(0 0 0 0); */
    /*height: initial;
    width: initial;
    margin: 5px 0 0 0;
    padding: 0;
    border: 0;
    float: left;
} */

.programmation #main .wrapper-title { /*padding: 0;*/ background-position: 0 0; }
.programmation #main .text .text-wrap { width: 92%; padding: 4%; margin-top: 20px;}
.programmation #main .wrapper-img,
.programmation #main .dayProg > div.open .wrapper-img { height: 100%; }
.programmation #main .open .wrapper-title { background: none; }

#main input[type=checkbox].css-checkbox + label.css-label, #main input[type=checkbox].css-checkbox + label.css-label { display: inline;}
.page #headerSlider { padding-top: 65px;}
.one-third ul { list-style-position: inside; }

/* INTERVENANTS */
#intervenants-filters { }
#intervenants-filters .select2-container { margin: 5px 0; width: 100% !important;}
#trombi-interv { }
#trombi-interv .membre.visible { width: 100%;}
#trombi-interv .membre.visible img { width: 100%; }
#trombi-interv .membre .img .bkg-hover { bottom: -100%; }
.info-membre-container.interv { width: 100%; height: inherit; background-color: #fff !important; padding: 10px !important; }
.info-membre-container.interv .info-membre { width: 100%; }
.info-membre-container.interv .info-membre .membre-bio { width: 100%; }
.fancybox-close-small { top: 5% !important;}

.info-membre-container.interv .fancybox-infobar { left: 0px; width: 98%;}

/* KIDS */
#logo-kids img { width: 90%; }
.programmation.kids #main { padding-bottom: 20px; }
.programmation.kids .sect_progSD  div{ clear: both; float: left !important; width: 100% !important; margin-bottom: 20px;}
.programmation.kids .sect_progSD  div > img{ float: none !important;}

}

/* ====================*/
/* == TABLETTE 2017 == */
/* ====================s*/
@media all and (min-width: 728px) and (max-width: 1023px) {
#header-top-container { position: initial;}
#header-top .logo { width: 50%;}
#header-top .logo img { width: 98%; padding: 1%; }
#rs-nav {}
#headerSlider { height: initial;}
#thelink-container { display: none;}

/* MENU */
#main-nav { width: 100%; }
#main-nav a { margin: 0 auto; float: none; margin-top: 10px; }
#main-nav .mobile-mainnav-left { position: absolute; top: 5px;}
.mobile-mainnav { position: relative; display: block; font-family: "Raleway", Georgia, serif; text-transform: uppercase; font-weight: 800; font-size: 18px; line-height: 60px; }
#main-menu-mobile { display: none;}
#main-nav ul, #lg-nav { display: none; }
#main-nav ul li { margin: 0;}
#main-nav ul li a.icon-home { width: initial; height: initial; background: none; text-indent: initial;}

/* HEADER */
.home #header-container, #header-container { height: initial;}

/* COMMUN */
.one-third { width: 48%; }
.two-third { width: 98%;}
.one-third.clear, .two-third.clear { clear: none;}
.two-third > p { width: 100%; }

#mainTitle h1 { line-height: 35px; font-size: 24px;}
#main-sub-menu ul li { float: none !important; }

/* PRESENTATION */
.content-tab iframe { width: 100%; padding: 0;}
.tab.first, .tab.last { margin: 1%; }

#trombi-edit .membre { width: 50%; }
#trombi-edit .membre img { width: 100%; }
#trombi-edit .membre .info-membre-container { width: 92%; padding: 4%;}
#trombi-edit .membre .arrow { top: initial; bottom: 0;}

/* PROGRAMMATION */
#main input[type=checkbox].checkboxMed + label.css-label { display: inline;}
.programmation #main .wrapper-title { padding: 0; background-position: 0 0; }
.programmation #main .text .text-wrap { width: 92%; padding: 4%; margin-top: 20px;}
.programmation #main .wrapper-img { height: 180px; }
.programmation #main .open .wrapper-title { background: none; }

.one-third ul { list-style-position: inside; }
}
/* ===== FIN TABLETTE ===== */

/* ===== ECRAN MINI PC ===== */
@media all and (min-width: 1024px) and (max-width: 1120px) {
#main-nav ul li { margin-left: 25px;} 
}
/* ===== ECRAN MINI PC ===== */
@media all and (min-width: 1120px) and (max-width: 1120px) {
#main-nav ul li { margin-left: 25px;} 
}

/* SUB MENU PAGE */
#main-sub-menu-container { clear: both; float: left; width: 100%; background-color: #f9f9f9; }
#main-sub-menu ul { float: left; width: 100%; margin: 0 0 10px 0;}
#main-sub-menu ul li { float: left; margin-left: 40px; padding-left: 20px; background: url(../img/2017/menu.png) no-repeat left center transparent; }
#main-sub-menu ul li a { color: #000; text-decoration: none; }

/* LAST MODIF CSS */
.ms-interv {
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    max-height: 80px;
    height: 80px;
    background-color: rgba(255,255,255,0.8);
    z-index: 9999;
}

.ms-interv h3 { font-size: 18px;}
.ms-interv h4 { text-transform: initial; color: #505050; text-align: center; font-weight: 500; }
.ms-slide { overflow: hidden; }

.one-third ul { list-style-position: inside; }