@font-face {
    font-family: 'Helvetica';
    src: url('/fonts/Helvetica.eot');
    src: url('/fonts/Helvetica.eot') format('embedded-opentype'),
         url('/fonts/Helvetica.woff2') format('woff2'),
         url('/fonts/Helvetica.woff') format('woff'),
         url('/fonts/Helvetica.ttf') format('truetype'),
         url('/fotns/Helvetica.svg#Helvetica') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCE35Thin';
    src: url('/fonts/HelveticaNeueCE35Thin.eot');
    src: url('/fonts/HelveticaNeueCE35Thin.eot') format('embedded-opentype'),
         url('/fonts/HelveticaNeueCE35Thin.woff2') format('woff2'),
         url('/fonts/HelveticaNeueCE35Thin.woff') format('woff'),
         url('/fonts/HelveticaNeueCE35Thin.ttf') format('truetype'),
         url('/fonts/HelveticaNeueCE35Thin.svg#HelveticaNeueCE35Thin') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueCondensedBold';
    src: url('/fonts/HelveticaNeueCondensedBold.eot');
    src: url('/fonts/HelveticaNeueCondensedBold.eot') format('embedded-opentype'),
         url('/fonts/HelveticaNeueCondensedBold.woff2') format('woff2'),
         url('/fonts/HelveticaNeueCondensedBold.woff') format('woff'),
         url('/fonts/HelveticaNeueCondensedBold.ttf') format('truetype'),
         url('/fonts/HelveticaNeueCondensedBold.svg#HelveticaNeueCondensedBold') format('svg');
}
@font-face {
    font-family: 'PhilosopherRegular';
    src: url('/fonts/PhilosopherRegular.eot');
    src: url('/fonts/PhilosopherRegular.eot') format('embedded-opentype'),
         url('/fonts/PhilosopherRegular.woff2') format('woff2'),
         url('/fonts/PhilosopherRegular.woff') format('woff'),
         url('/fonts/PhilosopherRegular.ttf') format('truetype'),
         url('/fonts/PhilosopherRegular.svg#PhilosopherRegular') format('svg');
}
body{width:100%;height:100%;overflow:hidden; font-size:15px;}
ul, li{ margin:0; padding:0; list-style:none;}
a {text-decoration:none; outline:none;}
a:hover, a:focus { text-decoration:none; outline:none;}

