/* Layout Stylesheet */ 

body{
 margin: 0;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif ;
 font-size: 0.8em;
 background-image: url(images/fond.gif);
 }
 
#header{
 background-image: url(images/entete.gif);
 background-repeat: no-repeat;
 background-position: top center;
 height: 99px;
 color: #000000;
 border: solid #000000;
 border-width: 1px 0px;
 margin: 0 0 0 0;
 }

#menu{
 position: absolute;
 text-align : center;
 top: 121px;
 left: 20px;
 width: 180px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 margin: 0 ;
 padding: 0 ;
 height: 440px;
 }
 
#blocliens{
 position: absolute;
 text-align : center;
 top: 5px;
 padding: 5px ;
 }

#frame{
 position: relative;
 margin: 20px 20px 0px 210px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 padding: 20px;
 Z-index: 1;
 }
 
#frameBis{
 position: relative;
 margin: 10px 20px 0px 210px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 padding: 20px;
 Z-index: 1;
 }
 
#frameImages{
 position: relative;
 margin: 10px auto auto 210px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 padding: 0px;
 Z-index: 1; 
 }
 
#framecentre{
 position: relative;
 margin: 20px 187px 0px 210px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 padding: 20px;
 Z-index: 1;
 }
 
#framecentrebis{
 position: relative;
 margin: 10px 187px 0px 210px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 padding: 20px;
 Z-index: 1;
 }
 
#boiteflottantecentre1{
 background-color: #ece5cc;
 margin: 0px 20px 20px 0px;
 width: 150px;
 position: relative;
 border: 4px ridge #000000;
 color: #333333;
 padding: 10px;
 text-align: center;
 float: left; 
 }
 
#boiteflottantecentre2{
 background-color: #ece5cc;
 position: relative;
 width: 150px;
 border: 4px ridge #000000;
 color: #333333;
 padding: 10px;
 text-align: center;
 float: right;
 }
 
#image{
 position: absolute;
 text-align : center;
 top: 121px;
 right: 20px;
 width: 153px;
 border: 2px solid #000000;
 background-color: #ddccbb;
 color: #333333;
 margin: 0;
 padding: 2px;
 }
 
#grades{
 display: none;
}

#detail1{
 display: none;
}

#detail2{
 display: none;
}

#detail3{
 display: none;
}

img.flottant {
 display: block;
 float: right;
 padding: 2px;
 border: 3px inset #600;
 background-color: #ddccbb;
 position: relative;
}

img.centre {
 display: block;
 margin-right: auto;
 margin-left: auto;
}

span.lien {
 cursor: pointer;
 text-decoration: underline;
 color: #0000cc;
}

a.lienbouton {
 border: 1px solid #000000;
 background: #dbbd90 ;
 padding: 2px;
 text-decoration: none;
 color: #000000;
}
 
#navH {
list-style: none ;
margin: 0 ;
padding: 70px 0 0 0;
overflow: hidden ;	/* Création du contexte de formatage */
text-align: center ;
}

#navH li {
display: inline;
margin: 0;
}

