@charset "UTF-8";
/*
	CSS Document
	
	Version : 4.1.4 du 21/09/2026
	Web	: www.amexpo-sudouest.fr
	Auteur	: Vincent HUMEAU
	
	© 2018-2026 Trans-Sphère Sarl	Internet & Multimédia	http://www.trans-sphere.com	
*/

/*** Classique ***/
* { margin: 0; padding:0; }
body,html { margin:0; height: 100%; width: 100%; }

img { border: none; font-size: 10px; }

a > img { display: block; }
a { text-decoration: none; }
a.image { font-size: 0em; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; padding: 0; }

div.inline { display: inline-block; }

*:focus { outline: none; }

.null { }
.centre { text-align: center; }
.milieu { vertical-align: middle; }

.upper { text-transform: uppercase; }
.gras { font-weight: bold; }
.italique { font-style: italic; }
.sousligne { text-decoration: underline; }

.pointer { cursor: pointer; }

.cache { display: none; }

/*** Spécifique Msgs ***/
noscript.alerte, span.alerte { font-size:10px; color:rgb(182,18,24);}

/*** Spécifique formulaire ***/
.btn { cursor: pointer; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}

/*** Spécifique Fonts ***/
@font-face { 
	font-family: "bgsb";
	src: url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.eot");
	src: url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.woff2") format("woff2"),
		url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.woff") format("woff"),
		url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.svg") format("svg"),
		url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.ttf") format("truetype"),
		url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.otf") format("opentype"),
		url("https://www.amexpo-sudouest.fr/__lib/fonts/bgsb.eot?#iefix") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.bgsb {font-family:"bgsb", Arial, Helvetica, sans-serif}

/*** Commun ***/
body {margin:0;background:rgb(63,62,62);font-family:Arial, Helvetica, sans-serif;color:rgb(147,157,164);font-size:14px}
main {display:block} /* ie11 n'a pas cette propriété par défaut */

.espace32.blanc {height:32px;background:rgb(255,255,255);clear:both}
.espace32 {height:32px;clear:both}

.f_left {float:left}
.f_right {float:right}

strong.phone {font-size:1.9em;white-space:nowrap;line-height:130%}
div.break {display:block!important;height:0px!important;clear:both}

.blanc {color:rgb(255,255,255)}
.noir {color:rgb(0,0,0)}
.gris_body{color:rgb(63,62,62)}
.fuchsia {color:rgb(196,79,146)}
.orange {color:rgb(207,141,26)}
.bleu {color:rgb(105,174,227)}
.vert {color:rgb(182,201,50)}
.rouge {color:rgb(182,18,24)}

.progress {cursor:progress}
.nojs.progress {cursor:auto}
.btn.charte {display:block;padding:8px 16px;border-radius:40px;color:rgb(255,255,255);font-size:1.57em;text-align:center;white-space:nowrap;border-width:1px;border-style:solid;text-shadow:1px 1px 1px rgb(0,0,0)}
.btn.charte:hover,
.btn.charte.hover{text-shadow:none}
.attract {transform:rotateX(360deg);-webkit-transform:rotateX(360deg);
			transition:transform 1s ease-in;-webkit-transition:transform 1s ease-in;-ms-transition:transform 1s ease-in}
form ::placeholder {color:rgba(147,157,164,0.85);font-family:Arial, Helvetica, sans-serif}
form ::-webkit-input-placeholder {color:rgba(147,157,164,0.85);font-family:Arial, Helvetica, sans-serif}
form :-ms-input-placeholder {color:rgba(147,157,164,0.85);font-family:Arial, Helvetica, sans-serif}
input, textarea {font-family:Arial, Helvetica, sans-serif;color:rgb(63,62,62)}
#wait {padding:12px 16px 11px!important;text-align:center}
#wait::before {content:'';display:block;width:25px;height:25px;margin:0 auto;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/throbber.gif) transparent center center no-repeat scroll}

/*** HEADER ***/
header {display:table;width:100%;border-collapse:collapse;height:auto;min-height:84px}
	header > div[id^=h_] {display:table-cell;vertical-align:top;height:84px;background:rgb(63,62,62)}
		div#h_logo {width:33%;overflow:hidden}
			div#h_logo > div {float:left;height:74px;margin:10px 0 0;background:rgb(63,62,62) url(https://www.amexpo-sudouest.fr/__lib/img/_mono/logos/logo_header.png) repeat scroll center center;background-size:cover}
				div#h_logo_l {width:25%;background-position:center right}
				div#h_logo_c {position:relative;width:104px;height:84px;background-position:-173px center!important;overflow:hidden;cursor:pointer}
				div#h_logo_r {width:calc(100% - 25% - 104px);background-position:center right}
					div#h_logo_r div {display:block;font-size:16px;line-height:21px;color:rgb(255,255,255)}
		div#h_tel {color:rgb(255,255,255);width:max-content}
		body.Bordeaux div#h_tel {display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%}
			div#h_tel div {line-height:1}
			div#ht_tel {font-size:1.8em;margin:22px auto auto 22px}
			div#ht_horaires {margin:0 0 0 22px;font-size:0.8em}
			div#ht_iso img {max-height:84px;width:calc(100% - 46px);margin:0 0 0 46px}
		div#h_panier {width:10%;min-width:max-content;text-align:center;line-height:28px;white-space:nowrap}
			div#h_panier #panier_indice {width:43.75px;height:42px;margin:12px auto 2px;padding-left:6px;line-height:32px;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier.svg) transparent no-repeat scroll center center;background-size:contain}
		div#h_devis {position:relative;width:207px;text-align:center}
			div#h_devis svg {display:block}
			body.fuchsia div#h_devis svg path {fill:#c44f92}
			body.rouge div#h_devis svg path {fill:#d40f1c}
			body.jaune div#h_devis svg path {fill:#f8de7e}
			body.bleu div#h_devis svg path {fill:#69aee3}
			body.orange div#h_devis svg path {fill:#cf8d1a}
			body.vert div#h_devis svg path {fill:#b6c932}
			div#h_devis a {position:absolute;top:0;width:100%;line-height:21px;margin:21px auto;display:block;text-transform:uppercase}
	header a {color:rgb(255,255,255)}

	#outils {position:fixed;top:209px;right:-40px;width:0;z-index:10000}
	body.Bordeaux #outils {top:190px}
	#outils.open {right:4px;transition:right 1s ease-in-out 2s}
	#outils > div {position:absolute;left:-4px;right:auto;z-index:auto;width:max-content;transition:all .5s ease}
		#outils > div:hover,
		#outils > div.hover {z-index:2;transform:translateX(calc(-100% + 4px));-webkit-transform:translateX(calc(-100% + 4px));-ms-transform:translateX(calc(-100% + 4px))}
	#outils > div > div {box-shadow:1px 1px 2px 0px rgb(0,0,0)}
	#outils > div div.icone {position:absolute;top:0;left:-32px;width:32px;height:32px;border-radius:3px;background-color:rgb(147,157,164);background-position:center center;background-attachment:scroll;background-repeat:no-repeat}
	#outils > div div.contenu {max-width:236px;padding:6px 8px;margin:0 44px 0 10px;min-height:20px;line-height:20px;border-radius:3px;background-color:rgb(147,157,164);color:rgb(255,255,255)}
		#outils > div div.contenu strong {color:rgb(63,62,62)}
		#outils > div.action {cursor:pointer}
		#o_menu div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_handshake.svg);background-size:110%}
		#o_menu div.contenu * {white-space:nowrap}
		#o_menu div.contenu nav {padding:10px 0 0 8px}
		#o_menu div.contenu nav ul {list-style-type:none;margin:0 auto 16px}
		#o_menu div.contenu nav ul a {color:rgb(63,62,62)}
		#o_menu div.contenu nav ul li:hover a,
		#o_menu div.contenu nav ul li.actif a {color:rgb(255,255,255)}
		#o_recherche {display:none}
			#o_recherche div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_loupe.svg);background-size:60%}
			#o_recherche div.contenu {padding:0!important;; background-color:transparent!important}
				#o_recherche .auto_recherche {height:28px;width:130px;padding:0 8px;border:2px rgb(147,157,164) solid;border-radius:6px}
		#o_panier { }
			#o_panier div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier.svg);background-size:75%}
			#o_panier_indice {color:rgb(255,255,255);text-align:center;line-height:21px;font-size:10px;padding-left:4px}
		#o_langue.fr div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_fr.svg)}
		#o_langue.en div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_en.svg)}
		#o_email div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_computer.svg);background-size:75%}
		#o_telephone div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_telephone.svg);background-size:75%}
		#o_twitter div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_twitter.svg);background-size:75%;background-color:rgb(225,225,225)!important}
		#o_instagram div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_instagram.svg);background-size:75%;background-color:rgb(225,225,225)!important}
		#o_pinterest div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pinterest.svg);background-size:75%;background-color:rgb(225,225,225)!important}
		#o_linkedin div.icone {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_linkedin.svg);background-size:75%;background-color:rgb(225,225,225)!important}
	header noscript div {position:fixed;top:72px;left:0;z-index:100;padding:4px;color:rgb(248,222,126);background-color:rgb(147,157,164)}

/*** FOOTER ***/
	footer {clear:both;width:75%;height:auto;margin:0 auto}
	footer nav {display:flex}
	footer nav ul {list-style-type:none;float:left; margin:32px auto}
	footer nav ul a {color:rgb(255,255,255)}
	footer nav ul li:hover a,
	footer nav ul li.actif a {color:rgb(147,157,164)}
	footer > ul {list-style-type:none;clear:both;text-align:center;color:rgb(147,157,164)}
	footer > ul li {display:inline-flex;margin:0 5px;font-size:0.8em;line-height:42px;white-space:nowrap}
	footer > ul li a {color:inherit}
	footer > ul li a:hover {color:rgb(255,255,255)}
	footer #partenaires {display:flex;flex-wrap:wrap;align-items:normal;justify-content:center;margin:24px auto 48px}
	footer #partenaires > div {margin:0 auto}
	footer #partenaires img {width:auto;height:72px;background-color:#fff;padding:10px;margin:0 12px 24px}

/*** SECTIONS ***/

/*** SECTION catalogue recherche ***/
	section#s_catalogue_recherche {position:relative;min-height:84px;background-color:rgb(255,255,255)}
	body.accueil section#s_catalogue_recherche {margin-top:-26px}
		section#s_catalogue_recherche > div {}
		#s_catalogue_recherche_l {margin:0 0 0 8.75%}
			#s_catalogue_recherche_l > div {}
			#s_catalogue_recherche_l > div:first-child {line-height:42px;height:42px;text-transform:uppercase}
			#s_catalogue_recherche_l div#onglets {}
				#s_catalogue_recherche_l div#onglets > ul > li {text-transform:uppercase}
			
		body.Nantes #s_catalogue_recherche_r {position:absolute;top:25px;right:8.75%;z-index:2}
		body.Nantes.accueil #s_catalogue_recherche_r {top:38px;right:8.75%;left:auto}
		body.Bordeaux #s_catalogue_recherche_r {position:absolute;top:25px;right:2.4%;z-index:2}/*8.75%*/
		body.Bordeaux.accueil #s_catalogue_recherche_r {top:38px;right:2.4%;left:auto}/*8.75%*/
			.f_auto_recherche {}
				.f_auto_recherche > div {}
				.d_auto_recherche {}
					.d_auto_recherche > * {float:left;border:2px rgb(147,157,164) solid;height:32px;border-radius:6px}
					#loupe {margin-right:0;width:32px;background:rgb(147,157,164) url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_loupe.svg) no-repeat scroll center center;background-size:60%;border-bottom-right-radius:unset;border-top-right-radius:unset}
					#s_catalogue_recherche_r .auto_recherche {padding:0 10px;margin-left:0;width:auto;border-bottom-left-radius:unset;border-top-left-radius:unset}
	
	.ui-autocomplete-loading {background:white url(https://www.amexpo-sudouest.fr/__lib/img/_mono/ui-anim_basic_16x16.gif) right center no-repeat}
	.ui-autocomplete .ui-state-active {color:rgb(196,79,146)!important}
	
	#indexes > ul {background:none}
	#indexes > ul > li {list-style:none;float:left;border:1px solid rgb(255,255,255);border-bottom-color:rgb(63,62,62);background-color:rgba(191,191,191,0.3);text-align:center; margin:0 2px -1px 0!important;padding-bottom:1px!important}
	#indexes > ul > li > a {line-height:42px}
	#indexes > ul > li:hover a {color:rgb(196,79,146)}
	#indexes > ul > li.ui-state-active,
	#indexes > ul > li.ui-tabs-active {border-color:rgb(63,62,62);border-bottom-color:rgb(255,255,255)!important;background-color:rgb(255,255,255)}
	#indexes > ul > li.onglet.activite {margin-left:25px!important}
	body.accueil #indexes > ul > li.onglet.activite > div {display:none}
	#indexes > ul > li.onglet.activite > div {position:absolute;top:-42px;left:-28px;color:rgb(212,15,28);text-transform:uppercase;line-height:42px;height:42px}
	#indexes > ul > li.onglet.activite:hover a {color:rgb(212,15,28)}
	
	/*#indexes > nav.ui-tabs-panel*/
	#indexes > .ui-tabs-panel {padding:16px 0 16px 16px;/*margin:-1px 0 0;*/ border:1px solid rgb(63,62,62);border-radius:5px}
	#indexes > nav#index_couleurs > div {display:inline-block;padding:0;white-space:nowrap;width:124px;margin:0 32px 0 0}
	#indexes > nav:not(#index_couleurs) {width:max-content}
		#indexes > nav:not(#index_couleurs) div {display:inline-block;margin:0;vertical-align:top;margin:0 32px 0 0}
		#indexes > nav:not(#index_couleurs) a {display:block}
	body.Nantes #indexes > nav.rubthem {min-width:628px}
	body.Bordeaux #indexes > nav.rubthem {min-width:695px}

	#indexes > nav a:hover {text-decoration:underline}
	#indexes > nav a.nouveaute {color:rgb(196,79,146)}
	#indexes > nav .initiale {font-weight:bold; color:rgb(196,79,146)}
	
	.pastille {width:22px;height:22px;vertical-align:middle;margin:4px 8px 4px 0;cursor:pointer;border-radius:2px 2px 2px 2px; display:inline-block}
	.pastille.bg {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_multi/pastilles3.jpg)}

	#indexes nav.etat {display:none}
	.nojs #indexes > ul {display:none}
	.nojs #indexes a {color:#454545}
	.nojs.lexique_types #indexes nav#index_types_mobilier.etat {display:block}
	.nojs.lexique_references #indexes nav#index_references.etat {display:block}
	.nojs.lexique_couleurs #indexes nav#index_couleurs.etat {display:block}
	.nojs.lexique_ensembles #indexes nav#index_types_ensemble.etat {display:block}
	.nojs.lexique_rubriques #indexes nav#index_rubriques.etat {display:block}
	.nojs #s_catalogue_recherche_r {display:none}

	.Nantes #index_rubriques > div > a[href*="ecoconcu"]{font-style:italic;font-weight:bold;color:rgb(182,201,50)}
	.Nantes #index_rubriques > div > a[href*="ecoconcu"]::before {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_recycle.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;width:16px;height:16px;display:inline-block;margin:0 4px 0 0;content:""}

	.Nantes #index_rubriques > div > a[href$="nouveautes"]{font-style:italic;font-weight:bold;color:#ffc800}
	.Nantes #index_rubriques > div > a[href$="nouveautes"]::before {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_nouveaute.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;width:16px;height:16px;display:inline-block;margin:0 4px 0 0;content:""}

/*** CAROUSEL commun ***/
	body.carousel main {height:33%;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/throbber.gif) rgba(0,0,0,0.2) center center no-repeat scroll}
	body.carousel main h2 {position:absolute;top:8%;left:8%;font-size:4vh;line-height:1.1;width:max-content;z-index:10;font-family:"bgsb", Arial, Helvetica, sans-serif;;font-weight:normal;text-shadow:1px 1px 4px rgb(0,0,0)}
	body.carousel main h2 span {text-transform:uppercase}
	body.carousel main .texte {position:absolute;top:50%;left:8%;right:33%;width:auto;height:auto;max-height:calc(100% - 96px);padding:16px 16px 0;font-size:1.5em;line-height:1.1;
								overflow:auto;
								text-shadow:1px 1px 8px rgb(0,0,0)}
		body.carousel main .texte p,
		body.carousel main .texte li {margin:0 auto 16px}
		body.carousel main .texte ul {padding-left:16px}
		body.carousel main small {position:absolute;bottom:8px;right:8px;color:rgb(255,255,255);font-size:10px;text-shadow:1px 1px 1px rgb(0,0,0)}
			body.carousel main small a {color:rgb(255,255,255)}
	body.carousel .owl_photo {position:relative;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:scroll}
	body.carousel .owl_photo > a {display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:3}
	body.carousel .owl_photo > a img {display:block;width:100%;height:100%}
	body.carousel .owl_bande {position:absolute;top:0;left:0;width:2%;height:100%;z-index:2}
	body.carousel .owl-dots {position:absolute;bottom:0;left:calc(50% - 12px - 20px)}/* POUR 5 !! Règle :24px x 20px par dot et padding:20px */
		body.carousel .owl-dots .owl-dot span {-webkit-box-shadow:0px 0px 5px 1px rgb(125,125,125);box-shadow:0px 0px 5px 1px rgb(125,125,125)}

/*** PAGE Home ***/
	body.home #outils {top:240px}
	body.home #diptyque {height:148px}
	body.home main > div {max-width:90%;margin:0 auto;color:rgb(255,255,255)}
	body.home h1 {font-size:1.29em;margin:16px 0}
	body.home h2 {font-size:1.18em;margin:8px 0}
	body.home main > div > ul {padding-left:2em;margin:8px 0}
	body.home main > div > ul > li { }
	body.home main > div > ul > li > ul {padding-left:2em;margin:8px 0}
	body.home main > div > ul > li > ul > li > ul {padding-left:2em;margin:8px 0}
	body.home main > a {display:block;font-size:1.57em;color:rgb(196,79,146);text-align:center;margin:32px 0}

/*** PAGE accueil ***/
	body.accueil #outils {top:296px}

	section#s_accueil_bandeau {background-color:rgb(255,255,255)}
	section#s_accueil_bandeau.special {padding:0 0 16px}
		#diptyque {position:relative;/*display:flex;*/ height:132px;padding:0}
			#diptyque > div {position:absolute;top:16px;height:116px}
		#diptyque_l {left:0;display:table}
			#diptyque_l > * {/*display:table-cell;vertical-align:middle;position:relative*/}
			#diptyque_l img {width:auto;height:116px;margin:0/* 16px*/}
			#diptyque_l_texte {width:33vw}
			#diptyque_l p {position:absolute;left:72px;right:0/*width:40%;max-width:730px;min-width:530px*/}
				#dltp1 {top:0}
				#dltp2 {bottom:0}
		#diptyque_l2 {display:flex;left:0;overflow:hidden}
		#diptyque_l2 a {display:block;margin:auto}
			#diptyque_l2 img {width:auto;max-width:687px;height:116px;margin:0}
			#diptyque_animation {position:relative}
		#diptyque_r {right:0;z-index:2}
			#diptyque_r img.base {height:100%;width:666.7px}/*390.82 68*/
			#diptyque_r img.deco {position:absolute;top:10%;left:-76px;height:80%;width:auto}

	@-moz-keyframes diptyqueanimation{0%{top:0}33%{top:0}66%{top:-116px}100%{top:-116px}}
	@-webkit-keyframes diptyqueanimation{0%{top:0}33%{top:0}66%{top:-116px}100%{top:-116px}}
	@keyframes diptyqueanimation{0%{top:0}33%{top:0}66%{top:-116px}100%{top:-116px}}
	#diptyque_animation {
	  animation-delay: 2s;
	  animation-direction: alternate;
	  animation-duration: 8s;
	  animation-fill-mode: none;
	  animation-iteration-count: infinite;
	  animation-name: diptyqueanimation;
	  animation-play-state: running;
	  animation-timing-function: ease-in-out;
	}
	
	body.accueil .owl_photo {color:rgb(255,255,255)}
		body.accueil .owl_photo.amexpo > div {display:inline-block}
		body.accueil .owl_photo.amexpo > div.contenu {position:absolute;bottom:0;left:10%;width:90%;height:33%}
			body.accueil .owl_photo.amexpo > div.contenu > * {display:inline-block;vertical-align:top}
			body.accueil .owl_photo.amexpo > div.contenu > img {width:15%}
			body.accueil .owl_photo.amexpo > div.contenu > .owl_bande {position:relative;top:unset;left:unset;width:2%;margin:0 1% 0 2%;background-color:rgba(255,255,255,0.5)}
			body.accueil .owl_photo.amexpo > div.contenu > h2 {position:relative;top:unset;left:unset;padding:0;line-height:unset}
		body.accueil .owl_photo.a .owl_bande {background-color:rgba(196,79,146,0.5)}
		body.accueil .owl_photo.b .owl_bande {background-color:rgba(105,174,227,0.5)}
		body.accueil .owl_photo.c .owl_bande {background-color:rgba(207,141,26,0.5)}
		body.accueil .owl_photo.d .owl_bande {background-color:rgba(182,201,50,0.5)}
	body.accueil .owl-dots {left:calc(50% - 80px)}
		body.accueil .owl-dots button:nth-child(0n+1) span {background:rgb(255,255,255)!important}
		body.accueil .owl-dots button:nth-child(0n+2) span {background:rgb(196,79,146)!important}
		body.accueil .owl-dots button:nth-child(0n+3) span {background:rgb(105,174,227)!important}
		body.accueil .owl-dots button:nth-child(0n+4) span {background:rgb(207,141,26)!important}
		body.accueil .owl-dots button:nth-child(0n+5) span {background:rgb(182,201,50)!important}
	
	body.accueil:not(.carousel) main {height:33%;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/throbber.gif) transparent center center no-repeat scroll}
	body.accueil #patchwork {position:relative;width:100%;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/photos/amexpo-ouest.v4.jpg) top center no-repeat scroll transparent;background-size:contain}
	body.accueil #video_container {border-style:solid;border-color:#fff/*;border-top:none;border-bottom:none*/}
	body.accueil #video {margin:0 auto}

