/*@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-color:#007EC6;*/
		background-image: url(/newhome/images/bg-home.png) !important;
		background-repeat: repeat-x !important;
		background-position: top left !important;
		background-color: white !important;
	}

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

/* 	_____________________________________________________________________
								FOND
	_____________________________________________________________________ */

	#fond {
		width:1000px;
		height:580px;
		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;}

/* 	_____________________________________________________________________
								BLOCK PRINCIPAUX
	_____________________________________________________________________ */

	#page {
		width:1000px;
		height:580px;
		border:0;
		background-color:#FFF;
		border: solid 1px #000000;
	}

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

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

	#content {
		width:100%;
		height:490px;
		margin-top:3px;
	}

	#content td{
		text-align:right;
	}


/* 	_____________________________________________________________________
								HEADER
	_____________________________________________________________________ */

	#header td { text-align:right; }
	#header img.logo { margin:0px 0 0 30px; float:left; border:0;}
	#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
	____________________________________________________________________________________________________ */

	#menuHautHome { margin:0; float:right; }
	#menuHautHome ul { list-style-type: none; margin:5px 0 0 5px; padding:0; clear:left; }
	#menuHautHome ul li {list-style-type: none; }
	#menuHautHome td { padding:0; margin:0;}

/* --------------------------- pour la premiere cellule */
	#menuHautHome td#first { float:left; margin:0; padding:10px 10px 0 10px; }
	#menuHautHome td#first div { height:139px; width:175px; }

/*	#menuHautHome.avril 		td#first {  background-color:#0078BF; border-left:5px solid #0078BF; }*/
	#menuHautHome.septembre 	td#first {  background-color:#0078BF; border-left:5px solid #0078BF; }
	#menuHautHome.bordeaux 		td#first {  background-color:#EC008C; border-left:5px solid #EC008C; }
	#menuHautHome.strasbourg 	td#first {  background-color:#72BF44; border-left:5px solid #72BF44; }
	#menuHautHome.emploi 		td#first {  background-color:#BD3F3B; border-left:5px solid #BD3F3B; }
	#menuHautHome.formation 	td#first {  background-color:#83438B; border-left:5px solid #83438B; }

/*	#menuHautHome.avril  		td#first span.chiffre { color:#f47020; }*/
	#menuHautHome.septembre 	td#first span.chiffre { color:#EF9C00; }
	#menuHautHome.bordeaux  	td#first span.chiffre { color:#007fc5; }
	#menuHautHome.strasbourg  	td#first span.chiffre { color:#ed008d; }
	#menuHautHome.emploi  		td#first span.chiffre { color:#0078BF; }
	#menuHautHome.formation  	td#first span.chiffre { color:#ed008d; }


/* -------------------------- pour les autres cellules */
	#menuHautHome td {
		position:relative;
		height:139px;
		color:#FFF;
		font-weight:normal;
		font-size:0.8em;
		text-transform:uppercase;
		text-align:left;
	}

	#menuHautHome td div#transparent {
		padding:10px 10px 0 10px;
		width: 173px;
		height:139px;
		/*filter:alpha(opacity=75);
		-moz-opacity:0.75;
		opacity: 0.75;*/
	}

/*	#menuHautHome.avril 		td {  border-left:5px solid #EE9B00; }*/
	#menuHautHome.septembre 	td {  border-left:5px solid #EE9B00; }
	#menuHautHome.bordeaux  	td {  border-left:5px solid #EE9B00; }
	#menuHautHome.strasbourg 	td {  border-left:5px solid #EE9B00; }
	#menuHautHome.formation 	td {  border-left:5px solid #EE9B00; }
	#menuHautHome.emploi 		td {  border-left:5px solid #EE9B00; }

/*	#menuHautHome.avril 		div#transparent { background: #0078BF url(../img/fond_panneau_haut_avril.jpg) repeat-y; }*/
	#menuHautHome.septembre 	div#transparent { background: #0078BF url(../img/fond_panneau_haut_septembre.jpg) repeat-y; }
	#menuHautHome.bordeaux  	div#transparent { background: #EC008C url(../img/fond_panneau_haut_bordeaux.jpg) repeat-y; }
	#menuHautHome.strasbourg 	div#transparent { background: #72BF44 url(../img/fond_panneau_haut_strasbourg.jpg) repeat-y; }
	#menuHautHome.emploi  		div#transparent { background: #BD3F3B url(../img/fond_panneau_haut_emploi.jpg) repeat-y; }
	#menuHautHome.formation 	div#transparent { background: #83438B url(../img/fond_panneau_haut_formation.jpg) repeat-y; }


	#menuHautHome img.listeComplete {
		position:absolute;
		bottom:3px;
		right:3px;
		z-index:100;
		border:0;
	}

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

/*	#menuHautHome.avril  		span.chiffre { color:#F47020; }*/
	#menuHautHome.septembre 	span.chiffre { color:#EF9C00; }
	#menuHautHome.bordeaux  	span.chiffre { color:#00507a; }
	#menuHautHome.strasbourg  	span.chiffre { color:#d4007f; }

/* 	_____________________________________________________________________
								MENU GAUCHE
	_____________________________________________________________________ */

	td#menuGaucheHome {
	width:208px;
	padding:0;
	text-align: left;
	vertical-align: top;
	top: auto;
	left: auto;
}

	#menuGaucheHome img.inscription { margin:26px 0 10px 0; clear:both; border:0;}

	#menuGaucheHome ul { list-style-type:none; margin:0; padding:0; text-align:left; }
	#menuGaucheHome li {
		list-style-type:none;
		text-align:right;
		padding:0;
		margin:0;
		font-size:0.8em;
	}

	#menuGaucheHome 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:#000;
		font-weight:bold;
	}

