/*
id farel
*****************************************************************/
body
{
width:100%;
margin:auto;
background: transparent url("../images/fond-footer.jpg");
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,Sans-Serif;
font-size:13px;
color:#808080;
}

img
{
border:none;
}

p
{
font-size:13px;
}
	
a
{
text-decoration:none;
color:#808080;
}

/*
div id="fond"
*****************************************************************/
#fond
{
overflow:hidden;
width:100%;
background:white url("../images/fond-fond.png") repeat-x;
}

/*
div id="page"
*****************************************************************/
#page
{
width:1000px;
margin:auto;
padding-bottom:20px;
}

/*
index.php
*****************************************************************/
#fond-index
{
width:100%;
min-width:1000px;
height:565px;
background: #ffffff url("../images/fond-index.png") center no-repeat;
}

#index
{
text-align:center;
}
	#index #header
	{
	width:100%;
	height:100px;
	text-align:center;
	padding:50px 0px 0px 0px;
	}
		#index #header img
		{
		width:300px;
		}

	#index #nav
	{
	width:660px;
	height:258px;
	margin:35px auto 0px auto;
	}
		#index #nav a
		{
		display:block;
		width:208px;
		height:144px;
		color: transparent;
		font-size:30px;
		margin:0px 0px 0px 12px;
		float:left;
		}
			.btn-design
			{
			background: white url("../images/cadre-design-index.png") no-repeat;
			}
				.btn-design:hover
				{
				background: white url("../images/cadre-design-index.png") no-repeat;
				}
			
			.btn-boutique
			{
			background: white url("../images/cadre-boutique-index.png") no-repeat;
			}
				.btn-boutique:hover
				{
				background: white url("../images/cadre-boutique-index.png") no-repeat;
				}
			
			.btn-atelier
			{
			background: white url("../images/cadre-atelier-index.png") no-repeat;
			}
				.btn-atelier:hover
				{
				background: white url("../images/cadre-atelier-index.png") no-repeat;
				}
				
				#index span
				{
				display:none;
				}
				
				#index #nav a:hover span
				{
				text-align:justify;
				display:block;
				width:509px;
				height:160px;
				padding:10px;
				line-height:16px;
				}
						
					
					.btn-design span
					{
					position:relative;
					top:145px;
					left:65px;
					background: transparent url("../images/bulle-design.png") no-repeat;
					}
					
					.btn-boutique span
					{
					position:relative;
					top:145px;
					left:-150px;
					background: transparent url("../images/bulle-boutique.png") no-repeat;
					}
						
					.btn-atelier span
					{
					position:relative;
					top:145px;
					left:-380px;
					background: transparent url("../images/bulle-atelier.png") no-repeat;					
					}

						

	#lien-galerie 
	{
		text-align:left;
	}
	#lien-galerie a
	{
		display:block;
		width:113px;
		height:122px;
		background: transparent url("../images/bestiole.png") bottom left;
	}

	#lien-galerie a:hover
	{
		display:block;
		width:113px;
		height:122px;
		background: transparent url("../images/bestiole.png") top left;
	}
	
/*
header-nav.php
*****************************************************************/
#header-nav
{
height:136px;
margin:0px 0px 40px 0px;
background: transparent url("../images/petits-ciseaux.png") no-repeat bottom right;
/*border-bottom:1px #cbcbcb solid;*/
}
	#header-nav #header
	{
	/*background:blue;*/
	float:left;
	margin:56px 0px 0px 0px;
	}
	
	#header-nav #nav
	{
	width:220px;
	/*background:red;*/
	float:right;
	}
		#header-nav #nav a
		{
		text-align:center;
		height:76px;
		color:white;
		text-decoration:none;
		float:left;
		font-size:11px;
		}
			#header-nav #nav .design
			{
			width:49px;
			background: blue url("../images/btn-design-petit.png") no-repeat;
			}
				#header-nav #nav .design:hover
				{
				background: blue url("../images/btn-design-petit.png") left -76px no-repeat;
				}
			
			#header-nav #nav .boutique
			{
			width:47px;
			background: white url("../images/btn-boutique-petit.png") no-repeat;
			}
				#header-nav #nav .boutique:hover
				{
				background: white url("../images/btn-boutique-petit.png") left -76px no-repeat;
				}
			
			#header-nav #nav .atelier
			{
			width:52px;
			background: white url("../images/btn-atelier-petit.png") no-repeat;
			}
				#header-nav #nav .atelier:hover
				{
				background: white url("../images/btn-atelier-petit.png") left -76px no-repeat;
				}



