@charset "utf-8";
/* CSS Document */

body{
	font-family:arial;
	color:#c9c8c8;
	background:#000;
}

div.global{
	width:955px;
	margin:auto;
}

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

a:hover{
	color:#ffa5a9;
}

div.clearall{
	overflow:hidden;
	height:0px;
	clear:both;
}



/********************************************* INDEX *********************************************/



div.ban{
	width:735px;
	height:530px;
	overflow:hidden;
	background:url(../img/ban-background.jpg) no-repeat;
	float:left;
	position:relative;
}

div.ban ul#monslide{
	padding:82px 0 0 76px;
}

div.ban img.ban-top{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}

div.ban img.flag-home-fr{
	display:block;
	position:absolute;
	top:47px;
	left:612px;
	z-index:51;
}

div.ban img.flag-home-uk{
	display:block;
	position:absolute;
	top:48px;
	left:656px;
	z-index:51;
}

div.liens{
	width:210px;
	height:408px;
	background:#4b4747;
	float:left;
	margin:82px 0 0 0;
	position:relative;
}

div.liens p{
	display:block;
	position:absolute;
	top:-25px;
	left:0;
	font-size:9px;
}

span.titre-colonne{
	display:block;
	width:210px;
	height:18px;
	background:url(../img/titre-colonne-1.jpg) no-repeat;
	overflow:hidden;
	padding:0 0 0 34px;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:15px;
}

ul.liste-partenaires{
	display:block;
	font-size:12px;
	/* font-family:CooperBlackRegular; */
	font-family:BatmanForeverAlternateRegular;
	list-style-type:disc;
	list-style-position:outside;
	padding:15px 0 0 30px;
}

ul.liste-partenaires a{
	line-height:15px;
}

ul.liste-partenaires a:hover{
	color:#ffa5a9;
}

ul.liste-partenaires a span{
	font-size:11px;
	color:#bdbcbc;
	font-family:arial;
}

/* div.liens p a img{
	display:block;
	margin:0 0 10px 15px;
	float:left;
} */

div.menu-home{
	width:586px;
	height:28px;
	background:#3d3b3b;
	color:#cdcccb;
	margin:16px 0 16px 80px;
	padding:12px 0 0 22px;
}

div.menu-home a{
	/* font-family:BerlinSansFBDemiBold; */
	font-family:BatmanForeverAlternateRegular;
	font-size:14px;
	text-transform:uppercase;
	color:#cdcccb;
}

div.menu-home img{
	display:inline;
	padding:0 12px 0 12px;
}

div.menu-home a:hover{
	color:#ffa5a9;
}

div.mini-1, div.mini-2{
	width:302px;
	height:160px;
	background:#4b4747;
	color:#c9c8c8;
	font-size:12px;
	text-align:justify;
	margin:0 0 0 80px;
	float:left;
}

div.mini-1:hover, div.mini-2:hover{
	background:#8f0718;
	cursor:pointer;
}

div.mini-2{
	margin:0 0 0 4px;
}

span.titre-colonne-2{
	display:block;
	width:210px;
	height:18px;
	background:url(../img/titre-colonne-2.png) no-repeat;
	overflow:hidden;
	padding:2px 0 0 34px;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:13px;
	margin:10px 0 0 0;
	text-transform:uppercase;
}

div.mini-1 p, div.mini-2 p{
	padding:12px 25px 25px 20px;
	line-height:15px;
}

div.footer-home{
	width:608px;
	height:25px;
	background:#3d3b3b;
	margin:9px 0 0 80px;
	font-size:11px;
	text-align:center;
	padding:15px 0 0 0;
}

div.footer{
	width:100%;
	text-align:center;
	font-size:10px;
	margin:45px 0 25px 0;
}

div.footer img{
	float:right;
}



/********************************************* REFERENCE *********************************************/



div.menu-global{
	width:100%;
	height:127px;
	background:url(../img/menu-global-background.jpg);
}

div.menu-global div.menu{
	width:940px;
	height:127px;
	background:url(../img/menu-background.jpg);
	margin:auto;
	position:relative;
}

div.menu-global div.menu a img.logo-tk{
	display:block;
	position:absolute;
	top:16px;
	left:0;
}

div.menu-global div.menu a img.flag-fr{
	display:block;
	position:absolute;
	top:20px;
	left:841px;
	z-index:51;
}

div.menu-global div.menu a img.flag-uk{
	display:block;
	position:absolute;
	top:20px;
	left:885px;
	z-index:51;
}

div.menu-global div.menu div.menu-boutons{
	font-family:BatmanForeverAlternateRegular;
	text-transform:uppercase;
	padding:71px 0 16px 280px;
	font-size:13px;
}

div.menu-global div.menu div.menu-boutons img{
	display:inline;
	padding:0 12px 0 12px;
}

div.menu-global div.menu-boutons a{
	color:#cdcccb;
}

div.menu-global div.menu-boutons a:hover{
	color:#ffa5a9;
}

