/*
Theme Name: Bellevue
Theme URI: http://wordpress.org/
Description: 
Version:
Author: XahutuStudio
Author URI: 
Tags:

*/

/* Begin Typography & Colors */
body {
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
background:#FDFAF2 url(images/body_bg.gif) top repeat-x;
}

#page {text-align: left;}

#footer {border: none;}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
}

h2 {
font-size: 1.6em;
}

h2.pagetitle {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}


.sticky {
background: #f7f7f7;
padding: 0 10px 10px;
}
.sticky h2 {
padding-top: 10px;
}



#sidebar {}



a, h2 a:hover, h3 a:hover {color: #6992AF; font-weight:bold;}
a:hover {text-decoration: none;}


#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
/* End Typography & Colors */



/* Begin Structure */
body {margin: 0;padding: 0;}

#page {margin:0 auto; padding:0; width:970px; position:relative; background:url(images/maincontent_bg.jpg) top right no-repeat;}

#header {margin:0; padding:0; height:176px; }

a#gites-de-france { position: absolute; z-index: 30; top: 40px; left: 87px; width: 50px; height: 60px; display: block; overflow: hidden; padding-right: 0pt; background: none repeat scroll 0% 0% transparent; }
a#gites-de-france img { width: 50px; height: 60px; display: block; }

p#direct_reservation { position: absolute; top: 30px; right: 120px; margin:0; padding:0 }
p#direct_reservation a { display: block; width: 166px; height: 60px; background: url(images/btn_reservation.png) no-repeat; text-indent: -9999px; }
p#direct_reservation a:hover { background: url(images/btn_reservation_hover.png) no-repeat; }


#content{ width:745px; position:absolute; top:0; left:145px; padding:0 0 350px; background:#DCC89A url(images/wrap_bg.jpg) bottom no-repeat; position:relative; z-index:0;}

#sidebar{
	position:absolute; top:0; left:0; z-index:10;
	height:690px; width:152px; padding-top:280px;
	background:url(images/subcontent_bg-trans.png) top left no-repeat;

}



.page-id-2 #content{ background:none; padding-bottom:0;}


#content .header{ background:#EBDFC4 url(images/headwrap_bg.gif) left repeat-y; position:relative;}



#content .header .entry{ padding:0 20px 20px 390px; width:335px;}
#content .header .illustration{
background-repeat:no-repeat;
bottom:0;
left:0;
position:absolute;
z-index:0;
background-position:center bottom;
height:200px;width:362px;
}

.page-id-2 #content .header .illustration{ background:url(images/headwrap_home.png) left bottom no-repeat; height:360px; width:350px;}
.page-id-7 #content .header .illustration{ background:url(images/headwrap_cadre.png) left bottom no-repeat;}
.page-id-11 #content .header .illustration{ background:url(images/headwrap_chambres.png) left bottom no-repeat;}
.page-id-13 #content .header .illustration{ background:url(images/headwrap_agenda.png) left bottom no-repeat;}
.page-id-16 #content .header .illustration{ background:url(images/headwrap_activites.png) left bottom no-repeat;}
.page-id-18 #content .header .illustration{ background:url(images/headwrap_partenaires.png) left bottom no-repeat;}
.page-id-20 #content .header .illustration{ background:url(images/headwrap_contact.png) left bottom no-repeat;}
.page-id-22 #content .header .illustration{ background:url(images/headwrap_acces.png) left bottom no-repeat;}
.page-id-56 #content .header .illustration{ background:url(images/headwrap_reservation.png) left bottom no-repeat;}


#content .header .entry p{ color:#814934; font-size:1.1em; font-weight:bold; margin:0 0 .9em;}


#content .wrap{  background:url(images/mainwrap_bg.jpg) top no-repeat;}
#content .wrap .post{padding:15px 30px;}
#content .wrap .entry {position:relative;}
#content .wrap .entry p, #content .wrap .entry ul{ font-size:1.1em; margin:0 0 .5em}
#content .wrap .entry p.intro{ font-weight:bold; font-size:1.2em;}

.post {margin: 0;}

.post hr {display: block;}


.clear {clear: both;}

