@charset "utf-8";

/************************************************************************/
/* General																*/

* {

	margin: 0;
	padding: 0;
}

.megawrapper {
	margin: 0 auto;
	max-width: 1392px;
	position: relative;
	background-color: #f8f8f8;
}

.megawrapperlarge {
	margin: 0 auto;
	max-width: 100%;
	position: relative;
	background-color: #f8f8f8;
}

.wrapper{
	width:1310px;
	margin:0 auto;
	padding:35px 0;
	position:relative;
}

.bloc{
	position:relative;
}

.clear {
	clear: both;
	height: 0;
}

body{
	font-family: exo_2regular;
	overflow-x: hidden;
	background-image: url('img/texturepierre.jpg');
	color: #282828;
	margin: 0px;
	font-size: 13px;
	line-height: 16px;
}

.header {
    height: 247px;
    position: relative;
    background-image: url('img/fondheader.jpg');
    background-repeat: repeat-x;
    background-position: top center;
}
.header p {
    padding:0;
	margin:0;
}

ul.menu {
	list-style-type: none;
	height: 20px;
	position: absolute;
	right: 70px;
	bottom: 29px;
}

ul.menu li{
	float:left;
	text-transform:uppercase;
	margin: 0 8px;
}

.moduletable.logo {
    bottom: 10px;
    position: absolute;
    left: 94px;
}

.moduletable.appel {
    position: absolute;
    right: 80px;
    bottom: 85px;
}
.moduletable.appel img {
    margin-right: 10px;
}

.moduletable.appel p{
    float:left;
    line-height: 25px;
	height:25px;
	text-transform:uppercase;
}
.moduletable.appel p.clear{
	height:0;
}
.moduletable.appel .gras {
    font-family: 'exo_2bold';
}

.moduletable.reseaux {
    position:absolute;
	top: 77px;
	left: 86px;
}
.moduletable.reseaux img {
    margin: 0 14px;
}

#user01 {
    height: 56px;
    background-color: #010607;
    border-bottom: 2px solid #c6c6c6;
}

.fondrouge{
	background-image:url('img/fondrouge.jpg');
	height:377px;
	color:#ffffff;
	background-position:bottom center;
}

.fondrouge a{
	color:#9ddbf6;
}

.fondbleu a {
    color: #9ddbf6;
}

.fondrouge a:hover{
	color:#ff9a9a;
}

.fondblanc {
    background-color: #ffffff;
}

.fondnoir {
	background-color:#020f14;
	border-top: 2px solid #c6c6c6;
	border-bottom: 2px solid #c6c6c6;
}

.fondnoir a{
	color:#ffffff;
}

.fondnoir h1 {
	color:#ffffff;
}
.fondnoir h2 {
	color:#ffffff;
}
.fondnoir h3 {
	color:#ffffff;
}
.fondnoir h4 {
	color:#ffffff;
}

.fondbleu{
	background-image:url('img/fondbleu.jpg');
	/*height:573px;*/
	color:#ffffff;
	background-position:top center;
}

/* Fin General															*/
/************************************************************************/



/************************************************************************/
/* Typo																*/


h1{
	font-family: exo_2extra_bold_italic;
	font-size:32px;
	line-height: 36px;
	text-transform:uppercase;
}

.titrepage h1{
	font-family: exo_2regular;
	font-size:20px;
	line-height: 56px;
	height:56px;
	position : absolute;
	color:#ffffff;
	right:50px;
}

h2{
	font-family: exo_2extra_bold_italic;
	font-size:32px;
	line-height: 36px;
	text-transform:uppercase;
}

.titrepage h2{
	font-family: exo_2regular;
	font-size:20px;
	line-height: 56px;
	height:56px;
	position : absolute;
	color:#ffffff;
	right:50px;
}


h3{
	font-family: exo_2extra_bold_italic;
	font-size:20px;
	line-height: 24px;
	margin-bottom: 30px;
}

