/* Référence couleurs de fond
Blanc #40B9DD */
/* DEFAULT THEME → NUIT */
:root {
    --bg-color: #000;
    --text-color: #fff;
}

/* Thèmes */
.theme_nuit {
    --bg-color: #000;
    --text-color: #fff;
}

.theme_blanc {
    --bg-color: #fff;
    --text-color: #000;
}

.theme_fluo {
    --bg-color: #E1E902;
    --text-color: #000;
}

.theme_blue {
    --bg-color: #40B9DD;
    --text-color: #000;
}

.theme_rouge {
    --bg-color: #F13856;
    --text-color: #fff;
}

.theme_rouge,
.theme_blue,
.theme_nuit,
.theme_blanc,
.theme_fluo {
    background: var(--bg-color);
    color: var(--text-color);
    transition: background 0.5s, color 0.5s;
}

:root{
  --theme-nuit: #000;
  --theme-blanc: #fff;
  --theme-fluo: #E1E902;
  --theme-blue: #40B9DD;
  --theme-rouge: #F13856;
}

/* base transition */
.transition-even-diagonale{
position: absolute;
  bottom: -50px;
  left: -3px;
  right: 0;
width: calc(100% + 3px);
  height: 100px;
  display: block;
  margin: 0;
  box-sizing: border-box;
  rotate: 2deg;
}

.transition-odd-diagonale{
position: absolute;
  bottom: -50px;
  left: -3px;
  right: 0;
width: calc(100% + 3px);
  height: 100px;
  display: block;
  margin: 0;
  box-sizing: border-box;
  rotate: -2deg;
}

