@CHARSET "UTF-8";

/* Tout le site */
body
{
	background-color: #E6F9E7;
	
	color: #326338;
	
	font-family: verdana;
	font-size: 8pt;
	
	text-align: justify;
}

/* Liens */
a
{
	text-decoration: none;
	color: #326338;
}
a:hover
{
	text-decoration: underline;
}
a img
{
	border: none;
}

/* Tableau */
table
{
	text-align: center;
	border-collapse: collapse;
	margin: auto;
}
	th, tf, td
	{
		border: 1px solid #326338;
		padding: 5px;
	}
	
	th
	{
		font-style: italic;
	}

/*	Formulaires	*/
form
{

}
	form label
	{
		display: block;
		
		float: left;
		
		width: 200px;
	}
	
/* Liste à puce */
ul
{
	list-style-type: none;
}
	ul li
	{
		font-weight: bold;
	}
		ul li ul
		{
			list-style-type: circle;
		}
			ul li ul li
			{
				font-weight: normal;
			}

/*	En tête	*/
.Header
{
	width: 800px;
	
	margin: auto;
}

#footer
{	
	float: right;
	
	width: 100%;
	margin: auto;
	
	text-align: center;	
	vertical-align: bottom;
	
	margin-bottom: 5px;
}

/*	Menu Gauche */
.Left
{
	float: left;
	
	margin-right: 1.5%;
	
	width: 15%;
	
	text-align: left;
}

/*	Menu Droit	*/
.Right
{	
	float: left;

	margin-left: 1.5%;
	
	width: 15%;
	
	text-align: center;
}
	.right #xiti-logo
	{
		text-align: center;
	}

/* System_Web_Component_Box */
.box
{
	border: 1px solid #326338;
	
	/*overflow: hidden;*/
	overflow: auto;
	
	/** Empêche que les box passent sous le menu */
	margin-left: 17%;
}
	/** Faut pas que le menu passe sous le menu ^^ */
	.Left .box
	{
		margin-left: 0;
	}
	.box .title
	{
		min-height: 19px;
		border-bottom: 1px solid #326338;
		
		background-color: #88d6ab;
		background-image: url('../Images/System/Web/Widget/Box/Title.jpg');
		background-repeat: repeat-x;
		
		text-align: center;
		padding-top: 6px;
		
		font-weight: bold;
	}
	.box .content
	{
		min-height: 22px;
		height: 64%;
		
		padding: 8px;
	
		background-color: #BFF8BE;
		background-repeat: repeat-y;
	}
	
		.box .content .error
		{
			text-align: center;
			color: red;
			
			font-weight: bold;
		}
		
		.box .content .information
		{
			text-align: center;
			color: blue;
			
			font-weight: bold;
		}
	
			/** Corige le bug des couleurs des liens */
			.box .content .information a
			{
				color: blue;
			}
			.box .content .error a
			{
				color: red;
			}
	
		/** Pour les titres des images */
		.box .content .image
		{
			text-align: center;
			margin: auto;
		
			margin-right: 10px;
			margin-top: 5px;
			margin-bottom: 5px;
		}
			.box .content .image img
			{
				display: block;
				
				margin: auto;
			}
			.box .content .image .title
			{
				/** On supprime tous les style déjà appliqué */
				background-image: none;
				background-color: transparent;
				border: none;
				font-weight: normal;
				text-align: center;
			}
			
		/** Formulaire YesNo */
		.box .content .YesNo
		{
			text-align: center;
		}
			.box .content .YesNo a:hover
			{
				text-decoration: none;
			}
	
	/** Box dans le Panel */
	.Panel .box
	{
		min-height: 155px;
	}
		.Panel .box .content
		{
			/** Bug du background avec des images */
			min-height: 155px;
		}
			.Panel .box .content .image
			{
				float: left;
				width: 150px;
			}
				
/** Phototèque */

.Phototheque
{
	
}
	.Phototheque .box .content
	{
		/** Bug à corriger */
		min-height: 220px;
	}
		.Phototheque .box .content .image
		{
			float: left;
			width: 200px;
		}
.Large
{

}
		.Large .box .content .image
		{
			margin: auto;
		}
		
/* Partenaires */

.Partenaire
{
	min-height: 120px;
}
	.Partenaire .image
	{
		float: left;
	}
	.Partenaire .Content
	{
		min-height: 90px;
		padding: 10px;
	}
		.Partenaire .Content .Title
		{
			font-weight: bold;
		}
		
/* Palmares */

.Palmares
{

}
	.Palmares ul
	{
	
	}
			.Palmares ul li ul
			{
				list-style-type: none;
			}
					.Palmares ul li ul li ul
					{
						list-style-type: circle;
					}
					
/* Carte détaillé */

.Carte
{
	
}
	.Carte .Gauche
	{
		margin-left: 13.5%;
		float: left;
	}
	.Carte .Droite
	{
		margin-right: 13.5%;
		text-align: right;
	}
	
/* Backup */

.Backup
{

}
	.Backup .XSave
	{
		min-height: 130px;
	}
		.Backup .XSave img
		{
			float: left;
		}
		
		.Backup .XSave .Info
		{
			padding-top: 45px;
		}
		
/* Upload */

.Upload
{
	min-height: 200px;
	
	float: left;
	margin-right: 50px;
	margin-bottom: 10px;
}
	.Upload img
	{
		float: left;
	}
	
	.Upload .Item
	{
		padding-left: 210px;
		padding-top: 30px;
	}