/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
body {
	background: #636a88 url(images/fond-degrade.jpg) repeat-x;
	margin: 0;
	text-align: center;
	font-size: 11px;
	color: #000;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 945px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 48px;	
	background: transparent url(images/ombre_page.png) repeat-y;
}

#page #haut_page {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	height: 48px;
	top: 0px;
	left: center;
}

#conteneur { width: 100%; }


/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu  {
	margin-right: 115px; /*31 + 84 */
	_margin-right: 43px; /* bug IE */
	float: right;
	width: 479px;
}

/* Entete */
#entete {
	position: relative;
	width: 100%;}
	
#entete h1 {position: absolute; top: -3000em; height: 1%; }
	
#entete a { position: absolute; top: -24px; left: 13px;}

#entete a span {
	display: block;
	position: absolute;
	bottom: 3px;
	left: 96px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; }

#partenaire {
	height: 180px;
	margin-left: 460px;
	margin-right: 46px !important;
	margin-right: 60px;
	text-align: right;
}

#partenaire ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#partenaire ul li{
	display: table-cell !important;	
	display: inline;
	padding-right: 15px;
	padding-bottom: 10px;
	vertical-align: middle;
}

/* menu */
#navigation {
	width: 280px;
	text-align: right;
 }
 
#navigation ul {
	font-size: 16px;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 33px;
 }
 
#navigation ul li {
	list-style: url(images/menu_fleche.gif) outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	padding-left: 18px;
	line-height: 15px;
	clear: left;
 }

#navigation ul li ul{
	padding-left: 15px;
	padding-top: 5px;
	_height: 1%;
	overflow: auto;
}

#navigation ul li li{
	float: left;
	font-size: 12px;
	list-style: none;
	padding-bottom: 5px;
	padding-left: 0;
	line-height: 13px;
	clear: left;
}

#navigation ul li a { outline:none; }
#navigation .item1 a, .item1 { color:#89107d }
#navigation .item2 a, .item2 { color:#ff0000 }
#navigation .item3 a, .item3 { color:#b1000c }
#navigation .item4 a, .item4 { color:#71b004 }
#navigation .item5 a, .item5 { color:#4678a6 }
#navigation .item6 a, .item6 { color:#ea802b }
#navigation .item7 a, .item7 { color:#5e5e5e }

#navigation .item8 a, .item8 { color:#89107d }
#navigation .item9 a, .item9 { color:#5D1600}
#navigation .item10 a, .item10 { color:#001040 }

#navigation ul li.on {list-style-image:none}
#navigation ul li li.on { padding-right: 19px; }
#navigation ul li.item1 li.on { background: url(images/menu_fleche_on1.gif) right center no-repeat; }
#navigation ul li.item2 li.on { background: url(images/menu_fleche_on2.gif) right center no-repeat; }
#navigation ul li.item3 li.on { background: url(images/menu_fleche_on3.gif) right center no-repeat; }
#navigation ul li.item4 li.on { background: url(images/menu_fleche_on4.gif) right center no-repeat; }
#navigation ul li.item5 li.on { background: url(images/menu_fleche_on5.gif) right center no-repeat; }
#navigation ul li.item6 li.on { background: url(images/menu_fleche_on6.gif) right center no-repeat; }
#navigation ul li.item7 li.on { background: url(images/menu_fleche_on7.gif) right center no-repeat; }

#navigation ul li.item8 li.on { background: url(images/menu_fleche_on8.gif) right center no-repeat; }
#navigation ul li.item9 li.on { background: url(images/menu_fleche_on9.gif) right center no-repeat; }
#navigation ul li.item10 li.on { background: url(images/menu_fleche_on10.gif) right center no-repeat; }

#navigation ul li li a { font-weight: normal;}
#navigation ul li li.on a { font-weight: bold; }

#navigation img {
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
}

/* Fil d'Ariane */
.hierarchie, #hierarchie {
	margin-bottom: 10px;
	font-size: 14px; }

/* Pied de page */
#pied {
	clear: both;
	margin: 20px 70px 0 0;
	padding-bottom: 15px;
	text-align: right; }
	
#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; }

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


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif; }


/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */


