/*

Theme Name: Magazine Le Repere
Theme URI: http://tem24.com
Description: Journal le repere
Version: 1
Autor: Traorebou


*/

/*--------------- Header-------------------------*/
.container {
    width: 976px;
}
.seid{    background: ;
    margin: 0;
    padding: 20px 0;
    width: 30%;
    min-height: 2000px;}

.anno{ position: relative;margin: 0; padding: 0;background: #fff;}

.corps{background: #ff0000;padding: 0px;margin: 0px; font-weight: 400;}
.teteun ul li a {font-family: Oswald; color: #ffffff;margin-right: -20px;}
.teteun ul li a:hover{ text-decoration: none;background: none;color: #000000;margin-right: -20px;}
.tetedeux{margin: 0px;}
.my-icon{margin-top: 2px; }
.my-icon a {color: #ffffff; font-size: 16px;}
.my-icon a:hover {color: #000000; font-size: 16px;}
.social-iconn {margin: 5px 0 0 13px; font-size: 20px; color: #ed1c24; line-height: 25px;}

/*--------------- Logo-------------------------*/
.mylogo img { width: 500px; height: 170px; margin-top: 5px; }

/*---------- POSTE TETE ----------------*/
.simpe img {
    margin: 30px  0 30px 0;
}
.tesee {background: #f8f8f8;}

.simple h2{margin-top: 0;}
.primaaa{background: #f8f8f8;}
.entete{padding:0 0 35px 0; margin-top: 30px;}
.posttete{}
.prima img { width: 100%; height: 360px;margin: 20px  0 30px 0;}
.prima h4{color: red; padding: 10px 10px 5px 0; margin: 0px 14px; display: inline-block; font-size: 1em; border-bottom: 1px solid #900;padding-        bottom: 2px; text-transform: uppercase }
.prima h2 {font-size: 20px; margin-bottom: 10px}
.prima {margin-top: 15px;padding-bottom: 10px; font-family: Open Sans;line-height: 20px;}
.prima h4{font-family: Oswald; line-height: 25px; }
.prima h2{font-family: Oswald; line-height: 25px; font-weight: 400;}
.prima h2  a {text-decoration: none; color: black;}
.prima h2  a:hover { color: #F56C6C;}
.prima p  a {text-decoration: none; color: black;}

      /*---------- POSTE TETE deuxieme ----------------*/

.primaa{background:;padding-top: 35px; padding-bottom: 30px;}
.primaa img {width: 100%; height: 180px;}
.primaa h4{color: red; padding: 10px 10px 5px 0; margin: 0px 14px; display: inline-block; font-size: 1em; border-bottom: 1px solid #900;padding-        bottom: 2px; text-transform: uppercase }
.primaa h2 {font-size: 20px; margin-bottom: 10px}
.primaa {margin-top: 2px; font-family: Open Sans;line-height: 20px;}
.primaa h4{font-family: Oswald; line-height: 25px; }
.primaa h2{font-family: Oswald; line-height: 25px; font-weight: 400;}
.primaa h2  a {text-decoration: none; color: black;}
.primaa h2  a:hover { color: #F56C6C;}
.primaa p  a {text-decoration: none; color: black;}


/*--------------- Navigation ------------------------*/
.nada {padding-top: 20px; }

.my-navbar{background: #900;}

.les_menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff; background-color: #ed1c24;font-size: 14px;  font-family: Oswald;text-transform: uppercase; }

.les_menu .navbar-default .navbar-nav li a:hover {color: #fff; background-color: #ed1c24; border-bottom: 1px solid #000;text-transform: uppercase;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: rgba(255, 255, 255, 1);
    background-color: #ff0000;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a {color: #000;font-size: 14px; text-transform: uppercase; font-family: Oswald;}
.navbar-default {background-color: #f8f8f8;}

.navbar {border-radius: 0;}

.navbar-collapse{ padding: 0;}

.navbar {position: relative; min-height: 50px;margin-bottom: 0; border:0;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #fff; cursor: default; background-color: #d81414; border: 1px solid #ddd; border-bottom-color: transparent; text-transform: uppercase;}

.navbar-form {
     padding: 0;
    margin-top: 8px;
    /* margin-right: -15px; */
    margin-bottom: 8px;
    /* margin-left: -15px; */
    /* border-top: 1px solid transparent; */
    /* border-bottom: 1px solid transparent; */
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); */
    /* box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); */
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9534f;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075); */
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ff0000;
}
/*------------------------------------ Posts Videos---------------------------------------------------*/
.tiraisbas{
    
    border-bottom: 3px solid #925; 
    margin-top: 15px;
    
}

.video-page h2 { margin-bottom: 20px;}

/*------------------------------------ Comments---------------------------------------------------*/

.label {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

/*------------------------------------ Posts---------------------------------------------------*/
.mafotodeuxx {background: #900;}
.text-muted{display: block;background: #900;color: #fff; margin-top: 30px;text-align: center;}

.posts{font-family: Open Sans;line-height: 20px;padding-top: 20px; margin-top: 10px;}
.poste{background: #900;}

/*------------------POST--------------------------------------------------------------------*/

.postpre h4 a {text-decoration: none; color: #ed1c24;margin-bottom: 5px;}
.postpre p {margin-top: 10px;}

.sous_titre  { border-bottom: 3px solid #efeeee; padding: 10px 0; margin-bottom: 30px; }
.sous_titre span{ text-transform: uppercase; font: 1,6em Oswald; font-weight: 400; color: #292929; border-bottom: 2px solid #ff0000; padding: 5px 0;  }

.post { height: 450px;}
.postho { padding-top: 50px;}
.post {margin-top: 20px; font-family: Open Sans;line-height: 20px;}
.post h4{font-family: Oswald; line-height: 25px; }
.post h2{font-family: Oswald; line-height: 25px; font-weight: 400;}
.post h2  a {text-decoration: none; color: black;}
.post h2  a:hover { color: #F56C6C;}
.post p  a {text-decoration: none; color: black;} 

.develope {margin-bottom: 30px; }
.develope h4{color: red; padding: 10px 10px 5px 0; margin: 0px 14px; display: inline-block; font-size: 1em; border-bottom: 1px solid #900;padding-bottom: 2px; text-transform: uppercase }
.develope h2 {font-size: 18px; margin-bottom: 10px}

post_deux h4{color: red; padding: 10px 10px 5px 0; margin: 0px 14px; display: inline-block;  font-size: 1,5em; border-bottom: 1px solid #900;padding-bottom: 2px; text-transform: uppercase }
.post_deux h2{font-family: Oswald; line-height: 25px; font-weight: 400;}
/*.post_deux { border-bottom: 1px solid #900;height: 100%;}*/
.post_deux {margin-top: 20px; font-family: Open Sans;line-height: 20px;}
.post_deux h4{font-family: Oswald; line-height: 25px; }
.post_deux h2  a {text-decoration: none; color: black;}
.post_deux h2  a:hover { color: #F56C6C;}
.post_deux p a {text-decoration: none; color: black;} 

.lenove img {width: 150px; height: 120px;}
.lenovo img {width: 520px; height: 292px;}
.mafoto img {width: 710px; height: 310px;}
.mafotodeux img {width: 390px; height: 180px;}
.mafototrois img {width: 429px; height: 205px;}
.mafotoquatre img {width: 260px; height: 200px; border: none;}


.img-thumbnail {
    /* display: inline-block; */
    /* max-width: 100%; */
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    /* border: 1px solid #ddd; */
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/*-------------------------- Gategories--------------------*/
.rebrik{text-align: center;margin-bottom: 30px;}
.poa{background: #999;}
.poaa{background: #444;}


/*---------Sideba----------------------------------------------*/

.list-group-item-text {
    margin-bottom: 16px;
    line-height: 1.3;
}


/*-----------------FOOTER -----------------------------------------------*/
.widget {
	margin-bottom:50px;
	display:block;
	float:left;
    
}

.widget h3 {
	font-size:1.4rem;
	font-family:font-family: Open Sans, arial, helvetica;
	font-weight:400;
	color:#333333;
	margin-bottom:10px;
}

.widget ul li {
	list-style:none;
	margin-bottom:10px;
}

.widget ul li a {
	font-family:font-family: Open Sans, helvetica, arial, sans-serif;
	font-size:.9rem;
	color:#777777;
}

.widget ul li a:hover {
	color:#bf2222;
	text-decoration:none;
}

/*Footer*/
footer {
	
    padding: 20px;
    border-top: 10px solid #FCFBFB;
}

footer .widget {
	width:30%;
    margin: 0 10px 10px 0;
}
/*Footer Nav*/

footer .naviga ul  {
    clear:both;
    float: right;
    width: 100%;
  
    padding-top: 15px;
    margin-top: 50px;
    border-top: 2px solid #ccc;
}

footer .naviga nav ul {
   text-align: right;
}
footer .naviga ul li {
    list-style: none;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 5px;
}
footer .naviga nav ul li a {
	font-family:font-family: Open Sans, helvetica, arial;
	font-weight:300;
	font-size:  16px;
	color:#000;
    text-transform: uppercase;
}

footer .naviga nav ul li a:hover {
	color:#bf2222;
}


footer .copyright {
	width:100%;
	clear:both;
	text-align:center;
	padding: 5px 0 10px 0;
	color:#000;
	font-family:font-family: Open Sans, helvetica, arial;
	font-size:1.3rem;
    
}

.primaaI {border-radius: 50%;}
.primaaI img {border: 1px solid red; border-radius: 50%; }
.primaaI h4 a{font-size: 14px; text-decoration: none; color: #000000;}
.primaaI h4 a:hover {color: #ed1c24;}


/* Single Page */ 

/* Single/posts */
.single{padding: 40px 0;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.simgle-page p{font-size: 16px;color: #555;}
.simgle-page img{display: block;max-width: 100%;height: auto;}
.simgle-page h1{font-weight: 700;color:#900;text-transform: uppercase;}
.simgle-page h2{font-weight: 700;color: #069;}
.simgle-page h3{font-weight: 700;color: #518C55;}
.simgle-page h4{color: #900;}
.simgle-page h5{color: #900;}
.simgle-page h6{color: #900;}
.simgle-page ul{list-style: none;margin: 0;padding: 0;}
.simgle-page ul li{padding: 10px 0;text-transform: uppercase;color: #358;}
.simgle-page ol{margin: 0;padding: 14px;}
.simgle-page ol li{padding: 10px 0;text-transform: uppercase;color: #000;}
.simgle-page blockquote{background: #eee;padding: 20px;border-radius: 6px;color: #fff;border-left:4px solid #900;}

/* Pour les Pages */ 

.single {padding: 25px 0;}
.page-page{ background: ;}
.page-page p{font-size: 16px;color: #555;}
.page-page img{display: block;max-width: 100%;height: auto;}
.page-page h1{font-weight: 700;color:#fff;text-transform: uppercase;background: #096;padding: 8px;border-radius: 6px;}
.page-page h2{font-weight: 700;color: #069;}
.page-page h3{font-weight: 700;color: #518C55;}
.page-page h4{color: #900;}
.page-page h5{color: #900;}
.page-page h6{color: #900;}
.page-page ul{list-style: none;margin: 0;padding: 0;}
.page-page ul li{padding: 10px 0;text-transform: uppercase;color: #358;}
.page-page ol{margin: 0;padding: 14px;}
.page-page ol li{padding: 10px 0;text-transform: uppercase;color: #000;}
.page-page blockquote{background: #eee;padding: 20px;border-radius: 6px;color: #fff;border-left:4px solid #900;}




/* Siederbar Page */ 

.siederpage {background: ;}