/*
Theme Name: Fixinox_fr
Author: Steve Tilgenkamp
Author URI: http://id-clic.be
Description: Le thème Fixinox est en thème créé pour le nouveau site de l'entreprise Fixinox
Version: 1.0
*/
/* Print Style Sheet */

@font-face{
	font-family:  'din-bold';
    src: url('fonts/din-bold-webfont-webfont.eot');
    src: url('fonts/din-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont-webfont.ttf') ,
         url('fonts/din-bold-webfont-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'DINRegular';
	src: url('fonts/din-regular-webfont.eot');
	src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/din-regular-webfont.ttf') format('truetype'),
		url('fonts/din-regular-webfont.svg#DINRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@charset "UTF-8";

/*
 * www.KNACSS.com V2.4 @author: Raphael Goetter, Alsacreations
 * Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
 */


/* ----------------------------- */
/* summary */
/* ----------------------------- */
/*
1- reset
2- layout and modules
3- header
4- sidebar
5- footerr
6- forms
7- main
8- iefix
9- print
10- desktop medias
11- mobile
*/

/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
    font-size: 62.5%;
}
body {
    background-color: #fff;
    color: #323232;
    font-size: 1.4em; /* equiv 14px */
    line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption {
    font-size: 1em; /* equiv 14px */
    line-height: 1.2em;
    margin: 0.5em 0 0;
}
h1, .h1-like {
    font-size: 1.3em; /* equiv 26px */
    font-weight: normal;
    line-height: 1.6154em;
    margin: .8077em 0 0 0;
    text-transform: uppercase;
}
h2, .h2-like {
    font-weight: normal;
    line-height: 1.75em;
}
h3, .h3-like {
    font-size: 1em; /* equiv 22px */
    font-weight: normal;
    line-height: 1.909em;
    margin: 23px 0 0 0;
    text-transform: uppercase;
}
h4, .h4-like {
    font-size: 1.4286em; /* equiv 20px */
    font-weight: normal;
    line-height: 1.05em;
    margin:  1.05em 0 0 0;
}
h5, .h5-like {
    font-size: 1.2857em; /* equiv 18px */
    font-weight: normal;
    line-height: 1.1667em;
    margin:  1.1667em 0 0 0;
}
h6, .h6-like {
    font-size: 1.1429em; /* equiv 16px */
    font-weight: normal;
    line-height: 1.3125em;
    margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.small {
    font-size: .8571em; /* equiv 12px */
    line-height: 1.75em;
}
.big {
    font-size: 1.1429em; /* equiv 16px */
    line-height: 1.3125em;
}
.bigger {
    font-size: 1.2857em; /* equiv 18px */
    line-height: 1.1667em;
}
.biggest {
    font-size: 1.4286em; /* equiv 20px */
    line-height: 1.05em;
}

/* soft reset */
html,
body,
label {
    margin: 0;
    padding: 0;
}
ul,
ol {
    padding-left: 2em;
}
code,
pre,
samp {
    white-space: pre-wrap;
    font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
textarea:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, hgroup, nav, section {
    display: block;
}

header{
    display: inline-block;
}
/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
}

/* you shall not pass */
/*div, textarea, table, td, th, code, pre, samp {
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}*/

/* pictures */
img {
    /*width: auto;*/
    /*height: auto;*/
    vertical-align: middle;
}
a img { border: 0; }


body{
	font-family: DINRegular, Arial, sans-serif!important;
	margin: 0;
}
body h2{
	font-family: DINRegular, Lucida, Arial, sans-serif;
    margin-top: 30px;
}
.gray_button{
	font-family: Lucida, Arial, sans-serif;
	background-color: #E5E5E5;
	/*border-radius: 5px;*/
	text-align: center;
	font-size: 0.7em;
	color:black;
	text-decoration: none;
	background-image: url('images/arrow-2.png');
	background-repeat: no-repeat;
	background-position: 5px center;
	border: 1px solid white;
	box-shadow: 2px 2px 5px #E5E5E5;
	height: 30px;
	position: absolute;
	padding-left: 30px;
	padding-right: 15px;
    border-radius: 5px;
}
.gray_button:hover{
	color: #007ec2;
	/*background-image: url('images/arrow-3.png');*/
	/*background-repeat: no-repeat;*/
	background-position-x: 5px;
	background-position-y: 7px;
}
.blue-button{
    font-family: Lucida,Arial,sans-serif!important;
    background-color: #2582c5;
    /*border-radius: 5px;*/
    text-align: center;
    font-size: 12px!important;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    box-shadow: 2px 2px 5px #e5e5e5;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    border-radius: 5px;
}
.fa{
    width: 12px;
    margin-right: 8px;
}
.blue-button:hover{
     color: black;
     text-decoration: none;
    background-color: #2576b9;
 }
.slidebutton:hover{
    color: black;
    text-decoration: none;
    background-color: #2576b9;
}
/*.blue-button:hover:before{*/
    /*background-image: url('images/arrow-2.png');*/
/*}*/

.gray-button{
    font-family: Lucida, Arial, sans-serif;
    background-color: #E5E5E5;
    /*border-radius: 5px;*/
    text-align: center;
    font-size: 12px!important;
    color:black;
    border: 1px solid white;
    box-shadow: 2px 2px 5px #E5E5E5;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    border-radius: 5px;
}
.gray-button:hover{
    color: #007ec2;
    text-decoration: none;
    background-color: #d7d7d7;
}
.dl_news a{
	color:#323232;
}
.dl_news a:hover{
	color:#2582c5;
}
.lien_button{
	display: block;
	margin-top: 8px;
}
.beautybck{
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.gras{
	font-family: din-bold, Arial, sans-serif;
}
.bleu{
	color: #007ec2;
}
#avantage_button:before{
    content:'';
    background-image: url('images/avantages-icon.png');
    position: absolute;
    left:0;
    height:26px;
    width: 26px;
}
#avantage_button{
	position: relative;
	background-repeat: no-repeat;
	padding-left: 30px;
    padding-bottom: 10px;
    font-size: 1.8em!important;
    margin-bottom: 10px;
	/*width: 225px;*/
	/*margin-top: 5px;*/
}
#ref_button:before{
    position: absolute;
    left: 0;
    content:'';
    background-image: url('images/reference-icon.png');
    width: 24px;
    height: 21px;
}
#ref_button{
    position: relative;
    font-size: 1.8em!important;
	background-repeat: no-repeat;
    padding-left: 30px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: DINRegular,Arial,sans-serif!important;
}
a:hover, a:focus{
    text-decoration: none!important;
}
.portefolio a:hover .link-fixi{
    color: #323232;
}
.portefolio a:hover .link-fixi:before{
    background-image: url(images/arrow-2.png);
}
.link-fixi{
    position: relative;
    color: #007ec2;
    padding-left: 20px;
    bottom: -15px;
}
.link-fixi:before{
    content:'';
    position: absolute;
    background-image: url('images/arrow-3.png');
    left:0;
    bottom:0px;
    height: 16px;
    width: 16px;
}
.fleche_button{
	background-image: url('images/arrow-3.png');
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 20px;
}
.fleche_button:hover{
	background-image: url('images/arrow-2.png');
}
.volant{
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 30px;
	left: 300px;
	text-transform: uppercase;
	font-weight: bold;
}
.volant li{
	margin-top: 53px;
}
.volant_2{
	color: white;
	position: absolute;
	bottom: 120px;
	width: 300px;
	left: 120px;
	font-size: 1.2em;
}
.equip{
	height: 175px;
	margin-bottom: 30px;
	position: relative;
}
.equip img{
	float:right;
}
.equip p{
	position: absolute;
	top: 50%;
	bottom: 50%;
	width: 290px;
	margin-top: -5%;
}
#slideshow-bloc{
	width: 1000px;
	margin:auto;
}
/*#page-bloc{
	width: 1000px;
	margin:auto;
	margin-top: -90px;
}*/
#page .content h2{
font-size: 1em;
font-weight: normal;
line-height: 1.909em;
margin: 23px 0 0 0;
text-transform: uppercase;
border:none;
color:#555;
}
.no-padding{
    padding: 0!important;
}
.wrapper{
	/*width: 900px;*/
	width: 95%;
	margin:auto;
	padding-bottom: 20px;
    position: relative;
    z-index: 99;
    -moz-box-shadow: 0 0px 25px rgba(50,50,50,.2);;
    -webkit-box-shadow: 0 0px 25px rgba(50,50,50,.2);;
    box-shadow: 0 0px 25px rgba(50,50,50,.2);;
}
h2{
	color: #007ec2!important;
	font-size: 1.8em!important;
	border-bottom: 1px solid;
	margin-bottom: 10px!important;
	text-transform: uppercase;
}
h3, .h3-like {
    font-size: 1em!important;
    font-weight: normal;
    line-height: 1.909em;
    margin: 23px 0 0 0;
    text-transform: uppercase;
}
.main{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	background-color: white;

}
.container{
    -moz-box-shadow: 0 0px 25px rgba(50,50,50,.2);;
    -webkit-box-shadow: 0 0px 25px rgba(50,50,50,.2);;
    box-shadow: 0 0px 25px rgba(50,50,50,.2);;
}
#all-main{
	/*width: 1000px;*/
	padding-top: 20px;
	margin: auto;
	-webkit-box-shadow: -2px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: -2px 0px 10px rgba(50, 50, 50, 0.4);
	box-shadow: -2px 0px 10px rgba(50, 50, 50, 0.4);
}
.shadow-right{
	-webkit-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.4);
	box-shadow: 2px 0px 10px rgba(50, 50, 50, 0.4);
	position: relative;
	min-height: 900px;
}
.mid_el{
	vertical-align: middle;
}
.side-contact{
    font-family: DINRegular,Arial,sans-serif;
    color: #323232;
    font-size: 18px;
}
.side-contact a{
    color: #323232;
}
.side-contact a:hover .fa{
    color: #323232;
}
.side-contact a:hover, .side-contact a:hover .li-item{
    color:#007ec2;
}
.side-contact ul{
    padding: 0;
    list-style: none;
    margin-top: 25px;
    padding-left: 5px;
}
.side-contact ul li{
    margin-bottom: 15px;
}
.side-contact .li-item{
    margin-left: 10px;
    color: #666;
}
.mcontact{
	margin: 0;
	padding: 0;
	position: relative;
}
.mcontact img{
    width: 100%;
}
.mcontact figure{
	margin-top: 0;
}
.mcontact .figcontact{
	position: absolute;
	color: #939393;
	bottom: 25px;
	font-family: Arial, sans-serif;
	left: 63px;
	font-weight: bold;
}
.mcontact .figcontact a{
	color: #939393;
	text-decoration: none;
}
.mcontact .figcontact a:hover{
	color:#007ec2;
}
.page{

}
.nextpostslink{
	text-decoration: none;
	margin-left: 5px;
	color: black;
}
.nextpostslink:hover{
	color:#2582c5;
}
.previouspostslink{
	text-decoration: none;
	margin-left: 5px;
	color: black;
}
.previouspostslink:hover{
	color:#2582c5;
}
.current{
	color: white;
	padding: 1px 6px;
	border: 1px solid #2582c5;
	background: #99D9EA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
}
/***************************************************** HEADER *****************************************************************/

