/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Title:      NEW NEW Les chalets Ad?marine layout styles for Master
Author:     Nicolas Guillemot, nguillemot@gmail.com
Updated:    Nov 27 2005

Content: 	2 Cols Layout
			Column container
			Body attritbuts
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
form.css label 
  {
  display: inline;
  float: left;
  width: 110px;
  } 

/*************************************
		Master Layout 3 Cols
*************************************/
#Wrap{
	position: relative;
	width: 760px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: #FFFFFF;
}

#Header {
	position: relative;
	background-image: url("../images/JP-bg-header.gif");
	background-position: 0px 5px ;
	background-repeat: no-repeat;
	background-color: #06699F;
	height: 73px;
	padding: 3px 3px 4px 3px;
	margin:0;
}


#Header span {
	display: none;
}

#bgWhiteCoul_save{
	padding: 12px;
	background-color: #FFFFFF;
	position:relative;
}
#bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("");
	width : 760px;
	background-color: #FFFFFF;
	min-height: 550px;
	border-bottom: 10px solid #CC6699;
	border-left:10px solid #CC6699;
	margin:auto;
}


#bg2coulPage_save{
	background-color: #fff;
	background-image: url("../images/JP-bg-coul-2col.gif");
	background-position:left top;
	background-repeat: repeat-y;
	padding: 10px;
	position:relative;
	border-top: 10px solid #06699F;
	border-bottom: 10px solid #06699F;
}
#bg2coulPage{
	margin-top:0px;
	position:relative;
}

#bg2coulPageSearch{
	background-color: #fff;
	background-repeat: repeat-y;
	padding: 10px;
	position:relative;
	border-top: 10px solid #06699F;
	border-bottom: 10px solid #06699F;
}

#bgMaisondeCapitaine{
	background-color: #06699F;
	background-image: url("../images/JP-bg-maisondecapitaine.jpg");
	background-position:left top;
	background-repeat: no-repeat;
	height:210px;
	text-align:right;
	padding: 10 px;
	position:relative;
	border-top: 5px solid #06699F;
	border-bottom: 5px solid #06699F;
	border-right: 10px solid #06699F;
}

#content{
	margin: 0 10px 0 236px;
	padding: 10px 10px 0px 0px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	width: auto;
}

#contentAdresse{
	float:right;
	width: 550px;
	padding-top:5px;
	color: #413929;
	line-height: normal;
	background-color: #FFFFFF;
	position:relative;
}

#contentAdresse{
	float:right;
	width: 420px;
	padding-top:5px;
	color: #413929;
	line-height: normal;
	background-color: #FFFFFF;
	position:relative;
}

#contentLocalisation{
	margin: 0 0 0 236px;
	padding: 10px 10px 0px 0px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	width: auto;
	}
#contentLocalisationMap{
	margin: 0 0 0 236px;
	padding: 10px 10px 0px px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	width: auto;
	}
#contentIntroLivredor{
	margin: 0 0 0 236px;
	padding: 10px 10px 0px 0px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	width: auto;
	}
#contentLivredor{
	margin: 0px 10px 0px 236px;
	padding: 10px 0px 0px 0px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	width: 50;
}

#contentSearch{
	margin: 0;
	padding: 10px;
	text-align:left;
	line-height: normal;
	width: auto;
	color: #000000;
}
#contentMail{
	margin: 0;
	padding: 10px;
	text-align:left;
	line-height: normal;
	width: auto;
	color: #000000;
}



#Footer {
	text-align:left;
	clear:both;
	padding-top:5px;
	color: #FFFFFF;
	line-height: normal;
	background-color: #CC6699;
}

#Footer_nav {
	clear:both;
	padding-top:5px;
	color: #FFFFFF;
	line-height: normal;
	background-color: #CC6699;
	border:0px solid #06699F; 
	width:100%; 
	margin: 0 0 0 0;
	font-size:85%;

}

#Footer_nav_title {
	text-align:center;
	font-style:italic;
	font-size:1.8em;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing: 1px;
}



#Footer_nav_table1
{
cellpadding:0;
border: 0px solid #06699F; 
background-color:#CC6699;
width:100%;
-moz-border-radius: 20px;
}


#Footer_nav_table2
{
cellpadding:0;
border: 0px solid #06699F; 
background-color:#06699F;
	vertical-align:top;
}


