dl, dt, dd, ul,ul2, li {
margin: 0;
padding: 0;
list-style-type: none;

}
#menu  #menud{
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu  #menud{
/*width: 15em;*/
width: 100%;
}
#menu2 {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 120;
left: 120;
}
#menu2 {
/*width: 15em;*/
width: 100%;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #6C9FEC;
}
#menu dt2 {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 0px solid gray;
background: #6C9FEC;
}
#menu dd {
border: 0px solid gray;
}
#menu dd2 {
border: 0px solid gray;
}
#menu li {
text-align: center;
/*background: #6C9FEC;*/

}
#menu li2 {
text-align: center;
/*background: #6C9FEC;*/

}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #f0f8ff;
}

#menu li2 a, #menu dt2a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li2 a:hover, #menu dt2 a:hover {
background: #f0f8ff;
}


body {
/*background:url(../source/texture220.jpg); */
/*background-color:#DEEDDE;*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#top {
height: 150px;

}
#header {
/*background:url(../source/header-bg.jpg);
background-repeat: repeat-x;*/
height: 120px;

}


#conteneur {
position: absolute;
width: 100%;

}
#main{

margin-left: 250px;
margin-right: 190px;
}
#left {
position: absolute;
left:0;
width: 240px;
}
#right {
position: absolute;
right:0;
width: 180px;
}
#bottom {
/*position:absolute;*/

clear: both;
width: 100%; 
/*bottom:0;*/
text-align: center;
height: 30px;

}





/*======================Coin arrondis===========================================*/
#cadre { 
/*width: 100%;*/
/*background-color: #A3C1FC;*/
background-color: #6C9FEC  ;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 6px; width: 6px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(../source/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(../source/hautdroit.gif);
}
#basgauche {
background: url(../source/basgauche.gif);
}
#basdroit {
float: right;
background: url(../source/basdroit.gif);
}
#contenu p {
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
}
/*===========styles ==========================*/
#style1 {font-size: 30%;}
.style3 {text-align:left;font-size: 080%;}
.style2 {text-align:center; font-family: "Bradley Hand ITC"  ; font-size: 150%;font-weight: bold;}
.style4 {text-align:center; font-size: 100%;}
.style5 {text-align:center; font-size: 300%}
.style6 {text-align:center; font-size: 150%}
.style7 {text-align:left; font-size: 120%;font-family: "Courier New" ;}
.style8 {text-align:center;font-weight: bold;font-size: 150%;font-family: "Bradley Hand ITC" ;}
.style9 {text-align:left;font-weight: bold;font-size: 100%;font-family: "Bradley Hand ITC" ;}
.style10 {text-align:right;font-weight: bold; font-size: 100%;font-family: "Arial" }
.style11 {text-align:left;font-weight: bold; font-size: 100%;font-family: "Arial" }
.style12 {text-align:left; font-size: 130%}
#left a:hover {font-weight: bold;font-size: 100%;color:black;}
#left a {text-decoration:none;color:black;}
#right a {text-decoration:none;color:black;}
#right a:hover {font-weight: bold;font-size: 100%;color:black;}