/* CSS Document */

body{
	background:url(../IMAGES/fd-articles.jpg) no-repeat center 235px;
}
body.bgFixed{
	background:url(../IMAGES/fd-articles.jpg) no-repeat top center fixed;
}


/******************************************************* listing article *******************************************/
/*******************************************************************************************************************/
/*******************************************************************************************************************/
/******************************************** bloc article *********************************************************/
*.annuleMarge{
	margin-bottom:0 !important;
}
.margeBottomArticle{
	margin-bottom:30px !important;
}

#pathway{
	clear:both;
	width:100%;
	height:30px;
	padding-top:5px;
}
#pathway li{
	list-style-type:none;
	float:left;
	margin:0 !important;
	margin-right:10px !important;
	padding:0 !important;
	background:none !important;
}
#pathway li a{
	border:#999 solid 1px;
	padding:5px 7px;
	text-align:center;
	color:#999;
	transition:all linear 0.4s;
	-ms-transition:all linear 0.4s;
	-moz-transition:all linear 0.4s;
	-o-transition:all linear 0.4s;
	-webkit-transition:all linear 0.4s;
}

.block-article{
	border:#ccc solid 1px;
	margin-bottom:20px;
	float:left;
	width:589px;
	padding:18px 12px 12px 17px;
	background:url(../IMAGES/fd-block-prod.gif) repeat-y;
	position:relative;
}
.block-article:hover{
	background:#e9e9e9 url(../IMAGES/fd-block-prod.gif) repeat-y;
	cursor:pointer;
}
.block-article .image-article{
	float:left;
	margin-right:20px;
	margin-top:3px;
}

#articles-col-left .block-article .titre-article{
	padding-bottom:5px;
	border-bottom:#ccc solid 1px;
	margin-bottom:10px;
	float:right;
	width:420px !important;
	min-width:420px !important;
	line-height:1;
	
}


#articles-col-left .block-article .titre-article a{
	font-size:21px;
	line-height:1;
	/*display:block;
	width:150px !important;
	float:left;	*/
}
.block-article .titre-article .niveau{
	float:right;
	width:130px;
	padding:2px 0 2px 20px;
	text-align:left;
	font-size:12px;
	color:#525244;
	 font-family: Arial, Helvetica, sans-serif;
	background:url(../IMAGES/icon-infos-prod-niveau.png) no-repeat top left;
}
.desc-article{
	width:420px;
	height:60px;
	overflow:hidden;
	line-height:16px;
	float:right;
	font-size:12px;
	margin-bottom:10px;
}
.lieu-coach{
	float:left;
	width:245px;
	margin-left:9px;
}
.lieu-coach li{
	list-style-type:none;
}



/******************************************************* detail article *******************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/************************************************ articles colonne gauche *****************************************/
#articles-col-left{
	padding-top:23px;
	float:left;
	width:620px;
}
#articles-col-left a{
	color:#000;
}
#articles-col-left ul li{
	list-style-type:none;
	background:url(../IMAGES/icon-ok-compte.png) no-repeat;
	padding-left:25px;
	margin-bottom:15px;
}
#articles-col-left li li{
	background:none;
}
#articles-col-left ol li{
	list-style-position:inside;	
}

#articles-col-left.article-linsting-left{
	padding-top:0;
}
#articles-col-left .titre-article,
#articles-col-left .titre-article h1{
	font-family: 'antonioregular';
	font-size:30px;
	color:#555244;
	min-width:620px;
	font-weight:normal;
	
}
#articles-col-left .titre-article strong{
	color:#555244;
}
#articles-col-left .sous-titre-article h2,
#articles-col-left .sous-titre-article-sp p{
	font-size:30px;
	color:#555244;
	font-size:16px;
	min-width:620px;
	clear:both;
	/*padding-bottom:20px;
	border-bottom:#ccc solid 1px;*/
	margin-bottom:20px;
	font-weight:normal;
}
#articles-col-left .titre-paragraphe-article,
#articles-col-left .titre-paragraphe-article h3,
#articles-col-left .sous-titre-article p{
	font-family: 'antonioregular';
	font-weight:normal;
	font-size:21px;
	margin-bottom:15px;
	clear:both;
	color:#A62617;
}

.texte-pack{
	font-size:14px;
	line-height:22px;
}

#articles-col-left .petit-titre{
	font-family: 'antonioregular';
	font-weight:normal;
	font-size:16px;
	margin-bottom:15px;
	clear:both;
	color:#A62617;
}

#articles-col-left .sous-titre-article p strong{
	font-weight:normal;
}

