@CHARSET "ISO-8859-1";

body {
	font: 12px Arial, Verdana;
	left: 100px;
	color: #000;
	background-color: #110F15;
	font-family: lato;
}

a {
	text-decoration: none;
	color: #133638;
} /* 133638 -> Rouge bordeaux  -- 133638 bleu foncé */
a:link {
	
}

a:visited {
	
}

a:hover {
	text-decoration: underline;
}

a.white {
	color: white;
	text-decoration: none;
}

a.white:link {
	
}

a.white:visited {
	
}

a.white:hover {
	text-decoration: underline;
}

a.miniRouge {
	font: 10px Arial, Verdana;
	text-decoration: none;
}

a.miniRouge:link {
	
}

a.miniRouge:visited {
	
}

a.miniRouge:hover {
	text-decoration: underline;
}

a.miniWhite {
	font: 10px Arial, Verdana;
	color: #FFFFFF;
	text-decoration: none;
}

a.miniWhite:link {
	
}

a.miniWhite:visited {
	
}

a.miniWhite:hover {
	text-decoration: underline;
}

a.footerBlack {
	color: white;
	font: 11px Arial, Verdana;
	font-weight: bold;
	text-decoration: none;
}

a.footerBlack:link {
	
}

a.footerBlack:visited {
	
}

a.footerBlack:hover {
	text-decoration: underline;
}

/*Style des liens collapseItems*/
a.collapseLink {
	color: black;
	font: 12px Arial, Verdana;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a.collapseLink:link {
	
}

a.collapseLink:visited {
	
}

a.collapseLink:hover {
	text-decoration: underline;
}

/**Menu flottant principal**/
.content-menu-header {
	background-color: #e84e11;
	
}

#navigation {
  height: 40px;	
  /*margin-left: 200px;*/
}

#navi {
	padding: 0;
	margin: 0;
	background-color: #585a63;
	list-style-type: none;
}

#navi li {
	float: left; /*pour IE*/
	/*border-right: 2px solid #292b30;*/
}

#navi li.item-amadeus {
	float: right;
	border-right: none;
	padding-right: 28px;
}

#navi li.item-amadeus label {
	display: block;
	float: left;
	width: 100px;
	line-height: 40px; /*hauteur de l'image de fond*/
	font-style: italic;
	color: white;
	text-decoration: none;
	text-align: center;
}

#navi li.item-amadeus img {
	height: 27px;
	    padding-top: 5px;
}



#navi li a {
	display: block;
	float: left;
	width: 100px;
	line-height: 40px; /*hauteur de l'image de fond*/
	background-color: #e84e11;
	color: white;
	text-decoration: none;
	text-align: center;
}

#navi li a:hover {
	/* background:black url(images/noir-2.png) repeat-x;*/
	background-color: #292b30;
	color: white;
}

#navi .item-home img {
 width: 20px;
 padding-top: 8px;
}

#navi .item-home {
height: 40px;
width: 200px;
}

.menu-header li .active {
	background-color: #585a63 !important;
}

img {
	border: none;
}

a#leftGameLink {
	border: none;
}

a#leftGameLinkr:link {
	
}

a#leftGameLink:visited {
	
}

a#leftGameLink:hover {
	
}

div#mainContainer {
	width: 1260px; /*1460*/
	margin: auto;
}

/*la bordure dégradée du haut*/
img.bordureHaut {
	position: relative;
	top: 22px;
}

/*Le logo de la soiree*/
img.imageSoiree {
	top: -11px;
	left: 760px;
	position: relative;
}

/*Le container sous le footer, pour la bordure basse*/
div#lowContainer {
	width: 1243px;
	height: 33px;
	position: relative;
	top: -14px;
	left: 200px;
}

div#middleContainerFloat {
	float: left;
	padding-right: 0px;
	width: 1000px;
	background-color: #e8eae7;
}

/*Le div contenant les 3 div du centre des pages*/
div#center {
	/*width: 800px;*/ /*986*/
	/*margin: 0px;*/
	
}

div#presentColumnFloat {
	float: left;
	width: 200px;
	height: 590px;
	vertical-align: middle;
}

div.rightEdge {
	float: left;
	width: 20px;
}

/*clearLeft*/
div.clear {
	clear: left;
}

/*Styles du bloc central*/
table.imageFondTableau {
	/* background-image: url(/images/fond_tableau.jpg);
            background-repeat: no-repeat;
            background-attachment:scroll;
            background-position: 50% 0%; */ /*50% 0%*/
	
}

