/*
Theme Name: Divi Enfant par Incomm
Description: Theme enfant du theme Divi
Author: Incomm
Author URI: https://www.incomm.fr
Template: Divi
Version: 1.0
*/

/*--------------------------EDITO---------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.edito p{
	font-family:"Open Sans", sans-serif;
	color: #000000 ;
	font-size:16px ;
	font-weight:normal ;
}

.edito a{
	color:#9a021e ;
	background-color:#fff;
	font-weight:600 ;
}

.edito a:hover{
	color: #535353 ;
	background-color:#fff;
	font-weight:600 ;
}
	
.edito b strong {
	font-weight:200 ;
}	

.edito ul{
    color:#000000;
    font-size:18px ;
}

.edito li{
	margin-bottom:3px ;
	margin-top:3px ;
}

.edito hr{
	background-color:#000000 ;
	border:0px ;
	height:1px ;
}

.edito h1{
    margin:10px 0 ;
	font-family: "Open Sans", sans-serif;	
	color:#cccccc ;
	font-weight: 800 ;
	font-size:1.6em ;
}

.edito h2{
	margin:10px 0 ;
	font-family:"Muli regular", sans-serif;	
	color:#9a021e !important ;
	font-size:2em ;
	font-weight:600 ;
    text-align:center;
    border-bottom:1px solid ! important;
}



.edito h3{
	margin:10px 0 ;
	font-family:"Open Sans", sans-serif;
	color:#553c68 ;
	font-size:1.2em ;
	font-weight: 800 ;
	text-align: center ;
}

.edito h4{
	margin: 10px 0 ;
	font-family:"Open Sans", sans-serif;	
	color:#cccccc ;
	font-size:1em ;
}
/*--------------------------Fin EDITO--------------------------*/


.et_fixed_nav.et_show_nav.et_header_style_centered #page-container,
.et_non_fixed_nav.et_transparent_nav.et_show_nav.et_header_style_centered #page-container {
    padding-top: 0 !important;
}

