/* Polices et Couleurs Utilisées ------------------------------------

// Par défaut
Body Color : Black
Color A : Black
font-family: Tahoma,"Trebuchet MS", Verdana, Arial, sans-serif;

// Titre
Color : #5B6580;

// Menu
Font Menu : #E0E4CC FF
Color A Menu : #808080 FF
Color Hover Menu : # 4d4d4d
Font Family : Tahoma, Arial, sans-serif;

// Fil
Fond Fil d'ariane : #c8cccf fd
Color A Fil : #5B6580

//Contenu

A : #303544
Color : # 5B6580

//


//
-------------------------------------------------------- */ 

/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

/* Forme initiale de la page */
body {
		 font-family: Tahoma,"Trebuchet MS", Verdana, Arial, sans-serif;
		 color: black;
		 margin: 0 ;
		 padding: 0 ;
		 border : 0;	
		font-size : 95%;
		background : transparent;
}

A:link {color: black; text-decoration : none;}
			
A:visited  {color: black; text-decoration : none;}

A:hover {color : black; text-decoration : underline;}

A:active {color:black; text-decoration : none;}

/* ------------------------------------ */
/*                                      */
/*            Titre                     */
/*                                      */
/* ------------------------------------ */
/* CONTENEUR DIV TITRE */
#titre{
	
	border : 0;	
	margin : 0 auto;
	padding : 0;	
	
	width  : 1000px;
	height : 100px;

	background : white url(IMG/banniere.png) no-repeat 10% 15%;
	
	color : #5B6580;
}
/* CONTENEUR DIV DERNIER AJOUT */
#lastad{
	border : 0;
	margin : 0;
	padding : 0;
	margin-left : 700px;
	
	width : 300px;
	height : 40px;
	
}
/* CONTENEUR DIV POUR LA DATE */
#date{
	border : 0;
	margin : 0;
	padding : 0;
	
	margin-left : 700px;
	margin-top : 10px;
	
	width : 300px;
	height : 40px;
	
	}
	
#titre a {color : #5B6580;}
		/*#titre a:visited {color : #E0E4CC;}
			#titre a:hover {color : #E0E4CC;}
				#titre a:active {color : #E0E4CC;}*/
	

/* ------------------------------------ */
/*                                      */
/*            Main                      */
/*                                      */
/* ------------------------------------ */
/* Div qui ne sert qu'a est conteneur relatif à la div contenu pour le positionnement*/
#main{

	border : 0;
	margin : 0 auto;
	padding: 0;
	
	width : 1000px;
	height : 600px;
	
	position : relative;
	
	background : none;
	
}

/* ------------------------------------ */
/*                                      */
/*            Menu                      */
/*                                      */
/* ------------------------------------ */
/* Caractéristiques du menu*/

#cadremenu{ /* Div qui sert de conteneur au menu pour les positionnements*/
	
	border : 0;
	margin : 0;
	padding : 0;
	
	padding-top : 2em;
	
	width : 300px;
	
	background : transparent url(IMG/imgmenu.png) no-repeat top left;
	
	}

/* L'ID MENU N'EST PAS UN DIV*/
#menu{
	
	border : 0;
	margin : 0;
	padding: 0;	
	
	width : 300px;
	height : 600px;	
	
}

/* là on retire les puces du menu mais c'est provisoire, plus tard on y mettre une image*/
ul#menu {
	
	border :0;
	margin : 0;
	padding : 0;
	
	list-style-type : none;	
}

/* Personnalisation de chaque entité du menu en vertical */
ul#menu a{
	
	display : block;
	text-align : left;
	
	border : 0;
	margin : 0;
	padding : 0;
	
	padding-left : 10px;	
	
	width : 200px;
	
	line-height : 2em;
	color : #808080;
	text-decoration : none;
	font-family : Tahoma, Arial, sans-serif;

}

/* Survol de chaque entité */
ul#menu a:hover{
	
	text-decoration : underline;
	color : #4d4d4d

}
/* Des puces différentes pour les sous menus de la classe .sousmenu*/
.sousmenu {
	
	list-style-type : none; 
	
}

/* ------------------------------------ */
/*                                      */
/*            Contenu et Fil d'ariane                  */
/*                                      */
/* ------------------------------------ */

/*Fil d'ariane*/
#fil {
	
	border : 0;
	padding : 0;
	margin : 0;
	text-align : left;	
	
	padding-top : 0.5em;
	padding-left : 1em;
	padding-bottom : 0.8em;
		
	color : white;	
	
}

/* Contenu du site*/
#contenu{
	
	border : 0;
	margin : 0;
	padding : 0;
	
	
	width : 700px;	
	height : 600px;
	
	overflow : auto;
	
	position : absolute;
	top : 0;
	right : 0;
	
	font-family : Tahoma, Arial, sans-serif;
	
	color : #5B6580;
	

}

#contenu p{ 
	}
	
#contenu a { 
	
	color :#303544;
	text-decoration : underline;
	
	
	}
	
	/* Permet de modifier le paragraphe dans un contenu en sur-chargeant le phénoméne d'héritage
		Il est placé apres #contenu p sinon ce sont les valeurs par défaut du body qui s'affichent	
	*/
	p#fil {
		
		color : white;
		background : transparent url(IMG/barrefil.png) no-repeat top left;
		
	}
	
	#fil a {
			color : #5B6580;
			text-decoration : none;
		}
		
/* ------------------------------------ */
/*                                      */
/*            Contenu Personnalisés    */
/*                                      */
/* ------------------------------------ */

.textecontenu {
	
	line-height : 2em;
	
}
	
/* ------------------------------------ */
/*                                      */
/*            Pied                      */
/*                                      */
/* ------------------------------------ */

#pied{
	clear : both;
	border-top : 0;
	margin : 0 auto;
	padding: 0;
	
	height : 40px;
	width  : 1000px;
		
	text-align : center;
	line-height: 3em;
	
	background : white;
		
	}
	
	/*Pied de type images*/
	
	#pied a:link a:visited {
			text-decoration : none;	
}

#pied a:hover{
			text-decoration : underline;
}

#pied a img{
				border : 0;
}