@charset "UTF-8";
/* cd ../../wamp/www/LoLTeamGenerator  */
/* compass watch */
@font-face {
  font-family: 'Futura';
  src: url("../fonts/Futura-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Robodron';
  src: url("../fonts/robodron-regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HighTide';
  src: url("../fonts/HighTide-Regular.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bostonbrush';
  src: url("../fonts/Bostonbrush.ttf");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: auto;
  width:100%;
  height: auto;
  position: relative;
  /*background-image: url(../img/background.jpg);*/
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size:cover;
  z-index: 100000;
  font-family:'Arial';
}

a{
	text-decoration:none;
	color:white;
}

header h1{
	color:#c6245c;
	font-family: 'Bostonbrush';
	font-size:8.6em;
	text-shadow: 2px 2px 2px #222;
	text-align: center;
	margin: auto;
	line-height: 0.8em;
}

header .logo{
	width: 240px;
	margin:auto;
}
header .logo img{
	width:100%;
}

/*header h2{
	color: #a5a5f2;
	font-family: 'Bostonbrush';
	font-style: italic;
	font-weight: 200;
	font-size:3.4em;
	text-shadow: 2px 2px 2px #222;
	text-align: center;
	margin: 0px auto 20px;
	line-height: 0.8em;
}*/

/* COLORS */
.red88{color:#c62456;}
.blue88{color: #a5a5f2;}

/* Mettre des variables en SASS */
.color1{color:#c62456;}
.color2{color: #a5a5f2;}


.italic{font-style:italic;}

div#content-all{
	margin:auto;
	width:100%;	
	padding-bottom:200px;
}

/* 404 */
div#content-404{
	margin:auto;
	color:white;
	text-align: center;
}

/* Gestion des erreurs */
input.error{
	border:2px solid #c6245c !important;
}

fieldset#admin_log div.admin_error{
	color: #c6245c;
	font-size:1em;
	margin:10px auto;
	display:none;
}

fieldset#admin_log{
	margin-top:20px !important;
}

/* CONNEXION ADMIN */
div#connexion_backoffice{
	color:white;
	max-width: 800px;
	width: 100%;
	margin:auto;
	text-align: center;
}
div#connexion_backoffice input{
	margin:8px 10px;
	display: inline-block;
	padding:5px;
	border-radius: 30px;	
	border:2px solid rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.2);
	color:white;
	font-size:1.2em;
	text-align: center;
}
div#connexion_backoffice input#valid_admin{
	min-width:200px;
	padding:8px 6px;
	color:white;
	background-color:rgba(200,50,100,0.5);
	border:2px solid rgba(255,255,255,0.3);
	cursor: pointer;
}

div#connexion_backoffice input#valid_admin:hover{
	background-color:rgba(200,50,100,0.6);
}

/* MENU ADMIN */

div#barre_top{
	width:100%;
	position:relative;
	top:100px;
	height:60px;
	margin-bottom:20px;
}

div#menu_admin{
	margin: -20px auto 10px;
	text-align: center;
}

div#menu_admin div.bloc{
	display: inline-block;
    vertical-align:middle;
    margin-top:10px;
}
.bloc:last-child {
    margin-left: 10px;
    font-family: 'Robodron';
    color:rgba(120,120,180);

}
div.img_admin{
	width:40px;
	height:40px;
	background-image:url("../img/ico_admin.png");
	background-repeat: no-repeat;
	right:5%;
}

div#menu_admin:hover .bloc:last-child{
	color:rgba(198,36,92);
}
div#menu_admin:hover .img_admin{
	background-position:-40px 0px;
}




/* TABLEAU DE STATISTIQUES */
#home_stats{
	display: flex;
  	align-items: center;
  	justify-content: center;
	margin:50px auto 60px;
}
#home_stats div{
	color:white;
	vertical-align: middle;
	font-size:1.2em;
	text-align: center;
	line-height:3.2em;
}
#home_stats div span{font-size:4.3em;}
#home_stats div img{padding : 0 12px;}




/* Stats supplementaires */
div#add_stats{
	margin:50px auto;
}