.paragraphe-entier{
	clear:both;
	text-align:justify;
	/*width:619px;*/
}
paragraphe-entier li{
	margin-left:20px;
	list-style-position:inside;
}
.paragraphe-entier.gris{
	background:#e9e9e9;
	border:#ccc solid 1px;
	padding:25px;
}
.paragraphe-entier.gris .col-avantage ul li{
	background:url(../IMAGES/carte-cadeau/icon-avantage-gris.gif) no-repeat left 3px;
}
.paragraphe-entier.UpTaille{
	font-size:14px;
}
.paragraphe-entier.UpTaille strong{
	font-weight:normal;
}
.paragraphe-entier,
.paragraphe-colonne{
	color:#545244;
	font-size:12px;
	line-height:17px;
	margin-bottom:20px;
}
.paragraphe-entier p,
.paragraphe-colonne p{
	margin-bottom:10px;
}
.paragraphe-entier ul,
.paragraphe-colonne ul{
	margin-left:20px;
	margin-bottom:10px;
}

.paragraphe-colonne{
	width:295px;
}
.paragraphe-tiers{
	width:450px;
	line-height:18px;
}
#articles-col-left .gauche{
	float:left;
	margin-right:10px;
}
#articles-col-left .droite{
	float:right;
	margin-left:10px;
}
hr.separateur-paragraphe{
	height:1px;
	background:none;
	border:none;
	border-bottom:#ccc solid 1px;
	clear:both;
	margin:20px 0;
}


.article-points, .article-points-petit{
	margin-bottom:15px;
	clear:both;
}
.article-points dt{
	font-size:21px;
	font-family: 'antonioregular';
	line-height:21px;
	background:url(../IMAGES/icon-points-etoiles.png) no-repeat;
	padding:9px 0 9px 45px;
}
.article-points-petit dt{
	font-size:16px;
	font-family: 'antonioregular';
	line-height:16px;
	background:url(../IMAGES/icon-points-etoiles-petit.png) no-repeat;
	padding:7px 0 9px 35px;
}
.article-points dd{
	color:#545244;
	font-size:12px;
	line-height:18px;
}

.img-colonne{
	width:300px;
	height:200px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
	/*margin-left:10px;
	margin-right:10px;*/
}
.img-colonne span{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:300px;
	padding:5px;
	background:url(../IMAGES/fd-recherche-top.png);
	color:#fff;
	text-align:center;
	font-size:12px;
	
	margin-right:10px;
	
}

.img-entier{
	width:620px;
	height:415px;
	overflow:hidden;
	position:relative;
	margin-bottom:30px;
}
.img-entier span{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:610px;
	padding:5px;
	background:url(../IMAGES/fd-recherche-top.png);
	color:#fff;
	text-align:center;
	font-size:12px;
}

.bloc-lien-pdf a{
	font-size:18px;
	font-family: 'antonioregular';
	display:block;
	background:url(../IMAGES/icon-pdf.png) no-repeat;
	padding-left:50px;
	padding:14px 0 10px 48px;
}

.btn-contact{
	font-size:18px;
	font-family: 'antonioregular';
	color:#fff !important;
	line-height:1.2;
	display:inline-block;
	background:#ee9b25;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px 25px;
	text-align:center;
	margin-top:10px;
	margin-bottom:15px;
	-moz-transition:background linear .3s;
	-ms-transition:background linear .3s;
	-o-transition:background linear .3s;
	-webkit-transition:background linear .3s;
	transition:background linear .3s;
}
.btn-contact:hover{
	background:#d6752f;
}

/************************************************ feature article ***************************************/
#articles-col-left .item{
	width:280px;
	float:left;
	margin:0 15px 40px 15px;
}
#articles-col-left .item + .item{
	/*float:right;*/
}

#articles-col-left span.titre-feature a{
	display:block;
	font-family: 'antonioregular';
	color:#535244;
	font-size:21px;

	width:280px;
	margin-bottom:5px;
}
	

#articles-col-left .item img{
	margin-right:15px;
	margin-bottom:15px;
	float:left;
}
#articles-col-left .item .ss-titre-feature{
	float:right;
	width:125px;
	display:block;
}

#articles-col-left .item hr{
	height:1px;
	background:none;
	border:none;
	border-bottom:#ccc solid 1px;
	clear:both;
}

#articles-col-left .item .block-desc{
	padding-top:10px;
	height:75px;
	overflow:hidden;
	margin-bottom:15px;
}

