@charset "utf-8";

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body.home header {
	z-index: 3;
	height: 55px;
	padding: 10px 20px;
	text-align: center;
}
body.home header,
body.home .ui-page {
	background-color: #352b26;
}
body.home h1 {
	display: inline-block !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.home h1 > span > a > img {
	position: relative;
	max-width: 140px;
	max-height: 40px;
}
body.home h1 > span > img {
	position: relative;
	max-width: 32px;
	max-height: 32px;
	margin-left: 2px;
}
body.home h1 > span.logo.celibest > a > img {
	top: 2px;
	max-width: 124px;
}
body.home h1 > span.logo.celibest > img {
	top: -8px !important;
}
body.home h1 > span.logo.celiblyon > a > img {
	top: 2px;
	max-height: 38px;
}
body.home h1 > span.logo.celiblyon > img {
	top: -6px !important;
}
body.home h1 > span.logo.celibnord > a > img {
	top: 3px;
	max-height: 38px;
}
body.home h1 > span.logo.celibnord > img {
	top: -6px !important;
}
body.home h1 > span.logo.celibnormandie > a > img {
	top: -3px;
	max-height: 21px;
}
body.home h1 > span.logo.celibnormandie > img {
	top: -1px !important;
}
body.home h1 > span.logo.celibouest > a > img {
	top: 4px;
	max-height: 31px;
}
body.home h1 > span.logo.celibouest > img {
	top: -2px !important;
}
body.home h1 > span.logo.celibparis > a > img {
	top: 4px;
	max-height: 34px;
}
body.home h1 > span.logo.celibparis > img {
	top: -3px !important;
}
body.home h1 > span.logo.celibpicardie > a > img {
	top: 0;
	max-height: 26px;
}
body.home h1 > span.logo.celibpicardie > img {
	top: 0 !important;
}
body.home h1 > span.logo.celibrhonealpes > a > img {
	top: -2px;
	max-height: 21px;
}
body.home h1 > span.logo.celibrhonealpes > img {
	top: 0 !important;
}
body.home h1 > span.logo.celibsud > a > img {
	top: 2px;
	max-height: 39px;
}
body.home h1 > span.logo.celibsud > img {
	top: -8px !important;
}
body.home h1 > span.logo.celibsudouest > a > img {
	top: -1px;
	max-height: 23px;
}
body.home h1 > span.logo.celibsudouest > img {
	top: 0 !important;
}
body.home h1 > span.logo.celiblux > a > img {
	top: 0;
	max-width: 133px;
}
body.home h1 > span.logo.celiblux > img {
	top: -8px !important;
}
body.home h2 {
	display: inline-block !important;
	/*position: absolute;
	top: 6px;
	right: 0;
	text-align: right !important;*/
	margin: 0px 0 24px 0 !important;
	/*padding: 10px 20px !important;*/
	padding: 0;
	text-shadow: none !important;
	font-family: Rambla;
	font-weight: normal;
	/*font-size: .8em !important;*/
	font-size: 1.1em !important;
	line-height: 1.1em;
	letter-spacing: .04em;
	color: #fff;
}
body.home h2 em {
	/*display: block;*/
	font-style: normal;
	font-size: 1.1em !important;
	color: #f28b06;
}
body.home .ui-page {
	padding: 0;
}
body.home section {
	display: table;
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 0 3px;
	overflow: hidden !important;
	background-size: cover, 23px 23px !important;
}
body.home section::before {
	position: absolute;
	display: block;
	content: '';
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;	
	left: 0;
	/*background: -moz-linear-gradient(top, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 80%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 80%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 80%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;*/
	background: -moz-linear-gradient(top, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 90%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;
	background: -webkit-linear-gradient(top, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 90%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;
	background: linear-gradient(to bottom, rgba(53,43,38,0) 0%, rgba(53,43,38,0) 90%, rgba(53,43,38,1) 90%, rgba(53,43,38,1) 100%) !important;
}
body.home section.bgA {
	background: url(../_images/section-bg-A.jpg) 10% center no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	background-color: #e5e5e3;
}
body.home section.bgB {
	background: url(../_images/section-bg-B.jpg) 10% center no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	background-color: #e9f3fc;
}
body.home section.bgC {
	background: url(../_images/section-bg-C.jpg) 10% center no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	background-color: #d9f8fd;
}
@media only screen and (orientation : portrait) and (max-height: 500px) {
	body.home section.bgA {
		background: url(../_images/section-bg-A.jpg) 10% -24px no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	}
	body.home section.bgB {
		background: url(../_images/section-bg-B.jpg) 10% -16px no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	}
	body.home section.bgC {
		background: url(../_images/section-bg-C.jpg) 10% -36px no-repeat, url(../_images/loading-black.gif) center 40% no-repeat;
	}
}
body.home section > span {
	display: table-cell;
	vertical-align: bottom;
	padding-bottom: 15px;
}
body.home section .ui-btn {
	z-index: 4;
	height: 53px;
	margin: 3px 0 !important;
	padding: 0 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
	font-family: Rambla !important;
	font-size: 1.2em !important;
	text-align: center !important;
}
/*.ui-btn-icon-right .ui-btn-inner {
	padding-right: 0 !important;
}*/
body.home section .ui-btn .ui-btn-inner {
	font-size: 1.35em !important;
	text-shadow: none !important;
}
body.home .ui-btn-up-a .ui-icon,
body.home .ui-btn-hover-a .ui-icon,
body.home .ui-btn-up-b .ui-icon,
body.home .ui-btn-hover-b .ui-icon {
	border: 0 !important;
	top: 50% !important;
	margin-top: -15px !important;
	right: 12px !important;
}
body.home .ui-btn-up-a .ui-icon,
body.home .ui-btn-up-b .ui-icon {
	opacity: .5;
}
body.home .ui-btn-hover-a .ui-icon,
body.home .ui-btn-hover-b .ui-icon {
	opacity: 1;
}
#footer {
	position: absolute;
	visibility: hidden;
	z-index: 5;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	text-shadow: none;
}
#footer ul {
	text-align: center;
	padding: 12px 0;
	margin: 0;
	background-color: #352b26;
	/*opacity: 0;*/
}
#footer ul li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 60px;
	padding: 50px 0 0 0;
	margin: 0 6px;
	font: normal 0.7em Rambla;
	line-height: 1.15em;
	background-size: 44px 44px !important;
	color: #d9d9d9;
}
#footer ul li strong {
	font: normal 1em Ramblabold;
	white-space: nowrap;
}
#footer ul li#conf {
	background: url(../_images/labels/label_confiance.svg) top center no-repeat;
}
#footer ul li#mode {
	background: url(../_images/labels/label_moderation.svg) top center no-repeat;
}
#footer ul li#qual {
	background: url(../_images/labels/label_qualite.svg) top center no-repeat;
}
#footer ul li#regi.est {
	background: url(../_images/labels/label_regional_est.svg) top center no-repeat;
}
#footer ul li#regi.lux {
	background: url(../_images/labels/label_regional_lux.svg) top center no-repeat;
}
#footer ul li#regi.lyon {
	background: url(../_images/labels/label_regional_lyon.svg) top center no-repeat;
}
#footer ul li#regi.nord {
	background: url(../_images/labels/label_regional_nord.svg) top center no-repeat;
}
#footer ul li#regi.normandie {
	background: url(../_images/labels/label_regional_normandie.svg) top center no-repeat;
}
#footer ul li#regi.ouest {
	background: url(../_images/labels/label_regional_ouest.svg) top center no-repeat;
}
#footer ul li#regi.paris {
	background: url(../_images/labels/label_regional_paris.svg) top center no-repeat;
}
#footer ul li#regi.picardie {
	background: url(../_images/labels/label_regional_picardie.svg) top center no-repeat;
}
#footer ul li#regi.rhonealpes {
	background: url(../_images/labels/label_regional_rhonealpes.svg) top center no-repeat;
}
#footer ul li#regi.sud {
	background: url(../_images/labels/label_regional_sud.svg) top center no-repeat;
}
#footer ul li#regi.sudouest {
	background: url(../_images/labels/label_regional_sudouest.svg) top center no-repeat;
}
#footer ul li#conf strong {
	color: #43af92;
}
#footer ul li#mode strong {
	color: #f28b06;
}
#footer ul li#qual strong {
	color: #d2e62c;
}
#footer ul li#regi strong {
	color: #66b3f4;
}
#footer > small {
	display: inline-block;
	opacity: .4;
	color: #fff !important;
	font-size: 0.6em;
	line-height: 1.3em;
	text-align: justify;
	padding: 10px 20px 30px 20px;
}
#footer a {
	font-weight: normal;
	color: #bcbcbc !important;
	text-decoration: underlined;
	padding-right: .5em;
}
#footer > a {
	font-size: .8em;
}
#footer #bottomlinks {
	position: relative;
	background-color: #463a33;
	vertical-align: center;
	height: 50px;
	margin: 0;
	padding: 10px 20px 0 20px;
}
#footer #bottomlinks a,
#footer #bottomlinks span.copy {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer #bottomlinks > a {
	font-size: .75em;
	line-height: 1.1em;
}
#footer #bottomlinks > a:first-child {
	width: 30%;
	text-align: left;
}
#footer #bottomlinks > a:nth-child(2) {
	width: 36%;
	text-align: center;
}
#footer #bottomlinks span.copy {
	width: 30%;
	text-align: right;
	color: #7b7b7b;
	font-size: .6em;
	line-height: 1.1em;
}

