* {margin:0; padding:0; font-family:"verdana"; text-align:justify; line-height:1.4em; color:black;}
body, html {height: 100%;}
body {background:white; position:relative;}
a {text-decoration:none;}
img {border:none;margin:0;padding:0;}
ul {list-style-type:none}

#container {width:760px; margin:auto; background:url('images/fond.gif')}
#footer {width:760px; height:50px; line-height:25px; background: url('images/footer.gif'); text-align:center; font-size:0.85em; color:black;}
.banner {clear:both; margin-left:20px; width:720px; height:25px; background:url('images/banner.gif');}
#header {margin-left:20px; width:720px; height:120px; background:#FFFFFF url('images/header.jpg') no-repeat; text-align:right;}

#menu1 {margin-left: 20px; width:720px; height:25px; background:black;}
#menu1 li {float:left;  background:black;}
#menu1 a {display:block; width:120px; height: 25px; line-height:25px; font-size: 0.9em; font-weight:bold; text-align:center; color: white;}
#menu1 a:hover {color: #FFDD00;}
#actif1 a {background: #FFDD00 url('images/actif1.gif'); color:black;}
#actif1 a:hover {color:#00A651;}
#menu2 {margin-left: 20px; width:720px; height:25px; background:#FFDD00;}
#menu2 li {float:left;  background:#FFDD00;}
#menu2 a {display:block; width:120px; height: 25px; line-height:25px; font-size: 0.9em; font-weight:bold; text-align:center; color: black;}
#menu2 a:hover {color:#00A651;}
#actif2 a {background: #FFDD00 url('images/actif2.gif'); color:white;}
#actif2 a:hover {color:black;}
#submenu {margin-left: 20px; width:695px; height:25px; line-height:25px; background:#FFDD00; font-weight:bold; font-size: 0.85em; padding-left: 25px;}

#content {padding-bottom: 25px; margin-left:20px; width:720px; background: url('images/enveloppe.jpg') no-repeat bottom right;}
#content1 {margin-left:20px; width:720px; background: url('images/fondanim.gif') repeat-x top left;}
#content2 {margin-left:20px; width:720px; background: white;}
#content3 {margin-left:20px; width:720px; height: 280px; background: white url('images/construction.gif') no-repeat center center;}
h1 {text-indent: 25px; line-height:50px; height:50px; font-size:1.4em; color:#000000; background: url('images/h1.gif') repeat-x;}
h2 {margin:20px 25px 0px 25px; font-size:1.25em; color:#00A651; background: url('images/h2.gif') no-repeat center left; text-indent: 50px; border-bottom: solid #336633 1px;}
h3 {font-size:1.25em; color:white; text-align:center; background: #00A651;}
p {margin:10px 25px 0px 25px; font-size:1em; text-align: justify;  color:#336633;}
.liste {margin:10px 25px 0px 31px; font-size:1em; text-align: justify; color:#336633; list-style-type:none}
.liste li {margin-left: 20px; color:#336633}
.imgr {float:right; padding: 15px 35px 15px 20px; background:white;}
.imgl {float:left; margin: 15px 15px 15px 35px;}
#partners td {text-align:center;}
.infobloc {float:right; margin-right: 5px; padding: 20px; width: 220px; background:white;}
.infobloc p{margin: 0px; padding: 10px; border: solid #00A651 1px; font-size: 0.7em;}
.infobloc ul{margin: 0px; padding: 10px; border: solid #00A651 1px; font-size: 0.7em;}
.infobloc li{list-style-type: disc; padding: 0px; margin: 0 0 0 15px;}
.cartebloc {float:right; margin-right: 5px; padding: 0px 20px 0px 20px; width: 302px; background:white;}
#carte {border: 1px solid #00A651;}
#mail {margin-top: 10px; padding-left: 40px; height:30px; line-height: 30px; background: url('images/mail.gif') no-repeat left;}
#tel {margin-top: 10px; padding-left: 40px; height:30px; line-height: 30px; background: url('images/tel.gif') no-repeat left;}
#fax {margin-top: 10px; padding-left: 40px; height:30px; line-height: 30px; background: url('images/fax.gif') no-repeat left;}
#home {margin-top: 10px; padding-left: 40px; background: url('images/home.gif') no-repeat top left;}
#heure {margin-top: 10px; margin-bottom: 20px; padding-left: 40px; line-height: 30px; background: url('images/heure.gif') no-repeat top left;}
.center {text-align:center; margin: 20px 20px 0px 20px;}
.cdvol li{list-style-position:inside; padding: 0px; margin:10px 25px 0px 25px; font-size:1em; text-align: justify;  color:#336633;}
.cdvul li{list-style-type:disc; padding:0px; margin:5px 0px 0px 15px; font-size:1em; text-align: justify;  color:#336633;}
#navi {height: 25px; margin: 0px 10px 0px 5px;}
#navi td {color:#336633; font-size:0.8em; font-weight:bold; text-align:center;}
#navi2 {float:right; height: 25px; margin: 0px 10px 0px 5px;}
#navi2 td {color:#336633; font-size:0.8em; font-weight:bold; text-align:center;padding:3px;}
.data {margin:10px 25px 0px 25px;}
.data td {color:#336633;font-size:0.8em; padding: 0px 5px 0px 5px;}
.titre {text-align: center; color:#336633;font-size:1em; font-weight:bold; margin-top:20px;}
input {text-align:center;}
form {margin-left: 25px; font-size: 0.8em; color:#336633;}
.ok {display:block; height:30px; line-height:30px; background: url('images/ok.gif') no-repeat left; text-indent: 40px; color:#336633;}
.ok:hover{color:#00A651;}
.retour {display:block; height:30px; line-height:30px; background: url('images/retour.gif') no-repeat left; text-indent: 40px; color:#336633;}
.retour:hover{color:#00A651;}
.add {display:block; height:30px; line-height:30px; background: url('images/add.gif') no-repeat left; text-indent: 40px; color:#336633;}
.add:hover{color:#00A651;}
.del {display:block; height:30px; line-height:30px; background: url('images/del.gif') no-repeat left; text-indent: 40px; color:#336633;}
.del:hover{color:#00A651;}
.edit {display:block; height:30px; line-height:30px; background: url('images/edit.gif') no-repeat left; text-indent: 40px; color:#336633;}
.edit:hover{color:#00A651;}
.helpbloc{float:right; padding:5px; width:200px; color:#336633; font-size:0.8em; margin: 50px 15px 0px 5px; border: dashed 2px red;text-align:center;}

#footerbis {width:760px; height:50px; line-height:25px; background: url('images/footer.gif'); text-align:center; font-size:0.7em; color:black;}
#bantitre {margin-left:20px; width:720px; height:25px; background:url('images/bantitre.gif');}
#banevent {margin-left:20px; width:720px; height:25px; background:url('images/banevent.gif');}