* {margin:0px;padding:0px;text-align:justify}
body {background-color:#ddd}


h1 {
background:url('titre.png') no-repeat !important;
background:url('titre.gif') no-repeat;
position:absolute;
top:-75px;
left:-30px;
width:400px;
height:150px;
text-indent:-10000px;
}

#global {
position:absolute;
left:50%;
top:50%;
width:1040px;
height:565px;
margin-left:-520px;
margin-top:-275px;
background:url('fond.png') center center;
}


#left {
float:left;
width:340px;
height:475px;
color:#ddd;
padding:37px 40px;
}
#left span {position:absolute;float:right;left:250px;bottom:50px;font-style:italic;width:125px}

#right {
float:right;
width:340px;
height:475px;
padding:37px 40px;
}
#right div {text-align:center;margin:20px 0 15px 0;}



h2 {
position:absolute;
left:50%;
height:60px;
width:220px;
margin-left:-115px;
list-style:none;
padding-top:30px;
text-indent:-10000px;
}
.presentation {top:60px;background:url('images/presentation.png') !important;background:url('images/presentation.gif')}
.references {top:380px;background:url('images/misespace.png' !important);background:url('images/misespace.gif')}



#illustration {
position:absolute;
top:50%;
left:50%;
margin-top:-90px;
margin-left:-85px;
display:block;
width:170px;
height:144px;
overflow:hidden;
text-indent:-10000px;
background-image:url('carre.png')
}

/* Lien du cube*/
.illus {
display:block;
width:100%;
height:100%;
}


p {text-indent:20px;}
img {border: 1px #eee solid}
a:hover > img {border: 1px #aaa solid}



#footer * {xborder:1px #ccc solid}
#footer {
position:absolute;
left:50%;
top:95%;
width:auto;
height:30px;
margin-left:-140px;
line-height:30px
}
#footer li {display:inline}
#footer a {
margin:0 10px;
color:#666;
text-decoration:none
}
#footer a:hover {
color:#999;
border-bottom:1px #999 dotted
}



/* page Illustrations */

#gallery, #references {
background:#fff;
}

#gallery a.photo {
display:block;
float:left;
width:200px;
padding:10px 8px 8px 8px;
vertical-align:middle;
height:153px;
background:url('photo_fond.png') no-repeat;
}
#gallery a:hover > img{
border:1px #efefef solid; 
}

#gallery li {
margin:30px;
float:left;
width:500px;
list-style:none
}

#gallery span {
padding:30px 30px 30px 230px;
display:block;
}



/* page Références */


#references {
padding:20px;
}

#references h1 {background:none !important;position:relative;top:0;left:0;width:auto;height:auto;text-indent:0px;}

h3 {padding:20px 40px}

#references p {max-width:400px;margin:0px 50px}

#references ul {
padding:0px 0px 20px 70px;
}
#references li {
padding:5px;
}

#references a {
color:#999;
text-decoration:none
}
#references a:hover {
color:#666;
border-bottom:1px #666 dotted}