/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Title:      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
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*************************************
		Master Layout 3 Cols
*************************************/
#Wrap{
	width: 810px;
	margin: 0px auto 0px auto;
	margin:auto;
	background-color: #FFFFFF;
	border-left: 10px solid #FFCC00;
	position:relative;
}

#Header {
		position: relative;
	background-image: url("../images/bg-header4.gif");
	background-position: 0px 5px ;
	background-repeat: no-repeat;
	height: 105px;
	padding: 3px 3px 4px 3px;
	margin:0;
	
}
#Header span {
	display: none;
}

#index 
#bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_accueil.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
	border-left:10px solid #FFCC00;
}

#votre_projet #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_accueil.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}
#liens #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_complet.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}


#energie #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_energie.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}

#techniques #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_techniques.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}


#search #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_search.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 370px;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}
#habitat #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_habitat.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}
#nous_contacter #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_contact_devis.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}


#devis #bgWhiteCoul {
	float:right;
	background-position:right top;
	background-repeat: no-repeat;
	background-image: url("../images/Background_contact_devis.gif");
	width : 810px;
	background-color: #FFFFFF;
	min-height: 650px;
	height:650;
	border-bottom: 10px solid #FFCC00;
		border-left:10px solid #FFCC00;
}

#zone_accueil {
width : 600px;
height: 80px;
margin-left: 3px;
margin-top: -90px;
border: none;
position:absolute;
}

#zone_programme {
float:left;
width : 119px;
height: 79px;
margin-left: 583px;
margin-top: 177px;
border: none;
position:absolute;
}

#zone_contact {
width : 100px;
height: 32px;
margin-left: 693px;
margin-top: 460px;
border: none;
position:absolute;
}

#zone_devis {
width : 100px;
height: 29px;
margin-left: 660px;
margin-top: 517px;
border: none;
position:absolute;
}

#zone_reponses {
width : 114px;
height: 33px;
margin-left: 596px;
margin-top: 178px;
border: none;
position:absolute;
}
#zone_realisations {
width : 103px;
height: 29px;
margin-left: 582px;
margin-top: 229px;
border: none;
position:absolute;
}
#zone_plus {
width : 82px;
height: 47px;
margin-left: 650px;
margin-top: 274px;
border: none;
position:absolute;
}

#zone_liens {
width : 82px;
height: 47px;
margin-left: 650px;
margin-top: 274px;
border: none;
position:absolute;
}
#bg2coulPage{
	margin-top:0px;
	position:relative;
}

#bg2coulPageSearch{
	background-color: #fff;
	background-image: url("../images/bg-coul-2col-search.gif");
	background-position:left top;
	background-repeat: repeat-y;
	padding: 10px;
	position:relative;
	margin-top:10px;
	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 {
	float: left;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
	position:relative;
	width:330px;
}

#contentTexte{
	width: 330px;
	color: #FFFFFF;
	text-align:justify;
	line-height: normal;
	color: #333333;
	position:relative;
	min-height: 300px;
}

#contentSpec {
	float: left;
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
	position:relative;
	width:500px;
}

#contentTexteSpec{
	width: 550px;
	color: #FFFFFF;
	text-align:justify;
	line-height: normal;
	color: #333333;
	position:relative;
	min-height: 800px;
}

#nous_contacter #contentTexteSpec{
	width: 500px;
	color: #FFFFFF;
	text-align:justify;
	line-height: normal;
	color: #333333;
	position:relative;
	min-height: 600px;
}

#contentDiapoSpec{
	width: 500px;
	color: #FFFFFF;
	text-align:justify;
	line-height: normal;
	color: #333333;
	position:relative;
	min-height: 500px;
}

#contentAdresse{
	float:right;
	width: 550px;
	padding-top:5px;
	color: #413929;
	line-height: normal;
	background-color: #FFFFFF;
	position:relative;
	font-size: 100%;
	height: 125px;
	border:none;

}
#contentIntroLivredor{
	margin: 0 0 0 236px;
	padding: 0px 10px 0px 0px;
	text-align:left;
	line-height: normal;
	color: #000000;
	width: auto;
	}
#contentLivredor{
	margin: 0px 10px 0px 5px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	line-height: normal;
	color: #000000;
	border:none;
	height:340;
}

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

#Adresse{
float:left;
	text-align:center;
	clear:both;
	padding-top:5px;
	color: #413929;
	line-height: normal;
	background-color: #FFCC00;
}

#Footer {
	text-align:center;
	clear:both;
	padding-top:5px;
	color: ##336699;
	line-height: normal;
	background-color: #FFCC00;
	border-left:10px solid #FFCC00;
	font-size: 85%;
}

a.footer {
	text-decoration: underline;
	color: #336699;
}

a:hover.footer {
	text-decoration: none;
}
/**************************************************************
		column container
***************************************************************/
#leftCol {
	float: left;
	width: 190px;
	padding: 0px 10px 10px 13px;
	color: #FFFFFF;
	line-height: normal;
	position:relative;
	min-height: 500px;
}
#rightCol {
	float: right;
	width: 200px;
	padding: 0 0 0 0;
		margin-top:550px;
	color: #FFFFFF;
	line-height: normal;
	position:relative;
	min-height: 100px;
	border: 0px;
}
.paveRightEspace{
	float:right;
	margin-top:300px;
		background-color: #fff;
	position:relative;
	height:20px;
	width: 100px
}
.paveRightImages{
	float:right;
	margin-top:10px;
	margin-right:15px;
	margin-bottom:0px;
	background-color: #FFF; 
	text-align:left;
	position:relative;
	border:none;
	padding:0px ;
}
.images{
border-width : 2px;
border-color : #FFCC00;
border-style : solid;
	background-color: #FFF; 
		text-align:justify;
	line-height: normal;
	color: #333333;

}

