/* --------------- xRESET --------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	max-height: 999999px;
}
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;	/* Firefox, other Gecko */
	box-sizing: border-box;		 /* Opera/IE 8+ */
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a:focus, input:focus, .ui-page.ui-body-c.ui-page-active {
	outline: none;
}


/* --------------- xGLOBAL --------------- */

html,
body {
	margin:auto;
	min-width: 320px;
	max-width: 1000px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #ffffff;
	height: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-text-size-adjust:none;
}

	#content {
		
		top: 0; right: 0; left: 0;
		overflow: auto;
		min-width: 320px;
	}

	a img {
		border: none;
	}
	
	.bg-gradient-orange {
		color: #ffffff;
		background: #ff6e03;
		background: -moz-linear-gradient(top,  #ff6e03 0%, #ff4a00 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6e03), color-stop(100%,#ff4a00));
		background: -webkit-linear-gradient(top,  #ff6e03 0%,#ff4a00 100%);
		background: -o-linear-gradient(top,  #ff6e03 0%,#ff4a00 100%);
		background: -ms-linear-gradient(top,  #ff6e03 0%,#ff4a00 100%);
		background: linear-gradient(to bottom,  #ff6e03 0%,#ff4a00 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e03', endColorstr='#ff4a00',GradientType=0 );
	}

/* Typos */

	b, strong { font-weight: bold; }
	i, em { font-style: italic; }
	a { color: #337FCC; }
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }

/* Mise en forme */

	.clear { clear: both; }
	
	.hide { display: none; }
	.block { display: block; }
	
	.full-img {
		display: block;
		height: auto;
		max-width: 100%;	
	}
	
	.tpl-btn .big-btn,
	.list-btn .small-btn {
		display: block;
		font-size: 14px;
		font-weight: normal;
		height: 55px;
		line-height: 53px;
		margin-bottom: 10px;
		padding: 0 30px;
		position: relative;
		text-align: center;
		text-decoration: none;
	}
		.big-btn span,
		.small-btn span {
			display: inline-block;
			line-height: 20px;
			vertical-align: middle;
		}
			.big-btn img {
				position: absolute;
				top: 14px; left: 10px;
			}

	
	.fleche-btn {
		position: relative;	
	}
		.fleche-btn:after {
			background: transparent url(../images/sprite@1x.png) no-repeat -144px -255px;
			content: '';
			display: block;
			height: 11px;
			margin-top: -5px;
			position: absolute;
			top: 50%;
			right: 8px;
			width: 9px;
		}
	
	.big-fleche-btn {
		color: #ffffff;
		position: relative;	
	}
		.big-fleche-btn input {
			color: #ffffff;
			margin-bottom: 0;
		}
		.big-fleche-btn:after {
			background: transparent url(../images/sprite@1x.png) no-repeat -128px -252px;
			content: '';
			display: block;
			height: 16px;
			margin-top: -8px;
			position: absolute;
			top: 50%; right: 8px;
			width: 12px;
		}
		
	.big-fleche-back-btn {
		background: #F0F0F0;
		border: 1px solid #E0E0E0;
		color: #000000;
		position: relative;
	}
		.big-fleche-back-btn:after {
			background: transparent url(../images/sprite@1x.png) no-repeat -102px -253px;
			content: '';
			display: block;
			height: 16px;
			margin-top: -8px;
			position: absolute;
			top: 50%; left: 8px;
			width: 12px;
		}
		
	.big-title {
		color: #ffffff;
		font-size: 16px;
		line-height: 45px;
		padding: 0 10px;
		text-transform: uppercase;
	}
	.subtitle {
		border-bottom: 1px solid #e9ebeb;
		color: #1e6fda;
		font-size: 18px;
		font-weight: normal;
		line-height: 20px;
		padding: 7px 10px 20px;
		position: relative;
		text-transform: uppercase;
		-webkit-text-size-adjust:none;
		max-height: 999999px;
	}
		h3.subtitle {
			font-size: 15px;	
			-webkit-text-size-adjust:none;
			max-height: 999999px;
		}

	.template-global-content .subtitle {
		padding: 10px;
	}

	.subtitle .slide-nav {
		cursor: pointer;
		background: #DBDBEA url('../images/slide-nav@1x.png') no-repeat 78px center;
		font-size: 8px;
		color: #000000;
		width: 100px;
		padding: 4px 10px;
		line-height: 12px;
		height: 32px;
		position: absolute;
		right: 10px; top: 50%;
		margin-top: -16px;
	}
		
	hr {
		border: none;
		border-bottom: 1px solid #dcdcdc;
		margin: 15px 10px;
		position: relative;
		top: 2px;
	}
	
		
/* --------------- xFIL_ARIANE --------------- */

	#breadcrumb_filtres {
		background: #3d3d3d;
		display: table;
		height: 47px;
		margin-bottom: 20px;
		position: relative;
		width: 100%; 
		z-index: 100000;
		
		background: #484848;
		background: -moz-linear-gradient(top,  #484848 0%, #3d3d3d 50%, #212121 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(50%,#3d3d3d), color-stop(100%,#212121));
		background: -webkit-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: -o-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: -ms-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: linear-gradient(to bottom,  #484848 0%,#3d3d3d 50%,#212121 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#212121',GradientType=0 );
	}

		#breadcrumb {
			display: table-cell;
			vertical-align: top;
		}
			#breadcrumb li {
				background: #48A8F3;
				display: table-cell;
				height: 100%;
				text-align: left;
				vertical-align: top;
			}
			#breadcrumb li.last {
				background: #48a8f3;
			}
				#breadcrumb li a, #breadcrumb li h1, #breadcrumb li .title {
					color: #ffffff;
					display: block;
					height: 47px;
					font-size: 14px;
					line-height: 47px;
					position: relative;
					text-decoration: none;
					z-index: 5;
				}
					
					#breadcrumb li a .loader {
						background: transparent url(../images/ajax-loader@1x.gif) no-repeat 0 0;
						display: none;
						height: 16px;
						margin-top: -8px;
						position: absolute;
						top: 50%; right: 14px;
						width: 16px;
					}
					
				#breadcrumb li div.fleche-bread {
					position: relative;	
				}
					#breadcrumb li div.fleche-bread .big-title {
						text-transform: none;
					}
			
		
