html,body{margin:0;padding:0;height:100%}
body{font: 80%/1.2 Verdana,Arial,sans-serif;
    text-align: center;padding-bottom:20px;background:#E2FA7E;background-image: url(../images/fondgeneral.png);background-repeat:repeat-x;}

p{margin-top:0;}
div#header{width:98%;overflow:hidden;}
div#header h1,div#menu{width:96%;margin:0 2%;text-align:left;background:#B9DC22;}
div#header h1{padding: 30px 0 10px;color: #FFF}
div#bandeau{width:100%;height:40px;background-position: left top;background-image: url(../../images/geomatika/geomatika.gif);background-repeat:no-repeat;}
#logo{width:200px;height:160px;background-position: center center;background-image: url(../../images/isigeo_collectivites.jpg);background-repeat:no-repeat;}

div#pub{float:right;font-size:10px;}
div#pub a{color:#000;text-decoration:none;}

ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{float:right;font-size: 80%;}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 95px;padding: 5px 0;background-image: url(../images/grad_onglet.png);background-repeat:repeat-y;text-decoration:none;color: #050}
ul#nav a:hover{background: #CDFFA1;color: #F80;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}

.corpsblack{color : #000000;}
.corpserror{color : #F60;}

h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h1{font-size:14px;}
h3{font-size:120%;}

div#container{width:98%;margin:0 1%;padding:0px;text-align:left;background-color:#FFF;}
div#bandeau1 {margin: 0px;padding:0px;color: #007BC4;z-index:100;}
.fondbandeau1 {background-image: url(../images/fond_bandeau1.png);background-repeat:repeat-x;}
.fondbandeau1 a	{color: #000;text-decoration: none;}
.fondbandeau1 a:hover	{ 	color: #CCFF00;	background-color: #000000;	text-decoration: none}


div#content{width:100%;padding:0px;margin:0px;}
div#content h2{margin: 10px 0;color: #007BC4}


div#appart1{cursor:pointer;width:150px;float:left;background-image: url(../images/fondappart3.png);background-repeat:repeat-x;text-align:center;font-size:11px;padding-top:4px;color:white;margin:10px;}
div#appart2{cursor:pointer;width:150px;float:left;background-image: url(../images/fondappart2.png);background-repeat:repeat-x;text-align:center;font-size:11px;padding-top:4px;color:white;margin:10px;}
div#appart3{cursor:pointer;width:150px;float:left;background-image: url(../images/fondappart4.png);background-repeat:repeat-x;text-align:center;font-size:11px;padding-top:4px;color:white;margin:10px;}

div#contact{cursor:pointer;width:150px;float:left;background-image: url(../images/grad_onglet.png);background-repeat:repeat-y;text-align:center;font-size:11px;padding-top:4px;color:#F80;margin:10px;}
div#photos{cursor:pointer;width:150px;float:left;background-image: url(../images/fondphotos.png);background-repeat:repeat-x;text-align:center;font-size:11px;padding-top:4px;color:#F80;margin:10px;}
div#mapaccess{cursor:pointer;width:150px;float:left;background-image: url(../images/mapzabaloa.png);background-repeat:no-repeat;text-align:center;font-size:11px;padding-top:4px;color:#F80;margin:10px;}
div#btnphoto{cursor:pointer;float:left;background-image: url(../images/grad_onglet.png);background-repeat:repeat-y;text-align:center;font-size:11px;padding:4px;color:#F80;margin:10px;}

div.bdcontent{width:250px;padding:0px;text-align:left;background-color:#CADCEB;}
div.bdcontent a{font-size : 10px;color : #000000; text-decoration:none;}






div#footer {width:100%;margin:0px;padding: 0px;background: #656565;text-align:center}
div#footer a{margin:0;color: #FFF;font-size:10px}

img.png {
behavior: url(png.htc);
}