html, body {
	margin:0;
	padding:0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

}
#site {
	position:relative;
	background: url(/leongrosse/img/fond_body.png) no-repeat top left;
	width:907px;
	margin:0 auto;
	padding-top:60px;	
}


#conteneur {
	position:relative;
	margin:0 0 0 60px;
	/*padding-top:60px;*/
	width: 847px;
	min-height:500px;
}
* html #conteneur{
	height:auto;
	height:500px;
}
#tete {
	height: 140px;
	border-left:1px solid #333399;
	background: url(/leongrosse/img/fond_tete.png) no-repeat;
}
* html #tete {
	height: 141px;
}

#logo {
	border:none;
	margin:1px 0 0 0;
}

#photo_tete {
	margin:1px 0 0 -4px;
	
}
* html #photo_tete {
	margin: 0;
}


#corps {
	position:relative;
	min-height:360px;
	/*background: url(../images/fond_corps.png) no-repeat;
	margin:0 0 0 -1px;	*/

}

* html #corps {
	margin:-1px 0 0 0px;
	height:auto;
	height:360px;
}

#chemin {
	margin:0 0 0 60px;
}
.pathactif {
	color: #339;
}

#pied {
	position:relative;
	z-index:50;

}
.lien_pied {


}

#zone_recherche {
	margin:0;
	padding:0;
	position:absolute;
	z-index:200;
	top:-35px;
}
#zone_recherche label{
	margin:0;
	padding:0 0 0 10px;
	color:#fff;
	background: url(/leongrosse/img/point_blanc.png) no-repeat;
}
#zone_recherche p{
	margin:0;
	padding:0;
}
#zone_recherche #keyword{
	height:12px;
}

#zone_outils {
	position:absolute;
	z-index:201;
	top:-14px;
	right:45px;
	padding: 0;
	margin: 0 ;
	list-style: none;
}
#zone_outils a {
	display:block;
	float:left;
	margin:0 2px 0 0;
	padding:0 0 0 11px;
	line-height:14px;
	color:#fff;
	font-size:10px;
	font-weight:bold;

}

#imdeo {
	border:none;
	/*margin:0 0 0 550px;*/
	height:20px;
	position:absolute;
	left:750px;
	z-index:100;
}
#plan {
	
	width:69px;
	background: url(/leongrosse/img/onglet_plan.png) no-repeat;
}

#contact {
	
	width:50px;
	background: url(/leongrosse/img/onglet_contact.png) no-repeat;
}

h1 {
	display:none;
}

h2 {
	font-size:16px;
	color:#339;
	margin:0 0 10px 0;
	padding:0;
}

h3{
	font-size:11px;
	margin:0;
	padding:0;
	}

h4 {
	font-size:14px;
	color:#339;
	margin:0;
	background: url(/leongrosse/img/puce_bleu.png) no-repeat;
	padding:0 0 0 16px;
	line-height:12px;
	/*height:14px;*/
}

h5{
	font-size:11px;
	margin:15px 0 0 0;
	padding:0;
	}


/* ================== zone scroll ===============


#divUpControl{
	position:absolute; 
	width:16px; 
	left:10px; 
	top:30px; 
	z-index:1; 
	text-align: right
} 
#divDownControl{
	position:absolute; 
	width:16px; 
	left:10px; 
	top:325px; 
	z-index:1; 
	text-align: right
} 
#divUpControl a img, #divDownControl a img{
	border:none; 
}
#divContainer{
	position:absolute; 
	width:550px; 
	height:320px; 
	overflow:hidden; 
	top:30px; 
	left:45px; 
	clip:rect(0,550,320,0); 
	visibility:hidden;
} 
#divContent{
	position:absolute; 
	top:0; 
	left:0;
	width:550px;
} */

#divContainer{
	background: url(/leongrosse/img/fond_container.png) no-repeat bottom;
	min-height:320px;
	position:relative; 
} 
* html #divContainer{
	height:auto;
	height:360px;
} 
#divContent{
	/*position:absolute; 
	top:30px; 
	left:45px;*/
	width:550px; 
	margin:30px 0 10px 35px;
	position:relative; 

} 


