/*@charset "utf-8";*/
/* CSS Document */

	html { font-size:75%; height:100%; }
	body {
		margin:0;
		padding: 0;
		color: #000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		height:100%;
		/*background:#007EC6;*/
	}

	table {	border-collapse:collapse; margin:0; padding:0;}
	td {padding:0; }
	form { border:0; margin:0; padding:0;}

/* 	_____________________________________________________________________
								FOND
	_____________________________________________________________________ */

	#fond {
		width:1001px;
		height:601px;
		border:0;
	}

	#fond td.fondH { background: url(../img/fd_h.gif) repeat-x ;}
	#fond td.fondB { background: url(../img/fd_b.gif) repeat-x ;}

	#fond td.fondD { background: url(../img/fd_d.gif) repeat-y ;}
	#fond td.fondG { background: url(../img/fd_g.gif) repeat-y ;}

	#fond .coin { width:50px; height:50px;}

	#fondSociete { background: #167CBC url(../img/backgroundSociete.jpg) repeat-y top center;}


/* 	_____________________________________________________________________
								BLOCK PRINCIPAUX
	_____________________________________________________________________ */

	#page {
		position:relative;
		margin:5px auto;
		width:1000px;
		height:600px;
		border:0;
		background:#FFF;
		border: solid 1px #000000;
	}

	#page td { vertical-align:top; padding:0;}

	#page2 {
		position:relative;
		margin:5px auto;
		width:810px;
		height:600px;
		border:0;
		background:#FFF;
	}

	#page2 td { vertical-align:top; padding:0;}

	#page3 {
		position:relative;
		margin:0 auto;
		width:700px;
		/*height:600px;*/
		border:0;
		background:#FFF;
	}

	#page3 td { vertical-align:top; padding:0;}

	#header {
		width:100%;
		height:82px;
		border:0;
	}

/* tableau g�n�ral contenant le menu haut , le menu gauche et content*/
	#content {
		width:100%;
		height:auto;
		height:600px;
		text-align:left;
	}
	#content2 {
		width:100%;
		/*height:100%;
		height:600px;*/
		text-align:left;
	}

/* cellule de droite pour le contenu */
	td#contenu {
		vertical-align:top;
		padding: 0 0 10px 20px;
		color:#000;
		font-size:0.9em;
	}

	td#contenuSociete {
		vertical-align:top;
		color:#000;
		font-size:0.9em;
	}

/* 	_____________________________________________________________________
								HEADER
	_____________________________________________________________________ */

	#header td.logo { text-align:right; vertical-align:bottom;}

	#header img.logo { margin:0px 0 0 30px; float:left; border:0;}
	#header img.banniere { margin:0px 0 0 30px; float:right; border:0;}


/* bordure bleue */
	#header hr {
		display:block;
		float:right;
		margin:0 0 4px 0 ;
		 _margin:0 0 -10px 0 ;
		padding: 0;
		width:603px;
		height:6px;
		border:0;
		background-color:#0078BF;
		color:#0078BF;
	}

/* 	_____________________________________________________________________
								MENU HAUT
	_____________________________________________________________________ */

	#menuHaut { margin:0; text-align:left; }

/* bordure */

	#menuHaut.avril 		td {  border-left:5px solid #EE9B00; background:#0078BF url(../img/fond_panneau_haut_avril.jpg) repeat-y; font-weight:bold; font-size:1.7em; }
	#menuHaut.septembre 	td {  border-left:5px solid #EE9B00; background:#0078BF url(../img/fond_panneau_haut_septembre.jpg) repeat-y;  font-weight:bold; font-size:1.7em; }
/*	#menuHaut.bordeaux  	td {  border-left:5px solid #EE9B00; background:#EC008C url(../img/fond_panneau_haut_bordeaux.jpg) repeat-y; font-weight:bold; font-size:1.7em; }*/
	#menuHaut.strasbourg 	td {  border-left:5px solid #EE9B00; background:#72BF44 url(../img/fond_panneau_haut_strasbourg.jpg) repeat-y; font-weight:bold; font-size:1.7em;}
	#menuHaut.formation 	td {  border-left:5px solid #EE9B00; background:#83438B url(../img/fond_panneau_haut_formation.jpg) repeat-y; font-weight:bold; font-size:1.7em;}
	#menuHaut.emploi 		td {  border-left:5px solid #EE9B00; background:#BD3F3B url(../img/fond_panneau_haut_emploi.jpg) repeat-y; font-weight:bold; font-size:1.7em;}

	#menuHaut a {
		display:block;
		width:182px;
		height:40px;
		padding:10px 5px 0 5px;
		margin:0;
		text-decoration:none;
		color:#FFF;
		font-weight:bold;
		font-size:0.8em;
		text-transform:uppercase;
		white-space:nowrap;
		cursor:pointer;
		border:0;
	}

