@charset "UTF-8";

/*** CSS csw-editor ***/
/* -------------------------------- */
/* CSS Editeur Creation-Site-Web */
/* -------------------------------- */

strong, b {
    font-weight: 700 !important;
}

body.start {
	background-color:#cdd1d6;
}

#blockEditor a, #blockEditor a:link, #blockEditor a:active, #blockEditor a:visited { text-decoration:none; color:#555; }
.break, .clearBoth, .clearboth { clear:both; }

#blockEditor span.sup {
	vertical-align:text-top !important;
	background:transparent none !important;
	display:inline !important;
	float:none !important;
	font-size:80% !important;
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	min-height:0 !important;
	height:auto !important;
	line-height:8px !important;
}

/* -------------------------------- */
/* EDITEUR */
/* -------------------------------- */

#themeContainer {
	padding:127px 0 0;
	position:relative;
}
#blockEditor {
	font-family:"Titillium web", Arial, Helvetica, sans-serif;
	position:fixed;
	top:0;
	right:0;
	left:0;
	height:149px;
	background:url(bgd_blockeditor-shadow.png) repeat-x 0 bottom;
	font-size:14px;
	color:#444;
	z-index:1000;
}
#blockEditor .editorContainer {
	width:6000px;
}
#blockEditor .btnFullscreen {
	/*display:none;*/
	position:absolute;
	right:10px;
	bottom:-31px;
	background:url(bgd_editionribbon-fullscreen.png) no-repeat;
	width:41px;
	height:31px;
	z-index:300;
}
#blockEditor .btnFullscreen span {
	display:none;
}
#blockEditor .btnFullscreen.activ {
	background-position:0 -31px;
}

/* -------------------------------- */
/* PREVISUALISATION */
/* -------------------------------- */

#previewContainer {
	position:relative;
}
#blockInfoPreview {
	background:#1988d7;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	font-size:13px;
	color:#FFF;
	padding:10px 12px;
	border-bottom:1px solid #fff;
	z-index: 2;
}
#blockInfoPreview .restoreVersion {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index:1;
}
#blockInfoPreview .restoreVersion .btn {
	color:#444;
}
#blockInfoPreview .restoreVersion .btn.close {
	background:url(pictoClose.png) no-repeat 0 center / 24px 24px;
	padding:12px;
	display:block;
}
#blockInfoPreview .restoreVersion .btn.close span {
	display:none;
}
#blockInfoPreview .infoVersion {
	float:left;
	background: url("pictoEye.png") no-repeat scroll 0px center transparent;
	padding-left: 25px;
	padding-right: 30px;
}
#blockInfoPreview .infoVersion .infos {
	font-weight:bold;
	color:#FFF;
	margin:0 10px 0 0;
}
#blockInfoPreview .infoVersion .infos .date {
	color:#FFF;
}
#blockInfoPreview .infoVersion .btn {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
}
#blockInfoPreview .infoVersion .btn.restore {
	background-color: #fff;
	line-height:22px;
	color:#444;
	padding:0 10px;
	border:1px solid #fff;
}
#blockInfoPreview .infoVersion .btn.restore:hover {
	background-color: transparent;
	color:#fff;
}

/* -------------------------------- */
/* TOOLTIPS */
/* -------------------------------- */

#tooltip {
	font-family: "Titillium Web", Helvetica, sans-serif;
	position:absolute;
	z-index:1100;
	background:#313131;
	color:#fff;
	font-size:15px;
	text-align:center;
	height:24px;
	line-height:24px;
	padding:4px 15px;
	-moz-opacity:0.9;
	opacity: 0.9;
	cursor:help;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 1px 1px 10px #444;
	-webkit-box-shadow: 1px 1px 10px #444;
	box-shadow: 1px 1px 10px #444;
}

.ribbonTipInfos, 
.ribbonTipInfos .tipInfosBottom, 
.ribbonTipInfos .tipInfosContent {
	background:url(bgd_ribbontip-infos.png) no-repeat;
}
.ribbonTipInfos {
	display:none;
	position:fixed;
	width:327px;
	padding:28px 0 0;
	color:#fff;
	font-family:"Titillium Web", Arial, sans-serif;
	font-size:15px;
	line-height: 18px;
	letter-spacing: 0em;
	z-index:1001;
}
.ribbonTipInfos .tipInfosBottom {
	background-position:-654px bottom;
	padding:0 0 13px;
}
.ribbonTipInfos .tipInfosContent {
	background-position:-327px 0;
	background-repeat:repeat-y;
	padding:10px 22px;
}
.ribbonTipInfos .tipInfos {
	display:block;
	background:url(bgd_editionribbon-infodrag.png) no-repeat 10px center;
	padding:0 0 0 45px;
}

/* Material Design Tooltip */
#editorWrapper .mat.tooltip {
    position: absolute;
    display: inline-block;
    max-width: 450px;
    font-size: 13px;
    color: #FFF;
	font-family: "titillium web", sans-serif;
    padding: 3px 8px;
    background: rgba(85, 85, 85, 0.9);
    border-radius: 2px;
    display: none;
    z-index: 9999;
    pointer-events: none;
}

/* -------------------------------- */
/* BOUTONS */
/* -------------------------------- */

/* Base */
#editorWrapper .btnRound {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	background:none;
	border:0;
	cursor: pointer;
	margin:0;
	padding:0;
	text-align:center;
	white-space:nowrap;
}

/* Désactivé */
#blockEditor .disabled {
	-moz-opacity:0.4;
	filter:alpha(opacity:40);
	opacity: 0.4;
	cursor:default;
}

/* btn mid 1 (sert de base aux autres btn mid) */
#editorWrapper .btnRound-mid-1 {
	color:#555;
	font-size:12px;
	height:28px;
	font-weight:bold;
}
#editorWrapper .btnRound-mid-1 span {
	background:url(bgd_btnround-mid-1.png) no-repeat;
	height:28px;
	float:left;
	padding:0 0 0 5px;
}
* html #editorWrapper .btnRound-mid-1 span {
	background-image:url(bgd_btnround-mid-1.gif);
}
#editorWrapper .btnRound-mid-1 span span {
	background-position:right -28px;
	padding:0 5px 0 0;
}
#editorWrapper .btnRound-mid-1 span span span {
	background-position:0 -56px;
	background-repeat:repeat-x;
	padding:0 6px;
}
#editorWrapper .btnRound-mid-1.btnLight span, 
#editorWrapper .btnRound-mid-1.btnLight:hover span {
	background-position:-500px 500px;
}
#editorWrapper .btnRound-mid-1 span span span span, 
#editorWrapper .btnRound-mid-1.btnLight span span span span {
	background-position:0 -252px;
	background-repeat:no-repeat;
	padding:0 0 0 11px;
	line-height:28px;
}
#editorWrapper .btnRound-mid-1.noArrow span span span span, 
#editorWrapper .btnRound-mid-1.noArrow:hover span span span span {
	background-position:-500px 500px;
	padding:0;
}
	/* btn mid 1 hover */
#editorWrapper .btnRound-mid-1:hover span {
	background-position:0 -84px;
}
#editorWrapper .btnRound-mid-1:hover span span {
	background-position:right -112px;
}
#editorWrapper .btnRound-mid-1:hover span span span {
	background-position:0 -140px;
}
#editorWrapper .btnRound-mid-1:hover span span span span, 
#editorWrapper .btnRound-mid-1.btnLight:hover span span span span {
	background-position:0 -252px;
}
	/* btn mid 1 activ */
#editorWrapper .btnRound-mid-1.activ:hover span, 
#editorWrapper .btnRound-mid-1.activ span {
	background-position:0 -168px;
}
#editorWrapper .btnRound-mid-1.activ:hover span span, 
#editorWrapper .btnRound-mid-1.activ span span {
	background-position:right -196px;
}
#editorWrapper .btnRound-mid-1.activ:hover span span span, 
#editorWrapper .btnRound-mid-1.activ span span span {
	background-position:0 -224px;
}
#editorWrapper .btnRound-mid-1.activ:hover span span span span, 
#editorWrapper .btnRound-mid-1.activ span span span span, 
#editorWrapper .btnRound-mid-1.btnLight.activ span span span span {
	background-position:0 -252px;
}
	/* btn mid 1 icons */
#editorWrapper .btnRound-mid-1.preview span span span span {
	background-position:0 -280px !important;
	padding-left:27px;
}
#editorWrapper .btnRound-mid-1.suspend span span span span {
	background-position:0 -308px !important;
	padding-left:21px;
}
#editorWrapper .btnRound-mid-1.cancel span span span span {
	background-position:0 -336px !important;
	padding-left:18px;
}
#editorWrapper .btnRound-mid-1.reset span span span span {
	background-position:0 -364px !important;
	padding-left:18px;
}

/* btn mid 2 */
#editorWrapper .btnRound-mid-2, 
#blockEditor a.btnRound-mid-2 {
	color:#fff;
}
#editorWrapper .btnRound-mid-2 span {
	background-image:url(bgd_btnround-mid-2.png);
}
* html #editorWrapper .btnRound-mid-2 span {
	background-image:url(bgd_btnround-mid-2.gif);
}
#editorWrapper .btnRound-mid-2 span span span span {
	text-shadow:none;
}
	/* btn mid 2 icons */
#editorWrapper .btnRound-mid-2.publish span span span span {
	background-position:0 -280px;
	padding-left:27px;
}

/* btn mid 3 */
#editorWrapper .btnRound-mid-3, 
#blockEditor a.btnRound-mid-3 {
	color:#fff;
}
#editorWrapper .btnRound-mid-3 span {
	background-image:url(bgd_btnround-mid-3.png);
}
#editorWrapper .btnRound-mid-3 span span span span {
	text-shadow:none;
}
	/* btn mid 2 icons */
#editorWrapper .btnRound-mid-3.valid span span span span {
	background-position:0 -280px;
	padding-left:22px;
}

/* btn big 1 (sert de base aux autres btn big) */
#editorWrapper .btnRound-big-1, 
#blockEditor a.btnRound-big-1 {
	color:#fff;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	height:35px;
}
#editorWrapper .btnRound-big-1 span {
	background:url(bgd_btnround-big-1.png) no-repeat;
	height:35px;
	float:left;
	padding:0 0 0 5px;
}
#editorWrapper .btnRound-big-1 span span {
	background-position:right -35px;
	padding:0 5px 0 0;
}
#editorWrapper .btnRound-big-1 span span span {
	background-position:0 -70px;
	background-repeat:repeat-x;
	padding:0 9px 0 7px;
}
#editorWrapper .btnRound-big-1 span span span span {
	background-position:0 -105px;
	background-repeat:no-repeat;
	padding:0 0 0 26px;
	line-height:36px;
	text-shadow:1px 1px 0 #195c8a;
}
	/* btn big 1 hover */
#editorWrapper .btnRound-big-1:hover span {
	background-position:0 -140px;
}
#editorWrapper .btnRound-big-1:hover span span {
	background-position:right -175px;
}
#editorWrapper .btnRound-big-1:hover span span span {
	background-position:0 -210px;
}
#editorWrapper .btnRound-big-1:hover span span span span {
	background-position:0 -245px;
}
#editorWrapper .btnRound-big-1.disabled {
	-moz-opacity:0.6;
	filter:alpha(opacity: 60);
	opacity: 0.6;
}

/* btn combobox 1 */
#blockEditor .btnComboBox-1 {
	color:#555;
	font-size:12px;
	height:24px;
	font-weight:bold;
}
#blockEditor .btnComboBox-1 span {
	background:url(bgd_btncombobox-1.png) no-repeat;
	height:24px;
	float:left;
	padding:0 0 0 5px;
}
#blockEditor .btnComboBox-1 span span {
	background-position:right -24px;
	padding:0 5px 0 0;
}
#blockEditor .btnComboBox-1 span span span {
	background-position:0 -48px;
	background-repeat:repeat-x;
	padding:0 4px;
}
#blockEditor .btnComboBox-1 span span span span {
	background-position:-500px 500px;
	background-repeat:no-repeat;
	padding:0;
	line-height:24px;
	text-shadow:1px 1px 0 #fff;
}
	/* light */
#blockEditor .btnComboBox-1.btnLight span {
	background-position:-500px 500px;
}
	/* hover */
#blockEditor .btnComboBox-1:hover span {
	background-position:0 -72px;
}
#blockEditor .btnComboBox-1:hover span span {
	background-position:right -96px;
}
#blockEditor .btnComboBox-1:hover span span span {
	background-position:0 -120px;
}
#blockEditor .btnComboBox-1:hover span span span span {
	background-position:-500 500px;
}
	/* activ */
#blockEditor .btnComboBox-1.activ span {
	background-position:0 -144px;
}
#blockEditor .btnComboBox-1.activ span span {
	background-position:right -168px;
}
#blockEditor .btnComboBox-1.activ span span span {
	background-position:0 -192px;
}
#blockEditor .btnComboBox-1.activ span span span span {
	background-position:-500 500px;
}

/* btn round mini 1 */
#editorWrapper .btnRound-mini-1, 
#editorWrapper .btnRound-mini-1 span {
	background:url(bgd_btnround-mini-1.png) no-repeat 0 25px;
	width:29px;
	height:25px;
}
#editorWrapper .btnRound-mini-1.alignright {
	margin-right: 10px;
}
#editorWrapper .btnRound-mini-1:hover span,
#editorWrapper .btnRound-mini-1.activ span {
	background:url(bgd_btnround-mini-1-hover.png) no-repeat 0 25px;
	width:29px;
	height:25px;
}
#editorWrapper .btnRound-mini-1 {
	color:#777;
	font-size:11px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
	margin: 0 5px 0 0;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .btnRound-mini-1:hover {
	background: #1888d7; 
	border-radius: 2px;
}
#editorWrapper .btnRound-mini-1.activ {
	background: #1888d7; 
	border-radius: 2px;
}
#editorWrapper .btnRound-mini-1 span {
	float:left;
	padding:0;
	background-position:-500px 500px;
}
#editorWrapper .btnRound-mini-1 span span {
	display:none;
}
	/* Icons */
#editorWrapper .btnRound-mini-1.bold span { background-position:0 -75px; }
#editorWrapper .btnRound-mini-1.italic span { background-position:0 -100px; }
#editorWrapper .btnRound-mini-1.underline span { background-position:0 -125px; }
#editorWrapper .btnRound-mini-1.fontcolor span { background-position:0 -150px; }
#editorWrapper .btnRound-mini-1.alignleft span { background-position:0 -175px; }
#editorWrapper .btnRound-mini-1.aligncenter span { background-position:0 -200px; }
#editorWrapper .btnRound-mini-1.alignright span { background-position:0 -225px; }
#editorWrapper .btnRound-mini-1.alignjustify span { background-position:center center; background-image: url(justify-blk.png);}
#editorWrapper .btnRound-mini-1.alignjustify:hover span { background-position:center center; background-image: url(justify-blc.png);}
#editorWrapper .btnRound-mini-1.undo span { background-position:0 -251px; }
#editorWrapper .btnRound-mini-1.redo span { background-position:0 -276px; }
#editorWrapper .btnRound-mini-1.valid span { background-position:0 -300px; }
#editorWrapper .btnRound-mini-1.cancel span { background-position:0 -325px; }
#editorWrapper .btnRound-mini-1.capsLock span {
	background:url(bgd_btnround-mini-1-capsLock.png) no-repeat center center / 29px;;
	width:29px;
	height:25px;
}
#editorWrapper .btnRound-mini-1.capsLock:hover span,
#editorWrapper .btnRound-mini-1.capsLock.activ span {
    background-image:url(bgd_btnround-mini-1-capsLock-hover.png);
}
/* btn round square big 1 */
#editorWrapper .btnRound-square-big-1, 
#editorWrapper .btnRound-square-big-1 span {
	background:url(bgd_btnround-square-big-1.png) no-repeat 0 46px;
	width:52px;
	height:46px;
}
#editorWrapper .btnRound-square-big-1 {
	color:#777;
	font-size:11px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
#editorWrapper .btnRound-square-big-1.isBtn {
	background-position:0 0;
}
#editorWrapper .btnRound-square-big-1:hover {
	background-position:0 -46px;
}
#editorWrapper .btnRound-square-big-1.activ {
	background-position:0 -92px;
}
#editorWrapper .btnRound-square-big-1 span {
	float:left;
	padding:0;
	background-position:-500px 500px;
}
#editorWrapper .btnRound-square-big-1 span span {
	display:none;
}
	/* Icons */
#editorWrapper .btnRound-square-big-1.text span { background-position:0 -138px; }
#editorWrapper .btnRound-square-big-1.textImg span { background-position:0 -184px; }
#editorWrapper .btnRound-square-big-1.textFlash span { background-position:0 -230px; }
#editorWrapper .btnRound-square-big-1.tabType-1 span { background-position:0 -276px; }
#editorWrapper .btnRound-square-big-1.tabType-2 span { background-position:0 -322px; }
#editorWrapper .btnRound-square-big-1.tabType-3 span { background-position:0 -368px; }
#editorWrapper .btnRound-square-big-1.tabType-4 span { background-position:0 -414px; }

/* btn select mid 1 */
#editorWrapper .btnSelect-mid-1 {
	color:#777;
	font-size:12px;
	height:24px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
#editorWrapper .btnSelect-mid-1 span {
	background:url(bgd_btnselect-mid-1.png) no-repeat;
	height:24px;
	float:left;
}
#editorWrapper #modifyMedia.btnSelect-mid-1 span {
	background:url(bgd_btnselect-mid-1.png) no-repeat;
	height:24px;
	float:left;
	padding:0 3px 0 0;
}
#editorWrapper .btnSelect-mid-1 span span {
	background-position:right -24px;
	padding:0 23px 0 0;
}
#editorWrapper #modifyMedia.btnSelect-mid-1 > span > span {
	background-position: 106px -24px;
}
#editorWrapper .btnSelect-mid-1.noSelect span span {
	padding-right:3px;
}
#editorWrapper .btnSelect-mid-1 span span span {
	background-position:0 -48px;
	background-repeat:repeat-x;
	padding:0 1px;
}
#editorWrapper #modifyMedia.btnSelect-mid-1 > span > span > span {
	background-position:0 -48px;
	background-repeat:repeat-x;
	padding:0 1px;
}
#editorWrapper .btn-mid-1 > span {
	background: url(bgd_btnselect-mid-1.png);
	background-position: 0 -291px !important;
	background-repeat: no-repeat;
	padding-left: 26px;
	padding-right:10px;
	line-height:22px;
}
#editorWrapper .btn-mid-1 {
	border:1px solid #E4E3E3;
	font-size:12px;
	font-weight:bold;
	min-width:93px;
	text-align:left;
}
#editorWrapper .btn-mid-1.crop > span {
	background-position: 0 -556px !important;
	padding-right:20px;
}
#editorWrapper .btn-mid-1.delete > span {
	background-position: 0 -458px !important;
}
#editorWrapper .btn-mid-1.paintBucket > span {
	background-position: 0 -338px !important;
}
#editorWrapper .backgroundColor .btn-mid-1.paintBucket > span {
	padding: 0;
	height:22px;
	display:block;
	float:left;
}
#editorWrapper .backgroundColor .btn-mid-1.paintBucket > span.picto {
	background-position: center -337px !important;
	border-right: 1px solid #E4E3E3;
	width:23px;
}
#editorWrapper .backgroundColor .btn-mid-1.paintBucket > span.selectedColor {
	background-image:none;
	width:40px;
}
#editorWrapper .backgroundColor .btn-mid-1.paintBucket {
	min-width:42px;
}
#editorWrapper .btn-mid-1:hover,
#files:hover #editorWrapper #modifyMedia.btn-mid-1 {
	background-color: #f1f1f1;
}
#editorWrapper .btnSelect-mid-1.btnLight span {
	background-repeat:no-repeat;
}
#editorWrapper .btnSelect-mid-1.btnLight.delete > span,
#editorWrapper .btnSelect-mid-1.btnLight.delete > span > span,
#editorWrapper .btnSelect-mid-1.btnLight.delete > span > span > span {
	background: none;
}
#editorWrapper .btnSelect-mid-1.btnLight > span > span > span {
	background-repeat: repeat-x !important;
}
#editorWrapper .btnSelect-mid-1.pictureOptions span span span span {
	padding-right:9px;
	padding-left:27px;
	background-repeat:no-repeat;
	background-position: 0px -383px;
}
#editorWrapper .btnSelect-mid-1 span span span span {
	padding:0 7px 0 10px;
	line-height:22px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .btnSelect-mid-1.btnLight span span span span {
	background-repeat:no-repeat;
}
#editorWrapper #modifyMedia.btnSelect-mid-1.image > span > span > span > span {
	background-position: 0 -288px !important;
	background-repeat: no-repeat;
	padding-left: 24px;
	background:url(bgd_btnselect-mid-1.png) no-repeat;
}
	/* btn select mid 1 hover */
#editorWrapper .btnSelect-mid-1:hover {
	background-color: #f1f1f1;
}
#editorWrapper .btnSelect-mid-1.noSelect span span span span {	
	border-radius: 4px;
}

	/* btn select mid 1 icons */
#editorWrapper .btnSelect-mid-1.preview span span span span {
	background-position:0 -240px !important;
	padding-left:27px;
}
#editorWrapper .btnSelect-mid-1.history span span span span {
	background-position:0 -264px !important;
	padding:0 0 0 27px;
}
#editorWrapper .btnSelect-mid-1.image span span span span {
	background-position:0 -288px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-1.position span span span span {
	background-position:0 -312px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-1.bgdcolor span span span span {
	background-position:0 -336px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-1.border span span span span {
	background-position:0 -360px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-1.advanced span span span span {
	background-position:0 -384px !important;
	padding-left:24px;
	padding-right:18px;
}
#editorWrapper .btnSelect-mid-1.add span span span span {
	background-position:0 -408px !important;
	padding-left:17px;
}
#editorWrapper .btnSelect-mid-1.add > span > span > span > span {
	background-position:0 -408px !important;
	padding-left:17px;
}
#editorWrapper .btnSelect-mid-1.tree span span span span {
	background-position:0 -432px !important;
	padding-left:17px;
}
#editorWrapper .blockBrowse .btnSelect-mid-1.add {
	font-family: "titillium web", sans-serif;
	font-size: 13px;
}
#editorWrapper .blockBrowse .btnSelect-mid-1.add span {
	padding: 0 0 0 1px;
}
#editorWrapper .blockBrowse .btnSelect-mid-1.add span span span span {
	background-repeat: no-repeat;
	padding: 0 27px 0 27px;
}
#blockEditor .blockEditionRibbon .editionBox.imageBrowse .col .line .btnSelect-mid-1.delete {
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #f3f3f3;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .editionBox.imageBrowse .col .line .btnSelect-mid-1.delete:hover {
	background: #efefef;
}
#editorWrapper .btnSelect-mid-1 span {
	background: url(bgd_btnselect-mid-1.png) no-repeat;
}
#editorWrapper .btnSelect-mid-1.delete span span span span {
	background-position: 3px -455px !important;
	padding: 1px 10px 2px 30px;
}
#editorWrapper .btnSelect-mid-1.video span span span span {
	background-position:0 -480px !important;
	padding-left:22px;
}
#editorWrapper .btnSelect-mid-1.fusion span span span span {
	background-position:0 -504px !important;
	padding-left:22px;
}
#editorWrapper .btnSelect-mid-1.divide span span span span {
	background-position:0 -528px !important;
	padding-left:22px;
}
#editorWrapper .btnSelect-mid-1.crop span span span span {
	background-position:0 -552px !important;
	padding-left:22px;
	padding-right:19px;
}

/* btn select mid 2 */
#editorWrapper .btnSelect-mid-2 {
	color:#777;
	font-size:11px;
	height:32px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
#editorWrapper .btnSelect-mid-2 span {
	background:url(bgd_btnselect-mid-2.png) no-repeat;
	height:32px;
	float:left;
	padding:0 0 0 5px;
}
* html #editorWrapper .btnSelect-mid-2 span {
	background-image:url(bgd_btnselect-mid-2.gif);
}
#editorWrapper .btnSelect-mid-2 span span {
	background-position:right -32px;
	padding:0 18px 0 0;
}
#editorWrapper .btnSelect-mid-2 span span span {
	background-position:0 -64px;
	background-repeat:repeat-x;
	padding:0 1px;
}
#editorWrapper .btnSelect-mid-2.btnLight span {
	background-position:-500px 500px;
	background-repeat:no-repeat;
}
#editorWrapper .btnSelect-mid-2.btnLight span span {
	background-position:right -288px;
}
#editorWrapper .btnSelect-mid-2.btnLight span span span {
	background-position:-500px 500px;
	background-repeat:repeat-x;
}
#editorWrapper .btnSelect-mid-2 span span span span {
	background-position:-500px 0;
	background-repeat:no-repeat;
	padding:0;
	text-shadow:1px 1px 0 #fff;
	line-height:32px;
}
#editorWrapper .btnSelect-mid-2.btnLight span span span span {
	background-repeat:no-repeat;
}
	/* btn select mid 2 hover */
#editorWrapper .btnSelect-mid-2:hover span {
	background-position:0 -96px;
}
#editorWrapper .btnSelect-mid-2:hover span span {
	background-position:right -128px;
}
#editorWrapper .btnSelect-mid-2:hover span span span {
	background-position:0 -160px;
}
#editorWrapper .btnSelect-mid-2:hover span span span span {
	background-position:-500px 0;
}
	/* btn select mid 2 activ */
#editorWrapper .btnSelect-mid-2.btnLight.activ span, 
#editorWrapper .btnSelect-mid-2.activ span {
	background-position:0 -192px;
}
#editorWrapper .btnSelect-mid-2.btnLight.activ span span, 
#editorWrapper .btnSelect-mid-2.activ span span {
	background-position:right -224px;
}
#editorWrapper .btnSelect-mid-2.btnLight.activ span span span, 
#editorWrapper .btnSelect-mid-2.activ span span span {
	background-position:0 -256px;
}
#editorWrapper .btnSelect-mid-2.btnLight.activ span span span span, 
#editorWrapper .btnSelect-mid-2.activ span span span span {
	background-position:-500px 500px;
}
	/* btn select mid 2 icons */
#editorWrapper .btnSelect-mid-2.preview span span span span {
	background-position:0 -320px !important;
	padding-left:27px;
}
#editorWrapper .btnSelect-mid-2.history span span span span {
	background-position:0 -352px !important;
	padding:3px 0 0 27px;
	height:29px;
	line-height:12px;
}
#editorWrapper .btnSelect-mid-2.image span span span span {
	background-position:0 -384px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-2.position span span span span {
	background-position:0 -416px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-2.bgdcolor span span span span {
	background-position:0 -448px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-2.border span span span span {
	background-position:0 -480px !important;
	padding-left:24px;
}
#editorWrapper .btnSelect-mid-2.advanced span span span span {
	background-position:0 -512px !important;
	padding-left:24px;
}

/* btn select big 1 */
#editorWrapper .btnSelect-big-1 {
	color:#777;
	font-size:11px;
	height:54px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
#editorWrapper .btnSelect-big-1 span {
	background:url(bgd_btnselect-big-1.png) no-repeat;
	height:54px;
	float:left;
	padding:0 0 0 5px;
}
* html #editorWrapper .btnSelect-big-1 span {
	background-image:url(bgd_btnselect-big-1.gif);
}
#editorWrapper .btnSelect-big-1 span span {
	background-position:right -54px;
	padding:0 17px 0 0;
}
#editorWrapper .btnSelect-big-1.noSelect span span {
	padding-right:4px;
}
#editorWrapper .btnSelect-big-1 span span span {
	background-position:0 -108px;
	background-repeat:repeat-x;
	padding:0 6px;
}
#editorWrapper .btnSelect-big-1 span span span span {
	background-position:-500px 0;
	background-repeat:no-repeat;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}
	/* btn select big 1 hover */
#editorWrapper .btnSelect-big-1:hover span {
	background-position:0 -162px;
}
#editorWrapper .btnSelect-big-1:hover span span {
	background-position:right -216px;
}
#editorWrapper .btnSelect-big-1:hover span span span {
	background-position:0 -270px;
}
#editorWrapper .btnSelect-big-1:hover span span span span {
	background-position:-500px 0;
}
	/* btn select big 1 activ */
#editorWrapper .btnSelect-big-1.activ span {
	background-position:0 -324px;
}
#editorWrapper .btnSelect-big-1.activ span span {
	background-position:right -378px;
}
#editorWrapper .btnSelect-big-1.activ span span span {
	background-position:0 -432px;
}
#editorWrapper .btnSelect-big-1.activ span span span span {
	background-position:-500px 0;
}

	/* btn select big 1 avec image */
#editorWrapper .btnSelect-big-1.hasImage span span span span {
	background-position:center center;
	width:62px;
	height:46px;
	margin:4px 0 0 -6px;
	overflow:hidden;
	-moz-border-radius:3px;
	border-radius:3px;
}
	/* btn select big 1 structure */
#editorWrapper .btnSelect-big-1.btnSelectStructure span span span {
	padding:0;
}
#editorWrapper .btnSelect-big-1.btnSelectStructure span span span span {
	background: url(bgd_listselect-theme-structure.png) no-repeat;
	padding:0 5px 0 71px;
	font-size:12px;
	text-indent:0;
	line-height:54px;
}

/* btn select huge 1 */
#editorWrapper .btnSelect-huge-1 {
	color:#777;
	font-size:11px;
	height:74px;
	font-weight:bold;
	white-space:normal;
	text-align:left;
}
#editorWrapper .btnSelect-huge-1 span {
	background:url(bgd_btnselect-huge-1.png) no-repeat;
	height:74px;
	float:left;
	padding:0 0 0 5px;
}
#editorWrapper .btnSelect-huge-1 span span {
	background-position:right -74px;
	padding:0 17px 0 0;
}
#editorWrapper .btnSelect-huge-1 span span span {
	background-position:0 -148px;
	background-repeat:repeat-x;
	padding:0 6px;
}
#editorWrapper .btnSelect-huge-1 span span span span {
	background-position:-500px 0;
	background-repeat:no-repeat;
	padding:0;
	font-size:0;
	text-indent:-9999px;
}
	/* btn select huge 1 hover */
#editorWrapper .btnSelect-huge-1:hover span {
	background-position:0 -222px;
}
#editorWrapper .btnSelect-huge-1:hover span span {
	background-position:right -296px;
}
#editorWrapper .btnSelect-huge-1:hover span span span {
	background-position:0 -370px;
}
#editorWrapper .btnSelect-huge-1:hover span span span span {
	background-position:-500px 0;
}
	/* btn select huge 1 activ */
#editorWrapper .btnSelect-huge-1.activ span {
	background-position:0 -444px;
}
#editorWrapper .btnSelect-huge-1.activ span span {
	background-position:right -518px;
}
#editorWrapper .btnSelect-huge-1.activ span span span {
	background-position:0 -592px;
}
#editorWrapper .btnSelect-huge-1.activ span span span span {
	background-position:-500px 0;
}

#editorWrapper .btnSelect-huge-1.hasImage span span span span {
	background-position:center 0;
	width:112px;
	height:66px;
	margin:4px 0 0 -6px;
	overflow:hidden;
	-moz-border-radius:3px;
	border-radius:3px;
}

/* -------------------------------- */
/* FORMULAIRES */
/* -------------------------------- */

#blockEditor input, 
#blockEditor textarea {
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
}
#blockEditor input.text {
	display:inline-block;
	height:22px;
	line-height:24px;
	border:0;
	background:none no-repeat;
	padding:0 3px;
	color:#888;
	font-style:italic;
}
#blockEditor input.text:focus {
	color:#555;
	font-style:normal;
}
#blockEditor input.text.mini {
	background-image:url(bgd_input-text-mini.gif);
	width:22px;
}
#blockEditor input.text.mid {
	width:40px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding: 0 7px;
}
#blockEditor input.text.mid-2 {
	background-image:url(bgd_input-text-mid-2.gif);
	width:94px;
}
#blockEditor input.text.large {
	background-image:url(bgd_input-text-large.gif);
	width:139px;
}
#blockEditor input.text.large-2 {
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #efefef;
    border-radius: 2px;
    font-family: titillium web;
    font-size: 13px;
    font-style: normal;
    padding-left: 8px;
    width: 194px;
}
#blockEditor textarea {
	display:block;
	border:0;
	background:none no-repeat;
	padding:4px;
	color:#888;
	font-style:italic;
	overflow:auto;
}
#blockEditor textarea:focus {
	color:#555;
	font-style:normal;
}
#blockEditor textarea.textArea-1 {
	height: 49px;
	width: 200px;
	padding: 0px 10px;
	margin-top: 4px;
	border: 1px solid #E1E1E1;
	border-radius: 2px;
}

#blockEditor input.radio, 
#blockEditor input.checkbox {
	display:inline-block;
    vertical-align:sub;
	zoom:1;
	border:0;
	margin:0;
	padding:0;
}
#blockEditor input.uploadFile {
	cursor:pointer;
}

#blockEditor .btnValid, 
.textEditionBox .btnValid {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	background:url(bgd_input-validation.png);
	width:63px;
	height:24px;
}
#blockEditor .btnValid.mini, 
.textEditionBox  .btnValid.mini {
	background: none #444;
	width:30px;
	border-radius: 2px;
	height: 24px;
}
#blockEditor .btnValid span, 
.textEditionBox .btnValid span {
	font-family: "Raleway", sans-serif;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

/* block formulaire */
#blockEditor .blockForm table td {
	padding:0 0 12px;
	text-align:left;
}
#blockEditor .blockForm table td.label {
	padding-top:5px;
	padding-left:5px;
	font-size:15px;
	color:#1888d7;
	display:table-cell;
}
#blockEditor .blockForm .requiredFields {
	color:#F60;
}
#blockEditor .blockForm .fieldValid {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	background: url("bgd_formfieldvalidate-ok.png") no-repeat;
	cursor: help;
	height: 28px;
	text-indent: -99999px;
	width: 28px;
	color:#cc0000;
	font-size:11px;
	margin:0 0 0 3px;
}
#blockEditor .blockForm .fieldError {
	background:none;
	display:block;
	float: none;
	height: auto;
	text-indent:0;
	width: 280px;
	color:#cc0000;
	font-size:13px;
	line-height: 16px;
	padding:3px 0 0;
}
#blockEditor .blockForm .fieldInfo {
	background:none;
	display:block;
	float: none;
	height: auto;
	text-indent:0;
	width: auto;
	color:#777;
	font-style:italic;
	font-size:12px;
	line-height: 17px;
	padding:3px 0 0;
}

