/* CSS Document */

body{
background-image:url(images/bg-1px.jpg);
background-repeat:repeat-x;
font:Arial, Helvetica, sans-serif;
}

p, ul, li, td, tr, th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
img, div, input { behavior: url("script/iepngfix.htc") }

img { border:0px; }

hr {
	margin:15px 0;
}

.center  {
	text-align:center;
}

.rouge {
	color:#FF0000;
}

.vert {
	color:#00CC00;
}
.vert a {
	color:#00CC00;
}


.message {
	padding-top:40px;
	font-size:16px;
}

#tab_haut {background-image:url(images/tableau-bord-haut-2.jpg); background-repeat:no-repeat; width:1004px; height:11px;}

#tab_milieu_g {background-image:url(images/tableau-bord-gauche1.jpg); background-repeat:no-repeat; width:5px; height:137px;}

#tab_milieu_m {background-image:url(images/tableau-milieu-2.jpg); background-repeat:no-repeat; width:1004px; height:297px; vertical-align:top;}

#tab_milieu_d {background-image:url(images/tableau-bord-droit.jpg); width:5px; height:536px;}

#tab_bas {background-image:url(images/tableau-bord-gauche.jpg); width:5px; height:388px;}

#footer {background-image:url(images/tableau-bord-bas-2.jpg); background-repeat:no-repeat; width:1004px; height:135px; vertical-align:top; padding-top:25px;}

#princ {
	position:relative;
}

#ban {
	position:relative;
}

#logo {
	position:absolute;
	top:20px;
	left:10px;
	width:328px;
	height:107px;
}

#titre_page {
	position:absolute;
	top:99px;
	left:410px;
	text-align:right;
	width:300px;
	height:36px;
}

#ban_d {
	position:absolute;
	left:765px;
	text-align:right;
	width:220px;
	height:510px;
	background-image:
}
#ban_d p {
	margin:0px;
}
#ban_d a {
	color:#000d67;
	text-decoration:none;
	font-weight:bold;
}

#tv {
	margin-top:30px;
	background-image:url(images/tele.png);
	background-repeat:no-repeat;
	width:167px;
	height:114px;
	text-align:left;
	padding:20px 25px 43px 25px;
}
#tv h3 {
	color:#000d67;
	font-size:14px;
	margin: 5px 0;
}
#tv p {
	color:#000d67;
	font-size:12px;
	font-weight:bold;
	margin:0 0 20px;
	text-align:justify;
}

#ctn_accueil {
	float:right;
	padding-top:25px;
	width:210px;
	color:#fff;
	padding-right:7px;
	text-align: justify;
}
#ctn_accueil p {
  margin-bottom:10px;
}
#ctn_accueil p a {
  color:#fff;
}

#ctn_pas_accueil {
	padding-top:35px;
	color:#fff;
	text-align:center;
	font-size:14px;
	padding-left:10px;
	font-weight:bold;
	width:200px;
	
}

#titre_vertical {
	position:absolute;
	top:270px;
	left:710px;
	width:25px;
	height:220px;
}

#corps {
	/*position:absolute;
	top:140px;*/
	padding-top:140px;
}

#menu {
	float:left;
}
#menu, #menu ul {
	margin:0px;
	padding:0px;
}
#menu ul li {
	background-image:url(images/onglet_bg.jpg);
	width:134px;
	height:50px;
	list-style-type:none;
	
}
#menu ul li a {
	display:block;
	width:119px;
	height:38px;
	padding:12px 0px 0px 15px;
	color:#6797be;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
}
#menu ul li a:hover {
	color:#000d67;
}

#contenu {
	float:left;
	/*position:absolute;
	left:196px;
	top:0px;*/
	margin-left:35px;
	width:461;
	min-height:350px;
}
#contenu_admin {
	float:left;
	/*position:absolute;
	left:196px;
	top:0px;*/
	background:#F4F7FB;
	margin-left:35px;
	padding:15px;
	width:750px;
	min-height:335px;
}


#cadre_m_h {
	background-image:url(images/cadre_milieu_haut-2.png); height:15px; width:543px;
	line-height:15px;
}

#cadre_m_m {
	background:url(images/cadre_milieu_1px-2.png) repeat-y;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadre_milieu_1px.png', sizingMethod='scale');
	width:508px;
	padding: 0 20px 0 15px;
	min-height:325px;
	height:auto !important;
	height:325px;
	color:#000d67;
	text-align:justify;
}
#cadre_m_m p, #cadre_m_m h1, #cadre_m_m h2, #cadre_m_m h3 {
	margin:0px;
}
/*#cadre_m_m p:first-letter {
	font-size:17px;
	font-weight:bold;
}*/
#cadre_m_m a {
color:#000D67;
}
#cadre_m_m ul {
	text-align:left;
	margin-top:0px;
}

