/*================================================================
  mediaqueries.css
  width : 0 à 960px
=========================****************************************/
@media screen and (max-width: 60em)
{
  html
  {
    font-size: 50%;
  }

  /* Enlève Menu Horizontal */
  header#header_horizontal
  {
    display: none !important;
  }

  /* Affichage Menu Vertical ERROR */
  header#header_vertical
  {
    display: block !important;
    min-height: 7rem !important;
  }

  /*========================================
    TEXTES h1, h2, h3, article p
  ========================================*/
  #bienvenue h1
  {
    font-size: 2.2rem;
    text-align: left;
    max-width: 80%;
  }

  h1.entete
  {
    font-size: 2rem;
  }

  /* 1- Titre avec un cadre vert */
  h2.cadre-vert.first-cadre,
  h1.cadre-vert.first-cadre
  {
    font-size: 2.1rem;
    font-weight: 400;
    border: 0.1rem solid var(--vert-titre4);
    padding: 2rem;
    max-width: 90rem;
    max-height: 8rem;
    color: var(--vert-titre5);
    line-height: 2.5rem;
    border-radius: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  h2.cadre-vert,
  h1.cadre-vert
  {
    /* cadre vert : Bienvenue */
    font-size: 2.1rem;
    font-weight: 400;
    border: 0.1rem solid var(--vert-titre4);
    padding: 2rem;
    max-width: 90rem;
    max-height: 8rem;
    color: var(--vert-titre5);
    line-height: 3.5rem;
    border-radius: 1rem;
    margin-bottom: 2rem;
  }

  /*h3.cadre-vert*/
  /*{*/
  /*  !* cadre vert : Bienvenue *!*/
  /*  font-size: 2.2rem;*/
  /*  font-weight: 400;*/
  /*  border: 0.1rem solid var(--vert-titre4);*/
  /*  padding: 2rem;*/
  /*  max-width: 90rem;*/
  /*  max-height: 8rem;*/
  /*  color: var(--vert-titre5);*/
  /*  line-height: 2.5rem;*/
  /*  border-radius: 1rem;*/
  /*  margin-bottom: 2rem;*/
  /*}*/

  /* Paragraphes dans un article */
  article p,
    /* Themes dans la section consultations#approches*/
  article div.themes
  {
    max-width: 80%;
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: left;
    color: var(--texte-paragraphe1);
    margin-bottom: 2rem;
    font-weight: 400;
  }

  /* Chevron Div*/
  article div
  {
    max-width: 90%;
    font-size: 2.2rem;
    line-height: 1.5;
    text-align: left;
    color: var(--texte-paragraphe1);
    font-weight: 400;
  }

  article a
  {
    max-width: 70%;
    font-size: 2.2rem;
    line-height: 1.5;
    /*text-align: left;*/
    color: var(--texte-paragraphe1);
    margin-bottom: 2rem;
    font-weight: 400;
  }

  div.groupe-liens.laposte
  {
    margin-top: 1rem;
  }

  /*==========================================
    IMAGES
  ==========================================*/

  /* Image autobus et voiture svg */
  .autobus img
  {
    max-width: 30%;
    max-height: 30%;
  }

  /* boutons portfolio */
  .slider__btn--left
  {
    left: 25%;
    transform: translate(-50%, -50%);
  }

  .slider__btn--right
  {
    right: 25%;
    transform: translate(50%, -50%);
  }


  /*==============================================
   Centrer les sections
  ==============================================*/

  /*=========================================
    ACCUEIL
  =========================================*/
  section#bienvenue,
  section#thierry_senjean_bio,
  section#mon_parcours_pro,
  section#diplomes,
  section#travaux,
  section#liens
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  section#bienvenue img,
  section#thierry_senjean_bio img,
  section#mon_parcours_pro img,
  section#diplomes img,
  section#travaux img,
  section#liens img
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  /*=======================================
   CABINET
  =======================================*/

  section#cabinet_adresse,
  section#cabinet_photos,
  section#maps,
  section#pages_jaunes,
  section#acces_voiture,
  section#acces_bus
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  section#cabinet_adresse img,
  section#cabinet_photos img,
  section#maps img,
  section#pages_jaunes img,
  section#acces_voiture img,
  section#acces_bus img
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  /*============================================
    MON SOUTIEN PSY
  ============================================*/
  section#dispositif,
  section#consulter,
  section#professionnel,
  section#seances,
  section#paiement,
  section#remboursement,
  section#continuer,
  section#documents
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  section#dispositif img,
  section#consulter img,
  section#professionnel img,
  section#seances img,
  section#paiement img,
  section#remboursement img,
  section#continuer img,
  section#documents img
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  /*==============================================
    CONSULTATIONS
  ==============================================*/

  section#pourqui,
  section#pourquoi,
  section#rdv,
  section#duree_tarifs,
  section#approches,
  section#analytique,
  section#tcc,
  section#integrative
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  section#pourqui img,
  section#pourquoi img,
  section#rdv img,
  section#duree_tarifs img,
  section#approches img,
  section#analytique img,
  section#tcc img,
  section#integrative img
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }

  /*===============================================
     CONTACT
  ================================================*/
  section#contact
  {
    max-width: 80%;
    align-self: center;
    justify-self: center;
  }


  /*======================================
    LIENS - Ancres
  ======================================*/
  a.chevron_ancre
  {
    max-width: 100%;
  }
} /*  Fin Media Queries  0 => 960 =====================*/


