/* --------------------------------------------------------- Partie positionnement et déco */

body {background-color:#ffffcc}
/* ---------------------------------------------------------- fonts */
h1 {font-family: arial, verdana, sans-serif;font-style: normal;font-weight: bold;font-size: 3em;}
h2 {font-family: arial, verdana, sans-serif;font-style: normal;}
h3 {font-family: arial, verdana, sans-serif;font-style: normal;}
p {font-family: arial, verdana, sans-serif;font-style: normal;}
/* ---------------------------------------------------------- couleurs */	
H1{
	text-align:center;
	color:#993300;
}
h1{
	text-align:center;
	color:#993300;
}
h2{
	text-align:center;
	color:#993300;
}

/* ---------------------------------------------------------- texte vidéos et images*/
h1 {
color:#993300;
text-indent: 30px;
}

p {
color:#993300;
text-indent: 30px;
}

body {
		margin-top: 50px;
		margin-right: 80px;
		margin-bottom: 10px;
		margin-left: 170px;
	}
#imageFCO{
text-align:center;
}

#logos_gauche{
image-align:left;
}
#lliste{
color:#990000; 
text-align:center;
}
#vignette{
text-align:center;
}
#gauche  
{    
text-align: left;     
}   
#droite 
{    
text-align: right;     
}   

#liste_puce{
color:#990000; 
text-align:left;
}
#video{
text-align:center;
}
#telecharger{
text-align:center;
}
#bouton_retour{
text-align:center;
}
#sous-titre{
text-align:center;
}
#mail{
text-align:center;
}
#h2-centre{
text-align:center;
}
/* -------------------------------------------------------- Partie menus*/
#menu{
text-align:center;
}
#menu a { 
text-align:center;
font-family: arial, verdana, sans-serif;font-style: normal;font-weight: bold;
	display:block; 
	color: #990033; /* couleur lettres menus*/
	text-decoration:none;
}
#menu > li,
#menu > li li {
	position: relative;
	display:inline-block;
	width: 160px;
	padding: 6px 15px;
	background-color: #fff;
	background-image: linear-gradient(#fff, #FF9900 50%, #FF9900 50%,#fff); /*  couleurs aqua dégradé menu*/
	}
#menu > li li { background: transparent none; }
#menu > li li a { color: #990033; } /* couleur lettres sous menus*/
#menu > li li:hover { background:#cccc99; } /* couleur change fond sous menus*/
#menu > li:first-child {
	border-right: 1px solid #777;
	border-radius: 8px 0 0 8px;
}
#menu > li + li {
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
}
#menu > li:last-child {
	border-right: 0;
	border-left: 1px solid #000000;
	border-radius: 0 8px 8px 0 ;
}
#menu > li:hover {
	background-color: #999;
	color: #ffffcc; /* couleur lettres menus*/
	background-image: linear-gradient(#FFFFCC, #FFCC00 50%, #FFCC00 50%,#FFFFCC); /*couleur quand passage souris sur menu */

	}
/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#menu ul {
	position: absolute;
	top: 2em; left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color: #ddd;
	background-image: linear-gradient(#FFFF99,#ddd);/*  couleur fond sous menus*/
	overflow: hidden;
	transition: 1s max-height 0.3s;
	border-radius: 0 0 8px 8px;
}
/* ici on change la valeur de max-height au :hover */
#menu > li:hover ul {
	/* à adapter, le minimum est le meilleur mais voyez large ?? */
	max-height: 13em;
}