.top-nav{
	font-family: Lucida, Arial, sans-serif;
	display:inline-block;
	background: #323232; /* Old browsers */
	width: 100%;
    height: 45px;
    padding-top: 4px;
}
#c div, #formsearch div{
    position: relative;
}
#filtersubmit{
    color: #000;
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 18px;
}
.cycle-slideshow{
    max-height: 350px;
}
@media screen and (max-width: 500px) {
    #mini-slideshow .blue-button, #mini-slideshow .gray-button{
        display: block !important;
        float: none;
    }
}
@media screen and (max-width: 770px) {
    .nav.navbar-nav{
        display: block!important;
    }
}
@media screen and (max-width: 992px) {
    .navbar-fixinox .nav>li>a{
        padding: 10px 20px!important;
    }
    .latest-post img{
        float: left;
        width: 15%;
    }
    .volant{
        display: none;
    }
    .equip{
        height:auto!important;
    }
    .equip p{
        position: relative!important;
        margin-top:0px!important;
        width:auto!important;
    }
    .equip img{
        float: none;
        width:100%;
    }
}
/*@media only screen and (max-device-width:1024px) {
	.top-nav{
		background-color: black;
		width: 1000px;
	}
	footer{
		width: 1000px;
	}
}*/

.top-nav ul
{
	list-style-type:none;
	margin:0; padding:0;
}

