/*
	CSS pour Salicorne - Principal
	Emilie - egzakt.com
	2008/05/07
*/

body {
	background-color:#F7FFEB;
	font:75%/140% Arial, Verdana, sans-serif;
	/*margin:10px 0;*/
	margin:0 0 10px 0;
	color:#2B1E00;
}

h1 {
	color:#0E1035;
	font:bold 1.5em/1.1em Arial, Verdana, sans-serif;
	margin:26px 0 5px 0;
}

h2 {
	color:#00A4AE;
	font:bold 1.17em/1.1em Arial, Verdana, sans-serif;
	margin:0 0 4px 0;
}
h2 a {
	color:#00A4AE;
}
h2 a:hover {
	color:#006095;
}

h3 {
	color:#0E1035;
	font:bold 1.17em/1.1em Arial, Verdana, sans-serif;
	margin:0 0 4px 0;
}
h3 a {
	color:#0E1035;
}
h3 a:hover {
	color:#006095;
}

h4 {
	color:#00A4AE;
	font:1.17em/1.1em Arial, Verdana, sans-serif;
	margin:0 0 4px 0;
}
h4 a {
	color:#00A4AE;
}


h5 {
	color:#503C33;
	font:bold 1.08em/1.1em Arial, Verdana, sans-serif;
	margin:0 0 4px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#47839B;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#462F27;
}

img {
	border:0;
}

#wrapper {
	width:1000px;
	margin:0 auto;
	background-color:#fbfff6;
}

/* NAVIG HAUT
-----------------------------------------*/
ul#navig_haut {
	list-style-type:none;
	margin:0;
    padding: 5px 0 0 0;
}

ul#navig_haut li {
	display:inline;
}

ul#navig_haut a {
	float:right;
	position:relative;
	color:#503C33;
	text-decoration:none;	
}

ul#navig_haut a.reservation {
    padding-left: 1px;
    color: #ffffff;
}

ul#navig_haut a span {
	display:block;
	padding:2px 11px 1px 12px;
	line-height:17px; /* Pour que Safari soit égal à FF et IE */
	background:url(../images/boutons/navig_haut_droite.jpg) no-repeat top right;
}
ul#navig_haut a.reservation span {
	display:block;
    padding: 6px 20px 5px;
	line-height:17px; /* Pour que Safari soit égal à FF et IE */
	background:url(../images/boutons/reservation_bg.jpg) no-repeat top right;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    text-transform: uppercase;
    margin-top: -8px;

    behavior: url('../js/PIE.php');
    position: relative;
}

ul#navig_haut a.reservation-camping span {
	background:url(../images/boutons/reservation_camping_bg.png) no-repeat top right;
}

.ie7 ul#navig_haut a.reservation span {
    padding:2px 11px 1px 12px;
    font-size: 12px;
}

ul#navig_haut a img {
	position:absolute;
	top:0;
	left:0;
}

ul#navig_haut a:hover, ul#navig_haut a.selected {
	color:#fff;
}

ul#navig_haut a:hover span, ul#navig_haut a.selected span {
	background-position:right -25px;
}

ul#navig_haut a.reservation:hover span {
	background-position:right -100px;
}


/* ENTETE
-----------------------------------------*/
#entete {
	clear:both;
	background:#fcfff6 url(../images/photos/banniere.jpg) no-repeat top right;
	height:120px;
}

#entete h1 {
	margin:0;
	padding:0 0 0 34px;
	color:#B5AAA0;
	font:1em/1.2em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
}

#entete h1 img {
	padding-right:38px;
}


/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:0;
	padding:5px 0 0 0;
}

ul#navigation li {
	float:left;
	width:201px;
}

ul#navigation a {
	float:left;
}

ul#navigation a:hover {
	background:transparent;
}

ul#navigation a .over {
	position:absolute;
	visibility:hidden;
}

ul#navigation a:hover .over {
	visibility:visible;
}


