html {
background : #fff;
font-family: verdana;
font-size: 10px;
color : #000;
}

body {
padding : 0;
margin : 0;
}

#global { 
position:absolute; 
left: 50%;  
top: 50%; 
width: 500px; 
height: 500px; 
margin-top: -250px; /* moitié de la hauteur */ 
margin-left: -250px; /* moitié de la largeur */


font-size : 12px;
color : #000;
 
}

#global a {
color : #f60;
}


#content {
margin-left : auto;
margin-right : auto;
padding-top : 210px;
text-align:center;
width : 700px;
/*
border : 1px solid #f00;
*/
}
#logo {
float : left;
width : 350px;
border-right : 1px solid #eee;
/*
background-image:url(/img/bord1.jpg);
background-repeat:no-repeat;
background-position:top right;
*/
}
#mentions {
padding-top : 30px;
text-align:center;
color : #555;
}
#mentions a {
color : #555;
text-decoration: none;
}
#mentions a:hover {
color : #555;
text-decoration: underline;
}
#mentions img  {
border : 0;
}
.spacer {
clear:both;
}






/***********************************************/
/* SCROLL */
#scroll {
float : right;
margin : 0;
padding:0;
margin-left:10px;
position:relative;
overflow:hidden;
width:330px;
height:290px;
z-index : 10;
background-color : #fff;
border-right : 1px solid #eee;
}
#tools {
width:9999em;
position:absolute;
height:290px;
left : 0;
}
.tool {
float:left;
margin : 0px;
width:330px;
height:290px;
background-repeat:no-repeat;
background-position:0 0px;
}

/* menu scroll */
#thumbs {
padding-top : 30px;
text-align:center;
color : #555;
}
.t a {
cursor:pointer;
padding : 0px;
margin : 0px;
}
.t a.active {
}
#t0 		  { text-decoration : none; }
#t0:hover  { }
#t0.active {}