div#add_stats h3{
	margin:60px auto;
	text-align: center;
	font-family: 'Robodron';
	font-size: 45px;
    color:rgba(120,120,180);
}
fieldset.fieldset_stats{
	max-width:700px;
	width:100%;
	margin:70px auto;
	padding:20px;
	background-color:rgba(12 ,22,92,0.1);
	border:none;
	border-top:1px solid rgba(29,164,173,0.5);	
	border-bottom:1px solid rgba(29,164,173,0.5);	
	border-radius:50px;	
}
fieldset.fieldset_stats legend{
	text-align: center;
	font-size:1.4em;
	font-family: "Arial";
	padding:10px 40px;
	color:rgb(29,164,173);
	vertical-align: middle;
	margin:auto;
}
fieldset.fieldset_stats table.stats{
	margin:auto;
	color:white;
	text-align: center;	
	font-size:25px;
}
div#add_stats table.stats tr>td{
	padding:10px 20px;
	margin:10px;
}
div#add_stats table.stats tr>td.borders{
	background-color:rgba(29,164,173,0.5);
	box-shadow: rgba(50, 50, 93, 0.8) 0px 30px 30px -12px inset, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px inset;
	border-radius: 5px;
	font-size:19px;
}
div#add_stats table.stats tr>td.pad{
	padding:10px 5px;
}
div#add_stats table.stats span.blue{
	color:#5ea0d6;
	font-weight: bold;
	background-color:black;
	border-radius:20px;
	padding:5px 10px;
}

div.stats_final{
	margin: 40px auto 10px;
	text-align: center;
	font-style: italic;
	font-size: 18px;
	color:rgb(29,164,173);
	font-family: "Arial";
}
div.stats_final span{
	font-size: 23px;
	color:#fff
}

/* FILTRES */
div#filters{
	width:400px;
	margin:0px auto 80px;
	color:white;
}
div#flex-filters {
	display: flex;
	flex-direction: row;	/* Valeur par défaut */
}
div#flex-filters >div{
	padding:0px 20px;
}

/* LISTE CERCLE */
div#liste_cercle{
	text-align: center;
	color:white;
}
table.table_cercle{
	margin:auto;
	color:white;
	font-size:1em;
	font-family: "Roboto";	
}

table.table_cercle tr>td.align{
	text-align: center;
}
table.table_cercle tr>td.parrain{
	text-align: center;
	white-space: nowrap;
}

table.table_cercle tr.tr_tab:nth-child(odd){
	background-color:rgba(55,55,100,0.4);
	border:0;
}
table.table_cercle tr>th{
	font-size:1.1em;
	padding:8px 8px 50px;
	border-bottom:1px solid rgba(100,100,100,0.6);
	/*color:#f75d5d;*/
	font-weight: bold;
	vertical-align: middle;
}
table.table_cercle tr>th:hover{
	cursor:pointer;
	color:#c2456c;
}

table.table_cercle tr{
	height:35px;

}
table.table_cercle tr>td{
	vertical-align: middle;
	padding:4px 5px;
}
table.table_cercle tr>td img.ico{
	width:40px;
}
table.table_cercle tr>td img.ico:hover{
	cursor: pointer;
	background-color:rgba(200,50,50,0.6);
}
table.table_cercle tr>td a.link_invite{
	padding:8px 15px;
	border-radius:15px;
}
table.table_cercle tr>td a.link_invite:hover{
	cursor: pointer;
	background-color:rgba(200,50,50,0.6);
	-webkit-text-fill-color: #fff;
	-webkit-background-clip: padding-box;
	color:white;
}
table.table_cercle a.bck_white {color:#9076e3;}

table.table_cercle td.check{font-size:20px;}
table.table_cercle td.check.green{color:#3dd184;}
table.table_cercle td.check.red{color:#c73c63; font-size:30px;}
table.table_cercle td.check.blue{color:#5ea0d6; font-size:25px;}
table.table_cercle tr.red, tr.red td a{color:#8f2c55;}
table.table_cercle tr.purple, tr.purple td a{color:#E035FA;}
table.table_cercle tr.yellow, tr.yellow	 td a{
	font-weight: bold;
	background-image: linear-gradient(45deg, #f3ec78, #af4261);
	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}


table.table_cercle tr.blue, tr.blue td a{color:#5ea0d6;}
table.table_cercle span.blue {color:#5ea0d6;}
table.table_cercle tr td.opacity{opacity:0.5;}


/* ONGLETS PAGE ADMIN */

div#tabs_menu{
	max-width:800px;
	width: 100%;
	margin:0px auto 30px;
}
div#tabs_buttons{
	margin:0px auto 55px;
}

ul.tabs{
	color:white;
	list-style: none;
	margin:0;
	padding:0;
	text-align: center;
	cursor:pointer;
}

ul.tabs a {
	margin-right:10px;
}

ul.tabs a>li{
	font-size:1.3em;
}
ul.tabs li{
	width:100px;
	padding:5px 25px;
	display:inline-block;
	margin:auto;
	background-color:rgba(50,50,100,0.5);
	border:2px solid rgba(255,255,255,0.2);
	border-radius: 20px;
}

ul.tabs a.active li{
	background-color:rgba(200,50,100,0.5);
	border:2px solid rgba(255,255,255,0.5);
}
ul.tabs li:hover{
	background-color:rgba(50,50,100,0.2);
}

/* ONGLETS PAGE CONFIRMATION */
ul.tabs_confirm li{
	width:250px;
}

ul.tabs li.neutral{
	background-color:rgba(50,50,60,0.3);
	border:2px solid rgba(255,255,255,0.2);
}

ul.tabs a#tab_1 li.yes{
	background-color:rgba(50,50,60,0.3);
	background-color:rgba(200,50,100,0.5);
}
ul.tabs a#tab_2 li.yes{
	background-color:rgba(50,50,60,0.3);
	border:2px solid rgba(255,255,255,0.2);
}

ul.tabs a#tab_2 li.no{
	background-color:rgba(50,50,60,0.3);
	background-color:rgba(200,50,100,0.5);
}
ul.tabs a#tab_1 li.no{
	background-color:rgba(50,50,60,0.3);
	border:2px solid rgba(255,255,255,0.2);
}


/* ARBORESCENCE PAGE CONFIRMATION */

div#arborescence{
	margin-bottom:30px;
}
div#arborescence table#table_arbo{
	max-width:800px;
	width:100%;
	margin:0px auto;
	color:white;
}
div#arborescence table#table_arbo tr td{
	line-height: 26px;
	vertical-align: middle;
	border:1px solid black;
	text-align: center;
}
div#arborescence table#table_arbo tr td.nom{
	padding:10px 15px;
	width:40%;
}
table#table_arbo tr td.num_arbo{
	padding:0 0 0 5px;
	color:rgba(160,160,250,0.4);
	width:7%;
}
table#table_arbo tr td.type{
	width:8%;
	padding:auto;
	margin:auto;
	text-align: center;
}

