/************************************************/
/*	Css style for Bellefontaine72.com 			*/
/*												*/
/*	Colors :	 								*/
/*		red 	= #be0303						*/
/*		green 	= #258C14						*/
/*		grey 	= #6A6A6A						*/
/*		light grey = #acacac					*/
/*												*/
/*												*/
/*				@2010							*/
/*												*/
/************************************************/

body {background-color:#fff;margin:0;padding:0;background:url(cssimg/BF-background-generic.png) repeat;}

.clear{clear:both;}
.none {display: none;}
h1,h2,h3,p{margin:0;padding:0;}
img {border: none;text-align:center;}

/* Mise en forme du text */
a {font-family: Arial, Helvetica, sans-serif;}
h1 {font-family:georgia,"Times New Roman", serif;font-size:26px;color:#424242;font-weight:400;font-style:normal;}
h2 {font-family:georgia,"Times New Roman", serif;font-size:18px;font-weight:400;font-style:normal;color:#258C14;} /*h2 generic sur toutes les pages bellefontaine72.com */
h3 {font-family:georgia,"Times New Roman", serif;font-size:16px;color:#424242;font-weight:400;font-style:normal;}
p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:200;font-style:normal;color:#6A6A6A;line-height: 1.5em;}
p.asterisque{font-size:10px;}
label{color:#6A6A6A;}

/* Generic class */
.right {float:right;}
.left {float:left;}
.top_20 {padding-top: 20px;}

/* Mise en forme de la structure generique */

#container {width:984px;margin:0px auto;}
#header {display:block;height:93px; margin:0 auto;background: url(cssimg/BF-background-home-02.png) no-repeat;}


/* header :: liens des langues */

#header a.home{display:block;position:relative;top:0px;left:10px; height:81px; width:915px;text-decoration:none;float:left;}
#header a.french {display:block;position:relative;top:16px;left:943px;background:url(cssimg/bt-fr-selected.png) no-repeat; height:24px; width:24px;text-decoration:none;}
#header a.french:hover {background:url(cssimg/bt-fr-unselected.png) no-repeat;}
#header a.english {display:block;position:relative;top:19px;left:943px;background:url(cssimg/bt-eng-selected.png) no-repeat; height:24px; width:24px;}
#header a.english:hover {background:url(cssimg/bt-eng-unselected.png) no-repeat;}

/* # content */

div#content {margin:0; padding:0;}
#content a {color: #258C14; /*#FF6600;*/}
#content a:visited {color: #258C14;}
#content a:hover {color: #424242; /*#CC6600;*/}

/*Slider - carousel*/
#slider{display:block;height:333px;margin:0 auto;/*padding-top:10px;*/background: url(cssimg/BF-background-home-05.png) no-repeat;}
div.carousel {margin:0 auto;}
#slider ul {padding-top:10px;margin:0 auto;display:block;}
#slider img{border: 1px solid #E7E3DE;width:950px;height:320px;display:block;}

#head-push{display:block; height:22px; margin:0 auto; background: url(cssimg/BF-background-home-06.png) no-repeat;}

#push{display:block;height:238px;margin:0 auto;background: url(cssimg/BF-background-home-07.png) no-repeat;}
#push-content{width:644px;margin:0 auto;}
div#push-content p{line-height: 1.6em;}

/* footer :: liens du footer */

#footer{display:block; height:32px; margin:0 auto; background: url(cssimg/BF-background-home-08.png) no-repeat;}

#footer_module{height:64px; margin:0 auto; padding:0; background: url(cssimg/BF-background-module-11.png) no-repeat;}
#footer_module a {float:left;position:relative;top:10px;margin:0 10px 0 2px; padding:2px 2px; color:#acacac; font-size:12px; font-weight:100; text-decoration:none;}

#footer a{float:left;position:relative;top:20px;margin:0 10px 0 2px; padding:2px 2px; color:#acacac; font-size:12px; font-weight:100; text-decoration:none;}
#footer a:visited, #footer_module a:visited {color:#acacac;}
#footer a:hover, #footer_module a:hover {text-decoration:underline;color:#919191;}
div#footer p {display:block;float:left;position:relative;top:19px;margin:0 3px 0 0; padding:0; color:#acacac; font-size:12px; font-weight:100;}
#footer_module p {display:block;float:left;position:relative;top:9px;margin:0 3px 0 0; padding:0; color:#acacac; font-size:12px; font-weight:100;} 

/* Home General Map */

.pos_droite {
	float: right;
	margin-top: 10px;
	margin-left: 15px;
	margin-right:5px;
	margin-bottom:25px;
	display:block;
	position: relative; /*obligatoire sous IE6 */
	}

.pos_droite a {display:block;}

#push-content a {color: #333333; font-size:10px;}

div#push-content h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #258C14; /*green color #0C4403; #A51D1D*/
	text-align: left;
	font-weight: 400;	
	font-style:normal;
	line-height:1em;
	}

#push-content h1 {margin:0px 0px;padding: 7px 90px 10px 5px;line-height: 0.9em;} 
#push-content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #242424;
	margin: 0px 0px 10px 0px;
	font-size: 11px;
	font-weight:lighter;
	padding: 0px 5px;
	line-height:1.8em;}


/*###### Mise en forme des Blocks-modules #########*/



#block_1{height:405px; margin:0 auto; padding:0; background: url(cssimg/BF-background-module-06.png) no-repeat; clear:both;}
#block_2{height:399px; margin:0 auto; padding:0; background: url(cssimg/BF-background-module-08.png) no-repeat; clear:both;}
#block_3{height:394px; margin:0 auto; padding:0; background: url(cssimg/BF-background-module-09.png) no-repeat; clear:both;}
#block_4{height:394px; margin:0 auto; padding:0; background: url(cssimg/BF-background-module-10.png) no-repeat; clear:both;}

/*##### Module type Formulaire ######*/

#block_form{height:561px; /*461px*/ margin:0 auto; padding:0; background: url(cssimg/Form/bg-background_Rouge-form.png) no-repeat; clear:both;}

/*div.reservation h2 {padding:5px 20px 2px 20px;}*/

.reservation form  {width:890px;margin:0 auto;padding:15px 0 30px 0;position:relative;top:10px;}


/*##### Module type Panoramic ######*/

.block_panoramic {height:394px;margin:0 auto; padding:0; background: url(cssimg/BF-background-Mdule-Panoramic-08.png) no-repeat; clear:both;}
.module-panoramic {height:394px;}

.block_panoramic_1 {height:405px;margin:0 auto; padding:0; background: url(cssimg/BF-background-Panoramic_06.png) no-repeat; clear:both;}
.module-panoramic_1 {height:405px;}

.block_panoramic_2 {height:399px;margin:0 auto; padding:0; background: url(cssimg/BF-background-Panoramic_08.png) no-repeat; clear:both;}
.module-panoramic_2 {height:399px;}

.block_panoramic_3 {height:394px;margin:0 auto; padding:0; background: url(cssimg/BF-background-Panoramic_09.png) no-repeat; clear:both;}
.module-panoramic_3 {height:394px;}

.block_panoramic_4 {height:394px;margin:0 auto; padding:0; background: url(cssimg/BF-background-Panoramic_10.png) no-repeat; clear:both;}
.module-panoramic_4 {height:394px;}

a.panoramic {position:relative;top:31px;left:37px;}
a.panoramic {height:345px;width:910px;}

.panoramic-content {width:890px;margin:0px auto;padding:30px 0px 30px 0;} /* Classe generic pour afficher le contenu d'un block panoramic avec marges */

div.panoramic-content  h2 {padding:0 0 2px 0;margin:0 0 0 0;}
div.panoramic-content  p {padding:0 0 0 0;margin:0 0 12px 0;}


/* Inter-titre structure .title */

div.title {margin:0;padding:0;height:51px;background: url(cssimg/BF-background-module_07.png) no-repeat;}
div.title h1 {float:left;padding:0 0 0 25px;position:relative;top:16px;margin:0;height:45px;}
div.title h3{display:block;/*float:left;*/padding-left:0px;padding-top:0px;height:45px;margin:0;position:relative;top:24px;left:10px;}
div.title h3.gmaplink{display:block;padding:0px;height:45px;margin-right:33px;position:relative;top:21px;/*right:10px;*/float:right;font-size:14px;}

/*##### Module type A ######*/

div.module-1-column-right{float:right;width:640px;height:394px;}
div.module-1-column-left{width:340px;height:394px;}

div.module-2-column-right {float:right;width:340px;/*height:399px;*/}
div.module-2-column-left {width:640px;height:/*399px;*/}

.main-img-right {display:block;margin:0px;padding:0px;top:35px;left:10px;position:relative;height:333px;width:587px;}
.main-img-right img, .main-img-right object, .main-img-right object embed {height:333px;width:587px;}



div.description-block-1 {height:303px;padding:30px 20px 0px 42px;margin-bottom:0px;} /*total length = height + padding*/
div.description-block-2 {height:300px;padding:33px 40px 0px 24px;margin-bottom:0px;} /*total length = height + padding*/
div.description-block-3 {height:299px;padding:28px 20px 0px 42px;margin-bottom:0px;} /*total length = height + padding*/
div.description-block-4 {height:298px;padding:27px 40px 0px 24px;margin-bottom:0px;} /*total length = height + padding*/

.main-img-right-block-1 {display:block;margin:0px;padding:0px;top:37px;left:12px;position:relative;height:333px;width:587px;}
.main-img-left-block-2 {display:block;margin:0px;padding:0px;top:37px;left:40px;position:relative;height:333px;width:587px;}
.main-img-right-block-3 {display:block;margin:0px;padding:0px;top:31px;left:11px;position:relative;height:333px;width:587px;}
.main-img-left-block-4 {display:block;margin:0px;padding:0px;top:30px;left:41px;position:relative;height:333px;width:587px;}

.module-2-column-left img, .module-1-column-right img, .module-1-column-right object embed, .module-2-column-left object embed{height:333px;width:587px;}

div.module-1-column-left div h2 {padding:0 0 2px 0;margin:0 0 0 0;}
div.module-1-column-left div p {padding:0 0 0 0;margin:0 0 12px 0;}


/*div.description-right {height:326px;padding:0px 20px 0px 20px;margin-bottom:0px;position:relative;}*/

div.module-2-column-right div h2 {padding:0 0 2px 0;margin:0px 0 0px 0;}
div.module-2-column-right div p {padding:0 0 0 5px;margin:0 0 12px 0;}
ul.liste {padding:0;margin-left:13px;font-size:8px;}
ul.liste li{padding:0 0 0 0px;margin:0;color:#6A6A6A;}
ul.liste li p {padding:0;margin:0;}

/* Structure des liens petites photos */

div.visit-links-left{width:300px;padding:0px;position:relative;top:8px;left:25px;}

ul.thumb-left {list-style:none;margin:0;padding:0;}
ul.thumb-left li{float:left;margin-right:4px;margin-left:3px;/*padding:0 0px;*/}

ul.thumb-left li a img{display:block;border:2px solid #fff;height:36px;width:41px;}
ul.thumb-left li a {text-decoration:none; border:1px solid #fff; display:block;}
ul.thumb-left li a:hover {border:1px solid #258C14;}

ul.thumb-left li a.visit-virtual-left{display:block;height:19px;width:80px;margin:13px 0 0 30px;text-decoration:none;border:none;background:url(cssimg/BF_Puce_Visite-360.png) no-repeat;}
ul.thumb-left li a.visit-virtual-left:hover{border:none;}

/*##### Module type B ######*/

.main-img-left {display:block;margin:0px;padding:0px;top:35px;left:40px;position:relative;height:333px;width:587px;}
.main-img-left img, .main-img-left object, .main-img-left object embed {height:333px;width:587px;}

/*div.visit-links-right{width:310px;padding-left:10px;padding-top:5px;position:relative;top:5px;}*/

div.visit-links-right{width:300px;padding:0px;position:relative;top:9px;left:8px;}

ul.thumb-right {list-style:none;margin:0;padding:0;}
ul.thumb-right li {float:left;margin-right:4px;margin-left:3px;/*padding:0 0px;*/}
ul.thumb-right li a img {display:block;border:2px solid #fff;height:36px;width:41px;}
ul.thumb-right li a {text-decoration:none; border:1px solid #fff; display:block;}
ul.thumb-right li a:hover {border:1px solid #258C14;}

ul.thumb-right li a.visit-virtual-right{display:block;height:19px;width:80px;margin:13px 0 0 30px;text-decoration:none;border:none;background:url(cssimg/BF_Puce_Visite-360.png) no-repeat;}
ul.thumb-right li a.visit-virtual-right:hover{border:none;}

/*####  cadres tarifs  ####*/

div.tarifs-2columns-right {width:470px;float:right;}
div.tarifs-2columns-left {width:430px;height:399px;padding:0px;}

div.infos-pratiques{position:relative;top:60px;padding:0 40px 0 20px;}
div.infos-pratiques ul{margin:3px 0 10px 15px;padding:0 0px;}
div.infos-pratiques ul li{margin:0px 0 0 0;padding:0;}
ul.adresse li{list-style:none;margin:0;padding:0;}
div.tarifs {margin:0 auto;padding: 15px;position: relative;left:62px;top:60px;border-width: 1px;border-style: solid;border-color: #E5E5E5;background-color: #F4F4F4;width: 380px;text-align: center;vertical-align:top;}
h1.tarifs {
	padding:0 0 4px 0;
	color: #75818A;
	font-size: 18px;
	font-weight: 100;
	font-family:georgia,"Times New Roman", serif;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #75818A;
	text-align:center;
	}

div.tarifs p {text-align:left;margin:10px 0 0 0;}
div.tarifs p {padding-top:5px;font-size: 12px;width: 330px;}
div.tarifs p.display_right {float:right;margin-right:8px;font-size: 12px;width: 60px;text-align:right;}

/** Impression du plan **/

.thumb-left a.print, .thumb-right a.print {border:none;margin:5px auto; padding:5px;color:#258C14;text-align: center; position: relative; left:50%;}
.thumb-left a.print:hover, .thumb-right a.print:hover {border:none;text-decoration: underline;}


/*#### Menu and sub-menu ##### */

ul.menu {display:block;list-style:none;width:984px; height:38px;line-height:38px;margin:0 0 0 0;}
ul.menu {background:url(cssimg/BF-background-home-04.png) no-repeat;}
#menu .menu li {float:left;margin:0px;}
#menu .menu li a {
 display:block;
 float:left;
 height:38px;
 line-height:38px;
 color:#fff	;
 text-decoration:none;
 text-align:center;
 font-size:15px;
 font-weight:100;
 padding: 0 15px 0px 5px;
 cursor:pointer;
 background: url(cssimg/bg-menu-link_seperator.jpg) no-repeat right top;
}

#menu .menu li a.last {background-image:none;}
.sub-menu li a { display:block;
 float:left;
 height:38px;
 line-height:38px;
 text-decoration:none;
 padding: 0 0px 0px 0px;
 cursor:pointer;
}

#menu .menu li a b {float:left;display:block;padding:0 3px 0px 10px;margin-bottom:0px;font-weight:100;}
#menu .menu li a:hover{display:block;text-decoration:underline;}
#menu .menu li a:hover b{display:block;}
#menu .menu li.current a {padding:0 0 0 20px;color: #258C14;background: url(cssimg/bg-menu-hover.jpg);}
#menu .menu li.current a b {padding:0 20px 0 0px;background: url(cssimg/bg-menu-hover.jpg) no-repeat right top;}
#menu .menu li.current a:hover {color:#258C14;text-decoration:none;}
#menu .menu li.current a:hover b {color:#258C14;text-decoration:none;}
#menu .menu li.pre-current a {background-image: none;}