/*** CATALOGUE planche ***/
	body.catalogue_planche main,
	.onglet_planche {position:relative;width:auto;padding:32px 8.75%!important;margin:0 auto;text-align:center;background-color:rgb(255,255,255)!important}
	.onglet_planche {margin:0 44px 0 0!important}
		body.catalogue_planche main h1 {width:fit-content;padding:4px 32px;margin:0 0 16px;font-size:1.2em;font-weight:normal;color:rgb(255,255,255);background-color:rgb(147,157,164)}
		body.catalogue_planche main #msg_ensembles {width:75%;margin:24px auto;font-size:0.85em}
		body.catalogue_planche main > .selectors {text-align:center;margin:0 0 16px;color:rgb(147,157,164)}
			body.catalogue_planche main > .selectors * {display:inline-block;min-height:16px;margin:8px 32px 8px 0;padding:4px 8px 4px 32px;background-repeat:no-repeat;background-position:8px 5px;background-size:16px 16px;border-radius:5px;cursor:pointer}
				body.catalogue_planche main > .selectors .off {border:1px solid rgb(191,191,191)}
				body.catalogue_planche main > .selectors .off:hover {border:1px solid rgb(147,157,164)}
				body.catalogue_planche main > .selectors .off:hover,
				body.catalogue_planche main > .selectors .on {color:rgb(63,62,62);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.66);box-shadow:0px 0px 5px rgba(0,0,0,0.66)}
				body.catalogue_planche main > .selectors .on {border:1px solid rgb(63,62,62);-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.66);box-shadow:0px 0px 5px rgba(0,0,0,0.66)}
			body.catalogue_planche main > .selectors .nouveaute {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_nouveaute.svg)}
				body.catalogue_planche main > .selectors .nouveaute.on {background-color:rgb(196,79,146);color:rgb(255,255,255);border:1px solid rgb(196,79,146)}
			body.catalogue_planche main > .selectors .grandnombre {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_grandnombre.svg)}
				body.catalogue_planche main > .selectors .grandnombre.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .regional {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_regional.svg)}
				body.catalogue_planche main > .selectors .regional.on {background-color:rgb(182,201,50);color:rgb(255,255,255);border:1px solid rgb(182,201,50)}
			body.catalogue_planche main > .selectors .ecoconcu {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_recycle.svg)}
				body.catalogue_planche main > .selectors .ecoconcu.on {background-color:rgb(182,201,50);color:rgb(255,255,255);border:1px solid rgb(182,201,50)}
			body.catalogue_planche main > .selectors .serrure {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_serrure.svg)}
				body.catalogue_planche main > .selectors .serrure.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .pmr {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pmr.svg)}
				body.catalogue_planche main > .selectors .pmr.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .fichier3d {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_fichier3d.svg)}
				body.catalogue_planche main > .selectors .fichier3d.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .madeinfrance {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_madeinfrance.svg)}
				body.catalogue_planche main > .selectors .madeinfrance.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .secondchoix {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_secondchoix.svg)}
				body.catalogue_planche main > .selectors .secondchoix.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .empilable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_empilable.svg)}
				body.catalogue_planche main > .selectors .empilable.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .pliable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pliable.svg)}
				body.catalogue_planche main > .selectors .pliable.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .ajustableenhauteur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_ajustableenhauteur.svg)}
				body.catalogue_planche main > .selectors .ajustableenhauteur.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}
			body.catalogue_planche main > .selectors .utilisableenexterieur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_utilisableenexterieur.svg)}
				body.catalogue_planche main > .selectors .utilisableenexterieur.on {background-color:rgb(63,62,62);color:rgb(255,255,255)}

		body.catalogue_planche main > div img,
		.onglet_planche > div img {max-height:132px;margin-left:auto;margin-right:auto}
		body.catalogue_planche main > div[data-id],
		.onglet_planche > div[data-id] {position:relative;overflow:hidden;border:1px solid rgb(255,255,255);display:inline-block;height:132px;min-width:78px}
		.onglet_planche > div[data-id] {margin:0 24px 12px}
		body.catalogue_planche main > div[data-id]:hover,
		body.catalogue_planche main > div[data-id].hover,
		.onglet_planche > div[data-id]:hover,
		.onglet_planche > div[data-id].hover {border-color:rgb(147,157,164)}
			body.catalogue_planche main > div .link,
			.onglet_planche > div .link {cursor:pointer}
			body.catalogue_planche main > div .panier,
			.onglet_planche > div .panier {position:absolute;top:-1px;left:-54px;width:32px;height:32px;z-index:2; transition:left 400ms ease-out;
														background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier_ajout.svg) rgb(255,255,255) center center no-repeat;background-size:72%;cursor:pointer;
														border-bottom-right-radius:5px;border:1px solid rgb(147,157,164);border-left:none;border-top:none;
														-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.66);box-shadow:0px 0px 5px rgba(0,0,0,0.66)}
			body.catalogue_planche main > div .panier.plus,
			.onglet_planche > div .panier.plus {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier_plus.svg)}
			body.catalogue_planche main > div:hover .panier,
			body.catalogue_planche main > div.hover .panier,
			.onglet_planche > div:hover .panier,
			.onglet_planche > div.hover .panier {left:0;transition:left 400ms ease-in}
			body.catalogue_planche main > div .legendes,
			.onglet_planche > div .legendes {position:absolute;top:0;right:-20px;z-index:2;width:20px;height:auto;cursor:help}
				body.catalogue_planche main > div .legendes div,
				.onglet_planche > div .legendes div {width:16px;height:16px;margin:2px;background-size:contain;background-repeat:no-repeat;background-position:center center}
				body.catalogue_planche main > div .legendes .nouveaute,
				.onglet_planche > div .legendes .nouveaute {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_nouveaute.svg)}
				body.catalogue_planche main > div .legendes .grandnombre,
				.onglet_planche > div .legendes .grandnombre {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_grandnombre.svg)}
				body.catalogue_planche main > div .legendes .ecoconcu,
				.onglet_planche > div .legendes .ecoconcu {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_recycle.svg)}
				body.catalogue_planche main > div .legendes .regional,
				.onglet_planche > div .legendes .regional {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_regional.svg)}
				body.catalogue_planche main > div .legendes .serrure,
				.onglet_planche > div .legendes .serrure {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_serrure.svg)}
				body.catalogue_planche main > div .legendes .pmr,
				.onglet_planche > div .legendes .pmr {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pmr.svg)}
				body.catalogue_planche main > div .legendes .fichier3d,
				.onglet_planche > div .legendes .fichier3d {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_fichier3d.svg)}
				body.catalogue_planche main > div .legendes .madeinfrance,
				.onglet_planche > div .legendes .madeinfrance {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_madeinfrance.svg)}
				body.catalogue_planche main > div .legendes .secondchoix,
				.onglet_planche > div .legendes .secondchoix {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_secondchoix.svg)}
				body.catalogue_planche main > div .legendes .empilable,
				.onglet_planche > div .legendes .empilable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_empilable.svg)}
				body.catalogue_planche main > div .legendes .pliable,
				.onglet_planche > div .legendes .pliable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pliable.svg)}
				body.catalogue_planche main > div .legendes .ajustableenhauteur,
				.onglet_planche > div .legendes .ajustableenhauteur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_ajustableenhauteur.svg)}
				body.catalogue_planche main > div .legendes .utilisableenexterieur,
				.onglet_planche > div .legendes .utilisableenexterieur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_utilisableenexterieur.svg)}
			body.catalogue_planche main > div:hover .legendes,
			body.catalogue_planche main > div.hover .legendes,
			.onglet_planche > div:hover .legendes,
			.onglet_planche > div.hover .legendes {right:0;transition:right 400ms ease-in}

	body.catalogue_planche main > section {padding:8px;color:rgb(63,62,62);text-align:left}
	body.catalogue_planche main > section ul {margin:8px 0}

	/* spécifique tooltip */
		/* règles dans jquery-ui.css ::forcément prise en compte
			.ui-tooltip {padding:8px;position:absolute;z-index:9999;max-width:300px}
		*/
		.ui-tooltip-custom {padding:16px 32px!important;text-align:center;border-radius:50%;-webkit-box-shadow:0px 0px 5px #666666;box-shadow:0px 0px 5px #666666}
		.arrow {position:absolute;left:50%;width:70px;height:16px;overflow:hidden;margin-left:-35px;/*background-color:red;*/ z-index:2}
			.arrow.bottom {top:auto;bottom:-15px}			
			.arrow.top {top:-15px;bottom:auto}
			
			/*.arrow.left {left:20%}*/
			/* pour ajouter l'ombre :*/
			.arrow:after {content:"";position:absolute;width:25px;height:25px;background-color:rgb(255,255,255);z-index:2;
							-webkit-box-shadow:0px 0px 5px #666666;box-shadow:0px 0px 5px #666666;
							-webkit-transform:rotate(45deg);
							-ms-transform:rotate(45deg);
							transform:rotate(45deg)}
				.arrow.bottom:after {top:-20px;left:20px}
				.arrow.top:after {top:10px;left:20px}

		.ui-tooltip div {display:block}
		.ui-tooltip .nouveaute {font-size:0.9em;color:rgb(196,79,146)}
		.ui-tooltip .pmr {width:24px;height:24px;background: url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pmr.svg) center center no-repeat;background-size: contain;margin:auto}
		.ui-tooltip .type {font-size:0.71em;color:rgb(147,157,164)}
		.ui-tooltip .reference {font-size:1em;font-weight:bold;color:rgb(147,157,164)}
		.ui-tooltip .couleur {font-size:0.71em;color:rgb(147,157,164)}
		.ui-tooltip .prix {font-size:1.29em;color:rgb(0,0,0);margin-top:8px;line-height:1}
			.ui-tooltip .prix span {font-size:0.77em;line-height:1}


