@charset "UTF-8";
/* CSS Document */

html,body{
	margin:0;
	padding:0
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #000000;
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body{
	font: 80% arial,sans-serif;
	text-align:center
}

p{
	margin:0 15px 10px
}

a{

}

div#header{
	position:relative;

}

div#header h1{
	height:60px;
	line-height:60px;
	margin:0;
	padding-left:245px;
	background: #E20025;
	color: #000;
	text-align:center;
	/*text-decoration:blink;*/
	font-style:italic;
}

div#header a{
	position:absolute;
	right:0;
	top:23px
}

div#container{
	text-align:left
}

div#content h2{
	font-size:1.5em;
	line-height:1.5em;
	margin-left:15px;
	color:#E20025;
	font-style:italic;
}

div#content p{
	line-height:1.4
}

div#navigation{
	/*background:#FFF*/
}

div#extra{
	background:#FF8539
}

div#footer{
	background: #E20025;
	color: #000
}

div#footer p{
	margin:0;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
}

div#footer a:active{
	display:inline;
	padding:0;
	text-decoration:none;
}

div#footer a:visited{
	display:inline;
	padding:0;
	text-decoration:none;
	font-color:#000;
}

div#footer a:hover{
	display:inline;
	padding:0;
	text-decoration:none;
	font-color:#000;
}


div#container{
	width:960px;
	margin:0 auto;
	/*background-color:#FFF;*/
	margin-top:15px;
}

div#content{
	float:right;
	width:710px;
	background-color:#FFF;
	padding-top:15px;
}

div#navigation{
	padding-top:15px;
	float:left;
	width:245px;
	margin:0;
}

div#navigation .Autres  {
	background-color:#A4A4A4;
	color:#FDFDFD;
	padding:5px;
	margin:0 10px 10px 0;
}

div#navigation .Autres a, a:visited  {
	text-transform:uppercase;
	color:#FDFDFD;
	font-weight:bold;
	text-decoration:none;
	
}

div#navigation .Autres a:hover  {
	text-transform:uppercase;
	color:#E20025;
	font-weight:bold;
	text-decoration:none;
	
}

div#navigation .Site  {
	background-color:#333;
	color:#FDFDFD;
	padding:5px;
	margin:0 10px 10px 0;
}

div#navigation .Site a, a:visited  {
	text-transform:uppercase;
	color:#FDFDFD;
	font-weight:bold;
	text-decoration:none;
	
}

div#navigation .Site a:hover  {
	text-transform:uppercase;
	color:#E20025;
	font-weight:bold;
	text-decoration:none;
	
}

div#extra{
	float:left;
	clear:left;
	width:250px
}

div#footer{
	clear:both;
	width:100%;
	background-color:#E20025;
}

div#footer a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

div#footer a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
div#footer a:hover {
	text-decoration: none;
	color: #999999;
}
div#footer a:active {
	text-decoration: none;
	color: #000000;
}

#content a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#content a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#content a:hover {
	text-decoration: none;
	color: #E20025;
}
#content a:active {
	text-decoration: none;
	color: #E20025;
}

.haut_et_fort {
	color:#333333;
	font-size: 2.5em;
	line-height: 1.3em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.2em;	
	text-align:center;
	text-transform:uppercase;
	font-style:italic;
}

#bloc_statut {
	background-color:#E20025;
	color:#FDFDFD;
	padding:5px;
	margin:0 10px 10px 0;
}

#bloc_statut .titre {
	font-size:1.7em;
	font-weight:bold;
	text-transform:uppercase;
}

#bloc_signature {
	background-color:#333;
	color:#FDFDFD;
	padding:5px;
	margin:0 10px 10px 0;
}

#bloc_signature .titre {
	font-size:1.7em;
	font-weight:bold;
	text-align:center;
	margin-bottom:1em;
}

#bloc_signature .date_limite {
	font-size:1.1em;
	letter-spacing:-1px;
}

#bloc_compteur {
	background-color:#A4A4A4;
	color:#FDFDFD;
	padding:5px;
	margin:0 10px 10px 0;
}

#bloc_compteur .titre {
	font-size:1.5em;
	font-weight:bold;
	text-align:center;
}

#bloc_compteur .chiffre {
	font-size:3em;
	font-weight:bold;
	text-align:center;
}

#bloc_signataire {
	background-color:#333;
	font-color:#FFF;
	padding:5px;
	margin:0 10px 10px 0;
	font-size:1.7em;
}

#bloc_signataire a {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
}

#bloc_signataire a:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#bloc_signataire a:hover {
	text-decoration: none;
	color: #E20025;
}

#bloc_signataire a:active {
	text-decoration: none;
	color: #000000;
}

#signataires {
	border-top:dotted 1px #1B1E18 ;	
}

#signataires .signataires_index_titre {
	 color: #E20025;
	 font-size:2em;
	 font-weight:bold;
	 margin-left:10px;
	 font-style:italic;
	 padding:10px;
}

#signataires .signataires_index_lettre {
	padding:10px;
	text-align:center; 
}

#signataires a {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#signataires a:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

#signataires a:hover {
	text-decoration: none;
	color: #E20025;
}

#signataires a:active {
	text-decoration: none;
	color: #000000;
}

.separateur {
	clear:both; 
	visibility:hidden;
}

/* Formulaire */

.submit {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	border:none;
	background-color: #E20025;
	color: #000000;
	font-weight: bold;
}

.champ_off {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	background-color: #FFFFFF;
	border: 1px dotted #999999;
	background-image: url(images/coin.jpg);
	background-repeat: no-repeat;
	padding-left: 5px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.1em;
}

.champ_on {	/*** Retour � l'�tat normal apr�s l'utilisation ***/
	background-color: #E20025;
	color: #FFFFFF;
	border: 1px dotted #999999;
	padding-left: 5px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size:1.1em;
}