#html {
  background: url('../Complements/Fondspage/fondpaysageA.jpeg') no-repeat center center fixed;
}

#body {
  background-color:#ffffff;
  position:relative;
  display:block;
  width:1280px;
  font-family:Arial, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Symbol,  sans-serif;
  color:#fff;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:16px;
  text-align:center;
  padding:0;
  margin:0 3em;
  border-left:15px outset #15770f;
  box-shadow:15px 15px 20px #eee;
}
#bodyps {
  background-color:#474747;
  position:relative;
  display:block;
  width:1280px;
  font-family:Arial, Verdana, "DejaVu Sans", "Bitstream Vera Sans", Symbol,  sans-serif;
  color:#fff;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  font-size:16px;
  text-align:center;
  padding:0;
  margin:0 3em;
  border-left:15px outset #15770f;
  border-right:2px outset #15770f;
  box-shadow:15px 15px 20px #eee;
}

#piedepage {
  background-color:#474747;
  position:relative;
  display:inline-block;
  width:50%;
  color:#fff;
  font-size:80%;
  line-height:100%;
  text-align:center;
  padding:.5em 1em;
  margin:2em auto;
  border:1px solid #2c2c2c;
 border-radius:15px 15px;
 box-shadow:6px 6px 6px #727272;
}

.idxtitre {
  background-color:#5d5d5d;
  position:relative;
  display:inline-block;
  width:70%;
  font-size:150%;
  font-weight:bold;
  line-height:100%;
  padding:1em 2em;
  margin:1em 0 3em 2em;
   border-radius:10px 10px;
   box-shadow:10px 10px 10px #727272;
}

.titrepage, .sstitrepage {
  background-color:#474747;
  position:relative;
  display:block;
  width:30%;
  color:#fff;
  font-size:110%;
  font-weight:bold;
  line-height:110%;
  text-align:left;
  padding:.5em 4em;
  margin:2em 0 2em 10em;
  border:1px inset #474747;
   border-radius:5px 5px;
   box-shadow:5px 5px 5px #a9a9a9;
}
.sstitrepage, .blcsstitrepage {
  background-color:#474747;
  position:relative;
  display:block;
  width:30%;
  color:#fff;
  font-size:110%;
  font-weight:normal;
  line-height:110%;
  text-align:left;
  padding:.3em 4em;
  margin:.5em 0 1em 10em;
  border:1px inset #474747;
   border-radius:5px 5px;
   box-shadow:5px 5px 5px #a9a9a9;
}
.blcsstitrepage {
  background-color:#474747;
  position:relative;
  display:block;
  width:30%;
  margin:.5em 0 .5em 22em;
  border:1px inset #474747;
  border-radius:5px 5px;
  box-shadow:5px 5px 5px #a9a9a9;
}

.titretexto {
  background-color:#474747;
  position:relative;
  display:block;
  width:55%;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  line-height:110%;
  text-align:left;
  padding:.5em 2em;
  margin:1em 0 3em 9em;
  border:1px inset #474747;
   border-radius:10px 10px;
   box-shadow:10px 10px 10px #a9a9a9;
}

.cmpsstitre {
  position:relative;
  display:block;
  width:60%;
  color:#1e1e1e;
  font-size:120%;
  font-weight:500;
  line-height:100%;
  text-align:left;
  padding:.1em 2em;
  margin:3em 0 0 9em;
  border-radius:10px 10px;
  box-shadow:10px 10px 15px #a9a9a9;
}

.homecenter, .homecenter1, .homecenter2, .homecenter3 {
  background-color:#2c2c2c;
  position:relative;
  display:block;
  width:20%;
  color:#fff;
  font-size:80%;
  line-height:110%;
  font-weight:bold;
  text-align:center;
  padding:.4em;
  margin:2em auto;
  border-radius:15px 15px 15px;
  box-shadow:10px 10px 15px #1e1e1e;
 }
.homecenter1 {
  padding:.5em 1em;
  margin:3em 0 3em 15em;
} 
.homecenter2 {
  width:15%;
 font-size:90%;
} 
.homecenter3 {
  width:30%;
} 

