/*****************************************************
	Custom Responsive CSS  (12 colonnes)
/*****************************************************
/*****************************************************
/*****************************************************/

/* Grandeur max du site */
.c12 {
	clear:both;
	margin:0 auto;
	max-width:1200px;
}
.c12:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.c11,
.c10,
.c9,
.c8,
.c7,
.c6,
.c5,
.c4,
.c3,
.c2,
.c1 {
	float:left;
	min-height:1px;
}

.c12 { width:100%; }
.c11 { width:91.6666%; }
.c10 { width:83.3333%; }
.c9  { width:75%; }
.c8  { width:66.6666%; }
.c7  { width:58.3333%; }
.c6  { width:50%; }
.c5  { width:41.6666%; }
.c4  { width:33.3333%; }
.c3  { width:25%; }
.c2  { width:16.6666%; }
.c1  { width:8.3333%; }



@media only screen and (max-width: 1170px) {
	#site-navigation .nav-menu li a
	{
		font-size:15px;
	}
	
	#events .infos h1
	{
		width:670px;
	}
	#events .infos h2 span
	{
		width:590px;
	}
}
@media only screen and (max-width: 1110px) {
	#site-navigation .nav-menu li a
	{
		font-size:12px;
	}
	.side-cart
	{
		font-size:14px;
	}
	.infolettre form input:last-of-type, #passez-caisse
	{
		font-size:14px;
		line-height:50px;
	}
	
	div.contenu .main-content p
	{
		font-size:12px;
	}
	
	#events .date
	{
		font-size:30px;
	}
	#events .date span
	{
		font-size:13px !important;
	}
	#events .infos
	{
		margin-left:10px;
	}
	#events .infos h1
	{
		font-size:18px;
		width:540px;
	}
	#events .infos h2
	{
		font-size:16px;
	}
	#events .infos h2 span
	{
		font-size:12px;
		width:505px;
	}
	
	#spectacles article h1
	{
		font-size:18px;
	}
	#spectacles article h2
	{
		font-size:16px;
	}
	#spectacles article h2 span
	{
		font-size:14px;
	}
	#spectacles .prix
	{
		font-size:14px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
/*****************************************************
	général
/*****************************************************/
	html
	{
		margin-top:0 !important;
	}
	.menu-mobile
	{
		display:block;
		background-image:url(../images/icon-mmenu.png);
		background-repeat:no-repeat;
		background-size:100% 100%;
		height:35px;
		width:50px;
		float:right;
		margin:15px 25px 0 0;
		position:relative;
	}
	h1
	{
		font-size:32px;
	}
	
	#plemx-root { display:none; }
	
/*****************************************************
	mmenu
/*****************************************************/
	#mmenu
	{
		display:block;
		background-color:#fff;
	}
	.mm-menu > ul.mm-list
	{
		padding-top:0;
	}
	#mmenu h5
	{
		font-size:24px;
		height:90px;
		line-height:90px;
		padding-left:115px;
		color:#f7edd9;
		margin-top:5px;
		margin-bottom:10px;
	}
	#mmenu h5:before
	{
		width:100px;
		background-size:50% auto;
	}
	#mmenu .reseaux-sociaux
	{
		text-align:center;
		margin-top:10px;
	}
	#mmenu .reseaux-sociaux > a
	{
		margin-right:45px;
	}
	#mmenu .reseaux-sociaux > a:last-of-type
	{
		margin-right:0;
	}
	#mmenu .panier .side-cart
	{
		color: #f7edd9;
   		font-size: 24px;
		font-family:"Lato",sans-serif;
		height:90px;
		line-height:90px;
		padding:0 0 0 115px;
		text-align:left;
	}
	#mmenu .panier .side-cart::before
	{
		width:100px;
		background:rgb(237, 27, 46) url("../images/cart-mobile.png") no-repeat scroll center center / 50% auto;
	}
	#mmenu ul .lang:after {
		border: medium none;
	}
	#mmenu lang a
	{
		background-color: #ed1b2e;
		height: 50px;
		width: 50px;
		padding:0;
		color:#f7edd9;
		font-family: 'Lato', sans-serif;
		font-weight:700;
		font-size:21px;
		line-height:50px;
		text-align:center;
		float:right;
		margin-bottom:5px;
	}
	#mmenu .mmenu-infolettre
	{
		clear:both;
	}
	#mmenu ul li a
	{
		color:#3c3c3c;
		text-transform:uppercase;
		font-size:18px;
		font-family: 'Old Standard TT', serif;
	}
	#mm-blocker
	{
		background-color:#5f5a4d;
		opacity:0.78;
	}
	#mmenu.mm-menu .mm-list > li > a.mm-subopen::after, #mmenu.mm-menu .mm-list > li > a.mm-subclose::before
	{
		border-color: rgba(0, 0, 0, 0.3);
	}
	
/*****************************************************
	header
/*****************************************************/
	header#masthead
	{
		position:relative;
	}
	header#masthead:after {
		background-color: #ed1b2e;
		bottom: 0;
		content: "";
		height: 18px;
		left: 0;
		position: absolute;
		width: 100%;
		
		-webkit-box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
		
		-moz-box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
		
		box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
	}