.lineFix1 td {
	vertical-align: bottom;
}

header div img {
	width: 100%;
}

div.firstColumn {
	/*background-color: #000;*/
	float: left;
	/*border:1px dotted #000000;*/
	width: 180px;
	margin-left: 20px;
	/*margin-top: 20px;*/
	vertical-align: top;
	min-height: 350px;
}

div.secondColumn {
	float: left;
	width: 362px; /*542*/
	vertical-align: top;
	margin-left: 120px;
}

div.big-column {
	float: left;
	margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
        margin-right: 20px;

}

.center_oublie{
}

div.big-column1 {
    margin-left: 25em;
	display: flex;
    margin-bottom: 20px;
}

.inner-challenge {
	width: 500px;
	margin-top: 15px; 
	
}

.external-link {
	text-align:center;
	margin-bottom: 10px;
}

.external-link p {
  font-weight: bold; 	
	
}

.inner-big-column {
	 /*   width: 500px;*/
	width: 750px;
}

.inner-big-column1 {
	 /*   width: 500px;*/
	width: 750px;
}


.content-logon {
  margin-top: 20px;
  margin-bottom: 20px;
}

.big-link {
 /*width: 500px;*/	
	
}


/*Spécial pour mon compte ET inscription*/
div.secondColumnAccount {
	float: left;
	width: 800px;
	vertical-align: top;
}

div.thirdColumn {
	float: left;
	width: 254px;
}

div.pusher {
	width: 643px;
	heigth: 25px;
	border: 1px solid blue;
}

div.presentation {
	font: 12px Arial, Verdana;
	/*border: 1px dotted #000000;*/
	text-align: justify;
	margin: 5px;
	padding: 20px;
	overflow-y: auto;
	height: 300px;
}

div.Md-link{
	text-align: center;
	padding-bottom: 6px;
}

div.Md-link outputLink{
	margin-bottom: 5px;
}

div.titreRouge {
	text-align: center;
	font: 18px Arial, Verdana;
	color: #133638;
	border-bottom: 1px solid #133638;
}

.inner-logon {
	margin-bottom: 10px;
    background-color: #292b30;
    color: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
        border-radius: 3px;
            padding: 10px;
}

div.petitTitreRouge {
	font: 14px Arial, Verdana;
	color: #133638;
	border-bottom: 1px solid #133638;
}

div.blackTitle {
	font-weight: bold;
	color: #FFF;
}

div.collapseItem {
	display: none;
	padding-left: 1px;
	border-left: 1px dashed #00aec7;
}

p.moyen {
	text-align: left;
	font: 12px Arial, Verdana;
}

p.redTitle {
	color: #133638;
	font-weight: bold;
}

.bigCenteredRedTitle {
	text-align: center;
	background-color: black;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}


.title-top {
text-align: center;
	background-color: black;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top :0px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}	
	
	
	


/*************Menu latéral gauche**************/
/*			#menuLateral {
				list-style-type: none;
				margin: 0 ;
				padding: 0 ;
				overflow: hidden ;
				}
			#menuLateral li {
				width: 159px ;
				margin-right: 1px ;
				color: #000000 ;
				}
			#menuLateral li a {
				color: #000000 ;
				font: 12px Verdana ;
				padding: 4px;
				text-align: center ;
				text-decoration: none ;
				}
			#menuLateral li a:hover, #nav li a:focus, #nav li a:active {
				color:#133638;
				}*/
div.menu_gauche ul.menu_gauche, ul.menu_gauche ul { 
	font-family: Arial, Verdana;
	font-size: 14px;
	list-style-type: none;
	margin: 5px;
	padding: 0;
	width: 160px;
}

div.menu_gauche ul.menu_gauche a {
	font-family: Arial, Verdana;
	font-size: 14px;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	/*background-image: url(/images/closeArrow.png);
		background-repeat: no-repeat;	*/
}

div.menu_gauche ul.menu_gauche li {
	/*background-color: #474b4c;*/
	color: #fff;
	margin-top: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}

div.menu_gauche ul.menu_gauche li a {
	font-weight: bold;
	/*background-color: #fff;*/
	color: #033637;
	padding: 5px;
}

div.menu_gauche ul.menu_gauche li a:hover {
	background-color: #1daec1;
}

div.menu_gauche ul.menu_gauche li ul li a {
	text-transform: capitalize;
	background-color: #202221;
	color: #FFF;
	padding-left: 5px;
}

