/*	----------------------------------------------------------------------------
	DESCRIPTEURS ET GENERIQUES													
	------------------------------------------------------------------------- */
body{
	margin					: 	0;
	padding					: 	0;
	left					:	0;
	top						:	0;
	height					: 	100%;
	background-color 		:	#773408;
}

ul{
	margin					:	0;
	padding					: 	0;
}

.cadre, #cadre_1, #cadre_2{
	width					:	950px;
}

#cadre_1{
	background				:	url(/img/euro-dalles/fond_o.jpg) repeat-y left top;
}

#cadre_2{
	background				:	url(/img/euro-dalles/fond_e.jpg) repeat-y right top;
}

.cadre_interne, #cadre_interne_1, #cadre_interne_2{
	width					:	870px; 
}

#cadre_interne_1{
	background				:	url(/img/euro-dalles/fond.jpg) repeat-y center top;
}

#cadre_interne_2{
	background				:	url(/img/euro-dalles/fond-parquet.jpg) no-repeat left top;
	border-bottom			:	1px solid #6B2D06;
}

.clear_both{
	clear					:	both;
}

.desactiver{
	display					:	none;
}

.absolute{
	position				:	absolute;
}
/*	----------------------------------------------------------------------------
	BLOC HAUT																	
	------------------------------------------------------------------------- */
#bandeau_haut{
	background				:	url(/img/euro-dalles/bandeau-haut.jpg) no-repeat right top;
	height					:	135px;
}

#lien_accueil{
	margin-left				:	267px;
	z-index					:	10;
}

#contact{
	margin-left				:	254px;
	padding-top				:	103px;
	float					:	left;
}

#langues{
	margin-left				:	30px;
	padding-top				:	105px;
	float					:	left;
}

.langue{
	margin-right			:	7px;
}

/*	----------------------------------------------------------------------------
	BLOC PRINCIPAL																
	------------------------------------------------------------------------- */
#menu, #fil_ariane_coin, #corps{
	width					:	638px;	
}

.cadres_menu, .cadre_menu_coin, .cadre_menu_coin_survol {
	float					:	left;
	margin-right			:	5px;
	padding-right			:	10px;
}

.cadres_menu_fond, .cadre_menu_fond, .cadre_menu_fond_survol{
	padding					:	2px 0 1px 10px;
}

.cadre_menu_fond{
	background				:	url(/img/euro-dalles/menu_fond.jpg) repeat-x left top;
}

.cadre_menu_fond_survol{
	background-color		:	#f6e7b6;
}

.cadre_menu_coin{
	background				:	url(/img/euro-dalles/menu_coin.gif) no-repeat right top;
}
.cadre_menu_coin_survol{
	background				:	url(/img/euro-dalles/menu_coin_survol.gif) no-repeat right top;
}

#fil_ariane_coin{
	background				:	url(/img/euro-dalles/menu_coin_survol.gif) no-repeat right top;
	clear					:	both;	
}

#fil_ariane{
	background-color		:	#f6e7b6;
	padding					:	5px 0 2px 0;
	margin-right			:	10px;
	text-align				:	right;
}

#corps_gauche{
	width					:	227px;
	float					:	left;
}

#corps_gauche_contenu{
	margin-top				:	60px;
}

.corps_gauche_bloc{
	width					:	210px;
	margin-bottom			:	9px;
	background				:	url(/img/euro-dalles/fond_produits_accueil.gif) repeat-y top left;
	border-bottom			:	1px solid #f6e7b6;
}

.corps_gauche_bloc_contenu{
	height					:	175px;
	margin-bottom			:	8px;
	overflow-y				:	scroll;
	overflow-x				:	hidden
}

.produit_accueil{
	float					:	left;
	margin-left				:	15px;
}

.etiquette_produit{
	width					:	80px;
	margin					:	4px 0px 0px 0px ;
	background				:	url(/img/euro-dalles/triangle-produits.gif) no-repeat left top;
}

.etiquette_produit_texte{
	width					:	72px;
	margin-left				:	8px;
	padding-bottom			:	10px;
}

.libelle_produit_texte{
	font-size				:	13px;
	font-weight				: 	bold;
	color					:	#f7d346;
}

.etiquette_essence{
	width					:	80px;
	margin					:	4px 0px 0px 5px ;
	background				:	url(/img/euro-dalles/triangle-essences.gif) no-repeat left top;
}

.etiquette_essence_texte{
	width					:	72px;
	margin-left				:	8px;
	padding-bottom			:	10px;
}

