h1{
    color: #0076bd;
    font-weight: 400;
    margin: 0 1% 0.1rem;
    text-align: center;
}

body{
	background-color: #f1f1f1;
	font-family: "Francois One", "Open Sans Condensed", "Arial Narrow", sans serif;
	line-height: 1;
   font-style: normal;
   padding: 0;
   font-size: 20px;
}

.logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 33vw;
	max-height: 33vh;
}

.choix_mode {
	max-width: 616px;
	display: block;
	margin: auto;
}

.rad-infitif {
	float: left;
}

.rad-subjonctif {
    float: left;
}

.rad-indicatif {
	float: left;
}

.rad-conditionnel{
	float: left;
}

.rad-impe{
	float: left;
}

.rad-participe{
	float: left;
}

.rad-all{
	float: left;
}


.input-verb {
	max-width: 616px;
	display: block;
	margin: auto;
}

.text-verb {
	width: 97%;
	display: block;
}


.car_speciaux {
    margin-top: -5px;
    margin-bottom: -12px;
    max-width: 315px;
    float: left;
    margin-left: 10px;
}

.button-ajout {
	outline: 0;
	-webkit-appearance: button;
	cursor: pointer;
	border-radius: 0;
	text-align: center;
	line-height: 1;
	transition: background-color .25s ease-out,color .25s ease-out;
	border: 1px solid transparent;
	padding: .85em 1em;
	margin: 0 0 1rem;
	font-size: .9rem;
	background-color: #2199e8;
	color: #fefefe;
	font-weight: bold;
}

.button-ajout:hover {
	box-shadow: 0 0 10px 2px #FFFF00;
}

.button-summit-border{
	max-width: 635px;
	display: block;
	margin: auto;
}

.button-summit {
	float: right;
	outline: 0;
	-webkit-appearance: button;
	cursor: pointer;
	border-radius: 0;
	text-align: center;
	line-height: 1;
	transition: background-color .25s ease-out,color .25s ease-out;
	border: 1px solid transparent;
	padding: .85em 1em;
	margin: 0 0 1rem;
	font-size: .9rem;
	background-color: #2199e8;
	color: #fefefe;
	font-weight: bold;
}

.button-summit:hover {
	box-shadow: 0 0 10px 2px #FFFF00;
}

.verb-verbe {
	float: left;
	width: 385px;
	margin-right: 7px;
}