#articles-col-left .item .feature-lien,
.block-article .lien-article{
	width:150px;
	height:25px;
	float:right;
}
#articles-col-left .item .feature-lien a,
.block-article .lien-article a{
	display:block;
	width:102px;
	height:20px;
	font-size:12px;
	text-transform:uppercase;
	color:#fff !important;
	padding:5px 0 0 48px;
	background:url(../IMAGES/icon-lien-feature.png) no-repeat;
}


/************************************************ article gallery ***************************************/
.html5gallery{
	clear:both;
	display:none;
	margin-bottom:30px;
}
.gallery-entier .bloc-titre,
.gallery-colonne .bloc-titre{
	font-family: 'antonioregular';
	font-size:21px;
	margin-bottom:10px;
}
.gallery-colonne{
	width:300px;
}

/************************************************ article onglets ***************************************/
#articles-col-left #tabs{
	clear:both;
	margin-bottom:30px;
}
#articles-col-left #tabs .article-onglet-content img{
	float:left;
	margin-right:15px;
	margin-top:3px;
}
#articles-col-left #tabs .article-onglet-content .bloc-titre{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}
#articles-col-left #tabs .article-onglet-content .article-onglet{
	color:#545244;
	font-size:12px;
	line-height:16px;
}
#articles-col-left #tabs .ui-widget-content{
	background:#e9e9e9;
	border:#ccc solid 1px;
	padding:20px;
}
#articles-col-left #tabs .ui-corner-top a{
	font-size:21px;
	font-family: 'antonioregular';
	font-weight:normal;
	color:#999;
}
#articles-col-left #tabs .ui-corner-top a.methode{
	display:block;
}
#articles-col-left #tabs .ui-corner-top a.methode.debutant{
	background:url(../IMAGES/icon-infos-prod-niveau.png) no-repeat 15px 14px;
	padding-left:35px;	
}
#articles-col-left #tabs .ui-corner-top a.methode.confirme{
	background:url(../IMAGES/icon-infos-prod-niveau-confirme.png) no-repeat 15px 14px;
	padding-left:53px;
}
#articles-col-left #tabs .ui-corner-top a.methode.expert{
	background:url(../IMAGES/icon-infos-prod-niveau-expert.png) no-repeat 15px 14px;
	padding-left:67px;
}

#articles-col-left .ui-state-default{
	background:#fff;
	border:#ccc solid 1px;
	border-bottom:none;
	margin-bottom:-1px !important;
}
#articles-col-left #tabs .ui-tabs-active{
	background:#e9e9e9;
	border:#ccc solid 1px;
	border-bottom:#e9e9e9;
}
#articles-col-left .ui-tabs .ui-tabs-nav{
	border:none;
}



/************************************************* MRP ****************************************************/
#bloc-actions-mrp{
	background:#e9e9e9;
	border:#ccc solid 1px;
	padding:30px;
	width:560px;
	float:left;
	font-size:12px;
	color:#535244;
	margin:10px 0 20px 0;
}
#bloc-actions-mrp .col-actions-mrp.gauche{
	width:254px;
	font-size:14px;
}
#bloc-actions-mrp .col-actions-mrp.gauche li{
	list-style-type:none;
	background:url(../IMAGES/carte-cadeau/icon-avantage-gris.gif) no-repeat center left;
	padding:5px 0 5px 30px;
}
#bloc-actions-mrp .col-actions-mrp.gauche p{
	color:#535244;
	margin-bottom:10px;
}

#bloc-actions-mrp .col-actions-mrp.droite{
	width:280px;
}
#bloc-actions-mrp .col-actions-mrp.droite p{
	margin-bottom:10px;
}


.col-avantage li{
	list-style-type:none;
	background:url(../IMAGES/carte-cadeau/icon-avantage.gif) no-repeat left center;
	padding:3px 0 3px 35px;
	margin-bottom:7px;
}


.accroche-article{
	font-family: 'gotham_bookitalic';
	font-size:16px;
	clear:both;
	width:100%;
	text-align:center;
	margin-bottom:30px;
}

.important-article{
	width:580px;
	padding:20px;
	clear:both;
	background:#e9e9e9;
	margin-bottom:30px;
}
.important-article a{
	font-weight:bold;
}

.message-article{
	width:580px;
	padding:20px;
	clear:both;
	background:#e9e9e9;
	margin-bottom:30px;
	border:#ccc solid 1px;
	text-align:center;
	font-family: 'gotham_bookitalic';
	font-size:12px;
}
.message-article p{
	margin-bottom:15px;
}
.message-article p.signature{
	font-family:arial;
	font-size:12px;
}

