@media only screen and (min-width: 601px) and (max-width: 800px) {
.logos {
    width: 40%;
    margin-top: 4.5em;
}
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
.logos {
    width: 60%;
    margin-top: 7.5em;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.logos {
    width: 75%;
    margin-top: 3.5em;
}
}
/* =========================
   CONCEPT
==========================*/
.p-presentation {
    margin: 3em 0 8em;
}
.p-presentation .btn-archive a {
    color: #fff;
    background: #B68749;
    border: 2px solid #B68749; 
    transform: translate(-50%, 70%);
    left: 50%;
    font-weight: 100;
    padding: 0.3em 1em;
    letter-spacing: 1.3px;
    font-size: 20px;
    line-height: 30px;
}
.p-presentation .btn-archive a:hover strong {
    transition: .5s ease;
}
.p-presentation .btn-archive a strong {
    color: #fff;
    font-weight: 700;
}
.s-presentation p,
.s-presentation h3 {
    text-align: center;
}
.s-presentation p {
    font-size: 16px;
    line-height: 24px;
}
.s-presentation h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 32px;
    color: #B68749;
}
.s-presentation span {
    font-size: 13px;
    font-weight: 400;
}
.s-presentation .info-prez {
    display: none;
}
.s-presentation .miniPrez {
    display: block;
    margin: 2em 0;
}
.miniPrez img {
    margin: auto;
}
@media only screen and (min-width:600px) {
.s-presentation .miniPrez {
display: none;
}
.s-presentation .info-prez {
display: block;
margin: 2em 0;
}
.s-presentation p {
font-size: 18px;
}
.s-presentation h3 {
    font-size: 23px;
    margin: 1em 0 0.8em;
}
}

@media only screen and (max-width: 800px) { 
.p-presentation h3{
    margin: 0.6em 0;
}
.s-presentation .info-prez {
    margin: 2em 0 1em;
}
.p-presentation .btn-archive a {
    transform: translate(-50%, 50%);
}
.p-presentation {
    margin: 2em 0 6.5em;
}
}
@media only screen and (min-width: 375px) and (max-width: 480px) { 
.p-presentation .btn-archive a {
    font-size: 18px;
}
}
@media only screen and (min-width: 320px) and (max-width: 374px) { 
.p-presentation .btn-archive a {
    font-size: 15px;
}
}
@media only screen and (max-width: 359px) { 
#presentation .container {
    width: 97%;
}
}
/* =========================
   menu
==========================*/
#menu {
    background: url(https://signelecocq.fr/wp-content/themes/MB_AEB/images/carte-menu.jpg) no-repeat center center;
    position: relative;
    background-size: cover;
    padding: 3em 0 6em;
}
#menu h2 {
    color: #fff;
    text-align: center;
    font-weight: 100;
	letter-spacing: 2.6px;
}
#menu h2 strong {
    color: #fff;
}
#menu .s2-avant {
    border: 8px solid #fff;
    padding: .5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
	display: inline-grid;
}
#menu .s2-avant a {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin: 0.9em 0;
    text-align: center;
	line-height:53px;
    font-weight: 300;
	letter-spacing: 2.6px;
}
#menu .s2-avant.men-4 a, #menu > div > div > div > div > div.s2-avant.men-4 > a > strong:nth-child(4) {
	line-height:22px;
}
#menu .s2-avant a strong{
    color: #fff;
    font-weight: 700;
	letter-spacing:initial;
}
#menu .s2-avant a strong span{
    color: #fff;
}
.s-menu .row {
    max-width: 926px;
    margin: auto;
}
@media only screen and (min-width: 1200px) {
#menu .s2-avant a strong{
    font-size: 40px;
    line-height: 44px;
}
#menu .s2-avant a strong span{
	font-size: 27px;
    line-height: 30px;
}
#menu .s2-avant {
    margin: 0 auto;
}
#menu h2 {
	margin: 1em 0;
}
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
#menu .s2-avant a strong{
    font-size: 37px;
	line-height:43px;
}
#menu .s2-avant a strong span{
    font-size: 24px;
	line-height:28px;
}
#menu {
    padding: 3em 0 2em;
}
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
#menu .s2-avant a strong{
    font-size: 30px;
	line-height:36px;
}
#menu .s2-avant a strong span, #menu .s2-avant a {
    font-size: 20px;
	line-height:26px;
}
#menu .s2-avant.men-4 a, #menu > div > div > div > div > div.s2-avant.men-4 > a > strong:nth-child(4) {
    line-height: 20px;
}
#menu {
    padding: 0;
}
#menu .s2-avant {
    border: 5px solid #fff;
}
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
#menu .s2-avant a {
    margin: 0.3em 0;
}
}

