@charset "utf-8";
/* CSS Document */

body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
		/*background-image:url(../images/fond.png);
		background-repeat:repeat-x;*/
		background-color:#0d0f49;
    	color: #fff;
    }
	h1 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#5cabb7;
	line-height:20px;
	color:#FFFFFF;
	margin:0px;
	padding-left:5%;
	}
		h2 {
		clear:both;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	margin-left:5%;
	margin-top:30px;
	margin-bottom:40px;
	}
			h3 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:5%;
	margin-bottom:20px;
	}
	p {
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;
padding-top:-1px;
	}
	#container-index {
    	width: 990px;  /* ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		border-left:1px #f39400 solid;
		border-right:1px #f39400 solid;
		background-image:url(../images/fond-index-total.png)
		}
 #container {
    	width: 990px;  /* ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		border-left:1px #7ab030 solid;
		border-right:1px #7ab030 solid;
  }
  #page {
/*  height:435px;*/
  padding:0px;
     /*overflow:auto;*/
  }
    #page-index {
  margin-top:10px;
  padding:0px;
  }
	#header {
		height: 84px;
		 background: #0d0f49; 

    }
	#preheader {
    	background: #f39400; 
    	height: 27px;
		border-bottom: 2px #FFFFFF solid;
    }
	#logo{
	padding-left:5%;
	}
	#btn-neovent {
	display:block;
	position:relative;
	top:-45px;
	margin-left:80%;
	}
	#btn-home {
	float:left;
	padding-left:5%;
	width:218px;
	margin-bottom:15px;
	margin-right:60px;
	margin-top:5px;
	}
	
#player-index{
width:410px;
height:318;
margin-left:56%;
margin-bottom:60px;
}
	#txt-rond {
	width:230px;
	height:173px;
	float:left;
	margin-top:0px;

		/* background-image:url(../images/fond-rond.jpg);*/
		background-image:url(../images/fond-rond.jpg);
/*background-position:center center;*/
  background-repeat:no-repeat;
  background-attachment:scroll;
	}
	#txt-rond p {		
margin-top:5px;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	}
	
	
	#txt {
	clear:both;
	margin-top:55px;
	margin-left:5%;
	margin-bottom:30px;
	}
#txt p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
	#menu1 {
	clear:both;
	text-align:center;
	background-color:#f39400;
	height:20px;
	}
	#menu2 {
	text-align:center;
	background-color:#5cabb7;
	height:20px;
	}

#btn-moments-index {
margin-top:20px;
float:left;
width:100%;
}
#btn-moments {
clear:both;
float:left;
display:block;
width:225px;
margin-left:5%;
}
	#player {
	float:right;
	margin-right:5%;
	margin-bottom:30px;
	}
	#txtright {
	margin-top:-188px;
	float:right;
	width:250px;
	color:#000000;
	}
#btn-rub {
float:left;
width:665px;
margin-left:5%;
margin-bottom:30px;
}
#btn1 {
float:left;
margin-right:10px;
}
#btn-page {
margin-left:0px;
margin-top:20px;
bottom:0px;
}
#marge {
margin-left:5%;
}
#top {
top:0px;
margin:0px;
}
#gauche {
float:left;
width:350px;
margin-left:5%;
}
#droite {
float:right;
margin-right:10px;
}