/* 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,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	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: 120%;
	color: white;
	background: white;
	text-align:center;
}
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: "" "";
}

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

h1 {
	font-size:17pt;
	margin-bottom: 8px;
}

h2 {
	font-size: 16pt;
}

h3 {
	font-size: 15pt;
}

h4 {
	font-size: 13pt;
}

h5 {
	font-size: 12pt;
}

#conteneur {
	margin: 0 auto;
	width:980px;
}

/****** bandeau ******/

#bandeau {
	height:226px;
	width: 980px;
	margin: 0 auto;
}

  #bandeau_left {
    float: left;
    height: 226px;
    width: 56px;
    border-right: 8px solid white;
    background : url("../images/bandeau_left.jpg") no-repeat;
  }
  
  #bandeau_right {
    float: left;
    height: 226px;
    width: 916px;
    background : url("../images/bandeau.jpg") no-repeat;
  }

/****** menu + outils ******/

#menu  {
	height: 36px;
	width: 980px;
	border-top: 8px solid #118bc8;
	border-bottom: 8px solid #118bc8;
}

  #tel {
    float: left;
    width: 56px;
    height: 26px;
    border-right: 8px solid #118bc8;
    display: block;
    text-align: center;
    padding-top : 10px;
    background: url("../images/ico_tel.gif") 15px 10px no-repeat;
    text-indent: -9999px;
  }
  
  #m_hotel {
  	float:left;	
  	width: 120px; 
    height: 36px;  
  	background: url("../images/hotel.gif") 0px 0px;  
  	text-indent: -9999px;
  	display:block;
  	text-align:center;
  }
  
  #m_hotel:hover {
  	background-position:120px 0px;
  }
  
  #m_resto {
  	float:left;	
  	width: 149px; 
    height: 36px;  
  	background: url("../images/resto.gif") 0px 0px;  
  	text-indent: -9999px;
  	display:block;
  	text-align:center;
  }
  
  #m_resto:hover {
  	background-position:149px 0px;
  }
  
  #m_calme {
  	float:left;	
  	width: 199px; 
    height: 36px;  
  	background: url("/../images/calme.gif") 0px 0px;  
  	text-indent: -9999px;
  	display:block;
  	text-align:center;
  }
  
  #m_calme:hover {
  	background-position:199px 0px;
  }
  
  #m_contact {
  	float:left;	
  	width: 144px; 
    height: 36px;  
  	background: url("../images/contact.gif") 0px 0px;  
  	text-indent: -9999px;
  	display:block;
  	text-align:center;
  }
  
  #m_contact:hover {
  	background-position:144px 0px;
  }
  
  #m_actu {
  	float:left;	
  	width: 168px; 
    height: 36px;  
  	background: url("../images/actu.gif") 0px 0px;  
  	text-indent: -9999px;
  	display:block;
  	text-align:center;
  }
  
  #m_actu:hover {
  	background-position:168px 0px;
  }
  
  .lauburu {
    float:left;	
  	width: 34px; 
    height: 36px;  
  	background: url("../images/lauburu.gif"); 
  	display:block;
  }
  
  #m_ssmenu_hotel {
    position: absolute;
    width: 120px;
    height: 64px;
    padding-top: 10px;
    margin-top: 34px;
    margin-left: 64px;
    display: none;
  }
  
  *+html #m_ssmenu_hotel {
    padding-top: 6px;
    margin-top: 30px;
    margin-left: -916px;
  }
  
    #m_lhotel {
    	width: 120px; 
      height: 32px;  
    	background: url("../images/lhotel.gif") 0px 0px no-repeat;  
    	text-indent: -9999px;
    	display:block;
    	text-align:center;
    }
    
    #m_lhotel:hover {
    	background-position:-120px 0px;
    }
    
    #m_maison {
    	width: 120px; 
      height: 32px;  
    	background: url("../images/maison.gif") 0px 0px no-repeat;  
    	text-indent: -9999px;
    	display:block;
    	text-align:center;
    }
    
    #m_maison:hover {
    	background-position:-120px 0px;
    }    
  
  #m_ssmenu_resto {
    position: absolute;
    width: 149px;
    height: 64px;
    padding-top: 10px;
    margin-top: 34px;
    margin-left: 218px;
    display: none;
  }
  
  *+html #m_ssmenu_resto {
    padding-top: 6px;
    margin-top: 30px;
    margin-left: -762px;
  }

    #m_salle {
    	width: 149px; 
      height: 32px;  
    	background: url("../images/salle.gif") -149px 0px no-repeat;  
    	text-indent: -9999px;
    	display:block;
    	text-align:center;
    }
    
    #m_salle:hover {
    	background-position:0px 0px;
    }
    
    #m_specialites{
    	width: 149px; 
      height: 32px;  
    	background: url("../images/specialites.gif") -149px 0px no-repeat;  
    	text-indent: -9999px;
    	display:block;
    	text-align:center;
    }
    
    #m_specialites:hover {
    	background-position:0px 0px;
    }
    
