/*-----------------------------------
 * AFA
 * réalisé par SQLI
 * Création : 27.11.2006
 * Dernière modification : 27.11.2006
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
 
  body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:62.5%;
	color: #000000; background: #ffffff url('../img/fond.jpg') repeat-x top left;
	text-align: center;
	behavior: url('./csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
  }
  
  form { margin: 0; padding: 0; }
  
  img{ border-width: 0px; }
    
  div#page {
  	position: relative;
	width: 950px;
	margin-top: 60px;
	margin-left: auto; margin-right: auto;
	text-align: left;
  }
  
  br.clear {
  	clear: both;
  }
  
	div#overlay {
		z-index: 2;
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 850px;
		background-color: #000000;
	}
	div#page-popup {
		z-index: 3;
		position: absolute; top: 95px; left: 0px;
		clear: both;
		margin: 0px auto 0px auto; padding: 0;
		width: 100%;
		text-align: center;
	}
	div#page-popup div.inner {
		position: relative;
		margin: 0px auto 0px auto;
		width: 765px;
	}
	div#page-popup p {
		position: absolute; top: 345px; left: 700px;
		margin: 0;
		text-align: right;
	}
	div#page-popup p a,
	div#page-popup p a:link,
	div#page-popup p a:visited {
		font-weight: bold;
		color: #042E52;
		text-decoration: none;
	}
	div#page-popup p a:hover {
		color: #2681B7;
	}
  
/*--------------------
   Header
 ---------------------*/ 
 
 div#header {
	margin: 0; padding: 0;
	width: 950px; height: 292px;
	background: url('../img/bandeau-home.jpg') no-repeat top left;
	}
	div#header h1 {
		position: absolute; top: 10px; left: 25px;
		margin: 0; padding: 0;
		background: url('../img/logo-afa.jpg') no-repeat top left;
		
	}
	div#header h1 a {
		display: block; overflow: hidden;
		width: 290px; height: 55px;
		text-indent: -100em;
	}
	div#header ul {
		float: right;
		margin: 15px 20px 0px 0px; padding: 0;
		list-style-type: none;
		}
	
	div#header ul li {
		display: inline;
		margin: 0px ; padding: 0px 3px 0px 3px;
		font-size: 1em;
		color: #666666;
		border-right: 1px solid #666666;
		}
		
	div#header ul li.nb {
		margin: 0; padding:0px 3px 0px 3px;
		font-weight: bold;
		color: #018CB4;
		border: none;
		}
		
	div#header ul li a:link, div#header ul li a:visited {
		font-size: 1em;
		color: #666666;
		text-decoration: none;
		}
		div#header ul li.nb a:link, div#header ul li.nb a:visited {
			color: #018CB4;
		}
		
	div#header ul li a:hover {
		color: #7fd2e6;
		}
	
