/* feuille de style APMH */

  body { 
	 color: black;  
     opacity: 1;
	 background-position: left top;
	 /*marche pour firefox sans nécessiter de div global:
	 position: absolute;
	 width: 675pt;
      margin-top: 0pt;  
      left: 50%; 
      margin-left: -340pt;
      text-align: center;
	 margin-left: auto;
      margin-right: auto;*/
     }
	
  img{
	 border-width:0;
	 padding-bottom: 0pt;
	 padding-top: 0pt;
     }
	 
	 /*néssaire pour explorer:*/
#global { 
     position: absolute; 
 	 top: 0pt;
	 margin-top: 0pt;
	 width: 1000pt;
     margin-left: -500pt;
	 left: 50%;
     text-align: left;
     }
  
     #entete { 
	 border: 1px solid rgb(220, 220, 220);
	 margin-top:0pt;
	 margin-bottom: 2pt;
     padding-top: 0pt;
     padding-bottom: 0pt;
     }

     #entete  .don{
     position: absolute;
	 border: none;
	 margin-top: -50pt;
	 margin-left: 850pt;
	 background-color: rgb(232, 80, 16);
     list-style-type: none;
     width: 80pt;
	 height: 24pt;
	 text-align: center;
	 padding-top: 6pt;	 
     }	
	 
  #entete  .don a {
     color: white;
     text-decoration: none;
     font-family: Arial;
     font-weight: bold;
     font-size: 12pt;
     }	
	 
  #entete  .don a:hover {
     color: black;
     font-weight: normal;
     }	 
	 
     #entete  .petition{
     position: absolute;
	 border: none;
	 margin-top: -90pt;
	 margin-left: 850pt;
	 background-color: rgb(232, 80, 16);
     list-style-type: none;
     width: 130pt;
	 height: 24pt;
	 text-align: center;
	 padding-top: 6pt;	 
     }	
	 
  #entete  .petition a {
     color: white;
     text-decoration: none;
     font-family: Arial;
     font-weight: bold;
     font-size: 12pt;
     }	
	 
  #entete  .petition a:hover {
     color: black;
     font-weight: normal;
     }	 	 
	 
     #entete  .adm{
	 background-image:linear-gradient(rgb(255, 204, 204), rgb(255, 0, 0));
     height: 18pt;
     width: 1000pt;
     padding-top: 5pt;
	 margin-bottom: 0pt;
	 font-family: Arial;
	 font-size: 12pt;
	 color: white;
	 margin-top: 0pt;
	 text-align: center;
     font-weight: bold;
     }  	 

     #menuhaut, #menuhaut ul { 
	 line-height: 30pt;
     margin-top: 0pt;
     margin-left: 75pt;
     margin-bottom: 0pt;
	 padding-top: 6pt;
	 padding-bottom: 6pt;
	 border-top: 1px solid rgb(255, 0, 0);
     border-bottom: 1px solid rgb(255, 0, 0);	 
     list-style: none;
     display : inline;
     }
 	
     #menuhaut li {
       /* positionnement des liens du menu horizontalement */		 
     display : inline-block;
	 position : relative;
 	 background-position: middle;
	 left: -60pt;

     }
	 
	 #menuhaut a {
	 margin-left: 8pt;
     margin-right: 8pt;	 
	 color: grey;	
     text-decoration: none;
	 text-align: center;	 
	 border: none;
     font-family: Arial;
     font-style: normal;	 
	 font-weight: bold;
     font-size: 12pt;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);	 
     }
	
     #menuhaut a:hover {
	  /* apparence de la liste principale à son survol */
     color: black;
     background-color: transparent;
     text-decoration: none;
     font-weight: bold;
     font-family: Arial;
     font-size: 12pt;
     }
	
	 #menuhaut ul li {
