.accordion-container {
max-width: 98%;  
}
.accordion-header { color: #444; margin-top: 21px; 
padding-top: 11px;
padding-left: 4px;
padding-right: 4px;  text-align: left; 
background: #f9f9f9;
border: 1px solid #aaa;
border-radius: 4px;  
outline: none;
font-size: 14px; 
transition: 0.4s;
}
.accordion-header:hover {
background-color: #ddd;
}
.accordion-header i {
margin-right: 4px;
}
.accordion-content {
padding: 0 10px;
background-color: white;
max-height: 0;
max-width: 98%;  
overflow: hidden;  
transition: max-height 0.2s ease-out;
}
@media (max-width: 767px) {
.accordion-header {
font-size: 16px;
}
}
@media (min-width: 768px) {
.accordion-header {
font-size: 16px;
}
}
.bjmf {
margin: 0 auto;
display: inline-block;
border: 1px solid #9cc8ff;
border-radius: 4px;
background-color: #eef6ff; 
color: #6b6b6b;
text-align: center;
font-weight: 700;
text-decoration: none;
font-family: Arial,sans-serif;
min-width: 1%;
padding: 4px;
}
.bjmf:hover {
background-color: #e1eef8;	
color: red;
}
.encadrer { 
border: 1px solid black; 
padding: 5px; 
}
.ancre {
margin: 0 auto;
display: inline-block;
border: 1px solid #007dac;
border-radius: 4px;
background-color: #c8e6ff; 
color: #6b6b6b;
text-align: center;
font-weight: 700;
text-decoration: none;
font-family: Arial,sans-serif;
min-width: 20%;
padding: 7px 10px;
}
.ancre:hover {
background-color: #e1eef8;	
color: red;
}
.flotte-r {
float: right;
}
.flotte-R2 {
float: right;
margin-top: 50px;
}
.flotte-l {
display:block;
float: left;
}
#float-r {
display:block;
float: right;
}
#float-l {
float: left;
}
.flotte-rightI {
float: right;
text-align: left;
}
.flotte-right {
float: right;
}
#flotte-right {
display: block;
overflow: hidden;
}
.flotte-rightFB {
float: right;
margin-right:5px;
margin-top: 10px;
}
.flotte-right-FL {
float: right;
margin-right: -42px;
margin-top: -45px;
}
.flotte-right_70px {
float: right;
margin-right: 70px;
}
.flotte-left {
float: left;
position: absolute; left: 20%; }
#flotte-left {
display: block;
overflow: hidden;
}
.encadre-ombre {
clear: both;
border: 1px solid #DA4453;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 8px 8px 12px #aaa; 
padding: 6px 6px 6px 6px;
}
#encadre-ombre {
overflow: hidden;
}
.encadre-pub {
clear: both;  
background: rgb(158,157,157, 0.2) ;  
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 8px 8px 12px #aaa; 
padding: 6px 6px 6px 6px; 
}
#encadre-pub {
overflow: hidden;   
}