/*
Theme Name: 	À la montréal
Theme URI: 		http://tourisme-montreal.org
Description: 	Thémes pour les sites Meeting à la Montréal !
Version: 		1.0
Author: 		la fabrique de blogs & deuxpointzero design
Author URI: 	http://deuxpointzero.com
Tags: 			Montréal
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}  article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{margin:0;}h1,h2,h3,h4,h5,h6{font-weight:normal;}   a{color:blue;}a:focus{outline:thin dotted;}li{list-style:none;}abbr[title]{border-bottom:none;}b,strong{font-weight:700;}i,em,dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}label{cursor:pointer;}input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;*overflow:visible;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(http://alamontreal.com/boxsizing.htc);
}

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:red; color:white; }

/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@font-face{ 
	font-family: 'ultramagnetic';
	src: url('css/ywft-ultramagnetic-webfont.eot');
	src: url('css/ywft-ultramagnetic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('css/ywft-ultramagnetic-webfont.woff') format('woff'),
	     url('css/ywft-ultramagnetic-webfont.ttf') format('truetype'),
	     url('css/ywft-ultramagnetic-webfont.svg#webfont') format('svg');
}
/*
13 / 16 =		0.8125em		(13px equivalent)
14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: 'ultramagnetic', helvetica, Arial,sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body {
	font-family: Helvetica-neue,Helvetica,Arial,sans-serif;
	background-color: #ececea;
	font-size: 0.8125em;
	color:#3d3d3f;
}

img { max-width: 100%; height: auto; }

object, embed { max-width: 100%; }

/* object, embed { height: 100%; } */

img { -ms-interpolation-mode: bicubic; }

.container {
	margin: 0 auto;
	z-index: 20000000;
	/* padding: 0 20px; */
}


#header-site {
	height: 79px;
	background: #fff;
}

#top-site {
	margin: 0 auto;
	padding: 0 20px;
	background-color: white;
}

h1 {
	font-size: 1.3125em;
	line-height: 1.3em;
	color:#e32e37;
	margin-bottom: 20px;
}

h2 {
	font-size:1.775em;
	color:#e32e37;
}
p {
	line-height: 150%;
	margin-bottom: 15px;
}

a {
	text-decoration: none;
	color:#e32e37;
}



.bienvenue-a-montreal h1,
.welcome-to-montreal h1 {
	height: 48px;
	line-height: 48px;
/*	background: url(img/ico-accueil.png) left center no-repeat;
	padding-left: 80px;*/
}

.whats-on-in-montreal h1{
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-accueil.png) left center no-repeat;
	padding-left: 80px;*/
}

.quoi-voiret-quoi-faire-a-montreal h1 {
	min-height: 48px;
	/*background: url(img/ico-accueil.png) left center no-repeat;
	padding-left: 80px;*/
}

.restaurants h1 {
	min-height: 48px;
	/*background: url(img/ico-restaurant.png) left center no-repeat;
	padding-left: 80px;*/
}
.restaurant h1 {
	height: 48px;
	line-height: 48px;
	background: url(img/ico-restaurant.png) left center no-repeat;
	padding-left: 80px;
}

.magasinage h1, .shopping h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-magasinage.png) left center no-repeat;
	padding-left: 80px;*/
}

.visite-guidee h1, .guided-tours h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-visites-guidees.png) left center no-repeat;
	padding-left: 80px;*/
}

.itineraries h1, .itineraires h1 {
	height: 48px;
	line-height: 48px;
	background: url(img/ico-visites-guidees.png) left center no-repeat;
	padding-left: 80px;
}

.travel-information h1, .transport h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-transport.jpg) left center no-repeat;
	padding-left: 80px;*/
}

.useful-links h1, .liens-utiles h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-liens.jpg) left center no-repeat;
	padding-left: 80px;*/
}

.saviez-vous-que h1, .did-you-know h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-saviez-vous.png) left center no-repeat;
	padding-left: 80px;*/
}

.videos h1, .videos-2 h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-video.png) left center no-repeat;
	padding-left: 90px;*/
}

.offres-exclusives h1, .exclusive-offers h1 {
	height: 48px;
	line-height: 48px;
	/*background: url(img/ico-offres.png) left center no-repeat;
	padding-left: 90px	;*/
}
.contactez-nous h1, .contact-us h1 {
	height: 48px;
	line-height: 48px;
	background: url(img/ico-contact.png) left center no-repeat;
	padding-left: 90px	
}

.accomodation h1, .hebergement h1 {
	height: 48px;
	line-height: 48px;
	background: url(img/ico-hebergement.jpg) left center no-repeat;
	padding-left: 90px	
}



