@font-face{
	font-family: 'dax-light';
	src: url('fonts/dax_light-webfont.eot');
	src: url('fonts/dax_light-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/dax_light-webfont.woff2') format('woff2'),
		url('fonts/dax_light-webfont.woff') format('woff'),
		url('fonts/dax_light-webfont.ttf') format('truetype'),
		url('fonts/dax_light-webfont.svg#daxlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'dax-regular';
	src: url('fonts/daxbold-webfont.eot');
	src: url('fonts/daxbold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/daxbold-webfont.woff2') format('woff2'),
		url('fonts/daxbold-webfont.woff') format('woff'),
		url('fonts/daxbold-webfont.ttf') format('truetype'),
		url('fonts/daxbold-webfont.svg#dax-boldregular') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face{
	font-family: 'dax-regular';
	src: url('fonts/daxregular-webfont.eot');
	src: url('fonts/daxregular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/daxregular-webfont.woff2') format('woff2'),
		url('fonts/daxregular-webfont.woff') format('woff'),
		url('fonts/daxregular-webfont.ttf') format('truetype'),
		url('fonts/daxregular-webfont.svg#dax-regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'helvetica-neue-ultralight';
	src: url('fonts/HelveticaNeueLTStd-UltLt.eot');
	src: url('fonts/HelveticaNeueLTStd-UltLt.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueLTStd-UltLt.woff') format('woff'),
		url('fonts/HelveticaNeueLTStd-UltLt.ttf') format('truetype'),
		url('fonts/HelveticaNeueLTStd-UltLt.svg#helveticaneue-ultralight') format('svg');
	font-weight: normal;
	font-style: normal;
}
body{
	border: 0;
	margin: 0;
	padding-top: 67px;
}
body, td, th, input, textarea, select{
	outline: none;
	color: #5b5a5a;
	font-size: 16px;
	line-height: 20px;
	font-family: 'dax-regular', sans-serif;
}
h1, h2, h3, h4, h5, p, img, a, ul, li{
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}
a{
	text-decoration: none;
}
.mob{
	display: none;
	padding-top: 25px;
	text-align: center;
}
img.inside,
.mob img{
	max-width: 100%;
}
.line{
	clear: both;
}

/************************
******** BUTTONS ********
************************/

.button a{
	color: white;
	cursor: pointer;
	font-weight: bold;
	line-height: 24px;
	border-radius: 13px;
	background: #ef7f01;
	display: inline-block;
	padding: 0 36px 0 36px;
	margin: 2px 2px 2px 2px;
	-webkit-transition: all .35s;
	transition: all .35s;
	font-family: Helvetica, Arial, sans-serif;
}

/************************
********* BUTS **********
************************/

.but.m,.but.s{
	cursor: pointer;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color: inherit !important;
	font-weight: normal !important;
}
.but.border{
	border: 1px solid #cccccc;
}
.but.m{
	font-size: 28px;
	line-height: 28px;
	font-family: 'helvetica-neue-ultralight';
}
.but.s{
	font-size: 18px;
	line-height: 18px;
}
.blw{
	border-left: 1px solid white;
}
.brw{
	border-right: 1px solid white;
}
.bover{
	-webkit-transition: background .35s;
	transition: background .35s;
	background: rgba(255,255,255,0);
}
.bover2{
	-webkit-transition: opacity .35s;
	transition: opacity .35s;
}
.bover2:hover{
	opacity: 0.8;
}

/************************
******** IALIGN *********
************************/

.iright,
.ileft{
	float: left;
	position: relative;
	margin: 0 15px 5px 0;
}
.iright{
	float: right;
	margin: 0 0 5px 15px;
}

/************************
********* FORMS *********
************************/

.form.pop{
	left: 50%;
	width: 740px;
	display: none;
	z-index: 1000002;
	background: white;
	position: absolute;
	margin-left: -370px;
	border: 1px solid #979ea3;
}
.form.opened{
	display: block;
}
.form.single{
	width: 370px;
}
.form form{
		padding: 30px 30px 0 0;
}
.form .col{
	width: 325px;
	margin-left: 30px;
}
.form .rep{
	padding: 20px;
}
.form h2{
	color: white;
	font-size: 42px;
	line-height: 42px;
	font-weight: normal;
	background: #ee7f01;
	padding: 20px 0 12px 30px;
	font-family: 'helvetica-neue-ultralight';
}
.form h2.grey{
	background: rgb(151, 158, 163);
}
.form h3{
	color: #ee7f01;
	font-size: 20px;
	line-height: 20px;
	padding-top: 0;
	font-family: 'dax-regular';
}
#offre p.req,
.form p.req{
	font-size: 12px;
	line-height: 12px;
	padding: 5px 0 0 0;
}
.form p.info{
	font-size: 12px;
	line-height: 16px;
	padding: 15px 30px 0 30px;
}
.form .col p.info{
	padding: 15px 0 0 0;
}
.form .body{
	padding: 20px 30px 12px 30px;
}
::-webkit-input-placeholder { font-style: italic; color:#b5b5b6; }
::-moz-placeholder { font-style: italic; color:#b5b5b6; }
:-ms-input-placeholder { font-style: italic; color:#b5b5b6; }
input:-moz-placeholder { font-style: italic; color:#b5b5b6; }
.input{
	clear: left;
	min-height: 18px;
	margin-top: 10px;
	padding: 0 5px 0 5px;
	border: 1px solid #a0a0a2;
}
.input.cb{
	border: 0;
}
.input.file{
	border: 0;
	padding: 0;
}
label{
	float: left;
	width: 100px;
	line-height: 20px;
	position: relative;
}
.input.cb label{
	width: auto;
}
.check label{
	width: auto;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}
.check label.err{
	color: red;
}
select{
	border: 0;
	width: 100%;
	color: #b5b5b6;
	background: white;
	font-style: italic;
}
option{
	color: #5b5a5a;
	font-style: normal;
}
textarea,
input[type="text"],
input[type="password"]{
	border: 0;
	padding: 0;
	width: 100%;
	height: 18px;
	line-height: 18px;
	background: white;
}
input[type="file"]{
	width: 100%;
}
input[type="checkbox"]{
	padding: 0;
	float: left;
	position: relative;
	margin: 4px 8px 0 0;
}
textarea{
	resize: none;
	height: 40px;
	line-height: 20px;
}
textarea.big{
	height: 88px;
}
.input.err{
	border-color: red;
}
.form .button a{
	float: right;
	margin-top: 15px;
	position: relative;
}
.form .col .button a{
	clear: left;
	margin-top: 40px;
}
.form .error{
	color: red;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.form.pop .close{
	color: white;
}

/************************
********* SEARCH ********
************************/

#f0 h3{
	text-transform: uppercase;
}
#f0 p{
	padding-top: 30px;
}
#f0 a{
	color: #ee7f01;
}
#f0 a:hover{
	color: #5b5a5a;
}


/************************
********* HEADER ********
************************/

#header{
	top: 0;
	left: 0;
	width: 100%;
	height: 67px;
	z-index: 100;
	position: fixed;
	background: white;
	text-align: center;
}
#header .inner{
	max-width: 1280px;
	white-space: nowrap;
	margin: 0 auto 0 auto;
}
h1{
	position: absolute;
	margin: 23px 0 0 25px;
}
h1 img{
	height: 29px;
}

/************************
********* BURGER ********
************************/

#burger{
	top: 0;
	left: 0;
	width: 75px;
	height: 98px;
	display: none;
	cursor: pointer;
	position: absolute;
	background: transparent url(../images/mob/picto-burger.png) no-repeat center center;
}

/************************
********** MENU *********
************************/

#menu{
	display: inline-block;
	list-style-type: none;
	margin: 38px 0 0 225px;
}
#menu li.menu{
	height: 12px;
	color: #878686;
	font-size: 16px;
	line-height: 12px;
	display: inline-block;
	padding: 0 10px 0 10px;
	font-family: 'dax-light';
	border-left: 1px solid #f7c388;
}
#menu li.menu.first{
	border-left: 0;
}
#menu span{
	cursor: pointer;
}
#menu a{
	color: #878686;
	text-decoration: none;
}
#menu li.over a,
#menu li a:hover,
#menu li.over span,
#menu li span:hover{
	color: #ee7f01;
}
#menu li.menu ul{
	text-align: left;
	margin-top: 10px;
	background: white;
	position: absolute;
	list-style-type: none;
	padding: 0 16px 16px 16px;
}
#menu li li{
	height: 20px;
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 0 7px;
	white-space: nowrap;
	font-family: 'dax-regular';
	background: transparent url(../images/picto-plus.png) no-repeat left 11px;
}
#menu li.over li a,
#menu li li a{
	color: #5b5a5a;
}
#menu li li a:hover,
#menu li li.over a{
	color: #5b5a5a;
	font-weight: bold;
}


