@charset "utf-8";

html {background:#c9d814;}

/* BANDEAU */
#bandeau {
	background:#fff;
}
#bandeau #logo img {display:block;}

#bandeau #bandeau-conteneur {background:url(../images/bandeau.jpg) no-repeat center center; background-size:cover;}
#bandeau .bandeau-header {text-align:center; padding:6px 0 20px 0; overflow:hidden;}
#bandeau .bandeau-header .logo {display:inline-block;}

#bandeau .navbar-toggle {border-color:#ccc;}
#bandeau .navbar-toggle .icon-bar {background:#000;}

/* Profil */
	.profil {text-align:left; padding:10px; float:left; background:rgba(58,125,49,0.7); margin-left:20px; border:2px solid #d0d816; border-radius:4px;}
	.profil .nom {font-weight:600; color:#f4fdd9; text-transform:uppercase; text-align:left; font-size:16px; line-height:18px;}

/* FORM CONNEXION */
html.no_identity, html.no_identity body, html.no_identity #body {height:100%;}

/* MODAL */
#body .modal-header {border-bottom:none;}
#body .modal-dialog h2,
#body .modal-dialog p {color:#154b0f;}
#body .modal-content {background:#ecfbce; border:3px solid #2d8422;}
#body .modal-content hr {border-top: 1px solid #333;}

#body .modal-footer {border-top:none; text-align:center;}


.logo-connexion {}
.logo-connexion .logo {text-align:center; margin-top:60px; margin-bottom:50px;}
#conteneur-connexion {
	border-top:20px solid #2d8422;
	background: url(../images/bg-connexion.jpg) no-repeat center center;
	background-size: cover;
	height:100%;
}

#formulaire-connexion {
	width: 100%;
	max-width: 600px;
	background-color: #ffffff;
	margin:0 auto;
	border:1px solid #2d8422;
}
#formulaire-connexion .titre {background:#2d8422; color:#fff; text-align:center; font-size:24px; padding:5px 0; text-transform:uppercase; font-family: 'Fira Sans Extra Condensed', sans-serif; font-weight:300;}
#formulaire-connexion .titre .fas {font-size:65px;}
#formulaire-connexion .contenu {padding: 32px 75px;}

#formulaire-connexion label {font-family: 'Fira Sans Extra Condensed', sans-serif; font-weight:300; font-size:16px;}
#body #formulaire-connexion .btn-ega {color:#ffffff; background:#2d8422; font-weight:300; font-family: 'Fira Sans', sans-serif; display:block; width:100%;}

@media all and (max-width:470px) {
	.logo-connexion .logo {margin-top: 20px; margin-bottom: 10px;}
	#formulaire-connexion .contenu {padding: 32px 15px;}	
}

/* MENU */
#menu-titre, #menu-close {display:none;}
#menu-wrapper {}
#menu {list-style:none; margin:0px auto; padding: 0; }
#menu .global {}
.noscroll {  overflow: hidden; height: 100%; width:100%;}
.layout {background:rgba(115,115,115,0.5); width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:100; display:none;}
.layout.visible {display:block;}
#bandeau #menu {}

#bandeau-mobile-bas {}

h3 .badge.type-animation {
	font-size:17px;
	background: #2d8422;
}

h3 .badge.type-enseignement {
	font-size:17px;
	background: #333333;
}

/* PC */

