body {
    background-image: url(../images/mandala_o7.jpg);
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-align: justify;
    color:#7E7669;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:100%;
    background-attachment:fixed;
 }

 .arrondi {
     border-radius: 15px; /* propriété CSS3 */
     -moz-border-radius: 15px; /* compatibilité avec Firefox */
     -webkit-border-radius: 15px; /* compatibilité avec les navigateurs Webkit */
     }

h1 {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 18px;
    color:#36923F;
    font-weight:bolder;
 }
h2 {
 font-size: 25px;
 font-weight: bolder;
 color:#36923F;
 margin-top: 18px;
 margin-bottom: 10px;
 }

div[class^="col"] {
    margin-bottom: 12px;
    margin-top: 0px;
    
 }
 p {
     font-size: 18px;
     margin-bottom: 12px;
     margin-top: 12px;
     
     
 }
.p_gras {
    font-weight: bolder; 
 }
 .p_c {
     text-align: center;
     
 }

 .p_footer {
    font-size: 14px;
 }

 .s_puce {
    list-style-type: none ;
 }

 .img_petite {
    width: 100px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

 .img_moyenne {
     width: auto;
     height:200px;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 .img_wi {
     width: 100%;
     height: auto;
 }

 ol li {
    font-size: 18px;
    margin-top: 36px;
    margin-bottom: 36px;
 }

 
 .Attention {
    border: 5px solid #F2ECE7;
    background-color: #F2ECE7;
    box-shadow: -5px 5px 5px #A0978F;
    border-radius: 15px;
    padding: 10px 10px; 
    display:block;
    width: 100%;
    height: auto;
    text-align: center;
}

.Danger {
    float: left;
    width:60px;
    height:55px;
    margin-right: 10px;
}

.nav-item {
    background-color: #A0978F;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: white;}
    

.nav-item:hover{
    background-color: #7E7669;
    color:white;}

.ali_g {
    text-align: left;
}
 
 #logoet{
     width: 400px;
     margin: auto;   
 }
 
 .footer {
     height: 130px;
     background-color:#7E7669;
     align-items: center;
     text-align: center;
     color: white;
     padding: 15px;
 }

 #logofo {
     width: 70px;
     margin-bottom: 5px;
 }
 
 .picto{
     width: 30px;
     height: auto;
     margin-top:5px;
     margin-bottom: 5px;
 }

 .td_c {
     text-align: center;
 }

 .btn-primary {
     background-color: #A0978F;
     border:#A0978F;}

 .btn-primary:hover{
    background-color: #7E7669;
    color:white;}

.formu {
    width: 100%;
    height: 50px;
    background-color: #F2ECE7;
    border-radius: 15px;
    padding: 5px;
}

.formu_t {
    width: 100%;
    height: 200px;
    background-color: #F2ECE7;
    border-radius: 15px;
    padding: 5px;
}
.formu_p {
    width: 30%;
    height: 50px;
    background-color: #A0978F;
    color:white;
    border-radius: 15px;
    border:#A0978F;
}