/* Style CSS
******************************************/
.gauche {
	float:left;
	margin:10px O 10px 10px;
	padding:0;
	border: 1px solid white;
}

.droite {
	float:right;
	margin:4px;
	padding:10px 10px 10px 0;
	border: 1px solid white;
}

.centre{
	text-align:center;
	margin:4px;
	padding:0;
}

/* Général
******************************************/
html{padding:10px 0;margin:0;background-color:#dcdcdc;}

body {
width:800px;
margin:0 auto;
padding: 0;
font:normal normal medium times, serif;
border:2px solid white;
background-color:#294781;
}

h1, h2 {margin:1em 0 0.5em 0;padding:0;text-align:left;}

h1{font:normal bold x-large times, serif;}
h2{font:normal bold large times, serif;}

p {margin: 0 0 0.5em 0; padding:0; text-align:justify;}


/*Tête
******************************************/
#tete{
height: 221px;
padding:0;
margin:0;
clear:both;
border-bottom:1px solid white;
}


/* Principal
******************************************/
#principal {
background: #294781 url(/style/fond_menu.png) repeat-y;
}



/*Gauche
******************************************/
#gauche{
width:176px;
height:696px;
float:left;
position:relative;
padding:0;
margin:0;
color:white;
background: transparent url(/style/menu.png) no-repeat;
}

#gauche ul{
margin:1.5em 0 0 0;
padding:0 0 0 25px;
}

#gauche li {
line-height:24px;
list-style:disc outside;
font-size:large;
padding-bottom:0.5em;
margin:0;
}

#gauche a{
color:white;
text-decoration:none;
margin:0;
padding:0;
}

#gauche a:hover{
text-decoration:none;
color:#ffbf00;
}

/* Droite
******************************************/
#droite{
color:white;
padding: 10px 20px 20px 196px;
margin:0;
text-align:left;
font:normal normal medium times, serif;

}

#droite a{
color:#f7c222;
}

#droite a:hover{
color:white;
}

#droite h1, #principal h2 {
line-height:1em;
text-align:left;
color:#f89223;
}

#droite b{
font-weight : bold;
}

#droite i{
font-size:small;
}

#portrait{
padding:0;
margin: 10px 0 10px 10px;
float:right;
border:2px solid white;
}

#droite img{
border:none;
}

label{
width:250px;
}

/* Sous Menu  f89223->orange du flash
******************************************/

#menu ul.level2 {
margin:5px;
padding:0 0 0 1em;
width:220px;
padding:5px;
border:1px solid white;
background-color: #294781;
display:none;
}

#menu ul.level2 li {
list-style:disc outside;
font-size:medium;
padding :0;
margin:0 0 0 20px;
}

#menu ul.level2 li a:hover {
font-weight:normal;
font-size:medium;
}

#menu ul.level1 li.sousmenu:hover ul.level2 {display:block;}

#sousmenu{border-bottom:1px solid white;}

/* Bas
******************************************/
#bas{
background-color:white;
clear:both;
border-top:2px solid white
}

#bas p{
padding:0;
margin:0;
font-size:small;
text-align:center;
color:#999999;
}

#bas a{
color:#666666;
}

#bas a:hover{color:#ff89223;}

#bas img{
border:none;
vertical-align:middle;
}