/* Styles généraux */
		body {
			font-family: 'Gruppo', 'arial';
			font-style:normal;
			font-weight:normal;
			color:#FFFFFF;
		}
		
		h1 {
			padding-left:20px;
			padding-right:20px;
			font-size:55px;
			font-weight:bold;
		}
		
		h2 {
			padding-left:20px;
			padding-right:20px;
			font-size:40px;
			font-weight:bold;
		}

		#Identification {
			float:right;
			font-size:20px;
			font-weight:bold;
			text-align:center;
			width:25%;
		}
		
		
		/* Disposition par défaut */
		#Gauche {
			padding-top:20px;
			padding-bottom:20px;
			background:#555555;
			float:left;
			text-align:center;
			overflow:auto;
			width:100%;
			clear:both;
		}
		
		#Centre {
			text-align:center;
			width:100%;
			clear:both;
		}
		
		#Droite {
			text-align:center;
			overflow:auto;
			width:100%;
			clear:both;
		}
		
		#Bas {
			text-align:center;
			width:100%;
			clear:both;
		}
		
		#Pied {
			padding-top:20px;
			padding-bottom:20px;
			background:#000000;
			text-align:center;
			min-height:40px;
			width:100%;
			clear:both;
		}
		
		#menu {
			width:100%;
			overflow:auto;
		}
		
		/* min-width pour moyennes résolutions */
		@media screen and (min-width: 1200px) {
		
			#Gauche {
				width:70%;
				clear:none;
			}
		
			#Droite {
				width:30%;
				clear:none;
			}
		}
		
		/* max-width pour faibles résolutions */
		@media screen and (max-width: 1000px) {
		
		  h1 {
			  font-size:40px;
			  font-weight:bold;
		  }
		
			#menu a {
				display:block;
			}
		
			#menu li {
				float:none;
				width:100%;
			}
		
			#Gauche, #Droite, #menu {
				clear:both;
				width:100%;
			}

		}
		

a {

  color:#ffffff;
  text-decoration:none;
	font-style:normal;
}

.Bouton.jsHover {

  cursor:pointer;
}

a:hover, .Bouton.jsHover a {

  color:rgb(255,217,0);
  text-decoration:none;
	font-style:normal;
	font-weight:bold;
}

body {

	overflow-y : scroll;
}




















.Largeur300 {
	
	 witdh: 300px;
}	






















.invisible {
    display: none;
    visibility: hidden;
}




#Synoptique {
 position:absolute;
}

#TemperatureCaptage {
 position:relative;
 top:-80px;
 left:80px;
}

















@media print {

.DontPrint {

  display:none;
}
}













.EclairageTable {
	border-collapse: collapse;
}
.EclairageTable td:first-of-type {
	padding-left:5px;
}
.EclairageTable td:last-of-type {
	padding-right:10px;
}
.EclairageTable tr:hover {
	background:rgba(100, 100, 100, 0.3);
}








.Opaque05 {

  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}



.Eclairer {

  opacity:0.4;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}	


.Eclairer:hover {

  opacity:1;
  filter:alpha(opacity=40); /* For IE8 and earlier */
}







#Menu {

  position: fixed;
  top: 10px;
  left: 10px;
}






.TexteBlanc {

  color:#ffffff;
}

.TexteNoir   {

  color:#000000;
}

.TexteGris   {

  color:#555555;
}

.TexteBleuClair {

  color:#7777ff;
}

.TextePaille {

  color:#ffffaa;
}

.TexteBleuTresClair {

  color:#00bbff;
}

.TexteDore   {

  color:#ffd700;
}

.TexteArgent {

  color:#c0c0c0;
}

.TexteRose {

  color:#ff00f9;
}

.TexteRouge {

  color:#ff0000;
}

.TexteVert {

  color:#95ca19;
}

.TexteVertClair {

  color:#00ff00;
}

.TexteVertTresClair {

  color:#99ff00;
}

.TexteOrange {

  color:#e36325;
}

.TexteBleu {

  color:#0000ff;
}









.Fond {

  margin-left: auto;
  margin-right: auto;
  width: 1000px;
}




.FondBlanc {

  background-color:#ffffff;
}

.FondVert {

  background-color:#007024;
}

.FondVertClair {

  background-color:#209044;
}

.FondRouge {

  background-color:#dc002f;
}

.FondSaumon {

  background-color:#e2b462;
}

.FondBleuFonce {

  background-color:#0090cd;
}

.FondBleuClair {

  background-color:#97c5e6;
}

.FondGris {

  background-color:#555555;
}

.FondNoir {

  background-color:#000000;
}


.FondJeton {

  background-color:#e9e7d3;
}

.TexteJeton {

  color:#005b31;
}








.Texte10 {

  font-size:10px;
}


.Texte12 {

  font-size:12px;
}


.Texte14 {

  font-size:14px;
}


.Texte16 {

  font-size:16px;
}


.Texte18 {

  font-size:18px;
}


.Texte20 {

  font-size:20px;
}


.Texte22 {

  font-size:22px;
}


.Texte24 {

  font-size:24px;
}


.Texte26 {

  font-size:26px;
}


.Texte28 {

  font-size:28px;
}


.Texte30 {

  font-size:30px;
}


.Texte32 {

  font-size:32px;
}


