/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
#conteneur fieldset, #conteneur form, #conteneur label, #conteneur legend,
table, caption, tbody, tfoot, thead, tr, th, td, #editor_box * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0; 
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul { 
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
	text-align:center;
	font-family: Georgia, Georgia, serif;
	font-size:13px;
	background: #751134;
}

h1,h2,h3,h4,h5 {
  font-family: Georgia, Georgia, serif;
}

h1 {
	font-size:30px;
	margin-bottom:10px;
	font-weight: normal;
}

h2 {
	font-size:20px;
	margin-top:4px;
	margin-bottom:4px;
	font-weight: normal;
}

h3 {
	font-size:15px;
	margin-bottom:4px;
	font-weight: bold;
}

h4 {
	font-size:14px;
	margin-bottom:4px;
}

h5 {
	font-size:13px;
	margin-bottom:4px;
}

a {
  font-family: Georgia, Georgia, serif;
}

.clear {
  clear: both;
}

.spacer {
  clear: both;
  width: 940px;
  margin: 0 auto;
  height: 4px;
  display: block;
}

#conteneur {
  width: 980px;
  margin: 0 auto;
  /*background: url('../images/bg_conteneur.jpg') repeat-y;*/
	background-color:#9F0D45;
}

/****** BANDEAU ******/

#header {
  margin: 0 auto;
	width:980px;
	height:181px;
	background: url('../images/bg_header.jpg') repeat-y;
	display: block;
}
  
  #nav-horizontal{
    position: relative;
    width: 980px;
    height: 22px;
    display: block;
    padding-top: 106px;
  }
  
    #nav-horizontal ul li{
      float: left;
      margin-right: 5px;
    }
    
    #nav-horizontal ul li.last{
      margin-right: 0px;
    }
  
    #nav-horizontal-left{
      position: relative;
      height: 22px;
      z-index: 5;
    }
    
      #m-hotel{
        width: 69px;
        height: 22px;
        background: url('../images/menu.png') 0px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-hotel:hover{
        background-position : 0px -24px;
      }
    
      #m-restaurant{
        width: 90px;
        height: 22px;
        background: url('../images/menu.png') -71px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-restaurant:hover{
        background-position : -71px -24px;
      }
      
      #m-journal{
        width: 72px;
        height: 22px;
        background: url('../images/menu.png') -163px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-journal:hover{
        background-position : -163px -24px;
      }
      
      #m-gallerie{
        width: 81px;
        height: 22px;
        background: url('../images/menu.png') -237px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-gallerie:hover{
        background-position : -237px -24px;
      }
    
    #logo {
      position: relative;
      width: 277px;
      height: 91px;
      margin-top: -50px;
      margin-left: 350px;
      background: url('../images/logo.jpg') no-repeat;
      display:block;
      z-index: 10;
      text-indent: -9999px;
      border: none;
    }

    *+html #logo {
      margin-left: 0px;
    }
    
    #nav-horizontal-right{
      position: relative;
      float: right;
      margin-top: -22px;
      height: 22px;
      z-index: 5;
    }
      
      #m-activites{
        width: 80px;
        height: 22px;
        background: url('../images/menu.png') -320px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-activites:hover{
        background-position : -320px -24px;
      }
      
      #m-acces{
        width: 73px;
        height: 22px;
        background: url('../images/menu.png') -402px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-acces:hover{
        background-position : -402px -24px;
      }
      
      #m-tarifs{
        width: 58px;
        height: 22px;
        background: url('../images/menu.png') -477px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-tarifs:hover{
        background-position : -477px -24px;
      }
      
      #m-contact{
        width: 106px;
        height: 22px;
        background: url('../images/menu.png') -537px 0px no-repeat;
        display: block;
        text-indent: -9999px;
        cursor: pointer;
      }
      
      #m-contact:hover{
        background-position : -537px -24px;
      }
      
      .ss-menu {
        position: absolute;
        z-index: 10;
        margin-left: 648px;
      }
      
      *+html .ss-menu {
        margin-left: 324px;
      }
      
        .ss-menu ul {
          position: absolute;
          width: 95px;
        }
        
        .ss-menu ul, .ss-menu li {
          list-style-type: none;
          list-style-position:outside;
          z-index: 10;
        }
          
          .ss-menu ul li {
            display: block;
            width: 95px;
            height: 20px;
            margin-top: 1px;
          }
          
            .ss-menu ul li a {
              text-align: left;
              display: block;
              color: #2b383d;
              font-size: 9pt;
              text-decoration: none; 
              width: 165px;
              height: 17px;
              padding-left: 3px;
              padding-top: 3px;
              background: #addef4;
            }
            
            .ss-menu ul li a:hover {
              color: #9f0d45;
            }
    
