/****************************************/
/*                                      */
/*            Created by 3WD            */
/*                 2016                 */
/*                                      */
/****************************************/


@import url(menu_haut.css);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import 'https://fonts.googleapis.com/css?family=Lobster+Two';


/*==============================================================*/
/*                         1. Général                           */
/*==============================================================*/

*{
/*	padding:0;
	margin:0; */
}
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, font, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure {
	padding:0;
	margin:0;
}

body {
	background: #000;
	padding: 0;
	margin: 0;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
}

body.chapeau {
	background: #000;
	padding: 0;
	margin: 0;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
}

a {
	color: #000;
	text-decoration: underline
}
a:hover {
	color: #000;
}

a {
	outline: none;
}
:focus {
	outline: none;
	-moz-outline-style: none;
}

object, embed {
	outline: 0;
}

.cl {
	clear: both
}
.cl1 {
	clear: both;
	height: 1px;
}
.br_mobile {
	display: none;
}

#wrapper {
	position: relative;
	width: 100%;
	font-family: 'PT Sans', sans-serif;
	background: #000 url(../imgs/fond_body_chapeau.jpg) 50% 0 no-repeat;
	background: #000 url(../imgs/fond_body_chapeau_pieds.jpg) 50% 0 no-repeat;
	min-height: 850px;
}
#wrapper.bg_about {
	background: #000 url(../imgs/fond_body_about.jpg) 50% 0 no-repeat;
	padding-bottom: 50px;
}
#wrapper.bg_spectacle {
	background: #000 url(../imgs/fond_body_chapeau_projo.jpg) 50% 0 no-repeat;
}
#wrapper.bg_spectacle.bg_menu {
	background: #000 url(../imgs/fond_body_spectacles_menu.jpg) 50% 0 no-repeat;
}
#wrapper.bg_ateliers {
	background: #000 url(../imgs/fond_body_atelier.jpg) 50% 0 no-repeat;
	/*background: #000 url(../imgs/bg_ateliers_accueil.gif) 50% 0 no-repeat; */
}
#wrapper.bg_ateliers.atelier_ac {
	background: #000 url(../imgs/fond_body_atelier_accueil.jpg) 50% 0 no-repeat;
	/*background: #000 url(../imgs/bg_ateliers_accueil.gif) 50% 0 no-repeat; */
}
#wrapper.bg_liens,
#wrapper.bg_contact {
	background: #000 url(../imgs/fond_body_chapeau_pieds.jpg) 50% 0 no-repeat;
}
.wrapper_inner {
	margin: 0px auto;	
	overflow: hidden;
	width: 920px;
}
#wrapper.bg_it_tmp {
	background: #000 url(../imgs/fond_body_it_tmp.jpg) 50% 20px no-repeat;
}
.fl_g {
	float: left;
}
.fl_d {
	float: right;
}





/*========================================================================*/
/*                              2. Header                                 */
/*========================================================================*/

#header {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
	 background: #c1b7b1;
}
.main-header {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #c1b7b1;
  margin: 0 auto;
  z-index: 50;
  /*min-height: 50px;*/
}
#banner {
	background: #8b6e28;
}


/*========================================================================*/
/*                             3. Main                                    */
/*========================================================================*/


#main_wrapper {
  position: relative;
  width: 1200px;
  margin: 0 auto;