/*****************************************************
	contenu
/*****************************************************/
	.menu-secondaire,
	.navbar
	{
		display:none;
	}
	.contenu .main-content
	{
		width:100%;
		padding-right:0;
	}
	.contenu .sidebar
	{
		display:none;
	}

/*****************************************************
	events
/*****************************************************/
	#events .infos h1
	{
		width:600px;
	}
/*****************************************************
	panier
/*****************************************************/
	.woocommerce #content table.cart td.actions,
	.woocommerce table.cart td.actions,
	.woocommerce-page #content table.cart td.actions,
	.woocommerce-page table.cart td.actions
	{
		text-align:right;
		width:auto;
	}


/*****************************************************
	Place de la famille
/*****************************************************/
	#place-famille .bloc { width:49%; }
	
	#place-famille #memoire .card { height:230px; }
	
	#place-famille nav a { font-size:16px; }
	
	
	
	
/*****************************************************
	footer
/*****************************************************/
	.site-footer .partenaire .liste-partenaire ul
	{
		width:100%;
	}
	.site-footer .site-info > img
	{
		margin-bottom:0;
	}
	.site-footer .site-info .menu-footer,
	.site-footer .site-info .bas-footer
	{
		display:none;
	}
}


@media only screen and (max-width: 767px) {
	/*.c11,
	.c10,
	.c9,
	.c8,
	.c7,
	.c6,
	.c5,
	.c4,
	.c3,
	.c2,
	.c1 {
		width:100%;
	}
	
	#open-mmenu { display:block; }
	*/
/*****************************************************
	général
/*****************************************************/
	html
	{
		margin-top:0 !important;
	}
	.menu-mobile
	{
		display:block;
		background-image:url(../images/icon-mmenu.png);
		background-repeat:no-repeat;
		background-size:100% 100%;
		height:25px;
		width:40px;
		float:right;
		margin:25px 5px 0 0;
		position:relative;
	}
	h1
	{
		font-size:22px;
	}
	h2
	{
		font-size:18px;
	}
	h3
	{
		font-size:14px;
	}
	#plemx-root{margin-top:-68px;}
/*****************************************************
	mmenu
/*****************************************************/
	#mmenu
	{
		background-color:#fff;
		display:block;
	}
	.mm-menu > ul.mm-list
	{
		padding-top:0;
	}
	#mmenu h5
	{
		color:#f7edd9;
		margin:5px 0 10px;
	}

	#mmenu .reseaux-sociaux
	{
		text-align:center;
		margin-top:10px;
	}
	#mmenu .reseaux-sociaux > a
	{
		margin-right:25px;
	}
	#mmenu .reseaux-sociaux > a:last-of-type
	{
		margin-right:0;
	}
	#mmenu .reseaux-sociaux > a img
	{
		width:15%;
	}
	#mmenu .panier .side-cart
	{
		color: #f7edd9;
   		font-size: 12px;
		font-family:"Lato",sans-serif;
		height:50px;
		line-height:50px;
		padding:0 0 0 75px;
		text-align:left;
	}
	#mmenu .panier .side-cart::before
	{
		width:60px;
		background:rgb(237, 27, 46) url("../images/cart-mobile.png") no-repeat scroll center center / 70% auto;
	}
	#mmenu ul .lang::after {
		border: medium none;
	}
	#mmenu .lang a
	{
		background-color: #ed1b2e;
		height: 50px;
		width: 50px;
		padding:0;
		color:#f7edd9;
		font-family: 'Lato', sans-serif;
		font-weight:700;
		font-size:21px;
		line-height:50px;
		text-align:center;
		float:right;
		margin-bottom:5px;
	}
	#mmenu .mmenu-infolettre
	{
		clear:both;
	}
	#mmenu ul li a
	{
		color:#3c3c3c;
		text-transform:uppercase;
		font-size:14px;
		font-family: 'Old Standard TT', serif;
	}
	#mm-blocker
	{
		background-color:#5f5a4d;
		opacity:0.78;
	}
	#mmenu.mm-menu .mm-list > li > a.mm-subopen::after, #mmenu.mm-menu .mm-list > li > a.mm-subclose::before
	{
		border-color: rgba(0, 0, 0, 0.3);
	}
