/*
Theme Name: RADIO DIO

Version: 1.0
Description: Index page with framed content - one frame points to a parent page with the slug of 'sample-page' and the other for a folder at the root level named 'radio'
Template: point
*/



@import url("../point/style.css");


body {
color:#000;

}
#lecteur input {
	font-size:10px;
	padding:0px;
	}






a.toplink {
    display: inline-block;
    line-height: 2;
    padding-right: 0;
    position: absolute;
    left: 12px;
    top: 9px;
    width: 27px;
    height: 27px;
    background: url('/wp-content/themes/enfantfourteen/img/sprite2.png') no-repeat center center;
    background-position: 0 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

/*refonte lecteur*/

.lienlecteur {
font-weight:900;

}



/* refonte une aout 2015*/
.gradient{

background: rgba(0,0,0,0);
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 38%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(38%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 38%);
background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 38%);
background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 38%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 38%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
    }
	/*slider*/
	.gradientune {
		float:right;padding:25px;margin-left:-275px;padding-left:50px;height:460px;width:420px;
	}
	.fondune{
	width:980px;
	background-color:#222;
	}

	.titreune{
	font-size:2em;
	color:#FFF;
	font-weight:200;
	text-transform: uppercase;
	margin-top:35px;
	line-height:1.15em;
	background:rgba(206, 83, 77,0.7);
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	padding:15px;
}


.titreuneh3 {
	text-align:center;
	font-weight:800;
	font-size:4em;
	margin-bottom:10px;
	margin-top:10px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	overflow:hidden;
	text-shadow: 1px 1px rgb(144, 58, 54), 2px 2px rgb(144, 58, 54), 3px 3px rgb(144, 58, 54), 4px 4px rgb(144, 58, 54), 5px 5px rgb(144, 58, 54), 6px 6px rgb(144, 58, 54), 7px 7px rgb(144, 58, 54), 8px 8px rgb(144, 58, 54), 9px 9px rgb(144, 58, 54), 10px 10px rgb(144, 58, 54), 11px 11px rgb(144, 58, 54), 12px 12px rgb(144, 58, 54), 13px 13px rgb(144, 58, 54), 14px 14px rgb(144, 58, 54), 15px 15px rgb(144, 58, 54), 16px 16px rgb(144, 58, 54), 17px 17px rgb(144, 58, 54), 18px 18px rgb(144, 58, 54), 19px 19px rgb(144, 58, 54), 20px 20px rgb(144, 58, 54), 21px 21px rgb(144, 58, 54), 22px 22px rgb(144, 58, 54), 23px 23px rgb(144, 58, 54), 24px 24px rgb(144, 58, 54), 25px 25px rgb(144, 58, 54), 26px 26px rgb(144, 58, 54), 27px 27px rgb(144, 58, 54), 28px 28px rgb(144, 58, 54), 29px 29px rgb(144, 58, 54), 30px 30px rgb(144, 58, 54), 31px 31px rgb(144, 58, 54), 32px 32px rgb(144, 58, 54), 33px 33px rgb(144, 58, 54), 34px 34px rgb(144, 58, 54), 35px 35px rgb(144, 58, 54), 36px 36px rgb(144, 58, 54), 37px 37px rgb(144, 58, 54), 38px 38px rgb(144, 58, 54), 39px 39px rgb(144, 58, 54), 40px 40px rgb(144, 58, 54), 41px 41px rgb(144, 58, 54), 42px 42px rgb(144, 58, 54), 43px 43px rgb(144, 58, 54), 44px 44px rgb(144, 58, 54), 45px 45px rgb(144, 58, 54), 46px 46px rgb(144, 58, 54), 47px 47px rgb(144, 58, 54), 48px 48px rgb(144, 58, 54), 49px 49px rgb(144, 58, 54), 50px 50px rgb(144, 58, 54), 51px 51px rgb(144, 58, 54), 52px 52px rgb(144, 58, 54), 53px 53px rgb(144, 58, 54), 54px 54px rgb(144, 58, 54), 55px 55px rgb(144, 58, 54), 56px 56px rgb(144, 58, 54), 57px 57px rgb(144, 58, 54), 58px 58px rgb(144, 58, 54), 59px 59px rgb(144, 58, 54), 60px 60px rgb(144, 58, 54), 61px 61px rgb(144, 58, 54), 62px 62px rgb(144, 58, 54), 63px 63px rgb(144, 58, 54);

}

.titreuneh3 i {

		text-shadow: none;

}


