/* ****************************************** STRUCTURE DU SITE *********************************************/

/*************************************************ENTETE **************************************************/

#conteneur{
	width : 960px;
	margin: 0 auto;
}

#header{
  width: 960px;
  height : 188px;
  background : url(images/header-bg.png) scroll no-repeat bottom left;
}

#flash{
	width: 960px;
}

/*************************************************MENU**************************************************/

#menuwrapper{
  position: relative;
  width: 960px;
  height: 43px;
  background : url(images/menu-bg-forum.png) scroll no-repeat 0 0;
  text-align:left;
  font-size:12px;
  z-index: 99;
  clear: both;
}

#videoswrapper{
  position: relative;
  width: 960px;
  padding:10px;
  clear: both;
}

#imgrotator{
  position: relative;
  z-index:7;
}

#menu{
  position: absolute;
  margin-top:-67px;
  top : 34px;
  left: 25px;
  width: 636px;
  height: 24px;
  text-align:left;
  margin-left:299px;
  font-size:12px;
  z-index: 1;
  clear: both;
}

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

#menu ul li {
  list-style: none;
}

#menu ul li a {
  float: left;
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #cc0c0c;
}

#menu ul.horizontal li.level1 {
  float: left;
  height: 25px;
  width:106px

}

#menu ul.horizontal li.level1:hover {
  background:url(images/menu-li-off.png) no-repeat;
}

#menu ul.horizontal li.level1 a {
  padding-top: 3px;
  font: bold 15px arial;
  font-variant: small-caps;
  color: #cc0c0c;
}

#menu ul.horizontal li.level1 a:hover {
  color: #263e61;
}


#menu ul.horizontal > li.level1 a {
  width: auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu ul li a { float:none; }
/* End IE5-Mac hack */

#menu ul.dropdown,
#menu ul.flyout {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  width: 190px;
  background:url(images/bgmenu.jpg) repeat-x;
  border-left: 0px solid #bcbcbc;  
  border-top: 0px;
  border-right: 0px solid #bcbcbc; 
  border-bottom: 1px solid #dc813a;
  padding-bottom:5px; 
  margin-top:3px;
  padding-left:1px;
}

#menu ul.dropdown li.level2,
#menu ul.flyout li.level3 {
}

#menu ul.dropdown li.level2 a,
#menu ul.flyout li.level3 a {
  color:#000;
  width: 165px;
  font-size: 12px;
  height: 14px;
  padding: 2px 0 2px 4px;
  font-weight: normal;
  margin-left : 2px;
  background-image: none;
  font-variant: normal;
}

#menu ul.dropdown li.level2 a:hover,
#menu ul.flyout li.level3 a:hover {
  width: 180px;
  color:#808080;
  background-color: #efefef;
  padding: 2px 0 2px 4px;
  margin-left : 2px;
  background-image : none;
}

#menu ul.horizontal a#accueil {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-accueil-off.png) no-repeat;
}

#menu ul.horizontal a#accueil:hover, #menu ul.horizontal a#accueil_over {
  background:url(images/menu-accueil-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#charte {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-charte-off.png) no-repeat;
}

#menu ul.horizontal a#charte:hover, #menu ul.horizontal a#charte_over {
  background:url(images/menu-charte-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#forum {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-forum-off.png) no-repeat;
}

#menu ul.horizontal a#forum:hover, #menu ul.horizontal a#forum_over {
  background:url(images/menu-forum-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#seformer {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-seformer-off.png) no-repeat;
}

#menu ul.horizontal a#seformer:hover, #menu ul.horizontal a#seformer_over {
  background:url(images/menu-seformer-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#media {
  display: block;
  width: 106px;
  text-indent: -9999px;
  height:25px;
  background:url(images/menu-mediatheque-off.png) no-repeat;
}

#menu ul.horizontal a#media:hover, #menu ul.horizontal a#media_over {
  background:url(images/menu-mediatheque-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#menu ul.horizontal a#boutique {
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
  background:url(images/menu-boutique-off.png) no-repeat;
}

#menu ul.horizontal a#boutique:hover, #menu ul.horizontal a#boutique_over {
  background:url(images/menu-boutique-on.png) no-repeat;
  display: block;
  width: 106px;
  height:25px;
  text-indent: -9999px;
}

#secondarynav {
	float:right;
	font: 11px arial;
	width: 300px;
	padding-right:10px;
	margin-top:-10px;
	text-align:right;
}

#secondarynav #imgFede{
	position : relative;
	top: 9px;
	left: -6px;
}

#prechargement {
	display: none;
}


/*************************************************BOTTOM*****************************************************/

#bottom1 {
	width : 960px;
	height:58px;
	background:url(images/bg_footer.png) no-repeat top left;
	text-align: center;
	padding-top:41px;
	color: #fff;
}

#bottom1  a{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #00758c;
}

#bottom1  a:hover{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:underline;
}

#bottom1  p{
	font: 10px/16px Arial, Helvetica, sans-serif;
	color: #fff;