@charset "UTF-8";
/* Communs */
@import url(commun.css);
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
background-color:#00a9bd;
color: #fff;
}

/* Conteneur */
div#conteneur {
	width: 990px;
	margin: 0 auto;
	height: 630px;
	overflow: hidden;
        text-align:left;
}
div#contenu {
	position: relative;
	top: 20px;
}

#logo{
padding-left:5%;
}
/* menu */
#menuVide, #hautClub {
	position: absolute;
	background-color: #eb9b08;
	width: 990px;
	height: 20px;
	top: 85px;
}
ul#menu {
	position: absolute;
	background-color: #eb9b08;
	width: 758px;
	height: 20px;
	padding-left: 232px;
	z-index: 30;
}
ul#menu li {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 5px;
}
ul#menu li img {
	display: block;
}

/* Sous menu */
li#sousMenu {
	display: none;
	clear: both;
	position: absolute;
	z-index: 30;
	top: 25px;
	left: 370px;
}
li#sousMenu ul li {
	float: none;
	background: url(../img/menu_fleche.gif) no-repeat 5px 5px #eb9b08;
	margin: 0 0 3px 0;
	padding: 2px 0 3px 15px;
	width: 180px;
	cursor: pointer;
	
}
/* Contenu full flash */
#conteneur.swf #contenu {
	height: 760px;
	width: 990px;
	position: relative;
	top: 100px;
	background: url(../img/fond_swf.jpg) no-repeat;
}
/* Au dessu du flash */
h1#dessus{
	position: absolute;
	z-index: 500;
}
/* Footer */
#footer {
	position: relative;
	top: -50px;
	height: 36px;
}
/* Titre + btn contact */
#titre {
	height: 40px;
	width: 780px;
}
/* Index */
.index #contenu {
	height: 471px;
	width: 865px;
	padding: 33px 73px;
	background: url(../img/fond_home.jpg) no-repeat;
}
.index #contenu #presentation {
	width: 270px;
	float: left;
}
.index #contenu h2 {
	padding-left: 5px;
	font-size: 14px;
	font-weight: 900;
}
.index #contenu #presentation p {
	padding-top: 10px;
}
.index #contenu #visionneuse {
	margin: 10px 0 0 5px;
	height: 200px;
	float: left;
	
}
.index #acces-club{
	margin-top: 5px;
}
.index #titres {
	clear: both;
	margin: 5px 0 10px 0;
}
.index .encartAccueil {
	float: left;
}
.index .encartAccueil p {
	padding: 6px 11px;
}
.index #encart1 {
	background: url(../img/home_barre_verticale.gif) no-repeat top right;
	width: 241px;
}
.index #encart1 p {
	background: url(../img/home_bordure_1.jpg) no-repeat;
	width: 210px;
	height: 135px;
}
.index #encart2 {
	padding-left: 10px;
	background: url(../img/home_barre_verticale.gif) no-repeat top right;
	width: 355px;
}
.index #encart2 p {
	background: url(../img/home_bordure_2.jpg) no-repeat;
	width: 334px;
	height: 100px;
}
.index #encart3 {
	width: 241px;
	padding-left: 10px;
}
.index #encart3 p {
	background: url(../img/home_bordure_1.jpg) no-repeat;
	width: 210px;
	height: 135px;
}
.index .plus{
	display: block;
	background: url(../img/triangle_blanc.gif) no-repeat 2px 5px;
	padding: 4px 0 0 13px;
}
#contenu {
	height: 539px;
	width: 990px;
}
#gauche {
	float: left;
	width: 162px;
	height: 426px;
	padding: 30px 10px;
	background: url(../img/fond_gauche.jpg) no-repeat;
	overflow: hidden;
}
#droite {
	float: left;
	width: 798px;
	height: 468px;
	padding: 5px 0 0 10px;
	overflow: hidden;
	background: url(../img/fond_contenus.jpg) no-repeat;
}
#droite h1 {
	padding-top: 3px;
	float: left;
	width: 200px;
}
#contact{
	float: right;
	margin-right: 50px;
}
#navigation #accueil {
	width: 100px;
	height: 30px;
	position: relative;
	top: -50px;
	left: 10px;
	display: block;
	text-decoration: none;
}
#navigation p {
	position: relative;
	top: -35px;
	font-weight: bold;
	margin-bottom: 20px;
}
#navigation a {
	display: block;
	margin-bottom: 10px;
	position: relative;
	top: -35px;
}
/* Conseil et accueil */
.conseil #description {
	clear: both;
	background: url(../img/conseil/bordure_description.gif) no-repeat;
	width: 647px;
	height: 140px;
	margin: 15px 0 0 50px;
	padding: 5px 10px;
	text-align: center;
}
.conseil #mapping {
	float: left;
	margin: 15px 30px 0px 75px;
	width: 260px;
}
.conseil #coherence {
	float: left;
	margin: 15px 30px 0px 55px;
	width: 260px;
}
.conseil .encart {
	margin: 10px 0 0 15px;
	padding: 5px;
	background: #60AEB8;
	height: 100px;
	width: 210px;
}
.suite {
	margin: 10px 0 5px 0;
	margin-left: 20px;
	padding-left: 20px;
	font-weight: bold;
	text-decoration:underline;
	display: block;
}
.conseil .suite {
	color: #663366;
	background: url(../img/conseil/fleche.gif) no-repeat 3px 2px;
}
.conseil #navigation {
	width: 110px;
	height: 230px;
	background: url(../img/conseil/menu_gauche.gif) no-repeat 20px 10px;
	padding: 60px 32px 0 30px;
	text-align: center;
}
.conseil #descriptionMapping {
	display: none;
	clear: both;
	background: url(../img/conseil/fond_mapping.gif) no-repeat;
	padding: 10px;
	margin: 10px 50px 0 40px;
	width: 665px;
	height: 70px;
}
.conseil #phase1 {
	width: 300px;
	float: left;
	margin: 10px 40px 0 30px;
}
.conseil #phase1 h2 {
	margin-left: 20px;
}