/* --------------- xATELIER_6 --------------- */	
/* --------------- xPAGE_CONTENUS --------------- */			
		
/* xGUIDES_CONSEILS */
		
		.tips-guides .nav-template ul a {
			border-bottom: 1px solid #E9EBEB;
			color: #000000;
			display: block;
			font-size: 14px;
			font-weight: bold;
			padding: 20px 30px 20px 10px;
			position: relative;
			text-decoration: none;
			text-transform: lowercase;
		}
			.tips-guides .nav-template ul a:first-letter {
				text-transform: uppercase;
			}

			.tips-guides .nav-template ul a.active,
			.tips-guides .append-nav ul a.active,
			.store-nav-links a.active {
				color: #48a8f3;
			}
				.tips-guides .nav-template ul a:after,
				.tips-guides .append-nav ul a:after,
				.store-nav-links a:after {
					background: transparent url(../images/fleche-nav-template@1x.png) no-repeat 0 0;
					content: '';
					display: block;
					height: 11px;
					margin-top: -5px;
					position: absolute;
					top: 50%; right: 15px;
					width: 7px;
				}
					.tips-guides .nav-template ul a.active:after,
					.tips-guides .append-nav ul a.active:after,
					.store-nav-links a.active:after {
						background: transparent url(../images/fleche-nav-template-active@1x.png) no-repeat 0 0;
					}
			
			.tips-guides .nav-template ul a.active,
			.tips-guides .append-nav ul a.active {
				color: #1e6fda;
			}
			
		/* xHERE1 */
	
			.template-guide {
				font-size: 14px;
				margin-bottom: 15px;
			}
				.template-guide .template-section {
					line-height: 1.4em;
					padding: 10px;
				}
					.tips-guides .big-btn {
						clear: both;
						font-size: 16px;
						margin: 20px 0 0;
					}
						
					.template-section .full-img {
						margin-bottom: 20px;	
					}
						
			/* GLOBAL */

				.template-guide .block {
					clear: both;
				}
				.template-guide .block #ancre1{
					padding-top:18px;
				}
				.template-guide .block #ancre2, .template-guide .block #ancre3, .template-guide .block #ancre4, .template-guide .block #ancre5, .template-guide .block #ancre6{
					padding-top:36px;
				}
					.template-guide h3,
					.template-guide h4 {
						color: #000;
						font-size: 16px;
						font-weight: bold;
						margin: 0 0 10px 0;
					}

					.template-guide h3.soustitre {
						border-top: 1px solid #E0E0E0;
						color: #337FCC;
						font-size: 16px;
						font-weight: bold;
						margin: 70px 0 20px 0;
						padding: 18px 0 0 0;
						position: relative;
					}
					.template-guide h5 {
						color: #000000;
						font-size: 14px;
						font-weight: bold;
						margin: 0 0 10px 0;
					}
					.template-guide blockquote {
						color: #000000;
						font-size: 14px;
						font-weight: bold;
						font-style:italic;
						text-align:center;
						margin: 0 0 10px 0;
						padding:20px;
					}
					.template-guide-content h3.rubrique-title {
						border-top: 1px solid #E0E0E0;
						color: #000000;
						font-size: 18px;
						font-weight: normal;
						margin: 70px 0 0 0;
						padding: 18px 0 18px 0;
						text-transform: uppercase;
						position: relative;
					}
						.template-guide-content .block:first-child h3.rubrique-title .go-to-top,
						.template-guide .block:first-child h3.rubrique-title .go-to-top {
							display: none;
						}
						
					.template-guide-content .conseilcontainer {
						border-top: 1px solid #E0E0E0;
						padding-top: 20px;
					}
					.template-guide-content h4 {
						color: #1E6CD8;
						font-size: 16px;
						font-weight: bold;
						margin: 0 0 10px 0;
					}
					.template-guide-content .right-content {
						margin-left: 110px;
					}
					.template-guide-content .block:first-child .rubrique-title {
						border-top: none;
						margin-top: 0;
					}
						.template-section h3 img {
							float: left;
							margin: -3px 5px 0 0;
						}
						
						.template-section .no-border {
							border: none;
							padding-top: 10px;
							margin-top: 0;
						}
						.template-section .no-margin {
							margin: 0;
						}
						.template-section .no-margin-left {
							margin-left: 0;
						}

					.template-section p {
						font-size: 14px;
						margin-bottom: 14px;
					}
					.template-section ul {
						line-height: 20px;
						font-size: 14px;
						margin: 5px 0 14px 20px;
					}
						.template-section address {
							border-left: 2px solid #337FCE;
							font-size: 14px;
							padding-left: 4px;
							margin: 0 0 14px 20px;
						}
						.template-section p a {
							font-weight: bold;
						}

						.template-section .txt-16 {font-size: 16px;}
						.template-section .txt-18 {font-size: 18px;}

						.template-section .mt10 {display:inline-block; margin-top:10px;}
						.template-section .mt20 {display:inline-block; margin-top:20px;}
						.template-section .mt30 {display:inline-block; margin-top:30px;}
						.template-section .mt40 {display:inline-block; margin-top:40px;}

						.template-section .mb10 {display:inline-block; margin-bottom:10px;}
						.template-section .mb20 {display:inline-block; margin-bottom:20px;}

						.template-section p .blue {
							color: #337FCC;
						}
						
						.template-section .center {
							margin: 10px auto;
						}
						
						.template-section .fl-left {
							display: block;
							margin: 10px auto 15px;
							float: none;
						}
						.template-section .introduction .fl-left {
							float: left;
							margin: 0 20px 20px 0;
						}
						.template-section img.fl-left {
							height: auto;
							max-width: 200px;
						}
						.template-section img.fl-center {
							height: auto;
							max-width: 400px;
							margin:0 auto;
							display:block;
						}
						.template-section img.fl-right {
							height: auto;
							max-width: 200px;
							float:right;
							margin: 0 20px 20px 0;
						}
						.template-guide-content .fl-left {
							float: left;
							margin: 0 20px 10px 0;
						}
						.template-section .fl-mob {
							display: block;
							margin: 0 20px 20px 0;
							float: left;
						}
						
						.template-section .hide-mob {
							display: none:
						}
						.template-section .dspl-mob {
							display: block:
						}
						.template-section .clear {
							clear: both;
						}
						
						.template-section .hide-mob {
							display: none;
						}
						.template-section .dspl-mob {
							display: block;
						}

						.template-section .tpl-btn a {
							font-weight: normal;
						}

						.template-section hr {
							margin: 25px 0 30px;
						}

						.template-section iframe {
							display: block;
							height: auto;
							width: 100%;
						}

						.template-section .img-item {
							border: 1px solid #CCCCCC;
							margin-right: 7px;
							margin-bottom: 5px;
						}

						.template-section .section-item {
							display: inline-block;
							margin-right: 16px;
							margin-bottom: 12px;
							font-size: 12px;
							text-align: center;
							text-transform: uppercase;
						}
							.template-section .section-item a {
								color: #000000;
								text-decoration: none;
							}
							.template-section .section-item img {
								border: 1px solid #CCCCCC;
								height: auto;
								max-width: 140px;
							}

						.template-section .go-to-top {
							background: transparent url('../images/gototop@1x.png') no-repeat right center;
							color: #868686;
							display: block;
							font-size: 12px;
							font-weight: normal;
							height: 20px;
							position: absolute;
							right: 0; top: -27px;
							text-align: right;
							padding-right: 30px;
							text-decoration: none;
						}
						.cleared{
							clear:both;
							float:none;
							overflow:hidden;
							width:100%;
							margin-bottom:20px;
						}
						ul.styled li{
							margin-bottom:20px;
						}
						.linesep{
							border-top: 1px solid #E0E0E0;
							color: #337FCC;
							font-size: 16px;
							font-weight: bold;
							margin: 70px 0 20px 0;
							padding: 18px 0 0 0;
							position: relative;
						}


				/* FLEXIBLE TABLE */
			
				.flexible-table {
					background: #eeeeee;
					border: 1px solid #cccccc;
					overflow: hidden;
					margin-bottom: 20px;
					position: relative;
				}
					.flexible-table table {
						font-family: arial;
						font-size: 12px;
						background: #eeeeee;
						border-collapse: collapse;
						border: 1px solid #cccccc;
					}
					.flexible-table td, .flexible-table th {
						border: 1px solid #cccccc;
						padding: 10px;
						vertical-align: middle;
					}
					.flexible-table th {
						font-weight: bold;
						text-align: left;
						height: 60px;
					}
					.flexible-table td {
						height: 78px;
						background: #ffffff;
					}
					
					.flexible-table .fixed-table {
						background: #eeeeee;
						position: absolute;
						left: 0; top: 0; bottom: -1px;
						white-space: normal;
						max-width: 120px;
						min-width: 0;
						z-index: 100;
					}
						.flexible-table .fixed-table td {
							background: #eeeeee;
							font-weight: bold;
							width: 120px;
							height: 78px;
						}
						
					.flexible-table .scrolling-table {
						overflow: hidden;
						margin-left: 118px;
						position: relative;
					}
					.flexible-table .scrolling-table table {
						min-width: 100%;
					}
					.flexible-table .scrolling-table.no-left {
						margin-left: 0;
					}
						.flexible-table .scrolling-table .scroll {
							overflow: auto;
							-webkit-overflow-scrolling: touch;
							position: relative;
							text-align: center;
						}
							
							.flexible-table .scrolling-table td,
							.flexible-table .scrolling-table th {
								min-width: 160px;
								padding-left: 20px;
							}
								.flexible-table .scrolling-table td.nopadding,
								.flexible-table .scrolling-table th.nopadding {
									padding: 0;
								}
								.flexible-table .scrolling-table .heightauto td,
								.flexible-table.heightauto .scrolling-table td,
								.flexible-table.heightauto .fixed-table td {
									height: auto;
								}
								.flexible-table.heightauto .scrolling-table .th,
								.flexible-table.heightauto .fixed-table .th {
									height: 60px;
								}
								.flexible-table.heightauto .scrolling-table td.th.auto {
									height: auto;
								}
						
						.flexible-table .scrolling-table:before {
							content: "";
							display: block;
							position: absolute;
							top: -10px; left: -10px; bottom: -10px;
							z-index: 90;
							width: 10px;
							
							box-shadow: 5px 0px 10px #444444; 
						}
						.flexible-table .scrolling-table:after {
							content: "";
							display: block;
							position: absolute;
							top: -10px; right: -10px; bottom: -10px;
							z-index: 90;
							width: 10px;
							box-shadow: -5px 0px 10px #444444; 
						}
							
							.block .mentions {
								margin-top: -20px;
							}
							
								.block .flexible-table .t1 {
									background: #fcf9ba;
								}
								.block .flexible-table .t2 {
									background: #ffccff;
								}
								.block .flexible-table .t3 {
									background: #dcf4d5;
								}