/*** CATALOGUE popup et page ***/
	.popup {cursor:grab;cursor:-webkit-grab;background-color:rgb(255,255,255);box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75);overflow:hidden}
	.popup.mob {width:300px;height:400px}
	.popup.ens {width:360px;height:400px}
	
	body.catalogue_article main {position:relative;height:auto!important;cursor:auto}
	body.catalogue_article main > section {padding:8px;color:rgb(63,62,62)}
	body.catalogue_article main > section ul {margin:8px 0}

	.popup .close {position:absolute;top:4px;right:4px;width:16px;height:16px;z-index:10;cursor:pointer;background:url('https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_fermeture.svg') no-repeat scroll center center transparent;background-size:cover}
	.popup .label {color:rgb(147,157,164);width:calc(66% - 16px);padding:13px 0 0 8px;font-size:2em;line-height:100%;font-weight:bold;vertical-align:top}
	.popup.ens .label {font-size:1.5em}
		.popup .label .lift {display:block;height:36px}
		.popup .label span {display:block;font-size:0.5em;font-weight:normal;line-height:100%;text-transform:uppercase}
		.popup .label h1 {font-size:inherit;font-weight:inherit}
		.popup.ens .label span {font-size:0.67em}
	.popup .optiongraphique {padding:0 0 0 8px;position:absolute;z-index:2}
	.popup .prix {position:absolute;top:8px;background-color:rgb(255,255,255)}
	.popup.mob .prix {left:186px}
	.popup.ens .prix {left:238px}
		.popup .prix .titre {width:max-content;padding:4px;border-radius:5px;background-color:rgb(0,0,0);color:rgb(255,255,255);font-size:11px;text-transform:uppercase;line-height:1}
		.popup .prix .data {font-size:1.78em;color:rgb(0,0,0)}
	.popup .photo {position:relative;margin:8px 0;text-align:center}
		.popup .photo img {margin:0 auto;/*height:100%;*/ }
		.popup.mob .photo img {max-width:300px;max-height:200px}
		.popup.ens .photo img {max-width:360px;max-height:288px}
		.popup .photo .panier {position:absolute;top:16px;right:-54px;width:48px;height:48px;z-index:2;transition:right 400ms ease-out;
								background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier_ajout.svg) rgb(255,255,255) center center no-repeat;background-size:72%;cursor:pointer;
								border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid rgb(147,157,164);border-right:none;
								-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.66);box-shadow:0px 0px 5px rgba(0,0,0,0.66)}
		.popup .panier.plus {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_panier_plus.svg)}
		.popup:hover .panier,
		body.tactile .popup .panier {right:0;transition:right 400ms ease-in}

	.popup .couleurs {text-align:center;cursor:auto}
		.popup .couleurs .titre {margin:0 0 8px 0}
		.popup .couleurs > form > div {position:relative;display:inline-block;margin:0 4px}
			.popup .couleurs > form > div > * {display:block;margin:0 auto}
			.popup .couleurs .nouveaute {position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_nouveaute.svg) transparent center center no-repeat;background-size:contain;cursor:help}
			.popup .couleurs .pastille {margin-bottom:4px}
	.popup .dimensions {position:relative;padding:8px;margin:8px 0;color:rgb(255,255,255);background-color:rgb(147,157,164)}
		.popup .dimensions > div {display:inline}
		.popup .dimensions .titre {text-decoration:underline;font-size:1em}
		.popup .dimensions .data {margin:0 0 0 8px;font-size:0.85em}
	.popup .pictos {position:relative;margin:8px 12px 8px 0;text-align:right}
		.popup .pictos > div {display:inline-block;width:24px;height:24px;margin:0 2px;background-size:contain;background-repeat:no-repeat;background-position:center center;cursor:help}
		.popup .pictos .nouveaute {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_nouveaute.svg)}
		.popup .pictos .grandnombre {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_grandnombre.svg)}
		.popup .pictos .ecoconcu {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_recycle.svg)}
		.popup .pictos .regional {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_regional.svg)}
		.popup .pictos .serrure {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_serrure.svg)}
		.popup .pictos .pmr {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pmr.svg)}
		.popup .pictos .fichier3d {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_fichier3d.svg)}
		.popup .pictos .madeinfrance {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_madeinfrance.svg)}
		.popup .pictos .secondchoix {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_secondchoix.svg)}
		.popup .pictos .empilable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_empilable.svg)}
		.popup .pictos .pliable {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_pliable.svg)}
		.popup .pictos .ajustableenhauteur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_ajustableenhauteur.svg)}
		.popup .pictos .utilisableenexterieur {background-image:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_utilisableenexterieur.svg)}
	.popup .descriptif {position:relative;padding:8px;margin:8px 0 0;color:rgb(0,0,0);background-color:rgba(147,157,164,0.29)}
		.popup .descriptif .titre {text-decoration:underline;font-size:1em}
		.popup .descriptif .type {font-size:1.21em}
		.popup .descriptif .data {font-size:0.85em}
	.popup .options {position:relative;padding:8px;margin:8px 0 0;color:rgb(255,255,255);background-color:rgb(147,157,164)}
		.popup .options .titre {text-decoration:underline;font-size:1em}
		.popup .options .data {font-size:0.85em}

		.popup .descriptif .data ul ,
		.popup .options .data ul {list-style-type:circle;margin:0 0 0 20px}
		.popup .descriptif .data li ,
		.popup .options .data li {padding:0}

	.popup .composition {position:relative;padding:8px 0 0 8px;margin:8px 0 0;color:rgb(0,0,0);background-color:rgba(147,157,164,0.29)}
		.popup .composition .titre {text-decoration:underline;font-size:1em;line-height:16px}
		.popup .composition .data {display:table;border-collapse:separate;border-spacing:8px 0;width:100%;cursor:pointer}
			.popup .composition .data > div {display:table-cell;vertical-align:top}
			.popup .composition .data .composition_txt {padding:12px 0 0 0}
			.popup .composition .data .composant {position:relative;display:table-cell;min-width:50px;cursor:pointer;background-color:rgb(255,255,255);text-align:center;vertical-align:middle}
				.popup .composition .data .composant div {position:absolute;top:-24px;left:0;right:0;height:24px;color:rgb(255,255,255);background-color:rgb(147,157,164);line-height:24px;font-size:0.65em;white-space:nowrap}
				.popup .composition .data .composant img {height:72px;width:auto}
				.popup .composition .data .composant.small img {height:auto!important;width:48px!important}

