/****************************************************
#####################################################
##-------------------------------------------------##
##               SNDMO - Version 1                 ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2026             ##
## Date      = avril 2026                          ##
## Author    = olivier angevin                     ##
## Websites  = https://www.diabloedesign.com       ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
.pagewidth{
width:calc(100% - 20px);
}
.header{min-height:80px;max-height:80px;}
.header .pagewidth{height:80px;justify-content:space-between;}
#top-menu{display:none;}
#small-menu{display:block;}
.content-top, #content{margin-top:80px;}
.textes-head .page-header h1{margin-top:50px;}
@media screen and (max-width: 1080px){
	.categ-produits .flex-elements{justify-content:center;}
	.categ-produits .item{margin:10px;}
}
@media screen and (max-width: 990px){
	.content-2 .news-block {width:320px;margin:0 auto;}
}
@media screen and (max-width: 980px){
	.container-nos-services .item-2 .pagewidth, .container-nos-services .item-3 .pagewidth, 
	.container-nos-services .item-4 .pagewidth{flex-direction:column-reverse;align-items:center}
	.container-nos-services .item-content{height:auto;}
}
@media screen and (max-width: 950px){
	.container-accueil .item-leading .item .item-image{width:500px;}
	.container-accueil .items-leading .flex-elements{flex-wrap:wrap;justify-content:center;}
	.container-accueil .items-leading .item:nth-child(2){border-right:0}
	.textes-head .page-header h1{margin-top:10px;}
}
@media screen and (max-width: 949px){
	.container-notre-societe .item-2 ul li:nth-child(4), .container-notre-societe .item-2 ul li:nth-child(8){border-right:0}
	.container-notre-societe .item-2 ul li:nth-child(5){border-right:1px solid #d0d5d4;border-bottom:0;}
	.container-notre-societe .item-2 ul li:nth-child(6),.container-notre-societe .item-2 ul li:nth-child(7){border-bottom:1px solid #d0d5d4;}
}
@media screen and (max-width: 880px){
	.container-notre-societe .item-4 .pagewidth::before, .container-nos-formations .item-3 .pagewidth::before,
	.container-notre-societe .item-4 .item-content, .container-nos-formations .item-3 .item-content{width:50%;}
}
@media screen and (max-width: 820px){
	.content-top .textes ul li:nth-child(3) a{margin-right:0;}
	.container-accueil .items-leading .item:nth-child(2){border-left:0;}
	.content-3 ul{flex-direction:column;}
	.footer ul.menu{padding:0 10px}
}
@media screen and (max-width: 800px){
	.content-top h1, .content-top h2{text-align:center;}
	.content-top .textes ul{flex-wrap:wrap;justify-content:center;}
	.content-top .textes ul li:nth-child(3) a{margin-top:20px;}
	.container-accueil .item-leading .item{justify-content:center;}
	.container-accueil .item-leading .item .item-image{display:none;}
	.items-leading .item-backgroundimg{height:350px;}
	.items-leading .item-backgroundimg img{width: inherit;height: inherit!important;border-radius: inherit;max-width: none!important;min-height: 100%;object-fit: cover;object-position: center center;}
	.items-leading .textes-head,.actu-backgroundimg .page-header{background: rgba(255, 255, 255, 0.5);height:350px;}
	.container-notre-societe .items-leading .textes-head{height:340px;}
	.actu-backgroundimg .item-image{height:350px;}
	.items-leading .textes-head .page-header h1::after, .actu-backgroundimg .page-header h1::after{display:none;}
	.items-leading .textes-head .page-header h1, .items-leading .textes-head .item-1 .item-content,.items-leading .textes-head .desc,.actu-backgroundimg .page-header h1{text-shadow: 1px 3px 10px #474747;}
	.items-leading .textes-head .pagewidth{text-align:center;}
	.items-leading .textes-head .item-1 .item-content,.page-produits .textes-head .desc{width:100%!important;}
	.container-notre-societe .item-3 ul{flex-wrap:wrap;}
	.container-notre-societe .item-3 ul li{border-right:0;}
	.actu-backgroundimg .page-header h1{width:100%; text-align:center;}
	.produit-content .flex-elements{flex-wrap:wrap;flex-direction:column}
	.produit-content .com-content-produit_body, .produit-content .com-content-produit_img{width:100%;position:relative;top:0}
	.produit-content .com-content-produit_img{display:flex;justify-content:center;flex-wrap:wrap;}
	.produit-content .com-content-produit_img .image{margin:10px;width:300px;}
	.item-content{overflow:hidden;}
}
@media screen and (max-width: 768px){
	.container-notre-societe .item-2 ul li:nth-child(3),.container-notre-societe .item-2 ul li:nth-child(6),
	.container-notre-societe .item-2 ul li:nth-child(9){border-right:0}
	.container-notre-societe .item-2 ul li:nth-child(4), .container-notre-societe .item-2 ul li:nth-child(8){border-right:1px solid #d0d5d4;}
	.container-notre-societe .item-2 ul li:nth-child(5){border-bottom:1px solid #d0d5d4;}
	.container-notre-societe .item-2 ul li:nth-child(7){border-bottom:0;}
}
@media screen and (max-width: 750px){
	.content-4 ul{flex-direction:column;align-items:center;}
	.content-4 h4::before, .content-4 h4::after{width:100px;}
}
@media screen and (max-width: 700px){
	.footer .pagewidth{flex-direction:column;justify-content:center;}
	.footer .menu-bas{border:0;}
	.footer .reseaux{flex-direction:row;}
	.footer .reseaux a{margin:5px;}
}
@media screen and (max-width: 650px){
	.container-notre-societe .item-4 .pagewidth::before, .container-nos-formations .item-3 .pagewidth::before{display:none}
	.container-notre-societe .item-4 .item-content, .container-nos-formations .item-3 .item-content{width:100%;}
	.container-notre-societe .item-4 .item-content ul, .container-nos-formations .item-3 .item-content ul{display: flex;flex-direction: column;justify-content: center;align-items: center;}
}
@media screen and (max-width: 585px){
	.container-notre-societe .item-2 ul li:nth-child(3), .container-notre-societe .item-2 ul li:nth-child(9){border-right:1px solid #d0d5d4;}
	.container-notre-societe .item-2 ul li:nth-child(8){border-right:0;border-bottom:1px solid #d0d5d4;}
	.container-notre-societe .item-2 ul li:nth-child(7){border-bottom:1px solid #d0d5d4;}
}
@media screen and (max-width: 580px){
	.content-top .textes ul, .content-4 h4::before, .content-4 h4::after,
	.content-4 h3::before, .content-4 h3::after{display:none}
	.copyright{flex-direction:column;}
	.copyright span:nth-child(2)::before, .copyright span:nth-child(2)::after{display:none;}
}
@media screen and (max-width: 480px){
	.content-top h1{font-size:40px;line-height:40px;}
	
}
@media screen and (max-width: 450px){
	.footer .menu-bas{flex-direction:column;text-align:center;}
}
@media screen and (max-width: 420px){
	.content-3 ul li{width:calc(100% - 20px)}
	.content-4 h3, .content-4 ul, .content-4 h4{font-size:20px}
}
@media screen and (max-width: 404px){
	.container-notre-societe .item-2 ul li{border-right:0!important;}
	.container-notre-societe .item-2 ul li:nth-child(9){border-bottom:1px solid #d0d5d4;}
}
 /**end file***/