/* --------------- xRESPONSIVE --------------- */

/* --------------- xTABLETTE // MIN-WIDTH : 660px --------------- */

@media only screen and (min-width: 660px) {
	
	.inline-block { display: inline-block; }

/* --------------- TAB_ATELIER1 --------------- */	

	/* CONTENT */
		#content {
			min-height: 400px;
		}
		
	/* FIL ARIANE */
	
	#breadcrumb {
		padding-right: 20px;
	}
	.content-breadcrumb {
		display: block;	
		
		background: #484848;
		background: -moz-linear-gradient(top,  #484848 0%, #3d3d3d 50%, #212121 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(50%,#3d3d3d), color-stop(100%,#212121));
		background: -webkit-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: -o-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: -ms-linear-gradient(top,  #484848 0%,#3d3d3d 50%,#212121 100%);
		background: linear-gradient(to bottom,  #484848 0%,#3d3d3d 50%,#212121 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#212121',GradientType=0 );
	}
		#breadcrumb li div.fleche-bread:after {
			background: transparent url(../images/sprite@1x.png) no-repeat -130px -85px;
			content: '';
			display: block;
			height: 47px;
			position: absolute;
			top: 0; right: 0;
			width: 10px;
			z-index: 10;
		}
		#breadcrumb li.last .fleche-bread:after {
			background: transparent url(../images/sprite@1x.png) no-repeat -140px -85px;
			right: -9px;
		}
		#breadcrumb.breadcrumb-tunnel li .fleche-bread:after {
			background-position: -130px -285px;
		}
		#breadcrumb.breadcrumb-tunnel .fleche-bread.prev-active:after {
			background-position: -130px -285px;
			background-color: #48A8F3;
		}
		#breadcrumb.breadcrumb-tunnel li.active .fleche-bread:after {
			background-position: -120px -285px;
			background-color: #9b9b9b;
		}
		#breadcrumb.breadcrumb-tunnel li.last .fleche-bread:after {
			background-position: -130px -285px;
			background-color: transparent;
		}
			#breadcrumb.breadcrumb-tunnel li.last.active .fleche-bread:after {
				background-position: -120px -285px;
			}

			#breadcrumb li a, #breadcrumb li h1, #breadcrumb li .title {
				padding: 0 25px 0 25px;
			}
			
			#breadcrumb li a .loader {
				background: transparent url(../images/ajax-loader-breadcrumb@1x.gif) no-repeat 0 0;
			}
			
			#breadcrumb li .middle {
				line-height: 18px;
				display: inline-block;
				vertical-align: middle;
			}
				
