/***** breadcrumb *****/
.breadcrumb							{ line-height: 0;margin:0;padding: 60px 0 45px;}
.breadcrumb li 						{ display: inline-block;font: 500 12px/30px "Poppins"; letter-spacing: 0.2px; margin-right: 25px;position: relative;color: #212121;}
.breadcrumb li:after				{ width: 1px; height: 10px; content: ""; position: absolute; right: -15px; top: 10px; background: #212121;}
.breadcrumb li:last-child:after 	{ display: none;}
.breadcrumb li a                    { color:#212121;}
.breadcrumb li a.active             { color:#df7645; }
@media (min-width:1201px) {
.breadcrumb li a:hover				{ color: #df7645;}
.link_arrow:hover					{ background-color: #212121;}
}
@media(max-width: 600px){
.sous_titre                        { font-size: 16px;line-height: 26px;margin-bottom: 20px}
.breadcrumb							{ display: none;}
}
/***** top page *****/
.top_page                           { background: url(../images/shape.svg) repeat-x bottom center,#f7ebde;padding-bottom: 100px; color: #ffffff;}
.top_page .grid_page                { display:grid;grid-template-columns: 205px 590px 1fr;position:relative;}
.top_page .content 					{ margin:0;padding: 120px 0 40px;position: relative;z-index: 4;}
.top_page .content .titre_main 		{ margin-bottom: 10px;font: 400 35px/45px "Poppins";color:#212121}
.top_page .sous_titre               { font-size: 22px ;line-height: 32px;margin-top: 5px}
.top_page .bloc_link                { grid-template-columns: 1fr;max-width: 340px;margin:55px auto 0;width:100%;grid-template-rows: 60px 60px;gap:10px;margin-left: 50px}
.link_arrow                         { font:400 13px/60px "Poppins";letter-spacing: 0.5px;height:60px}
.shape                              { z-index: 0;margin-top: 0;position: relative;}
.grid_page:after                    { content: url(../images/tomate.png);filter: drop-shadow(12px 19px 12px rgba(0,0,0,0.2)); z-index: 5;transform: translateY(65%);position: absolute;width: 355px;height: 225px;bottom: 0;right: 0;}
@media (max-width:1200px) {
.top_page .content                  { padding: 100px 0 90px;}
.top_page .grid_page                { grid-template-columns: 200px 1fr 1fr}
.shape                              { display:none}
.top_page .chapo                    { margin-bottom: 0}
}
@media (max-width:1000px) {
.top_page                           { background-position: bottom -110px center}
.top_page .content                  { padding-bottom: 0 }
.top_page .grid_page                { grid-template-columns: 1fr;text-align: center}
.grid_page:after                    { display:none}
.top_page .link_arrow               { text-align: left}
.top_page .bloc_link                { margin: 55px auto 0;}
}
@media (max-width:600px){
.top_page                           { padding-bottom: 0}
.top_page .content .titre_main      { font-size: 20px;line-height: 30px}
.top_page .sous_titre               { font-size: 14px; line-height: 24px;margin: 0 0 15px}
.grid_page img                      { display:none}
.top_page .bloc_link                { margin-top: 105px;max-width: 100%}
.top_page .link_arrow               { font-size: 14px;}
.link_arrow.lst span                { display:none;}


}
@media (max-width:600px) { 
.top_page                           { padding-top: 55px;background-position: bottom 120px center;position: relative;}
.top_page:after                     { content:"";width:100%;height:200px;bottom:0;left: 0;background:#ffffff;position:absolute}
.top_page .content .titre_page      { font-size: 20px;line-height: 30px;margin-bottom: 10px; }
.top_page .content 					{ margin: 0;background: none;padding: 80px 0 50px;}
.top_page .chapo			        { padding: 0; margin: 0; font-size: 12px;}
}

/***** page content *****/
.page_content						{ position: relative;padding-bottom: 10px;}
.page_content p						{ margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a					{ color: #df7645; border-bottom: 1px solid transparent;}
.ul_list							{ margin: -5px 0 20px 0;}
.ul_list.grid						{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px;}
.ul_list li							{ padding: 5px 0 5px 22px; position: relative;font-size: 14px;}
.ul_list li:after   				{ content:"";background:#df7645;width:8px;height:8px;position:absolute;top: 50%;transform:translateY(-50%);left:0;border-radius: 50%}
.page_content .bloc_grid img        { border-radius: 5px}
.link_arrow.lst                     { font: 500 16px/80px"Poppins";letter-spacing: 0.5px;height: 80px;display: block;text-align: center;margin-bottom: 100px}
.page_content .bloc_grid.fst,
.page_content .bloc_texte.fst       { margin-top:10px}
.page_content .bloc_grid            { margin: 100px 0;}
.page_content .bloc_grid .texte     { padding-left: 0}
.page_content .bloc_grid .photo     { padding-right: 80px}
.page_content .bloc_grid.reverse .photo { padding:0 0 0 80px;}
.page_content .bloc_grid.reverse .texte{ padding:0}
@media (min-width:1201px) {
.page_content .ul_list a:hover, 
.page_content p a:hover				{ border-color: #df7645;}
}
@media (max-width:1200px) {
.page_content .bloc_grid            { margin: 65px 0}
.page_content .bloc_grid.fst,
.page_content .bloc_texte.fst       { margin-top:75px}
}
@media (max-width:1000px){
.page_content .bloc_grid .photo     { padding: 0}
.page_content .bloc_grid.reverse .photo{ padding: 0}
}
@media (max-width:600px) { 
.page_content	                    { padding: 0px 0 10px;background: linear-gradient(to top, #ffffff 0%, #ffffff 100%, #f7ebde 0, #f7ebde 100%); }
.page_content p						{ margin-bottom: 10px; }
.page_content .bloc_grid.fst,
.page_content .bloc_texte.fst        { margin-top: 0}
.ul_list li                         { font-size: 12px}
.page_content .bloc_grid            { gap:25px}
.page_content .bloc_grid .sous_titre{ margin-bottom: 15px}
.page_content .bloc_grid            { margin-bottom:45px}
.page_content .bloc_grid.fst        { margin-bottom:35px}
.link_arrow.lst                     { text-align: left;font-size: 14px;margin-bottom: 60px;line-height: 60px;height:60px}
.ul_list.grid						{grid-template-columns: 1fr;}
}
/***** bloc texte *****/
.bloc_texte							{ margin: 90px 0; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img                     { width: 100%; height: auto; display: block; line-height: 0;}
.bloc_texte.contact                 { margin-top: 0}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 50px 0;}
}
@media (max-width:600px) {
.bloc_texte							{ margin: 40px 0;}
.bloc_texte.first                   { margin-top: 0}
}


/******Bandeau*****/
.bandeau                            { background:#212121; color:#ffffff; text-align: center; border-radius: 5px; padding:20px 10px 25px; margin: 50px auto;}
.bandeau p                          { max-width: 540px;margin: 0 auto;font-size: 16px;line-height: 40px}
.bandeau span                       { color:#df7645}
.bandeau p a                        { color:#df7645;border-bottom:1px solid transparent}
.bandeau.lst                        { padding:40px 10px;}
.bandeau.lst p                      { max-width: 790px;line-height: 32px}
@media (min-width:1201px){
.bandeau p a:hover                    { border-color: #df7645}
}
@media (max-width:600px){
.bandeau                            { margin: 50px -7.5vw; padding: 30px 7.5vw; border-radius: 0px;}
.bandeau p                          { font-size: 14px;line-height: 24px}
.bandeau.lst br                     {display:none }
.bandeau.lst p                      { max-width: 460px;margin: 0 auto;padding: 0 25px;}
}


/***** table plus *****/
.table_plus 						{ position: relative; margin: 80px 0; } 
.table_plus>.sized					{ margin-bottom: 30px;} 
.table_plus .item 					{ margin-bottom: 10px;}
.table_plus .hide 					{ padding: 40px; display: none;}
.table_plus .hide ul 				{ padding-left: 20px;}
.titre_plus 						{ position: relative; letter-spacing: 0.2px; cursor: pointer; padding: 20px 80px 20px 30px; border-radius: 40px; background: #df7645; color: #fff; font-size: 16px; transition: all 400ms ease-in-out;}
.titre_plus:before					{ width: 30px; height: 30px; background: url("../images/plus.svg") 50% no-repeat; border-radius: 50%; position: absolute; right: 30px; top: 50%; margin-top: -15px; transition: all 400ms ease-in-out; content: "";}
.titre_plus.active					{ background-color: #212121; color: #fff;}
.titre_plus.active:before 			{ transform: rotate(45deg); }

@media (min-width:1201px) {
.titre_plus:hover					{ background-color: #212121; color: #fff; }
}
@media (max-width:1000px) {
.table_plus .hide 					{ padding: 40px 0;}
}
@media (max-width:600px) {
.table_plus 						{ margin: 14vw 0;} 
.table_plus .sized					{ margin-bottom: 20px;} 
.table_plus .hide 					{ padding: 20px 30px;}
.titre_plus 						{ font-size: 14px; line-height: 26px; padding: 16px 55px 16px 20px; border-radius: 0; margin: 10px -7.5vw;}
.titre_plus:before					{ width: 24px; height: 24px; right: 15px; margin-top: -12px;}
}



/***** Carte *****/
.carte .one 						{ margin: 90px 0;}
.carte .grid 						{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 80px; position: relative;}
.carte .grid p						{ padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #212121;}
.carte .grid p:last-child			{ margin-bottom: 15px}
.carte .grid p b					{ font-size: 16px;}
.carte .grid p .prix				{ text-align: right; float: right; font-size: 15px; color: #df7645 ; }
.carte .grid p em					{ display: block;}

.carte .grid.cat					{ padding-top: 40px; margin-top: 10px ;}
.carte .categorie 					{ position: absolute; top: 0; color:#df7645 ;}

@media (max-width:780px) {
.carte .grid 						{ grid-template-columns: 1fr; }
.carte .one 						{ margin: 60px 0;}
.carte .grid p b					{ font-size: 14px;}
.carte .grid p .prix				{ font-size: 12px; }

#carte .top_page, 					
#vins .top_page 					{ background-position: bottom -100px center;}
#carte .top_page:after,
#vins .top_page:after				{ height: 0;}

}