@media all and (min-width:781px) {
	
	#bandeau {background:#3a7d31;}
	
	/* BANDEAU SM */
	#bandeau.sm {padding-bottom:155px;}
	#bandeau.sm #menu {position:fixed; top:0px; left:0px; width:100%; z-index:1000; padding-top:15px; background:#3a7d31;}
	
	/* MENU PC */	
	#bandeau .menu-wrapper  {display:block !important;}
	#bandeau-mobile {display:none !important;}
	
	#bandeau #menu {overflow:hidden; margin:0px; vertical-align:top; text-align:center;}
	
	#bandeau #menu .menu-element {display:inline-block; vertical-align:top;}
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {text-decoration:none; width:146px; display:inline-block;}
	#bandeau #menu .menu-element a span.icon,
	#bandeau #menu .menu-element a:visited span.icon {color:#f0ed11; padding:10px; text-align:center; width:65px; height:65px; border:1px solid #ffffff; display:inline-block; text-decoration:none; background: rgba(238, 244, 250, 0.2); border-radius:50px; display:block; text-align:center; margin:0 auto;}
	#bandeau #menu .menu-element a:hover span.icon {background:#d0d816 !important; color:#3a7d31; display:block;}
	#bandeau #menu .menu-element a i {font-size: 32px; display: block; text-align:center; padding-top:4px;}
	/*
	#bandeau #menu .menu-element a span {font-weight: 600; display:inline-block; padding-top:10px; text-align:center; line-height:14px;}
	*/
	#bandeau #menu .menu-element a span.label {color:#f4fdd9; font-family:'Fira Sans', sans-serif; font-size:18px; font-weight:400; display:block; text-align:center; padding:10px 0;}
	
	#bandeau #menu .menu-element a.selected span.icon {color:#3a7d31; background:#d0d816;}
	#bandeau #menu .menu-element a.selected span.label {font-weight:700;}
	
	#bandeau #menu .menu-element a span.logout,
	#bandeau #menu .menu-element a:visited span.logout {color:#fff;}
	
	#bandeau #menu .menu-element a:hover span.logout {color:#fd4b49;}
}

@media all and (max-width:1364px) {
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {
    	width: 126px;
	}
}

@media all and (max-width:1172px) {
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {
    	width: 110px;
	}
	
	#bandeau #menu .menu-element a span.label {
		font-size:14px;
	}
}

@media all and (max-width:1259px) {
	
	/* Bandeau */
	#bandeau.sm .menu-wrapper {}
	
	/* Menu */
	#bandeau.sm #menu .menu-element,
	#menu .menu-element {}
}

