@charset "UTF-8";
/* CSS Document */

/* FONTS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
@font-face {
    font-family: 'Museo_Slab_700';
    src: url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.eot');
    src: url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.eot') format('embedded-opentype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.woff') format('woff'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/Museo_Slab_700.svg#Museo_Slab_700') format('svg');
	font-display: swap;
}
@font-face {
    font-family: 'SignPainterHouseScript01';
    src: url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.eot');
    src: url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.eot') format('embedded-opentype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.woff2') format('woff2'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.woff') format('woff'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.ttf') format('truetype'),
         url('/wp-content/themes/hello-elementor/assets/fonts/SignPainterHouseScript01.svg#SignPainterHouseScript01') format('svg');
	font-display: swap;
}
@font-face {
  font-family:Icons;
  src:url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.eot');
  src:url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.eot?#iconic-sm') format('embedded-opentype'),
  url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.woff') format('woff'),
  url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.ttf') format('truetype'),
  url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.otf') format('opentype'),
  url('/wp-content/themes/hello-elementor/assets/fonts/open-iconic.svg#iconic-sm') format('svg');
  font-weight:400;
  font-style:normal
}
h1,h2,h3,h4,h5,h6{font-family: 'Museo_Slab_700';}
p,label{font-family: 'Open Sans', sans-serif;}
.nomargin{ margin-top: 0 !important;}
body.margintop{ padding-top: 50px;}

/* HEADER */
#topbar{background: #222; color: #FFF; padding: 10px; margin-bottom: 0;}
#topbar a{color: #FFF;}
#topbar a:hover,#topbar a:focus{text-decoration: none;}
.navbar,nav ul li a,.logo img{-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
nav ul li a{color: #FFF;font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px;}
nav.white ul li a.dropdown-item{color: #474747 !important;}
nav ul li a:hover{color: #ed7a38 !important;}
nav.white ul li a:hover{color: #ed7a38 !important;}
nav .dropdown-menu{left: -15px;text-align: center;min-width: 100px;}
nav .dropdown-item:focus, .dropdown-item:hover{ background: none;}
.navbar-toggler{background: #FFF;}
.logo img{width: 200px;}
nav.white ul li a{color: #FFF !important;}

.navbar{ margin-top: 40px;}
.navbar.ntransparency{ background: #FFF !important; border-bottom: 1px solid #ed7a38 !important;}
.navbar.ntransparency ul li a{color: #474747 !important;}
.navbar.ntransparency ul li a:hover{color: #ed7a38 !important;}
.navbar.top{top: 45px;}
.navbar-nav .dropdown-menu{left: -25px;}

/* HOME */
#section1 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: url(https://metaphore.be/assets/video/bg.png);
}
.video-background {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}
.video-background video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
}
#masque {
    background-image: url(https://metaphore.be/assets/img/home-bg.png);
    background-repeat: repeat;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
}
#section1 h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
    font-size: 35px;
    width: 100%;
    text-align: center;
	line-height: 65px;
}
#section1 h1 span{ font-size: 80px;line-height: 115px;}
#bounced-arrow {
    z-index: 999999999;
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -20px;
}
#arrow {
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    background-size: contain;
}
.bounce {
    -o-animation: bounce 8s infinite;
    -moz-animation: bounce 8s infinite;
    -webkit-animation: bounce 8s infinite;
    animation: bounce 8s infinite;
}
@-webkit-keyframes bounce {
0% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
4% {
    -moz-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);}
8% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
12% {
    -moz-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);}
16%, 100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);}
}

#section2 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section2 h5{ color: #ed7a38;font-family: 'Open Sans', sans-serif; font-weight: 700;}
#section2 p{color: #474747;}
#section2 p span{ color: #ed7a38;}

#section3 {
    height: 400px;
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    background: url(https://metaphore.be/img/transat.jpg) no-repeat top left fixed;
    color: #fff;
    background-size: cover;
    position: relative;
    margin: 0;
}
#section3 .contenu_paralax {
    position: absolute;
    top: 55%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}
