/* général */
body {
background: #efdcb2; 
font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 6px 0 6px 0; 
padding: 0; 
overflow: auto;
}
#conteneur {
width: 852px;
background: #e6e6e6;
border: 1px solid #44593e;
margin: 0 auto; 
}
#header {
background: url('../../images/ban.gif');
width: 850px; 
height: 171px; 
margin: 0 0 0 2px;
}
#haut {
height: 30px;
background: transparent;
margin: 0 0 0 0;
}
#courriel {
float: right;
width: 185px; 
height: 24px; 
margin: 141px 0px 0 10px;
}
#pied {
background: #ffffff;
border-top: 5px solid #841028;
clear: both;
}
.message {
font: bold 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028; 
text-align: center;
margin : 8px 8px 8px 150px;
padding: 10px;
}
/* les colonnes */
.colonne1 {
float: right;
width: 175px;
margin: 15px 8px 10px 10px;
background: #efdcb2;
border: 1px solid #a6a6a6;
}
.colonne2 {
float: left;
width: 150px;
margin: 15px 5px 10px 5px;
background: #ffffff;
border-right: 1px solid #505050;
}
.centre {
background: #ffffff;
border-right: 0px solid #505050;
margin: 15px 0 10px 0;
overflow: hidden;
}
.centre2 {
background: #f8f9e7;
border-right: 0px solid #505050;
margin: 105px 0 0 0;
overflow: hidden;
}
/* la mise en page */
h1 {
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
text-align: justify; 
margin: 8px 0 8px 12px;
padding: 4px;
}
.h1 {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #226E8E;
text-align: justify; 
margin: 8px 0 8px 12px;
padding: 4px;
} 
h6{
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff;
text-align: justify; 
margin: 8px 25px 8px 25px;
padding: 4px;
}  
p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 8px;
padding: 8px;
}
.p {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
border-bottom: 1px dotted #505050;
margin: 8px 8px 8px 8px;
padding: 4px;
}
a {
color: #000000;
text-decoration: none;
}
a:hover, a:focus {
color: #841028;
}
.cont {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 8px;
padding: 6px;
}
.col1 {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 8px;
padding: 8px;
}
.strong {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #841025;
text-align: center;
margin: 8px 8px 8px 8px;
padding: 8px;
}
.ul {
list-style-type: square;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 25px;
padding: 8px;
}
.choix {
list-style-type: circle;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 25px;
padding: 8px;
}
.ol {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify;
margin: 8px 8px 8px 50px;
padding: 8px;
}
.font {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;  
text-align: center; 
margin: 4px 0 0 -2px;
padding-top: 2px;
padding-bottom: 8px;
}
blockquote { 
margin: 10px 0 0 110px;
padding: 2px;
} 
/* les espaces */
.espace {
margin: 0 0 6px 0;
}
.espace1 {
margin: 0 0 10px 0;
}  
.spacer {
margin: 16px 16px 0 16px;
border-top: 1px dotted #505050;
}
.spacer2 {
margin: 4px 10px 0 10px ;
border-top: 1px dotted #505050;
}
/* les images */
.image { 
border: 0px;
}
.img {
float: right;
margin: -10px 0 10px 20px;
}
.img2 {
float: left;
margin: 10px 10px 10px 2px;
clear: both;
}
.img3 {
float: right;
margin: 10px 10px 10px 10px;
clear: both;
}
.imgleft {
margin:0 0 0 5px;
}
.imgright {
margin: 0 0 0 5px;
}
.top {
margin: 0 0 0 400px;
}
/* le menu du haut */
div#navcontainer {
background: #22388e;
border-top: solid 1px #a6a6a6;
border-bottom: solid 1px #a6a6a6;
}
div#navcontainer ul {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}
div#navcontainer ul li {
display: inline;
margin-left: -4px;
}
div#navcontainer ul li a {
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}
div#navcontainer ul li a:hover {
background: #841028;
color: white;
}
#active a { 
border-left: 1px solid #fff;
}
/* le menu du bas */
#menubas {
margin: 0 0 0 220px;
padding: 10px;
}
.menubas {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #000000;
text-decoration: none;
margin: 0 0 0 5px;
}
.menubas:hover {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #a6a6a6;
text-decoration: none;
margin: 0 0 0 5px;
}
/* les liens */
a.lien {
font: bold 1.0em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #57794f;
text-decoration: underline;
margin: 0 0 0 0;
}
a.lien:hover {
font: bold 1.0em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #910000;
text-decoration: none;
margin: 0 0 0 0;
}
a.link {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #000000;
text-decoration: underline;
margin: 0 0 0 350px;
}
a.link:hover {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #a6a6a6;
text-decoration: none;
margin: 0 0 0 350px;
}
a.menu {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #000000;
border-bottom: 1px dotted #505050;
text-decoration: underline;
margin: 8px 8px 8px 8px;
padding: 4px;
}
a.menu:hover {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #a6a6a6;
border-bottom: 1px dotted #505050;
text-decoration: none;
margin: 8px 8px 8px 8px;
padding: 4px;
}
a.contact {
font: bold 0.9em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #18499a;
text-align: center;
background: transparent;
text-decoration: none;
margin: 0 0 0 10px;
}
a.contact:hover {
font: bold 0.9em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #841028;
text-align: center;
background: transparent;
text-decoration: underline;
}
a.contact{
display: inline;
}
/* le formulaire */
form { 
width: 400px;
background: #d6d6d6;
border: 1px solid #a6a6a6;
margin: 0 0 20px 40px;
padding: 8px;
} 
label { 
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
input { 
border: 1px solid #18499a;
background: #ffffff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
select, option { 
background: #ffffff;
color: #000080;
} 
textarea { 
border: 1px solid #18499a;
background: #ffffff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
} 
input.bouton { 
border: 1px outset #18499a;
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
cursor: pointer;
} 
input.bouton:hover { 
background: white;
color: #d6d6d6;
} 
input.bouton:active { 
border: 1px inset #18499a;
background: #f7f9fa;
color: white;
}