body {
   font-size: 100%;
   background-color: #FFF;
   margin : 5px 0px 0px 5px; 
   padding : 0px;
}
.nowrap {
	white-space: nowrap;
}
/*fil d'ariane*/
.barreprogression{
	font: normal Arial, Helvetica, sans-serif;
	color: #099;
	}
.barreprogression2{
    font: normal Arial, Helvetica, sans-serif;
	color: #999;
	}
/*fin fil d'ariane*/
/*haut : outils et menu horizontal*/
.navOutils a {
     font: normal 70% Arial, Helvetica, sans-serif; 
	 color: #666; 
	 padding: 2px;
}
.navOutils a:hover {
     background-color: #999; 
	 color: #FFF; 
	 padding: 2px;
}
.navOutils .outilon {
     background-color: #999; 
	 color: #FFF; 
	 padding: 2px;
}
.navRubriques {
     border-bottom: 1px solid; 
	 border-color: #999; 
	 margin-bottom: 2px;
}  
.navRubriques a {
    font: normal 80%  Arial, Helvetica, sans-serif; 
	color: #666; 
	padding: 2px; 
}
.navRubriques .rubricon{
    font: normal 80%  Arial, Helvetica, sans-serif; 
	color: #FFF; 
	padding: 2px; 
	background-color: #999;
}
.navRubriques a:hover {
   color: #FFF; 
   padding: 2px; 
   background-color: #999;
}
/* fin haut*/
/*menu gauche*/
/*sans doute pas utilisé*/
.rubrique {
   margin-bottom: 10px;
}
.rubrique a {
   color: #099; 
   font: bold 80% Arial, Helvetica, sans-serif; 
   margin: 20px 0px 20px 0px;
}
.rubrique a:hover {
   color: #999;
}
/**/
.rub {
   padding-top: 10px;
   margin: 10px 7px 10px 0px;
   border-top: solid 1px #CCC;
}
.rub a {
   color: #099; 
   font: bold 70% Arial, Helvetica, sans-serif;
}
.rub a:hover {
   color: #999;
}
/*sous-rubriques*/
.srub {
   margin: 8px 0px 4px 8px;
} 
.srub a {
   color: #099; 
   font: normal 65% Arial, Helvetica, sans-serif;
}
.srub a:hover {
   color: #999;
}
/*fin sous-rubriques*/

/* fin menu gauche*/
/*liens*/
a {
	text-decoration: none;
}
a.interne:link {  
    font-family: Arial, Helvetica, sans-serif; 
	color: #099; 
	text-decoration: none;
}
a.interne:hover {  
    font-family: Arial, Helvetica, sans-serif;
	color: #099; 
	text-decoration: underline;
}
.interne {
    font-family: Arial, Helvetica, sans-serif; 
	color: #099;
}
a.externe {	
    font-family: Arial, Helvetica, sans-serif;	
	color: #099;	
	text-decoration: underline;	
}
a.mailto { 
    font-family: Arial, Helvetica, sans-serif;	
    color: #099;	
	text-decoration: underline;	
}
/*fin liens*/
/*paragraphe*/
.texte{
    font: normal 75% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	text-align: left;
	width: 615px;
}/*cree pour remplacer le p quand il n'y a pas de titre : probleme sur IE*/
p {
    font: normal 75% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	text-align: left;
	width: 615px;
}
p.inter{
	line-height: 3px;
}

.technique{
	font: normal 70% Arial, Helvetica, sans-serif;
	color: #666;
}
/* paragraphe dans un tableau*/
td p {
    font: normal 75% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	text-align: left;
	width: auto;
}
td p.intro {
    font: bold 95% Arial, Helvetica, sans-serif;
	color:#699;
	margin: 0px 0px 10px 0px;
	text-align: left;
	width: auto;
}
/* fin paragraphe dans un tableau*/
cite, q {
    font-style: italic;
}
blockquote {
    font: italic 75% Arial, Helvetica, sans-serif;
	color: #000;
	margin: 3px 0px 3px 0px;
	width: 525px;
}
/*exposant*/
.exp {
	font-size: 60%;
	vertical-align: super;
}
/*fin exposant*/
/*style appliqué au voir aussi et en savoir plus*/
.picto {
	font: italic 108% Georgia, "Times New Roman", Times, serif;
	color: #F60;
	letter-spacing: -1pt;
	line-height: 18px;
}
/*fin paragraphe*/

