/* body of the page */
*
{
	margin:0;
	padding:0;
	border:0;
}


body{
	font-family: Verdana, Myriad Pro, Corbel;
	font-size: 12px;
	background-image: url(files/fond_body3.png);
	text-align: justify;
}
	#back-bandeau
	{
		background-image: url(files/fond_bandeau.png);
		background-repeat: repeat-x;
	}
	
	/*
	#bandeau_ombre_L
	{
		float: left;
		width: 15px;
		height: 600px;
		background-image: url(files/fond_bandeau_ombre_L.png);
		background-repeat: no-repeat;
	}
	#bandeau_ombre_R
	{
		float: left;
		width: 15px;
		height: 600px;
		background-image: url(files/fond_bandeau_ombre_R.png);
		background-repeat: no-repeat;
	}
	*/


#corps {
	margin: 15px auto;
	width: 858px;
	height: 578px;
	background-color: #666666;
	border: 1px solid #737373;
	padding: 10px;
}

#content{
	margin-top: 25px;
	margin-left: 10px;
}

#header {
	background-image:url(files/header.png);
	height:139px;
	width:858px;
	margin-bottom: 20px;
}


/* Menu de gauche */
#LEFT_part
{
	float: left;
	width: 120px;
	margin-left: 25px;
	margin-right: 15px;
}
.btn_menu
{
	float:right;
	width:120px;
	height:75px;
	margin-top:17px;
}



	
#RIGHT_part
{
	float: left;
	width: 690px;
	padding-right: 8px;
}	

#Ariane
{
	float: left;
	width: 680px;
	margin-bottom: 20px;
}




	
/*Le bloc de texte classique*/
.block_txt
{
	float: left;
	margin-left: 18px;
}
	/* Cadre */
		.cadre_top
		{
			height: 16px;
			background-image: url(files/cadre-top.png);
			background-repeat: repeat;
			background-position: right;
		}
		.cadre_middle
		{
			background-image: url(files/cadre-middle.png);
			background-position: right;
			padding: 0px 28px 16px 16px;
		}
		.cadre_bottom
		{
			height: 16px;
			background-image: url(files/cadre-bottom.png);
			background-position: left;
		}


/* MES PASSIONS : Le menu de la home */
a.myMusique
{
	float: left;
	width: 120px;
	height: 120px;
	margin-left: 95px;
	margin-right: 50px;
	background-image: url(files/myMusique3.png);
}
	a.myMusique:hover
	{
		background-image: url(files/myMusique3_H.png);
	}
a.myBiblio
{
	float: left;
	width:120px;
	height:120px;
	margin-right: 50px;
	background-image:url(files/myBiblio.png);
}
	a.myBiblio:hover
	{
		background-image: url(files/myBiblio_H.png);
	}
a.myFilmo
{
	float: left;
	width:120px;
	height:120px;
	margin-right: 50px;
	background-image:url(files/myCuisine.png);
}
	a.myFilmo:hover
	{
		background-image: url(files/myCuisine_H.png);
	}

	
	
/* Le Footer */	
#footer
{
	margin: auto;
	width: 720px;
	height: 80px;
	border-bottom : 1px solid #333333;
	margin-top: 20px;
	margin-bottom: 20px;
}
#footer_center
{
	width: 584px;
	margin: auto;
}
	#foot_CV
	{
		float: left;
		width: 121px;
		height: 80px;
		background-image: url(files/footer_CV_fond.png);
	}
	a.foot_CV_H
	{
		float: left;
		width: 119px;
		height: 39px;
		background-image: url(files/footer_CV_btn.png);
		border:1px solid #000000;
	}
	a.foot_CV_H:hover
	{
		background-image: url(files/footer_CV_btn_H.png);
	}
	a.foot_H
	{
		float: left;
		width: 41px;
		height: 41px;
		background-image: url(files/footer_facebook_btn2.png);
		border:1px solid #000000;
	}
	#foot_kweeper
	{
		float: left;
		width: 42px;
		height: 80px;
		margin-left: 50px;
		background-image: url(files/footer_kweeper_fond.png);
	}
	a.foot_H.kweeper
	{
		background-image: url(files/footer_kweeper_btn_NB.png);
	}	
	a.foot_H.kweeper:hover
	{
		background-image: url(files/footer_kweeper_btn.png);
	}
	#foot_twitter
	{
		float: left;
		width: 42px;
		height: 80px;
		margin-left: 50px;
		background-image: url(files/footer_twitter_fond.png);
	}
	a.foot_H.twitter
	{
		background-image: url(files/footer_twitter_btn_NB.png);
	}	
	a.foot_H.twitter:hover
	{
		background-image: url(files/footer_twitter_btn.png);
	}
	#foot_linkedIn
	{
		float: left;
		width: 42px;
		height: 80px;
		margin-left: 50px;
		background-image: url(files/footer_linkedIn_fond.png);
	}
	a.foot_H.linkedIn
	{
		background-image: url(files/footer_linkedIn_btn_NB.png);
	}	
	a.foot_H.linkedIn:hover
	{
		background-image: url(files/footer_linkedIn_btn.png);
	}
	#foot_delicious
	{
		float: left;
		width: 42px;
		height: 80px;
		margin-left: 50px;
		background-image: url(files/footer_delicious_fond.png);
	}
	a.foot_H.delicious
	{
		background-image: url(files/footer_delicious_btn_NB.png);
	}	
	a.foot_H.delicious:hover
	{
		background-image: url(files/footer_delicious_btn.png);
	}
	#foot_facebook
	{
		float: left;
		width: 45px;
		height: 80px;
		margin-left: 50px;
		background-image: url(files/footer_facebook_fond.png);
	}
	a.foot_H.facebook
	{
		background-image: url(files/footer_facebook_btn_NB.png);
	}
	a.foot_H.facebook:hover
	{
		background-image: url(files/footer_facebook_btn.png);
	}


/* Liste ul */
ul
{
	margin-bottom: 0px;
	padding-left: 10px;
}
	
li
{
	margin-top: 5px;
}
	
/* Image */
.pic_screenshot
{
	float: right;
	border: 1px solid #000000;
}


/* Liens */
a.site
{
	color: #333333;
	font-weight: bold;
}
a.site:hover
{
	color: #aaaaaa;
}
	
/* Text */
h1 {
	font-size:15px;
	font-weight: bold;
	margin: 0px;
}
	h1.qui_suis_je
	{
		color: #33f200;
	}
	h1.etude_de_cas
	{
		float: left;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 15px;
		background-color: #f3f82b;
	}
	h1.my_medias
	{
		text-align: center;
		background-color: #00efef;
		margin-bottom: 10px;
	}
	h1.contact
	{
		color: #f437f0;
	}

h2 {
	font-size:14px;
	font-weight: bold;
	color: #737373;
	margin: 0px;
	margin-bottom: 10px;
}

.myBold
{
	font-weight: bold;
	color: #434343;
}