/*-----------------------------------
 * PARAFES
 * réalisé par SQLI
 * Création : 27.10.2009
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/

body {
  margin: 0; padding: 0;
	font-family: Verdana, Helvetica, sans-serif; font-size: 62.5%;
 	background: #999FA7 url('../images/fond.gif') repeat-x top left !important;
	behavior: url('./css/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
	text-align: center;
}
img, div, h1, a, p {
	border: none;
}
* {
	margin: 0; padding: 0;
}
div, li {
	_height: 1%;
}
br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}
span.clear {
	font-size: 1px;
}

/*-------------------------
 * PAGE
 *-------------------------*/
 div#page {
 	margin: 0px auto 0px auto; padding: 0;
 	width: 940px;
 	text-align: left;
 }

/*-------------------------
 * HEADER
 *-------------------------*/
 div#header {
 		margin: 0; padding: 75px 0px 0px 0px;
 }
 div#header h1 {
		float: left;
 		margin: 0; padding: 0;
 		width: 273px; height: 55px;
 }
		div#header h1 a,
		div#header h1 a:link,
		div#header h1 a:visited {
				display: block;
				overflow: hidden;
				width: 273px; height: 55px;
				background: url('../images/parafes-logo.gif') no-repeat top left;
				text-indent: -100em;
		}
		div#header h1 a:hover {
		 	
		}
 
 div#header ul {
 		float: right;
 		margin: 30px 0px 0px 0px; padding: 0;
 }
		div#header ul li {
				display: inline;
				margin: 0; padding: 0px 5px 0px 5px;
				font-size: 1.1em;
				color: #ffffff;
				text-transform: uppercase;
				list-style: none;
		}
				div#header ul li.first {
						border-right: 1px solid #ffffff;
				}
		div#header ul li a,
		div#header ul li a:link,
		div#header ul li a:visited {
				color: #ffffff;
				text-decoration: none;
		}
		div#header ul li a:hover {
				color: #082B5A;
		}
		
/*-------------------------
 * INNER
 *-------------------------*/
 div#inner {
 	clear: both;
 	position: relative;
 	margin: 0; padding: 3px 3px 3px 0px;
 	background: #ffffff url('../images/parafes-logo-2.gif') no-repeat top right;
 }
 div#inner div#colonne-droite {
 		float: right;
 		margin: 0; padding: 0;
 		width: 389px;
 }
 		div#inner div.bbl,
 		div#inner div.bbr,
 		div#inner div.btl,
 		div#inner div.btr {
 			display: block;
 			margin: 0; padding: 0;
 			width: 8px; height: 7px;
 			font-size: 0.1em; line-height: 0.1em;
 		}
 		div#inner div.bbl { position: absolute; bottom: 0px; left: 0px; background: url('../images/bbl.gif') no-repeat bottom left; }
 		div#inner div.bbr { position: absolute; bottom: 0px; right: 0px; background: url('../images/bbr.gif') no-repeat bottom right; }
 		div#inner div.btl { position: absolute; top: 0px; left: 0px; background: url('../images/btl.gif') no-repeat top left; }
 		div#inner div.btr { position: absolute; top: 0px; right: 0px; background: url('../images/btr.gif') no-repeat top right; }
 		
 		div#inner h2.baseline {
 			margin: 0px 0px 20px 60px; padding: 20px 0px 0px 0px;
 			overflow: hidden;
 			width: 600px; height: 33px;
 			background: url('../images/baseline.gif') no-repeat bottom left;
 			text-indent: -100em;
 		}