/* Formulaire popup */
#blockEditor .popUp input.text {
	display:block;
	width:160px;
	height:24px;
	line-height:24px;
	border:1px solid #ccc;
	background:#fff;
	padding:0 3px;
	color:#888;
	font-style:italic;
	-moz-border-radius:4px;
	border-radius:4px;
}
#blockEditor .popUp input.radio {
	display: inline-block;
	width: auto;
	height: auto;
	vertical-align: text-top;
}
#blockEditor .popUp input.checkbox {
	display:inline-block;
	height:auto;
	width: auto;
	line-height:normal;
	border:0;
	background:none;
	padding:0;
	vertical-align:middle;
	margin:0 3px 0 0;
}
#blockEditor .popUp textarea {
	display:block;
	border:1px solid #ccc;
	background:#fff;
	padding:4px;
	color:#888;
	font-style:italic;
	overflow:auto;
	height:60px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#blockEditor .popUp input.text:focus, 
#blockEditor .popUp textarea:focus {
	color:#444;
	font-style:normal;
}
#blockEditor .popUp select {
	width:167px;
	border:1px solid #ccc;
	background:#fff;
	padding:3px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#blockEditor .popUp .col {
	float:left;
	width:50%;
}
#blockEditor .popUp .col-2 {
	width:45%;
	padding:0 0 0 20px;
}

/* Popup conf page */
#blockEditor .popUp .popupConfPage textarea {
	height:60px;
}
#blockEditor .popUp .popupConfPage .blockForm table td.label {
	width:58%;
}
#blockEditor .popUp .popupConfPage .fieldComment, 
#blockEditor .popUp .popupConfPage .fieldInfo {
	display:inline;
}
#blockEditor .popUp .inputField {
    display: inline-block;
    width: calc(50% - 20px);
    margin-right: -4px;
    vertical-align: middle;
    padding: 5px 10px;
}
#blockEditor .popUp .legalMentionsForm .blockForm {
    min-height:180px;
}
#blockEditor .popUp #legalMentionsTable th {
    font-weight:bold;
    font-size:16px;
    text-align:left;
    padding: 10px 30px 5px;
}
#blockEditor .popUp #legalMentionsTable td {
    vertical-align:middle;
    padding:5px;
}
#blockEditor .popUp #legalMentionsTable td input.text {
    width: 100%;
    width: calc(100% - 14px);
}
#blockEditor .popUp #legalMentionsTable td input[type="checkbox"] {
    vertical-align:middle;
    top: -2px;
}
#blockEditor .popUp .legalMentionsForm .blockForm #hTab-2 textarea {
    line-height:17px;
    min-height:200px;
}
/* -------------------------------- */
/* SLIDER */
/* -------------------------------- */
#blockEditor .sliderWidth,
#blockEditor .sliderHeight {
	display:inline-block;
	float:left;
}
#blockEditor .sliderHeight {
	float:right;
}
#blockEditor .cursorSlider, 
#blockEditor .cursorSlider .sliderRight, 
#blockEditor .cursorSlider .sliderContent, 
#blockEditor .cursorSlider .cursor {
	display:block;
	background:url(bgd_slider.png) no-repeat 0 -21px;
	height:21px;
	padding:0 0 0 2px;
}
#blockEditor .cursorSlider.inlBlock {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
}
#blockEditor .cursorLabel {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	vertical-align:top;
	font-size:13px;
	color:#777;
	font-style:italic;
	padding:0 5px 0 0;
}
#blockEditor .label {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	vertical-align:top;
	font-size:13px;
	color:#555;
	padding:0 5px 0 0;
}
#blockEditor .label.center {
	display:block;
	text-align:center;
}
#blockEditor .cursorSlider .sliderRight {
	background-position:right -42px;
	padding:0 2px 0 0;
}
#blockEditor .cursorSlider .sliderContent {
	background-position:0 -63px;
	background-repeat:repeat-x;
	padding:0 15px 0 0;
	position:relative;
}
#blockEditor .cursorSlider .cursor {
	background-position:0 0;
	width:15px;
	padding:0;
	position:relative;
	top:0;
}
#blockEditor .cursorSlider .cursor span {
	display:none;
}
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1 {
	background: url(bgd_btnselect-mid-1.png) no-repeat 4px -286px #f1f1f1;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding: 0px 10px 0 31px;
	margin: -2px 0 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1:hover {
	background-color: #dfdfdf;
}
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1 > span,
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1 > span > span,
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1 > span > span > span,
#editorWrapper .editionRibbon.addSlide .btnRound-mid-1 > span > span > span > span {
	padding: 0;
}

/* -------------------------------- */
/* LISTE SELECTION */
/* -------------------------------- */

/* Base */
.listComboBox {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	position:relative;
	vertical-align:top;
}
.listComboBox .comboBox {
	position:absolute;
	z-index:300;
	display:none;
}
.listComboBox .comboBox .boxContent {
	position:relative;
	max-height:350px;
	overflow-x:hidden;
	overflow-y:auto;
	border:1px solid #CECECE;
}
.listComboBox .comboBox .boxContainer {
	padding-top: 12px;
	background: url("bgd_comboBoxArrow.png") no-repeat scroll 15px 0px transparent;
}

/* Combo Box Mini 1 */
.listComboBox .comboBoxMini-1 {
	width:94px;
	top:17px;
	left:-26px;
}
.listComboBox.boxSelectTypoSize .comboBoxMini-1 .boxBottom {
	padding:0;
}
.listComboBox .comboBoxMini-1 .boxContent {
	position:relative;
}
.listComboBox.boxSelectTypoSize .comboBox {
    height: 267px;
    width: 55px !important;
}

/* Combo Box Mid 1 */
.listComboBox .comboBox-1 {
    left: -1px;
    top: 30px;
    width: 235px;
}
.listComboBox.boxSelectTypo .comboBox-1.selectTypo {
	width:253px;
	top:38px;
	left:79px;
}

/* Combo Box Mid 2 */
.listComboBox .comboBox-2, 
.listComboBox .comboBox-2 .boxBottom, 
.listComboBox .comboBox-2 .boxContainer {
	background: url(bgd_combobox-mid-2.png) no-repeat;
}
.listComboBox .comboBox-2 {
	width:188px;
	padding:19px 0 0;
	top:18px;
	left:-26px;
}
.listComboBox .comboBox-2 .boxBottom {
	background-position:-188px bottom;
	padding:0 0 32px;
}
.listComboBox .comboBox-2 .boxContainer {
	background-position:-376px 0;
	background-repeat:repeat-y;
	padding:0 26px 0 24px;
}
.listComboBox .comboBox-2 .boxContent {
	position:relative;
	top:-6px;
}

/* Combo Box Big 1 */
.listComboBox .comboBoxBig-1 {
	width:357px;
	top:18px;
	left:-26px;
}

/* Liste générique */
.listComboBox .comboBox .list li {
	display:block;
	border-bottom:1px solid #ddd;
	font-size:14px;
}
.listComboBox .comboBox .list li a {
	display:block;
	height:32px;
	color:#777;
	padding:0 10px;
}
.listComboBox .comboBox .list li a span {
	display:block;
	height:32px;
	line-height:32px;
    background: url('arrow-title.png') no-repeat left center transparent;
	padding:0 0 0 17px;
}
.listComboBox .comboBox .list li a.activ, 
.listComboBox .comboBox .list li a:hover {
	background:#f6f6f6;
	color:#0571c9;
}
.listComboBox .comboBox .btnListMore {
	display:block;
	color:#0571c9;
	font-weight:bold;
	text-align:center;
	padding:10px 0 0;
}
.listComboBox .comboBox .btnListMore span {
	display:block;
	background:url(picto-arrow-01-down.png) no-repeat center bottom;
	padding:0 0 16px;
}
/* Mini */
.listComboBox .comboBox.comboBoxMini-1 .list li a span {
	background-image:url(picto-arrow-02-right.png);
	padding-left:12px;
}

/* Boutons actions dans les liste */
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions {
	display:none;
	float:right;
	background:none;
	padding:0;
	clear:both;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span {
	float:left;
	padding:0;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.cancel,
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.delete {
	background:url(picto-cross-9.png) no-repeat center right;
	width:16px;
	height:16px;
	margin-top:8px;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.cancel:hover,
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.delete:hover {
	background:url(picto-cross-9.png) no-repeat center right;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.rename {
	background:url(picto-pen-9.png) no-repeat center right;
	width:16px;
	height:16px;
	margin-top:8px;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.rename:hover {
	background:url(picto-pen-9.png) no-repeat center right;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.valid {
	background:url(picto-tick-9-grey.png) no-repeat center right;
	width:16px;
	height:16px;
	margin-top:8px;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span.valid:hover {
	background:url(picto-tick-9.png) no-repeat center right;
}
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a span.actions span span {
	display:none;
}
	/* Hover */
#blockEditor .blockEditionRibbon .listComboBox .comboBox li a:hover span.actions {
	display:inline;
}

/* -------------------------------- */
/* INFO CHARGEMENT */
/* -------------------------------- */

#themeContainer .loadingBox {
	display:none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	position: fixed;
	z-index: 1003;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#themeContainer .loadingBox .loadOverlay {
	top: 25;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	-moz-opacity: 0.6;
	opacity: 0.6;
	width: 100%;
	height: 100%;
}
#themeContainer .loadingBox .loadInfo {
	position: absolute;
	top: 250px;
	left: 50%;
	margin: 0 0 0 -92px;
	background: url(bgd_loadingbox.png) no-repeat;
	padding: 39px 0 0;
	text-align: center;
	width: 184px;
	height: 95px;
}
#themeContainer .loadingBox .loadInfo span {
	display:block;
	background:url(ajax-loader-2.gif) no-repeat center 0;
	width:184px;
	padding:40px 0 0;
	color:#ffffff;
	font-size:14px;
	font-family: 'Titillium web', sans-serif;
}

/* -------------------------------- */
/* EDITION TEXTE */
/* -------------------------------- */

.textEditionBox, 
.textEditionBox .boxRight, 
.textEditionBox .boxContent, 
.textEditionBox .item, 
.textEditionBox .item span, 
.boxActions, 
.boxActions .boxContent, 
.boxActions .item, 
.boxActions .item span {
	background:url(bgd_texteditionbox.png) no-repeat;
	height:52px;
}
.textEditionBox {
	position:absolute;
	top:-50px;
	left:50%;
	width:351px !important;
	margin:0 0 0 -176px;
	z-index:1001;
	padding:0 0 0 10px;
	color:#fff;
	font-size:12px;
}
.textEditionBox .boxRight {
	background-position:right -52px;
	padding:0 10px 0 0;
}
.textEditionBox .boxContent {
	background-position:center -104px;
	height:47px;
	min-width:22px;
	padding:5px 0 0;
}
.textEditionBox .item {
	background-position:0 -156px;
	display:block;
	float:left;
	position:relative;
	margin:0 1px 0 0;
	width:30px;
	height:27px;
	padding:0 !important;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.textEditionBox .item span {
	float:left;
	width:30px;
	height:27px;
	background-position:0 -237px;
}
.textEditionBox .item span span {
	display:none;
}
	/* Icons, normal */
.textEditionBox #bold.item span { background-position:0 -237px; }
.textEditionBox #italic.item span { background-position:-30px -237px; }
.textEditionBox #underline.item span { background-position:-60px -237px; }
.textEditionBox #alignLeft.item span { background-position:-90px -237px; }
.textEditionBox #alignCenter.item span { background-position:-120px -237px; }
.textEditionBox #alignRight.item span { background-position:-150px -237px; }
.textEditionBox #alignJustify.item span { background-position:-180px -237px; }
.textEditionBox #undo.item span { background-position:-210px -237px; }
.textEditionBox #redo.item span { background-position:-240px -237px; }
.textEditionBox #valid.item span { background-position:-270px -237px; }
.textEditionBox #cancel.item span { background-position:-300px -237px; }
.textEditionBox #fontColor.item span { background-position:-330px -237px; }
.textEditionBox #link.item span { background-position:-360px -237px; }

	/* Icons, Hover et activ */
.textEditionBox #bold.item.activ span, 
.textEditionBox #bold.item:hover span 
{ background-position:0 -264px; }
.textEditionBox #italic.item.activ span, 
.textEditionBox #italic.item:hover span 
{ background-position:-30px -264px; }
.textEditionBox #underline.item.activ span, 
.textEditionBox #underline.item:hover span 
{ background-position:-60px -264px; }
.textEditionBox #alignLeft.item.activ span, 
.textEditionBox #alignLeft.item:hover span 
{ background-position:-90px -264px; }
.textEditionBox #alignCenter.item.activ span, 
.textEditionBox #alignCenter.item:hover span 
{ background-position:-120px -264px; }
.textEditionBox #alignRight.item.activ span, 
.textEditionBox #alignRight.item:hover span 
{ background-position:-150px -264px; }
.textEditionBox #alignJustify.item.activ span, 
.textEditionBox #alignJustify.item:hover span 
{ background-position:-180px -264px; }
.textEditionBox #undo.item.activ span, 
.textEditionBox #undo.item:hover span 
{ background-position:-210px -264px; }
.textEditionBox #redo.item.activ span, 
.textEditionBox #redo.item:hover span 
{ background-position:-240px -264px; }
.textEditionBox #valid.item.activ span, 
.textEditionBox #valid.item:hover span 
{ background-position:-270px -264px; }
.textEditionBox #cancel.item.activ span, 
.textEditionBox #cancel.item:hover span 
{ background-position:-300px -264px; }
.textEditionBox #fontColor.item.activ span, 
.textEditionBox #fontColor.item:hover span 
{ background-position:-330px -264px; }
.textEditionBox #link.item.activ span, 
.textEditionBox #link.item:hover span 
{ background-position:-360px -264px; }

	/* Font Color */
.textEditionBox #fontColor.item span span { 
	display:block !important;
	position:absolute;
	font-size:0;
	text-indent:-9999px;
	background:#fff;
	height:2px;
	left:7px;
	top:19px;
	width:16px;
}

	/* Activ */
.textEditionBox .item.activ,
.textEditionBox .item:hover {
	background-position:0 -183px;
}
	/* Disabled */
.textEditionBox .item.disabled {
	background-position:0 -210px;
}

/* Validation */
.boxActions {
	position:absolute;
	float:left;
	background-position:-426px -156px;
	padding:0 0 0 8px;
	width:auto !important;
	height:28px;
	top:auto;
	left:auto;
	right:5px;
	bottom:-28px;
	z-index:300;
	margin:0;
}
.boxActions .boxContent {
	background-position:right -184px;
	float:left;
	height:27px;
	padding:1px 8px 0 0;
}
.boxActions .item {
	background-position:-30px -156px;
	display:block;
	float:left;
	position:relative;
	margin:0 1px 0 0;
	width:22px;
	height:20px;
	padding:0 !important;
}
.boxActions .item:hover {
	background-position:-30px -176px;
}
.boxActions .item span {
	float:left;
	width:22px;
	height:20px;
	background-position:0 -291px;
}
.boxActions .item span span {
	display:none;
}
	/* Icons */
.boxActions #valid.item span { background-position:0 -291px; }
.boxActions #cancel.item span { background-position:-22px -291px; }
.boxActions #delete.item span { background-position:-44px -291px; }

/* -------------------------------- */
/* Header, Onglets */
/* -------------------------------- */

#blockEditor .blockEditionTabs {
	background:#191919;
	color:#fff;
	height:56px;
	position:relative;
}
#blockEditor .blockEditionTabs .block {
	float:left;
}
#blockEditor .blockEditionTabs .menuSettings {
	position:absolute;
	top:0;
	right:0;
	height:56px;
}
#blockEditor .blockEditionTabs .menuSettings .block.isSepar {
	padding-right:0;
	margin-right:-5px;
}
#blockEditor .blockEditionTabs .blockLogo {
	padding:0 11px 0 8px;
}
#blockEditor .blockEditionTabs .blockLogo .logo {
	float:left;
	display:block;
	background:url(logo-editor.gif) center left no-repeat;
	width:108px;
	height:56px;
}
#blockEditor .blockEditionTabs .blockLogo .logo span {
	display:none;
}

/* -------------------------------- */
/* Onglets */
/* -------------------------------- */
@media handheld, only screen and (max-width: 1024px) {
	#blockEditor .blockEditionTabs .blockTabs .item span span span {
		padding-right:0;
	}
	#blockEditor .blockEditionTabs .blockTabs .item span span span span {
		font-size:0;
		text-indent:-9999px;
	}
	#editorWrapper .popupWizard.jsPopupFotolia .wizard,
	#editorWrapper .popupWizard.jsPopupPublish .wizard,
	#editorWrapper .popupWizard.jsPopupWizard .wizard {
		top:0px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockContent {
		padding:0px 10px;
	}
	#editorWrapper .popupWizard .managerPhoto.fotolia .wizardFooter .content {
		padding:5px 5px 0px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockBasketInfos {
		padding:10px 50px;
	}
}
#blockEditor .blockEditionTabs .blockTabs .item span span span span span {
	background:none !important;
	display:block !important;
	float:none !important;
	height:auto !important;
	line-height:normal !important;
	padding:0 !important;
}

/* Hover */
#blockEditor .blockEditionTabs .blockTabs .item:hover {
	color:#fff;
}
/* Activ */
#blockEditor .blockEditionTabs .blockTabs .activ, 
#blockEditor .blockEditionTabs .blockTabs .activ:hover {
	color:#1479cb;
}

/* -------------------------------- */
/* Chemin d'édition */
/* -------------------------------- */

#blockEditor .blockEditionPath {
	display:none;
	background: none repeat scroll 0 0 #313131;
    color: #a8a8a8;
    height: 35px;
    position: relative;
    padding: 5px 0;
}

#blockEditor .blockEditionPath .item, 
#blockEditor .blockEditionPath .item span {
	font-family:"Titillium web", Arial, sans-serif;
	display:block;
	float:left;
	height:28px;
}
#blockEditor .blockEditionPath .item {
	color:#A8A8A8;
	font-size:14px;
    padding-left:8px;
}
#blockEditor .blockEditionPath .item {
	color:#a8a8a8;
    fill:#a8a8a8;
}
#blockEditor .blockEditionPath .item.activ {
	color: #1888d7;
}
#blockEditor .blockEditionPath .item > span.tabTitle {
    line-height: 25px;
    border-bottom: 1px solid #a8a8a8;
    margin-left: 8px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionPath .item:hover > span.tabTitle,
#blockEditor .blockEditionPath .item.activ > span.tabTitle {
    color:#1888d7;
    border-color: #1888d7;
}
#blockEditor .blockEditionPath .item.first > span.picto {
    display:none;
}
#blockEditor .blockEditionPath .item > span.picto svg {
    height:28px;
}


/* -------------------------------- */
/* Ruban d'édition */
/* -------------------------------- */

#blockEditor .blockEditionRibbon {
	background:url(bgd_blockedition.gif) repeat-x 0 bottom #fff;
	height:93px;
	position:relative;
}
#blockEditor .blockEditionRibbon .editionRibbon.light, 
#blockEditor .blockEditionRibbon .editionRibbon.light .right, 
#blockEditor .blockEditionRibbon .editionRibbon.light .content {
	background:none;
}
#blockEditor .blockEditionRibbon .editionRibbon {
	display:inline-block;
	vertical-align:top;
	background: transparent linear-gradient(#E4E3E3, #E4E3E3) no-repeat center left / 1px 45px;
	padding: 0 20px;
	height:60px;
}
#blockEditor .blockEditionRibbon .editionRibbon.first {
	padding-left:5px;
	background:none;
}
#blockEditor .blockEditionRibbon .editionRibbon.button {
	padding-left:1px;
}	
#blockEditor .blockEditionRibbon .editionRibbon.button.first {
	padding-left:0px;
}
#blockEditor .blockEditionRibbon .editionRibbon.textParagraph {
	min-width:236px;
}
#blockEditor .blockEditionRibbon .editionRibbon.blockAddListItem {
	min-width:341px
}
#blockEditor .blockEditionRibbon .editionRibbon.blockSize {
	min-width:215px;
}
#blockEditor .blockEditionRibbon .editionRibbon.linkSettings {
	min-width:436px;
}
#blockEditor .blockEditionRibbon .editionRibbon.linkSettings.btnLinkSettings {
	min-width:728px;
}
#blockEditor .blockEditionRibbon .editionRibbon.socialSettings {
	min-width:521px;
}
#blockEditor .blockEditionRibbon .editionRibbon.iframeSettings {
	min-width:505px;
}
#blockEditor .blockEditionRibbon .editionRibbon.mapTooltip {
	min-width:403px;
}
#blockEditor .blockEditionRibbon .editionRibbon.mapCoords {
	min-width:274px;
}
#blockEditor .blockEditionRibbon .editionRibbon.fieldDataSettings {
	min-width:290px;
}
#blockEditor .blockEditionRibbon .editionRibbon.pageLayout {
	min-width:291px;
}
#blockEditor .blockEditionRibbon .editionRibbon.themeAreaCustom {
	min-width:530px;
}
#blockEditor .blockEditionRibbon .editionRibbon.thick .right .content {
	margin:-15px 0px 0px;
}
#blockEditor .blockEditionRibbon .editionRibbon.thick.noFirst .right .content {
	margin:-23px 0px 0px;
}

	/* A RETIRER UNE FOIS PASSé SUR LE NOUVEAU RUBAN AJOUT*/
			
			#blockEditor .blockEditionRibbon .editionRibbon.hasMenu .content {
				background-position:0 0;
			}
			* html #blockEditor .blockEditionRibbon .editionRibbon .right, 
			* html #blockEditor .blockEditionRibbon .editionRibbon .content {
				float:left;
			}
			
			/* -------------------------------- */
			/* Menu gauche navigation */
			/* -------------------------------- */
			
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu {
				float:left;
				background-position:0 -186px;
				background-repeat:repeat-x
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu ul {
				background-repeat:no-repeat;
				background-position:right -93px;
				padding:8px 0 0;
				height:85px;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li, 
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a, 
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a span {
				display:block;
				height:24px;
				background:url(bgd_editionribbon-navitem.gif) no-repeat 0 -400px;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li {
				padding:0 0 1px;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a {
				padding:0 32px 0 0;
				color:#555;
				font-size:12px;
				font-style:italic;
				font-weight:bold;
				white-space:nowrap;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a span {
				float:left;
				height:24px;
				line-height:24px;
				padding:0 0 0 8px;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a.activ, 
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a:hover {
				background-position:right -24px;
				color:#0571c9;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a.activ span, 
			#blockEditor .blockEditionRibbon .editionRibbon .navMenu li a:hover span {
				background-position:0 0;
			}
			
			/* -------------------------------- */
			/* Menu droit, boutons d'actions */
			/* -------------------------------- */
			
			#blockEditor .blockEditionRibbon .editionRibbon .addItems {
				float:left;
				padding:8px 9px 0 3px;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .tabItems {
				float:left;
				display:block;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn, 
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn span {
				display:block;
				float:left;
				width:92px;
				height:77px;
				padding:0;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn {
				background:url(bgd_editionribbon-btnaction.png) no-repeat center 0;
				color:#555;
				font-size:12px;
				width:92px;
				text-align:center;
				height:77px;
				cursor:move;
			}
			* html #blockEditor .blockEditionRibbon .editionRibbon .addItems .btn {
				background-image:url(bgd_editionribbon-btnaction.gif);
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn span {
				padding:61px 0 0;
				height:auto;
				text-shadow:1px 1px 0 #fff;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn:hover {
				background-position:center -154px;
			}
			
			/* Background boutons d'action */
			/* Blocs simples */
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn span {
				background:url(bgd_additems-icons.png) no-repeat center 0;
			}
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.edito span { background-position:center 0; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.title span { background-position:center -77px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.paragraph span { background-position:center -154px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.article span { background-position:center -154px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.quote span { background-position:center -231px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.googlemap span { background-position:center -308px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.gallery span { background-position:center -385px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.picture span { background-position:center -462px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.page span { background-position:center -539px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.form span { background-position:center -616px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.contact span { background-position:center -693px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.formcontact span { background-position:center -693px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.flash span { background-position:center -770px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.separatorLine span { background-position:center -847px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.news, 
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.feed span { background-position:center -924px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.articleInfos span { background-position:center -1001px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.carousel span { background-position:center -1078px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.button span { background-position:center -1155px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.list span { background-position:center -1232px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.socialNetwork span { background-position:center -1309px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.video span { background-position:center -1386px; }
			#blockEditor .blockEditionRibbon .editionRibbon .addItems .btn.file span { background-position:center -1463px; }
			
	/* FIN A RETIRER UNE FOIS PASSé SUR LE NOUVEAU RUBAN AJOUT*/

/* Validation générale */
#blockEditor .blockEditionRibbon #publishTab {
	height: 60px;
	position: relative;
}
#blockEditor .blockEditionRibbon #publishTab .menuHistory {
	height: 60px;
}
#blockEditor .blockEditionRibbon #publishTab .publishActions .right,
#blockEditor .blockEditionRibbon #publishTab .publishActions .right .content {
	padding: 0;
}
#blockEditor .blockEditionRibbon .ribbonValid {
	position:absolute;
	top:0;
	right:0;
	z-index:100;
	background:url(bgd_ribbonvalid.png) no-repeat right 0;
	height:38px;
	padding:55px 10px 0 0;
	text-align:right;
}
@media screen and (max-width: 1180px) {
	#blockEditor .blockEditionRibbon .ribbonValid {
		padding-top:10px;
		height:83px;
	}
	#blockEditor .blockEditionRibbon .ribbonValid .cancel span span span span, 
	#blockEditor .blockEditionRibbon .ribbonValid .valid span span span span {
		width:16px;
		padding:0;
		font-size:0;
		text-indent:-999px;
	}
}

/* -------------------------------- */
/* Block sélecteur d'items (widgets) */
/* -------------------------------- */
/* Sélecteur de type */
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector {
	display:block;
	float:left;
	background-position:-500px 500px;
	text-align:center;
	font-size:11px;
	color:#888;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector:hover {
	color:#333;
	background-color:#f4f5f6;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector {
	background-position:0 -93px;
	background-repeat:repeat-x;
	color:#333;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector .type {
	background-position:right -186px;
	padding-right:26px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector .icon {
	background:url(bgd_editionribbon-typeicons.png) no-repeat center 0;
	float:left;
	padding:69px 5px 0;
	min-width:55px;
	max-width:79px;
	line-height:11px;
}

/* Boutons widgets (drag & drop) */
#blockEditor .blockEditionRibbon .ribbonSelector .addItems {
	display:none;
	float:left;
	padding:4px 0 0;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .addItems {
	display:block;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .tabItems {
	float:left;
	display:block;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn, 
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn span {
	display:block;
	float:left;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn {
	background:url(bgd_editionribbon-btnaction.png) no-repeat center 0;
	color:#555;
	font-size:12px;
	text-align:center;
	cursor:move;
	font-size:11px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn:hover {
	background-position:center top;
}

/* -------------------------------- */
/* Tooltip preview items */
/* -------------------------------- */

.popupLivePreview {
	display:none;
	position:absolute;
	background:url(bgd_popuplivepreview-top.png) no-repeat;
	width:415px;
	padding:8px 0 0;
	z-index:1001;
}
.popupLivePreview .previewBottom {
	background:url(bgd_popuplivepreview-bottom.png) no-repeat 0 bottom;
	padding:0 0 18px;
}
.popupLivePreview #blockGlobal.previewContent {
	background:url(bgd_popuplivepreview-content.png) no-repeat transparent;
	padding:0 12px 0 24px;
}
.popupLivePreview .previewContainer {
    clear: both;
    float: left;
    height: auto !important;
    margin: 0 0 10px 6px;
    max-height: 300px;
    min-height: 40px;
    overflow: hidden;
    padding: 6px 0;
    position: relative;
    width: 365px;
}
.popupLivePreview .iframePreview {
	background:#fff;
	padding:0;
	margin:0;
	border:0;
	width:373px;
	height:170px;
}
.popupLivePreview .shortDescr {
	font-family:"Titillium Web", Arial, sans-serif;
	padding:4px 3px 9px;
	color:#3a73b9;
	font-size:13px;
	font-style:italic;
}
.popupLivePreview .previewMask {
	display:block;
	position:absolute;
	/*background:url(bgd_popuplivepreview-mask.png) repeat-y right 0;*/
	width:373px;
	height:182px;
	top:0;
	right:0;
	overflow:hidden;
	-moz-border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
}

/* Type-2 MID */
.popupLivePreview.type-2 {
	background-image:url(bgd_popuplivepreview-2-top.png);
	width:249px;
}
.popupLivePreview.type-2 .previewBottom {
	background-image:url(bgd_popuplivepreview-2-bottom.png);
}
.popupLivePreview.type-2 .previewContent {
	background-image:url(bgd_popuplivepreview-2-content.png);
}
.popupLivePreview.type-2 .previewContainer {
	width:209px;
	max-height:85px;
	border-width:1px;
}

/* -------------------------------- */
/* Infos ruban */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .ribbonInfo {
	width:245px;
	height:93px;
	background:url(bgd_editionribbon-info.png) no-repeat 15px center;
	padding:0 0 0 59px;
}
#blockEditor .blockEditionRibbon .ribbonInfo span {
	float:left;
	padding:29px 0 0;
	color:#888;
	text-shadow:1px 1px 0 #fff;
	font-style:italic;
}
#blockEditor .blockEditionRibbon .ribbonInfo span span {
	float:none;
	padding:0;
}
#blockEditor .blockEditionRibbon .ribbonInfo span span.infoMore {
	display:block;
	font-size:11px;
}
/* Info video */
#blockEditor .blockEditionRibbon .ribbonInfoVideo {
	width:258px;
}
#blockEditor .blockEditionRibbon .ribbonInfoVideo span {
	padding-top:26px;
}
#blockEditor .blockEditionRibbon .ribbonInfoVideo span span.infoMore {
	padding-top:4px;
	display:none;
}
/* Info Drag and Drop */
#blockEditor .blockEditionRibbon .ribbonInfoDrag {
	float:left;
	width:225px;
	height:93px;
	background:url(bgd_editionribbon-infodrag.png) no-repeat 15px center;
	padding:0 0 0 45px;
}
#blockEditor .blockEditionRibbon .ribbonInfoDrag span {
	float:left;
	padding:21px 0 0;
	color:#888;
	text-shadow:1px 1px 0 #fff;
	font-style:italic;
}

/* Info Area Zoning Custom */
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom {
	background: none;
	padding:7px 0px 5px;
	width: 275px;
}
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom span {
	display:block;
	padding:0;
	color:#888;
	line-height:15px;
}
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom,
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom-item,
#editorWrapper .themeAreaCustom .btnSelect-mid-1 {
	float: left;
}
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom-item {
	width: 240px;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1 {
	width: 95px;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1 > span,
#editorWrapper .themeAreaCustom .btnSelect-mid-1 > span > span,
#editorWrapper .themeAreaCustom .btnSelect-mid-1 > span > span > span {
	background: none;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1 > span > span > span > span {
	background-repeat: no-repeat;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1 {
	background: #f1f1f1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    padding: 3px 5px 4px 5px;
    margin: 7px 0 0;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1:hover {
	background: #dadada;
}



/* Info Drag and Drop bloc */
#blockEditor .blockEditionRibbon .ribbonInfoDragBlock {
	float:left;
	width:245px;
	height:93px;
	background:url(bgd_editionribbon-infodragblock.png) no-repeat 15px center;
	padding:0 0 0 59px;
}
#blockEditor .blockEditionRibbon .ribbonInfoDragBlock span {
	float:left;
	padding:29px 0 0;
	color:#888;
	text-shadow:1px 1px 0 #fff;
	font-style:italic;
}

/* Info Validation */
#blockEditor .blockEditionRibbon .ribbonInfoValid {
	position:absolute;
	top:10px;
	right:20px;
	text-align:right;
	background:url(bgd_editionribbon-infovalid.png) no-repeat right 0;
	width:225px;
	height:37px;
	padding:0 25px 0 0;
	z-index:100;
}
#blockEditor .blockEditionRibbon .ribbonInfoValid span {
	display:block;
	color:#888;
	text-shadow:1px 1px 0 #fff;
	font-style:italic;
	line-height:17px;
}
/* Petites résolutions d'écran */
	#blockEditor.shortDisplay .blockEditionRibbon .ribbonInfoValid {
		display:none;
	}

/* Info Publication */
#blockEditor .blockEditionRibbon .ribbonInfoPublish {
	position:absolute;
	top:14px;
	right:145px;
	background:url(bgd_editionribbon-infopublish.png) no-repeat right 6px transparent;
	width:305px;
	padding:0 11px 12px 0;
	z-index:100;
}
#blockEditor .blockEditionRibbon .ribbonInfoPublish span {
	font-size: 14px;
	display:block;
	color:#a8a8a8;
	line-height:16px;
	white-space:normal;
}

/* -------------------------------- */
/* Scroll Editor */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .ribbonScrollerContainer {
	width:auto;
	height:67px;
	white-space:nowrap;
	overflow:hidden;
}
#blockEditor .blockEditionRibbon .ribbonScrollerContainer .editionBox,
#blockEditor .blockEditionRibbon .ribbonScrollerContainer .ribbonSelector {
	white-space:normal;
}
#blockEditor .blockEditionRibbon .ribbonScrollerContainer .googlemapRibbon form {
	white-space:nowrap;
}
#blockEditor .blockEditionRibbon .ribbonScrollerContainer .googlemapRibbon form * {
	white-space:normal;
}
#blockEditor .blockEditionRibbon .ribbonScroller, 
#blockEditor .blockEditionRibbon .ribbonScroller .scrollerRight, 
#blockEditor .blockEditionRibbon .ribbonScroller .scrollerContent, 
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar span {
	background:url(bgd_editor-scroller.png) no-repeat;
	height:16px;
}
#blockEditor .blockEditionRibbon .scrollerWrapper {
	display:none;
	width:100%;
	height:50px;
	position:absolute;
	left:0;
	bottom:-50px;
}
#blockEditor .blockEditionRibbon .ribbonScroller {
	display:block;
	position:absolute;
	left:0;
	width:92%;
	padding:0 0 0 9px;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollerRight {
	background-position:right -16px;
	padding:0 9px 0 0;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollerContent {
	background-position:0 -32px;
	background-repeat:repeat-x;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar {
	height:16px;
	display:block;
	position:absolute;
	cursor:e-resize;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar span {
	display:block;
	background-position:0 -48px;
	padding:0 0 0 3px;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar span span {
	background-position:right -64px;
	padding:0 3px 0 0;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar span span span {
	background-position:0 -80px;
	background-repeat:repeat-x;
	padding:0;
	width:130px;
}
#blockEditor .blockEditionRibbon .ribbonScroller .scrollBar span span span span {
	display:none;
}

/* -------------------------------- */
/* Menu publication */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .editionBox.publishActions .right {
	padding-right:3px;
}
#blockEditor .blockEditionRibbon .editionBox.publishActions .content {
	padding-left:3px;
	padding-right:0;
}
#blockEditor .blockEditionRibbon .menuPublish .block, 
#blockEditor .blockEditionRibbon .menuPublish .block {
	padding:10px 3px 0;
}
#blockEditor .blockEditionRibbon .menuPublish .block-2 {
	clear:both;
	padding-top:7px;
}
#blockEditor .blockEditionRibbon .menuPublish .block .btnRound {
	float:left;
	margin:0 10px 0 0;
}
/*#blockEditor .blockEditionRibbon .menuPublish .block .btnRound span span span span {
	width:79px;
}*/
#blockEditor .blockEditionRibbon .menuPublish .block .explain {
	float:left;
	height:28px;
	color:#797979;
	font-style:italic;
	padding:6px 0 0;
	width:190px;
	line-height:12px;
}
#blockEditor .blockEditionRibbon .menuPublish .block-2 .explain {
	padding-top:1px;
}
#blockEditor .blockEditionRibbon .publishWebsite {
	height: auto;
	padding: 2px 3px 0 0;
}
#blockEditor .blockEditionRibbon .publishWebsite .btnPublish {
	display:block;
	float:right;
	background:url(bgd_ribbonpublish-publish.png) no-repeat;
	width:126px;
	height:60px;
	color:#fff;
	text-align:center;
	font-size:12px;
	font-weight:bold;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .publishWebsite .btnPublish:hover {
	background-position:0 -60px;
}
#blockEditor .blockEditionRibbon .publishWebsite .btnPublish span {
	display:block;
	padding:0;
	text-indent: -9000px;
}

/* -------------------------------- */
/* Menu historique versions */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block {
	margin: 4px 0 0;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .labelTitle {
	background:url(bgd_ribbonpublish-label-history.png) no-repeat 5px 6px;
	padding:0 10px 8px 39px;
	width:190px;
	line-height:16px;
	font-size: 14px;
	font-family: "raleway", sans-serif;
	color: #1888d7;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .content {
	padding: 16px 0 0 10px;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .labelTitle,
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block {
	float: left;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1 {
	font-size: 12px;
	height: 24px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1:hover {
	background: #f1f1f1;
	border-radius: 2px;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1 > span {
	background: url(bgd_btnselect-mid-1.png) no-repeat left 0;
	height: 24px;
	padding: 0;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1 > span > span {
	background: url(bgd_btnselect-mid-1.png) no-repeat right -24px;
	padding: 0 18px 0 0;
	height: 24px;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1 > span > span > span {
	background: url(bgd_btnselect-mid-1.png) repeat-x 0 -48px;
	padding: 0 15px 0 0;
	height: 24px;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .btnRound-mid-1 > span > span > span > span {
	padding: 0 0 0 11px;
	height: 24px;
	line-height: 22px;
}
#blockEditor .blockEditionRibbon .menuHistory .listComboBox .comboBoxBig-1 {
	top:23px;
}
#blockEditor .blockEditionRibbon .editionBox.menuHistory .block .listComboBox.listComboBox .comboBox {
	width: 250px;
}
#blockEditor .blockEditionRibbon .menuHistory .btnDeleteHistory {
	display:none;
	background:#1888d7;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    color: #fff;
    display: block;
    padding: 5px 10px;
    text-align: center;
}
#blockEditor .blockEditionRibbon .menuHistory .btnDeleteHistory span {
	background:url(picto-cross-13.png) no-repeat 0 5px;
	padding:0 0 0 25px;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li {
	background:url(picto-history-2-16.png) no-repeat 10px 13px;
	padding:0 0 0 40px;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li .versionDate {
	display:block;
	float:left;
	padding:12px 6px 5px 0;
	width:168px;
	font-size: 13px;
	color:#a8a8a8;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li .versionDate .date {
	font-weight:bold;
	color: #1888d7;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li .versionActions {
	display: block;
	background: #1888d7;
	float: left;
	padding: 3px 15px 3px 5px;
	margin: 0 0 13px 0px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li .versionActions:hover {
	background: #0c72ba;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li .versionActions:hover a {
	color: #fff;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li a.btn {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	background:none no-repeat;
	height:16px;
	line-height:16px;
	padding:0 0 0 25px;
	color:#fff;
	margin:0 0 0 7px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li a:hover {
	color:#fff;
}
#blockEditor .blockEditionRibbon .menuHistory .listVersion li a.btn.preview {
	background:url(picto-zoom-16-2.png) no-repeat left center;
}

/* -------------------------------- */
/* Autres blocs d'édition */
/* (image,bloc,page...) */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .editionBox .content,
#blockEditor .blockEditionRibbon .editionBox .oneLine {
	height: 41px;
    padding: 19px 0 0 0;
	float:left;
}
#blockEditor .blockEditionRibbon .editionBox.light .content {
	height:79px;
}
#blockEditor .blockEditionRibbon .editionBox .oneLine .labelTitle,
#blockEditor .blockEditionRibbon .editionBox .content .labelTitle {
    padding: 4px 15px 0 5px;
	line-height:14px;
	text-align:left;
}
#blockEditor .blockEditionRibbon .editionBox .labelTitle {
 	color: #1888d7;
    float: left;
    font-family: "raleway",sans-serif;
    font-size: 14px;
	line-height:20px;
    font-style: normal;
    font-weight: 600;
    padding: 10px 15px 10px 5px;
    text-transform: uppercase;
	text-align:center;
}
#blockEditor .blockEditionRibbon .editionBox .col {
    float: left;
    padding: 0 10px 0 0;
}
#blockEditor .blockEditionRibbon .editionBox .col.labels {
    text-align: right;
}
#blockEditor .blockEditionRibbon .editionBox .col.oneLine {
	float:left;
	height: 41px;
	padding:19px 8px 0 0;
}
#blockEditor .blockEditionRibbon .editionBox .col .line {
	clear: both;
	margin-top:4px;
	height:24px;
}
#blockEditor .blockEditionRibbon .editionBox.flashBrowse .col .line {
	float: left;
}
#blockEditor .blockEditionRibbon .editionBox.resize .col.col-2 .line {
	float: left; clear: none;
}
#blockEditor .blockEditionRibbon .editionBox.resize .col.col-2 .line.line-2 {
	padding: 0 0 0 55px;
}
#blockEditor .blockEditionRibbon .editionBox.imageBrowse .blockInputUpload {
	margin: 0 10px 0 0;
}
#blockEditor .blockEditionRibbon .editionBox.imageColumn .col .line-2 {
	padding-left: 10px;
}
.imageColumn .listComboBox.listComboBox .comboBox {
    width: 80px;
}
.imageColumn .listComboBox .comboBox .boxContent {
	max-height: 245px;
}
.imageColumn .listComboBox .comboBox .list li {
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}

