.modal-open {
	width: 100%;
  height: 100%;
}

.modal-body {
	max-height: calc(100vh - 100px);
	overflow-y: scroll;
}

#popup-exposant {
	background-color:#FFFFFF;
	padding:50px;
	width:500px;
	height:800px;
}
.letter-group {
	width:100%;
}
.letter-cell {
	width:5%;
	height:2em;
	text-align:center;
	padding-top:8px;
	margin-bottom:8px;
	background:#e0e0e0;
	float:left;
}
.row-cells {
	width:70%;
	float:right;
	margin-right:180px;
}
.title-cell {
	width:30%;
	float:left;
	overflow:hidden;
	margin-bottom:8px;
}
.clear {
	clear:both;
}
.navigation {
	margin:20px 0;
	text-align: center;
}
.navigation a.letter {
	padding:5px;
	color: #cfd6dd;
	font-size: 20px;
}
.navigation a.current {
	color: #000000;
	border-bottom: #000000 solid 4px;
}

#main-column {
	width: 100%;
   	max-width: 1000px;
    margin: auto;
	background: #FFF;
}

.navigation a.letter:hover {
	color: #000000;
	border-bottom: #000000 solid 4px;
	text-decoration: none;
}


#form-search {
	width: 100%;
	max-width: 480px;
    margin: auto;
    padding: 0px 15px;
    position: relative;
}

#form-search input[type="text"], #form-search select {
    height: 35px;
    width: 100%;
    background-color: #cfd6dd;
    border: none;
    font-size: 16px;
    color: #000000;
    border-radius: 4px;
    padding-left: 8px;
}

#form-search input[type="submit"] {
    background: none;
    border: 0;
    width: auto;
    color: #000000;
    font-size: 17px;
    position: absolute;
    right: -130px;
    top: 27px;
    text-transform: uppercase;
    font-size: 15px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000000;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   	color: #000000;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   	color: #000000;
   	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   	color: #000000;
}

#a-z {
	padding: 30px;
}

/* new css */
.table-archive {
	font-size: 13px;
}

.table-archive, .table-archive a{
}

table.table-archive tbody tr {
	background: #cfd6dd;
}

table.table-archive tbody tr td a {
	color: #000000;
	font-size: 13px;
}

table.table-archive tbody tr td a.super {
	text-transform: uppercase;
    color: #C5091D;
	font-weight:bold;
}

table.table-archive tbody tr:nth-child(even) {
	background: #f5f5f5;
}

table.table-archive tbody tr:hover {
	background: #000000;
}

table.table-archive tbody tr:hover td a, table.table-archive tbody tr:hover td {
	color: #FFFFFF;
}

.table-archive > thead > tr > th, .table-archive > tbody > tr > th, .table-archive > tfoot > tr > th, .table-archive > thead > tr > td, .table-archive > tbody > tr > td, .table-archive > tfoot > tr > td {
	border-top: 3px solid #FFFFFF!important;
}

.table-archive > thead > tr > th {
	border-bottom: 2px solid #FFFFFF;
}

table.table-archive thead tr th {
    font-size: 13px;
    color: #00000;
    text-transform: uppercase;
}

th:first-child, td:first-child {
    padding-left: 0.4em!important;
}

.dialog-expo.ui-dialog {
	overflow: initial!important;
}

.dialog-expo .ui-widget-header {
	position: relative!important;
}

.dialog-expo.ui-dialog .ui-dialog-title {
	height: 0px;
}

.dialog-expo .ui-dialog-titlebar-close {
    position: absolute!important;
    right: 0px!important;
    z-index: 10000!important;
    background: #c50a1d!important;
    border: 0!important;
    border-radius: 0!important;
    top: 7px!important;
}

.dialog-expo .ui-dialog-titlebar-close .ui-icon-closethick {
	background-image: none!important;
}

.dialog-expo .ui-dialog-titlebar-close .ui-button-text {
    text-indent: initial;
    padding: 0;
    font-family: arial;
    color: #FFFFFF;
}

.dialog-expo .ui-widget-content {
	border: 0!important;
}

.dialog-expo .ui-widget-header {
	border: 0!important;
    background: transparent!important;
    padding: 5px!important;
}

#popup-content {
	padding: 0;
}

.dialog-expo.ui-widget-content {
	border: 0!important;
	border-radius: 0px;
}

.my-ajax-page {
	padding:20px 10px!important;
	padding-top: 0px!important;
	text-align: left;
	/* overflow-y: scroll;
	max-height: calc(100vh - 225px); */
}
.my-ajax-page .title {
	color: #E6006D;
    font-size: 20px;
    margin-bottom: 30px;
		margin-top: 0;
}
.my-ajax-page a{
	color: #5caccd;
}
.my-ajax-page .img {
	margin-bottom:30px;
}

.my-ajax-page .stand {
	margin-top:30px;
	background-color: #5caccd;
	color:#ffffff;
	padding:10px;
}

.my-ajax-page p {
	font-size: 13px;
	margin: 0;
	padding: 0;
}

.my-ajax-page h3{
	color: #E6006D;
    font-size: 15px;
    text-transform: uppercase;
	margin-bottom:10px;
	margin-top: 0;
}

.my-ajax-page .colored-block {
	background-color: #f5f5f5;
}

.my-ajax-page .block {
	padding: 10px;
	margin-top: 30px;
}

@media (max-width:991px) {
	.navigation a.letter {
		 padding:8px;
		 font-size:10px;
	}
}
@media (max-width:991px) {
	.hide-xs {
		 display: none;
	}
}
@media (max-width:700px) {
	#form-search input[type="submit"] {
	    position: inherit;
	    right: inherit;
	    top: inherit;
	}

	#form-search {
	    text-align: center;
	}
}