/*
Theme Name: RoyalTeam
Theme URI: https://wwwCodeWebHautesAlpes.fr
Author: MatosMc
Author URI: https://wwwCodeWebHautesAlpes.fr
Description: Thème WordPress avec  Bootstrap personnalisé 

Teùplate : twentytwentyone
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html

Version: 1.1
*/

/*polices*/

 /*pour les iphones*/ 
img{
  height: auto;
    max-width: 100%;
}

@font-face {
  font-family: "kg";
  src: local('/KGSatisfiedScript'), local('Open Sans'), url("./police/KGSatisfiedScript.ttf") format("truetype");
}

@font-face {
  font-family: "spud";
  src: local('/Spud AF Crisp W00 Regular'), local('Open Sans'), url("./police/Spud AF Crisp W00 Regular.ttf") format("truetype");
  font-weight:bold;
}


.latolight
{
  font-family: Lato;
  font-weight: 100;
  opacity: 0.6
}

.decalagedroite
{
  position: relative;
  left: 25%;
  width: 75%;
}

.entoureguillements
{
  position: relative;
  width: fit-content;
}

.encarre div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-gap: 10px;
}

.entoureguillements::before
{
  content: '"';
  color: #8b6f4e;
  font-size: 10.5rem;
  font-family: angelina;
  position: absolute;
  transform: rotateY(180deg);
  top: -6rem;
  left: -1rem;
}

.entoureguillements::after
{
  content: '"';
  color: #8b6f4e;
  font-size: 10.5rem;
  font-family: angelina;
  position: absolute;
  transform: rotateY(353deg) rotateX(359deg);
  bottom: -10rem;
  right: -2rem;
}

.bkbeige
{
  background-color: #a28c71;
  color: white;
}

.colorbeige
{
  color: #a28c71;
}

.vaadroite 
{
  text-align: right;
}

.bklightbeige
{
    background-color: #eeeae5;
}

.paddingvertical0 .p-5
{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



.adelia
{
  font-family: adelia;
  font-size: 4rem;
}

/*fond d'ecran*/
a{
  color: inherit;
  
}

a{
  text-decoration:none;
  text-align: left;
}


a:hover{
  color: inherit;
  text-decoration: none;
  font-weight: bold;
}

body {
  font-family: "Lato";
  margin-left: auto;
  margin-right: auto;
 }
 
 
 h1
 {
  text-align: left;
  color: #8b6f4e;
  font-size: 1.5rem; 
  text-transform: uppercase; 
  font-family: Lato;
  font-weight: bold;
 }

 


 h2
 {
  font-family: 'Lato';
  text-align: justify;
  color : #8b6f4e;
  font-size: 1.2rem; 
  text-transform: uppercase; 
 }

 


 .texte_vignette
 {
  height: 13rem;  
 }

 @media (max-width: 1000px) {

  .texte_vignette
 {
  height: 18rem;  
 }   
}

@media (max-width: 768px) {

  .texte_vignette
 {
  height: fit-content;
 }   
}


 h3.bandeau_vignette
 {
  text-align: center;
  font-family: 'robotto';
  color : white;
  font-size: 2.0rem;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #3c3c3b;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
 }

 h3.bandeau_vignette em 
 {
   font-style: normal;
   color: #e30613;
 }
 
 h2.ennoir
 {
  font-family: 'robotto';
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #000000;
 }

 h2.ennoir em 
 {
   font-weight: bold;
   font-style: normal;
   
 }
 
 h2.pluspetit
 {
  font-family: 'robotto';
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #e30613;
  
 }

 

 .footer .titre{
  text-transform: uppercase;
  color: white;
 }


 .col-12 {
   margin-bottom: 1rem;
 }



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 0px;
  padding-left: 0px;
}

.wp-block-image {
  margin-bottom: 0em;
}
figure {
  margin: 0 0 0rem;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-left: 0;
  padding-right: 0;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  width: fit-content; 
}


