/*
Theme Name: Template T1011
Theme URI: http://www.dix-onze.ca/
Description: 
Author: Dix-Onze inc.
Version: 1.0

strppd.css by Iain MacDonald(http://iainspad.com/strppd-css/)

Based on the Meyer Reset by MeyerWeb (http://meyerweb.com/eric/tools/css/reset/)
This is a modified version with additional resetting such as setting certain elements to certain properties, as they should.
This also carries some resets for HTML5 elements i.e. the ':required' pseudo-selector, as well as resetting for mobile browsers.
Also included is some typographical styling, just to set them to their respective type styles.
Finally, there's also form and interactive element styling so forms and navigation elements look clickable.

Be sure to contribute any improvements and changes to this reset as you see fit. Have fun!

v. 1.0
License: Public Domain

*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, main {display: block;}

/*---Universal Selector to add additional resets, such as text-size adjust and tap highlighting---*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Raleway', sans-serif;
	line-height: 1;
}

ol, ul {list-style-type: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

/*---Removes Webkit form styling on Mobiles---*/

input, textarea {
    border-radius: 0;
}

/*---Additional Form resets---*/

button, input[type="button"] {background: none;}

:required {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

/*---Typographic Styling---*/

em, i {font-style: italic;}

strong, b {font-weight: bold;}

u {text-decoration: underline;}

pre, code {font-family: Monaco, Courier, monospace;}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

blockquote, q {quotes: "" "";}

blockquote:before, blockquote:after, q:before,  q:after {content: "";}

/*---Interactive Element Settings---*/

a, input[type="submit"], input[type="button"], button, label[for] {cursor: pointer;}

/*---Misc. Element Styling---*/

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


/* General styles */
::-moz-selection {  }
::selection {  }

a { 
  color: #000;
  text-decoration: none;
  transition: all .3s;
}
a:hover {
	border-bottom: 1px solid #f0f81f;
	color: #f0f81f;
	padding-bottom: 2px;
	text-decoration: none;
}

address{  }

aside{  }

b, strong{  }

body{  }

blockquote{  }

button{ cursor: pointer; }
button:hover{  }
button:active{  }

caption, th, td{ vertical-align: middle; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Serif', serif;
}

h1 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 24px;
}

h2 {
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 24px;
}

#page-accueil h2 {
	text-align: center;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 24px;
}

h4 {
	color: #393939;
	font-weight: bold;
	margin-bottom: 24px;
}

h5 {
	font-size: 36px;
	color: #747474;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: left;
	margin-bottom: 24px;
}	

h6 {
	margin-bottom: 24px;
}

.fonce h1, .fonce h2, .fonce h3, .fonce h4, .fonce h5, .fonce h6 {
	color: #fff;
}

i, em{  }

i {
	font-size: 14px !important;
}

img{  }

input, select, textarea{  }

input[type=radio]{  }
input[type=checkbox]{  }

label{  }

li{  }

p {
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 24px;
}
p:last-child {
	
}

select{  }
select option{  }

table{ border: 0; border-spacing:0; empty-cells:show; }

textarea{ resize: none; }

ul, ol{  }

hr {
	
}

body {
	background: #3e3e3e;
	font-size: 12px;
	letter-spacing: 1px;
}

ul {
	list-style-type: none;
}

#entete {
	height: 96px;
	padding-top: 30px;
	padding-bottom: 40px;
	position: relative;
}

.logo-entete:hover {
	border-bottom: 0;
}

.top-info {
	z-index: 5;
	position: relative;
}

.top-info ul {
	display: block;
	float: right;
}

.top-info ul li {
	display: inline;
}

.top-info li a {
	text-decoration: none;
	margin-left: 40px;
}

.top-info .capital {
	color: #fff;
	text-transform: uppercase;
	padding-left: 5px;
}

.top-info i {
	color: #000;
	font-size: 12px !important;
}

a.fa:hover {
	text-decoration: none !important;
}

a.calendrier,
a.rs-base {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin-left: 4px !important;
	background-color: #fff;
	border-radius: 50%;
}

a.calendrier i,
a.rs-base i  {
	font-size: 18px !important;
	line-height: 30px;
}

a.rs-base:hover {
	background: #000;
}
a.rs-base:hover i {
	color: #fff !important;
}

