/* CSS Document */
/*
body {
	background-image: url(../images/Moebius_119_f.jpg);
	background-position:center; 
  background-color:#000000;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
*/
body
{
width:1024px;
margin:auto;			/* pour centrer la page */
margin-top:0px;		/* pour éviter de coller avec le haut du navigateur */
margin-bottom:0px;		/* idem pour le bas du navigateur */
background-color:#000000;
	background-image: url(../images/QEP_Yvon_Monet_Photographe.jpg) ;
/*background-attachment:url(../qep2.php);*/
background-repeat: no-repeat;
background-position:top; 
}

/* l'entete */
#en_tete
{
widh:1024px;
height:132px;
background-image:url("../images/Logo_Albret_rempli_2.jpg");
border:1px solid grey;	
background-position:left;
background-repeat:no-repeat;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 1em;
color:#b43a35;
margin-bottom:1px;
margin-left:3px;
}

.ligne_entete {
	font-size: 1.2em;
	color:#cccccc;
	}

.ligne_entete_2 {
	font-size: 2em;
	color:#cccccc;
	}
	
.ligne_liste {
	font-size: 1.4em;
	/*line-height:2em;*/
	color:#ff5555;
	}
.ligne_menu {
	background-color:#626262;
	text-align:center;
	color:#b3b3b3;
	text-decoration:none;
}
.ligne_qep {
	font-size: 1.4em;
	/*line-height:2em;*/
	color:#6666ff;
	}
.bordure {
	border:3px solid red;	
	}

#menu
{
margin:auto;	
float: center;	/* le menu flottera au centre */
width:1024px;	/* très important de donner une taille au menu */
font-color:"#ffffff";
}
.retour {font-size:10px;
	font-color:"blue";
}
.retour a														/* ts les liens se trouvant ds un menu */
{
	color:blue;
}
.retour a:hover											/* qd on pointe sur un lien du menu */
{
	background-color:#b3b3b3;
	color:black;
}
.element_menu
{
	background-color:#626262;
	text-align:center;

}
/* quelques effets sur les menus */
.element_menu h3 	/* tous les titres de menus */
{
	color:#b3b3b3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align:center;
}
.element_menu ul	/* listes à puces qui se trouvent dans un menu */
{
	list-style-image:url(../images/red_3.gif); /* on change l'apparence des puces */
	padding:0px;														/* ts les côtés ont une marge intérieure de 0 px */
	padding-left:20px;											/* mais on modifie ensuite la marge de gauche */
	margin:0px;															/* idem pour marge ext, ça évite d'en écrire 4 */
	margin-bottom:5px;											/* on modifie margin-bottom */
}
.element_menu a														/* ts les liens se trouvant ds un menu */
{
	color:#b3b3b3; 
	text-align:middle;
	text-decoration:none;
}
.element_menu a:hover											/* qd on pointe sur un lien du menu */
{
	background-color:#b3b3b3;
	color:black;
}

#liste
{
margin:inherit;	
float:left;	/* la liste flottera à gauche */
width:300px;	/* très important de donner une taille à la liste */
font-color:"#ffffff";
}

#liste2
{
margin:inherit;	
float:left;	/* la liste flottera à gauche */
width:300px;	/* très important de donner une taille à la liste */
font-color:"#ffffff";
}

.element_liste
{
	background-color:#424242;
	text-align:left;
}

/* quelques effets sur les listes */
.element_liste h3 	/* tous les titres de listes */
{
	color:#b3b3b3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align:center;
}
.element_liste ul	/* listes à puces qui se trouvent dans un menu */
{
	list-style-image:url(../images/red_3.gif); /* on change l'apparence des puces */
	padding:0px;														/* ts les côtés ont une marge intérieure de 0 px */
	padding-left:20px;											/* mais on modifie ensuite la marge de gauche */
	margin:0px;															/* idem pour marge ext, ça évite d'en écrire 4 */
	margin-bottom:5px;											/* on modifie margin-bottom */
}
.element_liste a														/* ts les liens se trouvant ds une liste */
{
	color:#b3b3b3; 
	text-align:middle;
	text-decoration:none;
}
.element_liste a:hover											/* qd on pointe sur un lien de la liste */
{
	background-color:#b3b3b3;
	color:black;
}

#corps
{
	/*margin-right:5px;	/* une marge à droite pr que le corps ne passe pas sous le menu */
	margin-bottom:0px;	/* pr éviter que le corps colle trop au pied de page */
	// float:bottom; 	/* le corps flottera à gauche */
	padding:1px;				/* pr éviter que le texte à l'int du corps ne colle trop à la bordure */
	color:#b3b3b3;
	background-color:#424242;	/* une couleur de fonds pr le corps */
	border:1px solid grey;			/* 1 bordure pr marquer les limites du corps et faire joli */
}

.tt	{
	font-family: 'Trebuchet MS';
	font-size: 18px;
	line-height: 24px;
	color: #099;
	align: 'middle';
	/*font-weight: bold;*/
	font:italic;
}


/* le pied de page */
#pied_de_page
{
	padding:1px;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #626262;
}
.droits {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #828282;
}


.dynamic-style-1 {font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI'; font-size: 72px; line-height: 105px; color: #202025}
.dynamic-style-2 {margin-left: 170px; text-align: left}
.dynamic-style-3 {font-family: 'Trebuchet MS','Poetica','Poetica ChanceryI'; font-size: 48px; line-height: 72px; color: #202025}
.dynamic-style-5 {font-family: 'Trebuchet MS'; font-size: 12px; line-height: 14px; color: #202025; font-weight: bold}
.DIVDefaultParaStyle {text-align: left}
.Style1 {font-family: Arial, Helvetica, sans-serif}