Your IP : 216.73.216.55

Current Path : /home/giteleslfp/www/administrator/components/com_templateck/assets/
Upload File :
Current File : /home/giteleslfp/www/administrator/components/com_templateck/assets/templateck_template.css

/**
 * @name		Template Creator CK
 * @package		com_templateck
 * @copyright		Copyright (C) 2013. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 * @author		Cedric Keiflin - http://www.template-creator.com - http://www.joomlack.fr
 */

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	line-height: 20px;
}

/** to stick the popup to the popup border **/
body.contentpane {
	padding: 0;
}

#adminForm {
	display: none;
}

.ckmain {
	padding: 10px;
}

a {
	text-decoration: none;
}

.clr {
    clear: both;
}

.invalid {
    border: 2px solid red !important;
}

tr, td {
    /*border: none !important;*/
}

.ckresponsiveactive .tck-container {
	max-width: 100%;
}

.ckrowcontainer {
	box-sizing: border-box;
}

/*-------- RESPONSIVE --------*/
@media screen and (max-width: 758px) {

	.container {
		max-width: 100%;
	}

	.column, .flexiblemodule, .logobloc, .ckrow .ckrowcontainer {
		float: none !important;
		width: 100% !important;
	}

	.column > div.inner, .flexiblemodule > div.inner {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.horiznav ul.menu li, .bannermenu ul.menu li {
		float :none !important;
		width: 100% !important;
	}

	.flexiblemodules > .inner,
	.maincontent > .inner,
	.maincontent .maincenter > .inner,
	.flexiblemodules .flexiblemodule,
	.maincontent .column {
		flex-direction: column;
	}

}

/*-------- TOOLBAR MENU --------*/
.flexiblemodule > .editorck, .mainbanner .bannerlogo > .editorck, .banner > .editorck,
.ckrow > .inner > .ckbloc > .editorck {
	margin-top: 32px;
}

.maintop > .editorck, .maincenter > .editorck, #ckhtmlcontainer .center > .editorck, .mainbottom > .editorck, .column2 > .editorck {
	margin-top: 0;
}

.maintop.v34 > .editorck, .centertop.v34 > .editorck, .mainbottom.v34 > .editorck, .centerbottom.v34 > .editorck {
	display: none !important;
}

.editor .main > div.inner, .editor .maincontent > div.inner, .editor .maincenter > div.inner, #ckhtmlcontainer .editor .center > div.inner, .ckrow > div.inner,
.ckrow .ckrowcontainer, .maincontent .ckrowcontainer, .custombloc.ckbloc {
	padding-top: 32px !important;
}

.maincontrol {
	height: 20px;
	line-height: 20px;
	margin: 5px;
	padding: 3px 3px 3px 50px !important;
	border: 1px solid #777;
	color: #000;
	font-size: 16px;
	text-align : left;
	text-decoration: none;
	background: #eee url(../images/add.png) 20px center no-repeat;
	cursor: pointer;
}

.maincontrol:hover {
	background-color: #ccc;
}


/*-------- BLOCKS EDITON --------*/
.editorck {
	max-width: 100%;
}

.editorcktitle, .editorckclass {
	display: block;
	background: #000 !important;
	margin: 2px 2% 0 2%;
	position: relative;
	z-index: 1000;
	padding: 0;
	line-height: 25px;
	height: 28px;
	font-size: 13px !important;
	color: #fff !important;
	text-align: center !important;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: none;
}

.ckfields .isControl {
	width: 27px;
	height: 30px;
	float: left;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
}

.ckfields .isControl.controlDown, .ckfields .isControl.controlUp, .ckfields .isControl.controlModules, .ckfields .isControl.controlMaincontent, .ckfields .isControl.controlDel,
.ckfields .isControl.controlBanner, .ckfields .isControl.controlEqualHeights {
	width: 20px;
}

.ckfields .isControl.ckhover,
.ckfields .isControl.active,
.ckfields .isControl:hover {
	background-color: rgba(0,0,0,0.2);
	border-radius: 0px;
}

/* for main blocks */
.ckfields {
	min-height: 30px;
	font-family: serif !important;
	margin: 0;
	padding: 0;
	left: 0px;
	top: 0px;
	background: #f5f5f5;
	z-index: 101;
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.ckrow .ckfields {
	z-index: 101 !important;
}

.ckrowcontainer > .editorck {
	z-index: 102 !important;
}

.wrapper > .editorck {
	z-index: 99 !important;
	pointer-events: auto;
	display: inline-block;
}

.wrapper.ckhover > .editorck > .ckfields,
.content.ckhover > .editorck > .ckfields,
.maincontent.ckhover > .editorck > .ckfields,
.ckcssmanager .wrapper > .editorck > .ckfields,
.ckcssmanager .content > .editorck > .ckfields,
.ckcssmanager .maincontent > .editorck > .ckfields {
	border: 1px solid #57a2ed;
}

#ckhtmlcontainer .wrapper.ckhover:after,
#ckhtmlcontainer .content.ckhover:after,
#ckhtmlcontainer .maincontent.ckhover:after,
.ckcssmanager #ckhtmlcontainer .wrapper:after,
.ckcssmanager #ckhtmlcontainer .content:after,
.ckcssmanager #ckhtmlcontainer .maincontent:after  {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 2px dashed #57a2ed;
	pointer-events: none;
}

.ckrow.ckhover > .editorck > .ckfields,
.column.main.ckhover > .editorck > .ckfields,
.flexiblemodules.ckhover > .editorck > .ckfields,
.ckcssmanager .ckrow > .editorck > .ckfields,
.ckcssmanager .column.main > .editorck > .ckfields,
.ckcssmanager .flexiblemodules > .editorck > .ckfields {
	background: #3AAE8E;
}

#ckhtmlcontainer .ckrow.ckhover:after,
#ckhtmlcontainer .column.main.ckhover:after,
#ckhtmlcontainer .flexiblemodules.ckhover:after,
.ckcssmanager #ckhtmlcontainer .ckrow:after,
.ckcssmanager #ckhtmlcontainer .column.main:after,
.ckcssmanager #ckhtmlcontainer .flexiblemodules:after {
	content: "";
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	border: 2px solid #3AAE8E;
	pointer-events: none;
	border-radius: 4px;
	z-index: 9;
}

.ckrowcontainer.ckhover > .editorck > .ckfields {
	background: violet;
}

#ckhtmlcontainer .ckrowcontainer.ckhover:after {
	content: "";
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	right: -2px;
	border: 2px solid violet;
	pointer-events: none;
	border-radius: 4px;
	z-index: 9;
}

.emptybloc.ckhover > .editorck > .ckfields,
.singlemodule.ckhover > .editorck > .ckfields,
.horiznav.ckhover > .editorck > .ckfields,
.flexiblemodule.ckhover > .editorck > .ckfields,
.column1.ckhover > .editorck > .ckfields,
.column2.ckhover > .editorck > .ckfields,
.column.center.ckhover > .editorck > .ckfields,
.logobloc.ckhover > .editorck > .ckfields,
.module.ckhover > .editorck > .ckfields,
.ckcssmanager .emptybloc > .editorck > .ckfields,
.ckcssmanager .singlemodule > .editorck > .ckfields,
.ckcssmanager .horiznav > .editorck > .ckfields,
.ckcssmanager .flexiblemodule > .editorck > .ckfields,
.ckcssmanager .column1 > .editorck > .ckfields,
.ckcssmanager .column2 > .editorck > .ckfields,
.ckcssmanager .column.center > .editorck > .ckfields,
.ckcssmanager .logobloc > .editorck > .ckfields,
.ckcssmanager .module > .editorck > .ckfields {
	background: orange;
}

#ckhtmlcontainer .emptybloc.ckhover:after,
#ckhtmlcontainer .singlemodule.ckhover:after,
#ckhtmlcontainer .horiznav.ckhover:after,
#ckhtmlcontainer .flexiblemodule.ckhover:after,
#ckhtmlcontainer .column1.ckhover:after,
#ckhtmlcontainer .column2.ckhover:after,
#ckhtmlcontainer .column.center.ckhover:after,
#ckhtmlcontainer .logobloc.ckhover:after,
#ckhtmlcontainer .module.ckhover:after,
.ckcssmanager #ckhtmlcontainer .emptybloc:after,
.ckcssmanager #ckhtmlcontainer .singlemodule:after,
.ckcssmanager #ckhtmlcontainer .horiznav:after,
.ckcssmanager #ckhtmlcontainer .flexiblemodule:after,
.ckcssmanager #ckhtmlcontainer .column1:after,
.ckcssmanager #ckhtmlcontainer .column2:after,
.ckcssmanager #ckhtmlcontainer .column.center:after,
.ckcssmanager #ckhtmlcontainer .logobloc:after,
.ckcssmanager #ckhtmlcontainer .module:after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 2px solid orange;
	border-radius: 4px;
	pointer-events: none;
}

/*
.cksortablehover {
	border: 2px dashed #57a2ed !important;
}*/

/* needed to highlight where we drop the element */
.ui-sortable-helper {
	pointer-events: none;
/*	height: 150px !important;
	overflow: hidden;*/
}

.ui-sortable-helper + .ckplaceholder {
/*	height: 150px !important;
	overflow: hidden;*/
}

.cksorting {
	max-height: 150px !important;
	overflow: hidden;
}

