html { 
  margin:0;
  padding:0;
  background: url(./img/bzh_0.jpg) repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
}

h1 {
font-family:Titillium; 
font-size:25px; 
color:#000088;
margin-top:-10px;
}

h2 {
font-family:Arial; 
color:#0000ff; 
text-shadow: 2px 2px 2px rgba(0, 0, 255);
font-size:30px;
font-style: italic;
text-align: left;
}

h3
{
   text-align: left;
   font-family: Arial;
   font-size: 16px;
   font-style: italic;
   text-align: center;

   color:#0000FF;

   }

h7 {
font-family:Tiza; 
color:#cc0000; 
padding-left:5px;
/*text-shadow: 0px -1px 0px rgba(0, 0, 0, 255); */
font-size:14px;
}


/* INTRO */

#intro {
	text-align:left;
	width:920px;
	margin:10px auto 40px auto;
	position:relative;
	z-index:4;
	color:#0000ff;

}

#intro a {color:#787889; text-decoration:none;}


#texte {
	text-align:justify;
	width:920px;
	margin:10px auto 40px auto;
	position:relative;
	z-index:4;
	color:#ffffff;
}


/* boutons rubriques */

#vignette {margin-left:20px; height:350px; position:relative;}
#vignette article {width:292px;  float:left; text-align:justify; margin-right:21px;}
#vignette p {padding-bottom:20px;}

#vignette a {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
background-color:#5FDCFB;
color:#0000ff;
text-shadow:1px 1px 1px #fff;
text-decoration:none;
padding:5px 7px 5px 7px;
font-size:18px;
}
	
#vignette a:hover {
box-shadow:0px 0px 50px #000;
}
	

/* FOOTER */
footer {
width:960px;
height:250px;
font-size:16px;
color:#5FDCFB;
background: -webkit-gradient(linear, left top, left bottom, from(#343844), to(#25292F));
background: -webkit-linear-gradient(top, #343844, #25292F);
background: -moz-linear-gradient(top, #343844, #25292F);
background: -ms-linear-gradient(top, #343844, #25292F);
background: -o-linear-gradient(top, #343844, #25292F);
position:relative;}

footer a {color:#ffff00;}
footer a:hover {color:#FFF;}

footer article {float:left; padding-top:20px; padding-left:20px;}
footer article p {line-height:17px; padding-top:20px; padding-bottom:15px;}
footer article ul {padding-top:20px;}
footer article li {height:17px;}
#foot1 {width:300px; margin-right:50px;}
#foot2 {width:500px; margin-right:50px;}
#foot3 {width:175px;}

footer article .t {
color:#fff;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
background-color:#24272c;
text-decoration:none;
padding:5px 10px 5px 10px;
}


#copy {
background-color:#d8d8e8;
font-size:11px;
color:#3d4151;
width:940px;
padding-left:20px;
padding-top:12px;
height:28px;
}

.titre
{
/* Titre */
  font-family: Arial, Verdana;
  font-weight: bold;
  font-style: italic;
  font-size: 18pt;
  color: #0000ff;
  text-align: center;
}


.titre_liste
{
/* Titre liste */
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 12pt;
  color: #0000ff;
  background-color: #aaaaaa;
  text-align: center;
}

.liste_p_g
{
/* Ligne paire gauche*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #ccccff;
  text-align: left;
}

.liste_i_g
{
/* Ligne impaire gauche*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #eeeeee;
  text-align: left;
}

.liste_p_c
{
/* Ligne paire centre*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #ccccff;
  text-align: center;
}

.lien_p
{
/* Ligne paire lien*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 8pt;
  color: #000077;
  background-color: #ccccff;
  text-align: center;
}

.liste_i_c
{
/* Ligne impaire centre*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #eeeeee;
  text-align: center;
}

.lien_i
{
/* Ligne impaire lien*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 8pt;
  color: #000077;
  background-color: #eeeeee;
  text-align: center;
}

.liste_p_d
{
/* Ligne paire droite*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #ccccff;
  text-align: right;
}

.liste_i_d
{
/* Ligne impaire droite*/
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 10pt;
  color: #000077;
  background-color: #eeeeee;
  text-align: right;
}

.titre {
font-family:Tiza; 
color:#0000ff; 
padding-left:5px;
text-shadow: 2px 2px 2px rgba(255, 255, 255);
font-size:20px;
}

.retour
{
/* Retour */
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 18pt;
  color: #0000ff;
  text-align: center;
  text-decoration: none;
  border-width: 3;
}

.liste
{
/* Menu déroulant */
  font-family: Arial, Verdana;
  font-size: 16pt;
  color: #000033;
  text-align: left;
  text-decoration: none;
  background-color: #aaaaaa;
  border-width: 7;
}

.texte
{
/* Explication */
  font-family: Arial, Verdana;
  font-size: 12pt;
  color: #0000aa;
  text-align: left;
  text-decoration: none;
}

.texte_0
{
/* Explication */
  font-family: Arial, Verdana;
  font-size: 18pt;
  color: #0000aa;
  text-align: center;
  text-decoration: none;
}

.texte_titre
{
/* Titre */
  font-family: Arial, Verdana;
  font-size: 12pt;
  font-weight: bold;
  color: #0000aa;
  text-align: center;
  text-decoration: none;
}

.texte_titre_r
{
/* Titre rouge*/
  font-family: Arial, Verdana;
  font-size: 18pt;
  font-weight: bold;
  color: #ff0000;
  text-align: center;
  text-decoration: none;
}


.alarme
{
/* alarme */
  font-family: Arial, Verdana;
  font-weight: bold;
  font-size: 18pt;
  color: #0000ff;
  background-color: #5fdcfb;
  text-align: center;
  text-decoration: none;
  border-width: 3;
}

.table1
{
    width:70%; 
    margin-left:15%; 
    margin-right:15%;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color:#5fdcfb;

  }