body {
font-size:16px;
font-family: Verdana,Tahoma,Arial;
}
@media (min-width: 576px) {
 .membre, .activite {
 font-size: 0.8em;
 }
}
.container {
background-color: #8DAADD;
margin-top: 42px;
min-height: 100vh;
}
@media (max-width: 1100px) {
.container {
 margin-top: 50px;
}}
@media (max-width: 1000px) {
.container {
margin-top: 37px;
}}
summary{
list-style: none;
padding: 20px 0px 5px 20px;
background: url(../images/question.png) no-repeat 5px 50%;
}
details > summary::-webkit-details-marker {
display: none;
}
.child {
max-width: fit-content;
margin-left: auto;
margin-right: auto;
padding: 10px 4px 10px 0px;
min-height: 78vh;
}
.container h1 {
background: url(../images/h1_bg.png) top left no-repeat;
height: 52px;
line-height: 52px;
padding-left: 10px;
color: #F2D55C;
font-size: 1.0em;
font-weight: bold;
}
p {
padding: 0px 10px 0px 10px;
}
h2 {
color: #fff;
font-size: 1.2em;
font-weight: bold;
}
h3 {
color: #000066;
font-size: 1.0em;
font-weight: bold;
}
h4 {
color: #481e1e;
font-size: 0.9em;
font-weight: bold;
font-style: italic;
}
.sigPad {
margin: 0;
padding: 0;
}
canvas {
cursor: url(../images/pen.png) 1 26, pointer;
}
.image {
height: auto; 
width: auto; 
max-width: 300px; 
max-height: 300px;
}
.avatar {
vertical-align: middle;
max-height: 100px;
border-radius: 40%;
width: auto;
height: auto;
object-fit: cover;
}
.avatar:hover {
max-height: none;
}
.upload {
border-radius: 10px;
background: #3a567e;
border: none;
}
.fa {
display:inline-block;
font-size:inherit;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.fa-image:before {
content: url(../images/logo16x16.png)
}
.gauche{
text-align:left;
}
.droite{
text-align:right;
}
.centre{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.impose {
font-weight: bold;
font-size: 1.3em !important;
}
.hause {
font-weight: bold;
color:#574510;
}
.espace {
border-bottom: dashed 1px;
line-height: 1.2em;
}
li a{
color: #000fff;
}
.aide {
font-size: 0.8em;
padding-left: 20px;
background-color: cornsilk;
max-width: 450px;
}
.navbar {
background-color: #12147D;
opacity: 80%;
}
.login{
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: #b6d8f6;
}
td a {
color: #231144;
font-size: 1.1em;
}
a.nav-link {
font-size: 0.9rem;
color:#F8DD0D !important
}
a.button:hover{
color:#c3cd5d;
}
input[type=text]{
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
}
input[type="submit"], .button {
background: url("../images/button.png") repeat-x scroll left top #3A567E;
border:none;;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 0.9em;
font-variant: small-caps;
height: auto;
line-height: 25px;
margin: 2px 5px 3px 2px;
padding: 0 15px;
text-decoration: none;
text-shadow: 0px 1px 0px #fedd9b;
box-shadow: inset 1px 1px 0 #5d77c3;
border-radius: 10px;
}
input[type="submit"]:hover{
color:#c3cd5d;
}
input[readonly], input[readonly]:hover{
background-color:#fff7d9;
color:#000;
}
input:invalid:focus {
background-image: linear-gradient(pink, lightgreen);
}
textarea {
width:100%;
}
table {
font-size:0.6em;
padding: 0 5px;
background:#fff;
min-width: 350px;
}
table td{
vertical-align:top;
border-bottom: 1px solid gray;
padding-left:5px;
padding-top:10px;
overflow-wrap: break-word;
}
.membre a{
text-decoration:underline;
color: #000066;
}
table thead {
padding: 4px 2px;
border: 1px solid #fff;
color: #fff;
background: #3C59A7;
font-family: Verdana, Arial;
line-height: 1.9em;
text-align: center;
}
.infobox{
overflow-wrap:break-word;
border-collapse: collapse;
padding:5px;
width: 100%;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: #99b4e5;
font-size: 0.9em;
}
table.tableau{
border-collapse: collapse;
width: 100%;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background: #b6d8f6;
}
table.edit{
background: #99b4e5;
font-size:0.8em;
}
.tableau .tr-mois{
text-align: center;
background: #FCA536;
font-weight: bold;
border-radius: 15px;
color: #fff;
}
.tableau .tr-mois{
background: #0066cc;
}
.toolbar td{
border: hidden!important;
}
tr.search input,
tr.search select{
width: auto;
width: calc(100% - 6px);
width: -moz-calc(100% - 6px);
width: -webkit-calc(100% - 6px);
}
td.input-cell{
padding:5px;
width:40%;
}
td.label-cell{
padding-bottom: 5px;
text-align:left;;
}
.sans_table th{
border-bottom: none;
font-weight: bold;
text-align: center;
}
.sans_table {
font-size: 0.9em;
background: none;
}
.enligne {
display: inline-block;
background: none !important;
background-color: black !important;
}
.membre {
background: none;
}
.actualites{
width:90%;
box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
background:#b6d8f6;
text-align: left;
padding: 5px 10px 5px 10px;
word-wrap: break-word;
}
.date {
text-align: left;
vertical-align: middle;
padding-left: 2px;
font-size: 0.9em;
}
.date a{
text-decoration: none;
font-size: 1.1em;
margin-left: 2px;
}
.required{
border-bottom-color: blue;
}
.messages{
border:2px solid #3f9500;
font-weight:bold;
color:#3f9500;
box-shadow:inset 0 0 5px #3f9500;
padding:5px;
background:#fff;
}
.error, .erreur{
font-weight: bold;
color: #a00;
padding: 5px;
}
.messages-wrapper{
position:fixed;
top:50%;
left:50%;
margin-left:-150px; 
margin-top:-32px; 
}
.spinner{
position:fixed;
top:50%;
left:50%;
opacity:0.3;
margin-left:-32px; 
margin-top:-32px; 
overflow:auto;
background:url(../images/spinner.gif) no-repeat;
width:64px; 
height:66px; 
}
.logo{
animation: hide 3s;
animation-fill-mode: forwards;
animation-delay: 3s;
}
@keyframes hide {
0% {opacity: 1;}
50% {opacity: 0;}
100% {height: 0px;
    overflow: hidden;}
}
.saved{
position:fixed;
font-size:3em;
top:50%;
left:50%;
opacity:0.8;
margin-left:-32px; 
margin-top:-32px;
}
.dropdown-item {
padding: 0.3rem 1rem;
}
.ecopes .ecope{
margin: 0 20px 20px 0;
display: inline;
display: inline-block;
}
.ecope a{
display: block;
}
.ecope .thumbnail{
display: block;
-moz-transform: rotate(-9deg);
-webkit-transform: rotate(-9deg);
-o-transform: rotate(-9deg);
transform: rotate(-9deg);
margin: 12px;
}
.ecope .titre{
text-align: center;
}
#ann1 td:nth-child(1){
width: 25%;
}
@media (max-width: 576px) {
 table#tbl1 td:nth-child(1){
 min-width: 40px;
 }
 table#tbl1 td:nth-child(2){
 max-width: 52px;
 }
 table#tbl1 td:nth-child(3){
 min-width: 110px;
 }
 table#tbl1 th:nth-child(4){
 text-align: left;
 }
 table#tbl1 td:nth-child(4){
 max-width: 50px;
 }
 table#tbl1 th:nth-child(5){
 max-width: 20px;
 direction: rtl;
 }
 table#tbl1 td:nth-child(6){
