body {background: #f1f1f1; }

#mainwrapper { width: 75em; height: auto; position: absolute; top: 0; left: 50%; margin-left: -37.5em; background: #fff; }

#container {
	width: 72.73em;
	margin: 0 auto 0 auto;
	text-align: left;
	position: relative;
	background: #fff;
}

#mastheadwrapper {
	background: #fff;
	height: 8.2em;
	/*padding: 2em 1em 0 1em;*/
	padding: 3.5em 1em 0 1em;
}

/*#topper {
width: 70.73em;
border-top: 2px solid #666;
margin: 0 auto;
}*/

#masthead {
	position: relative;
	text-align: center;
	width: 72.73em;
	margin: 0 auto 0 auto;
	padding: 0 0 0 1em;
}

#mainnavigation {
	position: absolute;
	top: -0.4em;
	/*right: 40%;*/
	right: 0;
	/*width: 57.5%;*/
	/*text-align: right;*/
	list-style: none;
	font: 0.9em/1.2em helvetica, arial, 'helvetica neue', sans-serif;
	/*font-size: 1.1em;*/
	/*font-variant: normal;*/
	text-transform: uppercase;
	margin: 0 2em 0 0;
	padding-left: 0;
}

ul#mainnavigation li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin: 0 0 0 0.5em;
	/*background: transparent url(../../images/37.gif) top right no-repeat;*/
	padding-right: 1.1em;
text-align: left;
background: transparent;
}

#mainnavigation li a:link, #mainnavigation li a:visited {
	border-bottom: none;
	color: #555;
	line-height: 1.5em;
}

#mainnavigation li a:hover {
	border-top: 2px solid #999;
	line-height: 1.5em;
}



/* Columns */

div#maincontent {
	float: left;
	margin: 10px 0 30px 0;
}

/* Home columns */ 
body.fourcol div.c1,
body.fourcol div.footc1,
body.fourcol div.c2,
body.fourcol div.footc2,
body.fourcol div.c3,
body.fourcol div.footc3,
body.fourcol div.c4,
body.fourcol div.footc4 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 0 0 0 0;
}

body.fourcol div.footc1,
body.fourcol div.footc2,
body.fourcol div.footc3,
body.fourcol div.footc4 {
	color: #84817c;
width: 22.243em;
}



/* Three column layout*/ 
body.threecol div.c1 {
	float: left;
	width: 34.36em;
	margin: 0 0 0 1em;
	padding: 1.36em 1em 0 0;
	border-top: 3px solid #4d320f;
}

body.threecol div.c2 {
	float: left;
	width: 16em;
	margin: 0 1em 0 0;
	padding: 1.36em 0 0 1.1em;
	border-top: 3px solid #4d320f;
}

body.threecol div.c3 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 1em 0 0 0;
	border-top: 3px solid #4d320f;
}



/* Two column layout*/ 
body.twocol div.c1 {
	float: left;
	width: 52.54em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}

body.twocol div.c2 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}


body#work div.c2 div.articlemeta {
	width: 16.18em;
	float: right;
	margin: 0 1em 2em 1em;
	padding: 0 0 2em 0;
}

body#work div.c2 div.articlemeta ul {
	font-style: italic;
	list-style: circle;
}

body#work div.c2 div.articlemeta ul li {
	padding: 0;
	margin: 0 0 0.3em 0;
}


/* Two column even layout*/ 
body.twocoleven div.c1 {
	float: left;
	width: 34.5em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}

body.twocoleven div.c2 {
	float: left;
	width: 34em;
	margin: 0 1em 0 1em;
	padding: 2.5em 0 0 0;
	border-top: 3px solid #4d320f;
}


/* One column layout*/ 
body.onecol div.c1 {
	float: left;
	width: 70.73em;
	margin: 0 1em 0 1em;
	padding: 1.36em 0 0 0;
	border-top: 3px solid #4d320f;
}





/* Second row columns */ 

div#secondrow { min-height: 270px; }

/* c1 */
#footer div#secondrow div.footc1,
#footer div#secondrow div.footc2,
#footer div#secondrow div.footc3,
#footer div#secondrow div.footc4 {
	float: left;
	width: 16.18em;
	margin: 0 1em 0 1em;
	padding: 0 0 0 0;
	color: #84817c;
