/*

*/
html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#contenant {
	margin: 0 auto;
	padding: 0em;
	width: 960px;
	\width: 960px;
	w\idth: 960px;
	text-align:left;
	vertical-align: middle;	
	position: relative;
	min-height: 100%;
	xbackground-color: #bfd1e1;
}

* html #contenant {
	height: 100%;
}

a {
	color:#cc0000;
	text-decoration:underline;
}

a:hover {
	color:#ff0000;
	text-decoration:none;
}

/* STYLE POUR ENTÊTE DE PAGE *************************************************************************************/

#navbar {
	position: absolute;
	left: 50%;
	top: 2em;
	xmargin: -1em -1em 0 0em; /* Mozzila attributes */
	xpadding: 1em 0 1em 1em !important; /* IE specific attributes */
	xpadding: 1em 0 0 1em;
	z-index: 10;
}

#navbar ul {
	margin: 0 0 -1em .3em !important;
	margin: .3em 0 0 .3em;
	padding: 0 0 1em 0;
	list-style: none;
}

#navbar li {
	margin: 0 0 0 -.27em;
	padding: .2em 0 .2em 0 !important;
	padding: 1em 0 1em 0;
	list-style: none;
	color: white;
	display: inline;
}

#navbar li a {
	margin: 0 0 0 0;
	padding: 1em .5em 1em .5em !important;
	padding: 1em .5em 0 .5em;
	font-family: verdana;
	font-size: 10px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

#navbar li a:hover {
	color: black;
}

#header {
	margin: 0 0em 0 0em;
	padding: 0 0 0 0;
	xheight: 7em;
	background-image: url('../Images/fond-entete.gif');
	background-repeat: repeat-x;
}

#header h1 { 
	margin:0; 
	padding:0;
	font-size:1.2em;
}

#header h3 { 
	margin:0; 
	padding:0;
	font-size:.9em;
}

#header a {
	text-decoration:none;
}

div#recherche p#slogan {
	font-family: verdana;
	font-size: 10px;
	color: black;
	margin-left: 5px;
}

#header #recherche {
	float: left;
	margin-left: 5px;
	top: 90px;
	padding-right: 16px;
}

div#header div#espace-pub-haut {
	float: left;
	width: 610px;
	top: 90px;
}

div#header div#espace-pub-haut table {
	padding: 0;
	display: inline;
}

/* FIN STYLE POUR ENTÊTE DE PAGE */

/* STYLE POUR SOUS-ENTÊTE (bande bleu du haut avec menu) **************************************************/

#sous-entete {
	margin:0 auto;
	xheight:60px;
	background-color:#fff;
	clear: both;
}

p a {
	color: black;
}

p a:hover {
	color: white;
}

#navbar2 {
	height: 32px;
	width: 960px;
	\width: 960px;
	w\idth: 960px;
	margin: 0em -1em 0em 0em; /* affecte IE */
	padding: 0.2em 0 1em 0em !important;  /* affecte FF  */
	padding: 2px 0 4px 0em; /* affecte IE */
	text-align: center;
	background-image: url('../Images/bande-bleue.gif');
	background-repeat: repeat-x;
	position:relative;
}

#navbar2 ul {
	margin: 0 0 -1em 0em !important; /* affecte FF */
	margin: 0em 0 0 0em; /* affecte IE */
	padding: 0 0 .3em 0;
	list-style: none;
}

#navbar2 li {
	margin: 0 0 0 -.3em;
	padding: 0em 0 .1em 0 !important;
	padding: .5em 0 .5em 0; /* affecte FF */
	list-style: none;
	display: inline;
	font-size: 8px;
}

#navbar2 li a {
	margin: 0 0 0 0;
	padding: .5em .25em .5em .25em !important;  /* affecte FF  */
	padding: .5em .35em .5em .25em;  /* affecte IE  */
	font-family: verdana;
	font-size: 9px;
	color: black;
	font-weight: normal;
	text-decoration: none;
}

#navbar2 li a:hover {
	color: red;
	xborder-top: 1px dotted #2D6296;
	xborder-bottom: 1px dotted #2D6296;
	background-color: #bfd1e1;
}

#date {
	font-size: 7pt;
	margin: -5px 0 0 3px;
	font-weight: normal;
}

/* FIN STYLE POUR SOUS-ENTÊTE */

/****************************************************************************************************************************************/
/**** BLOC 1 (qui inclut le menu de gauche, les boites avec onglets, le petite bande bleu, et la section en dessous *********************/
/****************************************************************************************************************************************/

#bloc1 {
	width: 646px;
	float:left; // remettre le float une fois le message bleu corrigé sur FF
	background-color: #bfd1e1;
}

/* STYLE POUR COLONNE GAUCHE AVEC MENU *************************************************************************************/

