/* V3 reviewed by Laurent */

/**** GENERAL STRUCTURE OTHER PAGES
____________________________________*/

	/**** MIDDLE COLUMN */

	div#ctn_center div#center div#ctn_content{
		position: relative;
		margin: 0 0 0 15px;
		background: url(../picto/base/bg_ctn_content.gif) repeat-y top left;
	}
		div#ctn_center div#center div#ctn_content div.hb{
			display: block;
			height: 10px;
			background: url(../picto/base/bg_ctn_content_top.gif) no-repeat top left;
		}
		div#ctn_center div#center div#ctn_content div.hc div.hb{ background: none; height: 0; display: none; }

		div#ctn_center div#center div#ctn_content div.hc{
			padding: 5px 15px 5px 15px;
		}
		div#ctn_center div#center div#ctn_content div.hc div.hc{ background: none; padding: 0; }
					
		div#ctn_center div#center div#ctn_content div.ha{
			display: block;
			clear: both;
			height: 10px;
			background: url(../picto/base/bg_ctn_content_bottom.gif) no-repeat top left;
		}
		div#ctn_center div#center div#ctn_content div.hc div.ha{
			background: none;
			height: 0;
			display: none;
		}

/**** FORMULAIRE 
________________*/

	/*
		- form3 used for login form, sendToFriend, codeperdus
		
		- filteringXL used for catalog home, Documentations, chantiers de reference, dossiers, FAQ, normes, avis techniques, dtu
		
			filteringXL#frm_catalogue used for products home
				select without class : needs 330px width
				button with submit class
				
			beton navigation page : 
				filteringXL 
					label : no class
					select: no class
					submit: submit class

			platre navigation page : 
				filteringXL#form_select_product
					label : no class
					select: no class
					submit: submit class
					
			Documentations, chantiers de reference, dossiers, FAQ, normes, avis techniques, dtu
				filteringXL
					select: class listbox
					submit: class submit_charte
					
		- form5 used for home page of normes - avis techniques - dtu
				select: is defined bellow => 210px width
	*/
	
	/* Common forms definition */
	p.erreur{ 
		font-weight: bold;
		color: #c72a02;
	}

	form p.erreur_form, div.erreur_form{
		display: block;
		margin: 0 0 0 100px;
		color: #ff0000;
	}	
	form.form3 label, form.form3 span.label, form.filteringXL label {
		float: left;
		display: inline;
		font-weight: bold;
		color: #781800;
		padding: 0 0 0 10px;
		background: url(../picto/base/edito_puce_li.gif) no-repeat 0px 6px;
	}

	/*form5*/

	form.form5 {
		margin:25px 0 5px 0;
	}
		form.form5 select {
			width:230px;
		}

	/*filteringXL*/

		form.filteringXL{}
		form.filteringXL label{ 
			font-weight: bold;
		}
		form.filteringXL select{ font-size: 90%; } 
		form.filteringXL label{
			width: 220px;
		}		
		form.filteringXL select{
			width:330px;
		}
		form.filteringXL select.listbox{
			width:300px;
		}		
		/* used for logos in catalog homepage */
		form.filteringXL label.solong{
			float: none;
			display: inline;
			width: auto;
			font-weight: bold;
			padding: 0 0 0 0;
			background: none;
		}
		form.filteringXL#form_select_product select {
			width : 150px;
		}
		/* used for documentation */
		div.ctn_mini_form div.hc form.filteringXL{
			padding:5px 0 5px 0;
			border-bottom: 1px solid #dfdfdf; 
		}

	/*form3*/

	form.form3{
		width: 552px;
		margin: 0 15px 0 15px;
		padding: 10px 0 0 0;
		border-top: 1px solid #dfdfdf;
	}

		form.form3 h3{
			color: #000000;
			border-bottom: 1px solid #dfdfdf;
		}
		form.form3 div.hb{
			margin: 10px 0 0 0;
			display: block !important;
			height: 15px !important;
			background: url(../picto/base/bg_formulaire_top.gif) no-repeat top left !important;
		}
		form.form3 div.hc{ 			
			padding: 1px 25px 1px 25px !important;
			text-align:center;
			background: url(../picto/base/bg_formulaire.gif) repeat-y top left !important;
		}
		form.form3 div.ctn_btn_valid, form.form3 p.ctn_btn_valid {
			text-align:center;
		}
		form.form3 div.ha{
			margin: 0 0 10px 0;
			display: block !important;
			height: 15px !important;
			background: url(../picto/base/bg_formulaire_bottom.gif) no-repeat top left !important;
		}
		form.form3 fieldset{ 
			margin: 15px 0 0 0;
			padding: 15px 0 0 0;
			border: 0; 
		}
		form.form3 legend span{
			display: block;
			width: 500px;
			margin: 0 0 10px -5px;
			padding: 20px 0 0 0;
			font-size: 120%;
			font-weight: bold;
			border-bottom: 1px solid #dfdfdf;
		}
		form.form3 p.radios{ text-align: left; }
		form.form3 p.radios label{
			float: none;
			color: #000000;
			width: auto;
			font-weight:normal;
			background : none;
		}
		
		form.form3 div.Rank_1{ clear: both !important; }
		
		form.form3 label, form.form3 span.label {
			width: 200px;
		}
		form.form3 textarea, form.form3 select, form.form3 input.textfield { 
			width: 220px;
		}
		form.form3 fieldset p.legende{
			padding: 10px 0 2px 0;
			background: url(../picto/base/bg_navspe_ha.gif) repeat-x bottom left;
			font-size: 110%;
			font-weight: bold;
			color: #000000;
		}
	
	/*formPerso*/

	form.formPerso { 
		margin: 10px 0 10px 30px;
		width:500px;
	}
		form.formPerso h3 { 
			padding: 0 0 0 12px;
			background: url(../picto/base/picto_othersite_titre.gif) no-repeat 0px 2px;
		}

		form.formPerso div.fieldsGroup {
			clear:both;
			display: block;
			border:none;
		}
		form.formPerso div.fieldsGroup p.legend{
			margin:5px 0 0 15px;
			font-weight: bold; 
			color: #561200; 
		}
		form.formPerso textarea, form.formPerso input.textfield {
			width:200px
		}
	form.formPerso p.ctn_btn_valid {
		margin-top:10px;
		text-align:center;
	}
	form.formPerso label, form.formPerso span.label {
		float: left;
		display: inline;
		font-weight: normal;
		color: #781800;
		padding: 0 0 0 10px;
		background: url(../picto/base/edito_puce_li.gif) no-repeat 0px 6px;
		width:150px;
	}
	
	form.formPerso p.doubleColumn {}
		form.formPerso p.doubleColumn span.secondColumn {
			float:right;
			text-align:left;
			width: 340px;
			vertical-align:top;
		}
		form.formPerso p.doubleColumn span.secondColumn label.noBullet{
			background:none;
			float:none;
		}
		
	div.mail_success_mess{ }
		div.mail_success_mess div.hb{}
		div.mail_success_mess div.hc{
			color: #781800 !important;
			font-weight: bold !important;
		}
		div.mail_success_mess div.ha{ }

