@charset "UTF-8";
@font-face{
	font-family:opensans-light;
	src:url(fonts/opensans-light-webfont.eot);
	src:url(fonts/opensans-light-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-light-webfont.woff) format("woff"),url(fonts/opensans-light-webfont.woff2) format("woff2"),url(fonts/opensans-light-webfont.ttf) format("truetype"),url(fonts/opensans-light-webfont.svg#latolight) format("svg");
	font-weight:400;
	font-style:normal
	}
@font-face{
	font-family:italiannoregular;
	src:url(fonts/italianno-regular-webfont.eot);
	src:url(fonts/italianno-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/italianno-regular-webfont.woff) format("woff"),url(fonts/italianno-regular-webfont.woff2) format("woff2"),url(fonts/italianno-regular-webfont.ttf) format("truetype"),url(fonts/italianno-regular-webfont.svg#openbold) format("svg");
	font-weight:400;
	font-style:normal
	}
@font-face{
	font-family:opensans-regular;
	src:url(fonts/opensans-regular-webfont.eot);
	src:url(fonts/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/opensans-regular-webfont.woff) format("woff"),url(fonts/opensans-regular-webfont.ttf) format("truetype"),url(fonts/opensans-regular-webfont.svg#openregular) format("svg");
	font-weight:400;
	font-style:normal
	}
@font-face{
	font-family:icomoon;
	src:url(fonts/icomoon.eot?ghatp2);
	src:url(fonts/icomoon.eot?ghatp2#iefix) format("embedded-opentype"),url(fonts/icomoon.ttf?ghatp2) format("truetype"),url(fonts/icomoon.woff?ghatp2) format("woff"),url(fonts/icomoon.svg?ghatp2#icomoon) format("svg");
	font-weight:400;
	font-style:normal
	}
[class*=" icon-"],[class^=icon-]{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
	}
body{
	font-family:opensans-light,Helvetica,arial,sans-serif;
	font-size:1.8rem
	}
body{
	background:#eee9e6 url(../images/charte/belgary-background.jpg) center 0 repeat-x
	}
.container{
	margin:0 auto
	}
@media (max-width:479px){
	.container{
		width:370px!important
		}
	}
@media (max-width:767px){
	.container{
		width:480px
		}
	}
@media (min-width:768px) and (max-width:991px){
	.container{
		width:768px
		}
	}
@media (min-width:992px) and (max-width:1199px){
	.container{
		width:992px
		}
	}
@media (min-width:1200px){
	.container{
		width:1200px
		}
	}
h2{
	font-weight:400;
	margin-top:10px
	}
h3{
	color:#292929;
	font-family:opensans-light,Helvetica,arial,sans-serif;
	font-size:1.625rem;
	font-weight:300;
	line-height:40px;
	margin-bottom:10px
	}
h4{
	color:#d4c89a;
	font-size:1.2rem
	}
p{
	padding:0;
	font-family:opensans-light,Helvetica,arial,sans-serif;
	font-size:1.8rem;
	line-height:1.6;
	color:#23384f;
	margin-bottom:5px;
	margin-top:5px;
	text-align:justify
	}
p+ul{
	margin-top:-5px
	}
img{
	height:auto
	}
strong{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	font-weight:400
	}
label{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	font-weight:400;
	text-align:right;
	padding-right:10px
	}
a{
	padding:0;
	margin:0;
	text-decoration:none;
	transition:all .3s;
	color:#858279
	}
a:focus,a:hover{
	text-decoration:underline;
	color:#42413c
	}
a.btn{
	color:grey;
	padding:0
	}
a.btn:hover{
	color:#000;
	text-decoration:underline
	}
.contenu ul{
	padding-left:15px
	}
.contenu li{
	list-style:none;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	line-height:1.4em;
	position:relative
	}
.contenu li::after{
	position:absolute;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e902";
	left:-15px;
	top:8px;
	color:#858279;
	transform:rotate(-90deg);
	font-size:.6rem
	}
blockquote{
	margin:.75em 0 .75em 0;
	padding:0 0 0 10px;
	border-left:solid 4px #67635d;
	line-height:1.4
	}
blockquote footer{
	color:#858279;
	font-family:opensans-bold,Helvetica,arial,sans-serif
	}
em{
	font-style:italic
	}
.excergue{
	color:#858279
	}
.button{
	letter-spacing:.1em;
	color:#fff;
	display:inline-block;
	background-color:#858279;
	text-transform:uppercase;
	font-size:1rem;
	padding:10px 20px
	}
.btn.btn-base{
	border-radius:0;
	background-color:#fff;
	border:0;
	padding:.8rem 2rem;
	border:2px solid #858279;
	color:#858279
	}
.btn.btn-base:hover{
	background-color:#858279
	}
.btn.btn-base.active,.btn.btn-base:active,.btn.btn-base:focus,.btn.btn-base:hover{
	color:#fff;
	background-color:#858279;
	border:2px solid #858279;
	color:#858279
	}
.read-more{
	text-decoration:underline;
	display:inline-block;
	color:#858279;
	font-family:italiannoregular,Times,serif;
	position:relative;
	margin-top:5px
	}
.read-more::after{
	content:"\e904";
	position:absolute;
	right:-18px;
	top:4px;
	font-size:1.2rem;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
	}
button,input,select,textarea{
	border:1px solid #ccc;
	transition:all .3s;
	padding:5px
	}
button:focus,input:focus,select:focus,textarea:focus{
	border:1px solid #67635d;
	box-shadow:none;
	background-color:#ebfbff
	}
label.check,label.input,label.selectM,label.textarea{
	width:150px;
	vertical-align:top
	}
input[type=checkbox]{
	margin-right:5px
	}
input[type=text],textarea{
	width:300px
	}
.nav-pills .dropdown-menu{
	box-shadow:none;
	border-radius:0;
	margin-top:0;
	margin-left:8px;
	padding:0
	}
.nav-pills .dropdown-menu>li{
	border-bottom:1px solid grey
	}
.nav-pills .dropdown-menu>li:last-child{
	border-bottom:0
	}
.nav-pills .dropdown-menu>li>a{
	text-transform:none;
	padding:10px;
	text-align:center;
	font-size:1.4rem
	}
.nav-pills>li>a{
	border-radius:0;
	text-transform:uppercase
	}
.clearfix:after,.flexslider:after{
	content:"";
	display:table;
	clear:both
	}
.embedded-video{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden
	}
.embedded-video embed,.embedded-video iframe,.embedded-video object{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
	}
.no-gutter>[class^=col-md]{
	margin-left:0;
	margin-right:0;
	padding:0
	}
.table{
	display:table
	}
.table-cell{
	display:table-cell
	}
.scrollup{
	position:fixed;
	right:50px;
	border:0;
	border:0;
	bottom:100px;
	width:54px;
	height:54px;
	border-radius:50%;
	background-color:#fff;
	z-index:1000
	}
.scrollup::after{
	position:absolute;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	color:#858279;
	left:50%;
	top:50%;
	font-size:6rem;
	text-indent:0;
	transform-origin:0 0;
	transform:translateX(-50%) translateY(-50%)
	}
.scrollup:hover{
	background-color:#858279
	}
.scrollup:hover::after{
	color:#fff
	}
@media (max-width:480px){
	.scrollup{
		right:20px
		}
	}
.center{
	text-align:center
	}
.img-responsive{
	display:block;
	height:auto;
	max-width:100%
	}
.empty-space{
	height:100px;
	width:100%
	}
.lien-suite{
	display:block;
	text-align:right;
	color:#d4c89a
	}
.lien-suite::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	margin-right:5px
	}
a[href$=pdf]{
	display:inline-block;
	font-size:1.4rem;
	margin:2rem 5px 0 0;
	font-family:opensans-light,Helvetica,arial,sans-serif;
	color:#858279;
	border:2px solid #858279;
	padding:10px 15px 12px 10px
	}
a[href$=pdf]::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e90b";
	margin-right:10px;
	font-size:2rem;
	position:relative;
	top:5px
	}
a[href$=pdf]:hover{
	background-color:#6a6861;
	color:#fff;
	text-decoration:none
	}
.tooltip{
	position:relative;
	display:inline-block
	}
.tooltip .tooltiptext{
	visibility:hidden;
	width:90px;
	background-color:#555;
	color:#fff;
	text-align:center;
	padding:5px 0;
	border-radius:6px;
	position:absolute;
	z-index:1;
	bottom:125%;
	left:50%;
	transform:translateX(-50%);
	font-size:.8rem;
	opacity:0;
	transition:opacity .3s
	}
.tooltip .tooltiptext::after{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:#555 transparent transparent transparent
	}
.tooltip:hover .tooltiptext{
	visibility:visible;
	opacity:1
	}
#preloader{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index:9999
	}
#loading-animation{
	width:200px;
	height:200px;
	position:absolute;
	left:50%;
	top:50%;
	background-image:url(../images/charte/loading-animation.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px
	}
.screen-reader-text{
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
	}
.screen-reader-text:focus{
	width:auto;
	height:auto;
	margin:0;
	overflow:auto;
	clip:auto;
	display:block;
	background:#eee;
	color:#000;
	text-decoration:underline;
	padding:1em
	}
[class*=" imghvr-"] a,[class^=imghvr-] a{
	bottom:0;
	left:0;
	position:absolute;
	right:0;
	top:0;
	z-index:1
	}
[class*=' imghvr-'],[class^=imghvr-]{
	position:relative;
	display:inline-block;
	margin:0;
	max-width:100%;
	background-color:rgba(0,0,0,.2);
	color:#fff;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
	transform:translateZ(0)
	}
[class*=' imghvr-']>img,[class^=imghvr-]>img{
	vertical-align:top;
	max-width:100%
	}
[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption{
	background-color:rgba(152,138,83,.6);
	padding:20px;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	color:#fff
	}
[class*=' imghvr-'] figcaption p,[class^=imghvr-] figcaption p{
	color:#fff;
	text-align:left;
	font-family:opensans-light,Helvetica,arial,sans-serif;
	padding-top:20px
	}
[class*=' imghvr-'] figcaption h1,[class*=' imghvr-'] figcaption h2,[class*=' imghvr-'] figcaption h3,[class*=' imghvr-'] figcaption h4,[class*=' imghvr-'] figcaption h5,[class*=' imghvr-'] figcaption h6,[class^=imghvr-] figcaption h1,[class^=imghvr-] figcaption h2,[class^=imghvr-] figcaption h3,[class^=imghvr-] figcaption h4,[class^=imghvr-] figcaption h5,[class^=imghvr-] figcaption h6{
	color:#fff
	}
[class*=' imghvr-'] a,[class^=imghvr-] a{
	z-index:1
	}
[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before{
	box-sizing:border-box;
	transition:all .35s ease
	}
[class*=' imghvr-slide-']:hover figcaption,[class^=imghvr-slide-]:hover figcaption{
	transform:translate(0,0)
	}
.imghvr-slide-up figcaption{
	transform:translateY(100%)
	}
@media (max-width:767px){
	p{
		text-align:left
		}
	.container{
		padding-left:0;
		padding-right:0
		}
	.main-content{
		padding-right:15px;
		padding-left:15px
		}
	.flexslider ul.flex-direction-nav a:before{
		font-size:2.4rem
		}
	.flex-active-slide .titre-slide{
		margin-top:20px;
		font-size:2.4rem;
		width:100%
		}
	div.texte-slide{
		font-size:1.6rem;
		width:80%
		}
	div.blocs-accueil>img{
		width:82px;
		top:-95px
		}
	main.main .main-content div.col-md-4.col-sm-6{
		margin-bottom:100px
		}
	.home main.main{
		margin-top:-22px
		}
	.home main.main::after,.home main.main::before{
		width:0
		}
	div.partenaires-1 ul,div.partenaires-2 ul{
		-ms-flex-direction:column;
		flex-direction:column
		}
	div.partenaires-1 ul li,div.partenaires-2 ul li{
		width:100%
		}
	.header-inter .picto{
		right:auto;
		left:50%;
		transform:translateX(-50%)
		}
	.header-inter>div.container{
		-ms-flex-align:start;
		align-items:flex-start;
		-ms-flex-pack:center;
		justify-content:center;
		padding-top:40px;
		text-align:center
		}
	.shortcode-exergue{
		margin-bottom:2rem;
		width:100%
		}
	.blocVignettes>p{
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		-ms-flex-pack:center;
		justify-content:center;
		-ms-flex-align:center;
		align-items:center;
		-ms-flex-direction:column;
		flex-direction:column
		}
	.home div.main-content h1,.home h2{
		font-size:5rem;
		padding-top:2rem
		}
	label{
		text-align:left
		}
	p.boutonSubmit input{
		margin-left:0
		}
	}
@media (min-width:768px) and (max-width:991px){
	.main-content .col-md-4{
		margin-top:100px
		}
	}
@media (min-width:992px) and (max-width:1199px){
	.slider .contenu-slide{
		height:auto
		}
	}
@media (max-width:768px){
	body.home{
		background-position:0 100px
		}
	.home h1{
		text-align:center
		}
	.home .main-content h1{
		font-size:6rem;
		margin-bottom:20px
		}
	div.slider{
		margin-top:0
		}
	.slider .slides{
		height:auto
		}
	.navbar-header{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:end;
		justify-content:flex-end
		}
	.navbar-brand img{
		width:150px;
		margin-right:50px
		}
	button.navbar-toggle{
		float:left
		}
	button:focus{
		border:0;
		background-color:transparent
		}
	button>span{
		color:#fff;
		display:inline-block;
		padding-top:8px
		}
	span.caret{
		padding:0
		}
	.header--logo{
		right:0;
		z-index:100;
		float:right;
		margin-right:30px;
		margin-top:16px
		}
	.header--logo img{
		width:200px;
		margin-top:2rem
		}
	button.navbar-toggle{
		margin-top:50px
		}
	.home h1{
		width:350px;
		right:0
		}
	header.header nav.navbar{
		float:none
		}
	.navbar-default{
		margin-top:120px
		}
	.navbar-default .navbar-nav>li{
		border-bottom:1px solid #f1f1f1
		}
	.navbar-default .navbar-nav>li a{
		background-color:#fff;
		color:#000;
		padding:2rem;
		font-family:opensans-bold,Helvetica,arial,sans-serif;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:center;
		justify-content:center
		}
	.navbar-default .navbar-nav>li a span.caret{
		border-bottom:0;
		border-width:6px;
		margin-top:10px;
		margin-left:5px
		}
	.navbar-default .navbar-nav>li a:hover{
		color:#fff
		}
	.navbar-nav .open .dropdown-menu{
		padding:0
		}
	.sub-menu li a{
		padding:1rem
		}
	.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{
		padding:2rem
		}
	.navbar.navbar-default,header.header{
		background-color:#858279
		}
	.navbar.navbar-default{
		border:0;
		margin-bottom:0
		}
	.nav.navbar-nav{
		margin-bottom:0
		}
	nav.navbar{
		min-height:10px
		}
	header.header>.container{
		padding-left:0;
		padding-right:0
		}
	.navbar-collapse{
		padding-right:0;
		padding-left:0
		}
	.navbar-default .navbar-collapse{
		border-top:0
		}
	.navbar-default .navbar-collapse li a{
		text-align:center;
		display:block
		}
	.navbar-default .navbar-collapse li a:hover{
		color:#fff
		}
	.ico-burger.navbar-toggle{
		display:block
		}
	.bt-burger{
		float:left
		}
	.navbar-nav.nav>li{
		float:none
		}
	.navbar-header{
		float:none
		}
	.navbar-toggle{
		display:block
		}
	.navbar-collapse{
		border-top:1px solid transparent;
		box-shadow:inset 0 1px 0 rgba(255,255,255,.1)
		}
	.navbar-collapse.collapse{
		display:none!important
		}
	.navbar-collapse.collapse.in{
		display:block!important
		}
	.navbar-nav{
		float:none!important;
		margin:7.5px -15px
		}
	.navbar-nav>li{
		float:none
		}
	.navbar-nav>li>a{
		padding-top:10px;
		padding-bottom:10px
		}
	.icon-burger{
		position:relative;
		width:42px;
		height:28px;
		right:0;
		top:6px;
		background-color:#858279;
		float:left;
		z-index:200
		}
	.icon-burger span{
		transition:transform .2s;
		display:block;
		content:"";
		background-color:#fff;
		position:absolute;
		width:24px;
		height:4px;
		left:50%;
		top:50%;
		transform:translateX(-50%) translateY(-50%)
		}
	.icon-burger span::after,.icon-burger span::before{
		transform-origin:50% 50%;
		transition:transform .2s;
		display:block;
		content:"";
		background-color:#fff;
		position:absolute;
		width:24px;
		height:4px;
		transform:translateY(-8px);
		top:0;
		left:0
		}
	.icon-burger span::before{
		transform:translateY(8px)
		}
	.icon-burger:hover span::after{
		transform:translateY(-8px)
		}
	.icon-burger:hover span::before{
		transform:translateY(8px)
		}
	.ico-burger{
		color:#67635d;
		position:absolute;
		left:12px;
		top:0;
		height:34px;
		line-height:33px;
		padding:0;
		margin-top:12px;
		width:110px;
		z-index:1000
		}
	.ico-burger>span{
		position:relative;
		top:3px;
		color:#fff;
		text-indent:-3000px;
		display:inline-block;
		font-family:opensans-bold,Helvetica,arial,sans-serif;
		text-transform:uppercase;
		margin-left:10px
		}
	.ico-burger .icon-burger{
		transform:rotate(180deg)
		}
	.ico-burger .icon-burger span{
		background:0 0
		}
	.ico-burger .icon-burger span::before{
		transform:translateY(0) rotate(45deg)
		}
	.ico-burger .icon-burger span::after{
		transform:translateY(0) rotate(-45deg)
		}
	.ico-burger.collapsed .icon-burger span{
		background:#fff
		}
	.ico-burger.collapsed .icon-burger span::before{
		transform:translateY(-8px) rotate(0)
		}
	.ico-burger.collapsed .icon-burger span::after{
		transform:translateY(8px) rotate(0)
		}
	}
@media (min-width:769px){
	body{
		background:#eee9e6 url(../images/charte/belgary-background.jpg) center 300px no-repeat
		}
	.home main h1{
		background-color:#fff;
		font-size:6rem;
		color:#d4c89a;
		padding:2rem;
		font-family:italiannoregular,Times,serif;
		line-height:1.4;
		text-align:center;
		margin-top:0;
		margin-bottom:0
		}
	.home main h1 span{
		font-family:opensans-bold,Helvetica,arial,sans-serif
		}
	main.main ul.niveau1{
		column-count:4
		}
	main.main ul.niveau1 li{
		font-family:opensans-light,Helvetica,arial,sans-serif;
		font-size:1.4rem
		}
	.vignettes .col-md-3.col-sm-6{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:center;
		justify-content:center
		}
	.vignettes .col-md-3.col-sm-6 a.lightbox{
		width:350px
		}
	.main-content{
		padding:0 35px
		}
	.main-content figure{
		border:4px solid #7f94a8
		}
	.slider{
		margin-top:110px
		}
	header.header .header--logo img{
		margin-top:2rem
		}
	header.header .container{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:center;
		justify-content:center;
		-ms-flex-align:center;
		align-items:center;
		-ms-flex-direction:column;
		flex-direction:column
		}
	header.header .container h1{
		margin:0;
		height:9rem;
		margin-top:2rem
		}
	header.header .container h1 img{
		display:block;
		vertical-align:middle;
		margin:0
		}
	header.header::before{
		content:"";
		background-color:rgba(104,99,94,.8);
		bottom:0;
		left:0;
		right:0;
		height:6rem;
		position:absolute
		}
	.navbar.navbar-default.collapse{
		display:block
		}
	span.caret{
		border-width:8px;
		border-top-color:#fff;
		bottom:0;
		left:50%;
		transform:translateX(-50%)
		}
	.navbar-collapse.collapse{
		display:block!important
		}
	.navbar-default .navbar-nav>li.active a{
		background-color:transparent;
		color:#fff;
		position:relative;
		font-family:opensans-bold,Helvetica,arial,sans-serif
		}
	.navbar-default .navbar-nav>li.active a::after{
		width:70%;
		margin-left:0;
		height:.8rem;
		content:"";
		background-color:#d4c89a;
		position:absolute;
		left:50%;
		right:0;
		bottom:0
		}
	.navbar-default .navbar-nav>li.active a:active,.navbar-default .navbar-nav>li.active a:focus,.navbar-default .navbar-nav>li.active a:hover{
		background-color:transparent;
		color:#fff
		}
	.navbar-default .navbar-nav>li.menu-item.open>a{
		background-color:#6a6861;
		color:#fff
		}
	.navbar-default .navbar-nav>li>a{
		background-color:transparent
		}
	.navbar-default .navbar-nav>li>a::after{
		transition:all .3s;
		content:"";
		width:0;
		height:.8rem;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:0;
		background-color:#d4c89a
		}
	.navbar-default .navbar-nav>li>a:hover{
		color:#fff
		}
	.navbar-default .navbar-nav>li>a:hover::after{
		width:70%
		}
	.navbar-default .navbar-nav>li:first-child a span{
		text-indent:-3000px;
		display:inline-block
		}
	.navbar-default .navbar-nav>li:first-child a::before{
		text-indent:0;
		color:#fff;
		font-size:1.8rem;
		font-family:icomoon!important;
		text-indent:0;
		text-transform:none;
		speak:none;
		font-style:normal;
		font-weight:400;
		font-variant:normal;
		text-transform:none;
		line-height:1;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		content:""
		}
	.navbar-default .navbar-nav>li:first-child a:hover::before{
		color:#858279
		}
	.navbar-default .navbar-nav>li.nav-small a::after{
		bottom:-3px
		}
	.sub-menu{
		border-radius:0;
		padding:0
		}
	.sub-menu li{
		border-bottom:1px solid #ccc
		}
	.sub-menu li a{
		padding:1.8rem;
		border-radius:0;
		font-family:opensans-bold,Helvetica,arial,sans-serif;
		font-size:1.4rem
		}
	header.header{
		background:transparent url(../images/charte/bg-header.jpg) center -60px no-repeat;
		background-size:cover;
		position:fixed;
		z-index:10000;
		top:0;
		width:100%;
		transition:all .3s
		}
	header.header .header--logo img{
		transition:all .3s;
		transform:scale(1) translateY(-15px)
		}
	.navbar{
		border-radius:15px;
		margin-bottom:0
		}
	.navbar-default .navbar-nav>li{
		height:60px;
		transition:all .3;
		-ms-flex-align:center;
		align-items:center;
		-ms-flex-pack:center;
		justify-content:center
		}
	.navbar-default .navbar-nav>li.lang-item.menu-item a span{
		border-right:0
		}
	.navbar-default .navbar-nav>li>a{
		color:#fff;
		padding-top:0;
		padding-bottom:0;
		font-size:1.6rem;
		font-family:opensans-light,Helvetica,arial,sans-serif;
		letter-spacing:.05em;
		height:100%;
		display:-moz-flex;
		display:-ms-flex;
		display:-o-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-align:center;
		align-items:center
		}
	.navbar-default .navbar-nav>li>a>span:not(.caret){
		line-height:1.4;
		display:inline-block;
		text-align:center
		}
	.navbar-default .navbar-nav>li:not(.last)>a>span:not(.caret)::after{
		content:"";
		width:6px;
		z-index:1000;
		height:6px;
		position:absolute;
		background-color:#d4c89a;
		right:0;
		top:50%;
		transform:translateY(-50%)
		}
	.navbar-default .navbar-nav>li:not(.nav-small)>a{
		padding-left:2rem;
		padding-right:2rem
		}
	.navbar-default .navbar-nav>li.nav-small{
		width:170px
		}
	.navbar-collapse{
		padding-left:0;
		padding-right:0
		}
	.navbar-default{
		background-color:transparent;
		border:0
		}
	.caret{
		bottom:7px;
		left:50%;
		position:absolute;
		border-color:#920800 transparent transparent transparent
		}
	.navbar-toggle{
		position:absolute;
		top:20px;
		left:14px
		}
	}
.header-inter{
	background-position:center center;
	background-image:url(../images/charte/banner-inter.jpg);
	background-size:cover;
	-webkit-background-size:cover;
	position:relative
	}
.header-inter>.container{
	display:-ms-flexbox;
	display:flex;
	height:290px;
	position:relative;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-ms-flex-align:center;
	align-items:center;
	padding-top:80px
	}
.header-inter::before{
	content:"";
	background:rgba(0,0,0,.3);
	background:linear-gradient(to right,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 30%,rgba(0,0,0,.3) 100%);
	position:absolute;
	z-index:2;
	left:0;
	top:0;
	right:0;
	bottom:0
	}
.header-inter h1{
	color:#fff;
	margin-bottom:35px;
	font-family:italiannoregular,Times,serif;
	text-transform:uppercase;
	position:relative;
	z-index:3;
	font-size:28px
	}
.header-inter h1 span{
	text-transform:uppercase
	}
.header-inter .picto{
	position:absolute;
	right:60px;
	z-index:3;
	bottom:-55px;
	width:190px;
	height:190px
	}
.videocontainer{
	width:100%;
	height:400px;
	padding-bottom:56.25%;
	overflow:hidden;
	position:relative
	}
.videocontainer.r1{
	padding-bottom:100%
	}
.videocontainer embed,.videocontainer iframe,.videocontainer object{
	width:100%!important;
	height:100%!important;
	position:absolute;
	top:0;
	left:0
	}
.dropdown-toggle .caret{
	border-style:solid
	}
.current-lang a img{
	border:2px solid #fff
	}
main.main .main-content .col-md-4.col-sm-6{
	margin-bottom:30px
	}
body.home{
	background-repeat:repeat-x!important;
	background-color:#f8f8f6
	}
.first.active.nav-home{
	display:none
	}
.bloc_descriptif{
	padding:2rem
	}
.actualites{
	height:36.5rem
	}
.actualites .actualite{
	margin-bottom:1rem;
	padding-bottom:1rem
	}
.actualites .actualite h2{
	margin-top:0;
	margin-bottom:0;
	color:#565650;
	font-size:1.8rem!important
	}
.actualites .actualite h2::after,.actualites .actualite h2::before{
	width:0
	}
.actualites .petiteActuSuite a.btn{
	padding:1rem 1rem;
	border:2px solid #858279;
	border-radius:0;
	float:right;
	font-family:opensans-bold,Helvetica,arial,sans-serif
	}
.actualites .btn-base{
	float:right
	}
.actualites .btn-base:hover{
	text-decoration:none;
	color:#fff
	}
figcaption p{
	font-family:opensans-light,Helvetica,arial,sans-serif
	}
.blocs-accueil{
	position:relative;
	width:36rem;
	display:inline-block
	}
.blocs-accueil img{
	width:100%
	}
.blocs-accueil>img{
	width:120px;
	height:150px;
	position:absolute;
	left:50%;
	top:-100px;
	transform:translateX(-50%);
	z-index:1000
	}
.blocs-accueil .bloc-accueil--titre{
	text-transform:uppercase;
	font-size:1.8rem;
	line-height:1.2;
	text-align:center;
	margin:-7px 0 0 0;
	color:#858279;
	padding:5px 0;
	height:7rem;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:#d4c89a;
	background:linear-gradient(to right,#d4c89a 0,#e3dbbe 100%)
	}
.blocs-accueil .bloc-accueil--titre a{
	color:#858279;
	position:relative;
	transition:all .3s;
	left:0;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	text-decoration:none
	}
.blocs-accueil .bloc-accueil--titre a:hover{
	left:4px
	}
.blocs-accueil .bloc-accueil--titre.titre-gris{
	background:#6e6764;
	background:linear-gradient(to right,#6e6764 0,#88807d 100%)
	}
.blocs-accueil .bloc-accueil--titre.titre-gris a{
	color:#fff
	}
.blocs-accueil .bloc-accueil--titre::after,.blocs-accueil .bloc-accueil--titre::before{
	display:none
	}
.blocs-accueil strong{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	color:#fff
	}
.blocs-accueil .lien-suite{
	display:block;
	text-align:right;
	color:#fff;
	margin-top:20px;
	position:absolute;
	bottom:15px;
	right:10px
	}
.blocs-accueil .lien-suite::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	font-size:1.2rem;
	margin-right:5px;
	transition:all .2s
	}
.blocs-accueil .lien-suite:hover{
	text-decoration:none
	}
.blocs-accueil .lien-suite:hover::before{
	margin-right:2px
	}
.blocs-accueil .blocs-accueil--actualite{
	padding:1rem 0
	}
.blocs-accueil .blocs-accueil--titre{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	color:#ccbe88
	}
.home h1::after,.home h1::before{
	height:0
	}
.home .main{
	z-index:999;
	position:relative;
	position:relative
	}
.home .main figure{
	border:0;
	height:352px
	}
.home .main::after,.home .main::before{
	width:37px;
	content:"";
	top:0;
	position:absolute;
	left:-37px;
	background:transparent url(../images/charte/shadow.png) 0 0 no-repeat;
	height:132px
	}
.home .main::after{
	position:absolute;
	left:auto;
	right:-37px;
	background-position:-47px 0
	}
.home .main.container{
	padding-right:0;
	padding-left:0
	}
.home .main h2{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	text-transform:uppercase;
	font-size:2.1rem
	}
.home .main .row+.row{
	margin-top:30px
	}
.home .main .img-bas p{
	margin-top:0;
	margin-bottom:0
	}
.home .main .img-bas img{
	width:100%
	}
main.main .main-content .col-md-4.col-sm-6{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center
	}
main.main .main-content{
	background-color:#fff
	}
main.main div.row .col-md-12>div{
	padding-bottom:30px
	}
main.main div.row .col-md-12>div:after{
	content:"";
	display:table;
	clear:both
	}
main.main div.row .col-md-12>div:first-child{
	box-shadow:none
	}
main.main div.row .col-md-12>div [class^=col-md]{
	padding-bottom:35px
	}
main.main ul{
	padding-left:0;
	margin-left:0
	}
main.main ul li{
	list-style-type:none;
	line-height:1;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	color:#333;
	padding-left:1rem;
	position:relative;
	margin-bottom:.6rem
	}
main.main ul li a{
	line-height:1.4;
	display:block;
	font-size:1.6rem
	}
main.main ul li::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	font-size:.8rem;
	color:#ccc;
	margin-right:3px;
	position:absolute;
	top:7px;
	left:0
	}
#cookieChoiceInfo{
	background-color:#858279!important;
	height:40px;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-pack:center;
	justify-content:center
	}
#cookieChoiceInfo a,#cookieChoiceInfo span{
	color:#fff!important;
	font-size:1.4rem
	}
#cookieChoiceInfo a{
	font-size:1.6rem
	}
