/*******************************************************************************************************************************

BALISES GENERALES

********************************************************************************************************************************/

body
{
	background-image:url(../img/motif.gif);
	background-repeat:repeat;
	text-align:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
}

strong
{
	font-size:11px;
	font-weight:bold;
}

a
{
	text-decoration:none;
	color:#0f417e;
}

a:hover
{
	text-decoration:underline;
	color:#0f417e;
}

form
{
	margin-top:16px;
	margin-left:27px;
	width:333px;
	background-color:#f1f1f1;
}

form p
{
	font-weight:bold;
	margin-bottom:5px;
}


/*******************************************************************************************************************************

CLASSES GENERALES

********************************************************************************************************************************/

.architecte
{
	clear:both;
}

.obligatoire
{
	font-weight:normal;
	font-size:11px;
	color:#ff0000;
}


/*******************************************************************************************************************************

BLOC D'ERREUR

********************************************************************************************************************************/

#form_erreur
{
	display:none;
	background-image:url(../img/erreur.gif);
	width:332px;
	height:55px;
	margin-top:16px;
	margin-left:25px;
}

#erreur_texte
{
	color:#FF0000;
	margin-left:10px;
	padding-top:30px;
}

/********************************************************************************************************************************

CONTENEUR PRINCIPAL

********************************************************************************************************************************/

#principal
{
	
	background-color:#de408d;
	padding:0;
	margin:0;
	position:absolute;
	left:50%;
	width:718px;
	margin-left:-370px;
	margin-top:10px;
	text-align:justify;
}

/********************************************************************************************************************************

HEADER

********************************************************************************************************************************/

#header
{
	margin-left:46px;
	width:672px;
	height:465px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	background-color:#de408d;
}

/********************************************************************************************************************************

CONTENU

********************************************************************************************************************************/

#contenu
{
	background-color:#de408d;
	width:672px;
	margin-left:46px;
}

#fond_blanc
{
	background-color:#f1f1f1;
	width:648px;
	margin-left:7px;
}

#post_jaune
{
	position:absolute;
	width:241px;
	height:198px;
	/*top:380px;*/
	top:330px;
	left:435px;
	background-image:url(../img/post_jaune.gif);
	background-repeat:no-repeat;
}

#explication
{
	width:332px;
	/*
	padding-top:16px;
	padding-left:25px;
	*/
	position:absolute;
	top:250px;
	left:75px;
}

#explication p
{
	padding-top:19px;
}

#explication li
{
	padding-top:10px;
}

#signez
{
	width:332px;
	height:19px;
	background-image:url(../img/signez.jpg);
	background-repeat:no-repeat;
}

#formulaire
{
	margin-left:25px;
	width:333px;
	height:19px;
	background-image:url(../img/formulaire.jpg);
	background-repeat:no-repeat;
	background-color:#f1f1f1;
}

#bouton
{
	position:relative;
	bottom:25px;
	left:270px;
	width:60px;
	height:21px;
}


/********************************************************************************************************************************

FOOTER

********************************************************************************************************************************/

#footer
{
	background-color:#de408d;
	width:672px;
	height:25px;
	margin-left:46px;

}

#footer a
{
	display:block;
	padding-left:8px;
	padding-top:6px;
	color:#FFFFFF;

}


/********************************************************************************************************************************

RETOUR FORMULAIRE

********************************************************************************************************************************/

#retourOK
{
	display:none;
	background-image:url(../img/signature_envoyee.gif);
	background-repeat:no-repeat;
	width:241px;
	height:111px;
	position:absolute;
	top:590px;
	left:435px;
}

#retourOK p
{
	margin-left:10px;
	margin-top:30px;
	width:220px;
}

#retourKO
{
	display:none;
	background-image:url(../img/signature_non_validee.gif);
	background-repeat:no-repeat;
	width:241px;
	height:111px;
	position:absolute;
	top:590px;
	left:435px;
}

#retourKO p
{
	margin-left:10px;
	margin-top:30px;
	width:220px;
}