#main {
	background: #fff;
	padding: 20px 20px 0 ;	
}
#content {
	margin:0;
}

.page-id-390 #content {
	border: 1px #ccc solid;
}
#content ul {
	margin-left:10px;
	margin-bottom: 15px;
}
#content ul li {
	list-style-type: disc;
	list-style-position: inside;
	padding: 5px 0;
}

#footer-colonne {
	width: 750px;
	height: 150px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding-top: 30px;
}

.colonne1 {
    float: left;
    width: 250px;
    margin-right: 10px;
}

.colonne2 {
    float: right;
    width: 250px;
    margin-left: 42px;
}
.centre {
    overflow: hidden;
	margin-bottom: 10px;
}


#footer-site {
	padding: 20px;
	background: #cccac5;
	text-align: center;
}

#footer-site a {
	color: #333;
}

#footer-site a:hover {
	color: #666;
	text-decoration: underline;
}
.hide {
	display:none;
}
.clear {
	clear: both;
	height:10px;
	margin: -1px 0 0 0;
	display:block;
	visibility: hidden;
}

#logo-link {
	margin-top: 12px;
	margin-left: -12px;
	float: left;
	width: 320px;
	height: 43px;
}

#principale-navigation ul li {
	background: #e32e37;
	padding: 16px 15px;
	text-transform: uppercase;
	border-bottom: 1px #fff dotted;	
	position: relative;
}

#principale-navigation ul li a {
	display:block;
	text-decoration: none;
	font-family: 'ultramagnetic', helvetica, Arial,sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color:black;
	font-size: 15px;
}


.phone #principale-navigation ul li a {
	color:#fff;
	padding-left: 20px;
	background: url(img/fleche_menu.png) left center no-repeat;	
}

.phone #principale-navigation ul li a:hover,
.phone #principale-navigation ul li.current_page_item a {
	color: #000;
	background: url(img/fleche_lien_grise.png) left center no-repeat;	
}

.phone #principale-navigation ul ul li {
	padding: 8px 15px;
	border: none;
}
.phone #principale-navigation ul ul li a {
	
}

.phone #principale-navigation ul ul li a:hover,
.phone #principale-navigation ul ul li.current_page_item a {
	color: #000;
	background: none;	
}

.event {
	/* display: none; */
}

#events .event:first-child {
	/* display: block; */
}


.point {
	padding:0;
	margin-bottom: 10px;
	min-height: 270px;
	background: #efefef;
}

.point-container {
	padding: 15px;
}

.point h2 {
	color: white;
	line-height: 20px;
}
.text-over {
	color: #fff;
	margin-top: 10px;
	line-height: 15px;
	display: none;
	font-weight: 100;
}
.text-over p {
	line-height: 120%;
}
.text-over-no-title {
	padding: 15px;
	color: white;
}
.row {
	padding: 0;
	/* border: 1px #333 solid; */
}

.widget {
	margin: 20px auto 20px auto;
	/* border: 1px red solid; */
	background: #ecece9;
	padding: 15px;
}

.widget h3 {
	font-size: 28px;
	color: #555;
	line-height: 30px;
	margin-bottom: 10px;
}
.widget ul {
	padding: 10px;
	background: #fff;
}
.widget ul.socials {
	background: none;
}
.widget ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom:1px #666 dotted;
}
.widget ul li a:hover {
	color: #333;
	text-decoration: underline;
}
.rand_pict_10_reasons h3 a {
	color: #555;
}
#slideshow {
/*
	width: 100%;
	max-width:1500px;
*/	
	/* background: #666; */
	display: none;
}

/*
 *
 *
 *			MENU SECONDAIRE ============================================
 *
 *
 *
*/

ul#menu-menu-top li {
	padding: 10px;
}

ul#menu-menu-top li a {
	display: block;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

/*
 *
 *
 *			MENU SOCIAL ============================================
 *
 *
 *
*/

ul.socials li {
	float: left;
	padding-right: 5px;
}

ul.socials li a {
	display:block;
	width: 26px;
	height:26px;
}

ul.socials li#blog a {
	width: 60px;
	height: 26px;	
}

ul.socials.phone {
	/* width: 217px; */
	margin: 0 auto;
	height: 26px;
}

/*
#infolettre-link {
	display: block;
	color: #595959;
	margin-top: -5px;
	margin-left: 15px;
	padding-left: 20px;
	background: url(img/fleche_lien_grise.png) left center no-repeat;
}
*/
/*
 *
 *
 *			WIDGET PINTEREST ============================================
 *
 *
 *
*/
.pint_alamtl {
	padding: 15px;
	background-color: #0278b9;
}
.pint_alamtl h3 {
	color: white;
	min-height: 68px;
	/*background: url(img/share-pinterest.png) right center no-repeat;*/
}

