body {
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 12px;
color:#666666;
background-color:purple;
background-image:url(images/fond.jpg);
background-attachment:fixed;
padding:0px;
margin:0px;
}

a:link {
	color: #666666 ;
	text-decoration: none;      
  border-bottom: 2px solid #666666;
}

li {
font-family: Times New Roman, serif;
font-size: 100%;
list-style-type: none;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
background-position: 0% 15%;
padding-left: 5px;
padding: 8px;
text-decoration: none;
}

p {
margin: 0 0 10px 0;
}
#header {
background-image:url(fondbois.jpg);
height: 130px;
padding-top: 2px;
padding-left: 190px;
}
#dolls {
padding-left: 460px;
}

#conteneur {
position: absolute;
width: 100%;
background: transparent;
}

#centre {
background: transparent;
}

#pied {
clear:both;
height: 50px;
background-image:url(fondbois2.jpg);
}

h1.titre {font-size:100%;  color:black}

.cadredumenudroite 
a:link {
	color: #666666;
	text-decoration: none;      
  border-bottom: 2px solid #666666;
}
a:visited {color: #666666; 
  text-decoration: none;             /* Suppression du soulignement normal */
  border-bottom: 2px solid #666666; /* Plus l'épaisseur est grande, plus les points seront gros */
} 
a:hover { color: #666666;
  text-decoration: none;             
  border-bottom: 3px solid #666666; 
}

.cadredumenudroite {
font-size:15px;
float:right;
text-align:center;
width:200px;
line-height: 35px ;
text-indent: 17px ;
padding:8px;
padding-top: 0px;
padding-bottom: 2px;
padding-right: 0px;
margin-left: 5px; 
background-color: transparent;
border:0px solid #666666; /* cadre menu */
}

/* photo avec description */
.illustration {
	float: left;
	width: 180px; /* important */
/*	border-collapse: collapse;  cosmétique */
	margin:30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color:black;
}
.illustration td {
	padding: 5px; /* cosmétique */
	border:6px solid #666666; /* 3px de base */
}

.illustration td .vert {
            color: green;
            font-size: 14px;
            text-align: center;
            background-image: url(images/ok.png);
			background-repeat: no-repeat;
			background-position: 2% 0%;
			padding: 5px;
}
 
.illustration td .orange {
            color: #FFA500;
            font-size: 14px;
            text-align: center;
            background-image: url(images/pas.png);
			background-repeat: no-repeat;
			background-position: 2% 0%;
			padding: 5px;
}              
        
         
.illustration td .rouge {
            color: red;
            font-size: 14px;
            text-align: center;
            background-image: url(images/pasok.png);
			background-repeat: no-repeat;
			background-position: 5% 0%;
			padding: 5px;
}

.annonce div .vert {
            color: green;
            font-size: 14px;
            text-align: center;
            background-image: url(images/ok.png);
			background-repeat: no-repeat;
			background-position: 2% 0%;
			padding: 5px;
}
 
.annonce div .orange {
            color: #FFA500;
            font-size: 14px;
            text-align: center;
            background-image: url(images/pas.png);
			background-repeat: no-repeat;
			background-position: 2% 0%;
			padding: 5px;
			padding-left: 28px;
}              
        
         
.annonce div .rouge {
            color: red;
            font-size: 14px;
            text-align: center;
            background-image: url(images/pasok.png);
			background-repeat: no-repeat;
			background-position: 2% 0%;
			padding: 5px;
			padding-left: 25px;

}

.annonce div {
            width: 166px;
            height: 420px;
            border:6px solid #666666;
            background-color:black;
            margin: 8px; /* Marge extérieure de 10px */
            padding: 4px; /* Marge intérieure de 5px */
            float: left;
}


.annonce div 
a:link {
	color: #666666 ;
	text-decoration: none;      
  border-bottom: 0px solid #666666;
}
.annonce div a:visited {color: #666666 ; 
  text-decoration: none;             /* Suppression du soulignement normal */
  border-bottom: 0px solid #666666; /* Plus l'épaisseur est grande, plus les points seront gros */
} 
.annonce div a:hover { color: #666666 ;
  text-decoration: none;             
  border-bottom: 0x solid #666666; 
}
.annonce div a img:link{
		background-color:transparent;
		border: none;
		}
.annonce div a img:hover{
		background-color:transparent;
		border: none;
		}
.annonce div a img:visited{
		background-color:transparent;
		border: none;
		}		
a img
{
border:0px;
}

#global { 
  position: relative; /* on positionne le conteneur */ 
  margin-left: auto; 
  margin-right: auto; 
  width: auto; 
  text-align: left; 
}

.annonce div div.scroll {
height: 170px;
width: 160px;
overflow: auto;
border: 6px solid #666;
margin-left: -5px; /* Marge extérieure de 10px */

}