@media (min-width:320px) {

	/*-----------Header------------------*/

	.container-fluid .logo_container{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#et-top-navigation{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#main-header {
		background-color: transparent !important;
		position: absolute !important;
	}

	.select_page {display: none !important;}

	.logo_container {margin-bottom: 60px;}

	.et_header_style_centered .et_mobile_menu {
    top: 53px;
    width: 170px; 
    left: -117px;
	}



	.et_header_style_centered #et_mobile_nav_menu {
    float: none;
    position: relative;
    margin-top: 0;
	}


	.slide {
		position: relative !important;
	}

	.et_header_style_centered .mobile_menu_bar {
    position: absolute;
    top: -60px !important;
    left:-117px !important;
	}



	#top-menu a:hover{color:#b00020 !important;}

	#top-menu li {
		padding-right: 60px !important;
		vertical-align: middle;
	}

	/*-----------contenu------------------*/
	.actualite,
	.promotion {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.suppo-red {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.suppo-red .et_pb_text_inner {
		margin-top: 160px;
	}

	.actualite, .promotion{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.actualite .et_pb_text_inner,
	.promotion .et_pb_text_inner {
		margin-left: 125px
	}

	.titre-accueil:after {
		display: block;
		content: "";
		border-bottom: 5px solid #9a031f;
		max-width: 100px;
		margin: 0 auto;
		padding-top: 20px;
		margin-bottom: 40px;
	}

	.part-bonhomme,
	.part-couteaux {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.btn-decouvrir {
		margin-left: 50px;
	}

	.part-bonhomme .et_pb_text_inner {
		padding-bottom: 90px;
		padding-right: 125px;
		line-height: 0px;
	}

	.part-couteaux .et_pb_text_inner {
		padding-bottom: 90px;
		line-height: 0px;
		padding-right: 50px;
	}

	.et_pb_section_5 {
		display: flex;
	}

	/*-----------Footer------------------*/
	#incomm {
		display: flex;
	}

	#et-footer-nav {
		border-top: solid 2px #fff;
	}

	.mr-2,
	.xxp,
	.xxp a {
		color: #fff;
	}

	.mr-2,
	.xxp a {
		font-size: 12px
	}

	.mr-2 {
		margin-left: 650px;
	}

	#et-footer-nav{
		display: flex;
		justify-content: center;
		align-items: center;
	}

	#footer-widgets {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		font-size: 16px;
	}

	.et_pb_gutters3 .footer-widget {
		margin-right: 2.5%;
		margin-bottom: 1.5%;
	}

	.codeP,
	.reseau-face {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.ico-map,
	.ico-face {
		font-size: 25px;
		margin-right: 20px;
	}

	.footer-button {
		display: flex;
		justify-content: center;
		align-items: center;
		text-transform: uppercase;
		width: 190px;
		height: 45px;
		background: #9a031f;
	}

	.footer-button:hover{background: #fff;}

	#footer-widgets .footer-widget:hover a, #footer-widgets .footer-widget:hover .enveloppe-contact
	{color:#9a031f;}

	.horaire-travail {
		margin-top: 35px;
	}

	.et_pb_scroll_top {
		background: #fff !important;
		color: #000 !important;
		border-radius: 30px !important;
		bottom: 50px !important;
	}

}

@media  (max-width:767px) {
	.actu-hover .et_pb_text_0,
	.promo-hover .et_pb_text_1 {
		font-size: 27px !important;
		min-height: 94px !important;
	}

	.actu-hover,
	.actualite,
	.promotion,
	.promo-hover,
	.part-bonhomme,
	.img1_encart,
	.img2_encart {
		background-size: contain;
	}

	.part-bonhomme,
	.part-couteaux {
		font-size: 24px !important;
		min-height: 380px !important;
	}

	.suppo-red {

		/*display: flex;
		    justify-content: center;
		    align-items: center;*/
		background-size: contain;
	}

	.suppo-red .et_pb_text_inner {
		margin-top: 154px !important;
	}

	.btn-decouvrir {
		margin-left: 0;
	}

	.part-bonhomme .et_pb_text_inner {
		padding-right: 0 !important;
	}

	.xxp {
		font-size: 48px !important;
	}

	.img1_encart,
	.img2_encart {
		min-height: 132px !important;
	}

	.mobile_menu_bar::before {
		color: #fff !important;
	}

	.actualite .et_pb_text_inner,
	.promotion .et_pb_text_inner {
		margin-left: 60px;
	}

	.et_mobile_menu {
		border-top: 3px solid #fff;
		background: #000;
	}

	.et_mobile_menu li a:hover,
	.nav ul li a:hover {
		opacity: .7;
		background-color: #fff !important;
		color: #000 !important;
	}

	#slide .et_pb_row_0 {
		min-height: 182px !important;
	}

	#footer-widgets,
	.horaire-travail {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.footer-widget {
		display: flex;
		justify-content: center;
	}

	.mr-2 {
		margin-left: 0;
	}

	.xxp {
		font-size: 15px !important;
	}

	.footer-widget #custom_html-2 {
		margin-top: 50px;
	}

	#menu-menu-footer {
		display: flex;
		flex-direction: column;
	}

}

@media (min-width:768px) and (max-width:991px) {
	.mobile_menu_bar::before {
		color: #fff !important;
		font-size: 60px !important;
	}

	.et_mobile_menu {
		border-top: 3px solid #fff;
		background: #000;
	}

	.et_mobile_menu li a:hover,
	.nav ul li a:hover {
		opacity: .7;
		background-color: #fff !important;
		color: #000 !important;
	}

	.actualite .et_pb_text_inner,
	.promotion .et_pb_text_inner {
		margin-left: 75px;
	}

	.actu-hover,
	.actualite,
	.promotion,
	.promo-hover,
	.part-bonhomme,
	.img1_encart,
	.img2_encart,
	.part-couteaux {
		background-size: contain;
	}

	.actu-hover .et_pb_text_0,
	.promo-hover .et_pb_text_1 {
		min-height: 225px !important;
	}

	#slide .et_pb_row_0 {
		min-height: 399px !important;
	}

	.img1_encart,
	.img2_encart {
		min-height: 316px !important;
	}

	.part-bonhomme .et_pb_text_inner,
	.part-couteaux .et_pb_text_inner {
		padding-right: 0 !important;
	}

	.suppo-red {

		/*display: flex;
		    justify-content: center;
		    align-items: center;*/
		background-size: contain;
		font-size: 50px !important;
	}

	.btn-decouvrir {
		font-size: 30px !important;
	}

	.suppo-red .et_pb_text_inner {
		margin-top: 155px !important;
	}

	.mr-2 {
		margin-left: 265px;
	}

	.bottom-nav,
	.bottom-nav a {
		font-size: 14px !important;
	}

	#et-footer-nav .container {
		width: 100% !important;
	}

	.et_pb_gutters3 .footer-widget {
		margin-right: 0 !important;
	}

	.footer-widget:nth-child(n) {
		margin: 0 !important;
	}

	.footer-button {
		width: 130px !important;
		height: 40px !important;
	}

	#footer-widgets {
		font-size: 12px !important;
	}

	.footer-widget {
		display: flex;
		justify-content: center;
	}

}

