F@charset "utf-8";
/*css document 
color:#ae0065;*/


html{
background-color:transparent;
background-image:none;
}

p,ol,ul,li{
margin:0px;
padding:0px;
list-style:none;
}

body{
background:#edd4ac;

}

.clearfix{
clear:both;
}
.wrapper{
width:1200px;
height:600px;
background:black;
float:left;
}

.box_1{
width:380px;
height:600px;
color:transparent;
float:left;
}
.box_2{
width:30px;
height:600px;
float:left;
}

.box_790_150{
width:788px;
height:148px;
color:transparent;
background-image:url("yohane_1_p_4.jpg");
float:left;
border:1px solid #340000;
}

.box_380_450{
width:380px;
height:450px;
color:transparent;
float:left;
}

.box_30_450{
width:30px;
height:450px;
color:transparent;
float:left;
}

#phot_1{
border:1px solid #340000;
	border-radius:50%;
	position:relative;
	display:inline-block;
	width:150px;
	height:150px;
	background-image:url("yohane_1_5.jpg");
}

#phot_2{
border:1px solid #340000;
	border-radius:50%;
	position:relative;
	display:inline-block;
	margin-left:210px;
margin-top:-90px;
width:150px;
	height:150px;
	background-image:url("yohane_1_2.jpg");
}

#phot_3{
border:1px solid #340000;
	border-radius:50%;
	position:relative;
	display:inline-block;
	width:150px;
	height:150px;
	background-image:url("yohane_1_3.jpg");
//margin-top:210px;
}