/* SOUS-NAVIG
-----------------------------------------*/
#sous_navig {
	clear:left;
	background:#d5f1f5 url(../images/tuiles/sous_navig.gif) no-repeat top right;
	height:34px;
	color:#4DA5C1;
}

#sous_navig .texte {
	padding:9px 0 0 31px;
}

#sous_navig ul {
	list-style-type:none;
	margin:0;
	padding:9px 0 0 4px;
}

#sous_navig li {
	display:inline;
}

#sous_navig ul a {
	float:left;
	padding:4px 10px;
	margin-left:6px;
	background-color:#AEE4EB;
	color:#006095;
	font:0.92em/1.1em Arial, Verdana, sans-serif;
	text-decoration:none;
}

#sous_navig ul a.selected {
	background-color:#FDFFF8;
	border-bottom:5px solid #FDFFF8;
	border-left:1px solid #AEE4EB;
	margin-left:5px;
}

#sous_navig ul a:hover {
	background-color:#FDFFF8;
}


/* ACCUEIL
-----------------------------------------*/
#accueil #sejours {
	position:relative;
	width:573px;
	height:110px;
	padding:190px 90px 0 31px;
	background:url(../images/photos/sejours.jpg) no-repeat top left;
	color:#fff;	
}

#accueil #sejours h1 {
	font:2.25em/1.1em Arial, Verdana, sans-serif;
	color:#fff;
	text-transform:uppercase;
	margin:0;
}

#accueil #sejours .padding {
	line-height:1.3em;
}

#accueil #sejours a.plus {
	position:absolute;
	bottom:10px;
	left:30px;
	background-color:#0E1035;
}

#accueil #sejours a.plus:hover {
	color:#fff;
	background-color:#4DA5C1;
}


/* Activités en promotion */
#accueil #activites_promo {
	float:right;
}

#activites_promo {
	width:300px;
	height:300px;
	position:relative;
}

#activites_promo .promo {
	position:absolute;
	display:none;
}

#activites_promo .photo {
	display:block; /* Pour IE6 : enlever marge photo */
}

#activites_promo .titre {
	position:absolute;
	bottom:38px;
	left:20px;
	color:#fff;
	font:1.17em/1.2em Arial, Verdana, sans-serif;
}

#activites_promo h2 {
	font:1.5em/1em Arial, Verdana, sans-serif;
	color:#fff;
	margin:0;
}

#activites_promo a.plus {
	bottom:15px;
	left:20px;
}

#activites_promo #numeros {
	position:absolute;
	bottom:15px;
	right:20px;
}

#activites_promo #numeros a {
	padding:0 3px;
	color:#fff;
	border:1px solid #fff;
	text-decoration:none;
	font:0.83em/1em Arial, Verdana, sans-serif;
	margin-left:1px;
}

#activites_promo #numeros a:hover, #activites_promo #numeros a.selected {
	background-color:#fff;
	color:#000;
}


/* Autres promotions */
#accueil #promos {
	width:1000px;
	margin:20px 0;
	/*overflow:auto;
	/*height:1%;*/ /* Pour IE6 */
	position:relative;
	background:url(../images/tuiles/accueil_promos.gif) repeat-y top left;
}

#promos .fiche {
	background-color:#f0f1d4;
	margin-top:10px;
	padding-bottom:30px;
}

#accueil #promos .fiche {
	float:left;
	width:228px;
	background-color:#f3edd8;
	margin:0 5px 0 0;
}

#promos .fiche .type {
	height:16px;
	padding:4px 20px 0 20px;
	background:url(../images/graphiques/promo_fiche_entete_large_1.gif) no-repeat top left;
	font:bold 0.92em/1.1em Arial, Verdana, sans-serif;
	color:#fff;
	letter-spacing:1px;
}

#accueil .fiche .type {
	background:url(../images/graphiques/promo_fiche_entete_1.gif) no-repeat top left;
}

#promos .fiche .detail {
	display:block;
	margin-bottom:2px;
	text-decoration:none;
	color:#2B1E00;
	font:0.92em/1.1em Arial, Verdana, sans-serif;
}

