/*

# -- BEGIN LICENSE BLOCK ---------------------------------------

#

# This file is part of Dotclear 2.

#

# Copyright (c) 2003-2013 Olivier Meunier & Association Dotclear

# Licensed under the GPL version 2.0 license.

# See LICENSE file or

# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

#

# -- END LICENSE BLOCK -----------------------------------------

*/

@font-face {

    font-family: 'ubuntubold';

    src: url('font/ubuntu-bold-webfont.eot');

    src: url('font/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/ubuntu-bold-webfont.woff') format('woff'),

         url('font/ubuntu-bold-webfont.ttf') format('truetype'),

         url('font/ubuntu-bold-webfont.svg#ubuntubold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ubuntumedium';

    src: url('font/ubuntu-medium-webfont.eot');

    src: url('font/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/ubuntu-medium-webfont.woff') format('woff'),

         url('font/ubuntu-medium-webfont.ttf') format('truetype'),

         url('font/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'ubunturegular';

    src: url('font/ubuntu-regular-webfont.eot');

    src: url('font/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/ubuntu-regular-webfont.woff') format('woff'),

         url('font/ubuntu-regular-webfont.ttf') format('truetype'),

         url('font/ubuntu-regular-webfont.svg#ubunturegular') format('svg');

    font-weight: normal;

    font-style: normal;

}





/* Layout

-------------------------------------------------------- */



#page { background: #f6f6f6 /* url(img/fond.jpg) */ center top no-repeat; font-family: 'ubunturegular', Arial, sans-serif; background-size:100% ;padding-top:30px; font-size:13px}



#extra-header {
  color: #FFFFFF;
  font-family: 'ubuntumedium',Arial,sans-serif !important;
  font-size: 11px;
  line-height: 1.2em;
  margin-left: 12px;
  position: absolute;
  text-align: left;
  top: 9.5em;
  width: 200px;
  display: none !important;
}



#top {

	background: url(img/nav-bg-2016.png) no-repeat center;

	height: 125px;

	padding:0 !important;

}





#top h1 { line-height: 125px;}

#top h1 a {

	background: url(img/matosvelo-2016.png) no-repeat 0 0;

	height: 115px;

	line-height: 125px;

	margin: 2px 0 7px;

}



#top .simple-menu { border-left: none; }

#top .navbar { background: none; border: 0; /*height: 125px !important; */ line-height: 125px;z-index:10;}

#top .navbar li span, #footer .navbar-nav li span {/* display: none; visibility: hidden;*/ }

#top .navbar > *, #top .navbar-nav > li > a { line-height: 125px !important; }

#top .navbar-nav > li > a { padding: 0 0.8em; font-family: 'ubuntubold', Arial, sans-serif !important; font-size: 1.1em !important; color: #000 !important; text-transform:none;

	background-repeat:no-repeat !important;

	background-position: center 80% }

#top .navbar-nav > li.li-first > a { /*font-size: 0.1px !important; background:url(img/home.png) no-repeat center center; padding:0 0 0 60px;*/}

#top .navbar-nav > li > a[href*="Annonceurs"],

#top .navbar-nav > li > a[href*="Copyright"] { color:#D3A0A0 !important; font-style:italic}



/** icones des liens **/

#top .navbar-nav > li > a[href*="materiel"]:hover,

#top .navbar-nav > li.active > a[href*="materiel"] {

	background-image:url(img/materiel.png);

	}
	
#top .navbar-nav > li > a[href*="velobsession"]:hover,

#top .navbar-nav > li.active > a[href*="velobsession"] {

	background-image:url(img/velobsession.png);

	}

#top .navbar-nav > li > a[href*="textile"]:hover,

#top .navbar-nav > li.active > a[href*="textile"] {

	background-image:url(img/textile.png);

	}

#top .navbar-nav > li > a[href*="Tech"]:hover,

#top .navbar-nav > li.active > a[href*="Tech"] {

	background-image:url(img/tech.png);

	}

#top .navbar-nav > li > a[href*="Actualite"]:hover,

#top .navbar-nav > li.active > a[href*="Actualite"] {

	background-image:url(img/actu.png);

	}

#top .navbar-nav > li > a[href*="pros"]:hover,

#top .navbar-nav > li.active > a[href*="pros"] {

	background-image:url(img/pros.png);}

#top .navbar-nav > li > a[href*="Interviews"]:hover,

#top .navbar-nav > li.active > a[href*="Interviews"] {

	background-image:url(img/itv.png);}

