body {
	text-align:center;
	background : #C8DEE9 url("/images/tetiere/background.gif");
}
img {
	border: 0;
}
#globalbox {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	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;
	margin-bottom: -0.5em;
}
h3 {
	font: bold 14px arial, helvetica, sans-serif;
	margin-bottom: 0.15em;
}

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:  #369 url("/images/tetiere/footerb_c.gif") repeat-x;
	font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	color: #DDDDDD;
	text-align: center;
}
#footer_l {
	position: absolute;
	width: 15px;
	height: 35px;
	background: url("/images/tetiere/footerb_l.gif") no-repeat;
	top: 0;
	left: 0;
}

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

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

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

#header_r { 
	position: absolute;
	width: 6px;
	height: 106px;
	background: url("/images/tetiere/header_r.gif") no-repeat;
	top: 0;
	right: 0;
}
#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 {
 text-align:left;
 padding-right:30px;
 padding-left: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; 
}
.success {
	background-color:#CCFFCC; 
	border:1px; 
	border-color:#339900; 
	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; }
