/* SITE Modification de la hauteur et de la largeur *****************************************/

#conteneurGlobal {
	width:800px; /* largeur maxi du site page + connexion */
}

#conteneurPage {
	float:left;
	width:550px; /* largeur de la page */
	background:url(../images/img_fd/fd_petit.gif) top right repeat-y;
}

#menuCredits {
	margin-left: 70px;
}

#conteneurModules{
	float:left;
	/*width:195px; */
}
/* CONNEXION *********************************************************************************************************/

#conteneurConnexion{
	/*float:left;*/
	margin-top:52px;
	padding-top:33px;
	padding-left:25px;
	width:185px;
	height:107px;
	background:url(../images/img_fd/connexion.gif) top left no-repeat;
}

#conteneurConnexion input{
	width:110px;
	height:14px;
	margin-top: 5px;
}

#conteneurConnexion #boutonOk {
	width: 42px;
	height: 28px;
	margin: 12px 15px 0 0;
}

#mdpOublie{
	width:170px;
	margin-top:5px;
	text-align:right
}

/* Train d'union ***************************************************************************************************/

#traindunion {
	text-align:center;
	margin-top: 20px;
}

#traindunion p {
	margin: 0 0 3px 0;
	font-size: 0.95em;
}

#traindunion a {
	border: 0;
}
/* BOUTONS *********************************************************************************************************/

#boutons {
	height: 90px;
}

#decouverte, #inscription, #faire_decouvrir {
	float:left;
	width:177px;
	height:44px;
	background: url(../images/btn/btn_gros_on.jpg) top left no-repeat;
}

#inscription{
	margin-left:50px;
}

#faire_decouvrir {
	margin-left: 60px;
	margin-top: 10px;
	clear: both;
}

html>body #faire_decouvrir {
	margin-left: 120px;
}

#decouverte a, #inscription a, #faire_decouvrir a {
	background: white url(../images/btn/btn_gros.jpg) top left no-repeat;	/* placement de l'image 1 au premier plan */
	color: #FFF;
	border:none;
	font-size: 1.95em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 42px;
	text-align: center;
	letter-spacing: 0.05em;
	display: block;
	width: 100%;
	height: 100%;
}


#decouverte a:hover, #inscription a:hover, #faire_decouvrir a:hover {	/* masquage de l'image au survol */
	background: transparent none;
	text-decoration: none;
	font-weight: normal;
	
} 

html>body #decouverte a:hover, html>body #inscription a:hover, html>body #faire_decouvrir a:hover {
	line-height: 48px;
}

#stats {
	background-image:url(../images/img_fd/chart_bar.png);
	background-repeat: no-repeat;
	background-position: 4% 50%;
	padding: 2px 2px 2px 25px;
	color: #bf433a;
	border: 1px dashed;
	float: right;
	width: 10em;
	margin: 0 15px 0 0;
	display: inline;
}

#stats span {
	background-color: #bf433a;
	color: #FFF;
	font-weight: bold;
	padding: 0 0.2em;
}