body {behavior: url(csshover.htc);}

html, body {
height : 100%;
width : 100%;
margin : 0;
padding : 0;
background : #99b7e0;
font : 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#container {
margin : 0 auto;
width : 785px;
height : 100%;
padding : 0;
border : 0 solid red;
}
#menu {
position : absolute;
margin : 0;
width : 785px;
z-index : 99;
}
#header {
height : 91px;
background : url(img/fd_titre.gif) 0 0;
background-repeat : no-repeat;
border : 0 solid red;
}
#recherche {
position : relative;
top : 33px;
left : 530px;
width : 250px;
height : 29px;
padding : 0;
margin : 0;
border : 0 solid red;
}
#masque {
background : url(img/fond.jpg) 0 0;
position : relative;
top : 29px;
left : 0;
width : 430px;
height : 29px;
z-index : 99;
padding : 0;
margin : 0;
}
#site {
position : absolute;
top : 91px;
margin : 0 auto;
z-index : 1;
color : #000;
background : #04124d;
width : 785px;
padding : 0 0 0 0;
height : 100%;
}
#diapo a {
background : url(img/diapo_off.gif) 0 5px;
display : block;
float : right;
width : 30px;
height : 30px;
margin-right : 42px;
border : 0 solid red;
}
#diapo a:hover {
background : url(img/diapo_on.gif) 0 5px;
}
#pdf a {
background : url(img/logo_acrobat.gif) no-repeat 0 5px;
display : block;
float : right;
width : 30px;
height : 30px;
margin-right : 50px;
border : 0 solid red;
}
#pdf a:hover {
background : url(img/logo_acrobat.gif) no-repeat 0 5px;
}
form {
border : 0 solid green;
margin : 0;
}
.mentions {
position : absolute;
top : 300px;
left : 10px;
color : #000;
background-color : #ddd;
}
#AffRecherche {
margin : 0 auto;
z-index : 1;
color : #000;
background : #04124d;
width : 765px;
padding : 40px 0 0 20px;
height : 100%;
border : 0 solid red;
}
#AffRecherche p {
width : 600px;
text-align : center;
}
#AffRecherche a {
color : #fff;
}
#diaporama {
margin : 0 auto;
z-index : 1;
color : #000;
background : #04124d;
width : 765px;
padding : 40px 0 0 20px;
height : 3500px;
border : 0 solid red;
}
#diaporama p {
width:85px;
float : left;
text-align : center;
}
#diaporama p.paire {
padding : 5px 8px 5px 1px;
}
#diaporama p.impaire {
padding : 5px 1px 5px 8px;
}
#diaporama a {
color : #fff;
}
#panier a {
background : url(img/voir_off.gif) 0 5px;
display : block;
float : right;
width : 30px;
height : 30px;
border : 0 solid red;
}
#panier a:hover {
background : url(img/voir_on.gif) 0 5px;
}
#plus a {
background : url(img/plus_off.gif) 0 5px;
display : block;
float : right;
width : 30px;
height : 30px;
border : 0 solid red;
}
#plus a:hover {
background : url(img/plus_on.gif) 0 5px;
}
#vider a {
background : url(img/vider_off.gif) 0 5px;
display : block;
float : right;
width : 30px;
height : 30px;
margin-right : 5px;
border : 0 solid red;
}
#vider a:hover {
background : url(img/vider_on.gif) 0 5px;
}


/* MENU déroulant */

#menunav {
width : 100%;
margin : 0;
padding : 0;
list-style-type : none;
background : url("img/fond.jpg") repeat-x 0 0;
height : 28px;
}
#menunav li {
float : left;
width : 98px !important;
margin : 0;
padding : 0;
border : 0;
text-align : center;
font-size : 9px;
display : block;
text-decoration : none;
}
ul, li, a {
display : block;
margin : 0;
padding : 0;
border : 0;
}
li.rubrique > ul {
left : 140px;
}
a {
padding : 0;
text-decoration : none;
color : #111;
width : 100%;
}
li > a {
width : auto;
}
li a.first-rub {
background : url("img/fond_tiret.jpg") 0 0;
height : 28px;
padding-top : 2px;
}
li a.second-rub {
padding : 2px 0px 2px 2px;
background-color : #eee;
font-size : 1em;
border-bottom : 2px solid #fff;
text-align : left;
width : 96px;
}
li.rubrique a:hover {
background-color : #cccccc;
}
li a.first-rub:hover {
background : #555;
color : #fff;
}
li.rubrique:hover {
z-index : 100;
}
ul ul, li:hover ul ul {
display : none;
}
li:hover ul, li:hover li:hover ul {
display : block;
}


/* debug */