<!--
@media screen and (min-width: 1000px) {
    # grand ecran;
    TD {color: #003163; font-family: palatino }
    TH {color: #003163; font-family: palatino }
    A {font-family:  palatino; font-weight: bold }
    A:link {color: #0000ff; text-decoration: none }
    A:visited {color: #0070d0; text-decoration: none }
    A:active {color: #ff00d0 }
    A:hover {color: #ff0000; text-decoration: underline }
    BODY {height: 100%;
	  background-image: linear-gradient(rgba(220, 220, 255, 0.8),rgba(250, 250, 220, 0.8) ),
			    url("/background/06_sugiton.jpg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-attachment: fixed;
	 }
    
    .nombre_visites {
	width: 30em; # 1 em = 2 largeurs de caractère
		     #  width: 70%;
	border: 1px solid #0f0;
	box-shadow: 8px 8px 5px #00f;
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
    }
    
    .boite_simple_droite {
	width: 10em; # 1 em = 2 largeurs de caractère;
	border: Opx solid #00a;
	padding: 8px 12px;
	float :right;
    }
    
    .boite_simple_gauche {
	width: 10em; # 1 em = 2 largeurs de caractère;
	border:Opx solid #00a;
	padding: 8px 12px;
	float :left;
    }
    
    .nombre_visites_ombre {
	width: 30em; # 1 em = 2 largeurs de caractère;
	#  width: 70%;
	border: 1px solid #333;
	box-shadow: 8px 8px 5px #444;
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
    }
    
    .boite_webcam{
	width: 60%;
	border: 0px solid #00a;
	padding: 8px 12px;
	float :left;
    }
}

@media screen and (max-width: 999px) {
    # smartphone ;
    TD {color: #003163; font-family: palatino }
    TH {color: #003163; font-family: palatino }
    A {font-family:  palatino; font-weight: bold }
    A:link {color: #0000ff; text-decoration: none }
    A:visited {color: #0070d0; text-decoration: none }
    A:active {color: #ff00d0 }
    A:hover {color: #ff0000; text-decoration: underline }
    BODY {height: 50%;
	  background-image: linear-gradient(rgba(220, 220, 255, 0.8),rgba(250, 250, 220, 0.8) ),
			    url("/background/06_sugiton.jpg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-attachment: fixed;
	 }
    
    .nombre_visites {
	width: 40em; # 1 em = 2 largeurs de caractère;
	border: 1px solid #0f0;
	box-shadow: 8px 8px 5px #00f;
	padding: 8px 12px;
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
    }
    
    .boite_simple_droite {
	width: 6em; # 1 em = 2 largeurs de caractère;
	border: 0px solid #00a;
	padding: 8px 12px;
	float :right;
    }
    
    .boite_simple_gauche {
	width: 6em; # 1 em = 2 largeurs de caractère;
	border: 0px solid #00a;
	padding: 8px 12px;
	float :left;
    }
    
    .boite_webcam{
	width: 100%;
	border: Opx solid #00a;
	padding: 8px 12px;
	float :center;
    }    
}

-->