body, html{
	border : 0;
	padding : 0;
	margin : 0;
	font-family: Lato;
}
html{
	background : #e8e5d3 url("../images/fond.png") repeat-y;
	background-position : center;
}
body{
	background : url("../images/fond-body.png") no-repeat;
	background-position : right bottom;
	background-attachment : fixed;
}
*{
	box-sizing: border-box;
}
header{
	max-width : 1200px;
	width : 100%;
	margin : 0 auto 0 auto;
	padding : 0 30px 0 30px;
}
footer{
	max-width : 1200px;
	width : 100%;
	margin : 30px auto 40px auto;
}
#haut{
	display : flex;
	margin-top : 20px;
}
#logo{
	width : 30%;
}
#logo img{
	width : 100%;
	height : auto;
}
#haut-droit{
	background : bl ue;
	width : 70%;
	display : flex;
	position : relative;
}
#titre-site{
	width : 56%;
	margin : 40px 10% 0 15%;
}
#titre-site span{
	font-family: 'Sriracha', cursive;
	display : block;
	font-size : 1.8vw;
	line-height : 25px;
	color : #2a2623;
}
#titre-site #l1{
	
}
#titre-site #l2{
	text-align : right;
}
#titre-site #l3{
	font-size : 1.2vw;
	text-align : right;
	color : #585858;
}
@media all and (min-width: 1200px) {
#titre-site span{
    font-size: 20px;
  }
#titre-site #l3{
	font-size: 14px;
}
}


#titre-site img{
	width : 100%;
	height : auto;
}
#logos-ab{
	width : 20%;
	padding-right : 5%;
	padding-top : 30px;
}
#logos-ab img{
	display : block;
	margin-bottom : 10px;
	margin-left : auto;
	width : 40%;
	height : auto;
}


#nav{
	width : 96%;
	height : 35px;
	position : absolute;
	padding : 0 20px;
	top : 170px;
	margin-left : 2%;
	background : #ad4524;
	background : linear-gradient(90deg, #ad4524, #cb471d);
	box-shadow : 3px 2px 10px #000000b8;
	z-index : 1000;
}
#openup{
	display : none;
}
#menu{
	padding : 0;
	margin : 0;
	display : flex;
	justify-content : space-between;
	font-family : Lato;
	color : #fff;
	font-weight : bold;
	font-size : 14px;
	list-style : none;
	
}
#menu .btn_menu{
	
}
#menu .interbtn{
	padding : 9px 0;
}
#menu li{
	position : relative;
}
#menu a, #menu span{
	display : block;
	padding : 9px 0;
	color : #fff;
	text-decoration : none;
}
#menu a:hover{
	color : #fff;
	text-shadow : 0 0 5px #000;
}
.n1{
	cursor : pointer;
}
.sousmenu{
	position : absolute;
	background : #ad4524;
	list-style : none;
	padding : 0 0 9px 0;
	margin : 2px 0 0 0;
	left : -20px;
	display : none;
	z-index : 10;
	background : linear-gradient(90deg, #ad4524, #cb471d);
	box-shadow : 3px 2px 10px #000000b8;
}
.sousmenu a{
	padding : 15px 15px 7px !important;
}
.btn_mob{
	display : none;
}

main{
	height : auto;
	padding-bottom : 20px;
	
}
#main-home{
	background : url("../images/fond-home.png") repeat-y;
	margin-top : 70px;
}
#main-page{
	margin-top : 60px;
}
#contenu-main{
	max-width : 1200px;
	width : 100%;
	margin : 0 auto 0 auto;
	padding : 0 40px 0 40px;
	position : relative;
}
.contenu-main-2c{
	display : flex;
}
#contenu-main-home{
	display : flex;
	max-width : 1200px;
	width : 100%;
	margin : 0 auto 0 auto;
	padding : 0 40px 0 40px;
}
#home-actus{
	width : calc(55% - 60px);
	margin-right : 60px;
	padding : 15px 10px 10px 10px;
}
#home-imgs{
	width : 45%;
	margin-top : -20px;
}
.home-img{
	display : inline-block;
	width : calc(32% - 10px);
	margin : 0 10px 10px 0;
}
.home-img img{
	width : 100%;
	height : auto;
	box-shadow : 3px 3px 13px #000000cf;
}
.home-img2 img{
	box-shadow : none;
}
.home-img-actif{
	transition : all;
	transition-duration: 0.5s;
	cursor : pointer;
}
.home-img-actif:hover img{
	box-shadow : 3px 3px 20px #000;
}