h4{
	font-family: exo_2extra_bold_italic;
	font-size:20px;
	line-height: 24px;
	margin-bottom: 30px;
}

h5{
	font-family: exo_2extra_bold_italic;
	font-size:32px;
	color:#a00102;
	line-height: 38px;
	margin-bottom:5px;
}
h6{
	font-family: exo_2extra_bold_italic;
	font-size:14px;
	color:#313131;
	line-height: 18px;
	text-transform:uppercase;
}

p{
	margin-bottom:15px;
}

ul{
	margin-left: 15px;
	margin-bottom: 10px;
}

strong{
	font-family: exo_2bold;
	
}

a {
	text-decoration: none;
	color: #282828;
}

a:hover {
	color: #a00102;
}

.majuscule {
	text-transform: uppercase;
}

/* Fin Typo															*/
/************************************************************************/
/*type A*/
.typea h3{
	margin-bottom: 0;
}

.typea  h4{
	margin-bottom: 0;
}

.typea .wrapper {
    padding-bottom: 0;
}


.tierwrapper {
    width: 1374px;
    margin: 15px auto;
}

.tier {
    float: left;
    width: 428px;
    height: 210px;
    background: white;
    margin: 15px;
	text-transform:uppercase;
	position:relative;
	line-height:16px;
}

.tier .lienvignette {
    width: 428px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 100;
}
.tier div {
    padding: 15px 0 0 20px;
    /*width: 212px;
    float: left;*/
}

.tier ul {
    margin-left: 15px;
	width: 375px;
}

.tier .txttier p{
	width: 220px;
}

.tier .illutier {
    width: 150px;
	position:absolute;
	bottom:10px;
	right:19px;
    /*margin: 28px 19px 28px 20px;*/
}

#tier008 {
	/*background-color:#282828;*/
	background-image:url('img/fondblocvide.jpg');
}

#blocacc004.typea .plus{
	bottom:4px;
	right:14px;
	font-size: 18px;
	color:#282828;
}

.typea .plus{
	font-family:'exo_2black_expanded';
	color:#fe1e16;
	position:absolute;
	bottom:14px;
	right:14px;
	font-size:51px;
}

.typea .plus a{
	color:#fe1e16;
}
#tier004 .illutier {
    width: 170px;
}
#tier006 .illutier {
    width: 170px;
}
#tier007 .illutier {
    width: 170px;
}

#tier009 .illutier {
    width: 170px;
}

#tier005 .illutier {
    width: 170px;
}
/*fin type A*/
/*type B*/

.typeb .wrapper div {
    width: 620px;
}

.illusportifs {
    position: absolute;
	left: 40px;
	bottom: 10px;
	width: 651px;
}

.sportif {
    float: left;
    margin-right: 3px;
	margin-top: 2px;
}

.illub {
    width: 658px;
    height: 401px;
    background-image: url('img/visuelbloc2acc.png');
    position: absolute;
    bottom: 0;
    right: 60px;
}
/*fin type B*/

/*type C*/
.typec .wrapper div {
    width: 520px;
}
.typec .wrapper p {
    padding-left: 20px;
}

.typecprime .wrapper div {
    width: 860px;
}
.typecprime .wrapper p {
    padding-left: 20px;
    width: 690px;

}

.pointwrapper {
    position: absolute;
    top: 50px;
    right: 45px;
	background-image:url('img/visuelpoints.jpg');
	width:733px;
	height:333px;
}
.point {
    width: 120px;
    height: 50px;
	position: absolute;
}

.point.droit {
    padding: 20px 6px 20px 91px;
	text-align:left;
}

.point.gauche {
    padding: 20px 91px 20px 6px;
	text-align:right;
}

.point p{
    color:#ffffff;
	font-size:12px;
	line-height:16px;
	font-family: exo_2medium;
}

#pointacc001 {
    top: 9px;
    left: 33px;
}

#pointacc002 {
    top: 120px;
    left: 0;
}

