
@charset "UTF-8";
/* CSS Document 
"Institut Neel Template" for Spip par Chris Gaillard Webdesign Grenoble
Novembre 2011 a  Mars 2012
Modifs ultérieures par Olivier Fruchart
*/

.spip_documents_center { display: block; clear: both; width: 100%; margin: 4px auto 1em auto; text-align:center; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

.spip_doc_descriptif{font-size:0.8em; text-align:center; font-style:italic; margin: 0 auto;margin-bottom:3px;}
.spip_doc_titre{ text-align:center; margin:0 auto;}

*.nolinkunderimg {border-bottom:none;text-decoration:none;}
*.nolinkunderimg:hover {border-bottom:none;text-decoration:none;}



*{margin:0; padding:0; list-style-type:none; }

a:focus {outline:0; border:none;} 

a img {border:none; auto; }

body{ background-image:url(images/tilefond.jpg); background-repeat:repeat-x; background-color:#e3e7f2; font-family:Arial, Helvetica, sans-serif; font-size:100%;}
#conteneur {width:1048px; margin:0 auto;}

a{color:#2E5CA5; border-bottom: 1px dotted #2E5CA5; text-decoration:none;}
a:hover{ border-bottom: 1px solid #2E5CA5;}


h1{ text-indent:-5000px; line-height:0px; font-size:0em;}
h2{
color:#2E5CA5; 
font-size:1.125em; 
background:url(images/bullet-h2.png) no-repeat 0px 16px ;
padding: 13px 8px 7px 20px;}


h3{
color:#2E5CA5; 
font-size:0.8125em; margin-bottom:3px;}

h3 a{ border:none;}

p{margin-bottom:10px;}

td {vertical-align:top; padding-right:35px;}

/*Bandeau superieur -------------------------------------------------------   */
 #pictosearch{width:200px; position:absolute; top:40px; left:640px;}
#langue2pictos{overflow:hidden; height:20px;}
#menurecherch{}



#header {position:relative; width: 100%; overflow: hidden; background-image:url(images/bg-top.jpg); background-repeat:no-repeat; height:121px;}
	#logo { float: left; width: 220px; padding:5px 0 0 60px; }
	#bandeau { float: left; width: 687px; font-size:0.75em; color:#60585A; padding:35px 0 0 50px; line-height:1.5em;}
	#bandeau strong{color:#2E5CA5;}
	#PictosLogoSearch{float:right; width:350px;}
	#PictosLogoSearch a{ border:none;}
	#PictosLogoSearch img{padding-right:15px; vertical-align:middle;}

        form{display:inline-block; margin-top:20px;}	
        form .text{margin-right:5px; margin-top:0px;}
        #logostop{float:right;}

       

        #pictosearch img{display:inline; float:left;}
               #PictosLogoSearch .flag{ float:left; margin-top:0px; margin-right:15px;}


	
/*Bandeau Image et sousnav ------------------------------------------------- */	
	
#BandeauImagesSousnav{ height:133px; margin:0 24 px; overflow:hidden; background-image:url(images/bg-topimg.jpg); background-repeat:no-repeat;}		
	#bandeauimage{width:994px; margin:0 0 0 24px;}	
	#coin{position:relative; top:-133px; left:23px; width:30px;}
	

        #sousnav {position:relative; top:-48px; left:710px; background:url(images/navtop.png) no-repeat;
	           width:309px; height:30px; font-size:0.75em;}
	#sousnav a{color:#2E5CA5;}
	#sousnav  ul{margin-left:18px;}
	
	#sousnav  ul li{ margin-left:1px; padding: 8px 0px 4px 0px; float:left; width:95px; text-align:center; }
	
	





#Hierarchie {padding:10px 0 8px 229px; background-color:#FFF; width:754px; margin: 0 0 0 25px; line-height:1.4em; font-size:0.92em} 
#hierarchie strong{ color:#2E5CA5; font-size:0.75em; background:url(images/bullet-ariane.png) no-repeat 0 3px; padding-left:10px; margin-right:5px;} 
#hierarchie a{ color:#999; font-size:0.8em; background:url(images/bullet-ariane.png) no-repeat 0 4px; padding-left:10px; margin-right:5px; border-bottom:none} 
#hierarchie a:hover{border-bottom:1px dotted; color:#2E5CA5} 









/*Navigation ------------------------------------------------- */	

	#colleft { float: left; width: 219px; padding-left:25px; }

	#colleft ul{font-weight:bold; font-size:0.8125em;  background-image:url(images/tile-menu.png);  background-repeat:repeat-y; }

        #rubrique #colleft ul ul{background-image:none;}

	#colleft ul li{padding-left:0px;}
        #colleft ul li a{ padding: 9px 8px 7px 15px;  color:#2D468C; text-decoration:none; width:183px; display:block; border-bottom:1px solid white;}	
	#colleft ul li a:hover,#colleft ul li a.on{background:#91B7E5; color:white;}	
	#colleft ul li:first-child{border-top:1px solid white; width:206px;}

        #colleft ul li ul li:first-child{border-top:none;}	
	#colleft ul li ul li a{padding: 7px 8px 6px 20px; margin-left:15px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#C3D3ED; font-weight:normal; font-size:1.15em;  width:163px;}
        #colleft ul li ul li a:hover, #colleft ul li ul li a.on{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#A4BEDD;}
	
        #colleft ul li ul li ul li a{padding: 7px 8px 6px 20px; margin-left:30px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#cfe0f1; font-size:1.4em;  width:148px;}
        #colleft ul li ul li ul li a:hover, #colleft ul li ul li ul li a.on{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#8fbcdd;}

        #colleft ul li ul li ul li ul li a{padding: 7px 8px 6px 20px; margin-left:45px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#dfecff; font-size:1.7em;  width:133px;}
        #colleft ul li ul li ul li ul li a:hover, #colleft ul li ul li ul li ul li a.on{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#8cc2e9;}

        #colleft ul li ul li ul li ul li ul li a{padding: 7px 8px 6px 20px; margin-left:60px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#dfecff; font-size:2em;  width:118px;}
        #colleft ul li ul li ul li ul li ul li a:hover, #colleft ul li ul li ul li ul li ul li a.on{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#8cc2e9;}

        #colleft ul li ul li ul li ul li ul li ul li a{padding: 7px 8px 6px 20px; margin-left:75px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#dfecff; font-size:2.3em;  width:103px;}
        #colleft ul li ul li ul li ul li ul li ul li a:hover, #colleft ul li ul li ul li ul li ul li ul li a.on{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#8cc2e9;}

        #colleft ul.grandmama li a{ padding: 9px 8px 7px 35px;  border-bottom:0px; background:url(images/grandmArrow.png) no-repeat 15px 7px; width:163px}	
	#colleft ul.grandmama li a:hover{  background:url(images/grandmArrow.png) no-repeat 15px 7px #91B7E5; }	
	


        #colleft #subn3 ul li{ border:none;}
        #subn3 ul li a{padding: 7px 8px 6px 20px; margin-left:15px; background:url(images/bullet-menu-n2-off.png) no-repeat 8px 10px ;background-color:#C3D3ED; font-weight:normal; font-size:1em;  width:163px;}
        #subn3 ul li ul li a{width:143px; margin-left:35px;}
        #subn3 ul li ul li ul li a{width:123px; margin-left:55px;}
        #subn3 ul li ul li ul li ul li a{width:103px; margin-left:75px; padding-left:20px;}
        #subn3 ul li ul li ul li ul li ul li a{width:55px;}

        #subn3 ul li a.on, #subn3 ul li a:hover{background:url(images/bullet-menu-n2-over.png) no-repeat 8px 10px ;background-color:#A4BEDD;}
	

.navhome{ background:url(images/bouton-home-off.png) no-repeat; height:19px; display:block; border:none; font-weight:bold; font-size:0.8125em;  color:#2D468C; padding: 20px 0 0 33px;}

.navhome:hover{ border:none; background:url(images/bouton-home-over.png)  no-repeat; color:white;}




/* Commun a toutes les pages ------------------------------------------------- */

#page {width: 100%; overflow: hidden;  background:url(images/tile-page.png) repeat-y; background-position:-24px 20px; }

	
#texterub{
     line-height:1.2em;
     font-size:0.8em; 
     background-color:white;
     border-radius:12px; 
     padding:10px 10px 0px 10px;
     margin:0 10px 5px 0;
     -webkit-box-shadow:inset 3px 3px 2px -2px #d2d2d2;
     -moz-box-shadow: inset 3px 3px 2px -2px #d2d2d2;
     box-shadow: inset 3px 3px 2px -2px #d2d2d2;  
     overflow:hidden;
     text-align:justify;}

#texterub h3{line-height:1em; margin:0 0 5px 0; padding:0}

#texterub .spip_logos{margin-right:20px;}

#texterub ul, ol{margin-bottom:15px;}
#texterub ul{margin-left:20px;}
#texterub ol{margin-left:20px;}


#texterub ul li{list-style-type:disc; margin-left:0px;}
#texterub ol li{list-style-type:decimal; margin-left:0px;}

#texterub li ul {margin-bottom:0px;}
#texterub li ul li ul {margin-left:0px;}
#texterub li ol {margin-bottom:0px;margin-left:20px;}
#texterub ul li ul li{list-style-type:circle;margin-left:0px;}
#texterub ol li ol li{list-style-type:lower-alpha;}

#texterub ul li ul li ul li{list-style-type:none;margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;}
#texterub ul li ul li ul li:before
	{ 
	content:"-";
	}
#texterub ol li ol li ol li{list-style-type:lower-roman; }
#texterub ul li ul li ul li{list-style-type:none;margin-left: 0px;
	padding-left: 1em;
	text-indent: -1em;}
#texterub ul li ul li ul li ul li:before
	{ 
	content:".";
	}
#texterub ol li ol li ol li ol li{list-style-type:lower-greek; margin-left:0px;}

#texterub td {padding:2px;} /* OF - Added 2012-06-19 */

#texterubentete td {padding:2px;} /* OF - Added 2012-07-03 */

#texterubentete{
     line-height:1.2em;
     font-size:0.8em; 
     border-radius:12px; 
     padding:10px 10px 0px 10px;
     margin:0 10px 5px 0;
/*     -webkit-box-shadow:inset 3px 3px 2px -2px #d2d2d2;
     -moz-box-shadow: inset 3px 3px 2px -2px #d2d2d2;
     box-shadow: inset 3px 3px 2px -2px #d2d2d2; */ 
     overflow:hidden;
     text-align:justify;}

#texterubentete h3{line-height:1em; margin:0 0 5px 0; padding:0}

#texterubentete .spip_logos{margin-right:20px;}

#texterubentete li{list-style-type:disc; margin-left:15px;}
#texterubentete ul{margin-bottom:15px;}

/* Home page ------------------------------------------------- */	
#archiveslien1 {font-size:12px; width:180px; overflow:hidden;}
#archiveslien1 a{float:right; margin:0px 0 5px 0; line-height:1em;}

#archiveslien {font-size:12px; width:480px; overflow:hidden;}

#archiveslien a{float:right; margin:0px 0 5px 0; line-height:1em;}


.page_sommaire #texterub{
border-radius:12px;
width:510px;
margin-bottom:5px;
line-height:1.2em;
}

