/* ------------------------------------------
/* BODY & GENERAL
/* ------------------------------------------ */
.body { font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; text-align: center; margin: 0; padding:0;}
#container { display: block; width: 1000px; height: 100%; margin-left: auto; margin-right: auto;}
#txt_container { text-align:left; overflow: hidden; display: block; float: left; width: 750px; margin-left: 40px;}
.link { color: #476671; text-decoration: none; outline: none; margin:0; padding:0;}
.link:hover { color: #C55391; text-decoration: none; outline: none;}
.link:active { color: #C55391; text-decoration: none; outline: none;}

.titre_01 { font-family: Times, Arial, Helvetica, sans-serif; height: 33px; line-height: 1.0; color: #404040; padding-left: 5px; padding-right: 5px;
	text-align: center; font-size: 19px; font-weight: bold; font-style: italic; margin-bottom: 5px;}
.titre_02 { font-family: Times, Arial, Helvetica, sans-serif; height: 60px; line-height: 1.0; color: #404040; padding-left: 5px; padding-right: 5px;
	text-align: center; font-size: 17px; font-weight: bold; font-style: italic; }
.grand_titre_01 { display: block; text-align: center; text-decoration: underline; 
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 18px; color: #404040;}
.grand_titre_02 { display: block; margin-left: 200px; line-height: 2.0; width: 800px; text-align: center;  
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 18px; color: #404040;}
.grand_titre_03 { text-align: center; font-family: Times, Arial, Helvetica, sans-serif; font-style: italic; color: #404040; font-size: 30px; }
.ss_titre_01 { font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #636363; text-align: center; font-size: 13px; text-decoration: underline;}
.texte_01 { text-indent: 15px; font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; text-align: justify; font-size: 0.8em;}
.texte_02 { clear: both; display: block; float: left; width: 750px; margin-left: 6px;
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; text-align: justify; font-size: 13px; }
.texte_03 { 	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; text-align: justify; font-size: 13px; }
#garder_ligne{ display: inline;}
#documents { clear: both; text-align: left;}

/* ------------------------------------------
/* BANDEAU
/* ------------------------------------------ */
#bandeau { display: block; width: 100%; height: 129px; margin: 0; padding: 0; text-align: center;
		background-image: url(images/Fond_bandeau_entete.png); background-repeat: repeat; background-position: bottom;}
#bandeau_pub { display: block; width: 825px; height: 125px; margin: 0; overflow: hidden; }

/* ------------------------------------------
/* CHEMIN
/* ------------------------------------------ */
#chemin { display: block; width: 1000px; height: 25px; margin-left: auto; margin-right: auto; padding: 5px 0 0 0;
		font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #476671; text-transform: uppercase; font-size: 0.80em; text-align: left;}

/* ------------------------------------------
/* CONTAINERS
/* ------------------------------------------ */
#container_menu {float: left; display: inline; width: 160px; margin: 0;}
#container_right { width: 825px; margin: 10px 0 0 170px; padding: 0; background-image: url(images/Fond_Rubrique.png); background-repeat: no-repeat ; background-position: top right;}

/* ------------------------------------------
/* MENU
/* ------------------------------------------ */
.menu { text-align: left; -moz-border-radius: 10px; border: 1px solid #CECFFF; overflow: hidden; margin: 10px 0 10px 0; padding: 0 0 8px 0;}
#listmenu { font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 15px;
	list-style-type: none; margin-left: -40px; cursor: pointer;} 
a.hac{ cursor:pointer; margin: 10px 0 5px 0; color: #476671; text-decoration: none; outline: none; line-height: 25px;} 
a.hac:hover { color: #C55391; text-decoration: none; outline: none;}
a.hac:active { color: #C55391; text-decoration: none; outline: none;}
a.hac:visited { color: #C55391; text-decoration: none; outline: none;}
a.hac.selected { color: #C55391; text-decoration: none; font-weight: bold; }
li.rubr { list-style-type: none; margin: 0 0 5px -20px; font-size: 11px;}
a.rub { cursor:pointer; margin: 10px 0 5px 0; color: #476671; text-decoration: none; outline: none; }
a.rub:hover { color: #C55391; text-decoration: none; outline: none;}
a.rub:active { cursor:pointer; margin: 10px 0 5px 0; color: #476671; text-decoration: none; outline: none; }
a.rub:visited { cursor:pointer; margin: 10px 0 5px 0; color: #476671; text-decoration: none; outline: none; }
a.rub.selected { color: #C55391; text-decoration: none; outline: none; font-weight: bold; }
#logo_contact{ float: left; margin: 5px 5px 5px 5px; outline: none;} 
#logo_forum { margin: 5px 5px 5px 5px;}
#bouton_de_menu { width: 140px; padding-left: 20px; margin-left: 0; 
	background-image: url(images/bouton_de_menu_01.png); background-repeat: no-repeat; background-position: left;}
#bouton_de_menu_rub { width: 120px; padding-left: 18px; margin-left: 0;
	background-image: url(images/bouton_de_menu_02.png); background-repeat: no-repeat; background-position: top left;}	
.grand_titre_info { display: block; text-align: center; text-decoration: underline;  margin-top: 5px;
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 18px; color: #404040;}
.titre_info { font-family: Times, Arial, Helvetica, sans-serif; list-style-type: none; text-align: left; margin-left: 0; margin-bottom: 5px;}
.titre_03 { font-family: Times, Arial, Helvetica, sans-serif; color: #404040; font-size: 14px; font-style: italic;}
.ss_titre_02 { font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #636363; text-align: left; font-size: 12px;}

/* ------------------------------------------
/* CALENDRIER
/* ------------------------------------------ */
.mois_agenda { display: inline; color: #476671; font-size: 12px; margin: 0 10px;}
#calendar { margin-left: 7px; font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040;
	text-align: center; font-size: 13px;}
	
/* ------------------------------------------
/* SOMMAIRE
/* ------------------------------------------ */
ul.ligne_cases { padding-left: 0; margin-left: 0; list-style-type: none;}
li.case{ float: left; list-style-type: none; display: inline; width: 155px; margin: 0 13px 10px 0; padding: 0; height: 250px; clear: none;}	
.case{ float: left; list-style-type: none; display: inline; width: 155px; margin: 0 13px 10px 0; padding: 0; height: 250px; clear: none;}	
.highlight { float: left; display: inline; width: 270px; margin: 0 5px 10px 0; padding: 0;}
.plusdacti_titre { float: left; font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 18px; color: #404040; padding: 5px 0 5px 5px; display: inline;}
.case_zoom { float: left; display: inline; width: 310px; margin: 0 5px 10px 5px; padding: 0; height: 250px; clear: none;}	
.titre_video { font-family: Times, Arial, Helvetica, sans-serif; line-height: 1.0; color: #404040; padding-left: 5px; padding-right: 5px;
	text-align: center; font-size: 17px; font-weight: bold; font-style: italic; }
ul.ulplusdacti { padding-left: 0; margin: 6px 10px 5px 160px;}
li.plusdacti { list-style-type: none; float: left; padding: 0 0 0 17px; margin: 0 10px 0 0;
	background-image: url(images/bouton_de_som_01.png); background-repeat: no-repeat; background-position: left; display: inline;}
.intro { font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; margin: 0; text-align: justify; font-size: 12px; }
	

/* ------------------------------------------
/* ARTICLE
/* ------------------------------------------*/
#precedent { margin: 10px 5px 0 15px; float: left; width:25px; height: 25px; 
	background-image: url(images/Precedent.png); background-repeat: no-repeat; background-position: top center;}
#next { margin: 10px 0 0 5px; float: right; width:25px; height: 25px;
	background-image: url(images/Next.png); background-repeat: no-repeat; background-position: top center;}
#grand_titre_article { display: block; margin-left: 200px; width: 730px; text-align: center;
	font-family: Times, Arial, Helvetica, sans-serif; font-style: italic; color: #404040; font-size: 30px;}
#sous_titre_article { display: block; width: 730px; margin-left: 200px; text-align: center;  
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 18px; color: #404040;}	
.link_article { color: #476671; text-decoration: none; outline: none; margin:0; width: 160px; padding-left: 20px; 
	background-image: url(images/bouton_de_lien_01.png); background-repeat: no-repeat; background-position: left;}
.link_article:hover { color: #C55391; text-decoration: none; outline: none;}
.link_article:active { color: #C55391; text-decoration: none; outline: none;}

ul.artenlien { list-style-type: none; list-style: none; margin: 0 0 5px 0; padding: 0; }
li.artenlien  { line-height: 18px; font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; font-size: 12px; text-align: left;}
#voiraussi { -moz-border-radius: 10px; border: 1px solid #CECFFF; float: left; width: 300px; text-align: left; margin: 5px 0 0 0; }
.titrevoiraussi { font-family: Times, Arial, Helvetica, sans-serif; font-style: italic; color: #404040; font-size: 25px;}
.postepar { clear : left; font-family: Times, Arial, Helvetica, sans-serif; font-style: italic; color: #404040; font-size: 25px; padding-top: 10px;}

.top_messages { height: 50px; background-image: url(images/Cadre_Messages.png); background-repeat: no-repeat; background-position: top, left; text-align: left;
		font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #404040; padding: 2px 2px;}
a.top_messages  { margin-left: -10px; cursor:pointer; color: #476671; text-decoration: none; outline: none;
	font-size: 0.75em;  font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif;}
a.top_messages :hover { color: #C55391; text-decoration: none; outline: none;}
a.top_messages .selected { color: #C55391; text-decoration: none; font-weight: bold;}
#bottom_messages { clear: both; display: block; height: 50px; background-image: url(images/Cadre_Messages_Bas1.png); background-repeat: no-repeat; background-position: left;
	text-align: right; padding: 15px 40px 0 0;}
#nbr_messages { text-align: left; font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; font-size: 10px; color: #404040; display: block; margin-top: 25px; margin-left: 60px;}
.pag { float: right; color: #C55391; text-decoration: none; outline: none;}
#case_vide { float: left; display: block; width: 165px; height: auto;}

/* ------------------------------------------
/* RUBRIQUE
/* ------------------------------------------*/
#container_main { width: 825px; height: 500px; margin: 10px 0 0 175px; 
	background-image: url(images/Fond_Rubrique.png); background-repeat: no-repeat ; background-position: top right;}
#logo_rub  { float: left; display: inline; }
#blank { float: right; display: block; width: 70px; height: 50px;}
#blank_gauche { float: left; display: block; width: 155px; height: 150px;}
.ligne_cases_art { padding-left: 0; margin-left: 0; list-style-type: none;}
.case_art { float: left; list-style-type: none; display: block; width: 188px; height: 120px; padding: 5px; margin: 0 5px 10px 0; background-color: #FFFFFF; clear: none;
	-moz-border-radius: 5px; border: 1px solid #CECFFF;}
.titre_art { font-family: Times, Arial, Helvetica, sans-serif; height: 40px; line-height: 1.0; color: #404040; padding-left: 5px; padding-right: 5px;
	text-align: center; font-size: 17px; font-weight: bold; font-style: italic; }

/* Habillage des forums
---------------------------------------------- */
#block_forum { display: block; float: left; width: 900px;}

ul.forum, ul.forum ul { list-style: none; clear: both; margin-left: 5px; padding: 0; }
.forum-fil { margin: 0; }
.forum-fil ul { margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block inline; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 5px; text-align: right; }

.forum-message { clear: both; display: block;}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 0; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 0; }
ul ul ul .forum-message { border: 0; }
ul ul ul ul .forum-message { border: 0; }
ul ul ul ul ul .forum-message { border: 0; }
ul ul ul ul ul ul .forum-message { border: 0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; margin-bottom: -5px; padding: 3px 6px 2px 6px; background: #B8D3DE; }
ul ul .forum-chapo { background: #D0E2EA; }
ul ul ul .forum-chapo { background: #DEEBF0; }
ul ul ul ul .forum-chapo { background: #DFECF3;}
ul ul ul ul ul .forum-chapo { background: #E1EEF5 }


/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }


.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* ------------------------------------------
/* FOOTER
/* ------------------------------------------ */
#banniere { width: 1000px; height: 120px;}
#footer { clear: both; display: block; width: 1000px; height: 30px; margin-left: auto; margin-right: auto; padding-top: 7px;
	font-family: Lucida Grande, Lucida Sans Unicode, verdana, lucida, sans-serif; color: #476671; font-size: 12px; text-align: center;
	background-image: url(images/Fond_pied.png); background-repeat: repeat; background-position: top;}