/*** CATALOGUE listing 3D ***/
	body.catalogue_listing3d main {position:relative;width:auto;padding:32px 0;margin:0 auto;background:url('https://www.amexpo-sudouest.fr/__lib/img/_mono/fonds/info.jpg') no-repeat scroll center center transparent;background-size:cover}
		body.catalogue_listing3d main h1 {border-left:8px solid rgb(255,255,255);font-size:1.29em;font-family:"bgsb", Arial, Helvetica, sans-serif;;letter-spacing:1px;padding:8px 0 8px 8px;width:50vw;max-width:1024px;color:rgb(255,255,255);margin: 0 auto 32px}
		body.catalogue_listing3d #listing {width:70vw;max-width:1024px;background-color:rgb(255,255,255);margin:0 auto;border-radius:12px}
		body.catalogue_listing3d #listing_header {display:table;width:100%}
		body.catalogue_listing3d #listing_header div {display:table-row}
		body.catalogue_listing3d #listing_header div div {display:table-cell;width:33%;text-transform:uppercase;font-size:1.2em;font-weight:bold;text-decoration:underline;padding:12px 48px}
		body.catalogue_listing3d #listing_header div div:nth-child(2) {text-align:center}
		body.catalogue_listing3d #listing_header div div:nth-child(3) {text-align:center}
		body.catalogue_listing3d #listing_body {height:50vh;overflow-y:scroll}
		body.catalogue_listing3d #listing_body > div {display:table;width:100%}
		body.catalogue_listing3d #listing_body > div > div {display:table-row;cursor:pointer}
		body.catalogue_listing3d #listing_body div.normal {}
		body.catalogue_listing3d #listing_body div.altern {color:rgb(147,157,164)}
		body.catalogue_listing3d #listing_body div div div {display:table-cell;width:33%;vertical-align:middle;padding:12px 48px}
		body.catalogue_listing3d #listing_body div div div:nth-child(1) {text-align:left;font-size:1.5em;font-weight:bold}
		body.catalogue_listing3d #listing_body div div div:nth-child(2) {text-align:center}
		body.catalogue_listing3d #listing_body div div div:nth-child(3) {text-align:center}
		body.catalogue_listing3d #listing_body div div div:nth-child(3) > * {display:block}
		body.catalogue_listing3d #listing_body div div div:nth-child(3) a img {width:48px;margin:auto}