.top-nav li
{
	display:inline-block;
	margin-left: 5px;
}
#menu-header{
	width: 1000px;
	margin: auto;
	margin-top: 2px;
	color: #E5E5E5;
}
.flag_fr{
	background-image: url('images/fr.gif');
}
.top-nav .left{
	display: inline-block;
	margin-right: 20px;
	margin-top: 11px;
}
.top-nav .left a{
	color: white;
	text-decoration: none;
    text-transform: uppercase;
}
.top-nav .current-lang a{
    color:#337ab7;
}
.top-nav .left a:hover{
	color:#007ec2;
}
.top-nav .right{
	display: inline-block;
	float:right;
	margin-top: 5px;
	font-size: 0.9em;
}
.top-nav .right li{
	color: #E5E5E5;
	text-decoration: none;
	margin-right: 10px;
	text-transform: uppercase;
}
.top-nav .right li:hover{
	color:#007ec2;
}
.fixinox-projects{
    margin-top: 25px;
}
.fixinox-projects iframe{
    border: none;
}
/*.top-nav .home, .top-nav .print, .top-nav .mail a{
text-decoration: none;
color: white;
}*/
/*.top-nav .home{
	background:url('images/home-icone.png') no-repeat;
}
.top-nav .print{
	background:url('images/print-icone.png') no-repeat;
}
.top-nav .mail{
	background:url('images/contact-icone.png') no-repeat;
	margin-right: 5px;
}*/
.navbar-fixinox .navbar-toggle{
    margin-top: 3px;
    border: 1px solid #fff;
}
.navbar-fixinox .navbar-toggle .icon-bar{
    background-color: #FFF;
}
.nav.navbar-nav{
    display: flex;
    float: none;
    vertical-align: top;
}
.nav.navbar-nav > li{
    flex-grow: 6;
}
.navbar-fixinox .navbar-collapse{
    text-align: center;
}
.navbar-fixinox
{
    border-radius: 0px!important;
	font-family: DINRegular, Arial, sans-serif;
    min-height: 42px!important;
	/*display:inline-block;*/
	background: #323232;
	height: 35px;
	/*width: 900px;*/
}
.navbar-fixinox .navbar-collapse{
    min-height: 40px!important;
    background: #323232;
    /*height: 35px;*/
    color: #FFF;
    position: relative;
    z-index: 9999;
}
.navbar-fixinox .navbar-nav>.active>a, .navbar-fixinox .navbar-nav>.active>a:hover, .navbar-fixinox .navbar-nav>.active>a:focus {
    color: #007ec2;
}
.navbar-fixinox .navbar-nav>li>a {
    color: #fff;
}
.navbar-fixinox .navbar-nav>li>a:hover, .navbar-fixinox .navbar-nav>li>a:focus {
    color: #007ec2;
    background-color: rgba(0, 0, 0, 0);
}
.navbar-fixinox .nav>li>a {
    text-transform: uppercase;
    position: relative;
    display: block;
    padding: 10px 36px;
    line-height: 20px;
}
#menu-menu-ref{
	 display: inline-block;
    padding: 0;
    list-style: none;
    width: 250px;
    font-size: 13px;
    font-family: DINRegular, Arial, sans-serif;
}
#menu-menu-ref li a:hover{
	background: #342f2f;
}
#menu-menu-ref li a{
	display: block;
    border-bottom: 1px solid rgba(0,0,0, 0.2);
    border-top: 1px solid rgba(255,255,255, 0.2);
    background: #007ec2;
    text-decoration: none;
    color: #FFF;
    text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
    filter: dropshadow(color=#000, offx=1, offy=0);
    padding: 10px;
    padding-left: 20px;
}
#menu-menu-princ a:hover{
	color: #007ec2;
}
.navbar-nav >  li:after{
    content: '';
    background: url('images/menu-vlines.png') no-repeat;
    height: 32px;
    width: 2px;
    position: absolute;
    z-index: 100;
    right: 0;
    top: 4px;
}
.navbar-nav > li:last-child:after{
	width: 0px;
}
.menu-princ ul{
	display: table-row;
}

.menu-princ li{
	float: none;
	display: table-cell;
	text-align: center;
	padding-right: 0;
	line-height: 20px;
	height: 40px;
	position: relative;
	background: url('images/menu-vlines.png') no-repeat;
}
/*.menu-princ ul
{
	list-style-type:none;
	padding-top: 4px;
	padding:0;
	width: 900px;
	margin-top: 4px;
}

.menu-princ li
{
	display:inline-block;
	margin-top: 5px;
	text-align: center;
	margin-left: 35px;
	background: url('images/menu-vlines.png') no-repeat;
	padding-right: 35px;
	background-position: right;
	font-size: 13px;
}*/
#menu-item-63{
	background: none;
}
.menu-princ a
{
	text-transform: uppercase;
	font-size: 1em;
	color: white;
	text-decoration:none;
	padding-top: 6px;
	padding-bottom: 6px;
	display: block;
	white-space: nowrap;
	padding: 0 29px;
	margin-top: 6px;
}