a.rs-facebook i {
	color: #3b5999;
}

a.rs-twitter i {
	color: #55acee;
}

a.rs-instagram i {
  background: -webkit-linear-gradient(#ED0D26, #4963CA);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.rs-linkedin i {
	color: #0077B5;
}

a.rs-youtube i {
	color: #FF0000;
}

a.rs-google-plus i {
	color: #D6492E;
}

a.rs-pinterest i {
	color: #BD081C;
}

.top-info a.telephone {
	margin-right: 20px !important;
}

li a.calendrier,
li a.rs-base {
	border-bottom: none !important;
}

.logo-entete {
	position: absolute;
	top: 28px;
	left: 10px;
	z-index: 10;
}

#menu-principal {
	position: absolute;
	top: 114px;
	right: 10px;
}

#menu-mobile {
	cursor: pointer;
	display: none;
	float: right;
}

#menu-mobile:before {
	font-size: 24px;
}

#menu-principal li {
	margin-left: 20px;
}
#menu-principal li li {
	margin-left: 0;
}

#menu-principal li a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	border:  0 !important;
	padding-bottom: 0 !important;
}
#menu-principal li a:hover {
	border:  0 !important;
	padding-bottom: 0 !important;
}

#menu-principal > li:first-child > a {
	margin-left: 0;
}

#menu-principal ul ul {
	padding-top: 8px;
}
#menu-principal ul ul li {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 8px 12px;
}

#image-entete {
	width: 100%;
	background-color: aliceblue;
	height: 280px;
	background-position: center center;
	background-size: cover;
}

/*page accueil*/

.photo-accueil {
	width: 100%;
	height: 280px;
	margin-bottom: 45px;
}

.texte-principal {
	box-sizing: border-box;
	padding-right:  24px;
}
.texte-principal p {
	margin-bottom: 24px;
}

.photo-promotion {
	max-width: 100%;
}

#sidebar .menu li {
	margin-bottom: 12px;
	text-transform: uppercase;
}
#sidebar .menu li.current-menu-item a {
	color: #000;
	font-weight: bold;
}


/*section nos incontournables*/

#nos-incontournables {
	text-align: center;
	margin-top: 75px;
}

#nos-incontournables h2 {
	padding-bottom: 60px;
}

#page-accueil h2:before { 
	width: 50%;
	content:'';
	display:inline-block;
	vertical-align: middle;
	height: 2px;
	background: #fff;
	left: 10px;
	top: 8px;
	position: absolute;
	z-index: 10;
}

#page-accueil h2:after {
	width: 50%;
	content:'';
	display:inline-block;
	vertical-align: middle;
	height: 2px;
	background: #fff;
	right: 10px;
	top: 8px;
	position: absolute;
	z-index: 10;
}


#page-accueil h2 span {
	background-color: #3e3e3e;
	display: inline-block;
	padding: 0 30px;
	position: relative;
	z-index: 20;
}

.boite-incontournables {
	height: auto;
	max-width: 280px;
	/*background-color: #cdcdcd;*/
	padding-bottom: 25px;
}

.boite-incontournables img {
	margin-bottom: 24px;
}

.boite-incontournables h4 {
	text-align: center;
}
.boite-incontournables p {
	text-align: center;
}

.boite-incontournables:hover {
	/*background-color: #6ed4f6;*/
}

.boite-incontournables a:hover {
	text-decoration: none !important;
}

.texte-incontournables {
	height: auto;
	padding: 70px 54px 0 20px;
	text-align: left;
}

.texte-incontournables h4 {
}

.texte-incontournables  p{
	color: #393939;
}

.petit-plus {
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}




/*section appel action*/

.section-a-faire {
	margin-top: 0;
	margin-bottom: 75px;
}

.texte-a-completer {
	padding: 60px 340px 56px 70px;
	background-color: #cdcdcd;
	display: block;
	text-decoration: none !important;
}
.texte-a-completer:hover {
	text-decoration: none !important;
	background-color: #6ed4f6;
	border: 0 !important;
	padding: 60px 340px 56px 70px;
}

.texte-a-completer p {
	font-size: 16px;
	line-height: 22px;
	color: #929292;
	text-transform: uppercase;
	text-align: left;
}