#top .navbar-nav > li > a[href*="shop"]:hover,

#top .navbar-nav > li.active > a[href*="shop"] {

	background-image:url(img/shop.png);}	

#top .navbar-nav > li > a[href*="enfant"]:hover,

#top .navbar-nav > li.active  > a[href*="enfant"]{

	background-image:url(img/enfants.png);}

#top .navbar-nav > li.active > a {
	background-repeat:no-repeat !important;
	background-position: center 80% !important
}

#prelude a { color: #e2e2e2 !important; }
#prelude a:focus, #prelude a:hover { color: #cdcdcd !important; }



#wrapper {
	padding: 0.5em 0 1.5em;
	background: rgba(255, 255, 255, 1);
}



#main { box-shadow: 0 1px 4px 1px rgba(150, 150, 150, 0.075); padding-top: 15px; }



#sidebar { background:#f6f6f6; padding-top:1.5em; }

#sidebar div div:after { background:none}

#blognav, #blogextra {    padding: 0 0.4em;}



h1, h2, h3, h4, h5, h6 { font-family: 'ubuntubold', Arial, sans-serif !important; }



a:link, a:visited {  color: #CA0000 !important;  }



/* Sidebar styles

-------------------------------------------------------- */



#sidebar h2 {

	background: url("img/stripe_gray.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);

	color: #2E3539;

	-moz-border-radius: 0.2em;

	-o-border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

}



#mc_embed_signup {    background: none !important;}



/* Main content styles

-------------------------------------------------------- */


.dc-404 #content-info h2:before, .dc-archive #content-info h2:before,
.dc-category #content-info h2:before, .dc-contactme #content-info h2:before,
.dc-tag #content-info h2:before, .dc-tags #content-info h2:before {	
	content: "";
	margin: 0;	
}



.day-date {

	/*

	font-size: 0.9em;

	margin: 0 0 0.4em 0.4em;

	text-align: center;

	color: #ddd;

	background:#2E3539;

	width:180px;

	padding:2px;

	float:right;

	clear:both;

	border-radius: 0.5em;

	-moz-border-radius: 0.5em;

	-o-border-radius: 0.5em;

	-webkit-border-radius: 0.5em;*/

	display:none

}



.post {

	background:url(img/box-shadow.png) no-repeat bottom left;

	padding-bottom:0.001em !important;

}

.post-title {

	color:#CA0000;

	font-size:1.7em;

	margin-bottom: 5px !important;

}

.post-title a {	color:#CA0000;}

.post-info {margin: 0;}

.post-info, .post-tags{

	font-size:0.9em;

	color:#666;

}



.post-tags li:before {  font-family: FontAwesome; content: "\f02b"; margin: 0 0.4em; color: #c5c5c5;font-size:1.2em; }



.post-info-co {

	border:none;

	padding: 0.3em 0.8em;

	border-left: 1px solid #ddd;

	border-bottom: 1px solid #eee;

}

.post-content {
	padding-bottom:10px;
}

.read-it {

	text-align: right;

	background:#eee;

	width:100px;

	float:right;

	border-radius: 0.2em;

	-moz-border-radius: 0.2em;

	-o-border-radius: 0.2em;

	-webkit-border-radius: 0.2em;

}

.read-it a { font-weight: 700; }



/* Comments and trackbacks

-------------------------------------------------------- */

#comments dt {	border-bottom: 1px solid #CA0000;}

#comments dt.me { border-bottom-color: #CA0000; }

#comments a.comment-number {

	background-color: #CA0000;

	color: #fff !important;

}

#comments dt.me a.comment-number { background-color: #CA0000; }

#comments dd { margin: 0; padding: 1em; }

#comments dd.me { background-color: #f6f6f6; color: #CA0000; }

#comments dd p { margin: 0.5em 0; line-height: 1.5em; }

.comment_count:before {	content: "\f086" !important; font-family: FontAwesome; }

.ping_count {display:none;}

#comments h3, #comment-form h3, #pings h3 {
    padding: 0.4em;
}
.jstEditor textarea { border:1px #ddd solid !important;}
/* Forms

-------------------------------------------------------- */

#comment-form .field:hover label, #comment-form .field:focus label, #comment-form .field:active label { color: #CA0000; }



/* Input / Textarea / Select

-------------------------------------------------------- */

input[type="submit"], a.button {background-color: #CA0000 !important;}



#mc_embed_signup .button { margin: 0  !important; }

	

#mc_embed_signup form {   padding: 0 0 0 3% !important;}

/* #mc_embed_signup div {

	float: right;

    margin-top: -42px;

    width: 100px;

} */
/* commentaires */

.nav-pills > li.active> a {
    color: #fff !important;
}
a.badge.pull-right {
    color: #fff !important;
}
/* Footer

-------------------------------------------------------- */



#footer {	padding: 1em 0 2em;	font-size:0.8em;}

#footer .navbar-nav > li > a { line-height: normal !important; }

.copyright {

	text-align: center;

	background:#aaa;

	padding:5px 10px;

	border-radius: 0.5em;

	-moz-border-radius: 0.5em;

	-o-border-radius: 0.5em;

	-webkit-border-radius: 0.5em;

	margin:0 5px

}

.social a {	color: #ffffff !important;}



.social a:hover { background: #2E3539; }



#scrollUp {	color: #fff !important;}


/* Carousel

-------------------------------------------------------- */

#myCarousel .item { border-bottom: 1px solid #CA0000; }
#myCarousel .item img {
  width: 100%;
  height: 28em;
  object-fit: cover;
}
#myCarousel .carousel-caption {
    left:0;
	right:0;
	bottom:0;
	text-align:left;
	padding:10px;
	background:rgba(0,0,0,0.5);
	text-shadow:none;
}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;
}
#myCarousel .list-group .active {
	background-color:#eee;	
}
#myCarousel .list-group-item.active,
#myCarousel .list-group-item.active:hover,
#myCarousel .list-group-item.active:focus {
    background: linear-gradient(to right, #dedede, #fefefe);
    border-color: #CA0000 #CA0000 #CA0000 transparent;
  	color: #000;
}
.carousel-caption a {
    color: #fff !important;
    text-shadow: 1px 1px #000;
	}
	
