/* Created by Wikiwi.be - Raphael De Naeyer */
/* ozdeco  */

/* General style */

	html, body {
		font-family: 'Roboto', Verdana, Arial, sans-serif;
		color: #0f1f3a;
		height: 100%;
		background-color: #16254a;
		margin: 0px;
		padding: 0px;
	}
	a {
		text-decoration: underline;
		transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .50s ease-in-out, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .50s ease-in-, background-color .50s ease-in-out, letter-spacing .50s ease-in-out;
	}
	a:hover,a:active {
		color: #8BBB31;
	}
	HR {
		color: #fafafa;
	}
	B, strong  {
		font-weight: bold;
		font-size: 16px;
	}
	h1 {
		color: #fafafa;
		margin: 0px 0px 20px 0px;
		border-bottom: 1px solid #ffffff;
		text-align: left;
		font-size: 35px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}
	h3 {
		color: #fafafa;
		text-align: center;
		font-size: 18px;
		margin: 10px 0px 0px 0px;
		font-family: 'Roboto', sans-serif;
	}
	h2 {
		color: #8BBB31;
		text-align: center;
		font-size: 35px;
		margin: 10px 0px 10px 0px;
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		border-bottom: 1px dashed #8BBB31;
	}
	@media screen and (max-width: 768px) { 
		h1 {  font-size: 26px;}
	 }
	blockquote {
		font-size: 12px;
		color: #4c4c4c;
	}
/* content style */

div#zone_header {
	margin: 0px 0px 0px 0px;
	text-align: center;
	z-index: 10;
		background-color: #223867;
}

div#zone_ALERTE {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
}
div#ALERTE {
	position: relative;
	float: left;;
	text-align: center;
	width: 100%;
	background-color: red;
	color: white;
	font-size: 16px;
	padding: 5px;
	margin: 0px 0px 0px 0px;
}


div#texte_header {
	margin: 40px 0px 0px 0px;
	padding: 0px;
	text-align: center;		
	font-family: "Caveat", cursive;
	color: white;
	font-size: 30px;
}
div#texte_header div {
	margin: 0px 0px 0px 0px;
}


div#photos_header{
	margin: 60px 0px 20px 0px;
	text-align: center;		
}
div#zone_header_menu {
	text-align: center;
	z-index: 10;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
div#zone_header_slide {
	text-align: center;
	margin-top: 20px;
	z-index: 10;
	padding: 0px;
		max-width: 1920px;
} 

div#slide {
	min-height: 230px;
}
div#zone_header_menu .container, 
div#zone_header_slide .container,
div#zone_separ_large  { padding: 0px;}
div#block_top_menu{
	margin: 0px;
	padding: 0px;
}


div#zone_separ_large div.separ {
	background-color: #a2b909;
	height: 2px;
	margin: 2px 0px 10px 0px;
}
div#zone_middle {
	margin-top: 0px;
	min-height: 150px;
	z-index: 10;
	min-height: 500px;
	max-width: 1920px;
}
div#zone_bg {
	margin-top: 20px;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 50px;
}

div#zone_bottom {
	margin-top: 100px;
	position: relative;
	text-align: center;
	background: url('images/bg_bot.png') repeat-x bottom left;
}


img#Logo_armbb {
	width: 100%;
	max-width: 350px;
	margin: 0px 0px 0px 0px;
}
img.home {
	margin: 50px 0px 50px 0px;
}
div.bg_devis img{
	width: 100%;
}

img.slide_xs, img.slide_md  {
	display: none;
}


#iframenews {
	height: 1200px;
}
.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}

@media screen and (max-width: 1200px) {
	div#texte_header {	margin: 0px 0px 0px 0px; font-size: 24px; }
	div#texte_header div {	width: 100%; text-align:center; }
	#iframenews { height: 800px; }
}


@media screen and (max-width: 768px) {
	div#zone_header_slide {	background-image: none; }
	h1 { padding: 0px 30px 0px 30px; }
	h2{ font-size: 20px;}
	div#texte_header {	margin: 0px 30px 0px 10px; font-size: 20px; }
	div#texte_header div {	width: 100%; text-align:center; }
	#iframenews { height: 500px; }
	div#ALERTE { font-size: 14px; margin-bottom: 20px;}
}