/*
 *
 *
 *			MENU PHONE ============================================
 *
 *
 *
*/
#wrap-menu-phone {
	position: absolute;
	/* top:50px; */
	width: 100%;
	z-index: 2000;
}
#menu-phone , #menu-close{
	position: absolute;
	top:31px;
	right:0;
	cursor: pointer;
}

#menu-close {
	display: none;
}


#lang-item a {
	text-decoration: none;
	color: #333;
	display: block;
	position: absolute;
	top:40px;
	right: 45px;
}





#event-switcher {
	background: #ecece9;
	padding: 10px;
	display:none!important;
}

#event-switcher h2 {
    background: none;
    font-size: 22px;
    min-height: 1px;
    padding: 0;
    line-height: 26px;
	display:none!important;
}

#events {
	margin-top: 40px;
	display:none!important;
}

.event-type-title,
#content h3 {
	background: #e4233f url(img/right-h2-event.png) right center no-repeat;
	margin-left: -20px;
	color: #fff;
	padding:8px 40px 8px 20px;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 10px;
	display:none!important;
}

#content #events h3 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 	1.325em;
	font-weight: 700;
	margin-top: 25px;
	background: none;
	padding: 0;
	display: block;
	margin: 0;
	color: #000;
	display:none!important;
}

.event {
	margin-bottom: 40px;
	display:none!important;
}

.event a {
	color: #32b2e9;
	text-decoration: none;
	display:none!important;
}

.event h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: none;
	margin: 0;
	display:none!important;
}

#eventswitcher {
	border-radius:40px;
	background: #fff;
	border:1px #ccc solid;
	padding: 10px 20px;
	margin-top: 20px;
	display: inline-block;
	display:none!important;
}

#eventswitcher label {
	font-size: 11px;
	margin-right: 20px;
	text-transform: uppercase;
	color: #565656;
	display: none;
}
display:none!important;

#eventswitcher select {
	width:100%;	
}
display:none!important;







/*
 *
 *
 *			PAGES  ============================================
 *
 *
 *
*/

#content h3 {
	background: #e4233f url(img/right-h2-event.png) right center no-repeat;
	margin-left: -20px;
	color: #fff;
	padding:8px 40px 8px 20px;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 10px;
}
#content h2.itinary {
	margin: 15px 0;
}
#content h2.itinary + p {
	line-height: 180%;
}
#content .slideshow {
	margin-bottom: 20px;
}

.phone { display: block; }
.computer { display:none; }

.read-more {
	
	/* margin-left: 55px; */	
}
h2.raison {
	margin: 0 0 5px -15px;
	padding-left: 70px;
	min-height: 40px;
	cursor: pointer;
	line-height: 100%;
}

.rand_pict_10_reasons .point { width: 100%; }

.rand_pict_10_reasons .point h2.raison { margin-left: 0; padding-left: 0;	}
	
.r-1 {
	background: url(img/r1.png) left top no-repeat;
}
.r-2 {
	background: url(img/r2.png) left top no-repeat;
}
.r-3 {
	background: url(img/r3.png) left top no-repeat;
}
.r-4 {
	background: url(img/r4.png) left top no-repeat;
}
.r-5 {
	background: url(img/r5.png) left top no-repeat;
}
.r-6 {
	background: url(img/r6.png) left top no-repeat;
}
.r-7 {
	background: url(img/r7.png) left top no-repeat;
}
.r-8 {
	background: url(img/r8.png) left top no-repeat;
}
.r-9 {
	background: url(img/r9.png) left top no-repeat;
}
.r-10 {
	background: url(img/r10.png) left top no-repeat;
}

div.panel {
		padding: 30px 30px 2px 30px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
}

#partenaires {
	text-align: center;
	background: #cccbc5;
	padding: 10px 20px 0;
}

#partenaires a {
	padding: 0;
	margin: 0;	
}

.red-block {
	padding: 20px;
	background: #e33038;
	color: #fff;
	margin-bottom: 30px;
	font-size: 21px;
	line-height: 26px;
}

#raisons {
	padding-left: 90px;
	background: #e33038  url(img/ico-coeur.png) left center no-repeat;
}
/*
 *
 *
 *			PAGE CROISIERES ============================================
 *
 *
 *
*/

.event-switcher {
	background: #ececea;
	padding: 10px;
}

.event-switcher h2 {
    background: none;
    font-size: 22px;
    min-height: 1px;
    padding: 0;
    line-height: 26px;
}

#event{
	margin-left: -20px;
}
#events h1 {
	margin: 20px 0 0 0;
}

