/*-----------------------------------
 * Arthur BONNET
 * réalisé par SQLI
 * Création : 06.11.2007
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
body {
  	margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	background: #1B383E;
}
* {
	margin: 0; padding: 0;
}
div {
	_height: 1%;
}
br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}

/*--------------------
   PAGE
 ---------------------*/
 div#overlay {
 	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 650px;
	background-color: #1B383E;
 }
 div#page-popup {
 	position: absolute; top: 0px; left: 120px;
 	clear: both;
 	margin: 0px auto 0px auto; padding: 0;
 	width: 705px;
 	background: #1B383E;
 }
  
 p.fermer {
 	float: right;
 	margin: 15px 0px 0px 0px; padding: 0;
 } 
 	p.fermer a,
 	p.fermer a:link,
 	p.fermer a:visited {
 		display: block;
 		width: 1.4em; height: 1.4em;
 		line-height: 1.4em;
 		color: #ffffff;
 		background: #607478;
 		border: 1px solid #ffffff;
 		text-decoration: none;
 		text-align: center;
 	}
 	p.fermer a:hover {
 		color: #607478;
 		background: #ffffff;
 		border: 1px solid #607478;
 	}
 
/*--------------------
   LOGO
 ---------------------*/
 h1#logo-popup {
 	float: left;
 	margin: 0; padding: 0;
 	background: url('../images/logo-arthur-bonnet-diapo.gif') no-repeat top left;
 }
 	h1#logo-popup a,
 	h1#logo-popup a:link,
 	h1#logo-popup a:visited {
 		display: block;
 		overflow: hidden;
 		margin: 0; padding: 0;
 		width: 351px; height: 47px;
 		text-decoration: none; text-indent: -100em;
 	}
 	
/*--------------------
   DIAPO
 ---------------------*/
 div#diapo {
 	margin: 0; padding: 0;
 }
	 div#diapo div.diaporama {
	 	margin: 0; padding: 0;
	 	text-align: center;
	 }
	 div#diapo div.diaporama img {
	 	margin: 0; padding: 0;
	 	border: 1px solid #ffffff;
	 }
	 div#diapo div.diaporama p {
	 	padding: 5px;
	 	font-size: 1.2em;
	 	text-align: center;
	 	color: #ffffff;
	 }
	 
	div#diapo div.navigation-popup {
		margin: 10px auto 0px auto; padding: 0;
		width: 320px;
	}
	div#diapo div.navigation-popup a.precedent,
	div#diapo div.navigation-popup a.precedent:link,
	div#diapo div.navigation-popup a.precedent:visited {
		float: left;
		display: block;
		margin: 0px 0px 0px 0px; padding: 0;
		width: 18px; height: 30px;
		background: url('../images/fleche-diapo-g-large-1.gif') no-repeat top left;
		text-decoration: none;
	}
	div#diapo div.navigation-popup a.precedent:hover {
		background: url('../images/fleche-diapo-g-large-1.gif') no-repeat bottom left;
	}
	div#diapo div.navigation-popup a.suivant,
	div#diapo div.navigation-popup a.suivant:link,
	div#diapo div.navigation-popup a.suivant:visited {
		float: right;
		display: block;
		margin: 0px 0px 0px 0px; padding: 0;
		width: 18px; height: 30px;
		background: url('../images/fleche-diapo-g-large-2.gif') no-repeat top left;
		text-decoration: none;
	}
	div#diapo div.navigation-popup a.suivant:hover {
		background: url('../images/fleche-diapo-g-large-2.gif') no-repeat bottom left;
	}
	div#diapo div.navigation-popup ul {
		float: left;
		margin: 5px 0px 0px 20px; padding: 0;
	}
		div#diapo div.navigation-popup ul li {
			display: inline;
			margin: 0; padding: 0;
			list-style: none;
		}
		div#diapo div.navigation-popup ul li a,
		div#diapo div.navigation-popup ul li a:link,
		div#diapo div.navigation-popup ul li a:visited {
			float: left;
			margin: 0px 5px 0px 0px;
			width: 1.6em; height: 1.4em;
			line-height: 1.4em;
			font-size: 1.2em; font-weight: bold;
			color: #173439;
			background: #ffffff;
			border: 1px solid #173439;
			text-decoration: none; text-align: center;
		}
		div#diapo div.navigation-popup ul li a.current,
		div#diapo div.navigation-popup ul li a.current:link,
		div#diapo div.navigation-popup ul li a.current:visited,
		div#diapo div.navigation-popup ul li a:hover {
			color: #ffffff;
			background: #173439;
			border: 1px solid #ffffff;
		}