html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana,Arial,sans-serif;
	font-size: 11px;
	color: #476d7f;
	line-height: 14px;
}

#page {
	min-height: 100%;
	width: 100%;
}

.overflow{
	overflow: hidden;
}

#header #ligne1{
	width: 1024px;
	height: 136px;
	text-align: left;
}

#header #ligne2{
	width: 1024px;
	height: 44px;
	text-align: left;
}

#header #ligne3{
	width: 1024px;
	text-align: left;
	height: 21px;
	margin-bottom: 3px;
}

#header #ligne3Voyage{
	background: url(graph/sous_menu_voyage_fond.jpg) top left no-repeat;
	text-align: left;
	width: 1024px;
	height: 21px;
	margin-bottom: 3px;
}

#header #ligne3Sortie{
	background: url(graph/sous_menu_sortie_fond.jpg) top left no-repeat;
	text-align: left;
	width: 1024px;
	height: 21px;
	margin-bottom: 3px;
}

#header #ligne3Club{
	background: url(graph/sous_menu_club_fond.jpg) top left no-repeat;
	text-align: left;
	width: 1024px;
	height: 21px;
	margin-bottom: 3px;
}

#header #ligne4{
	text-align: left;
	height: 25px;
	margin-bottom: -10px;
	padding-left: 10%;
	background: url(graph/fond_bandeau_orange.jpg) top left repeat-x;
}

#header #ligne4 .texteNewsletter{
	padding-top: 4px;
}

#header #ligne4 .divFormNewsletter{
	padding-top: 3px;
}

#header #ligne4 .texteNewsletterInscription{
	padding-top: 5px;
}

#header #ligne4 .texteDeniereMinute{
	padding-top: 4px;
}

#header #ligne4 .texteDeniereMinuteTexte{
	padding-top: 5px;
	padding-left: 3px;
}

#header #ligne4 .fluxRss{
	padding-top: 5px;
}

#navigation{
	padding-top: 4px;
	padding-left: 190px;
}

#identification{
	float: right;
	text-align: left;
	background: url(graph/identification_fond.jpg) top left no-repeat;
	width: 278px;
	height: 136px;
}

#identifie{
	float: right;
	text-align: left;
	background: url(graph/identifie_fond.png) top left no-repeat;
	width: 278px;
	padding-top: 10px;
	line-height: normal;
	height: 126px;
}

#identification form{
	margin: 0;
	padding: 10px 0px 0px 10px;
}

#identification .inputDesign{
	border: 1px solid #f58c42;
	margin-bottom: 6px;
}

#boutonCreerCompte{
	position: relative;
	z-index: 2;
	width: 77px;
	height: 77px;
	margin-top: -40px;
	margin-left: -30px;
}

#identification label {
	display: block;
	width: 90px;
	float: left;
	text-align: right;
}

#overflow{
	overflow: hidden;
}

#homepageFondLigne1{
	background: #a9d3e1;
	height: 250px;
}

#contenuHomepage #ligne1{
	width: 1024px;
	position: relative;
}

#contenuHomepage #ligne2{
	width: 1024px;
	position: relative;
}

#contenuHomepage #ligne1 #homepageFlash{
	width: 755px;
	height: 250px;
}

#contenuHomepage #ligne1 #homepageContenuFlash{
	padding-top: 10px;
	padding-left: 20px;
	width: 249px;
	height: 234px;
	text-align: left;
}

#homepageFormeHumaine{
	z-index: 2;
	position: absolute;
	width: 112px;
	height: 166px;
	margin-top: 30px;
	margin-left: 140px;
	background: url(graph/homepage_forme_humaine_bleu.png) right no-repeat;
}

#homepageContenuGaucheNonConnecte .texte{
	position: relative;
	z-index: 2;
	padding-top: 20px;
	padding-left: 20px;
}

#homepageContenuGaucheNonConnecte{
	text-align: left;
	height: 270px;
	width: 380px;
	background: url(graph/homepage_fond_gauche.jpg) bottom left no-repeat;
}

#homepageImageGauche{
	z-index: 1;
	position: absolute;
	width: 348px;
	height: 122px;
	margin-top: 136px;
	margin-left: 24px;
	background: url(graph/homepage_fond_picture_gauche.jpg) bottom right no-repeat;
}

#homepageLesPlusCpn{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 380px;
	margin-top: 4px;
	background: url(graph/homepage_les_plus_cpn_fond.png) top left no-repeat;
}

#homepageNosDossiers{
	position: relative;
	float: left;
	z-index: 2;
	background: url(graph/homepage_fond_dossier.png) bottom left no-repeat;
	width: 143px;
	height: 143px;
	top: -20px;
	left: -52px;
}

#homepageNosDossiers .titre{
	text-align: center;
	display: block;
	padding-top: 25px;
	padding-left: 0px;
}

#homepageNosDossiers .contenu{
	text-align: center;
	display: block;
	padding-top: 0px;
	padding-left: 4px;
}

#homepageLesPlusCpnContenu{
	margin-top: 54px;
	margin-left: 11px;
}

#homepageLesPlusCpnContenu .contenu{
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	float: left;
	width: 222px;
	padding-right: 10px;
}

#homepageLesPlusCpnContenu .contenuTotal{
	padding-left: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	display: block;
	width: 322px;
}

#homepageLesPlusCpnContenu .photo{
	float: left;
	margin-top: 3px;
}

#homepageContenuDroit{
	margin-left: 1px;
	text-align: left;
	height: 270px;
	width: 643px;
	background: url(graph/homepage_fond_droit.jpg) bottom left no-repeat;
}

#homepageClub{
	margin-top: 20px;
	margin-left: 14px;
	width: 204px;
	height: 245px;
	background: url(graph/homepage_le_club_fond.png) bottom no-repeat;
}

#homepageClub form{
	margin: 0;
	padding: 0;
}

#homepageSeparationContenu{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 17px;
	height: 237px;
	width: 1px;
	background: url(graph/homepage_trait_orange.png) top repeat-y;
}

#homepageSeparationContenu2{
	margin-left: 8px;
	margin-right: 5px;
	margin-top: 17px;
	height: 237px;
	width: 1px;
	background: url(graph/homepage_trait_orange.png) top repeat-y;
}

#homepageVisiteGuide{
	margin-top: 17px;
	width: 120px;
}

#homepageCommunaute{
	margin-top: 17px;
}

#homepageCommunaute .premier{
	background: #ddf0f6 url(graph/carre_bleu.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	width: 240px;
	display: block;
	height: 16px;
}

#homepageCommunaute .dernierBleu{
	background: #ddf0f6 url(graph/carre_bleu.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
	width: 240px;
	display: block;
	height: 16px;
}

#homepageCommunaute .dernierBlanc{
	background: #fefefe url(graph/carre_bleu.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
	width: 240px;
	display: block;
	height: 16px;
}

#homepageCommunaute .homepageForumFondBleu{
	margin: 0;
	padding: 0;
	width: 240px;
	display: block;
	height: 16px;
	background: #ddf0f6;
}

#homepageCommunaute .homepageForumFondBlanc{
	margin: 0;
	padding: 0;
	display: block;
	width: 240px;
	height: 16px;
	background: #fefefe;
}

.defilementPhoto{
	padding-top: 15px;
}

.homepagePhoto{
	display: block;
	margin-left: 8px;
	margin-right: 8px;
}

#footerHomepageConnecte{
	position: relative;
	z-index: 3;
	width: 850px;
	margin-top: -80px;
	padding-bottom: 20px;
}

#footer{
	position: relative;
	z-index: 3;
	width: 850px;
	margin-top: 20px;
	padding-bottom: 20px;
}

#homepageActualisation{
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
}
/*******************************************************/
/*******************PAGES VOYAGES********************/
/*******************************************************/
#voyageFondLigne1{
	background: #a5d3f2;
	height: 250px;
}

#contenuVoyage #ligne1{
	width: 1084px;
	padding-top: 16px;
	height: 220px;
	position: relative;
	text-align: left;
	line-height: 16px;
	margin-left: 45px;
}

