Outiref

Code source de l'URL : http://www.cinedelices.fr

<!DOCTYPE html>
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Cinédélices - Accueil</title>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="copyright" content="3wcom" />
    <meta name="author" content="3wcom" />
    <meta name="language" content="fr" />
    <meta http-equiv="content-language" content="fr" />
    <meta name="viewport" content="initial-scale=1.0">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="format-detection" content="telephone=no">

    <script src="/website/views/layouts/template/extern/jquery-3.2.1.min.js" type="text/javascript"></script>
    <link href="/website/views/layouts/template/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />  
    <link href="/website/views/layouts/template/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
    <link href="/website/views/layouts/template/css/style.css" rel="stylesheet" type="text/css" />           
    <link href="/website/views/layouts/template/extern/animate.min.css" rel="stylesheet" type="text/css" />           
        
</head>
    <body id="page-default">
                           
        
        <header>
    <div class="container-fluid header-first">
        <div class="container">
            <div class="row">
                <div class="col-xs-offset-5 col-xs-2 col-sm-offset-5 col-sm-2 header-logo">
                                        <a href="/fr" alt="Accueil">
                    <img class="img-responsive img-center" src="/header/logo.png" alt="Accueil"/>
                    </a>
                </div>
                <div class="col-xs-offset-3 col-xs-2 col-sm-offset-4 col-sm-1 header-socialshare">
                    <p style="text-align: right;"><img src="/header/facebook.png" style="width:32px;" /></p>
                </div>
            </div>
        </div>
    </div>
        <div class="pimcore_area_slider-header pimcore_area_content">
<style>
    /* Animation delays */
    .carousel-caption {
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
    } 
    .carousel-caption h1 {
        -webkit-animation-delay: 1.0s;
        animation-delay: 1.0s;
    } 
    .carousel-caption h2{
        -webkit-animation-delay: 2.0s;
        animation-delay: 2.0s;
    }
</style>

<div id="carousel-header" class="carousel slide carousel-fade" data-ride="carousel" data-interval="5000">
            <!-- Indicators -->
        <ol class="carousel-indicators">
                            <li data-target="#carousel-header" data-slide-to="0" class="active"></li>
                        </ol>
        
        <div class="carousel-inner" role="listbox">
                            <div class="item active">
                                            <img src="/header/slider/cinedelices-cahors.jpg" alt="carrousel" class="img-block" />
                                                            </div>
                        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-header" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-header" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>

</div>

</div>    <div class="container-fluid header-second">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 header-menu">
                    <div class="yamm navbar"><nav id="custom-bootstrap-menu" class="navbar navbar-default" role="navigation">
  <div class="container-fluid" ><div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"  >
      <ul class="nav navbar-nav menu-fr"><li id="menu-item-0" class="dropdown onRolow"><a href="/fr"><span>Accueil</span></a></li><li id="menu-item-1" class="dropdown"><a href="/fr/programme-2019" class="" ><span>Programme 2019</span></a></li><li id="menu-item-2" class="dropdown"><a href="/fr/le-festival-cinedelices" class="" ><span>Le festival</span></a></li><li id="menu-item-3" class="dropdown"><a href="/fr/tarifs-infos" class="" ><span>Infos et tarifs</span></a></li><li id="menu-item-4" class="dropdown"><a href="/fr/hedonisme-cinema" class="" ><span>Hédonisme et cinéma</span></a></li><li id="menu-item-5" class="dropdown"><a href="/fr/les-partenaires-cinedelices" class="" ><span>Les partenaires</span></a></li><li id="menu-item-6" class="dropdown"><a href="/fr/cine-plus-masterclass-formulaire" class="" ><span>Ciné+</span></a></li><li id="menu-item-7" class="dropdown"><a href="/fr/les-jeudis-cine-plus" class="" ><span>Les Jeudis de Ciné+</span></a></li><li id="menu-item-8" class="dropdown"><a href="/fr/#section-maps" class="" ><span>Accès et contact</span></a></li></ul>      
    </div><!-- /.navbar-collapse -->