div#arborescence span.entete{
	font-size:2.5em;
	padding: 8px 25px;
    border-radius: 40px;
}
div#arborescence .color_c1,
div#arborescence .case_c1:hover{
    background-color: rgba(200,50,100,0.5);
}
div#arborescence .color_c2,
div#arborescence .case_c2:hover{
    background-color:rgba(50,50,100,0.8);
}

table#table_arbo tr.lignes:nth-child(even) {
	background: none;
}
table#table_arbo tr.lignes:nth-child(odd) {
	background-color: rgba(50,50,100,0.3);
}
table#table_arbo tr td.big_C {
	height:100px;
	vertical-align: middle;
}

table#table_arbo tr td div.case.blue{color:#5ea0d6;}
table#table_arbo tr td div .blue{color:#5ea0d6;}
table#table_arbo tr td div.case.red {color:#8f2c55;}
table#table_arbo tr td div.case span.blue{color:#5ea0d6;}
table#table_arbo tr td div.case span.type_formule{
	font-size:1em;	
}
div#arborescence .case_c1:hover span.type_formule,
div#arborescence .case_c2:hover span.type_formule{
	display:block;
}
table#table_arbo tr td .type{
	font-size:1.2em;
}
table#table_arbo tr td .case{
	display: inline-block;
	border-radius: 30px;
	font-size:1.2em;
	margin-right:20px;
}

div#arborescence td.nom{text-align:right !important;}
table#table_arbo tr.lignes td.nom .case{padding:3px 20px;}
table#table_arbo tr.lignes td.type .case{padding:1px 0px;}
table#table_arbo tr.lignes td.nom:hover a>img.ico_admin{
	opacity:1;
}
table#table_arbo tr.lignes img.ico_admin{
	position:absolute;
	margin-top:3px;
	margin-left:-22px;
	opacity:0.2;
}

/* LISTE INVITE PAGE ADMIN-CONFIRMATION */
#flex-content{
	margin:10px 30px;
}
.flex-liste-invites{
	max-width: 800px;
	width:100%;
	display: flex;
	flex-direction: row;
}
.flex-liste-invites>div {
	width:100%;
	min-width:120px;
	height: 50px;
	line-height: 28px;
	color:white;
	text-align: center;
}
.flex-liste-invites>div input[type="text"],
#flex-liste-c2>div input[type="text"]{
	margin:0px;
	padding: 5px 0px;
	margin-left:15px;
	font-size:1em;
}
.flex-liste-invites>div.mid {
	text-align: center;
}


#flex-liste-c2{
	max-width: 600px;
	width:100%;
	display: flex;
	flex-direction: row;
	margin:0;
	padding:0;
	margin-left:40px;
}
#flex-liste-c2>div {
	width:80%;
	min-width:80px;
	height: 50px;
	color:white;
	text-align: center;
	color:#a5a5f2;
}

