/**
 *
 * @author	Benoit Asselin <benoit(at)agenceici(dot)com>
 * @version	page-index.css, 2009/09/02
 * @link	http://www.agenceici.com/
 * @link	http://www.chezpipo.fr/
 *
 */


img.menu-banner { display: none; }


.content { height: 500px; }


div.block { position: absolute; }
div.block img.background { display: block; }

#index-restaurant { left: 0; top: 0; width: 525px; height: 121px; }
#index-restaurant img.background { width: 525px; height: 121px; background: url(../images/index-restaurant.png); }
#index-restaurant a.plan { position: absolute; right: 12px; top: 15px; color: #9a2706; font-size: 11px; }
#index-restaurant .actu { position: absolute; left: 150px; top: 50px; color: #351e00; }
#index-restaurant .news-mini { position: absolute; right: 15px; bottom: 20px; width: 360px; height: 20px; color: #351e00; font-weight: bold; overflow: hidden; }
#index-restaurant .news-mini span { white-space: nowrap; }
#index-restaurant .date-meteo { position: absolute; right: 15px; bottom: 17px; color: #351e00; font-weight: bold; }
#index-restaurant .date-meteo img { vertical-align: middle; margin-left: 10px; }

#index-recettes { left: 545px; top: 0; width: 169px; height: 120px; }
#index-recettes img.background { width: 169px; height: 120px; background: url(../images/index-recettes.png); }

#index-histoire-socca { left: 0; top: 141px; width: 258px; height: 179px; }
#index-histoire-socca a { color: #351e00; text-decoration: none; }
#index-histoire-socca img.background { width: 258px; height: 179px; background: url(../images/index-histoire-socca.png); }
#index-histoire-socca span { position: absolute; left: 20px; bottom: 12px; }

#index-histoire-nice { left: 268px; top: 141px; width: 258px; height: 179px; }
#index-histoire-nice a { color: #351e00; text-decoration: none; }
#index-histoire-nice img.background { width: 258px; height: 179px; background: url(../images/index-histoire-nice.png); }
#index-histoire-nice span { position: absolute; left: 20px; bottom: 12px; }

#index-evenements { left: 541px; top: 131px; width: 176px; height: 194px; }
#index-evenements img.background { width: 176px; height: 194px; background: url(../images/index-evenements.png); }
#index-evenements .evenements { position: absolute; left: 25px; top: 60px; width: 135px; height: 110px; overflow: hidden; }
#index-evenements .evenements .evenement { color: #351e00; height: 110px; padding: 5px 0; }
#index-evenements .evenements .evenement h1 { font-size: 11px; }
#index-evenements .evenements .evenement p { font-size: 11px; }
#index-evenements .evenements .evenement p a { color: #000; text-decoration: underline; }

#index-boutique { left: 0; top: 332px; width: 525px; height: 137px; }
#index-boutique img.background { width: 525px; height: 137px; background: url(../images/index-boutique.png); }

#index-cadeau { left: 541px; top: 340px; width: 176px; height: 112px; }
#index-cadeau img.background { width: 176px; height: 112px; background: url(../images/index-cadeau.png); }