@charset "utf-8";
/* CSS Document */
* 		{margin: 0; padding: 0; border: 0;}
body 	{background-color:#003366;font-size: 12px; font-family:Verdana; color:#333333;}/*background-color:#006699*/


/*---------------------------- BALISES MAJEURES -----------------------------------------------------------------*/
h1 					{font-size:22px; font-weight:bold; margin:0; padding-bottom:0;color:#003366;}

h2 					{padding-bottom:10px;}
h3					{font-size:16px;font-weight:bold;margin:0;padding:0;color:#003366}
h3.autresediteurs	{padding:12px 0 5px 0;margin-top:0; font-size:12px;
					 border-top:1px dotted #666666;color:#999999;}
h4					{font-size:14px; margin-bottom:10px;font-weight:normal}
h4.billet			{font-weight:bold;margin-bottom:5px;}

img 				{border:0;}
img.decalage		{padding-top:5px;}
div 				{margin:0; padding:0;}
.videolecture		{width:240px;border:1px solid #CCCCCC;padding:10px 0 10px 10px;}/*calcul de width tient compte des padding left*/

.vignettevideo		{padding:5px 5px 5px 4px;border:1px solid #CCCCCC;opacity:0.7;filter:alpha(opacity=70);moz-opacity:0.7;}
.actifvideo			{padding:5px 6px 5px 5px;border:1px solid #999999;opacity: 1;filter:alpha(opacity=100);moz-opacity: 1;}
.acc .videolecture	{width:225px;}/*calcul de width tient compte des padding*/
.suggestion			{
	position:absolute;
	display:none;
	height:300px;
	border:1px solid #CCCCCC;
	width:168px;
	background-color:white;
	font-size:11px;
	overflow:auto;
}
div.suggestion div		{padding: 2px 5px;}
div.suggestion div:hover{background-color:#E5E5E5;}
div.suggestion a		{color:#333333;font-size:11px;display:block;}
div.suggestion a:hover	{text-decoration:none}

a 					{color:#009;text-decoration:none}/*bleu par defaut*/
a:hover 			{text-decoration:underline}
.lienbleu			{color:#003366; font-style:normal}
.lienorange			{color:#cc6600;text-decoration:none;font-size:9px;padding:0 13px 0px 0px;
					 background-image: url(images/fleche-orange.jpg);
					 background-repeat: no-repeat;background-position: right center;
					 }
.lienorange:hover 	{text-decoration:underline}/*lien orange est applique en span dans l'agenda deroulant en accueil*/
.lienorange2		{color:#cc6600;text-decoration:none;font-size:9px;padding:0 13px 0px 0px;
					 background-image: url(images/fleche-orange.jpg);background-repeat: no-repeat;
					 background-position: right bottom; line-height:1.6em;
					}/*lien voir le site de l'auteur sur 2 lignes*/
.lienblanc			{color:white;text-decoration:none;font-size:9px;}
.lienblanc:hover 	{text-decoration:underline}/*lien blanc est applique en span dans le menu de gauche, page livre*/

.lienexterne		{color:#cc6600;text-decoration:none;font-size:11px;
					 background:url(images/picto-lien-externe.gif) right center no-repeat; padding:0 13px 0px 0px;}
.liengris			{color:#666666;} /*agenda defilant*/
.liengris:hover		{text-decoration:underline;}

.liengrisfonce		{color:#333333;} /*agenda defilant*/

.lienrss			{color:white;padding:0 20px 0 0;
					 background-image: url(images/picto-rss.gif);
					 background-repeat: no-repeat;background-position: right center;
					 }
a img.vignettevideo:hover{border:1px solid #999999;opacity: 1;filter:alpha(opacity=100);moz-opacity: 1;}

td 					{vertical-align:top;}
td.centrer 			{vertical-align:middle;}
#results p			{margin-bottom:7px;} /*tableau des resultats dans le catalogue*/

tr.entete			{background-color:#036; color:white;font-weight:bold;}/*006699*/
tr.entete td		{padding:5px;}
tr.fond_clair		{background-color:#E5E5E5; }
tr.fond_clair2		{background-color:#F3F3F3; }
ul 					{margin-left:17px;list-style-position: outside;list-style-type: disc;}
li					{padding:0; margin:0;line-height:1.6em;}
ul.menugauche		{list-style-position:inside;}/*l'agenda en colonne de droite (accueil) ou de gauche*/
ul.menugauche li	{margin-left:-17px;padding:0 0 7px 0;}
ul.biblio			{margin-bottom:14px;} /*appliquer dans la fonction miseEnFormeBiblio pour page auteur,etc*/
ul.biblio li		{padding:0 0 0 0;}/*0 0 7px 0*/
ul.catalogueacc		{color:#666;font-size:12px;}/*les liens du catalogue en page d'accueil*/
ul.catalogueacc	li	{ margin-bottom:7px;}/*les liens du catalogue en page d'accueil*/
ul.etaussiAccueil	{ position:relative;}/*top:-10px;*/

input 				{border:0;}
input.inputRecherche {width:180px; height:20px; padding-left:10px;padding-top:7px;color:#666666;font-size:10px;
					  font-weight:bold;background-image:url(images/fond-input-recherche-pol.jpg);overflow:hidden}
					  
input.inputTaggraph {width:138px; height:17px; padding-left:5px;padding-top:4px;color:#666666;font-size:9px;
					  background-image:url(images/fond-input-recherche-taggraph.jpg);overflow:hidden}

input.inputRechercheCatalogue {width:180px; height:20px; padding-left:10px;padding-top:7px;color:#666666;font-size:10px;
					  font-weight:bold;background-image:url(images/fond-input-recherche-catalogue.jpg);}

input.inputRechercheAnnee {width:90px; height:20px; padding-left:10px;padding-top:7px;color:#666666;font-size:10px;
					  font-weight:bold;background-image:url(images/fond-input-recherche-catalogue-annee.jpg);overflow:hidden}

input.inputEmail	{width:150px; height:22px; padding-left:5px;padding-top:5px;color:#666666;font-size:11px;
					  background-image:url(images/fond-input-recherche-pol.jpg);overflow:hidden}

input.boutonFleche 	{width:27px; height:27px;background-image:url(images/fleche-input-email.gif);cursor:pointer}

input.boutonFlecheT 	{width:27px; height:21px;background-image:url(images/fleche-input-taggraph.jpg);cursor:pointer}		  

input.inputlogin	{background-image:url(images/fond-input-text-login-pol.jpg); width:110px; height:20px;
					 padding-left:5px;padding-top:3px;background-repeat:no-repeat; font-size:10px;color:#666666;
					 font-weight:bold;background-repeat: no-repeat;}

input.inputcontact  {background-color:white; border:1px solid #CCCCCC; width:200px;overflow:hidden}

.boutonGenerique 	{background-image:url(images/bouton-generique.jpg);width:85px; height:26px;
					 background-repeat:no-repeat;border:0;color:white;cursor:pointer;}
.checkboxAgenda		{width:18px;height:19px;background: url(images/fond-checkbox.jpg);}
.checkboxAgendaOn	{width:18px;height:19px;background: url(images/fond-checkbox-on.jpg);}

select				{}
select.taggraph		{height:21px;font-size:9px;width:200px;background-color:white; border:1px solid #CCCCCC; 
					 padding-top:2px;padding-left:5px;color:#666666;}
textarea 			{border:1px solid #CCCCCC; width:200px; height:150px; }

p 					{margin-bottom:10px;line-height:1.6em;}
p.titrepresse 		{font-size: 13px;line-height: 13pt;font-weight: bold;color: #036;
				 	 background-position: left top;vertical-align: baseline;}
p.chapeaupresse 	{font-size: 12px;font-style: italic;font-weight: lighter;}
p.bodypress 		{font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 14pt;color: #003366;
				 	 text-align: justify;text-indent: 20pt;}
p.signaturepresse 	{font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height: normal;text-align: right;}
p.intertitrepresse	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #036;
					 line-height: 12px;white-space: nowrap;}

hr 					{border-top:1px dotted #cccccc; height:1px; margin:5px 0 5px 0}
.hr 				{width:auto; padding:0;}
.trait				{border-top:1px solid #E6E6E6;margin:0;margin-bottom:5px;}


/*---------------------------- STRUCTURE DE LA PAGE -----------------------------------------------------------------*/
#entete {position:relative;top:0; left:50%; margin:0;margin-left:-480px;width:960px;z-index:1020;height:83px;}	
#entete a 		{color:white;text-decoration:none}
#entete a:hover {text-decoration:underline}
	#logo 		{position:relative; top:8px; left:0; width:38px; height:auto}
	#retour		{position:absolute;top:62px;left:0;z-index:1;color:white;font-size:8px;width:170px;}
	#menuentete {position:absolute;left: 135px;top: 35px; z-index:10;font-size:14px;}
		#menuentete ul	{margin: 0;padding: 0;list-style-type: none;font-size: 100%;width: auto;}
		#menuentete li	{margin: 0 21px 0 0;list-style-type: none;text-align: left;width:130px;
						 float: left;line-height:1em;background:url(images/fond-rollover-pol-off.gif) no-repeat left top;
						}
		#menuentete li:hover	{background:url(images/fond-rollover-pol-on.gif) no-repeat left top;}
		#menuentete a			{font-weight:bold;padding: 12px 0 14px 5px;display:block}
		#menuentete a:hover		{color:#036;text-decoration:none}
		
		#menuentete li.actif	{background:url(images/fond-rollover-pol-on.gif) no-repeat left top;}
		#menuentete a.actif		{color:#036;text-decoration:none}
		
		
	#rechercher		{position:absolute;left:735px;top:40px;z-index:1020;}
		#suggestion	{position:absolute;display:none;height:350px;border:1px solid #999999;width:188px;top:27px;left:0;
					 background-color:white;font-size:11px;overflow:auto;}
		#suggestion a {color:#333333;font-size:11px;display:block;}/*il faut le remettre ici sinon c'est (#entete a) qui s'applique (blanc)*/
		#suggestion div	{padding: 2px 5px;}
		#suggestion div:hover	{background-color:#E5E5E5;}
		
	#contact		{position:absolute; left:776px; top:10px; font-size:10px; color:#FFFFFF;}
	
#conteneur			{position:relative;top:0;left:50%;margin-left:-490px;width:970px;height:inherit;z-index:2;overflow:hidden}
#conteneur.acc		{margin-left:-480px;width:960px;}/*plus etroit en accueil*/
	#catalogue 		{background-color:white; padding:10px;width:950px;}		
	#menugauche 	{position:relative;top:0;left:0;width:140px;float:left;z-index:11; font-size:11px;color:#666666;}
	#menugauche.acc	{width:160px;}/*plus large en accueil*/
	#menugauche.menuLivre	{background-color:#036;color:white;}/*bleu*/
	#menugauche.menuAutre	{background-color:white;}/*blanc*/
		#contenumenugauche 		{position:relative;top:-15px;left:10px; width:120px;}
		#contenumenugauche.acc	{top:-3px;width:130px;color:#666666;}/*plus large en accueil*/
		#contenumenugauche.menuLivre	{width:100%;}
		
	
	#texte 			{position:relative; top:0;left:0; width:540px;z-index:10; float:left;
					 background-color:white; background-image:url(images/fond-texte-pol.gif);
					 background-repeat:repeat;}
	#texte.acc		{width:526px;}/*plus etroit en accueil*/
					
		#contenutexte {position:relative;left:10px;width:520px; min-height:701px;}
		#contenutexte.acc	{width:506px;}/*plus etroit en accueil*/
			#conteneurtaggraph		{position:relative;border:1px solid #CCCCCC;padding:15px 0 10px 10px;
									 background-color:white;height:357px}
	
	#droite 		{position:relative;top:0;left:10px;width:270px;float:left;background-color:white;
					 z-index:11;font-size:10px; color:#666666;}
	#droite.acc		{width:255px;}/*plus etroit en accueil*/
		#contenudroite {position:relative;left:10px;top:0;width:250px;}
		#contenudroite.acc	{width:235px;}/*plus etroit en accueil*/

#piedpage 			{position:relative;top:5px; left:50%; margin-left:-480px;width:960px; height:170px;}
#piedpage a 		{color:white;text-decoration:none}
#piedpage a:hover	{text-decoration:underline}	
	#contenufooter 	{position:relative;left: 10px;width:310px;z-index:20;font-size:9px;color:white;}
	#contenufooter.int {left:-10px;}

/*--------------------------- formulaire admin -----------------------------------------------------------------*/
#pageadmin 			{position:relative; left:10px;color:#666666; width:790px; height:auto; z-index:10; float:left; 
					 background-color:white; padding:10px;min-height:750px}					 
#pageadmin input 	{background-color:white; border:1px solid #CCCCCC; width:400px;height:20px;padding:3px 0 0 3px}
#pageadmin .boutonGenerique {/*Il faut remettre la classe ici sinon le input du dessus prend la main*/
					background-image:url(images/bouton-generique.jpg);width:85px; height:26px;
					background-repeat:no-repeat;border:0;color:white;padding:0;cursor:pointer;}
#pageadmin .bouton_cal	{background-image:url(images/picto-calendrier.gif);height:26px;width:21px;border: 0px;margin-left:2px;
						 cursor:pointer;} /*le calendrier*/

#pageadmin input.checkbox 	{width:15px;border:0;height:15px;margin-right:5px;}
#pageadmin select	{width:400px;background-color:white; border:1px solid #CCCCCC;padding:3px 0 0 3px}
#pageadmin textarea {width:400px;height:200px;}
#pageadmin textarea.haut	{height:500px}


#pageadmin a 		{color:#003366;}/*#006699*/
#pageadmin .important {color:#D00000; font-weight:bold;font-style:normal} /*remis ici car si .important applique a <a>, #pageadmin a prend le dessus*/
#pageadmin table	{width:98%;}
#pageadmin td		{padding:5px;border-right:1px solid white;border-bottom:1px solid white;margin:0;font-size:11px;}



/*----------------------------------------------------specifiques-----------------------------------------*/


/*----------------------------------------------------classes-----------------------------------------*/
.grisfonce				{color:#333333;}/*a cause de l'accueil qui est plus fonce*/
.grismoyen				{color:#666666;}
.grisclair				{color:#999999;}
.orangemarron			{color:#930}
.orange					{color:#cc6600;}
.noir					{color:black;}/*a cause du h1 de l'accueil qui est plus fonce*/
.bleu					{color:#003366;}/*#006699*/
.gras					{font-weight:bold;}
.pasgras				{font-weight:normal;}
.petit8					{font-size:8px;}
.petit9					{font-size:9px;}
.petit10				{font-size:10px;}
.gras10px				{font-size:10px; font-weight:bold}
.petit11				{font-size:11px;}
.normal12				{font-size:12px;}
.normal13				{font-size:13px;}
.normal17				{font-size:17px;}
.tresgrand				{font-size:30px;line-height:1.4em;}
.lineheightnormal p		{line-height:1.2em;} /*annulation du line-height dans les p contenu1 de l'agenda*/
.clearboth 				{clear:both;}
/*.titrepage				{font-size:11px; margin-bottom:10px; }*/
.texteblancgras 		{color:#FFFFFF; font-weight:bold; }
.marginbottom5			{margin-bottom:5px;}
.marginbottom11			{margin-bottom:11px;}
.marginbottom15			{margin-bottom:15px}
.margintop20			{margin-top:20px;}
.margintop10			{margin-top:10px;}
.margintop5				{margin-top:5px;}
.margin0				{margin:0;}

.floatleft 				{float:left;}
.floatright 			{float:right;}

.flecherecherche 		{position:absolute; left:200px; top:7px;}/*par rapport a sa div*/

/*
.heightaccueiltexte		{height:795px}
.heightaccueildroite	{height:795px}
.heightaccueilmenug		{height:795px}*/
.heightextemini			{height:730px;}
.espacement				{height:400px}/*gestion de la hauteur du centre de la page auteur pour eviter l'effet escalier*/

.nbPageActif	{color:#999999;}
.important		{font-style:italic;color:#D00000;}/*sur les etoiles dans les formulaires*/

.actifMenuAdmin			{background-color:#3e4435; color:#FFFFFF}

.displaynone	{ display:none}