/* = Style locaux
---------------- */
@import "/global/css/layoutA.css";

	#galerieImages {
		margin-bottom: 1px;
		background: #3C474E;
		color: #ccc;
		padding: 0 0 10px 0;
	}
	.colA .prev a, .colA .next a{
		display: block;
		background: transparent url(/global/img/flecPrevNext.png) no-repeat;
		width: 20px; height: 10px;
	}
	
/*	#galerieImages img {
		padding: 5px;
		background: #fff;
		display: block;
		
	}
*/

	
	#galerieImages h2 {
		font-size: 2em;
		color: #fff;
		margin: .2em 0;
		font-weight: bold;
	}

	/* Affiche - L’image affichée */
	#galerieImages #affiche {
		float: left;
		padding: 0 0 0 10px;
	}
	#galerieImages #affiche img {
		padding: 3px; margin: 0 0 10px 0;
		background: #fff;
	}
	/* Portfolio - Les images de la galerie en cours */
	#galerieImages  #portfolio {
		float: right;
		padding: 15px 0 0 9px;
		border-left: 1px #717a81 solid;
		text-align: center;
	}
	#galerieImages #scroll a:hover, #galerieImages #scroll a:focus {background: #4D96CA; outline: 0;}
	#galerieImages #scroll a.current {background: #db4d0e; }
	#galerieImages #scroll a {
		display: block;
		width: 131px; margin: 10px 0;
		background: #fff;
	}
	#galerieImages #scroll img {
		padding: 3px;
		display: block;
	}
	#portfolio .prev, #portfolio .next {margin: 0 0 0 60px;}
	#portfolio .prev a {background-position: 0 0;}
	#portfolio .prev a:hover, #portfolio .prev a:focus {background-position: 0 -14px; outline: 0;}
	#portfolio .next a {background-position: 0 -35px;}
	#portfolio .next a:hover, #portfolio .next a:focus {background-position: 0 -49px; outline: 0;}
	
	
	/* Les autres galeries */
	#autresGaleries {
		background: #005b90;
		padding: 10px;
		position: relative;
	}
	#autresGaleries .gal {
		width: 210px; margin: 10px 20px;
		float: left;
	}
	#autresGaleries .gal a:hover{
		color: yellow!important;
	}
	#autresGaleries .gal img {
		padding: 3px; margin: 0 0 3px 0;
		background: #fff;
	}
	#autresGaleries a:hover img, #autresGaleries a:focus img {background: #4D96CA; outline: 0;}
	#autresGaleries a.current img {background: #db4d0e; }
	
	#autresGaleries .next , #autresGaleries .prev {
		position: absolute; top: 30px;
	}
	#autresGaleries .next {right: 10px;}
	#autresGaleries .prev {left: 10px;}
	#autresGaleries .next a, #autresGaleries .prev a {
		width: 10px; height: 25px; margin: 70px 0 0 0;
	}
	#autresGaleries .next a{background-position:-47px 0;}
	#autresGaleries .prev a{background-position:-33px -37px;}
	#autresGaleries .next a:hover{background-position:-33px 0;}
	#autresGaleries .prev a:hover{background-position:-47px -37px;}