/* -- GENERAL ------------------------------ */
*{
	margin:0;
	padding:0;
}
body{
	color:#666;
	font-size:71%;
	font-family:Arial, Verdana, sans-serif;
}
ul, ol{list-style-type:none;}
a, a:link, a:visited{text-decoration:none;}
#content a{color:#871619;font-weight:bold;}
a img{border:0}
h1{
	font-size:2em;
	padding:0.2em 0;
}
h2{
	font-size:1.3em;
	padding:0.2em 0;
}
#content h1, #content h1 a,#content h2, #content h2 a{color:#000}
.surtitre{
	font-size:0.83em;
	font-weight:bold;
	font-family:Verdana, arial, sans-serif;
}
.clear{clear:both;}
.more{text-align:right;}
.field{font-size:10px;padding:2px;}

/* -- LAYOUT ------------------------------ */
body{background:#333 url(/includes/nav/images/back.jpg) left top repeat-x;}
#overall{
	width:976px;
	margin:0 auto;
}
#header{
	position:relative;
	height:213px;
	padding:0 20px;
	background:url(/includes/nav/images/header.jpg) left top no-repeat;
}
#body{
	padding:0 20px;
	background:url(/includes/nav/images/bg-body.gif) left top repeat-y;
}
#gn{
	height:25px;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	background:url(/includes/nav/images/bg-nav.gif) left top repeat-x;
}
#content{
	float:left;
	width:399px;
	padding:20px;
	border-left:1px solid #FFF;
	background:#FFF;
}




#right{
	float:right;
	width:495px;
	border-right:1px solid #FFF;
}
#cl{
	float:left;
	width:198px;
	background:#0e386d;
}



#cr{
	float:right;
	width:267px;
	padding:35px 15px 14px 14px;
	border-left:1px solid #FFF;
	background:#F3F3F3;
}
#footer{
	padding:35px 20px 10px 30px; 
	clear:both;
	background:#333 url(/includes/nav/images/bg-footer.gif) left top no-repeat;
}
#forum #footer{
	background:#333 url(/includes/nav/images/bg-footer-forum.gif) left top no-repeat;
}

/* -- HEADER ------------------------------ */
#header h1{
	position:absolute;
	left:25px;
	top:80px;
	width:305px;
	height:110px;
}
#header h1 span{
	margin-left:-9999px;
}
#header #logos{
	position:absolute;
	right:35px;
	top:15px;
}
#header #adhdr{
	position:absolute;
	right:35px;
	top:75px;
	width:468px;
	height:60px;
}
#header #login{
	position:absolute;
right:35px;
	top:151px;
	padding:12px;
	width:243px;
	height:86px;
	background:url(/includes/nav/images/bg-login.gif) left top no-repeat;
}
#login *{font-family:verdana;font-size:10px}
#login{color:#FFF}
#login .links, #login a{color:#FFF}
#login a{text-decoration:underline;}
#login td{padding:4px 2px}
#login .field{width:130px;}
#login .label{width:50px;text-align:right}

#logged{padding:15px 0 0 0;}
#logged span{font-size:1.4em;font-weight:bold;}

/* -- GN ------------------------------ */
#gn li:hover, #gn li.hover {
    position: static;
}
#gn img{
	padding:9px 14px 7px 12px;
	background:url(/includes/nav/images/sep-nav.gif) right bottom no-repeat;
}
#gn li li img{
	padding:5px 9px;
	background:url(/includes/nav/images/sep-nav.gif) right center no-repeat;
}
#gn li li.last img{background:none;}
#gn li span, #gn li a {
	display: block;
	cursor:pointer;
	line-height:25px;
	font-size:10px;
	font-family:Verdana;
}
#gn li li a {line-height:15px;}
#gn li {float: left;}
#gn li ul {
	position: absolute;
	z-index:100000;
	left: -999em;
	border-top:1px solid #FFF;
	background:#c02328;
}
#gn #actu-sportive ul{margin-left:-75px;}
#gn #palmares ul{margin-left:-133px;}
#gn li li{display:inline;}
#gn li li a{
	color:#FFF;
	font-weight:bold;
}
#gn li:hover ul, #gn li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#gn a:hover{color:#7C1417;}