/**** TEMPLATES WPS 
___________________*/

.UnlayeredContainerH{
	display: block;
	clear: both;
	padding: 5px 0;
}

.UnlayeredContainerV{
	display: block;	
}

.wpsPortletBody{
	padding: 0;
}
		
	.wpsPortletBody h2{ 
		margin: 0; 
	}
	.wpsPortletBody h2 img{ }
	.wpsPortletBody h2 span{ }

.V1ColLayout, .V1ColLayout1{
	display: block;
	margin: 0;
	padding: 0;
}

.V2ColLayout, .V2ColLayout1, .V2ColLayout2{
	float: left;
	display: inline;
	width: 296px;
}

.V3ColLayout, .V3ColLayout1, .V3ColLayout2, .V3ColLayout3{
	float: left;
	display: inline;
	width: 32%;
}
/*
	list_of_leaf is used for a non recursive list, like refBuildingSite or dossiers
	list_of_elements is used for a recursive list (display only first level not flagged), like FAQ
*/

div.list_of_leaf, div.list_of_elements {
	margin-top:10px;
	padding-top:10px;
	border-top:#d79886 1px dotted;
}

div.list_of_elements div.list_of_elements{
	margin-top:0;
	border: none;
	padding:0 0 10px 0;
}


div.UnlayeredContainerH div.wpsPortletBody div.line{ clear: both !important; width: 100%; }

/**** PRODUCTS NAVIGATION PAGES
______________________________*/


	/* Common Top products navigation pages 
	______________________________________ */

	div.logo_lafarge {
		margin-bottom:10px;
		border-bottom: 1px solid #dfdfdf;
	}
		
	/* Ciment Navigation page 
	_________________________ */
	
	div.ctn_conditionnement{ 
		margin: 0 0 15px 0; 
	}
		div.ctn_conditionnement h4 {
			border-top:none;
		}
		div.ctn_conditionnement p{
			margin: 0 0 0 10px;
		}
		div.ctn_conditionnement p a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			font-weight: normal;
		}
		div.ctn_conditionnement p a.on{
			font-weight: bold;
		}

	/* Ciment Sac Table navigation page 
	______________________________ */

	div.tab_produits table{ 
		width: 100%;
		border: 1px dotted #d79886;
		border-top: 0;
		font-size: 100%;
	}
		div.tab_produits table tr{ }
		div.tab_produits table th{ 
			padding: 5px;
			background: #303030;
			color: #ffffff;
			text-align: center;
		}
		div.tab_produits table th#prd_technologiques, 
		div.tab_produits table th#prd_specialiste,
		div.tab_produits table th#prd_basique{ 
			background: #ffffff;
			color: #000000;
			border-right: 1px dotted #d79886;
			text-align: center;
		}
		div.tab_produits table td{ 
			padding: 5px;
		}
		div.tab_produits table caption{ 
			padding: 4px;
			background: #9c2510;
			border: 1px dotted #d79886;
			border-bottom: 0;
			font-weight: bold;
			color: #ffffff;
		}
		div.tab_produits table td a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			color: #440000;
			font-weight: bold;
		}
	
	div.infos_bulle{ clear: both; }
	div.infos_bulle p.titre{
		font-weight: bold;
		color: #ab2200;
	}
	div.infos_bulle p span.illustr_produit{
		float: left;
		margin: 0 5px 0 0;
	}
	div.infos_bulle p span{
		display: block;
	}

	/* Ciment vrac product list 
	___________________________ */

	div.liste_produits_vrac{ }
	div.liste_produits_vrac div.hb{ }
	div.liste_produits_vrac div.hc{ }
		div.liste_produits_vrac div.hc h3{
			padding: 5px 0 5px 0;
			background: #9c2510;
			border: 1px dotted #9c2510;
			text-align: center;
			color: #ffffff;
		}
		div.liste_produits_vrac div.hc h4{
			margin: 5px 0 5px 0 !important;
			border: 0;
			font-size: 110% !important;	
		}
		div.liste_produits_vrac div.hc h4 a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_important_product_tit.gif) no-repeat 0px 5px;
			color: #781800 !important;
		}
		div.liste_produits_vrac div.hc div.bloc_produits div.ha{
			display: block !important;
			clear: both !important;
			height: 10px !important;
			margin: 5px 0 10px 0 !important;
			border-bottom: 1px solid #efefef !important;
		}
		div.liste_produits_vrac div.hc span.illustr_produits{
			float: left;
			display: inline;
		}
	div.infos_bulle_bis{
		position: absolute;
		right: 15px;
		padding: 5px;
		background: #ffffff;
		border: 1px solid #781800;
		width:300px
	}
		div.infos_bulle_bis div, div.infos_bulle_bis p{
			margin: 0 !important;
		}
		div.infos_bulle_bis p.titre{
			font-weight: bold;
			color: #ab2200;
		}

	/* Platre Navigation page 
	_________________________ */

	div.diaporama_product{ }
		div.diaporama_product h4{
			margin-top:10px;
		}
		div.diaporama_product h3{
			padding-top:0;
			font-style:italic;
		}
		div.diaporama_product p{
		}
		div.diaporama_product p img{
			margin: 0 22px 0 22px;
		}
		div.diaporama_product p a.on img{
			border: 1px outset #781800;

		}
		
		div.liste_produits{ }
		div.liste_produits p.bold{
			color: #781800;
			font-weight: bold;
		}
		div.liste_produits ul{ 
		}
		div.liste_produits ul li{ 
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			font-weight: bold;
		}
		div.liste_produits ul li ul{  }
		div.liste_produits ul li ul li{ 
			background: url(../picto/base/picto_li_product_tit.gif) no-repeat 0px 5px;
			font-weight: normal;
		}
		div.liste_produits ul li ul li a{
			color: #000000;
		}
		div.liste_produits ul li ul li ul li{
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}
		div.liste_produits ul li ul li ul li a{
			color: #440000;
		}
		
		div.liste_produits div.ha{ }
		
		
