.bandeau{
height:250px; position:relative;
}
.bandeau .filtre{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--noirtransp);opacity: 0.1;}
.bandeau .back{ position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat: no-repeat; background-size:cover;  background-color:var(--grismed);}
.bandeau h1{ text-align:center;position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:var(--blanc); margin:0;}
.bandeau h1.big{ font-size:4rem; font-weight:700; }
.bandeau h1 span{ display:block; font-size:0.35em; text-transform:uppercase; letter-spacing:2px; padding-bottom:0.5rem; }
.contenu{
overflow: clip
}
.contenu h2.titre-haut{
text-align:center; position:relative; padding-bottom:1em; font-weight:700;
}
.contenu h2.titre-haut::after{
content:""; display:block; width:100px; height:3px; background-color:var(--bleu); position:absolute; left:50%; top:100%;
-webkit-transform:translateX(-50%);transform:translateX(-50%);
}
.contenu .produits-cat{
padding:1rem 0 3rem 0;
}
.contenu .produits-cat h2{
color: var(--bleu); text-transform:uppercase; border-bottom:1px solid var(--grisclair); padding-bottom:0.75em; position:relative;
}
.contenu .produits-cat h2::after{
content:""; display:block; position:absolute; left:0; top:100%; width:30px; height:3px; background-color:var(--grismed); -webkit-transform:translateY(-50%); transform:translateY(-50%);
}
.contenu .intro{padding:0 7.5%; text-align:center; margin:2rem 0; }
.contenu .produits-cat a, .contenu .produits-cat a > span{ display:block; position:relative;}
.contenu .produits-cat a{margin:1rem 0; color:var(--noir); overflow:hidden; -webkit-transition:all 0.2s ease; transition:all 0.2s ease; }
.contenu .produits-cat a .ttl{ padding:1rem 0.5rem; font-size:.9rem; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; line-height:110%;}
.contenu .produits-cat a .vignette{ max-width:80%; margin:0 auto; background-color: var(--grisclair); -webkit-transition:all 0.5s ease; transition:all 0.5s ease; }
.contenu .produits-cat a:hover .vignette{ -webkit-transform:scale(1.2); transform:scale(1.3); }
.contenu .produits-cat a:hover .ttl{ color:var(--blanc); font-weight:700; -webkit-transform:translateY(-100%); transform:translateY(-100%); text-align:left; font-size:2rem; text-shadow:0 0 5px var(--noirtransp);}
.contenu .familles.page{ width:100%; margin-bottom:0; }
.contenu .marge-hb{ padding:2rem 0;}
.contenu .argumentaire{ padding:0 2.5%; }
.contenu .spacer{ height:50px;}
.contenu p, .contenu ul { line-height:150%; text-align:left; }
.contenu ul.resultat{
margin:0; padding:0; list-style:none; 
}
.contenu ul.resultat li{
border-bottom: 1px solid var(--grismed);
}
.contenu ul.resultat li a{display:block; padding:1rem 0; color:var(--grisfonce); }
.contenu ul.resultat li a > span{ display:inline-block; vertical-align:middle; }
.contenu ul.resultat li::after{ content:""; display:block; clear:both;}
.contenu ul.resultat li .ttl{ font-size:1.35rem;}
.contenu ul.resultat li .vgn{ width: 90px; height:90px; margin-right:2rem; float:left; position:relative; border:1px solid var(--grisclair); }
.contenu ul.resultat li .image{ width:calc(8%);  }
.contenu ul.resultat li .resume{ width:calc(90%);  }
.contenu ul.resultat li .vgn > span{ overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; }
.contenu ul.resultat li .vgn > span img{ width: 110%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.contenu .liste-actus{ margin:2rem 0;}
.contenu .liste-actus a{ display:block; text-align:center; padding:0 10%; color:var(--grisfonce); margin:10px 0;}
.contenu .liste-actus a .vignette{ border:1px solid var(--grisclair);}
.contenu .liste-actus a .vignette .deg{
display:block; position: absolute; top:unset; bottom:0; height:50%; transition:all 0.5s ease;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
}
.contenu .liste-actus a .vignette .infos{ display:block; height:auto; position:absolute; bottom:0; top:unset; padding:1rem; width:calc(100% - 2rem); color:var(--blanc);}
.contenu .liste-actus .date{font-size:0.8rem; }
.contenu .liste-actus h3{ text-align:center; font-weight:400; font-size:1.35rem;}
.contenu .liste-actus .link{ display:block; text-transform:uppercase;}
.contenu .liste-actus a:hover .vignette .deg{ height:100%; }
.contenu .liste-documents{ margin:2rem 0;}
.contenu .liste-documents a{ display:inline-block; color:var(--bleu);}
.contenu .liste-documents a > span { display:block; }
.contenu .liste-documents a .ttl { font-weight:700; }
.contenu .liste-documents a .descr{ font-size: 0.8rem; }
.contenu .liste-documents  a .icone{ width:150px; margin:1rem auto;}
.contenu .liste-documents  a .icone img{ width:100%; -webkit-transition:all 0.2s ease;  transition:all 0.2s ease;  }
.contenu .liste-documents  a:hover .icone img{ -webkit-transform:scale(1.1); transform:scale(1.1); }
.contenu .sidebar{ padding-top:2rem;}
.contenu .sidebar h3{ font-weight:400; text-transform:uppercase; font-size:1.5rem; }
.contenu .sidebar ul{ margin:0; padding:0; list-style:none; }
.contenu .sidebar ul li{ text-align:left; border-bottom:1px solid var(--grismed); padding:1rem 0;}
.contenu .sidebar ul li a{ display:block; color:var(--bleu); }
.contenu .sidebar ul li a:hover{ color:var(--gris); }
.contenu .inner.ctc{padding:0 1rem; width:calc(100% - 2rem);}
.contenu .colgrise{ background-color:var(--grisclair);}
.contenu .marge-gd{ padding-left:10%; padding-right:10%;}
.contenu .bloc-more{
margin:2rem 0;
}
.contenu .bloc-more .boutons{
display: flex;
flex-wrap: wrap;
gap:8px;
}
.contenu .bloc-more .descr-sup{
display:none;
padding:2rem 0;
}
.contenu .bloc-more .boutons .more, .contenu .bloc-more .boutons .less {
display: inline-block;
padding: 0.75rem 1rem;
text-align: center;
background: var(--bleu);
border:2px solid var(--bleu);
color: #fff;
border-radius: 1px;
font-size: 1.2rem;
cursor: pointer;
text-transform: uppercase;
font-weight: 700;
}
.contenu .bloc-more .boutons .less{
display:none;
}
.contenu .bloc-more .boutons .more:hover, .contenu .bloc-more .boutons .less:hover{
background: var(--grisfonce) !important;
border-color: var(--grisfonce) !important;
}
.formulaire{ text-align:left;}
.formulaire fieldset{ border:none; padding:0;}
.formulaire .frm_dropzone .dz-message{ border:none; width:50%; border-radius:0; }
.formulaire .frm_upload_icon::before{ content:""; }
.formulaire input, .formulaire textarea{ width:100%; padding:0.75rem 0.5rem; font-size:1rem; font-family:'Roboto', sans-serif; border:none;}
.formulaire select{ width:50%; padding:0.5rem 0.75rem; font-size:1rem; font-family:'Roboto', sans-serif; border:none; }
.formulaire label{ display:block; padding:0.25rem 0; margin-top:1rem;}
.formulaire .frm_button_submit{ background:var(--grisfonce); color:var(--blanc); padding:1rem 2rem; margin-top:1rem; border:none; font-size:1rem; font-family:'Roboto', sans-serif; border:none; position:relative; cursor:pointer; }
.formulaire input[type=checkbox]{ width:20px; }
.formulaire .frm_button_submit::after{ content:""; position:absolute; left:100%; top:0; height:100%; width:70px; background:url(//www.multigraphic.net/wp-content/themes/multigraphic/css/img/mail.svg) no-repeat center right / 60px}
.formulaire .frm_button_submit:hover{ background: var(--fushia); }
.frm-star-group{
display:inline-flex;
align-items: center;
background-color: var(--bleu);
border-radius: 1rem;
padding:0 1rem;
color: var(--blanc)
}
.frm-star-group::after{
content:"/10";
display: inline-block;
}
#form_enqutedesatisfaction label{
padding: 0.25rem 0;
}
.plan-detail{text-align:center !important;}
.has-text-align-center{ text-align: center; }
.has-text-align-left{ text-align: left; }
.has-text-align-right{ text-align: right; }
.paoc-popup-btn {
display: inline-block !important;
padding: 0.75rem 1rem !important;
text-align: center !important;
background: var(--bleu) !important;
border:2px solid var(--bleu) !important;
color: #fff !important;
border-radius: 1px !important;
font-size: 1.2rem !important;
}
.paoc-popup-btn:hover{
background: var(--grisfonce) !important;
border-color: var(--grisfonce) !important;
}
.acf-map {
width: 100%;
height: 500px;
background-color:rgb(255,255,255);
margin: 0;
}
.acf-map img {
max-width: inherit !important;
}
.bloc .acf-map{ display:none; }
.bloc img{ width:100%; height:auto; }
.close-plan{ text-transform:uppercase; padding:5px 0; font-size:0.9rem; cursor:pointer; }
.close-plan{ display:none; }
.close-plan.on{ display:block; }
.gm-style-iw-d{ color:rgb( 73,73,76 ); text-align:left;}
@media screen and (min-width:1024px){
.contenu .argumentaire{ padding:0 10%}
}
@media screen and (min-width:1280px){
.produits-cat .prod{ opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 1s ease; transition:all 1s ease; }
.contenu .produits-cat a .ttl{ font-size:1.2rem; padding:1rem 10%; }
.contenu .marge-hb{ padding:4rem 0;}
.contenu .liste-actus, .contenu .liste-documents{ margin:4rem 0;}
.contenu .liste-actus a{ opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); -webkit-transition:all 1s ease-out; transition:all 1s ease-out;}
.contenu .wp-block-group{ margin:0 10%;}
.contenu .wp-block-group.alignwide{ margin:0 5%; }
.contenu .wp-block-group.alignfull{ margin:0; }
}
@media screen and (min-width:1280px){
.contenu .marge-gd{ padding-left:15%; padding-right:15%;}
}
@media screen and (min-width:1440px){
}
@media screen and (min-width:1680px){
.contenu .marge-hb{ padding:5rem 0;}
.contenu .liste-actus, .contenu .liste-documents{ margin:5rem 0;}
}
@media screen and (min-width:1920px){
}