*{margin:0;padding:0;}
* p{ text-align:justify;}
body{font:100% Arial, Helvetica;background:white;background-repeat:repeat;color:#333;}
p{margin:15px 0;}
a:link, a:visited{color:#3c57a7;text-decoration:none}
a:hover, a:active{color:#3c57a7;text-decoration:underline;}
a img{border:0;}
code{font:1.0em 'Courier New', Courier, Fixed;background:#ececec;}
acronym, abbr, span.caps{font-size:0.9em;letter-spacing:.07em;cursor:help;}
acronym, abbr{border-bottom:1px dashed #999;}
blockquote{padding:10px 10px 0 10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;font:1.0em Arial;line-height:1.5em;margin:10px 0px;}
select{width:130px;}
#head{width:1000px;margin:0px auto;margin-top:15px;padding:0px;font-size:0.7em;}
#page{width:980px;margin:0px auto;padding:10px;background:#ccc;font-size:0.7em;}
.left{float:left;}
.right{float:right;}
#navbar{margin:0 auto;margin-top:15px;padding:0px 10px;text-transform:uppercase;background:#2c2c2c url(images/navbar.png);}
#page-bar{width:100%;}
#page-bar ul{list-style:none;}
#page-bar li{float:left;list-style:none;cursor:pointer;display:block;border-right:1px solid #333;}
#page-bar li:hover{background:#3c57a7;}
#page-bar li.mot:hover{background:#333333;}
#page-bar a, #page-bar a:visited{margin:0px;padding:15px 16px;font-weight:bold;color:#FFF;display:block;font-size: 1.1em;}
#page-bar a:hover{text-decoration:none;display:block;}

#searchform2{width:400px;float:right;text-align:right;padding-top:0px;}

#top-nav{float:right;}
#top-nav ul li{float:right;margin-right:5px; list-style:none;}
.social-links{margin-top:13px;}
.social-links li{float:right;margin-left:2px;}
.social-links li img{display:block;}
.social-links li.pinterest-icon{background:url(images/icons/pinterest.png) no-repeat 0 0;height:16px;}
.social-links li.scoopit-icon{background:url(images/icons/scoopit.png) no-repeat 0 0;height:16px;}
.social-links li.gplus-icon{background:url(images/icons/gplus.png) no-repeat 0 0;height:16px;}
.social-links li.facebook-icon{background:url(images/icons/facebook.png) no-repeat 0 0px;height:16px;}
.social-links li.twitter-icon{background:url(images/icons/twitter.png) no-repeat 0 0;height:20px;}
.social-links li.tumblr-icon{background:url(images/icons/tumblr.png) no-repeat 0 0;height:16px;}
.social-links li.reddit-icon{background:url(images/icons/reddit.png) no-repeat 0 0;height:16px;}
.social-links li.rss-icon{background:url(images/icons/rss.png) no-repeat scroll 0 0;height:16px;}

#page-bar li{float:left;margin:0px;padding:0px;}
#page-bar li li{float:left;margin:0px;padding:0px;width:122px;text-transform:none;}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited{background:#2B2B2B;width:122px;float:none;margin:0px;padding:10px 10px 10px 18px;border-top:1px solid #C0C0C0;}
#page-bar li li a:hover, #page-bar li li a:active{background:#666666;padding:10px 10px 10px 18px;}
#page-bar li ul{position:absolute;width:60em;left:-999em;}
#page-bar li:hover ul{left:auto;display:block;}
#page-bar li:hover ul, #page-bar li.sfhover ul{left:auto;}
h1{font:2.3em Georgia, "Times New Roman"; color:#990000;font-size:28px}
h2{font:2.3em Georgia, "Times New Roman";color:#990000;}
h3{font:14px Arial;margin-bottom:3px;color:#990000;}
h4{font:1.0em Arial;}
h3.cat_title, h3.cat_title a{color:#333;letter-spacing:-0.05em;}
h3#respond{margin-top:0px;padding-top:20px;}
h3#comments{margin-top:32px;padding-left:0px;}
h3.authors{margin-top:15px;}
#logo{width:1000px;margin-top:10px;}
#tagline{margin-top:20px;font-size:1em;color:#fff;float:right;}
#top{padding:0;}
#headline{width:590px;height:390px;float:left;background:#fff;padding:10px;font-size:1.05em;line-height:1.5em;margin:0;}
#headline div.title{font-weight:bold;font:2.4em Georgia;letter-spacing:-0.05em;display:block;padding-bottom:5px;}
#headline div.meta{display:block;padding-bottom:2px;}
#headline p{padding-bottom:15px;}
#headline span img{border:1px solid #bbb;margin-top:5px;margin-right:10px;}

#headline2{width:960px;float:left;background:#fff;padding:10px;font-size:13px;line-height:1.5em;margin:0;}
#headline2 div.title{font-weight:bold;font:2.4em Georgia;letter-spacing:-0.05em;display:block;padding-bottom:5px;}
#headline2 div.meta{display:block;padding-bottom:2px;}
#headline2 p{padding-bottom:5px;}
#headline2 a img, #featured a img{border:1px solid #bbb;margin-top:5px;margin-right:10px;}

#featured{width:340px;background:#fff;float:right;height:390px;padding:10px;padding-top:20px;padding-bottom:0px;}
#featured .clearfloat{margin-top:7px;margin-bottom:9px;}
#featured .info{float:right;width:225px;margin-top:5px;}
#featured .title{font-weight:bold;}
#featured .divider{margin-left:85px;}
#headline a img, #featured a img{border:1px solid #bbb;margin-top:5px;margin-right:10px;}
#middle{width:960px;background:#fff;float:right;padding:10px;margin:10px 0;}
.category{width:172px;float:left;border-top:8px solid #333;margin:0px;padding:5px 10px 10px 10px;background:#fff;}
.category p{margin:auto;width:164px;}
#cat-1, #cat-3, #cat-5{border-top:8px solid #333333;}
#cat-2, #cat-4{border-top:8px solid #3c57a7;}
.category span.cat_title, #front-popular h3, #front-list .cat_title{margin:auto;font-weight:bold;font-size:1.5em;letter-spacing:-0.05em;}
#front-popular h3{color:#fff;}
.category a{color:#333;display:block;background:none;margin:auto;width:164px;}
.category a:hover{background:none;color:#fff;text-decoration:none;}
#cat-1:hover, #cat-3:hover, #cat-5:hover{background:#333333;color:#fff;}
#cat-2:hover, #cat-4:hover{background:#3c57a7;color:#fff;}
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a{background:#333333;color:#fff;}
#cat-2:hover a, #cat-4:hover a{background:#3c57a7;color:#fff;}
#bottom{width:980px;}

#bottom p.ligne{text-align:justify; display:inline;}
#bottom p a.bold{font-weight:bold; color:#990000;}
#bottom img.puce{ float:left; margin-right:5px; margin-top:7px;}

#front-list{width:630px;background:#fff;padding:10px;font-size:13px;line-height:1.75em;float:left;text-align:justify;}
#front-list2{width:960px;background:#fff;padding:10px;font-size:13px;line-height:1.75em;float:left;text-align:justify;}
#front-list span.astu{ font-weight:bold; color:#CC0000;}

.clearfloat .addthisbr{ margin-bottom:25px;}

#front-list p strong.titrewp{ color:#006699; font-size:18px;}
#front-list p strong.titrewp3{ color:#006699; font-size:15px;}
#front-list p span.titrewp2{ color:#006699; font-size:18px;}
#front-list p.visiter{ font-size:16px;}
#front-list p a.visiter{ font-size:16px;}
#front-list p.categ{ margin-top:0px;}
#front-list blockquote{padding:0px 10px 0 10px;}
#front-list .title{font-weight:bold;font:2.0em Georgia;letter-spacing:-0.05em;}
#front-list h2.title0{font-weight:bold;font:2.2em Georgia;letter-spacing:-0.05em;border-bottom:1px solid #eae9e4;border-top:3px solid #eae9e4;margin-bottom:5px;padding:5px 0px;}
#front-list img.screenshot{ margin-top:12px;float:left;margin-left:21px;margin-bottom:25px;}
#front-list .divider{margin-left:216px;margin-top:15px;margin-bottom:15px;}
#front-list .barre{ color:black;
background-color:white;
background-repeat:no-repeat;}
#front-list .barre p{ margin-left:5px; display:inline; font-weight:bold; color:#990000;}
.author{font-size:0.8em;font-weight:bold;}
.meta2{margin-top:-2px;font-size:0.9em;color:#333;}
.meta a{color:#333;}
#headline p, #featured p{margin:0;}
#headline2 p, #featured2 p{margin:0;}
#content{width:630px;background:#fff;padding:10px;font-size:1.05em;line-height:1.75em;float:left;min-height:400px;}
.post{font-size:1.05em;line-height:1.75em;}
.post p{margin-top:0px;}
.post .clearfloat{border-bottom:1px dotted #333;margin:10px 0px;}
.clearfloat span.titrecat{ font-weight:bold;}
.clearfloat span.alphab{ font-weight:bold; font-size:26px; color:#4182F4;}
.clearfloat span.alphab2{ font-weight:bold; font-size:22px; color:#4182F4;}
.clearfloat a.categorie{ font-weight:bold; margin:5px;}
.clearfloat a.categorie2{ font-weight:bold; color:#CC0000; margin:5px;}
.clearfloat span.check-list{background:url("images/lien.png") no-repeat scroll 0 1px transparent;padding-left:13px;}
.post ul, .post ol{margin-bottom:15px;}
#content h2.title{font-weight:bold;font:2.2em Georgia;letter-spacing:-0.05em;border-bottom:1px solid #eae9e4;border-top:3px solid #eae9e4;margin-bottom:15px;padding:5px 0px;}
#content h1.title{font-weight:bold;font:2.2em Georgia;letter-spacing:-0.05em;border-bottom:1px solid #eae9e4;border-top:3px solid #eae9e4;margin-bottom:15px;padding:5px 0px;}
#content .title{font:1.5em Georgia;}
.post ul li{list-style:square;margin-left:30px;}
.post ol li{list-style:decimal;margin-left:30px;}
.post ol li ul li{list-style:square;margin-left:20px;}
.post img, .post a img, #front-list img{border:0px;margin:0 10px 5px 0;}

.post img, .post a img, #front-list img.toto2{border:0px; margin-right:auto; margin-left:auto;}

#front-list .imgl{border:1px solid #4182F4;float: left;}

#front-list img.etoile{ margin-bottom:0px;}

.post .ads{margin-top:10px;}
#front-list img.new{border:0px;margin:0 0px 0px 0;}
#stats{margin-top:-10px;margin-bottom:10px;padding:4px;text-transform:uppercase;font:0.8em Arial;display:block;}
#stats span{border-right:1px dotted #333;padding:0px 5px 0px 5px;}
#stats span a:hover{background:none;}
#stats span a{color:#333;}
#stats img, #nav img{border:0px;margin:0px;}
#tools{width:630px;height:25px;font-size:0.95em;}
#tools a:hover{background:none;}
#sidebar{width:320px;float:right;margin:0px 0px 0px 0px;}
#sidebar h3{font:1.1em Arial;font-weight:bold;background:#333;color:#fff;margin:10px 0px 5px 0px;padding:3px 10px;}
#sidebar-top, #sidebar-bottom{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom, #sidebar-middle{margin-top:10px;}

#sidebar-bottom3{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom3, #sidebar-middle3{margin-top:10px;}

#sidebar-bottom4{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom4, #sidebar-middle4{margin-top:10px;}

#sidebar-bottom5{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom5, #sidebar-middle5{margin-top:10px;}

#sidebar-bottom2{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom2, #sidebar-middle2{margin-top:10px;}

#sidebar-bottom6{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom6, #sidebar-middle2{margin-top:10px;}

#sidebar-bottom7{width:300px;float:right;padding:0px 10px 10px 10px;background:#fff;}
#sidebar-bottom7, #sidebar-middle2{margin-top:10px;}

#sidebar-middle{width:320px;float:right;}
#sidebar-left{width:135px;padding:0px 10px 10px 10px;float:left;background:#fff;}
#sidebar-right{width:135px;padding:0px 10px 10px 10px;float:right;background:#fff;}
#sidebar li{list-style:none;border-bottom:1px dotted #bbb;}
#sidebar-ads{width:300px;float:right;margin-bottom:10px;padding:10px;background:#fff;}
#sidebar-ads2{width:300px;float:right;margin-bottom:10px;padding:10px;background:#fff;}
#sidebar-facebook{width:300px;float:right;margin-bottom:10px;padding:10px;background:#fff;}
select{border:1px solid #333;width:100%}
.button{padding:1px;border:1px solid #333;background:#fff;font-size:1.0em;}
.field{padding:2px;border:1px solid #333;background:#fff;font-size:1.3em;width:220px;height:25px;}

#sidebar .module {
margin: 0 0 1px 0; }
	
#sidebar .module-content {
padding: 2px 12px 0 2px; }

#sidebar #lead-story p {
padding-bottom: 18px;
font-size: 1.2em; }
		
#sidebar .headlines li {
font-size: 1.1em; }

#sidebar .headlines li.gris {
background-color:#e8e5e5; }
	
#sidebar .headlines a {
display:block;
padding: 4px 4px 4px 30px;
background: url(images/fleche3.gif) no-repeat 10px 50%; }

#sidebar .headlines2 a { color:#006699; font-weight:bold;
display:block;
padding: 4px 4px 4px 30px;
background: url(images/fleche3.gif) no-repeat 10px 50%; }

#sidebar .headlines a:link, #sidebar .headlines a:visited {
color: #000; }

#sidebar .headlines a:hover, #sidebar .headlines a:active {
color: #ffffff;
background-color: #959595;
text-decoration:underline; }

#search .button{padding:2px;border:1px solid #333;background:#fff;font-size:1.3em;height:31px;width:110px;}
#commentform input{width:140px;margin:5px 5px 1px 0;}
#commentform textarea{width:99%;margin-top:5px;}
.commentlist cite{font-style:normal;margin-bottom:4px;display:block}
.commentlist blockquote{background:#ededed;}
.commentlist li{color:#4d4d4d;padding:10px 14px 10px 14px;background:#f2f2f2;border-bottom:1px solid #dcdbd7;list-style:none;margin-bottom:3px;}
.commentlist li li{background:none;border:none;list-style:square;margin:3px 0 3px 20px;padding:3px 0;}
.commenttext{width:502px;float:right}
.commentlist cite strong{font-size:1.1em;}
li.my_comment{background:#FFF;border:none}
li.my_comment cite strong{font-size:1.3em;color:#313228;}
#commentform small{background:#FFF;font-weight:bold;padding:0;}
.commentmetadata{color:#4d4d4d;display:block;margin-top:3px;text-align:right}
.commentmetadata a, .commentmetadata a:visited{color:#959382;}
.commentlist small{background:#e9e9e9}
.avatar{border:1px solid #56562c;margin:15px 8px 6px 0;float:left;padding:1px;width:45px;height:45px;}
#comment{width:630px;background:#fff;}
#front-popular{font-size:0.7em;color:#fff;width:980px;background:#2c2c2c url(images/bottombar.png) bottom no-repeat;margin:0 auto;padding:10px;}
#recentpost, #mostcommented{width:280px;float:left;padding:10px;border:1px solid #fff;}
#recentpost2, #mostcommented2{width:300px;float:left;padding:0px;border:1px solid #fff;}
#recentpost2, #mostcommented2 h3{text-align:center;}
#mostcommented{margin-left:17px;}
#mostcommented2{margin-left:17px;}
#recent_comments{width:280px;float:right;padding:10px;border:1px solid #fff;}
#recent_comments2{width:300px;float:right;padding:0px;border:1px solid #fff;}
#recent_comments2 h3{ text-align:center;}
#recentpost a, #mostcommented a, #recent_comments a{color:#fff;}
#recentpost ul, #mostcommented ul, #recent_comments ul{margin-top:5px;}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li{list-style:none;border-top:1px dotted #fff;padding:5px;display:block;}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover{background:#3c57a7;color:#fff;}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child{border-top:0px dotted #fff;}
#footer{margin:0 auto;width:1000px;font-size:0.8em;padding-top:10px;padding-bottom:10px; color:black;}
#footer a{ color:black;}
.clearfloat:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfloat{display:inline-block;}
* html .clearfloat{height:1%;}
*+html .clearfloat{height:1%;}
.clearfloat{display:block;}
#front-list p.visiter{
	font-size:22px;
	font-weight:bold;
}
.cat_title a:visited,a:link{
	color:#3c57a7;
	
}
#cat-1 .cat_title{
	font-size : 16px;
}
#cat-2 .cat_title{
	font-size : 16px;
}
#cat-3 .cat_title{
	font-size : 16px;
}
#cat-4 .cat_title{
	font-size : 16px;
}
#cat-5 .cat_title{
	font-size : 16px;
}
#cat-6 .cat_title{
	font-size : 16px;
}
#headline2 .meta,.meta a{
	color:#3c57a7;
}
#vs_topy_2{
	display:block;
	float:left;
	width:97px;
	height:21px;
	background-image:url(http://www.topyweb.com/voir-site.jpg);
}
#slidebox{
    width:400px;
    height:225px;
    padding:10px;
    background-color:#fff;
    border-top:3px solid #E28409;   
    position:fixed;
    top:0px;
    left:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
}
a.more{
    cursor:pointer;
    color:#E28409;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#E28409;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
span.close{
    opacity:1;
}
a.close:hover{
    background-position:0px -13px;
}
#addthissharethis{
	width:614px;
	border:1px solid #cccccc;
	padding:7px;
	padding-bottom:8px;
	background-color:#f5f5f5;
}
#lescounterlog{
	font-size:32px;
	text-transform:uppercase;
	width:608px;
	border:1px solid #cccccc;
	padding:10px;
	background-color:#f5f5f5;
	padding-top:24px;
	padding-bottom:24px;
	margin-bottom:10px;
}
#ladiv1{
	width:202px;
	height:90px;
	float:right;
	background:#8440b6;
	text-align:center;
	border:10px solid white;
}
#ladiv2{
	width:728px;
	height:90px;
	float:left;
	background-color:#ccc;
	border:10px solid white;
}
#ladive{
	width:980px;
	height:110px;
	margin-top:10px;
}
#champ1{
	width:354px;
	height:60px;
	background:#3c5899;
	color:white;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	float:right;
}
#champ3{
	width:354px;
	height:60px;
}
#champ2{
	width:354px;
	height:60px;
	background:#27ae60;
	color:white;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	float:right;
	margin-right:20px;
}
#fltwo{
		display:none;
}
#imgarticles{
	background-size:600px 400px !important;
	width:600px;
	height:400px;
	margin:auto;
}
#imgarticles2{
background-size:630px 344px !important;
width:630px;
height:344px;
margin:auto;
margin-bottom:30px;
}
#gen1_new{
float:right;
width:500px;	
}
#gen2_new{
	float:left;
	width:500px;
}
#divwatch{
	float:left;
	width:120px;
}
#divwatch2{
	float: left;
}
#mobileshare{
	display:none;
}
#vlirtre{
float:left;
width:118px;
min-height:73px;
border: 1px solid #4182F4 !important;
}
#menumobile{
	display:none;
}
@media screen and (max-width: 1000px){
	#headline2 p {
		padding-bottom:14px;
	}
	#navbar,#listageartic{
		display:none;
	}
