body {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
	background-image:url(../images/arp.jpg);
	background-repeat:repeat-x;
}
table {
	font-size:1em;
	padding:0;
	margin:0;
	font-style: normal;
}
p { margin: 0; }
.p3 { margin: 3px 0; }
form { margin:0; }
.textegris { color:#999999; }
.imagecadre { border:3px solid #CCCCCC; }
.imageleft  { float:left; margin: 0 10px 10px 0; }
.imageright { float:right; margin: 0 0 10px 10px; }
.vert { color:#068929; }
/* ----- les liens */
a:link,
a:visited,
a:active {
	color: #CC0000;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.avert:link,
.avert:visited,
.avert:active {
	color: #068929;
	text-decoration: underline
}
.avert:hover {
	color: #006600;
	text-decoration: none
}
/* ----- le footer */
.agris:link,
.agris:visited,
.agris:active {
	color: #666666;
	text-decoration: none
}
.agris:hover {
	color: #000000;
	text-decoration: none
}
/* ----- Le menu vertical */
.menuv {
	float:none;
	margin:0;
	padding:0;
	width:100%;
}
.menuv ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
.menuv li {
	border-bottom:1px solid #ffffff;
	margin-bottom:0;
	padding:0; }
.menuv a:link,
.menuv a:active,
.menuv a:visited {
	display: block;
	background-color:#541C01;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	border-bottom:1px solid #054586;
	margin: 0px;
}
.menuv a:hover {
	background-color: #180903;
	color: #ffffff;
	text-decoration: none;
}
.menuv .avert:link,
.menuv .avert:active,
.menuv .avert:visited {
	display: block;
	background-color:#B71F09;
	color: #ffffff;
	text-decoration: none;
	padding: 5px;
	border-bottom:1px solid #990000;
	margin: 0px;
}
.menuv .avert:hover {
	background-color: #8E2309;
	color: #ffffff;
	text-decoration: none;
}
.menuv .avert.primary:link,
.menuv .avert.primary:active,
.menuv .avert.primary:visited {
	background-color:#006600;
	border-bottom:1px solid #003600;
}
/* ----- Les titres */
h1 { /* Titre des pages */
	color:#000000;
	border-bottom:1px dotted #CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight: bold;
	font-size:1.5em;
	margin: 0 0 15px 0;
	padding: 5px 0;
}
h2 { /* Titre des sous pages */
	color:#990000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-style:normal;
	font-weight:bold;
	margin: 10px 0;
	padding: 0
}
h3 { /* Petits titres */
	color:#cc0000;
	font-size:1em;
	font-style:normal;
	font-weight:bold;
	padding: 5px 0;
	margin: 0;
}
/* ---- Div gauche --------- */
.divgauche {
	background-color:#FFFFFF;
	margin:10px auto;
	width:90%;
	padding: 10px;
	border:1px dotted #999;
	text-align:center;
}
/* ---- le parc auto ---- */
#listeparc{
	border-bottom: 1px solid #e0e0e0;
	overflow: visible;
}
#listeparc h1{ /* Liens des boxes photos */
	display:block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:normal;
	font-size:1.3em;
	color: #ffffff;
	background-color:#333333;
	padding:6px 0;
	text-indent: 6px;
	margin:0;
	clear: both
}
#listeparc h2{
	color:#000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	font-weight:bold;
	font-size:1.1em;
	margin: 5px 0;
	padding: 0;
}
#listeparc .vehicule{
	border-bottom: 1px solid #e0e0e0;
	width:180px;
	float:left;
	text-align:center;
	margin: 0 10px 15px 0;
}
#listeparc .vehicule-selecte{
	border: 1px solid #e0e0e0;
	width:180px;
	float:left;
	text-align:center;
	margin: 15px 10px 15px 0;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
}
#listeparc .vehicule_details{
	border-left: 1px solid #e0e0e0;
	width:100px;
	text-align:left;
	margin:5px 0;
	padding:2px 8px;
	float:left;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font-family: Arial, sans-serif;
	background-color: #f4f4f4;
	color: #333;
}

.container {
	max-width: 920px;
	margin: 0 auto;
	padding: 20px;
}

.main-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* Style pour les sections de contenu */
.content-section {
	background-color: #fff;
	border-radius: 8px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.content-section h2 {
	margin-bottom: 15px;
	color: #000;
}

.content-section p {
	line-height: 1.6;
}

/* Flex layout for multiple sections */
.flex-row {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.flex-col {
	flex: 1;
}
.flex-col.no-styling{
	padding: 1px;
	border-radius: 0px;
	box-shadow: none;
}

.left-bar{max-width:30%;background-color: #FBEAD0;}

/* Responsiveness */
@media (max-width: 768px) {
	.flex-row {
		flex-direction: column;
	}
	.left-bar{max-width:100%;}
}

header{
	background-image: "/arp-haut.jpg";
}

footer {
	text-align: center;
	padding: 20px;
	background-color: #333;
	color: #fff;
	margin-top: 40px;
}
.float-start{float: inline-start;}
.float-end{float: inline-end;}
.text-end{text-align:end;}
p{text-align: justify;}
input[type='text'], textarea,input[type='email'],select{width:100%;}
footer a{color:#FFF!IMPORTANT}