
html.header-fixe header{
	position: fixed;
	z-index: 11;
	width: 100%;
	background: #FFF;
	height: 171px;
	transition:all .3s;
	-moz-transition:all .3s;
	-webkit-transition:all .3s;
	padding: 0;
	top:0;
	overflow: visible;
}
html.header-fixe.header-min header{
    box-shadow:  0px 1px 0 0px #DDD;
	-webkit-box-shadow:  0px 1px 0 0px #DDD;
    -moz-box-shadow:  0px 1px 0 0px #DDD;
	background: white;
}
html.header-fixe.home.menu-open header,
html.header-fixe.header-min.home header{
	background: white;
}
html.header-fixe .main,
html.header-fixe .template-page{
	margin-top: 171px;
}

header{
	/*border-bottom: 1px solid #EEE;*/
	font-size: 16px;
}
html.home header{
	border-bottom: medium none;
}
header .menu-button-wrapper {
	font-size: 4em;
	float: left;
	cursor: pointer;
	width: 50px;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	z-index: 999;
	height: 50px;
	color: #241c11;
	display: none;
}
header .menu-button-wrapper.hamburger {
	display: inline-block;
}
header .menu-button-wrapper::after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 20px 17px 20px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #EFEFEF rgba(0, 0, 0, 0);
	bottom: -23px;
	position: absolute;
	margin-left: 4px;
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	display: none;
}
html.menu-open .header .menu-button-wrapper::after{
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
header .menu-button-wrapper .icon-menu {
	position: relative;
	top:25px;
}
header .menu-button-wrapper .icon-menu, header .menu-button-wrapper .icon-menu::before, header .menu-button-wrapper .icon-menu::after {
	position: absolute;
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	background: #241c11;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
header .menu-button-wrapper .icon-menu::before {
	margin-top: -8px;
}
header .menu-button-wrapper .icon-menu::after {
	margin-top: 8px;
}
html.menu-open .menu-button-wrapper .icon-menu {
	background: #fff!important;
}
html.menu-open .menu-button-wrapper .icon-menu::before {
	margin-top: 0px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
html.menu-open .menu-button-wrapper .icon-menu::after {
	margin-top: 0px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
header .menu-button-wrapper span {
	font-size: 15px;
	margin-top: 28px;
	position: absolute;
	display: block;
	right: 0;
	text-transform: uppercase;
	display: none;
}
.header-min header .menu-button-wrapper span {
}

/**
 * Logo wrapper
 */
header .logo-wrapper{
	margin-top: 6px;
	display: inline-block!important;
}

header.logo-left .logo-wrapper{
	float: left;
}

header.logo-right .top-button-left .logo-wrapper{
	display: none!important;
}

header.logo-right .top-button-right .logo-wrapper{
	margin-top: 0;
}

header.logo-right .top-button-right .logo-wrapper .logo{
	height: 80px;
}


.logo-wrapper .logo-text{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    text-align: left;
    font-size: 1.2em;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-left: 10px;
    line-height: 1.1em;
    margin-top: -12px;
}
.logo-wrapper .logo-text b{
	display: block;
    font-size: 1.3em;
    letter-spacing: 1.3px;
}
.logo-wrapper .logo-text a{
	color: black!important;
}

/**
 * Header-min
 */
html.header-fixe.header-min header .logo-wrapper .logo{
    transform: translateY(93px);
    -moz-transform: translateY(93px);
    -webkit-transform: translateY(93px);
    height: 59px;
    display: none;
}
.header-min .logo-wrapper .logo-text{
	display: inline-block !important;
}
.logo-wrapper .logo-text span{
	display: block;
	text-transform: none;
	color:#113758;
}
.logo-wrapper .logo {
	vertical-align: middle;
	display: inline-block;
	height: auto;
	width: auto;
    height: 120px;
    margin-top: 0;
    max-width: none;
    max-height: none;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.logo-wrapper .logo-minifier{
	display: inline-block;
    visibility: hidden;
    width: 0;
}
.logo-wrapper .logo-mobile{
	display: none;
}


html.header-fixe.header-min header .logo-wrapper .logo.logo-minifier{
	display: inline-block;
    width: auto;
    visibility: visible;
}
.logo-wrapper a{
	text-decoration: none;
}
.logo-wrapper .logo1{
	font-size: 3em;
	font-weight: bold;
	color: #E51B24;
	/*font-family: RalewayBold;*/
}
.logo-wrapper .logo2{
	font-size: 3em;
	color: #333;
}
.logo-wrapper .logo3{
	display: block;
	color: #333;
}

header .right-wrapper {
	width: 100%;
	padding-right: 0px;
	padding-top: 0;
	text-align: right;
	line-height: normal;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
}

html.home.menu-open header .right-wrapper{
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
header .right-wrapper .icon-phone-wrapper{
	text-align: center;
	width: 50px;
	vertical-align: top;
	font-size: 2em;
	display: none;
}
header .right-wrapper .icon-phone-wrapper a{
	color: #241c11;
}
.header-min header .right-wrapper .top-wrapper{
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;	
}
header .right-wrapper .top-wrapper{
	line-height: 43px;
	margin-top: 0;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
}
header .right-wrapper .horaire-aujourdhui {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	margin-right: 2em;
	color: #555;
}
header .tel{
	display: block;
	vertical-align: middle;
	color: #555;
}
header .logo-wrapper .adresse{
    display: block;
    color: #555;
    font-size: 0.6em;
    line-height: 24px;
    /*font-family: 'ProximaNovaBold';*/
    text-transform: none;
}
header .adresse span{
	display: none!important;
}
header .tel-adresse{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1em;
}
header .tel a,
header .pin a,
header .search a{
	text-decoration: none;
	color: inherit;
}
header .tel .icon-phone,
header .tel .icon-phone-alt{
	vertical-align: middle;
	color: #241c11;
	font-size: 2.3em;
	display: none;
}
header .tel .tel-number{
	vertical-align: middle;
	font-size: 1.3em;
}
header .tel .tel-number .sans-frais{
	font-size: .8em;
}
header .pin{
	text-align: center;
	width: 50px;
	display: none;
	vertical-align: top;
	font-size: 2em;
}
header .pin a{
	color: #241c11;
}

header .pin .icon-mail,
header .pin .icon-mail-1{
	font-size: 1.3em;
	vertical-align: middle;
	display: inline-block;
}
header .search .icon-search,
header .search .icon-search-1{
	font-size: 1.7em;
	margin-right: 0px;
	padding-right: 10px;
	display: inline-block;
}

header .icon-search{
    font-size: 1.5em;
    vertical-align: middle;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
}


header .menu-wrapper {
	position: fixed;
	padding-top: 1em;
    padding-bottom: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
	width:100%;
	top:50px;
	bottom: 00px;
	display: none;
	z-index: 999999;
	background-color:#F5f5f5;
	overflow: auto;
	font-size: 1.8em;
	color: white;
}
header .menu-wrapper .nav-menu {
	/*padding-top: 1em;*/
	margin-top: 0;
	padding-left: 0;
	margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header .menu-wrapper .nav-menu ul{
	list-style: none;
	padding-left: 0;
}
header .menu-wrapper .nav-menu ul.sub-menu{
    font-size: .9em;
    list-style-type: none;
    color: #525252;
    margin-bottom: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-left: 1em;
    padding-bottom: 1em;
    display:none;
}
header .menu-wrapper .nav-menu .politique{
    font-size: 0.5em;
    border-bottom: none;
    letter-spacing: 0;
    text-transform: none;
}
header .menu-wrapper .nav-menu li {
	/*font-family: ProximaNova;*/
}
header .menu-wrapper .nav-menu>li {
	list-style: none;
    width: 100%;
    /*font-family: ProximaNovaBold;*/
    /*font-size: 0.8em;*/
}
html.home header .menu-wrapper .nav-menu>li.accueil{
	display: none;
}
header .menu-wrapper .nav-menu>li.first-menu-item {
	display: block;
}
header .menu-wrapper .nav-menu>li:hover>a{
	/*color:#241c11;*/
}
html.menu-open .header-wrapper .menu-button-wrapper::after {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
}
header .menu-wrapper a{
	text-decoration: none;
	padding: 8px 0;
	display: block;
	color: #fff;
}
header .menu-wrapper .politique-container a{
	text-decoration: underline;
}
header .menu-wrapper .sub-menu>li>a{
	/*padding: 6px 0;*/
	font-weight: normal;
	text-transform: none;
}
header .menu-wrapper .current-menu-item a,
header .menu-wrapper .current-menu-ancestor>a{
	/*color: #241c11;*/
	/*text-decoration: none!important;*/
}
header .menu-wrapper li:hover>a{
	text-decoration: underline;
	/*color: #241c11!important;*/
}
header .menu-wrapper a:not([href]) {
	cursor: default;
	/*text-decoration: none;*/
}
header .menu-wrapper a:hover:not([href]) {
	cursor: pointer;
	color: #241c11!important;
}
header .menu-wrapper .nav-menu .menu-item-has-children>a{
	display: inline-block;
	vertical-align: middle;
    /*font-family: ProximaNovaBold;*/
}
header .menu-wrapper .nav-menu .menu-item-has-children:hover>a::after{
	font-family: 'fontello';
	content: '\e809';
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-size: 0.7em;
	margin-left: 10px;
}
html.home #menu-item-accueil{
	display: none;
}

header .wrapper{
	position: relative;
	overflow: visible;
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header nav .wrapper{
	padding-left: 40px;
	padding-right: 40px;
	display: none;
}
html.menu-open header nav .wrapper{
	display: block;
}
.header-main{
	height: 70px;
	position: relative;
	background: white;
}
header .house {
	display: none;
	vertical-align: top;
	font-size: 37px;
	line-height: 50px;
	margin-left: 10px;
}
header .house a{
	text-decoration: none;
}
header .menu-wrapper .icons-wrapper{
	margin-top: 2em;
	margin-bottom: 2em;
	color: #555;
	font-size: 0.7em;
	font-weight: normal;
}
header .menu-wrapper .icons-wrapper .icon{
	background: none;
    border: 1px solid #fff;
    color: #fff;
	width: 40px;
	height: 40px;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	padding: 0;
	text-decoration: none;
	font-size: 20px;
	border-radius: 100%;
	font-weight: 100;
	margin-top: 10px;
}
header .menu-wrapper .icons-wrapper .icon:hover{
	text-decoration: none;
	color: white!important;
	background: #241c11;
    border: 1px solid #241c11;
}

header .menu-wrapper .sub-menu{
	visibility: hidden;
}
header .menu-wrapper .show>.sub-menu{
	visibility: visible;
	margin-bottom: 1em;
	
    display:block!important;
}
header .menu-wrapper .joindre-mobile{
	display: none;
}

/* Menu in Header */
header .menu-in-header{
	position: absolute;
    float: left;
    width: auto;
    line-height: 100px;
    height: 100px;
}

header .header-main,
header .header-wrapper,
header .right-wrapper,
header .bottom-wrapper,
header .second-nav,
header .second-nav .menu-main-menu-container{
    height: 100%;
}
header .menu-in-header .second-nav{
	padding-left: 0;
	display: inline-block;
    vertical-align: middle;
    float: none;
}


header .right-wrapper .bottom-wrapper .button{
	font-size: 18px;
	line-height: normal;
}
header .right-wrapper .bottom-wrapper a{
	 text-decoration: none;
}
.header-min header .right-wrapper .bottom-wrapper {
}
.header-min header .right-wrapper .bottom-wrapper .button{
	line-height: normal;
}
header .right-wrapper .bottom-wrapper .tel{
	font-size: 1.8em;
	transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	line-height: 24px;
}
.header-min header .right-wrapper .bottom-wrapper .tel{
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
}
header .menu-wrapper .menu-search-mobile{
	display: none;
}

html.header-min header{
    transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -webkit-transform: translateY(-100px);
}



header .top-button-accessibilite{
	line-height: normal;
	font-size: 1.7em;
	text-align: right;
    display: inline-block;
    vertical-align: middle;
}
header .top-button-accessibilite .icon{
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}

	
#header-bandeau-top {
	height: 100px;
    background: #EBEBEB;
	width: auto;
	padding: 0 20px;
}

header .top-button-left {
	position: absolute;
	z-index: 1;
	
}
header .top-button-right {
	float: right;
	line-height: 100px;
	height: 100px;
}
header .top-button-right .icons-wrapper{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.7em;
    /*vertical-align: top;*/
}
header .top-button-right .icons-wrapper a.icon{
	text-decoration: none;
}
header .top-button-right .icons-wrapper a.icon::before{
    /*background: #4083BF;*/
    width: 40px;
    display: inline-block;
    /*height: 40px;*/
    line-height: 40px;
    /*color: #FFF;*/
    text-align: center;
    vertical-align: middle;
}

header .top-adresse{
	vertical-align: middle;
    display: inline-block;
}
header .top-adresse span{
	display: none;
}
header .top-button-tel {
    display: inline-block;
    vertical-align: middle;
   /*font-family: 'ProximaNovaBold';*/
    line-height: 40px;
    padding: 0 10px;
    font-size: 1.7em;
}
header .top-button-tel a{
	color: black;
}
header .top-button-right .button{
	line-height: normal;
	vertical-align: middle;
	display: inline-block;
    width: 150px;
    text-align: center;
    font-size: 1.1em;
}
header .top-button-tel a {
	text-decoration: none;
}
.top-button-icon {
	float: right;
    line-height: 40px;
}

.top-button-logo {
	float: left;
    line-height: 40px;
}



.top-button-icon a{
    background: #787878;
    color: #FFF;
    line-height: normal;
    display: inline-block;
    padding: 4px 15px;
    text-decoration: none;
	border: 1px solid;
	border-color: white;
}

.top-button-icon .icon-mail{
	padding: 4px 11.5px;
}
.top-button-icon a:hover{
	color:white!important;
	background: #0f4779!important;
}
#header-bandeau-top .search{
	float: left;
    padding: 0 10px;
    font-size: 1.5em;
    color: #000;
	line-height: 40px;
}
header #header-bandeau-top .search .icon-search{
	font-size: 1em;
	margin: 0;
	padding: 0;
}

.second-nav{
	float: left;
	width: 100%;
	height: 70px;
    border-top: 1px solid #ddd;
    padding-left: 110px;
    padding-right: 110px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.second-nav>div{
	height: 100%;
}
.second-nav .wrapper{
	overflow: visible;
}
.second-nav .nav-menu{
	padding-left: 0;
	margin: 0;
	font-size: 0;
	display: table;
	width: 100%;
	vertical-align: middle;
	height: 100%;
}
.second-nav .nav-menu>li{
	position: relative;
	padding: 0 10px;
	border-right: 1px solid #DDD;
	list-style: none;
	z-index: 999;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
	/*min-width: 180px;*/
}
.second-nav .nav-menu>li:first-child,
.home .second-nav .nav-menu>li:nth-child(2){
	border-left: 1px solid #DDD;
}
.second-nav .nav-menu>li:last-child{
	/*border-right: none;*/
}
.second-nav .nav-menu>li.second-menu-item{
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.home .second-nav .nav-menu>li.accueil{
	display: none;
}
.second-nav .nav-menu>li:hover{
	background: #261E11;
}
.second-nav .nav-menu>li:hover>a,
body .second-nav.menu-3 .nav-menu>li:hover>a,
body .second-nav.menu-5 .nav-menu>li:hover>a{
	color: #fff !important;
}
.second-nav .nav-menu>li:hover>a::after,
.second-nav .nav-menu>li.current-menu-item>a::after,
.second-nav .nav-menu>li.current-menu-ancestor>a::after{
	content: '';
	height: 3px;
	padding-top: 10px;
	display: block;
    position: absolute;
    left: 10px;
    right: 10px;
}
.second-nav .nav-menu>li>a{
	display: block;
	color: #555;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
}
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu{
	position: absolute;
	background: #fff;
	/*border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;*/
	list-style: none;
	z-index: 9;
	left: 0;
	right: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-width: 420px;
	padding: 0;
	text-align: left;
	top:71px;
	/*box-shadow: 0 5px 8px 0 #EEE;
	-moz-box-shadow: 0 5px 8px 0 #EEE;*/
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    max-height: 0;
    overflow: auto;
}
.second-nav .nav-menu>li.menu-item-has-children:hover>.sub-menu{
	/*visibility: visible;
	display: block;*/
	padding-top: 1em;
	padding-bottom: 1em;
    max-height: 500px;
}
.second-nav .nav-menu>li.menu-item-has-children:hover>.sub-menu .sub-menu{
	visibility: visible;
	position: relative;
	list-style: none;
}
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu a{
	text-decoration: none;
	padding: 7px 1em;
	display: block;
	color:#555;
}
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu a:hover{
	color: #241c11!important;
	text-decoration: underline;
}
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu a:not([href]):hover{
	text-decoration: none;
}
.second-nav .menu-main-menu-container,
.second-nav .menu-main-menu2-container{
	height: 70px;
}
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu li.current-menu-item>a,
.second-nav .nav-menu>li.menu-item-has-children>.sub-menu li.current-menu-parent>a{
	text-decoration: underline;
	color: #241c11;
}
.second-nav .nav-menu>li .menu-item-has-children>a,
.second-nav .nav-menu>li .menu-item-bold>a{
	font-weight: bold;
}
.second-nav .nav-menu>li .menu-item-has-children>a::after {
    content: '+';
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 3px;
    vertical-align: middle;
    font-size: 1.5em;
}
.second-nav .nav-menu>li .menu-item-has-children>ul {
    display: none;
    margin-bottom: 1em;
}
.second-nav .nav-menu>li .menu-item-has-children.show>ul {
	list-style: none;
    display: block;
}
.second-nav .nav-menu li.urgences>a{
	color: #ef0606!important;
}
header .second-nav li.menu-conseils{
	display: none;
}
.second-nav.horizontal-hamburger-right{
    float: none;
    display: table;
    padding-right: 0;
}
.second-nav.horizontal-hamburger-left{
    float: none;
    display: table;
    padding-left: 0;
}
.second-nav.horizontal-hamburger-right>div,
.second-nav.horizontal-hamburger-left>div{
    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-right: 0;
    height: 70px;
}
.second-nav .hamburger-wrapper{
    width: 110px;
}
.second-nav .icon-menu,
.second-nav .icon-menu::before,
.second-nav .icon-menu::after {
	display: block;
	width: 32px;
	height: 3px;
	background: #241c11;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.second-nav .icon-menu{
	margin: 0 auto;
}
.second-nav .icon-menu::before,
.second-nav .icon-menu::after {
	position: absolute;
	content: "";
}
.second-nav .icon-menu::before {
	margin-top: -8px;
}
.second-nav .icon-menu::after {
	margin-top: 8px;
}
html.side-menu-open .second-nav .hamburger-wrapper .icon-menu {
	background: #fff!important;
}
html.side-menu-open .second-nav .hamburger-wrapper .icon-menu::before {
	margin-top: 0px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
html.side-menu-open .second-nav .hamburger-wrapper .icon-menu::after {
	margin-top: 0px;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.side-menu{
	position: fixed;
    top: 170px;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0);
    transition: background .5s;
    -moz-transition: background .5s;
    -webkit-transition: background .5s;
    cursor:  -webkit-zoom-out;
	font-size: 1.1em;
}
.side-menu>div{
	position: fixed;
    top: 170px;
    bottom: 0;
    overflow: auto;
    background: white;
    padding: 2em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 480px;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    cursor: default;
    background: #f6f4f5;
}
.side-menu.horizontal-hamburger-left>div{
    left: 0;
    transform: translateX(-480px);
    -moz-transform: translateX(-480px);
    -webkit-transform: translateX(-480px);
}
.side-menu.horizontal-hamburger-right>div{
    right: 0;
    transform: translateX(480px);
    -moz-transform: translateX(480px);
    -webkit-transform: translateX(480px);
}
.side-menu.horizontal-hamburger-left>div{
    left: 0;
    transform: translateX(-480px);
    -moz-transform: translateX(-480px);
    -webkit-transform: translateX(-480px);
}
html.side-menu-open .side-menu{
	bottom: 0;
    background: rgba(255,255,255,.8);
}
html.side-menu-open .side-menu>div{
    transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
}
.side-menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.side-menu ul a{
	padding: 5px 0;
	display: block;
	text-decoration: none;
}
.side-menu ul a:hover{
	text-decoration: underline;
}
.side-menu ul .sub-menu{
	padding-left: 1em;
	display: none;
}
.side-menu ul li.show .sub-menu{
	display: block;
}


header .searchform-wrapper{
    display: none;;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -webkit-opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    right: 0;
    width: 100%;
    height: 50px;
	top: 100px;
	width: 100%;
	max-width: none;
	text-align: center;
	padding: 20px 0;
}
header .searchform-wrapper.show{
    display: block;
    background: #FFF;
    z-index: 999;
    box-shadow: inset 0 0px 0px 1px #E0E0E0;
    -moz-box-shadow: inset 0 0px 0px 1px #E0E0E0;
    -webkit-box-shadow: inset 0 0px 0px 1px #E0E0E0;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
}
header form.searchform button{
    height: 50px;
    font-size: 1.5em;
    position: absolute;
    width: 100px;
    background: none;
    color: #000!important;
}
header .searchform-wrapper .search {
    padding: 0 10px;
    font-size: 1.5em;
    color: #000;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid!important;
}
header form.searchform{
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
header form.searchform .text-wrapper{
	width: 100%;
	border: none;
	height: 50px;
}
header form.searchform input.search{
	height: 50px;
	line-height: normal;
	font-size: 1em;
	width: 100%;
	max-width: 950px;
	color:#555; 
	background: none;
}
header .menu-wrapper form.searchform input.search{
	padding-left: 10px;
	padding-right: 0;
}


/* Third nav */
header .third-nav{
    display: inline-block;
}
header .third-nav ul{
	padding: 0;
	margin: 0;
}
header .third-nav ul li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    font-size: 1.1em;
}




/* Menu 2 */
.second-nav.menu-2 .nav-menu>li:hover{
	background: none!important;
    box-shadow: inset 0px -5px #000;
    -moz-box-shadow: inset 0px -5px #000;
    -webkit-box-shadow: inset 0px -5px #000;
}
.second-nav.menu-2 .nav-menu>li:hover>a{
	color: inherit!important;
	font-weight: bold;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a{
	position: relative;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a:hover{
	text-decoration: none;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a:hover::before{
	content: '';
	border: 2px solid #000;
	position: absolute;
	left: 10px;
	right: 10px;
	height: 100%;
	top: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.second-nav.menu-2 .nav-menu>li.menu-item-has-children>.sub-menu a{
	padding-left: 20px;
	padding-right: 20px;
}



header .icon-phone{
	line-height: 50px;
    font-size: 25px;
    width: 50px;
    display: none;
    text-align: center;
    text-decoration: none;
}
header .icon-location{
	line-height: 50px;
    font-size: 25px;
    width: 50px;
    display: none;
    text-align: center;
    text-decoration: none;
}
.second-nav .nav-menu>li:last-child>.sub-menu{
	right: 0;
	left: auto;
}


header #header-bandeau-top .top-button-lang{
	display: inline-block;
	vertical-align: top;
	/*text-transform: uppercase;*/
	padding: 0 8px 0 5px;;
}
header .menu-wrapper .top-button-lang{
	font-size: .8em;
}
header .menu-wrapper .top-button-lang a:hover{
	text-decoration: underline;
}


/* 
 * Menu type Hamburger 
 *****************************/
 /* menu position right or center */
header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-left .menu-button-wrapper{
	display: none;
}

header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper{
	height: 100px;
	line-height: 1em;
	width: auto;
	float: none;
}

header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper .icon-menu{
	top: -3px;
}

header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper .icon-menu,
header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper span{
	display: inline-block;
    position: relative;
}

header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper span{
	margin-top: 0;
	margin-left: -10px;
	margin-right: 1em;
}

/* menu hamburger open */
html.menu-open header.menu-type-hamburger nav.menu-wrapper{
	display: block;
	top: 100px;
}


/**
 * Menu drop down
 */
.menu-style-drop-down-thumb{
    display: inline-block;
    height: 100px;
    line-height: 100px;
    vertical-align: top;
}
.menu-style-drop-down-thumb .nav-menu {
    padding-left: 0;
    margin: 0;
    font-size: 0;
    display: table;
    min-width: 400px;
    vertical-align: middle;
    height: 100%;
    float: right;
}
/* first-level */
.menu-style-drop-down-thumb .nav-menu>li {
    padding: 0 10px;
    list-style: none;
    z-index: 999;
    font-size: 18px;
    text-transform: none;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children.menu-item-has-sub-submenu {
    position: static;
}

/* sub-menu */
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children>.sub-menu {
    position: absolute;
    background: #f7f7f7;
    list-style: none;
    z-index: 9;
    left: 0;
    right: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-width: 420px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    max-height: 0px;
    overflow: auto;
    width: 100%;
    top: 100px;
    padding-left: 3em;
    padding-right: 3em;
    text-align: center;
}
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children:hover>.sub-menu {
   
}
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children:hover>.sub-menu {
    max-height: 500px;
}

.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children>.sub-menu>li {
    display: inline-block;
    width: 24%;
    vertical-align: top;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    padding: 1em;
}

.menu-style-drop-down-thumb .nav-menu>li,
.menu-style-drop-down-thumb .nav-menu>li>a {
	cursor: pointer!important;
}
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children>a {
    padding-left: 0;
    margin-bottom: 1em;
    font-size: 1.2em;
}

/* sub-menu - thumbnail*/
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children>.sub-menu>li>.menu-icon {
	display: none;
}
.menu-style-drop-down-thumb .nav-menu>li.menu-item-has-children>.sub-menu>li>a .menu-icon {
    display: block;
    width: 100px;
    height: 100px;
    background-size: 100%!important;
    margin: 0 auto;
}
/**
 * END Menu drop down
 */


/* Résolution intermédiaire */
@media screen and (max-width: 1750px) {

	/* Header */
	.second-nav{padding-right: 0;}
	.second-nav .nav-menu>li{min-width: 110px; max-width: 150px}
	.second-nav .nav-menu>li.menu-item-5703>.sub-menu { min-width: 350px;}
	.second-nav .nav-menu>li.menu-item-5704>.sub-menu {min-width: 260px;}
}
/* Résolution moyenne */
@media screen and (max-width: 1600px) {
	/* Header */
	header .logo-wrapper{font-size: 1em;}
	header .L’EXPÉRIENCElogo-wrapper span{display: block;}
	header .right-wrapper .horaire-aujourdhui {max-width: 270px;}
	header .right-wrapper .bottom-wrapper .button{font-size: 16px;}
}
@media screen and (max-width: 1500px){
	.second-nav .nav-menu>li.second-menu-item{min-width: 0;     max-width: 126px;}
	.second-nav .nav-menu>li.menu-item-5703>.sub-menu { min-width: 350px;}
	.second-nav .nav-menu>li.menu-item-5704>.sub-menu {min-width: 213px;}
}
@media screen and (max-width: 1400px){
	.second-nav .nav-menu>li{/*font-size: 16px;*/}
}
@media screen and (max-width: 1366px){
	.second-nav .nav-menu>li>a{font-size: 1em;}
	header .third-nav{display: none;}
}
@media screen and (max-width: 1279px){
	/* Header */
	header .tel .tel-number{font-size: 1.2em;}
	header .tel .icon-phone,
	header .tel .icon-phone-alt{font-size: 2em;}
	header .pin a{width: 60px;}
	.header-min .logo-wrapper .logo-text{display: none!important;}
	.second-nav .nav-menu>li{padding-left: 5px; padding-right: 5px;}
	.second-nav .nav-menu>li>a{font-size: .9em;}
	.second-nav .nav-menu>li.menu-item-5703>.sub-menu { min-width: 310px;}
	.second-nav .nav-menu>li.menu-item-5704>.sub-menu { min-width: 203px;}
	header .top-adresse{display: none;}
}

@media screen and (max-width: 1100px) {
	.header-min .logo-wrapper .logo-text{display: none!important;}
}

/* Tablettes */
@media screen and (max-width: 1024px) {
	/* Général */
	html.header-fixe .main,
	html.header-fixe .template-page{margin-top: 50px;}
	
	/* Header */
	header .tel .tel-number{display: none;}
	header .tel .icon-phone,
	header .tel .icon-phone-alt{font-size: 1.8em; display: inline-block; padding: 0; line-height: normal;}
	body.page-template-template-accueil-php header .right-wrapper{padding-top: 3em;}
	header .right-wrapper .horaire-aujourdhui{margin-right: 1em;}
	header .menu-wrapper,
	header .menu-button-wrapper .icon-menu, 
	header .menu-button-wrapper .icon-menu::before, 
	header .menu-button-wrapper .icon-menu::after{transition:none;-webkit-transition:none;-moz-transition:none;}
	header .right-wrapper .horaire-aujourdhui {max-width: 200px;}
	header .pin.search,
	header .pin.facebook{display: none;}
	header .divHeaderRendezVous{width: auto;}
	header .menu-wrapper form.searchform.focus .button-text{width: 90px;font-size: 13px;}
	header .right-wrapper .bottom-wrapper .tel{display: none;}
	header .right-wrapper .search, header .right-wrapper .search .search-popup{display: none;}
	header .tel .icon-phone,
	header .tel .icon-phone-alt{font-size: 1.5em;}	
	header .menu-wrapper .nav-menu .menu-item-has-children>a::after{font-family: 'fontello'; content: '\e809'; color: #fff; display: inline; vertical-align: middle; font-size: 0.7em; margin-left: 10px;}
	header .menu-wrapper .joindre-mobile{display: block;}
	header .menu-wrapper .joindre-desktop{display: none;}
	header .menu-wrapper .menu-search-desktop{display: none;}
	header .menu-wrapper .menu-search-mobile{display: block;}
	header .menu-wrapper input[type="submit"]::after, header .menu-wrapper .button::after { display: none;}
	header .menu-wrapper{transition: none; -moz-transition: none; -webkit-transition: none;}
	header nav .wrapper { padding-left: 5%;   padding-right: 5%;}
	header .menu-wrapper .nav-menu{width: 100%; padding-right: 0;}
	header .menu-wrapper .nav-menu ul.sub-menu{position:relative; top:0; padding-right: 0; padding-top: 0; top:0; padding-left: 2em; display: none; width: 100%; background: none; transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0);}
	header .menu-wrapper .show .sub-menu{}
	header .menu-wrapper a{padding: 10px 0;}
	header .menu-wrapper .sub-menu>li>a{padding: 10px 0;}
	header .menu-wrapper .searchform-wrapper{margin-top: 0;}
	header .adresse{display: none;}
	header .pin{display: inline-block;}
	header .right-wrapper .icon-phone-wrapper{display: inline-block;}
	.second-nav{display: none;}
	header .menu-wrapper form.searchform{margin-top: 0;}	
	header .menu-button-wrapper { display: inline-block;}	
	.logo-wrapper .logo-text{display: none;}
	#header-bandeau-top{height: 50px; background: white;}
	header .logo-wrapper{margin: 0;}
	.logo-wrapper .logo{height: 46px; margin-top: 1px;}
	html.header-fixe header{height: 50px;}
	header .top-button-right{line-height: 50px;}
	header .top-button-right .button{padding-top: 0; padding-bottom: 0; line-height: 50px; width: auto; vertical-align: top; font-size: 1em;}
	header .top-button-tel{display: none;}
	#header-bandeau-top{padding-right: 0;}
	html.header-min header,
	html.header-fixe.header-min header .logo-wrapper .logo{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); height: 50px;}	
	header .icon-phone{display: inline-block;}
	header .icon-location{display: inline-block;}
	header .second-nav li.menu-conseils{display: block;}	
	.header-main{display: none;}
	header .top-button-right .icons-wrapper{display: none;}
	html.menu-open header .menu-wrapper {display: block;}
	header .top-button-accessibilite{display: none;}
	header .top-button-right .icon-search{display: none;}
	header .urgence-link{display: none;}
	.side-menu{display: none;}

	/* logo right */
	header.logo-right .top-button-right .logo-wrapper{ display: none!important; }
	header.logo-right .top-button-left .logo-wrapper { display: inline-block!important; }

	/* 
	 * Menu type Hamburger 
	 *****************************/
	 /* menu position right or center */
	header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-left .menu-button-wrapper{ display: inline-block; }
	header.menu-type-hamburger:not(.menu-hamburger-pos-left) .top-button-right .menu-button-wrapper{ display: none; }
	/* menu hamburger open */
	html.menu-open header.menu-type-hamburger nav.menu-wrapper{ top: 50px; }
}

/* mobiles */
@media screen and (max-width: 767px) {

	/* Header */
	header .wrapper{width: 100%; padding: 0;}
	header nav .wrapper{width: 90%;}
	header .right-wrapper .horaire-aujourdhui{display: none;}
	header .right-wrapper{padding-top: 0; line-height: 50px; padding-right: 0; vertical-align: middle;}
	header .button{vertical-align:top;}
	body.page-template-template-accueil-php header .right-wrapper{padding-top: 3em;}
	header .menu-wrapper .nav-menu{font-size: .9em;}
	html.home header .right-wrapper{padding-top: 0; margin-top: 0;}
	header .logo-wrapper{display: none;}
	header .button{padding: 10px; border: none;}
	header .button:hover{border: none;}
	header .menu-button-wrapper{height: 80px;}
	header .house {display: inline-block;}
	header .wrapper{overflow: hidden;}
	.header-main,
	header .divHeaderRendezVous,
	header .left-wrapper{height: 50px!important; line-height: 50px; vertical-align: middle;}
	header .divHeaderRendezVous{font-size: 15px;  padding: 0 6px;}
	header .menu-button-wrapper{padding-left: 10px; padding-right: 10px; height: 50px!important}
	header .menu-button-wrapper .icon-menu{top: 22px !important;}
	header .menu-button-wrapper span{display: none;}
	header .pin .icon-mail{ height: 50px; line-height: 50px; font-size: 1.5em;}
	header .menu-wrapper{top:50px;}
	header .menu-wrapper form.searchform button.button-loupe{ width: 50px;}
	html.header-fixe.header-min header{height: 50px;}
	html.header-fixe header{height: 50px; padding: 0;}
	header .top-button-left {float: left; width: 39%;}
	header .right-wrapper .top-wrapper,
	header .right-wrapper .bottom-wrapper{display: inline-block; vertical-align: top; font-size: 0;}
	html.header-fixe .main, 
	html.header-fixe .template-page{margin-top: 50px;}
	.header-min header .right-wrapper { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0);}
	.header-min header .right-wrapper .top-wrapper { opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;}
	header .right-wrapper .bottom-wrapper .button{padding-top: 0; padding-bottom: 0; border-radius: 0; line-height: 50px; display: none;}
	.header-min header .right-wrapper .bottom-wrapper .button{line-height: inherit;}
	header .right-wrapper .bottom-wrapper .button.full,
	.header-min header .right-wrapper .bottom-wrapper .button.full{display: inline-block;}
	html.header-fixe.home header{background: white;}
	header .tel .tel-number{display: none;}
	header .tel-adresse{margin-right: 0;}
	header .pin{ font-size:30px; background-color: #65A3C2; line-height: 50px; width: 50px;}
	header .pin a{ color: #fff;}
	header .right-wrapper .icon-phone-wrapper{ font-size: 30px; background-color: #A0C5DA; line-height: 50px; width: 50px; }
	header .right-wrapper .icon-phone-wrapper a{ color: #FFF; }
	header .menu-button-wrapper{    line-height: 50px; vertical-align: top; display: inline-block; font-size: 0;}
	header .menu-button-wrapper .icon-menu{top: 22px !important;}
	.header-min header .logo-wrapper{margin-top: 0;}
	.logo-wrapper .logo{vertical-align: top; max-height: 40px; margin-top: 5px;}
	html.header-fixe.header-min header .logo-wrapper .logo{margin-top: 5px;}
	header .menu-wrapper{width: 100%; }
	header #header-bandeau-top .top-button-lang{display: none;}
	header nav .wrapper{padding-left: 0; padding-right: 0;}
	
}
/* Petits mobiles */
@media screen and (max-width: 600px) {
	/*Header */
	header .house{margin-left: 0;}
	header .right-wrapper .search,
	header .right-wrapper .search .search-popup{display: none;}
	header .right-wrapper .button{letter-spacing: -1px;}
	header .right-wrapper .button span{display: none;}
	header .icon-location,
	header .icon-phone{width: 35px;}
	header .menu-button-wrapper{width: 38px;}
	#header-bandeau-top{padding-left: 0;}
}
/* Petits mobiles */
@media screen and (max-width: 500px) {

	/* Header */
	header .right-wrapper .horaire-aujourdhui{display: none;}
	header .right-wrapper {padding-top: 0;}
	header .right-wrapper {padding-right: 0;width: 230px;}
	header .button{padding: 10px 5px; letter-spacing: -1px;}
	header .tel{margin-right: 5px;}
	header .menu-button-wrapper .icon-menu,
	header .menu-button-wrapper .icon-menu::before,
	header .menu-button-wrapper .icon-menu::after{width: 33px;}
	header form.searchform input.search{width: 90%;}
	header form.searchform button.button-loupe{	display: none;}
	header .right-wrapper .top-wrapper{vertical-align: text-bottom;}
	header .right-wrapper .bottom-wrapper{vertical-align: top;}
	header .right-wrapper{vertical-align: top;}
	
	header .logo-wrapper .logo{max-width: 65px;}
}
