/* CSS par dig^^ pour http://www.kits-gratuits.net */

* { margin:0;padding:0; }

body {
	font: normal 12px Tahoma,Verdana, "Trebuchet MS",  Helvetica, Sans-serif;
	/*background: black url(http://s.lnb.fr/lnb/file/assets/image/block/events/finales-lnb-2011-back.jpg) no-repeat fixed top center;*/
	background: black url(images/design/fond.jpg) no-repeat fixed top center;
	color: #000000;
}
a img{border:0px;}
:focus{-moz-outline-style: none;}
/********************
		Style font
********************/
p{
	font: normal 11px Tahoma,Verdana, "Trebuchet MS",  Helvetica, Sans-serif;
}
a, a:link, a:active, a:visited {
	color:#EC8810;
	text-decoration: none;
	font-weight: bold; 
}

a:hover{
	color: #EC8810;
	text-decoration: underline;
}

/********************
		Structure
********************/
#pub{
	background:#ffffff;
	width:100%;
	text-align:center;
}
#bp{
	width:100%;
}
#page {
width:1000px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#header {
	background: #000000 url(./images/design/fond_header.png) no-repeat bottom;
	width: 1000px;
	height: 241px;
}
#logo{
	float:left;
	z-index: 5;
	position: relative;
}
#fastlinks{
	float:left;
	padding-top: 50px;
	padding-left: 12px;
	z-index: 4;
	position: relative;
}
#container{
	z-index: 0;
	float: right;
	height:241px;
}
#header_bottom{
	background: url(./images/design/fond_header.png) bottom no-repeat;
	z-index: 3;
	width: 1000px;
	height: 241px;
	position: absolute;
}
#menu{
	background: url(./images/design/fond_menu.png) repeat-x;
	z-index: 4;
	position: absolute;
	width: 1000px;
	height: 37px;
	top: 304px;/*204 sans pub*/
}
#menu div.lnb{
float: right;
}
#lueur{
background: url(./images/design/lueur.jpg) repeat-x;
height:21px;
width:1000px;
}
#bandeau_partenaire{
	background:#FFFFFF;
	width:1000px;
	clear: both;
}
#contenu {
	width:520px;
	margin-top:0px;
	padding-left:240px;
}
#content {
	width:1000px;
	height:auto;
   text-align: left;
	background: white url(./images/design/fond_contenu.jpg) no-repeat;
	overflow:hidden;
 }
#centre {
	margin-left: 380px;
	margin-right: 0px;
	text-align: justify;
}
.titre{
	color: #F3A721;
	font: 18px Tahoma, Verdana;
}
h2 {
	color: #F3A721;
	font: 18px Tahoma, Verdana;
	background: url(images/design/arrow_01.png) top left no-repeat;
	text-indent: 20px;
}
.nav{
	color: #F3A721;
	font: 14px Tahoma, Verdana;
}
#bloc p {
	width:500px;

}
#copyright {
	width:500px;
	text-align :center;
}

#menu_gauche {
	width: 210px;
	float:left;
	text-align: left;
	padding-right: 20px;
	padding-left: 10px;
}
#menu_droit {
	width: 210px;
	float:right;
	padding-top: 5px;
	text-align: left;
	padding-right: 10px;
}
#menu_gauche ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu_gauche ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #555555;
	margin: 0px;
}
.navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #000; 
      color: #fff; 
      width: 200px; 
      font: 1.2em "Trebuchet MS", sans-serif; 
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 4px 10px; 
      color: #fff; 
      text-decoration: none; 
      background: #000 url(menu-item.png) left bottom no-repeat; 
      } 
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      background-image: url(menu-item-deroule.png); 
      } 
   .navigation .open a, .navigation .open span { 
      background-image: url(menu-item-enroule.png); 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
   .navigation .subMenu { 
      font-size: .8em; 
      background: #ccc url(subMenu.png) 0 0 repeat-x; 
      font-size: .9em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 3px 20px; 
      }

p.desc { color:#535252;font:normal 0.9em Verdana, Sans-serif;padding:0 0 5px 10px; }
p.desc a { color:#535252;text-decoration:none; }
p.desc a:hover { text-decoration:underline; }

.commentaires { padding:15px 0 3px 0;text-align:right;width:100%;border-bottom:1px dashed #807F7F;clear:both; }
.commentaires a { color:#EC8810;text-decoration:none; }
.commentaires a:hover { color:#EC8810;text-decoration:underline; }
.commentaires em { font-style:normal;font-weight:bold; }
.c_m1{
	background-color: #252525;
	color : white;
	padding-left: 2px;
	font: bold;
}
.c_m2{
	background-color: #f4c249;
	padding-left: 2px;
}
.c_m3{
	background-color: #414141;
	color:#b7b7b7;
}
.c_m4{
	background-color: #f4aa49;
	color:#000000;
}
c_mf1{
	color: #EC8810;
}
.sep {
height : 2px;
clear : both;
background : url(design/sep02.gif) center 0%;
}
 
.nettoyeur {
clear:both;
}
/******************************/
/* MON MENU DEROULANT */
/******************************/
#menu div {
float:left;
}
#menu div a {
color:#aaaaaa;
font-weight:bold;
text-decoration: none;
}
#menu div  a:hover {
color: #F3A721 ;
}
#menu div ul {
position: absolute;
margin: 0px 0 0 0;
*margin:27px 0 0 -75px;
background-color:#2e2e2e;
background-position:bottom; background-repeat:repeat-x;
line-height:30px;
*white-space: nowrap;
*width:100%;
}
#menu ul, #menu li {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position:outside;
text-transform: none;
}
#menu ul li {
font-size:0.8em;
}
#menu ul li a {
	color: #aaaaaa;
	text-decoration: none;
	padding: 0 5px 0 5px;
}
#menu ul li a:hover {
display: block;
background-color:#242424;
color: #ffdd1c;
}
/* Le pied de page
-------------------------------------------------------- */
#footer{
background:#EEEEEE none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
color:#666666;
margin:0;
padding:1em;

text-align:center;
}

#footer a{
	color: #999;
}
/********************* GALERIE *****************************/
.galerie_bloc_photo{
	float: left;
	width: 100px;
	text-align:center;
	margin: 6px;
}
.galerie_photo{
	border-width: 4px;
	border: solid 4px #000000;
}
.galerie_photo div {
	width: 100px;
	height: 100px;
}