/*
design.php
*****************************************************************/

#content-design
{
width:100%;
overflow:hidden;
/*background:green;*/
}
	#content-design #nav-icone
	{
	width:100px;
	background:white;
	float:left;
	}
		#content-design #nav-icone .icone
		{
		color:#26b5ff;
		}
		
		#content-design #nav-icone .icone img
		{
		width:60px;
		height:60px;
		border:5px solid #e0e2e3;
		background:white;
		float:left;
		margin: 0px 0px 7px 0px;
		padding:7px;
		}
		
		#content-design #nav-icone .icone img:hover
		{
		width:60px;
		height:60px;
		border:5px solid #26b5ff;
		background:white;
		float:left;
		margin: 0px 0px 7px 0px;
		}
		
		#pagination
		{
		width:90px;
		font-size:14px;
		font-weight:bold;
		color:#444444;
		margin: 0px 0px 20px 0px;
		overflow:hidden;
		}
			#pagination a
			{
			color:#444444;
			padding :2px 2px 2px 2px;
			}
			#pagination a:hover
			{
			text-decoration: underline;
			}
			#pagination .pagination-select  /* quand le lien est selectionné */
			{
			color:#ffffff;
			background:#26b5ff;
			padding :2px 6px 2px 6px;
			}

	#content-image
	{
	width:280px;
	float:right;
	/*background:blue;*/
	padding:0px 0px 0px 20px;
	}
		#content-image #image
		{
		margin:0px 0px 20px 0px;
		}

			#content-image #image img
			{
			width:280px;
			background:white;
			}
			#content-image #vignettes
			{
			height:70px;
			margin:0px 0px 40px 0px;
			}					
/*			#content-image #vignettes li
			{
			display:block;
			height:70px;
			padding:0px 7px 0px 0px;
			border-right:#e2e2e2 1px solid;
			float:left;
			}*/		
			#content-image #vignettes img
			{
			width:70px;
			max-height:70px;
			margin:0px 0px 0px 7px;
			border-right:#e2e2e2 1px solid;
			}					
		
		#content-image #acheter
		{
		text-align:center;
		}
			#content-image #acheter a
			{
			line-height:30px;
			display:block;
			width:215px;
			height:32px;
			font-weight:bold;
			background:#9e9d9d url("../images/btn-contact.png") top left no-repeat;
			color:white;
			margin:0px auto 10px auto ;
			}
			#content-image #acheter a:hover
			{
			text-decoration:underline;
			background:#808080 url("../images/btn-contact.png") top left no-repeat;
			}
			
	#content-design #content-text
	{
	overflow: hidden; 
	}
		#content-design  #content-text h2
		{
		color:#26b5ff;
		font-size:26px;
		margin:5px 0px 10px 0px;
		}
		#content-design  #content-text h2:first-letter /*mettre la premiere lettre du titre en majuscule*/
		{
		text-transform: capitalize;
		}