@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}
	#myCarousel .carousel-controls {display:none;} 	
}
@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
}

.navbar-fixed-bottom { opacity: 0.75; }
.navbar-fixed-bottom:hover,
.navbar-fixed-bottom:active,
.navbar-fixed-bottom:focus { opacity: 1; }
.navbar-fixed-bottom a { color: #fff !important; }

.categories-title {
  	background: #2c3135;
    color: #fff;
    font-size: 1.2em;
    padding: 0.675em;
}

.categories-last5 h3 { font-size: 12px; font-weight: 400; margin: 1em 0 0.1em; }
.categories-last5 .first-entry h3 { font-size: 18px; margin-top: 0.4em; }
.categories-last5 .first-entry {}
.categories-last5 .last4-entries { width: 50%; display: block; padding: 0.4em 0.8em; }
.categories-last5 .last4-entries:hover,
.categories-last5 .last4-entries:focus {
 	background: linear-gradient(to right, #dedede, #fefefe); }
.categories-last5 .last4-entries img { margin-right: 1em; width:48px; height:48px}

@media (min-width: 769px) { 
/*.categories-last5 .first-entry img { height: 20em; width: 100%; }*/
.categories-last5 .first-entry img { max-height: 20em; }
}
@media (max-width: 768px) { 
.categories-last5 .first-entry { margin-bottom: 0.6em }
.categories-last5 .first-entry img { height: auto; }
.categories-last5 .last4-entries { width: 100%; border-top: 1px solid #cdcdcd; }
}
.custom-search-form button {
background: url("img/search.png") no-repeat scroll center center;
padding:16px;
}


#back-to-top {
	position: fixed;
	bottom: 1.4em;
	right: 1.4em;
	display: none;
	box-shadow: 0 0 2px 1px rgba(60, 60, 60, 0.1);
    border-radius: 0;
}
#back-to-top:hover, #back-to-top:focus, #back-to-top:active { opacity: 1; }
#back-to-top:after { font-family: FontAwesome; content: "\f077"; }




/*
@media (max-width: 1200px) {

	#top h1 a { 

	margin:18px -30px 7px -30px;
	background-size:70%;
	height:45px

	}

	#extra-header { margin-left:-12px; }

	#top .navbar-nav > li > a {

    font-size: 1em !important;
    padding: 0 0.6em;

	}

#top .navbar-nav > li.li-first > a { padding: 0 10px; }

}
*/

@media (max-width: 1024px) {

	#top h1 a {
		background: url(img/matosvelomini-2016.png) no-repeat 0 80%;
  		margin: 2em 0 0 -0.4em;
	}

	#top h1 a:hover { background-position: 0 80%; }

	.navbar-header {
		background: url(img/matosvelomini-2016.png) no-repeat 0 60%;
	}

}

@media (max-width: 990px) {

	#top .container { width:100%; }

	#extra-header { margin-left:5px; }

	#top .navbar-nav > li > a {

    	font-size: 1em !important;
    	padding: 0 0.6em;

	}

	#top .navbar-nav > li.li-first > a { padding: 0 10px; }

}

@media (max-width: 768px) {

	#page { padding-top: 0; }

	#top { background: none #ddd; height: 76px; }

	#top .navbar-nav { background: #bf0303; border-top: 0; margin-top: -15px; }
	#top .navbar-nav > li > a:hover {background-color:#CE1818 !important; background-position:80% !important;}

	#top .navbar-brand {

    color: #FFFFFF !important;
	margin: 62px -10px -14px 0;
	background:#2E3539;

	}

	#top .navbar-nav > li.active > a {

	background-color:#BF0A07 !important;
	background-position:80% !important

	}
  
  	#top .navbar > *, #top .navbar-nav > li > a { line-height: 15px !important; }
	.social {display:none;}

}
/*---------------------------------------------------------

Correction images smartphones

----------------------------------------------------------*/
@media (max-width: 480px) {
.post img {
     width: 100% !important;
	 height: auto !important;
}
}

