/*  
CSS Style by: Belance | Benjamin Lancelot
URL: http://www.belance.fr
Description: Designed by Belance | Benjamin Lancelot
Website Version: 1.1
*/


/* Calluna is a font by Jos Buivenga (exljbris) -> www.exljbris.nl */

body {
	background-color: #040404;
	margin: auto;
	top: auto;
	text-align: center;
}

.hidden {
display: none;
}


img {
	border: none;
}

#barre {
	background-attachment: fixed;
	background-color: #101010;
	background-position: top;
	height: 14px;
	width: 100%;
}

#logo {
	height: 68px;
	margin-top: 15px;
}


div.top {
	font-size: 11px;
	color: #999;
	width: 981px;
	height: 35px;
	background-image: url(img/top2.png);
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

h1 { 
	font-family: "Calluna_400";
	padding-top: 10px;
}

h1 span {
	font-size: 10px;
	color: #101010;
}	
		
/*div.top h1{
	font-family: "Calluna_400";
	font-size: 21px;
	color: #fff;
	?margin-top: 5px;
	margin-top: 2px;
}*/

#container {
	width: 981px;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 560px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}

#container-moyen{
	width: 981px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 590px;
}

#container-long {
	width: 981px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 660px;
}

#container-tlong {
	width: 981px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 770px;
}

#container-ttlong {
	width: 981px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 925px;
}

#container-mlong {
	width: 981px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image: url(img/container.png);
	background-repeat: repeat-y;
	height: 700px;
}

#wrap {
}

#prev {
	display: inline-block;
	padding-top: 100px;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#Next {
	display: inline-block;
	float: right;
	padding-top: 100px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#gallery {
}

#slides {
}

ul#menu h2 {
	font-family: "Calluna_400";
	font-size: 9pt;
	margin: 0px;
	color: #CCC;
	height: 40px;
}

ul#menu span {
	color: #FFF;
	background-color: #000;
}

ul#menu h2:hover{
	background-image: url(img/bouton-menu.png);
	height: 40px;
	width: 136px;
	background-repeat: no-repeat;
}

ul#menu {
	margin-left: auto;
	margin-right: auto;
	width: 981px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	background-image: url(img/back-menu.png);
	background-repeat: no-repeat;
	height: 43px;
	margin-bottom: 0px;
	margin-top: 0px;
}

ul#menu li {
	height: 40px;
	width: 136px;
	float: left;
	padding: 0; /*--Divider for each parent level links--*/
	margin-top: 0px;
	margin-right: 55px;
	margin-bottom: auto;
	margin-left: 0px;
	?margin-right: 15px;
	?margin-left: 40px;
}

ul#menu li a {
	height: 40px;
	width: 136px;
	display: block;
	color: #FFF;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 0px;
	margin: auto;
	visibility: visible;
	padding-top: 13px;
	?padding-top: 5px;
}

ul#menu li a:hover {
	color: #CBC098;
}

/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#menu li:hover {
}

div.texte {
	float: left;
	margin-left: 25px;
	margin-right: auto;
	width: 540px;
	text-align: left;
}

div.small-p {
	float:left;
	width: 255px;
	?width: 250px;
	?margin-top: 30px;
}

div.small-p-credits {
	float:left;
	width: 255px;
	?width: 250px;
	?margin-top: 30px;
}

div.small-p-credits h3 {
	float: left;
	font-family: "Calluna_400";
	font-style: italic;
	color: #c96548;
	font-style: italic;
	font-weight: lighter;
}

div.small-p-credits a {
	float: left;
	font-family: "Calluna_400";
	font-style: italic;
	color: #477acf;
	text-decoration: none;
	font-size: 0.8em;
	padding-left: 25px;
	?margin-top: 15px;
}

/*Structure de la gamme - End*/


div.content {
	margin-left: auto;
	margin-right: auto;
	height: 304px;
	width: 981px;
	background-image: url(img/main-content.png);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.content-index {
	margin-left: auto;
	margin-right: auto;
	height: 209px;
	width: 981px;
	background-image: url(img/base-content.png);
	background-repeat: no-repeat;
}

div.content-index-devis {
	margin-left: auto;
	margin-right: auto;
	height: 59px;
	width: 981px;
	background-image: url(img/base-content.png);
	background-repeat: no-repeat;
}

#lettrine {
	float: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 35px;
}

#titre h3{
	float: left;
	margin-left: 60px;
	?margin-left: -480px;
	?padding-left: 0px;
	margin-right: auto;
	width: 847px;
	font-family: "Calluna_400";
	font-size: 24pt;
	color: #CCC;
	margin-top: 38px;
	position: absolute;
}

div.content-index p {
	float: left;
	margin-left: 100px;
	?margin-left: -440px;
	margin-right: auto;
	width: 847px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #666666;
	margin-top: 84px;
	position: absolute;
	font-weight: lighter;
}

div.content-index p span{
	color: #CCC;
}