#promos .fiche .detail .padding {
	display:block;
	padding:7px 20px;
}

#promos .fiche .detail h3 {
	font:bold 1.27em/1.1em Arial, Verdana, sans-serif;
	color:#0E1035;
	margin:1px 0 2px 0;
}

#promos .fiche .detail .date {
	display:block;
	margin-bottom:3px;
	font:bold 1.09em/1.2em Arial, Verdana, sans-serif;
	color:#4CB100;
}

#promos .fiche a.detail:hover {
	background:none; /* pour IE6 : réactivité h3 over */
}

#promos .fiche a.detail:hover h3 {
	text-decoration:underline;
}

#promos .fiche detail .nouveau {
	color:#F67942;
	text-transform:uppercase;
	font:bold 1.09em/1.1em Arial, Verdana, sans-serif;
}

#promos .fiche a.plus {
	position:static;
	margin:0 3px 0 20px;
}


/* Salicorne authentique */
#accueil #authentique {
	float:right;
}

#complements #authentique {
	margin-top:10px;
	position:relative;
	background-color:#a8d5eb;
	background-repeat:no-repeat;
	background-position:bottom right;
	height:265px;
}

#authentique {
	width:300px;
}

#authentique .type {
	height:16px;
	padding:4px 20px 0 20px;
	background:url(../images/graphiques/authentique_entete.gif) no-repeat top left;
	font:bold 0.92em/1.1em Arial, Verdana, sans-serif;
	color:#fff;
	letter-spacing:1px;
}

#authentique .padding {
	padding:18px 0 60px 20px;
	color:#503C33;
}

#authentique .nom {
	font:bold 1.5em/1.1em Arial, Verdana, sans-serif;
	color:#fff;
	margin:0 0 3px 0;
}

#authentique .fonction {
	color:#fff;
	margin-bottom:4px;
}

#authentique .texte {
	/*font:0.92em/1.3em Arial, Verdana, sans-serif;*/
	font:1em/1.3em Arial, Verdana, sans-serif;
	width:135px;
	color:#2B1E00;
}

#authentique_photo {
	position:absolute;
	bottom:0;
	right:0;
}


/* ARCHITECTURE
-----------------------------------------*/
#contenu {
	width:999px;
	border-left:1px solid #F1EDE1;
	padding-bottom:30px;
}

#contenu #principal {
	float:left;
	width:699px;
}

#contenu #complements {
	float:right;
	width:300px;
}

#contenu #principal .padding_cotes {
	padding:0 30px;
}


/* FORFAITS
-----------------------------------------*/
#forfaits h2 {
	margin-bottom:10px;
}

#forfaits .fiche {
	width:618px; /* Important pour IE6 */
	background-color:#F4EDD9;
	margin-bottom:10px;
	padding:10px;
	position:relative;
}

#forfaits .fiche .photo {
	float:left;
	width:228px;
}

#forfaits .fiche div.detail {
	float:right;
	width:372px;
	padding-top:6px;
	color:#8F7E6E;
	font:0.92em/1.3em Arial, Verdana, sans-serif;
}

#forfaits .fiche a.detail {
	text-decoration:none;
	color:#2B1E00;
	display:block;
	margin-bottom:25px;
}

#forfaits h3 {
	font:bold 1.27em/1.3em Arial, Verdana, sans-serif;
	color:#0E1035;
	margin:1px 0 0 0;
}

#forfaits .date {
	display:block;
	margin:2px 0;
	font:bold 1.09em/1.1em Arial, Verdana, sans-serif;
	color:#4CB100;
}

#forfaits .fiche a.plus {
	bottom:10px;
	right:10px;
	font-size:0.92em;
}

#forfaits .fiche a.detail:hover {
	background:none; /* pour IE6 : réactivité h3 over */
}

#forfaits .fiche a:hover h3 {
	text-decoration:underline;
}

