@CHARSET "utf-8";

@media all and (min-width:1091px) {
	#admin-bandeau .admin-menu-wrapper  {display:block !important;}
	#admin-bandeau-mobile {display:none !important;}
}

@media all and (min-width:1590px) {
	.w1590 {display:none;}
	.w1590plus {display:block;}
}

@media all and (max-width:1590px) {
	.w1590plus {display:none;}
	.w1590 {display:block;}
	
	#admin-aide {right:335px;}
	#admin-public-container {right:10px;}
	#admin-menu-conteneur {margin-left:0;}
	#admin-menu .admin-menu-element {margin: 0 6px;}
}

@media all and (max-width:1390px) {
	#admin-menu .admin-menu-element {margin: 0 3px;}
	#admin-bandeau.sm #admin-menu .admin-menu-element > a > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > a:visited > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > span {font-size: 14px; padding:8px;}

	
	.config-groupe-mailsResa > .config-groupe > div {width:100%;  padding:0 15px;}
}

@media all and (max-width:1330px) {
	.crm-popup .formulaire-creation {margin-left:15px;}
	#crm-popup-interets {margin-left:10px; width:calc(100% - 460px);}

}

@media all and (max-width:1260px) {
	#admin-bandeau.sm #admin-menu .admin-menu-element > a > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > a:visited > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > span {padding:8px 5px;}
	#admin-menu .admin-menu-element > a > span, #admin-menu .admin-menu-element > a:visited > span, #admin-menu .admin-menu-element > span{padding: 8px 7px;}
}

@media all and (max-width:1205px) {
	#admin-bandeau.sm #admin-menu .admin-menu-element > a > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > a:visited > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > span {padding:8px 2px;}

}

@media all and (max-width:1140px) {
	#admin-bandeau.sm #admin-menu .admin-menu-element > a > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > a:visited > span, 
	#admin-bandeau.sm #admin-menu .admin-menu-element > span {font-size:13px;}
	#admin-menu .admin-menu-element > a > span, #admin-menu .admin-menu-element > a:visited > span, #admin-menu .admin-menu-element > span{padding: 8px 4px;}
}

@media all and (max-width:1110px) {
	#suivi-entree-rapport-formulaire-colonne {float:none; margin:15px auto;}
	#suivi-entree-rapport-historiques-colonne {float:none; margin:15px auto;}
}