</div></nav></div>                </div>
            </div>
        </div>
    </div>
</header>
        <div id="fr" class="container-fluid">
    <div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="section-18-22">
    <div class="container-fluid background-transparent background-transparent" >
                        <div class="pimcore_area_block-image pimcore_area_content">
<section class="area-block-image" >
      <div class="nopadding">
                </div> 
</section>
</div>            </div>
</section>

</div><div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="section-cine">
    <div class="container-fluid background-transparent border-rouge" >
        <div class="container background-transparent">                <div class="pimcore_area_block-ligne pimcore_area_content"><section class="area-block-row">
        
        
    <div class="row">
                    <div class="col-xs-12 col-sm-3 padding-perso" >
                <div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><p>&nbsp;</p>

<p><a href="/fr/cine-plus"><img src="/accueil/cine-.png" style="width: 250px; height: 188px;" /></a></p>
</div></div>
</section></div> 
            </div>
                    <div class="col-xs-12 col-sm-9 padding-perso" >
                <div class="pimcore_area_block-titre-couleurs pimcore_area_content">
<section class="area-block-titre">
    <div class="background-transparent">
        <h1 class="titrePage font-transparent" >
            <div>ciné + Cahors</div>
        </h1>
    </div>
</section></div><div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><h2 style="text-align: justify;"><span style="font-size:20px;">Ciné+ Cahors, Créateur du Festival Cinédélices&nbsp;&nbsp;</span></h2>

<p style="text-align: justify;"><span style="font-size:18px;">Créée au début des années 80 à Cahors, l’Association Ciné+ Cahors, en relation avec les Cinémas de la ville, apporte un soutien régulier à la diffusion du cinéma d’art et essai et à la découverte de nouveaux auteurs, avec un objectif clairement affiché : faire connaître la création cinématographique dans tous ses états au public le plus large.</span></p>

<p style="text-align: justify;"><span style="font-size:18px;">Sur un territoire qui cultive un goût pour le bien-vivre, Ciné+ Cahors a créé en octobre 2012 le Festival Cinédélices et en est la structure porteuse, aux côtés des Cinémas de Cahors.</span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><img src="/accueil/logo-cahors-quercy.jpg" style="width:135px;float:right;" /><span style="float:right; width: 50px;">&nbsp;</span><img src="/accueil/logo-cahors-cinema.jpg" style="width: 283px; float: right;" /></p>
</div></div>
</section></div> 
            </div>
            </div>
</section>
</div>        </div>    </div>
</section>

</div><div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="section-acces">
    <div class="container-fluid background-blanc border-gris" >
        <div class="container background-transparent">                <div class="pimcore_area_block-titre-couleurs pimcore_area_content">
<section class="area-block-titre">
    <div class="background-transparent">
        <h1 class="titrePage font-transparent" >
            <div>CINELATINO 2020</div>
        </h1>
    </div>
</section></div><div class="pimcore_area_block-sous-titre-couleurs pimcore_area_content">
<section class="area-block-sous-titre-couleurs">
    <div class="background-transparent">
        <h2 class="sousTitre font-transparent" >Ciné + fait son CinéLatino tous les lundis de septembre.</h2>
    </div>
</section>

</div><div class="pimcore_area_block-ligne pimcore_area_content"><section class="area-block-row">
        
        
    <div class="row">
                    <div class="col-xs-12 col-sm-5 padding-perso" >
                <div class="pimcore_area_block-image pimcore_area_content">
<section class="area-block-image" >
      <div class="nopadding">
                </div> 
</section>
</div> 
            </div>
                    <div class="col-xs-12 col-sm-7 padding-perso" >
                <div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><p><span style="font-size:18px;"><span style="color:#000000;"><span class="font-noir"></span>Bientôt tout le programme....</span></span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p><span style="font-size:18px;"><span style="color:#000000;"></span></span></p>

