body
{
   max-width: 1000px;
   width: 100%;
   margin: auto; /* Pour centrer notre page */
   margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
   background-color: black; /* Une couleur de fond pour la page */
}

gras
{
font-weight:bold; 
}
jaune
{
color: #FFCC00;
}
italic
{
font-style: italic;
}
centrer
{
text-align:center;
}

h1
{
padding-top: 10px;
padding-bottom: 30px;
font-family: Verdana, Arial, Lucida Grande, Lucida Sans Unicode, Helvetica, sans-serif;  
font-size: 24px; 
font-weight:bold; 
font-style: italic; 
text-align:center;
color: #FFCC00;
}

h2
{
padding-bottom: 15px;
margin-left: 25px;
font-family: verdana, trebuchet, arial, sans-serif; 
font-size: 18px; 
font-weight:bold; 
font-style: normal; 
text-align:left;
color: blue;
}

h3 
{
font-family: verdana, trebuchet, arial, sans-serif; 
font-size: 16px; 
font-weight:bold; 
font-style: italic;
text-align:left;
color: white;
}

form
{
font-family: verdana, trebuchet, arial, sans-serif; 
font-size: 14px; 
font-weight:normal; 
font-style: italic;
text-align:left;
color: white;
}

td 
{
text-align:left;
border:0px solid white;
}
th
{
text-align:center;
border:0px solid white;
}
        
table
{
   max-width: 100%;
border-collapse:collapse;
border:0px solid blue;
color: white;
}

input, textarea
{
   font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs formulaire*/
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ formulaire*/
{
   background-color: #FFFF99;
}
 
label
{
   color: white; /* Colorer tous les labels formulaires*/
}
 
legend /* On met un peu plus en valeur les titres des fieldset formulaire*/
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: white;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset formulaire*/
   background-color: black;
}

a:link
{
font-weight:bold;
   text-decoration: none;
   color: #F0FFFF;
}
a:hover
{
   text-decoration: none;
   color: #8A2BE2;
}
a:active
{
   text-decoration: none;
   color: #F0FFFF;
}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
   font-style: italic;
   color: #C0C0C0;
}
#top
{
max-width: 1000px;
margin-left: 0px;
}
#topadmin
{
max-width: 100%;
position:absolute;
top: 0px;
}
#news
{
padding: 5px;
color:#FFCC00;
border:2px solid #FFCC00;-moz-border-radius : 20px 20px 20px 20px;
margin-top: 310px;
margin-left: 170px;
margin-right: 10px;
background:#000000;
font-family: verdana, trebuchet, arial, sans-serif;
font-size: 12px;
max-width:100%;
height:80px;
line-height: 14px;
}
#menu
{
   border:2px solid #FFCC00;-moz-border-radius : 20px 20px 20px 20px;
   float: left;
   position: relative;
   /margin-top: 310px;
   margin-top:-95px;
   margin-left: 10px;
}
#styleswitcher{
color: white;
text-align: center;
margin-left: 0px;
}
 #menu2
 {
   margin-left: 10px;
   width: 110px; 
   position: absolute;
   margin-top:450px;
}
 

.niveau1
{
background-image: url("../../images/bouton3.png") ;  background-repeat: repeat-y; 
text-align: left; font-family: verdana, trebuchet, arial, sans-serif; font-size: 12px; font-weight:bold; font-style: italic; 
 }
 
.niveau2
{
background-image: url("../../images/bouton4.png") ; background-repeat: repeat-y ; 
text-align: left; font-family: verdana, trebuchet, arial, sans-serif; font-size: 12px; font-weight:normal; font-style: italic; 
 }
 