.cksorting:not(.ckplaceholder):after {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 2px dashed #57a2ed;
	border-radius: 4px;
	pointer-events: none;
}

.ckfields .editorcktitle, .ckfields .editorckclass {
	float: left;
	min-width: 100px;
	margin: 1px;
	padding: 0;
	line-height: 25px;
	height: 28px;
	font-size: 13px !important;
	color: #fff !important;
	text-align: center !important;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	border: none;
	background: #000;
	cursor: pointer;
}

.ckfields .editorckclass {
	background: steelblue !important;
}

.ckfields .editorckposition {
    float: left;
    min-width: 100px;
    margin: 1px;
    padding: 0;
    line-height: 25px;
    height: 28px;
    font-size: 13px !important;
    color: #000 !important;
    text-align: center !important;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    background: #fff !important;
}

#body:not(.ckresponsiveactive) .editorcktitle:hover, #body:not(.ckresponsiveactive) .editorckposition:hover {
    cursor: pointer;
    background: #666 url(../images/toolbar/edition.png) center center no-repeat !important;
    color: #fff !important;
    text-indent: -999em;
}

#wrapper > .editorck .editorcktitle:hover {
    cursor: inherit;
    background: #000 !important;
    color: #fff !important;
    text-indent: 0;
}

.isControl {
	background-position: center center;
	background-repeat: no-repeat;
}

.ckfields .controlDel{
    background: url(../images/toolbar/delete.png) center center no-repeat;
    border-radius: 5px 0 0 0;
}

.ckfields .controlUp {
    background: url(../images/toolbar/arrow_up.png) center center no-repeat;
}

.ckfields .controlDown {
    background: url(../images/toolbar/arrow_down.png) center center no-repeat;
}

.ckfields .controlCopy {
	background: url(../images/toolbar/copy.png) center center no-repeat;
}

.ckfields .controlFullwidth {
	background: url(../images/toolbar/fullwidth.png) center center no-repeat;
}

.ckfields .controladdBlock {
    background: url(../images/toolbar/addblock.png) center center no-repeat;
}

.ckfields .controladdWrapper {
    background: url(../images/toolbar/addwrapper.png) center center no-repeat;
}

.ckfields .controlSave {
    background: url(../images/toolbar/save.png) center center no-repeat;
}

.isControl[data-class="ckalign"] {
	background-image: url(../images/toolbar/responsive_aligned.png);
}

.isControl[data-class="ckstack"] {
	background-image: url(../images/toolbar/responsive_stacked.png);
}

.ckfields .controlValignTop {
	background: url(../images/toolbar/v_align.png) center 2px no-repeat;
}

.ckfields .controlValignCenter {
	background: url(../images/toolbar/v_align.png) center center no-repeat;
}

.ckfields .controlValignBottom {
	background: url(../images/toolbar/v_align.png) center bottom no-repeat;
}

.ckfields .controlValignDefault {
	background: url(../images/toolbar/v_aligndefault.png) center center no-repeat;
}

.isControl.ckactive {
	background-color: #999;
	box-shadow: #444 0 0 5px inset;
}

.column1 .controlUp, .column2 .controlUp, .maincenter .controlUp, .flexiblemodule .controlUp,
.main .controlUp, .bannerlogo .controlUp, .banner .controlUp,
.logobloc .controlUp {
    background: url(../images/toolbar/arrow_left.png) center center no-repeat;
}

.column1 .controlDown, .column2 .controlDown, .maincenter .controlDown, .flexiblemodule .controlDown,
.main .controlDown, .bannerlogo .controlDown, .banner .controlDown,
.logobloc .controlDown  {
    background: url(../images/toolbar/arrow_right.png) center center no-repeat;
}

.ckfields .controlCss {
    background: url(../images/toolbar/edit.png) center center no-repeat;
}

.ckfields .controlMaincontent, .ckfields .controlModules, .ckfields .controlBanner {
    background: url(../images/toolbar/options.png) center center no-repeat;
}

.ckfields .controlEqualHeights {
    background: url(../images/toolbar/equalheights.png) center center no-repeat;
}

.ckfields .controlModule {
    background: url(../images/toolbar/cogs.png) center center no-repeat;
}

div[ckclass="equalheights"] .ckfields .controlEqualHeights {
    background-color: #bbb;
}

.flexiblemodule .ckfields .controlEqualHeights {
	display: none;
}

.ckfields .controlRow {
    float: left;
    margin: 1px;
    padding: 0;
    line-height: 28px;
    height: 28px;
    font-size: 15px !important;
    color: #fff !important;
    text-align: center !important;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border: none;
    background: #666;
}

.ckfields .controlRow:hover {
	background: #888;
}

/** for content **/
.maintop .controlDown, .mainbottom .controlDown, .centertop .controlDown, .centerbottom .controlDown, .center .controlDown, .maincenter .controlDown,
.maintop .controlUp, .mainbottom .controlUp, .centertop .controlUp, .centerbottom .controlUp, .center .controlUp, .maincenter .controlUp,
.maintop .controlDel, .mainbottom .controlDel, .centertop .controlDel, .centerbottom .controlDel, .center .controlDel, .maincenter .controlDel,
.maincontent .controlDel, #wrapper > .ckfields .controlDel, .flexiblemodule .controlDel, .mainbanner .bannerlogo .controlDel, #wrapper > .editorck .controlDel,
.mainbanner .logobloc .controlDel {
    display: none;
}

.maintop.v34 .controlDel, .mainbottom.v34 .controlDel, .centertop.v34 .controlDel, .centerbottom.v34 .controlDel,
.column1 .ckrowcontainer .controlDel, .column2 .ckrowcontainer .controlDel  {
	display: block;
}

.main .ckrowcontainer div.flexiblemodule .controlDel {
	display: none;
}

.column2 .controlDown, .column2 .controlUp {
    display: block;
}

.editor .maincenter {
    margin-bottom: 10px !important;
}

.editor .wrapper {
    padding-top: 40px !important;
}

.editor .wrapper > .editorck {
	height: 40px !important;
	min-height: 40px !important;
	max-height: 40px !important;
}

.column1 .ckrowcontainer > .editorck .controlMove, .column2 .ckrowcontainer > .editorck .controlMove, .maintop .ckrowcontainer > .editorck .controlMove , 
.mainbottom .ckrowcontainer > .editorck .controlMove, .centertop .ckrowcontainer > .editorck .controlMove, .centerbottom .ckrowcontainer > .editorck .controlMove {
	display: none;
}

/*-------- BLOCS -----------------*/
#body {
	margin: 0;
	border: 1px solid transparent; /* used to avoid collapsing margins issue */
}

#body.noeditor .editorck, #body.noeditor .maincontrol {
	display: none !important;
	left: -999em;
	visibility: hidden;
}

a {
	color: #1176a6;
}

a:hover {
	color: #2a4959;
}

.flexiblemodule {
    float: left;
    width: 20%;
}

.ckrow .ckrowcontainer {
	float: left;
}

.ckrowcontainer {
	position: relative;
	min-height: 80px;
	/*width: 100%;*/
}

.ckrowcontainer:empty {
	min-height: 80px;
}

.ckrow .ckrowcontainer:empty:after, .ckrowcontainer:empty:after, .ckrowcontainer.empty:after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border: 1px dotted #ccc;
	z-index: 0;
}

/*.column1 .ckrowcontainer, .column2 .ckrowcontainer, .maintop .ckrowcontainer , .mainbottom .ckrowcontainer, .centertop .ckrowcontainer, .centerbottom .ckrowcontainer     {
	padding-top: 0px !important;
}*/

.ckbloc[isdisabled=true] {
    display: none !important;
}

.editor .ckbloc[ishidden=true] > div.inner {
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.editor .ckbloc[ishidden=true] > .editorck {
    display: none !important;
}
/*
.ckbloc > div.inner {
    border: 1px solid transparent;
}*/

/*.ckbloc:hover > div.inner {
    border: 1px solid #3399ff;
}*/
/*
.noeditor .ckbloc:hover > div.inner {
    border: 1px solid transparent;
}*/

.column {
    float: left;
}

.column1 {
    width: 25%;
}

.main {
    width: 75%;
}

.column2 {
    width: 33%;
}

#ckhtmlcontainer .center {
    width: 67%;
}

#ckhtmlcontainer .norightcol .center {
    width: 100%;
}

.noleftcol .main {
    width: 100%;
}

.banner, .logobloc {
    float: left; /* to keep for retrocompatibility */
}

.ckrowcontainer .logobloc {
	float: none; /* since 3.4 */
}

.bannerlogo {
    float: left; /* to keep for retrocompatibility */
}

.wrapper > .inner > .bannerlogo {
    float: none; /* since 3.4 */
}

.customcont {
	overflow: auto;
}

/*-------- POPUP --------*/

.ckpopup {
	position: absolute;
	z-index: 1001;
	display: none;
	left: 0;
	top: 0;
	min-height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Verdana;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	vertical-align: middle;
	line-height: 20px;
}

/*.ckpopupheader {
    background: #3d3d3d url(../images/fondpopup.png) left bottom repeat-x;
    min-height: 82px;
    padding: 0 0 1px 0;
}*/

