body{font-family: 'Roboto', sans-serif;}
main{padding: 13.5em 0 0 0} 
a:hover{text-decoration: none}
.droite{ text-align: right !important }
.error{ font-size: .9em; color:red }

.bg-fonce{background: #00223b}
.navbar-brand { width: 100%; padding-bottom:0;  }
.navbar-brand h5{ padding-top: 20px;  text-align: right; font-size: 1.4em}
.navbar-brand h5 small{ line-height: 1em;  color: rgba(255, 255, 255, .8) !important }
.navbar-brand img, footer img {display: block; float: left !important; height: 100px;}
.navbar-brand h5, .navbar-brand span {float: right;}

nav .nav-link img {height: 23px; position: absolute; right: 100px; padding-top: 0 !important;}
footer img {height: 80px; padding-right: 15px}
.bordure{border:1px solid red !important}

.display-5{font-weight:300;line-height:1.2}
.display-5{font-size:3rem}
footer hr{border-color: rgba(255, 255, 255, .2)}
.icon-fond{float:right; position:absolute; top:.5em; left: .4em; color: rgba(255, 255, 255, .1); }
.defaut{padding: 2em 0 4em 0}
.list-unstyled li a{color: rgba(255, 255, 255, .2)}
.list-unstyled li a:hover{color: rgba(255, 255, 255, .6); text-decoration: none}

.bg-nav a{color: rgba(255, 255, 255, .75); font-weight: lighter; text-transform: uppercase; font-size: .9em}
.bg-nav a:hover{color: rgba(255, 255, 255, 1); text-decoration: none}

.fine{font-weight: lighter}
.bg-nav{background:rgba(255, 255, 255, .1)}
.left{float: left; padding-right: .5em}
.right{float: right; padding-left: .5em}
.btn{border-radius: 0}
#contact.jumbotron{ margin-bottom: 0 }
.text-ombre {text-shadow:1px 1px 3px rgba(0,0,0,0.5);}
  
.sticky-top{z-index: 99; }
.candidate-info ul {list-style: none; margin-bottom: 0px;}
.candidate-info ul li a { width: 100%; padding: 15px 20px;	display: inline-block;	border-top: 1px solid #E1E7FF;	color: #232323;}
.candidate-info ul li a i {	margin-right: 5px;}
.candidate-info ul li a:hover, .candidate-info ul li a.active{background: #e1e7ff;}
.candidate-info ul li a span{transition: all 0.5s;}
.candidate-info ul li a:hover span{margin-left: 10px; transition: all 0.5s;}

.couverture { margin-top: -13em; padding: 2rem 1rem; margin-bottom: 2rem; height: 25em; background:#2196f3}
.couverture .lead{position: relative; top: 4.8em; color: white; text-align: center; font-size: 2em}
.page-contenu{ background: white; position: relative; top: -10em; padding-top: 3em; padding-bottom: 2em}
.page-contenu .contenu{padding-right: 3em }

dl dt{ padding: .7em 0; font-weight: bold}
.dl-sta dt{float:left; width:30%; padding: 0!important; overflow:hidden; clear:left; text-align:right; text-overflow:ellipsis; white-space:nowrap; line-height:1.6rem; }
.dl-sta dd{margin-left: 35%;  line-height:1.6rem}

@media screen and (max-width: 425px) {

  .navbar-brand h5, .navbar-brand span { float: none; font-size: .7em; font-weight: 200}
  .navbar-brand h5 small { line-height: 1.4em; color: rgba(255, 255, 255, .7) !important ; text-align: center!important ; float: left; padding-bottom: 1.5em}
  .navbar-brand {white-space: normal; padding: 0 5%;}
  nav .nav-link img {right: 5%;}
  nav .nav-item{font-size: .82em}
  .display-5 {font-size: 2.5rem;}
  footer h5{font-size: .9em; text-align: right}
  footer .service{font-size: .8em}
  footer .mb-3{padding-bottom: 0 !important}
  footer br {display: none}

  .couverture {padding: 4rem 1rem;}
  .couverture .lead {top:7em; font-size: 1.2em;}
  .sticky-top {padding: 0 0 1em !important}
  .sticky-top ul {padding: 0 1em !important}

  .page-contenu {padding: none !important }
  .page-contenu .contenu {padding-right: 1em;}

}