/* 
    Document   : portlets
*/

a.readmore:hover {
    text-decoration: underline;
}

/* Fil d'ariane */
#filAriane{
    color: #005552;
    font-size: 120%;
    font-weight: bold;
    padding-left: 7px;
}
#filAriane a {color: #005552;}

/****************
Portlet colonne gauche
*****************/
.container .colLeft {
    padding-top: 5px;
}
.colLeftPortlet{
    margin-bottom: 9px;
    position: relative;
}
.container .colLeft_bottom{
    background: transparent url('../images/portlet/left/portlet_left_bottom.png') no-repeat bottom left;
    padding-bottom: 10px;
}
.container .colLeft_top{
    background: transparent url('../images/portlet/left/portlet_left_top.png') no-repeat top;
    padding-top: 11px;
}
.container .colLeft_content{
    background: transparent url('../images/portlet/left/portlet_left_repeat.png') repeat-y top;
}
.colLeft_content ul {
    zoom: 1;
    position: relative;
}
.colLeft_content ul.menu_rub{
    padding: 0 0 0 8px;
}
.colLeft_content ul.menu_rub li{
    background: transparent url('../images/portlet/left/menu_sec.png') no-repeat 0px 0px;
    margin-top: 5px;
    padding: 0 0 6px 40px;
}

.colLeft_content ul.menu_rub li.first{
    margin-top: 0;
}
.colLeft_content ul.menu_rub li.current{
    background: transparent url('../images/portlet/left/menu_sec_selected.png') no-repeat 0px 0px;
}
#content .colLeft_content ul.menu_rub li a{
    color: #484848;
    font-size: 180%;
}
.colLeft_content ul.menu_rub li ul{
    padding-left: 0;
    margin-left: -40px;
    position: relative;
    background: none;
}

.colLeft_content ul.menu_rub li img.masquePlus {
	background: transparent;
	position: absolute;
	left: 8px;
	cursor: pointer;
}
.colLeft_content ul.menu_rub li ul li{
    background: none;
    padding: 0 0 0 40px;
}
.colLeft_content ul.menu_rub li ul li.selectedItem {
    font-weight: bold;
}
#content .colLeft_content ul.menu_rub li ul li a{
    color: #005552;
    font-size: 140%;
}
.pubint{
    position: relative;
    overflow: hidden;
    width: 205px;
    margin: 0;
    padding: 0px 1px;
    background: transparent url('../images/portlet/left/masque_img_repeat.png') repeat-y top left;
    line-height: 0em;
    z-index: 0;
}
.pubint_top{
    position: absolute;
    top: 0px; left: 0px;
    height: 10px; width: 207px;
    z-index: 200;
    background: transparent url('../images/portlet/left/masque_img_top.png') no-repeat top left;
}
.pubint_bottom{
    position: absolute;
    bottom: 0px; left: 0px;
    height: 10px; width: 207px;
    z-index: 200;
    background: transparent url('../images/portlet/left/masque_img_bottom.png') no-repeat bottom left;
}
#pubinterne{
    position: relative;
    overflow: hidden;
    padding: 0; margin: 0;
    line-height: 0em;
}
#pubinterne li {
    position: relative;
    padding: 0; margin: 0;
    line-height: 0em;
}
#pubinterne li a{
    padding: 0; margin: 0;
    line-height: 0em;
}
#pubcont{
    position: absolute;
    top:0;
    left:0;
    padding: 2px 5px;
    width: 195px;
    background: transparent url('../images/portlet/center/alaune/bg_text.png') repeat-x top left;
    z-index: 1000;
    background-color: #ffc; border: 1px solid #ddd; margin: 0;

}
#pubcont span{
    margin-right: 5px;
}
#pubcont a{
    font-size: 110%;
    line-height: 1em;
}
/****************
Portlet colonne centre
*****************/
/*A la une*/
#alaune{
    overflow: hidden;
    position: relative;
    width: 489px;
    height: 227px;
    padding: 1px;
    /*margin-top: 5px;*/
    background: transparent url('../images/portlet/center/alaune/bg_alaune_repeat.png') repeat-x top left;
}
.alaune_content{
    width: 189px;
    height: 100%;
    float: right;
    background: transparent url('../images/portlet/center/alaune/bg_list_right.png') repeat-y top right;
}
.alaune_content h2{
    padding-left: 26px;
    height: 39px;
    overflow: hidden;
}
.alaune_content ul li{
    display: block!important;
    display: inline;
    margin: 0px;
    height: 41px;
    background: transparent url('../images/portlet/center/alaune/bg_list_separator.png') no-repeat bottom right;
}
.alaune_content ul li a.title:focus {
    outline-width: 1px;
}
.alaune_content ul li a.title{
    display: block;
    color: #3d3c3d;
    border: 0px;
    line-height: 1em;
    font-size: 130%;
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 6px 0px 0px 34px;
    height: 34px;
    z-index: 100;
    position: relative;
}
.alaune_content ul li.current a.title{
    color: #fff;
    background: transparent url('../images/portlet/center/alaune/alaune_current.png') no-repeat top right;
}
#actulist{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 163px;
    text-align: center;
    font-size: 110%;
    color: #cc3300;
    text-decoration: underline;
    padding-bottom: 3px;
}
.alaune_content ul li .actu{display: none;}
.alaune_content ul li.current .actu{display: block;}
.actu{
    z-index: 0;
    overflow: hidden;
    position: absolute;
    top:0;
    left: 0;
    width: 327px;
    height: 226px;
    padding: 1px 0px;
}
.bg_text {
    padding: 4px 8px 15px 8px;
}
.actu_text {
    height: 74px;
    padding: 4px 8px;
}
.bg_text,
.actu_text {
    width: 311px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent url('../images/portlet/center/alaune/bg_text.png') repeat-x top left;
}
.bg_text h3,
.actu_text h3 {
    color: #191919;
    font-size: 140%;
    font-weight: bold;
}
.bg_text p,
.actu_text p{
    color: #191919;
    font-size: 110%;
    line-height: 1.2em;
}
#alaune .readmore {
    position: absolute;
    bottom: 0;
    right: 5px;
    color: #005552;
}
#alaune_mask_left, #alaune_mask_right{
    width: 9px;
    height: 229px;
    position: absolute;
    top: 0;
    background: transparent url('../images/portlet/center/alaune/bg_alaune_left.png') no-repeat top left;
}
#alaune_mask_left{left:0;}
#alaune_mask_right{
    right: 0;
    background: transparent url('../images/portlet/center/alaune/bg_alaune_right.png') no-repeat top right;
}
#controls{
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 2px 5px;
    width: 316px;
    background: transparent url('../images/portlet/center/alaune/bg_text.png') repeat-x top left;
}
#controls span{
    margin-right: 5px;
}
#controls a{
    font-size: 110%;
}