@media all and (max-width:780px) {
	/* Menu mobile */
    #bandeau-mobile { min-width:inherit; width:100%; }
    
    #menu .global {padding:0 10px;}	
	
 	/* bas */
	#bandeau-mobile-bas {position: relative; z-index: 45; clear:both; background:#404040; height:35px; cursor:pointer; }
	#bandeau-mobile-bas > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:40px; padding-top: 5px; display: block; color: #ffffff; text-decoration: none; position:relative;}
	#bandeau-mobile-bas i {position:absolute; left:10px; top:5px; font-size:23px;}
			
	#bandeau #menu-conteneur { padding:0; position: fixed; z-index: 9999; top: 0;left: 0;  height: 100%;  width:80%;  width: calc(100% - 45px); background: #fff;    -webkit-transition: transform 0.5s;    -khtml-transition: transform 0.5s;    -moz-transition: transform 0.5s;    -ms-transition: transform 0.5s;    -o-transition: transform 0.5s;    transition: transform 0.5s;    -webkit-transform: translateX(-100%);    -khtml-transform: translateX(-100%);    -moz-transform: translateX(-100%);    -ms-transform: translateX(-100%);    -o-transform: translateX(-100%);    transform: translateX(-100%);    overflow-x: hidden;    overflow-y: scroll;}
	#bandeau #menu-conteneur.open {display: block;-webkit-transform: translateX(0%);-khtml-transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}
	
	#bandeau #menu-titre { display:block; margin-bottom: 20px; padding-left:10px;}
	#bandeau #menu-titre > span {font-size: 18px; width: auto; text-transform: uppercase; padding-left:20px; padding-top: 5px; display: block; color: #222222; text-decoration: none; position:relative;}
	#bandeau #menu-titre i {position:absolute; left:0px; top:6px; font-size:20px;}
			
	#bandeau #menu-close {display: none; line-height: 38px; cursor:pointer; font-weight: 700; z-index: 999; border:1px solid #456010; text-align:center; font-size: 50px;color: #ffffff; width: 45px;height: 45px; position: fixed;  top: 0; right: 0;background: #456010;}
	#bandeau #menu-close.visible {display:block;}
	#bandeau #menu-wrapper {padding: 10px;}	
	
	#bandeau #menu .menu-element {
		height: auto;
		margin: 10px 0px 0 !important;
		display: block;
		padding: 0 0 10px 0px;
		border-bottom: 1px solid #edecec;
	}
	
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {color:#404040; font-size:20px; display:block; padding:5px; text-decoration:none; width:auto;}
	
	#bandeau #menu .menu-element br {display:none;}
	#bandeau #menu .menu-element a span.label {
		font-weight: 400;
		color: #333;
		font-size: 17px;
		display: inline-block;
		text-align: left !important;
		padding: 8px 5px !important;
		text-transform:uppercase;
		font-family:font-family: 'Fira Sans', sans-serif;
	}
	#bandeau #menu .menu-element a span.icon {display:inline-block; padding-right:5px;}
	#bandeau #menu .menu-element a span.label:hover {}
	
	#bandeau #menu .menu-element a:hover span.icon,
	#bandeau #menu .menu-element a:hover span.label {color:#3a7d31;}
	
	#bandeau #menu .menu-element a.selected span.icon,
	#bandeau #menu .menu-element a.selected span.label {color:#3a7d31;}
	
	
	
	
	/*
	#bandeau #menu .menu-element {}
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {color:#404040; font-size:20px; display:block; padding:10px; text-decoration:none;}
	#bandeau #menu .menu-element a:hover {background:#dff9aa;}
	#bandeau #menu .menu-element a i {font-size: 20px; }
	#bandeau #menu .menu-element a span {padding-left:5px;}
	#bandeau #menu .menu-element br {display:none;}
	
	#bandeau #menu .menu-element a.selected {}
	*/
}


@media all and (max-width:1040px) and (min-width:781px) {

	#bandeau #menu .menu-element a span.icon,
	#bandeau #menu .menu-element a:visited span.icon {
		width:50px;
		height:50px;
		padding-top: 6px;
	}
	
	#bandeau #menu .menu-element a i {
		font-size: 24px;
	}
	
	#bandeau #menu .menu-element a,
	#bandeau #menu .menu-element a:visited {
    	width: 95px;
	}
	
	/*
	#bandeau #menu .menu-element a i {
    	font-size: 24px;
	}
	
	#bandeau #menu .menu-element a, #bandeau #menu .menu-element a:visited {
		width: 95px;
		padding-left:0px;
		padding-right:0px;
		height:95px;
	}
	*/
}

@media all and (max-width:890px) and (min-width:781px) {
	
	#bandeau #menu .menu-element a, #bandeau #menu .menu-element a:visited {
		width: 80px;
	}
	
	#bandeau #menu .menu-element a span {
    	font-size: 11px;
	}
	
	#bandeau #menu .menu-element a span.label {
		font-size: 12px;
	}
}

/* BODY */
#body {}
#body h1 {color:#404040; font-size:35px; border-left:3px solid #91b843; padding-left:10px;}
#body h2 {font-size:29px; color:#91b843; padding-left:13px;}

#body .module {padding:20px 0; min-height:700px;}
#body .module .options {margin:10px 0;}

/* PIED */
#pied {border-top:25px solid #2d8422; height:287px; background:url(../images/pied-background.jpg) no-repeat center center; background-size:cover;}

/* Bouton */
#body .btn-ega, #body .btn-danger { color:#ffffff; background:#2d8422; font-weight:300; font-family: 'Fira Sans', sans-serif; display:inline-block; font-size:18px; border:none; min-width: 150px; text-shadow: none;}
#body .btn-ega:hover {background:#c9d814;}
#body .btn-ega.active, #body .btn-danger.active {background:#c9d814; cursor:default;}