#contenuVoyage #ligne1V2{
	width: 1084px;
	height: 250px;
	position: relative;
	text-align: left;
	margin-left: 58px;
}

#contenuVoyage #ligne1V2 #voyagesPrincipaux{
	float: left;
	background: #ffffff;
	width: 492px;
	height: 250px;
}

#contenuVoyage #ligne1V2 #voyagesPrincipaux img{
	padding: 0;
	margin: 0;
	border: 0;
}

#contenuVoyage #ligne1V2 #listeProchaineVoyage{
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	width: 215px;
}

#contenuVoyage #ligne2{
	width: 1024px;
	position: relative;
}

#contenuVoyage #ligne1 .paddingVoyage{
	margin-left: 10px;
}

#contenuVoyage #ligne1 .accueilVoyageSelectionne{
	background: url(graph/voyage-accueil-fond-voyage-selectionne.png) top right no-repeat;
	width: 196px;
	height: 218px;
}

#contenuVoyage #ligne1 .accueilVoyageSelectionne2{
	width: 215px;
	height: 216px;
}

#contenuVoyage #ligne1 .image{
	padding-top: 3px;
	padding-left: 3px;
}

#contenuVoyage #ligne1 .contenu{
	display: block;
	padding-top: 10px;
	padding-left: 10px;
}

#contenuVoyage #ligne1 .accueilVoyageFlashMapMonde{
	display: block;
	position: relative;
	padding-left: 10px;
	width: 310px;
}

#accrocheMapMonde{
	position: absolute;
	background: #d0e8f8;
	width: 280px !important;
	width: 283px;
	height: 40px;
	margin-top: 152px;
	margin-left: -10px;
	color: #30043f;
}

#contenuVoyage #ligne1V2 #accueilVoyageFlashMapMonde2{
	display: block;
	position: relative;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
	width: 310px;
}

.decalage {
	margin-left: 20px;
	}
	
.espace {
	padding-bottom : 5px;
}

.espacedroit {
	margin-left : 30px;
}

.espacedroit2 {
	margin-left : 20px;
}

#accueilVoyageSilhouetteBlanche{
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 139px;
	margin-top: 90px;
	margin-left: 5px;
	background: url(graph/voyage-silhouette-blanche.png) bottom left no-repeat;
}

#accueilVoyageSilhouetteBlanche2{
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 139px;
	margin-top: 107px;
	margin-left: -12px;
	background: url(graph/voyage-silhouette-blanche.png) bottom left no-repeat;
}

#MapMonde{
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 10px;
	width: 292px;
	height: 150px;
}

#voyageTrouverVol{
	margin-top: 17px;
	width: 120px;
}

#voyageTrouverVol2{
	margin-top: 17px;
	width: 115px;
}

#voyageClub{
	position: relative;
	z-index: 10;
	margin-top: 20px;
	margin-left: 14px;
	width: 204px;
	height: 245px;
	background: url(graph/voyage_le_club_fond.png) bottom no-repeat;
}

#texteInformation{
	position: relative;
	z-index: 10;
	margin-top: 15px;
	margin-left: 10px;
	width: 228px;
	height: 245px;
	line-height: normal;
}

#voyageClubContour{
	position: relative;
	z-index: 10;
	padding-left: 20px;
	width: 241px;
	height: 270px;
	background: url(graph/voyage-formulaire-recherche-contour-fond.png) bottom left no-repeat;
}

#voyageClub form{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#voyageClubContour form{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#voyageBonsPlans{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 380px;
	margin-top: 4px;
	background: url(graph/voyage-bons-plans-fond.png) top left no-repeat;
}

#voyageBonsPlansContenu{
	margin-top: 44px;
	margin-left: 15px;
}

#voyageBonsPlansContenuGauche{
	float: left;
	width: 236px;
	padding-right: 8px;
}

#voyageBonsPlansImageDroite{
	float: left;
}

#voyageAVenirParTheme{
	position: relative;
	z-index: 10;
	width: 180px;
}

#contenuListeVoyage{
	width: 1024px;
	text-align: left;
}

#contenuListeVoyage #colonneGauche{
	float: left;
	text-align: left;
	width: 738px;
}

#contenuListeVoyage #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 256px;
}

#contenuDetailVoyage{
	width: 1024px;
	text-align: left;
}

#contenuDetailVoyage #colonneGauche{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuDetailVoyage #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 250px;
}

#contenuDetailVoyage  #colonneGauche .contenu {
	display: block;
	float: left;
	width: 520px;
	padding: 20px 10px 20px 20px;
	text-align: justify;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite {
	display: block;
	float: left;
	width: 180px;
	padding-top: 20px;
	padding-right: 0px;
}

#contenuDetailVoyage  #colonneGauche .contenu2 {
	display: block;
	float: left;
	width: 520px;
	padding-top: 20px;
	margin-left: 16px;
	text-align: justify;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 {
	display: block;
	float: left;
	width: 187px;
	padding-top: 20px;
	padding-right: 0px;
}

#contenuDetailVoyage  #voyageDetailTitre{
	background: url(graph/voyage_detail_fond_titre.jpg) top left no-repeat;
	width: 703px;
	height: 73px;
	text-align: left;
	margin-left: 16px;
	margin-top: 20px;
	color: #330044;
}

#contenuDetailVoyage  #voyageDetailTitre2{
	background: url(graph/voyage_detail_fond_titre2.jpg) top left no-repeat;
	width: 703px;
	height: 210px;
	text-align: left;
	margin-left: 16px;
	margin-top: 20px;
	color: #330044;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 #affichagePrix {
	background: url(graph/voyage_detail_fond_prix.jpg) top left no-repeat;
	width: 187px;
	height: 118px;
	color: #330044;
	padding-left: 10px;
	line-height: 18px;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 #affichageGuide {
	background: url(graph/voyage_detail_fond_guide.jpg) top left no-repeat;
	width: 187px;
	height: 61px;
	color: #FBF8FC;
	padding-top: 3px;
	line-height: 18px;
	text-align: center;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 .affichageUneLigne {
	display: block;
	background: url(graph/voyage_detail_fond_droite_violet.jpg) top left no-repeat;
	width: 187px;
	height: 26px;
	padding-top: 3px;
	line-height: 18px;
	margin-top: 6px;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 #affichageInformation {
	display: block;
	background: url(graph/voyage_detail_fond_information.jpg) top left no-repeat;
	width: 187px;
	height: 57px;
	padding-top: 0px;
	line-height: 18px;
	text-align: center;
	margin-top: 6px;
}

#contenuDetailVoyage  #colonneGauche .colonneDroite2 #affichageInformationAbonne {
	display: block;
	position: relative;
	background: #f4e8e8;
	border: 1px solid #b8d8ed;
	width: 185px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 16px;
	text-align: left;
	margin-top: 6px;
	color: #330044;
}

#contenuDetailVoyage  #contenuVoyageContour {
	background: url(graph/voyage-detail-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#contenuDetailVoyage  #contenuVoyageInscriptionContour {
	background: url(graph/voyage-detail-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	padding: 20px;
	overflow: hidden;
}

#contenuDetailVoyage  #contenuVoyageInscriptionContour fieldset{
	border: 2px solid #482762;
	width: 680px;
}

#contenuVoyageInscriptionContour label{
	display: block;
	float: left;
	width: 190px;
	padding-top: 4px;
	font-size: 14px;
	color: #7ca7b7;
}

#contenuVoyageInscriptionContour .marginBottom{
	margin-bottom: 20px;
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#contenuDetailVoyage .voyageContenuDroitFond{
	display: block;
	background: url(graph/voyage-detail-contenu-droit-fond.jpg) top left repeat-y;
	overflow: hidden;
	width: 145px;
	margin-left: 16px;
}

#contenuDetailVoyage .marginLeftContenuDroitFond{
	margin-left: 16px;
}

#contenuDetailVoyage #voyageDetailAutreSejour{
	float: left;
	width: 460px;
	padding-left: 20px;
}

#contenuDetailVoyage #voyageDetailAutreSejour2{
	width: 100%;
}

