body {
	background: #dbdbdb;
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 12px;
	outline: none;
}

a {
	text-decoration: none;
	color: black;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: black;
	outline: none;
}
img {
	border: 0;
	outline: none;
}


#corps {
	width: 1024px;
	margin: 0 auto;
	padding: 0;
}
#container {
	float: left;
	background: #FFFFFF;
	width: 1024px;
	margin: 0;
	padding: 0;
}


/*************/
/*  HEADER   */
/*************/
#header {
	float: left;
	width: 1024px;
	height: 136px;
	margin: 0;
	padding: 0;
}
	#logo {
		float: left;
		width: 150px;
		height: 136px;
		margin: 0;
		padding: 0;
	}
	#logo img{
		width: 150px;
		height: 136px;
		border: 0;
	}
	
	#skycraper {
		float: left;
		background: url(../images/skycraper.png) no-repeat top left;
		width: 849px;
		height: 81px;
		margin: 0;
		padding: 40px 0 0 0;
		font-size: 18px;
		font-weight: bold;
	}
	#bk_langue {
		float: left;
		width: 25px;
		height: 121px;
		margin: 0;
		padding: 0;
	}
	#bk_langue img {
		width: 20px;
	}
	#deconnection {
		float: left;
		width: 859px;
		height: 15px;
		margin: 0;
		padding: 0 15px 0 0;
		text-align: right;
		font-size: 10px;
		font-style: italic;
	}


/*************/
/*  FOOTER   */
/*************/
#footer {
	float: left;
	background: #dbdbdb;
	width: 1024px;
	height: 40px;
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 10px;
	text-align: center;
}



/*************/
/*   MENU    */
/*************/
#menu {
	float: left;
	width: 1024px;
	height: 32px;
	background: url(../images/menu.png) no-repeat top left;
	margin: 0;
	padding: 0;
}
	#menu .menu_detail,
	#menu #menu_panier {
		float: left;
		height: 22px;
		padding: 5px 0 0 0;
		font-weight: bold;
		font-size: 12px;
		color: white;
	}
	#menu .menu_detail a,
	#menu #menu_panier a {
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		height:28px;
		color: white;
		padding: 0 25px;
	}
	#menu .menu_detail:hover,
	#menu #menu_panier:hover {
		background:#7794d0;
	}
	#menu #menu_panier {
		float: right;
	}


/****************/
/*   CONTENU    */
/****************/
#contenu {
	width: 722px;
	min-height: 510px;
	background: url(../images/background.png) no-repeat bottom center;
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 0 150px;
	border-left: thin solid silver;
	border-right: thin solid silver;
}



/*  ACCUEIL  */
.bk_famille {
	float: left;
	margin: 25px 0 0 220px;
}

.bk_famille_top {
	float: left;
	width: 500px;
	height: 10px;
	background: url(../images/bk_famille_top.png) no-repeat top left;
}

.bk_famille_contenu {
	float: left;
	width: 500px;
	background: url(../images/bk_famille.png) repeat-y top left;
	
}

.bk_famille_bottom {
	float: left;
	width: 500px;
	height: 13px;
	background: url(../images/bk_famille_bottom.png) no-repeat top left;
	
}


.bk_famille_titre {
	float: left;
	width: 440px;
	margin: 0 0 0 15px;
	padding: 0 0 0 45px;
	font-weight: bold;
	font-size: 22px;
	background:url(../images/balle.jpg) no-repeat top left;
}
	.bk_famille_titre a,
	.bk_famille_titre a:hover {
		font-weight: bold;
		font-size: 22px;
		text-decoration: none;
	}

.bk_famille_image {
	float: right;
	width: 300px;
	margin: 0 0 0 5px;
		
}
	.bk_famille_image img {
		max-width: 300px;
		max-height: 300px;
			
	}
.bk_famille_description {
	float: left;
	width: 470px;
	margin: 15px 15px 0 15px;
	text-align: justify;
	line-height: 17px;
}
	.bk_famille_description a,
	.bk_famille_titre a:hover {
		text-decoration: none;
	}


/*  LISTE PRODUIT */

.bk_produit_titre {
	float: left;
	background: url(../images/produit_titre.jpg) no-repeat top left;
	width: 655px;
	height: 25px;
	margin: 25px 0 0 15px;
	padding: 0 0 0 30px;
	font-size: 22px;
	font-weight: bold;
	color: #627aad;
}
	.bk_produit_titre a,
	.bk_produit_titre a:hover {
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		color: #627aad;
	}

.bk_produit_description {
	float: left;
	width: 685px;
	margin: 20px 0 0 15px;
	padding: 0;
	text-align: justify;
	font-size: 14px;
	line-height: 17px;
}
	.bk_produit_description a,
	.bk_produit_description a:hover {
		font-size: 14px;
		text-decoration: none;
	}

.bk_produit_image {
	float: right;
	margin: 0 10px 5px 20px;
}
	.bk_produit_image img {
		max-width: 150px;
		max-height: 150px;
		border: 3px solid #627aad;
	}

.bk_produit_bottom {
	float: left;
	width: 600px;
	height: 2px;
	margin:25px;
	background: url(../images/bk_produit_bottom.jpg) no-repeat top center;
}

/*  PRODUIT */

.produit_titre {
	float:left;
	width:565px;
	height:25px;
	background:url(../images/produit_titre.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#627aad;
	margin: 25px 0 5px 15px;
	padding: 0 0 0 35px;
}

.produit_titre a,
.produit_titre a:hover {
	float:left;
	font-size: 22px;
	text-decoration: none;
	color:#627aad;
	margin: 25px 0 0 30px;
	padding: 0 0 0 35px;
}
#panier_ajouter {
	float: left;
	width: 100px;
	height:35px;
	margin: 25px 0 0 0;
	padding: 0;
	text-align: center;
}