.vignette-article{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

/********************************************* temoignage ***************************************/
.bloc-temoignage{
	width:580px;
	padding:20px;
	clear:both;
	background:#e9e9e9;
	margin-bottom:30px;
	border:#ccc solid 1px;
	min-height:110px;
}
.bloc-temoignage img{
	float:left;
	margin:0 20px 20px 0;
}
.bloc-temoignage dt{
	font-family: 'antonioregular';
	font-size:16px;
	line-height:16px;
}

.bloc-temoignage dt .nomJoueur,
.bloc-temoignage dt .paysJoueur{
	display:block;
	margin-bottom:10px;
}
.nomJoueur{
	width:350px;
	float:left;
}
.nomJoueur strong{
	font-weight:normal;
}
.paysJoueur{
	width:100px;
	text-align:right;
	float:right;
}

.bloc-temoignage dd{
	font-style:italic;
}
	


/******************************************************************************************************************/
/************************************************ articles colonne droite *****************************************/
#articles-col-right{
	background:#e9e9e9;
	width:280px;
	padding:20px;
	float:right;
}
#articles-col-right .gauche{
	float:left;
	margin-right:10px;
}
#articles-col-right .droite{
	float:right;
	margin-left:10px;
}

#articles-col-right .important{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0 8px 15px 8px;
}
#articles-col-right p{
	margin-bottom:15px;
	clear:both;
}
#articles-col-right .accroche{
	font-size:14px;
	padding-top:15px;
	padding-left:15px;
	float:left;
	width:180px;
}
#articles-col-right .accroche .block-titre{
	text-transform:none !important;
}
#articles-col-right .accroche .block-titre strong{
	font-weight:normal;
	color:#A82818;
}
#articles-col-right ul{
	list-style-position:inside;
	margin-bottom:15px;
	line-height:18px;
}

#articles-col-right .block-titre{
	font-family: 'antonioregular';
	color:#565344;
	font-size:21px;
	text-transform:uppercase;
	margin-bottom:15px;
}
#articles-col-right .block-desc{
	width:280px;
	height:57px;
	overflow:hidden;
	color:#555244;
	font-size:12px;
	margin-top:10px;
}
#articles-col-right .block-plus a{
	color:#A62617;
	font-size:12px;
	font-style:italic;
	text-align:center;
	display:block;
	background:url(../IMAGES/fd-block-plus.png) no-repeat left 3px;
	margin:15px 0 35px 0;
	transition:color linear 0.4s;
	-moz-transition:color linear 0.4s;
	-ms-transition:color linear 0.4s;
	-o-transition:color linear 0.4s;
	-webkit-transition:color linear 0.4s;
}
#articles-col-right .block-plus a:hover{
	color:#e25e4e;
}




/*********************************** bloc presse ******************************/
.bloc-presse{
	background:#F3F3F3;
	border:#ccc solid 1px;
	width:156px;
	padding:12px;
	
	float:left;
	margin:12px;
	cursor:pointer;
	
	transition:all linear .4s;
	-moz-transition:all linear .4s;
	-ms-transition:all linear .4s;
	-o-transition:all linear .4s;
	-webkit-transition:all linear .4s;
}
.titre-presse{
	text-align:center;
	font-family: 'antonioregular';
	font-size:16px;
	line-height:1;
	margin-bottom:12px;
}
.img-presse{
	padding-left:17px;
	margin-bottom:12px;
}
.desc-presse,
.desc-presse a{
	color:#525244 !important;
	text-align:center;
	font-size:11px;
}

/**************************** plan-site***********************************/
#articles-col-left #plan-site ul{
	margin-bottom:20px;
}
#articles-col-left #plan-site li{
	background:none;
	padding:0;
	list-style-type:disc;
	margin:0;
	margin-left:25px;
	line-height:22px;
}
#articles-col-left #plan-site div{
	background:#E9E9E9;
	padding:25px;
	padding-bottom:5px;
	margin-bottom:15px;
}
#articles-col-left #plan-site div.left{
	float:left;
	width:252px;
}
#articles-col-left #plan-site div.right{
	float:right;
	width:252px;
}
#articles-col-left #plan-site div.clear{
	clear:both;
}
.apropos{
	height:255px;
}
.twoCol{
	padding-bottom:25px !important;
}
.twoCol li{
	width:250px;
	float:left;
}
.margeTop{
	padding-top:20px;
	clear:both;
}

#articles-col-left #plan-site div span{
	font-family: 'antonioregular';
	font-size:18px;
	line-height:1;
	margin-bottom:12px;
	display:block;
}