/* CSS Document */
#contenu p{font-size:1.2em;}
#part2 {  }


#une {background:#cccccc;position:relative;}
*html #une{height:280px;}
#une h2 {background-image:url(../images/angle-HG-blanc.gif);background-repeat:no-repeat;padding:8px 10px;zoom:1;margin-bottom:0;}
#une h2 span {background:url(../images/deco-une.gif) no-repeat right center;padding-right:55px;}

#une .pagination {float:right;background:#cccccc url(../images/angle-HG-gris.gif) no-repeat 0 0;color:#efefef;font-size:1.8em;font-weight:bold;position:relative;zoom:1;height:30px;width:325px;margin-top:-30px;}
#une .pagination ul {float:right;padding:0px}
#une ul li {display:block;float:left;background:none;padding:0px;margin:0px;}
#une .pagination ul li {height:30px;line-height:28px;padding:0 10px;font-size:14px;}
#une .pagination ul li a {color:#efefef;}
#une .pagination ul li.bt_next a, #une .pagination ul li.bt_prev a {display:block;width:8px;height:30px;text-indent:-99999em;}
#une .pagination ul li.bt_next a {background:url(../images/bt_next.gif) no-repeat 0 9px;}
#une .pagination ul li.bt_prev a {background:url(../images/bt_prev.gif) no-repeat 0 9px;}
#une .visuel {position:relative;border-bottom:solid 1px #fff;display:block;height:227px;font-size:0;}
#une .visuel h3 {background: url(../images/ttl_une.png) no-repeat; display:block;width:212px;height:80px;position:absolute;z-index:10; text-indent:-99999em;bottom:15px;right:6px;}
*html #une .visuel h3 {background-image: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ttl_une.png',sizingMethod='crop');}

#une ul.sous-menu {position:relative;color:#fff;padding:4px 5px 0 5px;}
*html #une ul.sous-menu {background:#cccccc;}
#une ul.sous-menu li {font-size:1.2em;padding:0 5px;border-left:solid 1px #fff;position:relative;margin-bottom:4px;}
#une ul.sous-menu li.first {border:0;}
#une ul.sous-menu li a {color:#fff;}

#accroche {margin-top:25px; background: url(../images/separateur-vertical.gif) repeat-y 385px 0;position:relative;zoom:1;clear:both;}
*html #accroche {background-position:375px 0px;}
*+html #accroche {background-position:375px 0px;}
#accroche h3 {width:auto;display:block;color:#cc3300;font-size:1.4em;font-weight:bold;line-height:16px; background:url(../images/puce-titre.gif) no-repeat 0 3px;padding-left:20px;margin-bottom:10px; position:relative;margin-top:15px;}
#accroche a:hover,#accroche h3:hover{text-decoration:underline;}
#accroche h3.first {border-top:0;margin-top:0;}




#accroche .colonne.droite h2 {margin:0;background:#bfbfbf;}
#accroche .colonne.droite blockquote {color:#333333;font-size:1em;margin-top:10px;}
#accroche .colonne.droite p {color:#666666;font-size:1em;margin:5px 0 0 0;}

#annonces {margin-top:30px;}
#annonces h2, #annonces h3 {font-size:1.4em;line-height:16px;color:#FFFFFF;font-weight:bold;margin-bottom:10px;padding:4px 10px;text-transform:uppercase;}
#annonces .colonne {width:166px;margin-left:10px;}
#annonces .colonne#benevolat {width:200px;margin-left:0;}
#annonces #benevolat h2, #annonces #benevolat h3 {background:#ffc448;}
#annonces #emploi h2, #annonces #emploi h3 {background:#ffac59;}
#annonces #evenements h2, #annonces #evenements h3 {background:#ff7b4f;}
#annonces ul {padding:0px;}
#annonces ul li {font-size:1.1em;padding:5px;background:none;}
#annonces ul li p {font-size:1em;margin:0;position:relative;}
#annonces ul li a {position:relative;}
#annonces ul li a .date {display:block;}


#contenu .video {margin-bottom:10px;}
#contenu .video img {margin:0;}
#part3 a.visuel {margin-bottom:10px;display:block;}

#contenu .colonne.gauche {width:369px;}
#contenu .colonne.gauche p a{text-decoration:none;}
*html #contenu .colonne.droite {margin-left:25px;}