div#zone_video_1{ margin: 0px 0px 20px 0px; min-height: 400px;}
div#zone_video_2{ margin: 20px 0px 0px 0px; min-height: 400px; }



div#zone_bot_content {
	margin: auto;
}


img#logo_fwb {
	width: 152px;
	height: 125px;
	left: 49px;

}
div#zone_copyright {
	text-align: right;
}




div#vousetesici {
	position: relative;
	float: left;
	padding: 2px 10px 2px 10px;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 1px;
	color: #b6c4d8;
	padding-right: 20px;
	background-color: #304a79;
	margin-top: 20px;
}
div#vousetesici a {
	color: white;
	text-decoration: none;
}
div#vousetesici a:hover {
	color: white;
	text-decoration: underline;
}


div#contenu .divcontenu {
	position: relative;
	float: left;
	min-height:200px;
	text-align: justify;
	margin: 0px 0px 20px 0px;
	
}

div#contenu .acturub { margin-bottom: 5px;	min-height:100px; }



div#ConnectiveDocSignExtentionInstalled   {
	display: none;
}

h4.ttlactualites{
	position: relative;
	float: left;
	width: 100%; 
	margin: 0px;
	top: 0px;
	font-weight: 400;
	font-size: 20px;
	color: white;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}
div#contenu h1 {
	position: relative;
	float: left;
	width: 93%;
	margin: 10px;
	font-weight: 400;
	font-size: 20px;
	border-bottom: 1px solid #203766;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}
div#zone_texte .titre {
	position: relative;
	float: left;
	font-weight: 400;
	font-size: 20px;
	border-bottom: 1px solid #203766;
	width: 100%;
	margin: 10px 0px 10px 0px;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}
div#zone_texte .sous-titre-bleu {
	width: 100%;
	margin: 10px 0px 10px 0px;
	font-weight: 400;
	font-size: 16px;
	border-bottom: 1px solid #9dadd2;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}
div#zone_texte .sous-titre-vert {
	width: 100%;
	margin: 10px 0px 10px 0px;
	font-weight: 400;
	font-size: 16px;
	color: #9cbe12;
	border-bottom: 1px solid #9cbe12;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}

div#zone_texte img{
	border: 1px solid #203766;
	margin: 10px;
	max-width: 920px;
	height: auto;
	
}

.affphoto_niv4_100pourcent img{ 
	width: 100%;
}



div#zone_texte ul,
div#zone_texte ol {
	position: relative;
	margin: 10px 0px 10px 30px;
}


div#zone_texte p,
div#zone_texte div {
	margin:0px;
}

div#contenu .nbre2ga h1 { width: 96%; }
div#contenu .nbre1 h1 { width: 97%; }

div#zone_texte {
	position: relative;
	float: left;
	width: 93%;
	margin: 0px 20px 30px 20px;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}


div.bleu { background: #d6deec; }
div.blanc { background: #ffffff; }
div.vert { background: #dee8b1; }



div.bleu h1 { color: #16254a; }
div.blanc h1 { color: #16254a; font-size: 40px; }
div.vert h1 { color: #16254a; }


div#zone_texte p { margin: 5px 0px 15px 0px; }
div#zone_texte li { 
	line-height: 20px;
	margin-bottom: 10px;
}

div#block_contenu {
	padding: 0px;
}
div#block_contenu a {
	text-decoration: underline;
}


div.corner {
	position: absolute;
	display: block;
	bottom: 0px;
	right: 0px;
	width: 53px;
	height: 53px;
	background: transparent url('images/corner.png') no-repeat 0 0;
}



div.corner a#bout_plus {
	margin: 6px;
}
a#bout_plus {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
	background: transparent url('images/bout_plus_off.png') no-repeat 0 0;
}
a:hover#bout_plus {
	background: transparent url('images/bout_plus_on.png') no-repeat 0 0;
}
div#zone_actu {
	position: relative;
	float: left;
	width: 100%;
}
div#zone_actu a{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	min-height: 50px;
	margin: 0px 0px 2px 0px;
	background-color: #f0f4dd;
	text-decoration: none;
}
div#zone_actu_detail {
	position: relative;
	float: left;
	width: 100%;
}
div#zone_actu_detail a{
	position: relative;
	float: left;
	display: block;
	width: 30%;
	min-height: 60px;
	margin: 0px 25px 2px 0px;
	background-color: #f0f4dd;
	text-decoration: none;
}