/*section nos secrets*/

#nos-secrets {
	height: auto;
	text-align: center;
	margin-bottom: 70px;
	margin-top: 75px;
}

#nos-secrets h2 {
	padding-bottom: 50px;
}

.boite-secrets {
	text-align: center;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.boite-secrets h3 {
	padding-top: 40px;
}

.photo-secrets {
	border-radius: 50%;
}

/*section nouvelles*/

#nouvelles {
}

#nouvelles .grid_6 {
	max-width: 580px;
}
 
#nouvelles h2 {
	padding-bottom: 50px;
}

#nouvelles img {
	padding-bottom: 30px;
}

#nouvelles h3 {
	font-size: 16px;
}

#nouvelles time {
	display:  block;
	margin-bottom:  12px;
}
.petit-plus3 {
	text-transform: uppercase;
	font-weight: bold;
}

.a-droite {
	text-align: right;
}
.a-centrer {
	text-align: center;
}


.wp-pagenavi {
	text-align: center;
}
	.wp-pagenavi .pages {
		display: none !important;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		border: none !important;
		height: 30px;
		width: 30px;
		padding: 0 !important;
		line-height: 30px !important;
		text-align: center;
		display: inline-block;
	}
	.wp-pagenavi a {
		color: #000;
		background-color: #fff;
	}
	.wp-pagenavi span.current {
		color: #fff;
		background-color: #000;
	}

/*page 2*/

#page-numero-2 {
	padding-bottom: 210px;
}

#page-numero-2 p {
	padding-bottom: 20px;
}

.menu-bas-container li {
	padding-bottom: 6px;
}

#copyright {
	padding: 48px 0;
}
#copyright p {
	margin: 0;
}

/*page 3*/

#nous-joindre {
	height: auto;
}

.photo-page-3 {
	max-width: 100%;
	height: 280px;
	margin-bottom: 45px;
}

.info-nous-joindre {
	height: auto;
	padding-right: 80px;
	text-align: justify;
}

#nous-joindre h1 {
	padding-bottom: 0;
}

.info-nous-joindre a {
	line-height: 22px;
}

input[type=text],
input[type=email] {
	width: 100%;
	border: none;
	color: #3e3e3e;
	background-color: #dadada;
	font-size: 12px;
	padding: 14px 2px 14px 25px;
	box-sizing: border-box;
	margin-bottom: 20px;
}

textarea {
	height: 215px;
	width: 100%;
	border: none;
	color: #3e3e3e;
	background-color: #dadada;
	font-size: 12px;
	padding: 20px 10px 5px 25px;
	box-sizing: border-box;
	margin-bottom: 20px;
}


input[type=submit],
.btn-standard {
	border: none;
	color: #fff;
	background-color: #202020;
	font-size: 12px;
	padding: 8px 18px;
	box-sizing: border-box;
	text-transform: uppercase;
}
input[type=submit]:hover,
.btn-standard:hover {
	color: #202020;
	background-color: #fff;
}


#sous-entete img {
	margin-bottom: 24px;
}
#breadcrumbs {
	margin-top: 24px;
	margin-bottom: 48px;
}

/*footer*/

footer {
	padding-top: 70px;
	margin-top:  95px;
	border-top: 2px #fff solid;
}

#pied-page {
	height: auto;
	padding-bottom: 30px;
}

#pied-page .plus-grand {
	font-weight: bold;
	text-transform: uppercase;
}

#pied-page p {
	line-height: 18px;
	margin-bottom: 12px;
}

#menu-pied-page ul {
	display: block;
}

#menu-pied-page ul li {
	display: block;
}

#menu-pied-page li a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 25px;
}

#menu-pied-page ul li a.sans-hover:hover,
#menu-pied-page ul li a.fa:hover {
	padding-bottom: 0;
	text-decoration: none !important;
	border-bottom: 0;
}

input.input-email {
	width: 230px;
	border: none;
	background: #dadada;
	font-size: 12px;
	color: #3e3e3e;
	font-weight: bold;
	padding: 12px 0px 12px 10px;
	box-sizing: border-box;
	
	display: inline-block;
}