/*Wallpaper

-------------------------------------------------------- */


#wallpaper {
	  background: url(http://www.velochannel.com/wp-content/banners/background_trek_2.jpg) no-repeat 50% 0;
background-position:5px 5px;
    background-repeat:no-repeat;
    border:1px solid #CCC;
    display:block;
    height:100px;
    overflow:hidden;
    padding:5px;
    text-indent:100%;
    white-space:nowrap;
	}
	
	.wallpaper-link {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
	
		}
	
	/* Fin Wallpaper
	

}

-------------------------------------------------------- */
	
	/* Strava

-------------------------------------------------------- */
a.strava {
    background: url("img/Strava-transparent.png") no-repeat scroll center center #ff5f2b;
}
a.strava:hover {
    background-image: url("img/Strava-transparent.png");
}
/* Fin Strava

-------------------------------------------------------- */
	/* Instagram

-------------------------------------------------------- */
a.instagram {
    background: #325c86;
}
a.instagram:hover {
    /*background-image: url("img/Instagram-transparent.png");*/
}
/* Fin Instagram

-------------------------------------------------------- */

/* Pubs affiliation responsive

-------------------------------------------------------- */
.pubaff img {
  max-width: 100%;
  height: auto;
}
/* -------------------------------------------------------- */

/* Eviter que les annonces Adsense ne chevauchent le texte

-------------------------------------------------------- */

.google-auto-placed { clear: both !important; }

/* -------------------------------------------------------- */

/* Texte justifié

-------------------------------------------------------- 
.post-content, .post-excerpt { text-align: justify; }
/* Fin texte justifié*/

-------------------------------------------------------- */
/*
@media (max-width: 768px) and (min-height: 768px) {

	#top .navbar-nav > li > a:hover {background-color:none !important; background-position:80% !important;}

	#top .navbar-collapse {
		background-color: transparent !important; 
		border: none;
	}

	#top {
		background-size:190%;
		background-position:top center;
	}

	#top .navbar-brand {
	    color: #FFFFFF !important;
		margin: 62px -10px -14px 0;
		background:#2E3539;
	}

	.navbar-header{
		background: url("img/matosvelo.png") no-repeat scroll 0 0 / 100% auto #2E3539;
	    margin-left: -200px;
		width: 32%;
	}

	#top .navbar-nav > li.active > a {
		background-color:#BF0A07 !important;
		background-position:100% !important
	}

	#top .navbar > *, #top .navbar-nav > li > a {
	    line-height: 15px !important;
	}

	.navbar-nav > li > a:hover {background:none!important}

}

@media (max-width: 480px) {

	.read-it { display: block; visibility: visible; }

	#top .navbar-nav > li > a:hover {background-color:#CE1818 !important; background-position:80% !important;}

	#top .navbar-brand {
	    color: #FFFFFF !important;
		margin: -15px -10px 15px 0 !important;
		background:#2E3539;
	}

	.navbar-header{
		margin-left: -60px;
		background: url(img/matosvelo.png) no-repeat 30px 0 #2E3539;
		background-size:65% !important;
	}

	#top .navbar-nav > li.active > a {
		background-color:#BF0A07 !important;
		background-position:80% !important
	}

}*/