/*#mainmenuck > .ckpopupheader {
    background: #3d3d3d url(../images/fondpopup_main.png) left bottom repeat-x;
}*/
/*
.ckpopuptitle {
    font-size: 18px;
    color: #999;
    margin: 20px 0 0 15px;
    float: left;
}

.ckpopupsubtitle {
    font-size: 18px;
    padding: 10px;
    border-bottom: 1px solid #333;
}

.ckpopuplogo {
    background: url(../images/logo_templateck.png) left top no-repeat;
    width: 220px;
    height: 48px;
    margin: 10px 5px 0 10px;
    top: 0px;
    float: left;
}
*/
.ckpopupoverlay {
    position: fixed;
    background: #fff;
    z-index: -1;
    width:100%;
    height: 100%;
}

/*
.ckclose {
    display: block;
    float: right;
    width: 60px;
    height: 45px;
    color: #c1c1c1;
    padding-top: 25px;
    text-align: center;
    margin: 10px 10px 0 0;
    background-position: 20px 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../images/cancel.png);
}

.ckleftpanel .ckclose {
	height:25px;
	box-sizing: border-box;
}

.ckclose.black {
	background-image: url(../images/cancel_black.png);
}

.ckclose:hover {
    color: #fff;
    background-image: url(../images/cancel_hover.png);
}

.ckclose.cksave {
    background-image: url(../images/validate.png);
}

.ckclose.cksave:hover {
    background-image: url(../images/validate_hover.png);
}

.ckclose.ckcopy {
    background-image: url(../images/copy.png);
}

.ckclose.ckcopy:hover {
    background-image: url(../images/copy_hover.png);
}

.ckclose.ckpaste {
    background-image: url(../images/paste.png);
}

.ckclose.ckpaste:hover {
    background-image: url(../images/paste_hover.png);
}*/

#ckwaitoverlay {
	position: fixed;
	width: 100%;
	height: 100%;
	min-width: 220px;
	min-height: 220px;
	top: 0;
	left: 0;
	/*background: url(../images/wait.gif) center center no-repeat;*/
}

#ckwaitoverlay:after {
	display: block;
	content: "\f110";
	font-family: "fontawesome";
	font-size: 150px;
	height: 150px;
	width: 150px;
	line-height: 150px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -75px 0 0 -75px;
	animation: fa-spin 2s infinite linear;
}

#ckelementscontainer, .ckelementscontainer {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	width: 100%;
	min-height: calc(100% - 31px);
}
/*
.menustylesbuttonsdescription {
    width: 235px;
    height: 205px;
    background: url(../images/params_buttons.png) left top no-repeat;
    float: left;
}

.menustylestitresdescription {
    width: 235px;
    height: 205px;
    background: url(../images/params_titres.png) left top no-repeat;
    float: left;
}

.menustylespagedescription {
    width: 185px;
    height: 205px;
    background: url(../images/params_page.png) left top no-repeat;
    float: left;
}

.menustyleswrapperdescription {
    width: 235px;
    height: 224px;
    background: url(../images/params_body_wrapper.png) left top no-repeat;
    float: left;
}

.menustylesblocdescription {
    width: 250px;
    height: 500px;
    background: url(../images/block.png) left top no-repeat;
    float: left;
}

.menustylesmoduledescription {
    width: 250px;
    height: 500px;
    background: url(../images/module.png) left top no-repeat;
    float: left;
}

.menustylesmoduletitledescription {
    width: 250px;
    height: 500px;
    background: url(../images/module_title.png) left top no-repeat;
    float: left;
}
*/
.ckpopupinfos {
	float: left;
	width: 220px;
	margin: 10px 20px 0 0;
	font-size: 12px;
	font-family: Verdana;
	text-align: justify;
	line-height: 14px;
}

.ckpopupinfostitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #b2b2b2;
	font-family: Verdana;
	padding-bottom: 4px;
}

.ckpopupinfosdesc {
	margin: 10px 0 0 0;
}

/*** for the main menu ***/
/*#mainmenuck {
    padding: 0;
    margin: 0;
    font-family: Verdana;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    line-height: 20px;
}

#mainmenuck div.ck_button {
    padding: 0 5px;
    margin: 0;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #c1c1c1;
}

#mainmenuck div.ck_button:hover {
    box-shadow: none;
}

#mainmenuck span.ckhastipdesc, #infoname {
    display: block;
    text-align: left;
    font-size: 11px;
    color: #d8d8d8;
    margin: 5px 0 0 10px;
    padding: 0;
    height: 25px;
}

#mainmenuck div.ck_button.expert > a {
    color: #3DE5DF;
}

#ckelementscontainer .expert {
    color: #3DE5DF !important;
}

#mainmenuck div.ck_button.noeditor > a {
    color: red;
}

#mainmenuck div.ck_button a {
	display: block;
	margin: 5px;
	padding: 0;
	font-size: 12px;
	text-align: center;
	color: #c1c1c1;
	min-height: 25px;
	color: #c1c1c1;
	background-color: transparent;
	border: none;
	box-shadow: none;
	text-decoration: none;
	text-transform: none;
	background-position: 0px 2px;
	background-repeat: no-repeat;
	cursor: pointer;
}

#mainmenuck div.ck_button a:hover {
    color: #fff;
}*/

#showthemes {
	z-index: 11;
	display: none;
	background: #e4e4e4;
}

.themethumb {
	float :left;
	margin: 10px 5px 5px 5px;
	cursor: pointer;
	width: 45%;
}

.themethumb img {
    border: 1px solid transparent;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
}

.themethumb:hover > img {
    box-shadow: 0px 0px 5px #3399ff;
    border: 1px solid #3399ff;
}

.themeindice {
    text-align: center;
    font-size: 10px;
    margin: 0;
    padding: 0;
    height: 10px;
    line-height: 10px;
    display: none;
}

/*** Manage dialog texts ***/
.errorck {
    color: red;
}

.successck {
    color: green;
}

p.errorck {
    margin: 0;
    padding: 0;
}

p.successck {
    margin: 0;
    padding: 0;
}

p.badgeck {
	background: #ccc;
	color: white;
	border-radius: 3px;
	padding: 3px;
	margin: 3px 0;
}

.badgeck.successck {
	background: #5b9b5b;
	color: white;
}

.badgeck.errorck {
	background: #E24F4F;
	color: white;
}







/*-------- MODULES MANAGER -----------------*/

#modulesmanager {
    border: 1px solid #3399ff;
    float: left;
    width: 840px;
}

#modulesmanagertitle {
    text-transform: uppercase;
    color: #3399ff;
    font-size: 14px;
    font-weight: bold;
}


.modulenumberselect, .blocnumberselect {
    float: left;
    width: 21px;
    height: 16px;
    margin: 0 5px;
    padding: 0px;
    background: #eee;
    border: 1px solid  #cacaca;
    color: #cacaca;
    font-size: 12px;
    text-align: center;
	cursor: pointer;
    line-height: 16px;
    font-weight: bold;
}

.modulenumberselect.selected, .blocnumberselect.selected {
    background: #3399ff;
    border: 1px solid #000;
    color: #000;
}

.modulemanager {
    float: left;
}

.modulemanager > div.inner {
    margin: 5px;
    background: #fff;
    border: 1px solid #999;
    height: 50px;
    background: #fff url(../images/lock_open.png) center center no-repeat;
	cursor: pointer;
}

.modulemanager > div.inner.locked {
    background: #c2e0ff url(../images/lock.png) center center no-repeat;
}

.modulemanagercontainer {
	height: 100px;
}

.modulemanagercontainer.n5 .modulemanager {
    width: 20%;
    /*margin: 20px 0 5px 0;*/
}

.modulemanagercontainer.n4 .modulemanager {
    width: 25%;
    /*margin-top: 20px;*/
}

.modulemanagercontainer.n3 .modulemanager {
    width: 33.333333%;
    /*margin-top: 20px;*/
}

.modulemanagercontainer.n2 .modulemanager {
    width: 50%;
}

.modulemanager .moduleenabled {
    width: 90%;
    color: green;
    border: 1px solid green;
    padding: 5px;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
}

input.modulewidthselect {
    width: 25px;
    height: 17px;
    border: 1px solid #a6a6a6;
    float: none;
    margin: 0 auto;
}

.modulewidthselectcont {
    width: 55px;
    line-height: 17px;
    background: #fff;
    float: none;
    margin: 0 auto;
    padding: 0 2px;
    position: relative;
    z-index: 10;
}
.modulewidthselectcont input.inputbox {
    width: 25px !important;
}

.modulewidth {
    margin: -17px 6px 0 6px;
	position: relative;
}

.modulemanagerheader {
    font-size: 13px;
    font-weight: bold;
    padding: 0;
    color :#000;
    float: left;
}

.modulewidth_barleft {
    width: 50%;
    height: 17px;
    /*float: left;*/
	position: absolute;
	left: 0;
    background: url(../images/modulewidth_barleft.png) left center no-repeat;
}

.modulewidth_barright {
    width: 50%;
    height: 17px;
    /*float: right;*/
	position: absolute;
	right: 0;
    background: url(../images/modulewidth_barright.png) right center no-repeat;
}

/*-------- MAINCONTENT MANAGER -----------------*/

.candisable {
    position: relative;
}

#maincontentmanager {
    border: 1px solid #3399ff;
    float: left;
    min-width: 616px;
}

#maincontentmanagertitle {
    text-transform: uppercase;
    color: #3399ff;
    font-size: 14px;
    font-weight: bold;
}

