/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #fff; /*background: url(images/images-fond1.jpg) repeat;*/ font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #566761; } h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; color: #00275e; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } p, ul, ol { margin-top: 0; line-height: 180%; } ul, ol { } a { text-decoration: none; color: #ff6600; } a:hover { } #wrapper { margin: 0 auto; padding: 0; } /* Header */ #header-wrapper { height: 130px; width: 100%; background: #fff; /*background: url(images/images-fond-imen.jpg) repeat;*/ opacity:0.7; } #header { width: 110%; margin: 0 auto; padding: 0px 0px 0px 30px; } /* Logo */ #logo { float: left; width: 20%; margin: 0; padding-left: 20px; color: #FFFFFF; background: url(images/img02.jpg) no-repeat left 15px; } #logo h1, #logo p { } #logo h1 { padding: 40p 0px 0px 80px; letter-spacing: -1px; text-transform: lowercase; font-size: 3.8em; color: #FF3000; } #logo h1 a { color: #FAD68C; } #logo h1 span { color: #FFFFFF; } #logo p { margin: 0; padding: 0px 0 0 2px; font: normal 14px Georgia, "Times New Roman", Times, serif; font-style: italic; color: #988366; } #logo a { border: none; background: none; text-decoration: none; color: #988366; } /* Search */ #search { float: right; width: 280px; height: 60px; padding: 20px 0px 0px 0px; background: #3E3125; } #search form { height: 41px; margin: 0; padding: 10px 0 0 20px; } #search fieldset { margin: 0; padding: 0; border: none; } #search-text { width: 170px; padding: 6px 5px 2px 5px; border: 1px solid #DEDEDE; background: #FFFFFF; text-transform: lowercase; font: normal 11px Arial, Helvetica, sans-serif; color: #5D781D; } #search-submit { width: 50px; height: 22px; border: none; background: #A10B06; color: #FFFFFF; } /* Menu */ #menu { float: left; width: 75%; height: 100px; margin: 0 auto; padding-right: 5px; padding-bottom: 5px; } #menu ul { margin: 0; padding: 70px 0px 0px 0px; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; margin-right: 1px; padding: 10px 7px 5px 7px; background: #48515c; /*#060; */ text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; /*color : #fff2ab; */ border: none; } #menu a:hover{ background-color:#0096a8; color:#FFFFFF; } #menu a:hover, #menu .current_page_item a { background-color:#006cab; color:#FFFFFF; } #menu .current_page_item { } #menu2{ float: right; width: 640px; height: 40px; margin: 0 auto; padding-right: 5px; padding-bottom: 5px; } #menu2 ul { margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; } #menu2 li { float: left; } #menu2 a { display: block; margin-right: 1px; padding: 10px 15px 14px 15px; background: #CCCCCC; text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; border: none; } #menu2 a:hover{ background-color:#0096a8; color:#FFFFFF; } #menu2 a:hover, #menu2 .current_page_item a { background-color:#000000; color:#FFFFFF; } #menu2 .current_page_item { } /* Page */ #menu22{ float: left; width: 800px; height: 40px; margin: 0 auto; padding-left: 5px; padding-bottom: 5px; } #menu22 ul { margin: 0; padding: 0px 0px 0px 0px; list-style: none; line-height: normal; } #menu22 li { float: left; } #menu22 a { display: block; margin-right: 1px; padding: 10px 15px 14px 15px; background: #CCCCCC; text-decoration: none; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000; border: none; } #menu22 a:hover{ background-color:#0096a8; color:#FFFFFF; } #menu22 a:hover, #menu22 .current_page_item a { background-color:#000000; color:#FFFFFF; } #menu22 .current_page_item { } #page { width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; /*background: #ffffff;*/ background: #fff; /*url(images/images-fond1.jpg) repeat;*/ opacity:0.9; } ` #page-bgtop { padding: 0px 0px 0px 0px; } /* Content */ #content { float: right; width: 75%; height:1150px; padding: 40px 0px 0px 0px; border-top: 2px solid #0096a8; border-left: 2px solid #0096a8; background: #ffffff; /*background: url(images/images-fond-imen1.jpg) repeat;*/ opacity:0.8; } .post { margin-bottom: 40px; border-bottom: 1px dotted #E7E2DC; } .post .title { height: 41px; padding: 7px 0px 0px 30px; letter-spacing: -.5px; } .post .title a { color: #424141; border: none; } .post .meta { margin-bottom: 30px; padding: 0px 30px 0px 30px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; } .post .meta .date { float: left; } .post .meta .posted { float: right; } .post .meta a { } .post .entry { padding: 0px 30px 20px 30px; padding-bottom: 20px; text-align: justify; } .links { padding-top: 20px; font-size: 12px; font-weight: bold; } /* Sidebar */ #sidebar { float: left; width: 250px; margin: 0px; padding: 0px 20px 0px 0px; color: #E6D5B9; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin: 0; padding: 0; } #sidebar li ul { margin: 0px 0px; padding-bottom: 30px; } #sidebar li li { line-height: 35px; border-bottom: 1px solid #85735B; margin: 0px 0px 0px 10px; border-left: none; } #sidebar li li span { display: block; margin-top: -20px; padding: 0; font-size: 11px; font-style: italic; } #sidebar li li a { padding: 0px 15px 0px 0px; } #sidebar h2 { height: 38px; padding-left: 10px; padding-right: 15px; padding-top: 3px; letter-spacing: -.5px; font-size: 1.8em; color: #fff2ab; background: url(images/band.jpg) no-repeat; } #sidebar p { margin: 0 0px; padding: 0px 0px 20px 30px; text-align: justify; } #sidebar a { border: none; color: #747677; } #sidebar a:hover { text-decoration: underline; color: #ff6600; } /* Calendar */ #calendar { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { height: 50px; margin: 10px auto 0 auto; padding: 0px 0 15px 0; background: #000000; font-family: Arial, Helvetica, sans-serif; } #footer p { margin: 0; padding-top: 20px; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; color: #fff2ab; } #footer a { color: #fff2ab; } #content1 { width: 24.5%; margin: 0px 0px; font-size: 14px; float: left; padding: 0px 0px 0px 0px; color: #E6D5B9; background: #fff; /*background: url(images/images-fond-imen.jpg) repeat;*/ opacity:0.7; } .menuac { width: auto; height: auto; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); } .menuac > li > a { background-color: #48515c; /*#060; */ /* background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 0, 0)),to(rgb(80, 0, 0))); background-image: -webkit-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: -moz-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: -o-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: -ms-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); */ background-image: -moz-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: -ms-linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); background-image: linear-gradient(top, rgb(80, 0, 0), rgb(80, 0, 0)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864'); border-bottom: 1px solid #33373d; -webkit-box-shadow: inset 0px 1px 0px 0px #878e98; -moz-box-shadow: inset 0px 1px 0px 0px #878e98; box-shadow: inset 0px 1px 0px 0px #878e98; width: 100%; height: 2.75em; line-height: 2.75em; text-indent: 2.75em; display: block; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 600; color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,.5); } .menuac ul li a { background: #fff; border-bottom: 1px solid #efeff0; width: 100%; height: 2.75em; line-height: 2.75em; text-indent: 2.75em; display: block; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.923em; font-weight: 400; color: #878d95; } .menuac ul li:last-child a { border-bottom: 1px solid #33373d; } .menuac > li > a:hover, .menuac > li > a.active { background-color: #006cab; /* background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219))); background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219)); background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219)); background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219)); background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219)); background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db'); border-bottom: 1px solid #103c56; -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef; -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef; box-shadow: inset 0px 1px 0px 0px #6ad2ef; */ } .menuac > li > a.active { border-bottom: 1px solid #1a638f; } .menuac > li > a:before { content: ''; background-image: url(../images/sprite.png); background-repeat: no-repeat; font-size: 36px; height: 1em; width: .1em; position: absolute; left: 0; top: 50%; margin: 0 0 0 0; } .item1 > a:before { background-position: 0 0; } .item2 > a:before { background-position: -38px 0; } .item3 > a:before { background-position: 0 -38px; } .item4 > a:before { background-position: -38px -38px; } .item5 > a:before { background-position: -76px 0; } .menuac > li > a span { font-size: 0.857em; display: inline-block; position: absolute; right: 1em; top: 50%; background: #48515c; line-height: 1em; height: 1em; padding: 0 0; margin: -.8em 0 0 0; color: #fff; text-indent: 0; text-align: center; -webkit-border-radius: .769em; -moz-border-radius: .769em; border-radius: .769em; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); text-shadow: 0px 1px 0px rgba(0,0,0,.5); font-weight: 500; } .menuac > li > a:hover span, .menuac > li a.active span { background: #006cab; } .menuac > li > ul li a:before{ font-size: 12pt; color: #bcbcbf; position: absolute; width: 0em; height: 1em; top: 0; left:0; } .menuac > li > ul li:hover a, .menuac > li > ul li:hover a span, .menuac > li > ul li:hover a:before { color: #f00; font-weight: 500; } .menuac ul > li > a span { font-size: 0.857em; display: inline-block; position: absolute; right: 1em; top: 50%; / background: #fff; border: 1px solid #d0d0d3; line-height: 1em; height: 1em; padding: .4em .7em; margin: -.9em 0 0 0; color: #878d95; text-indent: 0; text-align: center; -webkit-border-radius: .769em; -moz-border-radius: 769em; border-radius: 769em; text-shadow: 0px 0px 0px rgba(255,255,255,.01)); }