/****** contenu ******/

#contenu  {
  clear: both;
  width: 980px;
}

  #bg_col_content {
    float: left;
    width: 924px;
    margin-left: 56px;
    background: #0b276c;
  }
  
    #col_sep {
      float: left;
      width: 924px;
      background: url("../images/border_vertical_degrade.jpg") no-repeat;
      display: block;
    }
    
      #bg_col_contenu {
        float: left;
        width: 916px;
        margin-left: 8px;
        background: #0e3283;
      }
  
        #col_contenu {
          float: left;
          width: 916px;
          background-repeat: no;
          background: url("../images/bg_degrade.jpg") top repeat-x;
          display: block;
        }
        
        
        
          #bg_gallerie {
            float: left;
            width: 470px;
            height: 330px;
            background: white;
            margin-top: 29px;
            margin-left: 26px;
            padding-top: 23px;
            padding-left: 10px;
            display: block;
          }
          
          #txt_page {
            float: left;
            width: 370px;
            height: 353px;
            margin-top: 29px;
            margin-left: 10px;
            padding: 0px 5px 0px 5px;
            display: block;
            overflow-y:auto;
          }
          
          #txt_page_contact {
            
            width: 370px;
            height: 5px;
            margin-top: 29px;
            margin-left: 20px;
            padding: 0px 5px 0px 5px;
						float:right;
          }
          
          .article_blog {
            clear: both;
            text-align: center;
            margin-top: 30px;
          }
          
            .txt_page_blog {
              width: 400px;
              margin: 0 auto;
              padding: 20px 5px 0px 5px;
              display: block;
            }
            
            hr {
            clear: both;
              margin: 17px 0px 10px 0px;
              height: 0;

              border-width: 0;
              border-top: 1px solid #1f47a0;
              border-bottom: 1px solid #022065;
            }
            
            .date_blog {
            clear: both;
              float: left;
              width: 100px;
              height: 65px;
              margin-top: 50px;
              margin-left: 150px;
              margin-bottom: -185px;
              background: url("../images/bttm_date.png") bottom center no-repeat;
							line-height:158%;
              
            }
            
              .jour_blog {
                font-size: 25pt;
              }
              
              .mois_blog {
                font-size: 14pt;
              }
          
      #bg_col_contenu2 {
        clear: both;
        width: 864px;
        margin-left: 8px;
        padding: 10px 26px;
        background: #0e3283;
        text-align: justify;
      }
  
 /****** footer ******/

#footer1 {
  clear:both;
	background: #0e3283;
  height: 8px;
  width: 980px;
  display: block;
  text-align: left;
}

  #footer1_in {
  	background: #0b276c;
    height: 8px;
    width: 64px;
    display: block;
  }
  
#footer2 {
  width: 980px;
  height: 34px;
  display: block;
}
 
  #sep_footer2 {
    float: left;
    width: 8px;
    height: 34px;
    margin-left: 56px;
    background: #0b276c;
    display: block;
  }
  
  #contenu_footer2 {
    float: left;
    width: 916px;
    height: 34px;
    text-align: center;
    background: #0e3283;
  }
  
#footer3 {
  width: 980px;
  height: 25px;
  display: block;
  text-align: center;
  color: black;
}

  #footer3 a {
    color: #000000;
    text-decoration: none;
  }
  
  #footer3 a:hover {
    text-decoration: underline;
  }

/****** divers ******/

.both {
  clear:both;
}

label {
  clear: both; 
  float: left;
  margin-top: 3px;
	font-weight: bold;
	width: 90px;
	display: block;
}

textarea {
  float: left;
	text-align: left;
	margin-top: 3px;
	height:200px;
	width:250px;
	overflow:auto;
}

input {
  margin-top: 3px;
  width:187px;
}

input#igorri
{
  clear: both;

	margin-left: 176px;
	background: white; 
	width: 110px;
	height: 25px;
	text-align:center;
	padding-bottom:2px;
	border: 1px solid #b4b4b4;
}

input#igorri:hover
{
	color:#41281b;
}

p, pre {
  font-size:11pt;
	text-align:justify;
}

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

.txt_rouge {
  color: #790e11;
}


strong {
  font-weight: bold;
}

em {
  font-style: italic;
}


#error_msg {
	color: #FF0000;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}