*{
	padding:0px;
	margin:0px;
	
	}



body{
	padding:auto;
	margin:auto;	
	height:auto;	
	color:#fff;
	font: normal 90% "Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Arial,Helvetica,Sans-Serif;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	background: #000;
    width: 850px;
	max-width: 850px;
    min-width: 300px;
}

h2 {
	
	font-size:18px;
	color: #fff;
	text-decoration:none;
}

a {
	
	color:#000;
	text-decoration:none;
}




#wrap {
	/* position du conteneur pour le préparer à bouger */
	position: relative;
	top: 0;
	-webkit-transition: top 1.4s cubic-bezier(.49,.22,.52,1);
	-moz-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-ms-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	-o-transition: top 1.4s cubic-bezier(.49,.22,.52,1.35);
	/* on prépare la transition à venir */
	transition: top 2.2s cubic-bezier(.49,.22,.52,1.35);
	max-width: 850px;
    min-width: 300px;
}
 
#nav {
	/* on fixe le menu en haut */
	position: fixed;
	top: 0; left: 0; right: 0;
	padding: 0,5em 0;
	margin: 0;
	/* on centre les liens */
	text-align: center;
	background: #transparent;
	font-size: 1em;
	z-index:5px;
  
}
#nav li {
	/* on aligne les éléments de liste */
	display: inline;
	margin:0;
   	
}
#nav a {
	display: inline-block;
	margin:10px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
    font-size:30px;
   
}




#slide1,#slide2, #slide3, #slide4 , #slide5, #slide6, #slide7, #slide7, #slide8, #slide9, #slide10, #slide11,#slide12,#slide13,#slide14,#slide15,#slide16,#slide17,#slide18,#slide19,#slide20,#slide21{
	height: 1210px;
	padding-top:100px;
	max-width: 850px;
    min-width: 300px;
	
}
	 Opaline-m-palluy.png
	 
/* attribution des images de fond */
#slide1 { background:rgba(0, 0, 0, 7)url(visages/Artiste-peintre-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; }
#slide2 { background:rgba(0, 0, 0, 7)url(visages/Pauline-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; }
#slide3 { background:rgba(0, 0, 0, 7)url(visages/Clementine-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; }
#slide4 { background:rgba(0, 0, 0, 7)url(visages/Arthur-Palluy-Marc-peintre.jpg) center 0 no-repeat fixed; max-width: 850px;
    min-width: 300px;}
#slide5 { background:rgba(0, 0, 0, 7)url(visages/Christine-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; }
#slide6 { background:rgba(0, 0, 0, 7)url(visages/Pauline-Palluy-Marc2.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide7{ background:rgba(0, 0, 0, 7)url(visages/Pauline-Palluy-Marc3.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide8{ background:rgba(0, 0, 0, 7)url(visages/Arthur-Palluy-Marc2.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide9{ background:rgba(0, 0, 0, 7)url(visages/Opaline-m-palluy.png) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide10{ background:rgba(0, 0, 0, 7)url(visages/Ingrid-Palluy-Marc1.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; }
#slide11{ background:rgba(0, 0, 0, 7)url(visages/Palluy-Marc-Ombre.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide12{ background:rgba(0, 0, 0, 7)url(visages/Regards-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide13{ background:rgba(0, 0, 0, 7)url(images/La-lecture.png) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide14{ background:rgba(0, 0, 0, 7)url(visages/poisson-rouge-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide15{ background:rgba(0, 0, 0, 7)url(visages/chapitre.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 
#slide16{ background:rgba(0, 0, 0, 7)url(images/Paresse.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 				
#slide17{ background:rgba(0, 0, 0, 7)url(visages/BRASSERIE-Palluy-Marc.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 	
#slide18{ background:rgba(0, 0, 0, 7)url(visages/Reflexion2.jpg) center 0 no-repeat fixed;max-width: 850px;
    min-width: 300px; } 		

	
#slide1 .slide_inside img {
	margin-top: 280px;
    margin-left: 209px;
   -webkit-transform: scale(1.97);
	transform: scale(1.97);
	-webkit-transition: .9s ease-in-out;
	transition: .9s ease-in-out;
	max-width: 850px;
    min-width: 300px;
}


#slide1 .slide_inside:hover img {
	margin-top: 280px;
    margin-left: 209px;
	-webkit-transform: scale(0.10);
	transform: scale(0.10);
	max-width: 850px;
    min-width: 300px;
	
}



#slide2 .slide_inside  {
	margin-top:-90px;
	max-width: 850px;
    min-width: 300px;

}

#slide3 .slide_inside {
	margin-top: -100px;
	max-width: 850px;
    min-width: 300px;
}
#slide4 .slide_inside  {
	margin-top:10px;
    max-width: 850px;
    min-width: 300px;
}

#slide5 .slide_inside {
	margin-top:-40px;
    max-width: 850px;
    min-width: 300px;
}
#slide6 .slide_inside {
	margin-top:0px;
    max-width: 850px;
    min-width: 300px;
}

#slide7 .slide_inside {
	margin-top:-100px;
	max-width: 850px;
    min-width: 300px;
}  
#slide8 .slide_inside {
    max-width: 850px;
    min-width: 300px;
	margin-top:-100px;
	
	
}
	
#slide9 .slide_inside {
	margin-top:-80px;   
    max-width: 850px;
    min-width: 300px;
}		

#slide10 .slide_inside {
	margin-top:-100px;
    max-width: 850px;
    min-width: 300px;
}
#slide11 .slide_inside {
	margin-top:-100px;   
    max-width: 850px;
    min-width: 300px;
}		

