/* Styles generaux */

@charset "utf-8";

* {
  font-family: Freeserif, Helvetica, sans-serif;
}

body {
       margin: 15px;
       padding: 15px;
       font-size : 22px;
       text-align: justify;
       background-color: #FFFFFF;
       behavior: url(styles/csshover.htc);
}

.Rubrique {
    font-weight: bold;
    font-size: 120%;
}

.SousRubrique {
    font-weight: bold;
}


.Titre {
    margin-bottom: 10px;
}

/*.ChampRes {
    margin-bottom: 10px;
}
*/

.Auteurs {
    margin-bottom: 10px;
}
    
.article {
  margin-bottom: 10px;
/*  display: none;*/
}

.Debut_du_resume {
  margin-bottom: 10px;
}

/*********************************/

.debut {
       margin: 0px;
       padding: 0px;
}    

.accessibility {
  display: none;
}

.clearer {
  clear: both;
}

img {
  border: none;
}

a {
    text-decoration:none;
}

a:link{
    color:indianred;
}      /*les liens en général*/
a:visited{
    color:indigo;
} /*quand le lien a déja été visité*/
a:hover{
    color:blue;
}    /*quand on passe la souris sur un lien*/
a:active{
    color:green;
}  /*quand on clique sur le lien*/

table {
        border-collapse: collapse;
}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    word-break:break-word;
    hyphens: auto;
}


/*td, p
{
  font-size: 20px;
}
*/

/* Conteneur general */

#main {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 950px;
  border-right: 0px solid;
  border-bottom: 0px solid;
  background: #646A70;
}

/* Bandeau superieur */

#top {
  position: relative;
  /*background: url(bandeau.jpg) no-repeat bottom right;*/
  height: 143px;
  border-bottom: 1px solid;
  margin: 0;
  padding: 0;
}

/* Colonne de gauche */

#colgauche {
  position: relative;
  float: left;
  width: 150px;
  padding-bottom: 50px;
  background: #646A70;
  font-size : 20px;
  font-weight: bold;
  color: #E7EDF6;
  z-index: 10;
}

#spacer .spacer {
clear: both;
}

#partenaires {
  margin: -1px 0 0 0;
  height: 140px;
  background: white;/*#E42F2F;**/
  font-size : 16px;
  font-weight: bold;
  color: #E7EDF6;
}

#partenaires .partenaire {
  width: 150px;
  text-align: center;
  border-top: 0px solid;
}

/* Menu */

div#menu {
  position: relative;
  width: 150px; 
  margin: 10px 0 0 0;
  font-size : 12px;
  font-weight: bold;
  color: #E7EDF6;
}

div#menu li:hover {
  background: indianred
}

div#menu ul {
  margin: 0; 
  padding: 0; 
  width: 150px; 
  font-size : 12px;
  font-weight: bold;
  color: #E7EDF6;
  
}

div#menu li {
  position: relative; 
  list-style: none; 
  margin: 0;
  padding: 0;
  border-bottom: 1px solid;
}

div#menu li a {
  display: block;
  font-weight: bold;
  font-size : 15px;
  color: black;
  text-decoration: none;
  padding: 4px 5px 4px 5px;
  width: 140px;
/*  font-size:1.5vw;*/
}

div#menu ul.level1 li a,
div#menu ul.level2 li a,
div#menu ul.level3 li a { 
  text-decoration: none;
  font-size: 12px;
  color: #E7EDF6;
  font-weight: bold;
}

/* Colonne de droite */

#pageune,
#pageseconde {
  position: relative;
  margin: 0 0 0 150px;
  padding: 0;
}

#pageune {
  /*background: url(bandeau.jpg) no-repeat top left;*/
  /*background-color: white;*/
}

#pageseconde {
  /*background: url(bandeau.jpg) no-repeat top left;*/
  background-color: white;
}

#titre0 {
  margin: 0;
  position: absolute;
  top: 0px;
  left: 20px;
  font-size:16px;
  color: black;
  font-weight:normal;
}

#titre {
  margin: 0;
  position: absolute;
  top: 15px;/*15*/
  left: 20px;
  font-size:36px;
  color: black;
  font-weight:bold;
}

#chemin0 {
  margin: 0;
  position: absolute;
  top: 50px;
  left: 250px;
  font-size:24px;
  color:#eeeeff;
  font-weight:bold;
}

