<!DOCTYPE html>
<html xml:lang="fr-fr" lang="fr-fr" dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="description" content="GRIEME : Exploration et préservation du patrimoine maritime de la Manche EstDescription :Découvrez le GRIEME, une association dédiée à la recherche, l’identification et la valorisation des épaves en Manche Est. Plongez au cœur de notre patrimoine maritime à travers nos missions">
<meta name="generator" content="Joomla! - Open Source Content Management">
<title>Grieme - Accueil</title>
<link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon">
<link href="/media/plg_system_webauthn/css/button.min.css?5c6490" rel="stylesheet">
<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet">
<link href="/media/plg_system_jcemediabox/css/jcemediabox.min.css?7d30aa8b30a57b85d658fcd54426884a" rel="stylesheet">
<link href="/modules/mod_slideshowck/themes/default/css/camera.css" rel="stylesheet">
<link href="/modules/mod_maximenuck/themes/custom/css/maximenuck_maximenuck201.css" rel="stylesheet">
<link href="/modules/mod_maximenuck/themes/tabs/css/maximenuck.php?monid=maximenuck110" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
<link href="/plugins/editors-xtd/edsanimate/assets/animate-animo.css" rel="stylesheet">
<style>#footer{background:rgba(0,51,69,0.95) !important;}
.btn {
font-weight: bold;
font-size: 1.2em;
}
.btn:hover {
box-shadow: 0 1px 0 0 rgba(165, 181, 222, 0.25), 0 -1px 0 0 rgba(225, 131, 194, 0.25), 1px 0 0 0 rgba(165, 181, 222, 0.25), -1px 0 0 0 rgba(225, 131, 194, 0.25), 1px -1px 0 0 rgba(195, 156, 208, 0.5), -1px 1px 0 0 rgba(195, 156, 208, 0.5), 1px 1px 0 0 rgba(135, 206, 235, 0.75), -1px -1px 0 0 rgba(255, 105, 180, 0.75);
color: white;
background: rgba(135, 206, 235, 0.05);
}
/* Module de contact affichage sur la largeur de page */
.col-md-6 {
width:100% !important;
height: auto !important;
}
/* Module de contact Modification des champs */
.digi_contact select,
.digi_contact textarea,
.digi_contact input.form-control,
.digi_contact #dynamic_captcha {
margin-bottom: 9px;
color: #FFFFFF !important;
border-color: lightblue;
}
.digi_contact select:hover,
.digi_contact textarea:hover,
.digi_contact input.form-control:hover,
.digi_contact #dynamic_captcha:hover {
margin-bottom: 9px;
color: #FFFFFF !important;
border-color: lightblue;
border: 2px inset #8ce4a7;
}
.digi_contact input.form-control {
width :55%;
float:left;
line-height: 35px;
}
.digi_contact textarea.form-control {
width :100%;
float:left;
min-height: 150px;
}
.form-control {
border-radius: 10px !important;
background: none !important;
}
.btn.btn-default {
clear:both !important;
min-width: 100%;
}
.btn-default {
height:45px;
width: 100px !important;
line-height: 35px;
background-color: #77FFAA;
border-radius: 25px;
margin-top:75px;
margin-left:auto;
margin-right:auto;
}
.btn-close {
height:0;
width: 0;
line-height:0;
visibility: hidden;
}
.btn.btn-default.btn-block {
margin-top:35px !important;
}
#system-message-container,
.main,
.com-content-article,
.moduletable,
.mod-articlescategory.category-module.mod-list {
max-width:100% !important;/* width remplacé par max-width */
/*margin-left:-1.25%;*/
padding-left:auto !important;
padding-right:auto !important;
}
.users_med li {background:none !important;}</style>
<style>[data-id="maximenuck110"] .mobilemenuck-item-counter {
display: inline-block;
margin: 0 5px;
padding: 10px;
font-size: 12px;
line-height: 0;
background: rgba(0,0,0,0.3);
color: #eee;
border-radius: 10px;
height: 20px;
transform: translate(10px,-3px);
box-sizing: border-box;
}
[data-id="maximenuck110"] .mobilemenuck-backbutton svg {
width: 14px;
fill: #fff;
position: relative;
left: -5px;
top: -2px;
}
/* Mobile Menu CK - https://www.joomlack.fr */
/* Automatic styles */
.mobilemenuck-bar {display:none;position:relative;left:0;top:0;right:0;z-index:100;}
.mobilemenuck-bar-title {display: block;}
.mobilemenuck-bar-button {cursor:pointer;box-sizing: border-box;position:absolute; top: 0; right: 0;line-height:0.8em;font-family:Verdana;text-align: center;}
.mobilemenuck {box-sizing: border-box;width: 100%;}
.mobilemenuck-topbar {position:relative;}
.mobilemenuck-title {display: block;}
.mobilemenuck-button {cursor:pointer;box-sizing: border-box;position:absolute; top: 0; right: 0;line-height:0.8em;font-family:Verdana;text-align: center;}
.mobilemenuck a {display:block;text-decoration: none;}
.mobilemenuck a:hover {text-decoration: none;}
.mobilemenuck .mobilemenuck-item > div {position:relative;}
.mobilemenuck-lock-button.mobilemenuck-button {right:45px}
.mobilemenuck-lock-button.mobilemenuck-button svg {max-height:50%;}
.mobilemenuck-lock-button.mobilemenuck-button::after {display: block;content: "";height: 100%;width: 100%;z-index: 1;position: absolute;top: 0;left: 0;}
.mobilemenuck[data-display="flyout"] {overflow: initial !important;}
.mobilemenuck[data-display="flyout"] .level1 + .mobilemenuck-submenu {position:absolute;top:0;left:auto;display:none;height:100vh;left:100%;}
.mobilemenuck[data-display="flyout"] .level2 + .mobilemenuck-submenu {position:absolute;top:0;left:auto;display:none;height:100vh;left:100%;}
.mobilemenuck[data-display="flyout"][data-effect*="slideright"] .level1 + .mobilemenuck-submenu {right:100%;left:auto;}
.mobilemenuck[data-display="flyout"][data-effect*="slideright"] .level2 + .mobilemenuck-submenu {right:100%;left:auto;}
/* RTL support */
.rtl .mobilemenuck-bar-button {left: 0;right: auto;}
.rtl .mobilemenuck-button {left: 0;right: auto;}
.rtl .mobilemenuck-togglericon::after {left: 0;right: auto;}@media screen and (max-width: 640px) {
.mobilemenuck[data-display="flyout"] .level1 + .mobilemenuck-submenu {position:static;width: initial !important;height: initial;}
}
@media screen and (max-width: 1000px) {
.mobilemenuck[data-display="flyout"] .level2 + .mobilemenuck-submenu {position:static;width: initial !important;height: initial;}
}
.mobilemenuck-backbutton { cursor: pointer; }.mobilemenuck-backbutton:hover { opacity: 0.7; }/* for accordion */
.mobilemenuck-togglericon:after {cursor:pointer;text-align:center;display:block;position: absolute;right: 0;top: 0;content:"";}
.mobilemenuck .open .mobilemenuck-togglericon:after {content:"";}
[data-id="maximenuck110"] .mobilemenuck-bar-title {
background: #013247;
color: #EEEEEE;
font-weight: bold;
text-indent: 20px;
line-height: 60px;
font-size: 2.0em;
font-family: 'Special Elite';
}
[data-id="maximenuck110"] .mobilemenuck-bar-title a, [data-id="maximenuck110"] .mobilemenuck-bar-title span.separator, [data-id="maximenuck110"] .mobilemenuck-bar-title span.nav-header {
color: #EEEEEE;
font-weight: bold;
text-indent: 20px;
line-height: 60px;
font-size: 2.0em;
font-family: 'Special Elite';
}
[data-id="maximenuck110"] .mobilemenuck-bar-button {
background: url(/media/com_mobilemenuck/presets/prototype/icon_launch.png) left center no-repeat ;
border-top: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
-moz-border-radius: 20% 20% 20% 20%;
-o-border-radius: 20% 20% 20% 20%;
-webkit-border-radius: 20% 20% 20% 20%;
border-radius: 20% 20% 20% 20%;
height: 80px;
width: 80px;
margin-top: 0px;
margin-right: 25px;
margin-bottom: 0px;
margin-left: 5px;
}
[data-id="maximenuck110"].mobilemenuck {
background: #004154;
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
color: #FFFFFF;
font-weight: normal;
font-size: 0.8em;
}
[data-id="maximenuck110"].mobilemenuck a, [data-id="maximenuck110"].mobilemenuck span.separator, [data-id="maximenuck110"].mobilemenuck span.nav-header {
color: #FFFFFF;
font-weight: normal;
font-size: 0.8em;
}
[data-id="maximenuck110"] .mobilemenuck-title {
background: #003947;
height: 45px;
text-indent: 20px;
line-height: 45px;
font-size: 1.4em;
}
[data-id="maximenuck110"] .mobilemenuck-title a, [data-id="maximenuck110"] .mobilemenuck-title span.separator, [data-id="maximenuck110"] .mobilemenuck-title span.nav-header {
text-indent: 20px;
line-height: 45px;
font-size: 1.4em;
}
[data-id="maximenuck110"] .mobilemenuck-button {
background: url(/media/com_mobilemenuck/presets/prototype/close.png) center center no-repeat ;
border-top: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
-moz-border-radius: 20% 20% 20% 20%;
-o-border-radius: 20% 20% 20% 20%;
-webkit-border-radius: 20% 20% 20% 20%;
border-radius: 20% 20% 20% 20%;
height: 45px;
width: 45px;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 5px;
margin-left: 10px;
}
[data-id="maximenuck110"] .mobilemenuck-item > .level1 {
background: #014B59;
-moz-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height: 50px;
color: #FFFFFF;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 10px;
padding-left: 45px;
line-height: 50px;
font-size: 1.5em;
}
[data-id="maximenuck110"] .mobilemenuck-item > .level1 a, [data-id="maximenuck110"] .mobilemenuck-item > .level1 span.separator, [data-id="maximenuck110"] .mobilemenuck-item > .level1 span.nav-header {
color: #FFFFFF;
line-height: 50px;
font-size: 1.5em;
}
[data-id="maximenuck110"] .mobilemenuck-item > .level2 {
background: #004F6B;
-moz-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
height: 50px;
color: #FFFFFF;
margin-top: 2px;
margin-right: 10px;
margin-bottom: 2px;
margin-left: 20px;
padding-left: 45px;
line-height: 50px;
font-size: 1.5em;
}
[data-id="maximenuck110"] .mobilemenuck-item > .level2 a, [data-id="maximenuck110"] .mobilemenuck-item > .level2 span.separator, [data-id="maximenuck110"] .mobilemenuck-item > .level2 span.nav-header {
color: #FFFFFF;
line-height: 50px;
font-size: 1.5em;
}
[data-id="maximenuck110"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div {
background: #025A6B url(/media/com_mobilemenuck/presets/prototype/arrow_left.png) 45px center no-repeat ;
height: 50px;
color: #FFFFFF;
padding-left: 65px;
line-height: 50px;
font-size: 1.4em;
}
[data-id="maximenuck110"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div a, [data-id="maximenuck110"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div span.separator, [data-id="maximenuck110"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div span.nav-header {
color: #FFFFFF;
line-height: 50px;
font-size: 1.4em;
}
[data-id="maximenuck110"] .mobilemenuck-togglericon:after {
background: url(/media/com_mobilemenuck/presets/prototype/plus.png) center center no-repeat ;
height: 35px;
width: 35px;
margin-right: 30px;
}
[data-id="maximenuck110"] .mobilemenuck {
text-shadow: 1px -1px 2px #000;
}
[data-id="maximenuck110"] .mobilemenuck-bar-title {
height:65px !important;;
}
[data-id="maximenuck110"] .mobilemenuck-bar-button {
background-size: 80px 80px !important;;
}
[data-id="maximenuck110"] .mobilemenuck-button {
background-size: 50px 50px !important;;
}
[data-id="maximenuck110"] .mobilemenuck div span.descck {
padding-left: 10px;
font-size: 12px;
}
[data-id="maximenuck110"] .open .mobilemenuck-togglericon:after {
background-image: url(/media/com_mobilemenuck/presets/default/minus.jpg)
}[data-id="maximenuck110"] + .mobilemenuck-overlay {
position: fixed;
top: 0;
background: #000000;
opacity: 0.3;
left: 0;
right: 0;
bottom: 0;
z-index: 9;
}.mobilemenuck-logo { text-align: center; }.mobilemenuck-logo-left { text-align: left; }.mobilemenuck-logo-right { text-align: right; }.mobilemenuck-logo a { display: inline-block; }</style>
<style>#camera_wrap_161 .camera_pag_ul li img, #camera_wrap_161 .camera_thumbs_cont ul li > img {height:75px;}
@media screen and (max-width: 480px) {
#camera_wrap_161 .camera_caption {
font-size: 0.6em !important;
}
}</style>
<style>div#maximenuck110 .titreck-text {
flex: 1;
}
div#maximenuck110 .maximenuck.rolloveritem img {
display: none !important;
}
@media screen and (max-width: 640px) {div#maximenuck110 ul.maximenuck li.maximenuck.nomobileck, div#maximenuck110 .maxipushdownck ul.maximenuck2 li.maximenuck.nomobileck { display: none !important; }
div#maximenuck110.maximenuckh {
height: auto !important;
}
div#maximenuck110.maximenuckh li.maxiFancybackground {
display: none !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
box-sizing: border-box;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
padding-right: 0 !important;
margin-right: 0 !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
box-sizing: border-box;
right: 0 !important;
left: 0 !important;
margin-left: 0 !important;
position: relative !important;
/*display: none;
height: auto !important;*/
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) li:hover > div.floatck {
position: relative !important;
margin-left: 0 !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div#maximenuck110.maximenuckh ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
/* for vertical menu */
div#maximenuck110.maximenuckv {
height: auto !important;
}
div#maximenuck110.maximenuckh li.maxiFancybackground {
display: none !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) {
height: auto !important;
padding-left: 0 !important;
/*padding-right: 0 !important;*/
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) li {
float :none !important;
width: 100% !important;
/*padding-right: 0 !important;*/
padding-left: 0 !important;
margin-right: 0 !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) li > div.floatck {
width: 100% !important;
right: 0 !important;
margin-left: 0 !important;
margin-top: 0 !important;
position: relative !important;
left: 0 !important;
/*display: none;
height: auto !important;*/
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) li:hover > div.floatck {
position: relative !important;
margin-left: 0 !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) div.floatck div.maximenuck2 {
width: 100% !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) div.floatck div.floatck {
width: 100% !important;
margin: 20px 0 0 0 !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) div.floatck div.maxidrop-main {
width: 100% !important;
}
div#maximenuck110.maximenuckv ul:not(.noresponsive) li.maximenucklogo img {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;
}
}
@media screen and (min-width: 641px) {
div#maximenuck110 ul.maximenuck li.maximenuck.nodesktopck, div#maximenuck110 .maxipushdownck ul.maximenuck2 li.maximenuck.nodesktopck { display: none !important; }
}/*---------------------------------------------
--- WCAG ---
----------------------------------------------*/
#maximenuck110.maximenuck-wcag-active .maximenuck-toggler-anchor ~ ul {
display: block !important;
}
#maximenuck110 .maximenuck-toggler-anchor {
height: 0;
opacity: 0;
overflow: hidden;
display: none;
}div#maximenuck110 li > a, div#maximenuck110 li > span { font-family: 'Special Elite';}
div#maximenuck110.maximenuckh ul.maximenuck div.maxidrop-main, div#maximenuck110.maximenuckh ul.maximenuck li div.maxidrop-main { width: auto; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent > a:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent > span.separator:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent > .maximenuck-toggler:after { border-top-color: #FFFFFF;color: #FFFFFF;display:block;position:absolute;}
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover > a:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover > span.separator:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover > .maximenuck-toggler:after { border-top-color: #8CE4A7;color: #8CE4A7;}
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent > a:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent > span.separator:after,
div#maximenuck110 .maxipushdownck li.maximenuck.parent > a:after, div#maximenuck110 .maxipushdownck li.maximenuck.parent > span.separator:after { border-left-color: #FFFFFF;color: #FFFFFF;}
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent:hover > a:after, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck.parent:hover > span.separator:after,
div#maximenuck110 .maxipushdownck li.maximenuck.parent:hover > a:after, div#maximenuck110 .maxipushdownck li.maximenuck.parent:hover > span.separator:after { border-color: transparent transparent transparent #FFFF00;color: #FFFF00;}
div#maximenuck110.maximenuckh ul.maximenuck, #maximenuck110.maximenuckh ul.maximenuck { padding-top: 5px;padding-right: 40px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;border-top: none;border-right: none;border-bottom: none;border-left: none;text-align: right; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck > span.separator span.titreck,
div#maximenuck110 .maxipushdownck li.maximenuck > a span.titreck, div#maximenuck110 .maxipushdownck li.maximenuck > span.separator span.titreck, select#maximenuck110.maximenuckh ul.maximenuck { text-shadow: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent { border-top: none;border-right: none;border-bottom: none;border-left: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator { }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, select#maximenuck110.maximenuckh ul.maximenuck { color: #FFFFFF;font-size: 1.5em; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.descck { color: #FFFFFF;font-size: 0.7em; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent.active,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover { background: rgba(170,170,238,0);background-color: rgba(170,170,238,0);background: -moz-linear-gradient(top, rgba(170,170,238,0) 0%, transparent 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,238,0)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -o-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -ms-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: linear-gradient(to bottom, rgba(170,170,238,0) 0%,transparent 100%); -moz-box-shadow: 0px 0px 0px 0px transparent;-webkit-box-shadow: 0px 0px 0px 0px transparent;box-shadow: 0px 0px 0px 0px transparent;border-top: none;border-right: none;border-bottom: none;border-left: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > a, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > span,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator { }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator span.titreck,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator span.titreck, select#maximenuck110.maximenuckh ul.maximenuck:hover { color: #8CE4A7;text-shadow: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active > span.separator span.descck,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1:hover > span.separator span.descck { color: #8CE4A7; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > span.separator span.titreck { color: #FFFF00; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.active:hover > span.separator span.descck { color: #FFFF00; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent { border-top: none;border-right: none;border-bottom: none;border-left: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent > a, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1.parent > span.separator { }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck div.floatck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck div.floatck div.floatck,
div#maximenuck110 .maxipushdownck div.floatck, select#maximenuck110.maximenuckh ul.maximenuck option { padding-right: 25px;background: rgba(0,51,69,0.75);background-color: rgba(0,51,69,0.75);background: -moz-linear-gradient(top, rgba(0,51,69,0.75) 0%, rgba(0,51,69,0.75) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,51,69,0.75)), color-stop(100%,rgba(0,51,69,0.75))); background: -webkit-linear-gradient(top, rgba(0,51,69,0.75) 0%,rgba(0,51,69,0.75) 100%);background: -o-linear-gradient(top, rgba(0,51,69,0.75) 0%,rgba(0,51,69,0.75) 100%);background: -ms-linear-gradient(top, rgba(0,51,69,0.75) 0%,rgba(0,51,69,0.75) 100%);background: linear-gradient(to bottom, rgba(0,51,69,0.75) 0%,rgba(0,51,69,0.75) 100%); -moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck), div#maximenuck110 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck),
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck), select#maximenuck110.maximenuckh ul.maximenuck option { margin-top: 15px;margin-bottom: 15px;border-top: none;border-right: none;border-bottom: none;border-left: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck) > a, div#maximenuck110 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck) > a,
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck) > a, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck) > span.separator, div#maximenuck110 li.maximenuck.maximenuflatlistck:not(.level1):not(.headingck) > span.separator,
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck) > span.separator { }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator span.titreck, div#maximenuck110 li.maximenuck.maximenuflatlistck:not(.level1) span.titreck,
div#maximenuck110 .maxipushdownck li.maximenuck > a span.titreck, div#maximenuck110 .maxipushdownck li.maximenuck > span.separator span.titreck, select#maximenuck110.maximenuckh ul.maximenuck option { color: #FFFFFF;font-size: 1.2em; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator span.descck, div#maximenuck110 li.maximenuck.maximenuflatlistck:not(.level1) span.descck,
div#maximenuck110 .maxipushdownck li.maximenuck > a span.descck, div#maximenuck110 .maxipushdownck li.maximenuck > span.separator span.descck { color: #FFFFFF;font-size: 80%; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active:not(.headingck), div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck110 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck),
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover, div#maximenuck110 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover,
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck):hover { background: rgba(170,170,238,0);background-color: rgba(170,170,238,0);background: -moz-linear-gradient(top, rgba(170,170,238,0) 0%, transparent 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,238,0)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -o-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -ms-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: linear-gradient(to bottom, rgba(170,170,238,0) 0%,transparent 100%); border-top: none;border-right: none;border-bottom: none;border-left: none; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active:not(.headingck), div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.parent.active:not(.headingck), div#maximenuck110 li.maximenuck.maximenuflatlistck.active:not(.level1):not(.headingck),
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > a, div#maximenuck110 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > a,
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck):hover > a, div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck:not(.headingck):hover > span.separator, div#maximenuck110 li.maximenuck.maximenuflatlistck:hover:not(.level1):not(.headingck):hover > span.separator,
div#maximenuck110 .maxipushdownck li.maximenuck:not(.headingck):hover > span.separator { }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active > span.separator span.titreck, div#maximenuck110 li.maximenuck.maximenuflatlistck.active:not(.level1) span.titreck,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > a span.titreck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > span.separator span.titreck, div#maximenuck110 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.titreck,
div#maximenuck110 .maxipushdownck li.maximenuck:hover > a span.titreck, div#maximenuck110 .maxipushdownck li.maximenuck:hover > span.separator span.titreck { color: #FFFF00; }
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level2.active > span.separator span.descck, div#maximenuck110 li.maximenuck.maximenuflatlistck.active:not(.level1) span.descck,
div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > a span.descck, div#maximenuck110.maximenuckh ul.maximenuck li.maximenuck.level1 li.maximenuck:hover > span.separator span.descck, div#maximenuck110 li.maximenuck.maximenuflatlistck:hover:not(.level1) span.descck,
div#maximenuck110 .maxipushdownck li.maximenuck:hover > a span.descck, div#maximenuck110 .maxipushdownck li.maximenuck:hover > span.separator span.descck { color: #8CE4A7; }
div#maximenuck110.maximenuckh ul.maximenuck .maxiFancybackground { background: rgba(170,170,238,0);background-color: rgba(170,170,238,0);background: -moz-linear-gradient(top, rgba(170,170,238,0) 0%, transparent 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(170,170,238,0)), color-stop(100%,transparent)); background: -webkit-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -o-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: -ms-linear-gradient(top, rgba(170,170,238,0) 0%,transparent 100%);background: linear-gradient(to bottom, rgba(170,170,238,0) 0%,transparent 100%); ;border-top: none;border-right: none;border-bottom: none;border-left: none; } div#maximenuck110.maximenuckh ul.maximenuck {background: -moz-linear-gradient(left, rgba(0,51,69,0) 0%, rgba(0,51,69,1) 49%, rgba(0,51,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,51,69,0) 0%,rgba(0,51,69,1) 49%,rgba(0,51,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,51,69,0) 0%,rgba(0,51,69,1) 49%,rgba(0,51,69,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003345', endColorstr='#003345',GradientType=1 ); /* IE6-9 */ }div#maximenuck110.maximenuckh ul.maximenuck div.maximenuckh ul.maximenuck li.maximenuck div.floatck, {z-index:9999; }
div#maximenuck110.maximenuckh ul.maximenuck {border:none !important;line-height:38px }
div#maximenuck110.maximenuckh ul.maximenuck ul.maximenuck2 li.maximenuck {line-height:15px!important; }maximenuck110 {background: -moz-linear-gradient(left, rgba(0,51,69,0) 0%, rgba(0,51,69,1) 49%, rgba(0,51,69,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,51,69,0) 0%,rgba(0,51,69,1) 49%,rgba(0,51,69,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,51,69,0) 0%,rgba(0,51,69,1) 49%,rgba(0,51,69,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003345', endColorstr='#003345',GradientType=1 ); /* IE6-9 */ }maximenuck110 div.maximenuckh ul.maximenuck li.maximenuck div.floatck, {z-index:9999; }
maximenuck110 {border:none !important;line-height:38px }
maximenuck110 ul.maximenuck2 li.maximenuck {line-height:15px!important; }/* for images position */
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
display: flex;
align-items: center;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > a,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator {
display: flex;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a[data-align="bottom"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator[data-align="bottom"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > a[data-align="bottom"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator[data-align="bottom"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a[data-align="top"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator[data-align="top"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > a[data-align="top"],
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator[data-align="top"]{
flex-direction: column;
align-items: inherit;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a[data-align=*"bottom"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator[data-align=*"bottom"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > a[data-align=*"bottom"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator[data-align=*"bottom"] img {
align-self: end;
}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a[data-align=*"top"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator[data-align=*"top"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > a[data-align=*"top"] img,
div#maximenuck110 ul.maximenuck li.maximenuck.level1 li.maximenuck > span.separator[data-align=*"top"] img {
align-self: start;
}
</style>
<script src="/media/vendor/jquery/js/jquery.min.js?3.7.1"></script>
<script src="/media/legacy/js/jquery-noconflict.min.js?504da4"></script>
<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"MDL_MODALTXT_CLOSE":"fermer","MDL_MODALTXT_PREVIOUS":"pr\u00e9c\u00e9dent","MDL_MODALTXT_NEXT":"suivant","RLTA_BUTTON_SCROLL_LEFT":"Scroll buttons to the left","RLTA_BUTTON_SCROLL_RIGHT":"Scroll buttons to the right","PLG_SYSTEM_WEBAUTHN_ERR_CANNOT_FIND_USERNAME":"Impossible de trouver le champ nom d'utilisateur dans le module de connexion. D\u00e9sol\u00e9, l'authentification sans mot de passe ne fonctionnera pas sur ce site, \u00e0 moins que vous n'utilisiez un autre module de connexion.","PLG_SYSTEM_WEBAUTHN_ERR_EMPTY_USERNAME":"Vous devez saisir votre nom d'utilisateur (mais PAS votre mot de passe) avant de cliquer sur le bouton Cl\u00e9 d'acc\u00e8s.","PLG_SYSTEM_WEBAUTHN_ERR_INVALID_USERNAME":"Le nom d'utilisateur sp\u00e9cifi\u00e9 ne correspond pas \u00e0 un compte utilisateur de ce site ayant activ\u00e9 la connexion sans mot de passe.","JSHOWPASSWORD":"Afficher le mot de passe","JHIDEPASSWORD":"Masquer le mot de passe","ERROR":"Erreur","MESSAGE":"Message","NOTICE":"Annonce","WARNING":"Alerte","JCLOSE":"Fermer","JOK":"OK","JOPEN":"Ouvrir"},"system.paths":{"root":"","rootFull":"https:\/\/www.grieme.fr\/","base":"","baseFull":"https:\/\/www.grieme.fr\/"},"csrf.token":"4eb0d3a4a7c3c12addcf8c62cc36c32a","system.keepalive":{"interval":840000,"uri":"\/component\/ajax\/?format=json"}}</script>
<script src="/media/system/js/core.min.js?a3d8f8"></script>
<script src="/media/system/js/keepalive.min.js?08e025" type="module"></script>
<script src="/media/system/js/fields/passwordview.min.js?61f142" defer></script>
<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
<script src="/media/plg_system_webauthn/js/login.min.js?5c6490" defer></script>
<script src="/media/plg_system_jcemediabox/js/jcemediabox.min.js?7d30aa8b30a57b85d658fcd54426884a"></script>
<script src="https://www.grieme.fr/plugins/system/ruxin_custom_scrollbar/assets/js/jquery.nicescroll.min.js"></script>
<script src="/media/com_slideshowck/assets/jquery.easing.1.3.js"></script>
<script src="/media/com_slideshowck/assets/camera.min.js?ver=2.5.2"></script>
<script src="/modules/mod_maximenuck/assets/maximenuck.min.js"></script>
<script src="/media/plg_system_mobilemenuck/assets/mobilemenuck.js?ver=1.5.21"></script>
<script src="/plugins/system/edsanimate/assets/jquery.ba-throttle-debounce.min.js"></script>
<script src="/plugins/editors-xtd/edsanimate/assets/animo.min.js"></script>
<script src="/plugins/system/edsanimate/assets/viewportchecker.js"></script>
<script src="/plugins/system/edsanimate/assets/edsanimate.js"></script>
<script src="/plugins/system/edsanimate/assets/edsanimate.site.js"></script>
<script>rltaSettings = {"switchToAccordions":false,"switchBreakPoint":576,"buttonScrollSpeed":5,"addHashToUrls":true,"rememberActive":false,"wrapButtons":false}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.grieme.fr/#/schema/Organization/base","name":"Grieme","url":"https://www.grieme.fr/"},{"@type":"WebSite","@id":"https://www.grieme.fr/#/schema/WebSite/base","url":"https://www.grieme.fr/","name":"Grieme","publisher":{"@id":"https://www.grieme.fr/#/schema/Organization/base"}},{"@type":"WebPage","@id":"https://www.grieme.fr/#/schema/WebPage/base","url":"https://www.grieme.fr/","name":"Grieme - Accueil","description":"GRIEME : Exploration et préservation du patrimoine maritime de la Manche Est\r\nDescription :\r\nDécouvrez le GRIEME, une association dédiée à la recherche, l’identification et la valorisation des épaves en Manche Est. Plongez au cœur de notre patrimoine maritime à travers nos missions","isPartOf":{"@id":"https://www.grieme.fr/#/schema/WebSite/base"},"about":{"@id":"https://www.grieme.fr/#/schema/Organization/base"},"inLanguage":"fr-FR"},{"@type":"Article","@id":"https://www.grieme.fr/#/schema/com_content/article/8","name":"Accueil","headline":"Accueil","inLanguage":"fr-FR","isPartOf":{"@id":"https://www.grieme.fr/#/schema/WebPage/base"}}]}</script>
<script>jQuery(document).ready(function(){WfMediabox.init({"base":"\/","theme":"standard","width":"20%","height":"40%","lightbox":0,"shadowbox":0,"icons":1,"overlay":1,"overlay_opacity":0.5,"overlay_color":"#000000","transition_speed":500,"close":2,"labels":{"close":"Fermer","next":"Suivant","previous":"Pr\u00e9c\u00e9dent","cancel":"Annuler","numbers":"{{numbers}}","numbers_count":"{{current}} sur {{total}}","download":"T\u00e9l\u00e9charger"},"swipe":true,"expand_on_click":true});});</script>
<script>
jQuery(document).ready(function(){
new Slideshowck('#camera_wrap_161', {
height: '62%',
minHeight: '150',
pauseOnClick: false,
hover: 0,
fx: 'kenburns',
loader: 'none',
pagination: 0,
thumbnails: 0,
thumbheight: 75,
thumbwidth: 100,
time: 3000,
transPeriod: 1000,
alignment: 'center',
autoAdvance: 1,
mobileAutoAdvance: 1,
portrait: 1,
barDirection: 'leftToRight',
imagePath: '/media/com_slideshowck/images/',
lightbox: 'mediaboxck',
fullpage: 1,
mobileimageresolution: '0',
navigationHover: false,
mobileNavHover: false,
navigation: false,
playPause: false,
barPosition: 'bottom',
responsiveCaption: 0,
keyboardNavigation: 0,
titleInThumbs: 0,
container: '#pageglobale'
});
});
</script>
<script>jQuery(document).ready(function(){new Maximenuck('#maximenuck201', {fxtransition : 'linear',dureeIn : 0,dureeOut : 500,menuID : 'maximenuck201',testoverflow : '0',orientation : 'vertical',behavior : 'mouseover',opentype : 'open',offcanvaswidth : '300px',offcanvasbacktext : 'Retour',fxdirection : 'normal',directionoffset1 : '30',directionoffset2 : '30',showactivesubitems : '0',ismobile : 0,menuposition : '0',effecttype : 'dropdown',topfixedeffect : '1',topfixedoffset : '',clickclose : '0',closeclickoutside : '0',clicktoggler : '0',fxduration : 500});});</script>
<script>jQuery(document).ready(function(){new Maximenuck('#maximenuck110', {fxtransition : 'linear',dureeIn : 0,dureeOut : 500,menuID : 'maximenuck110',testoverflow : '0',orientation : 'horizontal',behavior : 'mouseover',opentype : 'open',offcanvaswidth : '300px',offcanvasbacktext : 'Retour',fxdirection : 'normal',directionoffset1 : '30',directionoffset2 : '30',showactivesubitems : '0',ismobile : 0,menuposition : '0',effecttype : 'dropdown',topfixedeffect : '1',topfixedoffset : '',clickclose : '0',closeclickoutside : '0',clicktoggler : '0',fxduration : 500});});</script>
<script>jQuery(document).ready(function(){ new MobileMenuCK(jQuery('#maximenuck110'), {menubarbuttoncontent : '',topbarbuttoncontent : '',showmobilemenutext : 'custom',mobilemenutext : 'Menu',container : 'topfixed',detectiontype : 'tablet',resolution : '640',usemodules : '0',useimages : '0',showlogo : '0',showdesc : '0',displaytype : 'accordion',displayeffect : 'topfixed',menuwidth : '300',openedonactiveitem : '0',mobilebackbuttontext : 'Retour',menuselector : 'ul.maximenuck',uriroot : '',tooglebarevent : 'click',tooglebaron : 'all',logo_source : 'maximenuck',logo_image : '',logo_link : '',logo_alt : '',logo_position : 'left',logo_width : '',logo_height : '',logo_margintop : '',logo_marginright : '',logo_marginbottom : '',logo_marginleft : '',topfixedeffect : 'always',lock_button : '0',lock_forced : '0',accordion_use_effects : '0',accordion_toggle : '1',show_icons : '0',counter : '0',hide_desktop : '1',overlay : '1',menuid : 'maximenuck110',langdirection : 'ltr',merge : 'maximenuck110',beforetext : '',aftertext : '',mergeorder : '',logo_where : '1',custom_position : '#css_selector',uriroot : ''}); });</script>
<script>
var edsScrollOffset = "75";
var edsHideOverflowX = "1";
var edsHideOverflowY = "0";
</script>
<style type="text/css">
a:link {
color: rgba(64, 220, 255, 1);
cursor:url(/templates/anwynn/images/hand.gif), auto !important;
}
ul.maximenuck,
li.maximenuck {
cursor:url('/templates/anwynn/images/hand.gif'), auto !important;
}
@supports (-ms-ime-align:auto) {
a:link,
ul.maximenuck,
li.maximenuck,
ul.nav.nav-tabs {
cursor:url(/templates/anwynn/images/hand.cur), auto !important;
}
body {
cursor:url(/templates/anwynn/images/CurSirene.cur), auto !important;
}
}
</style>
<meta name="designer" content="anwynn@laposte.net" />
<link href="/templates/anwynn/css/template.php?template_radius=0&main_radius=0&mod_radius=0&h3haut=&h3centre=&h3bas=&top=&tophaut=rgba(0,0,0,0.2)&topcentre=rgba(0,0,0,0.2)&topbas=rgba(0,0,0,0.2)&topbord=rgba(0,0,0,0.2)&topimg=/''&headerh=20&menubarre=1&menuhaut=rgba(0,0,0,0.2)&menucentre=rgba(0,0,0,0.2)&menubas=rgba(0,0,0,0.2)&menubord=&menuimg=/''&breadcrumb=&footer=rgba(0, 31, 41, 0.85)&footerhaut=rgba(0, 31, 41, 0.85)&footercentre=rgba(0, 31, 41, 0.85)&footerbas=rgba(0, 31, 41, 0.85)&footerbord=gba(0, 0, 0, 0)&footerimg=/none&btnradius=0&btnbord=&btntxt=&btnh=&btnc=&btnb=&btncolorbord=transparen&btncolorsh=transparen&sh=0&ph=0&fo=0&t_1c=rgba(153, 204, 0, 1)&t_2c=rgba(27, 172, 250, 1)&t_3c=rgba(132, 184, 0, 1)&t_4c=rgba(24, 143, 217, 1)&t_5c=rgba(0, 180, 186, 1)&t_6c=rgba(3, 134, 143, 1)" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="/templates/anwynn/css/custom.css" type="text/css" />
<link rel="stylesheet" href="/templates/anwynn/css/animate.css" type="text/css" />
<script type="text/javascript" src="/templates/anwynn/js/fontsize.js"></script>
<script type="text/javascript" src="/templates/anwynn/js/popup.js"></script>
<script type="text/javascript" src="/templates/anwynn/js/wow.min.js"></script>
<script type="text/javascript">
// new WOW().init();
</script>
<!--
Ajoutez la classe CSS .wow à un élément HTML : elle sera invisible jusqu'à ce que l'utilisateur fasse défiler pour la révéler.
(Vous pouvez modifier cette classe CSS dans les paramètres WOW pour éviter les conflits de noms.)
Choisissez un style d'animation dans Animate.css , puis ajoutez la classe CSS à l'élément HTML
Expemple :
<div class="wow bounceInUp">
Contenu à révéler ici
</div>
data-wow-duration : modifie la durée de l'animation
data-wow-delay : délai avant le démarrage de l'animation
data-wow-offset : distance de démarrage de l'animation (liée au bas du navigateur)
data-wow-iteration : nombre de fois que l'animation est répété
Exemples :
<section class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s">
</section>
<section class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10">
</section>
boxClass : nom de la classe qui révèle la boîte masquée lorsque l'utilisateur fait défiler.
animateClass : Nom de la classe qui déclenche les animations CSS ('animated' par défaut pour la bibliothèque animate.css)
offset : définit la distance entre le bas de la fenêtre du navigateur et le haut de la boîte masquée.
Lorsque l'utilisateur fait défiler et atteint cette distance, la boîte cachée est révélée.
mobile : activez/désactivez wow.js sur les appareils mobiles.
live : vérifiez constamment les nouveaux éléments WOW sur la page.
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
}
)
wow.init();
-->
<style type="text/css" media="screen">
#menutop{height:31px !important; overflow:visible;}
#pageglobale{width:100%;}
#topspace{margin-top:135px;}
#topmain{height:20px;}
#left_outer{width:180px;}
#content_left{padding-left:185px;}
#content_right{margin-right:185px;}
#right_outer{width:180px;}
#content_outer{font-size:135%;}
#footer{height:20px;}
a:link {
color: rgba(64, 220, 255, 1);
}
a:active {
color: rgba(255, 255, 0, 1);
}
a:visited {
color: rgba(99, 99, 99, 1);
}
a:hover {
color: rgba(255, 0, 0, 1);
}
body {
cursor:url(/templates/anwynn/images/CurSirene.cur), auto !important;
}
/* css permettant de coller le footer en bas d'écran quand le contenu est trop petit */
html, body {
box-sizing: border-box;
height: 100%;
padding: 0;
margin: 0;
}
#pageglobale {
box-sizing: border-box;
min-height: 100%;
display: flex;
flex-direction: column;
}
.pageWrapper {
flex-grow: 1;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
</head>
<!-- <body onresize="refresh()" style="/*cursor:url('/templates/anwynn/images/CurSirene.gif'), auto;*/ background: rgba(0, 0, 0, 0);" ><script>
jQuery(function() {
jQuery('body').niceScroll({
zindex: 99999999999999,
cursorwidth: '14px',
cursorcolor: 'linear-gradient(4deg, #0071a6 0%, #001821 100%)',
background: '#f4f4f4',
mousescrollstep: 50,
scrollspeed: 80,
cursorborder: '0',
cursoropacitymin: 0.6,
cursoropacitymax: 0.9,
cursorborderradius: '7px',
hidecursordelay: 400,
scrollbarid: 'ruxin_customscrollbar3465251614'
});
});
window.setInterval(function(){
jQuery('body').getNiceScroll().resize();
}, 1000);
</script><style>
#ruxin_customscrollbar3465251614 {
box-shadow: 0 0 5px #dadada;
}
</style> -->
<body onresize="" style="/*cursor:url('/templates/anwynn/images/CurSirene.gif'), auto;*/ background: rgba(0, 0, 0, 0);" >
<div id="pageglobale" class="pageglobale">
<div id="wrapper" class="pageWrapper">
<!-- Panneau deroulant du haut -->
<!-- Modules position-1 et 2-->
<div id="pannel_top">
<script type="text/javascript" src="/templates/anwynn/js/panel.js"></script>
<div id="pannel_top_inner" style="display:none;">
<div class="position-1">
<form id="login-form-16" class="mod-login" action="/" method="post">
<div class="mod-login__userdata userdata">
<div class="mod-login__username form-group">
<div class="input-group">
<input id="modlgn-username-16" type="text" name="username" class="form-control" autocomplete="username" placeholder="Identifiant">
<label for="modlgn-username-16" class="visually-hidden">Identifiant</label>
<span class="input-group-text" title="Identifiant">
<span class="icon-user icon-fw" aria-hidden="true"></span>
</span>
</div>
</div>
<div class="mod-login__password form-group">
<div class="input-group">
<input id="modlgn-passwd-16" type="password" name="password" autocomplete="current-password" class="form-control" placeholder="Mot de passe">
<label for="modlgn-passwd-16" class="visually-hidden">Mot de passe</label>
<button type="button" class="btn btn-secondary input-password-toggle">
<span class="icon-eye icon-fw" aria-hidden="true"></span>
<span class="visually-hidden">Afficher le mot de passe</span>
</button>
</div>
</div>
<div class="mod-login__remember form-group">
<div id="form-login-remember-16" class="form-check">
<input type="checkbox" name="remember" class="form-check-input" value="yes" id="form-login-input-remember-16">
<label class="form-check-label" for="form-login-input-remember-16">
Maintenir la connexion </label>
</div>
</div>
<div class="mod-login__submit form-group">
<button type="button"
class="btn btn-secondary w-100 plg_system_webauthn_login_button"
data-webauthn-form="login-form-16"
title="Connexion avec clé d'accès"
id="plg_system_webauthn-Ke7RnyXcbwqB-dSZSZnDy"
>
<svg aria-hidden="true" id="Passkey" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><g id="icon-passkey"><circle id="icon-passkey-head" cx="10.5" cy="6" r="4.5"/><path id="icon-passkey-key" d="M22.5,10.5a3.5,3.5,0,1,0-5,3.15V19L19,20.5,21.5,18,20,16.5,21.5,15l-1.24-1.24A3.5,3.5,0,0,0,22.5,10.5Zm-3.5,0a1,1,0,1,1,1-1A1,1,0,0,1,19,10.5Z"/><path id="icon-passkey-body" d="M14.44,12.52A6,6,0,0,0,12,12H9a6,6,0,0,0-6,6v2H16V14.49A5.16,5.16,0,0,1,14.44,12.52Z"/></g></svg>
Connexion avec clé d'accès </button>
</div>
<div class="mod-login__submit form-group">
<button type="submit" name="Submit" class="btn btn-primary w-100">Connexion</button>
</div>
<ul class="mod-login__options list-unstyled">
<li>
<a href="/component/users/reset?Itemid=101">
Mot de passe perdu ?</a>
</li>
<li>
<a href="/component/users/remind?Itemid=101">
Identifiant perdu ?</a>
</li>
</ul>
<input type="hidden" name="option" value="com_users">
<input type="hidden" name="task" value="user.login">
<input type="hidden" name="return" value="aHR0cHM6Ly93d3cuZ3JpZW1lLmZyLw==">
<input type="hidden" name="4eb0d3a4a7c3c12addcf8c62cc36c32a" value="1"> </div>
</form>
</div>
<div class="position-2">
</div>
</div>
<div id="pannel_top_info">
<div class="pannel_top_info">
<a href="#" id="toggler"><img style="border:0;" src='/templates/anwynn/images/vide.png'></a>
</div>
</div>
</div>
<!-- Fin panneau deroulant du haut -->
<!-- Contenu global-->
<!-- Barre du haut -->
<!-- Fin Barre du haut -->
<!-- Logo et Position 3 -->
<div id="header_bg" style="width:100%;">
<div id="header">
<div id="header_bis">
<a href="/index.php">
<div id="logo">
<div id="mod-custom157" class="mod-custom custom">
<p><img src="/images/logo/grieme/TitreGriemeB.png" alt="GRIEME" "=""></p></div>
</div>
</a>
</div>
</div>
</div>
<!-- Fin Logo et Position 3 -->
<!-- Menu et position-4 -->
<div id="menutop" style="border:0 solid transparent !important;">
<div class="menutop2" style="border:0 solid transparent !important;">
<!-- debut Maximenu CK -->
<div class="maximenuckh ltr" id="maximenuck110" style="z-index:100;">
<ul class="maximenuck">
<li data-level="1" class="maximenuck item101 current active first level1" style="z-index : 12000;" ><a data-hover="Accueil" class="maximenuck" href="/" data-align="top"><span class="titreck" data-hover="Accueil"><span class="titreck-text"><span class="titreck-title">Accueil</span></span></span></a>
</li><li data-level="1" class="maximenuck item259 parent level1" style="z-index : 11999;" ><a data-hover="Saga" class="maximenuck" href="#" data-align="top"><span class="titreck" data-hover="Saga"><span class="titreck-text"><span class="titreck-title">Saga</span></span></span></a>
<div class="floatck" style=""><div class="maxidrop-main" style=""><div class="maximenuck2 first" >
<ul class="maximenuck2"><li data-level="2" class="maximenuck item269 first level2" style="z-index : 11998;" ><a data-hover="Tome 1" class="maximenuck" href="/saga/tome-1" data-align="top"><span class="titreck" data-hover="Tome 1"><span class="titreck-text"><span class="titreck-title">Tome 1</span></span></span></a>
</li><li data-level="2" class="maximenuck item270 level2" style="z-index : 11997;" ><a data-hover="Tome 2" class="maximenuck" href="/saga/tome-2" data-align="top"><span class="titreck" data-hover="Tome 2"><span class="titreck-text"><span class="titreck-title">Tome 2</span></span></span></a>
</li><li data-level="2" class="maximenuck item271 level2" style="z-index : 11996;" ><a data-hover="Tome 3" class="maximenuck" href="/saga/tome-3" data-align="top"><span class="titreck" data-hover="Tome 3"><span class="titreck-text"><span class="titreck-title">Tome 3</span></span></span></a>
</li><li data-level="2" class="maximenuck item272 level2" style="z-index : 11995;" ><a data-hover="Tome 4" class="maximenuck" href="/saga/tome-4" data-align="top"><span class="titreck" data-hover="Tome 4"><span class="titreck-text"><span class="titreck-title">Tome 4</span></span></span></a>
</li><li data-level="2" class="maximenuck item273 last level2" style="z-index : 11994;" ><a data-hover="Tome 5" class="maximenuck" href="/saga/tome-5" data-align="top"><span class="titreck" data-hover="Tome 5"><span class="titreck-text"><span class="titreck-title">Tome 5</span></span></span></a>
</li>
</ul>
</div></div></div>
</li><li data-level="1" class="maximenuck item274 parent level1" style="z-index : 11993;" ><a data-hover="Epaves" class="maximenuck" href="#" data-align="top"><span class="titreck" data-hover="Epaves"><span class="titreck-text"><span class="titreck-title">Epaves</span></span></span></a>
<div class="floatck" style=""><div class="maxidrop-main" style=""><div class="maximenuck2 first" >
<ul class="maximenuck2"><li data-level="2" class="maximenuck item260 first level2" style="z-index : 11992;" ><a data-hover="Atlantique" class="maximenuck" href="/epaves/atlantique" data-align="top"><span class="titreck" data-hover="Atlantique"><span class="titreck-text"><span class="titreck-title">Atlantique</span></span></span></a>
</li><li data-level="2" class="maximenuck item281 level2" style="z-index : 11991;" ><a data-hover="Manche" class="maximenuck" href="/epaves/manche" data-align="top"><span class="titreck" data-hover="Manche"><span class="titreck-text"><span class="titreck-title">Manche</span></span></span></a>
</li><li data-level="2" class="maximenuck item282 level2" style="z-index : 11990;" ><a data-hover="Méditerranée" class="maximenuck" href="/epaves/mediterannee" data-align="top"><span class="titreck" data-hover="Méditerranée"><span class="titreck-text"><span class="titreck-title">Méditerranée</span></span></span></a>
</li><li data-level="2" class="maximenuck item283 last level2" style="z-index : 11989;" ><a data-hover="Reste du Monde" class="maximenuck" href="/epaves/reste-du-monde" data-align="top"><span class="titreck" data-hover="Reste du Monde"><span class="titreck-text"><span class="titreck-title">Reste du Monde</span></span></span></a>
</li>
</ul>
</div></div></div>
</li><li data-level="1" class="maximenuck item284 level1" style="z-index : 11988;" ><a data-hover="Vidéos" class="maximenuck" href="/page-videos" data-align="top"><span class="titreck" data-hover="Vidéos"><span class="titreck-text"><span class="titreck-title">Vidéos</span></span></span></a>
</li><li data-level="1" class="maximenuck item479 level1" style="z-index : 11987;" ><a data-hover="Photogrammétrie" class="maximenuck" href="/photogrammetrie" data-align="top"><span class="titreck" data-hover="Photogrammétrie"><span class="titreck-text"><span class="titreck-title">Photogrammétrie</span></span></span></a>
</li><li data-level="1" class="maximenuck item286 level1" style="z-index : 11986;" ><a data-hover="Presse" class="maximenuck" href="/presse" data-align="top"><span class="titreck" data-hover="Presse"><span class="titreck-text"><span class="titreck-title">Presse</span></span></span></a>
</li><li data-level="1" class="maximenuck item287 parent level1" style="z-index : 11985;" ><a data-hover="Histoire" class="maximenuck" href="#" data-align="top"><span class="titreck" data-hover="Histoire"><span class="titreck-text"><span class="titreck-title">Histoire</span></span></span></a>
<div class="floatck" style=""><div class="maxidrop-main" style=""><div class="maximenuck2 first" >
<ul class="maximenuck2"><li data-level="2" class="maximenuck item289 first level2" style="z-index : 11984;" ><a data-hover="Migrants Ships" class="maximenuck" href="/histoire/migrants-ships" data-align="top"><span class="titreck" data-hover="Migrants Ships"><span class="titreck-text"><span class="titreck-title">Migrants Ships</span></span></span></a>
</li><li data-level="2" class="maximenuck item290 level2" style="z-index : 11983;" ><a data-hover="Les R-Boots" class="maximenuck" href="/./images/pdf/histoire/les_rboot.pdf" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');return false;" data-align="top"><span class="titreck" data-hover="Les R-Boots"><span class="titreck-text"><span class="titreck-title">Les R-Boots</span></span></span></a>
</li><li data-level="2" class="maximenuck item291 level2" style="z-index : 11982;" ><a data-hover="Artillerie Rayée" class="maximenuck" href="/./images/pdf/histoire/artillerie_rayee_GRIEME.pdf" onclick="window.open(this.href,'targetWindow','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes');return false;" data-align="top"><span class="titreck" data-hover="Artillerie Rayée"><span class="titreck-text"><span class="titreck-title">Artillerie Rayée</span></span></span></a>
</li><li data-level="2" class="maximenuck item369 last level2" style="z-index : 11981;" ><a data-hover="Apparition du Coumpound" class="maximenuck" href="/./images/pdf/histoire/apparition_coumpound.pdf" target="_blank" data-align="top"><span class="titreck" data-hover="Apparition du Coumpound"><span class="titreck-text"><span class="titreck-title">Apparition du Coumpound</span></span></span></a>
</li>
</ul>
</div></div></div>
</li><li data-level="1" class="maximenuck item285 parent level1" style="z-index : 11980;" ><a data-hover="Bio" class="maximenuck" href="#" data-align="top"><span class="titreck" data-hover="Bio"><span class="titreck-text"><span class="titreck-title">Bio</span></span></span></a>
<div class="floatck" style=""><div class="maxidrop-main" style=""><div class="maximenuck2 first" >
<ul class="maximenuck2"><li data-level="2" class="maximenuck maximenuckmodule item288 first last level2" ><div class="maximenuck_mod"><div class="moduletable">
<ul class="easyfolderlisting" style="list-style:none;">
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Baliste Gris.pdf">Baliste Gris</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Bouquet.pdf">Bouquet</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Capelan.pdf">Capelan</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Carrelet.pdf">Carrelet</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Gonelle.pdf">Gonelle</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Morue.pdf">Morue</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Roussette.pdf">Roussette</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Saint-Pierre.pdf">Saint-Pierre</a> </li>
<li>
<img src="https://www.grieme.fr/media/mod_easyfolderlisting/icons/page_white_acrobat.png" alt="An Adobe Acrobat file" /> <a target="_blank" href="https://www.grieme.fr/images/fichesPoissons/Tacaud.pdf">Tacaud</a> </li>
</ul>
</div>
<div class="clr"></div></div>
</li>
</ul>
</div></div></div>
</li><li data-level="1" class="maximenuck item342 level1" style="z-index : 11978;" ><a data-hover="Conversion" class="maximenuck" href="/conversion" data-align="top"><span class="titreck" data-hover="Conversion"><span class="titreck-text"><span class="titreck-title">Conversion</span></span></span></a>
</li><li data-level="1" class="maximenuck item622 last level1" style="z-index : 11977;" ><a data-hover="Contact" class="maximenuck" href="/contact" data-align="top"><span class="titreck" data-hover="Contact"><span class="titreck-text"><span class="titreck-title">Contact</span></span></span></a></li> </ul>
</div>
<!-- fin maximenuCK -->
</div>
</div>
<!-- Fin Menu et position-4 -->
<!-- Panneau deroulant du milieu -->
<!-- Fin Panneau deroulant du milieu -->
<!-- zone de modules du haut-->
<div id="header_panel">
<div id="header_panel_inner">
</div>
</div>
<!-- Fin zone de modules du haut-->
<!-- Bandeau sous le menu avec navigation, taille du texte et lien bas de page -->
<div id="panel_top">
</div>
<!-- Fin du bandeau sous le menu -->
<!-- espace entre le bandeau et la page -->
<div id="topspace"></div>
<!-- Fin espace entre le bandeau et la page -->
<!-- Contenu de la page -->
<div id="content_outer">
<!-- espace vide en haut de la page -->
<div id="topmain"></div>
<!-- Fin espace vide en haut de la page -->
<!-- Contenu central avec colonnes droite et gauche-->
<div class="content_float">
<div id="main_content_outer" style="color:rgba(0, 0, 66, 1)margin-top: 0;">
<!-- Debut colonne de gauche -->
<!-- Fin colonne de gauche -->
<!--contenu central et droite-->
<div>
<!-- Slideshow du haut-->
<!-- Fin slideshow haut -->
<!-- Debut colonne de droite -->
<!-- Fin colonne de droite -->
<!-- Contenu central-->
<div id="main_content1" style="margin:auto;background: rgba(0, 31, 41, 0.85); width: 95%;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;">
<div id="main_content_middle" class="main_content_middle" style="margin-right: 180; margin-left: 180;">
<div class="main" style="margin-right: 180; margin-left: 180;">
<div id="system-message-container" aria-live="polite"></div>
<div class="com-content-article item-page">
<meta itemprop="inLanguage" content="fr-FR">
<div class="com-content-article__body">
<div style="max-width: 800px; margin: 0px auto;">
<p> </p>
<p> </p>
<h3 style="text-align: center;"> <span style="color: #339966;"><strong>Vernissage et conférence</strong></span><br /><span style="color: #339966;"><strong><em>Visions sous-marines </em>par l’association GRIEME</strong> </span></h3>
<table>
<tbody>
<tr>
<td><span style="color: #999999;"><a href="https://mediathequehonfleur.fr/" target="_blank" rel="noopener" style="color: #999999;"><img src="/images/presse/exposition-et-conferences-visions-sous-marine-affiche-copie.jpg" loading="lazy" width="100" height="141" data-path="local-images:/evenement/exposition-et-conferences-visions-sous-marine-affiche-copie.jpg" style="display: block; margin-left: auto; margin-right: auto;" /></a><strong></strong></span></td>
<td style="text-align: justify;"><span style="color: #999999;">À l’occasion du vernissage de l’exposition <em>Visions Sous-marines</em>, l’association <strong>GRIEME</strong> proposera une conférence sur la plongée archéologique qui sera animée par <em>Audrey Patraux</em>, plongeuse archéologue bénévole. Cette dernière évoquera les conditions de travail sous-marines, les techniques de recherches archéologiques et de relevés, les missions concrètes menées en Manche et les enjeux de préservation du patrimoine immergé. Un temps d’échange suivra pour poser toutes vos questions sur ce métier rare, à la croisée de la science, de l’histoire et de l’exploration.</span></td>
</tr>
</tbody>
</table>
<p><span style="color: #999999;"></span></p>
<h3 style="text-align: center;"><span style="color: #339966;"><strong>Exposition visible du 17 janvier au 15 mars 2026 (Prolongation)</strong></span></h3>
<p> </p>
<p> </p>
</div> </div>
</div>
</div>
<!-- Fin du contenu main -->
</div>
<!-- Fin du contenu middle -->
</div>
<!-- Fin Content Central -->
<!-- Slideshow du bas -->
<!-- Fin slideshow bas -->
</div>
<!--Fin contenu central et droite-->
<div class="clear"></div>
</div>
<!-- Fin Contenu main_content_outer (contenu central avec colonnes droite et gauche) -->
<!-- Bas de contenu -->
<div id="bottom">
</div>
<!-- Fin du bas de contenu -->
</div>
<!-- Fin du content float -->
</div>
<!-- fin de la div content outer -->
<!-- séparateur bas (avec flèche retour) -->
<div id="footer_open">
<div id="footer_top_left">
<a href='javascript:window.history.go(-1)'><img style="border:0;" onmouseout="this.src='/templates/anwynn/images/back.png';" onmouseover="this.src='/templates/anwynn/images/back_over.png';" src="/templates/anwynn/images/back.png" alt="Retour" title="Retour"></a>
</div>
<div id="footer_top_right">
<a href="#pageglobale"><img style="border:0;" onmouseout="this.src='/templates/anwynn/images/top.png';" onmouseover="this.src='/templates/anwynn/images/top_over.png';" src="/templates/anwynn/images/top.png" alt="Haut de page" title="Haut de page"></a>
</div>
</div>
<!-- fin du séparateur bas (footer open) -->
<div class="clr"></div>
<!--Modules de bas de contenu -->
<div id="footer_panel">
<div id="footer_panel_inner">
</div>
<!-- fin du footer panel inner -->
</div>
</div>
<!-- Fin de la div de classe pageWrapper -->
<div id="footer" style="height:auto;">
<div style="height:18px;overflow:visible;">
<div class="users_med">
<!-- debut Maximenu CK -->
<div class="maximenuckv ltr" id="maximenuck201" style="z-index:10;">
<ul class="maximenuck">
<li data-level="1" class="maximenuck item325 first level1" style="z-index : 12000;" ><a data-hover="Les Présidents du GRIEME" class="maximenuck" href="/les-presidents" data-align="top"><span class="titreck" data-hover="Les Présidents du GRIEME"><span class="titreck-text"><span class="titreck-title">Les Présidents du GRIEME</span></span></span></a>
</li><li data-level="1" class="maximenuck item556 last level1" style="z-index : 11999;" ><a data-hover="L'association" class="maximenuck" href="/lassociation" data-align="top"><span class="titreck" data-hover="L'association"><span class="titreck-text"><span class="titreck-title">L'association</span></span></span></a></li> </ul>
</div>
<!-- fin maximenuCK -->
</div>
<div class="users_med">
<div id="mod-custom159" class="mod-custom custom">
<p></p>
<p style="text-align: center; font-size: 12pt;"><span style="font-family: TrixiePlain; color: #ffffff;">© GRIEME 2000 – 2026
<span style="font-family: TrixiePlain; color: #ffffff;"></span></p>
<p style="text-align: center;"><span style="font-size: 12pt; font-family: TrixiePlain; text-decoration: none; color: #ffffff;"><a href="https://grieme.fr/index.php?option=com_content&view=article&id=85" style="font-family: trixieplain; text-decoration: none; font-size: 12pt; color: #ffffff;" target="_blank" rel="noopener">Groupe de Recherche et d'Identification des Epaves de Manche-Est</a></span></p>
<p style="text-align: center;"><a href="https://grieme.fr/index.php?option=com_content&view=article&id=172:conversion&catid=2:non-categorise" target="_self"><img src="/images/logo/grieme/sirene_inv.png" alt="sirene inv" style="display: block; margin-left: auto; margin-right: auto; width: 23px; height: 25px; margin-top: -5px;"></a></p></div>
</div>
<div class="users_med">
<div id="mod-custom158" class="mod-custom custom">
<div style="float: right; width: 30%; margin-top: 1.5%;">
<p style="text-align: center;"><span style="font-family: TrixiePlain; color: #ffffff; font-size: 12pt;">Suivez-nous</span></p>
<p style="text-align: center;"><a href="https://www.facebook.com/61570832282995/" target="_blank" rel="noopener"><img id="fdb" src="/images/logo/facebook/facebook.png" alt="facebook" width="15%" height="NaN"></a> <a href="https://www.youtube.com/channel/UCjD3rWK5Fdn2bvwSiuQ8LEw" target="_blank" rel="noopener"><img id="yout" src="/images/logo/youtube/youtube.png" alt="youTube" width="15%" height="NaN"></a> <a href="https://vimeo.com/user172524701" target="_blank" rel="noopener"><img id="vim" src="/images/logo/logovimeo.png" alt="Vimeo" width="15%" height="NaN"></a></p>
<p> </p>
</div></div>
</div>
</div>
<div id="infocopyright" style="clear:both;position:relative;width:100%;height:auto;margin-right:auto;margin-left:auto;text-align:center;">
</div>
<!-- <a href="/?view=article&id=1:accueil-1&catid=2">Mentions légales</a> -->
</div>
</div>
<!-- Fin de la div pageglobale -->
<div id="mod-custom186" class="mod-custom custom">
<p></p></div>
<div class="slideshowck camera_wrap camera_amber_skin" id="camera_wrap_161">
<div data-alt="" data-thumb="/images/fondsAccueil/port10.jpg" data-src="/images/fondsAccueil/port10.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port11.jpg" data-src="/images/fondsAccueil/port11.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port12.jpg" data-src="/images/fondsAccueil/port12.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port13.jpg" data-src="/images/fondsAccueil/port13.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port2.jpg" data-src="/images/fondsAccueil/port2.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port3.jpg" data-src="/images/fondsAccueil/port3.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port4.jpg" data-src="/images/fondsAccueil/port4.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port5.jpg" data-src="/images/fondsAccueil/port5.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port6.jpg" data-src="/images/fondsAccueil/port6.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port7.jpg" data-src="/images/fondsAccueil/port7.jpg" data-alignment="">
</div>
<div data-alt="" data-thumb="/images/fondsAccueil/port9.jpg" data-src="/images/fondsAccueil/port9.jpg" data-alignment="">
</div>
</div>
<div style="clear:both;"></div>
</body>
</html>