/**** PRODUCTS DETAILS PAGES
____________________________*/

	/* Header */

	div.product_title div{}

		div.product_title img.illustr_produit{ 
			float: left; 
			margin: 0 5px 0 0;
		}

		
		div.product_title div h3{ 
			/*float: left;*/
			margin: 0 0 10px 10px;
			padding: 0 0 10px 10px;
			border-bottom: 1px solid #7c7c7c;
			font-size: 200%;
			line-height: .8em;
			color: #a72200;
		}

		div.product_title div h4{ 
			/*float: left;*/
			border-top: none;
		}

		div.product_title div div.catalogueLogo{ 
			clear:both;
		}
		
		div.product_title div div.catalogueLogo img{ 
			clear:both;
			float: right; 
			margin: 0 10px 0 10px;
		}

		div.product_title div div.catalogueLogo h4.refTitre{ 
			padding-left:20px;
		}
		div.product_title div div.catalogueLogo p.refLabel{ 
			margin-left:20px;
			margin-right:150px;
			border-top: 1px solid #dfdfdf;
		}
		
		
	/* Tabs */
		
	div.nav_specifique{ 
		padding: 10px 0 0 0;
		clear: both; 
	}
		
		div.nav_specifique a:hover{
			text-decoration : none;
		}
		div.nav_specifique div.hb{ }
		
		div.nav_specifique div.hc{
			height: 2.25em !important;
			height: 1.8em;
			background: url(../picto/base/bg_navspe_ul.gif) repeat-x 0px 99% !important;
		}
			div.nav_specifique div.hc ul{
				list-style: none;
				margin: 0 0 0 -5px;
				padding: 0;
			}
			div.nav_specifique div.hc ul li{
				display: inline;
				float: left;
				margin: 0;
				padding: 0 5px 0 5px;
				background: none;
			}
			div.nav_specifique div.hc ul li a{	
				display: block;
				width: 9em;
				padding: 2px 5px 6px 5px;
				background: url(../picto/base/bg_navspe_lien.gif) no-repeat 3px 80%;
				border: 1px solid #ede7e7;
				border-bottom: 0;
			}
			div.nav_specifique div.hc ul li.on{}
			div.nav_specifique div.hc ul li.on a{
				background: url(../picto/base/bg_navspe_lien_on.gif) no-repeat 3px 80% #ffffff !important;
				border-right: 1px dashed #ae320e;
			}
		div.nav_specifique div.ha{ 
			display: block !important;
			height: 20px !important;
			clear: both !important;
			margin: 0;
		}

	/* liste documents */
		
	div.produit_doc_liste{
		margin: 5px 0 15px 15px;
	}
	div.produit_doc_liste span{
		zoom: 1;
		padding: 0 4em 0 10px;
		background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		float:left;
		display:inline;
	}
	div.produit_doc_liste span a{
		color: #440000;
	}
	div.produit_doc_liste span.img_lien{
		background:none;
		display:inline;
		float:right;
		width: auto;
		padding: 0;
		border-bottom: 0;
	}

	div.produit_doc_liste span.lien_detail{
		background:none;
	}

	div.produit_doc_liste p.doc_descriptif{
		clear:both;
		color: #666666;
		font-style:italic;
		margin:0 0 5px 10px;
	}

	div.produit_doc_liste div.ha{
		display:block!important;
		clear:both;
		border-bottom: 1px dotted #d79886;
	}

	/* Date Last modified & mentions legales */
		
	div.date_publication{ 
		clear:both; 
		border-top: 1px dotted #dfdfdf;
		margin: 0;
		font-size: 90%;
		color: #5c5c5c;
	}
		div.date_publication p{  
			margin-left:15px;
		}
		div.date_publication p.dateMaj{  
			text-align:center;
		}
		
	p.backtotop{ text-align: right; }
	p.backtotop a{ }
	
