#s1 {color: #000; font: 12px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal; background-color: #CCCCCC;}
#s2 {color: #000; font: 12px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal; background-color: yellow;}
#s3 {color: #000; font: 32px Arial, sans-serif; font-weight: bold}
#s4 {color: #000; font: 12px Arial, sans-serif; font-style: normal; background-color: #FFFFFF;}
#s5 {color: #000; font: 12px Georgia,Verdana, Courier, Arial, sans-serif; font-style: normal;}
#s6 {color: #AAA; font: 12px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s7 {color: #000; font: 18px Courier, Arial, sans-serif; font-style: normal;}
#s9 {color: #666; font: 10px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s10 {color: #FFF; font: 12px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s11 {color: #000; font: 12px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal; background-color: #EEEEEE;}
#s18 {color: #000; font: 11px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s19 {color: #000; font: 18px Arial, sans-serif; font-style: normal; background-color: #FFFFFF;}
#s20 {color: #666; font: 32px Arial, sans-serif; font-weight: bold;}
#s21 {color: #FF3300; font: 10px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s22 {color: #FFF; font: 9px Arial, sans-serif; font-weight: bold; background-color: red;}
#s23 {color: #666; font: 9px Arial, sans-serif; font-weight: bold;}
#s25 {color: #DDD; font: 32px Georgia, Arial, sans-serif; font-weight: bold; font-style: italic;}
#s26 {color: #FFF; font: 9px "Lucida Grande", Arial, sans-serif; font-style: normal; background-color: red;}

#s28 {color: #000; font: 10px Arial, sans-serif; font-style: normal; background-color: #CCEC51;}
#titre2 {position: absolute; top:310px; left:10px;  width:600px; border: thin solid; box-shadow: 0.2em 0.2em #CCC}
#infos {position: absolute; top:235px; left:77%; width:220px;}
#infos0 {position: absolute; top:197px; left:77%; width:220px; border-left: 1px solid gray;}
#sommaire {position: absolute; top:240px; left:450px; border: 1px solid #fff; padding: 3px;}
#url {position: absolute; top:135px; left:100px;}
#ancres {position: absolute; top:290px; left:774px; border-left: 1px solid #000;}
#blog {position: absolute; top:215px; left:10px; width:105px height:30px; background-color:#fff; border: 1px solid gray;}
#video {position: absolute; top:215px; left:98px; width:105px height:30px; background-color:#fff; border: 1px solid gray;}
#map {position: absolute; top:215px; left:58px; width:105px height:30px; background-color:#fff; border: 1px solid gray;}
#newstitre {position: absolute; top:3px; left:110px; filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1;}
#infostitre {position: absolute; top:200px; left:92%; filter:alpha(opacity=10); -moz-opacity:0.1; opacity: 0.1;}
#rsswikils {position: absolute; top:200px; left:550px; width:172px; height:100px; background-color:#fff; border: 1px solid gray; padding: 3px;}


#titreparaph {
	text-align:right; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:1px solid #333;
	background-color:#fff;
	}



/* Codes en utilisation */


/* Commun */
#s13 {color: #000; font: 11px "Lucida Grande", Arial, sans-serif; font-style: normal;}

/* page index */
#s8 {color: #000; font: 10px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal;}
#s14 {color: #000; font: 9px "Lucida Grande", Arial, sans-serif; font-style: normal;}
#s15 {color: #000; font: 10px "Lucida Grande", Arial, sans-serif; font-style: normal;}
#s16 {color: #666; font: 9px "Lucida Grande", Arial, sans-serif; font-style: normal;}
#s17 {color: #CC6600; font: 9px Arial, sans-serif; font-style: normal;}
#s24 {color: #000; font: 32px "Lucida Grande", Georgia, Arial, sans-serif; font-weight: bold;}
#s27 {color: #000; font: 10px Arial, sans-serif; font-style: normal; background-color: #eee;}
#s103 {color: #000; font: 11px "Lucida Grande", Arial, sans-serif; font-style: normal; background-color: #fff;}
/* page pages */
#s32 {color: #FFF; font: 32px Arial, sans-serif; font-weight: bold}
/* fancy table */
#s12 {color: #FFF; font: 10px Georgia,Verdana,Courier,Arial, sans-serif; font-style: normal; background-color: #555;}

/* page symposium */
#s30 {color: #000; font: 14px "Lucida Grande", Arial, sans-serif; font-style: normal;}