/************************
********* SCUTS *********
************************/

#scuts{
	float: right;
	width: 150px;
	height: 32px;
	text-align: right;
	position: relative;
	margin: 22px 25px 0 0;
}
#scuts ul{
	height: 32px;
	display: inline-block;
	list-style-type: none;
	vertical-align: bottom;
}
#scuts ul.langs{
	margin-left: 2px;
}
#scuts li{
	height: 32px;
	padding-left: 4px;
	display: inline-block;
	vertical-align: bottom;
}
#scuts .langs li{
	padding-left: 2px;
}
#scuts a{
	width: 31px;
	height: 32px;
	font-size: 11px;
	overflow: hidden;
	color: transparent;
	display: inline-block;
	vertical-align: bottom;
	background-position: 0px 0px;
	background-image: url(../images/picto-shortcuts.png);
}
#scuts .scuts a{
	-webkit-transition: all .35s;
	transition: all .35s;
}
#scuts .scuts a:hover{
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
#scuts a.call-back,
#scuts a.rappel-immediat{
	background-position: -31px 0px;
}
#scuts a.f11{
	background-position: -62px 0px;
}
#scuts a.news-but,
#scuts a.langs-but{
	display: none;
}
#scuts .langs a{
	width: 13px;
	height: 13px;
	margin-top: 17px;
	background: transparent url(../images/picto-langs.png) no-repeat -5px -28px;
}
#scuts a.es{
	background-position: -51px -28px;
}
#scuts a.nl{
	background-position: -28px -28px;
}
#scuts a.en{
	background-position: -74px -28px;
}
#scuts .langs a:hover{
	width: 23px;
	height: 23px;
	margin-top: 7px;
	background-position: 0px 0px;
}
#scuts a.es:hover{
	background-position: -46px 0px;
}
#scuts a.nl:hover{
	background-position: -23px 0px;
}
#scuts a.en:hover{
	background-position: -69px 0px;
}

/************************
******** SHARE **********
************************/

