/* CSS Document */

body{padding:0px; margin:0 auto; position:relative; background: url(../images/header-bg.jpg) 0 0 repeat-x #EFEFEF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;}
div, p, h1, h2, h3, h4, ul, a, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* TOP PANEL */
#flags{position: absolute; right:10px; bottom:38px;}
#topPan{width:727px; height:252px; background-image:url(../images/header.jpg); position:relative; margin:0 auto; padding:0;}
#topPan h1{/*width:311px; height:215px; background:url(../images/header-img1.jpg) 0 0 no-repeat #FEEBB0; color:#fff;*/ text-indent:-2000px;}
/*#topPan img{width:372px; height:91px; position:absolute; top:124px; right:0px; margin:0px; padding:0px;}*/
#topPan ul{width:727px; height:32px; display:block; position:absolute; top:215px; right:0px; margin:0px; padding:0px; background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff;}
#topPan ul li{float:left; display:block; width:80px; height:32px; background:url(../images/menu-devider.gif) left top no-repeat; text-align:center; padding-left:10px; padding-right:10px;}
#topPan ul li a{display:block; height:32px; width:80px; background:url(../images/menu-bg.gif) 0 0 repeat-x #FF8714; color:#fff; font:13px/32px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#topPan ul li a:hover{display:block; width:80px; background:url(../images/menu-hover.gif) 50% 0 no-repeat;text-decoration:none; /*position:fixed;*/ margin:0; padding:0px;}
/*
.1 {width:90px;}
.2 {width:85px;}
.3 {width:85px;}
.4 {width:80px;}
.5 {width:180px;}
.6 {width:75px;}
.7 {width:75px;}

.1 a{width:90px;}
.2 a{width:85px;}
.3 a{width:85px;}
.4 a{width:80px;}
.5 a{width:180px;}
.6 a{width:75px;}
.7 a{width:75px;}

.1 a:hover{width:90px;}
.2 a:hover{width:85px;}
.3 a:hover{width:85px;}
.4 a:hover{width:80px;}
.5 a:hover{width:180px;}
.6 a:hover{width:75px;}
.7 a:hover{width:75px;}*/
/* /TOP PANEL */

/* BODY PANEL */
#bodyPan{width:727px; position:relative; margin:0 auto;}
/* Left Panel */
#leftPan{background:#efefef; width:250px; height:1100px; display:block; float:left; margin:0; padding:27px 0px 0 0px;}
#leftPan h2{width:177px; height:83px; float:left; display:block; background:url(../images/image1.jpg) 0 0 no-repeat #EFEFEF; font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:0 0 0 70px; margin:0;}
#leftPan h2 span{background:#EFEFEF; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan h3{ width:240px; display:block; float:left; background:none; font-size:18px; font-weight:bold; padding:0; margin:0;}
#leftPan p{display:block; padding:0 0 24px 0;}
#leftPan p.more{height:20px; display:block; margin:0 0 13px 126px; padding:0;} 
#leftPan p.more a{display:block; width:100px; height:20px; background:#EFEFEF; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#leftPan p.more a:hover{ background:#df7003; color:#FF6500; text-decoration:none;}
#leftPan h4{ width:242px; height:50px; float:left; display:block; /*background:url(../images/image2.jpg) 0 0 no-repeat #EFEFEF;*/ font:27px/34px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#dd6e0c; padding:0 0 0 10px; margin:0; }
#leftPan h4 span{background:#EFEFEF; color:#df7003; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#leftPan ul{width:250px; height:291px; display:block; float:left; margin:0; padding:0;}
#leftPan ul li.middle{width:22px; height:152px; background:none; float:left; display:block; padding:0; margin:0;}
#leftPan ul li{width:109px; height:122px; display:block; float:left; background: url(../images/dot-line.gif) repeat-x 0 100%; padding:0 0 10px 0; margin:20px 0 0 0;}
#leftPan ul li img{width:109px; height:105px; display:block; padding:0; margin:0;}
#leftPan ul li a{ width:70px; height:20px; display:block; background:url(../images/arrow.gif) no-repeat 100% 50% #EFEFEF; color:#BF4D02; font:12px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; text-align:center; margin:0 0 0 12px; padding:0;}
#leftPan ul li a:hover{text-decoration:underline; display:block;}
#leftworkPan{width:141px; height:271px; display:block; float:left; margin:10px 0 0; padding:0;} 
/* /Left Panel */

/* Right Panel */
#rightPan{width:460px; float:left; display:block; background:#FFF; margin-top:28px; padding:0; color:#666; overflow:visible;}
#rightPan p{padding:0 15px 0 15px; text-indent:25px; text-align:justify;}
#rightPan p.paddingtop{padding:26px 15px 0 52px; background:#FFF; margin:0 auto; color:#666; font:14px/20px Georgia, "Times New Roman", Times, serif; font-style:italic;}
#rightPan p span.bigsize{ font-family:Georgia,"Times New Roman", Times, serif; font-style:italic; color:#BF4D02; font-size:20px; line-height:20px; background:#fff; padding:0;}
#rightPan p.name{background:#fff; display:block; color:#AC8101; font:18px/18px Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:bold; text-align:right; padding:10px 45px 16px 0;}
#rightPan p.dotline{background:url(../images/dot-line.gif) 0 0 repeat-x #fff; color:#666; margin:0 63px 0 52px;}
#rightPan h2{display:block; width:360px; height:45px; background:url(../images/icon.jpg) 0 0 no-repeat #fff; font:20px/30px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; color:#4D4D4D; padding:1px 0 0 10px; margin:8px 0 0 12px;}
#rightPan h2 span{background:#fff; color:#967001; font:14px/14px Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:10px 0 0;}
#rightPan p.bottompadding{padding:0 30px 22px 20px;}
#rightPan p.more{height:28px; display:block; position:relative; margin:0; padding:13px 100px 8px 150px; float:right;} 
#rightPan p.mor{height:20px; display:block; position:relative; margin:0; padding:5px 50px 5px 150px;!important float:right;} 
#rightPan p.more a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.mor a{display:block; width:100px; height:20px; background:#fff; font:14px/14px Georgia, "Times New Roman", Times, serif; color:#BF4D02; text-decoration:none; font-weight:bold; font-style:italic; margin:0; padding:0;}
#rightPan p.more a:hover{ background:#fff; color:#FF6500; text-decoration:none;}
#rightPan img{padding:0 0 0 10px; margin:0;}

#footerPan ul{width:350px; display:block; position:absolute; right:10px; top:10px; padding:5; }
#footerPan li{font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold;}

#excursion{width:455px;}
#excursionimg{width:140px !important;}
/* /Right Panel */

/* footer Panel */
#mainfooterbody{ width:100%; height:200px; background:url(../images/footer-bg.gif) 0 0 repeat-x #4D4D4D; color:#fff; padding:90px 0 0 0; position:relative; margin:0 auto; clear:both;}
#footerPan{width:650px; height:82px; position:relative; margin:0 auto; padding:0 0 0 50px;}
#footerPan ul{width:330px; display:block; position:absolute; right:0px; top:26px; padding:0; }
#footerPan li{float:left; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal;}
#footerPan ul li a{padding:0 0 0 10px; color:#fff; background:#424242; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}
#footerPan ul li a.padl{padding:0 0 0 14px;}

#footerPan ul.templateworld{width:158px; background:#4C4C4C; color:#fff; display:block; position:absolute; top:74px; right:80px;}
#footerPan ul.templateworld li a{background:#4C4C4C; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p{ background:#484848; margin:54px 45px 0 0; display:block; position:absolute; top:0px; right:40px; color:#FF833B; font:11px/15px "Trebuchet MS",Arial, Helvetica, sans-serif;}
#footerPanleft{width:285px; height:82px; float:left; margin:0 auto; background:url(../images/vertical-dot.gif) 100% 0 repeat-y;}
#keywords{margin:22px 0 0 0; font-size:10px; color:#FFCC00;}
#keywords a, a:visited{color:#FF9900;}



/*****************************************************************/

.CelEcriture {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #005E8A;
	text-align: justify;
	padding: 5 5 5 5; 

}
.celtitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d1e7eb;
}
.celsoustitre {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : none;
	color : #000066;
}
.CelDescription {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #005E8A;
	text-align: justify;
	font-style: italic;
	font-weight: bold;


}
.PremiereLettre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006633;
}