#Footer a{
	text-decoration: underline;
		color: #FFFFFF;
}

#Footer a.active{
	text-decoration: none;
	color: #000000;	
}

#Footer a:hover{
	text-decoration: none;
	color: #000000;	
}
/**************************************************************
		column container
***************************************************************/
#leftCol {
	float: left;
	width: 190px;
	padding: 10px 10px 10px 13px;
	color: #FFFFFF;
	line-height: normal;
	position:relative;
	min-height: 300px;
}

.paveLeftTitleContact{
	width: 177px; 
	background-color: #fff; 
	padding: 0;
	margin: 0 0 0 0;
	text-align:right;
	border: 0px solid #06699F;
}
.paveLeftTitleContact a{
	color: #fff;
}
.paveLeftTitleVisiteurs{
	width: 177px; 
	padding: 0;
	margin: 0 0 0 0;
	text-align:right;
	border: 0px solid #06699F;
	height: 30px;
	background: url("../images/JP-visiteurs.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
}
/**************************************************************
	Body
***************************************************************/
html {
    overflow: -moz-scrollbars-vertical;
}


body {
	width: 760px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	padding: 0px;
	margin:auto;
		background-color: #CCCCFF;
		position:relative;
}

/**************************************************************
	Navigation
***************************************************************/
#navTop_save {
	background-color: #CC6699;
	height: 45px;
}

#navTop {
	background-color: #CC6699;
	height: 25px;
	position:relative;
	margin-top:0px;
	margin-bottom:10px;
}

#nav_save {
	float: left;
	width: 736px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 75%;
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	background: #06699F url("../images/JP-nav-bg-green.gif") repeat-x top left;
}
#nav {
	margin-top:0px;
	float: left;
	width: 760px;
	margin-left: 0px;
	position:relative;
	padding: 0;
	list-style: none;
	font-size: 90%;
	border-top: 2px;
	border-bottom: 0px ;
	background: #6699CC url("") repeat-x top left;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background:  url("") no-repeat top left;
}

#nav a {
	float: left;
	padding: 7px 13px;
	text-decoration: none;
	border-bottom: none;
	color: #FFFFFF;
}
#nav a:hover, #nav a.active {
	color: #FFFFFF;
	background: #CC6699;
}
#nav a.active {
	font-weight: normal;
	background: #CC6699;
}
li#t-home a {
	margin-left: 0px;
	background:  url("") no-repeat top left;
}
/**************************************************************
		Other elements
***************************************************************/
p {
	margin: 0px 0px 10px 0px;
}

h1, h2 { 
	font-size: 100%;
	margin: 0px 0px 10px 0px;
	color: #990066;
}

h2 { 
	font-size: 100%;
	font-weight: bold;
		color: #990066;
}

h3 { 
	font-weight: bold;
	color: #990066;
	padding:0;
	margin:20px 0 5px 0;
	font-size: 120%;
}
select{ 
	border-style: none;
	border: 1px solid #000;
	width: 160px;
	background-color:#E9E9E9;
}
table{ 
	border: 1px solid #000; 
	background-color: #E9E7DB;
}

.vert{
	color: #9C0902;
}

.violet {
color: #CC6699;
}

.violet_fonce {
color: #990066;
}

.rouge {
color: #fc0606;
font-weight: bold;
}

.bleu {
color: #336699;
}

.underline {
	text-decoration: underline;
}

.tdMarron {
	background-color: #413929;
	color: #FFFFFF;
	text-decoration: none
}

input.Bleu{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	height: 19px;
	color: #fff;
	text-transform: uppercase;
	background-color: #06699F;
	border: 0px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
	cursor: pointer;
}

input.BleuSearchResults{
	font-family: "Trebuchet MS", Arial, Verdana;
	font-weight: bold;
	height: 19px;
	color: #fff;
	text-transform: uppercase;
	background-color: #06699F;
	border: 0px;
	padding: 0;
	margin: 5x 0px 5px 0px;
	cursor: pointer;
}
/**************************************************************
	Links should always be used in the following order. 
***************************************************************/

a {
	text-decoration: underline;
	color: #990066;
}

a:hover {
	text-decoration: none;
}

.active{
	text-decoration: none;
	color: #990066;
}

.image-left{float: left; vertical-align: text-top;}
.image-right{float: right; vertical-align: text-top; margin-left:10px;}

