/* Moz et Opera */
#milieu {
bottom:0px;
overflow:auto;
}

/* ============================*/
/*  BALISES STANDARD           */
/* ============================*/

html {
  height: 100%;
}

body {
	text-align:left;
	margin:1;
	font-family:Verdana,Arial,Helvetica,Sans-serif;
	color:#000000;
	background-image: url(../images/bas.png);
	background-repeat: no-repeat;
	background-position: right bottom;	
}

img {
	border:0;
}

form {
	margin:0;
	padding:0;
}

hr {
	clear:both;
	border:1px solid white;
	height:0;
}

/* ============================*/
/* LES ENTETES  H de 1 à 5       */
/* ============================*/

h1 {
	margin:0;
	padding:0;
	height:73px;
	float:left;
	width:373px;
	color:#000000;
	background-repeat: no-repeat;
	font-size: 16px;
	text-align: center;
}


h2 {
	color:#000000;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

h3 {
	color:#0033FF;
	border-bottom:1px solid #ddd;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
	padding-left:15px;
	font-size:16px;
	font-weight:bold;
}

h4 {
	color:#456;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
	font-size:16px;
}

h5 {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-consulter.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 20px;*/
}


h6 {
	font-weight:bold;
	font-size:14px;
	color:#FF0000;
}

/* ============================*/
/*  Bandeau                    */
/* ============================*/

.bandeau-titre1 {
	color:#2A1F00;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/logo_xen.png);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 195px;
	background-color: #CBE0F8;
}

.bandeau-titre2 {
	color:#000000;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;	
	width:100%;
}

.bandeau-texte1 {
	color:#2A1F00;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

.bandeau-texte2 {
	color:#2A0000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.bandeau-logo {
	color:#00FF00;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/logo_xen.png);
	background-repeat: repeat-y;
	text-align: left;
	padding-left: 195px;
	background-color: #CBE0F8;
}

.bandeau-image {
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}

/* ============================*/
/*  Menu                       */
/* ============================*/

.menu-titre {
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(../images/navi-li-bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	background-color: #ffde5b;
	background-position: 7px 0px;
	padding-left: 14px;
	margin: 21px;
	line-height: 20px;
}

.menu-option {
	color:#333;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #CBE0F8;
	display: block;
	padding-left: 14px;
	line-height: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dashed;
	border-left-style: none;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	margin:0;
	padding:0;
	
	
}

.menu-option a:hover{
  background:#b0d0f4;
}
.menu-espace {
	color:#333;
	background-color: #CBE0F8;
	display: block;
	line-height: 20px;
}


.menu-lien {
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}
.tableau-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #6699CC;
	color: #FFFFFF;
}

/* ============================*/
/*  Partie centrale            */
/* ============================*/
.page-onglet{
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
}
.menu-fond {
	background-color: #CBE0F8;
	height: 100%;
	padding-top:30px;
}

.liste-ligne-paire {
	background-color: #CBE0F8;
}
.liste-ligne-impaire {
	background-color: #FFFFFF;
}

.tableau-selection{
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 100%;
	background-color: #cbe0f8;
	background-image: url(../images/main-bg.png);
	font-weight: normal;
	text-align:left;
}

.tableau-reduit{
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #cbe0f8;
	background-image: url(../images/main-bg.png);
	font-weight: normal;
	text-align:left;
}

.tableau-liste{
	color:#333;
	font-size:12px;
	font-family:arial, helvetica, sans-serif;
	background-image: url(../images/main-bg.png);
	font-weight: normal;
	text-align:left;
}

.titre-connexion {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background:none;
	background-image: url(../images/ban-tarifs.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align:left;
}

.tableau-connexion {
	text-align: center;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #cbe0f8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tableau-enveloppe {
	width: 95%;
	text-align: left;
}

.liste-deroulante{
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}

.boite-a-cocher{
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}
.balise-erreur {
	font-style: italic;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
	text-align: right;
}

.zone-anomalie {
	background-color: #0066CC;
}

.radio-bouton{
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}
.bouton-standard {

  font: bold 11px arial, helvetica, sans-serif;
  background: #fff url(../images/bouton.gif) no-repeat center center;
  color: #fff;
  border:none;
  padding:7px 0px 10px 0px;
  margin:10px 5px;
  text-align:center;
  cursor:pointer;
  width:94px;
  height:32px;
}
.bouton-bleu-standard {
	font: bold 11px arial, helvetica, sans-serif;
	background: #fff url(../images/bouton_bleu.gif) no-repeat center center;
	color: #CCCCFF;
	border:none;
	padding:7px 0px 10px 0px;
	margin:10px 5px;
	text-align:center;
	cursor:pointer;
	width:94px;
	height:32px;
	background-color: #CCCCFF;
}
.bouton-annuler {
	font: bold 11px arial, helvetica, sans-serif;
	background: #fff url(../images/annuler.gif) no-repeat center center;
	color: #fff;
	border:none;
	padding:7px 0px 10px 0px;
	margin:10px 5px;
	text-align:center;
	cursor:pointer;
	width:94px;
	height:32px;
	left: auto;
}

.bouton-long {

  font: bold 11px arial, helvetica, sans-serif;
  background: #fff url(../images/boutonlong.gif) no-repeat center center;
  color: #fff;
  border:none;
  padding:7px 0px 10px 0px;
  margin:10px 5px;
  text-align:center;
  cursor:pointer;
  width:150px;
  height:32px;
}
.bouton-validation{
	color:#00FF00;
	font-size:14pt;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}

.bouton-recherche{
  font: bold 11px arial, helvetica, sans-serif;
  background: #fff url(../images/bouton.gif) no-repeat center center;
  color: #fff;
  border:none;
  padding:7px 0px 10px 0px;
  margin:10px 5px;
  text-align:center;
  cursor:pointer;
  width:94px;
  height:32px;
}

.bouton-navigation{
	color:#00FF00;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}

.message-information{
	color:#00FF00;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}

.message-anomalie{
	color:#AA0000;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana, Arial, Sans-serif;
}

.message-erreur{ 
	color:#00FF00;
	font-size:14px;
	font-family:"Trebuchet MS", Verdana,Arial,Sans-serif;
}


/* ============================*/
/* LES Menus                   */
/* ============================*/

.menu-partenaire {
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(../images/navi-li-bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	background-color: #675496;
	background-position: 7px 0px;
	padding-left: 14px;
	margin: 21px;
	line-height: 20px;
}
.menu-tarifs {
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(../images/navi-li-bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	background-color: #990134;
	background-position: 7px 0px;
	padding-left: 14px;
	margin: 21px;
	line-height: 20px;
}
.menu-consulter {
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-image: url(../images/navi-li-bg.png);
	background-repeat: no-repeat;
	font-weight: bold;
	background-color: #cc5f00;
	background-position: 7px 0px;
	padding-left: 14px;
	margin: 21px;
	line-height: 20px;
}
.menu-partenaire a:link, .menu-partenaire a:visited,
.menu-tarifs a:link, .menu-tarifs a:visited,
.menu-consulter a:link, .menu-consulter a:visited{
	color:#FFFFFF;
}

.menu-option a:link, .menu-option a:visited {
	color: #000099;	
}

.titre-partenaire {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-partenaire.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}

.titre-consulter {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-consulter.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}
.titre-tarifs {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-tarifs.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}
.titre-fiches {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-fiches.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}
.titre-demander {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-demander.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}
.titre-produit {
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	background-image: url(../images/ban-produit.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	border-left-style: none;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}

.titre-partenaire a:link, .titre-partenaire a:visited, .titre-partenaire a:hover,
.titre-consulter a:link, .titre-consulter a:visited, .titre-consulter a:hover,
.titre-tarifs a:link, .titre-tarifs a:visited, .titre-tarifs a:hover,
.titre-fiches a:link, .titre-fiches a:visited, .titre-fiches a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

/* navigation
 *************************/
#navigation {
  text-align:left;
  background:#CBE0F8;
  overflow:hidden;
  height:100%;
}

#navigation ul{
  margin:0;
  padding:0;
  list-style:none;
  font: 10px verdana, helvetica, sans-serif;
}

#navigation a{
  color: #fff;
  text-decoration:none;
  line-height:20px;
  padding-left:14px;
}


#navigation li{
  color:#fff;
  margin-top:20px;
  background:url(../images/navi-li-bg.png) no-repeat 7px 0px;
  line-height:20px;
  font-weight:bold;
  padding-left:14px;
  white-space:nowrap;
}

#navigation li.partenaire{
  background-color: #675496;
}

#navigation li.tarifs{
  background-color: #990134;
}

#navigation li.consulter{
  background-color: #ee5f00;
}

#navigation li.demander{
  background-color: #ffde5b;
}

