body {
	padding:0;
	margin:0;
	height:100%;
	background : #FEFEFE;
}
#haut{
	position:relative;
        background: url(syracuse2.png) center;
	height:100px;
	background-repeat: no-repeat; 
	padding: 0px;
	color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#bas_de_page {
}

#menu {
  /* background: url(_img/syracuse-bas.png) bottom center no-repeat; */
  width: 100%;
  color: #111;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	border-top:1px solid #BBA;
	text-align:left;
	padding-top:6px;
}

#container_page {
    padding-top:4px;
    width:80%;
    margin:0px auto;
}

#contenu{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	text-align:left;
}

#pied {
	border-top:2px dotted #BBA;
	padding:4px 0px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	text-align:center;
}

/* Style du haut */
div.webtitre {
	text-align:center;
	padding-top:52px;
	font-size: 1.4em;
	color:#AA8833;
}

div.navigation{
	position:absolute;
	bottom:1px;
	left:0px;
	width:100%;
	font-size:0.8em;
	text-align:center;
	color: #555566;
}

div.navigation a{
	background: inherit;
	color:#666688;
	font-weight:bolder;
}
div.navigation a:hover{
	background: inherit;
	color:#336699;
}


/* Style du menu */
#menu p {
	margin:1px;
}
#menu a {
	text-decoration:none;
	background:inherit;
	color:#333; 
	margin-bottom:1px;
}
#menu a:hover {
	color: inherit;
	text-decoration: underline;
}
#menu img {
	display:block;
	padding:3px;
	margin:15px auto;
}

pre {
  font-family: 'Inconsolata', monospace;
}

div#s_source {
  background : #F5F5F5 url(_img/bordure01.png) repeat-y;
  border : 1px solid #AAA;
  padding : 2px;
  display: none;
}

div#s_source pre {
  font-family: 'Inconsolata', monospace;
  font-size   : 12px;
  padding:5px;
}

div#s_source .LienSource {
  background: #DDD;
  /*min-height:26px;*/
  font-size: 14px;
  margin:0;
  padding: 5px;
}

div#s_source .LienSource a {
  font-weight: bolder;
  color: #777;
}

div#s_source .LienSource a:before {
  content:url(_img/download-40.png);
  padding-right:6px;
  vertical-align:-15px;
}

/* Style du contenu */
#contenu h2 {
    color:#444;
}


#contenu a {
    text-decoration: none;
}

/* Styles particuliers */
li.court {
    list-style-type: none;
    background-image: url(/syracuse/s2/img/puce.png);
    background-repeat: no-repeat;
    background-position: 0% 65%;
    padding-left: 15px;
}

li.long {
    list-style-type: square;
}

.source {
    background:inherit;
    color:black;
}

.balise {
    background: inherit;
    color: #455689;
}

/* Les descriptions ------------------------------------------------- */
dt {
    font-weight:bolder;
    background:inherit;
    color:#22A;
    padding-left:1em;
}

/* Divisions au style particulier ----------------------------------- */
div.sous_menu {
    width:100%;
    background:inherit;
    text-align:left;
    color:red;
    font-size: 80%;
    font-weight:bolder;
}

/* Paragraphes au style particulier --------------------------------- */
p.shell {
    background:#FFC;
    color:inherit;
    padding: 5px;
    font-family:monospace;
    border:1px dashed #55B;
}


p.code {
    background:#E8E4CE;
    color:inherit;
    padding: 5px;
    font-family:monospace;
    border:1px solid #5B5;
}

pre.code {
    background:#E8E4CE;
    color:inherit;
    padding: 5px;
    border:1px solid #5B5;
}

p.note {
/*    background: #EEC url(note.png) left top no-repeat; */
    background: #EEC;
    color:inherit;
    padding: 4px 4px 4px 4px;
    border: 2px solid #AAAA88;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size:12px;
}

p.nouveau {
    background:#FDCC86;
    color:inherit;
    padding: 5px;
    border-top:2px solid #fc8;
    border-left:2px solid #fc8;
    border-right:2px solid #962;
    border-bottom:2px solid #962;
    text-align:justify;
}


a.telechargement {
    background:#EEE;
    padding:4px;
    font-size:smaller;
}

a.lien_archive {
    background-image: url(/syracuse/s2/img/gz.png);
    background-repeat: no-repeat;
    padding-left:18px;
    height:18px;
}

a.lien_archive_zip {		/* JMS - 01/05/2007 */
    background-image: url(/syracuse/s2/img/zip.png);
    background-repeat: no-repeat;
    padding-left:18px;
    height:18px;
}


