/**************** COMMUN ****************/
*
{
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Sans-serif;
}

body
{

	font-size: 0.8em;
	text-align: left;
	background-color: #111d21;
	color: #111d21;
	margin: 0;
}

#page 
{
	margin: auto;
	width: 930px;
}

a 
{
	color: #525155;
	text-decoration: none;
}
a:hover 
	{text-decoration: underline;}

		/**************** CONTENEURS DE BASE ****************/

#header /* En-tête */
{
	width: 930px;
	height: 130px;
	padding: 0 0 10px 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-color:#111d21;
	background-image: url('images/ligne1.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

#content /* Cadre du contenu */
{
	width: 600px;
	height: 350px;
	padding: 0;
	margin: auto;
	border: 1px solid #b0aea2;
	background-repeat: repeat-x;
	background-color: #fff;
}

#contentNOSCRIPT /* Cadre du contenu si JS est désactivé */
{
	width: 550px;
	height: 300px;
	padding: 25px;
	margin: auto;
	border: 1px solid #b0aea2;
	background-repeat: repeat-x;
	background-color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

#footer /* Pied-de-page */
{
	width: 930px;
	padding: 5px;
	margin: auto;
	margin-top: 30px;
	font-size: 1em;
	text-align: center;
	clear: both;
	background-color: #111d21;
	/*background-image: url('images/ligne1.png');
	background-repeat: no-repeat;
	background-position: top;*/
}

		/**************** ÉLÉMENTS CONTENUS ****************/

	/***** EN-TETE *****/
#HeaderLogoGauche /* Logo de l'en-tête */
{
	float: left;
	border: 0px solid;
	margin: 15px 0 0 35px;
}

#HeaderCadreLogosDroite /* Cadre contenant les logos à droite de l'en-tête */
{
	float: right;
	border: 0px solid;
	margin: 10px 30px 0 0;
}

#HeaderCadreLogosDroite img /* Logos à droite de l'en-tête */
{
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 2px;
}

#HeaderTitreIMG /* Titre de l'en-tête (image) */
{
	float: left;
	margin: 23px 0 -22px 15.5%;
	padding: 0 0 0 0;
	border: 0px solid;
	display: none; /* Pour animation jQuery */
}

#header a /* Lien du titre de l'en-tête */
	{text-decoration: none;}

	/***** CONTENU *****/
#content .intro /* Texte d'intro */
{
	display: block;
	margin-top: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 1.2em;
}

#content p /* Textes */
{
	display: inline;
	line-height: 30px;
}

#content form /* Formulaire */
{
	display: block;
	width: 450px;
	/*margin-top: 30px;*/
	margin-top: 90px;
	text-align: right;
}

#content select, #content input, #content checkbox /* Elements du formulaire */
{
	border: 1px solid #111d21;
	background-color: transparent;
}

#content select:focus, #content input:focus, #content checkbox:focus /* Focus des éléments du formulaire */
{
	background-color: #d9ee40;
}

#content .FormBouton /* Bouton envoyer */
{ 
	padding: 2px 5px 2px 5px; 
	margin-top: 20px;
	font-weight: bold;
	background-color: #d9ee40;
}

#content .FormBouton:hover /* Survol du bouton envoyer */
{ 
	background-color: #111d21;
	color: #d9ee40;
}

#MsgsBox /* Boîte des messages */
{
	display: block;
	margin-top: 20px;
	text-align: center;
	color: red;
	font-weight: bold;
	
}

.introNOSCRIPT /* Question si JS désactivé */
	{ margin-top: 50px; }

#contentNOSCRIPT span /* Réponses si JS désactivé */
{
	display: inline-block;
	margin: 30px 15px 0 15px;
	font-style: italic;
}

.avertissementNOSCRIPT /* Avertissement si JS désactivé */
{
	border-top: 2px solid black;
	margin-top: 30px;
	padding-top: 30px;
	color: red;
	font-size: 12px;
	font-weight: bold;
}

	/***** PIED DE PAGE *****/
#FooterText /* Texte du pied de page */
{
	display: inline-block;
	width: 550px;
	text-align: center;
	font-size: 1em;
	color: #fff;
}

#footer a /* Liens du pied de page */
	{color: #d9ee40;}