html{
  font-size:62.5%;
}
body {
   font-family: 'Lato', sans-serif;
  color: #555;
  background-color: #f0ede8;
  
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333;
  font-family: 'Aaux ProBlack', serif;
}

h1.titre_site{
  font-family: 'Lato', sans-serif;
  font-weight: 800;
  text-transform: uppercase;
}

.titre span{
  font-size:2.5rem; /*25px*/
  text-transform: lowercase;
   font-weight: normal;
  }
/* Navigation*/

.navigation {
  /*background-color: #0099FF;*/
  background-color: #9CC2E5;
  -webkit-box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 -2px 5px rgba(0,0,0,.1);
}

/* style navigation primaire */

ul.nav > li > a{

  color: #fff;
}

/*style menu déroulant */
ul.dropdown-menu > li > a{

  color: #666;
}
ul.dropdown-menu > li > a:hover{
  background-color: #0099FF;
  color: #ffffff;
}

ul.dropdown-menu > li{

 border-bottom: 2px solid #fff;
}
ul.dropdown-menu li:last-child {
  border-bottom: none;
}
.icone_menu{
  padding-left: 10px;
  
}

/*style menu hamburger */
 .navbar-toggle .icon-bar {
    background-color: #fff;
}
 .navbar-toggle .icon-bar:hover {
    background-color: #000;
}


ul.dropdown-menu {
  width: 100%;
  background-color: #ccc;
  padding-top: 0;
  padding-bottom: 0;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav > li > a:focus, .nav > li > a:hover {
   background-color: #ccc;
  border-color: transparent;

}
.icone_nuage{
width:40px;
}
.icone_person{
height: 50px;
}
.dropdown .toggle-person{
  padding-top: 0;
  padding-bottom: 1px;
}
.initier_menu{
  width: 29px;
}
/*page active*/

ul.dropdown-menu  li  a.active{
  background-color: #0099FF;
  color: #fff;
}
/* hauteur header responsive */
@media (min-width:769px){
  ul.nav {
 height: 51px;
  
}

}


/*Footer*/

.page-footer {
  padding: 40px 0;
  color: #999;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #e5e5e5;
}
.page-footer p:last-child {
  margin-bottom: 0;
}
.partenaire {
    /*width: 200px;*/
    width: 250px;
}

/* RESPONSIVE */

/*position du logo */

.rel_logo{
  position: relative;    
}
.abs_logo img{
  width: 120px;
}

@media (min-width:1438px){
  .rel_logo .titre{
          margin-top: 40px;
            margin-bottom: 20px;
}
}
@media (max-width:1439px){
  .rel_logo .titre{
          margin-top: 80px;
       
}
}
@media (max-width:768px){
  .rel_logo .titre{
          margin-top: 20px;
       
}
}

@media (min-width:1440px){
  .abs_logo{
  position:absolute;
  left:-150px;
}
}
/*bouton manifeste */
.btn.focus,.btn:focus,.btn:hover{
 color:#3366cc; }
 .btn.active, .btn:active{
  box-shadow: none;}

  /*fenetre modale manifeste*/
.intro_manifeste{
  color: #6b82a1;
  font-weight: bold;
  text-align: justify;
  margin-bottom: 40px;
}

.btn-primary-outline {
  background-color: transparent;
  font-size:2.4rem; /* 20px*/
  color: #fff;
  margin-bottom: 0;
}
.titre_manif_modal{
 color:#00a0d1;
}
h2.liste_modale{
  color: #6b82a1;
}
.couleur_liste_modale{
  color:#00a0d1;
}
.mot_exergue{
  background-color:#dbe5f1;
}
.modal-body{
  height: 500px;
  overflow: scroll;
}

/*sidebar - Fil actualité */
.text-justify{
  text-align: justify;
}