html , BODY
	{
	
	/*Dimension*/
	margin:0 auto;
	text-align:center;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	/*Background*/

	
	/*border*/


	/*Police et couleur text*/

	
	}
	a{
	color:#0fafcf;
	text-decoration:none;
}
a:hover{
	color:#000;
}
	
	/*/////////////////////////////////////
		    Le Header
/////////////////////////////////////*/
#top{
	background:url(../theme/top.png) no-repeat transparent top center;
	margin:50px 0 40px 0;
	height:50px;
	font-size:24px;
	line-height:55px;
	color:#FFF;
	text-align:center;
}
#top .petit{
	font-size:14px;
}
	/*------------------------------------------------------------------------------*/
/* MENU ET SES SOUS ENSEMBLES												 	*/
/*																				*/
/*																				*/
/*------------------------------------------------------------------------------*/
#menu, #menu ul /* Liste */     
{

	/*Position*/
    margin : 0; /* ni extérieure */
	
	/*Dimension*/
	
	/*Background*/

	
	/*border*/
	padding : 0; /* pas de marge intérieure */

	/*Police et couleur text*/
    list-style : none; /* on supprime le style par défaut de la liste */
    

}


#menu /* Ensemble du menu */
{
	background:url(../theme/contenu_h.png) no-repeat bottom left;
	height:44px;
	padding-left:25px;
	/*border*/
	
}

#menu ul li /* Éléments des listes */      
{ 
	/*Position*/
	float : left; /* alignement flottant gauche */
	width:80px;
	/*Dimension*/

	
	/*Background*/

	
	/*border*/


	/*Police et couleur text*/
        
}

#menu ul ul {position: absolute; top: 170px; left: 500px; display:none}

#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {display:block;}

#menu ul.niveau2 li a /* Contenu des listes */
{
	height:32px;
	width:80px;
	font-size:14px;
	line-height:32px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#000;
	background-repeat:no-repeat;
	background-position:top left;
		
}

#menu ul.niveau2 li a#menu:hover /* Contenu des listes */
{
	
	/*Background*/
    background-image : url(../Menu/hover.png);    

}

#menu ul li a /* Contenu des listes */
{
	height:32px;
	width:80px;
	font-size:14px;
	line-height:32px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:top left;
		
}
/* Les différentes couleurs des menu */
#menu ul li a.jaune{
	background-image:url(../theme/btn_jaune.png);
}
#menu ul li a.bleu{
	background-image:url(../theme/btn_bleu.png);
}
#menu ul li a.vert{
	background-image:url(../theme/btn_vert.png);
}
#menu ul li a.rouge{
	background-image:url(../theme/btn_rouge.png);
}
#menu ul li a.marron{
	background-image:url(../theme/btn_marron.png);
}
#menu ul li a.violet{
	background-image:url(../theme/btn_violet.png);
}
#menu ul li a.cyan{
	background-image:url(../theme/btn_cyan.png);
}
#menu ul li a.rose{
	background-image:url(../theme/btn_rose.png);
}
#menu ul li a.orange{
	background-image:url(../theme/btn_orange.png);
}


#menu ul li a:hover{
	height:32px;
	width:80px;
	line-height:32px;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	background-repeat:no-repeat;
	background-position:bottom left;
}

/*/////////////////////////////////////
		    Le conteneur
/////////////////////////////////////*/
#gbl_conteneur
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#conteneur{

	width:538px;
	margin:0 auto;
	padding:0;
	}
	
/*/////////////////////////////////////
		    Le contenu
/////////////////////////////////////*/
#contenu{
		background:url(../theme/contenu.png) repeat-y right;
		padding:0 20px;
		-height:1%;
	/height:1%;
	text-align:left;
}



