﻿html, body {
    font-size: 12px;
    font-family: Arial, Verdana;
    margin: 0px;
    padding: 0px;
}
body {
    background: #0391d1 url(../Images/bg.jpg) center top;
}

.RadEContent, .RadEContentBordered
{
     font-family: Arial;
     font-size: 10pt;
}
.global {
    margin: auto;
    width: 100%;   
}
.globalContent {
    background-color: #ffffff;
    margin: auto;
    width: 980px;
}
.menuCategory {
    background-image: url(../Images/Home/boxLeftBackground.gif);
    background-repeat: repeat-y;
    width: 227px;
}
.menuCategory .menuContent {
    padding-left: 10px;
}

.searchTop {
    background-color: #009cfc; 
    width: 277px;
}
.searchTop2 {
    background-color: #cfe8f4; 
    color: #00508d;
    text-align: left;
    width: 277px;
}
.searchTop2 a {
    color: #009efa;
}
.searchTop2 div {
    padding-left: 7px;    
}
.memorialTop {
    background-color: #cfe8f4; 
    color: #000000;
    text-align: left;
    width: 100%;
}
.memorialTop div {
    padding-left: 7px;    
}
.memorialTop a {
    color: #000000;
}
.memorialFieldsTop {
    background-color: #cfe8f4; 
    color: #000000;
    text-align: left;
    width: 100%;   
}
.memorialFieldsTop span {
    color: #000000;
    font-size: 12px;
}
.qcGamesTop {
    background-color: #cfe8f4; 
    color: #000000;
    text-align: left;
    width: 100%;
}
.qcGamesTop div {
    padding-left: 7px;    
}
.qcGamesTop a {
    color: #000000;
}
.qcGamesFieldsTop {
    background-color: #cfe8f4; 
    color: #000000;
    text-align: left;
    width: 100%;   
}
.qcGamesFieldsTop span {
    color: #000000;
    font-size: 12px;
}

input {
    color: #000000;
    border: 1px solid #7F9DB9;
    font-size: 12px;
    font-family: Arial, Verdana;
} 

.RadEContentBordered { background-color: White; }

/*** MENU ***/
.menuBanner { 
  font-family: Arial;
  padding-bottom: 5px;
  position: relative; 
}
.menuBanner .menuItem { 
  background-color: #f1f0f2;
  border: 1px solid #acadaf;
  display: none; 
  left: 219px;
  padding-left: 5px;
  position: absolute;
  top: 0px;
}
.menuBanner:hover .menuItem {
  display: block;
}

.reservationErrorMessage {

  margin-top: 10px;
  margin-bottom: 10px
}

.reservationSuccessMessage {

  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
}

.reservationErrorMessage span 
{
  font-weight: bold;
  color: red;
}

.reservationSuccessMessage span 
{
  font-weight: bold;
  text-align: center;
}

/****************************/
/* SMALL, MEDIUM, LARGE BOX */
/****************************/
.welcome {
    background-color: #e5e9ec;
    height: 175px;
    width: 276px;
}
.welcome div {
    color: #004875;
    padding: 10px;
    text-align: justify;
}
.search {
    background-color: #e5e9ec;
    height: 209px;
    width: 276px;
}
.search div {
    color: #004875;
    padding: 10px;
    text-align: justify;
}
.homeSmallBox {
   width: 225px;   
}
.homeSmallBox .title {
    background-image: url(../Images/Home/topBoxSmall.gif);
    background-repeat: no-repeat;
    height: 26px;
    width: 225px;
    font-variant: small-caps;
    text-align: center;
}
.homeSmallBox .content {
    background-color: #e5e9ec;
    height: 180px;
    padding:  5px 22px 5px 22px;
    text-align: justify;
}
.homeMediumBox {
    width: 412px;
}
.homeMediumBox .title {
    background-image: url(../Images/Home/topBoxMedium.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 412px;
    font-variant: small-caps;
    text-align: center;
}
.homeMediumBox .content {
    background-color: #e5e9ec;
    text-align: justify;
    width: 335px;
}
.homeMediumBox .content div {
    padding: 5px;
    text-align: center;
}
.homeLargeBox {
    width: 704px;
}
.homeLargeBox .title {
    background-image: url(../Images/Home/topBoxLarge.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 704px;
    font-variant: small-caps;
    text-align: center;
}
.homeLargeBox .content {
    background-color: #e5e9ec;
    text-align: justify;
    width: 335px;
}
.homeLargeBox .content div {
    padding:  5px 22px 5px 22px;
}
.homeLargeBox .space {
    width: 35px;
}

/****************************/
/* CALENDAR CUSTOM          */
/****************************/
.calendarBlock {
    display: none;
    position: absolute;
}
.calendarBlock:hover  {
    display: block;
    left: 220px;
}

/****************************/
/* SITE PLAN                */
/****************************/
.sitePlanBlock {
    color: #014872;
    width: 194px;
}
.sitePlanBlock .title {
}
.sitePlanBlock .content {
    background-color: #d0e8f4;
    height: 200px;
    margin-top: -4px;
    padding: 4px;
}

.sitePlanAddress {
    text-align: center;
}

.sitePlanAddress .siege {
    text-align: center;
}
.sitePlanAddress .siege .title {
    font-weight: bold;
    padding-bottom: 10px;
}

/*** VIDEO ***/
.video {}
.video .title {
  background: url(../Images/en_direct_du_sud.gif) no-repeat;
  font-family: Arial;
  font-size: 11px;
  height: 34px;
  padding-top: 6px;
  position: relative;
  width: 304px;
}
.video .title .link {
  position: absolute;
  right: 5px;
  top: 10px;
}
.video .title .link a { color: #ffffff; }
.video .title .link a:hover { text-decoration: none; }


.videos {
  font-family: Arial;
  font-size: 14px;
}
.videos .videoItem {
  border: 1px solid #009cfb;
  float: left;
  margin: 0px 10px 10px 0px;
}
.videos .videoItem .date {
  background-color: #009cfb;
  color: #ffffff;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

/*** COPYRIGHT ***/
.copyright {
  background: #bdc4ca url(../Images/Home/backgroundBottom.gif) repeat-x;
  color: #004775;
  font-weight: bold;
  height: 112px;
  position: relative;
  text-align: center;
  z-index: 0;
}
.copyright a { color: #004775; }
.copyright div { padding-top: 12px; }
.copyright .termes a { color: #FF0000;}
.copyright .sable {
  background: url(../Images/grains_bas.png) no-repeat;
  bottom: -30px;
  height: 35px;
  left: 0px;
  position: absolute;
  width: 980px;
  z-index: 1000;
}
.copyright .noix {
  background: url(../Images/noix_coquillage.png) no-repeat;
  height: 215px;
  position: absolute;  
  right: -160px;
  top: -20px;
  width: 371px;
  z-index: 1001;
}