#home-actus h1{
	color: #fff;
	font-family: Lato;
	margin: 0;
	font-size : 22px;
	margin-left : 10px;
}
#home-actus-box{
	background : #fff;
	height : calc(100% - 35px);
	margin-top : 7px;
	padding : 20px;
}
.home-actu-titre{
	background : #3c3c3c;
	padding : 0px 60px 0px 20px;
	width : max-content;
	margin-left : -35px;
	color : #fff;
	font-family: 'Sriracha', cursive;
	font-size : 16px;
}
#home-actus p{
	text-align : justify;
	font-size : 14px;
}
.home-actu{
	margin-bottom : 25px;
	clear : both;
}
.home-actu img{
	float : right;
	margin-left : 15px;
	margin-top : 10px;
	display: block;
    width: 160px;
    height: 160px;
    object-fit: cover;
}


#citation{
	font-family: 'Sriracha', cursive;
	font-size : 18px;
	color : #a1a1a1;
	margin-left : 40px;
	    border-top: 2px solid #d4d4c1;
    width: max-content;
    padding-top: 10px;
}
#adresse{
	text-align : right;
	margin-right : 50px;
	font-size: 14px;
    line-height: 23px;
}
#adresse b{
	color : #ad4524;
}

#zone-titre-page{
	background : url("../images/fond-home.png") repeat-y;
	margin : 40px 0 60px 0;
	padding : 30px 0 10px 0;
	min-height : 225px;
}
#zone-titre-page-txt{
	max-width : 1200px;
	width : 100%;
	margin : 0 auto 0 auto;
	padding : 0 40px 0 40px;
	position : relative;
}


.paragraphe{
	margin : 10px 0 20px 0;
}
h1{
	color : #fff;
	font-family: 'Sriracha', cursive;
	font-size : 30px;
	margin : 0;
	padding : 0 0 10px 0;
}
h2{
	height : 33px;
	padding : 0;
	margin : 35px 0 5px 0;
}
.h2-txt{
	display : inline-block;
	background : #a3411b;
	vertical-align : top;
	color : #fff;
	font-size : 20px;
	height : 33px;
	padding-top : 0px;
	font-family: 'Sriracha', cursive;
	font-weight : normal;
}
p{
	text-align : justify;
}
p a{
	color : #a54426;
	font-family: 'Sriracha', cursive;
	text-decoration : none;
}
p a:hover{
	text-decoration : underline;
}
.text-tiny{
	font-size : 12px;
}
.text-small{
	font-size : 14px;
}
.text-big{
	font-size : 18px;
}
.text-huge{
	font-size : 20px;
}
.photo {
    width: 250px;
}
.img-d {
    float: right;
    margin-left: 30px;
}
.img-g {
    float: left;
    margin-right: 30px;
}
.img-c {
    float: none;
    margin: 0 auto 20px auto;
}
.photo img {
    width: 100%;
    height: auto;
}


.lien_fichier{
	color : #a54426;
	font-family: 'Sriracha', cursive;
	text-decoration : none;
	font-size : 18px;
	position : relative;
	padding-left : 25px;
	margin-left : 10px;
}
.lien_fichier::after{
	content: '';
    background: url(../images/telecharger.png);
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 4px;
    background-size: cover;
}
.lien_fichier:hover{
	text-decoration : underline;
}

