/*

	COURS-de-BRIDGE.com
	Feuille de Style CSS3

	Défini par Vincent Jockin / WEB ART MEDIA
	
	Création : 01-01-2012
	Mise à jour : 28-03-2014

	*/

	@font-face {
		font-family: "pckt";
		src: url('fonts/cards.eot');
		src: url('fonts/cards.eot?#iefix') format('embedded-opentype'),
			 url('fonts/cards.woff') format('woff'),
			 url('fonts/cards.ttf') format('truetype');
	}

	html, body {
		background: #132C15;
		font-family: 'Montserrat', sans-serif;
		font-size: 1rem;
	}

	ins {
		position: absolute;
	}

	ins[data-ad-slot="4649003826"] {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 9% !important;
		width: 320px !important;
	}

/********************************************
	
	PREMIER FICHIER : "demo_styles-1.css"

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

	body {
		color: #fff;
		border: 0px;
 		margin: 0px;
		padding: 0px;
		cursor: default;
		overflow: hidden;
	}

	/* Styles par défaut */

	a,
	img {
		border: none;
		outline: none;
	}

	table,
	tr,
	td {
		border-spacing: 0px;
		border-width: 0px;
		border-collapse: collapse;
		border: none;
	}

	form,
	div,
	span,
	p,
	ul,
	ol,
	li,
	table,
	tr,
	td {
		margin: 0px;
		padding: 0px;
		border: none;
	}

	li {
		margin-left: 20px;
	}
	
	input {
		height: 26px;
	}
	input,
	textarea {
		background: none;
		color: #ad8;
		font-family: Roboto;
		font-size: 16px;
		font-style: normal;
		line-height: 26px;
		border: none;
		margin: 0px;
		padding: 0px;
		outline: none;
		transition: all 0.9s;
	}
	input:focus,
	textarea:focus {
		color: #fff;
		transition: all 0.3s;
	}
	textarea {
		overflow: auto;
		resize: none;		
	}
	
	pre {
		display: inline;
	}

	/* Styles principaux et partagés */

	*:before,
	*:after {
		font-family: entypo;
	}
	
	i:before,
	i:after {
		font-style: normal !important;
	}

	a.lnkHeaderSelect:after,
	a.lnkHeaderDel:after,
	a.lnkHeaderConfig:after,
	a.lnkHeaderCadenaClose:after,
	a.lnkHeaderCadenaOpen:after,
	a.lnkHeaderCalendar:after,
	.blocHeaderSymbolOpen:after,
	.blocHeaderSymbolClose:after {
		color: #fff;
		opacity: 1;
		font-size: 18px;
		line-height: 0px;
		padding-left: 6px;
		transition: all 0.6s;
	}
	a.lnkHeaderSelect:hover:after,
	a.lnkHeaderDel:hover:after,
	a.lnkHeaderConfig:hover:after,
	a.lnkHeaderCadenaClose:hover:after,
	a.lnkHeaderCadenaOpen:hover:after,
	a.lnkHeaderCalendar:hover:after,
	.blocHeaderSymbolOpen:hover:after,
	.blocHeaderSymbolClose:hover:after {
		opacity: 0;
		padding-left: 0px;
		transition: all 0.2s;
	}
	a.lnkHeaderCadenaClose:after  {
		color: #711;
	}
	a.lnkHeaderCadenaOpen:after {
		color: #fc0;
	}

	/* Header, footer et page */

	.footer {
		color: #fff;
		font-family: Roboto;
		font-style: normal;
		font-size: 14px;
		letter-spacing: 0.5px;
	}

	.footer a {
		font-weight: 700;
	}

	/* Titrages et sous-titrages de page */

	h1, h2, h3, h4, h5, h6 {
		display: block;
		font-style: normal;
		font-weight: 400;
		margin: 0px;
		padding: 0px;
	}
	h2, h4, h5, h6 {
		overflow: hidden;
		white-space: nowrap;
	}
	h1, h4, h5, h6 {
		color: #fff;
	}
	h2, h3 {
		color: #111;
	}
	h1 {
		font-family: Cambo;
	}
	h2, h3 {
		font-family: Roboto;
	}
	h4, h5, h6 {
		font-family: Roboto;
	}
	h1 {
		font-size: 36px;
	}
	h2, h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 17px;
	}
	h6 {
		font-size: 14px;
	}
	h1, h2, h3 {
		width: 540px;
	}
	h1 {
		height: 40px;
		line-height: 35px;
	}
	h2, h4, h5 {
		height: 25px;
		line-height: 22px;
	}
	h3, h6 {
		height: 20px;
		line-height: 20px;
	}
	h2 {
		font-weight: 700;
	}
	h3 {
		height: auto;
	}

	/* Images & icones */

	i.iconFooter:before {
		content: "c";
		color: #472;
		font-family: "pckt" !important;
		font-size: 13px;
		padding: 0px 5px;
	}

	.iconNiveau {
		background-image: url(../data/png/icone_carre_graduate.png);
	}
	.iconThemeEncheres {
		background-image: url(../data/png/icone_carre_encheres.png);
	}
	.iconThemeContrat {
		background-image: url(../data/png/icone_carre_cartes2.png);
	}
	.iconThemeCartes {
		background-image: url(../data/png/icone_carre_cartes1.png);
	}
	.iconDemo {
		background-image: url(../data/png/icone_carre_free.png);
	}
	.iconSearch {
		background-image: url(../data/png/icone_carre_recherche.png);
	}

	.iconClubs1 {
		background-image: url(../data/png/icone_carre_graduate.png);
	}
	.iconClubs2 {
		background-image: url(../data/png/icone_carre_coupe2.png);
	}
	.iconClubs3 {
		background-image: url(../data/png/icone_carre_cartes1.png);
	}
	.iconClubs4 {
		background-image: url(../data/png/icone_carre_notepad.png);
	}

	i.iconInfo {
		font-size: 15px;
		line-height: 20px;
	}
	i.iconInfo:before {
		content: "\00e705";
		padding-right: 5px;
	}

	.iconStar, .iconStarEmpty {
		transition: all .4s;
		position: absolute;
	}

	i.iconBinary_x,
	i.iconBinary_o {
		line-height: 30px;
	}
	i.iconBinary_o:before {
		content: "\002713";
		color: #ad8;
		font-size: 18px;
	}
	div:not(.unavailable) i.iconBinary_x:before {
		content: "\0025cf";
		color: rgba(255,255,255,.75);
		font-size: 14px;
	}
	div.unavailable i.iconBinary_x:before {
		content: "\00274c";
		color: #f42;
		font-size: 14px;
	}

	i.iconSymbolPA:before,
	i.iconSymbolX:before,
	i.iconSymbolXX:before {
		font-family: 'Arial', sans-serif;
		font-variant: small-caps;
	}
	i.iconSymbolX:before,
	i.iconSymbolXX:before {
		font-size: 22px;
	}
	i.iconSymbolPA:before,
	i.iconSymbolX:before,
	i.iconSymbolXX:before {
		font-weight: 700;
	}
	i.iconSymbolSA:before {
		content: "SA";
	}
	i.iconSymbolSA.lang-en:before,
	i.iconSymbolSA.lang-sv:before {
		content: "NT";
	}
	i.iconSymbolSA.lang-gr:before {
		content: "XA";
	}
	i.iconSymbolPA:before {
		content: "passe";
		color: #333;
		font-size: 14px;
		letter-spacing: -1px;
	}
	i.iconSymbolX:before {
		content: "x";
	}
	i.iconSymbolXX:before {
		content: "xx";
	}
	i.iconSymbolX:before,
	i.iconSymbolXX:before {
		color: #fff;
	}

	i.iconSymbolP:before, i.iconSymbolPCase:before,
	i.iconSymbolC:before, i.iconSymbolCCase:before,
	i.iconSymbolK:before, i.iconSymbolKCase:before,
	i.iconSymbolT:before, i.iconSymbolTCase:before {
		font-family: "pckt" !important;
	}
	i.iconSymbolP:before,
	i.iconSymbolC:before,
	i.iconSymbolK:before,
	i.iconSymbolT:before {
		font-size: 20px;
	}
	i.iconSymbolPCase:before,
	i.iconSymbolCCase:before,
	i.iconSymbolKCase:before,
	i.iconSymbolTCase:before {
		display: block;
		font-size: 22px;
		width: 20px;
		height: 23px;
		line-height: 23px;
		padding-top: 2px;
		text-align: center;
	}
	i.iconSymbolP:before,
	i.iconSymbolPCase:before {
		content: "s";
	}
	i.iconSymbolC:before,
	i.iconSymbolCCase:before {
		content: "1";
	}
	i.iconSymbolK:before,
	i.iconSymbolKCase:before {
		content: "2";
	}
	i.iconSymbolT:before,
	i.iconSymbolTCase:before {
		content: "c";
	}
	i.iconSymbolPCase:before,
	i.iconSymbolTCase:before {
		color: #011;
	}
	i.iconSymbolCCase:before,
	i.iconSymbolKCase:before {
		color: #711;
	}

	i.iconTableDeJeu:before {
		content: "\0025a0";
		color: #b84;
		font-size: 20px;
		padding: 0px 7px;
	}

	/* Liens */

	a.lnkHeader {
		text-decoration: none;
		padding: 0px 0px 2px 0px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
	}
	a.lnkHeader:link, a.lnkHeader:visited {
		color: #fff;
		margin-left: 0px;
		border-bottom-color: #ddd;
		transition: all 0.6s;
	}
	a.lnkHeader:hover, a.lnkHeader:active {
		color: #ad8;
		margin-left: 8px;
		border-bottom-color: #ad8;
		transition: all 0.2s;
	}

	a.lnkHeaderSelect,
	a.lnkHeaderDel,
	a.lnkHeaderConfig,
	a.lnkHeaderCadenaClose,
	a.lnkHeaderCadenaOpen,
	a.lnkHeaderCalendar {
		padding-left: 0px;
		text-decoration: none;
	}
	a.lnkHeaderSelect:after {
		content: "\01f504";
	}
	a.lnkHeaderDel:after {
		content: "\00232b";
	}
	a.lnkHeaderConfig:after {
		content: "\01f504"; /*"\002699";*/
	}
	a.lnkHeaderCadenaClose:after {
		content: "\1f512";
	}
	a.lnkHeaderCadenaOpen:after {
		content: "\1f513";
	}
	a.lnkHeaderCalendar:after {
		content: "\01f4c5";
	}
	a.lnkHeaderSelect:link, a.lnkHeaderSelect:visited,
	a.lnkHeaderDel:link, a.lnkHeaderDel:visited,
	a.lnkHeaderConfig:link, a.lnkHeaderConfig:visited,
	a.lnkHeaderCadenaClose:link, a.lnkHeaderCadenaClose:visited,
	a.lnkHeaderCadenaOpen:link, a.lnkHeaderCadenaOpen:visited,
	a.lnkHeaderCalendar:link, a.lnkHeaderCalendar:visited {
		color: #fff;
		transition: all 0.6s;
	}
	a.lnkHeaderSelect:hover, a.lnkHeaderSelect:active,
	a.lnkHeaderDel:hover, a.lnkHeaderDel:active,
	a.lnkHeaderConfig:hover, a.lnkHeaderConfig:active,
	a.lnkHeaderCadenaClose:hover, a.lnkHeaderCadenaClose:active,
	a.lnkHeaderCadenaOpen:hover, a.lnkHeaderCadenaOpen:active,
	a.lnkHeaderCalendar:hover, a.lnkHeaderCalendar:active {
		color: #aadd88;
		padding-left: 8px;
		transition: all 0.2s;
	}

	/* Fenêtres */

	.winSelectOut {
		position: absolute;
		z-index: 98;
		display: none;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 0px;
		opacity: 0.25;
		background: #000;
	}
	
	.winSelect540pxShadowTop,
	.winSelect540pxShadowBottom {
		background-image: url(../data/png/menu_select_540_ombre.png);
		background-repeat: no-repeat;
		position: absolute;
		z-index: 99;
		display: none;
		left: 0px;
		top: 0px;
		width: 550px;
		opacity: 0.45;
	}
	.winSelect540pxShadowTop {
		background-position: left top;
		height: 33px;
	}
	.winSelect540pxShadowBottom {
		background-position: left bottom;
		height: 5px;
	}
	.winSelect540px {
		background: url(../data/jpeg/menu_select_540.jpg) left top repeat;
		position: absolute;
		z-index: 100;
		display: none;
		width: 540px;
		height: 28px;
		overflow: hidden;
	}
	.winSelect540pxHeader,
	.winSelect540pxContener {
		display: block;
		width: 540px;
		height: 28px;
	}
	.winSelect540pxContener {
		background: url(../data/jpeg/menu_select_540_in.jpg) left top repeat;
	}

	.winSelectBtnOpen,
	.winSelectBtns {
		display: block;
		height: 28px;
		text-align: center;
		float: right;
	}
	.winSelectBtnOpen {
		width: 15px;
	}

	.winSelectChecked,
	.winSelectCheckedContent,
	.winSelectParent,
	.winSelectChild {
		display: block;
		font-family: Roboto;
		font-size: 15px;
		height: 28px;
		line-height: 26px;
		margin: 0px 8px;
		white-space: nowrap;
		overflow: hidden;
		float: left;
		transition: all 0.9s;
	}
	.winSelectChecked:hover,
	.winSelectCheckedContent:hover,
	.winSelectParent:hover,
	.winSelectChild:hover {
		transition: all 0.1s;
	}
	.winSelectChecked {
		color: #fff;
	}
	.winSelectCheckedContent,
	.winSelectParent,
	.winSelectChild {
		color: #111;
	}
	.winSelectChecked:after {
		content: "\002713";
		margin-left: 5px;
	}
	.winSelectCheckedContent:after {
		content: "\0021e3";
		margin-left: 5px;
	}
	.winSelectChecked:hover {
		color: #ddeebb;
	}
	.winSelectParent:hover {
		color: #99cc66;
	}
	.winSelectChild:hover {
		color: #bbcc88;
	}
	.winSelectChecked i:before,
	.winSelectChild i:before,
	.winSelectChecked i.winSelectTab:before,
	.winSelectChild i.winSelectTab:before {
		content: "\00e75e";
		font-style: normal !important;
		margin-right: 5px;
		text-align: left;		
	}
	.winSelectChecked i.winSelectTab:before,
	.winSelectChild i.winSelectTab:before {
		visibility: hidden;
	}	

	.winCalendarOut,
	.winCalendar {
		display: none;
	}
	.winCalendarOut {
		background: rgba(0,0,0,0.25);
		position: fixed;
		left: 0px;
		top: 0px;
		z-index: 499;
	}
	.winCalendar {
		background: rgba(0,0,0,0.5);
		position: absolute;
		padding: 5px;
		border: 1px solid #333;
		box-shadow: 0px 0px 5px #000;
		z-index: 500;
	}
	.winCalendarIn {
		background: url(../data/png/tapis_bulle_1.png) center center;
		display: block;
		width: 428px;
		height: 258px;
	}
	.winCalendarBtnOff,
	.winCalendarBtnOn {
		display: block;
		font-family: Roboto;
		font-size: 16px;
		width: 112px;
		height: 86px;
		line-height: 86px;
		text-align: center;
	}
	.winCalendarBtnOff {
		background: #9c6;
		color: #fff;
		cursor: pointer;
	}
	.winCalendarBtnOff:hover {
		background: #cdb;
		color: #242;
	}
	.winCalendarBtnOn {
		background: #fff;
		color: #000;
	}

	/* Bulles */

	.bulleOmbre {
		background: #000;
		display: none;
		position: absolute;
		z-index: 450;
		border: 1px solid #333;
	}

	/* Menus de navigation */

	.menuNav ul {
		width: 200px;
	}
	.menuNav ul,
	.menuNav ul li {
		display: block;
	}	
	.menuNav ul li {
		color: #fff;
		background: rgba(0,0,0,0.25);
		font-family: Cambo;
		font-size: 19px;
		width: 97%;
		height: 47px;
		line-height: 47px;
		text-align: center;
		margin: 0px 1% 3px 2%;
		letter-spacing: 0.5px;
		box-shadow: 0px 2px 3px #000;
		cursor: default;
		transition: all 0.6s;
	}
	.menuNav ul li:hover,
	.menuNav ul li.menuNavSelected:hover,
	.menuNav ul li.menuNavSelectedOff {
		background: rgba(200,16,08,0.75);
		font-size: 21px;
		cursor: pointer;
		transition: all 0.2s;
	}
	.menuNav ul li.menuNavSelected {
		background: rgba(200,16,08,0.5);
	}
	.menuNav ul li.menuNavSelectedOff:hover {
		cursor: default !important;
	}

	.menuNavExo ul {
		width: 200px;
	}
	.menuNavExo ul,
	.menuNavExo ul li {
		display: block;
	}	
	.menuNavExo ul li {
		color: #fff;
		background: rgba(255,255,255,0.1);
		font-family: Roboto;
		font-size: 15px;
		width: 97%;
		height: 28px;
		line-height: 28px;
		text-align: center;
		margin: 0px 1% 2px 2%;
		letter-spacing: 0.5px;
		box-shadow: 0px 1px 2px #000;
		cursor: default;
		transition: all 0.9s;
	}
	.menuNavExo ul li:hover,
	.menuNavExo ul li.menuNavExoSelected:hover,
	.menuNavExo ul li.menuNavExoSelectedOff {
		background: rgba(200,16,08,0.75);
		font-size: 17px;
		cursor: pointer;
		transition: all 0.3s;
	}
	.menuNavExo ul li.menuNavExoSelected {
		background: rgba(200,16,08,0.5);
	}
	.menuNavExo ul li.menuNavExoSelectedOff:hover {
		cursor: default !important;
	}
	.menuNavExo ul li.menuNavExoTitle,
	.menuNavExo ul li.menuNavExoTitle:hover {
		background: rgba(200,104,16,0.5);
		font-size: 19px;
		cursor: default;
	}

	/* Menus de tuiles */

	.menuTiles ul li.txtMenuNiveau1:after {
		content: "1\0000e8re S\0000e9rie";
	}
	.menuTiles ul li.txtMenuNiveau2:after {
		content: "2\0000e8me S\0000e9rie";
	}
	.menuTiles ul li.txtMenuNiveau3:after {
		content: "3\0000e8me S\0000e9rie";
	}
	.menuTiles ul li.txtMenuNiveau4:after {
		content: "4\0000e8me S\0000e9rie";
	}

	.menuTiles ul li.txtMenuThemeEncheres1:after {
		content: "\0000e0\000020deux";
	}
	.menuTiles ul li.txtMenuThemeEncheres2:after {
		content: "comp\0000e9titives";
	}
	.menuTiles ul li.txtMenuThemeContrat1:after {
		content: "\0000e0\000020la couleur";
	}
	.menuTiles ul li.txtMenuThemeContrat2:after {
		content: "\0000e0\000020Sans-Atout";
	}
	.menuTiles ul li.txtMenuThemeCartes1:after {
		content: "en face du mort";
	}
	.menuTiles ul li.txtMenuThemeCartes2:after {
		content: "en d\0000e9fense";
	}

	.menuTiles ul li.txtMenuDemo:after {
		content: "Gratuit !";
	}

	.menuTiles ul li.txtMenuSearch:after {
		content: "Rechercher";
	}

	.menuTiles ul li.txtMenuClubs1:after {
		content: "Tournois\0A p\0000e9dagogiques";
	}
	.menuTiles ul li.txtMenuClubs2:after {
		content: "Tournois\0A \0000e9quilibr\0000e9s";
	}
	.menuTiles ul li.txtMenuClubs3:after {
		content: "Mouvements\0A de tournoi";
	}
	.menuTiles ul li.txtMenuClubs4:after {
		content: "Feuilles\A de scores";
	}

	.menuTiles ul {
		list-style: none;
	}
	.menuTiles {
		display: block;
		width: 540px;
	}
	.menuTiles,
	.menuTiles ul li {
		height: 125px;
	}
	.menuTiles ul li {
		background-color: #72b05a;
		background-repeat: no-repeat;
		background-size: 101px;
		color: #fff;
		display: block;
		float: left;
		width: 125px;
		margin: 0px 5px;
		overflow: hidden;
	}
	.menuTiles ul li:after {
		display: block;
		font-family: Roboto;
		font-variant: small-caps;
		height: 35px;
		line-height: 35px;
		margin: 0px;
		padding-top: 90px;
		text-align: center;
		white-space: nowrap;
	}
	.menuTiles ul li,
	.menuTiles ul li.menuTilesOff,
	.menuTiles ul li.menuTilesOff:hover {
		background-position: 12px 0px;
		opacity: 0.5;
	}
	.menuTiles ul li,
	.menuTiles ul li.menuTilesSelected:hover {
		box-shadow: 0px 0px 3px #231;
		transition: all 0.25s;
	}
	.menuTiles ul li:hover,
	.menuTiles ul li.menuTilesSelected,
	.menuTiles ul li.menuTilesSelectedOff,
	.menuTiles ul li.menuTilesSelectedOff:hover {
		background-position: 12px 12px;
		box-shadow: 0px 0px 6px #120;
		opacity: 1;
		transition: all 0.25s;
	}
	.menuTiles ul li:after,
	.menuTiles ul li.menuTilesOff:after,
	.menuTiles ul li.menuTilesOff:hover:after,
	.menuTiles ul li.menuTilesSelected:hover:after {
		font-size: 17px;
		transition: all 0.25s;
	}
	.menuTiles ul li:hover:after,
	.menuTiles ul li.menuTilesSelected:after,
	.menuTiles ul li.menuTilesSelectedOff:after,
	.menuTiles ul li.menuTilesSelectedOff:hover:after {
		font-size: 15px;
		transition: all 0.25s;
	}
	.menuTiles ul li,
	.menuTiles ul li.menuTilesOff:hover,
	.menuTiles ul li.menuTilesSelectedOff:hover {
		cursor: default;
	}
	.menuTiles ul li:hover {
		cursor: pointer;
	}
	.menuTiles ul li.menuTilesEmpty,
	.menuTiles ul li.menuTilesEmpty:hover {
		background: none;
		box-shadow: none;
		cursor: default;
	}

	.menuTiles ul li.menu2Lignes {
		background-position: 22px 5px;
		background-size: 81px;
	}
	.menuTiles ul li.menu2Lignes:after,
	.menuTiles ul li.menu2Lignes.menuTilesSelected:hover:after {
		line-height: 15px;
		padding-top: 85px;
		white-space: pre;
	}
	.menuTiles ul li.menu2Lignes:hover,
	.menuTiles ul li.menu2Lignes.menuTilesSelected {
		background-position: 22px 15px;
	}

	/* Menus des filtres */

	.menuSelectFiltresTable {
		background: url(../data/jpeg/site_champ_select.jpg) left top no-repeat;
		color: #aadd88;
		width: 540px;
		height: 30px;
	}
	.menuSelectFiltresTable:hover {
		background: url(../data/jpeg/site_champ_select_over.jpg) left top no-repeat;
		color: #fff;
	}
	.menuSelectFiltresTxt {
		padding: 2px 8px;
	}
	.menuSelectFiltresTxt,
	.menuSelectFiltresTxt div {
		width: 488px;
		height: 26px;
	}
	.menuSelectFiltresTxt div {
		white-space: nowrap;
		overflow: hidden;
	}
	.menuSelectFiltresBouton,
	.menuSelectFiltresBouton div {
		width: 36px;
		height: 30px;
	}
	.menuSelectFiltresBouton div {
		display: block;
	}

	/* Boutons */

	.btnDefaut {
		width: 90px;
		height: 24px;
	}

	.btnDefautBig {
		width: 200px;
		height: 42px;
	}

	.btnSelectArrow {
		position: absolute;
		z-index: 100;
		display: none;
		left: 0px;
		top: 0px;
		width: 15px;
		height: 15px;
	}

	/* Blocs et paragraphes */

	.blocTesting {
		color: #fff;
		display: block;
		position: fixed;
		z-index: 10000;
		font-family: Roboto;
		font-size: 30px;
		font-variant: small-caps;
		text-align: center;
		left: 0px;
		top: 0px;
	}

	.blocPage {
		/*background-position: left top;*/
		/*background-repeat: no-repeat;*/
		display: block;
		width: 540px;
	}

	.blocHidden {
		visibility: hidden;
	}

	.blocScroll {
		visibility: hidden;
		width: 540px;
		overflow: hidden;
	}
	
	.blocTile {
		display: none;
		width: 540px;
	}

	.blocHeader {
		background: none;
		color: #fff;
		padding-left: 0px;
		white-space: nowrap;
		cursor: default;
		transition: all 0.6s;
	}
	.blocHeader:hover {
		color: #aadd88;
		padding-left: 8px;
		cursor: pointer;
		transition: all 0.2s;
	}

	.blocHeaderSymbolOpen:after,
	.blocHeaderSymbolClose:after {
		font-size: 13px !important;
	}
	.blocHeaderSymbolOpen:after {
		content: "\00e764";
	}
	.blocHeaderSymbolClose:after {
		content: "\00e767";
	}

	.blocTxtHeader1,
	.blocTxtHeader2 {
		display: block;
		font-style: normal;
		font-weight: 400;
		width: 540px;
		height: 25px;
		line-height: 20px;
		text-align: left;
	}
	.blocTxtHeader1 {
		font-family: Roboto;
		font-size: 20px;
	}
	.blocTxtHeader2 {
		font-family: Cambo;
		font-size: 18px;
	}

	/* Blocs d'espacement (avec ou sans ligne de séparation) */

	.blocSpacing5px,
	.blocSpacing10px,
	.blocSpacing15px,
	.blocSpacing20px,
	.blocSpacing30px,
	.blocSpacing40px,
	.blocSpacing50px {
		width: 540px;
		overflow: hidden;
	}
	.blocSpacing5px {
		height: 5px !important;
		line-height: 5px !important;
	}
	.blocSpacing10px {
		height: 10px !important;
		line-height: 10px !important;
	}
	.blocSpacing15px {
		height: 15px !important;
		line-height: 15px !important;
	}
	.blocSpacing20px {
		height: 20px !important;
		line-height: 20px !important;
	}
	.blocSpacing30px {
		height: 30px !important;
		line-height: 30px !important;
	}
	.blocSpacing40px {
		height: 40px !important;
		line-height: 40px !important;
	}
	.blocSpacing50px {
		height: 50px !important;
		line-height: 50px !important;
	}

	.blocSpacingLine10px {
		height: 1px;
		margin-bottom: 8px;
	}
	.blocSpacingLine20px {
		height: 1px;
		margin: 9px 0px;
	}
	.blocSpacingLine40px {
		height: 1px;
		margin: 19px 0px 19px 0px;
	}
	.blocSpacingLine50px {
		height: 1px;
		margin: 29px 0px 19px 0px;
	}
	.blocSpacingLine10px,
	.blocSpacingLine20px,
	.blocSpacingLine40px,
	.blocSpacingLine50px {
		display: block;
		width: 540px;
		border-top: 1px dashed #142;
		overflow: hidden;
	}

	.blocSpacingMargin5px {
		margin-left: 5px;
	}
	.blocSpacingMargin15px {
		margin-left: 15px;
	}

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

	/* Blocs de listes */

	.blocLstMarge5px {
		width: 5px;
	}
	.blocLstMarge10px {
		width: 10px;
	}
	.blocLstMarge25px {
		width: 25px;
		vertical-align: top;
	}
	.blocLstMarge35px {
		width: 35px;
		vertical-align: top;
	}

	.blocLstBreak {
		background: url(../data/jpeg/site_docs_table_haut.jpg) 0px -29px;
		display: block;
		width: 540px;
		height: 1px;
	}

	.blocLstFooterFullR {
		background: url(../data/jpeg/site_table_bas_full.jpg) left top no-repeat;
	}
	.blocLstFooterFullL {
		background: url(../data/jpeg/site_table_bas_full.jpg) right top no-repeat;
	}
	.blocLstFooterLeft {
		background: url(../data/jpeg/site_table_bas.jpg) left top no-repeat;
	}
	.blocLstFooterFullR,
	.blocLstFooterRight {
		width: 290px;
	}
	.blocLstFooterFullL,
	.blocLstFooterLeft {
		width: 250px;
	}
	.blocLstFooterRight,
	.blocLstFooterLeft, .blocLstFooterLeft div,
	.blocLstFooterFullR, .blocLstFooterFullR div,
	.blocLstFooterFullL, .blocLstFooterFullL div {
		height: 23px;
	}
	.blocLstFooterFullR,
	.blocLstFooterFullL,
	.blocLstFooterRight,
	.blocLstFooterLeft {
		padding: 2px 0px 4px 0px;
	}
	.blocLstFooterFullR div,
	.blocLstFooterFullL div,
	.blocLstFooterLeft div {
		color: #fff;
		font-size: 13px;
		line-height: 23px;
		text-align: center;
	}
	.blocLstFooterFullR div b,
	.blocLstFooterFullL div b,
	.blocLstFooterLeft div b {
		letter-spacing: 1px;
	}

	/* Blocs de listes d'articles : exercices, donnes... */

	ul.blocLstArticles {
		font-size: 17px;
		width: 540px;
		list-style: none;
	}
	ul.blocLstArticles li,
	ul.blocLstArticles li:before {
		display: block;
		height: 66px;
		line-height: 30px;
	}
	ul.blocLstArticles li {
		background: none;
		color: #111;
		margin: 0px;
		padding: 0px;
		white-space: nowrap;
		overflow: hidden;
		transition: all 0.9s;
	}
	ul.blocLstArticles li:before {
		content: "\0025b8"; /*"\00e736";*/
	}
	ul.blocLstArticles li.quiz:before {
		content: "\0025b8"; /*"\00e005";*/
	}
	ul.blocLstArticles li.debutant:before {
		content: "\0025b8"; /*"\002630";*/
	}
	ul.blocLstArticles li.compte:before {
		content: "\0025b8"; /*"\01f464";*/
	}
	ul.blocLstArticles li.free:before {
		content: "\0025b8"; /*"\002606";*/
	}
	ul.blocLstArticles li:before {
		background: none;
		font-size: 20px;
		width: 30px;
		text-align: center;
		float: left;
	}
	ul.blocLstArticles li:hover {
		background: rgba(0,0,0,0.2);
		color: #fff;
		transition: all 0.1s;
	}
	ul.blocLstArticles li img {
		opacity: 0.5 !important;
		transition: all 0.9s;
	}
	ul.blocLstArticles li i.iconInfo {
		font-size: 13px;
		padding-left: 30px;
		clear: both;
	}
	ul.blocLstArticles li.blocLstDonne,
	ul.blocLstArticles li.blocLstClubs {
		height: auto !important;
	}
	ul.blocLstArticles li.blocLstDonne {
		padding-bottom: 20px;
	}
	ul.blocLstArticles li.blocLstDonne:before {
		height: 30px !important;
	}
	ul.blocLstArticles li.blocLstDonne > div > a > img {
		margin: 6px 0px 0px 23px;
	}
	ul.blocLstArticles li.blocLstDonne > div {
		display: block;
		width: 240px;
		height: 30px;
		float: left;
	}
	ul.blocLstArticles li.blocLstDonne > table {
		margin-left: 30px;
		opacity: 0.5 !important;
		transition: all 0.9s;
	}
	ul.blocLstArticles li > span.blocLstCode {
		font-family: Courier New, Courier;
		font-size: 14px;
		font-style: normal;
		letter-spacing: 1px;
		line-height: 30px;
		vertical-align: super;
		opacity: 0;
		transition: all 0.9s;
	}
	ul.blocLstArticles li.blocLstClubs,
	ul.blocLstArticles li.blocLstClubs > div {
		padding-bottom: 10px;
	}	
	ul.blocLstArticles li.blocLstClubs > div div {
		margin-top: -5px;
	}	
	ul.blocLstArticles li:hover img,
	ul.blocLstArticles li:hover > span.blocLstCode,
	ul.blocLstArticles li.blocLstDonne:hover > table {
		opacity: 1 !important;
		transition: all 0.1s;
	}

	/* Blocs du tableau enchères */

	.blocEncheresTable {
		width: 203px;
	}

	.blocEncheresJoueurI1, .blocEncheresJoueurI2 {
		color: black;
	}
	.blocEncheresJoueurV1, .blocEncheresJoueurV2 {
		color: #711;
	}
	.blocEncheresJoueurN1, .blocEncheresJoueurN2 {
		color: #9d6;
	}
	.blocEncheresJoueurI1, .blocEncheresJoueurI2,
	.blocEncheresJoueurV1, .blocEncheresJoueurV2,
	.blocEncheresJoueurN1, .blocEncheresJoueurN2,
	.blocEncheresCase,
	.blocEncheresCasePA,
	.blocEncheresCaseX,
	.blocEncheresCaseXX,
	.blocEncheresCaseVide,
	.blocEncheresCaseVide img {
		width: 50px;
		text-align: center;
	}
	.blocEncheresJoueurI1, .blocEncheresJoueurI2,
	.blocEncheresJoueurV1, .blocEncheresJoueurV2,
	.blocEncheresJoueurN1, .blocEncheresJoueurN2 {
		font-size: 14px;
		font-weight: 700;
		height: 25px;
		line-height: 25px;
	}
	.blocEncheresCase,
	.blocEncheresCasePA,
	.blocEncheresCaseX,
	.blocEncheresCaseXX,
	.blocEncheresCaseVide,
	.blocEncheresCaseVide img {
		height: 30px;
		line-height: 30px;
	}
	.blocEncheresCaseX {
		background: #a90000;
	}
	.blocEncheresCaseXX {
		background: #002f9c;
	}
	.blocEncheresJoueurI2,
	.blocEncheresJoueurV2,
	.blocEncheresJoueurN2,
	.blocEncheresCaseVide {
		background: none;
	}

	.blocEncheresMarginTop {
		height: 5px;
	}
	.blocEncheresLigneH,
	.blocEncheresLigneV {
		background: #333;
	}
	.blocEncheresLigneH {
		height: 1px;
	}
	.blocEncheresLigneV {
		width: 1px;
	}

	/* Blocs des exercices */

	.blocExoMainCouleurCartes {
		display: block;
		width: 140px;
		height: 25px;
		line-height: 25px;
		text-align: left;
		overflow: hidden;
	}

	.blocExoQuizEncheres,
	.blocExoQuizQuestion,
	.blocExoQuizSpacing {
		display: block;
		width: 250px;
	}
	.blocExoQuizEncheres {
		padding: 0px 20px;
		float: left;
	}
	.blocExoQuizQuestion {
		padding-top: 30px;
		text-align: center;
		float: right;
	}
	.blocExoQuizSpacing {
		height: 20px;
		overflow: hidden;
		clear: both;
	}

	ol.blocExoQuizReponses {
		counter-reset: nbQuestion;
		display: block;
		width: 540px;
		overflow: hidden;
	}
	ol.blocExoQuizReponses li:before {
		counter-increment: nbQuestion;
		content: counter(nbQuestion) ".";
		display: block;
		font-family: Roboto;
		width: 20px;
		padding-right: 5px;
		text-align: right;
		float: left;
		
	}
	ol.blocExoQuizReponses li,
	ol.blocExoQuizReponses li.blocExoQuizResultat {
		background: none;
		color: #111;
		margin: 0px;
		padding: 0px;
	}
	ol.blocExoQuizReponses li {
		transition: all 0.9s;
	}
	ol.blocExoQuizReponses li:hover {
		background: rgba(0,0,0,0.2);
		color: #fff;
		transition: all 0.1s;
	}
	ol.blocExoQuizReponses li.blocExoQuizSelected,
	ol.blocExoQuizReponses li.blocExoQuizSelected:hover,
	ol.blocExoQuizReponses li.blocExoQuizResultat:hover {
		background: none;
	}
	ol.blocExoQuizReponses li.blocExoQuizSelected {
		color: #fff;
	}
	ol.blocExoQuizReponses li.blocExoQuizSelected:after {
		content: "\002713";
		padding-left: 5px;
	}
	ol.blocExoQuizReponses li.blocExoQuizResultat:hover {
		color: #111;
	}

	.blocExoSimpleQuizTable {
		display: block;
		width: inherit;
		height: 100px;
		overflow: hidden;
	}
	.blocExoSimpleQuizTableImg {
		background: url(../data/png/icone_table_petite.png) left center no-repeat;
		display: block;
		width: 72px;
		height: 72px;
		padding: 15px 10px 13px 0px;
	}
	.blocExoSimpleQuizTablePos,
	.blocExoSimpleQuizTableImg {
		float: left ;
	}
	.blocExoSimpleQuizMain i,
	.blocExoSimpleQuizMain div {
		float: left;
	}

	/* Blocs champs de formulaire */

	.blocInput250pxG {
		background: url(../data/jpeg/site_champ_250_g.jpg) left top no-repeat;
	}
	.blocInput250pxD {
		background: url(../data/jpeg/site_champ_250_d.jpg) left top no-repeat;
	}
	.blocInput540px {
		background: url(../data/jpeg/site_champ_540.jpg) left top no-repeat;
	}
	.blocInputFile {
		background: url(../data/jpeg/site_champ_540.jpg) left top no-repeat;
	}
	.blocInput250pxG,
	.blocInput250pxD,
	.blocInput540px {
		display: block;
		padding: 2px 8px;
	}
	.blocInputFileTxt {
		display: block;
		padding: 2px 6px 2px 8px;
	}
	.blocInput250pxG, .blocInput250pxG input,
	.blocInput250pxD, .blocInput250pxD input {
		width: 234px;
	}
	.blocInput540px, .blocInput540px input {
		width: 524px;
	}
	.blocInputFileTxt, .blocInputFileTxt input {
		width: 400px;
	}
	.blocInput250pxG div,
	.blocInput250pxD div,
	.blocInput540px div,
	.blocInputFileTxt div {
		display: block;
		font-family: Roboto;
		font-size: 16px;
		height: 26px;
		line-height: 26px;
	}
	.blocInputFileTxt {
		float: left;
	}
	.blocInputFileBtn {
		float: right;
	}
	.blocInputFileBtn,
	.blocInputFileBtn img {
		display: block;
		width: 126px;
		height: 30px;
	}
	.blocInputFile {
		display: block;
		width: 540px;
		height: 30px;
	}

	.blocInputSelect {
		color: #aadd88;
		outline: none;
	}

	.blocTextarea540px {
		background: url(../data/jpeg/site_champ_message.jpg) left top no-repeat;
		display: block;
		padding: 5px 8px 5px 8px;
	}
	.blocTextarea540px, .blocTextarea540px textarea {
		width: 524px;
		height: 130px;
	}

	.blocCAPTCHA {
		background-image: url(../data/jpeg/site_champ_250_captcha.jpg);
		display: block;
		width: 250px;
		height: 30px;
		text-align: center;
	}

	.input250px {
		width: 234px;
		height: 26px;
		letter-spacing: 2px;
	}
	.input540px {
		width: 524px;
		height: 26px;
		letter-spacing: 2px;
	}

	.inputCAPTCHA {
		font-family: Roboto !important;
		font-size: 20px !important;
		font-weight: 400 !important;
		width: 234px;
		height: 26px;
		letter-spacing: 8px;
		text-transform: uppercase;
	}

	.textarea540px {
		width: 524px;
		height: 136px;
		letter-spacing: 2px;
		overflow: auto;
		resize: none;
	}

	/* Blocs d'icones ou de paragraphes spéciaux */

	.blocIconePCKT {
		text-align: right;
	}

	.blocNotation {
		margin: 20px 30px;
	}
	.blocNotation div {
		background: url(../jouer/images/_wnote.png) left top no-repeat;
		font-size: 32px;
		display: block;
		width: 180px;
		height: 120px;
		line-height: 120px;
		text-align: center;
		box-shadow: 1px 1px 4px #111;
		border-radius: 90px / 60px;
	}

	.blocPreferences {
		background: rgba(0,0,0,0.15);
		font-size: 14px !important;
		border-radius: 4px 4px 4px 4px;
	}
	.blocPreferences tr td.titre1,
	.blocPreferences tr td.titre2,
	.blocPreferences tr td.titre3 {
		font-weight: 700;
	} 
	.blocPreferences tr td.titre2,
	.blocPreferences tr td.titre3 {
		white-space: nowrap;
	} 
	.blocPreferences tr td {
		width: 15%;
		height: 30px;
		line-height: 30px;
		padding: 3px 3px;
		text-align: center;
	}
	.blocPreferences tr td:last-child {
		padding-right: 10px !important;
	}
	.blocPreferences tr:last-child td {
		padding-bottom: 10px !important;
	}
	.blocPreferences tr td div {
		background: rgba(0,0,0,0.15);
		font-size: 20px;
		width: 100%;
		height: 100%;
		line-height: 100%;
		text-align: center;
		border-radius: 2px 2px 2px 2px;
		cursor: default;
	}
	.blocPreferences tr td div:not(.unavailable):hover {
		background: rgba(0,0,0,0.33);
		cursor: pointer;
	}
	.blocPreferences tr td div:hover i.iconBinary_x:before,
	.blocPreferences tr td div:hover i.iconBinary_o:before {
		color: #fff !important;
	}
	.blocPreferences.blocWeek tr td {
		width: 5%;
	}

	/* Calendrier */

	.blocCalendarNav {
		background: rgba(0,0,0,0.25);
		font-family: Roboto;
		font-size: 13px;
		height: 30px;
		line-height: 30px;
		letter-spacing: 1px;
		text-align: center;
	}
	.blocCalendarHeader,
	.blocCalendarMois div,
	.blocSessionJour {
		color: #fff;
	}
	.blocCalendarHeader {
		display: block;
		font-family: Cambo;
		font-size: 18px;
		width: 408px;
		height: 40px;
		line-height: 40px;
		padding: 0px 10px;
		text-align: center;
	}
	.blocCalendarHeader {
		text-transform: capitalize;
	}	
	.blocCalendarNavPrec div,
	.blocCalendarNavSuiv div,
	.blocCalendarMois div {
		display: block;
	}
	.blocCalendarWidth {
		width: 428px;
	}
	.blocCalendarNavPrec, .blocCalendarNavPrec div,
	.blocCalendarNavSuiv, .blocCalendarNavSuiv div {
		width: 80px;
	}
	.blocCalendarNavPrec {
		padding-left: 10px;
		text-align: left;
	}
	.blocCalendarNavSuiv {
		padding-right: 10px;
		text-align: right;
	}
	.blocCalendarMois, .blocCalendarMois div {
		width: 248px;
	}
	.blocCalendarMois div {
		font-size: 15px;
		font-weight: 700;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	.blocCalendarHeader,
	.blocCalendarMois div,
	.blocCalendarNavPrec div,
	.blocCalendarNavSuiv div,
	.blocCalendarBreakH div,
	.blocCalendarBreakV div {
		overflow: hidden;
		white-space: nowrap;
	}
	.blocCalendarBreakH,
	.blocCalendarbreakV {
		background: #9c6;
	}
	.blocCalendarBreakH, .blocCalendarBreakH div {
		height: 1px;
	}
	.blocCalendarBreakV, .blocCalendarBreakV div {
		width: 1px;
	}
	.blocCalendarTxtJour,
	.blocCalendarJourVide,
	.blocCalendarJour div {
		background: #fff;
		color: #222;
	}
	.blocCalendarJourBusy div {
		background: none;
		color: #fff;
	}
	.blocCalendarTxtJourWE,
	.blocCalendarJourWE div {
		background: rgba(247,255,239,0.93);
		color: #111;
	}
	.blocCalendarTxtJour,
	.blocCalendarTxtJourWE {
		font-family: Cambo;
		font-size: 14px;
		font-weight: bold;
		width: 60px;
		height: 30px;
		line-height: 30px;
		text-align: center;
	}
	.blocCalendarJourVide div,
	.blocCalendarJourBusy div,
	.blocCalendarJour div,
	.blocCalendarJourWE div {
		display: block;
		font-family: Roboto;
		font-size: 14px;
		width: 100%;
		height: 25px;
		line-height: 25px;
		text-align: right;	
		cursor: default;
	}
	.blocCalendarJourBusy div b,
	.blocCalendarJour div b,
	.blocCalendarJourWE div b {
		padding-right: 20px;
	}
	.blocCalendarJourBusy div.over:hover {
		background: #141;
	}
	.blocCalendarJour div.over:hover,
	.blocCalendarJourWE div.over:hover,
	.blocCalendarJourBusy div.other:hover,
	.blocCalendarJour div.other:hover,
	.blocCalendarJourWE div.other:hover {
		background: #9c6;
		color: #fff;
	}
	.blocCalendarJourBusy div.over:hover,
	.blocCalendarJour div.over:hover,
	.blocCalendarJourWE div.over:hover,
	.blocCalendarJourBusy div.other:hover,
	.blocCalendarJour div.other:hover,
	.blocCalendarJourWE div.other:hover {
		cursor: pointer;
	}
	.blocCalendarJourBusy div.other,
	.blocCalendarJour div.other,
	.blocCalendarJourWE div.other {
		background: rgba(247,255,239,0.75);
		color: #353;
	}

	/* Photos */

	.photoBox {
		position: relative;
		width: 98%;
		height: 0;
		margin-left: 1%;
		box-shadow: 1px 1px 4px #000;
	}
	.photoBox > img {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		left: 0px;
		top: 0px;
	}

	.photoRatioDecouvrirJPD {
		padding-bottom: 136.14%;
	}
	.photoRatioCoachingBBO {
		padding-bottom: 75.92%;
	}

	.photoRight,
	.photoLeft {
		width: 30%;
		margin-bottom: 3%;
	}
	.photoRight {
		margin-left: 4%;
		margin-right: 1%;
		float: right;
	}
	.photoLeft {
		margin-left: 1%;
		margin-right: 4%;
		float: left;
	}

	/* Mise en forme de textes */

	.txtNormal {
		font-style: normal !important;
		font-weight: normal !important;
	}

	.txtCenter {
		text-align: center;
	}

	.txtSpacingLarge {
		letter-spacing: 2px;
	}
	.txtSpacingNormal {
		letter-spacing: 1px;
	}
	.txtSpacingCondensed {
		letter-spacing: -0.5px;
	}
	.txtSpacingExtraCondensed {
		letter-spacing: -1px;
	}
	.txtNoSpacing {
		letter-spacing: 0px;
	}

	.txtSpacingCartes {
		margin-left: 4px;
	}

	.txtLettresCap {
		text-transform: capitalize;
	}
	.txtLettresMaj {
		text-transform: uppercase;
	}

	.txtNoWrap {
		white-space: nowrap;
	}


	.txtNotation {
		color: #fff;
		font-family: Delius Swash Caps, cursive;
		font-style: italic;
	}

	/* Couleurs */

	.txtBlanc {
		color: #fff;
	}
	.txtGris {
		color: #222;
	}
	.txtNoir {
		color: #111;
	}
	.txtVert {
		color: #131;
	}
	.txtVertClair {
		color: #ad8;
	}
	.txtRougeClair {
		color: #da8;
	}

	.txtSymbolNoir,
	.txtSymbolRouge {
		font-style: normal;
	}

	.txtSymbolNoir.iconSymbolP {
		color: #64B4FF;
	}
	.txtSymbolNoir.iconSymbolT {
		color: #0EFF6A;
	}
	.txtColorSA,
	.txtColorP,
	.txtColorT {
		color: #fff;
	}
	.txtSymbolRouge,
	.txtColorC,
	.txtColorK {
		color: #711;
	}
	.txtColorSA,
	.txtColorP,
	.txtColorC,
	.txtColorK,
	.txtColorT {
		font-family: Arial;
		font-size: 19px;
	}

	/* Mise en forme de textes spéciaux */

	.txtHeader,
	.txtHeaderSmall {
		color: #fff;
		display: block;
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		height: 25px;
		line-height: 20px;
	}
	.txtHeader {
		font-size: 20px;
	}
	.txtHeaderSmall {
		font-size: 17px;
	}

	.txtCartes {
		color: #111;
		font-family: Roboto;
		font-style: normal;
		font-size: 18px;
		white-space: nowrap;
	}

	.txtLevees {
		font-family: Roboto;
		font-size: 18px;
		font-style: normal;
		font-weight: bold;
	}

	.txtFiltresHeader {
		color: #fff;
		font-size: 16px;
	}




/*********************************************
	
	DEUXIÈME FICHIER : "demo_styles-2.css"

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

	a.lnk {
		text-decoration: none;
	}
	a.lnk:link, a.lnk:visited {
		color: #ad8;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-ms-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
	a.lnk:hover, a.lnk:active {
		color: #fff;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}

	.txtLigne {
		display: block;
		width: 10px;
		height: 10px;
		line-height: 10px;
		overflow: hidden;
	}

	.txtTitre {
		font-style: normal;
		font-weight: 700;
	}

	.txtReponse1,
	.txtReponse2 {
		background: none;
		font-size: 20px;
		line-height: 25px;
		text-align: center;
		border: 0px;
	}
	.txtReponse1 {
		width: 16px;
		height: 16px;
		margin: 0px 5px;
	}
	.txtReponse2 {
		width: 32px;
		height: 25px;
	}

	.txtPrime {
		font-size: 9px;
		font-weight: 700;
	}

	.blocDonnesAlt {
		display: block;
	}
	.blocDonneAlt {
		margin: 20px 0px 10px 30px;
		float: left;
	}
	.blocDonneAlt div {
		display: block ;
		width: 180px ;
		height: 90px;
		overflow: hidden;
		box-shadow: 1px 1px 5px #111;
		border-radius: 10px;
		opacity: 0.75;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-ms-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
	}
	.blocDonneAlt div.blocDonneAlt1 {
		background: url(images/_autre_donne1.png) left top no-repeat;
	}
	.blocDonneAlt div.blocDonneAlt2 {
		background: url(images/_autre_donne2.png) left top no-repeat;
	}
	.blocDonneAlt div.blocDonneAlt3 {
		background: url(images/_autre_donne3.png) left top no-repeat;
	}
	.blocDonneAlt div:hover {
		box-shadow: 1px 1px 8px #000;
		opacity: 1;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		-ms-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}

	.shape1 {
		box-shadow: 1px 1px 5px #333;
		border-radius: 5px;
	}
	.shape2 {
		box-shadow: 1px 1px 6px #333;
		border-radius: 6px;
	}
	.shape3 {
		box-shadow: 1px 1px 7px #333;
		border-radius: 7px;
	}
	.shape4 {
		box-shadow: 1px 1px 8px #333;
		border-radius: 8px;
	}
	.shape5 {
		box-shadow: 1px 1px 10px #333;
		border-radius: 10px;
	}

	.shapeProgress1 {
		border-radius: 5px;
	}
	.shapeProgress2 {
		border-radius: 6px;
	}
	.shapeProgress3 {
		border-radius: 7px;
	}
	.shapeProgress4 {
		border-radius: 8px;
	}
	.shapeProgress5 {
		border-radius: 10px;
	}

	.shapeParam1 {
		box-shadow: 1px 1px  7px #111;
		border-radius: 6px 0px 0px 6px;
	}
	.shapeParam2 {
		box-shadow: 1px 1px  9px #111;
		border-radius: 8px 0px 0px 8px;
	}
	.shapeParam3 {
		box-shadow: 1px 1px 11px #111;
		border-radius: 10px 0px 0px 10px;
	}
	.shapeParam4 {
		box-shadow: 1px 1px 13px #111;
		border-radius: 12px 0px 0px 12px;
	}
	.shapeParam5 {
		box-shadow: 1px 1px 15px #111;
		border-radius: 14px 0px 0px 14px;
	}

	.shapeTable1 {
		border-radius: 14px;
	}
	.shapeTable2 {
		border-radius: 17px;
	}
	.shapeTable3 {
		border-radius: 20px;
	}
	.shapeTable4 {
		border-radius: 23px;
	}
	.shapeTable5 {
		border-radius: 26px;
	}

	.backProgress {
		background: #000;
		opacity: 0.33;
	}

	.shadow 	{
		box-shadow: 1px 1px  6px #333;
	}
	.shadowBox1 {
		box-shadow: 1px 1px 10px #000;
	}
	.shadowBox2 {
		box-shadow: 1px 1px 12px #000;
	}
	.shadowBox3 {
		box-shadow: 1px 1px 14px #000;
	}
	.shadowBox4 {
		box-shadow: 1px 1px 17px #000;
	}
	.shadowBox5 {
		box-shadow: 1px 1px 20px #000;
	}

	.animeParam {
		background: url(images/_wparametres.png) center center no-repeat;
		display: block;
		float: left;
		overflow: hidden;
		width: 15px;
		opacity: 0.5;
	}
	.animeParam:hover {
		width: 210px;
		opacity: 1;
	}

	.animeBox1r, .animeBox1l, .animeBox1c,
	.animeBox2r, .animeBox2l, .animeBox2c,
	.animeBox3r, .animeBox3l, .animeBox3c,
	.animeBox4r, .animeBox4l, .animeBox4c,
	.animeBox5r, .animeBox5l, .animeBox5c {
		margin: 0px;
	}
	.animeBox1r:hover {
		margin: -5px 0px 0px 5px;
	}
	.animeBox1l:hover {
		margin: -5px 0px 0px -5px;
	}
	.animeBox1c:hover {
		margin: -5px 0px 0px 0px;
	}
	.animeBox2r:hover {
		margin: -6px 0px 0px 6px;
	}
	.animeBox2l:hover {
		margin: -6px 0px 0px -6px;
	}
	.animeBox2c:hover {
		margin: -6px 0px 0px 0px;
	}
	.animeBox3r:hover {
		margin: -7px 0px 0px 7px;
	}
	.animeBox3l:hover {
		margin: -7px 0px 0px -7px;
	}
	.animeBox3c:hover {
		margin: -7px 0px 0px 0px;
	}
	.animeBox4r:hover {
		margin: -8px 0px 0px 8px;
	}
	.animeBox4l:hover {
		margin: -8px 0px 0px -8px;
	}
	.animeBox4c:hover {
		margin: -8px 0px 0px 0px;
	}
	.animeBox5r:hover {
		margin: -10px 0px 0px 10px;
	}
	.animeBox5l:hover {
		margin: -10px 0px 0px -10px;
	}
	.animeBox5c:hover {
		margin: -10px 0px 0px 0px;
	}

	.animeCardFocusOff {
		opacity: 0.66 ;
	}
	.animeCardFocusOn {
		opacity: 1 ;
	}

/*******************************************
	
	TROISIÈME FICHIER : "demo_table.css"

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

	.animeParam {
		-webkit-transition: opacity 0.35s linear, width 0.5s ease;
		-moz-transition: opacity 0.35s linear, width 0.5s ease;
		-o-transition: opacity 0.35s linear, width 0.5s ease;
		transition: opacity 0.35s linear, width 0.5s ease;
	}

	.animeBox {
		-webkit-transition: margin 0.25s ease;
		-moz-transition: margin 0.25s ease;
		-o-transition: margin 0.25s ease;
		transition: margin 0.25s ease;
	}

	.animeCard {
		-webkit-transition: margin 0.25s ease;
		-moz-transition: margin 0.25s ease;
		-o-transition: margin 0.25s ease;
		transition: margin 0.25s ease;
	}
	.animeCardFocusOff {
		-webkit-transition: opacity 0.35s ease;
		-moz-transition: opacity 0.35s ease;
		-o-transition: opacity 0.35s ease;
		transition: opacity 0.35s ease;
	}
	.animeCardFocusOn {
		-webkit-transition: opacity 0.35s ease;
		-moz-transition: opacity 0.35s ease;
		-o-transition: opacity 0.35s ease;
		transition: opacity 0.35s ease;
	}

	.moveCardS {
 		-webkit-animation: OrganizeHandS 0.25s ease-in forwards;
		-moz-animation: OrganizeHandS 0.25s ease-in forwards;
		-o-animation: OrganizeHandS 0.25s ease-in forwards;
 		animation: OrganizeHandS 0.25s ease-in forwards;
	}
	.moveCardO {
 		-webkit-animation: OrganizeHandO 0.25s ease-in forwards;
		-moz-animation: OrganizeHandO 0.25s ease-in forwards;
		-o-animation: OrganizeHandO 0.25s ease-in forwards;
 		animation: OrganizeHandO 0.25s ease-in forwards;
	}
	.moveCardN {
 		-webkit-animation: OrganizeHandN 0.25s ease-in forwards;
		-moz-animation: OrganizeHandN 0.25s ease-in forwards;
		-o-animation: OrganizeHandN 0.25s ease-in forwards;
 		animation: OrganizeHandN 0.25s ease-in forwards;
	}
	.moveCardE {
 		-webkit-animation: OrganizeHandE 0.25s ease-in forwards;
		-moz-animation: OrganizeHandE 0.25s ease-in forwards;
		-o-animation: OrganizeHandE 0.25s ease-in forwards;
 		animation: OrganizeHandE 0.25s ease-in forwards;
	}

	.focusCard {
 		-webkit-animation: Illuminate 0.75s ease-in infinite;
		-moz-animation: Illuminate 0.75s ease-in infinite;
		-o-animation: Illuminate 0.75s ease-in infinite;
 		animation: Illuminate 0.75s ease-in infinite;		
	}

	.rotateCard {
 		-webkit-transform: rotate(+180deg);
		-moz-transform: rotate(+180deg);
		-o-transform: rotate(+180deg);
 		transform: rotate(+180deg);		
	}

	.tooltip {
		z-index: 255;
		color: white;
		background: black;
		border-radius: 4px;
		padding: 2px;
	}