/* CSS Document */
body {margin:0; padding:0; background-color:#222; color:#666; font-family:Arial, Helvetica, sans-serif;
}
#conteneur {position:absolute; top:47%; left:50%; width:800px; height:600px; margin-left:-400px; margin-top:-300px;
}
/*bandeau*/
#bandeau {width:800px; height:60px; background-color: #000; z-index:1;
}
#bandeau img {position:absolute; left:121px;
}
/*menu*/
#menu {position:absolute; top:60px; left:620px; width:180px; height:540px; font-size:17px; margin:0; padding:0; z-index:2;
}
#menu ul {list-style-type:none;  margin:0; padding:0;
}
#menu li {margin: 10px 0; line-height:35px;
}
#menu li a.lien {color:#666; background-color:#000; text-decoration:none; display:block; width:180px; height:35px;
}
#menu li a.lien:hover {color:#000; background-color:#666; font-weight:bold;
}
#eng {background-image:url(inter/eng.gif); background-position:0 0;
}
#eng:hover {background-position:0px 35px;
}
#fr {background-image:url(inter/fr.gif); background-position:0 0;
}
#fr:hover {background-position:0px 35px;
}
#menu li a.lien_act {color:#000; background-color:#999; font-weight:bold; text-decoration:none; display:block; width:180px; height:35px;
}
#menu li a:active.lien_act {background-color:#ddd;
}
#menu .vide {background-color:#000;
} 
/*fenêtre du contenu*/
#contenu {position:absolute; top:70px; width:610px; height:530px; margin:0; padding:0; z-index:3;
}
/*fond liste des liens*/
#contenu ul {list-style-type:none; margin:0; padding:0;
}
#contenu li {float:left; margin:0 10px 10px 0;
}
.lien_vide {display:block; width:142px; height:35px; background-color:#111;
}
.image {position:relative; display:block; width:142px; height:35px; color:#f3f; background-color: #000; text-align:center; text-decoration:none; line-height:35px; font-size:12px; 
}
.image:hover {color:#000; background-color:#f3f; z-index:4;
}
/*rollovers de la liste des liens*/
.image span {display:none;
}
.image:hover span { display:block; position:absolute; left:0; top:35px; background-repeat:no-repeat; cursor:pointer;
}
.image span {display:none;
}
.image:hover span { display:block; position:absolute; left:0; top:35px; background-repeat:no-repeat; cursor:pointer;
}
/*fond peintures*/
.tableaux {background:url(inter/strips_fond.gif) no-repeat 0 0;
}
.cadre {display:block; height:170px; width:193px;
}
.cadre:hover {margin:0; background-image:url(inter/strips_gris.gif); 
}
.cadre img {border:0;
}
.lienSWF {margin:0; padding:0; display:block; height:35px; background-color:#000; 
}
.lienSWF:hover {background-color:#ccc;
}
.lienSWF:active {background-color:#fff;
}
#arriereSWF {width:193px; margin-top:10px; background-image:url(inter/flAr.gif); background-position:0 0; 
}
#arriereSWF:hover {background-position:0px 35px;
}
#avantSWF {width:192px; position:absolute; left:406px; top:495px; background-image:url(inter/flAv.gif); background-position:0 0;
}
#avantSWF:hover {background-position:0px 35px;
}
/*mail*/
form {color:#999; position:absolute; top:43px; left:120px;  
}
.champ {border: 1px solid #555; margin: 8px 0; background-color:#222; color:#999; overflow:hidden;
}
.bouton {border: 1px solid #999; margin: 8px 0; background-color: #222; color: #999;
}
.erreur {color: #FF6600; display:inline;
}
a {color:#CCCCA9;
}
p {margin:60px 0 0 100px;
}
/*fond mail et accueil*/
.strip {display:block; height:35px; width:598px; margin-bottom:10px; clear:both; background-color:#111; color:#999; line-height:35px; text-align:center;
}
.strip a {color:#999; text-decoration:underline;
}
.strip a:hover {font-weight:bold;
}
/*fond page d'accueil*/
#coul1 {background-color:#fc0; background-image:url(inter/coul1.jpg);
}
#coul2 {background-color:#f90; background-image:url(inter/coul2.jpg); 
}
#coul3 {background-color:#f60; background-image:url(inter/coul3.jpg);
}
#coul4 {background-color:#f00; background-image:url(inter/coul4.jpg);
}
#coul5 {background-color:#c06; background-image:url(inter/coul5.jpg);
}
#coul6 {background-color:#909; background-image:url(inter/coul6.jpg);
}
#coul7 {background-color:#60f; background-image:url(inter/coul7.jpg);
}
#coul8 {background-color:#33f; background-image:url(inter/coul8.jpg);
}
#coul9 {background-color:#069; background-image:url(inter/coul9.jpg);
}
#coul10 {background-color:#096; background-image:url(inter/coul10.jpg);
}
#coul11{background-color:#093; background-image:url(inter/coul11.jpg);
}
#coul12{background-color:#6c0; background-image:url(inter/coul12.jpg);
}
#annuaire {position:absolute; top:610px; left:520px;
}