@charset "utf-8";
/* CSS Document */

*{
margin:0px;
padding:0px;
}

#content{
width:950px;
height:900px;
}

.droite{
width:408px;
height:900px;
float:left;
word-spacing: 1px ;
letter-spacing : normal ;
line-height:11px;
}

.textegauche {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
text-align:right;
color:#FFFFFF;
position:absolute;
height:110px;
width:127px;
margin-left:50px;
margin-top:175px;
}

.textegauche2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
text-align:right;
color:#FFFFFF;
position:absolute;
height:60px;
width:127px;
margin-left:50px;
margin-top:287px;
}

.textegauche3 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
text-align:right;
color:#FFFFFF;
position:absolute;
height:37px;
width:127px;
margin-left:50px;
margin-top:351px;
}

.marron{color:#59554e;}
.italique{font-style:italic;}
.spacer{line-height:3em;}
.bold{font-weight:bold;}
.cyan{color:#10afd4;}

.enveloppe{
position:absolute;
margin-left:116px;
margin-top:483px;
}

.contact{
position:absolute;
width:161px;
height:53px;
margin-left:337px;
margin-top:491px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
}

.inkonito {color:#10afd4; text-decoration:none;}
.inkonito:hover {color:#ff0000; text-decoration:none;}
.telechargeable {color:#000000;}
.telechargeable:hover {color:#ff0000;}
.atextevignette {color:#918a7f; text-decoration:none;}
.atextevignette:hover {color:#ff0000; text-decoration:none;}
.azautre {color:#000000; text-decoration:none;}
.azautre:hover {color:#ff0000; text-decoration:none;}


.ronds {
position:absolute;
width:49px;
height:22px;
left:542px;
top:183px;
}

.titredossier {
position:absolute;
height:90px;
width:180px;
left:542px;
top:220px;
}

.dossier {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
margin-left:5px;
margin-top:5px;
}

.vignette {
position:absolute;
height:100px;
width:75px;
top:200px;
left:732px;
}

.textevignette {
position:absolute;
width:134px;
height:53px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
top:220px;
left:812px;
}

#infobulle {
position:absolute;
left:732px;
top:200px;
display:none;
color:#FFFFFF;
font-size:9px;
} 

.titrezimage {
position:absolute;
height:55px;
width:350px;
left:542px;
top:312px;
}

.zimage {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
margin-left:5px;
margin-top:5px;
}

.textevisuel {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#918a7f; text-decoration:none;}
.textevisuel:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#ff0000; text-decoration:none;}
.textevisuelb {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#918a7f; text-decoration:none;}
.textevisuelb:hover {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#10afd4; text-decoration:none;}
.pip {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:9px; color:#918a7f; text-decoration:none;}

.visuel1 {
position:absolute;
width:90px;
height:110px;
top:370px;
left:560px;
}

.visuel2 {
position:absolute;
width:90px;
height:110px;
top:370px;
left:650px;
}

.visuel3 {
position:absolute;
width:90px;
height:110px;
top:370px;
left:740px;
}

.visuel4 {
position:absolute;
width:90px;
height:110px;
top:370px;
left:830px;
}

.titrezautre {
position:absolute;
width:315px;
height:55px;
top:490px;
left:542px;
}

.zautre {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:9px;
margin-left:5px;
margin-top:5px;
}

.cartouche {
width:90px;
height:15px;
}