/* == Styles standards == */
body {
   padding:0;
}

li {
   line-height:1.25em;
   margin: 0 0 0.3em;
}

p {
   line-height:1.25em;
   font-size:1em;
   margin: 0.5em 0;
}
ul, ol {
   margin:0.75em 0 1em 2.5em;
   padding:0;
}

abbr[title] {
  border-bottom:1px dotted; 
  cursor:help;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.hide {
   display: none;
}

/* == Zones standards prédéfinies == */
.sns_left_column {
   float:left;
}
.sns_right_column {
   float:right;
}
.sns_content {
   zoom:1;
   overflow:auto;
}
.sns_footer {
   clear:both;
}


/* == Styles zones == */
.area {
   position:relative;
   #overflow:hidden;
}

/* == Styles par défaut Online Editor == */
p.left {
   text-align:left;
}
p.center {
   text-align:center;
}
p.right {
   text-align:right;
}
p.justify {
   text-align:justify;
}
td.top_left {
   vertical-align:top;
   text-align:left;
}
td.top {
   vertical-align:top;
   text-align:center;
}
td.top_right {
   vertical-align:top;
   text-align:right;
}
td.left {
   vertical-align:middle;
   text-align:left;
}
td.center {
   vertical-align:middle;
   text-align:center;
}
td.right {
   vertical-align:middle;
   text-align:right;
}
td.bottom_left {
   vertical-align:bottom;
   text-align:left;
}
td.bottom {
   vertical-align:bottom;
   text-align:center;
}
td.bottom_right {
   vertical-align:bottom;
   text-align:right;
}

/* == Styles des tables == */
table.list{
   width:100%;
   margin : 1em 0;
}
table.list th {
   background-color:#F0F0F0;
   font-weight:bold;
}
table.list th, table.list td {
   padding:0.25em 0.5em;
   text-align:left;
   vertical-align:top;
}
tr.bgdark {
   background-color:#F8F8F8;
}
table th {
	vertical-align:top;
}
th, td {
   padding:0;
}
table.renderedtable {
	border-collapse:separate;
	border-spacing:1px;
}
table.renderedtable th,
table.renderedtable td {
	padding:5px;
	border:1px solid #A8A9A9;
}

/* == Styles des blocs == */
div.block {
   clear:both;
   margin:0.5em 0;
   padding:0;
}
div.break {
	clear:both;
}
div.block div.element,
div.buttonblock div.element {
   float:left;
   padding-right:1em;
}
label {
   display:block;
   font-weight:bold;
   padding-right:0.5em;
   white-space:nowrap;
}

/* == Styles des inputs == */
input.button {
   font-weight:normal;
   border:1px solid;
   margin:0.5em 0.5em 0 0;
}
input.box, textarea.box {
	width:98%;
}

/* == Styles composants == */
/* -- cpnt_sns_* -- */
component.view_layer {
   position:absolute;
}
.component h3.cpnt_title {
   margin:0;
}
/* -- cpnt_sns_toolbar -- */
/* Toolbars line */
.toolbar.view_line .tool {
   float:left;
}
/* Rendu lien et icone */
.toolbar.view_line .tool_sc {
   margin:0 2px;
}
.toolbar.view_line h3.cpnt_title {
   display:none;
}
.toolbar.view_full .tool_sc {
   margin:2px 0;
}
.tool_sc a {
   display:block;
}
.tool_sc .icon {
   display:block;
   background-position:top left;
}
/* Alignement horizontal des éléments entre eux */
.tool_sc .align_left .label {
   text-align:left;
}
.tool_sc .align_center .label {
   text-align:center;
}
.tool_sc .align_right .label {
   display:block;
   text-align:right;
}
/* Alignements (position = top ou bottom) */
.tool_sc .position_top.align_center .icon,
.tool_sc .position_bottom.align_center .icon {
   margin:0px auto;
}
.tool_sc .position_top.align_right .icon,
.tool_sc .position_bottom.align_right .icon {
   position:absolute;
   right:0px;
}
/* Alignements (position = left ou right) */
.tool_sc .position_left .icon {
   float:left;
}
.tool_sc .position_right .icon {
   float:right;
}
/* Langages */
.tool_lang {
   margin:2px;
}

/* -- cpnt_sns_sitetitle -- */
.component.sitetitle {
   position:absolute;
   top:10px;
   left:10px;
}
.component.sitetitle h1 {
   margin:0;
}
.component.sitetitle h2 {
   margin:5px 0 0 0;
}

/* -- cpnt_sns_banner -- */
.component.banner {
   height:80px;
   background-repeat:no-repeat;
}

/* -- cpnt_sns_menu -- */
.component.menu ul {
   list-style-type:none;
}
.component.menu.view_line ul.mnu_level_1 {
   margin:0;
}
.component.menu.view_line ul.mnu_level_1 li {
   display:inline;
}
.component.menu.view_line ul.mnu_level_1 ul li {
   display:block;
}

/* -- cpnt_sns_gallery_images -- */
.component.gallery .cpnt_body {
   overflow:hidden;
}
.component.gallery .class-image {
   float:left;
}
.component.gallery .class-image .caption {
   display:none;
}

/* Divers */
#debug {
   text-align:left;
   clear:both;
}
#debug pre {
   white-space: normal;
}