.wp-block-contact-form-7-contact-form-selector
{
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  width:fit-content;
}


/*Header*/





.row p .sauterdeslignes
{
  text-align: justify;
  margin: 0rem 1rem;
}

.row p.agauche
{
  margin-left: 30%;
}

.row p.adroite
{
  margin-right: 30%;
}

@media (max-width : 768px)
{		

  .row p.agauche
  {
    margin: 0 2rem;
  }

  .row p.agauche:last-of-type
  {
    margin-bottom: 2rem;
  }
  

  .row p.adroite
  {
    margin: 0 2rem;
  }
}

.MenuIcon
{
  font-size: 1.4em;
  font-family: "abel";
  color : black;
  margin : 1rem
  top: 3px;
    position: absolute;
    right: 40px;
}

.bouton_menu
{
  top: 10px;
  position: absolute;
  right: 10px;
}

.navbar-light .navbar-toggler .icon-bar {
   background-color: black !important;
}


.footer>div
{
  margin: 2rem;
  width: auto;
}

.footer
{
  font-family: 'arial';
  background-color:  #8BB8E8;
  color: black; 
  font-size: 1rem;
  padding: 15px 25px;
  display: flex;
  justify-content:center;
  align-items: center;  
}

.googlemap
{
  width: 400px;
  height: 400px;
}

.col>img
{
  margin-left: 2rem;
  margin-right: 2rem;
}


.row.footer p
{
  text-align: inherit;
}


.textadroite
{
  text-align: right !important;
}

.col-ecriture
{
  
  background-color: rgba(255,255,255,0.7);
  border-radius: 25px;
}

.col-ecriture.fit
{
  width: fit-content;
  padding: 1rem;
  margin-left: auto;
  margin-right: auto;
  color: #000000;
}

.carousel-caption
{
  
}


/*pour prendre au moins 1900px d'espace*/
@media (min-width: 1200px)
{
    .container {
        /*max-width: 1900px;*/
    }
}

.header
{
  position: relative;
  top:0;
  right: 0;
}


.titreheader
{
  position:absolute;
    top:10%;
    bottom:0;
    right:1rem;
    padding-top:1rem;
    padding-bottom:1rem;
    padding-left: 20px;
    padding-right: 20px;
    margin:auto;    
    display: flex;
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center; /* alignement vertical */    

}


.entete_centre
{
  position: absolute;
  top: 10vw;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  font-family: 'Arial';
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1rem;
  
}

