body{  
    background-color:#000000;
    font-family: Verdana, sans-serif;
    width:80%;
    max-width:1280px;
    margin: auto;

    }
/*---------------------------*/
/* -- affichage 2 colonnes --*/
/*---------------------------*/
.ligne{
    width: 100%;
    background-color: #ffffff;    
}

ligne:after{
    content:"";
    display:table;
    clear:both;
}

.colonne{
    float:left;
}

/*--------------------------------------------------*/
/* -- premiere colonne    --------------------------*/
/*--------------------------------------------------*/

#bandeau{
    width:30%;
    background-color: #000000;
    max-width:180px;
    position:fixed;
}

#bandeau img{
    width:100%;
    max-width:180px;      
}

/*--------------------------------------------------*/
/* -- seconde      colonne -------------------------*/
/*--------------------------------------------------*/
#contenu{
    width:70%;
    background-color:#ffffff;
    margin-left:180px;
}

/*---------------------------*/
/* -- logo ------------------*/
/*---------------------------*/
header{
    width:100%;
    background-color:#000000; 
    height : 180px;
    text-align: right;
    }
    
header img{
    max-height:150px;
    margin:18px;
}

/*---------------------------*/
/* -- liste -----------------*/
/*---------------------------*/

ul{
  list-style-type: none;
  width: 100%;

}

li {
    border-radius:0 0 5px 5px;
    border:solid 2px red;
    padding:5px;
    text-align: center;    
    margin-right:15px;
    margin-bottom:15px;
}


/*---------------------------*/
/* -- couleur bordure--------*/
/*---------------------------*/
.rouge a{        
     color: #e75d5a;
     text-decoration: none;
}

.rouge{        
     border-color: #e75d5a;
}

.vert{
    border-color:#8fce1f;
}

.bleu{
   border-color:#63bcf5;
}

.rose{
    border-color:#f8838f;
}

.jaune{
    border-color:#f5eb05;
}
/*---------------------------*/
/* -- image footer   --------*/
/*---------------------------*/

img#partenaire{
        width: 100%;
    max-width: 900px;
    
}