/* Feuille de styles www.gitefinistere.com 

@import url(menu_h_pierred.css);*/
@import url(menu_gauche.css);
@import url(menu_baser.css);

body {
 /* background-color:#FBFFCF;*/
      background: transparent url(images/fond_relais.gif);

  margin: 0;
  padding: 0;
  text-align:center;
}

body, td {
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 10pt;
    
}

#logoldf {
	background: transparent url(../../fichiersD/logo.jpg) no-repeat top left; 
	margin: 15px 10px 10px 10px;
	padding: 15px 50px 60px 40px;

	float: left;

	}

/* Structure */
#page {
width:950px;
text-align:center;
margin:5px auto auto;
background-color:#fff;

}

#top {
background-image: url(../../fichiersD/bandeauh.jpg);
background-color:#fff;
height:125px;
border-bottom:1px solid #999;
text-align:left;

}

#mid {
background-color:#fff;
border:1px solid #999;
border-bottom:none;
text-align:right;
padding-right:10px;
padding-top:5px;
margin-top:2px;
color:#999;
font-size:10px;
font-style:italic;

}

#main {
width:680px;
float:right;
text-align:justify;
font-size:13px;
font-style:normal;
color:#666;
margin:0 5px 5px;
padding:0 5px 5px;
line-height:20px;

}




#break {
clear:both;
}

#bot {
background-image:url(images/footer.gif);
background-color:#fff;
height:45px;
font-size:10px;
color:#999;
}

/* Contenu */
#top h1 {
text-align:right;
padding-top:10px;
padding-bottom:30px;
color:#FFF;
font-size:24px;

}

img {
border:none;
}

h1 {
font-size:150%;
color:#000000;
}

h2 {
font-size:130%;
}

h3 {
font-size:120%;
}

h4 {
font-size:110%;
}

h5 {
font-size:100%;
}

p {
margin:0;
padding:0;
}

a {
color:#35B;
text-decoration:none;
}

a:hover {
color:#B53;
}

#bot a {
text-decoration:none;
border-bottom:1px dotted #999;
color:#999;
}

#bot a:hover {
color:#b53;
border-bottom:1px dotted #b53;
}


/* Menu */
.zul {
list-style:none;
margin:0;
padding:0;
}

.zli1,.zli2,.zli3,.zli4 {
background-image:url(images/fleche.png);
background-repeat:no-repeat;
padding-left:17px;
height:28px;
}

.zul a {
color:#4A771E;
text-decoration:none;
}

.zul a:hover {
color:#900;
}

.zon {
/*background-image:url(style_default/fleche.png);*/
}

.zli1 {
margin-left:0;
background-image:url(style_default/fleche.png);
}

.zli2 {
margin-left:16px;
}

.zli3 {
margin-left:32px;
}

.zli4 {
margin-left:48px;
}

/* styles zite */
#zadmin {
border:1px solid #CCC;
background-color:#EEE;
margin:3px 0 0;
padding:0 2px;
}

.ztable {
border:1px solid #CCC;
background-color:#EEE;
width:100%;
margin:5px 0;
padding:0 2px;
}

.zalert {
border:1px solid #C00;
background-color:#FEA;
padding:0 2px;
}

/* rajout perso */

td {
/* base pictos --- td { font-size: 12px; font-family: Verdana, Arial, Helvetica, Tahoma, Geneva; font-weight: bold;} */
  font-family: Verdana, Arial, Helvetica, Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  text-align: left;
  color:#000000;
}


IMG {	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
.textee {FONT-FAMILY:Trebuchet; COLOR:#663300; FONT-SIZE: 18px; }
.textep {FONT-FAMILY:Trebuchet; COLOR:#663300; FONT-SIZE: 14px; }
.titre {FONT-FAMILY:Trebuchet, Verdana, Helvetica, Tahoma; COLOR:#ffffff; FONT-SIZE: 18px; }


/* Fin rajout perso */



/* propriétés du menu horizontal */

#menu_horizontal {
	CLEAR: both; BACKGROUND: url(images/onglet.jpg) #fff repeat-x; HEIGHT: 25px
}
#menu_horizontal UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 50px; PADDING-TOP: 0px
}
#menu_horizontal UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menu_horizontal A {
	PADDING-RIGHT: 8px; MARGIN-TOP: 1px; DISPLAY: block; PADDING-LEFT: 8px; FONT-WEIGHT: bold; FONT-SIZE: 8pt; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; COLOR: #648040; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#menu_horizontal A:hover {
	BACKGROUND: url(images/ongletb.jpg) #fff repeat-x; COLOR: #000000
}
#menu_horizontal LI.current A {
	BACKGROUND: #fff; COLOR: black
}
#menu_horizontal .zli2 {
	DISPLAY: none
}
#menu_horizontal .zli3 {
	DISPLAY: none
}
#menu_horizontal .zli4 {
	DISPLAY: none
}