/* douceur nature */

.BackPage
{
    
margin-top:  100px;
}

.ImgDouceurNature
{
    width:100%;
    display:block;
    margin:0 auto;  
}

.ImgPicture
{
width:100%;    
}


.ImgLogoDouceurNature
{
    width:20%;
    display:block;
    margin:0 auto;
}

h1
{
font-size: 20px; 
text-align: center; 
width:96%  
}

h2
{
text-align: center;
}

.Formulation
{
font-weight: 300;   
}

.ContenantTexteDouceurnature
{
font-size: 16px;    
width:70%;

margin:0 auto;
}

.ContenantTexteDouceurnature div
{
margin-bottom: 15px;
}

.NomColis
{
font-size: 22px;
text-align: center;
margin-top: 40px;
}
.ContenuColis
{
width:50%;

margin:0 auto; 
display: flex; 
flex-flow: row wrap;
border-bottom: ridge 1px grey;
background-color: whitesmoke;
}

.ContenuColis img
{
width:100px;
height:100px;
}

.ContenuColis div
{
    display: table;
    font-size: 15px;
}

.ContenuColis span{
    vertical-align: middle;
    display: table-cell;
    padding-left:10px
}

.ContenantBoutonAction
{
 width:40%;  
 margin:0 auto; 
}

.ContenantPrix
{

width:50%;
text-align: right;
font-size: 16px;    
margin:0 auto;
margin-top:15px;
}


 /* creacolor */
 .ContenantTexteCreacolor
 {
 font-size: 16px;    
 width:70%;
 
 margin:0 auto;
 }
 
.TitreCreaColor
{
    margin-top:15px;
}


 /* creacolor */

.ContenantTexteNaturalcc
{
    font-size: 16px;    
    width:50%;
    
    margin:0 auto;
}




.Auto
{
width:auto;  
display: block;  
margin:0 auto;
}


.Auto100
{
width:100%;  
display: block;  
margin:0 auto;
}

.Auto20
{
width:20%;  
display: block;  
margin:0 auto;
}

.Font24
{
font-size:24px;
}

.Font18
{
font-size:18px;
}

.Font13
{
font-size:13px;
}

.ContenantColisCreacolor {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    margin-top: 50px;
   
}

.ContenantNuancePastelpainting {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    margin-top: 50px;
   
}

.ContenantNuancePastelpainting img
{
width:250px;
margin-bottom: 15px;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}


.ContenantColisCreacolor div {
   margin-bottom: 20px;
   
}
.image-contenant-colis {
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
    width:350px;
    height: 595px;
}










@media screen and (max-width: 700px)

{

    .ContenuColis
    {
    width:90%;
    }

    .ContenantBoutonAction
    {
    width:90%;  
    }

    .ContenantPrix
    {
    width:90%;
    }
  /* douceur nature */
}