/* ---------------------------------- Kwick -----------------------------------*/

  
#kwick
{
width: 820px;
height : 320px;
padding-left: 5%; 
}

.kwicks {
	
        height: 200px;
}
 
.kwick {

list-style-type:none;

	float: left;
	width: 90px;
}



.fix {
text-align:center;
position:fixed;
float:left;
top:144px;
left:20px;
width:180px;
height:650px;
background-image: url(images/sponsor.png);
background-repeat: no-repeat;
background-position:top left;
padding-top:40px;
}

:focus {
outline:0;
}

#accordion {
margin:20px 0px;
}

h3.toggler {
background-image: url(images/rocky/fond_titre.png);
background-repeat: no-repeat;
background-position:top left;
cursor: pointer;
height:40px;
border: 0px;
margin: 0 0 0 0;
padding-left: 10px;
padding-top: 12px;
color:#ffffff; 
text-decoration: none;
border: 0px #000000 solid;
text-transform : uppercase; 
font:bold 10px Arial, Helvetica, sans-serif;
}

div.element p, div.element h4 {
margin:0px;
padding:0px;
}

.element{

}


blockquote {
padding:5px 20px;
}


.online {
float:left;
background:#3f3f3f url(images/fondonline.jpg) no-repeat top left;
color:#000000;
height:26px;
width:213px;
padding-left:5px;
padding-top:3px;
}

.form {
padding:20px;
margin-top:-1px;
background:#393939 url(images/fondn.png) no-repeat top left;
border:1px #000000 solid;
}


#menu{
width:856px;
margin:0;
text-align:left;
float:right;
border-top:0px #fff solid;
}

#menu ul{
list-style:none;
margin:0;
}

#menu li{
list-style:none;
display:block;
float:left;
margin:0;
}

#menu li a{
display:block;
float:left;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
line-height:35px;
text-decoration:none;
padding:0 24px;
margin:0;
background: transparent url(images/bg.jpg) repeat-x left;
border-top:2px solid #fdbf0a;	
border-right:0px solid #000000;	
outline: none;											
}

#menu li a:hover{
color:#fff;
background:#000000 url(images/home.png) repeat-x left;
font-size:12px;
font-weight:bold;
}

#menu li a.current{
display:block;
float:left;
color:#fff;
font-size:12px;
font-weight:bold;
line-height:35px;
text-decoration:none;
padding:0 25px;	
margin:0;
background:#000000 url(images/home.png) repeat-x left;
}

#menu li a:hover.current{
color:#fff;
}


.contenu {
width:784px;
border:1px #000000 solid;
background-image:url(images/fondtable.png);
background-repeat:no-repeat;
background-position:top left;
background-color:#3f3f3f;
padding:20px;"
}

.tableau {
border: 1px #000000 solid;
background-color:#292929;
padding:10px;"
}

.jauni {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffa104;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: lighter;
	color: #ffa104;
	text-decoration: none;
	background-image:url(images/bullet_nok.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:40px;

}

.jaune {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffa104;
	text-decoration: none;
	background-image:url(images/bullet_nok.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:40px;

}

.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
}


.titre {
padding:5px;
color:#ffffff;
background-color:#ffa104;
font:bold 11px Arial, Helvetica, sans-serif;
text-transform : uppercase; 
}

.h2_info {
font:bold 11px Arial, Helvetica, sans-serif;

}

.nb_page {
border: 1px #ffa104 solid;
padding-right:4px;
padding-left:4px;
padding-bottom:1px;
padding-top:1px;
font:bold 11px Arial, Helvetica, sans-serif;
margin-right:4px;
background-color:#000000;
}

.upper 
{
font:bold 10px Arial, Helvetica, sans-serif;
text-transform : uppercase; 
}

.page_active {
border: 0px #5a8bbc solid;
padding:2px;
margin-right:4px;
margin-left:4px;
font:bold 11px Arial, Helvetica, sans-serif;
}

.none {
padding:0;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
    color:#ffffff;
    z-index: 700;
    background: url('images/infobg.png');
    width: 250px;
}

.spacer {
  clear: both;
}


a{
color:#ffa104; 
text-decoration: none;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

a:visited 
{
color:#ffa104;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

a:hover {
color:#ffffff; 
text-decoration: none
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
}

.titre_table {
font-weight:bold;
color: #ffffff;
}



.table {
border-bottom: 0px #202020 solid;
}

.table_conteneur {
border-bottom: 2px #202020 solid;
border-top: 1px #ffa104 solid;
background-color:#101010;
text-transform : uppercase; 
font:bold 11px Arial, Helvetica, sans-serif;
padding-left: 10px;
}

fieldset {
padding: 10px;
border: 1px #000000 solid;
background-color:#292929;

}

legend, legend a {
padding: 5px;
color:#ffffff;
}


.maj, .maj a {
color:#ffffff; 
text-decoration: none
text-transform : uppercase; 
font:bold 10px Arial, Helvetica, sans-serif;
}

.categorie {
padding:20px;
margin:0;
text-align:left;
border-right: 1px #141414 solid;
}

.titre_categorie {
padding:6px;
color:#ffffff;
background-color:#e39f08;
}

.marge_gauche1 {
margin-left: 150px;

}

.marge_gauche {
margin-left: 50px;

}

select, textarea {
border: 1px #000000 solid;
background-color:#333333;
color: #ffffff;
font-family:Verdana;
font-size:14px;
margin-bottom: 4px;
}

input  {
border: 1px #000000 solid;
background-color:#333333;
color: #ffffff;
font-family:Verdana;
font-size:16px;
margin-bottom: 4px;

}

.valid{
border: 1px solid #5a8bbc;
background:#5a8bbc url();
color: #FFF;
margin-bottom: 4px;
padding:2px;
}

.valid:hover{
background: #78b404 url();
border: 1px solid #78b404;
background-color: #78b404;
color: #FFF;
}





p { margin:0; padding:2px; text-indent:0px; text-align: justify;}
div.clear { clear:both; }
.left { float:left; }
.right { float:right; }