/*  ---------------------- global ---------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus {
	outline: 0;
}

html {
	width: 100%;
	height: 100%;
}
body {
	background: url(../images/bg_body.jpg);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #634231;
	width: 100%;
	height: 100%;
}

a {
  color: #634231;
}
a:hover {
}

#container1{
	background: url(../images/header1.gif) repeat-x top;
	width: 100%;
	height: 100%;
}
#container2{
	background: url(../images/header2.png) no-repeat top;
	width: 100%;
	height: 100%;
}
#container3{
  width: 868px;
  margin: 0 auto;
}
#top{ 
	width: 868px;
	float: left;
	margin-bottom: 10px;
}
#top #baseline{
	margin-left: 20px;
	height: 20px;
	padding-top: 9px;
	display: block;
}
#top a.logo{
	background: url(../images/logo.png) no-repeat top;  
	width: 206px;
	height: 303px;
	float: left;
	margin-left: 13px;
}
#top a.logo span{
  display: none;
}
#top #diaporama{
	background: url(../images/diaporama.png) no-repeat top;  
	width: 625px;
	height: 292px;
	float: left;
	padding: 11px 0 0 11px;
}
#content{
  float: left;
	width: 868px;
}
#footer, #footer_accueil{
  width: 830px;
  float: left;
  padding: 0 19px 40px 19px;
  color: #fff;
}
#footer a{
  color: #fff;
}
#footer_accueil, #footer_accueil a{
  color: #010100;
}
#footer #menu, #footer_accueil #menu{
  margin-right: 18px;
  float: left;
}
#footer #infos, #footer_accueil #infos{
  float: right;
}

/* MENU accueil */
#menu_accueil{
  list-style-type: none;
}
#menu_accueil li{
  float: left;
}
#menu_accueil li a.titre{
  display: none;
}
#menu_accueil #evenements, #menu_accueil #logements, #menu_accueil #contact, #menu_accueil #tarifs{
  width: 208px;
  height: 445px;  
  float: left;
  margin: 0 0 0 3px;
}
#menu_accueil #evenements span, #menu_accueil #logements span, #menu_accueil #contact span, #menu_accueil #tarifs span{
	width: 196px;
	height: 97px;
	display: block;
	margin: 15px 0 0 6px;
	display: none;
}
#menu_accueil #evenements span{
	background: url(../images/menu_evenements_titre.png) no-repeat;  
}
#menu_accueil #logements span{
	background: url(../images/menu_logements_titre.png) no-repeat;  
}
#menu_accueil #contact span{
	background: url(../images/menu_contact_titre.png) no-repeat;  
}
#menu_accueil #tarifs span{
	background: url(../images/menu_tarifs_titre.png) no-repeat;  
}
#menu_accueil #evenements{
	background: url(../images/menu_evenements.png) no-repeat;  
  margin-left: 14px;
}
#menu_accueil #logements{
	background: url(../images/menu_logements.png) no-repeat; 
}
#menu_accueil #contact{
	background: url(../images/menu_contact.png) no-repeat; 
}
#menu_accueil #tarifs{
	background: url(../images/menu_tarifs.png) no-repeat; 
}


