��<!DOCTYPE html>
<html>
<head lang="fr">
<meta charset="windows-1250">
<title>Tourisme de Terroir en Roussillon Vins, Gastronomie & Escapades Authentiques</title>
<link rel="canonical" href="http://www.tourismedeterroir.fr" />
<meta property="og:site_name" content="Route des Vins et des Terroirs du Roussillon - Tourisme de Terroir�� Pyr��n��es Orientales"/>
<meta property="og:title" content="Route des Vins et des Terroirs du Roussillon - Tourisme de Terroir�� Pyr��n��es Orientales - Accueil"/>
<meta name="Description" content="D��couvrez la Route des Vins et des Terroirs du Roussillon : bonnes adresses, id��es s��jours
visites. Site officiel du tourisme sur"/>
<meta property="og:description" content="D��couvrez la Route des Vins et des Terroirs du Roussillon : bonnes adresses, id��es s��jours
visites. Site officiel du tourisme sur la Route des Vins et des Terroirs du Roussillon : d��couvrir,
s��journer, sortir, d��guster, se restaurer."/>
<meta name="Keywords" content="vin, roussillon, route des vins, Perpignan, tourisme de terroir, cuisine de terroir, Pyr��n��es-Orientales, cuisine catalane, f��te des vins, s��jour, visite, oenotourisme, vigneron, terroir,
gastronomie, produits locaux, ��v��nements, d��guster, restaurer, muscat de rivesaltes,
collioure, banyuls, maury"/>
<meta name="language" content="fr"/>
<meta name="OWNER" content="contact@squarepartners"/>
<meta name="AUTHOR" content="SQUARE PARTNERS S.A."/>
<meta name="robots" content="index, follow"/>
<meta name="distribution" content="global"/>
<meta name="rating" content="General"/>
<meta content="document" name="resource-type"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<base href=".">
<link href="styles/styles_php.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript">
<!--
var getMail = function(el){ coded = "[email protected]"; key = "6pcYQR0OUZDgTVnfisJ2raWx1ho5uMzSwIqBC8XdA4vNeHyFK97tPLkGmbEl3j"; shift=coded.length; link=""; for (i=0; i<coded.length; i++) { if (key.indexOf(coded.charAt(i))==-1) { ltr = coded.charAt(i); link += (ltr); } else { ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length; link += (key.charAt(ltr)); } } if(link.lastIndexOf("'")==0)link=link.substring(0,link.length-1); el.href = "mailto:"+link; };
-->
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.tipTip.minified.js"></script>
<link href="js/tipTip.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript"><!--
$(function(){
/*if(
(jQuery.browser.msie && parseInt(jQuery.browser.version)>=9) ||
(jQuery.browser.mozilla && parseInt(jQuery.browser.version)>4) ||
jQuery.browser.opera ||
jQuery.browser.webkit
){
if(!jQuery.browser.msie) css3Animations=true;
isCss3=true; $("body").addClass('css3');
} */
var href = document.location.href;
href = href.split("#");
href = href[0];
$("a[href^=#]").each(function(){
var tmp = href+$(this).attr('href');
$(this).attr('href',tmp);
});
$(".tips").each(function(){
var t = $(this), w = "auto"; if(t.attr('rel')) w=parseInt(t.attr('rel'))+"px";
t.tipTip({maxWidth: w, edgeOffset: 10, keepAlive:false});
});
$(".tips2").each(function(){
var t = $(this), w = "auto"; if(t.attr('rel')) w=parseInt(t.attr('rel'))+"px";
t.tipTip({maxWidth: w, edgeOffset: 10, keepAlive:true});
});
$(".tips3").each(function(){
var t = $(this), w = "auto"; if(t.attr('rel')) w=parseInt(t.attr('rel'))+"px";
t.tipTip({maxWidth: w, edgeOffset: 10, keepAlive:true, activation:'click'});
});
});
var exists = function(v){ try{ eval(v); }catch(e){ return false; } if(window[v]===null||window[v]===undefined) return false; else return true; }
if( !exists('ListOnLoad') ){ var ListOnLoad=new Array(); }
var addOnLoad = function(fn){ ListOnLoad[ListOnLoad.length] = fn; }
window.onload = function(){ for(i=0;i<ListOnLoad.length;i++){ eval(ListOnLoad[i]+"()"); } }
var favoris = function() { var titre = "Route des Vins et des Terroirs du Roussillon - Tourisme de Terroir�� Pyr��n��es Orientales"; var adresse = "www.tourismedeterroir.fr"; if ( navigator.appName != 'Microsoft Internet Explorer' ) window.sidebar.addPanel( titre, "http://"+adresse , "" ); else window.external.AddFavorite("http://"+adresse, titre); };
var MM_swapImgRestore = function() { var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; };
var MM_preloadImages = function() { var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} };
var MM_findObj = function(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; };
var MM_swapImage = function() { var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} };
var CloseConnect=function(){ MyBoxClose(); };
// Box
var MyBoxWidth=null, MyBoxHeight=null;
var MyBox=function(){
if( $("#MyBox").length>0 ) return false;
var el = $(this);
var html='<div id="MyBoxOverflow" style="position:absolute;top:0;left:0;background:#333;z-index:10099"> </div><div id="MyBox" style="position:absolute;background:#333;z-index:10100;-moz-border-radius:8px;"></div>';
$("body").append(html); var src=el.attr('href');
html='<div style="position:relative;top:10px;margin:0 10px;background:#fff;"><iframe height="100%" width="100%" frameborder="0" border="0" src="'+src+'"></iframe></div>';
html+='<div style="position:absolute;top:-5px;right:-5px;"><a href="javascript:;" onclick="MyBoxClose()"><img src="images/close.png" alt="Fermer" /></a></div>';
$("#MyBox").html(html); $("#MyBoxOverflow").click(MyBoxClose);
setTimeout(MyBoxResize,100);
return false;
};
var MyBoxClose=function(){ $("#MyBox,#MyBoxOverflow").remove(); };
var MyBoxResize=function(){
if( $("#MyBox").length==0 ) return false;
var Width=$(window).width(), Height=$(window).height();
var scroll=$(window).scrollTop();
var height=MyBoxHeight, top = (Height/2)-(height/2)+scroll;
var width=MyBoxWidth, left = (Width/2)-(width/2);
if(height>Height-35 || height=='max') height=Height-35;
if(width>Width-40 || width=='max') width=Width-40;
var top = (Height/2)-(height/2)+scroll;
var left = ((Width-width)/2);
$("#MyBox").css({top:top+'px',left:left+'px',height:height+'px',width:width+'px'});
$("#MyBox > div").height( Number(height-20) );
var Height=$(document).height();
$("#MyBoxOverflow").height(Height).width(Width).css('opacity',0.5);
};
$(function(){
$(window).scroll(MyBoxResize);
$(window).resize(MyBoxResize);
});
var closeConseil = function(){
var el = document.getElementById('boxConseil');
if(el) el.parentNode.removeChild(el);
var el = document.getElementById('boxConseilOverlay');
if(el) el.parentNode.removeChild(el);
};
var conseil = function(){
var width=518; var height=358;
if (window.innerHeight) wHeight=window.innerHeight;
else if (document.documentElement && document.documentElement.clientHeight) wHeight=document.documentElement.clientHeight;
else if (document.body) wHeight=document.body.clientHeight;
if (window.innerWidth) wWidth=window.innerWidth;
else if (document.documentElement && document.documentElement.clientWidth) wWidth=document.documentElement.clientWidth;
else if (document.body) wWidth=document.body.clientWidth;
var left = (wWidth-width)/2;
var top = (wHeight-height)/2;
window.scrollTo(0,0);
closeConseil();
var back='';
if(window.navigator.userAgent.indexOf('MSIE 6.')>0) back="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='');";
else back="background:url() no-repeat;";
var el = document.createElement('div');
el.id = "boxConseilOverlay";
el.style.position = "absolute";
el.style.top = "0px";
el.style.left = "0px";
el.style.width = "100%";
el.style.height = $(document).height()+"px";
el.style.background = "";
el.style.zIndex = 100002;
el.style.opacity = "0";
el.style.MozOpacity = "0";
el.style.filter = "Alpha(Opacity=)";
el.style.cursor = "pointer";
if(el.addEventListener) el.addEventListener('click', closeConseil, false);
else if(el.attachEvent) el.attachEvent('onclick', closeConseil);
document.body.appendChild(el);
var el = document.createElement('div');
el.id = "boxConseil";
el.style.position = "absolute";
el.style.top = top+"px";
el.style.left = left+"px";
el.style.background = "";
el.style.zIndex = 100002;
el.innerHTML = '<'+'div style="position:relative;">'+
'<'+'a href="javascript:closeConseil()" title="Fermer" alt="Fermer"'+
' style="position:absolute;top:-7px;right:-7px;display:block;z-index:1000000;width:25px;height:25px;text-decoration:none;'+back+'"> <'+'/a>'+
'<'+'iframe border="0" frameborder="0" src="/" width="'+width+'" height="'+height+'"><'+'/iframe>'+
'<'+'/div>';
document.body.appendChild(el);
document.getElementById('boxConseil').setAttribute('style','position:absolute;top:'+top+'px;left:'+left+'px;background:;z-index:100002;-moz-border-radius:8px;');
}
// FULLSCREEN FUNCTION
var
fullScreenApi = {
supportsFullScreen: false,
isFullScreen: function() { return false; },
requestFullScreen: function() {},
cancelFullScreen: function() {},
fullScreenEventName: '',
prefix: ''
},
browserPrefixes = 'webkit moz o ms khtml'.split(' ');
// check for native support
if (typeof document.cancelFullScreen != 'undefined') {
fullScreenApi.supportsFullScreen = true;
} else {
// check for fullscreen support by vendor prefix
for (var i = 0, il = browserPrefixes.length; i < il; i++ ) {
fullScreenApi.prefix = browserPrefixes[i];
if (typeof document[fullScreenApi.prefix + 'CancelFullScreen' ] != 'undefined' ) {
fullScreenApi.supportsFullScreen = true;
break;
}
}
}
// update methods to do something useful
if (fullScreenApi.supportsFullScreen) {
fullScreenApi.fullScreenEventName = fullScreenApi.prefix + 'fullscreenchange';
fullScreenApi.isFullScreen = function() {
switch (this.prefix) {
case '':
return document.fullScreen;
case 'webkit':
return document.webkitIsFullScreen;
default:
return document[this.prefix + 'FullScreen'];
}
}
fullScreenApi.requestFullScreen = function(el) {
return (this.prefix === '') ? el.requestFullScreen() : el[this.prefix + 'RequestFullScreen']();
}
fullScreenApi.cancelFullScreen = function(el) {
return (this.prefix === '') ? document.cancelFullScreen() : document[this.prefix + 'CancelFullScreen']();
}
}
// jQuery plugin
if (typeof jQuery != 'undefined') {
jQuery.fn.requestFullScreen = function() {
return this.each(function() {
var el = jQuery(this);
if (fullScreenApi.supportsFullScreen) {
fullScreenApi.requestFullScreen(el);
}
});
};
}
// export api
window.fullScreenApi = fullScreenApi;
$(function(){
if (window.fullScreenApi.supportsFullScreen){
$('.fullscreen').css('cursor','pointer').click(function(){
var el = $("body")[0];
if(window.fullScreenApi.isFullScreen())
window.fullScreenApi.cancelFullScreen(el);
else
window.fullScreenApi.requestFullScreen(el);
return false;
});
}else{
$('.fullscreen').hide();
}
});
-->
</script>
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
// SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails",
maxItems: 3,
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/jquery.vide.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script type="text/javascript">
// Popups
$(document).ready(function () {
$('.open-popup-link').magnificPopup({
type: 'iframe',
iframe: {
patterns: {
sante: {
index: 'http://www.tourismedeterroir.fr/abonews.php',
id: function(url) {
var m = url.match(/www.tourismedeterroir.fr\/abonews.php/);
if (m !== null) {
if(m[4] !== undefined) {
return m[4];
}
return m[2];
}
return null;
},
src: 'http://www.tourismedeterroir.fr/abonews.php'
}
}
}
});
});
</script>
<script type="text/javascript" src="js/zoombox/zoombox.js"></script>
<link href="js/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript"><!--
$(function(){
$("a[rel=sqframe]").each(function(){
var t = $(this), rev = t.attr('rev');
if(rev){
rev = rev.split(';');
for(i=0;i<rev.length;i++){
var tmp = rev[i].split(':');
if(tmp[0]=="width") t.addClass('w'+tmp[1].replace('px',''));
else if(tmp[0]=="height") t.addClass('h'+tmp[1].replace('px',''));
}
}
});
$('a.zoombox, a[rel=sqbox], a[rel=sqframe]').zoombox({
theme : 'zoombox', opacity : 0.8, duration : 800, animation : true, gallery : true, autoplay : true });
});
--></script>
<!--<link href="styles/structure.css.php" type="text/css" rel="stylesheet" />-->
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/jquery.smartmenus.bootstrap.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/jssocials.css"/>
<link rel="stylesheet" type="text/css" href="css/jssocials-theme-flat.css"/>
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet">
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- CSS -->
<link href="//fonts.googleapis.com/css?family=Amaranth:400,700" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Magra:400,700" rel="stylesheet" type="text/css">
<script src="https://www.google.com/recaptcha/api.js"></script>
<link rel="stylesheet" type="text/css" href="include/breves3/styles.css"/>
<script type="text/javascript" src="include/breves3/breves.js"></script>
<!--[if lt IE 9]> <body class="ie" ><![endif]-->
<!--[if IE 9]> <body class="ie ie9" ><![endif]-->
<!--[if !IE]><!--><body><!--<![endif]-->
<!--xxx<br><br><br>-->
</head>
<body class="full" data-vide-bg="video/video">
<style>
html, body {
margin: 0;
width: 100%;
height: 100%;
}
</style>
<!-- BG CAROUSEL -->
<div id="wrapper"></div>
<!-- END BG CAROUSEL -->
<header>
<div class="top-menu">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-6">
<ul class="menu-top-1">
<li><a href="http://www.vinsduroussillon.com/" target="_blank" style="color:#FFF">Vins du roussillon</a></li>
<li class="active">Tourisme de terroir P.-O</li>
</ul>
</div>
<div class="col-lg-4 col-md-6">
<div class="top-right">
<ul class="social">
<li><a href="https://fr-fr.facebook.com/tourisme.deterroir" target="_blank"><img src="images/facebook.png" alt=""/></a></li>
<li><img src="images/twitter.png" alt=""/></li>
<li><img src="images/instagram.png" alt=""/></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="menu0">
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="row">
<div class="col-lg-4 col-md-3">
<div class="logo">
<a href="/"><img class="img-responsive" src="images/logo.png" alt="Logo"/></a>
</div>
</div>
<div class="col-lg-8 col-md-9">
<div class="navbar-header" style="display: none;">
<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>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="display: none;">
<ul class="nav navbar-nav">
<li style="padding: 11px;"><a href="articles-1/1-81-le-tourisme-de-terroir-est-fait-pour-vous/">D�couvrir</a>
<span class="sous-titre">La r�gion, les vins, les incontournables</span>
<ul class="dropdown-menu">
<li><a href="articles-1/29-71-les-trois-vallees-viticoles/">Les Routes des Vins</a>
<ul class="dropdown-menu">
<li><a href="articles-1/29-71-les-trois-vallees-viticoles/">Les Trois Vall�es Viticoles</a></li>
<li><a href="articles-1/29-72-le-territoire-vignobles-decouvertes/">Le Territoire "Vignobles & D�couvertes"</a></li>
<li><a href="articles-1/29-78-architecture-vigneronne/">Architecture Vigneronne </a></li>
<li><a href="articles-1/29-79-marcher-et-pedaler-dans-le-vignoble/">Marcher et p�daler dans le vignoble </a></li>
</ul>
</li>
<li><a href="articles-1/30-73-les-pyrenees-catalanes/">La Montagne / Les Pyr�n�es Catalanes</a>
<ul class="dropdown-menu">
<li><a href="articles-1/30-73-les-pyrenees-catalanes/">Les Pyr�n�es-Catalanes</a></li>
<li><a href="articles-1/30-80-le-vallespir/">Le Vallespir</a></li>
</ul>
</li>
<li><a href="articles-1/36-77-les-vins-du-roussillon/">Gastronomie et Terroir</a>
<ul class="dropdown-menu">
<li><a href="articles-1/36-77-les-vins-du-roussillon/">Les Vins du Roussillon</a></li>
<li><a href="articles-1/36-74-produits-et-specialites/">Produits et sp�cialit�s</a></li>
<li><a href="articles-1/36-76-consommer-local-consommer-malin/">Consommer local, consommer malin! </a></li>
<li><a href="articles-1/36-91-marches-de-producteurs-de-pays/">March�s de Producteurs de Pays</a></li>
<li><a href="articles-1/36-75-cuisine-catalane-recettes/">Cuisine catalane : recettes</a></li>
<li><a href="articles-1/36-88-les-rancios-secs-du-roussillon/">Les Rancios Secs du Roussillon</a></li>
</ul>
</li>
<li><a href="articles-1/38-90--1-escapades-en-roussillon/">WebMag ESCAPADES EN ROUSSILLON</a>
<ul class="dropdown-menu">
<li><a href="articles-1/38-90--1-escapades-en-roussillon/">#1 Escapades en Roussillon </a></li>
<li><a href="articles-1/38-96--2-escapades-en-roussillon/">#2 Escapades en Roussillon</a></li>
</ul>
</li>
<li><a href="articles-1/1-81-le-tourisme-de-terroir-est-fait-pour-vous/">Le Tourisme de Terroir� est fait pour vous ! </a></li>
</ul>
</li>
<li style="padding: 11px;"><a href="articles-2/2-20-gites-hotels-chambres-dhotes-campings/">S�journer</a>
<span class="sous-titre">H�bergements, restauration, id�es s�jours</span>
<ul class="dropdown-menu">
<li><a href="articles-2/39-92-week-end-cheval-et-vin/">Id�es s�jours</a>
<ul class="dropdown-menu">
<li><a href="articles-2/39-92-week-end-cheval-et-vin/">Week-end Cheval et Vin</a></li>
</ul>
</li>
<li><a href="articles-2/2-20-gites-hotels-chambres-dhotes-campings/">G�tes, h�tels, chambres d'h�tes, campings ?</a></li>
<li><a href="gastronomie-liste/RES/">Les restaurants</a></li>
<li><a href="hebergement-liste/HOT/">Les h�tels </a></li>
<li><a href="hebergement-liste/HPA/">Les campings</a></li>
</ul>
</li>
<li style="padding: 11px;"><a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/">Sortir</a>
<span class="sous-titre">F�tes, manifestations, animations</span>
<ul class="dropdown-menu">
<li><a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/">Les Rendez-Vous Gourmands - Automne 2018</a></li>
<li><a href="loisir-liste/FMA/">F�tes & Manifestations</a></li>
</ul>
</li>
<li style="padding: 11px;"><a href="articles-4/4-25-stages-de-degustation/">A voir / A faire</a>
<span class="sous-titre">Producteurs, vignerons, artisans, accueil � la propri�t�</span>
<ul class="dropdown-menu">
<li><a href="articles-4/4-25-stages-de-degustation/">Stages de d�gustation </a></li>
<li><a href="loisir-liste/ASC/">Activit�s de loisirs </a></li>
<li><a href="commerce-liste/COM/">Artisans</a></li>
<li><a href="decouverte-liste/DEG/" class="dropdown-toggle">D�gustations & Produits gourmands/a></li>
<li><a href="decouverte-liste/PCU/" class="dropdown-toggle">Patrimoine culturel</a></li>
<li><a href="decouverte-liste/PNA/" class="dropdown-toggle">Patrimoine naturel</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</div> <div id="test">
</header>
<!-- Put your page content here! -->
<div id="content" style="position:relative; z-index:5;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1><span style="font-size:69px;">Route des Vins</span><br/>et des terroirs du Roussillon</h1>
<a href="carte/"><img class="icone-carte" src="images/carte-accueil2.png" alt="Carte accueil"/></a>
</div> <p>D�couvrir les saveurs locales sur Tourisme de Terroir permet de renouer avec l authenticit�. � l image d une <a href=" https://cryptonews.com/fr/cryptomonnaie/cryptomonnaiesprometteuses/">crypto prometteuse</a>, ces exp�riences uniques offrent un retour aux valeurs essentielles tout en s ouvrant � des perspectives d avenir riches en d�couvertes.</p>
<div class="clearfix"></div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div id="carousel-actu2" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators" style="top: 120px;">
<li data-target="#carousel-actu2" data-slide-to="0" class=" active"></li>
<li data-target="#carousel-actu2" data-slide-to="1" class=""></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="col agenda">
<div class="bg">
<a href="loisir-liste/FMA/">
<img class="img-responsive center-block" src="photos/breve_11823039-911142785590185-8278270482426067589-o-3_75bbfa62d1427be5a2df901cd9c8dbfa.jpg" alt="D�couvrez les �v�nements du Roussilon," style="width: 100%;min-height: 145px; max-height: 145px;"/>
<div class="date"><span class="day">01</span><span class="month">janvier</span></div>
<h2 class="color-1">Agenda</h2>
<h3>D�couvrez les �v�nements du Roussilon,</h3>
<p>Autour de la vigne et des produits locaux. </p>
</a>
</div>
<a class="footer-link color-link-1 link-1" href="loisir-liste/FMA/">Voir l agenda <img src="images/icone-cols.png" alt=""/></a>
<a class="footer-link color-link-2 link-2" href="#" data-toggle="modal" data-target="#id-popup">Proposer un �v�nement <img src="images/icone-cols.png" alt=""/></span></a>
</div>
</div>
<div class="item">
<div class="col agenda">
<div class="bg">
<a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/">
<img class="img-responsive center-block" src="photos/breve_ASPRES-Automne_dcca34d4a292dbd95557b7ef625ae5ee.jpg" alt="Les Rendez-Vous Gourmands - Automne 2018" style="width: 100%;min-height: 145px; max-height: 145px;"/>
<div class="date"><span class="day">01</span><span class="month">janvier</span></div>
<h2 class="color-1">Agenda</h2>
<h3>Les Rendez-Vous Gourmands - Automne 2018 </h3>
<p>Balades, d�gustations, visites, festivals et activit�s vous attendent pour prolonger l'�t�.
Retrouvez l'agenda des Rendez-Vous Gourmands de cet Automne ! </p>
</a>
</div>
<a class="footer-link color-link-1 link-1" href="loisir-liste/FMA/">Voir l agenda <img src="images/icone-cols.png" alt=""/></a>
<a class="footer-link color-link-2 link-2" href="#" data-toggle="modal" data-target="#id-popup"> Proposer un �v�nement <img src="images/icone-cols.png" alt=""/></span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div id="carousel-actu" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators" style="top: 120px;">
<li data-target="#carousel-actu" data-slide-to="0" class=" active"></li>
<li data-target="#carousel-actu" data-slide-to="1" class=""></li>
<li data-target="#carousel-actu" data-slide-to="2" class=""></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="col actualites">
<div class="bg">
<a href="http://online.fliphtml5.com/jait/szfc/">
<img class="img-responsive center-block" src="photos/breve_guide_2017_c5552b391f42bb70c58b41d0d6f4873c.jpg" alt="Guide Tourisme de Terroir 2017-2018 !" style="width: 100%;min-height: 145px; max-height: 145px;"/>
<span class="corner"></span>
<h2 class="color-2">Actualit�s</h2>
<h3>Guide Tourisme de Terroir 2017-2018 ! </h3>
<p>Consultez en ligne votre guide Tourisme de Terroir 2017 ! </p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="col actualites">
<div class="bg">
<a href="articles-2/39-92-week-end-cheval-et-vin/">
<img class="img-responsive center-block" src="photos/breve_DSC_0199_323cd01a9f513ccb41327d506f3d4da0.jpg" alt="Week-end cheval et vin" style="width: 100%;min-height: 145px; max-height: 145px;"/>
<span class="corner"></span>
<h2 class="color-2">Actualit�s</h2>
<h3>Week-end cheval et vin </h3>
<p>Deux passions, le cheval et le vin, un week-end original pour d�couvrir le Roussillon. </p>
</a>
</div>
</div>
</div>
<div class="item">
<div class="col actualites">
<div class="bg">
<a href="articles-1/38-90--1-escapades-en-roussillon/">
<img class="img-responsive center-block" src="photos/breve_12_Collioures_8991c9fb6c8d33aab7782b04c5e03abe.jpg" alt="Web Mag " escapades en roussillon"" style="width: 100%;min-height: 145px; max-height: 145px;"/>
<span class="corner"></span>
<h2 class="color-2">Actualit�s</h2>
<h3>Web Mag "Escapades en Roussillon" </h3>
<p>Entre Pyr�n�es et M�diterran�e d�couvrez le vignoble du Roussillon en sillonnant les routes des vins ! </p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div id="carousel-sejours" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators" style="top: 120px;">
<li data-target="#carousel-sejours" data-slide-to="0" class=" active"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="col idees-sejours">
<div class="bg">
<a href="articles-1/36-76-consommer-local-consommer-malin/">
<img class="img-responsive center-block" src="photos/breve_bloc_actus_consommez_local_73557db4fec85dbb31ab158a9af1d784.jpg" alt="Mangez bien, mangez local !" style="width: 100%;min-height: 145px; max-height: 145px;"/>
<span class="corner"></span>
<h2 class="color-3">Consommer malin</h2>
<h3>Mangez bien, mangez local ! </h3>
<p>Manger local et de saison, c'est possible gr�ce � l'incroyable diversit� de nos productions : fruits et l�gumes, viandes, fromages, vins, terrines, miels et confitures... >
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="clearfix visible-md"></div> -->
</div>
</div>
<div id="bottom">
<footer>
<nav class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="row">
<div class="col-lg-9 col-xs-12">
<!-- Menu toggle icones -->
<div class="navbar-header footer-navbar1">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-footer-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icone-outils"></span>
<span class="text">Outils</span>
</button>
</div>
<div class="navbar-header footer-navbar2">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-footer-navbar-collapse-2">
<span class="sr-only">Toggle navigation</span>
<span class="icone-menu"></span>
<span class="text text-size2">Menu</span>
</button>
</div>
<div class="navbar-header footer-navbar3">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-footer-navbar-collapse-3">
<span class="sr-only">Toggle navigation</span>
<span class="icone-recherche"></span>
<span class="text">Rechercher</span>
</button>
</div>
<!-- Menu outils -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-footer-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="contact/"><img src="images/icone-demande-infos.png" alt=""/><span>Demande</br>d infos</span></a>
</li>
<li>
<a href="carte/"><img src="images/icone-carte.png" alt=""/><span>Carte</br>d�taill�e</span></a>
</li>
<li>
<a href="gallery/"><img src="images/icone-gallerie-photos.png" alt=""/><span>Galerie</br>photos</span></a>
</li>
<li>
<a href="download/"><img src="images/icone-zone-tel.png" alt=""/><span>Zone<br> t�l�chargements</span></a>
</li>
<li>
<a href="abonews/" class="open-popup-link"><img src="images/abonnement.png" alt=""/><span>abonnement</br>lettre d infos</span></a>
</li>
<li>
<a href="download_ThemaID-4/"><img src="images/presse.png" alt=""/><span>presse</span></a>
</li>
</ul>
</div>
<!-- Fin menu outils -->
<div class="menu-footer">
<!-- Menu principal -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-footer-navbar-collapse-2">
<ul class="nav navbar-nav">
<li><a href="articles-1/1-81-le-tourisme-de-terroir-est-fait-pour-vous/">D��couvrir</a>
<ul class="dropdown-menu">
<li><a href="articles-1/29-71-les-trois-vallees-viticoles/">Les Routes des Vins</a>
<ul class="dropdown-menu">
<li><a href="articles-1/29-71-les-trois-vallees-viticoles/">Les Trois Vall�es Viticoles </a></li>
<li><a href="articles-1/29-72-le-territoire-vignobles-decouvertes/">Le Territoire "Vignobles & D�couvertes" </a></li>
<li><a href="articles-1/29-78-architecture-vigneronne/">Architecture Vigneronne </a></li>
<li><a href="articles-1/29-79-marcher-et-pedaler-dans-le-vignoble/">Marcher et p�daler dans le vignoble </a></li>
</ul>
</li>
<li><a href="articles-1/30-73-les-pyrenees-catalanes/">La Montagne / Les Pyr�n�es Catalanes</a>
<ul class="dropdown-menu">
<li><a href="articles-1/30-73-les-pyrenees-catalanes/">Les Pyr�n�es-Catalanes</a></li>
<li><a href="articles-1/30-80-le-vallespir/">Le Vallespir</a></li>
</ul>
</li>
<li><a href="articles-1/36-77-les-vins-du-roussillon/">Gastronomie et Terroir</a>
<ul class="dropdown-menu">
<li><a href="articles-1/36-77-les-vins-du-roussillon/">Les Vins du Roussillon</a></li>
<li><a href="articles-1/36-74-produits-et-specialites/">Produits et sp�cialit�s</a></li>
<li><a href="articles-1/36-76-consommer-local-consommer-malin/">Consommer local, consommer malin! </a></li>
<li><a href="articles-1/36-91-marches-de-producteurs-de-pays/">March�s de Producteurs de Pays</a></li>
<li><a href="articles-1/36-75-cuisine-catalane-recettes/">Cuisine catalane : recettes</a></li>
<li><a href="articles-1/36-88-les-rancios-secs-du-roussillon/">Les Rancios Secs du Roussillon</a></li>
</ul>
</li>
<li><a href="articles-1/38-90--1-escapades-en-roussillon/">WebMag ESCAPADES EN ROUSSILLON</a>
<ul class="dropdown-menu">
<li><a href="articles-1/38-90--1-escapades-en-roussillon/">#1 Escapades en Roussillon </a></li>
<li><a href="articles-1/38-96--2-escapades-en-roussillon/">#2 Escapades en Roussillon</a></li>
</ul>
</li>
<li><a href="articles-1/1-81-le-tourisme-de-terroir-est-fait-pour-vous/">Le Tourisme de Terroir�� est fait pour vous !</a></li>
</ul>
</li>
<li><a href="articles-2/2-20-gites-hotels-chambres-dhotes-campings/">S��journer</a>
<ul class="dropdown-menu">
<li><a href="articles-2/39-92-week-end-cheval-et-vin/">Id�es s�jours</a>
<ul class="dropdown-menu">
<li><a href="articles-2/39-92-week-end-cheval-et-vin/">Week-end Cheval et Vin</a></li>
</ul>
</li>
<li><a href="articles-2/2-20-gites-hotels-chambres-dhotes-campings/">G��tes, h��tels, chambres d'h��tes, campings ?</a></li>
</ul>
</li>
<li><a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/">Sortir</a>
<ul class="dropdown-menu">
<li><a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/">Les Rendez-Vous Gourmands - Automne 2018</a></li>
</ul>
</li>
<li><a href="articles-4/4-25-stages-de-degustation/">A voir / A faire</a>
<ul class="dropdown-menu">
<li><a href="articles-4/4-25-stages-de-degustation/">Stages de d�gustation </a></li>
</ul>
</li>
</ul>
</div>
<!-- Fin menu principal -->
<!-- Menu recherche -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-footer-navbar-collapse-3">
<form action="/" method="post" class="navbar-form" role="search">
<div class="input-group">
<input type="text" name="q" placeholder="Rechercher">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="fa fa-2x fa-search"></i></button>
</div>
</div>
</form>
</div>
<!-- Fin menu recherche -->
</div>
</div>
<div class="col-lg-3">
<ul class="icone-footer">
<li><a href="#"><img src="images/CNR.png" alt=""/></a></li>
<li><a href="#"><img src="images/icone2.png" alt=""/></a></li>
<li><a href="#"><img src="images/icone3.png" alt=""/></a></li>
<li><a href="#"><img src="images/icone4.png" alt=""/></a></li>
<li><a href="#"><img src="images/ngage.png" alt=""/></a></li>
<li><a href="#"><img src="images/euro.png" alt=""/></a></li>
</ul>
</div>
<div class="row">
<div class="fluid-container ">
<a href="http://www.squarepartners.com/" target="_blank" style="font-size: .85em;">Cr�ation et h�bergement du site : Square Partners S.A.</a></div>
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</footer>
</div>
<div class="hidden-xs hidden-sm" style="position:relative; z-index:999999;">
<script type="text/javascript">
function loadSquim(){
var newEl = document.createElement('script');
newEl.type="text/javascript";
newEl.src="http://squ.im/p/409&a=&c=&t=&lng=FR&btn=1";
document.getElementsByTagName('head')[0].appendChild(newEl);
}
addOnLoad('loadSquim');
</script>
</div>
<script type="text/javascript">
var mode, mode2, orient;
function checkSize(){
var mode2="normal";
var u = navigator.userAgent;
var w = $(window).width(), h = $(window).height(); old = mode; mode = "large";
if( (u.indexOf('Android')>0 && u.indexOf('Mobile')) || u.indexOf('iPhone')>0){ mode="small"; mode2="mobile"; }
else if(u.indexOf('iPad')>0 || u.indexOf('Android')>0 ){ mode="medium"; mode2="tablet"; }
else if(w>=960 && w<1250) mode="medium";
else if(w<=960) mode="small";
else mode="large";
if(mode=="small") try{ jScroll.destroy(); }catch(e){ }
else try{ setScroll(); }catch(e){ }
orient = mode2+"Horiz"; if(h>w) orient = mode2+"Verti";
$("html").attr('id',mode).removeClass('normal mobile tablet normalHoriz normalVerti mobileHoriz mobileVerti tabletHoriz tabletVerti').addClass(mode2).addClass(orient);
if( navigator.appVersion.indexOf('Windows NT 5.')>0 ){
$("html").addClass('XP');
}
}
$(function(){
$(window).resize(checkSize);
checkSize();
});
jQuery.fn.SameHeight = function(addHeight){
if(!addHeight) addHeight=0;
var maxHeight = 0; $(this).height('');
this.each(function() { var h = $(this).height(); if(h>maxHeight) maxHeight = h; })
maxHeight=Number(maxHeight)+Number(addHeight);
this.attr("style","height:"+maxHeight+"px !important");
this.css({height: maxHeight+'px'}); // ie6 bug
};
var mySameHeight = function(){
//$("#col1, #col2").SameHeight("150");
};
addOnLoad('mySameHeight');
</script>
<div class="squaremenu_content" id="squaremenu_content1"><div>
<a href="articles-1/29-71-les-trois-vallees-viticoles/" title="Les Routes des Vins">
Les Routes des Vins <span class="flc"> ��</span> </a>
<div class="squaremenu_articles">
<a href="articles-1/29-71-les-trois-vallees-viticoles/">- Les Trois Vall�es Viticoles</a>
<a href="articles-1/29-72-le-territoire-vignobles-decouvertes/">- Le Territoire "Vignobles & D�couvertes"</a>
<a href="articles-1/29-78-architecture-vigneronne/">- Architecture Vigneronne ��</a>
<a href="articles-1/29-79-marcher-et-pedaler-dans-le-vignoble/">-Marcher et p�daler dans le vignoble</a>
</div>
</div><div>
<a href="articles-1/30-73-les-pyrenees-catalanes/" title="La Montagne / Les Pyr��n��es Catalanes">
La Montagne / Les Pyr��n��es Catalanes <span class="flc"> ��</span> </a>
<div class="squaremenu_articles">
<a href="articles-1/30-73-les-pyrenees-catalanes/">- Les Pyr��n��es-Catalanes ��</a>
<a href="articles-1/30-80-le-vallespir/">- Le Vallespir ��</a>
</div>
</div><div>
<a href="articles-1/36-77-les-vins-du-roussillon/" title="Gastronomie et Terroir">
Gastronomie et Terroir <span class="flc"> ��</span> </a>
<div class="squaremenu_articles">
<a href="articles-1/36-77-les-vins-du-roussillon/">- Les Vins du Roussillon ��</a>
<a href="articles-1/36-74-produits-et-specialites/">- Produits et sp�cialit�s</a>
<a href="articles-1/36-76-consommer-local-consommer-malin/">- Consommer local, consommer malin! ��</a>
<a href="articles-1/36-91-marches-de-producteurs-de-pays/">- March�s de Producteurs de Pays/a>
<a href="articles-1/36-75-cuisine-catalane-recettes/">- Cuisine catalane : recettes ��</a>
<a href="articles-1/36-88-les-rancios-secs-du-roussillon/">- Les Rancios Secs du Roussillon ��</a>
</div>
</div><div>
<a href="articles-1/38-90--1-escapades-en-roussillon/" title="WebMag ESCAPADES EN ROUSSILLON">
WebMag ESCAPADES EN ROUSSILLON <span class="flc"> ��</span> </a>
<div class="squaremenu_articles">
<a href="articles-1/38-90--1-escapades-en-roussillon/">- #1 Escapades en Roussillon ��</a>
<a href="articles-1/38-96--2-escapades-en-roussillon/">- #2 Escapades en Roussillon ��</a>
</div>
</div><div>
<a href="articles-1/1-81-le-tourisme-de-terroir-est-fait-pour-vous/" title="Le Tourisme de Terroir�� est fait pour vous !">Le Tourisme de Terroir�� est fait pour vous !</a>
</div></div><div class="squaremenu_content" id="squaremenu_content2"><div>
<a href="articles-2/39-92-week-end-cheval-et-vin/" title="Id��es s��jours">
Id��es s��jours </a>
</div><div>
<a href="articles-2/2-20-gites-hotels-chambres-dhotes-campings/" title="G��tes, h��tels, chambres d'h��tes, campings ?">G��tes, h��tels, chambres d'h��tes, campings ?</a>
</div></div><div class="squaremenu_content" id="squaremenu_content3"><div>
<a href="articles-3/3-100-les-rendez-vous-gourmands-automne-2018/" title="Les Rendez-Vous Gourmands - Automne 2018">Les Rendez-Vous Gourmands - Automne 2018</a>
</div></div><div class="squaremenu_content" id="squaremenu_content4"><div>
<a href="articles-4/4-25-stages-de-degustation/" title="Stages de d�gustation ">Stages de d�gustation </a>
</div></div><script type="text/javascript" src="js/menuDeroulant.js"></script>
<span id="shareSQ" style="display:block;margin-top:15px;"></span>
<div class="modal fade" id="id-popup" tabindex="-1" role="dialog" aria-labelledby="titrePopUp" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<!-- le titre de la popup -->
<div class="modal-header">
<h4 class="modal-title" id="titrePopUp"><i class="fa fa-envelope-o"></i> PROPOSER UN EVENEMENT
<!-- lla croix de fermeture de la popup -->
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></button> </h4>
</div>
<!-- le contenu HTML de la popup -->
<div class="col-lg-12 modal-body">
<div class="row center-block">
<form id="contact_form" class="form-horizontal" action="/" method="post" enctype="multipart/form-data">
Les champs poss��dant un <span style="color: red">*</span> sont obligatoires.<br>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">Nom <span style="color: red">*</span></label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="nom" value="" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">Prénom <span style="color: red">*</span></label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="prenom" value="" required>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">Email <span style="color: red">*</span></label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="email" value="" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">Site web</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="web" value="">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">T��l. <span style="color: red">*</span></label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="tel" value="" required>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-3 control-label">Portable</label>
<div class="col-sm-9">
<input type="text" class="form-control" id="" placeholder="" name="port" value="">
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Nom de l'Ev��nement <span style="color: red">*</span></label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="nomevent" value="" required>
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Date Ev��nement (D��but et Fin) <span style="color: red">*</span></label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="JJ/MM/AAAA au JJ/MM/AAAA" name="dateevent" value="" required>
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Lieu Ev��nement <span style="color: red">*</span></label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="lieuevent" value="" required>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-5 control-label">Longitude</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="longitude" value="">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="" class="col-sm-5 control-label">Latitude</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="latitude" value="">
</div>
</div>
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Tarif</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="tarif" value="">
</div>
</div>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Lien de r��servation</label>
<div class="col-sm-7">
<input type="text" class="form-control" id="" placeholder="" name="reserv" value="">
</div>
</div>
<label for="" class="col-sm-2 control-label">Descriptif</label>
<div class="col-sm-10">
<textarea class="form-control" rows="3" value="description" name="description"></textarea>
</div>
<br>
<input type="hidden" name="MAX_FILE_SIZE" value="10000000">
<br>
<div class="form-group">
<label for="" class="col-sm-5 control-label">Sélectionnez votre flyer ou image de l'��v��nement.</label>
<div class="col-sm-5">
<br>
<input name="userfile[]" type="file" multiple>
</div>
</div>
<br>
<div class="form-group">
<label for="" class="col-sm-2 control-label">Cochez le captcha</label>
<div class="col-sm-10">
<div class="g-recaptcha" data-sitekey="6LdWcSkTAAAAADmeXODbapaMBqd8ZIzHkXlCC7Sy"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-12 text-right">
<input type="submit" class="btn btn-success" name="submit" value="Envoyer">
</div>
</div>
</form>
</div>
<p class="help-block"></p>
</div>
<!-- le pied de page de la popup -->
<div class="modal-footer">
<p class="help-block"></p>
</div>
<!-- le pied de page de la popup -->
</div>
</div>
</div>
<!-- /.container -->
<script src="js/jssocials.js"></script>
<script>
$("#share").jsSocials({
shares: ["twitter", "facebook", "googleplus"]
});
</script>
<script src="js/jssocials_shares.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="js/jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery Bootstrap Addon -->
<script type="text/javascript" src="js/jquery.smartmenus.bootstrap.js"></script>
</body>
</html>