*{ margin:0; padding:0; border:0; background-repeat:no-repeat; } strong,em,q,address{ font-style:normal; } body{ font-family:Verdana,sans-serif; font-size:12px; font-size:12px; color:#333333; background-color:#E3DCBB; } img{ behavior:url(/htc/fixpng.htc); } q{ behavior:url(/htc/fixquotes.htc); } *:lang(fr)>*{ quotes:"ÇÊ" "ÊÈ" "Ò" "Ó" } *:lang(en)>*{ quotes:"Ô" "Õ" "Ò" "Ó" } *:lang(en-us)>*{ quotes:"Ò" "Ó" "Ô" "Õ" } *:lang(es)>*{ quotes:"Ç" "È" "Ô" "Õ" } ul{ list-style-type:none; } input{ vertical-align:middle; } textarea{ width:100%; vertical-align:top; } a{ color:#047CE2; } a:hover{ color:#034D8C; } #GLOBAL{ width:850px; margin-left:auto; margin-right:auto; } #HEADER{ position:relative; height:240px; width:850px; background-color:#FaF8F0; background-position:0 top; background-image:url(../_img/header/cahe-header.png); } /*.ville-service #BODY{background-color:#CBC5D8; } .mairiepratique #BODY{background-color:#CBCFDF; } .decouvrir #BODY{background-color:#D8EFa1; } .economie #BODY{background-color:#FEFFB5; } .vie-municipale #BODY{background-color:#CFD8E4; } .culture #BODY{background-color:#D3C2aD; } .marchespublics #BODY{background-color:#C8E6E3; } .ville-recrute #BODY{background-color:#FFF0Ba; }*/ .b2,.b3{ position:relative; width:850px; min-height:380px; padding-top:7px; padding-bottom:7px; background-color:#FaF8F0; } .b2 #BOX1,.b3 #BOX1{ padding:5px 5px 9px 5px; position:absolute; left:0; width:21px; margin-left:7px; background-color:#ffffff; z-index:4; } html>body .b2 #BOX1,html>body .b3 #BOX1{ left:auto; position:fixed } .b2 #BOX1,.b2 #BOX2,.b3 #BOX1,.b3 #BOX2{ background-color:#ffffff; background-image:url(../_img/header/ombre-bottom.png); background-position:right bottom; background-repeat:repeat-x; } .b2 #BOX2,.b3 #BOX2{ position:relative; margin-left:45px; } .b2 #BOX2{ width:798px; height:500px; min-height:500px; } html>body .b2 #BOX2{ height:auto; } .b3 #BOX2{ width:541px; height:500px; min-height:500px; } html>body .b3 #BOX2{ height:auto; } .b3 #BOX3{ position:absolute; width:250px; height:500px; top:7px; right:7px; } .b3-c3{ position:relative; width:940px; } .b3-c3 #BOX1{ position:absolute; width:250px; height:400px; padding:0; left:0; } .b3-c3 #BOX2{ position:relative; width:360px; height:400px; min-height:400px; margin:0 0 0 250px; padding:0; } .b3-c3 #BOX3{ position:absolute; width:320px; height:400px; top:0; right:7px; } #FOOTER{ position:relative; width:100%; height:40px; } #P2{ background-color:#E4E4C7; } #P2 #GLOBAL{ width:940px; margin-left:auto; margin-right:auto; background-image:url(../_img/accueil/commun/fond.jpg); } #P2 #HEADER{ position:relative; height:90px; width:100%; padding-top:30px; background-color:transparent; background-image:none; } #P2 #HEADER #logo{ position:absolute; left:100px; top:10px; } #P2 #HEADER h1 em { display:block; height:30px; background-image:url(../_img/accueil/commun/bienvenue.png); background-color:#E4E4C7; background-position:210px -2px; } #P2 #HEADER h1 strong{ display:block; background-image:url(../_img/accueil/commun/clayes.png); background-repeat:no-repeat; width:305px; height:41px; margin-top:5px; margin-left:51%; } #P2 #HEADER h1 span{ visibility:hidden; } #P2 #BODY{ width:100%; background-color:transparent; background-image:none; } #P2 #menu3{ display:none; } #BOX1 blockquote{ display:none; } #flash{ overflow:hidden; display:block; position:absolute; left:20px; bottom:19px; z-index:11; width:580px; height:17px; } .SECTION-flashnews{ background-color:#0060C1; line-height:11px; font-weight:normal; font-family:Verdana; font-size:11px; font-style:normal; color:#ffffff; } #estompe{ position:absolute; top:0; left:0; z-index:20; width:580px; height:17px; } #defil{ margin:0; padding:2px 0 0 0; white-space:nowrap; } #HEADER #logoclayes{ position:absolute; width:70px; height:56px; top:23px; left:0px; z-index:11; } #HEADER #visuel{ position:absolute; top:10px; left:86px; margin:0; z-index:12; width:180px; height:150px; } #perspective{ position:absolute; list-style:none; right:30px; top:48px; width:608px; height:80px; padding:3px; padding-right:0; overflow:hidden; white-space:nowrap; background-color:#fff; } #perspective li, #perspective img, #perspective a{ width:120px; height:80px; border:0; margin:0; } #perspective li{ list-style-type:none; float:left; border-right:1px solid #fff; } #perspective a{ display:block; } #perspective ul{ display:none; } /*Mise en forme*/ #BOX3 {line-height:1.3; } /*Mise en forme box2*/ #P15 #BOX2 p strong{ color:#067200; } #BOX2 .partie {font-weight:normal; background-color:#E9FCB5; margin:5px; padding:1px; } .SECTION-generic{ font-family:Verdana; font-size:10px; padding:5px; } .SECTION-generic h1{ padding:6px 5px 4px 10px; margin-bottom:10px; border-bottom:1px solid #B8B88a; color:#B8B88a; font-family:arial; font-size:12px; font-weight:bold; background-color:#eeeeee; background-position:right 0; background-repeat:repeat-y; } .SECTION-generic h2{ margin-top:20px; margin-bottom:9px; padding-left:28px; color:#7C86BD; font-family:Verdana; font-size:13px; font-weight:normal; background-image:url(../_img/icon/pucepratique3.png); background-position:12px center ; } .SECTION-generic h3{ margin-bottom:6px; padding:8px 0 6px 14px; font-family:Verdana; font-size:11px; font-weight:normal; color:#666666; } .SECTION-generic h4{ margin-bottom:4px; padding:5px 0 2px 16px; font-family:Verdana; font-size:11px; font-weight:normal; color:#666666; } .SECTION-generic h5{ margin-bottom:3px; padding:5px 0 2px 18px; font-family:Verdana; font-size:10px; font-weight:normal; color:#999999; } .SECTION-generic h6{ margin-bottom:3px; padding:5px 0 2px 20px; font-weight:bold; font-size:9px; font-family:Verdana; background-image:url(../_img/icon/sign2.png); background-position:left 0; color:#999999; } .mairiepratique #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-1.png); background-color:#D1D8FB; border-bottom:1px solid #7c86bd; color:#44485E; } .decouvrir #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-2.png);background-color:#D2FFa6; color:#325213; border-bottom:1px solid #36aa00; } .vie-municipale #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-3.png);background-color:#C9E2FD; color:#023772; border-bottom:1px solid #3d7dc5; } .culture #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-4.png);background-color:#FCE5CC; color:#5a2020; border-bottom:1px solid #a22323; } .economie #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-6.png);background-color:#FFE9B0; color:#6a5600; border-bottom:1px solid #B79B00; } .marchespublics #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-8.png);background-color:#DaFEFE; color:#005F55; border-bottom:1px solid #21d2c0; } .ville-recrute #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-7.png);background-color:#FFE2BF; color:#5C3301; border-bottom:1px solid #Da7901; } .ville-service #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-5.png);background-color:#D7C8FF; color:#362465; border-bottom:1px solid #7649e9; } .informations-legales #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-10.png);background-color:#ffbf70; color:#616155; border-bottom:1px solid #7889DF; } .enunclic #BOX3 .SECTION-generic h1{background-image:url(../_img/titre/fond-pratique-9.png);background-color:#e2e2c7; color:#7889DF; border-bottom:1px solid #7EB7D4; } .SECTION-generic p{ font-family:Verdana; font-size:10px; padding:5px; margin:10px; line-height:1.5; } .SECTION-generic p.indent{ text-indent:15px; } .SECTION-generic p.align_right{ text-align:right; } .SECTION-generic p.align_center{ text-align:center; } .SECTION-generic p.justify{ text-align:justify; } .SECTION-generic p.encadre{ border:1px solid #ff0000; } .SECTION-generic p.address{ font-family:Verdana; font-size:10px; padding-left:15px; line-height:1.5; margin-bottom:10px; } .SECTION-generic p.address span{ text-decoration:none; font-family:Verdana; } .SECTION-generic p.note{ text-indent:15px; padding-top:3px; padding-left:4px; font-family:arial; color:#2E5735; background-image:url(../_img/icon/phone.png); background-position:left 4px; } .SECTION-generic p.note strong{ font-family:arial; color:#2E5735; font-weight:bold; } .SECTION-generic p.horaires{ text-indent:15px; padding-top:3px; padding-left:4px; color:#E25C0B; background-image:url(../_img/icon/horloge.png); background-position:left 4px; } .SECTION-generic p.intro{clear:both; display:block; padding:5px; } .SECTION-generic p.lettrine{ text-indent:0; padding:5px; } .SECTION-generic p.lettrine:first-letter{ float:left; padding:5px 4px 0 0; font-size:28px; font-weight:normal; font-family:"Times New Roman"; color:#aBB5E5; text-decoration:none; } .SECTION-generic hr.limit{ margin-bottom:5px; } .SECTION-generic hr.separateur{ height:5px; background-image:url(../_img/separateur.png); background-repeat:repeat-x; } .SECTION-generic blockquote{ margin-left:30px; padding:0 10px 0 10px; } .SECTION-generic blockquote p{ color:#336699; font-style:italic; } .SECTION-generic blockquote.encadre{ border:1px solid #336699; color:#490695; } .SECTION-generic dl{ padding:5px 5px 5px 30px; } .SECTION-generic dl dt{ padding:5px; font-weight:bold; } .SECTION-generic dl dd{ padding-left:30px; } .SECTION-generic dl.diaporama{ } .SECTION-generic dl.diaporama dt{ } .SECTION-generic dl.diaporama dd{ } .SECTION-generic dl.demarches{ padding-top:2px; margin:5px; font-family:Verdana; font-weight:normal; font-size:10px; } .SECTION-generic dl.demarches dt{ cursor:s-resize; padding:4px; border-bottom:1px solid #FDFCEF; background-color:#E5EFFE; text-align:center; color:#4E82CE; } .SECTION-generic dl.demarches dt:hover{ background-color:#CFE2FE; color:#4E82CE; } .SECTION-generic dl.demarches dd{ padding:3px 15px 8px 15px; background-color:#FDFCEF; border-bottom:1px solid #FDFCEF; } .SECTION-generic dl.demarches dd ul{ padding-left:20px; margin:12px 0; } .SECTION-generic dl.pratique { padding:0; border:1px solid #bfc9fb; } .SECTION-generic dl.pratique dt{ padding:4px 0 2px 0; text-align:center; color:#9E9E8B; font-size:10px; font-family:arial; font-weight:normal; background-color:#F5F5E4; background-position:-250px center; } .SECTION-generic dl.pratique dd{ margin:0px; padding:5px; font-size:9px; font-family:Verdana; background-color:#ffffff; } .SECTION-generic dl.pratique a{color:#7c86bd; text-decoration:none; } .SECTION-generic dl.pratique address{ margin:0; padding:0 0 5px 0; font-family:arial; color:#000000; font-style:normal; } .SECTION-generic dl.semaine{ width:170px; padding:0; margin-left:5px; float:left; width:180px; margin-left:10px; font-family:arial; font-size:11px; } .SECTION-generic dl.semaine dt{ padding:5px; border-top:1px solid #888; border-bottom:1px solid #aaa; background-color:#eee; } .SECTION-generic dl.semaine dd{ padding:0; margin-bottom:10px; } .SECTION-generic dl.semaine dd h4{ padding:5px; border-bottom:1px dotted #aaa; } .SECTION-generic dl.semaine dd p{ padding:5px; text-indent:0; margin:0 } .SECTION-generic dl.panel{ position:relative; width:312px; margin:0; padding:5px 14px 14px 0; background-position:right bottom; background-image:url(../_img/accueil/news/panel-ombre8.png); } html>body .SECTION-generic dl.panel{ background-image:url(../_img/accueil/news/panel-ombre.png); } .SECTION-generic dl.panel dt{ position:absolute; width:100px; top:-10px; left:13px; z-index:10; padding:2px 12px 3px 12px; font-family:arial; color:#ffffff; background-color:#4971B2; font-weight:normal; font-size:11px; text-align:center; } .SECTION-generic dl.panel dd{ clear:both; overflow:hidden; min-height:68px; margin:0; padding:8px 8px 0 8px; border-bottom:1px solid #ffffff; line-height:12px; font-family:arial; background-color:#EFEEE0; color:#000000; font-weight:normal; font-size:11px; cursor:pointer; } .SECTION-generic dl.panel dd a{ color:#000000; text-decoration:none; } .SECTION-generic dl.panel dd p{ margin:0; padding:0; line-height:12px; font-family:Arial; font-size:11px; } .SECTION-generic dl.panel dd p img.align-left{ margin-right:8px; } .SECTION-generic dl.panel dd p img.align-right{ margin-left:8px; } .SECTION-generic dl.panel dd.off{ cursor:default; } .SECTION-generic dl.panel dd.over{ background-color:#E2E2C3; } .SECTION-generic dl.panel dd.out{ background-color:#EFEEE0; } .SECTION-generic ul{ padding:5px 5px 5px 30px; list-style-type:square; } .SECTION-generic ul ul{ list-style-type:circle; } .SECTION-generic ul ul ul{ list-style-type:disc; } .SECTION-generic ul ul ul ul{ list-style-type:square; } .SECTION-generic ul.listpuce{ margin-top:4px; margin-bottom:10px; padding-left:70px; color:#000000; } .SECTION-generic ul.listpuce ul{ padding-left:40px; } .SECTION-generic ul.listpuce li{ padding-left:3px; padding-right:10px; line-height:1.5; color:#4E82CE; font-family:Verdana; font-size:10px; } .SECTION-generic ul.listpuce li strong{ color:#000000; font-weight:normal; } .mairiepratique .SECTION-generic ul.listpuce li{color:#4E82CE; } .ville-recrute .SECTION-generic ul.listpuce li{color:#4F301a; } .decouvrir .SECTION-generic ul.listpuce li{color:#03aE4F; } .SECTION-generic ul.queueleuleu{ list-style:none; padding:0; margin:4px 0 10px 0; overflow:auto; width:100%; border:1px solid #eeeeee; } .SECTION-generic ul.queueleuleu li{ float:left; padding:5px; border:1px solid #ffffff; margin:12px 12px 12px 6px; color:#4E82CE; font-family:Verdana; font-size:10px; text-align:center; } html>body .SECTION-generic ul.queueleuleu li{ margin:12px 12px 12px 12px; } .SECTION-generic ul.queueleuleu li span{ display:block; line-height:0; margin:10px 0 0 10px; padding:0 10px 10px 0; background-image:url(../_img/ombre.png); background-position:right bottom; } .SECTION-generic ul.queueleuleu li span img{ position:relative; top:-3px; left:-3px; } .SECTION-generic ul.queueleuleu ul{ list-style:none; margin:0; padding:0; } .SECTION-generic ul.queueleuleu ul li{ border:0; margin:0; padding:0; } #P144 .SECTION-generic ul.queueleuleu li{ width:121px; } .SECTION-generic ol{ padding:5px 5px 5px 30px; list-style-type:decimal; } .SECTION-generic ol.decimal_zero{ list-style-type:decimal-leading-zero; } .SECTION-generic ol.decimal_zero ol{ list-style-type:decimal; } .SECTION-generic ol.decimal_zero ol ol{ list-style-type:upper-roman; } .SECTION-generic div.popup{ display:none; background-color:#ffffff; } #GLOBAL div.popup-on{ display:block; position:absolute; z-index:20; top:50%; left:50%; width:450px; margin-left:-260px; margin-top:-180px; cursor:pointer; background-color:#ffffff; } #GLOBAL div.popup-off{ display:none; } .SECTION-generic div.cols2{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2 div.col1{ float:left; width:49%; border:1px dotted #cccccc; } .SECTION-generic div.cols2 div.col2{ margin-left:51%; border:1px dotted #cccccc; } .SECTION-generic div.cols2-border{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-border div.col1{ float:left; width:49%; border:1px solid #999999; } .SECTION-generic div.cols2-border div.col2{ margin-left:51%; border:1px solid #999999; } .SECTION-generic div.cols2-noborder{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-noborder div.col1{ float:left; width:49%; border:1px solid transparent; } .SECTION-generic div.cols2-noborder div.col2{ margin-left:51%; border:1px solid transparent; } .SECTION-generic div.cols2-30-70{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-30-70 div.col1{ float:left; width:29%; } .SECTION-generic div.cols2-30-70 div.col2{ margin-left:31%; } .SECTION-generic div.cols2-35-65{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-35-65 div.col1{ float:left; width:34%; } .SECTION-generic div.cols2-35-65 div.col2{ margin-left:36%; } .SECTION-generic div.cols2-40-60{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-40-60 div.col1{ float:left; width:39%; } .SECTION-generic div.cols2-40-60 div.col2{ margin-left:41%; } .SECTION-generic div.cols2-55-45{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-55-45 div.col1{ float:left; width:54%; } .SECTION-generic div.cols2-55-45 div.col2{ margin-left:56%; } .SECTION-generic div.cols2-60-40{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-60-40 div.col1{ float:left; width:59%; } .SECTION-generic div.cols2-60-40 div.col2{ margin-left:41%; } .SECTION-generic div.cols2-65-35{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-65-35 div.col1{ float:left; width:64%; } .SECTION-generic div.cols2-65-35 div.col2{ margin-left:66%; } .SECTION-generic div.cols2-70-30{ overflow:auto; margin-bottom:20px; } .SECTION-generic div.cols2-70-30 div.col1{ float:left; width:69%; } .SECTION-generic div.cols2-70-30 div.col2{ margin-left:71%; } .SECTION-generic div.cols3{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3 div.col1{ float:left; width:31%; border:1px dotted #cccccc; } .SECTION-generic div.cols3 div.col2{ float:left; width:31%; margin-left:2.2%; border:1px dotted #cccccc; } .SECTION-generic div.cols3 div.col3{ float:left; width:31%; margin-left:2.2%; border:1px dotted #cccccc; } .SECTION-generic div.cols3-border{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-border div.col1{ float:left; width:31%; border:1px solid #999999; } .SECTION-generic div.cols3-border div.col2{ float:left; width:31%; margin-left:2.2%; border:1px solid #999999; } .SECTION-generic div.cols3-border div.col3{ float:left; width:31%; margin-left:2.2%; border:1px solid #999999; } .SECTION-generic div.cols3-noborder{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-noborder div.col1{ float:left; width:31%; border:1px solid transparent; } .SECTION-generic div.cols3-noborder div.col2{ float:left; width:31%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-noborder div.col3{ float:left; width:31%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols3-25-50-25 div.col1{ float:left; width:24%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25 div.col2{ float:left; width:45%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols3-25-50-25 div.col3{ float:left; width:24%; margin-left:2.2%; border:1px solid transparent; } .SECTION-generic div.cols4{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4 div.col1{ float:left; width:23%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col2{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col3{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4 div.col4{ float:left; width:23%; margin-left:1.8%; border:1px dotted #cccccc; } .SECTION-generic div.cols4-border{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4-border div.col1{ float:left; width:23%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col2{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col3{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-border div.col4{ float:left; width:23%; margin-left:1.8%; border:1px solid #999999; } .SECTION-generic div.cols4-noborder{ overflow:auto; margin-bottom:10px; } .SECTION-generic div.cols4-noborder div.col1{ float:left; width:23%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col2{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col3{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } .SECTION-generic div.cols4-noborder div.col4{ float:left; width:23%; margin-left:1.8%; border:1px solid transparent; } .SECTION-generic abbr{ cursor:help; border-bottom:1px dotted #aaaaaa; } .SECTION-generic abbr.quoted:before{ content:open-quote; } .SECTION-generic abbr.quoted:after{ content:close-quote; } .SECTION-generic abbr.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic abbr.zigzag{ background-image:url(../_img/zigzag.png); background-repeat:repeat-x; background-position:bottom left; } .SECTION-generic acronym{ border-bottom:1px dotted #aaaaaa; } .SECTION-generic acronym.quoted:before{ content:open-quote; } .SECTION-generic acronym.quoted:after{ content:close-quote; } .SECTION-generic acronym.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic cite{ color:#999999; } .SECTION-generic cite.quoted:before{ content:open-quote; } .SECTION-generic cite.quoted:after{ content:close-quote; } .SECTION-generic cite.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic dfn.highlight{ padding:0 4px 0 2px; background-color:#B4CDB9; color:#000000; } .SECTION-generic dfn.quoted:before{ content:open-quote; } .SECTION-generic dfn.quoted:after{ content:close-quote; } .SECTION-generic dfn.quoted{ behavior:url(/htc/fixquotes.htc); } .SECTION-generic q{ color:#336699; } .SECTION-generic q.italic{ font-style:italic; } .SECTION-generic span{ text-decoration:underline; } .SECTION-generic span.blink{ text-decoration:blink; color:#ff0000; padding:0 4px; } .SECTION-generic span.capitalize{ text-transform:uppercase; text-decoration:none; } .SECTION-generic span.highlight{ text-decoration:none; background-color:#ffff00; padding:0 4px; } .SECTION-generic span.small{ text-decoration:none; font-size:80%; padding:0 4px 0 4px; } .SECTION-generic span.hidden{ visibility:hidden; } .SECTION-generic em{ font-style:italic; } .SECTION-generic em.big{ font-size:110%; } .SECTION-generic strong{ font-weight:bold; } .SECTION-generic strong.italic{ font-weight:bold; font-style:italic; } .SECTION-generic strong.big{ font-size:120%; font-weight:normal; text-transform:uppercase; } .SECTION-generic strong.red{ color:#ff0000; } .SECTION-generic sub.text-bottom{ vertical-align:text-bottom; } .SECTION-generic sub.small{ font-size:0.8em; vertical-align:text-bottom; } .SECTION-generic sup.text-top{ vertical-align:text-top; } .SECTION-generic sup.small{ font-size:0.8em; vertical-align:text-top; } .SECTION-generic a{ text-decoration:underline; color:#047CE2; } .SECTION-generic a:hover{ color:#034D8C; } .SECTION-generic a.neutral:visited, .SECTION-generic a.neutral{ text-decoration:none; } .SECTION-generic a.neutral:hover img{ opacity:0.8; } .SECTION-generic a.internal:visited, .SECTION-generic a.internal{ text-decoration:none; color:#047CE2; } .SECTION-generic a.internal:hover{ color:#ff0000; } .SECTION-generic a.external:visited, .SECTION-generic a.external{ padding:0 0 0 16px; text-decoration:none; background-image:url(../_img/icon/externe.png); } .SECTION-generic a.external:hover { color:#034D8C; } .SECTION-generic a.document{ padding:0 0 0 16px; color:#ff0000; background-image:url(../_img/icon/telecharger.png); } .SECTION-generic a.document:hover{ color:#000000; } .SECTION-generic a.photos:visited, .SECTION-generic a.photos{ padding:0 0 0 22px; color:#325a9B; text-decoration:none; background-image:url(../_img/icon/photos.png); } .SECTION-generic a.photos:hover{ color:#5496FF; } .SECTION-generic a.ensavoirplus{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; background-image:url(../_img/icon/savoirplus.png); } .SECTION-generic a.ensavoirplus:hover{ text-decoration:none; } .SECTION-generic a.raccourci{ padding:0 0 0 16px; font-family:Verdana; font-size:10px; color:#0F1dd3; text-decoration:none; background-image:url(../_img/icon/droite.png); } .SECTION-generic a.raccourci:visited, .SECTION-generic a.raccourci:hover{ color:#180855; } .SECTION-generic table{ margin:0 5px 10px 5px; padding:5px; font-family:Verdana; font-size:9px; font-weight:normal; line-height:1.4; } .SECTION-generic table thead{ height:24px; } .SECTION-generic table thead th{ padding:3px 8px; margin-bottom:2px; font-family:Verdana; font-weight:normal; font-size:10px; color:#3B352D; background-color:#E2E2C7; } .SECTION-generic table tbody td{ padding:5px; vertical-align:top; text-align:left; color:#5a5144; background-color:#f5f5e4; } .SECTION-generic table tbody th{ padding:5px; vertical-align:middle; text-align:left; color:#5a5144; border:1px solid #E2E2C7; background-color:#f5f5e4; } .SECTION-generic table.horaires{ margin:0; margin-top:5px; padding:0; border:0; width:230px; empty-cells:collapse; background-color:#ffffff; } .SECTION-generic table.horaires tr{ width:50px; } .SECTION-generic table.horaires thead{ height:24px; } .SECTION-generic table.horaires thead th{ padding:3px 8px; font-family:arial; color:#1D295D; background-color:#DEddC8; } .SECTION-generic table.horaires tbody td{ color:#000000; background-color:#F0EBDB; } .SECTION-generic table.horaires tbody th{ border:0; color:#1D295D; background-color:#EBEaD3; font-weight:normal; } .SECTION-generic img.align_left{ float:left; margin-right:10px; margin-bottom:3px; } .SECTION-generic img.align_right{ float:right; margin-left:10px; margin-bottom:3px; } .SECTION-generic img.encadre_gris{ float:left; padding:4px; margin-right:8px; margin-bottom:3px; border:1px solid #999999; } .SECTION-generic img.encadre_rouge{ float:left; padding:4px; margin-right:8px; margin-bottom:3px; border:1px solid red; } .SECTION-generic hr{ height:2px; background-color:#EFEFD6; margin:10px 0 20px 0; } #BOX3 .SECTION-generic{ margin:0; padding:5px 5px 14px 5px; background-color:#ffffff; background-image:url(../_img/header/ombre-bottom.png); background-position:right bottom; background-repeat:repeat-x; } #BOX3 .SECTION-generic h1{ margin:0; padding-top:6px; padding-bottom:5px; text-align:center; font-weight:normal; font-size:11px; color:#616155; background-color:#E2E2C7; background-image:url(../_img/titre/fond-pratique.png); background-position:left 0; } .ville-recrute .poste { background-color:#EEDFC2; padding:5px; margin-bottom:4px; } .mairiepratique .poste { background-color:#ECEDFF; padding:5px; margin-bottom:4px; } .ville-service .poste { background-color:#ECEDFF; padding:5px; margin-bottom:4px; } #BOX3 .liens { background-color:#FCF7E1; margin:10px 6px; padding:10px; } .mairiepratique #BOX3 dl.pratique { border:1px solid #E8EBFB;border-top:0; } .decouvrir #BOX3 dl.pratique { border:1px solid #EaFFBD;border-top:0; } .vie-municipale #BOX3 dl.pratique { border:1px solid #D0E6FE;border-top:0; } .culture #BOX3 dl.pratique { border:1px solid #FFF4DC;border-top:0; } .ville-service #BOX3 dl.pratique { border:1px solid #D5CBFD;border-top:0; } .economie #BOX3 dl.pratique { border:1px solid #B7FFF8;border-top:0; } .ville-recrute #BOX3 dl.pratique { border:1px solid #FFBF70;border-top:0; } .marchespublics #BOX3 dl.pratique { border:1px solid #aD8DFF;border-top:0; } .enunclic #BOX3 dl.pratique { border:1px solid #E2E2C7;border-top:0; } .informationslegales #BOX3 dl.pratique { border:1px solid #E2E2C7;border-top:0; } #BOX3 ul.listeliens{padding:2px; } #BOX3 ul.liens{padding:2px; } .mairiepratique #BOX3 .SECTION-generic dl dt{background-color:#E8EBFB; border-bottom:1px solid #DBE0FB; color:#44485E; } .decouvrir #BOX3 .SECTION-generic dl dt{background-color:#EaFFBD; color:#476901; border-bottom:1px solid #CBFE62; } .vie-municipale #BOX3 .SECTION-generic dl dt{background-color:#D0E6FE; color:#023772; border-bottom:1px solid #aED4FE; } .culture #BOX3 .SECTION-generic dl dt{background-color:#FFF4DC; color:#5a2020; border-bottom:1px solid #FEC0C0; } .economie #BOX3 .SECTION-generic dl dt{background-color:#FFF5CB; color:#6a5600; border-bottom:1px solid #FFED9F; } .marches-publics #BOX3 .SECTION-generic dl dt{background-color:#DFFFFC; color:#005F55; border-bottom:1px solid #CEFFFa; } .ville-recrute #BOX3 .SECTION-generic dl dt{background-color:#FFE7C9; color:#5C3301; border-bottom:1px solid #FFD9aa; } .ville-service #BOX3 .SECTION-generic dl dt{background-color:#D5CBFD; color:#362465; border-bottom:1px solid #CDBBF9; } .informations-legales #BOX3 .SECTION-generic dl dt{background-color:#E2E2C7; color:#616155; } #BOX3 .pratique p{ margin:0px; font-size:9px; font-family:Verdana; background-color:#fff; } /*table.horaires { width:100%; margin-bottom:10px; border:1px solid #D5D5B8; background-image:none; } #BOX3 .horaires TR{ width:50px; font-size:9px; font-weight:normal; } #BOX3 .horaires thead{ height:24px; } #BOX3 .horaires thead th{ padding:3px 8px; margin-bottom:2px; font-family:arial,helvetica; font-weight:normal; font-size:10px; color:#797968; background-color:#EFEFCE; border-bottom:1px dotted #D5D5B8; } #BOX3 .horaires tbody td{ vertical-align:top; text-align:left; color:#000000; background-color:#FBFBEC; padding:5px 5px 5px 5px; } #BOX3 .horaires tbody th{ vertical-align:middle; text-align:left; color:#000000; border:1px solid #D5D5B8; background-color:#F6F6DC; padding:5px 5px 5px 5px; } */ #P2 #BODY #BOX2 #visuel{ position:absolute; display:block; z-index:3; } #P2 #BODY #BOX2 ul#bu{ position:absolute; list-style:none; left:27px; top:176px; width:80px; height:80px; overflow:hidden; white-space:nowrap; z-index:5; } #P2 #BODY #BOX2 li#bu{ list-style-type:none; display:inline; position:relative; width:80px; height:80px; } #P2 #BODY #BOX3 .SECTION-generic{ margin:0; padding:20px 0 0 0; background-color:transparent; background-image:none; background-repeat:no-repeat; } #photovisuel{ list-style:none; } #photovisuel li{ list-style-type:none; } #photovisuel a{ display:block; } #photovisuel ul{ display:none; } #photovisuel1{ position:absolute; left:72px; top:162px; width:128px; height:128px; overflow:hidden; } #photovisuel1 a, #photovisuel1 img{ width:128px; height:128px; } #photovisuel2{ position:absolute; left:202px; top:109px; width:85px; height:85px; overflow:hidden; } #photovisuel2 a, #photovisuel2 img{ width:85px; height:85px; } #bmi2{ position:absolute; list-style:none; left:177px; top:59px; width:37px; height:37px; overflow:hidden; white-space:nowrap; z-index:10; } #bma2{ position:absolute; list-style:none; left:119px; top:83px; width:56px; height:56px; overflow:hidden; white-space:nowrap; z-index:8; } #bma2 li, #bma2 img{ width:56px; height:56px; } #P2 #une dt{ left:175px; background-color:#9Da8E0; } #P2 #navigation{ margin-top:10px; } #P2 #navigation ul{ float:left; height:10px; margin-left:10px; width:140px; font-family:arial; color:#B8B190; font-weight:normal; font-size:10px; display:inline; } #P2 #navigation li#left{ text-align:left; padding-left:10px; } #P2 #navigation li#right{ margin-left:100px; } #P2 #navigation p:hover{ font-family:arial; color:#7C7761; font-weight:normal; font-size:10px; } /*****************************MENU SECONDaIRE*********************************/ .menusecondaire{ min-width:987px; height:18px; float:right; z-index:8; margin:0; } .menusecondaire li{ float:left; display:block; height:12px; margin-left:1px; padding-top:2px; padding-left:1px; padding-right:1px; padding-bottom:2px; } .menusecondaire li a{ font-size:9px; padding:0px 12px; font-family:arial; text-align:center; height:14px; text-decoration:none; color:#ffffff; font-weight:normal; text-transform:uppercase; } #m2_90{background-color:#7C86BD; } #m2_90.on, #m2_90:hover{background-color:#a5B1F3; } #m2_91{background-color:#487F2E; } #m2_91.on, #m2_91:hover{background-color:#4BB718; } #m2_92{background-color:#2467B2; } #m2_92.on, #m2_92:hover{background-color:#599CE7; } #m2_108, #m2_109, #m2_112, #m2_113, #m2_126, #m2_129, #m2_131{display:none; } #m2_93{background-color:#a22323; } #m2_93.on, #m2_93:hover{background-color:#C52424; } #m2_94{background-color:#5E00BE; } #m2_94.on, #m2_94:hover{background-color:#7a1add; } #m2_95{background-color:#E5Ba00; } #m2_95.en, #m2_95:hover{ background-color:#FFD712; } #m2_96{background-color:#5DaCa5; } #m2_96.on, #m2_96:hover{background-color:#6aD0C6; } #m2_102{background-color:#FF8D00; } #m2_102.on, #m2_102:hover{background-color:#FFaE2D; } /*****************************MENU TERTIaIRE*********************************/ #P2 .menu5{display:none; } .menu5{ margin-top:0px; height:20px; padding-left:160px; background-color:#fff; z-index:20; margin-bottom:20px; } .menu5 li{ display:block; float:left; margin-left:4px; } .menu5 li a{ display:block; font-size:11px; font-family:arial; text-decoration:none; text-align:center; padding-left:7px; padding-top:2px; padding-bottom:3px; padding-right:7px; color:#8F8F79; border-left:1px solid #C0C0a6; } .menu5 a:hover, .menu5 a.on{ height:11px; color:#fff; background-color:#d3d0b1; border-left:1px solid #fff; border-top:1px solid #fff; } .menuquaternaire{ position:relative; top:147px; height:14px; right:0; margin-left:204px; z-index:15; } .menuquaternaire li{ display:block; float:left; margin-left:4px; background-color:#fff; } .menuquaternaire li a{ display:block; font-size:11px; font-family:arial; text-decoration:none; text-align:center; padding-left:5px; padding-top:2px; padding-bottom:3px; padding-right:5px; color:#8F8F79; border-left:1px solid #C0C0a6; } #HEADER #retouraccueil{ position:absolute; padding-top:2px; height:13px; top:150px; padding-left:6px; padding-right:6px; padding-bottom:2px; left:2px; background-color:#fff; text-decoration:none; z-index:13; color:#8F8F79; border-right:1px solid #C0C0a6; } #HEADER a#retouraccueil:hover{ height:13px; color:#000; background-color:#e2e2c3; } .menutertiaire{ height:20px; position:absolute; right:0; top:15px; } #P2 .menutertiaire{ position:static; margin-left:200px; } #P2 .menutertiaire li{ font-size:11px; font-family:arial; color:#8F8F79; background-color:transparent; } .menutertiaire li{ display:block; float:left; } .menutertiaire li a{ float:left; width:10px; padding:2px 5px 3px 5px; border-left:1px solid #C0C0a6; white-space:nowrap; text-decoration:none; text-align:center; font-family:arial; font-size:11px; color:#8F8F79; } html>body .menutertiaire li a{ width:auto; } .menutertiaire a:hover, .menutertiaire a.on{ height:11px; color:#fff; background-color:#d3d0b1; border-left:1px solid #fff; border-top:1px solid #fff; } .menutertiaire li a{background-color:transparent; } .menutertiaire a.on{ height:13px; color:#fff; background-color:#d3d0b1; border-left:1px solid #fff; border-top:1px solid #fff; } .menutertiaire a:hover{ height:13px; color:#000; background-color:#e2e2c3; } /*****************************MENU principal*********************************/ /* 1er niveau */ .menuprincipal{ position:absolute; z-index:10; top:174px; display:block; width:850px; height:66px; background-color:#f0efd8; } .menuprincipal li{ float:left; margin-right:3px; margin-bottom:2px; border:0; } .menuprincipal a{ padding:2px 8px 2px 8px; display:block; width:10px; font-family:arial; color:#fff; background-image:none; text-decoration:none; font-size:11px; text-align:center; margin-right:0px; white-space:nowrap; } html>body .menuprincipal a{ width:auto; } .menuprincipal li a:hover, .menuprincipal li a.nodein, .menuprincipal li a.nodeon{ color:#000; } .menuprincipal li a.nodein, .menuprincipal li a.nodeon{ padding-bottom:5px; } /* 2eme niveau */ .menuprincipal ul{ position:absolute; left:0px; z-index:1; width:848px; visibility:hidden; padding:0; height:18px; } .menuprincipal ul li{ margin-bottom:2px; height:18px; float:left; margin-right:0px; font-weight:normal; background-image:none; } .menuprincipal ul li a{ font-weight:normal; margin-right:0; font-size:11px; padding:2px 4px 3px 4px; height:13px; font-family:arial; text-align:left; border:0; } .menuprincipal ul li a:hover{ font-weight:normal; color:#ffffff; } .menuprincipal ul li a.on{ color:#ffffff; } .menuprincipal ul li a.nodeon, .menuprincipal ul li a.in, .menuprincipal ul li a.nodein{ margin-bottom:2px; padding-bottom:3px; } /* 3eme niveau */ .menuprincipal ul ul { visibility:hidden; display:block; margin-top:4px; margin-left:0; border:0; left:0; } .menuprincipal ul ul.in{ margin-top:4px; margin-left:0; border:0; left:0; } .menuprincipal ul.in, .menuprincipal ul.en, .menuprincipal .nodeon ul{ visibility:visible } .menuprincipal ul ul li a{ color:#a8a386; font-weight:normal; border:0; margin-right:0; } .menuprincipal ul ul li a.on { font-weight:normal; color:#000000; background-color:#d3d0b1; border:0; } .menuprincipal ul ul li a:hover{ font-weight:normal; color:#000000; background-color:#fff; border:0; } #m1_146,#m1_140{ display:none; } .menuprincipal ul li a.nodeon, .menuprincipal ul li a.in, .menuprincipal ul li a.nodein{ margin-bottom:0; } /************MENU mairie pratique********************/ #m1_3{ } #m1_3 a.nodeon:hover, #m1_3 a:hover{ background-color:#5F6DBD; } #m1_3 a.nodeon, #m1_3 a.nodein{ background-color:#a7B4FE; } .mairiepratique #m1_3 li{ background-color:#C1CBFB; } .mairiepratique .menuprincipal ul{ background-color:#D9DEFB; } .mairiepratique #m1_3 ul{ border:1px solid #a7B4FE; } .mairiepratique #m1_3 li a{ border:0; color:#3B4B9F ; } .mairiepratique #m1_3 li a.on, .mairiepratique #m1_3 li a:hover{ border:0; background-color:#7D8ddF; color:#000; } .mairiepratique #m1_3 li a.nodeon, .mairiepratique #m1_3 li a.nodein{background-color:#7D8ddF; } .mairiepratique #m1_3 ul ul{ border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .mairiepratique #m1_3 ul ul li{ background-color:#f0efd8; border-right:1px dotted #fff; } .mairiepratique #m1_3 li ul li a:hover, .mairiepratique #m1_3 li ul li a.on{ border:0; background-color:#fff; color:#000; } .mairiepratique #m1_3 ul ul.in{ margin-top:4px; margin-left:0; border:0; left:0; } /************MENU decouvrir********************/ #m1_28 { background-color:#6EE800; border:0; } #m1_28 a.nodeon:hover, #m1_28 a:hover{ background-color:#36aa00; } #m1_28 a.nodeon, #m1_28 a.nodein{ background-color:#6EE800; } .decouvrir #m1_28 li{ background-color:#BEFE83; } .decouvrir .menuprincipal ul{ background-color:#D7FEB2; } .decouvrir .menuprincipal ul{ border:1px solid #6EE800; } .decouvrir #m1_28 li a{color:#386324 ; } .decouvrir #m1_28 li a.on, .decouvrir #m1_28 li a:hover{ background-color:#56B500; color:#000; } .decouvrir #m1_28 ul li a.nodeon, .decouvrir #m1_28 ul li a.nodein{background-color:#56B500; } .decouvrir #m1_28 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .decouvrir #m1_28 ul ul.in, .decouvrir #m1_28 ul ul li{ background-color:#f0efd8; color:#96F438; } .decouvrir #m1_28 li ul li a:hover, .decouvrir #m1_28 li ul li a.on{ background-color:#fff; color:#000; } /************MENU vie municipale*******************/ #m1_41 { background-color:#72B4FD; border:0; } #m1_41 a.nodeon:hover, #m1_41 a:hover{ background-color:#215Fa5; } #m1_41 a.nodeon, #m1_41 a.nodein{ background-color:#72B4FD; } .vie-municipale #m1_41 li{ background-color:#a3CEFD; } .vie-municipale .menuprincipal ul{ background-color:#C1DEFD; } .vie-municipale .menuprincipal ul{ border:1px solid #72B4FD; } .vie-municipale #m1_41 li a{color:#1F5999 ; } .vie-municipale #m1_41 li a:hover, .vie-municipale #m1_41 li a.on{ background-color:#3D7DC5; color:#000; } .vie-municipale #m1_41 ul li a.nodeon, .vie-municipale #m1_41 ul li a.nodein{background-color:#3D7DC5; } .vie-municipale #m1_41 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .vie-municipale #m1_41 ul ul.in, .vie-municipale #m1_41 ul ul li{ background-color:#f0efd8; } .vie-municipale #m1_41 ul ul.in {visibility:visible; } .vie-municipale #m1_41 li ul li a:hover, .vie-municipale #m1_41 li ul li a.on{ background-color:#fff; color:#000; } /************MENU culture*******************/ #m1_54{ background-color:#FF714a;border:0; } #m1_54 a.nodeon:hover, #m1_54 a:hover{ background-color:#a22323; } #m1_54 a.nodeon, #m1_54 a.nodein{ background-color:#EE3B09; } .culture #m1_54 li { background-color:#FE7D59; } .culture #m1_54 ul{ background-color:#FEB9a6; } .culture #m1_54 ul{ border:1px solid #EE3B09; } .culture #m1_54 li a{color:#781a1a ; } .culture #m1_54 li a:hover, .culture #m1_54 li a.on{ background-color:#BC320B; color:#000; } .culture #m1_54 ul li a.nodeon, .culture #m1_54 ul li a.nodein{background-color:#BC320B; } .culture #m1_54 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .culture #m1_54 ul ul.in, .culture #m1_54 ul ul li{ background-color:#f0efd8; } .culture #m1_54 li ul li a:hover, .culture #m1_54 li ul li a.on{ background-color:#fff; color:#000; } /************MENU vie associative*******************/ #m1_58{ background-color:#97d93a; border:0; } #m1_58 a.nodeon:hover, #m1_58 a:hover{ background-color:#b1ff44; } #m1_58 a.nodeon, #m1_58 a.nodein{ background-color:#97d93a; } .vie-associative #m1_58 li { background-color:#97d93a; } .vie-associative #m1_58 ul{ background-color:#97d93a; } .vie-associative #m1_58 ul{ border:1px solid #97d93a; } .vie-associative #m1_58 li a{ color:#b1ff44 ; } .vie-associative #m1_58 li a:hover, .vie-associative #m1_58 li a.on{ background-color:#97d93a; color:#000; } .vie-associative #m1_58 ul li a.nodeon, .vie-associative #m1_58 ul li a.nodein{background-color:#b1ff44; color:#689528; } .vie-associative #m1_58 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#97d93a; } .vie-associative #m1_58 ul ul.in, .vie-associative #m1_58 ul ul li{ background-color:#97d93a; } .vie-associative #m1_58 li ul li a:hover, .vie-associative #m1_58 li ul li a.on{ background-color:#fff; color:#000; } /************MENU ville service*******************/ #m1_80{ background-color:#B599FF;border:0; } #m1_80 a.nodeon:hover, #m1_80 a:hover{ background-color:#460EaC; } #m1_80 a.nodeon, #m1_80 a.nodein{ background-color:#997aE9; } .ville-service #m1_80 li{ background-color:#D3C2FE; } .ville-service #m1_80 ul{ background-color:#E4DaFE; } .ville-service #m1_80 ul{ border:1px solid #997aE9; } .ville-service #m1_80 li a{color:#352763 ; } .ville-service #m1_80 li a:hover, .ville-service #m1_80 li a.on{ background-color:#8158E9; color:#000; } .ville-service #m1_80 ul li a.nodeon, .ville-service #m1_80 ul li a.nodein{background-color:#fff; color:#000; } .ville-service #m1_80 li ul li a:hover, .ville-service #m1_80 li ul li a.on{ background-color:#fff; color:#000; } .ville-service #m1_80 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .ville-service #m1_80 ul ul.in, .ville-service #m1_80 ul ul li{ background-color:#f0efd8; } /************MENU economie*******************/ #m1_125{ background-color:#FFC72E; } #m1_125 a.nodeon:hover, #m1_125 a:hover{ background-color:#E5a906; } #m1_125 a.nodeon, #m1_125 a.nodein{ background-color:#FCC123; } .economie #m1_125 li{ background-color:#FFE7a8; } .economie #m1_125 ul{ background-color:#FFF0C9; } .economie #m1_125 ul{ border:1px solid #FCC123; } .economie #m1_125 li a{color:#836D02 ; } .economie #m1_125 li a:hover, .economie #m1_125 li a.on{ background-color:#E5a906; color:#000; } .economie #m1_125 ul li a.nodeon, .economie #m1_125 ul li a.nodein{background-color:#E5a906; } .economie #m1_125 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .economie #m1_125 ul ul.in, .economie #m1_125 ul ul li{ background-color:#f0efd8; } .economie #m1_125 li ul li a:hover, .economie #m1_125 li ul li a.on{ background-color:#fff; color:#000; } /************MENU marchespublics*******************/ #m1_133 a.nodeon:hover, #m1_133 a:hover{ background-color:#539a94; } .marchespublics #m1_133 a.nodeon, .marchespublics #m1_133 a.nodein { background-color:#21D2C0; } .marchespublics #m1_133 li { background-color:#B6FEF7; } .marchespublics #m1_133 ul{ background-color:#ddFEFB; } .marchespublics #m1_133 ul{ border:1px solid #21D2C0; } .marchespublics #m1_133 li a{color:#3E736E ; } .marchespublics #m1_133 li a:hover .marchespublics #m1_133 li a.on{ background-color:#8CD3CC; color:#000; } .marchespublics #m1_133 ul li a.nodeon, .marchespublics #m1_133 ul li a.nodein{background-color:#8CD3CC; } .marchespublics #m1_133 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .marchespublics #m1_133 ul ul.in, .marchespublics #m1_133 ul ul li{ background-color:#f0efd8; } .marchespublics #m1_133 li ul li a:hover, .marchespublics #m1_133 li ul li a.on{ background-color:#fff; color:#000; } /************MENU ville-recrute*******************/ #m1_138{ background-color:#FF9a1D; border:0; } #m1_138 a.nodeon:hover, #m1_138 a:hover{ background-color:#CD7100; border:0; } #m1_138 a.nodeon, #m1_138 a.nodein { } .ville-recrute #m1_138 li{ background-color:#FFC885; } .ville-recrute #m1_138 ul{ background-color:#FFE6C8; } .ville-recrute #m1_138 ul{ border:1px solid #FF9a1D; } .ville-recrute #m1_138 li a{ color:#04045a; } .ville-recrute #m1_138 li a:hover, .ville-recrute #m1_138 li a.on{ background-color:#EB8200; color:#000; background-image:none } .ville-recrute #m1_138 ul li a.nodeon, .ville-recrute #m1_138 ul li a.nodein{background-color:#EB8200; } .ville-recrute #m1_138 ul ul { border:0; margin-top:4px; margin-left:0;background-color:#f0efd8; } .ville-recrute #m1_138 ul ul.in, .ville-recrute #m1_138 ul ul li{ background-color:#f0efd8; } .ville-recrute #m1_138 li ul li a:hover, .ville-recrute #m1_138 li ul li a.on{ background-color:#fff; color:#000; } /************MENU informations légales*******************/ .informationslegales #m1_146{ background-color:#0663a4;border:0; } .informationslegales #m1_146 a.nodeon:hover, .informationslegales #m1_146 a:hover{ background-color:#04406a; } #m1_146 a.nodeon, #m1_146 a.nodein{ background-color:#2E75a7; } .informationslegales #m1_146 li, .enunclic #m1_146 ul{ background-color:#47B3FF; } .enunclic #m1_146 li{ border-right:1px dotted #04406a; } .enunclic #m1_146 ul{ border:1px solid #04406a; } .informationslegales #m1_146 li a{ color:#04406a ; } .informationslegales #m1_146 li a:hover, .informationslegales #m1_146 li a.on{ background-color:#2E75a7; color:#FFFFE4; } .informationslegales #m1_146 ul li a.nodeon, .informationslegales #m1_146 ul li a.nodein{background-color:#2E75a7; } .informationslegales #m1_146 ul ul, .informationslegales #m1_146 ul ul.in, .informationslegales #m1_146 ul ul li{ background-color:#f0efd8; } .informationslegales #m1_146 ul ul li a:hover, .informationslegales #m1_146 ul ul li a.on{ } /*****************************MENU aCCUEIL*********************************/ #P2 .menuprincipal{ position:absolute; top:210px; left:10px; width:auto; margin:0; padding:0; background-color:transparent; z-index:20; } #P2 .menuprincipal ul{ display:none; } #P2 .menuprincipal li{ width:170px; margin:0 0 15px 0; display:block; float:none; } #P2 .menuprincipal li a{ display:block; width:170px; padding:3px 0px 3px 0px; text-align:center; text-transform:none; text-decoration:none; font-family:Verdana; font-weight:normal; font-size:10px; color:#fff; } #P2 .menuprincipal li a:hover{ color:#000; } #P2 #m1_3 { margin-left:45px; } #P2 #m1_28 { margin-left:25px; } #P2 #m1_41{ margin-left:10px; } #P2 #m1_54{ margin-left:0px; } #P2 #m1_80{ margin-left:15px; } #P2 #m1_125{ margin-left:35px; } #P2 #m1_133{ margin-left:77px; } #P2 #m1_138{ margin-left:117px; } #P2 #m1_146, #P2 #m1_140, #P2 #m1_66{ display:none; } #m1_3 a:hover{ background-color:#a4B4FF; color:#fff; } #m1_3 { background-color:#5F6DBD; } #m1_28 a:hover{ background-color:#6EE800; border:0; } #m1_28 { background-color:#36aa00; } #m1_41 a:hover{ background-color:#72B4FD; border:0; } #m1_41 { background-color:#215Fa5; } #m1_54 a:hover{ background-color:#FF714a;border:0; } #m1_54 { background-color:#a22323; } #m1_80 a:hover{ background-color:#B599FF;border:0; } #m1_80 { background-color:#460EaC; } #m1_125 a:hover{ background-color:#FFC72E;border:0; } #m1_125 { background-color:#D9B000; } #m1_133 a:hover{ background-color:#34DaC9;border:0; } #m1_133 { background-color:#539a94; } #m1_138 a:hover{ background-color:#FFa537; } #m1_138 { background-color:#CD7100; } /* FIN */ .bouton{ float:left; margin-right:50px; width:200px; } .bouton a{ display:block; padding:4px 6px; background-color:#4971B2; color:#F8F8F8; text-align:center; font-weight:bold; } .bouton a:hover{ color:#650E02; background-color:#72a6Fa; } dd.culture{background-color:#fff6E3} dd.economie{background-color:#fffaef} dd.municipalite{background-color:#eef4ff} dd.sport{background-color:#F2FEF1} dd.culture h4{background-color:#FFE6B3} dd.economie h4 {background-color:#FFFFB9} dd.municipalite h4 {background-color:#D5E4FF} dd.sport h4 {background-color:#BaFEB5} dd.culture-over{background-color:#FFEaC0} dd.economie-over{background-color:#FFFFC7} dd.municipalite-over {background-color:#C8D9FF} dd.sport-over{background-color:#D0FECD} dd.culture-over h4{background-color:#FFE6B3} dd.economie-over h4 {background-color:#FFFFB9} dd.municipalite-over h4 {background-color:#B8CEFF} dd.sport-over h4 {background-color:#BaFEB5} dd.culture-off{cursor:default; background-color:#FDFaF5} dd.economie-off{cursor:default; background-color:#FDFCEa} dd.municipalite-off{cursor:default; background-color:#F5FaFF} dd.sport-off{cursor:default; background-color:#F7FFF5} dd.culture-on{background-color:#FFF2D6} dd.economie-on{background-color:#fffaef} dd.municipalite-on{background-color:#D5E4FF} dd.sport-on{background-color:#F2FEF1} dd.culture-out{background-color:#FFF2D6} dd.economie-out{background-color:#fffaef} dd.municipalite-out{background-color:#C5D9FF} dd.sport-out{background-color:#F2FEF1} .footer{ height:35px; margin:2px 0 9px 13px; border:1px solid #eeecec; background-color:#ffffff; color:#666666; font-family:Verdana; font-size:10px; } .liste p{ background-image:url(../_arbo/fleche1.gif); } .champ { font-size: 11px; font-family: arial; border-width: 0; border-style: none; letter-spacing: 0px; background-image: url(../_img/bgsearch.gif); color: #494949; padding-left: 5px; } #hautpage { padding:0px 0px 0px 14px; font-weight:bold; background-image:url(../_img/icon/haut.png); background-repeat:no-repeat; background-position:0 2px; font-size:10px; } /*****************************GENERaL*********************************/ .spacer{ visibility:hidden; clear:both; height:0px; margin:0; font-size:1px; line-height:0; } dl.maire{ display:block; margin-left:230px; width:300px; background-color:#fff; margin-bottom:20px; text-align:center; font-family:arial; } .maire dt{ padding-top:8px; padding-bottom:4px; text-align:center; font-size:11px; } .maire dd em{ display:block; height:15px; background-color:#F9F9F9; padding:5px 2px; font-style:normal; } .maire dd { display:block; background-color:#ccc; } dl.premieradjoint{ display:block; margin-left:250px; float:left; width:200px; background-color:#fff; margin-bottom:20px; text-align:center; font-family:arial; } .premieradjoint dt{ padding-top:8px; padding-bottom:4px; text-align:center; font-size:11px; } .premieradjoint dd em{ display:block; height:15px; background-color:#F9F9F9; padding:5px 2px; font-style:normal; } .premieradjoint dd { display:block; background-color:#eee; } .elu{ float:left; width:150px; background-color:#fff; margin-left:5px; margin-bottom:10px; text-align:center; font-family:arial; } .elu dt{ padding-top:8px; padding-bottom:4px; text-align:center; font-size:11px; } .elu dd em{ display:block; height:60px; background-color:#F9F9F9; padding:5px 2px; font-style:normal; } .elu dd { display:block; background-color:#eeeeee; } /*****************************BLOC GENERIQUE*********************************/ /*--------titres---------*/ .b3 #BOX2 .SECTION-generic{ width:531px; } .b2 #BOX2 .SECTION-generic{ width:788px; } /*--------pright---------*/ .pright{ margin:0 10px 30px 0px; color:#B78900; } /*--------imgright---------*/ p.imgright img{float:right; } /*--------div imgleft---------*/ .imgleft {margin:0px 0px 20px 0px;overflow:auto; width:600px; } .imgleft img{float:left;margin:0 20px 10px 0px; } /*--------div imgright---------*/ .imgright {margin:20px 0px 20px 0px; } .imgright img{float:right;margin:0 10px 10px 10px; } /*****************************aCTUaliTES*********************************/ .actucontent {clear:both;width:600px;height:45px;padding-top:5px;border-bottom:1px solid #CCCCCC; } .actucontent2 {clear:both;width:600px;height:45px;padding-top:5px;border-bottom:1px solid #CCCCCC;background-color:#F7F7F7} .actudate {float:left;padding-right:5px;width:106px;height:40px} .actuheure {float:left;padding-right:5px;width:84px;height:40px} .actuevenement {float:left;padding-right:5px;color:#E6973a;width:168px;height:40px} .acturubrique {float:left;padding-right:5px;width:93px;height:40px} .actulieu {float:left;padding-right:5px;width:106px;height:40px} /*****************************BIEN VIVRE aUX CLaYES*********************************/ /*--------titres---------*/ .vivre h5 { color:#4E82CE; font-weight:bold; font-size:12px; margin:15px 0px 20px 20px; background-image:url(../_img/icon/pointeur1.png); background-repeat:no-repeat; padding:0px 0px 0px 16px; } .vivre ul.intro{ margin:10px 0 10px 0; padding:10px; background-color:#ECF4FF; width:400px; } .auteur{float:right; margin-top:3px; margin-bottom:3px;font-style:italic; } .culture .horaires{ color:#DBa155; font-weight:normal; background-color:transparent; } .culture ul.prix{ color:#DB7B00; font-weight:normal; background-color:transparent; margin-bottom:10px; } .encart{ border-top:1px solid #F9DaBB; margin-bottom:12px; margin-right:0px; padding-bottom:10px; background-image:url(../_img/header/ombre-bottom.png); background-position:right bottom; background-repeat:repeat-x; } .encart p em{ color:#000; } div.encart strong{ color:#000; font-weight:normal; } div.encart p strong{ font-weight:normal; font-size:9px; } .encart p{ background-color:transparent; font-family:Verdana; font-size:9px; padding:2px; font-weight:normal; text-indent:0; } .encart p img{ float:left; padding:0px; margin-right:10px; } #BOX2 div.encart h4{ color:#000; font-family:arial; font-size:11px; font-weight:normal; background-image:none; background-color:#FFF6E4; border-bottom:1px dotted #F9DaBB; } #BOX2 div.encart h4 strong{font-weight:bold; color:#B87B2D; } span.interpretes{color:#984D01; } .encart h5{ color:#984D01; font-family:Verdana; font-size:10px; padding:2px 2px 2px 10px; font-weight:normal; background-image:none; } .zoomimg{ cursor:crosshair; } .zoomimg span{ display:none; position:absolute; z-index:10; } .zoomimg .on{ display:inline; } .zoomimg .off{ display:none; } /*-.encart p a.info:hover span img{ width:200px; height:auto; }-*/ /*--------pave colore---------*/ .culture p.pavecolore{ margin:0 0 10px 0; padding:10px 10px; color:#ffffff; background-color:#DCC173; } .culture p.pavecolore strong{ margin-bottom:3px; text-align:center; font-weight:bold; color:#ffffff; } /*--------pave encadre---------*/ .paveencadre{ margin:15px; padding:10px; border:1px dotted #ccc; } /*--------tableau-.mairie-pratique ---------*/ div.interview { padding-top:2px; margin-left:5px; margin-right:5px; font-family:Verdana; font-weight:normal; font-size:10px; margin-bottom:5px; padding-bottom:5px; padding-top:5px; background-color:#fff; } dl.interview { background-color:#FBFBEF; margin:5px; } .interview dt{padding:4px; border-bottom:1px solid #fff; background-color:#EFEFD6; text-align:left; color:#870E05; } .interview dd{ padding-bottom:8px; padding-top:3px; padding-left:15px; border-bottom:2px solid white; } .interview dd em{ font-style:italic; color:#870E05; } .demarches em{ color:#4E82CE; padding-right:10px; } #P44 dl.fiche{ display:block; margin-top:10px; margin-left:10px; height:85px; border:5px solid #faf8f0; } dl.fiche{ display:block; margin-top:10px; margin-bottom:10px; margin-left:10px; border:5px solid #faf8f0; } .fiche dt{ text-align:center; font-family:arial; padding-top:5px; font-size:10px; margin-bottom:3px; padding-bottom:2px; } .fiche dd{background-color:#faf8f0; font-family:arial;font-size:9px; } .fiche dd p{font-family:arial;font-size:9px; color:#000; margin:0; padding:3px; text-indent:0px; } .fiche dd img{width:100px;float:left;padding:2px 15px 7px 7px; } .fiche dd p a{font-family:Verdana;font-size:9px; } .fiche dd p a:hover{color:black; } .culture .fiche dt{ background-color:#FCDEBF; } .culture dl.fiche {border:1px solid #cc7518; } .economie .fiche dt{background-color:#FCDEBF; } .economie dl.fiche {border:1px solid #cc7518; } .marchespublics .fiche dt{background-color:#FCDEBF; } .marchespublics dl.fiche {border:1px solid #cc7518; } .ville-service .fiche dt{background-color:#D4E5F9; } .ville-service dl.fiche {border:1px solid #B6D5F9; } .ville-recrute .fiche dt{ background-color:#FCDEBF; } .ville-recrute dl.fiche {border:1px solid #cc7518; } .vie-municipale dl.fiche{border:1px solid #C0DFFF; } .vie-municipale .fiche dt{background-color:#D8EBFF; } /*--------titres---------*/ p.legende{ border:1px solid #D3E13B; padding:5px; font-family:arial; font-size:12px; background-color:#ffffff; color:#9Ba900; } .visiteguidee strong{ color:#9Ba900; font-weight:bold; } .visiteguidee li{ margin-bottom:3px; } /*****************************UNE VILLE a VOTRE SERVICE*********************************/ /*--------titres---------*/ .villeservice h5 { color:#4D4E8D; font-weight:bold; font-size:12px; text-align:left; margin:10px 0px 10px 0px; padding:0; background-image:none; background-repeat:no-repeat; } /*--------tableau---------*/ .villeservice th{ border:1px solid #DCC173; padding:3px 8px; margin-bottom:2px; font-family:arial,helvetica; font-weight:normal; color:#BC8D00; background-color:#FFECD2; } .villeservice thead th{ border:1px solid #DCC173; padding:3px 8px; font-weight:bold; color:#BC8D00; background-color:#FFE5C2; } .villeservice td{ border:1px solid #DCC173; padding:3px 8px; font-family:arial,helvetica; color:#977613; } /*--------tableau---------*/ #triselectif tr{ font-size:12px; font-weight:normal; } #triselectif th{ border:1px solid #DCC173; padding:3px 8px; margin-bottom:2px; font-family:arial,helvetica; font-weight:normal; color:#BC8D00; background-color:#FFECD2; } #triselectif thead th{ border:1px solid #DCC173; padding:3px 8px; font-weight:bold; color:#BC8D00; background-color:#FFE5C2; } #triselectif td{ border:1px solid #DCC173; padding:3px 8px; font-family:arial,helvetica; color:#977613; } /*--------tableau---------*/ #dechets tr{ font-size:12px; font-weight:normal; } #dechets th{ border:1px solid #DCC173; padding:3px 8px; margin-bottom:2px; font-family:arial,helvetica; font-weight:normal; color:#BC8D00; background-color:#FFECD2; } #dechets thead th{ border:1px solid #DCC173; padding:3px 8px; font-weight:bold; color:#BC8D00; background-color:#FFE5C2; } #dechets td{ border:1px solid #DCC173; padding:3px 8px; font-family:arial,helvetica; color:#977613; } /*--------tableau---------*/ #dechetterie tr{ font-size:12px; font-weight:normal; } #dechetterie th{ border:1px solid #DCC173; padding:3px 8px; margin-bottom:2px; font-family:arial,helvetica; font-weight:normal; color:#BC8D00; background-color:#FFECD2; } #dechetterie thead th{ border:1px solid #DCC173; padding:3px 8px; font-weight:bold; color:#BC8D00; background-color:#FFE5C2; } #dechetterie td{ border:1px solid #DCC173; padding:3px 8px; font-family:arial,helvetica; color:#977613; } /*--------pave colore---------*/ .villeservice .pavecolore{ margin-bottom:10px; padding:10px 10px; border:1px solid #aaaaaa; background-color:#eeeeee; color:#aaaaaa; } .villeservice .pavecolore strong{ font-weight:bold; } .villeservice .imageencadre{border:1px solid #aaaaaa; } .imagegauche{border:1px solid #aaaaaa; float:left; padding:10px; } .imagedroite{border:1px solid #aaaaaa; float:right; padding:10px; } /*****************************pROXIMITE*********************************/ .proximite h1 { font-family:Trebuchet,arial,sans-serif; font-weight:normal; font-size:20px; padding: 10px 0px 4px 10px; margin-bottom:10px; color:#a6006B; border-bottom:2px solid #ddCBD7; } .proximite h2 { clear:both; font-family:arial; text-align:left; font-weight:normal; font-size:14px; margin:10px 0 30px 0px; padding-top:40px; padding-bottom:4px; padding-left:10px; color:#a6006B; border-bottom:1px dotted #ddCBD7; } .proximite h3 { clear:both; padding:0px 0 0 8px; margin:50px 0 30px 0; height:15px; background-image:url(../_img/titre/defaut-proximite-left.png); background-position:0 center; } .proximite h3 span { float:left; height:15px; padding: 0 31px 0 20px; font-family:Verdana,arial,helvetica; color:#FFFFFF; font-weight:bold; font-size:12px; background-color:#a6006B; background-image:url(../_img/titre/defaut-proximite-right.png); background-position:right center; } .proximite h4 { clear:both; padding:0px 0 0 37px; margin:30px 0 30px 0; height:15px; background-image:url(../_img/titre/proximite-left.png); background-position:0 center; text-transform:uppercase; } .proximite h4 span{ float:left; height:15px; padding: 0 31px 0 20px; font-family:verdana,arial,helvetica; color:#FFFFFF; font-size:11px; background-color:#B65694; background-image:url(../_img/titre/proximite-right.png); background-position:right center; } .proximite p span{ color:#a6006B; } .proximite p strong{ color:#B65694; } /*****************************ECONOMIE*********************************/ /*--------titres---------*/ /*--------pave encadre---------*/ .economie p.paveencadre{ padding:10px 10px; border:1px solid #a6CF7D; color:#8DB06a; } /*--------pave colore---------*/ .economie p.pavecolore{ padding:10px 10px; background-color:#a6CF7D; border:0; color:#ffffff; } .economie p.pavecolore strong{ font-weight:bold; } /*--------p right---------*/ .economie .pright{ color:#6E8E4D; } /*****************************MaRChES pUBliCS*********************************/ /*--------titres---------*/ .marches ul{ padding:0 0 10px 0; } /*--------tableau marches---------*/ .marches table{ width:100%; margin:10px 0; border-collapse:collapse; border:1px solid #666666; } .marches thead th { border:1px solid #DCC173; padding:5px; margin-bottom:2px; font-family:arial,helvetica; font-weight:bold; color:#BC8D00; text-align:center; background-color:#FFECD2; } .marches thead td { border:1px solid #DCC173; padding:2px; font-family:arial,helvetica; color:#977613; } .marches tbody th{ border:1px solid #DCC173; padding:2px; font-family:arial,helvetica; color:#977613; } .marches tbody td{ border:1px solid #DCC173; padding:2px; font-family:arial,helvetica; color:#977613; } /*****************************pLaN DU SITE*********************************/ /*--------titres---------*/ .map{ position:relative; margin-top:10px; } .map li{ float:left; display:block; width:125px; margin-right:6px; margin-left:0; line-height:0; text-align:center; margin-bottom:10px; border-bottom:1px solid #D3D0B1; } .map a{ display:block; text-align:center; color:#ffffff; width:125px; text-decoration:none; padding:4px; font-size:10px; font-family:arial; line-height:normal; } .map a:hover { color:#ffffff; } .map ul{ width:123px; } .map ul li{ width:123px; border-top:1px solid white; margin-bottom:0px; } .map ul a{ padding:3px; font-weight:normal; color:#ffffff; margin:0; font-size:10px; padding:4px; } .map ul .node{ margin:0; } .map ul a:hover { color:#B18201; } .map .nodein{ margin:0; } .map ul .nodein{ margin:0; } .map .on{ margin:0; } .map ul ul{ border:0; margin-bottom:0px; } .map ul ul li a{ border:0; padding:4px; color:#B18201; margin:0; font-size:9px; } .map ul ul li{ margin-bottom:0px; margin:0; border-top:1px solid white; } .map ul ul a:hover { color:#B18201; background-color:#FFFfff; } li#m3_53, li#m3_66, li#m3_59, li#m3_175{display:none; } .map li ul li ul li a:hover, .map li ul li ul li a.on{ background-color:#fff; color:#000; } /***plan du site mairie-pratique********/ .map #m3_3 a{ color:#fff; } .map #m3_3, .map #m3_3 a.nodeon:hover, .map #m3_3 a:hover{ background-color:#5F6DBD; } .map #m3_3 a.nodeon{ border:1px solid #5F6DBD; background-color:#7D8ddF; } .map #m3_3 ul {border: 1px solid #5F6DBD; } .map #m3_3 ul ul {border:0; } .map #m3_3 li, .map #m3_3 ul li{ background-color:#9aaaFB; } .map #m3_3 li a{ border:0; color:#3B4B9F ; } .map #m3_3 li a.on, .map #m3_3 li a:hover{ border:0; background-color:#7D8ddF; color:#000; } .map #m3_3 li a.nodeon, .map #m3_3 li a.nodein{background-color:#7D8ddF; } .map #m3_3 ul ul, .map #m3_3 ul ul.in, .map #m3_3 ul ul li{ background-color:#f0efd8; } .map #m3_3 li ul li a:hover, .map #m3_3 li ul li a.on{ background-color:#fff; color:#000; } /***plan du site decouvrir********/ .map #m3_13 { background-color:#36aa00; border:0; } .map #m3_13 a{ color:#fff; } .map #m3_13 a.nodeon:hover, .map #m3_13 a:hover{ background-color:#36aa00; } .map #m3_13 a.nodeon{ border:1px solid #36aa00;background-color:#56B500; } .map #m3_13 ul {border: 1px solid #36aa00; } .map #m3_13 ul ul {border:0; } .map #m3_13 li, .map #m3_13 ul{ background-color:#63D100; } .map #m3_13 li a{color:#386324 ; } .map #m3_13 li a.on, .map #m3_13 li a:hover{ background-color:#56B500; color:#000; } .map #m3_13 ul li a.nodeon, .map #m3_13 ul li a.nodein{background-color:#56B500; } .map #m3_13 ul ul li{ background-color:#f0efd8; color:#96F438; } .map #m3_13 li ul li a:hover, .map #m3_13 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site vie municipale*******************/ .map #m3_19 { background-color:#215Fa5; border:0; } .map #m3_19 a{ color:#fff; } .map #m3_19 a.nodeon:hover, .map #m3_19 a:hover{ background-color:#215Fa5; } .map #m3_19 a.nodeon{ border:1px solid #215Fa5; background-color:#3D7DC5; } .map #m3_19 ul {border: 1px solid #215Fa5; } .map #m3_19 ul ul {border:0; } .map #m3_19 li, .map #m3_19 ul{ background-color:#4Ea1FD; } .map #m3_19 li a{color:#1F5999 ; } .map #m3_19 li a:hover, .map #m3_19 li a.on{ background-color:#3D7DC5; color:#000; } .map #m3_19 ul li a.nodeon, .map #m3_19 ul li a.nodein{background-color:#3D7DC5; } .map #m3_19 ul ul li{ background-color:#f0efd8; } .map #m3_19 li ul li a:hover, .map #m3_19 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site culture*******************/ .map #m3_26{ background-color:#a22323;border:0; } .map #m3_26 a{ color:#fff; } .map #m3_26 a.nodeon:hover, .map #m3_26 a:hover{ background-color:#a22323; } .map #m3_26 a.nodeon{ border:1px solid #a22323;background-color:#BC320B; } .map #m3_26 ul {border: 1px solid #a22323; } .map #m3_26 ul ul {border:0; } .map #m3_26 li, .map #m3_26 ul{ background-color:#E03B0D; } .map #m3_26 li a{color:#781a1a ; } .map #m3_26 li a:hover, .map #m3_26 li a.on{ background-color:#BC320B; color:#000; } .map #m3_26 ul li a.nodeon, .map #m3_26 ul li a.nodein{background-color:#BC320B; } .map #m3_26 ul ul li{ background-color:#f0efd8; } .map #m3_26 li ul li a:hover, .map #m3_26 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site ville service*******************/ .map #m3_39{ background-color:#460EaC;border:0; } .map #m3_39 a.nodeon:hover, .map #m3_39 a:hover{ background-color:#460EaC; } .map #m3_39 a.nodeon{ border:1px solid #a22323;background-color:#8158E9; } .map #m3_39 ul {border: 1px solid #460EaC; } .map #m3_39 ul ul {border:0; } .map #m3_39 li, .map #m3_39 ul{ background-color:#997aE9; } .map #m3_39 li a{color:#352763 ; } .map #m3_39 li a:hover, .map #m3_39 li a.on{ background-color:#8158E9; color:#000; } .map #m3_39 ul ul li{ background-color:#f0efd8; } .map #m3_39 li ul li a:hover, .map #m3_39 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site economie*******************/ .map #m3_54{ background-color:#D9B000;border:0; } .map #m3_54 a.nodeon:hover, .map #m3_54 a:hover{ background-color:#D9B000; } .map #m3_54 a.nodeon{ border:1px solid #a22323;background-color:#E5a906; } .map #m3_54 ul {border: 1px solid #D9B000; } .map #m3_54 ul ul {border:0; } .map #m3_54 li, .map #m3_54 ul{ background-color:#FFBC07; } .map #m3_54 li a{color:#836D02 ; } .map #m3_54 li a:hover, .map #m3_54 li a.on{ background-color:#E5a906; color:#000; } .map #m3_54 ul li a.nodeon, .map #m3_54 ul li a.nodein{background-color:#E5a906; } .map #m3_54 ul ul li{ background-color:#f0efd8; } .map #m3_54 li ul li a:hover, .map #m3_54 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site marchespublics*******************/ .map #m3_58{ background-color:#539a94;border:0; } .map #m3_58 a.nodeon:hover, .map #m3_58 a:hover{ background-color:#539a94; } .map #m3_58 a.nodeon{ border:1px solid #539a94;background-color:#21D2C0; } .map #m3_58 ul {border: 1px solid #539a94; } .map #m3_58 ul ul {border:0; } .map #m3_58 li, .map #m3_58 ul{ background-color:#1FC8B7; } .map #m3_58 li a{color:#3E736E ; } .map #m3_58 li a:hover .map #m3_58 li a.on{ background-color:#21D2C0; color:#000; } .map #m3_58 ul li a.nodeon, .map #m3_58 ul li a.nodein{background-color:#21D2C0; } .map #m3_58 ul ul li{ background-color:#f0efd8; } .map #m3_58 li ul li a:hover, .map #m3_58 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site ville-recrute*******************/ .map #m3_29{ background-color:#CD7100; } .map #m3_29 a.nodeon:hover, .map #m3_29 a:hover{ background-color:#CD7100; } .map { border:1px solid #CD7100; } .map #m3_29 ul {border: 1px solid #CD7100; } .map #m3_29 ul ul {border:0; } .map #m3_29 li, .map #m3_29 ul{ background-color:#FF9a1D; } .map #m3_29 li a{color:#04045a ; } .map #m3_29 li a:hover, .map #m3_29 li a.on{ background-color:#EB8200; color:#000; } .map #m3_29 ul li a.nodeon, .map #m3_29 ul li a.nodein{background-color:#EB8200; } .map #m3_29 ul ul, .map #m3_29 ul ul.in, .map #m3_29 ul ul li{ background-color:#f0efd8; } .map #m3_29 li ul li a:hover, .map #m3_29 li ul li a.on{ background-color:#fff; color:#000; } /************plan du site dossier jeunesse*******************/ .map #m3_182{ background-color:#72029C; color:#fff; } .map #m3_182 a{ color:#fff; } .map #m3_182 a.nodeon:hover, .map #m3_182 a:hover{ background-color:#72029C; } .map #m3_182 a.nodeon{ border:1px solid #72029C;background-color:#72029C; } .map #m3_182 ul {border: 1px solid #72029C; } .map #m3_182 ul ul {border:0; } .map #m3_182 li{ background-color:#aD47EE; } .map #m3_182 li a{ border:0; color:#570277 ; } .map #m3_182 li a.on, .map #m3_182 li a:hover{ border:0; background-color:#8502B6; color:#fff; } .map #m3_182 li a.nodeon, .map #m3_182 li a.nodein{background-color:#8502B6; color:#fff; } .map #m3_182 ul ul li{ background-color:#f0efd8; } .map #m3_182 li ul li a:hover, .map #m3_182 li ul li a.on{ background-color:#fff; color:#000; } /*****plan du site dossier sport*****/ .map #m3_77{ background-color:#926402; color:#fff; } .map #m3_77 a{ color:#fff; } .map #m3_77 a.nodeon:hover, .map #m3_77 a:hover{ background-color:#926402; } .map #m3_77 a.nodeon{ border:1px solid #B47C03;background-color:#B47C03; } .map #m3_77 ul {border: 1px solid #926402; } .map #m3_77 ul ul {border:0; } .map #m3_77 li{ background-color:#D79403; } .map #m3_77 li a{ border:0; color:#6B4901 ; } .map #m3_77 li a.on, .map #m3_77 li a:hover{ border:0; background-color:#B47C03; color:#000; } .map #m3_77 li a.nodeon, .map #m3_77 li a.nodein{background-color:#B47C03; color:#000; } .map #m3_77 ul ul li{ background-color:#f0efd8; } .map #m3_77 li ul li a:hover, .map #m3_77 li ul li a.on{ background-color:#fff; color:#000; } /***plan du site dossier associations*****/ .map #m3_31{ background-color:#0B03a5; color:#fff; } .map #m3_31 a{ color:#fff; } .map #m3_31 a.nodeon:hover, .map #m3_31 a:hover{ background-color:#0B03a5; } .map #m3_31 a.nodeon{ border:1px solid #0D04C1; background-color:#0E04D5; } .map #m3_31 ul {border: 1px solid #0B03a5; } .map #m3_31 ul ul {border:0; } .map #m3_31 li{ background-color:#635BFF; } .map #m3_31 li a{ border:0; color:#000; } .map #m3_31 li a.on, .map #m3_31 li a:hover{ border:0; background-color:#0D04C1; color:#fff; } .map #m3_31 li a.nodeon, .map #m3_31 li a.nodein{background-color:#0D04C1; color:#fff; } .map #m3_31 ul ul li{ background-color:#f0efd8; } .map #m3_31 li ul li a:hover, .map #m3_31 li ul li a.on{ background-color:#fff; color:#000; } /***plan du site dossier informationslégales*****/ .map #m3_59{ background-color:#04406a;border:0; } .map #m3_59 a.nodeon:hover, .map #m3_59 a:hover{ background-color:#04406a; } .map #m3_59 a.nodeon{ border:1px solid #04406a;background-color:#2E75a7; } .map #m3_59 li a{color:#04406a ; } .map #m3_59 li a:hover, .map #m3_59 li a.on{ background-color:#2E75a7; color:#FFFFE4; } .map #m3_59 ul li a.nodeon, .map #m3_59 ul li a.nodein{background-color:#2E75a7; } .map #m3_59 ul ul li{ background-color:#f0efd8; } .map #m3_59 li ul li a:hover, .map #m3_59 li ul li a.on{ background-color:#fff; color:#000; } /*****************************ENQUETE BulLETIN*********************************/ /*--------titres---------*/ .enquetebulletin h1{ font-family:Trebuchet,arial,sans-serif; font-weight:normal; font-size:20px; padding: 10px 0px 4px 10px; margin-bottom:10px; color:#FDBB1C; border-bottom:2px solid #F3D48a; } .enquetebulletin h2{ clear:both; font-family:arial; text-align:left; font-weight:normal; font-size:14px; margin:10px 0 30px 0px; padding-top:40px; padding-bottom:4px; padding-left:10px; color:#FDBB1C; border-bottom:1px dotted #F3D48a; } .enquetebulletin h3 { clear:both; padding:0px 0 0 8px; margin:50px 0 30px 0; height:15px; background-image:url(../_img/titre/defaut-enquete-left.png); background-position:0 center; } .enquetebulletin h3 span { float:left; height:15px; padding: 0 31px 0 20px; font-family:Verdana,arial,helvetica; color:#FFFFFF; font-weight:bold; font-size:12px; background-color:#FFB300; background-image:url(../_img/titre/defaut-enquete-right.png); background-position:right center; } .enquetebulletin h4 { clear:both; padding:0px 0 0 37px; margin:30px 0 30px 0; height:15px; background-image:url(../_img/titre/enquete-left.png); background-position:0 center; text-transform:uppercase; } .enquetebulletin h4 span{ float:left; height:15px; padding: 0 31px 0 20px; font-family:verdana,arial,helvetica; color:#FFFFFF; font-size:11px; background-color:#FFCC00; background-image:url(../_img/titre/enquete-right.png); background-position:right center; } /*****************************enunclic*********************************/ .enunclic h4 { clear:both; padding:0px 0 0 37px; margin:30px 0 30px 0; height:15px; background-image:url(../_img/titre/enunclic-left.png); background-position:0 center; text-transform:uppercase; } .enunclic h4 span{ float:left; height:15px; padding: 0 31px 0 20px; font-family:verdana,arial,helvetica; color:#FFFFFF; font-size:11px; background-color:#bbbbbb; background-image:url(../_img/titre/enunclic-right.png); background-position:right center; } #P114 #BOX2 blockquote.discours #signaturemaire { display:block; margin:auto; } #P114 #BOX2 .discours p{ text-align:right; margin-bottom:2px; border:0; font-family:Verdana; line-height:1px; font-size:9px; color:#000; } #P114 #BOX2 .discours p span{ text-align:center; font-size:10px; } .enunclic div #photomaire { float:left; margin:10px 20px 15px 0px; display:block; } /*--------barre colore---------*/ .enunclic dl.barrecolore{ padding:10px 10px; border:1px solid #aaaaaa; background-color:#eeeeee; color:#aaaaaa; } .enunclic dt.barrecolore { background-color:#cccccc; font-weight:bold; color:#ffffff; } .enunclic dl.barrecolore strong{ font-weight:bold; } /*--------pave colore---------*/ .enunclic div.pavecolore{ margin:0px 0 10px 260px; padding:10px 10px; border:1px solid #aaaaaa; background-color:#eeeeee; color:#aaaaaa; } .enunclic dt.pavecolore { background-color:#cccccc; font-weight:bold; color:#ffffff; } .enunclic dl.pavecolore strong{ font-weight:bold; } /*--------p right---------*/ .enunclic .pright{ color:#6E8E4D; } #P56 #BODY p{ text-align:justify; } /*****************************BLOC FILM*********************************/ .film{ clear:both; overflow:auto; width:598px; border:1px solid #CDB262; margin:20px 0 0 0; background-color:#FFF7E1; } .film h1{ margin:0px; padding:2px 5px; font-family:arial,helvetica,sans-serif; background-color:#DCC173; font-size:12px; font-weight:bold; color:#ffffff; } .film h2{ margin:0px 150px 0px 0; padding:2px 5px; color:#B58D17; background-color:#F5E5Ba; font-weight:bold; font-size:11px; border-bottom:1px solid #DCC173; } .film h3{ clear:none; padding:2px 5px; margin:0px 150px 0px 0; font-size:12px; color:#B58D17; font-style:italic; font-weight:normal; background-color:#F5E9C7; background-image:none; border-bottom:1px solid #E5CC83; } .film img{ float:right; } .film dl{ position:relative; margin:0 150px 0 200px; border:1px solid #FFF7E1; font-size:12px; font-weight:normal; } .film dt{ position:absolute; left:0; width:70px; border-bottom:1px dotted #DCC173; padding:2px 1px; font-family:arial,helvetica; color:#BC8D00; } .film dd{ border-bottom:1px dotted #DCC173; width:150px; margin-left:80px; padding:2px 1px; background-color:transparent; font-family:arial,helvetica; color:#977613; } /*****************************aNNUaIRE*********************************/ .annuaire { font-family:arial,helvetica; font-style:normal; font-size:10px; color:#385688; background-image:url(../_arbo/icon_note.gif); } .annuaire p em { font-family:arial,helvetica; font-style:normal; font-size:11px; color:#385688; background-image:url(../_arbo//icon_montre.gif); } .annuaire dl { margin:20px 0px 20px 10px; border:1px dotted #cccccc; background-color:#ffffff; } .annuaire dt { display:inline; position:relative; top:-8px; padding: 0 10px; margin:5px 10px 5px 10px; border:1px dotted #385688; background-color:#CCCCFF; font-family:arial,helvetica; font-size:10px; color:#385688; font-weight:bold; } .annuaire dd { padding: 0 6px; margin:5px 10px 5px 10px; font-family:arial,helvetica; font-style:normal; font-size:11px; color:#385688; } .annuaire dd strong{ font-weight:bold; font-size:11px; color:#385688; } .annuaire p span, .annuaire dd span{ font-family:arial,helvetica; font-style:normal; font-size:11px; color:#1E843C; } .annuaire address { padding-left:20px; background-image:url(../_img/icon/contact.png); } /*****************************aGENDa*********************************/ .textecentre{text-align:center; } /*Liens connexes*/ .liens { font-family:Verdana; clear:both; background-color:#FCF7E1; margin-top:5px; margin-bottom:10px; padding:6px; } .liens li { display:inline; padding-right:10px; } .listeliens{ font-family:Verdana; background-color:#fff; padding:3px; } .listeliens li { display:block; padding-top:6px; padding-bottom:2px; border-bottom:1px dotted #F4EDCF; } .mairiepratique .liensrubrique li { font-family:Verdana; background-color:#D0D7FB; padding-bottom:2px; padding-top:3px; padding-right:2px; border-bottom:1px dotted #ffffff; } /*Barre utilitaires TOolS*/ #P2 .usertools{display:none; } .usertools li{ margin-bottom:5px; } .usertools li a{ display:block; width:21px; height:19px; border-bottom:1px solid #bbb89d; background-color:#d3d0b1; } .usertools li a:hover{ background-color:#efefd6; } .usertools li a:hover img{ background-position:right bottom; } .usertools #imprimer img{ background-image:url(../_img/icon/print.png); } .usertools #aggrandir img{ background-image:url(../_img/icon/aggrandir.png); } .usertools #aggrandir { display:none; } .usertools #reduire img{ background-image:url(../_img/icon/reduire2.png); } .usertools #reduire { display:none; } /*formulaire*/ .formulaire{ background-image:url(../_img/icon/formulaire3.png); padding-left: 25px; } /* #P3 #entete {width:600px;height:80px; } #P3 #date {float:left; background-image:url(../_img/actu/date.png); width:111px; height:80px; } #P3 #heure {float:left; background-image:url(../_img/actu/heures.png); width:89px; height:80px; } #P3 #evenement {float:left; background-image:url(../_img/actu/evenement.png); width:173px; height:80px; } #P3 #rubrique {float:left; background-image:url(../_img/actu/rubrique.png); width:98px; height:80px; } #P3 #lieu {float:left; background-image:url(../_img/actu/lieu.png); width:111px; height:80px; } #P34 h1{ color:#706560; } #P34 dl { float:left; } #P34 dl dt{ padding:8px 8px 2px 8px; text-align:center; line-height:0; } #P34 dl dd{ padding:2px; } #P34 dl dd h1{ font-size:12px; text-align:center; margin:0 0 3px 0; color:#000000; } #P34 dl dd p{ font-size:11px; margin:0; padding:0; text-align:center; color:#706560; } #P34 dl dt img{ border:1px solid #aaaaaa; } */ /** #P3 h1,#bulletin h1{font-family:Trebuchet MS,arial,helvetica,sans-serif;font-weight:normal;font-size:20px;color:#aC3a3a;margin:0px 0 0px 10px; } #P3 h2,#bulletin h2{font-family:arial,helvetica,sans-serif;font-weight:normal;font-size:14px;width:300px;background-color:#FFFFFF;color:#aC3a3a;margin:0px 0 50px 10px; } /*#culture #BOX2 h1{font-family:Trebuchet MS,arial,helvetica,sans-serif;font-weight:normal;font-size:20px;color:#977613;margin:0px 0 0px 10px; } #culture #BOX2 h2{font-family:arial,helvetica,sans-serif;font-weight:normal;font-size:14px;background-color:#FFFFFF;color:#977613;margin:0px 0 50px 10px; } #culture #BOX2 h5{clear:both;font-family:verdana,arial,helvetica; color:#FFFFFF; font-weight:bold; font-size:11px; height:15px;background-image:url(../_img/titre/culture.png);background-repeat:no-repeat;padding:1px 0 0 10px;margin-top:30px} #culture #BOX2 h6{font-family:arial,helvetica,serif,sans-serif; color:#977613; font-weight:bold; font-size:14px; background-image:url(../_img/icon/sign2.png);background-repeat:no-repeat;padding:0px 0px 0px 20px;margin-top:25px} #culture #cinema .seance {float:left;padding-left:10px;margin-bottom:30px;font-weight:bold;color:#333333;background-color:#DEDECE;font-size:11px;width:370px;height:160px}**/ /*.fleched {background-image:url(../_img/icon/droite.png);background-repeat:no-repeat;padding:0px 0px 0px 16px}**/ /*popup mot du maire accueil*/ .SECTION-bleu{ /*border:2px solid #53C0FF;*/ background-color:#ffffff; font-size:11px; } .SECTION-bleu blockquote{ padding-right:10px; padding-left:10px; font-family:arial; font-size:11px; } .SECTION-bleu p { margin:0; color:#000; text-align:center; } .SECTION-bleu ul { display:block; padding-left:25px; margin:0 3px; } .SECTION-bleu ul li { padding:5px 3px; list-style-type:square; } .SECTION-bleu h1 { color:#fff; display:block; background-color:#53C0FF; top:0; left:0px; padding:4px 0px; width:100%; font-size:100%; text-align: center; text-transform:uppercase; font-family:arial; font-size:12px; font-weight:bold; background-image:url(../_img/icon/close.png); background-position:right center; } img#signaturemaire{text-align:center; } .fermer { clear:both; margin:0; background-color:#53C0FF; color:#fff; text-align:center; } #P118 div#galerie, #P14 div#galerie{ width: 700px ; } #P118 div#galerie_mini, #P14 ul#galerie_mini{ width: 200px ; float:right; } #P118 dl#photo, #P14 dl#photo{ float:left; margin-left:0px; margin-right:40px; } #P57 div#galerie, #P20 div#galerie, #P78 div#galerie{ width: 480px ; } #P57 ul#galerie_mini, #P20 ul#galerie_mini, #P78 ul#galerie_mini{ width: 110px ; float:right; } #P57 dl#photo, #P20 dl#photo, #P78 dl#photo{ float:left; margin-left:0px; margin-right:5px; } div#galerie{ float:left; width: 335px ; background: #eed ; border: 1px solid #dcb ; padding: 15px ; margin: 8px 10px ; text-align: center ; font: 0.9em Georgia, serif ; } ul#galerie_mini{ margin: 0 ; padding: 0 ; list-style-type: none ; } ul#galerie_mini li{ float: left ; } ul#galerie_mini li a img{ margin: 2px 1px ; border: 1px solid #dcb ; width:50px; height:35px; } dl#photo{ clear:both; padding:0; margin:0 auto; } dl#photo dt{ font: italic 12px Georgia, serif ; padding-bottom:5px; color: #C0C0a6 ; } dl#photo dd{ margin:0; padding:0; } dl#photo img{ border: 1px solid #dcb ; width:330px; } dl#diapo{ margin: 0 auto ; float:left; width: 450px ; background: #eed ; border: 1px solid #dcb ; padding: 15px ; margin: 15px 30px ; text-align: center ; } dl#diapo dt{ text-align:center; font-style:italic; font-family:Georgia, serif; padding-bottom:5px; font-size:13px; color: #C0C0a6 ; } dl#diapo dd{ margin: 0 ; } dl#diapo img{ border: 1px solid #dcb ; } /*Formulaires*/ form fieldset{ padding:20px; } form>fieldset{ margin:0 0 20px 0; } form fieldset legend{ color:#3D7DC5; font-size:10px; font-weight:bold; margin-bottom:20px; } form>fieldset legend{ margin:0; } form fieldset p{ text-indent:0; margin:0 0 4px 0; } form fieldset label{ float:left; width:100px; text-align:right; margin-right:8px; white-space:nowrap; } form ul, form ul li, form ul li label{ display:inline; float:none; } form input.TEXT{ width:320px; border:1px solid #CCCCCC; font-family:Verdana; font-size:13px; margin:0; } form input.RADIO{ vertical-align:middle; } form textarea{ height:100px; border:1px solid #CCCCCC; font-family:Verdana; font-size:11px; font-weight:normal; } form .button{ clear:both; text-align:center; } div.slideshow{ position:relative; overflow:hidden; border:1px solid #DDCCBB; background-color:#EEEEDD; margin:10px; } div.slideshow p.visuel{ position:relative; margin:0; padding:0; line-height:0; height:400px; background-position:center center; } div.slideshow p.visuel span{ display:block; height:400px; background-position:center center; } div.slideshow p.visuel span img{ visibility:hidden; } div.slideshow dl.diaporama{ margin:0; padding:0; width:auto; height:50px; } div.slideshow dl.diaporama dt{ float:left; padding:0; margin:0; line-height:0; } div.slideshow dl.diaporama dd{ display:none; position:absolute; padding:0; z-index:2; top:52px; left:0; } div.slideshow dl.diaporama dd.off{ display:none; } div.slideshow dl.diaporama dd.on{ display:block; } div.slideshow a.prev{ display:none; } div.slideshow a.next{ display:none; } div.slideshow a:hover{ text-decoration:none; } div.slideshow dl.diaporama dt a{ display:block; border:1px solid #eeeeee; margin:5px; } div.slideshow dl.diaporama dt a img{ opacity:0.9; filter:alpha(opacity:90); } div.slideshow dl.diaporama dt a:hover{ border:1px solid #ffffff; } div.slideshow dl.diaporama dt a:hover img{ opacity:1; filter:alpha(opacity:100); } div.slideshow a.on{ border:1px solid #ff0000; } div.slideshow a.on img{ background-position:0 -45px; } div.slideshow a.off{ border:1px solid #666666; } div.slideshow a.off img{ opacity:0.2; filter:alpha(opacity:20); } div.slideshow a:hover.off img{ opacity:0.8; filter:alpha(opacity:80); } div.slideshow div.description{ /*border:1px solid red;*/ } div.description h1{ text-align:center; font-style:italic; font-family:Georgia, serif; padding-bottom:5px; font-size:13px; color: #C0C0a6 ; }