body { margin:0px; background-color:#ffff; height:100% }
html { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
p:first-child { margin-top:0px }
table { empty-cells:hide }
em { font-style:italic }
h1 { font-size:18px }
h1:first-child { margin-top:0px }
strong { font-weight:bold }
.lapage {
  color:#585769;
  font-family:arial, helvetica;
  text-align:center;
  font-size: 13px;
}

.menuhaut {
  color:#000000;
  font-family:arial, helvetica;
  text-align:right;
  font-size: 20px;
}

.menubas {
  color:#000000;
  font-family:arial, helvetica;
  text-align:right;
  font-size: 20px;
}

.menuon {
  color:#585769;
  font-family:arial, helvetica;
  text-align:right;
  font-size: 20px;
}

.menuoff {
  color:#828098;
  font-family:arial, helvetica;
  text-align:right;
  font-size: 20px;
}

.textetitre {
  color:#eb6e08;
  font-family:arial, helvetica;
  font-weight:bold;
  text-align:left;
  font-size: 16px;
}

.texte {
  color:#585769;
  font-family:arial, helvetica;
  /*text-align:center;*/
  text-align:left;
  font-size: 13px;
}

.letrait {
  position:absolute;
  left:300px;
  top:0px;
  width:39px;
  height:768px;
  z-index:1;
}

.logo {
  position:absolute;
  left:38px;
  top:338px;
  width:262px;
  height:92px;
  z-index:2;
}

.illustration {
  position:absolute;
  left:699px;
  top:0px;
  width:325px;
  height:768px;
  z-index:3;
}
.divmenuhaut { 
  position:absolute;
  left:38px;
  top:0px;
  width:262px;
  height:338px;
  z-index:4;i
  padding-top: 38px;
  overflow:visible;
  line-height: 50px;
}

.divmenubas {
  position:absolute;
  left:38px;
  top:430px;
  width:262px;
  height:338px;
  z-index:5;
  padding-top: 10px;
  overflow:visible;
  line-height: 50px;
}

.textebox {
  position:absolute;
  left:339px;
  top:0px;
  zzzwidth:360px;
  width:685px;
  zzheight:768px;
  z-index:6;
  padding-top: 38px;
  overflow:visible;
}

.textebox li {
  text-align: left;
}

.textebox a {
  color:#eb6e08;
  font-family:arial, helvetica;
  font-size: 13px;
  text-decoration: none;
}

.textebox a:hover {
  color:#eb6e08;
  text-decoration: underline;
}

.menu {
  list-style-type: none;
  text-align: right;
}

.menu li {
  text-align: right;
}

.menu a {
  font-family:arial, helvetica;
  text-align:right; 
  font-size: 20px;
  text-decoration: none;
}

.menu a:hover {
  color:#585769;
  font-family:arial, helvetica;
  text-align:right; 
  font-size: 20px;
  text-decoration: underline;
}

.row {
  display: flex;
  flex-wrap: wrap;
  /*
  margin-right: -15px;
  margin-left: -15px;
  */
}

.col {
  flex-basis: 0;
  -webkit-box-flex: 1;
  flex-grow: 1;
  max-width: 100%;
}

.footer {
  position: bottom;
  background-color: #343030;
  padding: 5px;
  padding-left: 10px;
  font-size: 0.8em;
  text-align: right;
  color: white;
}

.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  color: white;
  text-decoration: underline;
}