/* -- CONTENT ------------------------------ */
#cover a, #features a{color:#666;}
#cover p{padding:0.5em 0}
#features li{
	margin:15px 0 0 0;
	padding:15px 0 0 0;
	background:url(/includes/nav/images/seph.gif) left top repeat-x;
}
#features li p{
	padding-left:158px;
}
#features li img{
	display:block;
	float:left;
	padding-right:10px;
}
#article p{
	padding-top:10px;
	line-height:1.2em;
}
#article.nouveaute p img{
	float:left;
	display:block;
	padding:0 5px 5px 0;
}
#headlines{
	padding-top:15px;
}
#headlines h3{
	margin-bottom:15px;
	padding:5px;
	background:#871619;
	color:#FFF;
	font-size:1.4em;
}
#headlines h2{
	font-size:1em;
}
#headlines li{
	padding-bottom:5px;
	margin-bottom:5px;
	background:url(/includes/nav/images/seph.gif) left bottom repeat-x;
}
#sendstory{text-align:right;}
/* -- COLONNE MILIEU ------------------------------ */
#lejeu{
	position:relative;
	padding:20px 15px;
	background:url(/includes/nav/images/bg-lejeu.gif) left top no-repeat;
}
#lejeu h3{margin-bottom:10px;}
#lejeu .visuelpack{
	display:block;
	width:130px;
	height:147px;
	/*background:url(/includes/nav/images/pack.png) left top no-repeat;*/
	position:absolute;
	right: 0;
	top: -60px;
}
#actu{padding:20px 15px;
background:#01223e;}
#actu .feat .surtitre{color:#FFF;}
#actu .more a{color:#FFF;text-decoration:underline}

.feat a{color:#FFF;font-family:Verdana;font-size:10px;}
.feat {padding:8px 0; padding-top: 1em;}
.feat .surtitre{
	padding:0 0 0 8px;
	background:url(/includes/nav/images/puce.gif) left center no-repeat;
}
.feat p{padding-left:8px;}


/* -- COLONNE DROITE ------------------------------ */
.node{
	padding:12px 12px 0 12px;
	background-position:left top;
	background-repeat:repeat;
}
#medias{
	margin-bottom:12px; 
}
#medias .node{background-image:url(/includes/nav/images/node-noir-top.gif);}

#newsletter{
	padding:0 0 12px 0;
	margin:0 0 12px 0;	 
	background:#290000 url(/includes/nav/images/node-rouge-bottom.gif) left bottom no-repeat;
	font-family:verdana;
	font-size:10px;
}
#newsletter .node{background-image:url(/includes/nav/images/node-rouge-top.gif);}
#newsletter form{padding:7px 0}
#newsletter .field{width:170px;margin-right:10px}
#newsletter a{color:#FFF;text-decoration:underline;}

#quizz{
	/*padding:0 0 12px 0;*/
	margin:0 0 12px 0;	 
	/*background:#000 url(/includes/nav/images/node-noir-bottom.gif) left bottom no-repeat;*/
}
#quizz .node{background-image:url(/includes/nav/images/node-noir-top.gif);}
#quizz .visuelquizz{height:70px;position:relative;}
#quizz .visuelquizz img{
	position:absolute;
	bottom:-11px;
	right:-11px;	
}

#poll{
	padding:12px 0 0 0;
	border-top:1px solid #b6b6b6;
}
#poll *{
	font-family:Verdana;
	font-size:10px;
}
#poll h3{margin-bottom:7px;}
#poll input{padding:2px;}
#poll .submit input{
	font-weight:bold;
	color:#444;
	padding:2px 5px;
	background:#FFF;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	cursor:pointer;
}