#cookieChoiceInfo a#cookieChoiceDismiss{
	padding:.3rem 1rem;
	background-color:#78756d
	}
#cookieChoiceInfo a#cookieChoiceDismiss:hover{
	background-color:#918e86;
	text-decoration:none
	}
#infosLegales p{
	font-size:1.2rem
	}
#infosLegales h3{
	font-size:1.4rem;
	margin-bottom:20px;
	line-height:0
	}
.blocVignettes>p{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	justify-content:space-between
	}
a[class^=lightbox]{
	position:relative
	}
a[class^=lightbox]:after{
	content:"";
	display:table;
	clear:both
	}
a[class^=lightbox] img{
	width:auto
	}
a[class^=lightbox]::before{
	position:absolute;
	transition:all .2s;
	left:50%;
	top:50%;
	opacity:.6;
	transform:translate(-50%,-50%) scale(1);
	z-index:1;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"\e90c";
	color:#fff;
	font-size:4rem
	}
.vignettes a.lightbox{
	display:inline-block;
	position:relative;
	background-color:#efe9e6;
	width:260px;
	height:260px;
	overflow:hidden
	}
.vignettes a.lightbox::after{
	position:absolute;
	opacity:0;
	transition:all .2s;
	content:"";
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:rgba(0,0,0,.6);
	width:100%;
	height:100%
	}
