/* -- premier cadre -- */
#page {text-align:left;width:auto;margin:auto;margin-left:10%;margin-right:10%;position:relative;background:#565656;border:2px solid #cfcfcf;border-top:none;color:#bbb;padding:0;font: 90% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;}

/* --banniere-- */
#printable{display: none;}
#banner {margin:0px;padding:0px;height: 100px;border:none;background:#ebebeb;color:gray;}
#banner a img {margin: 0 0 0 0;border: none;}

/* -- menu du haut -- */
#menutop {position:relative;margin: 0 0 0 0;clear:both;padding-top:0.5em;height:2em;border-bottom:3px double #baef1f;background:#000;color:#fff;}
#menutop ul {font: 1em "Lucida Grande", Tahoma, Helvetica, Sans-Serif;position:relative;float:left;z-index:2;background:transparent;color: #fff;width: 100%;height: auto;list-style-type:none;margin:0;padding:0;border:none;}
#menutop ul li {float: left; padding-left:1em;padding-right:1em;border-right:1px solid #ff;text-align:center;background:transparent;}
#menutop ul li a:link, #menutop ul li a:visited {display:block;font-weight:normal;height: 16px;color: #fff;background: transparent;text-decoration: none;}
#menutop ul li a:hover {color:#ff9d00;}
/*#menutop ul li:hover {background:#ff9d00;}*/
#menutop ul li a:active {color:#fff;background: transparent;}
#menutop ul li.last{border: none;}

/*-- cadre menu-accueil--*/
#menucenter{margin:1em ;padding:0;border: 1px solid #fff;width :500px;list-style:none;overflow:hidden;background:transparent;}
#menucenter li {padding:1em 0 0.5em 1em;display:block;}
#menucenter li a {text-decoration:none;color:#fff;padding:.1em;opacity:0.60;}
#menucenter li a:hover{opacity:1;}

/* --accessibilité-- */
#easy-access, #easy-access a {color: gray;margin: 0 0 0 7px;font-size: 0.8em;line-height: 1em;text-decoration: none;background:transparent;}
#easy-access {text-align: right;position: relative;top: -10px;right: 2px;margin: 0 0 0 15px;}
#easy-access a:hover, #easy-access a:focus {color: #000;background:transparent;}

/* --navigation dans la page-- */
#head {text-align:center;clear:both;border:none;font-weight:bold;padding:0;margin:0;background:transparent;color:#fff;}
#head ul {list-style:none;margin:0;padding:0;}
#head ul li{display:inline;padding: 0 1em;margin:0;border:none;border-right: 1px solid #fff;text-align:center;}
#head ul li.last {border:none;}
#head ul li a  {color:#fff;text-decoration:none;border:none;background:transparent;}
#head ul li a:hover {color:#ff9d00;}

/* -- pied de page -- */
#footer {text-align:center;clear:both;border:none;font-weight:normal;font-size:0.8em;padding:4px 0 4px 0;background:transparent;color:gray;line-height:1em;margin:0;text-decoration:none;}
#footer ul {list-style-type: square;list-style-image: none;margin: 0;padding: 0;}
#footer ul li {display: inline;padding: 0 1em;margin: 0;border-right: 1px solid #fff;text-align: center;}
#footer ul li.last{border: none;}
#footer ul li a  {text-decoration: none;border: none;color: gray;background: transparent;}
#footer ul li a:hover {color: #fff;background: transparent;}

/*-- menu fixe à droite--*/
#fixedmenu {position: fixed;bottom: 200px;right: 10px;width: 16px;background: transparent;color:#fff;}
#fixedmenu a, #fixedmenu a:hover {text-decoration:none;display:block;width:16px;height:16px;overflow:hidden;font-size:40px;line-height:1em;margin:0 auto;}
#fixedmenu ul, #fixedmenu li {list-style-type:none;margin: 5px 0;padding: 0;}
#fixedmenu #up {background: transparent url(./img/up.png) no-repeat;color:#fff;}
#fixedmenu #home {background: transparent url(./img/home.png) no-repeat;color:#fff;}
#fixedmenu #email {background: transparent url(./img/email2.png) no-repeat;color:#fff;}
#fixedmenu #favoris {background: transparent url(./img/favoris.png) no-repeat;color:#fff;}
#fixedmenu #print {background: transparent url(./img/printer.png) no-repeat;color:#fff;}

