body{
  padding:0;margin:0;
  font-family: "Century Gothic", arial, sans-serif;
  font-size:75%;
  background-color: #DFDFDF;
  text-align:center;
  color:#484848;
}
html {
background-color: #DFDFDF;
}

a{
  color:#484848;
}
a:hover{
  text-decoration:none;
}
#global {
  background: url(../images/accueil/fondPage.gif) repeat-x;
  background-color: #DFDFDF;
}
#container{
  position: relative;
  text-align:left;
  padding:0;
  width: 942px;
  margin:auto;
  overflow: hidden;
}

/**************
*  ENTETE 
***************/
#entete{
  margin:0;
  padding:0;
  background: url(../images/bando.gif);
  height:162px;
  border-top:1px solid #FFFFFF;
}
#enteteAccueil{
  margin:0;
  padding:0;
  background: url(../images/bandoAccueil.gif);
  height:162px;
  border-top:1px solid #FFFFFF;
}
#entete #login{
 margin:0;
 padding:0;
 float:right;
 padding-top:4px;
 padding-right:40px;
 color: #3F3F3F;
 border:0;
 font-size:110%;
}
#entete #login strong{
 padding-right:50px;
}
#entete #login a{
 text-decoration:none;
}
#entete #login a:hover{
 text-decoration:underline;
}
#entete #login img{
 border:0;
 text-decoration:none;
 position:relative;
 top:3px;
}
a.noRollOver{
 text-decoration:none;
}
a.noRollOver:hover{
 text-decoration:none;
}


/*** click logo ***/
h1 a{
  display:block;
  margin:0;
  padding:0;
  position:relative;
  top:10px;
  left:20px;
  height:139px;
  width:190px;
}
h1 span{
  display : none;
}

/*** premier menu ***/
#subMenu{
 float:right;
 position:relative;
 top:-120px;

 /*hack ie */
 //top:-103px;

 right:10px;
}
#subMenu a{
 text-decoration:none;
}
#subMenu a:hover{
 text-decoration:underline;
}
#subMenu img{
 padding-right:3px;
 padding-left:3px;
 border:0;
}
#subMenu img.forceAlign{
  position:relative;
  top:5px;
  padding:0;
}
input.ok {
  padding:0;margin:0;
  background: url(../images/pictos/OK.gif);
  font-size:0%;
  width:23px;
  height: 23px;
  border:0;
  position:relative;
  top:-3px;
}

#rechercheRapide {
margin: 0;
padding: 0;
display: inline;
}

/*** menu principal ***/
/**ul#topmenu { width: 750px;position:absolute;top: 0px;left: 167px;padding:0px;list-style-type: none;margin: 0;padding: 0;}
#topmenu li { display: inline;height: 54px ;float:left;	padding:0px;}
#portail {background: url(images/orjazz/portail.gif) no-repeat bottom left;	}
#portail:hover {background: url(images/orjazz/portail.gif) no-repeat top left;	}
#orfunk {background: url(images/orjazz/orFunk.gif) no-repeat bottom left;	}
#orfunk:hover {background: url(images/orjazz/orFunk.gif) no-repeat top left;	}
#c129 {background: url(images/orjazz/collectif.gif) no-repeat bottom left;	}
#c129:hover {background: url(images/orjazz/collectif.gif) no-repeat top left;	}
#grpeSat {background: url(images/orjazz/satellites.gif) no-repeat bottom left;}
#grpeSat:hover {background: url(images/orjazz/satellites.gif) no-repeat top left;}
#reseau {background: url(images/orjazz/reseau.gif) no-repeat bottom left;	}
#reseau:hover {background: url(images/orjazz/reseau.gif) no-repeat top left;	}
#contact {background: url(images/orjazz/contact.gif) no-repeat bottom left;}
#contact:hover {background: url(images/orjazz/contact.gif) no-repeat top left;}**/

