/* ------------------ Accueil : introduction -------------------- */


#introduction {
    clear : both;
    margin : 0 0 1em 0;
}

#introduction h2 {
    color : #cc0000;
    font-size : 1.3em;
    font-weight : bold;
    padding : 0 0 .9em 0;
}
#introduction h2 em {
    font-style : normal;
    font-size : .9em;
    font-weight : normal;
}

#introduction p {
    font-size : 1em;
    padding : 0 0 1em 0;
}


.intro-texte {
    float : left;
    clear : none;
    width : 270px;
}

.intro-texte p {
    width : 90%;
}


.a-la-une {
    float : left;
    clear : none;
    width : 247px;
    background : #d11e1e url(../images/a_la_une.gif) top left no-repeat;
    padding : 0 0 0 11px;
    overflow : hidden;
}


.a-la-une h1 {
    display : block;
    width : auto;
    clear : both;
    height : 30px;
    line-height : 25px;
    text-align : left;
    color : #fff;
    margin : 0;
    padding : 0 0 0 170px;
}


#introduction .a-la-une p {
    display : block;
    float : none;
    clear : both;
    width : 100%;
    color : #fff;
    font-size : .85em;
    margin : 0 0 0 0;
    padding : .5em 0 0 0;
}

.une-photo {
    float : left;
    width : 100px;
    overflow : hidden;
    text-align : center;
}



.une-infos {
    float : left;
    width : 135px;
    padding : 0 0 0 7px;
    margin : 0;
}

.une-infos a {
    display : block;
    clear : both;
    width : 100%;
    color : #fff;
    font-size : .85em;
    text-decoration : none;
    text-align : center;
}

.une-infos img {
    border : 1px solid #ee9f9f;
    margin : .1em 0 .3em 0;
}

#introduction .une-infos h2 {
    width : 100%;
    color : #fff;
    font-weight : bold;
    font-size : 1.2em;
    margin : 0;
    padding : 0 0 .3em 0;
}

.une-infos h2 a {
    text-align : left;
    font-size : .75em;
    line-height : 120%;
}



#introduction .une-infos p {
    width : 100%;
    color : #fff;
    margin : 0;
    padding : 0;
    font-size : .8em;
}