html, body {  
  margin-top: 5px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  color: #555555;  
  font-size: 12px;  
  text-align: left;  
  background-color: white;  
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

table {  
  font-size: 12px;  
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  
  color: #555555;
}

a {  
  font-family: Arial, Helvetica, sans-serif;  
  text-decoration: none;  
  color: #78adca;
}

a:hover {  
  color: orange;
}

h1 {  
  color: #78adca;  
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  
  font-variant: small-caps;  
  font-weight: bold;  
  font-size: 15pt;  
  text-align: center;  text-shadow: 3px 3px 10px silver;
}

h2 {  
  color: #78adca;  
  font-weight: bold;  
  font-variant: small-caps;
}

h3 {  
  color: #78adca;  
  font-weight: bold;
}

.page {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: silver;  
  border-right-color: silver;  
  border-bottom-color: silver;  
  border-left-color: silver;  
  background-color: #e7e7e7;  
  background-image: none;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 10px 15px;  
  position: relative;  
  left: 210px;  
  width: 800px;  
  min-height: 600px;  
  padding-top: 2px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  margin-top: 5px;  
  margin-right: 0px;  
  margin-bottom: 5px;  
  margin-left: 0px;  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  -webkit-box-shadow: 3px 3px 6px 0px darkgray;
  box-shadow: 3px 3px 6px 0px darkgray;  
  z-index: 1;
}

.page:hover {  
  background-color: #f0f0f0;
}

.page2 {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: silver;  
  border-right-color: silver;  
  border-bottom-color: silver;  
  border-left-color: silver;  
  background-color: #e7e7e7;  
  background-image: none;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 10px 15px;  
  position: relative;  
  left: 210px;  
  width: 800px;  
  min-height: 400px;  
  padding-top: 2px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;  
  margin-top: 5px;  
  margin-right: 0px;  
  margin-bottom: 5px;  
  margin-left: 0px;  -webkit-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;  -webkit-box-shadow: 3px 3px 6px 0px darkgray;
  box-shadow: 3px 3px 6px 0px darkgray;  
  z-index: 6;
}

.page2:hover {  
  background-color: #f0f0f0;
}

#liste1 {  
  list-style-type: disc;
}

.menuL {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: black;  
  border-right-color: black;  
  border-bottom-color: black;  
  border-left-color: black;  
  background-color: #ffe39f;  
  background-image: none;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 0px center;  
  position: absolute;  
  top: 0px;  
  left: 0px;  
  width: 200px;  
  height: 95%;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  -webkit-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;  -webkit-box-shadow: 4px 4px 8px 0px darkgray;
  box-shadow: 4px 4px 8px 0px darkgray;  
  z-index: 5;
}

body .menuL {  
  position: fixed;
}

.menuR {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #cccccc;  
  border-right-color: #cccccc;  
  border-bottom-color: #cccccc;  
  border-left-color: #cccccc;  
  background-color: white;  
  background-image: none;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 10px 15px;  
  float: right;  
  width: 400px;  
  color: black;  
  padding-top: 0px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 2px;  
  margin-top: 2px;  
  margin-right: 3px;  
  margin-bottom: 2px;  
  margin-left: 3px;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;  -webkit-box-shadow: 2px 2px 4px 0px darkgray inset;
  box-shadow: 2px 2px 4px 0px darkgray inset;  
  z-index: 8;
}

.menu3D {  
  border-top-width: 0px;  
  border-right-width: 0px;  
  border-bottom-width: 0px;  
  border-left-width: 0px;  
  border-top-style: solid;  
  border-right-style: solid;  
  border-bottom-style: solid;  
  border-left-style: solid;  
  border-top-color: #cccccc;  
  border-right-color: #cccccc;  
  border-bottom-color: #cccccc;  
  border-left-color: #cccccc;  
  background-color: white;  
  background-image: none;  
  background-repeat: no-repeat;  
  background-attachment: scroll;  
  background-position: 10px 15px;  
  float: right;  
  width: 600px;  
  color: black;  
  padding-top: 0px;  
  padding-right: 5px;  
  padding-bottom: 2px;  
  padding-left: 2px;  
  margin-top: 2px;  
  margin-right: 3px;  
  margin-bottom: 2px;  
  margin-left: 3px;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;  -webkit-box-shadow: 2px 2px 4px 0px darkgray inset;
  box-shadow: 2px 2px 4px 0px darkgray inset;  
  z-index: 8;
}

.cercle {  
  position: relative;  
  left: 1010px;
  width: 90px;  
  height: 90px;  
  margin-right: 10px;  
  background-color: #78adca; 
  -webkit-border-radius: 45px 45px 45px 45px;
  border-radius: 45px 45px 45px 45px;  
  color: black;  
  font-size: 10px;  
  text-align: center;
  text-shadow: 4px 4px 10px white;  
  transform: rotate(8deg);   -moz-transform: rotate(8deg);   -webkit-transform: rotate(8deg);  -khtml-transform: rotate(8deg); 
  z-index: 14; 
  box-shadow: 4px 4px 8px 0px darkgray;  -webkit-box-shadow: 4px 4px 8px 0px darkgray;
}

body .cercle {  
  position: fixed;
}

#slider {  
  position: relative;  
  overflow: hidden;  
  margin-top: 10px;  
  margin-right: auto;  
  margin-bottom: 0px;  
  margin-left: auto;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;
}

#slider ul {  
  position: relative;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  height: 650px;  
  list-style-type: none;  
  list-style-position: outside;  
  list-style-image: none;
}

#slider ul li {  
  position: relative;  
  display: block;  
  float: left;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;  
  width: 660px;  
  height: 600px;  
  background-color: #cccccc;  
  background-image: none;  
  background-repeat: repeat;  
  background-attachment: scroll;  
  background-position: 0% 0%;  
  text-align: center;  -webkit-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px;  -webkit-box-shadow: 0px 3px 4px 0px darkgray inset;
  box-shadow: 0px 3px 4px 0px darkgray inset;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 2% 3%;
  width: auto;
  height: auto;
  background: #78adca;
 
  text-decoration: none;
  font-weight: 600;
  opacity: 0.4;
  cursor: pointer;
  box-shadow: 2px 2px 4px 0px darkgray; -webkit-box-shadow: 2px 2px 4px 0px darkgray;
}
 

a.control_prev:hover, a.control_next:hover { 
  opacity: 0.8; -webkit-opacity: 0.8;
  box-shadow: 4px 4px 8px 0px darkgray;  -webkit-box-shadow: 4px 4px 8px 0px darkgray;
}

a.control_prev {  -webkit-border-radius: 40px 40px 40px 40px;
  border-radius: 40px 40px 40px 40px;
}

a.control_next {  -webkit-border-radius: 40px 40px 40px 40px;
  right: 0;
  border-radius: 40px 40px 40px 40px;
}