body
{
background-image: url("images/fonnoir1.jpg");
background-attachment: fixed;
width: 950px;
margin: auto;
margin-top: 10px;
margin-bottom: 20px;
color : white;
}
#bandeau
{
height: 223px;
width: 1024px;
margin-top: 10px;
border: none;
}

p:first-letter
{
COLOR: orange;
font-size: 1em;
}
p
{
	font-family: "Arial", impact, serif;
	COLOR: white;
	font-size: 1em;
	text-align: justify;
	text-indent: 0px;
}
#main
{
width: 670px;
overflow: visible;
margin-left: 220px;
padding: 15px;
padding-top: 50px;
border: none;
color: white;
padding-bottom: 15px;
}
h1, h2, h3
{
font-family: verdana, "Arial Black", Arial, impact, serif;
color:#eee2d5;
text-indent: 5px;
}
h2,h3
{
font-style: italic;
text-indent: 25px;
}
h1
{
margin-left: 130px;
border-bottom: 2px solid orange;
Font-style: italic;
}
.pageup
{
text-align: right;
border: outset blue;
padding-left: 10px;
padding-right: 10px;
position: relative;
left: 730px;
top: 5px;
font-size: 1.5em;
}
.pageup:hover
{
border: inset blue;
}
a
{
   text-decoration: none;
   color: #f4d1a8;
   font-style: normal;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: orange;
   font-style: normal;
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: orange;
   font-style: normal;
}
.imagefloatleft
{
float: left;
margin-right: 10px;
}
.souslimage
{
clear: both;
}
a img
{
border: none;
margin-bottom: 5px;
margin-right: 5px;
}
.imagesimple
{
margin-right: 10px;
border: lightgrey outset;
}
.imagetextfloatleft
{
float: left;
margin-right: 10px;
margin-top : 5px;
margin-bottom : 10px;
border: lightgrey outset;
}
.imagetextfloatright
{
float: right;
margin-left: 15px;
margin-right: 15px;
border: lightgrey outset;
}
#blocmenu
{
position: absolute;
left: 30px;
top: 300px;
float: left,bottom;
width: 200px;
}
.element_menu
{
border: 1px solid orange;
margin-bottom: 2px;
background-color: none;
list-style-image: none; 
font-size: 0.8em;
}
.element_menu h3
{
text-align: left;
text-indent:10px;
line-height:0em; 
font-size: 1.1em;
padding: 0px;
font-family: Arial, "Arial Black", impact, serif;
color: white;
}
#footer
{
height: 50px;
width: 950px;
float: top;
border-top: 1px solid black;
font-size: 0.6em;
color: lightblue;
position: relative;
top: 80px;
}
.liens_tableau
{
color: lightgrey;
}
ul
{
color: white;
}
.tableau_contacts
{
margin: auto;
background-color: none;
color: white;
margin: auto;
border: none;
border-collapse: collapse;

}
.tableau_contacts td
{
width: 200px;
height: 40px;
padding: 5px;
}
.tableau_commissions
{
margin: auto;
background-color: none;
color: grey;
margin: auto;
border: none;
border-collapse: collapse;
font-size:0.8em;
}
.tableau
{
margin: auto;
background-color: none;
color: WHITE;
margin: auto;
border: none;
border-collapse: collapse;
padding: 5px;
}
.tableau td
{
padding: 5px;
}
.listesmall
{
font-size:0.9em;
}
strong
{
font-weight: bold;
color:orange;
}
.puce_transparente
{
float: left;
margin-right: 5px;
margin-top : 5px;
margin-bottom : 5px;
}

/* gestion du design du formulaire de préinscription*/
input, textarea
{
   font-family: verdana, "Arial Black", Arial, impact, serif; ; /* On modifie la police du texte tapé l'intérieur des champs */
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #FFFF99;
}
 
label
{
   color: lightgreen; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: verdana, "Arial Black", Arial, impact, serif; ;
   color: #FF9933;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
}