/*Focus*/
#focus{
    overflow: hidden;
    position: relative;
    height: 227px;
    padding: 0 0 2px 0;
    margin: 0 0 15px 0;
    background: transparent url('../images/portlet/center/alaune/bg_alaune_repeat.png') repeat-x top left;
}
.large #focus,
.large #focus .actu {
    width: 690px;
    position: relative;
}
.short #focus,
.short #focus .actu {
    width: 490px;
    position: relative;
}
.large #focus .bg_text{
    width: 674px;
}
.short #focus .bg_text{
    width: 474px;
}
#focus .readmore{
    position: absolute;
    bottom: 0;
    right: 5px;
    color: #005552;
}


/*Saint Denis TV*/
#sdtv {
    margin-top: 9px;
    width: 473px;
    padding: 30px 10px 7px 9px;
    background: transparent url('../images/portlet/center/sdtv/bg_sdtv_repeat.png') repeat-x top left;
    position: relative;
    height: 285px;
}
#sdtv h2 {
    position: absolute;
    top:-3px;
    left: 9px;
}
#sdtv .mainvideo {
	  height: 180px;
    background: transparent url('../images/portlet/center/sdtv/sdtv_border_bottom.png') no-repeat bottom left;
}
#sdtv .mainvideo .featured {
	  float: left;
    height: 165px;
    width: 220px;
    margin-right: 14px;
    display: block;
}
#sdtv .featured a.noscript{
    color: black;
    font-weight: bold;
    font-size: 120%;
}
#sdtv .featured a.noscript:hover{
    color: #85A331;
    text-decoration: underline;
}
#sdtv .featured_desc{
    position: relative;
    padding-bottom: 13px;
    margin: 0px 0px 0px 233px;
}
#sdtv .featured_desc h3{
    color: #560a27;
    font-size: 140%;
}
#sdtv .featured_desc p{
    color: #000;
    font-size: 110%;
    line-height: 1.2em;
}
#sdtv .featured_desc .wiki p.first{
    margin: 0;
    padding: 0;
}
#sdtv .related_video {
    position: relative;
	  width: 225px;
	  height: auto;
	  margin-top: 10px;
}
#sdtv .related_video.left {
    float: left;
    width: 235px;
    padding-right: 5px;
    background: transparent url('../images/portlet/center/sdtv/sdtv_border_right.png') no-repeat top right;
}
#sdtv .related_video.right {
    float: right;
}
#sdtv .related_video img.video_small{
    float: left;
    margin-right: 10px;
}
#sdtv .related_video p{
    color: #000;
    font-size: 110%;
    line-height: 1.2em;
}
#videolist{
    position: absolute;
    bottom: 8px;
    right: 9px;
    width: 99px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    height: 18px;
    padding-bottom: 0px;
    background: transparent url('../images/portlet/center/sdtv/videolist.png') no-repeat top left;
}
#sdtv .readmore{
    position: absolute;
    bottom: 0;
    right: 5px;
    color: #005552;
    padding-right: 10px;
}
#sdtv_mask_left{
    background: transparent url('../images/portlet/center/sdtv/bg_sdtv_left.png') no-repeat top left;
    width: 9px;
    height: 320px;
    position: absolute;
    top: 0; left: 0;
}
#sdtv_mask_right{
    background: transparent url('../images/portlet/center/sdtv/bg_sdtv_right.png') no-repeat top right;
    width: 10px;
    height: 320px;
    position: absolute;
    top: 0; right: 0px;
}

#ad{
    margin-top: 9px;
    height: 76px;
    width: 473px;
    padding: 27px 9px 0px;
    background: transparent url('../images/portlet/center/accesdirects/bg_ad_repeat.png') repeat-x top left;
    position: relative;
}
#ad h2{
    position: absolute;
    top:-3px;
    left: 9px;
}
#ad ul{
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 460px;
    overflow: hidden;
    background: transparent url('../images/portlet/center/accesdirects/ad_repeat_ul.png') repeat-x 0px 33px;
}
#ad ul li{
    float: left;
    width: 70px;
    height: 100%;
    margin: 0px 3px;
    color: #fff;
}
#ad ul li a{
    height: 46px;
    display: block;
    color: #313131;
    font-weight: bold;
    font-size: 100%;
    line-height: 1em;
    padding: 0px 0px 0px;
    text-align: center;
    background: transparent url('../images/portlet/center/accesdirects/ad_li.png') no-repeat 50% 100%;
}
#ad ul li a:hover{
    color: #48bfd8;
    background: transparent url('../images/portlet/center/accesdirects/ad_li_selected.png') no-repeat 50% 100%;
}
#ad_mask_left{
    background: transparent url('../images/portlet/center/accesdirects/bg_ad_left.png') no-repeat top left;
    width: 9px;
    height: 76px;
    position: absolute;
    top: 0; 
    left: 0;
}
#ad_mask_right{
    background: transparent url('../images/portlet/center/accesdirects/bg_ad_right.png') no-repeat top right;
    width: 10px;
    height: 76px;
		position: absolute;
    right: 0;
    top: 0;
}

/*Article*/
#article .titlespacer, 
.conseillers .titlespacer {
    margin-top: 5px;
}
#article h2, 
.conseillers h2 {
    font-size: 200%;
    color: #eb6909;
    margin: 0 0 15px 0;
}
#article .voirAussi h3,
#video .voirAussi h3 {
    font-size: 160%;
    color: #eb6909;
    padding-bottom: 15px;
    background: transparent url('../images/portlet/commun/sousligne_orange.gif') no-repeat right 70%;
}
#article .voirAussi ul,
#video .voirAussi ul {
    list-style:none outside none;
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 110%;
}
#article .voirAussi .diaporama ul li {
  padding: 0px 3px;
  background: none;
  margin: 0;
}
#article .voirAussi .diaporama ul li.first {
  padding: 0px 3px 0px 2px;
}
#article .voirAussi li,
#video .voirAussi li {
    background: transparent url('../images/portlet/commun/plusPuce.gif') no-repeat 0px 5px;
    padding-left: 10px;
    margin-left: 20px;
    font-size: 90%;
}

#article .voirAussi li a,
#video .voirAussi li a {
    color: black;
}