.acturub div#zone_texte {
margin: 0px 20px 5px 20px;
}
span#ttl_actu, span#txt_actu, ttl_actu_section {
	position: relative;
	display: block;
	width: 100%;
	margin: 5px 5px 0px 5px;
	font-weight: 700;
	text-align: left;
}
span#txt_actu {
	font-size: 11px;
	margin: 0px 5px 0px 5px;
	font-weight: 400;
}
span#ttl_actu_section {
	font-size: 16px;
	margin: 0px 5px 0px 2px;
	font-weight: 400;
	letter-spacing: 1px;
}








div#zone_menu4 {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
	color: white;
	font-size: 16px;
	padding: 0px;
	margin: 0px 0px 0px -7px;
}
div#zone_menu4 a {
	position: relative;
	float: left;
	text-align: center;
	display: block;
	background-color: #b6c4d8;
	width: 170px;
	height: 70px;
	line-height:70px;
	font-size: 15px;
	padding: 2px 2px 2px 2px;
	margin: 2px;
	text-decoration: none;
	border-radius: 5px 5px 0px 0px;
}
div#zone_menu4 a:hover {
	background-color: #ffffff;
	color: #1b2d57;
}
div#zone_menu4 a span {
	line-height:20px;
	width: 165px;
	vertical-align:middle;
	display:inline-block;
}

div#zone_menu4 h1 {
	position: relative;
	float: left;
	text-align: left;
	margin: 0px 0px 5px 0px;
	font-weight: 400;
	padding: 0px;
	height: 25px;
	font-size: 14px;
	width: 100%;
	border-bottom: 1px solid #203766;
	FONT-FAMILY: 'Raleway',Arial, Verdana, Helvetica, sans-serif;
}

TABLE#grillesannees {
	font-size: 12px;
	line-height: 30px;
	text-align: center;

}
TABLE#grillesannees TD {
	font-weight: 400;
	font-size: 13px;
	background-color: #d4f4fc;
	color: #223867;
}
TABLE#grillesannees THEAD td, TABLE#grillesannees THEAD td a {
	font-weight: 700;
	font-size: 14px;
	background-color: #2abbe9;
	color: white;
}





table#grilles {
	position: relative;
	float: left;
	margin: 20px 0px 0px 10px;
	text-align: left;
	font-size: 12px;
	width: 450px;
	height: 415px;
}


table#grilles thead td {
	background-color: #1e325e;
	text-align: center;
	padding: 1px;
	height: 40px;
	color: #ffffff;
}
table#grilles thead td STRONG,table#grilles thead td B {
	font-size: 16px;
	color: white;
	letter-spacing: 2px;
}
table#grilles tr {
	background: #f0f4fa;
}
table#grilles td {
	padding: 5px;
	text-align: center;
}


table#grilles .ttlgrilles {
	background: #dae5f6;
}

table#grilles .col1 {
	background: #e5cf9e;
	min-width: 200px;
}
table#grilles .col2 {
	background: #f3ead9;
	width: 90px;
}
table#grilles .col3 {
	background: #f8f3e9;
	width: 90px;
}
table#grilles .col5 {
	background: #f3ead9;
	width: 90px;
}
table#grilles  tr:hover {
	background-color: #d7e5fa;
}

table#grilles tr.ngrilles {
	background: #b6c4d8;
	font-size: 11px;
}
table#grilles tr.ngrilles td {
	padding: 2px;
	text-align: left;
	color: #ffffff;
}
table#grilles tr.soustitretable td {
	background: #f6dbb2;
	font-size: 10px;
	font-weight: normal;
}

table#grilles tfoot td {
	background-color: #bed0eb;
	text-align: center;
	padding: 3px;
	font-size: 11px;
}





div#zone_copyright {
	text-align: right;
	top: 80px;
	margin: 0px 0px 0px 0px;
}
div#zone_copyright a {
	font-size: 10px;
}
div#zone_copyright a:hover {
	
}


