body { margin:0px; height:100%; width:100%; background: #ffffff url("images/bg.png") center repeat-y; text-align: center;
	font-family: "Trebuchet MS", Arial, Verdana, "Times New Roman", sans-serif; }

body, #header, #footer, #reference, #page {color:#606060; font-size:10pt; font-weight:lighter; }

#header img {height:94px; width:87px; margin:10px 10px 0px 10px; border:none;}
#header h1 { color:#1a5abc; margin-top:20px; margin-bottom:3px; font-size:12pt; text-transform:uppercase; text-indent:5px; }
#header h2 { color:#1a5abc; font-weight:lighter;text-align:right; font-size:8pt; text-transform:capitalize; margin:10px 170px 0px 0px; }
#header .www {font-weight:lighter; color:#7e7e7e; font-size:9pt; margin:20px 0px 15px 0px; text-transform:lowercase; }
#header .fr {font-weight:lighter; color:#7e7e7e; font-size:9pt; margin:20px 0px 15px 0px; text-transform:lowercase; }

#contenu h1 {font-size:12pt; text-transform:uppercase; margin:0px 0px 0px 0px;}
#contenu h1 img {margin-right:10px;}
#contenu h2 { font-size:8pt; font-weight:lighter; margin:5px 0px 15px 35px;}
#contenu {padding-left:10px; text-align:justify;}
#contenu p {padding-right:20px; padding-left:10px; text-align:justify;}
#contenu .images150 {float:left;}

.logo {float:left;}
.images150 {height:100px; width:150px; padding:3px; margin:5px; background-color:#ffffff; border:1px solid #7e7e7e;}
.images115 {margin:5px 5px 5px 5px; padding:4px; background-color:#ffffff; height:170px; width:114px; border:1px solid #7e7e7e;}
.images500 { height:356px; width:500px; margin:35px 10px 5px 5px; padding:3px; border:1px solid #7e7e7e; }
.images520 { height:520px; margin:10px 0px 10px 0px; padding:3px;  }
.legend { margin-bottom:20px; }
.center { margin-left:auto; margin-right:auto; }
.centrer { text-align:center; margin:0px auto; }
.left  { float:left; margin-left:20px; margin-right:20px; }
.leftreduit {float:left; margin-left:5px; margin-right:5px;}
.leftmoyen {float:left; margin-left:15px; margin-right:15px;}
.leftgrand {float:left; margin-left:35px; margin-right:35px;}
.espace {float:left; margin-left:5px; margin-right:5px;}
.bgref {background:#e6e6e6 url(images/bg-reference.gif); height:109px; border-bottom:1px solid #606060;  }
.coordonnees { border-bottom:1px solid #606060; }
.coordonnees .aligngauche { padding-top:15px; margin:0px 0px 5px 5px; text-align:left; float:left; }
.coordonnees .aligndroite { padding-top:15px; margin:0px 5px 5px 0px; text-align:right;}
.coordonnees .mail { text-align:right; margin:0px 5px 15px 5px; clear:both; }
.indent{ text-indent:10px; }
.coord { float:left; padding-right:5px;}

#contenu .aligng {margin:10px 15px 20px 0px; text-align:left; float:left;}
#contenu .alignd { margin:10px 15px 20px 0px; text-align:right; float:left;}
#contenu .mail { margin:10px 0px 20px 0px; text-align:left;}

a {text-decoration:none; color:#606060;}
a:hover{text-decoration:underline; color:#606060;}
a img {border: 0;}
#contenu .index a:hover{text-decoration:none;}


#page {width:776px; margin:0px auto; text-align:left; }

#left {width:549px; float:left;}

#right { width:226px; float:right; z-index:10000;}

#header { border-top:4px solid #014bb8; clear:both; }

#traitmenu { width:440px; height:2px; overflow:hidden; float:right; background-color:#014bb8; margin-bottom:10px; clear:both;}

#reference { text-align:center; font-size:8pt; }
#reference h1 {font-size:12pt; text-transform:uppercase; margin:20px 0px; text-align:center;}
#reference h1 img{margin-right:10px;}

#footer { clear:both; padding-left:555px; padding-right:5px; text-align:center; font-size:8pt;line-height:14pt; }
#footer {padding-bottom:30px;}

#presse {text-align:center; font-size:8pt; margin-bottom:25px; }
#presse h1 { font-size:12pt; text-transform:uppercase; margin:20px 0px; text-align:center; }
#presse h1 img { margin-right:10px; }
.images100 {height:110px; width:100px; padding:3px; margin-bottom:10px; background-color:#ffffff; border:1px solid #7e7e7e;}


#contact { float:left; margin-left:40px;}
#contact table, form { margin:5px auto; }
#contact table tr { vertical-align:middle; }
#contact table tr th { font-size:8pt; font-weight:normal; padding:1px 3px; text-align:right; }
#contact table tr td { padding:1px 2px; }
#contact table input.text, #contact table input.button,
#contact table textarea { font-size:8pt; color:#606060; background:#ffffff url(zbginput.png) repeat-x; background-position:top; border:1px solid #999999; }
#contact table button { background:none; border:0px; margin:0px; }
#contact table tr.req th { font-weight:bold; }
#contact table tr.req th span { color:#cc0000; font-weight:bold; }
#contact table tr.req td input { background:#ffffff url(zbginputreq.png) repeat-x; }

.plan { float:left; margin-right:45px; margin-left:25px; text-align:center; }
.carte { width:200px; height:159px; border:1px solid #7e7e7e; }
.cartequartier { margin-top:30px;width:350px; height:267px; border:1px solid #7e7e7e }
