/* -- l'éternel body body, canaille !! -- */
body{
	background: #000 url(../img/fondPages.jpg) left top repeat-x fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #ccc;
	line-height: 1.2em;
	margin: 0;
}

img { border: 0; }
p { padding: 0; margin: 8px 0; line-height: 14px; }
.centrer { text-align: center; }
a {
	color: #ccc;
	text-decoration: none;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}
.exposant {
	font-size: 8px;
	vertical-align: 30%;
}
pre {
	background: #333;
}
/* -- les identifiants qui vont bien, s'agirait de faire joli -- */

#mainconteneur {
	width: 900px;
	background: #000 url(../img/footer.jpg) left bottom no-repeat;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
#mainconteneurie6 {
	width: 900px;
	background: #000;
	margin: 0 auto;
	position: relative;
	padding: 0;
}
#header {
	height: 275px;
	width: 900px;
	margin: 0;
	background: url(../img/header.jpg) left top no-repeat;
}
#footer {
	clear: both;
	height: 170px;
	background: url(../img/footer.jpg) left bottom no-repeat;
}
/* -- le menu -- */
#menu {
	width: 200px;
	height: 600px;
	padding: 0 25px;
	font-size: 11px;
	float: left;
	/*position: absolute;
	left: 0;
	top: 0;*/
}
#menuTop {
	width: 200px;
	height: 76px;
	background: url(../img/menuTopJaw.jpg) center center no-repeat;
}
#menuBottom {
	width: 200px;
	height: 62px;
	background: url(../img/menuBottomJaw.jpg) center center no-repeat;
}
#liensMenu,
#accueilMenu,
.menuTrig {
	display: block;
	height: 43px;
	width: 200px;
	overflow: hidden;
	background-position: left bottom;
	background-repeat:  no-repeat;
}
.menuTrig:hover, .menuTrig.selectTrig {
	background-position: left top;
}
#liensMenu span,
#accueilMenu span,
.menuTrig span {
	position: absolute;
	left: -10000px;
}
#menu a:hover {
	text-decoration: none;
}
#mootoolsMenu {
	background-image: url(../img/mootoolsButt.jpg);
}
#utilMenu {
	background-image: url(../img/utilButt.jpg);
}
#menu ul {
	margin: 0;
	padding: 0 0 1px 0;
	list-style-type: none;
}
#menu ul li {
	width: 200px;
	padding: 1px 0 0 0;
	text-align: center;
	margin: 1px 0;
}
#menu ul li a {
	display: block;
	width: 200px;
	height: 18px;
	padding: 4px 0 0 0;
	overflow: hidden;
	background-image: url(../img/menuButtsBg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#menu ul li a:hover,
#menu ul li a.menuSelec {
	color: #222;
	background-position: left top;
}
#accueilMenu {
	background-image: url(../img/accueilButt.jpg);
}
#liensMenu {
	background-image: url(../img/liensButt.jpg);
}
#liensMenu:hover,
#liensMenu.accSelec,
#accueilMenu:hover,
#accueilMenu.accSelec {
	background-position: left top;
}
	
/* -- home --*/
#homeTxt {
	width: 320px;
	padding: 0 20px 0 0;
	text-align: left;
	float: left;
	margin-right: 30px;
}
/* zi contenu central */
#content {
	width: 600px;
	padding: 0 20px 0 0;
	text-align: left;
	float: left;
}
#noie6content {
	width: 715px;
	padding: 0 75px 30px 75px;
	text-align: left;
	float: left;
}
h1 {
	font-size: 14px;
	padding: 43px 0 2px 40px;
	background: url(../img/titleflea.jpg) left top no-repeat;
	margin: 0 0 20px 0;
}
#rienCloud {
	text-align: left;
	float: left;
	width: 230px;
}
p#ziOnlyNews {
	margin: 0 0 20px 0;
}
#rienCloud #zirien {
	line-height: 25px;
	margin: 0 0 20px 0;
	float: left;
}
#rienCloud a.rien {
	display: block;
	float: left;
	margin: 3px;
}
#rienCloud p#rienComment {
	font-size: 12px;
	margin: 0 0 15px 0;
}

