/* CSS Document */

body { margin:0; padding:0; background-image:url(../imgs/fond.jpg); background-repeat:no-repeat; }
img { border:0; }
p { font:normal 11px/11px Arial, Verdana, Helvetica; margin:0; }

#fr { position:absolute; width:20px; height:10px; margin:0 0 0 145px; }
#en { position:absolute; width:20px; height:10px; margin:0 0 0 170px; }

#logo { position:absolute; width:170px; height:60px; margin:110px 0 0 80px; }
#logo a { position:absolute; width:100%; height:100%; }

#menu1 { position:absolute; width:160px; height:90px; margin:197px 0 0 145px; }
#menu1 p { font:bold 11px/11px Arial, Verdana, Helvetica; margin:2px 0 0 0; padding:0; }

#menu1 a:link { color:#000; text-decoration:none; border:0; }
#menu1 a:visited { color:#000; text-decoration:none; border:0;  }
#menu1 a:hover { color: #FF6633; text-decoration: none; background:none; }
#menu1 a:active { color:#000; text-decoration:none; border:0;  }

#menu2 { position:absolute; width:190px; height:90px; margin:290px 0 0 145px; }
#menu2 p { font:normal 9px/13px Arial, Verdana, Helvetica; margin:2px 0 0 0; padding:0; }

#menu2 a:link { color:#000; text-decoration:none; border:0; }
#menu2 a:visited { color:#000; text-decoration:none; border:0;  }
#menu2 a:hover { color: #FF6633; text-decoration: none; background:none; }
#menu2 a:active { color:#000; text-decoration:none; border:0;  }

#texte { position:absolute; width:250px; height:90px; margin:540px 0 0 145px; }
#texte p { font:bold 10px/13px Arial, Verdana, Helvetica; margin:0; padding:0; }

#texte a:link { color:#000; text-decoration:none; border:0; }
#texte a:visited { color:#000; text-decoration:none; border:0;  }
#texte a:hover { color: #FF6633; text-decoration: none; background:none; }
#texte a:active { color:#000; text-decoration:none; border:0;  }

#copy { position:absolute; width:160px; height:140px; margin:415px 0 0 145px; }
#copy p { font:normal 9px/13px Arial, Verdana, Helvetica; margin:2px 0 0 0; padding:0; }

#copy a:link { color:#000; text-decoration:none; border:0; }
#copy a:visited { color:#000; text-decoration:none; border:0;  }
#copy a:hover { color: #FF6633; text-decoration: none; background:none; }
#copy a:active { color:#000; text-decoration:none; border:0;  }


#apercu { position:absolute; margin:20px 0 0 345px; padding:0; width:auto; height:auto; display:inline; }
#vignettesA { position:absolute; margin:230px 0 0 345px; padding:0; width:600px; height:230px; }
#vignettesB { position:absolute; margin:280px 0 0 345px; padding:0; width:600px; height:230px; }
#vignettesC { position:absolute; margin:330px 0 0 345px; padding:0; width:600px; height:230px; }
#vignettesD { position:absolute; margin:380px 0 0 345px; padding:0; width:600px; height:230px; }
#couv { position:absolute; margin:480px 0 0 345px; padding:0; width:600px; height:100px; }

.float { position:relative; float:left; margin:0 0 10px 10px; border:1px solid black; display:inline; }
.leg { position:relative; float:left; margin:0 0 10px 10px; height:180px; border:1px solid black; display:inline; }
.leg p { margin:0 0 8px 0; width:300px; height: 180px; font:normal 11px/13px Arial, Verdana, Helvetica; }
.couleur { position:relative; float:left; margin:0 0 10px 10px; width:50px; height:50px; border:1px solid black; }
.legtab { margin:0 0 0 0; font:normal 11px/13px Arial, Verdana, Helvetica; }

.jaune { background-color:#FFCC99 }
.rouge { background-color:#990000; }
.bleu { background-color:#000066; }
.vert { background-color:#006633; }
.violet { background-color:#660066 }
.diateino { color:#FF6633; }

#vignettes a:link { color:#000; text-decoration:none; border:0;  }
#vignettes a:visited { color:#000; text-decoration:none; border:0;  }
#vignettes a:hover { color: #FF6633; text-decoration: none; background:none; border:0; }
#vignettes a:active { color:#000; text-decoration:none; border:0;  }