/* ********************************************** */
/* Fichier CSS principal de l'application     */
/* ********************************************** */

body {
	font-weight: normal;
	font-family: 'Roboto', arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #4b4b4b;
	font-style: normal;
}

a,
a:visited {
	color: dodgerblue;
}

a:hover {
	color: dodgerblue;
}

a img {
	border: none;
}

div.main {
	background-color: #fff;
	border: 2px solid #888;
	padding: 0;
	margin-bottom: 20px;
}

div.logo_header {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}

div.logo_header img {
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #888;
	;
}

div.logo_ur img {
	width: 100px;
}

.title_main {
	margin-bottom: 40px !important;
	color: #00625C !important;
	font-size: 1.40em !important;
}

.title_faq {
	padding: 0 !important;
	margin-top: 60px !important;
	margin-bottom: 20px !important;
	color: #00625C !important;
	font-size: 1.3em !important;
}

.text-start {
	text-align: justify !important;
	padding: 1rem !important;
}

table.questionnaire td {
	padding: 0 20px;
}

div#affiche {
	margin-top: 60px;
}

img.affiche {
	border: 1px solid #AAA;
}

div#faq {
	margin-top: 90px !important;
}


/* --- Règles spécifiques pour les GRANDS ÉCRANS (992px et plus) --- */
@media (min-width: 992px) {

	.text-start {
		padding: 0 30px !important;
		margin-bottom: 10px !important;
	}


}

/* --- Règles spécifiques pour les PETITS ÉCRANS (moins 992px) --- */
@media (max-width: 992px) {
.title_main, .title_faq {
		margin-left: 1rem !important;
	}
}