div#zone_copyright_wikiwi {
	text-align: center;
	margin: 20px 0px 50px 0px;
	color: white;
}
div# a {
}
div#zone_copyright_wikiwi a:hover {
	font-size: 10px; 
}


@media screen and (max-width: 992px) {
	div#zone_copyright { top: 0px; text-align: center; font-size: 10px;  }
	div#zone_copyright_wikiwi  {  text-align: center; font-size: 10px; }
}





/* PHOTOS */
div#block_carousel {
}
	.carousel-control.left, .carousel-control.right, .carousel-control:hover { 
		background: none;
	}
	div#monCarousel , div#monCarousel2   {  
		max-height: 768px;
	}
	div#monCarousel .carousel-caption h3  {  
		font-size: 40px;
		font-weight: 200;
		color: black;
		font-family: 'Roboto', Verdana, Arial, sans-serif;
		background-color: rgba(255,255,255,0.7);
	}
	div#monCarousel .carousel-caption   {  
	}
	div#monCarousel img, div#monCarousel2 img  {  
		z-index: 10;
		margin: 10px;  
		/*box-shadow: 0px 0px 10px #dadada;*/
		margin-left: auto;
		margin-right: auto;
		max-height: 768px;
		min-width: auto;
	}
	div#monCarousel div.slideaccueil img  {  
		width: 100%;
	}
	
	div#zone_header_slide div#monCarousel img  {  border: none;}
	
	.carousel-indicators  {
		bottom:0px;
	}
	.carousel-indicators li {
		background-color: rgba(205,205,205,1);
	}
	.carousel-indicators li.active {
		background-color: #4e4e4f;
	}
	.carousel-control:hover span {
		color: #4e4e4f;
	}
	div#monCarousel .glyphicon, div#monCarousel2 .glyphicon {
		color: #87BC37;
	}
	
	.carousel-indicators li {
		margin: 1px;
		border-radius: 0px;
		width: 12px;
		height: 12px;
		background-color: #404040;
	}
	.carousel-indicators li:hover {
		width: 12px;
		height: 12px;
		background-color: #87BC37;
	}
	.carousel-indicators li.active {
		margin: 1px;
		background-color: #87BC37;
	}
	
	.glyphicon-menu-left, .glyphicon-menu-right{
			position:absolute;
			top:50%;
			z-index:5;
			display:inline-block;
			margin-top:-10px;
			font-size: 20px;
	}
	.carousel-control {
		
	}
	.carousel-control span {
		font-size:40px;
		color: #000;
	}
	
	
	
	
	div#monCarousel a, div#monCarousel2 a { 
		margin: 0px; 	
	}

	div#zone_photos_mobile  {  display: none; }
	div#zone_photos_mobile ul {  list-style-type: none; margin:10px 2% 10px 2%; width: 96%; padding: 10px; }
	div#zone_photos_mobile img {  width: 100%; margin-bottom: 15px; }
	.textblanc { color: white; }
	
		div.carousel-phone { display: none; }
	
	@media screen and (max-width: 768px) { 
		div#monCarousel  {  display: none;  }
		div#zone_header_slide div#block_carousel  {  display: block;  }
		div#zone_photos_mobile  {  display: block;  }
		
		div.carousel-caption { display: none; }
		div.carousel-phone { position: relative; top: -10px; left: 0px;margin-bottom: 30px; text-align: center; }
		
	 }
 
 
input, textarea, select {
	color: #000000;
	
} 
 
 
 
 
 
 
div#zone_portfolio_detail{
	position: relative;
	margin: 20px 0px 0px 0px;
	width: 100%;
	text-align: left;

}
@media screen and (max-width: 800px) {
	div#zone_portfolio_detail {	margin-left:0px;}
	
	
}

