Outiref

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

<!--a mettre dans toutes les pages-->

<!--toute la partie a rétrouver dans toute les page-->
<!DOCTYPE html>
<html>
  <head>
    <title>Le CIRAME - Agrométéo en région PACA</title>
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css">
    <link href="css/cssG.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
	<link rel="stylesheet" href="css/style_perso.css">
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
    <link rel="icon" type="image/png" href="img/logocirame.png" />
  

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
	<meta name="description" content="Le CIRAME: Centre régional d'agrométérologie en région PACA. Le CIRAME traite de l'agrométéo, de l'irrigation, des modèles liés à l'agriculture régionale. Nous produisons de la données météo pour l'agriculture. " />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	
	
	
	
  </head>

  <body>
    <!--Header-->
	<div class="row row-nav">
    <nav class="navbar navbar-default navbar-fixed-top">
      <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>
          <a class="navbar-brand" href="index.asp"><img src="images/logocirame.png" alt="Logo cirame" />  <h5>Les relations climat agriculture en région PACA</h5></a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		
          <ul class="nav navbar-nav navbar-right">
		   <li>
              <a href="index.asp">Accueil</a>
            </li>
            <li>
              <a href="nous_joindre.asp">Nous joindre</a>
            </li>
			<li>
              <a href="revue_presse.asp">Revue de presse</a>
            </li>
			<li>
              <a href="nos_activites.asp">Notre métier</a>
            </li>
            <li>
              <a href="Nos_partenaires.asp">Nos partenaires</a>
            </li>
            <!--menu déroulant des activité -->
           
			<li role="presentation" class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                Les filières <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="arboriculture.asp">Arboriculture</a>
                <li><a href="viticulture.asp">Viticulture</a>
                <li><a href="oleiculture.asp">Oléiculture</a>
              </ul>
            </li>


            <!--bouton action connexion pour les abonnés -->
            <li role="presentation" class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">
                Accès espace abonné <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <form method='post' action='ajaxconnexion.asp' name='connectheader' style='margin-left:5%;width:90%' class='text-center'><li><div class='form-group'><label for='NomU'>Nom d'utilisateur :</label><input class='form-control' type='text' name='NomUtilisateur' placeholder='Ex : Jean' required></div><li><div class='form-group'><label for='pwd'>Mot de passe :</label><input type='password' name='PassWord' class='form-control' required></div><li><div class='form-group'><label for='codeheader'>Code <small>(Facultatif)</small> :</label><input type='text' name='Code' placeholder='Ex : ' class='form-control' ><!--à compléter--></div><li><a href='passwordmiss.asp?page=1'>Mot de passe oublié</a><li><div class='form-group'><input type=submit value='Se Connecter' class='btn btn-primary'></div></li></form>
              </ul>
            </li>
            <!--fin bouton action connexion pour les abonnés -->
          </ul>
        </div>
      </div>
    </nav>
	</div>
    <!--/Header-->



<div class="container">

 <br><br> <br><br> <br><br>
 
 <div class="row">
 

<!-- image carousel trouver des image panoramique : https://www.google.fr/search?q=image+panoramique+nature&rlz=1C1MSNA_enFR675FR675&espv=2&biw=956&bih=924&tbm=isch&source=lnt&tbs=isz:ex,iszw:4450,iszh:1652#tbs=iszw:4450%2Ciszh:1652%2Cisz:lt%2Cislt:4mp&tbm=isch&q=image+panoramique+nature-->

  <!-- Important Owl stylesheet -->
    <link rel="stylesheet" href="owl-carousel/owl.carousel.css">
	<link rel="stylesheet" href="owl-carousel/owl.transitions.css">
     
    <!-- Default Theme -->
    <link rel="stylesheet" href="owl-carousel/owl.theme.css">
	
	 <link rel="stylesheet" href="owl-carousel/style_perso.css">
     
    <!--  jQuery 1.7+  -->
    <script src="owl-carousel/jquery-1.9.1.min.js"></script>
     
    <!-- Include js plugin -->
    <script src="owl-carousel/owl.carousel.js"></script>
	
	
	
<!-- Carousel -->
<div id="Carousel_News" class="carousel slide col-lg-8 col-md-12 col-sm-12 col-xs-12" data-ride="carousel">
      <div id="owl-demo" class="owl-carousel owl-theme">
     
      
	  
	  
	 
	 <div class="item">
	 <div class="overlay">
	 <div class="caption">
	 <h4>Cartographie</h4><p>Agrométéorologie et Cartographie : un outil d'aide à la décision<a href="cartographie.asp" target="_blank"> Pour accéder à la rubrique ...</a></p></div></div><img src="images/paca_carte.png" alt="gel"></div>  
	 
	 
     
    </div></div>

