/* Start of CMSMS style sheet 'CSS Réception' */
*{
margin:0;
padding:0;
}

body{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background:url(www/images/body.jpg) no-repeat top #e1c4a9;
color: #555555;
font-size: 13px;
}

div {
font-size: 13px;
}

div#siteglobal {
position:absolute;
width:960px;
left:50%;
margin-left:-480px;
margin-top:20px;
}

div#pagewrapper {
float:left;
width:960px;
border: 2px solid #7a2235;
background-color:#FFFFFF;
}

div#header {
float:left;
width:960px;
height: 151px;
background-color:#FFFFFF;
}

#menu_vert {
float:left;
width:960px;
height:30px;
padding-top:5px;
background-color:#FFFFFF;
background-image:url(www/images/fond_menu.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#menu_vert ul{
float:left;
width:960px;
height:30px;
list-style:none;
}

#menu_vert ul li{
float:left;
height:30px;
margin-left:50px;
}

#menu_vert ul li a{
float:left;
color:#FFFFFF;
font-size:13px;
line-height:18px;
text-decoration:none;
}

#menu_vert ul li a:hover{
float:left;
color:#FFFFFF;
font-size:13px;
line-height:18px;
text-decoration:underline;
}

div#contenuglobal{
float:left;
width:960px;
background-image:url(www/images/fond_fourchette.jpg);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

div#content {
float:left;
width:920px;
margin-left:40px;
margin-top:20px;
margin-bottom:55px;
color:#555555;
}

div#texte-accueil {
float:left;
display:inline;
width:565px;
margin-top:20px;
margin-bottom:10px;
font-size:13px;
text-align:justify;
}

div#texte-accueil ul{
height:164px;
margin-top:20px;
margin-bottom:0px;
padding:0;
}

div#texte-accueil ul li{
float:left;
width:188px;
height:164px;
list-style-type:none;
}

.traiteur{
float:left;
width:188px;
height:164px;
}

.traiteur a{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/boisson.jpg);
}

.traiteur a:hover{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/boisson-hover.jpg);
}

.cocktail a{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/cocktail.jpg);
}

.cocktail a:hover{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/cocktail2.jpg);
}

.reception a{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/reception.jpg);
}

.reception a:hover{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/reception2.jpg);
}

.vide{
float:left;
width:188px;
height:164px;
}

.buffet a{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/buffet.jpg);
}

.buffet a:hover{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/buffet2.jpg);
}

.prestation a{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/prestation.jpg);
}

.prestation a:hover{
float:left;
width:188px;
height:164px;
background-image:url(www/images/reception/btn/prestation2.jpg);
}

div#photos{
float:left;
display:inline;
width:355px;
}

div#fondhaut{
float:left;
display:inline;
width:355px;
height:37px;
background:url(www/images/fleur-photo-haut.jpg) top left no-repeat;
}

div#photo-accueil {
float:left;
display:inline;
width:355px;
background:url(www/images/fleur-photo-droite.jpg) bottom right no-repeat;
}

div#fondgauche{
float:left;
display:inline;
width:41px;
}

div#contenu-photos{
float:left;
display:inline;
width:274px;
}

div#contenu-photos img{
width:270px;
border: 2px solid #b17d4d;
}

div#fondbas{
float:left;
display:inline;
width:355px;
height:36px;
background:url(www/images/fleur-photo-bas.jpg) bottom right no-repeat;
}

div#footer {
float:left;
margin-left:265px;
padding-bottom:8px;
width:665px;
height:20px;
color: #7a2235;
}

div#footer p {
font-size: 11px;
text-align: center; /* centered text */
margin:0;
}

div#footer p a {
color: #7a2235; /* needed becouse footer link would be same color as background otherwise */
text-decoration:none;
}

div#footer p a:hover {
color: #7a2235; /* needed becouse footer link would be same color as background otherwise */
text-decoration:underline;
}

#pied{
float:left;
width:960px;
height:40px;
margin-top:10px;
text-align:center;
font-size:12px;
color:#555555;
}

#pied ul{
margin:0;
padding:0;
text-align:center;
}

#pied ul li{
display:inline;
list-style:none;
text-align:center;
}

#pied a{
color:#000000;
text-decoration:none;
text-align:center;
}

.gris{
margin-top:8px;
font-size:11px;
}

#pied .gris a{
color:#555555;
font-size:11px;
}

#pied a:hover{
color:#863647;
text-decoration:none;
text-align:center;
}


/* HEADINGS */
div#content h1 {
font-size: 16px;
line-height: 1em;
margin: 0;
}

h2 {
color:#9e5c21;
font-size: 15px;
font-weight:normal;
text-align: left;
margin-bottom:20px; 
}
div#content h3 {
color: #294B5F; 
font-size: 14px;
line-height: 1.3em;
margin: 0 0 0.5em 0;
}


/* TEXT */
p {
margin: 0 0 0 0;  /* some air around p elements */
line-height:1.4em;
padding: 0;
}

strong, b {
/* explicit setting for these */
font-weight: bold;
}
em, i {
/* explicit setting for these */
font-style:italic;
}
/* End of 'CSS Réception' */