/* --------------------------- pour la premiere cellule */
	#menuHaut a.firstItem { /*width:182px;*/ }

	#menuHaut.avril			th { border-left:5px solid #0078BF; }
	#menuHaut.septembre		th { border-left:5px solid #0078BF; }
/*	#menuHaut.bordeaux		th { border-left:5px solid #EC008C; }*/
	#menuHaut.strasbourg	th { border-left:5px solid #72BF44; }

	#menuHaut.avril 		td#firstCell {  float:left; border-left:none;  background:#0078BF; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; padding:0; }
	#menuHaut.septembre 	td#firstCell {  float:left; border-left:none; background:#0078BF; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; padding:0;}
/*	#menuHaut.bordeaux 		td#firstCell {  float:left;  border-left:none; background:#EC008C; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; padding:0;}*/
	#menuHaut.strasbourg 	td#firstCell {  float:left; border-left:none; background:#72BF44; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; padding:0; }

/* chiffre Region, entreprise ... */
	.chiffre {
		clear:both;
		float:left;
		font-weight:bold;
		font-size:26px;
		padding:0 5px;
	}
	.theme {
		float:left;
		clear:both;
		font-weight:bold;
		font-size:1.8em;
		padding:0 5px;
	}

	#menuHaut.avril  		span.chiffre { color:#F47020; }
	#menuHaut.septembre 	span.chiffre { color:#EF9C00; }
/*	#menuHaut.bordeaux  	span.chiffre { color:#00507a; }*/
	#menuHaut.strasbourg  	span.chiffre { color:#d4007f; }
	#menuHaut.emploi	  	span.chiffre { color:#000; }
	#menuHaut.formation  	span.chiffre { color:#F7803A; }



/* 	_____________________________________________________________________
								MENU GAUCHE
	_____________________________________________________________________ */

	#menuGauche { width:208px; height:400px; }
	#menuGaucheSociete {width:197px; }
	#menuGauche ul {  list-style-type:none; margin:10px 0 0 0; padding:0; text-align:right;  }

	#menuGauche li {
		list-style-type:none;
		text-align:right;
		/*height:26px;*/
		padding:0;
		margin:0;
		font-size:0.8em;
	}

	#menuGauche li a{
		background: url(../img/puce_menu_home.jpg) 100% 3px no-repeat;
		display:block;
		padding:7px 19px 0 0;
		/*width:166px;*/
		height:23px;
		text-transform:uppercase;
		text-decoration:none;
		/*color:#e97118;*/
		color:#000000;
		font-weight:bold;
	}

	#menuGauche img { height:44px }

/* fond du menu image des jeunes */
	/*.entreprise { background:#FFF url(../img/fond_menu_entreprise.jpg) -4px 270px no-repeat; height:100%;}*/
	.societe { background:#FFF url(../img/fond_menu_societe.jpg) 0 90px no-repeat; height:100%;}
	/*.inscription { background:#FFF url(../img/fond_menu_entreprise.jpg) -4px 270px no-repeat; height:100%;}*/


/* 	_____________________________________________________________________
								CONTENU CENTRAL
	_____________________________________________________________________ */

	#contenu h1{
		background:url(../img/puce_titre.jpg) 0 3px no-repeat ;
		font-size:1.2em;
		color:#0078BF;
		padding:3px 0 0 15px;
		margin:10px 0;
	}


#fiche {
	border: 2px solid #4CA0D2;
	width: 750px;
	height: 100%;
	text-align: left;
	margin: 0;
}
#fiche h2 {
	background: #4CA0D2 none;
	clear: both;
	width: 40%;
	color: #FFF;
	font-size: 1.2em;
	font-variant: small-caps;
	white-space: nowrap;
	margin: 20px 0 0 0 ;
	padding: 0 5px 0 5px;
}
#fiche h2.first {
	margin: 0;
}
#fiche p {
	text-align: justify;
	padding: 5px 15px 20px 3px;
	margin: 0;
}
#fiche table.table {
	width: 90%;
}
#fiche table.table td {
	border-bottom: 1px dotted #ABD3EA;
	padding: 4px 0 4px 0;
	width: 0;
}
#fiche table.table th {
	border-bottom: 1px dotted #ABD3EA;
	color: #4CA0D2;
	padding: 4px 2px 0 4px;
	vertical-align: top;
	width: 150px;
}
#fiche table.table td table tr { border: none; }
#fiche table.table td table tr td { border: none; }
#fiche ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }
#fiche li {list-style-type:none; padding:0; margin:0;}
#fiche table.tableOpportunite {
	margin: 0 10px 0 10px;
	border: solid 1px #F47020;
}
.logoFiche {
	float: left;
	padding: 3px;
	margin: 8px 3px 3px;
	border: 1px solid #4CA0D2;
	width: 100px;
	height: 50px;
}
a.pictoFiche {
	float: right;
	display: block;
	margin: 5px 25px 2px 0;
	border: 0;
	padding: 0;
}
span.info {
	margin: 5px 0 0 5px;
	padding: 0;
	font-style: italic;
	font-size: 10px;
	color: #AAAAAA;
}
h3.titreOpportunite {
	margin: 0;
	padding: 10px 0 0 15px;
	font-weight: bold;
	font-size: 14px;
	color: #F47020;
}

