/*
Theme Name: CCMO
Theme URI:
Author: Zagett
Author URI: http://zagett.com/
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ccmo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
* Fonts
*/
@font-face {
    font-family: 'montserratregular';
    src: url('assets/fonts/montserrat/montserrat-regular-webfont.eot');
    src: url('assets/fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
    url('assets/fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
    url('assets/fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
    url('assets/fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('assets/fonts/montserrat/montserrat-bold-webfont.eot');
    src: url('assets/fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
    url('assets/fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
    url('assets/fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
    url('assets/fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothambold';
    src: url('assets/fonts/gotham/gotham-bold.eot');
    src: url('assets/fonts/gotham/gotham-bold.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/gotham/gotham-bold.otf') format('opentype'),
    url('assets/fonts/gotham/gotham-bold.woff') format('woff'),
    url('assets/fonts/gotham/gotham-bold.ttf') format('truetype'),
    url('assets/fonts/gotham/gotham-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gothamlight';
    src: url('assets/fonts/gotham/gotham-light.eot');
    src: url('assets/fonts/gotham/gotham-light.eot?#iefix') format('embedded-opentype'),
    url('assets/fonts/gotham/gotham-light.otf') format('opentype'),
    url('assets/fonts/gotham/gotham-light.woff') format('woff'),
    url('assets/fonts/gotham/gotham-light.ttf') format('truetype'),
    url('assets/fonts/gotham/gotham-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#ie8{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    padding-left: 10%;
    padding-right: 10%;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    z-index: 100001;
    box-sizing: border-box;
}
#ie8.isIE8{
    display: block;
}
#ie8 > div{
    margin-top: 100px;
}
#ie8 > div > img{
    margin-bottom: 30px;
}

html, body{
    margin: 0;
    font-family: 'montserratregular';
    background-color: #f1f1f1;
}
body.isIE8{
    overflow: hidden;
}
.site-inner{
    max-width: 1200px;
    margin:0 auto;
    background: #fff;
    box-shadow:8px 0 10px -10px #9c9c9c,-8px 0 10px -10px #9c9c9c;
}
#content{float:left;width: 100%;}
#primary.module-area{
    float: left;
    width: 100%;
    clear: both;
}

.site-content-paged > section{
    display: table-cell;
    vertical-align: top;
    position: relative;
    width: 900px;
    max-width: 900px;
    padding: 85px 150px;
    text-align: justify;
    color: #6b6a6a;
    box-sizing: border-box;
}
.site-content-paged > section > p{
    line-height: 1.4;
}
.site-content-paged > section.no-sidebar{
    display: block;
    width: 100%;
    max-width: 100%;
}
.site-content-paged > section > h2,
.site-content-paged > section > h3{
    margin: 30px 0;
    line-height: 1;
    text-transform: uppercase;
    text-align: left;
    color: #000;
}
.site-content-paged > section a{
    color: #f1305c;
}
.site-content-paged > section img{
    max-width: 100%;
    height: auto;
}
.site-content-paged > section table{
    max-width: 100%;
    margin: 40px 0;
    font-size: 14px;
    border: 1px solid;
    border-collapse: collapse;
}
.site-content-paged > section table th,
.site-content-paged > section table td{
    padding: 10px;
    text-align: left;
    border: 1px solid;
}
.site-content-paged > aside{
    display: table-cell;
    vertical-align: top;
    width: 300px;
}
.site-content-paged h1{
    font-family: 'montserratbold';
    font-size: 30px;
    text-transform: uppercase;
}
img.alignright{
    float: right;
    margin-left: 30px;
    margin-right: -70px;
    margin-bottom: 30px;
}
img.alignleft{
    float: left;
    margin-left: -70px;
    margin-right: 30px;
    margin-bottom: 30px;
}
img.aligncenter{
    display: block;
    margin: 0 auto;
}

/*
* Helpers
*/
/* RESET */
a{
    color: inherit;
    text-decoration: none;
}
button:hover{
    cursor: pointer;
}
h1,h2,h3,h4{
    font-weight: normal;
}
#cn-notice-text{
    display: block;
    margin-bottom: 10px;
}
#cookie-notice .button.wp-default{
    padding: 8px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    background: #3c3c3c;
}
/* ACCESSIBILITY */
[aria-hidden="true"] { visibility: hidden; }

/* CUSTOM CLASS */
.floatLeft{float:left;}
.hasTextCenter{text-align:center;}
.hasFirstLetter p:first-child:first-letter{
    float:left;
    font-size: 60px;
    font-family: 'gothambold';
    line-height: 0.85;
    padding: 0 8px 0 0;
}
.hasBgImg{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.hasBgImg:after{
    background: -webkit-radial-gradient(ellipse, transparent, #000);
    background: radial-gradient(ellipse, transparent, #000);
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    /*mix-blend-mode: screen;*/
    /* <- the important part */
    position: absolute;
    pointer-events: none;
    z-index: 3;
    opacity: 0.2;
    filter: alpha(opacity=30);
}
.hasBgImg > img{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-transform: translate(-50%,-50%) scale(1.08);
    -ms-transform: translate(-50%,-50%) scale(1.08);
    transform: translate(-50%,-50%) scale(1.08);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.hasBgImg > *:not(img){
    position: absolute;
    z-index: 10;
}
ol li {
    list-style-type: none;
    counter-increment: olcount;
}

ol li:before {
    content: counter(olcount)".";
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-filter: "alpha(opacity=10)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    filter: alpha(opacity=10);
    opacity: 0.5;
    margin-left: -25px;
    padding-right: 12px;
}
.btnMobile  {display:none;}

/*
* Wishes
*/
#whishes-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 1);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 100001;
}
#whishes-overlay.overlay-hidden{
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
#whishes-close{
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: calc(100% - 50px);
    right: 0;
    text-align: right;
    color: #fff;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    z-index: 1;
}
#whishes-close > .genericon{
    font-size: 2em;
}
#whishes-content{
    background: #000 none repeat scroll 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    padding: 30px;
    color: #5c5c5c;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 5s ease-in-out 0s;
    transition: all 5s ease-in-out 0s;
    visibility: visible;
    box-sizing: border-box;
}
#whishes-content:before{
    content:"";
    display: block;
    padding-top: 56.25%;
}
#whishes-content > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*#whishes-content > #playerbox > iframe{
	width: 100%;
	height: 100%;
}*/
/*
* Modal
*/
#modal-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index: 9999;
}
#modal-overlay.overlay-hidden{
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
#modal-content{
    background: #fff none repeat scroll 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px;
    color: #5c5c5c;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 5s ease-in-out 0s;
    transition: all 5s ease-in-out 0s;
    visibility: visible;
    box-sizing: border-box;
}
#modal-content > header{
    display: table;
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 10px;
    clear: both;
    border-bottom: 1px solid #ddd;
}
#modal-content > header > .title,
#modal-content > header > img{
    display: table-cell;
    vertical-align: middle;
}
#modal-content > header > .title{
    padding-right: 10px;
    font-size: 18px;
    color: #000;
}
#modal-content > header > .title:first-letter{text-transform: uppercase;}
#modal-content > header > img{
    float: right;
    max-width: 120px;
}
#modal-content > section a{color:#f1305c;}
#modal-content > section img{
    display: block;
    margin:0 auto;
    max-width: 100%;
    max-height: 200px;
    width: auto;
}
#modal-close{
    width: 100%;
    height: 35px;
    position: absolute;
    bottom: 100%;
    left: 0;
    text-align: right;
    border: none;
    border-radius: 0;
    background-color: #eee;
}
#modal-close:hover{background-color: #ddd;}
#modal-close > .genericon{
    font-size: 2em;
    line-height: 35px;
}

/*
* Modal
*/
/*#modal{
    background-color: rgba(0, 0, 0, 0.85);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
#modal.active{
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
    -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
}
#modal-inner{
	position: relative;
	height: 100%;
}
#modal-content{
	position: relative;
	top: 50%;
	max-width: 1200px;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#modal-close{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding: 0;
    position: absolute;
    right: 50px;
    top: 50px;
    width: auto;
}
#modal-close span{
	font-size: 24px;
}*/
/* Modal video */
/*#modal.modalVideo #modal-content:before{
	content: "";
	display: block;
	padding-top: 56.25%;
}
#modal.modalVideo #modal-content{
	position: relative;
	top: 50%;
	width: 70%;
	margin:0 auto;
	padding: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
#modal.modalVideo iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/
/* Modal tooltip */
/*#modal.modalTooltip{
	background-color: rgba(255, 255, 255, 0.85);
}
#modal.modalTooltip #modal-content{
	padding: 50px;
	border: 1px solid #3c3c3c;
	background: #fff;
	box-sizing: border-box;
}*/