/*** PAGES sélection ***/
	body.panier main {position:relative;width:auto;max-width:calc(100% - 98px);padding:32px 0;margin:32px auto 0;background-color:rgb(255,255,255);border-radius:5px}
	body.panier .btn.charte {border-color:rgb(182,201,50);background-color:rgb(182,201,50)}
	body.panier .btn.charte:hover,
	body.panier .btn.charte.hover {color:rgb(182,201,50);background-color:rgb(255,255,255)}
	body.panier.nojs div.btn {display:none}

	#selection_head {display:table;border-collapse:separate;width:90%;margin:0 auto 32px}
	#selection_head > div {display:table-cell;vertical-align:middle;text-align:center;padding:16px}
	#selection_head > div.cell {width:15%;padding:16px 0}
	
	#selection_head_titre {font-size:1.5em;font-weight:bold;color:rgb(147,157,164)}
	#selection_main .vide {text-align:center}
	#selection_table {display:table;border-collapse:collapse;width:90%;margin:0 auto}
	#selection_table .row {display:table-row}
	#selection_table .row > div {display:table-cell;vertical-align:middle;text-align:center;border:1px solid rgb(147,157,164);color:rgb(147,157,164)}
	#selection_table .row.head {background-color:rgb(147,157,164)}
	#selection_table .row.head > div {padding:10px;font-size:1.14em;color:rgb(255,255,255);border-left:1px solid rgb(255,255,255);border-right:1px solid rgb(255,255,255)}
	#selection_table .row.head > div:first-child {border-left:1px solid rgb(147,157,164)}
	#selection_table .row.head > div:last-child {border-right:1px solid rgb(147,157,164)}
	#selection_table .mini {width:1%;white-space:nowrap}
	#selection_table div span {display:block;line-height:1}
	#selection_table div span.type {margin-bottom:24px}
	#selection_table div span.label {font-size:1.3em;font-weight:bold;color:rgb(63,62,62)}
	#selection_table div span.couleur {font-style:italic}
	#selection_table img {margin:16px;max-width:96px}
	#selection_table .quantite {position:relative}
		#selection_table .quantite > div.btn {position:absolute;width:32px;border:1px solid rgb(147,157,164);height:16px;line-height:16px;border-radius:4px;cursor:pointer;display:none}
		#selection_table .quantite:hover > div.btn,
		#selection_table .quantite.hover > div.btn {display:block}
		#selection_table .quantite .h {top:20%}
		#selection_table .quantite .b {bottom:20%}
		#selection_table .quantite .g {left:20%}
		#selection_table .quantite .d {right:20%}
	#selection_table .supprimer {background:url(https://www.amexpo-sudouest.fr/__lib/img/_mono/pictos/picto_corbeille.svg) rgb(255,255,255) center center no-repeat;background-size:20%;cursor:pointer}
	#selection_table .quantite .q {text-align:center;font-size:1.2em;font-weight:bold;color:rgb(63,62,62)}
	#selection_destroy {margin:32px 5% 0 auto;text-align:right;width:fit-content;cursor:pointer;color:rgb(147,157,164)}
	#selection_destroy:hover {color:rgb(182,18,24)}

	#selection_partage {position:relative;margin:16px auto;height:1px;width:90%}
		#partager_top {position:absolute;top:0;left:0;right:0;z-index:11;border-top:1px solid rgb(63,62,62);height:1px;display:none}
		#partager_form {position:absolute;top:0;left:16px;right:16px;z-index:10;padding:32px;overflow:hidden;
							background-color:rgb(255,255,255);box-shadow:0 6px 10px 4px rgba(0,0,0,0.35);
							border:1px solid rgb(63,62,62);border-top:none;border-bottom-right-radius:16px;border-bottom-left-radius:16px}
		
		#partager_form::before {content:'';position:absolute;top:0;left:0;right:0;height:0;z-index:1;box-shadow:0 0 10px 4px rgba(0,0,0,0.35)}
		#partager_form form > div {display:table;width:100%;border-collapse:collapse}
		#partager_form form > div > div {display:table-cell;width:50%;padding:0 16px 16px}
		#partager_form form div {vertical-align:top}
		#partager_form form input[type=text],
		#partager_form form textarea {padding:8px;font-size:0.85em;border:1px solid rgb(147,157,164);display:block;width:calc(100% - 18px);margin:16px auto}
		#partager_form form input[type=text].erreur,
		#partager_form form textarea.erreur {background-color:rgba(182,18,24,0.05);border-color:rgb(182,18,24)}
		#partager_form form input[type=text].attention,
		#partager_form form textarea.attention {background-color:rgba(207,141,26,0.05);border-color:rgb(207,141,26)}
		#partager_form form p {text-align:center;color:rgb(63,62,62)}
		#partager_form form p > span {text-decoration:underline;font-weight:bold}

		#paramail {display:table;width:100%;margin:16px 0 0 0;border-collapse:collapse;color:rgb(147,157,164)}
		#paramail > div {display:table-row}
		#paramail > div > div {display:table-cell;padding:8px 0 8px}
		#paramail > div > div:nth-child(0n+1) {width:1%;white-space:nowrap}
		#paramail > div > div:nth-child(0n+2) {width:24px;text-align:center}
		#paramail input {margin:0 8px 0 0}
		#paramail textarea {margin:0!important}

		#partager_form #envoyer {padding:16px!important;text-align:center}
		#partager_form #envoyer .btn {width:50%;margin:0 auto}
	
		#messagerie {vertical-align:middle!important}
		#messagerie > div.succes {color:rgb(182,201,50)}
		#messagerie > div.echec {color:rgb(182,18,24)}
		#messagerie > div.attention {color:rgb(207,141,26)}
		#messagerie > div > div {text-decoration:underline;font-weight:bold;margin:0 auto 16px;text-align:center}
		#messagerie > div > p {text-align:justify;margin:0 auto 16px;color:inherit!important}
		#messagerie > div > li { }
	
	#selection_selection {width:90%;margin:0 auto 32px;color:rgb(63,62,62)}
	#selection_selection > p {margin:16px 0 0}
	#selection_selection > blockquote {margin:16px 0;padding:0 32px;font-style:italic}
	#selection_load {margin:32px auto;text-align:center}
	#selection_load > div {margin:0 auto;width:50%}

	body.panier.impression {background-color:rgb(255,255,255)}
		body.panier.impression main {max-width:unset;padding:0;margin:0;border-radius:0;color:rgb(63,62,62)}
			body.panier.impression main > p {margin:16px 0}
			body.panier.impression main > ul > li {margin:16px 0 16px 32px}
			body.panier.impression main #contact {display:table;width:100%}
				body.panier.impression main #contact div {display:table-cell}
			body.panier.impression #selection_table {width:100%}
			body.panier.impression #selection_table .row.head > div {background-color:rgb(255,255,255);color:rgb(63,62,62);border-color:rgb(147,157,164)!important}
			body.panier.impression #selection_table .mini {width:auto;white-space:normal}
			body.panier.impression #selection_table img {margin:8px;max-width:none}

/*** PAGES texte ***/
	body.texte main {position:relative;width:100%;overflow:hidden}
		body.texte main .texte {color:rgb(255,255,255)}
		body.texte_a .owl_bande {background-color:rgba(196,79,146,0.5)}
		body.texte_a .owl-dot span {background-color:rgb(196,79,146)!important}
		body.texte_a .owl-dots {left:calc(50% - 32px)}
		body.texte_b .owl_bande {background-color:rgba(105,174,227,0.5)}
		body.texte_b .owl-dot span {background-color:rgb(105,174,227)!important}
		body.texte_b .owl-dots {left:calc(50% - 32px)}
		body.texte_c .owl_bande {background-color:rgba(207,141,26,0.5)}
		body.texte_c .owl-dot span {background-color:rgb(207,141,26)!important}
		body.texte_c .owl-dots {left:calc(50% - 80px)}
		body.texte_d .owl_bande {background-color:rgba(182,201,50,0.5)}
		body.texte_d .owl-dot span {background-color:rgb(182,201,50)!important}
		body.texte_d .owl-dots {left:calc(50% - 32px)}
		body.texte h2 {color:rgb(255,255,255)}