.gradientrougenoirbleu {
background: rgb(206,83,77); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(206,83,77,1) 0%, rgba(0,0,0,1) 39%, rgba(0,0,0,1) 60%, rgba(100,182,177,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(206,83,77,1)), color-stop(39%,rgba(0,0,0,1)), color-stop(60%,rgba(0,0,0,1)), color-stop(100%,rgba(100,182,177,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(206,83,77,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,1) 60%,rgba(100,182,177,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(206,83,77,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,1) 60%,rgba(100,182,177,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(206,83,77,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,1) 60%,rgba(100,182,177,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(206,83,77,1) 0%,rgba(0,0,0,1) 39%,rgba(0,0,0,1) 60%,rgba(100,182,177,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce534d', endColorstr='#64b6b1',GradientType=1 ); /* IE6-9 */


}

.newune:hover .titreune{
	background:#000;
	}




.slideshow {
   width: 980px;
   height: 400px;
   overflow: hidden;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
   width: 400%;
   height: 200px;
   padding:0; margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}

.encartUneSocial {

width:470px;
height:850px;float:left;margin:10px;

}

.encartUneSocial .newbox2 {

	float:left;width:150px;height:120px;overflow:hidden;margin:0px;margin-right:10px;margin-bottom:10px;


}
.newbox50 {

width:450px;

}

/**/

/* juin 2015 */
.cff-likebox {
    float: left;
    width: 100%;
    position: relative;
    margin: -15px 0px 0px;
    margin-left: 45px;
}


#cff.cff-masonry.masonry-4-desktop .cff-item {
	width:100%;
}

/* tv DIO DIO v2 */

.telecommande {
	height:370px;
	float:left;
	background-color:#222;
	width:220px;
	border-radius:15px;
	margin:auto;
	margin-top:-15px;
	margin-left:10px;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.8);

}
.zap {
	font-size:3em;
	border:#222 solid 4px;
	border-radius:120px;
	margin-bottom:15px;
	margin-top:25px;
	background-color:#CE534D;
}
.case {

	color:#FFF;
	font-size:0.87em;
	line-height:0.87em;
	padding:7px;
	margin-left:3px;
	width:55px;
	float:left;
}

.touche {
margin:0 auto;
width:55px;
height:20px;
background:#CE534D;
float:left;
margin-bottom:3px;
border:#000 1px;

}

.touche a{
display:block;
width:100%;
height:100%;

}

.touche a:active{
display:block;
width:100%;
height:100%;
background:#64b6b1;
}

.touche:hover {
background:#64b6b1;
}



/* fin tv dio dio */
/* TAGS */
.tagcloud a {
    padding: 3px 3px;
    margin-bottom: 5px;
    float: left;
    margin-right: 5px;
    color: #FFF !important;
    transition: all 0.25s linear 0s;
	 -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
	border-radius:2px;
	font-weight:600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}



/* pagination */
.pagination a {
	float:none;
}

.pagination a:hover {
	float:none;
}


/*RETAPAGE FEATURED*/

#page, .container {
	max-width: 980px;
	width:100%;
}

.featuredBox {
	overflow:hidden;
	width:100%;
}

.carousel {
    padding: 0px 0%;
    overflow: visible;
}

.carousel .excerpt {
	float: left;
	max-width: 250px;
	margin-right: 0%;
	width: 163px;

}



.carousel .featured-title {
	margin-left:2%;
	padding:5px;
}


.firstpost {

    margin-right: 0%;
	width:650px;
	height:398px;
	max-width: 650px;
}

.secondpost {
    float: left;
    margin-bottom: 0%;
    width: 330px;
	height:199px;
	background:#64b6b1;
}

.secondpost .featured-title {
    font-size: 2.5em;
    line-height: 1.3;
}


.secondpost .featured-title {
    font-size: 1.605em;
    line-height: 1.3;
}

.thirdpost{
margin-right:0%;
width: 165px;
height:158px;
}
.thirdpost .featured-excerpt{
	/*background-color:#222;*/

}

.thirdpost .featured-title {
	font-size:0.9em;
}

.featuredBox{
padding:0px;
}
#page {
padding:0px;
}
/**/

.miniboite{
border-top: solid #64b6b1 5px;
border-bottom: solid #ce534d 5px;
box-shadow: 0px 0px 5px rgba(0,2,2, 0.8);
}

.trending-articles{
background-color: #000;
}



/* Titrages et polices généralistes*/
/*TITRES*/
.grostitre { font-size:24px; margin-bottom:2px;}

.frontTitle {
     background: none repeat scroll 0% 0% #64B6B1;
	 color:#46433A;
	 font-size:24px;
	 border-left-color:#CE534D;
	 border-left-style:solid;
	 border-left-width:15px;
	 border-right:solid #222 15px;
	 box-shadow: 0px 0px 10px rgba(0,2,2, 0.8);
	 }

.titredujour-grille {
	background: none repeat scroll 0% 0% #64B6B1;
	color:#46433A;
	font-size:36px;
	margin-bottom:2px;
	text-align:center;
	 border-left-color:#CE534D;
	 border-left-style:solid;
	 border-left-width:10px;
	 }

h1,h2,h3 {
font-weight:800;
	/*text-shadow: 0px 0px 15px rgba(255, 255, 255, 1);*/
}

.post-info {
	text-transform:uppercase;
    display: block;
    font-size: 15px;
    float: right;
    color: #000;
	font-weight:800;
    margin-top: 3px;
    width: 100%;
}

.title {
font-size:28px;
}

.fonddegrade{
background: #000222; /* Old browsers */
background: -moz-linear-gradient(left,  #ce534d 15%, #222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(15%,#ce534d), color-stop(100%,#222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ce534d 15%,#222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ce534d 15%,#222 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ce534d 15%,#222 100%); /* IE10+ */
background: linear-gradient(to right,  #ce534d 15%,#222 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#ce534d',GradientType=1 ); /* IE6-9 */

}

.fonddegrade:hover{
background: #000222; /* Old browsers */
background: -moz-linear-gradient(left,  #ce534d 5%, #222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(5%,#ce534d), color-stop(50%,#222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ce534d 5%,#222 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ce534d 5%,#222 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ce534d 5%,#222 50%); /* IE10+ */
background: linear-gradient(to right,  #ce534d 5%,#222 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#ce534d',GradientType=1 ); /* IE6-9 */
}

.titreflashy {

background-color:#222;
	color:#fff;
	font-size:2em;
	font-weight:800;
	border-bottom:#000000 solid 5px;
	text-shadow: 1px 1px rgb(131, 52, 49), 2px 2px rgb(132, 53, 49), 3px 3px rgb(134, 53, 50), 4px 4px rgb(135, 54, 50), 5px 5px rgb(136, 54, 51), 6px 6px rgb(138, 55, 51), 7px 7px rgb(139, 55, 52), 8px 8px rgb(140, 56, 52), 9px 9px rgb(142, 56, 53), 10px 10px rgb(143, 57, 53), 11px 11px rgb(144, 57, 54), 12px 12px rgb(146, 58, 54), 13px 13px rgb(147, 59, 55), 14px 14px rgb(148, 59, 55), 15px 15px rgb(150, 60, 56), 16px 16px rgb(151, 60, 56), 17px 17px rgb(152, 61, 57), 18px 18px rgb(154, 61, 57), 19px 19px rgb(155, 62, 58), 20px 20px rgb(156, 62, 58), 21px 21px rgb(158, 63, 59), 22px 22px rgb(159, 63, 59), 23px 23px rgb(160, 64, 60), 24px 24px rgb(162, 65, 60), 25px 25px rgb(163, 65, 61), 26px 26px rgb(164, 66, 61), 27px 27px rgb(166, 66, 62), 28px 28px rgb(167, 67, 62), 29px 29px rgb(168, 67, 63), 30px 30px rgb(170, 68, 63), 31px 31px rgb(171, 68, 64), 32px 32px rgb(172, 69, 64), 33px 33px rgb(174, 69, 65), 34px 34px rgb(175, 70, 65), 35px 35px rgb(176, 71, 66), 36px 36px rgb(178, 71, 66), 37px 37px rgb(179, 72, 67), 38px 38px rgb(180, 72, 67), 39px 39px rgb(182, 73, 68), 40px 40px rgb(183, 73, 68), 41px 41px rgb(184, 74, 69), 42px 42px rgb(186, 74, 69), 43px 43px rgb(187, 75, 70), 44px 44px rgb(188, 75, 70), 45px 45px rgb(190, 76, 71), 46px 46px rgb(191, 77, 71), 47px 47px rgb(192, 77, 72), 48px 48px rgb(194, 78, 72), 49px 49px rgb(195, 78, 73), 50px 50px rgb(196, 79, 73), 51px 51px rgb(198, 79, 74), 52px 52px rgb(199, 80, 74), 53px 53px rgb(200, 80, 75), 54px 54px rgb(202, 81, 75), 55px 55px rgb(203, 81, 76), 56px 56px rgb(204, 82, 76), 57px 57px rgb(206, 83, 77);
	padding:5px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
	background: #ce534d; /* Old browsers */
overflow:hidden;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#ce534d',GradientType=1 ); /* IE6-9 */
margin-bottom:0px;
}

.titrepodcast {

font-weight: 800;
	background:#ce534d;
	color:#FFF;
	text-align:center;
	font-size:2.5em;
	border-style:solid;
	text-transform:uppercase;
	padding:10px;
	box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.8);
	text-shadow: 1px 1px rgb(131, 52, 49), 2px 2px rgb(132, 53, 49), 3px 3px rgb(134, 53, 50), 4px 4px rgb(135, 54, 50), 5px 5px rgb(136, 54, 51), 6px 6px rgb(138, 55, 51), 7px 7px rgb(139, 55, 52), 8px 8px rgb(140, 56, 52), 9px 9px rgb(142, 56, 53), 10px 10px rgb(143, 57, 53), 11px 11px rgb(144, 57, 54), 12px 12px rgb(146, 58, 54), 13px 13px rgb(147, 59, 55), 14px 14px rgb(148, 59, 55), 15px 15px rgb(150, 60, 56), 16px 16px rgb(151, 60, 56), 17px 17px rgb(152, 61, 57), 18px 18px rgb(154, 61, 57), 19px 19px rgb(155, 62, 58), 20px 20px rgb(156, 62, 58), 21px 21px rgb(158, 63, 59), 22px 22px rgb(159, 63, 59), 23px 23px rgb(160, 64, 60), 24px 24px rgb(162, 65, 60), 25px 25px rgb(163, 65, 61), 26px 26px rgb(164, 66, 61), 27px 27px rgb(166, 66, 62), 28px 28px rgb(167, 67, 62), 29px 29px rgb(168, 67, 63), 30px 30px rgb(170, 68, 63), 31px 31px rgb(171, 68, 64), 32px 32px rgb(172, 69, 64), 33px 33px rgb(174, 69, 65), 34px 34px rgb(175, 70, 65), 35px 35px rgb(176, 71, 66), 36px 36px rgb(178, 71, 66), 37px 37px rgb(179, 72, 67), 38px 38px rgb(180, 72, 67), 39px 39px rgb(182, 73, 68), 40px 40px rgb(183, 73, 68), 41px 41px rgb(184, 74, 69), 42px 42px rgb(186, 74, 69), 43px 43px rgb(187, 75, 70), 44px 44px rgb(188, 75, 70), 45px 45px rgb(190, 76, 71), 46px 46px rgb(191, 77, 71), 47px 47px rgb(192, 77, 72), 48px 48px rgb(194, 78, 72), 49px 49px rgb(195, 78, 73), 50px 50px rgb(196, 79, 73), 51px 51px rgb(198, 79, 74), 52px 52px rgb(199, 80, 74), 53px 53px rgb(200, 80, 75), 54px 54px rgb(202, 81, 75), 55px 55px rgb(203, 81, 76), 56px 56px rgb(204, 82, 76), 57px 57px rgb(206, 83, 77);
	overflow:hidden;
}

.header {
overflow:visible;
}
.boitepodcast{
background-size:contain;
background-position:center;
border-left:1px solid #CE534D;
border-right:1px solid #64B6B1;
box-shadow:0px 0px 10px rgba(0, 0, 0, 0.8);
opacity:0.9;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}


.boitepodcast:hover{
opacity:1;
transform: scale(1.05);
-ms-transform: scale(1.05) ;
-webkit-transform: scale(1.05) ;
-o-transform: scale(1.05) ;
-moz-transform: scale(1.05) ;


}

.boitepodcast:hover .featured-excerpt {
background-color:#DED4B9;
}




thead
{
background-color:#CE534D;
}

.meta, .meta a {
    color: #000;
    font-size: 13px;
}



/* STRUCTURE */

/*header*/
#enhaut-accueil{
    background: url('img/logo_diogrand.svg')  no-repeat fixed center center / cover;
    width: 100%;
    height: 1000px;
	background-size: 100%;
	text-align:center;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
	 }

#header{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
	}
.texteintro{
	bottom: 0px;
	font-weight:700;
    font-size: 3em;
	line-height: 1em;
	text-align: center;
	}

	.main-header {
    position: relative;
    margin: 0 auto;
    width: 100%;
    z-index: 99;
    max-width: 980px;
    float: none;
    display: block;
    min-height: 210px;
}

#banniere{
	background-image:url(img/banniere_dio-new2.jpg);
	background-size:cover;
	width:980px;
	height:123px;
	/*margin-left:-19px;*/
	}

	/* -----------MENU principal */

#lemenu {
border-top:thin solid #CE534D;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.47+69,0+100 */
width:100%;
max-width: 980px;
margin-top:-5px;
z-index:9999999;
-webkit-transition: all 0.20s linear;
-moz-transition: all 0.20s linear;
transition: all 0.20s linear;
 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}

#lemenu:hover {
	background:#000;
}


