/* tout d abord les evenements */

h2.center{
    color: white;
}

div#col_1{
    width: 469px;
    float: left;
    margin-left: 22px;
    
}

div#col_2{
    width: 469px;
    float:left;
}

h3.mois{
    margin: 25px 0 25px 25px;
    font-size: 25px;
}

#col_2 p, #col_1 p{
    margin-left: 50px;  
}

#switch_years{
    clear: both;
    text-align: center;
}

#switch_years a{
    color: white;
}

div#col_1 p, div#col_2 p{
    font-size: 20px;
}

div#col_1 a, div#col_2 a{
    color: white;
}

/*evenement unique */
div.evt{
    width: 700px;
    margin-left: 142px;
    margin-top: 50px;
}

div.Evt h2{
    color: white;
}

div.evt p{
    padding-left: 20px;
    margin: 10px 0;
}

div.evt p#description{
    padding-left: 40px;
}

div.evt div#adresse p#add{
    margin: -30px 0 0 70px;
}

div.evt span{
    color: white;
}

/* les oeuvres */

ul#oeuvre_mini{
    width: 938px;
    margin: 90px 0 20px 22px;
}

ul#oeuvre_mini li{
    float: left;
    width: 300px;
    list-style: none;
    position: relative;
}

ul#oeuvre_mini li h4{
    text-align: center;
}

ul#oeuvre_mini li h4 a{
    color: #999477;
    text-decoration: none;
    margin-left: 20px;
}

h4.portrait{
    margin-left: 5px;
}

h4.paysage{
    margin-left: 40px;
}

ul#oeuvre_mini li img.paysage{
    margin: 0; padding: 0;
    margin: 10px 0 20px 65px;
}

ul#oeuvre_mini li img.portrait{
    margin: 10px 0 20px 70px;
}

p.center{
    clear: both;
    display: block;
    padding-top: 100px;
    padding-bottom: 10px;
}

p.center a{
    color: #999477;
    text-decoration: none;
}

p.center a.num{
    text-decoration: underline;
}



/*oeuvre unique */

div.oeuvre {
    width: 938px;
    margin-left: 22px;
    overflow: hidden;
    position: relative;
    min-height: 500px;
    height: 500px;
}

div.oeuvre h3{
    text-align: center;
    margin-top: 50px;
    color: #999477;
}

div.oeuvre a#img_oeuvre{
    margin: 0;
    padding: 0;
}

div.oeuvre img.portrait{
    margin-left: 380px;
    margin-top:30px;
}

div.oeuvre img.paysage{
    margin-left: 320px;
    margin-top:30px;
}

div.oeuvre p.oeuvre_description{
    width: 230px;
    text-align: justify;
    padding: 0 10px;
    position: absolute;
    top: 280px;
    
}

div.oeuvre ul#oeuvre_img_sec{
    position:absolute;
    top: 100px;
    right: 200px;
}

div.oeuvre ul#oeuvre_img_sec li, ul#oeuvre_img_sec_1 li, ul#oeuvre_img_sec_2 li{
    list-style: none;
}

ul#oeuvre_img_sec_1{
    position:absolute;
    top: 100px; 
    right: 135px;
}

ul#oeuvre_img_sec_2{
    position: absolute;
    top: 130px;
    right: 70px;
}