#mainMenu{
 display:block;
 clear:both;
 padding:0;margin:0;
 width:100%;
 list-style:none;
 position:relative;
 left:330px;
 top:-133px;
 /*hack ie*/
//top:-116px;
}

#mainMenu li{
 display: inline;
height: 40px ;
float:left;	
padding:0px;
padding-right:3px;
}
#mainMenu a span{
  display:none;
} 
#mainMenu a.eng{
	display:block;
	padding-top:5px;
	padding-left:3px;
}
#mainMenu a.imprim{
	display:block;
	padding-top:5px;
}

#mainMenu img{
 padding-right:3px;
 padding-left:3px;
 border:0;
}

/* Boutons menu haut emploi */
#mainMenu a.naviE{
		display:block;
		width:172px;
	  height:40px;
	background: url(../images/menu/emploiAccueil.png) no-repeat top left;
}
#mainMenu a.naviE:hover{
	background: url(../images/menu/emploiAccueil.png) no-repeat bottom left;
}
#mainMenu a.naviEinter{
  display:block;
  background: url(../images/pagesInterrieures/emploiAccueilInter.png) no-repeat top left;
  width:146px;
  height:40px;
}
#mainMenu a.naviEinter:hover{
  background: url(../images/pagesInterrieures/emploiAccueilInter.png) no-repeat bottom left ;
}
#mainMenu a.naviErubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesEmplois.jpg);
  width:138px;
  height:40px;
}
/* Boutons menu haut formations-metier */
#mainMenu a.naviF{
		display:block;
		width:172px;
	  	height:40px;
		background: url(../images/menu/metierAccueil.png) no-repeat top left;
}
#mainMenu a.naviF:hover{
  background: url(../images/menu/metierAccueil.png) no-repeat bottom left; 
}
#mainMenu a.naviFinter{
  display:block;
  background: url(../images/pagesInterrieures/metierAccueilInter.png)  no-repeat top left;
  width:146px;
  height:40px;
}
#mainMenu a.naviFinter:hover{
  background: url(../images/pagesInterrieures/metierAccueilInter.png)  no-repeat bottom left;
}
#mainMenu a.naviFrubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesFormations.jpg);
  width:138px;
  height:40px;
}
/* Boutons menu haut observatoire */

#mainMenu a.naviC, #mainMenu a.naviCrubrique{
	display:block;
	width:172px;
  height:40px;
background: url(../images/menu/observatoireAccueil.png) no-repeat top left;
}
#mainMenu a.naviC:hover{
background: url(../images/menu/observatoireAccueil.png) no-repeat bottom left;
}
#mainMenu a.naviCinter{
  display:block;
  background: url(../images/pagesInterrieures/observatoireAccueilInter.png)  no-repeat top left;
  width:146px;
  height:40px;
padding-right:-1px;
}
#mainMenu a.naviCinter:hover{
  background: url(../images/pagesInterrieures/observatoireAccueilInter.png)  no-repeat bottom left;
}
/*#mainMenu a.naviCrubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesConnaissances.jpg);
  width:155px;
  height:40px;
}*/