/*
boutique-detail.php
*****************************************************************/
#content-boutique-detail
{
width:100%;
overflow:hidden;
/*background:green;*/
}
	#content-boutique-detail #nav-icone
	{
	width:100px;
	background:white;
	float:left;
	}
		#content-boutique-detail #nav-icone .icone
		{
		color:#26b5ff;
		}
		
		#content-boutique-detail #nav-icone .icone img
		{
		width:60px;
		height:60px;
		border:5px solid #e0e2e3;
		background:white;
		float:left;
		margin: 0px 0px 7px 0px;
		padding:7px;
		}
		
		#content-boutique-detail #nav-icone .icone img:hover
		{
		width:60px;
		height:60px;
		border:5px solid #ff5ca1;
		background:white;
		float:left;
		margin: 0px 0px 7px 0px;
		}
		
		#content-boutique-detail #pagination .pagination-select  /* quand le lien est selectionné */
		{
		color:#ffffff;
		background:#ff5ca1;
		padding :2px 6px 2px 6px;
		}	
			
	#content-boutique-detail #content-text
	{
	overflow: hidden; 
	}
		#content-boutique-detail  #content-text h2
		{
		color:#ff5ca1;
		font-size:26px;
		margin:5px 0px 10px 0px;
		}
		#content-boutique-detail  #content-text h2:first-letter /*mettre la premiere lettre du titre en majuscule*/
		{
		text-transform: capitalize;
		}
			#content-text h3
			{
			font-size:14px;
			margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
			}
				#content-text p
				{
				margin: .60em 0em .75em .5em; /* Marges plus faibles que par défaut. (7) */ 
				}
/*
boutique.php
*****************************************************************/
#content-boutique
{
width:100%;
min-height:550px;/*background:green;*/
color:#808080;
overflow: hidden; 
}
	#content-boutique h2
	{
	color:#ff5ca1;
	}

		#content-boutique #atelier
		{
		width:100%;
		/*background:blue;*/
		overflow:hidden;
		margin:0px 0px 30px 0px;
		}
			#content-boutique #atelier .atelier-detail
			{
			width:308px;
			margin-right:25px;
			background:#e0ffbf;
			float:left;
			}
				#content-boutique #atelier .atelier-detail h3
				{
				height:50px;
				color:#ffffff;
				font-size:17px;
				background:#ff5ca1;
				margin:0px;
				padding:0px 5px 0px 5px;
				}
					#content-boutique #atelier .atelier-detail h3:first-letter /*mettre la premiere lettre du titre en majuscule*/
					{
					text-transform: capitalize;
					}
						
				#content-boutique #atelier .photo
				{
				font:.75em "lucida grande", arial, sans-serif;
				width:100%;
				overflow:hidden;
				padding:0px;
				margin:0px auto;
				background:#eee;
				list-style:none;
				border:1px solid #ff5ca1;
				}		

				#content-boutique #atelier .photo a
				{
				width:308px;
				height:308px;
				float:left;
				margin:0px;
				}
				
				#content-boutique #atelier .photo img
				{
				width:308px;
				}

				#content-boutique #atelier .photo p 
				{
				height:100px;
				padding:10px;
				font-size:13px;
				opacity:.75;
				color:#fff;
				background:#000;
				-webkit-transition: margin-top .2s ease-out;
				-moz-transition: margin-top .2s ease-out;
				transition: margin-top .2s ease-out;
				}
				
					#content-boutique #atelier .photo .lire-suite 
					{
					opacity:.5;
					font-weight:bold;
					font-style: italic;
					}

				#content-boutique #atelier .photo a:hover p 
				{
				margin-top:-100px;
				}

				#content-boutique #atelier .photo strong 
				{
				display:block;
				padding-top:3px;
				font-weight:700;
				}
		#content-boutique #categorie
		{
		width:100%;
		margin:0px 0px 30px 0px;
		}
			#content-boutique #categorie .categorie-boutique
			{
			width:180px;
			background:#ff5ca1;
			float:left;
			margin:0px 20px 0px 0px;
			text-align:center;
			color:#ffffff;
			}
				#content-boutique #categorie .categorie-boutique h3
				{
				height:50px;
				color:#ffffff;
				font-size:17px;
				background:#ff5ca1;
				text-align:left;
				margin:0px;
				padding:0px 5px 0px 5px;
				}
					#content-boutique #categorie .categorie-boutique h3:first-letter /*mettre la premiere lettre du titre en majuscule*/
					{
					text-transform: capitalize;
					}
				#content-boutique #categorie .categorie-boutique img
				{
				width:178px;
				border:1px solid #ff5ca1;
				}
				#content-boutique #categorie .categorie-boutique .nb-article
				{
				margin:0px 0px 3px 0px;
				}