/* FORMULE PAGE CONFIRMATION */
form#tabs_form input{
	max-width:300px;
	width:100%;
	padding:5px 25px;
	display:inline-block;
	background-color:rgba(50,50,100,0.5);
	border:2px solid rgba(255,255,255,0.2);
	border-radius: 20px;
	color:white;
	cursor:pointer;
	font-size:1.6em;
}

form#tabs_form .neutral{
	background-color:rgba(50,50,100,0.4);
	border:2px solid rgba(255,255,255,0.2);
}
form#tabs_form .neutral:hover, 
			   #tab_1.no:hover,
			   #tab_2.yes:hover{
	background-color:rgba(50,50,100,0.8);
}
form#tabs_form #tab_1.yes:hover,
			   #tab_2.no:hover{
	background-color:rgba(200,50,100,0.6);
}
input#tab_1,input#tab_2 {
	position: relative;
	border: none;
	box-shadow: 0 0 0 0 rgba(60,60,100,0.8);
	border-radius: 50%;
	background-color: #e84c3d;
	background-size:cover;
	background-repeat: no-repeat;
	cursor: pointer;
}	
input#tab_1{margin-right:30px;}

input#tab_1.neutral,input#tab_2.neutral{
  -webkit-animation: pulse 6s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 6s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 6s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 6s infinite cubic-bezier(0.4, 0, 0, 20);
 
}
input#tab_1.neutral{ animation-delay: 3s;}
input#tab_2.neutral{ animation-delay: 6s;}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);}}

input#tab_1.yes{
	background-color:rgba(50,50,60,0.3);
	background-color:rgba(200,50,100,0.5);
}
input#tab_2.yes{
	background-color:rgba(50,50,60,0.3);
	border:2px solid rgba(255,255,255,0.2);
}

input#tab_1.no{
	background-color:rgba(50,50,60,0.3);
	border:2px solid rgba(255,255,255,0.2);
}
input#tab_2.no{
	background-color:rgba(50,50,60,0.3);
	background-color:rgba(200,50,100,0.5);
}

/* CONTENU DES ONGLET */

div#tabs_content, div#tabs_confirm{
	width:100%;
	margin:auto;
}
div#tab_content_2, div#tab_confirm_2,
div#tab_content_1,div#tab_content_orga{	 
	display:none;
}


/* PAGE CONFIRMATION DES INVITES */

/* General */
fieldset.fieldset{
	max-width:700px;
	width:100%;
	margin:80px auto;
	font-family:"Roboto","Tahoma";
	padding:30px;
	padding-bottom:50px;
	border-radius:40px;
	background-color:rgba(12,12,22,0.4);
	border:1px solid rgba(150,150,150,0.5);
}
fieldset.fieldset legend{
	font-size:1.5em;
	font-family: "Robodron";
	text-transform: uppercase;
	letter-spacing: -0.1em;
	margin:auto;
	text-align:center;
	margin-bottom:20px;
	padding:0 40px;
	color: #a5a5f2;	
}

/* Admin */
fieldset.admin{
	font-size:1.1em;
	border:2px solid rgba(150,150,200,0.5) !important;	
	font-weight: 200;
}
fieldset#admin_excel div#mail_tester p{
	color:rgba(200,200,200);
	font-style: italic;
}
fieldset#fieldset_admin{font-size:1.4em;}
fieldset#fieldset_admin legend{font-size:1.2em;}

div#admin_parrain .orga{color:#c62456;}
div#admin_parrain .parrain{color:#f0b1c5;}

div#admin_parrain .orga:hover{color:#b3d4fc;}
div#admin_parrain .parrain:hover{color:#b3d4fc;}

/* Excel */
fieldset#admin_excel textarea.area_excel{
	max-width:600px;
	width:100%;
	margin: 10px 3px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 20px;
    border: 2px solid rgba(255,255,255,0.5);
    background-color: #0b0b29;
    color: white;
    font-size: 1.1em;
    text-align: left;
}

/* Benefices */
div#benefices{
	margin-top:80px;
	margin-bottom:-40px;
	font-size:1.2em;
}
div#benefices p.benefices{
	background-color:rgba(0,0,0,0.2);
	color:#bbb;
	max-width:550px;
	width:100%;
	border-radius: 40px;
	border:1px solid rgba(155,155,155,0.6);
	margin:auto;
	padding:15px 3px;
	line-height: 1.5em;
	font-style: italic;
}
div#benefices p.benefices span{
	color:#c6245c;
	font-size:1.2em;
}

/*#kaalys img{
	position:absolute;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:-240px;
	filter:blur(20rem);
	-webkit-transition: 0.7s ease-in-out;
	transition:0.7s ease-in-out;
	opacity:1;
	width:150px;
}

#kaalys:hover img{
	filter:blur(0);
	opacity:1;
	max-width:680px;
	width:100%;
}

#kaalys_black img{
	position:absolute;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	opacity:0.5;
}*/