.menu-princ a:hover
{
	color:#007ec2;
}

.current-menu-item li, .current-menu-item a{
	color:#007ec2;
}
.ubermenu-main{
    width: 100%!important;
}
#s{
	border-radius: 5px;
    color: #2582c5!important;
    font-size: 15px;
	border: none;
    height: 27px;
	/*-webkit-box-shadow: 1px 0px 3px rgba(50, 50, 50, 0.4) inset;*/
	/*-moz-box-shadow: 1px 0px 3px rgba(50, 50, 50, 0.4) inset;*/
	/*box-shadow: 1px 0px 3px rgba(50, 50, 50, 0.4) inset;*/
	width: 170px;
}

#sli{
	border-right: none;
	position: relative;
	width: 170px;
	margin-right: 0;
}
#searchsubmit{
	background:url('images/rechercher-loupe.png') no-repeat;
	height: 13px;
	width: 17px;
	border: none;
	position: absolute;
	top: 1px;
	right:0px;
	cursor: pointer;
}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#slideshow { height:440px; }
.headerimg { background-position: center top; background-repeat: no-repeat; width:1000px; height:440px; position:absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("images/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("images/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:absolute; top:25px; margin-left: 20px; }
#firstline { color:white; font-size:25px; display:block; width:280px; line-height:40px; font-family: din-bold, Arial, sans-serif; text-transform: uppercase; position: absolute; top: 130px;}

.pictured { color:#FFF; font-size:12px; text-transform:uppercase; display:block; position: absolute; top:265px; }
.pictured a { font-size:16px; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("images/btn_back.png"); }
#next { background-image:url("images/btn_next.png"); }
#control { background-image:url("images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:280px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; position: absolute; }

#fixinox-logo{
	background:url('images/fond-infos.png') no-repeat;
	width: 1000px;
	height: 440px;
	float:left;
}

#fixinox-logo img{
	height: 58px;
	width: 221px;
	margin-top: 50px;
	margin-left: 20px;
}
/********************************************************** CONTENT *************************************************************************/
#col-right, #col-left{
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
#col-right{
	/*float:right;*/
	/*margin-right: 20px;*/
}
#col-left{
	/*float:left;*/
	/*margin-left: 20px;*/
}
#bas{
/*	display: inline-block;
	width: 900px;
	height: 370px;*/
	margin-bottom: 20px;
	margin-top: 20px;
}
#etude-perso{
/*	height: 370px;
	width: 860px;
	margin: auto;*/
	position: relative;
	text-transform: uppercase;
}
#etude-perso h2{
	margin-bottom: 15px;
}
#etude-perso h3{
	position: absolute;
	top: 100px;
	left: 50px;
}
#etude-perso ul{
	display: inline-block;
	position: absolute;
	top: 145px;
	left: 60px;
	font-size: 0.8em;
	line-height: 1.7;
}
#etude-perso img{
	margin-left: 20px;
}
article{
	display: inline-block;
	vertical-align:top;
}
#videos, #bref, #news, #product{
	/*width: 415px;*/
}
#videosp{
	margin-left: 10px;
}
#products{
	padding-top: 25px;
}
#vcontent{
	height: 415px
}
#vcontent p{
 	margin-top: 5px;
 	margin-bottom: 15px;
 }

#bref{
	background-color: #007ec2;
	color: white;
	padding-left: 10px;
	padding-bottom: 10px;
}
.img_bref_cl{
	margin-top: -15px;
}
#brefe{
    background-color: #007ec2;
    color: white;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 0px;
}
.force_100{
    width:100%;
}
#brefe p{
    float: right;
    width: 85%;
}
.cleare{
display: inline-block;
width: 450px;
vertical-align: top;
}
#bref ul{
	margin-top: 2px;
	line-height: 1.2;
}
.maj{
	text-transform: uppercase;
}
.clear{
	margin-top: 5px;
	display: inline-block;
	width: 310px;
}
#bref h2{
	color: white;
}
#img_bref{
	background-image: url('images/fabrication-belge.png');
	background-repeat: no-repeat;
	height: 90px;
	width: 100px;
	display: inline-block;
}
#bref h2, #product h2{
	/*padding-top: 5px;*/
}
#news, #perso{
	/*margin-top: 20px;*/
}
@media screen and (max-width: 600px) {
    .img-responsive {
        width: 100% !important;
    }
}
.page-id-298 img{
    width:100%;
}
.alignleft{
    float: left;
}
.alignright{
    float: right;
}
.aligncenter{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.page-numbers.current{
    margin-right: 0;
    border-radius: 0px;
    background-color: #2582c5;
    color: #FFF;
}
.news h2{
    font-size: 1.3em!important;
}
#news{
	position: relative;
	padding-top: 25px;
}
.news article{
    margin-bottom: 45px;
    text-align: justify;
}
#ncontent{
	height: 763px;
	overflow: auto;
}
.post{
	margin-bottom: 10px;
	height: 95px;
	position: relative;
}

.post a{
	position: absolute;
	bottom: 0px;
    right: 5px;
}

.post img{
	float: left;
	padding-right: 10px;
}
.post h3{
	text-transform: uppercase;
	font-size: 0.9em;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	font-weight: normal;
	height: 29px;
}