<!-- /.carousel -->

<script>

    $(document).ready(function() {
     
     var owl = $("#owl-demo")
	  
	  owl.owlCarousel({
     autoPlay: 12000, // temps de changement
          //navigation : true, // Show next and prev buttons
          slideSpeed : 50,
          paginationSpeed : 2000,
		  singleItem:true,
		  transitionStyle : "backSlide"

		  
     
          // "singleItem:true" is a shortcut for:
          // items : 1, 
          // itemsDesktop : false,
          // itemsDesktopSmall : false,
          // itemsTablet: false,
          // itemsMobile : false
     
      });
     
    });


</script>

<div class="col-lg-4 col-sm-12 col-md-12">
                    <div class="listicon">
                                
								  <a href="quoti_choix.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/icon-data.png" alt="données" title="Nos données"></span>
                                                    <span class="listicon-title">Nos données</span>
                            </a>
								<a href="./fonddoc/Bull_Abo_Gel2024.pdf" target="_blank" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/snowflake.png" alt="prévisions gel" title="Prévisions gel"></span>
                                                    <span class="listicon-title">Prévi gel 2024</span>
                            </a>
							
							<a href="bulletinbsv.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/bsv-icon.png" alt="BSV" title="BSV PACA"></span>
                                                    <span class="listicon-title">BSV</span>
                            </a>
							 <a href="tavelure.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/pomme.png" alt="Tavelure" title="Tavelure"></span>
                                                    <span class="listicon-title">Tavelure</span>
                            </a>
							<a href="irrigation.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/arroisoir.png" alt="Irrigation" title="Irrigation"></span>
                                                    <span class="listicon-title">Irrigation</span>
                            </a>
							 <a href="http://www.agrometeo.fr/latitude/index.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/latitude.png" alt="Latitude" title="Latitude"></span>
                                                    <span class="listicon-title">Latitude</span>
                            </a>
							
                                <a href="nous_joindre.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/phone.png" alt="Nous joindre" title="Nous joindre"></span>
                                                    <span class="listicon-title">Nous contacter</span>
                            </a>
                               
                                <a href="./fonddoc/CATALOGUE_FICHES_PRODUITS.pdf" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/prestation.png" alt="Nos prestations" title="Nos prestations"></span>
                                                    <span class="listicon-title">Nos prestations</span>
                            </a>
                                
                               
                                <a href="cartographie.asp" class="listicon-item">
                                    <span class="listicon-icon"><img src="http://www.agrometeo.fr/images/iconecirame/compass.png" alt="Cartographie" title="Cartographie"></span>
                                                    <span class="listicon-title">Cartographie</span>
                            </a>
            </div><!-- /.section-access -->
            </div>
 
 
 

 
 </div>
 
</div>
<br>

<!-- ligne de thumbnail  -->
<div class= "container">

<div class="row row-thumbnail">
<div class="col-sm-6 col-md-4 col-lg-2">
<a href = "f_renseigne.asp">
    <div class="thumbnail">
      <img src="images/station_arbre.jpg" alt="données climatiques" title="Données climatiques">
      <div class="caption caption-thumbnail">
        <h4>Besoin de données climatiques?</h4>
        <p>Contactez nous pour toute demande.</p>
		
        
      </div>
    </div>
	</a>
  </div>
  
  <div class="col-sm-6 col-md-4 col-lg-2">
<a href = "quoti_choix.asp">
    <div class="thumbnail">
      <img src="images/station_vigne.jpg" alt="Données météo gratuites" title="Données météo grauites">
      <div class="caption caption-thumbnail">
        <h4>Données mensuelles</h4>
        <p>Températures, cumul, vent fort, gel...</p>
        
      </div>
    </div>
	</a>
  </div>
  
  <div class="col-sm-6 col-md-4 col-lg-2">
<a href = "https://criiamsud.fr/agrometeo/tavelure/index.php">
    <div class="thumbnail">
      <img src="images/tavplus.jpg" alt="Réseau tavelure" title="Réseau tavelure">
      <div class="caption caption-thumbnail">
        <h4>Réseau tavelure</h4>
        <p>Accès T@v+.</p>
        
      </div>
    </div>
	</a>
  </div>
  
  <div class="col-sm-6 col-md-4 col-lg-2">