.conseil #phase2 {
	width: 300px;
	float: left;
	margin: 10px 40px 0 20px;
}
.conseil #phase2 .encartPhase {
	margin-left: 20px;
	width: 290px;
}
.conseil .encartPhase {
	margin-top: 5px;
	background: #40929E;
	padding: 5px;
	height: 257px;
}
.conseil #descriptionCoherence {
	clear: both;
	padding: 8px;
	background: url(../img/conseil/fond_coherence.gif) no-repeat;
	margin: 5px 30px 4px 40px;
	width: 670px;
}
.conseil .phaseCoherence {
	float: left;
	width: 246px;
	margin: 0 0 0 6px;
}
.conseil .phaseCoherence h2 {
	text-align: center;
	background: url(../img/conseil/fond_titres_conseil.gif) no-repeat;
	width: 240px;
	height: 38px;
}
.conseil #coherencePhase3 p.encartPhase {
	height: auto;
	padding-bottom: 0;
}
.conseil #coherencePhase3 p.encartPhase#bas {
	margin: 0;
	padding: 0;
}
.conseil p.encartPhase#bas .suite {
	margin: 0;
}
.conseil #coherencePhase3 ul {
	background: #40929E;
	padding: 0 0 0 20px;
	list-style-type: disc;
}
/* Valorisation */
.valorisation #description {
	clear: both;
	background: url(../img/valorisation/fond_desc_accueil.gif) no-repeat;
	width: 647px;
	height: 80px;
	margin: 15px 0 0 50px;
	padding: 5px 10px;
}
.valorisation .colValo {
	float: left;
	padding: 10px 0px 0 70px;
	width: 300px;
}
.valorisation .colValo h2 {
	margin: 0 0 30px 60px;
}
.valorisation .colValo p {
	padding: 5px;
	background: #60AEB8;
	width: 250px;
	height: 150px;
}
.valorisation .suite {
	color: #0B8B13;
	background: url(../img/valorisation/fleche.gif) no-repeat 3px 2px;
}
.valorisation #navigation {
	width: 110px;
	height: 230px;
	background: url(../img/valorisation/menu_gauche.gif) no-repeat 20px 10px;
	padding: 70px 32px 0 30px;
	text-align: center;
}
.valorisation #lienMenu {
	display: block;
	margin-top: 15px;
}
.valorisation #descriptionAvant, .valorisation #descriptionApres {
	clear: both;
	padding: 5px;
	margin: 15px 50px 10px 50px;
	background: #60AEB8;
	width: 670px;
	height: 350px;
}

/* Modèle page organisation */
#navigation a {
	text-decoration: none;
}
#navigation h2 {
	margin-top: 25px;
}
#navigation #liens {
	height: 135px;
	overflow: hidden;
}
#navigation h2#voyage {
	margin-top: 10px;
}
#droite.rassembler h2, #droite.celebrer h2, #droite.remercier h2, #droite.reunir h2, #droite.problematique h2, #droite.federer h2, #droite.collaboration h2, #droite.bestof h2 {
	width: 561px;
	margin: 3px auto 4px auto;
	clear: both;
}
#missionGauche {
	padding: 5px;
	width: 250px;
	float: left;
	margin-left: 10px;
	background: #60AEB8;
}

#flecheMission {
	margin: 20px 20px;
	float: left;
}
#missionDroite {
	padding: 5px;
	width: 404px;
	float: left;
	background: #60AEB8;
	margin-bottom: 5px;
}
.encart {
	float: left;
	padding: 5px;
	margin-left: 10px;
	background: #60AEB8;
	height: 120px;
	margin-bottom: 5px;
}
.encart h3 {
	font-weight: bold;
	color: #F9C534;
}
.encart#encartGauche {
	width: 240px;
}
.encart#encartMilieu {
	width: 220px;
}
.encart#encartDroite {
	width: 230px;
}
.encart#encartBas {
	clear: both;
	float: none;
	width: 730px;
	height: 95px;
}
.colAccueil {
	float: left;
	padding: 40px 20px 0px 60px; 
	width: 280px;
}
.soiree .colAccueil #bestOf {
	margin-left: 40px;
}
.colAccueil h2 {
	background: url(../img/fond_titre.jpg) no-repeat;
	width: 251px;
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
}
.colAccueil h3 {
	text-decoration: underline;
	background: url(../img/fond_orange.jpg) no-repeat;
	width: 235px;
	text-align: center;
	margin: 0 auto;
	font-weight: normal;
	padding: 0 0 3px 0;
}
.colAccueil h3.petit {
	background-image: url(../img/fond_orange2.jpg);
	width: 134px;
}
.colAccueil h3.moyen {
	background-image: url(../img/fond_orange3.jpg);
	width: 165px;
}
.colAccueil img {
	width: 44px;
	margin: 10px auto;
}
.colAccueil p {
	background: #60AEB8;
	width: 270px;
	height: 80px;
	padding: 5px;
	padding-top: 5px;
	text-align: center;
}
hr {
	height: 1px;
	line-height: 1px;
	background-color: #EB990F;
	color: #EB990F;
	text-align: left;
	border: 0;
	display: block;
}
.colAccueil hr {
	margin: 10px auto 12px;
	width: 100px;
}
.colAccueil .mini-lecteur{
	width: 150px;
	margin: 0 auto;
}
.soiree #navigation #accueil {
	top: -100px;
}