#share{
	right: 0;
	top: 50%;
	position: fixed;
	z-index: 2000000;
	margin-top: -48px;
	list-style-type: none;
}
#share li{
	width: 24px;
	height: 24px;
	cursor: pointer;
	overflow: hidden;
	color: transparent;
	background: transparent url(../images/picto-sociaux.png) no-repeat 0 -72px;
	-webkit-transition: background .35s;
	transition: background .35s;
}
#share li:hover{
	background-position: -24px -72px;
}
#share li.g{
	background-position: 0px 0px;
}
#share li.g:hover{
	background-position: -24px 0px;
}
#share li.v{
	background-position: 0 -24px;
}
#share li.v:hover{
	background-position: -24px -24px;
}
#share li.t{
	background-position: 0 -48px;
}
#share li.t:hover{
	background-position: -24px -48px;
}

/************************
******* CONTENT *********
************************/

#content{
	max-width: 1280px;
	margin: 0 auto 0 auto;
	font-family: Helvetica, Arial, sans-serif;
}
h3{
	font-size: 27px;
	line-height: 27px;
	padding-top: 23px;
	padding-bottom: 4px;
	font-weight: normal;
	font-family: 'dax-light', Arial, sans-serif;
}
h4{
	font-size: 18px;
	line-height: 18px;
	padding: 6px 0 0 0;
	font-weight: normal;
}
#zoom p,#content p{
	padding: 9px 0 9px 0;
}
#zoom ol,
#zoom ul,
#content ol,
#content ul{
	margin: 0;
	padding: 0 0 9px 0;
	list-style-position: inside;
}
#zoom li,
#content li{
	margin: 0;
	padding-top: 9px;
}
#zoom a,
#content a{
	color: inherit;
	font-weight: bold;
}
#zoom a.aredir,
#content a.redir{
	font-weight: normal;
}
#zoom a:hover,
#content a:hover{
	color: #ef7f01;
}
#zoom a.noover,
#content a.leg,
#content a.noover{
	color: inherit;
}
#zoom .button a,
#content .button a{
	color: white;
}
#content .leg{
	font-size: 34px;
	line-height: 34px;
	padding-left: 52px;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	font-family: 'helvetica-neue-ultralight';
}


/************************
******** BANNER *********
************************/

.banner{
	float: left;
	width: 100%;
	color: #828081;
	max-width: 1280px;
	position: relative;
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: center top;
	font-family: 'helvetica-neue-ultralight';
}
.banner .inner{
	width: 100%;
	height: 100%;
	display: table;
	color: inherit;
}
.banner p{
	color: inherit;
	font-size: 20px;
	line-height: 34px;
	padding-left: 70px;
	display: table-cell;
	vertical-align: middle;
}
.banner.r p{
	text-align: right;
	padding: 0 70px 0 0;
}
.banner p span{
	font-size: 36px;
}
.banner h2{
	color: white;
	font-size: 66px;
	line-height: 66px;
	padding-left: 20px;
	display: table-cell;
	font-weight: normal;
	vertical-align: middle;
}
.banner.r h2{
	padding-left: 0;
	text-align: right;
	padding-right: 20px;
}
.banner h2 span{
	display: block;
	font-size: 30px;
	line-height: 50px;
}
.banner.r h2 span{
	text-align: right;
}

/************************
******** DIAPOS *********
************************/

#diapos{
	width: 100%;
	max-width: 1280px;
	position: relative;
	margin: 0 auto 0 auto;
}
.diapo{
	overflow: hidden;
}
.diapo .banner{
	background-size: 100% !important;
}

/************************
******** SEARCH *********
************************/

#search{
	top: 10px;
	z-index: 2;
	right: 25px;
	position: absolute;
}
#search form{
	text-align: right;
}
#search input{
	border: 0;
	width: 116px;
	height: 21px;
	color: #686a69;
	font-size: 10px;
	line-height: 21px;
	text-align: center;
	padding: 0 2px 0 2px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	background: transparent url(../images/bg-input.png) no-repeat left top;
}
#search img{
	cursor: pointer;
	vertical-align: middle;
	margin: 5px 0 0 5px;
}

/************************
********** COL **********
************************/

#actus{
		width: 50%;
		float: left;
		overflow: hidden;
		position: relative;
}
.col{
	width: 50%;
	float: left;
	overflow: hidden;
	position: relative;
	background-color: white;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
#zoom .col{
	overflow: visible;
}
.col.img,
.col.link{
	display: table;
}
.xxs .but,
.col.link{
	-webkit-transition: all .35s;
	transition: all .35s;
}
.col.img img{
	max-width: 100%;
}
.col.img2 .inner{
	background-size: 100%;
}
.col.img2 img{
	opacity: 0;
	width: 100%;
	margin-top: 40px;
}
.col.vid{
	min-height: 250px;
}
.link.default{
	color: white;
	background: #b1b1b1;
}
.link.sel{
	color: white;
	background: #ef7d00;
}
.link.sel .but{
	font-family: Helvetica, Arial, sans-serif !important;
}
.col.full{
	width: 100%;
}
.icol.ico3{
	width: 33.333333%;
}
.col .inner{
	padding: 0 24px 0 24px;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center 50px;
}
.col .inner a.noover{
	width: 100%;
	height: 100%;
	display: block;
}
.col .inner a.noover p,
.col .inner a.noover h3{
	cursor: pointer;
}
.col.hide .inner{
	overflow: hidden;
}
.suite{
	display: none;
}
#zoom .suite{
	display: block;
}

