/*= ELEMENTS COMMUNS */
html{
	background: #A2A2A2 url("../images/html_bg.gif") repeat-x right top;
	color: #000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 20px 0 0 0;
	}
body{
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
/*h1, h2, h3, h4, h5, h6, pre,
blockquote, */p, ul, ol, dl, address, li, fieldset {
	margin: 0;
	padding: 0;
	}
img{
	border: 0;
	}
.clear{
	clear: both;
	}
#header{
	background: #fff url("../images/headerBordD_bg.gif") repeat-y right top;
	height: 196px;
	margin: 0 auto;
	position: relative;
	width: 860px;
	}
	#accroche{
		color: #0A51A1;
		font-weight: bold;
		font-size: 14px;
		position: absolute;
			left: 420px;
			top: 58px;
		}
	#header img{
		float: left;
		}
	#header h1{
		margin: 12px 0 0 167px;
		}
	#menu{
		float: right;
		margin: 165px 56px 0 0;
		list-style-type: none;
		}
		#menu li{
			pointer: cursor;
			border-right: 1px solid #fff;
			float: left;
			position: relative;
			}
		#menu li.last{
			border-right: 0;
			}
			#menu ul{
				background: #BEBEBF;
				border: 1px solid #fff;
				list-style-type: none;
				display: none;
				position: absolute;
					left: -1px;
					top: 18px;
				z-index:10;
				}
				#menu ul li, #menu ul li.last{
					border: 0px;
					}
					#menu ul a{
						color: white;
						display: block;
						font-size: 12px;
						padding: 0 4px;
						text-decoration: none;
						width: 170px;
						}
						#menu ul a:hover{
							background: #0A51A1;
							}
						#menu ul .turquoise a:hover{
							background: #5593CD;
							}
						#menu ul .azur a:hover{
							background: #0A51A1;
							}
						#menu ul .violet a:hover{
							background: #93479C;
							}
						#menu ul .marron a:hover{
							background: #6C1616;
							}
						#menu ul .cyan a:hover{
							background: #98C6DF;
							}
						#menu ul .bleu a:hover{
							background: #172B65;
							}
	#headerContent{
		background: url("../images/header_bg.jpg") no-repeat;
		float: left;
		height: 196px;
		width: 839px;
		}
