1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
| <?php
session_start();
// Destruction de la session ?
if ((isset($_GET['action'])) && ($_GET['action'] == 'logout'))
{
$_SESSION = array();
session_destroy();
}
?>
<?php
if(!empty($_POST['form3'])) {
//envoi du mail vers le client
$to = $_POST['email'];
$subject = "question par contact attelage-astuce";
$message =
"bonjour,votre question a bien été pris en contre,tous seras mis en oeuvre pour y répondre dans les plus brefs délais
\r\n merci de ne pas repondre a ce mail, celui-ci vous a été adressé automatiquement\r\n cordialement le webmaster.";
$from = "contact@attelage-astuce.com";
$headers = "From: $from";
mail($to,$subject,$message,$headers);
//envoi du message vers le webmaster
$to = "contact@attelage-astuce.com";
$subject = "question par contact attelage-astuce";
$message =
"Nom : " . $_POST['name'] . "\r\n" .
"Adresse mail: " . $_POST['email'] . "\r\n" .
"sujet : " . $_POST['sujet'] . "\r\n" .
"\r\n" .
"Message: " . $_POST['texte'];
$from = $_POST['email'];
$headers = "From: $from";
mail($to,$subject,$message,$headers);
}
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>attelage-astuce / accueil</title>
<meta name="keywords" content="attelage, attelage automobile, attelage remorque, crochet d'attelage, notice de montage d'attelage automobile, attelage auto, dispositif d'attelage, branchement remorque, sbs, faisceau electrique pour attelage automobile, attelage auto, attelage demontable sans outils, attelage demontable avec outils, attelage retractable, attache remorque, attache auto, attache automobile, faisceau attelage"/>
<meta name="description" content="notices d'instalation d'attelage sur les véhicules (avec photos et astuces), conseils pour instalation d'attelage"/>
<link rel="stylesheet" type="text/css" href="styles/stylemenu.css" />
<link type="text/css" rel="stylesheet" href="styles/lightbox-form.css">
<script src="scripts/lightbox-form.js" type="text/javascript"></script>
<script src="scripts/ajax.js" type="text/javascript"></script>
<script src="scripts/verif_contact-form.js" type="text/javascript"></script>
</head>
<body> <div id="logo1">
<div id="sessions"><!--<div id="ResponseDiv" name="reponseDiv"></div>--></div>
<div id="logo">
<div id="entete"><a href="index.php" data-tooltip="retour accueil"><h1>attelage - astuce<span>.com</span></h1></a></div>
<div id="attelage"><img alt="" src="images/cariboost_Sans_20titre.png"/></div>
</div>
</div>
<div id="container">
<div id="menu-gauche">
<ul id="nav">
<li><div class="icon">A</div><a href="fichier/ec_2094-20_20fr.pdf" onclick="window.open(this.href);return false;" title="Textes officiel pour les attelages..."><h3>Norme 94/20</h3> <span>textes légal pour attelage</span></a></li>
<li><div class="icon">G</div><a href="eclairage.php" title="Textes de loi pour l'électrécité automobile..."><h3>Eclairage</h3> <span>lois sur éclairage</span></a></li>
<li><div class="icon">D</div><a href="branchements.php" title="Plan de branchement des différentes prises..."><h3>Branchements</h3> <span>types de prises</span></a></li>
<li><div class="icon">B</div><a href="boitiersbs.php" title="Informations sur le sbs..."><h3>Boitier sbs</h3> <span>compatible tous véhicules</span></a></li>
<li><div class="icon">F</div><a href="fichier/presentation_du_sbs.pdf" onclick="window.open(this.href); return false;" title="Explication et notice de branchement du sbs..."> <h3>Sbs</h3> <span>notice d'installation</span></a></li>
<li><div class="icon">I</div><a href="info.php" title="Differents problèmes constatés..."> <h3>Plus d'infos</h3> <span>les conseils +</span></a></li>
<li><div class="icon">L</div><a href="http://www.boisnier.fr/catalogueenligne.php" onclick="window.open(this.href);return false;" title="boisnier.fr..."><h3>Boisnier</h3> <span>Le catalogue</span></a></li>
<li><div class="icon">L</div><a href="http://www.gdwtowbars.com" onclick="window.open(this.href);return false;" title="gdw.be..."><h3>Gdw</h3> <span>Le catalogue</span></a></li>
<li><div class="icon">L</div><a href="http://www.eboutique-siarr.com/module_recherche_attelage_faisceaux.htm" onclick="window.open(this.href, '_blank');return false;" title="siarr.fr..."><h3>Siarr</h3> <span>Le catalogue</span></a></li>
<li><div class="icon">L</div><a href="http://www.thuletowingsystems.com/fr/" onclick="window.open(this.href);return false;" title="thule.fr..."><h3>Thule</h3> <span>Le catalogue</span></a></li>
<li><div class="icon">L</div><a href="http://www.westfalia-automotive.de/index.php?id=6&L=2" onclick="window.open(this.href);return false;" title="westfalia.fr..."><h3>Westfalia</h3> <span>Le catalogue</span></a></li>
<li><div class="icon">L</div><a href="http://www.sybs.com/" onclick="window.open(this.href);return false;" title="sybs, groupe sylumis..."><h3>sybs</h3> <span>Le sbs</span></a></li>
</ul>
</div>
<div id="panel">
<ul id="notice">
<li><span class="icon">O</span><a href="#" title="Pour aller vers la liste des constructeurs merci de vous connecter ou de vous inscrire..."> <h3>Notice</h3><span>Identifier vous</span></a> </li>
<li><div class="icon">P</div><a href="#" onclick="openbox('inscription', 1)" title="Inscription gratuite pour accéder au notice..."><h3>Inscription</h3><span>pour un acces complet.</span></a></li>
<li><span class="icon">R</span><a href="#" onclick="openbox2('contact', 1)" title="poser votre question ici..."> <h3>Contact</h3><span>Poser vos questions</span></a> </li>
<li><span class="icon">H</span><a href="#" onclick="openbox1('identification', 1)" title="demarrer votre cession..."> <h3>connection</h3><span>identifiez vous</span></a> </li>
</ul>
</div>
<div id=video>
<video class="video1" muted controls>
<source src="video/Audi_20A6~1.mp4" type="video/mp4"/>
<source src="video/Audi_20A6.ogv" type="video/ogg"/>
<source src="video/Audi_20A6.webm" type="video/webm"/>
<object data="info.html">
<embed src="video/Audi_20A6.flv" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
</object>
Il est temps de mettre à jour votre navigateur !
</video>
<div class="arrow_box1">
Tous types d'attelages existe, du basic (dit plaque deux troues) en passant par le col de signe (le plus courant) puis le démontable sans outils et enfin l'escamotable manuel ou électrique. exemple avec ces quelques images du fabriquant thule pour en savoir plus cliquez <a href="http://www.thule.com/fr-fr/fr/products/towbars/towbars/towbars/attelage-retractable-thule-mx-_-productfamily_202371" onclick="window.open(this.href);return false;" >ICI</a>
</div>
<ul id="texte">
<li>Bienvenue sur attelage-astuce. Ce site est dédié au montage d'attelage sur les véhicules de tourisme. La présentation des normes et lois concernant les attelages automobile, des conseils d'installation et de branchements, des astuces le cas échéant, le tous agrémentée de photos. Toutes les notices du site sont réguliérement vérifiées et modifiées si nécessaire ! <br /><br />Merci pour votre visite .</li>
</ul>
<video class="video2" muted controls>
<source src="video/DSC_0109.mp4" type="video/mp4"/>
<source src="video/DSC_0109.ogv" type="video/ogg"/>
<source src="video/DSC_0109.webm" type="video/webm"/>
<object data="test_info.html">
<embed src="video/DSC_0109.flv" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
</object>
Il est temps de mettre à jour votre navigateur !
</video>
<div class="arrow_box2">
comment intégrer un fil positif avec fusible dans un tableau fusible de volkswagen, audi, skoda etc... Attention il vous faut quand même une cosse spécifique pour les tableaux fusible de la marque.
</div>
</div>
<div id="menu-droit">
<ul id="date">
<li title="Site modifier le..."><h3>Mis à jour le:</h3><span><?php include "tonfichier.txt"?></span></li>
</ul>
<ul id="news">
<li><h2>Les news :</h2><h3>enfin un module adaptable prévue pour les véhicules à double éclairage (exemples audi Q7, Q5 etc..), en effet le sbs évolue et s'enrichi d'une nouvelle version.</h3></li>
</ul>
<ul id="slideshow">
<script src="scripts/diaporama_objet.js"></script>
<script>
nouveau_id_diaporama = monDiaporama.length;
monDiaporama[nouveau_id_diaporama] = new Diaporama(nouveau_id_diaporama, 50, 7, 5000, 240, 320, "flou");
monDiaporama[nouveau_id_diaporama].ajoutePhoto("images/portilo/portilo1.jpg");
monDiaporama[nouveau_id_diaporama].ajoutePhoto("images/portilo/portilo2.jpg");
monDiaporama[nouveau_id_diaporama].ajoutePhoto("images/portilo/portilo3.jpg");
monDiaporama[nouveau_id_diaporama].ajoutePhoto("images/portilo/portilo4.jpg");
monDiaporama[nouveau_id_diaporama].ajoutePhoto("images/portilo/portilo5.jpg");
monDiaporama[nouveau_id_diaporama].masquerPanneauCommande();
monDiaporama[nouveau_id_diaporama].placeDiaporama();
monDiaporama[nouveau_id_diaporama].testImagesOk();
</script>
</ul>
<ul class="arrow_box">
<li>les attelages ne servent pas que pour les remorques, pour les portes-vélos aussi et cela permet de ne pas abimé la carrosserie avec des dispositifs à sangles ! En voici un exemple mais la concurrence existe il suffit juste de cherchez et de comparez ils ont leurs avantages et inconvenient. </li>
</ul>
<ul id="info-legal">
<li><a href="fichier/MENTIONS_20LEGALE_20DU_20SITE_20ATTELAGE.pdf" onclick="window.open(this.href); return false;" title="pensez a lire les infos légales"><h3>informations légales</h3></a></li>
</ul>
</div>
</div>
<div id="shadowing"></div>
<div id="box">
<span id="boxtitle"></span>
<form id="form1" method="post" action="inscription.php" onSubmit="return verif_formulaire1()" target="_parent">
<h4>
<fieldset>
<label class="label" for="name">Votre nom : </label>
<input class="input" id="nom" type="text" name="nom"/>
<label class="label" for="surname">Votre prénon : </label>
<input class="input" id="prenom" type="text" name="prenom"/>
<label class="label" for="email">Votre adresse mail : </label>
<input class="input" id="mail" type="text" name="mail"/>
<label class="label" for="identifiant">Votre identifiant : </label>
<input class="input" id="identifiant" type="text" name="identifiant"/>
<label class="label" for="password">Votre mot de passe : </label>
<input class="input" id="pass" type="password" name = "pass"/>
<label class="label" for="new password">Confirmer votre mot de passe : </label>
<input class="input" id="pass_confirm" type="password" name="pass_confirm"/>
<label class="label" for="departement">Votre departement : </label>
<input class="input" id="departement" type="text" name="departement"/>
<label class="label" for="statut">Votre statut : </label>
<select name="statut" id="statut" name="statut"><option selected="selected"></option>
<option value="particulier">Particulier</option>
<option value="professionel">Professionel</option></select>
</fieldset>
</h4>
<input class="bouton" id="submit1" type="submit" name="submit" value="inscription"/>
<input class="bouton" id="reset1" type="reset" value ="effacer" />
<input class="bouton" id="close1" type="button" name="cancel" value="Annuler" onclick="closebox()">
</form>
</div>
<div id="shadowing"></div>
<div id="box1">
<span id="boxtitle1"></span>
<form id="form2" action="session.php" method="post" onSubmit="return verif_formulaire2()">
<h4>
<fieldset>
<label class="label" for="identifiant">identifiant : </label>
<input class="input" id="login" type="text" name="login"/>
<label class="label" for="password">Mot de passe : </label>
<input class="input" id="pass" type="password" name="pass"/>
</fieldset>
<div id="ResponseDiv" name="reponseDiv"></div>
</h4>
<input class="bouton" id="submit2" type="submit" name="submit" value="Connexion"/><!--onclick='MakeRequest();'-->
<input class="bouton" id="close2" type="button" name="cancel" value="Annuler" onclick="closebox1()">
</form>
</div>
<div id="shadowing"></div>
<div id="box2">
<span id="boxtitle2"></span>
<form id="form3" method="post" action="index.php" onSubmit="return verif_formulaire3()" target="_parent">
<h4>
<fieldset>
<label class="label" for="name">Votre nom :</label>
<input class="input" type="text" id="name" name="name" placeholder="Saisissez votre nom "/>
<label class="label" for="email">Email :</label>
<input class="input" type="email" id="email" name="email" placeholder="Saisissez votre email"/>
<label class="label" for="info">informations supplémentaires :</label>
<input class="input" type="text" id="sujet" name="sujet" placeholder="Saisissez le nom du véhicule concerné"/>
<label class="label" for="message">Message:</label>
<textarea class="text" name="message" cols="" rows="" id="message" placeholder="Poser ici votre question"></textarea>
</fieldset>
</h4>
<input class="bouton" id="submit3" type="submit" name="submit" value="envoyer"/>
<input class="bouton" id="close3" type="button" name="cancel" value="Annuler" onclick="closebox2()">
</form>
</div>
</body>
</html> |
