@media screen {html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }  :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; }  table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } } @media screen {body{font-family: Helvetica, Arial, sans-serif;background:#1a201b;color:#1a201b;} body ::selection{background:#cc4444;color:#000;} body ::-moz-selection{background:#cc4444;color:#000;} body.pageprojet {overflow:hidden;} .clear{clear:both;} strong{font-weight:bold;} .actu a,#projetdesc a,.panelcontent a{background:#cc4444;color:#000;text-decoration:none;} .actu a:hover{}  h1 span{display:none;} h1 a{display:block;width:150px;height:140px;background:url(/wp-content/themes/mostar/css/../img/logo_mostar8.png) top;margin-top:14px;float:left;position:relative;z-index:10;} h1 a:hover{background-position:bottom;} span#thewall{display:block;width:60px;height:21px;background:url(/wp-content/themes/mostar/css/../img/wall.png);float:left;margin-top:10px;margin-left:40px;} .pageprojet #thewall{position:absolute;left:0px;top:164px;z-index:10;background:url(/wp-content/themes/mostar/css/../img/wall_black.png);} #page{width:954px;} #contenu{width:804px;float:right;margin-bottom:100px;} #separation{height:0px;width:100%;} #bloc{background:#3a4e3a;margin-top:116px;} #bloc.pagenews{background:#5f8a5f;}  #menu{margin-bottom:30px;display:block;height:47px;} #menu li{display:inline;} #menu li a{color:#68aa67;width:120px;height:25px;line-height:22px;display:block;float:left;font-size:15px;padding-top:19px;padding-left:8px;margin-right:1px;text-decoration:none;position:relative;display:block;} #menu li a:hover{color:#1a201b;} #menu li a#all{width:auto;padding-right:12px;padding-left:0;} #menu li a#all:hover{color:#fff;} #menu li a#all:active{background:0;}  #menu li a:active,.sansjs #menu li a:active{background:url(/wp-content/themes/mostar/css/../img/menu.png) no-repeat bottom;}  #menu li a span{background:url(/wp-content/themes/mostar/css/../img/menu.png) top;display:block;width:100%;height:44px;position:absolute;top:0;left:0;z-index:-1;opacity:0; filter : alpha(opacity=0);cursor:pointer;}  .sansjs #menu li a:hover{color:#fff;background:url(/wp-content/themes/mostar/css/../img/menu.png) no-repeat top;}  #news{padding-top:25px;width:804px;} #news h2{display:none;} .actu{padding:0 0 25px 30px;width:600px;} .actu h3{font-size:16px;font-weight:bold;line-height:20px;} .actu h3 span{font-size:12px;font-weight:normal;margin-left:30px;} .actu h3 a{color:#1a201b;text-decoration:none;background:none;} .actu h3 a:hover{color:#68aa67;background:none;} .actu p{font-size:12px;line-height:16px;} #less{float:right;background:url(/wp-content/themes/mostar/css/../img/news.png) no-repeat top right;width:168px;height:194px;margin-top:-25px;margin-right:2px;text-indent:-9999px;} #less:hover{background-position:bottom right;} #more{float:right;background:url(/wp-content/themes/mostar/css/../img/more.png) top;width:200px;height:16px;margin-top:-16px;margin-right:1px;text-indent:-9999px;} #more:hover{background-position:bottom;} #more{display:none;} .sansjs #less{display:none;}  #wall{margin:0;padding:0;border-bottom:1px solid #1a201b;} #wall h2{display:none;} #wall ul{clear:both;} #wall ul li{display:inline;position:relative;} #wall ul li a{display:block;float:left;background:#425542;border-right:1px solid #1a201b;border-top:1px solid #1a201b;position:relative;text-decoration:none;} #wall ul li a img{opacity:1; filter : alpha(opacity=100);} #wall ul li a span{position:absolute;float:left;left:20px;top:20px;opacity:0; filter : alpha(opacity=0); color:#67aa67;font-size:13px;line-height:20px;} #wall ul li a span small{font-size:12px;} .up{display:block;width:48px;height:48px;position:absolute;z-index:100;float:left;left:76px;top:39px;} .sansjs #wall ul li a:hover img{opacity:0.1;} .sansjs #wall ul li a:hover span{opacity:1;}  #infos{padding:25px 30px;} #infos h2{display:none;} #infos h4{font-size:17px;font-weight:normal;}  #newsletter{margin-top:1px;padding:0;position:relative;font-size:14px;width:804px;height:60px;} #newsletter input.saisie{color:#1a201b;width:460px;background:#3a4e3a;border:0;margin:0;padding:10px 20px 0 28px;line-height:20px;height:24px;float:left;margin-right:1px;font-size:14px;font-family: Helvetica, Arial, sans-serif;} input.submit{color:#1a201b;background:#3a4e3a;border:0;margin:0;padding:0 10px;font-size:14px;line-height:20px;height:34px;float:left;margin-right:1px;font-weight:bold;cursor:pointer;font-family: Helvetica, Arial, sans-serif;width:130px;display:block;} input.submit:hover{background:#cc4444;} #newsletter label{position:absolute;float:left;left:30px;padding-top:12px;display:none;}  #accordion h2{font-size:16px;cursor:pointer;font-weight:bold;padding:16px 0} .panel.open h2{} #accordion h2:hover span,#accordion .panel.open h2 span{display:block;} #accordion h2 span{background:url(/wp-content/themes/mostar/css/../img/about.png);width:11px;height:47px;float:left;margin-left:-42px;margin-top:-16px;display:none;} #accordion .panel:hover,#accordion .panel.open{background:#5f8a5f} #accordion .panel{border-bottom:1px solid #1a201b;padding:0 0 0 30px;} #accordion .panel .panelcontent{padding-bottom:25px;width:744px;display:none;opacity:0;} #accordion p{font-size:12px;line-height:16px;} .panelcontent h3{font-size:12px;font-weight:bold;text-transform:uppercase;margin-top:10px;} .sansjs #accordion .panel .panelcontent{display:block;opacity:1} p#copyright{font-size:12px;line-height:16px;color:#5f8a5f;margin-top:10px;} p#copyright a{color:#5f8a5f;text-decoration:none;} p#copyright a:hover{color:#cc4444}  #bloc.page404{background:#1a201b;} #bloc.page404 h2{background:url(/wp-content/themes/mostar/css/../img/404.png) top no-repeat;height:246px;width:287px;display:block;text-indent:-9999px;} #bloc.page404 p{color:#5f8a5f;font-size:12px;} #bloc.page404 a{text-decoration:none;color:#5f8a5f;} #bloc.page404 a:hover{color:#cc4444;}  #bloc.news{background:#5f8a5f;} #bloc.pagenews .actu{width:auto;padding-right:30px;padding-top:25px;border-top:1px solid #1a201b} .pagination{height:80px;} .pageprev a,.pagenext a{display:block;width:58px;height:58px;float:left;margin-top:11px;background-image:url(/wp-content/themes/mostar/css/../img/prev-next.png);text-indent:-9999px;} .pageprev a{background-position:top left;margin-left:12px;} .pageprev a:hover{background-position:bottom left;} .pagenext a{background-position:top right;margin-left:12px;} .pagenext a:hover{background-position:bottom right;} #current{float:right;font-size:40px;margin-right:25px;margin-top:30px;} #rss{font-size:12px;line-height:16px;display:block;color:#5f8a5f;text-decoration:none;clear:both;} #rss:hover{color:#cc4444} .rssnews{margin-top:20px;float:left;clear:none;} #top{display:block;width:58px;height:73px;float:right;background:url(/wp-content/themes/mostar/css/../img/top.png) top;} #top:hover{background-position:bottom;} span#base{background:url(/wp-content/themes/mostar/css/../img/about.png);width:11px;height:47px;display:block;float:left;margin-left:-12px;} #contact span#base{margin-top:1px;}  #navcontainer{z-index:100;position:absolute;top:50%;left:50%;width:604px;height:242px;margin-top:-121px;margin-left:-302px;} #navigation{width:604px;height:242px;background:url(/wp-content/themes/mostar/css/../img/border.png) repeat;opacity:0;filter:alpha(opacity=0)} #navigation h3{font-size:12px;color:#cc4444;width:564px;margin-left:20px;position:relative;top:105px;text-align:center;} #supersize{ position:fixed; top:0; left:0; } #supersize img, #supersize a{ height:100%; width:100%; position:absolute; z-index: 0; } #supersize .prevslide, #supersize .prevslide img{ z-index: 1; } #supersize .activeslide, #supersize .activeslide img{ z-index: 2; } #loading { position: absolute; top: 50%; left: 50%; z-index: 3; margin-left:-16px; margin-top:-16px; width: 31px; height: 31px; text-indent: -999em; background-image: url(/wp-content/themes/mostar/css/../img/loading.gif); } #prevslide{background:url(/wp-content/themes/mostar/css/../img/arrow_left.png) top;width:24px;height:52px;display:block;text-indent:-9999px;position:relative;top:95px;float:left;margin-left:30px;} #prevslide:hover{background-position:bottom;} #nextslide{background:url(/wp-content/themes/mostar/css/../img/arrow_right.png) top;width:24px;height:52px;display:block;text-indent:-9999px;position:relative;top:95px;float:right;margin-right:30px;} #nextslide:hover{background-position:bottom;} #prevproj a{background:url(/wp-content/themes/mostar/css/../img/arrow_down.png) bottom;width:54px;height:48px;display:block;text-indent:-9999px;position:absolute;top:158px;left:275px} #prevproj a:hover{background-position:top;} #nextproj a{background:url(/wp-content/themes/mostar/css/../img/arrow_up.png) top;width:54px;height:48px;display:block;text-indent:-9999px;position:absolute;top:30px;left:275px;} #nextproj a:hover{background-position:bottom;} #pagenav{text-align:center;top:120px;position:absolute;font-size:25px;width:400px;float:left;left:100px;margin:0;} #pagenav a{text-decoration:none;color:#4c4f48;} #pagenav a:hover, #pagenav a.activenav{color:#cc4444;} #projet{position:absolute;z-index:10;left:160px;width:516px;background:url(/wp-content/themes/mostar/css/../img/projet.png) repeat;padding:20px 20px 10px 20px;} #projet h2{font-size:16px;font-weight:bold;line-height:20px;} #projet p{font-size:12px;line-height:16px;} #projetdesc{width:420px;} #video{z-index:10;position:absolute;display:block;width:480px;height:360px;margin:0 auto;top:50%;left:50%;margin-left:-240px;margin-top:-180px;text-align:center;} .sansjs #loading{display:none;} .sansjs #navigation{opacity:1;filter:alpha(opacity=100)} .sansjs #navigation #prevslide,.sansjs #navigation #nextslide,.sansjs #navigation #pagenav{display:none;opacity:1;filter:alpha(opacity=100)} .sansjs #supersize a img,.sansjs #supersize a,.sansjs #supersize{z-index:5;width:100%;height:auto;} .addthis_button{position:relative;z-index:10;float:right;margin-top:-20px;} .addthis_button span{width:80px;height:20px;background: url(/wp-content/themes/mostar/css/../img/share_button.png) top;text-indent:-999px;display:block;} .addthis_button:hover span{background-position:bottom;} #at20mc,#at15s,#at15s_head{border:0;} #at16pf{display:none;} .at_item{background:#3a4e3a;color:#fff;}  form#contact{font-size:14px;background:#1a201b;} form#contact p{position:relative;display:block;float:left;} form#contact textarea{background:#3a4e3a;border:0;width:756px;height:200px;padding:10px 20px 0 28px;font-size:14px;font-family: Helvetica, Arial, sans-serif;overflow:hidden} form#contact input.saisie{color:#1a201b;width:354px;border:0;background:#3a4e3a;height:24px;line-height:20px;padding:10px 20px 0 28px;font-size:14px;font-family: Helvetica, Arial, sans-serif;margin-bottom:1px;} form#contact input.border{margin-right:1px;width:353px;} form#contact input.submit{float:right;} form#contact label{position:absolute;float:left;left:30px;padding-top:12px;display:none;} div#errorContainer{width:804px;display:block;clear:both;padding-top:10px;color:#cc4444;} #newsletter div#errorContainer{height:20px;} #contact div#errorContainer{height:30px;} div#errorContainer label{position:relative;display:block;float:none;padding:0;left:0;font-size:12px;line-height:16px;} #twitter{font-size:12px;line-height:16px;color:#5f8a5f;text-decoration:none;float:left;} #twitter:hover{color:#cc4444} }