div.content-index p a{
	color: #5486AB;
	text-decoration: none;
}

div.content-index p a:hover{
	background-color: #000;
}

div.content-index p a span{
	font-style: italic;
	color: #CCC;
	background-color: #101010;
}

div.content-index-devis p {
	float: left;
	margin-left: 100px;
	?margin-left: -440px;
	margin-right: auto;
	width: 847px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	color: #666666;
	margin-top: 84px;
	position: absolute;
	font-weight: lighter;
}

div.footer-index {
	margin-left: auto;
	margin-right: auto;
	width: 981px;
	height: 47px;
	font-family: "Calluna_400";
	color: white;
	background-image: url(img/footer-bg.png);
	background-repeat: no-repeat;
	margin-top: auto;
	margin-bottom: auto;
	background-position: top;
	display: inline-block;
}

div.footer-index a {
	color: #999;
	text-decoration: none;
	display: inline-block;
}

div.poucet {
	float: left;
	padding-top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Calluna_400;
	color: #999;
	padding-left: 20px;
}

div.poucet span {
	color: #FFF;
}

div.poucet a {
	color: #5486AB;
	margin: 0px;
}


div.mentions {
	float: right;
	display: inline;
	margin-right: 20px;
}

div.mentions span {
	color: #FFF;	
}

div.legal {
/*
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 3px;
*/
}

p.legal1 {
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 3px;
}

p.legal2 {
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 12px;
	margin-top: 3px;
}

div.legal p {
/*
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCC;
	font-size: 12px;
	margin-top: 3px;
*/
}


div.legal p a {
	margin-left: auto;
	margin-right: auto;
	color: #999;
	text-decoration: none;
	margin-top: 3px;
}

/*debut du formulaire*/

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

#formulaire {
	width: 600px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 100px;
}

#formulaire-gauche {
	width: 283px;
	margin-right: auto;
	margin-bottom: auto;
	display: inline-block;
	float: left;
}

#formulaire-droite {
	width: 283px;
	margin-right: auto;
	margin-bottom: auto;
	display: inline-block;
	margin-left: 27px;
}

#formulaire-bas {
	width: 850px;
	margin-right: auto;
	margin-bottom: auto;
	float: left;
}

#formulaire-basgauche {
	width: 600px;
	margin-right: auto;
	margin-bottom: auto;
	float: left;
}

#formulaire-basdroit {
	width: 200px;
	margin-right: auto;
	margin-bottom: auto;
	float: right;
	margin-top: 0px;
}

label { /* titre rubrique*/
	color: #999;
	float: left;
	margin-bottom: 5px;
}

input { /* texte rubrique*/
	font-family: Verdana, Geneva, sans-serif;
	height: 23px;
	width: 126px;
	color: #FFF;
	font-size: 12px;
	padding-left: 8px;
	padding-top: 4px;
}

#bouton{
	color: #101010;
	font-family: Calluna_400;
	font-variant: small-caps;
	font-weight: bolder;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-left: 130px;
}	

textarea { /* texte rubrique*/
	font-family: Verdana, Geneva, sans-serif;
	height: 23px;
	width: 126px;
	color: #FFF;
	font-size: 13px;
	padding-left: 8px;
	padding-top: 12px;
	padding-right: 8px;
	padding-bottom: 4px;
}

#nom {
	float: left;
	margin-top: 0px;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-color: #101010;
	margin-bottom: 15px;
}

#prenom {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#prenomtxt {
	float: left;
	margin-left: 120px;
}

#email {
	float: left;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-long.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 277px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#telephone {
	float: left;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-long.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 277px;
	background-repeat: no-repeat;
}

#itineraire {
	float: left;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-itineraire.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 600px;
	height: 184px;
	background-repeat: no-repeat;
}

#destination {
	float: left;
	margin-top: 0px;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-color: #101010;
	margin-bottom: 15px;
}

#ville {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#villetxt {
	margin-left:  79px;
}

#depart {
	float: left;
	margin-top: 0px;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-color: #101010;
	margin-bottom: 15px;
}

#retour {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-ss-fleche.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-position: top;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

#retourtxt {
	margin-left:  61px;
}

#budget {
	float: left;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-long.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 277px;
	background-repeat: no-repeat;
}

#adultes {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-bas.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 10px;
}

#adultestxt {
	float: left;
	margin-top: 6px;
}

#enfants {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-bas.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 17px;
}

#enfantstxt {
	float: left;
	margin-top: 20px;
}

#bebe {
	float: right;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-bas.jpg);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	margin-left: 15px;
	margin-bottom: 18px;
}

#bebetxt {
	float: left;
	margin-top: 27px;
}

#age {
	float: left;
	margin-top: 0px;
	background-color: #101010;
	background-image: url(img/chant-formulaire-basdroit.jpg);
	border-style: none;
	background-repeat: no-repeat;
	height: 26px;
	width: 150px;
}