a {color:#3c7a9a;}
#top {
	background-image: url(deco/topbg.png);position:relative
}
#bot {
	background-image: url(deco/topbg.png);
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
}
.zon {
	background-image: url(deco/pge1.png);
}
/*definition du style de base ziteplus*/
body {
 background-color:#eeeeee;
 margin: 0;
 padding: 0;
 text-align:center;
}

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

img {border: none;}
h1 {font-size: 150%;color:#136D9E}
h2 {font-size: 130%;color:#E98315}
h3 {font-size: 120%;color:#136D9E}
h4 {font-size: 110%;color:#136D9E}
h5 {font-size: 100%;color:#136D9E}
a {text-decoration: none;}
a:hover {color: #B53;}

#page {
 background-color:#ffffff;
 border-top: none;
 border-left: 1px solid #3c7a9a;
 border-right: 1px solid #3c7a9a;
 margin: 0 auto 16px auto;
 padding: 0;
 text-align: left;
}

#top {
 border-bottom: none;
 margin:0;
 padding: 10px 0 0 0;
}
#evitement{display:none;visibility:hidden}

#mid {
 margin:0;
 padding: 0;
}

#oppside {
 margin:0;
 padding: 5px 10px 5px 10px;
}
#side {
 margin:0;
 padding: 5px 10px 5px 10px;
 min-width : 150px;
}
#side p{
 font-size:7pt
}

#main {
 margin:17px 0 17px 30px;
 padding:0  ;
 text-align: justify;
 width:700px
}
#bot {
 font-size: 75%;
 text-align: center;
 margin:0;
 padding: 0;
 border-bottom: 1px solid #3c7a9a;
}

#top h2 {
 margin: 0;
 padding: 0 0 0 10px;
 color: #FFF;
 font-size: 24px;
}
#top h3 {
 margin: 0;
 padding: 4px 0 5px 10px;
 color: #EEF;
 font-size: 90%;
}

/* Menu */
.zul {
 margin: 25px 0;
 padding: 0;
 list-style: none;
}
.zli1,.zli2,.zli3,.zli4 {
 background-repeat: no-repeat;
 padding-left: 14px;
}
.zon {}
.zli1 { margin-left: 0px;}
.zli2 { margin-left: 16px;}
.zli3 { margin-left: 32px;}
.zli4 { margin-left: 48px;}
/* styles ziteplus */
#zadmin {
 border: 1px solid #3c7a9a;
 background-color: #eeeeee;
 margin: 3px 0 0 0;
 padding: 0 2px;
}
.ztable {
 border: 1px solid #3c7a9a;
 background-color: #eeeeee;
 margin: 5px 0;
 padding: 0 2px;
 width: 100%;
}
.headcolor{background-color:#cccccc;}
.oddcolor{background-color:#dddddd;}
.evencolor{background-color:#eeeeee;}
.zalert {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 2px;
}
.zerr {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 1px;
}
@media screen and (max-width: 640px) {
body,#page,#top,#mid,#main,#bot,#side {width:auto;margin: 0;padding: 0;}
#main h1 {font-size: 140%;line-height:110%;margin:10px 0}
#main h2 {font-size: 130%;line-height:110%;margin:10px 0}
#main h3 {font-size: 120%;}
#main h4 {font-size: 110%;}
#main h5 {font-size: 100%;}
#main {text-align: left; padding: 7px 10px; margin:0px;;background-color:#FFFFFF}
#main img{	width: 100%; max-width: none;}
#side {float: none;display:block;background-color:#C7DEE7;padding:0px;clear:both}
#side p,#side form{margin:5px 10px}
#mid{background-color:#C7DEE7}
#break{height:1px;}
#evitement{display:block;visibility:visible}
.zul {margin: 0;/*background-color:#76BCE1*/}
.zli1,.zli2,.zli3,.zli4 {padding-left: 10px;}
.zli1{background:transparent url(deco/zli1of.png) repeat-x scroll left top;border-bottom:1px #4482A2 solid}
.zli2,.zli3,.zli4 {background:transparent url(deco/zli2of.png) repeat-x scroll left top;border-bottom:1px #6E9EB7 solid}
.zli1 a{background:transparent url(deco/pageoff.png) no-repeat scroll left top;padding-left:17px;line-height:20px;font-size:11pt;font-weight:bold;color:#00354F}
.zli2 a{background:transparent url(deco/pageoff.png) no-repeat scroll left top;padding-left:17px;line-height:20px;font-size:10pt;font-weight:bold;color:#00547D}
.zli1 { margin-left: 0px;}
.zli2 { margin-left: 0px;}
.zli2 a{ margin-left: 18px;}
.zon {background-image: url(deco/zlizon.png);}
.zon a{background-image: url(deco/pageok.png);color:#FFFFFF}
.zul a{display:block}
.zul a:hover{background-image: url(deco/pageon.png);color:#DFF7FF}
table.zul .zli1,table.zul .zli2,table.zul .zli3,table.zul .zli4{background:transparent none}
img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video { max-width: 100%;}
img, video {height: auto;width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }	
#main:before {
/*content: "Vous visitez le site sur un Smartphone";
display: block;
color: #FF0000;
text-align: center;
font-size:9px
}*/
}