@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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');


.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: 700px !important;
    overflow: hidden;
    overflow-y: scroll;
	margin-bottom: 16px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}

.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;
}

a:hover + div.lienYouDisabled, a:hover + div.typesMesses, a:hover + div.instruction {
    display: block;
}

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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFF;
    padding: 50px;
    text-align: center;
    border-radius: 15px;
	color: #414141 !important;
}

.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: #46517F;
	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: #F61689;
}

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

.blockTitle{
	display: grid;
}


.grdescription form{
	margin-left: 25px;
}


.grdescription input[type=submit], .grdescription button, .grdescription a.grbutton{
	background-color: #F61689;
    padding: 5px 10px !important;
    font-size: 11px !important;
    margin-top: 10px;
	text-transform: uppercase;
    font-weight: 500;
    border: none;
    outline: none;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
	text-decoration: none;
	display: inline-block;
}


button.btn-validate-form{
	
	border: 0px;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Nunito Sans', sans-serif;
	color: #000000;
}

button.gr-update-je{
	
}

/*gr-next*/

button.gr-next{
	background-color: #339A50;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 35px;
    letter-spacing: 1.5px;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

button.gr-next i{
	margin-left: 10px;
    font-size: 30px;
}

button.gr-next::after{
   	content: "\f30b";
    font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    right: 0;
    float: right;
    text-align: center;
    height: 20px;
    margin-left: 10px;
    line-height: 25px;
    z-index: 1;
    display: block;
    top: 0;
    font-size: 30px;
	margin-top: 1.4px;
    color: #ffffff;
	-webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}



button.gr-next.gr-valider-icon::after{
   	content: "\f00c" !important;
}

button.gr-next.gr-accueil-icon::after{
   	content: "\f015" !important;
	font-size: 20px;
}




button.gr-next:hover::after{
	right: -5px;
}

button.gr-next:hover{
	/*font-size: 20.2px;*/
	opacity: 0.9;
	border-radius: 10px;
}

/*gr-next*/

button.gr-back, button.gr-next{
	width: 250px;
}

/*gr-back*/

button.gr-back{
	background-color: #852121;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 20px;
    padding: 15px 35px;
    letter-spacing: 1.5px;
    border-radius: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

button.gr-back i{
	margin-left: 10px;
    font-size: 30px;
}

button.gr-back::before{
    content: "\f30a";
    font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    position: relative;
    left: 0;
    float: left;
    text-align: center;
    height: 20px;
    margin-right: 10px;
    line-height: 25px;
    z-index: 1;
    display: block;
    top: 0;
    font-size: 30px;
    margin-top: 1.4px;
    color: #ffffff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}


button.gr-back:hover::before{
	left: -5px;
}

button.gr-back:hover{
	/*font-size: 20.2px;*/
	opacity: 0.9;
	border-radius: 10px;
}

/*gr-back*/

.gr-mcd label{
    font-family: 'Nunito Sans', sans-serif;
    text-transform: uppercase;
    color: #41413F;
    font-weight: bold;
    font-size: 15px;
	   
}

div.gr-button-end{
    margin-top: 50px;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
}

div.gr-button-end::before{
	display: inline-block;
    content: "";
    border-top: 1.5px solid #303030;
    width: 125%;
    padding-bottom: 25px;
    margin-left: -12.5%;
	
	/*display: inline-block;
    content: "";
    border-top: 1.5px solid #303030;
    width: 100%;
    padding-bottom: 25px;
    /* margin-top: auto; */
    /* transform: translateX(-25%);*/
}

div.gr-button-end.no-line::before{
	display: inline-block;
    content: "";
    border-top: none !important;
    width: 125%;
    padding-bottom: 25px;
    margin-left: -12.5%;
	/*display: inline-block;
    content: "";
    border-top: 1.5px solid #303030;
    width: 100%;
    padding-bottom: 25px;
    /* margin-top: auto; */
    /* transform: translateX(-25%);*/
}



div.gr-form-button-end{
    margin-top: 0px;
	margin-bottom: 130px !important;
    width: 90px;
    margin-left: auto;
    margin-right: auto;
}


div.gr-form-button-end.end-gracyl{
	
    padding-top: 20px;
    width: 100%;
	
}

div.gr-grouped-button-before, div.gr-grouped-button{
	display: inline-block;
}

div.gr-grouped-button-before{
	float: left;
    width: 100%;
}

div.gr-grouped-button{
	float: left;
    width: 100%;
}

.gr-mcd input, .gr-mcd textarea{
    font-family: 'Nunito Sans', sans-serif;
    text-transform: none;
    color: #41413F;
    text-align: center;
    font-weight: 200;
    padding:3px 2px;
    border-radius: 7px;
    border: solid 1px #303030;
}

div.gr-grouped-input-before, div.gr-grouped-input{
	display: inline-block;
}

div.gr-grouped-input-before{
	width: 50%;
    text-align: right;
	margin-right: 15px;
}

div.gr-grouped-input{
	margin-left: 15px;
}

input.gr-w001{
	width: 50px;
}

input.gr-w001.gr-first{
	margin-left: 0px;
}

input.gr-w002{
	width: 114px;
}

input.gr-w003, textarea.gr-w003{
	width: 214px;
}

input.gr-w004, textarea.gr-w004{
	width: 350px;
}

textarea.gr-w004{
	height: 100px;
}


.gr-mcd div.gr-input{
	margin-bottom: 10px;
}


form.gr-mcd{
    /*width: 350px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 45px;*/
	
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 90%;
}

div.gr-input-capsule{
	margin-left: -190px !important;
}

div.gr-input-capsule-2{
	margin-left: -290px !important
}

gr-input-capsule-3{
	margin-left:0;
}



.grdescription button:disabled{
    color: #707070;
	cursor: not-allowed;
} 

.grValidation grType, .grRealisation grType{
	width: 90%;
    margin-left: 10px;
	text-align: center;
} 


.grValidation grType::before, .grRealisation grType::before {
    width: 30px;
    display: inline-block;
    text-align: center;
    /* background-color: #414141; */
    color: #46517F;
    height: 30px;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
    line-height: 40px;
    z-index: 1;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
	background-repeat: no-repeat;
    content: "";	
}

grType{
	display: block;
    margin-bottom: 30px;
}

.grValidation grType::before {
	background-image: url(../../images/svg/clipboard-check-solid.svg);

}

.grRealisation grType::before {
	background-image: url(../../images/svg/arrows-rotate-solid.svg);
}


.grPages h3::before {
    width: 40px;
    display: inline-block;
    text-align: center;
    /* background-color: #414141; */
    color: #46517F;
    height: 40px;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
    line-height: 40px;
    z-index: 1;
    position: relative;
    margin-bottom: 0px;
    font-family: "Font Awesome 5 Free";
	vertical-align: middle;
}

.grAvanceProjet h3{
	/*border-bottom: solid 1px #414141;
	fill:green;*/
	font-size: 18px;
}

.grAvanceProjet h2{
	color: #450000;
	font-size: 20px !important;
	margin-top: 0px;
}

h2.grcenter{
	text-align: center !important;
}


.grAvanceProjet h4{
	/*background-color: #707070;
    display: block;
    padding: 5px 20px;
    color: #ffffff;
    border-radius: 10px;
    margin-top: 35px;*/
	
	font-size: 14px;
}

.gr-block.grHorizontal.grOverview {
    background-color: #F7F7F7;
    padding: 0px;
    margin-bottom: 50px;
}

.gr-block.modifyText{
	
}


/*ADD*/

div.gr-input-capsule-3 div.gr-grouped-input-before, div.gr-input-capsule-3 div.gr-grouped-input{
	width: 100% !important;
	margin-left: 0px !important;
	margin-right: 0px !important;	
}

div.gr-input-capsule-3 div.gr-grouped-input-before{
	text-align: center;
}

div.gr-input-capsule-3 div.gr-grouped-input{

}

div.gr-input-capsule-3 div.gr-grouped-input input, div.gr-input-capsule-3 div.gr-grouped-input textarea{
	margin: auto !important;
	display: block;
}

div.gr-input-capsule-3 label{
    margin-bottom: 10px;
    display: block;
}


div.gr-input-capsule-3 div.gr-grouped-input{
    margin-bottom: 15px;
}


button.add_form_field, a.add_form_field{
    width: 40px;
    display: inline-block;
    text-align: center;
    background-color: #852121;
    color: #FFF;
    height: 40px;
    vertical-align: middle;
    border-radius: 25px;
    font-size: 15px;
    margin-right: 10px;
    line-height: 42px;
    z-index: 1;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0px;
	cursor: pointer;
}

button.add_form_field{
	background-color: #339A50;
}



a.gr-unvalable{
	opacity: 0.5;
	cursor: not-allowed !important;
}

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

.gr-margin-top:before{
	display: inline-block;
    content: "";
    border-top: 0.9px solid #303030;
    width: 50%;
    padding-bottom: 25px;
    margin-left: 25%;
}

div.gr-status#grWait::before {
    background-image: url(../../images/hourglass-start-solid-B.png);
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
	background-color: #450000;
}

div.gr-status#grfocus::before{
    background-image: url(../../images/arrows-rotate-solid-B.png);
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
	background-color: #C46262;
}

div.gr-status#grok::before{
    background-image: url(../../images/check-solid-B.png);
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
	background-color: #339A50;
}

div.gr-status#grnok::before{
    background-image: url(../../images/status_nok.png);
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
	background-color: #852121;
}

div.gr-status#grokdone::before{
    background-image: url(../../images/status_nok.png);
    content: '';
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
	background-color: #339A50;
}

div.gr-status::before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
	width: 30px;
    display: inline-block;
    text-align: center;

    /* background-color: #414141; */
    color: #FFF;
    height: 30px;
    vertical-align: middle;
    border-radius: 25px;
    font-size: 15px;
    margin-right: 0px;
    line-height: 30px;
    z-index: 1;
    position: relative;
}

a listegr.grTableTitle sublistegr, a listegr.grTableTitle{
	text-decoration: none !important;
    color: #707070;
} 

a.grTableTitle:link { 
  text-decoration: none; 
    color: #707070;
} 
a.grTableTitle:visited { 
  text-decoration: none; 
    color: #707070;	
} 
a.grTableTitle:hover { 
  text-decoration: none; 
	    color: #707070;
} 
a.grTableTitle:active { 
  text-decoration: none; 
	    color: #707070;
}

.gr-grouped-input-before img{
	max-width: 550px;
	margin-bottom: 20px;
}


.image-previex-canva{
	
}

.file-input{
	margin-bottom: 10px !important;
}