/* 
CSS Document 
Designed By Matthieu GOTTI
gotti.matthieu@free.fr
*/
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

		/*En-tête du site*/
#entete{
	width: 800px;
	position:relative; 
	height: 162px;
	background-image:url(header.jpg);
	background-repeat:no-repeat;
}
#entete_soustitre{
	/*Région lorraine*/
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	margin-top:70px;
	margin-left:350px;
	left: 0px;
	top: 0px;
}
#entete_titre{
	/*Description du nom de l'association dans l'en-tête*/
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	color: #FFFFFF;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	margin-top:35px;
	margin-left:235px;
	/*margin-left:135px;   colle le titre au logo */
	left: 0px;
	top: 0px;
}
		/*---FIN ENTETE---*/
		
		/*----MENU----*/
#menu{
				/* Police et positionnement du menu */
	position:absolute;
	bottom: 20px;
	right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
#menu a{
				/* Police liens du menu */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
#menu a:hover{
				/* Police liens survolés du menu */
	text-decoration:underline;
}
	/*--FIN MENU--*/

	/* Partie Gauche(News, Links, etc.)*/
#partie_gauche{
	float:left;
	width:200px;
}

	/*--------CONTENU-----------*/
#contenu{
	/*Contenu contient tout ce qui est entre l'en-tete et le pied de page (dont la partie gauche */
	width: 800px;
}
#contenu_texte{
	/* Position de tout ce qui n'est pas dans la partie gauche */
	float:right;
	width: 580px;
}
/* _-_-_-_-_-_-_ CONTENU / POLICES / POSITIONNEMENTS DES DIFFERENTES PAGES _-_-_-_-_-_-_-_ */


	/* ACCUEIL */
#accueil_text_gauche{
	margin-top:30px;
	float:left;
	width: 310px;
}
#accueil_img_droite{
	float:right;
	width: 270px;
}
#accueil_gros_text_gris{
	margin-left: 7px;
	float:left;
	width: 580px;
}
#accueil_slogan_bas{
	margin-top: 20px;
	float:left;
	width: 580px;
}
	/* Fin ACCUEIL */
	
	
	/* PRESENTATION */
.presentation{
	float:left;
	width: 580px;
	text-align:justify;
}
.pres_float_puce{
	float:left;
	margin-right:2px;
}
	/* Fin PRESENTATION */

	/* MENTIONS LEGALES */

.mention {
	float:left;
	width: 320px;
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 10px;
	color: #808080;
}	
.mention a {
	/* Police d'écriture liens page mentions */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 10px;
	color: #808080;
	text-decoration:none;
}
.mention a:hover {
	/*soulignement des liens de la page mention quand on survol avec la souris*/
	text-decoration:underline;
}
	/* Fin MENTIONS */
	
	/* MISSION */
#mission_text_gauche{
	float:left;
	width:272px;
	text-align:justify;
}
#mission_img_droite{
	float:right;
	width:305px;
}
#mission_slogan_bas{
	margin-top: 20px;
	float:left;
	width: 580px;
}
	/* Fin MISSION */
	
	
	/* CONTACTS */
#contacts_text_droite{
	margin-top:15px;
	float:right;
	width: 300px;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#800080; 
}
#contacts_img_gauche{
	float:left;
	width: 280px;
}
#contacts_text_gauche{
	margin-top:70px;
	float:left;
	width: 270px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
}
#contacts_img_droite{
	margin-top:15px;
	float:right;
	width: 310px;
}
	/* Fin CONTACTS */
	
	
	/* LIENS*/
#liens_gauche{
	float:left;
	width: 280px;
}
#liens_droite{
	float:right;
	width: 300px;
}
.liens_logo{
	float:left;
	width: 82px;
}
.liens_description_gauche{
	margin-top:5px;
	float:right;
	width: 192px;
	text-align:justify;
	vertical-align:bottom;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
}
.liens_description_droite{
	margin-top:5px;
	float:right;
	width: 212px;
	text-align:justify;
	vertical-align:bottom;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
}

