body {
background-image: url("images/fondnoirviolet.gif");
  margin: 0 ;
	padding: 0 ;
  text-align:center;
    }

p{
margin:1em 0 0 1em;
}

*{
  font-family : Arial;
  font-size :13px;
  color : navy;}


h1{font-size:120%;
margin:1em 0 0 2em;
color:#0066CC;
}

h2{font-size:16px;
text-align:center;
}

h5{font-size:120%;
margin:1em 0 0 2em;
color:#ff0066;
}

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

#haut {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/haut.jpg");
border-bottom:3px groove #0066CC;
}

#formations {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/formations.jpg");
border-bottom:3px groove #0066CC;
}

#historique {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/historique.jpg");
border-bottom:3px groove #0066CC;
}

#methode {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/methode.jpg");
border-bottom:3px groove #0066CC;
}


#administration {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/administration.jpg");
border-bottom:3px groove #0066CC;
}

#sceance {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/sceance.jpg");
border-bottom:3px groove #0066CC;
}

#stages {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/stages.jpg");
border-bottom:3px groove #0066CC;
}

#testez {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/testez.jpg");
border-bottom:3px groove #0066CC;
}

#annuaire {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/annuaire.jpg");
border-bottom:3px groove #0066CC;
}

#monde {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/monde.jpg");
border-bottom:3px groove #0066CC;
}

#biblio {
width : 950px;
height : 220px ;
margin-top:2px; 
background-image: url("images/biblio.jpg");
border-bottom:3px groove #0066CC;
}


#blocMenu{
float:left;
width:150px;
height:225px;
margin-left:2px;
line-height:2em;
background: url(images/cadre.jpg) no-repeat;
}
#blocMenu ul{
text-align:left;
}
#blocMenu li{
list-style-type:none;
font-weight:bold;
}
#blocMenu li a{
text-decoration:none;
}
#blocMenu li a:hover{
background-color:#ccffff;
}

#navcontainer
{
position:relative;
left:0%;
background: #fffffff;
margin: 0 auto;
padding: 1em 0 0 0;
text-transform: none;
}

/* to stretch the container div to contain floated list */
#navcontainer:after
{
content: ".";
display: block;
line-height: 2px;
font-size: 1px;
clear: both;
}


ul#navlist
{
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
font-size: 0.8em;
}

ul#navlist li
{
display: block;
float: left;
width: 12%;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #aaab9c #fff  ;
border-style: solid;
color: #00008b;
text-decoration: none;
background: #l7f2ca;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #ffffff;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}




#texte{
margin-left:150px;
margin-right:150px;
text-align:center;
}

#presse{
float:right;
width:150px;
height:225px;
margin-right:1px;
padding:2px;
background: url(images/cadre.jpg) no-repeat;
}

#presse span{
font-family : "Comic sans MS";
 font-size :14px;
 font-weight:bold;
color:black;
text-align:center;
}



#citation{
width:730px;
padding: 1em;
margin-top:2%;
margin-left: 12%;
margin-right:3%;
text-align:center;
background-color:#ffff6b;
}

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

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