/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	*								       Composant réutilisable PHPClassCatalogue
	/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	*							                      Fichier PHPClassCatalogue_V1.0.css
	/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	* PRINCIPE:
	*	Feuille de style applicable au composant réutilisable PHPClassCatalogue version 1.0
	/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	* Version 1.0 par Autoentreprise GIACOMONI bernard (28/09/2012)
	*	Objet:		création
	/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	*/

	img
	{
		border:						none;
	}
		
	legend
	{
		color: 						rgb(0, 0, 0);
	}
	
	#CTLG_AfficheListeArticles
	{
		float: 						left;  
		font-size: 					0.8em;
		padding-right: 				5px;
	}

	#CTLG_AfficheListeArticles ul
	{
		display:					block;
		padding-left: 				12px;
		margin-left: 				0px;
		list-style-position: 		inside;
		list-style-type: 			square;
		text-align: 				left;
	}	

	#CTLG_AfficheListeArticles a
	{
		font-style:					italic;
		text-decoration:			none;
		font-size: 					1em;
	}	

	#CTLG_AfficheListeArticles a:hover
	{
		font-weight:				bold;
		font-size: 					1em;
	}	
	
	#CTLG_AfficheTitreListeArticles
	{
		text-align: 				center;
		font-weight: 				bold; 
		text-decoration: 			underline; 
		font-size: 					1.2em;
	}

	#CTLG_AfficheUnArticle
	{
		float: 						left;
		padding:					2px;
	}
	
	#CTLG_AfficheUnArticle h1
	{
		display: 					block;
		width: 						70%; 
		margin: 					auto;
	}

	#CTLG_AfficheUnArticle h2
	{
		display: 					block;
		width: 						70%; 
		margin: 					auto;
	}

	#CTLG_AfficheArticlesExistants
	{
		background-color:			rgb(240, 240, 230);
		color:						rgb(20, 20, 20);
		float:						left;
		height: 					100%;
		width: 						80%; 
		padding:					2px;
	}
	
	#CTLG_AfficheArticlesExistants select
	{
		display:					inline;
		width:						20%;
	}
	#CTLG_AfficheArticlesExistants h1
	{
		border: 					4px groove rgb(127, 127, 127); 
		width:						70%;
		margin:						auto;
		margin-top: 				2%;
		margin-bottom:				2%;
	}
	
	#CTLG_AfficheArticlesExistants h2
	{
		width:						70%;
		margin:						auto;
		margin-top:					2%;
		margin-bottom:				2%;
		border:						2px inset rgb(127, 127, 127);
	}
	
	#CTLG_CadreAffichageArticlesExistants
	{
		width: 						98%; 
		padding:					2px;
		overflow:					auto;
	}
	
	#CTLG_AfficheDonneesCommercialesUnArticle table
	{
		width:						80%;
		margin:						auto;
		margin-top:					10px;
	}
	
	#CTLG_AfficheDonneesCommercialesUnArticle caption
	{
		font-weight: 				bold;
		font-size:					1.1em;
	}

	#CTLG_AfficheDonneesCommercialesUnArticle td
	{
		text-align:					center;
	}
	
	#CTLG_TexteHaut
	{
		width: 						98%; 
		min-height: 				30px; 
		margin: 					auto; 
		padding: 					0.5%; 
		overflow: 					auto;
	}	

	#CTLG_TexteGauche
	{
		min-height: 				30px; 
		float: 						left; 
		padding: 					0.5%;
		overflow: 					auto; 
	}	

	#CTLG_TexteDroit
	{
		min-height: 				30px; 
		float: 						right; 
		padding: 					0.5%;
		overflow: 					hidden; 
	}	

	#CTLG_TexteBas
	{
		width: 						98%; 
		min-height: 				30px; 
		margin: 					auto; 
		padding: 					0.5%; 
		overflow: 					auto; 
	}	
	
	#CTLG_AfficheMenuEdition
	{
		float:						right;
		margin: 					auto;
		padding: 					0.5%;
		font-size:					0.9em;
	}
	
	#CTLG_TitreMenuEdition
	{
		text-align: 				center;
		font-weight: 				bold;
	}
	
	#CTLG_SelectTaille
	{
		width: 						40%;
		margin:						auto;
		font-size:					0.8em;
	}

	#CTLG_SelectStylesCaracteres
	{
	}

	#CTLG_SelectStylesCaracteres a
	{
		display: 					block;
		float: 						left;
		width:						15%;
		margin-left:				7%;
	}

	#CTLG_SelectStylesCaracteres a:hover
	{
		border:						2px solid rgb(150, 150, 150);
	}

	#CTLG_SelectStylesCaracteres a img
	{
		border:						1px inset rgb(150, 150, 150);
		width:						98%;
	}
	
	#CTLG_SelectCCC /* Couper, copier, coller */
	{
	}
	
	#CTLG_SelectCCC a
	{
		display: 					block;
		float: 						left;
		width:						25%;
		margin-left:				5%;
	}

	#CTLG_SelectCCC a:hover
	{
		border:						2px solid rgb(150, 150, 150);
	}

	#CTLG_SelectCCC a img
	{
		border:						1px inset rgb(150, 150, 150);
		width:						100%;
	}

	#CTLG_SelectStylesParagraphes
	{
	}

	#CTLG_SelectStylesParagraphes a
	{
		display: 					block;
		float: 						left;
		width:						15%;
		margin-left:				4%;
	}

	#CTLG_SelectStylesParagraphes a:active
	{
		border:						2px solid rgb(150, 150, 150);
	}

	#CTLG_SelectStylesParagraphes img
	{
		width:						100%;
		border:						1px inset rgb(150, 150, 150);
	}
	
	#CTLG_SelectStylesParagraphes a:hover
	{
		border:						2px solid rgb(150, 150, 150);
	}
	
	#CTLG_SelectCouleurTexte
	{
	}
	
	#CTLG_SelectCommandesSauvegarde
	{
	}

	#CTLG_SelectCommandesSauvegarde input
	{
		width: 						45%;
		margin: 					auto;
		font-size:					0.7em;
	}
	
	#CTLG_Categorie
	{
	}
	
	#CTLG_SousCategorie
	{
	}
	
	#CTLG_Titre
	{
	}
	
	#CTLG_ModeEdition
	{
		font-size: 					1.2em; 
		width: 						90%; 
		margin: 					auto; 
		text-align: 				center; 
		font-weight: 				bold;
	}
	
	#CTLG_ImportationTexte
	{
		width:						95%;
		margin: 					auto;
	}
	
	#CTLG_ImportationTexte textarea
	{
		width:						95%;
		height:						50px;
	}

	#CTLG_ImportationTexte input
	{
		width:						95%;
		text-align: 				center; 
		border: 					2px outset rgb(150, 150, 150); 
	}
	
	#CTLG_AideImportationTexte
	{
		width:						95%;
		margin:						auto;
		font-style: 				italic;
		text-align:					center;
	}

	#CTLG_AfficheMenuGestionArticle
	{
		width: 						100%; 
		margin: 					auto; 
		text-align:					center;
	}
	
	#CTLG_AfficheMenuGestionArticle select
	{
		width: 						20%;
	}

	#CTLG_AfficheMenuGestionImages
	{
		width: 						100%; 
		margin: 					auto; 
		text-align:					center;
	}

	#CTLG_CadreImages
	{
		border:						1px solid rgb(0, 0, 0); 
		float: 						left; 
		overflow: 					hidden;
	}
	
	#CTLG_ListeImagesDefilantes
	{
		position: 					relative; 
		left: 						0%; 
	}

	.CTLG_Styles
	{
		color:						black;
		background-color:			white;
	}

	.CTLG_Styles a
	{
		color:						black;
	}
	
	.CTLG_ConteneurImage
	{
		float: 						left;
	}

	.CTLG_ConteneurImage img
	{
		width: 						100%; 
		margin: 					auto;	
	}
	
	.CTLG_CommandeImage
	{
		width: 						100%;
		overflow:					hidden;
	}

	.CTLG_LegendeImage
	{
		width:						100%;
		padding:					2px;
		max-height:					30px;
		margin:						auto;
		text-align:					center;
		font-size:					0.9em;
	}

	.CTLG_LienImage
	{
		width: 						95%; 
		float: 						left;
		margin: 					5px;
		overflow: 					auto; 
		border: 					1px solid black;
		background-color:			rgb(50, 50, 50);
		color:						rgb(255, 255, 255);
	}

	.CTLG_LienImage a
	{
		display: 					block;
		float: 						left;
		width: 						15.5%; 
		border: 					1px solid rgb(50, 50, 50);
		margin:						auto;
	}

	.CTLG_LienImage a:hover
	{
		border: 					1px outset white;
	}