.status
{  
	border: hidden; 
	border: 0;
	width:90%;
	background-color:white;
}
#index_connexion
{
	width:168px;
		height:21px;
		display:block;
		margin-top:0;
		margin-left:20px;
		font-size:12px;
		text-align:center;
		float:right;		
		background: url("../theme/background_connexion.jpg") no-repeat;
}
#index_connexion a
{
	color:#ffffff;
}
#index_connexion a:hover
{
	color:#000;
}
#index_connexion_ok
{
		width:500px;
		height:52px;
		padding-top:2px;
		display:block;
		margin-top:0;
		margin-left:20px;
		font-size:12px;
		text-align:center;
		float:right;		
		background: url("../theme/background_connexion_ok.jpg") no-repeat;
}
#conn_picture
{
	width:50px;
	height:50px;
	float:left;
	display:block;
}
#conn_text
{
	width: 450px;
	height:50px;
	float:left;
	display:block;	
}
/*/////////////////////////////////////
		    fenetre Connexion
/////////////////////////////////////*/

#fnt_connexion
{
	background:url("../theme/connexion/bkg_gbl_connexion.png") repeat-x scroll 0 0 transparent;
	height:100%;
	margin:-50px 0 0;
	padding:0;
	position:fixed;
	width:100%;
}

#conteneur_connexion
{
		width:400px;
		height:300px;
		margin:0 auto;
		margin-top:40px;
		font-size:12px;
		text-align:left;
		background: url("../theme/connexion/bkg_connexion.png") no-repeat;
}
#contenu_connexion
{
	width:380px;
	height:200px;
	margin-top:80px;
	margin-left:20px;
	float:left;
	display:block;
}
/*/////////////////////////////////////
		    fenetre inscription
/////////////////////////////////////*/
#head_inscr
{
		width:400px;
		height:65px;	
		float:left;
		background: url("../theme/connexion/bkg_inscription_head.png") no-repeat;
}
#contenu_inscr
{
		width:380px;
		-height:1%;
		/height:1%;
		padding-left:20px;
		float:left;
		background: url("../theme/connexion/bkg_inscription_contenu.png") repeat-y;
}
#footer_inscr
{
		width:400px;
		height:50px;	
		display:block;
		float:left;
		background: url("../theme/connexion/bkg_inscription_footer.png") no-repeat;
}
#fnt_inscription
{
	width:100%;
	height:100%;
	position: absolute;
	margin:0;
	padding:0;
	background: url("../theme/connexion/bkg_gbl_connexion.png") repeat-x;
}

#conteneur_inscription
{
		width:400px;
		margin:0 auto;
		margin-top:40px;
		font-size:12px;
		text-align:left;
}
#txt_insrc
{
	width:50px;
	height:200px;
	float:left;
	text-align:right;
	display:block;
}
#error_insrc
{
	width:300px;
	height:200px;
	float:left;
	color:red;
	display:block;
}
/*/////////////////////////////////////
		    fenetre commentaire
/////////////////////////////////////*/
#fnt_com
{
	width:100%;
	height:100%;
	position: absolute;
	margin:0;
	padding:0;
	background: url("../theme/connexion/bkg_gbl_connexion.png") repeat-x;
}
#conteneur_com
{
		width:500px;
		margin:0 auto;
		margin-top:40px;
		font-size:12px;
		text-align:left;
}
#head_com
{
		width:500px;
		height:30px;	
		float:left;
		background: url("../theme/commentaire/top_com.png") no-repeat;
}
#contenu_com
{
		width:500px;
		-height:1%;
		/height:1%;
		float:left;
		background: url("../theme/commentaire/contenu_com.png") repeat-y;
}
#footer_com
{
		width:500px;
		height:30px;	
		display:block;
		float:left;
		background: url("../theme/commentaire/bottom_com.png") no-repeat;
}

#txt_com
{
	width:50px;
	height:200px;
	float:left;
	text-align:right;
	display:block;
}
#error_com
{
	width:300px;
	height:200px;
	float:left;
	color:red;
	display:block;
}
/*/////////////////////////////////////
		    Le footer
/////////////////////////////////////*/
#bas{
	margin:0 auto;
	padding:0 20px ;
	text-align:center;
	background:url(../theme/bas.png) no-repeat;
	width:517px;
	height:25px;
	color:#FFF;
	line-height:25px;
}
#bas a{
	font-weight:bold;
	color:#CCC;
}
#bas a:hover{
	font-weight:bold;
	color:#FFF;
}