/* presentation verticale pour les liens du sous menu */
     display: inherit;
	 line-height : 25pt; /* hauteur pour chaque élément */
     width : 250pt; /* Largeur des sous-listes */	

}

     #menuhaut li ul /* Sous-listes */{ 
     position: absolute; /* Position absolue pour se superposer aux éléments qui sont en dessous*/
     z-index: 2; /* et en position 2 en superposition à la position absolue déjà définie*/
	 /*background-color: rgb(232, 80, 16);*/
	 top: 10pt;
	 margin-top: 2pt;
	 padding-left: 0pt;
     left: -999em; /* envoie loin du champ de vision */
	 border: none;		
     }
	 
	  #menuhaut li ul a {
	  /* apparence de la sous-liste au survol liste principale */
     color: white;
     font-weight: normal;	
     font-family: Arial;
     font-size: 12pt;	 
	 background-image:linear-gradient(rgb(255, 204, 128), rgb(232, 80, 16));
     padding : 6pt;
	 	 	 margin-left : 70pt;
	 overflow: visible;
	 }	 
	 
	  #menuhaut li:hover ul {
/* place l'ensemble des sous menus par rapport au menu */
	 overflow: visible;	 
     left: -90pt;
     }
 
	#menuhaut li li:nth-child(n) :hover{
		/* change la couleur de tous les fils au survol */
	 overflow: visible;		
     color: black;
	    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);	  
     }

  #menugauche {
	 float: left;
	 margin-left: 50pt;
	 border: none;
	 padding-top: 0pt;
	 background-color: rgb(232, 80, 16);
     list-style-type: none;
     width: 230pt;
	 text-align: left;
     }

  #menugauche li {
     padding-top: 3pt;
	 height: 24pt;
     margin-left: -10pt;
     list-style-type: none;
     }

  #menugauche a {
     color: white;
     text-decoration: none;
     font-family: Arial;
     font-weight: normal;
     font-size: 12pt;
	 width: 98%;
     }

  #menugauche a:hover {
     color: black;
     background-color: transparent;
     text-decoration: none;
     font-weight: normal;
     font-family: Arial;
     font-size: 13pt;
     width: 98%;
     }
	
  #textecentre {
	  /*trés surprenant mais indispensable pour explorer sans le ; à vérifier car width inopérant sans le ;*/
	 position: relative;
	 width: 850pt;
     background-color: rgb(230, 230, 230);
     /*background-color: rgb(220, 220, 220);*/
	 padding-bottom: 25pt;
	 margin-left: 75pt;
	 margin-top: 5pt;
     }

  #textecentre h1 {
     font-family: Arial;
     color: black;
     font-weight: bold;
     font-size: 12pt;
	 display: list-item;	 
	 list-style-type: none;
     list-style-image: url(../img/cochegrise.png);
     list-style-position: outside;
     margin-top: 10pt;
     margin-left: 40pt;
	 margin-bottom: 10pt;	 
     width: 90%;
     }
	
  #textecentre h2 {
     font-family: Palatino Linotype;
     color: rgb(232, 80, 16);
     font-weight: bold;
	 display: list-item;
     font-size: 14pt;
     list-style-type: none;
     list-style-image: url(../img/boule_grise1.png);
     list-style-position: outside;
	 top: 0pt;
     margin-top: 0pt;
	 padding-top: 20pt;
     margin-left: 45pt;
	 padding-bottom: 0pt;
	 margin-bottom: 10pt;
	 width: 90%;
     }

  #textecentre h3 {
	 font-style: normal;
     font-family: Arial;
     color: black;
     font-weight: bold;
     font-size: 11pt;
	 text-align: left;
     text-decoration: underline;
	 /*display: list-item;
	 list-style-type: none;
     list-style-image: url(../img/information_bleue_p.png);
     list-style-position: outside;*/
     margin-top: 10pt;
	 margin-bottom: 15pt;
     margin-left: 50pt;
     width:  700pt;
     }	
	 
  #textecentre h4 {
	 font-style: normal;
     font-family: Arial;
	 margin-left: 50pt;
	 height: 24pt;
     color: white;
	 width: 180pt;
	 	 text-align: center;
	 padding-top: 6pt;	 
	 background-color: rgb(232, 80, 16);
     font-weight: bold;
     font-size: 14pt;	 
     }		

  #textecentre h4 a {
	 height: 24pt;
     color: white;
	 font-weight: bold;
	 text-decoration: none;
     font-size: 14pt;	 
	 }

  #textecentre h4 a:hover {
	 height: 24pt;
     color: black;
	 font-weight: bold;
     font-size: 14pt;	 
	 }
	 
     #textecentre p { 
     font-family: Arial;
     font-size: 10pt;
	 font-weight: normal;	
     margin: 5pt 0pt 5pt 35pt;
     text-align: justify;
     width: 90%;
     }	 
	 
	#textecentre .date {
	 font-size: 6pt;
	 font-family: Arial;
	 color: black;
	 text-decoration: none;
	 margin-left: 60pt;
	 margin-bottom: 30pt;
	 width: 90%;
     }
	 
 #textecentre .auteur {
	 font-style: italic;
	 font-size: 10pt;
     font-weight: bold;	 
	 font-family: Arial;
	 color: black;
	 text-decoration: none;
	 margin-top: 10pt;
	 margin-left: 45pt;
     }
	 
 #textecentre .qualite {
	 font-size: 8pt;
	 font-family: Arial;
	 font-weight: normal;	
	 color: black;
	 text-decoration: none;
	 margin-left: 50pt;
	 margin-bottom: 20pt;
     }	 
	 
  #textecentre .important { 
     font-family: Arial;
     color: black;
     font-weight: bold;
	 font-style: italic;	 
     font-size: 10pt;
     padding-top: 5pt;
     margin-left: 30pt;
     width: 90%;
	 padding-bottom: 5pt;
	 top: 10pt;
     }
	 
  #textecentre .tresimportant { 
     font-family: Arial;
     color: black;
     font-weight: bold;
	 font-style: normal;	 
     font-size: 14pt;
     padding-top: 5pt;
     margin-left: 30pt;
     width: 90%;
	 padding-bottom: 5pt;
	 top: 10pt;
     }	 
	 
  #textecentre .input {
	 color: black;
     font-family: Arial;
	 font-weight: bold;
     font-size: 10pt;
	 padding: 0;
     margin-top: 2pt;
     margin-left: 30pt;
	 margin-bottom: 2pt;
	 bottom: 0;
     }	