.navigation {
margin-left: 5px;
margin-right: 5px; 
margin-top: 10px; 
padding: 0; 
list-style: none; 
width: 140px; 
line-height: 10px;
text-align: left; font-family: verdana, trebuchet, arial, sans-serif; 
font-size: 12px; font-weight:bold; font-style: normal; 
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 10px 10px ; 
      color: black; 
      text-decoration: none; 
      background: #000 url("../../images/bouton19.png") left bottom no-repeat; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url("../../images/bouton19.png"); 
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url("../../images/bouton19.png"); 
      } 
   .navigation a:hover, .navigation a:focus
	{ 
      text-decoration: underline; 
      } 
	.navigation a:active 
	{ 
	text-decoration: underline; 
      }
   .navigation .subMenu {
	list-style: none;
	line-height: 8px;
	padding-left: 0;
	background: url("../../images/.png") repeat-y; 
	margin-left: 0px; 
	text-align: left; 
	font-family: verdana, trebuchet, arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	font-style: italic; 
	text-indent: 0px;	
      } 
   .navigation ul.subMenu a { 
    background: none;
	color: #FFCC00;	  
      } 
 
.navigation2 {
margin-left: 5px;
margin-right: 5px; 
margin-top: 10px; 
padding: 0; 
list-style: none; 
width: 140px; 
line-height: 10px;
text-align: left; font-family: verdana, trebuchet, arial, sans-serif; 
font-size: 12px; font-weight:bold; font-style: normal; 
      }  
   .navigation2 a, .navigation2 span { 
      display: block; 
      padding: 10px 10px ; 
      color: black; 
      text-decoration: none; 
      background: #000 url("../../images/bouton20.png") left bottom no-repeat; 
      } 
   .navigation2 .toggleSubMenu2 a, .navigation2 .toggleSubMenu2 span { 
      background-image: url("../../images/bouton20.png"); 
      } 
   .navigation2 .open a, .navigation2 .open2 span { 
      background-image: url("../../images/bouton20.png"); 
      } 
   .navigation2 a:hover, .navigation2 a:focus
	{ 
      text-decoration: underline; 
      } 
	.navigation2 a:active 
	{ 
	text-decoration: underline; 
      }
   .navigation2 .subMenu2 {
	/*background: url("../../images/bouton12.png") repeat-y; */
	list-style: none;
	line-height: 8px;
	padding-left: 0;
	background: url("../../images/.png") repeat-y; 
	margin-left: 0px; 
	text-align: left; 
	font-family: verdana, trebuchet, arial, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	font-style: italic; 
	text-indent: 0px;	
      } 
   .navigation2 ul.subMenu2 a { 
      background: none;
	color: #FFCC00;		  
      } 
#corps
{
margin-left: 170px;
   margin-top: 10px;
   color: white;
   min-height: 510px;
   max-width: 100%;
   margin-right: 10px;   
   margin-bottom: 10px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   border:2px solid #FFCC00;-moz-border-radius : 20px 20px 20px 20px;
   }

#down
{
   max-width: 100%;
   margin-top: 10px;
   margin-left: 10px;
   margin-right: 10px;
   padding: 10px;
   color: black;
   background-image: url("../../images/down1.jpg") ;-moz-border-radius : 20px 20px 20px 20px;
   background-repeat: no-repeat;
   border:2px solid #FFCC00;-moz-border-radius : 20px 20px 20px 20px;
   text-align: right;
}

 .down2
{
position:relative;
   float: left;
   text-align: left;
   margin-left: 10px;
 }
 
.texteaccueil:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.2em; /* Ecrit légèrement plus gros que la normale */
   color: #FFCC00; /* En bleu */
}

.texteaccueil
{
text-indent: 0px;
font-family:Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;  
font-size: 16px; 
font-weight:normal; 
font-style: normal;
color: white;
}

#partenaire
{
text-align:left;
line-height: 25px;
color: White;
font-size: 14px;
}

#googlemap
{
float: left;
position: absolute;
margin-top: 10px;
margin-left: 10px;
border:2px solid white;
text-align: center;
}

#adresse
{
margin-left:450px;
font-size: 22px; 
font-weight:bold; 
font-style: italic; 
text-align:center;
color: white;
}
#admin
{
position:absolute;
right: 20px;
text-align:right;
}
#para
{
   background-image: url("../../images/parapente.jpg"); width:600px ;
     background-repeat: no-repeat;
}