.entete_gauche
{
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 5%;
  /* right: 0; */
  width: 30%;
  padding-left: 20px;
  padding-right: 20px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.entete_topdroite
{
}



.titreheader .titre1,.titreheader .titre2
{
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.titreheader .titre1
{
  font-family: 'arial';  
  font-weight: 900;
  font-size: 3rem;
  color : white;
  background-color: transparent;
  padding: 0;
  text-transform: initial;
  z-index:99;
  
}



.titreheader .titre2
{
  font-family: 'charlotte';  
  font-size: 5rem;
  color : black;
  top : -1.5rem;
  position : relative;
  text-transform: initial;
  z-index:1;
  text-shadow: 0 0 25px white;  
}
@media (max-width: 1129px) {

  .titreheader .titre1
  {
    font-size: 2rem;
  }
  .titreheader .titre2
  {
    font-size: 3.5rem;

  }
}

@media (max-width: 490px) {


  .titreheader
  {
    padding-top: 0.2rem;
    padding-bottom: 0;
  }

  
}



/*menu 3 */

.menusauts, .menuinfos
{
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;  
}


navbar-light ul#menu-menu > li {
  display: inline-block;
  position: relative;
  margin-left: 1em;
  margin-right: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.navbar-light ul#menu-menu > li > a 
{
  font-size: xx-large;
  background-color: none;
  color: black;
}

ul.menusauts,ul.menuinfos{
  display: flex;
  width: max-content;
  flex-wrap:wrap;
  list-style-type: '.';
  padding: 0 0;
  margin-right: 1rem;  
  justify-content: flex-end;
  width: fit-content;
  min-width: 30%;
  border-top: solid red 2px;
  margin-right: 0rem;
  padding-right: 2rem;
}


ul.menusauts > li >a,ul.menuinfos > li >a
{
  text-transform: uppercase;
  display: inline;
  flex-direction: column;
  align-items:flex-end;
  justify-content: space-between;
  text-decoration: none;
  padding: 0 0.3rem;
  margin-right: 0.3rem;  
}

ul.menusauts > li:first-child,ul.menuinfos > li:first-child
{
  list-style: none;
}

ul.menusauts > li ,ul.menuinfos > li 
{
  list-style-type: '.';
}

ul.menusauts > li > a:hover,ul.menuinfos > li > a:hover
{
 font-weight: bold;
}

ul.menusauts > li.active ,ul.menuinfos > li.active 
{
  font-weight: bold;
}
@media (max-width: 470px)
{
  ul.menusauts,ul.menuinfos
  {
  flex-direction:column;
  list-style-type: none;
  }

  ul.menusauts > li ,ul.menuinfos > li 
  {
    list-style-type: none;
  }  
}



.navbar
{
  font-family: Lato;
  text-transform: uppercase;
  font-size: 1.0rem;
  color: rgb(0, 0, 0);
  margin-right: 10%;
  position: relative;
  background-color: #8BB8E8;
  width: 100%;   
  font-family: 'spud';
  font-size: x-large;
}

@media (max-width: 1600px)
{
  .navbar
  {
    
    padding: 12px 0%;
  }
}




/*Pour que les liens dans le menu fache juste la taille du texte afin que le bords ne depassent pas */
.navbar-nav .nav-link 
{
    width: fit-content;
    padding: 5px 15px !important;
}

/*gestion de l'icone d'ouverture et fermeture du menu */
.navbar-light .navbar-toggler {
    background: none;
    border: none;    
    min-height : 40px
  }
  
  .navbar-light .navbar-toggler:active,
  .navbar-light  .navbar-toggler:focus {
    outline: 0;
  }
  
  .navbar-light .navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin: 4px 0 4px 0;
    transition: all 0.2s;
  }
  
  .navbar-light .navbar-toggler .icon-bar {
    background: #000000;
  }
  
  .navbar-light .navbar-toggler .icon-bar:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
  
  .navbar-light .navbar-toggler .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  
  .navbar-light .navbar-toggler .icon-bar:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }
  
  .navbar-light  .navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
    transform: rotate(0);
  }
  
  .navbar-light .navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  
  .navbar-light .navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
    transform: rotate(0);
  }

  /* pour afficher la marque a coté du menu*/
.navbar-light .navbar-brand {
    color: #007bff;
    background-color: rgba(255,255,255,1);
    padding: 10px;
    border-radius: 15px;
    transition-property: color, background-color;
    transition-duration: 0.5s;   
    font-family: 'Roboto-Regular', serif;
    font-size: 2rem;
    text-shadow: 4px 4px 4px #aaa;     
}

.navbar-light .navbar-brand:hover {
    color: rgba(255,255,255,1);
    background-color: #007bff;
}



.navbar-light ul#menu-menu>li
{
  display: inline-block;
  position: relative;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
  width: fit-content;
}

.dropdown-item {
  padding: 5px 0.55rem;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
  background-color: transparent;
}

.dropdown-menu {
  min-width: 0rem; 
  background-color: transparent; 
  background-clip: padding-box;
  border: none;  
}

.dropdown-toggle::after {
  content : "";
       border-top: none; 
     border-right: none; 
     border-bottom: none; 
     border-left: none:
}


.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0,1.0);       
    transition: color 0.5s; 
    margin-right: 0;
    margin-left: auto;
    font-size: 1.5rem;
    
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link {
  color: #8b6f4e;
  transition: color 0.5s; 
  font-weight: bold;  
}




