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


body{
     margin:auto;
	
	font-family: "Trebuchet MS", Arial, Helvetica, Optima, sans-serif;	
	}
#conteneur{
	
	margin:auto;
	width:1250px;
	height:1400px;
    	
}
#sidebar a{
    margin-left:1250px;
    padding-top: 100px;
 
	
}
#page-wrap { width: 238px; margin: 39px auto;
 position:fixed;
 opacity:0.4;
 }
 
#page-wrap:hover { width: 238px; margin: 39px auto;
 position:fixed;
 opacity:1;
 } 

.texte{
	font-family:"arial";
	color:#fff;
	font-size:18px;		
	padding-left:523px;
	padding-top:130px;
	text-decoration:none;	
	float:left;
	}



/** ScrollToTop **/ 
#scrollToTop a{ 
	 position:fixed;
	background-image:url(peintures/haut.png); 
	padding: 15px 15px;
	opacity:0.3;
	  top:33.4em;
     left:10.5em;
	border: none;
	width:0.5px;
	height:100.5px;
} 

#scrollToTop a:hover{ 
	background-image:url(peintures/haut.png); 
	opacity:1;
	border: none;
}

.top4{
	padding-top:1500px;
   
} 


.top{
	
	padding-top:1000px;
	
}
#menu a img{

     top:33.4em;
     left:10.3em;
	text-decoration:none;
	cursor:pointer;
	opacity:0.3;
	position:fixed;
	border: none;
}

#menu a img:hover{
    	
	opacity:1;
	border: none;
}




.contact a{
    display:block;
	float:left;
	margin-left:628px;
	padding-top:70px;
	font-family:"hevetica";
    font-size:20px;	    
	text-decoration:none;
	color:#757575;	
}
.imgcontent {

width:365px; 
margin-left:385px;
position: relative;
padding-top:20px;

}

/*on crée la loupe*/
.loupe {
width: 550px;
height:550px;
position: absolute;
border-radius: 100%;
/*on donne un effet de verre à cette loupe*/
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
0 0 7px 7px rgba(0, 0, 0, 0.25), 
inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
/*indiquez l'url de votre image*/
background: url(peintures/visages-antoinette.jpg);
/*la loupe et l'image première sont masquées*/

}

.mini { 
display: block; 

	
}





.contenu22 a{
	background-image:url(peintures/pecheurs-palluy.jpg); 
    width:120px;
	height:120px;
	display: block; 
	float:left;	
	margin-left:275px;
	margin-top:150px;
	box-shadow: 7px 7px 5px rgb(000, 000, 000);
	
}

.contenu22 a:hover{
    background-image:url(peintures/palluy-.jpg); 
	 width:120px;
	 height:120px;
	
	}
.contenu32 a{
    background-image:url(peintures/LOULOU-palluy.jpg); 
    width:120px;
	height:120px;		
	display: block; 
	margin-left:50px;
	float:left;	
	box-shadow: 7px 7px 5px rgb(000, 000, 000);
	margin-top:150px;
}

.contenu32 a:hover{
    background-image:url(peintures/.jpg); 
	width:120px;
	height:120px;
	
	}
.contenu42 a{
    background-image:url(peintures/visage-palluy.jpg); 
    width:120px;
	height:120px;		
	display: block; 
	margin-left:40px;
	float:left;	
	box-shadow: 7px 7px 5px rgb(000, 000, 000);
	margin-top:150px;
}

.contenu42 a:hover{
    background-image:url(peintures/.jpg); 
	 width:120px;
	height:120px;
	
	}
.contenu52 a{
    background-image:url(peintures/Clementine-Palluy.jpg); 
    width:120px;
	height:120px;		
	display: block; 
	margin-left:50px;
	float:left;	
	box-shadow: 7px 7px 5px rgb(110, 110, 110);
	margin-top:150px;
}

.contenu52 a:hover{
    background-image:url(peintures/.jpg); 
	width:120px;
	height:120px;
	
	}


#bookmarker_38026{
    display: block; 
	margin-left:385px;
	margin-top:70px;
	float:left;	
    }

	


#contenu_principal{
 	
    margin-top:34px;
	margin-left:530px;
    float:left;	
}

.pin a {
    margin-top:100px;
	margin-left:580px;
    float:left;	
   
}