/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31 août 2016, 23:54:55
    Author     : Sylvain
*/

body {
    background-color: #D64120;
}

header  {
    min-width:30px; /* nécessaire pour pouvoir centrer l'image contenue par le div (avec un display:block et uun margin: 0 auto)'*/
    /* peu importe la valeur tant qu'il y en a une */
}

a {
	color:darkblue;
}	

.main_pic_desktop  {
    /* centrage de l'image : display:block & margin 0 auto */
    display:block;
    margin: 0 auto;
    width:90%;
}

.main_pic_mobile  {
	text-align:center;
    display:none;
    width:90%;
}

@media (max-width: 720px) and (min-width: 320px){
  .main_pic_desktop{    display:none;   }

  .main_pic_mobile{    display:block;   }
}


.language_header  {
	text-align:right;
}

.language_header img {
	max-width:40px;
}

.title {
    color: black;
    font-size:1.3em;
    width:100%;
    text-align:center;
    padding-bottom:2em;
}

.jukebox_temp {
    
    *width:80%;
    margin: 0 auto;
}

.tempnote {
    font-style:italic;
    font-size:0.8em;
    color:darkblue;
    font-weight: normal;
	
}

.comingsoon {
    font-size:1em;
    color:lightgrey;
    font-weight: normal;
	    text-align:center;
}

.sniconbar {
    font-size:1.3em;
    *font-weight:bold;
    color: white;
    width:70%;
    margin: 0 auto;
}

.sniconbar img, .title img
{
    height:48px;
    width:48px;
}