@CHARSET "ISO-8859-1";
 #must-mag .block-title {
	border-bottom: 1px solid #639ee0;
}
.sub-menu#soins-experts .block-content>ul.menu >li {
	margin-bottom: 16px;
}
.sub-menu .block-content>ul.menu >li {
	margin-bottom: 5px;
}
.header-user-cr { float: left; color: #fff;}
.header-user-cr  a { font-size: 12px; color: #7bb8fa; padding: 0px 5px;}
.header-user-cr  a:first-child { color: #fff;}
.sub-menu#must-mag {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-ms-border-bottom-left-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	padding: 0px;
	width: 924px;
	padding-top: 15px;
}
.sub-menu#must-mag h2 { margin-left: 25px; margin-right: 25px;}
.sub-menu#must-mag section#block-panels-mini-sub-menu-overplay-soins-experts >.block-content > .block-content {
	padding: 7px 25px 10px 25px;
	width: 876px;
}
#block-panels-mini-sub-menu-overplay-soins-experts .sub-soin-bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-ms-border-bottom-left-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	background: #39377e;
	margin: 0px -1px -1px;
	overflow: hidden;
}
.sub-soin-bottom  img { float: left;}
.sub-soin-bottom  p.soin-bt-title { float: left; font: normal 22px/20px 'bauer_bodoniroman'; color: #fff; padding-left: 10px; }
#must-mag .sub-soin-bottom  a.soin-bt-link {
	background: #1689df; padding: 3px 10px; font: normal 14px/15px 'Rubik',sans-serif;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	float: right!important;
	margin-right: 10px!important;
	box-shadow: 1px 1px 2px #000;
}
.sub-menu#must-mag ul.menu > li { text-transform: none;}

.sub-menu#must-mag ul.menu > li a { font-size: 16px; font-weight: bold }
.sub-menu#must-mag ul.menu > li ul.menu li a { font-size: 15px; font-weight: normal}
.sub-menu#must-mag ul.menu li ul li {
	background: url(/sites/all/themes/custom/main/images/sprites.png) -2px -83px no-repeat;
}
.sub-menu#must-mag .region-four-first h3.cr-soins-mid-label,
.sub-menu#must-mag .region-four-second h3.cr-soins-mid-label,
.sub-menu#must-mag .region-four-third h3.cr-soins-mid-label {
	font: normal 18px/22px 'Rubik',sans-serif; color: #39377e; margin: 0px;
}
.sub-menu#must-mag .region-four-first ul.menu > li.expanded,
.sub-menu#must-mag .region-four-second ul.menu > li.expanded ,
.sub-menu#must-mag .region-four-third ul.menu > li.expanded  {
	margin-top: 5px;
}
#menu #demarche-res .nos-engagements2 .panel-col-first,
#menu #demarche-res .nos-engagements2 .panel-col,
#menu #demarche-res .nos-engagements2 .panel-col-last { float: left;}
#menu #demarche-res .nos-engagements2 .panel-col-first h3,
#menu #demarche-res .nos-engagements2 .panel-col h3,
#menu #demarche-res .nos-engagements2 .panel-col-last h3 {
	font: normal 18px/22px 'Rubik',sans-serif;
	color: #39377e;
	margin: 0px;
	padding-bottom: 15px;
}
#menu #demarche-res .nos-engagements2 .panel-col-first li,
#menu #demarche-res .nos-engagements2 .panel-col li {
	background: none;
	padding-left: 0px;
}
#menu #demarche-res .nos-engagements2 .panel-col-first a,
#menu #demarche-res .nos-engagements2 .panel-col a,
#menu #demarche-res .nos-engagements2 .panel-col-last a {
	line-height: 22px;
	font-size: 16px;
	text-transform: none;
	color: #fff;
}
#menu #demarche-res .nos-engagements2 .panel-col-first,
#menu #demarche-res .nos-engagements2 .panel-col {
	width: 33%;
}
#menu #demarche-res .nos-engagements2 .panel-col-last {
	width: 30%;
	float: right;
}
/* 6 item*/
 #menu-bar.nav ul.menu {
	margin: 0 0 0 15px;
}
#menu-bar.nav ul.menu li.demarche-res {
	width: 175px;
}
#menu-bar.nav ul.menu li.au-coeur {
	width: 125px;
}
#menu-bar.nav ul.menu li.must-mag {
	width: 130px;
}
 #menu-bar.nav ul.menu li.soins-experts {
	width: 140px;
}
#menu-bar.nav ul.menu li.conseils {
	width: 225px;
}
#menu-bar.nav ul.menu li.le-cercle {
	width: 100px;
}
#menu-bar.nav ul.menu li.le-cercle a:hover,
#menu-bar.nav ul.menu li.le-cercle a.active,
#menu-bar.nav ul.menu li.le-cercle a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') -480px -83px;
}
#menu-bar.nav ul.menu li.demarche-res a:hover,
#menu-bar.nav ul.menu li.demarche-res a.active,
#menu-bar.nav ul.menu li.demarche-res a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') -612px -83px;
}
#menu-bar.nav ul.menu li.au-coeur a:hover,
#menu-bar.nav ul.menu li.au-coeur a.active,
#menu-bar.nav ul.menu li.au-coeur a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') -783px -83px;
}