/*** Commun PAGES info ***/
	body.info main {display:table;width:100%;min-height:50%;padding:32px 0;color:rgb(255,255,255);background:url('https://www.amexpo-sudouest.fr/__lib/img/_mono/fonds/info.jpg') no-repeat scroll center center transparent;background-size:cover;text-shadow:1px 1px 1px rgb(0,0,0)}
	body.info .pano {display:table-cell;width:50%!important;vertical-align:middle}
	body.info #pano_l > *,
	body.info #pano_r > * {max-width:512px}
	body.info #pano_l {padding:0 5% 0 0}
	body.info #pano_l > * {margin:0 0 0 auto}
	body.info #pano_r {padding:0 0 0 5%}
	body.info #pano_r > * {margin:0 auto 0 0}
	body.info #pano_c {padding:0 5%}
	body.info #pano_c > div {margin:0 auto}
	body.info #pano_c a > img {width:100%;max-width:600px}

	body.info main a {color:rgb(191,191,191)}
	body.info main a:hover {color:rgb(255,255,255)}
	body.info h1,
	body.info h2 {border-left:8px solid rgb(255,255,255);font-size:1.29em;font-family:"bgsb", Arial, Helvetica, sans-serif;;letter-spacing:1px;padding:8px 0 8px 8px}
	body.info #pano_l h1,
	body.info #pano_l h2 {margin:0 0 60px auto}
	body.info #pano_r h1,
	body.info #pano_r h2 {margin:0 auto 60px 0}
	body.info #pano_c h1 {margin:0 auto 60px 0}
	body.info h1 span,
	body.info h2 span{text-transform:uppercase;font-size:1.22em}
	body.info #dub_h1 {display:flex}
	body.info #dub_h1 img {width:auto;height:94px}

	body.info .pano .pl_txt span:not([id^=sm_]) {font-weight:bold}
	body.info .btn.charte {border-color:rgb(105,174,227);background-color:rgb(105,174,227)}
	body.info .btn.charte:hover,
	body.info .btn.charte.hover{color:rgb(105,174,227);background-color:rgb(255,255,255)}

/*** PAGE info devis ***/
	body.devis #pano_l .pl_txt.special {position:relative;background-color:rgb(105,174,227);border-top-left-radius:30px;border-bottom-left-radius:30px;cursor:pointer}
		body.devis #pano_l .pl_txt.special #plts_fleche {position:absolute;top:0;left:100%;height:0;width:0;content:" ";border:solid transparent;border-left-color:rgb(105,174,227);border-width:29px;/* (22 + 14 +14) / 2 */ }
		body.devis #pano_l .pl_txt.special a {color:rgb(255,255,255)}
	body.devis #pano_l .pl_txt {width:auto;padding:14px 0;margin:7px 0}
		body.devis #pano_l .pl_txt > * {display:inline-block}
		body.devis #pano_l .pl_txt div.num {background-color:rgb(255,255,255);border-radius:20px;color:rgb(0,0,0);padding:5px 10px;margin:0 16px 0 8px;font-size:1.14em;float:left}
		body.devis #pano_l .pl_txt p {margin:0;width:calc(100% - 44px - 16px);font-size:1.14em;min-height:30px;line-height:30px}
	body.devis #pano_l .pl_txt_fin {margin:0 0 0 8px}
		body.devis #pano_l .pl_txt_fin p {margin:0 0 8px 0}
	body.devis #pano_r img {width:100%;max-width:352px;box-shadow:-8px 8px 16px 0px rgba(0,0,0,0.75)}
	
/*** PAGE info CGL ***/
	body.cgl #pano_l {vertical-align:middle}
		body.cgl #pano_l .pl_txt {width:auto;min-height:100px;padding:0;margin:10px 0;/*border:1px solid rgb(255,255,255);*/ display:flex}
			body.cgl #pano_l .pl_txt img {margin:18px;min-width:calc(25% - 18px);max-height:64px}
			body.cgl #pano_l .pl_txt img.left {margin-right:0}
			body.cgl #pano_l .pl_txt img.right {margin-left:0}
			body.cgl #pano_l .pl_txt p {margin:18px;width:auto;min-width:calc(75% - 36px);text-align:justify;/*font-size:16px;*/}
	body.cgl #pano_r { }
		body.cgl #pano_r #pr_img img {width:100%;max-width:318px;box-shadow:-8px 8px 16px 0px rgba(0,0,0,0.75)}
		body.cgl #pano_r > a {max-width:calc(318px - 32px);margin:20px 0 0}

/*** PAGE info reglement ***/
	body.reglement #pano_l {vertical-align:middle}
		body.reglement #pano_l .pl_txt_special {min-height:70px;font-size:1.28em;text-align:center;color:rgb(105,174,227);margin:0 0 20px 0}
		body.reglement #pano_l .pl_txt {width:auto;min-height:100px;padding:0;margin:10px 0;/*border:1px solid rgb(255,255,255);*/ display:flex}
			body.reglement #pano_l .pl_txt img {margin:18px 0 18px 18px;min-width:calc(25% - 18px);max-height:64px}
			body.reglement #pano_l .pl_txt div {margin:18px;width:auto;min-width:calc(75% - 36px);font-size:1.14em}
			body.reglement #pano_l .pl_txt blockquote {margin:8px 0 0 16px}
	body.reglement #pano_r { }
		body.reglement #pano_r div:first-child {min-height:70px}
		body.reglement #pano_r .pr_txt {width:auto;min-height:100px;padding:0;margin:10px 0;/*border:1px solid rgb(255,255,255);*/ display:flex}
			body.reglement #pano_r .pr_txt img {margin:18px 0 18px 18px;min-width:calc(25% - 18px);max-height:64px}
			body.reglement #pano_r .pr_txt p {margin:18px;width:auto;min-width:calc(75% - 36px);font-size:1.14em}

/*** PAGE info rse_iso ***/
	body.info.rse_iso .btn.charte {border-color:rgb(182,201,50);background-color:rgb(182,201,50);font-size: 1.37em;max-width:calc(512px - 32px)}
	body.info.rse_iso .btn.charte:hover,
	body.info.rse_iso .btn.charte.hover{color:rgb(182,201,50);background-color:rgb(255,255,255)}
	body.info.rse_iso .btn.charte.bis {border-color:rgb(105,174,227);background-color:rgb(105,174,227)}
	body.info.rse_iso .btn.charte.bis:hover,
	body.info.rse_iso .btn.charte.bis.hover{color:rgb(105,174,227);background-color:rgb(255,255,255)}
	body.rse_iso #pano_l {vertical-align:middle}
		body.rse_iso #pano_l .pl_txt {width:auto;min-height:100px;padding:0;margin:10px 0;/*border:1px solid rgb(255,255,255);*/ display:flex}
			body.rse_iso #pano_l .pl_txt img {margin:18px;max-height:64px}
			body.rse_iso #pano_l .pl_txt img.left {}
			body.rse_iso #pano_l .pl_txt img.right {}
			body.rse_iso #pano_l .pl_txt h3 {color:rgb(182,201,50)}
			body.rse_iso #pano_l .pl_txt li {margin: 12px 0 12px 12px;text-align:justify}
	body.rse_iso #pano_r { }
		body.rse_iso #pano_r > p {margin:20px 0 0;text-align:justify}
		body.rse_iso #pano_r > a {margin:20px 0 0}

/*** PAGE info contact ***/
	body.contact #pano_l {font-size:1.14em;vertical-align:middle}
		body.contact #pano_l .pl_txt {width:auto;min-height:100px;padding:0;margin:10px 0;/*border:1px solid rgb(255,255,255);*/ display:flex}
			body.contact #pano_l .pl_txt img {margin:18px 0 18px 18px;min-width:calc(25% - 18px);max-height:64px}
			body.contact #pano_l .pl_txt p {margin:18px;width:auto;min-width:calc(75% - 36px);/*font-size:20px;*/ }
			body.contact #pano_l .pl_txt.spe p {line-height:30px}
	body.contact #pano_r {}
		body.contact #pano_r #plan {position:relative;width:100%;height:auto;/*margin:0 auto;*/ }
			body.contact #pano_r #plan img {width:100%;height:auto}
		body.contact #pano_r .pr_txt {width:auto;min-height:100px;padding:0;margin:10px 0}
			body.contact #pano_r .pr_txt p {margin:18px;width:auto;/*font-size:16px;*/ text-align:center}

/*** PAGE info mentions ***/
	body.mentions .pano {text-align:justify}
	body.mentions blockquote {margin-left:32px}
		body.mentions #pano_l > div > div:first-child {height:125px}
		body.mentions #pano_l .pl_txt {width:auto;padding:0;margin:0}
			body.mentions #pano_l .pl_txt p {margin:12px 16px;width:auto}
		body.mentions #pano_r .pr_txt {width:auto; padding:0;margin:0}
			body.mentions #pano_r .pr_txt p {margin:12px 16px;width:auto}
	body.mentions h3 {font-size:18px;margin-top:0}

/*** PAGE info papier ***/
	body.papier.nojs #pano_l > form,
	body.papier.nojs #pano_l > div {display:none}
	body.papier h2 {margin:0 auto 68px 0!important}
	body.papier #pano_r > a {display:block}

	#catalogue_papier > div {display:table;border-collapse:collapse;width:100%}
	#catalogue_papier > div > div {display:table-row}
	#catalogue_papier > div > div > label,
	#catalogue_papier > div > div > div {display:table-cell;vertical-align:top;padding:8px 0}
#catalogue_papier #demandes {}
#catalogue_papier #saisies {}
	#catalogue_papier #demandes label {padding-left:16px!important}
	#catalogue_papier #saisies > div > label {position:relative;padding-right:32px!important;width:1%;white-space:nowrap}
	#catalogue_papier #saisies label.obligatoire::after {content:'*';color:rgb(207,141,26);position:absolute;right:8px}
	#catalogue_papier #saisies input[type=text],
	#catalogue_papier #saisies textarea {padding:8px;border-radius:8px;font-size:0.85em;border:1px solid rgb(147,157,164);display:block;width:calc(100% - 18px)}
	#catalogue_papier #saisies input[type=text].erreur,
	#catalogue_papier #saisies textarea.erreur {background-color:rgb(248,231,231);border-color:rgb(182,18,24)}
	#catalogue_papier #saisies > div > div > label {margin:0 32px 0 8px}
	body.papier #envoyer {display:block;max-width:480px;margin:24px 0 24px auto}
	body.papier #messagerie {display:none;max-width:480px;padding:16px;background-color:rgb(255,255,255);text-shadow:none;border-radius:8px}

	body.papier #pano_r img {width:100%;max-width:318px;box-shadow:-8px 8px 16px 0px rgba(0,0,0,0.75)}
	body.papier #telecharger {display:block;max-width:286px;margin:24px auto 24px 0}
	

