/*   
Theme Name: INPV
Theme URI: http://www.inpv.dz
Description:Inpv Théme
Author: Ali Rahmoune
Author URI: http://www.pixastudio.com
Version: 1
*/



@media screen {
/*reset*/
html { font-size: 62.5%; } 

a {
  color: #519548;
 
}
a, a:hover, a:active,a:focus, a:visited { text-decoration: none;}
a:hover{color:#006d2e}

.navbar-inverse {
  background-color:#006d2e;
  border: none;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border:none;
}
.navbar { margin:0}
.navbar a { color:#FFF}
.navbar ul { margin:0; padding:0; list-style:none}
.img-responsive {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}
.btn-primary {
  color: #fff;
  background-color: #519548;
  border-color: #006d2e;
}
.btn-primary:hover {

  background-color: #006d2e;

}
body {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size: 1.4rem;
  background-color:#88c425;
  padding:2rem 0;
  position:relative;
  background:url(images/green.jpeg)  no-repeat top center fixed;

-moz-background-size: cover;

-webkit-background-size: cover;

-o-background-size: cover;

background-size: cover;


}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
 font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 1.1;
 /* text-transform:capitalize*/
}
h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 0;
  margin-bottom: 10px;
}
h4, .h4 { font-size:1.5rem}
#agenda {position: absolute;
right: 40px;
top: 310px;
color: rgb(81, 149, 72);
font-weight: 400;
text-transform: uppercase;}
#top { background-color:#e6e6e6; padding:0.5rem 0}
#navigation {}
#page-title {  padding:1rem 0; background-color:#666}
#page-title h1 { margin:0; color:#FFF; text-shadow: 1px 2px 3px #666;}
#slider-wrap { padding:0}
#page{ background-color:#FFFFFF; position:relative}
#infos { background-color:#333333; height:3rem}
#main { padding:1rem 0}
#alertes { color:#FFFFFF} 
.green h4 span { color:#FFFFFF }
#footer { padding:2rem 0; background-color:#006d2e}
/*sidebar*/
#sidebar {  

  padding-left: 14px;
  border-left:1px dashed #CCC
}
#top small {
  font-size: 16px;
}
.sidebar-widget { margin-bottom:10px}
.sidebar-widget h4 { color:#ffffff; background-color:#519548; padding:1rem ; margin:0}
.sidebar-widget a {color: #333; font-size:1.3rem ;-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;}

/*navigation*/
.navbar-inverse .navbar-nav>li>a {
  color: #FFF;
}
/** misc **/
.shadow-wrap {
  width: 100%;
  float: left;
  height: 27px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 20px;
}

a.list-group-item:hover { background-color:#519548; color: #ffff00;}
.yellow { color:#FF0}
.green { background-color:#006d2e}
.footer-widget { color:#FFF;font-size:1.2rem}
.footer-widget h4 { font-size:1.5rem ; color:#fff ; border-bottom:1px solid #fff; padding-bottom:1rem}
.footer-widget li a { color:#FFF; font-size:1.2rem}
.footer-widget ul { padding:0; margin:0; list-style:none}
h4.rubrique {  color:#1b676b}
.thumb-wrap { margin-bottom:10px}
/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
width: 100%;  
margin: 0; 
padding:0.5rem 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
left: 4rem;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ffff00;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color:#88c425
} 
ul#search-list {
  list-style-type: none !important;
}
ul#search-list li {
  padding: 10px 0px;
}
ul#search-list li a{
  font-size: 14px;
}
/*media queries*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
#infos { height:30px ; overflow:hidden}
	.navbar {
  border-radius:0; 
 }

.navbar-collapse { padding-left:0}
.navbar-nav>li>a {font-family: 'Roboto', sans-serif;
  font-weight: 300;font-size: 1.6rem;}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {   }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {   }
	} /* END screen media */
	
#wiwi img{
position: absolute;
display: block;
overflow: hidden;
margin-top: 3px;
margin-left: 13px;
top: 0px;}
 
#wiwi img:hover{
top: -50px;
transition-duration: 1s;}

@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
table strong { color:#FFF !important}	
} /* END print media */