/* - - - RESETS CSS - - - */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body { color: #333; line-height: 1 }
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* - - - START CSS STYLE - - - */
body { color: #333; font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 15px; background-color: #bec3c8; background-image: url("images/a_back.jpg"); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0 }
.typo1 { color: #003366; font-size: 11px; font-variant: small-caps; font-weight: bold }
.typo-citation { color: #696969; font-size: 12px }
h1 { color: #8b0000; font-size: 12px; font-weight: bold; line-height: 15px; padding: 10px 10px 0 }
h2 { color: #808080; font-size: 12px; font-weight: bold; line-height: 15px; padding: 10px 10px 0 }
h3 { color: #003399; font-weight: bold; font-size: 11px}
h4 { color: #333; font-size: 12px; font-style: normal; font-weight: bold; letter-spacing: 1px; border-top: medium none }
h5 { color: #000; font-size: 14px; font-style: normal; font-weight: bold; line-height: 14px; letter-spacing: 1px }
h6 { color: #333; font-size: 10px; font-style: normal; font-weight: normal; line-height: 12px; margin-left: 0; padding: 0; border: none }
/* - - - - CONTROLE PADDING-MARGE DANS DIV - - - - */
p { font-size: 13px; line-height: 15px; margin: 0; padding: 10px }
/* - - - - CONTAINER - - - - */
#container { text-align: left; margin: 0 auto; padding: 0; width: 800px; height: auto; border-style: solid; border-width: 0 4px 4px; border-color: #000 }
#container-etud { text-align: left; margin: 0 auto; padding: 0; width: 800px; height: 711px; border-style: solid; border-width: 0 4px 4px; border-color: #000 }
/* - - HEADER - - */
#header { background-color: #000; background-image: url("images/header.jpg"); margin: 0; padding: 0; width: 800px; height: 200px; float: left }
/* - - - NAV - BAR ROUGE EN HAUT - - - */
#navbar { background-image: url("images/a_nav_back.jpg"); margin: 0; padding: 0; width: 800px; height: 26px; float: left; border-style: solid; border-width: 3px 0; border-color: #000 }
#titre { color: #a9a9a9; font-size: 16px; font-weight: normal; line-height: 26px; text-align: center; padding-left: 15px; width: auto; float: left; vertical-align: middle; text-shadow: #333333 2px 2px 3px }
.nav { color: #a9a9a9; font-weight: normal; line-height: 26px; text-decoration: none; float: right; text-shadow: #333333 2px 2px 3px }
.nav a { color: #a9a9a9; font-size: 11px; font-weight: normal; text-decoration: none; padding: 0 10px }
.nav a:hover { color: #dcdcdc; font-size: 11px; font-weight: normal }
/* - - - - - - CONTENT - - - - - - */
#content-fix { background-color: #fff; display: block; width: 800px; height: 470px; float: left }
#content-auto { background-color: #dcdcdc; display: block; width: 800px; height: auto; float: left }
#content-auto-blanc { background-color: #fff; display: block; width: 800px; height: auto; float: left }
#left-fix { color: #333; font-size: 13px; background-color: #fff; display: block; width: 500px; height: 470px; float: left }
#left-full { color: #333; font-size: 13px; background-color: #fff; display: block; margin: 0 auto; width: 780px; height: auto }
#left-auto { color: #333; font-size: 13px; background-color: #fff; display: block; width: 500px; height: auto; float: left }
.clear { display: block; clear: both }
/* - - - PAGE INDEX - FORUM - - -*/
#left { background-color: #fff; display: block; width: 480px; height: 470px; float: left }
#left-photo { display: block; margin: 0; padding: 0; width: 480px; height: 187px; float: left; border-bottom: 3px solid #000 }
#left-texte { display: block; margin: 0; width: 480px; height: 280px; float: left; overflow: auto }
#left-forum { display: block; margin: 0; width: 480px; height: 470px; float: left }
#right { background-color: #5a0000; display: inline; width: 316px; height: 100%; float: right; border-left: 4px solid #000 }
/* - - - MENU DE DROITE - - - */
#menu { font-size: 12px; background-color: #900; display: inline; margin: 0; padding: 0; width: 316px; height: 470px; float: right; border-left: 3px solid #000 }
#menu ul { list-style: none; margin: 0; padding: 0 }
#menu li a { text-decoration: none; cursor: pointer; display: block; margin: 0; padding: 0; height: 40px; voice-family: inherit }
#menu li a:link, #menu li a:visited { background-image: url("images/menu-up.gif"); background-repeat: no-repeat; background-position: 100% 100%; display: block }
#menu li a:hover { background-image: url("images/menu-over.gif"); background-repeat: no-repeat; background-position: 100% 100%; display: block }
#menu li a:active { background-image: url("images/menu-over.gif"); background-repeat: no-repeat; background-position: 100% 100%; display: block }
#menu span { font-weight: normal; margin: 0; padding: 8px 10px 0 }
.menunom { color: #dadada; font-size: 12px; text-align: left; letter-spacing: 1px; display: inline; width: auto; float: left; text-shadow: #333333 3px 3px 3px }
.menuprof { color: #dcdcdc; font-size: 11px; text-align: right; display: inline; width: auto; float: right }
/* - - PAGES ƒTUDIANTS - - */
#content-etud { background-color: #fff; margin: 0; padding: 0; width: 800px; height: 260px; float: left }
#left-etud { color: #333; margin: 0; padding: 0; width: 416px; height: 260px; float: left }
#right-etud { background-color: #a9a9a9; background-image: url("images/a_player_back.jpg"); background-position: 100% 100%; margin: 0; padding: 0; width: 380px; height: 260px; float: right }
#player { margin-right: auto; margin-left: auto }
#boxes { background-color: #600; margin: 0; padding: 0; height: 216px; float: left; border-top: 4px solid #000 }
/* - - - CITATIONS - - - */
#table-cit { border-width: 0 }
#table-cit td { margin: 0; padding: 4px 0 4px 0; vertical-align: top; border-bottom: 1px solid #c0c0c0 }
/* - - - FORMS - - - */
#form { color: #333; font-size: 12px; background-color: #dcdcdc; display: inline; width: 300px; min-height: 470px; max-height: 100%; float: right; vertical-align: top }
form { color: #333; font-size: 12px; font-family: Arial; background-color: #dcdcdc; display: block; margin-right: auto; margin-left: auto; width: 280px }
input { font-size: 12px; font-family: Arial; background-color: #f5f5f5; padding: 2px 4px 3px; width: 100%; height: 25px; border: solid 1px #a9a9a9 }
textarea { font-size: 12px; font-family: Arial; background-color: #f5f5f5; padding: 4px; width: 100%; height: 175px; border: solid 1px #a9a9a9 }
input.button { color: #333; background-color: #c0c0c0; margin-top: 5px; padding: 2px 3px 3px; width: auto; border: solid 1px #a9a9a9 }
/* - - - FOOTER - - - */
#logos { font-family: Arial, Helvetica; background-color: #fff; width: 800px; height: 85px; clear: both; border-top: 3px solid #000; border-right: 0; border-bottom: 0; border-left: 0 }
#footer { background-image: url("images/a_nav_back.jpg"); margin: 0; padding: 0; width: 800px; height: 18px; clear: both; border-top: 3px solid #000 }
.footernav { color: #c0c0c0; font-weight: normal; line-height: 17px; text-decoration: none; text-align: right; padding-right: 5px; float: right; text-shadow: #333333 2px 2px 3px }
.footernav a { color: #c0c0c0; font-size: 10px; font-weight: normal; text-decoration: none; padding-right: 8px; padding-left: 8px }
.footernav a:hover { color: #f5f5f5; font-size: 10px; font-weight: normal }
/* - - - LINKS - - - */
a { color: #8b0000; font-size: 12px; font-family: Arial, Helvetica; font-style: normal; font-weight: bold; text-decoration: none; letter-spacing: 1px }
a:hover { color: #696969; font-size: 12px; font-family: Arial, Helvetica; font-style: normal; font-weight: bold; text-decoration: none; letter-spacing: 1px }