.hide {
  display: none;
}
.hidden {
  visibility: hidden;
  font-size: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

#wrap-header
{
    background: white url("/img/header/background/bg-fond.png") repeat-x bottom left;
	width: 100%;
	margin-bottom: 5px;
	
}

/* -------------------------------------------------------------------------------------- Top header */

#top_header {
	border-bottom: 3px solid #bcbec5;
	background: white;
	margin: 0 auto;
	width: 1000px;
}
#top_header img {display:block; float:left}
#top_header ul{float:left}
#top_header ul li
{
	display: block;
	float: left;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
    margin-right: 6px;
    text-transform: uppercase;
    color: #818181;
    text-align: center;
}

#top_header ul li span
{
    display: block;
	text-align: center;
	font-weight: bold;
	color: #787878;
}
	
#top_header a
{
	color: #818181;
	display: block;
	float: left;
    text-decoration: none;
}
#top_header a:hover, #top_header a:focus, #top_header a:active, #top_header .courant a {color: white;}
#top_header a:hover span, #top_header a:focus span, #top_header a:active span, #top_header .courant a span {color: white !important;}

#top_header a.item1 {
    border-top: 7px solid #01a5ec;
	width: 178px;
	font-size:1.0em;
	font-weight: bolder;
	color: #01a5ec;
	padding-top: 3px;
	display: block;
}
#top_header a.item1:hover, #top_header a.item1:focus, #top_header a.item1:active {
	padding-bottom: 5px;
}

#top_header .accueil
{
    padding-left: 10px;
	background: transparent url("/img/header/elements/accueil.gif") no-repeat 47px 0;
	text-transform: none;
	font-weight: bold;
	font-size: 0.8em;
	color: #a2d3fe;
	display: block;
}

#top_header ul li:hover .accueil, #top_header ul li:focus .accueil, #top_header ul li.ie-hover .accueil {
	background: transparent url("/img/header/elements/accueil_hover.gif") no-repeat 47px 0;
}

#top_header .item1:hover, #top_header .item1:focus, #top_header .ie-hover .item1, #top_header .courant .item1 {
    background: #0299f5 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 10px;
}