#navigation li.fiches{
  background-color: #349b9a;
}

#navigation li.deco{
  background-color: #999900;
}
#navigation li.contact{
  background-color: #FF0033;
}

#navigation li ul{
  margin-left:-14px;
  background:#CBE0F8;
  border: 1px #CBE0F8 solid
}

#navigation li li{
  border-bottom: 1px #669 dotted;
  margin:0;
  background:none;
  font-weight:normal;
  margin-left:-14px;

}

/* main
 *************************/
#main {
  position: relative;
  text-align:left;
  background:url(../images/main-bg.png) repeat-y;
  height:100%;
}

#navigation ul a{
  color: #fff;
}

#navigation ul.liste a{
  color: #333;
  display:block;
}

#navigation ul.liste a:hover{
  background:#b0d0f4;
}


/* accueil
 *************************/
.tableau-stats,
.tableau-actualites,
.tableau-alertes {
  width: 75%;
}
.tableau-stats th{
  background:#DEBD01;
  color:#FFFFFF;
  font-weight:bold;
}
.tableau-stats td a:link,
.tableau-stats td a:visited{
  font-weight: bolder;
  color:#DEBD01;
}
.tableau-actualites th{
  background:#5CB900;
  color:#FFFFFF;
  font-weight:bold;
}
.tableau-actualites td a:link,
.tableau-actualites td a:visited{
  font-weight:bolder;
  color:#5CB900;
}
.tableau-alertes th{
  background:#AE090D;
  color:#FFFFFF;
  font-weight:bold;
}
.tableau-alertes td a:link,
.tableau-alertes td a:visited {
  font-weight:bolder;
  color:#AE090D;
}
.tableau-stats td{
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
border-top-style:none;
border-color:#DEBD01;
border-collapse:collapse;
border-width:1px;
}
.tableau-actualites td{
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
border-top-style:none;
border-color:#5CB900;
border-collapse:collapse;
border-width:1px;
}
.tableau-alertes td{
border-bottom-style:solid;
border-left-style:solid;
border-right-style:solid;
border-top-style:none;
border-color:#AE090D;
border-collapse:collapse;
border-width:1px;
}
/**************************/