.bouton {
  position:relative;
  display:block;
  width:40px;
  color:#1e1e1e;
  font-size:80%;
  width:100%;
  text-align:center;
  padding:.3em .5em;
  margin:0 auto 1em auto;
}

a.liaison, a.idxliaison, a.lienliaison, a.textliaison, a.linkpages,a.lnindex, a.lnentrada {
  font-size:100%;
  text-decoration:none;
  line-height:110%;
  padding-right:1%;
  padding-left:1%;
  margin:0;
  border:0;
}

a.lnindex:link {
  color:red;
  font-size:100%;
  font-weight:600;
  padding:.3em 2em;
  vertical-align:+30%;
}
a.lnindex:visited {
  color:#1e1e1e;
  font-size:90%;
  font-weight:600;
  padding:0 2em;
  vertical-align:+30%;
}
a.lnindex:hover, a.lnindex:focus, a.lnindex:active {
  color:yellow;
  font-size:90%;
  font-weight:600;
  padding:0 2em;
  vertical-align:+30%;
}
a.lnindex {
  color:#000;
  font-size:100%;
  text-decoration:none;
  line-height:120%;
  padding-right:2%;
  padding-left:2%;
  margin:0;
  border:0;
}
a.lnindex:link {
  font-weight:600;
  padding:0 2em;
  vertical-align:+30%;
}
a.lnindex:visited {
  font-weight:600;
  padding:0 2em;
  vertical-align:+30%;
}
a.lnindex:hover, a.lnindex:focus, a.lnindex:active {
  color:red;
  font-size:110%;
  font-weight:600;
  padding:0 2em;
  vertical-align:+30%;
}

.posleft, .posleft1 {
   color:#fff;
   font-size:100%;
   margin-left:.5em;
}
.posleft1 {
  font-size:100%;
  margin-left:1em;
}

.cmpconteneur, .infocmp {
  background-color:#d2d2d2;
  position:relative;
  display:inline-block;
  width:auto;
  text-align:center;
  padding:1em;
  margin:.5em 0 1em 1em;
  border:1px inset #1e1e1e;
}
.infocmp {
  background-color:#c1c1c1;
  position:relative;
  display:block;
  width:40%;
  color:#fff;
  font-size:90%;
  line-height:100%;
  text-align:left;
  padding:.3em 2em;
  margin:3em 0 0 3em;
  border:none;
}

.conteneurbas {
  position:relative;
  display:block;
  width:100%;
  text-align:center;
  padding:1em 0;
  margin:3em auto 1em auto;
}

.imgconteneur, .imgconteneur1, .imgconteneur2 {
  position:relative;
  display:inline-block;
  width:100%;
  text-align:center;
  padding:0;
  margin:1em 0;
}
.imgconteneur1 {
  background-color:#2c2c2c;
  width:30%;
  padding:.2em 1em;
  margin:2em auto 1em auto;
   border-radius:10px 10px 10px;
   box-shadow:10px 10px 15px #1e1e1e;
}
.imgconteneur2 {
  position:relative;
  display:block;
  width:10%;
  padding:.2em 1em;
  margin:4em auto;
   border-radius:10px 10px 10px;
  box-shadow:10px 10px 15px #1e1e1e;
}

.imgconteneur3, .imgconteneur31 {
  background-color:#2c2c2c;  
  position:relative;
  display:inline-block;
  width:25%;
  color:#fff;
  font-size:90%;
  line-height:100%;
  font-weight:bold;
  padding:.5em 1em;
  margin:4em auto;
   border-radius:10px 10px;
  box-shadow:8px 8px 10px #1e1e1e;
}
.imgconteneur31 {
  background-color:#2c2c2c;  
  position:relative;
  display:inline-block;
  width:25%;
  padding:0.3em 1em;
  margin:4em auto 0 auto;
}

.imgconteneur4, .imgconteneur41 {
  position:relative;
  display:block;
  width:95%;
  text-align:center;
  padding:0.2em;
  margin:0 auto 0 auto;
}
.imgconteneur41 {
  position:relative;
  display:block;
  width:95%;
  text-align:center;
  padding:.5em;
  margin:2em auto 0 auto;
}