contenu{
	background: url(/leongrosse/img/fond_content.png) repeat-y;
	min-height:320px;

} 
* html contenu{
	height:auto;
	height:320px;
} 

/* ================== fin scroll ===============*/

/* ================== menu et sous-menu ===============*/

#menu {
	position:absolute;
	left:665px;
	top:17px;
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:12px;
	font-family: Helvetica, Verdana, sans-serif;
}
#menu a {
	/*display: block;*/
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	line-height:17px;
	height:17px;padding:0 0 0 15px;
}
#menu a:hover {
	color:#333399;
}

#menu li {
	

}
.actif {
	background: url(/leongrosse/img/puce_menu.png) no-repeat;
	color:#333399 ! important;
	padding:0 0 0 -15px;
}


#ssmenu {
	position:absolute;
	z-index:9;
	left:663px;
	top:17px;
	padding: 0;
	margin: 0 ;
	list-style: none;
	font-family: Helvetica, Verdana, sans-serif;
}
/*#ssmenu a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	line-height:17px;
	height:17px;
	padding:0 0 0 15px;

}
#ssmenu a:hover {
	background: url(/leongrosse/img/puce_blanche.png) no-repeat;
}

#ssmenu li {
	

}
.ssactif {
	background: url(/leongrosse/img/puce_blanche.png) no-repeat;
	padding:0 0 0 -15px;
}*/


/* ================== fin menus ===============*/

a {
	text-decoration:none;
	color:#eb2a2f;
}


.trait {
	color: #333399;
	background-color: #333399;
	height: 1px;
	border: 0;

}


.clear {
	clear:both;
	}

.marge_img {
	margin:4px 10px 4px 0; 
	} 

/* ============ Actu accueil ============= */

#news {
	position:absolute;
	margin:15px 0 0 20px;
	width:250px;
	height:98px;
	border:1px solid #7982c4;
	padding:5px;
	left:0;

}
* html #news {
	left:0;
}
#news h3 {
	font-size:14px;
	color:#333399;
	background: url(/leongrosse/img/puce_bleu.png) no-repeat;
	padding:0 0 0 15px;
	line-height:12px;
	margin:0;
}

.lien_suite {
	background: url(/leongrosse/img/puce_lien.png) no-repeat;
	padding-left:10px;
	line-height:12px;
	font-weight:bold;

}
.lien_liste {
	background: url(/leongrosse/img/puce_liste.png) no-repeat;
	padding:0 0 3px 19px;
	line-height:16px;
	font-weight:bold;
	margin: 0 0 10px 0;
	display:block;
}

/* ============ Parcours accueil ============= */

#parcours_home {
	position:relative;
	margin:0 0 0 300px;
	width:310px;
	height:110px;
	background: url(/leongrosse/img/fond_parcours.png) no-repeat;
	color:#fff;
	top:15px;

}
* html #parcours_home {
	top:15px;
}
#parcours_home h3 {
	font-size:13px;
	color:#fff;
	padding:4px 0 0 15px;
	line-height:12px;
	margin:0;
}
* html #parcours_home h3 {
	padding:5px 0 0 15px;
}
#parcours_home p{
	padding:4px 0 0 10px;
	margin:0;
}
*html #parcours_home .photodroite{
	padding:3px 0 0 0px;

}
#parcours_home .photodroite{
	padding:4px 0 0 0px;	
}
#parcours_home .lien_suite {
	background: url(/leongrosse/img/puce_lienbleu.png) no-repeat;

}
#parcours_home .lien_etudiant {
	position:absolute;
	bottom:-2px;
	margin-left:10px;
	padding:2px 0 2px 22px;
	height:16px;
	line-height:12px;
	font-weight:bold;
	color: #fff;
	background: url(/leongrosse/img/puce_fleche.png) no-repeat;

}


/* ============ Parcours ============= */


.photodroite{
	float:right;
	margin:0 0 20px 20px;
	/*padding-left:10px;*/
}

.trait {
	display:block;
	height: 1px;
 	margin: 0 0 10px 0;
	padding: 0;
	color: #ccc;
	background-color: #ccc;
	border: 0;	
	clear:both;
}

* html .trait {
	margin: 0 0 3px 0;
}