#slide12 .slide_inside {
	margin-top:82px;
    max-width: 850px;
    min-width: 300px;
}
#slide13 .slide_inside {
	margin-top:-90px;
    max-width: 850px;
    min-width: 300px;
}
#slide14 .slide_inside {
	margin-top:-33px;
    max-width: 850px;
    min-width: 300px;
}
#slide15 .slide_inside {
	margin-top:-70px;
    max-width: 850px;
    min-width: 300px;
}	
#slide16 .slide_inside {
	margin-top:-70px;
    max-width: 850px;
    min-width: 300px;
	text-align: center;
}

#slide17 .slide_inside {
	margin-top:-20px;
    max-width: 850px;
    min-width: 300px;
	text-align: center;
}
#slide18 .slide_inside {
	margin-top:-00px;
    max-width: 850px;
    min-width: 300px;
	text-align: center;
}
#slide19 .slide_inside {
	margin-top:-00px;
    max-width: 850px;
    min-width: 300px;
	text-align: center;
}

#slide21 .slide_inside:hover {
	margin-top:35px;
    max-width: 850px;
    min-width: 300px;
	text-align: center;
	transform: rotate(1080deg);
	border-radius: 50%;
	/* transition quand la souris survole */
	transition: all 2s;
}

															
.slide_inside1 a{
	margin-top:-80px;
	margin-left:380px;
	font-family:"arial";
	font-size:25px;
	color: #fff;
	text-decoration:none;
	
    max-width: 850px;
    min-width: 300px;
}
.slide_inside11 a{
	margin-top:50px;
	margin-left:380px;
	font-family:"arial";
	font-size:25px;
	color: #fff;
	text-decoration:none;

    max-width: 850px;
    min-width: 300px;
}
.slide_inside12 a{
	margin-top:0px;
	margin-left:405px;
	font-family:"arial";
	font-size:25px;
	color: #888B8D;
	text-decoration:none;
	
    max-width: 850px;
    min-width: 300px;
}

.slide_inside10 a{
	margin-top:-1100px;
	margin-left:300px;
	font-family:"arial";
	font-size:26px;
	color: #fff;
	text-decoration:none;
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}		
.slide_inside2 a{
	margin-top:-220px;
	margin-left:552px;
	font-family:"arial";
	font-size:20px;
	color: #000;
	text-decoration:none;
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}			
 .slide_inside3 a{
	margin-top:-216px;
	margin-left:290px;
	font-family:"arial";
	font-size:20px;
	color: #fff;
	text-decoration:none;
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}
 .slide_inside5 a{
	margin-top:-2305px;
	margin-left:380px;
	font-family:"arial";
	font-size:20px;
	color: #000;
	text-decoration:none;
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}
.slide_inside6 a{
	 
	
	margin-top:-1132px;
	margin-left:0px;
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}

.slide_inside7 a{
	margin-top:-1170px;
	margin-left:50px;
	
	position: absolute;
    max-width: 850px;
    min-width: 300px;
}

		 
/* décalage du conteneur vers le haut */
#s2:target ~ #wrap {top:-1320px;max-width: 850px;
    min-width: 300px;
	}
	
/* vers Slide 3 */
#s3:target ~ #wrap {top:-2620px;max-width: 850px;
    min-width: 300px;}
  
/* vers Slide 4 */
#s4:target ~ #wrap {top:-3935px;max-width: 850px;
    min-width: 300px;}

/* vers Slide 5 */
#s5:target ~ #wrap {top:-5300px;max-width: 850px;
    min-width: 300px;}

#s6:target ~ #wrap {top:-6650px;max-width: 850px;
    min-width: 300px;}


#s7:target ~ #wrap {top:-7860px;max-width: 850px;
    min-width: 300px;}

#s8:target ~ #wrap {top:-9170px;max-width: 850px;
    min-width: 300px;}

#s9:target ~ #wrap {top:-10480px;max-width: 850px;
    min-width: 300px;}

#s10:target ~ #wrap {top:-11790px;max-width: 850px;
    min-width: 300px;}
	
#s11:target ~ #wrap {top:-13100px;max-width: 850px;
    min-width: 300px;}

#s12:target ~ #wrap {top:-14590px;max-width: 850px;
    min-width: 300px;}
	
#s13:target ~ #wrap {top:-15730px;max-width: 850px;
    min-width: 300px;}
	
#s14:target ~ #wrap {top:-16910px;max-width: 850px;
    min-width: 300px;}	
	
#s15:target ~ #wrap {top:-18204px;max-width: 850px;
    min-width: 300px;}
	
#s16:target ~ #wrap {top:-19512px;max-width: 850px;
    min-width: 300px;}

#s17:target ~ #wrap {top:-20872px;max-width: 850px;
    min-width: 300px;}	
#s18:target ~ #wrap {top:-22203px;max-width: 850px;
    min-width: 300px;}
#s19:target ~ #wrap {top:-23510px;max-width: 850px;
    min-width: 300px;}	

.center-text-h-v a {
	text-decoration:none;	
	font-family:"arial";
	color:#fff;
	font-size:18px;	
    text-align: center; /* Aligne le texte horizontalement */
    line-height: 30px; /* ...alignent le texte verticalement*/
	max-width: 850px;
    min-width: 300px;
	float:left;
	margin-top:0px;

}

#bookmarker_38026{
   
	max-width: 850px;
    min-width: 300px;
	margin-top:11450px;
	margin-left:200px;
	
    }
	

