/* ----------------------------------------------
:: Template Name: CI_site
:: Template Author: Terrysharp
:: Template Author URI: https://isialys.com
:: Version: v1.0.0
:: Last Updated: 19-03-2019
---------------------------------------------- */


@media (max-width: 767px){ 
	h1, .h1 { font-size: 1.5rem }
	h2, .h2  { font-size: 1.5rem }
}

/* Header
---------------------- */

.header-area { overflow: hidden; padding: 10px}
.header-area-pixel { /*position: absolute;*/ z-index: 1000; width: 100%; top: 170px; left: 0; right: 0; }

.top-bar-section { padding-top: 10px; padding-bottom: 10px; 	background: #2098bf; color: #fff; }
.top-contact { float: left; text-align: center; }
.top-social-icon { float: right; text-align: center; padding-top: 5px}
.top-bar-section.top-bar-bg-color a { color: #fff; }
.top-contact a i { padding-left: 5px; padding-right: 5px; }
.top-social-icon ul { margin: 0; padding: 0; }
.top-social-icon li { margin-left: 10px; }
.top-bar-section a { text-transform: inherit; font-weight: 400; padding: 5px 0; letter-spacing: 1px; display: inline-block; font-size: 12px; letter-spacing: 0.5px; }
.top-bar-section a i { font-size: 16px; }
.top-social-icon a.btn { padding-top: 8px; color:#7BBCC8 }
.top-social-icon a.btn:hover, .call-us ul li a:hover { color: #7BBCC8; text-decoration: none; }
.top-social-icon .btn-text { font-size: 20px; line-height: 24px; border: 2px solid #7BBCC8; padding: 0 22px; border-radius: 30px; display: inline-block; height: 44px; text-align: center; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; }
.link-hover-black > a:last-child { margin-left: 10px; }

.call-us ul { list-style-type: none; line-height: 1.3; padding-top: 35px; }
.call-us ul li { display: inline-block; font-weight: bold; padding: 0 1px; vertical-align: top; position: relative; }
.call-us ul li:first-child:after { content: ""; background: #d5dce4; display: block; position: absolute; right: -15px; top: -18px; width: 1px; height: 67px; }
.call-us ul li:last-child { padding: 0 0 0 25px !important; }
.call-box { float: right; font-weight: bold; font-size: 13px; color: #545454; }
.call-box > span { display: block; }
.call-us i { font-size: 46px; float: left; margin-right: 12px; vertical-align: top; margin-top: -8px; }
.call-us ul li a { font-size: 30px; color: #fff; line-height: 1; transition: 1s all ease; -webkit-transition: 1s all ease; font-weight: 700 }
.call-us { float: right; }

.logo_area ul { float: right; padding: 0; margin: 0; list-style-type: none; }
.logo_area { padding: 20px}
.logo_area > a:before { width: 9000px; height: 100px; background-color: transparent; position: absolute; z-index: 1; content: ''; top: 0; right: 100px; }
.logo_area > a { width: 250px; background-color: transparent; position: relative; z-index: 2; }
.menu-open-close { width: 100px; background-color: #ebebeb; height: 100px; }

@media (max-width: 767px){
	.h3, h3 { font-size: 1.45rem}
	.h4, h4 { font-size: 1.20rem}
	.header-area { height: 100%; padding: 20px }
	.header-area img { width: 100%; }
	.no-mobile { display:none !important;}
	.navbar { padding: 0.5rem 1rem !important; }
}


/* Navbar
---------------------- */
.navbar .h5, .navbar h5 { font-size: 1.05rem}
.justify-content-between { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.navbar-light .navbar-nav .show>.nav-link { color: rgba(227,0,95,.9); }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(239,144,31,1.0); }
.navbar { font-family: 'Open Sans Condensed', sans-serif ; font-size: 23px; padding: 0 1rem; background: #fff; -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 6px 4px rgba(0, 0, 0, 0.375); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.375); } 
.navbar .active { background: #7BBCC8; } .navbar ul > li.nav-item { padding:15px 0}

.affix { background: #424242; }
/*.affix.navbar.bg-custom{  position: fixed; top: 0px; width: 100%; transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; background: #000;}*/
.affix.navbar.bg-custom { top: -100px; transition: top 0.5s ease 0s; -webkit-transition: top 0.5s ease 0s; -moz-transition: top 0.5s ease 0s; -o-transition: top 0.5s ease 0s; }
.affix .navbar-brand, .affix .navbar-nav .nav-link, .affix .navbar-nav .active>.nav-link, .affix .navbar-nav .show>.nav-link { color: rgba(255,255,255,.9); }
.affix .navbar-brand:focus, .affix .navbar-brand:hover, .affix .navbar-nav .nav-link:focus, .affix .navbar-nav .nav-link:hover { color: #e74208}
.affix.navbar-toggler { color: #fff}

.megamenu-li { position: static; }
.megamenu { position: absolute; width: 100%; left: 0; right: 0; 	padding: 15px 15px 15px 45px; }
.dropdown-item { padding-left: 2px}
.dropdown-item .fa { color: #eda345; margin-right: 10px}
.dropdown-item  .fa.fa-rose { color: #da94a8}
.dropdown-item  .fa.fa-fuchs { color: #c6006a}
.dropdown-item  .fa.fa-blue { color: #A7BBD8}
.dropdown-item  .fa.fa-dark { color: #262628}


@media (max-width: 767px){
	li { cursor: pointer;}
	.navbar ul > li.nav-item { padding: 0; }
	.dropdown-menu.show { width:100% !important; left:0 }
	.affix.navbar.bg-custom { background:#7BBCC8; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; padding:8px !important}
	.navbar-light .navbar-toggler, .navbar-toggler-icon { color:#fff !important }
	.navbar-brand { min-width: 50% !important;}
	.res-main { font-size:12px}
	.col.no-pad { padding:0; margin-right:3px }
}
@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link { padding: 0 1.0rem; }
}

@media only screen and (min-width: 992px) and (max-width: 1024px){ /* ipad base */ 
	.header-area h4 { font-size: 1.2rem}
	.header-area h5 { font-size: 1.0rem}
	.navbar-brand { display: none}
	.navbar-expand-lg .navbar-nav .nav-link { font-size: 18px }
	.call-us ul li a { font-size: 18px}
}

.dropdown-menu.show { padding-bottom:20px; border-top: solid 1px rgba(0,0,0,0.15); box-shadow: 0 6px 12px rgba(0,0,0,0.175) !important; -webkit-background-clip: padding-box; width:70%; margin-left:auto; margin-right: auto}


/* PAGES CONTENT
---------------------- */
.jumbotron { border-radius: 0; background-color: #e7c694 } 

/* 
box-shadow: inset 0px 1.15em 28px -10px rgba(0, 0, 0, 0.4), inset 0px -1.15em 28px -10px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 0 1.25em rgba(0, 0, 0, 0.3); box-shadow: inset 0px 16px 1px rgba(0, 0, 0, .2); */
.container.main-content { padding: 30px 0 60px}
.social-inline { list-style: none; margin-bottom: 30px; padding-left: 20px; }
.social-inline > li { display: inline-block; margin-right: 15px; line-height: 1.2em; }
.fb-share-button { position: relative; top: -4px; }

@media (max-width: 767px){
	.container.main-content { padding:15px }
	.pl-5,.px-5 { padding-left: 15px !important }
}

@media (min-width: 992px){
	.container { max-width: 1240px}
}

/* POST
---------------------- */
.post-body img { margin-bottom: 40px}
.pagination-links{ margin:30px 0; }
.pagination-links strong{ padding: 8px 13px; margin:5px; background: #f4f4f4; border: 1px #ccc solid; }
a.pagination-link{ padding: 8px 13px; margin:5px; background: #f4f4f4; border: 1px #ccc solid; }

/* FORMULAR 
---------------------- */
.mt-up { margin-top: -80px; }
#contactForm .message, .noprint{ display: none; }
#contactForm .load, #loginForm .load, #registerForm .load, #loader{ display: none; margin-left: 20px; }
img.load { position: relative; top: -35px; width: 20px }
.has-error .form-control, .has-error .form-control:focus { border: 1px solid #e74c3c; }
.contact-form { position: relative; background: #fff; text-align: center; -webkit-box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1); box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1);}
.contact .icon-circle { border: 1px solid #7BBCC8; color: #7BBCC8; }
.icon-circle { font-size: 50px; border: 1px solid #d5d5d5; height: 89px; width: 89px; text-align: center; line-height: 89px; margin: 0 auto;  border-radius: 100%; display: block; }

/* FEATURES
---------------------- */
.features-slider-area { padding: 50px 15px; position: relative; z-index: 1; background: #ccc }
.single-feature { padding: 15px; background-color: #fff; margin-top: 70px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); min-height:305px }
.single-feature > p { margin-bottom: 0; font-size: 14px; text-align: left;}
.single-features-area { position: relative; z-index: 1; background-color: #f4f6f8; -webkit-transition-duration: 500ms; transition-duration: 500ms; }
.single-features-area .infos-start p { position: absolute; top: 20px; left: 20px; background-color: #EF901F; height: 35px; font-size: 12px; line-height: 35px; margin-bottom: 0; padding: 0 15px; font-weight: 600; color: #fff; z-index: 9; }
.feature-favourite > a { color: #00428c; font-size: 24px; }
.feature-title { margin-bottom: 25px; }
.feature-title > h5 { margin-bottom: 0; font-size: 1.3rem }
.feature-title > img { max-width: 35px; margin-right: 20px; }
.feature-content { padding: 30px 10px; }

.creative_feature_area { background: #f7f7f7; }
.c_feature_box { -webkit-box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1); box-shadow: 0px 25px 49px 0px rgba(58, 74, 88, 0.1); border-radius: 2px; background: #fff; padding: 45px 0px; margin-top: -30px; z-index: 1; position: relative; }
.c_box_item { padding: 0px 35px 0px 40px; position: relative; }
.c_box_item:before {  content: ""; background: #e1e1e1; height: 100%; width: 1px; position: absolute; right: -15px; top: 0px; }
.c_feature_box .col-lg-4:last-child .c_box_item:before { display: none; }
.c_box_item a { color: #000}

@media (max-width: 767px){
	.c_feature_box { margin-top: 20px; }
	.creative_feature_area { background: #fff }
}

/* EFFECTS
--------------------------- */
.shadinblack { box-shadow: inset 0px 0 1.25em rgba(0, 0, 0, 0.4); }

/* HOVEREFFECTS
--------------------------- */

.black_filter { background-color: linear-gradient(0deg, transparent 0%, rgba(0,0,0,0.8) 1%, rgba(0,0,0,0.4) 60%, transparent 60%)}
.hovereffect { width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; }
.hovereffect .overlay { content: ""; width:100%; height:100%; position:absolute; overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(0,0,0,0.5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out }
.hovereffect img { display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear; }
.hovereffect p { margin-top: 15px; }
.hovereffect h2, .hovereffect h4, .hovereffect h5, .hovereffect p { color:#fff;}
.hovereffect h4 { margin: 15px 0 !important }
.hovereffect a:hover, .hovereffect focus:hover, .hovereffect a.btn:hover { color: #F60 !important; }
.hovereffect h2 { text-transform:uppercase; text-align:center; position:relative; font-size:17px; background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px); -ms-transform:translatey(-100px); transform:translatey(-100px); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; padding:10px; }
.hovercenter { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; color: #FFF;  /*-webkit-text-stroke: 0.05em black*/ background: rgba(0,0,0,0.3); padding: 4px 6px; border-radius: 6px }
.hovereffect a.info { text-decoration:none; display:inline-block; text-transform:uppercase; color:#fff; background-color:transparent; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; margin:50px 0 0; padding:1px 14px; font-size:25px }
.hovereffect a { color: #fff}
.hovereffect a.info:hover { color:#fecc00; }
.hovereffect:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2); }
.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }
.hovereffect:hover h2,.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0);
-webkit-transform:translatey(0); transform:translatey(0); }
.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }
.overlay .glyphicon, .overlay .ion, .overlay .fa { position: absolute; top: 45%; left: 50%; font-size: 30px}

.colorfilter img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.colorfilter img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }

/* CARD
---------------------------- */
.points-conseils .card-title { margin-bottom:0}

/* FLIP CARD 
---------------------------- */

.flip { -webkit-perspective: 800; perspective: 800; position: relative; text-align: center; }
.flip .card.flipped { -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); }
.flip .card { -webkit-transform-style: preserve-3d; -webkit-transition: 0.5s; transform-style: preserve-3d; transition: 0.5s; border: none }
.flip .card .face { -webkit-backface-visibility: hidden ; backface-visibility: hidden ; z-index: 2; }
.flip .card .front { position: absolute; z-index: 1; }
.flip .card .img { position: relative; z-index: 1; }
.flip .card .back { padding: 0 10px; padding-top: 10%; -webkit-transform: rotatey(-180deg); transform: rotatey(-180deg); }
.inner img { width: 100% }
.inner{ margin:0px !important;}

/* OWL CAROUSEL-------------- */

.owl-carousel { touch-action: none; }

.owl-nav { position: absolute; top: -50px; left:0; }
.owl-carousel .item img { width: 100%  }
.owl-carousel .item .card { border: none; border-radius: 0rem}
.owl-next .fa, .owl-prev .fa { margin-top:10px; font-size: 24px; color: #7BBCC8}
.owl-next .fa { margin-left:20px}


/* CUSTOMIZE THE CAROUSEL
---------------------------- */

.carousel { margin-bottom: 0rem; background: transparent }
.carousel-caption { top: 3rem; z-index: 10; }
.carousel-caption .hcenter { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto;}
.carousel-caption .hleft { position: absolute; left: 0;}
.carousel-caption .hright { position: absolute; right: 0;}
.carousel-inner .inner-cache img { position:absolute; max-height: 100%; left:0 }

.carousel-item { height: 32rem; background-color: transparent; }
.carousel-item > img { position: absolute; top: 0; left: 0; max-width: 100%; height: 100%; }
.carousel-item > video{ width:100% }
.carousel-caption span { position: absolute; padding:0; color: #fff; }
.carousel-caption .slidepav40 { font-size:25px; width:40%}
.carousel-caption .slidepav60 { font-size:25px; width:60%}
.carousel-caption .fontsize22 { font-size: 22px; font-weight: 600 }

.posit50x50 {left:50px; bottom: 320px; }
.posit220x50 {left:220px; bottom:320px }
.posit50x130 {left:50px; bottom:250px}
.posit50x210 {left:50px; bottom:180px}
.posit50x290 { left:50px; bottom:110px}
.posit50x370 { left:50px; bottom:40px}

.slidetop80{ top:80px}
.slidetop130{ top:130px}
.slidetop150{ top:150px}
.slidetop160{ top:160px}
.slidetop200{ top:200px}
.slidetop220{ top:220px}
.slidetop250{ top:250px}
.slidetop270{ top:270px}
.slidetop300{ top:300px}

.video-container { position: absolute; top: 0; bottom: 0; left: 15%; width: 70%; height: 100%;  overflow: hidden; }
.video-container video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 
  
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

video { width: 70%}

@media (max-width: 767px) {
	.video-container { width: 100%; left:0}
	.carousel-item  { max-height: 20rem}
	.carousel-caption  { padding: 0; width:100%; left:0}
	.carousel-caption p  { margin: 0 0 8px}
	.carousel-item > img { object-fit: none; object-position: center; height: 20rem; }
	.carousel-caption .slidepav40 { font-size:18px !important; width:100%}
	.slidetop80{ top:-30px}
	.slidetop150{ top:150px}
	.slidetop160{ top:160px}
	.slidetop220 { top:200px}
	.slidetop250{ top:120px}
	video { width:100% !important; margin: 20px 0}
}

@media only screen and (min-width: 992px) and (max-width: 1024px){ /* ipad base */ 
	.carousel-item { height: 25rem;}
	.carousel-caption { top: 0.5rem; padding-top: 1px }
	.carousel-caption .slidepav40 { font-size:20px !important; width:60%}
	.slidetop130{ top:100px}
	.slidetop150{ top:150px}
	.slidetop160{ top:160px}
	.slidetop200{ top:170px}
	.slidetop220{ top:220px}
	.slidetop250{ top:250px}
	.slidetop270{ top:240px}
}

.carousel-item .overlay { min-height: 100vh; content: ''; background: linear-gradient(180deg, rgba(0,0,0,1), rgba(255,255,255,.3)); bottom: 0; left: 0; right: 0; position: absolute }
.overlay .mask { opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.overlay .mask:hover { opacity: 1; } 
.zoom img, .zoom video {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

.zoom:hover img, .zoom:hover video {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

/* === SIDE NAVIGATION
---------------------------------------------------- */
#rightSideNavi { position: fixed; right: 1%; top: 22%; z-index: 9999}
#rightSideNavi li { list-style:none;height:74px;padding:2px;width:72px; margin-bottom: 1px}
#rightSideNavi span { /* Propriétés du conteneur left : déroulement à droite  right : déroulement à gauche*/
width:0; right:72px; padding:0; position:absolute; overflow:hidden; font-family:'Myriad Pro',Arial, Helvetica, sans-serif; font-size:18px;font-weight:bold;letter-spacing:0.6px;white-space:nowrap;line-height:40px; top: 25%;
-webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }

#rightSideNavi a {height:70px;width:70px;display:block;position:relative;}
#rightSideNavi a.drop { position: static; border: solid 1px #f00 }
/* Propiétés du survol */
#rightSideNavi a:hover span{ width:auto; padding:1px 20px 0;overflow:visible; }
#rightSideNavi a:hover{text-decoration:none; /* Propriétés de l'ombre  -moz-box-shadow:0 0 5px #9ddff5; -webkit-box-shadow:0 0 5px #9ddff5; box-shadow:0 0 5px #9ddff5;*/ }
#rightSideNavi .right-contact:hover, #rightSideNavi .right-devis:hover, #rightSideNavi .right-rdv:hover, #rightSideNavi .right-recrut:hover, #rightSideNavi .right-facebook:hover, #rightSideNavi .right-telephone:hover, #rightSideNavi .right-reseau:hover, #rightSideNavi .right-map:hover, #rightSideNavi .right-recrut:hover, #rightSideNavi .right-config-porte:hover { background-position:0 -70px;} 

#rightSideNavi .right-contact span:hover, #rightSideNavi .right-devis span:hover, #rightSideNavi .right-telephone span:hover, #rightSideNavi .right-map span:hover, #rightSideNavi .right-concess span:hover , #rightSideNavi .right-recrut span:hover{ color:#000; }

#rightSideNavi .right-contact { background: url(../img/contact.png) no-repeat;}
#rightSideNavi .right-contact{ background-position:0 0;}
#rightSideNavi .right-contact span{ border-radius: 25px; background: #7BBCC8; color:#fff; }


#rightSideNavi .right-devis { background: url(../img/devis.png) no-repeat;}
#rightSideNavi .right-devis { background-position: 0 0;}
#rightSideNavi .right-devis span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-rdv { background: url(../img/rdv.png) no-repeat;}
#rightSideNavi .right-rdv { background-position: 0 0;}
#rightSideNavi .right-rdv span{ background:green; color:#fff;}

#rightSideNavi .right-recrut { background: url(../img/recrutement.png) no-repeat;}
#rightSideNavi .right-recrut { background-position:0 0;}
#rightSideNavi .right-recrut span{background:#f7941d; color:#fff;/*text-shadow:1px 1px 0 #d244a6;*/}

#rightSideNavi .right-facebook { background: url(../img/facebook.png) no-repeat;}
#rightSideNavi .right-facebook { background-position: 0 0;}
#rightSideNavi .right-facebook span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-telephone { background: url(../img/telephone.png) no-repeat;}
#rightSideNavi .right-telephone { background-position: 0 0;}
#rightSideNavi .right-telephone span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-reseau { background: url(../img/reseau.png) no-repeat;}
#rightSideNavi .right-reseau { background-position: 0 0;}
#rightSideNavi .right-reseau span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-map { background: url(../img/map.png) no-repeat;}
#rightSideNavi .right-map { background-position: 0 0;}
#rightSideNavi .right-map span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-config-porte { background: url(../img/config-porte.png) no-repeat;}
#rightSideNavi .right-config-porte { background-position: 0 0;}
#rightSideNavi .right-config-porte span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

#rightSideNavi .right-recrut { background: url(../img/recrut.png) no-repeat;}
#rightSideNavi .right-recrut { background-position: 0 0;}
#rightSideNavi .right-recrut span{ border-radius: 25px; background:#7BBCC8; color:#fff;}

/*=== SHARING
------------------------------------------------------ */

.share-wrapper{ padding:20px 0; margin-bottom: 10px; white-space: nowrap; }
@media screen and (max-width: 767px) {
	.share-wrapper{ padding:0; white-space: normal !important; text-align:center }
	.social-share{  margin-right: 15px; }
	.share-wrapper img { margin-top: 10px }
}
.share-wrapper .share-buttons {
  display: inline-block;
  margin-right: 0;
  margin-left: 0;
  position: relative;
  margin-bottom: 0px;
  background: transparent;
  padding: 0px;

}

.total-shares:first-child, .total-shares-light:first-child { display: inline-block; position: relative; padding:5px; min-width:100%; border-top:none !important }
.total-shares, .total-shares-light{ display: inline-block; position: relative; border-top: 2px dotted #e5e5e5; padding:5px; min-width:100% }
.total-shares:last-child, .total-shares-light:last-child { border-top: 2px dotted #e5e5e5; padding:5px; border-bottom: 2px dotted #e5e5e5; padding:5px; }

.total-shares em, .total-shares-light em { color: #222222; font-size: 37px; line-height: 40px; font-weight: 200; font-style: normal; margin-right:8px; float:left; }
.total-shares-light em { font-size: 33px; letter-spacing:-0.05em; }

.total-shares .caption, .total-shares-light .caption { font-size: 13px; font-weight: 300px; color: #c1c1c1; text-transform: uppercase; overflow:hidden; margin:0; }
.total-shares-light .caption { font-size: 12px; }  
.total-shares #spec01, .total-shares-light #spec01 { color:#5a1b88 }
.total-shares #spec02, .total-shares-light #spec02 { color:#eb035c }
.total-shares #spec03, .total-shares-light #spec03 { color:#5a1b88 }
.total-shares #spec04, .total-shares-light #spec04 { color:#0ab8c2 }
.total-shares #spec05, .total-shares-light #spec05 { color:#9585be }

.newshare { padding-top: 50px; padding-right: 40px}
.newshare .total-shares, .total-shares-light { border: none; margin-bottom:30px}
.newshare .total-shares em, .total-shares-light em  { float: none; font-weight: bold}
.newshare .total-shares .caption, .total-shares-light .caption { color:#4b4b4b; font-weight: bold}

.social-share{
  margin-right: 5px;
  font-size: 12px;
  padding: 8px 9px;
  line-height: 20px;
  background: #7a7a7a;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border:none;
}
.social-share i{ font-size: 16px; }
.social-share:hover, .social-share:focus{ color:#fff; text-decoration: none; border:none; }
.share-wrapper .facebook { background: #2d609b; }
.share-wrapper .instagram { 
	background: #1ebef0; 
	background: -webkit-linear-gradient(left top, rgba(86,87,89,1), rgba(160,164,168,0)); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, rgba(86,87,89,1), rgba(160,164,168,0)); /* Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, rgba(86,87,89,1), rgba(160,164,168,0)); /* Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, rgba(127,71,204,1), rgba(254,207,117,1)); /* Standard (en dernier)*/
}
.share-wrapper .pinterest { background: #c8232c; }
.share-wrapper .google-plus { background: #e02f2f; }
.share-wrapper .viadeo { background: #f60; }
.share-wrapper .linked_in { background: #0083be; } /* 0077b5 */

/* RSS Feed
--------------------- */

#RssFeed a { color: #68bd45; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; }

@media (max-width: 767px ){
	#RssFeed { padding: 3rem 0 !important;}
	.single-feature { margin-top:1px}
	.features-slider-area { padding: 15px 10px}
	.section-heading { margin-bottom: 20px}
	.clients-area { text-align: center}
	.clients-logo img { margin-bottom:15px}
}

@media (min-width: 768px ){
	#RssFeed { padding: 3rem !important;}
}

.social-box i {border:1px solid #e1c090; color:#e1c090; width:30px; height:30px; border-radius:50%;line-height:30px; text-align: center}
.social-box i:hover{border:1px solid #EF901F; background:#EF901F; color:#fff;}
.social-box a{margin: 0 5px;}

.feedback-title { margin:3px 0 12px; display:block }
.vert { width:173px; position:relative; font-size:16px; line-height:24px; margin:0 0 10px }
.vert .vert-text { color:#232323; left:30px }
.vert .grat-text, .vert .vert-text { display:block; position:absolute; top:2px }
.vert .grat-text { color:#fff; right:10px }
.vert.dark .vert-text { color:#fff }
.vert.dark .grat-text { color:#444 }
.logo-f { margin-top:17px }
.logo-f, .logo-f img { width:122px }

/* FOOTER 
----------------------- */
@media screen and (min-width: 614px){
	.footer-top-section { display: table; }
	.footer-top-left { display: table-cell; vertical-align: top; float: none; width: 50%; }
	.footer-top-right { display: table-cell; vertical-align: top; float: none; width: 50%; }
}

@media screen and (max-width: 767px) {
	footer { padding: 20px 8px !important}
}

.footer-top-section { width: 100%; margin: 0; padding: 0; text-align: left; background: #262628; }
.footer-top-section ul li .badge-logo { margin-top: 20px; width: 150px; }
.footer-top-left { float: left; background: #262628; padding: 58px 0 20px; }
.footer-top-right { float: left; background: #e1c090; padding: 58px 0; padding-left: 15px }
.footer-top-right a { color: #000 }
.footer-top .trustOwner { font-size: 14px; color: #fff }
.footer-top .review { display:block; margin:0 0 3px; padding-top:0; height:21px }
.review, .review li { display: inline-block; }
.footer-top .pbs .fa { font-size: 20px; padding-right:5px}

footer { background: #262628; color: #ffffff; padding-bottom: 30px; font-family: Open Sans,sans-serif;}
footer .list-inline { margin-bottom: 10px }
footer .list-inline li { display: inline; padding: 0.5rem 0.75rem; font-family: 'Open Sans Condensed', sans-serif;}
footer .back-top { position: fixed; bottom: 30px; right: 3%; cursor: pointer; z-index: 9999; font-size: 2rem  }
footer .social-icons a { margin: 0 0 0 8px; font-size: 16px}
footer .social-icons a:hover { color: #7BBCC8 !important }

footer a { color: #e1c090}
footer a:hover { color: #EF901F}
footer span.h3, span.h4 { font-family: Open Sans,sans-serif; font-style: normal; font-weight: 700; color: #fff; text-transform: uppercase; }
footer span.h3 { font-size: 18px; line-height: 16px; text-align: left; }