/* CITATION BLANC 1459*/

.quote1 {
	font-size: 3em;
   color: #008bca;
   text-align: right;
   align-self: flex-start;
}

.quotetext {
   font-size: 2em;   
   color: #0e3884;
   text-align: center;
   font-style: italic;
   
}

.quote2 {
	font-size: 3em;
   color: #008bca;
   text-align: left;
   align-self: flex-start;
}

.flexcentercontent {
   display: flex;              /* active le mode flex */
   justify-content: center;    /* centre horizontalement */
   align-items: center;        /* centre verticalement si besoin */
   gap: 10px;                  /* espace entre les blocs */
   width: 100%;
   align-items: center;
   margin: auto;
   font-weight: bold;
 }


 /* FIN CITATION BLANC */

/* CITATION BLEU */

 
.quotetextblue {
   font-size: 3vh;   
   color: rgb(255, 255, 255);
   text-align: center;
   font-style: italic;
  
}

.flexcentercontentblue {
   display: flex;              /* active le mode flex */
   justify-content: center;    /* centre horizontalement */
   align-items: center;        /* centre verticalement si besoin */
   gap: 10px;                  /* espace entre les blocs */
   width: 100%;
   align-items: center;
   margin: auto;
   font-weight: bold;
   background-color: #0e3884;
 }


 /* FIN CITATION BLEU */




 @media screen and (max-width: 968px) {
   
   .quotetext {
      font-size: 1.4em;   
      color: #0e3884;
      text-align: center;
      font-style: italic;
      
   }

   .quotetextblue {
      font-size: 1.4em;   
      color: rgb(255, 255, 255);
      text-align: center;
      font-style: italic;
     
   }
}

 @font-face {
   font-family: 'Roboto';
   src: url('roboto.eot'); /* IE9 Compat Modes */
   src: url('roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('roboto.woff') format('woff'), /* Modern Browsers */
   url('roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
 }

 @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

html, body, html * {
  font-family: 'Roboto', sans-serif;
}