@charset "UTF-8";
/* color : #3C6BA4 */
/*** OPEN CLOSE ***/
.groupCols .groupCol .field--name-field-para-fond,
.zSuite,
.zone {
	display:none;
}
.zOpen,
.bPop.activ > .zone,
.bShow.actif > .zone {
	display: block;
}
.bOver.actif > .zOverlay,
.bOver.actif > .zone {
	display:block !important;
}
.global.toOverlay .toContent,
.global.toOverlay .main,
.global.toOverlay .art {
    z-index: 200;
}
.global.toOverlay .col .f_field-paragraphes {
  z-index:auto;
  position:inherit;
}
.global.toOverlay .toContent {
	position: relative;
}
.toOverlay .actionsNode {
	z-index: 0;
}
.js td .dropbutton-multiple .dropbutton-widget {
  right: 0;
}
.para.actif {
	z-index: 200;
	position: relative;
}
.bRoll,
.bShow,
.bPopOver {
	position:relative;
}
.act,
.aShow {
	cursor:pointer;
	position:relative;
	display:block;
}
.aId {
	display:inline-block;
	vertical-align:top;
	margin:0px 25px;
}
.bFd {
	z-index:140;
}
.bFd.actif {
	z-index:200;
}
.pop {
	position:absolute;
	background-color:#FFF;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	z-index:200;
}
.close {
	position: absolute;
	width:45px;
	height: 45px;
top: 3px;
right: 3px;
background: rgba(255,255,255,0.7) url('../images/icons/close.svg') no-repeat center;
background-size: 75%;
	border:1px solid #ccc;
	border-radius: 3px;
	transition: 0.2s;
}
.close:hover {
	cursor:pointer;
	background-size: 85%;
	border-color:#666;
}
.aRoll {
	display: inline-block;
	position: relative;
	cursor:pointer;
	padding-right:4px;
}
.aRoll:after {
	display:block;
	content:"";
	width:16px;
	height:16px;
	border-radius:20px;
	background:#ebebeb url("../images/icons/quoi.svg") no-repeat center;
	background-size:80% auto; 
	position: absolute;
	right:-16px;
	top:-3px;
}
.zSuite {
	background-color:#FFF;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	padding:10px;
	margin:10px 0px;
}
.aRoll + .zSuite {
	position:absolute;
	z-index:200;
	margin:-30px 0px 0px 0px;
	max-width:300px;
}
.popRight {
	right:-300px;
	top:-25px;
	width:300px;
}
.pop .int {
	padding:30px 40px;
	min-width:210px;
}
.fermer {
	text-align:right;
	text-decoration:underline;
	font-size:0.8em;
	cursor:pointer;
}
.media-library-item__preview .img_svg img {
	min-height: 80px;
}
.bRoll.bFd.actif {
	z-index: 120;
}

