/*****, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, .container, .scroller { height: 100%; }
a { text-decoration: none; color: #f7f7f7; outline: none; }
a:hover, a:focus { color: #fff; outline: none; }
.scroller { overflow-y: scroll; }
.scroller, .scroller-inner { position: absolute; }
#mainMenu { position: fixed; height: 100% !important; }
.mp-level-open {top: 175px;}
.container { }
#connex { margin-bottom: 20px; }
.menu-trigger { padding-left: 60px; font-size: 0.9em; }
.mp-pushed { transform: none !important; margin-top: 0px; }
.menu-trigger:before { position: absolute; top: 2px; left: 0; width: 40px; height: 6px; background: #fff; box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; content: ''; }
.mp-pusher { position: absolute; left: 0; height: 100%; }
.mp-menu { position: relative;  top: 0; left: 0; z-index: 1; width: 490px; margin: 0 auto; height: 100%; }
.mp-level { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e74c3c; }

.mp-pusher::after, .mp-level::after, .mp-level::before { position: absolute; top: 0; left: 0; width: 0; height: 0; content: ''; opacity: 0; }
.mp-pusher::after, .mp-level::after { background: rgba(0,0,0,0.3); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; -moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
.mp-level::after { z-index: -1; }
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; transition: opacity 0.3s; }
.mp-level.mp-level-overlay { cursor: pointer; }
.mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }
.mp-pusher, .mp-level { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }

.mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0,0,0,0.2); -webkit-transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }

.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }

.mp-level-overlay {top: 0px !important;}

.mp-menu ul { margin: 0; padding: 0; list-style: none; }
.mp-menu h2 { margin: 0; padding: 1em; color: rgba(0,0,0,0.4); text-shadow: 0 0 1px rgba(0,0,0,0.1); font-weight: 300; font-size: 2em; }
.mp-menu.mp-overlap h2::before { position: absolute; top: 0; right: 0; margin-right: 8px; font-size: 75%; line-height: 1.8; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s; transition: opacity 0.3s, transform 0.1s 0.3s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); }
.mp-menu.mp-cover h2 { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 1em; }
.mp-overlap .mp-level.mp-level-overlay > h2::before { opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0); }
.mp-menu ul li > a { display: block; padding: 0.7em 1em 0.7em 1.8em; outline: none; box-shadow: inset 0 -1px rgba(0,0,0,0.2); text-shadow: 0 0 1px rgba(255,255,255,0.1); font-size: 1.4em; -webkit-transition: background 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, box-shadow 0.3s; transition: background 0.3s, box-shadow 0.3s; }
.mp-menu ul li::before { position: absolute; left: 10px; z-index: -1; color: rgba(0,0,0,0.2); line-height: 3.5; }
.mp-level > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); }
.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover { background: rgba(0,0,0,0.2); box-shadow: inset 0 -1px rgba(0,0,0,0); }
.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0); }
.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0); } /* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks 
.mp-back { background: rgba(0,0,0,0.1); outline: none; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; display: block; font-size: 0.8em; padding: 1em; position: relative; box-shadow: inset 0 1px rgba(0,0,0,0.1); -webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s; }
.mp-back::after { font-family: 'linecons'; position: absolute; content: "\e037"; right: 10px; font-size: 1.3em; color: rgba(0,0,0,0.3); }
.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after { background: transparent; box-shadow: none; color: transparent; }

.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }
.social { width: 80% !important; margin: 40px auto !important; }
.social li { float: left; margin-left: 1.6rem; text-align: center; width: 28%; }
.social li a { box-shadow: none !important; text-shadow: none !important; text-align: center; padding: 0px !important; }
.social li a:hover { color: #393ab1; background-color: transparent !important; }
.lien-home { margin: 40px auto !important; }
.lien-home li { padding: 0 35px; margin: 15px 0; }
.lien-home li a { box-shadow: none !important; text-shadow: none !important; padding: 5px 10px !important; }

.social .c-icon::before { position:inherit;}
*/
/**** Menu horizontal *******/
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);

#cssmenu ul, #cssmenu li, #cssmenu span, #cssmenu a { margin: 0; padding: 0; position: relative; }
#cssmenu { line-height: 1; width: auto; }
#cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; }
#cssmenu a { color: #ffffff; display: block; padding: 28px 20px; text-decoration: none; }
#cssmenu ul { list-style: none; }
#cssmenu > ul > li { display: inline-block; float: left; margin: 0; }
#cssmenu.align-center { text-align: center; }
#cssmenu.align-center > ul > li { float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul { float: right; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu > ul > li > a { color: #ffffff; }
#cssmenu > ul > li:hover:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; bottom: 0; margin-left: -10px; }
#cssmenu > ul > li:first-child > a { }
#cssmenu.align-right > ul > li:first-child > a, #cssmenu.align-center > ul > li:first-child > a { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#cssmenu.align-right > ul > li:last-child > a { }
#cssmenu > ul > li.active > a, #cssmenu > ul > li:hover > a { color: #ffffff; }
#cssmenu .has-sub { z-index: 1; }
#cssmenu .has-sub:hover > ul { display: block; }
#cssmenu .has-sub ul { display: none; position: absolute; width: 300px; top: 100%; left: 0; }
#cssmenu.align-right .has-sub ul { left: auto; right: 0; }
#cssmenu .has-sub ul li {  *margin-bottom: -1px;}
#cssmenu .has-sub ul li a { background: #0fa1e0; border-bottom: 1px dotted #31b7f1; filter: none; display: block; line-height: 120%; color: #ffffff; }
#cssmenu .has-sub ul li:hover a { background: #0c7fb0; }
#cssmenu ul ul li:hover > a { color: #ffffff; }
#cssmenu .has-sub .has-sub:hover > ul { display: block; }
#cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: 0; }
#cssmenu.align-right .has-sub .has-sub ul, #cssmenu.align-right ul ul ul { left: auto; right: 100%; }
#cssmenu .has-sub .has-sub ul li a { background: #0c7fb0; border-bottom: 1px dotted #31b7f1; }
#cssmenu .has-sub .has-sub ul li a:hover { background: #0a6d98; }
#cssmenu ul ul li.last > a, #cssmenu ul ul li:last-child > a, #cssmenu ul ul ul li.last > a, #cssmenu ul ul ul li:last-child > a, #cssmenu .has-sub ul li:last-child > a, #cssmenu .has-sub ul li.last > a { border-bottom: 0; }
#cssmenu .has-sub ul li a { padding: 10px 20px !important; height:auto !important; font-size:15px; text-align:left;}
#cssmenu .titre {    background: #0fa1e0; color:#fff; text-align:left; padding: 10px 20px !important; font-size:16px; font-weight:bold; }
#cssmenu .tousmag a  { text-decoration:underline;}
#cssmenu .tousmag:before a {
    content: "\f105";
	    font: normal normal normal 14px/1 FontAwesome;
		color: #c0392b !important;
		text-decoration:none !important;
		margin-right:5px;
}