.navbar-light .navbar-nav .nav-item:not(:last-of-type) .nav-link::after {
  content: '.';
  position: absolute;
  right: 0;
}

.navbar-light .navbar-nav .nav-link {
  color: black;
}


/* les images*/
.survol{
  background:#000000;
  display:inline-block;
  border-radius: 25px;
  }
  .survol img{
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  z-index: 2;
  }
  .survol img:hover
  {
  opacity:0.2;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  }

  .centpourcent, .centpourcent iframe
  {
  overflow: hidden;
  width: 100%;
  }

.centpourcent>img,.centpourcent>a>img,
.centpourcent>figure>img,
.centpourcent>figure>a>img,
.wp-block-media-text__media>img
{
  
  width: 100%;
  height: auto;    
  transition: all 1s ease;
  filter: sepia(0%);
  
}

.centpourcent>figure>a>img:hover,.centpourcent>a>img:hover{
  
  filter: sepia(100%);
}

.into_parent
{
position: absolute ;
width: 100%;
height: 100%;
top: 0;

padding-top: 20%;
opacity: 0.7;
text-transform: uppercase;
transition: opacity 0.5s; 
}

.uppercase
{
  text-transform: uppercase;
}

.into_parent.agauche
{
  text-align: left;
}

.into_parent.adroite
{
  text-align: right;
}


.into_parent:hover
{
  opacity: 0.9;
  transition: opacity 0.5s; 
}

a:hover
{

}

.into_parent a
{
}

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

.verticale_separation .wp-block-group__inner-container
{
  display: flex;
  flex-direction: column;
}

.verticale_separation .wp-block-group__inner-container div
{
  margin-top: 3rem;
  
}