#contenuDetailVoyage .voyageContenuDroitFond form{
	margin: 0;
	padding: 0;
}

.listeVoyageAffichage{
	display: block;
	width: 738px;
	background: url(graph/liste_voyage_fond.gif) top left repeat-y;
	padding: 8px;
	overflow: hidden;
}

.listeVoyageAbonneAffichage{
	display: block;
	width: 738px;
	background: url(graph/liste_voyage_fond_rose.gif) top left repeat-y;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	overflow: hidden;
}

.listeVoyageAffichageTexte{
	display: block;
	float: left;
	text-align: left;
	width: 340px;
	padding-right: 8px;
}

.listeVoyageAbonneAffichageTexte{
	display: block;
	float: left;
	text-align: left;
	width: 324px;
	margin-left: 16px;
	margin-top: 6px;
}

.listeVoyageAffichageImage{
	display: block;
	float: left;
	text-align: center;
	padding-right: 10px;
	width: 170px;
}

.listeVoyageAbonneAffichageImage{
	display: block;
	float: left;
	text-align: left;
	width: 170px;
}

.listeVoyageAbonneAffichageSavoirPlus{
	text-align: center;
	width: 180px;
	float: left;
	margin-top: 6px;
	margin-left: 13px;
}

.listeVoyageAffichagePrix{
	display: block;
	float: left;
	text-align: left;
	background: url(graph/liste_voyage_fond_prix.gif) center center no-repeat;
	width: 191px;
	height: 131px;
	color: #FBF8FC;
}

.listeVoyageAffichagePrix .contenu{
	margin-left: 14px;
	width: 130px;
}

#voyageFondTheme{
	height: 28px;
	background: #a9d6f3;
}
/*******************************************************/
/*******************PAGES SORTIES*********************/
/*******************************************************/
#contenuSortie #ligne1{
	width: 1024px;
	padding-top: 16px;
	height: 220px;
	position: relative;
	text-align: left;
	line-height: 16px;
}

#sortieFondLigne1{
	background: #cdd1ed;
	height: 250px;
}

#contenuSortie #ligne1 .paddingSortie{
	margin-left: 8px;
}

#contenuSortie #ligne1 .accueilSortieSelectionne{
	background: url(graph/voyage-accueil-fond-voyage-selectionne.png) top right no-repeat;
	width: 196px;
	height: 218px;
}

#contenuSortie #ligne1 .image{
	padding-top: 3px;
	padding-left: 3px;
}

#contenuSortie #ligne1 .contenu{
	display: block;
	padding-top: 8px;
	padding-left: 10px;
}

#MapFrance{
	float: left;
	position: relative;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin-left: 14px;
	margin-top: 10px;
}

#contenuSortie #ligne1 .accueilSortieFlashMapFrance{
	display: block;
	position: relative;
	width: 208px;
}

#accueilSortieSilhouetteBlanche{
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 139px;
	margin-top: 90px;
	margin-left: -44px;
	background: url(graph/voyage-silhouette-blanche.png) bottom left no-repeat;
}

.accueilLoisirVenir{
	position: relative;
	z-index: 10;
	display: block;
	float: left;
	width: 153px;
	line-height: 13px;
}

.sortieSeparationPictoTheme{
	margin: 0px 1px 4px 1px;
}

#contenuSortie #ligne2{
	width: 1024px;
	position: relative;
}

#sortieRendezVous{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 380px;
	margin-top: 4px;
	background: url(graph/sortie_fond_rendez_vous.png) top left no-repeat;
}

#sortieRendezVousContenu{
	margin-top: 44px;
	margin-left: 15px;
}

#sortieCoupCoeurContenuGauche{
	float: left;
	width: 240px;
	padding-right: 8px;
}

#sortieCoupCoeurImageDroite{
	float: left;
}

#sortieClub{
	margin-top: 20px;
	margin-left: 14px;
	width: 204px;
	height: 245px;
	background: url(graph/sortie_le_club_fond.png) bottom no-repeat;
}

#sortieClub form{
	margin: 0;
	padding: 0;
	font-weight: normal;
}

#sortieImagesLiens{
	margin-top: 17px;
	width: 120px;
}

#sortieListe{
	width: 1024px;
}

#sortieListe #colonneGauche{
	float: left;
	text-align: left;
	width: 738px;
}

#sortieListe #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 256px;
}

.listeSortieAffichage{
	display: block;
	width: 738px;
	background: url(graph/liste_sortie_fond.gif) top left repeat-y;
	padding: 8px;
	overflow: hidden;
}

.listeSortieAffichageBleu{
	display: block;
	width: 738px;
	background: url(graph/liste_sortie_bleu_fond.gif) top left repeat-y;
	padding: 8px;
	overflow: hidden;
}

.listeSortieAffichageTexte{
	display: block;
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 340px;
	padding-right: 8px;
}

.listeSortieAffichageTexteBleu{
	display: block;
	float: left;
	text-align: left;
	width: 420px;
	padding-right: 8px;
}

.listeSortieAffichageImage{
	display: block;
	float: left;
	text-align: center;
	width: 180px;
}

.listeSortieAffichagePrix{
	display: block;
	text-align: left;
	background: url(graph/liste_sortie_fond_prix.gif) center center no-repeat;
	width: 191px;
	height: 109px;
}

.listeSortieAffichagePrixSansCadre{
	display: block;
	text-align: left;
	background: url(graph/liste_sortie_fond_prix_sans_cadre.gif) center center no-repeat;
	width: 191px;
	height: 109px;
}

.listeSortieAffichagePrixTableHote{
	display: block;
	text-align: left;
	border: 1px solid #766dac;
	width: 172px;
	height: 60px;
}

.listeSortieAffichageCreateur{
	display: block;
	text-align: left;
    float: left;
    width: 80px;
}

.listeSortieAffichagePrix .contenu{
	margin-left: 14px;
	width: 140px;
}

.listeSortieAffichagePrixTableHote .contenu{
	margin-left: 14px;
	width: 140px;
}

#contenuDetailSortie{
	width: 1024px;
	text-align: left;
}

#contenuDetailSortie #colonneGauche{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuDetailSortie #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 250px;
}

#contenuDetailSortie #contenuSortieContour {
	background: url(graph/sortie-detail-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#contenuDetailSortie #contenuSortieContour .contenu {
	padding: 20px 10px 20px 20px;
	text-align: center;
}

#contenuDetailSortie  #colonneGauche .contenu {
	display: block;
	float: left;
	width: 520px;
	padding: 20px 10px 20px 20px;
	text-align: justify;
}

#contenuDetailSortie  #colonneGauche .contenu2 {
	display: block;
	float: left;
	width: 520px;
	padding-top: 20px;
	margin-left: 16px;
	text-align: justify;
}

#contenuDetailSortie  #colonneGauche .colonneDroite2 {
	display: block;
	float: left;
	width: 187px;
	padding-top: 20px;
	padding-right: 0px;
}

#contenuDetailSortie  #colonneGauche .colonneDroite2 #affichageInformation {
	display: block;
	background: url(graph/loisir_detail_fond_information.jpg) top left no-repeat;
	width: 187px;
	height: 57px;
	padding-top: 0px;
	line-height: 18px;
	text-align: center;
	margin-top: 6px;
}

#contenuDetailSortie  #colonneGauche .colonneDroite {
	display: block;
	float: left;
	width: 180px;
	padding-top: 20px;
	padding-right: 0px;
}

#contenuDetailSortie  #colonneGauche .colonneDroite2 #affichagePrix {
	background: url(graph/loisir_detail_fond_prix.jpg) top left no-repeat;
	width: 187px;
	height: 118px;
	color: #330044;
	padding-left: 10px;
	line-height: 18px;
}

#contenuDetailSortie  #loisirDetailTitre{
	background: url(graph/loisir_detail_fond_titre.jpg) top left no-repeat;
	width: 703px;
	height: 73px;
	text-align: left;
	margin-left: 16px;
	margin-top: 20px;
	color: #330044;
}