#zoom .portrait .illus,
.portrait .illus,
#zoom .article .illus,
.article .illus,
#zoom .temoignage .illus,
#zoom .col .illus,
.col .illus{
	float: left;
	position: relative;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
iframe.full{
	width: 100%;
	height: 100%;
}
.col img{
	max-height: 100%;
}

/************************
****** COL HEIGHTS ******
************************/

#zoom .col.xl.force,
.col.xl{
	min-height: 347px;
}
.col.xl .inner{
	min-height: 329px;
}
.col.xl.hide .inner{
	max-height: 329px;
}
#zoom .col.l.force,
.col.l{
	min-height: 309px;
}
.col.l .inner{
	min-height: 291px;
}
.col.l.hide .inner{
	max-height: 291px;
}
.col.mm{
	min-height: 254px;
}
#zoom .col.m.force,
.col.m{
	height: 254px;
}
.col.m .inner{
	min-height: 236px;
}
.col.m.hide .inner{
	max-height: 236px;
}
#zoom .col.s.force,
.col.s{
	height: 190px;
}
.col.s .inner{
	min-height: 172px;
}
.col.s.hide .inner{
	max-height: 172px;
}
#zoom .col.xs.force,
.col.xs{
	height: 160px;
}
#zoom .col.xxs.force,
.col.xxs{
	height: 83px;
}
#zoom .col.xxxs.force,
.col.xxxs{
	height: 45px;
	overflow: hidden;
}
.col.i{
	height: inherit;
}
#zoom .col{
	height: auto;
}
.col.auto .inner{
	padding-bottom: 15px;
}

/************************
********* MORE **********
************************/

.more{
	z-index: 2;
	right: 10px;
	width: 20px;
	height: 20px;
	bottom: 12px;
	color: #5b5a5a;
	display: table;
	cursor: pointer;
	background: white;
	text-align: center;
	position: absolute;
	border-radius: 10px;
	-webkit-transition: all .35s;
	transition: all .35s;
	line-height: 20px !important;
	font-family: Arial, sans-serif !important;
}
.portrait .more,
.article .more{
	right: 20px;
	width: 24px;
	height: 24px;
	bottom: 20px;
	border-radius: 12px;
	line-height: 24px !important;
}
.article .more{
	background: #b1b1b1;
}
.portrait .more{
	background: #8a8a8a;
	color: white !important;
}
.more:hover{
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.more span{
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	font-size: 16px !important;
}
#zoom .more span{
	padding-top: 1px;
	vertical-align: top;
	line-height: 16px !important;
}
.portrait .more span,
.article .more span{
	font-size: 20px !important;
}
#zoom .portrait .more span,
#zoom .article .more span{
	padding-top: 2px;
	font-size: 17px !important;
	line-height: 17px !important;
}

/************************
********* COL3 **********
************************/

.col.col100{
	width: 100%;
}
.col.col3{
	width: 33.333333%;
}
.col.col23{
	width: 66.666666%;
}

/************************
********* COL4 **********
************************/

.col.col4{
	width: 25%;
}
.xxxs.col4,
.xxs.col4{
	color: white;
	display: table;
	text-align: center;
	letter-spacing: 0.1em;
}
.xxxs.col4{
	color: #5b5a5a;
}

/************************
********* COL5 **********
************************/

.col.col5{
	width: 20%;
}
.col.col35{
	width: 60%;
}

/************************
******** ENBREF *********
************************/

.enbref{
	padding: 0 24px 0 24px;
}

/************************
****** TEMOIGNAGES ******
************************/

.temoignages{
	height: 166px;
	margin-top: 21px;
	overflow: hidden;
}
.temoignages.full{
	height: auto;
	margin-top: 0;
}
.temoignages.full h3{
	padding-bottom: 13px;
}
.temoignage{
	display: none;
	height: inherit;
	overflow: hidden;
	background: white;
	padding: 0 24px 0 24px;
	border-top: 1px solid #cdcbcc;
}
.temoignage.pop{
	padding-bottom: 24px;
	border: 1px solid #cdcbcc;
}
.temoignage.t0{
	display: block;
}
#zoom .temoignage .illus,
.col .temoignage .illus{
	padding: 0;
	width: auto;
	height: 166px;
	margin: 0 10px 0 -24px !important;
}
.temoignage h4 span{
	font-size: 10px;
	padding-left: 5px;
	display: inline-block;
}
.temoignage .plus{
	right: 0;
	width: 100%;
	height: 42px;
	text-align: center;
	line-height: 42px;
	background: white;
	margin-top: 124px;
	position: absolute;
}
.temoignages.full .plus{
	height: 46px;
	line-height: 46px;
	margin-top: 237px;
}
.temoignage .plus .button a{
	margin: 8px 0 0 166px;
}
.temoignages.full .plus .button a{
	margin-left: 0;
}

/************************
********* IMAGE *********
************************/

.image{
	background: white;
}
.image h3{
	padding-bottom: 13px;
}
.image div{
	background-color: white;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}
.image div iframe{
	width: 100%;
	height: 100%;
}
.image div.img{
	cursor: pointer;
	background-size: 100%;
}
.image .img img{
	opacity: 0;
	width: 100%;
}
.image.pop .img img{
	opacity: 1;
	width: auto;
	max-height: none;
	max-width: 1080px;
}

/************************
******** FOOTER *********
************************/