.sns_content .content-view-line-list .content-image {
float: left;
margin-right: 2em;
}

.sns_content .children .class {
  margin:1em 0;
  overflow:hidden;
}

.sns_content .content-view-line-list {
margin: 1em 0;
}


.sns_content .content-view-line-list .content-text {
overflow: hidden;
}


.sns_content .children {
font-size: .85em;
margin-top: 2em;
clear: both;
}

.sns_content .content-view-line-list .attribute-copyright {
font-size: .75em;
margin-top: 1em;
}


.sns_content .content-view-line-mosaic,
.sns_content .content-view-line-button {
  float:left;
  width:200px;
  padding:0 11px;
}


.sns_content .content-view-line-mosaic .content-image,
.sns_content .content-view-line-mosaic .content-image a {
  height:150px;
  line-height:150px;
  text-align:center;
}
.sns_content .content-view-line-mosaic .content-image img {
  vertical-align:middle;
}
.sns_content .content-view-line-mosaic .attribute-copyright {
  font-size:.75em;
  text-align:right;
}
.sns_content .content-view-line-mosaic .content-text {
  text-align:center;
  margin-top:.5em;
}

.sns_content .content-header .catcher,
.sns_content .copyright {
  font-size:.7em;
  text-align:right;
}


.sns_content .list_mosaic .line, .sns_content .list_button .line {
	overflow:hidden;
}

.sns_content .copyright p {
  margin:0;
}




/* Visionneuse galerie de médias */

#sns_content .list_gallery .screen {
  text-align:center;
  position:relative;
  width: 670px;
  height:502px;
  overflow:hidden;
}
#sns_content .list_gallery .screen .image {
  line-height:502px;
}
#sns_content .list_gallery .screen .content {
  position:absolute;
  width:100%;
  height:502px;
  top:0;
  left:0;
}
#sns_content .list_gallery .screen .caption-mask {
  position:absolute;
  left:0;
  width:100%;
  bottom:0;
  height:4em;
  color:white;
  background:url(../images/catcher_caption_bg.png) repeat left top;
}
#sns_content .list_gallery .screen .caption-mask .title {
  padding:.5em 1em;
  text-align:left;
}
#sns_content .list_gallery .scrollable .class {
  float:left;
}
#sns_content .list_gallery .previews {
  margin-top:1em;
  overflow:hidden;
}
#sns_content .list_gallery .scrollable {
  float:left;
  position:relative;
  overflow:hidden;
  width:567px;
  height:55px;
}
#sns_content .list_gallery .scrollable .content {
  display:none;
}
#sns_content .list_gallery .scrolllink {
  float:left;
  width:40px;
  height:55px;
  cursor:pointer;
}
#sns_content .list_gallery .scrolllink.disabled {
  visibility:hidden;
}
#sns_content .list_gallery .scrolllink.prev {
  background:url("../images/tools.png") no-repeat -160px -81px;
  margin-right:12px;
}
#sns_content .list_gallery .scrolllink.prev:hover {
  background-position:-183px -25px;
}
#sns_content .list_gallery .scrolllink.next {
  background:url("../images/tools.png") no-repeat -200px -81px;
  margin-left:11px;
}
#sns_content .list_gallery .scrolllink.next:hover {
  background-position:-223px -25px;
}
#sns_content .list_gallery .items {
  position:absolute;
}
#sns_content .list_gallery .items .view-node {
  float:left;
  margin-right:1px;
  cursor:pointer;
}
#sns_content .list_gallery .items .view-node .class {
  margin:0;
}
#sns_content .list_gallery .items .catcher {
  position:relative;
}
#sns_content .list_gallery .items .mask {
  position:absolute;
  width:80px;
  height:55px;
}
#sns_content .list_gallery .items .active .mask {
  background:url("../images/tools.png") no-repeat 0 -81px;
}
#sns_content .list_gallery .items .mask:hover,
#sns_content .list_gallery .items .active .mask:hover {
  background:url("../images/tools.png") no-repeat -80px -81px;
}

#sns_content .header-block {
margin-top: 20px;
}

.sns_content .content-header {
    float:right;
    /*border-left:1px solid #d9d9d9; */
    padding:10px 0 25px 7px;
    margin-left:24px;
    margin-bottom:15px;
    max-width:250px;
}

.sns_content .content-header .catcher,
.sns_content .copyright {
  font-size:.7em;
  text-align:right;
}