/* Fonts */
@import url('http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');


/* Communs */
body {background:url('img/bg-pattern.png') #fff;font-family:'PT Sans Narrow', sans-serif;}
p {font-size:22px;}
h1 {font-family:inherit;font-weight:bold;font-style:italic;font-size:36px;line-height:36px;color:#000;text-transform:uppercase;margin-bottom:0;}
h2 {font-family:inherit;font-style:italic;font-size:18px;line-height:18px;color:#f2971e;text-transform:uppercase;margin-top:0;margin-bottom:30px;}
h2:before {content:'// ';}
h3 {font-family:inherit;font-weight:bold;font-size:20px;line-height:18px;color:#f2971e;text-transform:uppercase;margin-top:0;margin-bottom:0px;}
h4 {font-family:inherit;font-style:normal;font-size:18px;line-height:18px;color:#000;text-transform:none;margin-top:0;margin-bottom:0px;}

.cadrex {border: 10px; border-style: solid; border-color: #000;}


.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}
.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

a:hover {color: #f2971e;}

.fullwidth {max-width:100%;}
.bg-white {background:#fff;}
.bg-orange {background:#f2971e;}
span.red {color:#f2971e;}

/* Liens */
.suite {background:#000;padding:10px;color:#fff;text-transform:uppercase;}
.suite:hover {background:#f2971e;color:#fff;}
.suite:active {background:#000000;color:#fff;}

.suite3 {font-size:26px; background:#ff0000;padding:10px;color:#fff;text-transform:uppercase; border-radius: 5px 10px 0 5px;}
.suite3:hover {background:#f2971e;color:#000000;}

.suite4 {font-size:24px; background:#f49800;padding:10px;color:#fff;text-transform:uppercase; border-radius: 5px;}
.suite4:hover {background:#cfcccf;color:#000000;}
 
.suite2 {background:#000;padding:2px;color:#fff;text-transform:uppercase;cursor: pointer;}
.suite2:hover {background:#f2971e;color:#fff;}
.suite2:VISITED {background:#000;color:#fff;}

/* Slider Top */
.logo {position:absolute;top:50%;margin-top:-66px;left:50%;margin-left:-385px;z-index:100;}
.bottom {position:absolute;bottom:0;left:50%;margin-left:-338px;z-index:99;}
.pattern {position:absolute;width:100%;height:100%;background:url('img/bg-pattern-top.png');z-index:5;}
.slider-top .columns {padding:0;}
.slick-slider {margin-bottom:0;}
.slick-prev, .slick-next {z-index:100;width:68px;height:222px;margin-top:-111px;}
.slick-prev {left:60px;background:url('img/bt-prev.png');}
.slick-next {right:60px;background:url('img/bt-next.png');}
.slick-prev:hover, .slick-next:hover {background-color:transparent;}

/* Menu */
.menu {background:#1D1D1B;max-height:70px;margin-bottom:75px;}
.menu.fix {position:fixed;top:0;margin-bottom:0;z-index:105;}
.menu .row {max-width:62em;margin:0 auto;}
.menu .columns {padding:0;}
.menu ul li {list-style-type:none;float:left;font-family:'PT Sans Narrow', sans-serif;font-size:16px;text-align:center;border-bottom:5px solid transparent;width:calc(100%/9);}
.menu ul li a {color:#fff;text-transform:uppercase;display:block;font-style:italic;line-height:70px;}
.menu ul li:hover, .menu ul li.active {border-bottom:5px solid #f2971e;background:#f2971e;}
.menu ul li:hover a, .menu ul li.active a {color:#fff;}

/* Content */
.content {margin-bottom:95px;}
.content.fix {margin-top:145px;}
.encart {padding:20px 20px 40px 20px;text-transform:uppercase;}
.encart .titre, .encart .titre2 {background:#f2971e;color:#fff;padding:5px;line-height:30px;}
.encart .titre {font-size:18px;}
.encart .titre2 {font-size:24px;}
.encart .titre2:before {content:'// ';}
.encart.bg-orange .titre, .encart.bg-orange .titre2 {background:#000;}

/* Slider MILLS */
.slider-mills .slick-prev, .slider-mills .slick-next {z-index:100;width:21px;height:46px;margin-top:-23px;}
.slider-mills .slick-prev {left:0;background:url('img/bt-prev-mills.png');}
.slider-mills .slick-next {right:0;background:url('img/bt-next-mills.png');}
.slider-mills .slick-prev:hover, .slider-mills .slick-next:hover {background-color:transparent;}

/* Slider espace */
.slider-espace .slick-prev, .slider-espace .slick-next {z-index:100;width:21px;height:46px;margin-top:-23px;}
.slider-espace .slick-prev:hover, .slider-espace .slick-next:hover {background-color:transparent;}

/* Pre-Footer */
.pre-footer {background:url('img/bg-pre-footer.jpg') top center no-repeat #c2c2c2;height:282px;}

/* Footer */
.footer {background:url('img/bg-footer.png') top center no-repeat #fff;padding:95px 0;}
.footer .row {max-width:62em;margin:0 auto;}
.footer .row div:first-child {text-transform:uppercase;color:#000;font-size:20px;}
.footer .row div:first-child a {color:#000;}
.footer .row div:nth-child(2) {text-align:center;font-size:14px;}
.footer .row div:nth-child(2) img {margin-bottom:10px;}
.footer .row div:last-child {font-size:30px;color:#f2971e;text-align:center;}
/*.footer .row div:last-child a {display:block;}*/
.footer .row div:last-child a:first-child {font-size:11px;color:#f2971e;text-transform:uppercase;}
.footer .row div:last-child a:last-child {font-size:18px;color:#000;}
.footer .row div a:hover {color: #f2971e;}

/* Page */
body.page .pre-footer {display:none;}
body.page .encart.bg-white {margin-bottom:10px;}

/* Formulaire */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {background:#f2971e;}
.error label, .error label.error {color:#f2971e;}
textarea {resize:none;}
button:hover {background-color:#f2971e;}

/* Menu mobile */
.left-off-canvas-toggle {position:absolute;z-index:100;padding:5px 10px;display:none;}
.left-off-canvas-toggle img {width:20px;}
.left-off-canvas-menu {background:#000;}
.left-off-canvas-menu li {list-style-type:none;text-transform:uppercase;}
.left-off-canvas-menu a {color:#fff;display:block;}
.left-off-canvas-menu ul {margin:0;}
.left-off-canvas-menu li {padding-left:20px;}
.left-off-canvas-menu li:hover, .left-off-canvas-menu li.active {background:#f2971e;}
.left-off-canvas-menu img {padding:20px;}


/* Responsive design */
@media only screen and (max-width: 768px) {
	.pre-footer {height:200px;background-size:contain;}
	.large {width: 95px; height: 95px;}
}

/* Responsive design */
@media only screen and (max-width: 64.063em) {
	.logo {margin-top:-45px;margin-left:-250px;width:500px;}
	.footer .row div:last-child {font-size:19px;}
	.footer .row div:nth-child(2) {font-size:12px;}
	.large {width: 95px; height: 95px;}
}

@media only screen and (max-width: 40.063em) {
	.logo {margin-top:-21px;margin-left:-125px;width:250px;}
	.left-off-canvas-toggle {display:block;}
	.menu, .bottom, .pattern, .slick-prev, .slick-next {display:none!important;}
	.pre-footer {height:115px;background-position:center center;background-size:contain;}
	.footer .row div:first-child {text-align:center;margin-bottom:20px;}
	.footer .row div:nth-child(2) {text-align:center;margin-bottom:20px;}
	.large {width: 95px; height: 95px;}
	
}