/* === La table des matières ================================================= */ 
div.tdm {				       /* Elle est à droite par défaut */
    width:200px;
    position: fixed;
    bottom : 5px;
    right: 5px;
    padding:5px;
    background: #FFE;
    border: 2px solid #AA6;
    font-size: 80%;
    opacity: 0.8;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

div.tdmgauche {
    width:200px;
    position: fixed;
    bottom : 5px;
    left: 5px;
    padding:5px;
    background: #FFE;
    border: 2px solid #AA6;
    font-size: 80%;
    opacity: 0.8;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

div.tdm1 {
    margin:1px;
    padding-left:2px;
}

div.tdm2 {
    margin:1px;
    padding-left:10px;
    font-style:italic;
}
/* =========================================================================== */

#contenu .top {
  font-size: 90%;
  font-style: italic;
  font-variant: small-caps;
  text-decoration: none;
  border: none;
  padding-top:5px;
  padding-left: 1ex;
  padding-right: 1ex;
  float: right;
  color: #858223;
}

#contenu a {
    color: #A35;
}

#contenu a.syr {
    color: #009090;
    font-weight: bolder;
}

#contenu a.base {
    color: #808000;
    font-size: 14px;
    font-weight:bolder;
}

#contenu a.wik {
    color: #1080F0;
    font-weight: bolder;
}


a.base:before {
    content:url(/syracuse/s2/img/indbase.png);
    padding-right:2px;
    vertical-align:middle;
}

/* --- JMS (20081008) ------------------------------------------------------- */
#contenu a.texpng {
    color: #222288;
}

/* Pour la dtd « simple » */
td.s_ico img{
    border:none;
}


#s_repertoires, #s_fichiers {
    font-size:smaller;
    background:#F8F8FF;
    background: #EED url(bg-h-rep.png) top repeat-x;
    /* border:1px solid #D0D0EE; */
    color: #666;
    padding:1px 5px 5px 5px;
    margin-top: 6px;
    margin-bottom:16px;
    -moz-border-radius-topleft: 12px;
    -webkit-border-top-left-radius:12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-right-radius: 12px;
    border:1px solid #AAA;
}

#s_fichiers_old {
    font-size:smaller;
    background:#F8FFF8;
    border:2px solid #D0EED0;
    color: #666;
    padding:0px 5px 5px 5px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    margin-bottom: 10px;
}

#s_repertoires h3 {
    padding-bottom:5px;
    padding-left:5px;
    /* border-bottom:1px solid #AAC; */
    color: #666;
    /* height:20px; */
}

#s_fichiers h3 {
    padding-bottom:5px;
    padding-left: 5px;
    /* border-bottom:1px solid #AAC; */
    color: #666;
    /* height:20px; */
}

#s_fichiers_old h3 {
    padding-bottom:3px;
    border-bottom:1px solid #AAC;
}

#s_repertoires table {
    width:100%;
}
#s_fichiers table {
    width:100%;
}

td.s_ico {
    width      : 42px;
    text-align : center;
    cursor     : pointer;
}

td.s_legende {
    width:50%;
}

div.s_add {
    margin-top:10px;
}

div.s_commentaire {
    background: #EEE url(comment.png) left top;
    background-repeat: no-repeat;
    border:2px solid #BBB;
    text-align:justify;
    padding: 0px 10px 0px 80px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font-size:0.9em;
}

/* *** SPAN latexlogo -------------------------------------------------------- */
span.latexlogo sub {
    vertical-align:-0.15em;
    font-size:85%;
    margin-left:-2px;
}

span.latexlogo sup {
    vertical-align:0.2em;
    font-size:75%;
    margin-left:-2px;
}

/* *** DIV exotiques --------------------------------------------------------- */
div.Info {
    border:2px solid #DDD;
    background : #EEE url(_img/divInfo.png) no-repeat;
    padding:0px 8px 0px 140px;
    font-size: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}
div.Info_small {
    border:1px solid #F0F0F0;
    background : #F0F0F0 url(_img/divInfo_small.png) no-repeat left center;
    padding:0px 8px 0px 75px;
    font-size: 12px;
    min-height:60px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

div.Info h3, div.Info_small h3 {
    border-bottom: 1px solid #222;
}

/* === sectionListeSimple --------------------------------------------------- */
td.sectionListeSimple {
  padding-top:10px;
  font-size:120%;
  font-weight: bolder;
  color: #666;
  border-bottom: 1px solid #B8B8BB;
}

/* === piedAdditionnel ------------------------------------------------------ */
div#piedAdditionnel {
  margin-top:-3px;
  margin-bottom:-3px;
  padding: 0px 6px;
  background: #EEE;
  border:1px solid #DDD;
  font-size:12px;
}

/* === Décoration des images ------------------------------------------------ */
.image-dropShadow {
    background: url(_img/image-shadow.png) right bottom no-repeat;
    display: block;
    float: left;
    margin: 13px -10px -10px 10px;
    position: relative;
}
.image-dropShadow:before, .image-dropShadow:after {
    background: inherit;
    content: " ";
    display: block;
    height: 10px;
    width: 10px;
}

.image-dropShadow:before {
    background-position: right top;
    margin: -10px 0 0 auto;
    position: absolute;
    right: 0;
    top: 0;
}

.image-dropShadow:after {
    background-position: left bottom;
    margin: -13px 0 0 -10px;
}

.image-dropShadow .image-inner {
    display: block;
    left: -10px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: -13px;
}