.email .bouton {
	width: 47px;
	height: 36px;
	vertical-align: middle;
	background: #A59DC6 url(images/bt-enveloppe.png) no-repeat center center;
	display: inline-block;
	border: 0;
}

.infolettre {
	color: #9b93ba;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.info-pied-page-haut {
	line-height: 20px;
}

.info-pied-page-haut a {
	line-height: 18px;
}

.info-pied-page-bas:first-child {
	padding-right: 5px;
}

.info-pied-page-bas ul {
	display: block;
	padding-top: 40px;
}

.info-pied-page-bas ul li {
	display: inline;
}

.info-pied-page-bas .rs-twitter {
	margin: 0 5px !important;
}

#copyright {
	padding: 10px 0;
	text-align: center;
}

.alignleft {
	margin: 24px;
	float: left;
}

.alignright {
	margin: 24px;
	float: right;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-validation-errors {
	border: 0 !important;
	color: #fff;
	margin: 0 0 30px 0 !important;
	padding: 10px !important;
}
div.wpcf7-validation-errors {
	background-color: #c6213d !important;
}
span.wpcf7-not-valid-tip {
	color: #c6213d !important;
}
div.wpcf7-mail-sent-ok {
	background-color: #398F14;
}
span.wpcf7-not-valid-tip {
	font-size: 14px;
}

.ouvert {
	color: #19BC54;
}

.ferme {
	color: #CB1518;
}

.petit {
	font-size: 8px;
}



#contenu-principal ul {
	margin-left: 14px;
	margin-bottom: 24px;
}
#contenu-principal li {
	list-style: disc;
	line-height: 18px;
}


#sidebar,
#sidebar ul {
	margin-left: 0 !important;
  margin-bottom: 24px;
}
#sidebar h2 {
	margin-bottom: 12px;
	padding-bottom: 0;
	font-size: 15px;
}
#sidebar li {
	list-style: none;
   line-height: 18px;
}
.screen-reader-text {
	display: none;
}

.ect-list-venue .ect-venue-details {
	line-height: 24px !important;
}

.grid_container_articles {
  display: grid;
  grid-gap: 20px;
	grid-template-columns: repeat(12, 1fr);
}
	.grid_item_article {
		align-self: center;
		justify-self: center;
	}

/* Au max */ 

@media screen and (max-width: 1220px) {

#nos-secrets .grid_3 {
	max-width:  244px;
}
	
img {
	max-width: 100% !important;
	height: auto;
}

#nos-incontournables .grid_3,
#nos-secrets .grid_3 {
	width:  48% !important;
	float: left !important;
	clear:  none !important;
	text-align: center !important;
	display: block !important;
	margin: 0 1% 20px 1% !important;
}

.texte-incontournables {
	text-align: center !important;
	padding: 40px 20px 0 20px !important;
}

.petit-plus {
	text-align: center !important;	
}

.texte-a-completer {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.texte-a-completer p,
.texte-a-completer h5 {
	text-align: center !important;
}

#nouvelles .grid_6 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
	margin-bottom: 50px !important;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}

.petit-plus3 {
	float: none !important;
	clear: both;
	
}

#nous-joindre .grid_3,
#nous-joindre .grid_6 {
	width: 70% !important;
	padding-left: 15% !important;
	padding-right: 15% !important;
	padding-top: 0 !important;
	padding-bottom: 20px !important;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}

#nous-joindre h1 {
	text-align: center !important;
}

.info-nous-joindre {
	padding-right: 0 !important;
	text-align: center !important;
}

#nouvelles .grid_6 {
	margin-left:  auto !important;
	margin-right:  auto !important;
}
	
.a-droite {
	text-align: center;
}
	
.alignleft,
.alignright {
	float: none;
	clear: both;
	display: block;
	margin:  24px auto;
}
	
}

@media screen and (min-width: 1121px) {
.sf-menu {
	display: block !important;
}
}


@media screen and (max-width: 1120px) {
#menu-mobile {
	display: block;
}
	
#menu-principal li a {
	color: #fff !important;
}

#menu-principal {
	position: absolute;
	right: 50px;
	top: 50px;
	z-index: 300;
}	

.sf-menu ul ul {
	left: 0;
}


#menu-principal ul {
	display: none;
	width: auto;
	padding: 12px;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
}