#colonne-gauche {
	margin:0 7px 0 0;
	padding:0px 5px 0 0;
	xfloat:left;
	width:120px;
}

#colonne-gauche img {
	margin-top: 10px;
}

#colonne-gauche h2 { 
	padding:0;
	font-size:1em;
	letter-spacing:.1em; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:1em
}

/* MENU GAUCHE */
	#menu-gauche, #menu-gauche ul {position:static; }
	#menu-gauche, #menu-gauche li {list-style: none; margin:0; padding:0; background:#fff}
	#menu-gauche {padding-top:0; border-top: 1px solid #ccc; margin-top: 1px}
	#menu-gauche a {line-height:1.4; padding: 3px 0 3px 23px;
					background: #2d6296 url("http://www.orhri.org/Ressources/Images/fleche.gif") no-repeat 0px -28px;
					font: normal 9pt arial; display:block}
	#menu-gauche a, #menu-gauche a:link, #menu-gauche a:visited, #menu-gauche a:hover, #menu-gauche a:active {text-decoration:none; cursor:pointer} 
	#menu-gauche a:link {color:#000} 
	#menu-gauche a:visited {color:#000} 
	#menu-gauche a:hover {color:#fff; background: #c00 url("http://www.orhri.org/Ressources/Images/fleche.gif") no-repeat 0px 0px} 
	#menu-gauche li.active a:link, #menu-gauche li.active a:visited, #menu-gauche li.active a:hover, #menu-gauche li.active a:active {color:#fff} 
	#menu-gauche li {border-top: 1px solid #fff; border-bottom: 1px solid #ccc}
	
#liensvedettes img {
	margin-top: 0px;
}

/* FIN STYLE POUR COLONNE GAUCHE AVEC MENU */


/* STYLE POUR COLONNE CENTRALE AVEC CONTENU *************************************************************************************/


#colonne-centre {
	margin:0 4px 1em 0px;
	padding: 8px 0px 8px 7px;
	float:right;
	width:502px;
	font-size: .7em;
}

#colonne-centre h3 { 
	margin: 0 0 5px 0 !important;
	margin: 0 0 -8px 0;
	padding: 0px 0 10px 0;
	font-size: 1em;
	letter-spacing: .1em; 
}

#colonne-centre div.font-family { 
	font-size: .7em;
	font-family: verdana;
}

#colonne-centre p.dossier {
	margin:0 3px 1em 0px;
	padding:8px;
	float:left;
	width:480px;
	font-size: .6em;
	line-height: 150%;
	border: 1px solid #7696b2; //encadrement de "dossier chaud"
}

#colonne-centre h3.dossier {
	font-size: 120%;
	color: #CC0000;
	letter-spacing: 5px;
	padding-top: 10px;
	text-transform: uppercase;
}

#colonne-centre span.dossier {
	color: black;
	font-weight: bold;
}

#colonne-centre span.dossier a:hover {
	color: gray;
	font-weight: bold;
}

#colonne-centre #bloc_contenu p#titre { 
	margin: 0 0 5px 0 !important;
	margin: 0 0 -8px 0;
	padding: 0px 0 10px 0;
	font-size: 1em;
	letter-spacing: .1em; 
}

#colonne-centre #bloc_contenu div#chronique p {
	font-size: 1em;
	color : #2d6296;
	font-weight: bold;
}

#colonne-centre #titre {
	font-size: 1.2em;
	font-weight: bold;
}

#colonne-centre #auteur {
	font-size: .8em;
}

#colonne-centre #texte {
	font-size: .8em;
}


div#centrehautB {
	margin:0 4px 1em 0px;
	padding:8px;
	float:left;
	width:470px;
	font-size: .6em;
	line-height: 150%;
}

div#centrehautB h3 {
	font-size: 120%;
	color: #ff0000;
	letter-spacing: 5px;
	border-bottom: 1px dotted red;
	padding-top: 10px;
	text-transform: uppercase;
}

div#centrehautB span {
	color: black;
	font-weight: bold;
}

div#centrehautB a:hover {
	color: gray;
	font-weight: bold;
}

/* FIN STYLE POUR COLONNE CENTRALE AVEC CONTENU */


div#message {
	clear: both;
	width: 640px;
	background-image: url('../Images/bande-bleue.gif');
	background-repeat: repeat-x;
	font-family: verdana;
	margin: 0em -1em 0em 0em; /* affecte IE */
	padding: 0em 0 .5em 0em !important;  /* affecte FF  */
	padding: 0em 0 4px .5em; /* affecte IE */
	display: block;
}

div#message td {
	font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
}


/* DEUXIÈME SECTION DU BLOC 1 (bloc1B)*************************************************************************************/

#bloc1B {
	display: block;
	float: left;
	xbackground-color: #0f0;
}

