@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:700,400,300);
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

.ei-toolbar{display:none;}

body{font-family:'Lato',sans-serif;}
h1{font-family:'Raleway',sans-serif;font-weight:400;font-size:30px;}
.jumbotron.newsletter{font-family:'Open Sans',sans-serif;}

/** Couleurs de fond */
 body{background:#eee;}
.header,.bg-white,.breadcrumb{background-color:#FFF;}
.bg-primary,fieldset[disabled] .btn-primary.focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus{background-color:#970f67;}
.bg-bandeau{background:url('../img/bandeau.png') top left repeat-x #FFF;}
.bg-gray{background-color:#686868;}
.bg-lightbrown{background-color:#7d5a46;}
.bg-brown{background-color:#7b2d18;}
.bg-purple{background-color:#970f67;}
.bg-yellow,.btn-primary,.btn-info{background-color:#f2a600;}
.btn-primary,.btn-info{border-color:#D69300;}
.sidebar .list-group-item.active{background:transparent;}

/** Couleurs */
body,.nav-pills a,.btn-contact,.nav-pills>li.active>a,.nav-pills>li.active>a:hover{color:#666666;}
a,.text-primary,.btn-primary .badge,.btn-link,.jumbotron h1,.panel-contact h3,.sidebar .list-group-item.active,div.page h2,.page-produits div.page h3{color:#970f67;}
.breadcrumb a{color: #808080;}
.lightgray{color:#999999;}
.page-actualites h1{color:#4f4f4f;}
.orange,.page-actualites h3{color:#f2a600;}
.bg-lightbrown,.bg-brown,.bg-purple,.bg-gray,.bg-yellow{color:white;}
.solutions a{color:#fff;}
footer{color:#6b696a;}

/** Header */
.header > .container > .row{margin-bottom: 10px;}
.header > .container > .row p{font-family:'Lato',sans-serif;font-weight:300;margin-top: 60px;font-size: 1.6em;}
.header span.phone,.header span.mail{margin-top: 60px;height:36px;width:36px;display:inline-block;background-image:url('../img/header-sprite.png');background-repeat: no-repeat;}
.header span.mail{background-position:-36px 0;}
.header span.phone:hover{background-position:0 -36px;}
.header span.mail:hover{background-position:-36px -36px;}
body.page .header{margin-bottom:110px;}
body.page.no-background .header{margin-bottom:15px;}

/** Breadcrumbs **/
.breadcrumb{margin-top:10px;margin-bottom: 0;}
.breadcrumb a{font-family: 'Open Sans',sans-serif;font-size:12px;}
.breadcrumb>li+li:before{content:'\003E';}

.navbar-brand{float:none;}
.navbar-toggle{background-color:#970F67;}
.nav{margin-top:10px;}
.nav-pills a{text-transform: uppercase;font-size:15px;}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover{background-color:transparent;color:auto;border-bottom: 3px solid #970F67;border-radius: 0;}
.nav-pills>li.active>a:hover{border-bottom-color:#f2a707;}

.btn-contact{background-image: url('../img/btn-contact.png');background-repeat: no-repeat;background-position-x:45px;height: 67px;width: 160px;padding-top: 25px;text-transform: uppercase;margin-top: -33px;}
#navbar-sticky .btn-default{background-color:#970F67;border-color:#970F67;color:#fff;transition: 0.3s;}
#navbar-sticky .btn-default:hover{background-color: #c21085;}
.btn-ask-info{margin-top:15px;text-transform:uppercase;font-family: 'Raleway',sans-serif;font-weight: bold;font-size: 12px;padding-top: 8px;}

.sticky {position: sticky; top: 0;width: 100%;z-index: 999;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#navbar-sticky ul li:last-child {display: none;}

hr{margin-top:10px;margin-bottom:10px;}

/** Menu **/
#navbar-top .nav > li:first-child a{background-image: url('../img/icons/house-solid.svg');background-repeat: no-repeat;width:30px;background-position-y: 7px;overflow: hidden;text-indent:-5000px;}
.navbar{margin-bottom:5px;}
.navbar-toggle .icon-bar{background: white;}
.nav>li>a{padding:10px;}

/** Footer **/
.footer{padding:25px 30px;margin-bottom:10px;font-family:'Oxygen',sans-serif;font-weight:700;}
.footer address {font-weight:400;}
.footer hr {background:#7a7a7a;border-color:#7a7a7a;}
.footer span.phone,.footer span.mail{min-height:22px;padding-left:40px;display:inline-block;background-image:url('../img/footer-sprite.png');background-repeat: no-repeat;}
.footer span.mail{background-position: 0 -22px;}
footer{font-family:'Oxygen',sans-serif;font-weight:400;font-size: 0.9em;}
footer .nav{margin-top:0;}
footer p{margin-top: 7px;}
footer .nav-pills a{text-transform: uppercase;font-size: 0.9em;}

/** Buttons **/
button[type="submit"]:not(.btn-primary){background: transparent;border:1px solid;border-radius:0;text-shadow:none;}
.btn-primary{text-transform: uppercase;}

/** Jumbotron **/
.jumbotron {margin-bottom:10px;padding-bottom:10px;padding-top:0;}
.jumbotron h1{font-size:30px;}
.jumbotron p{font-size:16px;}
.jumbotron .row{margin-right:0;margin-left:0;}
.jumbotron button[type="submit"]{color:white;}
.jumbotron.newsletter{padding-top:1.6em;padding-left:100px;border-radius:0;background-image: url('../img/enveloppe.png');background-position: left center;background-repeat: no-repeat;}
.jumbotron.newsletter h2{text-transform: uppercase;font-size:1.3em;margin-top:0;margin-bottom:0;}

.cercle{background:url('../../img/cercle.gif');width:429px;height:429px;padding: 100px 50px;color: #999999;margin:25px auto 0;}

/** Carousel **/
.owl-carousel{margin-top:15px;border-bottom:#aeaeae 8px solid;margin-bottom:8px;}
/*.owl-carousel .owl-wrapper{width:100%!important;}*/
.owl-carousel .item:not(.no-padding){height:300px;padding-top:75px;}
.owl-carousel p,.owl-carousel .item div{padding:10px 27px;max-width:450px;background-image: url('../img/actu.png');background-repeat: no-repeat;background-position-y:bottom;background-position-x: right;font-family: 'Raleway',sans-serif;font-size:1.2em;}
.owl-carousel p span,.owl-carousel .item div span{font-family: 'Josefin Sans',sans-serif;font-weight: 300;}

/** Solutions **/
.solutions h2{font-size:20px;font-weight:bold;}
.solutions .no-margin-right{margin-right:0;}
.solutions > div{max-height:185px;overflow:hidden;}
.solutions .row.bg-lightbrown,.solutions .row.bg-brown{margin-left:0;}
.solutions .row.bg-brown > div:first-child,
.solutions .row.bg-lightbrown > div:first-child{padding-left:0;}

/** Panels **/
.panel-yellow .panel-heading{background-color:#ffc100;}
.panel-yellow .panel-body .btn{background:#ffc100;}
.panel-orange .panel-heading{background-color:#ff9000;}
.panel-orange .panel-body .btn{background:#ff9000;}
.panel-red .panel-heading{background-color:#ec3e01;}
.panel-red .panel-body .btn{background:#ec3e01;}
.nouvelles .panel h2{font-size:20px;font-weight:bold;}
.nouvelles .panel .panel-heading{font-family:'Raleway',sans-serif;font-weight:300;color:white;font-size:16px;text-transform: uppercase;min-height:50px;padding-top:15px;padding-left:20px;background-image: url('../img/actu.png');background-repeat: no-repeat;background-position-x: right;}
.nouvelles .panel .panel-footer{background:white;border:none;text-align:right;}
.nouvelles .panel .panel-body .btn{color:white;min-width:145px;text-shadow:none;border-radius:0;border:none;text-transform: uppercase;}
.panel-contact{font-family:'Open Sans',sans-serif;}
.panel-contact .panel-heading{background-image: url('../img/contactez-nous.png');background-repeat: no-repeat;background-position:right center;}
.panel-contact h3{text-transform: uppercase;font-weight: 300;}
.panel-contact .panel-heading h2{margin-top: 15px;margin-bottom: 15px;}
.panel-contact .panel-heading h2,.panel-contact h3{font-size: 20px;}
.panel-contact p{font-size: 16px;}
.panel-contact .panel-footer{padding-top:5px;padding-bottom:5px;}
.adresse .panel-body{background-color:#F9F9F9;}
.adresse strong{text-transform: uppercase;}

/** Social Networks **/
.social-media{margin-top:35px;}
.social-media  div.first{padding-top: 15px;}
.social-networks{margin-left: 15px;}
/*.social-networks{background: url('../img/sprit-rs.png') no-repeat;display:inline-block;width:52px;height:49px;margin-left: 15px;}*/
/*.social-networks.twitter{background-position: 0 0;}*/
/*.social-networks.twitter:hover{background-position: 0 -54px;}*/
/*.social-networks.facebook{background-position: -53px 0;}*/
/*.social-networks.facebook:hover{background-position: -53px -54px;}*/
/*.social-networks.googleplus{background-position: -106px 0;}*/
/*.social-networks.googleplus:hover{background-position: -106px -54px;}*/
/*.social-networks.youtube{background-position: -159px 0;}*/
/*.social-networks.youtube:hover{background-position: -159px -54px;}*/
/*.social-networks.linkedin{background-position: -212px 0;}*/
/*.social-networks.linkedin:hover{background-position: -212px -54px;}*/
/*.social-networks.instagram{background-position: -265px 0;}*/
/*.social-networks.instagram:hover{background-position: -265px -54px;}*/
/* svg et leur stupide gestion des couleurs... */
/* https://isotropic.co/tool/hex-color-to-css-filter/ */
/*.social-networks svg {fill: #999;}*/
.social-networks img {
  filter: invert(66%) sepia(1%) saturate(20%) hue-rotate(350deg) brightness(94%) contrast(83%);
}
.social-networks:hover img {
  filter: invert(68%) sepia(88%) saturate(844%) hue-rotate(358deg) brightness(101%) contrast(106%);
}

/** Sidebar **/
.title-sidebar{font-size: 20px;padding:15px 35px;text-transform: uppercase;margin-bottom: 0;}
.list-group a{text-transform: uppercase;overflow: auto;}
.list-group a h4{margin-top: 10px;margin-bottom: 5px;font-size: 16px;font-weight: bold;}
.list-group a .date{padding: 3px 8px 2px;display: inline-block;border-radius: 4px;font-size: 0.9em;margin-bottom: 10px;}
.list-group a .extract{text-transform:none;display: inline-block;margin-bottom: 15px;}
.list-group a .btn-info{padding: 0 12px 0 0;background-color:#EEE;border:none;border-bottom:1px solid #EEE;color:#4f4f4f;font-size: 12px;}
.list-group a .btn-info .glyphicon{padding: 10px;margin-right: 10px;}
.list-group a .img-thumbnail{margin-right: 15px;}
.sidebar .list-group-item a.list-group-item{padding:10px 15px 10px 30px;border:none;}
.sidebar .list-group a:hover{background:#f8f6f3 url('../img/fleche.png') no-repeat;background-position-y:8px;background-position-x:right;border-left:3px solid #f2a707;}
.sidebar .list-group-item.active{font-weight: bold;border-color:transparent;}
.sidebar .list-group-item.active:before{content:" > "}

/** Page **/
body.page{background-image: url('../img/bg-stocovia-id.jpg');background-repeat: no-repeat;background-position-x: center;background-position-y: 191px;}
body.page.no-background{background-image:none;}
div.page:not(.col-md-12){padding-right:30px;padding-bottom:40px;}
div.page.col-md-12{padding-right:90px;padding-left:90px;background-color:#FCFCFC;}
div.page h1{text-transform: uppercase;font-weight: 700;margin-top: 40px;}
div.page h2{font-size:22px;margin-top:0;}
div.page h3 {font-family: 'Open Sans',sans-serif;color: #f2a707;font-size: 16px;font-weight: 700;line-height: 26px;}
div.page p{font-family: 'Open Sans',sans-serif;font-size: 14px;font-weight: 400;line-height: 26px;}
.page-actualites img.illustration{max-width:100%;border-bottom:10px solid #f2a600;margin-bottom: 10px;}
.page-actualites .sidebar h2{min-height:75px;padding-top: 25px;}
.page-actualites .page h1{margin-top: 20px;}
.page-actualites div.page{padding-right:15px;}
.page-actualites div.no-margin,body.page div.no-margin,.page-produits div.no-margin{margin-left:0;margin-right:0;}
.sidebar{padding-left:0;}
.page img{max-width: 100%;}

.page-produits h2{margin-bottom: 30px;}
.page-produits .btn-primary{margin-top:15px;background:url('../img/btn-fiche_pdf.png') #940060 no-repeat;border-color:transparent;padding-top: 15px;height:69px;width:100%;text-align:right;text-transform: uppercase;font-weight:bold;}
.page-produits .nav-tabs{border-bottom-color:#979696;border-bottom-width: 2px;padding-bottom: 4px;}
.page-produits .nav-tabs>li>a{background-color:#DDD;color:#555;text-transform:uppercase;font-size: 12px;font-weight: bold;}
.page-produits .nav-tabs>li.active>a{background-color:#979696;color:#fff;}
/*.page-produits .nav-tabs>li>a:hover{border-left: 3px solid #D58400;padding-left:13px;}*/
.page-produits .nav-tabs>li>a:hover{background:#f8f6f3;color:#D58400;}

.page-listing .img-thumbnail{min-width:100%;border-width:3px;margin-bottom:15px;}
.page-listing .img-thumbnail:hover{border:3px solid #f2a707;}
.page-listing .product img{height:135px;width:100%;}

.page-actualites{}

.glyphicon-earphone,.glyphicon-print{font-size: 20px;vertical-align: bottom;}

@media (max-width: 1200px) {
  /** Solutions **/
  .solutions img{max-width: 100%;}
}

@media (max-width: 768px) {
  .header > .container > .row p{margin-top:5px;margin-bottom:0;}
  .header span.phone, .header span.mail{margin-top:15px;}
  div.page.col-md-12{padding-right:45px;padding-left:45px;background-color:#FCFCFC;}
}
@media (max-width: 480px) {
  .header > .container > .row p{margin-top:5px;margin-bottom:0;font-size: 1.2em;}
  .header span.phone, .header span.mail{margin-top:5px;}
  .navbar{min-height:initial;}
  div.page.col-md-12{padding-right:15px;padding-left:15px;background-color:#FCFCFC;}
  div.page table{max-width:100%;}
}