/*
Template Name: The News Reporter
Template URI: http://www.wpfreeware.com/news-reporter-wordpress-magazine-themes/
Author: WpFreeware
Author URI: http://www.wpfreeware.com
Description: A Pro responsive magazine website template
Version: 1.0 
License: GPL
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

*{margin:0; padding:0}
body{font-family:Arial; font-size:16px; line-height:17px; background:#002d38; background-image:url(images/site_bg.png); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;}
a{color:#000; text-decoration:none}
a:hover, a:active, a:focus{text-decoration:none; color:#000}
input[type=text], input[type=password], textarea{border:1px solid #ddd; padding:5px}
input[type=submit]
h1, h2, h4, h5, h6{font-weight:normal; margin:0 0 15px}
h3{color:#202021; font-size:22px; font-weight:bold; margin-bottom:2px; line-height:23px}
h3 a:hover{text-decoration: underline !important}
h2{font-size:25px; line-height:30px}
h4 a:hover{text-decoration: underline !important}
h4{font-size: 20px; padding-top: 10px}
h5{font-size: 18px}
img{max-width:100%; height:auto}
.parent img{max-width: none;}
.parent { position: relative; width: 100%; margin: 10px;font-weight: bold;background-color:#686868}
.loader{background-image: url(images/bx_loader.gif);
    background-repeat: no-repeat;
    min-height: 50px;
    padding-left: 103px;
    padding-top: 7px;
    background-position: 60px 1px;}
.single_sidebar p{line-height: 22px;}
.stats_box {
			background-color: #333333;
			background-image: url(images/stats.png);
			background-position: 5px 17px;
			background-repeat: no-repeat;
			border-left: solid 4px #cf0000;
			line-height: 18px;
			overflow: hidden;
			padding: 15px 15px 15px 68px;
			color: #fff;
margin-bottom: 20px;}
.stats_box_sidebar {
			background-color: #333333;
			
			border-left: solid 4px #cf0000;
			line-height: 18px;
			overflow: hidden;
			padding: 15px 15px 15px 15px;
			color: #fff;
margin-bottom: 20px;}
.stats_box a, .stats_box_sidebar a{  color: #fff;
    border-left: solid 4px #E7E7E7;
    background: #444;
    margin: 5px;
    padding: 5px;
    line-height: 35px;
    font-size: 14px;
    white-space: nowrap;
border-radius: 5px;}
.stats_box a:hover, .stats_box_sidebar a:hover{  
    border-left: solid 4px #cf0000;
    background: #555;}
.google-visualization-tooltip { 

            /*width: 450px !important;
            border: none !important;
            background-color: rgb(30, 50, 230)!important;
            position: absolute !important;
            box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75) !important;
            background: -moz-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -webkit-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -o-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: -ms-linear-gradient(30deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;
            background: linear-gradient(120deg, rgb(30, 50, 230) 30%, rgb(90, 140, 250) 70%) !important;*/
            font-size:  16px !important;
			line-height: 18px !important;
			width: 50% !important;
			padding: 10px !important;
			background-color: #F1F0F0 !important;
            border-radius: 10px !important;

          }