/* Formule 25€ ou 50€ */
div.tab-formule{
	max-width:600px;
	width:100%;
	margin:20px auto 0;
	color: white;
	text-align:center;
	display:flex;
}

div.tab-formule div.classique,
div.tab-formule div.openbar{
	flex-wrap: row;
}
div.tab-formule div.formule_unique{
	width:100%;
	margin:auto;
}

div.tab-formule div.formule_button{
	margin:5px auto 30px;
}

div.tab-formule h4{
	color:#d72865;
	font-style: italic;
	font-size:1.8em;
	text-transform: uppercase;
}
div.tab-formule label{
	vertical-align: middle;
	font-size:2em;
	font-style: italic;
	color:#c6245c;
	margin-left:15px;
	margin-bottom:20px;
}
div.tab-formule p.details{
	font-size:1em;
	min-width:250px;
	color:rgba(200,160,160,0.7);
	font-style: italic;
	padding:15px 20px;
	line-height:1.2em;
}

div.tab-formule p.details_cosmik{
	font-size:1.2em;
	min-width:250px;
	color:#a5a5f2;
	font-style: italic;
	padding:15px 20px;
	line-height:1.3em;
	margin-top:20px;
}
div.tab-formule p.details_cosmik span{
	font-weight: bold;
}

fieldset#formule{
	min-height:400px;
}
fieldset#formule p.petitdej{
	font-size:1em;
	margin: 20px auto;
}
fieldset#welcome{
	font-size: 1em;
	margin-bottom:-20px;
	line-height: 1.4em;
}
fieldset#welcome p.txt{
	font-size: 1.1em;
	line-height: 1.5em;
}

div#little-menu{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	z-index:12000;
	position: fixed;
	top: 0; 
    left: 0;
    right: 0;
    width:100%;
    margin: 0px auto;
    padding: 4px 0 10px 0;
	background-color: #000;
	text-align: center;
}
div.flex-menu,
div#flex-menu-admin{
	flex-direction: row;
	text-align: center;
	padding-top: 10px;
}
#little-menu a{
	font-size:1.1em;
	color:white;
	margin:10px;
	padding:0px 12px;
	text-transform: uppercase;
	background-image: linear-gradient(45deg, #f3ec78, #af4261);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}
#little-menu h3{
	font-size:1.8em;
	padding:15px 0px;
}
#little-menu a.lock{
	color:white;
	background-image: none;
	-webkit-text-fill-color: initial;
	font-weight: normal;
}
#flex-menu-admin a{
	background-image: radial-gradient(#e7306f, #481124) !important;

}
#little-menu a.home{
	font-size:1.8em;
	margin-top:-5px;
	line-height: 0.7em;
}
#little-menu a:hover{
	color: #a5a5f2;
	background-image: linear-gradient(45deg, #fff, #ccc);
	margin:10px;
}
p#consulte_infos{
	color:rgba(255,255,255,0.5);
	font-style: italic;
	font-size: 0.9em;
}
p#consulte_infos span{
	color:#c6245c;
	font-weight: normal;
}
fieldset#welcome p.txt span{
	color:#c6245c;
	font-weight: bold;
}

div.infos_amis{
	color:rgba(255,255,255,0.7);
	font-style:italic;
	font-size:0.9em;
	margin-bottom:20px;
}

fieldset#welcome a,
div.infos_texte a,
div.infos_amis a{
    color: #a5a5f2;
}
fieldset#welcome a:hover,
div.infos_texte a:hover,
div.infos_amis a:hover{
	color:#c1c1f5;
}
fieldset#welcome div.welcome_date{
	margin:40px auto;
    color: #a5a5f2;
    font-style: italic;
    font-size: 1.3em;
}
fieldset#welcome div.welcome_date span.deco{
	font-size:1.8em;
    color: #a5a5f2;
}
fieldset#welcome div.welcome_date span{
	font-family: "Roboto Thin";
	font-size: 3em;
    line-height: 1.2em;
	margin:0px 20px;
	color:white;
	vertical-align: middle;
}
fieldset#welcome div.welcome_date span.heure{
	font-size:1.5em;
	vertical-align: baseline;
    color: #c6245c;
    margin:0;
    font-family: "Roboto Regular";
}
div.warning img{
	width:40px;
	display:inline-block;
	vertical-align: middle;
	padding-right:12px;
}
div.warning p{
	display:inline-block;
	vertical-align: middle;
	font-size:1.3em;
	color:#d72865;
}
div.warning p.small{
	font-size:1em;
}
div.warning p.small span{ 
	font-weight: bold;
}
div.special{
	color:#ccc;
	font-style: italic;
}
div.special span{font-weight: bold;}