#article .voirAussi ul.puceLiens li a{
	background: url("../images/portlet/commun/plusPuce.gif") no-repeat scroll 0 5px transparent;
  margin-left: 20px;
  padding-left: 10px;
}

#article .voirAussi li a:hover,
#video .voirAussi li a:hover{
    color: #85A331;
}
#article .voirAussi li a.readmore:hover,
#article .voirAussi li a.moreContact,
#video .voirAussi li a.readmore:hover,
#video .voirAussi li a.moreContact,
#listeContacts .liste li a.moreContact {
    color: #005552;
    text-decoration: underline;
}
#article .voirAussi ul.contacts li,
#video .voirAussi ul.contacts li {
    background: none;
    padding-left: 0px;
    margin-bottom: 15px;
}
#article .voirAussi ul.contacts li a.moreContact,
#video .voirAussi ul.contacts li a.moreContact {
    font-weight: normal;
    font-size: 90%;
    text-decoration: none;
}
#article .voirAussi ul.contacts li a.moreContact:hover,
#video .voirAussi ul.contacts li a.moreContact:hover,
#listeContacts li a.moreContact:hover {
    text-decoration: underline;
    color: #414141;
}
#listeContacts li a.moreContact {
    text-decoration: none;
    color: #414141;
    float: right;
}
#article .voirAussi ul.contacts li .titre a,
#video .voirAussi ul.contacts li .titre a,
#listeContacts li .titre a {
    color: #85A331;
    font-size: 110%;
}
#article .voirAussi ul.contacts li .libelle,
#video .voirAussi ul.contacts li .libelle,
#listeContacts li .libelle {
    font-weight: bold;
}
#article .voirAussi li a span.url,
#video .voirAussi li a span.url,
#listeContacts li a span.url {
    font-weight: normal;
}
#listeContacts p {
    font-size: 110%;
}
#listeContacts .infos {
    overflow: hidden;
}
#article .wysiwyg {
	list-style-position: inside;
}
#article .all {
    float: right;
    width: 99px;
    text-align: center;
    font-size: 120%;
    height: 18px;
    padding-bottom: 0px;
    background: transparent url('../images/portlet/right/agenda/toutagenda.png') no-repeat top left;
    margin: 15px 0;
}

#article .allActu {
    float: right;
    width: 150px;
    text-align: center;
    font-size: 120%;
    height: 18px;
    padding-bottom: 0px;
    background: transparent url('../images/portlet/center/actualite/toutactu.png') no-repeat top left;
    margin: 15px 0;
}
#article .all a {
    color: #fff;
    font-weight: normal;
}
#article .allActu a {
    color: #fff;
    font-weight: normal;
}
#article h4{
    color: #eb6909;
}
#article .illustration{
    float: right;
    border: 1px solid #e8e9e9;
    background: #eeeeee;
    padding: 5px;
    margin: 0px 0px 10px 10px;
}
#article .intro,
.conseillers .intro{
    font-size: 140%;
    color: #1b8095;
    margin-bottom: 20px;
}
#article .body{
    font-size: 110%;
    margin-bottom: 20px;
}
#article .body p{
    margin-bottom: 15px;
}
#article a{
    font-weight: bold;
    color: #005552;
}
#article .actusuivante{
    float: right;
    font-weight: normal;
}
#article ul{
    padding-left: 15px;
    list-style: disc;
}
#article h3.date {
    color: #85a331;
    font-size: 160%;
}
#article .voirAussi, #video .voirAussi{
    position: relative;
}
#article .voirAussi .readmore, #video .voirAussi .readmore {
    color: #005552;
    font-weight: normal;
    float: right;
}
#article #flvplayer {
  margin-bottom: 15px;
}
/*Agenda*/
#event{
    padding-top: 5px;
}
.focus_bottom{
    background: transparent url('../images/portlet/center/event/bottom.png') no-repeat bottom left;
    padding-bottom: 8px;
    margin: 5px 0px;
}
.focus_top{
    background: transparent url('../images/portlet/center/event/top.png') no-repeat top left;
    padding-top: 8px;
}
.focus{
    background: transparent url('../images/portlet/center/event/repeat.png') repeat-y top left;
    padding: 0px 8px;
}
.focus img{
    float: left;
    margin-right: 15px;
}
.focus .chapo{
    font-size: 110%;
    color: #1B8095;
}
.focus .intro{
    font-size: 110%;
}
.focus h2{
    font-size: 140%;
    color: #eb6909;
}
.filtres,
.filtresNosPublications {
    margin: 5px 0 15px 0;
    overflow: hidden;
}
.filtres li{
    margin-top: 6px;
    float: left;
}
.filtresNosPublications li {
    display: inline;
    margin: 0 5px 10px 0;
}
.filtres li a{
    font-size: 120%;
    color: #000;
    padding: 0px 4px;
    font-weight: bold;
}
.filtres li a.selected {
    background-color: #EB6809;
    color: white;
}
.filtresNosPublications li a img {
    border: 2px solid white;
    padding: 2px;
}
.filtresNosPublications li a.selected img {
    border: 2px solid black;
    padding: 2px;
}
.filtres li a:hover{
    text-decoration: underline;
}

#event .liste{
    clear: both;
    margin: 5px 0px;
    overflow: hidden;
    padding: 8px;
}
.liste li{
    margin: 10px 0px 10px;
    padding: 5px 0px;
    overflow: hidden;
    background: transparent url('../images/portlet/center/event/bg_list_separator.png') no-repeat right bottom;
}
.liste li img.illus_event{
    float: left;
    margin-right: 15px;
}
.liste li h3{
    font-size: 140%;
    margin-bottom: 5px;
}
.liste li h3 .date{
    color: #85a331;
}
.liste li h3 .titre{
    color: #eb6909;
}
.liste li .chapo{
    font-size: 110%;
}

.liste li .illustrationActualite {
  padding-left: 100px;
}
#event .actusuivante{
    float: right;
    font-weight: normal;
    color: #005552;
}
.liste .readmore {
    float: right;
    margin-top: 2px;
    color: #005552;
    padding-bottom: 2px;
}

.listeDocs li h3{
    font-size: 140%;
    margin-bottom: 5px;
}
.listeDocs li h3 a.titre{
    color: #eb6909;
}
.listeDocs li a.titre{
    font-size: 120%;
}

/* Titre cartouche orange*/
h1.cartoucheOrange {
    background: transparent url('../images/portlet/right/commun/titre_page.png') no-repeat top left;
    height: 35px;
    width: 139px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    padding: 10px 0 0 8px;
    font-size: 150%;
    margin: 6px 0 15px 0;
}