#section3 .contenu_paralax h1 {
    font-size: 50px;
    font-family: 'SignPainterHouseScript01';
	line-height: 70px;
	margin-top: -50px;
}
.contenu_paralax h1 span {
    font-family: 'Open Sans', sans-serif;
	font-size: 150px;
}
.contenu_paralax h1 span:last-child {
	position: absolute;
	bottom: -75px;
}

#section4 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section4 h3 a{color: #474747;}
#section4 h3 a:hover,#section4 h3 a:focus{text-decoration: none;}
#section4 p{font-size: 14px; color: #666;}
#section4 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section4 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}

#section5 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section5 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section5 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}

#section6 h1{color: #1e3482; border-bottom: 2px solid #ed7a38; display: inline-block;}
#section6 a.btn{ color: #1e3482; border: 1px solid #1e3482; font-size: 14px;}
#section6 a.btn:hover,#section5 a.btn:focus{color: #FFF; background: #1e3482;}
/*.grid-loadMore{ display: none;}*/
.grid-loadMore{
	color: #1e3482 !important;
    border: 1px solid #1e3482 !important;
	text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 400;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem !important;
    line-height: 1.5;
    border-radius: .25rem !important;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background: transparent !important;
}
.grid-loadMore:hover,.grid-loadMore:focus{
	color: #FFF !important;
    background: #1e3482 !important;
}
#grid2 .gbox,#grid .gbox{
    cursor: auto!important;
}


/* CONTACT */
#banner-contact{background: url(https://metaphore.be/assets/img/banner/contact.jpg) no-repeat center center; background-size: cover;}
.banner{height: 350px;overflow: hidden; margin-top: 0;}
/*.banner-wrap{max-width: 640px; margin: auto; height: 350px;}*/
/*.banner-wrap2{max-width: 822px; margin: auto; height: 350px;}*/
#bureaux{margin-top: 112px;}
#bureaux h5{color: #1e3482;border-bottom: 1px solid #1e3482; padding-bottom: 5px;}
#bureaux p{ font-size: 14px;}
#bureaux img{ position: relative; top: -1px;}
.content h1{color: #1e3482;}
.content h1 hr{border-top: 1px solid #ed7a38;}
#contact-form button[type=submit]{
	color: #1e3482;
    border: 1px solid #1e3482;
}
#contact-form button[type=submit]:hover,#contact-form button[type=submit]:focus{
	color: #FFF;
    border: 1px solid #1e3482;
	background: #1e3482
}
.custom-file-input{
	cursor: pointer;
}
.custom-file-input:lang(fr)~.custom-file-label::after {
	content: "Ajouter fichier";
}
.custom-file-input:lang(en)~.custom-file-label::after {
	content: "Add file";
}
.custom-file-input:lang(nl)~.custom-file-label::after {
	content: "Bestand toevoegen";
}

