/* entête+ */
.menu-toggle {
    font-size:200%;
    display: none;
}

.menu-toggle1 {
    font-size:300%;
    text-align: right;
    display: none;
}

.menu-checkbox {
  display: none;
}

.menu-checkbox1 {
  display: none;
}

#entete
{
  display: flex;
  justify-content: center;

}

.element2
{
    width: 1100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 5px;
}

.element2 img
{
  width: 100%;
  padding-bottom: 10px;
}

.idiomas
{
  width: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 10px;
}

.idiomas img
{
  width: 35px;
  padding-right: 3px;
  padding-bottom: 3px;
}

.idiomas img:hover
{
  cursor: pointer;
}

.entete2
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-bottom: 10px;

}


.menu-checkbox1:checked ~ .entete2 {
    display: block;
}

.lemenu
{
  display: flex;
  justify-content: space-between;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  font-size: 20px;
  padding:10px;
  width: 1100px;
  font-weight:400;
}

.lemenu a
{
    width:auto;
    text-align: center;
    height:40px;
}

.menuon
{

  text-decoration:none; color: #f4512c;
}

.menuoff
{

  text-decoration:none; color: DarkSlateGray;
}

.lemenu a:hover
{
  color:#f4512c;
}

@media (max-width: 700px){

      .entete2
      {
        display: none;
      }

      .element2 a
      {

          padding-bottom: 0px;
      }

      .element2 img
      {
        padding-bottom: 0px;
      }

      .entete2
      {
        padding-bottom: 00px;
      }

      .lemenu
      {
        display: flex;
        flex-direction: column;
        padding:0px;
        width:100%;

      }

      .lemenu a
      {
          width:auto;
          height:40px;
      }

      .menu-toggle1 {
          display: block;
      }
}

/* index */

.texteentete
{
  display: flex;
  justify-content: center;
  padding-bottom: 40px;
}

.legende2
{
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
    font-size: 120%;
    width: 1100px;

}


/* fotografias - choix des thèmes*/

.tematicaconteneur
{
  position : relative ;
  display: flex;
  justify-content: center;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;

}

.menu-checkbox:checked ~ .tematicaconteneur {
    display: block;
}

#temaoff button
{
    color: DarkSlateGray;
}

#temaoff button:hover
{
    color: #f4512c;
}

#temaon button
{
    color: #f4512c;
}

.tematicas
{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    vertical-align:middle;
    padding-top:20px;
    padding-bottom:20px;
    width:1100px;
}

.tematicas form
{
  margin-right: 2%;
}

.theme button
{
    border:0px black solid;
    background-color: white ;
    height:30px;
  vertical-align:middle;
  line-height: 30px;
}


.theme button:hover
{
    color: #f4512c;
    cursor: pointer;
}

.italique
{
  font-style: italic;
}

/* fotografias - choix de photographe*/

.menuderoulant
{
    border:1px DarkSlateGray solid;
    border-radius: 5px;
    text-decoration: none;
    align-self: flex-end;

}

.menuderoulant select
{
    border:0px black solid;
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
    font-size : 16px;
    color: DarkSlateGray;
}

@media (max-width: 700px){

          .legende2
          {
              text-align: center;

          }

          .tematicaconteneur
          {
              display: none;
          }

          #temaoff button
          {
              color: DarkSlateGray;
          }

          #temaoff button:hover
          {
              color: #f4512c;
          }

          #temaon button
          {
              color: #f4512c;
          }


          .tematicas
          {
              display: flex;
              flex-wrap: wrap;
              padding-bottom:5px;
              width:100%;
          }

          .theme button
          {
              border:0px black solid;
              background-color: white ;
              height:30px;
            vertical-align:middle;
            line-height: 30px;
          }


          .theme button:hover
          {
              color: #f4512c;
          }

          .menuderoulant
          {
            width: 250px;
          }

          .menuderoulant select
          {
            width: 250px;
          }
}

@media screen and (max-width: 700px) {

  .menu-toggle {
      display: block;
  }

}

/* fotografias - affichage des photos */

#conteneur
{
  display: flex;
  justify-content: center;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  font-size : 20px;

}

.conteneur2
{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        max-width: 1120px;
}

.element1
{
        border:1px black solid;
        width: 350px;
        margin:10px;
        text-align: center;
}

.formulaire
{
position : relative ;
}

.formulaire a
{
  display: flex;
  flex-direction: column;
  justify-content: center;

}

.element1 img
{
    max-height: 225px; width: auto;
    max-width: 350px; height:auto;
}

/* fotografias - affichage des légendes*/

