/*
2013-05-31-11-51-00
*/

/* --- COULEURS --- */

/* Général */
#body {
    color: #181818;
	background: #F0F0F2;
}
#page {
	border-color: #A4A4A4;
	background: #F0F0F2;
}

/* Entête */
#entete{/*height:17em;*/}
#header {
	background:url(../img/header.png) no-repeat center top #F0F0F2;
}
#nav  { 
	background:url(../img/navhalo.png) no-repeat right top #F0F0F2;
}
/*
#nav a {
	background: url("../img/semences.png") no-repeat scroll 2 -159px transparent;
}*/
#nav a:hover {
    background: url("../img/semences.png") no-repeat scroll 2px -194px transparent;
}

#nav h1 { 
	color: #005f54; 
}
.fil a{
	color: #005f54;
}
.fil a:hover {
    color: #808080;
}

/* Block central */

.titre-orange {
	background: #f5f5f5;
}
.titre-bleu1 {
	background: #f5f5f5;
}
.titre-bleu2 {
	background: #f5f5f5;
}

.orange {border-bottom: 28px solid #ff8c00;}
.vert {border-bottom: 28px solid #10742e;}
.vert_strong {border-bottom: 28px solid #196559;}
.violet {border-bottom: 28px solid #92244b;}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px 10px 20px 10px;
	margin :0;
}
#page{
	/*width: 90%;
	max-width: 90em;		* taille variable *
	min-width: 960px;*/
	width: 960px;			/* taille fixe */
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: solid;
}

/* Entête */
#header {
	text-align: center; 
	height: 140px;
	margin: 0;
}
#nav  { 
	padding-top: 0px;
	text-align: center; 
	height: 60px;
}
#nav a {
    float: left;
    max-width: 152px;
    position: relative;
	display: block;
    line-height: 0;
	margin : 10px 0 0 20px;
}
#nav a:hover {
    margin : 10px 0 0 20px;
}

#nav h1 { 
	margin:0;
	font-size: 1.55em;
}
.fil {
	font-size: 0.9em;
	margin-top : -15px;
	margin-left: 18px;
}
.doc {
	margin: 20px 0;
}
/* Bloc central */
#centre {
 padding:5px;
 font-size: 0.90em;
}
#centre-bis {
	width: 100%;
	overflow: hidden;
}


.titre-orange {
	width:182px;
	height:28px;
	border: 1px solid #A4A4A4;
	-moz-border-radius: 0 8px 0 0;
	-webkit-border-radius: 0 8px 0 0;
    border-radius: 0 8px 0 0;
}

#tb_result .titre-orange {
	margin-left:0;
	width:948px;
	border-left-color: #196559;
	border-bottom-color: #196559;
}
#resultat {
	border-top: 1px solid #196559;
	border-left: 2px solid #196559;
	border-right: 2px solid #196559;
	border-bottom: 2px solid #196559;
}
/* Contenu de la colonne centrale */
#center {
	margin-left: 320px;
	margin-right: 315px;
}

#recherche { height:100px;display: none;}
#tb_result { display: none;}
/* Pied de page */
#footer {
	margin: 0;
	padding: 10px 5px;
	font-size: .85em;
	background: #fff;
}
.legende{ position:relative;top:-69px;}

/************ POPLIGHT **********/

#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}




.no-bord{
	padding:0;
	width:5px;
}
.logoclient{

	height:0;
}

/*--Gérer la position fixed pour IE6--
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}*/