/* GENERAL */
* {margin: 0; padding: 0;}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background-color: #666666;
}

#conteneur {
	position: relative;
	width: 771px;
	margin: 0 auto;
	min-height: 100%;
	background: url(../images/bg-conteneur.gif) repeat-y;
}

* html #conteneur  {
	height: 100%;
}	




/* HEADER */

#conteneur #header {
	width: 771px;
	margin: 0 11px 0 0;
}

#header #branche {
	float: left;
	position: relative;
	width: 80px;
	height: 64px;
	z-index: 1;
	background: transparent url(../images/branche.png) no-repeat top left;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/branche.png');
}

#header #titre {
	float: left;
	width: 490px;
	padding: 40px 14px 0 50px;
}

#header #photo {
	float: left;
	width: 126px;
	height: 167px;
	background: url(../images/photo-header.jpg) no-repeat;
}




/* MENU */

#menu {
	clear: both;
	width: 749px;
	height: 26px;
	margin: 0 0 0 11px;
	font-weight: bold;
	color: #666;
	background: #b9bc99;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}

#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#menu ul li a {
	color: #666;
	text-decoration: none;
	margin: 0 0 0 18px;
	padding: 0 0 0 22px;
	background: url(../images/toto.gif) no-repeat;
}

#menu ul li a:hover, #menu ul li.on {
	color: #fefefe;
	text-decoration: none;
	margin: 0 0 0 18px;
	padding: 0 0 0 22px;
	background: url(../images/feuille-menu.gif) no-repeat;
}




/* CONTENU CENTRAL */

#conteneur #contenuCentral {
	width: 649px;
	margin: 0 0 0 11px;
	padding: 50px 50px 15em 50px;
}

#conteneur #contenuCentral .gauche {
	float: left;
	width: 300px;
}
#conteneur #contenuCentral .droite {
	float: right;
	width: 300px;
}


/* Texte */

.blocTexte {
	font: 12px "Lucida Sans Unicode", Verdana, Arial;
	color: #666;
	text-align: justify;
	line-height: 1.7em;
}

p.titre {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #d08146;
}

p.texte {
	padding: 0 0 15px 0;
}

a.texte:link, a.texte:visited {
	color: #93995d;
	text-decoration: none;
}

a.texte:hover, a.texte:focus, a.texte:active {
	color: #d08146;
	text-decoration: none;
}

p.texte span {
	font-size: 10px;
	font-weight: bold;
	color: #d08146;
}

.blocTexte ul.texte {
	list-style: none;
	text-align: left;
}

.blocTexte ul.texte li a {
	padding: 0 0 0 15px;
	color: #666;
	text-decoration: none;
	background: url(../images/rond1.gif) no-repeat left 6px;
}

.blocTexte ul.texte li a:hover {
	padding: 0 0 0 15px;
	color: #d08146;
	text-decoration: none;
	background: url(../images/rond2.gif) no-repeat left 6px;
}

.blocTexte ul.texte li.sanslien {
	padding: 0 0 0 15px;
	color: #666;
	background: url(../images/rond1.gif) no-repeat left 8px;
}

/* Visuels */

.blocVisuel {
	text-align: center;
}

.blocVisuel .france {
	padding: 20px 0 50px 0;
}

.blocVisuel .ardeche {
	padding: 50px 0 0 0;
}

.blocVisuel .canoe {
	padding: 0 0 80px 0;
}

.blocVisuel .concert {
	padding: 100px 0 0 0;
}


/* Galerie photos */

.blocGalerie {
	margin: 60px 0 0 40px;
}

.blocGalerie p {
	float: left;
	font: bold 14px "Lucida Sans Unicode", Verdana, Arial;
	color: #d08146;
}

.blocGalerie .image {
	float: left;
	width: 90px;
	margin: 0 0 0 55px;
}

.blocGalerie .image p.legende {
	width: 90px;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 13px;
	color: #949a5e;
}


/* Tableau tarifs */

.blocTableau {
	margin: 20px auto 0 auto;
	width: 554px;
	text-align: center;
}

.blocTableau .haut {
	width: 554px;
	height: 4px;
	background: url(../images/tableau-haut.gif) no-repeat;
}