/****** CONTENU ******/

#contenu {
  width: 940px;
  margin: 30px auto;
  background: url('../images/bg_conteneur.gif') top repeat-y;
  padding: 0px 20px;
  padding-top: 5px;
	text-align:left;
}
  
  #contenu-left, #content-blog {
    float: left;
    width: 447px;
    background: #fff;
  }
  
    #contenu-left-top {
      width: 447px;
      height: 81px;
      background: url('../images/png_elements.png') no-repeat;
      margin-top: -80px;
    }
  
    #contenu-left-in {
      text-align: center;
      width: 447px;
      margin: 10px auto;
      display: block;
    }
    
    
  .contenu-right-nobg {
    float: right;
    color: #f9d9cf;
    width: 473px;
    display: block;
    padding: 10px;
  }
  
    .contenu-right-nobg h1 {
      text-align: left;
      color: #f9d9cf;
    }
    
   #contenu3 {
   		float:left;
   		width:400px;
   }
  
    table {
      width: 473px;
      color: #9f0e45;
    }
    
    th, td {
      border: 1px solid #9f0e45;
      height: 25px;
      vertical-align: middle;
      text-align: center;
      padding: 3px;
      background: white;
    }
    
    th {
      font-weight: bold;
      background: #9f0e45;
      color: #f9d9cf;
      border: 1px solid #f9d9cf;
    }

    .col-gite {
      background: #e5aeb7;
      text-align: left;
    }
    
  .contenu-right-bgwhite {
    float: left;
    color: #9f0e45;
    background: #fff;
    width: 405px;
    height: 316px;
    display: block;
    padding: 10px;
  }
  
  .contenu-right-bgwhite-article {
    float: left;
    color: #9f0e45;
    background: #fff;
    width: 405px;
    display: block;
    padding: 10px;
  }
  
  .contenu-right-bgwhite-large {
    float: left;
    color: #9f0e45;
    background: #fff;
    width: 470px;
    display: block;
    padding: 10px;
  }
    
/*.contenu-right-bgwhite-large h1*/
    .contenu-right-bgwhite h1, .contenu-right-bgwhite-article h1  {
      text-align: left;
      padding-left: 2px;
      color: #9f0e45;
      font-size: 12pt;
      width: 410px;
      height: 20px;
      display: block;
      border: 3px solid #9f0d45;
      border-bottom: 6px solid #9f0d45;
      border-right: none;
    }
    
    .contenu-right-bgwhite-large h1 {
      width: 475px;
    }
    
  #contenu-photos {
    margin: 0 auto;
    width: 830px;
    text-align: left;
  }
  
    #contenu-photos h1 {
      text-align: left;
      color: #fff;
    }
    
    #contenu-photos h1:first-letter {
      text-transform: uppercase;
    }
    
    #contenu-photos a img {
      border: 4px solid #ccc;
      margin: 3px;
      width: 120px;
    }
    
    #contenu-photos a:hover img {
      border: 4px solid #fff;
    }
  
  .cadre-date {
    float: left;
    height: 39px;
    width: 62px;
    background: url('../images/menu.png') -645px 0px no-repeat;
    display: block;
    text-align: center;
    margin-left: 4px;
    margin-right: 25px;
  }
    
    .cadre-date p {
      text-align: center;
      color: #9f0e45;
    }
    
    span.date {
      font-size: 10px;
    }
    
    span.jour-date {
      font-size: 26px;
      font-weight: bold;
      display: block;
    }

    a.link-blog {
      color: #9f0d45;
      float: right;
      padding-top: 20px;
      text-decoration: underline;
    }
    
    a.link-blog:hover {
      text-decoration: none;
    }
  
  .spacer-high {
    clear: both;
    width: 940px;
    margin: 0 auto;
    height: 85px;
    display: block;
		margin-bottom:30px;
  }
  
    .mouton-envers-left{
      float: left;
      margin-left: 447px;
      width: 36px;
      height: 14px;
      background: url('../images/png_elements.png') 0px -82px no-repeat;
      display: block;
    }
    
    .mouton-envers-right{
      float: left;
      width: 36px;
      height: 14px;
      background: url('../images/png_elements.png') -38px -82px no-repeat;
      display: block;
    }
  
  #references {
    width: 940px;
    height: 43px;
    padding: 5px 0px;
    display: block;
  }
  
    #references ul li {
      float: right;
      margin-right: 4px;
    }
    
      #references ul li a {
        width: 45px;
        height: 43px;
        display: block;
        text-indent: -9999px;
      }
      
        a.routard {
          background: url('../images/menu.png') no-repeat;
          background-position: 0px -126px;
        }
        
        a.routard:hover {
          background-position: -46px -126px;
        }
        
        a.peche-64 {
          background: url('../images/menu.png') no-repeat;
          background-position: -92px -126px;
        }
        
        a.peche-64:hover {
          background-position: -138px -126px;
        }
        
        a.petit-fute {
          background: url('../images/menu.png') no-repeat;
          background-position: -184px -126px;
        }
        
        a.petit-fute:hover {
          background-position: -230px -126px;
        }
        
        a.logis {
          background: url('../images/menu.png') no-repeat;
          background-position: -276px -126px;
        }
        
        a.logis:hover {
          background-position: -322px -126px;
        }
        
 .reservation {
    width: 980px;
    height: 40px;
    display: block;
    margin: 0 auto;
    background: url('../images/reserver.png') no-repeat #751134;
    text-decoration: none;
    color: #fff;
		text-indent:-9999px;
    padding-top: 5px;
    font-size: 20pt;
    position:fixed;
    bottom:0px;
-moz-box-shadow: 0 0 4px #000;
      -webkit-box-shadow: 0 0 4px #000;
      -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
      filter:
              progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
              progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
              progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
              progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3);
            box-shadow: 0 0 4px #000;

  }

  
  .reservation:hover {

  }
  