/* 	_____________________________________________________________________
								PAGE CENTRALE
	_____________________________________________________________________ */

	.fondForum {
		/*background:#FFF url(../img/image_fond.jpg) bottom right no-repeat;*/
	}

	.fondFormation {
		background:#FFF url(../img/image_fond_formation.jpg) bottom right no-repeat;
	}

	.fondEmploi {
		background:#FFF url(../img/image_fond_emploi.jpg) bottom right no-repeat;
	}
	
	.fondNews {
		background:#FFF url(../img/image_fond_news.jpg) bottom right no-repeat;
	}

/* 	_____________________________________________________________________
								RECHERCHE
	_____________________________________________________________________ */

	#recherche {
		display:inline;
		float:right;
		margin:160px 4px 0 0;
		width:210px;
		/*height:141px;*/
		text-align:left;
	}

	#recherche td { border:0; padding:0; }

	#recherche td.haut {
		background:url(../img/valise_h.png) left bottom repeat-x !important;
		background:#FFF url(../img/valise_h.gif) left bottom repeat-x;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:178px;
		height:17px;
		text-align:center;
	}

	#recherche td.coinHautGauche {
		/* Mozilla */
		background: url(../img/valise_h_g.png) no-repeat !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_h_g.gif) no-repeat;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:11px;
		height:17px;
	}

	#recherche td.gauche {
		/* Mozilla */
		background:url(../img/valise_g.png) repeat-y !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_g.gif) repeat-y;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:11px;
		height:114px;
	}

	#recherche td.coinBasGauche {
		/* Mozilla */
		background:url(../img/valise_b_g.png) no-repeat !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_b_g.gif) no-repeat;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:11px;
		height:19px;
	}

	#recherche td.bas {
		/* Mozilla */
		background:url(../img/valise_b.png) repeat-x !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		background: url(../img/valise_b.gif) repeat-x ;
		width:178px;
		height:19px;
	}

	#recherche td.coinBasDroit {
		/* Mozilla */
		background:url(../img/valise_b_d.png) no-repeat !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_b_d.gif) no-repeat;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:17px;
		height:19px;
	}

	#recherche td.droit {
		/* Mozilla */
		background:url(../img/valise_d.png) repeat-y !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_d.gif) repeat-y;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:17px;
		height:114px;
	}

	#recherche td.coinHautDroit {
		/* Mozilla */
		background:url(../img/valise_h_d.png) no-repeat !important;
		filter:alpha(opacity=100); -moz-opacity:1; opacity: 1 !important;
		/* IE */
		background:url(../img/valise_h_d.gif) no-repeat;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:17px;
		height:17px;
	}

/* div avec le fond transparent */
	#centre {
		background-color:#FFF;
		filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6 !important;
		filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;
		width:182px;
		height:114px;
	}

/* div avec les éléments de formulaire */
	#formRecherche {
		position:absolute;
		top:0;
		left:0;
		padding:0 0 0 7px;
	}

	#formRecherche table {
		padding:0;
		margin:0;
		width:182px;
		border:0;
	}

	#formRecherche h1{
		background:url(../img/puce_recherche.gif) 0 3px no-repeat ;
		font-size:1.1em;
		color:#0078BF;
		padding:0 0 0 8px;
		margin:0;
	}

/* bouton recherche */
	.menuRecherche {
		background: url(../img/onglet_recherche.png)  no-repeat!important;
		background: url(../img/onglet_recherche.gif) no-repeat;

		width:153px !important;
		height:22px !important;
		width:148px;
		height:18px;

		text-align:left;
		padding:0 0 0 5px;
		font-weight:bold;
		text-transform:uppercase;
		font-size:0.8em;
		color:#0078BF;
		border:0;
		margin:2px 3px 2px 0 ;
	}

	.menuRechercheEmplois {
		float:right;
		background: url(../img/onglet_recherche2.png) no-repeat !important;
		background: url(../img/onglet_recherche2.gif) no-repeat;

		width:153px !important;
		height:24px !important;
		width:148px;
		height:21px;

		text-align:center;
		padding:0 0 0 5px;
		font-weight:bold;
		text-transform:uppercase;
		font-size:0.8em;
		color:#EF9C00;
		border:0;
		margin:0 3px 0 0 ;
	}

	.boutonRecherche {
		float:left;
		background: url(../img/bt_ok.png) no-repeat !important;
		background: url(../img/bt_ok.gif) no-repeat;

		width:25px !important;
		height:25px !important;
		width:20px;
		height:21px;

		text-align:center;
		padding:0 0 0 5px;
		font-weight:bold;
		text-transform:uppercase;
		font-size:0.8em;
		color:#EF9C00;
		border:0;
	}

/* 	_____________________________________________________________________
								PARTENAIRE
	_____________________________________________________________________ */

	td#partenaire  {
		width:587px ;
		height:52px;
		background:#0078BF url(../img/bandeau_partenaire.jpg) repeat-x;
		padding:10px 2px 2px 2px;
		margin:0;
	}

	#partenaire img { float:left; margin:0 6px;}
#page tr td #content tr td table tr td p {
	color: #603714;
	font-weight: bold;
}
#page tr td #content tr td table tr td p {
	font-family: Georgia, Times New Roman, Times, serif;
}
#page tr td #content tr td table tr td h2 {
	color: #175A87;
}