/**
* CSS - Ecrite par Fabien Pamelard pour Kokoa
* Avril 2010 
**/


/* ----------------------------- */
/*           GENERAL             */
/* ----------------------------- */
body{
	background: #000;
	font-family: Gill Sans, sans-serif;
	font-size: 0.85em;

	margin-left: auto;
	margin-right: auto;

	width: 1050px;
}

#contentHome, #contentMain, #footer{
	float:left;
	width: 100%;
	
	background: #000 url('../images/back.jpg') no-repeat left bottom;

	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

#contentHome{
	margin-top: 6px;
}

#spacer{
	clear:both; 
	margin-bottom: 40px;
}

#footer{
	clear:both;
	margin-top: 0.5em;
	border: 0;
	background: #000;
	font-size: 0.7em;
	color: #fff;
}

#logo{ 
	float: left;
	width:199px; 
	margin-left: -4px; 
}

a{ 
	color: #fff;
	text-decoration: none; 
}
a:hover{ color: #fff; text-decoration:underline; }
a img{ border: 0; }

p{ 
	font-size:0.9em; 
}

h1{
	font-size:1.3em;
}

/* ----------------------------- */
/*        ACCUEIL                */
/* ----------------------------- */
#menuHome, #mainContent{
	margin-left: 100px;
	width: 600px;
	float:left;
}

.imgMenuHome{
	float:left;
	padding: 0.2em;
}

.imgMenuHome:hover{
	-moz-box-shadow: 0px 0px 1px 0px #fff;
}

/* ----------------------------- */
/*        NAVIGATION             */
/* ----------------------------- */
#mainContent{
	width: 712px;
}

#menu{
	float:left;
	background: #000;
	width: 702px;
	height:18px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	padding:3px;
	margin-top: -3px;
}

#menu a:hover{
	text-decoration: none;
}

#menu ul{
	float:left;
	margin-top:0px;
}

#menu li{
	display: inline;
	background: #000 url('../images/separateur.png') no-repeat right center;
	padding-right: 13px;
}

#mainText{
	clear:both;
	background: #fff url('../images/mainback.png') no-repeat left top;
	text-align: justify;

	padding: 0.5em 2em 2em 2em;

	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;

	min-height: 550px;
}

#mainText a{ 
	color: #000;
	text-decoration: none; 
}
#mainText a:hover{ color: #000; text-decoration:underline; }


#mainText ul{
	font-family: Gill Sans, sans-serif;
	font-size: 0.85em;
	margin-left: 0em;
	padding-left:0em;
}

#mainText li{
	list-style: url('../images/flecheb.png') inside;
	margin-left: 0em;
	margin-bottom:1em;
	padding-left:0em;
}


.menuBackHome{
	margin-left: 20px;
	float:left;
}


.menuOn a{
	color: #000;
	background: transparent url('../images/active.png') no-repeat center center;
	padding:1.5em;
	width: 154px;
}

#accesRapide{
	float:left;
	font-variant: small-caps;
	text-align:left;
	line-height: 1.8em;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 0.9em;
	margin-right: -50px;
}

.rapideOn{
	background: transparent url('../images/fleche.png') no-repeat center left;
	padding-left: 10px;
}

.rapideOff{
	padding-left:10px;	
}

/* ----------------------------- */
/*        SURCHARGE SPIP         */
/* ----------------------------- */
spip_documents{
	padding: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 2em;
}