body {
	margin: 0 .5em;
	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;
	text-align:left;
	vertical-align: middle;	
	background-color:#ffffff;
}

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 -1em 0 -1em;
	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 div#slogan {
	font-family: verdana;
	font-size: .7em;
	color: black;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 20px;
}

div#verisign {
	position: absolute;
	left:50%;
	margin-left: 380px;
	top:70px;
}

div#ZoneConnexion div#Identification {
	font-family: verdana;
	font-size: .7em;
	color: black;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
}

div#ZoneConnexion {
	width: 950px;
}

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

div#recherche {
	width: 950px;
}

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

div#header div#espace-pub-haut {
	float: left;
	width: 960px;
	top: 110px;
	margin: 10px 0 20px 0;
	border-top: 1px dashed #2d6296;
}

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

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

/* STYLE POUR SOUS-ENTĘTE *************************************************************************************/

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

p a {
	color: black;
}

p a:hover {
	color: white;
}

#navbar2 {
	margin: .5em -1em 1em -.5em; /* affecte IE */
	padding: 0em 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;
	display: none;
}

#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;
}


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


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

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

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

#recherche div#slogan {
	float: left;
	font-size: .7em;
	margin: 10px 0 0 5px;
}

#recherche div#verisign {
	float: right;
	color: red;
}

#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("https://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("https://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 5px 1em 0px;
	padding:8px;
	float:left;
	width:672px;
	font-size: .9em;
}

#colonne-centre #bloc_contenu { 
	width: 660px;
}

#colonne-centre #bloc_contenu #titre 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 #chronique {
	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;
}

#colonne-centre a:hover  {
	color: red;
}

/* FIN STYLE POUR COLONNE CENTRALE AVEC CONTENU */

/* STYLE POUR COLONNE DE DROITE *************************************************************************************/

#colonne-droite {
	margin:0 0 1em 0px;
	padding:0px;
	float:left;
	width:130px;
	background: #fff;
	xborder: solid 1px gray;
	xborder-top: solid 2px gray;
}

#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.font-family {
	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 0 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;
}

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

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

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

#menu2emploi {
	margin: 0em 0em 8px 0em; /* affecte IE */
	padding: 0em 0 1em 0em !important;  /* affecte FF  */
	padding: 0px 0 4px 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;
}

p.titre-sousmenu {
	background: #fff url("https://www.orhri.org/Ressources/Images_niv2/degrade_sousmenu.gif") repeat-x 0px 0px;
	font: bold 9pt arial;
	padding: 3px 0 3px 6px;
	margin-bottom: 3px;
	margin-top: 0;
}

/* BLOC SOUS-MENU */
	#rubrique, #rubrique ul {position:static; }
	#rubrique, #rubrique li {list-style: none; margin:0; padding:0; background:#fff; }
	#rubrique {padding-top:0; border-top: 1px solid #a8b8c7; margin-top: 1px}
	#rubrique a {line-height:1.3; padding: 1px 0 1px 3px;
					background-color: #fff; color: black;
					font: normal 8pt arial; display:block}
	#rubrique a, #rubrique a:link, #rubrique a:visited, #rubrique a:hover, #rubrique a:active {text-decoration:none; cursor:pointer} 
	#rubrique a:link {color:#000} 
	#rubrique a:visited {color:#000} 
	#rubrique a:hover {color:#f00; background-color: #bfd1e1;} 
	#rubrique li.active a:link, #rubrique li.active a:visited, #rubrique li.active a:hover, #rubrique li.active a:active {cursor:pointer} 
	#rubrique li {border-bottom: 1px solid #a8b8c7;}

div#blocSousMenu {
	border: 1px solid #a8b8c7; 
}


/* FIN STYLE POUR COLONNE DE DROITE */

div#separateur {
	clear: both;
	background-color:white; 
	color: white;
	margin: -30px 0 0 0;
}
/*
div#message {
	clear: both;
	width: 100%;
	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 */
}

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

div#message span#gt {
	color: red;
	font-size: 24pt;
	margin: 0px 6px -6px 6px;
}
*/
div#imprimer a {
	padding-bottom: 0px;
}


/* STYLE POUR BAS DE PAGE *************************************************************************************/

#footer {
	position:relative;
	clear:both;
	bottom:0;
	margin:0 0 2em 0;
	padding:0;
	border-top: solid 1px #2D6296;
}

#footer a {
	font: 9px verdana;

	text-decoration: none;
	line-height: 18px;
	color: #34459c;
}

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

#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 BAS DE PAGE */