div#zone_portfolio_texte {
	position: relative;
	margin: 20px 0px 0px 0px;
	margin-left: 300px;
	text-align: left;
}
div#zone_portfolio {
	position: relative;
	float: left;
	max-width: 100%;
	margin: 20px 0px 0px 0px;
	margin-left: 100px;
	text-align: left;
}
@media screen and (max-width: 800px) {
	div#zone_portfolio {	margin-left: 0px;}
}
div#zone_portfolio a {
	position: relative;
	float: left;
	display: block;
	width: 263px;
	height: 323px;
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
	margin: 5px 5px 5px 5px;
	background-color: none;
	font-weight: 200;
	text-align: l;
	text-align: center;
	
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	
	transition-duration: 2s; 
	animation-delay: 2s;
	

	box-shadow: 0px 0px 2px #dadada;
	
	
		-webkit-transition: box-shadow 0.3s ease-in-out;
		-moz-transition: box-shadow 0.3s ease-in-out;
		-o-transition: box-shadow 0.3s ease-in-out;
		-ms-transition: box-shadow 0.3s ease-in-out;
		transition: box-shadow 0.3s ease-in-out;
}

div#zone_portfolio a.t0  {   animation-delay: 0s;   }
div#zone_portfolio a.t1  {   animation-delay: 100ms;  }
div#zone_portfolio a.t2  {   animation-delay: 200ms; }
div#zone_portfolio a.t3  {   animation-delay: 300ms; }
div#zone_portfolio a.t4  {   animation-delay: 400ms; }
div#zone_portfolio a.t5  {   animation-delay: 500ms; }
div#zone_portfolio a.t6  {   animation-delay: 600ms; }
div#zone_portfolio a.t7  {   animation-delay: 700ms; }
div#zone_portfolio a.t8  {   animation-delay: 800ms; }
div#zone_portfolio a.t9  {   animation-delay: 900ms; }
div#zone_portfolio a.t10  {   animation-delay: 1s; }


div#zone_portfolio a:hover {
	/*background-color: #3f9c34;*/
	
	box-shadow: 0px 0px 20px #ffffff;
}
div#zone_portfolio a p {
	margin: -7px 7px 5px 7px;
}
div#zone_portfolio a img {
	position: relative;
	width: 257px;
	height: 257px;
	margin: 3px;
}
div#zone_portfolio a img#photoNB {
	position: absolute;
}

a img#photoCOUL {
	position: absolute;
	opacity: 0.0;
    filter: alpha(opacity=0);
	transition: opacity .80s ease-in-out;
	-moz-transition: opacity .80s ease-in-out;
	-webkit-transition: opacity .80s ease-in-out;
}
a:hover img#photoCOUL {
	opacity: 1.0;
    filter: alpha(opacity=100);
}
a img#loupe {
	position: absolute;
	width: 30%;
	height: 30%;
	opacity: 0.0;
    filter: alpha(opacity=0);
	transition: opacity .80s ease-in-out;
	-moz-transition: opacity .80s ease-in-out;
	-webkit-transition: opacity .80s ease-in-out;
	top: -15%;
	Margin-top: 50%;
	left: -15%;
	Margin-left: 50%;


}
a:hover img#loupe {
	opacity: 0.8;
    filter: alpha(opacity=80);
}
img#photolarge {
	width: 100%;
}
img#photodroite {
	position: relative;
	float: right;
	width: 50%;
	margin: 3px 0px 10px 20px;
}
img#photogauche {
	position: relative;
	float: left;
	width: 50%;
	margin: 3px 20px 10px 0px;
}

div#zone_portfolio a span#plus {
	position: absolute;
	width: 20px;
	height: 20px;
	z-index:100px;
	top: 140px;
	right: 7px;
	background: url('images/plus_off.jpg') no-repeat top left;
	transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
	-moz-transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out, width .50s ease-in-out, top .50s ease-in-out, left .50s ease-in-out;
}
div#zone_portfolio a:hover span#plus {
	width: 40px;
	height: 40px;
	background: url('images/plus_on.jpg') no-repeat top left;
	top: 120px;
	right: 7px;
}

div#zone_portfolio a span#vert {
	position: absolute;
	width: 210px;
	height: 152px;
	z-index:99px;
	top: 7px;
	left: 7px;
	background: url('images/plus_off.png') no-repeat top left;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
}
div#zone_portfolio a:hover span#vert {
	background: url('images/plus_on.png') no-repeat top left;
}
a#boutretour, a#boutnextpage {
	position: relative;
	height: 20px;
	padding: 10px;
	margin-top: 40px;
	text-align: center;
	line-height: 20px;
	letter-spacing: 2px;
	text-decoration: none;
	transition: background .50s ease-in-out;
	-moz-transition: background .50s ease-in-out;
	-webkit-transition: background .50s ease-in-out;
	background-color: #333335;
	color: #f5dda1;
}
a#boutretour{
	width: 100px;
}
a#boutnextpage {
float: right;
	right:0px;
}
a#boutretour:hover, a#boutnextpage:hover  {
	background-color: #f5dda1;
	color: #333335;

}


 
 
 
 

