/* Plan du site styles */
.niveau1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC3300;
	text-decoration: none;
}
.niveau1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#222222;
	text-decoration: none;
}

.niveau2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;

}
.niveau2:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	text-decoration: underline;
}
.menufront{
	text-indent: 18px;
	background-image: url(images/divers/puce-niveau1.gif);
	background-repeat: no-repeat;
	background-color: #A7A7A7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	text-align: left;
}
.sousmenufront{
	text-indent: 27px;
	background-image: url(images/divers/puce-niveau2.gif);
	background-repeat: no-repeat;
	background-color: #C7C5C6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12 px; 
	text-align: left;
}
/* boutons */
.bt-rouge{
  height: 27px;
}

.bt-rouge a{
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}

.bt-rouge a:hover{
  font-family: Arial;

  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: underline;
}

.bt-rouge .gauche{
  width: 20px;
  height: 23px;
  background: url(images/boutons/bt-vert-gauche.gif) top left no-repeat;

}

.bt-rouge .centre{
  height: 23px;
  background: url(images/boutons/bt-vert-centre.gif) top left;
  padding: 0 5px 0 5px; 
}

.bt-rouge .droite{
  width: 11px;
  height: 23px;
  background: url(images/boutons/bt-vert-droite.gif) top left no-repeat;
}

.bt-rouge .basgauche{
  width: 20px;
  height: 4px;
  background: url(images/boutons/bt-bas-gauche.gif) top left no-repeat;	
}

.bt-rouge .bascentre{
  height: 4px;
  background: url(images/boutons/bt-bas-centre.gif) top left;	
}

.bt-rouge .basdroite{
  width: 11px;
  height: 4px;
  background: url(images/boutons/bt-bas-droite.gif) top left no-repeat;	
}

/* LOGIN */
#authentification{
	background-color: white;
	border: 1px solid gray;
	background-position: center center;
	width: 400px;
	padding: 0px;
	top: 20px;
}
#zonedate{
	background-image: url(images/fond/datelogin.gif);
	background-repeat: repeat-x;
	height: 24px;
}
.datelogin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-align: right;
	vertical-align: middle;
}
.logocorhofi{
	background-image: url(images/logos/logo-corhofi.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 79px;
	width: 100%;
}
#versionning{
	text-align: right;
	width: 400px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: Black;
}
#titrelogin{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	color: #CE6F29;
	text-align: left;
	width: 80%;
}
.tableaulogin{
	background-color: white;
	border: 1px solid Gray;
	background-position: center center;
	margin: 5px;
	padding: 2px;
	width: 80%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: Black;
	text-align: center;
}
.ligneloginhaut{
	background-color: #999999;
	background-position: center;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	width: 100%;
	border-color: white;
	border-width: 20px;
	text-align: left;
}
.lignelogin2{
	background-color: #ffffff;
	background-position: center;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
	width: 100%;
	border-color: white;
	border-width: 20px;
	text-align: left;
}

.lignelogin{
	background-color: #F3F3F3;
	background-position: center;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
	width: 100%;
	border-color: white;
	border-width: 20px;
	text-align: left;
}
.password{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
}
.password:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;.
	color: #CE6F29;
	text-decoration: none;
}
.password:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;.
	color: #626262; 
	text-decoration: underline;
}
.txt-info{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: Black;
	width: 80%;
	text-align: justify;
}
/* FIN LOGIN*/

body{
	background-image:  url(images/fond.gif);
	background-repeat: repeat;
	margin: 2px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
table,tr,td {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #48A147;
	text-decoration: none;
}
a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626262; 
	text-decoration: underline;
}

/* Textes */
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
.textgras{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.textgras-ocre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #CE6F29;
}
.textitalique{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
}

a.suite{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #48A147;
	text-decoration: none;
	background-image:  url(../cassiopee/images/pictos/fleche-suite.gif);
	background-repeat: no-repeat;
	background-position: right;
}
a.suite:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #C1D000;
	text-decoration: none;
	background-image:  url(../cassiopee/images/pictos/fleche-suite-over.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.textssmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: white;
}
#menusecondaireaccueil{
	position: absolute;
	left: 20%;
	top: 0px;
	width: 80%;
	height: 100%;
}
/* Titres */
#titrepage{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #CE6F29;
	width: 1000px;
	text-align: right;
	position: absolute;
	right: 30px;
}
#titrepage_popup{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	color: #CE6F29;
	text-align: right;
	width: 100%;
	position: absolute;
	right: 75px;
}
/* Classe MENU Principal de l'application*/
.menuprincipal{
	background-image:  url(../cassiopee/images/menu/menu.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	position: absolute;
	left: 20%;
	top: 0px;
	width: 80%;
	height: 100%;
	
}
.menu{
	color: #000000;
	text-align: center;
	height: 38px;
	vertical-align: middle;
}

a.menu:hover{
	color: #CE6F29;
	text-decoration: none;
	text-align: center;
	height: 38px;
	vertical-align: middle;
}
.menu-separation{
	background-image:  url(../cassiopee/images/menu/menu-separateur.gif);
	background-repeat: no-repeat;
	width: 1px;
	height: 38px;
}

/* Sous Menu pricipal */
.fondmenu{
	background-color: #48A147;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
	height: 19px;
}
#session{
	position: absolute;
	/*left: -21px;*/
	top: 38px;
}
a.lien{
	
}
a.login{
	background-image:  url(../cassiopee/images/pictos/session.gif);
	background-repeat: no-repeat;
	background-color: #48A147;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size: bold;
	text-align: left;
	color: #FFFFFF;
	height: 19px;
	font-weight: bold;
	text-indent: 21px;
}
a.login:hover{
	background-image:  url(../cassiopee/images/pictos/session-over.gif);
	background-repeat: no-repeat;
	background-color: #9E5526;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size: bold;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	height: 19px;
	font-weight: bold;
	text-indent: 21px;
}
#sousmenu{
	text-align: left;
	color: #FFFFFF;
	height: 19px;
	position: relative;
	left:18%;
	top: 38px;
}
.sous-menu{
	background-image:  url(../cassiopee/images/sous-menu/fleche-defaut.gif);
	background-repeat: no-repeat;
	background-color: #48A147;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size: bold;
	text-align: left;
	color: #FFFFFF;
	height: 19px;
	font-weight: bold;
	background-position: left center;
	background-attachment: fixed;
	text-indent: 21px;
}
a.sous-menu:hover{
	background-image:  url(../cassiopee/images/sous-menu/fleche-bas.gif);
	background-repeat: no-repeat;
	background-color: #9E5526;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size: bold;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	height: 19px;
	font-weight: bold;
	text-decoration: none;
	background-position: left center;
	background-attachment: fixed;
	text-indent: 21px;
}
/* Arborescence */
#arbo{
	height: 19px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	text-align: left;
}
.arborescence{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
a.arborescence{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #000000;
}
a.arborescence:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #48A147;
}

