* {
margin : 0 ;
padding : 0 ;
}
html , body {
width : 100% ;
height : 100% ;
}
a {
text-decoration : none ;
}
a img {
border : 0 ;
}
ul {
list-style-type : none ;
}
body {
background-color : #fff ;
color: #999 ;
font-family : Verdana, sans-serif ;
font-size : 11px ;
text-align : justify ;
}
#main {
position : absolute ;
left : 50% ;
width : 892px;
margin-left : -446px ;
height : 100% ;
}
/* TETE
*************** */
#tete {
height : 120px ;
width : 888px ;
border-left : 1px solid #999 ;
border-right : 1px solid #999 ;
border-bottom : 1px solid #999 ;
margin-bottom : 10px ;
visibility : hidden ;
}
#div_menu {
height : 120px ;
width : 890px ;
padding-top : 95px ;
}
/* CORPS
*************** */
#corps {
width : 890px ;
visibility : hidden ;
}
#gauche , #droite {
float : left ;
}
#gauche {
width : 438px ;
height : 438px ;
border : 1px solid #999 ;
}
#droite {
width : 440px ;
height : 440px ;
margin-left : 10px ;
}
#info_gauche , #info_droite {
height : 30px ;
width : 440px ;
float : left ;
}
#info_droite {
line-height : 30px ;
margin-left : 10px ;
}
/* PIED
*************** */
#pied {
width : 890px;
min-height : 121px ;
clear : both ;
border-left : 1px solid #999 ;
border-right : 1px solid #999 ;
border-top : 1px solid #999 ;
visibility : hidden ;
}
/* ********** */
#titre {
position : absolute ;
top : -5000px ;
}
/* INTRO */
#intro {
position : absolute ;
top : 160px ;
left : 50% ;
width : 300px ;
height : 300px ;
margin-left : -200px ;
}
#recto , #verso {
position : absolute ;
left : 0 ;
top : 0 ;
width : 300px ;
height : 300px ;
text-align : center ;
font-size : 28px ;
font-family : 'Courier New' , monospace ;
padding-top : 10px ;
}
#recto {
z-index : 2 ;
}
#verso {
z-index : 1 ;
}
#recto_image {
width : 300px ;
height : 300px ;
background-image : url( '/obj/img/base/intro.gif' ) ;
background-position : 0px 0px ;
background-repeat : no-repeat ;
border : 1px solid #000 ;
}
#verso_image {
width : 300px ;
height : 300px ;
background-image : url( '/obj/img/base/intro_fond.jpg' ) ;
background-repeat : no-repeat ;
}