/* Tablette */
@media all and (max-width:1090px) {
	
	#main {min-width:inherit; margin:0 auto; width:auto; padding-top:120px;}
	
	/* Bandeau */	
	#admin-bandeau {border:none !important;}	
	#admin-bandeau.studio86 {background:#d53d00 !important;}
		
	#admin-bandeau-contact {opacity:1;  height:85px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
	#admin-bandeau.sm #admin-bandeau-contact { height:0; z-index: 60;}
	#admin-bandeau.sm #admin-bandeau-contact #logo {display:none; }
	#admin-bandeau-conteneur,
	#admin-bandeau.sm #admin-bandeau-conteneur {height:auto;}
		
	.lg {  height: 120px;}
	.sm { height: 35px; border:none;}
		
	#admin-bandeau #logo {}
	#admin-bandeau #logo a img {height:60px; }
	
	#admin-bandeau.agoraline #logo a img {height:75px; }
	#admin-bandeau.studio86 #logo {padding: 11px 30px 6px 24px;}
	
	/* Menu mobile */
    #admin-bandeau-mobile { min-width:inherit; width:100%; }	
	
 	/* bas */
	#admin-bandeau-mobile-bas {position: relative; z-index: 45; clear:both; height:35px; cursor:pointer; }
	
	#admin-bandeau #admin-bandeau-mobile-bas {background:#0045a3; }
	#admin-bandeau.agoraline #admin-bandeau-mobile-bas {background:#0045a3; }
	#admin-bandeau.komeres #admin-bandeau-mobile-bas {background:#0d3f71; }
	#admin-bandeau.studio86 #admin-bandeau-mobile-bas {background:#252525; }
	#admin-bandeau.agsi #admin-bandeau-mobile-bas {background:#4d4e5c; }
	
	#admin-bandeau-mobile-bas > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:40px; padding-top: 0px; display: block; color: #ffffff; text-decoration: none; position:relative;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	#admin-bandeau-mobile-bas i {position: absolute;left: 10px;top: 0;font-size: 23px;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	
		
	#admin-bandeau #admin-menu-conteneur {margin:0; padding:0; position: fixed; z-index: 9999; top: 0;left: 0;  height: 100% !important;  width:80%;  width: calc(100% - 45px); background: #fff;    -webkit-transition: transform 0.5s;    -khtml-transition: transform 0.5s;    -moz-transition: transform 0.5s;    -ms-transition: transform 0.5s;    -o-transition: transform 0.5s;    transition: transform 0.5s;    -webkit-transform: translateX(-100%);    -khtml-transform: translateX(-100%);    -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%);    overflow-x: hidden;    overflow-y: scroll;}
	#admin-bandeau #admin-menu-conteneur.open {display: block;-webkit-transform: translateX(0%);-khtml-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}
	
	#admin-bandeau #admin-menu-titre { display:block; margin-bottom: 20px;}	
	#admin-bandeau #admin-menu-titre > span {font-size: 18px;width: auto;text-transform: uppercase;padding-left: 20px;padding-top: 0;display: block; text-decoration: none;position: relative;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	
	#admin-bandeau.agoraline #admin-menu-titre > span {color:#0045a3;}
	#admin-bandeau.komeres #admin-menu-titre > span {color:#0d3f71;}
	#admin-bandeau.studio86 #admin-menu-titre > span {color:#252525;}
	#admin-bandeau.studio86 #admin-menu-titre > span {color:#252525;}
	
	#admin-bandeau #admin-menu-titre i {position: absolute;left: 0px;top: 0;font-size: 20px;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	
	#admin-bandeau #admin-menu-close {display: none; line-height: 45px; cursor:pointer; font-weight: 400; z-index: 999; border:1px solid #222222; text-align:center; font-size: 50px;color: #ffffff; width: 45px;height: 45px; position: fixed;  top: 0; right: 0;background: #222222;}
	#admin-bandeau #admin-menu-close.visible {display:block;}
	#admin-bandeau #admin-menu-wrapper {padding: 10px;}	
	#admin-menu > .global {display:block; text-align: left;}
	
	#admin-menu .admin-menu-element,
	#admin-menu .admin-menu-element.admin-menu-grand {height:auto !important; margin:10px 0px 0 !important; display:block; padding:0 0 10px 5px; border-bottom:1px solid #edecec;}
	#admin-menu .admin-menu-element > a > span,
	#admin-menu .admin-menu-element > a:visited > span,
	#admin-menu .admin-menu-element > span {font-weight: 400; padding:5px 3px 5px 1px; text-align:left; color:#000000 !important; border:none;font-size:15px; display:inline-block; vertical-align:top; border-bottom:2px solid #fff;}
	#admin-menu .admin-menu-element br {display:none;}

	#admin-bandeau #admin-menu .admin-menu-element.selected > span,
	#admin-bandeau #admin-menu .admin-menu-element.selected > a > span,
	#admin-bandeau #admin-menu .admin-menu-element:hover > a > span,
	#admin-bandeau #admin-menu .admin-menu-element:hover > span {background:none !important; border-bottom:2px solid #0d7ef0;}
	
	#admin-bandeau.agoraline #admin-menu .admin-menu-element.selected > span,
	#admin-bandeau.agoraline #admin-menu .admin-menu-element.selected > a > span,
	#admin-bandeau.agoraline #admin-menu .admin-menu-element:hover > a > span,
	#admin-bandeau.agoraline #admin-menu .admin-menu-element:hover > span {border-bottom:2px solid #0d7ef0;}
	
	#admin-bandeau.komeres #admin-menu .admin-menu-element.selected > span,
	#admin-bandeau.komeres #admin-menu .admin-menu-element.selected > a > span,
	#admin-bandeau.komeres #admin-menu .admin-menu-element:hover > a > span,
	#admin-bandeau.komeres #admin-menu .admin-menu-element:hover > span {border-bottom:2px solid #0d3f71; }
	
	#admin-bandeau.studio86 #admin-menu .admin-menu-element.selected > span,
	#admin-bandeau.studio86 #admin-menu .admin-menu-element.selected > a > span,
	#admin-bandeau.studio86 #admin-menu .admin-menu-element:hover > a > span,
	#admin-bandeau.studio86 #admin-menu .admin-menu-element:hover > span {border-bottom:2px solid #d53d00;}
	
	#admin-bandeau.agsi #admin-menu .admin-menu-element.selected > span,
	#admin-bandeau.agsi #admin-menu .admin-menu-element.selected > a > span,
	#admin-bandeau.agsi #admin-menu .admin-menu-element:hover > a > span,
	#admin-bandeau.agsi #admin-menu .admin-menu-element:hover > span {border-bottom:2px solid #ed8123;}
	
	#admin-menu .admin-smenu {margin-top:6px; width:100%; padding:0; display:block !important; position:relative; left:0 !important; top:0 !important; background:none; min-height: 0; }	
	#admin-menu .admin-smenu .admin-smenu-element {display:block; width:auto;}
	#admin-menu .admin-smenu-lien,
	#admin-menu .admin-smenu-lien:visited  {background:none; font-weight: 400; text-align: left;padding:7px 0 7px 15px; display:block !important; border:none;width:auto; text-decoration:none; font-size:14px; text-transform: none; min-height:0; display:block;}
	
	#admin-bandeau .admin-smenu,
	#admin-bandeau.agoraline .admin-smenu,
	#admin-bandeau.komeres .admin-smenu,
	#admin-bandeau.studio86 .admin-smenu,
	#admin-bandeau.agsi .admin-smenu {background: none; }
	
	#admin-bandeau .admin-smenu-lien,
	#admin-bandeau .admin-smenu-lien:visited,
	#admin-bandeau.agoraline .admin-smenu-lien,
	#admin-bandeau.agoraline .admin-smenu-lien:visited,
	#admin-bandeau.komeres .admin-smenu-lien,
	#admin-bandeau.komeres .admin-smenu-lien:visited,
	#admin-bandeau.studio86 .admin-smenu-lien,
	#admin-bandeau.studio86 .admin-smenu-lien:visited,
	#admin-bandeau.agsi .admin-smenu-lien,
	#admin-bandeau.agsi .admin-smenu-lien:visited {color:#000000;}
	
	#admin-bandeau .admin-smenu-lien.selected,
	#admin-bandeau .admin-smenu-lien:hover {color:#fff !important;}
	
	#admin-bandeau.studio86 .admin-smenu-lien.selected,
	#admin-bandeau.studio86 .admin-smenu-lien:hover {background:#d53d00 !important; color:#252525 !important;}
	#admin-bandeau.agsi .admin-smenu-lien.selected,
	#admin-bandeau.agsi .admin-smenu-lien:hover {background:#4d4e5c !important; }
	


	#admin-centre {padding:10px 5px;}
	.page-area-content {padding:10px 5px;}
		
	.form {  padding-left: 0px; }
	
	select, .form select {height:30px; width:90%;}
	input[type="text"], input.input-text {height:30px; width:90%;}
	textarea, textarea.input-text {height:70px; width:90%;}
	input[type="image"],input[type="checkbox"],input[type="radio"] {width:auto; height:auto;}


	/* Paginator */
	#paginator-ajax {margin:20px 0;}
	#paginator-ajax .pagination-lien, #paginator-ajax .pagination-span {margin:0 9px;}
		
		
	.crm-popup .formulaire-creation,
	#crm-popup-interets {margin-left:0px; width:100%;}	
		
}