overflow-x: hidden;
}

#footer div#secondrow div.footc1 a,
#footer div#secondrow div.footc2 a,
#footer div#secondrow div.footc3 a,
#footer div#secondrow div.footc4 a {
	color: #55524d;
}

#footer div#secondrow a.thumb {
	border: none;
}


/* footer */
#footer {
clear: both;
	float: left;
	width: 100%;
	margin: 2em 0 0 0;
	font-size: 100%;
	color: #84817c;
}

#footer a,
#footer a:link {
	color: #55524d;
}

#footer a:hover {
	color: #000;
}

#footer #credits {
	margin: 4em 1em 0 1em;
}

#footer #credits ul li {
	display: inline;
	margin: 0 0.5em 0 0;
}



/* new work homepage layout */

body#workhome dl div {
	position: relative;
	height: 30em;
	float: left;
	width: 14.8em;
	margin: 0 0.8em 0 0.9em;
	padding: 0 0 0 0;
}

body#workhome dl div dt {

}

body#workhome dl div dt a {
	display: block;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #333;
	border: 0;
}

body#workhome dl div dt a:hover {
	color: #363d28;
	background: #909e76;
}

body#workhome dl div dd p {
	margin: 0.5em 0 0 0;
	font-size: 100%;
	line-height: 1.6em;
}

div.intro {
	float: left;
	margin: 0;
	padding: 2em 1em 1em;
}

/*div.intro div {
	float: left;
	width: 34.365em;
	margin: 0 0 0 2em;
	padding: 2em 0 0 0;
}*/

div.GMapEZ {
width: 52.09em;
height: 27.273em;
float: left;
margin: 2em 1em 2.5em 1em;
}

div.legend {
width: 16.18em;
/*height: 27.273em;*/
float: left;
margin: 2em 1em 0 1em;
background-color: #ffffdd;
border-top: 2px solid #84817c;
border-bottom: 1px dotted #84817c;
line-height: 1.5em;
}

/*body#home #maincontent div.intro div p {
font-size: 130%;
line-height: 1.5em;
margin-top: 0;
}*/

.flushleft {
margin-left: 1em !important;
}

.introflushright {
width: 35em !important;
}

#maincontent div.arca1col {
width: 71.73em;
float: left;
padding: 2em 0 0 0;
}

#maincontent div.arca2col div {
width: 34.365em;
float: left;
margin: 0 0 0 2em;
padding: 2em 0 0 0;
}

#maincontent div.arca2col div div {
width: 100%;
float: left;
margin: 0;
padding: 0;
}

#maincontent div.arca2col div ul, #maincontent div.arca2col div li {
list-style: disc;
font-size: inherit;
line-height: inherit;
margin-left: 0.5em;
padding-bottom: 0.5em;
}

#maincontent div.arca2col div ul {
padding-top: 1em;
}

#maincontent div.arca3col div {
width: 22em;
float: left;
margin: 0 0 0 2em;
padding: 2em 0 0 0;
}

#maincontent div.arca3col div div {
width: 100%;
float: left;
margin: 0;
padding: 0;
}

#maincontent div.arca3col div ul, #maincontent div.arca3col div li {
list-style: disc;
font-size: inherit;
line-height: inherit;
margin-left: 0.5em;
padding-bottom: 0.5em;
}

#maincontent div.arca3col div ul {
padding-top: 1em;
}

#inprogress {
position:absolute;
top: 0;
left: 50%
margin-left: -390px;
margin-top: -200px;
width: 780px;
padding: 10px 10px;
background-color: #ffffbb;
font-family: arial, helvetica, sans-serif;
font-size: 10px;
}

#meta {
padding: 1em;
height: 50px;
clear: both;
}

#searchbox { width: 19em !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eeee66; background: rgb(255, 255, 221); padding: 0.6em 1em 1em 1em !important; float: right !important;}

#searchbox fieldset { float: left; margin-right: 1em;}

#searchbox fieldset input, #searchbox fieldset textarea {
padding: 3px;
font-size: 1.1em;
margin-top: 4px;
border-top: 0;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
background: #efefef;
-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#searchbox fieldset input { background: #fff url(../../images/38.gif) repeat-x top left; }

#searchbox fieldset input:focus, #searchbox fieldset textarea:focus { background: #fff; border-top: 1px solid #eee; }