.min img{max-width: 250px}
.alignleft{float:left; margin-left:0px}
.aligncenter{display:block; margin:10px auto}
.alignright{float:right; margin-left:10px}
.floatleft{float:left}
.floatright{float:right}
.center{width:1010px; display:block; margin:0 auto; padding:20px; background:#fff; transition:all 1.3s ease 0s; -moz-transition:all 1.3s ease 0s; -webkit-transition:all 1.3s ease 0s; -o-transition:all 1.3s ease 0s; -ms-transition:all 1.3s ease 0s}
/*div{overflow:hidden}*/
.slider{overflow:visible}
.bxslider, .bx-viewport, .bx-controls, .bx-pager, .bx-controls-direction{overflow:visible}
#selectnav1{display:none}
#selectnav2{display:none}
#nav{display:block}
#f_menu{display:block}
.body_wrapper{margin-top:30px; margin-bottom:30px}
.header_area{}
.logo {padding-top: 20px}
.top_menu{margin-left:60px; margin-top:60px; width:330px}
.top_menu ul{list-style:none outside none; margin:0; padding:0}
.top_menu ul li{float:left; border-right:2px solid #000}
.top_menu ul li:last-child{border-right:none}
.top_menu ul li a{color:#CF0000; display:block; font-size:12px; padding:0 11px; line-height:12px}
.top_menu ul li a:hover{text-decoration:underline}
.social_plus_search{margin-bottom:20px; min-width:720px; font-size: 14px; }
.orange a{color:#ffa500}
.orange a:hover{text-decoration: underline;color:#ffa500}
.social{width:250px; margin:20px 0px 10px 0px}
.social ul{list-style:none outside none; margin:0; padding:0}
.social ul li{float:left; margin-right:7px}
.social ul li a{display:block; padding:12px 13px}
.twitter{background:url("images/social_icons.png") no-repeat scroll 0 0 rgba(0,0,0,0)}
.facebook{background:url("images/social_icons.png") no-repeat scroll -37px 0px rgba(0,0,0,0)}
.feed{background:url("images/social_icons.png") no-repeat scroll -73px 0px rgba(0,0,0,0)}
.search{}
.search #search_form{}
.search #s{width:87%}
.search #searchform{background:url("images/search.png") no-repeat scroll 0 0 rgba(0,0,0,0); border:medium none; height:28px; margin-left:-4px; text-indent:-99999px; width:13%}
.main_menu_area{overflow:visible; background:#0D0E0F; min-height:50px}
.main_menu_area ul{margin:0; padding:0; list-style:none}
.main_menu_area ul li{float:left; position:relative}
.main_menu_area ul li a{color:#FFF; display:block; font-size:15px; padding:18px 14px}
.main_menu_area ul li a:hover{background:#CF0000}
#nav li ul{transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s}
/* dropdown css level one*/
.main_menu_area ul li ul{background:none repeat scroll 0 0 #0D0E0F; top:100px; position:absolute; width:215px; z-index:99999; right:-99999px}
.main_menu_area ul li ul li{float:none; position:relative}
.main_menu_area ul >li:hover >ul{left:0px; top:49px}
.main_menu_area ul li ul li a{font-family:arial; font-weight:bold}
.main_menu_area ul li ul li a:hover{}
/* dropdown css level two*/
.main_menu_area ul li ul li ul{background:none repeat scroll 0 0 #0D0E0F; right:215px; position:absolute; width:215px; z-index:99999; right:-99999px}
.main_menu_area ul li ul li ul li{float:none}
.main_menu_area ul li ul li:hover ul{left:215px !important; top:0px}
.main_menu_area ul li ul li ul li a{font-family:arial; font-weight:bold}
.slider_area, .slider{display:block; position:relative; width:100%; margin:0; padding:0;}
.slider *{margin:0; padding:0;}
.slider img{max-width:100%;}
.slider1{width:670px}
.slider2{width:250px}
.slider_area{overflow: hidden}
.content_area{margin-top:25px}
.main_content{width:643px}
.left_coloum{width:641px}
.single_left_coloum_wrapper{position:relative; }
.single_left_coloum_wrapper .title{}
.title{border-bottom:4px solid #CF0000; font-family:'bebasregular'; font-size:20px; word-spacing:2px}
.title2{border-bottom:2px solid #CF0000; font-family:'bebasregular'; font-size:15px; word-spacing:2px;margin: 15px 0}
.more{background:url("images/plus.png") no-repeat scroll 57px 9px #CF0000; color:#FFF; display:block; font-size:10px; font-weight:bold; padding:4px 20px; position:absolute; right:0; text-transform:uppercase; top:10px}
.popular_more{background:url("images/plus.png") no-repeat scroll 57px 12px #CF0000; color:#FFF; display:block; font-size:10px; font-weight:bold; padding:7px 20px; text-transform:uppercase; width:74px; margin-top:10px}
.single_left_coloum{width:100%;padding-bottom: 21px; padding-right: 10px}
.readmore, .single_cat_right_content_meta span{color:#CF0000; font-size:10px; text-transform:uppercase; font-weight:bold; margin-right:20px}
.readmore:hover, .single_cat_right_content_meta span:hover{color:#CF0000; text-decoration:underline}
.gallery{}
.gallery img{margin-bottom:10px; margin-left:10px; width:141px}
.single_cat_left{}
.single_cat_left_content{border-bottom:1px dotted #000; margin-left:10px; width:220px}
.single_cat_left_content h3{font-size:15px}
.single_cat_left_content_meta{font-size:11px}
.single_cat_left_content_meta span{color:#cf0000}
.right_coloum{width:190px}
.single_right_coloum{margin-bottom:20px}
.single_right_coloum ul{margin:0; padding:0; list-style:none}
.single_right_coloum ul li{border-bottom:1px dotted #ddd}
.single_right_coloum ul li:last-child{border-bottom:none}
.single_cat_right_content{padding-bottom:10px}
.single_cat_right_content h3{margin-top:10px}
.single_cat_right_content_meta{}
.editorial{}
.editorial h3{color:#CF0000}
.sidebar{width:302px; text-align: center}
.single_sidebar{margin-bottom:20px}
.news-letter, .maisaussi{padding:10px; background:#E4E4E4}
 .maisaussi{overflow: hidden}
.news-letter, h2{font-family:bebasregular; font-size:20px; margin-bottom:5px; word-spacing:2px}
.news-letter, p{}
.news-letter{overflow: hidden}
.news-letter form input#name{border:1px solid #999; margin-bottom:10px; width:100%}
.news-letter form input#email{border:1px solid #999; margin-bottom:10px; width:100%}
.news-letter form input#form-submit{background:none repeat scroll 0 0 #CF0000; border:medium none; color:#FFF; font-weight:bold; padding:8px 20px; font-size:13px}
.news-letter-privacy{color:#cf0000; margin-top:10px}
.popular{text-align: left}
.popular ul{margin:0; padding:0; list-style:none}
.popular ul li{border-bottom:1px dotted #000}
.popular ul li:last-child{border-bottom:none}
.single_popular{}
.single_popular p{margin-bottom:0}
.single_popular h3{line-height:17px; margin-top:0}
.footer_top_area{border-bottom:1px dotted #000; border-top:1px dotted #000; padding:20px 0; width:100%;overflow: hidden}
.inner_footer_top{width:100%; margin:0 auto}
.footer_bottom_area{margin-top:15px}
.footer_menu{margin-bottom:20px}
.footer_menu ul{margin:0; padding:0; list-style:none}
.footer_menu ul li{border-right:1px solid #000; display:inline}
.footer_menu ul li:last-child{border-right:none}
.footer_menu ul li a{display:inline-block; padding:0 22px}
.footer_menu ul li a:hover{}
.copyright_text{line-height:17px; text-align:center}
.min{float: left; padding-right:15px}

.p_top{border-bottom: 1px dashed; margin: 5px 5px 5px 5px;line-height: 17px !important;}
.p_top a:hover{font-style: italic;}
.carre_top, .carre_top2 {width: 50%;  font-size: 13px;float: left; font-family: Arial; line-height: 14px}

.pagination {
font:16px Arial, Helvetica, sans-serif;
margin:5px 0;
text-align:center;
clear:both;
padding-top:45px;
line-height: 2em;
padding-bottom:20px;
	padding-left: 10px;
		width:100%
}
 
.pagination a {
background:#fff;
border:1px solid #656565;
color:#3e3e3e;
margin:2px;
padding:.2em .4em;
text-decoration:none;
	border-radius: 7px;
}
 
.pagination a:hover {
background:#fff;
border:1px solid #004084;
color:#004084
}
 
.pagination span.inactive {
background:#fff;
border:1px solid #f0f0ff;
color:#999999;
margin:2px;
padding:.2em .4em;
}
 
.pagination span.active {
background-color:#CCCCCC;
border:1px solid #999999;
color:#999999;
font-weight:700;
margin:2px;
padding:.2em .4em
}

.justify{text-align: justify}
.table-main {
border: none;
border-collapse: separate;
border-spacing: 0;
font: normal 13px Arial, sans-serif;
}

.table-main thead th {
background-color: rgb(216, 216, 216);
border: none;
color: #2f2f2f;
padding: 4px !important;
text-align: left;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
text-align: center;
height: 50px;
}

.table-main tbody tr td {
border-bottom: solid 1px rgb(75, 90, 102);
color: #333;
padding: 4px !important;
text-shadow: 1px 1px 1px #fff;
white-space: nowrap;
text-align: center ;
}

.table-main td {
text-align: center ;
}

.table {
position: relative;
}

.table-scroll {
margin-left: 255px;
overflow-x: scroll;
overflow-y: visible;
padding-bottom: 5px;
width: 700px;
}

.table-main .fix-col {
left: 0;
position: absolute;
top: auto;
width: 256px;
text-align: left;
}
.table-main tr:nth-child(even) {background-color: #f2f2f2;}

.table2 tbody tr td {border-bottom: 1px solid #ddd;padding: 9px 5px;text-align: center}
.table2 th {border-bottom: 1px solid #ddd;padding: 5px 5px;background-color: #313131; color: #fff; text-align: center}
.table2 tr:nth-child(even) {background-color: #f2f2f2;}
.table2 .td-right{text-align: right}
.table2 a{color: #428bca}
.table2 a:hover{color: #183B59}

.table3 {width: 100%}
.table3 tbody tr td {border-bottom: 1px solid #ddd;padding: 7px 3px;text-align: center}
.table3 th {border-bottom: 1px solid #ddd;padding: 1px 3px;background-color: #313131; color: #fff; text-align: center}
.table3 tr:nth-child(even) {background-color: #f2f2f2;}
.table3 .td-left{text-align: left}
.table3 .td-small{font-size: 12px}
.table3 a{color: #428bca}
.table3 a:hover{color: #183B59}
.orange{color: #FF6B28}


#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #444;
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu, 
#toggle-menu {
  background-color: #1f2123;
	margin-top: 15px;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.2em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: #cacaca;
  color: #000;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
	text-align: left
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  
  width: 100%;
  height: 1em;
  text-align: center;
  
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}




@media only screen and (min-width: 1008px) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

.sav{width: 90px; float: left; padding-right: 7px; border-radius: 7px}
.p_sav{padding: 7px 0; font-weight: bold;}
.p_sav a:hover{color: #004245}
.list a:hover{color: #004245}
.list {list-style-type: none;}
.list li{padding-bottom: 7px;}
.div_sav{height: 443px;float: left; width: 315px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 0 3px 1px rgba(0,0,0,.06); padding: 15px; background-color: #efefef}
.div_pilote_jour{height: 443px; margin-left: 10px; float: left;width: 315px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 0 3px 1px rgba(0,0,0,.06); padding: 15px; background-color: #efefef}
.div_f1_jour{margin-left: 10px; float: left;width: 315px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 0 3px 1px rgba(0,0,0,.06); padding: 15px; background-color: #efefef}
.div_saviez_vous{margin-top:10px;margin-left: 10px; float: left;width: 315px; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 0 3px 1px rgba(0,0,0,.06); padding: 15px; background-color: #efefef}
.div_modele_vs, .div_modele_vs_footer{float: left;width: 100%; border-radius: 8px; border: 1px solid #ddd; box-shadow: 0 0 3px 1px rgba(0,0,0,.06); padding: 15px; background-color: #efefef}
.div_modele_vs_footer{width: 476px;margin-bottom: 15px}
.div_modele_vs_sub{float: left;width: 294px;}
.div_modele_vs_sub img{max-width: 293px;}
.div_modele_vs_pub{float: left; padding-left: 13px;width:310px}
.bouton_vote{ width: 100%;float: left; padding: 15px; text-align: center; margin-top: 15px;margin-top: 0px; float:right; padding: 0px; padding-top: 13px;}
.bouton_vote a:link, .bouton_vote a:visited {
  background-color: #407486;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
border-radius: 7px;
	width: 100%
}
.bouton_vote a:hover, .bouton_vote a:active {
  background-color: #186079;
}

.notpc{display:none}