/*INDEX.CSS*/

/*ligne 1152 jquery.mobile.css*/
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: block; /*  le 16 fevrier 2012, fait merder le slider  */border: 0; }
/*ligne 1210 jquery.mobile.css*/
.ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding:0px;  /* padding:15px; fait merder le slider de l'index */ }

.flag { position:absolute;  top:26px; left:-35px; -moz-transform:rotate(-45deg);  -webkit-transform:rotate(-45deg); background-color:red; padding:0 25px; color:white; text-shadow:0 0 0 #333; text-transform:uppercase; font-weight:700;}


/*BODY*/
BODY {
background-color:#fff 
}

/*CONTAINER & HEADER*/
H1 { text-align:center; font-size:1.2em; color:white; margin:0; width:98%; padding:0 1%; }
#logoContainer { margin:20px 0;  }
#nav UL LI  { float:left;  width:25%;}
#nav UL LI A  { color:white;}

/*CONTENT*/
#main UL LI { float:left;}
#main IMG { max-width:80%; display:block; margin:auto}