*
 {margin: 0; padding: 0; border: 0;}

body
 {background-color: #a4ced8; text-align: center; font-family: Arial, Verdana, Trebuchet; font-size: 62.5%; padding-bottom: 12px; background-image:url(images/ambu09_page_fond.jpg); background-repeat:repeat-x}

/*---o Gestion des blocks contenant un float pour qu'ils descendent jusqu'en bas du float. Ex <div class="maClass clearfix">...</div> */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*---------------------------------------*/

h1
 {display: block; position: relative; color: #0140a7; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; font-weight: bold; background-image: url(images/ambu09_puce_h1.gif); background-repeat: no-repeat; padding: 4px 0 30px 35px; margin-bottom: -20px}

h2
 {display: block; position: relative; color: #0140a7; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; background-image: url(images/ambu09_puce_h2.gif); background-repeat: no-repeat; background-position: 0 3px; padding: 0px 0 2px 14px; margin: 18px 0 2px 38px}

p, ul
 {display: block; position: relative; margin: 5px 4px 6px 48px; padding: 0; font-size: 1.1em; line-height: 15px}

ul li
 {list-style-image:url(images/ambu09_puce_li.gif); margin-left: 26px}

.encadre
 {display: block; position: relative; margin: 10px 0 10px 0; padding: 8px; background-color: #AFDFFF; text-align: center}
	html>body .encadre {border:1px solid #000033}

input, textarea
 {border:1px solid #666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding: 2px; background-color:#F5F5F5}

label
 {font-size: 1.1em; font-weight:bold; line-height: 1.5em}



div#page
 {display: block; position: relative; text-align:left; margin: 0 auto 0 auto; width: 780px}

	div#header
	 {display: block; position: relative; width: 780px; height: 278px; background-image: url(images/ambu09_en_tete.jpg)}
	
		div#langues
		 {display:block; position:absolute; top:29px; left:384px; text-align:left; width:90px}
	
		div#header ul
		 {display: block; position: absolute; width: 123px; right: 18px; top: 43px; text-align:right; margin: 0; clip: rect(0 123px auto 0); z-index:20}
			* html div#header ul {right:5px}
		
			div#header ul li
			 {list-style:none; list-style-image:none; margin-left:0; margin-bottom: 2px}
		
				div#header ul li a
				 {display: block; position: relative;
				 width: 113px; height: 17px; padding: 4px 12px 0 0; margin-left: 12px;
				 background-image: url(images/ambu09_bouton.gif); background-repeat: no-repeat; 
				 font-family: Verdana, Arial; font-size: 11px; font-weight: bold; text-align:center; text-decoration: none; letter-spacing:0px; color: #e7edf7; }
				
					div#header ul li a:hover
					 {margin-left:5px; color: white}



	div#colonne_principale
	 {display: block; position: relative; background-image: url(images/ambu09_cadre_fond.gif); width: 780px}
	
		div#colonne_gauche
		 {display:block; position: relative; float:left; width: 381px}
		
			div#colonne_gauche a.lien_taxi
			 {display: block; position: relative; margin: 20px 0 40px 35px}
		
		div#colonne_droite
		 {display: block; position: relative; margin: 0 0 40px 382px; padding: 12px 30px 0 8px}



	div#footer p.signature
	 {display: block; position: relative; margin: -5px 0 0 0; padding: 0 20px 0 0; text-align: right;}
	
		div#footer p.signature a
		 {text-decoration: none; color: #639aa7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em}
		
			div#footer p.signature a:hover
			 {text-decoration: underline}