#textecentre .suite {
     font-size: 10pt;
     font-family: Arial;
	 text-align: left;
	 text-decoration: none;
	 margin-top: 0pt;
	 margin-left: 230pt;
	 margin-bottom: 20pt;
     }	
	 
  #textecentre .soumettre {
     font-size: 10pt;
     font-family: Arial;
	 font-weight: normal;
	 color: black;
     margin-top: 15pt;
	 margin-left: 30pt;
	 margin-bottom: 25pt;
     }
	
  #textecentre .retour {
     font-size: 10pt;
     font-family: Arial;
	 color: black;
	 text-align: left;
	 text-decoration: none;
	 margin-top: 15pt;
	 margin-left: 30pt;
	 margin-bottom: 5pt;
     }
	 
 #textecentre .erreur {
     font-size: 12pt;
     font-family: arial;
	 font-weight: bold;
	 color: red;
	 text-decoration: none;
	 padding-top: 15pt;
	 margin-left: 20pt;
	 margin-bottom: 5pt;
     }	

 #textecentre .success {
     font-size: 14pt;
     font-family: arial;
	 font-weight: bold;
	 color: green;
	 text-decoration: none;
	 padding-top: 15pt;
	 margin-left: 20pt;
	 margin-bottom: 5pt;
     }	 
	 
#textecentre .photo {
	 text-align: center;
     padding-top: 6pt;
	 padding-bottom: 6pt;
     color: black;
     font-size: 9pt;
	 font-weight: normal;
     font-family: MS Sans Serif;
	 font-style: normal;
	 text-decoration: none;
	 margin-top: 5pt;
	 margin-bottom: 10pt;
	
     /*float: left;
			  	 padding: 0pt;
	 margin-top: 0pt;
	 margin-bottom: 10pt;
	 margin-left: 10pt;*/
     }	

  #textecentre ul {
     margin: 0pt 0 0 0pt;
    }
	
  #textecentre li {
     font-family: Arial;
    color: rgb(0, 0, 0);
    font-weight: normal;
    display: list-item;
    font-size: 8pt;
    list-style-type: square;
    margin-top: 0pt;	
    margin-left: 30pt;
    margin-bottom: 2pt;
    list-style-position: inside;
    width: 90%;
    }

  #textecentre a { border-style: none;
    font-weight: bold;
    font-style: normal;
    color: rgb(102, 102, 204);
    font-size: 10pt;
    font-family: Arial;
    text-decoration: underline;
    }

  #textecentre a:hover { border-style: none;
    color: rgb(0, 0, 0);
    text-decoration: none;
    font-style: normal;
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    }
	
	#textecentre table {
     width: 800pt;
     border: 1px solid #ccc;
     color: #333;
     /*background-color: #fff;*/
	 background-color: rgb(230, 230, 230);
     padding: 0pt;
	 margin-top: 0pt;
     margin-left: 35pt;
	 margin-bottom: 0pt;
     white-space: normal;
	 text-align: center;
     }