/*  background: url(../imgs/logo_cecchini.gif) 20px 35px no-repeat; */
}
#main_logo {
  position: absolute;
  top: 35px;
  left: 20px;
}
#bt_cv {
	position: absolute;
	top: 770px;
	right: 190px;
}
.tbl_bt_complements_spectacle td {
	padding: 8px;
}
.tbl_bt_complements_spectacle td a {
	color: #fff;
	text-decoration: none;
}
#bt_complements_spectacle {
	position: absolute;
	bottom: 50px;
	right: 100px;
}
#main_accueil {
	position: relative;
	text-align:center;
	padding-top: 150px;
	padding-bottom: 50px;
	margin-left: -25px;
}
.bg_about #main {
	position: relative;
	padding: 150px 0 80px 0;	
	margin: 0 auto;
	overflow: hidden;
	width: 450px;
	color: #000;
}
.bg_about #content {
	position: relative;
	padding-right: 20px;
}
.bg_ateliers #main {
	position: relative;
	padding: 40px 0 40px 0;	
	margin: 0 auto;
	overflow: hidden;
	width: 610px;
	color: #fff;
}
.bg_spectacle #main,
.bg_liens #main {
	position: relative;
	padding: 40px 0 40px 0;	
	margin: 0 auto;
	overflow: visible;
	width: 610px;
	color: #fff;
}
.bg_spectacle #main.accueil,
.bg_ateliers #main.accueil {
	position: relative;
	padding: 60px 0 40px 0;	
	width: 730px;
}
.bg_contact #main {
	position: relative;
	padding: 40px 0 40px 0;	
	margin: 0 auto;
	overflow: hidden;
	width: 745px;
	color: #fff;
}
.bg_spectacle #main a,
.bg_liens #main a {
	color: #fff;
	text-decoration: none;
}
.bg_spectacle #content,
.bg_liens #content {
	position: relative;
	/* padding-right: 20px; */
}
#content h1.img {
	text-align: center;
	margin-bottom: 60px;
}
.bg_videos #content h1.img {
	margin-bottom: 20px;
}
.bg_boutique #content h1.img {
	margin-bottom: 0px;
}
.bg_spectacle #spectacle_header {
	position: relative;
}
.bg_spectacle #spectacle_header.spectacle_jeune_public {
	background: url(../imgs/bg_head_spect_jeune_pub.jpg) center 0 no-repeat;
	padding: 28px 0 0 0;
	height: 80px;
}
.bg_spectacle #spectacle_header.spectacle_close_up {
	background: url(../imgs/bg_head_spect_close_up.jpg) center 0 no-repeat;
	padding: 28px 0 0 0;
	height: 80px;
}
.bg_spectacle #spectacle_header.spectacle_tout_public {
	background: url(../imgs/bg_head_spect_tout_public.jpg) center 0 no-repeat;
	padding: 28px 0 0 0;
	height: 80px;
}
.bg_spectacle #spectacle_header.spectacle_numero {
	background: url(../imgs/bg_head_spect_numero.jpg) center 0 no-repeat;
	padding: 28px 0 0 0;
	height: 80px;
}
.bg_spectacle #spectacle_header #nav_spectacle {
	list-style: none;
	font-size: 14px;
}
.bg_spectacle #spectacle_header #nav_spectacle li {
	display: inline;
	color: #dab969;
	padding-right: 30px;
}
.bg_spectacle #spectacle_header #nav_spectacle li a {
	color: #dab969;
}
.bg_spectacle #spectacle_header #nav_spectacle li.on a {
	color: #fff;
}
.bg_spectacle #spectacle_slideshow {
	position: relative;
}
.bg_spectacle #spectacle_description {
	position: relative;
	font-size: 12px;
}
.bg_spectacle h1.spectacle_titre_h1 {
	color: #dab969;
	font-size: 24px;
	font-family: 'Lobster Two', cursive;
	font-weight: normal;
}
.bg_spectacle #spectacle_sous_titre {
	color: #fff;
	font-size: 14px;
	padding-bottom: 20px;
}


.bg_spectacle #main.accueil {
	position: relative;
	padding: 60px 0 40px 0;	
	width: 730px;
}
ul#accueil_spectacle {
	list-style: none;
}
ul#accueil_spectacle li {
	list-style: none;
	float: left;
}
ul#accueil_spectacle.ateliers {
	margin: 80px 0 0;
	color: #fff;
	text-align: center;
}
ul#accueil_spectacle.ateliers li {
	padding: 0 10px;
	display: inline-block;
	text-align: center;
	float: none;
	margin-bottom: 10px;
}
ul#accueil_spectacle.ateliers li a {
}

#content.content_ateliers {
	width: 100%;
	font-size: 12px;
}
#content.content_ateliers a {
	color: #fff;
}

#atelier_accueil_descriptif {
	clear: both;
	padding: 40px 0;
	font-family: 'Lobster Two', cursive;
	font-weight: normal;
	color: #fff;
	font-size: 26px;
	text-align: center;
}
.bg_boutique #atelier_accueil_descriptif {
	font-size: 20px;
}