.backgroundin2
{
  background: linear-gradient(to bottom, #ffffff 50%, #eeeae5 50%); 
}

.bkmarion
{
  background-image: url(./images/marion.png);
  background-size:contain;  
  background-repeat: no-repeat;
  background-position: center;
}

.endessous
{
  padding: 15px;
}

.loader
{
  color: #ffffff;
  display: block;
  position:absolute;  
  top:0;      
  left:0;      
  height:100%;    
  width:100%;
  background-color:#000000 ;       /* chacun ses goûts ! */   
  padding-top: 50vh;
  z-index: 5000;
}



/* essai de grid */
.conteneurgrid
{
  display:grid;
  grid-template-columns : 1fr 1fr;
  grid-auto-rows:auto;
  
 justify-items:center;
 align-items:top;
  grid-column-gap: 0rem;
  grid-row-gap: 1em;
  
 
}

.conteneurgrid > div
{
  height: fit-content;
  
}

.conteneurgrid > div.vcenter
{
  align-self: center;
  
}


@media (max-width: 768px) {

.conteneurgrid
{
  display:grid;
  grid-template-columns : 1fr;
  
  
 
}
  
  .conteneurgrid > div.g3{
    grid-row-start : 2;
    grid-row-end : 3;
  }

  
}



@media (max-width: 350px) {

  form
  {
  
  
  }
  
  
    
  }


  .colonne_gauche
  {
    background-color: #930c0c;
    color : white;
    padding-top: 25px;
    padding-bottom: 25px;
    font-family: "KUMBHSANS" ;

  }


  .titre_gauche
  {
    background-color: #930c0c;
    color : white;
  }


  .entete
  {
    margin: 0;
  }

  .prendtoutvertical
  {
    position: relative;
    height: 17rem;
    width: 100%;
  }

  .a_centrer_vertical
  {
    position: absolute;
    top: 0; 
    bottom:0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;    
    width: 100%;
  }

  .a_mettreenbas_vertical
  {
    position: absolute;
    bottom: 0; 
    width: 100%;
  }


  .row 
  {
    margin: 0;
  }

  .V20
  {
    height: 100%;
    position: absolute;
    left:0;    
    
  }


  .V60
  {
    height: 60%;
    position: absolute;
    left:0;    
  }

  .min75
  {
    min-height: 95vh;
  }

  .min20
  {
    min-height: 46rem;
  }

  
  .marge_colonnegauche
  {
    margin-left: 16.666667%;
  }

  .menu_lateral
  {
    text-align: left;
    color: white;
    text-transform: uppercase;
    margin-top: 3rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    width: auto;
    word-break: keep-all;

      }


/*bannière*/
.bande-top{    
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;  
  background-color: #000000;
  color: white;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.2rem;
  padding-top: 5px;
  padding-bottom: 5px;
}

.bande-top .adroite{    
  display: flex;
  align-items: center;
  justify-content: center;  
}



.entete
{
  margin-left: 2rem;
  margin-right: 2rem;
  flex: 1;
  text-align: center; 
}

.bande-top .adroite .entete
{
  margin-left: 0;
}

.bande-top .adroite .entete img{
  width: 50px;
}


.ecrinslogo
{
  position: absolute;
  left : 5%;
  top: 50%;
  transform: translateY(-50%);  
  width: 25%;
} 

.dot {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #8b6f4e;
  margin: 0 10px;
  position: relative;
  bottom: -0.4rem;
  color: #8b6f4e;
}


.conteneur_banniere{  
  margin: 0px auto!important;
}
.banniere{
  width: 100%;
/*  min-height: 75vh;*/
  padding-top: 40.31%;
  background-color: white;
  animation: fondu 15s ease-in-out infinite both;
  text-align: center;
  background: no-repeat;  
   background-size: contain;  
}

.relative{
  position: relative;
  top: 0;
}



@keyframes fondu{
  0%{background-image : url('./images/accueil1_1.png');}
  33%{background-image : url('./images/accueil2_1.png');}
  66%{background-image : url('./images/accueil3_1.png');}
  100%{background-image : url('./images/accueil1_1.png');}
}



ul.liste_titre 
{
  list-style-type:none  ;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: white;
}

.liste_titre li
{  
  text-align: center;
  width: 40rem;
  background-color: #a09d96 ;
  right: -2rem;
  position: relative;
}

.liste_titre li:first-of-type
{
  background-color: #33566a ;
  right: 2rem;
}

.liste_titre li:last-of-type
{
  background-color: #626262 ;
  right: 0rem;
}

@media (max-width: 1100px) {
  .liste_titre li
  {  
    width: 30rem;
  }

  ul.liste_titre 
  {
    font-size: 1.0rem;
  }
    
}
@media (max-width: 470px) {
  .liste_titre li
  {  
    width: 20rem;
  }

  ul.liste_titre 
  {
    font-size: 0.8rem;
    padding: 1rem;
  }
    
}



ol{
  padding-inline-start: 1rem;
}

.vertical-align>.wp-block-group__inner-container
{
display: flex;
align-items: center;
flex-direction: row;
margin-left: auto;
margin-right: auto;
width: fit-content;
}

.marron
{
  background-color: #b49e6e;
}

.grey
{
  background-color: #abb8c3
}

.wp-block-table table{
background-color: #fcf8e3;
font-size: 1rem;
width: fit-content;
margin-left: auto;
margin-right: auto;
}

table , td ,th
{
  border: 1px solid black;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

figcaption
{
  font-size: 0.7rem;
  font-style: italic;
  text-align: center;
}

th{
  background-color:#fcf8e3;
}


.anime>figure>a>img:hover {
  transform: scale(0.75);
}

.anime>figure>img, .anime>figure>a>img, .wp-block-media-text__media>img {
  width: 100%;
  height: auto;
  transition: all 1s ease;
}


#diminuer, #stocker, #augmenter{
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease-in;
  text-align: justify;
}

#diminuer:target
{
height: 55rem;
}

#stocker:target
{
  height: 30rem;
}

#augmenter:target
{
  height: 50rem;
}


/* pour que les polices d'adaptent à l'ecran*/
@media (min-width: 1800px) {
  html {
  	font-size: 150%;
  }
}




@media (max-width: 768px) {
  html {
  	font-size: 85%;
  }

  
  .footer
  {
    font-size: 1.5rem;
  }

  .page
  {
    margin-top: 1rem;
  }

  .marge_colonnegauche
  {
    margin-left: 25%;
  }

  .titreheader h1 
  {
    font-size: 1.2rem;
    
  }
  .titreheader h2 
  {
    font-size: 2.0rem;
    top: -0.8rem;    
  }

  .colonne_droite img
  {
    transform: scale(0.7);
  }

  .colonne_gauche
  {
  font-size: 0.8rem;
  }
  
   
  .a_mettreenbas_vertical
  {
    font-size: 0.8rem;
  }


  .wp-block-table table{
    font-size: 0.7rem;
    }
    
    table , td ,th
    {
      border: 1px solid black;
      padding-left: 0.2rem;
      padding-right: 0.2rem;
      padding-top: 0.2rem;
      padding-bottom: 0.2rem;
    }  

    .p-3{
      padding: 0.5rem!important;
      }
          
     
}


.wpcp-carousel-wrapper 
{
  margin-top : 2rem;
  margin-bottom : 2rem;
}  

.colonne{
  padding: 2rem;
  margin-top: 2rem;
}
.petite-colonne{
  padding: 1rem;
  margin-top: 1rem;
}

.petite-colonne h3.bandeau_vignette{
  font-size: 1.5rem;
}

h3.bandeau_vignette a{
  text-decoration: none;
}
h3.bandeau_vignette a:hover{
  font-weight: normal;
}

  @media (max-width : 1200px)
  {		


  .petite-colonne h3.bandeau_vignette{
    font-size: 1.0rem;
  }
}




.colonne p{
  text-align: justify;
}

.bandeau_gris
{
  background-color: #d3d3d3;
}

.texte-vignette
{
  text-align: center !important;
  font-weight: bold;
  margin-top: 1rem;
}

.texte-vignette em{
  color: #e30613;
  margin-left: 2rem;
  
}

.ensemble_vignettes>.wp-block-group__inner-container 
{
  display: flex;
  margin-left: auto;  
  justify-content: center;
  flex-wrap: wrap;}

.vignette
{
  max-width: 859px;
}

.vignette ul 
{
  padding-inline-start: 1rem;
}




.float-left {
  float: left!important;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
   box-shadow: 0 0 0 0; 
}




/* google maps */

.map-responsive{
  width: 90%;
  margin: 1rem 0;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
  position:relative;
  height:800px;
  text-align: center;
  align-items: center;
}
.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}