.maincontentmanagerbloctitle {
    text-transform: uppercase;
    color: #3399ff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.maincontentmanager {
    min-width: 120px;
    border: 1px solid #000;
    background: #fff;
    margin: 5px;
}

.maincontentmanager.disabled {
    border: 1px dashed #ccc;
}

.maincontentmanager.disabled .maincontentmanagerbloctitle {
    color: #ccc;
}

#maincontentmanager_left {
    height: 364px;
    width: 140px;
}

#maincontentmanager_main {
    height: 350px;
}

#maincontentmanager_right {
    height: 239px;
    width: 140px;
}

#maincontentmanager_content {
    height: 110px;
    width: 300px;
}

#maincontentmanager_centertop, #maincontentmanager_centerbottom, #maincontentmanager_maintop, #maincontentmanager_mainbottom {
    height: 50px;
}

.blocwidthselect {
    width: 38px !important;
    height: 17px !important;
    float: left !important;
    border: 1px solid #a6a6a6 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
    border-radius: 0 !important;
}

.columnwidth_barleft {
    width: 48px;
    height: 17px;
    margin-right: 2px;
    float: left;
    background: url(../images/columnwidth_barleft.png) left center no-repeat;
}
.columnwidth_barright {
    width: 48px;
    height: 17px;
    margin-left: 2px;
    float: left;
    background: url(../images/columnwidth_barright.png) right center no-repeat;
}

.contentwidth_barleft {
    width: 128px;
    height: 17px;
    margin-right: 2px;
    float: left;
    background: url(../images/contentwidth_barleft.png) left center no-repeat;
}

.contentwidth_barright {
    width: 128px;
    height: 17px;
    margin-left: 2px;
    float: left;
    background: url(../images/contentwidth_barright.png) right center no-repeat;
}

.columnwidthtitle {
    text-align: center;
    color: #666666;
    font-size: 12px;
}

/*-------- BANNER MANAGER -----------------*/

.candisable {
    position: relative;
}

#bannermanager {
    border: 1px solid #3399ff;
    float: left;
    min-width: 616px;
}

#bannermanagertitle {
    text-transform: uppercase;
    color: #3399ff;
    font-size: 14px;
    font-weight: bold;
}

.bannermanagerbloctitle {
    text-transform: uppercase;
    color: #3399ff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #000;
}

.bannermanager {
    min-width: 200px;
	height: 110px;
    border: 1px solid #000;
    background: #fff;
    margin: 5px;
}

.bannermanager.disabled {
    border: 1px dashed #ccc;
}

.bannermanager.disabled .bannermanagerbloctitle {
    color: #ccc;
}

.blocwidthselect {
    width: 38px !important;
    height: 17px !important;
    float: left !important;
    border: 1px solid #a6a6a6 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
    border-radius: 0 !important;
}

.bannermodulewidth_barleft {
    width: 78px;
    height: 17px;
    margin-right: 2px;
    float: left;
    background: url(../images/contentwidth_barleft.png) left center no-repeat;
}
.bannermodulewidth_barright {
    width: 78px;
    height: 17px;
    margin-left: 2px;
    float: left;
    background: url(../images/contentwidth_barright.png) right center no-repeat;
}
/*
.bannermodulewidth_barleft {
    width: 128px;
    height: 17px;
    margin-right: 2px;
    float: left;
    background: url(../images/contentwidth_barleft.png) left center no-repeat;
}

.bannermodulewidth_barright {
    width: 128px;
    height: 17px;
    margin-left: 2px;
    float: left;
    background: url(../images/contentwidth_barright.png) right center no-repeat;
}*/

.bannerwidthtitle {
	text-align: center;
	color: #666666;
	font-size: 12px;
}

/*-------- BLOCK SELECTION MANAGER -----------------*/

div.blocselect {
	width: 130px;
	height: 31px;
	margin: 0 5px 10px 5px;
	float: left;
	border: 1px solid #ccc;
	cursor: pointer;
}

.blocselectcont {
	float: left;
}

.blocselectcontseparator {
	border-top: 1px solid #ccc;
	clear: both;
	margin: 10px 10px 0 10px;
}

.blocselectheader {
    font-family: Verdana;
    font-size: 12px;
    line-height: 14px;
    margin: 10px 20px 0 10px;
    text-align: justify;
}

.blocselecttitle {
    text-align: left;
    font-weight: bold;
    font-size: 12px;
	margin: 5px 0 0 10px;
}

.blocselect:hover {
    border: 1px solid #000;
}

.blocselect.selected {
    border: 1px solid #3399ff;
}

.blocselect.singlemodule {
    background: url(../images/selection_module.png) center center no-repeat;
	background-size: 100% auto;
}

.blocselect.flexiblemodules {
    background: url(../images/selection_modules.png) center center no-repeat;
	background-size: 100% auto;
}

.blocselect.horizmenu {
    background: url(../images/selection_menu.png) center center no-repeat;
	background-size: 100% auto;
}

.blocselect.custombloc {
    background: url(../images/selection_custom.png) center center no-repeat;
	background-size: 100% auto;
}

.blocselect.logo {
    background: url(../images/selection_logo.png) center center no-repeat;
	background-size: 100% auto;
}


.blocselect.banner {
    background: url(../images/selection_banner.png) center center no-repeat;
}

.blocselect.wrapper {
    background: url(../images/selection_wrapper.png) center center no-repeat;
}

.blocselect.row {
    background: url(../images/selection_row.png) center center no-repeat;
}

.blocselect.slideshowck {
	background: url(../images/modules/selection_slideshowck.jpg) center center no-repeat;
}

.blocselect.menu {
	background: url(../images/modules/selection_menu.jpg) center -30px no-repeat;
}

.blocselect.notinstalled .installbutton {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid #ccc;
	height: 20px;
	line-height: 1.5;
	margin: 5px auto;
	opacity: 1.2;
	text-align: center;
	width: 100px;
	color: #000;
	transition: all 0.2s;
}

.blocselect.notinstalled:hover .installbutton {
	background: rgba(255, 255, 255, 0.8);
	height: 29px;
	line-height: 2;
	margin: 0 auto;
	width: 128px;
	font-size: 14px;
}

.blocselect.wrapper, .blocselect.banner, .blocselect.row {
	width: 270px;
	height: 50px;
	background-size: cover;
}

/********************************
*    =  mooRainbow              *
*       color picker            *
********************************/

/***
 *  - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
*/

.colorPicker {
    padding: 5px;
    cursor: pointer;
}

.moor-box {
    width: 230px;
    height: 310px;
    border: 1px solid #636163;
    background-color: #f9f9f9;
    z-index: 11000 !important;
    font-family: Verdana;
    font-size: 12px;
    color: #000;
}
.moor-overlayBox {
    width: 150px; /* Width and Height of the overlay must be setted here: default 256x256 */
    height: 150px;
    margin-top: 9px;
    margin-left: 9px;
    border: 1px solid #000;
}
.moor-slider {
    border: 1px solid #000;
    margin-top: 9px;
    margin-left: 170px;
    width: 19px; /* if you want a bigger or smaller slider... */
    height: 150px;
}
.moor-colorBox {
    border: 1px solid #000;
    width: 24px;
    height: 38px;
    margin-top: 8px;
    margin-left: 199px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
    margin-top: 9px;
    margin-left: 200px;
    width: 24px;
    height: 19px;
}
.moor-okButton {
    font-weight: bold;
    font-size: 11px;
    margin-top: 235px;
    margin-left: 8px;
    background: #e6e6e6;
    height: 23px;
    border: 1px solid #d6d6d6;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

.moor-cleaner,.moor-copy,.moor-paste {
    font-weight: bold;
    font-size: 11px;
    margin-top: 235px;
    margin-left: 65px;
    background: #e6e6e6;
    height: 23px;
    border: 1px solid #d6d6d6;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

.moor-selectpalette {
    font-weight: bold;
    font-size: 11px;
    background: #e6e6e6;
    height: 23px;
    border: 1px solid #d6d6d6;
    border-left-color: #f5f5f5;
    border-top-color: #f5f5f5;
}

.moor-copy{
    margin-top: 235px;
    margin-left: 120px;
}

.moor-paste{
    margin-top: 235px;
    margin-left: 170px;
}

#mooRainbow label {

}
/* Following are just <label> */
.moor-rLabel {
    margin-top: 170px;
    margin-left: 10px;
}
.moor-gLabel {
    margin-top: 170px;
    margin-left: 70px;
}
.moor-bLabel {
    margin-top: 170px;
    margin-left: 130px;
}
.moor-HueLabel {
    margin-top: 190px;
    margin-left: 10px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
    margin-top: 190px;
    margin-left: 70px;
    display: none;
}
.moor-SatuLabel {
    margin-top: 190px;
    margin-left: 70px;
}
.moor-BrighLabel {
    margin-top: 190px;
    margin-left: 130px;
}
.moor-hexLabel {
    margin-top: 210px;
    margin-left: 80px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput {
    width: 30px;
}
.moor-hexInput {
    width: 55px;
}
.moor-cursor {
    background-image: url(../images/moorainbow/moor_cursor.gif);
    width: 12px;
    height: 12px;
}
.moor-arrows {
    background-image: url(../images/moorainbow/moor_arrows.gif);
    top: 9px;
    left: 161px;
    width: 41px;
    height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
    margin-top: 28px;
    margin-left: 200px;
    width: 24px;
    height: 19px;
}


/*** responsive popup ***/

div.ckblocresolution {
	float: left;
	margin: 0 10px;
}

.resolution-title {
	text-align: left;
	color: #000;
	font-size: 13px;
	font-weight: bold;
    min-height: 60px;
    padding: 15px 0 0 85px;
}

#ckresponsive1 .resolution-title {
    background: url(../images/mobile/phone_portrait.png) 30px 15px no-repeat;
}

#ckresponsive2 .resolution-title {
    background: url(../images/mobile/phone_landscape.png) 20px 20px no-repeat;
}

