@import url(https://fonts.googleapis.com/css?family=Istok+Web);

html{
	
	background-image: url(contenus/background.png);
	

}


body
{
	text-align: center;
	font-family: 'Istok Web', Verdana, "Trebuchet MS",  Arial;
	font-size: 110%;
	max-width:970px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	background-color: white;
	min-height: 700px;
	height: 100%;
	
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
}
	
form
{
	line-height:200%;
}
.error{
	color: red;	
	font-weight: bold;
}
.sucess{
	color: green;
	font-weight: bold;
}
ul{
	list-style-type: none;
	line-height: 150%;
}
hr{
	margin-top: 20px;
}



/* ENTETE */
#menu1{
	display: flex;
	align-items: center;
	font-size: 80%;
	justify-content: flex-end;
}
#menu2
{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	margin:  0px 30px 0px 30px;
}
nav a
{
	color: black;
	
}
#menu2 a
{	
	font-size: 120%;	
	text-decoration: none;
}

@media (max-width: 620px){
	#menu2
	{
		flex-direction: column;
		
	}
	#menu2 hr{
		display: none;
	}
}
/* FLASHS */
#flash{
	
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
	font-family: Arial;
	border-radius: 40px;
	background-color: #f5f5f5;
}



/*Pied de page*/
footer{
	
	font-size: 70%;
	padding-bottom: 20px;



}


/*ESP CONDUC + Planning*/
.content1{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.content2{
	margin: 10px 60px 30px 60px;
	
}

/*formulaires gestion eleveurs*/

.gest_elev{
	max-width: 600px;
	margin: auto;

}
.gest_elev input{
	margin-bottom : 20px; 

}

.departC, .departT {

 border-width:1px;
 border-style:dotted;
 border-color:black;
 margin-bottom: 10px;

 
}

#tournee, #chargee {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.departT, .departC {
	margin: 20px;
	padding: 5px;
	padding: 20px;
}

#chauffeur {
border-width:1px;
border-style:solid;
border-color:black;
padding: 5px  40px;
}

#horaire {
 border-width:1px;
 border-style: solid;
 border-color:black;
 padding:  5px 40px; 
}
#numero {
border-width:1px;
 border-style: solid;
 border-color:black;
 padding:  5px 40px; 
}

#top {
	justify-content: space-between;
	display: flex;
	margin-top: 20px;
	margin-bottom: 20px;

}

#livraison, #rechargement {
border-width:1px;
 border-style: solid;
 border-color:black;
 margin: 20px;
 padding-bottom: 20px;

}

.détail {
border-width:1px;
border-style: solid;
border-color:black;
padding: 5px;
display: flex;
justify-content: space-between;
}

#heure{
	text-align: right;
}

.select{
	display : flex;
	justify-content: center;
}

table
{
    border-collapse: collapse;
    margin: auto;
	font-size: 16px;
	
}
td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
	
}