.blocTableau .contenu {
	width: 550px;
	padding: 0 0 0 4px;
	background: url(../images/tableau-bords.gif) repeat-y;
}

* html .blocTableau .contenu {
	padding: 0 2px; /* hack IE6 */
}

*+html .blocTableau .contenu {
	padding: 0 2px; /* hack IE7 */
}

.blocTableau .celluleTitre {
	height: 40px;
	font: 12px "Lucida Sans Unicode", Arial, Verdana;
	color: #fff;
	line-height: 1.1em;
	background: #d99a6b url(../images/tableau-degrade.gif) repeat-x top;
}

.blocTableau .celluleTitre span {
	font-size: 10px;
}

.blocTableau .prix {
	padding: 25px 0;
}

.blocTableau .separation {
	height: 2px;
	background: url(../images/tableau-separation.gif) repeat-x;
}

.blocTableau .bas {
	width: 554px;
	height: 4px;
	background: url(../images/tableau-bas.gif) no-repeat;
}

.etoile {
	text-align: right;
	padding: 0 52px 0 0;
	font-size: 10px;
	font-style: italic;
}


/* Formulaire réservations */

form {
	margin: 0;
	padding: 0;
	font: 12px "Lucida Sans Unicode", Verdana, Arial;
	color: #666;
}

form p {
	clear: both;
	margin: 0 0 10px 0;
}

label.coord {
	display: block;
	float: left;
	width: 25%;
	text-align: left;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.sejour {
	display: block;
	float: left;
	width: 37%;
	text-align: left;
	margin: 0 1em 0 0;
	padding: 0.1em;
}

label.coord span, label.sejour span {
	font-size: 10px;
	font-weight: bold;
	color: #d08146;
}

input.coord, textarea.coord {
	width: 50%;
	background: #efefef;
	margin: 0 0.25em 0 0;
	padding: 0 2px;
	color: #333;	
	border: 1px solid #b8bb97;
}

input.sejour, textarea.sejour, select.sejour {
	width: 25%;
	background: #efefef;
	margin: 0;
	padding: 0 2px;	
	color: #333;
	border: 1px solid #b8bb97;
}

select.sejour {
	width: 15%;
}

textarea.sejour {
	width: 50%;
}

span.format {
	padding: 0 0 0 3px;
	font-size: 11px;
}

.txterror1 {
	display: block;
	padding: 5px 0 5px 10px;
	font-size: 12px;
	color: #93995d;
	border: 2px dotted #93995d;
}

.txterror2 {
	list-style: none;
	padding: 5px 0;
	font-size: 11px;
	color: #d08146;
}

.txtform {
	margin: 0;
	padding: 10px 0;
	font: bold 13px "Trebuchet MS", Arial, sans-serif;
	color: #d08146;
}

#envoyer {
	width: 115px;
	height: 20px;
	border: 0;
	background: url(../images/btn-envoyer.gif) no-repeat 75%;
	cursor: pointer;
}

.envoyer {
	text-align: right;
	padding: 10px 43px 0 0;
}



/* FOOTER */

#footer {
	clear: both;
	position: absolute;
	bottom: 0; left: 0;
	width: 833px;
	padding: 0;
}

#footer #heron {
	position: relative;
	margin: 0 0 0 -58px;
	width: 209px;
	height: 147px;
	z-index: 2;
	background: transparent url(../images/silhouette-heron.png) no-repeat bottom;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/silhouette-heron.png');
}

#footer #copyright {
	position: relative;
	margin: 0 0 0 -3px;
	width: 779px;
	height: 14px;
	z-index: 3;
	background: #949664;
}

#footer #copyright p {
	font: 10px Arial, Helvetica, sans-serif;
	color: #efefef;
	text-align: right;
	margin: 0;
	padding: 0 5px 0 0;
}

#footer #copyright p span {
	margin: 0;
	padding: 0 10px;
}

a.copyright:link, a.copyright:visited {
	color: #efefef;
	text-decoration: none;
}
a.copyright:hover {
	color: #ccc;
	text-decoration: none;
}