/*
* Slider
*/
.slider{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.slider[data-length='1']{width: 100%;}
.slider[data-length='2']{width: 200%;}
.slider[data-length='3']{width: 300%;}
.slider .slider-item{
    position: relative;
    float: left;
    height: 100%;
}
.slider[data-length='1'] .slider-item{width:100%;}
.slider[data-length='2'] .slider-item{width:50%;}
.slider[data-length='3'] .slider-item{width:33.33%;}
.slider-item.hasBgImg > img{max-width: none;}

button.control-slider{
    position: absolute;
    z-index: 10;
    background: none;
    border: none;
    width: 24px;
    height: 66px;
    margin-top: -33px;
    background-repeat: no-repeat;
    background-size:100%;
}
button.control-left{
    top: 50%;
    left: 30px;
    background-image: url('assets/png/left-b.png');
}
button.control-right{
    top: 50%;
    right: 30px;
    background-image: url('assets/png/right-b.png');
}
/* STICKY CONTENT */
.stickyContent{
    position: absolute;
    top: 50px;
    right: 0;
    width: calc(100% - 42px);
    height: calc(100% - 50px);
    color: #fff;
    text-transform: uppercase;
    z-index: 99;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
}
.stickyContent.stickyContent-closed{
    right: -100%;
}
.stickyContent.stickyContent-off{
    z-index: 1;
}
.flag{
    position: absolute;
    top: 50%;
    right: 0;
    width: 42px;
    height: 42px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 5px;
    background-color: #000;
    z-index: 10;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
}
.flag.flag-on{
    right: calc(100% - 42px);
}
.flag[data-sticky='sticky-agency'],
.stickyContent[data-sticky='sticky-agency'] > .inner{
    background-color: #00a9d5;
}
.flag[data-sticky='sticky-agency']{
    margin-top: -45px;
    background-image: url('assets/png/flag-agency.png');
}
.flag[data-sticky='sticky-contact'],
.stickyContent[data-sticky='sticky-contact'] > .inner{
    background-color: #f5a315;
}
.flag[data-sticky='sticky-contact']{
    background-image: url('assets/png/flag-contact.png');
}
.stickyContent .inner{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: initial;
}
.stickyContent .inner > section{
    display: inline-block;
    float: left;
    height: 100%;
    position: relative;
    width: 50%;
    box-sizing: border-box;
}
.stickyContent .inner > .inner-left{
    padding: 50px 70px;
}
.stickyContent .inner > section > section:first-child{
    position: relative;
    height: 310px;
    padding: 50px 70px;
    box-sizing: border-box;
}
.stickyContent .inner > section:first-child{
    border-right: 1px solid #98650d;
}
.stickyContent .inner > section:first-child > header{
    width: 100%;
    height: 80px;
    margin-bottom: 40px;
    background-image: url('assets/png/phone.png');
    background-position: center;
    background-repeat: no-repeat;
}
.stickyContent .inner > section:last-child > section > header{
    width: 100%;
    height: 80px;
    margin-bottom: 40px;
    background-image: url('assets/png/letter.png');
    background-position: center;
    background-repeat: no-repeat;
}
.link-stickyBottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 240px;
    padding: 65px 70px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.link-stickyBottom::after{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 20px;
    content: "";
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    width: 10px;
    z-index: 100;
}
/* Sticky content devis */
.link-stickyBottom-devis{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;}
.link-stickyBottom-devis:hover{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.link-stickyBottom-devis span{
    position: absolute;
    bottom: 30px;
    right: 30px;
}
/* Sticky content agency */
.stickyContent.stickyContent-agency .inner > section:first-child{
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.stickyContent-agency{text-align:center;}
.stickyContent .sticky-agency{
    position: relative;
    display: block;
    height: 50%;
}
.stickyContent .sticky-agency-inner{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.stickyContent .inner-right .sticky-agency{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    padding: 20px;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.stickyContent .sticky-agency p{
    margin: 0;
    font-size: 14px;
}
.stickyContent .sticky-agency .name-agency{
    font-family: 'gothambold';
    font-size: 16px;
}
.stickyContent .sticky-agency .phone-agency{
    margin: 8px 0;
}
.stickyContent .sticky-agency .schedules-agency > p{
    font-size: 11px;
}
.link-stickyBottom-agency{background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;}
.link-stickyBottom-agency:hover{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;}
.link-stickyBottom-agency span{
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.link-stickyBottom-agency span::before{
    content: "";
    display: block;
    width: 67px;
    height: 84px;
    margin: 0 auto 10px;
    background: rgba(0, 0, 0, 0) url("assets/png/picto-locate.png") repeat scroll 0 0;
}


/*
* Tooltip
*/
.tooltip{
    text-decoration: underline;
    text-decoration-style: dotted;
}
.tooltip:hover{
    cursor: pointer;
}
.tooltip .tooltip-content{
    display: none;
}


/*
* Pagination
*/
.navigation{
    display: inline-block;
    width: 100%;
    margin-top: 75px;
    margin-bottom: 50px;
    text-align: center;
}
.navigation > a:hover{
    color: #f1305c;
}
.pagination{
    width: 100%;
    margin-top: 40px;
    color: red;
    text-align: center;
}
.site-content-paged > section > .pagination > a{
    color: #000;
}


/*
* Social share
*/
.ssba.ssba-wrap{
    margin-top: 65px;
    padding-top: 10px;
    border-top: 1px solid #6b6a6a;
}



/*
* CF7 FORMS
*/
.wpcf7 .form-section{
    background-color: #eee;
    margin-bottom: 15px;
    padding: 20px;
    box-sizing: border-box;
}
.wpcf7 .form-title-section{
    line-height: 1;
    text-transform: uppercase;
}
.form-block{
    margin-bottom: 5px;
    padding: 20px;
    text-align: left;
    background-color: #eee;
}
.form-block > div:not(.input-tableCell){
    margin-top: 20px;
    border-top: 5px solid #fff;
}
.input-tableCell{
    display: table;
}
.input-tableCell > p {
    display: table-cell;
    vertical-align: bottom;
    padding: 5px;
    line-height: 12px;
}
.input50 > p > label{
    font-size: 12px;
}
.wpcf7-form label,
.wpcf7-list-item-label{
    font-size: 0.9em;
}
.wpcf7-form label{
    font-style: italic;
}
.wpcf7-form input:not([type='checkbox']):not([type='radio']),
.wpcf7-form select,
.wpcf7-form textarea{
    width: 100%;
    margin-top: 3px;
    padding: 5px;
    border-radius: 0;
    border: 1px solid #6b6a6a;
    box-sizing: border-box;
}
.wpcf7-form input[type='radio']{
    float: left;
}
.wpcf7-form input[type='submit']{
    color: #fff;
    background: #f1305c;
    border: 1px solid #f1305c;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.wpcf7-form input[type='submit']:hover{
    cursor: pointer;
    color: #f1305c;
    background: transparent;
}
.wpcf7-list-item{display: block;}
div.wpcf7-response-output{
    position: fixed;
    left: 0;
    bottom: -150px;
    width: 100%;
    margin: 0;
    padding: 15px;
    color: #fff;
    text-align: center;
    border: none;
    -webkit-transition: bottom 0.4s ease;
    transition: bottom 0.4s ease;
    box-sizing: border-box;
    z-index: 1000;
}
span.wpcf7-not-valid-tip{
    padding: 5px;
    font-style: italic;
    font-size: 12px;
    color: #fff;
    background-color: #e6473d;
}
div.wpcf7-mail-sent-ok{
    background-color: #105929;
    -webkit-animation-name: notif;
    animation-name: notif;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
div.wpcf7-mail-sent-ng{
    background-color: #e6473d;
    -webkit-animation-name: notif;
    animation-name: notif;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
div.wpcf7-validation-errors{
    background-color: #FDCA40;
    -webkit-animation-name: notif;
    animation-name: notif;
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
@-webkit-keyframes notif{
    0%   {bottom: 0;}
    95%  {bottom: 0;}
    100% {bottom: -75px;}
}
@keyframes notif{
    0%   {bottom: 0;}
    95%  {bottom: 0;}
    100% {bottom: -75px;}
}
@media(max-width: 768px) {
    .input-tableCell > p {
        display: block;
    }
}


/*
* Main nav
*/
#site-header-nav-inner {
    display:block;
}
#site-header-nav-inner nav,
#site-header-nav-inner button{
    display: inline-block;
}
/* Menu */
#menuToggle{
    display: none;
    float: right;
    margin: 10px 0 0;
    padding: 0;
    color: #5a5a5a;
    border: none;
    background: transparent;
}
#menuToggle span{font-size: 30px;}

#menu-main{
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#menu-main ul{
    padding: 0;
    list-style: none;
}
#menu-main > li{
    display: inline-block;
    margin-left: 35px;
    padding: 0 10px;
    list-style: none;
    line-height: 50px;
    text-transform: uppercase;
    font-family: 'gothambold';
}
#menu-main > li:hover{
    color: #000;
    background: #fff;
}

#menu-main > li > .main-submenu{
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    min-height: 390px;
    padding: 50px 30px;
    text-transform: none;
    font-family: 'gothamlight';
    color: #6b6a6a;
    background: #fff;
    box-sizing: border-box;
    z-index: 10;
}

#menu-main > li.menuboxed > .main-submenu{
    width: 400px;
    left: auto;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -10px;
    text-align: left;
}
#menu-main > li > .main-submenu{
    line-height: 2;
}
#menu-main > li > .main-submenu > .lvl-0{
    display: table-cell;
    vertical-align: middle;
}
#menu-main > li > .main-submenu > .lvl-0 > li,
.lvl-1 > li,
.lvl-2 > li{
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 2;
    -webkit-transition: letter-spacing 0.2s ease-in;
    transition: letter-spacing 0.2s ease-in;
}
.lvl-2 > li{
    text-indent: 15px;
}
#menu-main > li > .main-submenu > .lvl-0 > li:not(.item-header):hover,
.lvl-1 > li:not(.item-header):hover,
.lvl-2 > li:not(.item-header):hover{
    letter-spacing: 1px;
}
.lvl-0 > li.item-header{
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1%;
}
.lvl-0 > li.item-header > span{
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'gothambold';
    color: #5c5c5c;
}
.lvl-1{
    margin-top: 25px;
}
.lvl-1 > li.item-header{
    margin-top: 5px;
    line-height: 1.2;
    font-weight: bold;

}

/* Search */
#site-header-nav #linkSearch{
    border: medium none;
    float: right;
    height: 24px;
    margin-top: 12px;
    margin-right: 12px;
    padding: 0;
    width: 24px;
    background-color: transparent;
    background-image: url('assets/png/search.png');
}

#search-collapse.search-active{
    top: 0;
}
#secure-collapse{

    background-color: rgba(255,255,255,0.9);
    z-index: 100;
    -webkit-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