/* -------------------------------- */
/* Pictos                           */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .editionBox .picto {
    display: inline-block;
    width: 20px;
    height: 20px;
}
#blockEditor .blockEditionRibbon .editionBox .picto svg {
    margin: 2px;
    width: 16px;
    height: 16px;
    fill: #1888d7;
}
#blockEditor .blockEditionRibbon .editionBox .picto.hover svg:hover {
    opacity: 0.75;
}
#blockEditor .blockEditionRibbon .editionBox .picto.help svg:hover {
    cursor: help;
}

/* -------------------------------- */
/* Edition Image */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .editionBox.imageActions .right {
	padding-right:3px;
}
#blockEditor .blockEditionRibbon .editionBox.imageActions .content {
	padding-left:3px;
	padding-right:0;
}
#blockEditor .blockEditionRibbon .imageActions .separ {
	display:block;
	float:left;
	width:6px;
	height:84px;
	background:url(bgd_ribbonpages-separ.png) no-repeat center 0;
}
#blockEditor .blockEditionRibbon .btnAction {
	display:block;
	min-width:80px;
	height:60px;
	color:#888;
	text-align:center;
}
#blockEditor .blockEditionRibbon .btnAction .withMarginBot {
	display:block;
	min-width:80px;
	border-bottom: 5px solid #fff;
	height:55px;
	color:#555;
	text-align:center;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .btnAction:hover .withMarginBot {
	border-bottom: 5px solid #1888d7;
}
#blockEditor .blockEditionRibbon .btnAction.activ {

}
#blockEditor .blockEditionRibbon .btnAction:hover {
	color:#000;
}
#blockEditor .blockEditionRibbon .btnAction.phototheque .withMarginBot .icon {
	display:block;
	height:25px;
	padding:30px 0 0 0;
	background: url("icon-phototheque-dark.png") no-repeat scroll center 8px transparent;
}
#blockEditor .blockEditionRibbon .btnAction.phototheque .withMarginBot .icon .textIcon {
	height:25px;
	display:table-cell;
	vertical-align:middle;
	min-width:80px;
}
#blockEditor .blockEditionRibbon .imageActions .btnAction span span span {
	display:block;
	height: 42px;
	min-width: 70px;
	padding: 0 !important;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;

}
#blockEditor .blockEditionRibbon .imageActions .btnAction span span span span {
	height: 42px;
	border-right: 1px solid #e4e3e3;
	border-left: 1px solid #e4e3e3;
}
#blockEditor .blockEditionRibbon .imageActions .btnAction.pictureCrop span span span span {
	background-image:url(bgd_ribbonpicture-crop.png);
}
#blockEditor .blockEditionRibbon .imageActions .btnAction.pictureOptions span span span span {
	background-image:url(bgd_ribbonpicture-options.png);
}
#blockEditor .blockEditionRibbon .imageActions .btnAction.phototheque span span span span {
	background:url(icon-phototheque.png) no-repeat center center transparent;
	margin-top:4px;
	text-indent: -4000px;
}
#blockEditor .blockEditionRibbon .imageActions .listComboBox.options {
	display:block;
	float:left;
}
#blockEditor .blockEditionRibbon .imageActions .listComboBox .comboBoxBig-1 {
	top:81px;
}
#blockEditor .blockEditionRibbon .imageBrowse table.tabPictureOptions {
	color:#777;
}
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions .seo {
	border-right: 1px solid #DDD;
}
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions .actions {
	min-width:330px;
}
#blockEditor .blockEditionRibbon .imageBrowse table.tabPictureOptions label.label {
	font-weight: bold;
}
#blockEditor .blockEditionRibbon .imageBrowse .boxSettings .comboBox .tabPictureOptions td {
	padding:5px;
	text-align:left;
	vertical-align:top;
}
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions td > div {
	padding:5px 5px;
}
#blockEditor .blockEditionRibbon .imageBrowse .boxSettings .comboBox table.tabPictureOptions td input[type="text"] {
	padding:0;
	width: calc(100% - 10px);
}
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions .actions .actionChoice label {
	width:50%;
	display:inline-block;
}
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions .actions .redirect,
#blockEditor .blockEditionRibbon .imageBrowse .tabPictureOptions .actions .extend {
	display:none;
}
#blockEditor .blockEditionRibbon .resize .col-1 {
	width:295px;
	margin: -8px 0 3px;
}
#blockEditor .blockEditionRibbon .resize .cursorSlider .sliderContent {
	width:88px;
}
#blockEditor .blockEditionRibbon .resize .btnLockRatio {
	display: block;
	float: left;
	background: url(bgd_btnlockratio.png) no-repeat;
	width: 40px;
	height: 18px;
	margin: 5px 0 0 4px;
}
#blockEditor .blockEditionRibbon .resize .btnLockRatio.unlock {
	background-position: 0px -19px;
}
#blockEditor .blockEditionRibbon .resize .btnLockRatio span {
	display:none;
}
#blockEditor .blockEditionRibbon .resize label {
	display:block;
	color:#777;
	font-size:13px;
	height:24px;
	float: left;
	width: 110px;
	padding: 0 0 0 10px;
}
#blockEditor .blockEditionRibbon .resize label.imageWidth {
	padding-left:0;
}
#blockEditor .blockEditionRibbon .resize label.iframeWidth {
    padding: 0px;
    width: 110px;
}
#blockEditor .blockEditionRibbon .resize label span {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	width:52px;
}
#blockEditor .blockEditionRibbon .editionBox.resize .col.col-2 {
	padding: 0px 9px 0 171px;
	float: none;
} 
#blockEditor .blockEditionRibbon .resize label input {
	float:left;
}
#blockEditor .blockEditionRibbon .imageStyle .line-1 {
	padding:0 0 2px;
}
#blockEditor .blockEditionRibbon .imageStyle .btnRound span span span span {
}

/* -------------------------------- */
/* Edition Galerie image */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .galleryManage .cursorSlider .sliderContent {
	width:120px;
}
/* -------------------------------- */
/* Edition Tableau */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .tableFormat .col-1 {
	background:#fff;
	border:1px solid #ddd;
	padding:5px 4px 0;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:-3px 0 0 -3px;
}
#blockEditor .blockEditionRibbon .tableParameters .col-2, 
#blockEditor .blockEditionRibbon .tableParameters .col-3 {
	padding-left:16px;
}
#blockEditor .blockEditionRibbon .tableParameters .col-1 .line-2, 
#blockEditor .blockEditionRibbon .tableParameters .col-2 .line-2 {
	padding:6px 0 0;
}
#blockEditor .blockEditionRibbon .tableParameters .col-3 .line-2 {
	padding:2px 0 0;
}
#blockEditor .blockEditionRibbon .tableParameters label {
	display:block;
	color:#777;
	font-size:12px;
	height:24px;
}
#blockEditor .blockEditionRibbon .tableParameters label span {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	width:56px;
}
#blockEditor .blockEditionRibbon .tableParameters label input {
	float:left;
}
#blockEditor .blockEditionRibbon .tableParameters .btnRound span span span span {
	width:117px;
}

/* -------------------------------- */
/* Edition Texte/Paragraphe */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .textParagraph .line-1 {
	padding:0 0 3px;
}
#blockEditor .blockEditionRibbon .textParagraph .btnSelectTypo span span span span {
	white-space:nowrap;
	width:105px;
}
#blockEditor .blockEditionRibbon .textParagraph .listTypo li a {
	color:#444;
	font-weight:normal;
	font-size:14px;
	position:relative;
}
#blockEditor .blockEditionRibbon .textParagraph .listTypo li a span span {
	font-family:inherit;
	display:none;
	position:absolute;
	left:204px;
	top:0;
	background:#fff;
	padding:9px;
	opacity:0.9;
	height:auto;
	width:225px;
	line-height:18px;
	color:#555;
	text-align:justify;
}
#blockEditor .blockEditionRibbon .textParagraph .listTypo li a:hover span span {
	display:none;
}
*+html #blockEditor .blockEditionRibbon .textParagraph .listTypo li a:hover span span {
	display:none;
}
#blockEditor .blockEditionRibbon .textParagraph .btnTypo span span span span {
	width:86px;
	white-space:nowrap;
}
#blockEditor .blockEditionRibbon .textParagraph .selectTypoSize .textSize {
	display:block;
	background:url(bgd_input-textsize.gif) no-repeat;
	width:34px;
	height:24px;
	margin: 10px auto 5px;
	font-size:12px;
}
#blockEditor .blockEditionRibbon .textParagraph .cursorSlider {
	margin:0 0 0 5px;
}
#blockEditor .blockEditionRibbon .textParagraphFormat .col-1 {
	padding:6px 0 0;
}
#blockEditor .blockEditionRibbon .textParagraphStyle .col-2 {
	padding-top:4px;
}
#blockEditor .blockEditionRibbon .textParagraphStyle .cursorSlider .sliderContent {
	width:80px;
}

/* -------------------------------- */
/* Edition Block */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .cursorSlider .sliderContent {
	width:80px;
}

/* -------------------------------- */
/* Edition Pages */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .editionBox.pageActions .right {
	padding-right:3px;
}
#blockEditor .blockEditionRibbon .editionBox.pageActions .content {
	padding-left:3px;
	padding-right:0;
}
#blockEditor .blockEditionRibbon .pageActions .separ {
	display:block;
	float:left;
	width:6px;
	height:84px;
	background:url(bgd_ribbonpages-separ.png) no-repeat center 0;
}
#blockEditor .blockEditionRibbon .btnAction {
	display:block;
	float:left;
	color:#888;
	text-align:center;
	font-size:11px;
	line-height:11px;
	margin:-2px 0 0;
	border:1px solid transparent;
	-moz-border-radius:5px;
	border-radius:5px;
}
#blockEditor .blockEditionRibbon .btnAction.activ {
	background:#f2f2f2;
	border:1px solid #ddd;
	-moz-box-shadow:2px 2px 3px #ddd inset;
	-webkit-box-shadow:2px 2px ipx #ddd inset;
	box-shadow:2px 2px 3px #ddd inset;
}
#blockEditor .blockEditionRibbon .btnAction:hover {
	color:#000;
}
#blockEditor .blockEditionRibbon .btnAction span span span span {
	padding:58px 10px 0;
	width:69px;
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.addPage span span span span {
	background-image:url(bgd_ribbonpages-add.png);
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.pageTree span span span span {
	background-image:url(bgd_ribbonpages-tree.png);
}
#blockEditor .blockEditionRibbon .pageActions .listComboBox .comboBoxBig-1 {
	top:81px;
}
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage span span span span {
	width:190px;
	white-space:nowrap;
}
#blockEditor .blockEditionRibbon .pageLayout .line-1 {
	padding:0 0 6px;
}
#blockEditor .blockEditionRibbon .pageLayout .btnSelectLayout span span span span {
	width:230px;
	white-space:nowrap;
}
#blockEditor .blockEditionRibbon .pageLayout .line-2 .labelTitle, 
#blockEditor .blockEditionRibbon .pageLayout .line-2 label {
	display:block;
	float:left;
	margin:0 8px 0 0;
}
#blockEditor .blockEditionRibbon .pageLayout .listComboBox .comboBox .listLayout li a input.rename {
	float:left;
	margin:4px 0 0;
}
#blockEditor .blockEditionRibbon .pageLayout .listComboBox .comboBox .listLayout li a.addLayout span {
	background-image:url(picto-plus-12.png);
}
/* Ordre des pages */
#blockEditor .blockEditionRibbon .pageOrder .infoTree {
	background:#c8d6e9;
	padding:5px 0;
	font-size:12px;
	text-shadow:1px 1px 0 #e8eff9;
	text-align:center;
	margin:0 0 8px;
	color:#666;
	-moz-border-radius:4px;
	border-radius:4px;
}
#blockEditor .blockEditionRibbon .pageOrder .infoValid {
    background: #F3F3F3;
    border-radius: 0;
    color: #666666;
    font-size: 13px;
    margin: 0;
    padding: 20px 11px;
    text-shadow: none;
	border-right:1px solid #CECECE;
	border-bottom:1px solid #CECECE;
	border-left:1px solid #CECECE;
}
#blockEditor .blockEditionRibbon .pageOrder .infoValid span {
	display:block;
	background:url(bgd_infovalid-mini.png) no-repeat right center;
	padding:0 30px 0 0;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item {
	display:block;
	padding:5px 6px 5px 10px;
	color:#444;
	min-height:28px;
	border: 1px solid #fff;
	border-bottom:2px solid #b4b4b4;
	position:relative;
	font-size: 14px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .ui-sortable-placeholder {
	visibility:visible !important;
	background:#eee;
	border:1px dotted #ccc;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item .name {
	display:block;
	height:28px;
	line-height:28px;
	background:url(picto-pages.png) no-repeat 0 center;
	padding:0 0 0 21px;
	text-shadow:1px 1px 0 #fff;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item .delete {
	display:none;
	background:url(picto-cross-9.png) no-repeat center center;
	width:16px;
	height:16px;
	position:absolute;
	right:6px;
	top:6px;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item .delete span {
	display:none;
}
/* Hover */
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover {
	background: #f1f1f1;
	cursor:move;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .name {
	background-image:url(picto-drag-1.png);
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .delete {
	display:block;
}
/* Subpages */
#blockEditor .blockEditionRibbon .pageOrder .pageList .subpage .item {
	border-top:1px solid #b4b4b4;
	border-bottom:0;
	color:#777;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .item:hover {
	background-color:#f9f9f9;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .item .name {
	background-image:url(picto-pages.png);
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .item:hover .name {
	background-image:url(picto-drag-1.png);
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .item .delete {
	display:none;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover .item:hover .delete {
	display:block;
}

/* -------------------------------- */
/* Edition formulaire contact */
/* -------------------------------- */

#editorWrapper .editionRibbon.formFields .btnSelect-mid-2 {
	font-size: 13px;
	border-radius: 2px;
	background: #f1f1f1;
	text-align: center;
	margin-top: -4px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .editionRibbon.formFields .btnSelect-mid-2:hover {
	background: #e1e1e1;
}
#editorWrapper .editionRibbon.formFields .btnSelect-mid-2 span {
	padding: 0 !important;
}
#blockEditor .blockEditionRibbon .formFields .boxContent {
	padding:0 5px;
}
#blockEditor .blockEditionRibbon .formFields .col-1 {
	padding:15px 0 0;
}
#blockEditor .blockEditionRibbon .formSettings .col-1 {
	padding:10px 0 0;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields th {
	font-size:13px;
	text-transform:uppercase;
	text-align:left;
	color:#777;
	padding:6px 5px 6px;
	border-bottom:1px solid #ddd;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields th span {
	background:url(picto-arrow-02-down.png) no-repeat 0 center;
	padding:0 0 0 13px;
	cursor:help;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields th.required {
	text-align:center;
	width:80px;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields td {
	font-size:12px;
	text-align:left;
	color:#555;
	padding:7px 5px;
	border-bottom:1px dotted #ddd;
	text-align:left;
	vertical-align:middle;
}
.formFields .listComboBox .comboBox .boxContent {
	max-height: 245px;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields tr.odd td {
	background:#fff;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields tr.even td {
	background:#f9f9f9;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields tr.odd:hover td, 
#blockEditor .blockEditionRibbon .formFields .tabListFields tr.even:hover td {
	background:#e9f2fd;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields td.check {
	text-align:center;
	width:20px;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields td.required {
	text-align:center;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields td.add .btnAddField {
	color:#0571c9;
	margin:0 0 0 5px;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields td.add .btnAddField span {
	background:url(picto-plus-12.png) no-repeat 0 center;
	padding:0 0 0 17px;
}
#blockEditor .blockEditionRibbon .formFields .tabListFields tr.addField {
	display:none;
}

/* -------------------------------- */
/* Edition Bouton / Lien */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .linkSettings label {
	display:block;
	color:#777;
	font-size:14px;
	height:24px;
	white-space:nowrap;
	float: left;
	margin-right: 15px;
}
#blockEditor .blockEditionRibbon .linkSettings .col-2 label {
	padding-top:1px;
}
#blockEditor .blockEditionRibbon .linkSettings label.textButton {
	padding-bottom:6px;
}
#blockEditor .blockEditionRibbon .linkSettings label span {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
}
#blockEditor .blockEditionRibbon .linkSettings .col-1 label span {
	padding: 2px 10px 0 0;
}
#blockEditor .blockEditionRibbon .linkSettings label input {
	float:left;
	background: none;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#blockEditor .blockEditionRibbon .linkSettings label input[type="checkbox"] {
	margin: 6px 6px 0 0;
}
#blockEditor .blockEditionRibbon .linkSettings .col-1 label.textButton span {
	width: 45px !important;
}
#blockEditor .blockEditionRibbon .linkSettings .col-1 label.linkButton span {
	width: 38px !important;
}
#blockEditor .blockEditionRibbon .editionBox.linkSettings .content {
	padding: 16px 0 0 10px !important;
}
#blockEditor .blockEditionRibbon .editionBox.linkSettings .col .line-2 {
	padding: 3px 0 0;
}
#editorWrapper .fileBrowse .btnSelect-mid-1.delete {
	border-radius: 2px;
	background: #f1f1f1;
	padding: 0 4px 3px;
	margin-top: -3px;
    transition: all 200ms ease 0s;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .fileBrowse .btnSelect-mid-1.delete:hover {
	background: #e1e1e1;
}
#editorWrapper .fileBrowse .btnSelect-mid-1.delete span {
	padding: 0;
}
#editorWrapper .btnSelect-mid-1.delete > span > span > span > span {
	padding: 1px 7px 2px 30px !important;
}


/* -------------------------------- */
/* Edition Thèmes */
/* -------------------------------- */

/*#blockEditor .blockEditionRibbon .themeChoose .selectTheme {
	top:68px;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a {
	height:auto;
	padding:0;
	font-size:12px;
	text-transform:uppercase;
	color:#444;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a span {
	height:50px;
	line-height:normal;
	background:none;
	padding:6px 10px 9px;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a img {
	float:left;
	display:block;
	border:1px solid #ddd;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a:hover img {
	border:1px solid #0571c9;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a span span {
	float:left;
	padding:10px 0 0 11px;
	height:auto;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a span span span.colors {
	float:none;
	padding:0;
	font-style:italic;
	font-size:12px;
	text-transform:none;
	color:#777;
}*/
#blockEditor .blockEditionRibbon .themeChoose .selectTheme {
	top:68px;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li {
	float:left;
	display:block;
	width:140px;
	border-bottom:1px solid #ddd;
	padding:0;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a {
	height:auto;
	padding:11px 0;
	font-size:0;
	text-indent:-999px;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a span.wrapper {
	width:120px;
	height:70px;
	padding:1px;
	margin:0 auto;
	display:block;
	border:1px solid #ddd;
	background:none;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a span.preview {
	width:120px;
	height:70px;
	padding:0;
	margin:0 auto;
	display:block;
	background:none no-repeat center 0;
}
#blockEditor .blockEditionRibbon .themeChoose .listTheme li a.activ span {
	border:1px solid #bbb;
}

#blockEditor .blockEditionRibbon .themeAreaCustom .col-1 {
	padding:0 10px;
}
#blockEditor .blockEditionRibbon .themeAreaCustom .areaInfo {
	display:block;
	background:url(bgd_ribbonareainfo-1.png) no-repeat 0 center;
	height:22px;
	line-height:22px;
	color:#77b111;
	padding:0 0 0 30px;
	margin:0 0 5px;
	cursor:help;
	letter-spacing:-0.02em;
}
#blockEditor .blockEditionRibbon .themeAreaCustom .areaInfo.type-2 {
	background-image:url(bgd_ribbonareainfo-2.png);
	color:#ff8c38;
}
#blockEditor .blockEditionRibbon .themeAreaCustom .areaInfo.type-3 {
	background-image:url(bgd_ribbonareainfo-3.png);
	color:#e53e3e;
}

#blockEditor .blockEditionRibbon .themeStructure .selectStructure {
	top:48px;
}
#blockEditor .blockEditionRibbon .themeStructure .listStructure li a {
	height:54px;
}
#blockEditor .blockEditionRibbon .themeStructure .listStructure li a span {
	height:54px;
	line-height:54px;
	background:url(bgd_listselect-theme-structure.png) no-repeat;
	padding:0 0 0 72px;
}
#blockEditor .blockEditionRibbon .themeStructure .listStructure li.structure-1 a span { background-position:0 -108px; }
#blockEditor .blockEditionRibbon .themeStructure .listStructure li.structure-2 a span { background-position:0 0; }
#blockEditor .blockEditionRibbon .themeStructure .listStructure li.structure-3 a span { background-position:0 -54px; }

#blockEditor .blockEditionRibbon .themeChoose .labelTitle {
	font-size:14px;
	padding:11px 0 2px 8px;
}
#blockEditor .blockEditionRibbon .themeChoose .themeName {
	color:#777;
	font-size:12px;
	text-transform:uppercase;
	padding:0 0 3px;
	font-weight:bold;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .label {
	display:block;
	float:left;
	color:#777;
	font-size:12px;
	padding:0 5px 0 0;
	height:32px;
	line-height:32px;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors li {
	display:block;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .list li a.palette {
	height: auto;
	display: block;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .list li a.palette:hover {
	background-color: #f6f6f6;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .palette.activ {
	background:url(picto-tick-16-1.png) no-repeat 152px center #d5e6fc;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .palette .variantName {
	text-align: right;
	font-family: "Titillium Web", Arial, sans-serif;
	color: #666 !important;
	padding-right: 5px;
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	background:none;
	height: auto;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .palette:hover .variantName {
	color:#1479cb;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .palette.activ .variantName {
	color:#222;
}
/*#blockEditor .blockEditionRibbon .variantChoose .themeColors .color-1 {
	width:22px;
	height:22px;
	margin-top:0;
	margin-right:2px;
	border:1px solid #555;
}*/
#blockEditor .blockEditionRibbon .variantChoose .themeColors .selectedPalette {
    background: #FFF;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .selectedPalette .color {
	margin:5px 2px;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .color span {
	display:none;
}

/* -------------------------------- */
/* Ruban téléchargement fichier */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .fileSettings .col-1 .line-2 {
	padding:6px 0 0 50px;
}
#blockEditor .blockEditionRibbon .fileSettings .col-1 .line-2 label span {
	width:auto;
}
#blockEditor .blockEditionRibbon .fileBrowse .col-1 .line-2 {
	padding:3px 0 0;
}
#blockEditor .blockEditionRibbon .fileInfos .info {
	display: block;
	padding: 0 25px 1px 0;
	font-size:12px;
	color: #999;
}
#blockEditor .blockEditionRibbon .fileInfos .name span {
	font-weight:bold;
	color:#777;
	white-space:nowrap;
}
#blockEditor .blockEditionRibbon .fileInfos .type span {
	text-transform:capitalize;
	color:#777;
}
#blockEditor .blockEditionRibbon .fileInfos .weight {
	padding:0;
}
#blockEditor .blockEditionRibbon .fileInfos .weight span {
	color:#777;
}

/* -------------------------------- */
/* Ruban vidéo */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .editionBox.videoSettings .col .line {
	clear: none;
	float: left;
}
#editorWrapper #upload_media_CSWVideo #modifyMedia.btnSelect-mid-1 span {
	padding: 0 14px 0 1px !important;
}
#editorWrapper #upload_media_CSWVideo #modifyMedia.btnSelect-mid-1 > span > span {
	background-position: 95px -24px !important;
}
#blockEditor .blockEditionRibbon .videoParams.youtube .labelTitle span {
	display:block;
	background:url(youtube-icon.png) no-repeat left center;
	padding:0 0 0 37px;
	width: 105px;
}
#blockEditor .blockEditionRibbon .videoParams .videoUrl, 
#blockEditor .blockEditionRibbon .iframeSettings .iframeUrl, 
#blockEditor .blockEditionRibbon .videoParams .btnValid {
	float:left;
}
#blockEditor .blockEditionRibbon .videoParams .btnValid {
	margin-left:4px;
}
#blockEditor .blockEditionRibbon .videoParams .line-2 {
	padding:8px 0 0;
}
#blockEditor .blockEditionRibbon .videoParams .line-2 label {
	color:#555;
	padding:0 6px 0 0;
}
#blockEditor .blockEditionRibbon .videoSize .col-1 {
	width:275px;
}
#blockEditor .blockEditionRibbon .videoSize .cursorSlider .sliderContent {
	width:88px;
}
#blockEditor .blockEditionRibbon .videoSize .btnLockRatio span {
	display:none;
}
#blockEditor .blockEditionRibbon .videoSize label {
	display:block;
	color:#777;
	font-size:12px;
	height:24px;
	float: left;
}
#blockEditor .blockEditionRibbon .videoSize label.imageWidth {
	padding:0 0 6px;
}
#blockEditor .blockEditionRibbon .videoSize label span {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	width:47px;
}
#blockEditor .blockEditionRibbon .videoSize label input {
	float:left;
}
#blockEditor .blockEditionRibbon .ribbonInfo.ribbonInfoVideo {
	display: none;
}
/* -------------------------------- */
/* Menu Google Map */
/* -------------------------------- */
#blockEditor .mapAddress input.radio, #blockEditor .mapAddress input.checkbox {
	vertical-align: middle;
}
#blockEditor .blockEditionRibbon .mapAddress .jsSearch, 
#blockEditor .blockEditionRibbon .mapAddress .btnSearch {
	float:left;
}
#blockEditor .blockEditionRibbon .mapAddress .btnSearch {
	margin-left:4px;
}
#blockEditor .blockEditionRibbon .mapAddress .line-2 {
	padding:8px 0 0;
}
#blockEditor .blockEditionRibbon .mapAddress .line-2 label {
	color:#555;
	padding:0 6px 0 0;
}
#blockEditor .blockEditionRibbon .mapCoords label {
	display:block;
	color:#777;
	font-size:13px;
	height:24px;
	float: left;
}
#blockEditor .blockEditionRibbon .mapCoords label span {
	display:block;
	float:left;
	height:24px;
	line-height:24px;
	padding-right: 5px;
}
#blockEditor .blockEditionRibbon .mapCoords label input {
	float:left;
}
#blockEditor .blockEditionRibbon .mapZoom .sliderContent {
	width:87px;
}
#blockEditor .blockEditionRibbon .mapZoom .line-1 {
	margin: -8px 0 0; 
}
#blockEditor .blockEditionRibbon .mapZoom .line-2 {
	padding:0;
	margin: -8px 0 0;
}
#blockEditor .blockEditionRibbon .mapZoom .zoomAuthorize {
	font-size:12px;
	color:#777;
}
#blockEditor .blockEditionRibbon .editionBox.mapAddress .col .line-1 {
	margin-top: -10px;
}
#blockEditor .blockEditionRibbon .editionBox.mapAddress .col .line-2 {
	padding: 0;
}
#blockEditor .mapAddress input.text.large-2 {
	width: 185px;
}
#blockEditor .mapCoords input.text.large-2 {
	width: 150px;
}
#blockEditor .mapCoords input.text.large {
	width: 70px;
	background: none;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
	padding: 0 5px;
}


