body { 
	background-color: #404040;
	background-image: url(design/bgok.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:left center;
	margin:auto;
	padding:auto;
	color: #9c9c9c; 
	font-family: sans-serif, serif; 
	text-align: justify; 
	font-size: 14px;
	font-weight: normal;
} 
#container
{
}
#texte {
	width: 600px; 
	text-align: justify;
	margin-right: auto; 
	margin-left:auto; 
}
h1 {
	color: #FFFFFF; 
	font-size: 20px; 
	margin-top: 0px;
	margin-bottom: -10px;
}

h1 span {
	color: #8AC40C;
	}
h2 {
	color: #FFFFFF; 
	font-size: 17px; 
	margin-top: 0px;
	margin-bottom: -10px;
}

h2 span {
	color: #8AC40C;
	}

#yeb ul {
list-style-type: none;
  position: fixed;
  bottom : 0px;
  left: 10px;
}
#yeb ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}
#flechesui ul{
list-style-type: none;
  position: fixed;
  bottom : 10px;
  right: 10px;
}
#flechesui ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}
#flechepre ul{
list-style-type: none;
  position: fixed;
  bottom : 10px;
  right: 223px;
}
#flechepre ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}

#enfant ul {
list-style-type: none;
  position: fixed;
  top : 10px;
  left: 10px;
}
#enfant ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}

#sexe ul {
list-style-type: none;
  position: fixed;
  top : 10px;
  left: 223px;
}
#sexe ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}

#age ul {
list-style-type: none;
  position: fixed;
  top : 10px;
  left: 436px;
}
#age ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}
#print ul {
list-style-type: none;
  position: fixed;
  top : 10px;
  right: 10px;
}
#print ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -50000px;
}


#contenu {
padding-top: 12%; 
text-align: center;
}

#contenu-image {
padding-top: 0px; 
text-align: center;
}

#menu {
	margin-right: auto; 
	margin-left:auto; 
padding-top: 12%; 
}

#menu ul {
list-style-type: none;
}
#menu ul a {
text-decoration: none;
display: block;
width: 230px;
text-indent: -5000px;

}
#menu li {
padding-bottom:0px;
}

a#lien1{
background-image: url(design/fille-opti.png);
background-position:left top;
height: 110px;
}
a#lien1:hover{
background-image: url(design/fille-opti.png);
background-position:right top;
}

a#lien2{
background-image: url(design/garcon-opti.png);
background-position:left top;
height: 110px;
}
a#lien2:hover{
background-image: url(design/garcon-opti.png);
background-position:right top;
}
a#lien3{
background-image: url(design/facile-opti.png);
background-position:left top; 
height: 110px;
}
a#lien3:hover{
background-image: url(design/facile-opti.png);
background-position:right top;
}
a#lien4{
background-image: url(design/moyen-opti.png);
background-position:left top; 
height: 110px;
}
a#lien4:hover{
background-image: url(design/moyen-opti.png);
background-position:right top;
}
a#lien5{
background-image: url(design/diff-opti.png);
background-position:left top; 
height: 110px;
}
a#lien5:hover{
background-image: url(design/diff-opti.png);
background-position:right top;
}
a#lienretour{
background-image: url(design/retour-opti.png);
background-position:left top;  
height: 110px;
}
a#lienretour:hover{
background-image: url(design/retour-opti.png);
background-position:right top; 
}
a#lienyeb{
background-image: url(design/yeb-opti.png);
background-position:left top; 
height: 110px;
}
a#lienyeb:hover{
background-image: url(design/yeb-opti.png);
background-position:right top;
}
a#liensuivant{
background-image: url(design/suiv-opti.png);
background-position:left top; 
height: 110px;
}
a#liensuivant:hover{
background-image: url(design/suiv-opti.png);
background-position:right top;
}
a#lienprecedent{
background-image: url(design/prec-opti.png);
background-position:left top; 
height: 110px;
}
a#lienprecedent:hover{
background-image: url(design/prec-opti.png);background-position:right top;
}
a#lienprint{
background-image: url(design/print-opti.png);background-position:left top; 
height: 110px;
}
a#lienprint:hover{
background-image: url(design/print-opti.png);
background-position:right top;
}
a#lienavis{
background-image: url(design/participer.png); 
height: 110px;
}
a#lienretourform{
background-image: url(design/retour.png); 
height: 110px;
}

form {margin-bottom:0px}
input.commentairenom
{
	width: 250px;
	height: 20px;
	background-image: url(design/bg_green.gif);
	color: #FFFFFF;
}
input.commentairemail
{
	width: 250px;
	height: 20px;
	background-image: url(design/bg_green.gif);
	color: #FFFFFF;
}
textarea.commentaire
{
	width: 285px;
	height: 150px;
	background-image: url(design/bg_green.gif);
	color: #FFFFFF;
}
input.krypt
{
	width: 50px;
	height: 20px;
	background-image: url(design/bg_green.gif);
	color: #FFFFFF;
}