max-width: 70px;
 }
 table#tbl2 td:nth-child(1){
 max-width: 60px;
 }
 table#tbl2 td:nth-child(2){
 max-width: 75px;
 font-size: 1.1em;
 }
 table#tbl2 th:nth-child(3){
 max-width: 27px;
 }
 table#tbl2 td:nth-child(4){
 min-width: 90px;
 }
 table#tbl3 td:nth-child(1){
 min-width: 40px;
 }
 table#tbl3 td:nth-child(5){
 max-width: 30px;
 }
}
/*radios*/
.radioa input[type=radio] {
display: none;
appearance: none;
}
.radioa input[type=radio] + label:before {
content: "";
background: #f4f4f4;
border-radius: 100%;
border: 3px solid #666363;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
top: -0.1em;
margin-right: .6em;
vertical-align: middle;
cursor: pointer;
text-align: center;
transition: all 250ms ease;
}
.radioa input[type=radio]:checked + label:before {
background-color: #3197EE;
box-shadow: inset 0 0 0 2px #f4f4f4;
}
.radioa input[type=radio]:focus + label:before {
outline: none;
border-color: #3197EE;
}
.radioa input[type=radio]:disabled + label:before {
box-shadow: inset 0 0 0 4px #f4f4f4;
border-color: #b4b4b4;
background: #b4b4b4;
}
.radioa input[type=radio] + label:empty:before {
margin-right: 0;
}
/*checkboxes*/
.checka .tgl {
display: none;
}
.checka .tgl,
.checka .tgl:after,
.checka .tgl:before,
.checka .tgl *,
.checka .tgl *:after,
.checka .tgl *:before,
.checka .tgl + .tgl-btn {
box-sizing: border-box;
}
.checka .tgl::-moz-selection,
.checka .tgl:after::-moz-selection,
.checka .tgl:before::-moz-selection,
.checka .tgl *::-moz-selection,
.checka .tgl *:after::-moz-selection,
.checka .tgl *:before::-moz-selection,
.checka .tgl + .tgl-btn::-moz-selection,
.checka .tgl::selection,
.checka .tgl:after::selection,
.checka .tgl:before::selection,
.checka .tgl *::selection,
.checka .tgl *:after::selection,
.checka .tgl *:before::selection,
.checka .tgl + .tgl-btn::selection {
background: none;
}
.checka .tgl + .tgl-btn {
outline: 0;
display: block;
width: 2.3em;
height: 1.8em;
position: relative;
cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.checka .tgl + .tgl-btn:after,
.checka .tgl + .tgl-btn:before {
position: relative;
display: block;
content: "";
width: 50%;
height: 100%;
}
.checka .tgl + .tgl-btn:after {
left: 0;
}
.checka .tgl + .tgl-btn:before {
display: none;
}
.checka .tgl:checked + .tgl-btn:after {
left: 50%;
}
.checka .tgl-skewed + .tgl-btn {
overflow: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
transition: all 0.2s ease;
background: #fff;
border-radius: 10px
}
.checka .tgl-skewed + .tgl-btn:after,
.checka .tgl-skewed + .tgl-btn:before {
display: inline-block;
transition: all 0.2s ease;
width: 100%;
text-align: center;
position: absolute;
line-height: 2em;
color: #000;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.checka .tgl-skewed + .tgl-btn:after {
left: 100%;
content: attr(data-tg-on);
}
.checka .tgl-skewed + .tgl-btn:before {
left: 0;
content: attr(data-tg-off);
}
.checka .tgl-skewed + .tgl-btn:active {
background: #fff;
}
.checka .tgl-skewed + .tgl-btn:active:before {
left: -10%;
}
.checka .tgl-skewed:checked + .tgl-btn {
background: #86d993;
border-radius: 10px
}
.checka .tgl-skewed:checked + .tgl-btn:before {
left: -100%;
}
.checka .tgl-skewed:checked + .tgl-btn:after {
left: 0;
}
.checka .tgl-skewed:checked + .tgl-btn:active:after {
left: 10%;
}
/*calendrier*/
.tcalInput{
background:url('../images/cal.gif') 100% 50% no-repeat;
background-color:white;
padding-right:20px;
cursor:pointer;
}.tcalActive{
background-image:url('../images/no_cal.gif');
}
#tcal{
position:absolute;
visibility:hidden;
z-index:100;
width:170px;
background-color:white;
margin-top:2px;
padding:0 2px 2px 2px;
border:1px solid silver;
-moz-box-shadow:3px 3px 4px silver;
-webkit-box-shadow:3px 3px 4px silver;
box-shadow:3px 3px 4px silver;
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver')";
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='silver');
}#tcalControls{
border-collapse:collapse;
border:0;
width:100%;
}#tcalControls td{
border-collapse:collapse;
border:0;
padding:0;
width:16px;
background-position:50% 50%;
background-repeat:no-repeat;
cursor:pointer;
}#tcalControls th{
border-collapse:collapse;
border:0;
padding:0;
line-height:25px;
font-size:10px;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-weight:bold;
white-space:nowrap;
}#tcalPrevYear{background-image:url('../images/prev_year.gif');}
#tcalPrevMonth{background-image:url('../images/prev_mon.gif');}
#tcalNextMonth{background-image:url('../images/next_mon.gif');}
#tcalNextYear{background-image:url('../images/next_year.gif');}
#tcalGrid{
border-collapse:collapse;
border:1px solid silver;
width:100%;
}#tcalGrid th{
border:1px solid silver;
border-collapse:collapse;
padding:3px 0;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
background-color:gray;
color:white;
}#tcalGrid td{
border:0;
border-collapse:collapse;
padding:2px 0;
text-align:center;
font-family:Tahoma, Geneva, sans-serif;
width:14%;
font-size:11px;
cursor:pointer;
}#tcalGrid td.tcalOtherMonth{color:silver;}
#tcalGrid td.tcalWeekend{background-color:#ACD6F5;}
#tcalGrid td.tcalToday{border:1px solid red;}
#tcalGrid td.tcalSelected{background-color:#FFB3BE;}
.tcal {
width: 120px !important;
}
/*table, th, td {
  border: 1px solid black;
}*/