.quadrolegenda
{
  display: flex;
  flex-direction: column;
  justify-content: center;
    height: 75px;
    align-items: center;
    background-color: #fff6ee;
}

.legende
{
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
    font-size: medium;
    text-align: center;
}

@media (max-width: 700px){

        #conteneur
        {
          display: flex;
          justify-content: center;
          font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
          font-size : 20px;
        }

        .conteneur2
        {
                display: flex;
                flex-wrap: wrap;
                justify-content: space-around;
                align-items: center;
                width: 100%;
        }

        .element1
        {
                border:1px black solid;
                width: 40%;
                margin:10px;
                text-align: center;
        }


        .element1 img
        {
            max-width: 100%; height:auto;
        }

}

.infos
{
  display:none;
  position : absolute;
	bottom: 10px;
  left: 150px;
  font-size: 60%;
  font-weight: 400;
  padding-left: 1%;
  padding-right: 1%;
  padding-top: 0.5%;
  padding-bottom: : 0.5%;
  color: white;
  outline:none;
  border:0px black solid;
  background-color: #feba00;
}

/* fotografias - affichage des pages*/

.pages
{
    display: flex;
    justify-content:flex-end;
    font-size: 14px;
    vertical-align:middle;
    padding-top:20px;
    padding-bottom:20px;
    width:1100px;
}

.page button
{
    border:0px black solid;
    background-color: white ;
    height:30px;
  vertical-align:middle;
  line-height: 30px;
}

.page button:hover
{
    color: #f4512c;
    cursor: pointer;
}

@media (max-width: 700px){

          .pages
          {
              display: flex;
              justify-content:flex-end;
              font-size: 14px;
              vertical-align:middle;
              padding-top:20px;
              padding-bottom:20px;
              width:100%;
          }

          .page button
          {
              border:0px black solid;
              background-color: white ;
              height:30px;
            vertical-align:middle;
            line-height: 30px;
          }

          .page button:hover
          {
              color: #f4512c;
          }
}


/* Fotografias / image grande taille*/

.imagegrande
{
    position:fixed;
    display:flex;
    justify-content: center;
    align-items: center;

    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background-color: rgb(0,0,0, 0.9);
    display:none;
}



.croix
 {
   position:fixed;
 	 top: 10px;
   right: 10px;
   font-size: 150%;
   font-weight: 400;
   color:white;
   background-color: rgb(0,0,0, 0);
   border:0px white solid;
   text-decoration:none;
}

.precedent
 {
   position:fixed;
 	 top: 50%;
   left: 2%;
   font-size: 200%;
   font-weight: 400;
   color:white;
   background-color: rgb(0,0,0, 0);
   border:0px white solid;
   text-decoration:none;
 }

.suivant
 {
   position:fixed;
 	 top: 50%;
   right: 2%;
   font-size: 200%;
   font-weight: 400;
   color:white;
   background-color: rgb(0,0,0, 0);
   border:0px white solid;
   text-decoration:none;
}


#imagegrande button:hover
{
    color:#f4512c;
    cursor: pointer;
}

#imagegrande a
 {
   font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
   position:fixed;
 	 bottom: 1.5%;
   right: 50%;
   font-size: 100%;
   font-weight: 400;
   color:white;
   background-color: rgba(0,0,0, 0);
   border:0px white solid;
   text-decoration:none;
}

.imagegrande img
{
    height: 90%;
    border:2px lightgray solid;
}

@media (max-width: 700px){


  .imagegrande
  {
      width:100%;
  }

  #imagegrande a
   {
     bottom: 1.5%;
     right: 1%;
     font-size: 110%;
  }

  .imagegrande img
  {

      max-width: 100%;height: auto;
      max-height: 100%;width: auto;

  }

}
/* masque gris sur photo */


.formulaire img:nth-child(2)
{
    width:20px;
    position : absolute;
    top: 10px;
    left: 10px;
    opacity:0.6;
    text-align: center;
    color: rgba(255, 255, 255, 0);
    background: none;
    border:0px black solid;
    transition-property: width;
    transition-duration: 0.5s;
}

.formulaire img:nth-child(2):hover
{
    width:50px;
    cursor: pointer;
}


/* bas de page*/

.espacebas
{
  padding-bottom: 50px;
}

