html {
   overflow: -moz-scrollbars-vertical;
   overflow-y: scroll;
}
body {
   margin: 0;
}
a img {
   border: 0;
}

#header {
   background-color: #575354;
   padding-left: 150px;
}
#header span {
   background-color: #f47320;
   padding: 10px 20px 1px 20px;
   text-align: center;
   -webkit-border-radius: 8px 8px 0 0;
   -moz-outline-radius: 8px 8px 0 0;
   -moz-outline: #000000 solid 10px;
   border-radius: 8px 8px 0 0;
}
#header span:hover {
   background-color: #ebe9ea;
   background-color: #5c3222;
   border-bottom: 5px #f47320 solid;
}
#headerbuttons {
   text-align: right;
   margin-right: 150px;
}
#headerbuttons a {
   color: white;
   text-decoration: none;
}
#headerbuttons span.selected {
   border-bottom: 5px #f47320 solid;
   background-color: #5c3222;
}

#container {
   margin: 0 150px;
}

#contents {
   margin-top: 0;
   margin-bottom: 0;
   padding: 5px 5px 5px 5px;
}
#contents a {
   color: #555555;
   text-decoration: none;
   border-bottom: 1px dotted #909090;
}
#contents a:hover {
   color: #555555;
   text-decoration: none;
   border-bottom: 1px solid #909090;
}
#contents p {
   text-align: justify;
}
#contents .l {
   text-align: left;
}
#contents .r {
   text-align: right;
}
#contents .sm {
   font-size: 70%;
}
#contents .up {
   text-transform: uppercase;
}
#contents table.tarifs {
   width: 100%;
}
#contents table.tarifs hr {
   width: 80%;
   color: white;
}
#contents table.tarifs td {
   text-align: center;
}
#contents table.tarifs td.l {
   text-align: left;
}
#contents table.tarifs tr.modules td {
   width: 15%;
   color: white;
}
#contents h1 {
   font-size: 120%;
}
#contents h2 {
   font-size: 100%;
}
#contents form.contact input {
   width: 400px;
}
#contents form.contact textarea {
   width: 400px;
   height: 90px;
}
#contents form.contact .label {
   padding-right: 20px;
   width: 40%;
   text-align: right;
}

#images {
   float: right;
   width: 225px;
   margin-left: -225px;
   margin-top: 20px;
   text-align: center;
   font-style: italic;
   font-size: 90%;
}
#images img {
   padding: 3px;
   border: 1px #575354 dotted;
}

#videos {
   float: right;
   width: 295px;
   margin-left: -295px;
   margin-top: 20px;
   text-align: center;
   font-style: italic;
   font-size: 90%;
}

#menu {
   float: left;
   width: 160px;
   padding-right: 15px;
}
#menu ul {
   list-style-type: square;
   list-style-position: inside;
   padding: 3px 3px 3px 0;
}
#menu li {
   color: #f47320;
   margin-left: 0px;
   padding: 3px 0px 3px 0px;
   border-bottom: 1px #f47320 dotted;
}
#menu li a {
   color: #f47320;
   text-decoration: none;
}
#menu li.selected {
   color: #5c3222;
}
#menu li.selected a {
   color: #5c3222;
}
#menu li:hover {
   color: #5c3222;
   list-style-type: circle;
}
#menu li:hover a {
   color: #5c3222;
}

#footer {
   background-color: #575354;
   color: white;
   text-align: center;
   padding: 10px 10px;
   clear: both;
}
#footer a, #footer a:visited {
   color: white;
   text-decoration: none;
}