.tel
{
font-size: 1.5rem;
margin-bottom: 0;
} 

.mail
{

font-size: 0.9rem;
}

.fb
{
  width: 50%;
}


.formulaire
{
  display: flex;
  border: 4px solid #e30613;
  border-radius: 10px;
  box-shadow: 10px 5px 5px grey;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;

  
}

.encartgauche
{
  width: 30%;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #d3d3d3;
}

.encartdroite
{
  width: 70%;
  padding: 1rem;
}





label
{
  font-weight: bold;
  text-transform: uppercase;
}

label span
{
  text-transform:none;
}

input:focus
{
  background-color: #d3d3d3;
  
}



.contact , .contact a
{
  color: #33566a;
  font-size: 0.8rem;
}

@media (max-width : 991px)
{		
  .p-5
  {
    padding: 2rem!important;
  }
  
}

@media (max-width : 500px)
{		
  .p-5
  {
    padding: 1rem!important;
  }
  
}


/********************************
* Carousel styles
*********************************/
.carousel-items {
  display: flex;
  overflow-x: scroll;
  padding: 1rem 0;
  scroll-snap-type: x mandatory;
}

.carousel-item {
  flex: 1 0 400px;
  max-width: 400px;
  margin-left: 1rem;
  scroll-snap-align: start;
  display: flex;
  margin-right: 1rem;
}