/*****************************************************
	header
/*****************************************************/
	header#masthead
	{
		position:relative;
	}
	header#masthead:after {
		background-color: #ed1b2e;
		bottom: 0;
		content: "";
		height: 18px;
		left: 0;
		position: absolute;
		width: 100%;
		
		-webkit-box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
		
		-moz-box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
		
		box-shadow:
		inset 0px 42px 17px -39px rgba(0,0,0,0.75),
		0px 21px 30px -2px rgba(0,0,0,0.75);
	}
	header#masthead > img
	{
		height:30px;
	}
	header#masthead > div div.c7 > a
	{
		background:url(../images/headers/header-logo.png) no-repeat;
		display:inline-block;
		width:150px;
		height:70px;
		margin-bottom:20px;
	}
	.menu-secondaire,
	.navbar
	{
		display:none;
	}
/*****************************************************
	contenu
/*****************************************************/
	#breadcrumbs li
	{
		font-size:12px;
	}
	#breadcrumbs li a,
	.woocommerce .woocommerce-breadcrumb a,
	.woocommerce .woocommerce-breadcrumb
	{
		font-size:12px;
	}
	.contenu
	{
		background-position:bottom -380px center;
	}
	.contenu .main-content
	{
		width:100%;
		padding-right:0;
	}
	div.contenu .main-content p
	{
		font-size:12px;
	}
	.contenu .main-content .bloc-accueil .bloc
	{
		width:100%;
	}
	div.contenu .main-content ul .liste-contenu > a
	{
		font-size:12px;
	}
	div.contenu .main-content ul .liste-contenu > ul li p
	{
		font-size:10px;
	}
	div.contenu .main-content ul .liste-contenu > ul li strong
	{
		font-size:12px;
	}
	div.contenu .main-content ul .liste-contenu .contenu-image > div
	{
		width:32%;
	}
	.contenu .main-content .pub-bas
	{
		background-color:transparent;
		margin:0 -10px;
	}
	.contenu .sidebar
	{
		display:none;
	}
	
	div.contenu .main-content ul .liste-contenu > ul.col-1 li {width:100%;}
	div.contenu .main-content ul .liste-contenu > ul.col-2 li,
	div.contenu .main-content ul .liste-contenu > ul.col-3 li,
	div.contenu .main-content ul .liste-contenu > ul.col-4 li,
	div.contenu .main-content ul .liste-contenu > ul.col-5 li 
	{
		width:45%;
		margin-right:5%;
	}
	
/*****************************************************
	events
/*****************************************************/
	#events .date
	{
		font-size:24px;
	}
	#events .infos, #events .date
	{
		clear:both;
	}
	#events .infos
	{
		width:95%;
	}
	#events .infos h1
	{
		font-size:17px;
		width:100%;
	}
	#events .infos h2 span
	{
		width:100%;
	}
	#selectors a
	{
		font-size:14px;
	}
	#events .more
	{
		top:10px;
	}
	
/*****************************************************
	spectacles
/*****************************************************/
	.page-template-template-spectacles #spectacles .descriptif
	{
		position:inherit;
		margin-top:10px;
	}
	#spectacles .infos
	{
		width:100%;
	}
	#spectacles .more
	{
		position:inherit;
	}
	#spectacles article h1
	{
		font-size:15px;
	}
	#spectacles article h2
	{
		font-size:14px;
	}
	#spectacles .prix
	{
		font-size:13px;
	}
	#spectacles.single figure
	{
		width:auto;
		padding:5px 15px 0 15px;
		float:none;
	}
	#spectacles.single .infos
	{
		width:100%;
	}
/*****************************************************
	biographies-des-cow-boys
/*****************************************************/
	div.contenu .main-content ul.biographies-des-cow-boys
	{
		text-align:justify;
	}
	div.contenu .main-content ul.biographies-des-cow-boys .liste-contenu
	{
		width:48%;
	}
	div.contenu .main-content ul.biographies-des-cow-boys .liste-contenu .contenu-image > div
	{
		width:100%;
	}

/*****************************************************
	nos-forfaits
/*****************************************************/
	div.contenu .main-content ul.nos-forfaits .liste-contenu .contenu-image > div.left
	{
		margin:0 0 30px;
	}
/*****************************************************
	acces-routiers
/*****************************************************/
	div.contenu .main-content ul.acces-routiers .liste-contenu .contenu-image > div.left
	{
		float:none;
		font-size:12px;
		margin-bottom:20px;
	}
	div.contenu .main-content ul.acces-routiers .liste-contenu div:nth-child(2)
	{
		margin:0;
	}
/*****************************************************
	galerie-photo
/*****************************************************/
	div.contenu .main-content ul.galerie-photo span.jssora21l,
	div.contenu .main-content ul.galerie-photo span.jssora21r
	{
		display:none;
	}
/*****************************************************
	partenaires
/*****************************************************/
	div.contenu .main-content ul.partenaires .liste-contenu .contenu-image > div img
	{
		max-height: 60px;
  	  	max-width: 90px;	
	}