a.retour {
	float:right;
}


/* ACTIVITÉS
-----------------------------------------*/
#activites h2.categorie {
	text-transform:uppercase;
	margin:18px 0 5px 0;
}
#activites h2.titre {
	color:#0E1035;
	margin-bottom:12px;
}

#activites .fiche {
	position:relative;
	width:534px;
	background-color:#F9F6EB;
	margin-bottom:9px;
	padding:10px 90px 10px 14px;
	font:0.92em/1.3em Arial, Verdana, sans-serif;
}

#activites h3 {
	margin-bottom:1px;
}

#activites h3 a {
	font:bold 1.27em/1.2em Arial, Verdana, sans-serif;
	color:#0E1035;
}

#activites h3 a {
	text-decoration:none;
}

#activites .fiche a.plus {
	bottom:10px;
	right:10px;
	font-size:0.92em;
}


/* CONCOURS
-----------------------------------------*/
#concours_liste {
	margin-top:15px;
}

#concours h2.titre {
	color:#0E1035;
	margin-bottom:5px;
}

#concours .fiche {
	position:relative;
	width:534px;
	background-color:#F9F6EB;
	margin-bottom:9px;
	padding:10px 90px 10px 14px;
	font:0.92em/1.3em Arial, Verdana, sans-serif;
}

#concours h3 {
	margin-bottom:1px;
}

#concours h3 a {
	font:bold 1.27em/1.2em Arial, Verdana, sans-serif;
	color:#0E1035;
}

#concours h3 a {
	text-decoration:none;
}

#concours .date {
	margin:2px 0;
	font:bold 1.09em/1.1em Arial, Verdana, sans-serif;
	color:#4CB100;
}
#concours_detail .date {
	margin-bottom:10px;
}

#concours .intro {
	margin-top:2px;
}

#concours .fiche a.plus {
	bottom:10px;
	right:10px;
	font-size:0.92em;
}

#concours_detail .bloc_texte {
	margin-bottom:12px;
}

#concours_detail .actions a {
	font-weight:bold;
	font-size:1.17em;
	line-height:1.9em;
	color:#503C33;
}

#concours_detail .actions a:hover {
	color:#0E1035;
}

#concours_detail .unephoto {
	float:left;
	margin:0 5px 5px 0;
	height:150px;
	width:150px;
	text-align:center;
}

#concours_detail .clearboth {
	clear:both;
}
#concours a#btn_participer {
	display:block;
	width:224px;
	height:23px;
	padding-top:9px;
	margin-top:14px;
	text-align:center;
	font-weight:bold;
	font-size:1.17em;
	line-height:1.1em;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	background:url(../images/boutons/concours_participer.gif) no-repeat left top;	
}

#concours a#btn_participer:hover,
#concours a#btn_participer.selected {
	background-position:left bottom;
}


/* Formulaire de participation */
#concours #formulaire {
	margin-top:8px;
}

#formulaire .padding {
	padding:10px;
}

#formulaire h3 {
	color:#503C33;
	text-transform:uppercase;
	margin-bottom:12px;
}

#formulaire .message {
	margin-bottom:10px;
}

#formulaire table {
	width:619px;
}

#formulaire table td {
	padding-bottom:7px;

}
#formulaire table td.gauche {
	width:325px;
}

#formulaire label {
	color:#503C33;
	font-size:1.17em;
	line-height:1.1em;
}

#formulaire input.text {
	width:286px;
	color:#503C33;
	padding:3px;
	border:1px solid #503C33;
	font:12px/15px Arial, Verdana, sans-serif;
}

#formulaire .bouton {
	margin-top:10px;
}

#formulaire .bouton a {
	float:right;
	display:none;
	width:94px;
	height:21px;
	padding-top:5px;
	text-align:center;
	font-weight:bold;
	background:url(../images/boutons/formulaire_soumettre.gif) no-repeat left top;
	text-decoration:none;
	color:#fff;
}

#formulaire .bouton a:hover {
	background-position:left bottom;
}

