/* Imported rules */

article .shownode .cpnt-content {
	font-size:1em;
}
.text-justify {
	text-align:justify;
}
.strike {
	text-decoration:line-through;
}
.underline {
	text-decoration:underline;
}
.table > thead > tr.top,
.table > tbody > tr.top,
.table > tfoot > tr.top,
.table > thead > tr > th.top,
.table > tbody > tr > th.top,
.table > tfoot > tr > th.top,
.table > thead > tr > td.top,
.table > tbody > tr > td.top,
.table > tfoot > tr > td.top {
	vertical-align:top;
}
.table > thead > tr.middle,
.table > tbody > tr.middle,
.table > tfoot > tr.middle,
.table > thead > tr > th.middle,
.table > tbody > tr > th.middle,
.table > tfoot > tr > th.middle,
.table > thead > tr > td.middle,
.table > tbody > tr > td.middle,
.table > tfoot > tr > td.middle {
	vertical-align:middle;
}
.table > thead > tr.bottom,
.table > tbody > tr.bottom,
.table > tfoot > tr.bottom,
.table > thead > tr > th.bottom,
.table > tbody > tr > th.bottom,
.table > tfoot > tr > th.bottom,
.table > thead > tr > td.bottom,
.table > tbody > tr > td.bottom,
.table > tfoot > tr > td.bottom {
	vertical-align:bottom;
}
.table th p:last-child,
.table td p:last-child {
	margin-bottom:0;
}
.fancybox-title p {
	margin:0;
}

/* DTOcean customization */

article .shownode.title {
	background:#F0F9FF;
}
article .shownode.title .cpnt-content {
	padding-top:45px;
	padding-bottom:0;
}
article .shownode .cpnt-content {
	color:#505050;
	margin:0;
	padding:0;
}
article .shownode .cpnt-content header {
	padding-bottom:20px;
}
/*article .shownode .cpnt-content header,
article .shownode .cpnt-content .body {
	padding:45px 70px;
}
article .shownode .cpnt-content .body {
	overflow:hidden;
	padding-top:0;
}
*/
article .shownode .tags,
article .shownode footer {
	font-size:.85em;
	margin-bottom:10px;
}
article .shownode footer {
	text-align:right;
	font-style:italic;
	clear:both;
	padding:20px 0;
}
article .shownode h1 {
	font-size:3.5em;
	text-align:left;
	margin:0;
	line-height:1.3em;
}

article .shownode .embed,
article .shownode .embed-pane {
	display:block;
	background:#effaff;
	padding:10px;
	text-align:center;
	transition:all 0.2s ease-in-out 0s;
}
article .shownode .embed.text-danger,
article .shownode .embed-pane.text-danger {
	background:#ffe0e0;
}
article .shownode .embed-pane > span {
	display:block;
	font-weight:100;
}
article .shownode .embed-pane .title {
	font-size:1.2em;
}
article .shownode .embed:hover,
article .shownode .embed:active,
article .shownode .embed-pane:hover,
article .shownode .embed-pane:active {
	background:#cff1ff;
	text-decoration:none;
}
article .shownode .embed.text-danger:hover,
article .shownode .embed.text-danger:active,
article .shownode .embed-pane.text-danger:hover,
article .shownode .embed-pane.text-danger:active {
	background:#ffd0d0;
}
article .shownode .embed img {
	margin:0 auto;
}
article .shownode .embed figcaption {
	font-size:.9em;
	font-style:italic;
}
article .shownode .embed-inflow img {
	vertical-align:baseline;
}
article .shownode .embed-inflow .btn img {
	vertical-align:bottom;
}
.copyright {
	text-align:right;
	font-size:.75em;
	font-style:normal;
}
.copyright p {
	margin:0;
}
blockquote .copyright {
	text-align:inherit;
}
blockquote .copyright p {
	font-size:1em;
	margin:5px 0;
}

.size-content_embed_page {
	width:100%;
}
.size-large,
.size-content_embed_large {
	width:50%;
}
.size-medium,
.size-content_embed_medium {
	width:33%;
}
.size-small,
.size-content_embed_small {
	width:25%;
}

article .shownode .embed-aside.pull-left,
article .shownode .embed-inflow.pull-left {
	margin-right:20px;
}
article .shownode .embed-aside.pull-right,
article .shownode .embed-inflow.pull-right {
	margin-left:20px;
}
article .shownode .embed-aside h3 {
	font-weight:100;
	margin-top:0;
}
article .shownode .embed-aside.line.pull-right h3 {
	text-align:right;
}
.pull-center {
	margin-left:auto;
	margin-right:auto;
}
article .shownode .embed-aside,
article .shownode .embed-inflow.pull-left,
article .shownode .embed-inflow.pull-right,
article .shownode .embed-inflow.pull-center {
	margin-top:5px;
	margin-bottom:5px;
}
article .shownode .embed-inflow.pull-right {
	text-align:right;
}
article .shownode .embed-inflow.pull-right .img-responsive {
	margin-left:auto;
}
article .shownode .embed-inflow.embed-pane.pull-right {
	text-align:center;
}
article .shownode .embed-inflow.pull-center {
	display:block;
	text-align:center;
}
article .shownode .embed-inflow.pull-center > span {
	margin:0 auto;
}
article .shownode .embed-inflow.pull-left span,
article .shownode .embed-inflow.pull-right span,
article .shownode .embed-inflow.pull-center span {
	display:block;
}
article .shownode .embed-inflow.pull-center .img-responsive {
	margin:0 auto;
}
article .infospane {
	background:#F0F9FF;
	padding:10px;
	margin:10px;
}

@media (max-width: 991px) {
	article .shownode {
		margin-top:20px;
	}
	article .shownode.title {
		margin-top:0;
	}
	article .shownode h1 {
	    font-size:3em;
	    margin-bottom:50px;
	}
	article .shownode.title h1 {
		margin-bottom:0;
	}
}
@media (max-width: 767px) {
	article .shownode h1 {
	    font-size:2.5em;
	    margin-bottom:40px;
	}
	article .shownode .summary {
		margin-bottom:15px;
	}
	.size-medium,
	.size-content_embed_medium,
	.size-small,
	.size-content_embed_small {
		width:50%;
	}
	article .shownode .infospane.pull-right {
		float:none !important;
		margin-left:0;
	}
}
article .shownode .download {
	margin-top:10px;
}
article .shownode figure > div {
	margin-left:auto;
	margin-right:auto;
}

article .shownode .infoscol {
	padding-left:20px;
}

/*correction video */
.shownode .figinner {
  display:inline-block;
}
.shownode .figcontent {
  display:inline-block;
  position:relative;
}
.shownode .figcontent.fill :first-child {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.shownode .sizedimg {
  width:100%;
  background-repeat:none;
  background-position:left top;
  background-size:100% 100%;
  vertical-align:bottom;
}

@media (max-width: 991px) {
	article .shownode .infoscol {
		padding-left:0;
	}
}

/* Taille du composant en page d'accueil */
.row.light .component.shownode .cpnt-body {
	overflow:hidden;
	height:123px;
}
@media (max-width: 767px) {
	.row.light .component.shownode .cpnt-body {
		height:auto;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.area.row.light .component.shownode .cpnt-body {
		overflow:hidden;
		height:84px;
	}
}