/**** Documentation page 
_________________________*/

	div.ctn_fiche_produit{ }
	div.ctn_fiche_produit div.hb{ }
	div.ctn_fiche_produit div.hc{ }
		div.ctn_fiche_produit div.hc div.left{
			float: left;
			display: inline;
			width: 169px;
		}
		div.ctn_fiche_produit div.hc div.left div.tools div.hb{
			display: block !important;
			height: 8px !important;
			background: url(../picto/base/bg_left_fprod_top.gif) no-repeat top left !important;
		}
		div.ctn_fiche_produit div.hc div.left div.tools div.hc{
			margin: 0; 
			padding: 8px !important;
			background: url(../picto/base/bg_left_fprod.gif) repeat-y top left !important;
		}
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul{
			margin: 10px 0 0 10px;
			padding: 0;
			list-style: none;
		}
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li{ margin: 0 0 5px 0; padding: 0 0 0 22px; }
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li.tbsave{ background: url(../picto/base/picto_dossier.gif) no-repeat; }
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li.tbdownload{ background: url(../picto/base/picto_sauvegarde.gif) no-repeat; }
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li.tblook{ background: url(../picto/base/picto_visuanime.gif) no-repeat; }
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li.tbcmd{ background: url(../picto/base/picto_commander.gif) no-repeat; }
				
		div.ctn_fiche_produit div.hc div.left div.tools div.hc ul li a{ 
			text-decoration: none;
			color: #440000;
		}
		div.ctn_fiche_produit div.hc div.left div.tools div.ha{
			display: block !important;
			height: 8px !important;
			background: url(../picto/base/bg_left_fprod_bottom.gif) no-repeat top left !important;
		}
		div.ctn_fiche_produit div.hc div.right{
			margin: 0 0 0 190px;
			padding: 0 0 0 10px;
			border-left: 1px solid #a4a4a4;
		}
		div.ctn_fiche_produit div.hc div.right h4{
			clear:none;
			color: #ac2303 !important;
			font-size: 130% !important;
		}
		div.ctn_fiche_produit div.hc div.right div.ctn_list_des{ }
		div.ctn_fiche_produit div.hc div.right div.ctn_list_des ul{ 
			margin: 0;
			padding: 0;
			list-style: none;
		}
		div.ctn_fiche_produit div.hc div.right div.ctn_list_des ul li.picto{
			padding: 0;
			background: none;
			color: #741900;
		}
		div.ctn_fiche_produit div.hc div.right div.ctn_list_des ul li p a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration: none;
			color: #440000;
		}
		div.ctn_fiche_produit div.hc div.footer{
			margin: 0 0 15px 0;
			padding: 0 0 8px 0;
			background: url(../picto/base/bg_sommaire.gif) repeat-x bottom left;
			clear: both;
			text-align: right;
		}
		div.ctn_fiche_produit div.hc div.footer a{
			padding: 0 12px 0 0;
			background: url(../picto/base/picto_lien_backtotop.gif) no-repeat 99% 2px;
			text-decoration: none;
			color: #440000;
		}
	div.ctn_fiche_produit div.ha{ }

/**** Used in list of normes, DTU, Avis techniques 
_________________________________________________ */


	div.documentation_light{
		margin:0px 15px 10px 10px;
		zoom:1;
	}
	div.documentation_light h4{
		border:none;
		padding:0;
	}
	div.documentation_light p{
		margin: 5px 0 5px 0;
		padding:0;
		width:70%;
		font-size:0.9em;
		color:#80878e;
	}
	div.documentation_light p a{
		padding: 0 0 0 8px;
		background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 3px;
		color: #440000;
	}
	div.documentation_light span{
		position:absolute;
		margin: 0 0 10px 0;
		padding:0;
		width:auto;
		top:0;
		right:0;
	}
	
	div.documentation_light div.ha{ 
		display:block!important;
		clear:both;
		padding:0;
		border-bottom:solid 1px #dfdfdf;
	}

