@font-face {
    font-family: 'aquawax';
    src: url('https://www.btp-service.com/polices/aquawax.ttf');
}

@font-face {
    font-family: 'simply';
    src: url('https://www.btp-service.com/polices/simply.ttf');
}

@media screen and (orientation: portrait)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/bg_header.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: flex;
	}

	body
	{
		background-color: rgb(132,167,215);
	}
}

@media screen and (max-width: 900px)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/bg_header_small.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: none;
	}

	body
	{
		background: url(https://www.btp-service.com/image/Back.jpg);
	}
}



@media screen and (min-width: 900px) and (max-width: 1200px) and (max-height: 1200px)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/bg_header.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: none;
	}

	body
	{
		background: url(https://www.btp-service.com/image/Back.jpg);
	}
}

@media screen and (min-width: 900px) and (max-width: 1200px) and (min-height: 1200px)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/bg_header.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: none;
	}

	body
	{
		background-color: rgb(132,167,215);
	}
}

@media screen and (min-width: 1200px) and (max-width: 1500px)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/hitachi_petit.png) no-repeat left top, url(https://www.btp-service.com/image/merlo_petit.png) no-repeat right top, url(https://www.btp-service.com/image/bg_header.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: flex;
	}

	body
	{
		background: url(https://www.btp-service.com/image/Back.jpg);
	}
}

