/* CSS Document */

/**************************************/
/***** ESPACE CLIENT CLUBAVENTURE *****/
/**************************************/
/*
Les "_" devant certaines regles css ne sont lues que par IE6
*/
/*********************/
/***** RESET CSS *****/
/*********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: verdana;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1,2;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}


/*********************/
/***** STRUCTURE *****/
/*********************/

div#header {
	background:url(../images/header.jpg) no-repeat center top;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-brochure {
	background:url(../images/header-brochure.jpg) no-repeat center top;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}


div#global {
	margin:0 auto 50px auto;
	padding:15px 0 0 0;
	position:relative;
	width:900px;
}

div#globalbis {
	margin:0 auto 50px auto;
	padding:15px 0 0 150px;
	position:relative;
	width:750px;
}

div#globalter {
	margin:0 auto 50px auto;
	padding:15px 0 0 30px;
	position:relative;
	width:660px;
}

div#acces {
	background:#E0801E;
	height:400px;
	margin:0 auto;
	padding:15px 0 0 0;
	position:relative;
	width:900px;
}

div#col_gauche {
	float:left;
	margin:0 10px 10px 10px;
	width:230px;
	*margin:0 9px 10px 9px;
}

div#principal {
	margin:0 0 0 250px;
	/*min-height:490px;*/
	padding:0 0 0 20px;
	width:630px;
	/* IE6 Specific styles */
	_margin:0 0 0 210px;
	_padding:0 0 0 5px;
	_width:615px;
	
}

div#contenu {
	padding:5px 0 0 0;
}

div#footer {
	border-top:1px solid #4F0039;
	clear:both;
	font-size:10px;
	font-style:italic;
	margin:0 auto;
	padding:5px 10px 0 10px;
	position:relative;
	width:880px;
}

/*********************/
/****** CONTENU ******/
/*********************/

/****** HEADER *******/

div#header-1 {
	background:url(../images/header-3.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-2 {
	background:url(../images/header-4.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-3 {
	background:url(../images/header-5.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-4 {
	background:url(../images/header-6.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-5 {
	background:url(../images/header-7.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-6 {
	background:url(../images/header-8.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header-7 {
	background:url(../images/header-9.jpg) no-repeat center top!important;
	height:194px;
	margin:10px auto 0 auto;
	position:relative;
	width:900px;
}

div#header h1 {
	color:#EAB90D;
	float:left;
	font-size:40px;
	font-weight:normal;
	padding:145px 0 0 20px;
	position:relative;
}

div#header h1 span {
	font-weight:bolder;
}

p#contact {
	bottom:15px;
	color:#fff;
	font-size:11px;
	position:absolute;
	right:40px;
}

p#contact span {
	font-weight:bold;
	text-transform:uppercase;
}

p#contact a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

p#contact a:hover {
	text-decoration:underline;
}

a#deconnexion {
	border:1px solid #fff;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	padding:2px;
	position:absolute;
	right:20px;
	text-decoration:none;
	text-transform:uppercase;
	top:20px;
}



/****** CONNEXION ************/

div#zone-connexion-haut {
	/*border:1px solid #660033;*/
	height:150px;
	margin:35px auto 20px auto;
	padding:10px;
	width:400px;
	_width:420px;
}

div#acces h2 {
	color:#fff;
	font-size:15px;
	font-weight:bold;
	margin:8px 0 0 25px;
	text-transform:uppercase;
}
div#acces-gauche {
 	color:#660033;
 	float:left;
 	font-size:16px;
 	font-weight:bold;
 	line-height:23px;
 	margin:10px 0 0 0;;
 	width:180px;
}

div#acces-droite {
	float:left;
	padding:0 0 0 20px;
	width:200px;
}

div#acces-droite a {
	color:#FFEBA8;
	display:block;
	font-size:10px;
	margin:0px 0 20px 0;
}

div#creation-compte {
	border:1px solid #660033;
	height:55px;
	margin:0 auto 20px auto;
	padding:10px;
	width:400px;
}