.vignettes a.lightbox:hover::after{
	opacity:1
	}
.vignettes a.lightbox img{
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) scale(1);
	transition:transform .2s
	}
.vignettes a.lightbox:hover img{
	transform:translate(-50%,-50%) scale(1.1)
	}
.blocProduit>a.lightbox{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center
	}
.col-md-12>div:after{
	content:"";
	display:table;
	clear:both
	}
figure{
	max-width:500px;
	margin-bottom:3rem
	}
figure img{
	width:100%
	}
figcaption{
	padding:10px;
	color:#67635d;
	text-align:center
	}
footer{
	background-color:#565650;
	font-size:1.4rem;
	border-bottom:20px solid #858279
	}
footer .container{
	padding:5rem
	}
footer .col-md-4:nth-child(2){
	padding-top:2.4rem
	}
footer p[class^=ico-]{
	position:relative;
	font-size:1.4rem;
	padding-left:25px;
	color:#fff;
	text-align:left
	}
footer p[class^=ico-] strong{
	color:#d4c89a
	}
footer p[class^=ico-]::before{
	position:absolute;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
	top:5px;
	font-size:1.8rem;
	left:0
	}
footer p[class^=ico-] a{
	color:#fff
	}
footer strong{
	color:#fff;
	font-size:1.8rem
	}
