@charset "utf-8";
/*	NOM : styles.css
	AUTEUR : Regis Robineau
	DESCRIPTION : feuille de styles principale
	CONTENU :	- Structure de page
					- Styles des balises
					- Styles specifiques : integration des rubriques
					- Classes generiques
*/
/*============================================================================
			STRUCTURE
==============================================================================*/

body{ background-color: #d9d9d9; color:#191919; /*height:100%;*/}

/*--------------------- DIV d'habillage : background */
#droite{ width:100%; /*height:auto; height:100%;*/ background: #d9d9d9 url("../images/bg/bg_droite.gif") repeat-x 0 0;}
#gauche{ position:absolute; width:50%; height:100%; left:0; background: #d9d9d9 url("../images/bg/bg_gauche.gif") repeat-x 0 0;}


/*--------------------- Conteneur */
#conteneur{ 
	position:relative;
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

/*------------------ Haut de page */
#haut{}
#bandeau{ position:relative; width:100%; height:117px; background:transparent url("../images/bg/bandeau.jpg") no-repeat 0 0; }
#lien_logo{ display:block; width:90px; height:90px; position:relative; left:35px; top:5px;}

/* Menu principal */
#menuHaut{ position:absolute; width:650px; height:20px; left:135px; bottom:16px;}
ul#menu{  list-style-type:none; margin:0; padding:0;} 
ul#menu li{  float:left; list-style-type:none; margin:0; padding:0; }
ul#menu li a{ display:block; text-decoration:none; text-align:center; margin-right:1.2em; padding:4px 0 0 0; color:#ac4a1d; text-shadow:1px 1px 1px #C0C0C0; font-size:11px;}
ul#menu li a:hover{ text-shadow:1px 1px 1px #BFBFBF; color: #F7AA26;} 

/* Fil d'ariane et liste deroulante */
#cheminHaut{ clear:left; padding-top:5px; position:relative;}
	#switcher {position:absolute; top:5px; right: 0; margin:0; width:140px; padding:0; z-index:50;}
	#switcher ul {padding:.2em 0 0 0}
	#switcher ul ul {padding:0}
		.select {position:relative !important; margin:0; width: 140px; }
		.selectTitle {cursor:pointer; font-weight:normal; border:1px solid #d5d5d5; color:#808080; background: #F9F9F9 url(../images/bg/select.gif) no-repeat right 0; padding:.1em 2em .2em .5em; font-size: 0.8em; margin: 0;}
		.selectTitle:hover {color:#F7AA26}
		.selectBody {display:none; position:absolute; z-index:999; overflow-y: none; width: 138px; padding:0 0 1em; margin: 0; border:solid #d5d5d5; border-width:0 1px 1px; background-color:#F9F9F9;} 
		.selectBody li {cursor:default; padding:0; font-size: 0.8em; list-style-type: none;}
		.selectBody a, .selectBody a:link {display:block; padding:.5em .6em; color:#AC4A1D; }
		.selectBody a:hover, .selectBody a:focus {background-color:#d5d5d5; text-decoration: none; color: #808080;}

/*---------------------- Contenu */
#contenu{ 
	padding: 5px 15px 15px 15px;
	clear:both;
	min-height:400px;
}

/*----------------- Pied de page */
#bas{
	border-top:5px solid #d9d9d9;
	height: 28px;
	position:relative;
}
#pied{ font-size:0.8em; color:#5F5F5F;}
#adresse{ position:absolute; top:0; left:0; }
#adresse p{ margin-right:0; padding-left:15px;}
#mentions{ position:absolute; top:0; right:0;  text-align:right;}
#mentions p{ margin-left:0; padding-right:15px;}


/*----------------- Fil d'ariane */
.chemin{ margin: .75em 0 .75em 30px; padding: 0 0 0 0.8em; font-size:0.8em; color:#999;}
.courante{  } /* Page en cours */


/*==============================================================================
		STYLES DES BALISES
================================================================================*/

/*------------------- Titres */
h1, h2, h3, h4, h5, h6 { /*color:#A43007;*/ color:#ac4a1d; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;}
h1 { width:90%;  letter-spacing:2px; padding-left:8px; text-shadow:1px 1px 1px #999999;}

table h2 { border:none;}

/*-------------- Paragraphes */
p { font-size:1em; text-align:justify;}
p img { vertical-align:middle;}

/*-------------- Sparateurs */
hr {  height: 1px; color: #ccc; border-bottom: 1px solid #ccc; border-top: none; border-left: none; border-right: none; margin-bottom: 1em; width:95%;}

/*------------------- Liens */
a, a:link {color: #ac4a1d; text-decoration:none;}
a:visited {color: #ac4a1d;}
/*#contenu a:visited {border-bottom: 1px dotted #F7AA26;}*/
a:hover, a:focus, a:active {color: #F7AA26; text-decoration:none;}


/*==============================================================================
		INTEGRATION DES RUBRIQUES
================================================================================*/

/*------------------- Presentation (sectionPres), Catalogues (sectionCat) --> encarts en tableau */
#menu_pres{ float:right; width:180px; margin-left:1.3em;}
.sectionPres h2:target { color: #F7AA26;} /* Cibles des ancres */

table.sectionPres{	width:100%;}
table.sectionPres p, table.sectionCat  p {  font-size:0.8em; padding:0;}
table.sectionPres h2 {  margin:0 0 0 25px; padding-left:8px; border-left:5px solid #F7AA26;}

table.sectionCat{ width:95%; margin:0 auto;}
table.sectionCat h3{ margin:0; font-size:1em;}

/*------------------- Acquisitions */
table.acquis { width:90%; margin: 0.7em auto; border-bottom:1px solid #ccc;}
table.acquis h2 { font-size:1.8em; text-align:left; margin:0;  padding-left:8px; border-left:5px solid #F7AA26;}
table.acquis td p { font-size:0.8em; margin-left:1.5em;}

/*------------------- Bibliographies */
#bibliographies { padding-top:10px; width:85%; margin:0 auto;}
.biblio{ position:relative;}
.biblio img{ position:absolute; left:0;}
.biblio a{ text-decoration: none; border-bottom:1px solid #b34a4a;}
.biblio a:hover{ text-decoration: none; border-bottom:none;}
.biblio h2{ margin-bottom:0.3em; padding-bottom:0;}
.biblio div {padding-left:50px;}
.biblio p{ margin-bottom:5px; margin-top:0; padding-bottom:0;}

/*------------------- Foire aux questions */
#questions { font-size:0.9em;}
#questions dt {cursor:pointer; color:#ac4a1d; padding-left:12px; background:transparent url(../images/bg/fleche.png) no-repeat left 15px;}
#questions dt:hover { color: #F7AA26;}

/*------------------- Ressources Electroniques */
#menu_ress{ float:right; width:180px; margin-left:1.3em; margin-bottom:0.2em;}
ul.listRevues { width:39%; list-style-position:outside; padding-left:20px;}
ul.listRevues li{ font-size: 0.8em;}
ul.listRevues li.itemTitre { font-size:1em; list-style-type:none; display:block; padding:10px 0 0 10px; margin-bottom:20px;} /* Item spcifique pour titre encart Revues.org et Perse */

/*------------------- Comptes rendus (accueil) */
.nouveau { margin:0 0 30px 40px; border-left:2px solid #F7AA26;}
#menu_cr{ float:right; width:210px;}
#menu_cr h3{ font-size:1em; font-weight:bold; margin:0.5em; padding:; border-bottom:1px dotted #F7AA26;}
.dossier_cr{ width:85%; background-color:#F9F9F9; border:1px outset #F7AA26; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px; margin:2em auto;}
.dossier_cr h2, .dossier_cr h3 { margin-top:10px;}

/*------------------- Compte rendu */
#entete_cr{ padding:1em 0; background-color:#F9F9F9; border:1px dotted #E8E7E7; /* pour IE */
background-color:rgba(249, 249, 249, 0.5); border:1px dotted #E8E7E7;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

#illustration_cr img{ -moz-box-shadow: 3px 3px 3px #555; -webkit-box-shadow: 3px 3px 3px #555; box-shadow: 3px 3px 3px #555;}

#entete_cr h1{ font-size:1.8em; letter-spacing:1px;} /* titre */
#entete_cr h2{ font-size:1.1em; margin-top:0; margin-bottom:0; color:#191919;} /* auteur*/
#entete_cr h3{ margin:15px 0 0 30px; padding:0;} /* auteur cr */
#entete_cr p{ font-size:0.8em;} /* auteur cr */

.sous_titre{ display:block; font-size:0.7em; font-variant:normal; text-shadow:none; letter-spacing:normal;}
.pres_auteur{ color: #5F5F5F;}
.print_cr{ text-align:right; font-size:0.8em;}
.print_cr a{ background:transparent url(../images/bg/page_white_acrobat.png) no-repeat top left; padding-left:20px; padding-bottom:8px;}

#corps_cr{ width:95%; margin:1em auto; text-align:justify;}
.notes{ border-top: 1px solid #ccc; padding-top:0.5em; margin-top:2em;}
.notes p{ color: #5F5F5F; font-size:0.9em;}

/*------------------- Chronique REA */
.adresseBsa{ background:#fff url(../images/bg/palmette.png) no-repeat top left; margin:2em 0 2em 2em; padding: 0 0 0 30px;}
#lang{ width: 140px; float:right; border-bottom: 1px solid #d7d7d7; text-align:right; margin-bottom: 1em; padding-right:0.5em;}
#lang li { display:inline; padding-left:1em;} 
#lang li a{ text-decoration:none; font-weight:bold; font-size: 10px;}
#lang li a:hover{ }
#lang li.actif { } 
#lang li.actif a { text-decoration:none; color: #F7AA26;}
.contenuLang{}

/*------------------- Collections */
#menu_collec{ float:right; width:200px;}

/*------------------- Plan du site */
#conteneurPlan{ width:700px; margin:0 auto;}
.colPlan{ width:50%; float:left;}
.blocPlan{ width:320px; border:1px solid #E8E7E7; font-size:0.85em; margin: 0 0 1.4em 1.8em;}
.blocPlan:hover{ background-color:#F9F9F9;}
.blocPlan p{ font-weight:bold;}
.blocPlan ul li{ list-style-type:square; list-style-position:outside; color:#F7AA26;}
#sitesExt { border:none; border-top:1px solid #E8E7E7;}
.blocPlan #blog{ list-style-image:url(../images/bg/fav_bsa.png);}
.blocPlan #flickr{ list-style-image:url(../images/bg/flickr_logo.png);}
.blocPlan #delicious{ list-style-image:url(../images/bg/delicious.png);}
.blocPlan #twitter{ list-style-image:url(../images/bg/twitter.png);}


/*------------------- Contact */
#formContact{ width:68%; margin: 0 auto; border:1px solid #E8E7E7;}
#formContact legend{ color:#5F5F5F; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; font-size:1.2em}

#formulaire { width:515px;}
#formulaireInner{width:350px; margin:0 auto; color:#5F5F5F;}

#formulaire input, #formulaire textarea{ background-color:transparent; border:#CECECE solid 1px;
 -moz-box-shadow:0 0 2px #E0E0E0; -webkit-box-shadow:0 0 2px #E0E0E0; box-shadow:0 0 2px #E0E0E0;
 -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#formulaire input:focus, #formulaire textarea:focus{ border:#F7AA26 solid 1px; }

.blocChamp{ text-align:right; margin-top:10px; }
.blocChamp label { float:left;}
.champ { width:220px; }
.champmessag { width:100%; margin-top:3px;}
#formulaire #send { cursor: pointer; background-color:#E0E0E0; border:#CECECE solid 1px; padding:4px; color:#AC4A1D;}
#formulaire #send:hover { border:#fff solid 1px; background-color:#CECECE; border:#CECECE solid 1px;}

#captcha{text-align:center; font-size:0.8em;}

#coordonnees { width:345px; margin:2em auto; background:#F9F9F9 url(../images/bg/bg-palmette_horiz.png) no-repeat right top; border:1px solid #E8E7E7; padding:10px; text-align:center; font-size:0.8em;
-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
#coordonnees p{ text-align:center;}

.divtexte{color:#5F5F5F; text-align:center;}
.divtexte label{font-weight:bold;}

/*------------------- Actualite */
/* Conteneur principal des actualites */
.actualite{}
 
/* Conteneur d'une actu */
.menu_item{}
.menu_item:first-child{} /* Mise en valeur de la 1ere actu (la derniere en date) */
.menu_item:first-child .contenuActu{ background-color:#fff; border:none; border-bottom:2px solid #E8E7E7; margin-bottom:30px; padding-bottom:20px;}
.menu_item:first-child .titreActu{ font-size:1.3em; font-weight:bold; border-left:25px solid #F7AA26;}
.menu_item:first-child .txtActu, .menu_item:first-child .dateActu{ font-size:1em;}

.contenuActu{ position:relative; padding:1em; width:90%; margin:1em 0 1em 20px; background-color:#F9F9F9; border:1px solid #E8E7E7;}
 
/* Titre actu */
.titreActu{ font-size:1em; font-variant: normal; border-left:15px solid #F7AA26; padding-left:10px; line-height:1.1em; margin-left:10px;}

/* Date */
.dateActu{ position:absolute; right:5px; bottom:10px; color:#5F5F5F; font-size:0.8em;}
 
/* IF Vignette actu */
.thumbActu{ float:left;}
 
/* Texte actu */
.txtActu{ font-size:0.8em;}
 
/* Images actu : positionnement au choix */
.imageActu{ float:left; margin:1em 2em 0 2em;}
.imageActu img{ /*border:1px solid #564c4c;*/}


/*==============================================================================
		CLASSES
================================================================================*/

/* Formatage de texte */
.petit { font-size: 0.8em;}
.grand { font-size:1.2em;}
.gras { font-weight:bold;}
.italique { font-style:italic;}
.souligne { text-decoration:underline;}
.normal{ font-style:normal; font-weight:normal;}

/* Alignement et retrait */
.center { text-align:center;} /* centrage du texte */
.left{  text-align:left;}
.right{  text-align:right;}
.justify{  text-align:justify;}
.aligncenter { margin:0 auto;} /* centrage de blocs */
.indent{ text-indent:1em;}
.margL{ margin-left:30px;}

/* "Nettoyeurs" */
.clearer { clear:both; margin:0; padding:0; line-height:0; height:0;}
.clearb { clear:both;}
.nomargin { margin:0; padding:0;}
.nopuce{ list-style-type:none;}

/* Couleurs */
.gris { color:#5F5F5F;}
.rouge{ color:#A43007;}

/* Blocs */
.larg90 { width:90%;}
.larg75 { width:75%;}
.larg60 { width:60%;}
.larg50 { width:50%;}
.larg46 { width:46%;}
.larg40 { width:40%;}

/* Encarts */
.encart { background-color:#F9F9F9; border:1px solid #E8E7E7; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;  padding:6px; margin-bottom:1.5em;}

/* Bloc en retrait avec bordure gauche */
.retrait { margin:0 0 0 30px; border-left:2px solid #F7AA26;}
.retrait p { padding-left:20px;}

/* Colonnes */
.colDroite {  float:right; width:35%;}
.colGauche {  float:left; width:60%; margin-left:9px;}

/* Classes "flottantes" */
.floatRight {  float:right; margin-left:1em;}
.floatLeft {  float:left; margin-right:1em;}

/* Images */
.bordure {border:1px solid #993333;}
.bordGris{border:1px solid #ccc;}
.ombre{ box-shadow:1px 1px 2px #555; -moz-box-shadow:1px 1px 2px #555; -webkit-box-shadow:1px 1px 2px #555;}

/* Bordures */
.borderL { border-left: 1px solid #ccc;}

/* Titres */
.titre2 { width:80%; letter-spacing:1px; padding-left:8px; border-left:25px solid #F7AA26; }

/* Points d'interrogation/exclamation "flottants" avec texte d'info */
.point{ font-family:"Times New Roman", Times, serif; font-weight:bold; color:#C1C1C1; font-size:3em; float:left; padding-right:6px;}
.info{ padding-left:4px; border-left:1px solid #C1C1C1; margin-left:25px;}
.info p{ margin:0; padding:0.5em 0;}

/* Icnes liens externes */
.icon{ background:transparent url(../images/bg/externe.gif) no-repeat left center; padding-left:13px;}

/* Sous-menus */
.submenu{ background-color:#F9F9F9; border:1px solid #E8E7E7; margin:10px 0 1em 1em;}
.submenu ul{margin:0.8em 6px 0.8em 25px; padding:0 0 0 0;}
.submenu ul li{ list-style-type: square; color:#F7AA26; font-size:0.8em;}
.submenu ul li.selected{ color:#8b8b8b;}
.submenu ul li.selected a{ color:#8b8b8b; cursor:default;}

/* Ancres (pour pages longues) */
.ancre{text-align: right; margin:1em 0 0 0; font-size: 0.8em;}

/* liens Booklinker (Acquisitions) */
.booklinker{ background:transparent url(../images/bg/magnifier.png) no-repeat left center; padding-left:18px; font-size:0.9em;}