html {
	font-family:Arial, Verdana, Helvetica;
}

body {
	margin-top:0px;

	background-color:#F5D09B;
	background-image:url(/wps/themes/html/CommonFiles_uk/img/fond_haut_body.gif);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;

	font-size:0.814em;
}

* html body {
	background-image:url(/wps/themes/html/CommonFiles_fr/img/fond_haut_bodyIE.gif);
}

*> body {
	!background-image:url(/wps/themes/html/CommonFiles_fr/img/fond_haut_bodyIE.gif);
}


/*** CLASSES GENERIQUES ***/
strong {
	font-weight:bold;
}

em {
	font-style:italic;
	font-weight:inherit;
}

.bold {
	font-weight:bold;	
}

.italic {
	font-style:italic;
}

.justify {
	text-align : justify;
}

.separe { 
	clear: both; 
	visibility: hidden;
} 

.hidden {
	display:none;	
}

.hand {
	cursor:pointer;
}

.clear {
	clear:both;	
}

.error {
	color:red;	
}

/*** DIV GLOBAL CENTRE ***/
#global {
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
       background-color : #FFFFFF;
}

/*** LOGO ****/
#logoContainer {
	position:relative;
	top:0px;
	left:0px;
	text-align:left;
}

#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logoContainerLafarge {
/*	height:0px;*/
}

#logoLafarge {
	position:relative;
	top:405px!important;
}

/*** HEADER ***/
#headerLength {
	width:77%;
	min-height:26px;
	text-align:left;
}

#header {
	margin-left:170px;
	padding-top:7px;
	text-align:right;
}

#header ul li {
	display:inline;
	padding-left:8px;
	padding-right:3px;
	background-image:url(/wps/themes/html/CommonFiles/img/header_separator.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#header ul li.first {
	background-image:none;
}

#header label {
	font-size:85%;
	color:#354241;
}

#header span a:visited {
	font-size:85%;
	color:#AE72AE;
}

#header a {
	font-size:85%;
	color:#3770A5;
}


#header form,  #header form div {
	display:inline;
}

#header input {
	font-size:85%;
	width:125px;
	border:1px solid #354241;
	padding:1px 2px 1px 2px;
	color:#354241;
}

#header input.button {
	padding:0px;
	width:auto;
	background:white;
	cursor:pointer;
}

#header a.little {
	text-decoration:none;
}

#header a.big {
	text-decoration:none;
}

/*** NAVIGATION ***/
#navigation {
	margin-top:5px;
	width:1000px;
	background-image:url(/wps/themes/html/CommonFiles/img/fond_haut.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

#navigation ul {
	margin-left:170px;
}

#navigation ul li {
	float:left;
	min-height:31px;
	line-height:1em;
}

#navigation ul li div {
	background-image:url(/wps/themes/html/CommonFiles/img/separateur_rubriques.gif);
	background-repeat:no-repeat;
	background-position:top right;

	text-align:center;
	font-weight:bold;
	font-size:92%;
	color:#72003B;
	line-height:1.15em;
	padding-top:3px;
	min-height:31px;
}

#navigation a {
	color:#72003B;
	
	text-decoration:none;
	display:block;
	min-height:30px;
	line-height:1.15em;
}

#navigation a:hover {
	text-decoration:underline;
}

#navigation .item {
	text-align:left;
}

#navigation .itemselected {
	background-image:url(/wps/themes/html/CommonFiles/img/header/applat_clair.gif);
	background-repeat:repeat-x;
	background-position:top right;
}