#ckresponsive3 .resolution-title {
    background: url(../images/mobile/tablet_portrait.png) 15px 10px no-repeat;
}

#ckresponsive4 .resolution-title {
    background: url(../images/mobile/tablet_landscape.png) 15px 10px no-repeat;
}

#ckresponsive5 .resolution-title {
    background: url(../images/mobile/computer.png) 10px 10px no-repeat;
}

/*#ckresponsive3 {
    clear: both;
}*/

.responsive.ckbloc {
	width: 300px;
	height: 60px;
	margin: 2px;
	padding: 5px 5px 35px 5px;
	color: #0A71A5;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	line-height: 10px;
	background: url(../images/mobile/module_default.png) center center no-repeat;
	float: none;
}

.responsive.ckbloc:hover {
	background-color: #999;
	cursor: pointer;
}

.responsive.ckbloc[ckmobile=mobile_hide] {
	background-image: url(../images/mobile/module_hide.png)
}

.responsive.horiznav {
	background: url(../images/mobile/menu_default.png) center center no-repeat;
}
.responsive.horiznav[ckmobile=mobile_default] {background-image: url(../images/mobile/menu_default.png)}
.responsive.horiznav[ckmobile=mobile_hide] {background-image: url(../images/mobile/menu_hide.png)}
.responsive.horiznav[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/menu_not_aligned.png)}
.responsive.horiznav[ckmobile=mobile_alignhalf] {background-image: url(../images/mobile/menu_2x2.png)}
.responsive.horiznav[ckmobile=mobile_hamburger] {background-image: url(../images/mobile/menu_hamburger.png)}

.responsive.singlemodule {
	background: url(../images/mobile/module_default.png) center center no-repeat;
}
.responsive.singlemodule[ckmobile=mobile_default] {background-image: url(../images/mobile/module_default.png)}
.responsive.singlemodule[ckmobile=mobile_hide] {background-image: url(../images/mobile/module_hide.png)}

.responsive.custombloc[ckmobile=mobile_hide] {background-image: url(../images/mobile/module_hide.png)}

.responsive.flexiblemodules {
	background: url(../images/mobile/modules_default.png) center center no-repeat;
}
.responsive.flexiblemodules[ckmobile=mobile_default] {background-image: url(../images/mobile/modules_default.png)}
.responsive.flexiblemodules[ckmobile=mobile_hide] {background-image: url(../images/mobile/modules_hide.png)}
.responsive.flexiblemodules[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/modules_not_aligned.png)}
.responsive.flexiblemodules[ckmobile=mobile_alignhalf] {background-image: url(../images/mobile/modules_2x2.png)}

.responsive.mainbanner {
	background: url(../images/mobile/banner_default.png) center center no-repeat;
}
.responsive.mainbanner[ckmobile=mobile_hide] {background-image: url(../images/mobile/banner_hide.png)}
.responsive.mainbanner[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/banner_not_aligned.png)}
.responsive.mainbanner[ckmobile=mobile_hamburger] {background-image: url(../images/mobile/banner_hamburger.png)}

.responsive.maincontent {
	background: url(../images/mobile/content_default.png) center center no-repeat;
}
.responsive.maincontent[ckmobile=mobile_default] {background-image: url(../images/mobile/content_default.png)}
.responsive.maincontent[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/content_not_aligned.png)}
.responsive.maincontent[ckmobile=mobile_lefttop] {background-image: url(../images/mobile/content_lefttop.png);}
.responsive.maincontent[ckmobile=mobile_lefthidden] {background-image: url(../images/mobile/content_lefthidden.png);}
.responsive.maincontent[ckmobile=mobile_rightbottom] {background-image: url(../images/mobile/content_rightbottom.png);}
.responsive.maincontent[ckmobile=mobile_righthidden] {background-image: url(../images/mobile/content_righthidden.png);}

.responsive.ckrow[ckmobile=mobile_default] {background-image: url(../images/mobile/modules_default.png)}
.responsive.ckrow[ckmobile=mobile_notaligned] {background-image: url(../images/mobile/modules_not_aligned.png)}
.responsive.ckrow[ckmobile=mobile_hide] {background-image: url(../images/mobile/modules_hide.png)}

#mobile_lefttop, #mobile_lefthidden, #mobile_rightbottom, #mobile_righthidden {display: none;}

div[ckclass~=mainbanner] #mobile_default {background-image: url(../images/mobile/banner_default.png);}
div[ckclass~=mainbanner] #mobile_hide {background-image: url(../images/mobile/banner_hide.png);}
div[ckclass~=mainbanner] #mobile_alignhalf {display: none;}
div[ckclass~=mainbanner] #mobile_notaligned {background-image: url(../images/mobile/banner_not_aligned.png);}

div[ckclass~=flexiblemodules] #mobile_default {background-image: url(../images/mobile/modules_default.png);}
div[ckclass~=flexiblemodules] #mobile_hide {background-image: url(../images/mobile/modules_hide.png);}
div[ckclass~=flexiblemodules] #mobile_alignhalf {background-image: url(../images/mobile/modules_2x2.png);}
div[ckclass~=flexiblemodules] #mobile_notaligned {background-image: url(../images/mobile/modules_not_aligned.png);}

div[ckclass~=horiznav] #mobile_default {background-image: url(../images/mobile/menu_default.png);}
div[ckclass~=horiznav] #mobile_hide {background-image: url(../images/mobile/menu_hide.png);}
div[ckclass~=horiznav] #mobile_alignhalf {background-image: url(../images/mobile/menu_2x2.png);}
div[ckclass~=horiznav] #mobile_notaligned {background-image: url(../images/mobile/menu_not_aligned.png);}

div[ckclass~=singlemodule] #mobile_default {background-image: url(../images/mobile/module_default.png);}
div[ckclass~=singlemodule] #mobile_hide {background-image: url(../images/mobile/module_hide.png);}
div[ckclass~=singlemodule] #mobile_alignhalf {display: none;}
div[ckclass~=singlemodule] #mobile_notaligned {display: none;}

div[ckclass~=maincontent] #mobile_lefttop,
div[ckclass~=maincontent] #mobile_lefthidden,
div[ckclass~=maincontent] #mobile_rightbottom,
div[ckclass~=maincontent] #mobile_righthidden {display: block;}

div[ckclass~=maincontent] #mobile_default {background-image: url(../images/mobile/content_default.png);}
div[ckclass~=maincontent] #mobile_hide {display: none;}
div[ckclass~=maincontent] #mobile_alignhalf {display: none;}
div[ckclass~=maincontent] #mobile_notaligned {background-image: url(../images/mobile/content_not_aligned.png);}
div[ckclass~=maincontent] #mobile_lefttop {background-image: url(../images/mobile/content_lefttop.png);}
div[ckclass~=maincontent] #mobile_lefthidden {background-image: url(../images/mobile/content_lefthidden.png);}
div[ckclass~=maincontent] #mobile_rightbottom {background-image: url(../images/mobile/content_rightbottom.png);}
div[ckclass~=maincontent] #mobile_righthidden {background-image: url(../images/mobile/content_righthidden.png);}

.responsiverow_info {
	text-align: center;
	width: 300px;
}

.responsiverow {
	border: 1px dashed #3399ff;
}

/*** message systeme ***/
/*.alert-message {
    margin: 5px;
    padding: 5px;
    background: #eaeaea;
}

.alert-message .close {
    display: inline-block;
    background: #aaa;
    color: #fff;
    padding: 2px 5px;
    border-radius: 5px;
    cursor: pointer;
    line-height: 15px;
}

.alert-message .close:hover {
    background: #ccc;
    color: #000;
}*/

/* ---------------------------------------
	Standard styles formatting
	created with Template Creator
        on http://www.template-creator.com
-----------------------------------------*/


html {
	height: 101%;
}

body {
	margin: 0;
	padding: 0;
}