<p><span style="font-size:18px;"><span style="color:#000000;"></span></span></p>

<p><span style="font-size:18px;"><span style="color:#000000;"><span class="font-noir"></span></span></span></p>
</div></div>
</section></div> 
            </div>
            </div>
</section>
</div><div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><p style="text-align: center;"><span style="font-size:18px;"><span style="color:#000000;"></span></span></p>

<p><span style="font-size:18px;"><span style="color:#000000;"></span></span></p>
</div></div>
</section></div>        </div>    </div>
</section>

</div><div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="">
    <div class="container-fluid background-gris border-rouge" >
        <div class="container background-transparent">                <div class="pimcore_area_block-titre-couleurs pimcore_area_content">
<section class="area-block-titre">
    <div class="background-transparent">
        <h1 class="titrePage font-noir" >
            <div>CINEDELICES 2020</div>
        </h1>
    </div>
</section></div><div class="pimcore_area_block-sous-titre-couleurs pimcore_area_content">
<section class="area-block-sous-titre-couleurs">
    <div class="background-transparent">
        <h2 class="sousTitre font-transparent" >Du dimanche 04 Octobre au Samedi 10 Octobre</h2>
    </div>
</section>

</div><div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><p><span class="font-noir"><span style="font-size:20px;">Le festival se déroulera au Grand Palai et au Quercy.</span></span></p>

<p><span class="font-noir"><span style="font-size:20px;">Nous vous communiquerons prochainement le programme complet.</span></span></p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>
</div></div>
</section></div>        </div>    </div>
</section>

</div><div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="section-festival">
    <div class="container-fluid background-blanc border-transparent" >
        <div class="container background-transparent">                <div class="pimcore_area_block-sous-titre-couleurs pimcore_area_content">
<section class="area-block-sous-titre-couleurs">
    <div class="background-transparent">
        <h2 class="sousTitre font-transparent" ></h2>
    </div>
</section>

</div><div class="pimcore_area_block-ligne pimcore_area_content"><section class="area-block-row">
        
        
    <div class="row">
                    <div class="col-xs-12 col-sm-12 padding-perso" >
                <div class="pimcore_area_block-titre-couleurs pimcore_area_content">
<section class="area-block-titre">
    <div class="background-transparent">
        <h1 class="titrePage font-transparent" >
            <div>vente d'affiches de film</div>
        </h1>
    </div>
</section></div><div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><h2><span class="font-rouge">Ciné+ coordonne désormais la VENTE D’AFFICHES avec ses festivals&nbsp;:</span><span style="color:#000000;"><span style="font-size:20px;"><span class="font-rouge"> </span><br />
<span style="font-size:22px;">en octobre sur Cinédélices et en mars sur Cinélatino</span></span></span></h2>

<p><span style="color:#000000;"><span style="font-size:20px;"></span></span><span style="color:#000000;"><span style="font-size:20px;"></span></span></p>

<p style="text-align: right;"><span class="font-rouge"><span style="font-size:28px;"><a href="/fr/cine-plus-masterclass-formulaire#affiches"><span style="color:#e31917;">&gt;&gt;&nbsp; Connaitre la liste des affiches des films &lt;&lt;</span></a></span></span></p>
</div></div>
</section></div> 
            </div>
            </div>
</section>
</div>        </div>    </div>
</section>

</div><div class="pimcore_area_block-accueil-maps pimcore_area_content"><section id="section-maps" class="block-accueil-maps">
    <div class="container-fluid nopadding">
        <div class="container background-transparent">
            <div class="pimcore_area_block-texte pimcore_area_content">        
<section class="area-block-texte-petit height-block" >
    <div class="contentTexte background-transparent height-block"><div style="height: 100%;width: 100%;"><p style="text-align: center;">&nbsp;</p>

<p style="text-align: center;">&nbsp;</p>

<p>&nbsp;</p>
</div></div>
</section></div>        </div>
                <div class="container background-transparent">
                    </div>
    </div>