div#creation-compte p {
	color:#660033;
	float:left;
	font-size:13px;
	font-weight:bold;
	width:125px;
}

div#creation-compte a {
	border:1px solid #fff;
	color:#fff;
	display:block;
	float:right;
	font-size:10px;
	margin:3px 20px 0 0;
	padding:3px 10px;
	text-decoration:none;
	text-transform:lowercase;
	_margin:3px 10px 0 0px;
}

div#creation-compte a#eFid_identification {
	text-transform:uppercase;
}

div#creation-compte a:hover {
	text-decoration:none;
}

div#creation-compte a.en-savoir-plus {
	border:none;
	color:#FFEBA8;
	display:block;
	float:left;
	font-size:9px;
	margin:10px 0px 0 160px;
	padding:0;
	text-decoration:underline;
	_margin:10px 0 0 30px;
}

fieldset#eFid_login {
	margin:0 auto;
}

fieldset#eFid_login label {
	display:block;
	float:left;
}

fieldset#eFid_login input {
	margin:0 0 10px 0;
}

input#identifiant {
	border:none;
	width:170px;
}

input#motdepasse {
	border:none;
	margin:15px 0 0 0;
	width:170px;
}

/****** CONNEXION PETIT *******/

div.connexion-petit {
	background:#660033;
	height:45px;
	margin:0;
	padding:10px;
	position:relative;
	width:560px;
}

div.connexion-petit a {
	color:#FFEBA8;
	font-size:9px;
	margin:5px 0 5px 15px;
	*margin:-10px 0 0 0;
}

form#connexion-petit {
	height:45px;
	margin:0 0 0 220px;
	padding:0;
}

form#connexion-petit fieldset {
	height:45px;
}

div.connexion-petit input {
	margin:0 0 10px 0!important;
}

div.connexion-petit input#valid {
	margin:0 100px 0 0!important;
}

/******** OUBLI MDP **********/

div#acces p {
	font-size:12px;
}

div#zone-connexion-haut h2 {
	margin:0 0 15px 0;
}

fieldset#eFid_oubliePass input#login {
	margin:5px 0 10px 5px;
}

fieldset#eFid_oubliePass input#valid {
	margin:0 0 0 120px;
}

a#eFid_identification {
	color:#fff;	
	text-decoration:none;
}

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

/****** COLONNE GAUCHE *******/

/* Bienvenue */
div#bienvenue {
	background:url(../images/fond-login.png) no-repeat center top;
	font-size:14px;
	height:195px;
	margin:0px auto 25px auto;
	text-align:center;
	width:220px;
}

div#bienvenue p {
	font-weight:bold;
	padding:15px;
}

/* Niveaux */
div#niveau {
	font-size:10px;
	margin:0 auto 10px auto;;
	width:170px;
}

div#niveau span {
	display:block;
	font-weight:bold;
	text-transform:uppercase;
}

div#niveau em.NiveauAvantages {
	color:#80809A;
	display:block;
	font-weight:normal;
	margin:5px 0 0 0;
	text-transform:none;
}

div#niveau em.NiveauFidelite {
	color:#809A80;
	display:block;
	font-weight:normal;
	margin:5px 0 0 0;
	text-transform:none;
}

div#niveau em.NiveauPrivilege {
	color:#B4A152;
	display:block;
	font-weight:normal;
	margin:5px 0 0 0;
	text-transform:none;
}

/* Avantages */

a#avantages {
	color:#DA5A24;
	display:block;
	font-size:12px;
	height:30px;
	margin:20px auto;
	width:200px;
}

/* Menu gauche */

ul#menu_gauche {
	font-size:10px;
	margin:20px auto;
	text-transform:uppercase;
	width:200px;
}

h2.menu_gauche  {
	margin:20px 0 20px 5px;
	width:235px;
	_width:200px;
}

ul#menu_gauche li {
	background:url(../images/fond-menu-gauche.png) repeat-x center bottom;
	border:1px solid #eee;
	display:block;
	height:40px;
}

ul#menu_gauche li a {
	color:#9E005D;
	display:block;
	height:35px;
	margin:0;
	padding:10px 0 0 10px;
	text-decoration:none;
}

