#wrapper{
		padding:0;
		margin:0 auto;
		width:960px;
		position:relative;}

body{
		font-family:Tahoma, Geneva, sans-serif;
			font-size:small;
			color:#444;
	
background-color:#fff;
padding:0;
margin:0px;
	
	}
p{
	color:red;
}
ul{
	color:#222;
}
	

div.bloc{

padding:5px;
border-radius: 10px;
box-shadow: 2px 2px #888888;
margin:20px;
width:450px;
background-color:#200550;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4010A0', endColorstr='#200550'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4010A0), to(#200550)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4040A0,  #202050); /* for firefox 3.6+ */
color:#eee;

}

.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s 2s, opacity 2s linear;
  -moz-transition: visibility 1s 2s, opacity 2s linear;
  -o-transition: visibility 11s 2s, opacity 2s linear;
  transition: visibility 1s 2s, opacity 2s linear;
}

div.titreBloc{
			font-family:Verdana, Tahoma, Geneva, sans-serif;
			font-weight:bold;
			font-size:larger;
			color:#ccc;
			margin-bottom:20px;
}
.titreBloc:after{
	content:" >>"
}

#topImages {
	z-index:2;}

#plage{
	height:180px;
	width:auto;
}

.ligneBloc{
	display:table;
padding:5px;
margin-left:10px;
width:90%;
cursor:pointer;
background-color:inherit;
  -webkit-transition: background 300ms linear;
  -moz-transition: background 300ms linear;
  -o-transition: background 300ms linear;
  transition: background 300ms linear;

}
.ligneBloc:hover{
box-shadow: 1px 1px 2px #888888 inset;
padding-left:0;
padding-right:0;
color:#ddd;

background-color:#4010A0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#200550', endColorstr='#4010A0'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#200550), to(#4010A0)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #202050,#4040A0); /* for firefox 3.6+ */


  -webkit-transition: background 200ms linear;
  -moz-transition: background 200ms linear;
  -o-transition: background 200ms linear;
  transition: background 200ms linear;
}
.ligneBloc .texteListe
{position:absolute;
left:115px;}


   .ligneBloc .icone
   {
   	padding:2px;
   }

   .ligneBloc .icone img
   {
   	max-width:48px;
   	max-height:48px;
   	float:left;
   }
   
   div.blocSousMenu{
	   float:left;
	   display:inline;
			background-color:#200550; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4010A0', endColorstr='#200550'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4010A0), to(#200550)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #4040A0,  #202050); /* for firefox 3.6+ */
padding:5px 0 0 0;
border-radius: 0px;
box-shadow: 2px 2px #888888;
margin-right:1%;
margin-left:1%;
width:45%;
z-index:10;
	   }
	   
	 #bSMGauche div.btnMenu, #bSMGauche div.btnMenuActif
	 {width:22.2%;
	 }
	    #bSMDroite div.btnMenu, #bSMDroite div.btnMenuActif
	 {width:22.2%;
	 }
	 
	  div .titreSousMenu{
		   display:block;
		   margin:2px;
			float:none;
	
			padding:5px;
			font-family:Verdana, Tahoma, Geneva, sans-serif;
			font-weight:bold;
			font-size:larger;
			color:#ccc;
			text-align:center;
		
			
			
	
		   
		   }
		   
	   
	   div .btnMenu{
		   display:inline;
		   margin:1px;
			float:left;
			
			padding:5px;
			border-radius: 0px;
			box-shadow: 2px 2px #888888;
	color:#4010A0;
			
			
			background-color:#ccc; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ddd,  #aaa); /* for firefox 3.6+ */
	
		font-family:Tahoma, Geneva, sans-serif;
			font-size:medium;
			color:#eee;
			text-align:center;
		   
		   }
		   .btnMenu p ,.btnMenuActif p {
		   	color:#4010A0;}
		   
		   
		   div.btnMenu:hover{
background-color:#eee;
box-shadow: 1px 1px 2px #333333 inset;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #aaa,  #ddd); /* for firefox 3.6+ */

}
	   div.btnMenuActif{
		   
		   display:inline;
		   margin:1px;
			float:left;
			font-weight:bold;
			
			padding:5px;
			border-radius: 0px;
			box-shadow: 2px 2px #888888 inset;
			
			
			background-color:#ccc; /* for non-css3 browsers */
background-color:#eee;
box-shadow: 1px 1px 2px #333333 inset;



filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#dddddd'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#aaa), to(#ddd)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #aaa,  #ddd); /* for firefox 3.6+ */

	font-family:Tahoma, Geneva, sans-serif;
			font-size:medium;
			color:#444;
			text-align:center;

}



p .texteMenu{
	display:block;
	margin:0;
	text-align:center;
	
	}
	
p .titreListe{
	font-size:medium;
			color:#444;
			text-align:center;
	}
	
	#blocCorps
	{
		display:block;
		clear:left;
		float:none;
		
		}
		#divImage
		{
			
			float:left;
			width:45%;
			margin-left:1%;
			margin-right:1%;
			margin-top:30px;
			height:320px;
			overflow:hidden;}
		
		#imageStat
		{
			padding:0;/* 10% 5% 0 10%;*/
			max-width:90%;
			height:auto;
			}
		
		
		#image
		{
			padding: 0% 5% 0 10%;
			max-width:90%;
			height:auto;
			}
			
			#image:hover
		{
			position:absolute;
			max-width:720px;
			padding:0;
			height:auto;
    cursor:url(/images/zoom-in.cur), -moz-zoom-in;
		}
		#description
		{
			border: solid 1px #888;
			border-radius:10px;
			font-size:medium;
			
box-shadow: 1px 1px 2px #333333 outset;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#aaaaaa'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ddd,  #aaa); /* for firefox 3.6+ */

			
			margin: 30px 5% 0 1%;
		width:40%;
		float:left;	
		padding: 10px 21px 30px 23px;}
		#description ul
		{
			font-size:small;
		}
		#description p
		{
			margin:5px;
		}
		
				#boiteContact
		{
			position:absolute;
			border: solid #888;
			border-radius:10px;
			font-size:medium;
			margin: 30px 2% 0 1%;
		width:35%;
		left:60%;
		top:200px;
		padding: 10px 0 30px 4%;}

	#boiteContact p
		{
			color:#592;
			}
			#boiteContact a
		{
			font-size:small;
			}
		
		#boiteContact div .titreCache
		{
			visibility: hidden;}
			
			
			 .titreVis1 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

			 .titreVis2 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  
  -webkit-transition-delay: 1.5s;
  -moz-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

		 .titreVis3 {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear;
  
  -webkit-transition-delay: 2.5s;
  -moz-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}
			
			
		#commentaires:before{content:'*';}
		#commentaires
		{/*clear:left;
		border:solid 0px #888;
		border-radius: 10px;
		margin:10%;
		padding:20px;*/
		
					margin: 30px 5% 0 1%;
		width:40%;
		float:left;	
		padding: 10px 0 30px 4%;
		}