/*==================================================================*/
/* Width de 0 à 640px ou 40em
/*==================================================================*/
@media (max-width: 40em)
{
  /*==============================================
 Centrer les sections
==============================================*/

  /*=========================================
    ACCUEIL
  =========================================*/
  section#bienvenue,
  section#thierry_senjean_bio,
  section#mon_parcours_pro,
  section#diplomes,
  section#travaux,
  section#liens
  {
    max-width: 80%;
  }

  section#bienvenue img,
  section#thierry_senjean_bio img,
  section#mon_parcours_pro img,
  section#diplomes img,
  section#travaux img,
  section#liens img
  {
    max-width: 80%;
  }

  /*=======================================
   CABINET
  =======================================*/

  section#cabinet_adresse,
  section#cabinet_photos,
  section#maps,
  section#pages_jaunes,
  section#acces_voiture,
  section#acces_bus
  {
    max-width: 80%;
  }

  section#cabinet_adresse img,
  section#cabinet_photos img,
  section#maps img,
  section#pages_jaunes img,
  section#acces_voiture img,
  section#acces_bus img
  {
    max-width: 80%;
  }

  /*============================================
    MON SOUTIEN PSY
  ============================================*/
  section#dispositif,
  section#consulter,
  section#professionnel,
  section#seances,
  section#paiement,
  section#remboursement,
  section#continuer,
  section#documents
  {
    max-width: 80%;
  }

  section#dispositif img,
  section#consulter img,
  section#professionnel img,
  section#seances img,
  section#paiement img,
  section#remboursement img,
  section#continuer img,
  section#documents img
  {
    max-width: 80%;
  }

  /*==============================================
    CONSULTATIONS
  ==============================================*/

  section#pourqui,
  section#pourquoi,
  section#rdv,
  section#duree_tarifs,
  section#approches,
  section#analytique,
  section#tcc,
  section#integrative
  {
    max-width: 80%;
  }

  section#pourqui img,
  section#pourquoi img,
  section#rdv img,
  section#duree_tarifs img,
  section#approches img,
  section#analytique img,
  section#tcc img,
  section#integrative img
  {
    max-width: 80%;
  }

  /*===============================================
     CONTACT
  ================================================*/
  section#contact
  {
    max-width: 60%;
  }


  /* Maps ============================*/
  .iframe_google_maps iframe
  {
    width: 40rem;
    height : 30rem;
  }
  
  section#contact
  {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(7, auto);
    gap: 0;
    margin-top : 2rem;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    border : 1px solid #666;
    align-items: center;
    justify-content: center;
    max-width: 60%;
  }

  /* Ligne 1*/
  .contact_titre
  {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
  }

  /* Ligne 2 */
  .contact_img_tel1
  {
    grid-column: 1 / -1;
    grid-row: 2 / 3;
  }

  /* Ligne 3 */
  .contact_tel1
  {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
    justify-self: center;
    align-self: flex-start;
    font-weight: 500;
    margin-top: 2rem;
  }

  /* Ligne 4 */
  .contact_img_tel2
  {
    grid-column: 1 / -1 ;
    grid-row: 4 / 5 ;
    margin-top: 2rem;
  }

  /* Ligne 5 */
  .contact_tel2
  {
    grid-column: 1 / -1 ;
    grid-row: 5 / 6 ;
    justify-self: center;
    align-self: flex-start;
    font-weight: 500;
    margin-top: -2rem;
  }

  /* Ligne 6 */
  .contact_img_mail
  {
    grid-column: 1 / -1 ;
    grid-row: 6 / 7 ;
    margin-top: 2rem;
  }

  /* Ligne 7 */
  .contact_mail
  {
    grid-column: 1 / -1 ;
    grid-row: 7 / 8 ;
    justify-self: center;
    align-self: center;
    font-weight: 500;
    margin-bottom: 5rem;
    margin-top: -1rem;
    padding-left: 2.5rem;
  }
}

/* Fin 0 -> 560px ou 35em*/