/* Feuille de style home page */

div.sns_content_home {
   width:980px;
   margin:0 0 15px 0;
   color:#777;
   font-family:Tahoma,Arial,Helvetica,sans-serif;
}
div.home-column {
   float:left;
}
div.home-column.home-left-column {
   width:190px;
   padding-left:15px;
}
div.home-column.home-middle-column {
   width:445px;
   padding:0px 15px;
}
div.home-column.home-right-column {
   width:285px;
}

/* Composants */
div.home-column .component {
   padding-bottom:20px;
}
div.home-column .component .content-header {
   color:#AAA;
}
div.home-column .component .cpnt_title {
   display:block;
   font-size:18px;
   font-weight:normal;
   line-height:18px;
   color:#00a2e3;
   padding-bottom:10px;
   margin-top:0;
   margin-bottom:5px;
   border-bottom:1px solid #8D8D8D;
}
div.home-column .component.lastalerts .cpnt_title {
   color:#EF370F;
}
div.home-column .component .class .content-view-listitem-compact {
   border-top:1px dotted #CCC;
}
div.home-column .component .class:first-child .content-view-listitem-compact {
   border-top:none;
}

/* Bannière */
#home-presentation {
   font-family:Arial,Helvetica,sans-serif;
   font-size:11px;
   margin:0 15px 15px 15px;
   background:url(../images/bandanim_02.jpg) no-repeat top right;
   height:175px;
}
#home-presentation-picture {
   background: transparent;
   width:367px;
   height:175px;
}
#projectlinkheader {
   width:367px;
   height:124px;
   background:url(../images/bandanim_01.jpg);
}
#projectlink {
   display:block;
   background:url(../images/bandanim_03.jpg);
   width:367px;
   height:18px;
   margin:0px;
   padding:0px;
}
#projectlink:hover {
   background:url(../images/ov_bandanim_03.jpg);
}
#projectlinkfooter {
   width:367px;
   height:33px;
   background:url(../images/bandanim_04.jpg);
}
#home-animation {
   width:572px;
   height:163px;
   margin-top:5px;
   margin-left:3px;
}

/* LIST VIEW FOR HOME PAGES */

.component-previewable .links a {
   white-space:nowrap;
   color:#989898;
}
.component-previewable .preview-icon table {
   border:1px solid #ccc;
   background:#00A2E3;
   border-collapse:collapse;
   width:150px;
   height:110px;
}
.component-previewable.dataproducts .preview-icon table {
   width:188px;
   height:128px;
}
.component-previewable .preview-icon table td {
   text-align:center;
   vertical-align:middle;
   padding:0px;
   background:white;
}
.component-previewable .preview-icon table td:hover {
   opacity:.50;
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
}

.component-previewable.obsnetwork .preview-icon {
   float:right;
   height:110px;
   margin-top:5px;
   width:150px;
}
.component-previewable.dataproducts .preview-icon {
   margin-top:15px;
   width:190px;
   height:130px;
}
.component-previewable.obsnetwork .obsnetwork_line {
   margin-right:160px;
   padding-top:5px;
   padding-bottom:15px;
   border-top:1px solid #8D8D8D;
}
.component-previewable.obsnetwork .obsnetwork_line .title,
.component-previewable.obsnetwork .obsnetwork_line a:hover,
.component-previewable.dataproducts a:hover {
   color:#00A2E3;
}
.component-previewable.obsnetwork .obsnetwork_line.geographic_selection {
   border-top:none;
}