/**********

    BODY
	
**********/

body {
	background: #e8e8e8 url(images/fond.jpg) 0 0 repeat;
	padding: 0;
	margin: 0;
	font: normal 80% black Arial, "Trebuchet MS",Verdana,"Century Gothic",serif ;
}

/**********

    CONTENEUR
	
**********/

#conteneur {
	background: url(images/site.jpg) 0 0 repeat-y;
	margin:auto;
	width: 800px;	
}

.h1-1 {  
	padding:0 0 5px 0;
	margin:22px 0 0 0;  
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif; 
	background:url(images/ligne_orange.jpg) no-repeat bottom;
}
.h1-1 strong { 
  color:#f18e00; 
}
/*  Tableau  */
.tb {
	border-collapse:collapse;
	margin:10px auto; 
	width: 100%;
}
.tb th {
  border:1px solid #CCCCCC;
  background-color:#DFDFDF;
  padding:3px;
  color:#000000;
}
.tb td {
  border:1px solid #CCCCCC;
  padding:3px;
}

.img-l {
  float:left;
  margin:5px 5px 5px 0; 
}
/**********

    BARRE VERTE
	
**********/

.barre_verte {
	background: url(images/espace.jpg) 0 0 no-repeat;
	width: 780px;
	height: 24px;
	margin:auto;
}

/**********

    HEADER
	
**********/

#header {
	background: url(images/01mg_blanc.jpg) 0 0 no-repeat;
	margin-left: 10px;
	width: 780px;
	height: 202px;
	padding-left: 200px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif; 	
}

#header strong { 
  color:#f18e00; 
}
.centrerbann {
text-align:center;
padding-top: 10px;
margin-bottom: -5px;
}

/**********

    FOOTER
	
**********/

#footer {
	clear: both;
	background: url(images/footer.jpg) 0 0 no-repeat;
	width: 800px;
	height: 35px;
	margin: auto;
}

#footer p{
	margin: 0 20px 0 0;
	padding: 0;
	text-align: right;
}

/**********

    MENU GAUCHE
	
**********/

#gauche {
	float:left;
	width: 150px;
	margin: 0 0 20px 32px;
	display: inline; 
}

#gauche ul{
	list-style: none;
	background-color: #f7f7f7;
	margin:0;
	padding: 0 0 0 10px;
	border: 1px solid #c0c0c0;	
}

#gauche h3{
	background: url(images/menu.jpg) 0 0 repeat;
	font-variant: small-caps;
	margin:22px 0 0 0;
	padding-left: 6px;
	text-indent: 5px;
	font: normal 100% black "Trebuchet MS",Verdana,"Century Gothic",Arial,serif ;
}

/**********

    LIENS
	
**********/

a { color: #f18e00; text-decoration:none;}

a.rouge { color: #FF0000; text-decoration:none;}

a.noir { color: #000000; text-decoration:none;}

#footer a { color: #fff; text-decoration:none;}

a:hover { text-decoration:underline;}

/**********

    NAVIGATION
	
**********/

.navigation {
	margin: 0 22px 22px 202px;
	width: 564px;
}

.navigation p{
	background: #f7f7f7;
	padding: 10px 4px;
	margin: 0;
	border: 1px solid #c0c0c0;
}

.navigation h3{
	background-image: url('images/menu.jpg');
	background-repeat: repeat;
	margin: 22px 0 0 0;
	text-indent: 5px;
	font-variant: small-caps;
	font: normal 100% black "Trebuchet MS",Verdana,"Century Gothic",Arial,serif ;
}

div.space_rubrique{
	height: 25px;
}

select {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size:12px;
	font-family:"Courier New", Courier, mono;
}

input{
	font-size:12px;
	font-family:"Courier New", Courier, mono;
	border: 1px solid #f18e00;
	background-color: #EFEFEF;
	margin-top: 5px;
	margin-bottom: 5px;
	color:#444;
	padding-left: 5px;
	padding-right: 5px;
	width: 300px;
}

.description {
	font-size: 11px;
	color: #999;
}
/**********

    DIVERS
	
**********/

.center { text-align: center; }

img { border:none; }

form {background: #f7f7f7; }

.powered { text-align: center; }

/**********

    CALENDRIER
	
**********/

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
}