body {
 font-family: Arial, Helvetica, sans-serif;
 background-image: url("../images/fd-body.gif");
 background-position: 0% 0%;
 background-repeat: repeat-x;
 margin: 0px;
 padding: 0px 0px 0px 80px;
}

body.home {
 background-image: url("../images/fd-bodyHome.gif");
 background-position: 0% 0%;
 background-repeat: repeat-x;
}

#entete {
 float: left;
 width: 675px;
 height: 209px;
 background-image: url("../images/entete_visuel.jpg");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 margin: 0px 0px 10px 0px;
}
#enteteRub {
 float: left;
 width: 675px;
 height: 105px;
 background-image: url("../images/entete_visuelRub.jpg");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 margin: 0px 0px 10px 0px;
}
#total {width: 910px; float: left;}
#content {width: 732px; float: left;}
#dimancheProchain {
 float: left;
 width: 464px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-right: 2px solid #F3F1E5;
}
#dimancheDernier {
 float: left;
 width: 211px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 14px;
}
#pub {
 float: right;
 width: 160px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 14px;
}

#partenaire {
 float: left;
 width: 680px;
 margin: 30px 0px 0px 0px;
 padding: 20px 0px 10px 2px;
 background-image: url("../images/sep-hz_logo.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
}
#footer {
 float: left;
 display: block;
 width: 675px;
 margin: 0px 0px 20px 0px;
 padding: 12px 0px 5px 10px;
 border-top: 5px solid #E5E5E5;
}


/**************************** ENTETE **************************/

#logo {
 position: absolute;
 top: 10px;
 left: 70px;
}

#menuHome {
 float: right;
 width: 480px;
 margin: 84px 0px 0px 0px;
 text-align: right;
}

#menu {
 float: right;
 width: 480px;
 margin: 48px 0px 0px 0px;
 text-align: right;
}

#mag {
 float: right;
 width: 450px;
 margin: 0px 0px 0px 0px;
 text-align: right;
}



/**************************** COLONNE GAUCHE : DIMMANCHE PROCHAIN **************************/
#annonceDim {
 float: left;
 background-color: #000;
 width: 704px;
 margin: 0px 0px 20px 0px;
 padding: 16px 0px 15px 0px;
 text-align: center;
}
#annonceDim h1 {
 display: inline;
 font-family: "Times New Roman", Times, serif;
 font-size: 30px;
 font-weight: normal;
 color: #FFD800;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#annonceDim h1.surTitre {
 font-size: 16px;
 font-weight: bold;
}
#annonceDim h2 {
 display: inline;
 font-family: "Times New Roman", Times, serif;
 font-size: 22px;
 line-height: 24px;
 font-weight: bold;
 color: #FFD800;
 margin: 0px;
 padding: 0px;
}
#annonceDim p {
 width: 704px;
 font-family: "Times New Roman", Times, serif;
 font-size: 20px;
 font-weight: normal;
 line-height:24px;
 color: #FFF;
 text-align: center;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

.p18 {font-size:18px;}
.p16 {font-size:18px;}
.p24 {font-size:24px;}
.p28 {font-size:28px;}
.jaune {color: #FFD800;}

div.annonce {
 float: left;
 width: 202px;
 margin: 12px 30px 0px 0px;
}


div.annonce .visuelCarte {
 border: 15px solid #EEEAC5;
}
div.annonce .visuelAmbiance {
 border: 15px solid #D9EBFF;
}
div.annonce p {
 font-size: 12px;
 line-height: 18px;
 color: #404040;
 margin: 0px 0px 5px 0px;
}

#dimancheProchain a.go, #dimancheProchain a.go:link, #dimancheProchain a.go:active, #dimancheProchain a.go:visited {
 font-size: 12px;
 font-weight: bold;
 color: #404040;
 text-decoration: underline;
 background-image: url("../images/puce.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 20px;
}
#dimancheProchain a.go:hover {color:#FFAC00;}




/**************************** COLONNE DROITE : DIMANCHE DERNIER **************************/

#dimancheDernier a.txt, #dimancheDernier a.txt:link, #dimancheDernier a.txt:active, #dimancheDernier a.txt:visited {
 display: block;
 font-size: 12px;
 color: #404040;
 margin: 0px 0px 15px 0px;
 text-decoration: none;
}
#dimancheDernier a.txt:hover {color: #FFB300;}

