html,body{margin:0;padding:0;font-size: 14px}
body{font: 100%/1.3 TrebuchetMS,Arial,sans-serif;
    text-align: left;background: #fff;padding-bottom:20px}
a { color: #0066B3; background: inherit; text-decoration: none;}
h1 { font: bold 2.2em Arial, Arial, Sans-Serif; color: #6E6C6C }
h2 { font: bold 1.4em Arial, Arial, Sans-Serif; color: #6E6C6C }


img {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* code concernant le bandeau du haut */
div#header{width:100%;overflow:hidden;background: #BFD8FA; }
div#header h1,div#menu{margin:0 auto;text-align:left}
div#header h1{padding: 15px 1.5em 15px;color:#6E6C6C}
div#header h2,div#menu{width:770px;margin:0 auto;text-align:left}
div#header h2{padding: 15px 0 20px;color:#6E6C6C}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
Ul#nav a{float:left;width: 95px;padding: 5px 0;background: #6E6C6C;text-decoration:none;color: #fff; border-top : 1px solid #fff; border-left : 1px solid #fff; border-right : 1px solid #fff;}
ul#nav a:hover{background: #fff;color: #000}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}


/* code concernant la colonne de droite*/

#right {
	float: right;
	width: 34%;
	margin: 0 0 10px 0;
	text-align: justify;
	
}


#right .box {

	padding: 1em;

	margin: 0 0 1em 0;

	background : #FFF6BF;

}

div#right li{margin-left: 0em;
  list-style-image:url("pucebleue.png");}

/* code concernant la colonne de gauche*/
#left {

	float: left;

	width: 62%;

	padding: 1em;

	margin-bottom: 1.2em;

	background: #fff;

	text-align: justify;

}

div#left li{margin-left: 0em;
  list-style-image:url("pucebleue.png");}

#left .box {
	
	padding: 1em;
	margin: 0 0 1em 0;
	background : #eee;
	text-align: justify;
}

div#left h2{padding: 0 0 0;text-align: left}


/* code concernant la colonne de gauche pour les publications*/
#third {

	float: left;

	width: 70%;

	padding: 1em;

	margin-bottom: 1.2em;

	background: #fff;

	text-align: justify;

}


#third .box {
	
	padding: 1em;
	margin: 0 0 1em 0;
	background : #eee;
	text-align: justify;
}

div#third li{margin-left: 0em;
  list-style-image:url("pucebleue.png");}

/* code concernant la colonne de droite pour les publications*/
   
/*  boite principale*/
#content {
font: 95%/1.3 TrebuchetMS,Arial,sans-serif;
	margin: 0 auto;
    padding: 15px;
	background: #fff;
		
}

/*  code pour les résumés */
div.blockabstract {
	display: none;
	padding:1em;	     
	margin-top:1em;
	margin-right:0em;
	margin-left:0em;
	text-align: justify;
	border: dashed thin #A9A9A9;
}


/* Code concernant le menu de droite sur la page publication */

div.map { 
  position: fixed;
  /* font-family :  "Gill sans", sans-serif;*/
  width: 17em; height: 100%;
  top: 8em; right: 3em;  left: auto;
  background: #DDDDDD; /* couleur fond boite principale */
 }

div.map p, div.map > * > li, div.map h2 {
  display: block;
  margin: 0.55em;
  padding: .4em 1em;
  text-indent: 0;
  text-align: left;
  background: #eee; /* couleur fond des item */
  list-style: none ;
   	/* -moz-border-radius: 4px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 2px 2px 0px #444; */ /* A remettre */
}		/* Remove triangle from H2 */

div.map > ul {
  margin: 0;
  padding: 0 }

div.map:before {
  content: "Contents";
  display: block;
                 margin: 20px 5px 10px 5px ;
  	/*  -moz-border-radius: 4px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 2px 2px 0px #444; */
  margin-bottom: 1em;
  padding: 0.9em ;
  color: #FFF;
  font-size: 130%;          
  font-weight: bold;
  text-align: center;
  background: #888; /* fond "contents" */
  font-style: italic;
  letter-spacing: 0.2em;
   }
 

div.map a:hover {
  background: #CCC;
  color: #000 ;
  padding : .2em;}