/* Acro Parc Css by www.estudio-b.net */ * {margin: 0;padding: 0;border: 0;} body { background: #4e8700; font-family:Georgia, "Times New Roman", Times, serif; color: #161f10; font-size: 80%; line-height: 150%; } /* COMON STYLES ///////////////////////////////////////// */ h1, h2, h3 {margin: 0 0 0.5em 0;} h1 {font-size: 130%;} h2 {font-size: 130%; font-style: italic; text-transform: uppercase;} h3, h4 {font-size: 100%; margin: 0; font-style: italic;} h4 {margin-bottom: 1.5em;} p {margin: 0 0 1em 0;} ul, ul li {list-style: none;} a {color: #fff; text-decoration: underline;} a:hover {color: #ccc303;} a:hover img {filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; opacity:0.65;} a:visited {} pre {overflow: auto; width: 100%; height: auto;} form {} legend {width: 100%; display: block; font-size: 120%; text-transform: uppercase; border-bottom: 1px solid #161f10; margin: 0 0 2em 0;} label {display: block; margin: 0 0 1em 0; width: 35%; float: left;} input { height: 1.4em; padding: 0 0.1em; margin: 0 0 1em 0; display: block; width: 60%;} select {height: 1.5em; padding: 0 0.1em; margin: 0 0 1em 0; display: block; width: 61%; } select option{padding: 0.1em 0.5em; background: #50c6d8;} textarea {padding: 0 0.1em; margin: 0 0 1em 0; display: block; width: 100%; } input, select, textarea {border: 1px solid #fff; float: right; background: #50c6d8; font-family:"Courier New", Courier, monospace;} input, select, textarea {filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65); -moz-opacity: 0.65; opacity:0.65;} input:focus, select:focus, textarea:focus {filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00;} .left {float: left;} .right {float: right;} .none {display: none !important;} .marg0 {margin: 0 !important;} .txt90 {font-size: 90%;} .txt110 {font-size: 115%;} .txt120 {font-size: 130%;} .ital {font-style: italic;} /* COMON STYLES ///////////////////////////////////////// */ #container { position: relative; width: 950px; margin: 0 auto; background: transparent url(../images/bkg_container.jpg) no-repeat top left; } /* HEADER /////////////////////////////////////////////// */ #header { width: 100%; position: relative; background: transparent; } #header #logo {position: absolute; top: 0; left: -50px;} #header ul {float: left; margin: 44px 0 20px 0; padding: 1px 0 0 0;} #header ul li {height: 31px; margin: 1px 0; position: relative;} #header ul li a{height: 29px; display: block;} #header ul li.on a { cursor: default;} #header ul li a span {text-indent: -5000em; height: 1px; font-size: 1px; position: absolute; top: 0; left: -5000em;} #header ul li a:hover img {} /* Menu Acti */ #header ul.acti {width: 250px; margin: 44px 55px 20px 230px; background: transparent url(../images/bkg_menu_sepa_acti.png) no-repeat 0 0;} #header ul.acti li span.sepa {display: block; height: 1px; margin: 1px 0; background: transparent url(../images/bkg_menu_sepa_acti.png) no-repeat 0 0;} #header ul.acti li.parc a {background: transparent url(../images/bkg_menu_parc.png) repeat 0 0;} #header ul.acti li.viaf a {background: transparent url(../images/bkg_menu_viaf.png) repeat 0 0;} #header ul.acti li.esca a {background: transparent url(../images/bkg_menu_esca.png) repeat 0 0;} #header ul.acti li.cany a {background: transparent url(../images/bkg_menu_cany.png) repeat 0 0;} #header ul.acti li.vtt a {background: transparent url(../images/bkg_menu_vtt.png) repeat 0 0;} #header ul.acti li.parc a:hover, #header ul.acti li.viaf a:hover, #header ul.acti li.esca a:hover, #header ul.acti li.cany a:hover, #header ul.acti li.vtt a:hover {background-position: 250px 0;} #header ul.acti li.parc.on a {background: transparent url(../images/bkg_menu_parc.png) repeat 250px 0 !important;} #header ul.acti li.viaf.on a {background: transparent url(../images/bkg_menu_viaf.png) repeat 250px 0 !important;} #header ul.acti li.esca.on a {background: transparent url(../images/bkg_menu_esca.png) repeat 250px 0 !important;} #header ul.acti li.cany.on a {background: transparent url(../images/bkg_menu_cany.png) repeat 250px 0 !important;} #header ul.acti li.vtt.on a {background: transparent url(../images/bkg_menu_vtt.png) repeat 0 250px 0 !important;} /* Menu Grup */ #header ul.grup {width: 200px; margin: 44px 0 20px 0; background: transparent url(../images/bkg_menu_sepa_grup.png) no-repeat 0 0;} #header ul.grup li a img{margin: 0 0 0 -15px;} #header ul.grup li span.sepa {display: block; font-size: 1px; height: 1px; margin: 1px 0 0 0; background: transparent url(../images/bkg_menu_sepa_grup.png) no-repeat 0 0; } #header ul.grup li a {background: transparent url(../images/bkg_menu_grup.png) repeat 0 0;} #header ul.grup li a:hover {background-position: 219px 0;} #header ul.grup li.on a {background: transparent url(../images/bkg_menu_grup.png) repeat 219px 0 !important;} /* Menu Info */ #header ul.info {width: 160px; margin: 44px 0 20px 0; float: right; background: transparent url(../images/bkg_menu_sepa_info.png) no-repeat 0 0;} #header ul.info li span.sepa {display: block; height: 1px; margin: 1px 0; background: transparent url(../images/bkg_menu_sepa_info.png) no-repeat 0 0;} #header ul.info li a:hover {background: transparent url(../images/bkg_menu_info.png) repeat 0 0;} #header ul.info li a:hover {background-position: 164px 0;} #header ul.info li.on a {background: transparent url(../images/bkg_menu_info.png) repeat 164px 0 !important;} #header ul.lang {width: 73px; height: 27px; padding: 3px 0 0 20px; position: absolute; top: 0; right: 0; margin: 0; background: #204c00 url(../images/bkg_menu_lang.png) no-repeat 0 0;} #header ul.lang li {display: inline; font-size: 80%; text-transform: uppercase;} #header ul.lang li a {display: inline; color: #4e8700; text-decoration: none;} #header ul.lang li a:hover {color: #ccc303; text-decoration: underline;} #header ul.lang li.on a {color: #ccc303; text-decoration: none;} #header #video {width: 780px; height: 269px; display: block; float: right; margin: 0 0 73px 0; position: relative;} #header #video object {width: 300px; height: 240px; display: block; position: absolute; top: 10px; left: 11px;} #header #video h1 {margin: 15px 15px 100px 330px; text-indent: -5000em;} #header #video p {margin: 120px 15px 0 330px; color: #ccc303;} #header #video.home {background: transparent url(../images/bkg_video_home.png) no-repeat 0 0;} #header #video.parc {background: transparent url(../images/bkg_video_parc.png) no-repeat 0 0;} #header #video.viaf {background: transparent url(../images/bkg_video_viaf.png) no-repeat 0 0;} #header #video.esca {background: transparent url(../images/bkg_video_esca.png) no-repeat 0 0;} #header #video.cany {background: transparent url(../images/bkg_video_cany.png) no-repeat 0 0;} #header #video.vtt {background: transparent url(../images/bkg_video_vtt.png) no-repeat 0 0;} #header #video.coll {background: transparent url(../images/bkg_video_coll.png) no-repeat 0 0;} #header #video.actu {background: transparent url(../images/bkg_video_actu.png) no-repeat 0 0;} #header #video.even {background: transparent url(../images/bkg_video_even.png) no-repeat 0 0;} #header #video.tari {background: transparent url(../images/bkg_video_tari.png) no-repeat 0 0;} #header #video.acce {background: transparent url(../images/bkg_video_acce.png) no-repeat 0 0;} #header #video.cont {background: transparent url(../images/bkg_video_cont.png) no-repeat 0 0;} #header #video.lega {background: #333;} #header #video.viaf p, #header #video.cany p, #header #video.tari p, #header #video.acce p, #header #video.cont p, #header #video.coll p, #header #video.even p, #header #video.actu p {color: #fff;} #header #video.lega h1{text-indent: 0; color: #fff;} /* CONTENT //////////////////////////////////////////////// */ #content { position: relative; width: 100%; clear: both; background: transparent; } #content {background: transparent;} #content p {line-height: 140%;} /* Col Left Home */ #content .cleft_home {width: 395px; margin: -17px 0 -45px 110px; float: left;} #content .cleft_home .acti {width: 100%; margin: 0 0 -20px 0; position: relative;} #content .cleft_home .acti h2 {text-indent: -5000em;} #content .cleft_home .acti img {margin: 0 10px 0 0;} #content .cleft_home .acti img.titl {position: absolute; top: 7px; left: 195px;} #content .cleft_home .acti p {width: 195px; float: right; margin: -150px 0 0 0;} #content .cleft_home .acti p a {color: #161f10; text-decoration: none;} #content .cleft_home .acti p a:hover, #content .cleft_home .acti p a.on {color: #fff;} /* Col Left Interior */ #content .cleft {width: 345px; margin: -30px 0 -45px 170px; float: left;} #content .cleft ul.submenu {width: 145px; margin: 0 0 -7em -155px; font-style: italic; font-weight: bold; line-height: 160%;} #content .cleft ul.submenu.viaf { margin: 0 0 -9.5em -155px; padding: 35px 0 0 0; background: transparent url(../images/bkg_scroll_viaf.png) no-repeat top left;} #content .cleft ul.submenu.esca { margin: 0 0 -9em -155px; padding: 35px 0 0 0; background: transparent url(../images/bkg_scroll_esca.png) no-repeat top left;} #content .cleft ul.submenu.cany { margin: 0 0 -12.5em -155px; padding: 35px 0 0 0; background: transparent url(../images/bkg_scroll_cany.png) no-repeat top left;} #content .cleft ul.submenu.vtt { margin: 0 0 -10.5em -155px; padding: 35px 0 0 0; background: transparent url(../images/bkg_scroll_vtt.png) no-repeat top left;} #content .cleft ul.submenu.coll{width: 165px; margin: 0 0 -13em -175px; padding: 35px 0 0 0; background: transparent url(../images/bkg_scroll_coll.png) no-repeat top left;} #content .cleft ul.submenu.even { margin: 0 0 -9em -155px; padding: 25px 0 0 0; background: transparent url(../images/bkg_scroll_even.png) no-repeat top left;} #content .cleft ul.submenu li {} #content .cleft ul.submenu li:before {content: "\00BB \0020"; color: #fff;} #content .cleft ul.submenu li a {text-decoration: none;} #content .cleft ul.submenu li.on a, #content .cleft ul.submenu li.txt120 a {color: #ccc303;} #content .cleft .parcours {margin: 0 0 1.3em 0; padding: 0 0 1em 0; background: transparent url(../images/bkg_sepa_parcours.png) no-repeat bottom left;} #content .cleft .sepanone {background: none;} #content .cleft h2 {/*height: 36px;*/ padding: 0.6em 2em; background: transparent url(../images/bkg_h2cleft.png) no-repeat 0 0;} #content .cleft h3:before {content: "\2022 \0020";} #content .cleft h3 span {text-transform: uppercase;} #content .cleft h3 img {float: right; margin: -1em 1em 0 0;} #content .cleft h4:before {content: "\2022 \0020";} #content .cleft .parcours ul {margin: 0 0 1em 0;} #content .cleft .parcours ul li:before {content: "\2022 \0020";} #content .cleft .parcours ul.viaf_img {margin: 1em 0 1em 0; width: 110%;} #content .cleft .parcours ul.viaf_img li{width: 100px; height: 100px; border: 5px solid #161f10; margin: 0 10px 10px 0; float: left;} #content .cleft .parcours ul.viaf_img li img {margin-top: -20px;} #content .cleft .parcours.turz {margin: -220px -410px -220px 410px;} #content .cleft .parcours.coll {background: transparent url(../images/bkg_coll.png) no-repeat bottom right;} #content .cleft .parcours.coll h3:before {content: none;} #content .cleft .parcours.coll h3 {margin: 0 0 1em 0; font-size: 120%; font-style: italic;} #content .cleft .parcours.coll h4 {margin: 0;} #content .cleft .parcours.coll dl {margin: 1em 0 2em 0;} #content .cleft .parcours.coll dl dd:before {content: "\00BB \0020";} #content .cleft .parcours.coll dl dt {font-weight: bold; font-style: italic;} #content .cleft .parcours.coll dl dd {padding: 0;} #content .cleft .parcours.coll dl dd a {font-style: italic;} /* Video Fancy */ .video_embed {width: 95%; height: 375px; text-align: center; background: #333; border-right: 25px solid #fff; padding-top: 25px;} .video_embed object {} /* Col Right Interior */ #content .cright {float: right; width: 420px; margin: -60px 0 -45px 0;} #content .cright .actu, #content .cright .map, #content .cright .secu {height: 392px; position: relative; background: transparent url(../images/bkg_security.png) no-repeat top right;} /* Actu module */ #content .cright .actu {padding: 70px 20px 0 55px;} #content .cright .actu h2 {text-indent: -5000em;} #content .cright .actu img.titl {position: absolute; top: 38px; left: 20px;} #content .cright .actu a.resa img {margin-top: -30px;} #content .cright .actu h3 {padding: 15px 0 0 35px; font-size: 130%; font-style: italic; background: transparent url(../images/bkg_tit_actu.png) no-repeat top left;} #content .cright .actu h3 a {color: #161f10; text-decoration: none;} #content .cright .actu h3 a:hover {color: #ccc303;} #content .cright .actu .postmetadata {font-size: 85%; font-weight: bold; font-style: italic; margin: 0 0 1em 0.5em;} #content .cright .actu .postmetadata a{color: #ccc303;} #content .cright .actu .sepa_actu {display: block; width: 309px; height: 3px; font-size: 1px; background: transparent url(../images/bkg_sepa_actu.png) no-repeat top left;} /* Map module */ #content .cright .map {margin: -65px 0 0 0;} #content .cright .map.acce {margin: 0 0 0 0;} #content .cright .map h2 {text-indent: -5000em;} #content .cright .map img.titl {position: absolute; top: 15px; right: 40px;} #content .cright .map object {width: 340px; height: 270px; position: absolute; top: 60px; left: 40px;} /* Security Module */ #content .cright .secu h2 {text-indent: -5000em;} #content .cright .secu img.titl {position: absolute; top: 38px; left: 20px;} #content .cright .secu img.img_secu {position: absolute; top: 60px; left: 15px;} #content .cright .secu img.img_mat_viaf {position: absolute; top: 75px; left: 30px;} #content .cright .secu img.img_mat_cany {position: absolute; top: 25px; left: 30px;} #content .cright .secu img.img_mat_vtt {position: absolute; top: 65px; left: 30px;} #content .cright .secu img {} #content .cright .secu .secu_txt {width: 330px; height: 130px; padding: 0 10px 0 0; display: block; font-size: 85%; color: #fff; overflow-y: scroll;} #content .cright .secu .secu_txt {position: absolute; top: 200px; left: 50px;} /* Route Module */ #content .cright .rout {height: 392px; position: relative; background: transparent url(../images/bkg_route.png) no-repeat top right;} #content .cright .rout h2 {text-indent: -5000em;} #content .cright .rout img.parc_color {position: absolute; top: 0; left: 0;} #content .cright .rout img.titl {position: absolute; top: 38px; left: 20px;} #content .cright .rout ul.rout_img {position: absolute; top: 0; left: 0;} #content .cright .rout ul.rout_img li {width: 84px; height: 84px; position: absolute; top: 0; left: 0;} #content .cright .rout ul.rout_img li.r1 {top: 23px; left: 299px;} #content .cright .rout ul.rout_img li.r2 {top: 156px; left: 28px;} #content .cright .rout ul.rout_img li.r3 {top: 147px; left: 123px;} #content .cright .rout ul.rout_img li.r4 {top: 139px; left: 216px;} #content .cright .rout ul.rout_img li.r5 {top: 130px; left: 309px;} #content .cright .rout ul.rout_img li.r6 {top: 263px; left: 37px;} #content .cright .rout ul.rout_img li.r7 {top: 255px; left: 132px;} #content .cright .rout ul.rout_img li.r8 {top: 246px; left: 225px;} #content .cright .rout ul.rout_img li.r9 {top: 238px; left: 318px;} /* MUST tooltip styling */ .hide {position:absolute; z-index:800; left:-9999px;} /* general tooltip styling */ .hide {width: 255px; height: 157px; padding:10px; color: #fff; background: transparent url(../images/bkg_tooltip_parc.png) no-repeat top left;} .hide.toolviaf {background: transparent url(../images/bkg_tooltip_viaf.png) no-repeat top left;} .hide.toolesca {margin-top: -385px; background: transparent url(../images/bkg_tooltip_esca.png) no-repeat top left;} .hide.toolcany {background: transparent url(../images/bkg_tooltip_cany.png) no-repeat top left;} .hide.toolvtt {background: transparent url(../images/bkg_tooltip_vtt.png) no-repeat top left;} .hide h3 {width: 220px; color: #64a100;} .hide.toolviaf h3, .hide.toolesca h3, .hide.toolcany h3, .hide.toolvtt h3 {color: #fff; margin: 0;} .hide h4 {width: 220px; font-weight: normal; color: #fff; margin: 0;} .hide h4:before {content: "\2022 \0020";} .hide p {width: 220px; font-size: 85%;} .hide p span{color: #ccc303;} .hide img {} /* Photo Module */ #content .cright .phot {height: 392px; position: relative; background: transparent url(../images/bkg_photos.png) no-repeat top right;} #content .cright .phot h2 {text-indent: -5000em;} #content .cright .phot img.titl {position: absolute; top: 38px; left: 20px;} #content .cright .phot ul.phot_img {position: absolute; top: 0; left: 0;} #content .cright .phot ul.phot_img li {width: 85px; height: 86px; position: absolute; top: 0; left: 0;} #content .cright .phot ul.phot_img li.p1 {top: 47px; left: 19px;} #content .cright .phot ul.phot_img li.p2 {top: 39px; left: 113px;} #content .cright .phot ul.phot_img li.p3 {top: 30px; left: 206px;} #content .cright .phot ul.phot_img li.p4 {top: 23px; left: 299px;} #content .cright .phot ul.phot_img li.p5 {top: 156px; left: 28px;} #content .cright .phot ul.phot_img li.p6{top: 147px; left: 123px;} #content .cright .phot ul.phot_img li.p7 {top: 139px; left: 216px;} #content .cright .phot ul.phot_img li.p8 {top: 130px; left: 309px;} #content .cright .phot ul.phot_img li.p9 {top: 263px; left: 37px;} #content .cright .phot ul.phot_img li.p10 {top: 255px; left: 132px;} #content .cright .phot ul.phot_img li.p11 {top: 246px; left: 225px;} #content .cright .phot ul.phot_img li.p12 {top: 238px; left: 318px;} /* Hours Module */ #content .cright .hora {height: 392px; font-size: 85%; color: #fff; position: relative; background: transparent url(../images/bkg_horaires.png) no-repeat top right;} #content .cright .hora h2 {text-indent: -5000em;} #content .cright .hora img.titl {position: absolute; top: 38px; left: 20px;} #content .cright .hora .left {width: 170px; margin: 65px 0 0 25px; float: left;} #content .cright .hora .right {width: 160px; margin: 4px 40px 0 0; float: right;} #content .cright .hora .cent {width: 350px; margin: 90px 0 0 30px; color: #161f10; font-size: 110%;} #content .cright .hora .cent ul {margin: 0 0 1em 0;} #content .cright .hora .amar {color: #ccc303;} /* Intro Module */ #content .cright .intro_viaf {height: 352px; padding: 60px 45px 0 45px; position: relative; color: #f60; background: transparent url(../images/bkg_intro_viaf.png) no-repeat top right;} #content .cright .intro_cany {height: 352px; padding: 60px 45px 0 45px; position: relative; color: #999; font-weight: bold; background: transparent url(../images/bkg_intro_cany.png) no-repeat top right;} /* Text Content Module */ #content .cright .cont_right {margin: 0 35px 0 45px;} #content .cright .cont_right h2 {padding: 0.6em 2em; text-transform: none; margin: 2em 0 0 0; background: transparent url(../images/bkg_h2cleft.png) no-repeat 0 0;} /* TARIFS (content) -------------------------------------------------------- */ #content.tari {margin: -50px 0 0 170px; width: 780px;} #content.tari h2 {width: 100%; display: block; clear: both; margin: 1em 0 2em 0; padding: 0.5em 0; border: 1px solid #204c00; border-left: none; border-right: none;} #content.tari p {} #content.tari span.nota {font-size: 85%; font-weight: normal;} #content table {border-collapse:collapse; text-align: center; width: 60%; margin: 0 0 2em 1em; float: right; } #content table th {border: 1px solid #fff; padding: 0.5em; color: #fff; background: #204c00;} #content table th.acrokid {background: #4d8500;} #content table th.decouv {background: #336400;} #content table th.cany {background: #3c4e84;} #content table th.viaf {background: #f60;} #content table th.esca {background: #747762;} #content table th.vtt {background: #554233;} #content table td {border: 1px solid #fff; padding: 0.5em; text-align: right; background: #96dc00;/*font-weight: bold; font-size: 120%;*/} #content table.acti th {} #content table.acti td {} /* CONTACT (content) -------------------------------------------------------- */ form#contact_acro {} form#contact_acro fieldset {} form#contact_acro .cleft fieldset{} form#contact_acro .cright fieldset{} form#contact_acro .cleft fieldset, form#contact_acro .cright fieldset {padding: 0 0 1em 0; border-bottom: 1px solid #161f10;} form#contact_acro .cright fieldset {margin: 30px 0 0 50px; width: 370px;} form#contact_acro .cleft fieldset legend {width: 345px;} form#contact_acro .cright fieldset legend {width: 400px;} form#contact_acro fieldset select option {} form#contact_acro fieldset select option:before {content: "\00BB \0020";} form#contact_acro fieldset select option.parc {background: #4e8700;} form#contact_acro fieldset select option.viaf {background: #f60;} form#contact_acro fieldset select option.esca {background: #747762;} form#contact_acro fieldset select option.cany {background: #3b4d84;} form#contact_acro fieldset select option.vtt {background: #554233;} form#contact_acro fieldset select option.grup {background: #ff00fe;} form#contact_acro .cright fieldset textarea {height: 159px; display: block; overflow-y: auto;} form#contact_acro .cright fieldset.envoi {margin: 0px 0 35px 50px; width: 370px; border: none;} form#contact_acro input#btn_envoi {display: block; width: 256px; height: 41px; padding: 0; margin: -1px 0 0 0; border: none; background: none;} form#contact_acro input#btn_envoi{filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1.00; opacity:1.00;} input.error, textarea.error {background: #fff; border: 1px solid #f90;} label.error{width: 100%; padding: 0 0 0 40%; color: #f90;} /* CSS CALENDAR */ #ncalendar {background: #fff; position: absolute; z-index: 500; } #ncalendar table {padding:0px; width:180px; margin:0 auto;} #ncalendar table th {padding:0px; font-size:1em;background:silver;} #ncalendar table tr {padding:0px;} #ncalendar {background: #fff; width:205px;height:182px;font-size: .8em; padding-top: 1em; cursor: pointer ; position: absolute;} #ncalendar div { cursor: pointer; text-align: center; height:35px; width:200px; display:block; font-size: 110%; color: #50c6d8; } #ncalendar div img{ margin: 0 1em;} #ncalendar table {margin-top:1em; width:95%; border:0px; color: #161f10;} #ncalendar table thead th{color: #fff; background: #50c6d8;} #ncalendar img {cursor: pointer;} #ncalendar .dayselected {background: #50c6d8;} #ncalendar .noday {background: #eee; padding: 0em; text-align: center;} #ncalendar .sunday {background: #ddd;} #ncalendar .today {background: #b0b0b0; color: maroon; padding: 0em; text-align: center;} #ncalendar td.isToday {background: #ccc303; font-weight: bold;} #ncalendar table td {padding: 0px; padding:.2em;} /* BLOG (content) -------------------------------------------------------- */ #main {width: 570px; float: left; margin: -30px 0 -45px 170px; background: transparent url(../images/bkg_sidebar.png) repeat-y top right; } #main .post {margin: 0 0 2.5em 0; background: transparent url(../images/bkg_actu_main.png) no-repeat top left;} #content #main h2 {padding: 15px 0 0 35px; font-size: 130%; font-style: italic; background: transparent url(../images/bkg_tit_actu_main.png) no-repeat top left;} #content #main h2 a {color: #161f10; text-decoration: none;} #content #main h2 a:hover {color: #ccc303;} #content #main h3 {padding: 15px 0 0 0px;} #content #main img {float: left; margin: 0 1.5em 1.5em 0; border: 5px solid #161f10;} #content #main .postmetadata {font-size: 85%; font-weight: bold; font-style: italic; margin: -0.2em 0 1.3em 0.5em;} #content #main .postmetadata a{color: #ccc303;} #main h2, #main p, #main .postmetadata {width: 545px;} /* BLOG SIDEBAR (content) -------------------------------------------------------- */ #sidebar {width: 200px; margin: -60px 0 0 0; text-align: right; float: right; background: transparent;} #sidebar ul {} #sidebar ul li h2{margin: 0 0 0 0; padding: 40px 0 141px 0; font-style: normal; font-weight: normal; background: transparent url(../images/bkg_sidebar_ul.png) no-repeat top right;} #sidebar ul li ul {background: none; margin: -130px 0 0 0; padding: 0; font-size: 115%;} #sidebar ul li ul li{background: none; line-height: 160%; margin: 0; padding: 0 0.8em 0 0em; background: transparent url(../images/bkg_list_footer.png) no-repeat 205px 13px;} /* FOOTER ///////////////////////////////////////////////// */ #footer { /*clear: both;*/ position: relative; display: block; height: 608px; width: 100%; clear: both; /*margin: -150px auto -150px auto;*/ background: /*#0c0c0c*/ url(../images/bkg_footer.png) repeat-x bottom center; } #footer_content {width: 920px; position: relative; margin: auto; padding: 0 0 0 30px;} #footer_content p {float: right; margin: 440px 0 0 0;} #footer_content p.adress {font-size: 90%; text-align: right; margin: 460px 20px 0 0; color: #fff; font-weight: bold;} #footer_content p.logo {font-size: 80%; line-height: 100%; margin: 460px 0 0 0; color: #ccc303;} #footer_content p.logo img {width: 120px; height: 40px;} #footer_content p.logo a {color: #ccc303; font-weight: bold; display: block; margin: 0;} #footer_content p.logo a#acro {margin: 0 0 -10px 0;} #footer_content p.logo a#estudio {margin: 0 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration: none;} #footer_content p.logo a#estudio:hover {text-decoration: underline;} #footer_content ul {float: left; min-height: 120px; margin: 440px 20px 0 0; padding-top: 20px; font-size: 90%; background: transparent url(../images/bkg_ul_footer.png) no-repeat top right;} #footer_content ul li {line-height: 140%; padding: 0 3em 0 0.5em; background: transparent url(../images/bkg_list_footer.png) no-repeat 0 50%;} #footer_content ul li a {text-decoration: none; } #footer_content ul li a:hover {} #footer_content ul.home li a:hover {color: #ccc303;} #footer_content ul.acti li.parc a:hover {color: #4e8700;} #footer_content ul.acti li.viaf a:hover {color: #f60;} #footer_content ul.acti li.esca a:hover {color: #747762;} #footer_content ul.acti li.cany a:hover {color: #3b4d84;} #footer_content ul.acti li.vtt a:hover {color: #554233;} #footer_content ul.grup li a:hover {color: #ff00fe;} #footer_content ul.info li a:hover {color: #50c6d8;}