/*************************************/
/*************************************/
/********** MEDIA QUERIES ************/
/*************************************/
/*************************************/


/* Sur tous types d'écrans orientés verticalement */
@media all and (max-width: 600px)
{
	body{
		margin: auto;
		width:100%;
		position: relative;
		background-image: url(../img/background.jpg);
		background-repeat: no-repeat;
		background-position: 20%;
		background-size: cover;
		z-index: 100000;
		font-family:'Arial';
	}


	div#menu_admin div.bloc {
	    display: inline-block;
	    vertical-align: middle;
	    margin-top: 10px;
	    font-size:0.8em;
	}

	/*NUIT 2888*/
	header h1 { 
		max-width:400px;
		width:100%;
		margin:40px auto 20px;
		text-align: center; 
		font-size: 6.5em; 
		line-height: 0.8em; 
	}

	#home_stats div{
		line-height: 2.8em;
	}
	#home_stats div span{font-size:3.2em;}
	#home_stats div img{padding : 0 0px;}

	/* BLOC ADMIN sur page invité */
	fieldset#fieldset_admin{
		font-size:1.1em;
		margin-bottom:50px;
	}
	fieldset#fieldset_admin div#admin_parrain{
		font-size:0.9em;
		line-height: 2em;
	}

	/* Si il coche Non */
	div#content_cancel{
		width:80%;
		font-size:1.1em;
		margin:auto;
	}

	/* Nom de l'invité */
	div#content_confirmation h2 { 
		font-size: 2em;
		margin-bottom:15px;
	}

	/* Message d'accueil*/
	div.infos_texte {
		width:80%;
		font-size: 1.1em; 
		line-height:1.5em;
		margin:70px auto 50px;
	}

	/* Ok confirme ou Non viens pas */
	div#tabs_buttons{
		max-width: 700px;	
		width:100%;
	}
	form#tabs_form input {
	    width: 80%;
	    padding: 10px 25px;
	    display: inline-block;
	    background-color: rgba(50,50,100,0.5);
	    border: 2px solid rgba(255,255,255,0.2);
	    border-radius: 40px;
	    color: white;	
	    cursor: pointer;
	    font-size: 1.8em;
	    margin-bottom:15px;
	}
	input#tab_1 {
	    margin-right: 0px;
	}

	/* Bloc général */
	fieldset.fieldset{
		width:80%;		
	}
	fieldset.fieldset legend {
    	font-size: 1.2em;
	}

	#flex-content{margin:10px 0px;}
	#flex-liste-invites {max-width: 320px;}
	#flex-liste-invites>div {min-width: 100px;}
	.c2-show, .c2-none{
		line-height: 0.8em;
	}

	/* Formule */
	div.tab-formule{
		display:block;
	}
	div.tab-formule div.classique{margin-bottom:40px;}
	div.tab-formule div.openbar{margin:0px auto;}
	div.tab-formule div.formule_button{margin:10px auto;}
	div.tab-formule p.details{
		width:40%;
		margin:auto;
	}	

	div.warning p {
		width:90%;
	    font-size: 1.1em;
	    margin-top:20px;
	}

	fieldset#invite_supp input {
	    max-width:400px;
	    width:100%;
	    padding: 8px;
	    font-size:1.3em;
	    text-align: center;
	}
	fieldset#invite_supp .submit_guest {
	    padding: 8px 0px;
	    font-size: 1.4em;
	}

	fieldset#programme div#content_programme ul li,
	fieldset#lineup div#content_lineup ul li{
		width:90%;
		margin:auto;
		margin-left:30px;
		font-size:1.1em;
	}
	fieldset#programme div#content_programme img{
	width:90%;
	}
	div#content_lineup ul li {
		margin-bottom:20px !important;
	}
	fieldset#welcome div.welcome_date span {
		font-size:2.2em;
	}
}