html{

color:#000;background:#666666;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:750px;*width:750px;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{width:auto;margin:0px 0 0 0px;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;float:left;}.yui-b{_position:static;}#yui-main .yui-b{background-color:#FFFFFF;}#yui-main{width:950px;background-color:#FFFFFF;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;} 8


#doc3{
	position:relative;
	padding:0;
	background-color:#000000;
}
#hd {
    background-image: url(sprite.png);
    background-position: 0 -1300px;
    color: #fff;
    border: 1px solid #CDCDCD;
    padding: 1em;
}


#hd h1 {
    font-size: 116%;
    font-weight: bold;
    color: #000;
}
#ft {
    font-size: 85%;
    font-style: italic;
}
#play {
    //margin-top: 200px 0 0 250px;;
    zoom: 1;
}
//#play:after { display: block; clear: both; visibility: hidden; content: '.'; height: 0;}


//Ë modifier par les favicon pour mettre le logo du Feed
#feeds {
	width:265px;
    background-color: #B3D4FF;
    //margin-top: .75em;
    border: 1px solid #CDCDCD;
    min-height: 500px;
    *height: 500px;
    //padding: .5em;
padding:50px;
   position: relative;


}


#feeds ul li {
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:16px;
    padding-left: 25px;
    margin: 3px;
    cursor: move;
    zoom: 1;
}

#feeds ul li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
}

#nationales ul li {
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:16px;
    padding-left: 25px;
    margin: 3px;
    cursor: move;
    zoom: 1;
}

#nationales ul li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
}

#internationales ul li {
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:16px;
    padding-left: 25px;
    margin: 3px;
    cursor: move;
    zoom: 1;
}

#internationales ul li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
}

#commfeeds ul li {
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:16px;
    padding-left: 25px;
    margin: 3px;
    cursor: move;
    zoom: 1;
}

#commfeeds ul li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
}
#emploi ul li {
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    background-color: #ffffff;
    height:16px;
    padding-left: 25px;
    margin: 3px;
    cursor: move;
    zoom: 1;
}

#emploi ul li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default;
}

ul.list {
    border: 1px dashed #ccc;
    margin: .5em;
    width: 338px;
    float: right;
    min-height: 500px;
    *height: 500px;
    zoom: 1;

}
/* Changement largeur du portal */
#yui-main {
width: 1072px;//942
}
#yui-main .yui-g{
width: 1072px;//942

}
.yui-dd-proxy {
    text-align: left;
    padding-left: 20px;
    padding: 5px;
    margin: 2px;
}

.yui-dd-proxy li, #play li {
    padding-left: 5px;
    padding: 5px;
    margin: 2px;
}

#play li.moving {
    background-color: #D1E6EC;
    border: 1px solid #7EA6B2;
}

div.mod {
    position: relative;
    border: 1px solid #808080;
    background-color: white;
    zoom: 1;
}
div.mod div.inner {
    overflow: hidden;
    zoom: 1;
}
div.mod div.inner div.loading {
    background-image: url(progress.gif);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 5px 5px 5px 25px;

}

/* Contour des pubfeeds */
#play div.mod div.inner ul {

    padding: 10px;
}
#play div.mod div.inner ul li{
    display:block;
    margin-bottom:5px;
    border: 1px solid #CDCDCD;
   
}

.descli{
display:block;
font-size:75%;
font-weight: normal;
}
#play div.mod div.inner ul li:hover{

    display:block;
    background-color: #ccc;

}
div.mod div.inner ul li a {
    color: #000;
 text-decoration: none;
	font-weight: bold;
}


div.mod h2 {
    position: relative;
    zoom: 1;
    margin: 0;
    border-bottom: 1px solid #808080;
    cursor: move;
    padding: 3px;
    color: #000;
    background-image:url(../images/background_block_slice_inv.jpg);
    /*background-image: url(sprite.png);*/
    /*background-position: 0 -1300px;*/
    zoom: 1;
}

div.mod h2 strong {
    font-weight: bold;
    background-image: url(http://l.yimg.com/a/i/tb/iconsgif/rss_1.gif);
    background-repeat: no-repeat;
    padding-left: 25px;
}

div.minned h2 {
    border-bottom: 1px solid #ccc;
}

div.mod h2 a.close, div.mod h2 a.min, div.mod h2 a.refresh {
    background-color: #ccc;
    background-image: url(layout_sprite.png);
    background-position: -20px -100px;
    border:1px solid #808080;
    display: block;
    height: 13px;
    width: 17px;
    text-decoration: none;
    font-weight: bold;
    color: black;
    right: 4px;
    top: 1px;
    position: absolute;
    font-size: 80%;
    margin: 2px;
    padding: 0;
}
div.mod h2 a.refresh {
    background:transparent url(layout_sprite.png) no-repeat scroll -20px -240px;
    right: 47px;
}
div.mod h2 a.min {
    background:transparent url(layout_sprite.png) no-repeat scroll -20px -220px;
    right: 25px;
}
div.minned h2 a.min {
    background:transparent url(layout_sprite.png) no-repeat scroll -20px -260px;
    right: 25px;
}
div.mod h2 a:hover.close, div.mod h2 a:hover.min,div.mod h2 a:hover.refresh  {
    border-color: #000;
}