@charset "utf-8";
/* CSS Document */

#bande
{
width:auto;           /*taille div */    
background-image:url(aufildesoiDocs/bandehaut.jpg);
text-align:left;
margin:0px;
border:none;
}

#menu
{
height:1000px;
width:130px;
border:none;
margin-top:0px;
background-color:#F2F2F2;
padding-left:0px;
padding-top:10px;
float:left;
}

.taijimenu {height:100%;}

.taijimenu ul
{
width:130px;
border:none;
list-style-type:none;
list-style-position:inside;
line-height:30px;
margin:0px;
padding:5px;
float:left;
} 

.taijimenu a     /*attribut des textes liens */
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
}

.taijimenu a:hover     /*attribut des textes liens cliqués */
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#336699;
font-weight:bold;
text-decoration:none;
}

@media (min-width:150px) and (max-width:499px){

#bande p img{width:100%;height:auto;}  

.taijimenu ul
{width:82px;}

#menu{width:82px;}
.taijimenu ul{width:82px;}

li {
border:1px;
padding:2px;
margin:5px;
border-color:#666666;
border-style:dotted;   /*border-style:dashed; pour tirets*/
}

}

 @media (min-width:500px) {
 
  }