#pointacc003 {
    top: 235px;
    left: 33px;
}

#pointacc004 {
    top: 9px;
    right: 39px;
}

#pointacc005 {
    top: 120px;
    right: 7px;
}

#pointacc006 {
    top: 235px;
    right: 39px;
}

#pointacc006 h6{
    color:#b9b9b9;
}

/*fin type C*/
/*type D*/
.typed{
	min-height:320px;
	font-family: 'exo_2medium';
}
.textegauche {
    width: 480px;
    margin-left: 17px;
	z-index: 1;
	position:relative;
}

.textedroit{
	width: 480px;
	position:absolute;
	top:125px;
	right:30px;
	z-index: 1;
}

.illud{
	width:180px;
	height:374px;
	background-image:url('img/illublocd.png');
	position:absolute;
	bottom:0;
	left:560px;
}

#blocacc005 .illud {
    width: 535px;
    height: 369px;
    left: 380px;
}

/*fin type D*/

/*type F*/

.typef h3{
	font-size:24px;
	font-family: 'exo_2extra_bold_italic';
	line-height:28px;
	color:#a00102;
}

.typef h4{
	font-size:24px;
	font-family: 'exo_2extra_bold_italic';
	line-height:28px;
	color:#a00102;
}
.illuf {
    float: left;
	margin:0 12px;
}
.illusfwrapper {
    width:1324px;
	margin:35px auto;
}
.typef {
    padding-bottom: 35px;
}
.typef h1 {
    padding-top: 35px;
}
.typef h2 {
    padding-top: 35px;
}
.typef .wrapper {
    padding: 0;
}

#blochowto002.typeb .wrapper div {
    width: 620px;
}
#blochowto002.typeb .wrapper h2 {
    margin-bottom: 30px;
}

.illudroitef {
    position: absolute;
    right: 90px;
    top: 80px;
    width: 364px;
    height: 263px;
}

#blochowto001 .illudroitef {
    background-image:url('img/illublochowto001.png');
}

#blochowto002 .illub {
    background-image:url('img/illublochowto002.png');
	height: 387px;
	width: 735px;
	right: 50px;
}
.boutonvideo{
	padding:0 4px 5px 0;
	width:340px;
	height:64px;
	line-height:64px;
	text-align:center;
	background-image:url('img/btnvideo.png');
	position:absolute;
	top:235px;
	left:120px;
}
.boutonvideo a{
	text-transform:uppercase;
	width:340px;
	height:64px;
	font-family: 'exo_2black';
	font-size:32px;
	color:#a00102;
}

.boutonvideo:hover a{
	color:#000000;
}
/*fin type F*/

.creativecontactform_wrapper.creative_form_module.creative_form_18.ccf_icon_1.ccf_sections_template_1 {
    background: none;
    border: none;
    width: 467px;
}

.creative_form_18 .creativecontactform_header {
    padding: 0px 0 35px 15px;
}

.creativecontactform_wrapper.creative_form_module.creative_form_18.ccf_icon_1.ccf_sections_template_1:hover {
    box-shadow:none;
}

.creative_form_18 .creativecontactform_header .creativecontactform_title {
    color: #ffffff;
    text-shadow: none;
	font-family: 'exo_2extra_bold_italic';
	font-size:32px;
	margin-bottom:20px;
	text-transform:uppercase;
}

.creative_form_18 .ccf_pages_inner .creativecontactform_field_name{
    color: #ffffff;
    text-shadow: none;
	font-family:'exo_2regular';
	text-transform:uppercase;
	font-size:24px;
	line-height:32px;
}

.creative_form_18 .ccf_pages_inner .creativecontactform_input_element, .creative_form_18 .creativecontactform_input_element.closed:hover{
	box-shadow: none;
	border-radius: 15px;
	height: 38px;
	width:430px !important;
}

.map {
    width: 780px;
    height: 389px;
    background-image: url('img/maphk.jpg');
    position: absolute;
    top: 122px;
    right: 30px;
}