@media screen and (min-width: 1500px)
{
	header
	{
		/*background-color: rgb(21,84,105);*/
		display: flex;
		justify-content: flex-end;
		background: url(https://www.btp-service.com/image/hitachi_petit.png) no-repeat left top, url(https://www.btp-service.com/image/merlo_petit.png) no-repeat right top, url(https://www.btp-service.com/image/bg_header.jpg) no-repeat center top;
		background-color: rgb(10,74,99);
		height : 129px;
	}

	.connexion
	{
		display: flex;
	}

	body
	{
		background-color: rgb(132,167,215);
	}
}

p img
{
	padding-top: 0px;
}
strong
{
	color: red;
}

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

.menu
{
	/*position: fixed;*/
}

nav
{
	background-color: rgb(245,202,1);
	background-image:-webkit-linear-gradient(top, #f5ca01 20%, #967c03 100%);
   	background-image: linear-gradient(to bottom, #f5ca01 20%, #967c03 100%);
	font-family: simply;
	color: white;
	font-size: 2em;
	padding: 0px;
	margin: 0px;
}

.barre_transparence
{
	background: url(https://www.btp-service.com/image/barre_transparence2.png);
	opacity: 1;
	height: 10px;
	background-repeat: repeat-x;
}

.barre_transparence_inverse
{
	background: url(https://www.btp-service.com/image/barre_transparence_inverse.png);
	opacity: 1;
	height: 12px;
	background-repeat: repeat-x;
}

nav ul
{
	display: flex;
	justify-content: center;
	list-style: none;
	border: blue 10px;
	height: 100%;
	padding: 0px;
	margin: 0px;
}

.menu_principal li
{
	/*color: rgb(21,84,105);*/
	margin-right: 20px; 
	height: 100%;
}

.menu_principal img
{
	margin-top: 5px;
}

.img_bouton_1
{

	width: 50px;
	height: 50px;
}

.img_bouton_2
{
	width: 80px;
	height: 50px;

}


.img_bouton_3
{
	width: 50px;
	height: 50px;
}
/*.menu_principal img:nth-child(2)
{
	width: 110px;
}*/

.menu_actif
{
	text-shadow: 2px 2px 4px black;

}

.menu_actif a
{
	color: rgb(10,74,99);
}

h1
{
	border-bottom: outset rgba(255,255,255,1) 2px;
	margin: 0px;
	padding-left: 10px;
	background-color: white;
	color: rgb(10,74,99);
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 0px;
	font-family: simply;
	text-align: left;
	font-size: 1.5em;
}

body
{
	margin: 0px;
}

.contenue
{
	margin: 50px;
	margin-top: 0px;
	width: 80%;
	max-width: 850px;
	/*border: outset blue 2px;*/
	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;
	box-shadow: 4px 4px 4px black;
	text-align: center;
	padding-bottom: 32px;
	margin-bottom: 0px;
}

a:hover /* Apparence au survol des liens */
{
 	
 	text-shadow: 2px 2px 4px black;
}

.menu_actif:hover
{
	background-color: red;
}

.menu_principal li:hover
{
	background-color: rgb(10,74,99);
}

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

footer
{
	display: flex;
	flex-direction: line;
	justify-content: space-around;
	background-color: rgb(10,74,99);
	color: white;
}

.principal
{
	display: flex;
	padding: 20px;
	justify-content: center;

}

.menu_location
{
	list-style: none;
	border: rgb(10,74,99) 2px outset;
	margin: 0px;
	padding: 0px;
	background-color: rgba(10,74,99,0.5);
	color: white;
	text-align: center;
	width: 10%;
	font-family: simply;
	box-shadow: 4px 4px 4px black;
	/*height : 600px;*/

}

.menu_location li
{
	border-bottom: white outset 2px;
	margin-top: 15px;
	padding-bottom: 15px;
	color: white;
}

.menu_location li li
{
	max-height: 0;
}

.menu_location a
{
		color: white;
		display: block;

}

#menu_locationn li:hover li {
  max-height: 15em;
}

.menu_location a:hover
{
		background-color: white;
		
}

h2
{
	border-bottom: outset rgba(255,255,255,1) 2px;
	margin: 0px;
	padding: 2px;
	background-color: rgb(10,74,99);
	color: rgb(245,202,1);
}

h3
{
	border-bottom: outset rgba(255,255,255,1) 2px;
	margin: 0px;
	padding: 2px;
	background-color: rgb(10,74,99);
	color: rgb(245,202,1);
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 0px;
	font-family: simply;
}

.connexion
{
	border: rgb(10,74,99) 2px outset;
	margin: 0px;
	padding: 0px;
	background-color: rgba(10,74,99,0.5);
	color: white;
	text-align: center;
	width: 15%;
	font-family: simply;
	box-shadow: 4px 4px 4px black;
	min-height: 600px;
	flex-direction: column;
	height: 100%
}

.connexion a
{
	color: white;
}

.menu_partenaire
{
	align-self: flex-end;
}
.partenaire
{
	/*border: outset red 2px;*/
	padding:0px;
	background-color: white;
}

.logo_hitachi
{
	/*border: outset yellow 2px;*/
	padding: 0px;
}

.bouton_connexion
{
	border: none;
	border-radius: 10px;
	color: white;
	background-color: rgb(245,202,1);
	box-shadow: 2px 2px 2px black;
	font-family: simply;
	font-size: 1.3em;
}

.bouton_connexion:hover
{
	background-color: rgb(205,162,0);

}

.bouton_suivant
{
	border: none;
	border-radius: 10px;
	color: white;
	background-color: rgb(245,202,1);
	box-shadow: 2px 2px 2px black;
	font-family: simply;
	font-size: 1.3em;
	margin-top: 15px;
	margin-right: 10px;
	float: right;
}

.bouton_suivant:hover
{
	background-color: rgb(205,162,0);

}

.bouton_precedent
{
	border: none;
	border-radius: 10px;
	color: white;
	background-color: rgb(245,202,1);
	box-shadow: 2px 2px 2px black;
	font-family: simply;
	font-size: 1.3em;
	margin-top: 15px;
	margin-left: 10px;
	float: left;
}

.bouton_precedent:hover
{
	background-color: rgb(205,162,0);

}

.espace_connecte
{
	min-height: 285px;
}

.yellow
{
	color: yellow;
}

.bouton_rouge
{
	border: none;
	border-radius: 10px;
	color: white;
	background-color: red;
	background-image:-webkit-linear-gradient(top, #FF0000 10%, #5D0000 100%);
   	background-image: linear-gradient(to bottom, #FF0000 10%, #5D0000 100%);
	box-shadow: 2px 2px 2px black;
	font-family: simply;
	font-size: 1.3em;
}

.bouton_verification
{
	border: none;
	border-radius: 50% 20% / 10% 40%;
	color: white;
	background-color: red;
	background-image:-webkit-linear-gradient(top, #FF0000 10%, #5D0000 100%);
   	background-image: linear-gradient(to bottom, #FF0000 10%, #5D0000 100%);
	box-shadow: 2px 2px 2px black;
	font-family: simply;
	font-size: 1em;
	height: 50px;
	width: 120px;
}

.bouton_verification:hover
{
	background-color: #FA3636;
	background-image:-webkit-linear-gradient(top, #FA3636 10%, #D70000 100%);
   	background-image: linear-gradient(to bottom, #FA3636 10%, #D70000 100%);
}

.telephone
{
	color: red;
	text-shadow: 1px 1px 0px white, 2px 2px 0px white, 3px 3px 2px black;
	font-size: 3em;
}

.red_shadow
{
	color:  rgb(10,74,99);
	font-weight:bold;
	text-shadow: 1px 1px 1px black;

}

.red_text
{
	color: red;
	font-size: 2em;
}

.fond_blanc
{
	background-color: white;
	border-top: 1px solid rgb(10,74,99);
	border-bottom: 1px solid rgb(10,74,99); 

}

.conteneur
{
	display: flex;
}

.cinquante
{
	width: 50%;
}

.cinquante_gauche
{
	width: 50%;
	text-align: left;
	margin-left: 3%;
}

.untiers
{
	width: 33%;
}
.vingt-cinq
{
	width: 25%;
	text-align: left;
}
.separateur
{
	border-top: 1px solid rgba(10,74,99, 0.5);
	width: 50%;
	margin-left: 25%;
	margin-bottom: 20px;
}

.vingt-cinq:first-child
{
	margin-left: 25%;
}

.vingt-cinq input , .vingt-cinq textarea, .vingt-cinq select
{
	width: 100%;
}

.entry_error
{
    color:red;
    font-weight: bold;
}

.link
{
	color: blue;
	text-decoration: underline; 
	font-weight: bold;
}