/* -------------------- COLORS --------------------- */

.ColorBlanc				{color:#FFFFFF}
.ColorNoir				{color:#000000}
.ColorGris				{color:#666666}
.ColorBleu				{color:#003399}
.ColorBleu2				{color:#1BB7FF}




/* ------------------------------------------------------ */
/*                        COMMUN                          */
/* ------------------------------------------------------ */


html, body {			background-color:#FFFFFF;
						border: none;
						font-family: arial, verdana, helvetica, sans-serif;
						font-style: normal;
						font-size: 12px;
						}
						

#page {					width: 600px;
						margin-left: auto; 
       					margin-right: auto;
       					}

#corps {				margin: 20px 20px 20px 20px; 
       					}

a {						border-style: none;
						}
						


/* ------------------------------------------------------ */
/*                        TETIERE                         */
/* ------------------------------------------------------ */
#tetiere {				background: #000000 url("../IMG/tetiere.png") no-repeat;
						height: 149px;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						padding-right: 0px;
						padding-bottom: 0px;
						padding-left: 0px;
						}



/* ------------------------------------------------------ */
/*                       CONTENU                          */
/* ------------------------------------------------------ */


.paragraphe {			margin: 0;
						padding: 0;
						vertical-align:top;
						
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						color: #000000;
						}
						
						
						
						
.titre {				margin: 0 0 10px 0;

						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 21px;
						color: #0385B0;
						
						border-bottom-color: #0385B0;
						border-bottom: 4px solid;
						}

.formulaire {			margin: 0 0 10px 0;

						width: 60%;						
						}
						
#alpha {				margin: 10px 0 10px 0;
						padding: 0;
						vertical-align:top;
						}
						

#liste_doc {			margin: 0;
						padding: 0;
						vertical-align:top;
						}
						
						
.lettre {				margin: 0 0 10px 0;
						padding: 0;
						
						width: 25px;
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 14px;
						color: #0097c4;
						text-align: center;

						font-weight: bold;
						
						border: 1px solid #0097c4;


						}
						
.nom {					height: 20px;
						
						margin: 0 0 0 40px;
						padding: 2px 0 0 20px;
						
						font-family: arial, verdana, helvetica, sans-serif;
						font-size: 12px;
						color: #000000;
						text-align: left;

						font-weight: normal;
						}
						
.pdf {					background: url("../images/picto_pdf.png") no-repeat;
						}
												
.xls {					background: url("../images/picto_xls.png") no-repeat;
						}
												
						

.lien_doc {				font-family: arial, verdana, helvetica, sans-serif;
						font-style: normal;
						font-size: 12px;
						color:#333333;
						letter-spacing: 0px;
						text-decoration: none;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 0px;
						padding-top: 0px;
						}

.lien_doc:hover {		text-decoration: underline;
						}




/* ------------------------------------------------------ */
/*                      SEPARATEUR                        */
/* ------------------------------------------------------ */
.ligne_bleu {			background: url("../images/ligne_bleu.png") repeat-x;
						height: 10px;
						margin: 10px 0 10px 0;
						padding: 0;
						}
						
.ligne_bleu_fin {		background: url("../images/ligne_bleu_fin.png") repeat-x;
						height: 10px;
						margin: 10px 0 10px 0;
						padding: 0;
						}
						


/* ------------------------------------------------------ */
/*                      DIVERS                            */
/* ------------------------------------------------------ */
div.floatBreak
{
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}