/***
#mainMenu li{
 float:right;
 padding:0;
 padding-right:3px;
 padding-bottom:2px;
}
#mainMenu a span{
  display:none;
} 
#mainMenu a.naviC{
  display:block;
  background: url(../images/accueil/connaissance.gif); 
  width:138px;
  height:40px;
}
#mainMenu a.naviC:hover{
  background: url(../images/accueil/connaissance_o.gif); 
}
#mainMenu a.naviCinter{
  display:block;
  background: url(../images/pagesInterrieures/connaissances.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenu a.naviCinter:hover{
  background: url(../images/pagesInterrieures/connaissances_o.jpg) ;
}
#mainMenu a.naviCrubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesConnaissances.jpg);
  width:155px;
  height:40px;
}

#mainMenu a.naviS{
  display:block;
  background: url(../images/accueil/stages.gif); 
  width:138px;
  height:40px;
}
#mainMenu a.naviS:hover{
  background: url(../images/accueil/stages_o.gif); 
}
#mainMenu a.naviSinter{
  display:block;
  background: url(../images/pagesInterrieures/stages.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenu a.naviSinter:hover{
  background: url(../images/pagesInterrieures/stages_o.jpg);
}
#mainMenu a.naviSrubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesStages.jpg);
  width:138px;
  height:40px;
}
#mainMenu a.naviF{
  display:block;
  background: url(../images/accueil/formation.gif); 
  width:138px;
  height:40px;
}
#mainMenu a.naviF:hover{
  background: url(../images/accueil/formation_o.gif); 
}
#mainMenu a.naviFinter{
  display:block;
  background: url(../images/pagesInterrieures/formations.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenu a.naviFinter:hover{
  background: url(../images/pagesInterrieures/formations_o.jpg) ;
}
#mainMenu a.naviFrubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesFormations.jpg);
  width:138px;
  height:40px;
}
#mainMenu a.naviE{
  display:block;
  background: url(../images/accueil/emploi.gif); 
  width:138px;
  height:40px;
}
#mainMenu a.naviE:hover{
  background: url(../images/accueil/emploi_o.gif); 
}
#mainMenu a.naviEinter{
  display:block;
  background: url(../images/pagesInterrieures/emplois.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenu a.naviEinter:hover{
  background: url(../images/pagesInterrieures/emplois_o.jpg) ;
}
#mainMenu a.naviErubrique{
  display:block;
  background: url(../images/pagesInterrieures/rubriquesEmplois.jpg);
  width:138px;
  height:40px;
}
#mainMenu img{
 padding-right:3px;
 padding-left:3px;
 border:0;
}
***/


/*** fil d'arianne ***/
#Arianne{
 clear:both;
 width:100%;
 position:relative;
 left:260px;
 top:-103px;

 /*hack ie*/
 //top:-86px;

 font-size:100%;
 color:#454545;
}
#Arianne a{
 color:#454545;

}

/*** petite phrase en page d accueil ***/
#smallSentence{
 clear:both;
 color:#FF0000;
 width:100%;
 position:relative;
 left:260px;
 top:-103px;

 /*hack ie*/
 //top:-86px;

 font-size:130%;
}
#smallSentence a{
 text-decoration:none;
}
#smallSentence a:hover{
 text-decoration:underline;
}
#smallSentence img{
 border:0;
 text-decoration:none;
 position:relative;
 top:3px;
}


/*****************
* Main 
*****************/
#mainContent{
  margin:0;padding:0;
  clear:both;
  position:relative;
  top:-82px;
  overflow: hidden;
  /*hack ie*/
  //top:-81px;
  background:  url(../images/menu/filetFondInterrieur.gif) repeat;
  border-right:1px solid #C1C0C0;
  border-left:1px solid #C1C0C0;
  width:940px;
}

.pageCible {
  min-height: 475px;
  height: 475px;
}

#mainContent #menu{
 margin:0;padding:0;
 width:227px;
 float: left;
 min-height: 475px;
 //height: 475px;
 background: url(../images/menu/fondMenu.gif) repeat-x;
}
#mainContent #content{
 margin:0;
 padding:0;
 border-left:1px solid #C0C0C0;
 width:712px;
 float:left;
}

#mainContent #content #content_haut { width: 692px; margin: 10px }
#mainContent #content #content_gauche { width: 346px; margin: 10px 5px 10px 10px }
#mainContent #content #content_droite { width: 346px; margin: 10px 10px 10px 5px; }
#mainContent #content #content_bas { width: 692px; margin: 10px;}

#mainContent #content H1 { margin-bottom:0; margin-bottom:10px; font-size:115%; line-height:normal;}

