/*

Theme Name: Theme Ma Com' Tout Simplement

Description: Theme enfant de Divi par MCTS

Author: MCTS

Author URI: https://www.macomtoutsimplement.fr

Template: Divi

Version: 1.1

*/





/* *********************************************************************** */

/* *********************************************************************** */

/* *********************************************************************** */

/* GENERAL STYLES */

/* *********************************************************************** */

/* *********************************************************************** */

/* *********************************************************************** */



/* 

** CENTRER DU CONTENU VERTICALEMENT 

** Voir tuto : https://www.divi-community.fr/snippets-divi/centrer-du-contenu-verticalement

*/



.dc-centrer-verticalement {

	display: flex;

	flex-direction: column;

	justify-content: center;

  	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	 -moz-box-orient: vertical;

	 -moz-box-direction: normal;

	  -ms-flex-direction: column;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	-moz-box-pack: center;

	-ms-flex-pack: center;

}





/*

** INVERSER LE SENS DES COLONNES SUR MOBILE

** Voir tuto : https://www.divi-community.fr/snippets-divi/inverser-ordre-des-colonnes-sur-mobile

*/

@media only screen and (max-width : 980px) {

	.dc-inverser-colonnes--section .dc-inverser-colonnes--ligne {

		display: -webkit-flex;

		display: -ms-flex;

		display: flex;

		-webkit-flex-direction: column-reverse;

		-ms-flex-direction: column-reverse;

		flex-direction: column-reverse;

	}

}





/*

** MENU MOBILE : en pleine largeur et le hamburger devient une croix pour fermer

*/

.et_mobile_menu {

	margin-left: -30px;

	padding: 5%;

	width: calc( 100% + 60px);

}

.mobile_nav.opened .mobile_menu_bar:before {

	content: "\4d";

}





/* 

** AUGMENTER LA LARGEUR CHAMP RÉSULTAT CAPTCHA 

** Parfois, suivant la taille du texte, certains chiffres du résultat sont masqués

*/

.et_pb_contact_right p input {

	max-width: 50px;

}



/*

** METTRE EXPOSANTS ET INDICES À LA BONNE TAILLE

** Généralement, ils sont bien trop gros…

*/

sup, sub {

    font-size: 70%;

}



/* ************************************************************* */

/* ************************************************************* */











/* *********************************************************************** */

/* *********************************************************************** */

/* *********************************************************************** */

/* DATATABLE STYLES */

/* *********************************************************************** */

/* *********************************************************************** */

/* *********************************************************************** */

#myDataTable_wrapper {

	max-width: 1200px;

	margin: 0 auto;

}



div.dataTables_wrapper {

	background-color: transparent;

}



table#myDataTable {

	width: 100%!important;

	clear: both;

	border: 1px solid #40ABF3;

}



/* Cellules */

table#myDataTable thead th {

	background: #0C71C3;	

	color: white!important;

	height: 3rem;

	vertical-align: middle;

}



table#myDataTable td,

table#myDataTable th {

	padding: 5px;

	vertical-align: top;

}



table#myDataTable td {

	border: 1px solid #40abf33d;

}



table#myDataTable tr td:first-child {

	text-align: center;

}



/* Body cells */

table.pretty tbody th {

	text-align: left;

	background: white;

}



table.pretty tbody td {

	text-align: left;

	background: rgba(248, 246, 246, 0.4);

	color: black;

}



table.pretty tbody tr.odd td {

	background: white;

	color: black;

}



table.pretty tbody tr.even td {

	background: #f7f7f7;

	color: black;

}





/* LIGNE GROUPES -- */

table.dataTable tr.dtrg-group.dtrg-level-0 th {

	background: rgb(5,5,78);

	color: white;

	text-transform: uppercase;

	padding-left: 1rem!important;

	

}



table.dataTable tr.dtrg-group.dtrg-level-1 th {

	background: #40ABF3;

	color: white;

	padding-left: 1rem!important;

	letter-spacing: 1px;

}



table.dataTable tr.dtrg-group.dark-brown th {

	background: rgb(122, 22, 22);

}

table.dataTable tr.dtrg-group.light-red th {

	background: rgb(223, 117, 117);

}

table.dataTable tr.dtrg-group.green th {

	background: green;

}

table.dataTable tr.dtrg-group.orange th {

	background: rgb(255, 106, 0);

}

table.dataTable tr.dtrg-group.navy th {

	background: rgb(5, 5, 78);

}

table.dataTable tr.dtrg-group.blue th {

	background: #40ABF3;

}



table.dataTable tr.dtrg-group.dtrg-level-1.empty th {

	display: none;

}



/* Cacher l'icone de tri des colonnes sur la colonne ID */

table.dataTable thead > tr > th.sorting_disabled::after,

table.dataTable thead > tr > th.sorting_disabled::before 

{

	content: "";

}





/* INPUT RECHERCHE, input length / filter, pagination */

.dataTables_wrapper .dataTables_filter input {

	background: white;

}

div.dataTables_length {

	float: left;

}

div.dataTables_filter {

	float: right;

}

div.dataTables_info {

	float: left;

}

div.dataTables_paginate {

	float: right;

}



div.dataTables_length,

div.dataTables_filter,

div.dataTables_paginate,

div.dataTables_info {

	padding: 6px;

}

div.dataTables_length,

div.dataTables_filter {

	margin-bottom: 0.5rem;

}









/* Espace sur les sauts de ligne */

table br {

	margin-bottom: 0.5rem;

}