#footer{
	max-width: 1280px;
	margin: 0 auto 0 auto;
}
#footer .inner{
	padding: 0 25px 0 25px;
}
#footer .follow{
	float: left;
	height: 40px;
	color: #5b5a5a;
	font-size: 15px;
	line-height: 40px;
	position: relative;
}
#footer .share{
	display: none;
}
#footer .follow a{
	color: #5b5a5a;
}
#footer .follow span{
	float: left;
	position: relative;
	vertical-align: top;
	padding-right: 10px;
	display: inline-block;
}
#footer .follow .img{
	float: left;
	width: 14px;
	height: 40px;
	overflow: hidden;
	padding-right: 1px;
	color: transparent;
	position: relative;
	vertical-align: top;
	display: inline-block;
	background: transparent url(../images/picto-linkedin.png) no-repeat right center;
	background-size: auto 15px;
}
#footer .follow .linkedin{
	background-image: url(../images/picto-linkedin.png);
}
#footer .follow .youtube{
	background-image: url(../images/picto-youtube.png);
}
#footer .follow .twitter{
	background-image: url(../images/picto-twitter.png);
}
#footer .follow .viadeo{
	width: 15px;
	background-image: url(../images/picto-viadeo.png);
}
#footer .follow .googleplus{
	width: 15px;
	background-image: url(../images/picto-gplus.png);
}
#footer .follow .rss{
	background-image: url(../images/picto-rss.png);
}
#footer .right{
	float: right;
	position: relative;
	list-style-type: none;
}
#footer .right li{
	float: left;
	color: #575555;
	font-size: 11px;
	line-height: 40px;
	position: relative;
}
#footer .right li.sep{
	width: 13px;
	text-align: center;
}
#footer .right a{
	color: #575555;
}
#footer .right a:hover{
	color: #ee7f01;
}
#footer .map{
	clear: both;
	padding-top: 20px;
	padding-bottom: 24px;
	list-style-type: none;
}
#footer .map li.menu{
	width: 13.95%;
	line-height: 12px;
	vertical-align: top;
	display: inline-block;
}
#footer .map7 li.menu{
	width: 14.2857%;
}
#footer .map6 li.menu{
	width: 16.6666%;
}
#footer .map5 li.menu{
	width: 20%;
}
#footer .map4 li.menu{
	width: 25%;
}
#footer .map3 li.menu{
	width: 33.3333%;
}
#footer .map li.menu span{
	font-size: 12px;
	font-weight: bold;
}
#footer .menu ul{
	font-size: 11px;
	margin-top: 16px;
	margin-left: -10px;
	line-height: 14px;
	padding-right: 24px;
	display: inline-block;
	list-style-type: none;
}
#footer .menu ul li{
	padding-left: 10px;
	background: transparent url(../images/picto-plus.png) no-repeat left 5px;
}
#footer .menu ul a{
	color: #5b5a5a;
}
#footer .menu ul a:hover{
	text-decoration: underline;
}

/************************
******** POPUP **********
************************/

#cache{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	z-index: 1000000;
}
#cache.form{
	padding-bottom: 67px;
	background: transparent url(../images/pix-white-70.png) repeat left top;
}
#zoom{
	left: 0;
	top: 67px;
	display: none;
	z-index: 1000001;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
}
#zoom .pop{
	height: auto !important;
	position: absolute;
}
.form.pop .close,
#zoom .pop .close{
	top: 24px;
	width: 18px;
	right: 24px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	position: absolute;
}

/************************
******* ARTICLES ********
************************/

.article .date{
	padding-top: 10px;
	font-weight: bold;
	font-family: 'dax-regular';
}
.article h3{
	color: inherit;
	font-size: 26px;
	padding-top: 3px;
	line-height: 28px;
	padding-bottom: 4px;
}
#content .article h3 a{
	font-weight: normal;
	color: inherit !important;
}
.article{
	width: 100%;
	float: left;
	min-height: 180px;
	max-width: 1280px;
	position: relative;
	margin: 0 auto 0 auto;
}
#zoom .article .illus,
.article .illus{
	width: 33.333333%;
}
.article .body{
	background: white;
	padding-left: 33.333333%;
}
.article .binner{
	padding: 30px 62px 30px 62px;
}
/*
.article iframe{
	width: 720px;
	height: 405px;
	margin-top: 20px;
}
.article.hide iframe{
	display: none;
}
*/

/************************
********* OFFRES ********
************************/

.article.rh{
	min-height: 0;
	background: white;
}
.article.rh .postuler{
	color: white;
	display: none;
	margin: 50px 0 0 0;
	position: absolute;
	white-space: nowrap;
	background: #f07c03;
	border-color: #f07c03;
}
#zoom .article.rh .postuler{
	display: block;
}
#zoom .article.rh .col4,
.article.rh .col4{
	color: #5b5a5a;
	text-align: left;
	background: #dfdbdc;
	border-bottom: 2px solid white;
}
#zoom .article.rh .col4 .inner,
#zoom .article.rh .col4{
	color: white;
	background: #f07c03;
}
.article.rh .col4 .inner{
	padding-top: 30px;
	display: table-cell;
	background: #dfdbdc;
	padding-bottom: 30px;
	vertical-align: middle;
}
.article.rh .col4 p{
	line-height: 18px;
	padding-top: 18px !important;
	padding-bottom: 0 !important;
}
.article.rh .col4 .intro{
	font-weight: normal;
	padding: 0 !important;
	text-transform: uppercase;
}
.article.rh .col4 .intro span{
	font-weight: bold;
}
.article.rh .body{
	padding-left: 25%;
	border-bottom: 2px solid #dfdbdc;
}
.article.rh.limited .body{
	display: table;
	padding-left: 0;
}
.article.rh .binner{
	padding: 30px 62px 30px 36px;
}
.article.rh.limited .binner{
	display: table-cell;
	vertical-align: middle;
}