#contenuDetailSortie  #loisirDetailBas{
	background: url(graph/loisir_detail_fond_titre3.gif) top left no-repeat;
	width: 703px;
	height: 150px;
	text-align: center;
	margin-top: 20px;
	margin-left: 16px;
	padding-top: 40px;
	font-size: 13px;
	color: #FFFFFF;
}

#contenuDetailSortie  #colonneGauche .colonneDroite2 .affichageUneLigne {
	display: block;
	background: url(graph/loisir_detail_fond_droite_violet.jpg) top left no-repeat;
	width: 187px;
	height: 26px;
	padding-top: 3px;
	line-height: 18px;
	margin-top: 6px;
}

#contenuDetailSortie #sortieDetailAutre{
	float: left;
	width: 460px;
	padding-left: 20px;
}

#contenuDetailSortie .marginLeftContenuDroitFond{
	margin-left: 16px;
}

#contenuDetailSortie .sortieContenuDroitFond{
	display: block;
	background: url(graph/sortie-detail-contenu-droit-fond.jpg) top left repeat-y;
	overflow: hidden;
	width: 145px;
	margin-left: 16px;
}

#contenuDetailSortie .sortieContenuDroitFond form{
	margin: 0;
	padding: 0;
}

#sortieClubContour{
	position: relative;
	z-index: 10;
	padding-left: 20px;
	width: 241px;
	height: 270px;
	background: url(graph/sortie-formulaire-recherche-contour-fond.png) bottom left no-repeat;
}

#sortieClubContour form{
	padding: 0;
	margin: 0;
}

#sortieMenuMapFrance{
	background: #cdd1ed;
	width: 230px;
	height: 240px;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 8px;
}

#sortieMenuProposerSortie{
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#accueilSortieSilhouetteBlancheMenuSortie{
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 139px;
	margin-top: 96px;
	margin-left: 8px;
	background: url(graph/voyage-silhouette-blanche.png) bottom left no-repeat;
}

#MapFranceMenu{
	float: left;
	position: relative;
	z-index: 1;
	width: 150px;
	height: 150px;
	margin-left: 24px;
	margin-top: 10px;
}

#contenuFormulaireSortie{
	width: 1024px;
	text-align: left;
}

#contenuFormulaireSortie #colonneGauche{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuFormulaireSortie #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 250px;
}

#contenuFormulaireSortie #contenuSortieContour {
	background: url(graph/sortie-detail-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#contenuFormulaireSortie #contenuSortieContour .contenu {
	padding: 20px 10px 20px 50px;
	text-align: left;
}

#contenuFormulaireSortie label{
	display: block;
	float: left;
	width: 130px;
	padding-top: 4px;
	font-size: 14px;
	color: #7ca7b7;
}

#contenuFormulaireSortie .marginBottom{
	margin-bottom: 20px;
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#sortieFondTheme{
	height: 28px;
	background: #cdd1ee;
}

#sortieFondThemeGrand{
	height: 53px;
	background: #cdd1ee;
}

#contenuDetailSortie{
	width: 1024px;
	text-align: left;
}

#contenuDetailRdv{
	width: 1024px;
	text-align: left;
}

#contenuDetailRdv #colonneGauche{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuDetailRdv #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 250px;
}

#contenuDetailRdv  #colonneGauche .colonneDroite {
	display: block;
	float: left;
	width: 180px;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 10px;
}

#contenuDetailRdv #contenuRdvContour {
	background: url(graph/sortie-detail-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#contenuDetailRdv #contenuRdvContour .contenu {
	padding: 10px 10px 20px 20px;
	text-align: left;
}

#contenuDetailRdv #contenuRdvContour .contenu .texteIntro {
	display: block;
	width: 400px;
}

.detailColonneDroiteContour{
	display: block;
	width: 174px;
	border: 1px solid #746fa9;
}

.detailColonneDroiteContour .contenuColonneDroite{
	text-align: left;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}
/*******************************************************/
/*********************PAGES CLUB***********************/
/*******************************************************/
#contenuClub #ligne1{
	width: 1024px;
	height: 220px;
	position: relative;
	text-align: left;
	line-height: 16px;
}

#contenuClub #ligne10{
	width: 1600px;
	height: 220px;
	position: relative;
	text-align: center;
	line-height: 16px;
}

#contenuClub .paddingTop{
	padding-top: 16px;
}

#clubFondLigne1{
	background: #dac6d7;
	height: 250px;
}

#clubFondLigne1Bis{
	background: url('graph/fond-pre-club.jpg') top left repeat-x;
}

.mauve {
background: #dac6d7;

}

#clubOffrePromo{
	width: 490px;
	height: 250px;
	text-align: left;
	float: left;
}

#clubOffrePromo2{
	width: 501px;
	height: 250px;
	text-align: left;
	float: left;
	background: #ffffff;
}


#clubOffrePromoImageFond{
	position: absolute;
	z-index: 1;
	width: 490px;
	height: 250px;
	background: #cecece;
}

#clubOffrePromo .contenu{
	position: relative;
	z-index: 10;
	padding-top: 110px;
	padding-left: 10px;
}

#contenuClub #ligne1 .paddingClub{
	margin-left: 8px;
}

#clubMapFrance{
	float: left;
	position: relative;
	z-index: 10;
	width: 180px;
	height: 180px;
	margin-left: 22px;
}

#contenuClub #ligne1 .accueilClubFlashMapFrance{
	display: block;
	position: relative;
	width: 210px;
}

#accueilClubSilhouetteBlanche{
	position: absolute;
	z-index: 2;
	width: 93px;
	height: 139px;
	margin-top: 90px;
	margin-left: -50px;
	background: url(graph/voyage-silhouette-blanche.png) bottom left no-repeat;
}

#clubProposerSortie{
	position: absolute;
	z-index: 2;
	margin-top: 12px;
}

#clubProposerSortie .contenu{
	text-align: center;
	float: left;
	margin-top: 16px;
}

#clubProposerSortie .contenu2{
	text-align: left;
	float: left;
}

.accueilClubRdvCpn{
	position: relative;
	z-index: 10;
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 13px;
	width: 280px;
}

.accueilClubRdvCpn2{
	position: relative;
	z-index: 10;
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 13px;
	width: 278px;
}

.clubSeparationPictoTheme{
	margin: 0px 1px 4px 1px;
}

#contenuClub #ligne2{
	width: 1024px;
	position: relative;
}

#clubZoomProfil{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 380px;
	margin-top: 4px;
	background: url(graph/club_fond_zoom_profil.png) top left no-repeat;
}

#clubZoomProfil2{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 380px;
	margin-top: 4px;
	background: url(graph/club_fond_zoom_profil2.png) top left no-repeat;
}

#clubZoomProfil20{
	overflow: visible;
	position: relative;
	z-index: 1;
	text-align: left;
	width: 720px;
	margin-top: 4px;
	background: url(graph/fd_messagerie.png) top left no-repeat;
}

#clubZoomProfilContenu{
	margin-top: 50px;
	margin-left: 15px;
}

#clubZoomProfilContenu2{
	margin-top: 20px;
	margin-left: 15px;
}

#clubZoomProfilContenu20{
	margin-top: 10px;
	margin-left: 5px;
}

#clubZoomProfilContenuGauche{
	float: left;
	width: 240px;
	padding-right: 8px;
}

#clubZoomProfilImageDroite{
	float: left;
}

#clubClub{
	margin-top: 20px;
	margin-left: 14px;
	width: 204px;
	height: 245px;
	background: url(graph/club_le_club_fond.png) bottom no-repeat;
}

#clubClub form{
	margin: 0;
	padding: 0;
}

#clubDernierAbonne{
	margin-top: 17px;
	width: 120px;
}

#clubDernierAbonne2{
	margin-top: 17px;
	width: 131px;
	border-left: 1px solid #fed9ac;
	border-right: 1px solid #fed9ac;
	margin-left: 20px;
	margin-right: 12px;
}


#clubDernierAbonne2 .premier{
	background: #ddf0f6 url(graph/carre_bleu.jpg) top left repeat-x;
	margin: 0;
	padding: 0;
	display: block;
	width: 120px;
	height: 16px;
}