#cadre_m_b {
	background-image:url(images/cadre_milieu_bas-2.png); height:15px; width:543px;
	background-repeat:no-repeat;
}

#img_cadre {
	position:absolute;
	/*top:240px;*/
	bottom:0px;
	left:585px;
	background-image:url(images/pellicule.png);
	background-repeat:no-repeat;
	width:164px;
	height:141px;
}

#devis {
	position:absolute;
	right:0px;
	bottom:0px;
	width:117px;
	height:86px;
	margin-right:6px;
	font-size:16px;
	background-image:url(images/vignette_devis.jpg);
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
#devis a {
	color:#799dfb;
	display:block;
	height:66px;
	width:117px;
	padding-top:20px;
}
#devis a:hover {
	color:#000d67;
}

#copyright {
	float:right;
	text-align:right;
	margin-right:5px;
	font-weight:normal;
	color:#3e58b5;
}
#copyright p {
	font-size:11px;
	margin:0px;
}
#copyright a {
	color:#3e58b5;
	text-decoration:none;
}

#copy_txt {
	float:right;
}

#foot {
	clear:both;
	width:390px;
	margin:auto;
	padding-top:20px;
	text-align:center;
	color:#3e58b5;
}
#foot a {
	color:#3e58b5;
}
#foot h4 {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}
#foot p {
	font-size:11px;
	margin:0px;
}

#tab_contact {
	width:370px;
	margin:auto;
	margin-top:20px;
}

#cadre_chambre, #cadre_sejour {
	float:left;
}

#cadre_calendrier, #cadre_coord {
	float:left;
	margin-left:20px;
}

#reservation div div div.res_titre {
	border-bottom:none;
	color:#fff;
	background-color:#816c58;
	font-size:11px;
}

#reservation div div div {
	border:solid 1px #3f3123;
	padding: 3px 10px 3px 10px;
}

#reservation div div div div {
	margin:0px;
	padding:0px;
	width:250px;
	border:none;	
	margin-bottom:5px;
}

#reservation div#chambre, #reservation div#duree_sejour, #reservation div#options_sejour {
	width:340px;
}

#reservation div#chambre div span a {
	float:right;
	padding:2px 3px 1px 3px;
	width:56px;
	font-size:9px;
	color:#fff;
	background-color:#816c58;
	text-align:center;
	cursor:pointer;
}


#reservation div#desc_chambre, #reservation div#prix_tot  {
	margin-top:10px;
	width:318px;
	border:solid 1px #3f3123;
	padding: 3px 10px 3px 10px;
}
#reservation div#desc_chambre h1,  #reservation div#prix_tot h1 {
	color:#594a3c;
	font-size:12px;
	margin-top:4px;
}
#reservation div#desc_chambre p, #reservation div#prix_tot p {
	padding:0px;
}

#reservation div#calendrier, #reservation div#coord {
	float:left;
	width:380px;
}
#reservation div#mois {
	width:64px;
	float:left;
	padding-left:60px;
	/*border:solid 1px red;*/
}
#reservation div#mois span a {
	width:64px;
	font-size:10px;
	color:#fff;
	background-color:#9CAED4;
	text-align:center;
	display:block;
	margin-bottom:5px;
	height:15px;
	cursor:pointer;
}
#reservation div#mois span a#select_mois {
	background-color:#BAC8E3;
}

#reservation div#calend {
	float:left;
}
#reservation div#ct_calend div#chambre {
	float:left;
	width:290px;
}
#reservation div#ct_calend div#chambre h1 {
	text-align:center;
	margin:0px;
	font-size:12px;
	height:20px;
}
#reservation div#int_calend p:first-letter, #cadre_m_m p.no-firstletter:first-letter {
	font-size:inherit;
	font-weight:inherit;
}
#reservation div#int_calend div.presta {
	margin:20px 10px 0px;
	padding:10px 10px 0px 10px;
	background:#fff;
}
#reservation div#int_calend div.presta p {
	margin-left:20px;
}
#reservation div#int_calend div.presta p.taro {
margin:10px 0 10px; width:226px; float:left; font-weight:bold;
}
#reservation div#int_calend ul li {
margin-bottom:10px;
}

.etat_dispo {
	background-color:#a7ad01;
	cursor:pointer;
}
.etat_dispo_club {
	background-color:#a7ad01;
	cursor:pointer;
}
.etat_dispo_premium {
	background-color:#7031CE;
	cursor:pointer;
}


/*pour l'admin*/
.etat_dispo2 {
	background-color:#a7ad01;
	cursor:default;
}
.etat_dispo2_club {
	background-color:#a7ad01;
	cursor:default;
}
.etat_dispo2_premium {
	background-color:#7031CE;
	cursor:default;
}