span.nom-cat{
	display:block;
	width:800px;
	position:absolute;
	top:142px;
	left:0;
	color:#8f0718;
	font-family:BernardMTCondensedRegular;
	font-size:30px;
	text-transform:uppercase;
	margin:0 0 0 17px;
}

div.champion{
	width:285px;
	height:60px;
	background:#4b4747;
	margin:150px 0 0 43px;
	padding:10px 0 0 40px;
	position:relative;
}

div.champion ul{
	list-style-type:disc;
	/* font-family:CooperBlackRegular; */
	font-size:13px;
	color:#e1e1e0;
	line-height:16px;
}

span.titre-colonne-3{
	display:block;
	width:219px;
	height:20px;
	background:url(../img/titre-colonne-3.jpg) no-repeat;
	overflow:hidden;
	padding:4px 0 0 52px;
	color:#fff;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	top:-20px;
	right:-52px;
}

#monslide-references{
	width:332px;
	height:497px;
	overflow:hidden;
	padding:7px;
	border:1px solid #fff;
	float:left;
	margin:0 0 0 20px;
}

div.parcours{
	width:436px;
	height:600px;
	background:#4b4747;
	float:left;
	margin:-130px 0 0 44px;
	position:relative;
	padding:22px 17px 22px 17px;
}

span.titre-colonne-4{
	display:block;
	width:219px;
	height:20px;
	background:url(../img/titre-colonne-4.jpg) no-repeat;
	overflow:hidden;
	padding:4px 0 0 52px;
	color:#fff;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	top:-20px;
	left:0;
}

div.parcours ul{
	list-style-type:disc;
	list-style-position:inside;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	color:#e1e1e0;
}

div.parcours ul li{
	border-bottom:1px dashed #ccc;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
}

div.parcours ul li span{
	display:block;
	font-family:arial;
	font-size:12px;
	line-height:14px;
	color:#c9c8c8;
	padding:18px 0 0 0;
}



/********************************************* CONTACT *********************************************/



#monslide-contact{
	width:352px;
	height:528px;
	overflow:hidden;
	padding:7px;
	border:1px solid #fff;
	float:left;
	margin:100px 0 0 20px;
}

div.mecontacter{
	width:398px;
	height:472px;
	background:#6c6d6d;
	float:left;
	margin:119px 0 0 54px;
	position:relative;
	padding:22px 17px 22px 17px;
	z-index:0;
}

span.titre-colonne-5{
	display:block;
	width:235px;
	height:20px;
	background:url(../img/titre-colonne-5.jpg) no-repeat;
	overflow:hidden;
	padding:4px 0 0 52px;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	top:-20px;
	left:0;
}

div.mecontacter ul{
	list-style-type:disc;
	list-style-position:inside;
	font-family:BatmanForeverAlternateRegular;
	font-size:14px;
	color:#e1e1e0;
}

div.mecontacter ul li{
	margin:0 0 20px 0;
}

div.mecontacter ul li span{
	display:block;
	font-family:arial;
	font-size:13px;
	line-height:15px;
	color:#c9c8c8;
	padding:10px 0 0 0;
	border-top:1px dashed #ccc;
	margin:8px 0 0 0;
}

div.mecontacter p{
	display:block;
	position:absolute;
	bottom:15px;
	left:320px;
	font-size:12px;
}

div.mecontacter img.cercles{
	display:block;
	position:absolute;
	top:-25px;
	right:-16px;
	z-index:-1;
}

div.mecontacter img.mecontacter-footer{
	display:block;
	position:absolute;
	bottom:-25px;
	left:0;
	z-index:-1;	
}



/********************************************* SHOW & ANIMATIONS *********************************************/



div.espacedetravail, div.materiel{
	width:375px;

	background:#6c6d6d;
	float:left;
	margin:119px 0 0 0px;
	display:inline;
	position:relative;
	padding:0 19px 32px 48px;
	z-index:0;
	margin-bottom:30px;
}

div.espacedetravail img.cercles, div.materiel img.cercles{
	display:block;
	position:absolute;
	top:-28px;
	right:-17px;
	z-index:-1;
}

div.espacedetravail img.mecontacter-footer, div.materiel img.mecontacter-footer{
	width:442px;
	display:block;
	position:absolute;
	bottom:-25px;
	left:0;
	z-index:-1;	
}

div.materiel{
	margin:119px 0 0 40px;
}

div.espacedetravail p{
	display:block;
	width:239px;
	height:96px;
	background:#c0c0c0;
	color:#000;
	font-size:11px;
	text-align:justify;
	position:relative;
	float:right;
	padding:14px 10px 16px 15px;
	line-height:14px;
	margin:45px 0 0 0;
}

div.espacedetravail p.bottom{
	display:block;
	width:100%;
	height:15px;
	background:#999;
	color:#eee;
	font-size:13px;
	text-align:center;
	position:relative;
	float:right;
	padding:14px 10px 16px 15px;
	line-height:14px;
	margin:45px 0 0 0;
	font-weight:bold;
}

div.espacedetravail p span{
	display:block;
	position:absolute;
	top:-18px;
	left:15px;
	color:#fff;
	font-family:BatmanForeverAlternateRegular;
	font-size:13px;
}

