/* init */
html * {padding: 0px; margin: 0px;}
body{font-size:12px;font-family: Trebuchet MS; margin:0px;text-align:left; text-decoration: none;background-color:#232323;}
a img {border: 0;}
p{font-size: 12px }
/* style page */
div#page {width:100%; margin:0px auto;text-align:left;background-color:#FFF;background-image:url(../images_cartographie/fond_page.gif); background-position:top-left; background-repeat:repeat-x}
/********************************************************************************************************************/
/* style header */
div#header {width:100%; height:207px;text-align:right; background-image:url(../images_cartographie/header.jpg);background-repeat:no-repeat; background-position:bottom left}
div#ombre_haut {width:100%; height:207px;}
div#logo1 {position:absolute;left:0px; top:0px; width:503px; height:94px;white-space:nowrap;background-image:url(../images_cartographie/logo.gif);background-repeat:no-repeat; background-position:top left}
div#logo2 {position:absolute; top:59px; left:166px; white-space:nowrap;font-size:11px;color:#b1b1b1}
html>body #logo3{visibility:hidden;display:none}
div#logo3 {visibility:hidden;display:none}
#logo3 a{visibility:hidden;display:none}
html>body #logo4{visibility:hidden;display:none}
div#logo4 {visibility:hidden;display:none}
#logo4 a{visibility:hidden;display:none}
/********************************************************************************************************************/
/* style menu haut */
div#menu {width:100%;}
div#menu-accueil {width:100%;}
div#retour_accueil {position:absolute; top:93px; left:0px; width:300px; height:141px; font-size:10px; padding-left:0px}
div#rubrique_menu {width:900px;height:86px;padding-left:0px;margin-left:100px; margin-top:8px}
/* style rubrique menu haut */
#rubrique {margin:0; padding:0; float:left; width: 100%;height:22px;font-size:10px}
#rubrique li {display:inline; padding:0; margin:0;}
#rubrique a:link, #rubrique a:visited {height:22px;padding:10px 10px 0px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; float: left; width:auto; white-space:nowrap; background-image:url(../images_cartographie/separ_menu.gif);background-repeat:no-repeat; background-position:top right }
#rubrique a.s:link, #rubrique a.s:visited {background-color:#FFF;height:22px;padding:10px 10px 0px 10px; text-decoration:none; color:#000; text-transform:uppercase; float:left; width:auto;white-space:nowrap;}
#rubrique a:hover { color:#ffffff; white-space:nowrap;background-color:#666666;}
/********************************************************************************************************************/
/* style menu gauche et contenu main */
div#sidecol {padding: 10px; width: 0px; float: right}
div#navcol {min-height:440px;padding: 0px; width: 100px; float: left;padding-top:0px;}
div#navcol-accueil {padding: 0px; width: 100px; float: left;padding-top:0px;}
div#main {background-color:#FFF;list-style-image:url(../images_cartographie/puce-contenu.gif);list-style-position:outside;padding: 0px; margin-left: 90px; margin-right: 0px;padding-top:0px;padding-left:20px;padding-right:40px;}
div#main_actu {background-color:#FFF;list-style-image:url(../images_cartographie/puce-contenu.gif);list-style-position:outside;padding: 0px; margin-left:0px; margin-right: 0px;padding-top:0px;padding-left:00px;padding-right:40px;}
div#main-accueil {padding: 0px; margin-right: 0px; padding-top:20px;}
div#main td{}
div#main ul {list-style-image:url(../images_cartographie/puce-contenu.gif);list-style-position:outside;margin-left: 00px;border: none;}
div#main ul li {list-style-image:url(../images_cartographie/puce-contenu.gif);list-style-position:outside;margin-left: 10px;border: none;}
div#column1 { margin: 0px; padding: 0px; background-position: right; background-repeat: repeat-y; width: 100%;background-color:#FFF;}
div#column2 {margin: 0px; padding: 0px;width: 990px;}
html>body #column2{width:990px; min-width:990px;}
.rule {width:900px; background:#c00; color:#fff; margin:1em 0; visibility:hidden;}
.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0;}
#liens-home a:link, #liens-home a:visited, #liens-home a:hover{text-decoration:none;}
/********************************************************************************************************************/
/* style footer */
div#footer {width:100%; height:40px; padding:0px;vertical-align:middle;background-image:url(../images_cartographie/fond_page.gif); background-position:top-left; background-repeat:repeat-x}
div#footer-index {width:100%; height:40px; padding:0px;vertical-align:middle;background-image:url(../images_cartographie/fond_page.gif); background-position:top-left; background-repeat:repeat-x}
div#ombre_bas {width:100%; height:5px; vertical-align:middle;}
div#footer1 {float:right; width:10px; height:20px; vertical-align:middle;}
div#footer2 {float:left; width:950px; height:20px; color:#0460b4; vertical-align:middle;padding-left:20px;padding-top:10px }
div#footer2-accueil {float:left; width:950px; height:20px; color:#0460b4; vertical-align:middle;padding-left:20px; }
/* style footer_text */
#footer2 .footer_text {color:#9e9e9e; text-decoration:none; font-size:10px; vertical-align:middle; padding-left:0px; padding-right: 0px;}
#footer2 a,#footer2 a:link {font-size:10px;padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px; color: #9e9e9e; text-decoration: underline;}
#footer2 a:hover {font-size:10px;color: #9e9e9e; text-decoration: underline;}
/* style footer_text */
#footer2-accueil .footer_text {color:#9e9e9e; text-decoration:none; font-size:10px; vertical-align:middle; padding-left:0px; padding-right: 0px;}
#footer2-accueil a,#footer2-accueil a:link {font-size:10px;padding-top:2px; padding-bottom:2px; padding-left:0px; padding-right:0px; color: #9e9e9e; text-decoration: underline;}
#footer2-accueil a:hover {font-size:10px;color: #9e9e9e; text-decoration: underline;}
#page_actu {float: left;}
#main_actu {margin-left:193px;margin-top:0px;width:588px;background-color:white; padding-left:11px; padding-top:10px }
.actu_index {width:566px;}
.lien_actu {color: #D20019; font-weight: bold; font-size: 17px; text-decoration: underline;}
.separation {width:566px;height:1px;background-image:url(../images_cartographie/separation.jpg);background-repeat:no-repeat;border: 0;margin-top:5px;border: none; float:left;}
.separation hr{display: none;}
.image_actu_index{float:left; margin-right:10px; margin-bottom:10px;border:3px solid #D20019}
#bloc_actu{width:566px;padding-left:10px;padding-top:50px}
#bloc_bienvenu{position:absolute;top:250px;left:50px;}
#edito{width:833px; background-color:#FFF;padding-left:110px;padding-top:10px;padding-bottom:10px; }
#edito p{font-size:11px}
/********************************************************************************************************************/
#raccourcis { visibility: visible; position: absolute; top: 335px; left: 720px; width: 233px; height: 410px; background-image:url(../images_cartographie/back-raccourcis.gif); background-position:top-left; background-repeat:no-repeat; padding:10px}
#visu-accueil{background-image:url(../photos/logo/pictos-accueil.jpg); background-position:top-left; background-repeat:no-repeat;width: 864px; height: 176px; }
div#transports { visibility: visible;position: absolute; top: 460px; left: 145px; width: 100px; height: 115px;text-align:center ; vertical-align:top}
#transports a:link, #transports a:visited{text-decoration:none; color:#1a4c81; font-size:11px; }
#transports a:hover{text-decoration:underline}
div#amenagement { visibility: visible; position: absolute; top: 460px; left: 276px; width: 100px; height: 115px;text-align:center ; vertical-align:top}
#amenagement a:link, #amenagement a:visited{text-decoration:none; color:#6aa40c; font-size:11px; }
#amenagement a:hover{text-decoration:underline}
div#analyse { visibility: visible;position: absolute; top: 460px; left: 412px; width: 100px; height: 115px; text-align:center; vertical-align:top}
#analyse a:link, #analyse a:visited{text-decoration:none;color:#f18c00; font-size:11px ;}
#analyse a:hover{text-decoration:underline}
div#tourisme { visibility: visible; position: absolute; top: 460px; left: 548px; width: 100px; height: 115px; text-align:center; vertical-align:top }
#tourisme a:link, #tourisme a:visited{text-decoration:none;color:#b80022; font-size:11px;}
#tourisme a:hover{text-decoration:underline}
div#route { visibility: visible;position: absolute; top: 460px; left: 690px; width: 100px; height: 115px; text-align:center ; vertical-align:top }
#route a:link, #route a:visited{text-decoration:none;color:#9e9e9e; font-size:11px;}
#route a:hover{text-decoration:underline}
div#maj { visibility: visible;position: absolute; top: 460px; left: 823px; width: 130px; height: 115px;text-align:center ; vertical-align:top}
#maj a:link, #maj a:visited{text-decoration:none; color:#1a4c81; font-size:11px; }
#maj a:hover{text-decoration:underline}
/* style rubrique menu gauche */
#navcol .smenu {margin:0; padding:0; list-style-type:none; vertical-align:middle;}
#navcol .smenu li {margin-top: 0px;}
#recherche {padding:5px 10px 5px 10px;color: #000000; font-weight:bold;text-decoration: none;visibility:hidden;display:none}
#recherche a{padding:5px 10px 5px 0px;color: #000000; font-weight:bold;text-decoration: none;visibility:hidden;display:none}
#recherche a:hover {padding:5px 10px 5px 0px;color: #000000; text-decoration: underline;visibility:hidden;display:none}
/* niveau 1 selectionné */
.ul1p1 {margin-left: 0px;margin-top: 0px;list-style-image:url(../images_cartographie/space.gif);list-style-position:outside;background-color: #ffffff;padding-right:10px;padding-left:10px; padding-top:8px;padding-bottom: 8px}
/* niveau 1 non-selectionné */
.ul1p2 {margin-left: 0px;margin-top: 0px;list-style-image:url(../images_cartographie/space.gif);list-style-position:outside;padding-right:10px;padding-left:10px; padding-top:8px;padding-bottom: 8px}
/* niveau 2 selectionné */
.ul2p1 {margin-left: 0px;margin-top: 0px;list-style-position:outside;list-style-image:url(../images_cartographie/puce-on.gif);padding-right:10px;padding-left:20px; padding-top:0px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 2 non-selectionné */
.ul2p2 {margin-left: 0px;margin-top: 0px;list-style-position:outside;list-style-image:url(../images_cartographie/puce-off.gif);padding-right:10px;padding-left:20px; padding-top:0px;padding-bottom: 5px;background-color: #ffffff }
/* niveau 2 parent */
.ul2p3 {margin-left: 0px;margin-top: 0px;;list-style-position:outside;list-style-image:url(../images_cartographie/puce-off.gif);padding-right:10px;padding-left:20px; padding-top:0px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 3 selectionné */
.ul3p1 {margin-left: 0px;margin-top: 0px;list-style-image:url(../images_cartographie/space.gif);list-style-position:outside;padding-left:30px; padding-top:2px;padding-bottom: 5px;background-color: #fff}
/* niveau 3 non-selectionné */
.ul3p2 {margin-left: 0px;margin-top: 0px;list-style-image:url(../images_cartographie/space.gif);list-style-position:outside;padding-left:30px; padding-top:2px;padding-bottom: 5px;background-color: #fff}
/* niveau 3 parent */
.ul3p3 {margin-left: 0px;margin-top: 0px;list-style-image:url(../images_cartographie/space.gif);list-style-position:outside;padding-left:30px; padding-top:2px;padding-bottom: 5px;background-color: #fff}
/* niveau 4 selectionné */
.ul4p1 {margin-left: 0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 4 non-selectionné */
.ul4p2 {margin-left: 0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 4 parent */
.ul4p3 {margin-left:0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 5 selectionné */
.ul5p1 {margin-left:0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 5 non-selectionné */
.ul5p2 {margin-left: 0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* niveau 5 parent */
.ul5p3 {margin-left: 0px;margin-top: 0px;list-style-position:outside;padding-left:30px; padding-top:5px;padding-bottom: 5px;background-color: #ffffff}
/* fond non-selectionné */
.f1 {margin: 0px; width: 193px; display: block; text-align: left; text-decoration: none; padding-left:0px;}
/* fond selectionné */
.f2 {margin: 0px; width: 193px; display: block; text-align: left; text-decoration: none; padding-left:0px;}
/* fond parent */
.f3 {margin: 0px; width: 193px; display: block; text-align: left; text-decoration: none; padding-left:0px;}
/* style police niv 1 non-selectionné */
a.ns1,a.ns1:visited {color:#f47721;text-decoration: none; font-weight:bold; }
/* style police niv 1 selectionné */
a.s1,a.s1:visited {color:#4f0f0f; text-decoration: none; font-weight:bold; }
/* style police niv n selectionné */
a.sn,a.sn:visited {color:#760a0a; text-decoration: none; }
a.snn,a.snn:visited {color:#760a0a; text-decoration: none;font-size:11px; }
/* style police niv n non-selectionné */
a.nsn,a.nsn:visited {color:#ffffff; text-decoration: none; }
/* style police niv n parent */
a.pn,a.pn:visited {color:#958585; text-decoration: none; }
a.pnn,a.pnn:visited {color:#958585; text-decoration: none; font-size:11px;}
/* styles liens div main .= styles du contenu des pages */
#main a:link,#main a:visited {color: #FFA200; font-weight:bold; text-decoration: underline;}
#main a:hover {color: #FFA200; text-decoration: underline;}
#main .title {color: #7a330A; font-weight:bold; font-size:13px;}
/* Style du contenu */
#titrerubrique {color:#4f0f0f; font-size:18px; font-weight:bold;text-transform:uppercase;}
H1{font-size:16px; color:#666666; text-decoration: none; font-weight:bold;}
H2{font-size:14px; color:#666666; text-decoration: none; font-weight:bold;padding-top:13px}
H3{font-size:12px; color:#666666; text-decoration: none; font-weight:bold;padding-top:13px}
#raccourcis a:link, #raccourcis a:visited {color:#717171; text-decoration:none;font-weight: normal;}
#raccourcis a:hover {color:#717171; text-decoration:underline;font-weight: normal;}