@charset "UTF-8";
/* STYLE */
html {
padding:0;
margin:0;
}
body {
font-family:'Roboto', sans-serif;
font-weight:400;
background-color:#F3F3F5;
overflow-x:hidden;
overflow-y:scroll;
margin-bottom:0;
padding-bottom:0;
}
@media screen and (max-width: 1280px) {
	/*::-webkit-scrollbar {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	z-index:9999;
    width: 12px;
	}
	 
	/* Track */
	/*::-webkit-scrollbar-track {
		background-color:rgba(164,168,170,1);
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	 
	/* Handle */
	/*::-webkit-scrollbar-thumb {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: #A4A8AA; 
		-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,1); 
	}
	::-webkit-scrollbar-thumb:window-inactive {
		background: rgba(164,168,170,.5); 
	}*/
}
@media screen and (max-width: 1024px) {
	/*::-webkit-scrollbar {
    width: 10px;
	}*/
}
@media screen and (max-width: 736px) {
	body {
	/*background-color:#fff;*/
	}
}
@media screen and (max-width: 640px) {
	/*::-webkit-scrollbar {
    width: 8px;
	}*/
}
@media screen and (max-width: 480px) {
	/*::-webkit-scrollbar {
    width: 6px;
	}*/
}
h1,h2,h3,h4,h5,h6 {
font-weight:700;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
font-weight:300;
opacity:.75;
}
.fw4 {font-weight:400;}
small {
font-size:.8em;
}
.ff1 {font-family:'Questrial', sans-serif;}
.ff2 {font-family:'Roboto', sans-serif;}
.ff3 {font-family:'Alex Brush', sans-serif;}