/* -------------------------------- */
/* MENU BORDURES */
/* -------------------------------- */
.listComboBox .comboBox-1.menuSelectBorders {
	left: -91px;
    top: 39px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .boxContent {
	font-family: "Titillium web", Arial, Helvetica, sans-serif;
	padding: 15px 0;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .block {
	padding:16px 10px 13px;
	border-bottom:1px solid #dedede;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .block .title {
	display: block;
	float: left;
	padding: 0 6px 0 5px;
	color: #777;
	text-transform: uppercase;
	font-size: 14px;
}
	/* Style */
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle {
	padding-top:0;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .title {
	float:none;
	padding:0 0 11px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle {
	display:block;
	margin:0 0 4px;
	text-align:left;
	font-weight:normal;
	font-size: 14px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle.last {
	margin-bottom:0;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle span {
	display:block;
	float:none;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle span.border {
	background:#fff;
	float:left;
	width:10px;
	height:10px;
	border:2px solid #666;
	margin:5px 9px 0 0;
	padding:0;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle.none span.border { border-style:none; }
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle.dotted span.border { border-style:dotted; }
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle.dashed span.border { border-style:dashed; }
#blockEditor .blockEditionRibbon .menuSelectBorders .borderStyle .btnStyle.inset span.border { border-style:inset; }

	/* Taille */
#blockEditor .blockEditionRibbon .menuSelectBorders .borderSize .cursorSlider {
	display:block;
	float:left;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderSize .sliderContent {
	width:52px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderSize input.size {
	display:block;
	float:left;
	margin:-3px 0 0 8px;
	text-align:center;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderSize .boxColor {
	display:block;
	float:left;
	padding:1px;
	border:1px solid #dedede;
	margin:-3px 0 0 8px;
	border-radius: 4px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderSize .boxColor span {
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:none #fff;
	font-size:0;
	text-indent:-9999px;
}
	/* Position */
#blockEditor .blockEditionRibbon .menuSelectBorders .borderPosition {
	padding-bottom:0;
	border-bottom:0;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderPosition .title {
	float:none;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderPosition label {
	display: block;
	float: left;
	margin: 8px 0 0 5px;
	color: #555;
	width: 90px;
	height: 16px;
	line-height: 16px;
	font-weight: 400;
	font-size: 14px;
}
#blockEditor .blockEditionRibbon .menuSelectBorders .borderPosition input {
	margin:0 5px 0 0;
}

/* -------------------------------- */
/* MENU FOND/BACKGROUND */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .menuSelectBackground .boxContent {
	font-family:Arial, Helvetica, sans-serif;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .block {
	padding:16px 10px 13px;
	border-bottom:1px solid #dedede;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .block .title {
	display:block;
	float:left;
	padding:0 10px 0 0;
	color:#777;
}
	/* Couleur */
#blockEditor .blockEditionRibbon .menuSelectBackground .blockColor .title {
	height:20px;
	line-height:20px;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockColor .boxColor {
	display:block;
	float:left;
	padding:1px;
	border:1px solid #dedede;
	margin:0 10px 0 0;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockColor .boxColor span {
	display:block;
	float:left;
	width:18px;
	height:18px;
	background:none #fff;
	font-size:0;
	text-indent:-9999px;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockColor .changeColor {
	display:block;
	float:left;
	height:20px;
	line-height:20px;
	color:#888;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockColor .changeColor span {
	text-decoration:underline;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture {
	border:0;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .title {
	float:none;
	margin:0 0 11px;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture {
	display:block;
	float:left;
	border:1px solid #ddd;
	padding:1px;
	margin:0 6px 7px 2px;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture.last {
	margin-right:0;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture.activ, 
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture:hover {
	border:1px solid #1479cb;
	background-color:#eee;
	-moz-box-shadow:1px 1px 3px #777;
	-webkit-box-shadow:1px 1px 3px #777;
	box-shadow:1px 1px 3px #777;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture.activ {
	background-color:#ddd;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockTexture .texture span {
	display:block;
	float:left;
	width:47px;
	height:33px;
	font-size:0;
	text-indent:-9999px;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockOpacity {
	border:0;
	padding-top:0;
	padding-bottom:0;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockOpacity .cursorSlider {
	display:block;
	float:left;
}
#blockEditor .blockEditionRibbon .menuSelectBackground .blockOpacity .sliderContent {
	width:125px;
}

/* -------------------------------- */
/* Edition flux RSS */
/* -------------------------------- */
.feedSettings .listComboBox .comboBox .boxContent {
    max-height: 245px;
    width: 80px;
}
#blockEditor .blockEditionRibbon .feedSettings .feedUrl {
	display:block;
	float:left;
	margin:0 5px 0 0;
}
#blockEditor .blockEditionRibbon .feedSettings .btnValid {
	display:block;
	float:left;
}

/* -------------------------------- */
/* Edition réseaux sociaux */
/* -------------------------------- */
#blockEditor .blockEditionRibbon .editionBox.socialSettings .col .line-2 {
	margin-left: 20px;
}
#blockEditor .blockEditionRibbon .socialSettings .comboBoxBig-1 {
	/*top:26px;*/
}
#blockEditor .blockEditionRibbon .socialSettings .col-1 {
	padding:0;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork th {
	font-size:14px;
	text-transform:uppercase;
	text-align:left;
	color:#777;
	padding: 6px 5px 6px;
	border-bottom:1px solid #ddd;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork th span {
	background:url(picto-arrow-02-down.png) no-repeat 0 center;
	padding:0 0 0 13px;
	cursor:help;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork th.visible {
	text-align:center;
	width:80px;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td {
	font-size:12px;
	text-align:left;
	color:#555;
	padding:15px 5px;
	border-bottom:1px dotted #ddd;
	text-align:left;
	vertical-align:middle;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork tr.odd td,
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork tr.even td {
	background:#fff;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork tr.odd:hover td, 
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork tr.even:hover td {
	background:#f4f4f4;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.visible {
	text-align:center;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .network span {
	background: transparent url(social-networks-icons/facebook.png) no-repeat scroll 0 0 / 28px 28px;
	display:block;
	font-weight:bold;
	font-size:14px;
	padding: 3px 0 11px 35px;
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isTwitter span {
	background-image: url(social-networks-icons/twitter.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isYoutube span {
	background-image: url(social-networks-icons/youtube.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isInstagram span {
	background-image: url(social-networks-icons/instagram.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isPinterest span {
	background-image: url(social-networks-icons/pinterest.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isLinkedIn span {
	background-image: url(social-networks-icons/linkedin.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isGooglePlus span {
	background-image: url(social-networks-icons/google-plus.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isSnapchat span {
	background-image: url(social-networks-icons/snapchat.png);
}
#blockEditor .blockEditionRibbon .socialSettings .tabListNetwork td.name .isViadeo span {
	background-image: url(social-networks-icons/viadeo.png);
}
#blockEditor .blockEditionRibbon .socialSettings .iconsOnly, 
#blockEditor .blockEditionRibbon .socialSettings .showTitle {
	display:block;
	height:25px;
	line-height:25px;
	float: left;
	margin-left: 20px;
}
#blockEditor .blockEditionRibbon .socialSettings .iconsOnly .checkbox, 
#blockEditor .blockEditionRibbon .socialSettings .showTitle .checkbox {
	vertical-align:middle;
	margin-right: 5px;
}
#editorWrapper .socialSettings .btnSelect-mid-1.advanced > span > span > span > span {
	background-repeat: no-repeat !important;
	background-position: 0px -384px !important;
	line-height: 23px;
}
.socialSettings .listComboBox .comboBox .boxContent {
	max-height: 245px;
}
.socialSettings .listComboBox.listComboBox .comboBox {
	width:315px;
}
#blockEditor .socialSettings input.text.large-2 {
	width: 164px;
}

/* -------------------------------- */
/* Edition Iframe                   */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .iframeSettings .boxContent {
	padding:0 5px;
}
#blockEditor .blockEditionRibbon .editionBox.iframeSettings .col-2 {
	padding-left:5px;
}
#blockEditor .blockEditionRibbon .iframeSettings .showTitle,
#blockEditor .blockEditionRibbon .iframeSettings .scrollBar {
	display:block;
	height:25px;
	line-height:25px;
}
#blockEditor .blockEditionRibbon .iframeSettings .showTitle .checkbox {
	vertical-align:middle;
}
#blockEditor .baliseCode textarea.textArea-1#iframeFullCode {
	width:350px;
}

/* -------------------------------- */
/* Edition CustomForm               */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .boxSettings .comboBox {
    width:450px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox a.btnRound.jsAddElement {
    width:133px;
    display:block;
    margin:3px auto;
    float:none;
}
#blockEditor .blockEditionRibbon .formSettings .line > .boxSettings > .btnRound.btnSelect-mid-1 span span span span {
    min-width:142px;
}
#blockEditor .blockEditionRibbon .formSettings .recipient .btnRound.btnSelect-mid-1 span span span span {
    min-width:24px;
}
#blockEditor .blockEditionRibbon .formSettings .boxSettings .comboBox a.btnRound.jsAddElement {
    width:160px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table th {
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    color:#777;
    padding:6px 5px;
    border-bottom:1px solid #DDD;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table th span {
    background: url("picto-arrow-02-down.png") no-repeat scroll 0px center transparent;
    padding: 0px 0px 0px 13px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td {
    background: none repeat scroll 0% 0% #FFF;
    transition: all 200ms ease 0s;
    text-align: center;
    vertical-align: middle;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td textarea {
	border:1px solid #CECECE;
	margin:5px;
	width:300px;
	height:50px;
}
/* -------------------------------- */
/* Edition formItem                 */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .fieldLabelSettings input[type="text"] {
    width:130px;
}
#blockEditor .blockEditionRibbon .fieldLabelSettings .right .content .col {
    padding-right:10px;
}
#blockEditor .blockEditionRibbon .fieldLabelSettings .col-2 .line-1 {
    padding-top:2px;
    height:22px;
}
#blockEditor .blockEditionRibbon .fieldDataSettings .col-2 .line-2 label,
#blockEditor .blockEditionRibbon .fieldLabelSettings .col-2 .line-2 label {
    padding-right:5px;
}
#blockEditor .blockEditionRibbon .fieldDataSettings .col-1 .line-2 .listComboBox {
    padding-top:2px;
}
#blockEditor .blockEditionRibbon .fieldDataSettings .col-2 .line-1 {
    padding-top:2px;
    height:22px;
}
#blockEditor .blockEditionRibbon .fieldDataSettings .col-1 .line-2 .btnSelect-mid-1 span span span span {
    padding-left:5px;
}
#blockEditor .blockEditionRibbon .fieldDataSettings .col-1 .line-2 .comboBox .list li a span.active {
   font-weight:bold; 
}
#blockEditor .blockEditionRibbon .multipleChoiceSettings .boxSettings .comboBox {
    width:350px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox a.btnRound.jsAddElement {
    width:133px;
    display:block;
    margin:3px auto;
    float:none;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table th {
    font-size:14px;
    text-transform:uppercase;
    text-align:center;
    color:#777;
    padding:6px 5px;
    border-bottom:1px solid #DDD;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table th span {
    background: url("picto-arrow-02-down.png") no-repeat scroll 0px center transparent;
    padding: 0px 0px 0px 13px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td {
    background: none repeat scroll 0% 0% #FFF;
    transition: all 200ms ease 0s;
    text-align: center;
    vertical-align: middle;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td input[type="checkbox"] {
    display: inline-block;
    border: 0px none;
    margin: 0px;
    padding: 0px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td input[type="text"] {
    height: 24px;
    line-height: 24px;
    border: 1px solid #EFEFEF;
    background: none repeat scroll 0px 0px #FFF;
    color: #888;
    font-style: normal;
    border-radius: 2px;
    font-family: titillium web;
    font-size: 13px;
    width: 225px;
    padding: 0px 0px 0px 5px;
    margin: 5px;
    vertical-align: middle;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td a.btnReset {
    background:url(bgd_btnround-mini-1.png) no-repeat scroll center -252px transparent;
    padding-left:25px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td a.btnDelete {
    background:url("bgd_btnselect-mid-1.png") no-repeat scroll center -457px transparent;
    padding-left:25px;
}
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td a.btnReset span,
#blockEditor .blockEditionRibbon .boxSettings .comboBox table td a.btnDelete span {
    display:none;
}

/* -------------------------------- */
/*       Pluing Paddings            */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .paddings .boxSettings .comboBox {
    width:290px;
}

/* -------------------------------- */
/*       Pluing Anchor            */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .anchorConfig .btnRound-mid-1 {
    display: inline-block;
    float: none;
    height: auto;
    background: #EFEFEF;
    padding: 2px 7px;
}
#blockEditor .blockEditionRibbon .anchorConfig .btnRound-mid-1 .picto {
    height: 20px;
    width: 20px;
    padding: 0;
}
#blockEditor .blockEditionRibbon .anchorConfig .btnRound-mid-1 span {
    height: auto;
    float: none;
    vertical-align: middle;
    padding: 0 0 0 1px;
}
#blockEditor .blockEditionRibbon .anchorConfig .btnRound-mid-1  .picto svg {
    fill: #555;
}
#blockEditor .blockEditionRibbon .anchorConfig .linkSelection .listComboBox .comboBox.copyLink {
    width:auto;
}
#blockEditor .blockEditionRibbon .anchorConfig .linkSelection .listComboBox .comboBox.copyLink .list a {
    height: auto;
    padding: 5px 10px;
}
#blockEditor .blockEditionRibbon .anchorConfig .linkSelection .listComboBox .comboBox.copyLink .list a span {
    height: auto;
    font-size: 16px;
    line-height: normal;
}
#blockEditor .blockEditionRibbon .anchorConfig .linkSelection .listComboBox .comboBox.copyLink .list a span.link {
    background: none;
    font-size: 12px;
    padding: 0;
    line-height: normal;
    height: auto;
}

/* -------------------------------- */
/*       Pluing Booking             */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .btnRound-mid-1 {
    display:inline-block;
    float:none;
    height: auto;
    background: #EFEFEF;
    padding: 2px 8px 2px 3px;
}
#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .btnRound-mid-1:hover {
    background: #DFDFDF;
}
#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .btnRound-mid-1 .picto {
    height: 18px;
    width: 18px;
    padding: 0;
}
#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .btnRound-mid-1 .picto svg {
    width: auto;
    height: 14px;
    fill: #2D353A;
}
#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .btnRound-mid-1 span {
    height: auto;
    float:none;
    vertical-align: middle;
}
#blockEditor .blockEditionRibbon .bookingCustomFormConfig .boxContent table .listComboBox.color .slot {
    overflow:hidden;
    width: 30px;
}


/* -------------------------------- */
/*       Overlayed Picture          */
/* -------------------------------- */

#blockEditor .blockSettings .boxColor {
	display: inline-block;
	padding: 1px;
	border: 1px solid #DEDEDE;
	border-radius: 4px;
	vertical-align:bottom;
}
#blockEditor .blockSettings .boxColor span.selectedColor {
	display: block;
	width: 20px;
	height: 20px;
	background: #FFF none repeat scroll 0% 0%;
	font-size: 0px;
	text-indent:-9999px;
}
/* -------------------------------- */
/* Menu Meteo */
/* -------------------------------- */

#blockEditor .blockEditionRibbon .weatherSettings .localWeather, 
#blockEditor .blockEditionRibbon .weatherSettings .btnSearch {
	float:left;
}
#blockEditor .blockEditionRibbon .weatherSettings .btnSearch {
	margin-left:4px;
}

/* -------------------------------- */
/* ZONING PERSONNALISATION */
/* -------------------------------- */

#themeContainer.editableAreas .areaType-1, 
#themeContainer.editableAreas .areaType-2,  
#themeContainer.editableAreas .areaType-3 {
	position:relative;
	overflow:visible !important;
}
#themeContainer.editableAreas .areaType-1 .areaInfo, 
#themeContainer.editableAreas .areaType-2 .areaInfo,  
#themeContainer.editableAreas .areaType-3 .areaInfo  {
	display:block;
	position:absolute;
	top:-4px;
	left:-4px;
	background: #ddd;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#themeContainer.editableAreas .areaType-1 .areaInfo {
	background: url(bgd-areaType-1.png) no-repeat center rgba(135, 177, 85, 0.9);
}
#themeContainer.editableAreas .areaType-2 .areaInfo {
	background: url(bgd-areaType-2.png) no-repeat center rgba(226, 98, 47, 0.9);
}
#themeContainer.editableAreas .areaType-3 .areaInfo {
	background: url(bgd-areaType-3.png) no-repeat center rgba(202, 16, 2, 0.9);
}

/* -------------------------------- */
/* SPLASH ACCUEIL */
/* -------------------------------- */

.blockWelcomeSplash {
	display:none;
}
.blockWelcomeSplash .overlay {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#000;
	z-index:1000;
	-moz-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
}
* html .blockWelcomeSplash .overlay {
	position: absolute;
	width: 100%;
	height: 3000px;
}
.blockWelcomeSplash .headSplashLeft {
	background: url(bgd_welcomesplash-headmenu-left.png) no-repeat;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	z-index:1001;
	height:175px;
	width:1360px;
}
.blockWelcomeSplash.conceptionDeSite .headSplashLeft {
	background: url(bgd_welcomesplash-headmenu-left-2.png) no-repeat;
}
.blockWelcomeSplash .headSplashRight {
	background: url(bgd_welcomesplash-headmenu-right.png) no-repeat;
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	z-index:1001;
	height:175px;
	width: 341px;
}
.blockWelcomeSplash .welcomeSplash {
	position:fixed;
	top:160px;
	left:50%;
	margin:0 0 0 -340px;
	background:url(bgd_welcomesplash-popup.png) no-repeat;
	width:679px;
	height:383px;
	z-index:1002;
}
.blockWelcomeSplash .welcomeSplash .splashContent {
	padding:64px 270px 0 62px;
}
.blockWelcomeSplash .welcomeSplash a {
	color:#006295;
	text-decoration:none;
}
.blockWelcomeSplash .welcomeSplash .title {
	background:url(bgd_welcomesplash-popup-title.gif) no-repeat;
	width:324px;
	height:39px;
	padding:0 0 16px;
}
.blockWelcomeSplash .welcomeSplash .title span {
	display:none;
}
.blockWelcomeSplash .welcomeSplash p {
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:14px;
	text-align:left;
	color:#666;
	margin:0;
	padding:0 0 13px;
	line-height:17px;
}
.blockWelcomeSplash .welcomeSplash p.feedback a {
	text-decoration:underline;
}
.blockWelcomeSplash .welcomeSplash .btnStart {
	display:block;
	background:url(bgd_welcomesplash-btnstart.gif) no-repeat;
	width:261px;
	height:38px;
	margin:12px 0 0;
}
.blockWelcomeSplash .welcomeSplash .btnStart span {
	display:none;
}

/* -------------------------------- */
/* ASSISTANT DEMARRAGE */
/* -------------------------------- */

#editorWrapper .popupWizard {
	display:none; color:#444; font-size:13px;
}
#editorWrapper .popupWizard .overlay {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, 0.8);;
	z-index:1000;
}
#editorWrapper .popupWizard .wizard {
	width:900px;
	margin:0px auto;
	margin-top: 50vh;
	transform: translateY(-50%);
}
#editorWrapper .popupWizard .wizardBottom {
	background:url(bgd_popupwizard-bottom.png) no-repeat 0 bottom;
	padding:0 0 37px;
}
#editorWrapper .popupWizard .wizardBottom .closePop {
	width: 30px;
	height: 30px;
	display: block;
	right: -15px;
	top: -15px;
	background: url("pictoClose.png") no-repeat scroll center center transparent;
	overflow: hidden;
	position: absolute;
}
#editorWrapper .popupWizard .wizardBottom .closePop:hover {
	opacity:0.6;
}
#editorWrapper .popupWizard .wizardBottom .closePop span {
	display:none;
}
#editorWrapper .popupWizard .wizardContent {
	background:url(bgd_popupwizard-content.png) repeat-y;
	padding:0 21px;
}
#editorWrapper .popupWizard .wizardHeader {
	background:url(bgd_popupwizard-header.png) no-repeat;
	width:100%;
	clear:both;
	color:#fff;
}

/* Version large */
#editorWrapper .popupWizard.big .wizard {
	background:url(bgd_popupwizard-big-top.png) no-repeat;
	width:992px;
}
#editorWrapper .popupWizard.big .wizard.managerPhoto {
	background:none;
	width:992px;
}
#editorWrapper .popupWizard.big .wizardBottom {
	background-image:url(bgd_popupwizard-big-bottom.png);
}
#editorWrapper .popupWizard.big .wizardContent {
	background-image:url(bgd_popupwizard-big-content.png);
}
#editorWrapper .popupWizard.big .wizard.managerPhoto .wizardContent {
	background: none #fff;
}
#editorWrapper .popupWizard.big .wizardHeader {
	background-image:url(bgd_popupwizard-big-header.png);
}
#editorWrapper .popupWizard.big .wizardMessageTop {
	background-image:url(bgd_popupwizard-big-messagetop.png);
}
#editorWrapper .popupWizard.big .wizard.managerPhoto .wizardMessageTop {
	background: none #313131;
}
#editorWrapper .popupWizard.big .wizardFooter {
	background-image:url(bgd_popupwizard-big-footer.png);
}

/* Content */
#editorWrapper .popupWizard .wizardHeader .content {
	padding:5px 16px 5px;
}
#editorWrapper .popupWizard .wizardHeader .close {
	background:url(bgd_popupwizard-close.png) no-repeat;
	cursor:pointer;
	display:block;
	height:21px;
	width:20px;
	position:absolute;
	right:27px;
	top:17px;
}
#editorWrapper .popupWizard .wizardHeader .close span {
	display:none;
}
#editorWrapper .popupWizard .wizardHeader .phone {
	font-family:"Amaranth", Arial, Helvetica, sans-serif;
	font-size:20px;
	float:right;
	display:block;
	color:#fff;
	background:url(bgd_popupwizard-phone.png) no-repeat 0 1px;
	padding:2px 0 0 26px;
	line-height:16px;
	margin:0 20px 0 0;
	text-decoration: none;
}
#editorWrapper .popupWizard .wizardHeader .support {
	font-family:"Amaranth", Arial, Helvetica, sans-serif;
	font-size:20px;
	float:right;
	display:block;
	color:#fff;
	padding: 15px 0 0 26px;
	line-height:16px;
	margin:0 20px 0 0;
	text-decoration: none;
}
#editorWrapper .popupWizard .wizardHeader .phone .tax {
	display:block;
	color:#b5cfe0;
	text-align:right;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#editorWrapper .popupWizard .wizardHeader .logo {
	float:left;
	display:block;
	background:url(logo-popupwizard.png) no-repeat;
	width:125px;
	height:36px;
	padding:0 10px 0 0;
	border-right:1px solid #68a2c7;
}
.popupWizard.selectTheme .wizardHeader .logo {
	border-right:none;
}
#editorWrapper .popupWizard .wizardHeader .logo span {
	display:none;
}
#editorWrapper .popupWizard .wizardHeader .baseline {
	float: right;
	font-family: "Raleway", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	height: 36px;
	line-height: 36px;
	padding: 0px 0 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	margin: 13px 15px 0;
}
#editorWrapper .popupWizard .wizardHeader .baseline .sup {
	font-size:10px;
	vertical-align:super;
}
#editorWrapper .popupWizard .popupHotline {
	display:none;
	position:absolute;
	background:url(bgd_popupwizard-hotlinetip.png) no-repeat;
	right:-235px;
	top:-4px;
	width:280px;
	height:320px;
	color:#444;
}
#editorWrapper .popupWizard .popupHotline .head {
	height:100px;
	padding:0 24px 0 82px;
}
#editorWrapper .popupWizard .popupHotline .head .title {
	font-weight:bold;
	font-size:18px;
	padding:20px 0 10px;
}
#editorWrapper .popupWizard .popupHotline .head .phone {
	float:none;
	margin:0;
	color:#25699b;
	font-size:18px;
}
#editorWrapper .popupWizard .popupHotline .head .phone .tax {
	color:#8abad5;
	font-size:11px;
	text-align:left;
}
#editorWrapper .popupWizard .popupHotline .infos {
	padding:16px 18px 0 30px;
}
#editorWrapper .popupWizard .popupHotline .infos p {
	text-align:left;
	line-height:18px;
	font-size:14px;
	font-style:italic;
	padding:0;
	margin:0;
	height:124px;
}
#editorWrapper .popupWizard .popupHotline .infos .btnPremium {
	display:block;
	background:url(bgd_popupwizard-hotlinetip-btn.png) no-repeat;
	width:187px;
	height:30px;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0 5px;
}
#editorWrapper .popupWizard .popupHotline .infos .btnPremium span {
	float:left;
	height:30px;
	line-height:30px;
	padding:0 0 0 38px;
}
#editorWrapper .popupWizard .wizardMessageTop {
	font-family:"Amaranth","Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:18px;
	width:100%;
	height:70px;
	color:#555;
	clear:both;
}
#editorWrapper .popupWizard .wizardMessageTop .content {
	padding:16px 18px 0;
}
#editorWrapper .popupWizard .wizardMessageTop .message.success {
	background:url(bgd_popupwizard-tick.png) no-repeat scroll 0px 7px;;
	padding-left:50px;
	color:#1e74ba;
}
#editorWrapper .popupWizard #publishDone .wizardMessageTop .message.success {
	background-position:0px 0px;
	color:#FFF;
}
#editorWrapper .popupWizard .wizardMessageTop .question {
	display:block;
	font-size:16px;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors {
	color:#888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	padding:6px 0 0;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .title {
	display:block;
	float:left;
	background:url(picto-arrow-03-right.png) no-repeat 0 center;
	padding:0 8px 0 7px;
	height:22px;
	line-height:22px;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .seeAll {
	clear: both;
	color: #555;
	display: block;
	float: right;
	font-size: 11px;
	font-style: italic;
	margin: 0 3px 0 0;
	text-decoration: none;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .seeAll:hover {
	text-decoration: underline;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor {
	display:block;
	float:left;
	width:18px;
	height:18px;
	border:1px solid #ececed;
	padding:1px;
	overflow:hidden;
	margin:0 1px 1px 0;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
	
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor span.color {
	display:block;
	float:left;
	width:18px;
	height:18px;
	font-size:0;
	text-indent:-999px;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor:hover span {
	opacity: 0.8;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor.activ {
	border:1px solid #95b2f4;
	background-color:#c8d4e3;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor.activ span.color {
	background:url(picto-colorSelector.png) no-repeat center 1px;
}
#editorWrapper .popupWizard .wizardFooter {
	width:100%;
	height:60px;
	clear:both;
	background-color:#F4F4F4;
}
#editorWrapper .popupWizard .wizardFooter .content .btnRound {
	float:right;
	margin-right:20px;
}
#editorWrapper .popupWizard .wizardFooter .content {
	padding:12px 5px 0;
	text-align:center;
}
#editorWrapper .popupWizard .wizardFooter .btnCancel {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	float:left;
	height:35px;
	line-height:35px;
	font-weight:bold;
	font-size:13px;
	font-family:"Raleway",sans-serif;
	text-transform:uppercase;
	color:#777;
}
#editorWrapper .popupWizard .wizardFooter .btnCancel span {
	background: url("bgd_publicationfooter-leftArrow.png") no-repeat scroll 14px 3px transparent;
	padding-left:30px;
}
#editorWrapper .popupWizard .blockContent {
	padding:10px 17px;
	max-height: calc(100vh - 210px);
	height: 380px;
}
#editorWrapper .popupWizard.popupPublish .blockContent {
	height:auto;
	overflow: auto;
	text-align:center;
}
#editorWrapper .popupWizard .blockContent p {
	font-family:"Titillium Web", Arial, sans-serif;
	font-size:15px;
	text-align:justify;
	line-height:18px;
	padding:0 0 15px;
	color:#777;
	letter-spacing:0em;
}
#editorWrapper .popupWizard .blockContent p span.phone{
	font-weight: 600;
	color: #1888d7;
}
#editorWrapper .popupWizard .step-3 .blockContent p.first {
	font-size:17px;
	line-height:23px;
}
#editorWrapper .popupWizard .blockContent a.link {
	text-decoration:underline;
	color:#116c9c;
}
#editorWrapper .popupWizard .blockContent a.linkBack {
	color:#116c9c;
	background:url(arrow_linkback.png) no-repeat 0 center;
	padding:0 0 0 18px;
}
#editorWrapper .popupWizard .blockContent a.linkBack span {
	text-decoration:underline;
}
#editorWrapper .popupWizard .blockContent .phone .tax {
	font-size:12px;
	font-weight: 400;
	color:#777;
}
#editorWrapper .popupWizard .blockContent .message {
	font-size:13px;
	color:#777;
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	font-family:"Raleway",sans-serif;
}
#editorWrapper .popupWizard .blockComputerScreen {
	position:relative;
	min-height:131px;
	height:auto !important;
	height:160px;
	padding-right:240px;
}
#editorWrapper .popupWizard .step-3 .blockComputerScreen {
	min-height:137px;
	height:auto !important;
	height:137px;
}
#editorWrapper .popupWizard .blockComputerScreen .computerScreen {
	display:block;
	position:absolute;
	top:-70px;
	right:0;
	background:url(bgd_popupwizard-display.png) no-repeat;
	width:197px;
	height:241px;
}
#editorWrapper .popupWizard .blockComputerScreen .computerScreen span {
	display:none;
}
/* Ajax loader */
#editorWrapper .popupWizard .ajaxLoader {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 202;
}
#editorWrapper .popupWizard .ajaxLoader .loaderOverlay {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#fff;
	-moz-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
}
#editorWrapper .popupWizard .ajaxLoader .loaderBox {
	position:absolute;
	top:25%;
	left:50%;
	margin:0 0 0 -15px;
	background:url(ajax-loader-2.gif) no-repeat;
	width:31px;
	height:31px;
}
#editorWrapper .popupWizard .ajaxLoader .loaderBox span {
	display:none;
}
/* liste themes */
#editorWrapper .popupWizard .listThemes {
	float:left;
	width:386px;
	background:url(bgd_popupwizard-listthemes.png) no-repeat right 0;
	padding:0;
	position:relative;
	overflow-x:hidden;
	overflow-y:scroll;
	height: 380px;
	max-height: 100%;
}
#editorWrapper .popupWizard .listThemes .list .item {
	padding:0 11px 6px 0;
	display:inline-block;
}
#editorWrapper .popupWizard .listThemes .list .item .themeName {
	text-align: center;
	font-size: 14px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	line-height: 14px;
	padding-top:1px;
}
#editorWrapper .popupWizard .listThemes .list .item.eol {
	padding-right:0;
}
#editorWrapper .popupWizard .listThemes .list .theme {
	border:3px solid #fff;
}
#editorWrapper .popupWizard .listThemes .list .theme .previewImg {
	padding:2px;
	background:#fff;
	width:165px;
	height:83px;
	overflow:hidden;
	display:block;
}
#editorWrapper .popupWizard .listThemes .list .theme .previewImg:after {
	content: " ";
	display: block;
	background-color: white;
	height: 2px;
	width: 167px;
	position: relative;
	top: 142px;
}
#editorWrapper .popupWizard .listThemes .list .theme .previewImg img {
	display:block;
	float:left;
	width:100% !important;
}
#editorWrapper .popupWizard .listThemes .list .theme:hover {
	border:3px solid #f3f3f3;
}
#editorWrapper .popupWizard .listThemes .list .theme:hover .preview {
	border:1px solid #bbb;
}
#editorWrapper .popupWizard .listThemes .list .item.activ, 
#editorWrapper .popupWizard .listThemes .list .item.selected {
	background:url(bgd_popupwizard-listthemes-item.png) no-repeat 42px bottom;
}
#editorWrapper .popupWizard .listThemes .list .item.activ .theme, 
#editorWrapper .popupWizard .listThemes .list .item.selected .theme {
	border:3px solid #71b5d6;
}
#editorWrapper .popupWizard .listThemes .scroll.up {
	display:block;
	position:absolute;
	width:370px;
	height:35px;
	background:url(bgd_popupwizard-listthemes-scrollup.png) no-repeat center 0;
	top:-10px;
	left:0;
}
#editorWrapper .popupWizard .listThemes .scroll.down {
	display:block;
	position:absolute;
	width:370px;
	height:80px;
	background:url(bgd_popupwizard-listthemes-scrolldown.png) no-repeat center bottom;
	bottom:0;
	left:0;
}
#editorWrapper .popupWizard .listThemes .scroll span {
	display:none;
}
/* Theme selectionné */
#editorWrapper .popupWizard .selectedTheme {
	float:left;
	padding:0 0 0 12px;
	height: auto;
	height:380px;
	max-height: 100%;
}
#editorWrapper .popupWizard .selectedTheme .content.btn {
	float:left;
	margin: 1px 0 0 0;
}
#editorWrapper .popupWizard .selectedTheme .title {
	font-family:"Amaranth","Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	background:url(picto-arrow-01-down.png) no-repeat 4px 5px;
	padding:0 0 10px 22px;
	font-size:16px;
	color:#3589ce;
}
#editorWrapper .popupWizard .selectedTheme .themePreview {
	background:url(bgd_popupwizard-previewtheme.png) no-repeat right bottom;
	padding:0 0 17px;
}
#editorWrapper .popupWizard .selectedTheme .themePreview {
	display:block;
	clear:both;
	width:466px;
	height:265px;
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
	position:relative;
	overflow-x: hidden;
	overflow-y: scroll;
	text-decoration: none;
	max-height:calc(100% - 115px);
}
#editorWrapper .popupWizard .selectedTheme .themePreview img {
	display:block;
	margin:0 auto;
	width:100% !important;
}
#editorWrapper .popupWizard .selectedTheme .themePreview .zoom {
	display:block;
	position:absolute;
	background:url(bgd_popupwizard-previewtheme-zoom.png) no-repeat;
	width:51px;
	height:40px;
	font-size:0;
	text-indent:-999px;
	right:0;
	bottom:0;
}
#editorWrapper .themeColors .variantName {
	display: block;
	text-align: right;
	font-family: "Titillium Web", Arial, sans-serif;
	color: #666 !important;
	padding-right:5px;
	font-size: 12px;
	line-height: 12px;
}
#editorWrapper .themeColors .color span {
	display:none;
}
#editorWrapper .themeColors .comboBox {
	top:26px;
}
#editorWrapper .themeColors .comboBox .boxContent {
	max-height:240px;
    padding-right:11px;
}
#editorWrapper .themeColors .listVariantColors {
	padding:5px 5px 0;
    min-width:236px
}
#editorWrapper .themeColors .listVariantColors.variantSelected {
	padding:0 8px 4px;
	border-bottom:1px solid #ddd;
}
#editorWrapper .themeColors .listVariantColors .palette {
	display:block;
	background:#fff;
	border:1px solid #fff;
	text-decoration:none;
}
#editorWrapper .themeColors .listVariantColors .palette:hover {
	background:#f6f6f6;
	border:1px solid #eee;
}
#editorWrapper .themeColors .listVariantColors .palette.selected {
	background:#f6f6f6 url(bgd_listvariantcolors-tick.png) no-repeat right center;
	border:1px solid #a1bdff;
}