/* Soiree rassembler */
.soiree #navigation {
	width: 122px;
	height: 230px;
	background: url(../img/soiree/menu_gauche.gif) no-repeat 20px 10px;
	padding: 100px 32px 0 25px;
	text-align: center;
}


/* Celebrer */
.celebrer #missionDroite {
	margin-bottom: 5px;
}
.celebrer h2 {
	margin: 2px auto 2px auto;
}
.celebrer .encart {
	height: 110px;
}
.celebrer #encartBas {
	height: 105px;
}

/* Remercier */
.remercier .encart {
	height: 130px;
}
.remercier #encartGauche {
	width: 300px;
}
.remercier #encartMilieu {
	width: 160px;
}
.remercier #encartDroite {
	width: 230px;
}
.remercier #encartBas {
	height: 50px;
}

/* Seminaire */
.seminaire #navigation #accueil {
	top: -100px;
}
.seminaire .colAccueil #teamBuilding {
	margin-left: 0px;
}
.seminaire .colAccueil {
	padding: 5px 20px 0px 50px; 
	width: 290px;
}
.seminaire .colAccueil hr {
	padding: 0;
	margin: 10px auto 12px;
}
.seminaire .colAccueil p {
	height: 100px;
	width: 290px;
}
.seminaire #navigation {
}
.seminaire #navigation h2 {
	margin-top: 15px;
}
.seminaire #navigation h2#soiree {
	margin-top: 25px;
}
.seminaire #navigation {
	width: 122px;
	height: 230px;
	background: url(../img/seminaire/menu_gauche.gif) no-repeat 20px 10px;
	padding: 110px 32px 0 25px;
	text-align: center;
}

/* Reunir */
.reunir .encart {
	height: 125px;
}
.reunir #encartGauche {
	width: 265px;
}
.reunir #encartMilieu {
	width: 190px;
}
.reunir #encartDroite {
	width: 236px;
}
.reunir #encartBas {
	height: 80px;
}

/* Problematique metier */
.problematique #missionGauche {
	width: 255px;
}

/* Motivation */
.motivation #navigation {
	width: 122px;
	height: 230px;
	background: url(../img/seminaire/menu_gauche_motiv.gif) no-repeat 20px 10px;
	padding: 40px 32px 0 25px;
	text-align: center;
}
.motivation #navigation h2#convention {
	margin: 20px 0 80px 0;
}

/* Federer */
.federer .encart {
	height: 125px;
}
.federer #encartGauche {
	width: 330px;
}
.federer #encartMilieu {
	width: 380px;
}

.federer #encartBas {
	height: 80px;
}


/* Collaboration */
.federer .encart {
	height: 125px;
}
.federer #encartGauche {
	width: 330px;
}
.federer #encartMilieu {
	width: 380px;
}

.federer #encartBas {
	height: 80px;
}

/* Voyage */
.voyage #gauche {
	padding-top: 0;
}
.voyage #droite {
	background: url(../img/voyage/fond.jpg) no-repeat;
}
.voyage #exemple {
	background: #60AEB8;
	margin: 10px 0 2px 50px;
	width: 350px;
	height: 100px;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.voyage  hr {
	margin: 5px 0px 10px 125px;
	width: 200px;
}
.voyage #description {
	margin: 20px 0 0 15px;
}

/* Best of */
.bestof #gauche {
	padding: 10px;
}
.bestof #navigation {
	width: 122px;
	height: 275px;
	background: url(../img/bestof/menu_gauche.gif) no-repeat 20px 10px;
	padding: 42px 32px 0 25px;
	text-align: center;
}
.bestof #navigation #accueil {
	top: -30px;
}
.bestof #navigation #liens {
	padding-top: 15px;
	height: 200px;
}
.bestof #navigation #liens p {
	top: 0;
	position: static;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.bestof #navigation #liens a {
	position: static;
	text-transform: uppercase;
	margin: 4px 0;
}
.bestof #navigation #liens .hr {
	background: #fff;
	color: #fff;
	width: 80px;
	text-align: left;
	line-height: 1px;
	height: 1px;
	padding: 0;
	margin: 0 auto;
	border: 0;
	display: block;
	overflow: hidden;
}
#droite.bestof #presentation {
	float: left;
	padding: 15px 0 10px 15px;
	width: 250px;
	height: 400px;
}
#droite.bestof #presentation h2 {
	background-color: #EB990F;
	text-transform: uppercase;
	font-size: 12px;
	width: 242px;
	margin: 0;
	padding: 1px 4px;
}
#droite.bestof #presentation #descriptionPres {
	margin: 28px 0 0 18px;
	padding: 20px 2px 6px 2px;
	width: 210px;
	height: 192px;
	background: url(../img/bestof/fond_presentation.gif) no-repeat 0 0;
}
#droite.bestof #presentation #descriptionPres p{
	height: 192px;
	overflow: hidden;
}
#droite.bestof #carte {
	padding: 15px 0 10px 0;
	width: 300px;
	float: left;
}
#droite.bestof #carte img {
	margin-left: 30px;
}
#droite.bestof #carte #descriptionMenu {
	margin: 0;
	padding: 23px 2px 6px 5px;
	width: 285px;
	height: 192px;
	background: url(../img/bestof/fond_menu.gif) no-repeat 0 0;
}
#droite.bestof #carte #descriptionMenu p {
	height: 162px;
	overflow: hidden;
	width: 283px;
}
#droite.bestof #animations {
	float: left;
	padding: 30px 0 0 0;
	width: 150px;
}
#droite.bestof #animations h3 {
	text-transform: uppercase;
	background: url(../img/bestof/fond_animations.gif) no-repeat center;
	text-align: center;
	width: 150px;
	font-size: 10px;
}
#droite.bestof #animations img.flecheDroite {
	margin: 0 auto;
	cursor: pointer;
}
#droite.bestof #animations ul#imagesAnim {
	margin: 4px auto;
	width: 105px;
	background: #000;
	height: 320px;
	overflow: hidden;
}
#droite.bestof #animations ul#imagesAnim li {
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;
	border: 1px solid black;
}
#droite.bestof #animations ul#imagesAnim li img{
	margin: 0px auto;
	padding: 0;
	display: block;
	line-height: 0;
}
#droite.bestof #salles {
	clear: both;
	position: relative;
	top: -105px;
	padding-left: 20px;
	height: 70px;
}
#droite.bestof #salles h3 {
	text-transform: uppercase;
	background: url(../img/bestof/fond_salles.gif) no-repeat center;
	text-align: center;
	width: 220px;
	font-size: 10px;
}
#droite.bestof #salles .fleche {
	float: left;
	margin: 11px 5px 0;
	height: 42px;
	cursor: pointer;
}
#droite.bestof #salles #conteneurSalle {
	float: left;
	background: #000;
	height: 60px;
	overflow: hidden;
	margin-top: 3px;
	width: 330px;
	position: static;
}
#droite.bestof #salles #imagesSalles li {
	float: left;
	margin: 3px 10px 0 2px;
}
#droite.bestof #salles #voirVideo {
	float: left;
	margin: 15px 0 0 20px;
}