header {background:url("/images/bg_reapt.png") repeat scroll 0 0 #005aab;position: fixed;width:100%;z-index: 99;}
.logo{position:absolute; left:50%; margin-left:-130px;top:0; z-index:999}
.logo img{ width:244px;}
.lang_change{position:absolute; right:1%;top:24px; z-index:999;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; background:#e60405; padding:3px 10px;font-family:"PhilosopherRegular"; font-size:15px;}
.lang_change a{ color:#FFF; text-decoration:none;}
.lang_change:hover{ background:#368a00}
.tactile-menu-button-wrapper{display:none;}

.menu li a{color: #fff;display: inline-block;font-family:"PhilosopherRegular";font-size:24px;font-weight:400;line-height:75px;}
.menu li{}
.menu li a:hover{background:url("/images/bg_reapt.png") repeat scroll 0 0 #ce171f;}
.leftMenu{margin-right:122px;}
.leftMenu li{ float:right;}
.leftMenu li a{ padding:0 21px;}
.rightMenu{margin-left:122px;}
.rightMenu li{ float:left;}
.rightMenu li a{ padding:0 31px;}
.leftMenu li:last-child, .rightMenu li:first-child{ background:none;}
.leftMenu li:last-child a, .rightMenu li:first-child a{ padding:0 20px;}

.pageTitle {line-height: 55px;text-align: center;color: #e60405;font-size:42px;}
.pageTitle span {color:#1c3d9b;font-family:"PhilosopherRegular"/*"HelveticaNeueCondensedBold"*/;font-size:80px;text-transform: uppercase; display:block;}
.titre_abmum__ span{font-size:40px}
.pageTitle span i{ font-style:normal;color: #e60405;font-size:42px; text-transform:capitalize !important;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:normal !important }
.pageTitle span.cRed {color:#dc1e01;}
.pageTitle strong {font-family: "HelveticaNeueCondensedBold";font-size:50px;}
.pageTitle span.green{color: #449500;font-family: "HelveticaNeueCondensedBold";font-size: 55px; display:inline;}

#innerContent{left:0%;right:0%;top:180px}
.inner {background-color: rgba(255, 255, 255, 0.75);padding:15px;color: #1c3d9b;}
.inner h1{display: block;font-size:38px;padding-bottom:20px;text-align:center; font-family:"PhilosopherRegular"}
.inner h3{display: block;font-size:20px;font-family:"PhilosopherRegular"; color:#dc1e01;}
.features{margin:0 0 0 20px;}
.features li {padding:0 0 10px 0;list-style:outside none square;}

.parallax-port {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: #eeeeee;overflow: hidden;}
.parallax-layer {position: absolute;}
.bgTable{bottom:0; width:100%; height:30%;}
.products{left:15%; width:70%;bottom:0}
.product{left:0; width:75%;bottom:0}
.slogon{left:50%;width:800px;top:20%; margin-left:-400px;}

.medias{margin:50px 0 0 !important;}
.medias .item {
	background-color: rgba(255, 255, 255, 0.75);
	padding:10px;
	-moz-box-shadow: 0px 0px 5px 0px #656565;
	-webkit-box-shadow: 0px 0px 5px 0px #656565;
	-o-box-shadow: 0px 0px 5px 0px #656565;
	box-shadow: 0px 0px 5px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.thumb {position:relative;}
.thumb img {width:100%;}
.thumb .title {
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)) repeat scroll 0 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	left:0;
	font-size:18px;
	line-height:30px;
	font-family:"PhilosopherRegular";
	font-weight:600;
	color: #fff;
	padding:10px 20px;
}
.medias .owl-controls .owl-prev, .medias .owl-controls .owl-next {top:-170px;}



input[type="text"],input[type="email"], input[type="tel"], textarea{margin:5px 0;border-radius: 2px;border-style:solid;border-width: 1px;font-weight: normal;  height: auto;padding: 10px 0;text-indent:10px; width:100%; border-color:#CCC;}
input[type="text"] {background: #fff url("/images/front/image_iconperson.png") no-repeat scroll right center;}
input[type="email"] {background: #fff url("/images/front/image_iconemail2.png") no-repeat scroll right center;}
input[type="tel"] {background: #fff url("/images/front/image_iconphone.png") no-repeat scroll right center;}
textarea {background: #fff url("/images/front/image_iconemail.png") no-repeat scroll right top;}
input[type="submit"]{
  	border:medium none;
 	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.15);
  	color: #fff;
  	cursor: pointer;
  	font-size:15px;
  	font-weight: normal;
  	letter-spacing: 1px;
 	padding: 10px 25px;
	margin:10px 0 0;
  	text-transform: uppercase;
  	transition: all 0.15s ease-in-out 0s;
  	background: rgb(28, 61, 155) none repeat scroll 0% 0%; 
}

footer {bottom:0;left:0;position:absolute;right:0;z-index:9;color:#000;font-family:Arial, Helvetica, sans-serif;font-size:12px; text-shadow:1px 1px #fff;}
footer i{font-size:17px;color:#FFF;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:7px 0;width:30px;text-align:center; text-shadow:none;}
.fa-facebook{ background:#34609f; font-size:15px; margin-bottom:3px}
.fa-twitter{background:#0084b4; font-size:15px;margin-bottom:3px}
.fa-youtube-play{background:#cc181e; font-size:15px;margin-bottom:3px}
.fa-linkedin{background:#1583bb; font-size:15px;margin-bottom:3px}
footer span{ display:inline-block; line-height:11px; vertical-align:super}
footer a{color:#000;display: inline-block;vertical-align: bottom;}
.sound_footer a{ display:inline-block; width:auto; vertical-align:top}
.sound_footer a:last-child{ padding-top:18px;}
footer#footer_interne{ display:none; color:#FFF;text-shadow:none;}
footer#footer_interne span{line-height:14px; display:block}
.sound_footer{ margin-bottom:5px;}
.copy_right_{ margin-top:55px;}
.adress_{ padding:0 0 13px;}
.adress_ strong{}
.inner h2{ font-family:"PhilosopherRegular"; font-size:30px;}
.owl-controls{ position:relative;}
.owl-controls .owl-prev{position: absolute;left: -110px;top: -225px; background:url(/images/Left_2_recett.png) no-repeat; width:128px; height:128px; text-indent:-9999px;}
.owl-controls .owl-next{position: absolute;right: -110px;top: -225px; background:url(/images/Right_2_recett.png) no-repeat; width:128px; height:128px; text-indent:-9999px;}
.mCSB_container ol li {list-style: inherit;}
.titre_produit___{font-family:"PhilosopherRegular" !important; font-weight:bold; font-size:60px !important;}
.thumb .desc{
	position: absolute;
	top: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	opacity: 0;
	
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	font-size:16px;line-height:30px;font-family:"PhilosopherRegular";font-weight:100;color: #fff;padding:50px 20px; text-align:center
}
.thumb:hover .desc
{
	opacity: 1;
}
.table > thead > tr > th{ font-size:12px;}
#id_pause, #id_Play{ cursor:pointer;}
@media screen and (max-height:780px) {
.slogon{ top:13.5%;}
}
@media screen and (max-width:1199px) {
	.logo{margin-left:-120px;}
	.logo img{width:220px;}
	.menu li a{line-height:70px;font-size:20px;}
	.leftMenu{margin-right:110px;}
	.leftMenu li a{ padding:0 10px;}
	.rightMenu{margin-left:110px;}
	.rightMenu li a{ padding:0 24px;}
	.leftMenu li:last-child a, .rightMenu li:first-child a{ padding:0 10px;}
	.table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: -ms-autohiding-scrollbar;border: 1px solid #dddddd;-webkit-overflow-scrolling: touch;}
}
@media screen and (max-width:991px) {
	.logo{margin-left:-85px;top:0;}
	.logo img{width:150px;}
	.menu li a{line-height:60px;font-size:17px;}
	.leftMenu{margin-right:75px;}
	.leftMenu li a{ padding:0 8px;}
	.rightMenu{margin-left:75px;}
	.rightMenu li a{ padding:0 15px;}
	.leftMenu li:last-child a, .rightMenu li:first-child a{ padding:0 8px;}
	.slogon{left:5%;width:90%;top:30%; margin-left:0;}
	.lang_change{font-size: 13px;padding: 3px 8px;right: 0.5%;top: 18px;}
}
@media screen and (max-width:767px) {
	header{ height:70px}
	.logo{margin-left:-110px;top:0;}
	.logo img{width:200px;}
	.content_menu_{ position:relative;}
	.tactile-menu-button-wrapper {
		display:block;
		position:fixed;
		z-index:9999999;
		top:15px;
		left:11px;
		width:31px;
		height:30px;
		cursor:pointer;	
		-webkit-transition:opacity .2s ease .3s, top 0s ease .3s;
		-moz-transition:opacity .2s ease .3s, top 0s ease .3s;
		-ms-transition:opacity .2s ease .3s, top 0s ease .3s;
		transition:opacity .2s ease .3s, top 0s ease .3s;
	}
	.lang_change{right: 11px;top: 24px;}
	.product {width: 100%;}
	/* button */
	.tactile-menu-button {
		padding:8px 11px 10px 8px;	
		-webkit-transition:all .3s ease;
		-moz-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	.tactile-menu-button:after, .tactile-menu-button:before, .tactile-menu-button div.tactile-menu-button-middle:before {
		content:'';
		display:block;
		width:25px;
		height:2px;
		margin:5px 0;
		background-color:#fff;
		-webkit-transition:all .25s ease;
		-moz-transition:all .25s ease;
		-ms-transition:all .25s ease;
		transition:all .25s ease;
		outline:1px solid transparent;
	}
	.tactile-by-bonfire ul li a:hover { color:#7d7b78; }
	.tactile-menu-active .tactile-menu-button div.tactile-menu-button-middle:before { margin:0 0 -1px 0; }
	.tactile-menu-active .tactile-menu-button:before {
		opacity:0;
		-webkit-transform:translateY(4px);
		-moz-transform:translateY(4px);
		-ms-transform:translateY(4px);
		transform:translateY(4px);
		-webkit-transition:-webkit-transform .25s ease, opacity 0s ease .25s;
		-moz-transition:-moz-transform .25s ease, opacity 0s ease .25s;
		-ms-transition:-ms-transform .25s ease, opacity 0s ease .25s;
		transition:transform .25s ease, opacity 0s ease .25s;
	}
	.tactile-menu-active .tactile-menu-button:after {
		opacity:0;
		-webkit-transform:translateY(-3px);
		-moz-transform:translateY(-3px);
		-ms-transform:translateY(-3px);
		transform:translateY(-3px);
		-webkit-transition:-webkit-transform .25s ease, opacity 0s ease .25s;
		-moz-transition:-moz-transform .25s ease, opacity 0s ease .25s;
		-ms-transition:-ms-transform .25s ease, opacity 0s ease .25s;
		transition:transform .25s ease, opacity 0s ease .25s;
	}
	.mainMenu{ position:fixed; width:250px; height:100%; background:rgba(0,67,166,0.80); top:70px; left:-250px;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
	.mainMenu-active{left:0;}
	.menu li a{line-height:48px;}
	.mainMenu li{ width:100%; border-bottom:1px solid #295fa9;}
	.bgTable{bottom:0; width:100%; height:30%;}
	.products{left:0%;width:100%;bottom:10%;}
	.slogon{left:5%;width:90%;}
	.copy_right_{ text-align:center; font-size:11px !important;}#innerContent{top:130px}
	.pageTitle{ line-height:30px;}
	.pageTitle span{ font-size:30px;}
	.pageTitle strong{ font-size:25px;}
	.pageTitle span.green{ font-size:35px;}
	.content_slider_text_block_wrap h3{ font-size:33px !important;}
	footer{ display:none;}
	footer#footer_interne{ display: table !important; width:100%; position:absolute !important; bottom:0px; text-align:center}
	footer#footer_interne .copy_right_{ position:static}
	footer#footer_interne a{ font-size:11px; color:#FFF;}
	.rightMenu, .leftMenu{ margin:0;}
	.mainMenu{}
	.mainMenu li{ float:none; width:100%;}
	.mainMenu li a{ display:block; width:100%; padding:0 30px !important;}
	.mainMenu .col-xs-12{ padding:0;}
	#content_product_liste_{ z-index:10 !important; bottom:5% !important}
	div.ppt{ display: none !important;}
}