/* --cadre du contenu principal --*/
#content{background:transparent;color:#bbb;padding:0;margin:0;border:none;padding-bottom:2em;}
#content img {vertical-align: middle;border: 0px;padding: 0px;margin: 0px;}
#content p {padding-left:1em;padding-right:1em;text-align:justify;text-indent :1em;}

/* --cadre de droite-- */
#info {width:270px;float:right;padding:4px;border:1px groove #cfcfcf;background-color:#2b2b2b;margin:none;margin-left:1em;margin-right:1em;color:#bbb;font: 90% "Lucida Grande", Tahoma, Helvetica, Sans-Serif;}	
#info h2 {color: #baef1f;border:0;text-align: center;font : 1.1em "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-weight: bold; background: url(./img/separateur.png) bottom  center no-repeat;padding-top: 5px; padding-bottom: 5px;margin-bottom: 5px;margin-top: 5px;font-variant: small-caps;}
#info p {color:#bbb;background:transparent;line-height: 1.1em;text-align:left;text-indent:0;position: relative;top: 0px;left: 2px;margin: 0px;}
#info ul {list-style-type: square;margin: 0 0 1em 0;padding: 0;}
#info a{color: #bbb;text-decoration: none;background:transparent;}
#info a:hover{color: #5887b8;background:transparent;}