/* ============================*/
/* LES LIENS HYPERTEXTES       */
/* ============================*/

a:hover {
	color:#3399CC;
	text-decoration: underline;
}

a:link, a:visited {
	color: #000099;
	text-decoration:none;
}

.tableau-saisie {
	color:#333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #cbe0f8;
	background-image: url(../images/main-bg.png);
}

.valeurs{
	color:#003366;
	font-weight: bold;
}
.valeur_importante {
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.texte11 {
	font-size: 10px;
	line-height:1;
}

.Bleu {
	color: #0033CC;
	font-weight: bold;
}

#contact{
visibility:hidden;
	position:absolute;
	left:312px;
	top:387px;
	width: 400px;
	font-size: 10px;
	line-height:1;
	margin:0px 0px;
	padding:0px;
	border: 1px solid #0017B9;
	background:#CCE6FF;

}

.lienImprimer a:link {
	color: #000099;
	text-decoration:none;
}

.lienImprimer a:visited {
	color: #FF66CC;
	text-decoration:none;
}

.lienImprimer a:hover {
	text-decoration:underline;
}

.onglet_grise{
	font-style:italic;
	color: #D3D3D3;
}
.valeursFranchises {
	color:#003366;
	font-weight: bolder;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte-bleu-gras {

	color: #003399;
	font-weight: bold;
}