#menu_videos {
	position: absolute;
	top: 150px;
	left: -140px;
}
#menu_videos li {
	list-style: none;
	font-size: 13px;
	text-transform: uppercase;
	padding-bottom: 3px;
	width: 115px;
}
#main #menu_videos li a {
	color: #dab969;
}
#main #menu_videos li.active a {
	color: #fff;
	font-weight: bold;
}
.bg_videos iframe {
	margin-top: 23px;
}
.video_sous_titre {
	color: #fff;
	font-size: 14px;
	line-height: 24px;
}
.bloc_liens {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	text-align: center;
	font-size: 13px;
	width: 185px;
	height: 170px;
}
.bloc_liens:nth-child(3n+1) { /* or 4n+1 */
	margin: 0;
}
.bloc_liens .img {
	margin-bottom: 10px;
	width: 185px;
}
.bloc_liens .txt {
	text-align: center;
	width: 185px;
	line-height: 15px;
}
.bloc_liens a {
	color: #fff;
	text-decoration: none;
}

#div_contact {
	background: url(../imgs/bg_contact.gif) 0 0 no-repeat;
	width: 705px;
	height: 312px;
	padding: 110px 0 0 40px;
}
.div_form_contact {
	display: table-cell;
	width: 250px;
}
.div_form_contact.div_form_droite {
	display: table-cell;
	width: 350px;
	vertical-align:bottom;
	padding: 0 0 20px 25px;
	height: 262px;
}
.div_form_contact.div_form_droite a {
	color: #fff;
	text-decoration: none;
}
#tbl_form_contact td {
	padding-bottom: 10px;
}
#tbl_form_contact td.textarea {
	padding-bottom: 0px;
}
.contact_email {
	font-size: 18px;
	padding-bottom: 8px;
}
.contact_tel {
	font-size: 18px;
	padding-bottom: 30px;
}
.contact_adresse {
	font-size: 10px;
}

.bg_boutique #main {
	position: relative;
	padding: 40px 0 40px 0;	
	margin: 0 auto;
	overflow: hidden;
	width: 890px;
	color: #fff;
}
.bg_boutique.bg_ateliers #main {
	width: 770px;
}
.boutique_bloc_article {
	border-bottom: solid 1px #c6b465;
	padding: 15px 2px;
	display: table;
	width: 98%;
}
.boutique_bloc_image {
	display: table-cell;
	width: 85px;
	position: relative;
}
.bloc_article_details {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 20px;
}
.bloc_article_details h2 {
	color: #c6b465;
	padding-bottom: 15px;
	font-size: 16px;
}
.bloc_article_infos {
	color: #c6b465;
	font-weight: bold;
	padding: 0 0 5px 0;
	font-size: 13px;
}
.bloc_article_description {
	font-size: 12px;
	line-height: 1.2em;
}
.bloc_article_prix {
	color: #c6b465;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	white-space: nowrap;
	min-width: 90px;
}
.bloc_img_zoom {
	position:absolute;
	bottom:0px;
	right:0px;
	width:100%;
	height:100%;
	background: url(../imgs/ico_zoom.png) bottom right no-repeat;
}
.bloc_img_zoom a {
}
.bloc_img_zoom img {
}
#bloc_info_commande.commande_desktop {
	position: absolute;
	top: 550px;
	top: 10px;
	right: -104px;
	background: #705939;
	color: #fff;
	text-align: center;
	width: 240px;
	padding: 15px;
	display: block;
}
#bloc_info_commande.commande_mobile {
	position: absolute;
	top: 20px;
	right: 10px;
	background: #705939;
	color: #fff;
	text-align: center;
	width: 240px;
	padding: 15px;
	margin-bottom: 20px;
	display: none;
}
#bloc_info_commande h2 {
	font-weight: bold;
	color: #dfd094;
	font-size: 14px;
}


/*========================================================================*/
/*                            6. Formulaires                              */
/*========================================================================*/

[disabled] {
}
.formulaire {
	margin: 1px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #80642a;
	border: solid #fff 1px;
	background: #fff;
	padding: 6px 6px;
}
.formulaire.l100 {
	width: 220px;
}
.bloc_form_col3 {
	position: relative;
	padding-bottom: 10px;
	line-height: 1.8em;
	text-align: justify;
}
#bt_valid {
	/* margin: 20px 33%; */
	width: 73px;
	height: 30px;
}



