/*
rouge: #d40050
gris: #86827e
*/
html{
	background-image:url(../images/eagle-bg-html.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	overflow-x:hidden;
}
body{
	background-image:url(../images/eagle-bg-body.png);
	background-repeat:no-repeat;
	background-position:center top;
}
body, p, span, h1, h2, h3, h4, .top-bar-section ul li > a{
	font-family:Montserrat, Arial, sans-serif;
}

#bande{
	background: rgba(255, 255, 255, 0.6);
	width:	100%;
	min-width: 1040px;
	position: absolute;
	z-index: 6;
	height: 50px;
	bottom: 22px;
}

.ns_nerveSlider .ns_caption {
	bottom:0;
	margin:0;
	min-height:0;
	right:24%;
	left:auto;
	width:auto;
}

.ns_nerveSlider .ns_caption>div {
	margin:0;
	position:static;
}

.ns_nerveSlider .ns_caption>div h1{
	color: #d40050;
	font-family: Montserrat, Arial, sans-serif;
	font-size:1.8em;
	margin-bottom:10px;
}


.slider2{
	max-height:500px !important;
}

.actif{
	color:#d40050 !important;
}

.color-red{
	color:#d40050 !important;
}

.top-bar-section ul li > a{
	font-size:1em;
}

.top-bar-section ul li a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover{
	background:none;
	color:#d40050;
}

.slider h1, #logo{
	position:absolute;
	left:0%;
	z-index:2;
	top:50px;
}
#slider{
	position:relative;
}
#slider-smartphone{
	position:relative;
}
#wrapper{
	position:relative;
	top:-45px;
}
.ns_nerveSlider .ns_dots{
	z-index:3;
}
.slider2{
	border-bottom:15px solid #d40050;
}
.contain-to-grid{
	position:relative;
	top:0;
	z-index:500;
	background:rgba(255,255,255,0.75);
}
.contain-to-grid .top-bar{
	background:transparent;
}
.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button){
	background:transparent;
}


.sous-titre{
	z-index: 2;
	background-color: rgba(255,255,255,0.75);
	width: 100%;
	height:85px;
	position:absolute;
	bottom:0;
	line-height:100px;
}

.top-bar-section li:not(.has-form) a:not(.button){
	color:#86827e;
}

.bandeau{
	position:relative;
	z-index:6;
	width:300px;
}
.bandeau.haut{
	position:absolute;
	top:0;
	left:0;
}
.bandeau.bas{
	position:absolute;
	bottom:8px;
	right:0;
}

.color-grey{
	color: #86827e;
}

div.grey p:last-child, div.red p:last-child, div.white p:last-child{
	margin-bottom: 0px;
}

div.grey h1, div.red, h1, div.grey p, div.red, p, ul{
	color:white;
}
div.white h1, div.white p{
	color: #d40050;
}
div.white p{
	color: #86827e;
}

ul{
	margin-left:40px;
}
div.grey, div.red{
	
}
div.red{
	background-color:#d40050;
}
div.white{
	border: 10px solid #d40050;
}
div.red a{
	color:#fff;
}
div.red a:hover{
	text-decoration:underline;
}
div.grey{
	background-color:#86827e;
}
div.grey a{
	color: white;
}

.red h1, .grey h1{
	margin-top:0;
}
.red p, .grey p, .white p{
	text-align:justify;
}
.row{
	margin:20px auto;
}

.row.logo{
	margin:0 auto;
}
.row.logo > div{
	padding:0;
}



p, ul{
	font-size:14px;
}
h1{
	font-size:1.5em;
}

.large-6.contact{
	padding:30px;
}

label{
	color:#fff;
}

.large-9{
	padding:30px;
}

footer{
	background:#86827e;
}
footer .row{
	margin-bottom:0;
	margin-top:-35px;
	padding-top:20px;
}

footer p{
	font-size:12px;
}


/* // Small screens */
@media only screen {} /* Define mobile styles */

@media only screen and (max-width: 48em) {
	.contain-to-grid{
		/* background:#333; */
	}
	.top-bar.expanded .title-area{
		background:rgba(255,255,255,0.75);
	}
	.top-bar-section ul{
		background:white;
	}
	#logo{
		position:absolute;
		top:40px;
		width:50%;
		z-index:4;
		left:20%;
	}
	.large-9{
		padding:20px;
		margin-bottom:20px;
		height:auto !important;
	}
	.top-bar .toggle-topbar.menu-icon a span::after{
		box-shadow: 0 0 0 2px #d40050, 0 7px 0 2px #d40050, 0 14px 0 2px #d40050;
	}
	.top-bar-section li:not(.has-form) a:not(.button){
		border-bottom:1px solid #86827e;
	}
	.top-bar-section li:not(.has-form):last-child a:not(.button){
		border-bottom:none;
	}
	.top-bar-section li:not(.has-form) a:not(.button):hover{
		background-color:#d40050;
		color:#fff !important;
	}
	.actif{
		background-color:#d40050 !important;
		color:#fff !important;
	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* // Medium screens */
@media only screen and (min-width: 40.063em) {
	
} /* min-width 641px, medium screens */

@media only screen and (min-width: 48em) and (max-width: 64em) {
	#logo{
		position:absolute;
		left:35%;
		top:50px;
		z-index:5;
		/* width:100%; */
	}
	.large-9{
		margin-bottom:20px;
	}
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (max-width: 64em) {
	#wrapper{
		top:-45px;
	}
	.row{
		display:flex;
		display:-webkit-flex;
		flex-direction:column;
		-webkit-flex-direction:column;
	}
	.large-3{
		order:1;
		-webkit-order:1;
		margin:auto;
		padding:0;
	}
/* 	.row div:first-child:not(.large-9){
		order:1;
		-webkit-order:1;
	}
	.row div:last-child:not(.large-9){
		order:-1;
		-webkit-order:-1;
	} */
	.bandeau.bas{
		bottom:0;
		right:0;
		width:auto;
	}
	.row.slide > div{
		margin-bottom:20px;
	}
} /*max-width 1024px*/

/* // Large screens */
@media only screen and (min-width: 64.063em) {
/* 	.row.slide > div:first-child{
	padding-left:0;
	padding-right:1.875em;
	}
	.row.slide > div:last-child{
		padding-right:0;
		padding-left:1.875em;
	} */
	
	/* .row.slide .clearing-thumbs img{
		width:242px;
	}
	.row.slide li:last-child{
		margin-right:0;
	} */

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* // XLarge screens */
@media only screen and (min-width: 90.063em) {} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* // XXLarge screens */
@media only screen and (min-width: 120.063em) {} /* min-width 1921px, xxlarge screens */

/*
rouge: #d40050
gris: #86827e
*/