/*  Mise en forme des textes du contenu
---------------------------------------------- */
h1.titre {
	font-size: 16px;
	/*color: #b1000c;*/
	margin-bottom: 16px;
	font-weight: bold;
}
h4.spip {
	font-size: 13px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom:3px;
	color: #661d5d;
}

.page_rubrique .chapo {
	margin-bottom: 16px;
}

.page_article h1.titre { margin-bottom: 8px; }

.page_article h2.soustitre {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.page_article h2.chapo {
	font-size: 12px;
	margin-bottom: 16px;
}

.liste ul { padding: 0; margin: 0; border-top: #c2c2c2 dotted 1px;}

.liste li {
	list-style: none;
	padding: 15px 0;
	border-bottom: #c2c2c2 dotted 1px;
}

.liste li h2 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 1px;
}

.liste li h2 a { /*color: #b1000c;*/ }

.liste li h3.surtitre{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 1px;
}

.liste li h3.soustitre{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 6px;
}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 0.96em; }

.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; }

dl.logo_partenaire {
	width: 159px;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	text-align: center;
}

dl.logo_partenaire dt {
	display: inline-block;
	padding: 0;
	margin: 0;
	line-height: 64px;
	width: 159px;
	margin-bottom: 4px;
	_font-size: 50px;
}
dl.logo_partenaire dt img{ vertical-align: middle;}

dl.logo_partenaire dd {
	padding: 0;
	margin: 0;
	height: 40px;
}

/*  Liste de films
---------------------------------------------- */

#contenu .bloc, #contenu .fiche {
	width: 511px;
	background: url(images/ombre_pave_bas.png) bottom no-repeat;
	padding-bottom: 29px;
}

.film #contenu .bloc, #contenu .fiche { position: relative; left: -16px;}

#contenu .bloc label, #contenu .fiche label {
	display: block;
	width: 100%;
	height: 29px;
	background: url(images/ombre_pave_haut.png) top no-repeat;
}

#contenu .bloc .vignette {
	float: left;
	padding-left: 29px;
	padding-right: 13px;
}
#contenu .bloc h2 {
	padding-right: 29px;
	font-size: 14px;
	font-weight: bold;
	color: #b1000c;
}
#contenu .bloc h2 a, #contenu .fiche h2 a {color: #b1000c;}
#contenu .bloc h3 {
	padding-right: 29px;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: 12px;
}
#contenu .bloc div{
	padding-right: 29px;
}

/*  fiche de film
---------------------------------------------- */
#contenu .fiche .vignette{ text-align: center; padding: 0; margin: 0 29px 13px 29px; background-color: #F6F6F6; }

#contenu .fiche h2 {
	padding-left: 29px;
	font-size: 14px;
	font-weight: bold;
	color: #b1000c;}

#contenu .fiche #listeDoc h2 { padding-left: 29px; margin-bottom: 13px; color: #999999; font-size: 12px; }
	
#contenu .fiche h3 {
	padding-left: 29px;
	padding-top: 2px;
	padding-bottom: 4px;
	font-size: 12px;}

#contenu .fiche h3.spip {
	text-align: left;
	margin: 0;
	margin-bottom: 16px;
	padding: 0;
	color: #b1000c;
}

#contenu .fiche div.colonne_gauche{
	float: left;
	padding-top: 20px;
	padding-left: 29px;
	padding-right: 15px;
	width: 211px;}

#contenu .fiche div.colonne_droite {padding-top: 20px; padding-right: 29px; line-height: 14px;}

/*  Portfolio
---------------------------------------------- */
#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 rubrique)
---------------------------------------------- */
#listeDoc {	margin-top: 15px; padding-top: 4px; color:#666666;}
#listeDoc h2 { margin-bottom: 13px; color: #999999; padding-left:5px; font-size: 12px; }
#listeDoc ul { margin: 0; padding: 0; list-style: none; }
#listeDoc li { margin-bottom: 10px; margin-left: 30px; }
#listeDoc li small { font-size: 8px;}
#listeDoc .spip_logos { vertical-align: middle; }
#listeDoc a { color:#666666 }
#listeDoc a:hover {text-decoration:none; color: #FF6600;}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

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

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

/* 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 */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

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


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
.caractencadre-spip a{
	color:#FF6600;
	font-weight:bold;
}
a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }