/* @override https://www.welovetennis.fr/themes/welovetennis_ildev/css/welovetennis.css */

@font-face {
	font-family: 'MyWebFont';
	src: url('../fonts/OpenSans-Regular.ttf');
}

*, html{
	margin: 0px;
	padding:0px;
}

html{
	height:100%;
}



body{
	background-color: #F1F0F0;
	font-size: 12px;
	color:#000000;
	/*font-family: "Open Sans",sans-serif;*/
	font-family: Verdana, sans-serif;
}

.wlt-video{
	background-color: #000000;
}


#banner-top-smartphone{
	width:100%;
}

#banner-top-smartphone img{
	width:90%;
	height:90%;
	padding-bottom: 10px;
}

/*******************
	TEXT COLOR
*******************/
.wlt-color-red, .wlt-color-red>a{
	color: #E2001A;
}

.wlt-color-green, .wlt-color-green>a{
	color: #03BD5B;
}

.wlt-bold{
	font-weight: bold;
}

.all-contents{
	margin-top: 138px;
	min-height: 90vh;
}

.all-contents > .container{
	background-color: #FFFFFF;
	min-height: 90vh;
	padding-top: 20px;
	/*padding-top: 270px;*/
}

.header-social-network{
	position: absolute;
	right:0px;
	/*bottom:0px;*/
	bottom:-20px;
	color:#FFFFFF;
}

.header-social-network ul > li{
	float:left;
	margin-right: 10px;
	background: #FFFFFF;
	color:#D30018;
	border: solid 1px #FFFFFF;
	overflow: hidden;
	border-radius: 50%;
	width:30px;
	height:30px;
	line-height: 25px;
	cursor:pointer;
}

.header-social-network ul > li > a{
	color:#E2001A;
}

#welovetennis-banner-top{
	width:100%;
	height:114px;
	/*margin-top: 138px;*/
	padding-top: 12px;
	background-color: #D2CDCD;
}

#welovetennis-footer{
	color:#FFFFFF;
	background-color: #FFFFFF;
	background-image: url(./../img/footer.png);
	background-repeat: repeat-x; 
	margin-top:0px;
	height:96px;
	width:100%;
	margin-bottom: 0px;
	text-transform: uppercase;
}

#welovetennis-footer a{
	color:#FFFFFF;
}

.footer-dot{
	font-size: 24px;
}


/**************************
	POST TOP
**************************/

.welovetennis-post-top, .welovetennis-small-news{
	border: solid 1px #C5C5C5;
	padding:0px;
	margin-bottom: 20px;
}

.welovetennis-post-top .label-red{
	background-color: #E2001A;
	color:#FFFFFF;
	font-size: 18px;
	position:absolute;
	left:-20px;
	top:20px;
	width:150px;
	padding: 2px;
	padding-left: 20px;
	z-index:2000;
	text-transform: uppercase;
}

.welovetennis-post-top .image, .welovetennis-small-news .image{
	padding:0px;
	height:370px;
	overflow: hidden;
}

.welovetennis-post-top .image img, .welovetennis-small-news .image img{
	width:100%;
}

.welovetennis-post-top .title, .welovetennis-small-news .title{
	color: #E2001A;
	padding-top: 10px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
}

.welovetennis-post-top .content{
	color:#000000;
	text-align: center;
}


.welovetennis-small-news{
	height:280px;
}

.welovetennis-small-news .image{
	height:200px;
}


.welovetennis-small-news .title{
	font-size: 16px;
}


.welovetennis-small-news .label-red{
	width:100%;
	background-color: #E2001A;
	color:#FFFFFF;
	font-size: 18px;
	position:absolute;
	z-index:2000;
	text-transform: uppercase;
	text-align: center;
}


/******************************
		RSS NEWS
******************************/

#welovetennis-rss-news, #welovetennis-rss-news-smartphone, #right-radio-wlt{
	margin-top:10px;
	margin-right: 15px;
	margin-left: 15px;
	border: solid 1px #C5C5C5;
	
}