div.menu_gauche ul.menu_gauche li ul li a:hover {
	background-color: #24abc1;
	/*border-left: 3px #033637 solid;*/
	/*padding-left: 3px;*/
}

.ulexpand {
	/*	background-image: url(/images/openArrow.png);*/
	border: 1px #033637 solid;
}

div.imageFond {
	height: 184px;
	width: 159px;
	text-align: center;
	background-image: url(/images/fond.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
}

div.formulaire {
	margin-top: 5px;
	padding: 0px;
	width: 100px;
	height: 50px;
}

div.submitLeft {
	margin-top: 7px;
}

div.passwordOubli {
	margin: 0px;
	font: 10px Arial, Verdana;
}

span.facebook {
	font-weight: bold;
}

/*Styles des deux images dans le bandeau de gauche de chacune des pages*/
div.lienJeu {
	margin: 0px;
}

/*Le texte "retrouvez nous" sur facebook à gauche*/
span.facebook {
	font-weight: bold;
	/*margin-top: 7px;*/
}

form.up {
	
}

/*Style pour la page monCompte*/
div#leftAccountBox {
	float: left;
	/*width: 240px;*/
	/*width: 289px;*/
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	overflow: auto;
}

/*Le tableau avec les dossiers et les points -- Partie MonCompte*/
table.listPointsTab {
	/*width: 239px;*/
	/*width: 269px;*/
	
}

table.listPointsTab th {
	background-color: black;
	color: #FFF;
}

table.listPointsTab td {
	color: #133638;
	font-weight: bold;
}

div#rightAccountBox {
	/*float: left;*/
	float: right;
	/*height: 355px;*/
	width: 240px;
	margin-top: 20px;
	margin-left: 40px;
}

/*Nouvelle Partie gauche Shop*/
div#leftAccountShopBox {
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-top: 15px;
}

/*Nouvelle Partie droite Shop*/
div#rightAccountShopBox {
	float: left;
	color: #133638;
	font-weight: bold;
	width: 280px;
	border: 2px solid #53565e;
	overflow: auto;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
	height: 131px;
}

/*Partie panier du shop*/
div#panierAccountShopBox {
	float: left;
	width: 100px;
	height: 145px;
	/*background-color: #24abc1;*/
	margin-top: 15px;
	padding-top: 0px;
	text-align: center;
}

/*Le styele pour les numéros de cadeaux du panier*/
span.paddingPresent {
	color: black;
	font-weight: bold;
	/*background-color: #133638;*/
	padding-left: 10px;
	padding-right: 10px;
}

/*Position de la phrase "Accéder à la liste des cadeaux" dans la page monCompte*/
/*div.textPosition{
			text-align: center;
			margin-top: 100px;
			font: 15px Verdana;
			font-weight: bold;

}*/

/*Partie mon compte avec shop*/
div#redBox {
	height: 300px;
	margin-right: 1px;
	overflow-y: auto;
}

/*Le tableau de mise en forme des 4 cétégories*/
table.tabCategory {
	border: 1 px solid #133638;
	width: 300px;
	height: 320px;
}

div.categoryContainer {
	/*height: 320px;*/
	/*width:375px;*/
	overflow: auto;
	height: 400px;
}

/*L'image de la catégorie*/
/*div.floatImage{
		margin-top: 2px;
		margin-left: 2px;
		float: left; 
}*/
/*La partie textuelle dans le cadre blackBox qui contient les catégories*/
/*div.floatText{
		float: left; 
		margin-left: 20px;
		margin-top:15px
}*/

/*Une case pour une catégorie(partie monCompte)*/
div.categoryElement {
	/*float: left;*/
	width: 175px;
	height: 165px;
	padding: 0;
	border: 4px solid #53565e;
	margin: 1px;
}

/*Style pour la nouvelle page shop.jsf*/
div.menuCategory {
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
}

/*Les styles de la partie basse : cliquez ici pour les catégories*/
div.normalCategory {
	width: 100%;
	text-align: center;
}

div.normalCategory a {
	font-weight: bold;
	color: #FFF;
	background-color: #24abc1;
}

span.paddingClic {
	padding-right: 12px;
	padding-left: 12px;
	background-color: #ea5215;
}

div.normalCategory a:hover {
	text-decoration: none;
}

/*Le style pour les nombres de points des cadeaux*/
a.nombrePoints {
	color: #FFF;
	background-color: #000;
}

