/* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
[style]:before{ content: 'STYLE: \'' attr(style) '\''; outline: 1px solid silver; -moz-outline: 1px solid silver; background: rgba(255,255,255,0.1); color: silver; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; } 
[name]:before { content: 'NAME: \'' attr(name) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
span[id]:before { content: 'ID: \'' attr(id) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: red; color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
span[class]:before { content: 'CLASS: \'' attr(class) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: yellow; color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
div[id]:before { content: 'ID: \'' attr(id) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: orange; color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
div[class]:before { content: 'CLASS: \'' attr(class) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: blue; color: white; text-align: left; text-transform: none; text-decoration: none; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
table[class]:before, TR[class]:before, TD[class]:before { content: 'CLASS: \'' attr(class) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: #6F6; color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
table[id]:before, tr[id]:before, td[id]:before { content: 'ID: \'' attr(id) '\''; outline: 1px solid black; -moz-outline: 1px solid black; background: #66F; color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h1:before { content: "H1"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h2:before { content: "H2"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h3:before { content: "H3"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h4:before { content: "H4"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h5:before { content: "H5"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }
h6:before { content: "H6"; outline: 1px solid black; -moz-outline: 1px solid black; background: rgba(255,255,255,0.1); color: black; text-align: left; text-transform: none; text-decoration: none; white-space: normal; font-family: sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; }* { outline: 1px solid #F66; -moz-outline: 1px solid #F66; }
div, span, img { outline: 1px solid black; -moz-outline: 1px solid black; }
span[id] { outline: 1px solid red; -moz-outline: 1px solid red; background: rgba(255,0,0,0.1); }
span[class] { outline: 1px solid yellow; -moz-outline: 1px solid yellow; background: rgba(255,255,0,0.1); }
div[id] { outline: 1px solid orange; -moz-outline: 1px solid orange; background: rgba(255,128,0,0.1); }
div[class] { outline: 1px solid blue; -moz-outline: 1px solid blue; background: rgba(0,0,255,0.1); }
table, tr, td { outline: 1px solid #909; -moz-outline: 1px solid #909; background: rgba(150,0,150,0.1);}
table[class], tr[class], td[class] { background: rgba(100, 255, 100, 0.1); outline: 1px solid #6F6; -moz-outline: 1px solid #6F6; }
table[id], tr[id], td[id] { background: rgba(100, 100, 255, 0.1); outline: 1px solid #66F; -moz-outline: 1px solid #66F; }
h1, h2, h3, h4, h5, h6 { outline: 1px solid black; -moz-outline: 1px solid black; }

* { background-color: rgba(0, 255, 0, 0.1); }

*/


BODY {
	background-image: url(../img/bgFond.gif);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
}

.corps {
	background-image:url(../../lib/img/ligneRepetition.gif);
	background-repeat: repeat-y;
	background-position: left;
	width:864px;
}

#navLink a:hover {
	vertical-align: middle;
	background-color: #CED54A;
	display:block;
}

#tableauTitre {
	line-height: 0px;
}

h1, h2, h3, h4 {
	margin: 4px;
}

#page{
	width:864px;
	margin-left:auto;
	margin-right:auto; 
}

/*                                                                                 Banniere */
.login{
	background-color:transparent;
	background-image:url(../../lib/img/fond_login.gif);
	background-repeat : no-repeat;
	background-attachment:top;
	width:124px;
	height:19px;
	size:15;
	border:0px;
	vertical-align:top;
	padding-top:2px;
	padding-left:4px;
}

.password{
	background-color:transparent; 
	background-image:url(../../lib/img/fond_password.gif);
	background-repeat : no-repeat;
	background-attachment:top;
	width:124px;
	height:19px;
	size:17;
	border:0px; 
	vertical-align:top; 
	padding-top:2px; 
	padding-left:2px;
}

.BTN_identification{
	border:0px;
	vertical-align:bottom;
}

.boiteAuth {
	float:right;
	width: 310px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top:30px;
	margin-right:10px;
}

.header {
	float:center;
	width:864px;
	height:163px; 
	background-image:url(../../lib/img/banniere.jpg);
}

/*                                                                                 CORPS DE LA PAGE */

.menuVertical_middle, .Logo_middle, .menuHorizontal_middle{
	background-color: #defb8e;
}

.menuHorizontal_middle{
	border-left:3px solid #5a6034;
	border-right:3px solid #5a6034;
	/*margin-right: 18px;*/
}

 .menuVertical_middle, .Logo_middle{
 	border-left:3px solid #5a6034;
	border-right:3px solid #5a6034;
	margin-left: 18px;
	margin-right: 15px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
 }

