html, body 	{}

body {background-color:#F3E63F;color:#111111;font:12px arial, helvetica, sans-serif;margin:0px;padding:0px;text-align:center;}

#conteneur{background-image:url(../images/layout/bg-contenu.jpg);background-repeat:repeat-y; margin:auto;width:760px;}
#principal{background-image:url(../images/layout/bg-haut.jpg);background-repeat:no-repeat;min-height:440px;padding:1px;text-align:left;width:760px;}

#logo{margin:0px 25px;}
#colmenu{float:left;margin:100px 0px 120px 0px;padding:1px;width:215px;}
#colmenu .menu{padding:1px;margin:0px 0px 0px 35px;}
#colmenu .menu div{margin:5px 0px;}
#colmenu .menu a:link{background-image:url(../images/menu-ico.gif);background-repeat:no-repeat;color:#FFFCDC;font-size:12px;padding:0px 0px 0px 30px;text-decoration:none;}
#colmenu .menu a:visited{background-image:url(../images/menu-ico.gif);background-repeat:no-repeat;color:#FFFCDC;font-size:12px;padding:0px 0px 0px 30px;text-decoration:none;}
#colmenu .menu a:hover{background-image:url(../images/menu-ico-i.gif);background-repeat:no-repeat;color:#FFFFFF;font-size:12px;padding:0px 0px 0px 30px;text-decoration:none;}
#colmenu .pub{margin:25px 0px 0px 35px;text-align:center;}
#colmenu .pub p{color:#FFFCDC;font-weight:700;margin-bottom:3px; text-align:center;}
#colmenu .pub img{border:none;}

#contenu{float:left;margin:-40px 0px 0px 20px;width:470px;}
#arbre{background-image:url(../images/layout/arbre.gif);background-repeat:no-repeat;margin:-105px 0px 0px 1px;height:226px;float:left;position:absolute;width:228px;}
#piedpage{background-image:url(../images/layout/bg-bas.jpg);background-repeat:no-repeat;height:118px;}

.conteneur-logo{float:left;margin:10px 5px;padding:1px;}
.conteneur-logo div.element {clear:both;}
.conteneur-logo div.logo {float:left;margin:0px 5px;}
.conteneur-logo div.description {float:left;margin:10px 10px;text-align:left; width:250px;}
.conteneur-logo img {border:none;}
.conteneur-logo a.lien-info:link{background-image:url(../images/ico-lien.gif);background-repeat:no-repeat;margin-right:20px;padding:0px 0px 0px 24px;text-decoration:none;}
.conteneur-logo a.lien-info:visited{background-image:url(../images/ico-lien.gif);background-repeat:no-repeat;margin-right:20px;padding:0px 0px 0px 24px;text-decoration:none;}
.conteneur-logo a.lien-info:hover{background-image:url(../images/ico-lien-i.gif);background-repeat:no-repeat;margin-right:20px;padding:0px 0px 0px 24px;text-decoration:none;}

.entete-urbanus{float:left;height:60px;width:460px;}
.entete-urbanus .titre{float:left;margin:10px 0px 0px 0px;}
.entete-urbanus .menu{background-image:url(../images/urbanus/fond-menu.jpg);display:none;background-repeat:no-repeat;height:35px;margin-bottom:15px;padding:3px 0px 0px 10px;width:350px;}
.entete-urbanus .item{float:left;margin:3px 0px 0px 0px;}
.entete-urbanus .item a:link{color:#FFFDDC;text-decoration:none;}
.entete-urbanus .item a:visited{color:#FFFDDC;text-decoration:none;}
.entete-urbanus .item a:hover{color:#FFFFFF;text-decoration:none;}
.entete-urbanus .separateur{float:left;width:10px;height:10px;}
.entete-urbanus .logo{float:left;}

.corps-urbanus{float:left;margin-top:30px;overflow:hidden;width:300px;}
.corps-urbanus img {float:right;}
.corps-urbanus .quartier{background-image:url(../images/fond-menu.gif);background-repeat:no-repeat;color:#FFFFFF;cursor:pointer;float:left;height:53px;margin:0px 5px 10px 10px;padding:5px 10px;width:135px;}
.corps-urbanus .quartier-on{background-image:url(../images/fond-menu-i.gif);}
.corps-urbanus .quartier h3{color:#FFFFFF;font-size:18px;margin:2px 0px 0px 0px;padding:0px;}
.corps-urbanus .quartier p{color:#FFFFFF;font-size:13px;font-weight:700;margin:0px;padding:0px;}
.corps-urbanus .quartier a{display:none;}

.colpub-urbanus{display:inline;float:right;margin-top:25px;padding-left:5px;width:150px;}
.colpub-urbanus .menu{float:right;margin:10px 0px;width:150px;}
.colpub-urbanus .menu .item{margin-top:4px;}
.colpub-urbanus .menu .item a:link{text-decoration:none;}
.colpub-urbanus .menu .item a:visited{text-decoration:none;}
.colpub-urbanus .menu .item a:hover{text-decoration:none;}
.colpub-urbanus h3{font-size:12px;margin:0px;}
.colpub-urbanus .pub{margin:5px 0px 20px 0px;}
.colpub-urbanus .pub img{border:1px solid #3B8C47;}

.pub-charte{float:left;margin:10px 0px 0px 0px;}

.wrapper-photo{float:left;margin:0px 7px 15px 7px;}
.wrapper-photo img{float:left;}
.wrapper-photo p{clear:left;float:left;font-size:10px;font-weight:bold;margin:5px 0px 0px 0px;text-align:center;width:100%;}

.boite-blanche{width:450px;}
.boite-blanche .haut{background-image:url(../images/layout/boite-blanche/haut.jpg);background-repeat:no-repeat;height:34px;width:100%;}
.boite-blanche .centre{background-image:url(../images/layout/boite-blanche/centre.jpg);background-repeat:repeat-y;padding:0px 10px;width:100%;}
.boite-blanche .centre img{border:none;float:left;margin:20px 5px;}
.boite-blanche .bas{background-image:url(../images/layout/boite-blanche/bas.jpg);background-repeat:no-repeat;height:37px;width:100%;}

div.onglet-conteneur {border-bottom:1px solid #31723A;float:left;margin:20px 0px;width:100%;}
div.onglet-conteneur p{color:#FFFFFF;margin:7px 0px 0px 0px;font-weight:700;text-align:center;}
div.onglet-conteneur a:link {color:#FFFFFF;font-weight:700;text-decoration:none;}
div.onglet-conteneur a:visited {color:#FFFFFF;font-weight:700;text-decoration:none;}
div.onglet-conteneur a:hover {color:#FFFFFF;font-weight:700;text-decoration:none;}
div.onglet{background:url(../images/onglet-off.gif) top right no-repeat;color:#FFFFFF;cursor:pointer;float:left;height:40px;margin-right:5px;width:125px;}
div.onglet-over{background:url(../images/onglet-over.gif) top right no-repeat;color:#FFFFFF;cursor:pointer;float:left;height:40px;margin-right:5px;width:125px;}
div.onglet-on{background:url(../images/onglet-on.gif) top right no-repeat;color:#000000;cursor:default;float:left;height:40px;margin-right:5px;width:125px;}
div.onglet-on p{color:#000000;}