/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). 


Version: 1.0
(July 25, 2005)

Screen layout: */

body {
  margin: 0 auto;
  padding: 0;
  font-family: "Times New Roman", Times, serif;
}

#wrap {
  background: #ffffff;
  color: #303030;
  margin: 0 auto;
  width: 760px;
}

#header {
  clear: both;
  margin: 20px 0 0 0;
  padding: 0;
  height: 45px;
}

#header h1 {
  width: 800px;
  margin: 0 0 10px 0;
  float: left;
}

#header p {
  width: 500px;
  float: right;
  text-align: center;
  color: #a0a0a0;
  margin: 0 0 10px 0;
  font-size: 0.8em;
  line-height: 1.2em;
}

#frontphoto {
  margin: 0 0 10px 0;
  border: 0;
}

#avmenu ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 1.1em;
}

#avmenu li {
  margin-bottom: 4px;
}

#avmenu li a {
  font-weight: bold;
  text-decoration: none;
  color: #505050;
  display: block;
  padding-left: 5px;
  background: #f4f4f4;
  border-left: 4px solid #cccccc;
}

#avmenu li a:hover {
  background: #eaeaea;
  color: #286ea0;
  border-left: 4px solid #286ea0;
}

.announce {
  font-size: 0.9em;
  margin: 10px 0 10px 0;
  padding: 10px;
  color: #505050;
  background-color: #f4f4f4;
  line-height: 1.3em;
}

#extras {
  font-size: 0.9em;
}

#content {
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

#content2 {
  margin: 0 0px 20px 160px;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  padding: 0 10px 0 10px;
}

#content-compl {
  margin: 0 0px 20px 160px;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  padding: 0 10px 0 10px;
  text-align: center;
}

#content h2 {
  font-size: 1.2em;
  margin-top: 0px;
  margin-bottom: 20px;
}

#content h3 {
  font-size: 1.0em;
  font-weight: 700;
  width: 100%;
}

.titre-article {
  display: table;
}

.titre-article>h3,
.titre-article>a,
.titre-article>span {
  display: table-cell;
}

.titre-article>span {
  min-width: 1px;
}

label.required:after {
  content: " *";
  color: #C82829;
}

#bloc {
  background-image: url('../images/degrad.gif');
  background-repeat: repeat-y;
  float: left;
  text-align: left;
  margin: 1px;
  padding: 1px;
}


a {
  text-decoration: none;
  color: #286ea0;
}

a:hover {
  text-decoration: underline;
  color: #286ea0;
}

a img {
  border: 0;
}

footer {
  clear: both;
  margin: 0 auto;
  padding: 10px 0 20px 0;
  border-top: 4px solid #f0f0f0;
  text-align: center;
  color: #808080;
  font-size: 0.9em;
}

footer a {
  color: #808080;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

.aticle-validation-1 {
  background-color: #FFF
}

/* En lecture ou en attente */
.aticle-validation-2 {
  background-color: #FFCCFF
}

/* à revoir */
.aticle-validation-3 {
  background-color: #ffdecc
}

/* ok quelques modifs */
.aticle-validation-4 {
  background-color: #ccffe2
}

/* ok */
.aticle-validation-5 {
  background-color: #4dff9a
}

/* Publié */
.aticle-validation-6 {
  background-color: #ff647d
}

/* non */

.round-border {
  background-color: #C2C2C2;
  border-radius: 10px;
  padding: 3%;
  text-align: center;
  min-height: 280px;
}

.separ-bleu {
  background-image: url('../images/separ-bleu.gif');
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px 0;
}

.res2 {
  background-image: url('../images/res2.gif');
  display: block !important;
  margin: 0 auto;
  width: 7px;
  height: 9px;
}

.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.revue-container {
  position: relative;
}

.revue-container:hover .revue-img {
  opacity: 0.3;
}

.revue-container:hover .revue-legendre {
  opacity: 1;
}

.revue-legendre {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 100%;
}

.revue-text {
  background-color: #3b3b3b;
  color: white;
  font-size: calc(1.1rem + 1.3vw);
  font-weight: bold;
  padding: 15px 20px;
}