/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 sept. 2017, 21:43:21
    Author     : Cedric
		webshop
*/


img{
	border: none;
	max-width: 100%;
}


input::-moz-placeholder, textarea::-moz-placeholder {
    color: #555;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #555;
}
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #555;
}

#D_Bandeau
{
	position: absolute;
	top: 0px;
	width: 100%;
	border-bottom: 1px solid #9f003a;
	background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.5);
	height: 80px;
	box-sizing: border-box;
}

#D_Menu
{
	height: auto;
	width: 100%;
	padding: 5px;
	background-color: #5fad25;
	box-sizing: border-box;
	border-bottom: 1px solid #9f003a;
}

#D_Menu div[name='DIV_Famille']
{
	text-align: left;
	display: inline-block;
}

#D_Menu div[name='DIV_Famille'] span
{
	text-align: left;
	vertical-align: middle;
	width: 200px;
}

.cell_conteneur
{
	/*height: auto;*/
	padding: 5px;
	clear: both;
	display: table;
  border-collapse: collapse;
	/*border-left: 2px solid #5fad25;*/
	/*overflow: auto;
	position: relative;
	-webkit-overflow-scrolling: touch ;*/
}

.cell_article
{
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	height: 300px;
	margin: 0px;
	/*padding-right: 2px;
	padding-bottom: 2px;*/
	/*border: 1px solid;*/
	/*border-bottom-color: #9f003a;
	border-right-color: #9f003a;
	border-top-color: #5fad25;
	border-left-color: #5fad25;*/
	float: left;
	text-align: center;
	background-color: white;
	/*background-color: #5fad25;*/ 
	font-size: 12px;
	padding: 5px;
	margin: 5px;
	border: 1px solid #F0F0EE;
	background-image:linear-gradient(white 75%, #fbfbfb);
}

#D_Menu div[name='DIV_Famille'] div
	{
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		display: inline-block;
	}
	
.ficheArticle_LibelleArticle
{
	font-size: 18px;
	font-weight: lighter;
	padding: 10px;
}

.ficheArticle_PhotoArticle
{
	
}

.ficheArticle_ColGauche
{
	float: left;
	width: 30%;
	box-sizing: border-box;
}

.ficheArticle_ColCentre
{
	margin-left: 31%;
	margin-right: 200px;
}

.catalogueListe_article
{
	border-bottom: 1px solid grey;
}

.catalogueListe_PhotoArticle{
	display: inline-block;
}

.catalogueListe_TableauArticle
{
	border-spacing: 0px;
}

.catalogueListe_TableauArticle tbody td
{
	border-bottom: 1px solid lightgrey;
}

.login_saisie{
	box-sizing: border-box;
}

.login_saisie_erreur{
	box-sizing: border-box;
	border-color: red;
}
	
.sommaire_titre
{
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	height: 50px;
}
	
.panier_tableau
{
  padding: 0px;
	border-spacing: 0px;

}
	
.panier_tableau thead td
{
	text-align: center;
}	

.panier_tableau tbody td
{
 border-bottom: 1px solid grey;
}	

.panier_prix
{
	text-align: right;
	color: red;
	font-weight: bold;
}
	

	

@media screen and (min-width: 200px) and (max-width: 640px) {
  .cell_article {
    width: calc((100% / 2) - 0px);
		background-image: none;
		margin: 0px;
		border: none;
		border-bottom: 1px solid #F0F0EE;
		border-right: 1px solid #F0F0EE;
  }
	
	.cell_conteneur
	{
		padding: 0px;
	}
	
	#D_Menu div[name='DIV_Famille']
	{
		width: 100%;
		display: inline-block;
	}
	
	#D_Menu div[name='DIV_Famille'] div
	{
		width: 90px;
		box-sizing: border-box;
	}
	
	#D_Menu div[name='DIV_Famille'] select
	{
		text-align: left;
		vertical-align: middle;
		width: calc(100% - 95px);
		box-sizing: border-box;
	}
	
	.login_titre
	{
		margin: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	
	.login_saisie
	{
		font-size: 16px;
		width: calc(100% - 20px);
		margin: 10px;
		height: 50px;
	}
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
  .cell_article {
    width: calc((100% / 3) - 10px);
  }
}

@media screen and (min-width: 1024px) and (max-width: 1400px) {
  .cell_article {
    width: calc((100% / 4) - 10px);
  }
}

@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .cell_article {
    width: calc((100% / 6) - 10px);
  }
}

@media screen and (min-width: 1920px) {
  .cell_article {
    width: calc((100% / 10) - 10px);
  }
}

select
{
	font-size: 16px;
}






/*.cell_article > div
{
	border: 3px solid white;
	box-sizing: border-box;
	background-color: white;
	border-radius: 5px;
	padding: 10px;
	height: 100%;
}*/

.cell_article > div:hover
{

	border-color: #9f003a;
}

.cell_article div[name='DIV_Favoris']
{
	text-align: left;
	width: 100%;
}

#T_Panier
{
	width: 100%;

}

#T_Panier > thead td
{
	border-bottom: 1px solid grey;
	background-color: lightgrey;
}

.catalogue_prix
{
	position: absolute;
	left: 5px;
	bottom: 5px;
	text-align: left;
	color: #9f003a;
	font-size: 16px;
	font-weight: bold;
}


.boutonDeconnexion
{
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: white;
}

.texteEntete
{
	font-family: Arial;
	color: white;
	vertical-align: middle;
}

.imageMenuEntete
{
	height: 18px;
	margin: 3px;
	margin-right: 0px;
	margin-left: 10px;
	vertical-align: middle;
	border: none;
}

.lienPage
{
	width: 20px;
	height: 20px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	padding: 0px;
	margin-left: 3px;
	box-sizing: border-box;
}

.lienPage:hover
{
	border-radius: 100%;

	color: white;
	background-color: #ff015d;
}

.lienPage_Selectionne
{
	border-radius: 100%;
	color: white;
	background-color: #ff015d;
}

.boutonStandard
{
	text-decoration: none;
}

.boutonStandard div
{
	position: relative;
	background-color: #5fad25;
	color: black;
	display: inline-flex;
	font-size: 16px;
	padding: 6px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
}

.boutonStandard div:hover
{
	background-color: #9f003a;
	color: white;
}