/* ==============================================
   ============================================== */

/* Entete */
#entete{
	background: url(img/entete-gauche.png) no-repeat left top;
}

#entete-bis{
	background: url(img/entete-droite.png) no-repeat right top;
}

#logo{
	background: url(img/logo2.gif) no-repeat 50% 0px;
}

.nav-horizontal ul, .nav-horizontal ul li a{
	color: #fff;
}

.nav-horizontal li a:hover,  .nav-horizontal li a:focus, .nav-horizontal li a:active{
	border-bottom: 2px solid #fff;
}

/* Conteneur central */
#centre {
	background: url(img/11-colgauche.png) repeat-y left top;
}
#centre-bis {
	background: url(img/11-coldroite.png) repeat-y right top;
}

/* Navigation Verticale et Mots cles*/
#nav-vertical ul, #motcle ul {
	list-style-type: none;
}

#nav-vertical li, #motcle li {
	list-style-image: url(img/list-1-black.png);
}

#nav-vertical li:hover, #motcle li:hover {
	list-style-image: url(img/list-1-white.png);
}

#nav-vertical a:hover, .navigation a:hover, .navigation a:focus, .navigation a:active, #motcle a:hover {
	color: #fff;
}

/*Mots cles*/
#motcle {
	background: #ccc;
}

#motcle h2{
	color: white;
}


/* Contenu principal */
#principal {
	color: #181A12;
}
#principal a {
	color: #332510;
}
#principal a:hover, #principal a:focus {
	color: #6E5122;
}
#principal strong {
	color: #181A12;
}

/* Pagination */
p.pagination {
	color: #ccc;
}


/* Pied de page */
#pied{
	background: url(img/pied-gauche.png) no-repeat left top;
}

#pied-bis{
	background: url(img/pied-droite.png) no-repeat right top;
}

#footer a:hover, #footer a:focus{
	color: white;
}

/*Divers*/
#desc_rub{
	background-color: #d4d4d4;
}


/* --- POSITIONNEMENT --- */
/*****Global
********Entete
**********Entete-bis
************Logo
************Nav horizontal
********Centre
**********Centre-bis
************Navigation
**************Nav-vertical
**************Recherche
**************Annonces
************Secondaire
**************Radiobox
************Principal
*********Pied
***********Pied-bis
*************Nav horizontal
*******/


/* Page */
body {
	padding: 0;
	margin-left: -86px;
	margin-right: -86px;
}

body#popup{
	margin: 0;
}

#global {
	position: relative;
	width: 90%;
	max-width: 90em;
	min-width: 1077px;
	margin: 0 auto;
}

/* En-tête */

#entete {
	padding-left: 4px;
}

#entete-bis {
	height: 347px;
	width: 100%;
	overflow: hidden;
}

#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* logo */
#logo{
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 267px;
	width: 889px;
	overflow: hidden;
}

/* Navigation horizontal */
.nav-horizontal{
	margin: 21px 90px 0px 88px;
}

.nav-horizontal ul{
	list-style: none;
	margin: 10px 0;
	text-align: center;
	
}

.nav-horizontal ul li {
	display: inline;
}

.nav-horizontal li a {
	text-decoration: none;
	font-size: 1.2em;	
}

/* Bloc central */

#centre-bis {
	width: 100%;
	overflow: hidden;
}

/*Navigation (Colonne de Gauche)*/
#navigation {
	float: left;
	width: 173px;
	padding: 10px 0px 10px 85px;
}

/*Recherche*/
#rechercher{
	padding: 10px 0px 10px 20px;
}

/*Annonces*/
#annonces{
	padding: 10px 0px 10px 30px;
}

/*Mots clés*/
#motcle{
	padding: 5px 0px 5px 5px;
}

/* Contenu principal */
#principal {
	margin-left: 265px;
	margin-right: 260px;
	padding: 0px 5px;
}

/* Cartouche des articles */
.cartouche{
	margin-top: 4px;
	padding: 2px;
	overflow: auto;
	
}

.cartouche .chapo img.spip_logos{
	margin-right: 4px;
}

.cartouche .chapo{
	text-align: justify;
}

/*Divers*/
#desc_rub{
	margin : 40px;
	text-indent: 15px;
	padding: 5px;
}


/* Contenu secondaire */
#secondaire {
	float: right;
	width: 160px;
	padding: 12px 20px;
	margin-right: 75px;
}

/*Radiobox et logos des liens*/
#radiobox, #logo-lien{
	width: 100%;
	margin-bottom: 10px;
}


/*Radiobox*/
#radiobox img{
	margin-left: 25px;
}

/*Logos lien*/
#logo-lien img{
	margin-top: 10px;
}

/*ML en kioske*/
#mlkioske{
	margin-left: 12px;
}

/*Navigation vertical et mots clés*/
#nav-vertical ul {
	margin: 0 0 0 30px;
	padding: 0 5px 5px 5px;
}

#nav-vertical li, #motcle li{
	text-indent: -12px;
}

#nav-vertical li ul{
	margin-left: 5px;
}

#nav-vertical a, #motcle a {
	display: block;
	height: 1%;
	padding: 0 10px;
	line-height: 1.3em;
	font-size: 1em;
	text-decoration: none;
}

/* Hierarchie */
#hierarchie{
	margin: 4px 0 5px 0;
	font-weight: bold;
	font-style: italic;
}

/* Pagination */
p.pagination {
	text-align: center;
	font-weight: bold;
}

a.lien_pagination{
	font-weight: normal;
}

.pagination span.on{
	font-weight: bold;
}

/* Pied de page */
#pied-bis {
	padding-top: 10px;
	height: 140px;
	width: 100%;
	overflow: hidden;
}

#footer{
	margin-top: 80px;
	text-align: center;
	font-size: 0.8em;
}