#conteneur{
	background: #fff url("../images/headerBordD_bg.gif") repeat-y right top;
	height: 430px;
	margin: 0 auto;
	width: 860px;
	}
	#contenu{
		background: url("../images/conteneur_bg.gif") repeat-x left top;
		float: left;
		height: 430px;
		margin: 0 0 0 9px;
		width: 839px;
		}
		#encart{
			float: left;
			width: 236px;
			}
			#actualite{
				background: url("../images/actualite_bg.gif") no-repeat;
				color: #565656;
				height: 117px;
				padding: 9px 9px 0 9px;
				width: 208px;
				}
				#actualite img{
					margin: 4px 0 2px 0;
					}
				#actualite ul{
					list-style-type: none;
					}
					#actualite li{
						height: 45px;
						}
			#interventions{
				height: 253px;
				width: 236px;
				padding: 10px 0 0 0;
				}
			#interventions.texte{
				background: url("../images/intervention_bg.jpg") no-repeat;
				color: #FFF;
				padding: 10px 9px 9px 9px;
				width: 208px;
				}
				#interventions ul{
					list-style-type: disc;
					padding: 0 0 0 37px;
					}
				#interventions p, #interventions ul, #interventions ol{
					margin: 0 0 10px 0;
					}
		#centre{
			float: left;
			width: 490px;
			}
		#centre.noEncart{
			width: 728px;
			}
		#centre.noOnglet{
			width: 580px;
			}
			#centre h2{
				color: #AEAEAE;
				font-size: 28px;
				font-weight: normal;
				margin: 48px 0 10px 13px;
				}
			#centre.turquoise h2{
				color: #5593CD;
				}
			#centre.azur h2{
				color: #0A51A1;
				}
			#centre.violet h2{
				color: #93479C;
				}
			#centre.marron h2{
				color: #6C1616;
				}
			#centre.cyan h2{
				color: #98C6DF;
				}
			#centre.bleu h2{
				color: #172B65;
				}
			#contenuDescriptif{
				height: 264px;
				overflow: hidden;
				padding: 0 37px 0 13px;
				position: relative;
				}
			#contenuDescriptif.noTitre{
				margin: 100px 0 0 0;
				}
				#contenuDescriptif #menuRef{
					list-style-type: none;
					margin: 55px 40px 0 0;
					float: left;
					}
					#menuRef li{
						margin: 0 0 30px 0;
						}
						#menuRef li a{
							border: 1px solid #FFF;
							background: #BEBEBF;
							color: #FFF;
							display: block;
							font-weight: bold;
							padding: 5px;
							text-align: center;
							text-decoration: none;
							}
						#menuRef li a:hover, #menuRef li a.select{
							border: 1px solid #BEBEBF;
							background: #0A51A1;
							}
				#contenuDescriptif #listeRef{
					border: 1px solid #0A51A1;
					float: left;
					padding: 10px;
					height: 240px;
					width: 300px;
					}
					#contenuDescriptif #listeRef ul{
						margin: 0;
						padding: 0;
						list-style-type: none;
						}
						#contenuDescriptif #listeRef li{
							text-align: center;
							width: 100%;
							}
						#contenuDescriptif #listeRef li table{
							border: 0;
							valign: center;
							height: 220px;
							margin-bottom: 5px;
							}
				#centre h3{
					color: #6F7072;
					margin: 14px 0 0 0;
					}
				#contenuToScroll{
					position: absolute;
						top: 0;
					padding: 0 10px 0 0;
					}
				#contenuDescriptif p{
					margin: 0 0 10px 0;
					}
				p.color{
					margin: 14px 0 0 0;
					}
					p.color span{
						color: #0A51A1;
						font-weight: bold;
						}
				#contenuDescriptif ol, #contenuDescriptif ul{
					margin: 0 0 10px 20px;
					}
				#contenuDescriptif ol{
					list-style-type: decimal;
					}
				#contenuDescriptif ul{
					list-style-type: disc;
					}
				table{
					border: 1px solid #BEBEBF;
					margin: 10px 0 0 0;
					width: 100%;
					}
					th{
						background: #0A51A1;
						color: #FFF;
						padding: 4px 0;
						}
					td{
						padding: 4px 4px 0 4px;
						}
					td.short{
						text-align: center;
						width: 60px;
						}
					#noResult{
						color: #C82515;
						padding: 5px;
						text-align: center;
						}
				.savoirPlus, #postuler, #valider{
					border: 1px solid #FFF;
					background: #BEBEBF;
					color: #0A51A1;
					display: block;
					float: right;
					margin: 0 0 5px 0;
					padding: 2px 5px;
					text-decoration: none;
					}
				.savoirPlus:hover, #postuler:hover, #valider:hover{
					border: 1px solid #BEBEBF;
					background: #0A51A1;
					color: #FFF;
					}
				#postuler, #valider{
					float: none;
					margin: 10px 0 0 170px;
					text-align: center;
					width: 60px;
					}
				#erreurPostuler{
					background: #EBEBEB url("../images/close.gif") 99% 2% no-repeat;
					border: 3px solid #BE0000;
					display: none;
					padding: 5px;
					position: absolute;
						left: 300px;
					z-index: 10;
					}
					#erreurPostuler li{
						color: #BE0000;
						margin: 3px 5px 3px 15px;
						font-weight: bold;
						}
				dt{
					color: #0A51A1;
					float: left;
					font-weight: bold;
					margin: 0 20px 0 0;
					text-align: right;
					width: 150px;
					}
				dt.marge, dd.marge{
					margin: 0 20px 15px 0;
					}
				dd{
					margin-left: 170px;
					}
				#contenuDescriptif #recapOffre{
					color: #0A51A1;
					font-size: 13px;
					font-weight: bold;
					margin: 0 0 0 170px;
					padding: 0 0 5px 0;
					}
				label{
					color: #0A51A1;
					display: block;
					float: left;
					margin: 0 20px 0 0;
					position: relative;
						top: 3px;
						text-align: right;
					width: 150px;
					}
					label span{
						color: #BE0000;
						}
				input[type=text], input[type=file]{
					width: 300px;
					margin: 0 0 3px 0;
					}
				textarea{
					height: 70px;
					width: 460px;
					}
			#scrollBar{
				float: left;
				height: 264px;
				visibility: hidden;
				width: 30px;
				}
				#scrollBar img{
					cursor: pointer;
					}
				#scrollTop{
					margin: 90px 0 230px 0;
					}
			#menuOffre{
				background: url("../images/menuOffre_bg.gif") no-repeat left top;
				height: 24px;
				padding: 14px 0 0 293px;
				list-style-type: none;
				}
				#menuOffre li{
					float: left;
					margin: 0 2px 0 0;
					padding: 0;
					}
					#menuOffre img{
						vertical-align: top;
						position: relative;
							top: 4px;
						}
				#menuOffre li.last{
					padding: 0 0 0 6px;
					width: 115px;
					}
					#menuOffre a{
						color: #5F5F5F;
						font-weight: bold;
						text-decoration: none;
						}
		#menuOnglet{
			float: left;
			list-style-type: none;
			margin: 126px 0 0 0;
			position: relative;
			width: 79px;
			}
			#menuOnglet li{
				float: left;
				position: absolute;
					left: 52px;
				}
			#menuOnglet #position1{
				/*background: #5593CD;*/
				margin: 0;
				padding: 0;
					left: 2px;
				width: 79px;
				z-index: 10;
				}
			#menuOnglet #position2{
				/*background: #0A51A1;*/
				left: 12px;
				width: 79px;
				z-index: 20;
				}
			#menuOnglet #position3{
				/*background: #93479C;*/
				left: 22px;
				width: 79px;
				z-index: 30;
				}
			#menuOnglet #position4{
				/*background: #6C1616;*/
				left: 32px;
				width: 82px;
				z-index: 40;
				}
			#menuOnglet #position5{
				/*background: #98C6DF;*/
				left: 42px;
				width: 92px;
				z-index: 50;
				}
			#menuOnglet #position6{
				/*background: #172B65;*/
				width: 130px;
				z-index: 60;
				}
				#menuOnglet img{
					float: left;
					vertical-align: bottom;
					}
				/*	#menuOnglet img.transp{
						border: 1px solid red;
						visibility: hidden;
						}*/
	#conteneurBordD{
		float: left;
		margin: 280px 0 0 0;
		vertical-align:bottom;
		}
#footer{
	background: url("../images/footer_bg.jpg") no-repeat;
	height: 43px;
	margin: 0 auto;
	width: 860px;
	}
	#footer ul{
		float: right;
		list-style-type: none;
		margin: 5px 38px 0 0;
		}
		#footer li{
			float: left;
			margin: 0 22px 0 0;
			}