body {
 background-color:#C8DEE9;
 background-image:  url("/images/tetiere/background.gif");
}

#globalbox {
	width: 930px;
	margin: 0 auto;
	color: #000;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #dfe0c5; /* Bug firefox 1.0.7 */
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-position: 530px;
}

hr { 
	border: 1px solid #CCCCCC;
	border-style: solid none none none;
	height: 0;
	padding: 5px 0;
	margin: 5px 0 10px 0;
	clear: both;
}

/* --- TEXTES --- */
h1 {
 font-family: arial, helvetica, sans-serif;
 margin-top:5px;
 margin-bottom:5px;
 color: #000000;
 font-size: 22px;
 font-weight: bold;
}
h2 {
 font: bold 14px arial, helvetica, sans-serif;
}
h3 {
 font: bold 14px arial, helvetica, sans-serif;
}

p, td, li {
 font: 12px arial, helvetica, sans-serif;
}
.petit {
 font: 11px arial, helvetica, sans-serif;
}
A:link {
 color:#993300;
 text-decoration:none; 
}
A:visited {
 color:#993300;
 text-decoration:none; 
} 
A:hover {
 color:#993300;
 text-decoration:underline;
}
.dispo { color:green; }
.reserved { color:red; }
.light { color:grey; }
.asterix { color:red; }

/* ************************* */
/* BLOCS INFOS SUR LA DROITE */
/* ************************* */
div#right table {
 width:100%;
 margin-left:20px;
}
div#right th {
 color:#FFFFFF;
 background-color:#336699;
 background-image:  url("/images/tetiere/th_right.gif");
 padding:3px;
}
div#right td {
 padding:3px;
}

/* ************************* */
/*         PIED              */
/* ************************* */
#footer {
	margin: auto;
	position: relative;
	height: 35px;
	width: 930px;
	background-image:  url("/images/tetiere/footerb_c.gif");
	background-repeat: repeat-x;
	background-color: #336699;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	color: #DDDDDD;
	text-align: center;
}

#footer_l {
	position: absolute;
	width: 15px;
	height: 35px;
	background-image: url("/images/tetiere/footerb_l.gif");
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

#footer_r { 
	width: 15px;
	height: 35px;
	background-repeat: no-repeat;
	background-image: url("/images/tetiere/footerb_r.gif");
	top: 0;
	right: 0;
	position: absolute;
}

/* ************************* */
/*         TETIERE           */
/* ************************* */
#header {
	position: relative;
	height: 106px;
	width: 930px;
	background-image:  url("/images/tetiere/header_c.gif");
	background-repeat: repeat-x;
	background-color: #336699;
}

#header_l {
	position: absolute;
	width: 15px;
	height: 106px;
	background-image: url("/images/tetiere/header_l.gif");
	background-repeat: no-repeat;
	top: 0;
	left: 0;
}

#header_r { 
	width: 6px;
	height: 106px;
	background-repeat: no-repeat;
	background-image: url("/images/tetiere/header_r.gif");
	top: 0;
	right: 0;
	position: absolute;
}
#logo {
	position: absolute;
	left: 25px;
	top: 25px;
}
#banner {
	position: absolute;
	left: 194px;
	top: 10px;
}

/*******************/
/*      MENU       */
/*******************/
#menu {
 margin-left: 2px;
 width: 926px;
 height: 38px;
 background: #39C url("/images/tetiere/onglets_bg.gif");
}
#menu ul {
 margin: 0;
 text-align: center;
 list-style: none;
}
#menu li {
 display: block;
 float: left;
 width: 120px;
 padding: 8px 0;
 background: url("/images/tetiere/onglet.gif") no-repeat;
}
#menu li a {
 font: 11px "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; 
 color: #FFF; 
 text-decoration: none;
}
#menu li a:hover {
 text-decoration: underline;
}
#menu li.sel {
 padding: 7px 0;
 background: url("/images/tetiere/onglet_selected.gif") no-repeat;
}
#menu li.sel a {
 font-weight: bold;
 color: #666; 
}
/*******************/
/*    SOUS-MENU    */
/*******************/
#submenu {
 height: 23px;
 margin-right:2px;
}
#vague {
 float:right;
 width: 60px;
 height: 23px;
 background: url("/images/tetiere/vague.gif") no-repeat;
}
#submenu_links {
 float:right;
 height: 23px;
 background: #E7E7E7;
 font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;	/* uniquement pour la faq */
 font-size: 11px;						/* uniquement pour la faq */

}
#logout {
 float:right;
 height: 23px;
 background: #E7E7E7;
 padding-right:50px;
}
.grey:link, .grey:visited, .grey:hover {color:#666666;} 


/* ************************* */
/*         CONTENU           */
/* ************************* */
#content {
 padding-left:30px;
 padding-right:30px;
 padding-top:10px;
 padding-bottom:30px;
}

.info {
	background-color:#EEEEEE; 
	border:1px; 
	border-color:#999999; 
	border-style:solid; 
	padding:10px; 
	font-family:arial,helvetica,sans-serif; 
	font-size: 8pt; 
}
.warning {
	background-color:#FFEEAA; 
	border:1px; 
	border-color:#999933; 
	border-style:solid; 
	padding:10px; 
	font-family:arial,helvetica,sans-serif; 
	font-size: 10pt; 
}
.erreur { 
	background-color:#FFCCCC;
	padding:3px;
	line-height:20px;
	color:#FF0000;
	margin-bottom:10px;
}

