/* general */
body {
background: #fff;
font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 8px 0 8px 0;
padding: 0;
}
#conteneur {
position: relative;
width: 775px;
margin: 0 auto; 
background:#BFC7CE;
}
#conteneur1 {
position: absolute;
width: 556px;
margin: 0 0 0 0; 
background: #fff;
}
#header {
background:  url(../../images/ban.gif);
width: 775px;
height: 118px;
}
#centre {
width: 557px;
background: #fff;
margin: 5px 0 6px 210px;
border: 1px solid #243D56;
}
#text {
width: 771px;
height: 357px;
margin: 2px 1px 4px 1px;
border: 1px solid #243D56;
}
#centre2 {
width: 545px;
background: #fff;
margin: 5px 0 6px 5px;
border: 1px solid #243D56;
}
#centre3 {
width: 557px;
height: 600px;
background: #fff;
margin: 5px 0 6px 210px;
border: 1px solid #243D56;
}
#menu {
position: absolute;
width: 200px;
margin: -8px 0 0 0;
}
#gauche {
float: left;
width: 199px;
margin: 80px 0 8px 4px;
background: #fff;
border: 1px solid #243D56;
clear: both;
}
#plan {
float: right;
width: 78px;
height: 19px;
margin: 95px 430px 0 0;
}
#date {
position: absolute;
background: #fff;
width: 200px;
height: 19px;
margin: 67px 0 0 570px;
}
#tailletext {
position: absolute;
background: transparent;
width: 100px;
height: 19px;
margin: 93px 0 0 660px;
}
#contact {
background: url(../../images/contact2.jpg);
border: 1px solid #243D56;
width: 185px;
height: 139px;
margin: 10px 0 8px 6px;
}
#menubas {
background: transparent;
text-align: center;
border: 0px solid #841028;
width: 500px;
margin: 0 0 0 160px;
padding-top: 4px;
}
#pied {
background: #243D56;
clear: both;
}
/* les images */
.image {
border: 0px;
}
.imagefloat {
float: left;
width: 135px;
padding: 4px;
}
.float {
float: left;
width: 43%;
margin: 4px 0 0 25px;
padding-bottom: 40px;
}
.right {
float: right;
margin: 0px 0 0 10px;
}
/* les paragraphes */
.dessous {
clear: both;
}
.retrait {
background: #d6d6d6;
border: thin solid #243D56;
padding: 6px;
margin: 10px 10px 10px 10px;
} 
.parag {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff; 
background: #a5b5ba;
padding: 4px;
margin: 4px 4px 4px 4px;
} 
.parag1 {
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
padding: 4px;
margin: 4px 4px 4px 4px;
} 
.parag2 {
font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000000;
text-align: justify; 
margin: 6px 6px 8px 6px; 
border-left: 1px solid #d6d6d6;
padding-left: 4px;
}
.message {
font: 0.9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028;
text-align: center; 
margin: 6px 6px 8px 6px;
padding-left: 4px;
}
/* les blocs */
.bloc1 {
margin : 6px 6px 20px 6px; 
} 
.bloc2 {
margin : 6px 6px 40px 6px; 
} 
.bloc3 {
margin : 6px 6px 40px 6px;
}
.bloc4 {
margin : 6px 6px 40px 6px; 
}
/* les espaces */ 
.espace {
margin: 0 0 80px 0;
}
.space {
margin: 0 0 40px 0;
}
.espace1 {
border-top: 1px solid #d6d6d6;
margin: 30px 20px 30px 20px;
}
/* les fonts */
h1 {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color : #000;
text-align : justify; 
margin : 6px 6px 8px 6px; 
} 
h2 {
font: bold 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color : #000;
text-align : justify; 
margin : 6px 6px 8px 6px; 
} 
p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
text-align: justify; 
margin : 6px 6px 8px 6px; 
}
.p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #18499a;
text-align: justify; 
margin : 6px 6px 8px 6px; 
}
.ol {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
margin: 20px 10px 10px 0px; 
}
.center {
text-align : center; 
}
.bas {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #fff; 
text-align: center;
margin: 2px 0 0 0;
padding: 6px; 
}
.date {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000; 
text-align: center; 
margin: -1px 0 0 0;
padding: 4px; 
}
.droit {
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
text-align: right; 
margin : 6px 14px 8px -10px; 
} 
.surligne {
background: yellow;
}
.fond {
background: #d6d6d6;
border-bottom: 1px dotted #000;
padding-left: 4px;
}
.comment {
background: #f5f5f5;
border: 1px solid #d6d6d6;
font-weight: bold;
color: #888;
margin: 15px 8px 15px 8px;
padding: 6px;
}
.comment a {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #243D56;
margin: 4px;
}
.comment a:hover {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: underline;
color: #841028;
margin: 4px;
}
hr {
border: 0; 
width: 98%; 
color: #243D56; 
background: #243D56; 
height: 1px;
}
/* les menus */
.menugauche {
list-style-type: none;
margin: 4px 0 0 20px;
padding:2px;
width: 200px; 
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
font:  0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
text-decoration: none;
}
.menugauche a:hover {
text-decoration: underline;
}
ul {
list-style-type: square;
}
li {
margin: 0 0 2px 0;
}
.font {
font:  0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
text-align: justify;
margin: 0 20px 0 30px;
}
.li {
margin: 0 0 2px 0;
padding: 4px;
}
.menu {
list-style-type: none;
margin: 12px 0 0 3px;
padding:2px;
width: 200px;
}
.menu a {
display: block;
height: 20px; 
text-align: center;
border: 1px solid gray;
text-decoration: none;
font:  0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #fff;
background: #243D56;
}	 
.menu a:hover {
background: #d6d6d6;
border: 1px solid gray; 
}
.menu a:active {
background: #d6d6d6;
border: 1px solid gray; 
color: #fff;
}
.menubas {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #fff;
margin: 4px;
}
.menubas:hover {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: underline;
color: #fff;
margin: 4px;
}
/* les liens */
.lien {
list-style-type: none;
font: 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #fff; 
margin: 0;
padding:0;
}
.lien li {
margin-bottom: 5px;
}
.lien a {
margin: 0 2px;
color: #000;
text-decoration: underline;
}
.lien a:hover {
text-decoration: none;
}
.link {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #243D56;
margin: 4px;
}
.link:hover {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: underline;
color: #841028;
margin: 4px;
}
.haut {
font: .7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #243D56;
}
.haut:hover {
font: .7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
}
.fiche {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #243D56;
margin: 4px;
}
.fiche:hover {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
margin: 4px;
}
.plan {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #a6a6a6;
margin: 6px;
}
.plan:hover {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
margin: 6px;
}
.dd {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #243d56;
margin: 6px;
}
.dd:hover {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
margin: 6px;
}
.mess {
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color:  #000;
margin: 0 0 0px 10px;
}
.mess:hover {
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-decoration: none;
color: #841028;
margin: 0 0 0px 10px;
}
/* la galerie d'images */
#gal{
position: relative; 
width: 557px; 
height: 400px; 
margin: 4px auto 4px auto; 
border: 0px solid #841028;
cursor: default;
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000; 
text-align: center; 
}
#gal ul{
list-style:none;
padding: 0px;
margin: 0px;
position: absolute;
top: 320px;
left: 0px;
text-align: center;
width: 100%;
}
#gal a {
text-decoration: none;
}
#gal a:hover {
background: none;
}
#gal a span {
display: none;
cursor: default;
}
/* position et hauteur des thumbs*/
#gal a img {
display: inline;
margin: 0 0 0 0; 
border: 1px solid black; 
position: relative;
z-index: 1001;
height: 55px;
}
/*image projetée et du texte commentaire*/
#gal a:hover span {
display: inline;
position: absolute;
top: -320px;
left: 0px;
width: 100%;
background: transparent;
}
/* position image initiale*//* image projetée*/
#gal img, #gal a:hover span img {
margin: 10px auto 0 auto;
border: 1px solid black ;
height: 250px;
}
/* position et caractéristiques du texte commentaire*/
#gal a textarea {
background: transparent;
border: 0 solid #841028;
height: 15px; 
width: 300px;
overflow: hidden;
margin: 300px auto 0 auto; 
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
text-align: center;
color: #000;
cursor: default;
position: relative;
z-index: 1000;
}
/* les formulaires */
.form { 
background: transparent;
margin-left: 65px;
padding: 4px;
width: 400px;
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #000;
text-align : center; 
} 
form { 
background: #e6e6e6;
margin: 0 0 10px 40px;
padding: 8px;
width: 460px;
} 
label { 
font: bold 1.0em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
input { 
border: 1px solid #18499a;
background: #fff;
font: 1.0em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
select, option { 
background: #fff;
color: #000080;
} 
textarea { 
border : 1px solid #18499a;
background: #fff;
font:  0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
width: 385px;
} 
input.bouton { 
border : 1px outset #18499a;
font: bold 0.9em 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;
}