#formulaire .bouton input {
	float:right;
}

#formulaire .bouton .note {
	padding-top:10px;
}

#concours .succes h3 {
	color:#fff;
	margin-bottom:4px;
}


/* PLAN
-----------------------------------------*/
#plan .niveau {
	margin:0 0 20px 20px;
}

#plan h2 {
	margin-top:12px;
}

#plan h5 {
	margin:8px 0;
}

#plan h5 a {
	color:#503C33;
}


/* BLOC TEXTE
-----------------------------------------*/
.colore {
	color:#00A4AE;
}

.note {
	font:0.83em/1.3em Arial, Verdana, sans-serif;
}

.encadre {
	background:#fcfff8 url(../images/tuiles/encadre.jpg) no-repeat top left;
	padding:10px 30px;
}

.bloc_texte ul {
	margin:0;
	padding:1px 0 1px 16px;
	color:#503C33;
	font:bold 0.92em/1.2em Arial, Verdana, sans-serif;
}

.bloc_texte li {
	padding:1px 0;
}

.bloc_texte ul ul {
	font-size:1em;
}

.bloc_texte .bloc_deroulant {
	margin:10px 0;
}

.bloc_texte a.lien_deroulant {
	display:block;
	position:relative; /* pour IE6 cliquable pleine longueur */
	padding:6px 30px 5px 30px;
	color:#503C33;
	font:bold 1.17em/1.1em Arial, Verdana, sans-serif;
	text-decoration:none;
	background:url(../images/graphiques/deroulant.gif) no-repeat 0 0;	
}

.bloc_texte a.lien_deroulant:hover {
	color:#fff;
	background-position:0 -67px;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:0 -139px;
	color:#fff;
}

.bloc_texte .zone_deroulante {
	margin-top:1px;
	padding:15px 30px;
	background-color:#F6F6E4;
}

.bloc_texte .bloc_deroulant ul {
	color:#462F27;
}


/* BLOC TEXTE TEMPLATES
-----------------------------------------*/
/* Commun */
.tmpl_tarifs {
	width:100%;
	margin-bottom:8px;
}

.tmpl_tarifs th, .tmpl_tarifs td {
	padding:4px 12px;
	background-color:#E5DDC7;
	text-align:center;
}


/* Entête */
.tmpl_tarifs caption {
	color:#978778;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	padding:6px 0;
	background:url(../images/tuiles/tmpl_tarifs_caption.gif) no-repeat 2px 0;
}

.tmpl_tarifs thead tr.type th {
	color:#0E1035;
}
.tmpl_tarifs thead tr.type th.adulte {
	background-color:#8CCFDD;
}
.tmpl_tarifs thead tr.type th.enfant {
	background-color:#B7D99A;
}

.tmpl_tarifs thead tr.categorie th {
	color:#fff;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
}
.tmpl_tarifs thead tr.categorie th.adulte {
	background-color:#51B7CB;
}
.tmpl_tarifs thead tr.categorie th.enfant {
	background-color:#80BC4D;
}


/* Body */
.tmpl_tarifs tbody th {
	color:#503C33;
}

.tmpl_tarifs tbody td {
	color:#0E1035;
	font:bold 0.92em/1.2em Arial, Verdana, sans-serif;
}
.tmpl_tarifs tbody td.adulte {
	background-color:#D1ECF1;
}
.tmpl_tarifs tbody td.enfant {
	background-color:#E3F0D8;
}


/* ACTIONS
-----------------------------------------*/
#actions {
	margin-top:20px;
	border-top:1px solid #E1D5C4;
	border-bottom:1px solid #E1D5C4;
	text-align:right;
	padding:10px 0;
	font:0.83em/1.1em Arial, Verdana, sans-serif;
}

#actions a {
	color:#77624F;
	text-decoration:none;
	padding:2px 0 2px 20px;
}

#actions a#imprimer {
	background:url(../images/icones/imprimer.gif) no-repeat 0 0;
}

