/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

/* FONT SIZE */

html {font-size: 62.5%;
height: 100%;}
p {
	font: 1.2em "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}
h1 {
	font: bold 2em Eurostile, "Lucida Grande", Lucida, Verdana, sans-serif;
	-font: bold 17px Eurostile, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #83aad2;
	margin-top: 99px;
	margin-left: 119px;
}

html>body h1{
	font: bold 17px Eurostile, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	color: #83aad2;
	margin-top: 99px;
	margin-left: 119px;
	
}

h2 {
	font-family: "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* GLOBAL RULES */

.left {float: left;}
.right {float: right;}
img .left { border:2px solid #aaaaaa; margin: 0 10px 0 0;}
img .right { border:2px solid #aaaaaa; margin: 0 0 0 10px; padding: 1px;}

body {
	background-color: #f2f2f2;
	text-align: center;
	color: #353535;
	height: 100%;
}

/* DIVS */

#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative; min-height: 100%;
}

* html #container { height: 100%; }

#header{
	border-bottom: 1px solid #83aad2;
	height: 156px;
	margin-bottom: 11px;
}

#logo{
	width: 580px;
	height: 155px;
	float: left;
	background: url(../images/davin_logo.jpg) no-repeat;
}
/* NAVBAR */
#navbar {
	width: 310px;
	margin-left: 590px;
	-margin-left: 587px;
	padding-top: 85px;
	font: 13px "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;
}
#navbar ul li {display:inline;
}
#navbar ul li a {
	color: #2b388f;display:block;float:left;padding: 10px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
}
#navbar ul li a:hover {
	background-color: #d1d1cd;
}

#navbar ul li a.active  {
	background-color: #1e3593;
	color: white;
}

#principal {
	clear: both;
	overflow: hidden;
	padding-bottom: 9em;
}

#left {
	float: left;
	width: 608px;
}

#left p {
	font-size: 13px;
}

#bloc{
	overflow: hidden;
}

#bloc p {
	line-height: 18px;
	margin-bottom: 7px;
}

#bloc p a{
	color: #2b388f;
	font-weight: bold;
}

#blocend p a{
	color: #2b388f;
	font-weight: bold;
}

.centered {
	text-align: center;
	margin-top: 10px;
}

#blocend{
	overflow: hidden;
}

#blocend p {
	line-height: 18px;
	margin-bottom: 8px;
}

#bloc h2{
	background-color: #83aad2;
	color: white;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 6px;
}

#blocend h2{
	background-color: #83aad2;
	color: white;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 6px;
}

#left #bloc {
	width: 600px;
	text-align: justify;
	border-bottom: 1px dotted #83aad2;
	margin-bottom: 10px;
	-margin-bottom: 15px;
}

#bloc tr td{
	text-align: center;
}

#bloc tr td img{
	margin-bottom: 10px;
	border: 1px solid gray;
	margin-top: 10px;
}

#left #bloc img {
	float: left;
	margin-right: 6px;
}

#left #blocend {
	width: 600px;
	text-align: justify;
	margin-bottom: 10px;
	-margin-bottom: 15px;
}

#left #blocend img {
	float: left;
	margin-right: 6px;
}

#alignleft {
	float: left;
	width: 600px;
}

#alignright {
	margin-left: 625px;
}

#bloc ul.liste {
	list-style-image: url(../images/arrow_left.gif);
	list-style-position: outside;
	margin-left: 23px;
}

#blocend ul.liste {
	list-style-image: url(../images/arrow_left.gif);
	list-style-position: outside;
	margin-left: 23px;
}


#bloc li a{
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

#bloc img.planmed{
	margin-top: -19px;
}

#buckets {
	clear: both;
	text-align: center;
	overflow: hidden;
}

#buckets h3 {
	text-align: left;
	margin-bottom: 10px;
	font: bold 13px "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

#buckets img {
	margin-bottom: 7px;
	border: 1px solid gray;
}

#bucket1{	width: 180px;
	float:left;
	margin-right: 29px;
	padding: 0;
}

#bucket2{	width:180px;
	padding:0px;
	float:left;
	overflow: hidden;
}

#bucket3{	width:180px;
	padding:0px;
	float:left;
	margin-left: 29px;
}

#right {
	margin-left: 625px;
	-margin-left: 622px;
	width: 275px;
}

#right li a{
	font: bold 14px Eurostile, "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

#right li.grosoeuvre {
	height: 70px;
	background: url(../images/gros-oeuvre.jpg) no-repeat;
	border-bottom: 1px dotted #83aad2;
}

#right li.grosoeuvre a{
	margin-left: 120px;
	-margin-left: 110px;
	top: 23px;
	position: relative;
	padding-left: 10px;
	color: #353535;
}

#right li.grosoeuvre a:hover{
	background-color: #d1d1cd;
	padding: 10px;
}

#right li.grosoeuvre a.active{
	background-color: #1e3593;
	padding: 10px;
	color: white;
}

#right li.toitures {
	height: 72px;
	background: url(../images/toitures.jpg) no-repeat;
	border-bottom: 1px dotted #83aad2;
	margin-top: 5px;
	color: #353535;
}

#right li.toitures a{
	margin-left: 120px;
	-margin-left: 110px;
	top: 27px;
	position: relative;
	padding: 10px;
	color: #353535;
}

#right li.toitures a:hover {
	background-color: #d1d1cd;
	padding: 10px;
}

#right li.toitures a.active{
	background-color: #1e3593;
	padding: 10px;
	color: white;
}

#right li.parachevement {
	height: 67px;
	-height: 64px;
	background: url(../images/parachevement.jpg) no-repeat;
	margin-top: 5px;
}

#right li.parachevement a{
		margin-left: 120px;
		-margin-left: 110px;
		top: 27px;
	position: relative;
	padding-left: 10px;
	color: #353535;
}

#right li.parachevement a:hover {
	background-color: #d1d1cd;
	padding: 10px;
}

#right li.parachevement a.active{
	background-color: #1e3593;
	padding: 10px;
	color: white;
}

#right #bloc {
	margin-bottom: 10px;
	text-align: justify;
}

#right #bloc a{

}

#right #bloc p{
	padding-left: 8px;
	padding-right: 8px;
}

#right #bloc.realisations ul{
	list-style-type: square;
	list-style-position: outside;
	margin-left: 25px;
}

#right #bloc.realisations li p{
	margin-left: -9px;
}

#right #bloc p.blocleft {
	float: left;
	width: 144px;
	-width: 140px;
}

table.galery img{
	margin-bottom: 25px;
}

#footer{
	clear: both;
	background: #6c6c6c url(../images/footer-background.gif) repeat-x;
	height: 69px;
	padding-top: 13px;
	margin-top: 11px;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: white;
position: relative; margin-top: -7.5em;
}

#footer a{
	color: white;
}