#dimancheDernier div.visuel {
 background-image: url("../images/dimanche-dernier_fd-visuel.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 padding: 8px;
 margin: 0px 0px 15px 0px;
}



/**************************** BAS : PARTENAIRES **************************/

#partenaire .logo {
 margin: 0px 10px 0px 10px;
}



/**************************** BAS : FOOTER **************************/

#footer p {
 font-size: 10px;
 color: #7F7F7F;
 margin: 0px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited, {color: #7F7F7F;}
#footer a:hover {color: #404040;} 



/******************************* RUBRIQUE ****************************************************************/

#contenu {
 float: left;
 width: 446px;
 margin: 0px 0px 0px 0px;
 padding: 0px 18px 0px 0px;
 border-right: 2px solid #F3F1E5;
}
#contenu .visuelG {
 float: left;
 border: 3px solid #FFD200;
 margin: 0px 10px 5px 0px;
}
#contenu .visuelD {
 float: right;
 border: 3px solid #FFD200;
 margin: 0px 0px 5px 10px;
}
#contenu .visuelC {
 text-align: center;
 border: 3px solid #FFD200;
 margin: 0px 0px 5px 10px;
}
#contenu .logoPartenaires {
 margin: 0px 26px 0px 0px;
}


h1 {
 font-family:"Times New Roman", Times, serif;
 font-size: 20px;
 color: #FFF;
 font-weight: normal;
 width: 438px;
 background-color: #000;
 padding: 0px 0px 0px 8px;
 margin: 0px 0px 15px 0px;
}

.date {color: #FFD800;}

h2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 20px;
 color: #FFAC00;
 font-weight: normal;
 padding: 0px 0px 0px 8px;
 margin: 30px 0px 6px 0px;
}
p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height: 18px;
 color: #404040;
 padding: 0px;
 margin: 10px 0px 10px 8px;
}
ul {
 margin: 0px 0px 15px 15px;
 padding: 0px;
}
li {
 list-style-image: url("../images/puce-li.gif");
 list-style-position: inside;
 font-size: 12px;
 line-height: 16px;
 margin: 0px 0px 2px 0px;
 padding: 0px;
}
p.intro {
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
}
p.special {
 font-size: 12px;
 color: #404040;
 font-weight: bold;
}
p.center {text-align: center;}
p.signature {
 font-size: 12px;
 color: #404040;
 font-weight: bold;
 text-align: right;
}
p.capete {
 background-image: url("../images/fd-capete.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 color: #000000;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 5px;
}
.jaune {color: #FFAC00;}
.big {font-size: 14px; line-height: 18px; font-weight: bold; margin: 0px 0px 10px 0px}
.petit {font-size: 10px; color: #999;}
.bold {font-weight: bold;}
.vtespace {line-height: 20px;}

a, a:link, a:active, a:visited {color: #404040;}
a:hover {color:#FFAC00;}

a.voir, a.voir:link, a.voir:active, a.voir:visited {
 font-size: 12px;
 font-weight: bold;
 color: #404040;
 text-decoration: underline;
 background-image: url("../images/puce.gif");
 background-position: 0% 0%;
 background-repeat: no-repeat;
 padding: 0px 0px 0px 20px;
}
a.voir:hover {color:#FFAC00;}




/********************** FORMULAIRE ***********************/

input {
 height: 17px;
 width: 380px;
 border-bottom: 2px solid #404040;
 border-top: 1px solid #FFF;
 border-left: 1px solid #FFF;
 border-right: 1px solid #FFF;
 background-image:url("../images/fd-input.gif");
 background-position: 0% 100%;
 background-repeat: repeat-x;
 margin: 15px 0px 0px 5px;
 padding: 0px 0px 0px 5px;
}
.bt {
 float: right;
 height: 22px;
 width: 98px;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-bottom: 2px solid #FFAC00;
}