/* Popins */
.popin {
	width: 552px;
	height: 444px;
}

/* Club */
body.club {
	background-color: #fff;
}
.club h1#bandeau {
	height: 85px;
	overflow: hidden;
}
.club .hr {
	height: 1px;
	line-height: 1px;
	width: 430px;
	clear: both;
	margin: 10px 0;
	background-color: #e3e3e3;
}
.club li#sousMenu a {
	color: #fff;
}
.club ul#btnClub {
	position: absolute;
	/* width: 140px; */
	z-index: 200;
	right: 15px;
	padding-top: 2px;
}
.club ul#btnClub li {
	float: left;
	padding-right: 5px;
	color: #3e3e3e;
}
.club ul#btnClub li a {
	color: #3e3e3e;
}
.club h1#dessus, .club #hautClub {
	position: static;
}
body.club * {
	color: #828282; /* ? */
}
.club div#conteneur, .club div#contenu {
	position: relative;
	height: auto;
	padding-bottom: 10px;
}
.club #contenu {
	border: 1px solid #e0e0e0; /* ? */
	top: 20px;
	width: 988px; /* 2px de moins pour les bordures */
	background: #fbfbfb;
}
.club #menuClub {
	float: left;
	width: 180px;
	border-top: 1px solid #b1d2d7;
}
.club #menuClub h2 {
	width: 171px;
	background: #d9d9d9;
	height: 21px;
	padding-left: 10px;
	padding-top: 7px;
	color: #01a0a4;
	text-transform: uppercase;
	margin-top: 10px;
}
.club #menuClub #cntLogo {
	padding-top: 3px;
	text-align: center;
}
.club #menuClub #cntLogo img {
	display: inline;
}
.club #menuClub h2.invites {
	color: white;
	background: #f7aa00;
}
.club #menuClub ul#evenements {
	width: 165px;
	background: #f0f0f0;
	padding: 12px 8px 0;
}
.club #menuClub ul#evenements li {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dbdbdb;
}
.club #menuClub ul#evenements li#dernier {
	border-bottom: none;
}
.club #menuClub ul#evenements li dt {
	padding-left: 15px;
}
.club #menuClub ul#evenements li dt a {
	text-decoration: none;
}
.club #menuClub ul#evenements li.futur dt {
	background: url(../img/club/fleche_bas_futur.gif) no-repeat 2px 2px;
}
.club #menuClub ul#evenements li.futur.selected dt {
	background: url(../img/club/fleche_droite_futur.gif) no-repeat 2px 2px;
	
}
.club #menuClub ul#evenements li.futur dt a, .club #menuClub ul#evenements li.futur dt span {
	color: #663366;
        text-align:left;
}
.club #menuClub ul#evenements li.futur.selected dt a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
.club #menuClub ul#evenements li.futur dd span {
	color: #663366;
}
.club #menuClub ul#evenements li.passe dt {
	background: url(../img/club/fleche_bas_passe.gif) no-repeat 0 3px;
        text-align: left;presentation
}
.club #menuClub ul#evenements li.passe.selected dt {
	background: url(../img/club/fleche_droite_passe.gif) no-repeat 0 3px;
	text-decoration: underline;
}
.club #menuClub ul#evenements li.passe.selected dt a {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
.club #menuClub ul#evenements li.passe dt a, .club #menuClub ul#evenements li.passe dt span {
	color: #217a80;
        text-align: left;
}
.club #menuClub ul#evenements li dd {
	padding-left: 5px;
}
.club #menuClub #photoGauche {
	width: 173px;
	background: #f0f0f0;
	padding: 8px 0 8px 8px;
}
.club #menuClub #photoGauche p {
	padding-bottom: 10px;
}
.club #menuClub ul#DernierePhotos li {
	float: left;
	margin: 8px 8px 0 0;
}
.club #menuClub p.invites {
	padding: 15px 0 0 20px;
	
	background: url(../img/club/fleche_jaune_gauche.gif) no-repeat 6px 16px;
}
.club #menuClub p.invites a {
	color: #f7aa00;
	text-decoration: none;
}
.club #centre {
	float: left;
	width: 651px;
	border-left: 1px solid #b1d2d7;
	border-right: 1px solid #b1d2d7;
	min-height:788px;
	height:auto !important;
	height:788px;
}
.club #texteCentral {
	width: 610px;
	padding: 15px 15px 15px 18px;
	overflow: hidden;
}
.club #droiteClub {
	width: 154px;
	float: left;
	height: 100%;
	padding-top: 77px;
	border-top: 1px solid #b1d2d7;
}
.club #droiteClub #cntDroite {
	padding-top: 18px;
	border-top: 1px solid #b1d2d7;
}
.club #droiteClub #cntDroite img {
	margin: 0 auto 18px auto;
}
.club #titre {
	background: #f0f0f0;
	height: 67px;
	border-top: 1px solid #b1d2d7;
	border-bottom: 1px solid #b1d2d7;
	width: 614px;
	padding: 10px 0 0 37px;
	overflow:hidden;
}
.club #titre h1 {
	font-size: 14px;
	color: #00a0a4;
        text-align:left;
}
.club #titre p {
        text-align:left;
}
.club #texteCentral h2 {
	clear: both;
	width: 514px;
	height: 24px;
	padding: 3px 0 0 6px;
	border-top: 1px solid #b1d2d7;
	border-bottom: 1px solid #e4e4e4;
	background: #f0f0f0;
	text-transform: uppercase;
        margin-top:15px;
}
.club #texteCentral h2 span {
	display: block;
	height: 18px;
	padding-left: 22px;
	color : #148895; /* ? */
	background: url(../img/club/fleche_bas_passe.gif) no-repeat 5px 5px #fff;
	float: left;
}
.club #texteCentral h2 img {
	float: left;
}
.club .fondOrange {
	background: #f2ab00;
	color: #fff;
	padding: 2px 3px;
	text-decoration: none;
}
.club #erreur {
	text-align: center;
	color: #FF0000;
	padding: 10px 0;
}
.club #logoVide {
	height: 67px;
}
.club #choisie {
	padding: 5px 0;
}
.club #statutInvit {
	float: left;
}
.club .preparer #invitation #choisie {
	padding: 0;
}
/* Club - Auth */
.club div#contenu.auth {
	height: 540px;
}
.club .auth h1 {
	margin: 100px auto 50px auto;
	color: #8f4f8f;
	text-align: center;
	font-size: 14px;
}
.club .auth form {
	margin: 0 auto;
	width: 350px;
}
.club .auth label {
	clear: both;
	display: block;
	width: 125px;
	margin: 0 20px 10px 0;
	float: left;
}
.club .auth input {
	float: left;
	margin-bottom: 10px;
}
.club .auth #entrer {
	clear: both;
	float: none;
	padding-top: 20px;
	width: 280px;
}
.club .auth #entrer input {
	color: #fff;
	background: #663366;
	float: right;
	border: 0 none;
	width: 50px;
}
.club .message {
	text-align: center;
	padding: 10px 0;
	
}
.club .message span {
	font-weight: bold;
}
.club .message a {
	color: #F2AB00;
}