#menumobile{
	margin-top:26px;
	display:block;
		border-bottom:5px solid #ccc;
}
 /* Remove margins and padding from the list, and add a black background color */
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #111;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}
#top-megamenu-nav .nav .dropdown {
    border-right: none;
    width: 100%;
  }
  #top-megamenu-nav .nav > li {
    border-right: none;
    width: 100%;
  }
  #top-megamenu-nav .nav .dropdown-menu {
    min-width: 0;
    max-width: none;
    width: 100%;
    background-color: #FFF;
  }
  .top-bar > .container > div {
    margin: 10px 0;
  }
  .top-bar ul.right,
  .top-bar {
    text-align: center!important;
  }
  .top-bar > .container > div > ul > li > a {
    font-size: 11px !important;
    padding: 0 9px !important;
  }
  .megamenu-horizontal .dropdown-menu {
    left: 0 !important;
    max-width: 100%;
    top: 100% !important;
    min-width: 0 !important;
  }
  .megamenu-horizontal .dropdown-menu .yamm-content .dropdown-banner-holder {
    position: relative !important;
  }
  
#vlirtre{
width:99%;
float:none;
margin:auto !important;
margin-bottom:12px !important;
}
#mobileshare{
	display:block;
	background:white;
	padding-bottom:14px;
	padding-top:14px;
	float:left;
		border-top:5px solid #ccc;
		border-bottom:5px solid #ccc;
}
#gen1_new{
float:right;
width:200px;	
}
#gen2_new{
	float:left;
	width:100%;
}
#flone{
		display:none;
}
	#sidebar{
		display:none;
	}
	#front-list {
		width:98%;
		padding:1%;
		padding-top:14px;
		padding-bottom:14px;
	}
	#headline, #middle, #featured{
		display:none;
	}
	#head, #top{
		width:100%;
	}
	#headline2{
		width:98%;
		padding:1%;
		padding-top:14px;
		border-bottom:5px solid #ccc;
	}
	#page, #front-popular{
		width:100%;
		padding:0px;
		padding-top:1px;
		padding-bottom:1px;
	}
	#front-list {
		font-size: 1.3em;
	}
	#lescounterlog{
		width:93%;
		margin:auto;
		line-height:1.2em;
		padding:10px;
	}
	#addthissharethis{
		width:94%;
		margin:auto;
	}
	#footer{
		width:90%;
		margin:auto;
	}
	#sharethismobile{
		display:none;
	}
	#ladive{
		display:none;
	}
	#logo{
		width:100%;
	}
	#logo img{
		width:100%;
		margin:auto;
	}
	#champ1{
		margin-top:17px;
		width:98%;
		padding:1%;
	}
	#champ2{
		width:98%;
		padding:1%;
		margin-right:0px;
		margin-top:9px;
	}
	#champ3{
		width:100%;
	}
	#bottom{
		width:100%;
	}
	.title{
		margin-top:0px;
	}
	.children{
		width:100%;
	}
	#page-bar li ul {
		width:90%;
	}
	#page-bar li li {
		width:30%;
	}
	#cat-1{
		width:100%;
		padding:0px;
		text-align:center;
		line-height:3em;
	}
	#cat-1 img{
		width:100% !important;
		height:200px !important;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
	}
	#cat-2 img{
		width:100% !important;
		height:200px !important;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
	}
	.category a {
		width:100%;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
	}
	.category p {
		width:100%;
		padding-left:0px;
		padding-right:0px;
		margin-left:0px;
		margin-right:0px;
	}
	#cat-2{
		width:100%;
		padding:0px;
		text-align:center;
		line-height:3em;
	}
	#cat-3{
		width:100%;
		padding:0px;
	}
	.category{
		padding:0px;
	}
	#fltwo{
		display:block;
		width:100%;
		float:left;
		padding-top:14px;
		padding-bottom:14px;
		background-color:white;
	}
	h3.title{
		margin-top: 0px !important ;
		padding-top: 0px !important ;
	}
	#front-list{
		margin-top: 0px !important ;
	}
	#front-popular{
		border-top:5px solid #ccc;
	}
	#imgarticles{
	background-size:100% 172px !important;
	width:100%;
	height:172px;
	margin:auto;
}
#imgarticles2{
	background-size:100% 172px !important;
	width:100%;
	height:172px;
margin:auto;
margin-bottom:30px;
}
#slidebox{
	display:none;
}
#front-list img.screenshot {
width:100% !important;
height:200px !important;
margin:0px;
padding:0px;
margin-bottom:20px;
}
#divwatch{
	float:left;
	width:100%;
	padding-top:20px;
}
#divwatch2{
	float: left;
	width:100%;
}
#divwatch3{
	width:100%;
	float:left;
}
#divwatch5{
	display:none;
}
#gen1_new{
float:right;
width:100%;	
}

  h1.title {
	  margin-top : 5px;
	  margin-bottom : 10px;
  }
  #headline2 {
	  font-size:1.3em;
  }
  #front-list p.visiter {
	  font-size:1.3em;
	  margin:0px;
  }
}

@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
  
}


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
	#divwatch2{
		float:left;
}
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
.h2title{font-size:16px;color:black;font-weight:bold;}