.post p{
	font-size: 0.9em;
	margin: 0;
	vertical-align:top;
	line-height: 1;
}
.date-post li{
	list-style-image: url(images/picto-news.png);
	font-size: 1.6em;
	letter-spacing: -0.1em;
	height: 20px;
}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{/* display:none; */position:relative;width:100%;-ms-touch-action:pan-y;}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-dot,.owl-controls .owl-buttons div{cursor:pointer;display: block;}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8 , move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
#slider{
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    border-bottom: 5px solid #c7d700;
}
.slide{
    margin: 0;
    width: 100%;
    min-height: 335px;
    position: relative;
    text-align: justify;
}
#mini-slideshow .blue-button{
    float: left;
}
.owl-dots{
    position: absolute;
    top: 0px;
    right: 0px;
}
.slide img{
    width:100%;
}
#prod_associe img{
    width:100%;
}
.owl-dots .owl-dot.active{
    background: #007ec2;
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
    -moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
    box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
}
.owl-dots .owl-dot{
    cursor: pointer;
    float: left;
    padding: 10px 0 0 0;
    height: 1px;
    width: 12px;
    border: 1px solid #ccc;
    background: #fff;
    margin-right: 6px;
}
.owl-nav{
    display: none;
}
#scontent{
    position: absolute;   /*on sort l'élément du flux*/
    top: 0;               /*on le positionne précisément dans ...*/
    left: 0;              /*l'angle haut gauche de son parent positionné*/
		width: 1610px;        /*ou 400% car 4 éléments*/
    margin: 0;
    padding: 0;
    z-index: 10;

    /*CSS3 transition*/
        -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#scontent li{
	display: inline-block;
}
#mini-slideshow .gray-button{
    float: right;
    margin-right: 5px;
}
#mini-slideshow{
    width: 100%;
    /*max-height: 323px;*/
    overflow: hidden;
    position: relative;
    z-index: 2;
}
#mini-slideshow .owl-item{
    display: inline-block;
    overflow: hidden;
}
#mini-slideshow #liens ul {
z-index: 100;
bottom: 6px;
padding-left: 5px;
}

#mini-slideshow #liens ul li{
	position: relative;
	width: 10px;
	height: 10px;
	list-style: none;
	margin: 0px 3px;
	margin-top: 130px;
	display: inline-block;
	z-index: 100;
}
#scontent h3{
	text-transform: uppercase;
}
#mini-slideshow li figcaption{
    position:absolute;
    padding: 10px 20px 10px 0;
    width: 400px;
}
#mini-slideshow li figcaption p{
	height: 50px;
}
.tele li{
	display: inline-block;
	margin-top: 45px;
}

.li-left:hover{
	background-image: url('images/arrow-2.png');
	background-repeat: no-repeat;
	background-position: 5px;
}
.li-right{
	float: right;
	width: 200px;
	margin-right: 7px;
}

.tele ul{
	margin-top: 20px;
	padding: 0;
}

.tele li a{
	text-decoration: none;
}

#mini-slideshow #liens ul li a, #mini-slideshow #wrap2:target ~ #liens ul li:nth-child(1) a, #mini-slideshow #wrap3:target ~ #liens ul li:nth-child(1) a, #mini-slideshow #wrap4:target ~ #liens ul li:nth-child(1) a {
display: block;
padding: 10px 0 0 0;
height: 1px;
width: 12px;
overflow: hidden;
border: 1px solid #ccc;
background: white;
/*background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8))),#888;
background: -webkit-linear-gradient(transparent,rgba(0,0,0,.8)),#888;
background: -moz-linear-gradient(transparent,rgba(0,0,0,.8)),#888;
background: -ms-linear-gradient(transparent,rgba(0,0,0,.8)),#888;
background: -o-linear-gradient(transparent,rgba(0,0,0,.8)),#888;
background: linear-gradient(transparent,rgba(0,0,0,.8)),#888;
-webkit-box-shadow: 0px 0px 2px #1b1e22;
-moz-box-shadow: 0px 0px 2px #1b1e22;
box-shadow: 0px 0px 2px #1b1e22;*/

} #mini-slideshow #liens ul li:nth-child(1) a, #mini-slideshow #wrap1:target ~ #liens ul li a[href="#wrap1"], #mini-slideshow #wrap2:target ~ #liens ul li a[href="#wrap2"], #mini-slideshow #wrap3:target ~ #liens ul li a[href="#wrap3"], #mini-slideshow #wrap4:target ~ #liens ul li a[href="#wrap4"] {
background: #007ec2;
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
-moz-box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
box-shadow: 0 -1px 0 rgba(255,255,255,.5) inset;
}

#mini-slideshow a.ancre{
   display: none;
}
#mini-slideshow a#wrap1:target ~ #scontent{
   margin-left:0px;
}
#mini-slideshow a#wrap2:target ~ #scontent{
   margin-left:-100%;
}
#mini-slideshow a#wrap3:target ~ #scontent{
   margin-left:-200%;
}
#mini-slideshow a#wrap4:target ~ #scontent{
   margin-left:-300%;
}

/***************************************************** PAGES **************************************************/
#poucet{
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-style: italic;
    padding-top: 15px;
    margin-bottom: 25px;
}
#poucet a, #dl_box a{
	color: #342f2f;
	text-decoration: none;
}
#dl_box a{
	display:block;
	position: relative;
}
#dl_box a:hover{
	color: #007ec2;
}
#poucet a:hover{
	color:#007ec2;
}
/******** DL BOX DES PAGES ********/
#dl_box{
	margin-top: 10px;
	margin-bottom: 10px;
}
#dl_box ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

/******** FIN DL BOX DES PAGES ********/

/******** MENU DES PAGES ********/
.dropdown-menu{
	display: inline-block;
	padding:0;
	list-style:none;
	width:250px;
	font-size:13px;
	font-family: DINRegular, Arial, sans-serif;
}

.dropdown-menu li a{
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.2);
	border-top: 1px solid rgba(255,255,255, 0.2);
	background:#007ec2;
	text-decoration:none;
	color:#FFF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.2);
	filter: dropshadow(color=#000, offx=1, offy=0);
	padding:10px;
	padding-left:20px;
}