.liens_description_gauche a{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF;
}
.liens_description_droite a{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#0099FF;
}
.liens_bloc{
	float:left;
	margin-top:5px;
}
	/*  Fin LIENS */
	
	
	/* FORMATIONS */
#formation_texte{
	width: 580px;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
	text-align:justify;
}
#formation_coordonnees{
	width: 580px;
	font-size: 11px;
	text-align:center;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#808080;
}
#formation_liste{
	width: 580px;
}
.formation_separation{
	width: 580px;
	clear:both;
}
hr{
	/*polices des barres de séparations des formations*/
	width:540px;
	text-align:center;
	height:1px;
	border:0;
	color:#800080;
	background-color:#800080;
}
.formation_bloc{
	clear:both;
}
.formation_bloc_gauche{
	width:180px;
	float:left;
	text-align:center;
}
.formation_bloc_droite{
	overflow:hidden;
	display:inline-block;
	width: 395px;
}
.formation_titre{
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#800080;
}
.formation_anime{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#808080;
}
.formation_description{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#808080;
	text-align:justify;
}
	/* Fin FORMATIONS */
	
	/*---Fin CONTENT-----------*/


	/*--------PIED DE PAGE-----------*/
.pied_de_page{
	margin-top:5px;
	width: 779px;
	height: 32px;
	background-image:url(bg_footer.jpg);
	background-repeat:no-repeat;
	clear:both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
}

.pied_de_page a{
	/*police des liens du pied de page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration:none;
}
.pied_de_page a:hover{
	/*souslignement des liens du pied de page quand survol avec la souris*/
	text-decoration:underline;
}
/*-----FIN PIED DE PAGE-----*/

	/*---CADRE(S) DE LA PARTIE GAUCHE---*/
.cadre_haut{
	/*positionnement image du haut du cadre*/
	width: 204px; 
	height: 27px;
	background-image:url(table_top.jpg);
	background-repeat:no-repeat;
}
.cadre_contenu{
	/*positionnement image milieu du cadre(blanche avec 2 bords noirs)*/
	width: 204px;
	background-image:url(table_content.jpg);
	background-repeat:repeat-y;
}
.cadre_texte{
	/*positionnement du texte du cadre pour que ca ne déborde pas*/
	margin-left:15px;
	margin-right:15px;
	text-align:justify;
}
.cadre_bas{
	/*positionnement image pied du cadre*/
	width: 204px; height: 23px;
}
.cadre_titre {
	/*police du titre du cadre*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
	/*---FIN DE CADRE---*/
	
	/*----POLICES GENERALES----*/
.news_date {
	/*police de la date dans le cadre à gauche*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099FF;
}
.news_more {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #800080;
	font-weight: bold;
}
.news_text {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
}
.news_img_gauche {
	float: left;
	margin-right: 3px;
}
.contenu_gros_violet {
	/* Police d'écriture gros texte violet page d'accueil */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 22px;
	color: #800080;
}
.contenu_gros_gris {
	/* Police d'écriture gros texte violet page d'accueil */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 22px;
	color: #808080;
}
.contenu_slogan_bleu {
	/* Police d'écriture slogan bas de la page d'accueil */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 12px;
	font-weight: bold;
	color: #0099FF;
}
.contenu_slogan_violet {
	/* Police d'écriture slogan bas de la page mission */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 12px;
	color: #800080;
}
.contenu_soustitre_bleu {
	/* Police d'écriture sous titres bleus */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 10px;
	color: #0099FF;
	font-weight:bold;
}
.contenu_texte_gris {
	/* Police d'écriture texte gris (sauf descriptions formations) */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	font-size: 10px;
	color: #808080;
}
.contenu_texte_important {
	/* Police d'écriture texte important */
	font-family: Verdana, Arial, Helvetica, sans-sherif;
	color: #800080;
}
.puce_carree_violet {
	list-style-image: url("./puce.jpg");
}
.puce_carree_mini_violet {
	list-style-image: url("./minipuce.jpg");
}
.puce_demicercle_violet {
	list-style-image: url("./pucedemicercle.jpg");
}