/*-------------------------
 * NAVIGATION
 *-------------------------*/
 		div#inner div.navigation {
 			margin: 0px 0px 15px 5px; padding: 0;
 			height: 2.4em;
 		}
	 		div#inner div.navigation ul {
	 			margin: 0; padding: 0;
	 		}
		 		div#inner div.navigation li {
		 				float: left;
		 				margin: 0px 5px 10px 0px; padding: 0;
		 				width: 16em;
		 				font-size: 1em; font-weight: bold;
		 				color: #ffffff;
		 				text-transform: uppercase;
		 				list-style: none;
		 		}
		 		div#inner div.navigation li.first {
		 			width: 9.5em;	
		 			text-align: right;
		 		}
		 		div#inner div.navigation li a,
		 		div#inner div.navigation li a:link,
		 		div#inner div.navigation li a:visited {
		 				display: block;
		 				position: relative;
		 				padding: 0px 10px 0px 10px;
		 				height: 2.4em; line-height: 2.4em;
		 				color: #ffffff;
		 				background: url('../images/menu.gif') repeat-x top left;
		 				text-decoration: none;
		 		}
		 		div#inner div.navigation li.current a,
		 		div#inner div.navigation li.current a:link,
		 		div#inner div.navigation li.current a:visited,
		 		div#inner div.navigation li a:hover {
		 				background: url('../images/menu.gif') repeat-x bottom left;
		 		}
		 		div#inner div.navigation li span.tbtl,
	 			div#inner div.navigation li span.tbtr,
	 			div#inner div.navigation li span.tbbl,
	 			div#inner div.navigation li span.tbbr {
	 				position:absolute; display: block;
	 				width: 4px; height: 4px;
	 				font-size: 1px; line-height: 1px;
	 			}
	 			div#inner div.navigation li span.tbtl { top: 0px; left: 0px; background: url('../images/t-bbtl-nav.gif') no-repeat top left; }
	 			div#inner div.navigation li a:hover span.tbtl { top: 0px; left: 0px; background: url('../images/t-bbtl-nav.gif') no-repeat bottom left; }
	 			
	 			div#inner div.navigation li span.tbtr { top: 0px; right: 0px; background: url('../images/t-bbtr-nav.gif') no-repeat top right; }
	 			div#inner div.navigation li a:hover span.tbtr { top: 0px; right: 0px; background: url('../images/t-bbtr-nav.gif') no-repeat bottom right; }
	 			
	 			div#inner div.navigation li span.tbbl { bottom: 0px; left: 0px; background: url('../images/t-bbbl-nav.gif') no-repeat top left; }
	 			div#inner div.navigation li a:hover span.tbbl { bottom: 0px; left: 0px; background: url('../images/t-bbbl-nav.gif') no-repeat bottom left; }
	 			
	 			div#inner div.navigation li span.tbbr { bottom: 0px; right: 0px; background: url('../images/t-bbbr-nav.gif') no-repeat top right; }
	 			div#inner div.navigation li a:hover span.tbbr { bottom: 0px; right: 0px; background: url('../images/t-bbbr-nav.gif') no-repeat bottom right; }
		 		