#radio-wlt-smartphone{
	margin-top:10px;
	border: solid 1px #C5C5C5;
}

/*#welovetennis-rss-news .content a, #welovetennis-rss-news-smartphone .content a{
	color:#000000;
}

#welovetennis-rss-news .impair, #welovetennis-rss-news-smartphone .impair{
	background: url("./../img/background-odd.png");
	background-position: center center;
	background-repeat: no-repeat;
}*/

#welovetennis-rss-news .header, #welovetennis-rss-news .footer, #welovetennis-rss-news-smartphone .header, #welovetennis-rss-news-smartphone .footer, #right-radio-wlt .header, #radio-wlt-smartphone .header{
	background-color: #E2001A;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size:18px;
}

#welovetennis-rss-news .header, #welovetennis-rss-news-smartphone .header{
	padding-left: 5px;
}

/*#welovetennis-rss-news .content, #welovetennis-rss-news-smartphone .content{
	overflow-x: hidden;
	padding-left: 5px;
}

#welovetennis-rss-news .content >ul, #welovetennis-rss-news-smartphone .content >ul{
	width:100vh;
	overflow-x: hidden;
		
}

#welovetennis-rss-news .content > ul .hours, #welovetennis-rss-news .content > ul .heure,
#welovetennis-rss-news-smartphone .content > ul .hours, #welovetennis-rss-news-smartphone .content > ul .heure{
	color: #AAAAAA;	
	font-size: 10px;
}

#welovetennis-rss-news .content > ul .category, #welovetennis-rss-news .content > ul .categorie,
#welovetennis-rss-news-smartphone .content > ul .category, #welovetennis-rss-news-smartphone .content > ul .categorie{
	color: #E2001A;	
	font-size: 11px;
}

#welovetennis-rss-news .content > ul .mise_en_avant, #welovetennis-rss-news-smartphone .content > ul .mise_en_avant{
	font-weight: bold;
}

#welovetennis-rss-news .content > ul .mise_en_avant .title, #welovetennis-rss-news-smartphone .content > ul .mise_en_avant .title{
	color: #E2001A;
}
*/

#right-radio-wlt .header, #radio-wlt-smartphone .header{
	color:#FFFFFF;
	background: #000000;
	font-size: 18px;
	text-align: center;
	font-family: 'Fjalla One', sans-serif;
}

/*************************
	RIGHT COMMENTS
*************************/

.right-comments .title, .right-docu .title{
	color: #E2001A;
	text-transform: uppercase;
	font-size:18px;
}

.right-comments .content, .right-docu .content{
	min-height:365px;
	border: solid 1px #C5C5C5;
	overflow-y: auto;
	overflow-x: hidden;
	padding:5px;
	padding-left: 5px;
}

.right-comments .content ul{
	list-style-type: none;
	/*overflow-x: hidden;*/
	/*width:100vh;*/
}

.right-comments .content ul li a:before {
  content: "‣ ";
}
.right-comments .content ul li a:hover:before {
  content: "► ";
}
.right-comments .content ul li a{
  padding-left: 4px;
  padding-right: 4px;
  color:#000000;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-comments .content ul li a:hover{
	background-color: rgba(226, 0, 26, 0.5);
	/*background-color: #E2001A;*/
}



.right-docu .content{
	padding:10px;
	/*display:block;*/
}

.right-docu .content .title{
	font-size: 16px;
	margin-top: 20px;
	text-align: center;	
}


.right-docu .content .image{
	margin:0px;
	padding: 0px;
	max-height: 265px;
	width:100%;
	text-align: center;
	overflow: hidden;
}

.right-docu .content .image img{
	width: 100%;
	
}

.right-docu .content .chapo{
	color: #000000;
}





/******************************
	INSIDE
******************************/


/*.postliste .post{
	border: solid 1px rgba(200, 200, 200, 0.5);
}*/
.postliste .post-title{
	margin-bottom: 2px;
}

