@charset "utf-8";

/****************************************************************************/
/*                            CSS GENERIQUES                                */
/****************************************************************************/
* { margin:0; padding:0; }

body {
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#333;
	background:#d8dbee url(/themes/auberge-jeunesse/admback_038/img/bg-body.jpg) repeat-x 0 0;
	width:100%;
}

img { border:none; }
a { color:#333; }
ul { list-style:none; margin:0; padding:0; }

.clear {
	height:1px;
	width:1px; 
	clear:both;
}


/* Données formulaires */
input, textarea, select {
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:normal;
	color:#58585a;
	margin:0;
	padding:0;
}
fieldset { border:none; }


/* Bouton orange */
div.bouton img,
div.bouton {
	float:left;
}
div.bouton .img-left {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-btn-left.png) no-repeat 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-btn-left.png', sizingMethod='scale');
	float:left;
	width:10px;
	height:30px;
}
div.bouton .img-right {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-btn-right.png) no-repeat 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-btn-right.png', sizingMethod='scale');
	float:left;
	width:10px;
	height:30px;
}
div.bouton a {
	color:#FFF;
	text-decoration:none;
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-btn.png) repeat-x 0 0!important;
	background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-btn.png', sizingMethod='scale');
	display:block;
	float:left;
	line-height:30px;
	cursor:pointer;
}
div.bouton a:hover {
	color:#fde100;
	text-decoration:underline;
}


/* Les titres */
h2 {
	font-size:13px;
	color:#ff6600;
	font-weight:bold;
	text-transform:uppercase;
}



/****************************************************************************/
/*                               CSS PAGES                                  */
/****************************************************************************/

/****** Background ******/
.background {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-background.jpg) no-repeat 0 0;
	width:1250px;
	margin:0 auto;
}


/* PAGE */
#page {
	width:890px;
	margin:0 auto;
}


/* HEADER */
#page #header {
	width:858px;
	height:269px;
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-header.jpg) no-repeat 0 0;
	padding:0 18px;
	position:relative;
}

/* Navigation */
#header .navigation {
	width:861px;
	margin:0 auto;
}
#header .navigation ul {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-navigation.jpg) no-repeat -3px 0;
	float:left;
	width:861px;
}
#header .navigation li {
	float:left;
	padding:18px 0 22px;
}
#header .navigation li a {
	text-decoration:none;
}
#header .navigation li a:hover {
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°1 :: Pré-réservation ******/
#header .navigation li#one {
	width:105px;
	padding-left:16px;
}
#header .navigation li#one.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-one.jpg) no-repeat 8px 0;
}
#header .navigation li#one.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°2 :: le Réseau ******/
#header .navigation li#two {
	width:72px;
	padding-left:12px;
}
#header .navigation li#two.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-two.jpg) no-repeat 0 0;
}
#header .navigation li#two.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}
/******* Onglet n°3 :: l'Auberge ******/
#header .navigation li#three {
	width:72px;
	padding-left:12px;
}
#header .navigation li#three.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-three.jpg) no-repeat 0 0;
}
#header .navigation li#three.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°4 :: l'Hébergement ******/
#header .navigation li#four {
	width:102px;
	padding-left:15px;
}
#header .navigation li#four.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-four.jpg) no-repeat 0 0;
}
#header .navigation li#four.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°5 :: la Restauration ******/
#header .navigation li#five {
	width:106px;
	padding-left:8px;
}
#header .navigation li#five.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-five.jpg) no-repeat 0 0;
}
#header .navigation li#five.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°6 :: Infos touristiques ******/
#header .navigation li#six {
	width:118px;
	padding-left:11px;
}
#header .navigation li#six.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-six.jpg) no-repeat 0 0;
}
#header .navigation li#six.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/****** Onglet n°7 :: Contacts & Plan ******/
#header .navigation li#seven {
	width:114px;
	padding-left:15px;
}
#header .navigation li#seven.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-seven.jpg) no-repeat 0 0;
}
#header .navigation li#seven.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}
/****** Onglet n°8 :: Pré-réservation ******/
#header .navigation li#eight {
	width:71px;
	padding-left:12px;
}
#header .navigation li#eight.actif {
	background:url(/themes/auberge-jeunesse/admback_038/img/navigation/bg-nav-eight.jpg) no-repeat 0 0;
}
#header .navigation li#eight.actif a {
	font-weight:bold;
	color:#ff6600;
	text-decoration:none;
}