footer p.ico-spot::before{
	content:""
	}
footer p.ico-tel::before{
	content:""
	}
footer p.ico-mail::before{
	content:""
	}
footer img{
	width:250px
	}
footer ul li{
	list-style:none
	}
footer ul li a{
	color:#fff;
	position:relative;
	line-height:1.8em
	}
footer ul li a::before{
	position:absolute;
	left:-20px;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	font-size:1.2rem;
	left:-20px;
	top:3px
	}
footer ul li a:hover{
	color:#fff;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	text-decoration:none
	}
.liensSociaux a{
	margin-right:10px
	}
.liensSociaux a:hover{
	text-decoration:none
	}
.liensSociaux a:hover::before{
	color:#858279
	}
.liensSociaux a::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	color:#fff;
	font-size:2.6rem;
	margin-right:7px
	}
.liensSociaux a.youtube::before{
	content:""
	}
.liensSociaux a span{
	display:inline-block;
	text-indent:-3000px
	}
#coordonnees h3{
	margin-top:0
	}
#map{
	height:400px
	}
.boutonSubmit input{
	margin-left:135px;
	width:300px;
	background-color:#858279;
	color:#fff;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	font-size:1.8rem
	}
p.nota{
	margin-left:135px;
	font-size:1.2rem
	}