#textecentre th {
    background-color: #e2e2e2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #003d4c;
    border-bottom: 1px solid #003d4c;
    font-weight: bold;
    text-align: center;
	font-family: Arial;
    font-size: 10pt;
}

 #textecentre tr td {
     border-right: 1px solid #ddd;
	 text-align: center;
	 font-family: Arial;
     font-size: 10pt;
     }

	
     #textecentre_reduit {
     width: 670pt;		
     background-color: rgb(230, 230, 230);
	 padding-bottom: 25pt;
	 margin-left: 280pt;
	 margin-top: 0pt;
     }

     #textecentre_reduit h1 {
     font-family: Arial;
     color: black;
     font-weight: bold;
     font-size: 11pt;
     text-decoration: underline;
     margin-top: 20pt;
     margin-left: 40pt;
     width: 90%;
     }
	
     #textecentre_reduit h2 {
     font-family: Palatino Linotype;
     color: rgb(232, 80, 16);
     font-weight: bold;
	 display: list-item;
     font-size: 14pt;
     list-style-type: none;
     list-style-image: url(../img/boule_grise1.png);
     list-style-position: outside;
	 top: 0pt;
     margin-top: 0pt;
	 padding-top: 20pt;
     margin-left: 45pt;
	 padding-bottom: 0pt;
	 margin-bottom: 10pt;
	 width: 90%;
     }

  #textecentre_reduit h3 {
	 font-style: normal;
     font-family: Arial;
     color: black;
     font-weight: bold;
     font-size: 11pt;
	 text-align: left;
     text-decoration: underline;
	 display: list-item;
	 list-style-type: none;
     list-style-image: url(../img/information_bleue_p.jpg);
     list-style-position: outside;
     margin-top: 10pt;
	 margin-bottom: 10pt;
     margin-left: 50pt;
     width:  350pt;
     }	
	 
	#textecentre_reduit .date {
	 font-size: 6pt;
	 font-family: Arial;
	 color: black;
	 text-decoration: none;
	 margin-left: 60pt;
	 margin-bottom: 30pt;
     }
	 
 #textecentre_reduit .auteur {
	 font-style: italic;
	 font-size: 10pt;
     font-weight: bold;	 
	 font-family: Arial;
	 color: black;
	 text-decoration: none;
	 margin-top: 10pt;
	 margin-left: 45pt;
     }
	 
 #textecentre_reduit .qualite {
	 font-size: 8pt;
	 font-family: Arial;
	 font-weight: normal;	
	 color: black;
	 text-decoration: none;
	 margin-left: 50pt;
	 margin-bottom: 20pt;
     }	

 #textecentre_reduit .erreur {
     font-size: 12pt;
     font-family: arial;
	 font-weight: bold;
	 color: red;
	 text-decoration: none;
	 padding-top: 15pt;
	 margin-left: 20pt;
	 margin-bottom: 5pt;
     }	

 #textecentre_reduit .success {
     font-size: 14pt;
     font-family: arial;
	 font-weight: bold;
	 color: green;
	 text-decoration: none;
	 padding-top: 15pt;
	 margin-left: 20pt;
	 margin-bottom: 5pt;
     }	 

  #textecentre_reduit p { 
     font-family: Arial;
     font-size: 10pt;
	 font-weight: normal;	
     margin: 5pt 0 0 35pt;
     text-align: justify;
     width: 90%;
     }

  #textecentre_reduit li {
     font-family: Arial;
    color: rgb(0, 0, 0);
    font-weight: normal;
    display: list-item;
    font-size: 8pt;
    list-style-type: square;
    margin-top: 5pt;	
    margin-left: 30pt;
    margin-bottom: 5pt;
    list-style-position: inside;
    width: 90%;
    }