/* ************************* */
/*       TABLEAUX            */
/* ************************* */

table#classic {
	width: 100%;
	margin-top:10px;
}

table#classic th {
	text-align: left;
	background-color:#DDDDDD; 
	background-image: url("/images/tetiere/th_classic.gif");
	color:#333333;
	padding:2px;
	padding-left:10px;
	font-family:arial,helvetica,sans-serif; 
	font-size: 10pt; 
}
table#classic td {
	background-color:#EEEEEE; 
	padding:2px;
}
table#classic td.white {
	background-color:#FFFFFF; 
}

table#panier {
	width: 100%;
	margin-top:10px;
}

table#panier th {
	text-align: left;
	background-color:#B6C7D9; 
	background-image: url("/images/tetiere/th_panier.gif");
	color:#FFFFFF;
	padding:2px;
	padding-left:10px;
	font-family:arial,helvetica,sans-serif; 
	font-size: 10pt; 
}
table#panier td {
	background-color:#CCE0F4; 
	padding:2px;
}

/* lignes de couleur différentes du gestionnaire de fichier */
.line_1 { background-color:#EEEEEE; }
.line_2 { background-color:#FFFFFF; }



/* Offres */
.t_head { background-color:#6699CC; color:#FFFFFF; font-weight:bold; font-size:12pt; font-style:italic; }
.t_subhead { background-color:#6699CC; color:#FFFFFF; font-weight:bold; font-size:8pt; }
.t_rub { background-color:#DDDDDD; font-weight:bold; font-size:8pt; }
.t_1 { background-color:#FFFFFF; font-weight:normal; font-size:8pt; }
.t_2 { background-color:#EEEEEE; font-weight:normal; font-size:8pt; }
.light { font-size:8pt; color:#999999; }


/* -------------- STREAMING ------------------ */
#languages {
 position: absolute;
 top: 10px;
 right: 10px;
}

/* --- TABLE PRODUCTS --- */


/* --- TABLE BASKET --- */


/* --- TABLE FILES --- */
div#filelist table {
 background-color:#FFFFFF;
 border:3px;
 border-color:#000000;
 border-style:solid;
 width:100%;
}
div#filelist td {
 border:1px;
 border-color:#000000;
 border-style:solid;
}

/* --- LOGIN BOX --- */
#login_box {
 background-color:#EEEEEE;
 border:1px;
 border-color:#CCCCCC;
 border-style:solid;
 width:450px;
 padding:5px;
}

.outofbox {
 position:relative;
 left:-14px;
 top:-71px;
 font-familly:arial,helvetica;
 font-size:28px;
 color:#333366;
}

#offres {
 position:relative;
 height:680px;
}

#webradio {
 position:absolute;
 top:40px;
 width: 205px;
 height: 480px;
 padding-top:40px;
 padding-left:10px;
 padding-right:10px;
 background:url('/images/img_webradio.gif');
 background-repeat:no-repeat;
 background-color:#9999CC;
 border: 3px double #333366;
 color:#FFFFFF;
}

#event {
 position:absolute;
 left:240px;
 top:40px;
 width: 205px;
 height: 480px;
 padding-top:40px;
 padding-left:10px;
 padding-right:10px;
 background:url('/images/img_events.gif');
 background-repeat:no-repeat;
 background-color:#9999CC;
 border: 3px double #333366;
 color:#FFFFFF;
}

#ondemand {
 position:absolute;
 left: 480px;
 top:40px;
 width: 205px;
 height: 480px;
 padding-top:40px;
 padding-left:10px;
 padding-right:10px;
 background:url('/images/img_ondemand.gif');
 background-repeat:no-repeat;
 background-color:#9999CC;
 border: 3px double #333366;
 color:#FFFFFF;
}

#offres1 {
 position:relative;
 height:400px;
}

#webradioMP3 {
 position:absolute;
 top:40px;
 width: 310px;
 height: 300px;
 padding-top:40px;
 padding-left:10px;
 padding-right:10px;
 background:url('/images/img_webradioMP3.gif');
 background-repeat:no-repeat;
 background-color:#9999CC;
 border: 3px double #333366;
 color:#FFFFFF;
}

#webradioOGG {
 position:absolute;
 left:355px;
 top:40px;
 width: 310px;
 height: 300px;
 padding-top:40px;
 padding-left:10px;
 padding-right:10px;
 background:url('/images/img_webradioOGG.gif');
 background-repeat:no-repeat;
 background-color:#9999CC;
 border: 3px double #333366;
 color:#FFFFFF;
}

#technologies {
 width : 470px;
}

#opensource_box  {
 position:absolute;
 top:40px;
 right: 10px;
 width: 200px;
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px;
 border-style: solid;
 border-color: #00FF00;
}

#contact_box  {
 position: absolute;
 top : 200px;
 right: 10px;
 width: 200px;
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px;
 border-style: solid;
 border-color: #00FF00;
}

#sample_box  {
 position: absolute;
 top : 50px;
 right: 10px;
 width: 200px;
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px;
 border-style: solid;
 border-color: #00FF00;
}

#box1 {
 float: right;
 right:10px;
 width: 200px;
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px;
 border-style: solid;
 border-color: #00FF00;
}

#box2 {
 clear:right;
 float: right;
 margin-top:10px;
 right: 10px;
 width: 200px;
 padding: 10px;
 background-color: #FFFFFF;
 border: 1px;
 border-style: solid;
 border-color: #00FF00;
}