.bouton {
float: left;
margin: 5px;
margin-top: 11px;
line-height: 24px;
height: 24px;
width: 100px;
background-color: #cccccc;
border: solid 1px #595959;
color: #595959;
font-weight: bold;
text-decoration: none;
text-align: center;
}

#flash {
display: block;
margin-right: 30px;
float: right;
margin-top: 14px;
width:650px; height : 60px;
}
#actus{
 display:block;
 padding:20px;
 padding-left:50px;
 float: left;
}
#mainContent a img{
 border:0;
}
#mainContent #content #adminSentence{
 padding-top:10px;
 font-size:130%;
 text-align:center;
}

#mainContent #content #imgEntree a{
  display:block;
}
#mainContent #content #imgEntree a span{
 display:none;
}
#imgEntree{
 padding-top:20px;
 padding-right: 65px;
 padding-left: 65px;
}
#rechercheEmploi{
  float:left;
  width: 167px;
  height: 60px;
  background-image: url(../images/pagesInterrieures/rechercheEmploi.jpg);
}
#rechercheEmploi:hover{
  background-image: url(../images/pagesInterrieures/rechercheEmploi_o.jpg);
}
#rechercheSalarie{
  float:right;
  width: 167px;
  height: 60px;
  background-image: url(../images/pagesInterrieures/rechercheSalarie.jpg);
}
#rechercheSalarie:hover{
  background-image: url(../images/pagesInterrieures/rechercheSalarie_o.jpg);
}
#informeMetier{
  align:center;
  margin:auto;
  width: 167px;
  height: 60px;
  background-image: url(../images/pagesInterrieures/informeMetiers.jpg);
}
#informeMetier:hover{
  background-image: url(../images/pagesInterrieures/informeMetiers_o.jpg);
}
#informeFormations{
  float:right;
  margin-top:50px;
  width: 216px;
  height: 61px;
  background-image: url(../images/pagesInterrieures/informeFormations.jpg);
}
#informeFormations:hover{
  background-image: url(../images/pagesInterrieures/informeFormations_o.jpg);
}
#rechercheEtablissement{
  float:left;
  margin-left:15px;
  width: 168px;
  height: 61px;
  background-image: url(../images/pagesInterrieures/rechercheEtablissement.jpg);
}
#rechercheEtablissement:hover{
  background-image: url(../images/pagesInterrieures/rechercheEtablissement_o.jpg);
}
#rechercheFormations{
  float:left;
  margin-top:50px;
  width: 168px;
  height: 61px;
  background-image: url(../images/pagesInterrieures/rechercheFormations.jpg);
}
#rechercheFormations:hover{
  background-image: url(../images/pagesInterrieures/rechercheFormations_o.jpg);
}
#deposeOffre{
  float:right;
  width: 167px;
  height: 60px;
  background-image: url(../images/pagesInterrieures/deposeOffre.jpg);
}
#deposeOffre:hover{
  background-image: url(../images/pagesInterrieures/deposeOffre_o.jpg);
}
#rechercheStage{
  float:left;
  width: 167px;
  height: 60px;
  background-image: url(../images/pagesInterrieures/rechercheStage.jpg);
}
#rechercheStage:hover{
  background-image: url(../images/pagesInterrieures/rechercheStage_o.jpg);
}
#mainMenuConnaissances a.naviSinter {
  display:block;
  background: url(../images/pagesInterrieures/stages.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenuConnaissances a.naviSinter:hover {
  background: url(../images/pagesInterrieures/stages_o.jpg);
}

#mainMenuConnaissances a.naviFinter {
  display:block;
  background: url(../images/pagesInterrieures/formations.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenuConnaissances a.naviFinter:hover {
  background: url(../images/pagesInterrieures/formations_o.jpg) ;
}
#mainMenuConnaissances a.naviEinter{
  display:block;
  background: url(../images/pagesInterrieures/emplois.jpg) ;
  width:104px;
  height:30px;
  margin-top: 10px;
}
#mainMenuConnaissances a.naviEinter:hover{
  background: url(../images/pagesInterrieures/emplois_o.jpg) ;
}

