/*****************************************************/
/* CALstyle.css  - Commencé le lundi 17 septembre 2007
/*****************************************************/

/***BODY***/
body {
	margin: 0 auto;
	padding: .5em;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color:#600;
	background: #600;}

/***PAGE***/
#page {
	background: #fc6;
	background: #fc6 url(../IMG/fondpages.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 820px;
	text-align: left;
	margin-top:13px;
	margin-left: auto;
	margin-right: auto;
	border-top:0px solid #000;
	border-left:0px solid #000;
	border-right:0px solid #000;
	border-bottom:0px solid #000; }

#pagesom {
	background: #600;
	background: #600 url(../IMG/fondaccueil.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 820px;
	text-align: left;
	height: 650px;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	border-top:0px solid #fc6;
	border-left:0px solid #fc6;
	border-right:0px solid #fc6;
	border-bottom:0px solid #fc6; }

/*  CORRECTION DES STYLES HTML PAR DEFAUT
/*  ---------------------------------- */
img{
	margin: 7px 0 0 0;
	padding: 0px;}
	
table {
	margin: 0 0 0 20px;
	padding: 0px;}
	
ul {
	margin: 0;
	padding: 0;}
	
ul { list-style: none; }

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal; }
	
/* * Couleurs des liens de Spip */
a.spip_note {} /* liens vers notes de bas de page */
a.spip_in { color: #333; } /* liens internes */

a.spip_out {
	color: #333;
	font-weight:bold;} /* liens sortants */
	
a.spip_url { color: #009; } /* liens url sortants */
a.spip_glossaire { color: #060; } /* liens vers encyclopedie */
.on { color: #063; } /* liens exposes */

	
/* PARAGRAPHES, CITATIONS, CODE ET POÉSIE */
/*  ------------------------------------- */
p.spip {
	width: 600px;
	color: #600;}
p.spip_note {}

blockquote.spip, .spip_serif { font-family: "Bitstream Vera Serif", Georgia, Times, serif; }

blockquote.spip { 
	margin: 1em; 
	padding-left: 1em;
	padding-right: 1em;
	border: 1px dotted; }

div.spip_poesie { 
	margin: 1em; 
	padding-left: 1em; 
	border-left: 1px solid;
	font-family: Garamond, Georgia, Times, serif; }
div.spip_poesie div { text-indent: -60px; margin-left: 60px; }

.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.1em; }
.spip_cadre { width: 99%; border: 1px solid; }

.spip_surligne { background: #FF6; }

hr.spip {
	border:1px solid #333;}

/*  STYLE DES LIENS  */
/*  ---------------  */
a {
	font-weight:bold;
	text-decoration:none;
	color:#333; }

a:hover {
	color:#600; }

a img {border:0;}

.chapoaccueil a {
	font-weight:bold;}
	
.chapoarticles a {
	font-weight:bold;}

/*  ------------------------------------------- */
/*  DISPOSITION DES BLOCS PRINCIPAUX            */
/*  ------------------------------------------- */

/***EN-TETE***/
#entete {
	float: right;
	padding: 0;
	width: 820px;
	height: 120px;
	background-color: #000;}

#enteteaccueil {
	padding:0 0 10px 0;	
	float: left;
	width: 820px;}

/***NAVIGATION***/
/**Fil d'Ariane**/
#hierarchie {
	clear:both;
	float:right;
	align:right;
	width:290px;
	height: 30px;
	padding: .3em .1em .3em 1em;
	font-size: .9em;
	font-weight:normal;
	color: #fc6;
	background-color: #600;
	border-bottom: 0px solid #000;}

/**Menu principal à gauche**/
#navigation {
	clear:left;
	float:left;
	display: inline;
	width:126px;
	margin-top:45px;
	border-bottom: 1px solid #600;}

#navigationsom {
	clear:left;
	float:left;
	display: inline;
	text-align: left;
	width:115px;}
	
#piedsom {
	border-top: 0px solid #fc6;
	border-left: 0px solid #fc6;
	border-right: 0px solid #fc6;
	border-bottom: 0px solid #fc6;
	margin-top: 3em;
	padding: 0px 5px 5px 11px;
	text-align: left;
	font-size: 1.1em;
	color: #fc6;
	vertical align: bottom; }

#pied {
	border-top: 1px solid #fc6;
	border-left: 0px solid #fc6;
	border-right: 0px solid #fc6;
	border-bottom: 0px solid #fc6;
	padding: 4px 5px 5px 0px;
	text-align: left;
	font-size: 1.1em;
	color: #fc6;
	background-color: #600;
	vertical align: bottom; }

/*  ------------------------------------------- */
/*  TYPOGRAPHIE GENERALE DU SITE
/*  ------------------------------------------- */
/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
font-family: "Trebuchet MS", Helvetica, sans-serif;
text-align: justify;}

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
font-family: "Trebuchet MS", Helvetica, sans-serif; }

/*  ------------------------------------------- */
/*  STYLE DES OBJETS DANS LES BLOCS PRINCIPAUX  */
/*  ------------------------------------------- */

/**ENTETE ACCUEIL**/
#enteteaccueil .spip_logos, #enteteaccueil .descriptif_site_spip {
	display:inline;
	text-transform: uppercase;
	vertical-align:middle; }

/**ENTETE SITE**/
#entete #nom_site_spip, #entete a .spip_logos { vertical-align: top;}
#entete a { text-decoration: none; }
#entete table tr, #entete table td {
	margin: 0;
	padding: 0;
	border: none;}