/* --------------- TAB_ATELIER6 --------------- */	

	/* GUIDES */

		.template-global-content {
			padding: 30px 25px;
			position: relative;
		}
		.template-global-content.centered {
			padding: 20px 100px;	
		}
			.template-global-content .subtitle {
				margin: 0 10px 10px;
				padding: 7px 0 14px;
			}
			
			.nav-template {
				background: #ffffff;
				display: block;
				padding: 15px 5px 25px 25px;
				position : absolute;
				top: 76px; left: 10px;
				z-index: 10000;
				vertical-align: top;
				width: 350px;
			}
				
				.nomenu .nav-template {
					display: none;
				}

			.template-guide {
				display: block;
				margin: 0;
				min-height: 600px;
			}
				.template-guide .template-section {
					padding-left: 360px;
				}
					.nomenu .template-guide .template-section {
						padding-left: 10px;
					}

				.template-guide h3 {
					margin: 20px 0;
					padding-right: 125px;
				}
				.template-guide-content .rubrique-title {
					padding: 18px 130px 18px 0;
				} 
				.template-guide-content .block:first-child .rubrique-title {
					margin-top: 0;
					padding-top: 0;
				}
					.template-guide-content .block:first-child .rubrique-title .go-to-top {
						display: none;
					}
					
					.template-guide .go-to-top {
						right: 10px;
						top: 20px;
					}

				.tpl-btn {
					text-align: right;
				}
					.tpl-btn .big-btn {
						display: inline-block;
						margin-bottom: 20px;
						width: 275px;	
					}

			.btn-right {
				float: right;
				margin: 5px 10px;
				margin-right: 0;
			}
				.template-section .list-btn {
					margin: 0;
					text-align: right;
				}
					.list-btn .small-btn {
						display: inline-block;
						margin: 0;
						font-weight: normal;
						width: 275px;
						vertical-align: top;
					}


			.template-section .fl-left {
				float: left;
				margin: 0 20px 10px 0;
			}


	/* NAV GAUCHE */
	
	.tips-guides .nav-template {
		display: block;
	}
		.tips-guides .nomenu .nav-template {
			display: none;
		}
		
		.tips-guides .nav-template ul a {
			padding: 20px 30px 20px 0;
		}
	
	.tips-guides .nav-template ul li:first-child a {
		border-top: 1px solid #E9EBEB;
	}
	
	
	/* GUIDES LISTE */
	
	.tips_list {
		font-size: 0;
		margin: 20px 10px 0;
	}
		.tips_list li {
			background: #f8f8f8;
			border: 1px solid #E9EBEB;
			display: inline-block;
			max-height: 65px;
			margin: 0 2% 30px 0;
			padding: 0;
			vertical-align: top;
			width: 32%;
		}
			.tips_list li:nth-child(3n+0) {
				margin-right: 0;
			}
				.tips_list li a {
					border: none;
					line-height: 18px;
					font-size: 14px;
					min-height: 65px;
					padding-right: 35px;
				}

					
}