ul#menu_gauche li a:hover {
	text-decoration:underline;
}

ul#menu_gauche li a.gauche-selected {
	background:#5B1139;
	border:1px ridge;
	color:#fff;
	display:block;
	text-decoration:none;
}

/****** PRINCIPAL ******/

/***** Navigation *****/

ul#navigation {
	height:71px;
}

ul#navigation li {
	display:inline;
	height:71px;
}

ul#navigation a {
	background:url(../images/nav.png) no-repeat center top;
	color:#fff;
	display:block;
	float:left;
	font-size:9px;
	height:51px;
	line-height:14px;
	margin:0 10px 0 0;
	padding:10px;
	text-decoration:none;
	width:179px;
	_margin:0 6px 0 0;
}

ul#navigation a:hover {
	background:url(../images/nav-hover.png) no-repeat center top;
}

ul#navigation a.selected {
	background:url(../images/nav-selected.png) no-repeat center top;
}

ul#navigation a span {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0 0 5px 0;
	text-transform:uppercase;
}

/* Bloc brochures */
div#bloc-brochures {
	border:1px solid #E0801E;
	float:right;
	margin:0px 0 25px 30px;
	padding:10px;
	width:200px;
}

div#bloc-brochures h2 {
	color:#4F0039;
	font-size:14px !important;
	font-weight:bold;
}

div#bloc-brochures p {
	font-size:12px;
}

div#bloc-brochures ul {
	font-size:12px;
}

div#bloc-brochures li {
	margin:15px 0;
}

div#bloc-brochures a {
	color:#E0801E;
}

table.brochures {
	/*width:320px !important;*/
}

table.brochures td {
	padding:5px;
	vertical-align:top;
}

table.brochures td {
	vertical-align:top;
}


/* Bloc Projet de voyage */
div#projet-voyage {
	background:#F8F8EE;
	padding:10px;
	width:500px;
}

div#projet-voyage h2 {
	color:#D55B35 !important;
	font-size:14px !important;
	font-weight:bold;
}

div#projet-voyage p {
	font-size:12px;
	margin:10px 0;
}

div#projet-voyage ul {
	font-size:12px;
}

div#projet-voyage li {
	margin:15px 0;
}

div#projet-voyage form {
	width:500px;
}

div#projet-voyage label {
	line-height:15px;
	width:150px !important;
}

div#projet-voyage input {

}

div#projet-voyage textarea {
	height:150px;
	margin:10px 0 10px 156px;
	width:300px;
}
/****** CONTENU ******/

div#contenu img {
	vertical-align:bottom;
}

div#contenu h2 {
	color:#4F0039;
	font-size:20px;
	margin:0 0 5px 0;
}

div#contenu h3 {
	color:#660033;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:0 0 5px 70px;
}

div#contenu h4 {
	font-size:15px;
	font-weight:bold;
	margin:20px 0 10px 0;
}

div#contenu p {
	font-size:12px;
	margin:5px 0 10px 0;
}

div#contenu p em {
	font-size:10px;
}

div#contenu p span {
	color:#afafaf;
	font-size:12px;
	text-transform:uppercase;
}

div#contenu a {
	color:#DA5A24;
	font-size:12px;
}

div#contenu h2.fidelite {
	background-color:#4F0039;
	color:#fff;
	font-size:21px;
	margin:0 0 0 1px;
	padding:5px 15px;
	width:597px;
}

ul.prochain-voyage {
	/*background:#EFEFEF;*/
	border-bottom:1px solid #A6A294;
	border-top:1px solid #A6A294;
	font-size:12px;
	margin:10px 0 20px 0 !important;
	padding:10px;
}

ul.prochain-voyage li {
	border-bottom:1px solid #fff;
	margin:10px 0;
}

ul.prochain-voyage a {
	color:#000 !important;
	font-size:12px !important;
	text-decoration:none;
}

ul.prochain-voyage a:hover {
	color:#000 !important;
	text-decoration:underline;
}