#bas
{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.element3
{
  padding-bottom: 10px;
  width: 1100px;
}

.apoio
{
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  font-size: 150%;
  padding-bottom: 10px;
}

.logo
{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content:space-between;
  padding-top: 10px;
}

.logo img
{
  height: 60px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.element4
{
  display: flex;
  justify-content:center;
  background-color: #f4512c;
  width: 100%;
  padding-top:25px;
  padding-bottom:25px;
}

.sousclasse
{
  width: 1100px;
  display: flex;
  justify-content: center;
}

.sousclasse img
{
      height: 30px;
      margin-right: 20px;
}

.legende3
{
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
      font-size: 120%;
      font-weight: 400;
      color: white;
}

@media (max-width: 700px){

      .espacebas
      {
          padding-bottom: 0px;
      }

      .element3
      {
        margin-bottom: 10px;
        padding-top: 5px;
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
      }

      .apoio
      {
        padding-bottom: 15px;
        text-align: center;
      }

      .logo
      {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 0px;
      }

      .logo img
      {
        max-height: 10%;
        padding-right: 0px;
        padding-bottom: 15px;
      }

      .element4
      {
        text-align: center;
        background-color: #f4512c;
        width: 100%;
      }

      .legende3
      {
          font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
            font-size: 80%;
            font-weight: 400;
            color: white;
      }
}
/* fotografos */

.photographes
{
  display: flex;
  justify-content: space-between;
  width: 1100px;
  margin-bottom: 20px;
}

.listephotographes
{
  display: flex;
  flex-direction: column;

}

.listephotographes
{
  border:0px black solid;
  background-color: white;
  text-align: left;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.listephotographes a
{
    color: black;
}

.listephotographes a:hover
{
    color: #f4512c;
}

@media (max-width: 700px){
    .photographes
    {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .listephotographes a
    {
        color: black;
        text-align: center;
    }
}
/* projeto e instituições */

#projeto
{
  position : relative ;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;

}

#projeto a
{
  text-decoration: none;
}

.barre
{
  height: 1px;
  background-color: lightgray;
  width: 1100px;
  margin-bottom: 1%;
}

.paragraphe
{

  font-size: 20px;
  font-weight: 400;
  color:black;
  max-width: 1100px;
}

.paragraphe a
{
  color:black;
  font-size: 18px;
}

.paragraphe a:hover
{
  color:#f4512c;
}

.paragrapheproj
{

  font-size: 20px;
  font-weight: 400;
  color:black;
  max-width: 1100px;

}

.paragrapheproj a
{
  color:black;
}

.paragrapheproj a:hover
{
  color:#f4512c;
}

.detalhe
{
  font-weight: 800;
  color: #f4512c;
  font-style:normal;
}

#equipe
{
    width:1100px;
}

.titreEquipe
{
    font-weight:600;
}


.droiteequipe
{
    margin-top:10px;
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 700px){

      .barre
      {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
      }

      .paragraphe
      {
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
      }

      .paragrapheproj
      {
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
      }

      #equipe
      {
        display: flex;
        flex-direction: column;
        align-items: center;
        width:100%;
      }

      .droiteequipe
      {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .texteequipe
      {
          text-align: center;
          margin-bottom: 10px;
      }
}

#institution
{
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
    display: flex;
    justify-content: center;
}

.institution
{
    width: 1100px;
}

.institution a
{
  font-size: 14px;
  font-weight: 300;
  text-decoration:none;
  color:black;
}

.institution a:hover
{
  color:#f4512c;
}
.barrejaune
{
  display: flex;
  justify-content: flex-end;
    max-width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    background-color: #fce9e5;
}

.barrejaune a
{
    color:white;
    border:0px black solid;
    background-color: #fce9e5;
    font-size: 220%;
    font-weight: 800;
    text-decoration:none;
    margin-right:10px;
  }

.barrejaune a:hover
{
    color:lightgray;
}

.infosinsti
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 2%;
}

.coloneinsti img
{
    width: 100%;
    margin-bottom: 10px;
}

.coloneinsti:nth-child(1)
{

    max-width: 35%;
}

.coloneinsti:nth-child(2)
{

    max-width: 20%;
}

.coloneinsti:nth-child(3)
{
    max-width: 30%;
}


.titreinsti {
    font-size: 100%;
    font-weight: 300;
    margin-bottom: 3%;
    color:#fe5a34;
}

.texteinsti {
    font-size: 16px;
    color:DarkSlateGray;
}

@media (max-width: 700px){

      .institution
      {
          width: 100%;
      }

      .infosinsti
      {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 2%;
      }

      .coloneinsti:nth-child(1)
      {
          max-width: 100%;
          margin-bottom: 10%;
      }

      .coloneinsti:nth-child(2)
      {
          max-width: 100%;
          margin-bottom: 10%;

      }

      .coloneinsti:nth-child(3)
      {
          max-width: 100%;
          margin-bottom: 10%;
      }
}



/* Infos */

.tudoi
{
  display: flex;
  justify-content: center;
  margin-bottom: 3%;
}


.partiesuperieure
{
  display: flex;
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  width: 1020px;
  padding: 2%;
  border:1px black solid;

}

.partiefoto
{
    padding-right: 1%;
    max-width: 60%;
}

.partiefoto img
{
    width: 100%;
}

.element1x
{
  display: flex;
  width: 40%;
    flex-direction: column;
    justify-content: flex-start;
}

.photographei
{
    font-size: 200%;
    font-weight: 300;
    color: #f4512c;
}

.contatoi
{
    font-size: 100%;
    font-weight: 300;
    color: #f4512c;
    padding-top: 0%;
    text-decoration:none;
}

.titrei
{
    font-size: 150%;
    font-weight: 400;
    color: #d4c8c5;
    padding-top: 4%;

}

.descriptioni
{
    font-weight: 300;
    font-size: 100%;
    padding-top: 4%;
    margin-right: 5%;
}

.comprardroite
{
display:flex;
flex-direction: column;
align-items: flex-end;
background-color: yellow;
}

.comprar
{
  width: 100%;
  margin-top: 6%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.valori
{
    font-size: 160%;
    font-weight: 300;
    color: #f4512c;
}

.comprar a button
{
  margin-top: 15%;
  font-size: 100%;
  font-weight: 400;
  color: white;
  padding:10px;
  outline:none;
  border:0px DarkSlateGray solid;
  background-color: #f4512c;
  border-radius: 5px;
}

.comprar a button:hover
{
  color: DarkSlateGray;
}

@media (max-width: 700px){

  .partiesuperieure
  {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 2%;
    border:1px black solid;

  }
  .element1x:nth-child(1)
  {
      order: 2;
  }

  .comprar:nth-child(1)
  {
      order: 4;
  }

  .partiefoto
  {
      max-width:100%;
  }
  .element1x
  {
    display: flex;
    width: 100%;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  .comprar
  {
    width: 100%;
    margin-top: 6%;
    display: flex;
    flex-direction: column;
    align-items: center;

  }
}


/* Contact */
#geral {

  display: flex;
  flex-direction: column;
  align-items: center;
}

.geral
{
  font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  width: 1100px;
  background-color: #fdf2f0;
}

.bloccontact
{

    margin-left: 10%;
    margin-top: 3%;
    margin-bottom: 10%;

}

.titrecontato {
    font-size: 200%;
    font-weight: 300;
    margin-bottom: 1%;
    color:#f4512c;
}

.textecontato {
    font-size: 80%;
    font-weight: 400;
    max-width:30%;

}

@media (max-width: 700px){
  .geral
  {
      width: 100%;
      background-color: white;
      display: flex;
      flex-direction: column;
      align-items: center;
  }

  .bloccontact
  {
      margin-top: 3%;
      margin-bottom: 20%;
      text-align: center;
  }

  .textecontato {
      max-width:100%;
      font-size: 100%;
      text-align: center;
  }
}

.blink {
    margin-bottom: 1%;
    margin-bottom: 1%;
    align-content: center;
    text-align: center;
    animation: blink 4s infinite;
    font-size: 100%;
    font-weight: 400;
    color: #f4512c;
    font-family: "Work Sans", "colaborate-regularregular","Times New Roman","Trebuchet MS",Verdana, sans-serif;
  }

  @keyframes blink {
      0% { opacity:0; }
      50% { opacity:1; }
      100% { opacity:0; }
  }

  /* FAQ */

  #projetofaq
  {
    display: flex;
    justify-content: space-between;
    width: 1100px;
  }

    #faq
    {
      width: 440px;
      display: flex;
      flex-direction: column;
      font-size: 14px;
      background-color: #fdf2f0;
      padding-left: 30px;
      padding-right: 30px;
    }

    .paragraphefaq
    {
      font-size: 24px;
      font-weight: 800;
      color: #f4512c;
      margin-bottom:30px;
    }

  .titrefaq
  {
    margin-bottom: 5px;
    font-weight: 600;
    margin-top:15px;
  }
  .droitefaq
  {
    margin-bottom:30px;
    font-size: 18px;
    font-weight: 400;
  }

@media (max-width: 700px){
        #projetofaq
        {
          flex-direction: column;
          width: 100%;
        }

          #faq
          {
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            background-color: white;
          }

          .paragraphefaq
          {
            margin-bottom:30px;
          }

          .titrefaq
          {
            margin-bottom: 5px;
            margin-top:15px;
            text-align: center;
          }
          .droitefaq
          {
            margin-bottom:30px;

          }
  }