.panel-title a{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	display:block;
	text-transform:uppercase;
	color:#67635d;
	font-size:2rem
	}
.panel-title a:focus,.panel-title a:hover{
	color:#858279;
	text-decoration:none;
	outline:0
	}
.home h2,h1{
	position:relative;
	font-family:italiannoregular,Times,serif;
	font-size:7rem;
	color:#565650;
	margin-bottom:80px
	}
.home h2::before,h1::before{
	width:130px;
	height:10px;
	background-color:#9d9b94;
	content:"";
	position:absolute;
	left:0;
	bottom:-2rem
	}
.home h2::after,h1::after{
	width:100%;
	left:0;
	height:1px;
	content:"";
	background-color:#9d9b94;
	position:absolute;
	bottom:-2rem
	}
h2{
	color:#23384f;
	margin-bottom:30px;
	font-size:35px
	}
p+h2{
	margin-top:50px
	}
h2{
	color:#67635d;
	text-transform:uppercase;
	line-height:.1em;
	padding:0;
	font-size:2.7rem;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	line-height:1.4em;
	margin-bottom:4rem;
	margin-top:2rem;
	position:relative
	}
h2 strong{
	font-family:opensans-bold,Helvetica,arial,sans-serif
	}
h2::before{
	content:"";
	position:absolute;
	bottom:-25px;
	left:0;
	transform:translateX(0);
	height:2px;
	width:80px;
	background-color:#ccc
	}
