body{
	background-color: #f9f9f9;
}

blockquote{
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.7);
	border-radius: 5px;
	padding: 2em;
	text-align: center;
	background-color: white;
	transition: all 250ms ease;
}

blockquote:hover{
	/*transform: scale(1.02);*/
	box-shadow: 0px 0px 15px -10px;
}

#blocCitation{
	padding-top: 2em;
	margin-left: 10em;
	margin-right: 10em;
	text-align: center;
}

.bloc{
	transition: all 250ms ease;
}

.bloc:hover{
	transform: scale(1.02);
}

.phrase{
	display: flex;
	flex-direction: row;
	text-align: center;
    justify-content: space-between;
}

.guillemets{
	width: 2em;
	height: 100%;
	margin-top: 0em;
}

.guillemets#debut{

}

.guillemets#fin{
	transform: rotate(180deg);
}

.citation{
	font-size: 1em; 
	height: 3em; 
	font-style: italic;
	margin-right: 1em;
	margin-left: 1em;
}

.imageAuteur{
	width: 100%;
	height: auto;
}

#imageAuteur{
	width: 7em;
	height: auto;
	border-radius: 50% 50% 50% 50%;
	margin-left: 46%;
	margin-top: 11em;
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.7);
	transition: all 250ms ease;
}

#imageAuteur:hover{
	box-shadow: 0px 0px 15px -10px;
	transform: scale(1.07);
}

.blockquote-footer{
	padding-top: 1em;
}

.btnGenerate{
	margin-top: 2em;
	border: none;
	transition: all 250ms ease;
}

.btnGenerate:hover{
	transform: scale(1.08);
	background-color: rgb(183, 32, 45);
}

#generateActionEns1{
	margin-left: 0em;
	background-color: rgb(183, 32, 45);
	color: white;
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.7)!important;
}

#generateActionEns2{
	margin-left: 5em;
	background-color: white;
	color: rgb(183, 32, 45);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.7)!important;
}

#generateActionEns1:hover, #generateActionEns2:hover{
	box-shadow: 0px 0px 15px -10px rgba(0,0,0,0.7)!important;
}

.onglet{
	margin-top: 8em;
	padding: 0.2em;
	background-color: #E5E5E5;
	border-radius: 5px;
	width: 30.7em;
}

.onglet button{
	background-color: transparent!important;
	border: none;
	color: black!important;
	border-radius: 5px!important;
}

.onglet button:disabled{
	background-color: transparent!important;
	color: grey!important;
}

.onglet button:enabled{
	background-color: transparent!important;
}

.onglet button.active{
	background-color: white!important;
	box-shadow: 0px 2px 5px -3px!important;
}

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

input, textarea, button{
	outline: none;
}

input:focus, textarea:focus, button:focus{
	border: none;
	box-shadow: transparent;
}

input:active, textarea:active, button:selection{
	border: none;
	box-shadow: transparent;
}

.btn, btn-primary, btn-primary.focus, .btn-primary:focus, btn-primary:focus, btn-primary:active, .btn:active{
	box-shadow: none!important;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 4.75px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-thumb:active {
  background: #C6626B;
  box-shadow: none;
}
input[type=range]::-webkit-slider-thumb:hover {
	background: #C6626B;
  box-shadow: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: rgba(0, 0, 0, 0.09);
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.9px solid #ffffff;
  height: 18px;
  width: 18px;
  border-radius: 50px;
  background: #b7202d;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -4.75px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(15, 15, 15, 0.09);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  background: rgba(0, 0, 0, 0.09);
  border-radius: 25px;
  border: 0px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.9px solid #ffffff;
  height: 18px;
  width: 18px;
  border-radius: 50px;
  background: #b7202d;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.09);
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.09);
  border: 0px solid #010101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
  border: 0.9px solid #ffffff;
  height: 18px;
  width: 18px;
  border-radius: 50px;
  background: #b7202d;
  cursor: pointer;
  height: 8.5px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.09);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(15, 15, 15, 0.09);
}