/* LES PARTIES DE LA PAGE */
/* L'en-tête */
#haut
{
	position: absolute;
	width: 100%;
   	height: 90px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	border: 0px solid gray;
}
/* Le corps de la page */
#corps
{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	/*background-image: url("images/webdesign/fond/fond_corps.png");*/
	background-repeat: repeat;
	border: 0px solid gray;
	background-color:#505050;
}
/* Le bas de la page */
#bas
{
	width: 100%;
	height: 100px;
	
	background-repeat: no-repeat;
	margin-top: 10px;
	border: 1px solid gray;
	background-color:#999999;
	color:
}
/* La carte */
#carte
{
	margin: 10px;
	position: absolute;
	left: 162px;
	top: 290px;
	width: 500px;
	height: 380px;
}
#icarte
{
	margin: 0px;
	position: absolute;
	left: 50%;
	top: 0px;
	width: 500px;
	height: 380px;
}
#tooltip
{
	position:absolute;
	visibility:hidden;
	background-color:#FFEEC7;
	border:1px solid red; 
	color:gray;
}

/* TABLEAUX */
table
{
	/*border-collapse: collapse;	/* Les bordures du tableau seront collées (plus joli) */
	margin: 5px;
}
	th 								/* Toutes les cellules titres des tableaux... */
	{
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #333333; 		/* ... auront une bordure de 1px */
		background-image: url("images/webdesign/table/titretableau.png");
		white-space: nowrap;
		/*background-color:#C57167;
		background-repeat: repeat-x;
		*/
	}
	td 								/* Toutes les cellules non titres des tableaux... */
	{
		padding-left: 5px;
		padding-right: 5px;
		border: 1px solid #999999; 	/* ... auront une bordure de 1px */
		background-image: url("images/webdesign/table/autretableau.png");
		white-space: nowrap;
		/*background-color: #433E9F;
		border-left: 1px dotted #555555;
		border-right: 1px dotted #555555;
		background-repeat: repeat-x;
		*/
	}
img
{
	margin: 0px;
	padding: 0px;
}

/* WEBDESIGN */
.columns_table
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	border: 0px dotted green;
	background: none;
}
.columns_td
{
	padding: 0px;
	margin: 0px;
	vertical-align:top;
	border: 0px dotted orange;
	background: none;
	white-space: normal;
}
.design_table
{
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;
	width: 100%;
	/*background-image: url("images/webdesign/fond/fond.png");*/
	border: 0px dotted red;
	background: none;
}
.design_td
{
	margin: 0px;
	padding: 0px;
	background-image: none;
	vertical-align: top;
	border: 0px solid yellow;
	background: none;
	white-space: normal;
}
.allopass_td
{
	margin: 0px;
	padding: 0px;
	background-image:none;
	border: none;
}
.design_div
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}

/* FORMULAIRES */
.formulaire
{
	text-align: right;
	border: 1px dashed gray;
	
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;

}
	.formulaire_widthfixed
	{
		text-align: right;
		width: 500px;
		border: 1px dashed gray;
		
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	}
	.formulaire_mission
	{
		text-align: left;
		width: 600px;
		border: 1px dashed gray;
		
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		background-image: url("images/webdesign/fond/fond.png");
	}
	.formulaire_sesindex
	{
		border: 1px dashed gray;
		margin-bottom: 10px;
		padding: 5px; 				/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
		background-image: url("images/webdesign/fond/fond.png");
	}
	.formulaire_lienssponsors
	{
		float: left;
		border: 0px dashed red;
		margin-top: 5px; 		/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	}
	.formulaire_referencement
	{
		margin-left: 125px; 		/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
		margin-top: 5px; 		/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
		border: 0px dashed red;
	}
	.formulaire_nouvellealliance
	{
		text-align: right;
		float: left;
		border: 1px dashed gray;

		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
	
		background-image: url("images/webdesign/fond/fond.png");
	}
	.formulaire_messageforum
	{
		text-align: left;
		width: 505px;
		border: 1px dashed gray;

		margin-bottom: 10px;
		padding: 5px;
		background-image: url("images/webdesign/fond/fond.png");
	}
.bouton_messageforum
{
	float: right;
}

/* CADRES */
.cadre_largeurtotale
{
	/*float: left;*/
	width: 100%;
	border: 0px dashed gray;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}
