body{
    background-color:#f3f3f3;
       	}
a, p, h1,  h2, h3, h4, h5{font-family: 'Asap', sans-serif;}

header.global {
    background-color:#d8d8d8; /*pdlp #b7b7b7*/
   	padding: 0px 12px;
   	display: block;
    }

.en_tete {
	max-width: 1280x;
	margin: 0px auto;
	position: relative;
	height: 40px;	
	padding: 6px 0px;
	}

.en_tete a{
	color: #606060;
	text-decoration: none;
    }

#logo {
	bottom: 10px;
	position: absolute;
}

.en_tete nav.menu{
	position: absolute;
	right: 0px;
	bottom: 6px;
	display: block;
	overflow: hidden;
	color: #cacaca;
}

.en_tete nav.menu a {
    margin-right: 10px;
}

.en_tete nav.menu a:hover {
    color: #333;
    text-decoration: underline;
}

.milieu {
	min-height: 100%;
	max-width: 900px;
	/*max-height: 580px;*/
	margin: 0px auto;
	padding: 96px 12px 12px; /*padding: 6.9em 10em 10em;*/
	position: relative;
	
	/*background-color: #e5e5e5;*/
}



#pied {
	color: #606060;
	margin-top: 6em;
	margin-bottom: 1em;
	text-align: center;
}

#piedgallerie {
	clear: left;
	color: #606060;
	padding-top: 8em;
	margin-bottom: 1em;
	text-align: center;
}


/*ResponsiveSlide / diaporama accueil*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*Galeries*/
#galleria{ width: 900px; height: 660px; background: #f3f3f3; }
 
/* Pages choix Gallerie*/
.album_wrapper {
    width: 100%;
    clear: both;
    margin-bottom: 15px;
}
.album_grid {
		width			:	281px;
		min-height		:	245px;
		height			:	auto;
		float			:	left;
		margin			:	5px;
		padding			:	10px;
		background		:	#FFFFFF;
		border			:	1px solid #AAAAAA;
	}

	.album_grid .image_wrapper {
		width			:	281px;
		height			:	220px;
		float			:	left;
		text-align		:	center;
		z-index			:	1;
		overflow		:	hidden;
	}

	.album_grid .image_wrapper img {
		max-width		:	279px;
		max-height		:	205px;
		border			:	1px solid #AAAAAA;
		z-index			:	1;
	}

	.album_grid .meta_wrapper {
		width			:	100%;
		clear			:	both;
		float			:	left;
		color			:	#333333;
		text-align		:	center;
		z-index			:	5;
	}

	.album_grid .meta_wrapper h4 a {
		color			:	#333333;
		font-size		:	16px;
	}

/*Page menu Gallerie*/

.galleria-layer {
    /*position:absolute;
    left:100px;
    top:150px;
    padding: 25px 0px;
    margin:-50px 0px;
    border:	4px solid green;
    z-index: 10;*/
    
}
.galleria-info-text > * {
    display: inline;
	margin:50px;
	padding:24px;

}
.galleria-thumbnails { 
margin: auto;
}

#conteneur {
		position:relative;
		/*max-width: auto;*/
	    margin:auto;
		}
		
#galerie {
	list-style-type: none;
	width: 45em;
	margin:auto;
	}
.bloc {
	position: relative;
	float: left;
	width: 12.55em;
	height: 14.95em;
	margin: 0.55em;
	padding: 0.85em;
	border:	1px solid #ccc;
	}
	

#titre a,h5,h6 {
	color: #777777;
	text-decoration: none;
	text-align:	center;
	font-size:0.92em;
	letter-spacing:1px;
	padding-top: 1em;
}

/*Parcours*/
#texte{ 
	text-align : justify;
	width:50em;
	}
#signature{ text-align : right; }

/* Contact*/

#img_contact{
	text-align:	center;
	}

#txt_contact{
	text-align:	center;
	}






/* For iPad Portrait Mode */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#leftcol {width:100%;padding:0;}
}

/* For iPhone Portrait Mode */
@media only screen and (max-width: 767px) {

body {
	font-size: 1.1em;
	}

.en_tete {height: 45px;}

#logo {
	bottom: 20px;
	}

.en_tete nav.menu{
	position: relative;
	top:22px;
	}
	
.milieu {
	padding: 18px 12px 12px;
}

/*Galeries*/
#titre a,h5,h6 {
	font-size:0.90em;
	letter-spacing:1px;
	}

/* For iPhone Landscape Mode */
@media only screen and (min-width: 480px) and (max-width: 767px) {
#navigation ul{display: none;}

body 	 {
	font-size: 1.1em;
	}

.en_tete {height: 45px;}

#logo {
	bottom: 20px;
	}

.en_tete nav.menu{
	position: relative;
	top:22px;
	}
	
.milieu {
	padding: 18px 12px 12px;
}

/*Galeries*/
#titre a,h5,h6 {
	font-size:0.90em;
	letter-spacing:1px;
	}