/* Balises globales */

html {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

body {
  position: static;
  color: #3f3f3f;
  margin: 0;
  margin-bottom: 129px;
  padding: 0;
  text-align: justify;
  font-family: "Sans serif", "Trebuchet MS", Tahoma, Verdana;
  background: #fff4ce url("interface/Fond CES.jpg") fixed no-repeat right top;
}

textarea {
  width: 100%;
}

/* Pour être sûr que le footer reste en bas (en cas de contenu à faible hauteur) */

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 129px;
}

#menu_titre {
  margin-top: 12px;

  text-align: center;
  font-size: large;
  font-variant: small-caps;
  background: url("interface/menu.jpg") repeat-y top left;
  width: 166px;
  height: 38px;
}

#menu {
  text-align: center;
  font-size: large;
  font-variant: small-caps;
  background: #fff6ef repeat-y top left;

  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;

  width: 164px;
}

#partenaire {
  text-align: center;
  font-size: large;
  font-variant: small-caps;
  /*background: #fff6ef repeat-y top left;*/

  border: 1px solid white;

  width: 100px;

  position: absolute;
  top: 350px;
  left: 30px;
  padding-top: 4px;
}

#partenaire img {
  margin: none;
}
/* Corps */
#page {
  /*background-color: #fff6ef;
	border: 2px solid #9d6b39;*/
  min-height: 600px;
}
/*
	#page a
	{
		color: #38600f;/*#403038
		text-decoration: none;
	}

	#page a:hover
	{
		color: black;
		text-decoration: underline;
	}*/

table.table td img {
  max-width: 100%;
}

table.bbcode tr td {
  border: 0;
}

table.maxwidth {
  width: 100%;
}

table td.message-more-info-user {
  width: 100px;
  font-size: small;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .table-overflow {
    overflow-x: auto;
  }

  .table-overflow table {
    width: 100%;
  }

  .table-overflow table {
    border-top: none;
  }

  .table-overflow table thead {
    display: none;
  }

  .table-overflow table tr {
    display: flex;
    flex-wrap: wrap;
  }

  .table-overflow table tr td.tdth {
    width: 100%;
  }

  .table-overflow table tr.interligne {
    border: none;
  }

  .table-overflow table td.message-more-info-user {
    width: 100%;
    text-align: initial;
    border-top: none;
    border-bottom: none;
  }
}

#corps {
  background-color: #fff6ef;
  padding: 10px;
  border: 1px solid black;
}

#corps table,
#corps iframe,
#corps fieldset,
#corps_invisible table,
#corps_invisible iframe,
#corps_invisible fieldset {
  max-width: 100%;
}

#titre_corps {
  text-align: center;
  font-size: xx-large;
  color: Black;
}

#sous_titre_corps {
  text-align: center;
  font-size: large;
  color: gray;
  margin-bottom: 10px;
}

.corps_multiple {
  background-color: #fff6ef;
  padding: 10px;
  border: 1px solid black;
  margin-bottom: 30px;
}

/* Pied de page */

#pied {
  color: #7b7b7b;
  text-align: center;
  height: 60px;
  border-top: 1px solid #9d6b39;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}

/* Navigateur */

#navigateur {
  color: white;
  background: #333333;
  padding: 6px;
  padding-right: 0;
  font-style: italic;
  font-size: small;
  /*position: relative;*/
}

/* Cadre de concours */

#concours {
  width: 240px;
  height: 230px;
  float: left;
  margin-right: 10px;
}

#concours h3 {
  margin: 2px;
  font-weight: lighter;
}

#concours .jury {
  padding-left: 30px;
  background: url("divers/Alextests.png") center left no-repeat;
}

#concours .info {
  padding-left: 30px;
  background: url("divers/Alexreglement.gif") center left no-repeat;
}

#concours .jeux {
  padding-left: 30px;
  background: url("divers/Alexpoite.png") center left no-repeat;
}

#calendrier {
  height: 230px;
}

.top-bar-section .dropdown li a,
.top-bar-section ul li > a,
.top-bar .name h1 a {
  color: #f8ad01;
}

.li-partenaires img {
  width: 82px;
  height: 29px;
}
.li-screens-alea {
  text-align: center;
}
.li-screens-alea img {
  height: 118px;
  overflow: hidden;
}
p.courteligne {
  line-height: 1.4;
}

#mainrow {
  margin-top: 1.875em;
  position: relative;
}

#citations-alea {
  color: #999999;
  text-align: right;
  float: right;
  background: #333333;
}

.citations-alea-closed {
  margin-right: 6px;
  overflow: hidden;
  max-height: 18px;
  max-width: 500px;
}

.citations-alea-open {
  padding: 6px;
  padding-top: 0;
  max-width: 512px;
}

#footer-part1 {
  margin-top: 40px;
  padding: 5px;
  color: #999999;
  background: #333333;
}

#footer-part2 {
  padding: 15px;
  color: #999999;
  background: url("interface/arbres_making.png") #111111;
}

#footer-part2 a {
  color: #f8ad01;
}

#header-recherche {
  padding-left: 5px;
  padding-right: 5px;
}

#header-recherche input {
  width: 140px;
}

.header-avatar {
  max-width: 45px;
  max-height: 41px;
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

#leftbanner {
  max-width: 160px;
  max-height: 120px;
  position: fixed;
  top: 0;
  left: 0;
  line-height: 0;
}
.leftbanner-screens {
  opacity: 0.5;
  -webkit-filter: saturate(25%) blur(1px);
  -moz-filter: saturate(25%) blur(1px);
  -o-filter: saturate(25%) blur(1px);
  filter: saturate(25%) blur(1px);
  -ms-filter: saturate(25%) blur(1px);
  -webkit-transition: opacity 300ms ease-out, filter 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, filter 300ms ease-out;
  -o-transition: opacity 300ms ease-out, filter 300ms ease-out;
  transition: opacity 300ms ease-out, filter 300ms ease-out;
}
.leftbanner-screens:hover {
  opacity: 1;
  -webkit-filter: saturate(100%) blur(0px);
  -moz-filter: saturate(100%) blur(0px);
  -o-filter: saturate(100%) blur(0px);
  filter: saturate(100%) blur(0px);
  -ms-filter: saturate(100%) blur(0px);
  -webkit-transition: opacity 300ms ease-out, filter 300ms ease-out;
  -moz-transition: opacity 300ms ease-out, filter 300ms ease-out;
  -o-transition: opacity 300ms ease-out, filter 300ms ease-out;
  transition: opacity 300ms ease-out, filter 300ms ease-out;
}

.trop-grand {
  max-height: 500px;
  overflow: auto;
}

.orbit-container .orbit-slides-container > * .orbit-caption a {
  color: #f8ad01;
}

/* Tippy */
.tippy-box[data-theme~='alexdor'] {
  border: 1px solid #9d6b39;
  background-color: #fff6ef;
  text-align: center;
  border-radius: 4px;
  color: #3f3f3f;
}

.tippy-box[data-theme~='alexdor'][data-animatefill] {
  background-color: transparent;
}

.tippy-box[data-theme~='alexdor'] .tippy-backdrop {
  background-color: #fff6ef;
}