/* ============ Réalisation accueil ============= */


#chantier {
	color:#339;
	position:absolute;
	width:188px;
	right:0;
	top:215px;
}

#chantier p{
	padding:0;
	margin:10px 0;
}

#chantier h3 {
	font-size:13px;
	color:#339;
	background: url(/leongrosse/img/puce_vert.png) no-repeat;
	padding:0 0 0 13px;
	line-height:12px;
	margin:0;
}

.photogauche{
	float:left;
}


.lien_suitevert {
	font-family: Arial, sans-serif;
	background: url(/leongrosse/img/puce_lienvert.png) no-repeat;
	padding-left:8px;
	line-height:14px;
	font-weight:bold;
	font-size:11px;
}
* html .lien_suitevert {
	background: url(/leongrosse/img/puce_lienvert.png) no-repeat top -2px;
	}

/* ============ Réalisation ============= */

.ref {
	font-weight:bold;
	margin:0;
	padding:0;
	width:265px;
}
.ref th{
	text-align:right;
	color:#339;
	width:120px;
	vertical-align:top;
}


#docs {
	position:relative;
	min-height:300px;
	}
.pagination {
	position:absolute;
	top:3px;
	left:0;
	width:550px;
	text-align:center;
	font-weight:bold;
	}
.pagination a {
	color:#fff;
	padding:0 2px;
	}
.pagination .active {
	color:#202e9d;
	background-color:#fff;
	padding:0 2px;
	}

.references {
	border-collapse:collapse;
	border-left:1px solid #7982c4;
	border-right:1px solid #7982c4;
	color: #333;
	width:550px;
	}

.references td,.references th {
	padding:5px 5px 5px 5px;
	}


.references img {
	border:none;
	}

.references a {
	text-decoration:none;
	color:#eb2a2f;
	
	}

.references thead {
	height:35px;
	vertical-align:bottom;
	}
.references thead ,.references tfoot th,.references tfoot td {
	background:#202e9d url(/leongrosse/img/fond_th.png) repeat-x;
	color:#fff
	}

.references tfoot td {
	text-align:right
	}


.references tbody th,.references tbody td {
	border-bottom: dotted 1px #202e9d;
	}

.references tbody th {
	white-space: nowrap;
	}
.references tbody th a {
	color:#333;
	}

.references .odd {
	background:#f3f4fa;
	}

.references tbody tr:hover {
	background:#f1f7cf;
	}

.references .w25 {
	width:22%;
	}


.zoom_ref {
	position: absolute;
	display: none;
	background-color:#f1f1f1;
	}
.zoom_ref .content {
	border:1px solid #999;
	padding: 5px;
	}


#ref_gauche {
	float:left;
	width:270px;
	}

#ref_gauche img{
	border:none;
	}

#ref_droite {
	float:left;
	padding-left:15px;
	width:265px;
	}

.ref_image {
	width:270px;
	min-height:180px;
	margin:2px 0 15px 0;
	}
* html .ref_image {
	height:auto;
	height:180px;
	}

#ref_gauche a{
	cursor:pointer;
	cursor:hand;
	}


#popin_zoom {
	position:absolute;
	z-index:888 ! important;
	top:0;
	left:0;
	background-color:#fff;
	border:1px solid #202e9d;
	display:none;
	text-align:right;
	font-size:10px;
	cursor: move;
	padding:10px;

	}

#popin_zoom p{
	text-align:center;
	padding:5px;
	margin:0

	}


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


#admin {
	width:300px;
	height:150px;
	border:1px solid #333399;
	background:#fff url(/leongrosse/img/password.png) no-repeat 30px 50px;
	margin:-300px auto 0 auto;
	position:relative;
	/*top:250px;
	left:300px;*/
	z-index:700;

	display:none;

}
#admin h3{
	font-size:13px;
	margin: 30px 0  10px 50px;
	color:#333399; 
}
.fermer {
	float:right;
	margin:10px;
}
#admin #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:#ec1b1c;
}
#admin #logon p {
	margin:0;
	padding:0;
	font-size:10px;
}

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



/* ============ Parcours humain ============= */



