﻿.styled_grid {
	margin: auto;
	margin-bottom: 20px;
	text-shadow: none;
}

.styled_grid_toppanel {
	min-height: 30px;
	text-align: center;
}

.styled_grid_toppanel .choixEditeur {
	padding: 10px;
	padding-top: 15px;
}

.styled_grid_toppanel .choixEditeur .button {
	padding: 7px;
	border-radius: 15px !important;
}

.styled_grid table {
	width: 100%;
	border: 1px solid #fff;
	border-collapse: collapse;
}

.styled_grid td {
	color: #777777;
	padding: 6px;
	/*text-align:center;*/
	font-size: 10px;
	vertical-align: middle;
	border-left: 1px solid #d6d6d6;
}

.popup_catalogue_container .styled_grid td {
	font-size: 12px;
}

.styled_grid .styled_grid_row_hover:hover { /* dans le cas ou l'utilisateur peux cliquer pour sélectionner */
	cursor: pointer;
	background-color: #E9E9E9;
}

.styled_grid td:first-child {
	border-left: none;
}

.styled_grid .td_align {
	text-align: center;
	vertical-align: middle;
}

.styled_grid .td_rowspan {
	width: 36px;
}

.styled_grid tr {
	background: #fefefd;
	border-top: 1px solid #d6d6d6;
}

.styled_grid tr:first-child {
	background: #fefefd;
	border: none;
}

.styled_grid .td_footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.styled_grid tr:first-child th input[type='checkbox'] {
	vertical-align: middle;
	margin-right: 2px;
}


.styled_grid tr:first-child th:first-child {
	border-top-left-radius: 10px;
}

.popup_catalogue_container .styled_grid tr:first-child th:first-child {
	border-top-left-radius: 0px;
}

.styled_grid tr:first-child th:last-child {
	border-top-right-radius: 10px;
}

.popup_catalogue_container .styled_grid tr:first-child th:last-child {
	border-top-right-radius: 0px;
}

.styled_grid .tr_footer {
	border-left: none;
	border-right: none;
	border-top: none;
}

.styled_grid .tr_grey {
	background: #f7f7f7;
}


.styled_grid_footer_page {
	color: #F0ECE6 !important;
	margin-right: 3px;
	vertical-align: middle;
}

.styled_grid_footer_page:hover {
	text-decoration: underline;
}

.styled_grid_footer_page_selected {
	color: rgb(1, 155, 204) !important;
	margin-right: 3px;
	vertical-align: middle;
}

.styled_grid_footer_td {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #666666;
	font-size: 10px;
	color: #F0ECE6 !important;
	letter-spacing: 1px;
	/*text-shadow: 0 1px 1px #000000;*/
}

.popup_catalogue_container .styled_grid_footer_td {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.styled_grid_footer_td select {
	font-size: 10px;
}

#full_width_page_content .styled_grid ul {
	padding-left: 16px;
}

.styled_grid th {
	background: #666666;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: white;
	letter-spacing: 1px;
	font-family: Bebas, Arial, sans-serif;
	padding: 2px;
}

.styled_grid th a, .styled_grid th a:visited, .styled_grid th a:active, .styled_grid th a:hover {
	color: white;
	text-decoration: none;
	letter-spacing: 1px;
	/*text-shadow: 0 1px 1px #000000;*/
}

.styled_grid thead tr {
	border-top: none;
	border-left: none;
	border-right: none;
}

.styled_grid tfoot td {
	background: #666666;
	font-size: 9px;
	color: #F0ECE6;
}

.styled_grid_pager {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: #666666;
	font-size: 9px;
	color: #F0ECE6 !important;
	letter-spacing: 1px;
	/*text-shadow: 0 1px 1px #000000;*/
}

.styled_grid_pager table {
	width: 100%;
	border: none;
	background: none;
}

.styled_grid_pager table tr {
	border: none;
	background: none;
}

.styled_grid_pager table tr:first-child {
	border: none;
	background: none;
}

.styled_grid_pager table td {
	border: none;
	background: none;
	color: #F0ECE6 !important;
	font-weight: 600;
}

.styled_grid_pager table td a {
	color: #F0ECE6;
	font-weight: 600;
}


.trPagerGrid {
	border: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 34px;
}

.trPagerGrid td {
	border: none !important;
	background: transparent !important;
	margin: 0 !important;
	padding: 0 !important;
}