.libelle_essence_texte, .libelle_essence_texte a, .libelle_essence_texte a:hover{
	font-size				:	13px;
	font-weight				: 	bold;
	color					:	#ffe595;
}

#corps_droite{
	width					:	643px;
	float					:	left;
}

#produits{
	width					:	227px;
	float					:	left;
}

#corps{
	background-color		:	#f6e7b6;
}

/*---------------------PAGE----------------------------*/
.page_index{
	padding					:	10px;
}

.contenu_accueil, #actualites, #mediatheque{
	background-color		:	#ffffff;
	clear					:	both;
}

#actualites{
	padding					:	20px 0 15px 0;	
}

.actualite{
	width					:	285px;
	margin-left				:	16px;
	float					:	left;
}

#mediatheque{
	padding					:	10px 0 15px 0;	
}

.mediatheque{
	float					:	left;
	background				:	url(/img/euro-dalles/media_ombre.jpg) no-repeat right top;
}

.desactiver_mediatheque{
	width					:	0px;
	margin-left				:	0px;
	display					:	none;
}

.activer_mediatheque{
	width					:	132px;
	margin-left				:	20px;
}

.mediatheque_legende{
	width					:	112px;
	background				:	url(/img/euro-dalles/triangle.gif) no-repeat left top #821f20;
	border					:	4px solid #821f20;
}

.mediatheque_titre{
	height					:	22px;
	width					:	102px;
	margin-left				:	10px;
}

.miniature{
	float					:	left;
	margin-right			:	10px; 
	margin-bottom			:	10px; 
}

.page_actualites, .page_actualites_gauche, .page_produit_gauche, .page_actualites_droite, .page_produit_droite{
	margin					:	10px 0 10px 0;
	float					:	left;
}

.page_actualites_gauche, .page_produit_gauche{
	width					:	246px;
	height					:	450px;
	background				:	url(/img/euro-dalles/fond-essence.jpg) no-repeat top left;
}

.page_produit_gauche{
	background				:	url(/img/euro-dalles/fond-produit.jpg) no-repeat top left;
}

.page_actualites_accroche{
	margin					:	0px 20px 0px 40px;
	text-align				:	left;
	text-align				:	justify;
	font-weight				:	9px;
	font-style				:	italic;
	font-weight				:	bold;
	color					:	#000000;
}

.page_actualites_droite{
	width					:	361px;
	background				:	url(/img/euro-dalles/liste_fond.jpg) repeat-y top center;
}

.page_actualites_droite_haut{
	background				:	url(/img/euro-dalles/liste_haut.jpg) no-repeat top center;
}

.page_actualites_droite_bas{
	background				:	url(/img/euro-dalles/liste_bas.jpg) no-repeat bottom center;
	padding					:	10px 0 17px 0;
}

.cadre_actualite{
	width					:	357px;
	clear					:	both;
	border-top				:	7px solid #F7E7B6;
	background				:	url(/img/euro-dalles/fond-liste-produit.jpg) repeat-y top center;
}

.contenu_actualite, .actualite_miniature, .actualite_texte, .actualite_loupe{
	float					:	left;
}

.actualite_miniature{
	width					:	74px;
	margin-top				:	12px;
	margin-left				:	12px;
}

.actualite_texte{
	width					:	226px;
	margin					:	8px 0 8px 0;
}

.actualite_loupe{
	width					:	35px;
	margin-top				:	14px;
	margin-left				:	5px;
}

.actualite_separateur{
	clear					:	both;
	padding-top				:	12px;
}

.page_actualites_detail{
	padding					:	10px 32px 10px 32px;
}

.actualite_miniature_detail{
	margin-top				:	9px;
}

.page_actualites_detail_contenu{
	margin-top				:	16px;
}

.page_actualites_detail_gauche{
	float					:	left;
	width					:	226px;
	height					:	244px;	
	margin-right			: 	14px;
	margin-bottom			: 	14px;
	background				:	url(/img/euro-dalles/fond-detail-actualite.jpg) repeat-y top center;
}

.fond_retour{
	margin-top				:	10px;
	height					:	18px;
	background				:	url(/img/euro-dalles/fond-retour.gif) no-repeat bottom center;
}

.page_articles_detail_gauche{
	float					:	left;
	h_eight					:	245px;
	width					:	226px;
	margin-right			: 	14px;
	background				:	url(/img/euro-dalles/fond-detail-actualite.jpg) repeat-y top center;
}