@media all and (max-width:990px) {

	#admin-connexion-login-conteneur {max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
	
	
	#colonne-droite {float:left; margin: 15px 5px 0 10px;}
	
	.table-vertical thead tr {
	    left: -9999px;
	    position: absolute;
	    top: -9999px;
	}
	.table-vertical table, .table-vertical thead, .table-vertical tbody, .table-vertical th, .table-vertical td, .table-vertical tr {
	    display: block;
	}
	.table-vertical td {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    border-color: -moz-use-text-color -moz-use-text-color #e0e0e0;
	    border-image: none;
	    border-style: none none solid;
	    border-width: 0 0 1px;
	    padding-left: 50% !important;
	    position: relative;
	    text-align: left;
	    white-space: normal;
	    padding-top: 3px;
	    padding-bottom:3px;
	    height:25px;
	}
	
	.table-vertical td::before {
	    content: attr(data-title);
	    font-weight: 700;
	    left: 6px;
	    padding-right: 10px;
	    position: absolute;
	    text-align: left;
	    top: 6px;
	    white-space: nowrap;
	    width: 45%;
	}

	.table-vertical input.suivi-filtre-text {height:25px; width:95%;}
	.table-vertical select.suivi-filtre-select {height:25px;width:96%;}
	
	.table-vertical td.suivi-cellule-bouton { padding-left:0 !important;}
	.table-vertical td.suivi-cellule-bouton .bouton {width:98%;}	
}

