/* AUTEUR: Michel Margan */
/* DATE DE CREATION: 22/03/05 */
html, body {
width: 100%;
height: 100%;
}
body {
WIDTH: 100%;
height: 100%;
margin-top: 0px;
margin-right: auto;
margin-left: auto; /* pour éviter les marges */
background-color: #CCCC99 ;
POSITION: relative;
TEXT-ALIGN: center;
}
pre {
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
}
.conteneur {/*LE CONTENEUR GLOBAL DU SITE, QUI SERA CENTRÉ */
WIDTH: 800px;
height: 100%;
margin-left: auto;
margin-right: auto;
MARGIN-BOTTOM: 0px;
BACKGROUND-COLOR: #330065; 
POSITION: relative;
TEXT-ALIGN: center;
}
h1 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: left;
} 
h2 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
} 
h3 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 11pt; 
font-weight:bold;
TEXT-ALIGN: left;
}
h4 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: left;
}
h5 { 
COLOR: #B88989; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: right;
}
h6 { 
COLOR: #B88989; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:bold;
TEXT-ALIGN: left;
}
.haut {
HEIGHT: 30px; 
WIDTH: 270px;
POSITION: absolute;
MARGIN-TOP: 138px;
PADDING-LEFT: 5px;
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:normal;
COLOR: #B88989;
TEXT-ALIGN: left;
}
.hautmenu {
HEIGHT: 30px; 
WIDTH: 500px;
POSITION: absolute;
MARGIN-TOP: 135px;
MARGIN-LEFT: 295px;
PADDING-LEFT: 2px;
TEXT-ALIGN: left;
z-index:1;
}
.icons {
HEIGHT: 30px; 
WIDTH: 105px;
POSITION: absolute;
MARGIN-TOP: 100px;
MARGIN-LEFT: 693px;
PADDING-LEFT: 0px;
TEXT-ALIGN: left;
z-index:1;
}
.gauche {
  float: left;
  MARGIN-TOP: 0px;
  }
.droite {
  float: right;
  MARGIN-TOP: 0px;
  } 
#rang {
background-color:#FFFFCB;
width:100%;
HEIGHT: 100px;
margin-left: 0px;
margin-right: 0px;
TEXT-ALIGN: center;  
}
#rang .vignette {
float: left;
WIDTH: 120px;
POSITION: relative;
MARGIN-TOP: 0px;
margin-right: auto;
PADDING-top: 0px;
PADDING-right: 0px;
PADDING-left: 20px;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 8pt; 
font-weight:normal;
TEXT-ALIGN: center;
}
#rang .spacer {
clear: both;
}
#corps {
HEIGHT: 100%; 
WIDTH: 800px; 
POSITION: relative;
background-COLOR: #FFFFCB;
MARGIN-TOP: 0px;
MARGIN-TOP: 0px;
MARGIN-right: 0px;
TEXT-ALIGN: justify;  
}
#corps .postit {
HEIGHT: 400px; 
WIDTH:300px;
POSITION: absolute;
background-COLOR: #FFFFCB;  
MARGIN-TOP: 0px;
MARGIN-left: 0px;
PADDING-top: 0px;
PADDING-right: 0px;
PADDING-left: 0px;
right: auto;
COLOR: #B88989; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: left;
}

#corps .textepage {
width: 760px;
POSITION: absolute;
background-COLOR: #FFFFCB;  
MARGIN-TOP: 5px;
MARGIN-left: 0px;
PADDING-left: 20px;
PADDING-right: 20px;
COLOR: #8E0825;
border-color: #B88989; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
}
#corps .textehome {
width: 460px;
height: 400px;
POSITION: absolute;
background: url(../images/imghome.jpg) no-repeat;
background-position: right;
background-color: #FFFFCB;
MARGIN-TOP: 5px;
MARGIN-left: 300px;
PADDING-left: 0px;
PADDING-right: 40px;
COLOR: #990000;
border-color: #B88989; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
}
#corps .edito {
WIDTH: 490px;
POSITION: relative;
background-COLOR: #FFFFFF;
MARGIN-TOP: 0px;
MARGIN-LEFT: 300px;
MARGIN-right: 0px;
PADDING-right: 10px;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
}
#corps .bord1 {
border: 1px solid #8E0825;
}

A.menupage {
color : #B3523F; 
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
text-decoration : none; 
} 
A.menupage:hover {
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
color : #FF0000; 
text-decoration : underline; 
} 
A.menu1 {
color : #FF0000; 
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
text-decoration : underline; 
} 
A.menu1:hover {
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
color : #000000; 
text-decoration : underline; 
} 
A.menu2 {
color : #B88989; 
font-weight : normal; 
font-family : arial; 
font-size : 10pt; 
text-decoration : none; 
} 
A.menu2:hover {
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
color : #000000; 
text-decoration : underline; 
}