* {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {
	padding: 3px 0;
	margin: 0;
	line-height: 1.2;
	font-weight: bold;
	font-style: normal;
}
h1, .componentheading {
	font-size: 1.75em;
}
h2, .contentheading {
	font-size: 1.5em;
}
h3 {
	font-size: 1.25em;
}
h4 {
	font-size: 1em;
}

ul, ol {
	padding: .75em 0 .75em 0;
	margin: 0 0 0 35px;
}

ul.menu {
    margin: 0;
}

ul.menu li {
    list-style: none;
}

p {
	padding: 5px 0;
}

address {
	margin: .75em 0;
	font-style: normal;
}

a:focus {
    outline: none;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

em {
	font-style: italic;
}
strong {
	font-weight: bold;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
input, button, select {
	vertical-align: middle;
}

.ckclr {
	clear : both;
}

.container {
	margin: 0 auto;
}

.column.center {
    text-align: inherit;
}

#previewarea {
	border: 1px solid #3399FF;
	padding: 20px;
	width: 810px;
}

#previewarea .previewareatitle {
	font-size: 20px;
	text-align: center;
	padding: 15px;
	color: #3399FF;
}


/** ajout pour gestion drag'ndrop des blocs **/

.ckplaceholder {
	padding: 10px;
	min-height: 60px;
	background: #2EA2CC;
}

.ckplaceholderchild {
	float: left;
	margin: 0;
	padding: 0;
	transition: opacity 0.2s;
}

.ckplaceholderchild > .inner {
	background: #2EA2CC;
	height: 100%;
	margin: 0;
	padding: 0;
}

.ui-draggable-dragging {
	z-index: 10000;
}

.wrapper > .inner {
	min-height: 30px;
	position: relative;
}

.wrapper > .inner > .ckbloc > .inner {
	position: relative;
}

.ckrow > .inner {
	min-height: 60px;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.ckrow > .inner:after {
	content: "";
	/*display: none;*/
}

.ckfields .controlMove {
    background: url(../images/toolbar/arrow_move.png) center center no-repeat;
}



.ckwait {
    background: #fff url(../images/ajax-loader.gif) center center no-repeat !important;
}

/*** ajout code pour favoris ***/
.ckfields .controlFavorite {
    background: url(../images/toolbar/magic.png) center center no-repeat;
}

#ckhtmlcontainer {
	position: relative;
}

#ckfavoritespanel {
	/*position: fixed;
	background: #fff;
	box-shadow: 0px 0px 5px #000;
	min-height: 100px;
	height: 100%;
	width: 250px;
	left:0;
	overflow-y: auto;
	z-index: 9999;*/
	background: #fff;
	display: none;
}
/*
#ckfavoritespanel > .inner {
	background: #fff;
}*/
/*
#ckfavoritespanel .ckclose {
	width: 60px;
	background-position: center 0;
}

#ckfavoritespanel .ckpopupinfostitle {
	margin: 0 10px 0 10px;
}*/

#showsuggestions {
	background: #fff;
}

#showfavorites {
    overflow-x: auto;
    overflow-y: hidden;
}

#ckaddtofavorite > span {
	white-space: nowrap;
}

.favoritethumb {
    float :left;
    margin: 10px 5px 5px 5px;
    cursor: pointer;
	width: 45%;
	box-sizing: border-box;
}
#tab_myfavorites .favoritethumb {
	width: auto;
	margin: 10px;
}

#tab_menus .favoritethumb {
	width: 90%;
}


.favoritethumb img {
    border: 1px solid transparent;
}

.favoritethumb:hover > img {
    box-shadow: 0px 0px 5px #3399ff;
    border: 1px solid #3399ff;
}

.ckmyfavorite {
	border: 1px solid transparent;
	height: 60px;
	overflow: hidden;
	width: 180px;
}

.ckmyfavoriterow {
	margin: 3px 0 0 0;
	border: 1px solid #ddd;
}

.ckmyfavoriterow .fa {
	min-width: 11px;
}

.ckmyfavoriterow .ckvalidate {
	display: none;
}

.ckmyfavoriterow .ckbutton {
	/*width: 60px;*/
}

.ckmyfavoritename {
	background: #ededed;
	padding: 4px;
	color: #1a1a1a;
	margin-bottom: 4px;
}

.ckmyfavoritenameedition {
	line-height: 20px;
}

.ckmyfavoritename .ckvalidate {
	/*display: none;*/
}


.subtitle {
	display: block;
	font-size: 12px;
	padding-top: 5px;
	clear: both;
}

.ckclose.ckrestorebeforefavorite {
	background-image: url(../images/restore.png);
}

.ckclose.ckaddtofavorite {
	background-image: url(../images/addtofavorite.png);
}

#customcode, #customcss {
	min-width: 600px;
}
/*
.ckclose.ckstick {
	background-image: url(../images/pin_black.png);
}

.stick .ckclose.ckstick {
	background-image: url(../images/pin_active.png);
}
*/
.ckmodulepositionpreview {
	background: #0A71A5;
	opacity: 0.85;
	border-radius: 5px;
	border: 1px solid #fff;
}

.ckmodulepositionpreview_name {
	display: block;
	position: absolute;
	margin: -10px 0 0 0;
	height: 20px;
	width: 100%;
	top: 50%;
	text-align: center;
	color: #fff !important;
	font-size: 16px !important;
	font-family: Segoe UI;
	font-weight: bold;
}

textarea.responsiveCustomcode {
	min-height: 100px;
	width: 95%;
	max-width: 100%;
}

.responsiveCustomcodelabel {
	font-weight: bold;
}
/*
#ckleftpanel, .ckleftpanel {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	display: block;
	left: 0;
	padding: 0 0 10px 0px;
	width: 310px;
	box-sizing: border-box;
	z-index: 999;
	position: fixed;
	top: 66px;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 0;
	font-family: Segoe UI, arial;
	}

.ckleftpanel > .inner {
	padding: 0 20px 0 2px;
}*/

/*#ckaddblockmanager, #showthemes, .ckleftpanel {
	position: absolute;
	left:0;
	width: 310px;
	min-height: 100%;
	z-index: 10;
	box-sizing: border-box;
	display: none;
}

#ckaddblockmanager {
	display: block;
}*/
/*
#ckleftpanel.floating {
	position: fixed;
	top: 0;
	bottom: 0;
}*/
/*
#ckleftpanel.reduced {
	width: 100px;
}*/
/*
#ckleftpanel.reduced .blocselectcont {
	max-width: 100%;
	width: 80%;
}
#ckleftpanel.reduced .blocselectcont .blocselect {
	max-width: 100%;
	background-size: cover;
	background-position: left center;
}
#ckleftpanel.reduced .blocselectcont .blocselect.logo {
	max-width: 100%;
	background-size: cover;
	background-position: center center;
}
*/
/*#ckleftpanel .panelheader {
	background: #e4e4e4;
}

#ckleftpanel.hiddenpanel {
	display: none;
}*/

/*#ckleftpanel.hiddenpanel + div #template_container {
	margin-left: 0;
}*/

/*#template_container {
	margin-left: 250px;
	transition: margin 0.2s ease 0s;
}*/


#modules_code_inner p {
	padding: 5px;
	position: relative;
}


#modules_code_inner p.errorck .ckbuttonstyle {
	position: absolute;
	right: 0;
	top: 10px;
}

#responsive_preview {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
}

#responsive_preview > .inner {
	height: 100%;
	margin: 0 auto;
	transition: width 0.2s ease 0.2s;
}

#responsive_preview_frame {
	display: block;
	margin: 0 auto;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	border: none;
}

/*#ckaddblockmanager.reduced + div #template_container {
	margin-left: 100px;
}*/

/*.cktopfixed #ckaddblockmanager {
	position: fixed;
	top: 0;
	left:  0;
	right:0;
	background: #fff;
	z-index: 9999;
}

.cktopfixed #ckaddblockmanager .blocselectcontseparator {
	display: none;
}*/

.cktooltipinfo {
	background: rgba(0,0,0,0.7);
	padding: 5px 10px;
	color: #e5e5e5;
	border-radius: 5px;
	box-shadow: 0 0 7px rgba(255,255,255,0.4);
	float: left;
	font-size: 11px;
	font-family: Verdana;
	z-index: 999999;
}

/* pour equalheights */
.flexiblemodules > .inner {
	display: flex;
}

.flexiblemodules .flexiblemodule {
	display: flex;
}

/*.maincontent .column {
	flex-direction: column;
}*/

.flexiblemodules .flexiblemodule > .inner {
	max-width:100%;
	width: 100%;
	box-sizing: border-box;
}

/*
.cktitle {
	border-bottom: 1px solid;
	color: #3399ff;
	font-family: arial;
	font-size: 2em;
	margin: 10px 0;
}*/

/* for bullet list */
.bulletlistselect {
	padding: 10px 20px;
	margin: 10px;
	float: left;
	border: 1px solid #ccc;
	cursor: pointer;
	width: 125px;
	box-sizing: border-box;
	height: 160px;
}

.bulletlistselect[data-type="image"] {
	height: auto;
	width: 270px;
}

.bulletlistselect:hover {
	border: 1px solid #3399ff;
	box-shadow: 0 0 5px #3399ff;
}

.bulletlistselect.selected {
	border: 1px solid #000;
}

.bulletlisttitle {
	text-transform: uppercase;
	color: #3399ff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.bulletlistselect[data-type="image"] ul {
	list-style-image: url(../images/tick.png);
}

.inputbox + label {
	background: #f5f5f5;
	border: 1px solid #bbb;
	display: inline-block;
	margin-left: -1px;
	padding: 5px 8px;
	color: #333;
	cursor: pointer;
}

.inputbox + label:hover {
	background: #e5e5e5;
}

.menustyles input.hiddenbtn[type="radio"]:checked + label {
	background-color: #e6e6e6;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333;
	outline: 0 none;
}

.videobackground { 
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	/*background: url(polina.jpg) no-repeat;*/
	background-size: cover; 
}

/* styles for the main menu */
.ck_button {
	position: relative;
}

.cksubmenu {
	display: none;
	/*opacity: 0;*/
	transition: opacity 0.1s ease 0.1s;
	position: absolute;
	left: auto;
	background: #303030;
	border: 1px solid #555;
	z-index: 100;
	width: 200px;
	overflow: auto;
}

