@import url("reset.css");

body {
	background: #514e3f url(/images/bgBody.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:link {color:#38362c;}
a:visited {color:#38362c;}
a:hover {color:#38362c;text-decoration:none;}
a:active {color:#38362c;}

h1 {}

h2 {
font-family:"Times New Roman", Times, serif;
font-size:23px;
color:#959167;
font-weight:bold;
margin-bottom:24px;
/*margin-left:2px;*/
clear:both;
}

h3 {
font-family:"Times New Roman", Times, serif;
font-size:19px;
color:#959167;
font-weight:bold;
margin-bottom:24px;
color:#959167;
}

h3 span{
color:#35342a;
font-size:14px;
}

h4 {
font-family:"Times New Roman", Times, serif;
font-size:15px;
color:#959167;
font-weight:bold;
margin-bottom:10px;
color:#959167;	
}

h5 {}

h6 {}

p {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;
margin-bottom:20px;
text-align:justify;
}

ul {
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;
margin-bottom:20px;
margin-left:20px;
list-style:disc;
}

li {
padding-bottom:5px;
}

ol{
list-style:decimal;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;
margin-bottom:20px;
margin-left:30px;
}

ol li{
padding-bottom:10px;
}

label{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;
float:left;
clear:left;
width:200px;
text-align:right;
margin-right:10px;
}

textarea{
background:#959167;
border:1px solid #686549;
color:#fff;
}

select{
background:#959167;
border:1px solid #686549;
color:#fff;
}

#page{
width: 967px;
margin: 0 auto;
}

#pageContentBg{
width: 967px;
background:url(../images/bgPageContent.jpg) top repeat-y;
float:right;
}

#page2{
width: 943px;
padding:0 12px;
padding-top:12px;
margin: 0 auto;
background:url(../images/bgPageTop.jpg) top no-repeat;
float:right;
}

/* Header
--------------------------------------------------------------------------------------- */

#header{
width:943px;
height:273px;
background:url(../images/bgHeader.jpg) no-repeat;
border-bottom:5px solid #e2e1dd;
padding-top:4px;
text-align:center;
position:relative;
}

#header .separateur{
padding:0 25px;	
}

#menu{
position:absolute;
bottom:12px;
left:0px;
text-align:center;
width:943px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
}

#menu a{
color:#ffffff;
text-decoration:none;
}

#menu a:hover{
color:#24231c;	
}

#menu a.pageOn{
color:#24231c;	
}




/* Content
--------------------------------------------------------------------------------------- */

#content {
background:url(../images/bgPageBottom.jpg) bottom no-repeat;
float:right;
}

#contentRight{
float:right;
width:208px;
padding:0px 5px 0 6px;
}

#contentRight img{
margin-bottom:5px;	
}

#contentLeft{
width:694px;
padding:14px;
float:right;
font-family:"Times New Roman", Times, serif;
}

#contentFooter{
padding-top:90px;
position:relative;
text-align:center;
height:50px;
width:943px;
clear:both;
color:#38362c;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:11px;
}

#contentFooter p{
text-align:center;	
}

#contentFooter a{
color:#38362c;
text-decoration:none;
}

#contentFooter a:hover{
text-decoration:underline;
}

.liensVoyages{
margin-bottom:25px;
}

.liensVoyages td{
width:175px;
height:50px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;
border:1px solid #c7c6b7;
text-align:center;
}

.liensVoyages td.lienalt{
background:#f2f1ea;
}

.liensVoyages a{
font-size:11px;
}


/* Le Formulaire
--------------------------------------------------------------------------------------- */

.formcontent2 div{
padding:2px 4px 2px 4px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;	
clear:left;
}

.formcontent2 .inputbrun{
width:215px;
padding:2px;
background:#959167;
border:1px solid #686549;
color:#fff;
}

.formcontent2{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;	
padding:10px;
width:500px;
border:1px solid #dfdfdf;
}

.formcontent2 p{
margin-bottom:5px;
}

.formcontent2 p a:link {color:#959167;}
.formcontent2 p a:visited {color:#959167;}
.formcontent2 p a:hover {color:#959167;text-decoration:none;}
.formcontent2 p a:active {color:#959167;}


#formcontent div{
padding:2px;
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;	
clear:left;
}

#formcontent .inputbrun{
width:215px;
padding:2px;
background:#959167;
border:1px solid #686549;
color:#fff;
}

#formcontent{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
color:#323027;	
padding:10px;
width:500px;
}

#formcontent p{
margin-bottom:5px;
}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
clear: both;
height:30px;
background:url(../images/bgFooter.jpg) top no-repeat;
width:967px;
margin: 0 auto;
}

/* Classes diverses
------------------------------------- */

.clear {clear: both;}
.flt-right {float: right;}
.flt-left {float: left;}
.txt-right {text-align: right;}
.txt-center {text-align: center;}
.txt-left {text-align: left;}
.img-left {
	float: left; 
	margin: 0 10px 4px 0; 
}
.img-right {
	float: right; 
	margin: 0 0 4px 10px;
}
.noborder {border: none;}
.alt {background: #e0dfd2;padding:15px;}
.alt a{
font-family:Arial, Helvetica, sans-serif, "Century Gothic";
font-size:12px;
font-weight:bold;
color:#959167;
}