h3.titreOpportunite a {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 14px;
	color: #F47020;
	text-decoration: none;
}


/* _____________________  TABLEAU FICHE ENTREPRISE _____________________ */
/*
	#fiche {
		float:left;
		border:2px solid #4CA0D2;
		width:95%;
		height:100%;
		text-align:left;
		margin:0;
	}

	/*#fiche td {
		padding:0 0 10px 0;
		width:50%;
	}*/

/*
	#fiche ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }
	#fiche li {list-style-type:none; padding:0; margin:0;}

	#fiche h2 {
		background: #4CA0D2 none;
		clear:both;
		width:40%;
		color:#FFF;
		font-size:1.2em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:20px 0 0 0 ;
		padding:0 5px 0 5px;
	}
*/
/* __________________ uniquement pour les premiers titre en haut de tableau */
/*
	#fiche h2.first { margin:0; }

	#fiche td {
		width:50%;
	}

	#fiche p {
		text-align:justify;
		padding:5px 15px 20px 3px;
		margin:0;
	}

	#fiche table { width:90%;}
	#fiche table td { border-bottom:1px dotted #ABD3EA; padding:8px 0; width:0;}
	#fiche table th { border-bottom:1px dotted #ABD3EA; color:#4CA0D2; padding:8px 2px 0 0; vertical-align:top;  width:150px;}

*/
/* ________________ pour les �l�ments g�n�r�s nettoyage des marges des balises de la base */
/*
	#fiche table td *,
	#fiche table td ul,
	{
		border:0;
		margin:0;
		padding:0;
	}

	.logoFiche {float:left; padding:3px; margin:8px 3px 3px; border:1px solid #4CA0D2; width:100px; height:50px;}
	a.pictoFiche {float: right; display:block; margin:5px 25px 2px 0; border:0; padding:0;}
	.titreOpportunite { color:#F00; }
*/
/* _______________________________________ TABLEAU LISTING ___________________________________ */

	#listing {
		float:left;
		width:700px;
		height:100%;
		text-align:left;
		margin:0;
	}


	#listing th  {
		background-color:#4CA0D2;
		color:#FFF;
		font-weight:bold;
		height:41px;
		padding:0 7px 0 7px;
		vertical-align:middle;
		white-space:nowrap;
	}

	#listing th.courte {
		width:100px;
	}

	#listing th.moyenne {
		width:150px;
	}

	#listing th.grande {
		width:250px;
	}

	/* pour la fleche */
	#listing th.petite {
		width:40px;
	}

	/*#listing th.region { width:100px; }*/

	#listing td {
		background-color:#BFDDEF;
		color:#000;
		font-weight:normal;
		/*height:41px;*/
		padding:5px 0 5px 2px;
		border-top:3px #FFF solid;
		vertical-align:middle;
	}

	#listing td.titreGras {
		font-weight:bold;
	}

	#listing .logo {
		padding:3px;
		margin: 0 6px 0 6px;
		border:1px solid #4CA0D2;
	}

	#listing .fleche {
		float:right;
		margin: 0 16px;
		border:0;
	}

	#listing ul {list-style-type:none; width:auto; padding:0; margin:0 0 0 5px; }
	#listing li {list-style-type:none;	padding:0; margin:0;}



/* _______________________________________ FORMULAIRE ETUDIANT ___________________________________ */


	#formulaireEtudiant th, #formulaireEtudiant td {
		border:3px #FFF solid;
		padding:3px;
	}

	#formulaireEtudiant th {
		background-color:#4CA0D2;
		color:#FFF;
		font-weight:bold;
	}

	#formulaireEtudiant td {
		background-color:#BFDDEF;
		color:#000;
		font-weight:normal;

	}

	#formulaireEtudiant td table td {border:none;}

	#formulaireEtudiant th.important {background-color:#F00; text-align:center; }

/* ___________________________________  TABLEAU SERVICES ___________________________________ */

	#services {
		border:2px solid #4CA0D2;
		width:95%;
		height:100%;
		text-align:left;
		margin:10px 0 0 0;
	}

	#services td {
		padding:5px 10px;
	}

	#services ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }
	#services li {list-style-type:none; padding:0; margin:0;}

	#services h2 {
		background: #4CA0D2 none;
		clear:both;
		width:40%;
		color:#FFF;
		font-size:1.2em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:20px 0 0 0 ;
		padding:0 5px 0 5px;
	}