#col-gauche-bas {
	margin: 1em 5px 1em 0;
	padding:0 0 1em 0;
	float:left;
	width:120px;
	display: block;
}

#col-centre-bas {
	margin:0 4px 1em 0px;
	padding: 8px 0 8px 8px;
	float:left;
	width:495px;
	font-size: .6em;
	line-height: 150%;
}

#col-centre-bas h3 {
	font-size: 120%;
	color: #ff0000;
	letter-spacing: 5px;
	border-bottom: 1px dotted red;
	padding-top: 10px;
	text-transform: uppercase;
	xwidth: 495px;
}

#col-centre-bas span {
	color: black;
	font-weight: bold;
}

#col-centre-bas a:hover {
	color: gray;
	font-weight: bold;
}

.separateur {
	display: block;
	clear: both;
	width: 600px;
}

/* FIN STYLE DE LA DEUXIÈME SECTION DU BLOC 1 *************************************************************************************/


/* STYLE POUR COLONNE DE DROITE (bloc 2)  *************************************************************************************/

#bloc2 {
	float: right;
	width: 300px;
	margin: ;
	margin-left: ;
	padding: ;
}

#colonne-droite {
	float: right;
	margin:0 0 1em 0px;
	padding:0px;
	width:300px;
	background: #fff;
	xdisplay: none;
}

#colonne-droite h2 {
	font-size: .9em;
}

#colonne-droite div#msg-important {
	border: 1px solid #2D6296;
	margin: 5px 0px;
}

#colonne-droite div.blocnotes {
	border: 1px solid #2D6296;
	margin: 0 0 5px 0px;
}

div#colonne-droite .blocnotes p.titre {
	font: bold .7em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

div#colonne-droite .blocnotes h5 {
	margin: 5px 5px 5px 5px;
	font: bold .7em verdana;
}

div#colonne-droite .blocnotes a:hover {
	color: #cc0000;
}

div#colonne-droite .blocnotes p.texte {
	font: .6em verdana;
	margin: 5px 5px 5px 5px;
}

/***************** SPECIFICATIONS POUR BOITE VIDEO *******************/

#colonne-droite div.video {
	xborder: 1px solid #2D6296;
	margin: 0 0 5px 0px;
}

div#colonne-droite .video p.titre {
	font: bold .7em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

div#colonne-droite .video h5 {
	margin: 5px 5px 5px 5px;
	font: bold .7em verdana;
}

div#colonne-droite .video a:hover {
	color: #cc0000;
}

div#colonne-droite .video p.texte {
	font: .6em verdana;
	margin: 5px 5px 5px 5px;
}


#msg-important p#titre-msg {
	font: bold .8em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

#msg-important a:hover {
	color: #cc0000;
}

#msg-important p#texte-msg {
	font: .6em verdana;
	margin: 0;
	padding: 5px;
	xborder: 1px solid #d72518;
}

#colonne-droite div#agenda {
	border: 1px solid gray;
	margin: 5px 0px;
}

#agenda p#titre {
	font: bold .8em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

div#agenda ul.items {
	margin: .5em 0 0 .2em;
	padding: 0;
}

div#agenda li { 
	list-style: none;
	margin: 0 0 .2em 0; 
	padding:0;
	font-size: .7em;
}

div#agenda li a { 
	xmargin:0 0 0 .2em;
	color:#cc0000;
	text-decoration:none; 
}

div#agenda li a:hover { 
	color:#00cc00;
	text-decoration:underline; 
}

#colonne-droite div#boutique {
	border: 1px solid gray;
	margin: 5px 0px;
}

#boutique p#titre {
	font: bold .8em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

div#boutique ul.items {
	margin: .5em 0 0 .2em;
	padding: 0;
}

div#boutique li { 
	list-style: none;
	margin: 0 0 .2em 0; 
	padding:0;
	font-size: .7em;
}

div#boutique li a { 
	xmargin:0 0 0 .2em;
	color:#cc0000;
	text-decoration:none; 
}

div#boutique li a:hover { 
	color:#00cc00;
	text-decoration:underline; 
}

div.pub {
	margin: 5px 0;
}

div.pub-droite {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*****************************************************************************************/
/***************** STYLE POUR L'AFFICHAGE DU BLOC OFFRES D'EMPLOI ************************/
/*****************************************************************************************/

#colonne-droite #emploi table {
	font-size: .8em; 
	font-weight: bold;
}

#colonne-droite #emploi tr {
	padding-bottom: 3px;
}

#menu2emploi {
	position: relative;
	margin: 0em 0em 8px 0em; /* affecte IE */
	padding: 0em 0 1em 0em !important;  /* affecte FF  */
	padding: -3px 0 2px 0em; /* affecte IE */
	text-align: center;
	background-color: #2D6296;
}