/* MENU principal */
#menu{
  list-style-type: none;
}
#menu li{
  float: left;
}
#menu li a span{
  display: none;
}
#menu #evenements, #menu #logements, #menu #contact, #menu #tarifs{
  width: 208px;
  height: 93px;  
  float: left;
  margin: 0 0 0 3px;
}
#menu #evenements{
	background: url(../images/menu_evenements_inactif.png) no-repeat;  
  margin-left: 14px;
}
#menu #logements{
	background: url(../images/menu_logements_inactif.png) no-repeat; 
}
#menu #contact{
	background: url(../images/menu_contact_inactif.png) no-repeat; 
}
#menu #tarifs{
	background: url(../images/menu_tarifs_inactif.png) no-repeat; 
}
#menu #evenements:hover{
	background: url(../images/menu_evenements_inactif_hover.png) no-repeat;  
  margin-left: 14px;
}
#menu #logements:hover{
	background: url(../images/menu_logements_inactif_hover.png) no-repeat; 
}
#menu #contact:hover{
	background: url(../images/menu_contact_inactif_hover.png) no-repeat; 
}
#menu #tarifs:hover{
	background: url(../images/menu_tarifs_inactif_hover.png) no-repeat; 
}
#menu #evenements.actif{
	background: url(../images/menu_evenements_actif.png) no-repeat;  
  margin-left: 14px;
}
#menu #logements.actif{
	background: url(../images/menu_logements_actif.png) no-repeat; 
}
#menu #contact.actif{
	background: url(../images/menu_contact_actif.png) no-repeat; 
}
#menu #tarifs.actif{
	background: url(../images/menu_tarifs_actif.png) no-repeat; 
}




/* CONTENT */
#content #bloc_evenements, 
#content #bloc_logements, 
#content #bloc_contact, 
#content #bloc_tarifs, 
#content #bloc_partners, 
#content #bloc_livre{
	width: 607px;
	height: 390px;
  float: left; 
  padding: 26px 25px 20px 215px;
}
#content #bloc_evenements .content, 
#content #bloc_logements .content, 
#content #bloc_contact .content, 
#content #bloc_tarifs .content, 
#content #bloc_partners .content, 
#content #bloc_livre .content{
  overflow: auto;
	width: 600px;
	padding-right: 7px;
	height: 390px;
}
#content #bloc_evenements{
	background: url(../images/bg_evenements.png) no-repeat; 
  margin-left: 14px;
}
#content #bloc_logements{
	background: url(../images/bg_logements.png) no-repeat; 
  margin-left: 12px;
}
#content #bloc_contact{
	background: url(../images/bg_contact.png) no-repeat; 
  margin-left: 9px;
}
#content #bloc_tarifs{
	background: url(../images/bg_tarifs.png) no-repeat; 
  margin-left: 8px;
}
#content #bloc_livre{
	background: url(../images/bg_livre.png) no-repeat; 
  margin-left: 14px;
}
#content #bloc_partners{
	background: url(../images/bg_partners.png) no-repeat; 
  margin-left: 14px;
}



/* evenements */
#bloc_evenements{
  color: #465603;
}
#bloc_evenements .evenement span.date, #bloc_evenements .evenement span.old_date{
	width: 73px;
	height: 62px;
	float: left;
	margin: 0 10px 5px 0;
	padding-top: 11px;
	color: #fff;
	text-align: center;
	line-height: 140%;
}
#bloc_evenements .evenement span.date{
	background: url(../images/bg_date.jpg) no-repeat; 
}
#bloc_evenements .evenement span.old_date{
	background: url(../images/bg_date_old.jpg) no-repeat; 
}
#bloc_evenements .evenement img{
	width: 120px;
	float: right;
	margin: 0 0 10px 10px;
}
#bloc_evenements h1{
  font-size: 18px;
  font-weight: normal;
}



/* logements */
#bloc_logements{
  color: #89128D;
}
#bloc_logements h1{
  font-size: 19px;
  font-weight: normal;
}
#bloc_logements h2{
  font-size: 15px;
  font-weight: normal;
  border-bottom: 1px solid #89128D;
  width: 100%;
  margin-bottom: 5px;
}
#bloc_logements .col1, #bloc_logements .col2{
  margin-right: 20px;
}
#bloc_logements .col1, #bloc_logements .col2, #bloc_logements .col3{
  width: 180px;
  float: left;
  text-align: justify;
}
#bloc_logements .col1 img, #bloc_logements .col2 img, #bloc_logements .col3 img{
  margin: 0 10px 5px 0;
}