@media all and (min-width: 650px) {
	.seven .bRoll:hover .zone,
.computer .bRoll:hover .zone {
	display:block;
}
.computer .fermerPop {
	display:none;
}
}
.bx-wrapper .bx-controls-direction a {
	z-index: 120;
}
.bOver .pop {
    position: fixed;
    z-index: 300;
    top: 10%;
    left: 50%;
    margin-left: -450px;
    width: 900px;
	max-height: 90%;
    background-color: #FFF;
    box-shadow: 13px 16px 0px rgba(0,0,0,0.2);
	overflow-y:auto;
	overflow-x: hidden;
}
.zImgOverlay,
.overlayComments,
.zOverlay,
.overlay,
.overlayTrans {
	display:none;
  position:fixed;
  top:0px;
  left:0px;
  height:100%;
  width:100%;
  overflow:hidden;
  background:rgba(0,0,0,0.8);
  z-index:200;
  cursor:pointer;
}
.overlayTrans {
  background:rgba(200,200,200,0);
  z-index:100;
}
.zOverlay,
.zDark {
	background:rgba(0,10,20,0.85);
}
.intPop {
	padding:35px 55px;
}
/* ----------- */
@media all and (max-width:989px){
	.bOver > .zone > .pop {
    margin-left: -48%;
    width:96%;
}
	.close {
    width: 35px;
    height: 35px;
}
}
@media all and (max-width:639px){
	.intPop {
    padding: 15px 20px;
}
	.close {
    width: 25px;
    height: 25px;
}
}
/*** FIN OPEN CLOSE ***/
/*** COMMUN SEVEN ***/
.karyans .js-filter-wrapper,
.groupEleBandeauCreer .paragraph-type-top,
.groupCol .groupMedia .field--type-text-long,
.groupCol .groupMedia .field--name-field-align,
.zImgOverlay,
#edit-roles--wrapper .form-checkboxes .js-form-item:last-child {
    display: none !important;
}
.roleAdmin #edit-roles--wrapper .form-checkboxes .js-form-item:last-child {
    display: block !important;
}
/* Menu admin barre */
@media all and (min-width:989px) {
.roleAdmin .adminFixed {
	bottom:0px;
	top: auto;
	left:0;
}
	.roleAdmin .webBox .zone {
  	bottom:32px;
	top:auto;
}
	.roleAdmin {
  	padding-bottom: 32px;
}
}
.roleAdmin .hauteurAdmin {
	display: none;
}
.adminBarre:not(.roleAdmin) .headFixe .header {
	top:33px;
}
.hauteurAdmin {
	height: 33px;
}
.adminFixed {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding:0px 1%;
	position: fixed;
	width: 98%;
	background: #373737;
	z-index: 1200;
	top:0px;
	font-size: 15px;
	font-family:Helvetica, Arial, "sans-serif";
}
.adminFixed .block-menu ul {
	margin:0px;
	padding:0px;
	border:0px;
}
.adminFixed .block-menu li {
	list-style-type: none;
	margin:0px;
	padding:0px;
	border:0px;
}
.webBox .zone a span {
   display: block;
	line-height: 1em;
	font-size: 13px;
	color:rgba(255,255,255,0.6)
}
.adminTitre {
	color:#FFF;
	display: inline-block !important;
	background-color: #444;
	border-radius: 3px;
	padding:3px 10px;
	margin:6px 4px;
	line-height: 1em;
}
.adminTitre a {
	color:#FFF;
	text-decoration: none;
}
.webBox:hover div.adminTitre {
	background-color:#666;
	cursor: auto;
}
.webBox:hover a.adminTitre {
	background-color:#1f86c7;
	text-decoration: none;
}
.webBox:hover a.adminTitre:hover {
	background-color:#0c97ed;
	color:#FFF;
}
.webBox  {
	position: relative;
	z-index: 200;
}
.webBox .zone {
	background-color: #333;
	box-shadow: 7px 7px 0px rgba(0,0,0,0.13);
	z-index: 200;
	width:300px;
	padding:0px 8px;
	position: absolute;
	margin-left: -4px;
}
.webAdmin {
	background-color:#1f86c7;
	margin:8px 0px;
	border-radius: 3px;
}
.webBox .zone a {
	display: block;
	border-radius: 0px;
	color:#FFF;
	padding:5px 10px;
	border-top: 1px solid #333;
}
.webAdmin span {
	display: block;
	font-style: italic;
	padding:5px 10px;
	color:rgba(255,255,255,0.7);
}
.webBox .zone .aNiv2 {
	padding:2px 10px;
	margin-left: 13px;
	font-size: 14px;
}
.webBox .zone a:hover {
	text-decoration: none;
	background-color:#0c97ed;
}
.lienA {
	color:#FFF;
	padding:0px;
	margin:0px 5px;
	font-size: 13px;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.lienAPrec {
	padding:6px 0px;
}
.lienA img {
	margin-right: 5px;
	display: block;
}
.webBoxAdd {
	position: relative;
	z-index: 205;
}
.bUser a[data-drupal-link-system-path="unmasquerade"] {
	font-size: 12px !important
}
.menuToOpen {
		display:flex;
	width:100%;
	}
.menu768 {
	display: none;
}
.menu768 span {
	display: block;
	color:#FFF;
	border:1px solid #ccc;
	padding:0px 10px;
	margin-left: 10px;
}
.menu768 span.closeToMenu {
	display:none;
}
.toTop {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	z-index: 150;
	transition: 0.2s;
	background:#FFF url('../images/admin/fleche_up.png') no-repeat 7px center;
	background-size:70%;
	border-radius:60px 0 0 60px;
	height:45px;
	width:45px;
	bottom:52px;
	right:0px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.toTop.active {
	visibility:visible;
	opacity: 0.6;
}
.toTop.active:hover {
	opacity: 1;
	background-size:80%;
	cursor: pointer;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
@media all and (max-width:1200px) {
.adminTitre {
  padding: 3px 5px;
  margin: 6px 2px;
	}
	.webBox:last-child .zone {
  right:0px;
  margin-left:0px;
}
}
@media all and (max-width:989px) {
	.menu768 {
		display: block;
	}
	.menuToOpen {
		display:none;
	}
	.menu768.activ span.closeToMenu {
		display:block;
	}
	.menu768.activ span.openToMenu {
		display:none;
	}
	.webBox .zone {
		display: block !important;
		position: relative;
		margin:25px auto;
		max-width: 360px;
		box-shadow: 5px 5px 0px rgba(0,0,0,0.13);
	}
	.webBox {
		border-top: 2px solid #666;
		padding-top: 20px;
		max-width: 360px;
		margin:20px auto;
	}
	.adminFixed {
    	flex-wrap: wrap;
		position: absolute;
	}
	.adminBarre.bod .headFixe .header {
		top:0px;
	}
	.hauteurAdmin {
    	height: 0px;
	}
	.content-header.seven {
		padding-top: 0px;
	}
	.webBox div.adminTitre {
    	background-color:transparent !important;
	}
	.webBox a.adminTitre {
    	background-color:#1f86c7 !important;
		max-width: 280px;
		margin:0px auto;
		display: block !important;
		padding:8px 10px;
		border-radius: 2px;
		box-shadow: 5px 5px 0px rgba(0,0,0,0.13);
	}
}
/* fin menu admin barre */
/* from SEVEN */
.seven-details {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fcfcfa;
}
.karyans .layout-region-node-secondary .seven-details {
  margin:0;
padding:5px;
}
.media-library-item__edit {
  background-image: url("../images/admin/pencil.png") !important;
}
fieldset.groupBase:not(.fieldgroup) {
    padding:10px 20px;
	margin:35px 0px ;
}
fieldset.groupBase #edit-title-wrapper {
    margin: 0px;
}
form img {
  max-width: 170px;
  height: auto;
}
fieldset.sCadre {
  padding:0 !important;
  border:0 !important;
}
fieldset.groupEleBandeauCreer.sCadre {
  padding-top:20px !important;
}
.form-required::after {
    content: "*";
    color:red;
}
.field--name-field-paragraphe tr.draggable .field--name-field-para-element tr.draggable,
.field--name-field-paragraphe tr.draggable .field--name-field-para-contact  tr.draggable {
  border-width: 1px;
}
.field--name-field-paragraphe .field--name-field-para-element .draggable > td,
.field--name-field-paragraphe .field--name-field-para-contact .draggable > td {
  padding-top: 10px;
  padding-bottom: 10px;
}
fieldset.groupElementMedia {
	width:47% !important;
	padding-right: 3% !important;
	flex-shrink: 0;
}
.field--name-field-para-col-2 .paragraph-type-top,
.field--name-field-para-col-1 .paragraph-type-top,
.groupMedia .form-type-select .form-required::after,
.groupTitreNode .field--name-field-valeur .form-required::after,
.groupBandeauImg .field--name-field-alignement .form-required::after,
.groupParam .form-required::after,
.field--name-field-bandeau .form-required::after {
    display: none;
}
/* modif formulaire edition */
.layout-node-form {
	max-width: 1200px;
margin: auto;
}
.layout-region-node-main, 
.layout-region-node-footer,
.layout-region-node-secondary {
    width: 100%;
	float:none;
	padding: 0px;
}
.groupCreerContenu .groupLien,
.groupCreerContenu .field--name-field-media {
	width:47%;
	display: inline-block;

	min-width: 220px;
}
.field--name-field-lien .js-form-type-entity-autocomplete label,
.groupMedia .js-media-library-widget .fieldset-legend,
.js-media-library-widget .field-prefix,
.js-media-library-widget .description,
.paragraphs-subform .js-media-library-widget-toggle-weight,
.groupMedia .media-library-widget__toggle-weight,
.field--name-field-texte2 .field-multiple-table > thead,
.media-library-widget-empty-text,
.groupParam legend,
.node-form .field--type-text-long .filter-help,
#edit-field-introduction-0-format .filter-help,
.media-library-widget .description {
	display: none;
}
.js-media-library-widget .fieldset-legend,
.groupParam fieldset legend {
	display: block;
}
.groupParam {
	padding:10px !important;
	position: relative;
}
.groupDetails .groupParam {
	padding:2px 5px !important;
}
.groupMedia {
	position: relative;
}
form .field--widget-entity-reference-paragraphs .seven-details{
	margin-top: 7px;
	margin-bottom: 7px;
}
.groupImgPrincipale > .fieldset-wrapper,
.groupBandeau .fieldset-wrapper,
.groupParam .fieldset-wrapper{
	display: flex;
	align-items: center;
}
.groupNoFlex .fieldset-wrapper {
  display:block;
}
.groupParam .groupNoFlex {
	background-color: transparent !important;
	border:0px !important;
	padding:0px !important;
}
.groupImg .js-media-library-widget {
	min-width:200px;
}
.groupImgPrincipale .groupTaille {
	margin-right: 30px;
}
.field--name-field-lien .js-form-item {
	margin-right: 10px;
}
.field--name-field-texte-lien input {
	width: 250px;
}
.field--name-field-hauteur-media {
	margin:5px 0px;
}
.groupCreerContenu .field--name-field-lien .fieldset-wrapper {
    display:block;
}
.groupCreerContenu .media-library-widget__toggle-weight {
	display: none;
}
.groupLien .field--name-field-blank {
    margin-top:0px;
    margin-left:00px;
}
.groupAlign {
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.groupLien fieldset .fieldset-legend {
	display: none;
}
.groupLien fieldset.js-media-library-widget legend {
    position: relative;
}
.groupLien fieldset.js-media-library-widget .fieldset-legend {
    display:block;
	padding:0px;
}
.groupCreerContenu .groupLien,
.groupCreerContenu .field--name-field-image {
	display: inline-block;
	vertical-align: top;
}
.groupContenu .field--name-field-contenu,
.groupContenu .field--name-field-avec-intro,
.field--name-field-align,
.field--name-field-couleur label,
.field--name-field-texte-lien label,
.field--name-field-texte-lien input,
.field--name-field-paragraphe .field--type-list-integer div,
.field--name-field-paragraphe .field--type-list-integer label,
.field--name-field-paragraphe .field--type-list-string div,
.field--name-field-paragraphe .field--type-list-string label {
	display: inline-block;
}
.groupMedia .field--type-entity-reference {
	display: inline-block;
	vertical-align:bottom;
}
.groupTitreBox .field--name-field-niveau-titre {
	display: inline-block;
}
.groupTitreBox .field--name-field-niveau-titre label,
.groupTitreBox .js-form-type-textfield label {
	display: none;
}
.groupTitreBox .field--name-field-centrer,
.groupTitreBox .field--name-field-bg-fond,
.groupTitreBox .field--name-field-ligne {
	display: inline-block;
}
.field--name-field-titrebox .js-form-type-select {
	display: flex !important;
	flex-direction: column;
	padding-left: 0px;
}
.field--name-field-para-fond .paragraph-type-top,
.field--name-field-titrebox .paragraph-type-top {
	text-align: right;
display: flex;
justify-content: flex-end;
	position: relative;
	margin-top:5px;
}
.field--name-field-para-fond .paragraph-type-top {
	position: relative;
}
.field--name-field-para-fond .paragraph-type-top:after,
.field--name-field-titrebox .paragraph-type-top:after {
	display: block;
	content:"TITRE";
	font-weight: bold;
	position: absolute;
	top:8px;
	left:0px;
}
.field--name-field-para-fond .paragraph-type-top:after {
	content:"FOND";
}
.field--name-field-titrebox > div > div > .js-form-wrapper > .paragraphs-subform,
.field--name-field-para-fond > div > div > .js-form-wrapper > .paragraphs-subform {
	border:1px solid #ccc;
	padding:5px;
	border-radius: 4px;
}
.paragraphs-dropbutton-wrapper {
	
}
.groupTitreBox .groupBase {
	padding:0px !important;
	width:100% !important;
}
.groupTitreBox .groupBase input.form-text {
	width:96%;
	font-size: 1.3em;
	color:#000;
}
.groupTitreBox fieldset {
    padding:0 10px;
    border: 0 !important;
}
.field--name-field-titrebox .dropbutton-multiple {
	margin-top: -35px;
}
.field--name-field-titrebox .dropbutton-multiple .dropbutton-widget {
	z-index: 10;
}
tr.odd .groupTitreBox .form-item, tr.even .groupTitreBox .form-item {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}
.media-library-widget-modal .media-library-item--grid, .media-library-selection .media-library-item--grid,
.seven .media-library-widget-modal .media-library-item--grid, 
.seven .media-library-selection .media-library-item--grid {
  width: 170px;
}
.field--name-field-paragraphe .media-library-item--grid .field--name-thumbnail img {
	height: 120px;
	max-width: 120px;
}
.field--name-field-paragraphe .groupTitreBox .media-library-item--grid .field--name-thumbnail img {
  height: auto;
  width: 80px;
}
.field--name-field-paragraphe {
	margin:85px 0px  60px 0px;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	padding:15px 0px 30px 0px;
	position: relative;
}
.field--name-field-paragraphe:before {
	display: block;
	content:"Textes, Médias & logos, Diaporamas, Iframe, Liens, Formulaire :";
	font-size: 1.3em;
	font-weight: 600;
	color:#000;
	background: #FFF;
	top:-35px;
	position: absolute;
}
.groupBandeauChoix fieldset,
.field--name-field-paragraphe fieldset {
	margin:5px auto !important;
	border-color:#DDD !important;
}
.layout-region-node-secondary {
	float: none !important;
}
.groupLigne .fieldset-wrapper {
	justify-content: space-between;
}
.groupLigne .field--name-field-para-fond .paragraph-type-top,
.field--name-field-para-fond .js-form-wrapper > em,
.field--name-field-para-fond .js-form-wrapper > strong {
	display:none;
}
.groupMedia .field--name-field-largeur .js-form-type-textfield,
.field--name-field-para-col .js-form-type-textfield,
.field--name-field-para-fond .paragraphs-subform.js-form-wrapper {
	display: flex;
	align-items: center;
}
.field--name-field-para-col .groupParam .js-form-type-textfield {
	margin:0px 0 !important;
}
.groupMedia .field--name-field-largeur  label,
.field--name-field-para-col .js-form-type-textfield > label,
.field--name-field-para-fond .paragraphs-subform.js-form-wrapper > div {
	margin-right: 10px;
}
.field--name-field-para-fond,
.groupLigne > .fieldset-wrapper > div {
	border-right: 0px !important;
	padding-right: 0px !important;
}
.groupDeplier .groupLigne,
.node-edit-form .tabledrag-toggle-weight-wrapper,
.node-form .tabledrag-toggle-weight-wrapper {
	display: none !important;
}
.field--name-field-para-col > div > div > table.field-multiple-table > tbody > tr:nth-child(1),
.field--name-field-para-col > div > div > table.field-multiple-table > tbody > tr:nth-child(3) {
	/*border-right:1px solid #ccc; */
}
.field--name-field-para-col > div > div > table.field-multiple-table > tbody > tr:nth-child(1),
.field--name-field-para-col > div > div > table.field-multiple-table > tbody > tr:nth-child(2),
.field--name-field-para-col > div > div > table.field-multiple-table > tbody > tr:nth-child(3) {
	border-bottom:1px solid #ccc;
	margin-bottom: 15px;
}
.karyans .layout-region-node-main input[type="submit"],
.karyans .layout-region-node-main input[type="button"] {
	font-family: Helvetica, Arial, "sans-serif";
  color:#000;
  padding:3px 10px;
  margin:5px 0px;
  background-color:#D3E1EF;
  border:1px solid #A1B7CC;
box-shadow:2px 3px 0px rgba(0,10,50,0.15);
	font-weight: 400;
	border-radius:30px;
}
.karyans .layout-region-node-main input[type="submit"]:hover,
.karyans .layout-region-node-main input[type="button"]:hover {
	background-color:#A1B7CC;
	box-shadow: 2px 4px 0px rgba(0,10,50,0.3);
}
.karyans form .description {
	font-size: 14px;
	margin:5px 0px;
}
.karyans.path-utilisateur .main form {
	max-width: 450px;
	margin:auto;
}
.karyans .main form.user-form {
	max-width: 650px;
	margin:auto;
	position: relative;
	padding:0px;
}
.karyans .main form.user-form .form-item,
.karyans.path-utilisateur .main form .form-item {
	margin:25px 0px;
}
.karyans .main form.user-form .form-item.js-form-type-radio,
.karyans .main form.user-form .form-checkboxes .form-item {
	margin:2px 0px;
}
.karyans .main form.user-form .description {
	font-size: 13px;
	color:#7B7C8C;
}
.karyans.connect form.user-form .form-item-current-pass {
	position: absolute;
	top:255px;
}
.karyans.connect form.user-form .js-form-type-password-confirm {
	padding-top: 120px;
	position: relative;
}
.karyans.connect form.user-form .password-suggestions {
	font-size: 14px;
	border:1px solid rgba(0,10,50,0.2);
	padding:20px;
}
.karyans .main form.user-form .js-form-type-password-confirm .form-item {
  margin: 7px 0px;
}
.karyans .password-strength__indicator {
  background-color:#1190D1;
}
.karyans .password-strength,
.karyans .password-confirm-message {
	font-size: 14px;
	padding-top: 5px;
	font-style: italic;
}
@media all and (min-width:1400px) {
.seven .layout-region-node-footer__content {
  border-top:0 !important;
}
.seven .layout-region-node-footer .form-actions {
	position:fixed;
	display: flex;
	flex-direction: column;
	bottom:100px;
	right:0px;
	z-index: 1000;
	width:110px;
}
.seven .layout-region-node-footer .form-actions input {
	margin:3px 0px;
	width:96%;
	padding:8px 2%;
}
}
.page-node-type-accueil .field--name-field-paragraphe::before {
    content: "";
    top: 0px;
}
.groupMedia .field--name-field-largeur input,
.field--name-field-para-col .field--name-field-largeur input {
	width:60px;
	margin-right: 5px;
}
.groupMedia .field--name-field-largeur .description,
.field--name-field-para-col .js-form-type-textfield .description {
font-size: 1.2em;
}
fieldset, 
.field--name-field-image .media-library-widget,
.groupMedia {
	border:1px solid #DDDDDD;
	padding:20px;
}
.groupBandeau fieldset:not(.fieldgroup) {
	background-color: transparent !important;
}
.groupBandeauChoix {
	border:0px !important;
	padding:0px !important;
}
.field--name-field-paragraphe .draggable > td {
	padding-top:30px;
	padding-bottom: 20px;
}
.field--name-field-paragraphe tr.draggable  {
	border-bottom:11px solid #ebebeb;
}
.field--name-field-paragraphe tr.draggable tr.draggable  {
	border-bottom:7px solid #ebebeb;
}
.field--name-field-para-col-1,
.field--name-field-para-col-2 {
	margin-top:28px;
	position: relative;
}
.field--name-field-para-col-1::before,
.field--name-field-para-col-2::before {
	display: block;
	content:"Colonne 1";
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 600;
	color:#004f80;
}
.field--name-field-para-col-2::before {
	content:"Colonne 2";
	margin-top: 15px;
}
#edit-field-role-acces-wrapper,
#edit-title-wrapper,
#edit-field-formulaire-wrapper{
	margin:35px 0px;
}
.groupTitreNode #edit-title-wrapper {
	margin:0px;
}
#edit-field-paragraphes-wrapper {
	border:1px solid #ccc;
	padding:15px 5px;
}
#edit-field-paragraphes-wrapper details {
	border:0px;
}
#edit-title-0-value {
	width:100%;
	padding:5px 2%;
	font-size: 1.3em;
	font-weight: 700;
}
.groupTitreNode #edit-field-sous-titre-wrapper {
	font-size: 1.1em;
	font-weight: 700;
}
.node-form .groupIntro .field--type-text-long label,
	#edit-field-introduction-0-format label {
	font-weight: 400;
}
.karyans .layout-region-node-secondary .seven-details summary[role=button],
.node-form .layout-region-node-main summary[role=button] {
	display: inline-block;
	padding:4px 15px 4px 27px;
	margin:4px;
	border-radius:3px;
	border:1px solid #ccc;
	background:#f1f1f1 url('../images/admin/fleche.png') no-repeat 4px 3px;
	background-size:17px auto;
	text-decoration: none !important;
}
.karyans .layout-region-node-secondary .seven-details summary[role=button]:hover,
.node-form .layout-region-node-main summary[role=button]:hover {
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
	background-image:url('../images/admin/fleche_down.png');
}
.node-form .layout-region-node-main summary[role=button][aria-expanded=true] {
	background-image:url('../images/admin/fleche_up.png');
}
.node-form .layout-region-node-main .field--name-field-image summary[role=button],
.node-form .layout-region-node-main .field--name-field-video summary[role=button] {
	background:none !important;
	border:0px !important;
	box-shadow: none !important;
}
.groupIntro .field--name-field-introduction .js-form-type-textarea label {
	color:red;
}

