/*********************
*
*   Valable partout
*
*********************/
a { text-decoration: none; color: #505050; }
body {font-size : 0.7em}
a:hover { 
	text-decoration: none; 
	font-size : 110%;
	font-weight : bold;
}
a:hover .a-normal {
	font-size : 100%;
	font-weight : none;
}
.liste-bullet ul{
	display: block;
	padding : 0.5em;
	margin: 0em;
	list-style : bullet;
}
.liste-bullet h2{
	display: block;
	background-color : #CDCDF5;
	margin: 0em;
	padding : 0.5em;
	text-align : center;
}
/* Fil d'Ariane */
#hierarchie {
	display : block;
	position: relative;
	text-align : left;
	margin-bottom : 1em;
	font-size: 80%; 
}
/*********************
*
*   Choix des couleurs
*
*********************/
/* Couleur du fonc de page*/
#site-page {
	background-color : #EFF9FC;  /* c'est la couleur du fonc de toutes les pages*/
}
/*couleur du fond des rubriques*/
.site-Rubriques a{
	color : white;
}
.site-Rubriques h1{
	background-color : #176685; 
	border: 1px solid #a0a0a0;
	font-weight : bold;
	color : white;
	padding : 0.5em;

}
.site-Rubriques li{
	border: 1px solid #a0a0a0;
	border-top: 0.5px solid #a0a0a0;
	border-bottom: 0.5px solid #a0a0a0;
	background-color : #208EB9;
	font-size : 133%
}
/*couleur du fond des sous-rubriques*/
.site-Rubriques li li{
	/*display: block;*/
	background-color : #62BFE3;
}
/*formulaire de recherche*/
#site-Formulaire-recherche{
	background-color : #A6DCF0;
	color : white;
}
.formulaire_recherche { 
	text-align: left; 
	background-color : white;
	font-size : 130%;
	width : 99%;
}
h1.site-ArticleAccueil {
	color : black;
}
h1.site-TitreRubrique {
	color : black ;
}
h1.site-TitreArticle {
	color : black;
}
/*********************
*
*   Les titres des pages
*
*********************/
h1.site-ArticleAccueil {
	font-size : 350%;
	text-align:center;
	margin-bottom : 1em;
	font-weight : bold;
	font-family: Georgia, Geneva, Arial, sans-serif;
}
h1.site-TitreRubrique {
	font-size : 280%;
	text-align:center;
	margin-bottom : 1em;
	font-weight : bold;
	font-family: Georgia, Geneva, Arial, sans-serif;
}
h1.site-TitreArticle {
	font-size : 200%;
	text-align:left;
	margin-bottom : 1em;
	font-weight : bold;
	font-family: Georgia, Geneva, Arial, sans-serif;
}
/*********************
*
*   En commun a toutes les pages du site
*
*********************/
#site-page {
	position: relative;
	font-family: Georgia, Garamond, Times, serif;
}
/*********************
*
*   Les pages d'accueil du site siteChampi
*
*********************/
#site-PageAccueil {
	display : block;
	position: absolute;
	left: 22%;
	/*left: 18em;*/
	margin-right: 22%;
	padding: 0px;
	text-align : left;
}
#site-PageRubrique{
	display : block;
	position: absolute;
	left: 22%;
	/*left: 18em;*/
	margin-right: 22%;
	text-align : left;
	top : 0.5em;
}
#site-PageArticle{
	display : block;
	position: absolute;
	left: 22%;
	/*left: 18em;*/
	margin-right: 22%;
	text-align : left;
	top : 0.5em;
}
#site-PageMemeRubrique{
	display : block;
	position: absolute;
	left: 80%;
	/*left: 18em;*/
	text-align : left;
	top : 0.5em;
	font-size : 130%;
}
/*********************
*
*   Le menu de navigation a gauche, en commun à toutes les pages de siteChampi
*
*********************/
#logo{
	display: block;
	width: 200px;
	height:200px;
	/*width: 14em;*/
	text-align:center;
	padding: 0;
	margin: 0;
	/*margin-left: 1.8em;*/
	margin-left: 0;
}

