body {
font-family: arial;
color: #ffffff;
background: url(logb.png) no-repeat rgb(242, 242, 242);
text-align: center;
margin: 0;
}
#top {
font-size: 12px;
font-weight: bold;
font-style: italic;
color: #ffffff;
margin-top:0px;
width: 100%;
height: 60px;
background: rgb(0, 180, 180) url(arbre2.jpg) no-repeat;
background-position: left;
text-align: right;
}
.top {
font-style: ;
font-weight: normal;
display: block;
padding-top: 40px;
padding-right: 100px;
}
#header {
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #ffffff;
margin-top:0px;
width: 100%;
height: 30px;
background: rgb(0, 64, 64) url(bande.png) no-repeat;
background-position: right;
text-align: left;
}
.exo {
display: block;
padding-top: 5px;
padding-left: 100px;
}
.exo2 {
display: block;
padding-top: 5px;
padding-left: 0px;
}
.mini {
font-size: 12px;
}
#inter {
background: #ffffff url(jark2.jpg) no-repeat;
background-position: right;
width: 100%;
height: 50px;
margin: 0;
text-align: center;
}
img {
border: 0;
}
#corpus {
font-size: 11px;
font-weight: bold;
color: #ffffff;
border-bottom: solid 1px #ffffff;
width: 100%;
height: 20px;
background: #708090;
margin-top: 0px;
}
ul.liens {
font-style: normal;
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}
.liens li {
float: left;
width: 100px;
height: 18px;
border-right: solid 1px #ffffff;
padding-top: 2px;
}
.liens li.first {
border-left: solid 0px #ffffff;
}
a {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #48d1cc;
text-decoration: none;
}
#main {
width: 850px;
height: 550px;
border-right: solid 1px #dcdcdc;
margin: auto;
}
#main_gauche {
font-size: 12px;
font-weight: bold;
background: #ffffff; 
border-left: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
width: 130px;
height: 550px;
margin-top: 0;
float: left;
clear: both;
}
#main_droit {
font-size: 13px;
color: rgb(0, 112, 112); 
border-left: solid 1px #dcdcdc;
border-bottom: solid 1px #dcdcdc;
background: rgb(255, 255, 255);
text-align: center;
width: 718px;
height: 550px; 
padding-top: 0px;
text-align: left;
float: right;
}
#corps {
width: 601px;
height: 500px;
background: url(fond_jark.jpg);
margin: auto;
text-align: center; 
float: left;
}
#corps_gauche {
width: 140px;
height: 290px;
float: left;
}
#corps_droit {
width: 460px;
height: 290px;
float: right;
}
#cd_gauche {
width: 320px;
height: 290px;
float: left;
}
#cd_droit {
width: 140px;
height: 290px;
float: right;
}
 
.t1 {
background:#000000;
}
.t2 {
background:#778899;
}
.t3 {
background:#C0C0C0;
}
.t4 {
background:#DCDCDC;
}
.t5 {
background:#DC143C;
}
.t6 {
background:#FF0000;
}
.t7 {
background:#FFA500;
}
.t8 {
background:#FFFF00;
}
.t9 { 
background:#8B008B;
}
.t10 {
background:#9932CC;
}
.t11 {
background:#C040A0;
}
.t12 {
background:#FF80FF;
}
.t13 { 
background:#8B4513;
}
.t14 {
background:#A0522D;
}
.t15 {
background:#CD853F;
}
.t16 {
background:#DEB887;
}
.t17 { 
background:#006400;
}
.t18 {
background:#228B22;
}
.t19 {
background:#32CD32;
}
.t20 {
background:#7CFC00;
}

