/* #### Generated By: http://www.cufonfonts.com #### */
body {
     /*background-color: rgba(123,123,124,1.0);*/
     background-color: rgba(58,58,58,1.0);
    background-color: #ffffff;
}

.container {
   /*background-color: #8B6B34;*/
   /*opacity: 0.5;*/
}

.container h1{
  color: #ffffff;
    color: #ff0000;
}

.lead {
    color: #777777;   
}


@font-face {
    font-family: 'Menlo Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Menlo Regular'), url('Menlo-Regular.woff') format('woff');
}

/*.hr{
  margin: 100px auto;
  width: 100%;
  height: 2px;
  background-color: #f00;
  border: none;
}
*/

.img-responsive {
 
    padding-top: 0px;
}


.titre {
    font-family: 'Menlo Regular';
    font-size: 1.8rem;
    margin: 0 0 20% 0;
		}

.text {
    font-family: 'Menlo Regular';
    font-size: 1.2rem;
    //margin-left: 10%;
    //margin-right: 10%;
    margin-top: 2.2rem;
    text-align: justify;
		}

.text, a, a:hover {
    color: #ffffff;
    color: #000000;
		}

.historyindex_titre {
    margin-left: 10%;
    margin-right: 10%;
    font-family: 'Menlo Regular';
    font-weight:bold;
    font-size: 2.8rem;
    color: #ff0000;
    text-align: justify;
    word-break: break-all;
    
} 

.historyindex_texte {
    font-family: 'Menlo Regular';
    font-weight:normal;
    font-size: 1.6rem;
    color: #333333;
    text-align: justify;
    word-break: break-all;
} 

/* pour les résultats de recherche par mot */
.contexte {
    margin-top:10px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right: 10%;
}


/*_______ Bootstrap modif°________*/

.lead {
    font-size: 1.7rem;
    font-style: bold;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.container h1 {
    font-size: 2.2rem; 
}

.container-home h1 {
    color: #ffffff;
}

.img-responsive {   
    max-width: 440px;  
}

.container-home  p{
    color: #ffffff;  
}

/* Classe pour affichage du catalogue de mèmes */

.catalogue {
         /* position:relative;*/
            padding: 10px;
            left:40px;
            right: 40px;
            margin-top:40px;
            max-width: 80vw;
            /*min-width: 80vw;*/
            background-color: rgba(255,0,0,1.0);
            opacity: 0.8;
            /*z-index: 1;*/
}

.catalog_table tr td {
         /* position:relative;*/
            
     max-width: 80%;
         
}

/* Classe principale de la barre de navigation */
.navbar {
 /* Couleur de fond de la barre de navigation */
 /*background-color: #F8F8F8;*/
 background-color: #FFFFFF;   
 border-color: #E7E7E7;
}

/* Couleur des titres affichés dans la barre */
.navbar .navbar-brand {
 color: #777;
 /*color: #FF0000;*/
}
/* Couleur utilisée lors du passage de la souris sur un titre de la barre */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
 color: #5E5E5E;
 /*color: #FF0000;*/
}
/* Couleur utilisée pour les liens */
.navbar .navbar-nav > li > a {
 color: #777;
}
/* Couleur utilisée pour les liens lorsque la souris passe dessus */
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
 color: #FF0000;
}
/* Couleur utilisée pour le lien actif (celui qui est affiché sur la page) */
.navbar .navbar-nav > .active > a, 
.navbar .navbar-nav > .active > a:hover, 
.navbar .navbar-nav > .active > a:focus {
 color: #FFFFFF;
 background-color: #FF0000;
}
/* Couleur utilisée pour un menu dépliant lorsqu'il est ouvert */
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus {
 color: #555;
 background-color: #D5D5D5;
}

.navbar-header {
color: #FF0000;
background-color: #CCCCCC; 
}