/* ==== Polices ==== */
@font-face {
    font-family: 'LearningCurveProRegular';
    src: url('LearningCurve_OT-webfont.eot');
    src: url('LearningCurve_OT-webfont.eot?#iefix') format('embedded-opentype'),
         url('LearningCurve_OT-webfont.woff') format('woff'),
         url('LearningCurve_OT-webfont.ttf') format('truetype'),
         url('LearningCurve_OT-webfont.svg#LearningCurveProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ==== Global ==== */
body {
   width: 760px;
   margin: 20px auto;
   background: url("images/divers/fond.png") fixed;
   color: #032fff;
   font-family: Arial, "Times New Roman", serif;
}

/* ==============================
   LIENS NORMAUX
   ============================== */
a:link {
  color: #032fff;            /* Lien normal */
  font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: purple;          /* Lien déjà visité */
}

a:hover {
  color: green;           /* Au survol */
  text-decoration: underline;
}

a:active {
  color: red;             /* Pendant le clic */
}


/* ==============================
   LIENS IMPORTANTS
   ============================== */
a.important:link,
a.important:visited {
  color: red;             /* Rouge quand inactif (normal ou visité) */
  font-weight: bold;
  text-decoration: none;
}

a.important:hover {
  color: darkred;         /* Rouge foncé au survol */
  text-decoration: underline;
}

a.important:active {
  color: orange;          /* Orange au clic */
}


/* ==== En-tête ==== */
#entete {
   width: 760px;
   height: 100px;
   background: url("images/divers/entete.jpg") no-repeat;
   margin-bottom: 10px;
}
#bandeau_pub {
   width: 616px;
   margin: 10px auto;
   color: #032fff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}

/* ==== Menu ==== */
#menu {
   position: absolute; /* ou fixed si voulu */
   right: 20px;
   top: 20px;
   width: 220px;
}
.element_menu,
.element_menu2 {
   background-repeat: repeat-x;
   margin-bottom: 10px;
}
.element_menu h3 {    
   color: #032fff;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   margin: 5px 0 1px; 
}
.element_menu ul {
   list-style: outside url("images/divers/puce.jpg");
   margin: 0 0 5px;
   padding-left: 20px;
}
.element_menu a { color: #032fff; }
.element_menu a:hover { color: red; }
.lien:hover { text-decoration: underline; color: green; }

/* Style de base menu déroulant*/
.menu-der ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  background: #003366;
}

.menu-der ul li {
  position: relative;
}

.menu-der ul li a {
  display: block;
  padding: 10px 15px;
  color: white;
  text-decoration: none;
}

.menu-der ul li a:hover {
  background: #0055aa;
}

/* Sous-menu caché par défaut */
.menu-der ul .dropdown-content {
  display: none;
  position: absolute;
  top: 100%; /* sous le parent */
  left: 0;
  background: #004080;
  min-width: 200px;
  z-index: 1000;
}

.menu-der ul .dropdown-content li a {
  padding: 10px;
  color: white;
}

.menu-der ul .dropdown-content li a:hover {
  background: #0066cc;
}

/* ==== Corps ==== */
#corps,
#corps2,
#commentaires {
   margin: 0 10px 20px;
   padding: 5px;
   text-align: justify;
   text-indent: 0;
   color: #032fff;
   border: 2px solid black;
}
#corps { margin-right: 10px; border: none; }
#corps2 { margin-right: 140px; }
#commentaires { margin-right: 140px; }

#corps li,
#corps ul {
   font-weight: bold;
   font-style: italic;
   list-style: outside url("images/divers/puce.jpg");
   margin: 0 0 5px;
   padding-left: 0;
}

#corps h1,
#commentaires h1 {
   color: #032fff;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2,
#commentaires h2 {
   text-align: center;
   color: #032fff;
}
#commentaires h2 { text-align: left; }

/*#corps strong { font-size: 1.3em; font-weight: bold; }*/
#corps2 h1,
#corps2 h3 { text-align: center; }
#corps2 h3 {
   background: #67e8ff;
   color: #1d00a4;
   font-size: 0.9em;
   margin-bottom: 0;
}
#corps2 a { text-decoration: underline; color: #c300ab; }

/* ==== Boîtes & News ==== */
.boiteblanche {
   display: inline-block;
   margin: 0 auto;
   padding: 5px;
   text-align: center;
   font-size: 2em;
   font-weight: bold;
   font-style: italic;
   border: 2px solid #032fff;
   border-radius: 10px;
   background: #fff;
}
.news,
.nb_page {
   text-align: justify;
   width: 70%;
}
.nb_page { width: 50%; }
.news p,
.nb_page p { background: #fff; margin-top: 0; }
.nb_page a { color: #032fff; }
.nb_page a:hover { color: red; }
.nb_page a:active {
   background: #fff;
   font-weight: bold;
   text-decoration: underline;
}

/* ==== Divers ==== */
.cache_texte {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.avertissement {
	font-weight: bold;
    color: red;
	text-align: center;
	background: #fff;
	font-size: 1.3em;
}
.flotte { float: left; }
#pied_de_page { text-align: center; }

/* ==== Tableaux ==== */
caption {
   margin: auto auto 20px;
   font-family: "Times New Roman", Arial, serif;
   font-weight: bold;
   font-size: 2em;
}
table {
   margin: auto;
   border: 4px outset #032fff;
   border-collapse: collapse;
}
th {
   color: #032fff;
   font-size: 1.1em;
   font-family: "Times New Roman", Arial, "Arial Black", Times, serif;
}
td {
   width: 1000px;
   border: 1px solid #032fff;
   font-family: "Times New Roman", "Comic Sans MS", "Trebuchet MS", serif;
   text-align: left; 
   padding: 5px;
}
.en_retrait { padding-left: 50px; }
.pas_de_puce { list-style: none; }

/* ==== Classes remplaçant balises HTML obsolètes ==== */
.img-center { display: block; margin: auto; }
.left    { text-align: left; }
.right   { text-align: right; }
.center  { text-align: center; }
.justify { text-align: justify; }
.big     { font-size: larger; }
.small   { font-size: smaller; }
.underline { text-decoration: underline; }
.strike    { text-decoration: line-through; }
.mono      { font-family: monospace; }
.red   { color: red; }
.green { color: green; }
.#032fff  { color: #032fff; }
.gray  { color: gray; }
.black { color: black; }
.fs-small  { font-size: 0.8em; }
.fs-normal { font-size: 1em; }
.fs-large  { font-size: 1.2em; }
.fs-xlarge { font-size: 1.5em; }
.fs-xxlarge { font-size: 2em; }
.arial   { font-family: Arial, sans-serif; }
.verdana { font-family: Verdana, sans-serif; }
.times   { font-family: "Times New Roman", serif; }
.courier { font-family: "Courier New", monospace; }
.bold { font-weight: bold; }/*gras*/
.italic { font-style: italic; }

/* ==== Animations ==== */
.marquee {
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  animation: defilement 10s linear infinite;
}
@keyframes defilement {
  from { transform: translateX(100%); }
  to   { transform: translateX(-100%); }
}
.blink { animation: clignote 1s step-start infinite; }
@keyframes clignote { 50% { opacity: 0; } }

aside {
  width:25%;
  background-color: white;
  border: 1px solid #032fff;
  padding: 10px;
  margin: 10px 0;
}

aside h2 {
  font-size: 1.2em;
  margin-top: 0;
  color: #032fff;
}