.cadre_large
{
	/*float: left;*/
	width: 100%;
	border: 1px dashed gray;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
	background-image: url("images/webdesign/fond/fond.png");
}
.cadre_messageforum
{
	border: 1px dashed gray;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 5px;
	padding: 5px;
	background-color:#3333FF;
	background-image: url("images/webdesign/fond/fond.png");
}
.cadre_colonnegauche
{
	float: left;
	width: 510px;
	border: 1px dashed red;
	margin: 0px;
	/*margin-top: 400px;
	clear: right;
	width: 510px;
	border: 1px dashed red;

	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;*/
}
.cadre_colonnedroite
{
	clear: none;
	margin: 0px;
	/*margin-left: 520px; 		/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	margin-right: 10px; 		/* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	border: 1px dashed red;
	width: 100%;
	/* width: auto !important; width: 100%;	important est ignoré par IE... */
	
	/*clear: right;
	right: 100%;
	border: 0px dashed gray;

	margin-bottom: 10px;
	margin-left: 520px;
	margin-right: 0px;
	margin-top: 0px;*/
}
/* PARTIES DU MENU */
#menu
{
	/*
	position: absolute;
	left: 20px;
	top: 205px;
	width: 130px;
	*/
	border: 0px solid gray;
	margin-left: 3px;
	margin-bottom: 10px;
	/*background-color:#666666;*/
	font-size: 12px;
	width: 130px;
}
.sousmenu
{
	text-align: center;
	border: 0px dashed gray;
	width: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px;
}
.elementmenu
{
	display:block;
	text-align: center;
	border: 0px solid gray;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	/*
	width: 100%;
	height:	30px;
	background-image: url("images/webdesign/bouton.png");
	background-repeat: no-repeat;
	*/
	text-decoration: none;
}

/* TOOLTIP */
.ttrapportattaque
{
	/*float: left;*/
	width: 100%;
	background-color: #CCCCCC;
}

/* TITRES */
.titreformulaire
{
	color: #000066;
	font-size: 18px;
	margin-bottom: 8px;
}
.soustitre
{
	color: #FF9020;
	font-size: 16px;
	margin-bottom: 4px;
}
.titrepetit
{
	color:#CCCCBB;
	font-size: 14px;
}
.gris
{
	color:#999999;
}

.titreunites
{
   color: gray;
   font-size: 18px;
}

.important
{
   color:#000066;
   font-size: 18px;
   margin-bottom: 8px;
}
.title1
{
   color:#000066;
   font-size: 18px;
   margin-bottom: 8px;
}
.title2
{
   color:#990000;
   font-size: 16px;
}
.title3
{
   color:#FFCC00;
   font-size: 14px;
}
.credits
{
	color: #333333;
	background-color:#787B9E;
	border: 1px solid #333333;
	/*width: 100%;*/
	
	padding: 0px;
	padding-bottom: 5px;
	margin: 0px;
	margin-bottom: 5px;
}

/* GÉNÉRAL */
body
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color:black;
	/*
	background-color:#505050;
	background-image: url("images/webdesign/fond/fond_corps.png");
	*/
	color:black;/*#CCCCBB;*/
	font-family:"Trebuchet MS";/*"Corbel","Calibri";*/
	font-size:12px;
	/*font-family: Footlight MT Light;*/
}
.a_normal
{
	color:#CCCCBB;
}
a
{
   color: #FFFF66;
}
	a img {border: none;}
	
input, select, textarea
{
	color:black;
	background-color:#EDEDED;
	border: 1px solid #1A0F9A;
}
	input:hover, select:hover, textarea:hover
	{
		background-color:#FFFFAA;
	}
	
form {margin: 0px; padding: 0px; }
textarea {margin: 0px; padding: 0px;}
area {border: 1px solid black; background-color: black;}
html, body {height:100%; } 

	.a_normal:hover
	{
		color:#CCCCBB;
	}
	.a_menuhaut
	{
		color:black;
	}
	.a_menuhaut:hover
	{
		color:red;
	}
	.titrepetit:hover
	{
		color: red;
	}
	.titreunites:hover
	{
	   color: black;
	   font-size: 18px;
	}
	/*.elementmenu:hover
	{
		background-image: url("images/webdesign/bouton_actif.png");
		background-repeat: no-repeat;
		color: red;
	}*/
	.important:hover
	{
	   color: red;
	   font-size: 18px;
	}
	a:hover
	{
	   color:#FF0000;
	}
	.gris a
	{
		color:blue;
		
	}