#clubDernierAbonne2 .dernierBlanc{
	background: #fefefe url(graph/carre_bleu.jpg) bottom left repeat-x;
	margin: 0;
	padding: 0;
	display: block;
	height: 16px;
	width: 120px;
}

#clubDernierAbonne2 .homepageForumFondBleu{
	margin: 0;
	padding: 0;
	display: block;
	height: 16px;
	background: #ddf0f6;
	width: 120px;
}

#clubDernierAbonne2 .homepageForumFondBlanc{
	margin: 0;
	padding: 0;
	display: block;
	height: 16px;
	background: #fefefe;
	width: 120px;
}

#clubPackAbonnement{
	position: relative;
	float: left;
	z-index: 2;
	background: url(graph/club_fond_pack_abonnement.png) bottom left no-repeat;
	width: 143px;
	height: 143px;
	top: -20px;
	left: -54px;
}

#clubPackAbonnement .titre{
	text-align: center;
	display: block;
	padding-top: 52px;
	padding-left: 0px;
}

#clubPackAbonnement .contenu{
	text-align: center;
	display: block;
	padding-top: 0px;
	padding-left: 4px;
}

.clubZoomProfilProfil{
	display: block;
	float: left;
	width: 170px;
	text-align: left;
}
.clubZoomProfilProfil2{
	display: block;
	float: left;
	width: 170px;
	text-align: left;
}

.clubZoomProfilProfilColonneDroite{
	display: block;
	width: 229px;
	text-align: left;
	border: 1px solid #f58c42;
	margin-top: 8px;
	margin-left: 4px;
	margin-bottom: 8px;
}

.clubZoomProfilProfilColonneDroite .contenuGlobal{
	display: block;
	margin: 8px;
	overflow: hidden;
}

#clubRecherche{
	width: 1024px;
	padding-top: 10px;
}

#clubRecherche #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#clubRecherche #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
}

#clubRecherche  #clubRechercheContour {
	background: url(graph/club-recherche-detail-contenu-fond.jpg) top left repeat-y;
	width: 487px;
	float: left;
}

#clubRecherche  #colonneGauche .contenuGauche {
	padding: 20px 0px 20px 10px;
	width: 487px;
	text-align: justify;
}

#clubRecherche  #colonneGauche .contenuDroit {
	display: block;
	float: left;
	width: 230px;
	text-align: justify;
	margin-left: 10px;
}

#clubRecherche label{
	display: block;
	float: left;
	width: 130px;
	padding-top: 4px;
	font-size: 11px;
	color: #476d7f;
}

#clubRecherche .marginBottom{
	margin-bottom: 7px;
}

#clubRecherche .inputCouleur{
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

.clubRechercheListeProfil_backup_21_07_2009{
	display: block;
	width: 230px;
	float: left;
	border: 1px solid #f58c42;
	margin-right: 6px;
	margin-bottom: 6px;
	height: 124px;
}

.clubRechercheListeProfil_backup_21_07_2009  .photo{
	float: left;
	display: block;
	padding-top: 6px;
	width: 66px;
	padding-bottom: 4px;
	text-align: center;
}

.clubRechercheListeProfil_backup_21_07_2009  .information{
	float: left;
	display: block;
	padding-top: 8px;
	text-align: left;
}

.clubRechercheListeProfil_backup_21_07_2009  .picto{
	float: left;
	display: block;
	padding-left: 7px;
	text-align: left;
}

.clubRechercheListeProfil{
	display: block;
	width: 230px;
	float: left;
	background: url(graph/fond_recherche_profil.jpg) top left no-repeat;
	margin-right: 6px;
	margin-bottom: 6px;
	height: 129px;
}

.clubRechercheListeProfil2{
	display: block;
	width: 230px;
	float: left;
	background: url(graph/fond_recherche_profil2.jpg) top left no-repeat;
	margin-right: 6px;
	margin-bottom: 6px;
	height: 149px;
}

.clubRechercheListeProfil .photo, .clubRechercheListeProfil2 .photo{
	float: left;
	display: block;
	padding-top: 10px;
	width: 66px;
	padding-bottom: 4px;
	text-align: center;
}

.clubRechercheListeProfil .information, .clubRechercheListeProfil2 .information{
	float: left;
	display: block;
	padding-top: 8px;
	text-align: left;
}

.clubRechercheListeProfil .picto, .clubRechercheListeProfil2 .picto{
	float: left;
	display: block;
	padding-left: 7px;
	text-align: left;
}
/*******************************************************/
/*************PAGE SEJOUR INDIVIDUEL****************/
/*******************************************************/
#sejourIndividuel{
	width: 1024px;
	text-align: center;
}

#sejourIndividuel .gauche{
	float: left;
	display: block;
	width: 492px;
	height: 122px;
	text-align: right;
	padding-right: 20px;
}

#sejourIndividuel .droite{
	float: left;
	display: block;
	width: 492px;
	height: 122px;
	text-align: left;
	padding-left: 20px;
}

#sejourIndividuel .gauche2{
	float: left;
	display: block;
	width: 492px;
	text-align: right;
	padding-right: 20px;
}

#sejourIndividuel .droite2{
	float: left;
	display: block;
	width: 492px;
	text-align: left;
	padding-left: 20px;
}

#consulterAnnonce{
	width: 1024px;
}

#consulterAnnonce #colonneGauche{
	float: left;
	text-align: left;
	width: 738px;
}

#consulterAnnonce #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 256px;
}

.annonceAfficher{
	width: 737px;
	text-align: left;
	background: url(graph/consulter-annonce-fond.jpg) top left repeat-y;
}

.annonceAfficherTotal{
	display: block;
	margin-top: 10px;
	width: 737px;
}

.annonceAfficher .photo{
	width: 80px;
	text-align: center;
	padding-top: 10px;
}

.annonceAfficher .information{
	width: 120px;
	text-align: left;
	padding-top: 10px;
}

.annonceAfficher .texte{
	width: 390px;
	text-align: left;
	padding-top: 10px;
}

.annonceAfficher .prix{
	width: 140px;
	text-align: center;
	padding-top: 10px;
}
/*******************************************************/
/*******************PAGES FORUMS*********************/
/*******************************************************/
#contenuForum{
	width: 1024px;
	text-align: left;
}

#contenuForum #contenuForumContour, #contenuForumRdv #contenuForumContour{
	background: url(graph/forum-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#contenuForum #contenuForumContour .contenuBasForum, #contenuForumRdv .contenuBasForum{
	padding: 10px;
}

#contenuForum #contenuForumContour .contenuRecherche form, #contenuForumRdv .contenuRecherche form{
	padding: 0;
	margin: 0;
}

.messageVoyageAbonne{
	position: relative;
	display: block;
	width: 710px;
	border: 1px solid #b8d8ed;
	clear: both;
	overflow: hidden;
	margin-top: 10px;
}

#contenuForum .contenuRecherche, #contenuForumRdv .contenuRecherche{
	padding: 8px;
}

#contenuForum .contenuPremiereLigne, #contenuForumRdv .contenuPremiereLigne{
	display: block;
	width: 737px;
	background: #dbc6d7;
	height: 28px;
}

.contenuPremiereLigneVoyageAbonne {
	display: block;
	width: 710px;
	background: #dbc6d7;
	height: 28px;
}

#contenuForumContour .paddingForum, #contenuForumRdv .paddingForum{
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
}

#contenuForumContour .paddingForumTopic, .messageVoyageAbonne .paddingForumTopic, #contenuForumRdv .paddingForumTopic {
	padding-bottom: 8px;
	padding-left: 16px;
}

#contenuForum .enTeteDetailColonne1, #contenuForumRdv .enTeteDetailColonne1{
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}

#contenuForum .enTeteDetailColonne2, #contenuForumRdv .enTeteDetailColonne2{
	display: block;
	float: left;
	width: 584px;
	text-align: left;
}

.enTeteDetailColonne1VoyageAbonne {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}

.enTeteDetailColonne2VoyageAbonne {
	display: block;
	float: left;
	width: 557px;
	text-align: left;
}

#contenuForum .colonneDetail1, .messageVoyageAbonne .colonneDetail1, #contenuForumRdv .colonneDetail1{
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}