.dropdown-menu li ul li a{
	font-size:12px;
	color:#007ec2;
	text-shadow: 1px 0px 1px rgba(255,255,255,0.5);
	filter: dropshadow(color=#000, offx=1, offy=0);
}

.dropdown-menu li a:hover{
	background:#342f2f;
}
.dropdown-menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.dropdown-menu li{
	position: relative;
}
/*.menu_page ul{
	margin:0;
	padding:0;
	list-style:none;
	height:0;
	overflow: hidden;
	transition: all 2.5s;
    -moz-transition: all 2.5s;
    -webkit-transition: all 2.5s;
    -o-transition: all 2.5s;
}*/

/*.menu_page li:hover ul{
	height:100%;
	max-height: 500px;
	overflow-x:hidden;

}*/
.sub-menu{
	width: 250px;
	z-index: 10;
	float: left;
	position: absolute;
	left: 250px;
	top: 0;
}
.dropdown-menu ul li a{
	background:#eeeeee;
}

.dropdown-menu ul li a:hover{
	color:#342f2f;
	background:#eeeeee;
}
/******** FIN MENU DES PAGES ********/

#avantages{
	background-color: #E5E5E5;
}

/******** PAGE RENOVATION ********/
p{
    line-height: 20px!important;
}
#page_reno aside, #page aside, aside{
	display: inline-block;
	margin-top: 35px;
}

#page_reno aside, #art_aside{
	margin-top: 35px;
}
#art_aside{
	margin-bottom: 35px;
}
#page_reno .content{
	/*width: 68%;*/
	display: inline-block;
	margin-top: 35px;
	vertical-align: top;
}

/*#page_reno .content p{
	margin-left: 35px;
}*/

#page_reno .content figure{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	margin-top: 35px;
	margin-right: 20px;
	width: 272px;
}

#page_reno .content figure p{
	margin: 0;
}

#page_reno figure a:hover{
	opacity: 0.7;
}

#page_reno figure figcaption{
	position: absolute;
	height: 91px;
	bottom: -1px;
	font-size: 1.4em;
	color: white;
	width: 180px;
	line-height: 1.1;
	padding-left: 7px;
}
/******** FIN PAGE RENOVATION ********/

/******** FIN PAGE PRODUIT ********/
/*.content{
	width: 70%;
	display: inline-block;
	vertical-align: top;
	padding-left: 35px;
	margin-top: 33px;
}*/
.portefolio a{
    font-size: 17px!important;
    font-family: DINRegular,Arial,sans-serif!important;
    line-height: 1.909em;
    color: #007ec2;
    text-decoration: none;
}
.content a{
	font-size: 1em;
	/*line-height: 1.909em;*/
	/*color:#007ec2;*/
	/*text-decoration: none;*/
	/*position: absolute;*/
	/*width: 164px;*/
	font-family: din-bold, Arial, sans-serif;
}
.content a:hover{
	color:#323232;
}
.portefolio{
    font-size:16px;
    text-align: center;
}
.portefolio img{
    height: 150px;
    width: 150px;
}
.portefolio p.text-center{
    position: absolute;
    bottom: 0px;
}
#prod_associe.portefolio article{
    height: 155px;
}
.portefolio article{
	display: inline-block;
	height: 200px;
	/*width: 164px;*/
	/*margin-right: 15px;*/
	/*margin-left: 15px;*/
	line-height: 1.2;
	font-size: 12px;
	position: relative;
}
.content article h2{
    font-size: 10px;
    bottom: 20px;
    border: none;
    position: absolute;
    bottom: 0;
}
.content article img{
	/*float: left;*/
	/*margin-right: 10px;*/
}
.content article img:hover{
	opacity: 0.5;
}
.content section{
	margin-bottom: 35px;
}

/******** PAGES NORMALES ********/

#page .content .alignleft{
	margin-right: 95px;
}
.main h1{
    color: #007ec2;
    font-size: 1.7em;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-bottom: 20px;
}

#logo{
	height: 300px;
	position: relative;
}

#logo figure{
	position: absolute;
	bottom: 0;
	right: 0;
}

.avantages{
	/*display: inline-block;*/
	text-transform: uppercase;
	background-color: #007ec2;
	color: white;
	height: 300px;
	/*width: 280px;*/
	margin-top: 100px;
    padding: 25px;
}
.avantages h3{
	/*width: 240px;*/
	margin: auto;
	border-bottom: 1px solid;
	font-size: 1.2em;
}
.avantages li{
	line-height: 1.6;
}
.avantages ul{
	padding-right: 10px;
}
.ref.beautybck h4{
    position: absolute;
    bottom: 72px;
    background-color: rgba(255, 255,255, 0.8);
    padding: 15px;
    left:0;
    width: 100%;
    text-align: center;
}
.ref{
	/*display: inline-block;*/
	text-transform: uppercase;
	height: 300px;
	/*width: 280px;*/
	margin-top: 100px;
	vertical-align: top;
	/*float: right;*/
    padding: 25px;
	position: relative;
}
.ref h2{
	color: #007ec2;
	width: 240px;
	margin: auto;
	border-bottom: 1px solid #007ec2;
	font-size: 1.2em;
}
.ref img{
	margin-left: auto;
	margin-right: auto;
	width: 240px;
	height: 144px;
	display: block;
	margin-top: 10px;
}
.ref p{
	text-align: center;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}