#zone-titre-page-txt p{
	color : #fff;
	/* font-weight : 700; */
	font-size : 17px;
	line-height : 30px;
	margin : 0 0 30px 0;
	width : calc(100% - 310px);
	text-align : left;
}
#zone-titre-page-imgs{
	height : 280px;
	width : 280px;
	position : absolute;
	top : -60px;
	right : 0;
	text-align : right;
	margin-right : 40px;
}
#zone-titre-page-imgs img{
	width : 120px;
	height : auto;
	margin : 8px;
	box-shadow : 3px 3px 13px #000000cf;
}
#imgs-bas{
	display : flex;
	justify-content :  space-between;
	max-height : 220px;
	margin : 50px 0 0;
	background : linear-gradient(170deg, #d4d5c1, transparent);
	padding-top : 20px;
}
#imgs-bas img{
	width : 16%;
	height : auto;
	object-fit : cover;
}




.agenda-date{
	display : flex;
	margin : 40px 0 20px 0;
}
.agenda-date .date{
	width: 110px;
    text-align: center;
    color: #fff;
	height: 96px;
    padding-top: 16px;
    border-radius: 70px;
}
.agenda-date .date-at1{
	background: linear-gradient(309deg, #ff9800, #ad3e1b);
}
.agenda-date .date-at2{
	background: linear-gradient(309deg, #6fb747, #4c812f);
}
.agenda-date .date-at3{
	background: linear-gradient(309deg, #3f51b5, #2196f3);
}
.agenda-date .jour{
	font-size : 20px;
	font-weight : bold;
	display : block;
}
.agenda-date .jour span{
	font-size : 12px;
	font-weight : normal;
}
.agenda-date .mois{
	font-size : 14px;
	font-weight : bold;
	display : block;
}
.agenda-detail{
	width : 100%;
	box-sizing: border-box; 
}
.agenda-titre{
	padding : 5px 20px 0;
    font-size: 20px;
    color: #505050;
    margin: 0;
	text-decoration : none;
	display : block;
	font-family: 'Sriracha', cursive;
	font-weight : normal;
	border-bottom : 3px solid #c5c5c5;
}
.agenda-descr{
	padding : 5px 20px 0px 20px;
}
.agenda-infos{
	padding : 5px 20px;
	font-size : 13px;
}
.agenda-infos .btn_inscr{
	color : #fff;
	font-family: 'Sriracha', cursive;
	text-decoration : none;
	background : #a54426;
	display : inline-block;
	padding : 0 10px;
	border-radius : 3px;
	margin-left : 10px;
	cursor : pointer;
}
.agenda-infos .btn_inscr:hover{
	background : #cd5531;
}

#c_gauche{
	width : calc(100% - 330px);
}
#c_droite{
	width : 300px;
	background: linear-gradient(309deg, #6fb747, #4c812f);
    color: #fff;
    padding: 2px 25px 100px;
    margin : 35px 0 50px 30px;
    border-radius: 2px;
	height: max-content;
}

#c_droite h3 .h3-txt{
	background : #fff;
	color : #000;
	height : 25px;
	padding : 0;
	font-size : 18px;
	font-family: 'Sriracha', cursive;
	font-weight : normal;
}
#c_droite h3:after{
	content: url('../images/h3-fin.png');
    display: inline-block;
	vertical-align : top;
}
#c_droite h3:before{
	content: url('../images/h3-debut.png');
    display: inline-block;
	vertical-align : top;
}
#c_droite p{
	font-size : 16px;
	line-height : 21px;
}
#c_droite a{
	color : #fff;
	text-decoration : underline;
}
#c_droite a:hover{
	color : #000;
}

