/*
	CSS pour L'Île - Principal
	Emilie - egzakt.com
	2008/04/24
*/

body {
	background-color:#666666;
	font:87.5%/140% Georgia, 'Times New Roman', serif;
	margin:0 0 10px 0;
	color:#000;
}

h1 {
	color:#000;
	font:bold 1.43em/1.2em Georgia, 'Times New Roman', serif;
	margin:20px 0 10px 0;
}

h2 {
	color:#000;
	font:bold 1.43em/1.2em Georgia, 'Times New Roman', serif;
	margin:0 0 8px 0;
}

h3 {
	color:#188C00;
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
	margin:0 0 4px 0;
}

h4 {
	color:#29ABE2;
	font:bold 0.86em/1.2em Verdana, Arial, sans-serif;
	margin:0 0 5px 0;
}

p {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;
}

a {
	cursor:pointer;
	color:#29ABE2;
	text-decoration:underline;
	outline:none;
}

a:hover {
	color:#000000;
}

a:active {
	outline:none;
}

img {
	border:0;
}

form {
	margin:0;
}

#wrapper {
	width:960px;
	margin:0 auto;
	background-color:#FFFFFF;
}


/* ENTETE
-----------------------------------------*/
#entete {
	height:126px;
	background:url(../images/graphiques/banniere_haut.jpg) no-repeat top left;
}

#entete h1 {
	margin:0;
	padding:40px 0 0 27px;
}


/* NAVIGATION
-----------------------------------------*/
#navigation {
	width:960px;
	height:26px;
	background: url('../images/graphiques/banniere_bas.jpg') no-repeat top left;
	overflow:hidden;
	height:1%; /* Pour IE6 clear */
	position:relative; /* Pour IE6 sans scrolls */
}

#navigation ul {
	list-style-type:none;
	margin:0;
	padding:0px 0 0 12px;
}

#navigation li {
	display:inline;
}

#navigation li a {
	float:left;
	position:relative;
	color:#ffffff;
	text-decoration:none;
	line-height:18px;
}

#navigation li span {
	display:block;
	padding:4px 7px 2px 15px;
	margin-right:8px;
	background: url(../images/boutons/btn_gauche_off.gif) no-repeat 0 0;
}

#navigation li img {
	position:absolute;
	top:0;
	right:0;
}

#navigation li .over {
	visibility:hidden;
	z-index:1;
}

#navigation li a:hover {
	color:#000000;
}

#navigation li a:hover span, #navigation li a.selected span {
	background: url(../images/boutons/btn_gauche_on.gif) no-repeat 0 0;
}

#navigation li a:hover .over, #navigation li a.selected .over {
	visibility:visible;
}

#navigation li a.selected {
	color:#000000;
	font-weight:bold;
}


/* CONTENU
-----------------------------------------*/
#contenu {
	border-top:0;
}

#contenu .page_texte {
	padding:12px 22px 22px 25px;
}

#contenu #actions {
	float:right;
	color:#29ABE2;
	font:0.86em/1.2em Verdana, Arial, sans-serif;
}

#contenu #actions a {
	color:#29ABE2;
	font:1em/1.2em Verdana, Arial, sans-serif;
}
#contenu #actions a#imprimer {
	background:url(../images/icones/imprimer.gif) no-repeat 0 2px;
	padding-left:28px;
}

#contenu #actions a:hover {
	color:#000;
}
#contenu #actions a#imprimer:hover {
	background-position:0 -22px;
}


/* ACCUEIL
-----------------------------------------*/
#accueil {
	width:940px; /* Important pour IE6! */
}

#accueil #principal {
	float:left;
	width:650px;
}

#accueil #vedettes {
	float:right;
	width:270px;
}

/* Texte d'intro */
#accueil #principal .bloc_texte {
	padding:20px 0 30px 0;
	font:0.79em/1.3em Verdana, Arial, sans-serif;
}

#accueil #principal .bloc_texte h2 {
	font-size:1.45em;
}

#accueil #principal .bloc_texte h3 {
	font-size:1.09em;
}

#accueil #principal .bloc_texte h4 {
	font-size:1.18em;
}

#accueil #principal .padding {
	padding:0 30px;
}