/* Première publication */
#editorWrapper .popupWizard .publication .wizardMessageTop .content {
	padding-top:9px;
}
#editorWrapper .popupWizard .publication .wizardFooter .content {
	text-align:left;
}
#editorWrapper .popupWizard .subDomainChoice .wizardFooter .message,
#editorWrapper .popupWizard .domainPremium .wizardFooter .message,
#editorWrapper .popupWizard .publication .wizardFooter .message {
	display:block;
	font-family: "raleway", sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#444;
	padding:7px 0 0 11px;
}
#editorWrapper .popupWizard .SUP {
	vertical-align:super;
	font-size:10px;
}
#editorWrapper .popupWizard .subDomainChoice .wizardFooter .message .link,
#editorWrapper .popupWizard .domainPremium .wizardFooter .message .link,
#editorWrapper .popupWizard .publication .wizardFooter .message .link {
	color:#1e74ba;
	text-decoration:underline;
}
#editorWrapper .popupWizard .subDomainChoice .wizardFooter .cancel,
#editorWrapper .popupWizard .domainPremium .wizardFooter .cancel,
#editorWrapper .popupWizard .publication .wizardFooter .cancel {
	display:block;
	float:right;
	font-size:12px;
	color:#666;
	font-style:italic;
	margin:0px 15px 0 0;
}
#editorWrapper .popupWizard .subDomainChoice .wizardFooter .cancel .btnCancel,
#editorWrapper .popupWizard .domainPremium .wizardFooter .cancel .btnCancel,
#editorWrapper .popupWizard .publication .wizardFooter .cancel .btnCancel {
	background:url("bgd_publicationfooter-btnCancel.png") no-repeat scroll center center;
	width:121px;
	height:36px;
}
#editorWrapper .popupWizard .subDomainChoice .wizardFooter .cancel .btnCancel span,
#editorWrapper .popupWizard .domainPremium .wizardFooter .cancel .btnCancel span,
#editorWrapper .popupWizard .publication .wizardFooter .cancel .btnCancel span {
	display:none;
}
#editorWrapper .popupWizard .domainPremiumChoice,
#editorWrapper .popupWizard .publicationChoice {
	padding:30px 0;
	position:relative;
}
#editorWrapper .popupWizard .domainPremiumChoice .or,
#editorWrapper .popupWizard .publicationChoice .or {
	display:inline-block;
	background:url(bgd_publicationchoice-or.gif) no-repeat center center;
	width:105px;
	height:125px;
	margin:0 0 0 6px;
}
#editorWrapper .popupWizard .domainPremiumChoice .or span,
#editorWrapper .popupWizard .publicationChoice .or span {
	display:none;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice,
#editorWrapper .popupWizard .publicationChoice .btnChoice {
	display:inline-block;
	vertical-align:top;
	font-family: "raleway",sans-serif;
	width:377px;
	height:125px;
	padding:6px 0 0;
	position:relative;
	background-color:#F4F4F4;
	text-decoration:none;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .domain,
#editorWrapper .popupWizard .publicationChoice .btnChoice .domain {
	display:block;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	padding:30px 0 3px;
	font-family:"lato", sans-serif;
	text-decoration:underline;
	color:#313F4A;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .info,
#editorWrapper .popupWizard .publicationChoice .btnChoice .info {
	display:block;
	color:#666;
	font-size:13px;
	font-style:italic;
	text-align:center;
	padding:0 0 8px;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .choose,
#editorWrapper .popupWizard .publicationChoice .btnChoice .choose {
	width:350px;
	height:30px;
	margin:23px auto 0px;
	font-size:15px;
	font-weight:bold;
	color:#fff;
	background-color:#67ABF6;
	font-size:12px;
	font-size:11px\0/;
	text-transform:uppercase;
	white-space:nowrap;
	text-align:center;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .choose {
	margin-top:0px;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .choose span,
#editorWrapper .popupWizard .publicationChoice .btnChoice .choose span {
	line-height:28px;
	padding:0 0 0 12px;
	font-size:18px;
	background: url("bgd_publicationchoice-rightArrow.png") no-repeat scroll 0px 5px transparent;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice.premium .choose,
#editorWrapper .popupWizard .publicationChoice .btnChoice.premium .choose {
	background-color:#365BA2;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .ribbon,
#editorWrapper .popupWizard .publicationChoice .btnChoice .ribbon {
	width:107px;
	height:84px;
	position:absolute;
	right:-7px;
	top:0;
	background: url("bgd_publicationchoice-ribbonFree.png") no-repeat scroll center center transparent;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .ribbon {
	background: url("bgd_publicationchoice-ribbonInclude.png") no-repeat scroll center center transparent;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice .ribbon span,
#editorWrapper .popupWizard .publicationChoice .btnChoice .ribbon span {
	display:none;
}
#editorWrapper .popupWizard .domainPremiumChoice .btnChoice.premium .ribbon {
	background: url("bgd_publicationchoice-ribbonOffer.png") no-repeat scroll center center transparent;
}
#editorWrapper .popupWizard .publicationChoice .btnChoice.premium .ribbon {
	background: url("bgd_publicationchoice-ribbonFormule.png") no-repeat scroll center center transparent;
}
#editorWrapper .popupWizard .tipOffers {
	display:block !important;
	position:absolute;
	top:107px;
	right:-359px;
	background:url(bgd_publicationchoice-tippremium.png) no-repeat;
	width:381px;
	height:350px;
}
#editorWrapper .popupWizard .tipOffers .content {
	padding:12px 150px 0 30px;
}
#editorWrapper .popupWizard .tipOffers .title {
	color:#fff;
	height:38px;
	line-height:14px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 22px;
	text-shadow:1px 1px 0 #428d22;
	white-space:nowrap;
	font-family: "raleway",sans-serif;
}
#editorWrapper .popupWizard .tipOffers .title .line {
	display:block;
	padding-top:5px;
}
#editorWrapper .popupWizard .tipOffers .title .line-1 {
	font-size:16px;
}
#editorWrapper .popupWizard .tipOffers.toPremium .price {
	padding:25px 85px 0px 8px;
}
#editorWrapper .popupWizard .tipOffers .price {
	height:71px;
	line-height:20px;
	padding:25px 85px 0px 15px;
	font-family:"Lato",sans-serif;
	font-weight:bold;
}
#editorWrapper .popupWizard .tipOffers .price .line {
	display:block;
}
#editorWrapper .popupWizard .tipOffers .price .line-1 {
	color:#555;
	font-size:13px;
}
#editorWrapper .popupWizard .tipOffers .price .line-2 {
	font-weight:bold;
	color:#1888D7;
	font-size:28px;
}
#editorWrapper .popupWizard .tipOffers .price .line-3 {
	color:#555;
	font-size:13px;
	padding-left:30px;
}
#editorWrapper .popupWizard .tipOffers .advantages {
	padding:20px 71px 8px 7px; color:#777; font-size:12px; font-style:italic;
}
#editorWrapper .popupWizard .tipOffers .advantages .highlight {
	font-weight:bold;
}
#editorWrapper .popupWizard .tipOffers .list {
	font-family: "raleway",sans-serif;
	padding:16px 0 0 3px;
}
#editorWrapper .popupWizard .tipOffers.toPremium .list {
	padding-top:6px;
}
#editorWrapper .popupWizard .tipOffers .list .item {
	display:block;
	color:#444;
	font-size:12px;
	background:url(bgd_publicationchoice-tippremium-item.gif) no-repeat 0px 3px;
	padding:0 0 7px 19px;
}
#editorWrapper .popupWizard .seoStart hr {
	margin:0
}
#editorWrapper .popupWizard .tipOffers .list .infos {
	color:#777;
	font-size:12px;
}

/* Infos référencement */
#editorWrapper .popupWizard .seoStart .blockContent {
	padding:20px 17px 0 28px;
	font-family:"raleway",sans-serif;
	font-weight:bold;
	color:#777;
}
#editorWrapper .popupWizard .seoStart .edito {
	float:left;
	background:url(bgd_publicationSeoStart-icon-google.png) no-repeat 6px 7px;
	padding:0 0 20px 82px;
	width:430px;
}
#editorWrapper .popupWizard .seoStart .edito p {
	padding:0;
	font-size:14px;
	line-height:22px;
}
#editorWrapper .popupWizard .seoStart .edito .site {
	font-weight:bold;
	font-size:15px;
	color:#1888D7;
}
#editorWrapper .popupWizard .seoStart hr {
	margin:0;
}
#editorWrapper .popupWizard.popupPublish .preview {
	margin:0;
}
#editorWrapper .popupWizard .preview {
	float:right;
	background:url(bgd_seostart-preview.png) no-repeat;
	width:230px;
	height:159px;
	margin:-70px 0 0;
}
#editorWrapper .popupWizard .preview .wrapper {
	padding:11px 0 0 14px;
	position:relative;
}
#editorWrapper .popupWizard .preview .content, 
#editorWrapper .popupWizard .preview .loader, 
#editorWrapper .popupWizard .preview .loader span {
	width:201px;
	height:146px;
}
#editorWrapper .popupWizard .preview .content {
	overflow:hidden;
	border:1px solid #ccc;
}
#editorWrapper .popupWizard .preview img {
	display:block;
	margin:0 auto;
}
#editorWrapper .popupWizard .preview .loader {
	display:block;
	position:absolute;
	top:11px;
	left:14px;
	cursor:help;
}
#editorWrapper .popupWizard .preview .loader span {
	display:block;
	background:url(ajax-loader-2.gif) no-repeat center 45px;
	font-size:0;
	text-indent:-999px;
}
#editorWrapper .popupWizard .seoStart .seoForm .form {
	float:left;
	width:571px;
	padding:32px 0px 30px;
}
#editorWrapper .popupWizard .seoStart .seoForm .form .tabForm {
	padding-right:45px;
	border-right:1px solid #CECECE;
}
#editorWrapper .popupWizard .seoStart .seoForm .form td {
	padding:8px;
	text-align:left;
	vertical-align:top;
}
#editorWrapper .popupWizard .seoStart .seoForm .form td.label {
	font-size:14px;
	line-height:20px;
}
#editorWrapper .popupWizard .seoStart .seoForm .form td.label .highlight {
	color:#1888D7;
}
#editorWrapper .popupWizard .seoStart .seoForm .form input.text {
	display: block;
	float: left;
	color: #555;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	padding: 0px 6px;
	width: 300px;
	height: 36px;
	line-height: 36px;
	background-color: #F4F4F4;
}
#editorWrapper .popupWizard .seoStart .seoForm .form input.text:focus {
	color:#222;
	font-style:normal;
}
#editorWrapper .popupWizard .seoStart .seoForm .form input.error {
	border-color:#F60;
}
#editorWrapper .popupWizard .seoStart .seoForm .form .fieldError {
	display:block;
	color:#F60;
	font-size:11px;
	font-weight:bold;
	padding:3px 0 0 2px;
}
#editorWrapper .popupWizard .seoStart .seoForm .form span.info {
	display:block;
	color:#888;
	font-style:italic;
	padding:3px 0 0 2px;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos {
	float:left;
	width:260px;
	padding:32px 0 30px 10px;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .hotline {
	padding:15px 0 0 50px;
	background: url("bgd_publicationSeoStart-phone.png") no-repeat scroll 10px 12px transparent;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .hotline .line {
	font-size:16px;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .hotline .line-1 {
	text-transform:uppercase;
	color:#1888D7;
	font-weight:bold;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .infoForm span {
	font-family:"Titilium Web",sans-serif;
	color:#777;
	font-style:italic;
	font-size:12px;
	display:block;
	padding:15px 0 0 50px;
	background: url("bgd_publicationSeoStart-aide.png") no-repeat scroll 10px 12px transparent;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .hotline .phone {
	font-family:"Lato", sans-serif;
	font-size:20px;
	white-space:nowrap;
	color:#222;
	margin-top:5px;
	display:block;
}
#editorWrapper .popupWizard .seoStart .seoForm .infos .hotline .tax {
	white-space:nowrap;
	display:block;
	font-size:10px;
}

/* Choix domaine (Client Premium) */
#editorWrapper .popupWizard .domainPremium .wizardMessageTop .content {
	padding-top:9px;
}
#editorWrapper .popupWizard .domainPremium .wizardFooter .content {
	text-align:left;
}
#editorWrapper .popupWizard .domainPremium .wizardFooter .message {
	display:block;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:14px;
	color:#444;
	padding:7px 0 0 11px;
}
#editorWrapper .popupWizard .domainPremium .wizardFooter .message .link {
	color:#1e74ba;
	text-decoration:underline;
}
#editorWrapper .popupWizard .domainPremium .wizardFooter .cancel {
	display:block;
	float:right;
	font-size:12px;
	color:#666;
	font-style:italic;
	margin:7px 21px 0 0;
}
#editorWrapper .popupWizard .domainPremium .wizardFooter .cancel span {
	float:left;
	background:url(picto-arrow-03-right.png) no-repeat right center;
	padding:0 8px 0 0;
}

/* Liste domaines client */
#editorWrapper .popupWizard .listDomainsClient .blockScroller {
	overflow-x:hidden;
	overflow-y:auto;
	max-height:300px;
}
#editorWrapper .popupWizard .listDomainsClient .blockContinue {
	padding:20px 0 6px;
	text-align:center;
}
#editorWrapper .popupWizard .listDomainsClient .title {
	margin:0 0 20px 6px;
	color:#3589ce;
	font-family:"Amaranth", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
}
#editorWrapper .popupWizard .listDomainsClient .title span {
	background:url(picto-arrow-02-down.png) no-repeat 0 6px;
	padding:0 0 0 14px;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .domain {
	display:block;
	border-bottom:1px dashed #ddd;
	padding:1px 0;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .radio {
	display:none;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .link {
	display:block;
	border:1px solid #fff;
	background:#fff;
	overflow:hidden;
	-moz-border-radius:4px;
	border-radius:4px;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .name, 
#editorWrapper .popupWizard .listDomainsClient .listResults .status, 
#editorWrapper .popupWizard .listDomainsClient .listResults .choose {
	display:block;
	float:left;
	padding:8px 17px;
	height:26px;
	line-height:26px;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .name {
	width:500px;
	background:url(picto-arrow-02-right.png) no-repeat 17px 18px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:15px;
	letter-spacing:-0.01em;
	color:#333;
	padding-left:30px;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .name .tld {
	color:#888;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .notAvailable .name, 
#editorWrapper .popupWizard .listDomainsClient .listResults .notAvailable .name .tld {
	color:#aaa;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .status {
	width:130px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .status span {
	float:left;
	height:26px;
	background:url(bgd_blockresultsdomain-status.png) no-repeat;
	padding:0 0 0 22px;
	color:#5ca004;
	font-size:13px;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .notAvailable .status span {
	background-position:0 -26px;
	color:#777;
	font-style:italic;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .choose {
	width:160px;
	background:#f9f9f9;
	text-align:center;
}
	/* Hover, selected */
#editorWrapper .popupWizard .listDomainsClient .listResults .selected:not(.notAvailable) .link, 
#editorWrapper .popupWizard .listDomainsClient .listResults .link:not(.notAvailable):hover {
	border:1px solid #a1bdff;
	background:#dcedf5;
}
#editorWrapper .popupWizard .listDomainsClient .listResults .selected .link .choose, 
#editorWrapper .popupWizard .listDomainsClient .listResults .link:hover .choose {
	background:#d7e8f0;
}

/* Choix sous-domaine */
#editorWrapper .popupWizard .subDomainChoice .blockContent {
	padding-top:2px;
}
#editorWrapper .popupWizard .subDomainChoice .domainOptions {
	min-height:200px;
	height:auto !important;
	height:200px;
}
#editorWrapper .popupWizard .subDomainChoice .domainField {
	display:inline-block;
	width:485px;
}
#editorWrapper .popupWizard .modePremium .domainField {
	float:none;
	margin:0 auto;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .content {
	padding:20px 40px 30px 0;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .customize {
	font-family:"lato", sans-serif;
	padding:15px 0 25px 5px;
	white-space:nowrap;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .customize .http, 
#editorWrapper .popupWizard .subDomainChoice .domainField .customize .domain {
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	color:#666;
	font-size:16px;
	padding:0 3px 0 0;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .customize .domain {
	padding:0 0 0 3px;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .customize .subdomain {
	display:block;
	float:left;
	color:#1988D7;
	font-weight:bold;
	font-style:normal;
	font-size:16px;
	padding:0 6px;
	width:243px;
	height:36px;
	line-height:36px;
	background-color:#F4F4F4;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .customize .domain {
	display:block;
	float:left;
}
#editorWrapper .popupWizard .subDomainChoice .domainField hr {
	width:95%;
	margin:0 auto;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .domainPreview {
	padding:24px 0 0;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .title {
	color:#777;
	font-size:15px;
	font-weight:bold;
	font-family:"raleway", Arial, Helvetica, sans-serif;
	padding:0 0 0 7px;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .siteUrl {
	padding:16px 0 0 7px;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .siteUrl .link {
	padding:7px 14px 7px 32px;
	background: url("bgd_publicationchoice-rightArrow.png") no-repeat scroll 16px 10px #67ABF6;
	font-family:"lato",Arial,sans-serif;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .siteUrl .link .subdomain {
	color:#6baf13;
}
#editorWrapper .popupWizard .subDomainChoice .domainField .siteUrl .link span {
	text-decoration:underline;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption {
	position:relative;
	display:inline-block;
	width:336px;
	padding:20px 0 10px 25px;
}
#editorWrapper .popupWizard .modePremium .premiumOption {
	display:none;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption > .content {
	height:175px;
	background-color:#F4F4F4;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .tipPremium {
	display:none;
	right:-267px;
	top:-88px;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption:hover .tipPremium {
	display:block;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub {
	background-color:#F4F4F4;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .line {
	display:block;
	padding:0 0 15px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:16px;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .line-1 span {
	font-family:"raleway",sans-serif;
	font-size:15px;
	font-weight:900;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .line-1 {
	background-color:#365BA2;
	font-family:"Titilium",sans-serif;
	color:#FFF;
	font-weight:600;
	text-align:center;
	font-size:13px;
	padding:15px 60px;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .line-2 {
	color:#365BA2;
	font-size:14px;
	font-family:"Titilium Web",sans-serif;
	font-weight:bold;
	padding:25px 0px;
	text-align:center;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .btnPremium {
	display:block;
	color: #fff;
	font-family: "Raleway",sans-serif;
	font-weight: bold;
	width:300px;
	height: 30px;
	margin: 0 auto;
	text-transform: uppercase;
	background-color:#365BA2;
}
#editorWrapper .popupWizard .subDomainChoice .premiumOption .pub .btnPremium span {
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 37px;
	background: url("bgd_publicationchoice-rightArrow.png") no-repeat scroll 20px 4px transparent;
	font-size:15px;
}

/* Publication, suite et fin */
#editorWrapper .popupWizard .publicationFinish .blockContent {
	padding:20px 17px 0 28px;	
}
#editorWrapper .popupWizard .publicationFinish .edito {
	float:left;
	padding:0 0 40px;
	width:600px;
	font-family:"raleway",sans-serif;
	font-weight:bold;
}
#editorWrapper .popupWizard .publicationFinish .edito p {
	color:#777;
}
#editorWrapper .popupWizard .publicationFinish .edito p {
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	font-size:15px;
	line-height:22px;
}
#editorWrapper .popupWizard .publicationFinish .edito .siteUrl .link {
	padding:16px 0 0 7px;
	text-decoration:none;
}
#editorWrapper .popupWizard .publicationFinish .edito .siteUrl .link span {
	padding: 7px 14px 7px 32px;
	background: url("bgd_publicationchoice-rightArrow.png") no-repeat scroll 16px 10px #67ABF6;
	font-family: "lato",Arial,sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}
#editorWrapper .popupWizard .publicationFinish .edito .addDomain {
	color:#777; font-size:15px; padding:0;
}
#editorWrapper .popupWizard .publicationFinish .edito .addDomain .domain {
	font-weight:bold; color:#333;
}
#editorWrapper .popupWizard .publicationFinish .edito .addDomain .link span {
	text-decoration:underline;
}
#editorWrapper .popupWizard .publicationFinish .preview {
	height:191px;
}
#editorWrapper .popupWizard .publicationFinish .preview .content {
	height:178px;
}
#editorWrapper .popupWizard .publicationFinish .preview .ribbon, 
#editorWrapper .popupWizard .publicationFinish .preview .tick {
	display:block;
	position:absolute;
	font-size:0;
	text-indent:-999px;
}
#editorWrapper .popupWizard .publicationFinish .preview .ribbon {
	background:url(bgd_publicationfinish-onlineribbon.png) no-repeat;
	width:106px;
	height:84px;
	top:-2px;
	right:7px;
}
#editorWrapper .popupWizard .publicationFinish .preview .tick {
	background:url(bgd_publicationfinish-onlinetick.png) no-repeat;
	width:58px;
	height:58px;
	bottom:-8px;
	left:-5px;
}
#editorWrapper .popupWizard .publicationFinish .socialContact {
	font-family:"Amaranth", Arial, Helvetica, sans-serif;
	padding:12px 0 20px;
}
#editorWrapper .popupWizard .publicationFinish .socialContact .social .title, 
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn {
	display:block;
	float:left;
	height:23px;
	line-height:23px;
}
#editorWrapper .popupWizard .publicationFinish .socialContact .social .title {
	font-size:14px;
	color:#777;
	padding:0 18px 0 0;
	font-weight:bold;
	font-family:"raleway",sans-serif;
}
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn {
	width:26px;
	height:26px;
	margin:0 8px 0 0;
	background: url("bgd_publicationfinish-btn-facebook.png");
}
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn span {
	display:none;
}
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn.social-2 { background: url("bgd_publicationfinish-btn-twitter.png"); }
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn.social-3 { background: url("bgd_publicationfinish-btn-linkedin.png"); }
#editorWrapper .popupWizard .publicationFinish .socialContact .social .btn.social-4 { background: url("bgd_publicationfinish-btn-viadeo.png"); }

/* Pub premium */
#editorWrapper .popupWizard .pubPremium .wizardMessageTop .content {
	padding-top:6px;
}
#editorWrapper .popupWizard .pubPremium .wizardMessageTop .discover {
	display:block;
	color:#666;
	font-style:italic;
	font-size:18px;
}
#editorWrapper .popupWizard .pubPremium .wizardMessageTop .discover .premium {
	color:#5ca004;
}
#editorWrapper .popupWizard .pubPremium .wizardMessageTop .discover .premium .sup {
	line-height:14px !important;
}
#editorWrapper .popupWizard .pubPremium .blockContent {
	padding:0 0 0 125px;
	background:url(bgd_pubpremium-computer.png) no-repeat 0 40px;
	min-height:160px;
	height:auto !important;
	height:160px;
}
#editorWrapper .popupWizard .pubPremium .arguments {
	float:left;
	width:440px;
	min-height:140px;
	height:auto !important;
	height:140px;
	padding:35px 20px 30px 0;
	background:url(bgd_pubpremium-shadow.png) no-repeat right 0;
}
#editorWrapper .popupWizard .pubPremium .arguments .list {
	float:left;
	width:210px;
	padding:0 20px 0 0;
}
#editorWrapper .popupWizard .pubPremium .arguments .list-2 {
	padding:0;
}
#editorWrapper .popupWizard .pubPremium .arguments .list .item {
	display:block;
	background:url(bgd_publicationchoice-tippremium-item.gif) no-repeat 0 2px;
	font-size:14px;
	color:#444;
	padding:0 0 14px 20px;
}
#editorWrapper .popupWizard .pubPremium .arguments .list .item .infos {
	font-size:13px;
	color:#777;
	font-style:italic;
}
#editorWrapper .popupWizard .pubPremium .command {
	float:left;
	width:160px;
	padding:24px 0 0 40px;
}
#editorWrapper .popupWizard .pubPremium .command .title {
	display:block;
	background:url(bgd_pubpremium-command.png) no-repeat;
	height:60px;
	margin:0 0 10px;
	font-size:0;
	text-indent:-999px;
}
#editorWrapper .popupWizard .pubPremium .command .price {
	color: #ff7200;
	font-size: 32px;
	font-weight: bold;
	line-height: 24px;
	text-shadow: 1px 1px 0 #b0b0b0;
	padding:0 0 12px;
}
#editorWrapper .popupWizard .pubPremium .command .price .tax {
	color: #555;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
}
#editorWrapper .popupWizard .pubPremium .command .btnCommand {
	display:block;
	background:url(bgd_pubpremium-command-btn.png) no-repeat;
	width:135px;
	height:32px;
	color:#fff;
	font-size:16px;
	white-space:nowrap;
	text-transform:uppercase;
}
#editorWrapper .popupWizard .pubPremium .command .btnCommand span {
	float:left;
	height:32px;
	line-height:32px;
	padding:0 0 0 25px;
	text-shadow: 1px 1px 0 #1e6e9b;
}

