PageSourceSearch

https://lacordo.com/

html lacordo.com collected 2026-09-26 01:14:59 UTC 109,603 bytes, 2,025 lines download raw bytes

1<!doctype html>
2<html lang="fr">
3
4<head>
5    <meta charset="utf-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
7    <meta name="csrf-token" content="mFjZoQAPuDID9bRwEQQdaqU97kLsW0N93sRbmy3b">
8
9            <title>La Cordo - Musiques actuelles</title>
10
11 
12    <meta name="description" content="La Cordo est une salle de concert et des studios de répétition à Romans sur Isère. L&#039;association propose une programmation de concerts allant du rap au rock en passant par l&#039;électro et le jazz. La Cordo c&#039;est aussi des studios de répétitions, d&#039;enregistrement pour les musiciens." />
13
14    <meta property="og:title" content="La Cordo - Musiques actuelles" />
15    <meta property="og:type" content="website" />
16    <meta property="og:description" content="La Cordo est une salle de concert et des studios de répétition à Romans sur Isère. L&#039;association propose une programmation de concerts allant du rap au rock en passant par l&#039;électro et le jazz. La Cordo c&#039;
16est aussi des studios de répétitions, d&#039;enregistrement pour les musiciens." />
17    
18    <meta property="og:site_name" content="La Cordo - Musiques actuelles" />
19
20        <link rel="canonical" href="https://lacordo.com" />
21    <meta property="og:url" content="https://lacordo.com" />
22    
23
24
25    <link rel="apple-touch-icon" sizes="180x180" href="https://lacordo.com/favicons/apple-touch-icon.png">
26    <link rel="icon" type="image/png" sizes="32x32" href="https://lacordo.com/favicons/favicon-32x32.png">
27    <link rel="icon" type="image/png" sizes="16x16" href="https://lacordo.com/favicons/favicon-16x16.png">
28    <link rel="manifest" href="https://lacordo.com/favicons/site.webmanifest">
29    <link rel="mask-icon" href="https://lacordo.com/favicons/safari-pinned-tab.svg" color="#0000ff">
30    <meta name="msapplication-TileColor" content="#0000ff">
31    <meta name="theme-color" content="#ffffff">
32
33    <link href="https://lacordo.com/css/app.css" rel="stylesheet">
34    <link href="https://lacordo.com/css/custom.css" rel="stylesheet">
35
36    
37
38    
39    
39<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/browser/pixi.js"></script>
39
40    
40<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/pixi-filters.js"></script>
40
41    
41<script src="https://lacordo.com/js/LiquidEffect.js"></script>
41
42    
42<script src="https://lacordo.com/js/tarteaucitron.js"></script>
42
43
44
45    
46
47</head>
48
49<body class="flex flex-col min-h-screen">
50
51    
52    <header class="header px-3 sticky lg:relative top-0 bg-white opacity-100 z-50">
53
54    
55
56    <nav class="items-center max-h-20 lg:max-h-40 max-w-screen-2xl mx-auto flex">
57
58
59        <div class="flex pr-4 py-2 lg:py-0 z-50">
60            <a href="https://lacordo.com">
61
62                                        <img class="max-h-24 hidden lg:inline" src="/storage/medias/page/107/la-cordo-logo.gif"
63                    alt="La Cordo - Musiques actuelles">
64                                
65                <div class="max-h-16 inline lg:hidden" style="width: 164px;">
66
67<svg class="max-h-16"  height="64"  viewBox="0 0 311 113" version="1.1" xmlns="http://www.w3.org/2000/svg"
68    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
69    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
70    <path
71        d="M130.038,88.46l-0,20.097c-0,0.482 -0.09,0.543 -0.994,0.543c-0.784,-0 -0.965,-0.061 -0.965,-0.543l0,-10.516c0,-1.175 0,-3.073 -0.211,-3.073c-0.211,-0 -0.301,0.331 -0.361,0.512c-0.422,1.627 -0.663,2.441 -1.115,4.008c-0.06,0.211 -0.09,0.451 -0.422,0.451c-0.271,0 -0.362,-0.24 -0.422,-0.421c-0.361,-1.416 -0.633,-2.351 -1.054,-3.978c-0.061,-0.211 -0.181,-0.482 -0.423,-0.482c-0.18,0 -0.15,1.839 -0.15,2.983l-0,10.516c-0,0.482 -0.18,0.543 -0.964,0.543c-0.844,-0 -0.995,-0.061 -0.995,-0.543l0,-20.097c0,-0.483 0.272,-0.422 0.844,-0.422c0.663,-0 0.783,0.15 1.265,1.656c0.603,1.899 1.056,3.285 1.567,4.882c0.061,0.151 0.182,0.332 0.362,0.332c0.15,-0 0.302,-0.181 0.361,-0.332c0.633,-1.898 0.935,-2.893 1.567,-4.882c0.453,-1.446 0.513,-1.687 1.175,-1.687c0.664,-0 0.935,-0 0.935,0.453"
72        style="fill:#0000FF;fill-rule:nonzero;" />
73    <path
74        d="M140.22,105.604c0,1.898 -1.053,3.496 -3.495,3.496c-2.44,-0 -3.495,-1.989 -3.495,-3.465l0,-17.175c0,-0.392 0.332,-0.453 0.964,-0.453c0.633,0 0.995,0.12 0.995,0.453l0,17.023c0,0.815 0.452,1.598 1.536,1.598c1.026,-0 1.537,-0.753 1.537,-1.567l0,-17.145c0,-0.272 0.181,-0.362 0.905,-0.362c0.753,0 1.053,0.061 1.053,0.331l0,17.266Z"
75        style="fill:#0000FF;fill-rule:nonzero;" />
76    <path
77        d="M142.871,91.593c0,-1.567 0.935,-3.586 3.435,-3.586c2.29,0 3.435,2.019 3.435,3.556l-0,1.387c-0,0.24 -0.362,0.24 -1.054,0.24c-0.573,0 -0.965,0 -0.965,-0.271l0,-1.416c0,-0.995 -0.753,-1.627 -1.416,-1.627c-0.843,0 -1.476,0.843 -1.476,1.597l-0,1.657c-0,1.145 1.175,2.682 2.32,4.278c1.325,1.839 2.741,3.948 2.741,6.208l0,1.988c0,2.049 -1.536,3.495 -3.495,3.495c-1.958,0 -3.495,-1.114 -3.495,-3.495l0,-1.687c0,-0.332 0.211,-0.392 0.995,-0.392c0.723,0 1.024,0.03 1.024,0.332l0,1.657c0,0.753 0.392,1.567 1.476,1.567c1.296,0 1.537,-0.964 1.537,-1.657l0,-1.839c0,-1.596 -1.174,-3.284 -2.38,-4.971c-1.266,-1.778 -2.682,-3.707 -2.682,-5.484l0,-1.537Z"
78        style="fill:#0000FF;fill-rule:nonzero;" />
79    <path
80        d="M153.477,109.069c-0.814,0 -0.905,0 -0.905,-0.421l0,-20.159c0,-0.391 0.181,-0.451 0.905,-0.451c0.813,-0 1.024,0.03 1.024,0.481l0,20.068c0,0.452 -0.06,0.482 -1.024,0.482"
81        style="fill:#0000FF;fill-rule:nonzero;" />
82    <path
83        d="M159.653,91.683l0,13.65c0,1.235 0.633,1.838 1.537,1.838c0.934,-0 1.507,-0.603 1.507,-1.838l-0,-13.65c-0,-0.844 -0.633,-1.807 -1.507,-1.807c-0.904,-0 -1.537,0.963 -1.537,1.807m2.411,17.477c-0,1.146 0.813,1.807 1.536,1.807c0.151,0 0.151,0.392 0.151,0.935c0,0.542 0.029,0.934 -0.151,0.934c-1.959,0 -3.495,-1.386 -3.495,-3.676c0,-0.181 -0.181,-0.181 -0.302,-0.271c-0.301,-0.212 -2.108,-0.845 -2.108,-3.556l-0,-13.65c-0,-2.26 1.537,-3.676 3.495,-3.676c1.988,0 3.495,1.567 3.495,3.676l-0,13.65c-0,2.621 -1.356,3.344 -2.321,3.616c-0.33,0.09 -0.3,0.211 -0.3,0.211"
84        style="fill:#0000FF;fill-rule:nonzero;" />
85    <path
86        d="M174.716,105.604c0,1.898 -1.053,3.496 -3.494,3.496c-2.441,-0 -3.496,-1.989 -3.496,-3.465l0,-17.175c0,-0.392 0.332,-0.453 0.964,-0.453c0.633,0 0.995,0.12 0.995,0.453l0,17.023c0,0.815 0.452,1.598 1.537,1.598c1.025,-0 1.537,-0.753 1.537,-1.567l-0,-17.145c-0,-0.272 0.18,-0.362 0.904,-0.362c0.753,0 1.053,0.061 1.053,0.331l0,17.266Z"
87        style="fill:#0000FF;fill-rule:nonzero;" />
88    <path
89        d="M177.91,107.955l-0,-19.044c-0,-0.392 0.03,-0.422 0.21,-0.663c0.181,-0.241 0.393,-0.241 0.693,-0.241l5.003,-0c0.361,-0 0.361,0.362 0.361,0.904c-0,0.573 -0,0.814 -0.392,0.814l-3.013,0c-0.241,0 -0.603,0.029 -0.693,0.151c-0.151,0.211 -0.151,0.18 -0.151,0.572l-0,5.726c-0,0.27 -0.06,0.602 0.182,0.782c0.21,0.151 0.421,0.121 0.662,0.12
891l1.416,0c0.362,0 0.423,0.241 0.423,0.874c-0,0.602 -0.031,0.843 -0.423,0.843l-1.356,0c-0.301,0 -0.632,0.031 -0.753,0.091c-0.271,0.181 -0.211,0.482 -0.211,0.874l-0,6.477c-0,0.393 -0,0.966 0.151,1.056c0.15,0.09 0.573,0.12 0.904,0.12l2.862,-0c0.362,-0 0.392,0.181 0.392,0.844c-0,0.662 -0.03,0.843 -0.361,0.843l-4.52,0c-0.483,0 -0.995,0.061 -1.206,-0.12c-0.24,-0.211 -0.18,-0.663 -0.18,-1.024"
90        style="fill:#0000FF;fill-rule:nonzero;" />
91    <path
92        d="M186.078,91.593c-0,-1.567 0.934,-3.586 3.435,-3.586c2.29,0 3.434,2.019 3.434,3.556l0,1.387c0,0.24 -0.361,0.24 -1.054,0.24c-0.573,0 -0.964,0 -0.964,-0.271l-0,-1.416c-0,-0.995 -0.753,-1.627 -1.416,-1.627c-0.844,0 -1.477,0.843 -1.477,1.597l0,1.657c0,1.145 1.175,2.682 2.321,4.278c1.326,1.839 2.741,3.948 2.741,6.208l-0,1.988c-0,2.049 -1.536,3.495 -3.495,3.495c-1.958,0 -3.495,-1.114 -3.495,-3.495l-0,-1.687c-0,-0.332 0.211,-0.392 0.994,-0.392c0.723,0 1.025,0.03 1.025,0.332l-0,1.657c-0,0.753 0.391,1.567 1.476,1.567c1.296,0 1.537,-0.964 1.537,-1.657l-0,-1.839c-0,-1.596 -1.175,-3.284 -2.381,-4.971c-1.264,-1.778 -2.681,-3.707 -2.681,-5.484l-0,-1.537Z"
93        style="fill:#0000FF;fill-rule:nonzero;" />
94    <path
95        d="M203.07,101.959c0.361,-0 0.693,-0 0.663,-0.242c-0.211,-2.591 -0.302,-4.248 -0.482,-6.629c-0,-0.12 -0.03,-0.331 -0.211,-0.331c-0.151,0 -0.181,0.211 -0.181,0.301c-0.18,2.531 -0.302,4.64 -0.452,6.629c-0.03,0.211 0.241,0.272 0.663,0.272m-2.682,7.141c-0.452,-0.001 -0.843,-0.001 -0.813,-0.271c0.934,-7.835 1.747,-13.62 2.591,-20.4c0.06,-0.422 0.211,-0.452 0.874,-0.452c0.754,0 0.994,0.03 1.054,0.543c1.025,7.713 1.537,12.414 2.562,20.278c0.03,0.332 -0.12,0.302 -0.934,0.302c-0.874,-0.001 -1.025,0.06 -1.085,-0.362c-0.241,-1.688 -0.422,-3.194 -0.663,-4.851c-0.03,-0.302 -0.452,-0.272 -0.934,-0.272c-0.573,0.001 -0.874,-0.029 -0.904,0.272c-0.181,1.687 -0.331,3.163 -0.483,4.911c-0.029,0.332 -0.301,0.301 -1.265,0.301"
96        style="fill:#0000FF;fill-rule:nonzero;" />
97    <path
98        d="M210.756,91.473l-0,13.951c-0,0.843 0.421,1.657 1.537,1.657c1.024,-0 1.476,-0.753 1.476,-1.567l0,-1.777c0,-0.242 0.392,-0.242 0.934,-0.242c0.723,0 1.085,-0.06 1.085,0.242l-0,1.837c-0,1.898 -1.025,3.525 -3.495,3.525c-2.351,0 -3.495,-1.897 -3.495,-3.495l-0,-14.041c-0,-1.627 1.144,-3.556 3.495,-3.556c2.501,-0 3.495,2.26 3.495,3.556l-0,1.356c-0,0.302 -0.453,0.331 -0.994,0.331c-0.603,0 -1.025,0.03 -1.025,-0.331l0,-1.416c0,-0.663 -0.572,-1.627 -1.476,-1.627c-0.934,-0 -1.537,0.903 -1.537,1.597"
99        style="fill:#0000FF;fill-rule:nonzero;" />
100    <path
101        d="M219.615,89.785c-0.15,-0.06 -0.39,-0.06 -0.633,-0.06l-1.114,0c-0.452,0 -0.542,-0.151 -0.542,-0.814c-0,-0.663 0.06,-0.904 0.422,-0.904l6.207,-0c0.361,-0 0.392,0.302 0.392,0.904c0,0.693 -0.031,0.814 -0.362,0.814c-0.362,0 -0.783,-0.031 -1.295,0c-0.243,0 -0.483,0 -0.634,0.06c-0.27,0.212 -0.21,0.723 -0.21,1.115l-0,17.898c-0,0.271 -0.452,0.301 -1.085,0.301c-0.543,0 -0.934,0 -0.934,-0.301l-0,-17.898c-0,-0.392 0.059,-0.903 -0.212,-1.115"
102        style="fill:#0000FF;fill-rule:nonzero;" />
103    <path
104        d="M233.415,105.604c-0,1.898 -1.055,3.496 -3.495,3.496c-2.441,-0 -3.495,-1.989 -3.495,-3.465l-0,-17.175c-0,-0.392 0.331,-0.453 0.964,-0.453c0.633,0 0.994,0.12 0.994,0.453l0,17.023c0,0.815 0.452,1.598 1.537,1.598c1.024,-0 1.537,-0.753 1.537,-1.567l-0,-17.145c-0,-0.272 0.18,-0.362 0.903,-0.362c0.754,0 1.055,0.061 1.055,0.331l-0,17.266Z"
105        style="fill:#0000FF;fill-rule:nonzero;" />
106    <path
107        d="M236.608,107.955l0,-19.044c0,-0.392 0.03,-0.422 0.21,-0.663c0.181,-0.241 0.393,-0.241 0.694,-0.241l5.002,-0c0.361,-0 0.361,0.362 0.361,0.904c-0,0.573 -0,0.814 -0.391,0.814l-3.014,0c-0.241,0 -0.602,0.029 -0.692,0.151c-0.151,0.211 -0.151,0.18 -0.151,0.572l-0,5.726c-0,0.27 -0.061,0.602 0.181,0.782c0.211,0.151 0.421,0.121 0.662,0.121l1.416,0c0.363,0 0.423,0.241 0.423,0.874c-0,0.602 -0.03,0.843 -0.423,0.843l-1.356,0c-0.301,0 -0.632,0.031 -0.752,0.091c-0.272,0.181 -0.212,0.482 -0.212,0.874l-0,6.477c-0,0.393 -0,0.966 0.151,1.056c0.151,0.09 0.573,0.12 0.904,0.12l2.863,-0c0.361,-0 0.391,0.181 0.391,0.844c-0,0.662 -0.03,0.843 -0.361,0.843l-4.52,0c-0.482,0 -0.995,0.061 -1.206,-0.12c-0.24,-0.211 -0.18,-0.663 -0.18,-1.024"
108        style="fill:#0000FF;fill-rule:nonzero;" />
109    <path
110        d="M250.859,109.099l-4.489,0c-0.333,0 -0.663,-0.029 -0.784,-0.21c-0.15,-0.241 -0.12,-0.693 -0.12,-1.086l-0,-19.404c-0,-0.452 0.301,-0.392 0.904,-0.392c0.783,0 1.053,0 1.053,0.452l0,17.748c0,0.391 -0.059,0.874 0.212,1.084c0.12,0.061 0.452,0.091 0.693,0.091l2.531,-0c0.392,-0 0.422,0.241 0.422,0.814c-0,0.753 -0.03,0.903 -0.422,0.903"
111        style="fill:#0000FF;fill-rule:nonzero;" />
112    <path
113        d="M259.114,109.099l-4.489,0c-0.333,0 -0.663,-0.029 -0.784,-0.21c-0.151,-0.241 -0.12,-0.693 -0.12,-1.086l-0,-19.404c-0,-0.452 0.301,-0.392 0.904,-0.392c0.783,0 1.053,0 1.053,0.452l0,17.748c0,0.391 -0.06,0.874 0.212,1.084c0.12,0.061 0.451,0.091 0.692,0.091l2.532,-0c0.392,-0 0.422,0.241 0.422,0.814c-0,0.753 -0.03,0.903 -0.422,0.903"
114        style="fill:#0000FF;fill-rule:nonzero;" />
115    <path
116        d="M261.976,107.955l-0,-19.044c-0,-0.392 0.029,-0.422 0.21,-0.663c0.18,-0.241 0.392,-0.241 0.693,-0.241l5.002,-0c0.362,-0 0.362,0.362 0.362,0.904c-0,0.573 -0,0.814 -0.392,0.814l-3.014,0c-0.241,0 -0.602,0.029 -0.692,0.151c-0.151,0.211 -0.151,0.18 -0.151,0.572l-0,5.726c-0,0.27 -0.061,0.602 0.181,0.782c0.211,0.151 0.421,0.121 0.662,0.12
1161l1.417,0c0.362,0 0.422,0.241 0.422,0.874c-0,0.602 -0.03,0.843 -0.422,0.843l-1.356,0c-0.302,0 -0.633,0.031 -0.753,0.091c-0.272,0.181 -0.212,0.482 -0.212,0.874l0,6.477c0,0.393 0,0.966 0.152,1.056c0.15,0.09 0.572,0.12 0.903,0.12l2.863,-0c0.361,-0 0.392,0.181 0.392,0.844c-0,0.662 -0.031,0.843 -0.362,0.843l-4.519,0c-0.483,0 -0.996,0.061 -1.206,-0.12c-0.241,-0.211 -0.18,-0.663 -0.18,-1.024"
117        style="fill:#0000FF;fill-rule:nonzero;" />
118    <path
119        d="M270.143,91.593c-0,-1.567 0.934,-3.586 3.435,-3.586c2.29,0 3.435,2.019 3.435,3.556l-0,1.387c-0,0.24 -0.362,0.24 -1.054,0.24c-0.574,0 -0.964,0 -0.964,-0.271l-0,-1.416c-0,-0.995 -0.754,-1.627 -1.417,-1.627c-0.843,0 -1.476,0.843 -1.476,1.597l-0,1.657c-0,1.145 1.174,2.682 2.32,4.278c1.326,1.839 2.742,3.948 2.742,6.208l-0,1.988c-0,2.049 -1.537,3.495 -3.496,3.495c-1.958,0 -3.494,-1.114 -3.494,-3.495l-0,-1.687c-0,-0.332 0.21,-0.392 0.993,-0.392c0.723,0 1.025,0.03 1.025,0.332l-0,1.657c-0,0.753 0.392,1.567 1.476,1.567c1.296,0 1.537,-0.964 1.537,-1.657l-0,-1.839c-0,-1.596 -1.174,-3.284 -2.38,-4.971c-1.265,-1.778 -2.682,-3.707 -2.682,-5.484l-0,-1.537Z"
120        style="fill:#0000FF;fill-rule:nonzero;" />
121    <path d="M121.963,35.467l-0,-33.927l14.701,0l0,20.733l15.031,0l-0,13.194l-29.732,0Z"
122        style="fill:#0000FF;fill-rule:nonzero;" />
123    <path
124        d="M174.1,27.975c0.424,-0.094 0.84,-0.219 1.249,-0.378c0.817,-0.345 1.491,-0.816 2.026,-1.413c0.534,-0.596 0.802,-1.24 0.802,-1.931l-0,-0.707c-0.378,0.315 -0.866,0.565 -1.462,0.754c-0.597,0.188 -1.335,0.393 -2.214,0.612c-0.88,0.189 -1.508,0.345 -1.885,0.471c-0.377,0.126 -0.66,0.267 -0.848,0.425c-0.221,0.126 -0.386,0.282 -0.495,0.471c-0.11,0.189 -0.165,0.408 -0.165,0.66c-0,0.313 0.133,0.588 0.4,0.824c0.267,0.235 0.699,0.353 1.296,0.353c0.44,-0 0.873,-0.046 1.296,-0.141m4.171,3.11c-0.912,1.539 -2.31,2.796 -4.194,3.769c-1.885,0.975 -4.335,1.461 -7.351,1.461c-3.518,0 -6.078,-0.653 -7.681,-1.956c-1.601,-1.302 -2.403,-3.164 -2.403,-5.583c-0,-1.632 0.354,-3.039 1.061,-4.217c0.707,-1.178 1.751,-2.128 3.133,-2.851c0.408,-0.219 0.832,-0.408 1.273,-0.565c0.439,-0.158 0.879,-0.299 1.319,-0.425c0.879,-0.282 1.9,-0.519 3.063,-0.706c1.162,-0.189 2.544,-0.378 4.146,-0.566c1.067,-0.126 1.995,-0.236 2.78,-0.33c0.785,-0.094 1.445,-0.172 1.979,-0.235c1.099,-0.157 1.839,-0.338 2.215,-0.542c0.377,-0.204 0.566,-0.479 0.566,-0.825c-0,-0.345 -0.165,-0.627 -0.495,-0.848c-0.33,-0.219 -1.045,-0.331 -2.145,-0.331c-1.35,0 -2.331,0.198 -2.944,0.591c-0.613,0.393 -0.92,0.871 -0.92,1.437l-14.183,-0c0.377,-3.644 2.105,-6.393 5.184,-8.247c3.078,-1.852 7.304,-2.78 12.675,-2.78c5.749,0 9.92,1.022 12.511,3.063c2.591,2.042 3.886,5.168 3.886,9.377l0,15.691l-12.063,0l-1.412,-4.382Z"
125        style="fill:#0000FF;fill-rule:nonzero;" />
126    <path
127        d="M185.4,66.96c0.675,-0.595 1.013,-1.476 1.013,-2.638l-0,-0.188c-0,-1.288 -0.33,-2.253 -0.989,-2.898c-0.661,-0.644 -1.556,-0.966 -2.687,-0.966c-1.162,0 -2.073,0.322 -2.732,0.966c-0.66,0.645 -0.991,1.61 -0.991,2.898l0,0.188c0,1.162 0.331,2.043 0.991,2.638c0.659,0.597 1.555,0.897 2.686,0.897c1.131,-0 2.033,-0.3 2.709,-0.897m-16.163,7.87c-2.812,-2.512 -4.216,-6 -4.216,-10.461l-0,-0.187c-0,-1.476 0.171,-2.853 0.518,-4.124c0.345,-1.273 0.879,-2.458 1.602,-3.558c1.414,-2.167 3.446,-3.855 6.102,-5.065c2.654,-1.209 5.834,-1.814 9.541,-1.814c1.885,0 3.621,0.149 5.207,0.447c1.586,0.299 3.04,0.747 4.36,1.343c2.606,1.225 4.6,2.93 5.983,5.112c1.382,2.185 2.074,4.737 2.074,7.659l-0,0.187c-0,4.461 -1.548,7.949 -4.642,10.461c-3.094,2.513 -7.453,3.77 -13.075,3.77c-6.158,0 -10.642,-1.257 -13.454,-3.77"
128        style="fill:#0000FF;fill-rule:nonzero;" />
129    <path
130        d="M205.354,77.751l0,-27.565l11.497,0l1.886,7.68c0.345,-3.078 1.302,-5.221 2.874,-6.431c1.571,-1.209 3.817,-1.814 6.738,-1.814l2.308,-0l0,14.135l-5.512,0c-0.692,0 -1.305,0.041 -1.838,0.119c-0.534,0.079 -0.989,0.196 -1.366,0.354c-0.723,0.282 -1.218,0.792 -1.484,1.53c-0.268,0.739 -0.401,1.752 -0.401,3.039l-0,8.953l-14.702,0Z"
131        style="fill:#0000FF;fill-rule:nonzero;" />
132    <path
133        d="M255.745,66.938c0.643,-0.582 0.967,-1.501 0.967,-2.757l-0,-0.141c-0,-1.289 -0.324,-2.247 -0.967,-2.875c-0.644,-0.627 -1.532,-0.942 -2.663,-0.942c-1.1,-0 -1.986,0.315 -2.662,0.942c-0.675,0.628 -1.013,1.586 -1.013,2.875l0,0.141c0,1.256 0.33,2.175 0.99,2.757c0.66,0.581 1.554,0.871 2.685,0.871c1.131,0 2.019,-0.29 2.663,-0.871m1.39,6.573c-0.753,1.382 -1.869,2.498 -3.345,3.345c-1.477,0.848 -3.44,1.273 -5.891,1.273c-1.162,0 -2.278,-0.134 -3.345,-0.401c-1.068,-0.266 -2.074,-0.683 -3.016,-1.248c-1.884,-1.068 -3.385,-2.639 -4.5,-4.713c-1.115,-2.074 -1.673,-4.571 -1.673,-7.493l0,-0.187c0,-1.571 0.143,-3.008 0.425,-4.313c0.283,-1.302 0.707,-2.488 1.272,-3.557c1.131,-2.104 2.655,-3.698 4.571,-4.782c1.915,-1.084 4.067,-1.627 6.455,-1.627c2.136,0 3.894,0.363 5.277,1.084c1.382,0.723 2.451,1.761 3.205,3.111l-0,-12.534l13.57,0l-0,36.282l-12.204,0l-0.801,-4.24Z"
134        style="fill:#0000FF;fill-rule:nonzero;" />
135    <path
136        d="M295.467,66.96c0.675,-0.595 1.013,-1.476 1.013,-2.638l0,-0.188c0,-1.288 -0.33,-2.253 -0.99,-2.898c-0.66,-0.644 -1.555,-0.966 -2.685,-0.966c-1.163,0 -2.073,0.322 -2.733,0.966c-0.66,0.645 -0.99,1.61 -0.99,2.898l-0,0.188c-0,1.162 0.33,2.043 0.99,2.638c0.66,0.597 1.554,0.897 2.685,0.897c1.132,-0 2.034,-0.3 2.71,-0.897m-16.162,7.87c-2.812,-2.512 -4.218,-6 -4.218,-10.461l0,-0.187c0,-1.476 0.173,-2.853 0.519,-4.124c0.345,-1.273 0.879,-2.458 1.602,-3.558c1.413,-2.167 3.447,-3.855 6.102,-5.065c2.654,-1.209 5.835,-1.814 9.542,-1.814c1.884,0 3.619,0.149 5.206,0.447c1.586,0.299 3.04,0.747 4.359,1.343c2.607,1.225 4.602,2.93 5.984,5.112c1.383,2.185 2.074,4.737 2.074,7.659l0,0.187c0,4.461 -1.548,7.949 -4.642,10.461c-3.095,2.513 -7.453,3.77 -13.076,3.77c-6.157,0 -10.641,-1.257 -13.452,-3.77"
137        style="fill:#0000FF;fill-rule:nonzero;" />
138    <path
139        d="M145.192,62.438l0,0.047c-0.063,1.131 -0.486,2.065 -1.272,2.803c-0.786,0.739 -1.917,1.107 -3.393,1.107c-1.665,-0 -2.913,-0.431 -3.746,-1.296c-0.832,-0.864 -1.248,-2.159 -1.248,-3.887l0,-0.707c0,-1.664 0.431,-2.96 1.295,-3.887c0.864,-0.927 2.113,-1.39 3.747,-1.39c1.476,-0 2.598,0.377 3.369,1.131c0.769,0.754 1.185,1.681 1.248,2.78l0,0.06l15.211,-1.139c-0.236,-3.212 -1.123,-5.903 -2.677,-8.063c-1.696,-2.355 -4.005,-4.114 -6.926,-5.277c-1.477,-0.597 -3.063,-1.036 -4.759,-1.32c-1.697,-0.282 -3.504,-0.423 -5.419,-0.423c-3.927,-0 -7.367,0.682 -10.32,2.049c-2.953,1.366 -5.246,3.354 -6.879,5.961c-0.818,1.288 -1.43,2.717 -1.838,4.288c-0.408,1.571 -0.612,3.283 -0.612,5.137l-0,1.131c-0,5.905 1.673,10.224 5.018,12.957c3.346,2.733 8.128,4.1 14.348,4.1c3.895,0 7.335,-0.551 10.319,-1.649c2.985,-1.1 5.34,-2.828 7.068,-5.184c0.849,-1.162 1.5,-2.513 1.956,-4.052c0.372,-1.261 0.606,-2.645 0.717,-4.137l-15.207,-1.14Z"
140        style="fill:#0000FF;fill-rule:nonzero;" />
141    <path
142        d="M55.442,3.191c-28.811,0 -52.251,23.44 -52.251,52.251c0,28.812 23.44,52.251 52.251,52.251c28.811,0 52.252,-23.439 52.252,-52.251c-0,-28.811 -23.441,-52.251 -52.252,-52.251m0,107.694c-30.571,-0.001 -55.442,-24.871 -55.442,-55.443c0,-30.571 24.871,-55.442 55.442,
142-55.442c30.572,-0 55.443,24.871 55.443,55.442c0,30.572 -24.871,55.442 -55.443,55.442"
143        style="fill:#0000FF;fill-rule:nonzero;" />
144    <path
145        d="M73.039,82.022l-4.527,-10.986l6.456,2.561l4.285,10.57l-6.214,-2.145Zm-16.477,10.683c2.397,-0.557 4.864,-1.425 7.374,-2.62c3.922,-1.867 6.901,-3.998 8.207,-4.997l6.096,2.105c-4.292,2.282 -12.767,5.997 -21.677,5.512m-11.14,-3.188c-11.518,-3.503 -19.801,-14.622 -21.617,-29.021c-1.391,-11.017 0.982,-26.683 9.477,-35.044c3.392,-3.34 7.489,-5.213 12.22,-5.618c-8.254,5.909 -14.005,17.286 -14.779,27.569c-1.247,16.566 3.25,27.929 13.001,32.86c9.16,4.633 17.333,-2.548 21.585,-8.623l4.59,11.138c-3.208,2.383 -14.332,9.823 -24.477,6.739m11.125,-70.538c11.464,-0.599 20.479,8.16 22.825,10.688l-2.833,7.542c-2.999,-3.685 -9.409,-10.29 -16.841,-10.29l-0.024,0c-4.392,0.009 -8.37,1.726 -11.506,4.964c-4.753,4.909 -7.211,12.859 -6.923,22.385c0.494,16.325 7.809,21.662 12.645,23.407c-2.599,1.111 -5.557,1.342 -8.726,-0.26c-8.629,-4.363 -12.417,-14.38 -11.26,-29.772c0.503,-6.669 3.185,-13.667 7.359,-19.198c4.391,-5.818 9.819,-9.179 15.284,-9.466m10.327,22.375c-3.298,-6.389 -7.093,-9.455 -10.005,-10.926c0.909,-0.206 1.847,-0.315 2.811,-0.317l0.018,0c6.248,0 12.03,6.21 14.594,9.408l-7.418,1.835Zm10.539,29.779l-12.532,-4.97l-0.677,1.235c-0.186,0.338 -2.652,4.745 -6.523,7.92c-2.145,-0.135 -12.66,-1.788 -13.246,-21.146c-0.262,-8.658 1.877,-15.785 6.026,-20.069c0.665,-0.687 1.377,-1.28
1456 2.13,-1.8c1.607,0.23 7.287,1.738 11.982,11.594l0.561,1.175l13.075,-3.235l4.813,-12.812l-0.584,-0.711c-0.446,-0.543 -11.095,-13.302 -26.058,-12.522c-1.758,0.093 -3.468,0.445 -5.115,1.014c-8.07,-1.034 -14.871,1.104 -20.223,6.371c-9.267,9.122 -11.889,25.947 -10.404,37.719c1.968,15.595 11.038,27.691 23.688,31.619c4.578,2.53 9.353,3.473 13.924,3.473c12.839,-0.001 24.059,-7.417 24.692,-7.843l1.074,-0.723l-6.603,-16.289Z"
146        style="fill:#0000FF;fill-rule:nonzero;" />
147</svg>
148
149</div>
150
151            </a>
152
153        </div>
154
155        <div class="flex-auto flex-col h-40 hidden lg:flex justify-between">
156
157
158            <div class="h-auto">
159
160                <div class="flex h-full justify-end uppercase text-sm">
161
162                    <div class="flex flex-wrap content-end divide-x divide-current">
163
164                        <div>
165                            <div class="px-4 py-2">
166                                <a href="https://lacordo.com/la-cordo" class=" nav">La
167                                    cordo</a>
168                            </div>
169                        </div>
170
171                        <div>
172                            <div class="px-4 py-2">
173                                <a href="https://lacordo.com/blog" class=" nav">Les actus</a>
174                            </div>
175                        </div>
176
177                        <div class="flex flex-wrap content-center px-4">
178
179                            <a href="https://fr-fr.facebook.com/lacordosmac" target="_blank" class="pr-1">
180    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
181        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
182        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
183        <g>
184            <path
185                d="M17.142,10.431c0.426,-0.014 0.854,-0.003 1.283,-0.003l0.175,0l0,-2.223c-0.228,-0.024 -0.465,-0.056 -0.704,-0.068c-0.44,-0.02 -0.879,-0.041 -1.317,-0.032c-0.67,0.014 -1.305,0.177 -1.858,0.575c-0.635,0.457 -0.983,1.098 -1.116,1.856c-0.055,0.313 -0.069,0.635 -0.078,0.954c-0.012,0.499 -0.002,0.997 -0.001,1.496l0,0.187l-2.127,0l-0,2.483l2.114,0l0,6.242l2.585,0l-0,-6.231l2.107,0c0.108,-0.826 0.214,-1.644 0.325,-2.496l-0.475,0c-0.599,0.003 -1.975,0 -1.975,0c-0,0 0.007,-1.23 0.022,-1.765c0.019,-0.731 0.453,-0.953 1.04,-0.975"
186                style="fill:#0000FF;fill-rule:nonzero;" />
187            <path
188                d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.284 -6.716,-15 -15,-15c-8.284,0 -15,6.716 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.764c-7.31,-0 -13.235,-5.926 -13.235,-13.236c-0,-7.31 5.925,-13.235 13.235,-13.235c7.309,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.926,13.236 -13.235,13.236Z"
189                style="fill:#0000FF;" />
190        </g>
191    </svg>
192</a>
193
194                            
195                            <a href="https://www.instagram.com/lacordosmac/?hl=fr" target="_blank" class="pr-1">
196    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
197    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
198    xmlns:serif="http://www.serif.com/"
199    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
200    <g>
201        <path
202            d="M19.321,8.713l-8.641,0c-1.085,0 -1.966,0.881 -1.966,1.967l0,8.64c0,1.086 0.881,1.966 1.966,1.966l8.641,-0c1.085,-0 1.966,-0.88 1.966,-1.966l-0,-8.64c-0,-1.086 -0.881,-1.967 -1.966,-1.967m-1.629,1.735c-0,-0.194 0.158,-0.351 0.352,-0.351l1.516,-0c0.193,-0 0.352,0.157 0.352,0.351l0,1.518c0,0.194 -0.159,0.35 -0.352,0.35l-1.516,0c-0.194,0 -0.352,-0.156 -0.352,-0.35l-0,-1.518Zm-5.009,3.645c0.363,-0.926 1.265,-1.583 2.317,-1.583c1.053,0 1.954,0.657 2.318,1.583c0.111,0.281 0.172,0.587 0.172,0.907c-0,1.373 -1.117,2.49 -2.49,2.49c-1.372,-0 -2.489,-1.117 -2.489,-2.49c0,-0.32 0.061,-0.626 0.172,-0.907m7.272,5.227c0,0.349 -0.285,0.634 -0.634,0.634l-8.641,0c-0.35,0 -0.633,-0.285 -0.633,-0.634l-0,-5.227l1.24,-0c-0.071,0.291 -0.108,0.594 -0.108,0.907c0,2.111 1.711,3.821 3.821,3.821c2.112,0 3.821,-1.71 3.821,-3.821c0,-0.313 -0.037,-0.616 -0.109,-0.907l1.243,-0l0,5.227Z"
203            style="fill:#0000FF;fill-rule:nonzero;" />
204        <path
205            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
206            style="fill:#0000FF;" />
207    </g>
208</svg>
209</a>
210
211                                <a href="https://www.linkedin.com/company/la-cordo-smac/?originalSubdomain=fr" target="_blank" class="pr-1">
212    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
213        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
214        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
215        <g>
216                 <path
217            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
218            style="fill:#0000FF;"
219            id="path2" />
220             <path
221            d="M 11.519286,21.395063 H 8.8751114 v -8.513154 h 2.6441746 z m -1.323509,-9.674427 c -0.8453401,0 -1.5312875,-0.700178 -1.5312875,-1.545516 a 1.5312862,1.5312862 0 0 1 3.0625725,0 c 0,0.845338 -0.685947,
2211.545516 -1.531285,1.545516 z m 11.217096,9.674427 h -2.638478 v -4.14415 c 0,-0.987651 -0.01992,-2.254235 -1.374743,-2.254235 -1.374742,0 -1.585366,1.073039 -1.585366,2.183079 v 4.215306 H 13.17296 v -8.513154 h 2.536015 v 1.161272 h 0.037 c 0.352935,-0.668871 1.215349,-1.374742 2.501857,-1.374742 2.675484,0 3.167885,1.761834 3.167885,4.050224 v 4.6764 z"
222            id="path1-0"
223            style="fill:#0000FF;" />
224        </g>
225    </svg>
226
227
228</a>
229
230                            <a href="https://www.youtube.com/channel/UCX8lUc_ibdEU_-gWjuyXcnw" target="_blank" class="pr-1">
231    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
232    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
233    xmlns:serif="http://www.serif.com/"
234    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
235    <g>
236        <path
237            d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.765c-7.31,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.925,-13.235 13.235,-13.235c7.31,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.925,13.235 -13.235,13.235Z"
238            style="fill:#0000FF;" />
239        <path
240            d="M8.705,20.231c-0.599,-0.196 -1.001,-0.589 -1.217,-1.182c-0.528,-1.449 -0.683,-7.511 0.331,-8.704c0.347,-0.409 0.793,-0.648 1.325,-0.705c2.734,-0.293 11.182,-0.252 12.156,0.099c0.571,0.205 0.976,0.579 1.195,1.15c0.578,1.498 0.597,6.948 -0.075,8.39c-0.183,0.392 -0.481,0.668 -0.858,0.866c-1.019,0.534 -11.516,0.527 -12.857,0.086m4.343,-2.841c1.643,-0.853 3.272,-1.697 4.923,-2.553c-1.653,-0.863 -3.282,-1.713 -4.923,-2.569l-0,5.122Z"
241            style="fill:#0000FF;fill-rule:nonzero;" />
242    </g>
243</svg>
244</a>
245
246                            <a href="https://open.spotify.com/user/2ekh0bskrrd0u0tjrdqpb4cpi" target="_blank" class="pr-1">
247    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
248        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
249        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
250
251        <g>
252            <path
253                d="M15,30c8.284,-0 15,-6.716 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.284 6.716,15 15,15Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.926,-13.236 13.235,-13.236c7.31,0 13.235,5.926 13.235,13.236c0,7.31 -5.925,13.235 -13.235,13.235Z"
254                style="fill:#0000FF;" />
255            <path
256                d="M23.378,12.702c-0.004,0.853 -0.898,1.375 -1.648,0.952c-0.508,-0.287 -1.028,-0.548 -1.569,-0.766c-1.077,-0.431 -2.193,-0.721 -3.334,-0.923c-0.793,-0.14 -1.593,-0.233 -2.398,-0.281c-0.835,-0.05 -1.672,-0.056 -2.509,-0.013c-0.96,0.049 -1.912,0.155 -2.851,0.358c-0.346,0.075 -0.69,0.169 -1.032,0.261c-0.21,0.056 -0.417,0.064 -0.627,0.002c-0.458,-0.134 -0.774,-0.545 -0.787,-1.025c-0.014,-0.467 0.274,-0.901 0.727,-1.051c0.331,-0.109 0.672,-0.194 1.012,-0.274c0.843,-0.194 1.697,-0.315 2.559,-0.393c0.913,-0.084 1.83,-0.111 2.747,-0.084c2.257,0.064 4.472,0.395 6.615,1.134c0.874,0.302 1.715,0.676 2.515,1.143c0.284,0.166 0.475,0.4 0.549,0.725c0.017,0.076 0.021,0.156 0.031,0.235"
257                style="fill:#0000FF;fill-rule:nonzero;" />
258            <path
259                d="M12.71,15.334c-1.346,0.006 -2.725,0.173 -4.071,0.573c-0.22,0.064 -0.441,0.069 -0.655,-0.018c-0.35,-0.142 -0.578,-0.493 -0.566,-0.864c0.
259013,-0.387 0.249,-0.724 0.623,-0.838c0.379,-0.116 0.764,-0.217 1.153,-0.303c0.953,-0.212 1.92,-0.323 2.898,-0.361c2.101,-0.079 4.155,0.192 6.159,0.835c1.013,0.324 1.983,0.75 2.897,1.294c0.046,0.027 0.091,0.055 0.137,0.082c0.477,0.292 0.534,0.879 0.306,1.253c-0.26,0.428 -0.802,0.561 -1.252,0.308c-0.253,-0.143 -0.504,-0.293 -0.763,-0.426c-1.19,-0.606 -2.451,-0.999 -3.76,-1.247c-1.008,-0.19 -2.024,-0.283 -3.106,-0.288"
260                style="fill:#0000FF;fill-rule:nonzero;" />
261            <path
262                d="M12.921,17.33c1.55,0.017 3.065,0.226 4.536,0.722c0.812,0.274 1.586,0.628 2.322,1.067c0.064,0.037 0.129,0.075 0.188,0.119c0.297,0.226 0.374,0.635 0.183,0.956c-0.185,0.312 -0.579,0.436 -0.916,0.288c-0.067,-0.029 -0.13,-0.069 -0.194,-0.108c-1.247,-0.739 -2.593,-1.197 -4.023,-1.415c-0.879,-0.135 -1.761,-0.182 -2.647,-0.147c-1.147,0.045 -2.28,0.205 -3.4,0.453c-0.113,0.024 -0.23,0.047 -0.344,0.049c-0.347,0.003 -0.641,-0.242 -0.701,-0.577c-0.064,-0.353 0.11,-0.684 0.434,-0.814c0.069,-0.027 0.142,-0.045 0.214,-0.061c0.916,-0.206 1.841,-0.361 2.777,-0.44c0.523,-0.045 1.047,-0.062 1.571,-0.092"
263                style="fill:#0000FF;fill-rule:nonzero;" />
264        </g>
265    </svg>
266</a>
267
268                            <div class="pl-6 modal-open-newsletter cursor-pointer hover">
269    <svg height="28" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
270        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
271        xmlns:serif="http://www.serif.com/"
272        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
273        <g>
274            <path
275                d="M7.937,12.851l12.498,-4.061c0.059,-0.02 0.12,-0.027 0.181,-0.028c0.014,-0 0.026,0.003 0.04,0.003c0.057,0.003 0.112,0.014 0.165,0.033c0.02,0.007 0.04,0.014 0.059,0.023c0.065,0.03 0.127,0.067 0.18,0.119c0.053,0.052 0.089,0.115 0.12,0.18c0.008,0.019 0.014,0.037 0.021,0.056c0.019,0.054 0.029,0.11 0.032,0.168c0.001,0.014 0.005,0.026 0.005,0.04c-0.002,0.061 -0.009,0.122 -0.028,0.18l-4.06,12.5c-0.08,0.246 -0.305,0.416 -0.563,0.425l-0.021,-0c-0.251,-0 -0.477,-0.152 -0.57,-0.386l-2.322,-5.777l-5.776,-2.32c-0.241,-0.097 -0.395,-0.333 -0.386,-0.592c0.008,-0.258 0.179,-0.484 0.425,-0.563m8.568,7.222l2.744,-8.454l-4.382,4.382l1.638,4.072Zm-2.507,-4.941l4.382,-4.382l-8.453,2.747l4.071,1.635Z"
276                style="fill-rule:nonzero;" />
277            <path
278                d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,0 -15,6.715 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.765c-7.31,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.925,-13.235 13.235,-13.235c7.31,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.925,13.235 -13.235,13.235Z" />
279        </g>
280    </svg>
281</div>
282
283
284
285                        </div>
286
287                        <div class="flex flex-wrap content-center px-4">
288
289                            <div class="modal-open cursor-pointer">
290
291                                <span class="w-auto flex justify-end items-center text-grey p-0 hover">
292    <svg height="28" viewBox="0 0 24 23" version="1.1" class="m-0 "
293        xmlns="http://www.w3.org/2000/svg"
294        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
295        xmlns:serif="http://www.serif.com/"
296        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
297        <path
298            d="M0,22.165l6.912,-6.61c-1.536,-1.652 -2.477,-3.82 -2.477,-6.2c-0,-5.158 4.388,-9.355 9.783,-9.355c5.394,0 9.782,4.197 9.782,9.355c0,5.158 -4.388,9.355 -9.782,9.355c-2.489,-0 -4.756,-0.901 -6.484,-2.369l-6.912,6.61l-0.822,-0.786Zm14.218,-4.556c4.759,0 8.631,-3.702 8.631,-8.254c-0,-4.551 -3.872,-8.254 -8.631,-8.254c-4.76,0 -8.632,3.703 -8.632,8.254c0,4.552 3.872,8.254 8.632,8.254"
299            style="fill-rule:nonzero;" />
300    </svg>
301</span>
302                            </div>
303                        </div>
304
305                    </div>
306
307                    <div>
308                        <div class="flex flex-row items-center">
309
310                            
311                            
312                        </div>
313                    </div>
314
315                </div>
316            </div>
317
318            <div class="h-auto mb-4">
319
320                <ul class="flex justify-end h-full text-xl font-bold uppercase divide-x divide-current">
321
322                    <li class="px-8 text-center">
323                        <a href="https://lacordo.com/agenda" class="navTop ">
324                            <div class="font-black text-2xl">Écouter</div>
325                            <div class="text-sm font-light -mt-2">de la musique</div>
326                        </a>
327                    </li>
328                    <li class="px-8 text-center">
329                        <a href="https://lacordo.com/espace-musiciens" class="navTop ">
330                            <div class="font-black text-2xl">Faire</div>
331                            <div class="text-sm font-light -mt-2">de la musique</div>
332                        </a>
333                    </li>
334                    <li class="px-8 text-center">
335                        <a href="https://lacordo.com/actions" class="navTop ">
336                            <div class="font-black text-2xl">Découvrir</div>
337                            <div class="text-sm font-light -mt-2">
338                                la
339                                musique
340                            </div>
341                        </a>
342                    </li>
343                    <li class="px-8 text-center">
344                        <a href="https://lacordo.com/infos-pratiques" class="navTop ">
345                            <div class="font-black text-2xl">Infos</div>
346                            <div class="text-sm font-light -mt-2">pratiques</div>
347
348                        </a>
349                    </li>
350
351
352
353                </ul>
354
355            </div>
356
357        </div>
358
359
360        <div class="flex-auto h-40 flex lg:hidden justify-end items-center z-50 ">
361
362            <div class="h-auto mr-4">
363                <div class="tham tham-e-squeeze tham-w-12">
364                    <div class="tham-box">
365                        <div class="tham-inner"></div>
366                    </div>
367                </div>
368            </div>
369        </div>
370
371    </nav>
372
373    <nav id="mobile"
374        class="fixed w-full h-screed bg-white inset-0 hidden lg:hidden flex flex-col justify-between px-4 pt-24 pb-4 z-40">
375        <div class="">
376            <ul class="flex flex-col text-xl font-bold uppercase">
377
378                <li class="py-2">
379                    <a href="https://lacordo.com/agenda" class="">
380                        <div class="font-black text-3xl">Ecouter</div>
381                        <div class="text-base font-light">de la musique</div>
382                    </a>
383                </li>
384                <li class="py-2">
385                    <a href="https://lacordo.com/espace-musiciens" class="">
386                        <div class="font-black text-3xl">Faire</div>
387                        <div class="text-base font-light">de la musique</div>
388                    </a>
389                </li>
390                <li class="py-2">
391                    <a href="https://lacordo.com/actions" class="">
392                        <div class="font-black text-3xl">Découvrir</div>
393                        <div class="text-base font-light">
394                            la
395                            musique
396                        </div>
397                    </a>
398                </li>
399                <li class="py-2">
400                    <a href="https://lacordo.com/infos-pratiques" class="">
401                        <div class="font-black text-3xl">Infos</div>
402                        <div class="text-base font-light">pratiques</div>
403
404                    </a>
405                </li>
406                <li class="py-1">
407                    <a href="https://lacordo.com/blog" class="">
408                        <div class="text-base font-light">Le blog</div>
409                    </a>
410                </li>
411                <li class="py-1">
412                    <a href="https://lacordo.com/la-cordo" class="">
413                        <div class="text-base font-light">La cordo</div>
414                    </a>
415                </li>
416                <li class="py-1">
417                    <a href="https://lacordo.com/la-cordo/concerts-passes" class="">
418                        <div class="text-base font-light">Les concerts passés</div>
419                    </a>
420                </li>
421                                    <li class="py-1">
422                        <a href="https://billetterie.lacordo.com/" target="_blank">
423                            <div class="text-base font-light">BILLETTERIE</div>
424                        </a>
425                    </li>
426                            </ul>
427        </div>
428        <div class="border-t pt-2 border-current">
429            <div class="flex flex-wrap content-center pt-2">
430
431                <a href="https://fr-fr.facebook.com/lacordosmac" target="_blank" class="pr-1">
432    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
433        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
434        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
435        <g>
436            <path
437                d="M17.142,10.431c0.426,-0.014 0.854,-0.003 1.283,-0.003l0.175,0l0,-2.223c-0.228,-0.024 -0.465,-0.056 -0.704,-0.068c-0.44,-0.02 -0.879,-0.041 -1.317,-0.032c-0.67,0.014 -1.305,0.177 -1.858,0.575c-0.
437635,0.457 -0.983,1.098 -1.116,1.856c-0.055,0.313 -0.069,0.635 -0.078,0.954c-0.012,0.499 -0.002,0.997 -0.001,1.496l0,0.187l-2.127,0l-0,2.483l2.114,0l0,6.242l2.585,0l-0,-6.231l2.107,0c0.108,-0.826 0.214,-1.644 0.325,-2.496l-0.475,0c-0.599,0.003 -1.975,0 -1.975,0c-0,0 0.007,-1.23 0.022,-1.765c0.019,-0.731 0.453,-0.953 1.04,-0.975"
438                style="fill:#0000FF;fill-rule:nonzero;" />
439            <path
440                d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.284 -6.716,-15 -15,-15c-8.284,0 -15,6.716 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.764c-7.31,-0 -13.235,-5.926 -13.235,-13.236c-0,-7.31 5.925,-13.235 13.235,-13.235c7.309,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.926,13.236 -13.235,13.236Z"
441                style="fill:#0000FF;" />
442        </g>
443    </svg>
444</a>
445
446                
447                <a href="https://www.instagram.com/lacordosmac/?hl=fr" target="_blank" class="pr-1">
448    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
449    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
450    xmlns:serif="http://www.serif.com/"
451    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
452    <g>
453        <path
454            d="M19.321,8.713l-8.641,0c-1.085,0 -1.966,0.881 -1.966,1.967l0,8.64c0,1.086 0.881,1.966 1.966,1.966l8.641,-0c1.085,-0 1.966,-0.88 1.966,-1.966l-0,-8.64c-0,-1.086 -0.881,-1.967 -1.966,-1.967m-1.629,1.735c-0,-0.194 0.158,-0.351 0.352,-0.351l1.516,-0c0.193,-0 0.352,0.157 0.352,0.351l0,1.518c0,0.194 -0.159,0.35 -0.352,0.35l-1.516,0c-0.194,0 -0.352,-0.156 -0.352,-0.35l-0,-1.518Zm-5.009,3.645c0.363,-0.926 1.265,-1.583 2.317,-1.583c1.053,0 1.954,0.657 2.318,1.583c0.111,0.281 0.172,0.587 0.172,0.907c-0,1.373 -1.117,2.49 -2.49,2.49c-1.372,-0 -2.489,-1.117 -2.489,-2.49c0,-0.32 0.061,-0.626 0.172,-0.907m7.272,5.227c0,0.349 -0.285,0.634 -0.634,0.634l-8.641,0c-0.35,0 -0.633,-0.285 -0.633,-0.634l-0,-5.227l1.24,-0c-0.071,0.291 -0.108,0.594 -0.108,0.907c0,2.111 1.711,3.821 3.821,3.821c2.112,0 3.821,-1.71 3.821,-3.821c0,-0.313 -0.037,-0.616 -0.109,-0.907l1.243,-0l0,5.227Z"
455            style="fill:#0000FF;fill-rule:nonzero;" />
456        <path
457            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
458            style="fill:#0000FF;" />
459    </g>
460</svg>
461</a>
462
463                    <a href="https://www.linkedin.com/company/la-cordo-smac/?originalSubdomain=fr" target="_blank" class="pr-1">
464    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
465        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
466        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
467        <g>
468                 <path
469            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
470            style="fill:#0000FF;"
471            id="path2" />
472             <path
473            d="M 11.519286,21.395063 H 8.8751114 v -8.513154 h 2.6441746 z m -1.323509,-9.674427 c -0.8453401,0 -1.5312875,-0.700178 -1.5312875,-1.545516 a 1.5312862,1.5312862 0 0 1 3.0625725,0 c 0,0.845338 -0.685947,1.545516 -1.531285,1.545516 z m 11.217096,9.674427 h -2.638478 v -4.14415 c 0,-0.987651 -0.01992,-2.254235 -1.374743,-2.254235 -1.374742,0 -1.585366,1.073039 -1.585366,2.183079 v 4.215306 H 13.17296 v -8.513154 h 2.536015 v 1.161272 h 0.037 c 0.352935,-0.668871 1.215349,-1.374742 2.501857,-1.374742 2.675484,0 3.167885,1.761834 3.167885,4.050224 v 4.6764 z"
474            id="path1-0"
475            style="fill:#0000FF;" />
476        </g>
477    </svg>
478
479
480</a>
481
482                <a href="https://www.youtube.com/channel/UCX8lUc_ibdEU_-gWjuyXcnw" target="_blank" class="pr-1">
483    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
484    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
485    xmlns:serif="http://www.serif.com/"
486    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
487    <g>
488        <path
489            d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.765c-7.31,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.925,-13.235 13.235,-13.235c7.31,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.925,13.235 -13.235,13.235Z"
490            style="fill:#0000FF;" />
491        <path
492            d="M8.705,20.231c-0.599,-0.196 -1.001,-0.589 -1.217,-1.182c-0.528,-1.449 -0.683,-7.511 0.331,-8.704c0.347,-0.409 0.793,-0.648 1.325,-0.705c2.734,-0.293 11.182,
492-0.252 12.156,0.099c0.571,0.205 0.976,0.579 1.195,1.15c0.578,1.498 0.597,6.948 -0.075,8.39c-0.183,0.392 -0.481,0.668 -0.858,0.866c-1.019,0.534 -11.516,0.527 -12.857,0.086m4.343,-2.841c1.643,-0.853 3.272,-1.697 4.923,-2.553c-1.653,-0.863 -3.282,-1.713 -4.923,-2.569l-0,5.122Z"
493            style="fill:#0000FF;fill-rule:nonzero;" />
494    </g>
495</svg>
496</a>
497
498                    <a href="https://open.spotify.com/user/2ekh0bskrrd0u0tjrdqpb4cpi" target="_blank" class="pr-1">
499    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
500        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
501        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
502
503        <g>
504            <path
505                d="M15,30c8.284,-0 15,-6.716 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.284 6.716,15 15,15Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.926,-13.236 13.235,-13.236c7.31,0 13.235,5.926 13.235,13.236c0,7.31 -5.925,13.235 -13.235,13.235Z"
506                style="fill:#0000FF;" />
507            <path
508                d="M23.378,12.702c-0.004,0.853 -0.898,1.375 -1.648,0.952c-0.508,-0.287 -1.028,-0.548 -1.569,-0.766c-1.077,-0.431 -2.193,-0.721 -3.334,-0.923c-0.793,-0.14 -1.593,-0.233 -2.398,-0.281c-0.835,-0.05 -1.672,-0.056 -2.509,-0.013c-0.96,0.049 -1.912,0.155 -2.851,0.358c-0.346,0.075 -0.69,0.169 -1.032,0.261c-0.21,0.056 -0.417,0.064 -0.627,0.002c-0.458,-0.134 -0.774,-0.545 -0.787,-1.025c-0.014,-0.467 0.274,-0.901 0.727,-1.051c0.331,-0.109 0.672,-0.194 1.012,-0.274c0.843,-0.194 1.697,-0.315 2.559,-0.393c0.913,-0.084 1.83,-0.111 2.747,-0.084c2.257,0.064 4.472,0.395 6.615,1.134c0.874,0.302 1.715,0.676 2.515,1.143c0.284,0.166 0.475,0.4 0.549,0.725c0.017,0.076 0.021,0.156 0.031,0.235"
509                style="fill:#0000FF;fill-rule:nonzero;" />
510            <path
511                d="M12.71,15.334c-1.346,0.006 -2.725,0.173 -4.071,0.573c-0.22,0.064 -0.441,0.069 -0.655,-0.018c-0.35,-0.142 -0.578,-0.493 -0.566,-0.864c0.
511013,-0.387 0.249,-0.724 0.623,-0.838c0.379,-0.116 0.764,-0.217 1.153,-0.303c0.953,-0.212 1.92,-0.323 2.898,-0.361c2.101,-0.079 4.155,0.192 6.159,0.835c1.013,0.324 1.983,0.75 2.897,1.294c0.046,0.027 0.091,0.055 0.137,0.082c0.477,0.292 0.534,0.879 0.306,1.253c-0.26,0.428 -0.802,0.561 -1.252,0.308c-0.253,-0.143 -0.504,-0.293 -0.763,-0.426c-1.19,-0.606 -2.451,-0.999 -3.76,-1.247c-1.008,-0.19 -2.024,-0.283 -3.106,-0.288"
512                style="fill:#0000FF;fill-rule:nonzero;" />
513            <path
514                d="M12.921,17.33c1.55,0.017 3.065,0.226 4.536,0.722c0.812,0.274 1.586,0.628 2.322,1.067c0.064,0.037 0.129,0.075 0.188,0.119c0.297,0.226 0.374,0.635 0.183,0.956c-0.185,0.312 -0.579,0.436 -0.916,0.288c-0.067,-0.029 -0.13,-0.069 -0.194,-0.108c-1.247,-0.739 -2.593,-1.197 -4.023,-1.415c-0.879,-0.135 -1.761,-0.182 -2.647,-0.147c-1.147,0.045 -2.28,0.205 -3.4,0.453c-0.113,0.024 -0.23,0.047 -0.344,0.049c-0.347,0.003 -0.641,-0.242 -0.701,-0.577c-0.064,-0.353 0.11,-0.684 0.434,-0.814c0.069,-0.027 0.142,-0.045 0.214,-0.061c0.916,-0.206 1.841,-0.361 2.777,-0.44c0.523,-0.045 1.047,-0.062 1.571,-0.092"
515                style="fill:#0000FF;fill-rule:nonzero;" />
516        </g>
517    </svg>
518</a>
519
520                <div class="pl-6 modal-open-newsletter cursor-pointer hover">
521    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
522        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
523        xmlns:serif="http://www.serif.com/"
524        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
525        <g>
526            <path
527                d="M7.937,12.851l12.498,-4.061c0.059,-0.02 0.12,-0.027 0.181,-0.028c0.014,-0 0.026,0.003 0.04,0.003c0.057,0.003 0.112,0.014 0.165,0.033c0.02,0.007 0.04,0.014 0.059,0.023c0.065,0.03 0.127,0.067 0.18,0.119c0.053,0.052 0.089,0.115 0.12,0.18c0.008,0.019 0.014,0.037 0.021,0.056c0.019,0.054 0.029,0.11 0.032,0.168c0.001,0.014 0.005,0.026 0.005,0.04c-0.002,0.061 -0.009,0.122 -0.028,0.18l-4.06,12.5c-0.08,0.246 -0.305,0.416 -0.563,0.425l-0.021,-0c-0.251,-0 -0.477,-0.152 -0.57,-0.386l-2.322,-5.777l-5.776,-2.32c-0.241,-0.097 -0.395,-0.333 -0.386,-0.592c0.008,-0.258 0.179,-0.484 0.425,-0.563m8.568,7.222l2.744,-8.454l-4.382,4.382l1.638,4.072Zm-2.507,-4.941l4.382,-4.382l-8.453,2.747l4.071,1.635Z"
528                style="fill-rule:nonzero;" />
529            <path
530                d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,0 -15,6.715 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.765c-7.31,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.925,-13.235 13.235,-13.235c7.31,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.925,13.235 -13.235,13.235Z" />
531        </g>
532    </svg>
533</div>
534
535
536
537            </div>
538        </div>
539    </nav>
540</header>
541
542    <!---->
543
544    <main  id=""         class="text-sm font-prompt px-0 flex-grow content-center">
545        
546<section class="" style="color:#0000FF;">
547
548        <section class="max-w-screen-2xl mx-auto pb-6 pt-6">
549
550    <div class="grid grid-cols-1 md:grid-cols-2">
551
552        <div id="left-slide" class="thumbnails js-thumbnails">
553
554            <ul class="thumbnails__list">
555                
556                
557                
558
559                
560                
561                                <li class="thumbnails__item py-2 origin-left pl-4 2xl:pl-0 block" role="button" tabindex="0">
562
563                    <div class="font-bold text-3xl focus-title min-h-12">
564                        La Cordo fête ses 20 ans !</div>
565
566                    <div class="flex flex-row items-center text-lg font-light">
567
568                    
569
570                                        <div class="text-white px-3 py-1 mr-2" style="color: #ffffff ;background-color:#0000FF;">
571                        ACTU
572                    </div>
573                    
574
575                    <div>
576
577                        
578                        <div class="hoverButton  lineS">
579
580    <a href="https://lacordo.com/blog/la-cordo-fete-ses-20-ans" title="En savoir plus" target="_self" >
581
582
583                    <div
584                class="text px-3 py-2 text-xs font-light inline-flex items-center leading-none uppercase focus-link">
585                En savoir plus
586            </div>
587        
588        <span class="line -right"></span>
589        <span class="line -top"></span>
590        <span class="line -left"></span>
591        <span class="line -bottom"></span>
592    </a>
593
594</div>
595
596                        
597                    </div>
598
599                </li>
600                
601
602                
603                
604                
605
606                
607                
608                                <li class="thumbnails__item py-2 origin-left pl-4 2xl:pl-0 block" role="button" tabindex="0">
609
610                    <div class="font-bold text-3xl focus-title min-h-12">
611                        Découvrez la programmation</div>
612
613                    <div class="flex flex-row items-center text-lg font-light">
614
615                    
616
617                                        <div class="text-white px-3 py-1 mr-2" style="color: #ffffff ;background-color:#0000FF;">
618                        ACTU
619                    </div>
620                    
621
622                    <div>
623
624                        
625                        <div class="hoverButton  lineS">
626
627    <a href="https://lacordo.com/blog/decouvrez-la-programmation" title="En savoir plus" target="_self" >
628
629
630                    <div
631                class="text px-3 py-2 text-xs font-light inline-flex items-center leading-none uppercase focus-link">
632                En savoir plus
633            </div>
634        
635        <span class="line -right"></span>
636        <span class="line -top"></span>
637        <span class="line -left"></span>
638        <span class="line -bottom"></span>
639    </a>
640
641</div>
642
643                        
644                    </div>
645
646                </li>
647                
648
649                
650                
651                                <li class="thumbnails__item py-2 origin-left pl-4 2xl:pl-0 block" role="button" tabindex="0">
652
653                    <div class="font-bold text-3xl focus-title min-h-12">
654                        Adhérez à La Cordo</div>
655
656                    <div class="flex flex-row items-center text-lg font-light">
657
658                    
659
660                                        <div class="text-white px-3 py-1 mr-2" style="color: #ffffff ;background-color:#0000FF;">
661                        ACTU
662                    </div>
663                    
664
665                    <div>
666
667                        
668                        <div class="hoverButton  lineS">
669
670    <a href="https://lacordo.com/blog/adherez-a-la-cordo" title="En savoir plus" target="_self" >
671
672
673                    <div
674                class="text px-3 py-2 text-xs font-light inline-flex items-center leading-none uppercase focus-link">
675                En savoir plus
676            </div>
677        
678        <span class="line -right"></span>
679        <span class="line -top"></span>
680        <span class="line -left"></span>
681        <span class="line -bottom"></span>
682    </a>
683
684</div>
685
686                        
687                    </div>
688
689                </li>
690                
691
692                
693                
694                
695
696                
697                
698                
699
700                
701                
702                
703
704                
705            </ul>
706
707        </div>
708
709        <div class="md:flex flex-col justify-start hidden">
710
711            <div id="right-slide" class="splide">
712                <div class="splide__track">
713                    <div class="splide__list ">
714
715                        
716                        
717                        
718                        
719                        
720                                                <div class="splide__slide">
721
722                                                        <a href="https://lacordo.com/blog/la-cordo-fete-ses-20-ans" title="La Cordo fête ses 20 ans !">
723                                
724                                                                        <img src="/storage/medias/actuality/1289/conversions/la-cordo-la-cordo-fete-ses-20-ans-focus.webp"
725                                        alt="La Cordo fête ses 20 ans !">
726                                    
727                                                                    </a>
728                                
729                        </div>
730                        
731                        
732                        
733                        
734                        
735                        
736                                                <div class="splide__slide">
737
738                                                        <a href="https://lacordo.com/blog/decouvrez-la-programmation" title="Découvrez la programmation">
739                                
740                                                                        <img src="/storage/medias/actuality/1290/conversions/la-cordo-decouvrez-la-programmation-focus.webp"
741                                        alt="Découvrez la programmation">
742                                    
743                                                                    </a>
744                                
745                        </div>
746                        
747                        
748                        
749                                                <div class="splide__slide">
750
751                                                        <a href="https://lacordo.com/blog/adherez
751-a-la-cordo" title="Adhérez à La Cordo">
752                                
753                                                                        <img src="/storage/medias/actuality/970/conversions/la-cordo-adherez-a-la-cordo-focus.webp"
754                                        alt="Adhérez à La Cordo">
755                                    
756                                                                    </a>
757                                
758                        </div>
759                        
760                        
761                        
762                        
763                        
764                        
765                        
766                        
767                        
768                        
769                        
770
771
772
773                    </div>
774                </div>
775            </div>
776        </div>
777
778    </div>
779
780</section>    
781    <section id="agendaIndex" class="max-w-screen-2xl mx-auto pb-6 px-4 2xl:px-0">
782
783    <h2 class="divider line one-line text-5xl md:text-7xl font-extrabold mt-12 mb-2">
784    Agenda
785</h2>
786
787    <div class="mb-6 text-center">
788
789        <div class="hoverButton mt-6 lineS">
790
791    <a href="https://lacordo.com/agenda" title="La programmation complète" target="_self" >
792
793
794                    <div
795                class="text px-3 py-2 text-xs font-light inline-flex items-center leading-none uppercase ">
796                La programmation complète
797            </div>
798        
799        <span class="line -right"></span>
800        <span class="line -top"></span>
801        <span class="line -left"></span>
802        <span class="line -bottom"></span>
803    </a>
804
805</div>
806
807    </div>
808
809    <div>
810
811
812        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
813
814            
815             <a href="https://lacordo.com/agenda/les-studios-fetent-les-20-ans"  class="flip-card"  title="Les studios fêtent les 20 ans !">
816
817
818    <div class="  text-white flip-card-inner">
819
820                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1278/conversions/la-cordo-square.webp);"></div>
821        
822        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
823            <div>
824                <div class="flex flex-row justify-between items-start ">
825                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
826                                                sam. 26.09
827                                            </div>
828
829                                        
830                </div>
831
832            </div>
833
834            <div>
835
836                <div>
837                    rock punk
838                </div>
839
840                
841                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
842                        Les studios fêtent les 20 ans !
843                    </div>
844
845                    
846                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
847                            The Socials + Hype Lights + Feat The Sun + Rebut
848                        </div>
849
850                    
851                
852
853            </div>
854
855        </div>
856
857        <div id="item_492"
858            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
859            style="color: #ffffff ;background-color:#0000FF;">
860
861            <div class="h-full w-full z-50">
862                <div
863                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
864                    <div>En savoir plus</div>
865
866                </div>
867            </div>
868
869        </div>
870
871    </div>
872
873</a>
874
875<script>
876    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
877
878        console.log(492) ;
879
880    }else{
881
882        new LiquidEffect({
883            appendTo: "#item_492",
884            image: "/storage/medias/evening/1278/conversions/la-cordo-square.webp",
885            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
886            displacementScale: 0,
887            speed: 1,
888            intensityX: 1.5,
889            intensityY: 1.5,
890        });
891    }
892
893</script>
893
894            
895            
896             <a href="https://lacordo.com/agenda/cafe-des-artistes"  class="flip-card"  title="Café des artistes">
897
898
899    <div class="  text-white flip-card-inner">
900
901                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1260/conversions/la-cordo-square.webp);"></div>
902        
903        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
904            <div>
905                <div class="flex flex-row justify-between items-start ">
906                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
907                                                mer. 30.09
908                                            </div>
909
910                                        
911                </div>
912
913            </div>
914
915            <div>
916
917                <div>
918                    
919                </div>
920
921                
922                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
923                        Café des artistes
924                    </div>
925
926                    
927                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
928                            atelier
929                        </div>
930
931                    
932                
933
934            </div>
935
936        </div>
937
938        <div id="item_477"
939            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
940            style="color: #ffffff ;background-color:#0000FF;">
941
942            <div class="h-full w-full z-50">
943                <div
944                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
945                    <div>En savoir plus</div>
946
947                </div>
948            </div>
949
950        </div>
951
952    </div>
953
954</a>
955
956<script>
957    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
958
959        console.log(477) ;
960
961    }else{
962
963        new LiquidEffect({
964            appendTo: "#item_477",
965            image: "/storage/medias/evening/1260/conversions/la-cordo-square.webp",
966            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
967            displacementScale: 0,
968            speed: 1,
969            intensityX: 1.5,
970            intensityY: 1.5,
971        });
972    }
973
974</script>
974
975            
976            
977             <a href="https://lacordo.com/agenda/lou-des-bois"  class="flip-card"  title="Lou des bois">
978
979
980    <div class="  text-white flip-card-inner">
981
982                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1244/conversions/la-cordo-square.webp);"></div>
983        
984        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
985            <div>
986                <div class="flex flex-row justify-between items-start ">
987                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
988                                                jeu. 01.10
989                                            </div>
990
991                                        
992                </div>
993
994            </div>
995
996            <div>
997
998                <div>
999                    BD et musique
1000                </div>
1001
1002                
1003                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
1004                        Lou des bois
1005                    </div>
1006
1007                    
1008                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
1009                            afterwork
1010                        </div>
1011
1012                    
1013                
1014
1015            </div>
1016
1017        </div>
1018
1019        <div id="item_475"
1020            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
1021            style="color: #ffffff ;background-color:#0000FF;">
1022
1023            <div class="h-full w-full z-50">
1024                <div
1025                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
1026                    <div>En savoir plus</div>
1027
1028                </div>
1029            </div>
1030
1031        </div>
1032
1033    </div>
1034
1035</a>
1036
1037<script>
1038    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
1039
1040        console.log(475) ;
1041
1042    }else{
1043
1044        new LiquidEffect({
1045            appendTo: "#item_475",
1046            image: "/storage/medias/evening/1244/conversions/la-cordo-square.webp",
1047            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
1048            displacementScale: 0,
1049            speed: 1,
1050            intensityX: 1.5,
1051            intensityY: 1.5,
1052        });
1053    }
1054
1055</script>
1055
1056            
1057            
1058             <a href="https://lacordo.com/agenda/c-est-quoi-l-inde"  class="flip-card"  title="C&#039;est quoi l&#039;indé ?">
1059
1060
1061    <div class="  text-white flip-card-inner">
1062
1063                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1218/conversions/la-cordo-square.webp);"></div>
1064        
1065        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
1066            <div>
1067                <div class="flex flex-row justify-between items-start ">
1068                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
1069                                                ven. 02.10
1070                                            </div>
1071
1072                                        
1073                </div>
1074
1075            </div>
1076
1077            <div>
1078
1079                <div>
1080                    
1081                </div>
1082
1083                
1084                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
1085                        C&#039;est quoi l&#039;indé ?
1086                    </div>
1087
1088                    
1089                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
1090                            table-ronde
1091                        </div>
1092
1093                    
1094                
1095
1096            </div>
1097
1098        </div>
1099
1100        <div id="item_470"
1101            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
1102            style="color: #ffffff ;background-color:#0000FF;">
1103
1104            <div class="h-full w-full z-50">
1105                <div
1106                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
1107                    <div>En savoir plus</div>
1108
1109                </div>
1110            </div>
1111
1112        </div>
1113
1114    </div>
1115
1116</a>
1117
1118<script>
1119    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
1120
1121        console.log(470) ;
1122
1123    }else{
1124
1125        new LiquidEffect({
1126            appendTo: "#item_470",
1127            image: "/storage/medias/evening/1218/conversions/la-cordo-square.webp",
1128            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
1129            displacementScale: 0,
1130            speed: 1,
1131            intensityX: 1.5,
1132            intensityY: 1.5,
1133        });
1134    }
1135
1136</script>
1136
1137            
1138            
1139             <a href="https://lacordo.com/agenda/it-it-anita"  class="flip-card"  title="It It Anita">
1140
1141
1142    <div class="  text-white flip-card-inner">
1143
1144                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1279/conversions/la-cordo-square.webp);"></div>
1145        
1146        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
1147            <div>
1148                <div class="flex flex-row justify-between items-start ">
1149                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
1150                                                ven. 02.10
1151                                            </div>
1152
1153                                        
1154                </div>
1155
1156            </div>
1157
1158            <div>
1159
1160                <div>
1161                    Indie-punk
1162                </div>
1163
1164                
1165                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
1166                        It It Anita
1167                    </div>
1168
1169                    
1170                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
1171                            + KrashKarma + Send Me Love Letters
1172                        </div>
1173
1174                    
1175                
1176
1177            </div>
1178
1179        </div>
1180
1181        <div id="item_464"
1182            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
1183            style="color: #ffffff ;background-color:#0000FF;">
1184
1185            <div class="h-full w-full z-50">
1186                <div
1187                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
1188                    <div>En savoir plus</div>
1189
1190                </div>
1191            </div>
1192
1193        </div>
1194
1195    </div>
1196
1197</a>
1198
1199<script>
1200    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
1201
1202        console.log(464) ;
1203
1204    }else{
1205
1206        new LiquidEffect({
1207            appendTo: "#item_464",
1208            image: "/storage/medias/evening/1279/conversions/la-cordo-square.webp",
1209            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
1210            displacementScale: 0,
1211            speed: 1,
1212            intensityX: 1.5,
1213            intensityY: 1.5,
1214        });
1215    }
1216
1217</script>
1217
1218            
1219            
1220             <a href="https://lacordo.com/agenda/prise-de-son-techniques-et-mise-en-pratique"  class="flip-card"  title="Prise de son : techniques et mise en pratique">
1221
1222
1223    <div class="  text-white flip-card-inner">
1224
1225                <div class="aspect-ratio-square bg-cover bg-center bg-backface-none" style="background-image:url(/storage/medias/evening/1261/conversions/la-cordo-square.webp);"></div>
1226        
1227        <div class="flex flex-col justify-between h-full overflow-hidden flip-card-front p-4 mask">
1228            <div>
1229                <div class="flex flex-row justify-between items-start ">
1230                                        <div class="font-bold text-2xl px-1"  style="color: #ffffff ;background-color:#0000FF;" >
1231                                                jeu. 08.10
1232                                            </div>
1233
1234                                        
1235                </div>
1236
1237            </div>
1238
1239            <div>
1240
1241                <div>
1242                    
1243                </div>
1244
1245                
1246                    <div class="text-3xl md:text-xl xl:text-3xl font-bold hyphens">
1247                        Prise de son : techniques et mise en pratique
1248                    </div>
1249
1250                    
1251                        <div class="text-xl md:text-lg xl:text-2xl font-bold">
1252                            atelier
1253                        </div>
1254
1255                    
1256                
1257
1258            </div>
1259
1260        </div>
1261
1262        <div id="item_478"
1263            class="absolute flex flex-col justify-center h-full overflow-hidden flip-card-back bg-cover"
1264            style="color: #ffffff ;background-color:#0000FF;">
1265
1266            <div class="h-full w-full z-50">
1267                <div
1268                    class="text-center text-base lg:text-2xl font-bold hyphens w-full z-50 h-full flex flex-col justify-center">
1269                    <div>En savoir plus</div>
1270
1271                </div>
1272            </div>
1273
1274        </div>
1275
1276    </div>
1277
1278</a>
1279
1280<script>
1281    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
1282
1283        console.log(478) ;
1284
1285    }else{
1286
1287        new LiquidEffect({
1288            appendTo: "#item_478",
1289            image: "/storage/medias/evening/1261/conversions/la-cordo-square.webp",
1290            displacementImage: "https://lacordo.com/img/displacement_map.jpg ",
1291            displacementScale: 0,
1292            speed: 1,
1293            intensityX: 1.5,
1294            intensityY: 1.5,
1295        });
1296    }
1297
1298</script>
1298
1299            
1300                    </div>
1301
1302
1303</section>
1304
1305    <section class="max-w-screen-2xl mx-auto pb-6 px-4 2xl:px-0">
1306
1307    <div class="mt-12 mb-2">
1308    <div class="divider line one-line text-7xl font-semibold uppercase mb-4">
1309        <svg class="max-w-ico w-12 sm:w-16 md:w-24" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg"
1310            xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
1311            style="fill-rule:evenodd;clip-rule:evenodd;">
1312            <g>
1313                <path
1314                    d="M39.997,77.212c20.553,0 37.215,-16.661 37.215,-37.215c0,-20.553 -16.662,-37.214 -37.215,-37.214c-20.553,0 -37.214,16.661 -37.214,37.214c0,20.554 16.661,37.215 37.214,37.215Z"
1315                    style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.35px;" />
1316                <g>
1317                    <path
1318                        d="M50.171,52.722l-2.203,-5.346l3.142,1.247l2.085,5.143l-3.024,-1.044Zm-8.018,5.199c1.166,-0.271 2.367,-0.693 3.588,-1.275c1.909,-0.909 3.359,-1.945 3.994,-2.432l2.967,1.025c-2.089,1.11 -6.213,2.918 -10.549,2.682m-5.421,-1.551c-5.605,-1.705 -9.635,-7.116 -10.519,-14.122c-0.677,-5.362 0.478,-12.985 4.611,-17.054c1.651,-1.625 3.645,-2.536 5.947,-2.734c-4.017,2.876 -6.815,8.412 -7.192,13.416c-0.606,8.062 1.582,13.591 6.327,15.991c4.457,2.254 8.434,-1.24 10.504,-4.197l2.233,5.42c-1.561,1.16 -6.974,4.781 -11.911,3.28m5.414,-34.326c5.579,-0.291 9.965,3.971 11.107,5.201l-1.379,3.67c-1.459,-1.793 -4.578,-5.007 -8.195,-5.007l-0.012,0c-2.137,0.005 -4.073,0.84 -5.599,2.416c-2.313,2.388 -3.509,6.257 -3.369,10.893c0.241,7.944 3.8,10.541 6.154,11.39c-1.265,0.541 -2.704,0.653 -4.246,-0.126c-4.199,-2.124 -6.043,-6.998 -5.48,-14.488c0.245,-3.246 1.55,-6.651 3.581,-9.342c2.137,-2.831 4.778,-4.467 7.438,-4.607m5.025,10.888c-1.605,-3.109 -3.452,-4.6 -4.868,-5.316c0.442,-0.1 0.898,-0.154 1.367,-0.154l0.009,-0c3.04,-0 5.854,3.021 7.102,4.577l-3.61,0.893Zm5.129,14.492l-6.099,-2.419l-0.329,0.601c-0.09,0.165 -1.291,2.309 -3.174,3.854c-1.044,-0.066 -6.161,-0.87 -6.446,-10.29c-0.128,-4.213 0.913,-7.681 2.932,-9.766c0.324,-0.334 0.67,-0.626 1.036,-0.876c0.783,0.112 3.547,0.846 5.832,5.642l0.272,0.572l6.363,-1.574l2.342,-6.235l-0.284,-0.346c-0.217,-0.264 -5.399,-6.473 -12.681,-6.093c-0.855,0.045 -1.687,0.216 -2.489,0.493c-3.927,-0.503 -7.236,0.537 -9.84,3.1c-4.51,4.439 -5.786,12.627 -5.063,18.355c0.957,7.589 5.371,13.475 11.527,15.387c2.227,1.231 4.551,1.69 6.776,1.69c6.247,-0.001 11.707,-3.61 12.015,-3.817l0.523,-0.352l-3.213,-7.926Z"
1319                        style="fill:#0000FF;fill-rule:nonzero;" />
1320                </g>
1321            </g>
1322        </svg>
1323    </div>
1324    </div>
1325
1326
1327        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
1328
1329            <div class="flex flex-col justify-center px-8 md:px-14 py-8 md:py-24 text-white" style="color: #ffffff ;background-color:#0000FF;">
1330
1331                
1332                
1333                <div class="text-lg font-light">
1334                    
1335                </div>
1336
1337                <div class="pt-3">
1338
1339                    <div class="hoverButton white lineS">
1340
1341    <a href="https://lacordo.com/actions" title="En savoir plus" target="_self" >
1342
1343
1344                    <div
1345                class="text px-2 py-2 text-xs font-light inline-flex items-center leading-none uppercase ">
1346                En savoir plus
1347            </div>
1348        
1349        <span class="line -right"></span>
1350        <span class="line -top"></span>
1351        <span class="line -left"></span>
1352        <span class="line -bottom"></span>
1353    </a>
1354
1355</div>
1356
1357                </div>
1358
1359            </div>
1360
1361            <div class="flex flex-col justify-center px-8 md:px-14 py-8 md:py-24 text-white" style="color: #ffffff ;background-color:#0000FF;">
1362
1363                
1364                
1365                <div class="text-lg font-light">
1366                    
1367                </div>
1368
1369                <div class="pt-3">
1370
1371
1372                    <div class="hoverButton white lineS">
1373
1374    <a href="https://lacordo.com/espace-musiciens" title="En savoir plus" target="_self" >
1375
1376
1377                    <div
1378                class="text px-2 py-2 text-xs font-light inline-flex items-center leading-none uppercase ">
1379                En savoir plus
1380            </div>
1381        
1382        <span class="line -right"></span>
1383        <span class="line -top"></span>
1384        <span class="line -left"></span>
1385        <span class="line -bottom"></span>
1386    </a>
1387
1388</div>
1389                </div>
1390
1391            </div>
1392
1393            <div class="flex flex-col justify-center lg:py-12 md:col-span-2 lg:col-span-1">
1394
1395                <div class="border bg-white lg:-ml-12  px-8 md:px-14 py-8 md:py-16" style="border-color:#0000FF;">
1396
1397                    
1398
1399                    <div class="text-lg font-light ">
1400                        
1401                    </div>
1402
1403
1404                    
1405                </div>
1406
1407            </div>
1408
1409        </div>
1410
1411</section>
1412    <section class="max-w-screen-2xl mx-auto pb-6">
1413
1414    <div class="mt-12 mb-2">
1415    <div class="divider line one-line text-7xl font-semibold uppercase mb-4">
1416        <svg class="max-w-ico" width="100%" height="100%" viewBox="0 0 80 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;">
1417            <path d="M39.997,77.212c20.553,0 37.215,-16.661 37.215,-37.215c0,-20.553 -16.662,-37.214 -37.215,-37.214c-20.553,0 -37.214,16.661 -37.214,37.214c0,20.554 16.661,37.215 37.214,37.215Z" style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.35px;" />
1418            <path d="M54.997,50.415l0,-9.705c0,-8.285 -6.715,-15 -15,-15c-8.284,-0 -15,6.715 -15,15l0,9.75" style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.5px;stroke-linecap:round;stroke-miterlimit:10;" />
1419            <path d="M30.373,42.209c1.7,0 3.078,1.378 3.078,3.077l-0,5.923c-0,1.7 -1.378,3.077 -3.078,3.077c-1.699,0 -3.077,-1.377 -3.077,-3.077l0,-5.923c0,-1.699 1.378,-3.077 3.077,-3.077Zm19.5,0c1.7,0 3.078,1.378 3.078,3.077l-0,5.923c-0,1.7 -1.378,3.077 -3.078,3.077c-1.699,0 -3.077,-1.377 -3.077,-3.077l0,-5.923c0,-1.699 1.378,-3.077 3.077,-3.077Zm-24.876,6l2.25,0m25.5,0l2.25,0" style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.5px;stroke-miterlimit:10;" />
1420            <path d="M45.994,29.459c-3.747,-2 -8.246,-2 -11.994,0" style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.5px;stroke-linecap:round;stroke-miterlimit:10;" />
1421        </svg>
1422    </div>
1423        <h2 class=" text-5xl md:text-7xl font-extrabold text-center">
1424         What’s new
1425    </h2>
1426    </div>
1427
1428    <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
1429
1430        
1431                <a href="https://lacordo.com/blog/appel-a-candidatures-a-o-c-2027" class="blog-left bg-white bg-cover bg-center" style="background-image:url(/storage/medias/actuality/1293/conversions/la-cordo-appel-a-candidatures-aoc-2027-square.webp);">
1432
1433    <div class="h-full w-full flex flex-col justify-bottom pb-0 sm:b-12 pt-48 sm:pt-96 pr-0 sm:pr-48 z-40 mask-white bg-white bg-opacity-0 transition duration-200 hover:bg-opacity-50" >
1434        <div class="bg-white bg-opacity-100 sm:bg-opacity-70 px-12 py-8">
1435            <div class="text-3xl font-extrabold uppercase mb-4">
1436                Appel à candidatures A.O.C. 2027 !
1437            </div>
1438            <div>En savoir plus...</div>
1439        </div>
1440    </div>
1441
1442</a>                
1443                <div class="blog-right flex flex-col justify-between md:pt-16 bg-cover bg-center z-50">
1444    <a href="https://lacordo.com/blog/decouvrez-la-programmation" class="h-full">
1445
1446        <div>
1447
1448            <div class="md:-ml-24 md:border-16 border-white bg-white">
1449                <img src="/storage/medias/actuality/1290/conversions/la-cordo-decouvrez-la-programmation-index.webp"
1450                    alt="Découvrez la programmation">
1451            </div>
1452
1453            <div class="bg-white bg-opacity-70 px-12 py-8">
1454                <div class="text-3xl font-extrabold uppercase mb-4">
1455                    Découvrez la programmation
1456                </div>
1457                <div class="nav" title="Découvrez la programmation">En savoir plus...</div>
1458
1459            </div>
1460
1461        </div>
1462
1463    </a>
1464
1465</div>                
1466    </div>
1467
1468    <div class="text-center mt-10">
1469        <div class="hoverButton  lineS">
1470
1471    <a href="https://lacordo.com/blog" title="Voir toutes les news" target="_self" >
1472
1473
1474                    <div
1475                class="text px-3 py-2 text-xs font-light inline-flex items-center leading-none uppercase ">
1476                Voir toutes les news
1477            </div>
1478        
1479        <span class="line -right"></span>
1480        <span class="line -top"></span>
1481        <span class="line -left"></span>
1482        <span class="line -bottom"></span>
1483    </a>
1484
1485</div>
1486    </div>
1487
1488</section>
1489
1490    <section class="max-w-screen-2xl mx-auto pb-6">
1491
1492    <div class="mt-12 mb-2">
1493    <div class="divider line one-line text-7xl font-semibold uppercase mb-4">
1494        <svg class="max-w-ico" width="100%" height="100%" viewBox="0 0 80 80" version="1.1"
1495            xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
1496            xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10;">
1497            <path
1498                d="M31.597,27.398l1.68,-0l0.101,-0.036c2.123,-0.766 4.363,-1.16 6.619,-1.164c2.257,0.004 4.497,0.398 6.621,1.164l0.099,0.036l1.68,-0m-22.2,3.6l2.4,-0l0,-2.4m25.2,2.4l-2.4,-0l0,-2.4m-25.2,21.6l2.4,-0l0,2.4m25.2,-2.4l-2.4,-0l0,2.4m-22.2,-2.4l20.4,-0m-21,-16.2l0,14.4m22.8,1.8l0,-15m0,-3.6l0,1.8l-21.075,-0m-1.725,-1.8l0,3m-1.2,-6l25.2,-0c0.663,-0 1.2,0.537 1.2,1.2l0,21.6c0,0.663 -0.537,1.2 -1.2,1.2l-25.2,-0c-0.663,-0 -1.2,-0.537 -1.2,-1.2l0,-21.6c0,-0.663 0.537,-1.2 1.2,-1.2Zm3,7.2l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m-13.8,2.4l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m-17.4,2.4l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m-13.8,2.4l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m-17.4,2.4l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m-13.8,2.4l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m2.4,-0l1.2,-0m0.6,-12l1.2,-0m-1.2,4.8l1.2,-0m-1.2,4.8l1.2,-0m-19.2,-14.4l1.2,-0m-3.6,22.8l2.4,-0m18.6,-0l2.4,-0m-10.2,-22.8l1.2,-0"
1499                style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.2px;" />
1500            <path
1501                d="M39.397,30.098c0.498,-0 0.9,0.403 0.9,0.9c0,0.497 -0.402,0.9 -0.9,0.9c-0.497,-0 -0.9,-0.403 -0.9,-0.9c0,-0.497 0.403,-0.9 0.9,-0.9"
1502                style="fill:#0000FF;fill-rule:nonzero;" />
1503            <path
1504                d="M36.697,30.098c0.498,-0 0.9,0.403 0.9,0.9c0,0.497 -0.402,0.9 -0.9,0.9c-0.497,-0 -0.9,-0.403 -0.9,-0.9c0,-0.497 0.403,-0.9 0.9,-0.9"
1505                style="fill:#0000FF;fill-rule:nonzero;" />
1506            <path
1507                d="M33.997,30.098c0.498,-0 0.9,0.403 0.9,0.9c0,0.497 -0.402,0.9 -0.9,0.9c-0.497,-0 -0.9,-0.403 -0.9,-0.9c0,-0.497 0.403,-0.9 0.9,-0.9"
1508                style="fill:#0000FF;fill-rule:nonzero;" />
1509            <path
1510                d="M39.997,77.212c20.553,0 37.215,-16.661 37.215,-37.214c0,-20.554 -16.662,-37.215 -37.215,-37.215c-20.553,0 -37.214,16.661 -37.214,37.215c0,20.553 16.661,37.214 37.214,37.214Z"
1511                style="fill:none;fill-rule:nonzero;stroke:#0000FF;stroke-width:1.35px;stroke-miterlimit:4;" />
1512        </svg>
1513    </div>
1514        <h2 class=" text-5xl md:text-7xl font-extrabold text-center">
1515        Listen !
1516    </h2>
1517    </div>
1518
1519</section>
1520
1521<section>
1522    <div class="w-full h-96 bg-cover bg-center items-center bg-no-repeat flex flex-col justify-center "
1523         style="background-image:url(/storage/medias/page/592/la-cordo-listen.jpg);">
1524
1525        <div>
1526            <a href="https://open.spotify.com/user/2ekh0bskrrd0u0tjrdqpb4cpi" class="py-2 px-4 opacity text-xs font-light inline-flex items-center uppercase" title="écouter la playlist de la Cordo"
1527    target="_blank" style="color: #ffffff ;background-color:#0000FF;">
1528    
1529        
1530        <span class="text-white text-xl text-center">écouter la playlist de la Cordo</span>
1531
1532        </a>
1533        </div>
1534
1535    </div>
1536</section>
1537
1538</section>
1539
1540    </main>
1541
1542    <footer class="text-white text-left text-sm font-prompt pt-12 pb-6" style="color: #ffffff ;background-color:#0000FF;">
1543
1544    <div class="max-w-screen-2xl m-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pt-5">
1545
1546        <div class="px-5 text-center md:text-left">
1547            <div class="flex justify-center md:justify-start  mb-4">
1548                <div class="w-full max-w-1/2">
1549                    <img src="https://lacordo.com/img/logo_footer.svg" alt="La Cordo - Musiques actuelles" />
1550                </div>
1551            </div>
1552
1553            <div class="mb-4">
1554                Cité de la Musique<br />
15553 quai Sainte Claire, 26100 Romans-sur-Isère
1556            </div>
1557
1558            <div class="mb-3">
1559                <div>Accueil/Billetterie</div>
1560
1561                                <div>04 75 02 00 40</div>
1562                
1563                                <div>
1564                    <a
1565                        href="mailto:[email protected]">[email protected]</a>
1566                </div>
1567                
1568            </div>
1569        </div>
1570
1571        <div class="md:col-span-2 order-3 lg:order-2">
1572            <div class="flex flex-col sm:flex-row items-start justify-center">
1573
1574                <div class="w-full sm:w-1/3 px-5 xl:px-10">
1575                    <div class="flex flex-col font-light divide-y divide-white">
1576                        <div class="py-2 font-bold hyphens">
1577                            <a href="https://lacordo.com/agenda" title="CONCERTS">
1578                                CONCERTS
1579                            </a>
1580                        </div>
1581                        <div class="py-2 font-bold hyphens">
1582                            <a href="https://lacordo.com/infos-pratiques" title="INFOS PRATIQUES">
1583                                INFOS PRATIQUES
1584                            </a>
1585                        </div>
1586
1587                                                <div class="py-2 font-bold hyphens">
1588                            <a href="https://billetterie.lacordo.com/" target="_blank" title="BILLETTERIE">
1589                                BILLETTERIE
1590                            </a>
1591                        </div>
1592                        
1593                        <div class="py-2 font-bold hyphens">
1594                            <a href="https://lacordo.com/la-cordo" title="LA CORDO">
1595                                LA CORDO
1596                            </a>
1597                        </div>
1598
1599                        <div class="py-2 font-bold hyphens">
1600                            <a href="https://lacordo.com/la-cordo/concerts-passes" title="LA CORDO">
1601                                LES CONCERTS PASSÉS
1602                            </a>
1603                        </div>
1604
1605                        
1606                    </div>
1607                </div>
1608
1609                <div class="w-full sm:w-1/3 px-5 xl:px-10">
1610                    <div class="flex flex-col font-light divide-y divide-white">
1611                        <div class="py-2 font-bold hyphens">FAIRE DE LA MUSIQUE</div>
1612                        <div class="py-2">
1613                            <a href="https://lacordo.com/espace-musiciens/studios" title="STUDIOS">
1614                                STUDIOS
1615                            </a>
1616                        </div>
1617                        <div class="py-2 hyphens">
1618                            <a href="https://lacordo.com/espace-musiciens/accompagnement" title="ACCOMPAGNEMENT">
1619                                ACCOMPAGNEMENT
1620                            </a>
1621                        </div>
1622                        <div class="py-2 hyphens">
1623                            <a href="https://lacordo.com/espace-musiciens/ateliers" title="ATELIERS">
1624                                ATELIERS
1625                            </a>
1626                        </div>
1627                        <div class="py-2 hyphens">
1628                            <a href="https://lacordo.com/espace-musiciens/residences" title="RÉSIDENCES">
1629                                RÉSIDENCES
1630                            </a>
1631                        </div>
1632                    </div>
1633                </div>
1634
1635                <div class="w-full sm:w-1/3 px-5 xl:px-10">
1636                    <div class="flex flex-col font-light divide-y divide-white">
1637                        <div class="py-2 font-bold hyphens">
1638                            <a href="https://lacordo.com/actions" title="DÉCOUVRIR LA MUSIQUE">
1639                                DÉCOUVRIR<br />LA MUSIQUE
1640                            </a>
1641                        </div>
1642                        <div class="py-2 font-bold hyphens">
1643                            <a href="https://lacordo.com/blog" title="BLOG">
1644                                LES ACTUS
1645                            </a>
1646                        </div>
1647
1648                        <div class="py-2 font-bold hyphens">
1649                            <a href="https://lacordo.com/la-cordo/partenaires" title="PARTENAIRES">
1650                                PARTENAIRES
1651                            </a>
1652                        </div>
1653
1654                        
1655                                                <div class="py-2 font-bold hyphens">
1656                            <a href="https://conservatoire.valenceromansagglo.fr/" target="_blank"
1657                                title="CITÉ DE LA MUSIQUE">
1658                                CITÉ DE<br />LA MUSIQUE
1659                            </a>
1660                        </div>
1661                        
1662                    </div>
1663                </div>
1664
1665            </div>
1666        </div>
1667
1668        <div class="px-5 order-2 lg:order-3">
1669            <div class="mb-4 text-center md:text-left mt-6 md:mt-0">
1670
1671                <div class="text-xl md:text-base">
1672                    LA CORDO SUR LES RÉSEAUX
1673                </div>
1674
1675                
1676                <div
1677                    class="grid grid-flow-col auto-cols-max grid-cols-5 md:grid-cols-none py-4 md:py-2 place-items-center md:place-items-left">
1678
1679                    <a href="https://fr-fr.facebook.com/lacordosmac" target="_blank" class="pr-1">
1680    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
1681        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
1682        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1683        <g>
1684            <path
1685                d="M17.142,10.431c0.426,-0.014 0.854,-0.003 1.283,-0.003l0.175,0l0,-2.223c-0.228,-0.024 -0.465,-0.056 -0.704,-0.068c-0.44,-0.02 -0.879,-0.041 -1.317,-0.032c-0.67,0.014 -1.305,0.177 -1.858,0.575c-0.
1685635,0.457 -0.983,1.098 -1.116,1.856c-0.055,0.313 -0.069,0.635 -0.078,0.954c-0.012,0.499 -0.002,0.997 -0.001,1.496l0,0.187l-2.127,0l-0,2.483l2.114,0l0,6.242l2.585,0l-0,-6.231l2.107,0c0.108,-0.826 0.214,-1.644 0.325,-2.496l-0.475,0c-0.599,0.003 -1.975,0 -1.975,0c-0,0 0.007,-1.23 0.022,-1.765c0.019,-0.731 0.453,-0.953 1.04,-0.975"
1686                style="fill:#ffffff;fill-rule:nonzero;" />
1687            <path
1688                d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.284 -6.716,-15 -15,-15c-8.284,0 -15,6.716 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.764c-7.31,-0 -13.235,-5.926 -13.235,-13.236c-0,-7.31 5.925,-13.235 13.235,-13.235c7.309,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.926,13.236 -13.235,13.236Z"
1689                style="fill:#ffffff;" />
1690        </g>
1691    </svg>
1692</a>
1693
1694                    
1695                    <a href="https://www.instagram.com/lacordosmac/?hl=fr" target="_blank" class="pr-1">
1696    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
1697    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
1698    xmlns:serif="http://www.serif.com/"
1699    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1700    <g>
1701        <path
1702            d="M19.321,8.713l-8.641,0c-1.085,0 -1.966,0.881 -1.966,1.967l0,8.64c0,1.086 0.881,1.966 1.966,1.966l8.641,-0c1.085,-0 1.966,-0.88 1.966,-1.966l-0,-8.64c-0,-1.086 -0.881,-1.967 -1.966,-1.967m-1.629,1.735c-0,-0.194 0.158,-0.351 0.352,-0.351l1.516,-0c0.193,-0 0.352,0.157 0.352,0.351l0,1.518c0,0.194 -0.159,0.35 -0.352,0.35l-1.516,0c-0.194,0 -0.352,-0.156 -0.352,-0.35l-0,-1.518Zm-5.009,3.645c0.363,-0.926 1.265,-1.583 2.317,-1.583c1.053,0 1.954,0.657 2.318,1.583c0.111,0.281 0.172,0.587 0.172,0.907c-0,1.373 -1.117,2.49 -2.49,2.49c-1.372,-0 -2.489,-1.117 -2.489,-2.49c0,-0.32 0.061,-0.626 0.172,-0.907m7.272,5.227c0,0.349 -0.285,0.634 -0.634,0.634l-8.641,0c-0.35,0 -0.633,-0.285 -0.633,-0.634l-0,-5.227l1.24,-0c-0.071,0.291 -0.108,0.594 -0.108,0.907c0,2.111 1.711,3.821 3.821,3.821c2.112,0 3.821,-1.71 3.821,-3.821c0,-0.313 -0.037,-0.616 -0.109,-0.907l1.243,-0l0,5.227Z"
1703            style="fill:#ffffff;fill-rule:nonzero;" />
1704        <path
1705            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
1706            style="fill:#ffffff;" />
1707    </g>
1708</svg>
1709</a>
1710
1711                        <a href="https://www.linkedin.com/company/la-cordo-smac/?originalSubdomain=fr" target="_blank" class="pr-1">
1712    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
1713        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
1714        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1715        <g>
1716                 <path
1717            d="M15,30c8.284,0 15,-6.715 15,-15.001c-0,-8.284 -6.716,-14.999 -15,-14.999c-8.284,-0 -15,6.715 -15,14.999c0,8.286 6.716,15.001 15,15.001Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.236c0,-7.309 5.926,-13.235 13.235,-13.235c7.31,0 13.235,5.926 13.235,13.235c0,7.311 -5.925,13.236 -13.235,13.236Z"
1718            style="fill:#ffffff;"
1719            id="path2" />
1720             <path
1721            d="M 11.519286,21.395063 H 8.8751114 v -8.513154 h 2.6441746 z m -1.323509,-9.674427 c -0.8453401,0 -1.5312875,-0.700178 -1.5312875,-1.545516 a 1.5312862,1.5312862 0 0 1 3.0625725,0 c 0,0.845338 -0.685947,1.545516 -1.531285,1.545516 z m 11.217096,9.674427 h -2.638478 v -4.14415 c 0,-0.987651 -0.01992,-2.254235 -1.374743,-2.254235 -1.374742,0 -1.585366,1.073039 -1.585366,2.183079 v 4.215306 H 13.17296 v -8.513154 h 2.536015 v 1.161272 h 0.037 c 0.352935,-0.668871 1.215349,-1.374742 2.501857,-1.374742 2.675484,0 3.167885,1.761834 3.167885,4.050224 v 4.6764 z"
1722            id="path1-0"
1723            style="fill:#ffffff;" />
1724        </g>
1725    </svg>
1726
1727
1728</a>
1729
1730                    <a href="https://www.youtube.com/channel/UCX8lUc_ibdEU_-gWjuyXcnw" target="_blank" class="pr-1">
1731    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
1732    xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
1733    xmlns:serif="http://www.serif.com/"
1734    style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1735    <g>
1736        <path
1737            d="M15,30c8.284,0 15,-6.715 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.285 6.716,15 15,15Zm-0,-1.765c-7.31,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.925,-13.235 13.235,-13.235c7.31,-0 13.235,5.925 13.235,13.235c-0,7.31 -5.925,13.235 -13.235,13.235Z"
1738            style="fill:#ffffff;" />
1739        <path
1740            d="M8.705,20.231c-0.599,-0.196 -1.001,-0.589 -1.217,-1.182c-0.528,-1.449 -0.683,-7.511 0.331,-8.704c0.347,-0.409 0.793,-0.648 1.325,-0.705c2.734,-0.293 11.182,
1740-0.252 12.156,0.099c0.571,0.205 0.976,0.579 1.195,1.15c0.578,1.498 0.597,6.948 -0.075,8.39c-0.183,0.392 -0.481,0.668 -0.858,0.866c-1.019,0.534 -11.516,0.527 -12.857,0.086m4.343,-2.841c1.643,-0.853 3.272,-1.697 4.923,-2.553c-1.653,-0.863 -3.282,-1.713 -4.923,-2.569l-0,5.122Z"
1741            style="fill:#ffffff;fill-rule:nonzero;" />
1742    </g>
1743</svg>
1744</a>
1745
1746                    <a href="https://open.spotify.com/user/2ekh0bskrrd0u0tjrdqpb4cpi" target="_blank" class="pr-1">
1747    <svg height="42" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
1748        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/"
1749        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1750
1751        <g>
1752            <path
1753                d="M15,30c8.284,-0 15,-6.716 15,-15c-0,-8.285 -6.716,-15 -15,-15c-8.284,-0 -15,6.715 -15,15c0,8.284 6.716,15 15,15Zm0,-1.765c-7.309,0 -13.235,-5.925 -13.235,-13.235c0,-7.31 5.926,-13.236 13.235,-13.236c7.31,0 13.235,5.926 13.235,13.236c0,7.31 -5.925,13.235 -13.235,13.235Z"
1754                style="fill:#ffffff;" />
1755            <path
1756                d="M23.378,12.702c-0.004,0.853 -0.898,1.375 -1.648,0.952c-0.508,-0.287 -1.028,-0.548 -1.569,-0.766c-1.077,-0.431 -2.193,-0.721 -3.334,-0.923c-0.793,-0.14 -1.593,-0.233 -2.398,-0.281c-0.835,-0.05 -1.672,-0.056 -2.509,-0.013c-0.96,0.049 -1.912,0.155 -2.851,0.358c-0.346,0.075 -0.69,0.169 -1.032,0.261c-0.21,0.056 -0.417,0.064 -0.627,0.002c-0.458,-0.134 -0.774,-0.545 -0.787,-1.025c-0.014,-0.467 0.274,-0.901 0.727,-1.051c0.331,-0.109 0.672,-0.194 1.012,-0.274c0.843,-0.194 1.697,-0.315 2.559,-0.393c0.913,-0.084 1.83,-0.111 2.747,-0.084c2.257,0.064 4.472,0.395 6.615,1.134c0.874,0.302 1.715,0.676 2.515,1.143c0.284,0.166 0.475,0.4 0.549,0.725c0.017,0.076 0.021,0.156 0.031,0.235"
1757                style="fill:#ffffff;fill-rule:nonzero;" />
1758            <path
1759                d="M12.71,15.334c-1.346,0.006 -2.725,0.173 -4.071,0.573c-0.22,0.064 -0.441,0.069 -0.655,-0.018c-0.35,-0.142 -0.578,-0.493 -0.566,-0.864c0.
1759013,-0.387 0.249,-0.724 0.623,-0.838c0.379,-0.116 0.764,-0.217 1.153,-0.303c0.953,-0.212 1.92,-0.323 2.898,-0.361c2.101,-0.079 4.155,0.192 6.159,0.835c1.013,0.324 1.983,0.75 2.897,1.294c0.046,0.027 0.091,0.055 0.137,0.082c0.477,0.292 0.534,0.879 0.306,1.253c-0.26,0.428 -0.802,0.561 -1.252,0.308c-0.253,-0.143 -0.504,-0.293 -0.763,-0.426c-1.19,-0.606 -2.451,-0.999 -3.76,-1.247c-1.008,-0.19 -2.024,-0.283 -3.106,-0.288"
1760                style="fill:#ffffff;fill-rule:nonzero;" />
1761            <path
1762                d="M12.921,17.33c1.55,0.017 3.065,0.226 4.536,0.722c0.812,0.274 1.586,0.628 2.322,1.067c0.064,0.037 0.129,0.075 0.188,0.119c0.297,0.226 0.374,0.635 0.183,0.956c-0.185,0.312 -0.579,0.436 -0.916,0.288c-0.067,-0.029 -0.13,-0.069 -0.194,-0.108c-1.247,-0.739 -2.593,-1.197 -4.023,-1.415c-0.879,-0.135 -1.761,-0.182 -2.647,-0.147c-1.147,0.045 -2.28,0.205 -3.4,0.453c-0.113,0.024 -0.23,0.047 -0.344,0.049c-0.347,0.003 -0.641,-0.242 -0.701,-0.577c-0.064,-0.353 0.11,-0.684 0.434,-0.814c0.069,-0.027 0.142,-0.045 0.214,-0.061c0.916,-0.206 1.841,-0.361 2.777,-0.44c0.523,-0.045 1.047,-0.062 1.571,-0.092"
1763                style="fill:#ffffff;fill-rule:nonzero;" />
1764        </g>
1765    </svg>
1766</a>
1767
1768                </div>
1769
1770
1771
1772            </div>
1773
1774
1775
1776            <div class="pt-3 text-center md:text-left">
1777
1778                <div class="hoverButton white modal-open-newsletter lineS2">
1779
1780    <a href="#" title="INSCRIPTION NEWSLETTER" target="_self" >
1781
1782
1783                    <div
1784                class="text px-3 py-3 text-normal font-normal inline-flex items-center leading-none uppercase ">
1785                INSCRIPTION NEWSLETTER
1786            </div>
1787        
1788        <span class="line2 -right"></span>
1789        <span class="line2 -top"></span>
1790        <span class="line2 -left"></span>
1791        <span class="line2 -bottom"></span>
1792    </a>
1793
1794</div>
1795
1796            </div>
1797
1798
1799            <div class="pt-3 text-center md:text-left">
1800
1801                <div class="hoverButton white lineS2">
1802
1803    <a href="https://lacordo.com/la-cordo/equipe" title="Nous contacter" target="_self" >
1804
1805
1806                    <div
1807                class="text px-3 py-3 text-normal font-normal inline-flex items-center leading-none uppercase ">
1808                Nous contacter
1809            </div>
1810        
1811        <span class="line2 -right"></span>
1812        <span class="line2 -top"></span>
1813        <span class="line2 -left"></span>
1814        <span class="line2 -bottom"></span>
1815    </a>
1816
1817</div>
1818
1819            </div>
1820
1821        </div>
1822
1823    </div>
1824
1825    
1826    <div class="container m-auto py-2 mt-4 text-xs font-normal">
1827        <div
1828            class="flex flex-col sm:flex-row items-center justify-center divide-y sm:divide-y-0 sm:divide-x divide-white uppercase leading-3  text-xs ">
1829
1830            <div class="px-2 py-4 sm:py-0">
1831                <a href="https://lacordo.com/mentions-legales" class=""
1832                    title="Mentions légales">Mentions
1833                    légales</a>
1834            </div>
1835
1836            <div class="px-2 py-4 sm:py-0">
1837                <a href="https://lacordo.com/confidentialite" class=""
1838                    title="Politique de confidentialité">Politique
1839                    de
1840                    confidentialité</a>
1841            </div>
1842
1843            <div class="px-2 py-4 sm:py-0">
1844                <a onclick="tarteaucitron.userInterface.openPanel
1844(); " class="cursor-pointer"
1845                    title="Gestion des cookies">Gestion des
1846                    cookies</a>
1847            </div>
1848
1849        </div>
1850    </div>
1851
1852    <div class="container m-auto pb-5">
1853        <div class="flex flex-cols items-center justify-center divide-x divide-white">
1854            <div class="px-2  text-xs">
1855                copyright La Cordo 2021<sup>©</sup>
1856            </div>
1857            <div class="w-16 px-2">
1858                <a href="https://www.dubruitaubalcon.com/" class="footer" target="_blank" title="Du Bruit Au Balcon">
1859                    <img src="https://lacordo.com/img/logo_dbab.svg" style="max-width: 4rem" alt="Du Bruit Au Balcon">
1860                </a>
1861            </div>
1862        </div>
1863    </div>
1864
1865</footer>
1866
1867<div
1868    class="modal opacity-0 pointer-events-none fixed w-full h-full top-0 left-0 items-start justify-start z-50 hidden lg:flex">
1869
1870    <div class="modal-overlay absolute w-full h-full bg-white opacity-70"></div>
1871
1872    <div class="w-full 2xl:container bg-white opacity-100 px-4 2xl:px-0 mx-auto rounded z-50 overflow-hidden">
1873
1874        <div class="content py-6 text-left">
1875
1876            <div class="flex rounded border-grey-light border">
1877
1878                <button class="px-2">
1879                    <span class="w-auto flex justify-end items-center text-grey p-0 hover">
1880    <svg height="28" viewBox="0 0 24 23" version="1.1" class="m-0 opacity-50"
1881        xmlns="http://www.w3.org/2000/svg"
1882        xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
1883        xmlns:serif="http://www.serif.com/"
1884        style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
1885        <path
1886            d="M0,22.165l6.912,-6.61c-1.536,-1.652 -2.477,-3.82 -2.477,-6.2c-0,-5.158 4.388,-9.355 9.783,-9.355c5.394,0 9.782,4.197 9.782,9.355c0,5.158 -4.388,9.355 -9.782,9.355c-2.489,-0 -4.756,-0.901 -6.484,-2.369l-6.912,6.61l-0.822,-0.786Zm14.218,-4.556c4.759,0 8.631,-3.702 8.631,-8.254c-0,-4.551 -3.872,-8.254 -8.631,-8.254c-4.76,0 -8.632,3.703 -8.632,8.254c0,4.552 3.872,8.254 8.632,8.254"
1887            style="fill-rule:nonzero;" />
1888    </svg>
1889</span>                </button>
1890
1891                <form class="w-full px-4" method="POST" action="https://lacordo.com/recherche" id="searchForm"><input type="hidden" name="_token" value="mFjZoQAPuDID9bRwEQQdaqU97kLsW0N93sRbmy3b">
1892
1893                <input class="w-full rounded mr-4 focus:outline-none text-lg px-4 py-4" type="text" name="search" id="search" placeholder="Recherche..." required>
1894
1895                </form>
1896            </div>
1897
1898            <div class="flex justify-end pt-4">
1899
1900                <div class="hoverButton lineS">
1901
1902                    <a id="submitSearch" title="123">
1903
1904                        <div class="text px-3 py-2">
1905                            <div class="text-xs font-light leading-none uppercase  text-center">
1906                                <div class="inline-flex align-baseline">
1907                                    Recherche
1908                                </div>
1909                            </div>
1910                        </div>
1911
1912                        
1913                        <span class="line -right"></span>
1914                        <span class="line -top"></span>
1915                        <span class="line -left"></span>
1916                        <span class="line -bottom"></span>
1917
1918                    </a>
1919
1920                </div>
1921
1922            </div>
1923
1924
1925        </div>
1926    </div>
1927</div>
1928
1929<div
1930    class="modal-newsletter opacity-0 pointer-events-none font-prompt fixed w-full h-full top-0 left-0 flex z-50 items-center justify-center px-10">
1931    <div class="modal-overlay-newsletter absolute w-full h-full bg-gray-900 opacity-50"></div>
1932
1933    <div class="modal-container bg-white container 2xl:w-3/6 mx-auto rounded shadow-lg z-50 overflow-auto">
1934
1935        <div class="modal-content py-4 text-left px-6">
1936            <div class="flex justify-between items-center pb-3">
1937                <p class="text-4xl font-bold">Inscription Newsletter</p>
1938                <div class="modal-close-newsletter cursor-pointer z-50">
1939                    <svg class="fill-current text-black" xmlns="http://www.w3.org/2000/svg" width="18" height="18"
1940                        viewBox="0 0 18 18">
1941                        <path
1942                            d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
1943                        </path>
1944                    </svg>
1945                </div>
1946            </div>
1947
1948            <form class="bg-white pt-6 mb-4" method="POST" action="https://lacordo.com/newsletter" id="newsletter"><input type="hidden" name="_token" value="mFjZoQAPuDID9bRwEQQdaqU97kLsW0N93sRbmy3b">
1949
1950            <div class="w-full max-w">
1951
1952                <div id="validation"
1953                    class="bg-green-200 mb-4 rounded py-6 text-center border border-green-900 text-xl text-green-900 hidden">
1954                    Inscription à la newsletter réussie
1955                </div>
1956
1957
1958                <div class="grid grid-cols-2 gap-4">
1959                    <div>
1960                        <input class="appearance-none border rounded w-full p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="text" name="name" id="name" placeholder="Nom" required>
1961                    </div>
1962                    <div>
1963                        <input class="appearance-none border rounded w-full p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="text" name="firstname" id="firstname" placeholder="Pr&eacute;nom" required>
1964                    </div>
1965                    <div>
1966                        <input class="appearance-none border rounded w-full p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="email" name="email" id="email" placeholder="Email" required>
1967                    </div>
1968                    <div>
1969                        <input class="appearance-none border rounded w-full p-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="number" name="cp" id="cp" placeholder="Code Postal" required>
1970                    </div>
1971
1972                </div>
1973
1974                <div class="mt-4 mb-1 text-sm">
1975                    En indiquant votre adresse email, vous consentez à recevoir notre lettre d’information par voie électronique. Vous pouvez vous désinscrire à tout moment via les liens de désinscription ou en nous
1976contactant. Pour en savoir plus, consultez notre <a href="https://lacordo.com/confidentialite" target="_blank">Politique de confidentialité</a>.
1977                </div>
1978
1979
1980            </div>
1981
1982            <div class="flex justify-end pt-4">
1983
1984                
1985
1986                <button type="submit" class="focus:border-0 active:border-0 active:border-green-500">
1987                    <div class="hoverButton lineS">
1988                        <a>
1989                            <div class="text px-3 py-2">
1990                                <div class="text-xs font-light leading-none uppercase  text-center">
1991                                    <div class="inline-flex align-baseline">
1992                                        Soumettre
1993                                    </div>
1994                                </div>
1995                            </div>
1996
1997                            <span class="line -right"></span>
1998                            <span class="line -top"></span>
1999                            <span class="line -left"></span>
2000                            <span class="line -bottom"></span>
2001                        </a>
2002                    </div>
2003                </button>
2004
2005            </div>
2006
2007            </form>
2008
2009        </div>
2010    </div>
2011</div>
2012
2013    
2014
2015    
2016
2017    
2018
2019
2020    
2020<script src="https://lacordo.com/js/app.js"></script>
2020
2021
2022    
2023</body>
2024
2025</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.