#body .btn-danger {background:#df2b03; color: #ffffff;}
#body .btn-danger:hover {background:#f18c20;}



/*
#body .btn-ega:hover {background:#a7c864;}
#body .btn-ega.active {background:#a7c864; cursor:default; border:2px solid #f18c20;}
*/

/* NOTIFICATIONS */
p.bg-danger,
p.bg-success,
p.bg-warning {
	padding: 15px;
}

/* MODULE ACCUEIL */

/* MODULE MON COMPTE */
#module-compte {}
#module-compte input#bouton {width:100%; max-width:500px;}

#module-compte .check_accepte_condition_conteneur {/*text-align:center;*/ margin:15px 0; }
#module-compte .renouveler_adhesion_conteneur {/*text-align:center;*/ margin:15px 0;}
#module-compte #renouveler_adhesion {}
#module-compte .valide_condition {display:none;}
#module-compte .licences {/*width:100%; max-width:800px; margin:0 auto;*/ margin:20px 10px;}
#module-compte .center {/*text-align:center;*/}
#module-compte label.exergue {padding:10px; border:3px solid #91b843; background:#ecfbce; border-radius:4px; cursor:pointer;}

#module-compte span.tarif {font-size: 20px; margin-left: 10px;}

/* MODULE RESERVATIONS */
#module-reservations .golfs {text-align:center;}
#module-reservations .golf {display:inline-block; margin:16px 27px; text-decoration:none; width:205px; height:205px; overflow:hidden; background:#CCC; position:relative; z-index:10;}
#module-reservations .golf img {display:block; margin:0px; padding:0px; width: 100%; height: auto; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#module-reservations .golf:hover img {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
#module-reservations .golf span {display:flex; flex-direction: column; justify-content: center; width:155px; height:40px; position:absolute; top:81px; left:22px; border:1px solid #e9d758; background: rgba(45,132,34,0.85); text-align:center; color:#fff; font-size:20px; font-family:'Fira Sans', sans-serif; }

/* MODULE RESERVATION SEMAINE */
#module-reservation-semaine {}
/*
#module-reservation-semaine .jours {text-align:center;}
#module-reservation-semaine .jour {display:inline-block; border: #f18c20 2px solid; background: #ecfbce; margin: 10px 0; padding: 0px; width:14%; height:320px; vertical-align:top;}
#module-reservation-semaine .place-4 {}
#module-reservation-semaine .place-6 {}
#module-reservation-semaine .place-8 {height:370px;}
#module-reservation-semaine .place-10 {height:420px;}
#module-reservation-semaine .place-12 {height:470px;}
#module-reservation-semaine .place-14 {height:530px;}
#module-reservation-semaine .place-16 {height:570px;}
#module-reservation-semaine .date {text-align:center; background:#91b843; color:#fff; font-size:21px; padding:3px 0;}
#module-reservation-semaine .jour.today .date {background:#456010;}
#module-reservation-semaine .infos-golf {padding:7px;}
#module-reservation-semaine .info {font-weight: 600; font-size: 16px; text-align:left;}
#module-reservation-semaine .action {text-align:center; padding:10px 0;}
#module-reservation-semaine .complet {text-align:center; text-transform:uppercase; font-weight:600; color:#df2b03; font-size:16px; height:23px; line-height:23px;}
#module-reservation-semaine .inscrits {padding:0px 5px; text-align:left;}
#module-reservation-semaine .inscrits > div {font-weight:600; font-size:16px; color:#404040;}
*/