</section>
</div><div class="pimcore_area_block-fond pimcore_area_content">


<section class="area-block-areablock-fond" id="section-formulaire">
    <div class="container-fluid background-noir border-gris" >
        <div class="container background-transparent">                <div class="pimcore_area_block-accueil-contact pimcore_area_content"><section class="area-block-accueil-contact">
<div class="col-xs-12 block-form-accueil">
    <h1 class="titrePage"><div>Formulaire</div></h1>
        <form id="form-accueil" class="form-horizontal" method="post" action="#block-form-accueil-message">
        <div class="col-xs-12 col-sm-6" for="nom">
            <div class="form-group">
                <input class="form-control" type="text" name="nom" pattern="^[a-zA-ZàáâäãåacceèéêëeiìíîïlnòóôöõøùúûüuuÿýzzñçcšžÀÁÂÄÃÅACCEEÈÉÊËÌÍÎÏILNÒÓÔÖÕØÙÚÛÜUUŸÝZZÑßÇŒÆCŠŽ?ð ,.'-]+$" placeholder="Nom *" required>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6" for="prenom">
            <div class="form-group">
                <input class="form-control" type="text" name="prenom" pattern="^[a-zA-ZàáâäãåacceèéêëeiìíîïlnòóôöõøùúûüuuÿýzzñçcšžÀÁÂÄÃÅACCEEÈÉÊËÌÍÎÏILNÒÓÔÖÕØÙÚÛÜUUŸÝZZÑßÇŒÆCŠŽ?ð ,.'-]+$" placeholder="Prénom">
            </div>
        </div>
        <div class="col-xs-12 col-sm-6" for="tel">
            <div class="form-group">
                <input class="form-control" type="text" name="tel" placeholder="Téléphone">
            </div>
        </div>
        <div class="col-xs-12 col-sm-6" for="email">
            <div class="form-group">
                <input class="form-control" type="email" name="email" placeholder="Mail *" required>
            </div>
        </div>
        <div class="col-xs-12" for="msg">
            <div class="form-group">
                <textarea  class="form-control" rows="3" name="msg" placeholder="Message *" required></textarea>
            </div>
        </div>
        <div class="col-xs-12" style="display: none;">key_content_contactForm_champsrequis</div>
        <div class="col-xs-12 col-sm-6 g-recaptcha contact-captcha nopadding" data-sitekey="6Lce4jQUAAAAAF4r3VaGuRZ7G4nwfv9Yw-Gx7Ar7"></div>    
        <div class="col-xs-12 col-sm-6 text-right contact-submit nopadding">
            <input type="submit" class="btn btn-info btn-specific" value="ENVOYER" name="ok"/>
            <input type="hidden" name="form-valid-accueil" value="1" />
        </div>
    </form>
    </div>
<script src='https://www.google.com/recaptcha/api.js'></script>
</section>
</div>        </div>    </div>
</section>

</div></div>        <footer>
    <div class="container-fluid footer-first">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-3 footer-logo">
                                        <a href="/fr" alt="Accueil">
                    <img class="img-responsive img-center" src="/footer/logo-camera.png" alt="Accueil"/>
                    </a>
                </div>
                <div class="col-xs-12 col-sm-9 footer-logos">
                    <p style="text-align: center;"><img src="/website/var/tmp/image-thumbnails/0/2057/thumb__auto_850904660de984af948beee3aee98a4f/partenaires-2019.jpeg" style="width:600px;" /></p>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid footer-second">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-right web-3wcom">
                    <a href="http://www.3wcom.fr" target="_blank">
                        <img src="/website/views/layouts/template/images/signature.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>        
        <script src="/website/views/layouts/template/extern/jquery-3.2.1.min.js" type="text/javascript"></script>
        <script src="/website/views/layouts/template/js/perso.js" type="text/javascript"></script>    
        <script src="/website/views/layouts/template/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript"></script>    
        <script type="text/javascript" src="/website/views/areas/slider-header/script.js"></script>    </body>
</html>