/************************
********** RH ***********
************************/

.col.contacts{
	background: #d8d8d8;
}
.col.contacts .inner{
	background: #d8d8d8;
	padding-bottom: 10px;
}
.col.contacts img{
	width: 100%;
	margin-bottom: 10px;
}
.col.contacts h3{
	padding-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
}
.col.rh .inner{
	padding-top: 26px;
}
#articles{
	width: 20%;
	float: left;
	overflow: auto;
	position: relative;
	background: #748ea7;
}
#articles ul{
	list-style-type: none;
	padding: 15px 0 30px 0;
}
#articles li h2{
	color: white;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	padding: 0 20px 10px 20px;
}
#articles a{
	color: white;
	display: block;
	font-weight: bold;
	padding: 10px 20px 10px 20px;
}
#articles li.over a,
#articles a:hover{
	color: #5b5a5a;
	background: #d8d8d8;
}
#articles a span{
	font-family: 'dax-light';
}
#articles a span.lieu{
	float: right;
	max-width: 60%;
	overflow: hidden;
	text-align: right;
	position: relative;
	white-space: nowrap;
	text-transform: uppercase;
}

/************************
******* PORTRAITS *******
************************/

.portrait{
	float: left;
	width: 100%;
	height: 180px;
	background: white;
	max-width: 1280px;
	position: relative;
}
#zoom .portrait{
	height: auto;
	min-height: 180px;
}
#zoom .portrait .illus,
.portrait .illus{
	width: 193px;
	height: 180px;
}
.portrait .pinner{
	padding-left: 193px;
}
#content .portrait .col{
	height: 180px;
}
#zoom .portrait .col{
	height: auto;
	min-height: 180px;
}
.portrait .col .inner{
	padding: 0 32px 16px 32px;
}
.portrait h3{
	padding-bottom: 0;
}
.portrait h4{
	font-size: 15px;
	line-height: 15px;
	padding: 0 0 10px 0;
	font-family: 'dax-light';
	text-transform: uppercase;
}
.portrait .col.cit{
	display: table;
	text-align: center;
}
#zoom .portrait .col.cit{
	height: 180px;
}
.portrait .col.cit .inner{
	display: table-cell;
	padding: 0 32px 0 32px;
	vertical-align: middle;
}
.portrait .col.cit p.cit{
	font-size: 30px;
	line-height: 36px;
	padding-bottom: 20px !important;
	font-family: 'helvetica-neue-ultralight';
}

/************************
********* CARTE *********
************************/

#carte{
	float: left;
	width: 516px;
	height: 468px;
	position: relative;
	margin-right: 24px;
	background: transparent url(../images/carte.png) no-repeat left top;
}
#carte p{
	height: 16px;
	color: #adacac;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	position: absolute;
	padding: 4px 0 0 27px;
	text-transform: uppercase;
	background: transparent url(../images/picto-ville.png) no-repeat left -20px;
}
#carte p:hover,
#carte p.sel{
	color: #5b5a5a;
}
#carte p.sel{
	background-position: left top;
}
#carte p span{
	font-size: 10px;
	padding-top: 2px;
	display: inline-block;
}
.carte{
	height: 468px;
	background: #eeeeee;
}
.carte .inner{
	background: #eeeeee;
}
.carte h4{
	padding-top: 26px;
}
.carte h5{
	font-size: 16px;
	line-height: 16px;
	font-weight: normal;
	padding: 20px 0 0 0;
	margin-bottom: -9px;
	font-family: 'dax-light';
	text-transform: uppercase;
}
.illus.blocimg img{
	width: 100%;
	display: none;
}

/************************
****** RESPONSIVE *******
************************/