.etat_resa, #cadre_m_m a.etat_resa {
	background-color:#E33316;
	color:#fff;
	cursor:default;
}

.etat_ferm, .etat_repouss {
	background-color:#939294;
	cursor:default;
}

/*pour l'admin*/
.etat_ferm2 {
	background-color:#939294;
	cursor:pointer;
}
.etat_repouss2 {
	background-color:#000;
	cursor:pointer;
	color:#fff;
}
a.etat_dispo:hover, a.etat_promo:hover, a.etat_resa:hover {
	font-weight:bold;
}
a.etat_ferm:hover, a.etat_resa:hover {
	font-weight:normal;
}
.etat_promo {
	background-color:#0360af;
	color:#fff;
	cursor:pointer;
}
.etat_passee {
	background-color:#ccc;
}

#reservation div#legende {
	clear:both;
	font-size:10px;
	width:380px;
	padding-left:60px;
	margin-bottom:20px;
}
#reservation div#legende span {
	display:block;
	float:left;
	margin:0 5px 0 0;
}
#reservation div#legende span#dispo {
	background-color:#a7ad01;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#dispo_club {
	background-color:#a7ad01;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#dispo_premium {
	background-color:#7031CE;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#non_dispo {
	background-color:#E33316;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#promo {
	background-color:#0360af;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}
#reservation div#legende span#ferm {
	background-color:#939294;
	width:10px;
	height:10px;
	margin:0 3px 0 5px;
}

#reservation div#options_sejour {
	 margin-top:10px;
}

#reservation div#prix_tot div {
	border:0px;
	padding:0px;
	float:left;
}
#reservation div#prix_tot div.prix_label {
	width:220px;
}
#reservation div#prix_tot div.prix_field {
	width:45px;
	text-align:right;
	font-weight:bold;
	float:right;
}
#reservation div#label_prix_nuit_sans_promo {
	width:45px;
	text-align:right;
	font-weight:bold;
	text-decoration:line-through;
	float:right;
}

#calend {
	font-size:12px;
	text-align:center;
	border-spacing: 2px;
	height:155px;
	width:290px;
	margin:auto;
}
#calend table {
	margin:auto;
	width:290px;
}
#calend table thead tr th {
	padding:5px 0 5px 0;
}

#calend th a:hover {
	color:#00ccff;
	cursor:pointer;
}
#calend tbody td {
	/*background-color:#ccc;*/	
	height:28px;
}
#calend tbody td a {
	display:block;
	height:21px;
	padding-top:5px;
}
#calend td a:hover {
	
}

#reservation .coord_label {
	width:140px;
	text-align:right;
	height:24px;
}
#reservation .coord_field {
	float:right;
	width:200px;
}
#reservation #coordonnees div {
	margin:1px;
}
#reservation #coordonnees p {
	text-align:center;
}

#reservation #duree_sejour div div.sejour_label {
	width:240px;
	height:22px;
}
#reservation #duree_sejour div div.sejour_field {
	width:70px;
	float:right;
}

#reservation .option_label {
	clear:both;
	float:left;
	width:155px;
}
#reservation .option_field {
	float:left !important;
	float:none;
	width:40px;
}
#reservation div#ct_option_sejour h1 {
	font-size:12px;
	height:20px;
}

.confirm_resa {
	padding:10px 50px;
}
.confirm_resa p {
	text-align:center;
	font-weight:bold;
}

.clear {
	float:none;
	clear:both;
}

#tab_admin {
	width:500px;
	margin:auto;

}
#tab_admin td {
		border:1px solid #b5b5b5;
		border-collapse:collapse;
		text-align:center;
}
#tab_modif {
	width:400px;
	margin:auto;
	border-spacing: 20px;
}

#ticket-paiement {
	width:400px;
	margin:auto;
	
}
#ticket-paiement td {
	border:1px solid #b5b5b5;
	margin:2px;
}
.details_calend {
	visibility:hidden;
	position: absolute;
	width: 150px;
	border: 1px solid #000000; 
	background-color: #ffffff; 
	color: #000000;
	z-index: 20; 
	padding: 3px;
	margin-left:10px;
}
#calend tbody td div.details_calend a {
	display:inline;
}
.ssmenu_admin td {
	border:1px solid #9caed4;
	
	background-color:#9caed4;
}
.ssmenu_admin td a {
	color:#000D67;
	text-decoration:none;
	display:block;
	padding:10px;
	width:140px;
	height:20px;
	font-size:13px;
}
.ssmenu_admin td a:hover {
	color:#fff;
	text-decoration:none;
}