@import url(http://fonts.googleapis.com/css?family=Indie+Flower);
@import url(http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300italic);
@import url(http://fonts.googleapis.com/css?family=Libre+Franklin);
@import url(http://fonts.googleapis.com/css?family=Poiret+One|Lato);

html,body
{
	height:100%;
}

body
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	text-align:center; /*For IE6 Shenanigans*/
	background-color: #FFF;
}
		
body,td,th 
{
	font-family: Arial;
	background-color:#FFF;
	
	color: #000;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0;
	height: 100%;
/*	overflow:hidden; */
	text-align:center; /*For IE6 Shenanigans*/
}

*{
	
	margin:0;
	padding:0;
}

.single-item-pibee img
{
	border:0px;
    width: 100%;
    height: auto;

}

.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#texte_presentation
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}


#txt_boutique
{
	display: inline-block;
	text-align:left;
	font-family: 'Merriweather Sans', sans-serif;

}


#PiBee_MainContainer
{
	display:none;
	border:#aaa 0px solid;
	top:0px;
	left:0px;
	margin:0 auto;
	text-align:center;
	width:90%;

}
#PiBee_menu
{
	display:none;
	background-color: #6a91ae;

}




#PiBee_bandeau
{
	text-align:center;
	margin:0 auto;
	display:none;
}

#content_text_expos
{
	margin-left:20px;
		
}

#txt_expos
{
/*	width:450px;*/
	margin-right:0px;

	/*display:none;*/
}

#ligne
{
	
	float:left;
	width:100%;
	border:#F00 0px solid;

}

#case
{
	float:left;
	border:#C93 0px solid;
	text-align:center;
	margin:5px;
	padding:5px;
	

}


#PiBee_pages
{
	border:#C93 0px solid;
}

#body_home
{
	display:none;
	float:left;
	border:#aaa 0px solid;
	width:100%;
}

#containt_home
{
	display:flex;
	
}

#containt_expos
{
	display:flex;
	
}

#body_expos
{
	display:none;
	float:left;
	border:#aaa 0px solid;
	width:100%;
}

#body_boutique_series
{
			
	display:none;
	float:left;
	border:#aaa 0px solid;
	width:100%;
/*	overflow:scroll; */
}

#body_boutique_nuages
{
			
	display:none;
	float:left;
	border:#aaa 0px solid;
	width:100%;
/*	overflow:scroll; */
}


#intro_boutique
{
	padding:10px;
}



#titre_case_boutique
{
	font-size:16px;
	color:#069;
	
}

#titre_boutique
{
	
}

#boutique
{
	
}

#txt_shop
{
	
	color:#999;
	font-size:20px;
	text-align:center;
	display: inline-block;	
	font-family: 'Indie Flower', cursive,  sans-serif;;
}



#separation
{
	float:left;
	width:100px;	
	border:#DDD 0px solid;
	top:0px;

}


#colonne_gauche 
{
	/*float:left;	*/
	
	border:#DDD 0px solid;	
	top:0px;
	z-index:1875;
	text-align:center;
	padding:0px;
	width: 440px;
}

#colonne_droite 
{
	 
	border:#DDD 0px solid;
	
}

#liste_videos
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 700px;

}

#video_item
{

	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	z-index:915;
	width: 320px;
	
}



#txt_home
{

}

#div_texte
{
	
	width:90%;
	text-align:center;
}

#photos_expos
{

}



#myVideo
{
	float:right;
	
}

#url 
{
	
	position:absolute;
	left:50px;
	top:300px;
	width:220px;
	height:352px;
	z-index:10;
	background-image:url(url.png);
	padding:5px;
}

a
{
	text-decoration:none;
	color:#06C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;

}


.titreexpositions 
{
	color:#FC3;
	font-size: 40px;
	border:#DDD 0px solid;
	/* margin-left:-110px;*/
}
.expositions 
{
	width:100%;
	color:#000;
	font-size: 12px;
}

.expositions a 
{
	color:#39C;
	font-size: 12px;
}

.monmail 
{
	color:#AAA;
	font-size: 20px;
}

#liste 
{
	background-color:transparent;
	text-align:center;
	left:10px;

}


hr
{
	height:0; 
	border:none; 
	border-bottom:0px solid #FC0; 
	border-top:0px solid rgba(0,0,0,1); 
	margin:9px 10px; 
	clear:both;
}
		
		
.content
{
	text-align:center;
	background-image:url('../images/blanc.gif');
	background-repeat:repeat;
	left:10px;
	/*margin:10px auto; */
	width:100%; 
	height:300px; 
	/*padding:20px 40px; */
	overflow:auto; 
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