#events h3 {
	margin: 0 0 30px 0;
	color: #666;
	font-size: 1.3em;
	background: none;
	padding: 0;
}

#events h2 {
	line-height: 100%;
	margin-bottom: 15px;
}

/*
#event-single h3 {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 	1.625em;
	font-weight: 700;
	margin-top: 25px;
	background: none;
	padding: 0;
	display: block;
	margin: 0;
	color: #000;
	padding: 15px 0;
}
*/


.event {
	margin-bottom: 40px;
}

.event a {
	color: #32b2e9;
	text-decoration: none;
}

.event h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-transform: none;
	margin: 0;
}



.eventswitcher label {
	font-size: 11px;
	margin-right: 20px;
	text-transform: uppercase;
	color: #565656;
	display: none;
}

.eventswitcher select {
	width:100%;
	/* display: none; */
}

.switcher-box {
	-webkit-border-radius:40px;
	   -moz-border-radius:40px;
	     -o-border-radius:40px;
	        border-radius:40px;
	background: #fff;
	border:1px #ccc solid;
	padding: 10px ;
	margin-top: 0px;
	position: relative;
	display: inline-block;
	width: 300px;
}

.switched-item {
	width: 280px;
	padding: 0;
	color: #595959;
	background: url(img/triangle-bas.png) right center no-repeat;
	cursor: pointer;
}

.select-forfait div {

	position: absolute;
	top:-20px;
	z-index: 1000;
	padding: 0 10px 10px 0;
	display: none;
}

#content .select-forfait div ul {
	margin: 0;
	border:1px #ccc solid;
	border-bottom: none;
	background: #fff;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	     -o-border-radius:4px;
	        border-radius:4px;
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	   -moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	     -o-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	        box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
#content .select-forfait div ul li {
	border-bottom: 1px #ccc solid;
	display: block;
	padding: 10px 30px;
	color: #595959;
	cursor: pointer;
}

.select-forfait div ul li:hover,
.select-forfait div ul li.active {
	background: #f9f9f9 url(img/triangle-bas.png) right center no-repeat;
	text-decoration: none;	
}

.sep {
	border-top:1px #999 dotted;
	height: 1px;
	margin: 20px 0;
}
#shedule {
	padding-top: 20px;
}
.schedule-table {
	margin: 0 0 20px 0;
}
.schedule-table .sep-table {
	height: 20px;
}
.schedule-table .col-title {
	font-family: 'ultramagnetic', helvetica, Arial,sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 1.215em;
	color:#e41c40;	
}

.schedule-table tr:nth-child(even) {
	background-color: #ececea;
}
.schedule-table td:nth-child(even) {
	font-weight: 700;
}
.schedule-table td {
	padding: 20px 0;
}
/*
 *
 *
 *			SIDEBAR ============================================
 *
 *
 *
*/
.sidebar-ext-link {
	padding: 25px 15px;
	background: #e33038;
}

.sidebar-ext-link h3 {
	color: #fff;
	font-size: 22px;
	margin-left: 69px;
}

.sidebar-ext-link a {
	color: #fff;
}

.ico-ext-link {
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
	display:none;
}
.clickhere {
	margin-left: 69px;
	padding-left: 17px;
	background: url(img/fleche_menu.png) left center no-repeat;	 
}



/*
 *
 *
 *			MOTEUR DE RECHERCHE ============================================
 *
 *
 *
*/

#principale-navigation ul li#searchli {
	height: 56px;
	overflow: hidden;
	padding: 13px 15px;
}

#searchform label {
	display: none;
}

#s {
	height: 30px;
	float: left;
	border: 1px #c6c6c6 solid;
	border-right:none;
	line-height: 30px;
	margin: 0;
	border-radius: 3px 0 0 3px;
}

#searchsubmit {
	float:left;
	border: 1px #c6c6c6 solid;
	height:30px;
	padding: 0 10px;
	line-height: 30px;
	border-radius: 0 3px 3px 0;
	
	font-size: 12px;
	font-weight: 700;
	color:#666;
	text-shadow: 1px 1px 0 #fff;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
}

/*
 *
 *
 *			COMMENTAIRES BLOG ============================================
 *
 *
 *
*/

div#comments { margin-top: 40px; padding-top: 40px; border-top:1px #ccc dotted; }

#commentform {
	padding: 20px;
	background: #ececea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

#commentform label {
	display: block;
	color: #444;
	text-shadow: 1px 1px 0 #fff;
}

#commentform input[type='text'],
#commentform textarea {
	height: 30px;
	border: 1px #c6c6c6 solid;
	line-height: 30px;
	margin: 0;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	width: 100%;
}
#commentform textarea {
	min-height: 100px;
	resize: vertical;
}