#textecentre_reduit .photo {
     text-align: center;
	 color: black;
     font-size: 6pt;
	 font-weight: normal;
     font-family: Arial;
	 text-decoration: none;
	 margin-top: 0pt;
	 margin-bottom: 10pt;
     }
	 
  #textecentre_reduit .important { 
     font-family: Arial;
     color: black;
     font-weight: bold;
	 font-style: italic;	 
     font-size: 10pt;
     padding-top: 5pt;
     margin-left: 30pt;
     width: 90%;
	 padding-bottom: 5pt;
	 top: 10pt;
     }
	 
  #textecentre_reduit .input {
	 color: black;
     font-family: Arial;
	 font-weight: bold;
     font-size: 10pt;
	 padding: 0;
     margin-top: 2pt;
     margin-left: 30pt;
	 margin-bottom: 2pt;
	 bottom: 0;
     }	
	
  #textecentre_reduit .soumettre {
     font-size: 10pt;
     font-family: Arial;
	 font-weight: normal;
	 color: black;
     margin-top: 15pt;
	 margin-left: 30pt;
	 margin-bottom: 25pt;
     }
	
  #textecentre_reduit .retour {
     font-size: 10pt;
     font-family: Arial;
	 color: black;
	 text-align: left;
	 text-decoration: none;
	 margin-top: 15pt;
	 margin-left: 30pt;
	 margin-bottom: 5pt;
     }

 #textecentre_reduit table {
     width: 650pt;
     border: 1px solid #ccc;
     color: #333;
     background-color: #fff;
     padding: 0pt;
	 margin-top: 0pt;
     margin-left: 10pt;
	 margin-bottom: 0pt;
     white-space: normal;
	 text-align: center;
     }