.menuHorizontal_top, .zoneAffichage_top {
	background:url(../../lib/img/droite_top.gif);
	background-repeat:no-repeat;
	height:8px;
	width:630px;
	margin-bottom:0px;
}

.Logo_top , .menuVertical_top, .menuHorizontal_top, .zoneAffichage_top{
	margin-top:15px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

/*                                                                                 Partie Gauche*/

.menuVertical {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: green;
	text-align: center;
	padding-top:10px;
}

.menuVertical_middle{
	margin-top:0px;
	margin-bottom:0px;
	list-style-type:none;
	padding:2px;
}

.menuVertical_Item{
	height:15px;
	padding:1px;
}


.menuVertical a:link, .menuVertical a:visited {    
	background-image: url(../../lib/img/menu_background.gif);
	background-repeat : no-repeat;
	background-position : center;
	text-decoration: none;
	color: green;
	display:block;
}

.menuVertical a:hover {
	text-decoration: underline;
	font-weight: bold;
	background:url(../../lib/img/menu_background_hover.gif);
	background-repeat : no-repeat;
	background-position : center;
}

.menuVertical_top , .Logo_top {
	background: url(../../lib/img/gauche_top.gif);
	background-repeat:no-repeat;
	height:8px;
	width:183px;
	margin-left:18px;
	margin-right:18px;
}

.menuVertical_bottom, .Logo_bottom {
	background: url(../../lib/img/gauche_bottom.gif);
	background-repeat:no-repeat;
	height:8px;
	width:183px;
	margin-left:18px;
	margin-right:18px;
}

.Logo_top, .Logo_bottom {
	margin-left:18px;
	margin-right:18px;
}


.Logo_top, .Logo_bottom, .menuVertical_bottom, .menuVertical_top{
	margin-bottom:0px;
}

/*                                                                                 Partie Droite*/

.menuHorizontal_middle {
	 height:30px;
	 width:624px;
	 text-align:center;
	 vertical-align:center;
	 margin-top : 0px;
	 margin-bottom:0px;
	 margin-left:0px;
	 padding-left:0px;
}

.menuHorizontal_bottom{
	background:url(../../lib/img/droite_bottom.gif);
	background-repeat:no-repeat;
	height:8px;
	width:630px;
	/*margin-right:18px;*/
}

.zoneAffichage_bottom{
	clear:both;
	background:url(../../lib/img/droite_bottom_white.gif);
	background-repeat:no-repeat;
	height:8px;
	width:630px;
	position:relative;
	text-align:center;
	vertical-align:top;
	left:-13px;
	bottom:-10px;
	margin-left:0px; 
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}

.menuHorizontal_Item_link {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: green;
	text-align: center;
	list-style-type:none;
	float:left;
	width:100%;
	height:30px;
	padding-top:9px;

}

.menuHorizontalItem{

	background-image: url(../../lib/img/menuH_background.gif);
	background-repeat : no-repeat;
	background-position : right;
	list-style-type:none;
	float:left;
	height:30px;
	width:131px;
	padding-right: 0px;
	padding-left: 20px;

}

.menuHorizontalItem a:link, .menuHorizontalItem a:visited {
	text-decoration: none;
	color: green;
	vertical-align: middle;

}

.menuHorizontalItem a:hover{
	text-decoration: underline;
	font-weight: bold;
	background:url(../../lib/img/menuH_background_hover.gif);
	background-repeat : no-repeat;
	background-position : top;
}

.zoneAffichage_middle{
	width:603px;
	padding:10px;
	border-left:3px solid #5a6034;
	border-right:3px solid #5a6034;
	/*margin-right: 18px;*/
	background-color:white;
	background-image:url(../../lib/img/bgFondGeneral.gif);
	background-repeat: repeat-x;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:justify;
	vertical-align: top;
	color: #1B74A7;
}


.zoneAffichage_middle img {
	border: 1px solid green;
	float:left;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.zoneAffichage_middle a:link, .zoneAffichage_middle a:visited {
	color: #14557C;
}

.zoneAffichage_middle a:hover {
	text-decoration: underline;
}

.fermeture{
		clear:both;
		height:0px;
}


/*                                                                                 Pied */

.footer{
	background:url(../../lib/img/web_23.gif);
	background-position:center;
	width:864px;
	height:20px;
	position:relative;
	clear:both;
}

.piedPage{
	text-align:center;
	font-size:11px;
}