div.espacedetravail p img{
	display:block;
	position:absolute;
	top:-10px;
	left:-140px;
}

div.materiel p{
	display:block;
	font-size:12px;
	color:#000;
	line-height:14px;
	margin:26px 0 10px 0;
}

div.materiel ul{
	list-style-type:disc;
	list-style-position:inside; color:#f2f2f2;
}

div.materiel ul li{
	font-size:12px;
	padding:7px 0 7px 0;
	border-bottom:1px dashed #bbb;
}

div.materiel ul a{
	color:#ddd;
}

img.materiel-photo{
	display:block;
	margin:20px 0 20px 45px;
}

p.infos-bottom{
	display:block;
	position:absolute;
	bottom:-40px;
	right:0;
	color:#fff;
}



/********************************************* VÉLO *********************************************/



div.galerie-velo{
	width:486px;
	height:467px;
	overflow:hidden;
	float:left;
	margin:65px 17px 0 20px;
}

div.trialbike{
	width:386px;
	background:#bdbcbc;
	float:left;
	margin:85px 0 0 0;
	padding:0 22px 30px 18px;
	position:relative;
}

div.trialbike img{
	display:block;
	float:left;
	margin:10px 20px 0 0;
}

div.trialbike span.titre-colonne-5{
	display:block;
	width:235px;
	height:20px;
	background:url(../img/titre-colonne-5.jpg) no-repeat;
	overflow:hidden;
	padding:4px 0 0 52px;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	text-transform:uppercase;
	position:absolute;
	top:-20px;
	left:0;
}

div.trialbike ul{
	font-size:12px;
	line-height:14px;
	list-style-type:disc;
	list-style-position:inside; color:#fff;
}

div.trialbike ul li{
	margin:25px 0 0 0;
}

div.trialbike ul li span{
	color:#fff;
	font-family:BatmanForeverAlternateRegular;
	font-size:14px;
}

div.trialbike ul li p{
	margin-top:14px;
	color:#222;
}

p.trialbike-infos-bottom{
	display:block;
	position:absolute;
	bottom:-20px;
	right:0;
	color:#fff;
	font-size:10px;
}



/********************************************* ESPACE PRO *********************************************/



div.galerie-espacepro{
	width:340px;
	height:560px;
	overflow:hidden;
	float:left;
	margin:65px 17px 0 20px;
	background:#2b2b2b;
	padding:20px;
}

div.espacepro-conteneur{
	width:486px;
	height:546px;
	background:#6c6d6d;
	float:left;
	margin:65px 0 0 0;
	padding:0;
	position:relative;
	color:#222;
	font-size:12px;
	line-height:14px;
}

div.espacepro-conteneur p{
	padding:15px 15px 15px 18px;
}

span.titre-colonne-6{
	display:block;
	width:183px;
	height:20px;
	background:url(../img/titre-colonne-6.png) no-repeat;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:13px;
	padding:3px 0 0 30px;
	margin:15px 0 0 0;
}

span.titre-colonne-7{
	display:block;
	width:256px;
	height:20px;
	background:url(../img/titre-colonne-7.png) no-repeat;
	color:#8f0718;
	font-family:BatmanForeverAlternateRegular;
	font-size:13px;
	padding:3px 0 0 35px;
	margin:15px 0 0 0;
}

div.espacepro-conteneur ul{
	display:block;
	padding:15px 15px 15px 18px;
	font-family:BatmanForeverAlternateRegular;
	font-size:12px;
	list-style-type:disc;
	list-style-position:inside; color:#fff;
}

div.espacepro-conteneur ul li{
	margin:25px 0 0 0;
	border-bottom:1px dashed #bbb;
	padding:0 0 5px 0;
}

div.espacepro-conteneur ul li a{
	color:#ddd;	
}

div.espacepro-conteneur ul li a:hover{
	color:#ffa5a9;
}

p.espacepro-infos-bottom{
	display:block;
	position:absolute;
	bottom:0;
	right:0;
	font-size:11px;
}



/********************************************* DIAPORAMA *********************************************/



div#container-1{
	width:887px;
	height:540px;
	background:#383838;
	overflow:hidden;
	margin:95px 0 0 20px;
}

div#container-1 div#fragment-1,
div#container-1 div#fragment-2,
div#container-1 div#fragment-3,
div#container-1 div#fragment-4{
	background:#383838;
	color:#cdcccb;
	padding:30px 0 20px 40px;
}

div#container-1 div#fragment-4 a img{
	border:10px solid #222;
	margin:10px 12px 12px 0;
}

div#container-1 div#fragment-4 a img:hover{
	border:10px solid #8f0718;
}

p.diapo-texte{
	width:280px;
	display:block;
	float:left;
	line-height:16px;
	margin:0 40px 0 0;
}

div#diaporama-pro, div#diaporama-divers,
div#diaporama-portraits, div#diaporama-videos{
	display:block;
	float:left;
}

.pagination-global{
	width:500px;
	float:left;
}