#footer {
padding: 10px 0 0;
margin: 0 0 0 145px;
width: 745px;
clear: both;
background:url(images/maincontentfooter_bg.gif) top no-repeat;
}
#footer ul{ text-align:right;}
#footer li {	display:inline; font-size:1.1em;}
#footer li a{ font-weight:normal; padding:0 5px;}




.event{ margin-bottom:20px;}
.event h3{ padding-top:3px;}

.event span { color:#BF836B;  font-weight:bold; font-size:1.1em;}

/* End Structure */



/*Begin Headers */
h1 {
	position:absolute; left:0; top:80px; z-index:20;
	display:block; width:146px; height:164px; margin:0; padding:0; background:url(images/logo-chambres-d-hotes-de-bellevue-ariege.gif) no-repeat;
	text-indent:-9999px;
}

#content h2{
	background-position:right top; background-repeat:no-repeat;
	height:72px;
	margin:0;
	text-indent:-9999px;
}

.page-id-2 #content h2{ background-image:url(images/maintitle_home.jpg);}
.page-id-7 #content h2{ background-image:url(images/maintitle_cadre.jpg);}
.page-id-11 #content h2{ background-image:url(images/maintitle_chambres.jpg);}
.page-id-13 #content h2{ background-image:url(images/maintitle_agenda.jpg);}
.page-id-16 #content h2{ background-image:url(images/maintitle_activites.jpg);}
.page-id-18 #content h2{ background-image:url(images/maintitle_partenaires.jpg);}
.page-id-20 #content h2{ background-image:url(images/maintitle_contact.jpg);}
.page-id-22 #content h2{ background-image:url(images/maintitle_acces.jpg);}
.page-id-56 #content h2{ background-image:url(images/maintitle_reservation.jpg);}
.page-id-58 #content h2{ background-image:url(images/maintitle_mentions.jpg);}

h3 {
background:url(images/h3_bg.gif) no-repeat left bottom;
border-bottom:1px solid #ECE0C4;
clear:both;
color:#6992AF;
font-family:"Times New Roman",Times,serif;
margin:0 0 10px;
padding:10px 0 0 18px;
font-size:1.8em;
}
h3#post-210{ display:none;}



h4{ color:#9F844F; font-size:1.4em; margin:1em 0 .5em;}
/* End Headers */



/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/*Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {float: right;}
.alignleft {float: left}
/* End Images */



/* Begin Lists*/

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}

#sidebar li { margin-bottom: 4px; }
#sidebar a { display: block; width: 146px; height: 26px; background-position: 0pt 0pt; text-indent: -9999px; }
#sidebar li.current_page_item a, #sidebar a:hover { background-position: 0pt -26px; }
#sidebar li.page-item-2 a{ background-image: url('images/mainnav_accueil.gif'); }
#sidebar li.page-item-7 a{ background-image: url('images/mainnav_cadre.gif'); }
#sidebar li.page-item-11 a{ background-image: url('images/mainnav_chambres.gif'); }
#sidebar li.page-item-13 a{ background-image: url('images/mainnav_agenda.gif'); }
#sidebar li.page-item-16 a{ background-image: url('images/mainnav_activites.gif'); }
#sidebar li.page-item-18 a{ background-image: url('images/mainnav_partenaires.gif'); }
#sidebar li.page-item-20 a{ background-image: url('images/mainnav_contact.gif'); }
#sidebar li.page-item-22 a{ background-image: url('images/mainnav_acces.gif'); }




/* End Entry Lists */


.page-id-11 .slideshow, .page-id-7 .slideshow{ padding:10px 12px 15px; background:#FFF url(images/cadre_imgbg.gif);float:right; margin-left:20px;}
.page-id-11 #content .wrap .entry ul, .page-id-7 #content .wrap .entry ul,
.page-id-11 #content .wrap .entry p, .page-id-7 #content .wrap .entry p{padding-right:370px;}

.page-id-16 #content .wrap .entry{ padding-left:180px;}
.page-id-16 #content .wrap .ngg-singlepic{ position:absolute; left:0; top:0; margin-letf:0;}

/* Begin Sidebar */


#sidebar address{
	background:url(images/subcontent_addressbg.gif) no-repeat;
	display:block;
	height:48px;
	margin:35px 0 0 10px;
	text-indent:-9999px;
	width:111px;
}