#commentform input, #commentform textarea { -webkit-appearance: none; }

#submit {
	border: 1px #c6c6c6 solid;
	height:30px;
	padding: 0 10px;
	line-height: 30px;
	border-radius: 3px;
	width: 100%;
	font-size: 12px;
	font-weight: 700;
	color:#666;
	text-shadow: 1px 1px 0 #fff;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */
	
}

/*
 *
 *
 *			BLOG ============================================
 *
 *
 *
*/

.single h1 { margin-bottom: 9px; }

#articles-list li,
#comments article {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}

#articles-list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#comment-title {
	margin-bottom: 36px;
}
#respond {
	margin-top: 50px;
}
#featured-post-phone {
	margin-bottom: 40px;
}
#featured-article,
#featured-post-phone {
	background: #efefef;
	padding: 15px;
}

#featured-article h2,
#featured-post-phone h2 {
	line-height: 98%;
	min-height: 68px;
	font-size: 2.500em;
	background: url(img/ico-featured-article.png) right top no-repeat;
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom: 1px #d4192e dotted;
}

#featured-article h4,
#featured-post-phone h4 {
	line-height: 98%;
	color: #3d3d3f;
	font-family: Arial,sans-serif;
	font-weight: 700;
	font-size: 16px;
	text-transform: none;
	margin: 5px 0 10px 0;
}
#featured-article h4 a,
#featured-post-phone h4 a {
	color: #3d3d3f;

}

#featured-article .featured-meta-top,
#featured-post-phone .featured-meta-top {
	font-size: 0.850em;
}
#featured-article .read-more,
#featured-post-phone .read-more {
	display: block;
	margin-top: 10px;	
}

article header {
	margin: 5px 0 10px 0;
}

.attachment-feat_home {
	float: left;
	margin: 0 10px 2px 0;
}

.thumb {
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.excerpt { float: none; }

article ol, article ul {
	display: block;
	list-style-type: decimal;
	margin-left: 10px;
	margin-bottom: 18px;
}

article ol li {
	margin: 5px 0;
	list-style-type: decimal;
	list-style-position: inside;
}

#comments ol, #comments ol li {
	list-style-type: none;
}
article ul li {
	margin: 5px 0;
	list-style-type: disc;
	list-style-position: inside;
}
article footer {
	margin: 20px 0;
	padding: 15px;
	background: #efefef;
}
div.sep {
	height: 1px;
	margin: 20px 0;
	border-top:1px #666 dotted;
	clear:both;
}

.navigation {
	padding: 0;
}
.nav-previous, .nav-next {
	margin: 20px 0;
	padding: 15px;
	background: #efefef;
	display: block;
	text-align: center;	
}



.pub { margin:-15px; max-width: 300px; overflow-x: hidden;}

.slideshowlink { display: none; }


.quote {
	margin-top: 30px;
	position: relative;
	padding: 10px 40px;
	color: #777;
	font-size: 1.350em;
	line-height: 98%;
}
.quote p {
	line-height: 1.2em;;	
}

.ico-quote-top {
	position: absolute;
	left: 0;
	top:0;
	width: 25px;
	height: 25px;
	background: #fff url(img/quote-top.png) left top no-repeat;
}
.ico-quote-bottom {
	position: absolute;
	right: 0;
	top:0;
	width: 25px;
	height: 25px;
	background: #fff url(img/quote-bottom.png) right top no-repeat;
	z-index: 50;
}

.quoter {
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	/*padding: 15px;
	background: #f4f4f4;*/
	color:#777;
	/* margin-bottom: 30px; */
	padding-bottom: 10px;
	border-bottom: 1px #ccc dotted;
}
.quoter b, .quoter strong {
	color: #666;
	font-style: italic;
	text-transform: uppercase;
}

img.alignleft {
	float: none;
}

.pdf {
	display:block;
	height: 50px;
	background: #f9f9f7 url(img/adobe-pdf-logo.png) 15px center no-repeat;
	background-size: 30px;
	margin-bottom: 10px;
	padding: 15px 0 15px 60px;
	border:1px #ececea solid;
}
.pdf span {
	/*
	display: block;
	height: 100%;
	line-height: 50px;
*/
}

/*
.videos-2 iframe, .videos-2 embed, .videos-2 object {
	width: 100%;
}
.videos-2 embed, .videos-2 object {
	height:auto;
}
*/