/* Boutons d'édition FullDisplay */

#centerCol {
  font-size: 100%;
}
#centerCol .displayHeaderToolbar {
    margin-right: 20px;
}
#centerCol .displayHeaderToolbar a.amoins,
#centerCol .displayHeaderToolbar a.areset,
#centerCol .displayHeaderToolbar a.aplus {
    margin: 0 2px;
    font-weight: bold;
}
#centerCol .displayHeaderToolbar .moins { font-size: 120%; }
#centerCol .displayHeaderToolbar .reset { font-size: 140%; }
#centerCol .displayHeaderToolbar .plus { font-size: 160%; }
#centerCol .displayHeaderToolbar .sup { vertical-align: super; font-size: 100%; font-weight: normal; } 

/****************
Portlet colonne droite
*****************/
/* Menu Sous-Rubriques */
#menuSsRub {
    margin-top: 30px;
    background-color: #EFEFEF;
    font-size: 110%;
    color: #484848;
}
#menuSsRub li {
    position: relative;
    clear: both;
    padding: 10px;
    border-top: 2px solid #E4E4E4;
    overflow: hidden;
    zoom: 1;
}
#menuSsRub h2 {
    margin-bottom: 5px;
}
#menuSsRub h2 a {
    color: #484848;
    font-size: 120%;
}
#menuSsRub p.description {
    margin-right: 10px;
}

#menuSsRub img {
    float: left;
    padding: 0 10px 10px 0;
}

.colRightPortlet{
    background: transparent url('../images/portlet/right/commun/bg_bottom.png') no-repeat bottom left;
    position: relative;
    width: 194px;
    height: 100%;
    padding-bottom: 9px;
    z-index: 10;
}
.colRight_repeat{
    background: transparent url('../images/portlet/right/commun/bg_repeat.png') repeat-y top left;
    /*padding-bottom: 30px;*/
    position: relative;
    zoom: 1;
}
.colRightPortlet h2 {
	position: absolute;
	top: -10px;
	left: -4px;
	background: transparent url('../images/portlet/right/commun/titre.png') no-repeat top left;
	height: 48px;
	width: 216px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	padding: 18px 0 0 7px;
	font-size: 150%;
	zoom: 1;
}
#agenda{
    position: relative;
    margin-top: 10px;
}
#agenda ul{
    padding: 45px 5px 0px 15px;
}
#agenda ul li{
    position: relative;
    clear: both;
}
#agenda ul li .readmore{
    float: right;
    margin-top: 2px;
    color: #005552;
    padding-bottom: 2px;
}
#agenda ul li .date{
    color: #7a991d;
    font-size: 140%;
}
#agenda ul li .datebox{
    color: #7a991d;
    font-size: 100%;
}

#agenda ul li p.desc{
    color: #414141;
    font-size: 120%;
    line-height: 1.1em;
    font-weight: bold;
}
#agenda ul li p.desc strong{
    color: #010101;
}
#agenda .all {
    clear: both;
    float: right;
    width: 99px;
    text-align: center;
    font-size: 120%;
    height: 18px;
    padding-bottom: 0;
    background: transparent url('../images/portlet/right/agenda/toutagenda.png') no-repeat top left;
    margin: 10px 9px 0 0;
    position: relative;
}
#agenda .all a.agendalist {
    color: #fff;
}

/*Communique et liens externes*/
#communique,
#mairieInfos,
#contacts,
#liensExternes,
#liensPratiques,
#sondages,
#kiosque,
#breve,
#dernieresActus,
#zoneLibre,
#telecharger,
#filtresGGMap,
#saintDenisTV,
#quartiersGGMap {
    position: relative;
    margin-top: 10px;
    color:#414141;
}

#communique h2,
#mairieInfos h2,
#contacts h2,
#liensExternes h2,
#liensPratiques h2,
#sondages h2,
#kiosque h2,
#breve h2,
#dernieresActus h2,
#zoneLibre h2,
#filtresGGMap h2,
#quartiersGGMap h2,
#telecharger h2 {
    position: absolute;
    top: -10px;
    left: -4px;
}
#quartiersGGMap h2.pngfix{
  width: 216px;
  height: 38px
}

#mairieInfos p.desc a,
#liensExternes p.desc a {
    color: #7a991d;
}
#communique p.desc a,
#mairieInfos p.desc a,
#contacts p.desc a,
#liensExternes p.desc a,
#liensPratiques p.desc a,
#sondages p.desc a,
#kiosque p.desc a,
#breve p.desc a,
#dernieresActus p.desc a,
#zoneLibre p.desc a,
#telecharger p.desc a {
    font-size: 140%;
    line-height: 1.2em;
}
#communique a,
#mairieInfos a,
#contacts a,
#liensPratiques a,
#liensExternes a,
#kiosque a,
#breve a,
#dernieresActus a,
#telecharger a {
    color: #414141;
}
#communique a:hover,
#mairieInfos a:hover,
#contacts a:hover,
#liensPratiques a:hover,
#liensExternes a:hover,
#kiosque a:hover,
#breve a:hover,
#dernieresActus a:hover,
#telecharger a:hover {
    color: #85a331;
}
#communique ul,
#mairieInfos ul,
#contacts ul,
#liensPratiques ul,
#liensExternes ul,
#kiosque ul,
#breve ul,
#dernieresActus ul,
#telecharger ul {
    padding: 45px 5px 0px 10px;
}
#communique ul li,
#mairieInfos ul li,
#contacts ul li,
#liensPratiques ul li,
#liensExternes ul li,
#kiosque ul li,
#breve ul li,
#dernieresActus ul li,
#telecharger ul li {
    position: relative;
    list-style-position: outside;
    padding-left: 10px;
    zoom: 1;
}
#communique ul li,
#contacts ul li,
#liensPratiques ul li,
#kiosque ul li,
#breve ul li,
#dernieresActus ul li,
#telecharger ul li {
    background: url("../images/portlet/commun/plusPuce.gif") no-repeat scroll 0 5px transparent;
}
#mairieInfos ul li,
#liensExternes ul li {
    background: url("../images/portlet/commun/plusPuceVerte.gif") no-repeat scroll 0 5px transparent;
}
#communique ul li p.desc,
#mairieInfos ul li p.desc,
#contacts ul li p.desc,
#liensPratiques ul li p.desc,
#liensExternes ul li p.desc,
#kiosque ul li p.desc,
#breve ul li p.desc,
#dernieresActus ul li p.desc,
#telecharger ul li p.desc {
    color: #414141;
    line-height: 1.1em;
    margin-top: 10px;
    font-weight: bold;
}
#communique ul li p.desc strong,
#mairieInfos ul li p.desc strong,
#contacts ul li p.desc strong,
#liensPratiques ul li p.desc strong,
#liensExternes ul li p.desc strong,
#kiosque ul li p.desc strong,
#breve ul li p.desc strong,
#dernieresActus ul li p.desc strong,
#telecharger ul li p.desc strong {
    color: #010101;
}
#communique ul li p.resume,
#mairieInfos ul li p.resume,
#contacts ul li p.resume,
#liensPratiques ul li p.resume,
#liensExternes ul li p.resume,
#kiosque ul li p.resume,
#breve ul li p.resume,
#dernieresActus ul li p.resume,
#telecharger ul li p.resume {
    font-size: 120%;
    line-height: 1.1em;
}
#communique .colRight_repeat,
#contacts .colRight_repeat,
#liensPratiques .colRight_repeat,
#liensExternes .colRight_repeat,
#kiosque .colRight_repeat,
#breve .colRight_repeat,
#dernieresActus .colRight_repeat,
#telecharger .colRight_repeat {
    padding-bottom:10px;
}
#mairieInfos .all,
#dernieresActus .all,
#communique .all {
    clear: both;
    float: right;
    width: 99px;
    text-align: center;
    font-size: 120%;
    height: 18px;
    padding-bottom: 0;
    background: transparent url('../images/portlet/right/agenda/toutagenda.png') no-repeat top left;
    margin: 10px 9px 0 0;
    position: relative;
}
#mairieInfos .all a.lienAllList,
#dernieresActus .all a.lienAllList,
#communique .all a.lienAllList {
    color: #fff;
}
#communiquelist/*,
#lienAllList*/ {
    position: absolute;
    bottom: 6px!important;
    bottom: 0px;
    right: 9px;
    width: 99px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    height: 18px;
    padding-bottom: 0px;
    background: transparent url('../images/portlet/right/communique/toutcommunique.png') no-repeat top left;
}

