.page-header{
  background-color: red;
  font-family: 'Trebuchet MS','Colibri', 'Serif';
}

#papa
{
  display:flex;
  flex-direction:column;
  font-size:20px;
  color:red;
  margin-left: 15px;
  margin-top:5px;
}

.papa1 {
    display:flex;
  	flex-direction:column;
  	margin-left:70px;
  }

.papa2
{
  display:flex;
  flex-direction:column;
  margin-left:85px;
}



#carouselControls{
  width:70%;
  margin: 0 auto;
  margin-top: 25px;
}

.carousel-control-prev-icon{
  background-color: blue;
}
.carousel-control-next-icon{
  background-color: blue;
}

@media screen and (min-width: 1499px) {
.exemple {
    font-size: 40px;
  }
}
@media screen and (max-width: 1498px) {
.exemple {
    font-size: 32px;
  }
}

@media screen and (min-width: -width: 1250px) {
.exemple {
    font-size: 32px;
  }
}

@media screen and (max-width: 1249px) {
.exemple {
    font-size: 26px;
  }
}

.responsive{
  width:100%;
  height:auto;
}


section
{
  display: flex;
  justify-content: space-between;
}


.new{
  display:flex;
  flex-direction:column;
}

.nom
{
  color:white;
  font-size:25px;
}
.jumbo
{
  color:red;
  font-size:20px;
}

.jumbo2
{
  font-size:20px;
}

.aa{
  font-size:35px;
  font-weight:bold;
}

.bbb{
  border-bottom: 2px solid black
}

.ccc{
  font-size:14px;
}
.ddd{
  border-bottom: 2px solid black
  height:50px;
}


.compteur{
  margin-top:5px;
  margin-bottom:15px;
  margin-left:120px;
  color:red;
  font-size:35px;
}


.container{
 padding-right: 5px;
 paint-order: 5px;
 margin-right: auto;
 margin-left: auto;
}


.quizz{
  margin-top: 15px;
  display: flex;
  flex-wrap:wrap; 
}

#contenu{
color:red;
}


nav ul
{
  margin-top: 5px;
  margin-left: 60px; 
  display: flex;
  list-style-type: none;
}

nav li
{
  margin-right: 15px;
}
nav a
{
  font-size: 1.3em;
  color: white;
  padding-bottom: 6px;
  text-decoration: none;
}


#start h1{
  animation: heading;
  animation-duration: 7s;
  animation-fill-mode: forwards;
}
@keyframes heading {
  0% {opacity: 0}
  100%{opacity: 1}
}


body {
  margin-top: 10px;
}


[class*="col"] { margin-bottom: 5px; }
img 
{ 
  width: 100%; 
}

.rouge{
  color:red;
}


@media screen and (min-width: 769px) {
.pppp {
    font-size: 35px;
  }
}

@media screen and (max-width: 420px) {
.pppp {
    font-size: 25px;
  }
}

@media screen and (max-width: 380px) {
.pppp {
    font-size: 15px;
  }
}

@media screen and (max-width: 360px) {
.pppp {
    font-size: 10px;
  }
}



.bleu
{
  color:rgb(0,119,181);
}
.bleua
{
  color:rgb(59,89,152);
}

/*
page appel
*/
.decoration{
  text-decoration: underline;
}
.decoration2{
  text-decoration: underline;
  font-style:italic;
}
.decoration3{
  background-color: yellow;
}