hr.clear{
 margin:0;
 padding:0;
 clear:both;
 border:0;
 padding-bottom:20px;
 visibility:none;
 height:0;
 width:0;
}
/************
* Pied Page
*************/
#piedPage{
  clear:both;
  background: url(../images/accueil/fondPiedPage.gif) no-repeat;
  background-position : bottom;
  padding-bottom:7px;
  position:relative;
  top:-82px;
  //top:-86px;
}

#piedPage div{
 background: #FFFFFF;
 border-right:1px solid #C1C0C0;
 border-left:1px solid #C1C0C0;
 text-align:center;
 font-size:140%;
 padding-bottom:10px;
}
#partenaires{
 margin:0;padding:0;
 height:65px;
}
#partenaires a{
 margin:0;
}
address{
 background: #FFFFFF;
 display:block;
 margin:0;padding-bottom:10px;
 border-right:1px solid #C1C0C0;
 border-left:1px solid #C1C0C0;
 font-style:normal;
 text-align:center;
 font-size:100%;
}
#partenaires img{
 border:0;
 margin:0;padding:0;
}
#copyright{
 text-align:center;
 padding:2px;
  position:relative;
  top:-82px;
font-size:90%;
}
#emptyFooter{
  clear:both;
  position:relative;
  top:-82px;
  /*hack ie*/
  //top:-81px;

  left: 0px;
  height:10px;
  width:941px;
}

/***************
* Menu de gauche
****************/
#menu ul{
 list-style:none;
 color:#FFFFFF;
 margin: 0 0 10px 0;
 padding:0;
 font-weight:bold;
}
#menu li{
 margin:0;
 margin-top:5px;
 font-size:110%;
 padding:0;
 padding-top:10px;
}
#menu li a{
 display:block;
 text-decoration:none;
 color:#FFFFFF;
 padding:0;margin:0;
 padding-left:30px;
 padding-right:20px;
/* margin-bottom:2px;*/
}


#menu li.emploi{
 background:#00626D url(../images/menu/principalEmplois.gif) no-repeat;
}
#menu li.emploi a.selected{
 background: url(../images/menu/pucePrincipalEmplois.gif) no-repeat;
 background-position : bottom right;
}

#menu li.formation{
 background:#76B900 url(../images/menu/principalFormations.gif) no-repeat;
}
#menu li.formation a.selected{
 background: url(../images/menu/pucePrincipalFormation.gif) no-repeat;
 background-position : bottom right;
}


#menu li.stage{
 background:#e47E00 url(../images/menu/principalStages.gif) no-repeat;
}
#menu li.stage a.selected{
 background: url(../images/menu/pucePrincipalStages.gif) no-repeat;
 background-position : bottom right;
}

#menu li.connaissance{
 background:#833D1A url(../images/menu/principalConnaissances.gif) no-repeat;
}
#menu li.connaissance a.selected{
 background: url(../images/menu/pucePrincipalConnaissances.gif) no-repeat;
 background-position : bottom right;
}
/*sous entree */
#menu li ul{
 margin:0;padding:0;
 background:#FF0000;
 background:#7F7F7F;
}
#menu li li{
 background:#7F7F7F;
 margin:0;padding:0;
 border-top:1px solid #FFFFFF;

 /* hack ie */
 height:20px;
 height: auto;
}
#menu li li a{
 font-size:90%;
 padding:2px;
 padding-left:20px;
}
#menu li li a.selected2{
 background: url(../images/menu/puceSsMenu1.gif) no-repeat;
 background-position : bottom right;
}