/*****************************************************
	boutique
/*****************************************************/
	.woocommerce #content div.product div.summary
	{
		padding:0;
	}
	.entry-title,
	.format-chat .entry-title,
	.format-image .entry-title,
	.format-gallery .entry-title,
	.format-video .entry-title
	{
		font-size:20px;
	}
	.woocommerce div.product p.price,
	.woocommerce div.product span.price
	{
		font-size:16px;
	}
	.woocommerce div#content ul.products li.product:nth-child(2n),
	.woocommerce-page div#content ul.products li.product:nth-child(2n)
	{
		float:left;
	}
	.woocommerce div#content ul.products li.product
	{
		clear:none;
		width:33.3%;
		padding:0 6px;
		margin-bottom:12px;
	}
	.woocommerce ul.products li.product h3,
	.woocommerce-page ul.products li.product h3
	{
		font-size:10px;
	}
	.woocommerce ul.products li.product .price
	{
		font-size:12px;
	}

/*****************************************************
	panier
/*****************************************************/
	.woocommerce #content table.cart td.actions,
	.woocommerce table.cart td.actions,
	.woocommerce-page #content table.cart td.actions,
	.woocommerce-page table.cart td.actions
	{
		text-align:right;
		width:auto;
	}
	.woocommerce #content table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button
	{
		width:auto;
	}
	.woocommerce-cart .cart-collaterals .cart_totals table th
	{
		width:auto;
	}

/*****************************************************
	caisse
/*****************************************************/
	.woocommerce .woocommerce-error,
	.woocommerce .woocommerce-info,
	.woocommerce .woocommerce-message
	{
		font-size:12px;
	}
	.woocommerce table.shop_table th
	{
		font-size:12px;
	}
	.woocommerce table.shop_table td
	{
		font-size:12px;
	}
	
/*****************************************************
	Place de la famille
/*****************************************************/
	#logo-place { text-align:center; position:relative; top:0; left:0; display:block; }
	#logo-place img { width:175px; }
	#place-famille header { padding-top:70px; }
	#place-famille header:before { height:85px; background-position:bottom center; }
	#place-famille nav { padding-top:10px; padding-bottom:5px; }
	#place-famille nav li { display:block; text-align:center; padding:0; }
	#place-famille nav a { font-size:15px; display:block; }
	
	#place-famille .js-pages { padding-left:20px; padding-right:20px; }
	
	#place-famille .bloc { width:100%; }
	#place-famille .bloc p { font-size:16px; }
	
	#place-famille #erreurs .erreur-game-container,
	#place-famille #erreurs .erreur-game-container > img:first-child { width:100%; height:auto; }
	#place-famille #erreurs .erreur-game-container > img:not(:first-child) { width:10%;
	-ms-transform: translateX(25%);
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
	}
	
	#place-famille #memoire #cards > .c3 { width:33%; }
	#place-famille #memoire .card { height:315px; }
	
	#place-famille #photos .liste-contenu { overflow:hidden; }
	
	#place-famille #cowboys .cowboy { width:100%; }
	
	#place-famille #events .more { top:12px; }
	#place-famille #events h1 { margin-bottom:30px; width:75%; }
	
	
/*****************************************************
	footer
/*****************************************************/
	.site-footer .partenaire .liste-partenaire
	{
		top:-100px;
	}
	.site-footer .partenaire .liste-partenaire ul
	{
		width:100%;
	}
	.site-footer .partenaire .liste-partenaire li
	{
		width:26%;
	}
	.site-footer .partenaire .liste-partenaire li:nth-child(2)
	{
		width:33%;
	}
	.site-footer .partenaire .liste-partenaire li p
	{
		display:none;
	}
	.site-footer .partenaire .baniere
	{
		top:-21px;
		background:rgba(0, 0, 0, 0) url("../images/baniere-partenaire.png") no-repeat scroll center center / 70% auto;
	}
	.site-footer .partenaire .baniere div
	{
		padding:8px 24px;
		box-shadow:none;
	}
	.site-footer .partenaire .baniere a
	{
		font-size:13px;
	}
	.site-footer .site-info > img
	{
		margin-bottom:0;
	}
	.site-footer .site-info .menu-footer,
	.site-footer .site-info .bas-footer
	{
		display:none;
	}
	
	
	
}


@media only screen and (max-width: 480px) {
/*****************************************************
	Place de la famille
/*****************************************************/
	
	#place-famille #memoire #cards > .c3 { width:50%; }
	#place-famille #memoire .card { height:10px; padding-bottom:150%; }
	
	#place-famille #galop > div > .c6 { width:100%; }
	
}

/*
@media all and (max-width: 960px) {
	
}


/* Mobile à partir de 767px 
@media all and (max-width: 767px) {
	
	
}
*/