*{margin: 0; padding:0}
body{font-size: 10pt; font-family:Arial, Helvetica, sans-serif;}
a img, map, img{border:0}
p{margin: 1em 0}
h2{color:#1B487A; margin-bottom :10px;}
h4{color:#1B487A;}
#intro {
	background: url(../images/bg.png) repeat-x;
	color: white;
	width: 100%;
	overflow: hidden;
}

.page,.pagetop{
	width: 963px; 
	margin: 0 auto; 
	position: relative; 
	padding-left: 30px; 
	color: #1b487a;
}

#intro .pagetop{
	background: url(../images/bg2-trans.png) no-repeat;
	height: 348px; 
	color: white;
	overflow: hidden;
}

#references .page,#contact .page{
	color: white !important
}

#contact{
	color: #1B487A; 
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}

#confiance{
	margin-left: 600px;
}

#confiance h3{
	color: #A6C861;
}

#construction{
	background: url(../images/midcol.png) repeat-x;
	margin-left: 200px;
	padding: 25px 20px;
	width: 280px;
	margin-top: -100px;
}

h1#logo{float: left; margin: 0; padding: 0}
ul.mainmenu{display: block; height: 35px; list-style: none; float: right; font-size: 80%; font-weight: bold; margin: 1em 0}
	ul.mainmenu li{float: left; height: 35px; line-height: 31px; zoom:1}
	ul.mainmenu li a{display: inline-block;; height: 35px; line-height: 31px;}
	ul.mainmenu li{padding-left: 9px; margin: 0 4px;}
	ul.mainmenu li a{padding-left: 6px; color:#1b487a; text-transform: uppercase; text-decoration: none}
	ul.mainmenu a:hover{text-decoration:none;}

#address{clear: both; padding: 2em 0 0 50px}
	#address strong{font-weight: normal; color: black}

.floatcont{clear: both; width: 100%; overflow: hidden; padding: 1em 0}
.floatcont ul{
	list-style : inside;
}
.onethird{float: left; width: 29%; margin: 0 2%; _display: inline;}
	.onethird .top{display: block; margin: 0 0 1em;}
.onethirdfloat{float: left; width: 231px; padding-left: 80px; position: relative; margin: 0 5px; _display: inline}
	.onethirdfloat .floater{position: absolute; top: 0; left: 0}

.intermission{line-height: 3;}
	.intermission *{vertical-align: middle;}
	.intermission #slogans {line-height: 1; position: absolute; top: 0; right: 0px; vertical-align: baseline; max-width:255px;}
	.intermission strong{color: #67c90f; text-transform: uppercase}
	.intermission big{color:#1a5085; font-weight: bolder;}
	.intermission #slogans small{color:#b0cde1; font-weight: bold; font-size: 100%; font-weight: normal;}
	.intermission a{margin: 0 10px}

.bannerSplit{border-bottom: 1px solid #cfd6de; position:relative;}
	.bannerSplit .text{width: 325px; float: left; text-align: left;}
	.bannerSplit .img{position: absolute; bottom: 0; right: 0}
	.bannerSplit .img img{display: block}
	
.logocont{float: left; width: 245px; overflow: left; margin: 0 30px; overflow: hidden; _display: inline}
	.logocont *{vertical-align: middle; zoom: 1}
	.logocont a{float: left; width:118px; text-align:center; margin: 1em 0; height: 38px; overflow: hidden; padding: 6px 1px;}
	.logocont a img{vertical-align: middle;}
	.logocont a:hover{border: 1px solid #4f70ab; padding: 5px 0px;}
	
#images{float: left; width: 653px; position: relative; overflow: hidden;}
	.pagination{line-height: 24px; text-align: center; margin: 1em 0; position: relative; width: 100%}
	.pagination .next{position: absolute; top: 0; right: 0}
	.pagination .prev{position: absolute; top: 0; left: 0}
	.pagination .dot{font-size: 300%; color: #031734; text-decoration: none !important; margin: 0 3px;}
	.pagination .xtrig{font-size: 300%; color: #031734; text-decoration: none !important; margin: 0 3px;}
	.pagination .xtrig:active{color: #b6da0b;}
	.pagination .xtrig:hover{color: #b6da0b;}
	.pagination .active{color: #b6da0b}
	.jobdetails{float: left; width: 300px; margin-left: 20px;}
		.jobdetails a{color: white;}
	.shortdesc{padding-right: 300px;}
	
.leftcol{float: left; width: 262px; padding: 0 15px 0 53px;}
.midcol{float: left; width: 445px; }
	.leftcol #smalllogo{display: block; margin: 2em auto; width: 53px;}
	.leftcol h3{font-size: 200%; margin: 0 0 1em}
	.leftcol .cont{background: url(../images/midcol.png) repeat-x; padding: 25px 20px}
.rightcol{float: left; width: 173px; text-align:center;}
	.voirlaliste{background: url(../images/voir.gif) no-repeat; height: 16px; line-height: 16px; padding-left: 30px; color: #1b487a !important;}
.formcol{width: 365px; float: right; padding-right: 53px;}

.formcol form input.field{
	font-family: inherit;
	font-size: inherit; 
	font-weight : bold;
	color: #a2db01;
	border: 1px solid black; 
	padding: 3px;
	width : 350px;
	margin: 0.5em 0
}

.formcol form textarea {
	font-family: inherit;
	font-size: inherit; 
	color: #a2db01;
	display: block;
	border: 1px solid black; 
	padding: 3px;
	width : 355px;
	margin: 0.5em 0
}

.formcol form label{
	width : 150px;
	font-size : 120%;
	float : left;
}

.formcol form textarea{height: 100px}

.formcol form input.field:focus, .formcol form textarea:focus{border-color: #CCCCCC} 

.comm{float: left; width: 75px; text-align: center; padding: 0 60px}
	.comm a{text-decoration: none !important; font-style: italic; color: white; display: block; margin: 0 0 2em}
	.comm a img{display: block; margin: 0 auto 0.5em; }

.contactinfo{width: 300px; vertical-align: bottom;}
	.contactinfo a{color: white; text-decoration: underline;}
	.contactinfo td{border-right: 1px solid #b0e302; padding: 10px;}
	.contactinfo td:first-child{padding-left: 0}
	
	.row{width: 100%; overflow: hidden;}

div.shrink{
	margin-bottom:30px;
}

div.shrink p{
	font-family:georgia;
	font-style:italic;
}