.searchbut { 
padding: 3px 6px;
font-size: 1.1em;
margin-top: 4px;
border: none;
background: #efefef url(../../images/39.gif) no-repeat 50% center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
text-indent: -9999px;
width: 30px;
 }

#maincontent div.arca1col div ul.colsubmenu { list-style-type: none !important; font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; margin: 0; text-indent: -0.8em !important; padding: 0 0 1em 0; border-bottom: 1px solid #888888; }
#maincontent div.arca1col div ul.colsubmenu>li { display: inline !important; margin: 0; padding: 0 1.2em 0 0.8em; font-size: 1.1em; background: transparent url(../../images/41.png) right 48% no-repeat; }
ul.colsubmenu>li a:link { text-decoration: none; border-bottom: none; color:#5a5a5a; }
ul.colsubmenu>li a:visited { text-decoration: none; border-bottom: none; color:#5a5a5a; }
ul.colsubmenu>li a:hover, ul.colsubmenu>li a:active { color:#fff; background: #33ccff; }

p.servicestop { padding-top: 1.6em; border-top: 1px solid #888888; }

.lastli {background-image: none !important;}

a.toplink:link, a.toplink:visited, a.toplink:hover, a.toplink:active { display: block; float: right; width: 20px; height: 20px; background: transparent url('../../images/44.gif') top left no-repeat; text-decoration: none; border: 0 !important; }

.h2toplink { height: 26px; margin: 2.2em 0 0 0 !important; float: none !important; }

.clear { clear: both; }

h2#projs, h2#docs { margin-top: 0 !important; }

#thanks { margin: 0 1em; border-top: 1px solid #aaa; float: left; }
#thanks p { font-size: 1em; width: 22.243em; margin: 2em 0 2em 2em; float: left; line-height: 1.5em; color: #999; }
.footc1img { float: left; margin-top: 3em !important; margin-right: 0 !important; margin-left: 0 !important; overflow-x: hidden !important; }

#langmenu { position: fixed; top: 5.9em; left: 50%; margin-left: 37.6em; width: 1.5em; background: #999; padding: 0 0.5em; }
ul.l10n_lang_list {padding-bottom: 0.6em;}
ul.l10n_lang_list li { color: #555; padding: 0.5em 0 0; margin: 0; text-align: center; }
ul.l10n_lang_list li a:link, ul.l10n_lang_list li a:visited { color: #fff; text-decoration: none; border-bottom: 0; }
li.en-gb { border-top: 1px solid #bbb; padding-top: 0.2em !important; }
li.fr-fr { padding-bottom: 0.4em !important; }

ul.blocks, ul.newsblocks {margin-left: -1.2em; margin-top: 1.5em;}
ul.blocks li, ul.newsblocks li {
background-color:#EEEEEE;
display:block;
float:left;
font-size:12px;
line-height:1.5em;
margin-bottom:1.2em;
margin-left:1.2em;
padding:1em 1.3em 1.7em 1.3em;
width:18.17em;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
ul.newsblocks { width: 47.64em; }
ul.newsblocks li { width:18em; padding-bottom: 1.3em; margin-bottom: 0.7em; border-bottom: 1px solid #dedede; }
.newspage { float: left; }
.newstitle { display: block; float: right; width: 14.1em; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; font-weight: bold; padding-top: 0.2em; }
.newstitle a:link, .newstitle a:visited { border-bottom: none; } 
.postdate { display: block; float: left; width: 2em; text-align: center; color: #777777; margin-top: 0.2em; border-right: 1px solid #ccc; padding-right: 1em; }
span.mois, span.jour, span.an { display: block; margin-bottom: 3px; }
span.mois { background: transparent url('../../images/50.gif') bottom left repeat-x; padding-bottom: 0.3em; }
.bulletinslist { float: right; width: 22.17em; }
ul.bulletins { margin: 0; padding: 0; }
ul.bulletins li { margin: 0; padding: 0; }
ul.bulletins li a:link, ul.bulletins li a:visited { margin: 0; padding: 1em; border-bottom: 1px solid #ddd; display: block; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; color: #777; }
ul.bulletins li a:hover { color: #4F4E4E; }
ul.bulletins li a:active .pushdown { color: #4F4E4E; position: relative; top: 1px; }