#telecharger .colRight_repeat a.titre,
#kiosque .colRight_repeat a.titre {
    font-weight: bold;
}
#dernieresActus .colRight_repeat .rssActus,
#communique .colRight_repeat .rssActus {
    color: #414141;
    font-size: 120%;
    font-weight: bold;
    margin: 10px 10px 0 0;
}
#dernieresActus .colRight_repeat .rssActus a,
#communique .colRight_repeat .rssActus a {
    display: block;
    float: right;
    margin-right: 5px;
}
#dernieresActus .colRight_repeat .rssActus span,
#communique .colRight_repeat .rssActus span {
    padding-left: 5px;
}
#zoneLibre .wysiwyg {
	  padding: 45px 5px 0px 15px;
}

/* Sondages */
#sondages .sondage {
    padding: 45px 5px 0px 15px;
}

#sondages .sondage a{
}

#sondages .sondage h3,
#allPolls .allsondages h3 {
    font-size: 140%;
    line-height: 1.1em;    
  margin-top: 10px;
  margin-bottom: 6px;
}

#sondages .sondage h3 a,
#allPolls .allsondages h3 a{
  color: #EB6909
}

#sondages .sondage .description,
#allPolls .allsondages .description {
  text-align: left;
  margin-bottom: 5px;
  font-size: 120%;
  line-height: 1.1em;
}

#sondages .sondage .description img.image,
#allPolls .allsondages .description img.image {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}
#allPolls .allsondages {
  width: 230px;
	padding: 5px 5px 15px 5px;
	float: left;
}
#allPolls .pollresult td.value {
  font-size: 110%;
}
#allPolls .pollresult td {
  font-size: 110%;
}
#sondages .sondage label,
#allPolls .allsondages label,
#allPolls .allsondages a,
#sondages .sondage table td.formSondage input {
    vertical-align: middle!important;
    vertical-align: bottom;
    font-size: 120%;
    color: #000000;
}

#allPolls .allsondages table input.submitPoll{
  margin-bottom: 5px;
  margin-top: 5px;
}

#sondages .sondage label {
    padding-top: 4px;
      color: #000000;
}
#sondages .submitPoll  {
	background-color: #2A9CB3;
	border: 1px solid #E4E4E4;
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
	height: 23px;
	margin: 10px 0;
	overflow: visible;
	padding: 0 6px;
	width: auto;
	cursor: pointer;
}
#sondages .colRight_repeat {
  padding-bottom: 10px;
}
#sondages .allPolls {
  font-weight: bold;
  color: #414141;
}
#sondages .allPolls:hover {
  color: #85A331;
}
#sondages .pollresult {
  margin: 5px 2px 5px 0;
}
#sondages .pollresult {
  margin-bottom: 5px;
}
#sondages .pollresult td.value {
  background-image: url('../images/portlet/right/sondage/gridline28.gif');
  font-size: 110%;
}
#sondages .pollresult td {
  font-size: 110%;
}
/*Liens*/
#liens {
    position: relative;
    width: 194px;
    height: 100%;
    margin-top: 9px;
}
#liens .left {
    float: left;
    margin-right: 6px!important;
    margin-right: 3px;
}
#liens .right {
    margin-bottom: 3px;
}

/* rightMenu */
#rightMenu{
	position:relative;
	margin-top:10px;
}
#rightMenu .emptyMenu {
    height: 40px;
}
#rightMenu a {
    color: #005552!important;
}

#rightMenu ul.navigation {
  padding: 50px 5px 0px 15px;
  position: relative;
}
#rightMenu ul li {
  padding: 0 0 0 17px;
  margin-top: 8px;
}
#rightMenu ul li ul li{
  margin-top: 2px;
}
#rightMenu ul li.withSub{
  padding-left: 17px;
}
#rightMenu ul li.withSub2 li {
  padding-left: 7px;
}
#rightMenu ul li a {
    font-size: 140%;
    text-decoration: none;
}
#rightMenu ul li.selectedLevel > a {
  padding-left: 17px;
}

#rightMenu ul li.selectedLevel {
    padding-left: 0px;
    padding-bottom: 0px;
}
#rightMenu ul li.selectedLevel a {
    font-weight: bold;
}
#rightMenu ul.subMenu li.selectedLevel2 a {
    font-weight: bold;
}
#rightMenu ul.subMenu li ul.subMenu2 li a {
    font-weight: normal;
}