#site-Navigation {
	display : block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20%;
	/*width: 14em;*/
	padding: 0;
	margin: 0;
	/*quand on veut baisser le logo pour y voir clair*/
	/*margin-top: 50em;/*
	/*margin-left: 1.8em;*/
	text-align:left;
}
#site-MemeRubrique {
	display : block;
	/*width: 20%; */
	/*width: 14em;*/
	padding: 0;
	margin: 0;
	/*quand on veut baisser le logo pour y voir clair*/
	/*margin-top: 50em;/*
	/*margin-left: 1.8em;*/
	text-align:left;
}
.site-Rubriques ul{
	display: block;
	margin: 0em;
	padding: 0em;
	padding-bottom: 0em;
	list-style: none;
	font-family: Georgia, Garamond, Times, serif;
	font-size : 70%;
}
.site-Rubriques li{
	display: block;
	padding : 0.2em;
}
.site-Rubriques ul ul{
	display: block;
	margin-left: 2em;
	padding: 0em;
	padding-bottom: 0em;
	list-style-type : square;
	font-family: Georgia, Garamond, Times, serif;
	font-size : 100%;
}
.site-Rubriques li li{
	/*display: block;*/
	padding-left : 2em;
	margin-left : 0em;
	font-size : 90%;
}
.site-Rubriques h1{
	text-align : center;
}
/*ci-dessous pour une rubrique exposee*/
.site-Rubriqueson {
	font-size : 120%;
	font-weight : bold;
}
#site-Formulaire-recherche{
	font-size: 70%;
	padding : 0.5em;
	margin-bottom : 0.5em;
}
/*********************
*
*   Pied de toutes les pages
*
*********************/
#site-PiedPage {
	display : block;
	position: relative;
}
#site-PiedPage p{
	font-size : 80%;
	text-align : center;
}
/*********************
*
*   Contenu des pages rubriques et articles
*
*********************/
#site-ArticlesMemeRubrique{
	display : block;
	left : 80%;
	font-size : 75%;
	margin-top : 0.5em;
	text-align : left;
	border : 1px solid black;
	background-color: lavender; /*rose tres pale*/
}
#site-ArticlesMemeRubrique li{
	list-style : bullet;
}







#ConferenceTitreAccueil,  #ConferenceTitreRubrique{
	display : block;
	text-align : center;
}
#ConferenceConteneurAccueil, #ConferencePageRubrique, #ConferenceConteneurPageRubrique, 
#ConferenceContenuArticle{
	position: absolute;
	left: 25%;
	/*left: 18em;*/
	margin: 0px;
	padding: 0px;
	/*margin-right: 2em;*/
	margin-right: 3%;
	width: 70%;
	text-align : justify;
}
#ConferenceContenuArticle, #ConferencePageRubrique {
	text-align : left;
	top : 3em;
}


/*********************
*
*   Conteneur pour uniformisation des presentations
*
*********************/
#ConferenceBody {
	position: relative;
	font-family: Georgia, Garamond, Times, serif;
}
/*********************
*
*   La page d'accueil
*
*********************/

#ConferenceTitreAccueil {
	font-size : 300%;
	color : #2438EC; /*bleu foncé*/
}

#ConferenceTexteAccueil{
	margin-top: 2em;
}

#ConferenceCommuniqueAccueil {
	display : block;
	float : right;
	width : 45%;
	font-size : 75%;
	margin : 1em;
	text-align : justify;
	border : 3px solid red;
	background-color: #fcfcf0; /*rose tres pale*/
}
.ConferenceCommuniqueAccueilTexte h3{
	padding : 0.5em;
	font-size : 133%;
	font-weight : bold;
	background-color: pink; /*rose*/
}
.ConferenceCommuniqueAccueilTexte h4{
	padding : 0.5em;
	background-color: #fcfcf0; /*rose tres pale*/
}
.ConferenceCommuniqueAccueilTexte h5{
	padding : 0.5em;
	background-color: #fcfcf0; /*rose tres pale*/
}
.ConferenceCommuniqueAccueilTexte h6{
	padding : 0.5em;
	font-size : 75%;
	font-weight : bold;
}
/*********************
*
*   Pied de toutes les pages
*
*********************/
#ConferenceBlocPiedPage {
	display : block;
	position: relative;
}
#ConferencePiedPage p{
	font-size : 80%;
	text-align : center;
}






/*********************
*
*   La page de rubrique
*
*********************/
#ConferenceTitreRubrique{
	color : #2438EC;
	font-size : 200%;
}
#ConferenceTexteRubrique{
	margin: 3em;
	margin-top: 2em;
	display : block;
	position: relative;
	text-align : justify;
}
#ConferencePageRubriqueArticles {
}
#ConferencePageRubriqueArticles h2{
	text-align : center;
}
#ConferencePageRubriqueArticleVedette{
	display : block;
	padding : 1em;
}
#ConferencePageRubriqueArticleVedette li {
	list-style : circle;
	margin : 1em;
}
#ConferencePageRubriqueArticleVedette li h2{
	font-weight : bold;
}
#ConferencePageRubriqueArticleVedette li h3{
	padding-left : 3em;
	font-size : 80%;
}