/* All checkboxes */
input[type="checkbox"]{
	-webkit-appearance: none;
	 -moz-appearance: none;
	      appearance: none;

	background: #ddd;
	border-radius: 3em;
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
	vertical-align: middle;
 }

 input[type="checkbox"]:after{
	position: absolute;
	content: "";

	border-radius: 50%;
	background: #fff;
	left: 0;
	top:0;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	     	box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(.7);
	      	transform: scale(.7);
	-webkit-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
}
input[type="checkbox"]:checked{
	background: rgba(200,50,100,0.8);
}
input[type="checkbox"]:checked:after{
  	left: calc(100% - 1.5em);
}

input[type="checkbox"].ok{
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
	     	box-shadow: 0 0 .25em rgba(0,0,0,.3);
	-webkit-transform: scale(1.7);
	      	transform: scale(1.7);	
}
input[type="checkbox"].ok:checked{
	background: rgba(200,50,100,0.8);
}
/* Switch_1 */
input[type="checkbox"].switch_1{
	width: 3.5em !important;
	height: 1.5em;
}
input[type="checkbox"].switch_1:after{
	width: 1.5em !important;
	height: 1.5em;
}
/* Box Filter*/
input[type="checkbox"].box_filter{
	width: 3.2em;
	height: 1.5em;
}
input[type="checkbox"].box_filter:after{
	width: 1.5em;
	height: 1.5em;
}

form#tabs_formule input[type="checkbox"].switch_1{
	font-size: 22px;
}
form#form-dream-team input[type="checkbox"]{
	font-size: 15px;
	width: 3em;
	height: 1.5em;
	margin-top:4px;
}
form#form-dream-team div.c2-show{
	color:#c6245c;
	cursor:pointer;
}
div.c2-content{display:none;}



div#content_confirmation{
	margin: 40px auto 0px;
	color:white;	
	text-align:center;
	font-size:1em;
	line-height: 1.4em;
}

div#content_confirmation h2{
	font-size:1.8em;
	font-style: italic;
}

div.infos_texte{
	margin:30px auto 15px;
	max-width:600px;
	width:100%;
	text-align: center;
	font-size:1.2em;
	line-height: 1.4em;
}

div.infos_texte span{
	color:#c6245c;
	font-weight: bold;
}
div.infos_texte.admin span{
	color:#c6245c;
	font-weight: bold;
}
div.infos_texte.admin{
	font-style:italic;
	font-size:1.3em;
}

div#content_cancel{
	font-family: "Roboto";
	font-size:1.2em;
	line-height: 1.6em;
}

div#content_confirm p.merci{
	color:#6fe88f;
	font-size:15px;
}

/* Invite Supp */
form #form_invite_supp,
fieldset#admin_invite_supp,
fieldset#dream_team{
	max-width:700px;
	min-height:380px;
}

fieldset#invite_supp div#event_full h3{
	font-size:2.5em;
	margin:20px auto 40px;
	font-style: italic;
	font-family: "Roboto";
	color:#c62456;
}
fieldset#invite_supp div#event_full p.noway{
	color: rgba(200,160,160,0.7);
	font-size:1.1em;
	font-style: italic;
}
input[type="text"]{
	margin:10px 3px;
	display: inline-block;
	padding:5px 10px;
	border-radius: 20px;
	border:2px solid rgba(255,255,255,0.5);
	background-color:#0b0b29;
	color:white;
	font-size:1.1em;
	text-align:center;
}
fieldset#invite_supp input:focus,
fieldset#admin_invite_supp input:focus{
	border:2px solid rgba(110,110,220,1);
}

fieldset#invite_supp div.case_error,
fieldset#email_change div.case_error,
fieldset#admin_invite_supp div.case_error{
	font-size:1em;
	color: #c6245c;
	margin:0px auto 20px;
	display:none;
}

fieldset p.vosamis,
fieldset#email_change p.texte_mail{
	font-family:"Roboto";
	color:#a5a5f2;
	font-size:1.2em;
}
p.disp{
	display:none;
}
fieldset#invite_supp p.vosamis span,
fieldset#email_change p.texte_mail span{
	color:#c62456;
}
fieldset#invite_supp .response_ok,
fieldset#admin_invite_supp .response_ok,
fieldset#email_change .response_mail_ok{
	margin-top:20px;
	color: #6fe88f;
	font-size:1em;
}

fieldset#admin_invite_supp select,
fieldset#dream_team select{
	max-width:200px;
	margin:auto 20px;
	display: inline-block;
	padding:5px;
	text-align: center;
	border-radius: 20px;
	border:2px solid rgba(255,255,255,0.5);
	background-color:#0b0b29;
	color:white;
	cursor: pointer;
}
fieldset#dream_team select{
	margin:auto 0px;
	width:100px;
}