.page_sommaire #texterub h3{line-height:1em; margin:0 0 5px 0; padding:0; font-size:1em;}

.page_sommaire #texterub div{overflow:hidden; margin-bottom:15px;}


.page_sommaire #texterub #archiveslien {margin-bottom:2px;}

.page_sommaire h2{line-height:1em; margin-bottom:0; padding-bottom:1px;}
	
.page_sommaire h2 a{border:none;}
	
#colright { margin-left: 784px; margin-right:30px; padding-top:0px; border-top:1px solid white;

}
	

.blocrightblanc{line-height:1.30em; font-size:0.8em;
padding:5px 5px 3px 5px;
cellspacing:0px; cellpadding:0px;
 background-color:#OOOFFF;
overflow:hidden;
margin-left:10px;
border:0;
margin-top:10px;
}
.blocrightblanc a{overflow: hidden; border-bottom:none}
	
.blocright{line-height:1.30em; font-size:0.8em;
padding:5px 10px 3px 15px;
 background-color:#f2f4fa;
overflow:hidden;
margin-left:12px;
border:0;
margin-top:10px;
-moz-border-radius:24px 0px 0px 24px;
-webkit-border-radius:24px 0px 0px 24px;
border-radius:24px 0px 0px 24px;
-webkit-box-shadow:  -2px 1px 2px 0px #d2d2d2;
-moz-box-shadow:  -2px 1px 2px 0px #d2d2d2;
box-shadow:  -2px 1px 2px 1px #d2d2d2;
}