/* Club - Accueil */
.club #texteIntro {
	padding-bottom: 30px;
}
.club  h2 span#derniere {
	width: 320px;
        text-align: left;
}

.club div#menuClub h2 {
     text-align: left;
}

.club #derniereModif {
	padding: 15px 0 0 10px;
}
.club #derniereModif li {
	clear: both;
	height: 18px;
	padding-bottom: 15px;
}
.club #derniereModif li p {
	width: 454px;
	padding-left: 15px;
	float:left;
}
.club #derniereModif li.passe p {
	background: url(../img/club/fleche_droite_passe.gif) no-repeat 0px 2px;
}
.club #derniereModif li.passe p span {
	color: #138b93;
}
.club #derniereModif li.futur p {
	background: url(../img/club/fleche_droite_futur.gif) no-repeat 0px 1px;
}
.club #derniereModif li.futur p span {
	color: #663366;
}
.club #derniereModif li a {
	float:left;
}


.club #mesEvenements {
	padding: 20px 0 30px 20px;
}

.club #mesEvenements li div.eventDate {
    float:right;
        padding-right:90px;
}
.club #mesEvenements li {
	padding-left: 15px;
        text-align: left;
}
.club #mesEvenements li.futur span {
	color: #663366;
}
.club #mesEvenements li.passe a, .club #mesEvenements span {
	color: #217a80;
        text-align: left;

}
.club #mesEvenements li.futur a, .club #mesEvenements li.futur  span {
	color: #663366;
}
.club #mesEvenements li.passe {
	background: url(../img/club/fleche_droite_passe.gif) no-repeat 0 3px;
}
.club #mesEvenements li.futur {
	background: url(../img/club/fleche_droite_futur.gif) no-repeat 0 3px;
}
/* Club Evt passe et futur */
.club .presEvt .vide{
	width: 300px;
	height: 100px;
	float: left;
	text-align: center;
	padding-top: 100px;
}
.club #autresCategPetit img {
	display: inline;
}
.club #autresCategPetit li {
	padding: 2px 0;
}
.club .presEvt #lienAccueil{
	display: block;
	text-align: right;
	color: #3E3E3E;
}
.club .presEvt #cntPresentation {
	padding-bottom: 30px;
}
.club .presEvt #imgPresentation {
	float: left;
}
.club .presEvt #presentation {
	float: left;
	padding-left: 20px;
	width: 240px;
}
.club .presEvt.futur #texteCentral h2 span, .club .presEvt.futur #titre h1 {
	color: #8f5190;
}
.club .presEvt.futur #texteCentral h2 span {
	background-image: url(../img/club/fleche_bas_futur.gif);
}
.club .presEvt #presentation h2{
	width: 180px;
}
.club .presEvt #presentation h2 span {
	width: 100px;
}
.club .presEvt #presentation p {
	padding-top: 10px;
        text-align:left;
}
.club .presEvt #titrePhotos {
	width: 520px;
}
.club .presEvt #titrePhotos span {
	width: 235px;
        text-align: left;
}
.club #titre #tempsRestant {
	height: auto;
	color: #663366;
	float: left;
}
.club #titre p {
	width: 495px;
	height: 34px;
}
.club .presEvt #titreInformation {
	width: 520px;
	margin-bottom: 20px;
}
.club .presEvt #titreInformation span {
	width: 180px;
}
.club .presEvt #titreProgramme, .club .presEvt #titreVideo {
	margin: 20px 0;
}
.club .presEvt #titreProgramme span {
	width: 200px;
}
.club #titre a {
	display: block;
	float: left;
	width: 114px;
	position: absolute;
	left: 715px;
	top: 40px;
}
.club .presEvt h2 a {
	float: right;
	display: block;
	padding: 3px 10px 0 0;
}
.club .presEvt #cntPlan {
	padding-bottom: 20px;
}
.club .presEvt #plan {
	float: left;
	margin-right: 10px;
}
.club .presEvt #impressionPlan {
	display: none;
}
.club .presEvt #infoPlan {
	float: left;
	width: 300px;
}
.club .presEvt #infoPlan p {
	text-align:left;
}
.club .presEvt #infoPlan a.BoutonVert {
	background: #138c93;
	color: #fff;
	display: block;
	float: left;
	text-transform: uppercase;
	padding: 1px 4px;
	margin: 10px 10pt 0 0;
	text-decoration: none;
}
.club .presEvt #programme {
	float: left;
	margin-right: 10px;
}
.club .presEvt #infoProgramme {
	float: left;
	width: 300px;
	padding-bottom: 20px;
}
.club .presEvt #infoProgramme p {
    text-align:left;
}