.fond-rose{
	background-color : lavender;
/*le fond est en fait bleu*/
}
.fond-jaune{
	background-color : #FDF893;
}
#formulaire{
	font-size: 70%;
	border: 1px solid #a0a0a0;
	padding : 0.5em;
	background-color: #fcfcf0; /*rose tres pale*/
}
#formulaire-recherche{
	font-size: 70%;
	padding : 0.5em;
	padding-bottom : 0em;
	border: 1px solid #a0a0a0;
	margin-bottom : 0.5em;
}
/*********************
*
*   Le menu principal
*
*********************/
#principal, #article {
	position: absolute;
	left: 25%;
	/*left: 18em;*/
	top: 0px;
	margin: 0px;
	padding: 0px;
	/*margin-right: 2em;*/
	margin-right: 3%;
}

#principal, #article {
	width: 50%;
}

#memerubrique {
	position: absolute;
	left: 80%;
	width: 20%;
	/*left: 18em;*/
	top: 0px;
	margin: 0px;
	padding: 0px;
	/*margin-right: 2em;*/
	margin-right: 3%;
	border: 1px solid black;
	font-size: 80%;
	background-color : #FDF893; /*yellow;*/
}
#colonnesousrubrique {
	position: absolute;
	left: 80%;
	width: 20%;
	/*left: 18em;*/
	top: 0px;
	margin: 0px;
	padding: 0px;
	/*margin-right: 2em;*/
	margin-right: 3%;
}

}
/*
*
*   Les communiques
*
*/

.articleaccueil {
	display : block;
	float : right;
	width : 33%;
	font-size : 75%;
	margin : 0 0 0.5em 1em;
	padding : 0.5em;
	text-align : justify;
	border: 3px solid red; /*#a0a0a0;*/
	background-color: #fcfcf0; /*rose tres pale*/
}

.articleaccueil-liste {
   margin: 0;
   padding: 0;
   padding-left : 1em;
   list-style: bullet;
}

.aphec{
	/*text-decoration : blink;*/
	color : darkblue;
}
.important{
	text-decoration : none;
	font-size : 105%;
	font-weight : bold;
	background-color : red;
}
.obligatoire{
	text-decoration : none;
	font-size : 100%;
	background-color : yellow;
}
/********************
*
*   les articles permanents
*
********************/
#permanent{
	display: block;
	border: 1px solid black;
	font-size: 80%;
	background-color : #FDF893; /*yellow;*/
}
/********************
*
*   les sous rubriques
*
********************/
.rubrique {
	font-size: 130%;
	background-color : #FEE0F2; /*pink;*/
	text-align : left;
	border: 1px solid black;
}
.sousrubrique {
	display: block;
	border: 1px solid black;
	font-size: 115%;
	background-color : #FDF893; /*yellow;*/
	text-align : center;
}

/********************
*
*   Modifications du style SPIP par defaut
*
********************/
/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 2px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; border: 1px solid;}

/********************
*
*   Pour les forums : habillage d'origine
*
********************/

/*
 * Habillage des forums
 */

ul.forum-total {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.forum-fil {
	margin-top: 3em;
}
.forum-fil ul {
	display: block;
	margin: 0px;
	margin-left: 2em;
	padding: 0px;
	list-style: none;
}
.forum-titre {
	font-weight: bold;
	font-size: 120%;
}
.forum-item {
	margin: 0px;
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0em;
	text-align: justify;
	color: #303030;
	font-size: 80%;
}
.forum-repondre-message {
	text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
	border: 1px solid #909090;
	padding: 0px;
	margin: 0px;
	margin-bottom: 1em;
}
ul ul .forum {
	border: 1px solid #a4a4a4;
}
ul ul ul .forum {
	border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
	border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
	border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
	border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
	border: 0px;
	border-bottom: 1px dashed #b8b8b8;
	margin: 0px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 2px;
	font-size: 90%;
	background: #c4e0e0;
}
ul ul .forum-chapo {
	background: #d4e8e8;
}
ul ul ul .forum-chapo {
	background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
	background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
	background: #ffffff;
}