Cerema - La m茅diath猫que

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Cerema - La m茅diath猫que</title> <meta name="description" content=""> <meta name="author" content="">  <link href="/libs/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet" /> <link href="/libs/bootstrap/3.3.4/css/bootstrap-theme.min.css" rel="stylesheet" />  <link href="/templates/cerema-splash/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="/templates/cerema-splash/css/glyphicons.css" /> <link href="/templates/cerema-splash/css/slider.css" rel="stylesheet"> <link rel="stylesheet" href="/templates/cerema-splash/css/global.css" /> <link rel="stylesheet" href="/templates/cerema-splash/css/custom.css" /> <link rel="icon" href="/var/static-content/picture/favicon.ico" /> </head> <body class="modal-open"> <div class="container menu" > <div style="padding:25px 0;"> <a href="/" class="header_logo"><img style="" src="/var/static-content/picture/logo.jpg" /></a> <span class="header_title">M茅diath猫que</span> <a href="?open-connect-menu=1" id="connexion_login" class="dropdown-toggle" > <span class="glyphicons glyphicons-power"></span> Acc猫s Cerema </a> <a href="?open-connect-menu=2" id="connexion_login" class="dropdown-toggle"> <span class="glyphicons glyphicons-power"></span> Acc猫s externe </a> </div> </div> <div class="row-fluid aui" style="position:relative"> <div class="span12"> <section class="portlet"> <div class="slider-text-right flexslider"> <ul class="slides"> <li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/001.JPEG" /></div></li><li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/002.JPEG" /></div></li><li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/003.JPEG" /></div></li><li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/004.JPEG" /></div></li><li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/005.JPEG" /></div></li><li><div class="image-wrapper"><img alt="Titre de la news" src="./var/static-content/sliders/006.JPEG" /></div></li> </ul> </div> </section> </div> </div> <div class="container "> <div class="box_auth"> <h2 class="box_auth_title">Bienvenue dans la m茅diath猫que du Cerema</h2> <br><br> <span style="font-size:20px;">Consultez, t茅l茅chargez et partagez nos contenus photos et vid茅os</span><br> <br><br> <div class="dropdown-menu" style="position: absolute;top: -2px;width: 100%;" role="menu"> <iframe id="splash-screen-login-iframe" src="" width="356" height="100" border="0" allowtransparency="true" scrolling="no" frameborder="0"></iframe> <a href="/auth/p/login-guest" class="dropdown-toggle" style="color:#fff;" data-toggle="dropdown" role="button" aria-expanded="false">ACC脡DEZ AUX M脡DIAS</a> </div> <a href="/auth/p/login-guest" class="dropdown-toggle" aria-expanded="false"><div class="box_auth_btn_log" style="">ACC脡DEZ AUX M脡DIAS</div></a> <a href="#" data-toggle="modal" style="color:#EF7757;" data-target="#signup-modal"><div class="box_auth_btn_account" >S'INSCRIRE</div></a> </div> </div> <footer class="footer " > <div class="container "> <div class="col-md-1">&nbsp </div> <div class="col-md-2"><b>Cerema</b><br><br><a href="/static?1614783878">Qui sommes-nous ?</a><br><br><a href="/static?1614783882">Nos Editions</a></div> <div class="col-md-1">&nbsp </div> <div class="col-md-2"><b>Cerema et vous</b><br><br><a href="/static?1614783889">Nous contacter</a><br><br><a target="_blank" href="https://www.cerema.fr/fr">www.cerema.fr</a></div> <div class="col-md-1">&nbsp </div> <div class="col-md-2"><b>L茅gal</b><br><br><a href="/static?1614783895">Mentions l茅gales</a><br><br> <a href="/static?1614783898">CGU</a></div> <div class="col-md-1">&nbsp </div> <div class="col-md-2"><b>Suivez le cerema</b><br><br> <a target="_blank" href="https://twitter.com/ceremadcdc?lang=fr"><i class="fa fa-twitter" style="font-size:36px;margin-right:20px;"></i></a> <a target="_blank" href="https://www.dailymotion.com/cerema"><i class="fa fa-youtube-play" style="font-size:36px;margin-right:20px;"></i></a> <a target="_blank" href="https://www.linkedin.com/company/cerema/?originalSubdomain=fr"><i class="fa fa-linkedin" style="font-size:36px"></i></a> </div> <div class="col-md-1">&nbsp </div> </div> </footer> <div style=" background: #EF7757 none repeat scroll 0 0;height: 35px;padding-top: 5px;width: 100%;"> <p class="text-center" style="color:#fff">©2025 Cerema tout droits r茅serv茅s</span></p> </div>  <div id="loading-message" class="hidden transparent"> <div class="content"> <p class="icon"><span class="glyphicon glyphicon-repeat rotating"></span></p> <p class="message"> Chargement en cours </p> </div> </div> <script src="/libs/jquery/1.11.2/jquery-1.11.2.min.js" type="text/javascript"></script><script src="/libs/rangeslider/rangeslider.js" type="text/javascript"></script><script src="/libs/bootstrap/3.3.4/js/bootstrap.min.js" type="text/javascript"></script><div class="modal fade" id="signup-modal" tabindex="-1" role="dialog" aria-labelledby="signup-modal-title" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label=" Fermer "> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="signup-modal-title"> Cr茅er votre compte </h4> <p class="modal-resume">Merci de renseigner ce formulaire pour acc茅der a la m茅diath猫que et b茅n茅ficier de l'ensemble des services propos茅s..</p> </div> <div class="modal-body"> <form action="/auth/p/signup" method="get" id="signup-form"> <p class="bg-danger text-danger hidden" id="signup-form-error"></p> <div class="form-group required"> <label for="signup-last-name" class="control-label"> Nom </label> <input type="text" name="last-name" id="signup-last-name" class="form-control" required /> </div> <div class="form-group required"> <label for="signup-first-name" class="control-label"> Pr茅nom </label> <input type="text" name="first-name" id="signup-first-name" class="form-control" required /> </div> <div class="form-group required"> <label for="signup-email" class="control-label">Connectez-vous / Email </label> <input type="text" name="email" id="signup-email" class="form-control" required /> </div> <img src="/securimage/v/securimage_show?sid=e50dcc0668530547c68e6ef4e9f363f1" id="signup-captcha-image" /> <a href="#" onClick="var a = document.getElementById('signup-captcha-image'); a.src = a.src + 's';" style="color:#000"> Demander un autre code </a> <div class="form-group required"> <label for="signup-captcha" class="control-label"> Recopier le code </label> <input type="text" name="captcha" id="signup-captcha" class="form-control" required /> </div> <p class="text-muted"><input id="checkBox" style="position: absolute;" name="CGU" value="off" onclick="if(this.value=='off'){this.value='on'}else{this.value='off'}" type="checkbox">  <label for="signup-captcha" style="margin-left: 15px;" class="control-label">J'ai lu et j'accepte <a href="/auth/p/login-guest?static=1491560241" target="_blank" >les conditions g茅n茅rales d'utilisation</a></label> </p> </form> <p class="text-muted"> * Champs obligatoires </p> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="signup-send" onClick="signupSubmit();"> Validez </button> </div> </div> </div> </div> <style type="text/css"> #signup-form-error { padding:12px; } </style> <script type="text/javascript"></script><script type="text/javascript">var signupSubmit = function() { // R茅cup茅ration des valeurs du formulaire var values = {}; var $inputs = $("#signup-form input, option:selected, textarea"); for (var i=0; i < $inputs.length; i++) { var $input = $inputs.eq(i); values[$input.attr("name")] = $input.val(); } // V茅rification des valeurs $.ajax({ url : "/auth/ajax/signup-check", data : values, success : function(result) { // Affichage du formulaire en succ猫s $("#signup-form .form-group").removeClass("has-error").addClass("has-success"); $("#signup-form-error").addClass("hidden"); if (result.valid === true) { // Affichage de l'茅cran de chargement var $loading = $("#loading-message"); $loading.find("p.message").text("Enregistrement en cours"); $loading.removeClass("hidden"); $loading.removeClass("transparent"); // Soumission du formulaire $("#signup-form").submit(); } else { // Affichage des messages d'erreur if (result.message != "") { $("#signup-form-error").removeClass("hidden"); $("#signup-form-error").html(result.message); } // Surbrillance des champs en erreur for (var i=0; i < result.errorFields.length; i++) { var errorField = result.errorFields[i]; var $input = $("#signup-form input[name=" + errorField +"]"); var $formGroup = $input.parents(".form-group"); $formGroup.removeClass("has-success"); $formGroup.addClass("has-error"); } } } }); };</script><script type="text/javascript">$(function () { $('[data-toggle="tooltip"]').tooltip(); }); document.oncontextmenu = new Function("return false");</script>  <script src="/templates/cerema-splash/js/jquery.flexslider.min.2.2.2.js"></script> <script src="/templates/cerema-splash/js/auto-font-size.js" type="text/javascript"></script> <script src="/templates/cerema-splash/js/slider.js" type="text/javascript"></script> </body> </html>

CINXE.COM

Cerema - La m茅diath猫que