/* HTML/CSS superlight Framework
Copyright 2011-2024 Clotilde Rodriguez

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

Uri: imagevo.fr */
html { font-size: 62.5%; } /*from http://snook.ca/archives/html_and_css/font-size-with-rem */
/* Replace font and image as needed */
@font-face {
  font-family: Poppins;
  src: url('Poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 100;
}
@font-face {
  font-family: Poppins;
  src: url('Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
*{margin: 0; padding: 0; color:#222; position:relative; border:none; text-decoration:none;}
body{margin:0 auto;font-family:"Poppins", serif; font-size: 20px;line-height: 1.3em;}
h1, h2, h3 {margin: 50px auto 20px auto;padding:10px;color:#E8B920;line-height: 150%;} h2, h3, b{font-weight: 600} p, ul, h1 {margin: 20px;font-weight: 100}
blockquote{color:#000}
a{text-decoration: underline}
div#top a{text-decoration: none}

.fl {display:flex;flex-wrap: wrap; justify-content: space-around;} .flc{align-items: center;} .flt{align-items: stretch} .espace{gap:10px}

.pad{padding:10px; margin: 0 -10px} .kikol{position:sticky;top:0;z-index: 1;background: #fff}
.mba{margin-bottom:50px}.mht{margin-top: 50px}.mga{margin-left: 50px}.mdr{margin-right: 50px} 
.fdhtbas{background-color:#393940;} .fdhtbas *, p.fdhtbas {color:#fff}
.fdjaune, a:hover{background-color:#E8B920;}
.ptt{font-size: 80%} .txtctr{text-align: center}
.imgfd1{background-image: url(images/plage.jpg)}
.imgfd2{background-image: url(images/champ.jpg)}
.imgfd3{background-image: url(images/accompagnement-collectif-groupe-rit.jpg)}
.imgfd4{background-image: url(images/mediation-en-entreprise.jpg)}
.imgfd5{background-image: url(images/accompagnement-analyse-des-pratiques-entreprise.jpg)}
.imgfd6{background-image: url(images/groupe-de-parole.jpg)}
.imgfd7{background-image: url(images/fleurs.jpg)}
.imgfd8{background-image: url(images/individuel.jpg)}
.imgfd9{background-image: url(images/mediation-familiale.png)}
.imgfd10{background-image: url(images/mediation-conjugale.jpg)}
.imgfd11{background-image: url(images/patrimoniale.jpeg)}
.imgfd12{background-image: url(images/mediation-intergenerationnelle.jpg)}
.imgfd13{background-image: url(images/role-mediateur.jpg)}
.imgfd{padding:50px 0;background-position: top;   background-repeat: no-repeat;   background-size: cover;height:400px;background-attachment: fixed}.imgfd * {color:#fff} .bor{border:2px solid #ccc;border-radius: 10px;box-shadow: 10px 10px 8px #ccc;margin: 0 -12px}.inlbl{display: inline-block} 
input[type=text], textarea {min-width: 300px}
.opac{opacity: 70%}



.l10 {width:100%;}.l1 {width:80%;margin:0 auto;}.l34 {width:75%}.l23 {width:66%}.l12 {width:50%}.l13 {width:33%}.l14 {width:25%}
@media only screen and (min-width: 320px) {.fl{flex-direction: column}.l1,.l34,.l23,.l12,.l13,.l14 {width:100%}} 
@media only screen and (min-width: 480px) {.fl{flex-direction: row}.l1, .l34,.l23,.l12,.l13{width:100%} .l14 {width:50%}} 
@media only screen and (min-width: 768px) {.fl{flex-direction: row}.l1 {width:100%; } .l34, .l23,.l12, .l13, .l14 {width:50%}} 
@media only screen and (min-width: 1024px) {.l1 {width:80%;margin:0 auto;}.l34 {width:75%}.l23 {width:66%}.l12 {width:50%}.l13 {width:33%}.l14 {width:25%}}