@charset "UTF-8";


/* générique */
#principal {
    background:url(/img/fonds/news.gif) 0 14px no-repeat;
    color:#78776f;
}
#contenu {
    padding-top:33px;
}




/* colonnes */
#col1, #col2, #col3 {
    float:left;
}
#col1 {
    width:194px;
}
#col2 {
    width:522px;
}
#col3 {
    width:152px;
    background:purple;
}





/* col1 : défilé images */
#defile {
    width:105px;
    margin-left:40px;
}
#defile ul {
    height:330px;
}
#up {
    margin-bottom:2px;
}
#down {
    margin-top:2px;
}
#down img, #up img {
    margin-left:76px;
}
#defile ul li {
    list-style-type:none;
    padding:4px 0 4px 0;
}
#defile ul li img {
    border:1px #8e8c80 solid;
}
#defile ul li span.picto_popin {
	position:absolute;
	float:right;
	height:26px;
	width:31px;
	text-align:right;
}
#defile ul li span.picto_popin img {
	border:none;
	padding:0;
	margin:48px 0 0 72px;
	top:0;
	left:0;
}





/* col2 : article */
h1 {
    background:#8e8c81;
    text-transform:uppercase;
    color:#FFF;
    font-size:1.3em;
    font-weight:normal;
    width:501px;
    padding:5px;
    font-family:"Arial Narrow",  Arial, Helvetica, sans-serif;
    margin:6px 0 16px 0;
}
#scroller {
    width:503px;
    height:336px;
    padding:5px;
}
h2, p {
    font-size:.9em;
    line-height:120%;
}
p {
    margin-bottom:12px;
}






/* col3 : liste */
#col3 {
    background:url(/img/fonds/event-selecteur_bg.png) bottom left no-repeat;
    height:427px;
}
#col3 form {
    margin:40px 0 0 12px;
}
#col3 select {
    background:#8e8c81;
    color:#FFF;
    font-family:Arial;
    font-size:.8em;
    border-top:1px #79776d solid;
    border-left:1px #79776d solid;
    border-bottom:1px #79776d solid;
    border-right:1px #79776d solid;
}
#col3 ul#news {
    height:315px;
    margin-top:20px;
    font-size:.7em;
}
#col3 ul#news li {
    border-bottom:1px #8e8c81 solid;
    margin:0 auto 18px auto;
    padding-bottom:18px;
    width:125px;
}
#col3 ul#news li a {
    color:#b3071b;
    font-weight:bold;
}




/* nav news */
#col3 ul#nav {
    width:127px;
    height:24px;
    margin:0 auto;
    padding-top:3px;
    text-align:center;
    background:url(/img/fonds/pagination_news.gif) top left no-repeat;
}
#col3 ul#nav li {
    display:inline;
    font-size:12px;
    line-height:15px;
    font-family:"Arial Narrow",  Arial, Helvetica, sans-serif;
    font-weight:bold;
}
#col3 ul#nav, #col3 ul#nav a {
    color:#8e8c81;
}
#col3 ul#nav li.actif a, #col3 ul#nav li a:hover {
    color:#b3071b;
    text-decoration:none;
}


.picto_type{position:relative;left:72px;top:-28px;border:0px}