/* --------------------
   Navigation
-------------------- */

#navigation { top: 160px; right: 15px; width: 380px; }
#navigation .articles { position: relative; }

#info { z-index: 19; width: 305px; height: 200px; position: absolute; top: 0; left: 0; overflow: hidden;  cursor: pointer; }

/* --------------------
   Content
-------------------- */

#content { top: 15px; bottom: 47px; /* #content margin (15) + .wrapper border x2 (2) + .wrapper padding x2 (30) */ left: 15px; width: 380px; }
#content .wrapper { padding: 15px; }

/* article  */
article, #contributions, #formulaire { position: absolute; top: 39px; /* user height */ bottom: 15px; left: 15px; right: 15px; }
article .scroll { position: absolute; top: 66px; /* header height */ bottom: 0px; left: 0px; right: 0px; overflow: hidden; }
#formulaire .scroll { position: absolute; top: 218px; /* header height */ bottom: 20px; left: 0px; right: 0px; overflow: hidden; }


/* --------------------
   Formulaire
-------------------- */

#sending_login { position: absolute; z-index: 16; top: 0; right: 0; left: 0; bottom: 0; }

/* cartography */
.wrap_cartography { position: absolute; z-index: 15; bottom: 62px; right: -673px; height: 50px; width: 640px; }

/* submit */
#sending_data { position: absolute; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; }
#sending_data div { width: 100%; height:100%; }


/* --------------------
   Footer
-------------------- */

footer { bottom: 19px; right: 86px; /* #mapZoomControl width (56) + footer margin x2 (30) */ left: 410px /* #content width (380) + #content margin x2 (30) */; }