/****************************************************************************
                                    MISE EN PLACE MEDIA QUERIES
******************************************************************************
ORDINATEUR
*****************************************************************************/
@media screen and (min-width:1024px)
{
body{margin:0%;}
/********************************
CONTENEUR GLOBAL DU SITE
**********************************/
.entete_shadow{position:relative;width:100%;opacity:0.7;z-index:2;}
.ctn_global_site{position:relative;width:100%;min-height:400px;margin-bottom:5%;margin-top:-9%;}
/*****
CONTENEUR NOUVEAUTE
*****/
.ctn_nouveaute{position:relative;width:100%;height:650px;background:#EEF2FF;}
.ctn_nouveaute_ent{position:relative;color:#e97575;font-family:Roboto;padding:2%;font-weight:bold;text-shadow:0px 0px 2px silver;text-transform:lowercase;}
.ctn_nouveaute_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_env{position:relative;width:100%;height:470px;}
.slider_nouvo{position:relative;width:100%;height:470px;}
/*******************
AFFICHAGE NOUVEAUTE
********************/
.ctn_nouveaute_affichage{position:relative;width:100%;height:470px;}
.ctn_nouveaute_affichage a{text-decoration:none;}
.ctn_nouveaute_affichage_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/***
MEDIAS
****/
.ctn_nouveaute_affichage_medias{position:relative;width:50%;margin-left:3%;height:100%;}
.image_nouveaute{position:relative;width:100%;height:100%;object-fit:contain;}
/****
TEXTUELLE
****/
.ctn_nouveaute_affichage_textuelle{position:relative;width:45%;height:100%;}
.ctn_nouveaute_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 50px 50px;}
.ctn_nouveaute_elem_textuelle_ent{font-family:Roboto;padding:2% 3%;margin:0%;color:#002349;font-weight:bolder;text-transform:lowercase;font-size:1.8em;}
.ctn_nouveaute_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_elem_textuelle_prix{font-family:Roboto Mono;padding:2% 3%;text-transform:uppercase;margin-bottom:0%;color:#002349;font-weight:normal;}
.ctn_nouveaute_elem_textuelle_description{font-family:Roboto;font-size:1.4em;line-height:33px;padding:1% 3%;color:#002349;text-align:justify;text-transform:lowercase;}
.ctn_nouveaute_elem_textuelle_description:first-letter{text-transform:capitalize;}

/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:500px;background-image:  linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 50, 0, 0.5)),url("../medias/bannieres/op.png");padding:0.2%;box-shadow:inset 0px 0px 3px  gray;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/**********************************
CONTENEUR ENVELOPPE DES ARTICLES
**********************************/
.ctn_enveloppe_articles{position:relative;width:100%;min-height:400px;}
.ctn_enveloppe_articles_ent{position:relative;color:#C8C1C1;font-family:Roboto Mono;padding:2%;text-align:center;font-size:1.6em;font-weight:normal;}
.ctn_enveloppe_articles_env{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}
/****
elements
****/
.articles_elem{position:relative;width:22.6%;height:450px;background:#EEF2FF;border-radius:30px;padding:0.1%;margin:1%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:55%;border-radius:30px 30px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 30px 30px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:0.88em;padding:2% 3%;margin:0%;color:#2e4153;font-weight:normal;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.88em;padding:2% 3%;text-transform:uppercase;margin-bottom:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.88em;line-height:19px;padding:1% 3%;color:#2e4153;text-align:justify;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}


/************* PAGINATION ************************/
.pagine_affichage{position:relative;}
.pagine_affichage_tabulation{color:#2e4153;margin-left:0.5%;font-family:Roboto Mono;text-align:center;padding:0.1% 0.3% 0.1% 0.4%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:orangered;transition:1s;}

.pagine_affichage_tabulation a{color:#2e4153;text-decoration:none;margin-left:0.5%;font-family:Roboto Mono;text-align:center;}
.pagine_affichage_tabulation:hover a{color:orangered;transition:0.4s;}

/*******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 50%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:95% 75%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:22px;color:#2e4153;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;}
/**************************************
FIN - POP UP
***************************************/


}
/**************************************
TABLET
**************************************/
@media screen and (min-width:768px) and (max-width:1023px)
{
body{margin:0%;}
/********************************
CONTENEUR GLOBAL DU SITE
**********************************/
.entete_shadow{position:relative;width:100%;opacity:0.7;z-index:2;}
.ctn_global_site{position:relative;width:100%;min-height:400px;margin-bottom:5%;margin-top:-10%;}
/*****
CONTENEUR NOUVEAUTE
*****/
.ctn_nouveaute{position:relative;width:100%;height:500px;background:#EEF2FF;}
.ctn_nouveaute_ent{position:relative;color:#e97575;font-family:Roboto;padding:4%;font-size:2.3em;font-weight:normal;text-shadow:0px 0px 2px silver;text-transform:lowercase;}
.ctn_nouveaute_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_env{position:relative;width:100%;height:450px;}
.slider_nouvo{position:relative;width:100%;height:450px;}
/*******************
AFFICHAGE NOUVEAUTE
********************/
.ctn_nouveaute_affichage{position:relative;width:100%;height:350px;}
.ctn_nouveaute_affichage a{text-decoration:none;}
.ctn_nouveaute_affichage_env{position:relative;width:100%;height:100%;display:flex;flex-wrap:wrap;}
/***
MEDIAS
****/
.ctn_nouveaute_affichage_medias{position:relative;width:50%;margin-left:0%;height:100%;}
.image_nouveaute{position:relative;width:100%;height:100%;object-fit:contain;}
/****
TEXTUELLE
****/
.ctn_nouveaute_affichage_textuelle{position:relative;width:47%;height:100%;}
.ctn_nouveaute_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 50px 50px;}
.ctn_nouveaute_elem_textuelle_ent{font-family:Roboto;padding:2% 3%;margin:0%;color:#002349;font-weight:bolder;font-size:1.6em;text-transform:lowercase;}
.ctn_nouveaute_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_elem_textuelle_prix{font-family:Roboto Mono;padding:2% 3%;text-transform:uppercase;font-size:1.2em;margin-bottom:0%;color:#002349;font-weight:normal;}
.ctn_nouveaute_elem_textuelle_description{font-family:Roboto;font-size:1.2em;line-height:30px;padding:1% 3%;color:#002349;text-align:justify;text-transform:lowercase;}
.ctn_nouveaute_elem_textuelle_description:first-letter{text-transform:capitalize;}

/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:400px;background-image:  linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 50, 0, 0.5)),url("../medias/bannieres/op.png");padding:0.2%;box-shadow:inset 0px 0px 3px  gray;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/**********************************
CONTENEUR ENVELOPPE DES ARTICLES
**********************************/
.ctn_enveloppe_articles{position:relative;width:100%;min-height:400px;}
.ctn_enveloppe_articles_ent{position:relative;color:#C8C1C1;font-family:Roboto Mono;padding:2%;text-align:center;font-size:1.3em;font-weight:normal;}
.ctn_enveloppe_articles_env{position:relative;width:100%;min-height:400px;display:flex;flex-wrap:wrap;}
/****
elements
****/
.articles_elem{position:relative;width:27.6%;height:400px;background:#EEF2FF;border-radius:30px;padding:0.1%;margin:1%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:50%;border-radius:30px 30px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:50%;border-radius:0px 0px 30px 30px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:1em;padding:1.5% 3%;margin:0%;color:#2e4153;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.84em;padding:1.5% 3%;text-transform:uppercase;margin-bottom:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.84em;line-height:19px;padding:0.5% 3%;color:#2e4153;text-align:justify;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}


/************* PAGINATION ************************/
.pagine_affichage{position:relative;}
.pagine_affichage_tabulation{color:#2e4153;margin-left:0.5%;font-family:Roboto Mono;text-align:center;padding:0.1% 0.3% 0.1% 0.4%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:orangered;transition:1s;}

.pagine_affichage_tabulation a{color:#2e4153;text-decoration:none;margin-left:0.5%;font-family:Roboto Mono;text-align:center;}
.pagine_affichage_tabulation:hover a{color:orangered;transition:0.4s;}

/*******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 70%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:95% 75%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:24px;color:#2e4153;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;}
/**************************************
FIN - POP UP
***************************************/

}
/******************************************
SMARTPHONE
*******************************************/
@media screen and (max-width:767px)
{
body{margin:0%;}
/*******************************
CONTENEUR GLOBAL DU SITE
**********************************/
.entete_shadow{position:relative;width:100%;opacity:0.7;z-index:2;}
.ctn_global_site{position:relative;width:100%;min-height:400px;margin-bottom:5%;margin-top:-12%;}
/*****
CONTENEUR NOUVEAUTE
*****/
.ctn_nouveaute{position:relative;width:100%;height:650px;background:#EEF2FF;}
.ctn_nouveaute_ent{position:relative;color:#e97575;font-family:Roboto;padding:4%;font-size:1.5em;font-weight:normal;text-transform:lowercase;}
.ctn_nouveaute_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_env{position:relative;width:100%;height:420px;}
.slider_nouvo{position:relative;width:100%;height:420px;}
/******************
AFFICHAGE NOUVEAUTE
********************/
.ctn_nouveaute_affichage{position:relative;width:100%;height:560px;overflow:hidden;}
.ctn_nouveaute_affichage a{text-decoration:none;}
.ctn_nouveaute_affichage_env{position:relative;width:100%;height:100%;}
/***
MEDIAS
****/
.ctn_nouveaute_affichage_medias{position:relative;width:95%;margin-left:2.5%;height:60%;overflow:hidden;}
.image_nouveaute{position:relative;width:100%;height:100%;object-fit:contain;}
/****
TEXTUELLE
****/
.ctn_nouveaute_affichage_textuelle{position:relative;width:95%;height:40%;margin:2.5%;overflow:hidden;}
.ctn_nouveaute_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 50px 50px;}
.ctn_nouveaute_elem_textuelle_ent{font-family:Roboto;padding:2% 3%;margin:0%;color:#002349;font-weight:bolder;font-size:1.2em;text-transform:lowercase;}
.ctn_nouveaute_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.ctn_nouveaute_elem_textuelle_prix{font-family:Roboto Mono;padding:2% 3%;text-transform:uppercase;font-size:0.85em;margin-bottom:0%;color:#002349;font-weight:normal;}
.ctn_nouveaute_elem_textuelle_description{font-family:Roboto;font-size:0.85em;line-height:20px;padding:1% 3%;color:#002349;text-align:justify;text-transform:lowercase;}
.ctn_nouveaute_elem_textuelle_description:first-letter{text-transform:capitalize;}

/*************
CTN PUBLICITAIRES
*****************/
.ctn_publicitaire{position:relative;width:100%;height:300px;background-image:  linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 50, 0, 0.5)),url("../medias/bannieres/op.png");padding:0.2%;box-shadow:inset 0px 0px 3px  gray;}
.ctn_publicitaire_env{position:relative;width:100%;height:100%;margin-left:0%;overflow:hidden;}
.ctn_publicitaire_env a{text-decoration:none;}
.ctn_publicitaire_tofs{position:relative;width:100%;height:100%;}

/********************************
CONTENEUR ENVELOPPE DES ARTICLES
**********************************/
.ctn_enveloppe_articles{position:relative;width:100%;min-height:400px;}
.ctn_enveloppe_articles_ent{position:relative;color:#C8C1C1;font-family:Roboto Mono;padding:4%;font-size:1.1em;text-align:center;font-weight:normal;}
.ctn_enveloppe_articles_env{position:relative;width:100%;min-height:400px;}
/****
elements
****/
.articles_elem{position:relative;width:90%;height:450px;background:#EEF2FF;border-radius:20px;padding:0.1%;margin:5%;}
.articles_elem a{text-decoration:none;}
/*medias*/
.articles_elem_medias{position:relative;width:100%;height:55%;border-radius:20px 20px 0px 0px;overflow:hidden;background:#f9fbfc;}
.articles_elem_medias_tofs{position:relative;width:100%;height:100%;object-fit:contain;}
/*textuelle*/
.articles_elem_textuelle{position:relative;width:100%;height:45%;border-radius:0px 0px 20px 20px;background:#f9fbfc;}
.articles_elem_textuelle_ent{font-family:Roboto;font-size:0.88em;padding:1.5% 3%;margin:0%;color:#2e4153;font-weight:bolder;text-transform:lowercase;}
.articles_elem_textuelle_ent:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_prix{font-family:Roboto Mono;font-size:0.88em;padding:1.5% 3%;text-transform:uppercase;margin-bottom:0%;color:#2e4153;font-weight:normal;}
.articles_elem_textuelle_description{font-family:Roboto;font-size:0.88em;line-height:19px;padding:0.5% 3%;color:#2e4153;text-align:justify;text-transform:lowercase;}
.articles_elem_textuelle_description:first-letter{text-transform:capitalize;}
.articles_elem_textuelle_liens{position:relative;background:#DBEAFE;color:#2e4153;padding:1.2% 12%;border-radius:10px;margin-left:28%;font-family:Roboto;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;}
.articles_elem_textuelle_liens:hover{background:orangered;color:#f9fbfc;background-image:url("../medias/icons/vues.png");background-repeat:no-repeat;background-position:90%;transition:0.4s;}


/************* PAGINATION ************************/
.pagine_affichage{position:relative;}
.pagine_affichage_tabulation{color:#2e4153;margin-left:0.5%;font-family:Roboto Mono;text-align:center;padding:0.1% 0.3% 0.1% 0.4%;cursor:pointer;text-decoration:none;}
.pagine_affichage_tabulation:hover{color:orangered;transition:1s;}

.pagine_affichage_tabulation a{color:#2e4153;text-decoration:none;margin-left:0.5%;font-family:Roboto Mono;text-align:center;}
.pagine_affichage_tabulation:hover a{color:orangered;transition:0.4s;}

/******************************
POP UP | MESSAGE DE VALIDATION
*******************************/
.popup {
  display: block; /* Caché par défaut */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent */
  z-index: 1000;
}

.popup-content {
  background-color: white;
  margin: 15% auto;
  padding: 20px;
  width: 70%;
  position: relative;
  border-radius:10px;
  background-image:url("../../medias/icons/entetes_2.png");background-repeat:no-repeat;background-position:90% 98%;background-size:40%;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}
.msg_inscription_valide{font-family:Roboto Mono;line-height:24px;color:#2e4153;font-size:0.8em;}
.entete_msg_validation_inscription{font-family:Roboto Mono;color:#f9fbfc;padding:0.5%;background:#2589DA;text-align:center;border-radius:3px;font-size:1.1em;}
/*************************************
FIN - POP UP
***************************************/

}