#navigation {
font-weight:800;

}
#navigation .menu-item a:hover {
background-color:#CE534D;
color:#FFF;
}

.secondary-navigation a {
font-size: 15px;
color: #ce534d;
text-align: left;
text-decoration: none;
line-height: 1.3;
padding: 15px 20px 15px 20px;
min-height: 27px;
font-weight: bold;
text-transform: uppercase;
z-index:9999;
}

#navigation ul ul li {
margin-left: 0px;
padding: 0px 0%;
width: 95%;
color: #232323;
}
.secondary-navigation a:hover {
color: #000;
}



/*----end header-----*/
#blog {
	position:relative;
	background-color:#FFFFFF;
	background-image:url(img/fondsiterara.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
    background-size:cover;
	font-family: 'Raleway', sans-serif;
	}

.main-container {
	 max-width: 100%;
	 overflow:visible;
}

.single_post {
background-color:#FFF;
padding:15px;
}

.wp-post-image {
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
}



.bubble:hover {
-webkit-animation: myfirst 0.25s; /* Chrome, Safari, Opera */
animation: myfirst 0.25s;
}



.post.excerpt {
width:97%;
padding:10px;
background-color:#DED4B9;
box-shadow: 0px 2px 4px #888;
}

.featured-excerpt {
background: linear-gradient(to bottom, transparent 0px, rgba(222, 212, 185, 0.8) 18%, rgba(222, 212, 185, 1) 100%) repeat scroll 0% 0% transparent;
opacity:0.95;
line-height:175%;
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
  -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	color:#000;
}