/* Menu du haut */
#fond-menuhaut{
	background-image:  url(../cassiopee/images/fond/fond-menuhaut.gif);
	background-repeat: repeat-x;
	background-color: White;
	background-position: bottom;
	height: 23px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.accueil{
	background-image:  url(../cassiopee/images/pictos/accueil.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: Black;
	height: 13px;
	text-indent: 21px;
}
a.accueil:hover{
	background-image:  url(../cassiopee/images/pictos/accueil-over.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 21px;
	text-decoration: none;
	color: #9E5526;/*#CE6F29;*/
	height: 13px;
}
.recherche{
	background-image:  url(../cassiopee/images/pictos/recherche.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: Black;
	height: 13px;
	text-indent: 21px;
}
a.recherche:hover{
	background-image:  url(../cassiopee/images/pictos/recherche-over.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 21px;
	text-decoration: none;
	color: #9E5526;
	height: 13px;
}
.plan{
	background-image:  url(../cassiopee/images/pictos/plan.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: Black;
	height: 13px;
	text-indent: 21px;
}
a.plan:hover{
	background-image:  url(../cassiopee/images/pictos/plan-over.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 21px;
	text-decoration: none;
	color: #9E5526;
	height: 13px;
}
.contact{
	background-image:  url(../cassiopee/images/pictos/contact.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: Black;
	height: 13px;
	text-indent: 21px;
}
a.contact:hover{
	background-image:  url(../cassiopee/images/pictos/contact-over.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 21px;
	text-decoration: none;
	color: #9E5526;
	height: 13px;
}
.aide{
	background-image:  url(../cassiopee/images/pictos/infos.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: Black;
	height: 13px;
	text-indent: 21px;
}
a.aide:hover{
	background-image:  url(../cassiopee/images/pictos/infos-over.gif);
	background-color: White;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	text-indent: 21px;
	text-decoration: none;
	color: #9E5526;
	height: 13px;
}
/* Tableaux */
/*table{
	background-color: white;
	border: 1px solid white;
	background-position: center center;
	margin: 2px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: Black;
}*/
.infos{
	background-color: #ffffff;
	padding: 2px;
	margin: 0px;
	border: 1px solid #8F9090;
	background-position: center center;
	width: 20%;
	display: block;
}
.tableau{
	background-color: white;
	border: 1px solid Gray;
	background-position: center center;
	margin: 5px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: Black;
}

.tableau-ligne1{
	background-color: #F3F3F3;
	background-position: center;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
	height: 18px;
	width: 100%;
	border-color: white;
	border-width: 20px;
}
.tableau-ligne2{
	background-color: #ffffff;
	background-position: center;
	background-repeat: repeat-x;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	height: 18px;
	width: 100%;
}
.tableau-lignepopup{
	background-color: #F3F3F3;
	background-position: center;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: black;
	height: 92%;
	width: 80%;
	border-color: white;
	border-width: 20px;
}
/* Date Heure*/
.date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
/* Footer : bas de page*/
.footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5F5E5E;
	text-decoration: none;
}
.footerlien{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #5F5E5E;
}
.footerlien:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #5F5E5E;
	text-decoration: none;
}
.footerlien:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: black;
	text-decoration: underline;
}

#logopartenaire{
	height: 50px;
	width: 40%;
	position: absolute;
	top: 26px;
	right: 5px;
}

/* --------  Style provenants de css.css ---------- */

input.btn {
	font: 11px Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: white;
	font-size: smaller;
	border: 2px outset #c0c0c0;
}
input.btn:hover {
	FONT: 11px Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: white;
	font-size: smaller;
	border: 2px inset #c0c0c0;
}

select,textarea,input{
	FONT: 11px Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: green; 
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: black;
	BORDER-RIGHT-COLOR: black;
	BORDER-LEFT-COLOR: black;
	BORDER-BOTTOM-COLOR: black;
}