.membre img{border-radius:0}
header { /*  les  lignes 1, 3 et 9 ne doivent pas bouger car définies par l'admin */
background: no-repeat center/100% url('bannieres/13a12_1000_170.jpg'); /* LIGNE 3 IMPÉRATIF */ 
background-size:cover;
height:22vw; max-height:170px; min-height: 120px;
margin:auto;
}
body{
--mc:#097067; --mctrans:#09706788; --mcclair:#0a867b; /* LIGNE 9 IMPÉRATIF */
--topnav2: 38px;
background-color:#eee;
padding:0;
margin:0
}
.body {
background-color:white;
max-width:1000px;
overflow:hidden;
background-color: ;
margin:auto;
padding-top:15px;
min-height:650px;
box-shadow: 0 0 10px 5px #aaa;
font-family:sans-serif;
position:relative;
border-radius: 0 0 12px 12px;
position:relative;
min-height:100%;
top:-15px;
}
h1,h2,h3,h4,h5,h6{color:var(--mc);}
nav, footer, .ssmenu{background-color:var(--mc)}
h1{margin:1em}
p {line-height:1.2em;}
video {width:100%;}
legend{
position:relative;
font-weight:bold
}
sup, sub {position:relative;vertical-align:top;font-size:0.75em}
sup{top:-.25em}
sub{top:.25em}
footer{
display:block;
padding:0.5em;
text-align:center;
}
footer a{
text-decoration:none;
color:#fff;
}
/*  menus  */
#nav{
display:block;
margin: 0 0 0.5em 0;
padding:0.5em 1em;
color:white;
display:flex;
flex-wrap:wrap;
justify-content:space-around;
}
#nav a {padding:0 0.5em; text-decoration:none}
#nav a, #nav .textess {
white-space:nowrap;
font-weight:bold;
color:inherit;
position:relative;
line-height:1.8em;
transition:all 0.5s;
}
.textess{cursor: default}
#nav a:hover, #nav2 a:hover, .cettepage{
    background-color:var(--mcclair);
    transition:all 0.1s;
}
#nav a:active{opacity: .5}
.contentss{background-color:inherit; position:relative}
.ssmenu{
position:absolute;
top: 2.2em; left: -0.2em;
max-height:0;
min-width:100%;
overflow:hidden;
z-index:2;
line-height:1.8em;
border-top :0;
transition:max-height 0.5s
}
.ssmenu a{
padding: 0 0.3em;
transition:max-height 0.5s;
}
.ssmenu a:hover{padding-left:1.5em}
.contentss:hover .ssmenu{
max-height:20em;
transition:max-height 1s
}
#nav2.nav2std {
position:fixed;
z-index:5;
top :var(--topnav2);
transform:scaleX(0);
transform-origin:left;
margin-top:0;
background-color:var(--mctrans);
color:white;
padding:0.5em;
transition:all 0.5s;
backdrop-Filter:blur(8px);
}
#nav2.fullopen {transform: scaleX(1)}
#nav2 b {
font-style:italic;
font-size:1.1em;
}
.textess {font-style:italic;}
#nav2 a {color:white; margin-bottom:0.4em; display:inline-block; padding:0 .3em}
#nav2 li {list-style:none; line-height:1.8em}
#nav2 ul {margin-left:-1.2em}
#burger{
display:none;
width:60px;
align-items:center;
padding: 0 4px;
background-color:var(--mc);
position:fixed;
top:0;
height:var(--topnav2);
transition: top 0.3s;
z-index:2;
}
.open #painhaut {transform: translateY(8px) rotate(45deg)}
.open #painbas {transform: translateY(-8px) rotate(-45deg)}
.open #steack {opacity: 0}
#painhaut, #steack, #painbas{
background-color:white ;
height:4px;
margin:2px;
border-radius:3px; 
width:30px;
transition:all 0.5s;
}
/* fin menus */
table{
margin:auto;
border-spacing:0;
border:1px solid;
}
td, th{padding:0.2em; border: 1px solid #ddd}
thead{background-color: grey; color: white}
form{
background-color:#eee;
border:1px solid #ccc;
border-radius:0.5em;
padding:1em;
margin:1em
}
textarea{
vertical-align:middle;
font:inherit;
min-height:2em;
}
/* couché, debout pour les titres H1 */
.couche{
display:inline-block;
transform:rotate(-90deg) scale(0.5, 0.8);

transition:all .2s
}
.debout{
transform:rotate(0);
margin:0
}
.photo, .video{
border: 1px solid #666;
background-color: #eee;
padding:0.5em;
}
.video{
width:90%;
margin:auto;
margin-bottom:1em;
}
.photo{display:inline-block}
.photo img{max-width:100%}
.cent{text-align:center}
.flctr{
display:flex;
flex-wrap:wrap;
justify-content:center
}
.label{margin-right:0.5em; text-align:right}
.info{
color:maroon;
font-style: italic
}
#msgserver, .msgserver {
display:inline-block;
background-color:#fff;
font-size:1.5em; font-weight:bold; line-height:1.2em;
border: 2px solid; border-radius:0.5em;
box-shadow: 0 0 15px grey;
position:absolute; top:5em;
padding:1em; margin:3em;
animation:1s ease 3s forwards disparait;
z-index:10;
}
.galerie{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.galerie figure{
padding:.2em;
background-color:#eee;
margin:.5em;
text-align:center;
}
.galerie figcaption{
text-align:center;
}
.galerie img{
background-color:#fff;
padding:3px;
border:1px solid #999
}
.ok{color:green}
.no{color:red}
#suitenav{padding: .5em}
#retouradmin{
height:100%;
width:100%;
background-color:rgba(158, 158, 158, 0.8);
display:flex;
justify-content:center;
align-items:center;
}

/* page l'équipe */
#membres{
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
}
.membre{
width: 400px;
padding:.5em;
border-radius:1em;
box-shadow: 3px 3px 8px grey;
margin: 1em;
border: 1px solid #ccc;
}
.membre .photom{
margin:1em;
text-align: center;
}
.membre img{
max-width:100%;
}
@media (max-width: 450px){
.membre{
margin:0;
box-shadow:none
}
}
/* fin équipe */

@keyframes disparait {
to {transform:scale(0); top:0; margin:0}
}
#logowait{
text-align:center;
border:1px solid #ccc;
}
::placeholder{color:#bbb}
@media (max-width: 1000px) {
.body {
font-family:calibri, sans-serif;
}
}
@media (max-width: 1020px) {
.body{
box-shadow:none;
margin:0;
padding-top:0;
min-height: 400px;
}
}
@media (max-width: 50em){
h1{margin:.2em}
#nav{display:none;}
#burger{
display:flex;
justify-content:center;
flex-direction:column;
}
}