<!--
@media screen and (min-width: 1000px) {
    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("/uaua/images/ukraine_eglise_bois.jpg");
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-attachment: fixed;
	 }
    

    p
    {
	font-size: 1em;
    }
    
    
    .p1
    {
	line-height: 0.5em;
    }
    
    
    .boite_simple {
	text-align: justify;
	text-justify: inter-word;
	width: 60%;
	padding: 8px 12px;
	#  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
	float :center;
    }
    .boite_simple_droite {
	width: 10em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :right;
    }
    
    .boite_double_droite {
	width: 18em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :right;
    }
    
    .boite_simple_gauche {
	width: 10em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :left;
    }
    .boite_programme {
	text-align: justify;
	text-justify: inter-word;
	width: 9em;
	border: 0px solid #00a;
	padding: 0em 5em;
    }
}


@media screen and (max-width: 999px) {
    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(250, 250, 220, 0.8) , rgba(220, 220, 255, 0.8) ),
			    url("/uaua/images/ukraine_eglise_bois.jpg");
	  background-repeat: no-repeat;
	  background-size: auto auto;
	  background-attachment: fixed;
	  font-size: 1.2em;
	 }
    
    
    .boite_simple {
	text-align: justify;
	text-justify: inter-word;
	width: 80%;
	padding: 8px 12px;
	#  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
	float :center;
    }
    .boite_simple_droite {
	width: 15em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :right;
    }
    
   .boite_double_droite {
	width: 15em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :right;
    }
    
    .boite_simple_gauche {
	width: 15em; # 1 em = 2 largeurs de caractère;
	padding: 8px 12px;
	float :left;
    }
    
    .boite_programme {
	text-align: justify;
	text-justify: inter-word;
	width: 9em;
	border: 0px solid #00a;
	padding: 0em 5em;
    }
}
-->