/*#mainmenuck div.cksubmenu > a {
	text-align: left;
	padding: 2px 5px;
	border: 1px solid transparent;
}

#mainmenuck div.cksubmenu > a:hover {
	background: #444 none repeat scroll 0 0;
	border: 1px solid #777;
	color: #f1f1f1;
}

#mainmenuck hr {
	border: none;
	border-bottom: 1px solid #555;
	margin: 5px 10px;
}
*/
.restoreline {
	border-bottom: 1px solid #eee;
	margin-top: 3px;
	padding: 5px;
}

.restoreline > div {
	line-height: 25px;
	float: left;
	width: 50%;
}

.widgetrow {
	width: 900px;
	padding: 10px;
	min-height: 35px;
}

.widgetrow:nth-child(2n+1) {
	background: #f2f2f2;
}

.widgetrow > span,
.widgetrow * {
	display: inline-block;
	/*vertical-align: top;*/
}

.widgettitle {
	font-weight: bold;
}

.widgettitledesc {
	width: 500px;
}

.widgetactions {
	float: right;
}

.widgetactions .fa, .widgetactions .ckwait {
	width: 16px;
	display: inline-block;
	height: 16px;
	vertical-align: middle;
}

.widgetactions .widgetenable > .fa {
	color: red;
}

.widgetactions .widgetdisable > .fa {
	color: green;
}

.widgetactions .widgetedit > .fa {
	color: steelblue;
}

.widgetrow .widgetenable,
.widgetrow .widgetdisable,
.widgetrow .widgetedit,
.widgetupdate
{
	display: none;
}

.widgetrow[data-installed="1"] .widgetinstall
{
	display: none;
}
.widgetrow[data-installed="1"] .widgetenable
{
	display: inline-block;
}

.widgetrow[data-enabled="1"] .widgetenable
{
	display: none;
}

.widgetrow[data-enabled="1"] .widgetdisable,
.widgetrow[data-enabled="1"] .widgetedit
{
	display: inline-block;
}

.widgetrow[data-enabled="0"] .widgetdisable,
.widgetrow[data-enabled="0"] .widgetedit,
.widgetrow[data-installed="0"] .widgetdisable,
.widgetrow[data-installed="0"] .widgetedit
{
	display: none;
}

.widgetrow[data-update="1"][data-installed="1"] .widgetupdate {
	display: block;
}

.widgettopbarfilter {
	font-weight: bold;
}

.ckoption {
	margin-bottom: 3px;
}

.ckoption > span {
	display: inline-block;
	vertical-align: middle;
}

.ckoption > span:first-child {
	width: 170px;
}

.ckoption .ckoption-desc {
	font-style: italic;
	display: inline;
}

.ckoption .ckoption-desc-under {
	display: block;
	clear: both;
}

.resolution-value {
	text-align: center;
	margin-bottom: 5px;
}

/* shadow fix */
#body div div.inner::after {
	/*position: relative;*/
}

/* hide action button if no BS */
.icons .btn.dropdown-toggle {
	/*display: none;*/
}







/*--------------------------------------------
--- 			Styles for V4	 			--
----------------------------------------------*/
body.cktemplatecreatorinterface:not(.ckfirststep) {
	padding-left: 310px !important;
}

body.cktemplatecreatorinterface {
	padding-top: 66px !important;
}

#cktemplatecontainer {
	/*margin-left: 310px;
	margin-top: 66px;*/
	position: relative;
}

.ckfirststep #ckheader .ckheadermenuitem:not(.ckcancel):not(.ckfirststep),
.ckfirststep .ckleftpanel {
	display: none;
}

.ckfirststep #cktemplatecontainer {
	margin-left: 0;
}

.ckheadermenuitemright {
	float: right;
}

.ckexpertmode {
	color: #3DE5DF !important;
}

.ckinfosdescription {
	padding: 10px;
}

.ckpopuptitle {
	font-size: 21px;
	color: #333;
	padding: 20px 10px 10px 10px;
	font-weight: normal;
}

.ckpopupdesc {
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
	margin: 10px 0 0 0;
}

.ckpopupcontent {
	margin: 25px 0 0 0;
}
/*-------- edit_modele ---------------*/

#ckmodelewrapper {
		top: 0;
		left: 0;
		padding-left: 10px;
		height: 100%;
		margin: 0 0 0 0;
	}

div.cklayout {
	display: inline-block;
	margin: 3px;
	padding: 5px;
	background: #fff;
	color: #777;
	text-align: center;
	border: 2px solid transparent;
}

div.cklayout img {
	-moz-box-shadow: 0px 0px 5px #888;
	box-shadow: 0px 0px 5px #888;
}

div.cklayout:hover {
	background: #fff;
	color: #000;
	cursor: pointer;
	border: 2px solid #000;
}

div.cklayouttitle {
	text-align: center;
	font-size: 12px;
	color: #4c4c4c;
	padding: 5px;
	font-family: Verdana;
}
#ckmodeleheader {
	padding: 20px;
	font-size: 16px;
	text-align: center;
}
#ckmodeleheader .ckbutton {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.06em;
}

#cklayoutslist {
	text-align: center;
}

#cklayoutslist .ckinfosdescription {
	padding: 20px;
}

#ckmodelslist {
	max-width: 1100px;
	margin: auto;
}

#cklayoutslist, #tab_customcode, #tab_customcss {
	display: none;
}

#ckmodelewrapper {
	background: #ECEFF1;
	min-height: calc(100vh - 60px);
}

.ckgallerywrap {
	padding-bottom: 10px;
}

.ckgalleryitem {
	float: left;
	width: 250px;
	margin: 10px;
}

.ckgalleryiteminner {
	overflow: hidden;
	border-radius: 4px;
}

#cklibraryelements .ckinterfaceslider {
	padding: 10px;
}

.cklibraryitem {
	overflow: hidden;
	margin: 10px 0;
	border-radius: 4px;
}

.ckgalleryitem:hover, .cklibraryitem:hover {
	box-shadow: #888 0 0 8px;
	transition: all 0.2s;
}

.cklibraryitem:hover {
	cursor: grab;
}

.ckgalleryitemimage {
	height: 250px;
	overflow: hidden;
}

.ckgalleryitem img {
	width: 250px;
	height: auto;
	display: block;
}

.cklibraryitem img {
	max-width: 100%;
	height: auto;
	display: block;
}

.ckgalleryiteminfos {
	height: 90px;
	background: #fff;
	border-top: 1px solid #ddd;
	text-align: center;
}

.ckgalleryitemtitle {
	padding: 10px 5px;
	font-weight: bold;
	text-align: center;
}


.ckgalleryitempreviewbtn, .ckgalleryitemloadbtn {
	display: inline-block;
}

.ckgalleryitemdetails {
	display: none;
	min-width: 700px;
}

.ckgalleryitemdetails img {
	width: calc(100% - 300px);
	min-width: 400px;
	max-width: 700px;
	float: right;
}

.ckgalleryitemdetails .ckbutton-big {
	padding: 10px 20px;
	font-size: 120%;
	border-radius: 3px;
	display: block;
}

.ckgalleryitemdetailsinfos [data-info="detaillabel"] {
	background: #f5f5f5;
	padding: 5px;
	display: inline-block;
	width: 100px;
	margin: 5px;
}

.ckgalleryitemdetailsinfos [data-info="name"] {
	font-size: 2em;
	text-align: center;
	display: block;
	text-transform: capitalize;
	padding: 10px;
	margin-bottom : 20px;
}

.ckgalleryitemdetailsinfos {
	width: 300px;
	float: left;
	padding: 10px;
	box-sizing: border-box;
}

.ckgalleryitemdetailsactions  {
	margin-top: 20px;
}

.ckgallerypagination {
	margin: 10px;
}

.ckdraggingelement {
	width: 250px !important;
	height: auto !important;
}

#ckedition {
	display: none;
}

#ckwizardmodal {
	min-height: 100%;
}

#ckwizardmodal .ckoption-label {
	width: 200px;
}

#ckwizardmodal .ckoption-field {
	width: calc(100% - 200px);
}

#ckwizardmodal fieldset {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

#ckwizardmodal legend {
	font-size: 18px;
}

.ckinfosdesc {
	font-size: 0.8em;
	padding: 5px;
}

.ckinterfaceslidertitle {
	font-size: 21px;
	color: #333;
	padding: 10px;
	font-weight: normal;
}

.ckinterfacesliderdesc {
	font-size: 12px;
	text-align: justify;
	line-height: 14px;
	margin: 10px 0 0 0;
}


#ckcustomstylepreviewwrap, .ckcustomedition {
	display: none;
	background: white;
	position: fixed;
	z-index: 10;
	top: 65px;
	left: 310px;
	right: 0;
	bottom: 0;
	padding: 10px;
}
#ckcustomstylepreview, .ckcustomeditioninner {
	width: 600px;
	height: 400px;
	margin: auto;
	margin-top: auto;
	top: 50vh;
	position: relative;
	margin-top: -140px;
}

div.CodeMirror {
	border: 1px solid #ccc;
	width: auto;
	min-width: 500px;
}

#tab_customcode, #tab_customcss {
	position: relative;
	padding: 10px;
}


#tab_customcss {
	height: auto;
}

#ckaddblockmanager {
	width: 100%;
	position: relative;
}