input[type="submit"]{
	padding:5px 50px;
	color:white;
	font-size:1.2em;
	background-color:rgba(200,50,100,0.5);
	border:2px solid rgba(255,255,255,0.3);
	border-radius: 30px;
	cursor: pointer;
}
input[type="submit"]:hover{
	background-color:rgba(200,50,100,0.7);
}

#filters input[type="submit"]{
	padding:2px 35px;
	vertical-align: middle;
	margin:-2px 0px 0px 10px;
}

input[type="submit"] .submit_guest:hover{
	background-color:rgba(200,50,100,0.7);
}

fieldset#dream_team .liste_invites{
	font-size:1em;
	color:rgba(255,255,255,0.7);
	margin-bottom:30px;
}
fieldset#dream_team .liste_invites span.prenom,
fieldset#dream_team .liste_invites span.nom{
	color:#a5a5f2;
	font-style: normal;
	font-weight: normal;
	font-size:1.2em;
	line-height: 1.8em;
}
fieldset#dream_team .liste_invites span.nom{
	font-weight: bold;
}
fieldset#dream_team .liste_invites span.date_invite{
	color:rgba(255,255,255,0.4);
	font-style: italic;
}
fieldset#dream_team .liste_invites h3{
	color:rgba(200,50,100,1);
	font-size:1.4em;
	margin-bottom:10px;
}



/* Bloc séparation */
div.separation{
	width:72%;
	height:2px;
	margin:60px auto;
	background-color: rgba(255,255,255,0.2);
}

/* Infos utiles */
div#lieu{
	max-width:800px;
	width:100%;
	margin:50px auto 20px;
	text-align: center;
}
fieldset#lieu ul{
	margin:0;
	padding:0;
}
fieldset#lieu li{
	list-style: none;
}

fieldset#menu_lieu{
	width:100%;
	margin:20px 0px;
}

div#gmaps iframe{
	width:100%;
	height:350px;
	margin-top:30px;
	border : none;
	border-radius:20px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, 
				rgba(0, 0, 0, 0.12) 0px -12px 30px, 
				rgba(0, 0, 0, 0.12) 0px 4px 6px, 
				rgba(0, 0, 0, 0.17) 0px 12px 13px, 
				rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
div#coords a>span.underline{
	text-decoration: underline;
}

div#coords{ 
	font-size:1.2em; 
}

div#coords a{color:#c62456;line-height:1.6em;}
div#coords a:hover{color:#e3aabc;} 

/* Programme & Line-up*/
fieldset#lieu div#content_lieu,
fieldset#programme div#content_prog,
fieldset#lineup div#content_lineup,
fieldset#FAQ div#content_FAQ{
	max-width:550px;
	width:100%;
	margin:auto;
}

/* TAILLE DES CONTENUS */
/* 
fieldset#lieu div#content_lieu{width:100%;}
fieldset#programme div#content_prog{width:550px;}
fieldset#lineup div#content_lineup{width:100%;}
*/
/* LIEU */

	/* Lieu - Général */
	fieldset#lieu div.img_lieu{
		display: inline-block;
	    position: relative;
		width:100%
	}
	fieldset#lieu div.img_lieu img{
		width:100%;
		border-radius : 20px;
		margin:30px 0 50px 0;
	}

	/* Lieu - Infos */
	fieldset#lieu div#ico_infos div{
		margin:20px 20px 10px;
	}
	fieldset#lieu div#ico_infos p{
		margin-top: 8px;
		font-style: italic;
		color:#eee;
	}
	fieldset#lieu div#ico_infos{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top:10px;
	}

	/* Lieu - Texte */
	fieldset#lieu div#text_lieu{
		max-width:600px;
		width:100%;
		margin:auto;
	}


/* PROGRAMME */
fieldset#programme img.img_crea{
	width:100%;
	margin-bottom:30px;
	border-top-right-radius:50px;
	border-bottom-right-radius: 200px;
	border-bottom-left-radius:50px;
	border-top-left-radius:200px;
}
	/* Prog - Infos */
	fieldset#programme div#infos_prog{
		max-width:480px;
		margin:auto;
		font-size:1.1em;
		text-align:left;
		margin-bottom:100px;
	}
	fieldset#programme div#infos_prog ul li{
		margin-top:18px;
		line-height: 1.5em;
	}
	fieldset#programme div#infos_prog span{
		font-size:1.4em;
	}

	fieldset#programme span{
		font-weight: normal;
		color: #c62456;
	}
	fieldset#programme div#infos_prog span.maquilleuses{
		font-size: 0.9em;
		font-style: italic;
		color:#a2a2b3;
		font-weight: 100;
	}
	fieldset#programme div#text_prog img.img_crea{
		margin:50px 0;
	}

	/* Prog - Text */
	fieldset#programme p{
		font-size:1.1em;
	}

	fieldset#programme span.infos{
		color:white;
		font-size:0.9em;
		font-style:italic;
		text-align: center;
	}