.messageVoyageAbonne .colonneDetail1 {
	display: block;
	float: left;
	width: 150px;
	text-align: left;
}

#contenuForum .colonneDetail1 form, .messageVoyageAbonne .colonneDetail1 form, #contenuForumRdv .colonneDetail1 form{
	padding: 0;
	margin: 0;
}

#contenuForum .colonneDetail2, .messageVoyageAbonne .colonneDetail2, #contenuForumRdv .colonneDetail2{
	display: block;
	float: left;
	width: 584px;
	text-align: left;
}

.messageVoyageAbonne .colonneDetail2 {
	display: block;
	float: left;
	width: 557px;
	text-align: left;
}

#contenuForum .enTeteColonne1 {
	display: block;
	float: left;
	width: 440px;
	text-align: left;
}

#contenuForum .enTeteColonne2 {
	display: block;
	float: left;
	width: 70px;
	text-align: left;
}

#contenuForum .enTeteColonne3 {
	display: block;
	float: left;
	width: 90px;
	text-align: left;
}

#contenuForum .enTeteColonne4 {
	display: block;
	float: left;
	width: 134px;
	text-align: left;
}

#contenuForum .colonne1, #contenuForumRdv .colonne1{
	display: block;
	float: left;
	width: 440px;
	text-align: left;
}

#contenuForum .colonne2, #contenuForumRdv .colonne2{
	display: block;
	float: left;
	width: 70px;
	text-align: center;
}

#contenuForum .colonne3, #contenuForumRdv .colonne3{
	display: block;
	float: left;
	width: 90px;
	text-align: center;
}

#contenuForum .colonne4, #contenuForumRdv .colonne4{
	display: block;
	float: left;
	width: 134px;
	text-align: center;
}

#contenuForum #colonneGauche{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuForum #colonneDroite{
	float: left;
	text-align: left;
	padding-left: 10px;
	width: 250px;
}
/*******************************************************/
/*****************PAGE INSCRIPTION*******************/
/*******************************************************/
#inscriptionContenu{
	text-align: left;
	width: 1024px;
	margin-top: 10px;
}

#inscriptionContenu label{
	display: block;
	float: left;
	width: 170px;
	padding-top: 2px;
	font-size: 12px;
	color: #7ca7b7;
}

#inscriptionContenu .marginBottom{
	margin-bottom: 10px;
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#inscriptionContenu .ImageValidationChamp{
	margin-bottom: 0px !important;
	margin-bottom: 19px;
}

#inscriptionContenu .marginTop{
	margin-top: 10px;
}

#inscriptionContenu .partiGauche{
	margin-top: 10px;
	padding-right: 90px;
	text-align: left;
}

#inscriptionContenu .partiDroite{
	margin-top: 10px;
	text-align: left;
}

#inscriptionContenu .sizeInscriptionNewsletter{
	font-size: 12px;
}

#inscriptionContenu #inscriptionBoutonNon{
	margin-left: 212px;
}

#inscriptionContenu .bleuInscriptionSpecial{
	color: #7ca7b7;
}

/**********************************************************/
/*********************PAGE INSCRIPTION.PHP*********************/
#inscriptionContenu2{
	text-align: left;
	width: 970px;
}

#inscriptionContenu2 label{
	display: block;
	float: left;
	width: 148px;
	padding-top: 2px;
	font-size: 13px;
	/*color: #7ca7b7;*/
}

#inscriptionContenu2 .marginBottom{
	margin-bottom: 20px;
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#inscriptionContenu2 .ImageValidationChamp{
	margin-bottom: 0px !important;
	margin-bottom: 19px;
}

#inscriptionContenu2 .marginTop{
	margin-top: 20px;
}

#inscriptionContenu2 .partiGauche{
	margin-top: 20px;
	text-align: left;
	width: 455px;
	padding-left: 40px;
}

#inscriptionContenu2 .partiDroite{
	margin-top: 20px;
	width: 475px;
	text-align: left;
}

.inputBorderVert{
	border: 1px solid green;
}

#inscriptionContenu2 .sizeInscriptionNewsletter{
	font-size: 12px;
}

#inscriptionContenu2 #inscriptionBoutonNon{
	margin-left: 226px;
}
/**********************************************************/
/*******************************************************/
/******************GESTION DOSSIER*******************/
/*******************************************************/
#menuDossier{
	float: left;
	text-align: left;
	line-height: 18px;
	padding-right: 30px;
}

#menuDossierFond{
	padding-top: 20px;
	width: 230px;
	background: url(graph/dossier-menu-fond.jpg) top left repeat-y;
}

#pagesDossier{
	width: 1024px;
	margin-top: 10px;
}

#contenuDossier{
	float: left;
	text-align: left;
	width: 737px;
}

#contenuDossierFond{
	background: url(graph/dossier-contenu-fond.jpg) top left repeat-y;
	padding-left: 20px;
	padding-right: 20px;
}
/*******************************************************/
/******************PAGES PROFILS ETC*******************/
/*******************************************************/
#monProfil{
	width: 1024px;
	padding-top: 20px;
}

#monProfil #colonneGauche{
	float: left;
	width: 530px;
	margin-right: 30px;
	text-align: left;
}

#monProfil #colonneDroite{
	float: left;
	width: 464px;
	text-align: left;
}

#monProfil #colonneGauche .photo{
	float: left;
	width: 75px;
	padding-right: 10px;
}

#monProfil #colonneGauche .photo2{
	float: left;
	width: 100px;
	padding-right: 8px;
	padding-left: 2px;
}

#monProfil #colonneGauche .informationPerso{
	float: left;
	width: 225px;
}

#monProfil #colonneGauche .informationPerso2{
	float: left;
	width: 201px;
}

#monProfil #colonneGauche #informationProfil{
	float: left;
	width: 443px;
}

#monProfil #colonneGauche #informationProfil2{
	float: left;
	width: 417px;
}

#monProfil #colonneGauche #profilAlbumPerso{
	width: 225px;
	background: url(graph/profil_album_perso_fond.jpg) top left repeat-y;
}

#monProfil #colonneGauche #profilAlbumPhoto{
	width: 224px;
	background: url(graph/profil_album_photo_fond.jpg) top left repeat-y;
}

#monProfil #colonneGauche #profilSilhouetteOrange{
	position: absolute;
	z-index: 10;
	margin-top: -14px;
	margin-left: 220px;
}

#monProfil #colonneDroite .profilFondOrange{
	background: url(graph/profil_fond_contenu.png) top left repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 438px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#monProfilModifier{
	width: 1024px;
	padding-top: 20px;
}

#monProfilModifier #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#monProfilModifier #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
}

#monProfilModifier #contenuProfilModifierContour {
	background: url(graph/detail-contenu-fond-737.jpg) top left repeat-y;
	width: 737px;
}

#monProfilModifier #contenuProfilModifierContour .contenu{
	display: block;
	padding-top: 20px;
	padding-left: 16px;
	padding-bottom: 10px;
	width: 700px;
}

#monProfilModifier label{
	display: block;
	float: left;
	width: 140px;
	padding-top: 4px;
	font-size: 11px;
	color: #476d7f;
}

#monProfilModifier .marginBottom{
	margin-bottom: 10px;
}

#monProfilModifier .fondInput{
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#monProfilAbonnement{
	width: 1024px;
	padding-top: 20px;
}

#monProfilAbonnement #colonneGauche{
	float: left;
	width: 530px;
	margin-right: 0px;
	text-align: left;
}

#monProfilAbonnement #colonneGaucheAbonnement{
	float: left;
	width: 737px;
	margin-right: 0px;
	text-align: left;
}

#monProfilAbonnement #colonneDroiteAbonnement{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

#monProfilAbonnement #colonneDroite{
	float: left;
	width: 464px;
	text-align: left;
}
/*******************************************************/
/***********************AGENDA***********************/
/*******************************************************/
#agenda{
	width: 1024px;
	text-align: left;
}

#agenda #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#agenda #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}
/*******************************************************/
/*********************MESSAGE***********************/
/*******************************************************/
#mesMessages{
	width: 1024px;
	text-align: left;
}