/* helper pour récupérer couleur par nom */
.to-theme_blanc    { background-color: #fff; }
.to-theme_fluo     { background-color: #E1E902;  }
.to-theme_blue     { background-color: #40B9DD;  }
.to-theme_rouge    {background-color: #F13856;  }
.to-theme_nuit {background-color: #000; }

section {position:relative;
overflow:hidden;}

p {
    margin: 0;
}

a {
    transition: 0.5s ease;
    color: inherit;
}

a:hover {
    text-decoration: none;
}
a.btn:hover {text-decoration:none;}

.text_home_theme_nuit a,
.text1_theme_nuit a,
.text2_theme_nuit a,
.text3_theme_nuit a,
.text4_theme_nuit a,
.text5_theme_nuit a {color: #fff; text-decoration: underline;}
.panel3_theme_nuit .acti p,
.menu_images a {color:#40B9DD;}

.text_home_theme_nuit a:hover,
.text1_theme_nuit a:hover,
.text2_theme_nuit a:hover,
.text3_theme_nuit a:hover,
.text4_theme_nuit a:hover,
.text5_theme_nuit a:hover,
.panel3_theme_nuit .menu_images a:hover {color:#fff;}

.text_home_theme_blue a,
.text1_theme_blue a,
.text2_theme_blue a,
.text3_theme_blue a,
.text4_theme_blue a,
.text5_theme_blue a,
.panel3_theme_blue .menu_images a {color:#E1E902;}

.text_home_theme_blue a:hover,
.text1_theme_blue a:hover,
.text2_theme_blue a:hover,
.text3_theme_blue a:hover,
.text4_theme_blue a:hover,
.text5_theme_blue a:hover,
.panel3_theme_blue .menu_images a:hover {color:#000;}

.text_home_theme_fluo a,
.text1_theme_fluo a,
.text2_theme_fluo a,
.text3_theme_fluo a,
.text4_theme_fluo a,
.text5_theme_fluo a,
.panel3_theme_fluo .menu_images a {color:#000;}

.text_home_theme_fluo a:hover,
.text1_theme_fluo a:hover,
.text2_theme_fluo a:hover,
.text3_theme_fluo a:hover,
.text4_theme_fluo a:hover,
.text5_theme_fluo a:hover,
.panel3_theme_fluo .menu_images a:hover {color:#fff;}

.text_home_theme_blanc a,
.text1_theme_blanc a,
.text2_theme_blanc a,
.text3_theme_blanc a,
.text4_theme_blanc a,
.text5_theme_blanc a,
.panel3_theme_blanc .menu_images a {color:#40B9DD;}

.text_home_theme_blanc a:hover,
.text1_theme_blanc a:hover,
.text2_theme_blanc a:hover,
.text3_theme_blanc a:hover,
.text4_theme_blanc a:hover,
.text5_theme_blanc a:hover,
.panel3_theme_blanc .menu_images a:hover {color:#E1E902;}

.text_home_theme_rouge a,
.text1_theme_rouge a,
.text2_theme_rouge a,
.text3_theme_rouge a,
.text4_theme_rouge a,
.text5_theme_rouge a,
.panel3_theme_rouge .menu_images a {color:#000;}

.theme_blue {background-color:#40B9DD;}
.theme_nuit {background-color:#000;}

.colonne {
    display: inline-block;
    width: calc(29.33% - 20px);
    margin:
  0 4% 0 0;
    vertical-align: top;
    background-color: rgba(255,255,255,0.5);
    padding:
  10px;
    border-radius:
  5px;
}

.table_module {
    width: 100%;
/*     min-height: 100%;
    height:100%;
    overflow: hidden; */
    text-align: center;
    position: relative;
    margin:0 auto;
    border-collapse: collapse;
}
.div_400 {margin: 0 auto 0px auto;padding: 20px 0;min-height:400px;
    vertical-align: middle;}

.multi_images td {background-position:center;}
/* .table_module .img {
    max-width: 616px;
} */
 .table_module tr {
    min-height: 500px; /* hauteur minimum voulue */
}

.table_module td {
    vertical-align: middle; /* centre verticalement le contenu */
}
.table_module h1{
   font-size: 60px;
  font-weight: 600;
  padding: 0px;
  letter-spacing: -2px;
  margin: 15px 0px;
}
/* Colonne avec background image */
.table_module .text2_img_theme_rouge,
.table_module .text2_img_theme_bleu,
.table_module .text2_img_theme_blanc,
.table_module .text2_img_theme_nuit,
.table_module .text2_img_theme_fluo {
    min-height: 800px; /* au cas où */
    background-size: cover;
    background-position: center top;
}

/* Colonne texte */
.table_module .text2_theme_rouge > div,
.table_module .text2_theme_bleu > div,
.table_module .text2_theme_blanc > div,
.table_module .text2_theme_nuit > div,
.table_module .text2_theme_fluo > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; /* centrage vertical */
}
.table_module h3{
font-size:42px;
}
.boutons {
    margin: 30px 0;
    text-align:center;
}
.btn {border: 1px solid transparent;
padding:0 5px;}
.btntheme_blanc .btn {
    color: #000;
}

.btntheme_blanc .btn:hover {
    border: 1px solid #000;
}

.btntheme_nuit a.btn {
    color: #FFF;
    text-decoration:none;
}

.btntheme_nuit a.btn:hover {
    border: 1px solid #FFF;
    text-decoration:none;
}

.btntheme_fluo .btn {
    color: #000;
}

.btntheme_fluo .btn:hover {
    border: 1px solid #000;
    color: #000;
}

.btntheme_blue .btn {
    color: #000;
}

.btntheme_blue .btn:hover {
    border: 1px solid #000;
}

.panel .btntheme_nuit .btn {
    color: #fff;
}

.panel .btntheme_nuit .btn:hover {
    border: 1px solid #fff;
}

.panel .btntheme_blue .btn {
    color: #000;
}

.panel .btntheme_blue .btn:hover {
    border: 1px solid #000;
}
/* ariane */
/* nuit */
.ariane_theme_nuit {
    color: #fff;
}

.ariane_theme_nuit a {
    color: #fff;
    text-decoration: none;
}

.ariane_theme_nuit a:hover {
    color: #ffdc00;
    text-decoration: underline;
}


/* fluo */
.ariane_theme_fluo {
    color: #000;
}

.ariane_theme_fluo a {
    color: #000;
    text-decoration: none;
}

.ariane_theme_fluo a:hover {
    color: #FFF;
    text-decoration: underline;
}

/* blanc */
.ariane_theme_blanc {
    color: #000;
}

.ariane_theme_blanc a {
    color: #000;
    text-decoration: none;
}

.ariane_theme_blanc a:hover {
    color: #000;
    text-decoration: underline;
}
/* blue */
.ariane_theme_blue {
    color: #000;
}

.ariane_theme_blue a {
    color: #000;
    text-decoration: none;
}

.ariane_theme_blue a:hover {
    color: #000;
    text-decoration: underline;
}

/* text_home */

.text_home_div_text {padding: 120px 0 130px 0;}

/* nuit */
.logo {
    max-width: 410px;
}
.theme_nuit {color:#fff;}

.text_home_theme_nuit h1,
.text_home_theme_nuit h2 {
    text-align: center;
    max-width: 410px;
    padding-right: 13px;
    margin: 0 auto;
}

.text_home_theme_nuit {
    background-color: #000;
    color: #FFFFFF;
    width: 42%;
    padding: 0px 10%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}


.text_home_theme_nuit .img {
    width: 58%;
}


.text_home_img_theme_nuit {
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: left;
    line-height: 0;
}

.text_home_img_theme_nuit .img {
    width: 100%;
    padding: 0;
}

.text_home_theme_nuit .boutons {
    margin: 50px auto 0px auto;
}

/* blue */
.text_home_theme_blue {
    background-color: #40B9DD;
    color: #000;
    width: 42%;
    padding: 0px 10%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text_home_theme_blue .img {
    width: 40%;
}

.text_home_img_theme_blue {
    /*     background: rgb(255,64,2);
    background: radial-gradient(circle, rgba(255,64,2,1) 0%, rgba(255,127,193,1) 53%, rgba(39,62,244,1) 100%);
    background: rgb(255, 65, 1);
    background: linear-gradient(135deg, rgba(255, 65, 1, 1) 0%, rgba(255, 165, 0, 1) 50%, rgba(255, 127, 193, 1) 100%);*/
    width: 58%;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    line-height: 0;
}


.text_home_img_theme_blue .img {
    width: 100%;
    padding:0;
}



.text_home_theme_blue .boutons {
    margin: 50px auto 0 auto;
}

/* fluo */

.text_home_theme_fluo h1,
.text_home_theme_fluo h2 {
   text-align: center;
    max-width: 410px;
    margin: 0 auto;
}

.text_home_theme_fluo {
    background-color: #E1E902;
    color: #fff;
    width: 42%;
    padding: 0px 10%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text_home_theme_fluo .img {
    width: 40%;
}

.text_home_img_theme_fluo {
    width: 58%;
    vertical-align: bottom;
    padding:0;
 /*    text-align: center; */
    line-height: 0;
}

.text_home_img_theme_fluo .img {
    width: 100%;
    padding: 0;
}


.text_home_theme_fluo .boutons {
    margin: 50px auto 0 auto;
}


/* blanc */
.text_home_theme_blanc h1{
   font-size: 60px;
  font-weight: 600;
  padding: 0px;
  letter-spacing: -2px;
  margin: 15px 0px;
}
.text_home_theme_blanc h3 {
   font-size: 60px;
  font-weight: 600;
  padding: 0px;
  letter-spacing: -2px;
  margin: 15px 0px;
}


.text_home_theme_blanc .img {
    width: 40%;
}

.text_home_img_theme_blanc {
    /*     background: rgb(255,64,2);
    background: radial-gradient(circle, rgba(255,64,2,1) 0%, rgba(255,127,193,1) 53%, rgba(39,62,244,1) 100%); */
/*     background: rgb(255, 65, 1);
    background: linear-gradient(135deg, rgba(255, 65, 1, 1) 0%, rgba(255, 165, 0, 1) 50%, rgba(255, 127, 193, 1) 100%); */
    width: 58%;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    line-height: 0;
}

.text_home_img_theme_blanc .img {
    width: 100%;
    padding: 0;
}


.text_home_theme_blanc .boutons {
    margin: 50px auto 0 auto;
}
.theme_nuit {background-color: #000;
    background-image:url(sec2_texture.webp);
background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
background-attachment:fixed;}

/******* module text1 - Texte libre / image ******/

.section-texte {
    margin: 0 auto 50px auto;
    color: #fff;
    width: fit-content;
    padding: 0 20px;
}

/* nuit */
.text1_theme_nuit {

    color: #fff;
    width: calc(38% - 2px);
    padding: 50px 6%;
    text-align: left;
/*     min-height: 100%; */
    vertical-align: center;
}

.text1_img_theme_nuit {

      width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text1_img_theme_nuit .img {
    width: 100%;
    padding: 0;
}

.text1_theme_nuit h1, .section-texte h1 {
    font-size: 60px;
  font-weight: 600;
  letter-spacing: -2px;
}

.text1_theme_nuit h1 {
    font-size: 60px;
  font-weight: 600;
  letter-spacing: -2px;
}

.text1_theme_nuit h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text1_theme_nuit h3 {
   color: #40B9DD;
}

/* Blanc */
.text1_theme_blanc {
    background-color: #FFFFFF;
    color: #000;
      width: calc(38% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text1_img_theme_blanc {
    background-color: #FFFFFF;
      width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text1_img_theme_blanc .img {
    width: 100%;
    padding: 0;
}

.text1_theme_blanc h1 {
    font-size: 60px;
  font-weight: 600;
  letter-spacing: -2px;
}

.text1_theme_blanc h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text1_theme_blanc h3 {
   color: #40B9DD;
}


/* fluo */
.text1_theme_fluo {
    background-color: #E1E902;
    color: #000;
      width: calc(38% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text1_img_theme_fluo {
    background-color: #E1E902;
      width: 50%;
    vertical-align: bottom;
    padding:0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text1_img_theme_fluo .img {
    width: 100%;
    padding: 0;
}

.text1_theme_fluo h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text1_theme_fluo h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text1_theme_fluo h3 {
   color: #000

}


/* blue */
.text1_theme_blue {
    background-color: #40B9DD;
    color: #000;
      width: calc(38% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text1_img_theme_blue {
    background-color: #40B9DD;
   width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text1_img_theme_blue .img {
    width: 100%;
    padding: 0;
}

.text1_theme_blue h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text1_theme_blue h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text1_theme_blue h3 {
   color: #000
}

/* Rouge */
.text1_theme_rouge {
    background-color: #F13856;
    color: #000;
      width: calc(38% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text1_img_theme_rouge {
    background-color: #c2b5b7;
      width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text1_img_theme_rouge .img {
    width: 100%;
    padding: 0;
}

.text1_theme_rouge h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text1_theme_rouge h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text1_theme_rouge h3 {
   color: #000

}

/************ spécial texte 5, comme text1, sauf la taille des td et couleurs des titres *************/

.text5_theme_nuit {
    background: rgba(0, 0, 0, 0.6);
    width: 42%;
    padding: 10px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
    max-width: 1000px;
}

.text5_img_theme_nuit {
    background: rgba(0, 0, 0, 0.6);
    padding: 30px;
    width: 58%;
    vertical-align: bottom;
    padding:0;
    text-align: center;
    line-height: 0;
    height:100%;
}
.text5 .text1_theme_nuit,
.text5 .text1_theme_blue,
.text5 .text1_theme_fluo,
.text5 .text1_theme_blanc {
    width: 24%;
    padding: 10px 3%;
}

.text5 .text1_img_theme_nuit,
.text5 .text1_img_theme_blue,
.text5 .text1_img_theme_fluo,
.text5 .text1_img_theme_blanc {
    width: 18%;
    padding: 20px 2% 0 0;
}
.text5_theme_nuit h1 {
    font-size: 60px;
  font-weight: 600;
  letter-spacing: -2px;
}

.text5_theme_nuit h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}

/****** module text2 - Texte libre / image ******/

/* nuit */
.text2_theme_nuit {
    background-color: #000;
    color: #FFF;
    width: calc(32% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text2_img_theme_nuit {
    background-color: #000;
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text2_img_theme_nuit .img {
    width: 100%;
    padding: 0;
}

.text2_theme_nuit h2 {
    color: #40B9DD;
}
.text2_theme_nuit h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text2_theme_nuit h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text2_theme_nuit h3 {
   color: #E1E902;
}

/* blue */
.text2_theme_blue {
    background-color: #40B9DD;
    color: #000;
    width: calc(32% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text2_img_theme_blue {
    background-color: #40B9DD;
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text2_img_theme_blue .img {
    width: 100%;
    padding: 0;
}

.text2_theme_blue h2 {
    color: #40B9DD;
}
.text2_theme_blue h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text2_theme_blue h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text2_theme_blue h3 {
   color: #000;
}

/* fluo */
.text2_theme_fluo {
    background-color: #E1E902;
    color: #000;
    width: calc(32% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text2_img_theme_fluo {
    background-color: #E1E902;
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text2_img_theme_fluo .img {
    width: 100%;
    padding: 0;
}

.text2_theme_fluo h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text2_theme_fluo h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text2_theme_fluo h3 {
   color: #000;
}

/* Blanc */
.text2_theme_blanc {
    background-color: #FFFFFF;
    color: #000;
    width: calc(32% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text2_img_theme_blanc {
    background-color: #FFFFFF;
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text2_img_theme_blanc .img {
    width: 100%;
    padding: 0;
}

.text2_theme_blanc h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text2_theme_blanc h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text2_theme_blanc h3 {
   color: #40B9DD;
}
/* rouge */
.text2_theme_rouge {
    background-color: #F13856;
    color: #000;
    width: calc(32% - 2px);
    padding: 50px 6%;
    text-align: left;
    min-height: 100%;
    vertical-align: center;
}

.text2_img_theme_rouge {
    background-color: #F13856;
    width: 50%;
    vertical-align: bottom;
    padding: 0;
    text-align: center;
    line-height: 0;
    height:100%;
}

.text2_img_theme_rouge .img {
    width: 100%;
    padding: 0;
}

.text2_theme_rouge h1 {
    font-size: 60px;
  font-weight: 900;
  letter-spacing: -2px;
}

.text2_theme_rouge h2 {
font-weight: 900;
  font-size: 61px;
  line-height: 1;
}
.text2_theme_rouge h3 {
   color: #000;
}

/****** module text3 Texte / texte ******/

.text_arch {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    padding: 50px 0;
    font-weight: 400;
    letter-spacing: -0.9px;
    font-size: 0.95em;
}
.text_arch p, .text_arch h2 {padding: 0 10%;}

.text_arch h1 {
    font-weight: 400;
    font-size: 2.1em;
}

.text_arch h2 {
    font-weight: 400;
    font-size: 2.1em;
}

.text_arch h1, .text_arch h2{
    word-break: break-word;
}
.text_arch h3 {
    color:#fff;
    padding: 10px 80px;
    background: rgb(255, 64, 2);
    background: linear-gradient(135deg, rgba(255, 64, 2, 1) 0%, rgba(255, 127, 193, 1) 53%, rgba(39, 62, 244, 1) 100%);
}

/* blue */
.text3_theme_blue {
    background-color: #f7efe9;
    color: #000;
    width: 62%;
    vertical-align: middle;
    padding: 50px 8%;
    text-align: left;
}

.text3_img_theme_blue {
    background-color: #f7efe9;
    color: #fff7f7;
    width: 38%;
    vertical-align: bottom;
    padding: 20px 3% 0 3%;
    text-align: center;
    font-size: 0.95em;
}

.text3_img_theme_blue a {color:#ff4002;}

.text3_img_theme_blue .text_arch {
    background-image: url(arch_night.png);
}

.text3_theme_blue h1 {
    color: #ff4002;
}

.text3_img_theme_blue h1 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    /* regular */
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}

.text3_img_theme_blue h1::before, .text3_img_theme_blue h2::before,
.text3_img_theme_blue h1::after, .text3_img_theme_blue h2::after,
.text3_img_theme_blanc h1::before, .text3_img_theme_blanc h2::before,
.text3_img_theme_blanc h1::after, .text3_img_theme_blanc h2::after
{
    content:"";
    display: block;
    background: #ffffff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin: 20px auto;
}

.text3_img_theme_nuit h1::before, .text3_img_theme_nuit h2::before,
.text3_img_theme_nuit h1::after, .text3_img_theme_nuit h2::after,
.text3_img_theme_fluo h1::before, .text3_img_theme_fluo h2::before,
.text3_img_theme_fluo h1::after, .text3_img_theme_fluo h2::after{
    content:"";
    display: block;
    background: #000;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin: 20px auto;
}


/* nuit */
.text3_theme_nuit {
    background-color: #000;
    color: #FFFFFF;
    width: 62%;
    vertical-align: middle;
    padding: 50px 8%;
    text-align: left;
}

.text3_img_theme_nuit {
    background-color: #000;
    color: #FFFFFF;
    width: 38%;
    vertical-align: bottom;
    padding: 20px 3% 0 3%;
    text-align: center;
    font-size: 0.95em;
}

.text3_img_theme_nuit a {
    color:#ff7fc0;
}

.text3_img_theme_nuit .text_arch {
    color: #000;
    background-image: url(arch_blue.png);
}

.text3_theme_nuit h1 {color: #ff7fc0;}

.text3_img_theme_nuit h1 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    /* regular */
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}

.text3_img_theme_nuit h2 {}

/* blanc */
.text3_theme_blanc {
    background-color: #FFFFFF;
    color: #000;
    width: 62%;
    vertical-align: middle;
    padding: 50px 8%;
    text-align: left;
}

.text3_img_theme_blanc {
    color: #fff7f7;
    background-color: #FFFFFF;
    width: 38%;
    vertical-align: bottom;
    padding: 20px 3% 0 3%;
    text-align: center;
    font-size: 0.95em;
}
.text3_img_theme_blanc a {color:#000;}

.text3_img_theme_blanc .text_arch {
    background-image: url(arch_rouge.png);
}

.text3_theme_blanc h1 {color:#000;}

.text3_img_theme_blanc h1 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    /* regular */
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}


/* fluo */
.text3_theme_fluo {
    background-color: #82715a;
    color: #fff;
    width: 62%;
    vertical-align: middle;
    padding: 50px 8%;
    text-align: left;
}

.text3_img_theme_fluo {
    background-color: #82715a;
    color: #fff;
    width: 38%;
    vertical-align: bottom;
    padding: 20px 3% 0 3%;
    text-align: center;
    font-size: 0.95em;
}

.text3_img_theme_fluo a {color:#000;}

.text3_img_theme_fluo .text_arch {
    color: #000;
    background-image: url(arch_white.png);
}

.text3_img_theme_fluo h1 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    /* regular */
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}

.text3_theme_fluo h1 {
    color: #fff;
}

.text3_theme_fluo h2 {
    color: #000;
}



/****** module text4 Texte / texte ******/
/* nuit */
.text4_theme_nuit {
    vertical-align: middle;
    padding: 50px 10%;
    text-align: left;
    color:#fff;
}

.text4_theme_nuit h1 {
   /*  color: #ff7fc0; */
}

.text4_theme_nuit h2 {
    color: #fff;
    font-size:35px;
    line-height: 1;
}
.div_img {display:inline-block;
vertical-align:middle;
width:calc(30% - 2px);
margin:0 auto;
padding:0;}

.div_text {display:inline-block;
vertical-align:middle;
width:calc(70% - 22px);
margin:0 auto;
padding:0 10px;}

/* blue */
.text4_theme_blue {
    background-color: #40B9DD;
    color: #000;
    width: 80%;
    vertical-align: middle;
    padding: 50px 10%;
    text-align: left;
}

.text4_theme_blue h2 {
 /*    color: #ff4002; */
}

/* blanc */
.text4_theme_blanc {
    background-color: #FFFFFF;
    color: #000;
    width: 80%;
    vertical-align: middle;
    padding: 50px 10%;
    text-align: left;
}

.text4_theme_blanc h2 {
    color: #000;
}

/* fluo */
.text4_theme_fluo {
    background-color: #E1E902;
    color: #fff;
    width: 80%;
    vertical-align: middle;
    padding: 50px 10%;
    text-align: left;
}

.text4_theme_fluo h1 {
    color: #fff;
}

.text4_theme_fluo h2 {
    color: #fff;
}

/***** module round_images en fait rectangle *******/

.pres {
    margin: 0 auto;
    display: block;
    max-width: 1600px;
}


.pres > div[style*="text-align:center"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    justify-items: center;
    justify-content: center;
    text-align: initial !important; /* pour éviter les conflits */
}


/* --- Cadres rectangles (ex-circles) --- */
.circle_container {
    position: relative;
width: calc(90% - 20px);
    max-width: 300px;
    padding: 10px;
    min-height: 220px;

    /* Bordure par défaut (sera remplacée par nth-child) */
    border: 4px solid #ccc;

    box-shadow: 0 4px 14px rgba(0,0,0,0.10);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.circle_container:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* --- Les contenus internes (image + légende) --- */
.circle2 {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
}

.circle_legend2 {
    margin-top: 10px;
    font-size: 1rem;
    color: #fff;
    text-align: left;
}

.circle_legend2 h3{font-size:30px;}
/* --- Bordures selon la colonne (4 couleurs) --- */
.pres > div .circle_container:nth-child(4n+1) { border-color: #40B9DD; }
.pres > div .circle_container:nth-child(4n+2) { border-color: #E1E902; }
.pres > div .circle_container:nth-child(4n+3) { border-color: #F13856; }
.pres > div .circle_container:nth-child(4n+4) { border-color: #2E8B57; }

/* --- Icônes étiquette en haut à droite --- */
.circle_container::before {
    content: "";
    position: absolute;
    top: -12px;
    right: -12px;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
}

/* Icônes différentes selon la colonne */
.pres > div .circle_container:nth-child(4n+1)::before {
    background-image: url('icone1.png'); /* remplace par ton icône */
}
.pres > div .circle_container:nth-child(4n+2)::before {
    background-image: url('icone2.png');
}
.pres > div .circle_container:nth-child(4n+3)::before {
    background-image: url('icone3.png');
}



/* ----------- Responsive ----------- */

/* Tablettes : 2 colonnes */
@media (max-width: 1100px) {
    .pres > div[style*="text-align:center"] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Bordures recalculées pour 2 colonnes */
    .pres .circle_container:nth-child(odd) { border-color: #40B9DD; }
    .pres .circle_container:nth-child(even) { border-color: #F13856; }
}

/* Mobiles : 1 colonne */
@media (max-width: 650px) {
    .pres > div[style*="text-align:center"] {
        grid-template-columns: 1fr;
    }

    /* Bordure unique sur mobile */
    .pres .circle_container {
        border-color: #40B9DD;
    }
}

/****** module menu-images ******/
.menu_images {
    font-size: 1.1em;
    width: 86%;
    max-width: 1500px;
    margin: 3% auto 0 auto;
    text-align: center;
}

.acti a:hover .acti_img {
    filter: brightness(80%);
}

/* nuit */
.panel3_theme_nuit {
    background-color: #000;
    color: #fff;
    margin: 0px auto;
    padding: 3% 0;
}

/* avant on avait 100px 0 */

.panel3_theme_nuit h1 {
    color: #ffffff;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    font-size: 2.45em;

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: inherit;
    line-height: 1.7em;
}

.panel3_theme_nuit h2 {
    font-size: 4.4em;
    text-align: inherit;
    margin: 0;
    line-height: 0.7em;

    font-weight: 400;
    font-style: normal;
    color: #40B9DD;
}

.panel3_theme_nuit .menu_images h2 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 1em;
    padding-top: 0;
    margin-top: 0;
    line-height: 1.12em;
    text-transform: uppercase;
}

.panel3_theme_nuit .menu_images h2 a,
.panel3_theme_nuit .menu_images a  {
    color: #fff;
    font-weight: 700;
}

.panel3_theme_nuit .menu_images h2 a:hover,
.panel3_theme_nuit .menu_images a:hover {
    color: #fff;
}

.panel3_theme_nuit .menu_images p {
    font-size: 0.8em;
    line-height: 1.4em;
}


/* blanc */
.panel3_theme_blanc {
    background-color: #FFFFFF;
    color: #000;
    margin: 0px auto;
    padding: 3% 0;
}

/* avant on avait 100px 0 */

.panel3_theme_blanc .acti_2 p {
    color: #000;
}

.panel3_theme_blanc h1 {
    color: #000;
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    font-size: 2.45em;

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: inherit;
    line-height: 1.7em;
}

.panel3_theme_blanc h2 {
    font-size: 4.4em;
    text-align: inherit;
    margin: 0;
    line-height: 0.7em;

    font-weight: 400;
    font-style: normal;
}

.panel3_theme_blanc .menu_images h2 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 1em;
    padding-top: 0;
    margin-top: 0;
    line-height: 1.12em;
    text-transform: uppercase;
    color: #000;
}

.panel3_theme_blanc .menu_images h2 a {
    color: #82715a;
    font-weight: 700;
}

.panel3_theme_blanc .menu_images h2 a:hover {
    color: #82715a;
}

.panel3_theme_blanc .menu_images p {
    font-size: 0.8em;
    line-height: 1.4em;
    color: #000;
}

/* blue */
.panel3_theme_blue {
    background-color: #40B9DD;
    color: #000;
    margin: 0px auto;
    padding: 3% 0;
}

/* avant on avait 100px 0 */

.panel3_theme_blue .acti_2 p {
    color: #000;
}

.panel3_theme_blue h1 {
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    font-size: 2.45em;

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: inherit;
    line-height: 1.7em;
}

.panel3_theme_blue h2 {
  color: #000;
    font-size: 4.4em;
    text-align: inherit;
    margin: 0;
    line-height: 0.7em;

    font-weight: 400;
    font-style: normal;
}

.panel3_theme_blue .menu_images h2 {
    font-optical-sizing: auto;
    font-style: normal;
    text-align: left;
    font-size: 2.5em;
    padding-top: 0;
    margin-top: 0;
 /*    line-height: 1.12em; */

    font-weight: 400;
}

.panel3_theme_blue .menu_images h2 a {
    color: #82715a;;
    font-weight: 700;
}

.panel3_theme_blue .menu_images h2 a:hover {
    color: #82715a;;
}

.panel3_theme_blue .menu_images p {
    font-size: 0.8em;
    line-height: 1.4em;
    color: #000;
}

/* fluo */
.panel3_theme_fluo {
    background-color: #82715a;
    color: #fff;
    margin: 0px auto;
    padding: 3% 0;
}

/* avant on avait 100px 0 */

.panel3_theme_fluo .acti_2 p {
    color: #000;
}

.panel3_theme_fluo h1 {
    text-align: center;
    max-width: 450px;
    margin: 0 auto;
    font-size: 2.45em;

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: inherit;
    line-height: 1.7em;
}

.panel3_theme_fluo h2 {
    font-size: 4.4em;
    text-align: inherit;
    margin: 0;
    line-height: 0.7em;

    font-weight: 400;
    font-style: normal;
    color: #FFF;
}

.panel3_theme_fluo .menu_images h2 {

    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    font-size: 1em;
    padding-top: 0;
    margin-top: 0;
    line-height: 1.12em;
    text-transform: uppercase;
}

.panel3_theme_fluo .menu_images h2 a {
    color: #000;
    font-weight: 700;
}

.panel3_theme_fluo .menu_images h2 a:hover {
    color: #000;
}

.panel3_theme_fluo .menu_images p {
    font-size: 0.8em;
    line-height: 1.4em;
    color: #000;
}

.mobile_img {
    display: none;
}



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

    .text3_img_theme_blue,
    .text3_img_theme_nuit,
    .text3_img_theme_blanc,
    .text3_img_theme_fluo,
    .text3_img_theme_rouge {
        padding: 50px 5% 0 0%;
    }

    .text2_img_theme_blue,
    .text2_img_theme_nuit,
    .text2_img_theme_blanc,
    .text2_img_theme_fluo,
    .text2_img_theme_rouge {

    }

    .text2_img_theme_blue .img,
    .text2_img_theme_nuit .img,
    .text2_img_theme_blanc .img,
    .text2_img_theme_fluo .img,
    .text2_img_theme_rouge .img {
        width: 100%;
        padding: 3px 10% 0 0%;
    }

    .text1_theme_blue,
    .text1_theme_nuit,
    .text1_theme_blanc,
    .text1_theme_fluo,
    .text1_theme_rouge,
    .text2_theme_blue,
    .text2_theme_nuit,
    .text2_theme_blanc,
    .text2_theme_fluo,
    .text2_theme_rouge,
    .text3_theme_blue,
    .text3_theme_nuit,
    .text3_theme_blanc,
    .text3_theme_fluo,
    .text3_theme_rouge,
    .text4_theme_blue,
    .text4_theme_nuit,
    .text4_theme_blanc,
    .text4_theme_fluo,
    .text4_theme_rouge {
        padding: 40px 4%;
    }

    .menu_images {
        width: 90%;
        margin: 4% 5%;
    }


    .text5 .text1_theme_rouge,
    .text5 .text1_theme_nuit,
    .text5 .text1_theme_blue,
    .text5 .text1_theme_fluo,
    .text5 .text1_theme_blanc {
        width: 28%;
        padding: 50px 1%;
    }

    .text5 .text1_img_theme_rouge,
    .text5 .text1_img_theme_nuit,
    .text5 .text1_img_theme_blue,
    .text5 .text1_img_theme_fluo,
    .text5 .text1_img_theme_blanc {
        width: 18%;
        padding: 20px 2% 0 0;
    }

}

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

    .panel h1 {
        font-size: 60px;
    }
    .panel1 h1 {
        font-size: 70px;
    }

    .text_arch h1, .text_arch h2{
        font-size: 1.8em;
    }

    .panel h2 {
        font-size: 55px;
    }

    .panel3_theme_nuit h1,
    .panel3_theme_fluo h1,
    .panel3_theme_blue h1,
    .panel3_theme_blanc h1 {
        font-size: 2.15em;
    }

    .panel3_theme_nuit h2,
    .panel3_theme_fluo h2,
    .panel3_theme_blue h2,
    .panel3_theme_blanc h2 {
        font-size: 4em;
    }
    .panel3_theme_nuit .menu_images h2 ,
    .panel3_theme_fluo .menu_images h2 ,
    .panel3_theme_blue .menu_images h2 ,
    .panel3_theme_blanc .menu_images h2  {
        font-size: 2.1em;
    }
    .text_arch h2 {
        font-size: 1.8em;
    }
}

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

    .panel3_theme_nuit .menu_images p,
    .panel3_theme_blue .menu_images p,
    .panel3_theme_blanc .menu_images p,
    .panel3_theme_fluo .menu_images p,
    .panel3_theme_rouge .menu_images p {
        font-size: 0.8em;
    }

    /* .panel3_theme_nuit .menu_images h2,
.panel3_theme_blue .menu_images h2,
.panel3_theme_blanc .menu_images h2,
.panel3_theme_fluo .menu_images h2,
.panel3_theme_rouge .menu_images h2 {font-size: 1.1em;} */

    .text1_img_theme_nuit,
    .text1_img_theme_blue,
    .text1_img_theme_blanc,
    .text1_img_theme_fluo,
    .text1_img_theme_rouge,
    .text2_img_theme_nuit,
    .text2_img_theme_blue,
    .text2_img_theme_blanc,
    .text2_img_theme_fluo,
    .text2_img_theme_rouge,
    .text3_img_theme_nuit,
    .text3_img_theme_blue,
    .text3_img_theme_blanc,
    .text3_img_theme_fluo,
    .text3_img_theme_rouge {

    }

    .text1_theme_blue,
    .text1_theme_nuit,
    .text1_theme_blanc,
    .text1_theme_fluo,
    .text1_theme_rouge,
    .text2_theme_blue,
    .text2_theme_nuit,
    .text2_theme_blanc,
    .text2_theme_fluo,
    .text2_theme_rouge,
    .text3_theme_blue,
    .text3_theme_nuit,
    .text3_theme_blanc,
    .text3_theme_fluo,
    .text3_theme_rouge,
    .text4_theme_blue,
    .text4_theme_nuit,
    .text4_theme_blanc,
    .text4_theme_fluo,
    .text4_theme_rouge {
        width: 55%;
        padding: 30px 3% 40px 3%;
    }

    .text_arch {
        padding: 10% 0;
    }

    /* .panel3_theme_rouge h1,
.panel3_theme_blue h1,
.panel3_theme_blanc h1,
.panel3_theme_fluo h1,
.panel3_theme_nuit h1 {
    font-size: 2.5em;
    max-width: 380px;
} */
}

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

    .form-flat {padding: 10px 10px;}

    .panel h1 {
        font-size: 55px;
    }
    .text_arch h1, .text_arch h2{
        font-size: 1.8em;
    }

    .panel h2 {
      font-size: 40px;
    }

    .panel3_theme_nuit h1,
    .panel3_theme_fluo h1,
    .panel3_theme_blue h1,
    .panel3_theme_blanc h1 {
        font-size: 1.8em;
    }

    .panel3_theme_nuit h2,
    .panel3_theme_fluo h2,
    .panel3_theme_blue h2,
    .panel3_theme_blanc h2 {
        font-size: 3em;
    }
    .panel3_theme_nuit .menu_images h2 ,
    .panel3_theme_fluo .menu_images h2 ,
    .panel3_theme_blue .menu_images h2 ,
    .panel3_theme_blanc .menu_images h2  {
        font-size: 2.5em;
    }
    .text_arch h2 {
        font-size: 1.5em;
    }
    .module h4 {font-size:2.2em;}
    .text_home_theme_nuit,
    .text_home_theme_blue,
    .text_home_theme_blanc,
    .text_home_theme_fluo,
    .text_home_theme_rouge {
        padding: 50px 3%;
    }


    .menu_images p {
        font-size: 0.82em;
        padding: 8px 0;
    }

    .text3_img_theme_blue,
    .text3_img_theme_nuit,
    .text3_img_theme_blanc,
    .text3_img_theme_fluo,
    .text3_img_theme_rouge {
        padding: 10px 3% 0 0%;
    }

    .text2_img_theme_blue,
    .text2_img_theme_nuit,
    .text2_img_theme_blanc,
    .text2_img_theme_fluo,
    .text2_img_theme_rouge {
    }

    .text1_theme_blue,
    .text1_theme_nuit,
    .text1_theme_blanc,
    .text1_theme_fluo,
    .text1_theme_rouge,
    .text2_theme_blue,
    .text2_theme_nuit,
    .text2_theme_blanc,
    .text2_theme_fluo,
    .text2_theme_rouge,
    .text3_theme_blue,
    .text3_theme_nuit,
    .text3_theme_blanc,
    .text3_theme_fluo,
    .text3_theme_rouge,
    .text4_theme_blue,
    .text4_theme_nuit,
    .text4_theme_blanc,
    .text4_theme_fluo,
    .text4_theme_rouge {
        padding: 20px 2% 40px 2%;
    }

    .menu_images {
        width: 94%;
        margin: 4% 3%;
        text-align: left;
    }
    .acti, .acti_2 {
        width: 40%;
        margin: 1% 5% 0 5%;
    }
}

@media screen and (max-width: 1150px) {
    body {
        font-size: 1em;
    }
    .text_arch h1, .text_arch h2{
        font-size: 2em;
    }
}

@media screen and (max-width: 1024px) {
    .text_arch {
        padding: 10% 0;
    }

    .text1_theme_blue,
    .text1_theme_nuit,
    .text1_theme_blanc,
    .text1_theme_fluo,
    .text1_theme_rouge,
    .text2_theme_blue,
    .text2_theme_nuit,
    .text2_theme_blanc,
    .text2_theme_fluo,
    .text2_theme_rouge,
    .text3_theme_blue,
    .text3_theme_nuit,
    .text3_theme_blanc,
    .text3_theme_fluo,
    .text3_theme_rouge,
    .text4_theme_blue,
    .text4_theme_nuit,
    .text4_theme_blanc,
    .text4_theme_fluo,
    .text4_theme_rouge {
        padding: 20px 2% 5px 2%;
    }

a.btn {white-space:nowrap;}
    .btn {
        padding: 6px 10px;
    }

    .logo {
        max-width: 70%;
    }


    .text5 .text1_theme_rouge,
    .text5 .text1_theme_nuit,
    .text5 .text1_theme_blue,
    .text5 .text1_theme_fluo,
    .text5 .text1_theme_blanc {
        display: inline-block;
        width: 85%;
        margin: 0;
        padding: 40px 7.5% 0 7.5%;
        min-height: 100%;
    }

    .text5 .text1_img_theme_rouge,
    .text5 .text1_img_theme_nuit,
    .text5 .text1_img_theme_blue,
    .text5 .text1_img_theme_fluo,
    .text5 .text1_img_theme_blanc {
        display: inline-block;
        min-height: 100%;
        padding: 0;
        width: 100%;
        margin: 0 0 0 auto;
    }

    .text5 .boutons {
        margin: 50px auto 15px auto;
        text-align: center;
    }


      .text1_theme_rouge h1,
    .text1_theme_nuit h1,
    .text1_theme_blue h1,
    .text1_theme_fluo h1,
        .text1_theme_blanc h1,
    .text2_theme_rouge h1,
    .text2_theme_blanc h1,
    .text2_theme_nuit h1,
    .text2_theme_blue h1,
    .text2_theme_fluo h1,
    .text3_theme_rouge h1,
        .text3_theme_blanc h1,
    .text3_theme_nuit h1,
    .text3_theme_blue h1,
    .text3_theme_fluo h1,
    .text4_theme_rouge h1,
        .text4_theme_blanc h1,
    .text4_theme_nuit h1,
    .text4_theme_blue h1,
    .text4_theme_fluo h1,
    .text5_theme_rouge h1,
        .text5_theme_blanc h1,
    .text5_theme_nuit h1,
    .text5_theme_blue h1,
    .text5_theme_fluo h1,
   .section-texte h1,
   .panel h1   {
    font-size: 45px;
}
  .text1_theme_rouge h2,
    .text1_theme_nuit h2,
    .text1_theme_blue h2,
    .text1_theme_fluo h2,
        .text1_theme_blanc h2,
    .text2_theme_rouge h2,
    .text2_theme_blanc h2,
    .text2_theme_nuit h2,
    .text2_theme_blue h2,
    .text2_theme_fluo h2,
    .text3_theme_rouge h2,
        .text3_theme_blanc h2,
    .text3_theme_nuit h2,
    .text3_theme_blue h2,
    .text3_theme_fluo h2,
    .text4_theme_rouge h2,
        .text4_theme_blanc h2,
    .text4_theme_nuit h2,
    .text4_theme_blue h2,
    .text4_theme_fluo h2,
    .text5_theme_rouge h2,
        .text5_theme_blanc h2,
    .text5_theme_nuit h2,
    .text5_theme_blue h2,
    .text5_theme_fluo h2   {
    font-size: 30px;
}
.table_module h3{
font-size:22px;
}
}

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

    .colonne {
        width: 70%;
        margin: 25px auto;
        display: block;
    }

    .panel3_theme_nuit .menu_images h2 ,
    .panel3_theme_fluo .menu_images h2 ,
    .panel3_theme_blue .menu_images h2 ,
    .panel3_theme_blanc .menu_images h2  {
        font-size: 2em;
    }
}

@media screen and (max-width: 800px) {
    .div_400 {margin: 0 auto 0px auto;padding: 20px 0;min-height:250px;
    vertical-align: middle;}

    .theme_blue {
        background-color: #40B9DD;
    }

    .theme_fluo {
        background-color: #E1E902;
    }

    .theme_blanc {
        background-color: #FFFFFF;
    }

    .theme_nuit {
        background-color: #000;
    }

    .theme_rouge {
       /*  background-color: #C6755A; */
    }

    .mobile_img {
        text-align: center;
        display: block;
        line-height: 0;
    }

    .table_module td {
        display: block;
        width: 90%;
        margin: 0;
        padding: 30px 5%;
        min-height: 250px;
    }

    .text_home_div_text {padding: 30px 0;}

    .boutons,
    .text_home_theme_nuit .boutons {
/*         margin: 50px auto 0px auto; */
        text-align: center;
    }

    .text1_theme_blue,
    .text1_theme_nuit,
    .text1_theme_blanc,
    .text1_theme_fluo,
    .text1_theme_rouge {
        padding: 35px 5%;
    }

    .text1_img_theme_blue .img,
    .text1_img_theme_nuit .img,
    .text1_img_theme_blanc .img,
    .text1_img_theme_fluo .img,
    .text1_img_theme_rouge .img .mobile_img .img {
        width: 60%;
        padding: 0px 0% 0 0%;
        margin: 0 0 0 auto;
    }

    .text2_img_theme_blue .img,
    .text2_img_theme_nuit .img,
    .text2_img_theme_blanc .img,
    .text2_img_theme_fluo .img,
    .text2_img_theme_rouge .img {
        display: none;
    }

    .table_module td.text1_img_theme_blue,
    .table_module td.text1_img_theme_nuit,
    .table_module td.text1_img_theme_blanc,
    .table_module td.text1_img_theme_fluo,
    .table_module td.text1_img_theme_rouge {
        padding: 0;
        width: 100%;
    }

    .table_module td.text2_img_theme_blue,
    .table_module td.text2_img_theme_nuit,
    .table_module td.text2_img_theme_blanc,
    .table_module td.text2_img_theme_fluo,
    .table_module td.text2_img_theme_rouge,
     .table_module td.text1_img_theme_blue,
    .table_module td.text1_img_theme_nuit,
    .table_module td.text1_img_theme_blanc,
    .table_module td.text1_img_theme_fluo,
    .table_module td.text1_img_theme_rouge {
        display: none;
    }

    .text_home_img_theme_nuit,
    .text_home_img_theme_fluo,
    .text_home_img_theme_blanc,
    .text_home_img_theme_rouge,
    .text_home_img_theme_blue {
        background-color: #40B9DD;
    }


}

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


    .acti,
    .acti_2 {
        width: 45%;
        margin: 1% 2.5% 0 2.5%;
    }

    .colonne {

        width: 85%;
        margin: 25px 7.5%;
    }
}

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

          .text1_theme_rouge h1,
    .text1_theme_nuit h1,
    .text1_theme_blue h1,
    .text1_theme_fluo h1,
        .text1_theme_blanc h1,
    .text2_theme_rouge h1,
    .text2_theme_blanc h1,
    .text2_theme_nuit h1,
    .text2_theme_blue h1,
    .text2_theme_fluo h1,
    .text3_theme_rouge h1,
        .text3_theme_blanc h1,
    .text3_theme_nuit h1,
    .text3_theme_blue h1,
    .text3_theme_fluo h1,
    .text4_theme_rouge h1,
        .text4_theme_blanc h1,
    .text4_theme_nuit h1,
    .text4_theme_blue h1,
    .text4_theme_fluo h1,
    .text5_theme_rouge h1,
        .text5_theme_blanc h1,
    .text5_theme_nuit h1,
    .text5_theme_blue h1,
    .text5_theme_fluo h1,
   .section-texte h1,
   .panel h1   {
    font-size: 40px;
}

    .menu_images {
        width: 70%;
        margin: 4% auto;
    }

    .acti,
    .acti_2 {
        width: 100%;
        margin: 1% auto 0 auto;
    }

  /*   .acti .div,
    .acti_2 .div {
        width: 70%;
    } */

    .text1_img_theme_blue .img,
    .text1_img_theme_nuit .img,
    .text1_img_theme_blanc .img,
    .text1_img_theme_fluo .img,
    .text1_img_theme_rouge .img,
    .mobile_img .img {
        float: none;
    }

    .table_module {
        min-height: auto;
    }
}

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

    .panel3_theme_nuit h1,
    .panel3_theme_fluo h1,
    .panel3_theme_blue h1,
    .panel3_theme_blanc h1 {
        font-size: 1.5em;
    }

    .panel3_theme_nuit h2,
    .panel3_theme_fluo h2,
    .panel3_theme_blue h2,
    .panel3_theme_blanc h2 {
        font-size: 2.7em;
    }
}

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

    .boutons,
    .text_home_theme_nuit .boutons {
        font-size: 0.8em;
    }

    .menu_images {
        width: 85%;
    }


}