#accueil #principal .encadre {
	background:#F2F2F2;
	font:1.27em/1.2em Georgia, 'Times New Roman', serif;
	padding:10px 10px 14px 10px;
	margin-left: 18px;
}


/* Vedettes */
#accueil #vedettes {
	background-color:#F2F2F2;
	margin-top:20px;
}

#accueil .theme {
	border-top:10px solid #fff;
}

#accueil .theme .titre {
	height:22px;
	padding:8px 15px 5px 15px;
	font:1.25em/1.2em Georgia, 'Times New Roman', serif;
	background-color: #666666;
	color: #FFFFFF;
}

#accueil .vedette {	
	font:0.79em/1.3em Verdana, Arial, sans-serif;
	padding:15px;
}

#accueil .tmpl_actualite .date {
	color:#29ABE2;
	font-weight:bold;
}

#accueil .vedette .tmpl_actualite h2 {
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
	margin:0 0 5px 0;
}

/* Vedettes à découvrir */
#accueil .vedette a {
	text-decoration:none;
	color:#000;
}

#accueil .vedette a:hover {
	background:none; /* Pour IE6 : réactivité over h2 */
}

#accueil .vedette a:hover h2 {
	text-decoration:underline;
}

#accueil .vedette a:hover .suite {
	color:#000;
}

#accueil .vedette .photo {
	float:left;
	width:58px;
	padding-right:10px;
}

#accueil .vedette .detail {
	float:left;
	width:143px;
	font:1.09em/1.3em Georgia, 'Times New Roman', serif;
}

#accueil .vedette h2 {
	font:bold 1.17em/1.2em Georgia, 'Times New Roman', serif;
	margin:0 0 3px 0;
}

#accueil .vedette .suite {
	float:right;
	width:72px;
	height:14px;
	margin:5px 0 10px 0;
	font:0.81em/1.3em Verdana, Arial, sans-serif;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:url(../images/boutons/accueil_bio_suite.gif) no-repeat 0 0;
}


/* Partenaires */
#accueil #partenaires {
	width: 100%;
	padding:15px 10px 15px 10px;
	font:1.17em/1.2em Georgia, 'Times New Roman', serif;
	background-color: #F2F2F2;
}

#accueil #partenaires #logos {
	margin:30px 0 0 20px;
}

#accueil #partenaires .texte {
	padding-left: 20px;
}

#accueil #partenaires #logos a {	
	float:left;
	height:70px;
	margin-right:50px;
}


/* RECHERCHE
-----------------------------------------*/
#recherche {
	padding:15px 0;
}

#recherche h1 {
	margin-top:0;
	font:bold 1.14em/1.2em Verdana, Arial, sans-serif;
}

#recherche h2 {
	margin:0 0 4px 0;
}

#recherche_conteneur {
	margin: 5px 15px;
}

#recherche #colonne_formulaire {
	float:left;
	width:265px;
	padding:15px 0px 8px 15px;
	background-color: #F2F2F2;
}

#recherche #colonne_resultats {
	float:right;
	width:625px;
	padding:0px 10px 0 0;
}

#recherche_bas {
	clear:both;
}


/* RECHERCHE - FORMULAIRE
-----------------------------------------*/
a.recherche_type, a#lien_liste {
	display:block;
	width:220px;
	height:27px;
	padding:9px 0 0 30px;
	background:url(../images/boutons/recherche.gif) no-repeat 0 0;
	color:#ffffff;
	font:1em/1.2em Georgia, 'Times New Roman', serif;
	text-decoration:none;
	margin-top:20px;
}
a#lien_liste {
	background:url(../images/boutons/recherche_liste.gif) no-repeat 0 0;
}

a.recherche_type:hover, a#lien_liste:hover {
	color:#fff;
}

#recherche #colonne_formulaire a.selected {
	background-position:0 -60px;
}

#recherche .formulaire {
	background:url(../images/tuiles/recherche_formulaire.gif) no-repeat bottom left;
	padding:12px 30px 1px 15px;
}

#recherche .formulaire ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#recherche .formulaire li {
	padding-bottom:6px;
}

#recherche label {
	font:bold 0.86em/1.2em Arial, Verdana, sans-serif;
}

#recherche input#motcle {
	border:2px solid #bebebe;
	font:0.86em/1.3em Arial, Verdana, sans-serif;
	padding:4px;
	width:210px;
	margin-bottom:1px;
}