#textecentre_reduit th {
    background-color: #e2e2e2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #003d4c;
    border-bottom: 1px solid #003d4c;
    font-weight: bold;
    text-align: center;
	font-family: Arial;
    font-size: 10pt;
}

 #textecentre_reduit tr td {
     border-right: 1px solid #ddd;
	 text-align: center;
	 font-family: Arial;
     font-size: 10pt;
     }

	#liste {
	 width: 850pt;
     background-color: rgb(220, 220, 220);
	 padding-bottom: 25pt;
	 margin-left: 75pt;
     }
	 
     #liste h2 {
     font-family: Palatino Linotype;
     color: rgb(232, 80, 16);
     font-weight: bold;
	 display: list-item;
     font-size: 14pt;
     list-style-type: none;
     list-style-image: url(../img/boule_grise1.png);
     list-style-position: outside;
	 top: 0pt;
     margin-top: 0pt;
	 padding-top: 20pt;
     margin-left: 45pt;
	 padding-bottom: 0pt;
	 margin-bottom: 10pt;
	 width: 90%;
     }
	 
     #liste table {
     width: 850pt;
     border: 1px solid #ccc;
     color: #333;
     background-color: #fff;
     padding: 0pt;
	 margin-top: 0pt;
     margin-left: 2pt;
	 margin-bottom: 0pt;
     white-space: normal;
	 text-align: center;
     }

    #liste th {
    background-color: #e2e2e2;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #003d4c;
    border-bottom: 1px solid #003d4c;
    font-weight: bold;
    text-align: center;
	font-family: Arial;
    font-size: 10pt;
     }

     #liste tr td{
     border-right: 1px solid #ddd;
	 text-align: center;
	 font-family: Arial;
     font-size: 9pt;
     }
	 
     #liste .retour {
     font-size: 10pt;
     font-family: Arial;
	 color: black;
	 text-align: left;
	 text-decoration: none;
	 margin-top: 15pt;
	 margin-left: 30pt;
	 margin-bottom: 5pt;
     }

  #photo {
     text-align: center;
     font-size: 9pt;	 
	 padding-top: 10pt;
     }
	
  #photo .a_gauche {	
	 width: 25%;
     float: left;
     }	 
	 
  #photo .a_droite {	
	 width: 25%;
     float: right;
     margin: 0 35pt 0 0;	 
     }	 	 
	 
  #photo p { 
     font-family: Arial;
     font-size: 9pt;
     margin: 0 0 0 35pt;
     text-align: center;
     width: 90%;
     }
	 
  #photo .photo {
	 color: black;
     font-size: 8pt;
	 font-weight: normal;
     font-family: Arial;
	 text-decoration: none;
	 margin-top: 0pt;
	 margin-bottom: 15pt;
     }	

  #choix { 
     background-color: rgb(230, 230, 230);
	 float: left;
	 margin-left: 50pt;
     width: 230pt;
	 height: 390pt;
	 overflow: scroll;
	 margin-right: 0pt;
    }

  #choix .titre { 
	 color: rgb(232, 80, 16);
     font-family: Arial;
     font-weight: bold;
     font-size: 10pt;
     margin-left: 5pt;
     margin-top: 15pt;
	 margin-bottom: 5pt;
     }

  #choix .specialite {
	 color: black;
     font-family: Arial;
     font-size: 8pt;
	 font-weight: normal;
     margin-left: 10pt;
     margin-top: 5pt;
	 margin-bottom: 15pt;
     }

   #choix .negatif {
	 color: red;
     font-family: Arial;
     font-size: 11pt;
     margin-left: 25pt;
     margin-top: 5pt;
     }	   
	
  #choix li { 
	 list-style-type: disc;
     text-align: left;
	 margin-left: -10pt;
     padding-bottom: 12pt;
	 color: black;
     font-family: Palatino Linotype;
     font-weight: normal;
     font-size: 9pt;
    }

  #choix a { font-family: Palatino Linotype;
	 font-weight: normal;
     font-size: 9pt;
	 text-decoration: none;
	 width: 95%;
	 list-style-type: disc;
     list-style-position: outside;
     color: rgb(12, 27, 177);
	 background-color: transparent;
     }

  #choix a:hover { border: 1pt outset rgb(153, 153, 153);
     color: rgb(0, 0, 0);
	 background-color: transparent;
	 font-family: Palatino Linotype;
     text-decoration: none;
     font-size: 9pt;
	 width: 95%;
	 list-style-type: disc;
     }
	
  #adhesion { 
	 border: 1px solid rgb(255, 0, 0);
     background-color: white;
     width: 440pt;
	 top: 10pt;
	 margin-bottom: -15pt;

	 margin-left: 180pt;
     padding-top: 15pt;
	 font-family: Arial;
     font-size: 10pt;
	 padding-left: 50pt;
    }
	
 #adhesion h1 { 
	 font-family: Arial;
     color: rgb(232, 80, 16);
     background-color: transparent;
     padding-top: 10pt;
	 padding-bottom: 20pt;
     top: 10pt;
     text-align: center;
     font-style: normal;
     font-weight: bold;
     font-size: 12pt;
     }

  #adhesion p { 
	 font-family: Arial;
     color: black;
     background-color: transparent;
     margin-left: 0pt;
     width: 95%;
     font-style: italic;
     font-size: 10pt;
     }
	
	 #adhesion .remplir {
	 font-family: Arial;
     color: rgb(0, 0, 0);
     background-color: transparent;
     text-decoration: none;
	 font-style: normal;
	 margin-bottom: 10pt;
     margin-top: 10pt;
	 margin-left: -10pt;
     width: 95%;
     font-weight: bold;
     font-size: 10pt;
     }
	 
	 #adhesion .erreur {
     font-size: 10pt;
     font-family: arial;
	 font-weight: bold;
	 color: red;
	 text-decoration: none;
	 padding-top: 5pt;
	 margin-left: 20pt;
	 margin-bottom: 0pt;
     }

	#cartouche { 
     color: black;
     margin-bottom: 20pt;
     padding-bottom: 30pt;
	 margin-left: 75pt;
     }
	
	#cartouche p { 
     margin-left: 10pt;
	 font-size: 5pt;
     }
	
	#cartouche .identite {
     border-top: 1px solid rgb(255, 0, 0);
     color: black;
     text-align: center;
     font-family: arial;
     font-size: 7pt;
	 margin-top: 5pt;
     clear: left;
     width: 850pt;
     }
	 
	 div.message {
    position: absolute;
    width: 100%;
    top: 0px;
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
    box-radius: 5px;
}

div.message:before {
    line-height: 0px;
    font-size: 20px;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #C3232D;
    content: "x";
}
div.message.hidden {
    height: 0;
}