/* --------------------------
	Eléments génériques
-----------------------------*/

	body {
		margin: 0px;
		overflow: auto;
		background-color: #FFF;
		background-image: url('img/main/background.gif');
		background-repeat: repeat-x;
	}
	img {
		border: 0px;
	}
	ul {
		list-style-image:url('img/main/puce.gif');
	}
	hr {
		height: 1px;
		border: 0;
		border-top: 1px dashed #DFDFDF;
		margin: 15px 0px 15px 0px;
	}
	
	a:link {
		text-decoration: none;
		color: #555;
	}
	a:active {
		text-decoration: none;
		color: #999;
	}
	a:visited {
		text-decoration: none;
		color: #777;
	}
	a:hover {
		color: #F48E08;
	}
	.casse {
		visibility: hidden;
		clear:both;
	}

/* -------------------------
	Blocs de contenus
---------------------------*/

	#container {
		width: 704px;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		font: 12px verdana, arial, helvetica, sans-serif;
		padding-bottom: 50px;
	}
	
	#menus { /* Barre de menu complète*/
	}
	
			/* Eléments du menu */
			
			#barre_titre {
				height: 90px;
				background-color: #EDF2F1; /*Vert-gris clair*/
				background-image: url(img/main/title.jpg);
				margin-bottom: 2px;
				overflow: visible;
			}
			#link_home {
				width: 250px;
				height: 90px;
				display: block;
			}

					/* Eléments de la barre_titre */
					
					#tools {
						float: right;
						text-align: right;
						padding-right: 20px;
						position: relative;
						margin-top: auto;
						bottom: -30px;
						line-height: 1em;
					}
					
			#barre_menu {
				height: 26px;
				background-color: #DAE5E2; /*Vert-gris*/
				margin-bottom: 2px;
				position: relative;
				z-index: 10000;
			}
			#barre_inter{
				height: 2px;
				overflow: hidden;
				background-color: #FEDDA8; /*Orange*/
				margin-bottom: 2px;
			}
			#barre_smenu {
				padding: 6px 0px 6px 0px;
				text-align: right;
				font-size: 80%;
				margin-bottom: 15px;
			}
			#barre_smenu li {
				display: inline;
				font-size: 13px;
				padding-left: 2em;
			}
	
	#navig {
		text-align: left;
		padding-bottom: 6px;
		font-size: 80%;
	}
	
	#content { /* Toute la partie contenant les données*/
		width: 500px;
		background-image: url('img/main/back.png');
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-color: white;
		position: relative;
		float: left;
	}
	html>body #content {z-index: 3;} /* Pb affichage sous Firefox */
	
	#news { /* Toute la partie contenant les news, même modèle que les données */
		width: 200px;
		background-color: white;
		position: relative;
		float: right;
	}
	html>body #news {z-index: 3;} /* Pb affichage sous Firefox */
	
			/* Eléments du content */
			
			.cont_head {
				background-image: url('img/content/h.gif');
				background-repeat: repeat-x;
				height: 30px;
				overflow: visible;
			}
			.cont_left {
				background-image: url('img/content/g.gif');
				background-repeat: repeat-y;
				height: 160px;
				width: auto; /* content- padding */
				padding: 5px 30px 10px 30px;
			}
			html>body .cont_left { /* http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer */
				height: auto;
				min-height: 160px;
			}
			.cont_right { /* imbriqué dans le left pour les bords modulables */
				background-image: url('img/content/d.gif');
				background-repeat: repeat-y;
				background-position: right;
			} 
			.cont_foot {
				background-image: url('img/content/b.gif');
				background-repeat: repeat-x;
				background-position: bottom;
				height: 22px;
			}
	#news a:link {text-decoration: underline;}
	#news a:visited {text-decoration: underline;}
	
	#footer {
		text-align: right;
		position: relative;
		right: 20px;
		top: 5px;
		font-size: 80%;
	}
			

/* -------------------------
		Textes
---------------------------*/
	
	.titre {
		font-size: 120%;
		font-weight: bold;
		font-variant: small-caps;
		padding-bottom: 20px;
	}
	
	.s-titre {
		color: #F48E08;
		font-weight: bold;
	}
	
	.right {
		text-align: right;
		padding-right: 20px;
	}
	
	.note {
		font-size: 80%;
		color: #AAA;
		font-weight: normal;	
	}

	
/* -------------------------
		News
---------------------------*/
	
	.news {
		font-size: 10px;
	}
	.news .titre {
		color: #F48E08;
		font-weight: bold;
	}
	.news .date {
		color: #F48E08;
	}
	