#top_header .item2
{
    border-top: 7px solid #0299f5;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item2:hover, #top_header .item2:focus, #top_header .ie-hover .item2, #top_header .courant .item2
{
    background: #0299f5 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item3
{
    border-top: 7px solid #EF7804;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item3:hover, #top_header .item3:focus,  #top_header .courant .item3
{
	background: #EF7804 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item4
{
    border-top: 7px solid #167e9d;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item4:hover, #top_header .item4:focus, #top_header .courant .item4
{
    background: #167e9d url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
	color: white;
}

#top_header .item5
{
    border-top: 7px solid #cc3467;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item5:hover, #top_header .item5:focus, #top_header .courant .item5
{
    background: #cc3467 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item6
{
    border-top: 7px solid #5aaa24;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item6:hover, #top_header .item6:focus, #top_header .courant .item6
{
    background: #5aaa24 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item7
{
    border-top: 7px solid #9a1816;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item7:hover, #top_header .item7:focus, #top_header .courant .item7
{
    background: #9a1816 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

#top_header .item8
{
    border-top: 7px solid #612f88;
	width: 102px;
    font-size: 0.7em;
	padding-top: 8px;
}

#top_header .item8:hover, #top_header .item8:focus, #top_header .courant .item8
{
    background: #612f88 url("/img/header/elements/fleche_haut.gif") no-repeat top center;
	border: 0;
	padding-top: 14px;
	padding-bottom: 5px;
}

.item2 a, .item3 a, .item4 a, .item5 a, .item6 a, .item7 a, .item8 a  {color: #787878;}

.item2 span, .item3 span, .item4 span, .item5 span, .item6 span, .item7 span, .item8 span   
{
    font-weight: bolder;
	font-size: 1.2em;
	color: #787878;
}

#top_header ul li:hover span, #top_header ul li:hover a, #top_header ul li:focus span, #top_header ul li:focus a{color: white;}
#top_header #presse {float: right;}

/* Speed Menu
=========================================================================== */

.speed-menu {
  background: #efefef;
  text-align: left;
  padding: 5px;
  float: left;
  width: 990px;
  border-bottom: 10px solid white;
}
.speed-menu ul {list-style: none none;}
.speed-menu li {
  display: inline;
  padding-right: 10px;
  zoom: 1;
  color: #ccc;
}
.speed-menu a {
  color: #666;
  font-weight: 400;
  text-decoration: none;
  zoom: 1;
}
.speed-menu a:hover, .speed-menu a:focus {
  text-decoration: underline;
  color: black;
}
.fora a {
  padding-left: 12px;
  background: transparent url(/actualites/images/elements/person.gif) no-repeat center left;
}
.msgs a {
  padding-left: 12px;
  background: transparent url(/actualites/images/elements/mail.gif) no-repeat center left;
}
.invits a {
  padding-left: 12px;
  background: transparent url(/actualites/images/elements/star.gif) no-repeat center left;
}

/* -------------------------------------------------------------------------------------- banniere VDS */
html[xmlns] .heavy-menu{
display:none;
}
#header {
    background: #EF7804;
	width: 1000px;
    margin: 0 auto 0 auto;
	/*padding: 10px 0 0 0;*/
	padding: 0px 0 0 0;
}

 #header #wrap_inside_header {
	background:none;
	float:none;
	padding-bottom:0px;
}

#leaderboard {
    background: none repeat scroll 0 0 #ECEBEB;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
}
.search
{
    float: right;
	margin-right: 1px;
	width: 250px;
}

.lib_rech {
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	font-size: 0.8em;
	padding-bottom: 3px;
	margin-top: 5px;
}


.search label
{
    border-bottom: 1px solid white;
	display: block;
	margin-bottom: 4px;
}

.recherche
{
    border: 1px solid #EF7804;
	border-right: 1px;
	display:block;
	padding-right: 1px;
    float: left;
	margin-right: 7px;
	width: 203px;
}
    
.button {
    border: 0 outset #e4e4e4;
	background-color: #e4e4e4;
    font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: black;
	font-weight: bold;
}

 #header h1 
{
	margin: 2px 6px 0 1px;
	float: left;
	display: block;
}
 #header h1 img {
	display: block;
	float: left;
}
.wrap {
    margin: 2px 4px 3px 4px;
	overflow: hidden;
	border-bottom: 1px solid white;
	width:992px;
}


/* -------------------------------------------------------------------------------------- navigation */

 #header #menu 
{
    background: #271f63;
	padding:10px 0 0 0;
	margin: 0;
	clear: both;
	width: 100%;
}

#menu ul li
{
	border: 2px solid white;
	display: block;
	float: left;
	font-family: /*Verdana, */Arial, Helvetica, sans-serif;
	color: white;
	font-size: 0.7em;
	line-height: 2em;
	position: relative;
	z-index:3000;
}

#menu ul li ul
{
	border: 1px solid #3c3c3c;
	background: #e4e3bd;
	position: absolute;
	left: 0;
    display: none;
	padding: 0;
	margin: 0;
	z-index:3000;
}

#menu ul li ul li { 
	display: block;
	width: 167px;
	font-size: 1.0em;
	font-weight: bold;
	border: 0;
    border-bottom: 1px solid #646464;
	margin: 0 2px;
	text-align: left;
	z-index:3000;
}
#menu ul li ul li:last-child, #menu ul li ul li.last {border: 0;}

#menu ul li:hover ul, #menu ul li.ie-hover ul
{
    top: 27px;
	display: block;	
}

#menu li ul a {
    text-decoration: none;
	background: #e4e3bd;
	color: #94947b;
	display: block;
	padding: 2px;
}
#menu li ul a:hover, #menu li ul a:focus, #menu li ul a:active {
	text-decoration: none;
	color: #3c3c3c;
}

.rubriques1
{	
	display: inline;
	float: left;
	font-size:18px;
	font-weight: light;
	padding-top: 5px;
	margin-left: 10px;
}

.rubriques2
{	
	display: inline;
	float: left;
	font-size:18px;
	font-weight: light;
	padding-top: 5px;
	margin-left: 6px;
}

.foot
{
    background: #94947b url("/img/header/elements/fleche.gif") no-repeat 140px 11px;
	width: 167px;
    text-align: center;	
}

.foot span
{
    display: block;
	background: transparent url("/img/header/elements/foot.gif") no-repeat 6px 2px;
	padding-left: 75px;
}

#menu .foot:hover, #menu .foot:focus
{
    background: #e4e3bd url("/img/header/elements/fleche_hover.gif") no-repeat 140px 11px;
    width: 167px;
    text-align: center;
	color: #94947b;
}

.basket, .cyclisme
{
    background: #94947b;
	width: 96px;
	text-align: center;
}

#menu .basket a, #menu .cyclisme a
{
     text-decoration: none;
	 color: white;
	 display: block;
}

#menu .basket:hover a, #menu .basket:focus a
{
    background: #e4e3bd;
    width: 96px;
    text-align: center;
	color: #94947b;
}

#menu .cyclisme:hover a, #menu .cyclisme:focus a
{
    background: #e4e3bd;
    width: 96px;
    text-align: center;
	color: #94947b;
}

.bt_puce
{
    background: #94947b url("/img/header/elements/fleche.gif") no-repeat 83px 11px;
	width: 96px;
	text-align: left;
	padding-left: 2px;
}

#menu .bt_puce:hover, #menu .bt_puce:focus
{
    background: #e4e3bd url("/img/header/elements/fleche_hover.gif") no-repeat 83px 11px;
    width: 96px;
    text-align: left;
	color: #94947b;
}

.resultat
{
    background: #94947b url("/img/header/elements/fleche.gif") no-repeat 73px 11px;
	width: 81px;
	text-align: left;
	padding-left: 14px;
}

#menu .resultat:hover, #menu .resultat:focus
{
    background: #e4e3bd url("/img/header/elements/fleche_hover.gif") no-repeat 73px 11px;
    width: 81px;
    text-align: left;
	color: #94947b;
}

.photo
{
    background: #94947b url("/img/header/elements/fleche.gif") no-repeat 74px 11px;
	width: 83px;
	text-align: left;
	padding-left: 11px;
}

#menu .photo:hover, #menu .photo:focus
{
    background: #e4e3bd url("/img/header/elements/fleche_hover.gif") no-repeat 74px 11px;;
    width: 83px;
    text-align: left;
	color: #94947b;
}

.inter
{
    background: #271f63 url("/img/header/elements/fleche_mauve.gif") no-repeat 84px 11px;
	width: 92px;
    padding-left: 5px;	
}

.services
{
    background: #271f63 url("/img/header/elements/fleche_mauve.gif") no-repeat 60px 11px;
	width: 71px;
    padding-left: 7px;	
}

.journal
{
    background: #271f63 url("/img/header/elements/fleche_mauve.gif") no-repeat 54px 11px;
	width: 71px;
    padding-left: 7px;	
}
/* ----------------------------------------------------------------------------*/
  /* -------------------------------------------------------------------------------------------------->>> 3. Bloc communauté <<<-----------*/
/* ----------------------------------------------------------*/

#communaute {
	background: #ee7f00 url(../images/elements/bg-bloc-com-bottom-300.gif) no-repeat bottom left;
	margin: 10px 0;
	float:left;
}
#communaute #communaute_top {
	background: #ee7f00 url(../images/elements/bg-bloc-com-top-300.gif) no-repeat 0 0;
	padding: 5px 10px 0 10px;
	float:left;
	width:302px;
}
#communaute h2 {
	color: white;
	font-size:1.2em;
}
#communaute #communaute_middle h2 {
	font-weight: 900;
}
#communaute h2 span {
	color: #002564;
	font-weight: 900;
}
#communaute #communaute_middle {
	padding: 0 10px 10px 10px;
	color: white;
	float:left;
	width:302px;
}
#communaute #communaute_middle a {color: white;}
#communaute #communaute_middle ul li{
	background: transparent url(../images/elements/min-arrow.gif) no-repeat center left;
	padding-left: 10px;
}
#communaute  #connexion {
	border-top: 1px solid #e75802;
}
#communaute  #connexion p {
	border-top: 1px solid #f3940a;
	padding: 5px 10px 5px 10px;
	color: white;
	font-weight: 900;
	font-size: 1.3em;
}
#communaute  #connexion form {
	padding: 0 10px;
}
#communaute  #connexion form input{
	width: 154px;
	border: 1px solid #e75802;
	padding: 2px;
}
#communaute  #connexion form #submit-connexion {
	border: 0;
	background: white;
	font-family: Tahoma, sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	float: right;
	width: auto;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
}
#communaute  #connexion form label {
	display: block;
	font-weight: 900;
	color: white;
}
#communaute  #connexion #mdp-oublie {
	padding: 5px 10px 0 10px;
	color: white;
	clear: both;
}
#communaute  #connexion #mdp-oublie a {
	color: white;
	text-decoration: underline;
	font-size: .9em;
}
#communaute .btn_inscription {
	background: transparent url(../images/elements/bt_inscription.gif) no-repeat 0 0;
	display: block;
	margin: 5px auto;
	width: 120px;
	height: 40px;
	text-indent: -5000em;
}
	#communaute #communaute_middle ul.deux_colonne{
		float:left;
		width:49%;
		list-style: none none;
		margin: 0; 
		padding: 0;
	}
	#communaute #communaute_middle ul.deux_colonne li{
		/*
		font-weight:normal;
		background: transparent url(../images/elements/puce_kaki.gif) no-repeat 0 4px;
		padding-left:9px;
		*/
		font-size:0.8em;
	}
	#communaute #communaute_middle ul.deux_colonne li.rose{
		margin:0 0 9px 10px;
	}
	#communaute #communaute_middle ul.deux_colonne li a{
		/*color:#000;*/
	}
	#communaute #communaute_middle ul.deux_colonne li a:hover{
		/*color:#CC3467;
		text-decoration:none;*/
	}
	#communaute #communaute_bottom {
		float:left;
		height:6px;
		overflow:hidden;
		width:302px;
	}