#tab_parcours {
	width:540px;
	
	
}
#tab_parcours img{
	border:none;
	
	
}
#tab_parcours td{
	width:90px;
	text-align:center;
	vertical-align:top;
}


/* ============ Annonces ============= */


#candidature label, #detailAnnonce label {
	width: 240px;
	font-weight: bold;
	float:left;
	text-align:right;
	padding-right: 5px;
}
.etoile {
	font-size: 10px;	
	margin:10px 0 ! IMPORTANT;
}
#candidature p {
	margin:0;
}

#candidature, #detailAnnonce  {

	margin: 0 0 10px 0;
	padding:0;

}
#detailAnnonce label {
	width: 210px;
	float:left;
	text-align:left;
	margin: 0 0 0 -5px;
	padding: 0 0 0 5px;
	/*background-color: #ECECEC;*/
	color:#333399;

}
#adetailAnnonce p {
	padding:0 ;
	margin: 0;

}
.detailAnnonce  {
	padding:5px 0 5px 5px;
	margin:0;
	width: 90%; 
	background-color:#ececf6;
	

} 
.detailAnnonce2  {
	width: 500px; 
	margin: 15px 0 0 0;
	padding: 0;
	
} 
.labAnnonce {
	
	
}
#detailAnnonce p {
	/*padding:0 0 10px 5px;*/
	
	/*width: 500px;*/ 
	/*background-color:#f5f5f5;*/
	/*background: #f5f5f5 url(/centralcost/img/paren.png) no-repeat;*/
}
.envoyer {
	padding-right: 50px;
	margin:0 0 0 100px;
	text-align:center;
} 

#listeAnnonce p {
	margin:4px;
	padding:4px;
}


/* ======= contact ========== */

.formulaire{
	width:555px;
	padding:0;
	margin:10px 0 0 0 ; 
}
.formulaire p{
	padding:0;
	margin:0px 0 5px 0;
	line-height:20px;

}
.formulaire label {
	width: 188px;

	float:left;
}
.rouge {
	color:#d00000;
}
.neuf {
	font-size: 9px;
}
.center {
	text-align:center;
}
.formulaire em {
	font-size:10px;
	color:#000000;
}
.formulaire a:link, .formulaire a:link {
	text-decoration:none;
	color:#eb2a2f;
} 

/* ===== métiers ========== */

.bloc_metier {
	width:145px;
	height:250px;
	background-color:#b8d50e;
	padding:10px;

}
* html .bloc_metier {
	height:auto;
	height:250px;
}

.bloc_metier h3{
	font-size:13px;
	margin:0 0 5px 0;
	padding:0;
}


#map_travaux:hover {
	background-color: #f00;
}

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


.editer {
	position:absolute;
	left:565px; 
	top:5px;
}

/* logo vote
==============  */

#vote {
	border:none;
	/*margin:0 0 0 550px;*/
	position:absolute;
	left:-80px;
	top:-20px;
}

/* pub
=============== */

#pub {
	position:absolute;
	z-index:10000;
	top:40px;
	left:162px;
	}


/* activité
=================== */

.act_gauche {
	width:220px;
	padding:0 5px;
	float:left;
	margin:0 0 20px 0;
	}

.act_droite {
	width:300px;
	padding:0 5px 0 10px;
	float:left;
	margin:0 0 20px 0;
	}
.act_droite h5 {
	margin:20px 0 0 0;
	}

.act_gauche img {
	margin: 0 0 30px 0;
	}

.act_logo {
	margin:7px 0 0 0;
	width:60px;
	height:40px;	
	float:left;
	}

.act_detail {
	margin:7px 0 20px 15px;
	float:left;
	}
.act_detail h5 {
	margin:0;
	}
.act_detail a{
	color:#202e9d;
	}


/* calendrier
===================== */


.calendrier {
	border-collapse:collapse;
	width:550px;
	margin:20px 0;
	}


.calendrier th {
	text-align:left;
	color:#fff;
	background-color:#202e9d;
	}

.calendrier td,.calendrier th {
	padding: 5px;
	}

.calendrier th,.calendrier td {
	border-bottom: solid 1px #202e9d;
	}

.calendrier th {
	white-space: nowrap;
	}


.calendrier h3 {
	color:#202e9d;
	}