@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('page_0.css');
@import url('page_1.css');
@import url('page_2.css');
@import url('page_3.css');
@import url('menu.css');


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,200;1,6..12,300;1,6..12,400;1,6..12,500;1,6..12,600;1,6..12,700;1,6..12,800;1,6..12,900;1,6..12,1000&display=swap');


.body{
	margin: 0px;
}
.date{
	font-weight: bold;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 10px;	
    margin-left: 20px; 
}

.time{
	 margin-left: 20px; 
} 

.time label{
	font-weight: 300 !important;
}

.line{
	display: block;

}

.conteneur{
	height: 500px !important;
    overflow: hidden;
    overflow-y: scroll;
	margin-bottom: 16px;
}

.resultsCren{
	display: block !important;
	margin-left:20px !important;
}


/*DEBUT MESSE */
.blueBackground .boxDate, .colorWhite .boxDate{
	margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.blueBackground .topBox, .colorWhite .topBox{
    padding-top: 10px;
    padding-bottom: 10px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 500;
	text-align: left;
    padding-left: 20px;
}

.blueBackground .bottomBox, .colorWhite .bottomBox{
    display: flow-root;
    padding-top: 10px;
    padding-bottom: 0px;
}

.blueBackground .bottomBox img, .colorWhite .bottomBox img{
	max-width: 42px;
    float: right;
    margin-right: 10px;
}

.blueBackground .datebox, .colorWhite .datebox{
	font-family: 'Montserrat', sans-serif;
	color: #707070 !important;
	font-size: 30px;
	font-weight: 500;
	display: inline;
	margin-right: 20px;
	float: left;
    margin-left: 20px;
}

.blueBackground .messesSlot p, .colorWhite .messesSlot p{
	width: 100%;
    text-align: center;
    font-weight: 500 !important;
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
	margin-bottom: 30px !important;
}

.blueBackground .messesSlot p, .colorWhite .messesSlot p{
	width: 100%;
    text-align: center;
    color: #FFF;
    font-weight: 500 !important;
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
	margin-left: 0px !important;
}

.colorWhite .topBox{
	background-color: #7AA2D5 !important;
}

.gr-color-1 .topBox{
	background-color: #445DA8 !important;
}

.gr-color-3 .topBox{
	background-color: #5EABB7 !important;
}

.gr-color-4 .topBox{
	background-color: #244153 !important;
}

.gr-except .topBox{
	background-color: #D49E48 !important;
}



.blueBackground .topBox{
	background-color: #445DA8;
}

.colorWhite .bottomBox{
	background-color: #F4F4F4 !important;
}

.blueBackground .bottomBox, .greyBackground .bottomBox{
	background-color: #FFFFFF !important;
}

.blueBackground .messesSlot p{
	color: #FFF;
} 

.colorWhite .messesSlot p{
	color: #000;
	margin-bottom: 55px !important;
}

[data-cols="25"] > div .messesSlot{
	max-width: 290px !important;
	margin-left: auto !important;
    margin-right: auto !important;
}

.boxDate .title{
	display: inline-block;
    width: 100%;
	margin-top: 5px;
	height: 30px;
}

.boxDate .title g{
	margin-left: 20px;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	font-size: 12px;
}

.lienYouDisabled, .typesMesses, .instruction {
    display: none;
	padding: 10px;
    background-color: rgb(255,255,255, 0.96);
    position: absolute;
	font-size: 14px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
    margin-left: 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 50px;
	text-transform:uppercase;
	border: solid 1px #707070 !important;
    text-transform: uppercase;
}


.instruction {
    margin-left: 50px;
    margin-top: 20px;
}

.instruction.gr-expl {
	margin-left: 100px;
    margin-top: -50px;
	width: 200px;
}

a:hover + div.lienYouDisabled, a:hover + div.typesMesses, a:hover + div.instruction, div.gr-status + div.instruction:hover {
    display: block;
	z-index: 1;

}

a span.typesMesses {
    pointer-events: none;
}


/*FIN MESSE */


/*DEBUT LOGIN*/

.GGMessageBox{
    max-width: 310px;
    padding: 10px;
    background-color: #F7F7F7;
    color: #46517F;
    border-radius: 15px;
}

.fa-input {
  font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.GGConnexionBox{
	position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 300px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFF;
    padding: 50px;
    text-align: center;
    border-radius: 15px;
    color: #414141 !important;
    padding-bottom: 25px;
}

.gr-block-text input[type=submit]:hover{
	font-size: 13px !important;
}


.GGConnexionBoxBack .gr-block-text input[type=submit]:hover{

}

.GGConnexionBoxBack .gr-block-text input[type=submit]{
    width: inherit;
    margin-left: auto !important;
    margin-top: 20px !important;
    font-size: 30px !important;
    margin-right: auto;
    display: flex;
}

.GGConnexionBoxBack .backButton{
	display: flex;
}

.GGConnexionBoxBack{
	background-color: #004413;
	width: 100%;
    height: 100%;
}

.GGConnexionBoxBack h1{
	margin-left: 0 !important;
	width: 100% !important;
	font-size: 17px !important;
	margin-bottom: 25px !important;
}

.GGConnexionBox form div{
	margin-top: 15px;
}

.GGConnexionBox form div label{
    margin-bottom: 10px;
    display: inline-block;
    text-transform: uppercase !important;
    font-weight: 700;
    font-size: 13.5px;
}

.GGConnexionBox p{
	max-width: 350px !important;
	line-height: 27px;
}

.GGConnexionBox input[type=text], .GGConnexionBox input[type=password]{
    border-radius: 5px;
    /* padding-top: 10px; */
    /* margin-bottom: 10px; */
    padding: 5px 10px;
    border: solid 1px #303030;
    color: #303030 !important;
}

.GGConnexionBox .GGmenu-logo{
	float: inherit !important;
	width: inherit !important;
	height: inherit !important;
}

.GGConnexionBox .GGmenu-logo img, .GGConnexionBox .GGmenu-logo i{
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0px !important;
	margin-bottom: 15px !important;
	padding: 0 !important;
	font-size: 50px !important;
	color: #414141;
}

/*FIN LOGIN*/

/*COLLUMNS*/
.gr-block
{
	max-width: 1170px;
	margin: auto;
	display:flow-root;
}

[data-cols="1/3"] > div#left, [data-cols="25"] > div#left, [data-cols="2/3"] > div#left, [data-cols="75"] > div#left, [data-cols="50"] > div#left, [data-cols="1/2"] > div#left {
    float: left;
}

[data-cols="25"] > div {
    width: 25%;
    display: flow-root;
}

[data-cols="75"] > div {
    width: 75%;
    display: flow-root;
}

[data-cols="50"] > div, [data-cols="1/2"] > div {
    width: 50%;
    display: flow-root;
}

[data-cols="1/3"] > div {
    width: 33%;
    display: flow-root;
}

[data-cols="2/3"] > div {
    width: 67%;
    display: flow-root;
}



/* COLLUMNS*/

.picto1{
	margin-top: 25px !important;
	margin-bottom: 25px !important; 
}

.stick{
	
}


.lienYoutube img{
	width: 30px;
    display: inline-block;
	margin-right: 5px !important;
	
}

.lienYoutube .dateLeft h3{
	font-family: 'Montserrat', sans-serif !important;
	color: #707070 !important;
	font-size: 15px !important;
}

.lienYoutube {
	margin-top: 10px !important;
	margin-bottom: 10px !important;	
}

.dateLeft{
	padding-left: 20px;	
	padding-right: 20px;		
	padding-top: 5px;	
	padding-bottom: 5px;
	background-color: #F4F4F4 !important;
}

.dateRight{
	padding-left: 20px;	
	padding-right: 20px;
	padding-top: 5px;	
	padding-bottom: 5px;
}


.dateRight input{
	width: 100% !important;
}
 
.filterDiv{
	display: none;
}

.show {
    display: block;
}

h1.title{
	text-align: center;
    text-transform: uppercase;
	color: #450000;
}

img.title{
	width: 40px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
	background-color: #F61689;
	display: none;
}

.blockTitle{
	display: grid;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}