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

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


ol {padding:5px 0 5px 30px;} /* retouche Onext 11/03/08 */

a img { border: none; }
a { outline: none; }

h1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #2282B5;
}

h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #44C4DD;
}

h3 {
	font-size: 1.2em;
	color: #F68C04;
	margin-bottom: 10px;
}

h4 {
	background: url('../images/puce-orange.gif') no-repeat 0 6px;
	padding-left: 8px;
}

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

.clear { clear: both; }

.overflow { overflow: hidden; }



/* Structure */
body {
	text-align: center;
	font: 0.75em Helvetica, Arial, sans-serif;
	background: #EFC612 url('../images/fond-page.gif') repeat-x left top;
}

a#lien-logo {
	display: block;
	width: 582px;
	height: 80px;
}

#globalcontainer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: transparent url('../images/logo.gif') no-repeat left top;
	position: relative;
}

#container {
	background: transparent url('../images/fond-container.png') repeat-y left top;
	height: 1%;
}

#container-bis {
	background: transparent url('../images/logo.gif') no-repeat 0 -80px;
	height: 1%;
}

#header {
	background: transparent url('../images/fond-barres-menu.gif') repeat-x left top;
	height: 45px;
	margin-left: 221px;
	width: 729px;
}

#header-right {
	background: url('../images/droite-header.png') no-repeat left top;
	width: 12px;
	height: 44px;
	position: absolute;
	top: 80px;
	right: -1px;
}

	ul#menu {
		list-style-type: none;
		height: 22px;
		line-height: 22px;
		padding-top: 1px;
		margin-bottom: 4px;
		background: transparent url('../images/separateur-menu.gif') no-repeat left 1px;
	}
	
		#menu li {
			display: inline;
			padding: 0 15px;
			background: transparent url('../images/separateur-menu.gif') no-repeat right top;
		}
		
		#menu li a {
			text-decoration: none;
			color: #000;
		}
		
		#menu li a:hover {
			text-decoration: underline;
		}
	
	div#info {
		height: 17px;
		line-height: 17px;
		margin-left: 15px;
	}
	
		div#info a {
			color: #FFF;
			text-decoration: none;
		}
		
		div#info a:hover {
			color: #FFF;
			text-decoration: underline;
		}

	h1.accueil {
		margin-left: 188px;
	}
	
#rootline {
	width: 830px;
	margin: 6px 0 10px 110px;
	font-size: 0.9em;
	color: #2282B5;
}

	#rootline a {
		color: #2282B5;
		text-decoration: underline;
	}
	
	#rootline a:hover {
		color: #2282B5;
		text-decoration: underline;
	}