#secure-collapse a{
    display: block;
    position: relative;
    height: 130px;
    padding: 50px 40px 50px 30px;
    font-size: 13px;
    color: #5c5c5c;
    font-family: 'gothambold';
    text-transform: uppercase;
    box-sizing: border-box;
}
#secure-collapse a::after{
    content: "";
    position: absolute;
    top: 53px;
    right: 20px;
    width: 24px;
    height: 24px;
    background-image: url('assets/png/see.png');
}
#secure-collapse a:hover{
    color: #fff;
    background: #f1305c;
}
#secure-collapse a:nth-child(0n+2){
    border-top: 1px solid #6b6a6a;
    border-bottom: 1px solid #6b6a6a;
}
#secure-collapse.secure-active{
    top: 50px;
}
#closeSearch,
.widget_search{
    display: inline-block;
}
#closeSearch{
    float: left;
    width: 70px;
    height: 50px;
    border-radius:0;
    border:none;
    color: #fff;
    background: #3c3c3c;
}
#closeSearch span{
    font-size: 24px;
}
.widget_search{
    width: calc(100% - 70px);
}
#text-field-container{
    border-bottom: 1px solid #A9A9A9;
}
.widget_search .search-form label{
    float: left;
    display: block;
    width: calc(100% - 130px);
    margin: 0;
    padding: 0;
}
.widget_search label span{display: none;}
.widget_search .search-field{
    float: left;
    width: 85%;
    border-radius:0;
    border:none;
    line-height: 30px;
    /*padding: 10px 20px;*/
    margin: 10px 20px;
    border-bottom:1px solid #A9A9A9;
}
.widget_search .search-submit{
    float: right;
    width: 130px;
    height: 50px;
    text-transform: uppercase;
    color: #fff;
    border: medium none;
    border-radius: 0;
    background: #f1305c none repeat scroll 0 0;
}
#closeSearch:hover, .search-submit:hover{
    cursor:pointer;
}
/* Secure */
#site-header-nav #linkSecure:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 24px;
    margin-right: 20px;
    background-color: transparent;
    background-image: url('assets/png/secure.png');
}
#site-header-nav #linkSecure{
    background-color: #f1305c;
    border: medium none;
    border-radius: 0;
    color: #fff;
    position: relative;
    float: right;
    width: 200px;
    height: 50px;
    padding: 0 20px 0 ;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'gothambold';
    z-index: 1000;
}




/*
* Header
*/
.site-header{
    float: left;
    width: 100%;
}
.site-header .hasBgImg > img{
    max-width: none;
    min-height: 100%;
}
.site-header > section{
    float: left;
    vertical-align: top;
    height: 600px;
}
.site-header > .site-header-left-folders{overflow:visible;}
.site-header > section.site-header-search{
    height: auto;
}
#site-header-left{
    width: 25%;
    padding: 20px;
    background-color: #fafafa;
    box-sizing: border-box;
}
#site-header-right{
    float: right;
    width: 75%;

    position:relative;
}
#site-header-right:after{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 20px;
    content: "";
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    -webkit-transition: width 0.5s ease-in 0s, height 0.5s ease-in 0s;
    transition: width 0.5s ease-in 0s, height 0.5s ease-in 0s;
    width: 10px;
    z-index: 3;
}
#site-branding{
    text-align: center;
}
#site-branding img{
    max-width: 100%;
}
#breadcrumbs{
    margin: 15px 0 10px;
    text-transform: uppercase;
    text-align: right;
    font-size: 10px;
    font-family: 'montserratbold';
    color: #5d5d5d;
}
#breadcrumbs a,
#breadcrumbs .breadcrumb_last{
    display: block;
    margin-bottom: 5px;
}
#breadcrumbs .breadcrumb_last,
#breadcrumbs .breadcrumb_last::before{color: #adacac;}
#breadcrumbs a::before,
#breadcrumbs .breadcrumb_last::before{content: "/ ";}
#breadcrumbs .custom-BCLink{color: #c8c8c8;}
#site-page-infos::before{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 20px;
    left: 20px;
    border-left: 1px solid;
    border-top: 1px solid;
    z-index: 10;
    transition: all 0.5s ease;
}
#site-page-infos{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 385px;
    max-height: 385px;
    padding: 40px;
    text-align: left;
    color: #5c5c5c;
    box-sizing: border-box;
}
#site-page-infos::after{
    content: "";
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    z-index: 10;
}
#site-page-infos .moretag{
    display: block;
    position: absolute;
    text-transform: uppercase;
    font-family: "montserratbold";
    right: 30px;
    bottom: 30px;
}
#site-page-infos h2:first-letter,
#site-page-infos .page-infos-title:first-letter{
    float:left;
    font-size: 70px;
    line-height: 0.85;
    padding: 0 8px 0 0;
    color: #000;
}
#site-page-infos h2,
#site-page-infos .page-infos-title{
    text-transform: uppercase;
    font-size: 16px;
    font-family: "montserratbold";
    margin: 0;
}
#site-page-infos .page-infos-subtitle{
    text-transform: uppercase;
    font-size: 16px;
    font-family: "montserratregular";
}
#site-page-infos p{
    font-size: 14px;
}
#site-header-nav{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    color: #fff;
    z-index: 100;
}
#site-page-dynamic{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#site-page-dynamic button.control-left{
    background-image: url("assets/png/left-w.png");
    margin-top: 0;
    top: auto;
    bottom: 35px;
    left: 75px;
}
#site-page-dynamic button.control-right{
    background-image: url("assets/png/left-w.png");
    margin-top: 0;
    top: auto;
    bottom: 35px;
    left: 120px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
#site-page-dynamic h1,
#site-page-dynamic .slider .slider-item a{
    position: absolute;
    bottom: 30px;
    right: 30px;
    margin: 0;
    max-width: 50%;
    text-transform: uppercase;
    text-align: right;
    font-size: 35px;
    font-family: "montserratbold";
    line-height: 1;
    color: #fff;
    z-index: 10;
}
#site-page-dynamic .slider .slider-item a{
    letter-spacing: 0;
    -webkit-transition: letter-spacing 0.2s ease-in;
    transition: letter-spacing 0.2s ease-in;
}

#tttttt{
    padding-top: 168.78%; /* ratio = (16/3)/9 --> pt = 100/r */
}
#ttttttt{
    padding-top: 56.25%; /* ratio = 16/9 --> pt = 100/r */
}


/*
* Footer
*/
.site-footer{
    clear: both;
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px;
    font-size: 12px;
    color: #3c3c3c;
    box-sizing: border-box;
}
.site-footer > section{
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    padding: 30px 20px;
    text-align: center;
    box-sizing: border-box;
}
.site-footer > section > a{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.site-footer > section > a > img{
    max-width: 100%;
}
.site-footer nav ul{
    padding: 0;
    list-style: none;
    text-align: center;
}
.site-footer nav ul li{
    margin: 10px 0;
    text-transform: uppercase;
}
.site-footer .socials{
    text-align: center;
}
.site-footer .social{
    display: block;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    background-size: cover;
}
.site-footer .social:first-child,
.site-footer .social:last-child{
    margin: 0;
}
.site-footer .social-twitter{
    background-image: url('assets/png/twitter.png');
}
.site-footer .social-youtube{
    background-image: url('assets/png/youtube.png');
}
.site-footer .social-linkedin{
    background-image: url('assets/png/linkedin.png');
}
.site-footer .social-viadeo{
    background-image: url('assets/png/viadeo.png');
}
.site-footer .social-facebook {
    background-image: url('assets/png/facebook.png');
}


.site-footer .link-mutualite{
    display: block;
    width: 70%;
    margin: 0 auto;
}
.site-footer .link-mutualite img{max-width: 100%;}

/*
* Modules
*/
.module{
    display: block;
    position: relative;
    float: left;
    height: 300px;
    color: #000;
    background-color: #fff;
    overflow: hidden;
}
.module[data-width='f11']{width: 200px;}
.module[data-width='f151']{width: 300px;}
.module[data-width='f21']{width: 400px;}
.module[data-width='f31']{width: 600px;}
.module[data-width='f41']{width: 800px;}
.module[data-width='f61']{width: 100%;}
.module[data-width='f152']{width: 300px;height: 600px;}

.module .module-title{
    line-height: 1;
    bottom: 30px;
    color: #fff;
    margin: 0;
    right: 30px;
    text-align: right;
    max-width: 66%;
    font-size: 20px;
    font-family: 'montserratbold';
}

.module > section{
    width: 100%;
    height: 100%;
    padding: 30px;
    box-sizing: border-box;
}
.module:before{
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    content: "";
    height: 10px;
    left: 20px;
    position: absolute;
    top: 20px;
    width: 10px;
    pointer-events: none;
    z-index: 100;
    -webkit-transition: width 0.5s ease-in, height 0.5s ease-in;
    transition: width 0.5s ease-in, height 0.5s ease-in;
}
.module:after{
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    content: "";
    height: 10px;
    right: 20px;
    position: absolute;
    bottom: 20px;
    width: 10px;
    pointer-events: none;
    z-index: 100;
    -webkit-transition: width 0.5s ease-in, height 0.5s ease-in;
    transition: width 0.5s ease-in, height 0.5s ease-in;
}
.module[data-reverse='1'][data-scheme]::before{
    border-left: 1px solid rgba(255,255,255, 0.5);
    border-top: 1px solid rgba(255,255,255, 0.5);
}
.module[data-reverse='1'][data-scheme]::after{
    border-right: 1px solid rgba(255,255,255, 0.5);
    border-bottom: 1px solid rgba(255,255,255, 0.5);
}
.module[data-scheme='s1']::before{
    border-left: 1px solid rgba(148,190,69, 0.5);
    border-top: 1px solid rgba(148,190,69, 0.5);
}
.module[data-scheme='s1']::after{
    border-right: 1px solid rgba(148,190,69, 0.5);
    border-bottom: 1px solid rgba(148,190,69, 0.5);
}
.module[data-scheme='s2']::before{
    border-left: 1px solid rgba(29,168,212, 0.5);
    border-top: 1px solid rgba(29,168,212, 0.5);
}
.module[data-scheme='s2']::after{
    border-right: 1px solid rgba(29,168,212, 0.5);
    border-bottom: 1px solid rgba(29,168,212, 0.5);
}
.module[data-scheme='s3']::before{
    border-left: 1px solid rgba(230,77,113, 0.5);
    border-top: 1px solid rgba(230,77,113, 0.5);
}
.module[data-scheme='s3']::after{
    border-right: 1px solid rgba(230,77,113, 0.5);
    border-bottom: 1px solid rgba(230,77,113, 0.5);
}
.module[data-scheme='s4']::before{
    border-left: 1px solid rgba(190,112,168, 0.5);
    border-top: 1px solid rgba(190,112,168, 0.5);
}
.module[data-scheme='s4']::after{
    border-right: 1px solid rgba(190,112,168, 0.5);
    border-bottom: 1px solid rgba(190,112,168, 0.5);
}
.module[data-scheme='s5']::before{
    border-left: 1px solid rgba(240,162,47, 0.5);
    border-top: 1px solid rgba(240,162,47, 0.5);
}
.module[data-scheme='s5']::after{
    border-right: 1px solid rgba(240,162,47, 0.5);
    border-bottom: 1px solid rgba(240,162,47, 0.5);
}
.module[data-scheme='s6']::before{
    border-left: 1px solid rgba(212,186,168, 0.5);
    border-top: 1px solid rgba(212,186,168, 0.5);
}
.module[data-scheme='s6']::after{
    border-right: 1px solid rgba(212,186,168, 0.5);
    border-bottom: 1px solid rgba(212,186,168, 0.5);
}
.module[data-scheme='s7']::before{
    border-left: 1px solid rgba(241,48,92, 0.5);
    border-top: 1px solid rgba(241,48,92, 0.5);
}
.module[data-scheme='s7']::after{
    border-right: 1px solid rgba(241,48,92, 0.5);
    border-bottom: 1px solid rgba(241,48,92, 0.5);
}

/* Module Testimonial */
.m-testimonial::before {
    content: none;
}
.m-testimonial::after {
    border-bottom: 1px solid #acabab;
    border-right: 1px solid #acabab;
}
.m-testimonial .slider-item q{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    font-style: italic;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.m-testimonial .slider-item small{
    position: absolute;
    right: 30px;
    bottom: 30px;
    color: #acabab;
}
.m-testimonial-inner .slider-item{
    padding: 20px;
    box-sizing:border-box;
}

/* Module Text */
.m-txt{
    padding: 30px;
    background-color: #ebebeb;
    box-sizing: border-box;
}
.m-txt::before {
    content: none;
}
.m-txt::after {
    border-bottom: 1px solid #acabab;
    border-right: 1px solid #acabab;
}
.m-txt section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 10;
    box-sizing: border-box;
}
.m-txt small{
    bottom: 30px;
    color: #acabab;
    position: absolute;
    right: 30px;
}

/* Module Img */
.m-img::before,
.m-img::after,
.m-img .hasBgImg::before,
.m-img .hasBgImg::after{
    content: none;
}
.m-img section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index: 10;
    box-sizing: border-box;
}
.m-img section img{
    max-width: 100%;
    height: auto;
}