#rightMenu ul li ul{
    margin-top: 3px;
}
#rightMenu ul li ul li {
    padding-left: 20px;
}
#rightMenu ul li ul li a {
    font-size: 120%;
}
#rightMenu ul li.selectedLevel ul li a {
    font-weight: normal;
}
#rightMenu .selectedPage > a,
#rightMenu ul.subMenu li.selectedPage > a,
#rightMenu ul.subMenu li ul.subMenu2 li.selectedPage > a {
    font-weight: bold;
}
#rightMenu ul.navigation li img.fleche {
    background: transparent;
    position: absolute;
    left: 12px;
}
#rightMenu ul.navigation li img.fleche1{
    background: transparent;
    position: absolute;
    left: 30px;
}
#rightMenu ul li.withSub{
    background: transparent url('../images/portlet/right/navigation/fleche_droite.png') no-repeat 0px 1px;
}
#rightMenu ul li.selectedLevel{
    background: transparent url('../images/portlet/right/navigation/fleche_bas.png') no-repeat 0px 1px;
}
#rightMenu ul li.withSub2{
    background: transparent url('../images/portlet/right/navigation/fleche_droite_2.png') no-repeat 0px 1px;
}
#rightMenu ul li.selectedLevel2{
    background: transparent url('../images/portlet/right/navigation/fleche_bas_2.png') no-repeat 0px 1px;
}


#rightMenu ul li a{
    color: #000;
}
#rightMenu ul li ul{
    padding-left: 10px;
}
#rightMenu ul li ul li{
    background: transparent url('../images/portlet/right/navigation/puce.png') no-repeat 11px 7px;
}
#rightMenu ul li ul li ul li{
    background: transparent url('../images/portlet/right/navigation/tiret.png') no-repeat 0 7px;
    padding-left: 8px;
}

/* Portlet agenda */

#calendrier table.SmallMonth {
    border: 1px solid #E5E7E6;
    width: 194px;
    font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#calendrier table.SmallMonth tr td {
    padding: 2px 4px;
}
#calendrier table.SmallMonth tr td a.selected {
    font-weight: bold;
    background-color:#EB6809;
    padding: 2px 5px;
    color: white;
}
#calendrier table.SmallMonth tr td.HasEvent a {
    background-color: #E5E7E6;
    border: 1px solid #ccc;
}
#calendrier table.SmallMonth tr.header {
    font-size: 1.4em;
    font-weight: bolder;
}
#calendrier table.SmallMonth tr.header td {
    padding: 4px 0;
}
#calendrier table.SmallMonth tr.header a {
    color: white;
    text-decoration: none;
}
#calendrier table.SmallMonth tr.header a:hover {
    text-decoration: underline;
}
#calendrier table.SmallMonth tr.header td {
    background-color: #45B7D0;
    padding-left: 5px;
}
#calendrier table.SmallMonth tr.header td img {
    vertical-align: top;
    margin-top: 2px;
}
#calendrier table.SmallMonth tr.header td img.left {
    padding-left: 5px;
}
#calendrier table.SmallMonth tr.header td img.right {
    padding-right: 5px;
}
#calendrier table.SmallMonth tr td.ColHeader {
    border-bottom: 1px solid #45B7D0;
}
#calendrier table.SmallMonth tr td.Today {
    
}
#calendrier table.SmallMonth tr td.Today a {
    /*font-weight: bold;*/
    font-size: 1.1em;
    background-color: #eee;
    border: 1px solid #ccc;
}

/* Bloc contenu libre*/
#contenuLibre {
  margin: 10px 0;
  padding: 0 5 px 0 15px;
}

/* Page Annuaire contact */

#bloc-search-contact label {
  font-size: 110%;
  margin: 0 5px;
}

#bloc-search-contact #search_submit_annuaire {
	background:url("../images/commun/search/search_submit.png") no-repeat scroll 0 50% transparent;
	border:medium none;
	color:#FFFFFF;
	font-family:'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:100%;
	height:18px;
	margin:0 5px;
	padding:0 0 3px 1px;
	text-align:center;
	width:18px;
	cursor: pointer;
}

#article .infosPratiques {
	font-size: 110%; 
}

/*Diaporama*/

.diaporama {
  color: #504f4f;
  position: relative;
  width: 100%;
  margin: 10px 0px 20px;
  overflow: hidden;
}

.diaporama .diapoContainer {
  width: 100%;
  margin: 0 auto;
}

.diaporama .diaporamaScrollable {
  position: relative;
  overflow: hidden;
  width: 442px;
  height: 132px;
  float: left;
}

.diaporama ul {
  background: #fafbfc;
  height: 118px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 20000em;
  position: absolute;
}

.diaporama ul li {
  width: 105px;
  height: 132px;
  padding: 0px 3px;
  float: left;
  list-style: none;
}

.diaporama ul li.first {
  padding: 0px 3px 0px 2px;
}

.diaporama ul li a {
  background: transparent url(../images/portlet/center/diaporama/fondVignette.png) no-repeat top left;
  display: block;
  margin-top: 9px;
  padding: 6px 10px 0px;
  height: 117px;
}
.diaporamaPrev {
  float: left;
  text-indent: -9999em;
  display: block;
  height: 118px;
  width: 9px;
  background: #fafbfc url(../images/portlet/center/diaporama/navLeft.png) no-repeat 50% 50%;
}

.diaporamaNext {
  float: right;
  text-indent: -9999em;
  display: block;
  height: 118px;
  width: 9px;
  background: #fafbfc url(../images/portlet/center/diaporama/navRight.png) no-repeat 50% 50%;
}

/*Overlay - GENERIQUE*/
.simple_overlay {
  display: none;
  z-index: 20000;
  background-color: #333;
  width: auto;
  min-height: 50px;
  border: 1px solid #666;
}

.simple_overlay img {
  display: block;
}

.simple_overlay .close {
  background: url(../images/portlet/center/overlay/apple-close.png) no-repeat;
  position: absolute;
  right: -22px;
  top: -12px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

.next, .prev {
  position: absolute;
  top: 40%;
  border: 1px solid #666;
  cursor: pointer;
  display: block;
  padding: 5px 5px;
  color: #000;
  font-size: 0.9em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.prev {
  left: 0;
  border-left: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
}

.next {
  right: 0;
  border-right: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
}

.next:hover,.prev:hover {
  text-decoration: underline;
  background-color: #fff;
}

.disabled {
  visibility: hidden;
}

#servicePager a.disabled {
  display: none;
}

#gallery .info {
  position: absolute;
  left: 0;
  padding: 10px 15px;
  color: #000;
  font-size: 0.9em;
  border-top: 1px solid #666;
}