/* AJOUT REFONTE*/
@media only screen and (min-width:800px) and (max-width: 1199px) {
#menu h2 {
    margin: 1.5em 0 1em;
}
#menu .s2-avant {
    margin: 0 auto 4em;
}
}
@media only screen and (min-width:700px) and (max-width: 799px) {
#menu h2 {
    margin: 1.5em 0 0.5em;
}
#menu .s2-avant {
    margin: 0 auto 4em;
    padding: 1em 0.5em;
    border: 5px solid #fff;
}
}
@media only screen and (min-width:320px) and (max-width: 699px) {
#menu {
    padding: 3em 0 2em;
}
#menu h2 {
    display:none;
}
#menu .s2-avant {
    display: inline-grid;
    margin: 0 auto 1.3em;
    border: 5px solid #fff;
}
}
@media only screen and (min-width:480px) and (max-width: 699px) {
#menu .s-menu .row{
    max-width: 380px;
}
#menu .s2-avant {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    height: 175px;
}
#menu .s2-avant a strong{
    font-size: 37px;
	line-height:43px;
}
#menu .s2-avant a strong span{
    font-size: 24px;
	line-height:28px;
}
}
@media only screen and (max-width: 479px) {
#menu .s-menu .row{
    max-width: 180px;
}
#menu .s2-avant {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 180px;
	align-self: center;
}
#menu .s2-avant a strong{
    font-size: 37px;
	line-height:43px;
}
#menu .s2-avant a strong span{
    font-size: 24px;
	line-height:28px;
}
}
@media only screen and (max-width: 800px) {
#menu .s2-avant a {
    align-self: center;
}
}
@media only screen and (max-width: 432px) {
#menu .s2-avant {
    padding: 0.5em 1em;
}
}
@media only screen and (max-width: 375px) {
#menu .s2-avant h3 {
    font-size: 15px;
}
}
/* =========================
   plats
==========================*/
.backplat{
	background:#B68749;
}
.p-plats .btn-archive a {
    color: #fff;
    background: #3E3E3E;
    border: 2px solid #3E3E3E;
    transform: translate(-50%, 60%);
    left: 50%;
    font-weight: 400;
    padding: 0.3em 1.2em 0.3em 1.5em;
}
.p-plats .btn-archive a:hover span {
    font-weight: 600;
    transition: .5s ease;
}
.p-plats .btn-archive a span {
    background: url(https://signelecocq.fr/wp-content/themes/MB_AEB/images/plus-vert.svg) 99% 65% no-repeat;
    padding-right: 1.5em;
    color: #fff;
}
.p-plats h2 {
    font-weight: 300;
    text-align: center;
	color: #B68749;
    letter-spacing: 2.6px;
    margin: 0.3em 0 .5em;
}
.p-plats h3 {
    font-size: 24px;
    font-weight: 100;
}
.p-plats h3 strong {
    font-size: 24px;
    font-weight: 700;
    color: #3E3E3E;
}
.p-plats .img-wrapper .bloc-2-3,
.p-plats .img-wrapper .bloc-3 {
    align-self: center;
    padding: 0;
}
.p-plats .img-wrapper .bloc-3 {
    padding-top: 5%;
}
.clie{
	position: relative;
}
.clie h3{
	position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    color: #fff;
}

/* =========================
   BANDEAU
==========================*/
#tubq{
	background: #090312;
	padding:1.5em 0;
}
.title-bandeau {
    text-align: center;
}
.title-bandeau .btn-reserv  {
    display: inline-flex;
}
.title-bandeau .btn-reserv a {
    color: #fff;
    border: 8px solid #fff;
    font-size: 30px;
    padding: 0.5em 2em;
    line-height: 50px;
}
.title-bandeau .btn-reserv a strong {
    font-size: 47px;
    color: #fff;
    vertical-align: top;
    padding-left: 0.2em;
}
.title-bandeau .btn-reserv a:hover {
    color: #B68749;
    border: 8px solid #B68749;
}
.title-bandeau .btn-reserv a:hover strong{
    color: #B68749;
}
@media only screen and (max-width: 800px) {
.title-bandeau .btn-reserv a {
	border: 5px solid #fff;
	font-size: 24px;
	padding: 0.3em 1em;
}
.title-bandeau .btn-reserv a strong {
    font-size: 35px;
}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 600px) {
}
/* =========================
   ACTUALITES
==========================*/
#actu {
    padding: 4em 0;
    background: #ededed;
    background-size: cover;
}
#actu h2{
	text-align: center;
}
.s-actu{
	position: relative;
	padding-bottom:3em;
}
.s-actu .btn-archive a {
    color: #fff;
    background: #3E3E3E;
    border: 2px solid #3E3E3E;
    transform: translate(-50%, 60%);
    left: 50%;
	font-weight:600;
}
.s-actu .btn-archive a:hover {
	font-weight:700;
}
.article-actu {
    align-self: auto;
    margin-top: 2em;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.04);
	background: #fff;
}
.article-actu img {
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.imgcat{
	position:relative;
}
.categorie-accueil{
	position:absolute;
	bottom:0;
	right:0;
}
.categorie-accueil a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: #3E3E3E;
    padding: 0.3em 1em;
    display: inline-block;
}
/* AJOUT*/
.article-actu.bloc-3 {
    margin-top: 2em;
}
.article-actu.bloc-3 a>img {
    width: 100%;
}
.artqual {
    padding: 1em 1em 0.5em;
}
.artqual h3 { 
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}
.artqual h3 a{
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    color: #3E3E3E;
}
.categorie-accueil a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    background: #3E3E3E;
    padding: 0.3em 1em;
    display: inline-block;
}
.excerpt-accueil p {
    font-weight: 400;
    line-height: 20px;
    color:#3E3E3E;
    border-top: 1px solid #EBEBEB;
    padding: 1em 0;
}
.date-accueil {
    font-size: 13px;
	text-transform: uppercase;
    font-weight: 600;
    color: #3E3E3E;
    padding: 0.5em 0;
}
@media only screen and (min-width: 600px) and (max-width: 800px) {
.bloc-actu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
    padding: 0;
}
.bloc-actu:nth-child(1) {
    margin-right: 2%;
}
.bloc-actu:nth-child(2) {
    margin-left: 2%;
}
.bloc-actu:nth-child(3) {
    display: none;
}
}
@media only screen and (max-width: 800px) {
#actu {
    padding: 3em 0 4em;
}
.article-actu {
    padding: 0;
}
.s-actu .btn-archive a {
    width: fit-content;
}
}
@media only screen and (max-width: 480px) {
#actu {
    padding: 2em 0 3em;
}
.article-actu {
	margin-top: 1em;
}
}
/* =========================
   RESEAUX SOCIAUX
==========================*/
#rs {
    background: #F6F6F6;
    position: relative;
    background-size: cover;
}
#rs .container{
    padding: 3em 0 2em;
}
#rs  h2 {
    font-weight: 300;
    text-align: center;
	color: #B68749;
    letter-spacing: 2.6px;
    margin: 0.3em 0 .5em;
}
#rs .ff-stream {
    background:transparent;
}
#rs .ff-header {
    display:none;
}
#rs .ff-label-text{
    color: #fff;
    font-weight: 700;
}
#rs .ff-loadmore-wrapper .ff-btn{
    background: #3E3E3E;
}
#rs .ff-stream-wrapper {
    margin: 0;
}
#rs #ff-stream-1 .ff-loadmore-wrapper .ff-btn {
    background-color: #090312;
    border-radius: 0;
}
@media only screen and (max-width:1023px) {
#rs .container {
    width: 100%;
}
#rs .container .row{
    width: max-content;
	margin:auto;
}
}
@media only screen and (max-width:800px) {
#rs .container {
    padding: 3em 0;
}
#rs .ff-stream-wrapper {
    margin: 0;
}
}