/* Module Video */
.m-video::before{content: none;}
.m-video{position: relative;}
.m-video:hover{cursor: pointer;}
.m-video section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 45px;
    z-index: 10;
    box-sizing: border-box;
}
.m-video iframe{
    visibility: hidden;
}
.m-video:hover > section.hasBgImg > img{
    -webkit-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    transform: translate(-50%,-50%) scale(1.2);
}


/* Module PDF */
#secondary .m-pdf{width: 100%;}
.m-pdf:hover > section.hasBgImg > img{
    -webkit-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    transform: translate(-50%,-50%) scale(1.2);
}
.m-pdf .module-title span {
    line-height: 30px;
    padding: 0 5px;
}
.m-pdf[data-scheme='s1'] .module-title span{ background-color: #94be45; }
.m-pdf[data-scheme='s2'] .module-title span{ background-color: #1da8d4; }
.m-pdf[data-scheme='s3'] .module-title span{ background-color: #e64d71; }
.m-pdf[data-scheme='s4'] .module-title span{ background-color: #be70a8; }
.m-pdf[data-scheme='s5'] .module-title span{ background-color: #f0a22f; }
.m-pdf[data-scheme='s6'] .module-title span{ background-color: #d4baa8; }
.m-pdf[data-scheme='s7'] .module-title span{ background-color: #f1305c; }

/* Module Image Sidebar */
#secondary .m-is{width: 100%;}
.m-is:hover > section.hasBgImg > img{
    -webkit-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    transform: translate(-50%,-50%) scale(1.2);
}
.m-is .module-title span {
    line-height: 30px;
    padding: 0 5px;
}
.m-is[data-scheme='s1'] .module-title span{ background-color: #94be45; }
.m-is[data-scheme='s2'] .module-title span{ background-color: #1da8d4; }
.m-is[data-scheme='s3'] .module-title span{ background-color: #e64d71; }
.m-is[data-scheme='s4'] .module-title span{ background-color: #be70a8; }
.m-is[data-scheme='s5'] .module-title span{ background-color: #f0a22f; }
.m-is[data-scheme='s6'] .module-title span{ background-color: #d4baa8; }
.m-is[data-scheme='s7'] .module-title span{ background-color: #f1305c; }

/* Module Offers */
.m-offers::before,
.m-offers::after,
.m-offers .hasBgImg::before{
    content: none;
}
.m-offers{
    width: 100%;
    height: 375px;
}
.m-offers[data-tgt='c2v1'] > section{
    position: relative;
    float: left;
    width:50%;
    border: 5px solid #fff;
}
#m-offers-title{
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    font-size: 20px;
    transform: translate(-50%,-50%);
}
#m-offers-link{
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    color: #fff;
    background-color: #1da8d4;
    box-sizing: border-box;
}
.m-offers ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#m-offers-params,
#m-offers-products{
    position: relative;
    float: left;
    width:50%;
    height: 100%;
    padding: 0;
}
#m-offers-params{
    color: #fff;
}
#m-offers-params header{
    height: 30px;
    padding: 0 10px;
    background-color: #105929;
}
.m-offers[data-tgt='c2'] #m-offers-params header{background-color: #00739f;}
.m-offers[data-tgt='c3'] #m-offers-params header{background-color: #bda595;}

#m-offers-params header > p{
    margin: 0;
    line-height: 30px;
    font-style: italic;
}
#m-offers-tabs > li{
    display: block;
    float: left;
    width: 33.3333%;
}
#m-offers-tabs li.tab-unvailable{
    opacity: 0.3;
}
#m-offers-tabs li > input[type="radio"]{
    position: absolute;
    top: 0;
    left: -9999px;
}
#m-offers-tabs li > label{
    display: block;
    vertical-align: middle;
    position: relative;
    height: 60px;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    font-size: 10px;
    color: #5c5c5c;
    background: #fff;
    cursor: pointer;
    box-shadow: none;
    z-index: 10;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#m-offers-tabs li.tab-unvailable label{cursor: initial;}
#m-offers-tabs li > label span{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#m-offers-tabs .tab-content{
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    height: 285px;
    font-size: 13px;
    padding: 10px 25px;
    background-color: #94be45;
    overflow: hidden;
    z-index: 2;
    box-sizing: border-box;
}
.m-offers[data-tgt='c2'] #m-offers-tabs .tab-content{background-color: #00a9d5;}
.m-offers[data-tgt='c3'] #m-offers-tabs .tab-content{background-color: #896f5d;}
#m-offers-tabs .tab-content ul{
    list-style: initial;
}
#m-offers-tabs .tab-content .range-label{
    margin: 5px 0 0;
}
#m-offers-tabs .tab-content .range-note{
    font-style: italic;
    margin-bottom: 30px;
    text-transform: none;
}
#m-offers-tabs [id^="tab"]:checked + label {
    box-shadow: 8px 0 5px -10px #000, -8px 0 5px -10px #000;
    color: #fff;
    background-color: #94be45;
    z-index: 100;
}
.m-offers[data-tgt='c2'] #m-offers-tabs [id^="tab"]:checked + label{background-color: #00a9d5;}
.m-offers[data-tgt='c3'] #m-offers-tabs [id^="tab"]:checked + label{background-color: #896f5d;}
#m-offers-tabs li:last-child [id^="tab"]:checked + label{
    box-shadow: 1px 0 0 0 #94be45, -8px 0 10px -10px #000;
}
#m-offers-tabs [id^="tab"]:checked ~ [id^="tab-content"] {
    display: block;
}

.m-offers-slider,
.m-offers-slider-pro{
    margin: 10px 0 20px;
}
.m-offers-slider-unvailable,
.z-offers-choices-unvailable{
    opacity:0.3;
    filter:alpha(opacity=30);
}
#m-offers-params .ui-slider-horizontal{
    height: 5px;
    background-color: #f1305c;
    border-radius: 5px;
    border: none;
}
#m-offers-params .ui-slider{
    position: relative;
    text-align: left;
}
#m-offers-params .ui-slider .ui-slider-range{
    position: absolute;
    display: block;
    background-color: #6d9a12;
    background-position: 0 0;
    border: 0 none;
    border-radius: 5px;
    z-index: 1;
}
.m-offers[data-tgt='c2'] #m-offers-params .ui-slider .ui-slider-range{background-color: #00739f;}
.m-offers[data-tgt='c3'] #m-offers-params .ui-slider .ui-slider-range{background-color: #bda595;}
#m-offers-params .ui-slider-horizontal .ui-slider-range{
    height: 100%;
    top: 0;
}
#m-offers-params .ui-slider-horizontal .ui-slider-range-max{
    right: 0;
}
#m-offers-params .ui-state-default, .ui-widget-content .ui-state-default,
#m-offers-params .ui-widget-header .ui-state-default{
    background: #f6f6f6 none repeat scroll 0 0;
    color: #454545;
    font-weight: normal;
}
#m-offers-params .ui-slider .ui-slider-handle{
    position: absolute;
    width: 12px;
    height: 12px;
    cursor: pointer;
    border-radius: 20px;
    background-color: #f1305c;
    border: none;
    z-index: 2;
}
#m-offers-params .ui-slider-horizontal .ui-slider-handle{
    margin-left: -6px;
    top: -4px;
}

