/* HTML/CSS superlight Framework
Copyright 2011-2025 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 */
@import url('https://www.imagevo.fr/ietp/Raleway-VariableFont_wght.ttf');
*{margin: 0; padding: 0; color:#222; position:relative; border:none; text-decoration:none;}
body{margin:0 auto;font-family:"Raleway", serif; font-size: 20px;line-height: 2em;background: #fff}
h1, h2, h3 {margin: 0 auto 20px auto;padding:50px 20px;line-height: 1.7em;font-weight: 100}
h2{font-size: 250%;}h3{font-size: 150%;} p, ul {margin: 20px;} ul {margin-bottom:50px; list-style-position: inside}

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

.c0 {background-color: #f8cc3a}
.c1 {background-color: #05F5DD}
.c2 {background-color: #04C7B3}
.c3 {background-color: #03A393}
.c4 {background-color: #027A6E}
.c5 {background-color: #02524A}
.c6 {background-color: #fff}
.fdhtbas *, .c3 *, .c4 *, .c5 * {color:#fff}
.cO *, .c1 *, .c2 *, .c6 *, .sav * {color:#222}
.hdp{background-image:  url(ietp/fondhaut.webp);background-repeat: no-repeat;background-size: cover;background-position: right center}
span{font-weight: 700;font-size: 110%}

.sav{background-color: #05f5dd;
  color: #222;padding: 10px;font-size: 18px}
.logopetit{width:300px;margin:40px 0}
.pad{padding:10px; margin: 0 -10px} .kikol{position:sticky;top:0;z-index: 1;background: #fff}
.mba{margin-bottom:50px!important}.mht{margin-top: 50px}.mga{margin-left: 50px}.mdr{margin-right: 50px} .mauto{margin: auto}
.fdhtbas{background-color:#02524A;}  
.ptt{font-size: 80%} .txtctr{text-align: center}.clic{background-color: #02524A;color:#fff;border: #027A6E 2px solid; border-radius:8px}
.imgfd{background-image: url(bg.jpg);padding:50px 0;background-position: bottom;   background-repeat: no-repeat;   background-size: cover;}.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}


.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%}}