.js .paragraph-type-title {
    min-width: 390px;
}
.node-form .field--name-field-image img {
	display: block;
	max-width:200px;
	max-height: 180px;
	width:auto;
	height:auto;
	margin:auto;
}
.node-form .paragraphs-subform .item-container,
.node-form .layout-region-node-main .rendered-entity {
    border:1px solid #ebebeb;
	padding:5px;
	text-align: center;
	box-shadow:0px 0px 3px rgba(0,0,0,0.2);
}
.node-form .layout-region-node-main .item-container .field--name-field-image {
	display:table-cell;
	vertical-align: middle;
	text-align: center;
	width:200px;
	height:180px;
	overflow: hidden;
}
.node-form .entities-list .item-container > input {
    display: inline-block;
	font-size: 0.85em;
	margin:5px;
}
.node-form .layout-region-node-main .media-image {
	height:200px;
}
.node-form .layout-region-node-main .field--name-field-image-info {
	font-size:0.8em;
	height:20px;
	overflow: hidden;
	text-align: center;
}
#edit-field-weekly-event .js-form-item,
#edit-field-monthly-event .js-form-item {
	display: inline-block;
	margin-right:5px;
}
.cke_editable ul {
  margin:40px 60px;
  padding:0px;
}
.paragraph-type-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size:1.3em;
	color:#000;
}
.field-group-details .paragraph-type-title {
	color:#3C6BA4;
}
.groupParam label,
.groupParam .option,
.groupParam .description {
	line-height: 1em;
}
.groupParam .js-form-item-field-paragraphe-3-subform-field-separation-value,
.groupParam .js-form-item-field-paragraphe-3-subform-field-separation-value {
	display: flex;
	align-items: flex-start;
}
.groupParam label,
.groupParam .form-checkbox {
	margin-right: 5px;
}
.field--name-field-paragraphe > div > .js-form-item > .field-multiple-table > thead,
.field--name-field-paras > div > .js-form-item > .field-multiple-table > thead,
.field--name-field-lien .field-multiple-table > thead {
   display: none; 
}
.node-form tbody tr:hover, .node-form tbody tr:focus {
    background: none !important;
}
.node-form tbody tr:hover, .node-form tbody tr:focus .paragraph-type-title {
   color:#000;
}
.groupMedia fieldset:not(.fieldgroup) {
	background:none;
	border:0px;
	padding: 0 10px 0 0;
}
.field--name-field-titre .js-form-type-textfield.form-type-textfield input {
	width:96%;
}
.groupContact .field--name-field-titre .js-form-type-textfield.form-type-textfield input {
	width:auto;
}
.karyans .js-filter-wrapper {
  display: flex;
	flex-direction: row-reverse;
	font-size: 12px;
	align-items: center;
	justify-content: space-between;
}
.karyans .js-form-type-select {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.karyans .js-form-type-select label {
	white-space: nowrap;
	margin-right: 10px;
}
.groupParamMedia {
	margin-right: 15px;
}
.groupParam label {
	font-weight: normal;
}
.groupBandeauContenu .groupMedia,
.groupContenu > .fieldset-wrapper  > div,
.groupVue .field--name-field-vue,
.groupVue .field--name-field-fond {
	display: inline-block;
}
.groupParam .media-library-widget {
	border:0px;
	padding:0px;
}
body .cke_contents {
    padding: 0px 15px;
}
fieldset:not(.fieldgroup) {
  position: relative;
  min-width: 0;
  margin: 1em 0;
  padding: 30px 18px 18px;
  border-radius: 2px;
  background-color: #fcfcfa;
}
fieldset:not(.fieldgroup) > legend {
  position: absolute;
  top: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
}
.node-form label {
  font-weight: bold;
}
.node-form .form-item label.option {
  font-weight: normal;
}
.groupTexteLien fieldset.groupLien > legend {
	position: relative !important;
}
.groupBandeauVue > .details-wrapper > div,
.groupParam > .fieldset-wrapper  > div,
.groupBandeau > .fieldset-wrapper  > div {
	margin-right: 13px;
	padding-right: 13px;
	border-right: 1px solid #ccc;
}
.groupContenu > .fieldset-wrapper > div {
	margin-left:10px;
}
.groupBandeau label,
.groupBandeauContenu .field--name-field-texte-lien label {
	display: block !important;
	font-weight: 400;
}
.groupBandeau .js-form-type-checkbox label {
	display: inline-block !important;
}
.field--name-field-paragraphe .groupBandeau .media-library-item--grid .field--name-thumbnail img {
    height: 90px;
}
.groupParam .media-library-selection
.groupBandeau .media-library-selection {
    margin: 0em 15px;
}
.groupBandeau .js-media-library-widget {
	border:0px;
	padding:30px 10px 0px 10px;
	background-color: transparent;
	margin:0px;
}
.groupTitreNode {
	padding-top: 10px !important
}
.groupTitreBandeau .js-media-library-widget legend,
.groupTitreBandeau .js-form-item label,
.groupBandeau .js-media-library-widget legend {
	white-space: nowrap;
	font-weight:400 !important;
	padding-right: 5px;
}
.groupBandeau fieldset.media-library-widget > legend {
   position: relative;
	top:0px;
	text-transform: none;
	margin-left: 15px;
}
.groupBandeauVue > .details-wrapper,
.groupBandeauVue > .fieldset-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.groupBandeauVue > .details-wrapper  > div ,
.groupBandeauVue > .fieldset-wrapper  > div {
	width:17%;
	margin-bottom:10px;
}
.groupBandeauEle > .fieldset-wrapper  > div {
	width:13%;
}
.node-form .layout-region-node-main .groupBandeauVue summary[role="button"] {
    border: 1px dotted #ccc;
    background-size: 14px auto;
	background-color:transparent;
}
.groupAlign > .fieldset-wrapper > div {
	margin-right: 16px;
}
.node-form .layout-region-node-main .groupBandeauVue summary[role="button"],
.groupBandeau > legend > .fieldset-legend {
	color:#999;
	text-transform: none;
}
.groupBandeau > legend > .fieldset-legend {
	font-size: 16px;
}
.groupBandeauChoix .groupEleBandeauCreer > legend,
.groupBandeauChoix .js-form-type-entity-autocomplete > label,
.groupBandeauContenu > legend > .fieldset-legend {
	color:coral;
}
.node-form .layout-region-node-main .groupBandeauVue summary[role="button"],
.groupBVue > .details-wrapper,
.groupParam,
.groupBandeau {
	background-color:#F4F7F9 !important;
}
.groupBVue {
	background-color: transparent !important;
}
.groupAlign {
	border:0px;
	padding:0px;
	background-color: transparent !important;
}
.groupParam .form-type-checkbox .description {
	margin:0px;
}
.groupLien .field--name-field-blank {
	margin:10px 0px;
}
.groupLien fieldset.js-form-item {
	border:0px !important;
	padding:0px !important;
}
.groupCreerContenu .groupLien .js-form-type-entity-autocomplete label,
.groupLienInfo .js-form-type-entity-autocomplete label {
	display: none;
}
.groupLien .js-form-type-entity-autocomplete {
	margin-bottom:15px !important;
}

.groupTextLien > .fieldset-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding:5px !important;
}
.groupTextLien .field--name-field-lien .fieldset-wrapper,
.groupTextLien .fieldset-wrapper fieldset .js-form-item {
	display: block;
}
.groupTextLien .fieldset-wrapper .field--name-field-texte,
.groupTextLien .fieldset-wrapper .groupLien {
	width:47%;
}
.groupLienInfo .field--name-field-lien .fieldset-wrapper {
    display: block;
    align-items: flex-start;
}
.groupBandeauVue {
	
}
.groupVue.groupBandeauChoix .field--name-field-vue label {
	display: none;
}
.field--name-field-lien-rapide {
	font-size: 1.2em;
}
.groupTitreNode .field--name-field-sous-titre,
.groupTitreNode .field--name-field-valeur {
	display: inline-block;
}
.field-group-details.flex > .details-wrapper,
.field-group-fieldset.flex > .fieldset-wrapper {
	display: flex;
	justify-content: space-around;
}
.groupTitreBandeau .js-media-library-widget {
	border:0px;
	padding:10px 0px 0px 0px;
	margin:0px;
}
.node-form .js-media-library-widget .js-media-library-widget-toggle-weight {
	display: none;
}
.node-form .field--name-body {
	margin:25px 0px;
}
.page-node-type-accueil .field--name-field-bandeau {
	padding-bottom: 80px;
}
.groupIntro > .fieldset-wrapper {
	display: flex;
	justify-content: space-between;
}
.groupIntro > .fieldset-wrapper > .field--type-text-long {
	width:49%;
	margin:0px;
	flex-shrink: 0;
}
.fieldAlign {
	padding:1px 5px  !important;
}
.fieldAlign select {
	width:90px !important
}
fieldset:not(.fieldgroup).fieldAlign > legend {
    position: relative;
	font-size: 11px;
	text-transform: none;
	top:auto;
}
.fieldAlign label {
    font-weight: normal;
}
#edit-field-visibilite--wrapper > legend,
#edit-field-visibilite--wrapper > .fieldset-wrapper {
	display:block !important
}
#edit-field-visibilite--wrapper {
	display: flex !important
}
.field--name-field-visibilite .form-item,
.field--name-field-heure .form-item {
	margin:0px;
}
.groupImg2 .js-media-library-widget,
.groupImgBandeau .js-media-library-widget {
	width:400px;
}
.groupImg2 .js-media-library-widget legend {
	white-space: nowrap;
}
.groupImg2 .js-media-library-widget legend {
	/*padding-bottom: 20px;
	position: relative;*/
}
.groupImg2 {
	position: relative;
}
.form-item-field-invisible-value {
	position: absolute;
    bottom: -3px;
    left: 406px;
    padding: 2px 5px !important;
}
.field--name-field-visibilite .form-checkboxes {
	display: flex;
}
.groupFlex > .details-wrapper,
.groupFlex > .fieldset-wrapper {
	display: flex;
	align-items: center;
}
.groupPod > .fieldset-wrapper {
  flex-wrap: wrap;
}
.field--name-field-tags .form-checkboxes {
	column-count: 3;
}
.groupFlex > .details-wrapper > div,
.groupFlex > .fieldset-wrapper > div {
	margin-right: 15px;
}
.groupFlex > .fieldset-wrapper > div:last-child {
	margin-right: 0px;
}
.groupFlex .field--name-field-align-image {
	position: absolute;
	z-index: 10;
	bottom:0px;
	left:20px
}
.groupFlex .groupTaille .field--name-field-align-image {
	position:relative;
	bottom:auto;
	left:auto;
}
.groupFlex .groupTaille {
	margin: 0;
}
.groupFlex .field--name-field-align-image label {
	margin-right: 20px;
	font-weight: 400;
}
.groupImg  {
	padding-top:0px !important
}
.groupImg .js-media-library-widget {
	border:0px;
	margin:0px;
	padding-left: 0px;
}
.form-item-field-align-image label {
	padding-right: 10px;
	font-weight: normal !important;
}
.groupContact > .fieldset-wrapper {
	display: flex;
}
.groupContact .js-form-item label{
	display: inline-block;
	width:90px;
}
.groupContacts .tabledrag-toggle-weight-wrapper {
	display: none;
}
.groupContacts  > .details-wrapper > fieldset {
	border-color: #999 !important;
}
.field--name-field-paragraphe .groupUsers tr.draggable tr.draggable {
    border-bottom: 0px;
}
.field--name-field-paragraphe .groupUsers .draggable > td {
    padding-top: 10px;
    padding-bottom: 10px;
}
fieldset.groupContact {
	padding:15px !important;
}
.groupContact fieldset {
	border:0px !important;
}
.field--name-field-titrebox strong[data-drupal-selector="edit-field-paragraphe-0-subform-field-titrebox-title"],
.field--name-field-titrebox em,
.field--name-field-para-fond .paragraph-type-title,
.field--name-field-titrebox .paragraph-type-title {
	display: none;
}
.field--name-field-titrebox {
	min-height: 35px;
}
.field--name-field-titrebox fieldset.groupBase:not(.fieldgroup) {
	padding:0 !important;
	border:0px;
}
.field--name-field-titrebox .js-form-wrapper > strong {
	display: none;
}
/* RADIO & CHECKBOX */
.groupFlexRadio .form-radios {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.groupFlexRadio .fieldset-wrapper .fieldset-wrapper .js-form-item {
	width:31%;
	flex-shrink: 0;
}
.groupCheck .js-form-item input[type="checkbox"],
.groupRadio .js-form-item input[type="radio"],
.js-form-item-status-value input[type="checkbox"],
.field--name-field-tags input[type="checkbox"] {
	visibility: hidden;
	position: absolute;
}
.groupRadio .js-form-item label,
.field--name-field-tags label {
	display: block !important;
	margin:1px 5px;
	padding:6px 6px;
	border:1px solid #ccc;
	background-color: #FFF;
	box-shadow: 4px 4px 0px rgba(0,0,0,0.15);
	font-size: 13px;
	border-radius: 2px;
	color:#000;
}
.groupRadio .js-form-item input[type="radio"]:checked+label,
.field--name-field-tags input[type="checkbox"]:checked+label {
	background-color:#3AC6EF;
	border-color:#3AC6EF;
	color:#FFF;
}
.groupRadio .js-form-item label:hover,
.field--name-field-tags label:hover {
	background-color:#E5E5E5;
	cursor: pointer;
}
.groupCheck .js-form-item label,
.js-form-item-status-value label {
	display: flex !important;
	color:#000;
	align-items: center;
	padding:5px 0px;
}
.groupCheck .js-form-item label:before,
.js-form-item-status-value label:before {
	background-image:url('../images/admin/coche.png');
	background-repeat: no-repeat;
	background-position: left top;
	background-size:auto 90%;
height: 20px;
width: 20px;
display: inline-block;
margin-right: 5px;
content: "";
flex-shrink: 0;
}
.groupCheck .js-form-item input[type="checkbox"]:checked+label:hover:before,
.js-form-item-status-value input[type="checkbox"]:checked+label:hover:before,
.js-form-item-status-value label:hover:before {
	background-image:url('../images/admin/coche_over.png');
}
.groupCheck .js-form-item input[type="checkbox"]:checked+label,
.js-form-item-status-value input[type="checkbox"]:checked+label {
	color:#000;
}
.groupCheck .js-form-item input[type="checkbox"]:checked+label:before,
.js-form-item-status-value input[type="checkbox"]:checked+label:before {
	background-image:url('../images/admin/coche_ok.png');
}
.groupCheck .js-form-item,
.js-form-item-status-value {
	min-width: 100px;
}
.field--name-field-tags label {
	width:240px;
	line-height: 1em;
	margin-right: 7px;
}
/* FIN RADIO & CHECKBOX */
.groupPresent .js-form-item-field-sous-titre-0-value input {
	width:100%;
}
.field--name-field-commissions {
   margin-bottom: 30px;
}
.path-user .user-form {
	max-width: 900px;
	margin:auto;
}
.groupFlexWrap > .fieldset-wrapper {
    flex-wrap: wrap;
}
.groupFlex .field--name-field-heure input {
	width:200px;
}
.layout-region-node-secondary .entity-meta {
	display: flex;
	flex-direction: column-reverse;
}
.groupPubli {
	margin-bottom: 0px !important;
background-color: #f7f7f7 !important
}
.groupBandeau .field--name-field-largeur input {
	width:100px !important;
}
.groupBandeau .field--name-field-largeur label {
	line-height: 1em;
}
.field--name-field-medias .field-multiple-table .paragraphs-subform {
	display: flex;
}
/* end field-collection item */
/* fin modif formulaire edition */
.menu-link-content-form .description ul {
	margin: 0px;
}
.menu-link-content-form .field--name-link {
	position: relative
}
.menu-link-content-form .field--name-link:after {
	display:list-item;
	content:"Saisir <front> pour aller vers l'accueil ou <nolink> pour ne pas mettre de lien.";
	list-style-type: disc;
list-style-image: none;
	margin: 0px 0 25px 17px;
	color: #595959;
font-size: 0.95em;
}
.seven .media-library-item__remove, 
.seven .media-library-item__remove.button, 
.seven .media-library-item__remove.button:first-child, 
.seven .media-library-item__remove.button:disabled, 
.seven .media-library-item__remove.button:disabled:active, 
.seven .media-library-item__remove.button:hover, 
.seven .media-library-item__remove.button:focus {
    background-image: url("../images/admin/close.png") !important;
	background-size: contain !important;
}
.seven .media-library-widget-modal .media-library-item--grid, 
.seven .media-library-selection .media-library-item--grid {
    
}
.ui-dialog .ui-icon.ui-icon-closethick {
    background:#fff url("../images/admin/close.png") no-repeat center !important;
	background-size: contain !important;
}
.views-exposed-form input#edit-nid {
	width:80px !important;
}
.groupThemes .js-form-item-field-tag {
	display: inline-flex;
	border:2px solid #0074bd;
	padding:10px 15px;
}
.groupThemes .js-form-item-field-tag label {
	margin-right:10px;
	font-size: 1.1em;
}
.pagesUserAdmin nav.tabs {
	display: none !important;
}
.roleEdito .pagesUserAdmin nav.tabs {
	display: block !important;
}
.groupBandeauEle > .fieldset-wrapper > .field--name-field-align-image {
	width:16%;
}
/* home page */
.pageStructure .layout-region-node-footer:after,
.pageStructure .layout-region-node-main:before {
	display: block;
	content:"Ne pas supprimer cette page structurante";
	color:red;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 1.15em;
}
.groupDates fieldset:not(.fieldgroup) {
    margin: 0;
    padding:25px 0px 0px 0px;
    border:0px;
}
.views-exposed-form .js-form-type-entity-autocomplete .description {
    display: none !important;
}
.views-exposed-form .js-form-type-entity-autocomplete .form-autocomplete {
	width:160px;
}
.media-library-item__preview .field--name-field-image {
	position: absolute;
left: 0;
top: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.7;
	max-height: 120px;
}
.media-library-item__preview .field--name-field-image img {
	max-height: 100%;
max-width: 100%;
	width: auto;
height: auto;
	margin: 0;
}
.node-form .groupMediasDiapo .field--name-field-blank {
	display: inline-block;
}
.node-form .groupMediasDiapo .field--name-field-zoom {
    position: relative;
    margin-top: 0px;
    margin-left: 25px;
	display: inline-block;
}
.groupDocLien {
    border:0px !important;
	background: none !important;
	padding:0 !important
}
.groupDocLien .js-media-library-widget,
.groupDocLien fieldset.groupBase:not(.fieldgroup) {
    margin: 0px;
}
/* MEDIAS SEVEN */
.seven .mediaBloc {
	position: relative;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.seven .mediaBloc audio {
	max-width: 100%;
}
.seven .views-field-rendered-entity canvas.pdf-canvas {
	width:170px !important;
}
.seven .views-field-rendered-entity audio,
.seven .views-field-rendered-entity video,
.seven .views-field-rendered-entity iframe {
	width:220px !important;
}
.seven .views-field-rendered-entity video,
.seven .views-field-rendered-entity iframe {
	height:140px !important;
}
.seven form .views-field-rendered-entity .media--type-audio img,
.seven form .views-field-rendered-entity .media--type-document img {
	max-width: 80px;
}
.seven .views-field-rendered-entity .audioBloc,
.seven .js-media-library-item .audioBloc {
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
}
.seven .views-field-rendered-entity audio,
.seven .js-media-library-item audio {
  bottom:0px;
  position: absolute;
	width:100%
}
.seven .js-media-library-item audio {
  bottom:24px;
}
.media-library-item__attributes {
  min-height: 24px;
	z-index: 20;
	max-width: none;
	max-height: none;
	width:96%;
	padding:5px 2%;
}
.views-field-rendered-entity .media-library-item__preview,
.field--widget-media-library-widget .media-library-item__preview {
  height: 125px;
overflow: hidden;
	display: flex;
	align-items: center;
	justify-content:center;
	position: relative;
z-index: 0;
}
.views-field-rendered-entity .media-library-item__preview .field--name-thumbnail,
.field--widget-media-library-widget .media-library-item__preview .field--name-thumbnail {
  height:100%;
	display: flex;
	align-items:center;
}
.views-field-rendered-entity .media-library-item__preview .field--name-thumbnail img,
.field--widget-media-library-widget .media-library-item__preview .field--name-thumbnail img {
  max-height:100%;
	max-width:100%;
	height: auto;
	width: auto;
}
.media-library-item--grid .media-library-item__preview,
.field--widget-media-library-widget .media-library-item__preview {
	background-color: #ebebeb;
}
.views-table .views-field-rendered-entity .media-library-item__preview {
  border:1px solid #ccc;
}
.views-field-rendered-entity .field--name-field-media-document .file,
.field--widget-media-library-widget .field--name-field-media-document .file {
	display: inline-block;
	position: relative;
	z-index: 2;
	background-color: #FFF;
	padding-right:2px;
	border:1px solid #ccc;
	border-radius: 4px;
}
.views-table .views-field.views-field-rendered-entity .media-library-item__attributes {
	display: none;
}
.media_type {
	padding-top: 60px;
	background: url("../images/admin/media_img.png") no-repeat center top;
	background-size: auto 55px;
}
.media_type.type_document {
	background-image: url("../images/admin/media_doc.png");
}
.media_type.type_audio {
	background-image: url("../images/admin/media_audio.png");
}
.media_type.type_remote_video,
.media_type.type_video {
	background-image: url("../images/admin/media_video.png");
}
.media-library-edit__link {
  background-image: url("../images/admin/pencil.png");
	width: 21px;
height: 21px;
}
.media-library-edit__link:hover {
  border-color: #40b6ff;
}
/* FIN MEDIAS SEVEN */
@media all and (max-width:1500px) {
	.layout-node-form {
   display: block;
		margin:0;
}
	.layout-region-node-secondary,
	.layout-region-node-main, .layout-region-node-footer {
    width:100%;
		float: none;
}
}
@media all and (max-width:1120px) {
	.layout-node-form {
   display: block;
}
	.layout-region-node-secondary,
	.layout-region-node-main, .layout-region-node-footer {
    width:100%;
		float: none;
}
}
@media all and (max-width:767px) {
	.groupImgPrincipale > .fieldset-wrapper,
.groupBandeau .fieldset-wrapper, .groupParam .fieldset-wrapper, .groupTitre .fieldset-wrapper {
    flex-direction: column;
	align-items: flex-start;
}
	.groupTitre .field--name-field-sous-titre,
	.groupTitre .field--name-field-titre {
    width: 100%;
}
	.cke {
		width: 100% !important;
	}
}
/* FIN from SEVEN */
@media all and (max-width:639px) {
	.views-table thead {
		display: none !important;
	}
	.views-table td {
		display: block;
		width:100%;
		padding:5px 0px;
	}
	.media-library-views-form .media-library-item {
    max-width: 46%;
}
	.media-library-wrapper {
    display: block;
}
}
/* ADMIN KARYANS */
.zoneAdmin {
	text-align: center;
	margin-top:-1px;
	font-size: 15px;
}
.zoneAdmin ul {
	background-color:#373737;
	margin:0px;
	padding:2px 0px;
}
.zoneAdmin ul li {
	display: inline-block;
}
.zoneAdmin ul li a {
	display: block;
	padding:2px 16px;
	background-color:#444;
	border-radius:3px;
	color:#FFF;
	margin:1px 2px;
}
.zoneAdmin ul li a.is-active {
	background-color:#0c97ed;
}
.node-type .zoneAdmin {
	position: fixed;
z-index: 200;
right: 0;
bottom: 100px;
}
.node-type .zoneAdmin li {
	display: block;
}
.node-type .zoneAdmin ul li a {
	font-size: 14px;
	padding:4px 5px;
	border-radius:3px 0px 0px 3px;
	margin:2px 0px 2px 2px;
}
.zoneAdmin ul li a:not(.is-active):hover {
	background-color:#666;
}
.node-preview-container {
	position: fixed;
	top:250px;
	left: 0;
	width:120px;
	padding: 0;
}
.node-preview-container .form-item-view-mode {
	display: none;
}
.node-preview-container a {
	display: block;
	padding: 25px 10px;
	color: #FFF;
	background: #333;
	font-size: 14px;
	font-weight: 600;
	border-radius: 0px 4px 4px 0px;
}
.node-preview-container a:hover {
	background:#3C6BA4;
	color: #FFF;
}
.ui-dialog.ui-corner-all.ui-widget {
	background: #FFF;
	color:#000;
	padding:25px;
}
.bt_edit {
	background: rgba(0,0,0,0.13) url('../images/icons/edit_blc.svg') no-repeat center;
	background-size:80%;
	position: absolute;
	height: 25px;
	width:25px;
	left: -23px;
	top:0px;
	border-radius:30px;
}
.bt_edit.edit_media {
	background-color: rgba(0,0,150,0.13);
	background-image: url('../images/icons/admin_blc.svg');
	right: 0px;
	left:auto;
	border-radius: 2px;
	z-index: 200;
}
.bt_edit:hover {
	background-color: rgba(0,0,0,0.4);
}
/* fin ADMIN KARYANS */
.ui-dialog::before {
	display: block;
	content:"";
	height: 100%;
	width:100%;
	z-index: -2;
	background: #000;
	opacity: 0.7;
	position: fixed;
	left:0px;
	top:0px;
}
.ui-dialog .media-audio-edit-form #field_image-media-library-wrapper,
.ui-dialog .media-document-edit-form #field_image-media-library-wrapper {
	display: none;
}
.ui-dialog .media-audio-edit-form .groupPod,
.ui-dialog .media-document-edit-form .js-form-type-managed-file {
	position: relative;
}
.ui-dialog .media-audio-edit-form .groupPod:after,
.ui-dialog .media-document-edit-form .js-form-type-managed-file:after {
	display: block;
	content:"Pour ajouter une image au document : éditer ce document depuis la liste des médias ou depuis l'icône paramètre à côté en haut à droite du média sur la page.";
	color:red;
	margin-top:8px;
	border:1px solid #ccc;
	padding:5px;
}
.ui-dialog .media-audio-edit-form .groupPod:after {
	content:"Pour ajouter une image à l'élément audio : éditant cet audio depuis la liste des médias ou depuis l'icône paramètre à côté en haut à droite du média sur la page.";
}
.js td .dropbutton-multiple .dropbutton-widget {
  right: 0;
}
/*** FIN COMMUN SEVEN ***/