﻿@import url('reset.css');
@import url('shared.css');
@import url('global.css');
@import url('skin.css');
@import url('form.css');
/**
 * HOMEPAGE
 *
 * @tpl home
 * @lastmodified April, 29 2010
 * @media screen
 * = styles spécifiques à la page d'accueil
 */
 
  /**
 * MAIN - COUNTDOWN
 *
 */
#countdown { height:215px; margin:10px 0 0 0; overflow:hidden; padding:0; position:absolute; right:140px; top:0; width:115px; }
#countdown .title { color:#00a7ed; font:normal 5.4em Arial, Helvetica, sans-serif; left:20px; position:absolute; top:5px; }
#countdown .desc { color:black; font:bold 1.5em Arial, Helvetica, sans-serif; left:35px; position:absolute; top:80px; width:75px; }

.nb	{ background:url(../gene/image/common/bullet/sup.png) right center no-repeat; float:left; font-size:52px; line-height:20px; padding:35px 60px 25px 15px; text-align:right }
.nb span { font-size:14px; font-weight:bold; color:#009EE0 }

#vainqueur { height:451px; overflow:hidden; position:relative; width:956px }
div.ppa { height:451px; font-size:12px; position:absolute; top:0; left:0 }
div.ppa span { background-color:#009EE0; color:#fff; float:left; font-size:22px; margin-bottom:10px; padding:2px 25px 2px 5px }
div.ppa img { float:left; border:5px solid #009EE0; }
div.ppa div.infos { border:5px solid #009EE0; background-color:#009EE0; color:#fff; float:left; height:385px; margin-left:10px; padding:15px 15px 0 15px; width:226px; }
div.ppa div.infos h1 { font-size:22px; line-height:20px }
div.ppa div.infos h1 a { color:#fff }
div.ppa div.infos h3 { font-size:16px; line-height:16px; margin-top:2px }
div.ppa div.infos .ville { background:url(../gene/image/common/bullet/bullet_04.gif) repeat-x center bottom; margin-top:5px; font-size:18px; padding-bottom:22px; }
div.ppa div.infos .maitrise { font-size:14px; color:#80CFF0; margin-top:22px; }
div.ppa div.infos .text { background:url(../gene/image/common/bullet/bullet_04.gif) repeat-x center top; font-weight:bold; margin-top:20px; padding-top:20px }

div#laureats { height:245px; margin-top:35px; color:#00B6FF; font-size:22px }
div#laureats-wrap { height:190px; overflow:hidden; width:690px; margin-top:9px }
div#laureats span { background-color:#00B6FF; color:#fff; float:left; margin-right:15px; padding:2px 25px 2px 5px }
div#laureats span.white { background-color:#fff; color:#00B6FF; padding:2px 25px 2px 5px }
div#laureats ul.cat-list { border:5px solid #00B6FF; background-color:#00B6FF; float:right; font-size:13px; font-weight:bold; height:117px; list-style:none; margin-top:9px; padding-top:5px; width:256px }
div#laureats ul.cat-list li { padding-left:15px }
div#laureats ul.cat-list a { color:#80DBFF }
div#laureats ul.cat-list li.active a { color:#fff }
div#laureats ul.cat-list li.last { font-size:12px; font-weight:bold; margin-top:20px; padding:10px 0 0 20px }
div#laureats ul.cat-list li.last a { color:#009EE0 }
div#laureats ul.projet-list { height:190px; list-style:none; width:690px }
div#laureats ul.projet-list li { float:left; margin-right:10px; }
div#laureats ul.projet-list li img { border:5px solid #00B6FF; height:122px; width:210px; }
div#laureats ul.projet-list li div { background:url(../gene/image/common/icons/positions.gif) 5px top no-repeat; color:#000; font-size:12px; height:33px; line-height:18px; margin-top:5xp; padding-left:45px; width:175px; }
div#laureats ul.projet-list li div.second { background-position:5px -33px }
div#laureats ul.projet-list li div.third { background-position:5px -66px }
div#laureats ul.projet-list li div b { display:block; line-height:13px }