/* 
    Document   : atelier
    Created on : 2 août 2010, 12:29:33
    Author     : GATARD Simon
    Description:
       feuille de style de la page Atelier
*/

*{
    margin:0;
    padding:0;
}

div.spacer{
    float:none;
    clear:both;
}

#page-ateliers{
    font-family: Arial;
    padding:25px 60px 30px 157px;
    background:#967b6a;
}

#page-ateliers h1{
    font-weight: bold;
    font-size: 22px;
    color:#ffffff;
    margin:0 0 35px 0;
}

#page-ateliers h2{
    font-weight: bold;
    font-size: 16px;
    color:#970b03;
    margin:0 0 0 0;
}

#page-ateliers h2.blanc{
    color:#ffffff;
}

#page-ateliers p{
    font-weight: normal;
    font-size: 12px;
    color:#ffffff;
    margin:0 0 15px 0;
}

#page-ateliers p a{
    font-weight: normal;
    font-size: 12px;
    color:#ffffff;
    text-decoration: none;
}

#page-ateliers div.colonne_gauche{
    width:530px;
    float:left;
}

#page-ateliers div.colonne_droite{
    width:190px;
    float:left;
    padding:0 0 0 50px;
}

/* bloc du texte de presentation */

#page-ateliers div#ateliers_texte-presentation{
    margin:0 0 60px 0;
}

#page-ateliers div#ateliers_texte-presentation div.colonne_droite{
    padding-top:85px;
}

/* bloc du texte comment participer */

#page-ateliers #ateliers_comment-participer{
    margin:0 0 60px 0;
}

#page-ateliers #ateliers_comment-participer div.colonne_droite{
    padding-top:58px;
}

#page-ateliers #ateliers_comment-participer div.colonne_droite img.image2{
    margin-top:10px;
}

*+html #page-ateliers #ateliers_comment-participer div.colonne_droite img.image2{
    margin-top:5px;
}

/* liste de docs pdf */
ul#atelier_liste-docs{
    list-style: none;
    margin:0 0 50px 0;
}

ul#atelier_liste-docs li a{
    display:block;
    height:17px;
    color: #970b03;
    font-weight: bold;
    font-size: 12px;
    padding:5px 0 0 30px;
    text-decoration: none;
    background:url(../img_new/ico-pdf.jpg) no-repeat 2px 0px;
}

/* bloc Liste des ateliers */
#page-ateliers #ateliers_liste-atelier{
    background:#ffffff;
    padding:10px 90px 20px 50px;
    margin:0 0 30px 0;
}

#atelier_img-ateliers-texte{
    margin:0 0 20px 0;
}

#ateliers_liste-atelier h2{
    color: rgb(203, 60, 49);
    font-size: 18px;
    font-weight: bold;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

#ateliers_liste-atelier ul{
    list-style: none;
}

#ateliers_liste-atelier ul.colonne_gauche{
    width:280px;
    float:left;
}

#ateliers_liste-atelier ul.colonne_droite{
    width:280px;
    float:right;
}

#ateliers_liste-atelier ul li{
    display:block;
    width:280px;
    margin:10px 30px 0 0;
}

#ateliers_liste-atelier ul li h3{
    color: #cb3c31;
    font-size: 12px;
    font-weight: bold;
}

#ateliers_liste-atelier ul li a{
    color: #695D55;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    position:relative;
    bottom:5px;
}

#ateliers_liste-atelier ul li p{
    color: #695d55;
    font-size: 11px;
    font-weight: normal;
}