body {
	margin: 0;
	padding: 0;
	text-align: center;
	background:#FFFFFF url('deco/fond-rayures.gif') repeat-x
}
body, td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: 10pt;
}
img {
	border: none;
}
h1 {
	font-size: 150%;
	color: #4582A4;
	margin-bottom: 12px;
	text-align: left;
	margin-top: 0px;
}
h2 {
	font-size: 130%;
	color: #1E7AB1;
	margin-bottom: 12px;
	text-align: left;
	margin-top: 10px;
}
h3 {
	font-size: 120%;
	color: #354048;
	margin-bottom: 12px;
	text-align: left;
	margin-top: 10px;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
p {
	margin-bottom: 12px;
	margin-top: 10px;
}
a {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #CC3300;
	text-decoration: underline;
}
#page, #top, #mid, #bot {
	width: 1000px;
}
#page {
	background-color: #FFF;
	margin: 10px auto 16px auto;
	padding: 0;
	text-align: left;
	position:relative
}
#top {
	height: 120px;
/*	background-color: #ABDBEA;*/
	background:  url('deco/bgtop.jpg') no-repeat scroll;

}
#titresHaut {
	height: 52px;
	background-color: #A1D54B;
}
#mid {
	background:  url('deco/fond-mid.gif') #FFFFFF repeat-y scroll left top;
	margin: 0;
	padding: 0;
	clear:both;
	position:relative
}
#sideMenu {
	width: 157px;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #29A9CA;
	clear: both;
	position:relative
}
#pnl4 {
}
#side {
	width: 230px;
	float: right;
	margin: 0;
	padding: 0;
	background-color: #BBECF3;
	color: #50829C;
}
p.puceSide {
	padding: 0px 7px 10px 22px;
	background: transparent url('deco/puce-droit.gif') no-repeat scroll left top;
	border-bottom: 1px #A7C06B dashed;
}
#main {
	width: 570px;
	float: left;
	margin: 0;
	padding: 20px 0 20px 25px;
	text-align: justify;
	color:#354048
}
#break {
	clear: both;
}
#bot {
	font-size: 75%;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #50829C;
	background-color: #D7EDF5;
	clear:both;
	line-height:20px
}
#design{
	background-color: #A8E7EF; width: 157px; float: left; margin-right: 11px;
}
#motorise{
	width: 230px; float: right;
}

#top h1 {text-align: right; font-size: 200%; color: #fff; margin-bottom: 0px; margin-right: 26px; /*350* color: #9BD251;*/
}
#top h2 {text-align: right; font-size: 138%; color: #fff; margin-top: 5px; margin-right: 26px;
}

#main ul {
	padding-left: 23px;
	margin: 10px 0 0 0;
	list-style-image: url('deco/puce-rond.gif');
}
#main li ul {
	padding-left: 23px;
	margin: 0px 0 0 0;
	list-style-image: url('deco/puce-asterisque.gif');
	color: #4F5F6A;
}
.bouton {
	background: #9ecfff url('deco/fond-boutons.gif') repeat-x scroll left top; /*#88A456*/
	padding: 0 6px;
	border-bottom: 1px #7D8E57 solid;
	border-right: 1px #7D8E57 solid;
	border-left: 1px #BCC69D solid;
	border-top: 1px #BCC69D solid;
	color: #FFFFFF;
	margin-left:4px
}
input.connexion{height:17px;float:right;width: 90px;
border:0;float:right;margin-left:7px;
background-color:#DEF7FA
}
small,.small{ font-size:70%;color:#50829C;text-align:right}

/* Menu */
.zul {
	padding: 0;
	margin: 0px 0 0 0;
	list-style: none;
}
.zli1 a {
	color: #FFFFFF;
	font-weight: bold;
	display:block;
	line-height: 24px;
}
.zli2 a, .zli3 a, .zli4 a {
	color: #FFFFFF;
	font-weight: normal;
	display:block;
}
.zli1 {
	background-image: url('deco/puce-z1-of.gif');
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 0px; border-bottom:1px #75C7DC solid;
}
.zli2, .zli3, .zli4 {
	background-image: url('deco/puce-z2-of.gif');
	background-repeat: no-repeat;
	padding-left: 25px;
	line-height: 20px;
	margin-left: 0px;border-bottom:1px #75C7DC solid
}
.zli3 {
	margin-left: 14px;
}
.zli4 {
	margin-left: 21px;
}
.zli1.zon {
	background-image: url(deco/puce-z1-on.gif)
}
.zli2.zon, .zli3.zon, .zli4.zon {
	background-image: url(deco/puce-z2-on.gif)
}
.zli1.zon a,.zli2.zon a{
	color:#003F61
}
/* styles zite */
#zadmin {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 3px 0 0 0;
}
.ztable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 0 2px;
	margin: 5px 0;
	width: 100%;
}
.zalert {
	border: 1px solid #C00;
	background-color: #FEA;
	padding: 0 2px;
}
#main .zli1,#main .zli2,#main .zli3,#main .zli4 {
	padding-left: 7px;
	line-height: 20px;
	background:transparent none;margin-left:17px;border-bottom:1px #BCDF8C dashed
}
#main .zli2,#main .zli3,#main .zli4 {
	padding-left: 0px;
	background:transparent none;margin-left:46px
}
#main .zli1 a,#main .zli2 a,#main .zli3 a,#main .zli4 a{
 color:#4C8500
}
.zerr {		
border: 1px solid #C00;
background-color: #FEA;
padding: 0 1px;
}

.headcolor{background-color:#0781eb;}
.oddcolor{background-color:#9ecfff;}
.evencolor{background-color:#cfdcee;}


.titrerubrique {background-color:#007ca4; /*background-color:#0781eb;*/
  padding: 4px;
  font-family: Frutiger, Impact, Trebuchet MS, Verdana, Geneva, helvetica, sans-serif;
  font-size: 16pt;
  font-weight: bold;
  color : #fff;
  text-transform:uppercase;

}

/* .fondrubrique {background-color:#fff;} */