#globalcontainer {
z-index:1;
}
.pageload {
	display:none;
	position:fixed;
	top:74px !important;
	left:0;
	width:100%;
	height:5px;
	background:#ddd url(../img/loader-bk.gif) left center repeat-x;
	z-index:2004;
}
.pageload > div {
height:5px;
width:100%;
background:url(../img/loader-bar.gif) left top no-repeat;
background-size:5px 100%;
}
@media screen and (max-width: 1023px) {
	/*#globalcontainer {
		margin-top:0;
	}*/
	#globalcontainer.stop {
	position:fixed;
	width:100%;
	left:0;
	right:0;
	bottom:0;
	}
}
#pagecache {
	display:block;
	position:fixed;
	top:50px;
	bottom:0;
	left:-100%;
	width:100%;
	z-index:2011;
}
#pagecache.open {
	left:0;
}
.pageload {
	top:50px;
}
.preload img {
visibility:hidden;
opacity:0;
}
.preloader {
display:block;
width:100%;
height:100%;
background:#fff url(../img/spinner.gif) center center no-repeat;
background-size:contain;
opacity:1;
border:none;
margin:0;
padding:0;
}
.loaderform {
position:absolute;
display:none;
left:0;
top:0;
right:0;
bottom:0;
background:rgba(255,255,255,.5) url(../img/loadbluearrow.gif) center center no-repeat;
background-size:120px 120px;
z-index:500;
}
.cacher {
position:absolute;
width:1px;
height:1px;
overflow:auto;
left:-9999px;
}
.thumbnail,
.thumbedit,
.thumbdelete {
position:absolute;
width:100%;
top:0;
left:0;
right:0;
bottom:0;
background-position:center center !important;
background-size:cover !important;
background-repeat:repeat !important;
border:none;
text-decoration:none;
z-index:50;
}
.thumbdelete {
display:none;
}
.thumbedit,
.thumbdelete {
background-image:url(../img/edit-bk-off.png);
text-decoration:none !important;
border:none !important;
}
.thumbedit:hover,
.thumbdelete:hover {
display:block;
background-image:url(../img/edit-bk.png);
z-index:100;
text-decoration:none;
border:none;
cursor:pointer;
}
.thumbdelete:hover {
background-image:url(../img/edit-bk-delete.png);
}
.image_preview {
display:none;
}
.fileinput {
white-space: nowrap;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.co {
width:100%;
max-width:1162px;
margin:auto;
}
.co span {
display:block;
font-family:'Roboto', sans-serif;
}
.co .logo {
letter-spacing:.05em;
}

/*.container {
width:100%;
max-width:1162px;
margin-left:auto;
margin-right:auto;
}
*/

.invload {
position:absolute;
width:1px;
height:1px;
top:-1px;
left:-1px;
}
.overflowNone {
overflow:hidden;
}
/*.illustration {
width:100%;
max-width:1162px;
margin:50px auto 0;
}
*/

.shadow,
.box-shadow {
background:url(../img/shadow.png) center top no-repeat;
background-size:contain;
}
.shadow {
height:15px;
}
.imgmax {
width:100%;
height:auto;
}
.hAuto {
height:auto;
line-height:normal;
}
.validInput {
display:block;
position:absolute;
right:3px;
top:0;
z-index:100;
}
a {
color:#2e73b6;
text-decoration:none;
}
a.light,
a.off,
.container a.off,
.container a.off:hover,
.container a.off:active {
color:#999;
}
a.off {
cursor:default;
}
a:active,
a:hover,
a:focus,
a.active,
a.off:active,
a.off:hover,
a.off:focus,
a.off.active {
color:#f74643;
}
a.off.valide {
color:#2e73b6;
cursor:pointer;
}
.container a {
border-bottom:1px solid rgba(99,101,105,.4);
}
.container a:active,
.container a:hover,
.container a:focus,
a.active,
.container a.active {
text-decoration:none;
border-bottom-color:#f74643;
}
.container a.b0,
.container a.b0:hover,
.container a.b0:focus,
.container a.b0:active {
border-bottom-color:rgba(99,101,105,0);
}
.container a.externe:after {
content:' \f08e';
font-family: 'FontAwesome';
color:rgba(21,21,21,.55);
font-size:0.75em;
font-weight:normal;
border-bottom:none !important;
}
.container a.fa {
border-bottom:none;
}
.container a.fa:active,
.container a.fa:hover,
.container a.fa:focus {
text-decoration:none;
border-bottom-color:transparent;
}
.pointeur {
cursor:pointer;
}
a.a-bold {
font-weight:bold;
}
.inlineblock {
display:inline-block;
}
.dspNone {
display:none;
}
.pointer {
cursor:pointer;
}
a.inlineblock,
.i-blockcenter {
display:inline-block;
vertical-align:middle;
}
a.ancre {
display:none;
}
.next-box {
border-top:1px solid rgba(156,161,167,.4);
margin:0 1em;
padding:.15em 0 0;
font-size:.8em;
}
.openbanner {
	width:auto;
	min-height:30px;
	font-size:.9em;
	background-color:#e5e5e5;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	}
a.open-box {
		display:block;
		padding:.2em 0;
		margin:auto;
		text-align:center;
		text-decoration:none;
		border-bottom:none;
		border:0;
		font-size:1.8em;
		color: rgba( 98, 98, 99,.7) !important;
		cursor:pointer;
		}
@media screen and (max-width: 980px) {
	.next-box {	
	}
	a.open-box {
	padding:0;
	margin:0;
	height:35px;
	max-height:35px;
	min-height:35px;
	line-height:35px;
	font-size:1.7em;
	}
}
.openbanner a.open-box {
padding:.1em 0 .12em;
font-size:1.8em;
}
a.open-box span {
display:inline-block;
vertical-align:middle;
}
a.open-box span:before {
content:'\f103';
font-family:'FontAwesome';
}
a.open-box span.open:before {
content:'\f102';
}
a.open-box:hover,
a.open-box:focus {
color: rgba( 98, 98, 99,.88) !important;
text-decoration:none;
border-bottom:none;
}
a.open-box.white:hover,
a.open-box.white:focus {
color:rgba(255,255,255,.7) !important;
}
.vignette {
display:inline-block;
width:50%;
max-width:180px;
margin:auto;
}
.vignette.large {
width:90%;
max-width:360px;
}
.vignette.mini {
width:2em;
height:2em;
max-width:none;
line-height:2em;
text-align:center;
border:1px solid #ddd;
}
.radius {
border-radius:1000px !important;
-webkit-border-radius:1000px !important;
-moz-border-radius:1000px !important;
-ms-border-radius:1000px !important;
-o-border-radius:1000px !important;
}
.clear {
clear:both;
}
.nopad {
padding:0;
}
.nomarge {
margin:0;
}
hr {
border-bottom-color:#cecece;
}
.hrl {
border-left:1px solid #cecece;
}
.hrr {
border-right:1px solid #cecece;
}
.border-top {
border-top:1px solid #dedede;
}
.rdus {
border-radius:3px;
}
.rdum {
border-radius:5px;
}
.rdul {
border-radius:7px;
}
.relative {
position:relative;
}
.abs,
.abs100 {
position:absolute;
}
.abs100 {
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
}
.block {
display:block;
}
a.errorflag1 {
display:block;
height:0px !important;
}
.iblock {
display:inline-block;
}
.tablecenter,
.bloccenter,
.blockcenter,
.xtable {
display:table;
margin-left:auto;
margin-right:auto;
}
.valign {
vertical-align:middle;
}
.t-justify {
text-align:justify;
}
.t-left {
text-align:left !important;
}
.t-center {
text-align:center;
}
.t-right {
text-align:right;
}
.t-transform {
text-transform:none;
}
.t-upper {
text-transform:uppercase;
}
.t-lower {
text-transform:lowercase;
}
hr.large {
height:7px;
}
.fs-minor {
font-size:1em;
line-height:1em;
}
.fs-small {
font-size:.9em;
}
.fs-mini {
font-size:.8em !important;
}
.lineh0 {
line-height:1em;
}
.lineh {
line-height:1.4em;
}
.t-normal {
font-style:normal;
}
.c-defaut {
cursor:default;
}
.blocnote {
margin:1.5em auto;
padding:0;
}
/*.blocnote.second {
padding-top:0;
}*/
.alert,
.notif {
padding:20px 40px;
background-color:#E9615E;
color:#fff;
font-size:14pt;
line-height:1.2em;
text-align:justify;
font-weight:400;
}
.notif.medium {
font-size:13pt;
line-height:normal;
}
.notif {
background-color:rgba(21,21,21,.1);
color:rgba(21,21,21,.8);
text-shadow:0px 1px 1px rgba(33,33,33,.05);
}
.notif.note-1 {
/*Jaune*/
background-color:rgba(255,219,14,.22);
}
.notif.note-2 {
/*Vert*/
background-color:rgba(0,153,34,.18);
}
.notif.note-3 {
/*orange*/
background-color:rgba(255,136,0,.18);
}
.notif.note-4 {
/*Rouge*/
background-color:rgba(233,97,94,.18);
}
.notif.note-5 {
/*Rouge*/
background-color:rgba(247,70,67,1);
text-shadow:none;
}
.notif.note-6 {
/*Jaune*/
background-color:rgba(255,238,0,.65);
}
.notif.note-5 p,
.notif.note-5 b,
.alert p,
.alert b {
color:rgba(255,255,255,.95);
}
.notif.error-login {
display:none;
}
.notif p {
margin:10px;
text-align:center;
}
.notif p span {
	display:none;
	}
@media screen and (min-width: 1281px) {
	.notif p span {
	display:inline;
	}
}
@media screen and (max-width: 1280px) {
	.blocnote {
	margin:1.25em auto;
	}
	.notif {
	padding:16px 16px;
	}
}
@media screen and (max-width: 1024px) {
	.blocnote {
	margin:1em;
	}
	.notif {
	padding:16px 8px;
	font-size:13pt;
	}
	.pageload {
	height:3px !important;
	top:50px !important;
	}
	.pageload div {
	height:3px;
	}
}
@media screen and (max-width: 980px) {
	.blocnote {
	margin:1em;
	}
}
@media screen and (max-width: 736px) {
	.blocnote {
	margin:.75em;
	}
	.notif {
	font-size:12pt;
	}
}
a.closecross {
position:absolute;
right:5px;
top:10px;
height:25px;
width:25px;
cursor:pointer;
font-size:16pt;
font-weight:normal;
color:rgba(21,21,21,.6);
text-decoration:none;
border-bottom:none;
}
a.closecross.white {
color:rgba(255,255,255,.8);
}
a.closecross:hover {
color:#e9615e;
background-position:center center;
text-decoration:none;
border-bottom:none;
}
a.closecross.white:hover,
.notif.note-5 a.closecross:hover {
color:rgba(255,255,255,1);
}
/* MESSENGER */
.messenger {
text-align:center;
padding-top:2.5em;
padding-bottom:2.5em;
}
@media screen and (max-width : 980px) {
	.messenger {
	padding-top:.5em;
	padding-bottom:1.75em;
	}
	.messenger .message {
	height:60px;
	line-height:60px;
	font-size:1.15em;
	}
	.messenger .icons {
	position:fixed;
	width:50px;
	height:50px;
	margin:0;
	right:50px;
	top:0;
	left:auto;
	z-index:2110;
	}
	.messenger .icons .icon {
	}
	.right-box-top {
	margin:0 1.25em 1.25em;
	}
}
@media screen and (max-width : 640px) {
	.messenger {
	padding-top:0;
	padding-bottom:1.25em;
	}
	.messenger .message {
	height:40px;
	line-height:40px;
	font-size:1em;
	}
	.messenger .icons {
	margin-bottom:0;
	}
	.right-box-top {
	margin:0 1.25em 1.25em;
	}
}
.goto {
display:block;
position:fixed;
width:100px;
height:100px;
line-height:50px;
bottom:-110px;
right:10px;
font-size:3.2em;
text-align:center;
transition-property: color,bottom;
transition-duration: .3s,.3s;
transition-timing-function: ease-in-out,ease-in-out;
transition-delay: 0s,0s;
z-index:15000;
}
.goto:before {
content:'\f01b';
font-family:'FontAwesome';
color:rgba(31,32,33,.4);
}
.goto.up {
bottom:0;
}
.goto:hover {
color:rgba(31,32,33,.7);
cursor:pointer;
}
		@media screen and (max-width: 1600px) {
			.goto {
				width:70px;
				height:70px;
				line-height:35px;
				font-size:2.52em;
			}
		}
		@media screen and (max-width: 1366px) {
			.goto {
				width:64px;
				height:64px;
				line-height:32px;
				font-size:2.3em;
			}
		}

		@media screen and (max-width: 1024px) {
			.goto {
				width:60px;
				height:60px;
				line-height:30px;
				font-size:2.16em;
			}
		}
		@media screen and (max-width: 768px) {
			.goto {
				width:56px;
				height:56px;
				line-height:28px;
				font-size:2.016em;
			}
		}
		@media screen and (max-width: 480px) {
			.goto {
				width:50px;
				height:50px;
				line-height:25px;
				font-size:1.8em;
			}
		}


.quote-evarp {
background:rgba(33,33,33,.025) url(../img/loader-50.gif) center 35px no-repeat;
background-size:30px 30px;
border-bottom:1px solid rgba(33,33,33,.2);
}
.quote-evarp .bkillus {
background:url(../img/illustration-4.jpg) center center no-repeat;
background-size:cover;
}
.quoteblock {
display:block;
font-size:.9em;
font-weight:300;
border-left:5px solid #ccc;
background-color:#eee;
color:#777;
padding:1rem 2rem 1rem 2rem;
}
.erreurblock {
-webkit-animation: seconds 1.0s forwards;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 5s;
animation: seconds 1.0s forwards;
animation-iteration-count: 1;
animation-delay: 5s;
position: relative;
}
@-webkit-keyframes seconds {
  0% {
    opacity: 1;
	height:auto;
  }
  100% {
    opacity: 0;
	height:0px; 
  }
}
@keyframes seconds {
  0% {
    opacity:1;
	height:auto;
  }
  100% {
    opacity:0;
	height:0px;
  }
}

/*Bordure*/
.brd {border:1px solid #ccc;}

/*Float*/
.fl {float:left;}
.fr {float:right;}
/* PADDING */
.p0 {padding:0 !important;}

.ps {padding:.5em !important;}
.pm {padding:1.25em !important;}
.pl {padding:2.5em !important;}

.pt0 {padding-top:0 !important;}

.ptxs,.ptbxs {padding-top:.25em !important;}
.pts,.ptbs {padding-top:.5em !important;}
.ptm,.ptbm {padding-top:1.25em !important;}
.ptl,.ptbl {padding-top:2.5em !important;}

.prxs,.plrxs {padding-right:.25em !important;}
.prs,.plrs {padding-right:.5em !important;}
.prm,.plrm {padding-right:1.25em !important;}
.prl,.plrl {padding-right:2.5em !important;}

.pbxs,.ptbxs {padding-bottom:.25em !important;}
.pbs,.ptbs {padding-bottom:.5em !important;}
.pbm,.ptbm {padding-bottom:1.25em !important;}
.pbl,.ptbl {padding-bottom:2.5em !important;}

.plxs,.plrxs {padding-left:.25em !important;}
.pls,.plrs {padding-left:.5em !important;}
.plm,.plrm {padding-left:1.25em !important;}
.pll,.plrl {padding-left:2.5em !important;}

/* MARGIN */
.m0 {margin:0 !important;}
.mp0, .pm0 {
margin:0 !important;
padding:0 !important;
}
.mbns {margin-bottom:-.5em; !important;}
.ms {margin:.5em !important;}
.mm {margin:1.25em !important;}
.ml {margin:2.5em !important;}

.mt0 {margin-top:0 !important;}

.mts,.mtbs {margin-top:.5em !important;}
.mtm,.mtbm {margin-top:1.25em !important;}
.mtl,.mtbl {margin-top:2.5em !important;}

.mrxs,.mlrxs {margin-right:.25em !important;}
.mrs,.mlrs {margin-right:.5em !important;}
.mrm,.mlrm {margin-right:1.25em !important;}
.mrl,.mlrl {margin-right:2.5em !important;}

.mbs,.mtbs {margin-bottom:.5em !important;}
.mbm,.mtbm {margin-bottom:1.25em !important;}
.mbl,.mtbl {margin-bottom:2.5em !important;}

.mls,.mlrs {margin-left:.5em !important;}
.mlm,.mlrm {margin-left:1.25em !important;}
.mll,.mlrl {margin-left:2.5em !important;}