@charset "UTF-8";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "https://daneden.github.io/animate.css/animate.min.css";
@import "//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css";
@import url("https://fonts.googleapis.com/css?family=Abel|Oswald:500");
/* ** == Mixin compatibilit├® navigator == ** */
/* ****======= Initialisation du document ****======= */
body, html {
  font-family: 'Palanquin','Oswald',sans-serif;
  color: #000000;
  height: 100%;
  margin: 0;
  padding-top: 25px; }

/*** mixin ****/
/* ****======= Menu de navigation ****======= */
/* === couleur de la barre du menu ===*/
nav.navbar {
	background-color: #ffffff;
    color: #283891;
    padding-bottom: 0.9%;
    padding-left: 2%;}

/* === logo ===*/
.navbar-brand {
  padding: 0px;
  padding-bottom:1.5%;}

.navbar-brand > img {
  position: relative;
  margin-top:-5.5%;
  width: 32%;
  /* max-height: 70px; */
  /* height of the navbar */ }

/* === couleur des liens par default === */
nav .navbar-nav a:link, nav .navbar-nav a:visited{
  color: #ffffff;
  /* text-align: center; */
  margin-top: 13px; }
nav a, a:hover {text-decoration: underline;text-decoration : none;color: #ffffff;}
/* === Couleur du lien au click de la souris === */
.active: nav ul.nav.navbar-nav a:focus, nav ul.nav.navbar-nav a:hover{
  outline: none;
  color: #ffffff;
  border-bottom: 3px solid #2690c9;}
  
/* === Lien active ===*/
.active .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff; border-bottom: 2px solid #174672; }

.navbar-toggle {
  background-color: #ffffff;
  color: #0f344e;}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #0f344e;}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #ffffff; }

footer {
  width: 100%;
  height: auto;
  padding-top: .7%;
  background-color: #121527;
  text-decoration: underline;text-decoration : none;color: #ffffff;}
footer a, a:hover {text-decoration: underline;text-decoration : none;color: #ffffff;}
footer center {text-decoration : none;color: #ffffff; margin-bottom: 20px;}

@media (max-width:840px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */	
.navbar-brand > img {
    margin-top: -4.5%;
    width: 21%;}
}

.modlang{
	padding: 0.5%;
	top: 12%;
    position: fixed;
    z-index: 1;
	background-color: transparent;
}

@media (max-width:768px)  { 
   .modlang{
	top: 95%;
	left: 2%;	
	}
}