/* Redéfinition du conteneur de la feuille de style principale pour les pages avec hauteur fixe */
#conteneur3
	{
	width: 960px;
	height:680px;
	margin: 0 auto;
	border: 3px solid #ab4;
	position: relative;
	background-color: #ffffe6;
	}
/*Redéfinition du pie de page pour certaines pages */
#pied2 {
	height: 20px;
	background-image: url(../images/fil.jpg);
	clear: left;
	background-repeat: no-repeat;
	position:absolute;
	top:630px;
}


/* Menu de navigation haut */
/* Taille des menus en fonction de la taille de l'intitule : norsysgroupe, norsysrh...*/
.peti{
width:105px;
}
.gran{
width:170px;
}
.moy{
width:115px;
}

#nav_engag ul {
	list-style: none;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #5f9215;
	border-left: 1px solid #5f9215;
	float: left;
	left: 220px;
: 1px 0;
	margin: 0;
}
#nav_engag {
	list-style: none;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #5f9215;
	border-left: 1px solid #5f9215;
	float: left;
	left: 0px;
: 1px 0;
	margin: 0;
}
#nav_engag a {
	display: block;
	text-decoration: none;
	padding: 5px 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5f9215;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	font-weight: bold;
	position: relative;
}

#nav_engag li {

	position: relative;
	float: left;
}
#nav_engag li ul {
	position: absolute;
	left: -999em;
	width: 10px;
	width: 148px;
}
#nav_engag a:hover {
	color: #FFFFFF;
	background: #5f9215;
}


/* Indique la page sélectionnée en blanc sur fond vert du sous-menu en haut */
.selec{
	color: #FFFFFF;
	background: #5f9215;
}
/* Indique les autres pages*/
.autres{
	color: #5f9215;

}

/* Descriptions des photos des pages de nos engagements*/
.desc_photo {
	position: relative;
	height: 150px;
	float: right;
	left: 0px;
	padding: 20px;
}

.desc_photo2 {
	position: relative;
	left: -3px; 
	top: -149px;
	float:right;
	height:100px;

}

/* Police et format du texte */
#centre_text05 {
	text-align: justify;
	font-family: "Trebuchet MS", helvetica, sans-serif;
	position: relative;
	top:100px;
	line-height: 1.5em;
	float: left;
	width: 300px;
	font-style:italic;
}

#text_centr {
	position:relative;
	padding:20px;
	text-align:center;
	float: left;
	width:700px;
}

/*Position des livres de la publication*/
#livre1{
	position:absolute;
	float:left;
	top:65px;
	left:10px;
	width:140px;
	height:182px;
	}

#livre2 {
	position:absolute;
	float:left;
	top:95px;
	left:160px;
	width:129px;
	height:174px;	
}

#livre3{
	position:absolute;
	float:left;
	top:65px;
	left:300px;
	width:119px;
	height:164px;
	}
	
#livre4{
	position:absolute;
	float:left;
	top:95px;
	left:430px;
	width:107px;
	height:164px;
}

#cjd1 {
	position:absolute;
	float:left;
	top:295px;
	left:280px;
	width:102px;
	height:148px;

}

#cjd2 {
	position:absolute;
	float:left;
	top:305px;
	left:410px;
	width:107px;
	height:164px;

}

#cjd3 {
	position:absolute;
	float:left;
	top:295px;
	left:540px;
	width:107px;
	height:164px;

}

/* Contient les différentes images */
#boite_img2 {
	position: relative;
	float: left;
	left: 10px;
	padding: 20px;
}

#boite_img1 {
	position: relative;
	float: left;
	left: 210px;
	padding: 20px;
}


#boite_img3 {
	position: relative;
	top:-70px;
	height: 135px;
	float: right;
	left: 0px;
	padding: 20px;
}

#boite_img4 {
	position: relative;
	height:180px;
	padding: 40px;
	float:left;
}

/* Livre vert de la fondation hulot dans environnement */
#livrev {
position:absolute;
top:230px;
left:600px;
}


.exemples {
	position:absolute;
	top:130px;
	left:30px;

}
.sous_form {
	font-size: 1.2em;
	font-weight: bold;
	position:absolute;
	top:75px;
	left:40px;
}
/* Index de nos engagements */

#patat_index {
background-image:url('images/engag.jpg');
background-repeat:no-repeat;
	position:absolute;
	top:150px;
	left:310px;
	width:192px;
	height:225px;
}

#engag1 {
	position:absolute;
	top:150px;
	left:30px;
	}
	
#engag2 {
	position:absolute;
	top:0px;
	left:310px;
}	

#engag3 {
	position:absolute;
	top:310px;
	left:80px;
}


#engag4 {
	position:absolute;
	top:150px;
	right:30px;
}
	
#engag5 {
	position:absolute;
	top:310px;
	right:50px;
	width:200px;
	height:147px;}
}



#corps {
	width: 760px;
	position: relative;
	float: left;
	height:490px;
}

#centre2 {
	width: 760px;
	height:500px;
	position: relative;
	float: left;
}

/*Fin de la CSS */