/* Responsive
-----------------------------------------------------------------------------------------------------------*/

@media only screen and (orientation : landscape) {
	#footer ul {
		padding: 0;
		/*opacity: 1;*/
	}
	#footer ul li {
		text-align: left;
		width: auto;
		height: 55px;
		padding: 17px 0 0 42px;
		background-position: center left !important;
		background-size: 35px 35px !important;
		line-height: 1em;
	}
	#footer ul li strong {
		display: block;
	}
	body.home h2 {
		/*font-size: 1.1em !important;
		top: 7px;*/
		margin: 0 0 12px 0 !important;
	}
	/*body.home h2 em {
		display: inline-block;
	}*/
	body.home section {
		padding-left: 55% !important;
		background-size: cover, 23px 23px !important;
	}
	body.home section::before {
		display: none !important;
		background: none !important;
	}
	body.home section > span {
		vertical-align: middle;
		padding-bottom: 0;
	}
	body.home section .ui-btn {
		text-align: left !important;
		margin-right: 20px !important;
		font-size: 1.1em !important;
		padding-left: 14px !important;
		height: 48px;
	}
}
@media only screen and (orientation : landscape) and (max-width: 650px) {
	body.home section .ui-btn {
		text-align: center !important;	
		padding-left: 0 !important;
	}
	body.home section .ui-btn .ui-btn-inner {
		padding-left: 0 !important;
	}
	body.home .ui-btn-up-a .ui-icon,
	body.home .ui-btn-up-b .ui-icon,
	body.home .ui-btn-hover-a .ui-icon,
	body.home .ui-btn-hover-b .ui-icon {
		display: none !important;
	}
	.ui-btn-icon-right .ui-btn-inner {
		padding-right: 0.5em !important;
	}
	.ui-btn-icon-left .ui-btn-inner {
		padding-left: 0.5em !important;
	}
}
@media only screen and (max-width: 330px) {
	/*body.home h2 {
		display: none !important;*/
	}*/
}