ul.prochain-voyage span {
	font-weight:normal;
}
span.titreVoyage{
	background:#C4C4AC;
	color:#957B58;
	display:block;
	font-weight:bold!important;
	font-size:14px;
	margin:10px 0;
	padding:5px 20px;
	text-transform:uppercase;
	width:500px;
}

div.miseEnAvant{
	background:#E0DBC8;
	border:1px solid #fff;
	margin:10px 0;
	padding:20px;
	width:520px!important;
}

span.pays {
	color:#000 !important;
	text-transform:uppercase;
}

span.libelle {
	color:#000 !important;
	font-weight:bold !important;
	text-transform:none !important;
}

span.reduction {
	color:#F15A24 !important;
	font-weight:bold !important;
}

ul.derniers-voyages {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 15px;
}

ul.derniers-voyages li {
	margin:0 0 7px 0;
}

ul.derniers-voyages span {
	font-weight:normal;
	text-transform:uppercase;
}

a.btn{display:block;float:right;margin:10px 0;}

ul.voyages {
	font-size:12px;
}

ul.voyages li {
	border-bottom:1px dashed #eee;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

#contenu .voyage-pays {
	font-weight: bold;
	color: #5d1f40;
}

#contenu .voyage-date {
	float: right;
	display: inline;
	color: #5d1f40;
	margin-right:10px;
}

/* Images fidelite */
img.img-fidelite {
	margin:0 10px 10px 0;
	max-height:130px;
}

/* FORMULAIRES */

fieldset.ajout-membre {
	border:1px solid #000;
	padding:5px;
	width:400px;
}

fieldset.ajout-membre p {
	margin:5px 0 5px 0;
}

fieldset.ajout-membre label {
	float: left;
	display: inline;
	width: 216px;
	text-align: right;
	margin-right: 6px;
}

fieldset.infos-compte {
	margin:0 auto;
	padding:5px;
}

fieldset.infos-compte p {
	margin:5px 0 5px 0;
}

fieldset.infos-compte label {
	float: left;
	display: inline;
	width: 216px;
	text-align: right;
	margin-right: 6px;
}

form#foyer p {
	margin:15px 0 10px 0;
}

form#connexion {
	margin:15px 0;}

input#modifier {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039;
	margin:20px 0 0 10px;
	font-size:10px !important;
	text-transform:uppercase;
}

input#valid {
	background:transparent;
	border:1px solid #fff;
	color:#000;
	margin:0px 0 0 0px;
	font-size:10px;
	text-transform:uppercase;
}

input#valid2 {
	background:transparent;
	border:1px solid #4F0039;
	color:#4F0039;
	margin:10px 0 20px 0px;
	font-size:10px !important;
	text-transform:uppercase;
}

.valid-home {
	color:#fff!important;
	margin:0 0 0 10px!important;
	width:220px !important;
}

input#reset {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039;
	margin:20px 0 0 50px;
	font-size:10px !important;
	text-transform:uppercase;
}

input.large {
	width:350px;
}

input.moyen {
	width:250px;
}

input.petit {
	width:20px;
}

#contenu label {
	float: left;
	display: inline;
	width: 216px;
	text-align: right;
	margin-right: 6px;
}

p.validation-formulaire {
	color:#4F0039;
	margin:10px 0;
}

/* Tableaux */
div#contenu table {
	border-collapse:collapse;
	font-size:12px;
	margin:10px 0;
	text-align:left;
	width:350px;
}

div#contenu tr.infos-1 {
	border-bottom:1px solid #000;
	height:20px;
	text-align:left;
}

div#contenu tr.infos-2 {
	height:20px;
}

a.modifier {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	float:right;
	font-size:10px !important;
	margin:5px 100px 0 0;
	padding:5px;
	text-transform:uppercase !important;
}

/*@group brochures*/

table.liste-brochures {
	margin:10px 0 30px 0 !important;
}

table.brochure {
	width:260px;
}

table.brochure tr {
	margin:0 0 10px 0;
}

td.case {
	text-align:center;
	width:30px;
}