/* --------------- xTABLETTE_PORTRAIT // MIN-WIDTH : 660px // MAX-WIDTH : 1023px --------------- */

@media only screen and (min-width: 660px) and (max-width: 1023px) {
			
/* --------------- TAB_ATELIER6 --------------- */	

	/* CTA */
	
		.tpl-btn {
			text-align: right;
		}
			.tpl-btn .big-btn,
			.list-btn .small-btn {
				display: block;
				width: 100%;
			}
			.nomenu .tpl-btn .big-btn,
			.nomenu .list-btn .small-btn {
				display: block;
				width: 275px;	
			}

		.btn-right {
			float: none;
			margin: 10px auto;
			display: block;
		}

	/* TITLES */
	
		.template-guide h3.soustitre {
			padding-right: 120px;
		}

	/* VIDEO */

		.template-section iframe {
			display: block;
			height: auto;
			width: 100%;
		}
		
}


/* --------------- xTRANSITION_660_800 < 800PX // MIN-WIDTH : 660px // MAX-WIDTH : 800px --------------- */ 

@media only screen and (min-width: 660px) and (max-width: 800px) {
			
	/* PAGES CONTENUS */

		.template-guide h3 {
			margin-top: 70px;
			padding-right: 0;
		}

		.template-guide .go-to-top {
			top: -27px;
			right: 0px;
		}

		.template-section .fl-left {
			display: block;
			margin: 10px auto;
			float: none;
		}
			.template-section img.fl-left {
				height: auto;
				max-width: 120px;
			}
		
		.template-section .fl-mob {
			display: block;
			margin: 0 20px 10px 0;
			float: left;
		}
		
		.template-section .right-content {
			padding: 0;
			margin: 0;
		}
		
		.nav-template {
			width: 260px;
		}
		.template-guide .template-section {
			padding-left: 250px;
		}

}