.typee .wrapper{
	/*padding-bottom:0;*/
}

.creative_form_18 .answer_name label {
    color: #fff !important;
    text-shadow: none !important;
}

.creativecontactform_wrapper.creative_form_module.creative_form_18.ccf_icon_1.ccf_sections_template_1 {
    margin: 0;
}

.typee .creative_form_18 .creativecontactform_pre_text{
    border: none;
    color: #fff;
    font-family: exo_2extra_bold_italic;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding: 0;
}

#footer {
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #020f14;
    color: #fff;
}

#footer a{
    color: #fff;
}

#footer p {
    margin-bottom: 0;
}

#blocacc003 {
    height: 433px;
}


/* menu */
.moduletable.titrepage {
    position: absolute;
    top: 0;
	width: 100%;
}
.custom.titrepage {
    position: relative;
    width: 1392px;
    margin: 0 auto;
}
.moduletable.menupersonnalise {
    position: absolute;
    top: 0;
	width: 100%;
}
.custom.menupersonnalise {
    position: relative;
    width: 1392px;
    margin: 0 auto;
}

.btnperso{
	width:323px;
	height:36px;
	padding-right:39px;
	text-align:center;
	line-height:36px;
	background-image:url('img/fondbtnmenu.png');
    position: absolute;
    top: 10px;
    left: 336px;
}

.btnperso a{
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
	font-family:exo_2regular;
	width: 323px;
	height: 36px;
	display: block;
	padding-right: 39px;
}

.btnperso a:hover{
	color:#ffffff;
}

.moduletable.sousmenu {
    position: absolute;
    top: 0;
	width: 100%;
}
.custom.sousmenu {
    position: relative;
    width: 1392px;
    margin: 0 auto;
}
.sousmenuwrapper {
    width: 215px;
	position:absolute;
	left:90px;
	z-index:100;
}

.menuligne.btnmenuboutique {
	width:175px;
	padding-right:40px;
	background-image:url('img/fondentremenu.jpg');
    margin-bottom: 5px;
}

.menuligne {
    height: 56px;
    line-height: 56px;
    background-color: #a00102;
    text-align: center;
    margin-bottom: 3px;
	clear:left;
	color:#ffffff;
	font-size:14px;
	text-transform:uppercase;
	font-family:'exo_2regular';
	cursor:pointer;
}

.menuligne a{
	color:#ffffff;
	display: block;
width: 215px;
height: 56px;
}
.menuligne a:hover{
	color:#ffffff;
}

.custom.mentions {
    height: 60px;
    line-height: 60px;
    color: #fff;
	text-align:right;
	padding-right:60px;
}
.custom.mentions a {
    color: #fff;
	text-transform:uppercase;
	font-family:exo_2regular;
}


/*page secondaires*/

#blocptgdent001 .illuc {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('img/fondblocptgdent001.png');
	width:500px;
	height:448px;
}

#blocptgdent003 .illuc {
    position: absolute;
    right: 55px;
    bottom: 0;
    background-image: url('img/fondblocptgdent003.jpg');
	width:394px;
	height:387px;
}

#blocptgdent005 .textedroit{
	top:85px;
}

#blocptgdent004 .illub{
	background-image: url('img/visuelbloc4ptgdent.png');
	width:562px;
	right: 140px;
}

#blocptgdent005 .illud{
	background-image: url('img/illublochowto003.png');
	width:300px;
	height:380px;
}

#blocptgdent005 h2 {
    width: 440px;
}

#blocptgdent006 .illuc {
    position: absolute;
    right: 0;
    top: 0;
    background-image: url('img/illublocptgdent006.png');
    width: 468px;
    height: 366px;
}

#blocptgdent007 .illuc {
    position: absolute;
    right: 0;
    top: 0;
    /*background-image: url('img/illublocptgdent007.png');*/
    width: 468px;
    height: 366px;
}