/****** FOOTER ******/

#footer {
  margin: -5px auto;
	width: 980px;
	/*height: 30px;*/
	display: block;
	text-align: center;
	font-size: 12px;
	color:#fff;
	background: #9e0d46 url(../images/footer.jpg) repeat-x;
	padding:10px 0px 55px 0px;
}
  
    #footer p{
      margin: 0 auto;
      padding-top: 15px;
    	width: 800px;
    	text-align: center;
    	font-size: 12px;
    	color:#fff;
    	line-height: 120%;
    }
    
      #footer p a{
      	font-size: 12px;
      	color:#fff;
      	text-decoration: underline;
      }
      
      #footer p a:hover{
      	text-decoration: none;;
      }

/****** ELEMENTS ******/

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

p {
	text-align:left;
	font-family: Georgia, Georgia, serif;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 5px;
}

#contenu label {
  clear: both;
  float: left;
	text-align: left;
	width: 70px;
	height: 14px;
	margin: 2px;
	padding: 3px;
	/*border: 3px solid #9f0d45;
  border-bottom: 6px solid #9f0d45;*/
}

#contenu input[type=text] {
  float: left;
	text-align: left;
	width:360px;
	height: 14px;
	margin: 2px;
	padding: 3px;
	font-family: Georgia, Georgia, serif;
  font-size: 10pt;      
  color: #9f0e45;
	border: 3px solid #9f0d45;
/*  border-bottom: 6px solid #9f0d45;*/
}

#contenu input.igorri {
  float: left;
	text-align: center;
	height:22px;
	width:76px;
	margin: 2px 5px;
	background: url('../images/menu.png') -710px 0px no-repeat;
	border: none;
	font-family: Georgia, Georgia, serif;
  font-size: 12pt;  
  cursor: pointer;
    color: #9f0e45;
}

#contenu textarea {
  float: left;
	text-align: left;
	height:161px;
	width:360px;
	overflow:auto;
	margin: 2px;
	padding: 3px;
	font-family: Georgia, Georgia, serif;
  font-size: 10pt;      
  color: #9f0e45;
	border: 3px solid #9f0d45;
  border-bottom: 6px solid #9f0d45;
}

.contenu-right-nobg ul, .contenu-blog ul {
	list-style-type:disc;
	padding-left:20px;
}

.contenu-right-nobg ul li, .contenu-blog ul li {
	line-height:140%;
	margin-bottom:7px;
}


#contenu a {
	text-decoration:underline;
	color:#53BEC2;
}

#content-blog {
	width:600px;
	padding:0px 10px;
	color:#9f0e45;
}

.contenu-blog {
	padding-top:10px;
}

.cadre-date p {
	margin-top:5px;
}

div#error_msg {
	line-height:160%;
	color:white;
	background-color:#9f0e45;
}