 body { 
/* couleur de fond */
 /*background: black; */
background: #000021;
/* fin couleur de fond */
 color: white; 
 margin: 0 0 0 0; 
 padding: 0 0 0 0; 
 scrollbar-3dlight-color : #000000; 
 scrollbar-arrow-color : #000000; 
 scrollbar-base-color : #000000; 
 scrollbar-darkshadow-color : #000000; 
 scrollbar-face-color : #000000; 
 scrollbar-highlight-color : #7f7b88;
 /*scrollbar-highlight-color : #e19c07; */
 scrollbar-shadow-color : #7f7b88;
 /*scrollbar-shadow-color : #e19c07; */
 scrollbar-track-color : #000000; 
 font-family: "Helvetica", 
 sans-serif; font-size:10pt; } /* default */ a, a:hover, a:focus { color: #f2c87b; border-style: none none none none; text-decoration: none; } p { text-align:justify; } div.hr { margin: 0 0 0 0; padding: 0 0 0 0; /*border-top:solid;*/ border-bottom:none; border-top-width:1px; border-color:#aaaaaa; } h2 { font-size:160%; color: #d99f5c; font-weight:bold; margin-top:0; } /* center the main page */ 

#page { text-align:left; margin: 0 0 0 -400px; left:50%; padding-top:3px; padding-bottom:3px; width: 800px; position:relative; } 
#main , #header , #footer { text-align: left; padding: 10px 10px 10px 10px; margin-top: 0px; margin-bottom: 0px; /*background-color:#000000;*/ background-color:#000021; /*background-color:#292E50;*/ position:relative; } 

#header { margin-bottom: 5px; height:auto; padding: 3px 2px 2px 3px ; } 
#main { margin-top: 5px; margin-bottom: 5px; padding: 0px 10px 0px 10px; } 
#footer { margin-top: 5px; margin-bottom: 1px; font-size:80%; padding: 10px 10px 5px 10px; } /* header elements */ 

#header h1 { /* titre de la page */ position:relative; text-align:right; margin:20px 20px 10px 20px; font-size:20pt; font-weight:900; } 
#header h2 { position:relative; text-align:right; margin:10px 20px 10px 20px; font-size:18pt; font-weight:600; } .logo { /* picture / logo of the page */ position:relative; float:left; margin: 0 0 0 0; } /* frame */ .frame , .boximg { /* conteneur for the frames */ text-align: left; padding: 10px 20px 10px 20px; margin-top:20px; margin-bottom:20px; /*background-color:#394070;*//*background-color:#000000;*/ background-color:#000021; position:relative; } .frame h2 { /* title of the frame*/ font-size:150%; color: #d99f5c; font-weight:bold; margin-top:0; margin-left:-10px; } .begin_frame , .begin_main{ /* -top ; right-20 ; bottom-20 ; -left */ position:relative; top : -10px; margin: 0 -10px -10px -20px; padding:0 0 0 0; 
/*width:20px; height:20px; background-image: url("../images/corner_tl.gif"); } .end_frame , */
width:550px; height:20px; background-image: url("../images/tl-long-corner.png"); } .end_frame , 
.end_main { /* top-20 ; -right ; -bottom ; right */ position:relative; bottom: -10px; margin: -10px -20px 0px 20px; padding:0 0 0 0; 
/*width:100%; height:20px; background-image: url("../images/corner_br.gif"); */
width:100%; height:20px; background-image: url("../images/br-long-corner.png"); 
background-repeat:no-repeat; background-position: bottom right; } /* specialisation of the class begin_frame and end_frame for each padding configuration */ 

#header .begin_frame { /* from a padding of : 3 2 2 3 */ top : -3px; margin: 0px -18px -18px -3px; } 
#header .end_frame { /* from padding: 3 2 2 3 */ bottom: -2px; margin: -18px -2px 0px 2px; } .begin_main { /* from padding: 10 10 10 10 */ top : 0px; margin: 0px -10px -20px -10px; } .end_main { /* from padding: 10 10 10 10 */ bottom: 0px; margin: -20px -10px 0 10px; } 
#footer .begin_frame { /* from padding: 10 10 5 10 */ top : -10px; margin: 0px -10px -15px -10px; } 
#footer .end_frame { /* from padding: 10 10 5 10 */ bottom:-5px; margin: -10px -10px 0 10px; } /* top elements */ a.top { font-size: 95%; text-align:right; display:block; margin-bottom:5px; } /* image */ .boximg { text-align:center; padding: 10px 20px 10px 20px; margin: 20px auto 20px auto; /*background-color:#555FA6;*/background-color:#000000; position:relative; } .boximg img { margin-left: auto; margin-right: auto; border: none; } .boximg p { width: auto; text-align:justify; /*background-color:#394070;*/background-color:#000000; margin-left: auto; margin-right: auto; padding: 5px 5px 5px 5px; } .boximg .begin_frame { /* from padding: 10 10 5 10 */ top:-10px; margin: 0px -20px -10px -20px; width:100%; background-repeat : no-repeat; } .boximg .end_frame { /* from padding: 10 10 5 10 */ bottom:-10px; margin: 0px -20px 0 20px; } /* presentation */ 

#presentation img.me { margin-left: 2em; margin-top: 1em; margin-bottom: 4em; margin-right: auto; display:block; } 

#address { /*background-color:#555FA6;*//*background-color:#000000;*/ background-color:#000021; padding:0px 0px 10px 10px; margin:0px 40px 10px 10px; position:relative; /* avoid a pb with IE ! */ float:right; text-align: left; display:block; width: 38em; } 
#address dt { font-weight:900; display:block; float:left; } 
#address dd { margin: 0 0 10px 7em; } 

#cv dt { font-weight:900; } 
#cv dd { margin: 0 0 10px 3em; } 
/* menu */ .menu { /*border-top: 1px solid #e19c07;*//*#aaaaaa;*/ border-bottom: 1px solid  #4a4a4a/*#aaaaaa*/; margin: -1px 0 0 0; padding: 0px 2em 0px 2em; text-align:left; height: 1.65em; clear:both; font-family: "Helvetica", sans-serif; font-weight:bold; font-size:105%; } .menu span.access{ display:none; } .menu li { display:inline; float:left; padding : 0 0 0 0; margin: 0 0 0 0; color:white; height: 1.5em; } .menu li.locked , .menu a { float:left; height: 1.5em; padding : 2px 1.2em 0 1.2em; } .menu li.locked , .menu li:hover , .menu a:hover , .menu a:focus { background-color:#e19c07/*#555FA6*/; color:white; } /* publications */ .publi { margin-left:2em; padding-left:0; clear:both; } .publi li { margin-bottom:0.8em; } .publi .authors { font-style:normal; display: block; } .publi .book{ /* book name, conf name, journal ... */ font-style:normal; } .publi .note{ /* additionnal information on the publication (e.g. to appear, submited as .... ) */ font-style:oblique; } .publi h2 { /* titre */ padding: 0 0 0 0; margin: 0 0 0 0; font-size:110%; color:white; } 

#extrem { float:left; margin : 0 0 0 0; padding : 0 0 0 0; position:relative; width:50px; } 
#extrem img { width: 41px; height: 38px; border: none; margin:0 0 0 0; padding : 0 0 0 0; }



