/*
DEFINITIONS GéNéRALES
------------------------------------------------------------------------------------------------------------------
*/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #B02D00;
margin: 0;
padding: 0;
}

img{
border:0;
margin:0;
padding:0;
}

h1{
margin:0;
padding:0;
}

h2{
font-size: 1.5em;
font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.04em;
color:#E74A03;
border-bottom:1px dotted #b70000;
}

h3{
color: #E81D00;
font-size: 1em;
font-weight:bold;
margin:0;
margin-bottom:10px;
}

p{
margin:0;
padding:0;
}
a {
color:#E74A03;
}
a:hover {
color:#B02D00;
text-decoration:none;
}

em{
color: #E81D00;
font-style:normal;
font-weight:bold;
}

.clear {
visibility:hidden;
margin:0;
padding:0;
clear:both;
}
.content_clear{
height:100%;
margin:0;
padding:0;
}

/*
MISE EN PAGE (conteneur), HAUT (baguettes, bannière)
------------------------------------------------------------------------------------------------------------------
*/
#conteneur {
position: absolute;
width: 800px;
left: 50%;
margin-left: -400px;
}
#baguettes {
position:absolute;
left: 50%;
margin-left: -470px;
top:-80px;
}

#header {
height: 110px;
background-color: #B02D00;
padding:0;
padding-left:50px;
}

/*
MENU
------------------------------------------------------------------------------------------------------------------
*/
#haut {
height:36px; /*   18+10+8     */
background-color:#E94B01;
background-image:url("images/fond_haut1.jpg");
background-position:top left;
background-repeat:repeat-x;

padding:0;
padding-left:72px;
}

/* ul du menu */
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
font-size: 1.25em;
font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
letter-spacing: 0.04em;
}
.menuhaut li {
float:left;
margin: 0;
padding:0;
}
.menuhaut a {
display:block;
height:18px;
width:182px;
padding-top:10px;
padding-bottom:8px;
text-align:center;
color: #FFE4CA;
text-decoration: none;
}
.menuhaut a:hover {
background-image:url("images/fond_haut1_on.jpg");
background-repeat:repeat-x;
color: #000000;
}

#b1:hover {
background-position:-72px 0px;
}

#b2:hover {
background-position:-254px 0px;  /* -72 - 182 */
}

#b3:hover {
background-position:-436px 0px;  /* -72 - 2x182 */
}

#b4:hover {
background-position:-618px 0px;  /* -72 - 3x182 */
}

/*
CORPS PRINCIPAL
------------------------------------------------------------------------------------------------------------------
*/

#centre {
background-color:#FFFFFF;
background-image:url("images/bord_gauche.jpg");
background-position:top left;
background-repeat:repeat-y;
padding:20px;
padding-left:90px;
}


/* spécifique page d'accueil*/
#bienvenue {
background-image:url("images/cadres.jpg");
background-position:470px 0;
background-repeat:no-repeat;
padding-bottom:30px;
}

#bienvenue h2{
margin-right:150px;
}
#bienvenue p{
margin-top:5px;
margin-right:320px;
text-align:center;
line-height:1.6em;
}

#presentation {
background-image:url("images/cadres2.jpg");
background-position:20px 30px;
background-repeat:no-repeat;
padding-bottom:30px;
padding-left:320px;
}

#presentation p{
text-align:left;
line-height:1.6em;
}

.annonce {
color: #B02D00;
text-align:center;
margin:10px;
margin-bottom:20px;
}

.annonce a{
color: #B02D00;
text-decoration:none;
}


/* spécifique page de contact*/
.adr {
width:49%;
float:left;
margin-top:20px;
}

.adr h3{
text-align:center;
}

.contact{
text-align:center;
line-height:1.6em;
}

.contact em{
font-style:normal;
font-weight:bold;
}

/* spécifique à la galerie  */
.photo {
text-align:center;
margin-bottom:30px;
}

/*
PIED DE PAGE
------------------------------------------------------------------------------------------------------------------
*/

#pied_prime{
background-color: #B02D00;
background-image:url("images/bord_ombre_b1.jpg");
background-position:top left;
background-repeat:repeat-x;
}

#pied{
height: 50px;
background-image:url("images/bord_ombre_coin_gb.jpg");
background-position:top left;
background-repeat:no-repeat;
padding-top:10px;
text-align:center;
font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
}

#pied a:hover{
color:#FFFFFF;
text-decoration:underline;
}