dl.choix_brochures {
	float: left;
	font-size:12px;
	display: inline;
	width: 190px;
	height: 190px;
	text-align: center;
}

dl.choix_brochures dt {
	
}

dl.choix_brochures dt img {
	width: 111px;
	height: 150px;
}

div#label_new {
	color:#4F0039;
	font-weight:bold;
}

.bouton-brochure {
	background:#fff;
	border:1px solid #5D1F40;
	color:#5D1F40;
	font-size:10px;
	margin:10px 0 0 0;
	padding:2px;
	text-transform:uppercase;
}

a.bouton-brochure {
	background:#fff;
	border:1px solid #5D1F40;
	color:#5D1F40 !important;
	font-size:10px!important;
	margin:10px 0 0 275px;
	padding:2px 5px;
	position:absolute;
	text-decoration:none !important;
	text-transform:uppercase;
}

/*@end brochures*/

/* COORDONNEES */
div.case_coor {
	background:#F8F8EE;
	margin:20px 0 0 0;
	padding:20px;
	width:220px;
}

div.case_coor p {
	margin:0 !important;
}

form#nouvelles {
	font-size:12px;
}

form#nouvelles label {
	display:block;
	margin:20px 0;
	float:none;
	text-align:left;
	width:auto;
}

form#nouvelles span {
	color:#4F0039;
	margin:0 0 0 50px;
	text-decoration:underline;
	text-transform:uppercase;
}

/**********************/
/**********************/
/**********************/

div.recap-brochure {
	margin:0;
}

div.processus-commande-inscription {

}

div.processus-commande-brochure {
	margin:15px 0 0 0;
}

div.processus-commande-brochure span.miseEnAvant {
	color:#4F0039!important;
	font-size:14px!important;
	font-weight:bold;
	text-transform:none!important;
}

div.explications {
	border:1px solid #F5B702;
	float:right;
	margin:45px 0 0 0;
	padding:10px;
	width:220px;
}

div.explications h3 {font-size:12px!important;margin:0!important;}

div.explications p {font-size:10px!important;}

/*********************/
/****** CLASSES ******/
/*********************/

.clear {clear:both;}

.Fr {float:right;}

.Fl {float:left;}

hr.masquer {
	margin:20px 0;
	visibility:hidden;
}

span.tarification-tel {
	font-size:8px;
	font-weight:normal !important;
}

span.signature {
	display:block;
	margin:10px 0 0 400px;
}

.rouge {color:red;}

.bouton {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	float:right;
	font-size:10px !important;
	margin:15px 0 0 0;
	padding:2px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

.bouton3 {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	font-size:10px !important;
	margin:10px 0 0 0;
	padding:2px 5px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}


.bouton-gauche {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	float:left;
	font-size:10px !important;
	margin:5px 30px 0 0;
	padding:2px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

.bouton-annuler {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	float:left;
	font-size:11px !important;
	margin:20px 0px 0 0;
	padding:1px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

.bouton-annuler-membre {
	background:#fff;
	border:1px solid #4F0039;
	color:#4F0039 !important;
	float:left;
	font-size:11px !important;
	margin:5px 10px 0 0;
	padding:3px 5px;
	text-decoration:none;
	text-transform:uppercase;
}

.lien-parution {
	color:#4F0039 !important;
	font-size:10px;
	margin:0 0 0 35px;
	text-transform:uppercase;
}

p.warning {
	background:#DF0009;
	color:#fff;
	font-size:11px;
	padding:10px;
	text-align:right;
}

.valid {
	background:transparent;
	border:1px solid #fff;
	color:#000;
	margin:0px;
	font-size:10px !important;
	text-transform:uppercase;
}

.valid-brochure {
	background:#f35b2f !important;
	border:1px solid #feaf9b !important;
	color:#fff !important;
	float:right;
	margin:0px !important;
	font-size:15px !important;
	text-transform:uppercase !important;
}

input#motdepasse.motdepasse {
	border:1px solid #A5ACB2!important;
	margin:0!important;
	width:250px!important;
}

img.niveau {margin:5px 20px 0 0;}