.page_articles_detail_contenu{
	margin-top				:	16px;
}

.article_separateur{
	clear					:	both;
	padding-top				:	12px;
	margin-bottom			:	25px;
}

.article_liste_small{
	width					:	90px;
	margin-bottom			:	10px;
}

.article_fichiers_joints{
	height					:	16px;
	padding-top				:	2px;
	background				:	url(/img/euro-dalles/titre_fichiers.jpg) no-repeat top left;
}

.fichiers{
	margin-top				:	7px;
	background				:	url(/img/euro-dalles/triangle-fichiers.gif) no-repeat top left;
	padding-left			:	10px;
	text-align				:	left;
}

.page_essence_detail{
	padding					:	24px 32px 10px 32px;
}

#page_essence_detail_titre{
	position				:	absolute;
	top						:	180px;
	padding-left			:	125px;
}

.page_essence_detail_titre_gauche, .page_essence_detail_titre_droite{
	height					:	43px;
	width					:	39px;
	float					:	left;
	background				:	url(/img/euro-dalles/essence-titre-gauche.jpg) no-repeat top left;
}

.page_essence_detail_titre_droite{
	background				:	url(/img/euro-dalles/essence-titre-droite.jpg) no-repeat top right;
}

.page_essence_detail_titre_fond{	
	height					:	43px;
	float					:	left;
	background				:	url(/img/euro-dalles/essence-titre-fond.jpg) repeat-x top center;
	padding-top				:	10px;
}

.essence_detail_haut{
	h_eight					:	10px;
	padding-top				:	10px;
	background				:	url(/img/euro-dalles/essence-haut.jpg) no-repeat top center;
}

.essence_detail_cadre{
	margin					:	20px 18px 10px 18px;
}

.essence_detail_gauche{
	width					:	140px;
	margin-right			:	16px;
	float					:	left;
	color					:	#7d3708;
}

.essence_detail_gauche_bis{
	display					:	none;
}

.essence_detail_milieu, .essence_detail_milieu_bis{
	width					:	260px;
	padding-top				:	6px;
	margin-right			:	16px;
	float					:	left;
}

.essence_detail_accroche{
	background				:	url(/img/euro-dalles/triangle-fichiers.gif) no-repeat;
	padding-left			:	9px;
}

.essence_detail_milieu_bis{
	width					:	400px;
}

.essence_detail_droite{
	width					:	104px;
	float					:	left;
}

.essence_detail_bas{
	height					:	18px;
	margin-top				:	10px;
	background				:	url(/img/euro-dalles/essence-bas.jpg) no-repeat bottom center;
}

.essence_detail_fond{
	background				:	url(/img/euro-dalles/essence-fond.jpg) repeat-y top center;
}

.bandeau_libelle{
	margin-top				:	10px;
	background-color		:	#f6e7b6;
	border-left				:	5px solid #e0b100;
	padding					:	3px 4px 3px 4px;
	font-size				:	13px;
	font-weight				:	bold;
	color					:	#7d3708;	
}

.bandeau_libelle_2{
	margin-top				:	15px;
	background-color		:	#a41d23;
	border-left				:	4px solid #000000;
	padding					:	3px 4px 3px 4px;
	font-size				:	13px;
	font-weight				:	bold;
	color					:	#ffffff;	
}

.bandeau_libelle_3{
	margin-top				:	8px;
	background-color		:	#f6e7b6;
	border-left				:	5px solid #e0b100;
	padding					:	3px 4px 3px 4px;
	font-size				:	11px;
	font-weight				:	bold;
	color					:	#773408;	
}

.essence_cadre_fond{
	background				:	url(/img/euro-dalles/essence-cadre-fond.jpg) repeat-y top center;

}

.essence_cadre_bas{
	padding-bottom			:	7px;	
	padding-left			:	7px;
	background				:	url(/img/euro-dalles/essence-cadre-bas.jpg) no-repeat bottom center;
}

.essence_regions{
	margin-top				:	4px;
	background				:	url(/img/euro-dalles/triangle-fichiers.gif) no-repeat top left;
	padding-left			:	10px;
	text-align				:	left;
	font-weight				:	bold;	
}

.essence_norme_logo{
	margin-top				:	4px;
	margin-right			:	4px;
	float					:	left;
	width					:	25px;
}

.essence_normes{
	float					:	left;
}

.essence_fichiers, .essence_normes {
	margin-top				:	4px;
	background				:	url(/img/euro-dalles/triangle-fichiers.gif) no-repeat top left;
	padding-left			:	10px;
	text-align				:	left;
}