/* Exemple: Séminaire, Evénements */
.blocright h2{
background:url(images/bullet-h2.png) no-repeat 0px 6px ;
padding: 5px 8px 0px 20px;}


.blocright h3{font-size:1em;}

.blocright p {padding:0; margin:0}


.inblocright{margin:0px 0 0 0;padding-bottom:6px;padding-top:6px;border-bottom:solid 1px rgb(190,190,190);}
.inblocright a {text-decoration:none;border-bottom:none;}
.blocright h2 {padding-bottom:2px;}
div.blocright div.inblocright div.titreseminaire {color:#6F6F6F;} /* Titre des séminaires */

.blocrightblanc table tr td {padding-top:10px;}


/* Rubrique ------------------------------------------------- */	


#rubrique h2{
color:#2E5CA5; 
font-size:1.125em; 
padding: 13px 8px 7px 0px;
margin-left:8px;
background:none;
}

#rubrique h3{
color:#2E5CA5; 
font-size:1em; 
margin-bottom:10px;
}
/* Used for title in article preview - Comment OF */
#rubrique div h3{margin-bottom:0px;}

/* Overwtirring intertitres_public.css - Olivier FRUCHART*/
#rubrique div h3.spip{font-size: 1.00em; line-height:1.2em;font-weight: bold;margin-bottom:6px;margin-top:6px;}
#rubrique div h4.spip{font-size: 1.00em; line-height:1.2em;font-weight: bold;font-style:normal;margin-bottom:3px;padding-left:0px;margin-top:12px;}
#rubrique div h5.spip{font-size: 1.00em; line-height:1.2em;font-weight: normal;font-style:italic;margin-bottom:6px;padding-left:0px;margin-top:3px;}
#rubrique div h6.spip{ font-size: 0.80em; line-height:1.2em;font-weight: normal; font-style: italic; margin-bottom:6px;padding-left:1.5em;margin-top:3px;} 