/*
atelier.php
*****************************************************************/
#nav2
{
width:182px;
float:right;
margin-left:10px;
}
#nav2 .encart img
{
margin-bottom: 10px;
border : 1px solid #9e9e9e;
}
#nav2 .encart img:hover
{
margin-bottom: 10px;
border : 1px solid #444444;
}


#content-atelier
{
/*width:100%;*/
min-height:550px;/*background:green;*/
color:#808080;
overflow: hidden; 
}
		#content-atelier .titre
		{
		width:100%;
		overflow:hidden;
		margin:0px 0px 20px 0px;
		}
			#content-atelier h2
			{
			color:#70d602;
			float:left;
			}
				#content-atelier .titre .tout-atelier
				{
				display: block;
				width:174px;
				height:32px;
				font-weight:bold;
				float:right;
				color:#ffffff;
				background:#70d602 url("../images/btn-voir-tout-atelier.png") no-repeat;
				line-height:30px;
				text-align:center;
				margin:20px 20px 0px 0px;
				}
				
				#content-atelier .titre .tout-atelier:hover
				{
				text-decoration:underline;
				}	
				
		#content-atelier #presentation
		{
		width:100%;
		/*background:blue;*/
		margin:0px 0px 30px 0px;
		}
			#content-atelier #presentation strong
			{
			font-size : 14px;
			color:#70d602;
			}
			
			#content-atelier a
			{
			color:#70d602;
			}
			#content-atelier a:hover
			{
			}

		#content-atelier #atelier
		{
		width:100%;
		/*background:blue;*/
		overflow:hidden;
		margin:0px 0px 0px 0px;
		}
			#content-atelier #atelier .atelier-detail
			{
			width:237px;
			margin-right:25px;
			background:#e0ffbf;
			float:left;
			}
				#content-atelier #atelier .atelier-detail h3
				{
				height:50px;
				color:#ffffff;
				font-size:17px;
				background:#70d602;
				margin:0px;
				padding:0px 5px 0px 5px;
				}
					#content-atelier #atelier .atelier-detail h3:first-letter /*mettre la premiere lettre du titre en majuscule*/
					{
					text-transform: capitalize;
					}
						
				#content-atelier #atelier .photo
				{
				font:.75em "lucida grande", arial, sans-serif;
				width:100%;
				overflow:hidden;
				padding:0px;
				margin:0px auto;
				background:#eee;
				list-style:none;
				border:1px solid #70d602;
				}		

				#content-atelier #atelier .photo a
				{
				width:237px;
				height:237px;
				float:left;
				margin:0px;
				}
				
				#content-atelier #atelier .photo img
				{
				width:237px;
				}

				#content-atelier #atelier .photo p 
				{
				height:100px;
				padding:10px;
				font-size:13px;
				opacity:.75;
				color:#fff;
				background:#000;
				-webkit-transition: margin-top .2s ease-out;
				-moz-transition: margin-top .2s ease-out;
				transition: margin-top .2s ease-out;
				}
				
					#content-atelier #atelier .photo .lire-suite 
					{
					opacity:.5;
					font-weight:bold;
					font-style: italic;
					}

				#content-atelier #atelier .photo a:hover p 
				{
				margin-top:-100px;
				}

				#content-atelier #atelier .photo strong 
				{
				display:block;
				padding-top:3px;
				font-weight:700;
				}		

	/*
	calendrier
	*****************************************************************/

	#content-atelier #calendrier 
	{
	text-align:left;
	}	
	#content-atelier .table1
	{
	width:700px;
	border-collapse: collapse;
	border: 8px solid #70d602;
	margin: auto;
	}
	#content-atelier .table1 caption
	{
	margin:0px 0px 5px 0px;
	color:#70d602;
	}
		#content-atelier .table1 .prec
		{
		display:block;
		width:30px;
		height:29px;
		float:left;
		background: #70d602 url("../images/btn-nav-article.png") bottom left no-repeat;
		margin:0px 0px 0px 280px;
		}
			#content-atelier .table1 .prec:hover
			{
			background: green url("../images/btn-nav-article.png") top left no-repeat;
			}
		
		#content-atelier .table1 .suiv
		{
		display:block;
		width:30px;
		height:29px;
		float:left;
		background: green url("../images/btn-nav-article.png") bottom right no-repeat;
		margin:0px 0px 0px 0px;
		}
			#content-atelier .table1 .suiv:hover
			{
			background: green url("../images/btn-nav-article.png") top right no-repeat;
			}
		
		#content-atelier .table1 .mois
		{
		position:relative;
		top:3px;
		display:block;
		width:140px;
		height:24px;
		font-size:18px;
		margin:0px;
		float:left;
		}
	
	#content-atelier td
	{
	border:1px solid #96ff00;
	padding:0px;
	}



	#content-atelier .jour
	{
	background:#96ff00;
	border-collapse:collapse;
	font-size:10px;
	text-align:center;
	color:white;
	}
		#content-atelier th
		{
		height:15px;
		}


	#content-atelier .date-evenement	 /*couleur evenement : adulte*/
	{
	width:128px;
	color:green;
	}

	
	#content-atelier .date
	{
	height:15px;
	background:#d3fd96;
	border-collapse: collapse;
	text-align:right;
	color:grey;
	padding:0px 3px 0px 0px;
	font-size:10px;
	}

	#content-atelier .evenement-actuel
	{
	width:100px;
	padding:3px;
	height:60px;
	font-weight:bold;
	background:#e8f2ff;
	border-collapse: collapse;
	overflow:auto;
	font-size:10px;
	}

	#content-atelier .evenement
	{
	width:100px;
	padding:3px;
	height:60px;
	font-weight:bold;
	background:white;
	border-collapse: collapse;
	overflow:auto;
	font-size:10px;
	}
	
	#content-atelier .info
	{
	color: green;
	}	
	#content-atelier .info1
	{
	color: green;
	}
	#content-atelier .info2
	{
	color:#0280af;
	}
	#content-atelier .info3
	{
	color:#ef0578;
	}	
	
	#content-atelier .bulle-calendrier
	{
		z-index:1;
		position:absolute;
		display:block;
		width:100px;
		height:100px;
		float:left;
	}

	#content-atelier .bulle-calendrier img
	{
		width:50px;
		height:50px;
	}
	
	#content-atelier #legende
	{
	width:;
	height:;
	font-size:11px;
	text-align:right;
	}	
		#content-atelier .adulte
		{
		color:green;
		}
		
		#content-atelier .parent-enfant
		{
		color:#0280af;
		}
		
		#content-atelier .evenement2
		{
		color:#ef0578;
		}
		