.paveLeftLabel{
	width: 184px; 
	background-color: #fff; 
	color: #000000;
		text-align:center;
	padding: 0;
	margin: 0 0 0 0;
	border: 2px solid #06699F;
}
.paveLeftTitleContact a{
	color: #fff;
}

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

.paveMailTitle 
{
	background-color: #336699; 
	color: #FFFFFF;
		text-align:center;
	padding: 0;
	margin: 0 0 0 0;
	border: 2px solid #06699F;
}

.paveMailForm 
{
	border:2px solid #336699; 
	padding: 10px 5px 0 5px; 
	text-align:left; 
	color: #000000;
	background-color: #E9E7DB;
}

.paveLeftContent{
	border:2px solid #336699; 
	width: 174px; 
	padding: 10px 5px 0 5px; 
	text-align:left; 
	color: #000000;
	background-color: #E9E7DB;
}

.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: 810px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 1.5em;
	padding: 0px;
	margin:auto;
		background-color: #CCCCFF;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: normal;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform h2{
	font-size: 100%;
	font-weight: bold;
	color:	#FFCC00;
	margin: 0px 0px 10px 0px;
		font-size: 12px;
	line-height: 1.5em;
	padding: 1px;
	border-top:3px solid #FFCC00;}


.cssform textarea{
width: 400px;
height: 140px;
padding-left:30;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

  
/**************************************************************
	Navigation
***************************************************************/
#navTop {
	height: 42px;
	position:relative;
	margin-top:0px;
}

#nav {
	margin-top:0px;
	float: left;
	width: 810px;
	margin-left: 0px;
	position:relative;
	padding: 0;
	list-style: none;
	font-size: 90%;
	border-top: 2px;
	border-bottom: 0px ;
	background: #6699CC url("../images/JP-nav-bg-green.gif") repeat-x top left;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0 1px 0 0;
	list-style: none;
	background:  url("../images/JP-nav-li-bg.gif") no-repeat top left;
}

#nav a {
	float: left;
	padding: 7px 9px;
	text-decoration: none;
	border-bottom: none;
	color: #FFFFFF;
	font-weight: bold;
}
#nav a:hover, #nav a.active {
font-weight: bold;
	color: #336699;
background: #FFCC00;
}
#nav a.active {
	background: #FFCC00;
}
li#t-home a {
	margin-left: 0px;
	background:  url("../images/nav-li-bg.gif") no-repeat top left;
}
/**************************************************************
		Other elements
***************************************************************/
p {
	margin: 0px 0px 10px 0px;
	line-height: 1.5em;
	padding: 1px;

}

li{
	line-height: 1.5em;
	margin-left:10px;
}

ul{
	line-height: 0;
	margin-left:10px;

}

entete{ 
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	color:	#FFFFFF;
	margin: 0px 0px 10px 0px;
		font-size: 12px;
	line-height: 1.5em;
	padding: 1px;
		font-weight: bold;
}

h1 { 
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	color:	#336699;
	margin: 0px 0px 10px 0px;
		font-size: 12px;
	line-height: 1.5em;
	padding: 1px;
		font-weight: bold;
}

h2 { 
	font-size: 100%;
	font-weight: bold;
		font-variant: small-caps;
	color:	#336699;
	margin: 0px 0px 10px 0px;
		font-size: 12px;
	line-height: 1.5em;
	padding: 1px;
}

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

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. 
***************************************************************/$
.puces_none
{
	display: list-item;
   list-style-type: none;
}

.puces_disc
{
	display: list-item;
   list-style-type: disc;
}

.underline {
	text-decoration: underline;
}

.clear {
	position:relative;
	clear:both;
}

.bleu {
color: #336699;
}

.rouge {
color: #fe0e19;
}

.jaune {
color:#FFCC00;
}

.question {
color: #336699;
font-weight: italic;
}

a {
	text-decoration: underline;
	color:#336699;
	border:none;
}

a img {
	border: 0;
}

a:hover {
	text-decoration: none;
	color:#FFCC00;
	boreder:none;
}

.active{
	text-decoration: none;
	color:#FFCC00;
}
.image-left{float: left; vertical-align: text-top; margin-top:10px; border:none;}
.image-right{float: right; vertical-align: text-top; margin-left:10px; margin-top:10px; border:none;}

/*************************************
		Title Box
*************************************/
/*************************************
		Content
*************************************/
hr{
	background-color:#413929;
	padding:0;
	margin:0 0 10px 0px;
	height: 1px;
	border: none;
}

.selectionMenu{
	width:190px; 
	height: 36px; 
	background-color: #336699; 
	color: #FFFFFF; 
			font-weight: normal;
	text-align: center; 
	padding: 5px 0 0 0;
}
/*************************************
	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:12px;
	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
*************************************/