#blocptgdent007.typecprime .wrapper div {
    width: 1310px;
}

#blocptgdent007.typecprime .wrapper p {
    width: 1310px;
}

#blocptgdent007 {
	/*min-height: 366px;*/
}

.typecprime.fondbleu{
	height:auto;
}

#blocsport002.typeb .wrapper div {
    width: 650px;
}

#blocsport001 .illuc {
    width: 372px;
	height: 301px;
    background-image: url('img/illublocsport001.png');
    position: absolute;
    top: 0;
    right: 0;
}

#blocsport002 .illub {
    width: 601px;
	height: 383px;
    background-image: url('img/illublocsport002.png');
    position: absolute;
    bottom: 0;
    right: 40px;
}
#blocsport001 .illuc {
    width: 372px;
	height: 301px;
    background-image: url('img/illublocsport001.png');
    position: absolute;
    top: 0;
    right: 0;
}

#blocsport003 .illuc {
    width: 420px;
	height: 233px;
    background-image: url('img/illublocsport003.png');
    position: absolute;
    top: 0;
    right: 100px;
}

#blocsport004 .illuc {
    width: 506px;
	height: 334px;
    background-image: url('img/illublocsport004.png');
    position: absolute;
    top: 0;
    right: 50px;
}

/* page liste joueurs */

.tierprimewrapper {
    width: 1374px;
    margin: 0 auto;
}

.tierprime {
    float: left;
    width: 428px;
    margin: 0 15px;
	text-transform:uppercase;
	position:relative;
	line-height:16px;
}

.tierprime .txttierprime p{
	text-align : center;
}
/* fin page liste joueurs */


.illugouttieres {
    position: absolute;
    top: 80px;
	left: 670px;
}

.gouttiere {
    float: left;
    margin-right: 25px;
}

/* affichage actu */

.wrapperactus {
    width: 1310px;
    margin: 0 auto;
    position: relative;
	/*padding:35px 0;*/
}
.wrapperactu {
    padding: 35px 0;
}
.wrapperactu + .wrapperactu {
    border-top: 3px #a00102 solid;
}

.wrapperactus h2 {
    
}

.wrapperactus h4,.wrapperactus h3 {
    font-size: 24px;
    font-family: 'exo_2extra_bold_italic';
    line-height: 28px;
    color: #a00102;
    margin-bottom: 30px;
}

.wrapperactus h2 + p {
    margin-top: 30px;
}

.wrapperactus img {
    margin: 35px auto;
    display: block;
}

.header .ferme {
	display: none;
}

ul.menu li ul li {
    font-size: 11px;
	border-right: 1px #282828 solid;
	padding-right: 16px;
	height: 15px;
	line-height: 15px;
}

ul.menu li ul {
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 20px;
}


#blocpro002 .illub{
	background-image: url('img/visuelbloc2pro.png');
	width:1300px;
	right:47px;
}

.logoprotesiste{
	position:absolute;
	right:10px;
	top:10px;
}

.tarifs{
	font-family: exo_2extra_bold_italic;
	font-size: 30px;
	color:#fe1e16;
	line-height: 38px;
	margin-bottom: 5px;
	position:absolute;
	top: 0;
	right: 15px;
}

#blocptgdent004 {
	height: 477px;
}

#blocacc004 .tier {
    border: 1px solid #282828;
    width: 426px;
    height: 208px;
}

#blocacc004 #tier008 {
    border: none;
    width: 428px;
    height: 210px;
}

#blocacc008 .tier {
    text-align: center;
}
#blocacc008 .tier img {
    margin-top: 35px;
}

.illudemi .demi {
    float: left;
    width: 696px;
    height: 200px;
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
}

.illudemi .demi a {
    position: absolute;
    top: 0;
    left: 0;
    width: 696px;
    height: 200px;
}

#demi001{
	background-image:url('img/bannierefb.jpg');
}

#demi002{
	background-image:url('img/bannieretwitter.jpg');
}