@font-face {
	font-family: 'OpenSans';
	src: url('OpenSans.ttf');
}
.date {
    font-family: 'OpenSans';
    font-size: medium;    
}

.bouton{
    font-family: 'OpenSans';
    font-size: medium;   
    background-color: rgb(225, 127, 255); 

}

.bassin{
    display:none;
    margin-bottom: 150px;
}

.etiquette_action{
    border-left: 5px solid #1C6EA4;
    border-radius: 0px 0px 0px 10px; 
    border-bottom: 5px solid #1C6EA4;
    border-radius: 0px 0px 0px 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.titre_bassin{
    font-family: 'OpenSans';
    font-size: large;
    font-weight: bold;  
    color: #1C6EA4
   

}

.container{
    display:flex;
    flex-wrap: wrap
}

.item1{
    background-color: aquamarine;
    flex-grow:4;
    flex-basis:0;
    margin: 2px;
    font-family: 'OpenSans';
    font-size: medium;
    font-weight: bold;   
}
.item2{
    background-color: aquamarine;
    flex-grow:1;
    flex-basis:0;
    margin: 2px;
    margin-left: 0px;
    font-family: 'OpenSans';
    font-size: medium;
    font-weight: bold;  
    text-align: right;    
}
.item3{
    /* background-color: rgb(138, 127, 255); */
    flex-grow:4;
    flex-basis:0;
    margin: 2px;
    font-family: 'OpenSans';
    font-size:1em;    
   
}
.item4{
    /* background-color: rgb(255, 244, 127); */
    flex-grow:1;
    flex-basis:0;
    margin: 2px;
    font-family: 'OpenSans';
    font-size:small;       
}
.vignette{
    max-width: 200px;
    max-height: 100px;
    width:auto;
    height:auto;   

}