#mesMessages #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#mesMessages #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}
/*******************************************************/
/*****************POINT DE RENCONTRE*****************/
/*******************************************************/
#mesPointsDeRencontre{
	width: 1024px;
	text-align: left;
}

#mesPointsDeRencontre #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#mesPointsDeRencontre #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

#mesPointsDeRencontre .enTeteColonne1 {
	display: block;
	float: left;
	width: 540px;
	text-align: left;
}

#mesPointsDeRencontre .enTeteColonne2 {
	display: block;
	float: left;
	width: 70px;
	text-align: left;
}

#mesPointsDeRencontre .enTeteColonne3 {
	display: block;
	float: left;
	width: 90px;
	text-align: left;
}

#mesPointsDeRencontre .colonne1 {
	display: block;
	float: left;
	width: 540px;
	text-align: left;
}

#mesPointsDeRencontre .colonne2 {
	display: block;
	float: left;
	width: 70px;
	text-align: center;
}

#mesPointsDeRencontre .colonne3 {
	display: block;
	float: left;
	width: 90px;
	text-align: center;
}

#mesPointsDeRencontre #contenuForumContour {
	background: url(graph/forum-contenu-fond.jpg) top left repeat-y;
	width: 737px;
	overflow: hidden;
}

#mesPointsDeRencontre .contenuPremiereLigne {
	display: block;
	width: 737px;
	background: #dbc6d7;
	height: 28px;
}

#mesPointsDeRencontre .paddingForum {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 16px;
}
/*******************************************************/
/**********************MES RDV************************/
/*******************************************************/
#mesRdv{
	width: 1024px;
	text-align: left;
}

#mesRdv #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#mesRdv #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

#mesRdv label{
	display: block;
	float: left;
	width: 200px;
	padding-top: 4px;
	font-size: 11px;
	color: #476d7f;
}

#mesRdv .marginBottom{
	margin-bottom: 10px;
}

#mesRdv .fondInput{
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}

#proposerVoyageAbonne label{
	display: block;
	float: left;
	width: 200px;
	padding-top: 4px;
	font-size: 11px;
	color: #476d7f;
}

#proposerVoyageAbonne .marginBottom{
	margin-bottom: 10px;
}

#proposerVoyageAbonne .fondInput{
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}
/*******************************************************/
/**********************RESEAU************************/
/*******************************************************/
#monReseau{
	width: 1024px;
	text-align: left;
}

#monReseau #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#monReseau #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

/***** Divers *****/
.messageAutomatiqueNouveauInscrit{
	display: block;
	width: 720px;
}

.messageAutomatiqueNouveauInscrit .listeAffichageProfil{
	display: block;
	width: 690px;
	overflow: hidden;
	margin-left: 30px;
}

.messageAutomatiqueNouveauInscrit .afficherProfil{
	width: 220px;
	height: 79px;
	background: url('graph/message-automatique-fond-profil.jpg') top left no-repeat;
	overflow: hidden;
	float: left;
	margin-top: 14px;
}

.messageAutomatiqueNouveauInscrit .afficherProfil .photo{
	float: left;
	padding-right: 10px;
	margin-top: 8px;
	padding-left: 8px;
}

.messageAutomatiqueNouveauInscrit .afficherProfil .information{
	margin-top: 8px;
}

/*******************************************************/
/*********************FONT STYLE***********************/
/*******************************************************/
h1{
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 16px;
}

.brioude {
font-size: 12px;
text-align: left;
font-weight: bold;
}

h2{
	font-weight: normal;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

.size8{
	font-size: 8px;
}

.size9{
	font-size: 9px;
}

.size10{
	font-size: 10px;
}

.size11{
	font-size: 11px;
}

.size12{
	font-size: 12px;
}

.size13{
	font-size: 13px;
}

.size14{
	font-size: 14px;
}

.size15{
	font-size: 15px;
}

.size16{
	font-size: 16px;
}

.size17{
	font-size: 17px;
}

.size18{
	font-size: 18px;
}

.size19{
	font-size: 19px;
}

.size20{
	font-size: 20px;
}

.size26{
	font-size: 26px;
}

.gras{
	font-weight: bold;
}
.bleugras {
 	font-weight: bold;
	color:#6095b5;
}

.soulignebleugras {
	text-decoration: underline;
	font-weight: bold;
	color:#6095b5;
}

.normal{
	font-weight: normal;
}

.souligne{
	text-decoration: underline;
}

.italic{
	font-style: italic;
}

.couleurHomme{
	color:#2f099d;
}

.couleurFemme{
	color:#9d0991;
}

.blanc{
	color: #ffffff;
}

.noir{
	color: #000000;
}

.orange{
	color: #f58c42;
}

.rouge{
	color: red;
}

.vert{
	color: green;
}

.jauneOrange{
	color: #fab259;
}

.marron{
	color: #744828;
}

.bleu{
	color: #7ca7b7;
}

.gris{
	color: gray;
}
.grisFonce{
	color: #646464;
}

.bleuClair{
	color: #9acbf3;
}

.violet{
	color: #462868;
}

.violetFonce{
	color: #2f0141;
}

.violetVoyageAbonne{
	color: #250632;
}

.violetRose{
	color: #e1d1dc;
}

.couleurDefaut{
	color: #476d7f;
}

.couleurSousMenuClub{
	color: #53454d;
}

.couleurSousMenuSortie{
	color: #48577e;
}

.couleurSousMenuVoyage{
	color: #153d52;
}

.couleurFooterPipe{
	color: #5991aa;
}

.couleurTexteFooter{
	color: #7ab1c3;
}
/*******************************************************/
/***********************LIENS*************************/
/*******************************************************/
a:link, a:visited{
	color: #476d7f;
	font-weight: normal;
	text-decoration: none;
}
a:hover{
	color: #476d7f;
	font-weight: normal;
	text-decoration: underline;
}

a.lienViolet:link, a.lienViolet:visited{
	color: #2f0141;
	font-weight: normal;
	text-decoration: none;
}
a.lienViolet:hover{
	color: #2f0141;
	font-weight: normal;
	text-decoration: underline;
}

a.lienCouleurHomme:link, a.lienCouleurHomme:visited{
	color: #2f099d;
	font-weight: normal;
	text-decoration: none;
}
a.lienCouleurHomme:hover{
	color: #2f099d;
	font-weight: normal;
	text-decoration: underline;
}

a.lienCouleurFemme:link, a.lienCouleurFemme:visited{
	color: #9d0991;
	font-weight: normal;
	text-decoration: none;
}
a.lienCouleurFemme:hover{
	color: #9d0991;
	font-weight: normal;
	text-decoration: underline;
}

a.lienBlanc:link, a.lienBlanc:visited{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}
a.lienBlanc:hover{
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

a.lienNoir:link, a.lienNoir:visited{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.lienNoir:hover{
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}

a.lienOrange:link, a.lienOrange:visited{
	color: #f58c42;
	font-weight: normal;
	text-decoration: none;
}
a.lienOrange:hover{
	color: #f58c42;
	font-weight: normal;
	text-decoration: underline;
}

a.lienMarron:link, a.lienMarron:visited{
	color: #744828;
	font-weight: normal;
	text-decoration: none;
}
a.lienMarron:hover{
	color: #744828;
	font-weight: normal;
	text-decoration: underline;
}

a.lienBleuClair:link, a.lienBleuClair:visited{
	color: #2b8edf;
	font-weight: normal;
	text-decoration: none;
}
a.lienBleuClair:hover{
	color: #2b8edf;
	font-weight: normal;
	text-decoration: underline;
}

a.lienFooter:link, a.lienFooter:visited{
	font-size: 10px;
	color: #5991aa;
	font-weight: bold;
	text-decoration: none;
}

a.lienFooter:hover{
	font-size: 10px;
	color: #5991aa;
	font-weight: bold;
	text-decoration: underline;
}

a.lienIdentifie:link, a.lienIdentifie:visited{
	color: #f58c42;
	font-weight: normal;
	text-decoration: none;
}

a.lienIdentifie:hover{
	color: #f58c42;
	font-weight: normal;
	text-decoration: underline;
}

a.messageIdentifie:link, a.messageIdentifie:visited{
	color: #744828;
	font-weight: normal;
	text-decoration: none;
}

a.messageIdentifie:hover{
	color: #744828;
	font-weight: normal;
	text-decoration: underline;
}

a.lienSousMenuClub:link, a.lienSousMenuClub:visited{
	font-size: 10px;
	color: #53454d;
	font-weight: normal;
	text-decoration: normal;
}

a.lienSousMenuClub:hover{
	font-size: 10px;
	color: #53454d;
	font-weight: normal;
	text-decoration: underline;
}

a.lienSousMenuSortie:link, a.lienSousMenuSortie:visited{
	font-size: 10px;
	color: #48577e;
	font-weight: normal;
	text-decoration: normal;
}

a.lienSousMenuSortie:hover{
	font-size: 10px;
	color: #48577e;
	font-weight: normal;
	text-decoration: underline;
}

a.lienSousMenuVoyage:link, a.lienSousMenuVoyage:visited{
	font-size: 10px;
	color: #153d52;
	font-weight: normal;
	text-decoration: normal;
}

a.lienSousMenuVoyage:hover{
	font-size: 10px;
	color: #153d52;
	font-weight: normal;
	text-decoration: underline;
}
/*******************************************************/
/****************GESTION POPUP CLIENT****************/
/*******************************************************/
#dropmenudiv_connecte{
	position: absolute;
	font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
	font-size: 11px;
	width: 130px;
	height: 180px;
	color: #000000;
	z-index: 10;
}

#dropmenudiv_connecte a, #dropmenudiv_connecte a:visited{
	display: block;
	text-align: center;
	padding: 4px;
	color: #000000;
	width: 130px;
	height: 180px;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv_connecte a:hover{
	color: #000000;
	width: 130px;
	height: 180px;
}

/*******************************************************/
/****************GESTION POPUP AGENDA****************/
/*******************************************************/
#dropmenudiv_page_agenda{
	position: absolute;
	font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
	z-index: 10;
	border: 1px solid #482762;
	margin-left: 60px;
	margin-top: 0px;
	background-color: #ffffff;
	padding: 8px;
}

#dropmenudiv_page_agenda a, #dropmenudiv_page_agenda a:visited{
	display: block;
	text-align: left;
	padding: 4px;
	color: #000000;
	width: 250px;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
}

