html, body {
	margin:0;
	padding:0;
	height: 100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color:#fff;
}

#conteneur {
	position:relative;
	width:900px;
	margin:0;


}

#tete {
	height:133px;
}
#zone_menu{
	height:24px;
}

#menu, #menu ul {
	padding: 0;
	margin: 0 0 0 20px;
	list-style: none;
	line-height:24px;
	height:24px;
}

#menu a {
	display: block;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	margin:0 10px;

	/*background-color:pink;*/
	/*padding: 0 3px;*/
}

#menu li {
	float: left;
	/*background-color:yellow;*/
}

#menu li ul {
	position: absolute;
	z-index:500;
	width: 150px;
	height: auto;
	left: -999em;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	margin-left:-1px;
	text-align: left ! important;
	display:none;
}
#menu li ul li{
	text-align: left;
	/**/width: 146px;
	padding-left:4px;
}
#menu li ul li a{
	text-align: left ! important;
	margin:0 ! important;

}
#menu li:hover ul, #menu li.sfhover ul {
	left: auto;
	display:block;
}
#menu li a:hover {
	color: #ff7f39;
}

/* ====================================  */


#corps {
	position:relative;

	clear:left;
	width:900px;
	min-height: 480px;
	background-repeat: repeat-y;
	background-image: url(/gpi/img/bg_corps2.png); 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/gpi/img/bg_corps2.png", sizingMethod="scale");
	_background: none;	
}
* html #corps {
	height: auto;
	height: 480px;
}

#gauche{
	float:left;
	width:180px;
	background: url(/gpi/img/navtop.png) no-repeat;
	/*height:100px;*/

}

#centre {
	width:540px;
	min-height: 450px; 
	/*margin-left: 180px;
	margin-right: 180px;*/
	padding-top:59px;
	float:left;


}

* html #centre{
	height: auto;
	height: 450px;
}
#droite{
	float:left;
	width:180px;

}
#pied {

	height:19px;
	line-height:19px;
	margin:0px 0 0 0;
	color:#fff;
	font-size:11px;
 /*position: absolute;
    bottom: 0;*/

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

h1 {
	height:24px;
	line-height:24px;
	font-size:17px;
	color:#fff;
	padding:0 0 0 12px;
	margin:0;
}
h2 {
	font-size:20px;
	font-weight:normal;
	color:#fff;
	padding:0 0 0 20px;
	margin:0 0 32px 0;
	text-align:left;
}
h3 {
	font-size:12px;
	color:#ff7f39;
	margin:0 0 10px 0;
	padding:0 0 0 22px;
	background: url(/gpi/img/fleche_diago.png) no-repeat;

}


hr {
	clear:both;
	visibility:hidden;
	height:1px;
	border:0;
	margin: 0 0 0px 0;
	padding:0;
}
* html hr {
	margin: -7px 0;
}
#annexes {
	position:relative;
	z-index:40;
	min-height: 320px;
	padding-top:15px;
	/*padding-bottom:15px;*/
	text-align:center;
	width:180px;
}
* html #annexes {
	height: auto;
	height: 320px;
}
#annexes img{
	border:none;

}
#tete img{
	border:none;

}
#bloc_droit {
	min-height:100px;
	padding:20px 0 0 10px;
	font-size:11px;
	color:#3c386f;

}
* html #bloc_droit {
	margin-top:-10px;
	height: auto;
	height: 100px;
}
#bloc_droit a{
	font-weight:bold;
	text-decoration:none;
}

#pathnav,  #tools {
	padding:0 0 0 10px;
	font-size:11px;
	color:#ff7f39;
	position: absolute;
	top:40px;
}
#pathnav a, #tools a{
	text-decoration:none;
	color:#ff7f39;
}

#tools input {color:#000000;font-size:11px;width:100px;height:12px;}

a{
	text-decoration:none;
	color:#ff7f39;
}
a:hover{
	text-decoration:underline;
	color:#ff7f39;
}

/* =========== Nav gauche ==============*/


#navgauche{
	/*height:24px;
	border: 1px solid red;
	position: absolute;
	top: 68px;
	left: 0;*/
	margin-top:68px;
	z-index:100;
	width: 180px; /* prcision pour Opera */
}
#navgauche dl, #navgauche dt, #navgauche dd, #navgauche ul, #navgauche li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navgauche dl {
	/*float: left;*/
	width: 180px;
	/*height:27px;
	border-right: 1px solid #fff;*/
}

#navgauche dt {
	cursor: pointer;
	text-align: left;
	margin: 0;
	padding-left:20px;
	_height:25px;
	line-height:25px;
	border-bottom:1px dotted #ff7f39;
	background: url(/gpi/img/fleche.png) no-repeat;
}
#navgauche dd {
	/*width:145px;
	border: 1px solid #fff;
	border-top: none;*/
	display: none;
	padding-left:10px;
	border-bottom:1px dotted #ff7f39;
}
#navgauche li {
	text-align: left;
	_height:17px;
	line-height:17px;
	background: url(/gpi/img/bullet.png) no-repeat;
	padding-left:12px;
}
#navgauche ul ul {
	padding-bottom:3px;
}
#navgauche li li {
	background: url(/gpi/img/bullet_n4.png) 1px 4px no-repeat;
}
#navgauche li a, #navgauche dt a {
	color: #333;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}
#navgauche li a:hover, #navgauche dt a:hover {
	color: #ff7f39;
}

.ouvert {
	border:none ! important;

}

.gauche_active{font-weight:bold}


/* =================================== */

/* ============ Administration ============= */

#admin {
	width:300px;
	height:150px;
	border:1px solid #ff7f39;
	background:#fff url(/gpi/img/password.png) no-repeat 30px 50px;
	position:absolute;
	z-index:700;
	top:250px;
	left:300px;
	display:none;

}
#admin h3{
	margin: 30px 0  10px 50px; 
}
.fermer {
	float:right;
	margin:10px;
}
#logon{
	/*width:200px;
	position:absolute;
	right:65px;
	bottom:65px;*/
	margin:0 0 0 50px;
	padding:0;
}
#identification {
	margin:0 0 0 100px;
}
#identification a{
	font-weight:bold;
	text-decoration:none;
	color:#ff7f39;
}
#logon p {
	margin:0;
	padding:0;
	font-size:10px;
}

#logon label {
	float:left;
	width:95px;
	text-align:right;
	margin:0 10px 0 0;
	padding:3px 0 0 0;
}
#admin img {
	border:none;
}
#logon #image {
	margin:0px 0 0 0px;
	border:none;
}

p.flag img, input, span {
	vertical-align: middle;
	display: inline-block;
}