#rubrique #page {width: 100%; overflow: hidden;  background:url(images/tile-rubrique.png) repeat-y; background-position:-24px 20px; }


#rubrique #texterub div p{margin-bottom:2px;}
#rubrique #texterub div .spip_logos{margin-bottom:3px;}


	#contenu { float: left; width: 505px;  border-right:15px solid #f2f4fa;}
	#contenularge{ float: left; width: 775px; text-align:justify;}
	


	#texterubmenu{background-color:white; border-radius:20px; padding:20px; margin-left:18px;}
#texterubmenu ul li a{font-size:0.9em; padding-left:15px; background:url(images/bullet-menu-n2-off.png) no-repeat 0px 4px ; line-height:1.8em; margin-left:10px;}



#newscle{background-color:white; line-height:1.50em; font-size:0.8em;  border-radius:20px; padding:15px 20px 15px 20px; margin-right:10px;
        -webkit-box-shadow: 
inset 3px 3px 2px -2px #d2d2d2;
-moz-box-shadow: inset 3px 3px 2px -2px #d2d2d2;
box-shadow: inset 3px 3px 2px -2px #d2d2d2;  margin-bottom:15px; overflow:hidden; text-align:justify;}
        #newscle h3{font-size:1.0em; margin-bottom:5px}
        #newscle .spip_logos{margin-right:20px;}