/* Phototheque */
#editorWrapper .popupWizard .managerPhoto .wizardMessageTop {
	height:auto;
}
#editorWrapper .popupWizard .managerPhoto .wizardMessageTop .content {
	padding:8px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .tabs {
	text-align:center;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item {
	display:inline;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item-2 {
	margin:0 0 0 -10px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link {
	display: -moz-inline-box;
	display: inline-block;
	zoom: 1;
	#display: inline;
	font-family: "Raleway", Arial, sans-serif;
	font-size :15px;
	height: 46px;
	text-transform: uppercase;
	font-weight: 800;
	white-space: nowrap;
	text-align: left;
	color:#A8A8A8;
	text-decoration: none;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link span {
	display:block;
	height:46px;
	background:url(bgd_popupPhoto-tabs.png) no-repeat left -4px;
	padding:0 0 0 10px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link span span {
	background-position:right -54px;
	padding:0 10px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link span span span {
	background-position:0 -104px;
	background-repeat:repeat-x;
	padding:0 22px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link span span span span {
	background-position:-500px 500px;
	background-repeat:no-repeat;
	line-height:54px;
	padding:0;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item-1 .link span span span span {
	background-position:0 -304px;
	padding-left:34px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item-1 .link.activ span span span span {
	background-position:0 -352px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item-2 .link span span span span {
	background-position:0 -402px;
	padding-left:34px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item-2 .link.activ span span span span {
	background-position:0 -450px;
}
/* Hover */
#editorWrapper .popupWizard .managerPhoto .tabs .item .link:hover {
	color:#555;
}
/* Activ */
#editorWrapper .popupWizard .managerPhoto .tabs .item .link.activ {
	color:#1888d7;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link.activ span {
	background-position:0 -154px;
	color:#1888d7;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link.activ span span {
	background-position:right -204px;
	padding-right:50px;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link.activ span span span {
	background-position:0 -254px;
	padding-right:0;
}
#editorWrapper .popupWizard .managerPhoto .tabs .item .link.activ span span span span {
	padding-right:0;
}
/* Parcourir */
#editorWrapper .popupWizard .managerPhoto .blockBrowse {
	padding:10px 0 15px;
	margin:0 20px 20px;
	border-bottom:1px solid #ddd;
}
#editorWrapper .popupWizard .managerPhoto .blockBrowse .btnAdd {
	display:block;
	float:left;
}
#editorWrapper .popupWizard .managerPhoto .blockBrowse .message {
	display:block;
	font-family:"Titillium web", Arial, sans-serif;
	font-size:15px;
	float:left;
	padding:0 0 0 0px;
	margin:0 0 0 5px;
	height:30px;
	color:#A8A8A8;
}
/* Recherche */
#editorWrapper .popupWizard .managerPhoto .blockContent {
	padding:12px 10px; position:relative;
	height: auto;
	overflow: auto;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch {
	background:url(bgd_popupPhoto-iconsearch.png) no-repeat 45px 11px transparent;
	padding:13px 0 25px 90px;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .title {
	font-family:"Raleway", sans-serif;
	display:block;
	text-transform: uppercase;
	color: #1888d7;
	float:left;
	height:30px;
	line-height:30px;
	font-size:15px;
	font-weight: 400;
	width:20%;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .field {
	display:block;
	float:left;
	width:60%;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .field .keywords {
	display:block;
	float:left;
	background:url(icon-input-search.gif) no-repeat 10px center;
	width:80%;
	border:1px solid #e5e5e5;
	height:32px;
	line-height:32px;
	padding: 0 0px 0 35px;
	font-family: "titillium web", sans-serif;
	font-size: 15px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .field .submit {
	display:block;
	float:left;
	background:#313131;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	height:32px;
	font-family: "raleway", sans-serif;
	font-weight: 700;
	padding:0 8px;
	margin:0 0 0 8px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .advancedSearch {
	display:block;
	float:right;
	clear:both;
	font-size:14px;
	font-weight: bold;
	color:#999;
	margin:5px 70px 0 0;
	font-family: "titillium web", sans-serif;
	text-decoration: none;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .advancedSearch span {
	background:url(picto-arrow-03-down.png) no-repeat 0 10px;
	padding:0 0 0 16px;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .filter {
	display:block;
	float:left;
	width:15%;
	margin:-4px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .filter .label {
	display:block;
	color:#A8A8A8;
	font-family: "titillium web", sans-serif;
	padding:2px 0 0;
	font-size: 15px;
}
#editorWrapper .popupWizard .managerPhoto .blockSearch .filter .label input {
	margin:0 3px 0 0;
	vertical-align:middle;
}
/* Recherche avancée */
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch {
	display:none;
	margin:0 0 16px;
}
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch .inner-1 {
	padding:0px 0 0;
	margin:-8px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch .inner-2 {
	border-top:0;
	padding: 15px 20px;
	background: #efefef;
	border-radius: 2px;
	webkit-border-radius: 2px;
	moz-border-radius: 2px;
}
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch .title {
	display:block;
	float:left;
	background:url(bgd_popupPhoto-filter.png) no-repeat left 1px transparent;
	height:32px;
	line-height:32px;
	padding:2px 15px 0 40px;
	font-size:15px;
	color:#a8a8a8;
	font-family: "titillium web", sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch select {
	width:155px;
	margin:2px 10px 0 0;
	padding:4px 7px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border: 1px solid #e1e1e1;
	font-size:15px;
	color:#a8a8a8;
	font-family: "titillium web", sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch .cancel {
	color:#fff;
	background: #1888d7;
	font-size: 15px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-family: "titillium web", sans-serif;
	padding: 5px 14px;
	float: right;
	margin: 3px 0 0;
	text-decoration: none;
}
/* Panier */
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos {
	padding: 30px 50px;
	position:relative;
	border-top: 1px solid #e5e5e5;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures {
	display:block;
	float:left;
	width:75%;
	border:1px solid #efefef;
	background:#efefef;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures .inner {
	padding:7px 14px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .nbResult {
	display:block;
	float:left;
	padding:0 0 0 10px;
	margin:0 0 0 14px;
	color:#A8A8A8;
	font-family: "titillium web", sans-serif;
	font-size:15px;
	line-height:26px;
	font-style:italic;
	border-left:1px solid #e1e1e1;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .nbResult .num {
	color:#1888d7; font-weight: bold;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures .message {
	display:block;
	font-family: "titillium web", sans-serif;
	float:left;
	color:#A8A8A8;
	font-size:15px;
	padding:0;
	line-height:26px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures .message .num {
	color:#1888d7; font-weight: bold;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures .message.notEnough {
	color:#bf0101;
	font-size:14px;
	padding-left:5px;
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .remainingPictures .btnCommand {
	float:right;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket {
	display:block;
	float: right;
	width:20%;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:2px 14px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	position: absolute;
	right: 25px;
	z-index: 99;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket:hover, 
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket.open {
	box-shadow:1px 2px 8px #aaa;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .btnBasket {
	font-family: "titillium web", Arial, sans-serif;
	display: block;
	color: #A8A8A8;
	font-size: 15px;
	background: url(picto-basket.png) no-repeat 10px center;
	padding: 7px 0 6px 45px;
	text-decoration: none;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .btnBasket .num {
	color:#1888d7; font-weight: bold;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent {
	display:none;
	border-top:1px solid #ddd;
	padding:20px 0 0 1px;
	text-align:center;
	overflow:hidden;
	font-family: 'titillium web', sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent a.validSelection {
	font-size: 14px;
	text-align: center;
	color: #1888d7;
	padding-left: 15px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket.open .basketContent {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .validSelection {
	margin:6px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item {
	display:block;
	float:left;
	position:relative;
	width:91px;
	height:91px;
	border:1px solid #ddd;
	margin:0 6px 6px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item.last {
	margin-right:0;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item .picture {
	display:block;
	width:75px;
	height:75px;
	margin:3px auto 0;
	background:none no-repeat center center;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item .picture span, 
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item .delete span {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item .delete {
	display:none;
	position:absolute;
	top:4px;
	right:4px;
	background:url(bgd_popupPhoto-results-delete.png) no-repeat;
	width:14px;
	height:14px;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item:hover {
	border-color:#1478cd;
}
#editorWrapper .popupWizard .managerPhoto .blockBasketInfos .basket .basketContent .item:hover .delete {
	display:block;
}
/* Resultats */
#editorWrapper .popupWizard .managerPhoto .blockResults {
	min-height:265px;
	height:auto !important;
	height:265px;
	position:relative;
	padding: 20px 0;
	text-align:center;
}
#editorWrapper .popupWizard .managerPhoto .blockResults.noSearch, 
#editorWrapper .popupWizard .managerPhoto .blockPaging.noSearch {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .searchMessage {
	background:url(bgd_popupPhoto-home-fotolia.png) no-repeat center center;
	height:225px;
	padding: 15px 0 0;
	border-top: 1px solid #e5e5e5;
}
#editorWrapper .popupWizard .managerPhoto .searchMessage span {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .premiumMessage {
	display:block;
	background:url(bgd_popupPhoto-home-fotolia-premium.png) no-repeat center 0;
	padding:130px 0 20px; text-align:center;
}
#editorWrapper .popupWizard .managerPhoto .premiumMessage .premium {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .premiumMessage .choose {
	font-family:Arial, Helvetica, sans-serif;
	display:block; margin:0 auto;
	background:url(bgd_popupPhoto-gotopremium.png) no-repeat;
	width:230px; height:30px;
	color:#fff; text-transform:uppercase; font-size:12px;
	white-space:nowrap;
}
#editorWrapper .popupWizard .managerPhoto .premiumMessage:hover .choose {
	background-position:0 -30px;
}
#editorWrapper .popupWizard .managerPhoto .premiumMessage .choose span {
	float:left;
	height:30px; line-height:31px;
	padding:0 0 0 32px;
	text-shadow:1px 1px 0 #1e6e9b;
}
#editorWrapper .popupWizard .managerPhoto .creditsExhaust {
	font-family:"Amaranth", Arial, Helvetica, sans-serif;
	color:#666; text-align:center; font-size:16px; font-style:italic;
	padding:35px 0 40px;
}
#editorWrapper .popupWizard .managerPhoto .creditsExhaust .line {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .creditsExhaust .line-1 {
	font-size:24px; font-style:normal;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .title {
	font-family:"Amaranth","Lucida Grande", "Lucida Sans Unicode","Luxi Sans", Arial, sans-serif;
	background:url(picto-arrow-01-down.png) no-repeat 4px 5px;
	padding:0 0 20px 22px;
	font-size:16px;
	color:#3589ce;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item {
	display:inline-block;
	position:relative;
	width:120px;
	height:120px;
	border:1px solid #ddd;
	margin:0 12px 12px 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .link {
	color:#fff; text-decoration:none;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.last {
	margin-right:0;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .picture {
	display:block;
	width:98%;
	height:96%;
	margin:3px auto 0;
	background:none no-repeat center center;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .picture span {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .selectIt {
	display:none;
	position:absolute;
	width:85px;
	margin:0 0 0 -43px;
	text-align:center;
	bottom:0;
	left:50%;
	color:#fff;
	font-size:13px;
	height:19px;
	line-height:19px;
	background:#1478cd url(bgd_popupPhoto-results-selectit.png) repeat-x;
	overflow:hidden;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	z-index: 97;
	font-family: "titillium web", sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .isSelect {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background:url(bgd_popupPhoto-results-selected.png) center center no-repeat rgba(24, 136, 215, 0.8);
	width:120px;
	height:120px;
	z-index: 95;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.selected .isSelect {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeInfo {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	display:none; position:absolute;
	top:0; left:0; width:100%;
	text-align:center;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item:hover .sizeInfo {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeInfo .size {
	display:-moz-inline-box; display:inline-block;
	zoom:1; #display:inline;
	color:#fff; text-transform:uppercase; font-size:11px;
	height:18px; line-height:18px;
	border:1px solid #fff; border-top:0;
	background:#000; text-align:center; padding:0 5px;
	vertical-align:top;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;
}
:root *> #editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeInfo .size {
	margin-left:-2px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeInfo .size.pano {
	background:url(bgd_popupPhoto-results-pano.gif) no-repeat center center #999;
	font-size:0; text-indent:-999px;
	width:15px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .delete {
	display:none;
	position:absolute;
	top:4px;
	right:4px;
	background:url(bgd_popupPhoto-results-delete.png) no-repeat;
	width:14px;
	height:14px;
	z-index: 99;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .delete span, 
#editorWrapper .popupWizard .managerPhoto .blockResults .item .isSelect span {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item:hover, 
#editorWrapper .popupWizard .managerPhoto .blockResults .item.selected {
	border-color:#459ede;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item:hover .selectIt, 
#editorWrapper .popupWizard .managerPhoto .blockResults .item.selected:hover .delete {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.selected:hover .selectIt {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect {
	display:none;
	position:absolute;
	width:190px;
	padding:12px;
	left:50%;
	top:-6px;
	margin-left:-98px;
	background:#fff;
	border:1px solid #bbb;
	z-index:99;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family: 'titillium web', sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.first .sizeSelect {
	margin-left:-66px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.last .sizeSelect {
	margin-left:-147px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize {
	display:block;
	font-size:13px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeTitle {
	display:block;
	padding:0 0 3px;
	font-size:14px;
	color:#777;
	text-align:center;
	font-weight: bold;
	text-transform: uppercase;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label {
	display:block; padding:7px; border:1px solid #fff;
	cursor:pointer; text-align:center;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label:hover {
	background-color:#f9f9f9; border:1px solid #ddd;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label.selected {
	background-color:#e9f0f5; border:1px solid #ccc;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label input {
	display:none; margin:0 3px 0 0; vertical-align:top;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label .info {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label .size {
	font-weight:bold; color:#1478cd; padding:0 5px 0 0;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label .pixels {
	font-weight:normal; font-size:13px; color:#777; padding-left: 15px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label .credits {
	color:#666; font-style:italic; padding-left:10px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label:hover .credits {
	color:#000;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label.selected .pixels, 
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .itemSize .label.selected .credits {
	color:#000;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid {
	display:block; padding:6px 0 0; text-align:center;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid .cancel {
	display:block; position:absolute;
	top:5px; right:5px;
	background:url(picto-cross-9.png) no-repeat;
	width:9px; height:9px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid .cancel span {
	display:none;
}
/*#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid .cancel {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	color:#888;
	font-size:11px;
	font-style:italic;
	height:19px;
	line-height:19px;
	margin:0 5px 0 0;
	vertical-align:top;
}*/
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid .valid {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	color:#fff;
	font-size:13px;
	text-transform:uppercase;
	height:19px;
	line-height:19px;
	padding:6px 15px;
	background:#1478cd;
	overflow:hidden;
	vertical-align:top;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item .sizeSelect .sizeValid .valid:hover {
	color:#fff;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.download .picture {
	-moz-opacity:0.2;
	filter:alpha(opacity: 20);
	opacity: 0.2;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.download .loader {
	display:block; position:absolute;
	top:10%; left:0; width:100%;
	background:url(ajax-loader-2.gif) no-repeat center 0;
	padding:35px 0 0; text-align:center; font-style:italic;
	color:#666; font-size:12px;
}
#editorWrapper .popupWizard .managerPhoto .blockResults .item.download .loader span {
	text-shadow:1px 1px 0 #fff;
}

#editorWrapper .popupWizard .managerPhoto .blockCaption .item {
	color:#777; font-style:italic; font-size:11px;
}
#editorWrapper .popupWizard .managerPhoto .blockCaption .item.pano {
	background:url(bgd_popupPhoto-legend-pano.gif) no-repeat 0 center;
	padding:0 0 0 21px;
}

/* zoom photo */
#editorWrapper .popupWizard .managerPhoto .zoomPhoto {
	display:none; position:absolute;
	border:1px solid #ddd; background:#fff;
	padding:5px; z-index:300;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
#editorWrapper .popupWizard .managerPhoto .zoomPhoto img {
	display:block; margin:0 auto;
}
#editorWrapper .popupWizard .managerPhoto .zoomPhoto .infos {
	display:block; padding:6px 0 0; text-align:center;
	font-size:11px; font-style:italic; color:#666;
}

/* Recapitulatif */
#editorWrapper .popupWizard .managerPhoto .popSummary {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .popOverlay {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:#fff;
	-moz-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
	z-index:200;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .popContent {
	position:absolute;
	left:50%; top:10px;
	background:#fff; border:1px solid #7ec1e6;
	width:650px; margin:0 0 0 -325px;
	padding:15px; overflow:hidden;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:2px 2px 8px #bbb;
	z-index:201;
	font-family: 'Titillium Web', sans-serif;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .backSelection {
	display:block; float:right;
	background:url(picto-arrow-02-up.png) no-repeat 0 center;
	padding:0 0 0 14px;
	font-family:"Titillium Web", Arial, Helvetica, sans-serif;
	color:#777; font-size:14px;
	margin:0; font-weight: bold;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .popTitle {
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	color:#1888d7; font-size:16px; padding:0 0 35px;
	text-transform: uppercase; font-weight: bold;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabContent {
	max-height:175px;
	overflow-y:auto;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary {
	margin:0 auto;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabCredits {
	margin-bottom:15px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary th {
	padding:0 5px 6px; text-align:left; vertical-align:middle;
	font-size:13px; text-transform:uppercase; font-weight:bold; color:#666;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td {
	padding:4px; border-top:1px dotted #ccc; border-bottom:1px solid #fff;
	text-align:center; vertical-align:middle; background:#fff;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary tr:hover td {
	background:#f9f9f9;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.visual {
	text-align:left; width:55px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.visual .link {
	display:block; width:50px; height:50px;
	padding:2px; border:1px solid #ddd;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.visual .picture {
	background:none no-repeat center center;
	display:block; width:100%; height:50px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.visual .picture span {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.infos {
	text-align:left;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.infos .name {
	display:block; text-transform:capitalize; font-weight:bold; color:#4189cd; padding:0 0 4px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.infos .author {
	display:block; font-style:italic; color:#666;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.size {
	font-weight:bold; font-size:15px; color:#555;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.pixels {
	color:#777; 
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.actions {
	width:120px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.actions a.btnRound > span {
	background: none !important;
	border: 1px solid #dadada;
	border-radius: 2px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.actions a.btnRound > span > span,
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.actions a.btnRound > span > span > span {
	background: none !important;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary td.actions a.btnRound > span > span > span > span {
	background: url("bgd_btnselect-mid-1.png") no-repeat scroll -5px -456px rgba(0, 0, 0, 0) !important;
	padding: 0 5px 0 20px !important;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits.left td {
	border-top:0;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits td.label {
	color:#666; text-align:right;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits td.credits {
	font-weight:bold; font-size:15px; width:120px; color:#777;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits.used td {
	background:#f6f6f6;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits.used td.credits {
	color:#4189cd; font-size:18px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .tabSummary .infoCredits.left td.credits {
	font-style:italic;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .selectionMessage {
	margin:20px 0 15px; font-size:13px; color:#666; font-style:italic;
	background:url(bgd_popupPhoto-selectionmessage.png) no-repeat 0 center;
	padding:0 0 0 25px;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .selectionMessage .note {
	font-weight:bold;
}
#editorWrapper .popupWizard .managerPhoto .popSummary .selectionValid {
	padding:20px 0 0; text-align:center; border-top:2px solid #eee;
}

/* Validation */
#editorWrapper .popupWizard .managerPhoto .wizardFooter .content {
	padding:12px 12px 0
}
#editorWrapper .popupWizard .managerPhoto.fotolia .wizardFooter .content {
	text-align:center;
}
#editorWrapper .popupWizard .managerPhoto.fotolia .wizardFooter .btnRecap.disabled {
	display:none;
}
#editorWrapper .popupWizard .managerPhoto .wizardFooter .infos {
	display:none;
	float:left;
	font-style:italic;
	color:#777;
	font-size:13px;
	padding:10px 0 0;
}
#editorWrapper .popupWizard .managerPhoto.fotolia .wizardFooter .infos {
	display:block;
}
#editorWrapper .popupWizard .managerPhoto .wizardFooter .infos .logo {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	background:url(logo-fotolia-mini.png) no-repeat;
	width:68px;
	height:13px;
	font-size:0;
	text-indent:-9999px;
	overflow:hidden;
}

/* Pagination (generique) */
#editorWrapper .popupWizard .blockContent .blockPaging {
	text-align:center;
}
#editorWrapper .popupWizard .blockContent .blockPaging .paging {
	margin-bottom: 15px;
	font-family: "titillium web", sans-serif;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item {
	display:inline; margin-right: 4px;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
	height:20px;
	line-height:20px;
	text-decoration:none;
	background:#fff;
	font-size:13px;
	padding:1px 7px 1px;
	border:1px solid #eee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color: #A8A8A8;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.previous:hover,
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.next:hover {
	color: #888;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link:hover {
	background:#1888d7;
	border:1px solid #1888d7;
	color:#fff;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.activ {
	background:#1888d7;
	border:1px solid #1888d7;
	color:#fff;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.previous, 
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.next {
	background:url(picto-arrow-02-left.png) no-repeat 0 center;
	border:0;
	padding-left:12px;
	margin:0 5px 0 0;
}
#editorWrapper .popupWizard .blockContent .blockPaging .item .link.next {
	background:url(picto-arrow-02-right.png) no-repeat right center;
	padding-left:0;
	padding-right:12px;
	margin:0 0 0 9px;
}

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

.blockPopupHelp .popupHelp {
	position:fixed;
	top:200px;
	left:50%;
	background: none;
	margin:0 0 0 -225px;
	width:447px;
	height:309px;
	z-index:1002;
}
.blockPopupHelp .popupHelp .close {
	background:url(pictoClose.png) no-repeat;
	cursor:pointer;
	display:block;
	height:30px;
	width:30px;
	position:absolute;
	right:32px;
	top:17px;
}
.blockPopupHelp .popupHelp .headerPopup {
	background: #0089DB url("logo-editor.png") no-repeat scroll center center / auto 45px;
	min-height: 40px;
}
.blockPopupHelp .popupHelp .headerPopup h1 {
    display: none;
}
.blockPopupHelp.conceptionDeSite .headerPopup {
	background-image:none;
	min-height: 40px;
}
.blockPopupHelp.conceptionDeSite .headerPopup h1 {
    display: inherit;
    text-align: center;
	font-family: 'Titillium web', sans-serif;
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}
.blockPopupHelp .popupHelp .close span {
	display:none;
}
.blockPopupHelp .popupHelp .splashContent {
	padding:0;
	margin: 30px 50px 0;
	background:#FFF;
}
.blockPopupHelp .popupHelp .btn {
	font-family: 'Titillium web', sans-serif;
	display:block;
	min-height:61px;
	color:#666;
}
.blockPopupHelp .popupHelp .btn.guide {
	background: transparent url('bgd_iconePdf.png') no-repeat scroll 15px center;
}
.blockPopupHelp .popupHelp .btn.external {
	background: transparent url('bgd_iconeVideoYT.png') no-repeat scroll 15px center;
}
.blockPopupHelp .popupHelp .btn.hotline {
	background: transparent url('bgd_iconeHelpPhone.png') no-repeat scroll 15px center;
	border-bottom: none;
}
.blockPopupHelp .popupHelp .btn {
	padding: 0px 0 10px;
	border-bottom: 1px solid #E2E2E2;
}
.blockPopupHelp .popupHelp .btn:hover {
	color:#000;
}
.blockPopupHelp .popupHelp .btn .line {
	display:block;
	padding:13px 0 0 70px;
}
.blockPopupHelp .popupHelp .btn .line-1 {
	text-transform:uppercase;
	font-size:15px;
	font-weight: bold;
	color:#5d5d5d;
}
.blockPopupHelp .popupHelp .btn .line-2 {
	padding-top:0;
	font-size:15px;
	color:#8a8a8a;
	line-height:17px;
}
.blockPopupHelp .popupHelp .btn.hotline .line-2 .phone {
	font-size:16px;
	color: #1888d7;
	font-weight: bold;
}
.blockPopupHelp .popupHelp .btn.hotline .line-2 .phone .tax {
	font-size: 11px;
	left:3px;
	position:relative;
}
.blockPopupHelp .popupHelp .btn.faq {
	background-position:0 -71px;
}

/* -------------------------------- */
/* POPUP EDITIONBOX BASE */
/* -------------------------------- */

.popLayer {
	background:url(bgd-popLayer.png) no-repeat -238px bottom;
	width:238px;
	position:absolute;
	padding-bottom:38px;
	font-size:12px;
	color:#959595;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	z-index:300;
}
.popLayer .popTop {
	background:url(bgd-popLayer.png) no-repeat 0 0;
	padding-top:47px;
}
.popLayer .popCenter {
	background:url(bgd-popLayer.png) repeat-y right 0;
}
.popLayer .popContent {
	width: 189px;
	margin: 0 auto;
	position: relative;
	margin: -32px 0 0 25px;
	float: left;
}
.popLayer .popContent #colorPersonnalize .defaultTitle {
	color:#848484;
    font-family: "raleway", sans-serif;
    font-size: 14px;
    padding: 10px 0 12px 4px;
    text-transform: uppercase;
}
.popLayer .popContent .defaultTitle {
	color:#848484;
    font-family: "raleway", sans-serif;
    font-size: 14px;
    padding: 10px 0 2px 4px;
    text-transform: uppercase;
    text-align: center;
}
.popLayer .popContent .defaultTitle .back {
	color:#bbb;
	font-size:10px;
	display:block;
	float:right;
	margin:2px 5px 0 0;
}
.popLayer .popContent #colorPersonnalize .textEditionBox {
	border-top: 1px solid #414141;
}

/* -------------------------------- */
/* COLORPICKER */
/* -------------------------------- */

.popLayer .popContent .colorBox {
	width:16px;
	height:16px;
	display: block;
	float: left;
	margin: 0 2px 4px 2px;
	border-radius: 2px;
}
.popLayer .popContent .colorBox.default {
	margin: 0 5px 4px 2px;
}
.popLayer .popContent .colorBox span {
	width:16px;
	height:16px;
	display: block;
	background: url(picto-colorSelector.png) no-repeat center 17px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.popLayer .popContent .colorBox.default span {
	background: url(picto-nocolor.png) no-repeat center center;
}
.popLayer .popContent .colorBox span span {
	display: none;
}
.popLayer .popContent .colorBox:hover span {
	background-position:center bottom;
}
.popLayer .popContent .colorBox.activ span {
	background-position: center 0px;
}
.popLayer .gridColor .color {
	margin: 0 2px 4px 2px;
}
.popLayer .gridColor {
	margin: 6px 0 0 4px;
	padding: 0 0 15px;
}
.popLayer .popContent .defaultColor .color {
	margin: 0 4px 0 2px;	
}
.popLayer .popContent .titlePop {
	color:#848484;
    font-family: "raleway", sans-serif;
    font-size: 14px;
    padding: 15px 0 2px 4px;
    text-transform: uppercase;
    text-align: center;
    border-top: 1px solid #414141;
}
.popLayer .popContent .btnListMore {
	display:block;
	color:#848484;
	font-family: "raleway", sans-serif;
	font-size: 14px;
	text-align:center;
	padding:15px 0 0;
	text-decoration: none;
	border-top: 1px solid #414141;
	text-transform: uppercase;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.popLayer .popContent .btnListMore:hover {
	text-decoration: underline;
}

.popLayer .popContent .btnListMore span {
	display:block;
	background:url(picto-arrow-02-down.png) no-repeat center bottom;
	padding:0 0 16px;
}
.popLayer .popContent .btnListMore:hover {
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	filter:alpha(opacity: 80);
	opacity: 0.8;
}
.popLayer .popContent .textEditionBox {
	position: inherit !important;
	margin: 0 !important;
	padding: 15px 0 15px 4px !important;
	color:#fff !important;
	font-size: 14px !important;
	background: none !important;
	display: block !important;
	color: #848484 !important;
	font-family: "raleway", sans-serif;
	width: auto !important;
	text-align: center;
	text-transform: uppercase;
	border-top: 1px solid #414141;
}
.validPop {
	float: right;
	position: relative;
	margin-top: -6px;
	margin-bottom: -25px;
}
.popLayer .popContent .textEditionBox .validPop {
	margin-top: 5px;
	float: none;
	margin-bottom: 0;
	margin-left: 60px;
}
.colorPickerValid .infoPopColor {
	position: relative;
	float: left;
	margin: 1px 20px 0 0;
}
.popLayer .popContent .textEditionBox .colorPickerValid .validPop {
	margin:-2px 0 0;
}
.colorPickerValid .validColorTitle {
	display:block;
	padding:3px 0 7px;
}
.colorPickerValid .infoPopColor .colorHexaCode {
	display:block;
	background:#fff;
	border:1px solid #888;
	padding:0 4px 0 28px;
	width:65px;
	height:23px;
	line-height:23px;
	color:#444;
	-moz-border-radius:3px;
	border-radius:3px;
}
.colorPickerValid .infoPopColor .boxColor {
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	top:3px;
	left:3px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.colorPickerValid .infoPopColor .boxColor span {
	display:none;
}
.farbtastic {
    margin-bottom: 15px !important;
}

/* -------------------------------- */
/* LINK URL */
/* -------------------------------- */

.popLink .linkField {
	padding:10px 0 15px;
}
.popLink .linkField .link {
	padding: 3px 8px;
	color:#888;
	font-style:italic;
	background:#eee;
	width:160px;
	height:25px;
	overflow:auto;
	margin: 0 5px;
	border:0;
	-moz-border-radius:4px;
	border-radius:4px;
}
.popLink .linkField .link:focus {
	color:#444;
	font-style:normal;
}
.popLink .openingType {
	padding:4px 5px 15px;
}
.popLink .openingType label {
	display:block;
	padding:0;
	white-space:nowrap;
	font-size: 13px;
	line-height: 26px;
	font-family: "titillium web", sans-serif
}

/* -------------------------------- */
/* PAGE VIDE */
/* -------------------------------- */

#themeContainer .blockEmptyPage {
	margin:0 0 15px;
	background:#f1f2f3 url(bgd_blockemptypage.png) no-repeat 18px 10px;
	padding:30px 10px 10px 225px;
	min-height:135px;
	height:auto !important;
	height:135px;
	-moz-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:1px 2px 4px #ddd inset;
	-webkit-box-shadow:1px 2px 4px #ddd inset;
	box-shadow:1px 2px 4px #ddd inset;
}
#themeContainer .blockEmptyPage .line-1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(bgd_editionribbon-infodragblock.png) no-repeat 0 4px;
	padding:0 0 10px 42px;
	min-height:31px;
	height:auto !important;
	height:31px;
	font-weight:normal;
	color:#666;
	font-size:16px;
}
#themeContainer .blockEmptyPage .line-2 {
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 42px;
	font-weight:normal;
	color:#888;
	font-size:12px;
}
#themeContainer .blockEmptyPage .line-2 .link {
	color:#777;
	text-decoration:underline;
}
#themeContainer .grid_3 .blockEmptyPage, 
#themeContainer .grid_4 .blockEmptyPage, 
#themeContainer .grid_5 .blockEmptyPage, 
#themeContainer .grid_6 .blockEmptyPage {
	background-image:none;
	padding-top:10px;
	padding-left:10px;
	min-height:5px;
	height:auto !important;
}
#themeContainer .grid_1 .blockEmptyPage, 
#themeContainer .grid_2 .blockEmptyPage {
	display:none;
}

/* -------------------------------- */
/* NOTIFICATIONS */
/* -------------------------------- */

/*.notificationBox {
	display:none;
}
.notificationBox .blockNotification, 
.notificationBox .blockNotification .bottom, 
.notificationBox .blockNotification .content {
	background:url(bgd_editor-notifications.png) no-repeat;
	padding:34px 0 0;
}
.notificationBox .blockNotification {
	display:block;
	position:fixed;
	top:160px;
	left:50%;
	margin:0 0 0 -204px;
	text-align:left;
	width:408px;
	z-index:1001;
}
.notificationBox .blockNotification .bottom {
	background-position:-816px bottom;
	padding:0 0 34px;
}
.notificationBox .blockNotification .content {
	background-position:-408px 0;
	background-repeat:repeat-y;
	padding:0 27px 0 26px;
}
.notificationBox .blockNotification .content .message {
	display:block;
	padding:0 8px;
	text-align:center;
	color:#4189be;
	font-size:14px;
}
.notificationBox .blockNotification .content .message span {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
}
.notificationBox.success .blockNotification .content .message span {
	background:url(bgd_editor-notifications-icon-success.png) no-repeat;
	padding:5px 0 0 50px;
	text-align:left;
	min-height:43px;
	height:auto !important;
	height:43px;
	width:180px;
	font-size:16px;
}*/

.notificationBox {
	display:none;
}
.notificationBox .notifContainer {
	display:block;
	position:fixed;
	bottom:12px;
	right:15px;
	margin:0;
	text-align:left;
	z-index:1001;
}
.notificationBox .blockNotification, 
.notificationBox .blockNotification .bottom, 
.notificationBox .blockNotification .content {
	background:url(bgd_editor-notifications-2.png) no-repeat;
	padding:9px 0 0;
}
.notificationBox .blockNotification .close {
	background:url(pictoClose.png) no-repeat;
	cursor:pointer;
	display:block;
	height:30px;
	width:30px;
	position:absolute;
	right:-10px;
	top:-8px;
}
.notificationBox .blockNotification .close span {
	display:none;
}
.notificationBox .blockNotification {
	width:316px;
	position:relative;
	margin:10px 0 0;
}
.notificationBox .blockNotification .bottom {
	background-position:-632px bottom;
	padding:0 0 9px;
}
.notificationBox .blockNotification .content {
	background-position:-316px 0;
	background-repeat:repeat-y;
	padding:10px;
}
.notificationBox .blockNotification .content .message {
	display:block;
	padding:0 10px 0;
	text-align:center;
	color:#ffffff;
	font-size:15px;
	font-family: 'Titillium web', sans-serif;
}
.notificationBox .blockNotification .content .message span {
	display:-moz-inline-box;
	display:inline-block;
	zoom:1;
	#display:inline;
}

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

#blockEditor .popUp {
	display:none;
}
#blockEditor .popUp .overlay {
	position:fixed;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0, 0, 0, 0.8);
	z-index:301;
}
#blockEditor .popUp .box {
	position:relative;
	padding: 0;
	background:#FFF none no-repeat bottom;
	max-width:437px;
	margin:0 auto;
	margin-top: 50vh;
	transform: translateY(-50%);
	max-height:100vh;
	z-index:1;
}
#blockEditor .popUp .box .top {
	background: url(bgd-box-2.png) repeat-x top;
	width: 371px;
	margin: 0 auto;
	padding: 10px;
	text-align:left;
}
#blockEditor .popUp .box .headerPopup {
	background:#1888D7;
	padding-top:10px;
}
#blockEditor .popUp .box .titlePop {
	color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	padding:20px;
	background:#313131;
}
#blockEditor .popUp .box .bodyPopup {
	padding: 10px;
	max-height: calc(100vh - 180px);
	overflow: auto;
}
#blockEditor .popUp .box .add {
	padding: 8px 10px 0 85px;
	background: url(picto-popAdd.png) no-repeat 15px 20px;
}
#blockEditor .popUp .box .question {
	padding: 11px 10px 10px 117px;
	background: url(picto-popQuestion.png) no-repeat 25px 4px;
}
#blockEditor .popUp .btnRound,
#blockEditor .popUp input,
#blockEditor .popUp button {
	display: inline-block;
	white-space: nowrap;
	position: relative;
	z-index: 1;
	margin: 0;
	top: 0;
	vertical-align: top;
}
#blockEditor .popUp .box .actions .btnRound-mid-1 {
	background: url(bgd-btn-cancel.png) no-repeat left center transparent;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: none;
	width: 119px;
	float:none;
}
#blockEditor .box .blockConfig .headerPopup {
	padding-top:0;
    background-color: #313131;
}
#blockEditor .box .blockConfig .headerPopup .titlePop {
	padding:30px;
}
#blockEditor .box .blockConfig .headerPopup .horizontalTabs {
    text-align: center;
}
#blockEditor .box .blockConfig .headerPopup .horizontalTabs .horizontalTab {
    display: inline-block;
    width: 33%;
    color: #d7cdcd;
    padding-bottom: 5px;
    border-bottom: 4px solid transparent;
    margin-right: -4px;
    cursor:pointer;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}
#blockEditor .box .blockConfig .headerPopup .horizontalTabs .horizontalTab.activ,
#blockEditor .box .blockConfig .headerPopup .horizontalTabs .horizontalTab:hover {
    color:#fff;
    border-bottom: 4px solid #1888d7;
}
#blockEditor .jsPopupCropping .box .headerPopup .titlePop {
	background: #313131 url(bgd_popupcropping-title.png) no-repeat 10px center / 45px;
	padding-left: 60px;
}
#blockEditor .popUp .box .actions .btnRound-mid-1 span span span {
	padding: 0 0 0 14px;
}
#blockEditor .popUp .box .actions .btnRound-mid-2 {
	background: url(bgd-btn-valid.png) no-repeat 10px center #1888d7 !important;
	font-weight: bold;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #FFF;
	text-shadow: none;
	width: 129px !important;
}
#blockEditor .popUp input {
	margin: 3px 0 0 0;
}
#blockEditor a.closePop {
		width: 30px;
		height: 30px;
		display:block;
		right:-12px;
		top:-10px;
		background:url(pictoClose.png) no-repeat center center;
		overflow: hidden;
		position: absolute;
}
#blockEditor a.closePop span {
	display: none;
}
#blockEditor a.closePop:hover {
	-moz-opacity:0.6;
	filter:alpha(opacity: 60);
	opacity: 0.6;
}
#blockEditor .popUp .actions {
	clear:both;
	padding: 10px;
	text-align: center;
	background:#313131;
}

/* Popup version medium */
#blockEditor .popUp.medium .box {
	max-width:725px;
}
#blockEditor .popUp.medium .box .top {
	background-image: url(bgd-box-medium-2.png);
	width:655px;
}
#blockEditor .popUp.medium .actions {
	margin:0;
	padding-top:20px;
}


/* Popup version big */
#blockEditor .popUp.big .box {
	max-width: 480px;
}
#blockEditor .popUp.big .box .top {
	background: url(bgd-box-big-2.png) no-repeat top center transparent;
	width:460px;
}

/* Popup configuration */
#blockEditor .popUp.big.medium .box {
	max-width: 1050px;
}
#blockEditor .popUp.big.medium .box .top {
	background: url(bgd-box-big-medium-2.png) no-repeat top center transparent;
	width:775px;
	margin: 0;
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs{
	background: #1888d7;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 150px;
}
#blockEditor .popUp .box .blockConfig.blockTabs form {
	padding-left:150px;
}
#blockEditor .popUp .box .blockConfig.blockTabs .top {
	padding: 0;
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs .tab {
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2); 
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs .tab:hover {
	background: rgba(0, 0, 0, 0.3);
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs .tab.last{
	border-right: none;
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs .tab a.tabLink{
	color: #ffffff;
	font-size: 15px;
	line-height: 15px;
	padding: 10px 0 10px 10px;
	display:block;
}
#blockEditor .popUp .blockConfig.blockTabs ul.listTabs .tab a.activ{
	color: #ffffff;
}
#blockEditor .popUp .blockConfig.blockTabs .block{
	display: none;
}
#blockEditor .popUp .box .blockConfig.blockTabs form .form .blockForm{
	margin: 60px 0 0 150px;
}
#blockEditor .popUp .blockConfig form select {
	width:260px;
}
#blockEditor .popUp .blockConfig form select {
	width:260px;
}
#blockEditor .popUp .blockConfig td.domainMessage {
	width:45%;
	text-align:left;
	padding: 30px 0 0 20px;
}
#blockEditor .popUp .blockConfig td.domainDns {
	padding: 20px 0 0 70px;
	vertical-align:middle;
	text-align:left;
	font-size:15px;
	font-weight: bold;
	color:#1888d7;
}
#blockEditor .popUp .blockConfig td.domainDns li {
	white-space:nowrap;
}
#blockEditor .popUp .blockConfig div.message {
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(picto-infos.gif) no-repeat 3px 2px;
	padding:0 0 0 25px;
}
#blockEditor .popUp .blockConfig div.message p {
	text-align:justify;
	color:#333;
	font-size:12px;
}
#blockEditor .popUp .blockConfig div.message p.first {
	padding:0 0 2px;
}
#blockEditor .popUp .blockConfig div.message p.last {
	padding:0;
	font-style:italic;
	color:#777;
}
#blockEditor .popUp .blockConfig #cswconfform_cswrealsubdomain, 
#blockEditor .popUp .blockConfig #cswconfform_cswrealsubdomain2 {
	width: 35px;
}
#blockEditor .popUp .blockConfig input {
	margin: 0;
	font-size: 14px;
	font-family: 'Titillium web', sans-serif;
	padding: 3px 7px;
}
#blockEditor .popUp .blockConfig form select {
	font-size: 14px;
	font-family: 'Titillium web', sans-serif;
}
#blockEditor .popUp .blockConfig #domain input,
#blockEditor .popUp .blockConfig #otherDomain input {
    float: left;
    margin-right: 5px;
}

/* Popup cropping */
#blockEditor .popUp .blockCropping .popTitle {
	float:left;
	display:block;
	background:url(bgd_popupcropping-title.png) no-repeat 10px 7px;
	padding:13px 0 0 67px;
	min-height:55px;
	height:auto !important;
	height:55px;
}
#blockEditor .popUp .blockCropping .popTitle .line {
	display:block;
}
#blockEditor .popUp .blockCropping .popTitle .line-1 {
	color: #ffffff;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 35px 20px;
    text-transform: uppercase;
}
#blockEditor .popUp .blockCropping .popTitle .line-2 {
	font-size:12px;
	font-style:italic;
	color:#777;
}
/*#blockEditor .popUp .blockCropping .pictureActions {
	float:right;
	display:block;
	width:110px;
	margin:12px 0 0;
}
#blockEditor .popUp .blockCropping .pictureActions .btnRound {
	margin:0 0 6px;
}
#blockEditor .popUp .blockCropping .pictureActions .btnRound span span span {
	width:75px;
}
#blockEditor .popUp .blockCropping .pictureActions .btnRound span span span span {
	width:auto;
}*/
#blockEditor .popUp .blockCropping .pictureSize .field, 
#blockEditor .popUp .blockCropping .pictureSize .ratio {
	float:left; display:block;
	padding: 5px 20px 0 0;
}
#blockEditor .popUp .blockCropping .pictureSize .ratio {
	padding: 20px 20px 0 0;
}
#blockEditor .popUp .blockCropping .pictureSize .picturePreview {
	float:right; display:block; padding: 18px 0 0;
}
#blockEditor .popUp .blockCropping .pictureSize .field .label {
	display:block; float:left;
	height:22px; line-height:22px;
	padding:0 10px 0 0;
	font-family: "Titillium Web", sans-serif;
	font-size: 15px; color: #1888d7;
}
#blockEditor .popUp .blockCropping .pictureSize .field .text {
	display:block; float:left; margin:0;
	width:55px; height:22px; line-height:22px;
}
#blockEditor .popUp .blockCropping .pictureSize .ratio .btnRatio {
	display:block; float:left;
	color:#666; font-weight:bold; font-style:italic;
	height:22px; line-height:22px;
	background:url(bgd_btnlockratio-2.png) no-repeat 0 center;
	padding:0 0 0 24px;
}
#blockEditor .popUp .blockCropping .pictureSize .ratio .btnRatio.unlock {
	color:#bbb; font-weight:normal; font-style:italic;
	background-image:url(bgd_btnunlockratio-2.png);
}
#blockEditor .popUp .blockCropping .pictureSize .ratio .btnRatio:hover, 
#blockEditor .popUp .blockCropping .pictureSize .ratio .btnRatio.unlock:hover {
	color:#000;
}
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.preview,
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.reset {
	background: #1888d7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 1px 15px;
	margin-left: 10px;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.preview:hover,
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.reset:hover {
	background: #0C70B7;
}
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.preview span,
#editorWrapper #blockEditor .popUp .blockCropping .pictureSize .btnRound-mid-1.reset span {
	background: none;
	padding: 0;
}
#blockEditor .popUp .blockCropping .croppingZone {
	margin:25px 18px 0;
	padding:12px;
	background:#ededed;
	min-height:200px;
	height:auto !important;
	height:200px;
	-moz-border-radius:6px;
	border-radius:6px;
}
/*#blockEditor .popUp .blockCropping .croppingZone .jcrop-holder {*/
#blockEditor .popUp .blockCropping .croppingZone .innerCropping {
	margin:0 auto;
}
#blockEditor .popUp .blockCropping .croppingZone .innerCropping .jcrop-holder input[type="radio"] {
	display:none !important;
}

