@font-face {
   font-family:'TeXGyrePagella-Regular';
    src:url('TeXGyrePagella-Regular.ttf.woff') format('woff'),
        url('TeXGyrePagella-Regular.ttf.svg#TeXGyrePagella-Regular') format('svg'),
        url('TeXGyrePagella-Regular.ttf.eot'),
        url('TeXGyrePagella-Regular.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
    background-color:white;
    font-family: 'TeXGyrePagella-Regular', serif;
    margin:-10px -10px 10px -10px;
    color:#090707;
scrollbar-color:auto transparent;
padding:10px 10px 0px 10px;}
body a {
    color:#090707;}

header {
    background-color:#30a9de;/*deepskyblue;*/
    height:225px;
    width:100%;
    padding:25px 0 0 0px;
    margin-bottom:0px;
    border-radius:0;
border-sizing:border-box;}
header.admin {background-color:#30a9de;} 
header:after {
    clear:right;
}

#nav-right {
    float:right;
    margin-right:60px;
    color:darkslategrey;
    display:inline-block;
    line-height:125%;
    font-weight:300;
}

section {
    padding:25px 0 0 40px;
    margin:15px 18px 15px 18px;}

.div_section, .principal, .juxta {
    background-color:lightgoldenrodyellow;
    border-radius:12px;
    padding:10px 0 10px 14px;
}

.principal {
    width: 920px;
    display:inline-block;
    vertical-align:top;
}

.juxta {
    width:320px;
    display:inline-block;
    vertical-align:top;
    background-color:bisque;
    border-radius:0px;
    background-image:url('beer.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:top 50px;
    padding-top:125px;
}

.juxta a {
    text-decoration:none;
}

.juxta a:hover {
    text-decoration:underline;
}

h1 {
    color:#090707;
    font-size:48px;
    font-weight:600;
letter-spacing:1px;
}
h2 {
    color:#090707; /*darkslategrey*/
    font-size:32px;
    font-weight:300;
}
h3 {
    color:#090707;
    font-size:26px;
    font-weight:300;
}

@media screen and (max-width: 992px) {
    .principal {
        width:90%;
    }
    .juxta {
        width:90%;
        max-width:320px;
    }
}

.particulier {
    width:100%;
    background-color:#e53a40;/*rgba(222,222,222,0.4);*/
    margin:0;
box-sizing:border-box;
    padding-bottom:35px;
}

.particulier h2 {
    margin-block-end:0;
}
.footer {
    padding:10px;
    text-align:center;
    font-size:0.8em;
    font-weight:200;
}

li {
    margin:3px;
}

.ligne_paire {
    background-color:floralwhite;
}
.ligne_impaire {
    background-color:antiquewhite;
}

#tableau_membres_1 a{
    cursor:pointer;
}

input, select, option, submit {
    font-size:0.9em;
}

.retrait {
    margin-left:15px;
}
.retrait p {
    margin:6px;
    line-height:100%;
}

.display_none {
    display:none;
}

.bordure_tableau td {
    border:1px solid black;
}

td#tableau_tournus {
    border-bottom:1px solid black;
    border-collapse: collapse;
    padding:10px;
}

.discret {
    font-size:0.9em;
    color:dimgrey;
}

.warning {
    font-size:0.9em;
    color:red;
    border:3px solid red;
    display:inline;
}

.rond_couleur {
    width:16px;
    height:16px;
    display:inline-block;
    border-radius:8px;
}

.chiffre_couleur {
    color:coral;
}

.class_center {
    text-align:center;
}

.petit_input {
    width:52px;
}

.sous-titre {
    color:black;
    font-weight:300;
    font-size:22px;
}

.icone_list {
    width:24px;
}

.delete {
    float:right;
    padding-right:11px;
    padding-top:6px;
}

.style_ul {
    float:left;
    display:block;
    padding-right:6px;
    padding-top:6px;
}

.span_centre {
    display:block;
    border-radius:4px;
    padding:3px 5px;
    min-height:35px;
}

.subm {
    float:right;
    font-size:2em;
    margin-right:20px;
    margin-top:20px;
}

.clear {
    display:block;
    clear:both;
}

#afficher_detail {
    display:block;
    border:1px solid #fabd42;
    border-radius:3px;
    padding:3px;
    width:96%;
}

#afficher_detail legend {
    margin-left:55px;
    color:goldenrod;
}

#afficher_detail button {
    font-family: 'Roboto', sans-serif;
      font-size: 16px;
    padding:9px;
      text-transform: uppercase;
      letter-spacing: 2.5px;
      font-weight: 500;
    color: #000;
  background-color: gold;
  border: none;
  border-radius: 25px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease 0s;
  cursor: pointer;
  outline: none;
}

#afficher_detail button:hover {
  background-color: goldenrod;
  box-shadow: 0px 15px 20px rgba(0,0,0, 0.4);
  color: #fff;
  transform: translateY(-3px);
}

button {
    cursor:pointer;
}

.casier {
    display:inline-block;
    width:160px;
    border:0px;
    border-radius:1px;
    padding:5px 10px;
    margin:3px;
}

.casier input,textarea {
    width:145px;
}

.casier.pale {
    color:#aaa;
}

.casier.pale input {
    color:#aaa;
}

.database {
    font-size:0.5em;
}