/* Ceci est un ficher CSS, appelé "designv2.css"*/

body
{ 
width: 760px;
margin:auto; 
margin-top: 20px; 
margin-bottom: 20px;
background-image: url("ciel1.jpg");
background-repeat: repeat; 

/*background-color: #FFFFCC;*/
} 


div {
	text-align:left;
	}
	
#banniere
{
margin: auto;
width:791px;
height:295px;
padding:0;
background-image:url("../images/banniere.jpg");
backgroung-repeat:no-repeat;
margin-top:30px;
margin-bottom:0;
color: red;
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black; /* Les liens seront en rouge au lieu de bleu */
   font-style: none; /* Les liens seront en italique (pourquoi pas ?) */
}

.important
{
font-family: "Arial Black", Arial, Verdana, serif;
text-align: center;
color: RED;
font-size: 18px;
font-weight: bold;
}
.listemenu
{
font-family: "merced", Arial, Verdana, serif;
text-align: left;
color: #993300;
font-size: 20px;
font-weight: bold;
}

.listemenu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #FFFFCC;
color: #FF66FF;
}
p
{
font-family: "merced", Arial, Verdana, serif;
text-align: left;
font-size: 18px;
text-indent: 20px;
color: #000033;
}
.reference
{
text-align: center;
font-size: 80%;
font-weight: bold;
}
.retrait
{

text-align: left;
list-style-image: url("logo1.jpg");

}
.presentation
{
width: 50%;
margin-right: auto;

}

.description
{
text-align: center;
font-size: 17px;
}

.prix
{
text-align: center;
font-size: 19px;
}
.titre2
{
font-family: "Arial Black", Arial, Verdana, serif;
text-align: center;
font-size: 19px;
font-weight: bold;
}

#entete
{
   margin-top: 0px;
   width: 760px;
   height:90px;
   margin-bottom: 0px;
   background-image: url("ponttest5.jpg");
}

#contenu {
	width:100%;
	height:340px;
	border: 1px solid black;
	background-color: #FFFFFF;
	}
/* Le menu */
#boite
{
 float: left; /* Le menu flottera à gauche */
 width: 230px;
 height:490px;
 background-color:#339933;
 border: 3px solid #336633;
 margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
 z-index:100;

}


#menu
{
 float: left; /* Le menu flottera à gauche */
 width: 180px;
 height:40px;
 background-color:#339933;
 border: none;
 margin-left: 5px
 margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
 z-index:100;

}

#corps
{
position: relative;
padding: 0px;
 width: 500px;
 height:450px;
 background-color:none;
 border: 0px solid black;
 margin-left: 100px;
 margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
 z-index:100;

}

#avis
{
   float: right; /* Le menu flottera à droite */
   width: 100px; /* Très important : donner une taille au menu */
	height:50px;
	margin-right: 40px;
	margin-top: 2px;
	background-color:#FF66FF;
   border: 2px solid black;
   margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#ref
{
   float: right; /* Le menu flottera à droite */
   width: 50%; /* Très important : donner une taille au menu */
	height:20px;
	margin-right: 25%;
	margin-top: 5px;
	background-color:#FF66FF;
   border: 2px solid black;
   margin-bottom: 5px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#pieddepage
{
   height:4px;
   width: 750px;
   text-align: center;
   margin-top: 5px;
   margin-bottom: 2px;
   color: #B3B3B3;
   background-color: #FF66FF;
   border: 1px solid black;
}

<dstyle type="text/css" media="screen">
 
 
li {
	list-style-position: inside;
	list-style-image: url("logo1.jpg");
}

dl, dt, dd, ul{
margin-left: 0;
padding: 0;
}

#menu dt {
cursor: pointer;
margin: 2px 0;
width: 170px
height: 20px;
line-height: 30px;
text-indent: 15px;
text-align: left;
font-weight: bold;
color: white;
border: 1px solid #336633;
background: #33CC33;
}

#menu dd {
border: 0 none;
}

#menu li {
text-indent: 15px;
text-align: left;
background: #33CC33;
color: white;
}

#menu li a {
color: white;
text-decoration: none;
display: block;
border: 0px solid #336633;
height: 100%;
}

#menu dt a {
color: white;
text-decoration: none;
display: block;
border: 1px solid #336633;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
color: #336633;
font-style: italic;
text-decoration: none;
background: #FFFFCC;
}

</style>