#module-reservation-semaine .jours {text-align:center;}
#module-reservation-semaine .jour {display:inline-block; margin: 10px 0; padding: 0px; width:14%; vertical-align:top;}
#module-reservation-semaine .jour-pied {display:inline-block; width:14%; vertical-align:top; height:1px; background:#dfdfdf; overflow:hidden;}
/*
#module-reservation-semaine .place-4 {}
#module-reservation-semaine .place-6 {}
#module-reservation-semaine .place-8 {height:370px;}
#module-reservation-semaine .place-10 {height:420px;}
#module-reservation-semaine .place-12 {height:470px;}
#module-reservation-semaine .place-14 {height:530px;}
#module-reservation-semaine .place-16 {height:570px;}
*/

#module-reservation-semaine .date {text-align:center; background:#c9d814; color:#fff; font-family:'Fira Sans', sans-serif; font-weight:700; font-size:17px; height:28px; line-height:28px; border-radius: 2px;}
#module-reservation-semaine .jour.today .date {background:#2d8422;}

#module-reservation-semaine .infos {padding-bottom:18px; padding-top:15px; margin-bottom:20px; overflow:hidden; border-bottom:1px solid #dfdfdf;}
#module-reservation-semaine .infos .bouton-conteneur {margin-top:15px;}
#module-reservation-semaine .infos p {margin-bottom:0px;}
.ml-5 {margin-left:20px;}

#module-reservation-semaine .infos-golf {margin-bottom:10px;}
#module-reservation-semaine .info {text-align:left; line-height: 19px;}
#module-reservation-semaine .info > span {font-family: 'Fira Sans', sans-serif; font-size:17px; font-weight:700;}
#module-reservation-semaine .action {}
#module-reservation-semaine .complet {color:#de0f7f; font-family: 'Fira Sans', sans-serif; font-size:17px; font-weight:700; font-style:italic; text-align:left;}

#module-reservation-semaine .reserver {text-align:left; height:32px;}

#module-reservation-semaine .inscrits {margin-top:15px;}
#module-reservation-semaine .inscrits > div {text-align:left; font-size: 19px; font-family: 'Fira Sans'; font-weight: 300;}

#body #module-reservation-semaine .jour .btn-ega {font-size:14px; max-width:100%;}

@media all and (max-width:1300px) {
	#module-reservation-semaine .jour {width:30%;}
}

@media all and (max-width:896px) {
	#module-reservation-semaine .jour {display:block; width:auto; height:auto !important;}
}

@media all and (max-width:780px) {
	#module-reservation-semaine .pull-right {float:none !important;}
	#module-reservation-semaine .options .btn-ega {display:block; width:100%; margin:10px 0;}
}

/* MODULE RESERVATION */
#module-reservation #reservation_autre {text-transform: uppercase;}
#module-reservation .pl {padding-left:38px;}

#module-reservation #reservation_autre_selection .conteneur {
	border:1px solid #2d8422;
	width:100%;
	max-width:400px;
	background:#ecfbce;
}
#module-reservation #reservation_autre_selection .action {
	background: #2d8422;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 3px 0;
	text-transform: uppercase;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: 300;
}
#module-reservation #reservation_autre_selection .photo {text-align:center;padding-top:10px;}
#module-reservation #reservation_autre_selection .nom {text-align:center; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}
#module-reservation #reservation_autre_selection .boutons {padding:10px 0; text-align:center}
#module-reservation #reservation_autre_selection .boutons button {margin:0 5px;}

/*
#module-reservation .membre-inscription {width:300px; margin:10px; display:inline-block; text-align:center; padding:10px; border:2px solid #f18c20; background:#ecfbce;}
#module-reservation .membre-inscription .nom {text-align:center; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}
*/

#module-reservation .membre-inscription {padding: 12px 0 12px 38px; border-bottom:1px solid #dfdfdf;}
#module-reservation .membre-inscription .nom::before {content: "- ";}
#module-reservation .membre-inscription .nom {font-size: 19px; font-family: 'Fira Sans'; font-weight: 300; }
#module-reservation .membre-inscription .annuler {margin:10px 0;}