/* ___________________________________  TABLEAU ORAUX ___________________________________ */

	#oraux {
		border:2px solid #4CA0D2;
		width:95%;
		height:100%;
		text-align:left;
		margin:10px 0 0 0;
	}

	#oraux td {
		padding:5px 10px;
	}

	#oraux ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }
	#oraux li {list-style-type:none; padding:0; margin:0;}

	#oraux h2 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.3em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:10px 0 0 0 ;
		padding:0 5px 0 5px;
	}

	#oraux h3 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.3em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:0 0 20px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#oraux h4 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#778899;
		font-size:1.3em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:0 0 20px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#oraux h4 a {	text-decoration:underline; color:#0078BF;	}

/* ___________________________________  TABLEAU PROJET ___________________________________ */


/* ___________________________________  TABLEAU ORAUX2 ___________________________________ */

	#oraux2 {
		border:0px solid #4CA0D2;
		width:40%;
		height:100%;
		text-align:left;
		margin:10px 0 0 0;
	}

	#oraux2 td {
		padding:5px 10px;
	}

	#oraux2 ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }
	#oraux2 li {list-style-type:none; padding:0; margin:0;}

	#oraux2 h2 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.0em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:10px 0 0 0 ;
		padding:0 5px 0 5px;
	}

	#oraux2 h3 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.0em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:0 0 10px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#oraux2 h4 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#000000;
		font-size:1.0em;
		font-variant:small-caps;
		white-space:nowrap;
		margin:0 0 10px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#oraux2 h4 a {	text-decoration:underline; color:#0078BF;font-weight:bold;	}

/* ___________________________________  TABLEAU PROJET ___________________________________ */


	#projet {

		border:2px solid #4CA0D2;
		width:95%;
		height:100%;
		text-align:left;
		margin:10px 0 0 0;
	}

	#projet td {
		padding:5px 10px;
	}

	#projet p {
		margin:0 0 10px 0;
	}

	#projet ul {list-style-type:none; width:auto; padding:0; margin:0 10px 0 10px; }
	#projet li {list-style-type:square; padding:0; margin:0; }

	#projet h1 {
		/*background: #4CA0D2 none;*/
		font-size:1.5em;
		}


	#projet h2 {
		/*background: #4CA0D2 none;*/
		clear:both;
		/*width:40%;*/
		color:#0078BF;
		font-size:1.4em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:10px 0 5px 0 ;
		padding:0 5px 0 0;
		text-decoration:underline;
	}

	#projet h3 {
		/*background: #4CA0D2 none;*/
		clear:both;
		/*width:40%;*/
		color:#0078BF;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:10px 0 0 0 ;
		padding:0 5px 0 15px;
		font-weight:bold;
	}

	#projet h4 {
		/*background: #4CA0D2 none;*/
		clear:both;
		/*width:40%;*/
		color:#647484;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:0 0 0 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#projet h5 {
		/*background: #4CA0D2 none;*/
		clear:both;
		/*width:40%;*/
		color:#6B8294;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:10px 0 0 0 ;
		padding:0 5px 0 5px;
		font-weight:bold;
	}

	#projet .titre {
		color:#FF0000;
		font-weight:bold;
	}



/* ___________________________________  TABLEAU LOGIN ___________________________________ */

	#login {
		/*border:2px solid #4CA0D2;*/
		/*width:95%;*/
	/*	height:100%; C90760*/
		text-align:left;
		margin:10px 0 0 0;
	}

	#login td {
		padding:5px 10px;
		width:50%;
	}

	#login ul {list-style-type:none; width:auto; padding:0; margin:10px 10px; }

	#login ul li {
		background: url(../img/fleche_menu.gif) no-repeat 0 8px;
		list-style-type:none;
		padding:3px 15px;
		margin:0;
	}

	#login ul li.retrait {
		background: none;
		padding:3px 0;
		margin:0 20px;
	}

	#login li.noBullet {
		background: none;
	}

	#login h2 {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:10px 0 0 0 ;
		padding:0 5px 0 0;
	}

	#login h3,  #login a {
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#0078BF;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:0 0 20px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#login h4{
		/*background: #4CA0D2 none;*/
		clear:both;
		width:40%;
		color:#778899;
		font-size:1.3em;
		font-variant:small-caps;
		/*white-space:nowrap;*/
		margin:0 0 20px 0 ;
		padding:0 5px 0 5px;
		font-weight:normal;
	}

	#login h4 a {	text-decoration:underline; color:#0078BF;	}



/* _______________________________________ STYLE GENERAUX ___________________________________ */

	td#contenu.message {
		vertical-align:middle;
		height:500px;
	}