#actions a#envoyer_ami {
	background:url(../images/icones/envoyer_ami.gif) no-repeat 0 0;
}

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


/* GALERIE
-----------------------------------------*/
#galerie {
	width:1000px;
}

#galerie .pagination {
	background:#0E1035 url(../images/tuiles/galerie_pagination.gif) no-repeat top left;
	color:#fff;
	font:bold 1.17em/1.2em Arial, Verdana, sans-serif;
	padding:1px 0 0 153px;
	height:24px;
}

#galerie .pagination a {
	position:relative;
	top:5px;
}

#galerie .pagination a.suivant {
	margin:0 10px 0 1px;
}

#galerie .photos {
	background:url(../images/tuiles/galerie.jpg) repeat-y top left;
}

#galerie .photos #slider_conteneur {
	width:752px;
	padding:5px 0 2px 0;
	margin-left:153px;
	height:105px;
	overflow:hidden;
	position:relative;
}

#galerie .photos #slider_conteneur #slider {
	width:10000px;
	position:absolute;
	top:5px;
	left:0;
}

#galerie .photos a img {
	padding:4px;
}

#galerie .photos a:hover {
	background:none; /* Pour IE6 : réactivité img over */
}

#galerie .photos a:hover img {
	border:4px solid #fff;
	padding:0;
}


/* BAS
-----------------------------------------*/
#bas {	
	position:relative;
	width:1000px;
}

#bas img.ambiance {
	padding-left:95px;
}

#bas #coquillage {
	position:absolute;
	bottom:0;
	left:0;
}

#signature {
	line-height:1px; /* Pour IE6 hauteur */
	background:#f4eddc url(../images/graphiques/signature_bas.gif) no-repeat bottom left;
	text-align:right;
	padding:10px;
}

#signature a {
	color:#8F7E6E;
	font:0.75em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}

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


/* ERREUR 404
-----------------------------------------*/
#erreur404 {
	padding:20px 150px 30px 270px;
}


/* DIVERS
-----------------------------------------*/
a.plus {
	position:absolute;
	padding:2px 5px;
	color:#fff;
	font:bold 0.83em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#8F7E6E;
}

a.plus:hover {
	color:#8F7E6E;
	background-color:#fff;
}

a.reservez {
	position:absolute;
	bottom:10px;
	right:86px;
	padding:3px 5px 2px 5px;
	font:bold 0.83em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#40afc5;
	color:#ffffff;
}

a.reservez:hover {
    background-color:#031a32;
   	color:#ffffff;
}

a.reservez_forfait {
	padding:2px 5px;
	font:normal normal bold 0.83em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#40afc5;
	color:#ffffff;
}

a.reservez_forfait:hover {
  	background-color:#031a32;
  	color:#ffffff;
}

#forfaits {
	position: relative;
}

a.reservez_detail {
	position:absolute;
	top:0px;
	right:0px !important;
	right:25px;  /* Correction IE6 */
	padding:2px 5px;
	font:normal normal bold 0.83em/1.2em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-color:#40afc5;
	color:#ffffff;
}

a.reservez_detail:hover {
    background-color:#031a32;
   	color:#ffffff;
}

.message {
	width:80%;
	margin:0 auto;
	background-color:#ff0000;
	color:#fff;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

.succes {
	background-color:#4cb100;
}

.erreur {
	color:#ff0000 !important;
}

form {
	margin:0;
}

.radio {
	border: none;
}

#version_dev {
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	margin-bottom:10px;
}
#form_inscription fieldset {
	margin:20px 150px;
	border:1px solid;
	background-color:#fff;
}
#form_inscription fieldset div {
	clear:both;
}
#form_inscription fieldset div.field label {
	float:left;
	width:100px;
	height:20px;
}	
#form_inscription fieldset div.checkboxes div {
	clear:none;
	display:inline;
}
#form_inscription fieldset div.checkboxes, #form_inscription fieldset div.submit {
	text-align:center;
}