.paragraphedoc {
  background-color:#474747;
  position:relative;
  display:inline-block;
  width:70%;
  color:#fff;
  font-size:90%;
  font-weight:normal;
  line-height:120%;
  text-align:left;
  padding:1em 2em;
  margin:2em 0 2em 3em;
   border-radius:5px 5px;
  box-shadow:10px 10px 15px #1e1e1e;
}
.commentaires, .sscommentaires {
  position:relative;
  display:inline-block;
  width:50%;
  color:#1e1e1e;
  font-size:90%;
  font-weight:normal;
  line-height:100%;
  text-align:left;
  padding:.5em 2em;
  margin:2em 0;
  border:1px solid #eee;
  border-radius:inherit;
  box-shadow:5px 5px 5px #1e1e1e;
}
.sscommentaires{
  width:70%;
  color:#fff;
  font-size:70%;
  font-weight:normal;
  line-height:80%;
  text-align:left;
  padding:.5em 1em;
  margin:0;
  border:none;
  border-radius:none;
  box-shadow:none;
}

.imgaffichage {
  padding:0;
  margin:0 .3em;
  box-shadow:10px 5px 5px #666666;
}

.ssimg {
 float:right;
 clear:left;
 width:auto;
 padding:0 0 0 1em;
 margin:0 4em 0 0; 
}

.compoaffichage {
  padding:0;
  margin:1em;
  border-radius:none;
  box-shadow:7px 7px 7px #2c2c2c;
}

.imgposleftbaspage {
   padding:0;
  margin-left:1em;
  vertical-align:-10%;
}

.imgposleft2 {
  padding:.3em;
  margin-left:1.5em;
 vertical-align:-50%;
}

.imgposleft11 {
  padding:0;
  margin-right:1em;
  margin-left:1em;
 vertical-align:+35%;
}
.imgposleft3 {
  padding:0 .2em;
  margin-left:1.5em;
 vertical-align:+60%;
}

.imgbaspage, .imgpage {
  padding:0;
  margin-left:1em;
 vertical-align:-50%;
}
.imgpage {
  padding:0;
  margin:0;
}

.imgretour {
   padding:0 .5em;    
   margin:0;
   vertical-align:+15%;
}

.imgestrela {
   padding:0 1em 0 .5em;    
   margin:0;
   vertical-align:-15%;
}

.image {
  position:relative;
  display:inline-block;
  width:auto;
  height:auto;
  text-align:center;
  padding:0;
  margin:0 auto 3em auto;
  border:0;
}

.pttxt, .ptblcgras, .blcgras, .ptgras {
  color:#fff;
  font-size:80%;
  font-weight:normal;
  line-height:100%;
}
.ptblcgras {
  color:#fff;
  font-size:90%;
  font-weight:600;
  line-height:100%;
}
.blcgras {
  color:#fff;
  font-size:100%;
  font-weight:600;
  line-height:130%;
}
.ptgras {
   color:#1e1e1e;
  font-size:100%;
}

.txtnavy {
  color:navy;
  font-size:90%;
  font-weight:bold;
  line-height:100%;
}

.txtjaune {
  color:#fff600;
  font-size:100%;
  line-height:110%;
  padding:0 .1em;
}

.txtorange, .bastxtorange, .txtorangeplus {
  color:#ffc000;
  font-size:100%;
  font-weight:normal;
  line-height:110%;
}
.bastxtorange {
  color:#ffc000;
  font-size:90%;
  font-weight:normal;
  line-height:100%;
}

.txtorangeplus {
 font-size:100%;
 font-weight:bold;
}

.txtmarronorange {
  color:#f17b21;
  font-size:100%;
  font-variant:small-caps;
  line-height:100%;
}

.ombrage {
  box-shadow:8px 8px 8px #eee;
}

.ombrage1 {
  border:1px solid #fff;  
  box-shadow:10px 10px 10px #1e1e1e;
}

.ombrage2 {
   margin:0 .5em;
  border-radius:5px 5px;
  box-shadow:7px 7px 7px #2c2c2c;
}

.ombrage3 {
   padding:0;
   margin:.5em;
   border-radius:none;
   box-shadow:6px 6px 6px #6d6c6c;
 }

.ombragebouton {
  border-radius:15px 15px 15px;
  box-shadow:7px 7px 8px #5e5e5e;
 }