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


body{
   
	background-color:#FAFAFA;
	font-family: "Trebuchet MS", Arial, Helvetica, Optima, sans-serif;	
	height:1500px;
	}
#conteneur{
    background-color:#fff;
	margin:auto;
	margin-top:30px;	
   width:710px;
   height:3900px;
   box-shadow: 7px 7px 5px rgb(190, 190, 190);
}
p{
	font-family:"arial";
	color:#777;
	font-size:12px;	
}

#conteneur2{
    background-color:#fff;
	margin:auto;
	margin-top:10px;	
   width:710px;
   height:50px;
   box-shadow: 7px 7px 5px rgb(190, 190, 190);
}

ul.MenuBarHorizontal
{
  
	margin:10px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
ul.MenuBarActive
{
	z-index: 1000;
}

ul.MenuBarHorizontal li
{
   
	margin: 10px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: center;
	cursor: pointer;
	width:7em;
	float: left;
	background-color: #FFFFFF;
}

ul.MenuBarHorizontal ul
{
    
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	position: absolute;
	left: -1000em;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
ul.MenuBarHorizontal ul li
{
	width: 5.2em;
}

ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5% 0 0 95%;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

ul.MenuBarHorizontal ul
{
	border: 1px solid #FAFAFA;
}

ul.MenuBarHorizontal a
{
   
	display: block;
	cursor: pointer;
	background-color: #FAFAFA;
	padding: 0.5em 0.55em;
	color: #333;
	text-decoration: none;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
	background-color: #777;
	color: #FFF;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color: #FFF;
	color: #FFF;
}






.marc a{ 
    font-family:"arial";
	color:#000;
	font-size:26px;	
	float:left;
	padding-left:300px;
	padding-top:9px;
	text-decoration:none;	

}
.liena{ 
   box-shadow: 7px 7px 5px rgb(160, 160, 160);
	float:left;
	margin-left:148px;
	margin-top:0px;

}



.texte3 a{
	font-family:"arial";
	color:#696969;
	font-size:13px;	
	float:left;
	padding-left:320px;
	padding-top:45px;
	text-decoration:none;	
	
	}



.contenu5{
	float:left;
	margin-left:60px;
	padding-top:40px;
	
}
.contenu6{
	float:left;
	margin-left:60px;
	padding-top:40px;
	
}
.contenu7{
	float:left;
	margin-left:60px;
	padding-top:40px;
	
}
.contenu8{
	float:left;
	margin-left:60px;
	padding-top:40px;
	
}


.contenu22 a{
	background-image:url(peintures/pecheurs-palluy.jpg); 
    width:100px;
	 height:100px;		
	float:left;
	margin-left:135px;
	margin-top:140px;
    box-shadow: 7px 7px 5px rgb(140, 140, 140);
	font-family:Helvetica;
	color:#fff;
	font-size:28px;
    text-decoration:none;	
	
}

.contenu22 a:hover{
    background-image:url(peintures/vignette-pecheur.jpg);  
	 width:100px;
	 height:100px;
	 transform: rotate(1080deg);
	border-radius: 50%;
	/* transition quand la souris survole */
	transition: all 2s;
	
	}
.contenu32 a{
    background-image:url(peintures/LOULOU-palluy.jpg); 
   width:100px;
	 height:100px;	
	float:left;
	margin-left:12px;
	margin-top:140px;
	box-shadow: 7px 7px 5px rgb(140, 140, 140);
	
}

.contenu32 a:hover{
        background-image:url(peintures/Cle-Palluy-.jpg); 
	 width:100px;
	 height:100px;
	 transform: rotate(1080deg);
	border-radius: 50%;
	/* transition quand la souris survole */
	transition: all 2s;
	}
.contenu42 a{
    background-image:url(peintures/visage-palluy.jpg); 
   width:100px;
	 height:100px;	
	float:left;
	margin-left:12px;
	margin-top:140px;
	box-shadow: 7px 7px 5px rgb(140, 140, 140);
	
}

.contenu42 a:hover{
       background-image:url(peintures/antoi.jpg); 
	width:100px;
	 height:100px;
	transform: rotate(1080deg);
	border-radius: 50%;
	/* transition quand la souris survole */
	transition: all 2s;
	}
.contenu52 a{
    background-image:url(peintures/Clementine-Palluy.jpg); 
   width:100px;
	 height:100px;		
	float:left;
	margin-left:12px;
	margin-top:140px;
	box-shadow: 7px 7px 5px rgb(140, 140, 140);
	
}

.contenu52 a:hover{
       background-image:url(peintures/Cleme-Palluy.jpg); 
	width:100px;
	 height:100px;
	transform: rotate(1080deg);
	border-radius: 50%;
	/* transition quand la souris survole */
	transition: all 2s;
	}