#recherche select {
	border:2px solid #bebebe;
	font:0.86em/1.3em Arial, Verdana, sans-serif;
	padding:2px;
}

#recherche input.biblio {
	border:2px solid #bebebe;
	font:0.86em/1.3em Arial, Verdana, sans-serif;
	padding:4px;
	width:210px;
}

#recherche input.btn_chercher {
	margin-top:10px;
}

input.grise {
	color:#939393;
}

#recherche .formulaire .message_erreur {
	width:250px;
	margin:0 0 10px 0;
}



/* RECHERCHE - RÉSULTATS
-----------------------------------------*/
#resultats_total {
	background-color:#DAF1FF;
	padding:6px 16px;
	color:#000;
	font:bold 0.86em/1.4em Verdana, Arial, sans-serif;
	margin-bottom:12px;
}

#resultats_total span {
	color:#1262B3;
}

#colonne_resultats dl {
	margin:0;
}

#colonne_resultats dt {
	background:url(../images/graphiques/ligne_resultats.gif) no-repeat 0 center;
	margin:0;
	padding:0 16px 1px 16px;
	font:bold 1em/1.2em Verdana, Arial, sans-serif;
}

#colonne_resultats dd {
	margin:0;
	padding-bottom:18px;
}

#colonne_resultats dl ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 16px;
}

#colonne_resultats dl li {
	display:inline; /* Pour IE6 */
}

#colonne_resultats dl a {
	display:block;
	padding:2px 0;
	border-bottom:1px solid #BFBFBF;
	color:#000;
	text-decoration:none;
}

#colonne_resultats dl a.ile {
	/*background-color: #FDDBCF;*/
}

#colonne_resultats dl a.ile img {
	margin-left: 5px;
}

#colonne_resultats dl a:hover {
	background-color:#DAF1FF;
}



/* ÉCRIVAIN
-----------------------------------------*/
#ecrivain {
	width:940px; /* À laisser pour IE6 peekaboo bug */
	padding:12px 0 22px 0;
}

#ecrivain #actions {
	padding-right:22px;
}

#ecrivain #fiche {
	float:left;
	padding:25px 0 0 20px;
	width:300px; /* Pour IE6 Peekaboo bug */
}

#ecrivain #fiche .photo {
	float:left;
	width:100px;
	padding-bottom:10px;
	font:0.64em/1.2em Arial, Verdana, sans-serif;
}

#ecrivain #fiche .photo a.thickbox {
	position:relative;
	display:block; /* Pour IE6 positionnement loupe */
	width:100px; /* Pour IE6 positionnement loupe */
	text-decoration:none;
}

#ecrivain #fiche #loupe {
	position:absolute;
	bottom:-5px;
	right:-1px;
}

#ecrivain #fiche .photo #portrait {
	padding-bottom:2px;
}

#ecrivain #fiche h1 {
	margin-top:0;
}

#ecrivain #fiche .desc {
	margin-left:125px;
}

#ecrivain #fiche dl {
	margin:0;
}

#ecrivain #fiche dt {
	font:bold 0.86em/1.4em Arial, Verdana, sans-serif;
	color:#000;
}

#ecrivain #fiche dd {
	margin:0;
	font:0.86em/1.2em Arial, Verdana, sans-serif;
	padding-bottom:12px;
}


#ecrivain #bio {
	float: left;
	margin-top:8px;
	margin-left: 35px;
	width:550px;
	padding:16px;
	padding-bottom: 2px;
	background:#F2F2F2;
}

#ecrivain #bio a.suite {
	font:bold 0.75em/1.2em Arial, Verdana, sans-serif;
	color:#29ABE2;
	display: block;
	margin: 2px 0 0 0;
	text-transform: uppercase;
}

#ecrivain #bio a.suite:hover {
	color:#2c2c2c;
}


/* ÉCRIVAIN - LISTE DES OEUVRES
-----------------------------------------*/
#ecrivain #oeuvres_entete {
	width:880px;
	height:28px;
	padding:3px 24px 0 12px;
	margin:20px 0 0 20px;
	background: url(../images/tuiles/ecrivain_entete_oeuvres.jpg) no-repeat top left;
}