/**FIL D'ARIANE-SIGNETS**/
/* -------------------- */
#signets { margin:0 15px 0 0;}
#signets ul.sig{ 
	margin: 0;
	padding: 0; 
	list-style: none; }
#signets ul.sig li {
	display:inline;}
#signets ul.sig li a {
	display:block;
	float:right;
	width:82px;
	height:19px;
	background: #600 url(../IMG/signetsNor.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#fc6;
	text-align:center;
	font-size:10px;
	margin: 4px 0 0 4px;
	padding:8px 0 0 0;}
#signets ul.sig li a:hover {
	background: #600 url(../IMG/signetsHov.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color:#fff;
	border:0px solid #fff;
	border-top:0 solid #333;}
#signets ul.sig li a.on {
	background: #600 url(../IMG/signetsOn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font-weight:bold;
	color:#600;}
#signets ul.sig li a.on:hover {
	background: #600 url(../IMG/signetsOn.jpg);
	background-repeat:no-repeat;
	background-position:center;
	font-weight:bold;
	color:#600;}
	
/**NAVIGATION ACCUEIL**/
#navigationsom ul.avmenusom { 
	margin: 1.5em 0 0 0;
	font-size: 0.77em;}
#navigationsom ul.avmenusom li {
	line-height:13px;
	display:inline;}
#navigationsom ul.avmenusom li a {
	color:#fc6;
	font-size:1.5em;
	font-weight:normal;
	width:126px;
	height:17px;
	float:left;
	margin-bottom:0px;
	padding:.3em 0 .1em .4em;
	background-color:#600;
	text-decoration:none;}
#navigationsom ul.avmenusom li a:hover {
	background-color:#fc6;
	font-weight:bold;
	color:#600;}

/**NAVIGATION SITE**/
#navigation ul.avmenu {
	margin: 1.5em 0 0 0;
	font-size: 0.77em;}
#navigation ul.avmenu li {
	line-height:13px;
	display:inline;}
#navigation ul.avmenu li a {
	color:#600;
	font-size:1.5em;
	font-weight:normal;
	width:120px;
	height:17px;
	float:left;
	margin-bottom:0px;
	padding:.3em 0 .1em .4em;
	background-color:#fc6;
	border-top: 1px solid #600;
	border-bottom: 0px solid #600;
	border-right: 1px solid #600;
	text-decoration:none;}
#navigation ul.avmenu li a:hover {
	background-color:#333;
	font-weight:normal;
	color:#fff;}
#navigation ul.avmenu li a.on {
	background-color:#600;
	font-weight:normal;
	color:#fc6;}
#navigation ul.avmenu li a.on:hover {
	background-color:#600;
	font-weight:normal;
	color:#fc6;}

/***CONTENU PRINCIPAL***/
#conteneur #contenusom {
	float: left;
	display: inline;
	width: 560px; 
	padding: -5em .4em 0 0; 
	min-height: 32em;
	font-size: 1em; }
#conteneur #contenusom a {
	color:#3a823a;
	text-decoration: none; }
#conteneur #contenusom a:hover {
	color:#3a823a;
	text-decoration: underline; }

#conteneur #contenu {
	float: right;
	display: inline;
	width: 630px;
	margin-top: 5px;
	padding: 0 1em .4em 0; 
	min-height: 30em;
	font-size: 1.3em; }
#contenu h2 {
	font-size:1.3em;
	margin:0 15px 0 3px;
	color: #009;}
#contenu h3 {
	font-size:1.2em;
	line-height:1em;
	margin:0 0 5px 0;}
#contenu h4 {
	font-size:1.1em;
	margin:0 0 10px;}
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }
#contenu img {display:inline;}

#contenu .imgsom {
	display:inline; 
	padding: 2em 1.2em 1.2em 1.2em; 
	vertical-align: bottom;}
#contenu ul, #contenu ol {
	margin:15px 30px 16px 0px;
	padding:0;}
#contenu li {
	margin: 0;
	padding: 0 0 0 0;
	font-size: 1em;}
#contenu ul ul, #contenu ol ol{margin:0 0 0 16px; padding:0;}

/***BOUTONS ACCUEIL***/
.imagesom a img {
	float: center;
	width: 251px;
	height: 60px; 
	border-width: 0px;
	margin: 5px;}
a#musique img {background: url(../IMG/musique2.jpg) no-repeat; }
a#danse img {background: url(../IMG/danse2.jpg) no-repeat; }
a#theatre img {background: url(../IMG/theatre2.jpg) no-repeat; }
a#spectacles img {background: url(../IMG/spectacle2.jpg) no-repeat; }
a#peinture img {background: url(../IMG/peinture.jpg) no-repeat; }
a#poterie img {background: url(../IMG/poterie.jpg) no-repeat; }