/* LINEUP */

	fieldset#lineup div#infos_lineup{
		max-width:400px;
		margin:auto;
	}
	fieldset#lineup h4{
		margin:20px 0 60px;
		font-size:2.4em;
		color:#ccc;
	}
	fieldset#lineup h4 span{
		color: #c62456;
	}
	fieldset#lineup ul>li img.left{
		float:left;
	}
	fieldset#lineup span.artiste{
		color:#a5a5f2;
		font-style:normal;
	}
	fieldset#lineup span.label{
		font-style:italic;
		color:rgba(120,120,180);
		font-size: 0.8em;
	}
	fieldset#lineup span.music_style{
		font-size:0.9em;
		color:white;
	}
	fieldset#lineup span.set{
		font-size:0.9em;
		font-style:italic;
		color:#888;
	}

	fieldset#lineup  div.separator{
		width:45%;
		height:2px;
		margin:20px auto;
		background-color: rgba(255,255,255,0.1);
	}
	fieldset#lineup ul li{
		list-style: none;
		font-size:1.2em;
		text-align:left;
		line-height: 1.5em;
	}
	fieldset#lineup ul>li{
		margin-bottom:30px;
	}
	fieldset#lineup ul>li img.avatarDJ{
		width:78px;
		float:left;
		margin-top:-14px;
		margin-right:30px;
		border-right: 3px solid rgba(120,120,180,0.4);
		border-bottom: 3px solid rgba(120,120,180,0.6);
		border-radius:50px;
	}

fieldset#FAQ{
	text-align: center;
}
fieldset#FAQ p.question_FAQ{
	font-size:1.2em;
	color: #c62456;
}
fieldset#FAQ p.reponse_FAQ{
	margin:10px auto 38px;
	font-size:1em;
}
fieldset#FAQ p.reponse_FAQ span{
	color:#a5a5f2;
}
div#text_lieu,
div#text_prog,
div#text_lineup{
	margin-top:80px !important;
}

div#text_lieu h3,
div#text_prog h3,
div#text_lineup h3{
	font-size:2em;
	font-style:italic;
	color:#a5a5f2;
}
div#text_lieu h3+p,
div#text_prog h3+p,
div#text_lineup h3+p{
	color:#a5a5f2;
}

div#text_lieu p,
div#text_prog p{
	font-size:1.1em;
	text-align:center;
	line-height: 1.5em;
}
div#text_lineup p{
	font-size:1em;
}

div#text_lieu span{
	 color: #c62456;
	 font-weight: 600;
}

div#text_lieu p.sous-texte, 
div#text_prog p.sous-texte{
	color:white;
	font-style: italic;
}
div#text_lieu p.sous-texte span{
	color:#a5a5f2;
	font-weight: normal;
}

a.link_artiste{color:#d4d4ff;}
a.link_artiste:hover{color:#a5a5f2;}

div#infos_lineup img.ico_lineup,
div#text_prog img.ico_mini{
	width:15px;
	margin:0px 5px 0px 5px;
	padding-bottom:3px;
}




/* FOOTER */

footer{
	width:100%;
	background-color:rgba(0,0,0,0.2);
	color:white;
	position:absolute;
	bottom:0;
	height:60px;
	box-shadow: 12px 29px 81px 0px rgba(180,180,255,0.75);
	text-align: center;
}

#footer{
	margin-top:20px;
} 

.grayscale div img {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	margin-left:auto;
	margin-right:auto;
	-webkit-filter: blur(12rem);
	filter: blur(12rem);
	-webkit-transition: 1s ease-in-out;
	transition: 1s ease-in-out;
	max-width:900px;
	width:100%;
	opacity:0.8;
}
.grayscale div:hover img{
	-webkit-filter: blur(0rem);
	filter: blur(0);
	opacity:1;
}


/*  LOGOUT */
div#logout{
	position:absolute;
	margin-top:-12px;
	right:8%;
}

div#logout div.logout_bloc{
	vertical-align: middle;
	display: inline-block;
	font-size:0.8em;
}

div#logout div.logout_bloc img{
	width:40px;
}

div#logout .logout_bloc:last-child{
	color:rgba(198,36,92);
	margin-left:20px;
}

div#logout div.logout_bloc input{
    font-family: 'Robodron';
	vertical-align: middle;
	display: inline-block;
	font-size:1.2em;
	background:none;
	color:#c62456;
	border:none;
}