/*** PAGE erreurs ***/
	body.erreur, body.erreur a {color:rgb(255,255,255)}
	body.erreur main > div {margin:0 auto;width:80%;min-width:200px;padding:24px}
	body.erreur main p {margin:12px 0}

/*** Covid19 ***/
#covid19 a { color:rgb(105,174,227); text-decoration: underline;}
/*** HEADER & SECTION ***/
@media screen and (max-width:500px){/* phone */
	#h_logo_l {display:none}
	#ht_tel {margin:30px auto auto 30px!important}
	body.fr #ht_tel {font-size:1.3em!important;margin:30px auto auto 30px!important}
	body.en #ht_tel {font-size:1.15em!important;margin:30px auto auto 22px!important}
	#ht_horaires {font-size:0.65em!important;margin:0 0 0 30px!important}
	body.en #ht_horaires {margin:0 0 0 22px!important}
	#h_panier {display:none}
	#o_panier {display:block}
	
	.btn.charte {white-space:normal}
}
/*
if(TS.bw() <= 768){
					$("#s_catalogue_recherche_r").hide(0);
					$("#o_recherche").show(0);
				}else{
					$("#o_recherche").hide(0);
					$("#s_catalogue_recherche_r").show(0);
				}
*/
@media screen and (max-width:767px){/* phone */
	#ht_tel {font-size:4vw!important}
	#h_panier {padding-right:8px}
	#h_devis {display:none}
	#outils {top:30%!important}
	#o_recherche {display:block}
	
	#diptyque {height:auto!important;padding:0!important}
	#diptyque_r {position:relative!important;top:unset!important;right:unset!important;height:unset!important;padding:16px 0!important}
	#diptyque_r img.base {height:auto!important;width:75%!important;margin:0 0 0 auto!important}
	#diptyque_r img.deco {left:6%!important}
	
	#s_catalogue_recherche {display:none!important}
	body.lexique #s_catalogue_recherche {min-height:42px!important;display:block!important}
	#s_catalogue_recherche_r {display:none}
	#indexes > nav.rubthem {min-width:unset}
	#indexes > nav:not(#index_couleurs) {width:auto}
	#indexes > ul {display:none}
	
	body.home main > div {margin:0 40px 0 16px}
}

@media screen and (max-width:1024px){/* phone + tablet  */
	#diptyque_l2 {display:none}
}

@media screen and (min-width:968px) and (max-width:1275px){/* tablet */
	/*#diptyque_l2 {left:-241px;}*/
}

@media screen and (min-width:768px) and (max-width:874px){/* tablet */
	body.Nantes #outils {top:92px}
	body.Nantes.accueil #outils {top:240px}
	body.Nantes #o_recherche {display:block}
	body.en #ht_tel {font-size:1.4em;margin:30px auto auto 22px}
	
	#s_catalogue_recherche_l {margin:0 0 0 3%}
	body.accueil #s_catalogue_recherche_l > div:first-child {color:rgb(255,255,255)}
	body.Nantes #s_catalogue_recherche_r {display:none}
}
@media screen and (min-width:768px) and (max-width:1090px){
	body.Bordeaux #outils {top:92px}
	body.Bordeaux.accueil #outils {top:240px}
	body.Bordeaux #o_recherche {display:block}
	body.Bordeaux #s_catalogue_recherche_r {display:none}
}

@media screen and (min-width:875px) and (max-width:1024px){/* tablet */
	#s_catalogue_recherche_l {margin:0 0 0 3%}
	body.accueil #s_catalogue_recherche_l > div:first-child {color:rgb(255,255,255)}
	body.Nantes.accueil #s_catalogue_recherche_r {right:3%}
}

@media screen and (max-width:920px){
	body.Bordeaux div#h_tel {justify-content:space-between}
	
	body.fr div#ht_iso img {max-height:24px;width:auto}
	body.portrait.fr div#ht_iso img {margin:0 0 0 40vw}
	body.paysage.fr div#ht_iso img {margin:0 0 0 25vw}
	
	body.en div#ht_iso {width:100%}
	body.en div#ht_iso a {width:100%;display:block}
	body.en div#ht_iso img {max-height:24px;max-width:150px;width:auto}
	body.portrait.en div#ht_iso img,
	body.paysage.en div#ht_iso img {margin:0 0 0 70%}
	body.portrait div#ht_iso img {margin:0 0 0 50vw}
	body.paysage div#ht_iso img {margin:0 0 0 25vw}
	
}
@media screen and (min-width:921px) and (max-width:1119px){
	body.en div#ht_iso {width:100%}
	body.en div#ht_iso a {width:100%;display:block}
	body.en div#ht_iso img {max-height:24px;max-width:150px;width:auto}
	body.portrait.en div#ht_iso img,
	body.paysage.en div#ht_iso img {margin:0 0 0 70%}
}

@media screen and (min-width:921px) and (max-width:1119px){
	body.Bordeaux div#h_tel {justify-content:space-between}
	div#ht_iso img {width:10vw;margin:1.5vh auto}
}

@media screen and (min-width:1120px) and (max-width:1200px){
	body.Bordeaux div#h_tel {justify-content:space-between}
	div#ht_iso img {width:auto;margin:0 auto}
	
	body.en div#ht_iso img {max-height:unset;width:auto;max-width:120px;margin:1.5vw 0}
}

@media screen and (min-width:1201px) and (max-width:1290px){
	body.en div#ht_iso img {max-height:unset;width:auto;max-width:120px;margin:1.5vw 0 1.5vw 4vw}
}

@media screen and (max-width:1135px){/* phone et tablet */
	#diptyque_l {display:none}
}
@media screen and (min-width:1136px) and (max-width:1249px){/* desktop */
	#diptyque_l_texte {width:26vw}
}
@media screen and (min-width:1136px)/* and (max-width:1499px)*/{/* desktop */
	#diptyque_l p {font-size:clamp(11px, 0.88vw, 15px)}
}

@media screen and (min-width:1025px) and (max-width:1439px){/* desktop */
	#s_catalogue_recherche_l {margin:0 0 0 3%}
	/*body.accueil #s_catalogue_recherche_r {right:3%}*/
}

@media screen and (min-width:1440px) and (max-width:1535px){/* desktop *//* prendre en compte la barre de scroll ! prudence :24px */
	/*
	section#s_accueil_bandeau {background-color:rgb(236,236,236)}
	body.accueil section#s_catalogue_recherche {margin-top:-70px}
	#s_catalogue_recherche_l {margin:0 0 0 3%}
	body.accueil #s_catalogue_recherche_r {top:-49px;right:auto;left:calc(25% - 103px)}
	*/
}

@media screen and (min-width:1536px){/* desktop */
	/*
	section#s_accueil_bandeau {background-color:rgb(236,236,236)}
	body.accueil section#s_catalogue_recherche {margin-top:-70px}
	body.accueil #s_catalogue_recherche_r {top:-49px;right:auto;left:calc(25% - 103px)}
	*/
}

/*** MAIN ***/
body.tablet.portrait.catalogue_planche main {min-height:600px}
body.tablet.paysage.catalogue_planche main {min-height:350px}
body.tablet.catalogue_planche main h1 {padding:0 5%!important;margin:0 auto 16px!important}
body.tablet.catalogue_planche main #msg_ensembles {width:100%;font-size:0.9em}

body.phone.catalogue_planche main {padding:16px 48px 16px 16px !important}
body.phone.catalogue_planche main h1 {padding:0 5%!important; margin:0 auto 16px!important}
body.phone.catalogue_planche main > .selectors * {display:block;margin:8px 8px 8px 8px}
body.phone.catalogue_planche main #msg_ensembles {width:100%;font-size:1em}

/*** FOOTER ***/
body.tablet.portrait > footer {width:auto;margin:0 16px}
body.tablet.paysage > footer {width:auto}

body.phone > footer > nav {display:block}
body.phone > footer > nav > ul {float:none;text-align:center;margin:32px auto 0}
body.phone > footer > ul {padding:32px 0}
body.phone > footer > ul > li {line-height:1;display:inline-block}

/*** Page Accueil et page Texte***/
body.phone section#s_accueil_bandeau.special {padding:0}
body.phone.carousel main h2 {font-size:3vh}
body.phone.carousel main .texte {display:none;}/*top:25%;right:48px;font-size:1.12em;padding:0;text-shadow:1px 1px 3px rgb(0,0,0)*/

/*** Pages Infos ***/
	
@media screen and (min-width:1025px) and (max-width:1280px){/* desktop */
	/*body.desktop.info .pano > * {max-width:80%}*/
	body.desktop.info #pano_l > *,
	body.desktop.info #pano_r > * {max-width:80%}
	body.info.rse_iso .btn.charte {max-width:calc(80% - 32px)}
}
	
body.tablet.devis #pano_r {vertical-align:middle}
body.tablet.devis #pano_r img {max-width:84%}
body.tablet.cgl #pano_r #pr_img img {max-width:300px}
body.tablet.cgl #pano_r > a {max-width:268px}/*calc(300px - 32px);*/

body.tablet.info.rse_iso .btn.charte {max-width:calc(88% - 32px)}
body.tablet.rse_iso #dub_h1 {flex-direction:column}
body.tablet.rse_iso #pano_r h1 {margin:0}
body.tablet.rse_iso #dub_h1 img {width:auto;height:100px;margin:32px auto}

body.tablet.papier #pano_r img {max-width:80%}
body.tablet.papier #telecharger {max-width:calc(80% - 32px)}
body.tablet.papier #envoyer,
body.tablet.papier #wait,
body.tablet.papier #envoyer {max-width:calc(88% - 32px)}