/* Album photos */
div#album_photo {
	position: relative;
	float: left;
	width: 100%;
	min-height: 500px;
	background-color: white;
}
div#album_photo_home {
	position: relative;
	float: left;
	width: 290px;
	min-height: 100px;
	margin: 0px 0px 0px 10px;
}

h1.ttl_album_photo {
		color: #fafafa;
		margin: 0px 0px 0px 20px;
		border-bottom: 1px solid #ffffff;
		text-align: left;
		font-size: 25px;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
	}

a#pict_album_rect_home{
	position: relative;
	float: left;
	display: block;
	width: 85px;
	min-height: 100px;
	font-size: 13px;
	padding: 2px;
	text-decoration: none;
	margin: -2px 5px 5px 0px;
}
a#pict_album_rect_home img {
	width: 70px;
	padding: 4px;
}
a:hover#pict_album_rect_home {
	color: white;
	background-color: #223765;
}
a:hover#pict_album_rect_home img {
	width: 70px;
}
a#pict_album_rect_home p.date {
	min-height: 16px;
	font-size: 11px;
}



h2.titre_album {
	width: 100%;
	height: 30px;
	FONT-SIZE: 25px;
	text-align: left;
	border-bottom: 1px solid #0098db;
	color: #0098db;

}
a#pict_album_rect_gd{
	position: relative;
	float: left;
	display: block;
	width: 160px;
	min-height: 210px;
	font-size: 13px;
	padding: 2px;
	text-decoration: none;
	margin: 10px 10px 10px 10px;
}
a#pict_album_rect_gd img {
	width: 150px;
	padding: 2px;
	border: 1px solid #0098db;
}
a:hover#pict_album_rect_gd {
	color: white;
	background-color: #96be0e;
}
a:hover#pict_album_rect_gd img {
	width: 150px;
	border: 1px solid #ffffff;
}
a#pict_album_rect_gd p.date {
	min-height: 20px;
	font-size: 11px;
}

div.album_petite_photo_liste  {
	position: relative;
	float: left;
	text-align: center;
	width: 460px;
	height: 350px;
	font-size: 12px;
	border: 0px;
	margin-top: 32px;

}
span.album_grande_photo  {
	position: absolute;
	top: 40px;
	left: 420px;
	width: 450px;
	height: 300px;
	text-align: center;
	z-index: 99;
}
span.album_grande_photo img  {
	padding: 2px;

	left: 420px;
	max-width: 450px;
	border: 1px solid #0098db;
}

a.pict_album_rect {
	width: 85px;
	height: 85px;
	text-decoration: none;
}
a:hover.pict_album_rect {
}
a.pict_album_rect img {
	position: relative;
	width: 75px;
	height: 75px;
	margin: 5px;
	padding: 2px;
	border: 1px solid #adf1f3;
	opacity: 0.5;
	-moz-opacity : 0.5;
	filter:alpha(opacity=50);
}
a.pict_album_rect:hover img {
	border: 1px solid #f39800;
	opacity: 1.0;
	-moz-opacity : 1.0;
	filter:alpha(opacity=100);
}
a.pict_album_rect span{
	position       :  absolute;
	top            :  -2000em;
	left           :  -2000em;
	width          :  1px;
	height         :  1px;
	overflow       :  hidden;
	text-decoration:  none;
	background     :  #e3ecf0;   /* Définition du fond, sinon on a le même que notre lien */
	border         :  1px solid #17284e; /* Définition des bordures */
}
a.pict_album_rect:hover span{
	top        :  auto;
	left       :  auto;
	margin: 80px 0px 0px -86px;
	padding: 5px;
	text-align: center;
	width      :  90px;
	height      :  100px;
	height     :  auto;
	overflow   :  visible;
	color: #17284e;
	text-decoration: none;
	z-index: 99;
}