#ecrivain #oeuvres_entete h2 {
	color: #fff;
}

#ecrivain #oeuvres_entete #tri {
	float:right;
	color: #fff;
	padding-top:4px;
	font: 0.86em/1.2em Arial, Verdana, sans-serif;
}

#ecrivain #oeuvres_entete #tri div {
	float:left;
	padding-top:2px;
}

#ecrivain #oeuvres_entete #tri a {
	position:relative;
	float:left;
	height:14px;
	padding:2px 6px 1px 6px;
	margin-left:8px;
	color:#ffffff;
	background:#188C00;
	text-decoration:none;
}

#ecrivain #oeuvres_entete #tri a img {
	position:absolute;
	top:0;
	right:0;
}

#ecrivain #oeuvres_entete #tri a .over {
	visibility:hidden;
	z-index:1;
}

#ecrivain #oeuvres_entete #tri a:hover, #ecrivain #oeuvres_entete #tri a.selected {
	color:#29ABE2;
	background-color:#fff;
	background-position:0 -33px;
}

#ecrivain #oeuvres_entete #tri a:hover .over, #ecrivain #oeuvres_entete #tri a.selected .over {
	visibility:visible;
}


#ecrivain #oeuvres ul {
	list-style-type:none;
	margin:0 13px 0 25px;
	padding:0;
}

#ecrivain #oeuvres li {	
	background:url(../images/graphiques/ligne_ecrivain_oeuvres.gif) no-repeat bottom left;
	font:0.79em/1.3em Verdana, Arial, sans-serif;
	padding:15px 0;
}

#ecrivain #oeuvres li .padding {
	padding:0 9px;
}

#ecrivain #oeuvres h3 {
	font:bold 1.09em/1.2em Verdana, Arial, sans-serif;
	color:#29ABE2;
	margin:0 0 6px 0;
}

#ecrivain #oeuvres li .separation {
	padding-top:7px;
}


/* DOSSIER DE PRESSE
-----------------------------------------*/
#dossier_presse #cedrom_sni {

}


/* BAS
-----------------------------------------*/
#bas {
	padding:8px 20px 0 30px;
	font:1em/1.2em Georgia, 'Times New Roman', serif;
	color:#ffffff;
	background-color: #000000;
	height: 25px;
}

#bas a {
	float:right;
	font:0.81em/1.2em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;
	margin-top: 4px;
}

#bas a:hover {
	text-decoration:underline;
	color:#877e66;
}


/* BLOC TEXTE
-----------------------------------------*/
.colore {
	color:#FF6F3F;
}

.note {
	font:0.79em/1.3em Verdana, Arial, sans-serif;
}

.encadre {
	padding:15px;
	background-color:#EAF5F9;
}

.bloc_texte ul {
	margin:0;
	padding:0 0 0 17px;
}

.bloc_texte li {
	padding:0;
}

.bloc_texte .bloc_deroulant {
	border-top:1px dotted #D6D6D6;
	border-bottom:1px dotted #D6D6D6;
	margin:10px 0;
}

.bloc_texte a.lien_deroulant {
	display:block;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/graphiques/fleche_deroulant.gif) no-repeat 2px -7px;
	padding:3px 0 3px 22px;
	text-transform:uppercase;
	font:bold 1.09em/1.2em Verdana, Arial, sans-serif;
}

.bloc_texte a.lien_deroulant:hover {
	color:#009fff;
}

.bloc_texte .bloc_deroulant_selected a.lien_deroulant {
	background-position:2px -69px;
	color:#000;
}

.bloc_texte .zone_deroulante {
	padding:3px 0 6px 22px;
}

.bloc_texte .bloc_deroulant ul {
	color:#4D4D4D;
}


/* DIVERS
-----------------------------------------*/
.message_erreur {
	width:80%;
	margin:0 auto;
	background-color:#FFFFFF;
	border:1px solid #ff0000;
	color:#ff0000;
	padding:5px 10px;
	text-align:center;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

.erreur {
	color:#ff0000;
}

.radio {
	border: none;
}

.print {
	display:none;
}

#version_dev {
	display:none;
	background-color:#FF0000;
	padding:5px 10px;
	color:#FFFFFF;
	font:11px/15px Verdana, Arial, sans-serif;
	margin-bottom:10px;
}