/*** TAILLE ET COULEURS DES ITEMS DE NAVIGATION EN FR ***/
.PageNavigationAboutArteviaen {width:11%;min-width:3.5em;}
.PageNavigationAboutArteviaen a {width:97%;}
.PageNavigationAboutArteviaen a:hover {color:#72003B !important;}

.PageNavigationProductsen {width:12%;min-width:3.5em;}
.PageNavigationProductsen a {width:97%;}
.PageNavigationProductsen a:hover {color:#72003B !important;}

.PageNavigationArteviaForYourHomeen {width:12.5%;min-width:3.5em;}
.PageNavigationArteviaForYourHomeen a {width:97%;}
.PageNavigationArteviaForYourHomeen a:hover {color:#72003B !important;}

.PageNavigationArteviaInTheCityen {width:13%;min-width:6em;}
.PageNavigationArteviaInTheCityen a {width:97%;}
.PageNavigationArteviaInTheCityen a:hover {color:#72003B !important;}

.PageNavigationGetYourProjectDoneen {width:13%;min-width:4em;}
.PageNavigationGetYourProjectDoneen a {width:97%;}
.PageNavigationGetYourProjectDoneen a:hover {color:#72003B !important;}

.wpsLoginen {width:11%;min-width:3.5em;}
.wpsLoginen a {width:97%;}
.wpsLoginen a:hover {color:#72003B !important;}





/*** MENU RUBRIQUE ***/
#menurubrique {
	float:left;
	margin-top:72px;
	width:17%;
	min-width:10em;
}

#menurubrique a {
	color:#354241;
	text-decoration:none;
}

#menurubrique a:hover {
	text-decoration:underline;
}

#menurubrique h1 {
	font-size:136%;
	font-weight:bold;

	padding-left:7px;
	padding-bottom:4px;

	background-image:url(/wps/themes/html/CommonFiles/img/nav_separation_haut.gif);
	background-position:bottom left;
	background-repeat:no-repeat;

	margin-right:8px;
}

#menurubrique ul {
	font-size:85%;
}

#menurubrique ul li {
	margin-left:0px;

	padding-top:2px;
	padding-left:0px;
	padding-bottom:0px;

	font-weight:bold;
	font-size:105%;

	width:96%;
}

#menurubrique ul li div {
	padding-left:8px;
}

#menurubrique .separator {
	padding-top:0px;
	padding-bottom:4px;
	background-image:url(/wps/themes/html/CommonFiles/img/nav_separation_rubriques.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#menurubrique .rubFirst {
	padding-top:4px;
}

#menurubrique li.rubFirst.square {
	background-position:0px 9px;
}

#menurubrique .rubLast {
	background-image:none;
}

#menurubrique .rubSelected {
	background-color:#FED7A0;
}

#menurubrique ul li ul li {
	padding-left:20px;
	padding-top:0px;
	padding-bottom:1px;

	width:87%;
}

#menurubrique ul li ul li a, #menurubrique ul li ul li span {
	font-size:107%;
	font-weight:normal;
	color:#354341 !important;
}

#menurubrique .square {
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-image:url(/wps/themes/html/CommonFiles/img/menu/ON_footer.gif);
}

#menurubrique .squareLevel1 {
	background-position:0px 6px;
}

#menurubrique li.ssrubSelected {
	margin-left:12px;
	padding-left:8px;
	background-color:transparent;
	background-position:0px 5px;
	background-repeat:no-repeat;
	background-image:url(/wps/themes/html/CommonFiles/img/menu/ON_footer.gif);
}

* html #menurubrique li.ssrubSelected {
	background-position:0px 4px;
}

/*** CONTENT ****/
#contentContainer {
	width:1000px;

	clear:both;

	background-color:white;
	background-image:url(/wps/themes/html/CommonFiles/img/ombre_verticale.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

#contentContainerFond {
	background-image:url(/wps/themes/html/CommonFiles/img/fond_content.gif);
	background-repeat:repeat-y;
	background-position:top right;
}

#contentContainerFondWithoutTeaser {

}

.teaserLeftLength {
	float:left;
	width:170px;
}

#content {
	float:left;

	width:830px;
	min-height:500px;

	/* COULEUR PAR DEFAUT DU TEXTE */
	color:#354241;
}

#content a {
	color:#3770A5;
}

#content a:visited {
	color:#AE72AE;	
}

