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

body {
margin:0px;
padding:0px;
background-color:#000000;
background-image:url(../img/bghome.jpg);
background-repeat:no-repeat;
background-position: top left;
}

/*----------------*/
/*    MENUS       */
/*----------------*/

#menu {
width:540px;
height:48px;
position:absolute;
top:169px;
left:414px;}

#grandmenu {
width:321px;
height:56px;
position:absolute;
top:217px;
left:93px;
}


/*----------------*/
/*    CONTENUS    */
/*----------------*/


#textegauche {
width:313px;
height:400px;
position:absolute;
top:331px;
left:99px;
}

#imagesdroite {
width:474px;
height:430px;
position:absolute;
top:238px;
left:440px;
background-color:#1b1b1b;
border:1px solid #393939;
padding:3px;
}

#imagesdroite:hover {
border:1px solid #555555;
}

/*----------------*/
/*    VIGNETTES    */
/*----------------*/

#vignette1 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:350px;
left:100px;
padding:3px;
}

#desc1 {
width:250px;
height:102px;
position:absolute;
top:350px;
left:255px;
line-height:8pt;
}

/*------------*/

#vignette2 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:462px;
left:100px;
padding:3px;
}

#desc2 {
width:250px;
height:102px;
position:absolute;
top:462px;
left:255px;
line-height:8pt;
}

/*------------*/

#vignette3 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:574px;
left:100px;
padding:3px;
}

#desc3 {
width:250px;
height:102px;
position:absolute;
top:574px;
left:255px;
line-height:8pt;
}

/*------------*/


#vignette4 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:238px;
left:518px;
padding:3px;
}

#desc4 {
width:250px;
height:102px;
position:absolute;
top:238px;
left:673px;
line-height:8pt;
}

/*------------*/

#vignette5 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:350px;
left:518px;
padding:3px;
}

#desc5 {
width:250px;
height:102px;
position:absolute;
top:350px;
left:673px;
line-height:8pt;
}

/*------------*/

#vignette6 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:462px;
left:518px;
padding:3px;
}

#desc6 {
width:250px;
height:102px;
position:absolute;
top:462px;
left:673px;
line-height:8pt;
}

/*------------*/

#vignette7 {
width:142px;
height:94px;
background-color:#1b1b1b;
border:1px solid #393939;
position:absolute;
top:574px;
left:518px;
padding:3px;
}

#desc7 {
width:250px;
height:102px;
position:absolute;
top:574px;
left:673px;
line-height:8pt;
}

/*------------*/

#vignette1:hover {
border:1px solid #555555;
}

#vignette2:hover {
border:1px solid #555555;
}

#vignette3:hover {
border:1px solid #555555;
}

#vignette4:hover {
border:1px solid #555555;
}

#vignette5:hover {
border:1px solid #555555;
}

#vignette6:hover {
border:1px solid #555555;
}

#vignette7:hover {
border:1px solid #555555;
}


/*----------------*/
/*     TYPO       */
/*----------------*/


.fr {
color:#c9c9c9;
font-family:myriad, verdana, arial, helvetica;
font-size:12px;
}

.en {
color:#545454;
font-family:myriad, verdana, arial, helvetica;
font-size:12px;
}

.minititrefr {
color:#ffffff;
font-family:myriad, verdana, arial, helvetica;
font-size:15px;
}

.minititreen {
color:#545454;
font-family:myriad, verdana, arial, helvetica;
font-size:15px;
}

/*----------------*/
/*     BOOK       */
/*----------------*/

#book {
width:812px;
height:372px;
position:absolute;
top:294px;
left:100px;
background-color:#1b1b1b;
border:1px solid #393939;
padding:3px;
}

#book:hover {
border:1px solid #555555;
}


/*----------------*/
/*      FOOTER    */
/*----------------*/


#footer {
width:200px;
position:absolute;
top:710px;
left:750px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#2b3939;
text-align:right;
}

#footer a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#364d4d;
text-decoration:none;
}

#footer a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#364d4d;
text-decoration:none;
}

#footer a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#364d4d;
text-decoration:none;
}

#footer a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#364d4d;
text-decoration:none;
}