/*************************************
		Title Box
*************************************/
#descriptif #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_2.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}

#loisirs #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_3.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}

#tarification #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_4.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}
#disponibilites #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_5.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}
#livredor #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_6.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}

#galerie #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_galerie.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}
#informations #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_informations.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}
#localisation #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_7.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}
#search #title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1_search.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
}

#title {
	clear: left;
	height: 85px;
	padding: 10px 310px 13px 25px;
	background: #06699F url("../images/JP-bg-title-h1.jpg") no-repeat right;
	border-bottom: 5px solid #fff;
	font-size: 85%;
	}

#title h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #FFCCCC;
	font-size: 110%;
	}

#title h2 {
	font-family: Verdana, sans-serif;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 110%;
	line-height: 1.5em;
	font-weight: normal;
	color: #fff;
	}
#title a {
	border-bottom-color: #333;
	}
#title a:visited {
	color: #40659B;
	}
#title a:hover {
	color: #036;
}
/*************************************
		Content
*************************************/
hr{
	background-color:#413929;
	padding:0;
	margin:0 0 10px 0px;
	height: 1px;
	border: none;
}

.selectionBox{
	border:1px solid #413929; 
	width: 168px; 
	padding: 10px 5px 0 5px;
	background-color: #E9E7DB;
}

.selectionChaletsTitle{
	width:180px; 
	height: 18px; 
	background-color: #06699F; 
	color: #fff; 
	text-align: center; 
	padding: 5px 0 0 0;
}

.selectionChaletsTitle a{
	color: #fff;
}

.TabDetails{
	width: auto;
	color: #fff;
	margin: 0 0 10px 0;
	background-color:#013752; 
	text-align:center; 
	padding:5px 5px 7px 5px;
	border: 1px dashed #06699F;
}

.paveLeftTitle{
	width:180px; 
	height: 18px; 
	background-color: #06699F; 
	color: #fff; 
	text-align: center; 
	padding: 5px 0 0 0;
}

.paveLeftContent{
	border:1px solid #06699F; 
	width: 168px; 
	padding: 10px 5px 0 5px; 
	text-align:left; 
	background-color: #E9E7DB;
}

/*************************************
	Error page layout
*************************************/
.HeaderError
	{
	background-image:url("../images/error-top.gif");
background-position:bottom left;
	background-repeat: no-repeat;
	width: 500px;
	height:79px;
	}
.MiddleContentError
	{
	background-image:url("../images/error-bg-middle.gif");
	background-position:top left;
	background-repeat: repeat-y;
	width: 500px;
	height:152px;
	}
.BottomError
	{
	background-image:url("../images/error-bottom.gif");
	background-position: top left;
	background-repeat: repeat-y;
	width:500px;
	height:12px;
	}
.MiddleContentError .texte
	{
	font-size:110%;
	margin: 0;
	padding: 20px 32px 0 35px;
	color: #7F7869;
	text-align:left;
	}

/*************************************
	Slideshow layout
*************************************/

div#show3 {
background-color:#efefef;
width:200px;
margin:0 0;
border:1px solid #444444;
}
div#show3 table td, div#show4 table td {
height:339px;
background-image:url('38.gif');
}
div#show4 table td {
background-image:url('40.gif');
}
div#show3 table input,  div#show4 table input {
outline-style:none;
}

[if IE]>
div#show3 table td, div#show4 table td {
height:21px;
}
<![endif]

/*************************************
		Debug
*************************************/
.selectionMenu{
	width:190px; 
	height: 50px; 
	background-color: #CC6699; 
	color: #FFFFFF; 
			font-weight: normal;
	text-align: center; 
	padding: 5px 0 0 0;
}

.menulink2{
border:1px solid gray;
border-bottom-width: 0;
margin-bottom:10px;
line-height: 18px;
text-align: left;
z-index: 200;
background-color: #6699CC;
width: 178px;
left:100px;
top:100px;
}

.menulink2 a{
color:#FFFFFF;
width: 100%;
display: block;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
text-indent: 5px;
}

.menulink2 a:hover{ /*hover background color*/
background-color: #CC6699;
color:#FFFFFF;
}

.menulink2 a.active{ /*hover background color*/
	background: #CC6699;
	color:#FFFFFF;
}