/*** OMBRE DU BAS DU CONTENU ***/
#ombrebas {
	clear : both;
	width:1000px;
	height:7px;
	font-size:0em;

	background-color:#F1BC70;
	background-image:url(/wps/themes/html/CommonFiles/img/ombre_bas.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

/*** FOOTER ***/
.decaleFooter {
	margin-left:170px;
	width:60em;
}

.noDecaleFooter {
	width:77em;
}

.dummyFooter {
	float:left;
}

#footer {
	text-align:left;
	width:100%;
	font-size:77%;
	min-height:30px;

	background-color:#F1BC70;
	background-image:url(/wps/themes/html/CommonFiles/img/separateur_footer.gif);
	background-repeat:no-repeat;
	background-position:769px 0px;
}

#footer ul li {
	float:left;
}

#footer a {
	color:#72003B;
	text-decoration:none;
	font-weight:bold;
}

#footer a:hover {
	text-decoration:underline;
	color:#72003B;
}

#footerAdmin {
	min-width:170px;
	min-height:30px;
	background-image:none;
}

#footer .item {
	background-image:url(/wps/themes/html/CommonFiles/img/separateur_footer.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

#footer .item div {
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:2px;
	margin-right:2px;
}

#footer .selected {
	color:#72003B;
}

#footer .lafargeSite {
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;

	min-width:21.3em;
	background-image:none;
}

/** Taille suivant la langue **/
#footer .lafargeSitefr {min-width:22.0em;}
#footer .lafargeSiteen {min-width:22.2em;}

#footer select {
	font-size:90%;
	color:#334343;
	min-width:8em;
	height:1.8em;
	position:relative;
	top:-1px;
}

#footer .lafargeSitefr select {width:20.2em;}
#footer .lafargeSiteen select {width:20.6em;}

#footer .copyright {
	color:#72003B;
	padding-top:4px;
	background-image:none;
}

#footer form, #footer form div {
	display:inline;
}

#footer select option.firstitem {
	padding-left:5px;
}

#footer select option.item {
	padding-left:10px;
	background-image:none;
}

#footer input.button {
	font-size:110%;
	border:1px solid #72003B;
	color:#72003B;
	padding:0px 0px 0px 0px;
	margin-left:3px;
	width:auto;
	background:#FED7A0;
	cursor:pointer;
}

#footer .copyright {
	float:left;

	color:#72003B;
	padding-top:4px;
	padding-left:5px;
	background-image:none;
}

/*** couleur par rubrique ***/
.colorPageHomepage {color:#72003B !important;}
.colorPageNavigationAboutArtevia {color:#72003B !important;}
.colorPageNavigationProducts {color:#72003B !important;}
.colorPageNavigationArteviaForYourHome {color:#72003B !important;}
.colorPageNavigationArteviaInTheCity {color:#72003B !important;}
.colorPageNavigationResearchAndInnovation {color:#72003B !important;}
.colorPageNavigationGetYourProjectDone {color:#72003B !important;}
.colorPageNavigationThePROArteviaCorner {color:#72003B !important;}
.colorPageNavigationApplicatorsCenter {color:#72003B !important;} 
.colorwpsLogin {color:#72003B !important;}
.colorPageFooter {color:#72003B !important;} 

/*** aposition ***/
#aposition {
	background:white;
	position:absolute;
	top:24px;
	left:306px;
	width:194px;
	height:auto;
	border:1px solid black;
	overflow:auto;
	text-align:left;
	display:none;
	z-index:100;
}

#aposition li {
	display:block !important;
	background:none !important;
	padding:2px !important;
}

#aposition li.first {
	padding:0px !important;	
	text-align:right;
	line-height:0px;
	font-size:0%;
}

#aposition li.first img {
	cursor:pointer;
}

#aposition li a {
	display:block;
	font-size:85%;
	color:#354241;
	text-decoration:none;
}

#aposition li a:hover {
	background-color:#354241;
	color:white;
}

/***IFRAME***/
iframe {
	overflow:hidden;
}

#logoLafarge {
	position : absolute;
	top : 0;
}