a
{
	text-decoration: none;
	cursor:pointer;
}

footer
{
	width: 65%;
	text-align: center;
	margin: 15px auto;
}

footer a
{
	color: #929292;
}

p, *
{
	margin: 0px;
	font-family: calibri;
	font-size: 18px;
}

h1,h2
{
	font-family: 'Lobster Two', cursive;
	margin-bottom: 15px;
	text-align: center;
}
h1
{
	font-size: 30px;
	color: #b19c81;
}
h2
{
	font-size: 22px;
	color: #808080;
}

.logo
{
	height: 40px;
}

footer img
{
	height: 20px;
}

.titre
{
	font-size: 25px;
	text-align: center;
	color: #b19c81;
}

html 
{
  height: 100%;
}

body
{
	min-height: 100%;
	background: #dbd4cd;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

hr
{
	width: 100%;
	border-style: inset;
	border: 0.4px solid #ede7e4;
	margin: 1px auto;
}

.flex
{
	display: flex;
}

.nowrap
{
	white-space: pre;	
}

.marginV_auto p
{
	margin: auto 0px;
}

.confirm_partie_g
{
	display: flex;
	width: 50%;
}

.confirm_partie_d
{
	display: flex;
	width: 50%;
}

.hr_connexion
{
	width: 20%;
	margin: auto;
}

.conteneur_resultats
{
	background: #dfdad4;
	padding: 10px;
	box-shadow: 0px 4px 10px 0px rgba(205, 197, 187, 1) inset;
}

.tableau_liste
{
	width: 50%;
	display: flex;
	margin: 3px auto;
}

.tableau_conf
{
	width: 70%;
	display: flex;
	margin: 15px auto;
	flex-wrap: wrap;
}
.tableau_conf label
{
	cursor:pointer;
}

.largeur_site, #laissermessage, #retourinfo
{
	width: 65%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.largeur_site, #laissermessage
{
	margin: 10px auto 25px auto;
}
#retourinfo
{
	margin: 5px auto 5px auto;
}
#retourinfo .notif
{
	text-align:center;
	width:50%;
	padding:5px 15px;
	margin: 10px auto;
	background-color:white;
	border-radius:15px;
}
.largeur_marginV
{
	width: 65%;
	height: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
}

.couverture
{
	width: calc(100% - 4px);
	height: 400px;
	background: black;
	overflow: hidden;
	border: 2px solid #c3b4a1;
	margin: 10px 0px;
	position: relative;
	z-index: 1;
}

.couverture img
{
	position: absolute;
	width:100%;
	min-height:100%;
	top:-100%; left:0; right: 0; bottom:-100%;
	margin: auto;
}

.rubrique_connexion
{
	display: flex;
	flex-direction: column;
}


.cadre_connexion
{
	background: #c3b4a1;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
}

.titre_connexion, .titre
{
	margin: auto;
	color: white;
	font-size: 25px;
	text-shadow: 0px 1px 8px rgb(167, 119, 61, 0.8);
	user-select: none;
}

.rubrique_connexion input[type=search]
{
	width: 50% !important;
	height: 40px;
	margin: 15px auto;
	padding: 5px;
	border-radius: 30px;
	border: 0px solid;
	text-align: center;
	outline: none;
}

.rubrique_connexion input[type=checkbox]
{
	vertical-align: bottom;
	position: relative;
	top: -1px;
}

.prenom_liste, .nom_liste, .column_btn_auth_liste
{
	width: 33.33%;
	display: flex;
	margin: auto;
}

.prenom_conf, .nom_conf
{
	margin-right: 2px;
}

.prenom_conf, .nom_conf, .column_btn_auth_conf
{
	width: 50%;
	display: flex;
	margin: auto;
	word-break: break-all;
}

.column_btn_auth_conf
{
	width: auto;
}

.btn_authenti
{
	font-size: 15px;
	background: #c3b4a1;
	padding: 5px 30px;
	border-radius: 20px;
	color: white;
	margin: auto;
	user-select: none;
	cursor: pointer;
	border: 1px solid white;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction:column;
}

.btn_authenti label
{
	font-size: 15px;
}

.btn_authenti:hover
{
	background: #c8af8f;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
}

.notif_valid
{
	width: 40%;
	text-align: center;
	border: 2px solid #636363;
	padding: 5px;
	margin: auto;
	color: #ff0000;
	font-style: italic;
	background: white;
}

.bold
{
	font-weight: bold;
	border-bottom: 1px solid #ff0000;
}

.invite_connexion
{
	font-size: 25px;
	font-family: 'Lobster Two', cursive;
	color: #636363;
	white-space: pre;
}


/* PAGE D'ACCUEIL INSCRIPTION - CONNEXION */
.flexH_spaceB
{
	display: flex;
	justify-content: space-between;
}

.cadre_signin, .cadre_login, .cadre_faireP
{
	background: #c3b4a1;
	padding: 10px;
	display: flex;
	flex-direction: column;
}

.cadre_faireP
{
	margin: 0px auto;
	width: calc(50% - 20px);
	color: white;
	background: #a59683 !important;
}

.cadre_faireP .cadre_blanc
{
	background: white;
	padding: 5px;
	color: #b19c81;
	text-align: center;
	margin-bottom: 15px;
}

.cadre_faireP .part_a
{
	display: flex;
}

.cadre_faireP .part_a p
{
	margin: auto 0px !important;
}

.cadre_faireP .part_b
{
	width: 100%;
}

.cadre_signin label
{
	margin: 0px auto;
}

.deuxtiers
{
	width: calc(63% - 20px);
}

.cadre_signin input:not([type="checkbox"]), .cadre_login input:not([type="checkbox"])
{
	height: 25px;
	width: calc(100% - 20px);
	margin: 5px auto;
	padding: 5px 10px;
    border-radius: 30px;
	outline: none;
	border: 0px solid;
}

.cadre_faireP .choix_lien
{
	display: flex;
	height: 25px;
	width: calc(100% - 20px);
	margin: 5px auto;
	padding: 5px 10px;
    border-radius: 30px;

	border: 0px solid;
	background: white;
	color: black;
}

.cadre_faireP .choix_lien input
{
	outline: none !important;
	border-style: none;	
}

.choix_lien input
{
	text-transform: lowercase;
}
.choix_lien input::placeholder
{
	color:#DFDFDF;
}

.untiers
{
	width: calc(33% - 20px);
}

.cadre_signin .titre_connexion, .cadre_login .titre_connexion, .cadre_faireP .titre_connexion
{
	text-align: center;
	margin: 0px 0px 15px 0px;
}

#laissermessage button, .cadre_signin button, .cadre_login button, .cadre_faireP button, .couverture button, .cadre_ajout_invite button, .rub_choix_lien button, .deconnexion
{
	font-size: 15px;
    padding: 5px 30px;
    border-radius: 20px;
    color: white;
    user-select: none;
    outline: none;
    cursor: pointer;
    border: 1px solid white;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    display: flex;
}

#laissermessage button, .cadre_signin button, .cadre_login button, .cadre_faireP button, .couverture button, .cadre_ajout_invite button, .rub_choix_lien button
{
	background: #c3b4a1;
	margin: auto;
}

.deconnexion
{
	margin:-3px;
	background: #ffadad;
	max-width: calc(142px - 60px);
	height: calc(30px - 10px);
}

.deconnexion:hover
{
	background: #dc7171;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
}

#laissermessage button,  .cadre_signin button, .cadre_login button, .cadre_faireP button
{
	margin-top:10px;
}
 .rub_choix_lien button
{
	 margin-left: 10px;
}

#laissermessage button:hover, .cadre_signin button:hover, .cadre_login button:hover, .cadre_faireP button:hover, .couverture button:hover, .cadre_ajout_invite button:hover,  .rub_choix_lien button:hover
{
	background: #c8af8f;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.1) inset;
}

.cadre_signin form
{
	display: flex;
	flex-direction: column;
}

.cadre_signin label, .cadre_login label
{
	margin: 0px auto;
	color: white;
}

/* FIN PAGE D'ACCUEIL INSCRIPTION - CONNEXION */

/* PAGE PARAMETRES COMPTE */
.rub_espace
{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.legende_table
{
	padding:5px 0px 15px 0px;
}
.legende_table, .legende_table div
{
	display: flex;
	justify-content: flex-end;
}

.legende_table div
{
	margin: 10px 15px 0px 0px;
}

.legende_table img
{
	height: 20px;
	margin-right: 5px;
}

.flexH_spaceA, .donnees_maries
{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.couverture button
{
	position: absolute;
	right: 10px;
	bottom: 10px;
}

.rubrique_marie
{
	width: 45%;
	margin-bottom: 15px;
}

.rubrique_marie input[type="radio"]
{
	margin-right: 10px;
}

.rubrique_marie input[type='text']
{
	width: 40%;
}

.cadre_marie1, .cadre_marie2
{
	background: #c3b4a1;
	padding: 10px;
}
.divadmin input
{
	margin:10px auto auto auto;
}
.conteneur_resultats input:not([type='checkbox']), .cadre_ajout_invite input
{
	padding: 5px 7px;
    border-radius: 30px;
    border: 0px solid;
    outline: none;
}
#laissermessage textarea
{
	padding: 10px 14px;
    border-radius: 30px;
    border: 0px solid;
    outline: none;
	font-size:30px;
	font-family: 'Lobster Two', cursive;
	color: #b19c81;
}
#laissermessage textarea
{
	max-width:80%;
	min-width:50%;
	min-height:150px;
	max-height:150px;
}
.infos_compte
{
	display: flex;
	flex-direction: column;
}

.infos_compte p, .table_invites_donnees input, .table_invites input, .table_invites_donnees p, .table_invites p
{
	margin: auto;
}

.infos_compte .titre
{
	margin-top:5px;
}
	
.table_invites:first-child
{
	width: 5% !important;
}

.new_group
{
	margin-top:50px;
}

.conteneur_resultats img:first-child, .conteneur_resultats input
{
	cursor:pointer;
}

.rub_choix_lien
{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.rub_choix_lien .flex
{
	margin: auto;
}

.rub_choix_lien .flex p
{
	margin: auto 0px;
	color: #1d1d1d;
}

.rub_choix_lien input
{
	width: 60% !important;
}
.alerteinfo
{
	text-align:center;
	color:#aea08f;
	font-size:15px;
	margin-top:5px;
}

.table_invites input:not([type="checkbox"])
{
	width: 100%;
}

.table_invites_donnees
{
	padding: 10px;
}

.table_invites_donnees, .table_invites
{
	display: flex;
}

.table_invites_donnees div, .table_invites div
{
	display: flex;
}

.table_invites_donnees div:nth-child(6n+1), .table_invites div:nth-child(6n+1) /*POUBELLE*/
{
	width: 7%;
	min-width: 25px;
}

.table_invites_donnees div:nth-child(6n+2), .table_invites div:nth-child(6n+2) /*GROUPE*/
{
	width: 10%;
}

.table_invites_donnees div:nth-child(6n+3), .table_invites div:nth-child(6n+3) /*NOM*/
{
	width: 26.5%;
}

.table_invites_donnees div:nth-child(6n+4), .table_invites div:nth-child(6n+4) /*PRENOM*/
{
	width: 26.5%;
}

.table_invites_donnees div:nth-child(6n+5), .table_invites div:nth-child(6n+5) /*VIN D'HONNEUR*/
{
	width: 15%;
}

.table_invites_donnees div:nth-child(6n+6), .table_invites div:nth-child(6n+6) /*REPAS*/
{
	width: 15%;
}

.table_invites img
{
	height: 20px;
	margin: auto;
}

.conf_table
{
	margin: auto;
}

.conf_table img
{
	margin-left: 10px;
}

.cadre_ajout_invite
{
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	margin: 15px auto;
}

.cadre_ajout_invite input
{
	width: 25%;
	margin-right: 10px;
}
/* FIN PAGE PARAMETRES COMPTE */

@media all and (max-width: 1300px)
{
	.part_b #url
	{
		width:100%;
	}
	.largeur_site, .largeur_marginV, footer
	{
		width: 75%;
	}

	.couverture
	{
		height: 200px;
	}

	.tableau_liste
	{
		width: 70%;
	}

	.tableau_conf
	{
		width: 100%;
	}

	.btn_authenti
	{
		padding: 5px 10px;
	}

	.notif_valid
	{
		width: 90%;
	}

	.cadre_ajout_invite
	{
		width: 80%;
	}

	.table_invites_donnees p
	{
		font-size: 15px;
	}

	.deuxtiers, .untiers, .cadre_faireP
	{
	width: calc(100% - 20px);
	margin-top:10px;
	}


@media all and (max-width: 1200px)
{
	#retourinfo
	{
		width:100%;
	}
	#retourinfo .notif
	{
		width:calc( 95% - 30px) !important;
	}
	.rub_espace
	{
		flex-direction: column;
		justify-content: center;
		margin: auto;
	}

	.rub_espace div
	{
		margin: 0px auto;
		text-align: center;
	}
	.deconnexion
	{
		margin:10px auto;
	}
	.nottabl
	{
		display:none;
	}	
}

@media all and (max-width: 600px)
{
	.notmobile
	{
		display:none;
	}
	.infos_compte .titre
	{
		margin-top:25px;
	}
	.alerteinfo
	{
		margin-top:15px;
	}
	#laissermessage, #retourinfo
	{
		width:100%;
	}
	#laissermessage .titre
	{
		padding:0px 10% 0px 10%;
	}
	#laissermessage textarea
	{
	max-width:80%;
	min-width:80%;
	min-height:150px;
	max-height:150px;
	}
	
	p, .column_btn_auth_conf
	{
		font-size: 15px;
	}

	.largeur_site, .largeur_marginV, footer
	{
		width: 90%;
	}

	.tableau_conf
	{
		justify-content: center;
	}

	.confirm_partie_g
	{
		width: 90%;
		margin: auto;
		margin-bottom: 5px;
		display: flex;
	}

	 .confirm_partie_d
	{
		width: 100%;
		margin: auto;
		margin-bottom: 30px;
	}

	.couverture
	{
		height: 150px;
	}

	.tableau_liste
	{
		width: 100%;
	}

	.prenom_conf
	{
		display: block;
		text-align: right;
		margin-right: 10px;
	}

	.nom_conf
	{
		width: 50%;
		display: block;
		margin: auto;
	}

	.rubrique_connexion input[type=search]
	{
		width: 100% !important;
	}

	.notif_valid
	{
		width: calc(100% - 14px);
	}

	.column_btn_auth_conf
	{
		width: auto;
	}

	.cadre_ajout_invite
	{
		width: 100%;
		justify-content: space-between;
	}

	.donnees_maries
	{
		flex-direction: column;
	}

	.donnees_maries input[type="text"]
	{
		width: calc(100% - 10px);
		margin: 5px 0px;
	}

	.table_invites_donnees p
	{
		text-align:center;
		font-size: 10px;
	}
	
	
	
	 .table_invites ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .table_invites :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
   .table_invites  ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    .table_invites :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }

    .table_invites ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .table_invites :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent;
    }
    .table_invites ::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent;
    }
    .table_invites :-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent;
    }
	
	
	

	.rub_choix_lien .flex
	{
		flex-direction: column;
	}

	.rub_choix_lien .flex p, .rub_choix_lien .flex input
	{
		margin: auto;
	}

	.cadre_ajout_invite button
	{
		margin: 0px;
	}
}