.ref a{
	position: absolute;
	bottom: 20px;
	right: 20px;
}
strong{
    font-family: din-bold;
}
#prod_associe{
	background-color: #E0F1F9;
	color: #007ec2;
	margin-top: 20px;
	height: auto;
    padding: 25px 25px 50px 25px;
}
#prod_associe h3{
    border-bottom: 1px #007ec2 solid;
    margin-bottom: 15px;
    font-size: 1.8em!important;
    padding-bottom: 10px;
    font-size: 1.8em!important;
    margin-bottom: 15px;
    font-family: DINRegular;
    text-align: left;
}
#prod_associe h4{
	font-size: 1em;
	font-family: DINRegular, Arial, sans-serif;
	text-transform: uppercase;
}
#prod_associe a{
	color: #007ec2;
	text-decoration: none;
	line-height: 1.4em;
}
#prod_associe a:hover{
	color: #323232;
}
/******** FIN PAGES NORMALES ********/
/******** PAGES A PROPOS ********/
#page_footer{
	background-color: #E5E5E5;
	padding-left: 35px;
	padding-top: 35px;
	padding-bottom: 60px;
	margin-top: 70px;
}
#page_footer h2{
	color: #6d6d6d;
	font-size: 1.2em;
	margin-bottom: 20px;
}
#page_footer img{
	vertical-align: top;
}
#page_footer ul{
	display: inline-block;
	margin-left: 100px;
	margin-top: 0;
}

#page_footer ul li{
	list-style-image : url(images/marker.png);
}
#page_footer ul li .pays{
	font-weight: bold;
}

#page_footer ul li .rue{
	font-size: 0.9em;
}

#page_footer ul li .tel{
	font-size: 1.7em;
}
#page_footer ul .last{
	margin-top: 35px;
	border-top: 1px solid #6d6d6d;
	padding-top: 25px;
}
/******** FIN PAGES A PROPOS ********/
/******** PAGE ORGANIGRAMME ********/
#page .content .fiche{
	display: inline-block;
	margin-left: 20px;
}

#page .content .item-cat li{
	display: inline-block;
	margin-right: 25px;
	width: 45%;
	margin-top: 10px;
	margin-bottom: 20px;
}

#page .content .fiche .nom{
	color: #0099cb;
	font-weight: bold;
}
#page .content .fiche .fonction{
	font-style: italic;
	font-weight: bold;
}

/******** FIN PAGE ORGANIGRAMME ********/
/* PAGE NEWS */
#page_news{
	width: 63%;
	/*width: 876px;*/
	min-height: 750px;
}
.content-news .post{
	margin-bottom: 10px;
	height: 200px;
	position: relative;
}
.content .post h2{
	border-bottom: 1px solid #2582c5;
	width: 100%;
	height: 30px;
}
.content .post img{
	padding-right: 10px;
	bottom: 0;
	left: 0;
}
.content .post ul{
	margin-top: 0;
}
.content .post p{
	margin-left: 175px;
}
.content .post li{
	margin-left: 0px;
}
.content #post-content{
	position: relative;
	height: 124px;
}
.post_content p{
	margin-top: 20px;
}
.latest-post{
	height: 70px;
	border-bottom: 1px solid #E5E5E5;
	margin-top: 10px;
}
.latest-post img{
	height: 60px;
	vertical-align: top;
}
.latest-post a{
	color: #323232;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.9em;
    display: block;
    line-height: 1;
}
.news-date{
    font-size:12px;
    color: #C3C3C3;
}
.latest-post a:hover{
	color: #2582c5;
}
/* FIN NeWS */
/* DEBUT TEL */
#post-tel{
	margin-bottom: 20px;
	height: 134px;
	position: relative;
}
#post-tel #post-content{
	height: 134px;
}
#post-tel a{
	position: absolute;
	bottom: 0px;
	left: 105px;
}

#post-tel img{
	float: left;
	border: solid 1px #CCC;
	margin-right: 10px;
}
#post-tel h3{
	text-transform: uppercase;
	font-size: 1em;
	display: inline-block;
	margin: 0;
	vertical-align: top;
	font-weight: bold;
	height: 20px;
	margin-bottom: 15px;
}

#post-tel p{
	font-size: 0.9em;
	margin: 0;
	vertical-align:top;
	line-height: 1;
}
#document_search{
	background-color: #007ec2;
	height: 37px;
	margin-bottom: 20px;
}
input{
    width:100%;
    border:1px solid #BFBFBF;
}
input[type="submit"]{
    background: rgb(37, 130, 197);
    color: #fff;
    border: 0px;
    padding: 10px 15px;
}
textarea{
    border:1px solid #BFBFBF;
    width: 100%;
}
#document_search_input{
	margin-top: 7px;
	margin-left: 6px;
}
/* FIN TEL */

/* PAGE CONTACT */
#page_contact .content{
	width: 63%;
}
#si_contact_form1{
	width: 400px;
	margin: auto;
}
/* FIN PAGE CONTACT */
/* SIDEBAR */
.sidebarnews{
	/*width: 270px;*/
	/*position: absolute;*/
	/*right: 0;*/
	/*margin-right: 20px;*/
	/*margin-top: 30px;*/
	/*margin-bottom: 20px;*/
}
.sidebarnews h3{
	padding-left: 0px;
}
.sidebarnews #article-recent h3{
	background-color: #2582c5;
}
#formsearch{
	background-color: #2582c5;
	/*height: 50px;*/
	padding: 15px;
}
.sidebarnews #s{
	/*margin-top: 14px;*/
    width: 100%;
}
#search{
	border-radius: 10px;
	margin-top: 14px;
}
#submitsearch{
	background-color: #2582c5;
	text-transform: uppercase;
	border: none;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