#chemin0 a:link, #chemin0 a:visited, #chemin0 a:hover {
  text-decoration: none;
  color:#eeeeff;
}

#chemin {
  margin: 0;
  position: relative;
  top: -40px;
  left: 290px;
  width: 500px;
  font-size:16px;
  color:#eeeeff;
  font-weight:bold;
  padding: 124px 10px 4px 7px;
}

#texte {
  position: relative;
  margin: 0;
  padding: 0px 10px 1px 10px;
}

div.texteune {
  padding-top: 5px !important;
}

#texte h2 {
  /*font-size : 16px;*/
  font-weight: bold;
  margin: 0px 0 5px 0;
  padding-top: 1px;
}

/*#texte ul {
  margin: 5px 0px 5px 0px;
  list-style-position: outside;
  list-style-image:url('../images/boite-outils/puce.gif');
  padding-left: 2.5em;
}*/

#texte ul.liste-liens {
  padding-left: 15px;
}

#texte ul.liste-liens li {
  margin-left: 15px;
}

div.groupetitre { 
  margin: 5px 0 25px 0;
}

p.surtitre {
  font-weight: bold;
  margin: 0 0 -5px 0;
  padding-top: 6px;
}

p.soustitre {
  font-weight: bold;
  margin: 4px 0 0 0;
}

#texte ul.navdroite {
  position: relative;
  top: 0px;
  right: -10px;
  float: right;
  width: 130px;
  font-size: 11px;
  text-align: left;
  margin: 0 0 20px 20px;
  padding: 0;
  border-left: 1px solid;
  list-style-image: none;
}

/*** Styles pour sommaire ***/

.texte_gauche {
  border-right: 0px solid;
  width: 750px;
  margin: 0 0 -1px 20px;
  padding: 0px 10px 10px 0px;
}

.texte_droite {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100px;
  font-size: 16px;
  background-color: white;
  margin: 0;
  padding: 0;
  border-left: 1px solid;
}

/*** Fin styles pour sommaire ***/

init {
    display: inline-block;
}

poeme {
    /*font-size: 150%;*/
    display: block;
    text-align: justify;
    margin-right: 5%;
    margin-left: 5%;
    padding: 20px;
}
body header {
    /*font-size: 200%;*/
    height:50px;
    background-color:peachpuff;
    margin-right: auto;
    margin-left: auto;
    }


/*body article {
    width:600px;
    height:400px;
    background-color:aquamarine;
    }
*/

body footer {
    height:50px;
    background-color:#F3E5AB;
    margin-right: auto;
    margin-left: auto;
    }

body poeme {
    background-color:LemonChiffon;
}

.centre{
    text-align: center;
}
.centreh2{
    text-align: center;
    /*font-size: 250%;*/
}

.parent
{
    text-align: center;
}

.child
{
    display: inline-block;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 10px;
    margin-bottom: auto;
}

.flotte {
    float:right;
}

.soustitre {
    font-size: 70%;
}

.regleexo {
    /*font-size: 120%;*/
}

.gras {
    /*font-size: 150%;*/
    font-weight: bold;
}

ol {
    /*font-size: 150%;*/
}

ul {
    /*font-size: 150%;*/
    list-style-type: none;
    margin-left: -25px ;
}

li {
    pading: 20px;
    margin:0 0 10px 0;
} 

.tooltip
{
 text-decoration:none;
  position:relative;
  display: inline-block;
  /*font-size: 50%;*/
}

.tooltip span
{
  display:none;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  color:black;
  background:white;	
}

.tooltip span img
{
  display:block;
  float:left;
  margin:0px 8px 8px 0;
}

.tooltip:hover span
{
  display: inline-block;
  position:absolute;
  /*left:50%;*/
  /*white-space:normal;*/
  width:auto;
  /*height:auto;*/
  bottom: 100%;
  text-align: left;
  min-height:12px;
  overflow:hidden;
  padding:8px;
  background:#fffacd;
  z-index:1;
}

.hide {
    display: none;
}

.myDIV:hover + .hide {
    display: inline-block;
    color: white;
    /*background:#fffacd;*/
    position: fixed;
    margin-left: -180px;
  /*bottom: 50%;*/
  top: 10%;
  /*font-weight: bold;*/
  font-size: 120%;
  /*padding-left: 10px;*/
  text-align: left;
  min-height:12px;
  /*overflow:hidden;*/
  z-index:1;

}

.fin {
    font-size: 50%;
}