<a href = "irrigation.asp">
    <div class="thumbnail">
      <img src="images/station.jpg" alt="Pilotage irrigation" title="Irrigation">
      <div class="caption caption-thumbnail">
        <h4>Pilotage de l'irrigation</h4>
        <p>Suivi de l'état hydrique des sols en Vaucluse.</p>
        
      </div>
    </div>
	</a>
  </div>
  
  <div class="col-sm-6 col-md-4 col-lg-2">
<a href = "cartographie.asp">
    <div class="thumbnail">
      <img src="images/irrigation.jpg" alt="Cartographie" title="Cartographie">
      <div class="caption caption-thumbnail">
        <h4>Cartographie</h4>
        <p>Spatialisation des données climatiques.</p>
        
      </div>
    </div>
	</a>
  </div>
  
  <div class="col-sm-6 col-md-4 col-lg-2">
<a href = "modelolea.asp">
    <div class="thumbnail">
      <img src="images/station_arbre.jpg" alt="Modélidation agriculture" title="Modélisation et agriculture">
      <div class="caption caption-thumbnail">
        <h4>Modélisation</h4>
        <p>Contactez nous pour avoir accès à un modèle du cirame.</p>
        
      </div>
    </div>
	</a>
  </div>
  
  
<!-- fin du row de test -->
</div>





</div>




<!-- fin ligne de thumbnail  -->
<br><br>

<div class="container" id="Nos_Activites">
  <!--menu1 -->
  <div class="row">
    <div class="col-sm-12 col-md-4">
      <div class="panel panel-default" id="Climatologie">
        <div class="panel-heading">
          <h3>Climatologie et agronomie</h3>
        </div>
        <div class="panel-body">
          <ul class="nav">
		  <li><!--<a href="./event_clim.asp"><img src="images/iconecirame/draft.png" alt="" />  Les événements marquants</a>-->
            <li><a href="quoti_choix.asp"><img src="images/iconecirame/Meteo32.png" alt="Données météo gratuites" />  Les données</a>
            <li><a href="bilan.asp"><img src="images/iconecirame/Graph32.png" alt="Bilans agrométéo" />  Les bilans et sommes de températures</a>
			<li><a href="BSV.asp"><img src="images/iconecirame/Bsv32.png" alt="BSV PACA" />  Bulletin de Santé du Végétal (BSV)</a>
			<li><a href="http://www.agrometeo.fr/partenaires/paca/index.asp"><img src="images/iconecirame/snowflake_min.png" alt="Le risque gel" />  Le risque gel en région PACA</a>
          </ul>
        </div>
      </div>
    </div>
  <!--/menu1 -->
  <!--menu2 -->
    <div class="col-sm-12 col-md-4">
      <div class="panel panel-default" id="filieres">
        <div class="panel-heading">
          <h3>Les filières</h3>
        </div>
        <div class="panel-body">
          <ul class="nav">
            <li><a href="arboriculture.asp"><img src="images/iconecirame/Arbre32.png" alt="Arboriculture" title="Arboriculture" />  Arboriculture</a>
            <li><a href="viticulture.asp"><img src="images/iconecirame/Raisin32.png" alt="Viticulture" title="Viticulture"/>  Viticulture</a>
            <li><a href="oleiculture.asp"><img src="images/iconecirame/Olive32.png" alt="Oléiculture" title="Oléiculture"/>  Oleiculture</a>
            
            
          </ul>
        </div>
      </div>
    </div>
  <!--/menu2 -->
  <!--menu3 -->
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
      <div class="panel panel-default" id="services">
        <div class="panel-heading">
          <h3>Nos services</h3>
        </div>
        <div class="panel-body">
          <ul class="nav">
		  <li><a href="http://185.86.91.107/partenaires/ca06/accueil.asp"><img src="images/iconecirame/olive32.png" alt="Interface Météo06" title="Interface Météo06"/>  Interface Météo06</a>
            <li><a href="cartographie.asp"><img src="images/iconecirame/Carte32.png" alt="Cartographie">  Cartographie</a>
			 <li><a href="tavelure.asp"><img src="images/iconecirame/pomme32.png" alt="Tavelure" title="Tavelure"/>  Tavelure</a>
			 <li><a href="irrigation.asp"><img src="images/iconecirame/Goutte32.png" alt="Irrigation" title="Irrigation"/>  Irrigation</a>
			 <li><a href="/latitude/index.asp"><img src="images/iconecirame/modelisation32.png" alt="Base de données latitude" title="Base de données latitude" />  Base de données Latitude</a>
			 <li><a href="/pres_cirame.asp"><img src="images/iconecirame/conference.png" alt="Conférence agrométéo" title="Conférence agrométéo"/>  Conférences du CIRAME</a>
			 <li><a href="/recrutements_2020.asp"><img src="images/iconecirame/cirame.png" alt="Recrutement" title="Recrutement"/>  Le CIRAME recrute</a>
			 
          </ul>
        </div>
      </div>
    </div>
  <!--/menu3 -->
