/***********************************************************************************************************************
Fichier shipmembers.php
***********************************************************************************************************************/
#Shipmembers		h2		{
	margin-bottom: 30px;
}
#Shipmembers		.message	p	{
	text-align: justify;
}


#Shipmembers		.boutons_bas_de_page 		a 	{
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
	text-align: center;
	margin: 10px 0px 30px 0px;
	display:block;
}
#Shipmembers		.boutons_bas_de_page	 	a:hover 	{
	color: var(--bleu_koriolan);
}
#Shipmembers		.boutons_bas_de_page	 	button		{
	display:block;
	margin: 10px 0px 30px 0px;
	width: 100%;
}


/*--------------------------------------------------*/
#Shipmembers		#login		 form 	{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap:40px;
	row-gap:80px;
	align-items: start;
}


#Shipmembers		#login		.login		{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:20px;
}
#Shipmembers		#login		.login		.message_login		{
	text-align: justify;
}
#Shipmembers		#login		.login		.champs	{
	
	display: grid;
	grid-template-columns: 1fr;
}
#Shipmembers		#login		.login		.champs		.champs_titre	{
	text-align: left;
}
#Shipmembers		#login		.login		.champs		.champs_valeur	{
	text-align: left;
}
#Shipmembers		#login		.login		.champs		.champs_valeur	input		{
	text-align: left;
}
#Shipmembers		#login		.login		.champs		.champs_valeur	textarea		{
	border:1px solid var(--bleu_koriolan);
	border-radius: 10px;
	text-align: left;
}

/*--------------------------------------------------*/
#Shipmembers		#activation		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:80px;
	align-items: start;
}
#Shipmembers		#activation		.shipmember		{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}

#Shipmembers		#activation		.shipmember		.lignes {
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}
#Shipmembers		#activation		.shipmember		.ligne {
	display: grid;
	grid-template-columns: 1fr 3fr;
}
#Shipmembers		#activation		.shipmember		.ligne	.titre_ligne {
	border-bottom: 1px solid var(--bleu_koriolan);
}



/*--------------------------------------------------*/
#Shipmembers		#generation_mdp		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:80px;
	align-items: start;
}
#Shipmembers		#generation_mdp		.shipmember		{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}

#Shipmembers		#generation_mdp		.shipmember		.lignes {
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}
#Shipmembers		#generation_mdp		.shipmember		.ligne {
	display: grid;
	grid-template-columns: 1fr 3fr;
}
#Shipmembers		#generation_mdp		.shipmember		.ligne	.titre_ligne {
	border-bottom: 1px solid var(--bleu_koriolan);
}


/*--------------------------------------------------*/
#Shipmembers		#accueil		  	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
	align-items: start;
}
#Shipmembers		#accueil		.message  	{
	text-align: justify;
}

/*--------------------------------------------------*/
#Shipmembers	#administration		table	{
	width: 100%;
	margin: 20px 0px 50px 0px;
}
#Shipmembers	#administration		table	th		{
	text-align: center;
	padding: 3px 10px;
}
#Shipmembers	#administration		table	td		{
	border-top: 1px solid var(--gris_tres_tres_pale);
	text-align: left;
	padding: 3px 10px;
	font-size: 0.9em;
}
#Shipmembers	#administration		table	td:nth-child(3)			{
	text-align: center;
}
#Shipmembers	#administration		table	td		a 	{
	margin: 0px;
	padding: 0px;
}


/*--------------------------------------------------*/
#Shipmembers	#details		table	{
	width: 100%;
	margin: 20px 0px 50px 0px;
}
#Shipmembers	#details		table	td		{
	border-top: 1px solid var(--gris_tres_tres_pale);
	text-align: left;
	padding: 3px 10px;
	font-size: 0.9em;
}



/*--------------------------------------------------*/
#Shipmembers		#profil		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
	align-items: start;
}


#Shipmembers		#profil		.profil		{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}

#Shipmembers		#profil		.profil		.champs	{
	
	display: grid;
	grid-template-columns: 1fr 3fr;
}
#Shipmembers		#profil		.profil		.champs		.champs_titre	{
	text-align: left;
	padding-left:20px;
	line-height: 30px;
	background-color: var(--bleu_koriolan_transparent);
	border-bottom: 1px solid var(--bleu_koriolan);
	border-radius: 5px 0px 0px 5px;
}
#Shipmembers		#profil		.profil		.champs		.champs_valeur	{
	text-align: left;
	padding-left:20px;
	line-height: 30px;
	border-bottom: 1px solid var(--bleu_koriolan);
	border-radius: 0px 5px 5px 0px;
}






/*--------------------------------------------------*/
#Shipmembers		#modifier_profil		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
	align-items: start;
}
#Shipmembers		#modifier_profil		 .profil 	{
	display: grid;
	grid-template-columns: 1fr;
	row-gap:10px;
}
#Shipmembers		#modifier_profil		 .profil 	.message	{
	margin-top: 20px;
}



/*--------------------------------------------------*/
#Shipmembers		#historique		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
}


#Shipmembers		#historique		.liste_commandes		{
	display: grid;
	grid-template-columns: 1fr;
	text-align: center;
}
#Shipmembers		#historique		.liste_commandes	.titre	{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
	line-height:40px;
}
#Shipmembers		#historique		.liste_commandes	.commande	{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	line-height:30px;
}
#Shipmembers		#historique		.liste_commandes	.commande:nth-child(even)		{
	background-color: var(--bleu_koriolan_transparent);
}

#Shipmembers		#historique		.liste_commandes	.commande 	.prix_ttc	{
	text-align: right;
}
#Shipmembers		#historique		.liste_commandes	.commande 	.download	a	{
	line-height:30px;
}
#Shipmembers		#historique		.liste_commandes	.commande 	.download	img	{
	width: 30px;
	vertical-align: middle;
}



/*--------------------------------------------------*/
#Shipmembers		#bateau		 form 	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
	/* align-items: start; */
}
#Shipmembers		#bateau		 form 	a	{
	display: grid;
	grid-template-columns: 1fr;
	column-gap:40px;
	row-gap:80px;
	/* align-items: start; */
}
#Shipmembers		#bateau 	.acces_bateau	a 	{
	background-color: var(--bleu_koriolan_fonce);
	color: var(--blanc);
	text-align: left;
	padding-left: 20px;
	margin: 10px 30px 30px 30px;
	display:block;
}
#Shipmembers		#bateau	 	.acces_bateau 	a:hover 	{
	color: var(--bleu_koriolan);
}
#Shipmembers		#bateau	 	.acces_bateau	button		{
	display:block;
	margin: 10px 0px 30px 0px;
	width: 100%;
}