.t21 { 
background:#00008B;
}
.t22 {
background:#0000FF;
}
.t23 {
background:#00BFFF;
}
.t24 {
background:#00FFFF;
}
table.tab {
border: solid 1px #708090;
width: 96px;
height: ;
margin: auto;
}
.tab td {
border-collapse: collapse;
padding: 0;
font-size: 5px;
width: 20px;
height: 8px;
}
#crea2 {
width:240px;
height:198px;
border: solid 1px #708090;
margin:auto;
padding-top:5px;
margin-top:5px;
text-align:center;
}
#glob2 {
width:200px;
margin:auto;
}
#petit_header {
font-size:11px;
font-weight:bold;
width:200px;
height:30px;
margin:auto;
margin-top:10px;
}
#petit_hg {
font-size:11px;
font-weight:bold;
width:60px;
height:60px;
float:left;
margin-top:10px;
}
#petit_hd {
font-size:11px;
font-weight:bold;
width:130px;
height:60px;
float:right;
margin-top:10px;
}
#petit_bg {
font-size:11px;
font-weight:bold;
width:130px;
height:60px;
float:left;
margin-top:10px;
}
#petit_bd {
font-size:11px;
font-weight:bold;
width:60px;
height:60px;
float:right;
margin-top:10px;
}
#s_right1 {
width:52px;
height:17px;
border: solid 1px #708090;
padding-top:0px;
margin-top:0px;
margin:auto;
}
#s_right2 {
width:52px;
height:17px;
border: solid 1px #708090;
padding-top:0px;
margin-top:0px;
margin:auto;
}
#s_right3 {
width:52px;
height:17px;
border: solid 1px #708090;
padding-top:0px;
margin-top:0px;
margin:auto;
}
#s_right4 {
width:52px;
height:17px;
border: solid 1px #708090;
padding-top:0px;
margin-top:0px;
margin:auto;
}
.thin {
font-weight: normal;
}
.thin_grey {
font-weight: normal;
color: #708090;
}
#menu1 {
color : rgb(0, 112, 112); 
background: url(menu2.png) no-repeat;
width: 130px;
height: 115px;
text-align: center;
padding-top: 0px;
margin-top: 0;
}
input.pseudo {
width: 100px;
height: 10px;
}
input.submit {
font-size: 10px;
height: 20px;
}
#menu2 {
background: url(menu2.png) no-repeat;
width: 130px;
height: 145px;
text-align: left;
padding-top: 0px;
}
#menu3 {
background: url(menu2.png) no-repeat;
width: 130px;
height: 145px;
text-align: left;
padding-top: 0px;
border-bottom: solid 1px #dcdcdc;
}
#timex {
background: url(time_explorer.jpg);
width: 130px;
height: 50px;
}
img {
border: 0;
}
table.choice {
width:50px;
height:16px;
margin:auto;
}
.mg {
color: #ffffff;
display: block;
padding-top: 2px;
margin-left: 6px;
text-align: left;
}
#lateral {
width: 114px;
height: 550px;
background: url(log2.png) no-repeat rgb(255, 255, 255);
border-left: solid 1px #dcdcdc;
text-align: center;
float: right;
}
.time {
font-size: 40px;
}
.time a {
text-decoration: none;
}
.time a:hover {
text-decoration: none;
}
a.lin {
color: rgb(0, 112, 112);
text-decoration: underline;
}
a:hover.lin {
color: #48d1cc;
text-decoration: underline;
}
#upload_left {
width: 480px;
float: left;
}
#upload_right {
width: 120px;
float: right;
}
p.connex {
margin-top: 5px;
padding: 0;
}
form.connex {
margin: 0;
padding: 0;
}
ul.ent {
display: block;
text-align: left;
list-style-type: square;
margin-top: 0;
}
ent li {
}
h2 {
margin: 0;
}
.orange {
color: #ffa500;
}
.resultat {
color: #cdcdcd;
}
.deconnexion {
display: block;
padding-top: 2px;
margin-right: 20px;
border-left: solid 1px ffffff;
float: right;
}
li.liens_droit {
float: right;
width: 100px;
height: 18px;
border-left: solid 1px #ffffff;
border-right: 0;
padding-top: 2px;
}
li.liens_droit2 {
float: right;
width: 100px;
height: 18px;
border-left: solid 0px #ffffff;
border-right: 0;
padding-top: 2px;
}
a.adresse {
color: #48d1cc;
text-decoration: none;
border-bottom: dotted 1px #48d1cc;
}
a:hover.adresse {
color: #ffa500;
text-decoration: none;
border-bottom: dotted 1px #ffa500;
}
.rouge {
color: #ff0000;
}
#mod {
width: 85px;
height: 85px;
float: right;
}
.fini {
font-weight: bold;
color: #0000cd;
background: #f0ffff;
}
#a_gauche {
width: 270px;
height: 400px;
padding-left: 20px;
float: left;
}
#a_droite {
width: 300px;
height: 400px;
float: right;
}
#cine_gauche {
width: 300px;
float: left;
}
#ssg_cine_gauche {
width: 100px;
float: left;
}
#ssd_cine_gauche {
float: rigth;
}
#cine_droit {
width: 300px;
float: left;
}
#ssg_cine_droit {
width: 100px;
float: left;
}
#ssd_cine_droit {
width: 200px;
float: right;
}
a.create {
color: rgb(0, 112, 112);
text-decoration: underline;
}
a:hover.create {
color: #48d1cc;
text-decoration: underline;
}
a:visit.create {
color: #ffa500;
text-decoration: underline;
}
#tabannu {
width: 400px;
background: ;
margin: auto;
}
#tabannu table {
border: solid 1px #cdcdcd;
}
#tabannu td {
border: solid 1px #cdcdcd;
}
#tabani {
width: 550px;
margin: auto;
}
.date {
font-size: 10px;
}
#vert {
font-size: 10px;
margin-bottom: 20px;
color: rgb(0, 112, 112);
}
.vert {
display: block;
color : rgb(0, 112, 112); 
text-align: center;
}