/* Evt passe */
.club .presEvt.passe #titre h1 {
	color: #138c93;
}
.club .presEvt #cntPhotos h3, .club .presEvt h3.sousTitrePhoto {
	font-size: 11px;
	font-weight: normal;
	color: #138c93;
	padding: 10px 0;
}
.club .presEvt h3.sousTitrePhoto {
	padding: 15px 0;
}
h3.sousTitrePhoto .important {
	color: #138c93;
}
.club .presEvt #cntPhotos p {
	padding-bottom: 10px;
}
.club #photoCmt {
	width: 800px;
	text-align: center;
}
.club #photoCmt img {
	display: inline;
}
.club .presEvt #cntPhotos ul li {
	padding-right: 10px;
	float: left;
	width: 125px;
	height: 135px;
	overflow: hidden;
}
.club .presEvt #cntPhotos ul li p {
	width: 110px;
	float: left;
	overflow: hidden;
        text-align:center;
}
.club .presEvt ul#onglets {
	width: 390px;
	float: right;
	height: 25px;
}
.club .presEvt ul#onglets li {
	float: right;
	margin-right: 5px;
}
.club .presEvt.passe .video {
	margin-bottom: 30px;
}

.club .presEvt #cntPhotos ul li a.mini, .categorie #autresCateg ul li a.mini {
	display: block;
	padding-bottom: 5px;
}
.club .presEvt #cntPhotos ul li a.voirCategorie,
.categorie #autresCateg ul li a.voirCategorie {
	display: inline;
}
.club .presEvt #cntPhotos ul li a.voirCategorie img, .categorie #autresCateg ul li a.voirCategorie img {
	display: inline;
}
.club .presEvt #videoEvt {
	float: left;
	margin: 0 20px 20px 0;
}
.club .presEvt #infoVideo {
	float: left;
	width: 280px;
	font-weight: bold;
}

/* Reponse */
.club .presEvt.futur #texteCentral h2#titreReponse span {
	width: 180px;
}
.club .presEvt.futur #texteCentral #nonValide {
	text-align: center;
	padding: 15px 0;
	font-weight: bold;
}
.club form#reponse {
	padding: 10px 20px 0 20px;
}
.club form#reponse #confirmationInvites {
	font-weight: bold;
	padding: 10px 0;
}
.club form#reponse #radioRep {
	padding: 10px 0 20px;
	/* height: 40px; taille variable */
}
.club form#reponse input {
	float: left;
}
.club form#reponse .lbRadio {
	float: left;
	display: block;
	padding: 0 15px 0 5px;
}
.club form#reponse label {
	clear: both;
	width: 280px;
	float: left;
}
.club form#reponse label#lbNbEnfant, .club form#reponse input#nbAccEnfant {
	margin-top: 15px;
}
.club form#reponse #boutons {
	clear: both;
	padding: 0px 0 0 200px;
}
.club form#reponse #boutons input {
	margin-right: 20px;
}
.club form#reponse .fondOrange {
	border: 0 none;
}
.club form#reponse #questionsLibres {
	clear: both;
	padding: 20px 0;
}
.club form#reponse #questionsLibres label {
	width: 200px;
	margin-bottom: 10px;
}
.club form#reponse #questionsLibres input {
	margin-bottom: 10px;
}
.club .presEvt.futur #texteCentral h2#titreDoitRemplir span {
	width: 190px;
}
.club .presEvt.futur #texteCentral #texteRemplir, #texteCentral #texteMerci {
	padding: 10px 0 20px;
	width: 500px;
}
.club .presEvt.futur #texteCentral #cntLienRemplir {
	padding: 20px 0 0 300px;
}
.club .presEvt.futur #texteCentral #cntLienRemplir, #texteCentral #cntLienMerci {
	padding: 20px 0 0 300px;
}