a#musique:hover img {background: url(../IMG/musiquo2.jpg) no-repeat;}
a#danse:hover img {background: url(../IMG/danso2.jpg) no-repeat;}
a#theatre:hover img {background: url(../IMG/theatro2.jpg) no-repeat;}
a#spectacles:hover img {background: url(../IMG/spectaclo2.jpg) no-repeat;}
a#peinture:hover img {background: url(../IMG/peinturo.jpg) no-repeat;}
a#poterie:hover img {background: url(../IMG/poterio.jpg) no-repeat;}

/***PIED***/
#pied a {
	color:#fc6;
	font-weight:normal;
	background-color:inherit;}
#pied a:hover {
	text-decoration:underline;
	font-style: normal;}

#piedsom a {
	color:#fc6;
	font-weight:normal;
	background-color:inherit;
	text-decoration:none;}
#piedsom a:hover {
	text-decoration: underline;
	font-style: normal;}

/*  ------------------------------------------- */
/*  STYLE DES CLASSES                           */
/*  ------------------------------------------- */

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

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/***ENCART DES BRÈVES***/
.encart p {margin: 0; text-align: left;  }
.encart ul {text-align: left; }
.encart li {text-align: left;}

.breves {background: #fff; }
.breves .menu-titre {background: #FFF; }
.menu-titre {font-size: 12px; }
.breves, .syndic, .forums, .divers {
	margin-bottom: 1em;
	font-size: 10px; }

/***CARTOUCHE ET TITRAILLAGE***/
.cartouche {margin-bottom: .8em; }
.cartouche .titre {
	width: 600px; 
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 5px;
	padding: 10px 20px 0 0;
	text-align: left;
	color: #333; }
.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }
.cartouche p {
	margin: 0;
	padding: 0;
	clear: left; }
.cartouche small { font-size: 0.71em; }
.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }

/***LISTES D'ARTICLES ET EXTRAITS INTRODUCTIFS***/
.liste-articles li {
	margin-bottom: 1em;
	clear: both;
	font-size: 11px;}
.liste-articles li .titre {
	text-align:left;
	font-size: 12px;
	font-weight: bold
	margin-right:20px; }
.liste-articles li p {
	margin: 0;
	padding: 0; }
.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }
.liste-articles li small {
	display: block;
	font-size: 0.71em; }
.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  MISE EN FORME DES TEXTES DU CONTENU
------------------------------------ */
.chapoaccueil {
	margin-top: -.9em;
	margin-bottom: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	font-size:1.1em;
	text-align:left;
	color: #009; }

.chapoarticles {
	margin-top: -.9em;
	margin-bottom: 1.5em;
	font-weight: normal;
	line-height: 1.2em;
	font-size:.9em;
	text-align:left;
	color: #009; }
}
	 
.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte {
	width: 600px;
	color: #600;
	font-size: .9em;
	line-height: 1.2em }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/***CLASSES DIVERSES***/
.left {margin:3px 10px 2px 0; float:left;}
.right {margin:2px 0 2px 10px; float:right;}
.textright {text-align:right;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}

/*  PORTOFOLIO
----------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 {
	margin-bottom: 0.4em;
	font-size: 0.88em;
	font-weight: bold; }

#document_actif { margin-top: 1em; }


/* LISTES DE DOCUMENTS JOINTS (A UN ARTICLE OU UNE REBRIQUE)
--------------------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
	
#documents_joints h2 { margin-bottom: 0.4em;
	font-size: 0.88em;
	font-weight: bold; }
	
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/*  HABILLAGE DES FORMULAIRES
/*  ----------------------- */

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	text-align: left;
	font-size: 0.77em; }

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
	
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */ }

.formulaire_spip label {}

.formulaire_spip .forml {
	width: 99%;
	padding: 1px;
	border: 1px inset;
	font-family: inherit;
	font-size: inherit; }

.spip_bouton { text-align: right; }

.spip_bouton input {
	margin: 3px 0;
	padding: 1px 2px;
	border: 2px outset;
	font-weight: bold;
	float: center;
	align: center; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #F00; }
fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu {
	padding: 1em;
	border: 1px solid; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; width: 12em; }
.formulaire_recherche label { display: none; }

/***HABILLAGE DU PLAN DU SITE***/
.page_plan .cartouche { display: inline; }

.page_plan #contenu h2 {
	clear: both;
	width:200px;
	background: #fc6;
	border: 0px solid #CCC;
	padding: 0.3em;
	margin-bottom: 0px;
	font-weight: bold;
	text-align: left; }

.page_plan #contenu .contre-encart ul {
	padding: 0 0 0 .5em;
	display: block;
	float: left;
	margin-left: 1em;
	margin-top: -.3em;
	margin-bottom: 1em;
	list-style: none; }

.page_plan #contenu .contre-encart li { list-style: inherit; }

/***********************************************************************/