
:root{
  --fontSize: 0.9em;
	--fontStyle: sans-serif;
  --rootBG: #f0eeeb;
  --maxWidth: 1024px;
	--contentBG: #ffffff;
	--contentFG: #000000;
	--headerBG: #202488;
	--headerFG: #ffffff;
	--headerStackBG: #4348d0;
	--headerStackFG: #ffffff;
	--headerOver: #fae90c;
  --titleColor: #4348d0;
	--tileBorderColor: #e0dcd8;
	--tileBG: #f0eeeb;
	--tileRadius: 0em;
  --tileBorderWidth: 8px;
  --tileFG: #000;
  --tileTitleColor: #4348d0;
	--accentColor: #202488;
	--accentColorLight: #202488b8;
	--emphasisBG: #fae90c;
	--extraBG: transparent;
	--extraBorderColor: #231F20;
	--extraBorderWidth: 2px;
  --extraRadius: 0em;
}

#header h1{
    text-transform: uppercase;
}

p{
  text-align: unset;
}

tr.txt_h_tbtr > th {
  background-color: var(--headerBG);
  color:white;
}
tr.txt_h_tbtr > th a{
  color:white;
}

.txt_t_tbcl, .txt_t_tbtr {
    background-color: #fff5ea;
    text-align: center;
}


/* image d'acceuil : haut tjs visible*/
.illus img {
    wigth: 100%;
    width: -webkit-fill-available;
    position: absolute;
    top:unset;
    transform:unset;
}
@media (max-width: 700px) {
  :root{
  --fontSize: 0.8em;
  }
    .illus img, .illus video{
        wigth: 100%;
        width: -webkit-fill-available;
        left: unset;
        margin-left:unset;
    }
  .scCommentOn .scCommentable, .scCommentOn .scEditable {
    padding-right: 0px !important;
  }
  .txt_tb p {
    word-break: break-word;
   }
}