@media screen and (max-width: 1080px) {
	body{
		padding-top: 152px;
	}
	#header{
		height: 152px;
	}
	#header .inner{
		max-width: 0;
	}
	#burger{
		display: block;
	}
	#search{
		display: none;
	}
	h1{
		left: 0;
		margin: 0;
		top: 32px;
		width: 100%;
		text-align: center;
	}
	#menu{
		display: none;
	}
	#scuts{
		left: 0;
		top: 98px;
		margin: 0;
		float: none;
		width: 100%;
		height: 54px;
		text-align: center;
		position: absolute;
		background: #a7111c;
	}
	#scuts ul{
		height: 54px;
	}
	#scuts li{
		height: 54px;
	}
	#scuts a{
		width: 54px;
		height: 54px;
		background-repeat: no-repeat;
		background-position: center center;
		background-image: url(../images/mob/picto-send.png);
	}
	#scuts a.call-back,
	#scuts a.rappel-immediat{
		background-position: center center;
		background-image: url(../images/mob/picto-tel.png);
	}
	#scuts a.news-but{
		background-position: center center;
		background-image: url(../images/mob/picto-news.png);
	}
	#scuts a.langs-but{
		display: inline-block;
		background-image: url(../images/mob/picto-langs.png);
	}
	#scuts ul.langs{
		left: 0;
		height: 0;
		top: 54px;
		width: 100%;
		overflow: hidden;
		position: absolute;
		background: #a7111c;
	}
	#scuts ul.langs.on{
		height: auto;
	}
	#scuts .langs li{
		border: 0;
		display: block;
		border-top: 1px solid white;
	}
	#scuts .langs a:hover,
	#scuts .langs li a{
		margin: 0;
		width: 100%;
		height: 54px;
		color: white;
		font-size: 28px;
		background: none;
		line-height: 54px;
	}
	#menu{
		left: 0;
		top: 98px;
		margin: 0;
		height: 0;
		overflow: auto;
		display: block;
		max-width: 100%;
		text-align: left;
		background: white;
		position: absolute;
	}
	#menu.on{
		height: auto;
	}
	#menu li.menu{
		height: auto;
		display: block;
		border-left: 0;
		font-size: 18px;
		line-height: 18px;
		padding: 15px 20px 10px 20px;
		border-top: 1px solid #f7c388;
	}
	#menu li.menu ul{
		margin-top: 10px;
		position: static;
		padding: 0 0 0 20px;
		background: transparent;
	}
	#menu li li{
		height: auto;
		line-height: 18px;
		white-space: normal;
		padding: 5px 0 5px 7px;
		background: transparent url(../images/picto-plus.png) no-repeat left 11px;
	}
	.diapo{
		max-width: 100%;
	}
	.banner{
		max-width: 100%;
	}

	/************************
	******* CONTENT *********
	************************/

	#content{
		max-width: 100%;
	}

	/************************
	******** FOOTER *********
	************************/

	#share{
		display: none;
	}
	#footer{
		max-width: 100%;
	}
	#footer .map{
		display: none;
	}
	#footer .follow{
		width: 50%;
		padding: 0;
		height: 110px;
		padding-top: 26px;
		text-align: center;
	}
	#footer .share{
		display: block;
	}
	#footer .follow span{
		padding: 0;
		float: none;
		display: block;
		font-size: 28px;
		position: static;
		line-height: 60px;
	}
	#footer .follow .img{
		padding: 0;
		float: none;
		width: 50px;
		height: 50px;
		position: static;
		margin: 0 4px 0 4px;
		background-size: auto 50px;
	}
	#footer .share .img{
		margin: 0;
		background-position: -50px top;
		background-image: url(../images/picto-sociaux.png);
		background-size: 100px;
	}
	#footer .share .img.l{
		background-position: 0 -150px;
	}
	#footer .share .img.v{
		background-position: 0 -50px;
	}
	#footer .share .img.t{
		background-position: -50px -100px;
	}
	#footer .right{
		float: none;
		clear: both;
		position: static;
		padding-top: 39px;
	}
	#footer .right .copy{
		float: right;
		position: relative;
	}
	#footer .right li{
		font-size: 18px;
		font-family: 'dax-light';
	}

	/************************
	******* PORTRAITS *******
	************************/

	.portrait{
		height: auto;
	}
	.portrait .pinner{
		padding-left: 0;
	}
	#zoom .portrait .col,
	#content .portrait .col{
		float: none;
		width: auto;
		height: auto;
		position: static;
	}
	.portrait .col.por{
		min-height: 180px;
	}
	#zoom .portrait .col.por{
		padding-left: 193px;
	}
	.portrait .col.por .inner{
		padding-right: 25px;
	}

	/************************
	********** RH ***********
	************************/

	#articles,
	.col.col5{
		width: 25%;
	}
	.col.col35{
		width: 50%;
	}

}


@media screen and (max-width: 860px) {

	/************************
	******** FOOTER *********
	************************/

	#footer .follow .img{
		width: 30px;
		height: 30px;
		background-size: auto 30px;
	}
	#footer .share .img{
		background-position: -30px top;
		background-size: 60px;
	}
	#footer .share .img.l{
		background-position: 0 -90px;
	}
	#footer .share .img.v{
		background-position: 0 -30px;
	}
	#footer .share .img.t{
		background-position: -30px -60px;
	}
	#footer .right li{
		font-size: 12px;
		font-family: 'dax-light';
	}

	/************************
	********* COLS **********
	************************/

	.col{
		width: 100%;
	}
	.col.mob-no-resize,
	.col .mob-no-resize{
		min-height: 0;
		height: auto !important;
	}
	.col .col{
		width: 50%;
	}
	.col .col.actu,
	.col .col.temo{
		width: 100%;
	}
	.col .mob3,
	.col .col3{
		width: 33.333333%;
	}
	.col .mob23,
	.col .col23{
		width: 66.666666%;
	}
	.mob{
		display: block;
	}
	.image h3{
		padding-left: 25px;
	}
	.col3.illus{
		display: none;
	}
	.col3.illus.blocimg{
		height: auto !important;
		display: block;
	}
	.col3.illus.blocimg img{
		display: block;
	}
	.col.limited,
	.col.col3,
	.col.col4,
	.col.vid{
		width: 100%;
	}
	.xxxs.col4,
	.xxs.col4{
		width: 50%;
		max-width: 50%;
		overflow: hidden;
	}
	.col4 .b0, .col4 .b1{
		border-bottom: 2px solid white;
	}
	.brw.b1{
		border-right: 0;
	}
	.blw.b2{
		border-left: 0;
	}
	.image.iframe div,
	.col.vid{
		max-height: 250px !important;
	}
	#footer .inner{
		padding: 0 17px 0 17px;
	}
	.line .limited{
		height: auto !important;
	}
	.col.xxxs{
		height: 68px;
	}
	.xxxs .but.s{
		font-size: 14px;
		line-height: 14px;
	}
	.col3.img2,
	.col2.img2{
		height: auto !important;
	}
	.portrait .more,
	.article .more,
	.more{
/*
		bottom: 50%;
		right: 25px;
		margin-bottom: -18px;
*/
		width: 28px;
		right: 10px;
		bottom: 10px;
		height: 28px;
		border-radius: 14px;
	}
	/*
	.article .more{
		margin-bottom: -113px;
	}
	*/
	.portrait .more span,
	.article .more span,
	.more span{
		font-size: 24px !important;
		line-height: 24px !important;
	}
	#zoom .portrait .more span,
	#zoom .article .more span,
	#zoom .more span{
		padding-top: 0;
		vertical-align: top;
		font-size: 24px !important;
		line-height: 24px !important;
	}
