@import url('blocs.css');
@import url('extensions.css');

/* Reset */
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style: none;
}

p {
	padding-bottom: 5px;
}
 
a img { border: none; }

a { outline: none; }

/* Classes génériques */
.skip {
	height: 0;
	width: 0;
	left: -1000em;
	overflow: hidden;
	position: absolute;
}

.clear { clear: both; }

.overflow { overflow: hidden; }

/* Squelette */
body {
	text-align: center;
	font: 11px Arial;
	background: #fff url('../images/back.jpg') no-repeat center top;
}

body#accueil { background: #fff url('../images/back-home.jpg') no-repeat center 0; overflow-x: hidden; }

body#accueil #flash1 {
	position: absolute;
	left: 278px;
	top: 67px;
	z-index: 50;
}

body#accueil #flash2 {
	position: absolute;
	left: 931px;
	top: 519px;
	z-index: 50;
}

body#accueil #flash3 {
	position: absolute;
	left: 1px;
	top: 545px;
	z-index: 50;
}

body#accueil #flash-total {
	background: transparent none repeat scroll 0 0;
	height: 169px;
	left: 50%;
	margin-left: -50%;
	margin-top: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	z-index: 80;
	top: 635px;
	width: 100%;
}

body#accueil #flash {
	background: transparent none repeat scroll 0 0;
	height: 169px;
	left: 50%;
	margin-left: -640px;
	position: absolute;
	top: 0;
	width: 1280px;
	z-index: 100;
}
/*
body#accueil #flash4 {
	position: absolute;
	left: -148px;
	top: 635px;
	z-index: 50;
}
*/
	#globalcontainer {
		width: 983px;
		margin: 0px auto;
		padding: 0px 4px;
		text-align: left;
		position: relative;
		z-index: 1;
	}
	
	body#accueil #globalcontainer {
		/* margin: 134px auto 0 auto; */
		padding: 0;
		width: 984px;
		/*position: static;*/
	}
		
		#header {
			height: 56px;
			padding: 48px 4px 0px 0px;
			background: url('../images/header/back-header.jpg') no-repeat left bottom;
		}
		
		body#accueil #header {
			height: 100px;
			padding: 46px 0 0 0;
			background: url('../images/header-home.jpg') no-repeat left top;
		}
			
			form#search {
				float: right;
				margin-right: 6px;
				background: url('../images/header/back-input-outside.png') no-repeat left top;
			}
				
				form#search input {
					float: left;
					width: 104px;
					height: 17px;
					border: 0px;
					color: #c9c9c9;
					font-size: 11px;
					padding: 4px 0px 0px 27px;
					background: url('../images/header/back-input-inside.gif') no-repeat 8px 3px;
				}
				
				form#search button {
					float: left;
					border: 0px;
					background: url('../images/header/button-ok.png') no-repeat left top;
					text-indent: -1000em;
					margin-left: 6px;
					width: 28px;
					height: 21px;
				}
				
				form#search button:hover { background-position: 0px -21px; }
			
			body#accueil a#switchLang {
				margin-top: 95px;
			}
			
			a#switchLang-0 {
				float: right;
				display: block;
				width: 37px;
				height: 23px;
				margin: 0px 2px;
				background: url('../images/header/flag-fr.png') no-repeat 0px 0px;
			}
			
			a#switchLang-0:hover { background-position: 0px -23px; }
			
			a#switchLang-0:active { background-position: 0px -46px; }
			
			a#switchLang-1 {
				float: right;
				display: block;
				width: 37px;
				height: 23px;
				margin: 0px 2px;
				background: url('../images/header/flag-en.png') no-repeat 0px 0px;
			}
			
			a#switchLang-1:hover { background-position: 0px -23px; }
			
			a#switchLang-1:active { background-position: 0px -46px; }
			
			body#accueil a#switchLang {}

			#header ul {
				height: 20px;
				width: 980px;
				text-align: right;
				margin-bottom: 40px;
			}
			
				#header ul li {
					display: inline;
					color: #fff;
				}
					
					#header ul li a {
						color: #fff;
						padding: 0px 5px;
						text-decoration: none;
					}
					
					#header ul li a:hover {
						color: #fff;
						padding: 0px 5px;
						text-decoration: underline;
					}
		
		#container {
			min-height: 620px;
			position: relative;
			background: url('../images/back-container.png') repeat-y left top;
			padding-bottom: 100px;
		}
		
		body#accueil #container {
			min-height: 369px;
			height: 369px;
			position: static;
			background: none;
			padding-bottom: 0px;
			background: url('../images/center-home.jpg') no-repeat left top;
		}
			
			#container h1 {
				margin-left: 25px;
			}
			
			body#accueil #container h1 {
				margin-left: 62px;
			}
			
			#menus {
				margin: 0px 4px;
				height: 69px;
				background: url('../images/back-menus.png') repeat-x left top;
			}
			
			body#accueil #menus {
				margin: 0px;
				background: none;
			}
				
				#links-top {
					float: left;
					width: 304px;
					height: 69px;
					margin-right: 1px;
				}
				
				body#accueil #links-top {
					width: 318px;
				}
					
					#links-top ul {
						padding: 43px 0px 0px 15px;
					}
					
						#links-top ul li {
							display: inline;
						}
							
							#links-top ul li a {
								color: #05498d;
								font-size: 10px;
								text-decoration: none;
								margin: 0px 5px;
							}
							
							#links-top ul li a:hover {
								text-decoration: underline;
							}
				
				#nav-main {
					float: left;
					width: 664px;
					height: 69px;
				}
					
					#nav-main ul {
						padding: 0px 1px;
					}
					
						#nav-main ul li {
							float: left;
							display: block;
							position: relative;
							height: 34px;
							line-height: 34px;
							text-align: center;
							font-size: 13px;
							color: #ff6f19;
						}
						
						#nav-main ul li.item-top { top: 0px; }
						#nav-main ul li.item-bottom { top: 35px; }
						
							#nav-main ul li a {
								color: #05498d;
								text-decoration: none;
							}
							
							#nav-main ul li a:hover { color: #ff6f19; }
			
			#contents {
				margin: 0px 4px;
			}
				
				#left-column {
					width: 279px;
					padding-right: 25px;
					float: left;
					margin: 10px 1px 0px 0px;
				}
				
				body#accueil #left-column {
					width: 313px;
					padding: 0px !important;
					/*position: relative;*/
				}
					
					#nav-second {
						background: #fff url('../images/back-nav-second.png') no-repeat 95px 7px;
					}
						
						#nav-second ul {
							padding: 25px 10px 80px 45px;
							border-right: 7px solid #05498d;
						}
							
							#nav-second ul li {
								font-size: 12px;
								color: #05498c;
								padding-left: 15px;
								line-height: 18px;
								background: url('../images/puce-nav-second-idle.gif') no-repeat 0px 4px;
							}
							
							#nav-second ul li.active {
								font-size: 12px;
								font-weight: bold;
								padding-left: 15px;
								color: #05498c;
								line-height: 18px;
								background: url('../images/puce-nav-second-hover.gif') no-repeat 0px 4px;
							}
								
								#nav-second ul li a {
									font-size: 12px;
									text-decoration: none;
									color: #05498c;
								}
								
								#nav-second ul li a:hover {
									font-size: 12px;
									font-weight: bold;
									color: #05498c;
								}
								
								#nav-second ul li ul {
									border-right: 0px !important;
									padding: 0px !important;
								}
									
									#nav-second ul li ul li, #nav-second ul li ul li.active, #nav-second ul li.active ul li {
										background: url('../images/puce-nav-third.gif') no-repeat 0px 7px;
										font-weight: normal;
										padding-left: 9px;
									}
									
									#nav-second ul li ul li.active {
										font-weight: bold;
									}
									
									#nav-der { margin-left: 15px; }
					
					#left-column-content {
						padding: 30px 25px 15px 20px;
					}
					
					body#accueil  #left-column-content {
						padding: 5px 2px 0 2px;
					}
				
				#right-column {
					float: left;
					width: 670px;
					margin-top: 10px;
				}
				
				body#accueil #right-column {
					width: 662px;
				}
					
					#breadcrumb {
						padding: 0px 10px;
						margin-bottom: 10px;
					}
						
						#breadcrumb ul {
							background: url('../images/breadcrumb.gif') no-repeat left top;
							padding-left: 22px;
							height: 18px;
							line-height: 18px;
						}
							
							#breadcrumb ul li {
								display: inline;
								color: #a0a0a0;
								padding-left: 3px;
							}
								
								#breadcrumb ul li a {
									color: #a0a0a0;
									text-decoration: none;
									padding-right: 3px;
								}
								
								#breadcrumb ul li a:hover {
									color: #ff6f19;
									text-decoration: underline;
									padding-right: 3px;
								}
								
								#breadcrumb ul li span {
									color: #ff6f19;
									padding-right: 3px;
								}
					
					#right-column-content {
						padding: 10px;
					}
					
					body#accueil #right-column-content {
						padding: 0;
					}

					#right-column-content ul {
						margin-left: 40px;
						list-style-type: circle;
					}
					
						/* Titre de la page + lien d'impression + lien RSS */
						#right-column-title {}
						
							#right-column-title h2 { float: left; }
							
							#right-column-title a#print {
								float: left;
								display: block;
								width: 18px;
								height: 18px;
								margin: 2px 9px 2px 0px;
								background: url('../images/icon-print.gif') no-repeat 0px 0px;
							}
							
							#right-column-title a#print:hover { background-position: 0px -18px; }
							#right-column-title a#print:active { background-position: 0px -36px; }
							
							#right-column-title a#rss {
								float: left;
								/* remplacer NONE par BLOCK dans la ligne suivante pour r?cup?rer un affichage normal */
								display: none;
								width: 18px;
								height: 18px;
								margin: 2px 0px;
								background: url('../images/icon-rss.gif') no-repeat 0px 0px;
							}
							
							#right-column-title a#rss:hover { background-position: 0px -18px; }
							#right-column-title a#rss:active { background-position: 0px -36px; }
						
						/* Bloc deux colonnes */
						.right-column-double {
							padding-bottom: 10px;
						}
							
							.right-column-double-left {
								float: left;
								width: 430px;
								padding-right: 10px;
							}
							
							.right-column-double-right {
								float: left;
								width: 200px;
								padding-left: 10px;
							}
						
						/* Tableau bicolore */
						.table-bicolor, table.contenttable {
							border: 0px;
							border-spacing: 0px;
							border-collapse: collapse;
						}
							
							.table-bicolor td, table.contenttable td {
								border-top: 1px solid #fff;
								border-left: 1px solid #fff;
								padding: 8px 15px;
								margin: 0px;
								color: #05498d;
							}
							.table-bicolor th, table.contenttable th {
								padding: 8px 15px;
								margin: 0px;
								border-top: 1px solid #fff;
								border-left: 1px solid #fff;
							}
							
							.table-bicolor .color1, table.contenttable .color1 { background-color: #91afcd;	}
							.table-bicolor .color2, table.contenttable .color2 { background-color: #c0d1e2;	}
							
							.table-bicolor .valeur-table {
								font-weight: bold;
								text-align: center;
							}
				
						#right-column-content h2,
						#right-column-content h3,
						#right-column-content h4,
						#right-column-content h5 {
							color: #05498d;
							margin-bottom: 12px;
						}
						
						#right-column-content h2 {
							background: url('../images/back-content-title.png') no-repeat left top;
							width: 580px;
							height: 22px;
							line-height: 22px;
							font-size: 18px;
							padding-left: 25px;
						}
						
						#right-column-content h3 {
							font-size: 14px;
						}
						
						#right-column-content h4 {
							font-size: 13px;
						}
						
						#right-column-content h5 {
							font-size: 12px;
							font-weight: bold;
						}
						
						#right-column-content p {
							padding-bottom: 10px;
						}
						
						#right-column-content .emphase {
							font-weight: bold;
							color: #05498d;
						}
						
						#right-column-content a {
							text-decoration: underline;
							color: #05498d;
						}
						
						#right-column-content a:hover {
							text-decoration: underline;
							color: #ff6f19;
						}
						
						#right-column-content a.more {
							background: url('../images/more-puce.gif') no-repeat left center;
							text-decoration: underline;
							display: inline;
							text-align: right;
							padding-left: 18px;
							color: #05498d;
						}
						
						#right-column-content a.more:hover {
							background: url('../images/more-puce.gif') no-repeat left center;
							text-decoration: underline;
							padding-left: 18px;
							color: #ff6f19;
						}
		
		#footer {
			height: 71px;
			padding: 0px 4px;
			background: url('../images/back-footer.jpg') no-repeat left top;
		}
		
		body#accueil #footer {
			padding: 0px;
			background: none;
			padding-top: 304px;
			height: 40px;
			background: url('../images/footer-home.jpg') no-repeat left top;
		}
			
			#footer ul {
				height: 20px;
				width: 800px;
				line-height: 20px;
				padding-left: 15px;
				background: transparent url('../images/back-nav-footer.png') repeat-y left top;
			}
				
			body#accueil #footer ul {
				background: none;
			}
			
				#footer ul li {
					display: inline;
					color: #fff;
				}
					
					#footer ul li a {
						color: #fff;
						padding: 0px 5px;
						text-decoration: none;
					}
					
					#footer ul li a:hover {
						color: #fff;
						padding: 0px 5px;
						text-decoration: underline;
					}