/*===============================================================
	
						NEWSLETTER
	
===============================================================*/
/*
#cformsform, #cforms2form {
	width: 100%;
}
#cformsform li, #cforms2form li {
	margin: 0;
	padding: 10px;
	background-color: #f9f9f9;
	border-bottom:1px #eee solid;
}
#cformsform label, #cforms2form label {
	display: inline-block;
	width: 100px;
}
#cformsform input, #cforms2form input {
	width: 150px;
}
#cformsform input[type="text"], #cforms2form input[type="text"] {
	border:1px #eee solid;
	padding: 5px 10px;
	width: 200px;
}
#cformsform .reqtxt,
#cformsform .emailreqtxt,
#cforms2form .reqtxt,
#cforms2form .emailreqtxt {
	padding-left: 10px;
	font-size: 11px;
	color: #e32e37;
}
.linklove {
	display:none;
}
#usermessagea.failure,
#usermessagea.success,
#usermessage2a.failure,
#usermessage2a.success {
	padding: 15px;
	background-color: #fbdcde;
	color: #e32e37;
	font-weight: 700;
}

#sendbutton,
#sendbutton2 {
	border:1px #eee solid;
	padding: 10px 15px;
	background-color: #f9f9f9;
	cursor: pointer; 
}
#sendbutton:hover,
#sendbutton2:hover  {
	background-color: #eee;
}
*/
/*===============================================================
===============================================================*/
p.lead {
	font-size: 1.5em;
	line-height: normal;
	font-weight: 100;
	color: #a19f9b;
}

.ico-titre {
	margin-top: 40px;
	width: 43px;
	height:32px;
	padding-right: 10px;
}
.ico-titre:first-child {
	margin-top: 0;
}
.quote {
	margin-top: 30px;
	position: relative;
	padding: 10px 40px;
	color: #777;
	font-size: 1.350em;
	line-height: 98%;
}
.quote p {
	line-height: 1.2em;;	
}

.ico-quote-top {
	position: absolute;
	left: 0;
	top:0;
	width: 25px;
	height: 25px;
	background: #fff url(img/quote-top.png) left top no-repeat;
}
.ico-quote-bottom {
	position: absolute;
	right: 0;
	top:0;
	width: 25px;
	height: 25px;
	background: #fff url(img/quote-bottom.png) right top no-repeat;
	z-index: 50;
}

.quoter {
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
	/*padding: 15px;
	background: #f4f4f4;*/
	color:#777;
	/* margin-bottom: 30px; */
	padding-bottom: 10px;
	border-bottom: 1px #ccc dotted;
}
.quoter b, .quoter strong {
	color: #666;
	font-style: italic;
	text-transform: uppercase;
}


/* Tabs ---------------------- */
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 60px; padding: 0; margin-bottom: 20px; }
.tabs.contained { margin-bottom: 0; margin-left: 0; }
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 60px; line-height: 60px; padding: 0px 23.8px; }
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
.tabs dd.active, .tabs li.active { border-top: 3px solid #e32e37; margin-top: -3px; }
.tabs dd.active a, .tabs li.active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; font-weight: bold; }
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #cccccc; }
.tabs.vertical dd a, .tabs.vertical li a { background: #f2f2f2; border: none; border: 1px solid #e6e6e6; border-width: 1px 1px 0 0; color: #555; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.tabs.vertical dd.active, .tabs.vertical li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 4px solid #1a1a1a; }
.tabs.vertical dd.active a, .tabs.vertical li.active a { background: #4d4d4d; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
.tabs.vertical dd:first-child a.active, .tabs.vertical li:first-child a.active { margin: 0; }
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
.tabs.pill dd.active, .tabs.pill li.active { border: none; margin-top: 0; }
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: #2ba6cb; border: none; color: #fff; }
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
.tabs.three-up dt, .tabs.three-up dd, .tabs.three-up li { width: 33.33%; }
.tabs.four-up dt, .tabs.four-up dd, .tabs.four-up li { width: 25%; }
.tabs.five-up dt, .tabs.five-up dd, .tabs.five-up li { width: 20%; }

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }

#simple2Tab ul li {
	list-style-position: outside;
	/*padding-left: 20px;*/
}

