/* -----------------------------------*/
/* ---------->>> FONTS <<<------------*/
/* -----------------------------------*/
@font-face {
	font-family: 'source_sans_proregular';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'source_sans_probold';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'source_sans_probold_italic';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-boldit-webfont.svg#source_sans_probold_italic') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'source_sans_proitalic';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'source_sans_prolight';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'source_sans_prolight_italic';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-lightit-webfont.svg#source_sans_prolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'source_sans_prosemibold';
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot');
	src: url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff2') format('woff2'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.woff') format('woff'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.ttf') format('truetype'),
	url('/skins/default/media/fonts/source-sans-pro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.container{max-width:1440px !important;}
.main-container {padding-bottom:40px}

body {
	font-family: 'Montserrat', sans-serif;
	overflow-x: hidden;
	color: #332E3C;
	font-weight: 300;
}

a{color:#d5392c;}
a:focus,a:hover{color:#84231b;text-decoration:none;}
img{max-width:100%;}

/* -----------------------------------*/
/* -------->>> GUTTER WIDTH <<<-------*/
/* -----------------------------------*/
/* http://arnique.net/web-design/58/a-quick-guide-to-changing-bootstraps-gutter-width/ */
/* 20px gutter */
.gutter-20.row{margin-right:-10px;margin-left:-10px}
.gutter-20 > [class^="col-"],.gutter-20 > [class^=" col-"]{padding-right:10px;padding-left:10px}
/* 10px gutter */
.gutter-10.row{margin-right:-5px;margin-left:-5px}
.gutter-10 > [class^="col-"],.gutter-10 > [class^=" col-"]{padding-right:5px;padding-left:5px}
/* 0px gutter */
.gutter-0.row{margin-right:0;margin-left:0}
.gutter-0 > [class^="col-"],.gutter-0 > [class^=" col-"]{padding-right:0;padding-left:0}
/* -----------------------------------*/
/* ---------->>> FORMS <<<----------*/
/* -----------------------------------*/
/* ---------->>>GENERIC <<<----------*/
label{display:block;color:#000;}
label span.small-indicator{display:block; font-size:12px; font-weight:400}
label.label-different-height{margin-top:15px}
select, input[type=text], input[type=tel], input[type=number], input[type=search], input[type=password], input[type=email], textarea{width:100%; margin-bottom:15px; border:1px solid #ccc; padding:0px 0px 0px 10px;}
select, input[type=text], input[type=tel], input[type=number], input[type=search], input[type=password], input[type=email]{height:40px;}
div.small-input{overflow:hidden}
div.small-input input[type=text], div.small-input input[type=tel]{width:60px}
.on-calendar{margin-top:34px; text-transform:uppercase; text-align:center}
button[disabled], html input[disabled],select[disabled] {
	cursor: default;
	background: #e4dddd;
}
@media max-width 767px{label.label-different-height{margin-top:0}}
/* ---------->>>label with diferent height <<<----------*/
/* ---------->>>RADIO AND CHECKBOX <<<----------*/
/*checkbox and radio wrapper*/
.wp-radio-checkbox-inline{margin-left:-20px}
.wp-radio-checkbox-block label.control{display:block;}
.wp-radio-checkbox-inline label.control{display:inline-block;margin-left:20px;margin-top:8px;}
label.control{display:block; position:relative; padding-left:28px; margin-bottom:15px; cursor:pointer; min-height:30px}
label.control span{display:inline-block; color:#828080}
label.control.without-text{display:inline-block; padding-left:30px}
/*checkbox and radio common*/
label.control input{position:absolute; z-index:-1; opacity:0}
label.control .visible-button{position:absolute;top:0px;left:0;height:20px;width:20px;margin-bottom:0px;}
/* specific checkbox */
label.control.control--checkbox .visible-button{background:none; border:1px solid #8e8b8b; border-radius:4px}
label.control.control--checkbox input:checked ~ .visible-button{background-color:#163850}
label.control.control--checkbox .visible-button:after{ left:7px; top:-1px; width:6px; height:15px; border:solid #fff; border-width:0 3px 3px 0; transform:rotate(45deg); content:''; position:absolute; display:none}
label.control.control--checkbox input:checked ~ .visible-button:after{display:block}
/* specific radio */
label.control.control--radio .visible-button{border-radius:50%; background:#b0bec7; background:rgba(22,56,80,0.2); border:1px solid #163850}
label.control.control--radio .visible-button:after{left:4px; top:4px; height:10px; width:10px; border-radius:50%; background:#163850; content:''; position:absolute; display:none}
label.control.control--radio input:checked ~ .visible-button:after{display:block}
/*DISABLE*/
label.control input:disabled ~ .visible-button{background:#e6e6e6!important; opacity:.5; pointer-events:none;}
label.control.control--checkbox input:disabled ~ .visible-button:after{border-color:#7b7b7b}
label.control.control--radio input:disabled ~ .visible-button:after{background:#7b7b7b}
.filtre-inline-block-wp .filtre-inline-block{display:inline-block; vertical-align:top; width:auto; margin-right:10px; vertical-align:middle; float:none; margin-bottom:10px; margin-top:10px;}
.filtre-inline-block-wp label{display:inline-block; VERTICAL-ALIGN:MIDDLE; float:none; margin-right:8px; margin-bottom:0px}
.filtre-inline-block-wp .data-parution{border-right:1px solid #ccc; margin-right:29px; padding-right:29px}
.filtre-inline-block-wp label span{padding-right:5px; text-transform:none; font-size:15px}
.filtre-inline-block-wp .data-parution .jqTransformSelectWrapper{margin-bottom:0px}

/* ---------->>>Data picker jquery <<<----------*/
input.hasDatepicker.open{border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0}
.ui-datepicker{ background:#fff!important; width:17em; padding:.2em .2em 0; display:none; border:1px solid #c3c3c3; border-radius:0 4px 4px 4px; -moz-border-radius:0 4px 4px 4px; background:#fff; background:linear-gradient(#fff,#ebebeb); background:-moz-linear-gradient(#fff,#ebebeb); background:-webkit-gradient(#fff,#ebebeb); background:-o-linear-gradient(#fff,#ebebeb); box-shadow:0 2px 3px #ededed; -moz-box-shadow:0 2px 3px #ededed; -webkit-box-shadow:0 2px 3px #ededed; border-radius:0px}
.ui-datepicker .ui-datepicker-header{position:relative; padding:.2em 0; border:none; background:none}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{display:none}
.ui-datepicker .ui-datepicker-title{margin:0; line-height:1.8em; text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:16px; margin:1px 10px; font-family:'source_sans_prosemibold'}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year{width:43%}
.ui-datepicker table{width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em; text-align:center; font-weight:bold; border:0; color:#163850; text-transform:uppercase; font-size:12px}
.ui-datepicker td{border:0; padding:1px}
.ui-datepicker td span, .ui-datepicker td a{display:block; padding:.2em; text-align:right; text-decoration:none; color:#292929; background:#d0d7dc!important; text-align:center}
.ui-datepicker td span, .ui-datepicker td a:hover{color:#d9212e}
.ui-datepicker td span, .ui-datepicker td a.ui-state-disabled{color:#959595}
.ui-datepicker-trigger, .clear-dates{border:1px solid #ccc; cursor:pointer; float:left; padding:1px; padding:7px;}
input[type="text"].js-datepicker{ width:78%; float:left}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ border:1px solid #163850; background:#b0bec7; color:#363636}
button.ui-datepicker-trigger, .clear-dates{width:11%; height:40px}
button.ui-datepicker-trigger{background:#fff url("/skins/default/media/images/icons/ic_insert_invitation_black_24px.svg") no-repeat center center; }
.clear-dates{background:#fff url("/skins/default/media/images/icons/ic_clear_black_24px.svg") no-repeat center center}
/* ---------->>>PAGINATION <<<----------*/
.pagination-wp{ float:right; margin-top:10px}
.pagination-wp .pagination{margin:0px}
.pagination-wp .pagination li a{ padding-top:8px; padding-bottom:8px; color:#5a5959}
/* -----------------------------------*/
/* ---------->>>BUTTONS <<<----------*/
/* -----------------------------------*/
.btnsWrapper{margin-left:-15px}
button.btnSimple, .btnSimple, input[type="submit"].btnSimple{background:#4d5989 none repeat scroll 0 0;border-radius:5px;color:#fff;display:inline-block;padding:9px 15px;display:inline-block;transition:all 0.3s ease 0s;margin-bottom:15px;text-align:center;border: none;}
.btnSimple:hover, input[type="submit"].btnSimple:hover, .btnSimple:focus, input[type="submit"].btnSimple:focus{background: #d5392c;color:#fff;}
.btnSimple.active{background: #AE2E23; color:#fff;}
.btnSimple.btn--darkgray, input[type="submit"].btnSimple.btn--darkgray{background: #4d5989;
	color: #fff;
	width: 122px;
	display: inline-block;
	font-size: 16px;
	margin: 0 auto;
	float: none;
	margin-top: 5px;
	margin-bottom: 5px;
}
.btnSimple.btn--darkgray:hover, input[type="submit"].btnSimple.btn--darkgray:hover{background:#d5392c}

.btnSimple.btn--lightgray, input[type="submit"].btnSimple.btn--lightgray{background:#b9b6b5; color:#2f2e2e}
.btnSimple.btn--lightgray:hover, input[type="submit"].btnSimple.btn--lightgray:hover{background:#4d5989}

.btnsWrapper .btnSimple{margin-left:15px}
input[type="submit"]{border:none}
.btnSimple:hover{color:#fff; text-decoration:none}
.btnSimple.outline {
	background: #d5392c;
	width: 100%;
}
/* ---------->>>buttons icon <<<----------*/
.btnIcon:first-of-type{margin-left:0px}
.btnIcon{margin-bottom:15px; margin-left:15px; display:inline-block}
.btnIcon:hover{text-decoration:none}
.btnIcon>span{display:inline-block; padding:3px 15px 1px; vertical-align:middle; border:1px solid #4d5989; transition:all 0.3s ease 0s; height:34px; padding-top:0px}
.btnIcon .btnIcon__icon{border-top-left-radius:5px; border-bottom-left-radius:5px; background:#fff}
.btnIcon.btn-without-text .btnIcon__icon{border-radius:5px}
.btnIcon .btnIcon__iconsvg{position:relative; top:50%; transform:translateY(-50%)}
.btnIcon .btnIcon__icon path{fill:#4d5989}
.btnIcon .btnIcon__text{color:#4d5989; border-top-right-radius:5px; border-bottom-right-radius:5px; border:1px solid #4d5989; border-left:none; margin-left:-3px; background:#fff; padding-top:7px}
.btnIcon .btnIcon__icon .fa.fa-code{top: 45%;}
.btnIcon:hover .btnIcon__icon{background:#4d5989; border-right-color:#59669b}
.btnIcon:hover .btnIcon__icon path{fill:#fff}
.btnIcon:hover .btnIcon__text{color:#fff; background:#4d5989}

/* buttons modifier*/
.btnIcon--right{float:right}

/* buttons modifier whiteONblue*/
.btnIcon.btnIcon--whiteONblue>span{border:1px solid #4d5989}
.btnIcon.btnIcon--whiteONblue .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONblue .btnIcon__icon{background:#59669b}
.btnIcon.btnIcon--whiteONblue .btnIcon__text{color:#fff; background:#59669b}

.btnIcon.btnIcon--whiteONblue:hover .btnIcon__icon{background:#4d5989; border-right-color:#59669b}
.btnIcon.btnIcon--whiteONblue:hover .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONblue:hover .btnIcon__text{color:#fff; background:#4d5989}
/* buttons modifier whiteONred*/
.btnIcon.btnIcon--whiteONred>span{border:1px solid #bb283a}
.btnIcon.btnIcon--whiteONred .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONred .btnIcon__icon{background:#da3549}
.btnIcon.btnIcon--whiteONred .btnIcon__text{color:#fff; background:#da3549}

.btnIcon.btnIcon--whiteONred:hover .btnIcon__icon{background:#bb283a; border-right-color:#da3549}
.btnIcon.btnIcon--whiteONred:hover .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONred:hover .btnIcon__text{color:#fff; background:#bb283a}

/* buttons modifier whiteONblueCiel background-color:#018aca;*/
.btnIcon.btnIcon--whiteONblueCiel>span{border:1px solid #0181bc}
.btnIcon.btnIcon--whiteONblueCiel .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONblueCiel .btnIcon__icon{background:#018aca}
.btnIcon.btnIcon--whiteONblueCiel .btnIcon__text{color:#fff; background:#018aca}

.btnIcon.btnIcon--whiteONblueCiel:hover .btnIcon__icon{background:#0181bc; border-right-color:yellow}
.btnIcon.btnIcon--whiteONblueCiel:hover .btnIcon__icon path{fill:#fff}
.btnIcon.btnIcon--whiteONblueCiel:hover .btnIcon__text{color:#fff; background:#0181bc}

/* ---------->>>buttons icon end <<<----------*/
ul.tabs{margin:0; padding:0; list-style:none; width:100%}
ul.tabs li{float:left; margin:0; padding:0}

/*Tab Content CSS*/
.tab_container{ overflow:hidden; clear:both; float:left; width:100%; background:#fff; padding:20px 0px; padding-top:0px}
/*specific content*/
ul.tabs{margin-left:-3px}
ul.tabs li{margin-left:3px}
.tab_content .btnsWrapper{text-align:right}
.tab_container label.control{margin-bottom:5px}
ul.tabs li.active .btnIcon.btnIcon--whiteONblue .btnIcon__icon, ul.tabs li.active .btnIcon.btnIcon--whiteONblue .btnIcon__text{background:#d5392c;border:1px solid #84231b;}
ul.tabs li .btnIcon .btnIcon__icon {padding-top: 3px;}
/* ---------->>>tabs <<<----------*/
/* ---------->>>end tabs <<<----------*/
/* ---------->>>HEADER <<<----------*/
.manage-client-drop .dropdown-menu>li>a{font-size:16px}
.manage-client-drop button{ background:none; border:none; display:inline-block; padding-top:14px; padding-left:15px; font-size:18px; text-transform:uppercase}
.dropdown ul.dropdown-menu li{ padding:0 10px}
.logo-brand{ float:left}
.logo-brand img{ max-width:100%}
.header-main-links{ position:relative}
ul.main-nav{list-style-type:none; float:left; margin-top:27px}
ul.main-nav>li{ float:left}
.upload-public a img, a.help img{position:relative; top:-2px; margin-right:3px}
ul.main-nav>li>a, a.help{ display:inline-block; text-decoration:none; color:#777; padding:10px 15px; text-transform:uppercase; font-size:18px; line-height:25px}
ul.main-nav>li>a:hover, .manage-client-drop button:hover, .manage-client-drop .dropdown.open button, a.help:hover, ul.main-nav>li.active>a, ul.main-nav>li.active>.dropdown, a.help.active{color:#d5392c}
.help{float:right; margin-top:28px; margin-right:20px}
.small-top-menu{background:#000; text-align:right; padding:10px 35px}
.small-nav-top{ list-style-type:none; margin:0px; padding:0px; display:inline-block; text-align:right}
.small-nav-top li{ display:inline-block}
.small-nav-top li a, .small-nav-top li{ color:#afacac; font-family:'source_sans_probold'; text-decoration:none; font-size:16px}
.small-nav-top li a:hover{color:#962319}
.small-nav-top li.logout{text-transform:uppercase; padding-left:15px}
.small-nav-top li.logout a{color:#d5392c}
.small-nav-top li.logout a:hover{color:#962319}
#menu .help{ float:left; margin-top:15px}
.mm-listview>li>a, .mm-listview>li>span{ font-size:14px; line-height:17px; text-transform:uppercase}
.mm-listview>li.logout>a{color:red}
.btn-menu-mobile{ float:right; display:none; position:absolute; top:50%; transform:translateY(-50%); right:20px}
.btn-menu-mobile img{ width:30px}

/* ---------->>>LOGIN <<<----------*/
#page_id_1065, #page_id_1075{background:#25272F url(/skins/default/media/images/bg_noisy.png) repeat; text-align:center}
#page_id_1065 footer, #page_id_1075 footer{display:none}
.gray-box{background-color:#f7f7f7; border-radius:2px; box-shadow:0 2px 2px rgba(0,0,0,0.3); padding:40px}
.gray-box.login-box-wrapper h1{margin-top:10vh; margin-bottom:10px; text-transform:uppercase; font-size:20px}
.login-box-wrapper{float:none; width:450px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%)}
.login-box-wrapper .gray-box{margin-bottom:30px; padding-top:20px; padding-bottom:30px}
.login-icon{display:inline-block; margin-bottom:10px}
.propulse-etco-logo{display:inline-block;width: 260px;}

/* ---------->>>GENERIC <<<----------*/
.black-band{padding-=top:2; padding-top:10px; padding-bottom:10px}
.heading1{color:#000;font-size:32px;text-transform:uppercase;padding:3px 0px;margin-bottom:0px;font-family: source_sans_proregular;}
/* ---------->>>MANEGE PUBLICATIONS <<<----------*/
.filtres-pagination{ margin-bottom:0px; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.sort-wp{margin-left:-20px; margin-bottom:25px}
p.sort{ display:inline-block; padding-left:20px; margin-top:10px; margin-bottom:10px}
.sort span{ padding-right:5px; text-transform:uppercase; color:#d5392c}
.sort a{ color:#423f3f; background:url(/skins/default/media/images/icons/icon-arrow-down2-24.png) no-repeat top right; padding-right:20px; background-size:21px}
table.publication-upload{ margin-bottom:5px; margin-left:11px}
table.publication-upload td{ padding: 3px 13px;
	font-size: 15px;
line-height: 18px;}
td.publication-upload-text{font-weight:600}
table.publication-upload tr:nth-child(even) {background:rgba(204,204,204,0.3)}
.publication-single{width:100%; margin-bottom:25px}
.publication-single-block{vertical-align:top; float:left}
.publication-single-block .ajax_msg {margin-top:15px;clear:both;display:none;}
.publication1{ width:17%; text-align:center}
.publication2{ width:43%; margin-left:3%; position:relative}
.publication2:before{ content:'\25c4'; color:#4d5989; font-size:29px; position:absolute; left:-18px; top:28px}
.publication3{width:36%; margin-left:1%}
.publication2, .publication3{ padding:15px; border:1px solid #4d5989;}
.inline-block-btns-wp{ margin-left:-15px;}
a.iconos{color:#000;white-space:nowrap;}
a.iconos:hover{ color:#d5392c}
a.iconos img{ padding-right:5px}
.click-links{ font-size:16px; font-weight:600; margin-bottom:10px}
ul.publications-links{ margin: 0px;
	padding: 0px;
	margin-left: 17px;
	width: 50%;
float: left;}
ul.publications-links li{ margin-bottom:5px}
.inline-block-btns-wp-actions {width: 40%;float: left;position: relative;}
.toogl-btn-wp {margin-bottom: 8px;}
.inline-block-btns-wp-actions a.iconos{ display: inline-block;
	float: left;
	clear: both;
margin-bottom: 8px;}
.inline-block-btns-wp-actions a.iconos.download-pub {
	margin-left: -3px;
}
/*START toogle*/
.btn-toggle{ margin:0 4rem; padding:0; position:relative; border:none; height:1.5rem; width:3rem; border-radius:1.5rem; color:#6b7381; background:#bdc1c8}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active{ outline:none}
.btn-toggle:before,
.btn-toggle:after{ line-height:1.5rem; width:4rem; text-align:center; font-weight:600; font-size:0.75rem; text-transform:uppercase; letter-spacing:2px; position:absolute; bottom:0; transition:opacity 0.25s}
.btn-toggle:before{ content:"Offline"; left:-4rem}
.btn-toggle:after{ content:"Online"; right:-4rem; opacity:0.5}
.btn-toggle >.handle{ position:absolute; top:0.1875rem; left:0.1875rem; width:1.125rem; height:1.125rem; border-radius:1.125rem; background:#fff; transition:left 0.25s}
.btn-toggle.active{ transition:background-color 0.25s}
.btn-toggle.active >.handle{ left:1.6875rem; transition:left 0.25s}
.btn-toggle.active:before{ opacity:0.5}
.btn-toggle.active:after{ opacity:1}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after{ line-height:-0.5rem; color:#fff; letter-spacing:0.75px; left:0.4125rem; width:2.325rem}
.btn-toggle.btn-sm:before{ text-align:right}
.btn-toggle.btn-sm:after{ text-align:left; opacity:0}
.btn-toggle.btn-sm.active:before{ opacity:0}
.btn-toggle.btn-sm.active:after{ opacity:1}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after{ display:none}
.btn-toggle:before,
.btn-toggle:after{ color:#6b7381}
.btn-toggle.active{background-color: #00C000;}

.btn-toggle.offline_online{margin: 0 6rem;adding:0;position:relative;border:none;height:2.5rem;width: 5rem;border-radius:2.5rem;}
.btn-toggle.offline_online:focus,
.btn-toggle.offline_online.focus,
.btn-toggle.offline_online:focus.active,
.btn-toggle.offline_online.focus.active{ outline:none}
.btn-toggle.offline_online:before,
.btn-toggle.offline_online:after{line-height:2.5rem;width:5rem;text-align:center;font-weight:600;font-size: 11px;text-transform:uppercase;letter-spacing:2px;position:absolute;bottom:0;transition:opacity 0.25s;}
.btn-toggle.offline_online:before{content:"Offline";left: -6rem;}
.btn-toggle.offline_online:after{content:"Online";right: -5.5rem;opacity:0.5;}
.btn-toggle.offline_online >.handle{ position:absolute; top:0.3125rem; left:0.3125rem; width:1.875rem; height:1.875rem; border-radius:1.875rem; background:#fff; transition:left 0.25s}
.btn-toggle.offline_online.active{ transition:background-color 0.25s}
.btn-toggle.offline_online.active >.handle{ left:2.8125rem; transition:left 0.25s}
.btn-toggle.offline_online.active:before{ opacity:0.5}
.btn-toggle.offline_online.active:after{ opacity:1}

.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after{ line-height:0.5rem; color:#fff; letter-spacing:0.75px; left:0.6875rem; width:3.875rem}
.btn-toggle.btn-lg.btn-sm:before{ text-align:right}
.btn-toggle.btn-lg.btn-sm:after{ text-align:left; opacity:0}
.btn-toggle.btn-lg.btn-sm.active:before{ opacity:0}
.btn-toggle.btn-lg.btn-sm.active:after{ opacity:1}
.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after{ display:none}
.btn-toggle.btn-sm{ margin:0 0.5rem; padding:0; position:relative; border:none; height:1.5rem; width:3rem; border-radius:1.5rem}
.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active{ outline:none}
.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after{ line-height:1.5rem; width:0.5rem; text-align:center; font-weight:600; font-size:0.55rem; text-transform:uppercase; letter-spacing:2px; position:absolute; bottom:0; transition:opacity 0.25s}
.btn-toggle.btn-sm:before{ content:"Off"; left:-0.5rem}
.btn-toggle.btn-sm:after{ content:"On"; right:-0.5rem; opacity:0.5}
.btn-toggle.btn-sm >.handle{ position:absolute; top:0.1875rem; left:0.1875rem; width:1.125rem; height:1.125rem; border-radius:1.125rem; background:#fff; transition:left 0.25s}
.btn-toggle.btn-sm.active{ transition:background-color 0.25s}
.btn-toggle.btn-sm.active >.handle{ left:1.6875rem; transition:left 0.25s}
.btn-toggle.btn-sm.active:before{ opacity:0.5}
.btn-toggle.btn-sm.active:after{ opacity:1}
.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after{ line-height:-0.5rem; color:#fff; letter-spacing:0.75px; left:0.4125rem; width:2.325rem}
.btn-toggle.btn-sm.btn-sm:before{ text-align:right}
.btn-toggle.btn-sm.btn-sm:after{ text-align:left; opacity:0}
.btn-toggle.btn-sm.btn-sm.active:before{ opacity:0}
.btn-toggle.btn-sm.btn-sm.active:after{ opacity:1}
.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after{ display:none}
.btn-toggle.btn-xs{ margin:0 0; padding:0; position:relative; border:none; height:1rem; width:2rem; border-radius:1rem}
.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active{ outline:none}
.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after{ line-height:1rem; width:0; text-align:center; font-weight:600; font-size:0.75rem; text-transform:uppercase; letter-spacing:2px; position:absolute; bottom:0; transition:opacity 0.25s}
.btn-toggle.btn-xs:before{ content:"Off"; left:0}
.btn-toggle.btn-xs:after{ content:"On"; right:0; opacity:0.5}
.btn-toggle.btn-xs >.handle{ position:absolute; top:0.125rem; left:0.125rem; width:0.75rem; height:0.75rem; border-radius:0.75rem; background:#fff; transition:left 0.25s}
.btn-toggle.btn-xs.active{ transition:background-color 0.25s}
.btn-toggle.btn-xs.active >.handle{ left:1.125rem; transition:left 0.25s}
.btn-toggle.btn-xs.active:before{ opacity:0.5}
.btn-toggle.btn-xs.active:after{ opacity:1}
.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after{ line-height:-1rem; color:#fff; letter-spacing:0.75px; left:0.275rem; width:1.55rem}
.btn-toggle.btn-xs.btn-sm:before{ text-align:right}
.btn-toggle.btn-xs.btn-sm:after{ text-align:left; opacity:0}
.btn-toggle.btn-xs.btn-sm.active:before{ opacity:0}
.btn-toggle.btn-xs.btn-sm.active:after{ opacity:1}
.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after{ display:none}
.btn-toggle.btn-secondary{ color:#6b7381; background:#bdc1c8}
.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after{ color:#6b7381}
.btn-toggle.btn-secondary.active{ background-color:#ff8300}

/*END toogle*/
.arrow-left{ width:0px; height:0px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-right:16px solid #d7d7dc}
.online-wp{ font-size:23px}
.online{
	position: relative;
	top: -1px; width: 29px;
	float: left;
}

.online-wp a{ word-break: break-word;
	width: 85%;
	float: left;
	overflow: hidden;
	font-size: 20px;
line-height: 21px;}
.online img{ padding-right:5px}
a.iconos.download-pub img{ padding-right:2px}
.select-publication{margin-bottom:20px}
.select-publication.bande-blue-with-select {
	padding-bottom: 10px;
}
.select-publication select::selection{color:#d5392c}
.select-publication label.filtre-inline-block{font-size: 22px;}
.select-publication img{ margin-right:3px}
.publication-date{word-break: break-word;}
.publication-time{ white-space:nowrap}
.name-publication{ font-size:18px; font-family:"source_sans_probold"}
/*publications settings*/
.publication-setting-outer .date-end{ padding-top:17px}
.img-manege-publi-settings img{ width:100%; margin-bottom:30px; border: 1px solid #ccc;}
.band-border{ background:rgba(208,215,220,0.33); margin-bottom:0px;margin-bottom:25px; margin-top:50px; padding:15px 10px}
.search-parameter .band-border{ padding-bottom:5px}
.search-parameter .search-title{ top:-4px; position:relative; color:#000; font-size:16px; text-transform:uppercase; padding-right:18px}
.public-settigs-save, .public-settigs-cancel{float:right; margin-left:15px}
/* ---------->>> ADMIN EDIT PAGES <<<----------*/
.edit-pages-title-wp{font-size:17px;line-height:19px;}
.edit-pages-client{font-family:'source_sans_probold'; color:#d5392c; padding-right:10px}
.edit-pages-title{color:#343c5d;font-family:'source_sans_probold'}
.edit-pages-thumb{ padding-bottom:30px}
.edit-pages-thumb-img{ text-align: center; margin-bottom: 5px; padding: 3px;}
.edit-pages-thumb-img img{ border: 1px solid #ccc; padding: 3px; }
.edit-pages-number{text-align:center}
.edit-pages-number label span{font-size:14px; display:inline-block; margin-right:6px; color:#3e3d3d}
.edit-pages-number label input{display:inline-block; width:49px; height:25px; padding:0 5px; font-size:14px; text-align:center; font-family:'source_sans_proregular'; color:#343c5d; margin-bottom:0px}
.edit-pages-buttons{text-align: center; width: 100%;}
.edit-pages-buttons-edit{float:left}
.edit-pages-buttons-hotspots {
	display: block;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	color: #4d5989;
	text-transform: uppercase;
	font-size: 16px;
}
.edit-pages-buttons-edit{padding:2px 8px; font-size:12px; text-transform:uppercase; width:48%; font-weight:600}
.hotspot-img-wp {margin-bottom:30px;position:relative;}
.hotspot-img-wp img{width:100%;border: 1px solid #bbcdda;border-radius: 5px;padding: 3px;}
.hostpost-preview{float:right;}
/* ---------->>> EDIT PAGE POP UP <<<----------*/
.edit-pop-up-wp .pop-divider{border:1px solid #e6dfdf; padding:10px; margin-bottom:5px; border-radius:5px}
.edit-pop-up-wp .modal-header{ background:#f0f0f1; padding:3px 14px}
.edit-pop-up-wp .modal-title{ font-size:25px}
.edit-pop-up-wp .modal-img-wp img{ width:100%}
.edit-pop-up-wp .title-pop{ margin-bottom:5px; text-transform:uppercase}
.edit-pop-up-wp .btnSimple, .edit-pop-up-wp input[type="submit"].btnSimple{ padding:5px 10px; margin-bottom:0px}
.edit-pop-up-wp .modal-header .close{ margin-top:8px}
.edit-pop-up-wp h3{ font-size:19px; font-weight:bold; margin-bottom:4px; line-height:23px; margin-top:14px}
.edit-pop-up-wp h3.update-page{margin-top:0px}
#id_page-upload{ margin-bottom:0px; background:#d9d9da; color:gray; max-width:100%}
.hotspot-radio{display:inline-block; margin-right:15px}
.edit-pop-up-wp .wp-radio-checkbox-inline label.control{margin-bottom:0px}
.hostpost-next-prev{text-align:right}
.red-text{color:#d5392c}
.btnSimple.rename-ok{ margin-top:0px; float:left}
.rename-wp input[type="text"]{ width:45px; text-align:center; float:left; height:30px; padding:0 5px; margin-bottom:0px; margin-right:5px}
.rename-wp span{ float:left; margin-top:8px; margin-right:5px; min-height:27px}
.edit-pop-up-wp .filtre-inline-block-wp .filtre-inline-block{ margin-top:0px; margin-bottom:0px}
/* ---------->>> SKIN MANAGER PAGE <<<----------*/
.heading-line{background:rgba(190,205,216,0.44);margin-bottom:0px;margin-bottom:15px;margin-top:15px;padding:5px 10px;font-size:16px;text-transform:uppercase;font-family:source_sans_proregular;}
input[type="text"].browser-title-tab{max-width:400px}
.skin-manager-wp label{font-size:16px; white-space:nowrap}
.toolbar-color-row label{display:inline-block}
.col-bg-divider{float:left}
.skin-manager-row{overflow:hidden}
.skin-manager-col{float:left; vertical-align:top; padding:20px 10px}
.skin-manager-col.col-bg-or{width:53px}
.skin-manager-col.col-bg-or p.or{margin-top:20px; text-transform:uppercase; font-weight:600; background:#4d5989; color:#fff; border-radius:50%; padding:3px; text-align:center; height:32px; padding-top:7px; width:32px}
input[type="file"].skin-file, input[type="color"].skin-color-bg{ display: block;
	opacity: 1;
	position: relative;
z-index: 1;}
input[type="file"].skin-file{margin-bottom:0px; background:rgba(217,217,218,0.43); color:gray; padding:5px 10px; margin-bottom:15px; font-size:14px; border-radius:5px; overflow:hidden; max-width:100%}
input[type="color"].skin-color-bg{

}
.next-preview-hotspot {
	display: inline-block;
}
.next-preview-hotspot select{
	display: inline-block;
	width: auto;
	height: 24px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.next-preview-hotspot label.number-label{
	display: inline-block;
	margin-left: 5px;
	font-size: 14px;
}
.next-preview-hotspot-wp {
	text-align: center;
}
input[type="submit"].btnSimple.hotspot-color-btn {
	height: 28px;
	padding-top: 5px;
	margin-top: 6px;
}
p.skin-img{text-align: left;}
p.holder-logo img{max-width: 200px;padding: 3px;border-radius: 5px;border: 1px solid #ccc;}
p.holder-bg img{max-width:235px}
p.holder-favicon img{max-width: 90px;padding: 3px;border-radius: 5px;border: 1px solid #ccc;}
.icons-default{ margin-bottom:25px}
.icons-mandatory{ max-height:40px}
.icon-optional{max-height:30px;vertical-align: middle;}
.toolbar-color-row{margin-left:-34px}
.toolbar-color-col{float:left; white-space:nowrap; margin-bottom:15px}
.toolbar-color-col label{padding-right:10px; color:#828080}
.toolbar-color-col input{display:inline-block; vertical-align:middle}
.toolbar-color-col:before{ content:"|"; display:inline-block; width:40px; text-align:center}
.toolbar-color-row-wp{overflow:hidden}
.bar-top-preview img{height:23px}
.bar-top-preview img{height:23px}
.bar-top-preview{ text-align:center; background:rgba(128,128,128,0.2); padding-top:5px; padding-bottom:5px; border-radius:9px; margin-top:15px; margin-bottom:20px; padding-left:5px; padding-right:5px}
.search-form input{vertical-align:middle}
.search-form input[type=submit]{height:28px; width:30px; padding:0; margin:0; background:url(/skins/default/media/images/icons/loup.png) no-repeat center #fff; border:none; background-size:18px}
.top-part .search-menu-wp{margin-left:10px}
.search-form input[type="text"]{border:medium none; font-style:normal; height:28px; line-height:30px; margin-bottom:0; padding-left:15px; width:90px}
.search-menu-wp{clear:right; float:right}
.search-form{clear:right; float:right; border:1px solid #ccc; font-size:15px; border-radius:5px; overflow:hidden}
.small-menu-top{float:right; margin-top:10px}
.searchbox_submit{float:right; margin-right:7px; margin-top:8px}
.sections-preview{width:130px; margin-bottom:0px; float:left; height:30px}
label#opacity-code-wp {
	display: inline-block;
	margin-left: 0px;
}
input#opacity {
	width: 42px;
	height: 25px;
	padding-right: 0px;
	margin-left: 7px;
	margin-right: 9px;
}
#opacity-code-wp span { color:#828080;position: relative;top: -1px;}
/* ---------->>> CREATE SECTIONS PAGE <<<----------*/
.create-section-page-wp:last-of-type{margin-bottom:30px}
.create-section-wp .btn-different-height{ margin-top:23px}
.create-section-page-wp .create-section-page{float:left}
.create-section-page-wp .create-section-page.create-section-page-img{width:15%; text-align:center; padding:5px; border:2px solid #d9e9f1; background:#ecf6fb}
.create-section-page-wp .create-section-page.create-section-page-img img{max-width:180px; width:100%}
.create-section-page-wp .create-section-page.create-section-page-form{width:85%; background:rgba(217,237,247,0.5); padding:20px 15px}
.create-section-page-wp{border:1px solid #c9ced0; margin-bottom:5px}
#pages-number{width:70px}
.create-section-page>div{position:relative;}
.section-left{padding-bottom:15px}
.create-section-back.btnSimple{float:right}
/* ---------->>> HOTSPOT MANAGER PAGE <<<----------*/
.labels{ display:block; color:#000; font-weight:400; margin-bottom:5px}
.hotspot-selects-col input.chose-color-code, .hotspot-selects-col input.chose-color-hotspot{ position:inherit; opacity:1; z-index:0}
.hotspot-selects-col input.chose-color-code{ width:80px; height:25px}
.hotspot-selects-col input.chose-color-hotspot{width:30px; padding:0px; vertical-align:middle; position: relative; top: -2px;}
.hotspot-selects-col .wp-radio-checkbox-inline {float:left;margin-right: 15px;}
.table-links-wp {overflow-y: scroll;clear: both;max-height: 375px;}
.table-links input[type=text]{margin-bottom: 8px;height:28px}
.table-links input[type=submit],
.table-links input[type=button] {
	margin-bottom: 0px;
	height: 25px;
	padding-top: 4px;
	float: right; margin-left:5px
}
.table-links label{margin-bottom:0px}
.table-links .wp-radio-checkbox-block label.control {
	margin-bottom: -2px;
}
.table-links .wp-radio-checkbox-block {
	margin-bottom: 0px;
}
table.table-links{width:100%}
table.table-links td{padding:5px}
table.table-links thead tr td{background-color:#163850; color:white; text-align:center}
table.table-links tbody tr:nth-child(odd) td{background:#bbcdda; border-bottom:2px solid #99a8b3; text-align:center}
table.table-links tbody tr:nth-child(even) td{background:#e7e9ea; padding:7px 30px}
/*table link list toogle*/
table.table-links .even{display:none}
table.table-links .open-input{display:table-row}
table.table-links .updateBtn{ width:30px; cursor:pointer}
table.table-links svg path{fill:#48667b}
.updateBtn.updateBtnOpen svg path{fill:#163850}
.updateBtn.updateBtnOpen svg path{fill:#d5392c}
table.table-links svg.trash path{fill:#d5392c}
table.creation-zone-cliquable{width:300px}
table.creation-zone-cliquable td{ border-bottom:1px solid #c4c6c7; padding:3px; text-align:center}
.add-links-wp{ margin-top:30px}
.heading-line-dark{ background:#6b747d; color:white}
h2.zone-cliquable-heading.heading-line {margin-top:21px}
/*upload publi*/
/*file input*/
.upload-file-wrap{ position:relative}
.upload-file-wrap .btnSimple{float:left; text-align:left; cursor:pointer}
input.file2{ font-size:17px; margin-bottom:23px; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; position:relative; z-index:2; width:100%; cursor:pointer}
.view-field-and-btn{ left:0; position:absolute; top:0}
input#fileName{ border:medium none; display:inline-block; float:left; margin-right:15px; width:auto; text-align:left; color:#9b9b9b; font-size:14px}
.pdf-specs{ margin-bottom:20px}
.pdf-specs img{ width:40px}
.pdf-specs span{ font-size:20px; line-height:21px}
.upload-convertbtn, .upload-cancelltbtn{float:right; margin-right:15px}
.pub-custom-url a{ word-break:break-all}
.upload-pdf-ul{margin-bottom:30px}
/*upload publi*/
/*arrow top*/
a.cd-top{border-radius:50%; display:inline-block; height:40px; width:40px; position:fixed; bottom:30px; right:15px; z-index:10; box-shadow:0 0 10px rgba(0,0,0,0.05); overflow:hidden; text-indent:100%; white-space:nowrap; background:rgba(0,0,0,0.3) url(/skins/default/media/images/cd-top-arrow.svg) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s,visibility 0s .3s; -moz-transition:opacity .3s 0s,visibility 0s .3s; transition:opacity .3s 0s,visibility 0s .3s}
a.cd-top:hover{background-color:rgba(0,0,0,0.5)}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{ -webkit-transition:opacity .3s 0s,visibility 0s 0s; -moz-transition:opacity .3s 0s,visibility 0s 0s; transition:opacity .3s 0s,visibility 0s 0s}
.cd-top.cd-is-visible{ visibility:visible; opacity:1}
.cd-top.cd-fade-out{ opacity:.5}
.no-touch .cd-top:hover{ background-color:#e86256; opacity:1}
/*arrow top*/
.bar-top-preview .icon-loop-moins{height: 30px;position: relative;right: -10px;}
.bar-top-preview .icon-loop-reset{height: 30px;margin-right: -6px;}
.bar-top-preview .icon-loop-plus{height: 30px;margin-right: -6px;}
/*creation client step 1*/
.creer-client {float:right}
.client-actif {margin-top: 15px;}
.ajouter-client {float:right}
table.add-modify-user-tb tr.user-info-tr td { vertical-align: middle;}
table.add-modify-user-tb tr.edit-user2 td {border-top:none;padding-top:0px}
table.add-modify-user-tb tr td.v-align-middle {vertical-align: middle;}
.edit-users input, .edit-users select{display:inline-block; width:100%; margin-bottom:0px;font-size:14px !important;}
table.add-modify-user-tb td.tb-checkbox .control--checkbox {
	margin-bottom: 0px;
	margin-top: 7px;
	display: inline-block;
	margin-left: 10px;
}
.edit-users .btnSimple {width:100%}
.add-modify-user-wp tr.edit-users td{
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgba(190,205,216,0.1);
}
.add-modify-user-wp tr.edit-users2 td{
	border-top:none;
	padding-top:0px;
}
.add-modify-user-wp tr.edit-user1 td{
	padding-bottom: 5px;
	text-align: center;
}
.modifier-client-table .heading-line {margin-bottom:0px}
.edit-users {display:none}
.add-modify-user-tb .btnSimple {
	padding-top: 8px;
	padding-bottom: 7px;
}
.info-list-wp,.box-blue {
	background: rgba(190,205,216,0.44);
	padding: 30px;
	border-radius: 5px;
	margin-bottom: 30px;
}
.info-list-wp .btnSimple{display:inline-block; margin-top:15px}
.info-list p {
	margin-bottom: 10px;
}
.editer-show {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px solid #ccced0;
	position: relative;
}
.editer-show h2 {
	line-height: 25px;
}
.close-edit-btn{
	float: right;
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	color: #e44234;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .7;
	border: 1px solid #e3746c;
	padding: 0px 3px;
	text-transform: lowercase;
	position: absolute;
	top: 12px;
	right: 0px;
	border-radius: 5px;
	cursor:pointer;
}
.editer-show {display:none}
.bande-blue-with-select{
	background: rgba(190,205,216,0.44);
	margin-bottom: 0px;
	margin-bottom: 15px;
	padding: 0px 10px;
	font-size: 16px;
	overflow: hidden;
}
/*helpers*/
.margin-b-30 {margin-bottom:30px}
.margin-t-30 {margin-top:30px}
.margin-t-0 {margin-top:0px}
.float-r {float:right}
.float-l {float:left}
.overfow-hd {overflow:hidden}
.md-no-label {margin-top: 24px;}
.sm-no-label {margin-top: 24px;}
.box-settings {margin-top:10vh}
.center-v {
	float: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.sorts-publications {display:none}
.pagination-bottom {padding-bottom:5px}
.black-icons i{color:#000;}
.white-icons i{color:#fff}
.icons-default i,.optional-icons-wp i {font-size: 20px;}
.skin-color-bg >.labels{
	margin-left: 19px;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 0px;
}
.skin-color-bg label.control.skin-background{
	margin-bottom: -10px;
}
.input-file-plus-radio {
	display: inline-block;
}
.input-file-plus-radio label.control.control--radio{
	display: block;
}
.skin-color-bg .skin-color{vertical-align: top;}
.skin-manager-wp .heading-line {margin-top:20px}
tr.user-info-tr1 th:nth-child(1),table.user-info-tr2 tr td:nth-child(1){width: 100px;}
tr.user-info-tr1 th:nth-child(2),table.user-info-tr2 tr td:nth-child(2){width: 100px;}
tr.user-info-tr1 th:nth-child(3),table.user-info-tr2 tr td:nth-child(3){width: 250px;}
tr.user-info-tr1 th:nth-child(4),table.user-info-tr2 tr td:nth-child(4){width: 120px;}
tr.user-info-tr1 th:nth-child(5),table.user-info-tr2 tr td:nth-child(5){width: 100px;}
tr.user-info-tr1 th:nth-child(6),table.user-info-tr2 tr td:nth-child(6){width: 120px;}
tr.user-info-tr1 th:nth-child(7),table.user-info-tr2 tr td:nth-child(7){width: 100px;}
tr.user-info-tr1 th:nth-child(8),table.user-info-tr2 tr td:nth-child(8){width: 60px;}
tr.user-info-tr1 th:nth-child(9),table.user-info-tr2 tr td:nth-child(9){width: 90px;}
tr.user-info-tr1 th:nth-child(10),table.user-info-tr2 tr td:nth-child(10){width: 54px;white-space: nowrap;}
table.add-modify-user-tb td.td-inner-table-user {padding:0px}
table.add-modify-user-tb {table-layout: fixed;margin-bottom: 0px;}
table.add-modify-user-tb .error_input_warning {
	font-size: 12px;
	margin-top: 2px;
}
table.add-modify-user-tb td,table.add-modify-user-tb th{
	word-wrap: break-word;
	word-break: break-word;
}

.zindex9 { z-index: 9999;
position: relative;}
#myGroup i { color: #fff;
	font-size: 20px;
	top: 50%;
	position: relative;
transform: translateY(-50%);}
.table-links .fa.fa-external-link{
	color: #48667b;
}
.table-links .fa.fa-play-circle-o{color: #48667b;}
.table-links i{font-size:24px}
.select-publication .fa-list-alt {font-size: 31px;
	color: #444343;
	color: #777777;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle; position: relative;
top: -2px;}
table.info-profile-page{margin-bottom: 40px;}
table.info-profile-page tr:first-child th, table.info-profile-page tr:first-child td{border-top:0px}
/*tabs */
#tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content label, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content span, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content input, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content text-area, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content select, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content td, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content th{font-size:16px; font-family:source_sans_proregular}
#tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content label, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content span, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content input, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content text-area, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content select, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content td, #tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content th{font-size:16px; font-family:source_sans_proregular}
#tabs .ui-tabs-panel.ui-corner-bottom.ui-widget-content .fa-list-alt{font-size:26px}
#tabs.ui-widget-content{ background:none; border:none}
#tabs .ui-widget-header{ border-radius:0px; background:none; border-top:none; border-left:none; padding-left:0px; border-right:0px}
#tabs .ui-state-active, #tabs .ui-widget-content .ui-state-active, #tabs .ui-widget-header .ui-state-active{background:#4d5989; color:#fff; border:1px solid #ccc; border-bottom:0px; font-family:source_sans_proregular;}
#tabs.ui-widget button {font-size:14px;font-family:source_sans_proregular}

.ui-tabs .ui-tabs-panel{ padding:0px; display:block; border-right:1px solid rgb(204,204,204); border-bottom:1px solid rgb(204,204,204); border-left:1px solid rgb(204,204,204); border-image:initial; border-top:none; padding:0px 15px 15px}
.ui-tabs .ui-tabs-nav li{text-transform:uppercase; margin-right:4px; font-size:14px; height:41px; background:#f3eeee; padding-top:5px; margin-bottom:-1px; font-family:source_sans_proregular;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#fff;}
.ui-tabs .ui-tabs-nav li:hover {background:#d5392c; color:#ffffff; font-family:source_sans_proregular;}
.ui-tabs .ui-tabs-nav li:hover a {color:#fff;}
.ui-state-default a:hover{ color:#fff}
#tabs .ui-state-active:hover a{color:#fff;}
#tabs .ui-widget-content a.btnSimple{ color:#fff}
#tabs .active-tb-th {width:70px}
/*tabs */
.wp-btns-menu-settings a,.wp-btns-menu-settings input {display:inline-block}
.wp-btns-menu-settings {text-align:right}
#page_id_1118 .header_wrapper {display:none}
#page_id_1118 .cd-top.cd-is-visible {display:none}
.iframe-popup{width:100%;height: 445px;}
#page_id_1118 .main-container {margin-bottom:0px;padding-bottom:0px}
#page_id_1118 .footer_wrapper {display:none;margin-bottom:0px;padding-bottom:0px}
#page_id_1118 .modal-body {padding-top:0px}

.edit-pop-up-iframe .pop-divider{border:1px solid #e6dfdf; padding:10px; margin-bottom:5px; border-radius:5px}
.edit-pop-up-iframe .modal-header{ background:#f0f0f1; padding:3px 14px}
.edit-pop-up-iframe .modal-title{ font-size:25px}
.edit-pop-up-iframe .modal-img-wp img{ width:100%}
.edit-pop-up-iframe .title-pop{ margin-bottom:5px; text-transform:uppercase}
.edit-pop-up-iframe .btnSimple, .edit-pop-up-iframe input[type="submit"].btnSimple{ padding:5px 10px; margin-bottom:0px}
.edit-pop-up-iframe .modal-header .close{ margin-top:8px}
.edit-pop-up-iframe h3{ font-size:19px; font-weight:bold; margin-bottom:4px; line-height:23px; margin-top:14px}
.edit-pop-up-iframe h3.update-page{margin-top:0px}
#id_page-upload{ margin-bottom:0px; background:#d9d9da; color:gray; max-width:100%}
.class_page-upload{margin-bottom:0px;background:#d9d9da;color:gray;max-width:100%;padding: 5px;border-radius: 5px;width: 100%;margin-bottom: 15px;}
.hotspot-radio{display:inline-block; margin-right:15px}
.edit-pop-up-iframe .wp-radio-checkbox-inline label.control{margin-bottom:0px}
.container-iframe-wp.container {width:100%}
.uploaded-img {padding:5px;border-radius:5px;border:1px solid #ccc;margin: 0 auto;display: inline-block;}
.section-left input[type="color"]{margin-bottom:15px}
.btns-sections-blue-box{position:relative;top:-10px}

input[type="file"].skin-file {display:none;}
label.control.sous-library-checkbox-lb {margin-bottom: 5px;}
.sous-library-parent-select {display:none}
#menu:not(.mm-menu){display:none}
.sort-paging label{color:#5a5959;margin-bottom:-10px}
.sort-paging .paginator{padding-top:0}
.sort-paging .paginator ul.pagination{margin-bottom:0}
#publicationOrderSelect{margin-top:20px}
.paginator {
	padding-top: 10px;
	font-size: 16px;
	font-family: source_sans_proregular;
}
.paginator ul.pagination {
	list-style: none;
	padding-left: 0px;
	padding-bottom: 20px;
}
.paginator ul.pagination li {
	display: inline-block;
}
.paginator ul.pagination li.page {
	background: #f1f1f1;
}
.paginator ul.pagination li.page a {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
}
.paginator ul.pagination li.page a:hover {
	text-decoration: none;
}
.paginator ul.pagination .current {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	color: #d5392c;
	background: #ffffe5;
}
.paginator ul.pagination .disabled {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	color: #c0c0c0;
	background: #ffffff;
}
/*spinning*/

.loader,
.loader:after {
	border-radius: 50%;
	width: 6em;
	height: 6em;
}
.loader {
	margin-top: 40px;
	margin-left: 330px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 0, 0, 0.8);
	border-right: 1.1em solid rgba(0, 0, 0, 0.8);
	border-bottom: 1.1em solid rgba(0, 0, 0, 0.8);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
.loader2,
.loader2:after {
	border-radius: 50%;
	width: 6em;
	height: 6em;
}
.loader2 {
	margin-top: -17px;
	margin-left: 86px;
	margin-right: 86px;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(0, 0, 0, 0.8);
	border-right: 1.1em solid rgba(0, 0, 0, 0.8);
	border-bottom: 1.1em solid rgba(0, 0, 0, 0.8);
	border-left: 1.1em solid #ffffff;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

body .vp_picker {
	margin:0px;
	padding:0px;
	background:#f5f5f5;
	width:60px;
	height:25px;
	border:1px solid #000;
	line-height:25px;
	cursor:pointer;
	border-width: 15px 40px!important;
	border-color:#000;
	border-style: solid;
	border-width: 0 0 0 60px;
	top:0!important;
	vertical-align:top!important;
}
.vp_picker_border {border:1px solid #000;display:inline-block;}

.vp_breadcrumb .breadcrumb_wrap select {width:auto !important; height:25px !important; margin:0;}
.vp_breadcrumb h1 {margin-bottom:20px; text-transform:uppercase;}
.zone_clicked td {
	background: #4d5989 !important;
	color: #ffffff !important;
}
.publicity-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.publicity-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pub-uploaded-img {
	height: auto!important;
}
a.clickable-library{outline:none}
.edit-library-list {max-height:300px;overflow-y: scroll;border: 3px solid #e3e9ef;padding: 10px;margin-bottom: 30px;}
.btns-edit-library-wp {margin-bottom: 15px;}
.btns-edit-library-wp .btnSimple i {padding-right: 4px;}
.sort-filter {
	background: rgba(190,205,216,0.44);
	margin-bottom: 0px;
	margin-bottom: 15px;
	padding: 10px 10px 0px;
	font-size: 16px;
}
.sort-save-top {
	display: inline-block;
}
.sort-text-desc {border-bottom:1px solid #ccc}
.sort-save-bottom {
	float: right;
	margin-left: 5px;
}
.bottom-wp{border-top:1px solid #ccc;padding-top: 20px;margin-top: 20px;}
.save-bottom {float:right}
/*search*/
#search_popup {
	max-width: 728px;
	margin-top: 20px;
}

#search_popup h2.search-keyword{
	text-transform: uppercase;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#search_popup h2.search-keyword span{
	font-weight: 700;
}
#search_popup input#popup_search{
	height: 39px;
	margin-bottom: 10px;
	padding-left: 20px;
	width: 75%;
	display: inline-block;
	color: #000;
}
#search_popup .single-result-wp:last-child{ margin-bottom:0px}
#search_popup .single-result-wp{
	border: 1px solid #ccc;
	overflow: hidden;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}
#search_popup .single-result-left{
	width: 33%;
	width: 145px;
	float: left;
}
#search_popup .single-result-right{
	padding-left: 15px;
}
#search_popup .single-result-text span{color:#d5392c!important}
#search_popup * {
	color: #fff !important;
}
.paginator.page-btm {display:none}
.highlight-text{background: #e3e9ef;font-weight:bold;display: inline-block;padding: 5px;}

@media only screen and (max-width:425px) {
	#search_popup .single-result-left {
			width: 100%;
			text-align: center;
			margin-bottom: 15px;
	}
	#search_popup .single-result-right {width:100%;padding-left: 0px;}
	.single-result-right a.btn-a {width:100%;display: block;text-align: center;}
}

/*search*/
table.n-pages-text {
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}
.filtre-inline-block-wp label.label-search-text{display:block}

/*CSS abonnement infolettre*/
.steps a.btnSimple{border-radius:0}
.nota{font-style:italic; color:#4d5989; font-size:15px}
#show_all_contacts{text-transform:uppercase;font-weight:bold; color:#4d5989;font-size: 18px;}
.csv_sample{
	font-size: 15px;
	color: #333;
}
.preview_txt{
	padding-top: 18px;
	color: #4d5989;
	padding-bottom: 10px;
	font-weight: bold;
	font-style: italic;
}
.btnSimple.file{margin-left: 10px; cursor:pointer;}
.help-CSV-icon{margin:3px 0 5px 15px}
.popup {
width:100%;
height:100%;
display:none;
top:0px;
left:0px;
}
.popup-inner *{font-size:14px;}
.popup-inner {
max-width:700px;
width:90%;
padding:0px 10px 10px;
position:absolute;
top:64%;
left:47%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
box-shadow:0px 2px 6px rgba(0,0,0,1);
border-radius:3px;
background:#fff;
z-index:1;
}
.popup-inner p{margin-bottom:10px;}
.popup-close {
width:24px;
height:24px;
padding-top:2px;
display:inline-block;
position:absolute;
top:0px;
right:0px;
-webkit-transform:translate(50%, -50%);
transform:translate(50%, -50%);
border-radius:1000px;
background:rgba(0,0,0,0.8);
font-family:Arial, Sans-Serif;
font-size:15px;
text-align:center;
line-height:100%;
color:#fff;
}
.popup-close:hover {
background:rgba(0,0,0,1);
text-decoration:none;
color:#FFF;
}
.inline-block>label,.inline-block>a{display:inline-block}
.left_padding24{padding-left:24px}

.datepicker_year_month_only .ui-datepicker-calendar,
.datepicker_year_month_only .ui-datepicker-current {
	display: none !important;
}

#popup-switch h2 {color:#fff;}
#popup-switch.popup_super .share-right-col {padding-left:0;}
.popup_super .share-right-col .img-share-wp {vertical-align: top;}

/* Categories */
#library_form .categories {
	border: 1px solid #ccc;
	padding: 10px;
}
#library_form .categories label {
	cursor: pointer;
}
#library_form .categories label:last-child {
	margin-bottom: 0;
}
#library_form label > input[type="checkbox"] {
	display: inline-block;
	margin: 0;
	margin-right: 5px;
}

table.categories {
	margin-bottom: 15px;
	width: 100%;
}
table.categories tr:nth-child(odd) td {
	background: #e2e9ee69;
}
table.categories tr.toDelete td {
	background: #bb283a;
	color: #ffffff;
}
table.categories tr.newCategory td {
	background: #d3ffbd;
}
table.categories td, table.categories th {
	padding: 5px 10px;
}
table.categories th {
	/* background: #e2e5e6; */
	padding: 5px 10px;
	color: #000;
	font-weight: 400;
}
table.categories tr td:last-child {
	text-align: right;
	width: 100px;
}
table.categories td input {
	margin: 0;
	color: #5a5959;
}
table.categories .btnSimple.btnRed {
	background: #bb283a;
	padding: 5px 10px;
	margin-bottom: 0;
	display: inline-block;
	font-size: 14px;
	text-transform: none;
}
table.categories .btnSimple.btnRed:hover {
	background: #da3549;
}
table.categories tr.toDelete .btnSimple.btnRed {
	background: #ffffff;
	color: #bb283a;
}
table.categories .shift {
	display: inline-block;
}
table.categories .shift img {
	width: 30px;
}
table.categories .shift.up {
	transform: rotate(180deg) translateY(-1.5px);
}

#categories_form button.addCategory {
	float: left;
}
#categories_form input[type="submit"] {
	float: right;
}
.fa-black-140 {
	color: #000;
	/* font-size: 140%; */
}
#main_wrap, .navbar {
	font-family: source_sans_proregular;
	font-size: 16px;
	line-height: 18px;
	color: #5a5959;
}
.local_file_path_wrap {
	padding: 20px 0px 20px 10px;
	font-family: courier new;
	font-size: 12px;
	text-align: left;
}
.local_file_path {
	padding-left: 4px;
	font-size: 12px;
	width: 90% !important;
	height: 21px !important;
	margin-bottom: 1px !important;
	background: #ebf3f9;
	border: solid 1px #ccc;
	font-family: courier new;
}

@media (min-width: 1440px) {
	#main_wrap {
		width: 1410px;
	}
}