/* Remplir questionnaire */
.remplirQst form label {
	clear: both;
	float: left;
	background: #F0F0F0;
	width: 350px;
	margin: 0 20px 10px 0;
	padding: 2px;
}
.remplirQst form label.commentaire {
	width: 250px;
	text-align: right;
}
.remplirQst form select, .remplirQst form input {
	float: left;
	margin-bottom: 10px;
	width: 150px;
}
.remplirQst form textarea {
	float: left;
	margin-bottom: 10px;
}
.remplirQst form #commentaireGeneral {
	clear: both;
	padding: 30px 0 10px;
}
.remplirQst form #commentaireGeneral label {
	width: 250px;
}
.remplirQst form #lbServices {
	width: 370px;
}
.remplirQst form #ami {
	padding-top: 20px;
}
.remplirQst form #ami p {
	background: #F0F0F0;
	padding: 3px;
	width: 575px;
	margin: 10px 0 20px;
}
.remplirQst form label.infos {
	width: 100px;
}
.remplirQst form #boutons {
	clear: both;
	padding: 20px 0 0 300px;
}
.remplirQst form #boutons input {
	border: 0 none;
}
/* Préparer */
.preparer #titre {
	padding-left: 15px;
	width: 636px;
}
.preparer #titre img#bienvenue {
	float: left;
}
.preparer #titre h1 {
	color: #663366;
}
#cntTitre {
	float: left;
	padding-left: 15px;
	width: 485px;
}
.preparer #texteCentral h2 span#desactive {
	float: none;
	width: 333px;
	display: block;
	color: #fff;
	background: url(../img/club/preparer/fleche_titre.jpg) no-repeat 4px 7px #f2ab00;
	padding: 2px 5px 0 18px;
	height: 18px;
}
.preparer #texteCentral h2#accueil span {
	width: 340px;
}
.preparer #texteCentral h2 {
	margin-bottom: 35px;
}
.preparer #invitation {
	min-height : 75px;
	clear      : both;
}
.preparer #invitation img {
	float: left;
	padding-right: 5px;
}
.preparer #invitation a img {
	padding: 0;
	margin-right: 10px;
}
.preparer #invitation p {
	float: left;
	padding-right: 12px;
}
.preparer #invitation p#actions {
	float: left;
	padding-right: 0;
}
.preparer #invitation p#actions a#voirInvit {
	margin-top: 10px;
	clear: both;
	width: 103px;
	text-align: center;
}
.preparer #invitation p span {
	color: #f2ab00;
}
.preparer #invitation a,
.preparer #questionnaire a,
#cntInvites #infoInvites a#ajouter,
#cntInvites #infoInvites a#SeeTheList {
	display: block;
	float: left;
	margin-left: 10px;
	background: #f2ab00;
	color: #fff;
	padding: 1px 3px;
	text-decoration: none;
}
.preparer #invitation a#mini {
	background: none;
}
.preparer #cntInvites {
	clear: both;
	padding-top: 10px;
}
#cntInvites img {
	float: left;
	padding-right: 5px;
}
#cntInvites #infoInvites {
	float: left;
	width: 370px;
}
#cntInvites #infoInvites p#infos {
	width: 310px;
	float: left;
	padding-bottom: 15px;
}
#cntInvites #infoInvites p#infosdesactive a, #cntInvites #infoInvites p#nonEnvoye a {
	color: #f2ab00;
}
#cntInvites #infoInvites p#nonEnvoye {
	clear: both;
	background: #f0f0f0;
	padding: 3px;
	width: 315px;
}
#cntInvites #infoInvites p span {
	color: #f2ab00;
	font-weight: bold;
}

/* Edition plan et programme */
.preparer #texteCentral h2#editionPlan span {
	width: 325px;
}
.preparer #texteCentral h2#editionInformations span {
	width: 400px;
}
.preparer form.editer {
	clear: both;
	padding: 20px 0 0 30px;
}
.preparer form.editer label {
	clear: both;
	float: left;
	width: 200px;
	margin-bottom: 10px;
}
.preparer form.editer input, .preparer form.editer textarea {
	float: left;
	margin-bottom: 10px;
}
.preparer form.editer textarea {
	width: 285px;
}
.preparer form.editer #boutons {
	clear: both;
	padding: 10px 0 0 180px;
}
.preparer form.editer #boutons input, .preparer form.editer #boutons a {
	float: left;
	border: 0 none;
	background: #f2ab00;
	color: #fff;
	margin-left: 20px;
	padding: 1px 2px;
	text-decoration: none;
	text-align: center;
}
.preparer form.editer #boutons a {
	width: 100px;
}
.preparer form.editer #boutons input {
	width: 175px;
	height: 18px;
        cursor:pointer;
}
/* Video */
.club #lecteurVideoClub {
	width: 392px;
	height: 350px;
	margin: 10px auto 30px auto;
}
.club #lecteurVideoClub {
	width: 392px;
	height: 350px;
	margin: 10px auto 30px auto;
}
.club .video #texteCentral p {
	padding-left: 20px;
}

/* Catégorie de photos */
.categorie #description {
	font-weight: bold;
	width: 200px;
	float: left;
}
.categorie #autresCateg {
	float: left;
	width: 410px;
}
.categorie #autresCateg ul li {
	width: 400px;
	padding: 0 5px 10px 0;
	clear: both;
	height: 75px;
}
.categorie #autresCateg ul li img {
	float: left;
}
.categorie #autresCateg ul li p.sansImage {
	float: left;
	width: 105px;
	height: 50px;
}
.categorie #autresCateg ul li p {
	padding-left: 10px;
	float: left;
}
.categorie ul#photos {
	padding: 20px 0 0 30px;
	clear: both;
}
.categorie ul#photos li {
	float: left;
	padding: 0 20px 10px 0;
	height: 100px;
	width: 120px;
	text-align: center;
}
.categorie ul#photos li dd img {
	display: inline
}
.categorie ul#photos li dt, .categorie ul#photos li dd  {
	text-align: center;
}