#passedseminar h2{font-weight:normal; font-size:1em; color:#888; margin-top:30px; padding:10px 0 0 3px; border-top:5px solid #fff;
width:750px;
}


#passedseminar .pagination{padding-left:10px; font-size:0.9em; margin-bottom:10px; text-align:center}

#passedseminar #texterub{
    
     background-color:#eef1f9;}

/* Article ------------------------------------------------- */

#descript-article p{font-style:italic; color:#2e5ca5;}
#chapo-article{font-weight:bold; font-size:1em; margin-bottom:1em;} 

#ps-article{}





.samecat{font-size:0.8em; line-height:1.4em; padding-bottom:0px;}

#brothersartikl{background-color:white; border-radius:12px; 

 padding:0px 10px 0px 10px;
     margin:0 10px 5px 0;
overflow:hidden;
  -webkit-box-shadow: inset 3px 3px 2px -2px #d2d2d2;
-moz-box-shadow: inset 3px 3px 2px -2px #d2d2d2;
box-shadow: inset 3px 3px 2px -2px #d2d2d2;
}


#brothersartikl h3{ padding:0;
     margin:0;}


#brothersartiklentete{border-radius:12px; 
padding:0px 10px 0px 10px;
     margin:0 10px 5px 0;
overflow:hidden;
}


#brothersartiklentete h3{ padding:0;
     margin:0;}

#brothersartiklentete ul.samecat li a.on{font-weight:bold; color:black; border:none;}

.notes{border-top:1px solid #ddd;padding:10px 0; font-size:0.94em; color:#666; mine-height:1em;}




#logo img{ 
    text-shadow: 8px 8px 12px #555; }
#logo a{border-bottom:none}

#pied {padding:35px 0 50px 25px;
	background:url(images/bg-pied.jpg) no-repeat; font-size:0.65em; color:#6D6E84;}


.page_sommaire #pied {padding:35px 0 50px 25px;
	background:url(images/bg-pied-home.jpg) no-repeat; font-size:0.65em; color:#6D6E84;}








#none{display:none;}




#plan #contenularge ul li{font-size:0.97em; margin-left:15px; margin-bottom:0.2em;}

#plan #contenularge ul li ul li a{color:#8e32c3;}
#plan #contenularge ul li ul li ul li a{color:#37c3a7;}
#plan #contenularge ul li ul li ul li ul li a{color:#7bc335;}
#plan #contenularge ul li ul li ul li ul li ul li a{color:#c37f3c;}
#plan #contenularge ul li ul li ul li ul li ul li ul li a{color:#c3498e;}
#plan #contenularge ul li ul li ul li ul li ul li ul li ul li a{color:#9f49c3;}
#plan #contenularge ul li a{border:none; }
#plan #contenularge ul li a:hover{border-bottom:1px dotted;}



#recherche{width:106px; border:1px solid #8aa8d8; padding:2px; 
-webkit-box-shadow: inset 1px 1px 3px 0px #bac5d8;;
-moz-box-shadow: inset 1px 1px 3px 0px #bac5d8;;
box-shadow: inset 1px 1px 3px 0px #bac5d8;}

#recherche-avancee { display:none; }


#legendebandeau{position:absolute; top:220px; padding-left:15px;}
#legendebandeau p{color:#fff; font-size:15px; text-shadow: 1px 1px 1px #000;}


#descriptifn3{ margin-left:5px; margin-bottom:10px; overflow:hidden;}


#descriptifn3 h2{padding:2px 0 3px 0;}

#descriptifn3 .spip_logos {float:left; margin:3px 10px 10px 0;}

#formulaire_menu_lang form div label{display:none;}

#formulaire_menu_lang {width:70px; margin-top:-20px; margin-right:20px; float:left;}







#logoN2{display:block; width:70px; height:50px; float:left; border:none}





.soustitre{font-size:0.9em; margin-left:20px;}


.menu ul li{list-style-type:disc; margin-left:15px; color:#2E5CA5; margin-bottom:5px;}

#texterub .menu h3{font-size:1.2em;}

.menu ul {margin-bottom:15px;}

.pagination {margin-bottom:25px;}