#content {
	margin-top: 5px;
	padding: 0 18px;
	width: 913px;
}

	#left {
		float: left;
		width: 160px;
		margin-right: 10px;
		font-size: 0.9em;
	}
	
		#left .bloc-arrondi-gauche {
			background: #E5E5E5 url('../images/gauche/fond-bloc-arrondi.gif') repeat-x left top;
			margin-bottom: 10px;
		}
		
		#left .bloc-arrondi-gauche .arrondi-top {
			width: 160px;
			height: 7px;
			font-size: 1px;
			background: transparent url('../images/gauche/bloc-arrondi-haut.gif') no-repeat left top;
		}
		
		#left .bloc-arrondi-gauche .arrondi-contenu {
			border-left: 1px solid #46C4DD;
			border-right: 1px solid #46C4DD;
			padding: 0 5px;
		}
		
		#left .bloc-arrondi-gauche .arrondi-bottom {
			width: 160px;
			height: 7px;
			font-size: 1px;
			background: transparent url('../images/gauche/bloc-arrondi-bas.gif') no-repeat left top;
		}
	
		#left ul#menu-nav {
			padding-left: 12px;
			color: #2282B5;
		}
		
			ul#menu-nav li a {
				color: #179BC3;
				text-decoration: none;
			}
			
			ul#menu-nav li a:hover {
				text-decoration: underline;
				color: #F68C04;
			}
			
			ul#menu-nav li.actif {
				color: #F68C04;
			}
			
			ul#menu-nav li.actif a {
				color: #F68C04;
			}
			
			ul#menu-nav li.actif a:hover {
				text-decoration: underline;
			}
			
			ul#menu-nav li ul, ul#menu-nav li.actif ul {
				padding-left: 10px;
				color: #2282B5;
			}
			
				ul#menu-nav li ul li a, ul#menu-nav li.actif ul li a {
					color: #2282B5;
					text-decoration: none;
				}
				
				ul#menu-nav li ul li a:hover, , ul#menu-nav li.actif ul li a:hover {
					color: #2282B5;
					text-decoration: underline;
				}
				
				ul#menu-nav li ul li.actif2, ul#menu-nav li.actif ul li.actif2:hover {
					color: #F68C04;
				}
				
				ul#menu-nav li ul li.actif2 a {
					color: #F68C04;
				}
				
				ul#menu-nav li ul li.actif2 a:hover {
					color: #F68C04;
					text-decoration: underline;
				}
		
		#left h3 {
			color: #179BC3;
			text-align: center;
			margin-bottom: 10px;
		}
		
		#left form.form-login input {
			width: 48px;
			margin-right: 0px;
			border: 1px solid #2285B2;
			background: #FFF;
			font-size: 0.9em;
			padding: 2px;
		}
		
		#left form.form-search input {
			width: 100px;
			margin-left: 5px;
			border: 1px solid #2285B2;
			background: #FFF;
			font-size: 0.9em;
			padding: 2px;
		}
		
		#left form.form-search label {
			font-weight: bold;
		}
		
		#left form.form-login button, #left form.form-search button {
			background: none;
			border: none;
			vertical-align: middle;
			margin-bottom: 1px;
			margin-left: 0px;
			cursor: pointer;
		}
		
		#left a {
			color: #000;
			text-decoration: none;
		}
		
		#left a:hover {
			text-decoration: underline;
		}
	
	#right {
		float: left;
	}
	
		#right .bloc-arrondi-droite {
			background: #FFF;
			width: 741px;
			margin-bottom: 15px;
		}
		
		#right .bloc-arrondi-droite .arrondi-top {
			width: 741px;
			height: 7px;
			font-size: 1px;
			background: transparent url('../images/droite/bloc-arrondi-haut.gif') no-repeat left top;
		}
		
		#right .bloc-arrondi-droite .arrondi-contenu {
			padding: 0 10px;
			border-left: 1px solid #46C4DD;
			border-right: 1px solid #46C4DD;
		}
		
			.bloc-arrondi-droite .arrondi-contenu h2.bleu { color: #44C4DD; }
			.bloc-arrondi-droite .arrondi-contenu h2.orange { color: #F68C04; }
			
			.bloc-arrondi-droite .arrondi-contenu h3.bleu { color: #2282B5; }
			.bloc-arrondi-droite .arrondi-contenu h3.orange { color: #F68C04; }
			
			.bloc-arrondi-droite .arrondi-contenu h4 { font-size: 1.1em; }

			.bloc-arrondi-droite .arrondi-contenu ul { padding: 5px 0 5px 0; list-style-type: none; }
			.bloc-arrondi-droite .arrondi-contenu ul li { background: url('../images/puce-orange.gif') no-repeat 0 6px; padding-left: 10px; }
			.bloc-arrondi-droite .arrondi-contenu ul ul { padding: 5px 0 5px 20px; }
			
			.bloc-arrondi-droite .arrondi-contenu a {
				color: #2282B5;
				font-weight: bold;
				text-decoration: underline;
			}
			
			.bloc-arrondi-droite .arrondi-contenu a:hover {
				color: #2282B5;
				text-decoration: none;
			}
			
			.bloc-arrondi-droite .arrondi-contenu a:visited {
				color: #676767;
				text-decoration: underline;
			}
			
			.bloc-arrondi-droite .arrondi-contenu div.sep-bleu {
				height: 1px;
				/*line-height: 1px;
				font-size: 1px;*/
				background: transparent url('../images/droite/separateur-bleu.gif') no-repeat center top;
				margin: 15px 0 0 0;
				padding: 0 0 10px 0;
			}
			
			.bloc-arrondi-droite .arrondi-contenu div.sep-orange {
				height: 1px;
				line-height: 1px;
				font-size: 1px;
				background: transparent url('../images/droite/separateur-orange.gif') no-repeat center top;
				margin: 15px 0 10px 0;
			}
		
		#right .bloc-arrondi-droite .arrondi-bottom {
			width: 741px;
			height: 7px;
			font-size: 1px;
			background: transparent url('../images/droite/bloc-arrondi-bas.gif') no-repeat left top;
		}

#footer {
	clear: both;
	height: 25px;
	background: transparent url('../images/fond-footer.png') no-repeat left -1px;
	width: 958px;
}

	#footer ul {
		margin-left: 2px;
		width: 948px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		list-style-type: none;
		background: transparent url('../images/fond-footer.gif') repeat left top;
		font-size: 0.8em;
		font-weight: bold;
	}
	
	#footer ul li {
		display: inline;
		color: #000;
		position: relative;
	}
	
	#footer ul li a {
		color: #000;
		text-decoration: none;
	}
	
	#footer ul li a:hover {
		text-decoration: underline;
	}
	
	#footer .icone-mail {
		position: absolute;
		top: -7px;
	}