h2 span{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	font-size:1.8rem;
	margin-top:-8px;
	display:block;
	color:#7f94a8
	}
h3{
	font-size:2.1rem;
	color:#c5b576;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	text-transform:uppercase;
	font-style:italic;
	}
.bl-benefices{
	background-color:#f5f5f5;
	padding:4rem 0
	}
.bl-benefices h2{
	margin-bottom:50px
	}
.blocVignettes{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center
	}
figure{
	margin-left:2rem
	}
.hi-icon{
	display:block;
	background-color:#bfc8cc
	}
.hi-icon svg{
	fill:#fff;
	width:83px;
	margin-top:42px;
	height:50px
	}
.trois-pictos{
	text-align:center;
	margin-top:50px
	}
.trois-pictos p{
	text-align:center;
	font-size:1rem
	}
.trois-pictos [class^=col-md] .hi-icon{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	margin:auto
	}
.trois-pictos h2{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	color:#000;
	font-size:1.9rem;
	line-height:1.4
	}
.trois-pictos h2+h3{
	margin-top:15px
	}
.trois-pictos p+h3{
	margin-top:35px
	}
.trois-pictos h3,.trois-pictos h4{
	font-family:italiannoregular,Times,serif;
	line-height:1.4;
	color:#858279;
	text-transform:uppercase;
	font-size:.75em;
	margin-bottom:0
	}
.trois-pictos h4{
	color:#000
	}
.trois-pictos h3+h4,.trois-pictos p+h4{
	margin-top:15px
	}
.shortcode-exergue{
	display:block;
	float:right;
	margin-left:3rem;
	width:330px;
	padding:1rem;
	border:2px solid #858279;
	border-radius:3px;
	position:relative;
	padding:1.5rem 1rem 1.5rem 8rem;
	color:#858279;
	text-transform:uppercase;
	color:#858279;
	font-family:italiannoregular,Times,serif
	}
.shortcode-exergue strong{
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	font-weight:700
	}
.shortcode-exergue::before{
	position:absolute;
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	left:2rem;
	top:2rem;
	font-size:4rem
	}
.vignette{
	position:relative;
	margin-bottom:3rem
	}
.vignette .vignette--lien,.vignette .vignette--texte{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%
	}
.vignette .vignette--lien{
	display:block;
	cursor:pointer;
	z-index:100
	}
.vignette .vignette--texte{
	background-color:rgba(255,255,255,.9);
	opacity:0;
	padding:2rem;
	z-index:99;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	align-items:center;
	-ms-flex-direction:column;
	flex-direction:column;
	transition:opacity .3s
	}
.vignette .vignette--texte strong{
	font-size:4rem;
	transform:translateY(20px);
	font-family:italiannoregular,Times,serif;
	display:block;
	transition:all 1s;
	color:#c5b576;
	opacity:0;
	line-height:1em
	}
