@charset "utf-8";
/* ------------------------------- Divers ------------------------------- */
*{ margin:0; padding:0; border:none }

body
{
	background:#37b4f9 url(../images/bg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

a { color:#587711; text-decoration:none; }

textarea, select, input{
font-family: Verdana, Arial, Sans-serif;
background-color: #FFFFFF;
border:1px solid #587711;
color:#000;
margin:2px;
padding:1px;
}

.orange a { color:#ff6c09; }
.orange textarea, .orange select, .orange input{
border:1px solid #ff6c09;
}

.vert a { color:#9dc011; }
.vert textarea, .vert select, .vert input{
border:1px solid #9dc011;
}

.bleu a { color:#008edb;}
.bleu textarea, .bleu select, .bleu input{
border:1px solid #008edb;
}


.gris a { color:#b2b2b2; }
.gris textarea, .gris select, .gris input{
border:1px solid #b2b2b2;
}



#page
{
	margin:auto;
	width:983px;
	background: url(../images/bg-content.png) repeat-y;
}

.font-size_small { font-size:11px; }
.font-size_normal { font-size:12px; }
.font-size_large { font-size:13px; }


/* ------------------------------- Header ------------------------------- */
#page #header
{
	margin:auto;
	width:971px;
	height:117px;
	background: url(../images/bg-header.png) no-repeat;
	position:relative;
}

#page #header .header-titre
{
	position:absolute;
	top:0px;
	left:1px;
}

#page #header .header-typo
{
	position:absolute;
	bottom:4px;
	right:4px;
	width:50px;
	font-size:11px;
}


/* ------------------------------- Navigation ------------------------------- */
#page #nav
{
	margin-top:1px;
	width:983px;
	height:40px;
	background: url(../images/bg-nav.png) repeat-x;
	font-size:11px;
}

#page #nav ul
{
	list-style:none;
	padding-top:13px;
	padding-left:4px;
}

#page #nav ul li
{
	display:inline;
	margin-right:7px;
}


/* ------------------------------- Barre sous la navigation ------------------------------- */
#page #barre-sous_nav
{
	margin:auto;
	width:973px;
	height:32px;
	background:url(../images/bg-sous-nav.png) no-repeat;
}

#page #barre-sous_nav .date-heure
{
	float:left;
	margin-top:10px;
	margin-left:5px;
}

#page #barre-sous_nav .date-heure img { vertical-align:top; }

#page #barre-sous_nav .login
{
	float:right;
	margin-right:10px;
	margin-top:5px;
}

#page #barre-sous_nav .login .login-pseudo
{
	display:block;
	background:url(../images/login-input_pseudo.png) no-repeat;
	height:21px;
	width:116px;
}

#page #barre-sous_nav .login .login-pass
{
	display:block;
	background:url(../images/login-input_pass.png) no-repeat;
	height:21px;
	width:116px;
}

#page #barre-sous_nav .login input
{
	background:none;
	border:none;
	width:95px;
	margin-right:1px;
	margin-top:3px;
	margin-left:18px;
	height:15px;
}


/* ------------------------------- Contenu ------------------------------- */
#page #content
{
	margin:auto;
	width:970px;
	min-height:420px;
	overflow:hidden;
	padding-top:5px;
}

#page #content #bloc_gdc
{
	float:left;
	width:437px;
	overflow:hidden;
}

#page #content #bloc_gdc .bloc_gauche
{
	float:left;
	width:217px;
	overflow:hidden;
}

#page #content #bloc_gdc .bloc_droit
{
	float:right;
	width:217px;
	overflow:hidden;
}

#page #content .module
{
	float:right;
	width:530px;
}

/* ------------------------------- Footer ------------------------------- */
#footer
{
	width:100%;
	height:277px;
	background:url(../images/bg-footer.png) repeat-x;
	font-size:11px;
}

#footer .content-footer
{
	margin:auto;
	padding-top:6px;
	width:983px;
	background:url(../images/bg-footer-jonction-content.png) no-repeat top;
}

#footer .content-footer .copyright
{
	margin-top:15px;
	width:100%;
	overflow:hidden;
}

#footer .content-footer .copyright .validator
{
	float:left;
	margin-top:8px;
	margin-left:8px;
}

#footer .content-footer .copyright .corypright-texte
{
	float:right;
	color:#FFF;
	text-align:right
}