/**** Header ****/
header{
	display:block;
	min-width:1200px;
	width:100%;
	height:33px;
	padding-top:5px;
	
	position:fixed;
	top:0px;
	z-index:100;
	
	background:#68A937;
	border-bottom:2px ridge #304D16;
	color:#FFF;
}
#version{
	display:block;
	position:absolute;
	right:2px;
	bottom:2px;
	font-size:9px;
}
nav{
	margin-left:20px;
}
nav a{
	display:inline-block;
	vertical-align:middle;
	padding: 3px 5px;
	text-align:center;
	font-size:14px;
}
nav a:first-child{
	font-size:20px;
}
nav a:hover{
	background:#569636;
	border-radius:3px;
}

/**** Footer ****/
footer{
	display:none;
	position:fixed;
	right:0px;
	bottom:0px;
	background: #F9F8F6;
	border-top:2px solid #68A937;
	font-size: 0; /* Pour coller les zones */
	z-index:100;
}
footer .footer_zone{
	display:inline-block;
	vertical-align:middle;
	padding-top:30px;
	height:370px;
	border-left: 2px solid #68A937;
	overflow:scroll;
}
footer #zone1,footer #zone1 h2{
	width:400px;
}
footer #zone2,footer #zone2 h2{
	width:600px;
}
footer .footer_zone h2{
	display:block;
	position:absolute;
	height:10px;
	top:0px;
	padding:8px 0px 12px;
	text-align:center;
	color: #68A937;
	font-size: 13px;
	font-weight:bold;
	background:#FFF;
	border-bottom: 1px solid #68A937;
}
footer .footer_zone table{
	width:90%;
	margin:10px 5%;
	text-align:left;
	background:#FFF;
}
footer .footer_zone table td{
	font-size: 11px;
	border : 1px solid #CCC;
	padding : 3px 7px;
	color: #000;
	background:#FFF;
}
footer .footer_zone table tr:first-child{
	text-align:center;
	font-weight:bold;
}

/**** Le corps *****/
#zone_activite{
	display:none;
	position:absolute;
	top:50px;
	left:10px;
	overflow:hidden;
	text-align:center;
	background:#FCFCFC;
	border:2px ridge #CCC;
}
#zone_activite h1{
	margin:10px;
	font-size:20px;
	color:#569636;
}
#menu_gauche,#menu_droite{
	display:block;
	position:absolute;
	top:50px;	
	text-align:center;
	background:#FCFCFC;
	border : 2px ridge #CCC;
	overflow:scroll;
	z-index:10;
}
#menu_gauche{
	left:10px;
}
#menu_droite{
	right:10px;
}

/**** Chargement *****/
#content_chargement_type1,#content_chargement_type2{
	display:block;
	position:absolute;
	top:52px;
	left:12px;
	padding-top:250px;
	text-align:center;
	z-index:10000;
}
#content_chargement_type1{
	background:#ECECEC;
}

/**** Informations ****/
#zone_informations{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0.6;
	background:#000;
	z-index:11000;
}
.erreur, .information, .success, .warning, .validation{
	position: absolute;
	top: 300px;
	left: 25%;
	width: 50%;
	padding:15px 10px 15px 60px;
	background-repeat: no-repeat;
	background-position: 10px center;
	text-align:left;
	border: 5px double #000;
	opacity:inherit;
	z-index:11500;
	cursor:pointer;
}
.information {
	color: #00529B;
	border-color: #00529B;
	background-color: #BDE5F8;
	background-image: url(../images/info.png);
}
.success {
	color: #4F8A10;
	border-color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url(../images/success.png);
}
.warning {
	color: #9F6000;
	border-color: #9F6000;
	background-color: #FEEFB3;
	background-image:url(../images/warning.png);
}
.erreur {
	color: #D8000C;
	border-color: #D8000C;
	background-color: #FFBABA;
	background-image: url(../images/error.png);
}
.validation {
    color: #D63301;
	border-color: #D63301;
    background-color: #FFCCBA;
    background-image: url(../images/validation.png);
}

/**** Les messages de confirmation ****/
.confirm_oui, .confirm_non{
	margin-left:10px;
	padding:3px 20px;
	font-size:13px;
	border-radius:5px;
	border: 2px double;
	cursor:pointer;
	text-align:center;
	background:#BDE5F8;
	color:#00529B;
	border-color:#00529B;
}
.confirm_oui:hover, .confirm_non:hover{
	background:#00529B;
	color:#BDE5F8;
}

/*** Les tableaux des formulaire ***/
.tableau_form{
	margin: auto;
	cursor:default;
}
.tableau_form td{
	height:25px;
	color:#666;
	font-size:14px;
	padding: 3px 5px;
	white-space:nowrap;
	overflow:hidden;
	/*border:1px solid black;*/
}
.tableau_form td input{
	font-size:12px;
}
.tableau_form td:nth-child(odd){
	text-align:left;
}
.tableau_form td:nth-child(even){
	text-align:left;
}

/**** Les tableaux des listes ****/
.tableau_liste{
	display:inline-block;
	cursor:default;
}
.tableau_liste caption{
	display:block;
	height:25px;
	width:100%;
	margin-top:20px;
	padding-top:8px;
	font-size:14px;
	color:#FFF;
	background:#888;
	font-weight:bold;
	border-radius:3px;
	border:1px solid #DDD;
}
.tableau_liste thead{
	display: block;
}
.tableau_liste tbody {
	display: block;
    overflow:scroll;
}
.tableau_liste th, .tableau_liste td{
	padding:3px 10px;
	text-align:left;
	color:#000;
	border-bottom:2px solid #24911C;
}
.tableau_liste th{
	font-size:12px;
	text-align:center;
	background:#FFF;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}
.tableau_liste td{
	font-size:10px;
	background:#EEE;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}
.cliquable:hover{
	cursor:pointer;
	background:#FFF;
	color:#24911C;
}

/*** Le logo PDF ***/
.logo_pdf{
	width:20px;
}

/*** Les boutons de gestion de page ***/
.bouton_type1,.bouton_type2{
	display:inline-block;
	font-size:11px;
	color:#000;
	cursor:pointer;
	text-align:center;
}
.bouton_type1{		/*** Gros bouton ***/
	margin:20px;
	padding:3px 20px;
	background:#EEE;
	border: 1px outset #CCC;
	border-radius:5px;
}
.bouton_type1:hover{
	color:#FFF;
	background:#24911C;
	border:1px inset #24911C;
	box-shadow:0px 0px 2px #000;
}
.bouton_type2{		/*** Petit bouton arrondi ***/
	padding:1px 20px;
	background:#CCC;
	border: 3px groove #CCC;
	border-radius:15px;
}
.bouton_type2:hover{
	color:#FFF;
	background:#24911C;
	border:3px ridge #24911C;
}
.b_ajouter{ /* le + pour ajouter */
	width:15px;
	position:relative;
	top:2px;
	cursor:pointer;
}