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

*{
margin:0;
padding:0;
}

h1, h2 {margin-bottom: 0}

body{
height:100%;
width:100%;
font-family:Arial, Helvetica, sans-serif;
}

div.nepasvoir {display: none;}
td.info{}
td.champ{}
td {padding: 10px 40px;}
td.liste{padding: 5px 40px;}


#site{
min-width:1047px;
max-width:1050px;
height:90%;
margin:5% auto 0 auto;
}

#left{
float:left;
position:relative;
background-color:#FAFAFA;
top:2%;
width:188px;
height:650px;
border-right:1px solid #999999;
}

#left hr{
visibility:hidden;
}

#contact{
position:relative;
height:140px;
width:188px;
overflow:hidden;
}

#contact ul{
margin:15px 0 0 6px;
height:50px;
font-family:Arial, Helvetica, sans-serif;
list-style-type:none;
color:#666666;
font-size:12px;
}

#contact ul li{
}

#contact ul li h2{
font-size:22px;
}

#contact h2:first-letter {
color:#EC33EC;
font-size:25px;
}


#contact ul li a{
color:#000000;
}

#menu{
min-height:485px;
height:485px;
position:relative;
margin:0 0 0 0;
border-top:1px solid #CCCCCC;
}

#menu img{
margin-top:15px;
border:0;
}



#menu ul {
margin-top:30px;
list-style-type:none;
}

#menu ul li {
height:15px;
margin-top:2px;
color:#333333;
border-bottom:1px solid #CCCCCC;
}

#menu ul li a {
text-decoration:none;
color:#333333;
font-weight:500;
margin-left:10px;
}

#right{
position:relative;
display:inline-block;
width:858px;
height:94%;
top:2%;
background-image:url(../image/degrad2.png);
background-position:top right;
background-repeat:no-repeat;
}

#entete{
position:relative;
margin-top:33px;
height:109px;
width:858px;
border-bottom:1px solid #CCCCCC;
}

#entete h2{
color:#CCCCCC;
margin:0 0 0 5%;
font-size:64px;
}

#page{
position:relative;
margin-left:10px;
height:auto;
width:96%;
background-color:#F3F3F3;
overflow:hidden;
}

#texte{
position:relative;
width:55%;
height:610px;
text-align:left;
}

#texte p{
margin-bottom:20px;
}

#texte h2{
margin:20px 0 0 0;
color:#666666;
}

#texte h2:first-letter {
font-size:25px;
font-weight:600;
}

#image{
position:relative;
float:right;
width:40%;
top:10px;
height:500px;
}

image img{
border:0;
}

#image ul{
list-style-type:none;
}

#image ul li{
float:left;
margin:10px 30px 0 0;
}

#image ul li ul{
display:none;
}

#image ul li:hover ul{
display:block; 
position:absolute; 
z-index:999; 
top:230px; 
left:0;
}
#reference{
position:relative;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
height:auto;
width:93%;
padding:20px;
margin:0 0 20px 7px;
font-size:12px;
background-image:url(../image/backgroundtest2.jpg);
}

#reference p{
margin-bottom:10px;
width:650px;
margin-left:50px;
}

#reference h2{
color:#666666;
padding:20px;
}

#reference hr{
margin:20px 0 0 20px;
}

#description{
position:relative;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
height:640px;
width:93%;
padding:20px;
margin:0 0 20px 7px;
background-color:#FFFFFF;
font-size:12px;
}

#description p{
width:300px;
margin:20px 0 0 30px;
}

#description hr{
margin-left:30px;
}

#viewer{
position:relative;
height:120px;
width:100%;
margin:0 0 0 0;
background-color:#FFFFFF;
font-size:12px;
}

#viewer img{
border:0;
}

#viewer ul{
list-style-type:none;
float:left;
background-color:#FFFFFF;
margin:10px 0 0 10px;
}

#viewer ul li{
margin-right:5px;
}

#viewer ul li ul{
display:none;
}

#viewer ul li:hover ul{
display:block; 
position:absolute; 
z-index:999; 
top:150px; 
left:360px;
width:250px;
height:300px;
}



#apropos{
position:relative;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
height:auto;
width:93%;
padding:40px 20px 20px 20px;
margin:0 0 20px 7px;
font-size:12px;
background-color:#FFFFFF;
}

#apropos p{
width:650px;
margin:10px 0 30px 50px;
}

#apropos h2{
margin:20px 0 0 20px;
color:#666666;
}


#boitetexte{
position:relative;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
height:auto;
width:93%;
padding:20px;
margin:0 0 20px 7px;
background-color:#FFFFFF;
background-image:url(degrad2.jpg);
background-repeat:repeat-x;
background-position:bottom;
font-size:12px;
}

#boiteimage{
position:relative;
height:120px;
width:98%;
margin:0 0 0 7px;
background-color:#FFFFFF;
font-size:12px;
}

#boiteimage img{
border:0;
}

#boiteimage ul{
list-style-type:none;
float:right;
background-color:#FFFFFF;
margin:10px 0 0 10px;
}

#boiteimage ul li{
display:block;
margin-right:8px;
}


#boiteimage ul li ul{
display:none;
}

#boiteimage ul li:hover ul{
display:block; 
position:absolute; 
z-index:999; 
top:220px; 
left:150px;
width:250px;
height:300px;
}

#bookmark{
position:absolute;
border:#F7F7F7 5px solid;
height:30px;
width:240px;
left:650px;
padding:10px 0 0 10px;
}

.hr {
display:none;
}

.copyright{
margin:5px 0 0 5px;
font-size:9px;
color:#CCCCCC;
}

.w3c{
position:absolute;
margin:15px 0 0 105px;
}

.w3chtml{
position:absolute;
margin:55px 0 0 105px;
}

.hrpetit{
text-align:left;
width:30px;
}