
body {
	margin: 0 .5em;
	padding: 0;
	height: 100%;
	background-color:#D6D6D6;
	font-family:Arial;
	font-size:12px;
	background:url(/Ressources/Images/Background/body_bgNEW_optimisee.gif) repeat-x #D6D6D6;
}

#contenant {
	position:absolute;
	left:50%;
	margin-left:-480px;
	padding: 0;
	width: 960px;
	text-align:left;
	background-color:white;
}

#contenant #filigrane {
	font-size: .9em;
	color : #000000;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dashed #ccc;	
}

#contenant #filigrane a {
	font-size: 1em;
	color : #000000;
	font-weight: bold;	
}

#contenant #fildariane {
	font-size: .9em;
	color : #000000;
	padding: 5px 0 5px 15px;
	border-bottom: 1px dashed #ccc;	
}

#contenant #fildariane a {
	font-size: 1em;
	color : #000000;
	text-decoration:none;	
	font-weight: bold;	
}

/*ul{margin:0;}/

a {
	color:#cc0000;
	text-decoration:underline;
}

a:hover {
	color:#ff0000;
	text-decoration:none;
}
/* STYLE POUR ENTÊTE DE PAGE *************************************************************************************/
#navbar {
	position: absolute;
	right: 1%;
	top: .5em;
	z-index: 10;
	width:340px;
	text-align:right;
}

#navbar ul {
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
}

#navbar li {	
	list-style: none;
	color: #FFFFFF;
	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: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

#navbar li a:hover {
	color: white;
}

#connexion {
	position: absolute;
	left: 1%;
	top: 1.5em;
	z-index: 10;
}

#connexion ul {
	margin: 0;
	padding: 0 0 1em 0;
	list-style: none;
}

#connexion li {	
	list-style: none;
	color: #000000;
	display: inline;
}

#connexion li a {
	margin: 0 0 0 0;
	padding: 1em .5em 1em .5em !important;
	padding: 1em .5em 0 .5em;
	font-family: verdana;
	font-size: 6px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
}

#connexion li a:hover {
	color: black;
}

#header {
	position:relative;
	margin: 15px 0px 0px 0px;
	padding: 0;
	background-repeat: repeat-x;
	height:214px;
}
#header .label{
	float:left;
	width:480px;
	height:38px;
}
#header .label .gris{
	display:block;
}
#header .label .red{
	display:none;
}
#header .label:hover .gris{
	display:none;
}
#header .label:hover .red{
	display:block;
}

#header h1 { 
	margin:0; 
	padding:0;
	font-size:1.2em;
}

#header h3 { 
	margin:0; 
	padding:0;
	font-size:.9em;
}

#header a {
	text-decoration:none;
	margin:0;
	padding:0;
}


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 *************************************************************************************/

#sous-entete {
	margin:0 auto;
	xheight:60px;
	background-color:#fff;
	clear: both;
}

p a {
	color: black;
}

p a:hover {
	color: red;
}



/* FIN STYLE POUR SOUS-ENTÊTE */
/* STYLE POUR LA PAGE D'ACCUEIL LA LARGEUR DES COLONNE N'EST PAS LA MÊME */

#accueil_colonne-gauche {
	margin:0 0px 0 0;
	padding:15px;
	float:left;
	width:500px;	
	padding-right:100px;
}
	
#accueil_colonne-gauche #titre {
	font-size: 1.5em;
	font-weight: bold;
}

#accueil_colonne-droit{
	background:#f5f5f5;
	float:right;
	width:320px;	
	padding:10px;
	min-height:600px;
	max-height:1093px;	
}

.accueil-placeholder{
	background:white;
	margin:0px auto;
	margin-top:20px;
	margin-bottom:10px;
	width:300px;
	height:250px;
}
.accueil-titre{
	color:red;
	font-weight:bold;
}


/*FIN STYLE PAGE D'ACCUEIL */
/* STYLE POUR COLONNE SEULE *************************************************************************************/

#colonne-seule {
	margin:0 0px 0 0;
	padding:15px;
	float:left;
	width:900px;	
}

.ST {
	background:url('../images2011/st_background.png') repeat-y top left;
}

#colonne-seule img {
	margin-top: 10px;
}

.imgST img {
	margin-top: 0px;
}

#tableNoMarge img {
	margin: 0px;
	padding:0px;
	display:block;
}

#texte p {
	xmargin:0px;
	xpadding:0px;
	xcolor:lime;

}

#colonne-seule p.verisign {
	xmargin-left:0px;
}

#colonne-seule h2 { 
	padding:0;
	font-size:1.5em;
	letter-spacing:.1em; 
	margin-left:0; 
	margin-right:0; 
	margin-top:0; 
	margin-bottom:1em
}

#liensvedettes img {
	margin-top: 0px;
}

#colonne-seule #chronique {
	font-size: 1em;
	color : #2d6296;
	font-weight: bold;
}

#colonne-seule #filigrane {
	font-size: .8em;
	color : #000000;
}

#colonne-seule #filigrane a {
	font-size: 1em;
	color : #000000;
}

#colonne-seule #titre {
	font-size: 1.6em;
	font-weight: bold;
}


#colonne-seule #sous-titre {
	font-size: 1.2em;
	font-weight: bold;
}

