/* Général */
html {
font-size: 100%; 
}
body {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
line-height: 1.25;
margin: 0;
padding: 10px 5px;
background: #dbcb98;	
}
a {
color: #FF6533;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #000;
}
/* Page */
#global {
width: 915px;
margin: 0 auto;
border: 0px inset #b6b6b6;
}
/* En-tête */
#entete {
background: url(../../images/banombre.jpg);
width: 915px;
height: 157px;
}
/* Bloc central */
#centre {
background: url(../../images/centreombre.jpg) repeat-y; 
width: 915px; 
overflow: hidden; 
}
/* Contenu principal */
#principal {
float: left;
width: 680px;
margin: 10px 0 0 20px;
padding: 10px 20px;
color: #181A12;
background: transparent;
border-left: 2px solid #000; 
}
.video#principal  {
float: left;
width: 580px;
margin: -531px 0 0 20px;
padding: 10px 20px;
color: #181A12;
background: transparent;
border-left: 2px solid #000; 
}
#principal a {
font-weight: bold;
color: #000;
}
#principal a:hover, #principal a:focus {
color: #f6f6f6;
}
#principal .back {
font-weight: bold;
color: #000;
margin: 0 0 0 100px;
}
#principal .strong {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 40px 0 -20px 100px;
}
#principal > :first-child {
margin-top: 10px;
}
#principal  h2 {
font: bold 1.2em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #dfad59;
margin: 4px 0 0 40px; 
}
#principal p {
text-align: justify;
margin: 20px 0 0 100px;
line-height: 1.5;
}
#principal .p {
text-align: justify;
margin: 20px 80px 0 80px;
line-height: 1.5;
}
#principal .form {
text-align: justify;
margin: 20px 80px 0 70px;
line-height: 1.5;
}
#principal em {
font: italic bold 1.0em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #555;
}
#principal .note {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028;
text-align: justify; 
margin: 10px 0 0 300px;
}
/* Contenu secondaire */
#secondaire {
width: 240px;
background: #181A12; 
border: 2px solid #d6d6d6;
margin: 40px 0px 0 650px; 
padding: 12px 0;
}
#secondaire h2 {
font: bold 1.2em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #dfad59;
margin: 4px 0 0 40px; 
}
#secondaire p {
color: #dfad59;
margin: 20px 0 0 10px;
line-height: 1.5;
}
#secondaire .duree {
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff;
text-align: justify; 
margin: 2px 0 0 0;
}
#secondaire .img {
padding: 0px; 
margin: -110px 0 0px 140px;
}
#secondaire a {
font-size: .85em;
color: #dfad59;
text-decoration: underline;
}
#secondaire a:hover, #secondaire a:focus {
color: #dbcb99;
}
/* Navigation */
#navigation {
width: 585px;
border: 0px solid #d6d6d6;
background: transparent;
margin: 0px 0 0 130px;
padding: 4px 6px;
}
#navigation a {
color: #000;
}
#navigation a:hover, #navigation a:focus {
color: #fff;
background: transparent;
}
#navigation ul {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
#navigation li.gauche {
float: left;
margin-right: 10px;
font: bold 1.3em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
#navigation li.droite {
float: right;
margin-right: 0;
margin-left: 10px;
padding: 3px 0;
}
#navigation a {
padding: 6px;
line-height: 1.5;
font-size: .9em;
text-decoration: none;
}
/* Mention de copyright */
#copyright  {
background: transparent;
border-top: 1px solid #fff;
width: 745px;
margin: 30px 100px;
padding-top: 15px;
font: 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
text-align: justify;
}
#copyright a {
color: #848F63;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
color: #fff;
text-decoration: underline;
}
#pied  {
background: url(../../images/footombre.jpg) repeat-y; 
width: 915px;
height: 39px;
clear: both;
}
/* la video */
#video {
background: #d6d6d6;
border: 0px solid #d6d6d6;
width: 420px;
height: 286px;
padding: 0px; 
margin: 20px 0 20px 120px;
} 
/* la videobox */
#videobox {
width: 88%;
margin: 20px 0 0 100px;
}
#videobox p {
text-align: center;
color: #dfad59;
margin: 20px 0 0 4px;
line-height: 1.5;
}
#videobox .duree {
font: .8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff;
margin: 0px;
}
#videobox a {
font-size: .8em;
color: #dfad59;
text-decoration: underline;
}
#videobox a:hover, #videobox a:focus {
color: #dbcb99;
text-decoration: none;
}
.box {
float: left;
width: 140px;
background: #181A12; 
border: 2px solid #d6d6d6;
margin: 2px;
text-align: center;
}
.spacer {
clear: both;
}
/* zone page d'erreur */
#pageerreur {
background: #fff;
width: 500px;
height: 360px;
margin: 30px 0 30px 450px;
border: 6px solid #d6d6d6;
font-size: 1.2em;
text-align: center;
}
#pageerreur p {
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #181A12;
text-align: center;
padding: 4px;
}
/* bloc images */
.image {
border: 0px;
}
/* les polices */
h1 {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #555;
margin: 20px 0 0 100px;
}
/* Listes */
ul, ol  {
margin: 30px 0 0 140px;
padding: 0; 
}
ul {
list-style: square;
}
li {
margin: 0;
padding: 0;
}
li  strong{
margin: 0;
padding: 0;
font: bold 1.15em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
/* les class */
.message {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028;
text-align: justify; 
margin: 100px 0 0 0;
}
.contact {
font: bold 1.2em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028;
text-align: justify; 
margin: 100px 0 0 100px;
}
/* Les espaces */
.space {
width: 100%;
border-top: 1px solid #fff;
}
.space1 {
margin: 40px 0 40px 0;
}
.space3 {
margin: 200px 0 320px 0;
}
.spacetemp{
margin: 20px 0 200px 0;
}
.spacedot {
width: 90%;
margin: 15px 0 15px 10px;
border-bottom: 1px dotted #d6d6d6;
}
/* Citations */
blockquote, q {
font: italic 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;	
}
blockquote {
margin: .75em 0 .75em 24px;
}
cite {
font-style: italic;
}
/* le formulaire */
form {
background: #fff;
border: 2px solid #555;
margin: 20px 0 10px 215px;
padding: 8px;
width: 500px;
}
#merci{
background: #fff;
border: 2px solid #555;
margin: 20px 0 10px 215px;
padding: 8px;
width: 500px;
}
#merci a {
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #555;
margin: 0 0 0 100px;
}
#merci a:hover, #merci a:focus {
color: #a6a6a6;
}
#merci strong{
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841025;
}
label {
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #555;
}
input {
border: 1px solid #c6c6c6;
font:  0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
select, option {
background: #F7F9FA;
color: #841028;
}
textarea {
border: 1px solid #555;
background: #F7F9FA;
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
.text {
width: 350px;
border: 1px solid #555;
background: #F7F9FA;
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
input[type="submit"].bouton {
border: 1px outset #555;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
cursor: pointer;
margin-bottom:  10px;
}
input[type="submit"].bouton:hover {
border: 1px outset #841028;
background: #fff;
color: #555;
}
input[type="submit"].bouton:active {
border: 1px inset #d6d6d6;
background: #F7F9FA;
color: #841028;
}
input[type="reset"].bouton {
border: 1px outset #555;
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
cursor: pointer;
margin-bottom:  10px;
}
input[type="reset"].bouton:hover {
border: 1px outset #841028;
background: #fff;
color: #555;
}
input[type="reset"].bouton:active {
border: 1px inset #d6d6d6;
background: #F7F9FA;
color: #841028;
}