body {
background-color: #FFFFFF;

}


#contenu {
	width: 750px;
	margin: 20px auto;
}

#grandephoto {
	width: 600px;
	height: 400px;
	clear:both;
	float:left;
}

#galerie {
	width: 750px;
	height: 500px;
	background-image: url(images/accueil-2.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 20px;
	clear:both;
}



#logo {
	clear:both;
	float:right;
	background: #f3177a;
	width:326px;
	height:112px;
}


.vignette {
	width:150px;
	height:150px;
	padding:auto;
	float:left;
	margin:0px;
}

.texteblog {
	width:550px;
	height:150px;
	padding:10px;
	float:left;
	text-align: left;
}

.titreblog, .titreblog a {
	text-transform: uppercase;
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	color: #333333;;
	text-decoration: none;
	margin-bottom: 2px;
}

.resumeblog {
	font-family: "Arial";
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.lirelasuite  {
	font-family: "Arial";
	font-size: 12px;
	color:#666666;
	text-decoration: none;
}

.lirelasuite:hover, .resumeblog:hover {
	color:#666666;
	text-decoration: none;
}

#textebloglong {
	width:400px;
	height:450px;
	padding:10px;
	float:left;
	text-align:left;
	font-family: "Arial";
	font-size: 12px;
	color: #666666;
}

#textebloglong h1 {
	text-transform: uppercase;
	text-align: left;
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	color: grey;
	text-decoration: none;
	margin-bottom: 2px;
}


#logoblog {
	clear:both;
	width:300px;
	height:450px;
	padding:auto;
	float:left;
	margin:0px;
}

#filariane, #filariane a {
	width:750px;
	height:20px;
	padding:0px;
	float:left;
	text-align:left;
	clear:both;
	font-family: "Arial";
	font-size: 10px;
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

.photo {
	margin-top: 20px;
	width:600px;
	height:400px;
	padding:auto;
}

#lesvignettes {
	width:120px;
	margin-top: 20px;
	float:left;
}

#prendstonpied {
	clear:both;
	text-align: center;
	font-family: "Arial";
	font-size: 10px;
}

#prendstonpied a {
	font-family: "Arial";
	font-size: 10px;
	color: gray;
	font-weight: bold;
	text-decoration: none;	
}

#prendstonpied a:hover {
	color: #f3177a;	
}

#precedentsuivant {
	text-align: center;
	font-family: "Arial";
	font-size: 14px;
	color: gray;
	clear:both;
}


#menubas {
	text-align: center;
	vertical-align: middle;
	font-family: "Arial";
	font-size: 14px;
	color: gray;
	clear:both;
}

#menubas a {
	text-align: center;
	font-family: "Arial";
	font-size: 13px;
	color: gray;
	font-weight: bold;
	text-decoration: none;
}

.nom_oeuvre {
	text-transform: uppercase;
	text-align: center;
	font-family: "Arial";
	font-size: 14px;
	font-weight: bold;
	color: gray;
	text-decoration: none;
	margin-bottom: 2px;
}

.desc_oeuvre {
	text-align: center;
	font-family: "Arial";
	font-size: 10px;
	color: black;
	font-weight: 100;
	text-decoration: none;
}