.firstpost .featured-excerpt {
font-size:1.3em;
}
.secondpost .featured-excerpt {
font-weight:800;
font-size:0.8em;
}

.resume {
font-size:0.9em;
display:none;
text-shadow:none;
}

.featured-excerpt:hover .resume{
display:block;
}

.featured-title {
font-size:1.5em;
}

wp-post-image {
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
}

.firstpost {
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
}

.article {
width:620px;
background-color:#FFF;
padding:15px;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}

.main-container {
background-color:rgba(222,212,185,0.8);
margin-bottom:100px;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.5);
}

/* AGENDA */
/* page no sidebar*/

table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
    color: #CE534D;
	font-weight:900;
}

.boiteagenda {
width:300px;
height:300px;
margin:10px;
background-size:cover;
background-position:center;
box-shadow:0px 0px 10px rgba(2, 2, 2, 0.8);
opacity:0.9;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
-webkit-transition-timing-function: ease-in; /* Safari and Chrome */
transition-timing-function: ease-in;
}

.boiteagenda .featured-excerpt{
	line-height:120%;
	font-size:1.5em;
	/*text-shadow: 2px 2px 4px #000000;*/
	font-weight:600;
	}

	.lieu {
	color:#000;
	font-size:0.68em;
	font-family:'Arial', 'serif';
	font-weight:700;
	background-color:rgba(100,182,177,0.8);
	display:none;
	text-align:center;
	text-transform:uppercase;
	line-height:90%;
	}

	.boiteagenda .titreflashy{
	line-height:150%;
	font-size:2em;
	}
		.boiteagenda .featured-title .tag-ombre{
	line-height:80%;
	font-size:0.8em;
}

