/* Generated by KompoZer */
html, body {
  background-image: url(fond.gif);
  margin: 0;
  padding: 0;
  width:100%;
  height: 100%;
  
}
.century {
  font-size: 12px;
  font-family: century gothic,verdana,arial;
  font-style: italic;
}
a:link {
  text-decoration: underline;
  color: black;
  font-style: italic;
}
a:visited {
  text-decoration: underline;
  font-style: italic;
  color: black;
}
.centurys {
  font-size: 12px;
  font-family: century gothic,verdana,arial;
  font-style: italic;
  text-decoration: underline;
}
   #boite {
 position:absolute;
  left: 20%; 
    width:700px;
  height: 50%;
  top:7%;
  border: 0;
}

#boiteprincipaleaccueil{
 position:relative;
 width:483px;
 height: 442px;
 top:20%;
 margin-right: auto;
margin-left: auto;
}

#graphismehautgauche{
 position:absolute;
 width:234px;
 height: 127px;
 top:0;
 left:0;
}

#hautfleur{
 position:absolute;
 width:249px;
 height: 127px;
 top:0;
 right:0;
 }
  
#menucreationweb{
position:absolute;
width:234px;
height: 239px;
top:127px;
left:0;
}

#menuformation{
position:absolute;
width:249px;
height: 239px;
top:127px;
right:0;
}

#graphismebas{
position:absolute;
width:251px;
height: 76px;
top:366px;
right:0;
}




.couleur {
	color: #f8e178;
}
.centuryjustifie{
  font-size: 12px;
  font-family: century gothic,verdana,arial;
  font-style: italic;
  text-align:justify;
}