#follow-us{
	margin-top: 2px;
	background-color: #E5E5E5;
    padding: 15px;
}
#follow-us ul{
	width: 200px;
}
#follow-us #nsocial{
	padding-left: 0px;
	margin-bottom: 0px;
}
#article-recent{
	margin-top: 2px;
}
#article-recent h3{
	color: white;
    padding: 15px;
}
#article-recent li{
	list-style: none;
}
#s2_form_widget-2, #s2_form_widget-3{
	background-color: #E5E5E5;
    padding: 15px;
}
#s2_form_widget-2 h3, #s2_form_widget-3 h3{
	font-family: din-bold, Arial, sans-serif;
}
.subscribe{
	padding-left: 10px;
}
.widget{
	margin-top: 10px;
}
.sidebarcontact #contact-adr h3{
    color: white;
    background-color: #2582c5;
    padding: 15px;
    margin-top: 20px;
}
.sidebarcontact ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	margin-top: 10px;
}
.sidebarcontact ul li ul li{
	margin-left: 10px;
}
#contact-adr .adr_title{
	line-height: 1.8em;
}
#contact-devis{
	margin-top: 20px;
	position: relative;
}
#contact-devis h3{
	margin-bottom: 10px;
}
#contact-devis p{
	position: absolute;
	top: 75px;
	color: white;
	text-transform: uppercase;
	width: 200px;
	text-align: center;
	left: 30px;
	font-size: 1.3em;
}
#contact-mail{
	position: relative;
	height: 190px;
}
#contact-mail a{
	text-decoration: none;
	color: white;
}
#contact-mail .tpc{
	position: absolute;
	top: 5px;
	color: white;
	font-size: 21px;
	border-bottom: 1px solid #e5e5e5;
	text-transform: uppercase;
	width: 240px;
	text-align: center;
	left: 10px;
}
#contact-mail .btc{
	position: relative;
	bottom: 80px;
	color: white;
	font-size: 21px;
	text-align: center;
	width: 260px;
}
/* FIN SIDEBAR */

/* PAGE TELECHARGEMENT */

/* FIN PAGE TEL */
/************************************* FOOTER *************************************************************************/
footer{
	/*min-width: 1024px;*/
}
footer, #sitemap a{
	/*height:320px;*/
	color:#E5E5E5;
	background-color: black;
	text-decoration: none;
}
footer .container{
	padding-top: 20px;
	/*width: 900px;*/
	margin: auto;
	/*height: 230px;*/
}

footer .container h2{
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-family: din-bold, Arial, sans-serif;
	color: #E5E5E5;
	border:none;

}

.margin-bas{
	margin-bottom: 10px;
}
.margin-droite{
	margin-right: 5px;
}
footer p, footer ul
{
	font-size:0.8em;
	padding: 0;
	margin: 0px;
	margin-bottom: 10px;
}
#nsocial{
	display: inline-block;
	vertical-align: top;
}
#contact_1, #contact, #social, #sitemap, #affiliation{
	display: inline-block;
	vertical-align: top;
	float: left;
}
#contact_1{
	/*width: 25%;*/
}
#contact{
	/*width: 35%;*/
}
#sitemap{
	/*width: 19%;*/
}
#affiliation{
	/*width: 21%;*/
}
#contact_1 ul, #contact ul, #sitemap ul{
	list-style: none;
    text-transform: uppercase;
}
#contact_1, #contact{
	text-transform: uppercase;
}
#social li, #affiliation li{
	display: inline-block;
}
#social li img{
	width: 32px;
	height: auto;
}
#nsocial li{
	display: inline-block;
}
#nsocial li img{
	width: 32px;
	height: auto;
}
#affiliation img{
	margin-bottom: 5px;
}
footer #copyright{
	margin-top: 10px;
	text-align: center;
	font-size: 1.2em;
}
footer #copyright p{
	font-size: 0.6em;
	color:#666666;
	line-height: 0.4em;
}

/* PAGE CONTACT */


.erhideWhenNoText{
	background: rgba(0,0,0,0.5);
}

footer .container .footertitle{
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-family: din-bold, Arial, sans-serif;
	color: #E5E5E5;
	border:none;

}

#menu-menu-prod-fix, #menu-menu-ref, #menu-menu-prop, #menu-menu-reno{
	display: block;
	position: static;
}
.navbar-header{
    height: 40px;
}
.page-template-tpl_page_dl .col-md-9{
    min-height: 560px;
}
#UseyourDrive .search-input{
    box-shadow: none;
}
#UseyourDrive .entry{
    padding: 10px 0px 10px 15px;
}
/*.menu-item-has-children{position:relative;}*/
/*.menu-item-has-children>.dropdown-menu{top:0;left:100%;margin-left:-1px;}*/
/*.menu-item-has-children:hover>.dropdown-menu{display:block;}*/
.menu-item-has-children>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:0px;}
/*.menu-item-has-children:hover>a:after{border-left-color:#ffffff;}*/
/*.menu-item-has-children.pull-left{float:none;}.menu-item-has-children.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}*/
img.cycle-slide{
    width:auto!important;
}
.gss-info{
    background-color: #007ec2;
}
.gss-prev, .gss-next {
    border: 0px;
    background-color: #000;
    opacity: 1;
    padding: 4px 6px 5px 6px;
}
.cycle-slideshow{
    background-color: #fafafa;
}
.gss-pager .cycle-pager-active, .gss-pager .cycle-pager-active:hover{
    background-color: #007ec2;
}
.gss-prev:hover, .gss-next:hover{
    background-color: #fafafa;
    color: #007ec2;
}
#catapultCookie{
    font-family: Lucida,Arial,sans-serif!important;
    background-color: #2582c5;
    /* border-radius: 5px; */
    text-align: center;
    font-size: 12px!important;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    /* box-shadow: 2px 2px 5px #e5e5e5; */
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    border-radius: 5px;
}

.page-template-template_produit_interne a[href$='.pdf']:before{
    content: "\f019";
    font-family: FontAwesome;
    margin-right: 10px;
}

.link-top-nav{
    color: #E5E5E5;
    text-decoration: none;
    margin-right: 10px;
    text-transform: uppercase;
}

.link-top-nav:hover{
    color: #337ab7;
}