/*
 * 
 * Projet Inist
 * www.inist.fr
 * 
 * alexandre at pix-l dot fr
 * franck at pix-l dot fr
 * 
 */

html {
     overflow: -moz-scrollbars-vertical;
}


.clear { clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important; float:none !important; }
.mini {display:none;}
 /* styles globaux */

body 		{ font: normal normal normal 14px/18px Verdana, Tahoma, Geneva, arial; color:#4d4d4d }
.wrapper 	{ width:974px; margin:0 auto;  }
a 			{ color:#254180; text-decoration:none;  }
a:focus     { text-decoration:underline;  }
input,
textarea	{ border:1px solid #254180; height:14px; padding:2px; border-radius:4px; color:#3E8EA0; -moz-border-radius:4px; -webkit-border-radius:4px; font: normal normal normal 12px/14px "Trebuchet MS", "helvetica", "arial"; }
textarea 	{ height:auto; }
hr 			{ padding:0; margin:0; border:none; }
h1 			{ margin:10px 0; font-weight:normal; }
h2 			{ font-weight:normal; }
h3 			{ margin:10px 0; font-weight:normal; }

br.bugajaxie 		{ font-size:0; line-height:0; height:0; margin:0; padding:0; display:block; }
.boutons .submit 	{ background:url(../_imgs/sprite.png) top right no-repeat; width:55px; height:20px; border:none; color:#FFF; font-size:14px; padding:0 0 6px 0; text-align:center; }


.header 	{ width:960px; padding:0 8px 10px 6px; position:relative; background:url(../_imgs/header-bg.png) top left no-repeat;  }

/* menu top */
.menu-top 				{ height:23px; background-color:#3e8ea0; width:960px; padding-top:3px; }
.menu-top a 			{ color:#FFF; }
.menu-top .accueil 		{ display:block; float:left; margin-right:8px; width:19px; height:18px; margin-left:6px; }
.menu-top .accueil span { display:none; }
.menu-top .recherche 	{ float:left; background-color:#FFF; margin-right:4px; }
.menu-top .submit 		{ width:25px; height:20px; padding:2px; background:url(../_imgs/sp-sub.png) no-repeat; border:none; }
.menu-top .submit:hover { width:25px; height:20px; padding:2px; background:url(../_imgs/sp-sub-hov.png) no-repeat; border:none;  }

.menu-top .hors-ecran   { width:0px; float:left;}

.menu-top .outils 			{ float:right; }
.menu-top .outils a 		{ display:block; float:left; margin:0 4px; }
.menu-top .outils a span 	{ display:none; }
.menu-top .outils a.outil 	{ width:22px; height:15px; margin-top:2px; }
.menu-top .outils a.langue  { width:25px; border-left:1px solid #5dc6cf; border-right:1px solid #5dc6cf; padding-left:7px; padding-right:7px; }
.menu-top .outils a.langueen{ width:25px; border-left:1px solid #5dc6cf; border-right:1px solid #5dc6cf; padding-left:7px; padding-right:7px;}
.menu-top .outils a.titre 	{ font-style:italic; background:none; }
/*.menu-top .outils a.rss 	{ background-position :	-481px -2px; }
.menu-top .outils a.email 	{ background-position :	-377px -2px; }
.menu-top .outils a.imprimer{ background-position : -405px -2px; }*/

/* banniere */

.banniere 				{ width:958px; height:90px; border-left:1px solid #00325e ; background:url(../_imgs/ban-bg.png) top left no-repeat; border-right:1px solid #00325e }
.banniere .logo 		{ margin:0 0 0 15px; padding-top:18px; display:block; width:150px; height:61px;}
.banniere .inist 		{ float:left }
.banniere .cnrs 		{ float:right; width:65px; height:65px; margin-right:15px; }


/* menu */
.menu 					{ width:960px; position:absolute;  top:-10px; left:6px; }
.menu ul 				{ height:34px; background:url(../_imgs/sprite.png) bottom right no-repeat; list-style:none;   }
.menu ul li 			{ float:left; color:#FFF; height:28px;  border-right:1px solid #ffffff; position:relative; background:none; padding-left:0;  }
.menu ul li a 			{ color:#FFF; display:block; float:left; height:28px; padding:0 6px; font: normal normal normal 13px/28px Verdana, Tahoma, Geneva, arial; }
.menu ul li a:hover,
.menu ul li a.on  		{ background:#FFF url(../_imgs/sprite.png) -39px -385px no-repeat; color:#334b83; }

.menu ul li ul 			{ position:absolute; z-index:1000; left:-9999em; top:27px; height:auto;  min-width:150px; max-width:254px; background:url(../_imgs/menu-sous_menu.png) bottom right no-repeat; padding:0 10px 20px;margin-left:-6px}
/*.menu-left 				{ margin-left:-10px; background:url(../_imgs/menu-sous_menu-left.png) bottom left no-repeat; padding:0 10px 20px; }*/
.menu ul div.menu-sous_rub-top { position:absolute; z-index:100; top:28px; left:-5px;
									background:url(../_imgs/menu-sous_menu-top.png) top left no-repeat;
									height:8px; width:244px; display:none; }
.menu ul li:hover>ul,
.menu ul li:hover>div 	{ left:5px; }


.menu ul li.onglet3 ul { min-width:130px; }
.menu ul li.onglet4 ul { min-width:190px; }
.menu ul li.onglet6 ul { min-width:180px; }
.menu ul li.onglet9 ul { min-width:180px; }



.menu ul li.onglet9:hover>ul 	{ left:-60px }
.menu ul li:hover > a:first-child 		{ background:#FFF url(../_imgs/sprite.png) -39px -385px no-repeat; color:#334B83; }
.menu ul li:hover > a.lien-sous_menu	{ background:none; }

.menu ul ul li 			{ border-right:none; background:url(../_imgs/sprite-rub-puces.gif) no-repeat; padding:0; padding-left:5px; color:#000; color:#1b1464; float:none; height:auto; margin-bottom:0px; font-size:12px;  position:static; }
.menu ul ul li a 		{ float:none; display:inline; font-size:12px; line-height:20px; height:auto; background:none; color:#1b1464; }
.menu ul ul li a:hover 	{ background:none; }

.menu ul li ul .on		{ font-weight:bold; background:none; }

/* position des puces en suivant le sprite, tres chiant a faire */

.menu ul .onglet2 ul li	{ background-position: -5740px -10px }
.menu ul .onglet3 ul li	{ background-position: -765px -10px  }
.menu ul .onglet4 ul li	{ background-position: -1475px -10px }
.menu ul .onglet5 ul li	{ background-position: -2898px -10px }
.menu ul .onglet6 ul li	{ background-position: -2188px -10px }
.menu ul .onglet7 ul li	{ background-position: -3609px -10px }
.menu ul .onglet8 ul li	{ background-position: -4320px -10px }
.menu ul .onglet9 ul li	{ background-position: -5030px -10px }



.menu ul .onglet1 			{ margin-left:1px;    }
.menu ul .onglet1 a 		{ padding-left:11px; }
.menu ul .onglet9			{ border-right:none; width:113px; }
.menu ul .onglet9 a 		{ padding-right:8px; }

.menu ul .onglet2 a:hover,
.menu ul .onglet2 a.on		{ background-position: -139px -385px; }
.menu ul .onglet3 a:hover,
.menu ul .onglet3 a.on		{ background-position: -202px -385px; }
.menu ul .onglet4 a:hover,
.menu ul .onglet4 a.on		{ background-position: -400px -385px; }
.menu ul .onglet5 a:hover,
.menu ul .onglet5 a.on		{ background-position: -468px -385px; }
.menu ul .onglet6 a:hover,
.menu ul .onglet6 a.on		{ background-position: -518px -385px; }
.menu ul .onglet7 a:hover,
.menu ul .onglet7 a.on		{ background-position: -631px -385px; }
.menu ul .onglet8 a:hover,
.menu ul .onglet8 a.on		{ background-position: -779px -385px; }
.menu ul .onglet9 a:hover,
.menu ul .onglet9 a.on		{ background-position: -889px -385px; }
.menu ul li.onglet-last 				{ border-right:none; }


.menu-en .onglet7 a			{ padding-right:38px; }

.menu-en ul ul li a { padding:0 5px;}
/* spip */
h3.spip 	{ margin-top:15px; border-bottom:1px solid #666; color:#254180; padding:0 0 2px 5px; font: italic bold normal 15px "Verdana", "Tahoma", "Geneva";}
/* content */

.content 					{ padding: 30px 6px 0; width:964px; position:relative; background:url(../_imgs/content-bg.gif) top left repeat-y;  }
.content .text-content p	{ margin:10px 0; }
.content .text-content ul 	{ margin:20px 10px 20px 40px; list-style: square; list }
.content .text-content li 	{ margin-bottom:10px;    }

.content h1, .content h2, .content h3 	{ font-size:18px; font-style:italic; }
.content h3 				{ font-weight:normal; margin-top:5px; }
.content h2 span 			{ padding-right:6px; background:#FFF; }


.content-rub 				{ width:649px; border-right:1px solid #808080; padding-left:20px; padding-right:25px; float:left; }
.content-rub1 				{ min-height:150px; height:150px; height:auto !important; }

.content-rub2 				{ width:390px; padding-top:15px; float:left; }

.content-rub2 h2 			{ font-size:14px; }
.content-rub2 h3 			{ font-size:16px; }

.content-rub3 				{ width:249px; padding:15px 0 0 10px; float:left; }

.content-rub3 h2 			{ font-size:14px; }
.content-rub3 h3 			{ font-size:16px; }

/* home */
#slider-wrapper 			{ }
#slider 					{ height:140px; width:947px; margin-left:8px; background:url(../_imgs/masque-home-fading-bg.png) top right no-repeat;  }
#slider li					{ height:128px; width:917px;  overflow:hidden; margin-top:5px; margin-left:5px; }
#slider .description-slider { height:123px; overflow:hidden; padding:5px 0 0; text-align:right; background:url(../_imgs/masque-home-slide-bg.png) top right no-repeat; }

#slider .description-slider h2 { float:right; width:550px; margin-bottom:5px; }
#slider .description-slider h1 { float:right; width:550px; }

#slider .description-slider .titre-rubrique 		{ font-size:20px;display:block; color:#4d4d4d; margin-bottom:5px; }
#slider .description-slider .descriptif-rubrique 	{ font-size:12px; line-height:12px; color:#4d4d4d; font-style:normal; }
#slider .description-slider .titre-article 			{ font-size:12px; color:#808080; font-weight:normal; font-style:normal; }


.content-home h2			{ background:none;  }
.content .content-home li	{ background:none; padding:0; margin-right:14px; }
.bouton-rubrique 			{ display:block; height:77px; width:305px; float:left; }
.bouton-rubrique a 			{ display:block; height:77px; width:295px; padding-right:10px; text-align:right; color:#24407e; font: italic bold normal 16px/54px Verdana, Tahoma, Geneva, arial;; background:url(../_imgs/masque-home-boutton-bg) 134px 7px no-repeat; }
.bouton-rubrique a.deux		{ line-height: normal; padding-top:10px; }
.bouton-rubrique a span 	{ display:block; height:50px; width:150px; cursor:pointer; float:right; padding:10px 10px 0; background:url(../_imgs/sprite-rub-puces.gif) 0 17px no-repeat;}

.chapo-content 				{ margin:5px 0; font-weight:bold; }

.rubrique_violet a span 	{ background-position:0 17px }
.rubrique_magenta a span 	{ background-position: -765px 0 }
.rubrique_rouge a span 		{ background-position: -1400px 17px }
.rubrique_jaune a span 		{ background-position: -2115px 17px }
.rubrique_bleu a span 		{ background-position: -2850px 17px }
.rubrique_vert a span 		{ background-position: -3575px 0px }
.rubrique_cyan a span 		{ background-position: -4305px 16px }
.rubrique_anis a span 		{ background-position: -5015px 16px }
.rubrique_orange a span 	{ background-position: -5670px 15px }

.home-boutons-rubrique 		{ margin-top:20px; margin-left:6px; }
.home-carrousel 			{ width:940px; margin-left:10px; margin-top:20px; }
h4.home-titre-actu 			{ padding-top:10px; margin-bottom:10px; font-weight:bold; border-top:1px solid #2b4b7b; color:#2b4c7c; font-size:16px; font-style:italic; }

#carrousel 					{ height:106px; width:900px; }
#carrousel ul				{ height:106px;  }
#carrousel li 				{ width:218px; height:106px; float:left; padding:0; margin-right:10px; }
#carrousel li a 			{ width:218px; height:106px; display:block; position:relative; }
#carrousel li a span 		{ position:absolute; bottom:2px; left:0; height:15px; padding:5px; width:207px; color:#FFF; background: transparent url(../_imgs/sprite.png) -783px -339px no-repeat ;	}

.home-carrousel a.browse			{ background:#FFF url(../_imgs/sprite.png); }
.home-carrousel a.right 			{ background-position: -713px -195px ; color:#334b83; }
.home-carrousel a.left 				{ background-position: -695px -195px ; color:#334b83; }

/* portfolio */

#documents_portfolio a 		{ background: #E7E7E7 url(../_imgs/sprite.png) -725px 0 no-repeat; padding-left:30px }
#documents_portfolio a span { display:block; margin-bottom:8px; }


/* rubrique actu */

.actu-entete 	{ margin:0 10px; padding:10px 0; color:#2b4c7d; font-size:15px; }
.actu-entete p 	{ width:450px; float:left; font-style:italic; }
.actu-entete p.desc { margin-right:25px; }

.content-en .actu-entete p.desc {  }
.content-en .actu-entete p 	{ font-size:11px; line-height:14px; }
.content-colonne-actu li 			{ background:none; }
.content-colonne-actu h5 			{ font-weight:bold; font-size:12px; margin:5px 0 0 }
.content-colonne-actu h5 span.date 	{ font-weight:normal; font-size:10px; }
.content-colonne-actu p 			{ margin-bottom:10px; }
.content-colonne-actu .texte 		{ font-size:11px; color:#666666; line-height:16px; }
.content-colonne-actu .all 			{ margin:10px 0; text-align:right; font-size:11px; font-style:italic; }
.content-colonne-actu .all a		{ color:#666666;  }

.content-colonne-liste-actu li 		{ font-size:11px; background:none; margin-bottom:5px; color:#666666 }
.content-colonne-liste-actu .date 	{ font-size:10px; font-weight:normal; }
.content-colonne-liste-actu a 		{ color:#666666; font-weight:bold; }
.content-colonne-liste-titre-rubrique  { font-style:italic;   font-size:11px; }

.content-colonne-liste-actu li		{ margin:0 }


.read-next 			{ float:right; margin:10px 0; }
.read-next a		{ font-style:italic; font-size:13px; }

.socials 			{ float:right; width:50px;  }
.socials-haut 		{ margin-top:-26px; }
.socials a 			{ display:block; width:16px; height:16px; float:right; margin-left:5px; background: url(../_imgs/socials-icons.png) no-repeat; }
.socials a.facebook { background-position:0 0; }
.socials a.twitter 	{ background-position:-16px 0; }
.socials a span 	{ display:none; }

/* colonne */

.content-colonne 			{ width:250px; float:left; }
.content-colonne h4 		{ border-bottom:1px solid #808080; color:#254180; padding:0 0 2px 5px; font: italic bold normal 16px "Myriad Pro", "helvetica", "arial";}

.content-colonne .auteur 	{ background:url(../_imgs/sprite.png) -955px -178px no-repeat; padding-left:50px; margin:10px 0; color:#203861 }
.content-colonne .auteur h2 		{ background:none; font-size:14px; font-style:normal;  color:#203861; width:200px; }
.content-colonne .auteur h2 span 	{   }

.content-colonne input,
.content-colonne textarea			{ background-color:#dee2f1; color:#333; width:236px; margin:5px 0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
.content-colonne .formulaire_spip ul		{ margin:10px 0 }
.content-colonne .formulaire_spip li		{ padding-left:10px; }

.content-colonne .formulaire_spip .boutons 	{ padding:0 0; text-align:right; }
.content-colonne .player-feulache 			{ width:228px; margin:10px auto; }
.content-colonne .bouton-actu 				{ background:url(../_imgs/sprite.png) -40px -175px no-repeat; height:65px; display:block; text-align:center; color:#FFF; padding:5px 15px 0 5px; margin:10px 0 0 8px; }

.content-colonne-liste-actu .all a 			{ font-weight:normal; }

.archives-annee 							{ margin-top:2px; text-align:center; font-size:14px; font-weight:bold; }
.archives-annee a 							{ padding:2px 5px 0 9px; font-size:16px; font-weight:bold; color:#999; }
.archives-annee a:hover 					{ color:#334b83; }
.content-colonne-liste-actu .mois-en-cours,  
.content-colonne-liste-actu .mois-en-cours a { color: #294C7C; font-weight:bold; }
.content-colonne-liste-actu .mois-en-cours 	{ background:url(../_imgs/sprite-rub-puces.gif) 0 -63px no-repeat; padding-left:10px; }


.content-colonne-liste-recherche { margin-bottom:10px; }

/* plan */

.plan li { background: transparent url(../_imgs/sprite-rub-puces.gif) no-repeat scroll -55px -10px }

/* Footer */
#footer			{ padding:20px 0 20px 18px ; color:#254180; background:url('../_imgs/footer-bg.png') bottom left; }
.footer_border 	{ width:935px; padding:10px 0 0 0; border:0; border-top:1px solid #254180; }

#footer_first_element 	{ float:left; width:162px;  padding-right:5px; font-style:italic; font-size:10px; line-height:15px; }
.footer_element 		{ float:left; width:179px; height:150px; padding:0 5px 0 10px; border-left:1px solid #254180; font-size:10px; line-height:13px; }
#footer_last_element 	{ padding:0 0 0 10px !important; }
#footer_last_element a 	{ padding-right:18px; }
#footer_last_element h4 { padding-right:0; }

.footer_title 			{ font-style:normal; font-size:10px; font-weight:bold; margin-bottom:5px; text-transform:uppercase; }
.footer_element ul 		{ float:left; width:80px; padding-right:7px; }
.footer_element ul.ul2 	{ float:left; width:77px; padding-right:0; }

.footer_tool 							{ float:right; }
.footer_element ul.menu-actus 			{ width:100%; }

#footer_tools 			{ margin-top:10px; }
#footer .outils 		{ float:left; }
#footer a.outils 		{ display:block; float:left; margin:2px; }

#footer_tools a 			{ float:left;}
/*#footer_tools a span 		{ display:none; }*/
/*#footer a.langue 			{ background-position: -321px -2px ; width:22px; height:16px; }
#footer a.rss2 				{ background-position: -350px -3px ; width:18px; height:16px; }
#footer a.email 			{ background-position: -376px -2px ; width:20px; height:16px; }
#footer a.imprimer 			{ background-position: -404px -2px ; width:18px; height:16px; }
#footer a.info 				{ background-position: -430px -2px ; width:18px; height:16px; }
#footer a.copyright 		{ background-position: -455px -3px ; width:18px; height:16px; }*/



/* version en */

.menu-en ul li a 			{ padding:0 26px; }
.menu-en  ul .onglet1 a 	{ padding-left:26px; }

.footer-en #footer_first_element 	{ width:350px; }
.footer-en #footer_last_element 	{ display:none;}



/* Inist A. */
.formulaire_blocs_actualite { float:left; width:268px;  display:none;}
.formulaire_publier 		{  }
.formulaire_blocs_actualite input { width:auto; height:20px; border-radius:0; -moz-border-radius:0; }
.content-rub1 h2 { clear:both; }

.formulaire-admin {  position:relative;  border:1px dashed crimson; -webkit-border-radius:3px; height:23px; padding:2px; margin-bottom:5px;  -moz-border-radius:3px; }

.formulaire_article,
.formulaire_image,
.formulaire_publier				{ position:absolute; right:0px; top:-30px; background-color:#3E8EA0; padding:5px; border:1px solid #3E8EA0; -webkit-border-radius:3px;  -moz-border-radius:3px;   }
.formulaire_image 				{ width:280px; }
.formulaire_publier 			{ width:180px; font-size:10px; color:#FFF; }
.formulaire_publier form 		{ vertical-align:middle; color:#FFF; }
.formulaire_publier form div 	{ float:left; }
.formulaire_publier a 			{ color:#FFF;  }
.formulaire_image .choisir 		{ border:none; }

.admin-tools 					{ float:right; }
.admin-tools li 				{ width:20px; padding:2px; float:left; cursor:pointer; border:1px solid #FFF;  -moz-border-radius:3px;}
.admin-tools li 				{ text-indent:-999em; }
.admin-tools .outil-texte 		{ width:auto; text-indent:0; font-size:10px; background:none; }
.admin-tools .select-article 	{ background:url(../_imgs/ico.text.png) center center no-repeat 	}
.admin-tools .select-image 		{ background:url(../_imgs/ico-img-2.png) center center no-repeat 	}
.admin-tools .preview-article 	{ background:url(../_imgs/ico.doc-ok.png) center center no-repeat;	}


.formulaire-admin .formulaire_spip .submit { float:right;  height:23px; -moz-border-radius:3px; background-color:#FFF; }
.content-rub .mode				{ color:red; font-size:10px; }


/* Inist F. */
/* Portfolio */
#documents_portfolio { margin:10px 0 15px 0; }

#documents_portfolio a { display:block; float:left; margin:0 10px 15px 0; width:162px; padding:7px 3px 0 40px; 
font-size:12px; color:#334; background:#E7E7E7 url(../_imgs/sprite.png) no-repeat; background-position:-681px 5px;
line-height:12px; }

.modele_portfolio { display:block; margin:0 10px 15px 0; width:196px; padding:1px 3px 3px 4px; 
font-size:12px; color:#334; background:#E7E7E7; line-height:12px; }
.modele_portfolio img { float:left; margin-right:4px; }
.modele_portfolio span { display:block; margin:12px 0 5px 0; }


/* Article */
.col-article { padding-left:10px; margin:12px 0; }
.dernier-article h3 { margin-top:15px;  color:#254180; padding:0 0 2px 5px; font: italic bold normal 18px "Verdana", "Tahoma", "Geneva";}

/* Services web */
.content-services h3	{ margin-top:15px; border-bottom:1px solid #666; color:#254180; padding:0 0 2px 5px; font: italic bold normal 15px "Verdana", "Tahoma", "Geneva";}
.content-services			{ margin:10px 0; }
.content-services li		{ background-position: 0px 0px !important; padding:0 !important; }
.service-rubrique			{ display:block; height:77px; width:305px; float:left; }
.service-rubrique a 		{ display:block; height:55px; width:290px; text-align:right; color:#24407e; font: italic bold normal 21px "Verdana", "Tahoma", "Geneva";
padding:22px 15px 0 0 !important; }

.service1 { float:left; padding:0 !important; }
.service0 { float:right; }

.content-services li.sans-visuel 	{ text-align:left; }
.content-services li.sans-visuel a { padding:12px 0 0 10px !important; font-size:9px; text-align:left;}

.formulaire-contact li { background:none !important; }

/* Archives */
.archive h2 { clear:both; }
.titre-archive { display:inline-block; margin-right:10px; }
.date-archive { color:#999; font-size:10px; font-weight:bold; }
.lien-archive { float:right; margin:5px 0 20px 0; }
.lien-archive a { color:#4d4d4d; font-size:9px; }


#recherche h2 { clear:both; }
.spip_surligne,
.content h2 span.spip_surligne { background-color:#3E8EA0; color:#FFF; display:inline-block }

a.texte-cliquable 				{ color:#4d4d4d; }
.formulaire-contact ul 			{ margin-bottom:0 !important; }


.home-boutons-rubrique-en 		{ background:url("/_imgs/illuENG.png") bottom left no-repeat; }

.home-boutons-rubrique-en .rubrique_violet a span	{ background-position:42px 17px }
.home-boutons-rubrique-en .rubrique_jaune a span 	{ background-position:-2108px 17px }
.home-boutons-rubrique-en .rubrique_magenta a span 	{ background-position: -707px 0}
.home-boutons-rubrique-en .rubrique_vert a span 	{ background-position: -3553px 17px}
.home-boutons-rubrique-en .rubrique_orange a span 	{ background-position: -5658px 17px}
.home-boutons-rubrique-en .rubrique_cyan a span 	{ background-position: -5030px 0}
.home-boutons-rubrique-en .rubrique_anis a span 	{ background-position: -4993px 0px}

.right { text-align:right;}
.center { text-align:center;}
.mt {margin-top:2em}