/* -- FOOTER ------------------------------ */
#footer p{float:right;}
#footer p, #footer p *{
	color:#FFF;
	font-weight:bold;
	font-family:Verdana;
	font-size:10px;
}
/*-Nouveaux-Selects--------------------------------------------------*/
.select {padding:0;margin:0;cursor:pointer;font-family:arial;font-size:11px;font-weight:bold;}
.select dt {border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:1px solid #666;border-bottom:1px solid #666; padding:4px 5px;display:block;background:#F3F3F3}
.select dd {overflow:hidden;border-bottom:1px solid #666;border-left:1px solid #666;border-right:1px solid #666; padding:0;margin:0;position: absolute; visibility: hidden; display: none; background: #fff; }
.select dd a {font-size:11px;text-decoration:none; color:#000; display:block;width:100%;padding:2px;font-weight:normal;background:#FFF}
.select dd a:hover {background:#EEE;}
.select img{margin-top:-1px;padding:0 0 0 3px}
.select dd.scrollbar {overflow-x: hidden;overflow-y: auto;overflow : -moz-scrollbars-vertical;}
.select dd.scrollbars {overflow: auto;}
.select dd.scrollbars a {width: 95%;}

.ecran1 {
	display: block;
	background: url(/includes/nav/images/ecran1.gif) left top no-repeat;
	width: 56px;
	height: 11px;
}
.ecran1:hover{background-image: url(/includes/nav/images/ecran1-on.gif) }
.ecran2 {
	display: block;
	background: url(/includes/nav/images/ecran2.gif) left top no-repeat;
	width: 56px;
	height: 11px;
}
.ecran2:hover{background-image: url(/includes/nav/images/ecran2-on.gif) }
.ecran3 {
	display: block;
	background: url(/includes/nav/images/ecran3.gif) left top no-repeat;
	width: 56px;
	height: 11px;
}
.ecran3:hover{background-image: url(/includes/nav/images/ecran3-on.gif) }

#annuaire ul{margin-top:10px}
#annuaire li{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #CCC;
}
#annuaire .title{
	padding-bottom:5px;
	color:#000;
	padding-left:7px;
	background:url(/includes/nav/images/puce-noire.gif) left 4px no-repeat;
}
#annuaire a{
	color:#871619;
	font-weight:bold;
}

/* JCAROUSEL */

.jcarousel-scope {
	position: relative;
	padding: 10px;
	/*width:280px;*/
	background: #eeeeee;
	padding: 20px 50px;
}

.jcarousel-list img {
	border: 1px solid #FFF;
	padding:2px;
	width:120px;
}

.jcarousel-list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.jcarousel-list li {
	text-align: center;
}

.jcarousel-list li {
	float: left;
	list-style: none;
}
.jcarousel-next {
	position: absolute;
	top: 40px;
	right: 5px;
	padding:20px 3px;
	cursor: pointer;
	background:#c02328;
}

.jcarousel-next-disabled {
	cursor: default;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

.jcarousel-prev {
	position: absolute;
	top: 40px;
	left: 5px;
	padding:20px 3px;
	cursor: pointer;
	background:#c02328;
}

.jcarousel-prev-disabled {
	cursor: default;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);
}

/* -- SLIDESHOW  ---*/
#slide_pic{
	margin:20px 0;
	text-align:center;
}
#slide_pic img{
	padding:2px;
	border:1px solid #861E22;
}
#slide_pic p{font-size:10px;font-family:verdana;color:#000;font-weight:bold;}
#slide_nav{background:#F0F0F0;padding:10px;position:relative}
#slide_nav_prev a, #slide_nav_next a{text-decoration:underline;color:#861E22;font-weight:bold;}
#slide_nav_thumb img{border:1px solid #861E22;padding:2px}
#slide_nav_prev{
	display:block;
	position:absolute;
	padding-left:5px;
	left:0;
	top:50%;
}
#slide_nav_next{
	display:block;
	position:absolute;
	padding-right:5px;
	right:0;
	top:50%;
}
#slide_nav_thumb{
	display:block;
	width:275px;
	margin:0 auto;
	text-align:center;
}
/* -- REACTIONS ------------------------------ */
#reactions{
	padding-top:10px;
}
#reactions h2{
	height:15px;
	line-height:15px;
	color:#FFF;
	text-indent:10px;
	background:#871619;
}
#reactions li{
	line-height:1.2em;
	padding:12px;
	border-bottom:1px dotted #CCC;
}
#reactions li.odd{background:#F0F0F0;}
#reactions .reagir{
	padding:12px;
	color:#CCC;
	background:#333;
}
#reactions label{
	padding-top:5px;
	display:block;
}
#reactions p input{border:1px solid #CCC;}
#reaction{width:360px;border:1px solid #CCC;}
#reactions .titre{font-weight:bold;}
.reagir .titre{
	font-size:1.1em;
	color:#FFF;
	background:#666;
	display:block;
	height:20px;
	line-height:20px;
	text-indent:10px;
	text-transform:uppercase;
}

.date{
	display:block;
	border-top:1px solid #871619;
	background:#EEE;
	color:#333;
	margin: 10px 0;
	padding:5px;
}
.blackbold{text-align:center;font-weight:bold;font-size:1.5em;text-transform:uppercase;}

.tableau{background:#000;}