


#vetement	{	width: 98%;		text-align: center;		margin: auto;	z-index: 1;	
	/*display: inline-block;*/		/*vertical-align: top;*/	/*height: auto;	*/					}						
													
#vetement 	{ border-style: solid; 	border-width: 5px;	border-color:  red;	border-radius: 10px;	}	






#elements_gauche, #photo, #elements_droite {	display: inline-block;	/*ertical-align: top;*/		z-index: 2;		}

#elements_gauche	{	width: 20%;		vertical-align: middle;	 text-align: center;	/*height: 200px;*/	}
#photo				{	width: 35%;		vertical-align: middle;	text-align: center;	/*	height: 70%	*/	}
#elements_droite	{	width: 40%;		vertical-align: middle;	text-align: center;	/*	height: 70%	*/	} 

#photo	img			{	width: 100%;	/*height: auto;*/			}

#elements_gauche  a {line-height:100px;		text-align:center;		}

#elements_gauche 	{	 border-style: solid; 	border-width: 5px;	border-color:  blue;	border-radius: 10px;}
#photo 				{	 border-style: solid; 	border-width: 5px;	border-color:  blue;	border-radius: 10px;}
#elements_droite 	{	 border-style: solid; 	border-width: 5px;	border-color:  magenta;	border-radius: 10px;}	



#renseignements, #tailles, #couleures, #ajout_panier {	display: inline-block;	vertical-align: top;	z-index: 3;		}



 
	#renseignements		{width: 98%;	/*height:  20%;*/	text-align: center;	margin-top: 80px;		}
	#tailles			{width: 98%;	/*height:  20%;*/	text-align: center;	margin-top: 10px;		}
	#couleures			{width: 98%;	/*height:  20%;*/	text-align: center;	margin-top: 10px;		} 
	#ajout_panier		{														margin-top: 50px;		margin-bottom: 80px;	} 


#renseignements {	 border-style: solid; 	border-width: 5px;	border-color:  teal;	border-radius: 10px;}
#tailles 		{	 border-style: solid; 	border-width: 5px;	border-color:  yellow;	border-radius: 10px;}	
#couleures 		{	 border-style: solid; 	border-width: 5px;	border-color:  green;	border-radius: 10px;}
#ajout_panier	{	 border-style: solid; 	border-width: 5px;	border-color:  navy;	border-radius: 10px;}

#ajout_panier  a {	/*line-height:100px;*/		text-align:center;		}
#ajout_panier		{padding: 30px;	}





/*
https://developer.mozilla.org/fr/docs/Web/CSS/line-height

http://www.alsacreations.com/xmedia/tuto/exemples/vertical/demos.html#cv_ligne

http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html

menus deroulants

*/


#Clr		{	display: inline-block;		}

.bloc_clr 		{	width: 100px;	height: 50px }	
.bloc_clr 		{ 	border: solid 3px black   ;	border-radius: 10px;}
.bloc_clr 		{	display: inline-block;		}

.bloc_clr p    	{	font-size: 1.2em;	
					vertical-align: middle;		text-align: center;		}

#clr_1{	background-color: rgba(127, 255, 47, 0.2)	}




#tls		{	display: inline-block;		}

.bloc_tls 		{	width: 50px ;	height: 50px }	
.bloc_tls 		{ 	border: solid 3px black   ;	border-radius: 10px;}
.bloc_tls 		{	display: inline-block;		}

.bloc_tls p    	{	font-size: 1.2em;	
					vertical-align: middle;		text-align: center;		}

#tls_1{	background-color: rgba(127, 255, 47, 0.2)	}