.newsletter-subscription,
.infolettre-subscription {
	width:100%;
}
#cformsform.newsletter-subscription input#cf_field_5,
#cforms2form.infolettre-subscription input#cf2_field_5 {
	width: 20px;
}
#cformsform.newsletter-subscription #label--5,
#cforms2form.infolettre-subscription #label-2-5 {
	width: auto;
}
/*
.sendbutton {
	width: 100px;
}
*/
/* 767 and up */
@media screen and (min-width:767px) {
		
	.phone { display: none; }
	
	.computer { display:block; }
	
	h1 { font-size: 2.125em; }
	
	.container { margin-top: -58px;}
	
	.container, #top-site { max-width: 980px; }
	
	#principale-navigation { /* height: 62px; padding-top: 6px; overflow: hidden; */ /* margin-top: -58px; */ }
	
	#principale-navigation ul { background: #fff;}
	
	#principale-navigation ul li.current_page_item,
	#principale-navigation ul li.current_page_parent { border-bottom: 1px solid #fff; margin-top: -6px; padding-top: 22px; height: 62px;}
	
	#principale-navigation ul li { background-color: #fff; border-left:1px #999 dotted; float:left; border-bottom: 1px #999 dotted; }	
	
	#principale-navigation ul li a:hover,
	#principale-navigation ul li.current_page_item a, #principale-navigation ul li.current_page_parent a { color: #e32e37; }
	
	#principale-navigation ul li:first-child { border-left:none; }
	
	#principale-navigation ul li:hover ul {
		display: block;
	}
	
	#principale-navigation ul ul {
		position: absolute;
		z-index: 1000;
		border: 1px #dadadc solid;
		border-bottom:none;
		width: 200px;
		margin: 0;
		padding: 0;
		display: none;
		left: -1px;
		top:55px;
		
	}
	#principale-navigation ul li.current_page_item ul,
	#principale-navigation ul li.current_page_parent ul {
		top:62px;
	}
	
	
	#principale-navigation ul ul li,
	#principale-navigation ul li.current_page_item ul li,
	#principale-navigation ul li.current_page_parent ul li {
		float: none;
		border: none;
		padding: 0;
		margin: 0;
		height: auto;
	}
	
	#principale-navigation ul ul li a,
	#principale-navigation ul ul li.current_page_item li a,
	#principale-navigation ul ul li.current_page_parent li a{
		font-family: Helvetica,Arial,sans-serif;
		text-transform: none;
		color: #595959 !important;
		margin:0 !important;
		padding: 15px !important;
		border-bottom:1px #dadadc solid !important;
		height: auto !important;
		line-height: normal !important;
		font-size: 13px !important;
	}
	
	#principale-navigation ul ul li a:hover {
		background: #ececea;
		color:#595959;
		margin: 0;
	}
	
	#principale-navigation .sub-menu li a {
		border-bottom:1px #dadadc solid !important;
	}

	/* #top-navigation { margin: 0; padding: 7px 0; background:#ececea; } */
	#top-navigation { height: 59px; margin-top: 22px; margin-right: 0px; float: right; }
	
	#top-navigation div { max-width: 980px;	margin: 0 auto;	padding: 0;	text-align: right; }
	
	ul#menu-menu-top li { float:left; border-left:1px #666 solid; }
	
	ul#menu-menu-top li:first-child { border: none; }	