.Texte34 {

  font-size:34px;
}


.Texte36 {

  font-size:36px;
}


.Texte38 {

  font-size:38px;
}


.Texte40 {

  font-size:40px;
}


.Texte50 {

  font-size:50px;
}


.Texte60 {

  font-size:60px;
}


.Texte70 {

  font-size:70px;
}


.Texte80 {

  font-size:80px;
}


.Texte90 {

  font-size:90px;
}


.Texte100 {

  font-size:100px;
}


.Texte110 {

  font-size:110px;
}


.Texte120 {

  font-size:120px;
}


.Texte130 {

  font-size:130px;
}


.Texte140 {

  font-size:140px;
}


.Texte150 {

  font-size:150px;
}


.Texte200 {

  font-size:200px;
}


.Texte250 {

  font-size:250px;
}










.Arrondi5 {

  border-radius:5px 5px 5px 5px;
}

.Arrondi10 {

  border-radius:10px 10px 10px 10px;
}

.Arrondi15 {

  border-radius:15px 15px 15px 15px;
}

.Arrondi20 {

  border-radius:20px 20px 20px 20px;
}

.Arrondi25 {

  border-radius:25px 25px 25px 25px;
}

.Arrondi30 {

  border-radius:30px 30px 30px 30px;
}












.Haut {

  vertical-align:top;
}


.Milieu {

  vertical-align:middle;
}


.Bas {

  vertical-align:bottom;
}


.Gauche {

  text-align:left;
}


.Centre {

  text-align:center;
}


.Droite {

  text-align:right;
}


.Justifie {

  text-align:justify;
}









.Italique {

  font-style:italic;
}

.Normal {

  font-style:normal;
	font-weight:normal;
  text-decoration:none;
}

.Oblique {

  font-style:oblique;
}

.Barre {

  text-decoration:line-through;
}

.Mince {

	font-weight:lighter;
}

.Gras {

	font-weight:bold;
}

.TresGras {

	font-weight:bolder;
}









.MargeAutour10 {

  margin-top:10px;
  margin-bottom:10px;
  margin-left:10px;
  margin-right:10px;
}


.MargeAutour30 {

  margin-top:30px;
  margin-bottom:30px;
  margin-left:30px;
  margin-right:30px;
}






.MargeHaut10 {

  margin-top:10px;
}

.MargeHaut20 {

  margin-top:20px;
}






.MargeDroite30 {

  margin-right:30px;
}

.MargeDroite50 {

  margin-right:50px;
}







.MargeGauche5 {

  margin-left:5px;
}

.MargeGauche20 {

  margin-left:20px;
}






.MargeBas10 {

  margin-bottom:10px;
}

.MargeHaut20 {

  margin-top:20px;
}

.MargeBas20 {

  margin-bottom:20px;
}

.MargeBas50 {

  margin-bottom:50px;
}

.MargeBas100 {

  margin-bottom:100px;
}







.TexteCentre {
		
		text-align:center;
}








.FloatGauche {

  float:left;
}

.FloatDroite {

  float:right;
}

.FloatDroiteMarge50 {

  float:right;
  margin-right:50px;
}

.FloatDroiteMarge100 {

  float:right;
  margin-right:100px;
}

.FloatDroiteMarge150 {

  float:right;
  margin-right:150px;
}






.PaddingHaut3 {

  padding-top:3px;
}

.PaddingHaut5 {

  padding-top:5px;
}

.PaddingHaut8 {

  padding-top:8px;
}

.PaddingHaut10 {

  padding-top:10px;
}

.PaddingHaut15 {

  padding-top:15px;
}







.PaddingGauche10 {

  padding-left:10px;
}

.PaddingGauche15 {

  padding-left:15px;
}

.PaddingGauche100 {

  padding-left:100px;
}






.PaddingDroite10 {

  padding-right:10px;
}






.PaddingGaucheDroite10 {

  padding-left:10px;
  padding-right:10px;
}


.PaddingGaucheDroite30 {

  padding-left:30px;
  padding-right:30px;
}



.Padding05 {
	
	padding:5px;
}	

.Padding10 {

  padding:10px;
}

.Padding20 {

  padding:20px;
}

.Padding30 {

  padding:30px;
}

.Padding40 {

  padding:40px;
}

.Padding50 {

  padding:50px;
}










.decor_radiobutton input[type="radio"]:not(:checked),
.decor_radiobutton input[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}

.decor_radiobutton [type="radio"]:not(:checked) + label,
.decor_radiobutton [type="radio"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 33px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
}

.decor_radiobutton [type="radio"]:not(:checked) + label:before,
.decor_radiobutton [type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 19px; height: 19px; /* dim. de la case */
  border: 1px solid #aaa;
  background: rgba(0,0,0, 0.1);
  border-radius: 3px; /* angles arrondis */
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}

.decor_radiobutton [type="radio"]:not(:checked) + label:after,
.decor_radiobutton [type="radio"]:checked + label:after {
  content: '◼';
  position: absolute;
  top: 1px; left: 3px;
  font-size: 17px;
  color: #e36325;
  transition: all .5s; /* on prévoit une animation */
}

/* Aspect si "pas cochée" */
.decor_radiobutton [type="radio"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.decor_radiobutton [type="radio"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}