/*titres*/
h1{
	font: normal 140% Georgia, "Times New Roman", Times, serif;
	color: #F60;
	margin: 0px 3px 15px 3px;

}
.Fileth1{
	background-color: #F60;
}

.calefileth1 {
	height: 3px;
	width: 12px;
}

h2 {
	font: normal 130% Georgia, "Times New Roman", Times, serif;
	color: #F60;
	margin: 12px 3px 10px 0px;

}
.Fileth2{
	background-color: #099;
}
h3 {
	font: normal 115% Georgia, "Times New Roman", Times, serif;
	color: #F60;
	padding: 0px 3px 0px 0px;
	margin: 12px 0px 8px 15px;
}
h4{
	font: normal 110% "Times New Roman", Times, serif;
	color: #F60;
	width: 600px;
	margin: 10px 0px 3px 15px;
}
h5{
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F60;
	margin: 10px 0px -2px 15px;
	width: 600px;

}
/*fin titres*/
/*listes*/
/* ne pas utiliser la balise address*/
ul address{
	font-size: 100%;
}

ul {
	font: normal 75% Arial, Helvetica, sans-serif;
	margin: 5px 0px 1px 0px;
	padding: 0px 0px 5px 15px;
	width: 565px;
	list-style-type: disc;
}
ul ul{
	font: normal 100% Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 15px;
	list-style-image: url(../icono/losange.gif);
	width: 565px;

}
ul ul ul{
	font: normal 100% Arial, Helvetica, sans-serif;
	margin-bottom: 0px 0px -10px 15px;
	list-style-image: url(../icono/tiret.gif);
	width: 530px;

}

td ul{
	font: normal 75% Arial, Helvetica, sans-serif;
    margin: 5px 0px 0px 30px;
	width: auto;
	list-style-type: disc;
}
td li {
	line-height: 15px;
	padding-bottom:5px;
}
td ul ul{
	font: normal 100% Arial, Helvetica, sans-serif;
	margin: 2px 0px 0px 30px;
	width: auto;
	list-style-image: url(../icono/losange.gif);
}
td ul ul ul{
	font: normal 95% Arial, Helvetica, sans-serif;
    margin: 2px 0px 0px 20px;
	width: auto;
	list-style-image: url(../icono/tiret.gif);
}
li.lialpha {
	list-style-type: lower-alpha;
}
dl {
    margin: 5px 0px 0px 5px;
	text-align: left;
	width: auto;
}
dt {
	font: bold 80% Arial, Helvetica, sans-serif;
    color: 	#007879;
	margin: 20px 0px 5px 0px;
}
dd {
	font: normal 75% Arial, Helvetica, sans-serif;
	margin: 5px 0px 0px 15px;
    color: black;
}
dd .picto{
	font-size: 120%;
}
/* fin listes*/
/*sommaires de rubriques*/
.h1sommaire{
	font: bold 75% Georgia, "Times New Roman", Times, serif;
	color: #F60;
	margin: 15px 0px -2px 0px;
	text-decoration: none;
	padding-top: 15px;

}
/*fn sommaires de rubriques*/
/*sommaires de page*/

.sommaire1 {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
	padding-left: 15px;
	width: 550px;
}
a.sommaire1:link {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
	padding-left: 15px;
	width: 550px;
}
a.sommaire1:hover {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
	padding-left: 15px;
	text-decoration: underline;
	width: 550px;

}
/*sommaire guide sans doute plus utilisé*/
.sommaireguide {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
}
a.sommaireguide:link {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
}
a.sommaireguide:hover {
	font: bold 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	line-height: 18px;
	text-decoration: underline;
}
/* sommaire de page second niveau*/
.sommaire2 {
	font: normal 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	padding-left: 42px;
}
.sommaire2:link {
	font: normal 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	padding-left: 42px;
}
.sommaire2:hover {
	font: normal 70% Georgia, "Times New Roman", Times, serif;
	color: #099;
	padding-left: 42px;
	text-decoration: underline;
}
.sommaire{
	font: bold 75% Georgia, "Times New Roman", Times, serif;
	color: #099;
	text-decoration: none;
	margin-bottom: -2px;
	margin-top: 15px;
}