/*------------------------------- liens -------------------------------*/
a {background: transparent;color:#5887b8;font-weight:normal;text-decoration: none;}
a:hover {text-decoration:underline;}
a[href*=".mov"]{padding-left:20px;background:transparent url(./img/multimedia16.png) top left no-repeat;}
a[href*=".avi"]{padding-left:20px;background:transparent url(./img/multimedia16.png) top left no-repeat;}
a[href*=".mov"]{padding-left:20px;background:transparent url(./img/multimedia16.png) top left no-repeat;}
a.ext {padding-left:20px;background: transparent url(./img/link_ext.png) left no-repeat;color:#5887b8;}
a.ext:hover {border-width:0;color:#ff9d00;text-decoration:underline;}
a.multimedia {background:transparent url(./img/multimedia.png) center left no-repeat;padding-left: 28px;color:#444;}
a.itr {padding-left : 18px;background: transparent url(./img/comment.png) left no-repeat;color:#5887b8;}
.bpop {display:none;}
a.itr:hover {border-width: 0; /* IE */color:#ff9d00;text-decoration:none;background:url(./img/comment_HL.png) left no-repeat;}
a.itr:hover .bpop {display:inline;/* !? Moz, Op */position:absolute;width:260px;color:#fff;background-color:#000;padding: 1px 3px 2px 3px;font-size: 0.9em;border:3px double #ff9d00;z-index:2;opacity:0.80}
/* IE5/Mac:  Senza questo il bpop interno crea danni. Questo ha problemi
di allineamento verticale, approssimativamente corretti da top, ... \*//*/
.itr {
	position: relative;
	display: inline-block;
	top: 0.15em;
	line-height: 1.05;
}
/**/

a.play {background:transparent url(./img/play.png) center left no-repeat;color:#000;text-decoration:none;padding-left:26px;padding-top:5px;padding-bottom:5px;}
a.play:hover {background:transparent url(./img/playHL.png) center left no-repeat;color:#000;}
a.stop{background:transparent url(./img/stop.png) center left no-repeat;color:#000;text-decoration:none;padding-left: 26px;padding-top : 5px;padding-bottom : 5px;}
a.stop:hover {background:transparent url(./img/stopHL.png) center left no-repeat;color:#000;}

/* --------------- autres classes ---------------- */
.biblio {border:none;font-weight:normal;font-size:0.9em;padding:5px;padding-left:28px;background:#e9e9e9 url(./img/book.png) center left no-repeat;color:black;border-top:1px solid #dedede;border-bottom:1px solid #dedede;line-height: 1em;margin:0;text-decoration:none;}
.biblio h3 {color: #baef1f;padding-top: 5px;margin-bottom: 5px;margin-top: 5px;font-variant: small-caps;}
.processing {border-width: 8px 1px 8px 1px;border-style:solid;border-color:#cfcfcf;margin:1em;padding:0.5em;background:#ececec;color:#444;font-style:italic;}
.code {border-width: 1px 1px 1px 8px;border-style: solid;border-color: #2b2b2b;margin: 1em;padding: 0 0.5em;background: #e9e9e9;color:#2b2b2b;font-style: normal;}
.processing {text-align:left;width:50%;height:auto;margin:5px;border-width: 1px 0px 1px 0px;border-style: solid;border-color:#39322a;padding: 0.5em;padding-left: 72px;background:#ececec url(./img/processing48.png) center left no-repeat;color:#444;font-style: italic;}
.nompropre {font-weight: bold;font-variant: small-caps;font-family: arial, helvetica, sans-serif;}
.first{font-family: cursive;font-size:1.2em;font-style:italic;font-weight: normal;color: #ff9d00;background:transparent;}
.second{font-family: cursive;font-size:1.2em;font-style:italic;font-weight: normal;color: #baef1f;background:transparent;}
.maj{text-align: right;position: relative;top: -2.2em;right: 2px;margin: 0 0 0 15px;color:#ddd;font-size: 0.9em;line-height: 1em;}


/*------------------------------ pour les formules mathématiques -----------------------------*/
 span.Math{font-family: cursive;font-size: 12px;font-style:italic;font-weight: normal;color: #111;background:transparent;}

/*----------------------tableaux---------------------*/
/*table {width:100%;border: 1px solid #cfcfcf;border-collapse: collapse;margin:0;background : transparent;}
td {font:85% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;font-weight:normal;border:none;color:#4e4e4e;background:transparent;padding: 10px;}
th {font-size: 0.8em;font-weight: normal;border-bottom:1px solid #ff9d00;padding: 10px;text-align: center;background: #ececec;color: #baef1f;}*/
dl {margin-left : 10px;margin-bottom: 0;padding-bottom: 0;}
dt {font-weight:bold;font-size: 1em;margin-bottom: 0;margin-left: 0;color: #fff;letter-spacing: 1px;}
dd {margin-bottom: 0.5em;margin-left: 0;}
table {border:1px groove #cfcfcf;border-collapse: collapse;margin:10px;}
td{text-align: center;}
caption {caption-side: bottom;border-bottom:1px groove #cfcfcf;}

/* ---------------listes	---------------- */

/* -- ressources --*/
.ressource {list-style:none;margin:10px;padding:none;width:600px}
.ressource li {border-bottom:1px solid #555;}
.ressource li.last {border:none;}
.ressource li a {font-size: 0.9em;line-height: 1em;font-weight:normal;display:block;text-decoration:none;color:#bbb;}
.ressource li a[href^="#"]{background:transparent 580px 50% no-repeat;}
.ressource li a[href*=".pdf"]{background:transparent url("./img/pdf.png") top right no-repeat;}
.ressource li a[href*=".pdf"]:hover{color:#000;background:#ccc url("./img/link_pdf1616.png") bottom right no-repeat;}
.ressource li a[href*=".html"]{background:transparent url("./img/bullet_go2.png") 575px 50% no-repeat;}
.ressource li a[href*=".html"]:hover{color:#000;background:#ccc url("./img/bullet_go2.png") 580px 50% no-repeat;}

/* -- gallerie des simus --*/
#gallery{margin:5em auto;padding:0;border: 1px solid #fff;width :500px;list-style:none;overflow:hidden;background:#2b2b2b;}
#gallery li {float:left;padding:1em 0 1em 1.2em;}
#gallery li a img{border:2px solid #333;padding:.1em;opacity:0.60;}
#gallery li a img:hover{border-color:#ccc;opacity:1;}

/* ---------------définition des balises--------------- */
html {margin:0;padding: 0;}
body {margin:0;padding: 0;color:#ccc;background:#ccc url("./img/BG_pattern.jpg") 0px 0px repeat;text-align: center;font-size: 0.8em;line-height: 1em;}
h2 {padding:0;margin-left:1em;font: bold 1.2em Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;background: transparent;border-bottom:1px solid #ff9d00;color:#ff9d00;width:95%;}
h1 {margin-top:0;padding:0.5em;font-size: 1.5em;color:#baef1f;text-shadow:1px 1px 3px #769712;text-align: center;border:none;border-bottom:1px solid #fff;}
h3 {padding:0;margin-left:1em;font-weight: bold;color: #5887b8;font-size: 1em;}
/*font: normal 85% "Trebuchet MS", Verdana,"Lucida Grande",Tahoma, Helvetica, sans-serif;*/
/*font: 0.9em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/