/* 5 item*/
.main-menu-5item #menu-bar.nav ul.menu {
	margin: 0 0 0 15px;
}
.main-menu-5item #menu-bar.nav ul.menu li.au-coeur {
	width: 140px;
}
.main-menu-5item #menu-bar.nav ul.menu li.must-mag {
	width: 150px;
}
.main-menu-5item #menu-bar.nav ul.menu li.soins-experts {
	width: 160px;
}
.main-menu-5item #menu-bar.nav ul.menu li.conseils {
	width: 250px;
}
.main-menu-5item #menu-bar.nav ul.menu li.demarche-res {
	width: 185px;
}
.main-menu-5item #menu-bar.nav ul.menu li.must-mag a:hover,
.main-menu-5item #menu-bar.nav ul.menu li.must-mag a.active,
.main-menu-5item #menu-bar.nav ul.menu li.must-mag a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') 0px -83px;
}
.main-menu-5item #menu-bar.nav ul.menu li.conseils a:hover,
.main-menu-5item #menu-bar.nav ul.menu li.conseils a.active,
.main-menu-5item #menu-bar.nav ul.menu li.conseils a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') -340px -83px;
}
.main-menu-5item #menu-bar.nav ul.menu li.demarche-res a:hover,
.main-menu-5item #menu-bar.nav ul.menu li.demarche-res a.active,
.main-menu-5item  #menu-bar.nav ul.menu li.demarche-res a.current {
	background: url('/sites/all/themes/custom/main/images/bg-menu.png') -595px -83px;
}
.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a:hover,
.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a.active,
.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a.current { background: url('/sites/all/themes/custom/main/images/bg-menu.png') -775px -83px;}
#soins-experts .region-four-fourth .block-content {
	background: none;
	margin-top: 0px;
}
#menu #demarche-res .panel-col-first  { width: 65%; margin-right: 10px; margin-left: 0px;}
#menu #demarche-res .panel-col-last {
	float: right;
	width: 30%;
	text-align: right;
}
.sub-soin-bottom-right-text {
	width: 83%;
	float: left;
	margin-top: -4px;
}
.soin-bt-title { float: left;}
#menu #must-mag .region-four-first, #menu #must-mag .region-four-second,
#menu #must-mag .region-four-third, #menu #must-mag .region-four-fourth,
#demarche-res .panel-col-first { width: 211px;}
#menu #must-mag .region-four-fourth  p { float: right}
#header .region-header {
	width: auto !important;
}
@media only screen and (min-width: 756px) and (max-width: 1024px)  {
	/* 6 item*/
	#menu-bar.nav ul.menu {
		margin: 0 0 0 10px;
	}
	#menu-bar.nav ul.menu li.demarche-res {
		width: 150px;
	}
	#menu-bar.nav ul.menu li.au-coeur {
		width: 94px;
	}
	#menu-bar.nav ul.menu li.must-mag {
		width: 110px;
	}
	 #menu-bar.nav ul.menu li.soins-experts {
		width: 115px;
	}
	#menu-bar.nav ul.menu li.conseils {
		width: 190px;
	}
	#menu-bar.nav ul.menu li.le-cercle {
		width: 75px;
	}
	#menu-bar.nav ul.menu li.must-mag a:hover,
	#menu-bar.nav ul.menu li.must-mag a.active,
	#menu-bar.nav ul.menu li.must-mag a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -12px -66px;
	}
	#menu-bar.nav ul.menu li.demarche-res a:hover,
	#menu-bar.nav ul.menu li.demarche-res a.active,
	#menu-bar.nav ul.menu li.demarche-res a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -505px -66px;
	}
	#menu-bar.nav ul.menu li.au-coeur a:hover,
	#menu-bar.nav ul.menu li.au-coeur a.active,
	#menu-bar.nav ul.menu li.au-coeur a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -650px -66px;
	}
	#menu-bar.nav ul.menu li.le-cercle a:hover,
	#menu-bar.nav ul.menu li.le-cercle a.active,
	#menu-bar.nav ul.menu li.le-cercle a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -450px -66px;
	}
	.sub-menu ul.menu li ul li {
		background: url(/sites/all/themes/custom/main/images/sprites.png) -2px -80px no-repeat;
	}
	.main-menu-5item #menu-bar.nav ul.menu {
		margin: 0 0 0 15px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag {
		width: 140px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts {
		width: 135px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.conseils {
		width: 160px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.demarche-res {
		width: 180px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.au-coeur {
		width: 115px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag {
		width: 120px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts {
		width: 130px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.conseils {
		width: 200px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.demarche-res {
		width: 160px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag a:hover,
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag a.active,
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -22px -66px;;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.conseils a:hover,
	.main-menu-5item #menu-bar.nav ul.menu li.conseils a.active,
	.main-menu-5item #menu-bar.nav ul.menu li.conseils a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -268px -66px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.demarche-res a:hover,
	.main-menu-5item #menu-bar.nav ul.menu li.demarche-res a.active,
	.main-menu-5item  #menu-bar.nav ul.menu li.demarche-res a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -475px -66px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a:hover,
	.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a.active,
	.main-menu-5item #menu-bar.nav ul.menu li.au-coeur a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -630px -66px;
	}
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts a:hover,
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts a.active,
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts a.current {
		background: url('/sites/all/themes/custom/main/images/bg-menu-768.png') -142px -66px;
	}
	.sub-menu#must-mag {
		width: 754px;
	}
	.sub-soin-bottom a.soin-bt-link { font-size: 12px!important;}
	.sub-soin-bottom p.soin-bt-title { font-size: 20px;}
	.sub-menu#must-mag section#block-panels-mini-sub-menu-overplay-soins-experts >.block-content > .block-content { width: 705px;}
	.sub-menu#must-mag .region-four-fourth { display: none;}
	 #menu .sub-menu#must-mag .region-four-first,
	 #menu .sub-menu#must-mag .region-four-second,
	 #menu .sub-menu#must-mag .region-four-third {
		width: 230px;
	}
	.sub-soin-bottom-right-text {
		width: 79%;
		float: left;
	}
	#demarche-res ul.menu li a {
		font-size: 15px;
	}
	.sub-menu#must-mag ul.menu li ul li {
		background: url(/sites/all/themes/custom/main/images/sprites.png) -2px -80px no-repeat;
	}
}
@media only screen and (max-width: 755px) {
	#menu-bar.nav ul.menu,
	.main-menu-5item #menu-bar.nav ul.menu {
		margin: 0px;;
	}
	#menu-bar.nav ul.menu li.must-mag,
	#menu-bar.nav ul.menu li.soins-experts,
	#menu-bar.nav ul.menu li.conseils,
	#menu-bar.nav ul.menu li.le-cercle,
	#menu-bar.nav ul.menu li.demarche-res,
	#menu-bar.nav ul.menu li.au-coeur,
	.main-menu-5item #menu-bar.nav ul.menu li.must-mag,
	.main-menu-5item #menu-bar.nav ul.menu li.soins-experts,
	.main-menu-5item #menu-bar.nav ul.menu li.conseils,
	.main-menu-5item #menu-bar.nav ul.menu li.le-cercle,
	.main-menu-5item #menu-bar.nav ul.menu li.demarche-res,
	.main-menu-5item #menu-bar.nav ul.menu li.au-coeur {
		width: 320px;
	}
	.sub-menu-smartphone-outer {
		height: 25px;
	}
}