.vignette .vignette--texte span{
	font-size:1.4rem;
	display:block;
	opacity:0;
	transition:all 1s;
	transition-delay:.3s
	}
.vignette:hover .vignette--texte{
	opacity:1
	}
.vignette:hover .vignette--texte span,.vignette:hover .vignette--texte strong{
	opacity:1;
	transform:translateY(0)
	}
.main-content{
	padding-bottom:2rem
	}
.blocProduit>.lightbox{
	background-color:#f1f1f1;
	margin-bottom:2rem
	}
.vignettes{
	margin-top:2rem;
	margin-bottom:2rem
	}
.flex-container a:hover,.flex-slider a:hover{
	outline:0
	}
.flex-control-nav,.flex-direction-nav,.slides,.slides>li{
	margin:0;
	padding:0;
	list-style:none
	}
.flex-pauseplay span{
	text-transform:capitalize
	}
.loading .flexslider{
	min-height:411px;
	background:url(../images/charte/loader.gif) no-repeat center center!important
	}
.contenu-slide{
	z-index:10000;
	transition:all .5s;
	text-align:center;
	width:100%;
	display:block;
	position:absolute;
	left:0;
	top:30%;
	transform:translateY(-50%);
	height:220px;
	opacity:0
	}
.titre-slide{
	position:absolute;
	text-transform:uppercase;
	font-family:opensans-light,Helvetica,arial,sans-serif;
	text-shadow:2px 2px 0 #555;
	margin:0 auto;
	left:50%;
	transform:translate(-50%,-10%);
	font-size:3.8rem;
	color:#fff;
	padding:45px 0 20px 0;
	opacity:0;
	transition:all .5s;
	transition-delay:.3s
	}
.titre-slide strong{
	font-family:italiannoregular,Times,serif;
	display:block;
	text-align:center
	}
.texte-slide{
	position:absolute;
	color:#fff;
	text-shadow:2px 2px 0 #555;
	text-align:center;
	font-size:2.8rem;
	width:100%;
	margin:0 auto;
	left:50%;
	transform:translateX(-50%);
	bottom:100px;
	transition:all .5s;
	transition-delay:.8s;
	opacity:0
	}
.lien-slide{
	position:absolute;
	padding:1rem 2rem;
	position:relative;
	color:#fff;
	margin-top:25px;
	font-family:opensans-bold,Helvetica,arial,sans-serif;
	display:block;
	width:15rem;
	margin:50px auto;
	margin-top:240px
	}
.lien-slide::before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	content:"";
	transform:rotate(-90deg) translate(0,0);
	position:absolute;
	font-size:3rem;
	color:#fff;
	animation:mymove 1s infinite
	}
.lien-slide::before:hover{
	background-color:#a02040;
	border:1px solid #a02040
	}
.slides li img{
	transition:all 10s
	}
.flex-active-slide .contenu-slide{
	opacity:1
	}
.flex-active-slide .titre-slide{
	left:50%;
	transform:translate(-50%,0);
	opacity:1
	}
.flex-active-slide .texte-slide{
	left:50%;
	transform:translateX(-50%);
	bottom:70px;
	opacity:1
	}
@keyframes mymove{
	0%{
		transform:rotate(-90deg) translate(0,0)
		}
	50%{
		transform:rotate(-90deg) translate(30%,0)
		}
	100%{
		transform:rotate(-90deg) translate(0,0)
		}
	}
.slider{
	width:100%;
	margin:0 auto;
	margin-top:110px;
	overflow:hidden;
	position:relative
	}