</div>
</div>

<!--  Insertion pour les bouton de réseaux sociaux -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-social.css">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Great+Vibes" rel="stylesheet">



<div class="section_publication">
<div class="container">
<div class="row">
<h3> Notre documentation </h3>
<a href="fonddoc/Livret BD.pdf">
<div class="publication col-xs-12 col-sm-12 col-md-4 col-lg-3">
<img src="images/ref_irrig_paca.jpg" alt="Documentation" title="Documentation agrométéo">
<figcaption> Guide référentiel d'irrigation </figcaption>
</div> </a>
<a href="./fonddoc/CATALOGUE_FICHES_PRODUITS.pdf">
<div class="publication col-xs-12 col-sm-12 col-md-4 col-lg-3">
<img src="images/livret_presta.png" alt="Prestations agrométéo" title="Prestations agrométéo">
<figcaption> Catalogue de nos prestations </figcaption>
</div>
</a>
<a href="fonddoc/COMPTE_RENDU_2018.pdf" target="blank_">
<div class="publication col-xs-12 col-sm-12 col-md-4 col-lg-3">
<img src="images/cirame2018.jpg" alt="rapport d'activité 2018" title="rapport d'activité 2018">
<figcaption> Nos activités en 2018 </figcaption>
</div>
</a>
<a href="./partenaires/paca/index.asp">
<div class="publication col-xs-12 col-sm-12 col-md-4 col-lg-3">
<img src="images/vignette_paca.png" alt="Cartographie" title="Cartographie">
<figcaption> Cartographie du risque gel en PACA </figcaption>
</div>
</a>
<!--<a href="fonddoc/Conf_presse_1er_decembre_2015.pdf" target="blank_">
<div class="publication col-xs-12 col-sm-12 col-md-4 col-lg-3">
<img src="images/livret_rechauffement.png" alt="">
<figcaption> Réchauffement climatique en PACA </figcaption>
</div>
</a>
-->
</div>
<br><br>
<div class="row"> <!--   debut bouton réseaux sociaux-->
<div class="col-lg-1"></div>
<div class="col-xs-12 col-lg-2">
<p style="font-family: 'Great Vibes', cursive; font-size: 35px;"> Suivez nous: </p> </div>
<div class="col-xs-6 col-lg-3">
  <a href="https://twitter.com/agrometeofr" target="_blank" class="btn btn-block btn-social btn-twitter">
    <span class="fa fa-twitter"></span> Suivez nous sur twitter
  </a></div>
  
<div class="col-xs-6 col-lg-3">
  <a href="https://www.facebook.com/cirame84/" target="_blank" class="btn btn-block btn-social btn-facebook">
    <span class="fa fa-facebook"></span> Abonnnez vous sur facebook
  </a>
  </div>
  </div> <!--   fin bouton réseaux sociaux-->
</div>




 <script type="text/javascript">
//$( document ).ready(function() {
 // $('#pub').modal('toggle');
//});
</script>



</div>

<script src="javascript/jquery-2.2.3.js"></script> 
  <script type="text/javascript" src="highcharts.js"></script>
  <script src="javascript/bootstrap.js"></script>
  <script src="owl-carousel/owl.carousel.js"></script>
 
  </body>
  <footer>
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-12 text-center">
	
          <p>Centre d'Information Régional Agrométéorologique - 779 Chemin Hermitage - Hameau de Serres - 84200 Carpentras<br />Téléphone : 04 90 63 22 66 Mail : contact@criiamsud.fr<br />Responsable de la publication M. Gély Christian <br>
          Copyright © www.agrometeo.fr 2016</p>
        </div>
      </div>
    </div>
  </footer>
</html>