/* 
    Document   : styles
    Created on : 4 oct. 2012, 14:55:14
    Author     : DubuisX
    Description:
        Purpose of the stylesheet follows.
*/
@font-face{
    font-family : "CalvertBold"; /* nom de la police, utilisé dans font-family */
    src : url("../stylesheets/CalvertMTStd-Bold.otf");/* lien vers le fichier police */
    font-weight: normal;
}
@font-face{
    font-family : "CalvertLight"; /* nom de la police, utilisé dans font-family */
    src : url("../stylesheets/CalvertMTStd-Light.otf");/* lien vers le fichier police */
    font-weight: bold;
}
@font-face{
    font-family : "Calvert"; /* nom de la police, utilisé dans font-family */
    src : url("../stylesheets/CalvertMTStd.otf");/* lien vers le fichier police */
    font-weight: normal;
}


/*Styles de texte*/

.yellow {
    color: #cfc704;
}






header {
    background: url("../images/headerLargeBackground.jpg");
    background-repeat: no-repeat;
}
body {
    font-family: Calvert, Georgia, "Times New Roman", Times, serif; 
    background-color: #3f4a22;
}
h1 {
    margin: 0 0 0 0;
}
.rts img {
    float: right;
    margin-top: 7px;
}
#horaire {
    padding-top: 6px;
    text-align: right;
    color: white;
}
.content {
    background-color: #143a21;
}
.content input {
    max-width: 340px;
    margin: 0 auto;
    margin-bottom: 10px;
}
#small-screen-background-image {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.noSerie {
    margin: 10px 0 10px 10px;   
    color: white;
    font-size: 13px;
    color: white;
}
#teaserMobile {
    font-style: italic;
    text-decoration: underline;
    padding: 10px 20px 0px 0;
    text-align: right;
}
#teaserMobile a {
    color: #cfc704;
}
#teaserLargeScreen {
    font-style: italic;
    font-size: 20px;
    color: #12550e;
    text-decoration: underline;
    text-align: right;
    padding: 5px 50px 0 0;
}
#teaserLargeScreen a{
    color: #12550e;
}
.abonnezVous {
    margin: 10px 0 10px 0;
    line-height: 20px;
    font-size: 13px;
    color: white;
}
.abonner {
/*    position: relative;*/
/*    background-image: url('../images/flamme.png');*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: 8px center;
    background-color: #cfc704;
    background-size: 24px 35px;
    border-style: outset;
    border-color: #cfc704;
/*    background: url("../images/abonnerButton.jpg");*/
    /*width: 281px;*/
    height: 53px;
    /*padding: 5px 0 0px 0;*/
    line-height: 53px;
    text-align: center;
    color: #11550e  ;
    /*display: inline-block;*/
    display: block;
    margin-bottom: 10px;

/*    min-width: 70%;*/
/*    margin: 0 auto;*/
    /*margin-bottom: 10px;*/
}

.abonner img {
    /*position: absolute;*/
    vertical-align: middle;
}
.abonner span {
/*    display: inline-block;
    margin: 10px 0 0 35px;*/
    font-family: CalvertBold;
    font-size: 17px;
}
.footer {
    background: #3f4a22;    
    color: #6b6700;
    font-size: 9px;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 10px 0 10px 0;
/*    width: 100%;*/
}
.footer a {
    color: #6b6700;
    font-size: 9px;
}
.footer li {
    display: inline;
}


/* full screen background */

#full-screen-background-image {
  z-index: -999;
/*  min-height: 100%;*/
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 95px;
  left: 0;
}
#full-screen-background-header-image {
  z-index: -999;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0px;
  left: 0;
}


@media only screen and (min-width: 767px) {

    header {
        background: none;
    }
    header h1 {
        margin-top: 10px;
    }
    #horaire {
        font-family: CalvertBold, Georgia, "Times New Roman", Times, serif; 
        font-size: 20px;
    }
    .noSerie {
        font-family: CalvertBold, Georgia, "Times New Roman", Times, serif; 
        font-size: 15px;
        text-align: right;
        margin: 10px 0 0 0;
    }
    .rts img {
        width: 100%;
    }
    .teaser {
        color: #12550e;
    }
    .content {
        background: none;
    }
    .content input {
        margin: 0 0 10px 0;
    }
    .abonner {
        background-image: url('../images/flamme.png');
        line-height: 70px;
/*        background: url("../images/abonnerButtonLarge.jpg");  */
        /*background-size: 100%;*/
        /*background-repeat: no-repeat;*/
        height: 70px;
    }
    .abonner img {
        /*margin-top: 5px;*/
    }
    .abonner span {
        /*padding: 7px 0 0 0;*/
        font-size: 32px;
        text-align: left;
    }
    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        font-weight: bold;
        padding: 0;
        margin: 0;
    }
/*    .footer img {
        margin: 7px 0 0 0;
    }*/
    .footer a {
        color: #6b6700;
        font-size: 11px;
    }
    .footer img {
        margin: 7px 0 0 0;
        float: left;
    }
    .footer span {
        display: inline-block;
        margin: 14px 0 0 5px;
    }
    .footer ul {
        margin: 7px 0 10px 0;
    }
    .footer li {
        margin-left: 3px;
    }

    .abonnezVous {
        width: 270px;
        font-size: 17px;
        padding: 5% 0 5% 0;
    }

}

/*@media only screen and (min-width: 500px) and (max-width: 767px) {
    .abonnerVous {
        text-align: center;
    }
}*/