/* --------------- xTELEPHONE // MAX-WIDTH : 660px --------------- */

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

	/* Fil d'ariane */
	
		#breadcrumb_filtres { 
			margin-bottom: 15px;	
		}
			#breadcrumb_filtres, #breadcrumb {
				display: block;
				height: auto;
			}
				#breadcrumb li {
					background: #f9f9f9;
					border-left: none;
					border-bottom: 1px solid #e8e8e8;
					display: block;
					padding-left: 10px;
					position: relative;
					text-align: left;
				}
					#breadcrumb li div.fleche-bread:after {
						background: transparent url(../images/sprite@1x.png) no-repeat -50px 0;
						content: '';
						display: block;
						height: 8px;
						position: absolute;
						bottom: -8px; left: 17px; right: auto;
						width: 21px;
						z-index: 10;
					}
					#breadcrumb li.last div.fleche-bread:after {
						background: transparent url(../images/sprite@1x.png) no-repeat -50px -10px;
					}
						#breadcrumb li.last div.fleche-bread:after {
							display: none;	
						}
						
					#breadcrumb li a,
					#breadcrumb li h1 {
						color: #666666;
						display: table;
						height: 40px;
						font-size: 14px;
						line-height: 40px;
						padding: 0;
						text-decoration: none;
						width: 100%;
					}
					
					#breadcrumb li.last h1 {
						color: #ffffff;	
					}
					#breadcrumb li:first-child a {
						text-transform: uppercase;
					}
					
				#breadcrumb li.last {
					border-bottom: none;	
				}

	/* IMAGES */
	
		.template-section img.fl-left {
			height: auto;
			max-width: 90px;
		}
			
}

/* --------------- xWIDE // MIN-WIDTH > 1024px --------------- */

@media only screen and (min-width: 1024px) {

	/* VIDEO */

		.template-section iframe {
			display: block;
			margin: 0 auto;
			height: 315px;
			width: 560px;
		}

}

/* --------------- PIXEL RATIO : 1.5 --------------- */

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.fleche-btn:after,
	.big-fleche-btn:after,
	.big-fleche-back-btn:after,
	#breadcrumb li div.fleche-bread:after,
	#breadcrumb li.last .fleche-bread:after {
		background-image: url(../images/sprite@2x.png);
		background-size: 335px 500px;
	}

	#breadcrumb li a .loader {
		background-image: url(../images/ajax-loader@2x.gif);
		background-size: 16px 16px;
	}

	.tips-guides .nav-template ul a:after,
	.tips-guides .append-nav ul a:after,
	.store-nav-links a:after {
		background-image: url(../images/fleche-nav-template@2x.png);
		background-size: 7px 11px;
	}

	.tips-guides .nav-template ul a.active:after,
	.tips-guides .append-nav ul a.active:after,
	.store-nav-links a.active:after {
		background-image: url(../images/fleche-nav-template-active@2x.png);
		background-size: 7px 11px;
	}

}