@media (min-width:992px) and (max-width:1365px) {
	#top-menu li {
		padding-right: 10px !important;
		vertical-align: middle;
	}

	.ico-map, .ico-face {font-size: 20px;}

	#top-menu li a {
		font-size: 13px !important;
	}

	.mr-2 {
		margin-left: 420px !important;
	}

	.actu-hover,
	.actualite,
	.promotion,
	.promo-hover,
	.part-bonhomme,
	.img1_encart,
	.img2_encart,
	.part-couteaux {
		background-size: contain;
	}

	.actu-hover .et_pb_text_0,
	.promo-hover .et_pb_text_1 {
		min-height: 145px !important;
	}

	#slide .et_pb_row_0 {
		min-height: 508px !important;
	}

	.actualite .et_pb_text_inner,
	.promotion .et_pb_text_inner {
		font-size: 35px !important;
		margin-left: 75px !important;
	}

	.part-bonhomme,
	.img1_encart,
	.img2_encart,
	.part-couteaux {
		min-height: 306px !important;
		font-size: 26px !important;
	}

	.bup {
		font-size: 45px !important;
	}

	.part-couteaux .et_pb_text_inner,
	.part-bonhomme .et_pb_text_inner {
		padding-right: 0 !important;
	}

	.footer-button {
		width: 160px;
	}

	#footer-widgets {
		font-size: 13px !important;
	}

	.xxp {
		font-size: 15px !important;
	}

}

@media (min-width:1366px) and (max-width:1599px) {
	.actualite,
	.promotion {
		min-height: 200px !important;
		background-size: contain !important;
	}

	#menu-item-289{margin-left: 50px;}

	#top-menu li {padding-right: 30px !important; vertical-align: middle;}

	.part-bonhomme .et_pb_text_inner,
	.part-couteaux .et_pb_text_inner {
		font-size: 25px
	}

	.img1_encart,
	.part-bonhomme,
	.img2_encart,
	.part-couteaux {
		background-size: contain !important;
		min-height: 422px !important;
		font-size: 25px !important;
	}

	.part-bonhomme .et_pb_text_inner,
	.part-couteaux .et_pb_text_inner {
		padding-bottom: 45px !important;
		padding-right: 70px !important;
	}

	#footer-widgets {font-size: 15px !important;}

	.et_pb_gutters3.et_pb_footer_columns5 .footer-widget {width: 17.6% !important;}

	.et_pb_gutters3 .footer-widget {margin-right: 0.5% !important;}

	.footer-widget{
		display: flex;
		justify-content: end;
	}

}

@media (min-width:1600px) and (max-width:1800px) {
	.part-bonhomme .et_pb_text_inner {
		padding-right: 40px;
	}

	.part-couteaux .et_pb_text_inner {
		padding-right: 0px
	}

}
#liensfooter a{
	margin:0 3vw
}

header.et-l.et-l--header {
    position: absolute;
    width: 100%;
	top:5px
}
@media (min-width:981px)  {
.et-menu li {
    margin-left: 0.5vw!important;
    margin-right:0.5vw!important;
}
}