/*========================================================================*/
/*                         7. Notifications                               */
/*========================================================================*/


.notification {
	position: relative;
	margin: 0 10px 15px 0;
	padding: 0;
	border: 1px solid;
	background-position: 10px 11px !important;
	background-repeat: no-repeat !important;
	font-size: 13px;
	width: 97%;
	}
.attention {
	background: #fffbcc url('../imgs/ico_notif_warning.png') 10px 11px no-repeat;
	border-color: #e6db55;
	color: #666452;
	}
.information {
	background: #dbe3ff url('../imgs/ico_notif_info.png');
	border-color: #a2b4ee;
	color: #585b66;
	}
.success {
	background: #d5ffce url('../imgs/ico_notif_ok.png');
	border-color: #9adf8f;
	color: #319731;
	}

.error {
	background: #ffcece url('../imgs/ico_notif_error.png');
	border-color: #df8f8f;
	color: #665252;
	}
.notification div {
	display:block;
	font-style:normal;
	padding: 10px 10px 10px 36px;
	line-height: 1.5em;
	}
.notification .close {
	color:#990000;
	font-size:9px;
	position:absolute;
	right:5px;
	top:5px;
	}



/*========================================================================*/
/*                               8. Tipsy                                 */
/*========================================================================*/

.tipsy { 
	padding: 10px; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	opacity: 0.80; 
	filter: alpha(opacity=80); 
	background-repeat: no-repeat;  
	background-image: url(../imgs/tipsy.gif);
}
.tipsy-inner { 
	padding: 5px 8px 4px 8px; 
	background-color: #000; 
	color: white; 
	max-width: 200px; 
	text-align: center; 
}
.tipsy-inner { 
	border: solid 1px #000;
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius: 4px;
}
.tipsy-north { 
	background-position: top center; 
}
.tipsy-south { 
	background-position: bottom center;
	padding-bottom: 5px;
}
.tipsy-east { 
	background-position: right center; 
}
.tipsy-west { 
	background-position: left center;
}



/*========================================================================*/
/*                               9. Popup                                 */
/*========================================================================*/

.pop {
	font: 10px Arial, Helvetica, sans-serif;
	color: #555;
	text-transform: uppercase;
}
.pop_body {
	background: #fff;
	margin-top: 20px;
}
.pop_close {
	float: right;
	margin-right: 3px;
	width: 13px;
	cursor: pointer;
	text-align: center;
	border: transparent 1px solid;
}
.pop_close:hover {
	border: #fff 1px solid;
}
.pop_div {
	/*behavior: url(css/border-radius.htc); */
	border: solid #ccc1ba 1px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3); 
	background: #fff;
	margin: 0 auto;
}

#fd_gris {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666666 50% 50% repeat; 
	opacity: .60;
	filter: Alpha(Opacity=60);
	display: none;
	z-index:10;
}
.pop_content {
	border: solid #ddd 1px;
	background-color:#fafafa;
	padding: 5px;
}
.mobile_block {
	display: none;
}
.desktop_block {
	display: block;
}
.mobile_block_mini {
	display: none;
}
.desktop_block_mini {
	display: block;
}



/*========================================================================*/
/*                              10. Wysiwyg                               */
/*========================================================================*/

.content_about p {
	margin: 9px 0;
	line-height: 1.3em;
}
.txt_10 {
	font-size: 10px;
}
.txt_intro {
	font-size: 14px;
}
.txt_18 {
	font-size: 18px;
}
.texte {
	color: #000;
}
.texte_noir {
	color: #000;
}
.texte_jaune {
	color: #dab969;
}
.titre_jaune {
	font-size: 18px;
	color: #dab969;
	font-weight: bold;
}
.intertitre_jaune {
	font-size: 13px;
	color: #dab969;
	text-transform: uppercase;
	font-weight: bold;
}
.col_table {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding: 10px;
}

