/**************** Body and tag styles ****************/

body{
font-family: Verdana, Times;
font-size: 0.8em; font-weight:normal; font-style:normal; color:#ffffff;
margin: 0;
padding: 0;
color:#993399;
background-color:#333366;
background-image: url(../images/bckg.png);
background-repeat:repeat-y; 
background-position:center;
}

a{
margin:0px;
padding:0px;
text-indent:0px;
text-decoration:none;
background-color:inherit;
color:#993399;
}

a:link, a:visited, a:active, a:hover{
border: none;
background-color:inherit;
text-decoration:none;
color:#993399;
}

a:hover{
color:#66ccff;
}

img{
border: none;
margin:0;
padding:0;
vertical-align:middle;
}

h1{
margin:0;
margin-top:5px;
margin-bottom:5px;
padding:0;
height:20px;
font-weight:bold;
font-size:20px;
}

input.img{
margin:0;
margin-bottom:1px;
padding:0;
vertical-align:middle;
}

/**************** class simple ****************/

/*********texte*********/
.center{text-align:center;}
.text_left{text-align:left;}
.text_right{text-align:right;}
a.selected{color:#66ccff; font-weight:inherit;}
a.unselected{color:#66ccff; font-weight:inherit;}
.bleuClair{color:#66ccff;}
.violetFonce{color:#993399;}
/*********float*********/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}
/*********margin*********/
.left_20 {margin-left:20px;}
.right_20 {margin-right:20px;}
.right_10 {margin-right:10px;}
.auto {margin:auto; }
/*********font*********/
.bold{font-weight:bold;}
.underline{text-decoration:underline;}
/*********background*********/
.bckg_blanc{background-color:#ffffff;}
/*********divers*********/
.petit {font-size: 0.8em;}
.tpetit {font-size: 0.7em;}
.hidden { display:none; }
.none {display:none;}
.link {cursor:pointer;}
.w100% {width:100%;}

/**************** Banner ****************/

.banner {position: absolute;}
html>body .banner {position: fixed;}

.banner{
top: 0px;
margin-left:auto;
margin-right:auto;
padding: 0;
height: 107px;
width: 930px;
}

.banner_menu{
padding: 0;
padding-left:10px;
padding-right:10px;
height: 30px;
width: 906px;
border-left:2px solid #ccccff;
border-right:2px solid #ccccff;
border-bottom:2px solid #ccccff;
}

.banner_bckg{
padding: 0;
line-height:7px;
height: 7px;
width: 930px;
background-color:#333366;
}
.banner_border{
padding: 0;
line-height:2px;
height: 2px;
width: 930px;
background-color:#ccccff;
}

.banner_menu ul{
margin: 0 ;
padding: 0 ;
width:100%;
}

.banner_menu li{
list-style-type:none;
white-space:nowrap;
}

.banner_menu li a{
display:block;
line-height:26px;
padding-left:10px;
margin-bottom:4px;
font-weight:bold;
}

.banner_menu li.left a.selected, .banner_menu li.right a.selected, .banner_menu .menu_id_link a.selected, .banner_menu li a:hover, .menu_id_link a:hover{
font-weight:bold;
}

.banner_menu div.left {
width:200px;
line-height:26px;
text-align:left;
}

.banner_menu div.right {
width:150px;
line-height:26px;
text-align:right;
}

.menu_id_input{
margin:0;
padding:0;
margin-top:5px;
}

/**************** Conteneur ****************/

.conteneur{
padding: 0;
padding-top: 10px;
padding-bottom: 10px;
width: 928px;
margin-top:109px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
border-right:2px solid #ccccff;
border-bottom:2px solid #ccccff;
}

.bckg {
background-image: url(../images/bckgConteneur.gif);
background-repeat:repeat-y; 
}
.bckgProf {
background-image: url(../images/bckgProf.gif);
background-repeat:repeat-y; 
}
.bckgEleve {
background-image: url(../images/bckgEleve.gif);
background-repeat:repeat-y; 
}

.pre_content{
width: 100%;
}

.session_message{
margin:10px 60px 10px 60px;
background-color:#f2fafe;
border:2px solid #993399;
font-weight:bold;
padding:0;
}

.content{
width:800px;
text-align:center;
margin:auto;
padding: 0;
}

.post_content{
clear:both;
width: 100%;
height:30px;
}

/**************** Footer ****************/

.footer{
margin:auto;
padding: 0;
width: 930px;
border-top:2px solid #ccccff;
}

.menu_footer{
border-left:2px solid #ccccff;
border-right:2px solid #ccccff;
}

.bckg_footer {
background-image: url(../images/bckgFooter.gif);
margin:0;
padding:0;
height: 70px;
}

.bckg_footer img {
margin-top:5px;
}

/**************** Index ****************/

.menu{
width:600px;
text-align:center;
margin:auto;
padding: 0;
}

.menu_bloc ul{
margin: 0 ;
padding: 0 ;
}

.menu_bloc li{
list-style-type:none;
white-space:nowrap;
margin-bottom:2px;
}

#bt_rose{background-image:url(../images/sprites_papierIndex.png); background-position: 0px 0px; background-repeat:no-repeat;}
#bt_rose2{background-image:url(../images/sprites_papierIndex.png); background-position: -300px 0px; background-repeat:no-repeat;}
#bt_bleu{background-image:url(../images/sprites_papierIndex.png); background-position:0px -360px; background-repeat:no-repeat;}
#bt_bleu2{background-image:url(../images/sprites_papierIndex.png); background-position: -300px -360px; background-repeat:no-repeat;}

#bt_rose:hover{background-image:url(../images/sprites_papierIndex.png); background-position: 0px -180px; background-repeat:no-repeat;}
#bt_rose2:hover{background-image:url(../images/sprites_papierIndex.png); background-position: -300px -180px; background-repeat:no-repeat;}
#bt_bleu:hover{background-image:url(../images/sprites_papierIndex.png); background-position:0px -540px; background-repeat:no-repeat;}
#bt_bleu2:hover{background-image:url(../images/sprites_papierIndex.png); background-position: -300px -540px; background-repeat:no-repeat;}

.menu_bloc li.bloc a{
width:280px;
height:180px;
display:block;
line-height:25px;
padding-left:10px;
padding-right:10px;
}

.menu_bloc li.bloc a, .menu_bloc li.bloc a:hover{ font-weight:bold; }
.menu_bloc li#bt_bleu a, .menu_bloc li#bt_bleu2 a{color:#3399cc;}
.menu_bloc li#bt_rose a, .menu_bloc li#bt_rose2 a{color:#993399;}
.menu_bloc li#bt_bleu a:hover, .menu_bloc li#bt_bleu2 a:hover {color:#FFFFFF;}
.menu_bloc li#bt_rose a:hover, .menu_bloc li#bt_rose2 a:hover {color:#FFFFFF;}

/**************** Annonce ****************/

.border{ 
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
}

.maintable td.annonce{
line-height:30px;
border-left:1px solid #aaa;
border-right:1px solid #aaa;
text-align:center;
}

tr.d{background-color:#f2fafe;}

/**************** Inscription ****************/

.maintable{
font-size:inherit;
margin-bottom:5px;
border-collapse:collapse;
width:100%;
}	

.maintable th{ color:#222; line-height:25px; background-color:#ba7dc3; border:1px solid #000000; }
.maintable th.matiere{ background-color:#e0f4fd; border:none; }

.maintable td.avert{ line-height:15px; font-size:0.8em; padding-left:5px; }
.maintable td.td_nom{ text-align:right; width:240px; font-weight:bold; }
.maintable td.td_nom2{ text-align:right; width:200px; font-weight:bold; }
.maintable td.td_nom3{ width:20%; }
.maintable td.td_nom4{ width:30%; }
.maintable td.td_input{ text-align:left; padding-left:5px; }
.maintable td.td_aide{ text-align:left; padding-left:5px; }
.maintable td.nom_matiere{ text-align:right; width:140px; font-weight:bold; }
.maintable td.td_matiere{ text-align:left; padding-left:5px; }

.input { padding-left:5px; }
.select_matiere{ text-align:center; }

.maintable td a{ color:inherit; text-decoration:none; }
.maintable td a.bleuClair{ color:#66ccff; }
.maintable td a:hover{ text-decoration:underline; }
.maintable td a.bleuClair:hover{ color:#993399; }
.maintable td a.bold:hover{ text-decoration:underline; font-weight:bold; }

.maintable td.text_left{ text-align:left; }
.maintable td.text_left a{ margin-left:5px; }

tr:hover, tr.hovered { background-color:#e0f4fd; }

.maintable small{visibility:hidden;font-size:80%;}
.maintable tr:hover small,.maintable tr.hovered small{visibility:visible;}

.lexique { font-size:0.8em; }

.maintable tr.1 a{ color:#993399; }
.maintable tr.0 a{ color:#66ccff; }

.update{
display:none;
position:absolute;
width:250px;
background-color:#f2fafe;
border:1px solid #888;
margin:0px;
padding:0px;
}

.update ul {
list-style-type: none;
margin:0px;
padding:0px;
text-align: left;
}
.update ul li.selected { background-color: #e0f4fd; cursor: pointer; }
.update li {
list-style-type: none;
display:block;
margin:0;
padding:2px;
}

/**************** Gestion ****************/

.maintable td.gestion{color:#66ccff;}
.maintable td.gestion:hover, .maintable tr.a td.gestion{color:#993399;}

/**************** Fiche ****************/

.fiche {padding-top:20px; color:#333333; width:450px; margin:auto; }

.ficheFont1 { font-size:1.2em; font-family: "Lucida HandWriting", Georgia, Times; font-weight:bolder; line-height:30px; }
.ficheFont2 { font-size:1.7em; font-family: "Lucida Caligraphy", Georgia, Times; }
.ficheFont3 { font-size:1.7em; font-family: "Monotype Corsiva", Georgia, Times; }
.ficheFont4 { font-size:1.7em; font-family: "Bell MT", Georgia, Times; }

.fiche_bleu1{background-image:url(../images/papier_bleu.png); background-repeat:no-repeat; background-position:center; height: 400px;}
.fiche_bleu2{background-image:url(../images/papier_bleu2.png); background-repeat:no-repeat; background-position:center; height: 400px;}
.fiche_bleu3{background-image:url(../images/papier_bleu3.png); background-repeat:no-repeat; background-position:center; height: 400px;}
.fiche_rose1{background-image:url(../images/papier_rose.png); background-repeat:no-repeat; background-position:center; height: 400px;}
.fiche_rose2{background-image:url(../images/papier_rose2.png); background-repeat:no-repeat; background-position:center; height: 400px;}
.fiche_rose3{background-image:url(../images/papier_rose3.png); background-repeat:no-repeat; background-position:center; height: 400px;}

/**************** CGU ****************/

.texte{
text-align:left;
margin:auto;
padding: 0;
}

/**************** EXERCICE ****************/

.maintable2 {
font-size:inherit;
margin-bottom:5px;
border-collapse:collapse;
width:100%;
border:1px solid #000000;
}

.maintable2 th {color:#222; line-height:25px; background-color:#ba7dc3; border:1px solid #000;}
.maintable2 th.thInfo {width:160px;}
.maintable2 td { line-height:25px; border-left:1px solid #aaa; border-right:1px solid #aaa; }
.maintable2 .tableLogin {width:160px;}
.maintable2 .tableDate, .maintable2 .tableJoueurs {width:90px;}

tr.imgheader {
line-height:15px; height:15px;
}

.imgheadertable {
vertical-align:top;
margin-top:5px;
}