/* CSS LAYOUT */

body{
	background-color : #583F38;	
	margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	margin-top : 15px;
	font : normal normal normal 12px Arial, sans-serif;
}

#bloc_950{
	width : 950px;
	background-color : transparent;
	margin-left: auto;
    margin-right: auto;
	text-align: left;
	height : 760px;
}

/** HEADER **/

#header_155{
	width : 950px;
	height : 155px;
	background : url(../images_css/header.jpg) no-repeat top left;
}

#header_adresse{
	display : inline;
	width : 185px;
	height : 51px;
	/*background-color : green;*/
	float : left;
	margin-left : 130px;
	margin-top : 21px;
	font-weight : bold;
	font-size : 14px;
	color : #333333;
	text-align : center;
	line-height : 19px;
}

#header_telephone{
	display : inline;
	width : 190px;
	height : 20px;
	/*background-color : green;*/
	float : left;
	margin-left : 140px;
	margin-top : 0px;
	font-weight : bold;
	font-size : 16px;
	color : #583F38;
	text-align : center;
	
}

#header_103{
	width : 910px;
	height : 103px;
	background-color : #FFFFFF;
	margin-left : 40px;
}

#menu{
	display : inline;
	width : 410px;
	height : 103px;
	float : right;
}

#menu #onglet_accueil{
	width : 48px;
	height : 103px;
	float : left;
}

#menu #onglets{
	width : 362px;
	height : 103px;
	float : right;
	background : url(../images_css/menu.jpg) no-repeat top left;
}

#menu .texte{
	width : 119px;
	height : 23px;
	float : left;
	margin-top : 80px;
	text-align : center;
	line-height : 23px;
}

/** CONTENU **/

#bloc_gauche_305{
	width : 305px;
	height : 400px;
	float : left;
	/*background-color : blue;*/
}

#bloc_droit_645{
	width : 645px;
	/*height : 400px;*/
	float : right;
	/*background-color : yellow;*/
}

/** BLOC GAUCHE **/

#distributeur{
	width : 100%;
	height : 26px !important;
	height : 119px;
	background : url(../images_css/bloc_gauche_distributeur.gif) no-repeat top left;
	text-align : center;
	color : #FFFFFF;
	font-size : 16px;
	font-weight : bold;
	padding-top : 93px;
}

#titre_magasin{
	float : left;
	color : #FFFFFF;
	font-size : 16px;
	font-weight : bold;
	margin-top : 93px;
}

#magasin{
	width : 293px !important;
	width : 302px;
	/*height : 300px;*/
	background-color : #BD5017;
	text-align : justify;
	color : #FFFFFF;
	padding : 6px;
}

/** BLOC DROIT **/

#raccord{
	width : 100%;
	height : 18px;
	background : url(../images_css/bloc_droit_raccord.gif) no-repeat top left;
}

#contenu{
	width : 627px !important;
	width : 645px;
	/*height : 500px;*/
	background-color : #FFFFFF;
	padding-left : 18px;
}

#contenu .titre{
	width : 627px;
	height : 23px;
	background : url(../images_css/bloc_droit_titre.gif) no-repeat top left;
	line-height : 23px;
}

.titre span{
	color : #FFFFFF;
	font-weight : bold;
	font-size : 16px;
	margin-left : 27px;
}

#contenu #liste_produits{
	width : 627px;
	height : 230px;
	background-color : #4D352E;
	margin : 18px 0;
	color : #FFFFFF;
}

.produit{
	width : 209px;
	height : 230px;
	float : left;
}

.produit_titre{
	width : 100%;
	height : 34px !important;
	height : 37px;
	font-weight : bold;
	text-align : center;
	padding-top : 3px;
}	

.produit_photo{
	width : 100%;
	height : 90px !important;
	height : 98px;
	padding : 4px 0px;
	background-color : #FFFFFF;
}

.produit_chapeau{
	width : 197px !important;
	width : 209px;
	height : 62px !important;
	height : 70px;
	padding : 4px 6px;
	text-align : justify;
}

.produit_btn_marron{
	width : 84px;
	height : 25px;
	margin-left : 63px;
	background : url(../images_css/bloc_droit_btn_produit_marron.gif) no-repeat top left;
	text-align : center;
	font-size : 10px;
	color : #583F38;
	padding-top : 14px;
	line-height : 11px;
}

.produit_btn_orange{
	width : 84px;
	height : 25px;
	margin-left : 63px;
	background : url(../images_css/bloc_droit_btn_produit_orange.gif) no-repeat top left;
	text-align : center;
	font-size : 10px;
	color : #E85F0E;
	padding-top : 14px;
	line-height : 11px;
}


#contenu #liste_partenaires{
	width : 627px;
	height : 103px !important;
	height : 100px;
	/*background-color : #FF00FF;*/
	margin-top : 18px;
	text-align : center;
}

#pied_droit{
	width : 645px;
	height : 18px;
	background : url(../images_css/bloc_droit_pied.gif) no-repeat top left;
}

#pied_gauche{
	width : 305px;
	height : 18px;
	background : url(../images_css/bloc_gauche_pied.gif) no-repeat top left;
}

#copyright{
	color : #FFFFFF;
	text-align : right;
	margin-top : 3px;
	margin-right : 3px;
}

#pied_menu{
	color : #FFFFFF;
	font-weight : bold;
	text-align : center;
	margin-top : 4px;
}