/***** top page *****/
.top_page          					{ padding-top: 250px; background: #000; color: #fff;}
.top_page .wrapper					{ display: grid; grid-template-columns: 1fr 50%; position: relative;}
.top_page .photo					{ position: relative; max-height: 520px; grid-area: 1 / 2; margin: -60px -100px -110px 0;}
.top_page .photo .shadow img	    { width: 55%; height: auto; margin: 0 auto 0 60px; position: relative; object-fit: cover; display: block; }
.top_page .photo .baguettes img	    { height: 570px; margin: 0 auto; position: relative; object-fit: cover; display: block; z-index: 20}
.top_page .texte .titre_main     	{ color: #fff; font-weight: 400; font-size: 45px; line-height: 55px; text-transform: none; display: block; margin-bottom: 5px;}
.top_page .texte .sous_titre     	{ margin-bottom: 25px;}
.top_page .texte                    { margin-top: 50px; margin-bottom: 60px;}

@media (max-width:1400px) {
.top_page .photo					{ margin: -60px 0 -110px auto;}
.top_page .photo .shadow 	   	 	{ display: none;}
}
@media (max-width:1200px) {
.top_page          					{ padding-top: 200px;}
.top_page .wrapper					{ grid-template-columns: 500px 1fr;}
.top_page .chapo                    { margin-bottom: 0;}
.top_page .photo					{ margin: -60px auto -140px auto;}
.top_page .photo .baguettes img	    { margin: 0 auto; height: 500px;}
.top_page .texte                    { margin-top: 0; margin-bottom: 60px;}
}
@media (max-width:1000px) {
.top_page          					{ padding-top: 180px;}
.top_page .wrapper					{ grid-template-columns: 1fr;}
.top_page .photo             	    { display: none;}
}
@media (max-width:600px) {
.top_page          					{ padding: 120px 0 40px 0;}
.top_page .texte                    { margin: 0;}
.top_page .texte .titre_main     	{ font-size: 30px; line-height: 40px; margin-bottom: 0;}
.top_page .texte .sous_titre     	{ margin-bottom: 15px;}
}




/***** link carte *****/
.link_carte 						{ margin-top: 80px;}

@media (max-width:1200px) {
.link_carte 						{ max-width: 500px;}
}
@media (max-width:1000px) {
.link_carte 						{ max-width: none; margin-top: 60px;}
}
@media (max-width:600px) {
.link_carte 						{ margin-top: 50px; }
}


/***** page content *****/
.page_content						{ position: relative;}
.page_content p						{ margin-bottom: 15px;}
.page_content .ul_list a, 
.page_content p a					{ border-bottom: 1px solid #85c700; padding-bottom: 2px;}
.ul_list							{ margin-bottom: 15px;}
.ul_list li							{ padding: 5px 0 5px 30px; position: relative;}
.ul_list li:before					{ position: absolute; left: 0; top: 11px; width: 14px; height: 14px; background: url("../images/list_page.svg") 50% no-repeat; content: "";}

@media (min-width:1201px) {
.page_content .ul_list a:hover,
.page_content p a:hover				{ color: #fff;}
}
@media (max-width:600px) {
.page_content p						{ margin-bottom: 10px;}
.ul_list							{ margin-bottom: 10px;}
.ul_list li							{ padding: 5px 0 5px 25px;}
.ul_list li:before					{ top: 12px; width: 10px; height: 10px; background-size: contain;}
}


/***** bloc texte *****/
.bloc_texte							{ margin: 120px auto; position: relative;}
.bloc_texte :last-child				{ margin-bottom: 0;}
.bloc_texte img,
.bloc_texte video					{ width: 100%; height: auto; display: block;}

@media (max-width:1200px) { 
.bloc_texte							{ margin: 80px auto;}
}
@media (max-width:1000px) { 
.bloc_texte							{ margin: 60px auto;}
}
@media (max-width:600px) { 
.bloc_texte							{ margin: 40px 0;}
}


#about .sushis.bloc_texte           { margin: 50px auto;}
#about .bloc_grid.first             { margin-top: 50px;}
#about                              { overflow-x: hidden;}
@media (max-width:600px) { 
#about .sushis.bloc_texte           { margin: 00px auto;}
}