/*
	.limited .inner h4,
	.limited .inner h3,
	.limited .inner h2,
	.limited .inner p,
	.limited .inner li{
		padding-right: 50px !important;
	}
*/
	#zoom .article .illus,
	.article .illus{
		width: 100%;
		float: none;
		position: static;
		height: 190px !important;
	}
	.article.media .illus{
		height: 250px !important;
	}
	.article .body{
		padding-left: 0;
	}
	.article .binner{
		padding: 24px 75px 24px 25px;
	}
	#content .leg{
		font-size: 26px;
		line-height: 26px;
		padding-left: 25px;
	}
	#zoom .portrait .illus,
	.portrait .illus{
		width: 33%;
	}
	#zoom .portrait .col.por{
		padding-left: 33%;
	}
	.but.m{
		font-size: 22px;
		line-height: 22px;
		font-family: Helvetica, Arial, sans-serif;
	}
	.banner{
		font-family: Helvetica, Arial, sans-serif;
	}
	.banner h2{
		font-size: 30px;
		line-height: 30px;
	}
	.banner p span,
	.banner p{
		padding-left: 25px;
	}
	.banner.r p{
		padding-left: 0;
		padding-right: 25px;
	}
	.but.m{
		font-size: 22px;
		line-height: 22px;
		font-family: Helvetica, Arial, sans-serif;
	}

	/************************
	********* CARTE *********
	************************/

	#carte{
		float: none;
		margin-right: 0;
		position: absolute;
	}
	.carte{
		height: auto;
		margin-top: 15px;
		padding-bottom: 25px;
		width: 100% !important;
	}
	.carte h3,
	.carte .inner{
		padding-left: 25px;
		padding-right: 25px;
	}
	.carte .button a{
		margin-left: 25px;
	}

	.button a{
		margin: 3px 5px 3px 5px;
	}

	/************************
	********* OFFRES ********
	************************/

	.article.rh .col4{
		float: none;
		width: 100%;
		position: static;
	}
	.article.rh .col4 .inner{
		display: block;
	}
	.article.rh .body{
		padding-left: 0;
		border-bottom: 0;
		display: none !important;
	}
	#zoom .article.rh .body{
		display: block !important;
	}
	.article.rh .binner{
		display: block !important;
		padding: 10px 25px 45px 25px;
	}
	.article.rh .postuler{
		left: 25px;
		bottom: 10px;
		margin-top: 0;
	}

	/************************
	********** RH ***********
	************************/

	.col.col35,
	#articles,
	.col.col5{
		float: none;
		width: 100%;
		position: static;
	}

	.col.contacts .inner{
		padding: 0;
	}
	.col.contacts h3{
		background: white;
		padding-left: 25px;
	}
	.col.contacts p{
		float: left;
		clear: both;
		width: 100%;
		position: relative;
		padding: 0 !important;
		border-bottom: 2px solid white;
	}
	.col.contacts img{
		float: left;
		margin-bottom: 0;
		width: 33.333333%;
		position: relative;
	}
	.col.contacts span{
		top: 50%;
		margin-top: -30px;
		padding-left: 25px;
		position: absolute;
	}
	#articles{
		display: none;
	}

	/************************
	******** FORMS **********
	************************/

	.form.pop{
		left: 0;
		border: 0;
		width: 100%;
		margin-left: 0;
	}
	.form.single{
		width: 100%;
	}
	.form form{
			padding: 0 20px 0 20px;
	}
	.form .col{
		float: none;
		width: auto;
		margin-left: 0;
		position: static;
		padding-top: 20px;
		text-align: center;
	}
	.form h2{
		font-size: 36px;
		line-height: 36px;
		padding: 20px 0 12px 20px;
	}
	.form h3{
		text-align: left;
		padding-top: 10px;
	}
	.input{
		margin: 20px 0 0 0;
		padding: 0 10px 0 10px;
		border: 2px solid #a0a0a2;
	}
	select{
		border: 0;
		width: 100%;
		height: 48px;
		font-size: 18px;
		line-height: 48px;
		background: white;
	}
	textarea,
	input[type="text"],
	input[type="password"]{
		padding: 0;
		border: 0;
		width: 100%;
		height: 48px;
		font-size: 18px;
		line-height: 48px;
	}
	label{
		font-size: 18px;
	}
	textarea{
		height: 96px;
	}
	input[type="file"]{
		width: 100%;
		height: 48px;
	}
	textarea.big{
		height: 192px;
	}
	.form p.req{
		clear: left;
		padding-left: 0;
		text-align: left;
	}
	.form p.info{
		clear: left;
		text-align: left;
		padding: 15px 0 0 0;
	}
	.form .button a{
		float: none;
		margin-top: 20px;
		position: inline-block;
	}
	.form.pop .close{
		font-size: 26px;
	}
}

@media screen and (max-width: 520px) {
	.banner p,
	.banner p span,
	.banner h2 span,
	.banner h2{
		color: black;
		font-size: 24px;
		line-height: 24px;
	}
	.diapo .banner p,
	.diapo .banner p span,
	.diapo .banner h2 span,
	.diapo .banner h2{
		color: white;
		font-size: 20px;
		line-height: 20px;
	}
}

.form label {
width: 90% !important;
}