/**** Habillage menu matt *******/
.mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
    margin-top: 65px !important;
}
@media (max-width: 1199px) {
    .mm-menu_position-bottom.mm-menu_opened, .mm-menu_position-front.mm-menu_opened, .mm-menu_position-top.mm-menu_opened {
        margin-top: 50px !important;
    }
}
.mm-menu {
    --mm-color-background: #e74c3c !important;
	    --mm-color-text: rgba(253, 251, 251, 1) !important;
	color:#fff;
}

.mm-menu ::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
.mm-menu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
.mm-menu ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(0,0,0,0.4); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.mm-menu ::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
/* Let's get this party started */


.c-nav__list a {
    font-size: 1.4rem !important;
}
.mm-navbars_bottom {
    font-size: 1.6rem !important;
}
.mm-panel {
	padding:0px !important}
.mm-listitem a:before {
	display:none;
}
.mm-panels>.mm-panel>.mm-listview {
	margin: 25px 0 !important;
	    padding-bottom: 30px;
}
.mm-panel_has-navbar .mm-navbar {
    text-align: center;
}
.mm-navbar .c-btn--white-on-red { width:200px; margin:0 auto; color:#fff !important; border:1px solid #fff; margin:20px auto 0 auto; display:block;}
.mm-navbar a.deco-user {
    /*text-align: left;*/
    color: #fff !important;
    /* padding-bottom: 46px; */
    display: block;
}
.mm-navbar a.deco-user:hover
{	
    color:#393ab1!important;
}
.mm-navbar .c-btn--white-on-red:hover {background:#fff; color:#e74c3c !important;
    box-shadow: inset 0 -1px rgba(0,0,0,0);}
	.mm-navbar .c-btn--white-on-red:before { display:none;}
	.mm-navbar__title{ color:#fff !important;}
	.mm-navbar__title:hover {
    color: #393ab1 !important;
}
	.mm-navbar__title:before { display:none;}
.mm-panels, .mm-panels>.mm-panel {
    top: 50px !important;
}
.mm-navbars_top {
    border: 0 !important;
}
.mm-listitem:after {
    left: 0 !important;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    padding: 1.2rem 20px !important;
}
.mm-menu_selected-hover .mm-listitem__btn:hover, .mm-menu_selected-hover .mm-listitem__text:hover {
    background: rgba(0, 0, 0, 0.2) !important;
    background: rgba(0, 0, 0, 0.2) !important;
}
.mm-navbars_bottom { height:115px;}
.mm-navbars_bottom .c-nav__list {
    margin:0px;
	text-align:left;
}
.mm-navbars_bottom .c-nav__list a {
	color:#fff !important;
	padding: 3px 0px !important;
	font-size: 14px !important;
}
.mm-navbars_bottom .c-nav__list a:hover {
    color: #393ab1 !important;
}
.mm-navbars_bottom .c-icon::before, .mm-navbars_bottom .fa::before, .c-icon-after::after, .c-icon-after::after {
  position: relative;
  top: -.05em;
  display: inline-block;
  vertical-align: middle;
  font: normal normal normal 1.2em/1 icons;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mm-navbars_bottom .c-icon--facebook::before, .c-icon-after--facebook::after {
    content: "\e902" !important;
}
.mm-navbars_bottom .c-icon--twitter::before, .c-icon-after--twitter::after {
    content: "\e903" !important;
}
.mm-navbars_bottom .c-icon--gplus::before, .c-icon-after--gplus::after {
    content: "\e904" !important;
}
.mm-navbars_bottom .fa-instagram::after {
    content: "\f16d" !important;
	font: normal normal normal 14px/1 FontAwesome !important;
	font-size: 20px !important;
}
.mm-navbars_bottom .fa-instagram::before {
	display:none !important;
	    
}
.mm-navbars_bottom>.mm-navbar>:not(img):not(.mm-btn), .mm-navbars_top>.mm-navbar>:not(img):not(.mm-btn) {
    padding: 5px;
}
@media (max-width: 1355px) {
#cssmenu a {
    padding: 28px 10px !important;
	font-size: 15px !important;
}
}
@media (max-width: 1199px) {
#cssmenu a {
    padding: 17px 10px 15px 10px !important;
    font-size: 13px !important;
}
}


@media (min-width: 768px) {
.sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
    border-radius: 0px !important;
}
}
@media (max-width: 600px) {
#spWidgetPopupMini26511 {
    bottom: -10px;
    left: initial !important;
    opacity: 1;
	right: 0px !important;
}
}