@media all and (max-width:890px) {
	#admin-public-container {overflow:hidden;}
	#admin-public-container > span.bandeau-url { max-height: 100%;}
	
	#suivi-entree-formulaire #suivi-entree-colonne-nom-statut {margin-top:85px;}

	#attribut-groupe-13186 > .attribut-type-groupe {  width:100%;   margin: 10px 0px;}

}

@media all and (max-width:715px) {
	#admin-connexion-login-conteneur { -webkit-box-pack: start;    -ms-flex-pack: start; justify-content:flex-start; }
	
	#suivi-entree-formulaire #suivi-entree-colonne-informations {width:250px;}
	#suivi-entree-informations {width:100%;}
	#suivi-entree-informations-details {width:100%; min-width: 0; margin:0;}
	
	#suivi-rapport-message-conteneur table {width:100% !important;}
}
	
@media all and (max-width:655px) {
	#colonne-droite {width:240px;}
}


@media all and (max-width:610px) {

	#admin-public-container {overflow:hidden; max-width: 140px;}
	#admin-public-container a,
	#admin-public-container a:visited {width:95%; width:calc(100% - 6px);}
	#admin-bandeau #admin-public-container > span.bandeau-url {display:none;}
	#admin-bandeau #admin-public-container a, 
	#admin-bandeau #admin-public-container a:visited  {padding: 0px 3px; line-height: 20px;  font-size: 15px;}	
	#admin-bandeau #admin-public-container a > span.bandeau-url {display:inline-block; }
	
	#admin-bandeau #logo {padding: 11px 0 0 4px;}
	#admin-bandeau #logo a img {height:50px; }	
	#admin-bandeau.agoraline #logo a img {height:65px; }
	
	#admin-bandeau.studio86 #logo { padding: 15px 10px;}
	#admin-bandeau.studio86 #logo a img {height:55px; }
	
	#admin-aide {right: 155px;}
}

@media all and (max-width:580px) {
	#suivi-entree-formulaire #suivi-entree-colonne-informations {width:200px;}

}
	
@media all and (max-width:525px) {	
	
	
	#suivi-entree-formulaire #suivi-entree-colonne-informations {float:none; width:280px; margin:55px auto 15px;}
	#suivi-entree-formulaire #suivi-entree-colonne-nom-statut {float:none; width:280px; margin:15px auto;}
	#suivi-entree-formulaire .form {width:auto;}
	#suivi-entree-formulaire .suivi-entree-colonne {float:none;}
	#colonne-droite {float:none; width:280px; margin:15px auto;}
}

@media all and (max-width:465px) {
	
	#reponse-popup-container {top: 50px;}
	#suivi-entree-ouverture {right: 130px;}
	#suivi-entree-clore,
	#suivi-entree-rouvrir {right:10px;}
	
	#suivi-entree-formulaire #suivi-entree-colonne-informations {width:100%; margin:85px auto 15px;}
	
	#admin-connexion-boutons {-webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse;}
	#admin-connexion-boutons .bouton-submit {width:100%; margin:10px auto; }

}
@media all and (max-width:410px) {
	#admin-bandeau.agsi #logo {padding:10px 30px 6px 5px;}
	#admin-bandeau.agsi #logo img {height:60px;}
	
	#admin-aide {top: 43px; right: 55px; width: 40px; height: 40px;}
	#admin-aide span {width: 35px; height: 35px; font-size: 26px;}
	 
	#suivi-entree-rapport-popin-conteneur {padding:20px 0px 10px;}
}

@media all and (max-width:385px) {
	#admin-connexion-login-conteneur {padding: 0 30px;}
	
	#admin-bandeau #admin-public-container a, 
	#admin-bandeau #admin-public-container a:visited,
	#admin-bandeau.sm #admin-public-container a, 
	#admin-bandeau.sm #admin-public-container a:visited  { font-size: 13px; }
	#admin-bandeau #admin-public-container span.bandeau-url  {font-size: 14px;}
	#admin-bandeau.sm #admin-public-container span.bandeau-url  {font-size: 11px;}
}