@media all and (max-width:992px) {
	#module-reservation #reservation_autre_selection .conteneur {margin:10px 0;}
}

/* MODULE COMPETITIONS & COMPETITIONS CLASSEES */
#module-competitions, #module-competitions-classees {}
#module-competitions .competition,
#module-competitions-classees .competition {padding-left:13px; margin-top:30px; padding-bottom:25px; border-bottom:1px solid #dfdfdf;}
#module-competitions .competition h3,
#module-competitions-classees .competition h3 {font-size:29px; color:#91b843; margin-top:0px;}
#module-competitions .competition .lieu,
#module-competitions-classees .competition .lieu {font-family: 'Fira Sans', sans-serif; font-weight:700; font-size:19px; color:#404040;}
#module-competitions .competition .lieu i,
#module-competitions-classees .competition .lieu i {color: #91b843;}

#module-competitions .competition .infos,
#module-competitions-classees .competition .infos {padding-left: 24px;}

#module-competitions .competition .lien,
#module-competitions-classees .competition .lien {margin-top: 20px;}

/* MODULE COMPETITION */
#module-competition .formulaire {margin:10px 0;}
#module-competition .choix {margin:10px 0;}

#module-competition #choix_options_autre {display:none;}

#module-competition .liste-players {max-width:1000px;}
#module-competition .equipe-conteneur {padding:20px 0; border-bottom:1px solid #dfdfdf;}
#module-competition .equipe { font-size:19px; color:#404040; font-family: 'Fira Sans', sans-serif; font-weight:700; padding-left:13px; margin-bottom:10px;}
#module-competition .equipe i {color:#91b843;}

#module-competition .pl {padding-left:38px;}
#module-competition .player {padding-left: 38px;}
#module-competition .player .player-nom {font-size: 19px; font-family: 'Fira Sans'; font-weight: 300; display:inline-block; min-width:none;}
#module-competition .player .player-nom::before {content: "- "}
#module-competition .player .form-annuler,
#module-competition .player .form-inscription {margin:10px 0;}

#module-competition #form-paiement {display:none;}

@media all and (max-width:780px) {
	#module-competition .player {display:block; width:auto !important;}	
}

#module-competition #reservation_autre {text-transform: uppercase;}

#module-competition #reservation_autre_selection .conteneur {
	border:1px solid #2d8422;
	width:100%;
	max-width:400px;
	background:#ecfbce;
}
#module-competition #reservation_autre_selection .action {
	background: #2d8422;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 3px 0;
	text-transform: uppercase;
    font-family: 'Fira Sans Extra Condensed', sans-serif;
    font-weight: 300;
}
#module-competition #reservation_autre_selection .photo {text-align:center;padding-top:10px;}
#module-competition #reservation_autre_selection .nom {text-align:center; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}
#module-competition #reservation_autre_selection .boutons {padding:10px 0; text-align:center}
#module-competition #reservation_autre_selection .boutons button {margin:0 5px;}

#module-competition .membre-inscription {width:300px; margin:10px; display:inline-block; text-align:center; padding:10px; border:2px solid #f18c20; background:#ecfbce;}
#module-competition .membre-inscription .nom {text-align:center; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}

#module-competition #reservation_autre_selected {text-align:left; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}

/* MODULE ANIMATIONS */
#module-animations {}
#module-animations .animation {padding-left:13px; margin-top:30px; padding-bottom:25px; border-bottom:1px solid #dfdfdf;}
#module-animations .animation h3 {font-size:29px; color:#91b843; margin-top:0px;}
#module-animations .animation .lieu {font-family: 'Fira Sans', sans-serif; font-weight:700; font-size:19px; color:#404040;}
#module-animations .animation .lieu i {color: #91b843;}

#module-animations .animation .infos {padding-left: 24px;}

#module-animations .animation .lien {margin-top: 20px;}