#menu-principal ul li {
	display: block;
	float: none;
	clear: both;
}

#menu-principal ul a {
	color: #fff;
	line-height: 35px;
	margin: 0;
}

#menu-principal ul li a:hover {
	border: none;
}

	#menu-principal li {
		margin-left:  0;
	}
.sf-menu ul {
	position: relative;
}
	#menu-principal ul.sub-menu {
		background-color: ghostwhite;
	}
.top-info .rs-facebook,
.top-info .rs-twitter,
.top-info .rs-instagram {
	display: none;
}

.top-info ul {
	display: block;
	float: none;
	clear: both;
	text-align: center;
}

.top-info ul li {
	display: block;
	padding-bottom: 15px;
}

.top-info li a {
	margin-left: 0;
}

.top-info li.capital {
	padding-left: 0;
}
}

@media screen and (max-width: 1000px) {
#page-accueil .grid_6 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
	padding-top: 0 !important;
	padding-bottom: 25px !important;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}

.top-info li.capital {
	padding-right: 0 !important;
}

}

@media screen and (max-width: 960px) {
.boite-secrets {
	padding-bottom: 50px !important;
}


#page-numero-2 .grid_12,
#page-numero-2 .grid_6 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
	margin-bottom: 0;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}



#pied-page .grid_6,
#pied-page .grid_3 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}

#pied-page .plus-grand {
	padding-top: 20px !important;
}

.info-pied-page-bas a.rs-facebook,
.info-pied-page-bas a.rs-twitter,
.info-pied-page-bas a.rs-instagram {
	display: inline-block !important;
	clear: both !important;
	float: none !important;
}

.info-pied-page-bas ul {
	text-align: center;
}

}

@media screen and (max-width: 800px) {
	.logo-entete {
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
		display: block;
	}
	.top-info {
		padding-bottom: 0;
	}
	.top-info ul li {
		display: inline-block;
		margin: 0 12px;
	}
	.top-info ul li:first-child {
		display: block;		
	}
	
	.top-info a.telephone {
		margin-right: 0 !important;
	}

	.top-info .rs-facebook, .top-info .rs-twitter, .top-info .rs-instagram {
		display: block;
	}
	
	#entete {
		padding: 0;
		height: auto;
	}

}


@media screen and (max-width: 600px) {
#nous-joindre .grid_3,
#nous-joindre .grid_6 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
}

#nos-incontournables .grid_3,
#nos-secrets .grid_3 {
	width:  100% !important;
	float: none !important;
	clear:  both !important;
	text-align: center !important;
	display: block !important;
	margin: 0 auto 20px auto !important;
}
	
}

@media screen and (max-width: 490px) {
.container_12 .grid_1,
.container_12 .grid_2,
.container_12 .grid_3,
.container_12 .grid_4,
.container_12 .grid_5,
.container_12 .grid_6,
.container_12 .grid_7,
.container_12 .grid_8,
.container_12 .grid_9,
.container_12 .grid_10,
.container_12 .grid_11,
.container_12 .grid_12 {
	width: 98% !important;
	padding-left: 1% !important;
	padding-right: 1% !important;
	text-align: center !important;
	display: block !important;	
	clear: both !important;
	float: none !important;
}
	.top-info {
		padding-bottom: 0;
	}

	.top-info ul li {
		display: none;
	}
	.top-info ul li:first-child {
		display: block;		
	}

}

/* Spécifique */
.logo-entete img {
	max-width: 320px !important;
	height: auto;
	margin-top: 35px;
}

.faq-details {
	display: none;
}
	.faq-more h5 {
		font-size: 12px;
		cursor: pointer;
		text-transform: none;
		font-family: Raleway, sans-serif;
	}

.btn-calendrier {
	width: 200px;
	line-height: 40px;
	color: #fff;
	margin: 0 auto 36px auto;
	background: rgb(75, 182, 205);
	display: block;
	text-align: center;
}
.btn-calendrier:hover {
	color: #fff;
	background: #000;
	padding-bottom: 0;
	border: 0;
}

#fancybox-title-inside {
	font-size: 15px;
	line-height: 17px;
}

.ngg-gallery-thumbnail {
	border: none !important;
}

.centre {
	text-align: center;
}