/* -- quelques styles pour les textes -- */
.miniComment {
	font-size: 10px;
}
.inter {
	font-weight: bold
}
.grasital {
	font-weight: bold;
	font-style: italic;
}
.ital {
	font-style: italic;
}

/* -- la page crypt -- */
form.crypt {
	width: 360px;
	padding: 0;
	border: 1px solid #ededed;
	background-color: #222;
	margin: 20px 0 0 0;
	color: #ededed;
}
form.crypt table {
	width: 360px;
	margin: 0;
	empty-cells: show;
}
form.crypt table td.itemnom {
	text-align: right;
	padding: 4px;
	border: 1px solid #ccc;
	font-size: 11px;
	width: 50%;
}
form.crypt table td.itemnomcenter {
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
	font-size: 11px; 
}
form.crypt table td.iteminput {
	text-align: left;
	padding: 4px;
	border: 1px solid #ccc;
	width: 50%;
}
form.crypt table td.iteminputcenter {
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
}
form.crypt table td.titre {
	text-align: center;
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #f90;
	color: #333;
	font-size: 14px;
}

/* -- le calendrier -- */
#perpet {
	width: 400px;
	margin: 12px 0;
}
#calendar {
	border-collapse: collapse;
	margin: 8px 0;
}
#calendar td.vide,
#calendar td.jour,
#calendar td.nomjour,
#calendar td.event,
#calendar td.recurrent {
	width: 25px;
	text-align: center;
	padding: 3px;
	border: 1px solid #ccc;
}
.moisaff {
	background-color: #ededed;
	color: #333;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ededed;
	border-bottom: 1px solid #ccc;
	padding: 3px 0;
}
.nomjour {
	background-color: #111;
	color: #fff;
}
.vide {
	background-color: #888;
	color: #444;
}
.jour {
	background-color: #fff;
	color: #444;
	font-style: italic;
}
.moispreclien,
.moislien,
.moissuivlien {
	background-color: #444;
	border: 1px solid #444;
}
.moispreclien {
	padding: 3px;
	text-align: left;
}
.moissuivlien {
	padding: 3px;
	text-align: right;
}
.moispreclien a,
.moissuivlien a {
	text-decoration: none;
	color: #fff;
}
.anneepreclien,
.anneelien,
.anneesuivlien {
	background-color: #ededed;
	border: 1px solid #ededed;
	border-top: 1px solid #333;
}
.anneepreclien {
	padding: 3px;
	text-align: left;
}
.anneesuivlien {
	padding: 3px;
	text-align: right;
}
.anneepreclien a,
.anneesuivlien a {
	text-decoration: none;
	color: #333;
}

.jourdhui {
	font-weight: bold;
	color: #000;
	font-style: normal;
}
.calrec {
	background-color: #333;
}
.calrec a {
	font-style: normal;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

/* -- pour les tips mootools -- */
.bubulle {
	cursor: help;
	text-decoration: none;
}
.tips{

}
.tip{
	width: 160px;
	z-index: 500;
}
.tip-title {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	background-color: #000;
	text-align: left;
}
.tip-text { 
	font-size: 11px;
	padding: 5px;
	background-color: #333;
	text-align: left;
	color: #fff;
}

/* -- les pages de scripts -- */
h2.scriptsh2 {
	font-size: 13px;
	font-weight: bold;
	color: #ececec;
	margin: 8px 0;
	padding: 0;
}

/* page infos utiles */
ul#infos {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#infos li {
	margin: 5px 0;
	padding: 0;
}
/* -- page de liens -- */
.linksUl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.linksUl li {
	display: block;
	padding: 4px 20px;
	background-color: #000;
}
.linksUl li a {
	font-weight: bold;
}