/* Start of CMSMS style sheet 'Acapulco : acapulco' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
   font-size: 12px;
   line-height: 1em;
   color: #555555;
}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: black; 
   font-weight: bold;
}


/* remove underline on hover and change color */
a:hover {
   text-decoration: underline;
   color: black;
   font-weight: bold;
}

/*****************
basic layout 
*****************/

body {
   background: #d4c5a5 url(uploads/Acapulco/bkgd2-strip.jpg) fixed center top repeat-y;
}


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0; 
   background: url(uploads/Acapulco/bkgd2.jpg) scroll no-repeat center top transparent;
   min-height: 898px;
}

div#container
{
   margin: 0 auto;       /* this centers wrapper */
   width: 894px;
   top: 12px;
}


/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 154px;    /* adjust according your image size */  
   min-width: 894px;
   width: 894px;
   margin-bottom: 20px;
}

div#header h1 a {
/* you can set your own image here */
   background: url(uploads/Acapulco/header2.jpg) no-repeat top left; 
   display: block;
   height: 154px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
   width: 894px;
   margin-left: -447px;
   *margin-left: -446px;
   padding: 0;
   position: relative;
   left: 50%;
   z-index: 10;
}


 div#content {
   margin: 15px auto 0;   /* some air above and under menu and content */
   padding: 15px;
   width: 794px;
   background-color: #f7eee2;
   height: 1%;
}

* > div#content
{
   height: auto;
   overflow: auto;
}

div#content img
{
   margin: 15px;
}

div#content p img
{
}

div#flash
{
width: 798px;
padding: 15px;
background-color: #f7eee2;
margin: 0 auto;
}

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 26%;     /* sidebar width, if you change this please also change #main margins */
   display: inline;  /* FIX IE double margin bug */
   margin-left: 0;
}

div#footer {
   clear: both;       /* keep footer below content and menu */
   background-color: transparent; /* same bg color as in header */

}

div#footer p {
   font-size: 0.8em;
   padding: 1.5em;       /* some air for footer */
   text-align: center;  /* centered text */
   margin: 0;
   color: #666666;
}

div#footer p a {
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/

/* HEADINGS */
div#content h1 {
   font-size: 19px; /* font size for h1 */
   color: #cb5212;
   font-weight: normal;
   margin: 20px 0 30px 0;
}
div#content h2 {
        font-weight: bold;
        font-size: 14px;
	color: #4b4637; 
	text-align: left; 
        margin: 15px 0 15px 0;
}
div#content h3 {
   color: #996600; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
   font-weight: normal;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */



/* TEXT */
/* la couleur est héritée du body */
p {
   font-size: 12px;
   margin-bottom: 10px;
   line-height: 1.4em;
   padding: 0;
   text-align: justify;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#content ul,
div#content ol,
div#content dl {
   font-size: 1.0em;
   line-height: 1.4em;
}

div#content ul li,
div#content ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#content dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#content dl dd {
   margin: 0 0 1em 1em;
}

div#content dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


div#content .important
{
  color: white;
  font-weight: bold;
  background-color: #CF612C;
  padding: 3px;
  text-align: center;
}


/* END LISTS */







/* MENUS */


div#menu_horiz
{
display: block;
width: 826px;
height: 28px;
margin: 0 auto;
margin-top: 15px;
padding: 0px;
background-color: #cd622a;
background-image: url(uploads/Acapulco/menu-bkgd.jpg);
}

div#menu_horiz ul li
{
list-style-type: none;
float: left;
margin: 0px 0px 0px 0px;
}

div#menu_horiz ul li a, div#menu_horiz ul li h3
{
line-height: 28px;
display: block;
height: 28px;
font-size: 12px;
-width: 100px;
text-decoration: none;
color: white;
text-transform : uppercase;
padding: 0 15px;
font-weight: normal;
}

div#menu_horiz ul li a:hover, div#menu_horiz ul li h3, div#menu_horiz ul li a.activeparent
{
background-color: transparent;
font-weight: normal;
background-image: url(uploads/Acapulco/menu-activ-bkgd.jpg);
}





div#menu_vert
{
float: left;
display: inline;
margin: 50px 15px 0 0px;
width: 150px;
}

div#menu_vert ul
{
list-style-type: none;
}

div#menu_vert ul li
{
padding: 15px 0 15px 0;
border-bottom: 2px #cd622a solid;
margin: 0;
}

div#menu_vert ul li a, div#menu_vert ul li h3
{
text-decoration: none;
color: #6a6555;
font-size: 14px;
font-weight: normal;
margin: 0;
padding: 0;
line-height: 1em;
}


div#menu_vert ul li a:hover
{
background: transparent;
color: #cd622a;
}


div#main
{
margin-left: 170px;
width: 620px;
min-height: 350px;
}








/* VIGNETTES */

div#content li.thumb a img 
{
margin: 0;
}

div#content li.thumb
{
margin: 0;
padding: 0;
width: 110px;
background: #37332A url(uploads/Acapulco/fond_thumb3.jpg) center center no-repeat;
max-height: 80px;
overflow: hidden;
}

div#content li.thumb a
{
display: inline;
}

ul.picturelistgrey
{
  width: 260px;
  text-align: center;
}

div#content ul.picturelistgrey li.thumb, ul.picturelistgrey li.thumb a img
{
  width: 257px;
  height: 150px;
  max-height: 150px;
  padding: 0;
  border: none;
}

div#content ul.picturelistgrey li.thumb a
{
  width: 257px;
  height: 150px;
  max-height: 150px;
  padding: 0;
  border: none;
}





/* TABLEAUX */

/* tarifs */

div#content table#tarifs
{
  text-align: center;
  width: 100%;
  border: none;
  background: transparent;
}

div#content table#tarifs td
{
  border: none;
  background: white;
  border-bottom: 10px #F7EEE2 solid;
  padding: 10px 0 0 10px;  
}

div#content table#tarifs td.prix
{
  color: white;
  font-weight: bold;
  text-align: center;
  background-image: url(uploads/Acapulco/menu-activ-bkgd.jpg);
  padding: 0;
  vertical-align: middle;
}


div#content table#tarifs td.prix p
{
  text-align: center;
  padding: 0;
  margin: 0;
}













/* FLASH ACCUEIL */

object {
     z-index: 0;
 }




/* FORMULAIRE */

div#content table
{
  border: 0;
}

div#content table.contactform td
{
  background-color: transparent;
  padding: 5px;
  margin: 0;
  border: 0;
}

div#content img.captchapict
{
  margin: 0 0 10px 0;
}

div.error_message
{
  color: red;
}






/* CASE PHOTOS */

div#content div#photos img
{
  margin: 0 0 15px 15px;
  padding: 0;
}

div#photos
{
  float: right;
}













/* LANGUES */

ul#menu_lang
{
   position: relative;
   margin: 20px 30px 0 0;
   -margin: 20px 15px 0 0;
   list-style-type: none;
   z-index: 30;
   background: transparent;
   float: right;
}

ul#menu_lang li
{
   float: left;
   font-size: 15px;
   color: #646464;
   text-align: center;
}

ul#menu_lang li p
{

}

ul#menu_lang li a
{
   color: #777777;
   text-decoration: none;
   font-weight: normal;
}

ul#menu_lang li a:hover
{
   background-color: transparent;
   color: #000000;
}

div#legende
{
   width: 828px;   
   font-size: 10px;
   text-align: right;
   color: #888888;
   padding: 0;
   margin: 0 auto;
   margin-top: 8px;
}

/* End of 'Acapulco : acapulco' */