.celien {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	TEXT-DECORATION: none;
	color: #D25B04;
}
A.celien:Visited {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : none;
	color : #000066;
}
A.celien:Hover, A.leftnav:Active {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : underline;
	color : #000066;
}

.celien1 {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	TEXT-DECORATION: none;
	color: #D25B04;
}
A.celien1:Visited {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : none;
	color : #D25B04;
}
A.celien1:Hover, A.leftnav:Active {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : underline;
	color : #D25B04;
}

.celform {
	font-family: Verdana;
	font-size: 9px;
	font-weight: normal;
	TEXT-DECORATION: none;
	color: #000066;
}
.celien2{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	TEXT-DECORATION: none;
	color: #D25B04;
}
A.celien2:Visited {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : none;
	color : #D25B04;
}
A.celien2:Hover, A.leftnav:Active {
	font-size : 11px;
	font-weight:normal;
	font-family : Verdana;
	text-decoration : underline;
	color : #D25B04;
}



/***********************Mine **************************************/
.back_button{
	color:#FF9900;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
}

/***************************************************************************/
.biwak_gal_gallery {
	clear: both;
	float: left;
	position: relative;
	width: 460px;
}

.biwak_gal_box{
	float: left;
	position: relative;
	width: 135px;
	height: 135px;
	margin: 0 10px 0 0;
}

/*.biwak_gal_box span{
	width: 135px;
	height: 135px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/biwak_gal_cover.png) no-repeat;
}*/

.biwak_gal_box img{
	width: 108px;
	height: 108px;
	display: block;
	position: absolute;
	top: 14px;
	left: 13px;
	border: none;
}