/******************************************************************************/
/*                       Mise en page                                         */
/******************************************************************************/


/* bandeau contenant le titre du site */
#bandeau {
	width:            900px;
	height:           110px;
	margin:           10px auto 0px auto;
	padding:          0px;
	text-align:       center;
	border:           1px solid #999;
	background-image: url("images/banner.jpg");
}

/* Titre du site */
#bandeau #nomSiteSpip {
	width:        200px;
	height:       110px;
	margin:       0px 30px 0px auto;
	font-family:  helvetica, sans-serif;
	font-size:    24pt;
	font-weight:  bold;
	text-align:   right;
	padding:      0px;
	color:        #FFFFFF;
}

/* Fil d'Ariane */
#hierarchie {
	clear:      both;
	background: #FFFFFF;
	position:   relative;
	margin:     0px auto 10px auto;
	border:     1px solid #999;
	border-top: 0px;
	padding:    1px 10px 0px 10px;
	width:      800px;
	height:     18px;
	font-size:  0.77em;
	text-align: left;
}

#hierarchie a, #hierarchie a:hover, #hierarchie a:visited {
	color:          #777777;
	text-decoration: none;
	font-weight: bold;
}

/* Menu de navigation */
dl, dt, dd, #menuLat ul, #menuLat li {
	margin:          0px;
	padding:         0px;
	list-style-type: none;
}

#menuLat {
	padding:       0px;
	margin-bottom: 16px;
	text-align:    center;
}

#menuLat dt {
	cursor:      pointer;
	margin:      0px 0px 2px 0px;
	height:      30px;
	line-height: 30px;
	text-align:  left;
	font-weight: bold;
	border:      1px solid #999;
	background:  #F6F6F6;
}

#menuLat dt .spip_logos {
	margin: auto 5px auto 10px;
}

#menuLat dd {
	border:  1px solid #999;
	width:   166px;
	margin:  0px auto 2px auto;
}

#menuLat li {
	text-align: center;
	background: #FFF;
}

#menuLat td.border {
	background: #999;
	width:      5px;
}

#menuLat .item {
	background: #F3F3F3;
	text-align: left;
}

#menuLat li a, #menuLat dt a {
	color:           #000000;
	text-decoration: none;
	display:         block;
	border:          0 none;
	height:          100%;
}

#menuLat li a:hover, #menuLat dt a:hover {
	/*background: #eee;*/
	background: #FAC17A;
}

#conteneur {
	position:      relative;
	margin-left:   auto;
	margin-right:  auto;
	margin-bottom: 0.5em;
	width:         900px; 
}

/* colonne de gauche, servant à la navigation*/
#conteneur #navigation {
	margin: 0px 0px 0px 0px;
	float:  left;
	width:  180px;
	vertical-align: top;
}


/* conteneur principale */
#conteneur #principal {
	background: #FFFFFF;
	border:  1px solid #999;
	padding: 0px 10px 2em 10px;
	margin:  0px 0px 0px 190px;
}

/* conteneur principal invisible */
#conteneur #principalInvisible {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 190px;
}

/* conteneur message d'accueil */
#conteneur #messageAccueil {
	background: #FFFFFF;
	border:  1px solid #999;
	padding: 0px 10px 10px 10px;
	margin:  0px 0px 10px 0px;
}

/* extrait photo (dans sommaire) */
#conteneur #photos {
	background: #FFFFFF;
	float:   left;
	border:  1px solid #999;
	padding: 0px 10px 10px 10px;
	margin:  0px 0px 0px 0px;
	width:   250px;
}

/* news from google reader */
#conteneur #GReader {
	background: #FFFFFF;
	border:  1px solid #999;
	padding: 0px 10px 10px 10px;
	margin:  0px 0px 0px 282px;
}

/* Pied de page */
#pied {
	clear: both;
	margin: 12px 16px 12px 16px;
	border-top: 1px solid #F3F3F3;
	padding: 6px;
	text-align: center; 
}
#pied small { font-size: 0.77em; }
#pied img   { vertical-align: bottom; }

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


/******************************************************************************/
/*                       Styles par défaut                                    */
/******************************************************************************/


body {
	background:  #F8F8F8;
	margin-top:  0px;
	margin-left: 0px;
}

a, a:hover, a:visited {
	color:           rgb(0,102,204);
	text-decoration: underline;
}

img { border: 0px; }