#colonne-seule #auteur {
	font-size: .8em;
}

#colonne-seule #texte {
	font-size: 1em;
}


#colonne-seule a {
	color: black;
}

#colonne-seule a:hover  {
	color: red;
}
/* FIN STYLE POUR COLONNE GAUCHE AVEC MENU */


/* STYLE POUR COLONNE GAUCHE AVEC MENU *************************************************************************************/

#colonne-gauche {
	margin:0 0px 0 0;
	padding:15px;
	float:left;
	width:750px;	
}

#colonne-gauche img {
	margin-top: 10px;
}

#colonne-gauche p.verisign {
	xmargin-left:0px;
}

#colonne-gauche h2 { 
	padding:0;
	font-size:1.25em;
	margin-left:0; 
	margin-right:0; 
	margin-top:1em; 
	margin-bottom:.5em;
}

/* 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;
}

#colonne-gauche #chronique {
	font-size: 1em;
	color : #2d6296;
	font-weight: bold;
}

#colonne-gauche #titre {
	font-size: 1.6em;
	font-weight: bold;
}

#colonne-gauche #sous-titre {
	font-size: 1.2em;
	font-weight: bold;
}

#colonne-gauche #auteur {
	font-size: 1em;
}

#colonne-gauche #texte {
	font-size: 1em;
}

#colonne-gauche #texte a {
	font-size: 1em;
	color : #black;		
}

#colonne-gauche a {
	color: black;
}

#colonne-gauche a:hover  {
	color: red;
}

#colonne-gauche #texte p a {
	color: black;
}

#colonne-gauche #texte p a:hover {
	color: red;
}


/* 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:0px;
	font-size: .9em;
}

#colonne-centre #bloc_contenu { 
	width: 650px;
}

#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; 
}



/* FIN STYLE POUR COLONNE CENTRALE AVEC CONTENU */

/* STYLE POUR COLONNE DE DROITE *************************************************************************************/

#colonne-droite {
	margin:0 0 0 0px;
	padding:0;
	float:right;
	width:175px;
	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 {
	font: bold 9pt verdana;
	padding-left: 2px;	
	margin-bottom: 3px;
	margin-top: 10px;
}

p.titre-sousmenuP {
	font: bold 9pt verdana;
	padding-left: 2px;	
	padding-bottom: 5px;	
	margin-bottom: 0px;
	margin-top: 10px;
	border-bottom: 1px solid #D1D1C7
}

/* 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 #D1D1C7; 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:#ffffff; background-color: #cc0000;} 
	#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 #D1D1C7;}


	#rubriqueMenuP p {padding-top:3px; margin-top: 5px; 
					border-bottom: 1px solid #D1D1C7; margin: 0px 0px 0px 0px; }
					
	#rubriqueMenuP a {line-height:1.3; padding: 1px 3px 1px 3px;
					background-color: #fff; color: black;
					font: normal 8pt arial; display:block}
					
	#rubriqueMenuP a, #rubriqueMenuP a:link, #rubriqueMenu a:visited, #rubriqueMenuP a:hover, #rubriqueMenuP a:active {text-decoration:none; cursor:pointer} 

	#rubriqueMenuP a:hover {color:#ffffff; background-color: #cc0000;}					
	#rubriqueMenuP a:visited {color:#000} 					

	#rubriqueMenu, #rubriqueMenu ul {position:static; }
	#rubriqueMenu, #rubriqueMenu li {list-style: none; margin: 0; padding:0; background:#fff; }
	#rubriqueMenu {padding-top:0; border-top: 1px solid #D1D1C7; margin-top: 1px}
	#rubriqueMenu a {line-height:1.3; padding: 1px 0 1px 3px;
					background-color: #fff; color: black;
					font: normal 8pt arial; display:block}
	#rubriqueMenu a, #rubriqueMenu a:link, #rubriqueMenu a:visited, #rubriqueMenu a:hover, #rubriqueMenu a:active {text-decoration:none; cursor:pointer} 
	#rubriqueMenu a:link {color:#000} 
	#rubriqueMenu a:visited {color:#000} 
	#rubriqueMenu a:hover {color:#ffffff; background-color: #cc0000;} 
	#rubriqueMenu li.active a:link, #rubriqueMenu li.active a:visited, #rubriqueMenu li.active a:hover, #rubriqueMenu li.active a:active {cursor:pointer} 
	#rubriqueMenu li {border-bottom: 1px solid #D1D1C7; margin: 0px 0px 0px -15px; }


/* 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;
	padding:0;
	width:960px;
	height:189px;
	background-color:#D6D6D6; 
	background:url(/Ressources/imagesv9/Footer_logos.gif) no-repeat #D6D6D6;
}

#footer_accueil {
	position:relative;
	clear:both;
	bottom:0;
	margin:0;
	padding:0;
	width:960px;
	height:185px;
	background-color:#D6D6D6; 
	background:url(/Ressources/imagesv9/Footer_logos.gif) no-repeat #D6D6D6;
}

#footer p {
	color: white;
	font: 11px verdana;
	text-align: center;	
}

#footer a {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#footer a:hover {
	color: #D6D6D6;
	font-weight: bold;
}


/* FIN STYLE POUR BAS DE PAGE */