.essence_produits_haut{
	margin-top				:	8px;
	padding-top				:	10px;
	background				:	url(/img/euro-dalles/essence-produits-haut.jpg) no-repeat top center;
}

.essence_produits_bas{
	background				:	url(/img/euro-dalles/essence-produits-bas.jpg) no-repeat bottom center #e0b100;
	padding-bottom			:	10px;
}

.essence_produits_libelle{
	margin					:	0px 4px 0px 4px;
	padding-bottom			:	4px;
	border-bottom			:	1px solid #ffffff;
	font-size				:	11px;
	font-weight				:	bold;
	color					:	#ffffff;
}

.essence_produits{
	margin-top				:	4px;
	background				:	url(/img/euro-dalles/triangle.gif) no-repeat top left;
	padding-left			:	10px;
	margin-left				:	8px;
	text-align				:	left;
}

.essence_photos{
	border    				:	1px solid #f6e7b6;
}

.essence_photos_contenu{
	margin    				:	6px 8px 8px 6px;
}

.essence_minature{
	float					:	left;
	margin-left				:	4px;
	margin-top				:	4px;
}

.libelle_formulaire{
	margin-top				:	4px;
	background				:	url(/img/euro-dalles/triangle-fichiers.gif) no-repeat top left;
	padding-left			:	10px;
	text-align				:	left;
	font-size				:	11px;
	color					:	#713015;
	letter-spacing			:	1px;
}

.page_produit_gauche_fond{
	width					:	205px;
	height					:	182px;
	margin-top				:	15px;
	margin-left				:	32px;
	background				:	url(/img/euro-dalles/produit-recherche-fond.jpg) repeat-y top center;
}

.page_produit_droite{
	width					:	361px;
	margin-top				:	25px;
}

.page_produit_droite_fond{
	background				:	url(/img/euro-dalles/liste_fond.jpg) repeat-y top center;
}

.page_produit_droite_haut{
	background				:	url(/img/euro-dalles/liste_haut.jpg) no-repeat top center;
}

.page_produit_droite_bas{
	background				:	url(/img/euro-dalles/liste_bas.jpg) no-repeat bottom center;
	padding					:	25px 0 17px 0;
}

.page_produit_detail_titre{
	position				:	absolute;
	margin-top				:	-14px;
	margin-left				:	85px;
}

.page_produit_detail_titre_gauche, .page_produit_detail_titre_droite{
	height					:	37px;
	width					:	39px;
	float					:	left;
	background				:	url(/img/euro-dalles/produit-titre-gauche.jpg) no-repeat top left;
}

.page_produit_detail_titre_droite{
	background				:	url(/img/euro-dalles/produit-titre-droite.jpg) no-repeat top right;
}

.page_produit_detail_titre_fond{	
	height					:	37px;
	float					:	left;
	background				:	url(/img/euro-dalles/produit-titre-fond.jpg) repeat-x top center;
	padding-top				:	10px;
}

.page_contact{
	padding					:	30px;
}

#formulaire{
	width					:	70%;
}

.coordonnees_contact{
	width					:	200px;
	margin-top				:	20px;
	margin-left				:	50px;
	float					:	left;
	text-align				:	left;
}

.essence_left{
	float					:	left;
}

.essence_right{
	float					:	right;
}

.essences_accueil{
	clear					:	both;
	padding					:	1px;
}

.display_none{
	display					:	none;
}

/*---------------------/PAGE---------------------------*/

/*------------------BASELINE-------------------------*/

#baseline{
	clear						:	both;
	margin-top					:	15px;
	text-align					:	center;
	padding						:	0 10px 0 10px;
}

#baseline_haut_fond {
	background					:	url(/img/euro-dalles/baseline.gif) repeat-x;
}

#baseline_haut_texte {
	background-color			:	#F6E7B6;
	padding						:	0 8px 0 8px;
}

#baseline_menu{
	padding						:	2px 50px 10px 50px;	
}

#baseline_axn{
	margin-top				:	5px;
}

.baseline_axn, .baseline_axn a, .baseline_axn a:hover, .baseline_axn_droite, .baseline_axn_droite a, .baseline_axn_droite a:hover{
	font-size				: 	9px;
	color					:	#000000;
}

.baseline_axn_droite{
	margin-left				:	35px;
}

.baseline_axn_logo{
	position				:	absolute;
	margin-top				:	-1px;			
}
/*---------------------/BASELINE-----------------------*/