#menu2emploi ul {
	margin: 0 0 -1em 0em !important; /* affecte FF */
	margin: 0em 0 0 0em; /* affecte IE */
	padding: 0 0 0 0;
	list-style: none;
}

#menu2emploi li {
	margin: 0 0 0 -.3em;
	padding: 0em 0 .1em 0 !important;
	padding: .5em 0 .5em 0; /* affecte FF */
	list-style: none;
	display: inline;
	font-size: 8px;
}

#menu2emploi li a {
	margin: 0 0 0 0;
	padding: .5em .25em .5em .25em !important;  /* affecte FF  */
	padding: .5em .35em .5em .25em;  /* affecte IE  */
	font-family: verdana;
	font-size: 9px;
	color: black;
	font-weight: normal;
	text-decoration: none;
	color: white;
}

#menu2emploi li a:hover {
	color: red;
	background-color: #bfd1e1;
}

/* FIN STYLE POUR COLONNE DE DROITE */

/*****************************************************************************************/
/***************** STYLE POUR TYPEAFFICHAGE="BLOC_DROIT" *********************************/
/*****************************************************************************************/

div.blocnotes {
	border: 1px solid #2D6296;
	margin: 0 0 5px 0px;
}

div.blocnotes p.titre {
	font: bold .7em verdana;
	color: white;
	border: 1px solid #2D6296;
	padding: 2px;
	background: #2D6296;
	margin: 0;
}

div.blocnotes h5 {
	margin: 5px 0px 5px 5px;
	font: bold .7em verdana;
}

div.blocnotes a:hover {
	color: #cc0000;
}

div.blocnotes p.texte {
	font: .6em verdana;
	margin: 5px 5px 0px 5px;
}

/***************** FIN STYLE POUR TYPE AFFICHAGE BLOC_DROIT.HTM **************************/

/*****************************************************************************************/
/***************** STYLE POUR TYPEAFFICHAGE="INDICATEURS" ********************************/
/*****************************************************************************************/

#indicateurs {
	xbackground-color: #dfe4ed;
	padding: 5px;
}

#indicateurs table {
	width: 100%;
}

#indicateurs td {
	font-size: 7pt;
}

#indicateurs p {
	font-size: 7pt;
}

.roundedcornr_box_927261 {
   background: #dfe4ed;
}
.roundedcornr_top_927261 div {
   background: url('../Images/roundedcornr_927261_tl.png') no-repeat top left;
}
.roundedcornr_top_927261 {
   background: url('../Images/roundedcornr_927261_tr.png') no-repeat top right;
}
.roundedcornr_bottom_927261 div {
   background: url('../Images/roundedcornr_927261_bl.png') no-repeat bottom left;
}
.roundedcornr_bottom_927261 {
   background: url('../Images/roundedcornr_927261_br.png') no-repeat bottom right;
}

.roundedcornr_top_927261 div, .roundedcornr_top_927261, 
.roundedcornr_bottom_927261 div, .roundedcornr_bottom_927261 {
   width: 100%;
   height: 30px;
   font-size: 1px;
}
.roundedcornr_content_927261 { margin: 0 10px; }

/***************** FIN STYLE POUR TYPE AFFICHAGE INDICATEURS.HTM **************************/

/*****************************************************************************************/
/***************** STYLE POUR TYPEAFFICHAGE="PUBLICITE_CENTRE" ***************************/
/*****************************************************************************************/

div.pub-centre {
	margin-top: 8px;
}

/***************** FIN STYLE POUR TYPE AFFICHAGE PUBLICITE_CENTRE.HTM *********************/

/*****************************************************************************************/
/*************************** STYLE POUR FOOTER *******************************************/
/*****************************************************************************************/

#footer {
	position:relative;
	display: block;
	clear:both;
	bottom: 0;
	width: 960px;
	\width: 960px;
	w\idth: 960px;
	margin-top: 1.5em;
	padding:0;
	border-top: solid 1px #2D6296;
	left: 50%;
	margin-left: -480px;
}

#footer a {
	font: 9px verdana;
	text-decoration: none;
	line-height: 18px;
	color: #34459c;
}

#footer p {
	line-height: 28px;
	font: 9px verdana;
	margin-top: 20px;
}

#footer td {
	font: bold .6em verdana;
	vertical-align: top;
	width: 200px;
}

#footer td a {
	color: black;
	text-transform: lowercase;
}

#footer td span {
	color: #34459c;
}

#footer a:hover {
	color: red;
}

/*************************** FIN STYLE POUR FOOTER *******************************************/
div.employmentListItem 
{
	padding-left:3px;		
	width:100%;	
	font: 10px verdana;	
}

div.employmentListItemSeparator 
{
	height:8px;
}