/**** Used pages with several blocks like batissor madame, normes dtu, etc.. 
__________________________________________________________________________ */
	div.rubrique_light{
		margin: 10px 5px 0 5px;
	}
	div.rubrique_light div.hb{ }
	div.rubrique_light div.hc{ 
		padding: 5px 7px 7px 7px !important;
		border: 1px solid #b0b0b0;
	}
		div.rubrique_light div.hc h3{
			margin: 0 !important;
			padding: 0 0 0 10px;
			background: url(../picto/base/puce_titre_mea.gif) no-repeat 0px 6px;
			font-size: 100%;
		}
		div.rubrique_light div.hc p{ margin: 0; color: #5c5c5c; }
		div.rubrique_light div.hc p a.normal{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}

/**** Used for any WCM Article in light view 
____________________________________________ */
	div.article_light{ }
	div.article_light div.hb{ }
	div.article_light div.hc{ }
		div.article_light div.hc span.illustr_article{
			float: right;
			display: inline;
			margin: 0 0 0 5px;
		}
		div.article_light div.hc p span{
			font-weight: bold;
			color: #ab2200;
		}
		div.article_light div.hc span.link{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}
	div.article_light div.ha{ 
		display: block !important;
		clear: both !important;
		height: 10px !important;
		background: #ffffff !important;
	}

/**** Used for any WCM Article in detailed view 
_______________________________________________ */
	div.article_detailed p.link a{
		padding: 0 0 0 10px;
		background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		font-weight: bold;
	}

	div.article_detailed div.hc h5{
		font-weight: bold !important;
		font-size: 99% !important;
	}

/**** Dossiers pages
____________________ */

	/* liste page */
	div.files_light{
		margin:0 15px 10px 10px;
		border-bottom:solid 1px #dfdfdf;
		zoom:1;
	}
		div.files_light p{
			font-size:100%;
			margin:0 0 5px 0;
		}
		div.files_light p a{
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			padding: 0 0 0 10px;
			font-weight:600;
		}
		div.files_light p span{
			margin:0 0 0 10px;
			font-weight: normal;
			color: #ab2200;
			font-style: italic;
		}
		div.files_light p.shortDescription{
			color: #666666; 
			font-style: italic;
			margin:0 0 5px 10px;
		}
	div.files_light div.ha{ display: none; }

	/* detail page */
	div.ctg_dossier_detail {
		margin-top:10px;
	}
	div.ctg_dossier_detail h3{
		color:#ab2200;
		padding:5px 0 5px 0;
		margin:0 0 5px 0;
		border-top:#d79886 1px dotted;
	}
	div.ctg_dossier_detail h3 span{
		font-style:italic;
		font-weight:normal;
	}
	div.dossierContenu {
		clear:both;
		margin-bottom:10px;
	}
	div.dossierContenu div.hc p.subTitle {
		font-style:italic;
		color :#8A0000;
	}

/**** Movies page
____________________ */

	/* liste page */
	div.movieList{
		margin:0 15px 10px 10px;
		zoom:1;
		clear:both;
	}

		div.movieList h4{
			border:none;
			padding: 5px 0 0 20px;
			background: url(../picto/base/picto_video_diapo.gif) no-repeat 0px 2px;
		}

		div.movieList p{
			font-size:100%;
			margin:0 0 5px 5px;
		}
		div.movieList p span.legend{
			color: #666666; 
			font-style: italic;
			margin:0 0 5px 10px;
			display:block;
		}
		div.movieList p a{
			padding: 0 0 0 12px;
			color: #440000;
			background: url(../picto/base/picto_lien_detail.gif) no-repeat 0px 3px;
		}
	div.movieList div.ha{ display: none; clear:both;}

/**** Dictionnary page 
______________________ */

	/*  Letters summary */
	div.filteringIndex { }
	div.filteringIndex div.hb{ }
	div.filteringIndex div.hc{ 
		margin: 10px 0 10px 0;
		text-align: center; 
	}
		div.filteringIndex div.hc a{ 
			padding: 0 5.5px 0 6px; 
			font-size: 110%;
			font-weight: bold;
			text-transform: uppercase;
		}
			div.filteringIndex div.hc a.on{ 
				font-size: 120%; 
				border-bottom: 2px solid #ad2b0a;
			}
	div.filteringIndex div.ha{}
	
	/*  liste page */
	div.dictionnary_light{
		margin: 0 0 0 15px;
	}
		div.dictionnary_light a{ 
			display: block; 
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}		
		
	/*  detail page */
	div.dictionnary_detail h3{ 
		font-weight: bold;
		color: #7a1800;
	}
		div.dictionnary_detail p.definition{
			font-weight: bold;
		}
		div.dictionnary_detail a{
			display: block;
			margin: 0 0 8px 0;
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration: underline;
		}
		div.dictionnary_detail div.ha{ 
			display: block !important; 
			height: 15px !important;
			clear: both !important;
		}

/**** FAQ and QuestionReponseEnvironnement pages 
________________________________________________ */

	/*  liste page */
	/* faq_light : should may be used on FAQ page but QR_light is used */
	div.QR_light, div.faq_light{
		margin:5px 15px 0 10px;
		width:auto;
		padding: 5px 0 0 0;
		zoom:1;
	}
	div.QR_light p{
		margin: 0;
		padding:0;
		width:80%;
		font-size:100%;
		color:#550000;
		display:inline;
		float:left;
	}
	div.QR_light span{
		display:inline;
		padding:0;
		float:right;
	}
	div.QR_light div.hc span a, div.faq_light div.hc span a{
		background:url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		padding:0 0 0 10px;
	}

	div.QR_light div.ha, div.faq_light div.ha{ 
		display:block!important;
		clear:both;
		padding:5px 0 0 0;
		border-bottom:solid 1px #dfdfdf;
	}

	div.QR_Category {
		color:#ab2200;
		/*background: url(../picto/base/bg_navspe_ha.gif) repeat-x bottom left;*/
		margin :0 10px 0 0;
		padding : 0 0 5px 0;
		border-bottom:dotted 1px #dfdfdf;
	}

	div.QR_Category h3{
		padding-top:0;
	}
	
	/*  detail page */
	div.QR_detail, div.faq_detailed{
		margin:10px 25px 0px 10px;
	}
	div.QR_detail div.hb, div.faq_detailed div.hb{ }
	div.QR_detail div.hc, div.faq_detailed div.hc{ }
		div.QR_detail div.hc h3, div.faq_detailed div.hc h3{
			display:none;
		}
		div.QR_detail div.hc p.faqr, div.faq_detailed div.hc p.faqr{ 
			padding: 10px 0 0 10px !important;
			background: url(../picto/base/picto_faq_quest.gif) no-repeat 0px 15px;
			border-top: 1px solid #dfdfdf;
			font-weight: bold;
		}
		div.QR_detail div.hc p.faqd, div.faq_detailed div.hc p.faqd{ 
			padding: 10px 0 10px 0;
			border-top: 1px solid #dfdfdf;
			color: #781800;
			font-style: italic;
		}
	div.QR_detail div.ha, div.faq_detailed div.ha{ }

/**** Chantier reference page
____________________________ */

	/*  liste page */
	div.refbuildingSiteLight{
		margin:0 0 15px 0;
	}
		div.refbuildingSiteLight div.hb{ }
		div.refbuildingSiteLight div.hc{ }
		div.refbuildingSiteLight div.hc span.illustr{
			float: left;
			display: inline;
			margin-bottom:5px;
		}
		div.refbuildingSiteLight div.hc div.content{ margin: 0 0 10px 85px; }
		div.refbuildingSiteLight div.hc div.content h3{
			padding-top:0;
		}
		div.refbuildingSiteLight div.hc h3 a{
			color: #ab2200 !important; 
		}
		div.refbuildingSiteLight div.hc span.illustr img{
			width: 75px;
		}

	/*  detail page */
	div.refbuildingSiteDetailed{
		margin-top:10px;
	}
	div.refbuildingSiteDetailed h3{
		color:#ab2200;
		padding:5px 0 5px 0;
		margin:0 0 5px 0;
		border-top:#d79886 1px dotted;
	}

	div.refbuildingSiteBloc{
		border-top: 1px dotted #dfdfdf;
		margin:5px 0 5px 0;
		clear:both;
	}
	div.refbuildingSiteBloc div.hb{ }
	div.refbuildingSiteBloc div.hc{ }
		div.refbuildingSiteBloc div.hc h4{ 
			margin: 10px 0 5px 0;
			padding: 0 0 0 0;
			border: 0;
			font-size: 110%;
		}
		div.refbuildingSiteBloc div.hc span.illustr_para{
			float: left;
			display: inline;
			margin: 5px 10px 5px 0px;
		}
	div.refbuildingSite div.ha{ 
		display: block !important;
		clear: both !important;
		height: 1px !important;
	}

/**** Centre inertes Lafarge 
____________________________*/
	div.localisation_detailed{ 
		width: 552px;
		margin: 0 15px 0 15px;
		padding: 10px 0 0 0;
		border-top: 1px solid #dfdfdf;
	}
	div.localisation_detailed div.hb{ 
		margin: 10px 0 0 0;
		display: block !important;
		height: 15px !important;
		background: url(../picto/base/bg_formulaire_top.gif) no-repeat top left !important;
	}
	div.localisation_detailed div.hc{ 
		padding: 1px 25px 1px 25px !important;
		background: url(../picto/base/bg_formulaire.gif) repeat-y top left !important;
	}
	div.localisation_detailed h4{
		margin: 0 !important;
		padding: 0;
		background: none;	
		border: 0;
	}
	div.localisation_detailed p{ 
		margin: 0; 
		color: #000000;	
	}
	div.localisation_detailed div.ha{
		margin: 0 0 10px 0;
		display: block !important;
		height: 15px !important;
		background: url(../picto/base/bg_formulaire_bottom.gif) no-repeat top left !important;
	}

/**** Lafarge partners pages and in liens utiles 
________________________________________*/

	div.partner_detailed{ 
		margin: 15px 0 0 0;
		clear: both;
		padding-bottom:10px;
		border-bottom: 1px solid #dfdfdf;
	}
	div.partner_detailed div.hb{ }
	div.partner_detailed div.hc{ 
		font-weight: normal;
	}
		div.partner_detailed div.hc div.imgwidth {
			padding : 0;
			margin : 10px 0 10px 0;
			clear:both;
		}
			div.partner_detailed div.hc div.imgwidth img.logo{
				margin : 10px 10px 0 10px;
				/*float: left;*/
			}
			div.partner_detailed div.hc div.imgwidth h3{ }
			div.partner_detailed div.hc p.link{
				margin: 5px 0 0 15px;
			}
	div.partner_detailed div.ha{ }

/**** Common blocs 
__________________*/
		
	/* Tool bar */
	div.ctn_tooslbar{
		margin-top:5px;
	}
	div.ctn_tooslbar div.hb{ }
	div.ctn_tooslbar div.hc{ margin: 0;}
		div.ctn_tooslbar div.hc div.left{
			/*margin: 0 1em 0 0;*/
		}
		div.ctn_tooslbar div.hc div a{ padding: 4px 0 0 20px; }
		div.ctn_tooslbar div.hc div.tbsave{
			float: left;
			display: inline;
			clear:left;
		}
		div.ctn_tooslbar div.hc div.tbsave a{
			background: url(../picto/base/picto_dossier.gif) no-repeat 0px 0px;
		}
		div.ctn_tooslbar div.hc div.tbdownload{ }
			div.ctn_tooslbar div.hc div.tbdownload a{ background: url(../picto/base/picto_sauvegarde.gif) no-repeat 0px 0px; }
		div.ctn_tooslbar div.hc div.tblook{ }			
			div.ctn_tooslbar div.hc div.tblook a{ background: url(../picto/base/picto_visuanime.gif) no-repeat 0px 0px; }
		div.ctn_tooslbar div.hc div a.tbup{
			float:right;
			/*
			position: absolute; 
			right: 15px; 
			*/
			padding: 0 12px 0 0;
			background: url(../picto/base/picto_lien_backtotop.gif) no-repeat 99% 4px;
		}
		div.ctn_tooslbar div.ha{ 
			display: block !important; 
			height: 6px !important; 
			clear: both !important; 	
			background: url(../picto/base/bg_navspe_ha.gif) repeat-x 0px 5px !important;
		}
		
	/* used in RefBuildingSite and Dossiers for products links */
	div.blocProduits {
		clear:both;
	}

	/* Paging */
	div.globalPaging {
		clear: both;
		margin:10px 15px 0px 0px
	}
	div.globalPaging div.hb{ }
	div.globalPaging div.hc{ }
		div.globalPaging div.hc p.important{
			margin: 10px 0 0 0;
			color: #5c5c5c;
			font-size: 90%;
		}
		div.globalPaging  div.hc p a img{ border: 0; }
		div.globalPaging  div.hc div.bar{ text-align: right; }
		div.globalPaging  div.hc div.bar a{ 
			padding: 0 5px 0 5px;
			font-size: 110%;
			font-weight: bold;
			text-decoration: none;
			color: #000000;
		}
		div.globalPaging  div.hc div.bar span.nopad{ 
			margin: 0 5px 0 5px;
			border-bottom: 2px solid #ab2200;
			font-weight: bold;
		}
	div.globalPaging  div.ha{ }
	
	/* Back link on top of list */
	div.ctn_retour {
		margin-bottom:10px;
	}
	div.ctn_retour div.hc a.link7{
		margin:0;
	}
	
	/* top summary before list of wcm leafs */
	div.summary{ }
		div.summary div.hb{ }
		div.summary div.hc{ }
			div.summary div.hc p{ 
				padding: 0 0 5px 0;
				/*background: url(../picto/base/bg_sommaire.gif) repeat-x bottom left;*/
			}
			div.summary div.hc p a{ 
				padding: 0 0 0 10px;
				background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
				font-weight: bold;
			}
		div.summary div.ha{ }
		
/* SITEMAP
__________*/
		
ul.sitemap{ }
	ul.sitemap li{ 
		float: left;
		width: 49%;
		padding: 0 !important;
		background: none !important; 
	}
	ul.sitemap li.intercal{
		display: block !important;
		float: none;
		width: 100%;
		height: 1px;
		border: 0;
		clear: both !important;	
	}
	ul.sitemap li.allo_lafarge, ul.sitemap li.newsletter{
		border: 0;
	}
		
	ul.sitemap li span{ 
		padding: 0 0 0 10px;
		background: url(../picto/base/puce_titre_sitemap.gif) no-repeat 0px 5px;
		font-size: 130%;
		font-weight: bold;
		color: #581200;
	}
	ul.sitemap li ul{ 
		width: 75%;
		border-bottom: 1px solid #dfdfdf; 
	}
	ul.sitemap li ul li{ 
		float: none;
		width: auto;
		border-bottom: 0;
	}
	ul.sitemap li ul li a{
		padding: 0 0 0 10px;
		background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		color: #5b5b5b;
	}
	ul.sitemap li ul li a:hover{
		background: url(../picto/base/bg_rub_lvl2_lien_on.gif) no-repeat 0px 4px;
		color: #000000;
		text-decoration: underline;
	}

/* Page perso dossiers
______________________*/
		
	div.projet_perso{}
	div.projet_perso div.hb{ }
	div.projet_perso div.hc{ }
	
		div.projet_perso div.hc span.lien_view {display:inline;}
		div.projet_perso div.hc span.lien_view a{
			margin: 0 0 0 14px;
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration:none;
		}
		div.projet_perso div.hc span.lien_maj {display:inline;}
		div.projet_perso div.hc span.lien_maj a{
			margin: 0 0 0 14px;
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration:none;
		}
		div.projet_perso div.hc span.lien_suppr {display:inline;}
		div.projet_perso div.hc span.lien_suppr a{
			margin: 0 0 0 14px;
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration:none;
		}
		
		div.projet_perso div.hc p.nb_fiches{
			margin: 0 15px 0 15px;
			color: #9e3216;
		}
		div.projet_perso div.hc p.date_crea{
			margin: 0 15px 0 15px;
			color: #5b5b5b;
			font-style: italic;
		}
	div.projet_perso div.ha{ }

	/* used in dossiers paging 
	**************************/
	div.ctn_nav_content{margin: 15px 0 0 0; }
	div.ctn_nav_content div.hb{ }
	div.ctn_nav_content div.hc{ text-align: right; }
			div.ctn_nav_content div.hc span.preview_content{ 
				margin: 0 50px 0 0;
				padding: 0 0 0 12px;
				background: url(../picto/base/puce_back.gif) no-repeat 0px 4px;
			}
			div.ctn_nav_content div.hc span.next_content{ 
				padding: 0 10px 0 0;
				background: url(../picto/base/picto_lien_detail.gif) no-repeat 99% 4px;
			}
	div.ctn_nav_content div.ha{ }


/**** UNKNOWN BLOCS
___________________*/

	div.ctn_doc p.link a{ 
		padding: 0 0 0 10px;
		background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		font-weight: normal; 
	}

	div.ctn_pagination div.hc{ text-align: right; }
	div.ctn_pagination div.hc a{ 
		padding: 0 5px 0 5px;
		font-size: 110%;
		font-weight: bold;
		text-decoration: none;
		color: #000000;
	}
	div.ctn_pagination div.hc span.nopad{ 
		margin: 0 5px 0 5px;
		border-bottom: 2px solid #ab2200;
		font-weight: bold;
	}
			
	p.entete_result{
		margin: 0 0 20px 0 !important;
		padding: 0 0 8px 0;
		background: url(../picto/base/bg_navspe_ha.gif) repeat-x bottom left;
		font-weight: bold;
	}

	/* logoElement */
	div.logoElement{ 
		float: left;
		display: block;
	}

	/* linkElement */
	div.linkElement{ }
	div.linkElement div.hb{ 
		display: block !important;
		clear: both;
		height: 10px;
	}
	div.linkElement div.hc{ }
		div.linkElement div.hc a{ 
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			text-decoration: none;
			font-weight: bold;
			color: #440000;
		}
	div.linkElement div.ha{ 
		display: block !important;
		clear: both;
		height: 10px !important;
	}

	/* doc_list */
	div.doc_list{ 
		background: url(../picto/base/bg_liste_doc.gif) repeat-y 0px 10px; 
	}		
	div.doc_list div.doc{ height: 2.5em; }
	div.doc_list div.doc div.left{
		float: left;
		display: inline;
		width: 14%;
	}
	div.doc_list div.doc div.center{
		float: left;
		display: inline;
		width: 78%;
		margin: 0 5px 0 5px;
		padding: 0 5px 0 5px;
	}

	/* miseenavant_detailed */
	div.miseenavant_detailed{ margin: 15px 0 15px 0; }
	div.miseenavant_detailed div.hb{ }
	div.miseenavant_detailed div.hc{ }
		div.miseenavant_detailed div.hc p{  }
		div.miseenavant_detailed div.hc h3{
			padding: 0; 
		}
		div.miseenavant_detailed div.hc div.linkElement{
			margin: 10px 0 10px  15px; 
		}
		div.miseenavant_detailed div.hc p.link{ margin: 0; }
		div.miseenavant_detailed div.hc p.link_detail a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			font-weight: normal; 
		}
	div.miseenavant_detailed div.ha{ }