/* surcomp checkbox list */

#m-offers-params .tab-content .surcompProductList .surcomp-p{
    display:inline-block;
    width:100%;
    text-align: left;
    padding:0 10px;
    box-sizing: border-box;
    line-height: 1.5;
    vertical-align: middle;
    position:relative;
    margin:13px 0 0 0;
}

#m-offers-params .tab-content .surcompProductList .surcomp-p p{
    width:100%;
    float:left;
    padding-left:30px;
    margin:0;
}

#m-offers-params .tab-content .surcompProductList .surcomp-p input{
    background-color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-color: #f1305c;
    border: none;
}

#m-offers-params .tab-content .surcompProductList .surcomp-p input{
    position: absolute;
    top: 0;
    left: -9999px;
}
#m-offers-params .tab-content .surcompProductList .surcomp-p input + label{
    float:right;
    display: inline-block;
    position: absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    cursor: pointer;
    height:12px;
    width:12px;
    padding:0;
    border-radius: 50%;
    background-color: #fff;
    z-index:inherit;
    border: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#m-offers-params .tab-content .surcompProductList .surcomp-p input:checked + label{
    background-color: #f1305c!important;
    height:12px;
    width:12px;
}

#m-offers-params .tab-content .mutuelleChoice .surcomp-p,
#m-offers-params .tab-content .zeniorConditionnalChoice .surcomp-p{
    width:100%;
    text-align: left;
    padding:0 10px;
    position:relative;
}
#m-offers-params .tab-content .zeniorConditionnalChoice .surcomp-p{
    display: inline-block;
    width: 45%;
}
#m-offers-params .tab-content .mutuelleChoice .surcomp-p p,
#m-offers-params .tab-content .zeniorConditionnalChoice .surcomp-p p{
    padding-left:30px;
}

#m-offers-params .tab-content .mutuelleChoice input,
#m-offers-params .tab-content .zeniorConditionnalChoice input {
    background-color: #fff;
    cursor: pointer;
    border-radius: 20px;
    background-color: #f1305c;
    border: none;
    position: absolute;
    top: 0;
    left: -9999px;
}
#m-offers-tabs .tab-content .zeniorConditionnalChoice + .range-note {
    margin-top: 5px;
    margin-bottom: 15px;
}

#m-offers-params .tab-content .surcompMessage a {
    background:none;
    border:none;
    color:#f1305c;
    font-weight:bold;
    font-size:12px;
}

#m-offers-params .tab-content .mutuelleChoice input + label,
#m-offers-params .tab-content .zeniorConditionnalChoice input + label{
    float:right;
    display: inline-block;
    position: absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    left:0;
    cursor: pointer;
    height:12px;
    width:12px;
    padding:0;
    border-radius: 50%;
    background-color: #fff;
    z-index:inherit;
    border: none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#m-offers-params .tab-content .mutuelleChoice input:checked + label,
#m-offers-params .tab-content .zeniorConditionnalChoice input:checked + label{
    background-color: #f1305c!important;
    height:12px;
    width:12px;
}