/*-------------------------
 * BLOC DROITe
 *-------------------------*/
 div#inner div#colonne-droite div.inner-droite {
 		width: 387px;
 		background: #C3C9D3 url('../images/accueil-droit.gif') no-repeat top left;
 }
 div#inner div#colonne-droite div.inner-droite-bottom {
 		position: relative;
 		height: 36.1em;
 		background: url('../images/accueil-droit-bottom.gif') no-repeat bottom left;
 }
 div#inner div#colonne-droite div.ban {
 		position: absolute; bottom: 8px; right: 10px;
 }
 div#inner div#colonne-droite div.images {
 		float: left;
 		margin: 0; padding: 0;
 		width: 208px;
 }
 div#inner div#colonne-droite div.images h2 {
 		margin: 0; padding: 0;
 		width: 211px; height: 47px;
 		background: url('../images/titre-images.gif') no-repeat top left;
 		text-indent: -100em;
 }
 div#inner div#colonne-droite div.images p {
		margin: 0px 15px 0px 15px; padding: 0;
		font-size: 1.1em;
		color: #082B5A;
 }
 div#inner div#colonne-droite div.images p a,
 div#inner div#colonne-droite div.images p a:link,
 div#inner div#colonne-droite div.images p a:visited {
 		color: #082B5A;
 }
 div#inner div#colonne-droite div.images p a:hover {
 		color: #ffffff;
 }
 div#inner div#colonne-droite p.message {
 		position: relative;
 		margin: 10px 0px 0px 0px; padding: 20px 25px 20px 15px;
 		width: 127px;
 		font-size: 1.3em; font-weight: bold;
 		color: #ffffff;
 		background: #49B4E6;
 		text-align: center;
 }		
 
 div#inner div#colonne-droite div.menu {
 		float: right;
 		margin: 50px 10px 0px 0px;
 		_margin-right: 3px;
 }
 		div#inner div#colonne-droite div.menu ul {
 			margin: 0; padding: 0;
 		}
 			div#inner div#colonne-droite div.menu ul li {
 				margin: 0px 0px 5px 0px;
 				width: 160px;
 				list-style: none;
 			}
 			div#inner div#colonne-droite div.menu ul a,
 			div#inner div#colonne-droite div.menu ul a:link,
 			div#inner div#colonne-droite div.menu ul a:visited {
 					display: block;
 					position: relative;
 					margin: 0; padding: 0;
 					height: 27px; line-height: 27px;
 					font-size: 1.1em; font-weight: bold;
 					color: #ffffff;
 					text-decoration: none;
 			}
 			div#inner div#colonne-droite div.menu ul li.faq,
 			div#inner div#colonne-droite div.menu ul li.faq a:link,
 			div#inner div#colonne-droite div.menu ul li.faq:visited {
 					background: #0C2F5F;
 			}
 			div#inner div#colonne-droite div.menu ul li.presse a,
 			div#inner div#colonne-droite div.menu ul li.presse a:link,
 			div#inner div#colonne-droite div.menu ul li.presse a:visited {
 					background: #415C80;
 			}
 			div#inner div#colonne-droite div.menu ul li.documentaire a,
 			div#inner div#colonne-droite div.menu ul li.documentaire a:link,
 			div#inner div#colonne-droite div.menu ul li.documentaire a:visited {
 					background: #86BEDD;
 			}
 			div#inner div#colonne-droite div.menu ul a:hover {
 					background: #49B4E6 !important;
 			}
 			
	 		div#inner div#colonne-droite span.tbtl,
 			div#inner div#colonne-droite span.tbtr,
 			div#inner div#colonne-droite span.tbbl,
 			div#inner div#colonne-droite span.tbbr {
 				position:absolute; display: block;
 				width: 5px; height: 5px;
 				font-size: 1px; line-height: 1px;
 			}
 			div#inner div#colonne-droite span.tbtl { top: 0px; left: 0px; background: url('../images/t-bbtl-4.gif') no-repeat top left; }
 			div#inner div#colonne-droite span.tbtr { top: 0px; right: 0px; background: url('../images/t-bbtr-3.gif') no-repeat top right;
 				_right: -1px;
 			}
 			div#inner div#colonne-droite span.tbbl { bottom: 0px; left: 0px; background: url('../images/t-bbbl-4.gif') no-repeat bottom left; 
 				_bottom: -1px;
 			}
 			div#inner div#colonne-droite span.tbbr { bottom: 0px; right: 0px; background: url('../images/t-bbbr-3.gif') no-repeat bottom right; 
 				_bottom: -1px;
 				_right: -1px;
 			}
 			
 			
 			div#inner div#colonne-droite li.faq span.tbtl { top: 0px; left: 0px; background: url('../images/bbtl-faq.gif') no-repeat top left; }
 			div#inner div#colonne-droite li.faq span.tbtr { top: 0px; right: 0px; background: url('../images/bbtr-faq.gif') no-repeat top right;
 				_right: -1px;
 			}
 			div#inner div#colonne-droite li.faq span.tbbl { bottom: 0px; left: 0px; background: url('../images/bbbl-faq.gif') no-repeat top left; 
 				_bottom: -1px;
 			}
 			div#inner div#colonne-droite li.faq span.tbbr { bottom: 0px; right: 0px; background: url('../images/bbbr-faq.gif') no-repeat top right; 
 				_bottom: -1px;
 				_right: -1px;
 			}
 			
 			div#inner div#colonne-droite li.presse span.tbtl { top: 0px; left: 0px; background: url('../images/bbtl-presse.gif') no-repeat top left; }
 			div#inner div#colonne-droite li.presse span.tbtr { top: 0px; right: 0px; background: url('../images/bbtr-presse.gif') no-repeat top right;
 				_right: -1px;
 			}
 			div#inner div#colonne-droite li.presse span.tbbl { bottom: 0px; left: 0px; background: url('../images/bbbl-presse.gif') no-repeat top left; 
 				_bottom: -1px;
 			}
 			div#inner div#colonne-droite li.presse span.tbbr { bottom: 0px; right: 0px; background: url('../images/bbbr-presse.gif') no-repeat top right; 
 				_bottom: -1px;
 				_right: -1px;
 			}
 			
 			div#inner div#colonne-droite li.documentaire div.tp {
 				background: url('../images/bbr-documentaire.gif') no-repeat top right;
 			}
 			div#inner div#colonne-droite li div.bt {
 				padding: 0px 10px 0px 10px;
 					_padding: 0px 0px 0px 5px;
 			}
 			div#inner div#colonne-droite li.documentaire div.bt {
 				background: url('../images/bbl-documentaire.gif') no-repeat bottom left;
 			}
 			
 			div#inner div#colonne-droite li.documentaire span.tbtl { top: 0px; left: 0px; background: url('../images/bbtl-documentaire.gif') no-repeat top left; }
 			div#inner div#colonne-droite li.documentaire span.tbtr { top: 0px; right: 0px; background: url('../images/bbtr-documentaire.gif') no-repeat top right;
 				_right: -1px;
 			}
 			div#inner div#colonne-droite li.documentaire span.tbbl { bottom: 0px; left: 0px; background: url('../images/bbbl-documentaire.gif') no-repeat top left; 
 				_bottom: -1px;
 			}
 			div#inner div#colonne-droite li.documentaire span.tbbr { bottom: 0px; right: 0px; background: url('../images/bbbr-documentaire.gif') no-repeat top right; 
 				_bottom: -1px;
 				_right: -1px;
 			}
 			div#inner div#colonne-droite li.faq a:hover span,
 			div#inner div#colonne-droite li.presse a:hover span,
 			div#inner div#colonne-droite li.documentaire a:hover span {
 				background-position: bottom left !important;
 			}
 		
/*-------------------------
 * BOTTOM
 *-------------------------*/
 div#bottom {
 	margin: 0; padding: 10px 0px 0px 0px;
 }
 div#bottom ul {
 		margin: 20px 0px 0px 0px; padding: 0;
 	}
	 	div#bottom ul li {
	 		float: left;
	 		margin: 0px 2px 0px 0px; padding: 0;
	 		font-size: 1em;
		 	color: #ffffff;
		 	list-style: none;
	 	}
	 		div#bottom ul li a,
	 		div#bottom ul li a:link,
	 		div#bottom ul li a:visited {
		 		color: #ffffff;
		 		text-decoration: none;
		 	}
		 	div#bottom ul li a:hover {
		 		text-decoration: underline;
		 	}