/* MODULE ANIMATION */
/*
#module-animation .formulaire {margin:10px 0;}
#module-animation .choix {margin:10px 0;}

#module-animation .liste-players {max-width:1000px;}
#module-animation .equipe { font-size:24px; color:#456010; text-transform:uppercase;}
#module-animation .player {display:inline-block; border:2px solid #f18c20; padding:15px; text-align:center; background:#ecfbce; margin:10px; vertical-align:top;}
#module-animation .player .player-nom {text-align:center; font-weight:600; font-size:20px; color:#404040; padding:5px 0;}
#module-animation .player .option {font-size: 16px; margin: 5px 0;}
*/
/* MODULE COMPETITION */
#module-animation .formulaire {margin:10px 0;}
#module-animation .choix {margin:10px 0;}

#module-animation #choix_options_autre {display:none;}

#module-animation .liste-players {max-width:1000px;}
#module-animation .equipe-conteneur {padding:20px 0; border-bottom:1px solid #dfdfdf;}
#module-animation .equipe { font-size:19px; color:#404040; font-family: 'Fira Sans', sans-serif; font-weight:700; padding-left:13px; margin-bottom:10px;}
#module-animation .equipe i {color:#91b843;}

#module-animation .pl {padding-left:38px;}
#module-animation .player {padding-left: 38px;}
#module-animation .player .player-nom {font-size: 19px; font-family: 'Fira Sans'; font-weight: 300; display:inline-block; min-width:none;}
#module-animation .player .player-nom::before {content: "- "}
#module-animation .player .form-annuler,
#module-animation .player .form-inscription {margin:10px 0;}
#module-animation .player .option {padding-left: 13px;}

/* MODULE HISTORIQUE */
#module-historiques-reservations,
#module-historiques-competitions,
#module-historiques-greenfees {}
#module-historiques-reservations .historique,
#module-historiques-greenfees .historique,
#module-historiques-competitions .historique {padding:10px 0; border-bottom:1px solid #dfdfdf; font-size:19px;}
#module-historiques-reservations .historique .vert,
#module-historiques-competitions .historique .vert {font-family: 'Fira Sans', sans-serif; font-weight:700; color:#91b843;}
#module-historiques-reservations .actionneur,
#module-historiques-competitions .actionneur {font-family: 'Fira Sans', sans-serif; font-weight:300; font-style: italic;}


/* MODULE HISTORIQUE GREENFEES */
#module-historiques-greenfees .legende {font-weight: bold; text-transform: uppercase;}
#module-historiques-greenfees .date {max-width: 160px;}
#module-historiques-greenfees .golf {}
#module-historiques-greenfees .passage {max-width: 200px;}
#module-historiques-greenfees .gf-prepaye {max-width: 200px;}
#module-historiques-greenfees .montant {text-align: right; max-width: 140px;}
#module-historiques-greenfees .row-legende {display:none; font-weight: bold;}

/* MODULE DISPONIBILITES */
/* Disponibilités */

#disponibilites-conteneur {overflow-x:scroll;}
#disponibilites-tables {width:992px;}
#module-disponibilites .tableau_disponibilites { width:100%; max-width:990px; margin-left:0px; border-bottom: 1px solid #F18C20; border-left: 1px solid #F18C20;border-right: 1px solid #F18C20; font-size:18px; color:#154b0f;}
#module-disponibilites .tableau_disponibilites td {border: 2px solid #C4EB78;}

#module-disponibilites .tableau_disponibilites_header { width:100%; max-width:990px; border-top: 1px solid #F18C20; border-left: 1px solid #F18C20;border-right: 1px solid #F18C20; font-size:18px; color:#154b0f;}
#module-disponibilites .tabDispoHead{ background-color:#95CA16; text-align:center;}
#module-disponibilites .tabDispoCell {text-align:center; cursor:pointer;}
#module-disponibilites .tabCellOutDate {text-align:center;}
#module-disponibilites .tabDispoPlein {text-align:center; background-color: #91B843; color:#154B0F; cursor:}
#module-disponibilites .tabDispoGolf {text-align:right; padding-right:20px; height:50px; cursor:pointer;}
#module-disponibilites .color0 {background-color: #EAF6CE;}
#module-disponibilites .color1 {background-color: #DDF3B0};
#module-disponibilites .separation {background-color:#C4EB78;}

