/*
##########################################################
	HTML BODY LINK
##########################################################
*/
html, body {
	margin: 0;
	padding: 0;
	height: 100%; /* Pour IE */
	font: 14px Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left; /* pour IE */
	background-color: #1867A2;
}
a:link { 
	color: #00FFFF;
	text-decoration: underline;
}
a:active {
	/*color: #FF7C00;*/
	text-decoration: none;
}
a:visited {
	color: #00FFFF;
	text-decoration: underline;
}
a:hover {
	color: #FF7C00;
	text-decoration: underline;
}


.lienDossier:link {
	color: #FF7C00;
	text-decoration: none;
}
.lienDossier:active {
	color: #FF7C00;
	text-decoration: none;
}
.lienDossier:visited {
	color: #FF7C00;
	text-decoration: none;
}
.lienDossier:hover {
	color: #FFFFFF;
	text-decoration: none;
}


.lienFichier:link {
	color: #FFFFFF;
	text-decoration: none;
}
.lienFichier:active {
	color: #FFFFFF;
	text-decoration: none;
}
.lienFichier:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.lienFichier:hover {
	text-decoration: underline;
}


.lienFichierPR:link {
	color: #00FFFF;
}
.lienFichierPR:active {
	color: #00FFFF;
}
.lienFichierPR:visited {
	color: #00FFFF;
	text-decoration: none;
}
.lienFichierPR:hover {
	color: #FF7C00;
	text-decoration: underline;
}

img {
	border: 0;
	vertical-align: middle;
}
/*
##########################################################
	MENU
##########################################################
*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 0px 10px;
	color: #1867A2;
}

ul.blanc {
	list-style-type: circle;
	margin: 0;
	padding: 0px 0px 0px 50px;
	color: #FFFFFF;
}

.listMenu li {
	float: left;
}

.listMenu li a{
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	height: 34px;
	display: block;
	text-align: center;
	text-decoration: none;
	font: 14px Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #1867A2;
	background-image: url(img/img_07.gif);
	background-repeat: repeat-x;
}

.listMenu a:active {
	background-image: url(img/img_07.gif);
	background-repeat: repeat-x;
}

.listMenu a:active {
	background-image: url(img/img_07.gif);
	background-repeat: repeat-x;
}

.listMenu a:hover {
	background-image: url(img/img_05.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
}

.lienMenu a {
	color: #1867A2;
}

.lienMenu:active {
	color: #1867A2;
}

.lienMenu:visited {
	color: #1867A2;
	text-decoration: none;
}

.lienMenu:hover {
	color: #FFFFFF;
}
/*
##########################################################
	BLOCS
##########################################################
*/
#entete {
	width: 100%;
	height: 160px;
	background-image: url(img/img_02.gif);
	background-repeat: repeat-x;
}

#illustationTete {
	width: 691px;
	height: 128px;
	background-image: url(img/tete.jpg);
	background-repeat: repeat-x;
}

#titreTete {
	padding-left: 10px;
	color: #FFFFFF;
	margin-top: -2px;
}
#menu {
	width: auto;
	height: 34px;
	background-image: url(img/img_07.gif);
	background-repeat: repeat-x;
}


#conteneur {
	width: 720px;
	height:auto;
	margin-left:20px;
	padding-bottom: 50px;
}

/*
##########################################################
	PAGE TEXTE Ect...
##########################################################
*/
.titreTxt {
	font: 20px Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

.SoustitreTxt {
	font: 14px Tahoma, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:underline;
}

.Txt {
	color:  #000000
}
.titreBillet_orange{
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	background-image: url(img/bg_orange.gif)
}
.titreBillet_bleu{
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	background-image: url(img/bg_bleu.gif)
}
.titreBillet_vert{
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	background-image: url(img/bg_vert.gif)
}
.titreBillet_violet{
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-top: 15px;
	background-image: url(img/bg_violet.gif)
}
/************
contact	
************/
table {
	border-collapse: collapse ;
	border-spacing: 0px;
}
table tr {
	margin: 0px;
	padding: 0px;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #999999;
	border-style: solid;
	background-color: #ffffff;
	vertical-align: top;
	text-align: left;
}
table td {
	margin: 0px;
	padding: 0px;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-bottom: 1px;
	border-color: #999999;
	border-style: solid;
	vertical-align: top;
	text-align: left;
	color: #000000;
}
td.titre{
	text-align: center;
	vertical-align: middle;
	background-color: #B5B5B5;
	color: #000000;
}
td.img{
	text-align: center;
	vertical-align: middle;
	color: #000000;

}
tr.bleuC {
	background-color: #C9E6FC;
}
tr.bleuF {
	background-color: #BCD7EC;
}
tr:hover {
	background-color: #FFFFFF;
}
.left{
	float: left;
}
.right{
	float: right;
}
.print {
	background-color: #FFFFFF;
	margin: 5px;
	padding: 10px;
}
.middle {
	vertical-align: middle;
}
/************
formulaire
************/
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	width: 675px;
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 40px;
	border: 1px solid #FFFFFF;
    -moz-border-radius: 10px;
}

#corpForm legend {	/*** Mise en forme des aides contextuelles ***/
	font-weight: bold;
}

#corpForm label{
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin-right: 5px;
	line-height: 1.8;
}
/************
base_doc
************/
.blocInfo {
	width: 720px;
	border-top: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
.blocFichier {
	float: left;
	width: 720px;
	margin-bottom:2px;
}
.iconeFichier{
	float: left;
	margin-right: 5px;
}
.refFichier {
	float: left;
	min-width: 50px;
	margin-right: 5px;
}
.nomFichier {
	float: left;
	margin-right: 5px;
}
.dateFichier {
	float: right;
}
.retour {
	text-align: right;
}