body {
	margin:0;
	font:11px Tahoma, Arial, sans-serif;
	background:#004E91 url(../images/body-bg.jpg) repeat-x;
	color:#323232;
}
img {border-style:none;}
form {
	padding:0;
	margin:0;
}
/*page*/
#page {
	margin:0 auto;
	width:955px;
	overflow:hidden;
	background:url(../images/page-bg.png) repeat-y;
}
/*main box*/
.main {
	position:relative;
	height:1%;
	overflow:hidden;	
}
/*primary content*/
.primary-content {
	height:1%;
	overflow:hidden;
	padding:-5px 38px 13px 5px;
}

.moduletable {padding: 0;}
.moduletable_clear {padding: 0;}

/* ---------- MAIN COLUMN - BANNIERE TOP SHOWCASE2 DEBUT */
.main-col {
	width:679px;
	float:right;
	margin:0 0 0 -4px;
	position:relative;
}

/* info box */
.info {
	height:1%;
	margin:0 0 0 0;
	padding:11px 0 8px 16px;
	color:#fff;
	overflow:hidden;
	background:#666 url(../images/info-bg.gif) repeat-y;
}
.info p {
	float:left;
	margin:0;
	font-size:10px;
}
.info ul {
	float:right;
	padding:0 10px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.info ul li {
	float:left;
	background:url(../images/separator2.gif) no-repeat 0 2px;
	padding:0 7px 0 8px;
	margin:0 1px 0 -1px;	
}
.info ul li a {
	color:#fff;
	background:url(../images/bullet2.gif) no-repeat 0 8px;
	padding:0 3px 0 14px;
}
.info ul li a:hover {text-decoration:none;}

.main-img {
	width:676px;
	height:1%;
	overflow:hidden;
	padding:0 0 0px;	
	margin:0 0 0px;
}

.main-img-bottom {
	width:676px;
	height:10px;
	background:url(../images/main-img-bg.gif) no-repeat 0 100%;
	display:block;
	overflow:hidden;

}

/* ---------- MAIN COLUMN - BANNIERE TOP SHOWCASE2 FIN */


/*menu start*/

.menu {
	width:676px;
	margin:0 0 24px;
	position:relative;
	z-index:2;
}

.menu,

.menu-cnt {
	paddin:0;
	height:1%;
	height:50px;
	background-image: url(../images/menu-list-bg.gif);
	background-repeat: repeat;
}

.menu:after,

.menu-cnt:after,

.menu ul:after {
	content:" ";
	display:block;
	width:100%;
	overflow:hidden;
	height:0;
	clear:both;
}
.menu-cnt {
	background:url(../images/menu-btm.gif) repeat-x 0 100%;
	padding:0 0 7px;
}
.menu ul {
	height:1%;
	padding:0;
	margin:0;
	list-style:none;
	background:url(../images/menu-list-bg.gif) no-repeat;
}
.menu ul li {
	float:left;
	font:bold 12px Tahoma, Arial, sans-serif;
	background:url(../images/separator3.gif) no-repeat 0 18px;
	padding:16px 31px 12px 35px;
	text-transform:uppercase;
}
.menu ul li:first-child {background:none;}

.menu ul li.hover,
.menu ul li:hover {position:relative;}

.menu ul li a {
	color:#fff;
	text-decoration:none;
	font-size: 10px;
}
.menu ul li a:hover {text-decoration:underline;}
.menu ul ul {
	position:absolute;
	top:42px;
	left:0;
	padding:0;
	margin:0;
	list-style:none;
	width:180px;
	z-index:5;
	display:none;
}
.menu ul ul li {
	padding:0;
	margin:0;
	background:#7C8F00;
	width:170px;
	padding:0 0 5px 10px;
	float:none;
	line-height: 20px;
	font-size: 12px;
}
.menu ul ul li:first-child {background:#7C8F00;}
.menu ul li.hover ul,
.menu ul li:hover ul {display:block;}
/*menu end*/


/*text area*/
.contentheading h1 {
	margin:0;
	background:#838383 url(../images/arrow.gif) no-repeat 13px 6px;
	font:11px/16px Tahoma, Arial, sans-serif;
	padding:0 21px 1px;
	color:#fff;
	position:relative;
	z-index:1;
}


/*text box - contenu */


/*services column*/
.services {
	margin:5px 0 24px -10px;
	float:right;
	width:183px;
	overflow:hidden;
}
/*calendar*/
.calendar {margin:0 0 19px;}
.calendar,
.calendar-top,
.calendar-btm {
	height:1%;
	overflow:hidden;
	/*background:url(../images/calendar-bg.gif) repeat-y;*/
}
.calendar-top {background:url(../images/calendar-top.gif) no-repeat;}
.calendar-btm {
	background:url(../images/calendar-btm.gif) no-repeat 0 100%;
	padding:13px 9px 15px;
}
.calendar h3.evenements {
	margin:0;
	height:37px;
	background:url(../images/evenements.gif) no-repeat;
	text-indent:-9999px;
}
/*month*/
ul.month {
	padding:10px 0 7px;
	margin:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	text-align:center;
}
ul.month li {
	display:inline;
	padding:0 2px;
	text-transform:uppercase;
	font:bold 13px Tahoma, Arial, sans-serif;
}
ul.month li a {
	text-decoration:none;
	color:#7C9000;
}
ul.month li a:hover {text-decoration:underline;}
/*days table*/
.days {
	width:100%;
	border-collapse:collapse;
}
.days th,
.days td {
	width:24px;
	text-align:center;
	padding:3px 0 6px;
	font:bold 13px Tahoma, Arial, sans-serif;
	color:#F49D08;
}
.days th.active,
.days td.active a {color:#2BA8E2;}
.days td {
	font:bold 10px Tahoma, Arial, sans-serif;
	color:#323232;
	padding:3px 0;
}
.days a {
	color:#323232;
	text-decoration:none;
}
.days a:hover {text-decoration:underline;}
/*service list*/
ul.service-list {
	padding:0;
	margin:0 3px 0 4px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
ul.service-list li {
	background:#e5e5e5;
	height:1%;
	margin:0 0 20px;
	overflow:hidden;
	font:bold 11px/20px Tahoma, Arial, sans-serif;
	text-transform:uppercase;
}
ul.service-list li.admin {background:#e5e5e5 url(../images/admin-bg.gif) no-repeat 147px 4px;}
ul.service-list li.meteo {
	background:#e5e5e5 url(../images/meteo-bg.gif) no-repeat 116px 0;
}
ul.service-list li.prier {background:#e5e5e5 url(../images/prier-bg.gif) no-repeat 145px 0;}

ul.service-list li a {
	text-decoration:none;
	color:#7A7A7A;
	display:block;
	padding:0 0 0 7px;
}
ul.service-list li.meteo a {
	color:#819500;
	padding:10px 0 10px 7px;
}
ul.service-list li a:hover {text-decoration:underline;}
/*control list*/
ul.control-list {
	padding:0;
	margin:0;
	list-style:none;
	width:194px;
	overflow:hidden;
}
ul.control-list li {
	float:left;
	width:87px;
	margin:0 10px 10px 0;
	background:#e5e5e5;
	text-transform:uppercase;
	font:bold 9px Tahoma, Arial, sans-serif;
}
ul.control-list li.wali {background:#e5e5e5 url(../images/wali-bg.gif) no-repeat 22px 18px;}
ul.control-list li.annuaire {background:#e5e5e5 url(../images/annuaire.gif) no-repeat 26px 14px;}
ul.control-list li.petites {background:#e5e5e5 url(../images/petites-bg.gif) no-repeat 27px 13px;}
ul.control-list li.tele {background:#e5e5e5 url(../images/tele-bg.gif) no-repeat 25px 14px;}

ul.control-list li a {
	min-height:33px;
	padding:60px 6px 0;
	color:#2280D1;
	display:block;
	text-decoration:none;
}
* html ul.control-list li a {height:33px;}
ul.control-list li a span {float:right;}
ul.control-list li.annuaire a,
ul.control-list li.tele a {
	padding-top:75px;
	text-align:center;
	min-height:18px;
}
* html ul.control-list li.annuaire a,
* html ul.control-list li.tele a {height:18px;}

ul.control-list li a:hover {text-decoration:underline;}

/*sidebar*/
.sidebar {
	float:left;
	width:237px;
}
/*logo*/
.logo {
	display:block;
	text-indent:-9999px;
	width:237px;
	height:144px;
	background:url(../images/logo.gif) no-repeat;
	overflow:hidden;
	margin:0 0 2px;
}
.logo a {
	display:block;
	height:100%;
}
/*side area */
.side-area {width:237px; margin:0 0 12px 0;}
.side-area-top {background:url(../images/side-area-top.gif) no-repeat;}
.side-area-btm {
	width:237px;
	height:1%;
	overflow:hidden;
	background:url(../images/side-area-bg.gif) repeat-y;
}
.side-area-btm {
	background:url(../images/side-area-btm.gif) no-repeat 0 100%;
	padding:0 4px;
}
/*search*/
.search_clear {
	width:237px;
	background:url(../images/side-area-top.gif) no-repeat;
	padding: 20px 0 0 40px;
}
.search,
.search div  {
	height:1%;
	padding:23px 9px 9px 30px;
	overflow:hidden;
}
.search div {padding:0 0 8px;}
.search label,
.login label {
	float:left;
	font:bold 11px/18px Tahoma, Arial, sans-serif;
	color:#535252;
	text-transform:uppercase;
}
.search input.text,
.login input.text {
	float:right;
	width:120px;
	padding:1px 2px 2px;
	border:1px inset #404040;
	font:12px Tahoma, Arial, sans-serif;
}
.button_clear {
	margin: 5px 0 0 126px;
	height: 20px;
	width: 29px;
	background-image: url(../images/ok-btn.gif);
}

.search input.button {float:right;}
.side-area h3 {
	margin:0;
	text-indent:-9999px;
	height:37px;
}
.side-area h3.espase-members {background:url(../images/espace-members.gif) no-repeat;}
.side-area h3.decouvrir-safi {background:url(../images/decouvrir-safi.gif) no-repeat;}
.side-area h3.safi-en-chantier {background:url(../images/safi-en-chantier.gif) no-repeat;}
.side-area h3.danc-la-province {background:url(../images/danc-la-province.gif) no-repeat;}
/*login*/
.login,
.login div {
	height:1%;
	overflow:hidden;
	padding:14px 9px 23px 11px;
}
.login div {padding:0 0 4px;}
.login input.text {width:110px;}
.login input.button {
	float:left;
	margin:5px 0 0;
}
.login input.button-right {float:right;}

/*menu gauche*/

a.mainlevel, a.mainlevel{
	margin:20px;
	line-height: 15px;
	height: 20px;
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding:0 0 10px 15px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	color:#323232;
	font-size: 11px;
}
a.mainlevel:hover, a.mainlevel:active {text-decoration: underline;}

.moduletable-clear {padding-top:0px;}
.moduletable-event {
	padding-top:0px;
	width: 200px;
	height:37px;
	background-image: url(../images/decouvrir-safi.gif);
}

.moduletable-image {padding-top:20px; }
/*mainlevel ul.list {
	padding:0;
	margin:12px 0 5px 18px;
	list-style:none;
	height:1%;
	overflow:hidden;
}
.mainlevel ul.list li {
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding:0 0 6px 13px;
	text-transform:uppercase;
	font-weight:bold;
}
.mainlevel ul.list li a {
	text-decoration:none;
	color:#323232;
}
.mainlevel ul.list li a:hover {text-decoration:underline;}*/

/*image area*/
.img-area,
.img-area-cnt {
	height:1%;
	overflow:hidden;
	background:url(../images/img-area-top.gif) no-repeat;
}
.img-area-cnt {
	background:url(../images/img-area-btm.gif) no-repeat 0 100%;
	padding:9px 0 9px 3px;
}
.img-area img {
	display:block;
	border:1px solid #6B6867;
}

/*footer*/
.footer {
	width:896px;
	background:url(../images/footer-bg.gif) repeat-x;
	margin:0 0 0 9px;
	padding:10px 0 6px 8px;
	overflow:hidden;
}	
.footer a {color:#2DADE6;}
.footer p {
	float:left;
	margin:0;
	font-size:9px;
}
.footer p a {text-decoration:none;}
.footer p a:hover {text-decoration:underline;}
.footer ul {
	float:right;
	padding:5px 0 0;
	margin:0;
	list-style:none;
	overflow:hidden;
}
.footer ul li {
	float:left;
	background:url(../images/separator.gif) no-repeat 0 1px;
	padding:0 5px 0 17px;
	margin:0 1px 0 -1px;
}
.footer ul li a {text-decoration:none;}
.footer ul li a:hover {text-decoration:underline;}

/*language list */
ul.language {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0 0 0 931px;
	padding:0;
	position:absolute;
	right:0;
	top:50px;
	width:27px;
}
* html ul.language {right:-1px;}

ul.language li {
	height:1%;
	overflow:hidden;
	margin:0 0 7px;
}
ul.language li a {
	display:block;
	width:27px;
	height:64px;
	text-indent:-9999px;
}
ul.language li a.arabic {background:url(../images/arabic.gif) no-repeat;}
ul.language li a.france {background:url(../images/france.gif) no-repeat;}
ul.language li a.english {background:url(../images/english.gif) no-repeat;}
ul.language li a:hover,
ul.language li.active a {background-position:-27px 0;}