/*
carte-cadeau-atelier.php
*****************************************************************/		
#content-atelier-carte
{
min-height:550px;/*background:green;*/
color:#808080;
overflow: hidden; 
}
	#content-atelier-carte h2
	{
	color:#70d602;
	}
		#content-atelier-carte .carte
		{
		width:780px;
		height:268px;
		background : #ffffff url('../images/fond-carte-cadeau.png') no-repeat;
		margin:20px 0px 0px 0px;
		padding:15px 0px 0px 15px;
		}
			#content-atelier-carte .carte h3
			{
			font-size:25px;
			width:550px;
			color:#70d602;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
				#content-atelier-carte .carte h3:first-letter /*mettre la premiere lettre du titre en majuscule*/
				{
				text-transform: capitalize;
				}
			#content-atelier-carte .carte .prix
			{
			font-size:30px;
			font-weight:bold;
			color:#70d602;
			position:relative;
			top:-49px;
			padding:0px 31px 0px 0px;
			float:right;
			}
			*+html #content-atelier-carte .carte .prix /*hack css ie 7*/
			{
			font-size:30px;
			font-weight:bold;
			color:#70d602;
			position:relative;
			top:-19px;
			padding:0px 31px 0px 0px;
			float:right;
			}
			#content-atelier-carte .carte ul
			{
			width:520px;
			}

			#content-atelier-carte a
			{
			color:#70d602;
			}
				#content-atelier-carte  a:hover
				{
				text-decoration:underline;
				}		
/*
tout-atelier.php
*****************************************************************/
		#content
		{
		overflow:hidden;
		margin:0px 0px 0px 0px;
		}
			#content .type-atelier
			{
			width:100%;
			overflow:hidden;
			}
			#content .type-atelier .liste-atelier-detail
			{
			width:170px;
			margin:20px 0px 0px 20px;
			background:#e0ffbf;
			float:left;
			}
				#content .type-atelier .liste-atelier-detail h3
				{
				height:70px;	
				color:#ffffff;
				background:#70d602;
				margin:0px;
				padding:0px 5px 2px 5px;
				}
					#content .type-atelier .liste-atelier-detail h3:first-letter /*mettre la premiere lettre du titre en majuscule*/
					{
					text-transform: capitalize;
					}
						
				#content .type-atelier .liste-atelier-detail .photo
				{
				font:.75em "lucida grande", arial, sans-serif;
				width:100%;
				padding:0px;
				margin:0px auto;
				background:#eee;
				list-style:none;
				overflow:hidden;
				border:1px solid #70d602;
				}		

				#content .type-atelier .liste-atelier-detail .photo a
				{
				width:170px;
				height:170px;
				float:left;
				margin:0px;
				}
				
				#content .type-atelier .liste-atelier-detail .photo img
				{
				width:170px;
				}

				#content .type-atelier .liste-atelier-detail .photo p 
				{
				height:100px;
				padding:10px;
				font-size:13px;
				opacity:.75;
				color:#fff;
				background:#000;
				-webkit-transition: margin-top .2s ease-out;
				-moz-transition: margin-top .2s ease-out;
				transition: margin-top .2s ease-out;
				}
				
					#content .type-atelier .liste-atelier-detail .photo .lire-suite 
					{
					opacity:.5;
					font-weight:bold;
					font-style: italic;
					}

				#content .type-atelier .liste-atelier-detail .photo a:hover p 
				{
				margin-top:-100px;
				}

				#content .type-atelier .liste-atelier-detail .photo strong 
				{
				display:block;
				padding-top:3px;
				font-weight:700;
				}
/*
evenement.php / atelier-detail.php
*****************************************************************/	
#content-evenement
{
width:100%;
overflow:hidden;
/*background:green;*/
}
	#content-evenement #evenement
	{
	width:100%;
	}
		#content-evenement #evenement #content-text
		{
		width:650px;
		/*background:pink;*/
		float:left;
		}

			#content-evenement #evenement  #content-text h2
			{
			color:#70d602;
			font-size:24px;
			margin:5px 0px 10px 0px;
			}
				#content-evenement #evenement  #content-text h2:first-letter /*mettre la premiere lettre du titre en majuscule*/
				{
				text-transform: capitalize;
				}
			
			#content-evenement #evenement  #content-text #entete
			{
			border-top:1px solid #70d602;
			padding:5px 5px 5px 5px;
			}
				#content-evenement #evenement  #content-text #entete p
				{
				color:#70d602;
				font-weight:bold;
				font-size:13px;
				margin:0px 0px 10px 0px;
				}
						
			#content-evenement #evenement #content-text .lien-retour-calendrier 
			{
			display:block;
			color:#70d602;
			font-size:12px;
			margin:40px 0px 10px 0px;
			}
				#content-evenement #evenement #content-text .lien-retour-calendrier:hover
				{
				text-decoration:underline;
				}
			
			#content-evenement #evenement #content-text #autre-horaires
			{
			width: 100%;
			margin:0px 0px 0px 0px;
			padding:0px;
			overflow:hidden;
			border:1px solid #70d602;
			}
					#content-evenement #evenement #content-text #autre-horaires h3
					{
					font-size:13px;
					color:#ffffff;
					width: 100%;
					background: #70d602;
					margin:0px;
					padding:5px 5px 10px 5px;
					overflow:hidden;
					}
					
					#content-evenement #evenement #content-text #autre-horaires .par-cours
					{
					width: 23%;
					float:left;
					background: #ffffff;
					margin:0px 0px 0px 0px;
					padding:5px 10px 5px 0px ;
					border-left:1px dashed #70d602;
					}
						#content-evenement #evenement #content-text #autre-horaires .par-cours p
						{
						color:#70d602;
						}
							#content-evenement #evenement #content-text #autre-horaires .par-cours ul
							{
							padding:0px 0px 0px 25px ;
							}
								#content-evenement #evenement #content-text #autre-horaires .par-cours a:hover
								{
								color:#444444;
								}			

/*
galerie-photo.php
*****************************************************************/
#content-photo
{
width:100%;
overflow:hidden;
}
	#content-photo .photo
	{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 0px;
	/*border-bottom:1px solid #edecec;*/
	overflow:hidden;
	}
		#content-photo ul
		{
		list-style: none;
		margin: 0;
		}
			#content-photo li
			{
			display: inline;
			margin : 0px 15px 0px 15px ;
			}
		
					#content-photo img
					{
					padding:8px;
					border:2px #e4e4e4 solid;
					background:#ffffff;
					/* Fonctionne déjà sur webkit */
					-webkit-transition-property: height,border,background;
					-webkit-transition-duration: .5s;
					-webkit-transition-timing-function: ease-out;
					/* Bientôt supporté par Firefox */
					-moz-transition-property: height,border,background;
					-moz-transition-duration: .5s;
					-moz-transition-timing-function: ease-out;
					/* … et lorsque ce sera standardisé */
					transition-property: height,border,background;
					transition-duration: .5s;
					transition-timing-function: ease-out;
					}
					
					#content-photo img:hover, #content-photo img:focus 
					{
					background:#e4e4e4;
					border:2px #e4e4e4 solid;
					}
					
					#content-photo .horizontal img
					{
					width:140px;
					}
					#content-photo .vertical img
					{
					height:140px;
					}
	
/*
contact.php
*****************************************************************/

#content-contact
{
width:100%;
overflow:auto;
/*background:green;*/
}
	#content-contact #text
	{
	width:100%;
	margin:0px 0px 0px 0px;
	}
		#content-contact #text .design
		{
		color:#26b5ff;
		}
		
		#content-contact #text .boutique
		{
		color:#ff5ca1;
		}
		
		#content-contact #text .atelier
		{
		color:#7de403;
		}

	#adresse-form
	{
	width:500px;
	float:left;
	}
		#adresse
		{
		width:100%;
		margin:0px 0px 30px 0px;
		}
				#adresse span.nom
				{
				display:inline;
				font-weight:bold;
				font-size:15px;
				}
				
				#adresse span.tel
				{
				display:inline;
				font-weight:bold;
				font-size:15px;
				}
		
		#content-contact form
		{
		width:100%;
		margin:10px 0px 20px 0px;
		}
			#content-contact .info-envoi
			{
			font-size:17px;
			}
			
			#content-contact label
			{
			display:block;
			width:150px;
			float:left;
			}
			
			#content-contact #nom, #content-contact #tel, #content-contact #mail, #content-contact #sujet
			{
			width:280px;
			border:#bfbebe 1px solid;
			}
			#content-contact #code
			{
			width:128px;
			border:#bfbebe 1px solid;
			}

			#content-contact textarea
			{
			width:280px;
			height:100px;
			border:#bfbebe 1px solid;
			}
			
			.captcha
			{
			margin: 0px 0px 0px 150px;
			}
				.captcha input
				{
				font-size:10px;
				width:100px;
				position:relative;
				top:-15px;
				left:10px;
				}
			#verif_code
			{
			width:150px;
			}
			
			#content-contact .envoyer
			{
			margin:15px 0px 0px 150px;
			}
			
			#content-contact .obligatoire
			{
			font-size:11px;
			margin:0px 0px 0px 150px;
			position:relative;
			top:-10px;
			left:0px;
			}

		#content-map
		{
		width:400px;
		margin:0px 0px 0px 0px;
		float:left;
		}
			#map
			{
			width:100%;
			height:350px;
			margin:0px 0px 10px 0px;
			}
			#liens
			{
			width:100%;
			text-align:center;
			}
			
/*
newsletter.php
*****************************************************************/	
	#newsletter
	{
	width:224px;
	height:61px;
	background: white url("../images/fond-module-newsletter.png") no-repeat;
	/*border:1px solid #c5c4c4;*/
	position:absolute;
	top:0px; left:70%;
	}
	
	#newsletter .champ
	{
	width:170px;
	height:20px;
	border:none;
	background: none;
	font-size:10px;
	color:#b4b4b4;
	margin:25px 0px 0px 2px;
	}
	
	#newsletter .ok
	{
	width:25px;
	height:20px;
	border:none;
	background: none;
	font-size:10px;
	margin:25px 0px 0px 0px;
	}
	
/*
anim
*****************************************************************/
	#anim
	{
	background: #ffffff url("../images/fond-anim.png") center bottom no-repeat;
	padding:0px 0px 0px 0px;
	}
		#anim2
		{
		width:1000px;
		margin:auto;
		}
			#anim2 .design
			{
			display:block;
			height:117px;
			width:143px;
			background: #ffffff url("../images/btn-bestiole-design.png") bottom left no-repeat;
			margin:0px 0px 0px 100px;
			}
			#anim2 .design:hover
			{
			background: #ffffff url("../images/btn-bestiole-design.png") no-repeat;
			}
			
			#anim2 .boutique
			{
			display:block;
			height:184px;
			width:213px;
			background: #ffffff url("../images/btn-bestiole-boutique.png") bottom left no-repeat;
			margin:0px 0px 0px 100px;
			}
			#anim2 .boutique:hover
			{
			background: #ffffff url("../images/btn-bestiole-boutique.png") no-repeat;
			}
			
			#anim2 .atelier
			{
			display:block;
			height:141px;
			width:178px;
			background: #ffffff url("../images/btn-bestiole-atelier.png") bottom left no-repeat;
			margin:0px 0px 0px 100px;
			}
			#anim2 .atelier:hover
			{
			background: #ffffff url("../images/btn-bestiole-atelier.png") no-repeat;
			}
			
			#anim2 .divers1
			{
			display:block;
			height:100px;
			width:132px;
			background: #ffffff url("../images/btn-bestiole-divers1.png") no-repeat;
			margin:0px 0px 0px 100px;
			}
			
			#anim2 .divers2
			{
			display:block;
			height:100px;
			width:132px;
			background: #ffffff url("../images/btn-bestiole-divers2.png") bottom left no-repeat;
			margin:0px 0px 0px 100px;
			}
			#anim2 .divers2:hover
			{
			background: #ffffff url("../images/btn-bestiole-divers2.png") no-repeat;
			}

	
/*
footer.php
*****************************************************************/
	#fond-footer
	{
	padding:0px 0px 0px 0px;
	clear:both;/*pour qui'il soit bien placé en dessous de tout les autres block*/
	}
		#footer
		{
		height:130px;
		background: transparent url("../images/footer2.png") repeat-x;
		padding:0px 0px 0px 0px;
		clear:both;/*pour qui'il soit bien placé en dessous de tout les autres block*/
		}
		
		#footer2
		{
		width:1000px;
		height:80px;
		margin:auto;
		text-align:center;
		}
			#footer #adresse
			{
			position:relative;
			top:17px;
			font-size:14px;
			font-weight:bold;
			margin:0px 0px 0px 0px;
			}
				#footer #adresse p
				{
				color:#c3c2c2;
				margin:0px 0px 0px 0px;
				}
			
					#footer #adresse .span-footer
					{
					color:#aaa9a9;
					display:inline;
					margin:0px 10px 0px 10px;
					}
			
			#footer #liens-footer
			{
			position:relative;
			top:8px;
			color:#a09f9f;
			font-size:11px;
			margin:0px 0px 0px 0px ;
			}
				#footer #liens-footer a
				{
				color:#b4b3b3;
				text-decoration:none;
				margin:20px 10px 10px 10px ;
				}
			
				#footer .facebook
				{
				position:relative;
				top:10px;
				padding-left:0px;
				}
			
				#footer #liens-footer a:hover
				{
				color:#9c9b9b;
				text-decoration:none;
				}
			
			#footer #description p
			{
			font-size:12px;
			color:#7d7b7b;
			margin:15px 0px 0px 0px ;
			}
#msg	
{
color:red;
}