/* Insert your custom override CSS in this file */

:root {

  --main-color: #C05526;
  --second-color: #EA7200;
}



/*
/* **** TOUT LE SITE **** */

.lead {
    font-size: 18px;
}

/* Navbar principale */
.navbar-default.navbar-fixed-top {
background-image: url(images/bandeau_atlas_pole.png);
background-size: 100%;
border-color: #C05526;
} 

a.navbar-brand:nth-child(3) {
color: #C05526;
}

a {
color: #C05526;
}

a:hover {
color: #F7A800;
}

/* Sidebar */
#sideBar {
background-color: #C05526;
}

/* Accueil */

.slick-prev::before, .slick-next::before {
color : #C05526;
}

html body div#page.container-fluid div.col-sm-12 div.panel.panel-default div.row div.col-lg-4.col-md-4.col-sm-12.col-xs-12.textIntroduction{
width: 50%;
}

html body div#page.container-fluid div.col-sm-12 div.panel.panel-default div.row div.col-lg-8.col-md-8.col-sm-12.col-xs-12{
width: 50%;
}



/* **** FOOTER **** */
.panel-footer {
background-color: #ffffff;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
display: inline-block;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.footer-text {
width: 65%;
float: left;
}
.footer-logos {
width: 35%;
float: right;
}

img#footer-logo-dreal {
width: 12%;
}
img#footer-logo-region {
width: 30%;
margin-left: 5px
}
img#footer-logo-animateur {
width: 30%;
float: right; 
margin: 5px;
}



/* **** Page présentation **** */

/* Calage de la première featurette */
div.featurette:nth-child(1) > img:nth-child(1) {
margin-top: 25px;
}
#atlas > img:nth-child(1) {
max-width: 30%;
}

/* Mettre une marge sous les sous-titres */
.h3, h3 {
margin-bottom: 25px;
}

/* Navbar page présentation */
#sommaire.navbar {
width: 100%;
}
#sommaire.navbar.navbar-inverse.affix {
top: 60px;
}

/* Blocs de présentation du pôle */
.presentation-box {
width: 25%;
float: right;
}
.left-col-part {
width: 70%;
float: left;
}

img#logo-pole {
width: 60%;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
img#logo-dreal {
width: 30%;
float: left;
}
img#logo-region {
width: 65%;
float: right;
}
img#logo-animateur {
width: 80%;
display: block;
margin-left: auto;
margin-right: auto;
}

/* Affichage des légendes et auteurs au survol */
.description {
display: none;
}

.featurette:hover .overlay {
width:100%;
   height:100%;
   background:rgba(0,0,0,.5);
   position:absolute;
   top:0;
   left:0;
   display:inline-block;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}