/* CSS Document */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4f464b;
}
#hyperglobal {
width: 858px;
position:absolute;
left: 50%;
margin-top: 0px; /* moitié de la hauteur */
margin-left: -424px; /* moitié de la largeur */
background-image:url(../img/til.gif);
}
.header {
background-image:url(../img/header.gif);
height:19px;
}
#left {
width:340px;
float:left;
padding:0 20px 0 35px;
text-align:justify;
}
#left h1 {
margin:0;
padding:0;
}
#left .h1 {
font-size:27px;
}
#left h2 {
margin:20px 0 20px 0;
padding:0;
font-size:14px;
}
#left p {
margin:0;
padding:0;
font-size:12px;
line-height:17px;
}
#left hr {
clear:both;
visibility:hidden;
}
#left ul {
list-style-type:none;
margin:0;
padding:20px 0 0 0;
}
#left li a {
padding:5px;
display:block;
height:35px;
background:url(../img/cta.jpg) no-repeat;
color:#FFFFFF;
text-decoration:none;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
}
#left a {
color:#4f464b;
}
#right {
padding-right:30px;
margin-left:450px;
}
#right h1 {
margin:0 0 10px 0;
font-size:16px;
}
#right img {
float:right;
margin-bottom:10px;
}
#right ul {
list-style-type:none;
margin:0;
padding:0;
}
#right li {
float:left;
}
#right li a:hover {
text-decoration:underline;
}
#right .s1 a {
display:block;
background:url(../img/vignette_stick_Abisso.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s2 a {
display:block;
background:url(../img/vignette_stick_Albi.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s3 a {
display:block;
background:url(../img/vignette_stick_Bouleau.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s4 a {
display:block;
background:url(../img/vignette_stick_Burton.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s5 a {
display:block;
background:url(../img/vignette_stick_Callas.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s6 a {
display:block;
background:url(../img/vignette_stick_Carrera.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s7 a {
display:block;
background:url(../img/vignette_pochoir_tricolore.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s8 a {
display:block;
background:url(../img/vignette_bande_dessinee.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s9 a {
display:block;
background:url(../img/vignette_painted_black.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s10 a {
display:block;
background:url(../img/vignette_ben_day_pop.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s11 a {
display:block;
background:url(../img/vignette_pop_window.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s12 a {
display:block;
background:url(../img/vignette_pixel_color.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s13 a {
display:block;
background:url(../img/vignette_photo_toile.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s14 a {
display:block;
background:url(../img/vignette_espace_enfant.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s15 a {
display:block;
background:url(../img/vignette_flamingo.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s16 a {
display:block;
background:url(../img/vignette_arum.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s17 a {
display:block;
background:url(../img/vignette_dora.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s18 a {
display:block;
background:url(../img/vignette_lerna.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s19 a {
display:block;
background:url(../img/vignette_cyrano.gif) top no-repeat;
width:150px;
margin:0 77px 10px 0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right .s20 a {
display:block;
background:url(../img/vignette_fidji.gif) top no-repeat;
width:150px;
margin:0;
padding-top:100px;
color:#4f464b;
font-size:11px;
text-decoration:none;
}
#right hr {
clear:both;
visibility:hidden;
}
#right h2 {
position:absolute;
top:740px;
right:32px;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#right p {
position:absolute;
top:768px;
right:32px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
width:376px;
}
#footer {
clear:both;
background: url(../img/footer.gif) top no-repeat #FFFFFF;
height:50px;
}