/* Langues */
#header .langues {
	bottom:57px;
	position:absolute;
	right:70px;
}

#header .langues li {
	float:left;
	position:relative;
	padding:2px 6px;
}

#header .langues li div {
	cursor:pointer;
	height:11px;
	position:absolute;
	top:2px;
	visibility:hidden;
	width:16px;
}



/* CONTENT */
#page #content {
	width:858px;
	background: url(/themes/auberge-jeunesse/admback_038/img/bg-content.png) repeat-y 0 0;
	padding:2px 16px 0;
	float:left;
	position:relative;
}

#content h1 {
	width:858px;
	height:60px;
	background:url(/themes/auberge-jeunesse/admback_038/img/titres/bg-title.jpg) no-repeat 0 0;
	text-align:center;
}

#content .bloc-individuel,
#content .bloc-groupe {
	width:409px;
	float:left;
	padding:10px 10px 30px;
	text-align:center;
	position:relative;
}

#content .bloc-individuel .bouton,
#content .bloc-groupe .bouton {
	position:absolute;
	right:115px;
	bottom:70px;
}

#content .reference {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-references.gif) no-repeat 0 0;
	width:130px;
	height:23px;
	font-weight:bold;
	color:#323fa7;
	text-align:center;
	padding-top:10px;
	position:absolute;
	top:2px;
	left:35px;
}


/* Formulaire */
#content #form-pre-reservation {
	width:818px;
	padding:0 20px;
	margin:0 auto;
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-contenu-texte.jpg) no-repeat right bottom;
	float:left;
}

#content.background #form-pre-reservation {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-contenu-texte-2.jpg) no-repeat right 0;
}

/*Coté gauche*/
#content #col-gauche {
	float:left;
	width:500px;
}
#content #col-gauche h2 {
	margin-top:18px;
}
#col-gauche fieldset li label {
	float:left;
	width:160px;
	color:#333;
}
#col-gauche ul {
	padding:10px 0;
}
#col-gauche ul li {
	padding-bottom:5px;
	background:url(/themes/auberge-jeunesse/admback_038/img/pictos/picto-li.gif) no-repeat 0 6px;
	padding-left:15px;
}
#col-gauche ul li.titre {
	font-weight:bold;
	background:none;
	color:#323fa7;
	padding-bottom:15px;
	background:none;
	padding-left:0;
}	
#col-gauche ul li a {
	color:#ff6600;
	text-decoration:underline;
}
#col-gauche ul li a:hover {
	text-decoration:none;
}
#col-gauche .google {
	margin-bottom:20px;
}
#col-gauche .google img{
	border:1px solid #ccc;
	padding:1px;
}
#col-gauche .coordonnees {
	float:left;
	width:250px;
}
#col-gauche .coordonnees p a {
	color:#ff6600;
	text-decoration:underline;
}
#col-gauche .coordonnees p a:hover {
	text-decoration:none;
}
#col-gauche .horaires {
	float:right;
	width:230px;
}


/*Coté droite*/
#content #col-droite {
	width:294px;
	float:right;
}
#col-droite .spacer {
	background:url(/themes/auberge-jeunesse/admback_038/img/col-droite-bg.gif) repeat-y 0 0;
	padding:0 15px;
	margin-top:15px;
	width:264px;
	float:left;
}
#col-droite .top {
	position:relative;
	left:1px;
}
#col-droite.formulaire .top {
	position:relative;
	left:1px!important;
	*left:5px;
}
#col-droite .contenu-col {
	width:291px;
	/*background:url(/themes/auberge-jeunesse/admback_038/img/col-droite-bg.gif) repeat-y 0 0;*/
	padding-left:4px!important;
	*padding-left:3px;
}
#content #col-droite ul li label {
	width:264px;
	float:left;
	color:#333;
}
#content #col-droite fieldset {
	padding:0 15px;
	margin-bottom:0;
	margin-top:15px;
}
#content #col-droite li.captcha {
	text-align:center;
	padding:10px 0;
}
#content #col-droite .bouton.last {
	float:right;
}
#content #col-droite .boutons {
	padding:20px 0;
	float:left;
	width:264px;
}