#sidebar form {
margin: 0;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */


.cform { 
	margin:10px auto 0; 
}

.cform legend { 
background:url(images/h3_bg.gif) no-repeat left bottom;
clear:both;
color:#6992AF;
font-family:"Times New Roman",Times,serif;
padding:10px 0 0 18px;
font-size:1.8em;
font-weight:bold;
}

.cform label {
	width:150px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; 
	display:inline-block;
	text-align:right;
	vertical-align:top;
	color: #804934;
	font-size:1.1em;
	font-weight:bold;
}
.cform label span {
	width:150px; 
	display:block; 
}

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	border:1px solid #EBDFC4;
	font-size:1.1em;
	color:#000;
	background:#DCC89A;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border: 1px solid #804934;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#ffffff!important; 
	border: 1px solid #804934;
}

.cform input.fldrequired,
.cform textarea.fldrequired,
.cform select.fldrequired	{ 
	background:#EBDFC4; 
}


.cform textarea,
.cform input {
	width:298px; 
}
.cform select {
	width:306px; /* attempt to have equal length */
}  


ol.cf-ol li.textonly {
	font-size:1.1em;
	margin:12px 0 !important;
	padding:0;
}

.linklove{ display:none;}


/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding:0 }
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 745px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 745px }
	.coda-slider-wrapper.arrows .coda-slider { margin:0}
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav{ width:745px!important; background:#ECE0C4;}
	.coda-nav ul { clear: both; display: block; margin: 0; padding:0; overflow: hidden; width:auto!important }
	/*
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	*/
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { display:none; }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	
.page-id-7 .coda-nav li{
	display:block; width:164px; height:20px;
	float:left;
}

.page-id-7 .coda-nav a{
	display:block; width:164px; height:20px;
	float:left;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:0 0;
}
.page-id-7 .coda-nav a.current, .page-id-7 .coda-nav a:hover{
	background-position:0 -20px;
}
.page-id-7 .coda-nav li.tab1 a{ background-image:url(images/batiment.gif); }
.page-id-7 .coda-nav li.tab2 a{ background-image:url(images/domaine.gif); }
.page-id-7 .coda-nav li.tab3 a{ background-image:url(images/equipements.gif); }
.page-id-7 .coda-nav li.tab4 a{ background-image:url(images/situation.gif); }


body#chambres .stripNavL a, body#chambres .stripNavR a{
	display:block; width:139px; height:24px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
body#chambres .stripNavR a{ background-image:url(img/next_room.gif); float:right; }
body#chambres .stripNavL a{ background-image:url(img/prev_room.gif); float:left; }

.page-id-11 .coda-nav li{
	display:block; width:130px; height:20px;
	float:left;
}

.page-id-11 .coda-nav a{
	display:block; width:130px; height:20px; text-align:center; line-height:20px; font-weight:bold; text-decoration:none; font-weight:bold; font-size:12px;
	float:left;
	background:url(images/codaNav-linkBg.png);
	/*text-indent:-9999px;*/
	background-repeat:no-repeat;
	background-position:0 0;
}
.page-id-11 .coda-nav a.current, .page-id-11 .coda-nav a:hover{
	background-position:0 -20px;
	color:#814934; background:#DCC89A;
}

/*
.page-id-11 .coda-nav li.tab1 a{ background-image:url(images/chambre_jasmin.gif); }
.page-id-11 .coda-nav li.tab2 a{ background-image:url(images/chambre_nenuphard.gif); }
.page-id-11 .coda-nav li.tab3 a{ background-image:url(images/chambre_pastel.gif); }
.page-id-11 .coda-nav li.tab4 a{ background-image:url(images/chambre_des_roses.gif); }
.page-id-11 .coda-nav li.tab5 a{ background-image:url(images/chambre_sorgho.gif); }
*/
#accordion{ padding-top:30px;}
#accordion .post { padding:0 30px!important;}
#accordion h3{ cursor:pointer;}