a:link { color: #FF3300; text-decoration: none; }
a:visited { color: #FF3300; text-decoration: none; }
a:hover { color: black; background-color:#CCC; text-decoration: none;}
a:active { color: #FF3300; text-decoration: none; }


/* ID commun a plusieurs rubriques */
#INDEXimage {position: absolute; top:0px; left:0px; z-index: 97;}
#INDEXimageold {position: absolute; top:0px; left:105px; z-index: 97;}
#INDEXicones {position: absolute; top:200px; left:70%; z-index: 97;}
#INDEXrayures {position: absolute; top:197px; left:0px; width:100%; height:50px; background-image: url('http://nujus.net/~locusonus/site/web/bg/rayures6.png'); z-index: 96;}
#INDEXmenuLS {position: absolute; top:8px; left:10px; width:220px; background-color:#fff; border: 1px solid gray; padding: 3px; border-left: double gray; -moz-border-radius:0 1em 1em 0; z-index: 98;}
#INDEXPAVETITRE {position: absolute; top:290px; left:10px; z-index: 98;}

#INDEXPAVEPAGE {position: absolute; top:390px; left:10px; right:1%; background-color:#fff; border-top: 1px solid white; border-right: 1px solid white; z-index: 98;}

#INDEXrayurespage {left:0px; width:100%; height:50px; background-image: url('http://nujus.net/~locusonus/site/web/bg/rayures6.png'); z-index: 97;}
#INDEXchapitrepage {left:10px; width:70%; background-color:#fff;  border-top: 1px solid white; border-right: 1px solid white;}
#INDEXPAVEDROITold {position: absolute; top:210px; left:74%; width:255px; z-index: 99;}
#INDEXPAVEDROITRAYURES {position: absolute; top:0px; left:78%; height:390px; width:278px; background-image: url('http://nujus.net/~locusonus/site/web/bg/rayures7.png'); z-index: 98;}
#INDEXPAVEDROIT {position: absolute; top:5px; left:79%; width:255px; z-index: 98;}
#INDEXSSPAVEDROITHAUT {background-color:#fff; width:255px; padding:3px; border-left: 1px solid gray; z-index: 99;}
#INDEXSSPAVEDROITVERT {background-color:#fff; width:255px;  padding:3px; border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray;   -moz-border-radius:1em 0 0 0; z-index: 99;}

#conteneurmenu {position: absolute; z-index: 100;}

.DROIT {
text-align:right; 
	}


/* page INDEX */
#INDEXimageTOP {position: absolute; top:0px; left:0px; z-index: 95;}
#INDEXPAVEINDEX {position: absolute; top:540px; left:10px; width:70%; border-top: 1px solid white; border-right: 1px solid white; z-index: 98;}
#INDEXrayuresINDEX {position: absolute; top:197px; left:200px; width:100%; height:50px; background-image: url('http://nujus.net/~locusonus/site/web/bg/rayures6.png'); z-index: 96;}
#INDEXiconesINDEX {position: absolute; top:200px; right:21%; border-top: 1px solid white; border-left: 1px solid white; z-index: 97;}
#INDEXPAVETITREINDEX {position: absolute; top:290px; left:10px; z-index: 98;}
#transpINDEX {
   background-color:#ffffff;
   color:red;
   position:absolute;
   z-index: 97;
   width:450px;
   top:290px;
   left:5px;
   height:40px;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionnŽ et dimensionnŽ comme dans cet exemple.*/
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}	

/* page documentation */
#pageimagetopbg {position: absolute; top:0px; left:0px; z-index:97;}
#pagefilrss {background-color:#fff; width:255px; padding:3px; border-top: 1px solid gray; border-left: 1px solid gray; border-bottom: 1px solid gray;  -moz-border-radius:1em 0 0 0; z-index: 99;}
#pagemenupage {position: absolute; background-color:transparent; top:0px; left:0px; width: auto; height: auto; z-index:100;}
#pagerayures {width:100%; height:10px; background-image: url('http://nujus.net/~locusonus/site/web/bg/rayures8.png'); z-index: 100;}
#pageimage {background-color:#fff; width:255px; padding:3px; border: 1px solid gray; border-bottom: 1px solid gray; border-right: double gray;  -moz-border-radius:1em 0 0 0; z-index: 99;}


/* page wiki */
#pagepavecontentwiki {position: absolute; top:390px; left:10px; width:70%; background-color:#fff;  border-top: 1px solid white; border-right: 1px solid white;}
#pagemenuwiki {position: absolute; background-color:transparent; top:0px; left:0px; z-index:100;}
#iconeswiki {position: absolute; top:200px; left:5%; z-index: 97;}
#filrsswiki {background-color:#fff; width:255px; height:280px; padding:3px; border: 1px solid gray; border-bottom: 1px solid gray; border-right: double gray;  -moz-border-radius:1em 0 0 0; z-index: 99;}

#search 
    form {display: inline}
    input { background: #eee; color: #000; padding: 2px; border: 1px solid #aaa; font-family: Lucida Grande,Georgia,Verdana, sans-serif; font-size: 9px; font-weight: bold;}
    input:hover { border-color: #333C4D; }
    textarea { border: 1px solid #aaa; padding: 4px; margin-bottom: 1em; }
    #redaction { color: #000; font: 9px Lucida Grande,Georgia,Verdana, Courier, Arial, sans-serif; font-style: normal;}




#comment {
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:1px dashed #333;
	background-color:#fff;
	}
	
#commentmenu {
	text-align:left; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:1px dashed #333;
	background-color: #eee;
	}	
	
/* Pour les tableaux symposiums */

.fancyTable, body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	}

.fancyTable table {
	border: 1px solid #000066;
	}
.fancyTable td, th {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	padding: 6px 6px;
	border: 0px solid #bbbbbb;
	border-top-width: 1px;
	}
.fancyTable th {
	font-weight: bold;
	border-top-width: 0px;
	background-color: #bbccdd;
	}
.fancyTable td.firstName, th.firstName {
	text-align: left;
	}
	
	
.fancyTable2, body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.fancyTable2 table {
	border: 1px dashed #000066;
	}
.fancyTable2 td, th {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding: 2px 6px;
	border: 1px dashed #bbbbbb;
	border-top-width: 1px;
	}
.fancyTable2 th {
	font-weight: bold;
	border-top-width: 0px;
	background-color: #bbccdd;
	}
.fancyTable2 td.firstName, th.firstName {
	text-align: left;
	border: 1px dashed #bbbbbb;
	}
	
.fancyTable3, body {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.fancyTable3 table {
	border: 1px solid #000066;
	}
.fancyTable3 td, th {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding: 2px 6px;
	border: 0px solid #bbbbbb;
	border-top-width: 1px;
	}
.fancyTable3 th {
	font-weight: bold;
	border-top-width: 0px;
	background-color: #bbccdd;
	}
.fancyTable3 td.firstName, th.firstname {
	text-align: left;
	}
	
	
	
	
/* out */

#INDEXsoundmap {position: absolute; top:0px; left:910px; z-index: 97;}
#INDEXmenuRSS {position: absolute; top:2px; left:10px; height:18px; width:852px; background: #eee; background-color:#eee; z-index: 99;}
#INDEXsoundmaptxt {position: absolute; top:2px; left:930px; height:18px; width:100px; background:red; background-color:red; z-index: 99;}
#INDEXintro0 {position: absolute; top:390px; left:10px; width:70%; background-color:#fff;  border-top: 1px solid white; border-right: 1px solid white;}
#INDEXtitre0 {position: absolute; top:290px; left:10px;}
#INDEXpave {position: absolute; top:800px; left:10px;}
#INDEXnews0 {position: absolute; top:200px; left:74%; width:248px; background-color:#fff; padding:3px; border: 1px solid gray; border-right: double gray;  -moz-border-radius:1em 0 0 1em; z-index: 99;}
#INDEXsymp0 {position: absolute; top:450px; left:74%; width:248px; background-color:#fff; padding:3px; border: 1px solid gray; border-right: double gray;  -moz-border-radius:1em 0 0 1em; z-index: 99;}
#INDEXSSPAVEDROIT {background-color:#fff; width:255px; padding:3px; border: 1px solid gray; border-right: double gray;  -moz-border-radius:1em 0 0 1em; z-index: 99;}
#pagepaveinfosdroite {position: absolute; top:0px; left:75%; border-left: 1px solid #000;}
#pagepavedocumentation {position: absolute; top:340px; left:50px; z-index:100;}
#INDEXpavetext {
	background-color:#fff; 
	padding:3px; 
	border: 1px solid gray;  
	-moz-border-radius:1em 1em 1em 1em;
	}
#INDEXtitreparaph0 {
	text-align:right; /* Counteract to IE5/Win Hack */
	padding:15px;
	border:1px solid #333;
	border-top:10px solid gray;
	background-color:#fff;
	-moz-border-radius:0 1em 0 0;
	}









/* BODY A VOIR */

body {
	background-image: url('images/bg2.gif');
	background-color: white;
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family:Georgia, Times, serif;
	font-size:12pt;
}







	



/* EN TEST */
.transp {
   background-color:#ffffff;
   color:red;
   position:absolute;
   width:100px;
   top:100;
   left:200;
   height:100px;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionnŽ et dimensionnŽ comme dans cet exemple.*/
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}