body,html{background-color:#000;height:100%}
body,h1,h2,h3,html,li,p,ul{padding:0;margin:0}
li,ul{list-style:none}
body{font-family:Georgia,"Times New Roman",Times,serif;font-size:medium}
a{text-decoration:none}
a:hover{text-decoration:underline}
#cadre{background-repeat:repeat-y;background-image:url(../images/f_content.gif);background-position:0 50%;margin:-39px auto 0 auto;width:890px;min-height:100%;position:relative}
#header{position:relative;top:39px;z-index:1;background-image:url(../images/f_header.jpg);width:890px;height:149px}
#lienzoneheader{position:absolute;left:445px;top:36px;display:block;width:200px;height:45px;text-indent:-1000px;overflow:hidden}
#menu{position:relative;margin-top:39px;width:890px;height:35px;background-image:url(../images/f_menu.gif);background-repeat:no-repeat;overflow:hidden;text-align:left}
#menu ul{margin-left:364px;height:30px;width:524px;line-height:30px;vertical-align:middle;text-align:center}
#menu li{display:inline;font-family:Arial,Helvetica,sans-serif;border:0 solid #000;border-left-width:1px;font-weight:700;padding:0 5px}
#menu li.first{border:0}
#menu li a{color:#58a41c;font-size:.72em;padding:0 2px}
#menu #lienzone{position:absolute;left:105px;top:0;display:block;width:245px;height:44px;text-indent:-1000px;overflow:hidden}
#content{width:850px;padding-bottom:10px;margin:5px auto 0;overflow:hidden}
#content a{color:#000;font-size:inherit}
#colRight{width:250px;margin-left:10px}
#colLeft{width:590px;position:relative}
#colLeft,#colRight{float:left;overflow:hidden}
#colLeft .colLeft{width:230px;text-align:center}
#colLeft .colRight{width:355px;margin-left:5px}
#colLeft .colLeft,#colLeft .colRight{float:right;overflow:hidden}
h1,h2,h3{color:#090;padding-bottom:.75em}
h2{font-size:1em}
h3{font-size:inherit}
p{font-size:.95em;line-height:22px}
#footer{margin:0 auto;background-repeat:no-repeat;background-color:#67bb1d;background-image:url(../images/footer.gif);width:890px;height:39px;position:relative}
#lien-dmcminmedia,#lien-dmcminoutilcss,#lien-dmcminoutiljs,#lien-dmcbookmark,#lien-dmccss,#lien-dmcflash,#lien-dmchtml,#lien-dmcsearch{position:absolute;top:5px;right:5px;display:block;width:80px;height:31px}
#lien-dmcsearch{right:345px}
#lien-dmchtml{right:90px}
#lien-dmcflash{right:175px}
#lien-dmcbookmark{right:260px}
#lien-dmcminoutilcss{right:345px}
#lien-dmcminoutiljs{right:430px}
#lien-dmcminmedia{right:515px}
#powerby{color:#FFF;vertical-align:middle;line-height:39px;padding-left:10px}
#googletheme{border:0 solid #999;border-bottom-width:1px;margin-bottom:5px;padding-bottom:5px}
.gs-visibleUrl-long{display:block!important}
.underline{text-decoration:underline}
#pub{background-color:#EBEBEB;border-color:#ACACAC;border-style:solid;border-width:1px;height:auto;right:0;overflow:hidden;position:absolute;top:0;visibility:visible;width:300px;z-index:20000}
#cookie-bar {font-family: Verdana, Helvetica, Sans-Serif;background:#000000; height:auto; line-height:24px; z-index:20001;color:#eeeeee; text-align:center; padding:3px 0;border-top:1px solid #ccc}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%; }
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;font-size: 11px;font-size: 0.688em;font-size: 0.688rem;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px;text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#58A41C;}
#cookie-bar .cb-policy:hover {background:#58A41C;}

@media screen and (max-width:979px) {

    /*
    h1:after {
        content: "979";
    }
    header {
        background-color: red;
    }
    */
}

@media screen and (max-width: 640px) {
 #header, #footer{
	     overflow:hidden;
	}
	#cadre, #menu, #header, #footer{
	    width: 100%;
	}
	#colLeft, #colRight{
	    float:none;
	    width: 100%;
	}
	#content{
	    position: static;
	    width: 98%; 
	}
	   #menu{
    height: auto;
    width: 100%;
   }
 #menu ul{
    height: auto; width: 100%;
    margin-top: 35px;
    margin-left: 0;
       border-bottom:1px solid #999;
   }
 #menu li{
   line-height:30px;
   display:inline-block;
   }
    /*
    h1:after {
        content: "640";
    }
    header {
        background-color: yellow;
    }
    */
}

@media screen and (max-width: 480px) {
	#powerby{
	 display:block;	
	}
	#lien-dmcminmedia, #lien-dmcminoutilcss, #lien-dmcminoutiljs, #lien-dmcbookmark, #lien-dmccss, #lien-dmcflash, #lien-dmchtml, #lien-dmcsearch {
	     position: static;
	     float:left;
	     margin:0 5px 5px 5px ; 
	}
	#footer{
	    height:auto;
	    background-color:#4CA305;
	    padding-bottom: 5px
	}
	#footer span{
	    display:block;  
	    padding:0 10px 10px 10px; 
	}

   #menu ul{
    height: auto; width: 100%;
    margin-top: 30px;
    margin-left: 0;
     border:none;
   }
   #menu li {
	   display: block;
	   width:100%;
	   float:left;
	   padding:0;
	   border:1px solid #999 !important;
	   border-top-width:0 !important;
   }
   #menu li a{
	   display: block;
	   width:100%;
	   height:100% 
   }
   #screenshot {display:block;margin:auto!important}
   #screenshot img{display:block;margin:auto!important;align:center;float:none}
   #screenshot strong{display:block;margin:auto!important}
    /*
    h1:after {
        content: "480";
    }
    header {
        background-color: violet;
    }
    */
}

@media screen and (max-width: 360px) {
    #menu,#header{
    background-position:-35px 0;
    }
    /*
    h1:after {
        content: "360";
    }
    header {
        background-color: green;
    }
    */
}