@charset "utf-8";

body {
	background-image: url("images/img_fond.jpg");
	background-position: top center;
	margin: 0;
	padding: 0;
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
}

a {
	color: #dc583f;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

.header {
	width: 1170px;
	height: 599px;
	display: block;
	background-image: url( "images/img_header.jpg");
	margin: auto;
	position: relative;
}
.header a {
  width: 395px;
  height: 349px;
  display: block;
  left: 160px;
  position: absolute;
  top: 147px;
}

.bloc_titre {
	width: 700px;
	margin: auto;
}

.bloc_titre h1 {
	font-size: 185px;
	text-align: center;
	color: #dc583f;
	text-transform: uppercase;
	margin-top: 10px;
  	margin-bottom: 0px;
}

.bloc_titre h2 {
	font-size: 53px;
	text-align: center;
	color: #dc583f;
	text-transform: uppercase;
    margin-top: -55px;
    margin-bottom: 0px;
    letter-spacing: 5px;
}

.bloc_titre span {
	font-size: 13px;
	text-align: left;
	color: #000000;
}
.bloc_titre span a {
	color: #000000;
	text-decoration: underline;
}

.bloc_titre span a:hover {
	text-decoration: none;
}

h3 {
	font-size: 30px;
	text-align: center;
	color: #dc583f;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-weight: 100;
	margin-top: 50px;
}


.bloc_formulaire {
	width: 700px;
	margin: auto;
}

input#nom,
input#prenom,
input#telephone,
input#email {
  border-radius: 20px;
  text-align: center;
  height: 50px;
  width: 290px;
  font-size: 20px;
  font-family: "Anton", sans-serif;
  margin-bottom: 10px;
  border: none;
  color: #adadad;
}

.gauche {
  float: left;
  margin-left: 15px;
}
.droite {
  float: right;
  margin-right: 15px;
}
#nom_restau {
  width: 95%;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 20px;
  text-align: center;
  height: 50px;
  font-size: 20px;
  font-family: "Anton", sans-serif;
  margin-bottom: 10px;
  border: none;
  color: #adadad;
}

span.reglement {
  text-align: center;
  display: block;
  margin-top: 15px;
  margin-bottom: 6px;
  font-family: arial;
  font-size: 15px;
}

span.reglement a {
  text-decoration: underline;
  color: #000000;
}
span.reglement a:hover {
  text-decoration: none;
  color: #000000;
}

input#btn_validation,
input#btn_validation_2 {
  border-radius: 20px;
  text-align: center;
  height: 50px;
  width: 290px;
  font-size: 20px;
  font-family: "Anton", sans-serif;
  margin-bottom: 10px;
  border: none;
  background-color: #dc583f;
  color: #ffffff;
  margin: auto;
  display: block;
  margin-top: 20px;
}
input#btn_validation:hover,
input#btn_validation_2:hover {
  opacity: 0.8;
}

.bloc_quizz {
	width: 700px;
	margin: auto;
	padding-bottom: 80px;
}

.mini_texte_quizz {
  font-family: arial;
  font-size: 12px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: justify;
  line-height: 14px;
  display: block;
}

.bloc_question_reponse {
	height: 140px;
}

.question {
  display: block;
  margin: auto;
  text-align: center;
  color: #dc583f;
  font-size: 24px;
  margin-bottom: 20px;
}

.reponse a {
  border-radius: 20px;
  text-align: center;
  height: 50px;
  width: 290px;
  font-size: 20px;
  font-family: "Anton", sans-serif;
  margin-bottom: 10px;
  border: none;
  color: #adadad;
  background-color: #ffffff;
  display: inline-block;
  line-height: 50px;
  text-decoration: none;
}

.reponse a:hover, .reponse a.selected {
	background-color: #dc583f;
	color: #ffffff;
}

.desactive .reponse a:hover{
	color: #adadad;
	background-color: #ffffff;
}

.popup {
  display: block;
  position: fixed;
  text-align: center;
  z-index: 1000;
  border: 10px solid #dc5a40;
  padding: 50px 80px;
  background-image: url("images/img_fond.jpg");
  width: 300px;
  margin: auto;
  left: 50%;
  top: 100px;
  margin-left: -240px;
}
.popup h3 {
	font-size: 30px;
	text-align: center;
	color: #dc583f;
	text-transform: uppercase;
	margin-bottom: 8px;
	font-weight: 100;
	margin-top: 70px;	
}
.popup .btn_validation {
	border-radius: 20px;
  text-align: center;
  height: 38px;
  width: 200px;
  font-size: 15px;
  font-family: "Anton", sans-serif;
  margin-bottom: 10px;
  border: none;
  background-color: #dc583f;
  color: #ffffff;
  margin: auto;
  margin-top: auto;
  display: block;
  line-height:36px;
  text-decoration: none;
}
.popup .btn_validation:hover {
  opacity: 0.8;
}

.popup.hidden{
	display: none;
}

.desactive{
	opacity: 0.4;
}

#popup_errors h3 {
	margin-top: 0;
}

#popup_errors .popup__content p{
	font-size: 16px;
	margin: 5px 0;
}

/*PAGE DIVERS*/

.bloc_divers {
  width: 1110px;
  margin: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.bloc_divers .titre_divers {
	font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 20px;
}

.bloc_divers p {
font-family: arial;
  text-align: justify;
  line-height: 22px;
  font-size: 15px;
}

.bloc_footer {
	width: 1170px;
	height: 135px;
	text-align: center;
	margin: auto;
	text-transform: uppercase;
	background-color: #dc583f;
	color:#f7e5d5;
	padding-top: 20px;
	font-size: 28px;
	margin-top: 50px;
}
.bloc_footer a {
	color:#f7e5d5;
	text-decoration: none;
}
.bloc_footer a:hover {
	opacity: 0.7;
}