@font-face {
  font-display: swap;
}

#taille_premiere_colone
{
	min-width:400px;
}

#contenaire_icone
{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#width_tableau_ecran p, #width_tableau_ecran_2 p
{
	width:200px;
	min-width:200px;
	margin-left: auto;
	margin-right: auto;
}

#width_tableau_1_ecran
{
	position:absolute;
	width:200px;
	min-width: 200px;
}

#width_tableau_2_ecran
{
	margin-left: 210px;
	width:200px;
	min-width: 200px;
}

#width_tableau_ecran
{
	margin-left:-10px;
}

#width_mobile_tableau
{
	margin-right: 50px;
}

#flex
{
	display: flex;
	
}

#flex_bloc
{
	display: flex;
	flex-wrap: nowrap;
	
}

#flex_mobile
{
	display: flex;
	flex-wrap: nowrap;
}

#flex_favoris
{
	display: flex;
	flex-wrap: wrap;
}


#flex_inverse
{
	display: block;
}

#flex_wrap
{
	display: flex;
	
	align-items: stretch;
}

#flex_wrap_2
{
	display: flex;
	flex-wrap: wrap;
}

#aside
{
    width:240px;
}


#no_hover:hover
{
	text-decoration: none;
}

#width
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

#width_tableau, #width_tableau_2, #width_tableau_1
{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}


.tableau
{
	
	border: 1px solid grey;
	padding: 5px;
	margin: 10px;
	background-color: white;
	box-shadow: 1px 1px 3px 1px #f3f3f3 inset,
				-1px -1px 3px 1px #f3f3f3 inset;
	
	
}

.tableau_arrondi
{
	
	padding: 2px;
	background-color: #FBFBFB;
	border-radius: 15px;
	margin: 5px;
	border: 2px solid #e7e9eb;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-bottom: 2px solid black;
  	border-right: 2px solid black;
	margin: 11px;
	
}

.tableau_onglet
{
	
	border: 1px solid grey;
	padding: 5px;
	margin: 10px;
	background-color: white;
	box-shadow: 1px 1px 3px 1px #f3f3f3 inset,
				-1px -1px 3px 1px #f3f3f3 inset;
	border-radius:10px 10px 0px 0px;
	min-width: 150px !important;
	
}

#succe p
{
	color: green;
	font-size:20px;
	text-align: center;
}

#erreur p
{
	color: red;
	font-size:20px;
	text-align: center;
}


#horaire
{
	width:40%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#grand_admin
{
	width:500px;
}

#aside_admin
{
	width:300px;
	background-color: #B0C6D9;
	z-index: 1;
	position: fixed;
	margin-right: 330px;
	box-shadow: 1px 1px 4px;
	height: 100%;
}

 

.lien_admin
{
	color:white;
}

#lien_client
{
	margin: 0;
	padding: 0;
}


#admin_clients
{
	width:45%;
	padding: 10px;
	border: 1px solid #B0B0B0;
	background-color: white;
	margin: 10px;
}

#mobile_affiche
{
	display: none;
}



#survol_produit 
{
	text-decoration: none;
}

#survol_produit:hover #width_tableau_1
{
	background-color:#f4fcff;
	
}

#survol_produit:hover #width_tableau_2
{
	background-color:#f4fcff;
	
}

#survol_produit:hover #width_tableau
{
	background-color:#f4fcff;
	
}

#survol_produit:hover #width
{
	background-color:#f4fcff;
	
}

#panier_recapitulatif
{
	width:300px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

#notes
{
	width: 49%;
	height: 280px;
	background-color: white;
	padding: 5px;
	margin: 5px;
	border: 1px solid black;
	border-radius: 5px;
	box-shadow: 1px 1px 3px black; 	
}

#texte_notes
{
	overflow: auto;
	height:50%;
}

p img#petite
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:30%;
}

p img#moyenne
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:60%;
}

p img#grande
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width:90%;
}

#messagerie
{
	width:500px;
	height:500px;
	position: fixed;
	bottom: 120px;
	right: 20px;
	border: 1px solid black;
	display: none;
	background-color: #f4fcff;
	z-index: 99
}

#resultat_conversation
{
	 width:100%;
	height:400px;
	overflow-x: auto;
}

#afficher_produit_width
{
	width: 100%;
	margin-left: 320px;
}

#afficher_aide_width
{
	width: 48%;
	margin: 10px;
}

#wishlist_bouton, #facebook_bouton, #twitter_bouton, #linkedin_bouton, #email_bouton, #mobile_bouton
{
	border-radius: 12px;
	margin: 10px !important;
	box-shadow: 1px 1px 3px black;
	padding: 0px;
}


#icone_espace_client
{
	width:26vmin;
	border:1px solid black;
	border-radius: 5px;
	box-shadow: 1px 1px 1px black;
	background-color:white;
	padding: 10px;
}

#favoris_affichage
{
	width:6vw;
	height:10vh;
	overflow: hidden;
	margin: 3px;
	border-radius: 5px;
}

#hover_afficher_categorie, #hover_afficher_sous_categorie
{
	 width:27vmin;
	padding: 10px;
}

	
#hover_afficher_categorie:hover
{
	background-color: #F6F6F6;
	border-radius: 5px;
}

#hover_afficher_sous_categorie:hover
{
	background-color: #F6F6F6;
	border-radius: 5px;
}
	
#image_galerie
{
	width:220px;
	box-shadow: 1px 1px 3px black;
	margin: 10px;
}

#svg_admin
{
	width:30%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:5px;
	padding-top: 20px;
}

#contenaire_svg
{
	margin: 0;
	padding: 0;
	box-shadow: 2px 0px 0px black;
	border-radius: 15px 0px 0px 15px;
	margin-right: 20px;
	width:200px;
}

#modification_magasin_java
{
	margin-top: 10px;
}

#fichier
{
	width: 240px;
}

.aside_article
{
	width:25%;
	margin-top: 20px;
	margin-right: 10px;
	padding: 10px;
}