/*------------------------
EcurieTGS.com V4 - 2005(6)

Rouge : #FF0000;
Orange : #FF6600;
Gris : #DBDBDB;
--*/

/****************************
		Blocs principaux
***************************/


body {
	font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	background: url('graphisme/bg_clair.gif') fixed;}

#Container {
	top: 0; left: 0;
	background: url('graphisme/bg_Gauche.png') repeat-y fixed;
}

#Header {
	height: 110px;
	width: 100%;
	background : #000 url('graphisme/bg_header.jpg') no-repeat center;
}
#Gauche {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 210px;

}
#Droite {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	background: url('graphisme/bg_Parts.png') right repeat-y;
}
#Contenu {
	margin: 0px 185px 0px 200px;
	width: auto;
}

#Footer { text-align: center; clear: both;}
h1, h2, h3, h4, ul, li, dl, dt {
	padding: 0;
	margin: 0;
}
p {margin: 0;}

/*--------------------------------
	Header
	------------------------------*/
#Header h1 { margin-left:15px; width:215px; height: 125px; background: url('/graphisme/logo_TGS.png') no-repeat;}
#Header h1 span {display: none;}
#Header p {font-size: 0.7em;}

#MemberOnline { /* "bienvenue login" */
	position: absolute; top: 5px; right: 10px; font-size: 0.7em; font-style: italic; z-index:200;}
/*-------------------------------
	Gauche (menu)
	------------------------------*/
#Gauche ul, #Gauche li {
	list-style-type: none;
	margin: 0;
	padding: 0}
#Gauche ul li {
	margin-left: 30px;
	width: 150px;}
#Gauche ul li h3 {
	width: 180px;
	margin-top: 10px;
	text-align: left;
	font-size: 1.0em;
	border-bottom: 1px solid #FF6600;

}
#Gauche ul li ul li a {	display: block; width: 155px; color: white; text-decoration:none;}
#Gauche ul li ul li a:hover { color: #00CF00; border-right: 3px solid #FF0000; }
#Gauche ul li ul li a:active { color: #00CF00;}
/*------------------------------
	Contenu
	----------------------------*/
#Contenu .cadre {
	background: url('graphisme/bg_fonce.gif');
	margin: 10px 20px;
}
#Contenu .cadre h3 {font-size: 1.0em;color: #FF0000; background: #000000 url('graphisme/bg_damier.png') no-repeat right; line-height: 25px; border-bottom:1px solid #423C42;}
#Contenu .cadre h3 a {color: #FF0000; text-decoration:none;}
#Contenu p.NavBarre { /* liens vers suite d'un article et commentaires */
	font-size: 0.8em;
	text-align:right;
}
#Contenu p.NavBarre a {text-decoration:none; color:#DBDBDB; }
#Contenu p { margin: 10px;}
#Contenu img.gauche {float: left; margin: 10px;}
div.spacer {clear: both;}

#Contenu a {text-decoration:none; color: red;}
#Intro {position: relative; margin: 0px 200px 10px 250px; height: 130px;background: url('/graphisme/bg_fonce.gif');  text-align: left;}
#Intro h2 {font-size: 1.2em;height: 130px; vertical-align:bottom; margin: 0; padding:0;}
#Intro p {font-size: 0.8em;position: absolute; top: 30px; left: 20px; width: 55%;}
h2#Accueil {vertical-align:text-top; background: url('/graphisme/Intro_accueil.png') no-repeat right;}
/*-----------------------------
	Parts (logo partenaires)
	---------------------------*/
#Parts  { text-align: center; }
#Parts a img { border: none;}

/*----------------------------
	Calendar
	--------------------------*/
#Calendar {
	width: 180px;
	text-align: center;
	border-left: 0;
	margin-left: 30px;
	margin-bottom: 1em;

}
#Calendar h3 {
	width: 180px;
	margin-left: 0px;
	margin-top: 10px;
	text-align: left;
	font-size: 1.0em;
	border-bottom: 1px solid #FF6600;
}
#Calendar table {
border-collapse: collapse;
	margin: 10px 10px;
	border: 1px solid #423C42;
	background:#212021;}
#Calendar table caption {}
#Calendar thead th {
	text-align: center;
	font-size: .8em;
	background: #212021;
	}
#Calendar tbody td {
	text-align: center;
	font-size: .8em;
		border: 1px solid #423C42;
		background: black;

}
#Calendar tbody td.full {

}
#Calendar tbody td.full:hover {

}
#Calendar thead th {
	padding: 0;
	margin: 0;
}


/*----------------------------
	Liens
	-------------------------*/
#Calendar a {color: #FF0000; background: #212021;text-decoration:none;}
#Footer a img {border: 0px;}
/*----------------------------
	Styles divers
	--------------------------*/
.imggauche {float: left; margin: 10px;}
.imgdroite {float: right; margin: 10px;}

.icone {border: 0px; vertical-align:middle; margin-right	:3px;}

/*---------------------------
	Formulaires 
	--------------------------*/
#Contenu label {float: left; width: 150px; text-align: left}