.produit_descriptif {
	float: left;
	width: 695px;
	text-align:justify;
	margin: 20px 0 0 15px;
	padding: 0;
	font-size: 14px;
	line-height:17px;
}
.produit_descriptif a,
produit_descriptif a:hover {
	font-size: 14px;
	text-decoration: none;
}

.produit_diaporama {
	float:left;
	width:350px;
	padding: 0 0 0 10px;
}

.produit_video {
	float:left;
	width:345px;
	height: 280px;
	margin: 15px 0 0 10px;
	padding: 0;
}


/*  LISTE ACTU BLOG */
.bk_actu {
	float: left;
	width: 700px;
}

.bk_actu_titre {
	float: left;
	background: url(../images/balle.png) no-repeat top left;
	width: 630px;
	height: 28px;
	margin: 30px 0 0 20px;
	padding: 0 0 0 35px;
	font-size: 22px;
	font-weight: bold;
	color: #627aad;
}
	.bk_actu_titre a,
	.bk_actu_titre a:hover {
		font-size: 22px;
		font-weight: bold;
		text-decoration: none;
		color: #627aad;
	}

.bk_actu_description {
	float: left;
	width: 660px;
	text-align: justify;
	margin: 5px 0 0 0;
	padding: 0 20px;
	font-size: 14px;
	line-height: 17px;
}
	.bk_actu_description a,
	.bk_actu_description a:hover {
		font-size: 14px;
		text-decoration: none;
	}

.bk_actu_image {
	float: left;
	width: 150px;
	margin: 0 10px 5px 0;
	border: 2px solid #627aad;
}
	.bk_actu_image img {
		max-width: 150px;
		max-height: 150px;
	}

.bk_actu_bottom {
	float: left;
	width: 700px;
	height: 2px;
	margin: 10px 0 0 0;
	background: url(../images/bk_produit_bottom.jpg) no-repeat top center;
}


/*  ACTU BLOG */
.actualite_titre {
	float:left;
	width:500px;
	height:25px;
	background:url(../images/produit_titre.jpg) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#627aad;
	margin: 25px 0 5px 15px;
	padding: 0 0 0 35px;
}

.actualite_descriptif {
	float: left;
	width: 695px;
	text-align:justify;
	margin: 20px 0 0 15px;
	padding: 0;
	font-size: 14px;
	line-height:17px;
}
.actualite_diaporama {
	float:left;
	width:695px;
	margin: 0;
	padding: 0 0 0 200px;
}


/*  PARRAINAGE */
#bk_parrainage {
	float: left;
	width: 700px;
}
#bk_parrainage_intro {
	float: left;
	width: 660px;
	margin: 0;
	padding: 0 20px;
	text-align: justify;
}
#bk_parrainage_formulaire {
	float: right;
	width: 360px;
	margin: 0;
	padding: 0;
	text-align: left;
}


/*  CONTACT  */
#bk_contact_lien_utile {
	float: right;
	width: 330px;
	margin: 0 20px 0 0;
	padding: 0;
}

.bk_contact_lien_top {
	float: right;
	background: url('../images/bk_contact_lien_top.png') no-repeat top left;
	width: 250px;
	height: 10px;
	margin: 30px 0 0 0;
	padding: 0;
}
.bk_contact_lien {
	float: right;
	background: url('../images/bk_contact_lien.png') repeat-y top left;
	width: 250px;
	margin: 0;
	padding: 0;
}
.bk_contact_lien_bottom {
	float: right;
	background: url('../images/bk_contact_lien_bottom.png') no-repeat top left;
	width: 250px;
	height: 13px;
	margin: 0;
	padding: 0;
}
.bk_contact_titre {
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.bk_contact_lien ul {
	margin: 0;
	padding: 0;
}
.bk_contact_lien li{
	margin: 10px 0 0 5px;
	padding: 0;
	list-style: none;
}


/*  IDENTIFICATION  */
#bk_identification {
	float: right;
	width: 400px;
	margin: 100px 0 0 0;
	padding: 0;
	text-align: left;
}
#bk_identification .libelle{
	float: left;
	width: 97px;
	margin: 0;
	padding: 1px 3px 0 0;
	text-align: right;
}
#bk_identification .champs{
	float: left;
	width: 300px;
}
#bk_identification .valider{
	float: left;
	width: 400px;
	text-align: center;
}

#bk_identification .mdp_oublie{
	margin: 0 0 0 10px;
	font-size: 11px;
	font-style: italic;
	color: silver;
	cursor: pointer;
}
#bk_mdp_oublie {
	float: right;
	width: 360px;
	background: #b4c9f5;
	margin: 50px 20px 0 0;
	padding: 5px;
	color: black;
}


/*  FORMULAIRE  */
.bk_formulaire {
	float: right;
	width: 450px;
	margin: 40px 0 0 0;
	padding: 0;
}
.libelleform {
	float: left;
	width: 140px;
	text-align: right;
}
.champsform {
	float: left;
	width: 305px;
	margin: 0 0 0 5px;
	text-align: left;
}
.libelleform2 {
	float: left;
	width: 140px;
	padding: 0 310px 0 0;
	text-align: right;
}
.champsform2 {
	float: left;
	width: 450px;
	text-align: center;
}
.obligatoire {
	float: left;
	width: 440px;
	padding: 0 0 0 10px;
	text-align: left;
	color: red;
}