#col-droite .contenu-col h2 {
	margin:0 15px;
}
#col-droite .contenu-col h2.tarifs {
	margin-top:20px;
	margin-bottom:10px;
}
#col-droite .contenu-col .photographie {
	padding:10px 0 0;
	position:relative;
	left:0!important;
	*left:1px;
}
#col-droite .contenu-col .text {
	padding:0 15px;
	width:261px;
}
#col-droite .contenu-col .text p.bleu,
#col-droite .contenu-col .text ul li span {
	color:#323fa7;
	padding-bottom:10px;
}
#col-droite .contenu-col .text ul {
	padding:10px 0;
}
#col-droite .contenu-col .text ul li {
	background:url(/themes/auberge-jeunesse/admback_038/img/pictos/picto-li.gif) no-repeat 0 6px;
	padding-left:10px;
	width:251px;
}
#col-droite .contenu-col .text ul li.titre {
	background:none;
	padding-left:0;
	font-weight:bold;
	color:#323fa7;
	padding-bottom:5px;
}
#col-droite .contenu-col .text ul li.titre em {
	font-weight:normal;
	color:#000000;
}




/*Commun aux deux côtés*/
#content h2 {
	border-bottom:1px dashed #ff6600;
	padding-bottom:5px;
	margin-bottom:15px;
	background:none;
}
#content h2 span {
	font-weight:normal;
	text-transform:none;
}
#content fieldset {
	margin-bottom:20px;
}
#content fieldset.last {
	margin:0;
}
#content fieldset li {
	padding-bottom:10px;
	color:#323fa7;
	background:none;
	padding-left:0;
}
#content fieldset li input,
#content fieldset li textarea {
	border:1px solid #323fa7;
	color:#323fa7;
	padding:0 4px;
}
#content fieldset li span {
	padding:0 10px;
}
#content fieldset li select {
	color:#323fa7;
}
#content fieldset#hebergement li,
#content fieldset#informations li {
	color:#333;
}
#content fieldset#hebergement li input,
#content fieldset#informations li input.radio{
	border:none;
}
#content fieldset#hebergement li input.checkbox{
	border:none!important;
	background:none!important;
}
#content fieldset#hebergement li textarea{
	vertical-align:text-top;
}
#form-pre-reservation.recap fieldset li input,
#form-pre-reservation.recap fieldset#hebergement li input,
#form-pre-reservation.recap fieldset li textarea {
	border:1px solid #323fa7;
	background:#f0efef;
	color:#323fa7;
	padding:0 4px;
}
#form-pre-reservation fieldset#personnes li label,
#form-pre-reservation.recap fieldset#personnes li label {
	float:left;
	width:200px;
	color:#333;
}

/*Montant total et arrhes*/
#form-pre-reservation .montant-total {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-total.jpg) no-repeat 0 0;
	width:818px;
	height:42px;
	float:left;
	margin:2px 0 10px;
}
#form-pre-reservation .montant-total ul {
	float:right;
}
#form-pre-reservation .montant-total li {
	float:left;
	color:#323fa7;
	width:650px;
	text-align:right;
	line-height:45px;
}
#form-pre-reservation .montant-total li.montant {
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	font-size:21px;
	width:148px;
	padding-right:20px;
}

#form-pre-reservation .montant-arrhes {
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-arrhes.gif) repeat-x 0 0;
	width:818px;
	height:68px;
	float:left;
}
#form-pre-reservation .montant-arrhes li {
	float:left;
	color:#FFFFFF;
	width:650px;
	text-align:right;
	line-height:65px;
	font-weight:bold;
}
#form-pre-reservation .montant-arrhes li.montant {
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	width:148px;
	padding-right:20px;
}
#form-pre-reservation p.legende {
	clear:left;
	color:#323fa7;
	padding-top:2px;
}
#form-pre-reservation .conditions {
	width:818px;
	text-align:right;
	padding:20px 0;
}
#form-pre-reservation .conditions a {
	color:#ff6600;
}
#form-pre-reservation .conditions a:hover {
	text-decoration:none;
}
#form-pre-reservation .boutons {
	float:right;
	padding-bottom:20px;
}
#form-pre-reservation .bouton.last {
	margin-left:30px;
}