#formulairecontact{
	width : 90%;
	border : 1px solid #d4d5c1;
	border-radius : 3px;
	padding : 25px;
	margin-top : 25px;
	font-size : 14px;
	background : #ffffff70;
}
#formulairecontact label{
	text-align : left;
}
#formulairecontact input, #formulairecontact textarea{
	width : 100%;
	border : 1px solid silver;
	font-size : 15px;
	padding : 5px;
	border-radius : 3px;
	margin-bottom : 10px;
}
#formulairecontact label{
	margin : 0 0 5px;
	display : block;
}
#erreur{
	background: #f5b9b9;
    text-align: center;
    padding: 5px;
	display : none;
}
#btn_envmessage{
	cursor : pointer;
}
#popupinscr, #popupproduits{
	position: fixed;
    width: 500px;
    height: auto;
    background: white;
    z-index: 10000;
    top: calc(35% - 280px);
    margin: auto;
    left: 50%;
    margin-left: -250px;
    box-shadow: 5px 5px 40px #000000cf;
    border-radius: 3px;
    padding: 20px 40px 40px 40px;
	display : none;
}
#popupinscr p{
	font-size : 16px;
	margin-bottom : 30px;
}
#popupproduits{
	width : 80%;
	left: 50%;
	transform: translate(-50%);
	max-width : 800px;
	margin-left : auto;
}
.ligne-fl{
	margin-bottom : 15px;
}
label{
	display : inline-block;
	width : 165px;
	text-align : right;
	margin-right : 5px;
}
input, select{
	display : inline-block;
	width : calc(100% - 175px);
	padding : 5px;
	font-size : 16px;
	border : 1px solid silver;
	border-radius : 3px;
}
button{
	border-radius : 30px;
	background : linear-gradient(309deg, #6fb747, #4c812f);
	color : #fff;
	font-size : 15px;
	font-weight : bold;
	padding : 8px 20px;
	border : 0;
	margin : 30px 0 5px auto;
	display : block;
	width : calc(100% - 175px);
	cursor : pointer;
}
button:hover{
	background : #4c812f;
}
#recap{
	width: calc(100% - 172px);
    margin: auto 0 auto auto;
    background: #e3e3e3;
    padding: 5px;
    text-align: center;
}
#popupinscr #erreur{
	margin-top : 20px;
	font-size : 14px;
}
#close_pop{
	position : absolute;
	right: 20px;
    top: 15px;
    font-size: 20px;
    cursor: pointer;
}
.fl_inscr{
	margin-top: 25px;
    text-align: justify;
}
#mentions{
	width: max-content;
    margin: 80px auto 20px auto;
    border-top: 1px solid #d4d4c1;
    font-size: 12px;
    padding: 10px;
	color : #696a56;
	text-align : center;
}
#mentions a{
	color : #696a56;
	text-decoration : none;
	font-weight : bold;
}
#mentions a:hover{
	color : #000;
}

/* produits */
#popupproduits{
	max-height : 80%;
	overflow : auto;
	top : 55px;
	display : none;
}
.ligne-produit{
	width : 100%;
	border-top : 1px solid silver;
	border-left : 1px solid silver;
	border-right : 1px solid silver;
	font-size : 13px;
}
.ligne1 span{
	height : 56px;
	vertical-align : bottom;
	text-align : center;
	font-weight : bold;
}

.ligne-total{
	background : #e3e3e3;
	border-bottom : 1px solid silver;
	margin-bottom : 10px;
}
.produit, .pu, .qte, .totalproduit, .dispo{
	display : inline-block;
}
.qte, .totalproduit, .pu, .dispo{
	width : 60px;
	padding : 0 5px;
	padding : 3px 3px;
	text-align : right;
}
.produit{
	width :calc(100% - 255px);
	border-right : 1px solid silver;
	padding : 3px 3px;
}
.produit-cat{
	background : silver;
}
.totalproduit{
	border-right : 1px solid silver;
}
.qte{
	height: 23px;
    font-size: 13px;
    margin: 0;
	border-top : 0;
	border-bottom : 0;
	border-radius :0;
	border-left : 1px solid silver;
	border-right : 1px solid silver;
}
.dispo{
	font-size : 12px;
	color : #6a6a6a;
}
.form-plants{
	cursor : pointer;
}


.logopointvente{
	    width: 90px;
    margin-left: 15px !important;
    float: left;
    margin-right: 30px;
    margin-left: 0;
    text-align: center;
}