/* ------------------   CSS ---------------------------*/
@import url("style_index_root.css");
@import url("style_header.css");
@import url("style_header_bottom.css");
@import url("style_footer.css");

@import url("style_index_bloc_0_up.css");
@import url("style_index_bloc_0.css");
@import url("style_index_bloc_1.css");
@import url("style_index_bloc_2.css");
@import url("style_bloc_7.css");
@import url("style_bloc_8.css");
@import url("style_index_bloc_aide_rapide.css");
@import url("style_index_bloc_archive.css");

@import url("style_passer_commande.css");

@import url("style_bloc_categorie_classe_produit.css");

@import url("style_bloc_media_home.css");

@import url("style_bloc_publicite.css");

@import url("../JSfolder/jquery-ui-1.12.1/jquery-ui.css");

body {
	width: auto; /* Largeur in px or % */
	height: auto; /* Hauteur in px or % */
    margin: auto; /* Marge in px*/
	padding: auto; /* Marge interieure*/
	background-color: rgb(242, 245, 248); /* Couleur de fond */
}

.index-bloc-media{
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    border-radius: 15px;
}
.index-bloc-media-box-1{
    text-align: center;
    color: rgb(40, 50, 80);
}
.index-bloc-media-box-2{
    margin: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.index-bloc-media-box-2-item-image{
    margin: 10px;
    height: 160px;
    width: 200px;
}
.image_media{
    height: 160px;
    width: 200px;
}
.index-bloc-media-box-2-item-video{
    margin: 10px;
    height: 300px;
    width: 400px;
}
.index-bloc-media-box-2-item-video video {
    height: 300px;
    width: 400px;
    
}
.index-bloc-media-box-3{
    text-align: center;
}

@media all and (max-width: 1024px) {
    .index-bloc-media-box-2-item-video{
        height: 200px;
        width: 300px;
    }
    .index-bloc-media-box-2-item-video video {
        height: 200px;
        width: 300px;
        
    }
}



/*===================================================================================================*/