body {
margin : 10px 0; 
padding : 0; 
text-align : center; 
font : 0.8em "Trebuchet MS", helvetica, sans-serif; 
background : #fff url(bg.gif) repeat-x fixed 50% 0%; 
} 
div#conteneur {
width : 1070px; 
margin : auto  auto; 
text-align : left; 
} 
h1#entete {

height : 90px; 
background : #000 url(header3.gif) no-repeat 0% 0%; 
margin : 0; 
border-top : 2px solid #000; 
border-right : 2px solid #000; 
border-bottom : 1px solid #000; 
border-left : 2px solid #000; 
} 

#horiz {
text-align=center;
width : 1066px; 
} 
ul#horiz {
text-align : center;
height : 20px;
margin : 0; 
padding : 0; 
background : url(bg_menu1.gif) repeat-x 0 -20px; 
list-style-type : none; 
border-right : 2px solid #000; 
border-left : 2px solid #000;
} 
ul#horiz li {
float : left; 
text-align : center; 
} 
ul#horiz li a {
padding : 0 10px; 
line-height : 20px; 
font-size : 1.0em; 
font-weight : bold; 
letter-spacing : 1px; 
color : #000; 
display : block; 
text-decoration : none; 
border-right : 1px solid #a8d4ff; 
} 
ul#horiz li a:hover {
background : url(bg_menu1.gif) repeat-x 0 0; 
border-right : 1px solid #a8d4ff; 
} 
div#contenu {
margin : 0 0 0 155px; 
padding : 0 15px 0 20px; 
background : #fff; 
border-top : 1px solid #000; 
border-right : 2px solid #000; 
border-bottom : 1px solid #000; 
border-left : 2px solid #000; 
} 
div#contenu h2 {
padding-left : 10px; 
line-height : 30px; 
font-size : 1.4em; 

color : #000; 
border-bottom : 1px solid #000; 
} 
div#contenu h4 {
text-decoration : underline;
font-style : italic;
font-weight : bold;
} 
div#contenu h5 {
font-size : 0.8em; 
} 
div#contenu p {
margin-left : 15px; 
text-align : left; 
line-height : 1.7em; 
color : #000; 
} 
div#contenu table {
margin-left : 7px; 
text-align : left; 
line-height : 1.7em; 
color : #000; 
} 
div#contenu a {
color : #000; 
text-decoration : none;
padding: 0px;
} 
div#contenu a:hover {
color : #000; 
} 
div#contenu h2 a , div#contenu h3 a {
color : #000; 
text-decoration : overline; 
} 
div#contenu h2 a:hover , div#contenu h3 a:hover {
color : #000; 
text-decoration : none; 
} 
pre {
overflow : auto; 
} 

#vertical {
position : relative; 
float : left; 
left : 0; 
text-align : left; 
background : #9398ff; 
border-top : 1px solid #000; 
border-right : 2px solid #000; 
border-bottom : 2px solid #000; 
border-left : 2px solid #000; 
padding : 0; 
width : 160px; 
} 
div#vertical h2 {
padding-left : 10px; 
line-height : 30px; 
font-size : 1.4em; 
color : #ffff23; 
border-bottom : 2px solid #000; 
text-align : left; 
} 
div#vertical h2 a {
color : #000; 
text-decoration : none; 
} 

div#vertical h3 {

height : 150px;
padding-left : 10px; 
line-height : 30px; 
font-size : 1.4em; 
color : #ffff23; 
border-bottom : 2px solid #000; 
text-align : left; 
background : #ffffff
} 



div#vertical p {
margin-left : 5px; 
color : #000; 
} 
.menuv {
list-style-type : none; 
margin : 0; 
padding : 0; 
cursor : pointer; 
} 
ul.menuv li {
text-align : left; 
} 
ul.menuv li a {
display : block; 
width : 140px; 
padding : 2px 0 2px 10px; 
font-size : 11px; 
color : #ffff8a; 
background : #9398ff; 

text-decoration : none; 
} 
ul.menuv li a:hover {
color : #fd3853; 
background : #ceceff; 
font-weight : bold;
font-size : 0.9em;
} 



.menuvi {
list-style-type : none; 
margin : 0; 
padding : 0; 
 
} 
ul.menuvi li {
text-align : left; 
} 
ul.menuvi li a {
display : block; 
width : 140px; 
padding : 2px 0 2px 10px; 
font-size : 11px; 
color : #1902fb; 

border-top : 3px solid #000000;
border-bottom:1px dotted #000000; 
text-decoration : none; 
} 
ul.menuvi li a:hover {
color : #e102fb; 

} 



div#menuv2 {width: 100px;}

/* fond blanc pour le menu */ 
div#menuv2 a {color:#ffff8a;}
div#menuv2 ul {padding: 0; width: 150px; margin:0px; background: #9398ff;}
div#menuv2 ul ul ul{padding: 0; width: 150px; margin:0px; background: #9398ff;}



div#menuv2 a:hover {color:#fd3853;}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menuv2 li:hover {

background : #ceceff; 
font-size : 16px;
font-weight : bold;
 }
div#menuv2 ul.niveau2 ,div#menuv2 ul.niveau3{
 width: 300px;
}
 
 
 
 
div#menuv2 li.sousmenu:hover {

background : #ceceff;


}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menuv2 li.sousmenu {background: url(fleche.gif) 100% 50% no-repeat;}
div#menuv2 li.sousmenu:hover {background: #ceceff url(fleche2.gif) 100% 50% no-repeat;}

div#menuv2 ul li {position:relative; list-style: none; }
div#menuv2 ul ul {position: absolute; top: -1px; left: 150px; display:none}
div#menuv2 ul ul ul{ position: absolute; top: -1px; left: 300px; display:none }


/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 140-(8 de bordure + 8 de padding) =124 */ 
div#menuv2 li a {text-decoration: none; padding: 2px 0 2px 10px; width: 124px }
div#menuv2 ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block}
div#menuv2 ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block; width: 350px }