html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
strong {
    font-weight:bold;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* BEGIN CUSTOM STYLES */
@font-face {
    font-family: 'MontserratBold';    
    src: url('../font/Montserrat-Bold.otf') format('otf'),
         url('../font/Montserrat-Bold.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MontserratLight';    
    src: url('../font/Montserrat-Light.otf') format('otf'),
         url('../font/Montserrat-Light.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../font/OpenSans-Light-webfont.eot');
    src: url('../font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/OpenSans-Light-webfont.woff') format('woff'),
         url('../font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../font/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'staticbold';
    src: url('../font/static-bold-webfont.eot');
    src: url('../font/static-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/static-bold-webfont.woff') format('woff'),
        url('../font/static-bold-webfont.ttf') format('truetype'),
        url('../font/static-bold-webfont.svg#static_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../font/opensans-semibold-webfont.eot');
    src: url('../font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/opensans-semibold-webfont.woff') format('woff'),
        url('../font/opensans-semibold-webfont.ttf') format('truetype'),
        url('../font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../font/opensans-regular-webfont.eot');
    src: url('../font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/opensans-regular-webfont.woff') format('woff'),
        url('../font/opensans-regular-webfont.ttf') format('truetype'),
        url('../font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('../font/PlayfairDisplaySC-Regular.otf');   
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PlayfairDisplaySCBOLD';
    src: url('../font/PlayfairDisplaySC-Bold.otf');   
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../font/Roboto-Regular.ttf');   
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBold';
    src: url('../font/Roboto-Bold.ttf');   
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MnsTrial';
    src: url('../font/MNS_TRIAL.ttf');   
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UnitRoundedOtBold';
    src: url('../font/unit-rounded-ot-bold.ttf');   
    font-weight: normal;
    font-style: normal;

}

html {
    height:100%;

}



body {
           
    font-family: "MontserratBold";
    /*background-color: #2f5495;   */
    background-color: transparent;   
    font-size: 12px;
    color: #2e5398;
    margin: 0;
    padding: 0;
}

h1{
    color: #f7cf53;
}

header{  
    display: none;
    margin:0;
    padding:0;
    clear: both;    
   
}

header .top{

    padding: 0;
    width: 100%;
    max-width: 1150px;
    margin: 10px auto;    
}

.header .logo_center {    
    width: 100%;
    margin: 0 auto;   
    padding: 0; 
    text-align: left;
}

.header .logo {
    padding: 0;
    width: 65%;
    display: block;
    margin: 0;
    float: left;
}

.header .footprint{
    float: left;       
    width: 35%;
}

.header img{
    width: 100%;
}

.logo_center img {  
    width: 25%;    
    position: relative;
    display: inline;
    vertical-align: top;
}

.madeby{
    width: 20% !important;
}

header .menu{
    float: right;
    width: 58%;    
    padding-top: 30px;
}

header .menu a{
    margin-left: 20px; 
    text-transform: uppercase;

}

header .menu .active{
    text-decoration: underline;
}

header .compte{
    float: left;
    width: 22%;
    text-align: right;
}

.compte .search{
    margin: 5px 0;
}

.compte .myspace{
    margin: 3px;
}

.search{
    margin: 30px 20px;
}
.search_form input {
    background: #f8fafb url("../images/loupe.png") no-repeat scroll 7px 6px;
    border: 1px solid #dbe8ee;
    border-radius: 16px;
    padding: 5px 5px 5px 30px;
    width: 200px;
}

header a{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin-right: 5px;
}


header a .active{
    
}

.logo .lang{
    margin: 2px 5px;
}

.logo .lang a{
    text-decoration: none;
    color: #ccc;
    font-size: 14px;
    font-weight: bold;
    margin-right: 0px;
}

.logo .lang .active{
    
    color: #fff;    
}

.lang ul {
    list-style: none;
    float: right;
    margin-bottom: 25px;
}

.lang ul li {
    display: inline;
    margin: 0;
    
}

.lang ul li:nth-child(4) {
  margin-right: -5px;
}



.lang ul .active {
    text-decoration : none;
 padding : 0 0 4px 0;
 border-bottom : 2px solid red;
}

.page{
    display: block;
    width: 100%;
    max-width: 850px;
    margin: auto;
    padding-top: 0px;
}

.banner{
    position: relative;
    margin: 5px 0;
    padding: 0;
    text-align: center;
    width: 100%;    
}

.banner img{
    position: relative;
    width: 100%;
    height: 100%;
}
.news .titre{
    margin: 0;
    padding: 7px 5px;
    width: 100%;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.3);    
    height: 25px;
    text-transform: uppercase;    
}
.news .classement{
    margin: 2px 0;
    padding: 10px 2px 2px 2px;
    width: 100%;
    color: #fff;
    font-size: 16px;    
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.3);  
    height: 35px;
    font-family: "RobotoRegular";
}

.media {    
    margin: 5px 0;    
    width: 100%;    
}

.background{
    background-color: rgba(255, 255, 255, 0.3); 
    padding: 10px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.no_found h3{
    color:#fff;
    font-family:"staticbold", Arial;
    font-size:19px;
    text-transform:uppercase;
    padding:20px;
}

.content_home{
    position: relative;    
    padding: 10px 0;
    width: 100%;   
    overflow: hidden;
}

.content_home h1, .title h1{
    width: 100%;    
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    clear: both;    
}

.content_home .items h1, .title h1{
    width: 100%;
    padding: 10px 0;    
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #f7cf53;
    clear: both;    
}

.content_recent {
    position: relative;
    margin-left: auto;
    margin-right: auto;    
    margin-top: 30px;
    width: 100%;
    background-color: #131313;
    overflow: hidden;
}

.content_recent .medias .vignette {
    position: relative; 
    background-color: rgba(255, 255, 255, 0.6);
    max-width: 250px;
    max-height: 200px;   
    
}

.items{

    width: 100%;
    float: left;
    height: auto;  
    min-height: 250px;
    padding: 10px;
    overflow: hidden;    
}

.content_home .items{
    width: 65%;
}

.items h2{
    display: block;
    padding: 5px 0 20px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;    
    color: #ef6c00;    
}

.items .vignette{
    display: inline-block;
    background-color: rgba(0, 0, 0, 1.0);    
}

.items p{
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 0;
}

.items p a{
    
    color: #fff;
    text-decoration: underline;
    padding: 0;
}

.vignette{
    position: relative;
    max-width: 160px;
    max-height: 150px;
    margin: 0 1.5px;
    overflow: hidden;
}

.vignette img{
    width: 100%;
    height: 100%;
    max-height: 90px;
    object-fit: cover;
}

.more{
    text-decoration: underline;
}

.website{
    padding: 15px 0;
}

.website .vignette{
    width: 120px;
}

.website .title_website{
    
    padding: 2px 5px;        
    position: relative;
    overflow:hidden;    
    float: left;
    text-align: left;    
    font-size:9px;
    color: #fff;
    font-weight: bold;
    height: 15px;    
    width: 100%;
}

.icon_video {
    background:url('../images/play.png') 0 0;
    background-size:100% 100%; 
    top:40%;
    left:50%;
    margin:-15px 0 0 -15px;
    width:30px;
    height:30px;
    overflow:hidden;
    position:absolute; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;  
}

.recent a, .recent p{
    color:#2e5398;
    text-decoration: none;
	display: inline-block;
}

.recent h2, .content h2{
    color:#ef6c00;
    display:block;
    font-size:16px;
    font-weight:bold;
    padding:5px 0;
    text-transform:uppercase;    
}

.arian{
    margin: 10px 0 0 0px;
    padding-top: 00px;
    height: 45px;
    color : #2e5398;
    font-size: 16px;    
    text-transform: lowercase;
}

.arian a:nth-child(2) {
    padding: 0 0 4px 0;
    border-bottom: 2px solid #f7cf53;
}

.recent .title{
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:bold;
    padding:0;
    text-transform:uppercase;
    text-align: center;
}

.categories_nav{
    
    display: block;  
    float: left;  
    width: 35%;
    padding: 10px;
    overflow: hidden;
    height: auto;    
}

#ContactPageVideo {
    display: block;  
    float: right;  
    width: 325px;
    padding: 10px 10px 0 10px;
    overflow: hidden;
    height: 458px;
    background-image: url(../images/bg_scratch.gif);
}

.categories_nav h1 {
    width: 100%;
    padding: 10px;    
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    color: #f7cf53;
    clear: both;    
}

.categories_nav h2{
    
    padding: 5px 0 20px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;    
    color: #ef6c00;    
}

.contacategories_navct p {
  
    padding-bottom: 15px;
    vertical-align: bottom;
}

.categories_nav a {
    
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
    margin: 0;
	padding: 0;
}

.categories_nav .item_menu{
    
    padding: 10px 0;
}

.categories_nav .item_menu a, .logged_banner a{
    
    color: #2e5398;
    text-decoration: none;
    font-size: 14px;
    font-family: "MontserratBold";

}

.categories_nav ul{
    margin-left: 10px;
}

.categories_nav li:before {
    content: "- ";
}

.logged_banner a{
    text-decoration: underline;
}

.logged_banner li{
    display: inline;
}

.logged_banner li:before {
    content: "";
}

.dde {

    height: 120px;
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 25px;
    padding-bottom: 15px;
    background-image: url(../images/woman-contact.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-color: #444;
}

.dde p:nth-child(2),
.dde p:first-child {
    
 /*   margin-left: 70px;
    padding: 10px 10px 0px 10px;*/
    font-size: 12px;
    text-transform: uppercase;
        
}


.reseaux{
    padding-top: 20px;

}

.reseaux a {
    padding-right: 10px;
}

.recherche{
    width: 100%;        
    background-color: rgba(255, 255, 255, 0.3);    
    padding: 10px 0;
    margin: 10px 0;
}

.content_rech{
    position: relative;
    margin: 10px auto;
    padding:0;
    width: 75%;
    text-align: left;
}

.recherche p{
    width: 100%;
    padding: 10px 0; 
    font-size: 18px;       
}

.recherche input{    
    width: 100%;
    height: 35px;
    margin: 5px auto;
}

.recherche select{
    width: 33%;
    height: 35px;
    margin: 5px auto;
}

.content{
    position: relative;
    margin: 2px 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  
}
.content .title{
    color:#fff;
    display:block;
    font-size:16px;
    font-weight:bold;    
    text-align: left;   
}
.recent .pagination{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 16px;
}
.pagination strong{
    color:#f7cf53;
}

.medias {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.medias .vignette{    
    
    position: relative;
    max-width: 250px;
    max-height: 200px;
    padding: 0;
    margin: 7px;
    display: inline-block;
}

.medias .vignette img{
    width: 100%;
    height: 100%;
    max-height: 130px;
}

.items .vignette .title_video{
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    padding: 2px 5px;    
    font-weight: bold;    
    position: relative;
    overflow:hidden;
    height: 60px;    
    float: left;
    text-align: left;
    width: 100%;
}

.medias .vignette .title_video{
    color: #000;
    font-size: 12px;
    line-height: 16px;
    padding: 5px 0;
    font-weight: bold;    
    position: relative;
    overflow:hidden;
    height: 35px;    
    float: left;
    text-align: left;
    width: 100%;
}

.items .vignette .title_video{
	font-size:9px;
	height:25px;
	line-height:10px;  
}

.medias .vignette .icon_video {
    background: url('../images/play.png') 0 0;
    background-size: 100% 100%;
    top: 40%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
}

.vtitle div, .livetitle {
    display: inline-block; 
    font-size: 22px;
    padding: 5px 0 0 0px;
}

.vtitle .vtext{
    width: 100%;
	font-weight:bold;
}
.vtitle .vshare{
    width:29%;
    text-align: right;
}

.vtitle .vview{
    width:70%;
    font-family: "RobotoRegular";
    font-size: 16px;
    text-align: right;
}

.vdesc{
	font-size: 16px;
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: rgba(255, 255, 255, 0.3);    
    max-width: 850px;
}

.vinfos{
    
    width: 100%;        
    background-color: rgba(255, 255, 255, 0.3);    
    padding: 0;
    margin: 2px 0;
    font-size: 16px;
}
.vitem{
    display: inline-block;
    width: 45%;
    padding: 10px;
}

.program{
    width: 100%;        
    background-color: rgba(255, 255, 255, 0.3);    
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    font-family: "RobotoRegular";
    
}
.program h1{
    width: 100%;
    padding: 5px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    clear: both;    
}

.program .jour{
    display: inline-block;
    width: 32%;
    padding: 10px;
    font-size: 14px;
    float: left;
}

.program .jour h2{
    width: 100%;
    margin: 10px 0;
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    clear: both;
}

.jour ul li{

    padding: 5px;
    margin: 15px 0;   
}

.jour ul li.active{

    background-color: #ef6c00;
    cursor: pointer;
}

.jour ul li span{
    margin: 0 0px 10px;   
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.jour ul li p{
    margin: 0 0px;   
    display: block;
    font-size: 12px;    
    line-height: 14px;
}

.active .currently{
    margin: 5px 0;    
}
.active .currently span{
    display: inline-block;
    font-size: 12px;
}

.w100{ width: 100%; }
.w65{ width: 65%; }
.w35{ width: 35%; }

.w80{ width: 80%; }
.w20{ width: 20%; }

.myspace ul li{
    display: inline-block;
}

.vignette .vtv {
    display: block;
    clear: both;
}

.vignette .vtv *{
    float: left;   
    line-height: 12px;  
    padding-top: 2px;  
}

.vignette .vv{
    font-size: 12px;
    text-align: right;
    clear: both;

    position: absolute;
    bottom: 5px;
    right: 5px;    
}

.vce, .vce *{
   display: block;
   vertical-align: top;
}

.vignette .ve{
    position: relative;
    /*overflow: hidden;*/
    max-height: 25px;
}


.widget{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);   
    padding: 15px;
    margin: 10px 0;
    font-size: 16px;
    font-family: "MontserratBold";
    
}
.widget h1{
    width: 100%;
    padding: 5px;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    color: #f7cf53;
    clear: both;        
}

.widget h2{
    width: 100%;    
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    clear: both;        
    padding-top: 15px;
}

.widget p {
    line-height: 1.3em;
}
.account{
    margin: 10px 0;
}

.account .input input, .account .input textarea {
    clear:both;
    width:320px;
    padding:10px 13px;
    border:1px solid #f7cf53;
    margin:5px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;    
    font-size:18px;
}

.account .input label {
    display:inline-block;
    min-width:200px;
    vertical-align:baseline;
    font-size: 14px;
}

.account a{
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

.account.center {
    text-align:center;
}

.mandatory{
    color: #e2001a;    
}

.generic_button i {
    margin:0 0 0 10px; 
}
.generic_button, input[type=submit], input[type=reset]  {
    width:auto;
    border:none;
    display:inline-block;
    text-align:center;
    padding:10px;
    margin:10px 0;
    color:#FFF;    
    line-height:11pt;
    font-size:11pt;
    text-transform:uppercase;
    background:#f7cf53;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition:background-color 0.3s ease;
    text-decoration: none;
}
.generic_button:hover, input[type=submit]:hover, input[type=reset]:hover {
    background:#f7cf53;
    color:#FFF;
    text-decoration:none;
    cursor:pointer;
    transition:background-color 0.3s ease;
}


.message {
    padding:10px;
    margin:10px 0;
    background:#fff;
    -moz-box-shadow: 0px 0px 0px 1px #d6e3ea;
    -webkit-box-shadow: 0px 0px 0px 1px #d6e3ea;
    -o-box-shadow: 0px 0px 0px 1px #d6e3ea;
    box-shadow: 0px 0px 0px 1px #d6e3ea;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.message.error {
    border-left:4px solid #cc0000;
    color:#cc0000;
    background-color:#fff6f6;
}
.message p {
    line-height:1em;
    margin:5px 0;
}
.message.information {
    border-left:4px solid #ef6c00;
    color:#000000;
    background-color:rgba(244,255,244, 0.7);
}

.pwd_field{
    display:none;
}
#display_pwd_field {
    display:block;
    margin:15px 0 10px;
}
#display_pwd_field .hide {
    display:none;
}

hr {
  background:url("../images/separator.png") left bottom repeat-x;
  border:none;
  clear:both;
  height:8px;
  margin:5px 0;
}

.medias .vignette .trash_btn {
    
    bottom:15%;
    color:red;
    font-size:35px;
    margin:0;
    overflow:hidden;
    position:absolute;
    right:1%;
    width:70px;
    height:70px;
    cursor: pointer;
    padding:35px 0 0 35px;
}

.medias .vignette a, .items .vignette a {
    text-decoration: none;
}

/* PLAYLISTS */
.playlists_table .playlist_resume {
    background:#E5EDF1;
    border-left: 3px solid #ef6c00;
    margin-bottom:10px;
    font-size:22px;    
    padding:10px;
    color:#000;
}
.playlists_table .playlist_resume .playlist_actions {
    float:right;
}
.playlist_actions a {
    margin:0 10px;
    font-size:24px;
    color: #ef6c00;
}
.playlist_actions a:hover {
    color:#ba1a35;
    transition:color 0.3s ease;
}

.bold{
    font-weight: bold;
}

.pc{
    display: block;
}

.mobile{
    display: none;
}

.footer{
    display: block;
    width: 100%;        
    padding: 20px 0 20px 0;    
    overflow: hidden;
}

.footer .fitem{
    width: 100%;
    max-width: 850px;
    display: block;    
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0 10px 0;    
    text-align: center;
}

.fitem a{
    color: #fff;
    font-size: 16px;
    text-decoration: underline;
    line-height: 18px;
    padding-bottom: 10px;
}

.fitem p{
    display: inline;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    padding-top: 5px;
}

.fitem li{
    line-height: 18px;
    display: inline;
    padding:0 5px 0 5px;
    text-transform: uppercase;
   /* border-right: 1px solid white;*/
}

.fitem li:last-child {
    border: none;
}

.fitem li a{
    color: #fff;
    line-height: 18px;
    text-decoration: none;
    font-size: 12px;
}

.ftitle{
    font-size:16px;
    font-weight: bold;
    color: #ef6c00;
    margin: 10px 0;    
}

.footer .menu a{
    text-transform: uppercase;

}

.footer .flogo{
    width: 100%;
    max-width: 850px;
    display: block;    
    margin: 0 auto;
    padding:0;    
    text-align: right;
}

.classement .marquee{
    height: 20px;
}

.customQtip .qtip-content, .customQtip .qtip-title{
    font-size: 16px;
    font-family: "RobotoRegular";
}

.playlists a{
    color: #fff;
    text-decoration: underline;
    padding: 5px;
}

.playlists li{
    margin: 10px 3px;
}

.hide {
    display:none;
}

.bars{
    float: left;
    margin : 10px 2px;
    height: auto;
    font-size: 26px;
}

.bars a{
    font-size: 26px;
}

.facebook {
    color:#3D5B95;
    cursor:pointer;
    font-size:24pt;
    padding:2px;
}

.twitter {
    color:#24AADD;
    cursor:pointer;
    font-size:25pt;
    padding:2px;
}

.telecharger {
    cursor: pointer;
    font-size: 24pt;
    padding: 2px;
}

.livetitle{
    width: 100%;
}

.livetitle h1{
    font-weight: bold;
}

.livedesc{
    width: 100%; 
    display:block;    
    margin:2px 0;
    padding:10px 0;        
    overflow:hidden;
    font-size: 12px;
    line-height: 14px;
}

.livetitle .ltitle{
    width: 78%;
    float: left;    
}
.livetitle .lshare{
    width: 20%;
    float: left;    
    text-align: right;
}

.red{
    color: #660000;
    padding: 5px 0;
}

.clearer {
    height:1px;
    display:block;
    overflow:hidden;
    clear:both;
}

.horseimg{
    width: 16px !important;
    height: 16px !important;
    display: inline;
}

.arian a:first-child{
	/*text-transform : uppercase;*/
}
.arian a:first-letter {
    text-transform: capitalize;
}
.vshare i, .lshare i{
	cursor : pointer;
}

.vshare i, .lshare i{
	cursor : pointer;
}

.vshare .share_txt{
	font-size : 16px;
}

.vdesc p{
	padding : 5px 0;
}

.vdesc strong{
	font-weight : bold
}

.vdesc h5{
	font-size : 12px;
	padding-top:10px;
}
 
.vdesc em{
	/*font-style: italic*/
}

.vdesc a{
	text-decoration:underline;
	color: red;
}

.dde p{
	display: inherit;
}

.contact .equitatv{
    margin: 30px 0;
}

.contact .equitatv a{
    margin-left: 0px !important; 
    padding: 0 !important; 
}

.qtip-bootstrap, .qtip-rounded, .qtip-tipsy {
    z-index: 15001;
    margin-top: 10px;
    margin-left: 25px;
    opacity: 1;
    display: block;
}

.flogo .poule{
    float: left;
    width: 50%;
    height: 150px;
    text-align: left;
}

.flogo .logo{
    float: left;
    width: 50%;
    height: 150px;
    text-align: right;
    position: relative;
}

.flogo .poule img{
        
    height: 100%;
}

.flogo .logo img{
    bottom: 0;
    right: 0;
    position: absolute;
    display: block;    
}

@media screen and (max-width:820px) {

    .page{
        padding: 2px;
    }
    
    h1, .categories_nav h1, .content_home .items h1, .title h1{
        padding: 5px;
        font-size: 16px;
    }

    .categories_nav {
        
        width: 100%;        
        padding: 10px;
        overflow: hidden;
        height: auto;            
    }

    .categories_nav a {
        color: #fff;
        font-size: 12px;
        text-decoration: underline;
    }

    .content_home .items{
        width: 100%;
    }

    .medias{        
        height: 220px;
        margin-left: 20px;
        margin-right: auto;
        text-align: center;    
    }    

    .vignette{
        
        max-width: 110px;
        max-height: 55px;
        margin: 0 5px 5px 0;
    }

    .arian{
        
        height: auto;
        padding: 5px 0;         
        font-size: 12px;
    }

    .vtitle div{
        display: inline-block; 
        font-size: 22px;
        padding: 0;
    }

    .vtitle .vtext{
        width: 100%;
    }
    .vtitle .vview, .vtitle .vshare{           
        text-align: right;
        padding-left: 5px;
    }

    .vshare .share_txt {
        font-size: 11px;
    }

    .vtitle .vview{
        font-size: 11px;
    }

    .vinfos{
        
        width: 100%;        
        background-color: rgba(255, 255, 255, 0.3);    
        padding: 5px;
        margin: 5px 0;
        font-size: 12px;
    }
    .vitem{
        display: inline-block;
        width: 100%;
        padding: 2px;
    }

    .recent .title {

        font-size: 14px;        
        padding: 0;        
    }

    .recherche{       
        padding: 5px 0;
        margin: 5px 0;
    }

    .content_rech {
        margin: 5px auto;
        padding: 0;
        position: relative;
        text-align: left;
        width: 90%;
    }

    .recherche input,  .recherche select {
        height: 35px;
        margin: 2px auto;
        width: 100%;
    }

    .recherche p{
        
        padding: 5px 0;
        font-size: 14px;   
        font-weight: bold;
    }

    .recent .title{

        font-size:14px;
        font-weight:bold;                
    } 


    .content{

        position: relative;
        width: 100%;       
        padding: 10px 0; 
        overflow: hidden;   
    }   

    .vignette{
        
        max-width: 135px;
        max-height: 105px;
        margin: 3px;
        float: left;
    }

    .medias .vignette{  
            
        position: relative;
        width: 110px;
        height: 95px;
        margin: 5px;        
        display: inline-block;        
    }

    .medias .vignette img{
        height: 79%;
        width: 100%;
    }  

    .medias .vignette .title_video{
        font-size: 10px;
        line-height: 10px;
    }

    .medias .vignette .icon_video {                
        
        margin:-15px 0 0 -15px;
        width:30px;
        height:30px;        
    } 

    .website .vignette {
        width: 140px;
    }

    .items .vignette .title_video{
        font-size: 7px;
        line-height: 8px;        
    }  

    .footer .fitem{
        width: 100%;        
        padding: 2px;  
        
    } 

    .items .item_menu a{
          
        font-size: 12px;
    }

    .pc{
        display: none;
    }
    .mobile{
        display: block;

    }

    .widget h1{
        font-size: 16px;
    }

    .widget p{
        font-size: 12px;
    }

    .account .input input, .account .input textarea{
        width: 95%;
    }

}