/* ****************************************************

	@file:		   accueil.css
	@description:  Feuille de styles de l'accueil
	@author:       remi (ixmedia.com)
	@updated:	   20080722

***************************************************** */


body
{
    background-attachment: scroll !important; /* À l'accueil seulement, la photo de fond doit défiler */
}

/*
 * @section Entête
 ******************************************************************************/

.accueil-entete
{
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    height: 426px;
    position: relative;
    margin-bottom: 20px;
}

.accueil-entete .inner
{
    width: 968px;
    margin: 0 auto;
    padding-top: 2.1em;
    position: relative;
    height: 426px;
}

.accueil-entete .inner h1
{
    color: #fff;
    text-align: center;
    font-size: 280%;
    text-transform: uppercase;
}

.accueil-entete .inner h2
{
    color: #fff;
    font-size: 180%;
    text-transform: uppercase;
    position: absolute;
}

.accueil-entete .inner h2.photos
{
    bottom: 25px;
    left: 65px;
}

.accueil-entete .inner h2.videos
{
    bottom: 25px;
    right: 90px;
}

.accueil-entete .inner ul.photos
{
    position: absolute;
    bottom: 48px;
    left: 60px;
}

.accueil-entete .inner ul.videos
{
    position: absolute;
    bottom: 48px;
    right: 80px;
}

.accueil-entete .inner ul li
{
    float: left;
}

.accueil-entete .inner ul li a
{
}


/*
 * @section Contenu
 ******************************************************************************/

.accueil-contenu
{
    width: 968px;
    margin: 0 auto;
    padding-bottom: 12em;
    color: #fff;
}

.accueil-banniere
{
    margin: 0 0 25px;
}

.accueil-intro
{
    font-size: 110%;
    margin-bottom: 15px;
}

.accueil-intro h1
{
    font-size: 200%;
    text-transform: uppercase;
    margin-bottom: 0.3em;
}

.accueil-intro h1 a
{
    color: #fff;
}

.accueil-intro p
{
    line-height: 1.75;
}


/*
 * @section Colonnes
 ******************************************************************************/

.accueil-projets, .accueil-nouvelles, .accueil-autres
{
    width: 311px;
    float: left;
    margin-right: 16px;
}

.accueil-autres
{
    margin-right: 0;
}

.accueil-autres h2 a
{
    color: #fff;
    text-decoration: none;
}

/*
 * @section Projet
 ******************************************************************************/


.accueil-projet
{
    position: relative;
    width: 313px;
    height: 132px;
}

.accueil-projet img
{
    display: block;
    float: left;
}

.accueil-projet a
{
    clear: both;
    display: block;
    width: 100%;
}

.accueil-projet a span
{
    display: block;
    padding: 6px 8px 8px 13px;
    background: #000;
}

.accueil-projet a strong
{
    display: block;
}

.accueil-projet a em
{
    font-size: 90%;
    display: block;
    font-style: normal;
    color: #fff;
}

.accueil-projet-info
{
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949;
    padding: 14px;
}

.accueil-projet-info h2
{
    margin: 0 0 0.4em;
    font-weight: normal;
    font-size: 140%;
    line-height: 1.2;
}

.accueil-projet-info p
{
    margin: 0;
    font-size: 90%;
    line-height: 1.6;
}

.accueil-projet-info p a
{
    display: block;
    height: 1%;
}

/*
 * @section Nouvelles
 ******************************************************************************/

.accueil-nouvelles
{
    border-top: 1px solid #5e6d72;
    padding: 15px 0;
}

.accueil-nouvelles h2
{
    font-weight: normal;
    font-size: 140%;
    line-height: 1.2;
    padding: 0 15px;
    margin-bottom: -6px;
}

.accueil-nouvelles ul
{
    margin-left: 0;
}

.accueil-nouvelles ul li
{
    padding: 10px 15px;
    border-bottom: 1px solid #5e6d72;
}

.accueil-nouvelles ul li a
{
    display: block;
    height: 1%;
}

.accueil-nouvelles ul li strong
{
    display: block;
    font-weight: normal;
}

.accueil-nouvelles h2 a
{
    color: #fff;
    text-decoration: none;
}


/*
 * @section Autres
 ******************************************************************************/

.accueil-autres
{
    border-top: 1px solid #5e6d72;
    border-bottom: 1px solid #5e6d72;
    padding: 15px 0;
}

.accueil-autres h2
{
    font-weight: normal;
    font-size: 140%;
    line-height: 1.2;
    padding: 0 15px;
    margin-bottom: 6px;
}

.accueil-autres p
{
    padding: 0 15px;
    margin: 0 0 3px;
    font-size: 90%;
}

.accueil-autres ul
{
    margin-left: 0;
    padding-left: 15px;
    font-size: 90%;
    border-bottom: 1px solid #5e6d72;
    padding-bottom: 20px;
}

.accueil-autres
{
    width: 250px;
}

.accueil-autres p
{
    padding-top: 0.5em;
}

.accueil-autres p input
{
    background: #fff;
    border: none;
    padding: 4px;
    width: 211px;
}

.accueil-autres p.bouton
{
    text-align: right;
}

.accueil-autres p.bouton button
{
    background: #535f63;
    border: none;
    padding: 2px 10px;
    font-size: 110%;
}