#dropmenudiv_page_agenda a:hover{
	color: #000000;
	background-color: #ffffff;
}
/*******************************************************/
/***********************DIVERS*************************/
/*******************************************************/
.reponsePourcentageQuestionJour{
	display: block;
	float: left;
	width: 40px;
	text-align: center;
}

.lineHeight18{
	line-height: 18px;
}

.lineHeight12{
	line-height: 12px;
}

.paddingTopSousMenu{
	padding-top: 3px;
}

.alignLeft{
	text-align: left;
}

.alignjust{
	text-align: justify;
}

.alignRight{
	text-align: right;
}

.alignCenter{
	text-align: center;
}

.alignJustify{
	text-align: justify;
}

.floatLeft{
	float: left;
	
}

.floatRight{
	float: right;
}

.floatleft2{
	float: left;
	padding-right:5px;
	
}

.floatright2 {
	float: right;
	padding-left:5px;
}

.listStyleTypeNone{
	list-style-type: none;
}

#texteFixe{
	width: 1024px;
	text-align: left;
}

#texteFixe #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#texteFixe #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

.marginHomepage{
	padding: 0;
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 0px;
	margin-right: 0px;
}

.noMargin{
	margin: 0;
	padding: 0;
}

.fieldsetOrange{
	border: 1px solid #f58c42;
	padding: 8px;
	margin: 5px;
}

.fieldsetWhite{
	border: 1px solid #ffffff;
	padding: 8px;
}

#dropmenudiv_page_evenement_agenda{
	position: absolute;
	font-family: Verdana,Helvetica,Geneva,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
	z-index: 10;
	border: 1px solid #482762;
	margin-left: 60px;
	margin-top: 0px;
	background-color: #ffffff;
	padding: 0px;
}

#dropmenudiv_page_evenement_agenda a, #dropmenudiv_page_evenement_agenda a:visited{
	display: block;
	text-align: left;
	padding: 4px;
	color: #000000;
	width: 250px;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	background-color: #ffffff;
}

#dropmenudiv_page_evenement_agenda a:hover{
	color: #000000;
	background-color: #ffffff;
}

#identificationPage{
	width: 1024px;
}

#identificationPage #colonneGauche{
	float: left;
	width: 737px;
	text-align: left;
}

#identificationPage #colonneDroite{
	float: left;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

#identificationPage label{
	display: block;
	float: left;
	width: 180px;
	padding-top: 4px;
	font-size: 11px;
	color: #476d7f;
}

#identificationPage .marginBottom{
	margin-bottom: 10px;
}

#identificationPage .fondInput{
	border: 1px solid #e3e7ea;
	background: #e3e7ea;
}



/**************************************/
/***** Google Map *****/
#googlemapGrandeBulle{
	width: 220px;
	height: 230px;
	overflow: auto;
	background: #ffffff;
}

#googlemapPetiteBulle{
	width: 220px;
	height: 96px;
	background: #ffffff;
}

#encadre{
	border: 1px solid #000000;
	background: #fcf9f9;
	padding: 5px;
	}
	
a.titrewebzine {

color: #612b72;
text-decoration: none;
}

.titrewebzineart{

color: #612b72;
text-decoration: none;
font-weight: bold;
}

.marge {
padding: 5px;
}

.pttexte {
	font-size: 9px;
}

.coldvoy {
width:230px;
}

#contenuIndex{
	float: left;
	width: 1028px;
	text-align: left;
	float: left;
	height: 607px;
	background: url('graph/pre-club-fond.jpg') top left no-repeat;
}

#contenuIndex45{
	float: center;
	width: 1600px;
	text-align: center;
	float: center;
	height: 607px;
	background: url('graph/pre-club-fond.jpg') top left no-repeat;
}

#contenuIndex #bouton{
	float: right;
	margin-top: 200px;
	margin-right: 180px;
}

#contenuIndex45 #bouton{
	float: right;
	margin-top: 50px;
	margin-right: 550px;
}

#contenuIndex #contenu{
	margin-top: 180px;
	margin-left: 530px;
	font-size: 14px;
	color: #ffffff;
}

#contenuIndex #contenu2{
	margin-left: 400px;
	margin-top: 30px;
}

#contenuIndex #contenu2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#contenuIndex #contenu2 ul li{
	padding-top: 6px;
	width: 574px;
	padding-left: 20px;
	margin-bottom: 4px;
	color: #310042;
}

#contenu h1{
	color: #ffffff;
	font-size: 29px;
	margin-bottom: 6px;
}

#contenuCreerCompte{
	float: left;
	background: url('graph/index-fond-creer-compte.png') top left no-repeat;
	width: 364px;
	height: 500px;
	margin-top: 20px;
	margin-left: 10px;
	text-align: left;
}

#formulaireInscription{
	margin-top: 80px;
}

#formulaireInscription .marginBottom{
	margin-bottom: 4px;
}

#formulaireInscription input[type="text"], #formulaireInscription input[type="password"], #formulaireInscription select .largeurMax{
	width: 140px;
}

#formulaireInscription label{
	display: block;
	width: 140px;
	float: left;
	padding-top: 4px;
	margin-left: 30px
}

.alignerImageTexte{
   vertical-align: middle;
   display: inline-block;
}

#alerteDivPhoto{
	background: url('graph/popup-fond-ajouter-photo.png') top left no-repeat;
	font-family:verdana;
	font-size: 11px;
	width: 600px;
	height: 300px;
	color: black;
}

#alerteDivPhoto span{
	display: block;
	padding-top: 90px;
	margin-left: 18px;
	line-height: 20px;
	width: 270px;
}

#formulaireInscription_1colonne .floatLeft{
	float: none;
}