a.nombrePoints:hover {
	text-decoration: none;
}

a.activeCategory {
	font-weight: bold;
	color: #133638;
}

/*Le div contenant les images des cadeaux*/
div#shopBlackBox {
	height: 240px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 15px;
	/*overflow-y : auto;*/
	overflow: auto;
	/*width: 568px;*/
}

/*Un carré contenant le nom + l'image miniature pour un cadeau(partie shop)*/
div.elementShop {
	float: left;
	width: 175px;
	height: 195px;
	padding: 0;
	border: 4px solid #53565e;
	margin: 1px;
}

div.elementShop table {
	vertical-align: middle;
}

div.elementShop table td {
	vertical-align: middle;
}

/*Le titre des éléments cadeaux et catégories*/
div.titreElement {
	background-color: #133638;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	margin: 0;
}

div.menuElement {
	
}

/*Sert à obtenir la même taille pour le texte descriptif du cadeau qu'il soit long ou court*/
div.textLock {
	background-color: #133638;
	color: #FFF;
	text-align: center;
	padding-top: 4px;
	height: 32px;
	font-weight: bold;
	margin: 0;
	text-transform: uppercase;
}

div.titreRougeSimpleMargin {
	color: #133638;
	font: 18px Arial, Verdana;
	margin-top: 17px; /*25 ou 39*/
}

div.titreRougeSimple {
	color: #133638;
	font: 18px Arial, Verdana;
}

.italicRedText {
	font-style: italic;
	color: #133638;
}

div.boiteRouge {
	background-color: black;
	color: #FFFFFF;
	font: 20px Arial, Verdana;
	font-weight: bold;
	width: 85%;
	text-align: left;
	/*margin-left: 7px;*/
}

div.panierText {
	color: #133638;
	font: 12px Arial, Verdana;
	font-weight: bold;
}

div.panierTextActive {
	color: #133638;
	font: 16px Arial, Verdana;
	font-weight: bold;
}

div.itemView {
	display: none;
	position: absolute;
	left: 470px;
	top: 220px;
	background-color: white;
	width: 392px;
	border: 1px dotted #00aec7;
}

td.centeredUnderline {
	border-bottom: 1px dotted #24abc1;;
	text-align: center;
}

td.centeredUnderlineSolid {
	border-bottom: 1px solid #808080;
	text-align: center;
}

/*Le tableau de la partie inscription*/
table.floatingTab {
	/*float: left;*/
	
}


span.floatingTab {
	text-align: center;
	font-weight: bold;
	background-color: black;
	padding: 6px;
	color: #FFF;
	margin-bottom: 4px;
	display: block;
	/*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);*/
}

/*Le tableau de la partie informations*/
table.floatingTabInfo {
	vertical-align: top;
	text-align: left;
}

table.miseEnForme {
	width: 96%;
	margin-left: 15px;
	vertical-align: top;
}

table.miseEnForme td {
	font-weight: bold;
	vertical-align: top;
}

span.titleInfo {
	color: #133638;
}

span.contentInfo {
	color: #858585;
}
/*
th.cellTab{
			text-align: center;
			background-color: #24abc1;
			padding:6px;
			color:#FFF;
}
*/
td.cellTabBoldLeft {
	border-bottom: 1px solid #808080;
	font-weight: bold;
	text-align: left;
	width: 170px;
}

td.cellTabBold {
	border-bottom: 1px solid #808080;
	font-weight: bold;
}

td.cellTabRight {
	text-align: right;
	/*border-bottom: 1px dotted #808080;*/
}

td.cellTabLeft {
	text-align: left;
	border-bottom: 1px dotted #808080;
	width: 170px;
}

td.cellTabLeftInscription {
	text-align: left;
}

td.cellTabLeftLight {
	text-align: left;
}

td.cellTab {
	border-bottom: 1px dotted #808080;
}

td.cellTabCenter {
	text-align: center;
	border-bottom: 1px dotted #808080;
}

div.textPadding {
	padding-top: 10px;
	text-align: center;
}

div.textMdp {
	padding-top: 10px;
	text-align: center;
	font-size: 23px;
}

div.textPaddingMonCompte {
	padding-top: 10px;
	text-align: center;
	height: 356px;
}

div.footerDiv {
	
}

