BODY { 
	background-color : #7f003f;
	color : #000000;
}


span.titre-haut{
	font-weight : bold;
	color : #ffffff;
	background-color : #7f003f;
	}


a.haut:link, a.haut:visited, a.haut:active {
	font-size: small;
	color: #ffffff;
	background-color : #7f003f;
	text-decoration: none;
	}

a.haut:hover {
	font-size: small;
	color: #7f003f;
	background-color : #ffffff;
	text-decoration: none;
	}

/*********** MENU *********/

div.menus {
	float : right;
	position: relative;
	background-color : #f8e2c7;
	margin-left : 3em;
	margin-top : -1em;
	margin-bottom : 8em;
	
	border : 3px;
	border-style : solid;
	border-top-color : #fff9db;
	border-left-color : #fff9db;
	border-right-color : #dfcbb3;
	border-bottom-color : #dfcbb3; 
	font-family :  serif;
}



img.logo {
	border : 0;
	margin-right : 0;
}

li.menu-li {
	margin-bottom : 0.5em;
	color: #7f003f;
}

span.menu-ici {
	background-color : #ffe8e8;
	font-weight : bold;
	}

A.menu:link, A.menu:visited, A.menu:active {
	font-weight : bold;
	text-decoration : none; 
	color : #7f003f;
}

A.menu:hover {
	font-weight : bold;
	text-decoration : none;
	background-color : #7f003f;
	color : #ffffff;
}

/************ FIN MENU******************/



/************ GAUCHE *********************/

div.gauche {
	background-color : #fff8e9;
	color : #000000;
	margin-top : 2em;
	margin-right :2em;
	padding : 2em;
	font-family : Arial, sans-serif;
}


h1 {
	background-color : #fff8e9;
	color : #7f003f;
	text-align : left;
}

a.ga:link, a.ga:visited, a.ga:active {
	background-color : #fff8e9;
	color : #000060;
	text-decoration : underline;
}

a.ga:hover {
	background-color : #7f003f;
	color : #ffffff;
	text-decoration : underline;
}

li.gli {
	margin-top : 1em;
	color : #000000;
	background-color : #fff8e9;
}

p.gauche-p {
	margin-top : 3em;

}


p.motscles {
	font-size : smaller;
	margin-top : 2em;
	margin-bottom : 2em;
}
    
p.toutenbas {
	background-color : #ffe8e8;
	color : #7f003f;
	margin-top : 4em;
	margin-right : 50%;
	margin-left : 10%;
	text-align : center;
}

a.toutenbasa:link, a.toutenbasa:visited, a.toutenbasa:active {
	font-family:  serif;
	background-color: #ffe8e8;
	color : #7f003f;
	text-decoration: none;
}
a.toutenbasa:hover {
	font-family : serif;
	background-color : #7f003f;
	color : #ffffff;
	text-decoration : none;
}
/***************LOGO***********/
img.w3c {
border: 0;
}