.styled_grid .tdHeaderLeft {
	border-top-left-radius: 10px;
}

.styled_grid .tdHeaderRight {
	border-top-right-radius: 10px;
}


.styled_table {
	margin: 0 0 20px 0;
	text-shadow: none;
}

.styled_table table {
	width: 100%;
	border: 1px solid #fff;
	border-collapse: collapse;
}

.styled_table td {
	color: #777777;
	padding: 8px;
	
	font-size: 10px;
	vertical-align: middle;
	
}

.styled_table.logiciel td {
	text-align: center;
	border: 1px solid #ccc;
	border-left:0;
}

.styled_table.logiciel td:first-child {
	border-left: 1px solid #ccc;
}

.styled_table tr {
	background: #fefefd;
	border-top: 1px solid #d6d6d6;
}

.styled_table .td_footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.styled_table .tr_footer {
	border-left: none;
	border-right: none;
	border-top: none;
}


.styled_table .tr_grey {
	background: #f7f7f7;
}

#full_width_page_content .styled_table ul {
	padding-left: 16px;
}

.styled_table th {
	background: #666666;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: white;
	letter-spacing: 1px;
	/*text-shadow: 0 1px 1px #000000;*/
}


.styled_table thead tr {
	border: 0;
}

.styled_table.logiciel thead tr {
	border: #666666 1px solid;
}

.styled_table tfoot td {
	background: #666666;
	font-size: 9px;
	color: #F0ECE6;
}

.styled_table_header {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.style_tableBottomLeftCurved {
	border-bottom-left-radius: 10px;
}

.style_tableBottomRightCurved {
	border-bottom-right-radius: 10px;
}

.td_align {
	text-align: center;
	vertical-align: middle;
}

.td_left,
.td_30 {
	width: 30%;
}

.td_right,
.td_70 {
	width: 70%;
}

.td_left50 {
	width: 50%;
}

.td_right50 {
	width: 50%;
}

.td_20 {
	width: 20%;
}

.td_80 {
	width: 80%;
}


.tab_subtitle {
	text-align: center;
	width: 100%;
	font-size: 15px;
}

.tdHeaderSubtab {
	font-size: 14px !important;
	line-height: 20px !important;
}


/** Containers gridview **/

.opticiens-container {
	width: 95%;
	margin: auto;
}

.editeurs-container {
	margin: auto;
}

.groupements-container {
	margin: auto;
}

.adherents-container {
	margin: auto;
}

.pays-container {
	margin: auto;
}

/** Tuiles **/

.table_tiles {
	border-spacing: 20px;
	background-color: transparent;
	border-collapse: separate;
}

.table_tiles tr {
	height: 130px;
}

.table_tiles td {
	width: 130px;
	text-align: center;
	vertical-align: middle;
	border-radius: 3px;
	cursor: pointer;
}

.table_tiles td span {
	color: white;
	font-weight: 600;
}

.table_tiles td .tileButton {
	height: 128px;
	width: 128px;
	background: none;
	border: none;
	color: white;
	font-weight: 600;
	cursor: pointer;
}


/** CONTACT FORM **/

.table-contact {
	border-spacing: 10px;
	border-collapse: separate;
}

.table-contact .table-contact-label {
	width: 100px;
}

.table-contact .table-contact-value {
}

.table-contact .table-contact-buttons {
	text-align: center;
}

.table-contact .table-contact-message {
	text-align: center;
	font-weight: bold;
}

.table-contact .table-contact-message .table-contact-success {
	color: green;
}

.table-contact .table-contact-message .table-contact-error {
	color: red;
}

.td-invisible {
	display: none;
}

/** POPUP **/
.popup {
	min-width: 300px;
	background-color: transparent;
	border: none;
}

.popup, .popup * {
	z-index: 100001;
}

.popup.news {
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%);
}

.popup_header {
	background-color: #666666;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	height: 30px;
	color: white;
	text-align: center;
	font-weight: 600;
	font-size: 14pt;
}

.popup_container {
	background-color: white;
	min-height: 100px;
}

.popup_container table {
	border-spacing: 10px;
	border-collapse: separate;
}

.popup_footer {
	background-color: #666666;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 20px;
	color: white;
}

.popup_background {
	background-color: Gray;
	opacity: 0.7;
}
