/*définition du style de base ziteplus*/
body {
	background-color:#c9d2f3;
	background-image: url(deco/patchwork.png);
	margin: 0;
	padding: 0;
	text-align:center;
}
body, td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size: small;
}
img {border: none;}
h1 {font-size: 150%;}
h2 {font-size: 130%;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
a:hover {color: #B53;}
a {color:#3c7a9a; text-decoration: none;}

/*Css par défaut des diaporamas et des images insérés par tinymce*/
div.zdiapo {
	padding: 20px;
}

/*Structure générale du template:

#page
	#top				//la bannière
	#mid				//le contenu central
		#side				//la barre de menu
			#menu1				//les 4 niveaux de menu
			#menu2
			#menu3
			#menu4
		#main				//le contenu utile
	#bot				//le pied de page
*/
#page, #top, #mid, #bot{
	/*max-width:950px;*/
	width:950px;
}

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

/*top*/
#top {
	text-align:center;
	background-image: url(deco/bg_top2.png);
	border-bottom: none;
	margin:0;
	padding:0;
}
#top img{
	display:inline;
}
#pg__Top{
	width:auto;
	background-image:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#top p.clear{
	clear:both;
	margin:0;
	padding:0;
	font-size:0;
}
#top p{
	margin-top:0;
	margin-bottom:0;
}
#top h1 {
	margin: 0;
	padding: 0 0 0 10px;
	color:black;
	font-size: 24px;
}
#top h2 {
	margin: 0;
	padding: 4px 0 5px 10px;
	color:black;
	font-size: 90%;
}

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

/*side*/
#side {
	margin:0;
	padding:0;
	float:none;
	width:auto;
	height:auto;
	background-image: none;
}
#side div#menu1, #side div#menu2, #side div#menu3, #side div#menu4{
	display:block;
	margin:auto;
	text-align:center;
	border:none;
	background-image:url("deco/bg_menu1.png");
	background-position:center center;
	background-size:100% 100%;
	background-repeat:repeat-x;
	background-color:#c9d2f3;
}
#side p /*dans cette catégorie*/{
	margin:0;
	display:inline;
}
#side ul.zul /*les blocs de menu*/{
	display:inline;
	width:auto;
	padding:0;
	margin:auto;
	text-align:center;
	vertical-align:baseline;
}
#side li.zli1, #side li.zli2, #side li.zli3, #side li.zli4{
	background-image:none;
	display:inline-block;
}
#side #pg__deconnexion{
	text-align:center;
	font-weight:bold;
}
#side #pg__deconnexion a{
	border:solid 2px red;
	color:red;
}
#oppside {
	margin:0;
	padding: 5px 10px 5px 10px;
}

/*menu1*/
#side #menu1 li {
	/*display:inline;*/
	width:auto;
	height:auto;
	padding:0 0.25em;
	margin-left:0.2em;
	margin-right:0.2em;
	border:0;
}
#side #menu1 .zon, #side #menu1 .zonp{
	font-weight:bold;
}
#side #menu1{
	font-size:1.2em;
	padding:0.2em;
	vertical-align:middle;
}
#side #menu1 ul{
	height:auto;
	padding:0.2em;
}

/*menu2*/
#side #menu2 li {
	/*display:inline;*/
	width:auto;
	height:auto;
	padding:0 0.25em;
	margin-left:0.2em;
	margin-right:0.2em;
	border:0;
}
#side #menu2{
	font-size:1.1em;
	padding:0.2em;
	vertical-align:middle;
}
#side #menu2 ul{
	height:auto;
	padding:0.2em;
}
#side #menu2 .zli1.zon, #side #menu2 .zli2.zon, #side #menu2 .zli2.zonp{
	font-weight:bold;
}

/*menu3*/
#side #menu3 li {
	/*display:inline;*/
	width:auto;
	height:auto;
	padding:0 0.25em;
	margin-left:0.2em;
	margin-right:0.2em;
	border:0;
}
#side #menu3{
	font-size:1em;
	padding:0.2em;
}
#side #menu3 ul{
	height:auto;
}
#side #menu3 .zli2.zon, #side #menu3 .zli3.zon, #side #menu3 .zli3.zonp{
	font-weight:bold;
}

/*menu4*/
#side #menu4 li {
	/*display:inline;*/
	width:auto;
	height:auto;
	padding:0 0.25em;
	margin-left:0.2em;
	margin-right:0.2em;
	border:0;
}
#side #menu4{
	font-size:0.9em;
	padding:0.2em;
}
#side #menu4 ul{
	height:auto;
	padding:0.2em;
}
#side #menu4 .zli3.zon, #side #menu4 .zli4.zon, #side #menu4 .zli4.zonp{
	font-weight:bold;
}

/*main*/
#main {
	margin:2%;
	padding:2%;
	text-align: justify;
	clear:both;
	border:solid 2px #c9d2f3;
}
#main h1, #main h2, #main h3{
	color: rgb(3,3,129);
}

/*bot*/
#bot {
	background-image: url(deco/bg_menu1.png);
	background-position:center center;
	background-size:100% 100%;
	background-repeat:repeat-x;
	background-color:#c9d2f3;
	font-size: 75%;
	text-align: center;
	margin:0;
	padding: 0;
	border-bottom: 1px solid #c9d2f3;
}

/* styles ziteplus */
.zul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
	/* background-color:#ffffff;*/
}
.zli1,.zli2,.zli3,.zli4 {
	background-image: url(deco/pge0.png);
	background-repeat: no-repeat;
	padding-left: 14px;
}
.zli1 { margin-left: 0px;}
.zli2 { margin-left: 16px;}
.zli3 { margin-left: 32px;}
.zli4 { margin-left: 48px;}
.zon {
	background-image: url(deco/pge1.png);
}
#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;
}