/* APPROCHE */
#banner-approche{background: url(https://metaphore.be/assets/img/banner/approche.jpg) no-repeat center center; background-size: cover;}
#banner-approche p.h1{top:58%; color:#ed7a38;font-size:50px; line-height: 35px;font-family: 'Museo_Slab_700';    text-shadow: 1px 1px 1px #000;}
#banner-approche p.h1 span{ font-size:24px; color: #FFF;}
#banner-approche img{top: 30%;}
#approche p span,#rpress p span,#rpub p span,#story p span,#events p span,#public-relations p span {
    color: #ed7a38;
}
#citation{ 
	background: #ed7a38;
    background: -moz-linear-gradient(left, #ed7a38 0%, #E86337 100%);
    background: -webkit-linear-gradient(left, #ed7a38 0%,#E86337 100%);
    background: linear-gradient(to right, #ed7a38 0%,#E86337 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7a38', endColorstr='#E86337',GradientType=1 );
	color: #FFF;font-family: 'SignPainterHouseScript01'; font-size: 32px; letter-spacing: 1px;
	width: 90%;
	margin: auto;
}
#services img{width: 90%;}
#services h5{font-size: 16px;}
#services h5 a{color: #474747; display: block;}
#services h5 a:hover,#services h5 a:focus{text-decoration: none;}
#services a.btn {
    color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
#sidebar{margin-top: 112px;}
#sidebar h5{color: #1e3482;}
#sidebar .sidebar.txt p{ font-size: 12px;}
#sidebar .sidebar.txt ul li{ color: #ed7a38}
#sidebar .sidebar.txt ul li p{ color: #212529}
#sidebar .sidebar.txt h5{ padding-bottom: 5px;}
.sidebar.contact{background: url(https://metaphore.be/assets/img/contact_sidebar.jpg) no-repeat 0 -14px; background-size: cover; height: 150px;-webkit-border-radius: 10px; border-radius: 10px;}
.sidebar.contact h5{height: 100%;}
.sidebar.contact h5 a{color: #FFF; display: block; height: 100%; width: 100%; line-height: 52px; font-size: 25px;}
.sidebar.contact h5 a:hover,.sidebar.contact h5 a:focus{text-decoration: none;}
.sidebar.sidebar .content{border-left: 20px solid #1e3482; border-right: 1px solid #1e3482; border-bottom: 1px solid #1e3482; border-top: 1px solid #1e3482;}
.sidebar.sidebar .btn,.ref_all .btn{
	color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
.sidebar.sidebar .btn:hover, .sidebar.sidebar .btn:focus {
    color: #FFF;
    background: #1e3482;
}


/* RELATIONS PRESSE */
#banner-relationpress{background: url(https://metaphore.be/assets/img/banner/relations-press.jpg) no-repeat center center; background-size: cover;}
.orange{color: #ed7a38;}
.content h3.blue{color: #1e3482;}

/* RELATIONS PUBLIQUE */
.content ul li{color: #ed7a38;}
.content ul li p{color: #212529;}

#public-relations .content ul{list-style: none;}
#public-relations .content ul li{
	color: #212529; text-indent: -.7em;
	margin-bottom: 0.9em;
}
#public-relations .content ul li::before {
  content: "• ";
  color: #ed7a38;
	position: relative;
	left: -7px;
}

/* REFERENCES */
#banner-references{background: url(https://metaphore.be/assets/img/banner/references.jpg) no-repeat center center; background-size: cover;}
#banner-references p.h1{top:58%; color:#FFF;font-size:25px; line-height: 35px;font-family: 'Museo_Slab_700';text-shadow: 1px 1px 1px #000;}
#banner-references p.h1 span{ font-size:30px;color: #ed7a38;}
#banner-references img{top: 43%;}
.ref .border{border-color: #1e3482 !important;}
.ref h2{color: #1e3482;}
.ref .btn{
	color: #1e3482;
    border: 1px solid #1e3482;
    font-size: 14px;
}
.ref .btn:hover, .ref .btn:focus {
    color: #FFF;
    background: #1e3482;
}
.alpha a{font-size: 16px;color: #1e3482;}
.alpha a:hover,.alpha a:focus{text-decoration: none;}
.alpha label{color: #1e3482;}
.ref_all a:hover,.ref_all a:focus{text-decoration: none;}
.ref_all a:hover .btn,.ref_all a:focus .btn{color: #FFF;background: #1e3482;}
.ref_all a.top{color: #ed7a38;}
.ref_all p.font-weight-bold{color: #1e3482;}
.ref_all a{color: #212529;}
.ref_all .border:hover{border-color: #ed7a38 !important;}


/* BANNER */
#banner-relationpublique{background: url(https://metaphore.be/assets/img/banner/relations-publiques.jpg) no-repeat center center; background-size: cover;}
#banner-publicaffairs{background: url(https://metaphore.be/assets/img/banner/public-affairs.jpg) no-repeat center center; background-size: cover;}
#banner-storytelling{background: url(https://metaphore.be/assets/img/banner/storytelling.jpg) no-repeat center center; background-size: cover;}
#banner-strategie{background: url(https://metaphore.be/assets/img/banner/strategie.jpg) no-repeat center center; background-size: cover;}
#banner-event{background: url(https://metaphore.be/assets/img/banner/event.jpg) no-repeat center center; background-size: cover;}

/* FOOTER */
footer .contact{ background: #303030;}
footer .contact h5{ color: #FFF;font-family: 'Open Sans', sans-serif;}
footer .contact p{ color: #FFF;}
footer .contact form{font-family: 'Open Sans', sans-serif;}
footer .contact form input{ width: 100%; border: 0; height: 36px;}
footer .contact form input[type=submit]{ border: 1px solid #FFF; color: #FFF; background: none;}
footer .contact form input[type=submit]:hover,footer .contact form input[type=submit]:focus{ background: #1e3482; color: #FFF; border: 1px solid #1e3482;}

footer .adresse{ background: #303030;}
footer .adresse h6{ color: #FFF;font-family: 'Open Sans', sans-serif;}
footer .adresse p{ color: #FFF; font-size: 12px;}

footer .copy{background: #171717; color: #FFF; font-size: 10px;}
footer .copy a{ color: #FFF;}


/* MEDIA QUERY */

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) and (orientation: portrait){
	#section1{background-position: -500px center;}
}
@media (max-width: 320px) {
	.logo-ref img{ max-height: 43px!important}
}
@media (max-width: 468px) {
	.logo-ref img{ max-height: 58px!important}
}
@media (max-width: 575.98px) {
	.logo img{width: 160px;}
	#section1 h1{font-size: 39px;line-height: 46px;}
	#section1 h1 span{font-size: 19px;line-height: 10px;}
	#section3 .contenu_paralax{ position: relative; left: auto; top: auto; transform: none;}
	#section3 .contenu_paralax h1{font-size: 24px; line-height: 50px; margin-top: 0;}
	.contenu_paralax h1 span{ font-size: 100px;}
	#section3{ height: 300px; background: url(https://metaphore.be/img/transat.jpg) no-repeat -56px; background-size: cover;}
	#section2 h1{ font-size: 19px;}
	#section2 h5{font-size: 18px;}
	#section4 h1{ font-size: 19px;}
	#section4 h3{font-size: 19px;}
	#section5 h1{ font-size: 19px;}
	#section6 h1{ font-size: 19px;}
	
	footer .contact h5{ text-align: center;}
	footer .footer-social{ text-align: center;}
	footer .footer-newsletter{ text-align: center;}
	footer .adresse{text-align: center;}
	
	.navbar.ntransparency ul li a{color: #FFF !important;}
	#topbar a{ font-size: 12px;}
	.navbar{position: absolute;top: auto; margin-top: 0;}
	.navbar-collapse{background: rgba(0,0,0,0.5);border-top: 1px solid #ed7a38;}
	.navbar-collapse ul{ display: block;}
	.navbar-collapse ul li{ text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 1);}
	.navbar-collapse ul li:last-child{border-bottom:0px;}
	.navbar-collapse ul li a{color: #FFF;}
	.dropdown-menu a{color: #474747 !important;}
	
	.content h1{font-size: 32px;}
	#bureaux{margin-top: 0;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 21px; width: 90% !important;}
	#banner-approche p.h1 span{font-size: 14px;}
	#banner-approche img{ height: 150px; top: 43%;}
	#banner-references p.h1{font-size: 14px; width: 90% !important;line-height: 23px;top: 51%;}
	#banner-references p.h1 span{font-size: 19px;}
	#banner-references img{ width: 150px; top: 50%;}
	
	.logo-ref img{ max-height: 90px}
	
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
	#section1 h1{font-size: 40px;}
	#section1 h1 span{font-size: 20px;}
	#section3 .contenu_paralax{ width: 90%;}
	#section3 .contenu_paralax h1{font-size: 40px; line-height: 50px;}
	.contenu_paralax h1 span{ font-size: 120px;}
	#section2 h1{ font-size: 30px;}
	#section4 h1{ font-size: 30px;}
	#section4 h3{font-size: 24px;}
	#section5 h1{ font-size: 30px;}
	#section6 h1{ font-size: 30px;}
	
	.navbar.ntransparency ul li a{color: #FFF !important;}
	.navbar{position: absolute;top: auto;margin-top: 0;}
	.navbar-collapse{background: rgba(0,0,0,0.5);border-top: 1px solid #ed7a38;}
	.navbar-collapse ul{ display: block;}
	.navbar-collapse ul li{ text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 1);}
	.navbar-collapse ul li:last-child{border-bottom:0px;}
	.navbar-collapse ul li a{color: #FFF;}
	.dropdown-menu a{color: #474747 !important;}
	
	#bureaux{margin-top: 0;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 39px;}
	#banner-approche p.h1 span{font-size: 18px;}
	#banner-references p.h1{font-size: 20px;}
	#banner-references p.h1 span{font-size: 19px;}
	#banner-references img{width: 170px;top: 49%;}
	
	.logo-ref img{ max-height: 56px}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	#section3{ height: 300px;}
	#section3 .contenu_paralax h1{font-size: 40px; line-height: 50px;}
	#section4 h3{font-size: 21px;}
	.contenu_paralax h1 span{ font-size: 120px;}
	footer .contact p{ font-size: 13px;}
	#sidebar{margin-top: 10px;}
	#banner-approche p.h1{font-size: 42px;}
	#banner-approche p.h1 span{font-size: 20px;}
	#banner-references p.h1{font-size: 22px;}
	#banner-references p.h1 span{font-size: 24px;}
	.logo-ref img{ max-height: 56px}
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	footer .contact p{ font-size: 13px;}
	.logo-ref img{ max-height: 49px}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.logo-ref img{ max-height: 60px}
}



.oi {
  position:relative;
  top:1px;
  display:inline-block;
  speak:none;
  font-family:Icons;
  font-style:normal;
  font-weight:400;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.oi:empty:before {
  width:1em;
  text-align:center;
  box-sizing:content-box
}
.oi.oi-align-center:before {
  text-align:center
}
.oi.oi-align-left:before {
  text-align:left
}
.oi.oi-align-right:before {
  text-align:right
}
.oi.oi-flip-horizontal:before {
  -webkit-transform:scale(-1,1);
  -ms-transform:scale(-1,1);
  transform:scale(-1,1)
}
.oi.oi-flip-vertical:before {
  -webkit-transform:scale(1,-1);
  -ms-transform:scale(-1,1);
  transform:scale(1,-1)
}
.oi.oi-flip-horizontal-vertical:before {
  -webkit-transform:scale(-1,-1);
  -ms-transform:scale(-1,1);
  transform:scale(-1,-1)
}
.oi-account-login:before {
  content:'\e000'
}
.oi-account-logout:before {
  content:'\e001'
}
.oi-action-redo:before {
  content:'\e002'
}
.oi-action-undo:before {
  content:'\e003'
}
.oi-align-center:before {
  content:'\e004'
}
.oi-align-left:before {
  content:'\e005'
}
.oi-align-right:before {
  content:'\e006'
}
.oi-aperture:before {
  content:'\e007'
}
.oi-arrow-bottom:before {
  content:'\e008'
}
.oi-arrow-circle-bottom:before {
  content:'\e009'
}
.oi-arrow-circle-left:before {
  content:'\e00a'
}
.oi-arrow-circle-right:before {
  content:'\e00b'
}
.oi-arrow-circle-top:before {
  content:'\e00c'
}
.oi-arrow-left:before {
  content:'\e00d'
}
.oi-arrow-right:before {
  content:'\e00e'
}
.oi-arrow-thick-bottom:before {
  content:'\e00f'
}
.oi-arrow-thick-left:before {
  content:'\e010'
}
.oi-arrow-thick-right:before {
  content:'\e011'
}
.oi-arrow-thick-top:before {
  content:'\e012'
}
.oi-arrow-top:before {
  content:'\e013'
}
.oi-audio-spectrum:before {
  content:'\e014'
}
.oi-audio:before {
  content:'\e015'
}
.oi-badge:before {
  content:'\e016'
}
.oi-ban:before {
  content:'\e017'
}
.oi-bar-chart:before {
  content:'\e018'
}
.oi-basket:before {
  content:'\e019'
}
.oi-battery-empty:before {
  content:'\e01a'
}
.oi-battery-full:before {
  content:'\e01b'
}
.oi-beaker:before {
  content:'\e01c'
}
.oi-bell:before {
  content:'\e01d'
}
.oi-bluetooth:before {
  content:'\e01e'
}
.oi-bold:before {
  content:'\e01f'
}
.oi-bolt:before {
  content:'\e020'
}
.oi-book:before {
  content:'\e021'
}
.oi-bookmark:before {
  content:'\e022'
}
.oi-box:before {
  content:'\e023'
}
.oi-briefcase:before {
  content:'\e024'
}
.oi-british-pound:before {
  content:'\e025'
}
.oi-browser:before {
  content:'\e026'
}
.oi-brush:before {
  content:'\e027'
}
.oi-bug:before {
  content:'\e028'
}
.oi-bullhorn:before {
  content:'\e029'
}
.oi-calculator:before {
  content:'\e02a'
}
.oi-calendar:before {
  content:'\e02b'
}
.oi-camera-slr:before {
  content:'\e02c'
}
.oi-caret-bottom:before {
  content:'\e02d'
}
.oi-caret-left:before {
  content:'\e02e'
}
.oi-caret-right:before {
  content:'\e02f'
}
.oi-caret-top:before {
  content:'\e030'
}
.oi-cart:before {
  content:'\e031'
}
.oi-chat:before {
  content:'\e032'
}
.oi-check:before {
  content:'\e033'
}
.oi-chevron-bottom:before {
  content:'\e034'
}
.oi-chevron-left:before {
  content:'\e035'
}
.oi-chevron-right:before {
  content:'\e036'
}
.oi-chevron-top:before {
  content:'\e037'
}
.oi-circle-check:before {
  content:'\e038'
}
.oi-circle-x:before {
  content:'\e039'
}
.oi-clipboard:before {
  content:'\e03a'
}
.oi-clock:before {
  content:'\e03b'
}
.oi-cloud-download:before {
  content:'\e03c'
}
.oi-cloud-upload:before {
  content:'\e03d'
}
.oi-cloud:before {
  content:'\e03e'
}
.oi-cloudy:before {
  content:'\e03f'
}
.oi-code:before {
  content:'\e040'
}
.oi-cog:before {
  content:'\e041'
}
.oi-collapse-down:before {
  content:'\e042'
}
.oi-collapse-left:before {
  content:'\e043'
}
.oi-collapse-right:before {
  content:'\e044'
}
.oi-collapse-up:before {
  content:'\e045'
}
.oi-command:before {
  content:'\e046'
}
.oi-comment-square:before {
  content:'\e047'
}
.oi-compass:before {
  content:'\e048'
}
.oi-contrast:before {
  content:'\e049'
}
.oi-copywriting:before {
  content:'\e04a'
}
.oi-credit-card:before {
  content:'\e04b'
}
.oi-crop:before {
  content:'\e04c'
}
.oi-dashboard:before {
  content:'\e04d'
}
.oi-data-transfer-download:before {
  content:'\e04e'
}
.oi-data-transfer-upload:before {
  content:'\e04f'
}
.oi-delete:before {
  content:'\e050'
}
.oi-dial:before {
  content:'\e051'
}
.oi-document:before {
  content:'\e052'
}
.oi-dollar:before {
  content:'\e053'
}
.oi-double-quote-sans-left:before {
  content:'\e054'
}
.oi-double-quote-sans-right:before {
  content:'\e055'
}
.oi-double-quote-serif-left:before {
  content:'\e056'
}
.oi-double-quote-serif-right:before {
  content:'\e057'
}
.oi-droplet:before {
  content:'\e058'
}
.oi-eject:before {
  content:'\e059'
}
.oi-elevator:before {
  content:'\e05a'
}
.oi-ellipses:before {
  content:'\e05b'
}
.oi-envelope-closed:before {
  content:'\e05c'
}
.oi-envelope-open:before {
  content:'\e05d'
}
.oi-euro:before {
  content:'\e05e'
}
.oi-excerpt:before {
  content:'\e05f'
}
.oi-expand-down:before {
  content:'\e060'
}
.oi-expand-left:before {
  content:'\e061'
}
.oi-expand-right:before {
  content:'\e062'
}
.oi-expand-up:before {
  content:'\e063'
}
.oi-external-link:before {
  content:'\e064'
}
.oi-eye:before {
  content:'\e065'
}
.oi-eyedropper:before {
  content:'\e066'
}
.oi-file:before {
  content:'\e067'
}
.oi-fire:before {
  content:'\e068'
}
.oi-flag:before {
  content:'\e069'
}
.oi-flash:before {
  content:'\e06a'
}
.oi-folder:before {
  content:'\e06b'
}
.oi-fork:before {
  content:'\e06c'
}
.oi-fullscreen-enter:before {
  content:'\e06d'
}
.oi-fullscreen-exit:before {
  content:'\e06e'
}
.oi-globe:before {
  content:'\e06f'
}
.oi-graph:before {
  content:'\e070'
}
.oi-grid-four-up:before {
  content:'\e071'
}
.oi-grid-three-up:before {
  content:'\e072'
}
.oi-grid-two-up:before {
  content:'\e073'
}
.oi-hard-drive:before {
  content:'\e074'
}
.oi-header:before {
  content:'\e075'
}
.oi-headphones:before {
  content:'\e076'
}
.oi-heart:before {
  content:'\e077'
}
.oi-home:before {
  content:'\e078'
}
.oi-image:before {
  content:'\e079'
}
.oi-inbox:before {
  content:'\e07a'
}
.oi-infinity:before {
  content:'\e07b'
}
.oi-info:before {
  content:'\e07c'
}
.oi-italic:before {
  content:'\e07d'
}
.oi-justify-center:before {
  content:'\e07e'
}
.oi-justify-left:before {
  content:'\e07f'
}
.oi-justify-right:before {
  content:'\e080'
}
.oi-key:before {
  content:'\e081'
}
.oi-laptop:before {
  content:'\e082'
}
.oi-layers:before {
  content:'\e083'
}
.oi-lightbulb:before {
  content:'\e084'
}
.oi-link-broken:before {
  content:'\e085'
}
.oi-link-intact:before {
  content:'\e086'
}
.oi-list-rich:before {
  content:'\e087'
}
.oi-list:before {
  content:'\e088'
}
.oi-location:before {
  content:'\e089'
}
.oi-lock-locked:before {
  content:'\e08a'
}
.oi-lock-unlocked:before {
  content:'\e08b'
}
.oi-loop-circular:before {
  content:'\e08c'
}
.oi-loop-square:before {
  content:'\e08d'
}
.oi-loop:before {
  content:'\e08e'
}
.oi-magnifying-glass:before {
  content:'\e08f'
}
.oi-map-marker:before {
  content:'\e090'
}
.oi-map:before {
  content:'\e091'
}
.oi-media-pause:before {
  content:'\e092'
}
.oi-media-play:before {
  content:'\e093'
}
.oi-media-record:before {
  content:'\e094'
}
.oi-media-skip-backward:before {
  content:'\e095'
}
.oi-media-skip-forward:before {
  content:'\e096'
}
.oi-media-step-backward:before {
  content:'\e097'
}
.oi-media-step-forward:before {
  content:'\e098'
}
.oi-media-stop:before {
  content:'\e099'
}
.oi-medical-cross:before {
  content:'\e09a'
}
.oi-menu:before {
  content:'\e09b'
}
.oi-microphone:before {
  content:'\e09c'
}
.oi-minus:before {
  content:'\e09d'
}
.oi-monitor:before {
  content:'\e09e'
}
.oi-moon:before {
  content:'\e09f'
}
.oi-move:before {
  content:'\e0a0'
}
.oi-musical-note:before {
  content:'\e0a1'
}
.oi-paperclip:before {
  content:'\e0a2'
}
.oi-pencil:before {
  content:'\e0a3'
}
.oi-people:before {
  content:'\e0a4'
}
.oi-person:before {
  content:'\e0a5'
}
.oi-phone:before {
  content:'\e0a6'
}
.oi-pie-chart:before {
  content:'\e0a7'
}
.oi-pin:before {
  content:'\e0a8'
}
.oi-play-circle:before {
  content:'\e0a9'
}
.oi-plus:before {
  content:'\e0aa'
}
.oi-power-standby:before {
  content:'\e0ab'
}
.oi-print:before {
  content:'\e0ac'
}
.oi-project:before {
  content:'\e0ad'
}
.oi-pulse:before {
  content:'\e0ae'
}
.oi-puzzle-piece:before {
  content:'\e0af'
}
.oi-question-mark:before {
  content:'\e0b0'
}
.oi-rain:before {
  content:'\e0b1'
}
.oi-random:before {
  content:'\e0b2'
}
.oi-reload:before {
  content:'\e0b3'
}
.oi-resize-both:before {
  content:'\e0b4'
}
.oi-resize-height:before {
  content:'\e0b5'
}
.oi-resize-width:before {
  content:'\e0b6'
}
.oi-rss-alt:before {
  content:'\e0b7'
}
.oi-rss:before {
  content:'\e0b8'
}
.oi-script:before {
  content:'\e0b9'
}
.oi-share-boxed:before {
  content:'\e0ba'
}
.oi-share:before {
  content:'\e0bb'
}
.oi-shield:before {
  content:'\e0bc'
}
.oi-signal:before {
  content:'\e0bd'
}
.oi-signpost:before {
  content:'\e0be'
}
.oi-sort-ascending:before {
  content:'\e0bf'
}
.oi-sort-descending:before {
  content:'\e0c0'
}
.oi-spreadsheet:before {
  content:'\e0c1'
}
.oi-star:before {
  content:'\e0c2'
}
.oi-sun:before {
  content:'\e0c3'
}
.oi-tablet:before {
  content:'\e0c4'
}
.oi-tag:before {
  content:'\e0c5'
}
.oi-tags:before {
  content:'\e0c6'
}
.oi-target:before {
  content:'\e0c7'
}
.oi-task:before {
  content:'\e0c8'
}
.oi-terminal:before {
  content:'\e0c9'
}
.oi-text:before {
  content:'\e0ca'
}
.oi-thumb-down:before {
  content:'\e0cb'
}
.oi-thumb-up:before {
  content:'\e0cc'
}
.oi-timer:before {
  content:'\e0cd'
}
.oi-transfer:before {
  content:'\e0ce'
}
.oi-trash:before {
  content:'\e0cf'
}
.oi-underline:before {
  content:'\e0d0'
}
.oi-vertical-align-bottom:before {
  content:'\e0d1'
}
.oi-vertical-align-center:before {
  content:'\e0d2'
}
.oi-vertical-align-top:before {
  content:'\e0d3'
}
.oi-video:before {
  content:'\e0d4'
}
.oi-volume-high:before {
  content:'\e0d5'
}
.oi-volume-low:before {
  content:'\e0d6'
}
.oi-volume-off:before {
  content:'\e0d7'
}
.oi-warning:before {
  content:'\e0d8'
}
.oi-wifi:before {
  content:'\e0d9'
}
.oi-wrench:before {
  content:'\e0da'
}
.oi-x:before {
  content:'\e0db'
}
.oi-yen:before {
  content:'\e0dc'
}
.oi-zoom-in:before {
  content:'\e0dd'
}
.oi-zoom-out:before {
  content:'\e0de'
}