/*

body {

  background-color: #CCC;

  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%;}

h2 {font-size: 130%;}

h3 {font-size: 120%;}

h4 {font-size: 110%;}

h5 {font-size: 100%;}


#page {

	background-color:#FFF;

	border: solid 1px #CCC;

	border-top: none;

	background-color: #FFF;

	width: 900px;

	margin: 0 auto 16px auto;

	border-left: 1px solid #777;

	border-right: 1px solid #777;

	padding: 0;

	text-align: left;

}



#top {

	width: 900px;

	height: 69px;

	background-color: #FFF;

	background-image: url(deco/topbg.png);

	border-bottom: none;

	margin:0;

	padding: 10px 0 0 0;

}



#mid {

	width: 900px;

	border-bottom: 1px solid #CCC;

	background-image: url(deco/bg.png);

	margin:0;

	madding: 0;

}



#side {

	width: 180px;

	float: right;

	margin:0;

	padding: 5px 10px 5px 10px;

}



#main {

	width: 676px;

	float: left;

	margin:0;

	padding: 7px;

	text-align: justify;

}



#break {

	clear: both;

}



#bot {

	width: 900px;

	border-bottom: 1px solid #777;

	background-image: url(deco/topbg.png);

	font-size: 75%;

	text-align: center;

	margin:0;

	mapping: 0;

	color: #225;

}



#top h1 {

	margin: 0;

	padding: 0 0 0 10px;

	color: #FFF;

	font-size: 24px;

}

#top h2 {

	margin: 0;

	padding: 4px 0 5px 10px;

	color: #EEF;

	font-size: 90%;

}



/* Menu */
/*
.zul {

	padding: 0;

	margin: 10px 0 0 0;

	list-style: none;

}

.zli1,.zli2,.zli3,.zli4 {

	background-image: url(deco/pge0.png);

	background-repeat: no-repeat;

	padding-left: 14px;

}

.zon {

	background-image: url(deco/pge1.png);

}

.zli1 {

	margin-left: 0px;

}

.zli2 {

	margin-left: 16px;

}

.zli3 {

	margin-left: 32px;

}

.zli4 {

	margin-left: 48px;

}



/* 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;

}

a {

	color: #35B;

        background-color:white;

	text-decoration: none;

}

a:hover {color:white;

	 background-color: #35B;

}

*/
a.tm { display: block; 

       float:left;

       margin-left:5px;

       text-decoration: none; 

       background-color: aqua;

       width: 200px; 

       height: 70px; 

       background-image:url(http://ascaliespectacles.com/zfiles/8.png); 

} 

a.tm:hover { visibility: visible 

} 

a.tm:hover img { visibility: hidden 

}



a.ad { display: block; 

       float:left;

       margin-left:5px;

       text-decoration: none; 

       background-color: aqua;

       width: 200px; 

       height: 70px; 

       background-image:url(http://ascaliespectacles.com/zfiles/6.png); 

} 

a.ad:hover { visibility: visible 

} 

a.ad:hover img { visibility: hidden 

}



a.as { display: block; 

       float:left;

       margin-left:5px;

       text-decoration: none; 

       background-color: aqua;

       width: 200px; 

       height: 70px; 

       background-image:url(http://ascaliespectacles.com/zfiles/7.png); 

} 

a.as:hover { visibility: visible 

} 

a.as:hover img { visibility: hidden 

}

/******************* TEMPLATE ZONE **************************************/

/* top right bottom left */



body {

background-color: #E9E9E9;

/*   background-image: url(zone/bg.jpg);   */

background-repeat: repeat-x;

margin: 0;

  padding: -1px;

  text-align:center;

}



body, td {

  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

  font-size: 10pt;

}

img {border: none;}

h1 {font-size: 150%;}

h2 {font-size: 130%;}

h3 {font-size: 120%;}

h4 {font-size: 110%;}

h5 {font-size: 100%;}



a {

	color: #4D4D4D;

	text-decoration: none;

}

a:hover {

	color: #888888;

}



#page {

	background-color:white;

	border: solid 0px #CCC;

	border-top: none;

	background-color: none;

	width: 900px;

	margin: 0 auto 0px auto;

	border-left: 0px solid #777;

	border-right: 0px solid #777;

	padding: 0;

	text-align: left;

	position: relative;

}



#top {

	width: 908px;

	height: 212px;

	text-align: left;

  color: transparent;

font-size : 12px;

	background-image: url(zone/bgtop.jpg);

background-image: no-repeat;

	border-bottom: none;

	margin: 0;

	padding: 10px 2px 0px 0px;

}



#mid {

	width: 910px;

	border-bottom: 0px solid #CCC;

	background-color: #fff;

	background-image: url(zone/bgmid.jpg);   

	margin:0;

	padding:0;

}



#side {

	width: 181px;

	float: right;

    margin: auto -20px ;

    padding: 50px 50px 10px 10px;

}



#main {

	width: 640px;

	float: left;

	margin:0;

	padding: 10px 5px 0px 30px;

	text-align: justify;

}



/*#main h1 {

  position: absolute;

  left: 32px;

  top : 220px;

  font-size: 18px;

  width: 480px;

}

*/

#break {

	clear: both;

}



#bot {

	width: 910px;

/*    height: 64px;  */

	border-bottom: 0px solid #777;

	background-image: url(zone/bgbot.png);

    background-repeat: no-repeat;  

	font-size: 75%;

	text-align: left;

color: #4D4D4D;

padding: 20px;/**decale le texte site motorise vers le bas de 34px**/

	margin: 0;

	mapping: 0;

	

}



#top h1 {

	margin: 20px auto auto 16px;

	padding: 0 0 0 10px;

	color: #E9E9E9;

	font-size: 24px;

}

#top h2 {

	margin: 2px 0 0 16px;

	padding: 4px 0 5px 10px;

	color: #E9E9E9;

	font-size: 90%;

}



/* Menu */

.zul {

	padding: 0;

	margin: 10px 0 0 0;

	list-style: none;

font-weight: bold;

margin : 0 0 0 0px; padding : 6px 0;

}









.zli1,.zli2,.zli3,.zli4 {

	background-image: url(zone/menu-2.png);

	background-repeat: no-repeat;

	padding-left: 19px;

	margin-top: 6px;

}





.zli1:hover,.zli2:hover,.zli3:hover,.zli4:hover {

	background-color: #FFFFFF !important;  /* url(zone/menu-2.png) !important; */

	background-image: url(zone/menu-1.png) !important; 

        background-repeat: no-repeat;

  	padding-left: 19px;

        padding-top: 0px;

        padding-bottom: 0px;

        margin-top: 6px;

        margin-bottom: 0px;

        text-decoration: none;

        color: #FFFFFF;    

}







/** page selectionnée dans le menu**/

.zon {

	background-image: url(zone/menu-1.png)

}

.zli1 {

	margin-left: -10px;

}

.zli2 {

	margin-left: 5px;

	font-size: 11px;

}

.zli3 {

	margin-left: 32px;

	font-size: 10px;

}

.zli4 {

	margin-left: 48px;

}



/* 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;

}