/*--------------------
   Milieu de page
 ---------------------*/ 
 
 div#content {
	margin: 0; padding: 0px 20px 0px 20px;
	width: 910px;
	background: url('../img/fond-middle.jpg') repeat-y top left;
	}
		div#content div.subheader-afa {
			margin: 0; padding: 0;
			height: 170px;
			background: url('../img/fond-vague.gif') no-repeat top left;
		}
			div#content div.subheader-afa div.intro {
				float: left;
				margin: 0px 0px 0px 40px; padding: 0;
				_margin-left: 20px;
				width: 220px;
			}
				div#content div.subheader-afa div.intro h2 {
					margin: 0px 0px 2px 0px; padding: 0;
					width: 200px; height: 62px;
					font-size: 1.4em; font-style: italic;
					color: #018CB4;
					background: url('../img/titre-subheader.gif') no-repeat top left;
					text-indent: -100em;
				}
				div#content div.subheader-afa div.intro p {
					margin: 0px 0px 0px 2px; padding: 0;
					font-size: 1.1em; font-style: italic;
					color: #6D6D6D;
				}
			
			div#content div.subheader-afa div.carte {
				position: absolute; top: 240px; left: 265px;
				margin: 0; padding: 0;
			}
				div#content div.subheader-afa div.carte div {
					padding: 40px;
					color: #6D6D6D;
					width: 300px;
				}
				div#content div.subheader-afa div.carte div a {
					color: #D70987;
				}
			
			div#content div.subheader-afa div.guide {
				float: right;
				margin: 30px 10px 0px 0px; padding: 0px 0px 20px 0px;
				width: 337px;
				background: url('../img/fond-guide.gif') no-repeat 0% 100%;
			}
				div#content div.subheader-afa div.guide h2 {
					margin: 0px 0px 15px 50px; padding: 0;
					font-size: 2.2em;
					color: #ACCB55;
					background: url('../img/titre-guide-adoption.gif') no-repeat top left;
					text-indent: -100em;
				}
					div#content div.subheader-afa div.guide h2 span {
						font-size: 0.8em;
					}
				div#content div.subheader-afa div.guide ul {
					position: relative;
					margin: 0px 0px 0px 135px; padding: 0;
				}
					div#content div.subheader-afa div.guide ul li {
						display: block;
						font-size: 1.3em;
						color: #01799C;
						list-style: none;
					}
						div#content div.subheader-afa div.guide ul li a, div#content div.subheader-afa div.guide ul li a:link, div#content div.subheader-afa div.guide ul li a:visited {
							padding: 0px 0px 0px 20px;
							color: #01799C;
							text-decoration: none;
						}
						div#content div.subheader-afa div.guide ul li a:hover,
						div#content div.subheader-afa div.guide ul li:hover a,
						div#content div.subheader-afa div.guide ul li:hover a:link,
						div#content div.subheader-afa div.guide ul li:hover a:visited {
							font-weight: bold;
							color: #ACCB55;
							background: url('../img/puce-verte.gif') no-repeat top left;
						}
						
					div#content div.subheader-afa div.guide ul div.submenus {
						display: none;
						position: absolute; top: 10px; left: 10px;
						margin: 0; padding: 0;
						font-size: 0.6em;
					}
							div#content div.subheader-afa div.guide ul div#submenu-1 {
								position: absolute; top: 15px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-2 {
								position: absolute; top: 31px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-3 {
								position: absolute; top: 47px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-4 {
								position: absolute; top: 63px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-5 {
								position: absolute; top: 79px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-6 {
								position: absolute; top: 95px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-6 {
								position: absolute; top: 111px; left: 20px;
							}
							div#content div.subheader-afa div.guide ul div#submenu-6 {
								position: absolute; top: 127px; left: 20px;
							}
						div#content div.subheader-afa div.guide ul li:hover div.submenus {
							display: block;
							z-indenx: 4;
						}
							div#content div.subheader-afa div.guide ul li:hover div.submenus div.haut {
								display: block;
								width: 167px; height: 10px;
								background: url('../img/submenu-haut.gif') no-repeat top left;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus div.bas {
								display: block;
								width: 167px; height: 10px;
								background: url('../img/submenu-bas.gif') no-repeat bottom left;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus div.content {
								display: block;
								width: 167px;
								background: url('../img/submenu-milieu.gif') repeat-y top left;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul {
								margin: 0; padding: 0;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul li {
								display: block;
								margin: 0; padding: 0px 0px 0px 10px;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul li a,
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul li a:link,
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul li a:visited {
								font-weight: normal;
								color: #01799C;
								background: url('../img/puce-bleu-on.gif') no-repeat top left;
							}
							div#content div.subheader-afa div.guide ul li:hover div.submenus ul li a:hover,
							div#content div.subheader-afa div.guide ul li div.submenus ul li a:hover {
								font-weight: bold;
								background: url('../img/puce-bleu-hover.gif') no-repeat top left;
							}
		div#content div.fil-info {
			float: left;
			margin: 0px 0px 0px 10px; padding: 0;
			width: 201px;
			color: #717171;
		}

		div#content div.fil-info a,
		div#content div.fil-info a,
		div#content div.fil-info a {
			font-weight: normal;
			color: #717171;
			text-decoration: none;
		}
			div#content div.fil-info h2 {
				margin: 0; padding: 5px 0px 0px 0px;
				font-size: 1.8em;
				color: #018CB4;
				background: url('../img/titre-fil-info.gif') no-repeat top left;
				text-indent: -100em;
			}
			div#content div.fil-info div.uppernavigation {
				display: block;
				padding: 0px 10px 2px 0px;
				background: url('../img/fond-fil-info-haut.gif') no-repeat top left;
				text-align: right;
			}
			div#content div.fil-info div.bottomnavigation {
				display: block;
				padding: 5px 10px 10px 0px;
				background: url('../img/fond-fil-info-bas.gif') no-repeat top left;
				text-align: right;
			}
			div#content div.fil-info div.middlenavigation {
				display: block;
				overflow: hidden;
				margin: 0; padding: 5px 5px 5px 5px;
				height: 1%;
				border-left: 1px solid #80C5D9; border-right: 1px solid #80C5D9;
			}
				div#content div.fil-info div#texteDefilant p {
					margin: 0; padding: 0px 0px 15px 0px;
				}
				div#content div.fil-info div#texteDefilant {
					overflow:hidden;
					float:left;
					margin-top:10px; margin-bottom:10px;
					height:150px;  
				}
					div#content div.fil-info div#texteDefilant p a.titre,
					div#content div.fil-info div#texteDefilant p a.titre:link,
					div#content div.fil-info div#texteDefilant p a.titre:visited {
						color: #018CB4;
						text-decoration: none;
					}
						div#content div.fil-info div#texteDefilant p a.titre:hover {
							color: #7FD2E6;
						}
					div#content div.fil-info div#texteDefilant p span.suite {
						font-size: 0.9em;
					}
						div#content div.fil-info div#texteDefilant p span.suite a,
						div#content div.fil-info div#texteDefilant p span.suite a:link,
						div#content div.fil-info div#texteDefilant p span.suite a:visited {
							color: #018CB4;
							text-decoration: none;
						}
						div#content div.fil-info div#texteDefilant p span.suite a:hover {
							color: #7FD2E6;
						}
		
		div#content div.tout-afa {
			float: left;
			margin: 70px 0px 0px 15px; padding: 0;
			width: 200px;
			background: url('../img/fond-tout-afa.gif') no-repeat 0% 100%;
		}
			div#content div.tout-afa h2 {
				margin: 0px 0px 10px 0px; padding: 6px 0px 0px 10px;
				font-size: 1.5em;
				color: #D70987;
				background: url('../img/titre-tout-sur-afa.gif') no-repeat top left;
				text-indent: -100em;
			}
			div#content div.tout-afa ul {
				margin: 0px 0px 15px 95px; padding: 0;
			}
			div#content div.tout-afa ul li {
				margin: 0; padding: 0px 0px 3px 0px;
				font-size: 1.1em;
				color: #717171;
			}
			div#content div.tout-afa ul li a,
			div#content div.tout-afa ul li a:link,
			div#content div.tout-afa ul li a:visited {
				color: #717171;
				text-decoration: none;
			}
				div#content div.tout-afa ul li a:hover {
					color: #7fd2e6;
				}
		
		div#content div.tout-adoption {
			width: 260px;
			float: left;
			margin: 40px 0px 0px 15px; padding: 20px 0px 0px 0px;
			background: url('../img/fond-tout-adoption.gif') no-repeat top left;
		}
			div#content div.tout-adoption div.content {
				border-left: 1px solid #F3B5DB;
			}
			div#content div.tout-adoption h2 {
				display: block;
				margin: 0; padding: 12px 0px 0px 20px;
				width: 165px; height: 35px;
				font-size: 1.5em;
				color: #D70987;
				background: url('../img/titre-tout-sur-adoption.gif') no-repeat top left;
				text-indent: -100em;
			}
			div#content div.tout-adoption ul {
				margin: 25px 0px 0px 22px; padding: 0px 0px 10px 0px;
			}
				div#content div.tout-adoption ul li {
					margin: 0; padding: 0px 0px 5px 18px;
					font-size: 1.1em;
					color: #717171;
					background: url('../img/puce-bleue-stylisee.gif') no-repeat top left;
					list-style: none;
				}
					div#content div.tout-adoption ul li a,
					div#content div.tout-adoption ul li a:link,
					div#content div.tout-adoption ul li a:visited {
						color: #717171;
						text-decoration: none;
					}
						div#content div.tout-adoption ul li a:hover {
							color: #7FD2E6;
						}
		
		div#content div.recherche {
			float: right;
			margin: 40px 15px 40px 0px; padding: 0;
		}
			div#content div.recherche input {
				font-size: 1em;
			}
			div#content div.recherche input.txt {
				margin: 0; padding: 2px;
				width: 125px;
				font-size: 1.1em;
				color: #11AEBF;
				border: 1px solid #11AEBF;
			}
			div#content div.recherche input.submit {
				margin: 0; padding: 1px 3px 1px 1px;
				font-size: 1.1em;
				color: #FFFFFF;
				background: url('../img/btn-ok-recherche.gif') no-repeat top left;
				border: none;
			}
		
		div#content div.espace-pro {
			float: left;
			margin: 0px 0px 0px 30px; padding: 0;
			width: 166px;
		}
			div#content div.espace-pro div.haut {
				display: block;
				width: 166px; height: 10px;
				font-size: 1px;
				background: url('../img/espace-pro-haut.gif') no-repeat top left;
			}
			div#content div.espace-pro div.bas {
				display: block;
				width: 166px; height: 10px;
				font-size: 1px;
				background: url('../img/espace-pro-bas.gif') no-repeat top left;
			}
			div#content div.espace-pro div.milieu {
				margin: 0; padding: 0;
				background: #A3D6E4;
			}
			div#content div.espace-pro h2 {
				margin: 0px 0px 3px 10px; padding: 0px 0px 5px 0px;
				font-size: 1.4em;
				color: #FFFFFF;
				background: url('../img/titre-espace-pro.gif') no-repeat top left;
				text-indent: -100em;
			}
			div#content div.espace-pro input.txt {
				margin: 0px 0px 3px 12px; padding: 2px;
				width: 98px;
				font-size: 1.1em;
				color: #018CB4;
				border: 1px solid #018CB4;
			}
			div#content div.espace-pro input.submit {
				margin: 0px 0px 2px 5px; padding: 0;
				font-size: 1.4em; font-weight: bold;
				color: #018CB4;
				background: #A3D6E4;
				border: none;
			}
	
/*--------------------
   Bas de page
 ---------------------*/ 
 
 div#footer {
 	clear: both;
	margin: 0; padding: 0px 20px 0px 20px;
	width: 910px; height: 54px;
	background: url('../img/fond-bottom.jpg') no-repeat top left;
	}
	div#footer img.logo {
		float: left;
	}
	div#footer ul {
		float: right;
  		margin: 15px 0px 0px 0px; padding: 0;
		
  	}
  	div#footer ul li {
  		float: left;
  		margin: 0; padding: 0px 4px 0px 4px;
  		list-style: none;
  		font-size: 1em;
  		color: #717171;
  	}
  	div#footer ul li.nb {
  		font-weight: bold;
  		color: #018CB4;
  	}
  	div#footer ul li a:link, div#footer ul li a:visited {
  		padding-right: 4px;
  		color: #717171;
  		text-decoration: none;
  		border-right: 1px solid #717171;
  	}
  	div#footer ul li a:hover {
  		color: #7fd2e6;
  	}
  	div#footer ul li.nb a:link, div#footer ul li.nb a:visited {
  		color: #018CB4;
  		border: none;
  	}
	div#footer ul li.current {
		font-weight: bold;
	}