/* -------------------------
		Formulaires
---------------------------*/
	
	#tools input {
		color: #BBB;
		border: solid 1px #BBB;
		font-size: 80%;
		font-weight: normal;
		padding-left: 1em;
	}
	
	input.ips {
		background-color: #FDFDFD;
		color: #FB6400; 
		border: solid 1px #DDD;
		font-size: 95%;
		font-weight: bold;
		width: 200px;
		padding: 2px 5px 2px 5px;
	}

	input.file_ips {
		color: #FB6400;
		background-color: #FDFDFD;
		border: solid 1px #DDD;
	}
	
	textarea.ips {
		background-color: #FDFDFD;
		color: #FB6400; 
		border: solid 1px #DDD;
		font-size: 95%;
		font-weight: bold;
		text-align: left; 
		padding: 2px 5px 2px 5px;
		overflow: auto;
		height: 5em;
		width: 200px;
	}

	textarea.html {
		background-color: #FDFDFD;
		color: #666; 
		border: solid 1px #DDD;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 95%;
		text-align: left; 
		width: 200px;
		padding: 5px 5px 5px 5px;
		overflow: auto;
	}
	
	select.ips {
		background-color: #FDFDFD;
		color: #FB6400; 
		font-size: 95%;
		width: 212px;
		padding-left: 5px;
	}
	
	.need {
		color: #FB6400;
		font-weight: bold;
	}
	
/* -------------------------
	Formulaire satisfaction
---------------------------*/
	
	.satis {
		width: 100%;
		border-collapse: collapse;
	}
	
	.satis td {
		width: 60px;
		text-align: left;
		vertical-align: top;
	}
	.satis .sur {
		background-color: #EDF2F1;
	}
	
	.satis .item {
		font-weight: bold;
		text-align: right;
		padding-right: 15px;
	}
	.satis .chx {
		padding-bottom: 10px;
	}
	.satis .note {
		font-weight: normal;
	}

	
/*------------------
      Erreurs
------------------*/

	.err_bord	{
		border-style: solid;
		border-width: 1px;
		border-color: #444;
		background-color: #DDD;
		width: 400px;
		margin: auto;
	}
	.err_entete	{
		background-color: #777;
		color: #FFF;
		text-align: center;
		font-weight: 700;
	}
	
	.err_htaccess {
		font-size: 15px;
		font-weight: bold;
		color: #777;
	}

/*------------------
      Tableaux
------------------*/

	.tab {
		margin: 30px auto 10px auto;
		border: solid 2px #FEDDA8;
		background-color: white;
	}
	
	.tab .titre {
		background-color: #DAE5E2;
		text-align: left;
		margin: 2px;
		padding: 10px 10px 10px 30px;
	}

	.tab .texte {
		background-color: #EDF2F1;
		padding: 20px 15px 15px 15px;
		text-align: left;
		margin: 2px;
		text-indent: 0px;
		z-index: -20;
	}
	
	.tab .nom {
		font-weight: bold;
	}

	.tab .ico {
		float: right;
		z-index: -30;
		margin: 0px 5px 0px 5px;
	}
	
	.cadreblanc {
		border: 1px solid #CCC;
		padding: 5px;
		background-color: white;
	}
	
	
/*-------------------------
    Gestion de fichiers
--------------------------*/
	
	.table_file {
		border-collapse: collapse;
		margin-top: 10px;
		background-color: #FFF;
		background-image: url('img/files/back.gif');
		background-position: right bottom;
		background-repeat: no-repeat;
		width: 620px;
		border: 1px solid #555;
		padding: 10px;
	}
	
	.table_file ul{
	    list-style-image: none;
	    list-style-type: none;
   	}
	
	.file_item {
		width: 100%;
		clear: both;
		height: 34px;
		overflow: hidden;
		margin: 0px;
	}
		.file_folder{
			border-left: 1px dashed #ccc;
			padding-bottom: 10px;
		}
		.file_folder .nom_folder {
			position: relative;
			top: -1em;
			font-weight: bold;
		}
		.file_comment{
			text-align: center;
			font-size: 80%;
			color: #888;
		
		}
		.file_name{
			border-left: 1px dashed #ccc;
			display: block;
			white-space: nowrap;
			overflow: hidden;
			float: left;
			margin: 0px;
		}
		.file_detail {
			float: right;
			display: block;
			font-size: 80%;
		}
			.file_size{
				width: 100%;
				display: block;
				text-align: right;
				font-weight: bold;
				color: #888;
			}
			.file_date{
				width: 100%;
				display: block;
				text-align: right;
				color: #aaa;
			}
	
/*-------------------------
		Autres
--------------------------*/
	
	.plan {
		width: 200px;
		margin: 6px 0px 0px 0px;
		border: solid 1px #DFDFDF;
		background-color: #F2F2F2;
		padding: 3px 0px 3px 10px;
		text-align: left;
		color: #666;
		background-image: url('img/main/plan.gif');
		background-repeat: repeat-y;
		background-position: left;
	}
	
	.plan li {
		list-style-type: none;
		list-style-position: outside;
	}
	
	.folders{
		color: #aaa;
		padding: 0px 0px 15px 10px;
	}
	
	.menu_tw {
		display: table;
		width: 100%;
		margin: 0px;
		padding: 0px;
		background-color: #FEDDA8; /*Orange*/

	}

	.menu_tw a {
		display: block;
		float: left;
		text-align: center;
		padding: 5px 10px 5px 10px;
		font-weight: bold;
	}
	.menu_tw a:link, .menu_tw a:active, .menu_tw a:visited{
		background-color: #FEDDA8; /*Orange*/
		color: #000;
	}
	.menu_tw a:hover {
		background-color: #DAE5E2;
		color: #000;
	}
	
	.inter_tw {
		background-color: #DAE5E2; /*Vert-gris*/
		height: 2px;
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-top: 2px;
		display: block;
	}