#agendaaccueil{
	margin-left:-10px;

}
#agendaaccueil .boiteagenda
{
	width:304px;
height:303px;
margin:0;
	margin-left:10px;
margin-top:10px;
}

.featured-excerpt .tag-ombre {
font-size:0.7em;
line-height:100%;
float:right;
}


.boiteagenda:hover {
opacity:1;
-webkit-animation: myfirst2 0.25s; /* Chrome, Safari, Opera */
animation: myfirst2 0.25s;
overflow:visible;
}

.boiteagenda:hover .featured-excerpt {
background-color:#DED4B9;
}

.boiteagenda:hover .lieu {
display:block;
}

.boiteagenda .featured-title {

font-size:17px;

}



.ss-full-width {
background-color:#FFF;
padding:10px;
}
.pageagenda {

}
.em-pagination {
text-align:center;
margin:auto;
font-size:2em;
color:#FFF;
}

.page-numbers {
padding:3px;
box-shadow:0px 0px 10px rgba(50, 50, 50, 0.5);
color:#FFF;
background-color:#000;
}
.page-numbers a:link {
	color:#FFF;
	background-color:#CE534D;
}

.page-numbers a:visited {
	color:#FFF;
}
.page-numbers a:link{
color:#FFF;
}
#container {
	width: 120px;
	 margin: 0 auto;
	  height:100px;
	  float:left;
	  background: linear-gradient(top, #64b6b1 0%, #7a0909 100%);
	background: -moz-linear-gradient(top, #64b6b1 0%, #7a0909 100%);
	background: -webkit-linear-gradient(top, #64b6b1 0%, #7a0909 100%);
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
		line-height:65px;
		margin-right:10px;


}

.date {
	width: 138px;
	background: linear-gradient(top, #ce534d 0%, #7a0909 100%);
	background: -moz-linear-gradient(top, #ce534d 0%, #7a0909 100%);
	background: -webkit-linear-gradient(top, #ce534d 0%, #7a0909 100%);
	border-radius: 10px;
	-moz-border-radius: 10px;
	text-shadow:none;

}

.date p {
	font-size: 85px; text-align: center; color: #ce534d;
	font-weight:800;
	color:#FFF;
}

.date p span {

	background: #d10000;
	background: linear-gradient(top, #ce534d 0%, #7a0909 100%);
	background: -moz-linear-gradient(top, #ce534d 0%, #7a0909 100%);
	background: -webkit-linear-gradient(top, #ce534d 0%, #7a0909 100%);
	font-size: 38px; font-weight: bold; color: #fff; text-transform: uppercase;
	display: block;
	border-top: 3px solid #ce534d;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	padding: 6px 0 6px 0;
	color:#64b6b1;
	font-weight:800;

}

.infoblocagenda {

padding:5px;
float:right;
font-weight:800;
font-size:18px;
box-shadow: 0 0 10px rgba(50, 0, 0, 0.5);
margin-left:15px;
margin-right:5px;
margin-top:5px;

}

/* FIN AGENDA */

/* TV DIO DIO */

/* NEW CSS horaires jour */
.newbox{
	position: relative;
	height:160px;
	width:183px;
	background-size:cover;
	background-position:center;
	padding:5px;
	float:left;
	margin:5px;
	box-shadow: 0px 0px 10px rgba(50, 0, 0, 1);
	opacity:0.85;

	border:thin solid #000;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	}



.newbox:hover{
opacity:1;
z-index:9998;
-webkit-animation: myfirst 0.25s; /* Chrome, Safari, Opera */
animation: myfirst 0.25s;
}




.newbox:hover .newlienblock {
    opacity:0;
}

.newbox:hover .boiteinfo {
    opacity:1;
	z-index:9998;
	transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
 transform:scale(1);
  -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}

/*---------------NEWBOX2-------------*/

.newbox50 {

width:470px;height:225px;

}

.newbox2{
	position: relative;
	height:225px;
	width:225px;

	background-size:cover;
	background-position:center;

	float:left;
	margin:10px;
	box-shadow: 0px 0px 10px rgba(50, 0, 0, 1);
	opacity:0.8;
	z-index:9998;

	z-index:1;
	-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;

	}
.newbox2:hover{
opacity:1;
z-index:9999;

}



.newbox2:hover .newlienblock {
    opacity:0;
}

.tagpodcast {
font-size:0.7em;
visibility:hidden;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}

.newbox2:hover .tagpodcast {
visibility:visible;
}

.newbox2 .featured-excerpt .featured-title {

  font-size:1.2em;
}


.newbox2:hover .boiteinfo {
    opacity:1;
	z-index:9998;
	transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
 transform:scale(1);
  -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}

.newbox2:hover .featured-excerpt .featured-title {
    background:#CE534D;
	color:#000;
}






.newhoraire{

background-color:rgba(0,0,0,0.5);
color:#FFF;
font-size:1.2em;
text-align:center;
       text-shadow: 1px 1px rgb(152, 61, 56), 2px 2px rgb(154, 62, 57), 3px 3px rgb(156, 63, 58), 4px 4px rgb(158, 64, 59), 5px 5px rgb(160, 65, 60), 6px 6px rgb(162, 66, 60), 7px 7px rgb(165, 66, 61), 8px 8px rgb(167, 67, 62), 9px 9px rgb(169, 68, 63), 10px 10px rgb(171, 69, 64), 11px 11px rgb(173, 70, 64), 12px 12px rgb(175, 71, 65), 13px 13px rgb(178, 72, 66), 14px 14px rgb(180, 72, 67), 15px 15px rgb(182, 73, 68), 16px 16px rgb(184, 74, 68), 17px 17px rgb(186, 75, 69), 18px 18px rgb(188, 76, 70), 19px 19px rgb(190, 77, 71), 20px 20px rgb(193, 77, 72), 21px 21px rgb(195, 78, 72), 22px 22px rgb(197, 79, 73), 23px 23px rgb(199, 80, 74), 24px 24px rgb(201, 81, 75), 25px 25px rgb(203, 82, 76), 26px 26px rgb(206, 83, 77);

overflow:hidden;
height:28px;
}

.boiteinfo{
opacity:0;
 transform:scale(0);
}
.newlienblock {
display:block;
width:100%;
height:95px;
background-repeat:no-repeat;
background-size:contain;
 margin:0;
 margin-left:-5px;
 margin-top:-5px;
 top: 0px;
 left: 0px;
opacity:0.5;
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
}

.newbox2 .newlienblock{
	height:200px;
	z-index:9999;
}



/* calendrier */
.em-calendar {
-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
	padding:5px;
}

.em-calendar a{
color:#CE534D;
}

.eventful{
background-color:#64B6B1;
color:#FFF;
}

.eventful:hover{
transform:scale(1.25);
-webkit-transform:scale(1.25);
background-color:#222;
}

/*FIN NEWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW*/
/* Sidebar & widgets -------------------------------------------------------*/
.widget
	{
	width: 286px;
	margin-right:20px;
	margin-left:-7px;
	padding:10px;
	background-color:#F1F1F1;
	-webkit-box-shadow: 0px 2px 4px #888;
	-moz-box-shadow: 0px 2px 4px #888;
	box-shadow: 0px 2px 4px #888;
	margin-bottom: 15px;
	border-left:10px #CE534D;
	}

.widget h4 {
	font-size:18px;
	color:#46433A;
}
.widget h3 {
	padding:8px;
	border-bottom:#000000 solid 5px;
	font-size: 1.5em;
	font-weight: 800;
	color:#fff;
	background: #CE534D; /* Old browsers */
	     text-shadow: 1px 1px rgb(134, 54, 50), 2px 2px rgb(134, 54, 50), 3px 3px rgb(134, 54, 50), 4px 4px rgb(134, 54, 50), 5px 5px rgb(134, 54, 50), 6px 6px rgb(135, 54, 50), 7px 7px rgb(136, 55, 50), 8px 8px rgb(137, 55, 51), 9px 9px rgb(138, 56, 51), 10px 10px rgb(140, 56, 52), 11px 11px rgb(141, 57, 52), 12px 12px rgb(142, 57, 53), 13px 13px rgb(143, 58, 53), 14px 14px rgb(145, 58, 54), 15px 15px rgb(146, 59, 54), 16px 16px rgb(147, 59, 55), 17px 17px rgb(148, 60, 55), 18px 18px rgb(150, 60, 56), 19px 19px rgb(151, 61, 56), 20px 20px rgb(152, 61, 56), 21px 21px rgb(153, 62, 57), 22px 22px rgb(155, 62, 57), 23px 23px rgb(156, 63, 58), 24px 24px rgb(157, 63, 58), 25px 25px rgb(158, 64, 59), 26px 26px rgb(160, 64, 59), 27px 27px rgb(161, 65, 60), 28px 28px rgb(162, 65, 60), 29px 29px rgb(163, 66, 61), 30px 30px rgb(165, 66, 61), 31px 31px rgb(166, 67, 62), 32px 32px rgb(167, 67, 62), 33px 33px rgb(168, 68, 63), 34px 34px rgb(170, 68, 63), 35px 35px rgb(171, 69, 63), 36px 36px rgb(172, 69, 64), 37px 37px rgb(173, 70, 64), 38px 38px rgb(174, 70, 65), 39px 39px rgb(176, 71, 65), 40px 40px rgb(177, 71, 66), 41px 41px rgb(178, 72, 66), 42px 42px rgb(179, 72, 67), 43px 43px rgb(181, 73, 67), 44px 44px rgb(182, 73, 68), 45px 45px rgb(183, 74, 68), 46px 46px rgb(184, 74, 69), 47px 47px rgb(186, 75, 69), 48px 48px rgb(187, 75, 70), 49px 49px rgb(188, 76, 70), 50px 50px rgb(189, 76, 70), 51px 51px rgb(191, 77, 71), 52px 52px rgb(192, 77, 71), 53px 53px rgb(193, 78, 72), 54px 54px rgb(194, 78, 72), 55px 55px rgb(196, 79, 73), 56px 56px rgb(197, 79, 73), 57px 57px rgb(198, 80, 74), 58px 58px rgb(199, 80, 74), 59px 59px rgb(201, 81, 75), 60px 60px rgb(202, 81, 75), 61px 61px rgb(203, 82, 76), 62px 62px rgb(204, 82, 76), 63px 63px rgb(206, 83, 77);
		 overflow:hidden;
}


.imagewidget {
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.7);
}
.imagewidget:hover {
	border:solid thin;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.9);
	-webkit-animation: myfirst 2s; /* Chrome, Safari, Opera */
	animation: myfirst 0.25s;
}

.widget-sidebar
	{
	width: 288px;
	margin-left:-15px;
	}

.widget h4
	{
font-weight:800;
	}
/*---------FIN SIDEBAR*/
/*boite FB */
#cff .cff-item.cff-box, #cff .cff-item.cff-box:first-child {

    border-left: 15px solid #CE534D;
	border-right: 15px solid #64B6B1;
    box-sizing: border-box;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.6);
	}
#facebook {
	border-left: 15px solid #CE534D;
	border-right: 15px solid #64B6B1;
	background-color:#FFF;
}
	.carousel .featured-title {
	font-size: 15px;
    margin-top: -5px;
    float: left;
font-weight:700;

	padding-left:2px;

}

.upw-posts article {
    display:block;
    margin-bottom: 10px;
    padding-bottom: 5px;
  text-align:right;
  padding-right:25px;
}



/* TAGS */
.tag-ombre {
	background:#CE534D;
	padding:3px;
	margin:2px;
    float: right;
    color: #FFF !important;
    transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	border-radius:2px;
	font-weight:600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-transform:uppercase;
	line-height:100%;
	font-size:1.2em;
	 }


.tag-ombre:hover {
	color:#FFF;
	background-color:#46433A;
	}


.tag-ombre:nth-child(odd) {background: #CE534D;}
.tag-ombre:nth-child(even) {background: #64b6b1;}



	.tag-accueil {
font-size:12px;
font-weight:300;
padding:3px;
color:#FFFFFF;
}

	.widget_tag_cloud {
text-align:justify;
}

.tagcloud {
background:#CE534D;
}

	.wp-tag-cloud {text-align:center;}
			.wp-tag-cloud li {
			width:19%;
			float:left;
			background:#CE534D;
	padding:3.5px;
	margin:1px;
    color: #FFF !important;
    transition: all 0.25s linear 0s;
	-webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	border-radius:2px;
	font-weight:600;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
	text-transform:uppercase;
	font-size:0.8em;
	}


.wp-tag-cloud li:nth-child(odd) {
  background:#CE534D;
}
.wp-tag-cloud li:nth-child(even) {
  background:#64b6b1;
}

.wp-tag-cloud li:hover{
background:#222;
}

	.wp-tag-cloud li a {
		color:#FFF;
		width:100%;
		display:block;
	}

/*end tag */

.post-content { color: #000;}

.legende-rediff {
	font-size:0.25em;
	background-color:#222;
	color:#FFF;
	text-align:center;
	font-weight:500;
}

.filfb {
background: #46433a; /* Old browsers */
background: -moz-linear-gradient#ce534d 6%,#64b6b1 49%,#46433a 94%; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(6%,#ce534d), color-stop(49%,#64b6b1), color-stop(94%,#46433a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ce534d 6%,#64b6b1 49%,#46433a 94%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ce534d 6%,#64b6b1 49%,#46433a 94%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ce534d 6%,#64b6b1 49%,#46433a 94%); /* IE10+ */
background: linear-gradient(135deg,  #ce534d 6%,#64b6b1 49%,#46433a 94%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46433a', endColorstr='#ce534d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.horaire {
	font-size:13px;
	font-weight:bold;
	float:left;
	width:100px;
	color:#FFF;
	overflow:     hidden;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.33);
}
.heure {
margin:auto;
	}

.vignette-emission{
	 height:100px;
	 background-size:100px 100px;
	  background-position:center;
	  background-repeat:no-repeat;

}

.vignette-horaire a {
 height:100px;
 background-size:100px 100px;
 background-position:center;
 background-repeat:no-repeat;
}

.zoomarticle {
height: 100px;
float: left;
list-style: none;
}

.vignetteanim {
width: 100px;
height: 100px;
overflow: hidden;
}

.vignetteanim > img {
transition: all 0.25s;
-moz-transition: all 0.25s;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
-webkit-transition-timing-function: ease-in; /* Safari and Chrome */
transition-timing-function: ease-in;
}

.zoomarticle a:hover img {
transform: scale(1.5) rotate(-7deg);
-ms-transform: scale(1.5) rotate(-7deg);
-webkit-transform: scale(1.5) rotate(-7deg);
-o-transform: scale(1.5) rotate(-7deg);
-moz-transform: scale(1.5) rotate(-7deg);
}

.vignette_emission {
display:block;
float:left;
width:100px;
height:100px;
background-size:cover;
}

.maintenant {

    background-repeat: no-repeat;
}

.noir  {
	color:#000;
}
.rouge {
	color:#ce534d;
}

/*nettoyeur*/
.clr{
	clear:both;
	padding-top:10px;
}

.clr2{
	clear:both;
	padding-top:10px;
}

.veritableemission
{
	font-weight:bold;
}
.center {
    margin-left: auto;
    margin-right: auto;
}


/* lecteur */
#lecteur {
	text-align:center;
	display:block;
    min-width: 100%;
    position: fixed;
    left: 0px;
	bottom: 0px;
	padding:0px;
    z-index:9999;
    font-size: 12px;
	opacity:0.9;
	height:130px;
	background: #46433a; /* Old browsers */
	transition: all 0.25s;
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	 -webkit-transition-timing-function: ease-in; /* Safari and Chrome */
    transition-timing-function: ease-in;
	background:transparent;
	z-index:99999;
}
.boitelecteur {
	margin-left:auto;
	margin-right:auto;
	background: transparent linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.95) 25%, #000 100%) repeat scroll 0% 0%;
}
#lecteur:hover
{
	opacity:1;
background:rgba(34, 34, 34, 0.9);
}
#lecteur h3 {
font-size:18px;
}


.iconeslecteur {
padding: 0px 0px;
text-align: center;
padding-top:10px;
/*background-color:#DED4B9;*/
}

/*aout 2015*/
#circlelight {
	display:none;
 width: 55px;
  height: 55px;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #CE534D inset, 0 -2px 10px 2px rgba(255, 0, 0, 0.7) inset, 0 0 10px 2px rgba(0, 255, 0, 0.7) inset, 0 2px 10px 5px rgba(0, 0, 255, 0.7) inset, 0 2px 10px 2px rgba(255, 0, 0, 0.7), 0 0 10px 2px rgba(0, 255, 0, 0.7), 0 -2px 10px 2px rgba(0, 0, 255, 0.7);
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0);
	transform:scale(0.9);
  }
   90% {
    transform: rotate(360deg);
	transform:scale(1.2);
  }
  100% {
    transform: rotate(360deg);
	transform:scale(0.9);
  }
}

/* footer !!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.pieddepage2 {
width:110%;
overflow:visible;
}

.pied1
{
	background-color:#ce534d;
}

.pied2
{
	background-color:#DED4B9;
}

.pied3
{
	background-color:#64b6b1;
}

.pieddepagebloc {

width:300px;
height:280px;
padding:5px;
margin-top:25px;
margin-right:25px;
float:left;
box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
}

.pieddepagebloc .titreuneh3 {
background:#000;
}

@media screen and (max-width:950px) {
.main-container {
    max-width: 100%;
}


#banniere {
	background-image:url(img/logo_dio.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	width:100%;
	height:220px;
	margin:auto;
	}

	#lemenu {
	width:100%;
	margin-left: 0px;
padding-left: 0px;
	}

	#enhaut-accueil {
	display:none;
		width:0px;
		height:0px;
	}


.trending-articles {
display:none;
}

.newbox2 {
width:47%;
height:250px;
margin:5px;
}

.boiteagenda {
	width:47%;
height:250px;
}

.newune{
width:100%;
height:300px;
}

.gradientune {
    float: right;
    padding: 15px 15px 15px 25px;
    margin-left: -575px;
    height: 300px;
    width: 300px;
}

.wp-tag-cloud li{
font-size:0.25em;
width:20%;
height:45px;
overflow:hidden;
}

.pieddepagebloc {
width:98%;
margin:auto;

}
.titreuneh3 {
font-size:1.5em;

}
}


@media screen and (max-width:800px) {
#blog {
background:none;
}
.titrepodcast {

	font-size:1.5em;
	}

.boiteinfo {
    opacity:1;


}

article .article {
	padding:0px;
	margin:0px;

	}
.single_post {
    background-color: #FFF;
    padding: 0px;
}



.article {
	width:100%;
	margin:0px;
	padding:0px;
	overflow:visible;
}
.newbox{
width:90%;
}


	#banniere {
	background-image:url(img/logo_dio.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	}
	#enhaut-accueil{

	background-image:url(img/logo_dio.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	font-size : 1em;
	}


	#lecteur {
	display:none;
	}

	 .texteintro {
	bottom: 0px;
	padding-top:600px;
	font-weight:800;
    font-size: 1em;
	line-height: 1em;
	text-align: center;
	color:#FFF;
	}
	 .legende-rediff {
	font-size:12px;
	background-color:#CE534D;
	color:#FFF;
	margin:auto;
	padding-right:0;
	width:80%;
}

	 .titreemission{
		 margin:auto;
	height:120px;
	float:none;
	width:250px;
	font-size:13px;
	font-weight:500;
}

.vignette-horaire {
	 height:85px;
	 background-size:100px 100px;
	  background-position:center;
	  background-repeat:no-repeat;
}


.horaire{
	float:none;
	font-size:13px;
	font-weight:bold;
	width:100px;
	height:100px;
	margin-left: auto;
    margin-right: auto;
	color:#FFF;
	background-color:#CE534D;;
	overflow:     hidden;
	box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.17);
	background-size:cover;

}

.vignette-horaire a {
 height:185px;
 background-size:200px 200px;
 background-position:center;
 background-repeat:no-repeat;
}



}
@media screen and (max-width:500px) {
slider
.titreuneh3 {
text-shadow:none;
}/*
	.gradientune {
	display:none;
	}


	.titreune{
	display:none;
}

	.asuivre{
	display:none;
	}

	*/

.titreuneh3 {
	text-align:center;
	font-weight:800;
	font-size:2em;
	margin-bottom:10px;
	margin-top:10px;
	background:rgba(0,0,0,0.5);
	color:#FFF;
	overflow:hidden;
	text-shadow: none;

}

.titreuneh3 {

		text-shadow: none;

}




.newune:hover .titreune{
	background:#000;
	}




.newbox50 {
width:90%;
max-height:150px;
}

.newbox2 {
width:90%;
max-height:200px;
}
/*
.encartUneSocial {

width:90%;

}
.encartUneSocial .newbox2 {

	float:none;
	width:90%;
max-height:200px;overflow:hidden;margin:0px;margin-right:10px;margin-bottom:10px;


}
*/
#tv {
	width:90%;
max-height:250px;
}
}