div.footer {
	position: relative;
	background-color: #ea5215;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

div.footerMonCompte {
	width: 80%;
	position: relative;
	left: 75px;
	top: 30px;
	background-color: black;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

/*Style de la carte imprimable*/
.infosCard {
	color: #d7ccac;
}

.numeroCard {
	color: #f8f7f3;
}

div.positionTextCard {
	position: absolute;
	float: left;
	left: 25px;
	top: 160px;
}

/*Style des boutons radios dans command.jsf*/
table.adressRadio td {
	width: 300px;
	color: #133638;
}

div.leftAdress {
	float: left;
	border-right: 1px solid #133638;
	border-left: 1px solid #133638;
	border-bottom: 1px solid #133638;
	border-top: 0;
	width: 297px;
	text-align: left;
	padding: 3px;
	margin-right: 3px;
}

div.rightAdress {
	float: left;
	border-right: 1px solid #133638;
	border-left: 1px solid #133638;
	border-bottom: 1px solid #133638;
	border-top: 0;
	width: 298px;
	text-align: left;
	padding: 3px;
}

/*La partie droite du site, externe au cadre principal contenant les pubs du bandeau de droite*/
div.rightExternalPub {
	float: left;
	margin-left: 5px;
	width: 205px;
	margin-top: 0;
}

/*Ligne horizontale pour séparer les pubs à droite*/
div.hrOnDiv {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 200px;
	border-bottom: 1px solid #133638;
}

/*Conteneur de l'image de droite(skyscrapper)*/
div.externalImageBorder {
	text-align: center;
	/*	border: 1px solid black;*/
}

/*Error style*/
.errorClass {
	font-weight: bold;
	color: red;
	font: 11px Arial, Verdana;
}

/*Style du calendrier*/
.NSday {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0000cc;
	text-decoration: none;
}
/* tableau des jours (Partie haute du calendar)*/
.Gtab {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	border: solid 1px #000000;
	background: #c4c2c3;
	width: 152px;
}
/* champs texte (Texte partie haute du calendar)*/
.Gname {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

/* champs texte (Menu déroulantes mois/années)*/
.Gtxt {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	margin-left: 0px;
}
/* en-tete semaine (Lundi-Vendredi)*/
.Gh1, .Gh2, .Gh3, .Gh4, .Gh5 {
	width: 20px;
	height: 16px;
	font-size: 12px;
	background: #c4c2c3;
	border: solid 1px #c4c2c3;;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-align: center;
	line-height: 16px;
}
/*En tete fin semaine (samedi et dimanche)*/
.Gh0, .Gh6 {
	width: 20px;
	font-size: 12px;
	height: 16px;
	border: solid 1px #c4c2c3;
	background: #c4c2c3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 16px;
}
/*(Jours fériés?)*/
/*.Gfree
{
	width: 		20px;
	height: 	16px;
	background:	#7890BB;
	border:		solid 1px #ffffff;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}*/
/*(Jours fériés survols?)*/
/*
.Gfreeon
{
	width: 		20px;
	height: 	16px;
	background:	#b9c0d9;
	border:		solid 1px #000000;
	font-family: 	Arial,Helvetica,sans-serif;
	font-weight: 	normal;
	padding:	0px;
	margin:		0px;
	color:		#000000;
	text-align:	center;
	cursor: 	pointer;
	line-height:	16px;
}*/

/*Corps du tableau(Jours sauf samedi et dimanche)*/
.Gc1, .Gc2, .Gc3, .Gc4, .Gc5 {
	width: 20px;
	height: 16px;
	background: #c4c2c3;
	border: solid 1px #c4c2c3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #000000;
	text-align: center;
	cursor: default;
	line-height: 16px;
}
/*??????????????????*/
/*Survol des jours du tableau(Lundi-Vendredi)*/
.Gc1on, .Gc2on, .Gc3on, .Gc4on, .Gc5on {
	width: 20px;
	height: 16px;
	background: #133638;
	border: solid 1px #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	line-height: 16px;
}

/*Style corps du tableau (samedi et dimanche)*/
.Gc0, .Gc6 {
	width: 20px;
	height: 16px;
	border: solid 1px #c4c2c3;
	background: #c4c2c3;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #000000;
	text-align: center;
	cursor: default;
	line-height: 16px;
}

/*Survol des jours du tableau(Samedi et dimanche)*/
.Gc0on, .Gc6on {
	width: 20px;
	height: 16px;
	border: solid 1px #ffffff;
	background: #133638;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	line-height: 16px;
}

div.lienrueor li a {
	background-color: #74471D !important;
	color: #ffffff !important;
}

div.lienrexpcolpr li a {
	background-color: #7d1211 !important;
	color: #ffffff !important;
}

.inner-connection {
	background-color: #585a63;
	text-align: center;
}

.inner-connection h1 {
	background-color: #292b30;
}

.inner-link {
	margin-bottom: 10px;
	background-color: #53565e;
	text-align: center;
	border-radius: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
}

.inner-link a {
	color: white;
}

.inner-link-challenge {
	margin-bottom: 10px;
	background-color: black;
	text-align: center;
	border-radius: 3px;
	padding-bottom: 6px;
	padding-top: 6px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	
}

.inner-link-challenge a {
	margin-top :5px;
	margin-bottom :5px;
	color: white;
}

/*pour le login*/
.content-connection {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-connection1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-connection form {
	background: #8c8e93;
	/*width: 40%;*/
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	font-family: lato;
	position: relative;
	color: #333;
	border-radius: 10px;
}

.content-connection1 form {
	background: #8c8e93;
	max-width: 60%;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.7);
	font-family: lato;
	position: relative;
	color: #333;
	border-radius: 10px;
}

.content-connection form header {
	background: #7c818b;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-size: 1.2em;
	font-weight: 600;
	border-radius: 10px 10px 0 0;
}

.content-connection1 form header {
	background: #7c818b;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-size: 1.2em;
	font-weight: 600;
	border-radius: 10px 10px 0 0;
}

.content-connection form label {
	margin-left: 20px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
	color: white !important;
}

.content-connection1 form label {
	margin-left: 20px;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
	color: white !important;
}

.content-connection form label span {
	color: white !important;
	font-size: 2em;
	position: absolute;
	left: 2.3em;
	top: -10px;
}

.content-connection1 form label span {
	color: white !important;
	font-size: 2em;
	position: absolute;
	left: 2.3em;
	top: -10px;
}

.content-connection form input[type="text"], .content-connection form input[type="password"]
	{
	display: block;
	/*width: 78%;*/
	margin-left: 20px;
	background: transparent;
	padding: 5px 20px;
	font-size: 1em;
	border-radius: 3px;
	outline: none;
	/*border: 1px solid #ccc;*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid white;
}

.content-connection1 form input[type="text"], .content-connection1 form input[type="password"]
	{
	display: block;
	/*width: 78%;*/
	margin-left: 20px;
	background: transparent;
	padding: 5px 20px;
	font-size: 1em;
	border-radius: 3px;
	outline: none;
	/*border: 1px solid #ccc;*/
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid white;
}

.content-connection form input[type="submit"] {
	display: block;
	background-color: #7c818b;
	padding: 5px 20px;
	font-size: 1em;
	border-radius: 3px;
	outline: none;
	margin: auto;
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-left: none;
	color: white;
	text-transform: uppercase;
}

.content-connection1 form input[type="submit"] {
	display: block;
	background-color: #7c818b;
	padding: 5px 20px;
	font-size: 1em;
	border-radius: 3px;
	outline: none;
	margin: auto;
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-left: none;
	color: white;
	text-transform: uppercase;
}

.content-connection form .help {
	margin-left: 20px;
	font-size: 0.8em;
	color: white;
}

.content-connection form button {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: inherit;
	color: white;
	background: #FF3838;
	outline: none;
	border: none;
	padding: 5px 15px;
	font-size: 1.3em;
	font-weight: 400;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.content-connection1 form button {
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	left: 50%;
	transform: translate(-50%, 0);
	font-family: inherit;
	color: white;
	background: #FF3838;
	outline: none;
	border: none;
	padding: 5px 15px;
	font-size: 1.3em;
	font-weight: 400;
	border-radius: 3px;
	box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.4);
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

.content-connection form button:hover {
	background: #ff5252;
}

.content-connection1 form button:hover {
	background: #ff5252;
}

.content-connection .btn {
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.content-connection1 .btn {
	padding-top: 10px;
	padding-bottom: 10px;
	
}

.style-message{
	color: red;
	font-size: 24px;
}

.divfidelity {
    position: relative;
}

.fidelityCard {
    width: 350px;
    cursor: pointer;
}

.cardInformation {
    top: 121px;
    left: 26px;
    font-size: 14px;
    position: absolute;
    color: black;
    font-weight: bold;
    text-align: justify;
    text-transform: uppercase;
    cursor: pointer;
}