/*fin sommaires*/
/*tableau de contact*/

address  {
	    border: solid #9CC;
		border-width: 1px 1px 1px 6px;
	    margin: 8px 0px 8px 0px;
        font: normal 75% Arial, Helvetica, sans-serif;
	    color: black;
        text-align: left;
	    padding: 2px 10px 5px 10px;
		line-height: 18px;
		width: 307px;
}
/*fin tableau de contact*/
/*tableau de donnees*/
table.donnee{
	border-collapse:collapse;
	border-width: 1px 1px 1px 6px;
	border-style: solid;
	border-color: #CCC #CCC #CCC #9CC;
	margin-top: 10px;
}
th.titretab {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #9CC;
	margin: 3px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	text-align: left;
	line-height: 25px;
    border-collapse:collapse;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #CCC;
}
td.titretdtab {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #666;
	background-color: #9CC;
	margin: 3px 0px 0px 0px;
	padding: 0px 15px 0px 15px;
	text-align: left;
	line-height: 25px;
	border-collapse:collapse;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #9CC #CCC #9CC #9CC;
}
td.donnetab{
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px 15px 3px 15px;
	height: auto;
	vertical-align: text-top;
    border-collapse:collapse;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #CCC;
}
td.donnetabpicto{
	font: normal 100% Arial, Helvetica, sans-serif;
	color: #000;
	padding: 3px 15px 3px 15px;
	height: auto;
	vertical-align: text-top;
	border-collapse:collapse;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #CCC;
}

caption{
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F60;
	width: 590px;
	margin-bottom: 10px;
	background-position: left;
	text-align: left;
	padding-bottom: 10px;
}
/*fin tableau de donnees*/
/*tableau avec texte petit*/
.resume {
	font: normal 70% Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #666;
	padding: 3px 10px 3px 10px;
	line-height: 15px;
}
table.info1 {
	border: solid #9CC;
	border-width: 1px 1px 1px 6px;
	margin-top: 20px;
}
.txttabinfo1 {
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 17px;
    padding: 5px 3px 5px 5px;
	border-bottom: 1px solid #CCC;
}
.txttabinfo1der {
	font: normal 75% Arial, Helvetica, sans-serif;
	color: #666;
	line-height: 17px;
    padding: 5px 3px 5px 5px;
}
table.info1 ul{
	font: 100%;
}
table.info1 .technique{
	font: 70%;
}
/*fin de tableau avec texte petit*/
/*tableau image*/
table.image{
   border : 1px solid #CCC;
 }
/*fin table image*/
/*tableau guide sans doute pas utilisé*/
table.guide{
   border : 1px solid #9CC;
   font: normal 70% Arial, Helvetica, sans-serif;
 }
 .chapitre{
  text-align: center;
  color: #F60;
  padding: 5px 0px 5px 0px;
}
.lienguide {
  text-align: left;
  padding: 2px 0px 2px 5px;
}
.lienguideactif {
  text-align: left;
  color: #999;
  padding: 2px 0px 2px 5px;
} 
/*fin tableau guide*/
.date {
	font: normal 70% Arial, Helvetica, sans-serif;
	text-align: right;
	padding-top: 5px;
	color: #666;
}
/*css2*/
.titre {
	font: bold 75% Arial, Helvetica, sans-serif;
	color: #F60;
	padding-top: 3px;

}
.tablecom {
	margin-top: 10px;
	margin-bottom: 18px;
}

.nouveau {
    padding: 5px; 
	margin-bottom: 25px;
	line-height: 20px;
	border-width: 1px 1px 1px 4px;
	border-style: solid solid solid double;
	border-color: #F60;

}
.nouveaubis {
	/*border-left-width: 4px;
	border-left-style: double;
	border-left-color: #F60;*/
	margin-bottom: 25px;
	line-height: 20px;
	border: 0;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;*/

}
.legendeD {

	font-family: Arial;
	font-size: 60%;
	text-align: right;
 }

.legendeG {

	font-family: Arial;
	font-size: 60%;
	text-align: left;
	width: auto;
}