.slider::before{
	content:"";
	height:40px;
	position:absolute;
	left:0;
	right:0;
	bottom:-60px;
	z-index:1;
	background:0 0;
	background:linear-gradient(to top,transparent 0,#b8b8b8 100%)
	}
.slider .slides{
	overflow:hidden;
	max-height:600px
	}
h1+.slider{
	margin-top:15px
	}
.flexslider{
	position:relative;
	margin:0;
	padding:0;
	background:0 0!important;
	border:none!important;
	box-shadow:none!important;
	margin:0!important
	}
.flexslider .slides>li{
	display:none;
	-webkit-backface-visibility:hidden
	}
.flexslider .slides img{
	width:100%;
	display:block
	}
.flexslider .slides:after{
	content:"\0020";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0
	}
html[xmlns] .flexslider .slides{
	display:block
	}
* html .flexslider .slides{
	height:1%
	}
.no-js .flexslider .slides>li:first-child{
	display:block
	}
.flexslider{
	margin:0;
	background:#fff;
	border:0;
	position:relative;
	border-radius:0;
	box-shadow:0;
	-webkit-box-shadow:0;
	-moz-box-shadow:0;
	-o-box-shadow:0;
	zoom:1
	}
.flexslider .slides{
	zoom:1
	}
.flexslider .slides img{
	height:auto;
	-moz-user-select:none
	}
.flex-viewport{
	max-height:2000px;
	transition:all 1s ease
	}
.loading .flex-viewport{
	max-height:300px
	}
.carousel li{
	margin-right:5px
	}
.flex-direction-nav a{
	text-decoration:none;
	display:block;
	width:40px;
	height:40px;
	margin:0 0 0;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:10;
	overflow:hidden;
	opacity:0;
	cursor:pointer;
	color:rgba(0,0,0,.8);
	text-shadow:1px 1px 0 rgba(255,255,255,.3);
	transition:all .3s ease-in-out
	}
.flex-direction-nav a:before{
	font-family:flexslider-icon;
	font-size:40px;
	display:inline-block;
	content:'\f001';
	color:rgba(0,0,0,.8);
	text-shadow:1px 1px 0 rgba(255,255,255,.3)
	}
.flex-direction-nav a.flex-next:before{
	content:""
	}
.flex-direction-nav .flex-prev{
	left:-50px
	}
.flex-direction-nav .flex-next{
	right:-50px;
	text-align:right
	}
.flexslider:hover .flex-direction-nav .flex-prev{
	opacity:.7;
	left:10px
	}
.flexslider:hover .flex-direction-nav .flex-prev:hover{
	opacity:1
	}
.flexslider:hover .flex-direction-nav .flex-next{
	opacity:.7;
	right:10px
	}
.flexslider:hover .flex-direction-nav .flex-next:hover{
	opacity:1
	}
.flex-direction-nav .flex-disabled{
	opacity:0!important;
	cursor:default;
	z-index:-1
	}
.flex-pauseplay a{
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	bottom:5px;
	right:10px;
	opacity:.8;
	z-index:10;
	overflow:hidden;
	cursor:pointer;
	color:#000
	}
.flex-pauseplay a:before{
	font-family:icomoon!important;
	text-indent:0;
	text-transform:none;
	speak:none;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:20px;
	display:inline-block;
	content:"";
	color:#fff
	}
.flex-pauseplay a:hover{
	opacity:1
	}
.flex-pauseplay a.flex-play:before{
	content:""
	}
.flex-control-nav{
	width:100%;
	position:absolute;
	bottom:-29px;
	text-align:center
	}
.flex-control-nav li{
	margin:0 6px;
	display:inline-block;
	zoom:1
	}
.flex-control-paging li a{
	width:1.1rem;
	height:1.1rem;
	display:block;
	background:#666;
	background:rgba(0,0,0,.5);
	cursor:pointer;
	text-indent:-9999px;
	-o-box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	box-shadow:inset 0 0 3px rgba(0,0,0,.3);
	border-radius:0
	}
.flex-control-paging li a:hover{
	background:#333;
	background:rgba(0,0,0,.7)
	}
.flex-control-paging li a.flex-active{
	background-color:#858279!important;
	cursor:default
	}
.flex-control-thumbs{
	margin:5px 0 0;
	position:static;
	overflow:hidden
	}
.flex-control-thumbs li{
	width:25%;
	float:left;
	margin:0
	}
.flex-control-thumbs img{
	width:100%;
	height:auto;
	display:block;
	opacity:.7;
	cursor:pointer;
	-moz-user-select:none;
	transition:all 1s ease
	}
.flex-control-thumbs img:hover{
	opacity:1
	}
.flex-control-thumbs .flex-active{
	opacity:1;
	cursor:default
	}
@media screen and (max-width:860px){
	.flex-direction-nav .flex-prev{
		opacity:1;
		left:10px
		}
	.flex-direction-nav .flex-next{
		opacity:1;
		right:10px
		}
	}
.loading{
	background:#fff url(../images/charte/gear.gif) no-repeat scroll center center!important;
	min-height:300px
	}
.flexslider .slides>li{
	position:relative
	}
.flexslider .flex-control-nav{
	z-index:50
	}
.flexslider .flex-control-nav li a{
	background-color:rgba(0,0,0,.2)
	}
.flexslider .flex-control-nav li a:hover{
	background-color:#858279
	}
.flexslider .flex-direction-nav{
	margin-top:-30px
	}
.flexslider .flex-direction-nav a{
	opacity:.8;
	width:65px;
	height:58px
	}
.flexslider .flex-direction-nav a:focus{
	outline:0
	}
.flexslider .flex-direction-nav a::before{
	font-family:icomoon;
	background-color:transparent;
	font-size:2.6rem;
	content:"";
	color:#fff;
	padding:0 10px 40px 10px;
	text-shadow:none;
	top:0;
	padding-top:3px;
	padding-right:12px;
	text-align:center
	}
.flexslider .flex-direction-nav a.flex-prev{
	left:1%
	}
.flexslider .flex-direction-nav a.flex-prev::before{
	content:""
	}
.flexslider .flex-direction-nav a.flex-next{
	right:1%
	}
.flexslider:hover .flex-direction-nav .flex-prev{
	left:3%
	}
.flexslider:hover .flex-direction-nav .flex-next{
	right:3%
	}
#custom-slide{
	padding:0 100px;
	min-height:500px
	}
.home-slide .flexslider{
	left:50%;
	transform:translate(-50%,-50%)
	}
#fof{
	display:block;
	position:relative;
	width:100%;
	margin:150px 0;
	text-align:center
	}
#fof .positioned{
	display:block;
	width:85%;
	margin:0 auto;
	padding:20px;
	border:1px solid #ccc
	}
#fof .positioned h1{
	margin:0 0 0 20px;
	padding:0;
	display:inline;
	font-size:60px;
	text-transform:uppercase
	}
#fof .positioned p{
	margin:25px 0 0 0;
	padding:0;
	font-size:16px
	}
#fof a.go-back,#fof a.go-home{
	display:block;
	position:absolute;
	top:30px;
	width:100px;
	padding:20px 0;
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	background-color:#3bcdee
	}
#fof a.go-back{
	left:0
	}
#fof a.go-home{
	right:0
	}
#fof .positioned,#fof a.go-back,#fof a.go-home{
	border-radius:10px
	}
.animated{
	animation-duration:1s;
	animation-fill-mode:both
	}
@keyframes flipInY{
	from{
		transform:perspective(400px) rotate3d(0,1,0,90deg);
		animation-timing-function:ease-in;
		opacity:0
		}
	40%{
		transform:perspective(400px) rotate3d(0,1,0,-20deg);
		animation-timing-function:ease-in
		}
	60%{
		transform:perspective(400px) rotate3d(0,1,0,10deg);
		opacity:1
		}
	80%{
		transform:perspective(400px) rotate3d(0,1,0,-5deg)
		}
	to{
		transform:perspective(400px)
		}
	}
.is-anime .col-s-4 p{
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important;
	animation-name:flipInY
	}
.hi-icon{
	background-color:#bfc8cc;
	display:inline-block;
	margin-bottom:30px;
	width:140px;
	height:140px;
	border-radius:50%;
	text-align:center;
	position:relative;
	z-index:1;
	color:#dbdbdb;
	font-size:72px;
	box-shadow:0 0 0 4px #fff;
	transition:all .3s ease
	}
.hi-icon svg{
	transition:all .3s cubic-bezier(.59,.3,.57,1.38);
	fill:#fff;
	transform:scale(1);
	padding:5px;
	margin-top:42px;
	width:83px;
	height:50px
	}
.hi-icon:before{
	line-height:140px
	}
.hi-icon:after{
	pointer-events:none;
	position:absolute;
	width:100%;
	height:100%;
	border-radius:50%;
	content:'';
	box-sizing:content-box;
	top:-2px;
	left:-2px;
	padding:2px;
	z-index:-1;
	background-color:#35b1c5;
	transition:transform .2s,opacity .3s;
	transform:scale(1.1);
	opacity:0
	}
.hi-icon.pencil:after{
	background-color:#35b1c5
	}
.hi-icon.laptop:after{
	background-color:#cd296e
	}
.hi-icon.comments:after{
	background-color:#b1c51a
	}
.hi-icon:hover{
	box-shadow:0 0 0 0 rgba(255,255,255,0);
	color:#fff;
	transition:all .3s ease
	}
.hi-icon:hover svg{
	transform:scale(1.1);
	padding:0;
	width:103px;
	height:70px
	}
.hi-icon:hover:after{
	transform:scale(1);
	opacity:1
	}