#gallery .info strong {
  display: block;
}

.progress {
  position: absolute;
  top: 45%;
  left: 45%;
}

.next,.prev,
#gallery .info {
  background: #fff;
}

/* texte orange  */
.orange {
	color: #EB6909;
	font-size: 100%;
	font-weight: bold;
	margin-top: 10px;
	display: block;
}

/* Trombinoscope */
#listeElus .maire {
    width: 480px!important;
    min-height: 180px!important;
    position: relative;
}
#listeElus .droite {
    margin-left: 20px!important;
}
#listeElus .trombinoscope {
  width: 230px;
  min-height: 200px;
  float: left;
  margin: 0 0 20px 0;
}
#listeElus .readmore{
    float: right;
    margin-top: 5px;
    color: #005552;
    padding-bottom: 2px;
}
#listeElus .trombinoscope img.photoElu {
  margin: 0px 10px 0px 5px;
  float: left;
}
#listeElus .trombinoscope h2 {
    font-size: 140%;
}
#listeElus .trombinoscope h2 a {
    color: #EB6909;
}
#listeElus .trombinoscope h2 a:hover {
    color: #85A331;
}
#listeElus .trombinoscope .description {
  padding-left: 5px;
  margin-right: 5px;
}
#listeElus .trombinoscope .description .delegation {
  font-size: 110%;
}
#listeElus .trombinoscope .description .nom {
	font-size: 120%;
	font-weight: bold;
}
#listeElus .trombinoscope .description .nom a {
  color: #85A331;
}
#listeElus .mbox {
    width: 90%;
}
#listeElus .mbox p {
    font-size: 120%;
}

/* Flux RSS */
#fluxRSS {
	font-size: 110%;
}
#fluxRSS .listeFlux ul {
  margin-top:10px;
}

#fluxRSS .listeFlux ul li {
  margin-top: 5px;
}

#fluxRSS .listeFlux a {
	
  height: 18px;
  display: block;
}
#fluxRSS .listeFlux a img {
  float: left;
}
#fluxRSS .listeFlux a span {
	padding-left: 5px;
	float: left;
}

/* Liste vignette */
#listeVignettes .vignette {
	float: left;
	position:relative;
	width:230px;
	margin-bottom: 20px;
	text-align: center;
}
#listeVignettes .illustration img {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 1px solid #E8E9E9;
	padding: 5px;
}
#listeVignettes .vignette h3 a {
    font-size: 140%;
    color: #eb6909;
}
#listeVignettes .vignette h3 a:hover {
    color: #85a331;
}
#listeVignettes .droite {
    margin-left: 20px;
}
#listeVignettes .gauche {
    margin-left: 5px;
    clear: left;
}

/* Liste archives actualités */
#listeArchivesActualites {
  font-size: 110%;
}

#listeArchivesActualites h3 {
	margin: 10px 0 5px 0;
	font-size: 140%;
	color: #EB6909;
}
#listeArchivesActualites table {
	margin-left: 50px;
	margin-top: 5px;
}

#listeArchivesActualites td {
	padding-right: 50px;
}
#listeArchivesActualites td.day {
    padding-right: 50px;
    font-size: 120%;
    color: #85A331;
    font-weight: bold;
}

/* Recherche */

#centerCol .tab-single-pane,
#centerCol .tab-page {
  min-width: 490px !important;
  width: 490px !important;
}
#centerCol .formLabel {
  padding-right: 10px;
}
#centerCol .formInfo,
#centerCol .formLabel {
	font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#centerCol .tab a,#centerCol .tab_selected a {
  font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 92%;
}

#centerCol .formLabel label,
#centerCol .formLabel input {
  font-size: 96%;
}
#centerCol .formInfo label,
#centerCol .formInfo input {
  font-size: 92%;
}
#centerCol .formInfo ul.TreeCat li {
  margin: 0;
  font-size: 1200%;
}

#centerCol .formInfo ul li {
	font-size: 92%;
  margin: 5px 0;
}

#centerCol .formInfo select {
  font-size: 100%;
  font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#centerCol .tab-page table {
  margin-left: 10px;
  padding: 5px 0;
}

#centerCol .tab-page .formInfo td {
  font-size: 92%;
}

#centerCol .tab-page .formDescription {
  font-size: 92%;
}

#centerCol .formButton {
  margin-top: 10px;
}

/* Formulaire */

#centerCol table.formBackground {
  color: #484848;
  margin-top: 2px;
  display: compact;
}
#centerCol .reviewList table {
  width: 490px!important;
}
#centerCol .reviewList table tr td table tr > td {
  width: 490px!important;
}
#centerCol table.pubEditForm {
  font-size: 100%;
  font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
  width: 490px !important;
  display: block; 
}
#centerCol table.pubEditForm td {
  font-family: 'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#centerCol table.pubEditForm label {
	font-size: 140%;
  font-weight: bold;
}
#centerCol table.pubEditForm tr, 
#centerCol table.pubEditForm td {
  width: 475px !important;
  display: block; 
}

#centerCol table.pubEditForm input,
#centerCol table.pubEditForm textarea {
  width: 465px !important;
  display: block; 
}
#centerCol table.formBackground td.formTitle  {
	background-color:#2A9CB3;
}
#centerCol .mainButton {
	background-image: none;
	background-color:#2A9CB3;
	border:1px solid #E4E4E4;
	color:#FFFFFF;
	cursor:pointer;
	font-family:'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	height:23px;
	margin:10px 0;
	overflow:visible;
	padding:0 6px;
	width:auto;
}
#centerCol .formInfo a {
	color: #000000;
	font-size: 92%;
	font-weight: bold;
	text-decoration: none;
}
#centerCol .formInfo a:hover {
  color: #6A8A13;
}
/* Formulaire de contact */
#centerCol #mailPublication {
  font-family:'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#centerCol #mailPublication p {
  font-size: 110%;
}
#centerCol #mailPublication .formBackground {
	width: 490px !important;
	border: 1px solid #999999;
	display: block;
	cellspacing: 0;
	cellpadding: 0;
}
#centerCol #mailPublication .listInputs {
	width: 490px !important;
  display: block;
	cellspacing: 3;
	cellpadding: 3;
	border: 0;
}
#centerCol #mailPublication .listInputs .formTextfield,
#centerCol #mailPublication .listInputs .formTextarea {
	width: 300px;
}
#centerCol #mailPublication .listInputs .formTextarea {
  height: 110px;
}


