.attachment svg,.widget_media_image svg{max-width:100%;height:auto}@layer tactile;
:root {
--filets-1: 1px solid #94928a;
--boutons-1: #a62e44;
}
body { background-color: #fff; } body a { text-decoration: none; }
a { transition: none !important; }
a:hover { transition: all 0.2s ease !important; }
#main a[href] { cursor: pointer; }
#main hr { border: none; border-bottom: var(--filets-1); margin: 30px auto; }
#main ul, #main ol {
list-style-position: outside;
padding: 0px;
}
#main li { margin-left: 10px; }
#main blockquote { font-style: italic; }
#main blockquote em { font-style: normal; }
em em { font-style: normal; } .nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0, 0, 0, 0.85); } #html5-watermark, .mh-icon-close {
display: none !important;
visibility: hidden !important;
}
.mh-icon-right, .mh-icon-left {
padding: 60px 12px;
background-color: rgba(0,0,0,0.4) !important;
border-radius: 14px;
}
.mh-icon-left { border-radius: 0px 14px 14px 0px; }
.mh-icon-right { border-radius: 14px 0px 0px 14px; }
#html5-close-fullscreen { display: none; } #main .nf-form-cont {
max-width: 800px;
margin: 6vh 0px 0px max(9vw, calc((100% - 1440px)/2));
}
#main .nf-form-content { padding: 8px 0px; }
#main .nf-form-content .list-select-wrap .nf-field-element > div, #main .nf-form-content textarea, #main .nf-form-content input:not([type="button"], [type="submit"]) { color: #222; }
#main .newsletter .nf-form-cont { margin: auto; }
#main .newsletter input[type="submit"] {
display: block;
margin: auto;
padding: 10px 30px;
border-radius: 6px;
}
.grecaptcha-badge { display: none; } #main .entry-meta li {
margin-left: 0px;
text-transform: none;
font-size: 0.86rem;
font-style: italic;
font-weight: 500;
}
.entry-meta li a { color: #6C5B4A; }
.entry-meta li a:hover, .entry-meta #main li a:active  { color: #c03300; } #main div.heateor_sss_follow_ul, #main div.heateor_sss_sharing_ul {
display: flex;
justify-content: center;
gap: 10px;
margin-top: 80px !important;
}
#main div.heateor_sss_follow_icons_container svg, #main div.heateor_sss_sharing_container svg {
width: 84%;
height: auto;
margin: 2px auto 0px;
}
.heateor_sss_button_pinterest:hover span.heateor_sss_svg { background-color: #cc2329 !important; }
.heateor_sss_button_linkedin:hover span.heateor_sss_svg { background-color: #0077b5 !important; }
.heateor_sss_more:hover span.heateor_sss_svg { background-color: #ee8e2d !important; }  #header { height: 154px; }
p.site-description {
font-size: 1rem;
letter-spacing: 0.1em;
color: #3e3e3e;
font-weight: 300;
}
#main .hero-section { padding: 0px; } header [class*="header-menu"] .menu { height: 33px; }
header [data-dropdown*="solid"] .sub-menu li[class*="current-menu-"] > a {
background-color: var(--dropdown-background-color);
color: var(--theme-link-initial-color);	 
}
header [data-dropdown*="solid"] .sub-menu li[class*="current-menu-"] > a:hover { color: var(--theme-link-hover-color); }
body:not(.category-portfolio) nav[class*="menu"] li#menu-item-3503[class*="current-menu-"] > .ct-menu-link { color: var(--theme-link-initial-color); }   .entries { margin: 60px auto 120px; }
article > .entry-content > p,
article > .entry-content > h2, article > .entry-content > h3, article > .entry-content > h4,
article > .entry-content > h5, article > .entry-content > h6:not(.chapeau),
#main article > .entry-content > ul, #main article > .entry-content > ol,
#main article > .entry-content > hr { margin-right: auto; margin-left: auto;
max-width: 960px;
width: 80%;
}
article > .entry-content > h6.chapeau { padding-right: min(25%, 465px); }
article .large { width: 100%; max-width: 100%; }
@media (max-width: 1200px) {
article > .entry-content > p,
article > .entry-content > h2, article > .entry-content > h3, article > .entry-content > h4,
article > .entry-content > h5, article > .entry-content > h6:not(.chapeau),
#main article > .entry-content > ul, #main article > .entry-content > ol {
padding-left: 0%; padding-right: 0%; }
article > .entry-content > h6.chapeau { padding-right:0%; }
}
#main .ct-container-full { padding-bottom: 120px; }
#main .hero-section + .ct-container-full { padding-top: 60px; }
p.legende {
margin-top: -1em;
font-size: 0.9em;
font-style: italic;
}
p.legende em { font-style: normal; }
.clic-ecran { display: none; }
.tactile .clic-ecran {
display: block;
text-align: center;
font-style: italic;
}
.encart {
background-color: #bb2a00;
color: #fff;
padding: 12px 20px;
font-weight: 500;
}  #footer { background-color: #E1E5EA; margin-top: 60px; }
#footer-menu {
padding-bottom: 25px;
border-bottom: var(--filets-1);
margin-bottom: 0px;
}
#footer .zones {
font-size: 0.8em;
margin-bottom: 0px;
border-bottom: var(--filets-1);
padding-bottom: 40px;
}
#footer .zones p { margin-bottom: 0.3em; } #footer nav[class*="menu"] li:hover > .ct-menu-link, #footer nav[class*="menu"] li:hover > .ct-sub-menu-parent { color: var(--theme-link-hover-color) !important; }
#nav_menu-2 { margin: 25px; }
#menu-menu-pied-2 { display: flex; }
#menu-menu-pied-2 li {
display: inline-block;
font-size: 0.8em;
padding: 0px 15px;
margin: 0px;
}     .elementor-element.elementor-element-2dd098dd.e-flex.e-con-boxed.e-con.e-parent,
.elementor-element.elementor-element-1fd8d0b.e-flex.e-con-boxed.e-con.e-parent {
background-color: #e5eaec;
padding: 70px 0px; background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-fb-filet.svg) no-repeat center top rgb(147, 46, 46);
background-size: 94%;
}
.elementor-element.elementor-element-1fd8d0b.e-flex.e-con-boxed.e-con.e-parent { padding-bottom: 20px; }
.intro.voeux {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 15px; margin-bottom: 15px;
}
.intro.voeux .texte {
width: 46%;
flex-grow: 1;
padding-left: 20px;
font-size: 1.36em;
color: #fff;
}
.intro.voeux .carre {
max-width: 370px;
min-width: 260px;
width:49%;
}
.intro.voeux .fleurs {
display: flex;
padding: 2.9%;
background-color: #DFDFDF;
background: linear-gradient(to top right, #b99292, #fff);
border: var(--filets-1);
width: calc(50% - 7.6px);
}
.intro.voeux .fleurs img { display: inline; vertical-align: middle; }
.intro.voeux .locken {
width:calc(50% - 7.6px);
border: var(--filets-1);
}
.intro.voeux .bouton {
display: inline-block;
padding: 0px 14px;
padding: 4px 13px;
margin-bottom: 35px;
background-color: #86d9ec;
color: #000;
font-weight: 700;
}
.intro.voeux .bouton::after {
display: inline-block;
display: none;
content: " ";
border: 22px solid #e5eaec;
vertical-align: -14px ;
margin: 0px -20px 0px 8px;
border-left: 23px solid var(--boutons-1);
}
.intro.voeux .bouton:hover { background-color: #ffcb00; transition: none !important; color: #000; }
.intro.voeux .bouton:hover::after { border-left-color: #009fd0; }
@media screen and (max-width: 1000px) {
.intro.voeux .texte { font-size: 1.25em; }
.intro.voeux .bouton::after { border-width: 21px; border-left-width: 23px; }
}
@media screen and (max-width: 729px) {
.intro.voeux { text-align: center; }
.intro.voeux .carre { margin: auto; }
.intro.voeux .texte { padding-left: 0px; }
.intro.voeux .fleurs, .intro.voeux .locken { width: 100%; max-width: 528px; margin: auto; }
}  .elementor-element-9b72951 .elementor-widget-container { position: relative; }
#pattern-design::before {
content: "Pattern design";
position: absolute;
z-index: 0;
display: block;
opacity: 0.15;
top: -8%;
top: -152px;
top: -93px;
left: -1.1vw;
width: 200vw;
height: 350px; font-size: 18.5em;
color: #a4a2a0;
color: #6f90ac;
color: #959595;
font-weight: 700;
font-family: "Inria Serif";
font-style: italic;
text-align: left;
line-height: 0.9em;
}
@media (max-width:809px) { #pattern-design::before { content: none; display: none; } }
.elementor-widget-container img {
position: relative;
z-index: 10;
}
@media (max-width: 768px) {
.pattern-design .lampe-fleurs { order: 1; }
.pattern-design .fleurs-bleues { order: 2; }
.pattern-design .feuilles-2109 { order: 3; }
}  #pao::before {
content: "PAO";
position: absolute;
top: -92px;
left: -1.1vw;
opacity: 0.23;
font-family: "Inria Serif";
color: #94a4c4;
font-style: italic;
font-weight: 700;
font-size: 18.5em;
line-height: 1em;
}
@media (max-width:809px) { #pao::before { content: none; display: none; } }
.mod1 { font-size: 0.9em; }
.mod2 { font-size: 0.8em; }
.mod3 { font-size: 0.7em; }
.mod4 { font-size: 0.6em; }
.mod5 { font-size: 0.5em; }
.mod6 { font-size: 0.4em; }
.mod7 { font-size: 0.3em; }
.mod8 { font-size: 0.2em; }  #sites-web::before {
content: "Sites web";
position: absolute;
z-index: 0;
display: block;
opacity: 0.15;
top: -93px;
left: -1.1vw;
width: 200vw;
height: 350px; font-size: 18.5em;
color: #a4a2a0;
font-weight: 700;
font-family: "Inria Serif";
font-style: italic;
text-align: left;
line-height: 0.9em;
}
@media (max-width:809px) { #sites-web::before { content: none; display: none; } }  #identite::before {
content: "Identité";
position: absolute;
z-index: 0;
display: block;
opacity: 0.15;
top: -93px;
left: -1.1vw;
width: 200vw;
height: 350px; font-size: 18.5em;
color: #aa4c4c;
font-weight: 700;
font-family: "Inria Serif";
font-style: italic;
text-align: left;
line-height: 0.9em;
}
@media (max-width:809px) { #identite::before { content: none; display: none; } } #dessin::before {
content: "Dessin";
position: absolute;
z-index: 0;
display: block;
opacity: 0.15;
top: -93px;
left: -1.1vw;
width: 200vw;
height: 350px; font-size: 18.5em;
color: #9f858f;
font-weight: 700;
font-family: "Inria Serif";
font-style: italic;
text-align: left;
line-height: 0.9em;
}
@media (max-width:809px) { #dessin::before { content: none; display: none; } }   .galerie.logos {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 80px auto;
width: 90vw;
max-width: 1700px;
}
@media (max-width:1440px) {
}
.galerie.logos a {
display: inline-block;
border-bottom: var(--filets-1);
border-right: var(--filets-1);
width: 23%;
aspect-ratio: 1/1;
}
.galerie.logos a:hover {
background-color: #f1f1f1;
transition: background-size 0.15s, background-color 0.3s ease !important;
}
.galerie.logos > a:last-child { border: none; }
.galerie.logos a span { display: none; }
@media (min-width:901px) {
.galerie.logos a:nth-child(4n of a) { border-right: none; }
.galerie.logos a:nth-last-child(-n + 4 of a) { border-bottom: none; }
}
@media (max-width:900px) and (min-width:581px) {
.galerie.logos > a { width: 33%; padding: 13%; }
.galerie.logos > a:nth-child(3n of a) { border-right: none; }
.galerie.logos a:nth-last-child(-n + 3 of a) { border-bottom: none; }
}
@media (max-width:580px) and (min-width:401px) {
.galerie.logos > a { width: 49%; padding: 19%; }
.galerie.logos > a:nth-child(2n of a) { border-right: none; }
.galerie.logos a:nth-last-child(-n + 2 of a) { border-bottom: none; }
}
@media (max-width:400px) {
.galerie.logos > a { width: 99%; padding: 36%; }
.galerie.logos > a:nth-child(1n of a) { border-right: none; }
.galerie.logos a:nth-last-child(-n + 1 of a) { border-bottom: none; }
}
a.logo-20000docs:hover, .tactile a.logo-20000docs {
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-20000docs.svg) center no-repeat, -webkit-linear-gradient(#ceebfd, #fff) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-20000docs.svg) center no-repeat, -o-linear-gradient(#ceebfd, #fff) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-20000docs.svg) center no-repeat, linear-gradient(#ceebfd, #fff) !important;
background-size: 57% !important;
}
a.logo-wwwine:hover, .tactile a.logo-wwwine { background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-wwwine.svg) !important; background-color: #f7f7f7 !important; }
a.logo-lipie:hover, .tactile a.logo-lipie {
background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-lipie1.svg) !important;
background-color: #dd5f21 !important;
background-size: 61% !important;
}
a.logo-odalines:hover, .tactile a.logo-odalines {
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-odalines.svg) no-repeat center, -webkit-linear-gradient(#fffcfc, #f0c4c4) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-odalines.svg) no-repeat center, -o-linear-gradient(#fffcfc, #f0c4c4) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-odalines.svg) no-repeat center, linear-gradient(#fffcfc, #f0c4c4) !important;
background-size: 75% !important;
}
a.logo-caceres:hover, .tactile a.logo-caceres {
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-caceres.svg) no-repeat center, -webkit-linear-gradient(#f2c7c7, #fcfcfc) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-caceres.svg) no-repeat center, -o-linear-gradient(#f2c7c7, #fcfcfc) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-caceres.svg) no-repeat center, linear-gradient(#f2c7c7, #fcfcfc) !important;
background-size: 75% !important;
background-color: #f4f4f4 !important;
}
a.logo-cdsae:hover, .tactile a.logo-cdsae {
background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-cdsae2.svg) !important;
background-color: #669ad5 !important;
}
.galerie.logos a.logo-elowords:hover, .tactile .galerie.logos a.logo-elowords {
background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-elowords2.svg) !important;
background-color: #1c325b !important
}
a.logo-fauquert:hover, .tactile a.logo-fauquert { background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-fauquert2.svg) !important; background-size: 79% !important; background-color: #770333 !important; }
a.logo-bca:hover, .tactile a.logo-bca { background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-bca.svg) !important; background-color: #d6e8ee !important; background-size: 50% !important; }
.galerie.logos a.logo-baladeirlandaise:hover, .tactile .galerie.logos a.logo-baladeirlandaise {
background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-baladeirlandaise3.svg) !important;
background-size: 46.5% !important;
background-color: #124b66 !important;
transition: background-size 0s, background-color 0.3s ease !important;
}
a.logo-myblazon:hover, .tactile a.logo-myblazon { background-image: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-myblazon2.svg) !important; background-color: #e8d89c !important; }
a.logo-bastet:hover, .tactile a.logo-bastet {
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-bastet3.svg) center no-repeat, -webkit-linear-gradient(#b7e8f7, #2299b7) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-bastet3.svg) center no-repeat, -o-linear-gradient(#b7e8f7, #2299b7) !important;
background: url(https://fb-graphic.com/v10/wp-content/uploads/2024/11/logo-bastet3.svg) center no-repeat, linear-gradient(#b7e8f7, #2299b7) !important;
background-size: 53% !important;
}
@layer tactile { .tactile .galerie.logos a { border: none !important; position: relative; }
.tactile .galerie.logos a:hover::before {
position: absolute;
top: 0px; left: 0px;
content: "";
width: 100%;
background-color: #ac2620;
background-color: #ff6000;
aspect-ratio: 1/1;
opacity: 0.75;
mix-blend-mode: lighten;
}
}
.page-logo-identite img.fd-sombre.v2 { display: none; }
@media (max-width: 820px) {
.page-logo-identite img.fd-sombre.v1 { display: none; }
.page-logo-identite img.fd-sombre.v2 { display: block; }
}  .galerie.sites {
display: flex;
margin: 70px auto;
justify-content: center;
flex-wrap: wrap;
width: 96vw;
max-width: 1600px;
gap: 10px;
}
.galerie.sites > div {
position: relative;
display: flex;
width: 33.2%;
width: 32.3%;
aspect-ratio: 7/5;
overflow: hidden;
font-size: 0.85em;
border: var(--filets-1);
border-radius: 7px;
justify-content: center;
}
.galerie.sites > div > div:first-child {
position: absolute;
overflow: hidden;
background-color: #fff;
aspect-ratio: 7/5;
width: 100%;
}
.galerie.sites > div .infos {
position: relative;
align-self: center;
opacity: 0;
visibility: hidden;
display: block;
margin-top: -35px;
padding: 5%;
width: 90%;
background-color: rgba(255, 255, 255, 0);
transition: all 0.3s ease;
}
.galerie.sites > div:hover .infos {
visibility: visible;
margin-top: 0px;
opacity: 1;
transition: all 0.3s ease;
background-color: rgba(255, 255, 255, 1);
}
.galerie.sites > div:hover > div:first-child {
background-color: #002e57;
background-color: #005080;
}
.galerie.sites > div:hover > div:first-child img { opacity: 0.35 !important; transition: all 0.6s ease; }
.galerie.sites > div h4 { font-size: 1.2em; }
@media (max-width: 1050px) {
.galerie.sites { width: 95%; }
.galerie.sites > div { width: 48.5%; }
.galerie.sites > div > div:first-child { border-radius: 0px; }
}
@media (max-width: 740px) {
.galerie.sites > div { width: 100%; }
}  .page-depannage-de-site-web-wordpress #main .nf-form-cont { max-width: 960px; }
.page-depannage-de-site-web-wordpress div.sos {
display: flex;
justify-content: center;
gap: 30px;
align-items: baseline;
margin-block-start: 85px;
max-width: 960px;
width: 80%;
text-align: center;
}
.page-depannage-de-site-web-wordpress h2.sos { display: inline-block; }
.page-depannage-de-site-web-wordpress .sos a.bouton {
background-color: #82004E;
border-radius: 5px;
padding: 8px 30px;
vertical-align: text-bottom;
position: relative;
bottom: 2px;
font-size: 1.4em;
color: #fff;
font-weight: 600;
text-align: center;
}
.page-depannage-de-site-web-wordpress .sos a.bouton:hover { background-color: #fb3b00; }
@media (max-width: 950px) {
.page-depannage-de-site-web-wordpress div.sos { display: block; }
.page-depannage-de-site-web-wordpress h2.sos { display: block; }
}  .page-contact .entry-content, .page-contact #main h4 {
width: 80vw;
max-width: 1440px;
margin: auto;
}
.page-contact #main .nf-form-cont { margin: 6vh auto -7vh; }
.page-contact #main article > .entry-content > .nf-form-cont, .page-contact #main article > .entry-content h4, .page-contact #main article > .entry-content h5 { margin: auto; max-width: 50.7%; padding: 1% 0px; }
@media (max-width: 1200px) {
.page-contact #main article > .entry-content > .nf-form-cont, .page-contact #main article > .entry-content h4, .page-contact #main article > .entry-content h5 { max-width: 85%; }
}  body.category-portfolio .hero-section { display: none; }   .galerie.voeux {
display: flex;
margin: 60px auto;
width: 80vw;
max-width: 1440px;
justify-content: left;
flex-wrap: wrap;
gap: 14px 18px;
}
.galerie.voeux > div {
width: 24%;
flex-grow: 1;
}
.galerie.voeux > div > div {
width: 100% !important;
height: auto !important;
aspect-ratio: 16/9;
background-color: unset !important;
}
.galerie.voeux > div > div img { width: 100%; }
@media (max-width: 920px) {
.galerie.voeux > div {
width: 48%;
}
}  .voocard {
display: flex;
justify-content: center;
gap: 8px;
flex-wrap: wrap;
align-items: stretch;
}
.voocard img {
max-height: 360px;
width: auto;
object-fit: cover; }
.voocard img.DSC3973 { max-width: 24%; min-width: 16%; }
.voocard img.DSC4112, .voocard img.DSC4110 { object-position: top; }
.voocard img.DSC4002, .voocard img.DSC3924 { object-position: left 83%; }
.voocard img.DSC3953 { object-position: right; }
@media (max-width: 1440px) {
#main .voocard {
width: 100%;
padding: 0px 35px;
margin: 0px;
}
#main .voocard img {
max-height: none;
max-width: 580px;
}
}
@media (max-width: 650px) {
#main .voocard img {
max-height: none;
max-width: 100% !important;
}
}  .post-dessins-schemas-de-bateaux article > .entry-content > p,
.post-dessins-schemas-de-bateaux article > .entry-content > h2, .post-dessins-schemas-de-bateaux article > .entry-content > h3, .post-dessins-schemas-de-bateaux article > .entry-content > h4,
.post-dessins-schemas-de-bateaux article > .entry-content > h5, .post-dessins-schemas-de-bateaux article > .entry-content > h6:not(.chapeau),
.post-dessins-schemas-de-bateaux #main article > .entry-content > ul, .post-dessins-schemas-de-bateaux #main article > .entry-content > ol { padding-left: 0px;
padding-right: 0px;
margin-left: auto; margin-right: auto;
max-width: 902px;
}  .post-schemas-bateaux-port-musee-douarnenez article > .entry-content > p,
.post-schemas-bateaux-port-musee-douarnenez article > .entry-content > h2, .post-schemas-bateaux-port-musee-douarnenez article > .entry-content > h3, .post-schemas-bateaux-port-musee-douarnenez article > .entry-content > h4,
.post-schemas-bateaux-port-musee-douarnenez article > .entry-content > h5, .post-schemas-bateaux-port-musee-douarnenez article > .entry-content > h6:not(.chapeau),
.post-schemas-bateaux-port-musee-douarnenez #main article > .entry-content > ul, .post-schemas-bateaux-port-musee-douarnenez #main article > .entry-content > ol {
}
.post-schemas-bateaux-port-musee-douarnenez .bateau {
display: flex;
width: 85%;
max-width: 1500px;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: var(--filets-1);
}
.post-schemas-bateaux-port-musee-douarnenez .bateau > img {
width: 75%;
flex-grow: 1;
object-fit: contain;
}
.post-schemas-bateaux-port-musee-douarnenez .bateau .texte {
width: 25%;
flex-grow: 1;
}
@media (max-width:1111px) {
.post-schemas-bateaux-port-musee-douarnenez .bateau { flex-wrap: wrap; }
.post-schemas-bateaux-port-musee-douarnenez .bateau > img {
width: 100%;
margin-bottom: 30px;
}
}  .post-identite-visuelle-les-odalines #main h2 { max-width: 1184px; padding: 0px; }
.post-identite-visuelle-les-odalines .identite img:not(:first-child) { width: 50%; }
.post-identite-visuelle-les-odalines .video {
max-width: 1184px;
padding: 0px;
}
.post-identite-visuelle-les-odalines .video iframe { border: var(--filets-1); width: 100%; aspect-ratio: 16/9; }
.post-identite-visuelle-les-odalines .photos {
display: flex;
max-width: 1184px;
flex-wrap: wrap;
justify-content: center; 
gap:10px;
}
.post-identite-visuelle-les-odalines .photos img { width: calc(50% - 5px); object-fit: cover; flex-grow: 1; }
.post-identite-visuelle-les-odalines .photos img.groupe { width: 100%; }
.post-identite-visuelle-les-odalines .photos img.ghassoul { width: 100%; }
.post-identite-visuelle-les-odalines .photos img.savon { width: calc(57% - 5px); }
.post-identite-visuelle-les-odalines .photos img.oranger { width: calc(33% - 5px); }
.post-identite-visuelle-les-odalines .photos img.eaux { width: calc(57% - 5px); }
.post-identite-visuelle-les-odalines .photos img.argan { width: calc(33% - 5px); }
.post-identite-visuelle-les-odalines .cartes img { width: 50%; }
@media (max-width: 960px) {
.post-identite-visuelle-les-odalines .identite img:not(:first-child) { width: 100%; }
.post-identite-visuelle-les-odalines .etiquette.savon { display: none; }
.post-identite-visuelle-les-odalines #main .photos img { width: 100%; }
}
@media (max-width: 793px) {
.post-identite-visuelle-les-odalines .bandeau { display: none; }
.post-identite-visuelle-les-odalines .cartes img { width: 100%; }
}
.post-identite-visuelle-les-odalines .heateor_sss_sharing_container { display: none; }
.post-identite-visuelle-les-odalines #footer { margin-top: 0px; }
.post-identite-visuelle-les-odalines #main article { position: relative; }
.post-identite-visuelle-les-odalines nav.post-navigation { position: absolute; left: 10%; width: 80%; max-width: 80%; bottom: 126px; }  .post-affiches-moules-de-locquemeau .presentation { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 20px; }
.post-affiches-moules-de-locquemeau .presentation .affiche p { margin: 0px; padding: 0px; }
.post-affiches-moules-de-locquemeau .presentation .affiche, .post-affiches-moules-de-locquemeau .presentation .texte { width: calc(50% - 10px); }
.post-affiches-moules-de-locquemeau .autres { display: flex; align-items: flex-start; gap: 20px; flex-wrap: wrap; }
.post-affiches-moules-de-locquemeau .autres img { width: calc(50% - 10px); }
.post-affiches-moules-de-locquemeau .carte { margin-top: 60px; }
.post-affiches-moules-de-locquemeau .carte img.banniere { width: calc(50% - 10px); float: left; margin: 0px 20px 20px 0px;  }
.post-affiches-moules-de-locquemeau .carte h3 {
position: relative;
top: -10px;
margin-bottom: 10px;
line-height: 1.1em;
}
@media (max-width: 850px) {
.post-affiches-moules-de-locquemeau .presentation { flex-wrap: wrap; }
.post-affiches-moules-de-locquemeau #main .presentation * { width: 100%; }
.post-affiches-moules-de-locquemeau .autres img { width: 100%; }
.post-affiches-moules-de-locquemeau .carte img.banniere { width: 100%; float: none; margin: 0px 0px 0px;  }
.post-affiches-moules-de-locquemeau .carte h3 { margin-bottom: 0px; }
}  .post-identite-visuelle-cdsae article > .entry-content > div,
.post-identite-visuelle-cdsae article > .entry-content > p,
.post-identite-visuelle-cdsae article > .entry-content > h2, .post-identite-visuelle-cdsae article > .entry-content > h3,
.post-identite-visuelle-cdsae article > .entry-content > h4, .post-identite-visuelle-cdsae article > .entry-content > h5, .post-identite-visuelle-cdsae article > .entry-content > h6:not(.chapeau),
.post-identite-visuelle-cdsae #main article > .entry-content > ul, .post-identite-visuelle-cdsae #main article > .entry-content > ol {
max-width: 1024px; padding-left: 0px; padding-right: 0px;
}
.post-identite-visuelle-cdsae .visuels { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0px; margin-bottom: 20px; }
.post-identite-visuelle-cdsae .visuels img { flex-grow: 1; }
.post-identite-visuelle-cdsae .visuels .chemise { width: 50%; margin-top: 10px; }
.post-identite-visuelle-cdsae .visuels .chemise3D { width: 45%; margin-left: 10px; }
.post-identite-visuelle-cdsae .visuels .detail2 { width: 50%; }
.post-identite-visuelle-cdsae .visuels .detail3 { width: 50%; box-shadow: -31px 0px 16px rgba(50, 50, 50, 0.6); }
@media (max-width: 768px) {
.post-identite-visuelle-cdsae .visuels .chemise { width: 100%; margin: 10px auto; }
.post-identite-visuelle-cdsae .visuels .detail3 {
width: 100%; box-shadow: none;
box-shadow: 0px -14px 16px rgba(50, 50, 50, 0.4)
}
}  .mockup.web, .mockup.web > div,
.mockup.web > p,
.mockup.web > h2, .mockup.web > h3,
.mockup.web > h4, .mockup.web > h5, .mockup.web > h6:not(.chapeau),
.mockup.web > ul, .mockup.web > ol {
max-width: 1194px; padding-left: 0px; padding-right: 0px;
}
.mockup.web .ordi { position: relative; z-index: 1; }
.mockup.web > .ordi img { position: relative; z-index: 1; }
.mockup.web .page {
position: absolute; z-index: 10;
top: 2.6%;
left: 2.2%;
right: 2.2%;
height: 65.9%;
overflow: hidden;
}
.mockup.web .page img { position: absolute; width: 100%; }
.mockup.web .zone { position: absolute; z-index: 20; width: 100%; }
.mockup.web .haut {  top: 2.5%; height: 25%; cursor: n-resize; }
.mockup.web .bas { top: 27.5%; height: 41%; cursor: s-resize; }  .panneaux.locken { max-width: 1200px; }
.panneaux.locken > div,
.panneaux.locken > p,
.panneaux.locken > h2, .panneaux.locken > h3,
.panneaux.locken > h4, .panneaux.locken > h5, .panneaux.locken > h6:not(.chapeau),
.panneaux.locken > ul, .panneaux.locken > ol {
max-width: 1200px; padding-left: 0px; padding-right: 0px;
}
.panneaux.locken .visuels {
display: flex;
margin-bottom: 1.5em;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 10px;	
}
.panneaux.locken .visuels img, .panneaux.locken .visuels span {
display: block;
margin: 0px auto;
flex-grow: 1;
object-fit: cover;
}
.panneaux.locken .visuels img.cannes1 { border-bottom: var(--filets-1); }
.panneaux.locken .visuels img.cannes2 {
width:calc(65% - 10px);
padding-right:36px;
border-right:var(--filets-1);
}
.panneaux.locken .visuels .cleF9000 {
display: flex;
flex-wrap: wrap;
width: calc(27% - 10px);
margin-left: -20px;
text-align: center;
align-content: space-around;
gap: 30px;
}
.panneaux.locken .visuels .cleF9000 span { font-style: italic; }
@media (max-width: 768px) {
.panneaux.locken .visuels img.cannes2 {
width: 100%;
border: none;
padding: 0px;
}
.panneaux.locken .visuels .cleF9000 {
width: 100%;
margin: 30px auto 0px;
align-items: center;
}
.panneaux.locken .visuels .cleF9000 img { width: calc(60% - 15px); max-width: 280px; }
.panneaux.locken .visuels .cleF9000 span { width: calc(40% - 15px); }
}
@media (max-width: 440px) {
.panneaux.locken .visuels .cleF9000 { gap: 20px; }
.panneaux.locken .visuels .cleF9000 img, .panneaux.locken .visuels .cleF9000 span { width: 100%; }
}  .post-logotype-caceres-2016 article > .entry-content > div {
margin-right: auto; margin-left: auto;
max-width: 960px;
width: 80%;
}
.post-logotype-caceres-2016 h3 { margin-top: 120px; }
.post-logotype-caceres-2016 h4 { margin-top: 0px; }
.post-logotype-caceres-2016 img.logo {
display: block;
margin: 60px auto;
width: 100%;
}
.post-logotype-caceres-2016 img.logo.texte { max-width: 460px; }
.post-logotype-caceres-2016 img.logo.tour { max-width: 180px; }
.post-logotype-caceres-2016 img.anim { max-width: 600px; margin-bottom: 20px; }
.post-logotype-caceres-2016 img.v1b {
display: inline-block;
display: none;
max-width: 350px;
padding-right: 40px;
border-right: var(--filets-1);
margin-top: 0px;
margin-bottom: 16px;
}
.post-logotype-caceres-2016 img.v2 { max-width: 481px;
display: inline-block;
padding-left: 20px;
margin-top: 21px;
margin-bottom: 36px;
}
.post-logotype-caceres-2016 img.v3 {
display: inline-block;
max-width: 450px;
margin-top: 30px;
padding: 0px 60px;
vertical-align: bottom;
}
.post-logotype-caceres-2016 img.v3.tour {
border-right: var(--filets-1);
max-width: 250px;
}
@media (max-width: 850px) {
.post-logotype-caceres-2016 img.v3 { padding: 0px; }
.post-logotype-caceres-2016 img.v3.tour {
display: block;
margin: 60px auto 40px;
max-width: 180px;
border: none;
}
}
.post-logotype-caceres-2016 .declinaisons {
display: flex;
margin-bottom: 120px;
justify-content: center;
align-items: stretch;
flex-wrap: wrap;
}
.post-logotype-caceres-2016 .declinaisons p { display: none; }
.post-logotype-caceres-2016 .declinaisons img {
flex-grow: 1;
object-fit: cover;
display: block;
}
.post-logotype-caceres-2016 .declinaisons .tshirt {
width: 53%;
}
.post-logotype-caceres-2016 .declinaisons .sous-groupe {
display: flex;
flex-grow: 1;
flex-wrap: wrap;
}
.post-logotype-caceres-2016 .declinaisons, .post-logotype-caceres-2016 .declinaisons .sous-groupe { gap: 0px; }
.post-logotype-caceres-2016 .declinaisons .sg1 { width: 45%; }
.post-logotype-caceres-2016 .declinaisons .mug { width: 43%; }
.post-logotype-caceres-2016 .declinaisons .sac { width: 55%; }
@media (max-width: 640px) {
.post-logotype-caceres-2016 .declinaisons, .post-logotype-caceres-2016 .declinaisons .sous-groupe { gap: 0px; }
.post-logotype-caceres-2016 #main .declinaisons img { width: 100%; }
}  .post-photographies-bretagne-gite-yaudet ct-container-full { background: linear-gradient(#9f9faa, #9f9faa, #fff); }
.post-photographies-bretagne-gite-yaudet article > .entry-content > p,
.post-photographies-bretagne-gite-yaudet article > .entry-content > h2, .post-photographies-bretagne-gite-yaudet article > .entry-content > h3, .post-photographies-bretagne-gite-yaudet article > .entry-content > h4,
.post-photographies-bretagne-gite-yaudet article > .entry-content > h5, .post-photographies-bretagne-gite-yaudet article > .entry-content > h6:not(.chapeau),
.post-photographies-bretagne-gite-yaudet #main article > .entry-content > ul, .post-photographies-bretagne-gite-yaudet #main article > .entry-content > ol {
max-width: 1100px;
}  .post-affiche-mer-et-litterature article > .entry-content > p,
.post-affiche-mer-et-litterature article > .entry-content > h2, .post-affiche-mer-et-litterature article > .entry-content > h3, .post-affiche-mer-et-litterature article > .entry-content > h4,
.post-affiche-mer-et-litterature article > .entry-content > h5, .post-affiche-mer-et-litterature article > .entry-content > h6:not(.chapeau),
.post-affiche-mer-et-litterature #main article > .entry-content > ul, .post-affiche-mer-et-litterature #main article > .entry-content > ol {
margin-right: auto; margin-left: auto;
max-width: 660px;
width: 80%;
}
.post-affiche-mer-et-litterature p.affiche.mer {
padding: 35px;
border: var(--filets-1);
text-align: center;
}
.post-affiche-mer-et-litterature p.affiche.mer img { width: 100%; }
@media (max-width:800px) {
.post-affiche-mer-et-litterature p.affiche.mer { padding: unset; border: none; }
}
.post-affiche-mer-et-litterature article > .entry-content > h6.chapeau { padding-right: min(25%, 465px); }
.post-affiche-mer-et-litterature div.galerie {
display: flex;
max-width: 660px;
margin: auto;
justify-content: flex-start;
gap: 0px;
flex-wrap: wrap;
}
.post-affiche-mer-et-litterature div.galerie img {
width: 50%;
flex-grow: 1;
min-width: 320px;
}  .devinette { cursor: help; }
.reponse {
display: none;
background-color: #0376ac;
color: #fff;
padding: 0px 5px 1px;
}   .tactile .galerie.sites > div {
display: block;
position: relative;
aspect-ratio: unset;
background-color: #f0f0f0;
}
.tactile .galerie.sites > div > div:first-child {
position: relative;
border-bottom: var(--filets-1);
}
.tactile .galerie.sites > div .infos {
visibility: visible;
opacity: 1;
padding-bottom: 7%;
margin: 0px auto;
background-color: unset;
}
.tactile .galerie.sites > div:hover > div:first-child { background-color: unset; }
.tactile .galerie.sites > div:hover > div:first-child img { opacity: 1 !important; }