hr { border: 1px solid #999; }


/******************************************************************************/
/*                       Classes de style                                     */
/******************************************************************************/

/* Style communs */
a.noEffect, a.noEffect:hover, a.noEffect:visited {
	color: #000000;
	text-decoration: none;
}

pre.code {
	background: #FFFFE0;
	padding:    10px;
	border:     1px solid #999;
}


/* Style page de sommaire */
/**************************/

.welcomeSite {
	margin-top:    5px;
	margin-bottom: 5px;
	font-size:     20pt;
	font-family:   tahoma, geneva, sans-serif;
	font-weight:   bold;
	text-align:    right;
	color:         #000;
}

.titreSommaire {
	margin-top:    2px;
	margin-bottom: 5px;
	font-size:     small;
	font-family:   tahoma, geneva, sans-serif;
	text-align:    right;
	font-weight:   bold;
	color:         #777777;
}

.datePhoto {
	font-size:   0.71em;
	font-style:  italic; 
	text-align:  left;
	margin-left: 10px;
}

.feedGReader {
	margin-bottom: 15px;
}

.feedGReader .imgGReader {
	margin: 5px auto 5px auto;
}

/* Liste de rubrique */
/*********************/

/*  Cartouche de la rubrique */
.cartoucheRubrique { 
	margin: 0px 0px 0em 0px;
}

.cartoucheRubrique .logoRubrique {
	float: left;
	margin: 5px 0px 0px 0px;
}

.cartoucheRubrique .titreRubrique {
	margin-top:    5px;
	margin-bottom: 5px;
	font-size:     20pt;
	font-family:   tahoma, geneva, sans-serif;
	font-weight:   bold;
	text-align:    right;
	color:         #000;
	/*border-bottom: 1px solid #999;*/
}

.cartoucheRubrique .lastModified {
	font-size:  0.71em;
	font-style: italic; 
	text-align: right;
}

.cartoucheRubrique .description {
	border: 1px solid #999;
	background: #F8F8F8;
	margin: 1.5em 30px 1.5em 30px;
	height: 50px;
	padding: 2px 5px 2px 5px;
}

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
}

/* Details de la rubrique */
.listeContenu { 
	margin-top: 20px;
}

.listeContenu .titre {
	text-align:    left;
	font-size:     x-large;
	font-weight:   bold;
	border-bottom: 1px solid #999;
}

.listeContenu .titreContenu {
	text-align:  left;
	font-size:   large;
	font-weight: bold;
	margin-top:  20px;
}

.listeContenu .descriptionContenu {
	text-align:  left;
	font-size:   medium;  
	margin-left: 20px;
	border-left: 1px solid #999;
	padding-left: 10px;
}

.listeContenu .descriptionContenu li {
	list-style: disc inside url("images/li2.png");
}

.listeContenu a.lienContenu, a.lienContenu:hover {
	color:      rgb(0,102,204);
	font-style: italic;
	text-decoration: underline;
}

.listeContenu ul, .listeContenu li {
	margin:          0px;
	padding:         0px;
	list-style-type: none;
}

/*  Cartouche de l'article */
.cartoucheArticle { 
	margin: 0px 0px 0em 0px;
}

.cartoucheArticle .surtitreArticle {
	margin-top:    5px;
	margin-bottom: 2px;
	font-size:     medium;
	font-family:   tahoma, geneva, sans-serif;
	text-align:    right;
	font-weight:   bold;
	color:         #777777;
}

.cartoucheArticle .titreArticle {
	margin-top:    5px;
	margin-bottom: 5px;
	font-size:     20pt;
	font-family:   tahoma, geneva, sans-serif;
	font-weight:   bold;
	text-align:    right;
	color:         #000;
}

.cartoucheArticle .soustitreArticle {
	margin-top:    2px;
	margin-bottom: 5px;
	font-size:     small;
	font-family:   tahoma, geneva, sans-serif;
	text-align:    right;
	font-weight:   bold;
	color:         #777777;
}

.cartoucheArticle a.spipOut, a.spipOut:hover {
	margin-top:    2px;
	margin-bottom: 5px;
	font-size:     small;
	font-family:   tahoma, geneva, sans-serif;
	text-align:    right;
	font-weight:   bold;
	color:         #777777;
	text-decoration: none;
}

.cartoucheArticle .lastModified {
	font-size:  0.71em;
	font-style: italic; 
	text-align: right;
}

.cartoucheArticle .description {
	border: 1px solid #999;
	background: #F8F8F8;
	margin: 1.5em 30px 1.5em 30px;
	height: 50px;
	padding: 2px 5px 2px 5px;
}

/* Contenu de l'article */
.contenuArticle .chapo {
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	margin: 1.5em 30px 1.5em 30px;
	padding: 2px 5px 2px 5px;
}



/* Site map */
.listeRubriques {
	margin-top: 20px;
}

.listeRubriques .rubrique {
	text-align:    left;
	font-size:     x-large;
	font-weight:   bold;
	border-bottom: 1px solid #999;
}

.listeRubriques .sousRubrique {
	text-align:  left;
	font-size:   large;
	font-weight: bold;
	margin-left: 20px;
	padding-left: 10px;
	border-left: 1px solid #999;
}