/* AUTEUR: Michel Margan */
/* DATE DE CREATION: 22/03/05 */
html, body {
padding: 0;
margin: 0;
height: 100%;
}

body {
margin-top: 0px;
margin-right: auto;
margin-left: auto; /* pour éviter les marges */
background: #FFEB78 url(../images/fondgala.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
POSITION: relative;
TEXT-ALIGN: center;
}

.conteneur {/*LE CONTENEUR GLOBAL DU SITE, QUI SERA CENTRÉ */
WIDTH: 800px;
POSITION: relative;
margin-right: auto;
margin-left: auto; /* pour éviter les marges */
TEXT-ALIGN: center;
}
h1 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 14pt; 
font-weight:normal;
TEXT-ALIGN: center;
}
h2 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
} 
h3 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 14pt; 
font-weight:normal;
TEXT-ALIGN: left;
}
h4 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
} 
h5 {
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:normal;
TEXT-ALIGN: center;
} 
.haut {
HEIGHT: 30px; 
WIDTH: 270px;
POSITION: absolute;
MARGIN-TOP: 145px;
PADDING-LEFT: 10px;
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:normal;
COLOR: #B88989;
TEXT-ALIGN: left;
}
.hautmenu {
HEIGHT: 30px; 
WIDTH: 500px;
POSITION: absolute;
MARGIN-TOP: 143px;
MARGIN-LEFT: 305px;
PADDING-LEFT: 2px;
TEXT-ALIGN: left;
z-index:1;
}
.gauche {
  float: left;
  MARGIN-TOP: 0px;
  }
.droite {
  float: right;
  MARGIN-TOP: 0px;
  }  
#corps {
WIDTH: 800px; 
POSITION: relative;
background-COLOR: #FFFEE9;
TEXT-ALIGN: justify;  
}

#corps .textepage {
width: 760px;
POSITION: relative;
background-COLOR: #FFFEE9; MARGIN-TOP: 0px;
MARGIN-left: 0px;
PADDING-left: 20px;
PADDING-right: 20px;
COLOR: #8E0825;
border-left: 1px solid #660000; 
border-right: 1px solid #660000;
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: justify;
}
#corps .contact {
width: 200px;
height: 200px;
POSITION: absolute;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 8pt; 
font-weight:normal;
TEXT-ALIGN: center;
padding-top: 50px;
margin-top: 0px;
margin-left: 100px;
margin-right: auto;
}

#corps .contactcoord {
width: 360px;
height: 200px;
POSITION: absolute;
background: url(../images/contactcadre3.jpg) no-repeat;
padding-top: 20px;
padding-left: 150px;
margin-top: 0px;
margin-left: 350px;
margin-right: auto;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 8pt; 
font-weight:normal;
TEXT-ALIGN: left;
}

#corps .offretitre {
width: 450px;
POSITION: relative;
background-COLOR: #FFFEE9; 
MARGIN-TOP: 0px;
MARGIN-left: 1px;
MARGIN-right: auto;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 0px;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 14pt; 
font-weight:bold;
TEXT-ALIGN: left;
}

#corps .fondoper1 {
width: 300px;
height: 130px;
POSITION: absolute;
background: url(../images/fond_offre1a.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 50px;
MARGIN-right: 0px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 20px;
COLOR: #FFFFFF; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#corps .fondoper1a {
width: 300px;
height: 130px;
POSITION: relative;
background: url(../images/fond_offre1b.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 400px;
MARGIN-right: 0px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 20px;
COLOR: #FFFFFF; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#corps .fondoper1b {
width: 300px;
height: 130px;
POSITION: absolute;
background: url(../images/fond_offre1a.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 30%;
MARGIN-right: auto;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 20px;
COLOR: #FFFFFF; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#corps .fondoper400 {
width: 400px;
height: 140px;
POSITION: relative;
background: url(../images/fond_offre400.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 35%;
MARGIN-right: auto;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 25px;
COLOR: #FFFFFF; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#corps .fondoffre {
width: 300px;
height: 60px;
POSITION: absolute;
background: url(../images/offrem.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 0px;
MARGIN-right: 0px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 15px;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 14pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#corps .videoa {
width: 360px;
height: 500px;
POSITION: absolute;
MARGIN-TOP: 0px;
MARGIN-left: 0px;
MARGIN-right: 0px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 15px;
COLOR: #8E0825;
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: left;
z-index:1;
}

#corps .videob {
width: 600px;
height: 500px;
POSITION: absolute;
background: url(../images/camescope3.jpg) no-repeat; 
MARGIN-TOP: 0px;
MARGIN-left: 160px;
MARGIN-right: 0px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 0px;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 12pt; 
font-weight:normal;
TEXT-ALIGN: center;
}

#corps .cvdecal {
COLOR: #8E0825;
PADDING-left: 160px; 
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: left;
}

#corps .ecran {
PADDING-left: 194px; 
PADDING-top: 112px;
FONT-FAMILY: arial; 
FONT-SIZE: 10pt; 
font-weight:normal;
TEXT-ALIGN: left;
overflow: hidden;
z-index:-1;
}

#corps .bord1 {
border: 1px solid #B88989;
}

#corps .spacehaut {
PADDING-top: 0px;
}

#rang {
background-color:#FFFEE9;
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;
}
#titre {
width: 300px;
height: 20px;
POSITION: relative;
COLOR: #8E0825; 
FONT-FAMILY: arial; 
FONT-SIZE: 14pt; 
font-weight:bold;
TEXT-ALIGN: center;
z-index:1;
}

#titre .fond1 {
background-COLOR: #000000;
MARGIN-left: 300px;
PADDING-left: 0px;
PADDING-right: 0px;
PADDING-top: 15px; 
}

#preload-images {
    width: 0px;
    height: 0px;
    display: inline;
    background-image: url(../photos/queuel5p.jpg);
}

A.menupage {
color : #8E0825; 
font-weight : normal; 
font-family : arial; 
font-size : 10pt; 
text-decoration : underline; 
} 
A.menupage:hover {
font-weight : normal; 
font-family : arial; 
font-size : 10pt; 
color : #FF0000; 
text-decoration : underline; 
} 
A.menu1 {
color : #B3523F; 
font-weight : bold; 
font-family : arial; 
font-size : 12pt; 
text-decoration : underline; 
} 
A.menu1:hover {
font-weight : bold; 
font-family : arial; 
font-size : 12pt; 
color : #FF0000; 
text-decoration : underline; 
} 
A.menu2 {
color : #B3523F; 
font-weight : bold; 
font-family : arial; 
font-size : 14pt; 
text-decoration : underline; 
} 
A.menu2:hover {
font-weight : bold; 
font-family : arial; 
font-size : 14pt; 
color : #FF0000; 
text-decoration : underline; 
} 
A.menu3 {
color : #B3523F; 
font-weight : normal; 
font-family : arial; 
font-size : 10pt; 
text-decoration : none; 
} 
A.menu3:hover {
font-weight : normal; 
font-family : arial; 
font-size : 10pt; 
color : #FF0000; 
text-decoration : underline; 
}
A.menu4 {
color : #8E0825; 
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
text-decoration : none; 
} 
A.menu4:hover {
font-weight : bold; 
font-family : arial; 
font-size : 10pt; 
color : #FF0000; 
text-decoration : underline; 
}

a.roll       img { opacity: 0.4; filter:alpha(opacity= 40); }
a.roll:hover img { opacity: 1.0; filter:alpha(opacity=100); }