/* CSS Document style des iframes */

/**** Généralités ****/

Body {
background-image : url("img/fondb.jpg");
background-attachment : fixed;
background-repeat : no-repeat;
background-position:center center;
background-color : #000000;
margin: 0;
padding: 0;

scrollbar-face-color: #555555;
scrollbar-shadow-color: #222222;
scrollbar-highlight-color: #777777;
scrollbar-3dlight-color: #888888;
scrollbar-darkshadow-color: #111111;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #EEEEEE;
}

td, tr {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #CCCCCC;
}

table.bordure td {
border: solid 1px #555555;
}

/**** Listes ****/
ul {
list-style-type : circle;
line-height: 1.5em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #BBBBBB;
margin-top:3px;
/*margin-left:0px;*/
}

ul.tracklist {
list-style-type : decimal;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #AAAAAA;
margin-top:8px;
line-height: 1.2em;
}

ul.liste {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #AAAAAA;
margin-top:8px;
line-height: 1.2em;
}


/**** DIV ****/

div.cadre0 {
position:absolute;
left: 50%; 
top: 50%;
width: 900px;
height: 570px;
margin-top: -280px; /* moitié de la hauteur */
margin-left: -450px; /* moitié de la largeur */ 
padding: 4px;
padding-top: 6px !important;
background-color : #000000;
text-align:center;
}

div.menu {
height : 102px;
margin-top: 2px;
}

div.infobarleft {
height : 15px;
padding-top: 2px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #777777;
padding-left: 10px;
text-align:left;
float:left;
}

div.infobarright {
height : 15px;
padding-top: 2px;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #777777;
padding-right: 10px;
text-align:right;
}

div.corp {
/*background-image : url("img/pierre.jpg");
/*background-attachment : fixed;
background-repeat : repeat;
background-position:center center;*/
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 13px;
color: #DDDDDD;
/*overflow: auto;*/
text-align: left;
vertical-align: top;
height:412px;
background-color:#000000;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
/*border-style:inset;
border-color:#555555;
border-width:0px;*/
}

div.foot {
height: 25px;
background-image : url("img/foot.jpg");
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color: #888888;
text-align: center;
vertical-align:middle;
margin-bottom: 3px;
clear:both;
}

div.leftcol {
text-align:left;
line-height: 1.5em;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
color: #CCCCCC;
padding-top: 0px;
width: 200px;
height:400px;
float:left;
}

div.rightcol {
text-align:left;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #CCCCCC;
width: 620px;
padding-right:25px;
float:right;
overflow-y: auto;
overflow-x:hidden;
height:400px;
}

div.annot1 {
background-color:#000000;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
color: #AAAAAA;
text-align:right;
padding-bottom:25px;
}

div.linkleft {
background-image : url("img/linkleft.jpg");
background-repeat: no-repeat;
width:200px;
height:25px;
text-align: center;
padding-top:10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
}

div.intranet {
text-align:center;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #AAAAAA;
margin-top:100px;
}

div.newsfoot {
width: 600px;
text-align:right;
color: #EEEEEE;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
margin-top:15px;
margin-bottom:25px;
}


/**** Titres ****/

h1 {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11pt;
color: #D2B955;
font-weight:bold;
padding-top: 5px;
padding-bottom: 0px;
}

h2 {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #DDDDDD;
font-weight:bold;
padding-bottom: 5px;
}

span.connect {
font-weight:bold;
color: #773333;
padding-right: 5px;
}

span.formtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 11pt;
font-weight:bold;
color: #CCCCCC;
}

span.myspace {
padding-left: 20px;
}

span.jaunebold {
font-weight:bold;
color: #D2B955;
}

span.cdtitle {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #DDDDDD;
font-weight:bold;
padding-bottom: 3px;
}

span.error {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
color: #CC2200;
margin-left:10px;
}

p.nopadd {
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
padding-top:0px;
padding-bottom:3px;
text-align:center;
}

/**** Liens ****/

/* Infobar */
a.infob { color: #777777; text-decoration: none}
a.infob:hover {  color: #CCCCCC; text-decoration: none}
/* Corp */
a.acorpb { color: #446688; text-decoration: none}
a.acorpb:hover { color: #7799BB; text-decoration: none}
a.acorpj { color: #B09733; text-decoration: none}
a.acorpj:hover { color: #D2B955; text-decoration: none}
a.acorpg { color: #BBBBBB; text-decoration: none}
a.acorpg:hover { color: #EEEEEE; text-decoration: underline}
/* Left */
a.left { color: #D2B955; font-weight:bold; text-decoration: none }
a.left:hover { color: #F4DB77; font-weight:bold; text-decoration: none }
/* Foot */
a.afoot { font-weight:bold; color: #777777; text-decoration: none}
a.afoot:hover {  font-weight:bold; color: #CCCCCC; text-decoration: none}


/**** Eléments formulaires *****/ 

/* Input */
input {
text-decoration:none;
font-size:10pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color:#DDDDDD;
border-style:solid;
border-color:#333333;
border-width:1px;
}
/* Bouton */
button.speclinkb {
width:30px;
border-style:solid;
border-color:#333333;
border-width:1px;
background-color:#111111;
color:#CCCCCC;
font-size:8pt;
font-weight:bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
button.form {
border-style:solid;
border-color:#555555;
border-width:1px;
background-color:#333333;
color:#EEEEEE;
font-size:8pt;
font-weight:bold;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
button.logout {
color: #775555;
padding-right: 20px;
border-width:0px;
background-color:#000000;
}
/* Select */
select.speclinks {
width:165px;
text-decoration:none;
font-size:9pt;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
background-color:#111111;
border-style:solid;
border-color:#333333;
border-width:1px;
}
/* Textarea */
textarea.airetexte {
font-size:9pt;
color:#000000;
background-color:#DDDDDD;
border-style:solid;
border-color:#333333;
border-width:1px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:4px;
margin-bottom:2px;
}