/*
	ul#menu-menu-top { display: inline-block; margin: 5px 20px 0 0; padding: 0;}
	
	ul#menu-menu-top > li { position:relative; float:left; border-left:1px #999 solid; margin:0; padding: 2px 7px;}
	
	ul#menu-menu-top > li:first-child { border: none; }
	
	ul#menu-menu-top li a { display: block; }
*/
	
	ul#menu-menu-top ul {
		position:absolute;
		z-index: 50001;
		width: 150px;
		background: #ececea;
		border-left: 1px #999 solid;
		border-right: 1px #999 solid;
		left: -1px;
		top:19px;
		display:none;
	}
	
	ul#menu-menu-top ul li {
		float: none;
		display: block;
		border-left: none;
		text-align: left;
		padding: 0;
	}
	
	ul#menu-menu-top ul li a {
		border-bottom: 1px #999 solid;
		padding: 10px;
		cursor: pointer;
	}
	
	ul#menu-menu-top ul li a:hover {
		background: #fafafa;
			
	}
	
	ul#menu-menu-top li:hover ul {
		display: block;
	}
	
	#top-right { height: 79px; border-left:1px #666 dotted; border-right:1px #666 dotted; float: right; }
	
	ul.socials { height: 59px; padding: 0 15px; padding-top: 17px; }
	
	#main { background: #fff; padding: 40px 0 50px 0; /* margin-top: -15px; */ }
	
	#content { float:left; width:100%; max-width:63.265306122449%; margin-left: 20px; }
	
	#content a:hover { text-decoration: underline;  }
	
	#sidebar { float: right; width: 30.612244897959%; margin-right: 20px; overflow: hidden; max-width: 300px;}
	
	#sidebar .widget:first-child { margin-top: 0; }
	
	.point { width:48.387096774194%; }
	
	.point.even { float:left; }
	
	.point.odd { float:right; }
	
	.guest { /* margin:-5%; */ }
	
	#slideshow { width:1500px; display:block; margin-left: auto; margin-right: auto; overflow:hidden; }
	
	.slides_container { /* width:100%; display:block; */ }
	
	.slide { width:1500px; height: 393px; margin: auto; padding: auto; }
	
	#wrap-nav-slide {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
	}
	
	#next-prev {
		position: absolute;
		top:0;
		right: 20px;
		z-index: 150000;
		width: 50px;
		padding: 10px;
		background-color: #333;
		background-color: rgba(51,51,47,0.7);
	}
	
	#next-prev .prev {
		display: block;
		float: left;
		width: 10px;
		height:15px;
		text-indent: -999em;
		left:0;
		background: url(img/ico-prev.png) left center no-repeat;
	}
	
	#next-prev .next {
		display: block;
		float: right;
		width: 10px;
		height:15px;
		text-indent: -999em;
		left:50px;
		background: url(img/ico-next.png) left center no-repeat;
	}
	
	#next-prev .pagination {
		display: none;
		text-align: center;
		position: absolute;
		top: 12px;
		left: 42px;
		
	}
	
	#next-prev .pagination li {
		float: left;
		padding-right: 10px;
	}
	
	#next-prev .pagination li a {
		display: block;
		width: 9px;
		height: 9px;
		background: url(img/ico-bullet-off.png) center center no-repeat;
		text-indent: -999em;
		
	}
	
	#next-prev .pagination li.current a {
		background: url(img/ico-bullet-on.png) center center no-repeat;		
	}
	.slide .legend { /* display: none ; */ }
	.slide .copy {
		position: absolute;
		z-index: 10001;
		top: 0px;
		padding:5px 8px;
		background-color: #333;
		background-color: rgba(51,51,47,0.7);
		color: #ccc;
		font-size: 10px;
		font-style: italic;
		cursor: pointer;	
	}	
	
	#infolettre-link { display:block; color: #333; margin-top: -5px; margin-left: 15px; padding: 0px 0 2px 20px; text-decoration: none; background: url(img/fleche_lien_grise.png) left center no-repeat; }
	
	.event-switcher { padding: 13px 40px; min-height: 130px;}
	
	.event-switcher h2 { background: url(img/ico-ancre.png) left top no-repeat; font-size: 22px; min-height: 84px; padding: 8px 0 0 94px; line-height: 26px; }
	
	.event-switcher h2.schedule {background: url(img/ico-events.png) left top no-repeat; }
	
	.eventswitcher label { display: inline; }
	
	#submit { width: auto; }
	
	.thumb { width: 24.193548387097%; }
	.excerpt { width:73%; margin-left: 24.193548387097%; }
	
	img.alignleft { float: left; margin-right: 10px;}
	
	.navigation {
		padding: 20px 0 0 0;
		border-top: 1px #ccc dotted;
		margin-top: 10px;
		margin-bottom: -15px;
	}
	.nav-previous, .nav-next {
		width:45%;
		background: none;
		display: block;
		padding: 0;
		margin: 0;
	}
	.nav-previous { float: left; text-align: left; }
	.nav-next { float: right; text-align: right; }
	
	.switcher-box {
		position:absolute;
		top:55px;
		left:130px;
	}
	#partenaires {
		padding-top: 30px;
	}
	#partenaires a img {
		padding: 0;
		margin: 0 20px 20px 0;
	}
	
	#partenaires a:last-child img {
		/* margin: 0; */	
	}

}

.www {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 10px;
	font-weight: 400;
}

@media screen and (min-width:500px) and (max-width:767px){
	img.alignleft{
		float: none;
		/*display: block;
		margin: 0 auto;*/
	}
	/*
#event-single {
		text-align: center;
	}
*/
}

@media screen and (min-width:500px) and (max-width:850px){
	
	#content { padding-right: 20px; }
	
	.point { width: auto; min-height: 270px; float: none; }
	
	.point.even { float:none; }
	
	.point.odd { float:none; }
	
	#partenaires a img {
		padding: 0;
		margin: 0 20px 20px 0;
	}
	
	#partenaires a:last-child img {
		margin: 0;	
	}
	/* .ext-resto { background: #e33038 url(img/ico-ext-link-resto.png) right top no-repeat; background-size: 40%;} */
}

@media screen and (max-width:480px) {
	#partenaires a { display: block; }
	#partenaires a img { margin: 0 0 10px 0; padding: 0;}
	
	.switcher-box {	width: 200px; }
	.switched-item { width: 100%; }
	.select-forfait div { min-width: 200px; }
	
}

@media screen and (max-width:430px) {
	.pdf {	height: auto; padding-right: 15px;}	
}
/*
.ie8 #main { margin-top: -16px; }
.ie8 .slide img { max-width: none; }
.ie8 #next-prev { right: 0; }
*/


/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}