.avis .zmdi , .page_avis .zmdi
{
  color: #e30613;
}
.avis
{
  margin: 2rem;
}

.page_avis .carousel-items {
flex-wrap: wrap;
align-items: center;
justify-content: center;
overflow-x: hidden;
}

.page_avis .carousel-item {
  margin-top: 0.5rem;
}

.card{
  border-color: #d3d3d3;
  border-width: 3px;
  padding: 1rem;
}

@media (max-width: 768px) {
  .carousel-item {
    flex: 1 0 300px;
    max-width: 300px;
  }

  .avis
  {
    margin: 0.5rem;
  }
  
}




.form-check-input:checked[type=radio] ~ .infos_produit
{
  display: block;
}

.button-mat {
  color: white;
  position: relative;
  background-color: #e30613;
  border-color: #e30613;
  border: 0px transparent;
  border-radius: .3rem;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
  overflow: hidden;
  margin-right: auto;
  width: fit-content;
  padding: 10px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);  
}

.button-mat:hover {
box-shadow: 0 0 5px #e30613;
}

.button-mat:hover::before {
  transform: translate(-45%, -34%) translateZ(0);
  }
  


.button-mat::before {
  content: '';
  display: block;
  background: white;
  position: absolute;
  width: 200%;
  height: 500%;
  border-radius: 100%;
  -webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
  transition: 0.36s cubic-bezier(0.4, 0, 1, 1);
  transform: translate(50%, -50%) translateZ(0);
}


.button-mat > a {
  text-decoration: none;
}

.button-mat:hover > span, .button-mat:hover > a {
  color: #020946;
  border-color: #e30613;
  z-index: 9999;
  position: relative; 
}

.a_centrer{
  text-align: center;
}