/* Pager */
#centerCol .pager {
	font-family:'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 100%;
  color:#005552;
}
#centerCol .pager a {
  color:#005552;
}

/* Contact */

.contact,
.ficheTrombinoscope {
  font-size: 100%;
}

#article .contact h2,
#article .ficheTrombinoscope h2 {
  margin-bottom: 15px;
}

.contact p,
.ficheTrombinoscope p {
  margin: 5px 0;
  font-size: 110%;
}
.contact .intro p {
  margin: 0!important;
} 

.contact span, .ficheTrombinoscope span {
  font-size: 100%;
} 

.lienExterne p {
  font-size: 110%;
}

.ficheTrombinoscope .wiki {
  text-align: justify;
}

/* Photothèque */

.phototheque {
  position: relative;
  width: 100%;
  margin: 10px 0px 10px;
  overflow: hidden;
}

.phototheque .diapoContainer {
  width: 220px;
  margin: 0 auto;
}

.phototheque .diaporamaScrollable {
  position: relative;
  overflow: hidden;
  width: 220px;
  height: 150px;
  float: left;
}

.phototheque ul {
  margin: 0px;
  padding: 0px;
  width: 20000em;
  position: absolute;
  left: 0;
}

.phototheque ul li {
  width: 220px;
  height: 150px;
  padding: 0px 3px;
  float: left;
  list-style: none;
}


.phototheque ul li a {
  display: block;
  height: 150px;
}

/* Plan du site */

#planDuSite {
    font-size: 110%;
}
#planDuSite ul {
    padding-left: 15px;
}
#planDuSite a.root {
    font-size: 160%;
    font-weight: bold;
}
#planDuSite ul.level0 {
    font-size: 160%;
}
#planDuSite ul.level0 li a {
    font-weight: bold;
}
#planDuSite ul.level0 li {
    font-size: 90%;
}
#planDuSite ul.level1 li a {
    font-weight: normal;
}
#pubinterne {
	height: auto;
}
/* Boutons de partage */
#share{
  display: block;
  height: 30px;
  margin: 10px 0;
}

#share ul li {
	float:left;
	height:21px;
	margin:0 2px 0 0;
}

/* Liste vidéos */
#listeVideos #flvplayer {
  margin-bottom: 10px;
  float: left;
}
#listeVideos #flvplayer a.noscript{
    color: black;
    font-weight: bold;
    font-size: 120%;
}
#listeVideos #flvplayer a.noscript:hover{
    color: #85A331;
    text-decoration: underline;
}
#listeVideos .readmore {
	color: #005552;
	float: right;
	margin-bottom: 5px;
}
#listeVideos .wiki, #listeVideos .wiki .first {
  padding-bottom: 0;
  margin-bottom: 0;
}
#listeVideos .videoPrincipale .infos {
    width: 310px;
    float: left;
    position: relative;
    padding-left: 10px;
}

#listeVideos .videoPrincipale h2 {
	color: #EB6909;
	font-size: 200%;
	margin-bottom: 10px;
}
#listeVideos .videoPrincipale .chapo {
	color: #1B8095;
	font-size: 140%;
	margin-bottom: 15px;
}
#listeVideos .filtres li {
  width: auto;
  margin-top: 20px;
}
#listeVideos .filtres li a {
  padding-left: 0;
}
#listeVideos h2 {
  font-size: 200%;
  color: #eb6909;
  margin: 0px 0px 15px 0px;
}
#listeVideos ul.autresVideos {
    margin-top: 20px;
}
#listeVideos ul.autresVideos li {
	float: left; 
	width: 200px;
	height: 220px;
	padding: 10px;
	overflow: hidden;
	position: relative;
	background: transparent url('../images/portlet/center/alaune/bg_alaune_repeat.png') repeat-x top left;
}
#listeVideos ul.autresVideos li.marge {
	margin-right: 10px;
} 
#listeVideos ul.autresVideos li h3 {
  font-size: 120%;
}
#listeVideos ul.autresVideos li h3 a {
  color: #7A991D;
}
#listeVideos ul.autresVideos li h3 a:hover {
  text-decoration: underline;
}
#listeVideos ul.autresVideos li .wiki {
  font-size: 110%;
}
#listeVideos ul.autresVideos li img.illustration {
  float: left;
  margin: 0 8px 5px 0;
}
#listeVideos ul.autresVideos li .video_mask_left,
#listeVideos ul.autresVideos li .video_mask_right{
    width: 9px;
    height: 229px;
    position: absolute;
    top: 0;
    background: transparent url('../images/portlet/center/alaune/bg_alaune_left.png') no-repeat top left;
}
#listeVideos ul.autresVideos li .video_mask_left{left:0;}
#listeVideos ul.autresVideos li .video_mask_right{
    right: 0;
    background: transparent url('../images/portlet/center/alaune/bg_alaune_right.png') no-repeat top right;
}


/* Vidéo */
#video h2 {
  font-size: 200%;
  color: #EB6909;
  margin: 10px 0px 10px 0px;
}
#video a {
  font-weight: bold;
}
#video #flvplayer {
	float: left;
	padding: 0 10px;
}
#video .infos {
	padding-left: 10px;
}
#video .body{
    font-size: 110%;
}
#video .body p{
    margin-bottom: 15px;
}
#video .chapo {
	color: #1B8095;
	font-size: 140%;
  margin-bottom: 15px;
}
#video .transcript {
	position: relative;
	display: block;
	margin-bottom: 10px;
}
#video .allVideo {
	background: url("../images/portlet/center/sdtv/videolist.png") no-repeat scroll left top transparent;
	color: #FFFFFF;
	font-size: 120%;
	height: 18px;
	text-align: center;
	width: 99px;
  float: right;
  margin-top: 20px;
  font-weight: normal;
}
#video .wysiwyg {
	margin-top: 20px;
  font-size: 110%;
}
#video #flvplayer a.noscript{
    color: black;
    font-weight: bold;
    font-size: 120%;
}
#video #flvplayer a.noscript:hover{
    color: #85A331;
    text-decoration: underline;
}

#dernierVideo {
  display: block;
  padding:45px 5px 24px 5px;
  position:relative;
}
#dernierVideo .allVideo {
    position: absolute;
    bottom: 0;
    right: 9px;
    width: 99px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    height: 18px;
    padding-bottom: 0px;
    background: transparent url('../images/portlet/center/sdtv/videolist.png') no-repeat top left;
}