.m-product-list{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.m-offers-products-loading{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    z-index: 100;
}
.m-offers-products-loading.loading-false{
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.m-product-list:not(.m-product-listVisible) {
    opacity: 0;
    visibility: hidden;
}
.m-product-list ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.m-product-filtered .m-product-listVisible{
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
.m-product-filtered .m-product-list:not(.m-product-listVisible){
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform: translateY(300px);
    -ms-transform: translateY(300px);
    transform: translateY(300px);
    -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0.3s;
    transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0.3s ease 0.3s;
}
.m-product{
    position: relative;
    float: left;
    width: 33.33%;
    height: 100%;
    color: #5c5c5c;
    box-shadow: none;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.m-productSelect{
    box-shadow: 8px 0 15px -10px #000, -8px 0 15px -10px #000;
    z-index: 10;
}
.m-product:not(.m-productSelect)::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0,0,0,0.2);
}
.m-productSelect::after{
    background: #94be45 none repeat scroll 0 0;
    color: #fff;
    content: "";
    font-family: "Genericons";
    height: 30px;
    left: 5px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 30px;
}
.m-offers[data-tgt='c2'] .m-productSelect::after{background-color: #00a9d5;}
.m-offers[data-tgt='c3'] .m-productSelect::after{background-color: #d4baa8;}
.m-product > section{
    position: relative;
    width: 100%;
    height: 50%;
    padding: 70px 15px 15px;
    box-sizing: border-box;
}
.m-product > section.hasBgImg::before{
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    bottom: 20px;
    content: "";
    height: 10px;
    pointer-events: none;
    position: absolute;
    right: 20px;
    width: 10px;
    z-index: 100;
}
.m-product > section.hasBgImg{
    border: 5px solid #fff;
}
.module .m-product-title{
    text-transform: uppercase;
    padding: 2px 5px;
    font-family: "montserratregular";
    font-size: 20px;
    background-color: rgba(148,190,69,0.8);
}
.m-offers[data-tgt='c2'] .m-product-title{background-color: rgba(0,169,213,0.8);}
.m-offers[data-tgt='c3'] .m-product-title{background-color: rgba(137,111,93,0.8);}
.m-product p{
    margin: 0;
    font-size: 14px;
}
.m-product a{
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 60px;
    font-family: "gothambold";
    font-size: 8px;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
}
.m-product a.m-product-linkcontact::before{
    content: '\f425';
    font-family: "Genericons";
    font-size: 35px;
    left: 50%;
    position: absolute;
    top: 5px;
    margin-left: -16px;
}
.m-product a.m-product-linkcontact.m-product-linkcontact-pro::before{
    content: '\f410';
}
.m-product a.m-product-linkcontact{
    padding-top: 40px;
    color: #fff;
    background-color: #f1305c;
}
.m-product a.m-product-linkmore::before{
    content: '\f510';
    font-family: "Genericons";
    font-size: 35px;
    left: 50%;
    position: absolute;
    top: 5px;
    margin-left: -16px;
}
.m-product a.m-product-linkmore{
    padding-top: 40px;
    left: 50%;
    color: #94be45;
}
.m-offers[data-tgt='c2'] .m-product a.m-product-linkmore{color: #00a9d5;}
.m-offers[data-tgt='c3'] .m-product a.m-product-linkmore{color: #896F5D;}

/* Module Link */
.m-link[data-reverse='1'][data-scheme='s1']{ background-color: #94be45; }
.m-link[data-reverse='1'][data-scheme='s2']{ background-color: #1da8d4; }
.m-link[data-reverse='1'][data-scheme='s3']{ background-color: #e64d71; }
.m-link[data-reverse='1'][data-scheme='s4']{ background-color: #be70a8; }
.m-link[data-reverse='1'][data-scheme='s5']{ background-color: #f0a22f; }
.m-link[data-reverse='1'][data-scheme='s6']{ background-color: #d4baa8; }
.m-link[data-reverse='1'][data-scheme='s7']{ background-color: #f1305c; }

.m-link:hover::after{
    width: calc(100% - 41px);
    height: calc(100% - 41px);
}
.m-link:hover::before{
    width: calc(100% - 41px);
    height: calc(100% - 41px);
}
.m-link section{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #adacac;
    padding: 45px;
    z-index: 10;
    box-sizing: border-box;
}
.m-link[data-reverse="1"] section{color:#fff;}
.m-link section.hasText{
    z-index: 10;
}
.m-link .module-title span{
    padding: 0 5px;
    line-height: 30px;
}
.m-link[data-scheme='s1'] .module-title span{ background-color: #94be45; }
.m-link[data-scheme='s2'] .module-title span{ background-color: #1da8d4; }
.m-link[data-scheme='s3'] .module-title span{ background-color: #e64d71; }
.m-link[data-scheme='s4'] .module-title span{ background-color: #be70a8; }
.m-link[data-scheme='s5'] .module-title span{ background-color: #f0a22f; }
.m-link[data-scheme='s6'] .module-title span{ background-color: #d4baa8; }
.m-link[data-scheme='s7'] .module-title span{ background-color: #f1305c; }

.m-link section.hasText p{
    margin-top: 0;
    font-size: 14px;
}
.m-link section.hasText .readmore{
    position: absolute;
    bottom: 30px;
    right: 30px;
    margin: 0;
    text-transform: uppercase;
    text-align: right;
    font-size: 14px;
    font-family: 'gothambold';
    line-height: 1;
}
.m-link[data-reverse='1'][data-scheme] .readmore{ color: #fff; }
.m-link[data-scheme='s1'] .readmore{ color: #94be45; }
.m-link[data-scheme='s2'] .readmore{ color: #1da8d4; }
.m-link[data-scheme='s3'] .readmore{ color: #e64d71; }
.m-link[data-scheme='s4'] .readmore{ color: #be70a8; }
.m-link[data-scheme='s5'] .readmore{ color: #f0a22f; }
.m-link[data-scheme='s6'] .readmore{ color: #d4baa8; }
.m-link[data-scheme='s7'] .readmore{ color: #f1305c; }

a.m-link:hover > section.hasBgImg > img{
    -webkit-transform: translate(-50%,-50%) scale(1.1);
    -ms-transform: translate(-50%,-50%) scale(1.1);
    transform: translate(-50%,-50%) scale(1.1);
}
/********** Module Link Version Standard **********/

.m-link[data-width='f31']:not([data-showtxt='0']) section{ width: 50%; }
.m-link[data-width='f31'] section.hasText{ left: 50%; }

.m-link[data-scheme='s1'] section.hasText p:first-child:first-letter{ color: #94be45; }
.m-link[data-scheme='s2'] section.hasText p:first-child:first-letter{ color: #1da8d4; }
.m-link[data-scheme='s3'] section.hasText p:first-child:first-letter{ color: #e64d71; }
.m-link[data-scheme='s4'] section.hasText p:first-child:first-letter{ color: #be70a8; }
.m-link[data-scheme='s5'] section.hasText p:first-child:first-letter{ color: #f0a22f; }
.m-link[data-scheme='s6'] section.hasText p:first-child:first-letter{ color: #d4baa8; }
.m-link[data-scheme='s7'] section.hasText p:first-child:first-letter{ color: #f1305c; }

.m-link[data-reverse="1"] section.hasText p:first-child:first-letter{ color: #fff; }

/********** Module Link Version Portrait **********/

.m-link[data-align='portrait'] section{height: 50%;}
.m-link[data-align='portrait'] section.hasBgImg{
    height: calc(50% + 15px);
    padding: 30px 30px 15px;
}
.m-link[data-align='portrait'] section.hasBgImg::after{bottom: 35px;}
.m-link[data-align='portrait'] section.hasBgImg .module-title{bottom: 45px;}
.m-link[data-align='portrait'] section.hasText{top: 50%;}
.m-link[data-align='portrait'] .m-arrow{
    border:15px solid;
    border-bottom:none;
    border-color:transparent #fff;
    position:absolute;
    left: calc(50% - 15px);
    bottom:0;
}
.m-link[data-reverse='1'][data-scheme='s1'][data-align='portrait'] .m-arrow{ border-color:transparent #94be45; }
.m-link[data-reverse='1'][data-scheme='s2'][data-align='portrait'] .m-arrow{ border-color:transparent #1da8d4; }
.m-link[data-reverse='1'][data-scheme='s3'][data-align='portrait'] .m-arrow{ border-color:transparent #e64d71; }
.m-link[data-reverse='1'][data-scheme='s4'][data-align='portrait'] .m-arrow{ border-color:transparent #be70a8; }
.m-link[data-reverse='1'][data-scheme='s5'][data-align='portrait'] .m-arrow{ border-color:transparent #f0a22f; }
.m-link[data-reverse='1'][data-scheme='s6'][data-align='portrait'] .m-arrow{ border-color:transparent #d4baa8; }
.m-link[data-reverse='1'][data-scheme='s7'][data-align='portrait'] .m-arrow{ border-color:transparent #f1305c; }
.m-link[data-align='portrait'] .m-arrow:before,
.m-link[data-align='portrait'] .m-arrow:after{
    content:'';
    position:absolute;
    width:5000px;
    right:auto;
    bottom:0;
    height:15px;
    background:#fff;
}
.m-link[data-reverse='1'][data-scheme='s1'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s1'][data-align='portrait'] .m-arrow:after{ background: #94be45; }
.m-link[data-reverse='1'][data-scheme='s2'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s2'][data-align='portrait'] .m-arrow:after{ background: #1da8d4; }
.m-link[data-reverse='1'][data-scheme='s3'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s3'][data-align='portrait'] .m-arrow:after{ background: #e64d71; }
.m-link[data-reverse='1'][data-scheme='s4'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s4'][data-align='portrait'] .m-arrow:after{ background: #be70a8; }
.m-link[data-reverse='1'][data-scheme='s5'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s5'][data-align='portrait'] .m-arrow:after{ background: #f0a22f; }
.m-link[data-reverse='1'][data-scheme='s6'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s6'][data-align='portrait'] .m-arrow:after{ background: #d4baa8; }
.m-link[data-reverse='1'][data-scheme='s7'][data-align='portrait'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s7'][data-align='portrait'] .m-arrow:after{ background: #f1305c; }
.m-link[data-align='portrait'] .m-arrow:before{right:15px;}
.m-link[data-align='portrait'] .m-arrow:after{left:15px;}


/********** Module Link Version Landscape **********/

.m-link[data-align='landscape'] section.hasBgImg{
    width: calc(50% + 15px);
    padding: 30px 15px 30px 30px;
}
.m-link[data-align='landscape'] section.hasBgImg::after{right: 35px;}
.m-link[data-align='landscape'] section.hasBgImg .module-title{right: 45px;}
.m-link[data-align='landscape'] .m-arrow{
    border:15px solid #fff;
    border-right:none;
    border-color: #fff transparent;
    position:absolute;
    right:0;
    top:calc(50% - 15px);
    left:auto;
    bottom:auto;
}
.m-link[data-reverse='1'][data-scheme='s1'][data-align='landscape'] .m-arrow{ border-color: #94be45 transparent; }
.m-link[data-reverse='1'][data-scheme='s2'][data-align='landscape'] .m-arrow{ border-color: #1da8d4 transparent; }
.m-link[data-reverse='1'][data-scheme='s3'][data-align='landscape'] .m-arrow{ border-color: #e64d71 transparent; }
.m-link[data-reverse='1'][data-scheme='s4'][data-align='landscape'] .m-arrow{ border-color: #be70a8 transparent; }
.m-link[data-reverse='1'][data-scheme='s5'][data-align='landscape'] .m-arrow{ border-color: #f0a22f transparent; }
.m-link[data-reverse='1'][data-scheme='s6'][data-align='landscape'] .m-arrow{ border-color: #d4baa8 transparent; }
.m-link[data-reverse='1'][data-scheme='s7'][data-align='landscape'] .m-arrow{ border-color: #f1305c transparent; }
.m-link[data-align='landscape'] .m-arrow:before,
.m-link[data-align='landscape'] .m-arrow:after{
    content:'';
    position:absolute;
    width:15px;
    right:0;
    bottom:auto;
    height:5000px;
    background:#fff;
}
.m-link[data-reverse='1'][data-scheme='s1'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s1'][data-align='landscape'] .m-arrow:after{ background: #94be45; }
.m-link[data-reverse='1'][data-scheme='s2'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s2'][data-align='landscape'] .m-arrow:after{ background: #1da8d4; }
.m-link[data-reverse='1'][data-scheme='s3'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s3'][data-align='landscape'] .m-arrow:after{ background: #e64d71; }
.m-link[data-reverse='1'][data-scheme='s4'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s4'][data-align='landscape'] .m-arrow:after{ background: #be70a8; }
.m-link[data-reverse='1'][data-scheme='s5'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s5'][data-align='landscape'] .m-arrow:after{ background: #f0a22f; }
.m-link[data-reverse='1'][data-scheme='s6'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s6'][data-align='landscape'] .m-arrow:after{ background: #d4baa8; }
.m-link[data-reverse='1'][data-scheme='s7'][data-align='landscape'] .m-arrow:before,
.m-link[data-reverse='1'][data-scheme='s7'][data-align='landscape'] .m-arrow:after{ background: #f1305c; }
.m-link[data-align='landscape'] .m-arrow:before{bottom:15px;}
.m-link[data-align='landscape'] .m-arrow:after{top:15px;}


/* Module Quizz */
.module.m-quizz::after {
    border-right: 1px solid rgba(191, 111, 169, 0.5);
    border-bottom: 1px solid rgba(191, 111, 169, 0.5);
}
.m-quizz{
    color: #bf6fa9;
    background-color: #faedf6;
}
.m-quizz .module-title{
    width: auto;
    margin-bottom: 20px;
    font-family: 'montserratbold';
    font-size: 20px;
    text-align: left;
    color:#bf6fa9;
}
.m-quizz-q{
    width: 100%;
    margin-bottom: 30px;
    color: #a0558b;
}
.m-quizz-q.q-disabled,
.m-quizz-q-bottom.q-disabled{
    display: none;
}
.m-quizz-label{
    font-style: italic;
}
.m-quizz[data-width="f152"] .m-quizz-label{
    margin: 50px 0;
}
.m-quizz-checkmark ul{
    padding-left: 15px;
}
.m-quizz-choice:before{
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: 2px solid #a0558b;
    box-sizing: border-box;
}
.m-quizz-choice{
    position: relative;
    list-style: outside none none;
    margin-bottom: 8px;
}
.m-quizz-choice label{
    display: inline-block;
    vertical-align: middle;
}
.m-quizz-choice input[type="checkbox"]{
    display: inline-block;
    vertical-align: middle;
    left: 0;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    opacity: 0;
    cursor: pointer;
    z-index: 100;
}
.m-quizz-choice svg{
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    left: 2.5px;
    margin-top: -10px;
    pointer-events: none;
}
.m-quizz-choice svg path{
    stroke: #a0558b;
    stroke-width: 13px;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}
.m-quizz-choice:hover{cursor: pointer;}
.m-quizz-choice.c-valid{color: green;}
.m-quizz-choice.c-invalid{color: red;}
.m-quizz-q-bottom a{
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.m-quizz-q-bottom .m-quizz-next span{
    display: block;
    position: absolute;
    top: -45px;
    right: 0;
    width: 50px;
    height: 40px;
    background-color: transparent;
    background-image: url('assets/png/next.png');
}
.m-quizz-q-bottom .m-quizz-first span{
    display: block;
    position: absolute;
    top: -35px;
    font-size: 34px;
}
.m-quizz small{
    position: absolute;
    left: 30px;
    bottom: 30px;
}


/* Module News */
.m-news .module-title{
    color: #000;
    text-align: center;
    width: 100%;
}
.m-news[data-width="f152"] .module-title{
    margin: 50px 0;
}
.m-news::before{
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-top: 1px solid rgba(0, 0, 0, 0.5);
}
.m-news::after{
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.m-news section.hasText .readmore{
    bottom: 30px;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 30px;
    text-transform: uppercase;
}

/* Module Contact */
.m-contact{
    display: block;
    padding: 30px 20px;
    text-align: center;
    text-transform: uppercase;
    font-family: "montserratbold";
    color: #000;
    box-sizing: border-box;
}
.m-contact[data-type='t1']{color:rgba(255,255,255,0.6);background: #f5a315;}
.m-contact[data-type='t2']{color:rgba(255,255,255,0.6);background: #da5c1c;}
.m-contact[data-type='t3']{color:rgba(255,255,255,0.6);background: #00a9d5;}
.m-contact[data-type='t4']{color:rgba(255,255,255,0.6);background: #da5c1c;}
.m-contact[data-type='t5']{color:rgba(255,255,255,0.6);background: #f5a315;}

.m-contact .subtext{
    position: absolute;
    left: 25px;
    bottom: 30px;
    width: calc(100% - 50px);
    margin: 0;
    font-family: "montserratregular";
    font-size: 10px;
}
.m-contact:hover::after{
    width: calc(100% - 41px);
    height: calc(100% - 41px);
}
.m-contact:hover::before{
    width: calc(100% - 41px);
    height: calc(100% - 41px);
}


/*
* Folders
*/
#dropdownHeader{
    position: relative;
    width: 100%;
    padding: 10px;
    color: #fff;
    background: #f1305c;
    box-sizing: border-box;
    z-index: 100;
    cursor: pointer;
}
#dropdownHeader span{
    float: right;
}
#dropdownContent{
    display: none;
    list-style: none;
    padding: 0;
    position: absolute;
    color: #fff;
    background: #f1305c;
    width: 100%;
    top: 23px;
    right: 0;
    font-size: 14px;
    border-top: 5px solid #ff8b8d;
}
#dropdownContent > li{
    padding: 10px;
    font-style: italic;
}
#dropdownContent > li:not(:last-child){border-bottom: 1px solid #ff8b8d;}

/*
* Recruitment
*/
.offer{width:100%;}
.offer > h3{
    margin: 24px 0;
    font-size: 18px;
    line-height: 1;
    color: #f1305c;
    cursor: pointer;
}
.offer > h3:before{
    content: '\f431';
    display: inline-block;
    vertical-align: middle;
    font-family: "Genericons";
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease 0s;
    transition: transform 0.3s ease 0s;
}
.offer > h3.offer-open:before{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.offer-content{
    display: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 50px;
    padding: 20px;
    background: #eee;
    box-sizing: border-box;
}
.offer-content div.wpcf7{
    margin-top: 50px;
}

/*
* FAQ
*/
.faq_g:not(:last-child){
    clear:left;
    margin-bottom: 75px;
}
.faq_g[data-type='faqT1']{color: #94be45;}
.faq_g[data-type='faqT2']{color: #1da8d4;}
/*.faq_g[data-type='faqT3']{color: #ff7e00;}*/
.faq_g[data-type='faqT4']{color: #be70a8;}
.faq_q{
    margin-bottom: 10px;
}
.faq_qlabel{
    margin-bottom: 0;
}
.faq_qlabel:hover{
    cursor: pointer;
}
.faq_qanswer{
    float: left;
    display: none;
    color: #5c5c5c;
}

/*
* Agencies
*/
.agency{
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
}
.agency:hover,
.agency-current{
    color: #f1305c;
}
.agency span{display: inherit;}
.agency span:first-child{font-size: 9px;}
.agency span:last-child{font-size: 15px;}
#data-agency{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: calc(100% - 50px);
    background-color: #fff;
    z-index: 10;
}
#data-agency > header{
    position: relative;
    height: 200px;
}
#data-agency > header > h1{
    position: absolute;
    left: 15px;
    bottom: 30px;
    max-width: 75%;
    font-size: 16px;
    text-align: left;
}
#data-agency > header > h1:first-letter{
    float:left;
    font-size: 60px;
    font-family: 'gothambold';
    line-height: 0.85;
    padding: 0 8px 0 0;
}
#data-agency > section{
    height: calc(100% - 200px);
    padding: 30px 15px;
    box-sizing: border-box;
}
.datas{margin-bottom:10px;}
#data-agency .datas > div{
    display: inline-block;
    vertical-align: middle;
    width: 40px;
}
#data-agency .datas > div::before{
    font-family: "Genericons";
    font-size: 2em;
    margin-right: 10px;
}
#data-agency .datas > p{
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 40px);
    margin: 0;
    font-size: 12px;
}
#data-agency #data-address p,
#data-agency #data-phone p{
    text-transform: uppercase;
    font-size: 16px;
}
#data-address > div::before{content: '\f417';}
#data-schedules > div::before{content: '\f303';}
#data-phone > div::before{content: '\f50c';}
#data-agency #link-map{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background-color: #f1305c;
}
#map{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
* PRESSE
*/
.m-release[data-modulo='grey-mod1'] .hasBgImg{background-color:#e6e6e6;}
.m-release[data-modulo='grey-mod2'] .hasBgImg{background-color:#dadada;}
.m-release[data-modulo='grey-mod3'] .hasBgImg{background-color:#cecece;}
.m-release .hasBgImg::after{
    content: '';
    display: none;
}
.m-release .module-title{
    position: absolute;
    bottom: 45px;
    color: #5e5e5e;
    z-index: 10;
}

/*
* NEWS
*/
.m-news-page .hasBgImg::after{
    content: '';
    display: none;
}
.m-news-page[data-scheme='s1'] .hasBgImg{ background-color: #94be45; }
.m-news-page[data-scheme='s2'] .hasBgImg{ background-color: #1da8d4; }
.m-news-page[data-scheme='s3'] .hasBgImg{ background-color: #e64d71; }
.m-news-page[data-scheme='s4'] .hasBgImg{ background-color: #be70a8; }
.m-news-page[data-scheme='s5'] .hasBgImg{ background-color: #f0a22f; }
.m-news-page[data-scheme='s6'] .hasBgImg{ background-color: #d4baa8; }
.m-news-page[data-scheme='s7'] .hasBgImg{ background-color: #f1305c; }
.m-news-page[data-scheme='s8'] .hasBgImg{ background-color: #adacac; }

/*
* Search page
*/
.module-search header{
    margin: 100px 0;
    text-align: center;
}
.module-search header h1{
    font-size: 16px;
}
.module-search .search-title span{
    font-style: italic;
    font-size: 25px;
}
.module-search footer{
    clear: both;
    display: inline-block;
    width: 100%;
    margin: 50px 0;
}
.module-search .pagination{
    position: relative;
    bottom: 0;
}
.module-search .page-numbers.next,
.module-search .page-numbers.prev{
    margin: 0 5px;
    font-style: italic;
}


@media(max-width: 1200px) and (min-width: 980px){
    .site-inner{max-width: 980px;}

    #menu-main{font-size: 10px;}
    #menu-main > li{margin-left: 15px;}

    #site-page-infos p{font-size:12px;}
    #site-page-infos .page-infos-subtitle{font-size:13px;}
    #site-page-infos h1, #site-page-infos .page-infos-title{font-size:15px;}

    .module{height: 245px;}
    .module[data-width='f11']{width: 163.33px;}
    .module[data-width='f151']{width: 245px;}
    .module[data-width='f21']{width: 326.66px;}
    .module[data-width='f31']{width: 490px;}
    .module[data-width='f41']{width: 653.33px;}
    .module[data-width='f61']{width: 100%;}
    .module[data-width='f152']{width: 245px;height: 490px;}
    .module .module-title{
        max-width: 75%;
        font-size: 18px;
    }


    .module.m-offers{height: 375px;}
    .m-txt{font-size: 13px;}

    .m-link section{padding: 30px;}
    .m-link section.hasText p{font-size: 12px;}

    .m-contact img{max-height: 50px;}
    .m-contact-title{font-size: 12px;}
    .m-contact .subtext{font-size: 8px;}

}

@media(min-width: 980px){
    .site-header > section {overflow:hidden}
    #site-header-nav-inner {display:block !important;}

    #menu-main > li:hover > .main-submenu{display: table;}
    #search-collapse{
        position: absolute;
        top: -100px;
        width: 100%;
        height: 50px;
        background-color: rgba(255,255,255,1);
        z-index: 1000;
        -webkit-transition: all 0.8s ease;
        transition: all 0.8s ease;
    }
    #secure-collapse{
        position: absolute;
        top: -390px;
        right: 0;
        width: 200px;
        height: 390px;
    }
    #site-header-left {position:relative;}
}


@media(max-width: 979px){
    #modal-content{
        width: 94%;
        font-size: 0.6em;
    }
    #modal-content > header > .title{
        font-size: 0.9em;
    }
    #modal-content > header > img{
        max-width: 100px;
    }
    .site-content-paged > aside{
        display:block;
        width:100%;
    }
    .site-content-paged > aside .module[data-width='f61'] {width:50%;}
    .site-content-paged > section {display:block; width:100%; padding-left:30px; padding-right:30px;padding-bottom: 50px;}
    img.alignright,
    img.alignleft{float:none;margin:0 auto 20px auto;display: block;}
    /* MENU */
    #site-header-nav-inner{
        display: none;
        /*position: absolute;
        top:50px;*/
        width: 100%;
        background: #fff;
        z-index: 10000;
        position: absolute;
        top: 50px;
    }
    .btnMobile {
        display:block;
        height:100%;
    }
    .btnMobile_phone, .btnMobile_agency , #menuToggle{
        width:33.333%;
        display:inline-block;
        float: left;
    }
    #menuToggle{
        height: 50px;
        margin:0;
        padding:10px 0;
        background-color:#eee;
    }
    #menuToggle::after{
        content: '\f419';
        font-size: 30px;
        font-family: "Genericons";
    }
    #menuToggle.menuOpen::after{
        content: '\f406';
    }
    .btnMobile_phone {
        background: url('assets/png/flag-contact.png') center center no-repeat;
        background-color: #f5a315;
    }
    .btnMobile_agency {
        background: url('assets/png/flag-agency.png') center center no-repeat;
        background-color: #00a9d5;
    }
    #site-header-nav-inner nav,
    #site-header-nav-inner button{
        display: block;
        float: none;
    }
    #site-header-nav-inner {
        padding-bottom: 50px;
        background: #eee none repeat scroll 0 0;
        border-bottom: 8px solid #f1305c;
    }
    #menu-main > li{
        display: block;
        margin-left: 0;
        padding: 0 20px;
        color: #000;
    }
    #menu-main > li::after{
        /*content: ">";*/
        content: '\f431';
        font-family: "Genericons";
        position: absolute;
        right: 20px;
    }

    #menu-main li:hover{cursor:pointer;}
    #menu-main > li > span{padding:18px 0;}
    #menu-main > li > .main-submenu {
        position: relative;
        min-height:auto;
        top:0;
        padding:0px;
        text-align:left;
    }
    #menu-main > li > .main-submenu > .lvl-0 {display:block;}
    .lvl-0 > li.item-header {
        display:block;
        width: 100%;
        text-align: left;
    }
    .lvl-1{margin-top:5px;}

    #search-collapse{
        width: calc(100% - 40px);
        margin: 50px auto;
        padding: 25px 0;
        border-top: 1px solid #a9a9a9;
        border-bottom: 1px solid #a9a9a9;
    }
    .widget_search{
        width:100%;
    }
    .widget_search .search-field{
        margin: 0;
        padding: 10px;
        background: #fff;
        border: none;
    }

    #closeSearch, #linkSearch {
        display:none!important;
    }
    #site-header-nav #linkSecure {
        float: none;
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    #secure-collapse{
        width: calc(100% - 40px);
        margin: 0 auto;
        clear:both;
    }
    #secure-collapse a{
        padding: 15px 40px 15px 30px;
        height: auto;
    }
    #secure-collapse a::after{top: 10px;}

    /* HEADER */
    #site-header-left{position: initial;width: 100%;height: auto;padding: 0;}
    #site-header-right{
        width: 100%;
        height:600px;
    }
    #site-page-infos{
        position: relative;
        min-height: auto;
    }
    #site-branding{position:absolute;top:0px;padding:60px 0 10px 0;width:100%;z-index: 1;background-color:#fff;  z-index: 99;}
    #site-branding  img {width:180px;}
    #breadcrumbs{margin: 0;padding: 10px 30px;text-align: left;background:#fff;}
    #site-page-dynamic {top:0;}
    #site-page-dynamic button.control-left{
        bottom: 200px;
        left: 10px;
        width:12px;
        height:33px;
    }
    #site-page-dynamic button.control-right{
        bottom: 200px;
        right: 10px;
        left:auto;
        width:12px;
        height:33px;
    }
    .dynamic-right-inner.slider{top:80px;}
    .stickyContent, .flag{display:none;}

    /* SLIDER */
    #site-page-dynamic h1,
    #site-page-dynamic .slider .slider-item a{
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        max-width: 100%;
        bottom: 120px;
        text-align: center;
        margin: 0 10%;
    }

    /* MODULES */
    .module{height: 300px;}
    .module[data-width='f11']{width: 100%;}
    /*.module[data-width='f151']{width: 50%;height: auto;}*/
    .module[data-width='f151']{width: 50%;}
    .module[data-width='f21']{width: 50%;}
    .module[data-width='f31']{width: 100%;}
    .module[data-width='f41']{width: 100%;}
    .module[data-width='f61']{width: 100%;}
    .module[data-width='f152']{width: 100%;}

    .module.m-offers{display: none;}

    .m-contact{display: table;height: auto;}
    .m-contact img{margin: 15px;}
    .m-contact .m-contact-cell{display: table-cell;vertical-align: middle;}
    .m-contact .m-contact-cell:first-child{width: 135px;}
    .m-contact .subtext{position: relative;width: 100%;left: 0;bottom: 0;}

    .m-link[data-align='landscape']{width: 100%;}
    .m-link[data-align="portrait"]{height: 245px;}
    .m-link[data-align="portrait"] section.hasBgImg{width: calc(50% + 15px);height:100%;}
    .m-link[data-align="portrait"] section.hasText{width:50%;height: 100%;left: 50%;top: 0;}
    .m-link[data-align='portrait'] section{height: 50%;}

    .m-link[data-align='landscape'] .m-arrow,
    .m-link[data-align='portrait'] .m-arrow{
        border:15px solid #fff;
        border-right:none;
        border-color: #fff transparent #fff transparent;
        position:absolute;
        right:0;
        top:calc(50% - 15px);
        left:auto;
        bottom:auto;
    }

    .m-link[data-align='landscape'] .m-arrow:before,
    .m-link[data-align='landscape'] .m-arrow:after,
    .m-link[data-align='portrait'] .m-arrow:before,
    .m-link[data-align='portrait'] .m-arrow:after{
        content:'';
        position:absolute;
        width:15px;
        right:0;
        bottom:auto;
        height:5000px;
        background:#fff;
    }
    .m-link[data-align='landscape'] .m-arrow:before,
    .m-link[data-align='portrait'] .m-arrow:before{
        bottom:15px;
    }
    .m-link[data-align='landscape'] .m-arrow:after,
    .m-link[data-align='portrait'] .m-arrow:after{
        top:15px;
        left:auto;
    }
    /* Module QUIZZ */
    .m-quizz[data-width='f152']{height: auto;}
    .m-quizz[data-width='f31']{width: 100%;}
    /* Module PDF */
    .m-pdf[data-align='landscape']{width:50%;height: 300px;}
    /* Module TXT */
    .m-txt[data-width='f151']{width: 100%;}
    .m-txt section{position:relative;}
    .m-txt[data-align="portrait"]{height: auto;}
    /* Module IMG */
    .m-img{height: 300px;}

    /* FOOTER */
    .site-footer > section{
        display: block;
        width: 100%;
        padding: 0;
        text-align:center;
    }

    .site-footer > section.footer-colNav,
    .site-footer > section.footer-colLink{
        display: inline-block;
        vertical-align: bottom;
        width: 49%;
        margin:10px auto;
        font-size: 10px;
    }
    .site-footer .link-mutualite{width:25%;}
}

@media(max-width: 599px){

    .site-content-paged > aside{
        display:block;
        width:100%;
    }
    .site-content-paged > aside .module[data-width='f61'] {width:100%;}
    .site-content-paged > section {display:block; width:100%; padding-left:30px; padding-right:30px;padding-bottom: 50px;}
    .site-content-paged > section > h2, .site-content-paged > section > h3 {
        max-width: 100%;
    }

    img.alignright,img.alignleft {float:none;margin:0 auto 20px auto;display: block;}

    /* MODULES */
    .module{height: 245px;}
    .module[data-width='f11']{width: 100%;}
    .module[data-width='f151']{width: 100%;height: 300px;text-align: center;}
    .module[data-width='f21']{width: 100%;}
    .module[data-width='f31']{width: 100%;}
    .module[data-width='f41']{width: 100%;}
    .module[data-width='f61']{width: 100%;}
    .module[data-width='f152']{width: 100%;height: 600px;}
    .m-link[data-width='f151']{width: 100%;height: 300px;}
    .m-link[data-align='landscape'], .m-link[data-align="portrait"]{width: 100%;height: 600px;}
    .m-link[data-align="landscape"] section.hasBgImg{width:100%;height: 50%;}
    .m-link[data-width="f31"] section.hasText{width:100%;height: 50%;left: 0;top: 50%;}

    .m-link[data-align="portrait"] section.hasBgImg{width:100%;height: 50%;}
    .m-link[data-align="portrait"] section.hasText{width:100%;height: 50%;left: 0;top: 50%;}
    .m-link[data-align='landscape'] section.hasBgImg::after {
        bottom: 35px;
    }
    .m-link[data-align='portrait'] .m-arrow, .m-link[data-align='landscape'] .m-arrow{
        border:15px solid #fff;
        border-bottom:none;
        border-color:transparent #fff;
        position:absolute;
        left: calc(50% - 15px);
        bottom:0;
        top:auto;
        right:auto;
    }
    .m-link[data-reverse='1'][data-scheme='s1'][data-align='landscape'] .m-arrow{ border-color: transparent #94be45; }
    .m-link[data-reverse='1'][data-scheme='s2'][data-align='landscape'] .m-arrow{ border-color: transparent #1da8d4; }
    .m-link[data-reverse='1'][data-scheme='s3'][data-align='landscape'] .m-arrow{ border-color: transparent #e64d71; }
    .m-link[data-reverse='1'][data-scheme='s4'][data-align='landscape'] .m-arrow{ border-color: transparent #be70a8; }
    .m-link[data-reverse='1'][data-scheme='s5'][data-align='landscape'] .m-arrow{ border-color: transparent #f0a22f; }
    .m-link[data-reverse='1'][data-scheme='s6'][data-align='landscape'] .m-arrow{ border-color: transparent #d4baa8; }
    .m-link[data-reverse='1'][data-scheme='s7'][data-align='landscape'] .m-arrow{ border-color: transparent #f1305c; }

    .m-link[data-align='portrait'] .m-arrow:before,
    .m-link[data-align='portrait'] .m-arrow:after,
    .m-link[data-align='landscape'] .m-arrow:before,
    .m-link[data-align='landscape'] .m-arrow:after{
        content:'';
        position:absolute;
        width:5000px;
        right:auto;
        bottom:0;
        height:15px;
        background:#fff;

    }
    .m-link[data-align='portrait'] .m-arrow:before, .m-link[data-align='landscape'] .m-arrow:before{
        right:15px;
    }
    .m-link[data-align='portrait'] .m-arrow:after,.m-link[data-align='landscape'] .m-arrow:after{
        left:15px;

        top:auto;
    }
    /* QUIZZ & TXT en height auto */
    .m-quizz[data-width='f31'],
    .m-quizz[data-width='f152']{width: 100%;height: auto;}
    .m-quizz[data-width="f152"] .m-quizz-label{margin: 20px 0;}
    .m-txt section{position:relative;}
    .m-txt[data-align="portrait"]{height: auto;}
    /* PDF */
    .m-pdf[data-align='landscape']{height: 300px;}

    /* FOOTER */
    .site-footer .social {
        width: 30px;
        height: 30px;
    }
    .site-footer .link-mutualite{width:40%;}

}
.image {
    position: float;
    top: 100px;
    left: 100px;
    width: 300px;
    height: 300px;
    margin:0px 0 0 0px;
    -webkit-animation:spin 6s ease infinite;
    -moz-animation:spin 6s ease infinite;
    animation:spin 6s ease infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(820deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(820deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(820deg); transform:rotate(820deg); } }