.menu-special
{
  display: flex;
  background:linear-gradient(to right,#33b8c8, #a0338c);
}

.menu-special > div
{
  display: inline-block;
  border: solid 1px white ;
  text-align: center;
  text-transform: uppercase;
  color: white;
  font-size: 2rem;
  font-family: 'Lato', sans-serif  ;
  letter-spacing: 0.1rem;
  
  margin-bottom: 0 !important;
  padding-top: 10px;
  
}

.menu-special figcaption
{
  font-style: normal;
  margin-top: 1rem;
}

.tnp-subscription {
  max-width: 100% !important;
  background-color: #e6e6e6 !important;
  display: flex !important;
  align-items: center;
  margin: 15px 0 auto !important ;
  font-family: arial;
  letter-spacing: 0.2rem;
}

.form_email
{
  margin: 15px 25px;
  width: 100%;
  flex: 2 1 0;
}

.entete_newsletter
{
  margin: 15px 25px;
  flex: 1 1 0;
}

.titre_newsletter
{
  font-size: 3rem;
  text-transform: uppercase;
  color: white;
  letter-spacing: 0.2rem;
  font-weight: 900;

}

.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select {
  height: 50px;
  padding: 10px;
  display: block;
  border: 1px;
  border-color: #ddd;
  background-color: #ffffff !important;
  background-image: none;
  text-shadow: none;
  color: black !important;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  width: 100%;
  letter-spacing: 0.2rem;
    font-size: 1rem;
}

.tnp-field input[type="submit"] {
 display: none !important;
}

.footer_rose
{
  display: flex;
  align-items: flex-start;
}

.footer_rose .container{
  width: 20%;
}

media (max-width: 768px) {
  .footer_rose .container {
    width: 50%;
  }
}

p {
  margin-top: 0;
  margin-bottom: 0rem;
}

.font-black
{
  font-weight:900;
  font-family: Arial, Helvetica, sans-serif;
}

.actualites
{
  display: flex;
  align-items: flex-start;
  background-color: #e6e6e6;
}

.image_actualites
{
  flex: 2 2 0;
  
}

.texte_actualites
{
  flex: 1 1 0;
  padding: 15px 15px;
  font-size: 0.8rem;
   
}

.titre_texte_actualites
{
  color : #32b9c8;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ensavoirplus
{
  text-align: right !important;
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-top: 1rem;
}


.ensavoirplus::before
{
  content: '>>>';
  margin-right: 1rem;
  color: #a0328c;
}

.texte_vertical
{
  position: absolute;
  writing-mode: vertical-rl;  
  top : 15px;
  left : 0px;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 900;
  color: white;
  transform: rotate(180deg);
  margin: 0;
  padding: 0;
}

.cadre-bleu
{
  background-color: #32b9c8;
  padding: 15px 4rem 15px;
  margin-top: 1rem;
}

.cadre-rose
{
  background-color: #9f338c;
  padding: 15px 4rem 15px;
  margin-top: 1rem;
  color: white;
  margin-bottom: 2rem !important;
}


.titre-bleu
{
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #32b9c8;
}

.cadre-rose>p.titre 
{
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}


.cadre-bleu.titre 
{
  color: white;
  text-transform: uppercase;
  font-family: titiliumwweb;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.2rem;
}

.menu2
{
  display: flex;
  justify-content:center;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  font-family: Lato;  
  text-transform: uppercase;
  font-size: 1.0rem;
  color: black;
  font-weight: normal;  
}

.menu2 > li 
{
  display: inline-block;
  position: relative;  
  padding-right: 1rem;
  padding-left: 1rem;
  white-space: nowrap;
  margin-top: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}


.menu2 > li:not(:last-of-type) > a::after{
  content: '.';
  position: absolute;
  right: 0;
}


.menu2 > li > a:hover,
.menu2 > li.active > a{

  font-style: italic;
  font-weight: bold;
}



.projets-et-contacter
{
  padding: 1rem;
  display: flex;
  
}

.projets-et-contacter > div:first-child
{
  flex: 41 41 0;
  padding: 1rem;
}

.projets-et-contacter > div:last-child
{
  flex: 56 56 0;  
  padding: 1rem;
}

.wp-bootstrap-blocks-row p{
  text-align: justify;
}

.liens_roses a 
{
  color: #9f338c;
}

.liens_roses a:hover
{
  color: #9f338c;
}

.coteacote .wp-block-group__inner-container
{
  display: flex;
}

.coteacote
{
  margin : 0 !important;
}

.justify-content-center .wp-block-group__inner-container
{
  justify-content: center;
}
.coteacote .wp-block-group__inner-container figure
{
  margin-right : 1rem;
  margin-top : 1rem;
}

@media (max-width: 991px) {
  .menu2
   {
    flex-direction : column;
  }

  .navbar-light .navbar-nav .nav-item:not(:last-of-type) .nav-link::after {
    content: '';
  }

  .menu2 > li:not(:last-of-type) > a::after{
    content: '';
  }

  .bande-top{    
    font-size: 0.6rem;
    letter-spacing: 0rem;
  }
  
  
  .entete
  {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  
  .bande-top .adroite .entete img{
    max-width: 25px;
  }
  
}

@media (max-width: 450px) {
  .googlemap 
  {
    width : 85%;
    height : 85%;
  }

  .bande-top .adroite {
    display:block; 
    text-align: center;
    margin-top: 10px;
  }

  .has-x-large-font-size {
    font-size: 2rem !important;
  }  

  .has-large-font-size {
    font-size: 1.5rem !important;
  }

  .adelia {
    font-size: 2rem;
  }  

  .bande-top {
    display: block;    
  }

  .dot {
    display: none;
  }

  .footer {
    font-size: 1.0rem;
}

}

@media (min-width: 991px) {

  .menu2 
  {
    display : flex !important;
  }

}