/*   CSS pour page d accueil - Index   */

* {
    color:#1D3555;;
}

#container span{
    font-size: 20px;
}
#preload{
    display: none;
}


/* E.T. Telephone Maison (600px et moins) */
@media only screen and (max-width: 600px){
	/* * {
		margin: 0;
		padding: 0;
	}*/
    #container {
		background-color: white;
		max-width: 360px;
		margin: auto;
	}
    #animateur{
        width: 360px;
        height: 107px;
        background-image: url(/images/journal01.gif);
        background-size: 360px; 
        /*background-position: center;*/
        animation-name: lAnimateur;
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
    }
}

@media only screen and (min-width: 600px){
	/* * {
		margin: 0;
		padding: 0;
	}*/
    #container {
		background-color: white;
		max-width: 572px;
		margin: auto;
	}
    #animateur{
        width: 572px;
        height: 172px;
        background-image: url(/images/journal01.gif);
        background-size: 572px; 
        /*background-position: center;*/
        animation-name: lAnimateur;
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
    }


    
}

@media only screen and (min-width: 768px){
	/* * {
		margin: 0;
		padding: 0;
	}*/
    #container {
		background-color: white;
		max-width: 720px;
		margin: auto;
	}
    #animateur{
        width: 720px;
        height: 217px;
        background-image: url(/images/journal01.gif);
        background-size: 720px; 
        /*background-position: center;*/
        animation-name: lAnimateur;
        animation-duration: 3s;
        animation-iteration-count: infinite;
    }


    
}

@media only screen and (min-width: 992px){
	/* * {
		margin: 0;
		padding: 0;
	}*/
    #container {
		background-color: white;
		max-width: 960px;
		margin: auto;
	}
    #animateur{
        width: 960px;
        height: 288px;
        background-image: url(/images/journal01.gif);
        background-size: 960px; 
        /*background-position: center;*/
        animation-name: lAnimateur;
        animation-duration: 2.5s;
        animation-iteration-count: infinite;
    }


    
}
/*      S>QUENCE D>IMAGES:                   */

@keyframes lAnimateur {
    0%  {background-image: url(/images/journal02.gif);}
    7%  {background-image: url(/images/journal03.gif);}
    16%  {background-image: url(/images/journal04.gif);}
    27%  {background-image: url(/images/journal05.gif);}
    40% {background-image: url(/images/journal06.gif);}
    60%  {background-image: url(/images/journal07.gif);}
    70%  {background-image: url(/images/journal08.gif);}
    85% {background-image: url(/images/journal09.gif);}
    100% {background-image: url(/images/journal01.gif);}
  }