body {
background-color :#FF00FF ; 
  margin: auto ;
	padding: 0 ;
  text-align:center;
  font-family : Arial;Tahoma;Comic sans MS;
  font-size :0.9em;
  color : black;
  }

     
    

#wrapper{
width:950px;
margin: 0 auto;
background-color:white;
border:2px solid #999999;
 text-align : left; 
}

a:link{color:#cc3399;}
a visited{color:#cc3399;}
p{margin-left:0.5em;}


.G{
float:left;margin-left:1.5em;
}
.D{
float:right;
}

h1{font-size:320%;text-align:center;}
h2{font-size:105%;text-align:center;color:#FF00FF;}
h3{font-size:105%;text-align:center;}
h4{font-size:105%;text-align:left;margin-left:0.3em;}
h5{font-size:130%;text-align:center;}
h6{font-size:130%;text-align:left;}


.List {list-style-type: square;color:black;}
hr{width:70%; color:#FF00FF; text-align:center;}

#casini{
width:40em;
margin-left:7.8em;
margin-bottom:2em;
text-align:center;
border:1px solid #FF00FF;
font-size :1.2em;
}

.col1{
padding:0.2em;
margin-left:18em;
width:60em;
}

.col2{
width:10em;
margin-left:2em;
vertical-align:middle;
}


#navcontainer
{
font-family: Arial,Sans-Serif;
font size: 110%;
margin: 0 auto;
width: 100%;
border-bottom: 1px solid silver;
}

#navlist
{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
text-indent: 0;
list-style-type: none;
}

#navlist li
{
padding: 0;
margin: 0;
text-indent: 0;
display: inline;
}

#navlist li a
{
letter-spacing: -1px;
text-decoration: none;
color: black;
font-size: 1em;
padding: 0 2px;
border-top: .5em solid #FF00FF;
}

#navlist li a:hover,#navlist a#current
{
color: #333;
border-top: none;
font-size: 1.5em;
}

#navlist a#current { color: #FF00FF; }
#texte{
margin-top:4%;
padding-right:0.5em;
padding-bottom:1em;
padding-left:1em;
}



#pied{
clear:both;
width:950px;
padding-top:10px;
border-top:1px solid #FF00FF;
margin-top:20px;
text-align:center;
}

#gym{
position:absolute;
top:-5000px;
}