/*sous sous entree */
#menu li li  ul{
 margin:0;padding:0;
 background:#A6A6A6;
}
#menu li li li{
 background:#A6A6A6;
 margin:0;padding:0;
 margin-bottom:0;
 border-top:1px solid #FFFFFF;
 margin:0;padding:0;
}
#menu li li li a{
 font-size:80%;
 padding:2px;
 padding-left:30px;
 margin:0;
 color:#454545;
}
#menu li li li a.selected3{
 background: url(../images/menu/puceSsMenu2.gif) no-repeat;
 background-position : bottom right;
} 

/*sous sous sous entrees ;-)*/
#menu li li li  ul{
 margin:0;padding:0;
 background:#CCCCCC;
}
#menu li li li li{
 background:#CCCCCC;
 margin:0;padding:0;
 margin-bottom:0px;
 border-top:1px solid #FFFFFF;
}
#menu li li li li a{
 font-size:70%;
 padding:2px;
 padding-left:40px;
 color:#454545;
}
/* DIVERS;-)*/

.drapeaux {
display: none;
visibility: hidden;
}

.salonchev {
  background: url(/uploads/pics/SalonChevalp.jpg) no-repeat;
  padding-left: 50px;
  background-color: black;
  color: white;
}

/**************
boutons lookés GRIS métiers
*************/

.big_spc_bouton{
display: block;
height: 29px;
width: 134px;
float: left;
background: url(../images/pictos/fondBouton.gif) no-repeat;
margin: 5px;
color: white;
font-weight: bold;
text-decoration: none;
text-align: center;
padding-top:7px;
}

.big_spc_bouton:hover{
background: url(../images/pictos/fondBouton_o.gif) no-repeat;
}


ul.menu_second_metier
{
	clear: both;
	margin-top: 20px;
	width:650px;
	margin-left: auto; 
	margin-right: auto; 
}
 
ul.menu_second_metier li
{
	font-family: Helvetica, Verdana, sans-serif;
	display: inline;
	float: left;
	height: 53px;
	list-style-type: none;
	margin-left:20px;
	background: url(../images/pagesInterrieures/metier_onglet_droit.png) right top no-repeat transparent;
}
 
ul.menu_second_metier li:hover,
ul.menu_second_metier li.on
{
	background: url(../images/pagesInterrieures/metier_onglet_droit_on.png) right top no-repeat transparent;
}
 
ul.menu_second_metier li a
{
	display: block;
	height: 53px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #393939;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 8px 25px 0 25px;
	font-size: 15px;
	background: url(../images/pagesInterrieures/metier_onglet_gauche.png) left top no-repeat transparent;
}
 
ul.menu_second_metier li a:hover,
ul.menu_second_metier li a.on
{
	background: url(../images/pagesInterrieures/metier_onglet_gauche_on.png) left top no-repeat transparent;
	padding: 10px 25px 0 25px;
}

/**************
boutons lookés observatoire
**************/

ul.menu_second_observatoire
{
	clear: both;
	margin-top: 20px;
	width:600px;
	margin-left: auto; 
	margin-right: auto; 
}
 
ul.menu_second_observatoire li
{
	font-family: Helvetica, Verdana, sans-serif;
	display: inline;
	float: left;
	height: 53px;
	list-style-type: none;
	background: url(../images/pagesInterrieures/observatoire_onglet_droit.png) right top no-repeat transparent;
}
 
ul.menu_second_observatoire li:hover,
ul.menu_second_observatoire li.on
{
	background: url(../images/pagesInterrieures/observatoire_onglet_droit_on.png) right top no-repeat transparent;
}
 
ul.menu_second_observatoire li a
{
	display: block;
	height: 53px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 2px 2px 2px #393939;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	padding: 8px 25px 0 25px;
	font-size: 15px;
	background: url(../images/pagesInterrieures/observatoire_onglet_gauche.png) left top no-repeat transparent;
}
 
ul.menu_second_observatoire li a:hover,
ul.menu_second_observatoire li a.on
{
	background: url(../images/pagesInterrieures/observatoire_onglet_gauche_on.png) left top no-repeat transparent;
	padding: 10px 25px 0 25px;
}