#blockEditor .popUp .blockCropping .croppingZone .innerCropping .imgPreview {
	display:block;
	margin:0 auto;
}
#blockEditor .popUp .pageOptionsTable .metas td.value {
	position:relative;
}
#blockEditor .popUp .pageOptionsTable .metas td.value input {
	width:155px;
}
#blockEditor .popUp .pageOptionsTable .metas td.value span.delMeta {
	position:absolute;
	top:6px;
    right:0;
	width: 22px;
	height: 20px;
	background: url(bgd_texteditionbox.png) no-repeat;
	background-position: -44px -291px;
	cursor:pointer;
}
#blockEditor .popUp .pageOptionsTable .metas td {
	padding:0;
}
/* -------------------------------- */
/* Popup Redirections               */
/* -------------------------------- */
.redirectionsForm table#redirectionsTable {
	width: 75%;
}
.redirectionsForm table#redirectionsTable th {
	text-align: left;
}
.redirectionsForm table#redirectionsTable td {
	text-align: left;
}
table.pageOptionsTable .addMeta,
.redirectionsForm table#redirectionsTable .addRedirection {
	background: url(picto-plus-12.png) no-repeat left center transparent;
	padding-left: 20px;
}
.redirectionsForm table#redirectionsTable th {
	font-weight: bold;
	color: #1888d7;
	padding: 0 0 15px;
	font-size: 16px;
}

/* -------------------------------- */
/* BLOC GENERIQUE AJOUT */
/* -------------------------------- */
#blockGlobal .clicToAdd {
    color: #aaa;
    font-family: "titillium web";
    font-style: normal;
    font-weight: 500;
}
.CSWGenericAddBlock {
	font-family:"titillium web",Arial,Tahoma,sans-serif;
	font-size:18px;
	color:#777;
	font-style:normal;
	background:rgba(242,242,242,0.6);
	padding:10px 10px 10px 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
	/*-moz-box-shadow:1px 2px 4px #ddd inset;
	-webkit-box-shadow:1px 2px 4px #ddd inset;
	box-shadow:1px 2px 4px #ddd inset;*/
}
.CSWGenericAddBlock .clicToAdd {
	display:block;
	background:url(bgd_blockgenericadd-clic.png) no-repeat;
	min-height:38px;
	height:auto !important;
	height:38px;
	padding:12px 0 0 62px;
}
.CSWGenericAddBlock.video .clicToAdd {
	background-position:0 -50px;
}

#themeContainer .themeDisabled {
	position:fixed;
	top: 149px;
	left:0;
	bottom:0;
	right:0;
	background:transparent;
	z-index:300;
}

/* -------------------------------- */
/* HOVER EDITABLE */
/* -------------------------------- */

/*Safari 3+, Chrome 1+, Opera9+, Firefox 3.5+*/
body:first-of-type .CSWItem.CSWHover {
	/*-moz-opacity:0.9;
	filter:alpha(opacity: 90);
	opacity: 0.9;*/
}

/* -------------------------------- */
/* TEXTE EDITABLE */
/* -------------------------------- */

.defaultSkin table.mceLayout {
	border:1px solid #4c92e8;
	-moz-box-shadow:2px 2px 5px #777 inset;
	-webkit-box-shadow:2px 2px 5px #777 inset;
	box-shadow:2px 2px 5px #777 inset;
}

/* -------------------------------- */
/* BLOC DEPLACABLE */
/* -------------------------------- */

#CSWDraggableBlock {
	position:relative;
	/*z-index: 900;*/
}
#CSWDraggableBlock #zoneBlock {
	border:1px dashed #aaa;
	background: none transparent;
	position:absolute;
	top:-5px;
	left:-5px;
	-moz-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 1px 1px 5px #ccc;
}
#CSWDraggableBlock #zoneBlock.unsemantic {
	top: 10px;
	left: 10px;
}
.ui-wrapper .resizeBlock {
	display:block;
	position:absolute;
	right:5px;
	bottom:5px;
	background:url(bgd_CSW-resizableblock.png) no-repeat;
	width:15px;
	height:15px;
	cursor:nw-resize;
}
#CSWDraggableBlock #dragBlock {
	display:block;
	position:absolute;
	right:-12px;
	top:-12px;
	background:url(bgd_CSW-draggableblock.png) no-repeat;
	width:23px;
	height:23px;
	cursor:move;
}
#CSWDraggableBlock #dragBlock.unsemantic {
	top: -10px;
	right: -10px;
	z-index: 3;
}
#CSWDraggableBlock #blockAnchor {
    display:block;
    position:absolute;
    right:-10px;
    top:13px;
    background: #fff url(bgd_CSW-anchorblock.png) no-repeat center center / 16px 16px;
    border-radius: 100%;
    border: 1px solid #DDD;
    width: 19px;
    height: 19px;
    box-sizing: border-box;
}
#CSWDraggableBlock #blockAnchor.unsemantic {
    top: 15px;
    right: -8px;
    z-index: 3;
}
#CSWDraggableBlock #clickToEdit {
    display:block;
    position:absolute;
    /* Only serve in menus where there is a dragBlock */
    /* right:16px; */
    /* top:-9px; */
    right:-9px;
    top:-9px;
    background: #fff url(bgd_CSW-clickToEditBlock.png) no-repeat center center / 16px 16px;
    border-radius: 100%;
    border: 1px solid #DDD;
    width: 18px;
    height: 18px;
    box-sizing: border-box;
}
#CSWDraggableBlock #clickToEdit.unsemantic {
    z-index: 3;
}
#CSWDraggableBlock #resizeBlock span, 
#CSWDraggableBlock #dragBlock span,
#CSWDraggableBlock #blockAnchor span {
	display:none;
}
.placeHolder {
	background:#f5f5f5;
	border:2px dotted #ddd;
}

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




/* -------------------------------- */
/* -------------------------------- */
/* -------------------------------- */
/* ----------- NEW CSS ------------ */
/* -------------------------------- */
/* -------------------------------- */
/* -------------------------------- */

/* --- BlockGlobal --- */
.blockGlobal {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.blockGlobal .blockGlobalInner img {
	overflow: hidden;
	width: 100%;
	height: auto;
}
/* ------------ */

#blockEditor {
    color: #444444;
    font-family: 'Titillium Web', sans-serif;
    font-size: 13px;
    background: none #fff;
    height: auto;
    max-height: 178px;
}
#editorWrapper .group {
    display: inline-flex;
    align-items: center;
}
#editorWrapper .group.picto-label .picto {
    display: inline-flex;
    align-items: center;
}
#editorWrapper .group.picto-label .picto svg {
    overflow: visible;
    margin: 2px;
}
#editorWrapper .group.button {
    border-radius: 2px;
    background: #1888d7;
    color: #fff;
    box-shadow: 1px 1px 1px 0px #CCC;
    padding: 4px 16px;
    text-decoration: none;
}
#editorWrapper .group.button .label {
    color: #fff;
    font-size: 14px;
}

/******* Material Design Buttons *******/
#editorWrapper .mat.btn {
    border-radius: 2px;
    padding: 4px 8px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    color: #555;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
}
#editorWrapper .mat.btn:hover {
    background-color: rgba(85, 85, 85, 0.1);
}
#editorWrapper .mat.btn.file {
    position: relative;
    cursor:pointer;
}
#editorWrapper .mat.btn .picto {
    display: inline-flex;
    align-items: center;
    padding-right: 8px;
}
#editorWrapper .mat.btn .picto svg {
    fill: #555;
}
#editorWrapper .mat.btn.primary {
    color: #1888d7;
}
#editorWrapper .mat.btn.primary:hover {
    background-color: rgba(24, 136, 215, 0.1);
}
#editorWrapper .mat.btn.primary .picto svg {
    fill: #1888d7;
}
#editorWrapper .mat.btn.success {
    color: #5CA836;
}
#editorWrapper .mat.btn.success:hover {
    background-color: rgba(92, 168, 54, 0.1);
}
#editorWrapper .mat.btn.success .picto svg {
    fill: #5CA836;
}
#editorWrapper .mat.btn.danger {
    color: #CC0000;
}
#editorWrapper .mat.btn.danger:hover {
    background-color: rgba(204, 0, 0, 0.1);
}
#editorWrapper .mat.btn.danger .picto svg {
    fill: #CC0000;
}
#editorWrapper .mat.btn.disabled,
#editorWrapper .mat.btn:disabled {
    color: #AAA;
    background-color: transparent;
    cursor: default;
}
#editorWrapper .mat.btn.disabled .picto svg,
#editorWrapper .mat.btn:disabled .picto svg {
    fill: #AAA;
}
/******* Material Design Raised and float buttons *******/
#editorWrapper .mat.btn.raised,
#editorWrapper .mat.btn.float {
    background: #555;
    color: #fff;
    box-shadow: 1px 1px 1px 0px #CCC;
}
#editorWrapper .mat.btn.float {
    border-radius: 100%;
    height: 24px;
    width: 24px;
    padding: 8px;
    z-index: 1;
}
#editorWrapper .mat.btn.raised {
    padding: 4px 16px;
}
#editorWrapper .mat.btn.float .label {
    display:none;
}
#editorWrapper .mat.btn.raised:hover,
#editorWrapper .mat.btn.float:hover {
    box-shadow: 1px 3px 3px 0px #CCC;
}
#editorWrapper .mat.btn.raised .picto svg,
#editorWrapper .mat.btn.float .picto svg {
    fill: #FFF;
}
#editorWrapper .mat.btn.primary.raised,
#editorWrapper .mat.btn.primary.float {
    background: #1888d7;
}
#editorWrapper .mat.btn.success.raised,
#editorWrapper .mat.btn.success.float {
    background: #5CA836;
}
#editorWrapper .mat.btn.danger.raised,
#editorWrapper .mat.btn.danger.float {
    background: #CC0000;
}
#editorWrapper .mat.btn.raised.disabled,
#editorWrapper .mat.btn.raised:disabled,
#editorWrapper .mat.btn.float.disabled,
#editorWrapper .mat.btn.float:disabled {
    box-shadow: none;
    background: #DCDCDC;
    color: #888;
}
#editorWrapper .mat.btn.raised.disabled .picto svg,
#editorWrapper .mat.btn.raised:disabled .picto svg,
#editorWrapper .mat.btn.float.disabled .picto svg,
#editorWrapper .mat.btn.float:disabled .picto svg {
    fill: #555;
}

/* --- blockEditionTabs --- */
#blockEditor .blockEditionTabs {
    background: none repeat scroll 0 0 #313131;
    color: #8a8a8a;
    height: 60px;
    position: relative;
}
#blockEditor .blockEditionTabs .menuSettings .block.isSepar {
    margin: 0;
}
#blockEditor .blockEditionTabs .blockLogo {
	padding: 0;
}
#blockEditor .blockEditionTabs .blockLogo .logo {
	background: url("logo-editor.png") no-repeat scroll center center transparent;
    display: block;
    float: left;
    height: 60px;
    width: 250px;
}
#blockEditor .blockEditionTabs .blockTabs .item {
	color: #FFF;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
}
#blockEditor .blockEditionTabs .blockTabs a.item {
	display: block;
    padding: 18px 16px;
    box-sizing: border-box;
    max-height: 60px;
    overflow: hidden;
    text-align: left;
    border-right: 1px solid #464545;
    fill: #FFF;
}
#blockEditor .blockEditionTabs .blockTabs a.item.activ,
#blockEditor .blockEditionTabs .blockTabs a.item:hover {
    background-color:#FFF;
    color: #1888d7;
    fill: #1888d7;
    border-color: #eee;
}
#blockEditor .blockEditionTabs .blockTabs a.item .picto {
    padding-right: 8px;
    display:inline;
    display:inline-flex;
}
 #blockEditor .blockEditionTabs .blockTabs a.item span.tabTitle {
    padding: 3px 0;
}
#blockEditor .blockEditionTabs .blockPublish a.item {
    border-right: none;
    padding: 21px 16px 21px 25px;
}
#blockEditor .blockEditionTabs .blockPublish a.item.activ,
#blockEditor .blockEditionTabs .blockPublish a.item:hover {
    background-color: #1174ba;
    color: #FFF;
}
#blockEditor .blockEditionTabs .blockPublish .publish-img {
	position: absolute;
	top: 14px;
	left: -15px;
}
#blockEditor .blockEditionTabs .blockTabs a.logout span {
	text-indent: -4000px;
}
#blockEditor .blockEditionTabs .blockTabs .dashboard {
	border-left:1px solid #464545;
}
#blockEditor .blockEditionTabs .blockTabs .dashboard.activ,
#blockEditor .blockEditionTabs .blockTabs .dashboard:hover {
    border-color:#eee;
}
#blockEditor .blockEditionTabs .blockTabs .publish{
	background: #1888d7; 
}
#blockEditor .blockEditionTabs .tabsContainer .blockTabs.blockLogout a.item.logout {
    display:block;
    border:none;
}
#blockEditor .blockEditionTabs .tabsContainer .blockTabs.blockLogout a.item.logout .picto {
    padding:0;
}
#blockEditor .blockEditionTabs .blockTabs .publish:hover {
	background: #1174ba;
}
#blockEditor .blockEditionTabs .blockTabs .publish.activ {
	background: #1174ba;
}
#blockEditor .blockEditionTabs .blockTabs .item, #blockEditor .blockEditionTabs .blockTabs .item span {
    display: block;
    float: left;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    padding: 0;
    letter-spacing: 0.5px;
    vertical-align: middle;
}
#blockEditor .blockEditionTabs .blockTabs.blockPublish a.publish.activ span span span span {
	color: #fff;
    padding-left: 35px;
}
#blockEditor .blockEditionTabs .blockTabs .themes span span span span {
    background: none;
}
#blockEditor .blockEditionTabs .blockTabs .item span span span span {
    padding: 0;
    text-shadow: none;
    background: none !important;
}


/* --- END blockEditionTabs --- */

/* --- blockEditionRibbon --- */
#blockEditor .blockEditionRibbon {
    background: #FFFFFF;
    height: 67px;
    position: relative;
}
#blockEditor .btnFullscreen {
     background: url("editionribbon-fullscreen.png") no-repeat scroll 0 0 transparent;
}
#blockEditor .blockEditionRibbon .ribbonScrollerContainer .scrollerRail {
	height:7px;
	background-color:#CACACA;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
}
#blockEditor .blockEditionRibbon .ribbonSelector {
	display:inline-block;
	vertical-align:middle;
	background: none;
}
#blockEditor .blockEditionRibbon #homeTab {
	height: 60px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector {
	background: none;
    display: block;
    height: 60px;
    float: left;
    min-width: 70px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector:hover > span {
	background: none;
	border-bottom: 5px solid #1888d7;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector:hover {
    background: none;
}
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector > span {
	border-bottom: 5px solid #ffffff;
}
#blockEditor .blockEditionRibbon .btnAction .type,
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector .type {
	display: block;
	height: 55px;
	min-width: 80px;
	padding: 0 !important;
}
#blockEditor .blockEditionRibbon .publishActions .btnAction.preview .type .icon {
	background-image:url('bgd_ribbonpublish-preview.png');
}
#blockEditor .blockEditionRibbon .publishActions .btnAction.suspend .type .icon {
	background-image:url('bgd_ribbonpublish-suspend.png');
}
#blockEditor .blockEditionRibbon .publishActions .btnAction.createVersion .type .icon {
	background-image:url('bgd_ribbonpublish-save.png');
}
#blockEditor .blockEditionRibbon .publishActions .btnAction.suspend .type .icon.suspend {
	background-image:url('bgd_ribbonpublish-suspended.png');
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.addPage .type .icon {
	background-image:url('icon-addPage.png');
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.pageTree .type .icon {
	background-image:url('icon-pageTree.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.n01-texts .typeSelector .icon {
    background-image: url('icon-texts.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n01-texts .typeSelector .icon {
    background-image: url('icon-texts-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n02-preformated .typeSelector .icon {
    background-image: url('icon-preformated.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n02-preformated .typeSelector .icon {
    background-image: url('icon-preformated-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n03-images .typeSelector .icon {
    background-image: url('icon-images.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n03-images .typeSelector .icon {
    background-image: url('icon-images-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n04-phototheque .typeSelector .icon {
    background-image: url('icon-phototheque.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n04-phototheque .typeSelector .icon {
    background-image: url('icon-phototheque-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n04-multimedia .typeSelector .icon {
    background-image: url('icon-multimedia.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n04-multimedia .typeSelector .icon {
    background-image: url('icon-multimedia-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n05-buttons .typeSelector .icon {
    background-image: url('icon-buttons.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n05-buttons .typeSelector .icon {
    background-image: url('icon-buttons-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n06-spacers .typeSelector .icon {
    background-image: url('icon-spacers.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n06-spacers .typeSelector .icon {
    background-image: url('icon-spacers-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n07-news .typeSelector .icon {
    background-image: url('icon-news.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n07-news .typeSelector .icon {
    background-image: url('icon-news-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n08-social .typeSelector .icon {
    background-image: url('icon-social.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n08-social .typeSelector .icon {
    background-image: url('icon-social-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n10-theme .typeSelector .icon {
    background-image: url('icon-theme.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n10-theme .typeSelector .icon {
    background-image: url('icon-theme-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.n11-extras .typeSelector .icon {
    background-image: url('icon-apps.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.n11-extras .typeSelector .icon {
    background-image: url('icon-apps-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector.pages .typeSelector .icon {
    background-image: url('icon-addPage.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold.pages .typeSelector .icon {
    background-image: url('icon-addPage-hover.png');
}
#blockEditor .blockEditionRibbon .btnAction .type .icon,
#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector span span.icon {
	background-position:center 0px;
	background-repeat:no-repeat;
	display: block;
	height: 44px;
	border-right: 1px solid #e4e3e3;
	margin: 0px;
	padding:30px 0 0 0;
	height:25px;
	width:80px;
	font-size:12px;
}
#blockEditor .blockEditionRibbon span.type span.icon.svg {
    padding-top: 0px;
    background-image:none;
    height:55px;
}
#blockEditor .blockEditionRibbon span span.icon.svg .picto {
    display: block;
    height: 28px;
    vertical-align: middle;
    text-align: center;
    padding-top: 2px;
    width:auto;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold span span.icon.svg .picto {
    height:56px;
}
#blockEditor .blockEditionRibbon span span.icon.svg .picto svg {
    height:26px;
    width: auto;
    fill: #888;
}
#blockEditor .blockEditionRibbon .btnAction.linkGoogleAccount.off span span.icon.svg .picto svg {
    fill: #a94442;
}
#blockEditor .blockEditionRibbon .btnAction.linkGoogleAccount.on span span.icon.svg .picto svg {
    fill: #28a745;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold span span.icon.svg .picto svg {
    fill: #fff;
    padding-top: 16px;
}
#blockEditor .blockEditionRibbon .ribbonSelector.variantChoose .typeSelector span span.icon {
    border-left: 1px solid #e4e3e3;
}
#blockEditor .blockEditionRibbon .ribbonSelector.variantChoose.unfold .typeSelector span span.icon {
    border-left: 1px solid transparent;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector .icon {
	background-position:center center;
	border-right:1px none;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector .icon .name {
	display:none;
}
#blockEditor .blockEditionRibbon .btnAction .type .icon .name,
#blockEditor .blockEditionRibbon span span.icon span.name {
	height: 25px;
	vertical-align: middle;
	display: table-cell;
	min-width: 79px;
}
#blockEditor .blockEditionRibbon .ribbonInfo {
    background: url("icon-arrow.png") no-repeat scroll 15px center transparent;
	display:inline-block;
	vertical-align:middle;
    height: 60px;
    padding: 0 0 0 59px;
    width: 245px;
}
#blockEditor .blockEditionRibbon #themesTab .ribbonInfo {
    background: url("icon-maj.png") no-repeat scroll 15px center transparent;
}
#blockEditor .blockEditionRibbon .ribbonInfo span {
    color: #a8a8a8;
    float: left;
    font-style: normal;
    padding: 14px 0 0;
    text-shadow: none;
    font-size: 14px;
    line-height: 16px;
	white-space:normal;
}
#blockEditor .blockEditionRibbon .ribbonInfoValid span {
    color: #A8A8A8;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    padding: 4px 10px 0 0;
    text-shadow: none;
}
#blockEditor .blockEditionRibbon .ribbonInfoValid {
    background: url("icon-arrow-down.png") no-repeat scroll right center transparent;
}
#blockEditor .blockEditionRibbon .scrollerWrapper {
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold {
    margin: 0 0 0 7px !important;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .right {
    background: url('bgd-repeat-unfold.png') repeat-x center center transparent;
    padding: 0;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector {
    background: url('bgd-unfold.png') no-repeat left center transparent;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector .type {
    background: url("bgd-arrow-unfold.png") no-repeat scroll 68px 8px transparent;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector > span {
    border:none;
}
#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector > span:hover {
    border:none;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn {
    background: url('bgd-item-select.png') no-repeat center top transparent;
    height: 52px; padding: 0px 5px; min-width: 55px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn:hover {
    background: url('bgd-item-select-hover.png') no-repeat center top transparent;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn span {
    background: url('icon-itemtheme.png')no-repeat center 10px transparent;
	height:15px;
	padding:37px 0px 0px;
	white-space:nowrap;
	min-width:100%;
	line-height:12px;
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn span:hover {
    background-image: url('icon-itemtheme-hover.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.articleList span,
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.list span {
    background-image: url('icon-list.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.articleList span:hover,
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.list span:hover {
    background-image: url('icon-list-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.paragraph span {
    background-image: url('icon-paragraph.png');   
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.paragraph span:hover {
    background-image: url('icon-paragraph-hover.png');   
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH1 span {
    background-image: url('icon-titreH1.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH1 span:hover {
    background-image: url('icon-titreH1-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH2 span {
    background-image: url('icon-titreH2.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH2 span:hover {
    background-image: url('icon-titreH2-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH3 span {
    background-image: url('icon-titreH3.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH3 span:hover {
    background-image: url('icon-titreH3-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH4 span {
    background-image: url('icon-titreH4.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.titreH4 span:hover {
    background-image: url('icon-titreH4-hover.png');   
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.article span {
    background-image: url('icon-paragraph.png');       
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.article span:hover {
    background-image: url('icon-paragraph-hover.png');       
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.articleInfos span {
    background-image: url('icon-articleInfos.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.articleInfos span:hover {
    background-image: url('icon-articleInfos-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.edito span {
    background-image: url('icon-edito.png');  
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.edito span:hover {
    background-image: url('icon-edito-hover.png');  
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.quote span {
    background-image: url('icon-quote.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.quote span:hover {
    background-image: url('icon-quote-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.file span {
    background-image: url('icon-file.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.file span:hover {
    background-image: url('icon-file-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.gallery span {
    background-image: url('icon-gallery.png');    
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.gallery span:hover {
    background-image: url('icon-gallery-hover.png');    
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.picture span {
    background-image: url('icon-picture.png');     
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.picture span:hover {
    background-image: url('icon-picture-hover.png');     
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.flash span {
    background-image: url('icon-flash.png');     
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.flash span:hover {
    background-image: url('icon-flash-hover.png');     
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.video span {
    background-image: url('icon-video.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.video span:hover {
    background-image: url('icon-video-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.rounded span {
    background-image: url('icon-rounded.png');     
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.rounded span:hover {
    background-image: url('icon-rounded-hover.png');     
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.simple span {
    background-image: url('icon-simple.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.simple span:hover {
    background-image: url('icon-simple-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.emptySpace span {
    background-image: url('icon-emptySpace.png'); 
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.emptySpace span:hover {
    background-image: url('icon-emptySpace-hover.png'); 
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.separatorLine span {
    background-image: url('icon-separatorLine.png');    
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.separatorLine span:hover {
    background-image: url('icon-separatorLine-hover.png');    
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.feed span {
    background-image: url('icon-feed.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.feed span:hover {
    background-image: url('icon-feed-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.contact span {
    background-image: url('icon-contact.png');  
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.contact span:hover {
    background-image: url('icon-contact-hover.png');  
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.counter span {
    background-image: url('icon-counter.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.counter span:hover {
    background-image: url('icon-counter-hover.png');    
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.socialNetwork span {
    background-image: url('icon-socialNetwork.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.socialNetwork span:hover {
    background-image: url('icon-socialNetwork-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.clock span {
    background-image: url('icon-clock.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.clock span:hover {
    background-image: url('icon-clock-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.googlemap span {
    background-image: url('icon-googlemap.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.googlemap span:hover {
    background-image: url('icon-googlemap-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.map span {
    background-image: url('icon-googlemap.png');
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.map span:hover {
    background-image: url('icon-googlemap-hover.png');
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.iframe span {
    background-image: url('icon-iframe.png');      
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.iframe span:hover {
    background-image: url('icon-iframe-hover.png');      
}

#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.weather span {
    background-image: url('icon-weather.png');  
}
#blockEditor .blockEditionRibbon .ribbonSelector .addItems .btn.weather span:hover {
    background-image: url('icon-weather-hover.png');  
}

#editorWrapper .btnRound.cancel {
    background: url('bgd-btn-cancel.png') no-repeat center center #464646;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: none;
    height: 45px;
    opacity: 1;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .btnRound.valid {
    background: #1888d7;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #FFF;
    text-shadow: none;
    opacity: 1;
    height: 45px !important;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .btnRound.valid:hover,
#editorWrapper .btnRound.cancel:hover {
    opacity: 0.8 !important;
}
#editorWrapper .btnRound-mid-1 span,
#editorWrapper .btnRound-mid-1 span span,
#editorWrapper .btnRound-mid-1 span span span,
#editorWrapper .btnRound-mid-1.cancel span span span span {
    background: none;
    text-shadow: none;
}
#editorWrapper .btnRound {
    display: block;
    float: left;
}
#editorWrapper .btnRound-mid-1.jsAddElement {
	background: #efefef !important;
	border-radius: 2px !important;
	transiton: all 300ms ease;
	-moz-transiton: all 300ms ease;
	-webkit-transiton: all 300ms ease;
	margin: -3px 0 0 10px;
}
#editorWrapper .btnRound-mid-1.jsAddElement.pictureBtn {
	margin:0;
}
#editorWrapper .btnRound-mid-1.jsAddElement:hover {
	background: #dfdfdf !important;
}
#editorWrapper .btnRound-mid-1.jsAddElement > span > span > span > span {
	background: url("bgd_btnselect-mid-1.png") no-repeat scroll -6px -406px rgba(0, 0, 0, 0) !important;
	padding-left: 20px;
}
#editorWrapper .btnRound-mid-1.jsAddElement > span > span > span > span.picturePicto {
	background: url("bgd_btnselect-mid-1.png") no-repeat scroll -4px -286px rgba(0, 0, 0, 0) !important;
}
#editorWrapper .btnRound-mid-1.cancel span span span span {
    line-height: 45px;
}
#editorWrapper .btnRound-mid-1.valid span span span span {
    background: url('bgd-btn-valid.png') no-repeat left center transparent;
    display: block;
    height: 45px;
    line-height: 45px;
}
#blockEditor .blockEditionRibbon .ribbonValid {
    background: none repeat scroll 0 0 transparent;
    height: 60px;
    padding: 0px 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 67px;
    z-index: 100;
}
#blockEditor .blockEditionRibbon #publishTab .ribbonValid {
    background: none repeat scroll 0 0 #1888d7;
    height: 60px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0px;
    z-index: 100;
}
/* --- END blockEditionRibbon --- */

/* --- PopUp Wizard --- */
#editorWrapper .popupWizard .wizardBottom {
    background: none;
    padding: 0;
}

#editorWrapper .popupWizard .wizardContent {
    background: #fff;
    padding: 0;
	border-radius:2px;
}
#editorWrapper .popupWizard .wizardHeader {
    background: #1888d7;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
#editorWrapper .popupWizard .wizardHeader .close {
    background: url("btn-close.png") no-repeat scroll 0 0 transparent;
    top:-11px; right: -11px; height: 23px; width: 23px;
}
#editorWrapper .popupWizard .wizardHeader .phone {
    font-size: 23px; padding: 15px 0 0 35px;
    background: url('bgd-phone-editor.png') no-repeat left center transparent;
}
#editorWrapper .popupWizard .wizardHeader .logo {
    background: url("new-logo-popupwizard.png") no-repeat scroll center center transparent;
    border-right: none; height: 50px;
}
#editorWrapper .popupWizard .managerPhoto .wizardHeader .baseline {
    display: block;
}
#editorWrapper .popupWizard .wizardMessageTop {
    background: url('bgd-popup-wizard.png') no-repeat scroll center center / 900px 70px;
    height: 70px;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors {
    color: #fff;
    float: right;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    padding: 0;
    text-shadow: none;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .title {
    background: none;
    text-shadow: none;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor {
    border: none;

}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor span.color {
    border-radius: 2px;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .seeAll {
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    font-style: italic;
    margin: 0 3px 0 0;
    font-family: 'Titillium Web', sans-serif;
}
#editorWrapper .popupWizard .wizardMessageTop .dominantColors .boxColor.box-8 span.color {
    background: #000 !important;
}
#editorWrapper .popupWizard .wizardMessageTop .message {
    display: block;
    height: auto !important;
    min-height: 27px;
    padding: 3px 0 0;
    font-weight: 700;
    text-shadow: none;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-size: 16px;
	padding-left:20px;
	color:#FFF;
}
#editorWrapper .popupWizard .wizardMessageTop .message .clientName {
	color:#1988D7;
}
#editorWrapper .popupWizard .wizardMessageTop .message .question {
    text-transform: lowercase;
	color:#FFF;
}
#editorWrapper .popupWizard .listThemes .list .item.activ, #editorWrapper .popupWizard .listThemes .list .item.selected {
    background: none; position: relative;
}
#editorWrapper .popupWizard .listThemes .list .theme {
    position: relative;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .popupWizard .listThemes .list .item.selected .theme:after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	background: url(icon-check.png) no-repeat center rgba(24, 136, 215, 0.85);
	opacity: 1;
	height:100%;
	width: 100%;
	transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .popupWizard .listThemes .list .item .theme:after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	background: url(icon-check.png) no-repeat center rgba(24, 136, 215, 0.85);
	opacity: 0;
	height:100%;
	width: 100%;
}
#editorWrapper .popupWizard .listThemes .list .item .theme:hover:after {
	top: 0;
	opacity: 1;	
}
#editorWrapper .popupWizard .listThemes .list .item.activ .theme, #editorWrapper .popupWizard .listThemes .list .item.selected .theme {
    border: none;
}
#editorWrapper .popupWizard .listThemes .list .item .theme .previewImg img {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.10);
}
#editorWrapper .popupWizard .listThemes .list .item.activ .theme .previewImg img:after,
#editorWrapper .popupWizard .listThemes .list .item.selected .theme .previewImg img:after {
    display: block;
    background: #000;
}
#editorWrapper .popupWizard .listThemes .list .theme {
	display:block;
    border: none;
}
#editorWrapper .popupWizard .listThemes .list .theme:hover {
    border: none;
}
#editorWrapper .popupWizard .listThemes {
    background: none; width: 380px;
}
#editorWrapper .popupWizard .selectedTheme .title {
    background: url("arrow-title.png") no-repeat scroll 4px 9px transparent;
    color: #313131;
    font-family: "Titillium Web",sans-serif;
    font-size: 16px;
    padding: 0 0 10px 15px;
}
#editorWrapper .popupWizard .selectedTheme .themePreview {
    background: none;
}
#editorWrapper .popupWizard .selectedTheme .themePreview .theme {
    border: none;
}
#editorWrapper .popupWizard .selectedTheme .themePreview .theme span.previewTheme {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.10);    
}
#editorWrapper .btnSelect-mid-2 span span span span,
#editorWrapper .btnSelect-mid-2:hover span span span span,
#editorWrapper .btnSelect-mid-2.btnLight.activ span span span span,
#editorWrapper .btnSelect-mid-2.activ span span span span {
    background: url('bgd-color-popup.png') no-repeat center center transparent;
    height: 35px; width: 206px;  
}
#editorWrapper .btnSelect-mid-2 span,
#editorWrapper .btnSelect-mid-2 span span,
#editorWrapper .btnSelect-mid-2 span span span {
    background: none;
}
#editorWrapper .btnSelect-adapt {
    border: 1px solid #E6E6E6;
    padding: 0px 23px 0px 3px;
    position: relative;
}
#editorWrapper .btnSelect-adapt::before {
    content: " ";
    position: absolute;
    font-size: 27px;
    top: 27%;
    right: 8px;
    width: 8px;
    height: 8px;
    rotate: 45deg;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #888;
}
#editorWrapper .btnSelect-adapt.selectedPalette .slot,
#editorWrapper .listVariantColors .palette {
    font-size:0;
    display: block;
}
#editorWrapper .themeColors .btnSelect-adapt.selectedPalette .variantName {
    font-size:12px;
}
#editorWrapper .themeColors .selectedPalette .slot .color,
#editorWrapper .themeColors .listVariantColors .color {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 0px;
    font-size:13px;
    margin: 4px 2px;
    border: 1px solid #E6E6E6;
    padding:0;
    background:none;
}
.listComboBox .comboBox-1 .boxBottom {
    padding: 0;
}
#editorWrapper .themeColors .comboBox {
    top: 30px;
	left: -1px;
	width: 235px;
}
#editorWrapper .themeColors .listVariantColors .palette {
    padding: 3px 0px 3px 3px;
    min-width: 232px;
}
#editorWrapper .themeColors .listVariantColors .palette.selected {
    border: none; 
}
#editorWrapper .btnRound-big-1, #blockEditor a.btnRound-big-1 {
    color: #FFFFFF;
    font-family: "Raleway",sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 34px;
    text-transform: uppercase;
    background: #1888d7;
    border-radius: 2px;
    font-weight: 700;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
#editorWrapper .btnRound-big-1:hover, #blockEditor a.btnRound-big-1:hover {
    background: #0d6eb3;
}
#editorWrapper .btnRound-big-1 span,
#editorWrapper .btnRound-big-1 span span,
#editorWrapper .btnRound-big-1 span span span {
    background: none;
}
#editorWrapper .btnRound-big-1 span span span span,
#editorWrapper .btnRound-big-1:hover span span span span {
    background: url('bgd-btn-valid.png') no-repeat left center transparent;
    text-shadow: none;
}
#editorWrapper .themeColors .listVariantColors .palette.selected {
	background: #F7F4F4 url('selectedVariantTick.png') no-repeat 211px 19px / 22px;
    border: none;
}
#editorWrapper .themeColors .listVariantColors .item {
    border-bottom: 1px solid #dcdcdc; padding: 0; overflow-x: hidden;
}
/* --- END PopUp Wizard --- */

/* --- themesTab --- */
#blockEditor .blockEditionRibbon .editionRibbon.themeAreaCustom {
	margin: 8px 0 0 0;
	padding: 0;
	height: 44px;
    background:none;
}
#blockEditor .blockEditionRibbon .editionBox.themeChoose .content {
	padding: 8px 0 0 0;
}
#blockEditor .blockEditionRibbon .editionBox.themeAreaCustom .content {
	padding: 0 0 0 10px;
}
#blockEditor .blockEditionRibbon .editionBox.resize .content,
#blockEditor .blockEditionRibbon .editionBox.imageStyle .content {
	padding: 10px 0 0 10px;
}
#editorWrapper .btnSelect-huge-1 {
    font-size: 11px;
    font-weight: bold;
    height: 44px;
    text-align: left;
    white-space: normal;
}
#editorWrapper .btnSelect-huge-1 span {
    height: 44px;
}
#editorWrapper .btnSelect-huge-1.hasImage span span span span {
    background-position: left 0;
    background-size: 78% auto;
    border: 1px solid #e4e4e4;
    border-radius: 3px 3px 3px 3px;
    height: 38px;
    margin: 0;
    overflow: hidden;
    padding: 3px 25px 3px 3px;
    width: 74px;
}
#blockEditor .blockEditionRibbon .themeChoose .labelTitle {
    display: none;
}
#editorWrapper .btnSelect-huge-1 span,
#editorWrapper .btnSelect-huge-1 span span,
#editorWrapper .btnSelect-huge-1 span span span {
    padding: 0; background: none;
}
#editorWrapper .themeChoose .btnSelect-huge-1.jsTooltipTabThemesListThemes > span > span > span {
	background: url('arrow-down.png') no-repeat 87px center transparent;
}
#editorWrapper .btnSelect-mid-2.btnLight span {
    background: url('bgd-color-popup.png') no-repeat center center transparent;
    height: 35px; width: 206px;  
}
#editorWrapper .btnSelect-mid-2.btnLight span span,
#editorWrapper .btnSelect-mid-2.btnLight span span span,
#editorWrapper .btnSelect-mid-2.btnLight span span span span {
    background: none;
}
/* Custom css for the new variant selector */
#editorWrapper .blockEditionRibbon .themeColors {
    padding:9px;
}
#editorWrapper .blockEditionRibbon .variantChoose .themeColors .btnSelect-adapt.btnLight > span {
    background-color:#fff;
}
#editorWrapper .blockEditionRibbon .variantChoose .themeColors .btnSelect-mid-2.btnLight > span > span {
    background: url('arrow-down.png') no-repeat right center;
    width: auto;
}
#editorWrapper .blockEditionRibbon .variantChoose .themeColors .btnSelect-mid-2.btnLight > span > span > span,
#editorWrapper .blockEditionRibbon .variantChoose .themeColors .btnSelect-mid-2.btnLight .slot {
    background-image: none;
    width: auto;
}
/* End of the new variant selector */
/* Custom css for the new custom variant selector */
#editorWrapper .blockEditionRibbon .variantCreate .themeColors .colorsContainer {
    background: #fff;
    padding: 0 8px;
}
#editorWrapper .blockEditionRibbon .variantCreate .themeColors .colorsContainer .customVariantColor {
    background: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 7px 2px;
    border: 1px solid #e4e3e3;
    cursor: pointer;
    vertical-align: middle;
}
/* End of the new variant variant selector */
#blockEditor .blockEditionRibbon .editionBox.themeChoose .col-2 {
    padding: 5px 0 0 20px !important;
    height: 40px;
}
#blockEditor .blockEditionRibbon .pageActions .listComboBox .comboBox-1 .boxContainer {
	border:none;
	background:url("bgd_comboBoxArrow_blue.png") no-repeat scroll 15px 0px transparent;
}
#blockEditor .blockEditionRibbon .pageActions .listComboBox .comboBox-1 .boxContent {
	border:none;
}
#blockEditor .blockEditionRibbon .pageActions .listComboBox .comboBox-1 .boxContent #treeList {
	background-color:#FFF;
	border-left:1px solid #CECECE;
	border-right:1px solid #CECECE;
}
#blockEditor .blockEditionRibbon .variantChoose .themeColors .palette.activ {
    background: url('bgd-list-variant-color-check.png') no-repeat right center transparent;
}
.listComboBox .comboBox .boxContent {
    background: #fff;
}
#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom span {
    color: #A8A8A8;
    display: block;
    font-style: normal;
    line-height: 15px;
    padding: 0;
    font-size: 14px;
    text-shadow: none;
}
#editorWrapper .themeAreaCustom .btnSelect-mid-1 {
    display: block;
}
#blockEditor .blockEditionRibbon .themeAreaCustom .areaInfo {
    margin: -3px 0 -7px;
}
#blockEditor .blockEditionRibbon .editionBox.themeAreaCustom .col-1 {
    border-right: 1px solid #E4E3E3;
    padding: 0px 5px 0 !important;
    height: 40px;
}
/* --- END themesTab --- */

/* --- pageActions --- */
#blockEditor .blockEditionRibbon .editionRibbon.light, #blockEditor .blockEditionRibbon .editionRibbon.light .right, #blockEditor .blockEditionRibbon .editionRibbon.light .content {
    height: 60px;
}
#blockEditor .blockEditionRibbon .editionBox.pageActions .content {
    padding: 0;
}
#blockEditor .blockEditionRibbon .btnAction {
    height: 60px;
    padding: 0;
    margin: 0 auto;
    border: none;
    border-radius: 0;
}
#blockEditor .blockEditionRibbon .pageActions .separ {
    display: none;
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.addPage span span span span {
    background: url('icon-addPage.png') no-repeat center center transparent;
    text-indent: -4000px;
    height: 44px; 
    border-right: 1px solid #e4e3e3;
    padding: 9px 0 0;
}
#blockEditor .blockEditionRibbon .btnAction:hover > span {
    border-bottom: 5px solid #1888d7;
}
#blockEditor .blockEditionRibbon .btnAction > span {
    border-bottom: 5px solid #FFFFFF;
    transition: all 200ms ease 0s;
    -wekit-transition: all 200ms ease 0s;
    -moz-transition: all 200ms ease 0s;
}
#blockEditor .blockEditionRibbon .btnAction {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 60px;
    min-width: 80px;
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.pageTree span span span span {
    background: url('icon-pageTree.png') no-repeat center center transparent;
    border-right: 1px solid #e4e3e3; padding: 0; padding: 9px 0 0;
    text-indent: -4000px;
    height: 44px; 
}
#blockEditor .blockEditionRibbon .pageActions .btnAction span span span span {
    padding: 0;
    width: 70px;
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.activ {
    border: none;
}
#blockEditor .blockEditionRibbon .pageActions .btnAction.activ > span {
    border-bottom: 5px solid #1888d7;
}
.comboBox {
    width: 235px; height: 267px;
}
.comboBox.comboBox-auto {
    width: auto !important;
}
.listComboBox .comboBoxBig-1 .boxBottom {
    background: none;
    padding: 0;
}
#blockEditor .blockEditionRibbon .pageOrder .infoTree {
    background: #1888d7 !important;
    border-radius: 0px !important;
    color: #ffffff !important;
    font-size: 15px;
    line-height: 17px;
    margin: 0 !important;
    padding: 10px 0;
    text-align: center;
    text-shadow: none !important;
}
#blockEditor .blockEditionRibbon .pageActions .listComboBox .comboBoxBig-1 {
    top: 57px;
	padding-top:15px;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item .name {
    background: url("picto-pages.png") no-repeat scroll 0 center transparent;
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 0 0 21px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item,
#blockEditor .blockEditionRibbon .pageOrder .pageList .item:hover {
    border-bottom: 1px solid #e4e3e3;
}
#blockEditor .blockEditionRibbon .pageOrder .pageList .item {
    background: url("bgd_pagelist-item.png") repeat-x scroll 0 -500px transparent;
}
#blockEditor .blockEditionRibbon .pageOrder .infoValid span {
    background: url("icon-arrow-right.png") no-repeat scroll 170px 20px transparent;
    line-height: 15px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content,
