/* CSS Document */

@font-face {
  font-family: 'wicon';
  src: url('wicon.eot?#iefix') format('embedded-opentype'),  url('wicon.woff') format('woff'), url('wicon.ttf')  format('truetype'), url('wicon.svg#wicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),  url('OpenSans-Semibold.woff') format('woff'), url('OpenSans-Semibold.ttf')  format('truetype'), url('OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.eot?#iefix') format('embedded-opentype'),  url('OpenSans.woff') format('woff'), url('OpenSans.ttf')  format('truetype'), url('OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Times-Italic';
  src: url('Times-Italic.eot?#iefix') format('embedded-opentype'),  url('Times-Italic.woff') format('woff'), url('Times-Italic.ttf')  format('truetype'), url('Times-Italic.svg#Times-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	 margin:0; 
	 padding:0;
	 width:100%;
	background: #191816;
	 }

div, td { 
	font-family: 'OpenSans';
	margin:0;
	padding:0;
	line-height:19px;
	font-size:16px;
	color:#8e8884;
	}

a { 
	font-family: 'OpenSans-Semibold';
	color:#b91023;
	font-size:16px;
	text-decoration:none;
	-moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	}

a:hover {
	color:#8e8884;
	font-weight: bold;
	}

.clear { 
	clear:both;
	height:0;
	}
	
.img {
	 border:none;
	 }
	 
h1, h2, h3, h4 {
	margin:0;
    padding:0;
	}

h1 { 	
	font-family: 'OpenSans';
	color:#b91023;
	font-size:24px;
	}

h2 {
	font-family: 'OpenSans';
	font-size:20px;
	color:#8e8884;
	font-weight: bold;
	}

li { list-style:none;}

#page-main{ width:100%; padding-bottom: 25px;max-width: 100%;   overflow: hidden;}
#site{max-width: 100%; width: 100%; background: #fff; overflow: hidden;}
 *, *:after, *:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.wrapper { max-width:1146px; margin:0 auto; width: 100%;}

#head-top { background: url(../images/fond.gif) center top no-repeat; width: 100%; }
.head-top { padding:43px 15px 0 15px;}
.auto-left { float: left; padding-top:45px;}
.head-logo {; width: 367px; margin: 0 auto;}
#logo, .jR3DCarouselSlide { width: 367px !important; height: 136px !important; overflow: hidden;}
.slogan { font-family: 'Times-Italic'; font-style: italic; padding:10px 17px 0 0; font-size: 24px; text-align: right; line-height: 28px; color: #fff;}
.auto-right { float: right; padding-top:25px;}
.head-center { padding:10px; background: #191816; margin-top: 20px;}
.logo-top { float: left;}
.menu-top { float: right; margin-top: 10px;}
.menu-top  ul { position: relative; margin: 0; padding: 0; float: left;}
.menu-top > ul > li { float: left; position:relative; letter-spacing: normal;}
.menu-top > ul > li::before, .menu-top li.mn:hover::before { content:'';position: absolute; left:15px; width:40px; height: 1px; background:#fff; opacity: 0.5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;pointer-events: none;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;	transform-origin: 0 0;}
.menu-top > ul > li::after { content:'';position: absolute; width:40px;height: 1px; background:#fff; opacity: 0.5;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;	transition: all 0.3s;pointer-events: none;}
.menu-top > ul > li::after, .menu-top li.mn:hover::after {right: 0;bottom:-1px;-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg);transform: rotate(90deg);-webkit-transform-origin: 100% 0;-moz-transform-origin: 100% 0;	transform-origin: 100% 0;}
.menu-top > ul > li:hover::after, .menu-top li:hover::before{ opacity: 1;}
.menu-top > ul > li:hover::before {left: 50%;-webkit-transform: rotate(0deg) translateX(-50%);-moz-transform: rotate(0deg) translateX(-50%);transform: rotate(0deg) translateX(-50%); opacity: 0.5;}
.menu-top > ul > li:hover::after {opacity: 0.5;right: 50%;-webkit-transform: rotate(0deg) translateX(50%);-moz-transform: rotate(0deg) translateX(50%);transform: rotate(0deg) translateX(50%);}
.menu-top a { font-family: 'OpenSans-Semibold'; color:#8e8884; line-height:10px; display:block; padding:15px 15px 15px 20px; font-size:14px; text-transform:uppercase; position:relative}
.menu-top ul:nth-of-type(2) > li > ul{ display:none;position: absolute;top:40px; left:0; background:#191816; right:0; z-index:200; text-align:center}
.menu-top ul:nth-of-type(2) > li:hover > ul{ display:block; }
.menu-top ul:nth-of-type(2) > li > ul > li:first-child{ border: none;}
.menu-top ul:nth-of-type(2) > li > ul > li { width:100%; border-top:#b91023 1px solid; position:relative; text-align: left;}
.menu-top ul:nth-of-type(2) > li > ul > li a{ font-size:12px;padding:15px 0; display:block; padding-left: 15px;}
.menu-top ul:nth-of-type(2) > li > ul > li a:hover{ color:#fff;}
.menu-top ul:nth-of-type(2) > li > ul > li::before, .menu-top ul:nth-of-type(2) > li > ul > li::after{ display:none;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul{display: none; position: absolute; left:100%; top:0;  z-index: 200; text-align: left; width: 200px;  background: #191816;}
.menu-top ul:nth-of-type(2) > li > ul > li:hover{ background: #b91023;}
.menu-top ul:nth-of-type(2) > li > ul > li:hover > ul{display: block;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul > li{border-bottom: #b91023 1px solid; position: relative;padding-left: 15px;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul > li:last-child{ border: none;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul > li a{color: #fff; font-size: 11px; padding: 15px 0;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul > li:hover { background: #b91023;}
.menu-top ul:nth-of-type(2) > li > ul > li > ul > li:hover a{color: #fff;}
.menu-top ul:nth-of-type(2) > li:hover::before{left: 50%;-webkit-transform: rotate(0deg) translateX(-50%);-moz-transform: rotate(0deg) translateX(-50%);transform: rotate(0deg) translateX(-50%);}
.menu-top > li:hover::after{right: 50%;-webkit-transform: rotate(0deg) translateX(50%);-moz-transform: rotate(0deg) translateX(50%);transform: rotate(0deg) translateX(50%);}
.menu-top ul:nth-of-type(1) > li.mn { background: url(../images/bg_mn.png) center top no-repeat; width:68px; height:40px;}
.menu-top ul:nth-of-type(1) > li.mn:hover::after, .menu-top li.mn:hover::before, .menu-top li.mn::after, .menu-top li.mn::before { display:none !important;}
#flash { width:96%; height:450px; overflow:hidden; position:relative; margin: 0 auto;}
.fla { width:1920px; position:relative; left:50%; margin-left:-960px;}
#horloge { position:absolute; top: 0; z-index:100; width:100%;}
.horloge-cont { float: right; position: relative; width: 400px; height:450px; border-left: 3px #bb002f solid; background: rgba( 0, 0, 0, 0.70);}
.horloge-cont:after { content: ''; position: absolute; left: 100%; height: 100%; top: 0; width: 100%; background: rgba( 0, 0, 0, 0.70);}
.horloge { color: #b91023; font-size: 30px; margin-top: 65px; padding:90px 0 0 40px; line-height: 22px; background: url(../images/border_horloge.jpg) 11% 30% no-repeat;}
.horloge:before { content: '\e06e'; font-family: 'wicon'; position: absolute; z-index: 1; top:70px; width: 100%; height:30px; color: #b91023; font-size: 30px;}
.horloge span { display: block; padding-top: 40px;  color: #fff; font-size: 18px;     line-height: 28px;}

#central { padding: 50px 0;}
.central { padding: 0 15px;}
.cont-ttl { position:relative;}
.aglass{position: absolute;    z-index: 120;    right: 0;    top: -210px;}
.nav a { font-family: 'OpenSans'; color: #b91023;}
.ttl { padding-top: 25px;}
h1 { font-weight: normal;}
#corps { padding-top: 60px;}
.photo { float: left; line-height:0; width: 362px; height: 280px; margin:0 30px 15px 0; position:relative; cursor:pointer; overflow:hidden;}
.photo::before, .photo::after { content:''; position:absolute; top:0; bottom:0; width:150%; background:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out 0s;}
.photo::before { transform:rotate(45deg) translateY(433px);}
.photo::after { transform:rotate(45deg) translateY(-303px);}
.photo:hover::before { transform:rotate(45deg) translateY(-303px); transition-duration:0.5s;}
.photo:hover::after { transform:rotate(45deg) translateY(433px); transition-duration:0.5s; left:-150px;}
.txt li{ background: url(../images/bg_liste.png) 0 4px no-repeat; padding-left: 20px; display: inline-block; vertical-align: middle; width: 30%;}
.texte li { background: url(../images/bg_liste.png) 0 8px no-repeat; padding-left: 20px; line-height:26px; }
.txt p:first-child { margin: 0; padding: 0;}
.ph { margin-top:45px; text-align: center;}
.ph ul { margin:0; padding:0; letter-spacing: -.64em;}
.ph ul li { display:inline-block; width:164px; height:164px; border:2px #000 solid; line-height:0; position:relative; cursor:pointer; overflow:hidden; margin:0 12px;}
.ph ul li:first-child { margin: 0 15px 0 0;}
.ph ul li:last-child { margin: 0 0 0 15px;}
.ph ul li::before,.ph ul li::after { content:''; position:absolute; top:0; bottom:0; width:150%; background:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out 0s;}
.ph ul li::before { transform:rotate(45deg) translateY(280px);}
.ph ul li::after { transform:rotate(45deg) translateY(-280px);}
.ph ul li:hover::before { transform:rotate(45deg) translateY(-280px); transition-duration:0.5s;}
.ph ul li:hover::after { transform:rotate(45deg) translateY(280px); transition-duration:0.5s; left:-150px;}

#partenaire { }
.part li { float: left; padding-left: 10px;}
.part2{padding: 20px 0;}
.part2 ul{margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.part2 li{list-style: none; width: 32%; padding: 5px 0;}
#footer { border-top:1px #8e8884 solid;}
footer { padding:45px 15px;}
#foot { text-align: center;}
.adr, .tel, .social, .mention, .com { display: inline-block; vertical-align: middle; position: relative;}
.adr:before, .tel:before { font-family: 'wicon'; position: absolute; z-index: 1; left: 0; width:25px; height: 100%; color: #b91023; font-size:30px;}
.adr {padding-left:45px;}
.adr:before { content: '\e00c'; top:10px;}
.tel { margin-left:80px; padding:15px 0 0 45px;}
.tel:before { content: '\e00a'; top:18px;}
.tel a, .mention a  { color: #8e8884; display: block;}
.tel a:hover, .mention a:hover { color: #b91023;}
.social { margin-left:140px;}
.social a { filter: grayscale(100%)}
.social a:hover { filter: initial; cursor:pointer;}
.mention { padding-left:90px;}
.mention a { display: inline-block; text-transform: uppercase;}
.com { padding-left: 45px;}

.navigation, .next.controls, .previous.controls, .nivo-controlNav { display: none !important;}

.center{ text-align:center;}
#smartnav{ display:none;}
.flex p img{ max-width: 100%; height: auto;}
/*REALISATION*/
div#diapo-inner, .nav-diapo { display: inline-block; vertical-align: top;}
div#diapo-inner { width:60%;}
div#diapo-inner ul { margin: 0; padding: 0;}
.nav-diapo { width:39%;}
.nav-diapo li { padding:10px 0; border-bottom: 1px #8e8880 solid; width:55%;}
.nav-diapo li:last-child { border:none;}
.nav-diapo a { color:#8e8884;}
.nav-diapo a:hover { color: #b91023;}

/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
input[type="text"],textarea,select{ padding:8px 5px; margin:8px 0; display:inline-block; border:1px solid #ccc; border-radius:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background:#b91023; border-color: #0073aa; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}
@media screen and (max-width: 767px){
	#smartnav{ display:block;}
	#nav{ display:none;}
	}
.counter{width: 50%; margin: 0 auto; text-align: center; padding: 20px 0;}
/* ----------------------------------
/* ------------ RESPONSIVE ----------
------------------------------------- */

@media only screen and (max-width:1919px){
	
}

@media only screen and (max-width:1679px){
	
}

@media only screen and (max-width:1599px){
	
}

@media only screen and (max-width:1439px){
	
}

@media only screen and (max-width:1365px){
	
}

@media only screen and (max-width:1359px){
	
}
@media only screen and (max-width:1279px){
	.menu-top{padding-right: 20px;}
	.menu-top a{    padding: 15px 12px 15px 17px;}
	.central{padding: 0}
	.wrapper{padding: 0 10px;}
}
@media only screen and (max-width:1151px){
	.auto-left, .auto-right{width: 29%;}
	.logo-top{display: none;}
	.menu-top{width: 100%; padding: 10px;}
	.menu-top a { padding: 15px 19px 15px 25px;}
	.ph ul li{margin: 0 3px; height: auto; width: auto;}
	.tel{margin-left: 30px;}
	.social{margin-left: 80px;}
	.ph ul li:first-child { margin:0}
.ph ul li:last-child { margin: 0 }
}

@media only screen and (max-width:1059px){
	.menu-top a{    padding: 15px 15px 15px 20px;}
	.ph ul{display: flex; justify-content: space-between; }
	.ph ul li{display: inherit; list-style: none;    }
}

@media only screen and (max-width:1049px){
	
}

@media only screen and (max-width:1023px){
	.menu-top, .mention{display: none;}
	#head-top{padding-bottom: 20px;}
	footer{padding: 25px 0; display: flex; justify-content: space-between; align-items: center;}
	#smartnav{ display:block;}
}

@media only screen and (max-width:979px){
.auto-left, .auto-right{display: none;}
	.head-logo{margin: 0 auto; float: none; padding-left: 0;}
}

@media only screen and (max-width:899px){
	
}

@media only screen and (max-width:799px){
	
}

@media only screen and (max-width:767px){
	
}

@media only screen and (max-width:719px){
	#flash{height: auto;}
	.fla{display: none;}
	#horloge{position: relative;}
	.horloge-cont{width: 100%; height: auto; padding-bottom: 10px;}
	.horloge:before{top: 20px;}
	.horloge{margin-top: 0}
	.aglass{top: -410px;}
	.part ul{display: flex; justify-content: center; margin: 0; padding: 10px 0 0 0; align-items: center;}
	.photo{ width: 25%; height: auto;}
	img{max-width: 100%; height: auto;}
	.part li{width: 33%; }
	footer{flex-wrap: wrap;}
	.com{width: 100%; text-align: center; padding-top: 10px}
}

@media only screen and (max-width:639px){
	.photo{width: 35%;}
	.com{width: 49%;}
	.social {
    margin-left: 20px;}
	.ph ul{flex-wrap: wrap;}
	.ph ul li{width: 31%; padding: 5px 0;}
}

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


}



@media only screen and (max-width:532px){
	.photo{float: none; width: 70%; text-align: center; padding-bottom: 20px; margin: 0 auto; }
}

@media only screen and (max-width:479px){
	#logo, .jR3DCarouselSlide{width: 90%!important; height: 136px!important; margin: 0 auto;}
	.head-logo{width: 100%;}
	.aglass{position: relative; top: -20px;}
	.tel{margin-left: -10px;}
}

@media only screen and (max-width:359px){
	footer{justify-content: center;}
}