/**** OLD BLOCS REMOVED
_______________________*/

	/* ENTREVOUS */
	div.entrevous_detailed{ border-top: 1px solid #dfdfdf; padding: 10px 0 0 0; }
	div.entrevous_detailed div.hb{ }
	div.entrevous_detailed div.hc{ }
		div.entrevous_detailed div.hc div img{
			float: left;
			display: inline;
			width: 120px !important;
		}
		div.entrevous_detailed div.hc div.right{
			margin: 0 0 0 130px;
		}
		div.entrevous_detailed div.hc div.right h3{
			margin: 0 !important;
			font-size: 130%;
		}
		div.entrevous_detailed div.hc div.right p.intercal{
			padding: 0 0 10px 0;
			border-bottom: 1px solid #dfdfdf;
		}
		div.entrevous_detailed div.hc div.right p a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}
		div.entrevous_detailed div.hc div.right p a.pdf{ 
			margin: 0 15px 0 0;
			padding: 2px 0 2px 22px;
			background: url(../picto/base/picto_sauvegarde.gif) no-repeat 0px 0;
		}
		div.entrevous_detailed div.hc div.right p a.docanimee{ 
			padding: 2px 0 2px 22px;
			background: url(../picto/base/picto_visuanime.gif) no-repeat 0px 0;
		}
	div.entrevous_detailed div.ha{ 
		display: block !important;
		clear: both !important;
		height: 15px !important;
	}

	/* JOURNEES DEMO */
	div.journeesdemo_light{ }
	div.journeesdemo_light div.hb{ }
	div.journeesdemo_lightdiv.hc{ }
		div.journeesdemo_light div.hc span.illustr_article{
			float: right;
			display: inline;
			margin: 0 0 0 5px;
		}
		div.journeesdemo_light div.hc p span{
			font-weight: bold;
			color: #ab2200;
		}
		div.journeesdemo_light div.hc span.link{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
		}
	div.journeesdemo_light div.ha{ 
		display: block !important;
		clear: both !important;
		height: 10px !important;
		background: #ffffff !important;
	}

	div.journeesdemo_detailed{ }
	div.journeesdemo_detailed div.hb{ }
	div.journeesdemo_detailed div.hc{ }
		div.journeesdemo_detailed div.hc h3{
			color: #ab2200;
		}
	div.journeesdemo_detailed div.ha{ display: none; }

	/* ctn_magazine */
	div.ctn_magazine{ }
	div.ctn_magazine div.hb{ }
	div.ctn_magazine div.hc{ }
		div.ctn_magazine div.hc p.important{
			font-weight: normal;
			color: #5c5c5c;
		}
		div.ctn_magazine div.hc p.line{ 
			padding: 0 0 10px 0;
			border-bottom: 1px solid #dfdfdf; 
			color: #000000;
			font-weight: bold;
		}
		div.ctn_magazine div.hc div.row{
			padding: 10px 0 0 0;
			border-top: 1px solid #dfdfdf;
		}
		div.ctn_magazine div.hc div.row span.intercal{
			display: block;
			clear: both;
			line-height: 0 !important;
			height: 0 !important;
		}
		div.ctn_magazine div.hc div.row div img{ float: left; margin: 0 10px 4px 0; }
		div.ctn_magazine div.hc div.row div.right{ margin: 0 0 0 130px; }
		div.ctn_magazine div.hc div.row div.right h3{
			padding: 0;
			font-size: 130%;
		}
		div.ctn_magazine div.hc div.row div.right p.important{
			font-weight: bold;
			color: #000000;
		}
		div.ctn_magazine div.hc div.row div.right p.intercal{ 
			padding: 0 0 10px 0;
			border-bottom: 1px solid #dfdfdf; 
		}
		div.ctn_magazine div.hc div.row div.right p.link a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 5px;
			font-weight: bold;
		}
		div.ctn_magazine div.hc div.row div.right p.link a.pdf{ 
			margin: 0 15px 0 0;
			padding: 2px 0 2px 22px;
			background: url(../picto/base/picto_sauvegarde.gif) no-repeat 0px 0;
		}
		div.ctn_magazine div.hc div.row div.right p.link a.docanimee{
			padding: 2px 0 2px 22px;
			background: url(../picto/base/picto_visuanime.gif) no-repeat 0px 0;
		}

	/* ctn_forum_lafarge */
	div.ctn_forum_lafarge{ }
	div.ctn_forum_lafarge div.hb{ }
	div.ctn_forum_lafarge div.hc{ }
		div.ctn_forum_lafarge div.hc p.aright{
			margin: 0 5px 0 0;
			padding: 2px 10px 8px 0;
			background: url(../picto/base/bg_btn_inscrire.gif) no-repeat top right !important;
			border-bottom: 1px solid #dfdfdf;
			text-align: right;
		}
		div.ctn_forum_lafarge div.hc p.aright a{
			padding: 0 0 0 15px;
			background: url(../picto/base/picto_lien_inscrire.gif) no-repeat 0px 0px;
		}		
		div.ctn_forum_lafarge div.hc div.row{ 
			display: block;
			width: 100%;
		}
		div.ctn_forum_lafarge div.hc div.row span.intercal{
			display: block !important;
			clear: both !important;
			height: 15px !important;
		}
		div.ctn_forum_lafarge div.hc div.row p{ 
			float: left;
			width: 220px;
			margin: 0 0 0 5px;
			font-weight: bold;
		}
		div.ctn_forum_lafarge div.hc div.row p.imgwidth{ 
			position: relative;
			top: 0;
			display: inline;
			width: auto;
			margin: 0 0 0 5px;
			padding: 0;
		}		
		div.ctn_forum_lafarge div.hc div.row p.link a{
			padding: 0 0 0 10px;
			background: url(../picto/base/picto_lien_edito.gif) no-repeat 0px 4px;
			font-weight: normal;
			color: #440000;
		}
	div.ctn_forum_lafarge div.ha{  
		display: block !important;
		clear: both !important;
		height: 1px !important;
	}	
	
/* Sponsors recherche
_____________________*/

div.bloc_resultat_recherche{ }
div.bloc_resultat_recherche div.hb{ }
div.bloc_resultat_recherche div.hc{ margin: 0 0 5px 0; }
	div.bloc_resultat_recherche div.hc img.illustr_result{ 
		float: left;
		display: inline;
	}
	div.bloc_resultat_recherche div.hc p{
		margin: 0 0 0 115px;
	}
	div.bloc_resultat_recherche div.hc p.titre{
		font-weight: bold;
		color: #781800;
	}
	div.bloc_resultat_recherche div.hc p.titre span.dwl_file{
		position: absolute;
		right: 15px;
		padding: 0 0 0 0 !important;
		padding: 5px 0 0 0;
		font-size: 110%;
	}
	div.bloc_resultat_recherche div.hc p.keywords{
		color: #781800;
	}
	div.bloc_resultat_recherche div.hc p.keywords a{
		text-decoration: underline;
		color: #440000;
		font-weight: bold;
	}
div.bloc_resultat_recherche div.ha{ 
	display: block !important;
	clear: both !important;
	height: 15px !important;
	border-top: 1px solid #dfdfdf !important;
}