/* Media Queries for Tab Structure */
@media only screen and ( max-width: 1100px ) /* 1000 */
	{	
		img, object, embed, canvas, video, audio, picture {
			 max-width: 100%;
			 height: auto;
		}
		#main_wrapper {
		  position: relative;
		  width: 100%;
		  margin: 0 auto;
		/*  background: url(../imgs/logo_cecchini.gif) 20px 35px no-repeat; */
		}
		#wrapper.bg_it_tmp {
			background-size: 150%;
		}
		.bg_about #content {
			position: relative;
			padding-left: 10px;
			padding-right: 10px;
		}
		.bg_about #main {
			padding: 150px 0 20px 0;
			width: 100%;
			width: 450px;
			height: 730px;
		}
		#main_logo {
		  position: absolute;
		  top: 25px;
		  left: 20px;
		}
		#main_logo img {
			width: 120px;
			height: auto;
		}
		#bt_cv {
			/*
			position: relative;
			top: 10px;
			left: 00px;
			background: #000;
			padding-top: 10px;
			padding-left: 20px;
			*/
			padding-top: 20px;
			right: 5px;
		}
		#bt_complements_spectacle {
			position: relative;
			top: 20px;
			left: 0px;
			margin: 0 auto;
			width: 610px;
		}
		.bg_boutique #main {
			width: 97%;
		}
		#content h1.img {
			text-align: center;
			padding-right: 30px;
		}
		#atelier_accueil_descriptif {
			text-align: center;
			padding-right: 30px;
		}
		#bloc_info_commande.commande_desktop {
			display: none;
		}
		#bloc_info_commande.commande_mobile {
			display: inline;
		}
		#my-tab-1 .tabs a {
			 padding: .3rem 1.5rem;
		}
	}

@media only screen and ( max-width: 770px ) /* 640 */
	{
		#wrapper.bg_about {
			background: #000 url(../imgs/fond_body_about_mini.jpg) 50% 0 no-repeat;
		}
		.bg_about #main {
			padding: 150px 0 20px 0;
			width: 500px;
			height: auto;
		}
		.bg_about #content {
			position: relative;
			padding-left: 40px;
			padding-right: 40px;
		}
		#bt_cv {
			position: relative;
			top: 10px;
			left: 00px;
			background: #000;
			padding-top: 10px;
			padding-left: 20px;
		}
		.bg_boutique.bg_ateliers #main {
			width: 100%;
		}
		#wrapper.bg_spectacle.bg_menu {
			background: #000 url(../imgs/fond_body_chapeau_projo) 50% 0 no-repeat;
		}
		.bg_boutique #main {
			position: relative;
			padding: 40px 0 40px 0;	
			margin: 0 auto;
			overflow: hidden;
			width: 96%;
			color: #fff;
		}
		.tab_lien {
			width: 100%;
		}
		.tabs li, .tabs li a {
			 display: block;
			 text-align: center;
		}
		.tab_mobile {
			width: 94%;
			margin: 10px auto;
		}
		.mobile_block {
			display: block;
		}
		.desktop_block {
			display: none;
		}
		.mobile_block_mini {
			display: none;
		}
		.desktop_block_mini {
			display: block;
		}
		#wrapper.bg_about {
			padding-bottom: 5px;
		}
		#menu_videos {
			display: none;
		}
	}