/* Popin lightbox */
dl#listeCommentaires {
	width: 100%;
	height: 130px;
	overflow: auto;
}
dl#listeCommentaires dt {
	display: block;
}
dl#listeCommentaires dd {
	display: block;
	color: #333333;
	margin-bottom: 10px;
}
#ajoutCommentaire label {
	float: left;
	clear: both;
	width: 200px;
}
#ajoutCommentaire input, #ajoutCommentaire textarea {
	float: left;
	margin-bottom: 10px;
}
#ajoutCommentaire textarea {
	height: 36px;
}
#ajoutCommentaire #boutons {
	clear: both;
	padding-left: 200px;
}
/* Creation invitation */
.preparer #texteCentral.creation h2 span {
	/*width: 486px;*/
}
.preparer #texteCentral h2#liste span {
	width: 290px;
}
.preparer .creation p#description {
	width: 300px;
	padding: 10px 0 30px 100px;
}
.preparer .creation p#modification {
	width: 300px;
	padding: 10px 0 10px 100px;
	font-weight: bold;
}
.preparer .creation p#choixInvit {
	margin: 10px auto;
	width: 350px;
}
.creation .choisi {
	padding: 5px 0;
}
.preparer .creation p#choix {
	padding: 10px 0 30px 0px;
}
.preparer .creation p#choix #excel {
	width: 150px;
	text-align: center;
}
.preparer .creation p#choix a, .preparer .creation p#choixInvit a {
	display: block;
	float: left;
	margin-right: 10px;
}
.preparer #texteCentral.creation h2#manuelle span {
	width: 290px;
}
.creation #creationManuelle {
	width: 450px;
	padding: 15px 0;
}
.creation form a.fondOrange, #reponse a.fondOrange {
	display: block;
	float: left;
	padding: 2px 5px 1px;
	margin-right: 10px;
}
.creation form label {
	clear: both;
	width: 205px;
	float: left;
	margin: 0 10px 10px 0;
}
.creation form input, .creation form textarea {
	float: left;
	margin: 0 5px 10px 0;
}
.creation form input#importerLogo {
	color: #000;
}
.creation #creationManuelle #boutons {
	clear: both;
}
.creation #boutons {
	padding: 30px 0 0 200px;
	clear: both;
}
.creation #boutons input {
	margin: 0 10px 0 0;
	border: 0 none;
        cursor:pointer;
}
.preparer #texteCentral.creation h2#automatique span {
	width: 330px;
}
.creation #descAuto {
	padding-bottom: 10px;
}

.creation #questionsLibres {
	float: left;
}
.creation #questionsLibres input {
	width: 250px;
}
.creation #questionsLibres div {
	clear: both;
}
.preparer #modele {
	padding: 30px 0 30px 150px;
}
.preparer #modele a, .preparer #infos a {
	color: #f2ab00;
}
.preparer #saisieExcel #infos {
	padding: 10px 0 0 200px;
	clear: both;
}

/* Liste invites */
.preparer #texteCentral.liste h2 span {
	width: 255px;
}
.preparer .liste table {
	border-collapse: collapse;
}
.preparer .liste table tr.nonRecu td {
	color: #CA2719;
}
.preparer .liste table th, .preparer .liste table td {
	padding: 2px;
	border: 1px solid #eee;
	text-align: center;
}
.preparer .liste #nbInvites {
	padding: 20px 0 20px 0;
}
.preparer .liste #boutons {
	padding-left: 0px;
        width:650px;
}
.preparer .liste #boutons a {
	display: block;
	float: left;
	margin-right: 5px;
	padding: 2px 5px;
}
form#choixInvite {
	width: 600px;
	height: 300px;
	overflow: auto;
}
/* Envoi */
.preparer #texteCentral.envoi h2 span {
	width: 195px;
}
.envoi #avertissement {
	padding: 10px 0;
	text-align: center;
	color: #FF0000;
}
.envoi #descEnvoi {
	padding: 10px 0 30px 150px;
}
.envoi #relance label {
	float: none;
	display: block;
}
.envoi #modifRelance {
	padding-bottom: 10px;
}
.envoi #relance #submit {
	clear: both;
	display: block;
	margin: 10px 0 0 260px;
	border: 0;
}
.envoi #cntEnvoi {
	padding: 30px 0 0 100px;
}
.envoi #cntEnvoi a {
	margin-right: 10px;
}
/* Questionnaire */
.club div#questionnaire {
    clear: both;
    padding-top:10px;
}

.club .questionnaire #desc {
	padding: 10px 0 20px 0;
}
.questionnaire form label {
	margin-top: 10px;
	display: block;
	width: 100%;
}
.questionnaire #infoAuteur {
	padding-top: 20px;
}
.questionnaire #infoAuteur label {
	clear: both;
	width: 200px;
	float: left;
}
.questionnaire #infoAuteur input {
	float: left;
}
.questionnaire form #boutons {
	clear: both;
	padding: 10px 0 20px;
}
.questionnaire form #boutons input {
	border: 0 none;
}
.questionnaire #passer {
	display: block;
	width: 100%;
	text-align: right;
}


/* Team Logics Addon */
.club .BoutonVert {
    background: #148895 5px 5px;
    color: #fff;
    /* font: 100% Verdana, Arial, Helvetica, sans-serif; */
    /* font-family: Verdana; */
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.club h3.QuizQuestionCategory {
    color: #663366;
    margin-top:10px;
}

body.club a.Button {
    display: block;
    padding-left: 10px;
    background: #f2ab00;
    color: #fff;
    padding: 1px 3px;
    text-decoration: none;
    margin-right:5px;
}

.envoi #definedQuestion {
    text-align : center;
    color      : #FF0000;
}