.postliste .post-title a{
	color: #E2001A;
	font-size: 20px;
}

.postliste .post-info{
	border-bottom: solid 1px rgba(200, 200, 200, 0.5);
}

.postliste .post-info-co{
	text-align: right;
}

.postliste .post-info-co a{
	color: #E2001A;
} 

#inter #pages {
    float: left;
    width: 100%;
    /*margin: 0px 10px;*/
    border-bottom: 2px solid #a3a4a5;
    padding: 3px 0 11px 0;
}

#inter #header #author {
    float: left;
    margin-bottom: 10px;
}

#inter #header .post-info-co {
    float: right;
    margin-right: 30px;
}


#inter #header .post-info-co > a{
	color: #E2001A;
}

#inter #social-top-post {
	clear: both;
	border-top: 2px solid #a3a4a5;
    padding: 3px 0 11px 0;
}

#inter #page-content {
	margin-top: 20px;
	clear: both;
}

#inter #pages #prev {
    float: left;
    padding: 0 0 0 0px;
}

#inter #pages #prev a, #inter #pages #suiv a{
	color: #E2001A;
	text-decoration: none;
}

#inter #pages #suiv {
    float: right;
    padding: 0 30px 0 0;
}


#inter .footer #social {
    float: left;
    margin-top:10px;
}

#inter .footer #social>div, #inter #social-top-post>div {
	float:left;
}

#inter .footer #utils {
    float: right;
    margin-top: 10px;
}



#block-discuss{
	display: none;
}

#read-and-react{
	clear:both;
	width:100%;
	height:40px;
	line-height: 40px;
	text-transform: uppercase;
	font-size:18px;
	color:#FFFFFF;
	background-color: #E2001A;
	text-align: center;
}

#read-and-react #arrow-discuss{
	font-weight: bold;
	font-size: 20px;
}

#read-and-react #disqusNbPosts{
	font-size: 12px;
}


/******************************
		SOCIALE NETWORK
******************************/

.welovetennis-social-network .title{
	color: #E2001A;
	text-transform: uppercase;
	font-size:18px;
}

.welovetennis-social-network .content{
	height:380px;
	border: solid 1px #C5C5C5;
	overflow-y: auto;
}


/******************************
		RANKING
******************************/

#rankingList thead{
	background-color: #E2001A;
	color:#FFFFFF;
}

#rankingList tr{
	height:30px;
}

.ranking-even{
	background-color: rgba(227, 0, 27, 0.25);
}

.ranking-odd{
}



/*#welovetennis-top{
	background-color: #FFFFFF;
	background-image: url(./../img/background-top.png);
	background-repeat: repeat-x; 
	margin-top:0px;
	height:138px;
	width:100%;
}
*/

@media (min-width: 1280px) {
	
	.container{
		/*width:1280px;*/
		/*width:980px;*/
		width:1024px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.all-contents > .container{
		/*margin-top: 250px;*/
		margin-top: 0px;
	}
	
	
}


/* iPad */
@media only screen 
and (min-device-width : 768px)
and (max-width: 1280px){
	
	.all-contents > .container{
		width:100%;
		margin-right: auto;
		margin-left: auto;
	}
	
}



/* iPad 3 et 4 landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
	
}



/* iPhone */
@media only screen 
and (min-device-width : 315px) 
and (max-device-width : 415px){
/*and (min-device-width : 320px) 
and (max-device-width : 568px){*/
	
	.navbar-toggle .icon-bar{
		background-color: #FFFFFF;
	}
	
	/*#welovetennis-top{
		background-image: url(./../img/background-top2.png);
	}*/
	
	.all-contents > .container{
		width:100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		padding-top: 30px;
	}
	
	#welovetennis-top-logo{
		width:180px;
	}
	
	#welovetennis-content-right{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.welovetennis-post-top .image, .welovetennis-small-news .image{
		height:150px;
	}
	
	#inter #page-content img{
		max-width: 85vw;
	}
	
}