#navH li a.accueil
{
  background-image: url('/images/icones/entete/accueil.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.news
{
  background-image: url('/images/icones/entete/news.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.org
{
  background-image: url('/images/icones/entete/org.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.unites
{
  background-image: url('/images/icones/entete/unites.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.officiers
{
  background-image: url('/images/icones/entete/officiers.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.divers
{
  background-image: url('/images/icones/entete/divers.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.sources
{
  background-image: url('/images/icones/entete/sources.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.liens
{
  background-image: url('/images/icones/entete/liens.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.mail
{
  background-image: url('/images/icones/entete/mail.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}


#navH li a
{
display: table-cell;
display: inline-block;
width: 100px;
border: 1px solid #574031;
background: #ede6dc;/*#dbbd90 ;*/
color: #574031;
font: 1em Arial, Helvetica, sans-serif;
padding: 4px 0;
text-align: center;
text-decoration: none;
}

#navH li a:hover, #navH li a:focus, #navH li a:active
{
background: #574031;
color: #ede6dc;/*#dbbd90 ;*/
text-decoration: none;
}

#navH li a.accueil:hover, #navH li a.accueil:focus, #navH li a.accueil:active
{
  background-image: url('/images/icones/entete/accueilb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.news:hover, #navH li a.news:focus, #navH li a.news:active
{
  background-image: url('/images/icones/entete/newsb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.org:hover, #navH li a.org:focus, #navH li a.org:active
{
  background-image: url('/images/icones/entete/orgb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.unites:hover, #navH li a.unites:focus, #navH li a.unites:active
{
  background-image: url('/images/icones/entete/unitesb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.officiers:hover, #navH li a.officiers:focus, #navH li a.officiers:active
{
  background-image: url('/images/icones/entete/officiersb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.divers:hover, #navH li a.divers:focus, #navH li a.divers:active
{
  background-image: url('/images/icones/entete/diversb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.sources:hover, #navH li a.sources:focus, #navH li a.sources:active
{
  background-image: url('/images/icones/entete/sourcesb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.liens:hover, #navH li a.liens:focus, #navH li a.liens:active
{
  background-image: url('/images/icones/entete/liensb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navH li a.mail:hover, #navH li a.mail:focus, #navH li a.mail:active
{
  background-image: url('/images/icones/entete/mailb.gif');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding: 3px 0 3px 20px;
  margin: .4em 0;
}

#navV {
  width: 142px;
  list-style: none;
  margin: 0px auto 0px auto;
  padding: 0;
}

#navV li {
  border: 1px solid #574031;
  margin: 0;
  margin-bottom: 8px;
}

#navV li a {
  display: block;
  background: #ece5cc;
  color: #89634c;
  font: 1em Arial, Helvetica, sans-serif;
  line-height: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 2px;
  text-decoration: none ;
}

#navV li a:hover, #navV li a:focus, #navV li a:active {
  background: #89634c;
  color: #ece5cc;
  text-decoration: none;
}

#navV li a.FR
{
  background-image: url('/images/MiniDrapeauFR.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.PR
{
  background-image: url('/images/MiniDrapeauPR.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.HL
{
  background-image: url('/images/MiniDrapeauHL.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.UK
{
  background-image: url('/images/MiniDrapeauUK.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.HA
{
  background-image: url('/images/MiniDrapeauHA.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.BR
{
  background-image: url('/images/MiniDrapeauBR.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#navV li a.NA
{
  background-image: url('/images/MiniDrapeauNA.png');
  background-repeat: no-repeat;
  background-position: 10% 50%;
}

#org ul,li {
  margin: 10px;
  }

#org li {
  list-style-type: none;
  border: 1px solid #000000;
  background-color: #5e5953;
  padding: 10px;
  }

#org li a {
  display: inline;
  text-decoration: none;
  font-size: 1.5em;
  color: #e3d6c6;
}

#org li .fa-angle-double-down, .fa-angle-double-right, label {
  font-size: 1.5em;
  color: #e3d6c6;
}

#org li label {
  cursor: pointer;
}

#org li li{
  background-color: #8e8d7b;
  }
  
#org li li li{
  background-color: #a59478;
  }
  
#org li li li li{
  background-color: #afad9c;
  }
  
#org li li li li li {
  background-color: #e8e1c4;
  }
  
#org li li li li a {
  color: #5e5953;
  }

h1 {
}

h2 {
/* color: #e3d6c6 ;*/
color: #694b3a ;
}

h3 {
color: #89634c ;
}

h4 {
}

h5 {
}

h6 {

}

p {
top: 0px;
padding-left: 5px ;
padding-bottom: 3px ;
border-bottom: 1px solid ;
border-left: 3px solid ;
}

.p1 {
display: block;
margin-left: 5px;
line-height: 2em;
}

.p2 {
color: #ec4712;
font-weight: bold;
display: block;
margin-left: 5px;
line-height: 2em;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] ~ ul {
 display: none;
}
input[type=checkbox]:checked ~ ul {
 display: block;
}
input[type=checkbox] ~ .fa-angle-double-down {
 display: none;
}
input[type=checkbox]:checked ~ .fa-angle-double-right {
 display: none;
}
input[type=checkbox]:checked ~ .fa-angle-double-down {
 display: inline;
}