/*
Theme Name: 123 Veggie
Theme URI:
Author: troOn
Author URI: troon.fr
Description:
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@font-face {
font-family: 'fredoka_oneregular';
src: url('polices/fredokaone-regular-webfont.eot');
src: url('polices/fredokaone-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('polices/fredokaone-regular-webfont.woff2') format('woff2'),
url('polices/fredokaone-regular-webfont.woff') format('woff'),
url('polices/fredokaone-regular-webfont.ttf') format('truetype'),
url('polices/fredokaone-regular-webfont.svg#fredoka_oneregular') format('svg');
font-weight: normal;
font-style: normal;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
small {
font-size: smaller;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
max-width:100%;
height:auto;
}
.centre {
text-align:center;
margin: 0 auto;
}
/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
display: table;
content: "";
}
.reduit {
max-width:1200px;
margin:0 auto;
}
/* =Repeatable patterns
-------------------------------------------------------------- */
/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
font-size: 11px;
line-height: 2.181818182;
font-weight: bold;
text-transform: uppercase;
color: #636363;
}
/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
font-size: 11px;
line-height: 2.181818182;
}
*, body
{
font-family: Verdana,Arial,sans-serif;
}
a
{
text-decoration:none;
}
iframe
{
width:100%;
display:block;
margin:0 auto;
}
.g-recaptcha iframe {
width:auto;
height:78px;
}
.separ
{
clear:both;
}
blockquote {
clear:both;
}
ul, ol {
margin-left:30px;
}
ul li {
list-style: disc;
margin-bottom:5px;
}
ol li {
list-style: decimal;
}
#principal .wp-caption-text {
color: #4f8e14;
font-size: 12px;
font-style: italic;
margin: 0;
text-align: center;
}
.flex{
display:flex;
}
.reduit{
width:1440px;
max-width: 100%;
}
/******************************* structure de la page */
#conteneur
{
position:relative;
}
#tete {
margin:10px auto;
position:relative;
justify-content: space-between;
}
#tete #avf
{
color:#999;
font-size:12px;
text-align:center;
line-height:1.4em;
}
#tete #avf a
{
display:block;
margin-top:10px;
}
#tete #avf a img {
}
nav#menu {
position:relative;
background-color:#00A537;
margin:10px 0 0;
z-index:10;
}
#cherchehaut {
background:#dedede;
text-align: center;
padding:15px;
}
#cherchehaut input {
border: 0 none;
font-family: "verdana",sans-serif;
font-size: 14px;
height: 30px;
margin: 0;
padding: 5px 15px;
}
#cherchehaut input[type=search] {
width:400px;
border-bottom: 2px solid #666;
background: #fff;
border-radius: 4px;
}
#cherchehaut input[type=submit] {
background:#666;
cursor:pointer
}
#cherchehaut input[type=submit]:hover {
background:#00a537;
color:#fff;
}
#principal_conteneur {
overflow:hidden;
margin:30px auto;
position:relative;
gap:120px;
}
.page-template-archive-blogs #principal_conteneur {
padding-bottom:150px;
}
#principal {
}
aside#sidebar {
width:300px;
flex-shrink: 0;
}
footer#pied {
position:relative;
background-color:#00A537;
}
footer#pied #pied_contenu
{
width:100%;
overflow:hidden;
max-width:1200px;
position:relative;
margin:0 auto;
padding:30px 15px;
box-sizing: border-box;
}
footer#pied .pied_colonne
{
float:left;
width:30%;
margin-right:3%;
color:#fff;
}
footer#pied li
{
margin-bottom:5px;
display:block;
}
footer#pied a
{
color:#fff;
}
footer#pied a:hover
{
text-decoration:underline;
}
footer#pied #social_bas p
{
margin-bottom:5px;
}
footer#pied #social_bas li
{
display:inline-block;
margin-left:5px;
}
footer#pied #social_bas a
{
opacity:0.8;
font-size:60px;
color:#fff;
}
footer#pied #social_bas a:hover
{
opacity:1;
}
#insta{
padding: 0;
background: #ffe9f4;
border-top: 2px solid #c62b78;
}
#insta h1{
color: #c62b78;
font-weight: 300;
font-size: 14px;
margin: -17px 0 10px 30px;
text-transform: uppercase;
}
#insta .sbi_photo_wrap a{
transition:0.2s;
border: 1px solid #aaa;
border-radius: 5px;
}
#insta .sbi_photo_wrap a:hover{
filter: grayscale(0);
}
#insta h3{
color:#c62b78;
}
/* tete */
#logo
{
float:left;
}
#social
{
position:absolute;
color:#c62b78;
text-align:right;
top:12px;
right:0;
font-size:32px;
}
#social ul
{
margin:0;
}
#social li
{
display:inline-block;
margin-right:12px;
}
#social li:nth-child(3)
{
margin-right:0;
}
#social a
{
opacity:0.8;
color:#fff;
}
#social a:hover
{
opacity:1;
}
#social img {
height:32px;
width:auto;
}
.wpsr-buttons .wpsr-btn {
vertical-align: top;
float:none;
margin: 0 0 5px 1em;
min-width:60px;
text-align: left;
}
.wpsr-buttons {
text-align: right;
margin:10px 0;
}
.wpsr-srvc-print {
background: #c62b78 none repeat scroll 0 0;
border-radius: 2px;
padding: 3px 5px !important;
}
.wpsr-srvc-print:hover {
background: #00a537;
}
.wpsr-srvc-print a {
color:#fff;
}
.wpsr-srvc-print a i {
color: #fff;
}
.wpsr-srvc-print a i:after {
content: "Imprimer";
font: bold 11px/11px "Helvetica Neue",Helvetica,sans-serif;
margin-left: 5px;
}
/**************************** imprimer *****************************/
#principal .imprimer a {
padding:0 10px;
display:inline-block;
font-weight:normal;
color:#4F8E3D;
font-size:20px;
}
#principal .imprimer a:hover {
color:#c62b78;
}
.copyright {
display:none;
}
/* menu */
.menu-resp {
display: none;
}
#menu .nav-menu {
height:55px;
}
#menu .nav-menu .menu-item-home a
{
background: url(img/maison.png) center center no-repeat;
font-size: 0;
}
#menu .menu-menu-container {
margin:0 auto;
}
#menu #menu_conteneur {
position:relative;
margin:0 auto;
}
#menu .nav-menu li
{
float:left;
position:relative;
list-style: none;
}
#menu li.menu-item{
width:auto;
}
#menu .nav-menu a
{
font-family: 'Roboto Condensed',sans-serif;
font-size:18px;
color:#fff;
padding:10px 20px;
text-decoration:none;
display:block;
transition:all 0.4s;
font-weight:normal;
max-width:320px;
text-align:center;
box-sizing: border-box;
height:55px;
line-height: 38px;
}
#menu .nav-menu #menu-item-5757 a,
#menu .nav-menu #menu-item-925 a {
}
#menu .nav-menu a:hover {
background-color:#2db75b;
}
#menu .nav-menu ul
{
display:none;
position:absolute;
top:0;
left:-30px;
background-color:#00A537;
margin-top:55px;
min-width:300px;
}
#menu .nav-menu ul li
{
display:block;
float:none;
}
#menu .nav-menu ul li a
{
font-family: 'Arial',sans-serif;
font-size:14px;
color:#fff;
padding:5px 10px 5px 20px;
text-decoration:none;
display:block;
transition:all 0.4s;
line-height:1.4em!important;
height:auto;
width:auto;
max-width: 100%;
text-align:left;
}
#menu .nav-menu ul li:last-child a
{
padding-bottom:20px;
}
#menu .nav-menu ul li a:hover
{
background-color:#2db75b;
}
#menu .nav-menu li:hover ul
{
display:block;
}
/**********************************************************************************************************************************/
/***************************************************** ACCUEIL ********************************************************************/
/**********************************************************************************************************************************/
.selections {
text-align: center;
margin-top:30px;
display:flex;
flex-wrap: wrap;
gap:60px;
}
.selection {
width:calc((100% - 60px) / 2);
vertical-align: top;
background-position: center center;
background-size: 100% 400px;
transition:1s all;
position:relative;
box-sizing: border-box;
overflow:hidden;
aspect-ratio: 1;
}
.selection img{
display: block;
object-fit: cover;
width:100%;
height:100%;
aspect-ratio: 1;
}
.selection.grand {
width:270px;
height:300px;
background-size: 300px 300px;
}
.selections h2 {
text-align: left;
}
.selection:nth-child(2n){
margin-right:0;
}
.selection.grand:nth-child(4n){
margin-right:10px;
}
.selection a {
display: block;
width:100%;
height:100%;
transition:0.2s all;
position:absolute;
top:0;
left:0;
}
.selection .case_texte {
padding:15px;
background:#ffe5f2;
width:100%;
height:400px;
box-sizing: border-box;
}
#principal .selection .case_texte h1 {
font-size:20px;
margin-bottom:15px;
}
.selection .case_texte a {
display:inline;
width:auto;
height:auto;
position:relative;
top:auto;
left:auto;
}
.selection.grand a {
display: block;
width: 270px;
height: 300px;
}
.selection:hover {
background-size: 450px 450px;
}
.selection.grand:hover {
background-size: 350px 350px;
}
.selection:hover a {
background:rgba(255,255,255,0);
}
#principal .selection a:hover {
text-decoration: none;
}
#principal .selection h2 {
text-align: center;
position: absolute;
right: 0;
bottom: 6%;
font-weight: normal;
transition: 0.2s all;
background: rgba(255,255,255,0.8);
font-size: 20px;
line-height: 1.3em;
box-sizing: border-box;
border-radius: 24px 0 0 24px;
padding: 20px;
width: 80%;
}
#principal .selection:nth-child(odd) h2{
color:#00a537;
}
#principal .selection:hover h2 {
bottom:24%;
}
/**********************************************************************************************************************************/
/***************************************************** PRINCIPAL ******************************************************************/
/**********************************************************************************************************************************/
#principal
{
color:#333;
font-size:14px;
line-height:1.4em;
width: calc(100% - 300px - 120px);
min-height:500px;
}
#principal a
{
color:#c62b78;
}
#principal a:hover
{
text-decoration:underline;
}
#principal h1
{
color:#00A537;
font-size:30px;
margin:0 0 45px;
line-height:1.3em;
font-weight:normal;
}
#principal h1:first-child {
margin-top:0;
}
#principal h2
{
color:#c62b78;
font-weight:bold;
font-size:18px;
margin:20px 0 10px;
}
#principal h2 span {
font-size:14px;
font-weight:normal;
}
#principal h3
{
color:#00A537;
font-family: Verdana,sans-serif;
font-size:14px;
margin:20px 0 10px;
font-weight:bold;
text-transform: none;
}
#principal h3#accueil_evt_titre,#principal h3#accueil_soutien_titre
{
color:#00A537;
font-family: 'Roboto Condensed',sans-serif;
font-size:22px;
margin:0 0 20px 0;
text-align:left;
}
#principal p
{
margin:0 0 1em;
}
#principal .chapo {
font-weight:bold;
font-size:1.2em;
line-height: 1.4em;
margin-bottom: 15px;
}
#principal #accueil_evt
{
width:68%;
float:left;
margin-top:40px
}
#principal #accueil_soutien
{
margin-top:40px;
text-align:right;
}
#principal .contenu ul
{
margin:20px 0 20px 20px;
}
#principal .contenu ul li
{
margin-left:15px;
list-style:disc inside;
display:list-item;
}
#recette_droite ol {
margin: 0 0 1.5em;
padding: 0;
counter-reset: item;
}
#recette_droite ol > li {
margin: 0;
padding: 0 0 0 2em;
text-indent: -2em;
list-style-type: none;
counter-increment: item;
}
#recette_droite ol > li:before {
display: inline-block;
width: 1em;
padding-right: 0.5em;
text-align: right;
content: counter(item) ".";
color:#c62b78;
font-size:1.2em;
}
.recette_a, .recette_p, .contenu {
text-align: justify;
text-justify: inter-word;
font-size:16px;
line-height: 1.4em;
}
#principal .contenu.recette_i ol, #principal .contenu.recette_i ul,
#principal .contenu.recette_p ol, #principal .contenu.recette_p ul,
#principal .contenu.recette_a ol, #principal .contenu.recette_a ul {
margin:0;
}
#principal .contenu.recette_i li,#principal .contenu.recette_p li,#principal .contenu.recette_a li {
margin:0 0 5px 0;
}
#principal .logo_article
{
float:right;
max-width:40%;
margin:0 0 40px 40px;
}
#principal .logo_article img
{
max-width:100%;
height:auto;
display:block;
}
#principal .blogs .source {
position:absolute;
bottom:-30px;
left:5px;
margin:0;
}
/*#principal .source
{
margin-bottom:20px;
position:relative;
transition: 0.2s all;
}
*/
#principal .source img {
display: block;
overflow:hidden;
border-radius: 60px;
border:1px solid #fff;
box-shadow: 3px 3px 3px #999;
}
#principal .source img:hover {
box-shadow: 1px 1px 1px #666;
}
#principal .source.nolink {
font-size:13px;
font-weight:normal;
color:#666;
}
#principal .source .source_txt {
background: #fff none repeat scroll 0 0;
border: 1px solid #999;
border-radius: 5px;
top: 65px;
box-shadow: 2px 2px 2px #999;
box-sizing: border-box;
display: none;
left: 0;
padding: 5px;
position: absolute;
white-space: nowrap;
font-size: 11px;
line-height: 1.2em;
transition: 0.2s all;
}
#principal .une_recette .source .source_txt {
top:100px;
left:0;
}
#principal .source:hover .source_txt {
display: block;
}
#principal .infos
{
margin-bottom:20px;
color:#c62b78;
}
#principal .infos .auteur
{
color:#00A537;
font-weight:bold;
}
#principal .alignright {
float:right;
margin:0 0 10px 30px;
max-width: 50%;
}
#principal .alignleft {
float:left;
margin:0 30px 10px 0;
max-width: 50%;
}
#principal .aligncenter
{
text-align:center;
margin:20px auto;
display:block;
}
#principal .wp-caption {
max-width:100%;
}
#principal blockquote
{
margin:30px auto;
width:80%;
padding:20px 60px;
background-image: url(img/blockquote_deb.png),url(img/blockquote_fin.png);
background-position:20px 20px, right 20px bottom 20px;
background-repeat:no-repeat;
border:1px solid #dedede;
box-sizing: border-box;
}
#principal table
{
width: 100%;
}
#principal th {
background:#00A537;
color:#fff;
padding:10px 15px;
font-size:18px;
text-transform: uppercase;
white-space: nowrap;
}
#principal td
{
border-collapse: collapse;
padding:5px 10px;
}
#principal tr {
padding:5px;
border-bottom:1px dotted #c62b78;
}
#principal table.nostyle tr {
border:0;
}
#principal tr td:nth-child(1)
{
}
#principal tr:nth-child(odd)
{
background-color:#FFE5F2;
}
#principal thead tr
{
background-color:#C62B78!important;
}
#principal thead tr th
{
text-align:center;
color:#fff;
padding:2px 5px;
border-collapse: collapse;
border:1px solid #888;
vertical-align:middle;
}
#principal tfoot tr
{
background-color:#fff!important;
}
#principal tfoot td
{
background-color:#fff!important;
text-align:center;
color:#333;
border:0!important;
font-weight:normal;
font-size:12px;
margin:0 0 20px;
}
#principal table.nostyle {
table-layout: fixed;
}
#principal table.nostyle tr {
background:none;
}
#principal table.nostyle td {
background:none;
vertical-align:top;
border:0;
text-align:center;
}
#principal table.nostyle td .aligncenter {
margin:0 auto;
}
#principal .acf-map, #principal .acf-map2 {
width:100%;
height:300px;
}
.partage
{
margin:20px 0;
text-align:right;
}
.partage li
{
display:inline-block;
vertical-align:top;
}
/************* listes *************/
#repas_tri {
border-bottom: 5px solid #E472A9;
margin: 0 0 45px;
overflow: hidden;
}
#repas_tri div {
float:left;
margin-left:4%;
font-weight:normal;
font-size:16px;
white-space:nowrap;
}
#repas_tri div span {
padding:5px 5%;
background-color:#E472A9;
display:block;
color:#fff;
}
#repas_tri a {
padding:5px 5%;
background-color:#dedede;
color:#666;
display:block;
transition:all 0.2s;
font-weight:normal;
}
#repas_tri a:hover {
background-color:#E472A9;
text-decoration:none;
}
#principal .liste a:hover
{
text-decoration:none;
}
ul.liste{
margin:0;
}
.liste li
{
overflow:hidden;
display:block;
transition:all 0.2s;
padding:10px 20px;
}
.liste li li
{
padding:0;
}
.liste a
{
display:block;
}
.liste li:hover
{
background:#ffe5f2;
}
#principal .liste h2
{
color:#c62b78;
font-weight:bold;
font-size:17px;
margin:0 0 10px;
}
.liste h2 span
{
text-transform:uppercase;
}
.liste .logo
{
float:left;
margin:0 20px 20px 0;
border:1px solid #ccc;
}
.logo img
{
display:block;
}
.liste .texte
{
color:#333;
font-size:14px;
line-height:1.4em;
font-weight:normal;
}
.liste .suite
{
font-size:14px;
font-weight:bold;
margin-top:20px;
color:#c62b78;
}
/*--liste evenements --*/
.liste_evt li
{
display:list-item;
list-style:disc outside;
margin-left:15px;
margin-bottom:10px;
color:#c62b78;
}
.liste_evt li a
{
font-size:12px;
color:#666;
line-height:1.4em;
}
.liste_evt li a:hover {
color:#c62b78;
}
/*--liste soutiens --*/
ul.liste_vignettes {
padding:0;
margin: 0;
}
.liste_vignettes li {
float:left;
width:20%;
padding-right:1%;
display:block;
list-style:none;
margin-left:0!important;
box-sizing: border-box;
}
.liste_vignettes li:last-child {
padding-right:0;
}
.liste_vignettes li:nth-child(1)
{
margin-left:1%;
}
.liste_vignettes li a
{
opacity:0.8;
transition:all 0.2s;
}
.liste_vignettes li a:hover
{
opacity:1;
}
.liste_vignettes .logo {
border-radius:5px;
max-width:100%;
height:135px;
overflow:hidden;
}
.liste_vignettes li img {
display:block;
}
.blogs {
padding:0;
margin:0;
display:flex;
flex-wrap: wrap;
gap:40px 20px;
}
.blogs.flex{
flex-wrap: wrap;
gap:20px;
}
.blogs .blog_desc {
display:none;
position:absolute;
background-color:#eee;
padding:15px;
top:260px;
left:0;
border:1px solid #999;
z-index:100;
box-sizing: border-box;
box-shadow: 2px 2px 2px #333;
font-size:12px;
color:#333;
font-weight:normal;
width:100%;
}
.blogs.pt .blog_desc {
top:140px;
width:320px;
box-sizing: border-box;
box-shadow: 2px 2px 2px #333;
font-size:12px;
color:#333;
font-weight:normal;
}
.blogs li:nth-child(3n) .blog_desc {
right:0;
left:auto;
}
.blogs li:hover .blog_desc {
display:block;
}
.blogs .item {
position:relative;
width: calc((100% - 60px) / 4);
list-style:none;
display: inline-block;
}
.blogs.pt .item {
width:150px;
height:190px;
}
.blogs .item:nth-child(3n){
margin-right:0;
}
.blogs.pt .item:nth-child(3n){
margin-right:20px;
}
#principal .blogs .item h2 {
text-align:center;
margin:0;
font-size:16px;
font-weight:normal;
box-sizing: border-box;
}
#principal .blogs .blog_logo {
position:relative;
width:100%;
transition:background-size 0.4s;
box-sizing: border-box;
background-repeat: no-repeat;
background-size: auto 100%;
aspect-ratio: 1;
}
#principal .blogs.pt .blog_logo {
position: relative;
width: 150px;
height: 150px;
border-radius: 10px 10px 0 0;
background-size: auto 150px;
}
#principal .blogs .blog_logo a {
display: block;
}
#principal .blogs.pt .blog_logo a {
display: block;
width:150px;
height:150px;
}
#principal .blogs .blog_logo a > img,
.blog_logo > img{
object-fit: cover;
width:100%;
height:100%;
}
#principal .blog_logo .blog_logo_lien img {
object-fit: cover;
width:100%;
height:400px;
}
#principal .single .blog_logo .blog_logo_lien img {
height:auto;
}
.blog_logo .min_img {
object-fit: cover;
transition: 0.2s all;
box-sizing: border-box;
aspect-ratio: 1;
width:100%;
}
.blog_logo:hover .min_img {
padding:0;
}
#principal .blogs li:hover .blog_logo {
background-size:auto 300px;
}
#principal .blogs.pt li:hover .blog_logo {
background-size:auto 180px;
}
#principal .blogs li:hover .blog_pres {
opacity:0;
}
#principal .blog_date {
margin:15px 0;
font-size:20px;
}
#principal .blogs .blog_site, #principal .blogs .blog_recettes {
display:block;
position:absolute;
bottom:30px;
font-size:12px;
box-sizing: border-box;
width:105px;
text-align:center;
transition:all 0.2s;
color:#fff;
font-weight: normal;
}
#principal .blogs li:hover .blog_site, #principal .blogs li:hover .blog_recettes {
bottom:80px;
}
#principal .blogs .blog_site {
right:0;
background:rgba(228,114,169,0.8);
}
#principal .blogs .blog_recettes {
left:0;
background:rgba(79,142,19,0.8);
}
#principal .blogs .blog_site:hover {
background:rgba(228,114,169,1);
}
#principal .blogs .blog_recettes:hover {
background:rgba(79,142,19,1);
}
#principal .blogs .blog_site:hover, #principal .blogs .blog_recettes:hover {
width: 125px;
text-decoration:none;
}
.blogs .blog_social {
position:absolute;
bottom:0;
left:0;
box-sizing: border-box;
padding:2px 15px;
background:rgba(0,0,0,0.6);
width:100%;
transition:all 0.2s;
margin:0;
}
.blogs li:hover .blog_social {
bottom:50px;
}
#principal .blogs .blog_social li {
display:inline-block;
margin-right:5px;
}
#principal .blogs .blog_social a {
color:#E472A9;
font-size:20px;
}
#principal .blogs .blog_social a:hover {
color:#00A537;
}
.blogs .blog_pres {
padding:5px 15px;
background:rgba(255,255,255,0.8);
color:#333;
position:absolute;
top:0;
left:0;
width:75%;
text-align:center;
box-sizing: border-box;
transition:0.2s all;
opacity:1;
margin:15px 0 0 0;
}
.blog_suite {
opacity:0;
position:absolute;
right:5px;
bottom: 5px;
background:#c62b78;
color:#fff;
padding:5px 10px;
font-weight:normal;
transition:0.2s all;
}
.blogs .item:hover .blog_suite {
bottom:10px;
opacity:0.8;
}
.une_recette {
display:block;
width:100%;
margin-bottom:75px;
position:relative;
}
.une_recette .blog_logo {
width:100%;
height:400px;
position:relative;
background-size:100%;
background-position:center center;
background-repeat: no-repeat;
}
.une_recette .blog_logo a.blog_logo_lien {
display:block;
width:100%;
height:400px;
}
.une_recette.single .blog_logo {
height:auto;
}
.une_recette.single .blog_logo a.blog_logo_lien {
height:auto;
}
.une_recette .blog_titre {
position:absolute;
top:3px;
left:3px;
background:rgba(255,255,255,0.8);
padding:5px 15px;
text-align:center;
width:420px;
}
.une_recette .blog_img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.une_recette .blog_img img {
object-fit: cover;
width:100%;
height:100%;
}
#principal .une_recette h2,
#principal .une_recette h1 {
margin:0;
padding:0;
font-size:24px;
font-family:"Roboto Condensed",sans-serif;
line-height:1.4em;
font-weight:normal;
margin-bottom:5px;
white-space: normal;
color:#C62B78;
}
.une_recette a:hover {
text-decoration:none!important;
}
.une_recette .source {
height:100px;
margin:0 auto;
position:absolute;
bottom:-50px;
left:30px;
}
.une_recette .blog_pres .horaires {
font-size:18px;
}
.une_recette .blog_desc {
position:absolute;
top:0;
left:50%;
width:50%;
background:rgba(0,0,0,0.8);
padding:15px 15px 15px 30px;
font-weight:normal;
color:#fff;
height:400px;
box-sizing: border-box;
opacity:0;
transition:0.2s all;
overflow:hidden;
white-space: normal;
}
.une_recette .blog_desc li {
list-style:square;
margin-bottom:2px;
}
.une_recette:hover .blog_desc {
opacity:1;
}
.une_recette .blog_suite {
background:transparent;
padding:0;
}
.une_recette .blog_suite a {
background:#c62b78;
color:#fff;
padding:5px 10px;
display:inline-block;
}
.une_recette .blog_suite_une {
position:absolute;
bottom:10px;
right:10px;
background:#c62b78;
color:#fff;
padding:5px 10px;
display:inline-block;
opacity:0;
transition:0.2s all;
}
.une_recette:hover .blog_suite_une {
opacity: 0.8;
}
.une_recette .blog_suite a:hover {
text-decoration:none;
background-color:#00A537;
}
#recette_principal {
display: flex;
flex-wrap: wrap;
gap:80px;
}
#recette_principal .recette_i {
width:30%;
flex-shrink: 0;
}
#recette_principal .recette_i ul {
margin:5px 0 15px 15px;
}
#recette_principal .recette_i li {
margin:0 0 5px 0;
}
#recette_principal #recette_droite {
box-sizing: border-box;
width: calc(100% - 80px - 30%);
}
#accueil_slider {
height:400px;
width:100%;
border-radius: 24px;
}
.cycle-slideshow .une_recette {
margin:0;
height:400px;
}
.cycle-slideshow .une_recette a {
display:block;
height:100%;
width:100%;
}
.cycle-pager {
position:absolute;
bottom:15px!important;
left:15px!important;
text-align: left!important;
}
.swiper-pagination-bullet, .cycle-pager span {
width:12px!important;
height: 12px !important;;
display:inline-block;
font-size:0;
cursor:pointer;
margin:0 5px;
background-color:#c62b78;
border:3px solid transparent;
border-radius:0!important;
}
.swiper-pagination-bullet:hover, .cycle-pager span:hover {
background-color:#fff;
border:3px solid #c62b78;
}
.cycle-pager .swiper-pagination-bullet-active, .cycle-pager-active {
background-color:#c62b78;
border:3px solid #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
width:auto!important;
}
.swiper-container {
width: 100%;
height: 100%;
}
/*--related posts --*/
#principal .yarpp-related
{
border-top:1px solid #dedede
}
#principal .yarpp-related h4
{
color:#00A537;
font-family: 'Roboto Condensed',sans-serif;
font-size:16px;
margin:1em 0 !important;
font-weight:normal;
}
#principal .yarpp-related ul
{
margin:0;
padding:0;
overflow:hidden
}
#principal .yarpp-related li
{
width:29%;
margin:0 3% 0 0;
float:left;
list-style:none;
display:block;
padding:0;
}
#principal .yarpp-related li:nth-child(1)
{
margin-left:3%
}
#principal .yarpp-related a
{
color:#c62b78;
font-size:14px;
text-align:center;
display:block;
font-weight:normal;
transition:all 0.2s;
border:0;
width: calc((100% - 40px) / 3);
margin:0;
aspect-ratio: 1;
height: 100%;
}
#principal .yarpp-related a:hover
{
border:5px solid #fff
}
.yarpp-related img
{
max-width:100%;
height:auto;
}
.yarpp-thumbnails-horizontal{
display:flex;
flex-wrap: wrap;
gap:20px;
}
.yarpp-thumbnails-horizontal a{
width: calc((100% - 40px) / 3);
margin:0;
border:0;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width:100%;
margin:0;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
margin: 7px;
width: auto;
text-align: center;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 100%!important;
height: 100%!important;
margin: 0!important;
aspect-ratio: 1!important;
object-fit: cover!important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
width: 100%!important;
text-align: center!important;
font-weight: 400!important;
}
/****************************************** sidebar */
#sidebar .bloc_side
{
margin-bottom:30px;
position:relative;
transition:0.5s all;
}
#sidebar .bloc_side_desc {
display:none;
opacity:0;
background-color: #eee;
box-sizing: border-box;
color: #333;
font-size: 14px;
font-weight: normal;
padding: 15px;
z-index: 100;
transition:0.5s all;
line-height:1.4em;
margin-bottom:5px;
}
#sidebar .bloc_side:hover .bloc_side_desc {
display:block;
opacity:1;
}
#sidebar i {
width:34px;
font-size:24px;
}
#sidebar .bloc_side h4
{
}
#sidebar #engage h4
{
}
#sidebar #engage a h4
{
display:block;
background:#00A537;
padding:14px 10px;
height:22px;
font-size:18px;
font-family: 'Roboto Condensed',sans-serif;
border-radius:5px;
color:#fff;
background-size:auto 40px;
font-weight:normal;
}
#sidebar #bloc_chef {
margin-right:2%;
}
#sidebar #bloc_soutien, #sidebar #bloc_chef {
width:48%;
display:inline-block;
vertical-align: top;
}
#sidebar #bloc_soutien a {
color:#fff;
font-size:18px;
font-family: 'Roboto',sans-serif;
background:#00A537 url(img/partenaires.png) no-repeat scroll 10px / auto 30px;
height:50px;
padding:20px 10px 0 50px;
cursor:pointer;
border-radius:5px;
font-weight:normal;
display:block;
box-sizing: border-box;
}
#sidebar #bloc_soutien a:hover {
background-color:#c62b78;
}
#sidebar #bloc_chef a {
background: #00A537 url(img/chef.png) no-repeat scroll 10px center / auto 30px;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: block;
font-family: "Roboto",sans-serif;
font-size: 18px;
font-weight: normal;
height: 50px;
padding: 20px 10px 0 45px;
}
#sidebar #bloc_chef a:hover {
background-color:#c62b78;
}
#sidebar #adherer_avf a {
color:#fff;
font-size:18px;
font-family: 'Roboto',sans-serif;
background:#c62b78 url(img/donner.png) 10px center no-repeat;
height:36px;
padding:24px 10px 0 50px;
cursor:pointer;
border-radius:5px;
font-weight:normal;
display:block;
background-size:auto 40px;
}
#sidebar #adherer_avf a:hover {
background-color:#00A537;
}
#sidebar #lettre h4{
margin:0;
padding:0;
}
#sidebar #lettre h4
{
background:#c62b78;
color:#fff;
padding:14px 10px;
cursor:pointer;
font-size:18px;
font-family: 'Roboto Condensed',sans-serif;
border-radius:5px;
font-weight:normal;
background-size:auto 40px;
}
#sidebar #lettre h4 a{
color:#fff;
font-weight:normal;
font-family: 'Roboto Condensed',sans-serif;
}
#sidebar #lettre h4:hover
{
background-color:#00A537;
}
#sidebar #agenda
{
}
#sidebar #agenda h4, #principal h2.agenda {
}
#sidebar #agenda h4 a {
color:#fff;
background:#00A537;
padding:14px 10px 0 10px;
height:36px;
border-radius: 5px;
display: block;
font-family: 'Roboto Condensed',sans-serif;
font-weight: normal;
font-size:18px;
}
#sidebar #agenda h4 a:hover {
background: #c62b78;
}
#principal h2.agenda {
display:inline-block;
margin:0 0 30px;
}
#principal h2.agenda:hover {
background: #c62b78;
}
#principal h2.agenda i {
width:34px;
font-size:24px;
}
#principal h2.agenda a {
color:#fff;
font-weight:normal;
}
#principal h2.agenda a:hover {
text-decoration: none;
}
#sidebar #agenda .liste_evt {
margin:10px 0;
}
#sidebar #agenda .tout {
margin:20px 0 0;
font-size:0.8em;
text-align:center;
}
#sidebar #agenda {
overflow: hidden;
}
#sidebar #agenda .tout a {
color:#c62b78;
}
#sidebar #agenda .side_atelier {
display: block;
text-align: center;
vertical-align: top;
width:100%;
height:150px;
background-repeat: no-repeat;
background-size: 100% auto;
margin-bottom:2px;
}
#sidebar #agenda .side_atelier a {
display:block;
padding: 50px 45px;
height: 100%;
width: 100%;
line-height: 1.4em;
box-sizing: border-box;
color: #fff;
background-color:rgba(0,0,0,0.4);
font-size: 14px;
transition: all 0.2s;
font-weight: bold;
}
#sidebar #agenda .side_atelier a:hover {
background-color:rgba(0,0,0,0.8);
}
#sidebar #chefs_rand .chef {
display: inline-block;
float: left;
margin: 2% 2% 0 0 ;
text-align: center;
vertical-align: top;
width:49%;
position:relative;
}
#sidebar #chefs_rand .chef:nth-child(2n) {
margin-right:0;
}
#sidebar #chefs_rand .chef a {
height: 100%;
width: 100%;
position:absolute;
top:0;
left:0;
color: #fff;
}
#sidebar #chefs_rand .chef a span {
display:none;
}
#sidebar #chefs_rand .chef a:hover span {
display:block;
padding: 42px 5px 0;
box-sizing: border-box;
background-color:rgba(0,0,0,0.8);
font-size: 13px;
transition: all 0.2s;
font-weight: bold;
height:100%;
}
#siderbar #chefs_rand img {
object-fit: cover;
width:100%;
height:auto;
}
#sidebar #partenaires
{
color:#999;
text-align:center;
margin-top:90px;
line-height:1.4em;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
#part_cont{
display:flex;
gap:0 30px;
justify-content: center;
}
#sidebar #avf p, #sidebar #partenaires p {
margin:0 0 15px;
}
#partenaires a {
display:block;
margin-bottom:10px;
align-self: end;
}
#partenaires a img {
width:auto;
}
/****************************************** formulaires */
.formulaire li
{
margin-bottom:10px;
overflow:hidden;
}
/* Form fields, general styles first */
button,
input,
select,
textarea {
border: 1px solid #888;
font-family: inherit;
padding: 5px 10px;
font-size:14px;
color:#333;
}
button:focus,
input:focus,
select:focus,
textarea:focus
{
background-color:#FFE5F2
}
label
{
font-size:14px;
font-weight:bold;
color:#888;
}
button,
input {
line-height: normal;
}
textarea {
font-size: 100%;
overflow: auto;
vertical-align: top;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
}
/* Buttons */
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
ul.wpuf-form .wpuf-submit input[type="submit"]
{
padding: 10px 20px;
font-size:18px;
font-family: 'Roboto',sans-serif;
color: #fff;
background-color: #00A537;
background-image:none;
border:0;
box-shadow:0 0 0;
border-radius:0;
}
.menu-resp,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover
{
font-size:18px;
font-family: 'Roboto',sans-serif;
color: #4f8e14;
background-color: #fff;
border:1px solid #00A537
}
.boutons
{
text-align:center;
margin:20px 0;
}
fieldset
{
border-width:3px;
border-style:solid;
border-radius:5px;
}
/* newsletter */
#mc_embed_signup label
{
float:left;
width:200px;
padding:5px 10px 0 0;
}
#mc_embed_signup fieldset
{
border-color:#C62B78;
padding:10px;
margin-top:2px;
}
#mc_embed_signup input[type='text'], #mc_embed_signup input[type='email']
{
width:132px;
}
#mc_embed_signup input[type='number']
{
width:80px;
}
#mc_embed_signup input[type='submit']
{
padding:5px 10px;
font-size:14px;
}
.indicates-required
{
margin:10px 0;
color:#f00;
font-size:12px;
text-align:right;
}
.asterisk
{
color:#f00;
}
#principal .contenu form ul,#principal .contenu form li
{
margin:0
}
#principal form label
{
display:block;
}
#principal form input[type='text'], #principal form input[type='email'], #principal form textarea
{
width:98%;
}
#principal form .boutons
{
margin-top:20px;
text-align:left;
}
#principal .bouton {
text-align:center;
margin:30px auto;
}
#principal .bouton a {
padding:5px 15px;
background-color:#C62B78;
color:#fff;
display:inline-block;
}
#principal .bouton a:hover {
background:#4f8e14;
text-decoration:none;
}
/******** recherche */
#recherche input[type='text']
{
display:inline-block;
padding:8px 9px;
width:174px;
}
#recherche input[type='submit']
{
display:inline-block;
padding:5px 10px;
border:1px solid #fff;
}
#recherche_recettes {
padding:15px;
background:rgba(0,0,0,0.1);
overflow:hidden;
margin-bottom:50px;
}
.col3 {
float:left;
width:33.33%;
text-align:center;
box-sizing: border-box;
padding:15px;
border-right:1px solid #aaa;
}
.col3:last-child {
border:0;
}
.col3 input[type=submit]{
margin-top:15px;
}
#recherche_recettes h3 {
margin:0 0 5px;
}
.col3 input, .col3 select, .col3 textarea {
width:100%;
box-sizing: border-box;
}
#recherche_recettes input[type=submit] {
padding:4px 15px;
border:1px solid #4f8e14;
font-size:14px;
font-weight:normal;
font-family:Verdana,sans-serif;
}
/********* pagination */
.wp-pagenavi
{
text-align:center;
margin:40px 0 20px;
}
.wp-pagenavi a, .wp-pagenavi span
{
border:0;
}
.wp-pagenavi .pages
{
display:block;
}
.auteur
{
overflow:hidden;
position:relative;
}
.auteur_livre
{
overflow:hidden;
background-color:#eeffde;
font-weight:bold;
color:#00A537;
}
#principal .auteur h1 {
margin:0 0 15px 0;
font-size:18px;
font-family: verdana,sans-serif;
}
#principal .auteur h4 span {
font-family: "Roboto Condensed",sans-serif;
}
.auteur .logo
{
float:left;
padding:0 20px 0 0;
border:0;
width:30%;
box-sizing: border-box;
}
.auteur .auteur_infos {
float:right;
width:70%;
}
.auteur .site {
text-align: right;
margin-top:30px;
}
#principal .auteur .site a {
padding:5px 15px;
background:#C62B78;
color:#fff;
font-weight:normal;
display: inline-block;
}
#principal .auteur .site a:hover {
text-decoration:none;
background-color:#00A537;
}
.auteur .blog_social {
margin:0 0 15px 0;
}
.auteur .blog_social li {
display:inline-block;
font-size:24px;
}
.logo_article
{
border:1px solid #ccc;
}
#recettes_form
{
text-align:center;
}
#recettes_form label
{
display:block;
}
/* livre d'or */
.form-allowed-tags
{
display:none;
}
article.comment
{
background-color:#b1dea5;
margin-bottom:15px;
padding:15px;
}
article.comment section div:before
{
content:url(img/blockquote_deb.png)
}
article.comment section div:after
{
content:url(img/blockquote_fin.png)
}
article.comment section div p
{
line-height:1.4em;
font-size:14px;
}
article.comment section div p:first-child, article.comment section div p:last-child
{
display:inline;
}
article.comment header
{
text-align:right;
margin-top:15px;
}
.temoigner_slogan {
margin:15px 0;
text-align:center;
font-size:14px;
color:#666;
}
.temoigner_nb
{
text-align:center;
margin:15px 0;
}
.temoigner_nb a
{
color:#00A537;
font-weight:bold;
font-size:14px;
}
h2.engage big
{
color:#00A537;
font-size:1.4em;
}
#jemengage
{
margin-bottom:15px;
}
#jemengage a
{
background: #00A537 url("img/picto_engage.png") 10px center no-repeat;
border-radius: 5px;
color: #fff;
display: block;
font-family: "Roboto Condensed",sans-serif;
font-size: 18px;
height: 22px;
padding: 18px 10px 10px 70px;
}
#jemengage a:hover
{
background-color:#c62b78;
text-decoration:none;
}
#jemengage_form
{
display:none;
border: 1px solid #00A537;
padding:30px;
}
.footnotes {
margin-top:45px;
padding-top:15px;
border-top:1px solid #999;
font-size:13px;
}
/**************************** ATELIERS *****************************************/
#atelier_principal {
overflow:hidden;
font-size: 16px;
}
#atelier_lieu {
float:left;
width:25%;
box-sizing: border-box;
font-size:14px;
}
#atelier_lieu h2 {
font-weight:normal;
margin:0;
font-size:20px;
line-height: 1.4em;
color:#00A537;
}
#atelier_lieu a {
}
#atelier_lieu .lieu_coord {
margin-bottom:30px;
padding:5px;
}
#atelier_lieu div {
margin-bottom:5px;
}
#atelier_lieu .tel:before,
#atelier_lieu .site:before,
#atelier_lieu .fb:before {
font-family:"FontAwesome",sans-serif;
content:"\f098";
color:#c62b78;
font-size:18px;
margin-right:5px;
}
#atelier_lieu .tel:before {
content:"\f098";
}
#atelier_lieu .site:before {
content:"\f0ac";
}
#atelier_lieu .fb:before {
content:"\f230";
}
.atelier_contenu {
box-sizing: border-box;
}
#ateliers_liste {
margin-top:30px;
}
#principal #ateliers_liste ul {
margin:15px 0;
padding:0;
list-style: none;
}
#principal #ateliers_liste li {
margin:0;
padding:0;
list-style: none;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #c62b78;
}
#principal #ateliers_liste li li {
margin:auto;
padding:0;
list-style: disc;
border-bottom:0;
}
#principal #ateliers_liste li:last-child {
border-bottom: 0;
}
#ateliers_liste h3 {
font-weight:normal;
font-size:16px;
}
#ateliers_liste .ateliers_boutons {
text-align: right;
margin-top:15px;
}
#ateliers_liste .ateliers_boutons .bouton {
display:inline-block;
margin:0 0 5px;
}
#ateliers_liste .ateliers_boutons .bouton a {
display:inline-block;
margin-left:5px;
transition:all 0.2s;
padding:5px 10px;
box-sizing: border-box;
height:30px;
border-radius:2px;
}
#principal .reservation.bouton a {
background: #4F8E14;
}
#principal .reservation.bouton.non a {
background: #f00;
}
#principal .reservation.bouton a:hover {
background: #c62b78;
}
#ateliers_liste .ateliers_boutons .bouton i {
font-size:20px;
}
#ateliers_liste .ateliers_boutons .bouton a:hover {
}
#at_part {
padding:15px;
margin-top:30px;
border-top:1px solid #dedede;
font-size:1.2em;
background: #F9F9F9;
overflow: hidden;
}
#at_part p:nth-child(1) img {
height:40px;
width:auto;
vertical-align: text-bottom;
display: inline;
float:none;
margin:0;
}
.at_alerte {
display:inline-block;
margin:0 15px 15px 0;
font-size:1.2em;
background:#f00;
color:#fff;
padding:5px 15px;
border-radius: 2px;
text-transform: uppercase;
}
#passe {
text-align:center;
margin:15px 0;
}
#principal #mc-embedded-subscribe-form li {
list-style: none;
margin-bottom:10px;
}
#mc-embedded-subscribe-form input {
max-width:400px;
}
#principal #mc-embedded-subscribe-form .boutons{
text-align: center;
}
#principal #mc-embedded-subscribe-form .boutons input[type="submit"] {
font-size:24px;
cursor: pointer;
border:1px solid #fff;
}
/***************************************************************************************************************************/
/************************************ NOTES ********************************************************************************/
/***************************************************************************************************************************/
.post-ratings {
text-align: right;
}
.post-ratings img {
vertical-align: top;
}
.liste_notes {
text-align: right;
font-size:10px;
text-transform: uppercase;
margin-bottom:2px;
}
.liste_notes .post-ratings-image {
width:16px;
height:auto;
vertical-align: bottom;
}
.note_txt {
font-size:12px;
height:16px;
}
.nbvote {
background: #00a537;
border-radius: 9px;
color: #fff;
display: inline-block;
font-size: 12px;
min-width: 18px;
padding: 2px;
text-align: center;
}
.liste_notes .nbvote {
font-size:10px;
padding:0;
}
/***************************************************************************************************************************/
/************************************ COLONNES *****************************************************************************/
/***************************************************************************************************************************/
.cols{
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: space-between;
}
.col2 .col{
width:45%;
}
.col4 .col{
width:23%;
}
.col5 .col{
width:18%;
}
/***************************************************************************************************************************/
/************************************ CALENDRIER ***************************************************************************/
/***************************************************************************************************************************/
#saisons{
height:120px;
margin-bottom:30px;
justify-content: left;
}
#saisons .col{
width:25%;
height:120px;
position:relative;
}
#saisons img{
object-fit: cover;
height:120px;
width:100%;
}
#saisons .title{
position:absolute;
top:0;
left:0;
text-align: center;
line-height: 120px;
width: 100%;
}
#saisons .title a{
display: block;
width: 100%;
height:120px;
color:#000;
background:rgba(255,255,255,0.6);
font-size:18px;
}
#saisons .title a:hover{
text-decoration: none;
color:#c62b78;
}
#saisons .col:hover img{
filter: grayscale(1);
}
.une_recette #saisons{
justify-content: right;
position: absolute;
bottom: 0;
right: 0;
margin:0;
}
.une_recette #saisons .col{
width:80px;
height:80px;
margin-right:15px;
}
.une_recette #saisons .title{
height:80px;
line-height: 80px;
}
.une_recette #saisons .title a{
font-size:14px;
border-radius: 80px;
height:80px;
}
.une_recette #saisons img{
border-radius: 80px;
height:80px;
}
#choix_saison_title{
padding: 5px 15px;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
background: #dedede;
display: inline-block;
font-size: 12px;
width: 25%;
box-sizing: border-box;
text-align: center;
}
/***************************************************************************************************************************/
/************************************ POPUP ******************************************************************************/
/***************************************************************************************************************************/
.popmake .popmake-title{
background:#039a01;
color:#fff;
font-size:25px;
line-height:1.4em;
padding:15px;
text-align: center;
}
.popmake p {
margin:10px 0;
font-size: 16px;
color:#333;
line-height: 1.4em;
}
.popmake-content {
padding:15px;
}
.popmake .bouton {
text-align: center;
margin:15px auto;
}
.popmake .bouton a {
background:#039a01;
text-align: center;
padding:5px 15px;
font-size: 20px;
color:#fff;
display: inline-block;
}
.popmake .bouton a:hover {
background:#333;
}
.spotlight-instagram-feed{
padding:15px;
}
.FeedLayout__wrapper{
background-color: transparent;
}
.FeedGridLayout__grid{
gap:20px!important;
}
.FeedGridLayout__cell{
border-radius: 16px;
overflow: hidden;
box-shadow: 4px 4px 3px #c62b78;
}
/***************************************************************************************************************************/
/************************************ TINYMcE ******************************************************************************/
/***************************************************************************************************************************/
.encadre {
background:#ffe5f2;
padding:30px;
font-size:110%;
border:1px solid #dedede;
margin:15px auto;
width:80%;
}
.encadre.grand {
border:0;
width:auto;
}
@media screen and (max-width: 1440px) {
.reduit{
max-width:90%;
}
.une_recette .blog_logo {
background-size: auto 100%;
}
#principal_conteneur{
gap:40px;
}
.blogs .item {
width: calc((100% - 40px) / 3);
}
#principal {
width: calc(100% - 300px - 40px);
}
}
@media screen and (max-width: 1250px) {
#tete, #principal_conteneur {
padding:15px;
width:auto;
clear:both;
flex-wrap: wrap;
}
}
@media screen and (max-width: 1190px) {
#principal {
transition:all 0.2s;
}
#logo img {
height:90px;
width:auto;
}
#social {
margin-top:0;
}
}
@media screen and (max-width: 1090px) {
#principal {
width: calc(75% - 40px);
}
aside#sidebar {
width:25%;
transition:all 0.2s;
}
#menu .nav-menu a {
font-size:18px;
padding:7px 15px;
}
#sidebar .bloc_side_desc {
display:block;
opacity:1;
}
#sidebar #agenda h4 a {
font-size:15px;
}
#sidebar #agenda .side_atelier {
width:48%;
}
#sidebar #bloc_soutien, #sidebar #bloc_chef {
width: 100%;
}
}
@media screen and (max-width: 990px) {
#principal {
}
#principal .selection h2 {
padding: 20px;
}
}
@media screen and (max-width: 950px) {
#logo img {
height:80px;
width:auto;
}
}
@media screen and (max-width: 890px) {
#menu .nav-menu a {
font-size:22px;
padding:8px 15px;
}
}
@media screen and (max-width: 850px) {
#logo img {
max-width:70%;
height:auto;
}
#menu .nav-menu a {
font-size:20px;
padding:9px 15px;
}
}
@media screen and (max-width: 790px) {
#principal {
width:100%;
max-width:100%;
}
#cherchehaut input[type="search"] {
width:auto;
}
aside#sidebar {
width:100%;
transition:all 0.2s;
}
#sidebar #engage a {
font-size:16px;
}
#social img {
height:30px;
width:auto;
}
#sidebar #partenaires {
position:relative;
bottom:auto;
}
#recette_principal .recette_i, #recette_droite{
width:100%;
}
}
@media screen and (max-width: 600px) {
#tete #logo, #tete #avf {
display:block;
position:relative;
top:auto;
left:auto;
right:auto;
bottom:auto;
float:none;
}
#tete #avf {
text-align: right;
}
.menu-resp {
background-color: #999;
background-image: url("img/toggle_menu.png");
background-repeat: no-repeat;
color: #5d5d5d;
height: 40px;
padding-left: 45px;
width:100%;
text-align:left;
cursor:pointer;
display: block;
border:0;
}
.menu-menu-container {
display:none;
}
#menu .menu-menu-container ul, #menu .menu-menu-container ul ul {
height:auto;
box-shadow:0 0 0;
left:auto;
top:auto;
width:auto;
position:relative;
margin:0;
padding:0;
}
#menu .nav-menu li {
float:none;
}
.menu-menu-container li {
background-color:#5d5d5d;
display:block;
float:none;
border-bottom:1px solid #fff;
font-size:16px;
margin:0;
}
.site-navigation li:hover {
border:0;
}
.menu-menu-container li li {
background-color:#D9D9D9;
display:block;
float:none;
color:#5d5d5d;
font-size:14px;
margin:0;
}
#menu .menu-menu-container li a,#menu .nav-menu .menu-item-home a {
color:#fff;
text-align: left;
display: block;
max-width: 100%;
font-size:16px;
background-image:none;
padding:2px 15px;
margin:0;
position:relative;
}
#menu .menuplus {
color: #fff;
cursor: pointer;
float: right;
font-size: 20px;
padding: 5px;
position: absolute;
right: 0;
text-align: center;
top: 5px;
width: 50px;
z-index: 100;
height:40px;
}
#menu .menu-menu-container li a {
background:#C62B78;
}
#menu .menu-menu-container li li a,#menu .nav-menu ul li:last-child a {
background:#dedede;
padding:2px 30px;
color:#999;
}
.menu-menu-container li a:hover, #site-navigation .menu-item-home a:hover {
background-color:#D9D9D9;
color:#5d5d5d
}
#site-navigation .menu-item-home a {
background-position: left center;
padding-left:40px;
float: none;
font-size: 20px;
height: auto;
width: auto;
}
.site-navigation ul ul li a {
color:#5d5d5d
}
#cherchehaut input[type="search"] {
width:50%;
}
.selection {
width:100%;
margin:0 0 2% 0;
}
.une_recette .blog_titre {
left: 0;
top: 0;
width: auto;
box-sizing: border-box;
}
#principal .une_recette h2, #principal .une_recette h1Â {
width:auto;
}
#recette_principal .recette_i,
#recette_principal #recette_droite,
#atelier_lieu,
.atelier_contenu {
float:none;
width:auto;
padding:0;
margin-bottom:30px;
}
#atelier_lieu {
text-align: center;
}
#atelier_lieu .logo img {
display: inline-block;
}
.blogs .item {
width: 100%;
}
.blogs .item:nth-child(3n) {
margin-right:2%;
}
.blogs .item:nth-child(2n){
margin-right:0;
}
.col3, footer#pied .pied_colonne {
width:auto;
border:none;
}
.pied_colonne ul {
margin:0 0 15px;
}
.pied_colonne li {
margin:0 0 5px 0;
}
#sidebar #agenda .side_atelier{
width:100%;
}
#social{
position:relative;
top:auto;
right:auto;
padding:5px 0;
}
#tete{
display:flex;
}
#tete #logo{
flex-grow: 1;
align-self: center;
}
#tete #avf{
text-align: center;
}
#insta .sbi_photo_wrap a{
filter: grayscale(0);
}
}