/* Message de validation et d'erreur */
#content .msg-validation,
#content .msg-erreur {
	margin:0 auto 20px;
	width:796px;
	padding:10px;
	border:1px solid #adadad;
	background:#d6d9ed;
}
#content .msg-validation p,
#content .msg-erreur p {
	padding-left:25px;
	padding-bottom:5px;
}
#content .msg-validation p a,
#content .msg-erreur p a {
	color:#ff6600;
	text-decoration:underline;
}
#content .msg-validation p a:hover,
#content .msg-erreur p a:hover {
	text-decoration:none;
}
#content .msg-validation .valid,
#content .msg-erreur .erreur {
	background:#d6d9ed url(/themes/auberge-jeunesse/admback_038/img/pictos/picto-valider.gif) no-repeat 0 2px;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	padding-bottom:10px;
}
#content .msg-erreur .erreur {
	background:url(/themes/auberge-jeunesse/admback_038/img/pictos/picto-supp.gif) no-repeat 0 2px;
}
#content .msg-validation .valid.last,
#content .msg-erreur .erreur.last {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}
#content .msg-validation .signature p,
#content .msg-erreur .signature p {
	margin-top:20px;
}
#content .msg-validation .signature p,
#content .msg-erreur .signature p{
	font-weight:bold;
	color:#323fa7;
}


/* Contenu du site */
#content .contenu-texte {
	margin:0 auto;
	padding:0 20px;
	width:818px;
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-contenu-texte.jpg) no-repeat right bottom;
	float:left;
}
.contenu-texte p {
	padding-bottom:20px;
	color:#000000;
}
.contenu-texte p em {
	color:#ff6600;
}
.contenu-texte .bande-logos {
	padding:20px 0;
}
.contenu-texte #col-droite .logo {
	text-align:center;
	padding:10px 0!important;
	*padding:10px 0 10px 1px;
}


/* Diaporama */
.contenu-texte .presentation-images {
	width:500px;
	margin-bottom:40px;
	float:left;
}
.contenu-texte .presentation-images .gros-plan {
	width:480px;
	border:1px solid #ccc;
	padding:1px;
}
.contenu-texte .presentation-images .gros-plan .descriptif {
	background:#fec430 url(/themes/auberge-jeunesse/admback_038/img/pictos/picto-infos.gif) no-repeat 5px center;
	width:470px;
	padding:5px;
}
.contenu-texte .presentation-images .gros-plan .descriptif p {
	font-size:11px;
	color:#000;
	padding-left:20px;
	padding-bottom:0!important;
	line-height:20px;
}
.contenu-texte .presentation-images .diaporama {
	width:480px;
	margin-top:20px;
	float:left;
}
#content .contenu-texte .presentation-images .diaporama ul {
	padding:0;
}
#content .contenu-texte .presentation-images .diaporama li {
	float:left;
	position:relative;
	padding:0;
	margin:0;
	background:none;
}
.contenu-texte .presentation-images .diaporama li div {
	cursor:pointer;
	position:absolute;
	visibility:hidden;
}
#content .contenu-texte .presentation-images .diaporama li.thumb {
	padding:0 7px;
}
#content .contenu-texte .presentation-images .diaporama li.thumb li {
	padding:0 3px;
	background:none;
	margin:0;
}
.contenu-texte .presentation-images .diaporama li.thumb li img {
	border:1px solid #666;
	padding:1px;
}




/* FOOTER */
#footer {
	width:858px;
	height:88px;
	padding:10px 16px 0;
	float:left;
	background:url(/themes/auberge-jeunesse/admback_038/img/bg-footer.jpg) no-repeat 0 0;
	position:relative;
}
#footer p {
	text-align:center;
	width:858px;
	padding-bottom:5px;
}
#footer p a {
	color:#ff6600;
	text-decoration:underline;
}
#footer p a:hover {
	text-decoration:none;
}
#footer .e-labo {
	position:absolute;
	right:40px;
	bottom:26px;
}