.cklibraryelement > div {
	width: 280px;
	height: 50px;
}

#cktoolbarResponsive {
	padding-top: 10px;
}

#cktoolbarResponsive > div {
	padding-left: 5px;
}

#cktoolbarResponsive .inputbox {
	width: 40px;
	margin: 0 0 0 -1px;
	height: 23px;
	text-align: center;
}

.ckresponsivebutton {
	width: 130px;
	text-align: left;
}

#ckresponsivecustomcss {
	position: fixed;
	left: 310px;
	top: 66px;
	z-index: 1000000;
	background: white;
	right: 0;
	bottom: 0;
	overflow: auto;
	display: none;
}

.ckblocresolutions {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 10px;
}

.ckblocresolutions .ckblocresolution {
	flex: 1 1 calc(50% - 20px);
	min-width: 250px;
}

.editorckclass {
	display: none;
}

.ckcssmanager .editorckclass {
	display: block;
}

.ckcssmanager .isControl, .ckcssmanager .editorckposition {
	display: none;
}

/*----------------------------
--	Responsive edition		--
-----------------------------*/

.isControlResponsive {
	display: none;
}

.ckresponsiveactive .isControl:not(.isControlResponsive) {
	display: none;
}

.ckresponsiveactive .isControlResponsive {
	display: block;
}

.isControlResponsive[data-class="ckmobilemenu"] {
	color: inherit;
}

.isControlResponsive[data-class="ckmobilemenu"] .fa {
	margin-top: 1px;
	font-size: 24px;
}

.ckresponsiveactive .isControlResponsive[data-class="ckmobilemenu"] {
	color: #fff;
}

.isControlResponsive {
	padding: 5px 6px;
	font-size: 16px;
	float: left;
	cursor: pointer;
	color :#fff;
}

.wrapper > .editorck > .ckfields > .isControlResponsive,
.maincenter > .editorck > .ckfields > .isControlResponsive,
.content > .editorck > .ckfields > .isControlResponsive,
.maincontent > .editorck > .ckfields > .isControlResponsive {
	color: #000;
}

.isControlResponsive .fa {
	vertical-align: top;
}

.isControlResponsive:hover,
.isControlResponsive.active,
.isControlResponsive[data-enabled="1"] {
	background-color: rgba(0,0,0,0.2);
}

.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"]:before,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"]:before {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: #d3531a;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	top: 0;
	background: url('../images/disable.png') center center repeat;
	/*background-size: contain;*/
	z-index: 9;
}

.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"] .ckbloc:before,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"] .ckbloc .editorck,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"] .blockck:before,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hide"] .blockck .editorckresponsive,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"] .ckbloc:before,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"] .ckbloc .editorck,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"] .blockck:before,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hide"] .blockck .editorckresponsive,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"] .ckbloc:before,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"] .ckbloc .editorck,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"] .blockck:before,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hide"] .blockck .editorckresponsive,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"] .ckbloc:before,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"] .ckbloc .editorck,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"] .blockck:before,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hide"] .blockck .editorckresponsive,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"] .ckbloc:before,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"] .ckbloc .editorck,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"] .blockck:before,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hide"] .blockck .editorckresponsive {
	display: none !important;
}

#body.ckresponsiveactive {
	margin-left: auto;
	margin-right: auto;
}

.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_notaligned"] .inner { display: block !important; }
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_notaligned"] > .inner > .ckbloc,
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_notaligned"] > .inner > .ckrowcontainer { float: none; width: auto !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_notaligned"].horiznav li { float: none; width: 100% !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_notaligned"].horiznav ul ul { width: 100% !important; margin: 0 !important; position: static !important;}

.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_notaligned"] .inner { display: block !important; }
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_notaligned"] > .inner > .ckbloc,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_notaligned"] > .inner > .ckrowcontainer { float: none; width: auto !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_notaligned"].horiznav li { float: none; width: 100% !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_notaligned"].horiznav ul ul { width: 100% !important; margin: 0 !important; position: static !important;}

.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_notaligned"] .inner { display: block !important; }
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_notaligned"] > .inner > .ckbloc,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_notaligned"] > .inner > .ckrowcontainer { float: none; width: auto !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_notaligned"].horiznav li { float: none; width: 100% !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_notaligned"].horiznav ul ul { width: 100% !important; margin: 0 !important; position: static !important;}

.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_notaligned"] .inner { display: block !important; }
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_notaligned"] > .inner > .ckbloc,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_notaligned"] > .inner > .ckrowcontainer { float: none; width: auto !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_notaligned"].horiznav li { float: none; width: 100% !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_notaligned"].horiznav ul ul { width: 100% !important; margin: 0 !important; position: static !important;}

.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_notaligned"] .inner { display: block !important; }
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_notaligned"] > .inner > .ckbloc,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_notaligned"] > .inner > .ckrowcontainer { float: none; width: auto !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_notaligned"].horiznav li { float: none; width: 100% !important; display: block !important; margin-left: 0 !important;}
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_notaligned"].horiznav ul ul { width: 100% !important; margin: 0 !important; position: static !important;}

.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hamburger"].horiznav ul.menu:after,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hamburger"].horiznav ul.menu:after,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hamburger"].horiznav ul.menu:after,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hamburger"].horiznav ul.menu:after,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hamburger"].horiznav ul.menu:after {
	content: "≡";
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	font-size: 33px;
	padding: 10px;
}

.ckresponsiveactive[ckresponsiverange="5"] [ckresponsive5="mobile_hamburger"].horiznav ul.menu li,
.ckresponsiveactive[ckresponsiverange="4"] [ckresponsive4="mobile_hamburger"].horiznav ul.menu li,
.ckresponsiveactive[ckresponsiverange="3"] [ckresponsive3="mobile_hamburger"].horiznav ul.menu li,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hamburger"].horiznav ul.menu li,
.ckresponsiveactive[ckresponsiverange="2"] [ckresponsive2="mobile_hamburger"].horiznav ul.menu li,
.ckresponsiveactive[ckresponsiverange="1"] [ckresponsive1="mobile_hamburger"].horiznav ul.menu li {
	display: none !important;
}

.ckcssmanager #body {
	padding-top: 30px;
}

.valign-top {
	align-self: flex-start;
}

.valign-center {
	align-self: center;
}

.valign-bottom {
	align-self: flex-end;
}

.emptybloc {
	min-height: 30px;
}

.logobloc > .inner > img {
	display: block;
}

.logobloc[ckclass="tck-logo-center"] img {
	margin-left: auto;
	margin-right: auto;
}

.logobloc[ckclass="tck-logo-right"] img {
	margin-left: auto;
}

.tab_fullscreen {
	position: fixed;
	left: 310px;
	top: 66px;
	bottom :0;
	right: 0;
	overflow: auto;
	padding: 10px;
	background: #fff;
}

/*------------------------------------------------------
 * Styles for the image drag and drop upload
 *-----------------------------------------------------*/

.ckdndhover {
	border-color: #00a0d2 !important;
}

progress.progress {
	display: block;
	width: 100%;
	box-sizing: border-box;
	height: 10px;
}


/*------------------------------------------------------
 * 
 *-----------------------------------------------------*/

label.radioimgoption {
	display: inline-block;
	width: 100px;
	height: 65px;
	margin: 5px;
	box-shadow: #888 0 0 5px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #fff;
	border: 2px solid #fff;
	position: relative;
	cursor: pointer;
}

label.radioimgoption:hover {
	box-shadow: #5f9ea0 0 0 10px;
	background-repeat: no-repeat;
	background-size: contain;
}

/*----------------------------
-- 		Edition columns 	--
-----------------------------*/


.ckmobileoverlay, .ckcolwidthedition {
	background: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.ckcolwidthedition {
	text-align: center;
	background: #fff;
	border: 1px solid #ddd;
	color: #111;
}

.ckcolwidthedition.locked {
	background: #c2e0ff;
}

.ckcolwidthlocker {
	position: absolute;
	top: 35px;
	left: 49%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: #fff url(../images/lock_open.png) 49% center no-repeat;
}

.ckcolwidthlocker.locked {
	background: #c2e0ff url(../images/lock.png) 49% center no-repeat;
}

.ckcolwidthedition > input.inputbox {
	height: 25px;
	width: 40px;
	margin-top: 5px;
}

.ckcolwidthediting.inner {
	min-height: 100px;
	height: 100%;
}

.ckmobileediting {
	min-height: 100px;
}

.ckcolwidthediting .editorck {
	display: none !important;
}

/* for shape divider */
.tck-divider-container {
	position: absolute;
	overflow: hidden;
	left: 0;
	width: 100%;
}

.tck-divider-container > svg {
	position: relative;
	height: 100%;
	left: 50%;
	transform: translate(-50%);
	min-width: 100%;
}

.tck-divider-container.pbck-divider-top {
	top: -1px;
}

.tck-divider-container.pbck-divider-bottom {
	bottom: -1px;
}

.tck-divider-container.pbck-divider-over {
	z-index: 1;
}

.tck-divider-container.pbck-divider-under {
	z-index: 0;
}

.ckflip-horizontal > svg {
	transform: rotateY(180deg) translate(-50%);
}

.ckflip-vertical > svg {
	transform: rotateX(180deg) translate(-50%);
}

.ckflip-horizontal.ckflip-vertical > svg {
	transform: rotate(180deg) translate(-50%);
}