#blockEditor .blockEditionRibbon .editionBox.pageLayout .content {
    height: 24px;
    padding: 9px 20px;
    margin: 9px 0 0;
    border-right: 1px solid #e4e3e3;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content .col.col-1 {
	margin-top:-13px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content .col.col-1 .line.line-1 {
	margin-bottom:5px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content .col.col-1 .line.line-2 .btnSelect-mid-1 {
	font-weight:normal;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content .col.col-1 .line.line-2 .btnSelect-mid-1 span {
	background:url("bgd_btnselect-mid-1.png") no-repeat scroll 0px 0% transparent;
	background-position:0px -385px;
	padding-left:24px;
	padding-right:10px;
	border:1px solid #CECECE;
	height:21px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content .col.col-1 .line.line-2 .btnSelect-mid-1.delete span {
	background-position:0px -457px;
	padding-left:24px;
	padding-right:10px;
	border:1px solid #CECECE;
	height:21px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .listComboBox .comboBox {
    width: 235px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .listComboBox .comboBox .list li {
    border-bottom: 1px solid #DDDDDD;
    display: block;
    font-size: 14px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .listComboBox .comboBox-1 {
    top:23px;
    left: -57px;
}
#blockEditor .blockEditionRibbon .editionBox.pageCurrent .listComboBox .comboBox .boxContent {
    max-height: 164px;
}
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage span span span span {
    background: url("bgd-select-page.png") no-repeat scroll left top transparent;
    width: 140px;
    height: 28px; 
    padding: 0 0 0 10px;
}
#blockEditor .blockEditionRibbon .pageLayout .btnSelectLayout span span span span  {
    background: url("bgd-select-page2.png") no-repeat scroll left top transparent;
    width: 160px;
    height: 28px; 
    padding: 0 0 0 10px;
}
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage,
#editorWrapper .pageLayout .btnSelect-mid-1 {
    text-shadow: none; font-weight: normal; font-size: 13px; margin: -2px 0 0;
}
#editorWrapper .pageCurrent  .btnSelect-mid-1 span,
#editorWrapper .pageLayout .btnSelect-mid-1 span {
    padding: 0;
}
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage span span span,
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage span span,
#blockEditor .blockEditionRibbon .pageCurrent .btnSelectPage span,
#editorWrapper .pageLayout .btnSelect-mid-1 span,
#editorWrapper .pageLayout .btnSelect-mid-1 span span,
#editorWrapper .pageLayout .btnSelect-mid-1 span span span {
    background: none;
}
#blockEditor .blockEditionRibbon .editionBox.pageLayout .col .line {
    clear: none;
}
#blockEditor .blockEditionRibbon .editionBox.pageLayout .col .line.line-2, #blockEditor .blockEditionRibbon .editionBox.pageLayout .col .line.line-1 {
    float: left;
}
#blockEditor .blockEditionRibbon .editionBox.pageLayout .col .line.line-2 {
    padding: 0 0 0 10px;
}
/* --- END pageActions --- */

/* --- popUp de configuration --- */
#blockEditor .popUp .blockConfig .picto.notSecured svg {
    fill: #CC0000;
}
#blockEditor .popUp .blockConfig .picto.secured svg {
    fill: #4D9A26;
}
#blockEditor .popUp .blockConfig .picto.securedTodo svg {
    fill: #1888d7;
}
#blockEditor .popUp .blockConfig .button .picto.secured svg {
    fill: #FFF;
}


/*********************************************************************
 *                             DASHBOARD                             *
 ********************************************************************/
#editorWrapper #dashboard {
   /* display: none;*/
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f0f4f8;
    z-index: 1000;
    color: #555;
    font-family: 'Titillium Web', sans-serif;
}
#editorWrapper #dashboard a:not(.btn) {
    text-decoration: none;
    color: #555;
}
#editorWrapper #dashboard .picto {
    display: inline;
    display: inline-flex;
    fill: #555;
}
#editorWrapper #dashboard .closeBtn {
    position: absolute;
    top: 0;
    right: 0;
    display: inline;
    display: inline-flex;
    padding: 10px;
    cursor: pointer;
    z-index: 99;
}
#editorWrapper #dashboard .closeBtn:hover {
    background: #e6ecf3;
}
#editorWrapper #dashboard .closeBtn .closeText {
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px;
}
#editorWrapper #dashboard .closeBtn .picto {
    display: inline;
    display: inline-flex;
}
#editorWrapper #dashboard .closeBtn .picto svg {
    width: 25px;
    height: 25px;
    fill: #555;
}
#editorWrapper #dashboard .sidenav {
    height: 100%;
    width: 250px;
    float: left;
    box-shadow: 0 2px 2px #DDD,0 2px 2px #DDD;
    border-right: 1px solid #DDD;
    background: #FFF;
}
#editorWrapper #dashboard .sidenav .list .item {
    padding: 8px 0 8px 16px;
    cursor: pointer;
}
#editorWrapper #dashboard .sidenav .list .item.active,
#editorWrapper #dashboard .sidenav .list .item:hover {
    background: #f0f4f8;
}
#editorWrapper #dashboard .sidenav .list .item .icon {
    display: inline-block;
    fill: #555;
    padding: 4px;
    height: 24px;
}
#editorWrapper #dashboard .sidenav .list .item .text {
    display: inline-block;
    padding-left: 10px;
    vertical-align: super;
}
#editorWrapper #dashboard .container {
    height: 100%;
    float: left;
    width: calc(100% - 251px);
    overflow-y: auto;
}
#editorWrapper #dashboard .container .content {
    position: relative;
    min-height: calc(100% - 15px);
    padding: 15px 35px 0;
}
#editorWrapper #dashboard .panelContainer {
    position: relative;
}
#editorWrapper #dashboard .mainPanel {
    max-width: 1000px;
    padding-bottom: 15px;
}
#editorWrapper #dashboard .sidePanel {
    position: absolute;
    top: 0;
    right: 0;
    width: 465px;
    padding-bottom: 15px;
}
#editorWrapper #dashboard .mainPanel.hasSidePanel {
    padding-right: 500px;
}
#editorWrapper #dashboard .sidePanel select,
#editorWrapper #dashboard .sidePanel textarea,
#editorWrapper #dashboard .sidePanel input {
    width: 100%;
}
#editorWrapper #dashboard .noP {
    padding:0 !important;
}
#editorWrapper #dashboard .title-1 {
    font-size:45px;
    padding-bottom:20px;
}
#editorWrapper #dashboard .title-2 {
    font-size:30px;
    padding-bottom:20px;
}
#editorWrapper #dashboard .title-3 {
    font-size:20px;
    padding-bottom:20px;
}
#editorWrapper #dashboard .cswRow {
    box-sizing: border-box;
    min-height: 48px;
    padding: 15px 0;
    display: flex;
    align-items: center;
}
#editorWrapper #dashboard .cswRow::after {
    clear:both;
    content: " ";
    display: block;
    overflow: hidden;
}
#editorWrapper #dashboard .cswCol,
#editorWrapper #dashboard .cswCol-50 {
    float:left;
    padding: 0 15px;
    box-sizing: border-box;
    flex:1;
}
#editorWrapper #dashboard .cswCol-50 {
    width:50%;
}
#editorWrapper #dashboard .cswCol-50.label {
    text-align: right;
}
#editorWrapper #dashboard .label .info {
    font-size:12px;
}
#editorWrapper #dashboard .separator {
    height:1px;
    background: #DDD;
}
#editorWrapper #dashboard .groupIcon {
    display:inline;
    display:flex;
    align-items: center;
    padding-right: 8px;
}
#editorWrapper #dashboard .groupIcon.last {
    margin-left: auto;
}
#editorWrapper #dashboard .groupIcon > * {
    margin: 0 4px;
}
#editorWrapper #dashboard .groupIcon.last > * {
    margin: 0 8px;
}
#editorWrapper #dashboard .groupIcon > .first {
    margin-left: 0 !important;
}
#editorWrapper #dashboard .groupIcon > .last {
    margin-right: 0 !important;
}
#editorWrapper #dashboard .groupIcon .moveItem {
    cursor: grab;
}
#editorWrapper #dashboard .groupIcon .moveItem svg {
    width: 18px;
}
#editorWrapper #dashboard .groupIcon .chevron:not(.disabled),
#editorWrapper #dashboard .groupIcon .delete:not(.disabled),
#editorWrapper #dashboard .groupIcon .edit:not(.disabled),
#editorWrapper #dashboard .groupIcon .visible:not(.disabled) {
    cursor: pointer;
}
#editorWrapper #dashboard ul.list ul.list {
    margin-left:32px;
}
#editorWrapper #dashboard ul.list li .item {
    box-sizing: border-box;
    min-height: 48px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
}
#editorWrapper #dashboard ul.list li .item:hover {
    background:#F0F0F0;
}
#editorWrapper #dashboard .blockParams {
    background: #FFF;
    border: 1px solid #DDD;
    box-shadow: 0 2px 2px #DDD,0 0 2px #DDD;
    margin-bottom:30px;
}
#editorWrapper #dashboard select,
#editorWrapper #dashboard textarea,
#editorWrapper #dashboard input:not([type='file']) {
    background: #fff;
    border: none;
    border-bottom: 1px solid #555;
    color: #555;
    padding: 4px;
    font-size: 16px;
    width: 350px;
    max-width: 100%;
    height: auto;
    line-height: initial;
    border-radius: 0;
    box-sizing: border-box;
}
#editorWrapper #dashboard input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    max-width: 100%;
    text-align: right;
    opacity: 0;
    outline: none;
    background: transparent;
    cursor: inherit;
    display: inline-block;
    padding:0;
}
#editorWrapper #dashboard textarea,
#editorWrapper #dashboard input {
    padding:4px 8px;
}
#editorWrapper #dashboard textarea:focus,
#editorWrapper #dashboard select:focus,
#editorWrapper #dashboard input:focus {
    border-bottom: 2px solid #1888d7;
    padding-bottom: 3px;
}
#editorWrapper #dashboard textarea {
    width:100%;
    min-width:100%;
}
#editorWrapper #dashboard input[type="checkbox"] {
padding: 4px;
margin: 0;
height: 20px;
width: 20px;
background: #fff !important;
color: #555;
}
#editorWrapper #dashboard textarea:disabled,
#editorWrapper #dashboard select:disabled,
#editorWrapper #dashboard input:disabled {
    color:#999;
    border-bottom: 1px dotted #999;
    padding-bottom: 4px;
}
#editorWrapper #dashboard .field.error input,
#editorWrapper #dashboard .field.error select,
#editorWrapper #dashboard .field.error textarea,
#editorWrapper #dashboard .field.error input:focus,
#editorWrapper #dashboard .field.error select:focus,
#editorWrapper #dashboard .field.error textarea:focus,
#editorWrapper #dashboard .field.error input:disabled,
#editorWrapper #dashboard .field.error select:disabled,
#editorWrapper #dashboard .field.error textarea:disabled {
    caret-color:#CC0000;
    border-color:#CC0000;
}
#editorWrapper #dashboard .field .error {
    display: none;
    font-size: 12px;
    color: #CC0000;
}
#editorWrapper #dashboard .field.error .error {
    display: inline;
}
#editorWrapper #dashboard .label.disabled {
    color: #999;
}
#editorWrapper #dashboard .content.domain .ourDomain,
#editorWrapper #dashboard .content.domain .hisDomain,
#editorWrapper #dashboard .content.domain .otherDomain {
    display:none;
}
#editorWrapper #dashboard .subdomainInput input {
    width: 90px;
    text-align: right;
}
#editorWrapper #dashboard .label.notSecured {
    color: #CC0000;
}
#editorWrapper #dashboard .picto.notSecured {
    fill: #CC0000;
}
#editorWrapper #dashboard .label.secured {
    color: #4D9A26;
}
#editorWrapper #dashboard .picto.secured {
    fill: #4D9A26;
}
#editorWrapper #dashboard .faviconContainer {
    display:flex;
    align-items: center;
}
#editorWrapper #dashboard .faviconContainer img.faviconPreview {
    max-width: 64px;
    max-height: 64px;
    margin-right: 32px;
}
#editorWrapper #dashboard .btn.right,
#editorWrapper #dashboard .btn.primary:not(.left) {
    float:right;
}
#editorWrapper #dashboard .btn.left {
    float:left;
}
#editorWrapper #dashboard .btn.float {
    position: absolute;
    right: 30px;
    bottom: -19px;
}
#editorWrapper #dashboard .horizontalTabs .horizontalTab {
    float:left;
    min-height: 48px;
    padding: 0 24px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    display: inline-flex;
    border-bottom:2px solid transparent;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    text-transform: uppercase;
}
#editorWrapper #dashboard .horizontalTabs .horizontalTab.active,
#editorWrapper #dashboard .horizontalTabs .horizontalTab:hover {
    border-bottom:2px solid #1888d7;
}

/* Redirections */
#editorWrapper #dashboard .redirects {
    position: relative;
}
#editorWrapper #dashboard .redirection .cswRow {
    position:relative;
}
#editorWrapper #dashboard .redirection .delRow {
    display:none;
    position: absolute;
    right: 15px;
    top: 15px;
    bottom: 15px;
    fill: #CC0000;
    cursor: pointer;
    align-items: center;
}
#editorWrapper #dashboard .redirection:hover .delRow {
    display:flex;
}
#editorWrapper #dashboard .redirection .delRow .picto {
    flex:1;
}

/* Loader component */
#editorWrapper .mat-loader {
    position: relative;
    margin: 0 auto;
    width: 24px;
}
#editorWrapper .mat-loader:before {
    content: '';
    display: block;
    padding-top: 100%;
}
#editorWrapper .circular {
    -webkit-animation: loaderRotate 2s linear infinite;
            animation: loaderRotate 2s linear infinite;
    height: 100%;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
}
#editorWrapper .circular .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: loaderDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
            animation: loaderDash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
    stroke-linecap: round;
    stroke: #fff;
    stroke-width: 4px;
}
@-webkit-keyframes loaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
/* Don't take care of vim error on the next "}" */
}
@keyframes loaderRotate {
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-webkit-keyframes loaderDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
/* Don't take care of vim error on the next "}" */
}
@keyframes loaderDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px;
    }
}

/***** Menu tree ******/
#editorWrapper #dashboard #menusContents:not(.isDefault) .showToDefault {
    display:none;
}
#editorWrapper #dashboard #menusContents .dashboardMenuTreeContainer {
    position: relative;
    max-height: calc(100vh - 421px);
    min-height: 250px;
    overflow: auto;
}
#editorWrapper #dashboard #menusContents:not(.isDefault) .dashboardMenuTreeContainer {
    max-height: calc(100vh - 360px);
}
#editorWrapper #dashboard li > .item .chevron svg * {
    display: none;
}
#editorWrapper #dashboard li.hasChilds > .item .chevron svg * {
    display: block;
}
#editorWrapper #dashboard .item .chevron {
    -webkit-transition: all 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
       -moz-transition: all 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
         -o-transition: all 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
            transition: all 400ms cubic-bezier(0.4, 0.0, 0.2, 1);

    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
#editorWrapper #dashboard .fold > .item .chevron {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
#editorWrapper #dashboard ul.dashboardMenuTree.list.root {
    margin-bottom: 16px;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list {
    overflow: hidden;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list .item.inEdition {
    background-color: #1888d7;
    color: #fff;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list .item.inEdition .picto svg {
    fill: #fff;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list .item .picto svg {
    fill:#555;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list .item .picto.disabled svg {
    fill:#999;
}
#editorWrapper #dashboard .fold ul.dashboardMenuTree.list {
    height: 0;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list li .insertType {
    position: absolute;
    display: inline;
    display: flex;
    top: 12px;
    left: -8px;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list li .item div {
    display:flex;
    width: 100%;
    align-items: center;
}
#editorWrapper #dashboard ul.dashboardMenuTree.list.sorting li .item:hover {
    background-color:#fff;
}
#editorWrapper #dashboard .dmtPlaceholderContainer {
    position: relative;
    height:0;
}
#editorWrapper #dashboard .dmtPlaceholderContainer div {
    position: absolute;
    height: 2px;
    background-color: #F0F0F0;
    top: -1px;
    bottom: -1px;
    left:0;
    right:0;
}

/*********************************************************************
 *                              CONFIRM                              *
 ********************************************************************/
#editorWrapper #confirm.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
    background: #0006;
    color: #555;
    font-family: 'Titillium Web', sans-serif;
}
#editorWrapper #confirm .dialog {
    display:inline-block;
    background: #FFF;
    margin-bottom:30px;
    border-radius: 2px;
    margin-top: 50vh;
    margin-left: 50vw;
    transform: translateY(-50%) translateX(-50%);
    max-width: 100%;
}
#editorWrapper #confirm .dialog .container {
    display:inline-block;
    max-width: 800px;
}
#editorWrapper #confirm header {
    font-size:24px;
    padding: 24px 24px 20px;
}
#editorWrapper #confirm section {
    padding: 0 24px 24px;
    font-size: 14px;
}
#editorWrapper #confirm section input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #555;
    color: #555;
    padding: 4px;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    height: auto;
    line-height: initial;
    border-radius: 0;
}
#editorWrapper #confirm section input:focus {
    border-bottom: 2px solid #1888d7;
    padding-bottom: 3px;
}
#editorWrapper #confirm footer {
    padding: 8px;
    text-align: right;
}
#editorWrapper #confirm footer button.cancel {
    margin-right: 8px;
}

/**********************************************************************
 *                             Responsive                             *
 *********************************************************************/
@media screen and (max-width: 1782px) {
    #blockEditor .blockEditionTabs .blockLogo .logo {
        width: 174px;
    }
}
@media screen and (max-width: 1706px) {
    #blockEditor .blockEditionTabs .block.blockConfig {
        display:none;
    }
}
@media screen and (max-width: 1590px) {
    #blockEditor .blockEditionTabs .blockLogo .logo {
        width: 168px;
    }
    #blockEditor .blockEditionTabs .blockTabs a.item {
        padding: 18px 13px;
    }
    #blockEditor .blockEditionTabs .tabsContainer .blockTabs.blockLogout a.item.logout {
        padding: 18px 16px;
    }
    #blockEditor .blockEditionTabs .blockPublish a.item {
        padding: 21px 13px 21px 25px;
    }
}
@media screen and (max-width: 1460px) {
    #blockEditor .blockEditionTabs .blockLogo .logo {
        background: url("logo-editor.png") no-repeat scroll center center transparent;
        display: block;
        float: left;
        height: 60px;
        width: 174px;
    }
    #blockEditor .blockEditionTabs .blockTabs a.item {
        display: block;
        text-align: center;
        padding: 6px 16px;
	}
    #blockEditor .blockEditionTabs .blockTabs a.item:not(.logout) .picto {
        padding-right: 0;
        display: block;
        float: none;
    }
    #blockEditor .blockEditionTabs .blockTabs a.item span.tabTitle {
        padding: 3px 0;
        display: block;
        float: none;
    }
    #blockEditor .blockEditionTabs .tabsContainer .blockTabs.blockLogout a.item.logout {
        padding: 18px 16px;
    }
    #blockEditor .blockEditionTabs .blockPublish a.item {
        padding: 12px 13px 12px 25px;
    }
	#blockEditor .blockEditionTabs .blockTabs .item span {
		font-size:13px;
	}
	#blockEditor .blockEditionTabs .blockTabs.blockPublish .item span {
        font-size:15px;
        max-width: 72px;
	}
}
@media handheld, only screen and (max-width: 1370px) {
	/*=================Popup de la photothèque========================*/
	#editorWrapper .popupWizard .wizardHeader .content {
		padding-top:0px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockContent {
		padding:5px 10px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockSearch {
		padding:0px 0px 10px 90px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch .inner-2 {
		padding:5px 20px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockAdvancedSearch {
		margin:0px 0px 5px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockBasketInfos {
		padding:5px 30px;
	}
	#editorWrapper .popupWizard .managerPhoto .blockResults {
		padding:0px 22px;
	}
}
@media screen and (max-width: 1160px) {
	#blockEditor .blockEditionTabs .blockTabs .item .tabTitle {
		font-size:0;
		text-indent:-9999px;
	}
    #blockEditor .blockEditionTabs .blockTabs a.item {
        text-align: center;
        padding: 18px 16px;
        display: flex;
    }
    #blockEditor .blockEditionTabs .blockTabs a.item:not(.logout) .picto {
        display: inline-flex;
    }
    #blockEditor .blockEditionTabs .blockPublish a.item {
        padding: 12px 13px;
    }
	#blockEditor .blockEditionTabs .blockPublish .publish-img {
		display: none;
	}
	#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom {
	    width: 150px;
		padding:0px;
	}
	#blockEditor .blockEditionRibbon .ribbonInfoAreaCustom-item {
	    width: 240px;
	}
	#blockEditor .blockEditionRibbon #themesTab .ribbonInfoValid,
	#blockEditor .blockEditionRibbon #pagesTab .ribbonInfoValid,
	#blockEditor .blockEditionRibbon #tab6 .ribbonInfoValid {
		display: none;
	}

	/* Rubban des items */
	#themeContainer {
		padding-top:134px;
	}
	#blockEditor .blockEditionRibbon .ribbonScrollerContainer,
	#blockEditor .blockEditionRibbon {
		height:73px;
	}
	#blockEditor .editionRibbon textarea.textArea-1 {
		height: 55px;
	}
	#blockEditor .blockEditionRibbon .editionBox.imageBrowse .col .line,
	#blockEditor .blockEditionRibbon .editionBox.flashBrowse .col .line,
	#blockEditor .blockEditionRibbon .editionBox.flashStyle .col .line {
		clear: both;
		float: none;
	}
	#blockEditor .blockEditionRibbon .editionBox.socialSettings .content,
	#blockEditor .blockEditionRibbon .editionBox.linkSettings .content {
		padding: 10px 0px 0px 10px !important;
	}
	#blockEditor .blockEditionRibbon .editionBox.imageBrowse .col .line.line-2 {
		padding: 2px 0 0;
	}
	#blockEditor .blockEditionRibbon .imageActions .btnAction {
		padding-top: 6px;
	}
	#blockEditor .blockEditionRibbon #tab6 .editionBox.imageBrowse .labelTitle,
	#blockEditor .blockEditionRibbon #tab6 .editionBox.resize .labelTitle,
	#blockEditor .blockEditionRibbon #tab6 .editionBox.imageStyle .labelTitle {
		padding: 6px 20px 0 5px;
	}
	#blockEditor .blockEditionRibbon .ribbonValid {
		top:73px;
	}
	#editorWrapper .btnRound.cancel {
		background-position: -1px center;
	}
	#blockEditor .blockEditionRibbon .editionBox.themeAreaCustom .content {
	    padding: 0 0 0 6px;
	}
	#editorWrapper .btnSelect-mid-1.preview span span span span {
	    background-position: -3px -240px !important;
	    padding-left: 20px;
	}
	#blockEditor .blockEditionRibbon .ribbonSelector, #blockEditor .blockEditionRibbon .ribbonSelector .right,
	#blockEditor .blockEditionRibbon .ribbonSelector .content, #blockEditor .blockEditionRibbon .ribbonSelector .typeSelector,
	#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector .type, #blockEditor .blockEditionRibbon #publishTab,
	#blockEditor .blockEditionRibbon #publishTab .ribbonValid, #blockEditor .blockEditionRibbon .editionRibbon.light,
	#blockEditor .blockEditionRibbon .editionRibbon.light .right, #blockEditor .blockEditionRibbon .editionRibbon.light .content,
	#blockEditor .blockEditionRibbon #publishTab .menuHistory, #blockEditor .blockEditionRibbon .publishActions .btnAction,
	#blockEditor .blockEditionRibbon .pageActions .btnAction span, #blockEditor .blockEditionRibbon .pageActions .btnAction,
	#blockEditor .blockEditionRibbon #homeTab {
		height: 66px;
	}
	#blockEditor .blockEditionRibbon .publishActions .btnAction .type,
	#blockEditor .blockEditionRibbon .pageActions .btnAction .type,
	#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector .type,
	#blockEditor .blockEditionRibbon .ribbonSelector .typeSelector .icon,
	#blockEditor .blockEditionRibbon .pageActions .btnAction span {
		height: 61px;
	}
	#blockEditor .blockEditionRibbon .publishActions .btnAction > span {
		height: 50px;
	}
	#blockEditor .blockEditionRibbon .publishWebsite .btnPublish {
		height: 63px;
		background-color: #1888d7;
	}
	#blockEditor .blockEditionRibbon .editionBox.pageCurrent .content, #blockEditor .blockEditionRibbon .editionBox.pageLayout .content {
		height: 27px;
		margin-top: 12px;
	}
	#blockEditor .blockEditionRibbon .ribbonSelector.unfold .typeSelector .type {
	    background: url("bgd-arrow-unfold.png") no-repeat scroll right 11px transparent;
	}
	#blockEditor .blockEditionRibbon .ribbonSelector .addItems {
		padding-top: 7px;
	}
	#blockEditor .blockEditionRibbon #homeTab .ribbonInfo {
		margin-top: -5px;
	    padding: 0 0 0 55px;
	    width: 195px;
	}
}
/* --- END responsive --- */