@media only screen and ( max-width: 600px ) /* 600 */
{	
	.bg_spectacle #main,
	.bg_liens #main {
		width: 94%;
	}
	.bg_spectacle #main.accueil,
	.bg_ateliers #main.accueil {
		position: relative;
		padding: 60px 0 40px 0;	
		width: 96%;
	}
	.content_ateliers h1 {
		margin-top: 20px;
	}
		ul#accueil_spectacle li {
			list-style: none;
			float: none;
			text-align: center;
		}
		ul#accueil_spectacle li ul {
			list-style: none;
			float: none;
			text-align: center;
			padding: 10px 0 25px;
		}
		ul#accueil_spectacle li ul li {
			list-style: none;
			float: none;
			text-align: center;
			padding: 2px 0 2px;
			font-size: 1.2em;
		}
	.bg_videos #content h1 {
		margin-top: 30px;
	}
	.content_spectacle h1 {
		margin-top: 30px;
	}
	#content h1.img {
		text-align: center;
		margin-bottom: 30px;
	}
	ul#accueil_spectacle.ateliers {
		margin: 40px 0 0;
	}
	.col_table {
		display: block;
		width: 100%;
	}
	iframe {
		width: 96%;
		height: auto;
	}
	.bloc_liens {
		position: relative;
		float: left;
		margin: 0 20px 0 0;
		text-align: center;
		font-size: 13px;
		width: 185px;
		height: 170px;
	}
	.bloc_liens:nth-child(3n+1),
	.bloc_liens:nth-child(2n+1) { /* or 4n+1 */
		margin: 0 20px 0 0;
	}
	.bg_contact #main {
		width: 96%;
	}
	#div_contact {
		background: url(../imgs/bg_contact_mobile.gif) -20px 0 no-repeat;
		width: 300px;
		height: 512px;
		padding: 270px 0 0 40px;
		margin: 0px auto;
	}
	.div_form_contact {
		display: block;
		width: 96%;
	}
	.div_form_contact.div_form_droite {
		display: block;
		width: 280px;
		padding: 0 0 20px 0px;
		height: 262px;
	}
	table#tbl_form_contact {
		width: 280px;
	}
	.formulaire.l100 {
		width: 250px;
	}
		.mobile_block_mini {
			display: block;
	}
	.desktop_block_mini {
		display: none;
	}
}
@media only screen and ( max-width: 460px ) /* 460 */
	{
		#wrapper.bg_about {
			background: #000 url(../imgs/fond_body_about_mobile.jpg) 50% 0 no-repeat;
		}
		.bg_about #main {
			padding: 150px 0 20px 0;
			width: 100%;
			height: auto;
		}
		.bg_about #content {
			position: relative;
			padding-left: 40px;
			padding-right: 40px;
		}
		.bg_spectacle #main.accueil {
			position: relative;
			padding: 60px 0 40px 0;	
			width: 100%;
		}
		
		#bt_complements_spectacle {
			position: relative;
			top: 20px;
			left: 0px;
			margin: 0 auto;
			width: 95%;
		}
		.bg_spectacle #spectacle_header.spectacle_jeune_public {
			background: url(../imgs/bg_head_spect_jeune_pub.jpg) center 35px no-repeat;
			padding: 28px 0 0 0;
			height: 80px;
		}
		.bg_spectacle #spectacle_header.spectacle_close_up {
			background: url(../imgs/bg_head_spect_close_up.jpg) center 35px no-repeat;
			padding: 28px 0 0 0;
			height: 80px;
		}
		.bg_spectacle #spectacle_header.spectacle_tout_public {
			background: url(../imgs/bg_head_spect_tout_public.jpg) center 35px no-repeat;
			padding: 28px 0 0 0;
			height: 80px;
		}
		.bg_spectacle #spectacle_header.spectacle_numero {
			background: url(../imgs/bg_head_spect_numero.jpg) center 35px no-repeat;
			padding: 28px 0 0 0;
			height: 80px;
}
		.bg_boutique.bg_ateliers #main {
			width: 100%;
		}
		#bloc_info_commande.commande_desktop {
			display: none;
		}
		#bloc_info_commande.commande_mobile {
			display: block;
			position: relative;
			top: 0;
			margin: 0 auto 20px;
		}
		.bloc_liens {
			position: relative;
			float: none;
			margin: 10px auto;
			text-align: center;
			font-size: 13px;
			width: 185px;
			height: 170px;
		}
		.bloc_liens:nth-child(3n+1),
		.bloc_liens:nth-child(2n+1) { /* or 4n+1 */
			margin: 10px auto;
		}
		.tab_lien {
			width: 100%;
		}
		.tabs li, .tabs li a {
			 display: block;
			 text-align: center;
		}
		.bg_boutique .tabs li {
			width: 48%;
			border-radius: 0;
			background: #705939;
			margin-bottom: 5px;
			height: 37px;
		}
		.bg_boutique .tabs li.active {
			background: #e1d297;
		}
		.tabs li a,
		.bg_boutique .tabs.tab_ateliers a, .tab_ateliers a {
			width: 90%;
			padding: .2rem .2rem;
		}
		.tab_mobile {
			width: 94%;
			margin: 10px auto;
		}
		.mobile_block_mini {
			display: block;
		}
		.desktop_block_mini {
			display: none;
		}
		.br_mobile {
			display: inline;
		}
	}