/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		background: #0d0d0d;
		color: #979797;;/* Couleur police */
		font-family: 'Segoe UI', sans-serif;
		font-size: 10pt;
		font-weight: 400;
		line-height: 1.em;
	}
	
	a /*liens*/
	{
		color:#9933FF; 
		text-decoration:none;
		}
	
	strong
	{
		font-weight: 700;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		text-decoration:none;
		color: #fff;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		font-weight:600;/*taile des titres*/
		color: #fff;
		text-transform: uppercase;
	}
	
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
	{
		font-weight: 400;
	}
	
	h2
	{
		font-size: 1.5em; /*taille titre colonne milieu*/
		margin: 0 0 1.5em 0;
	}
	
	h3
	{
		font-size: 1em;
		margin: 0 0 1em 0;
	}
	
	h3 em
	{
	color:#64B100;
	}
	
	a:hover
	{
		text-decoration: none;
		
	}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 2em;
		
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
						
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 6px;
		}

		.image-full
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image-left
		{
			float: left;
			margin: 0em 2.5em 2.5em 0;
		}

	ul.style1
	{
		list-style:disc;
		padding-left: 1em;
	}
	
	ul.style2
	{
	}

		ul.style2 p
		{
			margin-bottom: 0;
		}

		ul.style2 li
		{
			border-top: solid 1px #363636;
			padding-top: 0.725em;
			margin-top: 0.725em;
		}

			.box-style1 ul.style2 li
			{
				border-top-color:#FFFFFF;
			}

			.box-style2 ul.style2 li
			{
				border-top-color:#FFFFFF;
			}
		
		ul.style2 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.style3
	{
	}

		ul.style3 p
		{
			margin-bottom: 0;
		}

		ul.style3 li /*liens utiles*/
		{
			position: relative;
			border-top: solid 1px #191919;
			padding: 1.5em 0 0 32px;
			margin-top: 1.5em;
		}

			ul.style3 li:before
			{
				content: '';
				position: absolute;
				background: url('images/icon24.png') -72px 0px no-repeat;
				width: 24px;
				height: 24px;
				left: -2px;
				top: 50%;
			}

		ul.style3 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

			ul.style3 li:first-child:before
			{
				top: 0;
			}

	ul.contact
	{
	}

		ul.contact p
		{
			margin-bottom: 0;
		}

		ul.contact li
		{
			position: relative;
			border-top: solid 1px #191919;
			padding: 1.25em 0 0 44px;
			margin-top: 1.25em;
		}

			ul.contact li:before
			{
				content: '';
				position: absolute;
				background: url('images/icon32.png') 0px 0px no-repeat;
				width: 32px;
				height: 32px;
				top: 50%;
				left: 0;
				margin-top: -0.5em;
			}

				ul.contact li.home:before
				{
					background-position: -32px 0px;
				}

				ul.contact li.phone:before
				{
					background-position: -64px 0px;
				}

				ul.contact li.mail:before
				{
					background-position: -96px 0px;
				}

				ul.contact li.speech:before
				{
					background-position: -128px 0px;
				}

		ul.contact li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

			ul.contact li:first-child:before
			{
				top: 0;
			}
	
	.timestamp
	{
		font-size: 0.8em;
		display: block;
		opacity: 0.5;
		margin: 0.25em 0 0 0;
	}
	
	.button
	{
		position: relative;
		display: inline-block;
		background: #232323;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px #303030;
		padding: 1em 2em 1em 50px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.05em;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: #2e2e2e;
			box-shadow: inset 0px 0px 0px 1px #343434;
		}
	
		.button:before
		{
			content: '';
			display: block;
			width: 24px;
			height: 24px;
			background: url('images/icon24.png');
			position: absolute;
			left: 16px;
			top: 50%;
			margin-top: -12px;
		}

		.button-folder
		{
		}
		
			.button-speech:before
			{
				background-position: 0px 0px;
			}

		.button-folder
		{
		}
		
			.button-folder:before
			{
				background-position: -24px 0px;
			}
		.button-none
		{
		}
		
			.button-none:before
			{
				background-position: 24px -24px;
			}	

	.bigbutton
	{
		position: relative;
		display: inline-block;
		background: #232323;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px #303030;
		padding: 0.85em 1.75em 0.85em 60px;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.bigbutton:hover
		{
			background: #2e2e2e;
		}
	
		.bigbutton:before
		{
			content: '';
			display: block;
			width: 32px;
			height: 32px;
			background: url('images/icon32.png');
			position: absolute;
			left: 16px;
			top: 50%;
			margin-top: -16px;
		}

		.bigbutton-style1
		{
			background: #31b1d2;
			background: rgba(49, 177, 210, 0.95);
			box-shadow: inset 0px 0px 0px 1px #65c5de;
		}
		
			.bigbutton-style1:hover
			{
				background:#2199C7;
			}

		.bigbutton-style2
		{
			background: #64764a;
			background: rgba(100, 177, 0, 0.95);
			box-shadow: inset 0px 0px 0px 1px #8b9877;
		}
		
			.bigbutton-style2:hover
			{
				background:#009900;
			}
		.bigbutton-style3
		{
			background:#009900;
			background: rgba(0, 153,0, 0.95);
			box-shadow: inset 0px 0px 0px 1px #016b01;
			font-size:1em
		}
		
			.bigbutton-style3:hover
			{
				background:#007a00;
			}
		.bigbutton-form
		{	
			background:#c10f1e;
			background: rgba(242, 52,0, 0.95);
			box-shadow: inset 0px 0px 0px 1px #016b01;
			font-size:1em;
		}
		
		.bigbutton-form:hover
			{
				background:#c14751;
			}




	.box /*box sauf news et calendrier*/
	{
		background: #191919;
		background: rgba(25, 25, 25, 0.95);
		border-radius: 6px;
		padding: 3em 2em 3em 2em;
		overflow: hidden;
		
	}
		
		.box header
		{
			margin-bottom: 2em;
		}
		
			.box header h2
			{
				margin-bottom: 0.5em;
			}

		.box footer
		{
			clear: both;
		}
			
		.box section,
		.box article
		{
			border-bottom: solid 1px #303030;
			padding-bottom: 2em;
			margin-bottom: 2em;
			
		}

		.box section:last-of-type,
		.box article:last-of-type
		{
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}

		.box-style1 /* box news*/
		{
			background: #31b1d2;
			background: rgba(100, 177, 0, 0.95); /* couleur fond news*/
			box-shadow: inset 0px 0px 0px 1px #64B100;
			color: #000000; /*Détail ligne news*/
			font-size: 1.2em;
		}

		.box-style2 /*box calendrier*/
		{
			background: #64764a;
			background: rgba(49, 177, 210, 0.95);
			box-shadow: inset 0px 0px 0px 1px #31B1D2;
			color: #cad5c1;
		}

		.box-main
		{
		font-size: 1.2em;
		background-color:rgba(72, 72,72, 0.85);
		}
		
		.box-main h2
			{
				
			}
			
		.box-cta
		{
		font-size: 0.75em;  
		}
		
			.box-cta p
			{
				color: #c9c9c9;  /*couleur 1ere section haute à gauche*/
				
			}
			
			
	
		
		
		.box-features /*colonne milieu*/
		{
		font-size: 1.2em;
		}
		
		
			.box-features .button
			{
				margin-top: 2em;
				
				}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/
	#header-wrapper /* image principale*/
	{
		background-color:rgba(72, 72,72, 0.85);
		border-bottom:double;
		border-bottom-color:#FFC300}
	
	#banner-wrapper
	{
		
	}
	
	#main-wrapper /* fond principal*/
	{
		background: #FFFFFF url('../images/background.jpeg') top no-repeat; ;
		*background-size: auto ;
		background-position: center center;*
		
	}
	
	#footer-wrapper
	{
	
	border-top:double;
	border-top-color:#FFC300;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

		#banner .caption
		{
		}
	
			#banner .caption h2
			{
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
			}
			
			#banner .caption p
			{
				color: #ddd;
				color: rgba(255,255,255,0.65);
			}
			#banner .caption em
			{
			font-size:18px;
			font-style:italic;
			}
	
	
/*********************************************************************************/
/* Table                                                                    */
/*********************************************************************************/	
	
	 .table /*.box-post*/
	{
	color:#fff;
	font-size: 1.1em;
	margin: 0 auto;
	background-color:rgba(49, 177, 210, 0.95);
	border-collapse: separate;
	border-radius: 10px;
	
	}
			
			.table th
			{
			padding: 9px;
			background-color:#1D87AF;
			border-radius: 10px 10px 0 0;
			}
		
			.table td
			{
			padding: 8px;
			text-align:center;
			border-style:groove;
			border-color:#ADDEF1;
			border-spacing: 10;
			border-style:groove;
			border-radius: 10px 10px 0 0;
			}
			
			.table td:first-child
			{
				border-radius: 10px 0 0 0;
			}
		
			.table td:last-child 
			{
				background-color:#1D87AF;
				
			}
		
			.table tr:first-child td 
			{
			
			}
		
			.table tr:first-child td:first-child 
			{
			border-radius: 10px 0 0 0;
			
			}
		
			.table tr:first-child td:last-child
			{
			border-radius: 0 10px 0 0;
		
			}
		
			.table tr:last-child td:last-child
			{
			border-radius: 0 0 10px 0;
			}
		
			.table tr:last-child td:first-child
			{
			border-radius: 0 0 0 10px;
	}
	
	.LastNews
	{
	color:#fff;
	font-size: 1em;
	margin: 0 auto;
	background-color:rgba(0, 177,0, 0.95);
	border-collapse: separate;
	border-radius: 10px;
	}
			
			.LastNews tr
			{
			
			}
			
			.LastNews th
			{
			}
			.LastNews td
			{
			background-color:#009900;
			padding: 8px;
			text-align:left;
			border-style:groove;
			border-color:#66FF00;
			border-spacing: 10;
			border-style:groove;
			border-radius: 10px 10px 10px 10px;
			border-style:groove;
			
			}
	
	.FormContact
	{
	
	background-color:rgba(72, 72,72, 0.85);
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	
			.FormContact td
			{
			padding: 8px;
			text-align:center;
			border-style:groove;
			border-color:#ADDEF1;
			border-spacing: 10;
			border-style:groove;
			border-radius: 10px 10px 0 0;
			}
	.table_pictures
	{
	background-color:rgba(72, 72,72, 0.85);
	font-size:0.8em;
	padding:10px;
	text-align:justify;
	color:#EAEAEA;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	.table_pictures td
			{
			padding: 12px;
			text-align:justify;
			border-style:groove;
			border-color:#ADDEF1;
			border-spacing: 40;
			border-style:groove;
			border-radius: 10px 10px 10px 10px;
			/*	background-color:#252525;*/
			}
	.table_pictures input
	{
	
	border-radius: 5px 5px 5px 5px;
	
	}
	
	
			
				.table_pictures td:first-child
			{
			background-color:#252525;
			}
			/*.table_pictures td:last-child
			{
			background-color:#252525;
			}*/
	
	.table_pictures img
	{
	border-radius: 10px 10px 10px 10px;
	width:100px;
	height:100px;
	vertical-align:text-top;
	border
	-moz-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #04f745;
	-webkit-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #21f259;
	box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #4ef47a;
	}
	.table_pictures img:after, .table_pictures img:before { display: none; }
	.table_images
	{
	font-size:0.9em;
	padding:10px;
	text-align:justify;
	color:#EAEAEA;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	
	.table_images td
			{
			padding: 12px;
			text-align:justify;
			vertical-align:middle;
			border-style:groove;
			border-color:#ADDEF1;
			border-spacing: 40;
			border-style:groove;
			border-radius: 10px 10px 10px 10px;
			/*	background-color:#252525;*/
			}
	.table_images input
	{
	
	border-radius: 5px 5px 5px 5px;
	
	}
	
	
			
				.table_images td:first-child
			{
			background-color:#252525;
			}
			/*.table_images td:last-child
			{
			background-color:#252525;
			}*/
	
	.table_images img
	{
	border-radius: 10px 10px 10px 10px;
	vertical-align:text-top;
	border
	-moz-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #04f745;
	-webkit-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #21f259;
	box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #4ef47a;
	}
	.table_images img:after, .table_images img:before { display: none; }
	
.table_carte
	{
	font-size:0.8em;
	color:#EAEAEA;
	padding:50px;
	border-spacing:10px;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	.table_carte th
			{
			min-width:100px;
			text-align:left;
				
			}
	
	.table_carte tr
			{
			
			
			}
	.table_carte td
			{
			vertical-align:middle;
			text-align:justify;
			line-height:20px;
			padding:5px;			
			}
			.table_carte td:first-child
			{
				border-radius: 10px 10px 10px 10px;
				background-color:#252525;
				
			}
			.table_carte em
			{
			color:#64B100;
			
			}
	
	.table_carte img
	{
	width:100px;
	height:100px;
	vertical-align:text-top;
	
	}
	
	.table_carte img:after, .table_pictures img:before { display: none; }
	.table_reciprocite
	{
	font-size:0.8em;
	color:#EAEAEA;
	padding:50px;
	border-spacing:10px;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	.table_reciprocite th
			{
			min-width:100px;
			text-align:left;
				
			}
	
	.table_reciprocite tr
			{
			
			
			}
	.table_reciprocite td
			{
			vertical-align:middle;
			text-align:justify;
			line-height:20px;
			padding:5px;			
			}
			.table_reciprocite td:first-child
			{
				border-radius: 10px 10px 10px 10px;
				
			}
			.table_reciprocite tr:first-child
			{
			}	
			.table_reciprocite tr:first-child td 
			{
			
			}
		
			.table_reciprocite tr:first-child td:first-child 
			{background-color:#252525;
					
			}
		
			.table_reciprocite tr:first-child td:last-child
			{
			}
		
			.table_reciprocite tr:last-child td:last-child
			{
			background-color:#252525;
			}
		
			.table_reciprocite tr:last-child td:first-child
			{
			}
			.table_reciprocite em
			{
			color:#64B100;
			
			}
	
	.table_reciprocite img:after, .table_pictures img:before { display: none; }
	.table_gardes
	{
	font-size:0.8em;
	padding:10px;
	text-align:justify;
	color:#EAEAEA;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
	}
	.table_gardes td
			{
			font-size:1.15em;		
			padding: 12px;
			text-align:justify;
			border-style:groove;
			border-color:#ADDEF1;
			border-spacing: 40;
			border-style:groove;
			border-radius: 10px 10px 10px 10px;
			/*	background-color:#252525;*/
			}
			.table_gardes em
			{
			color:#64B100;
			
			}
				.table_gardes td:first-child
			{
			background-color:#252525;
			}
			/*.table_pictures td:last-child
			{
			background-color:#252525;
			}*/
	
	.table_gardes img
	{
	border-radius: 10px 10px 10px 10px;
	width:80px;
	height:80px;
	vertical-align:text-top;
	border
	-moz-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #04f745;
	-webkit-box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #21f259;
	box-shadow: 0 0 165px #cdbe9f inset, 0 0 120px #beae8c inset, 0 0 15px #4ef47a;
	}
	.table_gardes img:after, .table_pictures img:before { display: none; }
	
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		text-align: center;
		border-top: solid 1px #191919;
		color: #313131;
	}	
		
	/*********************************************************************************/
/* LuxCal mini et normal calendar  borfder-radius pour arrondir les angles de l'insertion Iframe                                                              */
/*********************************************************************************/
	#lcmini { border-radius:5px; position:inherit; right:100px; top:15%; width:210px; height:233px; overflow:hidden;}
	#luxcal {border-radius:5px; position:inherit; width:96%; height:800px; margin:20px; border-style:solid; border-width:1px; border-color:grey; }
	
		/*********************************************************************************/
/* Iframe  section admin rampes                                                             */
/*********************************************************************************/
	#code_iframe { border-radius:5px; position:inherit; right:100px; top:15%; width:420px; height:205px; overflow:hidden;}
	
		/*********************************************************************************/
/* iframe rampe                                                          */
/*********************************************************************************/
	/*#lcmini { border-radius:5px; position:inherit; right:100px; top:15%; width:210px; height:233px; overflow:hidden;}*/
	#rampe 
	{
	border-radius:5px;
	position:relative;
	width:25%;
	height:500px;
	margin:20px;
	border-style:solid;
	border-width:1px;
	border-color:grey;
	padding:10px;
	color:#FFFFFF;
	border
	-moz-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #04f745;
	-webkit-box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #21f259;
	box-shadow: 0 0 45px #82765e inset, 0 0 10px #756a54 inset, 0 0 5px #4d8e5d;
	border-collapse: separate;
	border-radius: 10px 10px 10px 10px;
		   
	}
	
		/*********************************************************************************/
/*BOUTON BROWSE FORMULAIRE RAMPES                                                               */
/*********************************************************************************/
#etangs { border-radius:5px; position:inherit; right:100px;  width:450px; height:467px; overflow:hidden;}
		/*********************************************************************************/
/* Couleur ouverture fermeture étangs                                                             */
/*********************************************************************************/	
	 .red
			{
			background-color:#D70000;
			}
 	.green
			{
			background-color:#158B12;
			}
			
		/*********************************************************************************/
/* Popup au survol                                                               */
/*********************************************************************************/				

span.bulle {
	position:absolute;
	z-index:24;
	cursor: pointer;
	}
span.bulle:hover {
	z-index:25;
	}
span.bulle over 
   {
	display: none;
	}
span.em 
   {
   color:#FFFF33;
   font-size:0.8em;
   font-style:oblique;   
	}
			
span.bulle:hover over 
   {
	display:block;
	position:absolute;
	left:-670px;
	width:700px;
	border:3px ridge #66FF00;
	text-align:justify;
	color: #fff;
	padding: 10px;
	background-color:#4A4A4A; opacity: 0.95;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
	box-shadow: 8px 8px 16px black;
	-moz-box-shadow: 8px 8px 16px black;
	-webkit-box-shadow: 8px 8px 16px black;
	
	}			
span.bulle:hover a
{
color:#33FF33;
}				
span.bulle3 {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.bulle3:hover {
	z-index:25;
	}
span.bulle3 span, span.bulle3 img.fleur {
	display: none;
	}
span.bulle3:hover span {
	display:block;
	position:absolute;
	width: 435px;
	height: 267px;
	left: -99px; top:-140px;
	border:7px ridge #66FF00;
	background: url(../images/reglementation/mesure.jpg) white 0 2px;
	box-shadow: 8px 8px 16px gray;
	-moz-box-shadow: 8px 8px 16px #444;
	-webkit-box-shadow: 8px 8px 16px #444;
	}
.bulle3:hover img.fleur {
	position:absolute;
	display:block;
	width: 48px;
	top: -155px;
	left: 50px;
	z-index: 30;
	}
.retour {

	position: absolute;
	top: 2px;
	left: 3px;
	color: #4040ff;
	background-color: #ffaaaa;
	}				

span.bulle4 {
	position:relative;
	z-index:24;
	cursor: pointer;
	}
span.bulle4:hover {
	z-index:25;
	}
span.bulle4 span, span.bulle3 img.fleur {
	display: none;
	}
span.bulle4:hover span {
	display:block;
	position:relative;
	width: 876px;
	height: 803px;
	left: -99px; top:-140px;
	border:7px ridge #66FF00;
	background: url(../images/forms/guide_album.jpg) white 0 2px;
	box-shadow: 8px 8px 16px gray;
	-moz-box-shadow: 8px 8px 16px #444;
	-webkit-box-shadow: 8px 8px 16px #444;
	}
.bulle4:hover img.fleur {
	position:absolute;
	display:block;
	width: 48px;
	top: -155px;
	left: 50px;
	z-index: 30;
	}
.retour {

	position: absolute;
	top: 2px;
	left: 3px;
	color: #4040ff;
	background-color: #ffaaaa;
	}