body.tablet.portrait.info #pano_l > *,
body.tablet.portrait.info #pano_r > * {max-width:88%}/*91% en théorie, mais H2 dépasse*/
body.tablet.portrait.info main {min-height:620px}
body.tablet.portrait.info #pano_l {padding:0 3% 0 0}
body.tablet.portrait.info #pano_r {padding:0 0 0 3%}
body.tablet.portrait.info #pano_c {padding:0 10%}

body.tablet.paysage.info #pano_l > *,
body.tablet.paysage.info #pano_r > * {max-width:88%}
body.tablet.paysage.info #pano_l {padding:0 4% 0 0}
body.tablet.paysage.info #pano_r {padding:0 0 0 4%}
body.tablet.paysage.info #pano_c {padding:0 10%}

	/*** Pages Info Phone ***/
body.phone.info main {display:block}
body.phone.info .pano {display:block;width:auto!important}
body.phone.info .pano > * {margin:32px auto!important}
body.phone.info #pano_l {padding:0 44px 32px 16px}
body.phone.info #pano_r {padding:0 44px 0 16px}
body.phone.info #pano_c {padding:0 48px 0 32px}

body.phone.devis #pano_l .pl_txt.special {border-radius:30px}
body.phone.devis #plts_fleche {display:none}
body.phone.devis #pano_r {display:none}

body.phone.cgl #pano_r img {margin:0 auto}

body.phone.rse_iso #dub_h1 {flex-direction:column}
body.phone.rse_iso #pano_r h1 {margin:0}
body.phone.rse_iso #dub_h1 img {width:100%;height:auto}

body.phone.reglement .pr_txt {flex-direction:column}

body.phone.papier #pano_r img {margin:0 auto}
body.phone.papier #catalogue_papier #saisies > div > div > label {margin:0 24px 0 8px}

body.phone.contact #pano_l .pl_txt {flex-direction:column}
body.phone.contact #pano_l .pl_txt p {text-align:center}

body.phone.mentions #pano_l > div > div:first-child {display:none}
body.phone.mentions #pano_r h1 {margin:48px 0}
body.phone.mentions h3 {text-align:left!important}

/*** Pages Catalogue ***/
	/*** Pages Catalogue Desktop ***/
body.catalogue_planche.desktop main > section ul {padding-left:2em}

body.catalogue_article.desktop main.popup {margin:32px 50px;width:calc(100% - 100px)}
body.catalogue_article.desktop main.popup .prix {right:12px;left:unset}
body.catalogue_article.desktop main > section ul {padding-left:2em}
	/*** Pages Catalogue Tablet ***/
body.catalogue_article.tablet main.popup {margin:32px 50px;width:calc(100% - 100px)}
body.catalogue_article.tablet main.popup .prix {right:12px;left:unset}
body.catalogue_article.tablet main > section ul {padding-left:2em}
body.catalogue_listing3d.tablet main h1,
body.catalogue_listing3d.tablet #listing {width:85vw}
body.catalogue_listing3d.tablet #listing_header div div, 
body.catalogue_listing3d.tablet #listing_body div div div {padding:12px 16px}
	/*** Pages Catalogue Phone ***/
body.catalogue_article.phone main.popup {margin:32px 50px 32px 0;width:calc(100% - 50px)}
body.catalogue_article.phone main.popup .prix {right:0;left:unset}
body.catalogue_article.phone main > section ul {padding-left:0.5em}
body.catalogue_listing3d.phone main h1 {font-size:1.2em;margin:0 auto 16px 8px}
body.catalogue_listing3d.phone main h1,
body.catalogue_listing3d.phone #listing {width:85vw}
body.catalogue_listing3d.phone #listing {margin: 0 auto auto 8px}
body.catalogue_listing3d.phone #listing_header div div {font-size:0.8em}
body.catalogue_listing3d.phone #listing_header div div, 
body.catalogue_listing3d.phone #listing_body div div div {padding:12px 16px}
body.catalogue_listing3d.phone #listing_body {height:unset;overflow-y:auto}
body.catalogue_listing3d.phone #listing_body div div div:nth-child(1) {font-size:1em}
body.catalogue_listing3d.phone #listing_body div div div:nth-child(2) img {max-height:48px}
body.catalogue_listing3d.phone #listing_body div div div:nth-child(3) a img {width:32px}
body.catalogue_listing3d.phone #listing_body div div div:nth-child(3) span {font-size:0.66em}

/*** Pages Panier ***/
body.panier.tablet.portrait main {font-size:10px}
body.panier.phone main {font-size:10px}

/*! jQuery UI - v1.12.1 - 2016-09-15
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	/*padding: .2em;*/
}
.ui-tabs .ui-tabs-nav {
	margin: 0 0 0 16px;
	/*
	margin: 0;
	padding: .2em .2em 0;
	*/
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	/*margin: 1px .2em 0 0;*/
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
	
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	/*padding: .5em 1em;*/
	padding: 0 8px;
	text-decoration: none;
	line-height: 84px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	/*margin-bottom: -1px;
	padding-bottom: 1px;*/
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;padding:0 0 32px 0;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	/*border: 1px solid #c5c5c5;*/
}
.ui-widget-content {
	/*border: 1px solid #dddddd;*/
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	/*border: 1px solid #dddddd;*/
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	/*border: 1px solid #c5c5c5;*/
	/*background: #f6f6f6;*/
	background: #fff;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	/*border: 1px solid #cccccc;*/
	/*background: #ededed;*/
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	/*border: 1px solid #003eff;*/
	/*background: #007fff;*/
	background: #fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	/*color: #ffffff;*/
	color: rgb(189,74,126);
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	/*border: 1px solid #dad55e;*/
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	/*border: 1px solid #dad55e;*/
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	/*order: 1px solid #f1a899;*/
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 5px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 5px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}
/*
	Spécifique :: amexpo-(sud)ouest.fr :: v 4.1 
	© 2012-2022 Vincent Humeau :: Trans-Sphère - Internet & Multimédia :: trans-sphere.com
	 _____   _____        ___   __   _   _____        _____   _____   _   _   _____   _____    _____  
	|_   _| |  _  \      /   | |  \ | | /  ___/      /  ___/ |  _  \ | | | | | ____| |  _  \  | ____| 
	  | |   | |_| |     / /| | |   \| | | |___       | |___  | |_| | | |_| | | |__   | |_| |  | |__   
	  | |   |  _  /    / / | | | |\   | \___  \      \___  \ |  ___/ |  _  | |  __|  |  _  /  |  __|  
	  | |   | | \ \   / /  | | | | \  |  ___| |       ___| | | |     | | | | | |___  | | \ \  | |___  
	  |_|   |_|  \_\ /_/   |_| |_|  \_| /_____/      /_____/ |_|     |_| |_| |_____| |_|  \_\ |_____| 
*/
#s_catalogue_tarifs {position:absolute;top:6px;left:calc(8.75% + 630px + 5%);z-index:1;display:flex}
#s_catalogue_tarifs > p {line-height:42px;white-space:nowrap;margin:auto 12px auto auto}

.switch * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
.switch {position:relative;width:120px;height:54px;margin:10px 15px}/*margin::Cf. label.after */
.switch input {top:0;right:0;bottom:0;left:0;opacity:0;z-index:100;position:absolute;width:100%;height:100%;cursor:pointer}
.switch label {	position:relative;display:block;width:100%;height:100%;border-radius:5px;
				background:#d2cbc3;box-shadow:inset 0 1px 0 white,0 0 0 1px #999,0 0 5px 1px rgba(0,0,0,0.2),inset 0 -10px 0 #aaa,0 2px 0 rgba(255,255,255,0.1),inset 0 23px 3px #e0e0E0,0 8px 6px rgba(0,0,0,0.18)}
.switch label:after {content:"";position:absolute;top:-10px;left:-15px;bottom:-10px;right:-15px;z-index:-1;border:1px solid #bbb;border-radius:5px;
							-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;
							box-shadow:0 0 5px 1px rgba(0,0,0,0.15),0 3px 3px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.5);
							background:#ccc;background:-moz-linear-gradient(#ddd, #bbb);background:-ms-linear-gradient(#ddd, #bbb);background:-o-linear-gradient(#ddd, #bbb);
							background:-webkit-gradient(linear, 0 0, 0 100%, from(#ddd), to(#bbb));background:-webkit-linear-gradient(#ddd, #bbb);background:linear-gradient(#ddd, #bbb)}
.switch label span {position:absolute;font-family:Arial, Helvetica, sans-serif;font-size:14px;letter-spacing:3pt;padding-left:3px;width:100%;text-align:center}

.switch input:checked ~ label {background:#cbc7bc;box-shadow:inset 0 1px 0 white,0 0 0 1px #999,0 0 5px 1px rgba(0,0,0,0.2),0 2px 0 rgba(255,255,255,0.6),inset 0 10px 1px #fff,inset 0 11px 0 rgba(255,255,255,0.5),inset 0 -23px 3px #ddd}

.switch input:checked ~ label span#t2020 {color:rgb(147,157,164);top:10px;line-height:21px}
.switch input:checked ~ label span#t2023 {font-weight:bold;top:30px;line-height:26px}

.switch input:not(:checked) ~ label span#t2020 {font-weight:bold;top:0;line-height:21px}
.switch input:not(:checked) ~ label span#t2023 {color:rgb(147,157,164);top:24px;line-height:18px}


@media screen and (min-width: 1280px) and (max-width: 1535px){
	#s_catalogue_tarifs {left:calc(3% + 630px + 1%)}
}
@media screen and (min-width: 1130px) and (max-width: 1279px){
	#s_catalogue_tarifs {display:block;left:calc(3% + 630px + 4px)}
	#s_catalogue_tarifs > p {line-height: 24px}
}
@media screen and (min-width: 875px) and (max-width: 1129px){
	#s_catalogue_tarifs {width:0;overflow:hidden}
}
@media screen and (min-width: 768px) and (max-width: 874px){
	#s_catalogue_tarifs {display:block;left:604px}
	#s_catalogue_tarifs > p {line-height: 24px}
}
@media screen and (max-width: 767px){
	#s_catalogue_tarifs {width:0;overflow:hidden}
}