*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.z1{z-index: 1;}
.z1500{z-index: 1500;}
.raye{text-decoration: line-through;}
.souligne{text-decoration: underline;}
.border_white{border: 1px solid white;}
/*.bordertb_panier{
	border-top: 1px solid rgb(239, 239, 239);
	border-bottom: 1px solid rgb(239, 239, 239);
	width: 80%;
}
.bordertb_favoris{
	border-top: 1px solid rgb(239, 239, 239);
	border-bottom: 1px solid rgb(239, 239, 239);
	width: 92%;
}
.border_prix_total{
	border-top: 1px solid rgb(61, 122, 254);
	border-bottom: 1px solid rgb(61, 122, 254);
	background: rgb(199, 216, 252);
}*/

.border_gray{
	border: 1.5px solid #EFEDEE;
}
/*.border_mag{
	border: 2.5px solid black;
	width: 75%;
}*/

.justify{text-align: justify;}
.italique{font-style: italic;}
.line20{line-height: 20px;}
.line{line-height: 35px;}
.line20{line-height: 20px;}
.space{word-spacing: 3px;}
.no-padding > [class*='col-'] {
	padding-right:0;
	padding-left:0;
}


                /*COULEUR TEXTE*/
.opacity{opacity: 0;}
.bold{font-weight: bold;}
.black{color: black;}
.white{color: white;}
.gray{color: #7a7777;}
.gray1{color: #5F5F6C;}
.red{color: red;}
.red:hover{color: red;}

/*clair*/
.pink{color: #FD05A7;}
.blue1{color: #FD05A7;}
/*foncé*/
.blue2{color: #FD05A7;}
.blue3{color: #FD05A7;}

.hover:hover{color: #FD05A7;}
.hover_black:hover{color: black;}
.hover_gray:hover{color: #7a7777;}

                /*BACKGROUND COLOR*/
.bg_white{background: white;}
.fond_black{
	background: black;
	color: white;
}

.fond_white{
	background: white;
	color: black;
}

.fond_gray{
	background: #0d0d0d;
	color: white;
}

.fond_blue{
	background: #FD05A7;
	color: white;
}

.hover_fond:hover{
	background: #FD05A7;
}

.hover_fondbw:hover{
	background: #FD05A7;
	color: white;
}

                /*TAILLE POLICE*/

.piedra{
	font-family: 'Piedra', cursive;
	font-style: italic;
	letter-spacing: 10px;
	font-size: 50px;
}

.font_1{
	font-size: 35px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 4px;
}

.font0{
	font-size: 45px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 4px;
} 

/*GROS TITRE*/
.font1{ 
	font-size: 25px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 6px;
}

/*SOUS-TITRE*/
.font2{ 
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
}

/*TITRE ARTICLE*/
.font3{ 
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 5px;
}

/*TITRE NAV*/
.font4{ 
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
}

/*NEWSLETTER*/ 
.font5{ 
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
}

/*SOUS MENU*/
.font6{ 
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

/*DATE_PRIX-CERCLE*/
.font7{ 
	font-size: 10.5px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
}

.font8{ 
	font-size: 8px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 2px;
}

.font9{ 
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
}

.font18{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 1px;
}
/*font-family: 'Montserrat', sans-serif;*/


				/*PLACEMENT*/

.no-padding > [class*='col-'] {padding-right:0; padding-left:0;} 
.center{ text-align: center; }
.auto{ margin: auto; }
.text_left{ text-align: left; }
.text_right{ text-align: right; }

			/*MARGE*/

.min_height{min-height: 100vh;}

/*GAUCHE DROITE*/
.padd_t200{ padding-top: 200px; }
.margin_t100{ margin-top: 100px; }
.padd_t70{ padding-top: 70px; }
.padd_b70{ padding-bottom: 70px; }
.margin_t70{ margin-top: 70px; }
.margin_t50{ margin-top: 50px; }
.margin_b50{ margin-bottom: 50px; }
.padd_t50{ padding-top: 50px; }
.padd_b50{ padding-bottom: 50px; }
.padd_b40{ padding-bottom: 40px; }
.padd_t40{ padding-top: 40px; }
.margin_t40{ margin-top: 40px; }
                
/*GAUCHE DROITE*/
.margin_left200{ margin-left: 200px; }
.margin_right200{ margin-right: 200px; }
.padd_left200{ padding-left: 200px; }
.padd_right200{ padding-right: 200px; }
.padd_left100{ padding-left: 100px; }
.padd_right100{ padding-right: 100px; }
.margin_right100{ margin-right: 100px; }
.margin_left74{ margin-left: 74px; }
.padd_left70{ padding-left: 70px; }
.padd_right70{ padding-right: 70px; }

				/*BTN COMMANDER-VOIR*/

.btn_reduc{
	padding: 2px 8px;
	color: #0D0D93;
	border: 1px solid #183F92;
}

.btn_stock{
	border: 1px solid black;
	padding-top: 14px;
	padding-bottom: 9px;
}

.w_250{width: 250px;}
.w_220{width: 220px;}


.input_connexion{
	width: 260px;
	height: 40px;
	margin-top: 20px;
}

.input_inscription{
	height: 40px;
	margin-top: 5px;
}

.div_heart{
	position: relative; 
	height: 37px; 
	width: 37px;
	margin: auto;
}

.heart{
	height: 37px; 
	width: 37px; 
	position: absolute; 
	top: 0; 
	border: 1px solid black;" 
}

.submit_heart{
	height: 37px; 
	width: 37px;
}

.input_commande{
	width: 90%; 
	height: 40px;
}

.w_20{
	width: 20%;
}

.w_45{
	width: 45%;
}

.w_60{
	width:60%;
}

/* PAGE CATEGORIE */

.form_recherche_prod{
	padding-top: 6px;
  	padding-bottom: 10px;
  	width: 160px;
}

.dropbtn {
  background: white;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 200px;
  font-size: 16px;
  cursor: pointer;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding-top: 6px;
  padding-bottom: 6px;
  width: 200px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: white;
}














height_div_color

.lien{
  font-family: 'work sans', sans serif;
  font-size: 1.1em;
  font-weight: 400;
}
  
.lien:hover {
  color: #fc02c6;
}

    .icones_barre{
	float: right; 
	font-size: 16px; 
	display: inline-block; 
	padding-top: 24px;
}

/* AFFICHAGE PRODUIT */
.w_100vw{
	width: 100vw;
}

.vh100{
	min-height: 100vh;
}

.mt-100{
	margin-top: 100px;
}

.height_img_card{
	height: 10rem;
}

/* FUNCTION */
.prix_barre{
	text-decoration: line-through;
}

.border{
	border: 1px solid #f2efef;
}

.message_head_card{
	height: 28px;
	color: red; 
	font-size: 12px; 
	line-height: 14px;
}

.titre_card{
	font-size: 11px;
	height: 30px;
	color: black;
}

.font_date{
	font-size: 9px;
}

.height_div_color{
	height: 40px;
}

.color_card{
	width: 15px; 
	height: 15px; 
	border: 2px solid black; 
	border-radius: 50%;
}

.style_btn{
	color:#F7259F;
	height:32px;
}

.fleche{
	color:#F7259F; 
	height: 32px;
}