/* MODULE POINTAGE */
.d-none {display:none !important;}
#module-reservation-pointage {background: #e7ebe5; font-family: "Fira Sans";}
#module-reservation-pointage .module-centre {margin:0 auto; width: 100%; max-width: 900px;}
#module-reservation-pointage h1 {color:#4dad00; font-size: 18px; font-weight: 500; border:none; text-align: center;}
#module-reservation-pointage #module-reservation-jour {color:#0a0a0a; font-weight: 300; font-size: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#module-reservation-pointage #module-reservation-jour i {display:block; width: 25px; height: 25px;  margin-right: 15px; background:url(../images/icone-calendrier.svg) no-repeat center center; background-size:contain;}
#module-reservation-pointage #module-reservation-jour span {  max-width: calc(100% - 40px);}

#module-reservation-pointage #module-reservation-tableau {margin-top: 25px;}
#module-reservation-pointage .reservation {background:#fff; padding:13px 20px; margin:10px 0; color:#0a0a0a; font-size:18px; font-weight: 400; cursor:pointer;}
#module-reservation-pointage .reservation a,
#module-reservation-pointage .reservation a:visited {color:#0a0a0a;}
#module-reservation-pointage .reservation.attente {}
#module-reservation-pointage .reservation.valide {background: #0A9414;color:#fff;}
#module-reservation-pointage .reservation.valide a,
#module-reservation-pointage .reservation.valide a:visited {color:#fff;}
#module-reservation-pointage .module-reservation-nom {margin-left:20px;}

#module-reservation-pointage #modal-membre #membre-data { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#module-reservation-pointage #modal-membre #membre-data > .data {width: 50%; padding: 10px; box-sizing: border-box; font-size:18px;}
#module-reservation-pointage #modal-membre #membre-data .membre_image img {display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; max-width: 240px;}
#module-reservation-pointage #modal-membre #membre-data .membre_nom {font-weight: 500; font-size: 22px;  margin-bottom: 15px;}

@media all and (max-width:992px) {
	#module-competition #reservation_autre_selection .conteneur {margin:10px 0;}

	#module-historiques-greenfees {}
	#module-historiques-greenfees .legende {display: none;}
	#module-historiques-greenfees .date {max-width: none;}
	#module-historiques-greenfees .passage {max-width: none;}
	#module-historiques-greenfees .gf-prepaye {max-width: none;}
	#module-historiques-greenfees .montant {max-width: none; text-align: left;}
	#module-historiques-greenfees .row-legende {display:block;}

	#module-historiques-greenfees .historique .col-xs-12 {margin:4px 0;}
}

@media all and (max-width:780px) {
	#module-animation .player {display:block; width:auto !important;}	
}

@media all and (max-width:450px) {
	#module-reservation-pointage .reservation {font-size: 16px; padding: 13px 15px;}
	#module-reservation-pointage .module-reservation-nom {margin-left: 10px;}
}

@media all and (max-width:420px) {
	#module-reservation-pointage #modal-membre #membre-data > .data {width: 100%; padding: 10px 0; box-sizing: border-box;}
}

@media all and (max-width:345px) {
	#module-reservation-pointage #module-reservation-jour {font-size: 22px;}
	#module-reservation-pointage #module-reservation-jour i {  width: 22px;	height: 22px;}
	#module-reservation-pointage .reservation {font-size: 15px; padding: 13px 10px;}
	#module-reservation-pointage .module-reservation-nom {margin-left: 5px;}
}