@charset "utf-8";
/* CSS Document -> fichier de mise en page */

/* enlever la bordure bleu des images quand elles sont utilisés comme lien hypertexte */
a img{
	border:none;
}

/* verouiller la largeur minimum du site (min resolution 1024) pour ne pas avoir de perturbations lors de la reduction de la fenetre */
body {
min-width:980px;
width:auto;
}
/* definition de l'emplacement et la taille total du menu gauche + place image en arriere plan*/
.gauche{
	position:relative;
	float:left;
	top:2px;
	left:1px;
	width: 290px;
	min-height:768px;
	background-image:url(img/gauche.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

/* definition du block qui contiendra l'ecriture menu. placement a droite dans le block gauche */
.menu{
	float:right;
	text-align:right;
	padding-right:20px;
	padding-left:40px;
	padding-top:30px;
}

/* bien formatter le menu grace à des lists, on enleve les symboles par defaut */
.menu li{
	margin-top:9px;
	list-style-type:none;
}

/* formatter l'ecriture du menu, present que sous forme de lien */
.menu a:link, .menu a:visited{
	font-weight:800;
	font-size:20px;
	color:#fc0000;
	text-decoration:none;
}



/* un peu d'animation : soulignement des liens du menu lors du survol */
.menu a:hover{
	text-decoration:underline;
}


/* gestion de la baniere du haut  */
.haut{
	padding-bottom:10px;
}

/* mise en page du corps du site */
.center{
	margin-right:10px;
	padding-top:2px;
}


/* mise en page du texte du site, justifier et les fonts */
.text{
	text-align:justify;
	padding-left:2em;
	padding-right:3%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


 /* -------------------------------------------------------------------------
 A partir d'ici, on definit des objets utilisables une seule fois, ceci permet de separer contenu de la mise en page et garder les codes lisibles
 ----------------------------------------------------------------------------
  */
.img_text{
margin:2px;
}

/* le text en gris et Ariel par defaut */
.text_grey_color{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}

#cadre_paris{
padding-left:40px;
padding-right:40px;
}

/* placement des drapeaux dans edito */
#flag{
float:right;
margin-top:8px;
padding-left:10px;
padding-bottom:10px;
}
#flag img{
padding:5px;
padding-right:3px;
}