.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 800;
}


.map-responsive {
 overflow:hidden;
 padding-bottom:56.25%;
 position:relative;
 height:0;
}
.map-responsive iframe {
 left:0;
 top:0;
 height:100%;
 width:100%;
 position:absolute;
}

#demo {
font-size: 25px;
}

select {
      background-size: 2em;}

.wrapper.style5 select, .wrapper.style5 textarea {
      background-color: rgba(0, 0, 0, 0.125);}

.wrapper.style5 table tbody tr:nth-child(2n + 1) {
      background-color: rgba(0, 0, 0, 0.1);}

table td {
      padding: 0.2em 0.2em;}

table p {
    margin: 0 0 0.5em 0;
    display: inline;
}
      


#footer {
    padding: 1em 0 1em 0;
    background-color: #1d242a;
    text-align: center;}

#footer ul {
 margin: 0 0 1em 0;
}

#footer p {
margin: 0 ; }

#test { color:red; font-weight:bold; }

#tabb table.spip td {font-size:100%; background:royalblue;}

#two img {
border-radius: 30%;

}

#two imgage {
border-radius: 30%;
}

#menu ul>li {
border-top-style: none;
margin-bottom : 1em;
padding: 0;
}


#menu a {
    border-bottom: dotted 0px;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 0.225em;
    line-height: 2em;
    line-height: 1.5em;
      }

@media screen and (max-width: 736px) {
  #menu ul > li > a {
    line-height: 2em;
    line-height: 1.5em;
      }
      }

#reponse {
width : 100%;
}

#tabPerso table.spip {border-style: solid;
border-width: 3px;
border-color: maroon;}

 
#tabPerso table.spip tr.row_odd{color: black; background:red; 
 vertical-align : middle; text-align : center;}

#tabPerso table.spip tr.row_even{color: white; background:lightsteelblue;}

#tabPerso table.spip th { background:darkblue;}

#tabPerso table.spip caption {background:fuchsia;}
  #tabPerso table.spip td {border-style: solid; border-color:black; border-width: 2px; }



#agenda table {}
#agenda table th{color:blue; background:mediumslateblue;}
/* #agenda td { color: yellow; background:grey;} */

#agenda .fc-content-skeleton thead{color:white; background:dimgray;}
#agenda .fc-bg td {background:bleu clair;}




@media screen and (max-width: 736px) {

      #results td { padding-left: 1px; padding-right: 1px; }}
      
#banner .inner  {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    width: 30%;
    height: 50%;
      }

.spotlight:nth-child(1) h2{
  background-color: rgba(0, 0, 0, 0.00);
}

.spotlight:nth-child(2) h2{
  background-color: rgba(0, 0, 0, 0.00);
}


.spotlight:nth-child(3) h2 {
  background-color: rgba(0, 0, 0, 0.00);


.spotlight:nth-child(3) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(4) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(5) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(6) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(7) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(8) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(9) h2{
  background-color: rgba(0, 0, 0, 0.00);
}
.spotlight:nth-child(10) h2{
	    background-color: rgba(0, 0, 0, 0.00); }
    

.wrapper.style5 input[type="text"], .wrapper.style5 input[type="password"], .wrapper.style5 input[type="email"], .wrapper.style5 select, .wrapper.style5 textarea 
{
background-color: rgba(0, 0, 0, 0.1);}

select {background-color: rgba(0, 0, 0, 0.1);
	    background-size: 2em;}
	    


/*#agenda th { background:deepskyblue;}
#agenda thead {color: black; background:gris;}*/

/* td {font-size:100%; background:royalblue;} */
/* #two .spotlight .image {
width: 30%;
} */