/* contact */
#bloc_contact{
  color: #3b3500;
}
#bloc_contact #infos, #bloc_contact #contact{
  background: #fffddd;
  float: left;
  padding: 10px;
  border: 1px solid #e7e5c9;
}
#bloc_contact #infos{
  width: 160px;
}
#bloc_contact #infos p{
  line-height: 140%;
}
#bloc_contact #contact{
  width: 365px;
  margin-right: 10px;
}
#bloc_contact h1{
  font-size: 19px;
  font-weight: normal;
}
#bloc_contact input, #bloc_contact select{
  margin-bottom: 5px;
  float: left;
  width: 200px;
}
#bloc_contact select{
  width: 50px;
}
#bloc_contact label{
  float: left;
  width: 150px;
  padding-top: 4px;
}
#bloc_contact h3{
  margin-bottom: 5px;
}
#bloc_contact .label_large{
  width: 180px;
  margin-left: 10px;
}
#bloc_contact span{
  float: left;
  padding-top: 4px;  
  margin-left: 4px;
}
#bloc_contact .date{
  width: 90px;
}
.form_error{
  color: red;
}



/* tarifs */
#bloc_tarifs{
  color: #0056A7;
}
#bloc_tarifs img{
  float: left;
  margin-right: 15px;
}
#bloc_tarifs h1{
  float: left;
  padding-top: 47px;
  font-weight: normal;
}
#bloc_tarifs p{
  margin-left: 90px; 
  margin-top: 8px;
  line-height: 150%;
}



/* livre d or */
#bloc_livre h1{
  font-size: 19px;
  font-weight: normal;
}
#bloc_livre .message{
  margin-top: 10px;
  float: left;
  border-bottom: 1px solid #C7B48A; 
  padding-bottom: 5px;
}
#bloc_livre .message h2{
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 3px;
}
#bloc_livre .message .nom{
  margin-top: 3px;
  float: right;
}

/* partners */
#bloc_partners h1{
  font-size: 19px;
  font-weight: normal;
}
#bloc_partners .message{
  margin-top: 10px;
  float: left;
  border-bottom: 1px solid #C7B48A; 
  padding-bottom: 10px;
}
#bloc_partners .message h2{
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 3px;
}
#bloc_partners .message .nom{
  margin-top: 3px;
  float: right;
}



/* A */
#colg{
margin-top:20px;
float:left;
width:200px;
background : #FFEFCF;
padding:10px;
}
#cold_large{
margin-top:20px;
float:left;
width:500px;
padding:0 10px 10px 20px;
}
#alphabet{
	background: url(../images/bg_white.png) no-repeat; 
  margin-left: 14px;
	width: 797px;
	height: 390px;
  float: left; 
  padding: 26px 25px 20px 25px;
}
#alphabet .content{
  overflow: auto;
	height: 390px;
}
#alphabet #header{
  background : #FFEFCF;
  padding: 10px;
}
#alphabet ul li{
list-style-type: none;
}
a.alphabet_link{
color:#634231;
padding:4px;
margin-right:2px;
outline:none;
}
a.alphabet_link:hover, a.alphabet_link_on, a.alphabet_link_on:hover{
color:#634231;
border:1px solid #634231;
background-color:#fff;
padding:2px 3px 2px 3px;
}
.alphabet_link_off{
color:#AF9283;
padding:4px;
margin-right:2px;
outline:none;
}
a.titre_lexique{
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#525252;
}
a.titre_lexique:hover{
color:#0cc005;
text-decoration:none;
}

.lexique_menu li{
list-style-type:none;
clear:left;
}
a.lexique_ssmenu, a.lexique_ssmenu_on{
font-size:12px;
text-decoration:none;
display:block;
width:200px;
border-bottom:1px dotted #000;
padding:2px 0 2px 2px;
outline:none;
}
a.lexique_ssmenu{
text-decoration:none;
color:#494949;
}
a.lexique_ssmenu:hover, a.lexique_ssmenu_on{
text-decoration:none;
background-color:#EFDAB3;
color:#000;
}
h3.titre_lexique{
font-size:17px;
letter-spacing:1px;
margin-bottom:3px;
color:#494949;
}