added voiture functions to tableauBord
parent
6bf770143a
commit
a9dc7b843d
@ -1,368 +0,0 @@
|
|||||||
|
|
||||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
||||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
||||||
<title>Apache2 Debian Default Page: It works</title>
|
|
||||||
<style type="text/css" media="screen">
|
|
||||||
* {
|
|
||||||
margin: 0px 0px 0px 0px;
|
|
||||||
padding: 0px 0px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body, html {
|
|
||||||
padding: 3px 3px 3px 3px;
|
|
||||||
|
|
||||||
background-color: #D8DBE2;
|
|
||||||
|
|
||||||
font-family: Verdana, sans-serif;
|
|
||||||
font-size: 11pt;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.main_page {
|
|
||||||
position: relative;
|
|
||||||
display: table;
|
|
||||||
|
|
||||||
width: 800px;
|
|
||||||
|
|
||||||
margin-bottom: 3px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
padding: 0px 0px 0px 0px;
|
|
||||||
|
|
||||||
border-width: 2px;
|
|
||||||
border-color: #212738;
|
|
||||||
border-style: solid;
|
|
||||||
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.page_header {
|
|
||||||
height: 99px;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
background-color: #F5F6F7;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.page_header span {
|
|
||||||
margin: 15px 0px 0px 50px;
|
|
||||||
|
|
||||||
font-size: 180%;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.page_header img {
|
|
||||||
margin: 3px 0px 0px 40px;
|
|
||||||
|
|
||||||
border: 0px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents {
|
|
||||||
clear: left;
|
|
||||||
|
|
||||||
min-width: 200px;
|
|
||||||
|
|
||||||
margin: 3px 3px 3px 3px;
|
|
||||||
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents_item {
|
|
||||||
clear: left;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
margin: 4px 0px 0px 0px;
|
|
||||||
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
|
|
||||||
color: #000000;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents_item a {
|
|
||||||
margin: 6px 0px 0px 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section {
|
|
||||||
margin: 3px 3px 3px 3px;
|
|
||||||
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text {
|
|
||||||
padding: 4px 8px 4px 8px;
|
|
||||||
|
|
||||||
color: #000000;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text pre {
|
|
||||||
margin: 8px 0px 8px 0px;
|
|
||||||
padding: 8px 8px 8px 8px;
|
|
||||||
|
|
||||||
border-width: 1px;
|
|
||||||
border-style: dotted;
|
|
||||||
border-color: #000000;
|
|
||||||
|
|
||||||
background-color: #F5F6F7;
|
|
||||||
|
|
||||||
font-style: italic;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text p {
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text ul, div.content_section_text li {
|
|
||||||
padding: 4px 8px 4px 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.section_header {
|
|
||||||
padding: 3px 6px 3px 6px;
|
|
||||||
|
|
||||||
background-color: #8E9CB2;
|
|
||||||
|
|
||||||
color: #FFFFFF;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 112%;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.section_header_red {
|
|
||||||
background-color: #CD214F;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.section_header_grey {
|
|
||||||
background-color: #9F9386;
|
|
||||||
}
|
|
||||||
|
|
||||||
.floating_element {
|
|
||||||
position: relative;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents_item a,
|
|
||||||
div.content_section_text a {
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents_item a:link,
|
|
||||||
div.table_of_contents_item a:visited,
|
|
||||||
div.table_of_contents_item a:active {
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.table_of_contents_item a:hover {
|
|
||||||
background-color: #000000;
|
|
||||||
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text a:link,
|
|
||||||
div.content_section_text a:visited,
|
|
||||||
div.content_section_text a:active {
|
|
||||||
background-color: #DCDFE6;
|
|
||||||
|
|
||||||
color: #000000;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.content_section_text a:hover {
|
|
||||||
background-color: #000000;
|
|
||||||
|
|
||||||
color: #DCDFE6;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.validator {
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="main_page">
|
|
||||||
<div class="page_header floating_element">
|
|
||||||
<img src="/icons/openlogo-75.png" alt="Debian Logo" class="floating_element"/>
|
|
||||||
<span class="floating_element">
|
|
||||||
Apache2 Debian Default Page
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<!-- <div class="table_of_contents floating_element">
|
|
||||||
<div class="section_header section_header_grey">
|
|
||||||
TABLE OF CONTENTS
|
|
||||||
</div>
|
|
||||||
<div class="table_of_contents_item floating_element">
|
|
||||||
<a href="#about">About</a>
|
|
||||||
</div>
|
|
||||||
<div class="table_of_contents_item floating_element">
|
|
||||||
<a href="#changes">Changes</a>
|
|
||||||
</div>
|
|
||||||
<div class="table_of_contents_item floating_element">
|
|
||||||
<a href="#scope">Scope</a>
|
|
||||||
</div>
|
|
||||||
<div class="table_of_contents_item floating_element">
|
|
||||||
<a href="#files">Config files</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
<div class="content_section floating_element">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="section_header section_header_red">
|
|
||||||
<div id="about"></div>
|
|
||||||
It works!
|
|
||||||
</div>
|
|
||||||
<div class="content_section_text">
|
|
||||||
<p>
|
|
||||||
This is the default welcome page used to test the correct
|
|
||||||
operation of the Apache2 server after installation on Debian systems.
|
|
||||||
If you can read this page, it means that the Apache HTTP server installed at
|
|
||||||
this site is working properly. You should <b>replace this file</b> (located at
|
|
||||||
<tt>/var/www/html/index.html</tt>) before continuing to operate your HTTP server.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
|
|
||||||
<p>
|
|
||||||
If you are a normal user of this web site and don't know what this page is
|
|
||||||
about, this probably means that the site is currently unavailable due to
|
|
||||||
maintenance.
|
|
||||||
If the problem persists, please contact the site's administrator.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="section_header">
|
|
||||||
<div id="changes"></div>
|
|
||||||
Configuration Overview
|
|
||||||
</div>
|
|
||||||
<div class="content_section_text">
|
|
||||||
<p>
|
|
||||||
Debian's Apache2 default configuration is different from the
|
|
||||||
upstream default configuration, and split into several files optimized for
|
|
||||||
interaction with Debian tools. The configuration system is
|
|
||||||
<b>fully documented in
|
|
||||||
/usr/share/doc/apache2/README.Debian.gz</b>. Refer to this for the full
|
|
||||||
documentation. Documentation for the web server itself can be
|
|
||||||
found by accessing the <a href="/manual">manual</a> if the <tt>apache2-doc</tt>
|
|
||||||
package was installed on this server.
|
|
||||||
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The configuration layout for an Apache2 web server installation on Debian systems is as follows:
|
|
||||||
</p>
|
|
||||||
<pre>
|
|
||||||
/etc/apache2/
|
|
||||||
|-- apache2.conf
|
|
||||||
| `-- ports.conf
|
|
||||||
|-- mods-enabled
|
|
||||||
| |-- *.load
|
|
||||||
| `-- *.conf
|
|
||||||
|-- conf-enabled
|
|
||||||
| `-- *.conf
|
|
||||||
|-- sites-enabled
|
|
||||||
| `-- *.conf
|
|
||||||
</pre>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<tt>apache2.conf</tt> is the main configuration
|
|
||||||
file. It puts the pieces together by including all remaining configuration
|
|
||||||
files when starting up the web server.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
<tt>ports.conf</tt> is always included from the
|
|
||||||
main configuration file. It is used to determine the listening ports for
|
|
||||||
incoming connections, and this file can be customized anytime.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
Configuration files in the <tt>mods-enabled/</tt>,
|
|
||||||
<tt>conf-enabled/</tt> and <tt>sites-enabled/</tt> directories contain
|
|
||||||
particular configuration snippets which manage modules, global configuration
|
|
||||||
fragments, or virtual host configurations, respectively.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
They are activated by symlinking available
|
|
||||||
configuration files from their respective
|
|
||||||
*-available/ counterparts. These should be managed
|
|
||||||
by using our helpers
|
|
||||||
<tt>
|
|
||||||
a2enmod,
|
|
||||||
a2dismod,
|
|
||||||
</tt>
|
|
||||||
<tt>
|
|
||||||
a2ensite,
|
|
||||||
a2dissite,
|
|
||||||
</tt>
|
|
||||||
and
|
|
||||||
<tt>
|
|
||||||
a2enconf,
|
|
||||||
a2disconf
|
|
||||||
</tt>. See their respective man pages for detailed information.
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li>
|
|
||||||
The binary is called apache2. Due to the use of
|
|
||||||
environment variables, in the default configuration, apache2 needs to be
|
|
||||||
started/stopped with <tt>/etc/init.d/apache2</tt> or <tt>apache2ctl</tt>.
|
|
||||||
<b>Calling <tt>/usr/bin/apache2</tt> directly will not work</b> with the
|
|
||||||
default configuration.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section_header">
|
|
||||||
<div id="docroot"></div>
|
|
||||||
Document Roots
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="content_section_text">
|
|
||||||
<p>
|
|
||||||
By default, Debian does not allow access through the web browser to
|
|
||||||
<em>any</em> file apart of those located in <tt>/var/www</tt>,
|
|
||||||
<a href="http://httpd.apache.org/docs/2.4/mod/mod_userdir.html" rel="nofollow">public_html</a>
|
|
||||||
directories (when enabled) and <tt>/usr/share</tt> (for web
|
|
||||||
applications). If your site is using a web document root
|
|
||||||
located elsewhere (such as in <tt>/srv</tt>) you may need to whitelist your
|
|
||||||
document root directory in <tt>/etc/apache2/apache2.conf</tt>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
The default Debian document root is <tt>/var/www/html</tt>. You
|
|
||||||
can make your own virtual hosts under /var/www. This is different
|
|
||||||
to previous releases which provides better security out of the box.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="section_header">
|
|
||||||
<div id="bugs"></div>
|
|
||||||
Reporting Problems
|
|
||||||
</div>
|
|
||||||
<div class="content_section_text">
|
|
||||||
<p>
|
|
||||||
Please use the <tt>reportbug</tt> tool to report bugs in the
|
|
||||||
Apache2 package with Debian. However, check <a
|
|
||||||
href="http://bugs.debian.org/cgi-bin/pkgreport.cgi?ordering=normal;archive=0;src=apache2;repeatmerged=0"
|
|
||||||
rel="nofollow">existing bug reports</a> before reporting a new bug.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Please report bugs specific to modules (such as PHP and others)
|
|
||||||
to respective packages, not to the web server itself.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="validator">
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@ -1,78 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="fr">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<link rel="stylesheet" href="tableauBord.css">
|
|
||||||
<link rel="icon" type="image/png" href="" />
|
|
||||||
<title>Tableau de bord</title>
|
|
||||||
<script type="text/javascript">
|
|
||||||
function ShowTab (E){
|
|
||||||
document.getElementById("addVoiture").style.display = (E == 1) ? 'block' : 'none';
|
|
||||||
document.getElementById("changeVoiture").style.display = (E == 2) ? 'block' : 'none';
|
|
||||||
document.getElementById("showVoiture").style.display = (E == 3) ? 'block' : 'none';
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<nav class="menu">
|
|
||||||
<a class="menuItem" href="./../inscription.php">Tableau de bord</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Trajets publiés</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Trajets réservés</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Messagerie</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Avis reçus</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Avis laissés</a>
|
|
||||||
<a class="menuItem" href="../inscription.php">Profil</a>
|
|
||||||
<a class="menuItem" href="../deconnexion.php">Se déconnecter</a>
|
|
||||||
</nav>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<form id="choixFormeTestVoiture">
|
|
||||||
<div>
|
|
||||||
<input type="radio" name="TabCheck" onclick="ShowTab(1)"/>Ajouter une voiture
|
|
||||||
<input type="radio" name="TabCheck" onclick="ShowTab(2)"/>Modifier ma voiture
|
|
||||||
<input type="radio" name="TabCheck" onclick="ShowTab(3)"/>Afficher ma voiture
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<div id="addVoiture" style="display: none;">
|
|
||||||
<h1>Ajouter une voiture</h1>
|
|
||||||
<fieldset>
|
|
||||||
<form action="fonctionsVoiture.php" method="post">
|
|
||||||
<table>
|
|
||||||
<tr><td><p>matricule :</p></td><td><input type="text" name="matricule"/></td></tr>
|
|
||||||
<tr><td><p>marque :</p></td><td><input type="text" name="marque"/></td></tr>
|
|
||||||
<tr><td><p>modele :</p></td><td><input type="text" name="modele"/></td></tr>
|
|
||||||
<tr><td><p>nombre de places :</p></td><td><input type="number" maxlength="1" name="nbplaces"/></td></tr>
|
|
||||||
<tr><td><p>année de fabrication :</p></td><td><input type="number" nmaxlength="4" name="anneefab"/></td></tr>
|
|
||||||
<tr><td><p><input type="submit" name="submitadd" value="ajouter une voiture"></td></tr>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="changeVoiture" style="display: none;">
|
|
||||||
<h1>Modifier une voiture</h1>
|
|
||||||
<fieldset>
|
|
||||||
<form action="fonctionsVoiture.php" method="post">
|
|
||||||
<table>
|
|
||||||
<tr><td><p>matricule :</p></td><td><input type="text" name="matricule"/></td></tr>
|
|
||||||
<tr><td><p>marque :</p></td><td><input type="text" name="marque"/></td></tr>
|
|
||||||
<tr><td><p>modele :</p></td><td><input type="text" name="modele"/></td></tr>
|
|
||||||
<tr><td><p>nombre de places :</p></td><td><input type="number" maxlength="1" name="nbplaces"/></td></tr>
|
|
||||||
<tr><td><p>année de fabrication :</p></td><td><input type="number" nmaxlength="4" name="anneefab"/></td></tr>
|
|
||||||
<tr><td><p><input type="submit" name="submitchange" value="modifier une voiture"></td></tr>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="showVoiture" style="display: none;">
|
|
||||||
<h1>Afficher ma voiture</h1>
|
|
||||||
<fieldset>
|
|
||||||
<form action="fonctionsVoiture.php" method="post">
|
|
||||||
<table>
|
|
||||||
<tr><td><p><input type="submit" name="submitshow" value="afficher ma voiture"></td></tr>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
.centrage{
|
|
||||||
text-align : center;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.global {
|
|
||||||
position: absolute; /* postulat de départ */
|
|
||||||
top: 45%; left: 50%; /* à 50%/50% du parent référent */
|
|
||||||
transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
|
|
||||||
text-align : center;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.fort {
|
|
||||||
|
|
||||||
font-weight: bold;
|
|
||||||
text-align : center;
|
|
||||||
text-decoration: underline;
|
|
||||||
font-size : 30px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.bord{
|
|
||||||
|
|
||||||
border-radius: 20px;
|
|
||||||
border-left: 2px solid black;
|
|
||||||
border-right: 2px solid black;
|
|
||||||
border-top: 2px solid black;
|
|
||||||
border-bottom: 2px solid black;
|
|
||||||
padding : 20px 85px 60px 80px;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="Modifier_vehicule.css" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="global bord">
|
|
||||||
<p class="fort">Modification du vehicule</p>
|
|
||||||
<form method="post" action="Liste.php">
|
|
||||||
<p><input name="immatriculation" type="text" placeholder="Immatriculation" class="centrage"></p>
|
|
||||||
<p><input name="marque" type="text" placeholder="Marque" class="centrage"></p>
|
|
||||||
<p><input name="modele" type="text" placeholder="Modèle" class="centrage" ></p>
|
|
||||||
<p><input name="annee" type="text" placeholder="Année" class="centrage" ></p>
|
|
||||||
<p><input name="nombre_place" type="text" placeholder="Nombre de places" class="centrage"></p>
|
|
||||||
<p><input name="submit" type="submit" value="Valider" class="centrage"></p>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,128 +0,0 @@
|
|||||||
*{
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-family: "Calibri Light";
|
|
||||||
}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
font-size: 3em;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#content{
|
|
||||||
min-width: 320px;
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#tableauBord{
|
|
||||||
margin: 2em;
|
|
||||||
padding: 1em;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: center;
|
|
||||||
background-color: rgb(65, 154, 28);
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuItem {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
color: white;
|
|
||||||
width: 10%;
|
|
||||||
min-width: 5em;
|
|
||||||
font-weight: bold;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0.8em;
|
|
||||||
border-bottom: 4px solid rgb(65, 154, 28);
|
|
||||||
font-size: 1.1em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menuItem:hover{
|
|
||||||
cursor: pointer;
|
|
||||||
border-bottom: 4px solid orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
#divImgProfil{
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#imgProfil{
|
|
||||||
background-color: white;
|
|
||||||
margin-top: 2.5em;
|
|
||||||
width: 60%;
|
|
||||||
height: 60%;
|
|
||||||
max-width: 210px;
|
|
||||||
max-height: 210px;
|
|
||||||
border-radius: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#trajet{
|
|
||||||
margin-top: 2em;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnTrajet{
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
text-decoration: none;
|
|
||||||
padding: 0.4em;
|
|
||||||
color: black;
|
|
||||||
background-color: lightgray;
|
|
||||||
border: 1px solid black;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnTrajet:hover{
|
|
||||||
background-color: grey;
|
|
||||||
}
|
|
||||||
|
|
||||||
#btnTrajet2{
|
|
||||||
margin-left: 10%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#recap{
|
|
||||||
margin-top: 2.5em;
|
|
||||||
width: 50%;
|
|
||||||
margin-left: 50%;
|
|
||||||
transform: translate(-50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.recapLine{
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
justify-content: left;
|
|
||||||
align-items: center;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.recapIcon{
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p{
|
|
||||||
margin-left: 10%;
|
|
||||||
}
|
|
||||||
Loading…
Reference in New Issue