body {
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
margin: 6px 0 6px 0;
padding: 0;
background: #7DACCB;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background: #4f8fb9;
border: 2px solid #d6d6d6;
}
#header {
width: 750px;
height: 169px;
background: url('../../images/ban2.jpg');
}
#book {
position: absolute;
width: 73px;
height: 17px;
margin: 145px 0 0 405px;
background: url('../../images/book.gif');
}
#haut {
width: 750px;
height: 24px;
background: #060e7c;
}
#centre {
background: #cee1ec;
margin: 10px 10px 8px 150px;
border: 1px solid #cc0000;
padding-bottom: 4px;
}
#centre1 {
background: #ffffff;
height: 400px;
margin: 10px 10px 8px 10px;
border: 1px solid #cc0000;
padding-bottom: 4px;
}
#gauche {
background: #ffffff;
float: left;
margin: 20px 0 0 0;
width: 150px;
clear: both;
}
#cadre {
position: absolute;
background: url('../../images/cadre1.gif');
margin: -3px  0 0 -4px;
width: 325px;
height: 15px;
}
#pied {
background: #b94e8e;
border-top: 4px solid #494979;
}
#tailletext {
position: absolute;
background: transparent;
width: 100px;
height: 19px;
margin: -22px 0 0 700px;
}
#pub {
background: #ffffff;
border: 1px solid #000080;
margin: 10px 8px 8px 8px;
}
h1 {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
margin: 10px 8px 8px 8px;
padding: 0px;
}
h2 {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
background: #b3cee1;
color: #00004D;
text-align: justify;
margin: 10px 8px 8px 8px;
padding: 2px;
}
h6 {
font: bold 0.65em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff;
text-align: center;
margin: 10px 8px 0px 8px;
padding: 4px;
}
p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
margin: 10px 8px 8px 8px;
padding-bottom:  8px;
}
.p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
background: #c0d7e6;
margin: 10px 8px 8px 8px;
padding-bottom:  0;
}
.strong {
font: bold .95em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #841025;
text-align: center; 
margin: 8px 8px 8px 8px; 
}
.page {
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #61A2FF;
text-align: center; 
margin: 8px 8px 8px 8px; 
}
#font1 {
background: #ffffff;
border: 1px solid #000080;
margin: 8px 6px 6px 6px;
padding:  2px;
}
#font1 p{
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: center;
margin: 6px 6px 6px 6px;
padding:  8px;
}
#font1 strong{
color: #00004D;
text-align: center;
margin: 0px 0px 6px 0px;
padding:  8px;
}
.ul { 
list-style: square;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
margin: 8px 8px 8px 10px;
padding-bottom:  4px;
}
.ol { 
list-style-type: upper-alpha;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
margin: 8px 8px 8px 10px;
padding-bottom:  4px;
}
.decimal { 
list-style-type: decimal;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #00004D;
text-align: justify;
margin: 8px 8px 8px 6px;
padding-bottom:  4px;
}
.image {
border: 0px;
}
.font {
font: bold 0.65em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff;  
text-align: center; 
margin: 2px 2px 0px 2px;
padding: 2px; 
} 
.espace {
margin: 40px;
}
.espace1 {
margin: 20px;
}
.espace2 {
margin: 40px;
border-bottom: 1px solid #505050;
}
.espace3 {
margin: 100px;
}
.dotted {
margin: 20px;
border-bottom: 1px dotted #000000;
}
.img {
float: right;
margin: 6px 6px 6px 6px;
clear: both;
}
.imgpub {
float: right;
margin: 6px 110px 6px 120px;
clear: both;
}
.imgappa {
float: left;
margin: -8px 6px 6px 6px;
}
.haut {
float: right;
margin: 6px 6px 6px 6px;
clear: both;
}
#menu {
position: absolute;
top: 225px;
left: 7px;
width: 135px;
}
#menu dt {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: center;
cursor: pointer;
background: #060e7c;
height: 20px;
line-height: 20px;
margin: 2px 0;
border: 1px solid #fff;
}
#menu dd {
position: absolute;
z-index: 100;
left: 95px;
margin-top: -24px;
width: 260px;
background: #060e7c;
border: 1px solid #ffffff;
}
#menu ul {
padding: 2px;
list-style-type: none;
}
#menu li {
font: bold 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: justify;
color: #fff;
height: 18px;
line-height: 18px;
list-style-type: none;
}
#menu li a, #menu dt a {
color: #ffffff;
text-decoration: none;
display: block;
}
#menu li a:hover, #menu dt a:hover {
color: #ffffff;
background: #a4c5db;
text-decoration: underline;
list-style-type: none;
}
#navcontainer ul {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
padding-left: 0;
margin: 0 0 0 0;
background: #060e7c;
color: #000000;
float: right;
width: 100%;
}
#navcontainer ul li { 
display: inline; 
}
#navcontainer ul li a {
padding: 0.2em 1em;
background: #060e7c;
color: White;
text-decoration: none;
float: right;
border-left: 1px solid #fff;
}
#navcontainer ul li a:hover {
background: #e5eff4;
color: #000080;
}
.menubas {
width: 540px;
text-align: center; 
margin:  6px 0 0 70px;
} 
.menubas a {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff; 
text-decoration: none; 
} 
.menubas a:link {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff; 
background: transparent; 
text-decoration: none; 
} 
.menubas a:visited {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff; 
background: transparent; 
text-decoration: none; 
} 
.menubas a:hover {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #c6c6c6; 
text-decoration: underline; 
} 
.menubas li {
display: inline;
}
.lien  { 
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #61A2FF;
margin: 8px 8px 8px 8px;
text-decoration: none; 
}
.lien:hover { 
font:  bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #FFA421;
margin: 8px 8px 8px 8px; 
text-decoration: none; 
}
.back { 
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #ffffff;
margin: 8px 8px 8px 550px;
text-decoration: none; 
}
.back:hover { 
font:  bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #d6d6d6;
margin: 8px 8px 8px 550px; 
text-decoration: none; 
}
table {
border: 1px solid #6495ed;
border-collapse: collapse;
width: 550px;
margin-left: 20px;
}
th {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
border: thin solid #6495ed;
width: auto;
padding: 5px;
background: #D0E3FA;
}
td {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
border: thin solid #6495ed;
width: 400px;
padding: 5px;
text-align: justify;
background: #ffffff;
}
.table {
border: 1px solid #ffffff;
border-collapse: collapse;
width: 270px;
margin-left: 155px;
}
.td {
font: bold 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #6495ed;
border: 1px solid #ffffff;
padding: 5px;
text-align: center;
}
div#galerie {
width: 485px;
height: auto;
background: #eed;
border: 1px solid #dcb;
padding: 15px ;
margin: 15px 0 0 35px;
text-align: center ;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
div#gal {
width: 475px;
height: auto;
background: #eed;
padding: 15px ;
margin: 15px 0 0 -10px;
text-align: center ;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
ul#galerie_mini{
margin: 0;
padding: 0;
list-style-type: none;
}
ul#galerie_mini li {
float: left;
}
ul#galerie_mini li a img {
margin: 2px 1px;
border: 1px solid #dcb;
}
dl#photo {
margin: 30px auto;
clear: both;
}
dl#photo dt {
font: bold italic 1.2em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #00004D;
}
dl#photo dd {
margin: 6px;
}
dl#photo img {
border: 1px solid #dcb;
}
#imagedefi {
width: 135px;
height: 32px;
float: left;
margin: 8px 0 0 6px;
}
#imagedefi img {
display: none;
position: absolute;
top: 206px;
left: 7px;
}
.form {
background: transparent;
border: 1px solid #000050;
margin: 0 0 0px 20px;
padding: 0px;
width: 125px;
height: 44px;
}
form {
background: #ffffff;
border: 1px solid #000050;
margin: 0 0 10px 110px;
padding: 8px;
width: 350px;
}
label {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
input {
border: 1px solid black;
background: #F7F9FA;
font:  0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
}
select, option {
background: #F7F9FA;
color: #000000;
}
textarea {
border: 1px solid black;
background: #F7F9FA;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
}
input.bouton {
border: 1px outset #000080;
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
cursor: pointer;
}
input.bouton:hover {
background: white;
color: #d6d6d6;
}
input.bouton:active {
border: 1px inset #000080;
background: #F7F9FA;
color: white;
}