@charset "utf-8";
/* CSS Document */

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	background-image:url("../img/background-raillure.png"), url("../img/background.jpg");
	background-position:0 0px, center 0;
	background-repeat:repeat-x, no-repeat;
	background-attachment:fixed;
	overflow-y:auto;
	overflow-x:hidden;
	position:relative;
	font-family:Arial, sans-serif;
	font-size:100%;
	line-height:1.45;
}

* {
    -webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		 -o-box-sizing:border-box;
			box-sizing:border-box;
}

img {
	border:none;
	outline:none;
}

a {
	outline:none;
}

/* Bug Safari iOS
select, option, textarea, input[type=button], input[type=submit] {
	-webkit-appearance:none; 
	-webkit-border-radius:0;
} */

#no_javascript {
	position:absolute;
	width:1000px;
	height:180px;
	top:50%;
	left:50%;
	margin:-90px 0 0 -500px;
	background-color:#000000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	z-index:999;
}

#alert {
	font-family:'PFranklinGothicCnd', Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	background-color:#ffffff;
	padding:20px;
}




/* => WEB FONT ***************************************************************************/
@font-face {
	font-family:"PFranklinGothicCnd";
	src: url('../font/franklin-gothic/FrankGothforPorscheW02-Cn.eot');
	src: url('../font/franklin-gothic/FrankGothforPorscheW02-Cn.eot?#iefix') format('eot'),
		 url('../font/franklin-gothic/FrankGothforPorscheW02-Cn.woff') format('woff'),
		 url('../font/franklin-gothic/FrankGothforPorscheW02-Cn.ttf') format('truetype'),
		 url('../font/franklin-gothic/FrankGothforPorscheW02-Cn.svg') format('svg');
}
@font-face {
	font-family:"itc_franklin_gothicbookcnd";
	src: url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.eot');
    src: url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.woff2') format('woff2'),
         url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.woff') format('woff'),
         url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.ttf') format('truetype'),
         url('../font/franklin-gothic-book-condensed/FraGBC72-webfont.svg#itc_franklin_gothicbookcnd') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:"PNewsGothic";
	src: url('../font/news-gothic/NewsGothforPorscheW02-Reg.eot');
	src: url('../font/news-gothic/NewsGothforPorscheW02-Reg.eot?#iefix') format('eot'),
	 	 url('../font/news-gothic/NewsGothforPorscheW02-Reg.woff') format('woff'),
		 url('../font/news-gothic/NewsGothforPorscheW02-Reg.ttf') format('truetype'),
		 url('../font/news-gothic/NewsGothforPorscheW02-Reg.svg') format('svg');
}
@font-face {
	font-family:"icon";
	src: url('../font/icon/icon.eot');
	src: url('../font/icon/icon.eot?#iefix') format('eot'),
		 url('../font/icon/icon.woff') format('woff'),
		 url('../font/icon/icon.ttf') format('truetype'),
		 url('../font/icon/icon.svg') format('svg');
}
/* => WEB FONT ***************************************************************************/




#main {
	display:block;
	position:relative;
	width:100%;
	max-width:1600px;
	height:auto; /*[JS]*/
	overflow:hidden;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}




/* => HEADER ***************************************************************************/
	#main .header {
		display:block;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0 7.14286% 0 7.14286%;
	}
	@media screen and (max-width: 1200px) and (min-width: 720px) {
	#main .header {
		padding-right:0;
	}
	}
	@media screen and (max-width: 719px) {
	#main .header {
		padding:0;
		z-index:99999;
	}
	}
		#main .header .content {
			display:block;
			position:relative;
			width:100%;
			height:90px;
			padding:0;
		}
		@media screen and (max-width: 719px) {
		#main .header .content {
			height:64px;
		}
		}
		#main .header .content-open {
			background-color:#f3f3f3;
		}
			#main .header .content .logo-visuel {
				display:block;
				position:absolute;
				width:auto;
				height:90px;
				margin:0; /*[JS]*/
				padding:0 16px;
				overflow:hidden;
				background-color:#FFFFFF;
				z-index:2;
			}
			@media screen and (max-width: 719px) {
			#main .header .content .logo-visuel {
				height:64px;
			}
			}
			#main .header .content .logo-visuel-open {
				display:none !important;
			}
				#main .header .content .logo-visuel a {
					display:inline-block;
					width:100px;
					height:53px;
					margin-top:22px;
					overflow:hidden;
					background-image:url("../img/lowres-s282364118a.png");
					background-position:0 -1412px;
					background-repeat:no-repeat;
					cursor:pointer;
					text-indent:-119988px;
				}
				@media screen and (max-width: 719px) {
				#main .header .content .logo-visuel a {
					width:76px;
					height:40px;
					margin-top:12px;
					background-position:0 -1788px;
				}
				}				
			#main .header .content .logo-baseline {
				display:block;
				position:relative;
				width:auto; /*[JS]*/
				height:73px;
				border-bottom:1px solid #dfdfdf;
				z-index:1;
			}
			@media screen and (max-width: 719px) {
			#main .header .content .logo-baseline {
				display:none;
			}
			}
			#main .header .content .btn-menu-smartphone {
				display:none;
				position:absolute;
				width:64px;
				height:64px;
				top:0;
				left:100%;
				margin:0 0 0 -64px;
				padding:0;
				background-image:url("../img/navigation/menu/btn-smartphone.jpg");
				background-position:0 0;
				background-repeat:no-repeat;
				cursor:pointer;
				z-index:999;
			}
			#main .header .content .btn-menu-smartphone._OVER {
				background-position:0 -64px;
			}
			@media screen and (max-width: 719px) {
			#main .header .content .btn-menu-smartphone {
				display:block;
			}
			}
			#main .header .content .btn-menu-smartphone-open {
				background-position:0 -128px !important;
			}
/* => HEADER ***************************************************************************/




/* => NAVIGATION ***************************************************************************/
	#main .navigation {
		display:block;
		position:relative;
		width:100%;
		height:auto;
		min-height:40px;
		margin:90px 0 0 0;
		padding:0;
		z-index:9999;
	}
	@media screen and (max-width: 719px) {
	#main .navigation {
		display:none;
		position:relative;
		float:left;
		margin-top:0;
		min-height:64px;
	}
	}
	#main .navigation-open {
		display:block !important;
	}
		#main .navigation .menu {
			display:block;
			position:relative;
			float:left;
			width:auto;
			height:40px;
			margin:0 0 0 7.14286%;
			padding:0;
		}
		@media screen and (max-width: 719px) {
		#main .navigation .menu {
			margin:0;
			width:100%;
			height:auto;
		}
		}
		
			/* Niveau 1 */
			#main .navigation .menu ul.menu1 {
				display:block;
				position:relative;
				float:left;
				list-style:none;
				margin:0;
				padding:0;
			}
			@media screen and (max-width: 719px) {
			#main .navigation .menu ul.menu1 {
				width:100%;
			}
			}
				#main .navigation .menu ul.menu1 li.btn1 {
					display:block;
					position:relative;
					float:left;
					list-style:none;
					margin:0;
					padding:0;
				}
				@media screen and (max-width: 719px) {
				#main .navigation .menu ul.menu1 li.btn1 {
					width:100%;
				}
				}
					#main .navigation .menu ul.menu1 li.btn1 a.lien1 {
						display:none;
						position:relative;
						float:left;
						width:auto;
						height:40px;
						overflow:hidden;
						margin:0;
						padding:12px 0;
						font-family:Arial, sans-serif;
						font-size:14px;
						color:#000000;
						text-decoration:none;
						line-height:1;
						white-space:nowrap;
						background-color:#FFFFFF;
						cursor:default;
					}
					#main .navigation .menu ul.menu1 li.btn1._OVER a.lien1 {
						color:#CC0000;
					}
					@media screen and (max-width: 1200px) and (min-width: 720px) {
					#main .navigation .menu ul.menu1 li.btn1 a.lien1 {
						display:inline-block;
					}
					}
					@media screen and (max-width: 719px) {
					#main .navigation .menu ul.menu1 li.btn1 a.lien1 {
						width:100%;
					}
					}
			
			/* Niveau 2 */
			#main .navigation .menu ul.menu2 {
				display:block;
				position:relative;
				float:left;
				clear:both;
				list-style:none;
				margin:0;
				padding:0;
			}
			@media screen and (max-width: 1200px) and (min-width: 720px) {
			#main .navigation .menu ul.menu2 {
				display:none;
				width:100%;
				margin:0;
				left:-20px;
				background-color:#FFFFFF;
			}
			#main .navigation .menu ul.menu2._OVER {
				display:block;
				top:-10px;
			}
			}
			@media screen and (max-width: 719px) {
			#main .navigation .menu ul.menu2 {
				display:block;
				width:100%;
				clear:both;
			}
			}
				#main .navigation .menu ul.menu2 li.btn2 {
					display:block;
					position:relative;
					float:left;
					list-style:none;
					margin:0; /*[JS]*/
					padding:0;
				}
				@media screen and (max-width: 1200px) and (min-width: 720px) {
				#main .navigation .menu ul.menu2 li.btn2 {
					clear:both;
					margin:0;
					width:100%;
				}
				#main .navigation .menu ul.menu2 li.btn2.arrow {
					height:50px;
					background-image:url("../img/navigation/menu/fleche-1-out.jpg");
					background-position:top left;
					background-repeat:no-repeat;
				}
				#main .navigation .menu ul.menu2 li.btn2.arrow._OVER,
				#main .navigation .menu ul.menu2 li.btn2.arrow._ACTIF {
					background-image:url("../img/navigation/menu/fleche-1-over.jpg");
				}
				}
				@media screen and (max-width: 719px) {
				#main .navigation .menu ul.menu2 li.btn2 {
					clear:both;
					width:100%;
					margin:0;
				}
				}
					#main .navigation .menu ul.menu2 li.btn2 a.lien2 {
						display:inline-block;
						position:relative;
						float:left;
						width:auto;
						height:40px;
						overflow:hidden;
						margin:0;
						padding:12px 0;
						font-family:Arial, sans-serif;
						font-size:14px;
						color:#000000;
						text-decoration:none;
						line-height:1;
						white-space:nowrap;
						background-color:#FFFFFF;
					}
					#main .navigation .menu ul.menu2 li.btn2._OVER a.lien2,
					#main .navigation .menu ul.menu2 li.btn2._ACTIF a.lien2 {
						color:#CC0000;
						border-bottom:solid 2px #CC0000;
					}
					@media screen and (max-width: 1200px) and (min-width: 720px) {
					#main .navigation .menu ul.menu2 li.btn2 a.lien2 {
						display:block;
						width:100%;
						padding:12px 40px 12px 20px;
						border-left:solid 1px #dfdfdf;
						border-right:solid 1px #dfdfdf;
						border-bottom:solid 1px #dfdfdf;
						background-image:url("../img/navigation/menu/fleche-2-out.jpg"); /*[JS]*/
						background-position:center right;
						background-repeat:no-repeat;
					}
					#main .navigation .menu ul.menu2 li.btn2._OVER a.lien2,
					#main .navigation .menu ul.menu2 li.btn2._ACTIF a.lien2 {
						color:#FFFFFF;
						border-bottom:solid 1px #dfdfdf;
						background-image:url("../img/navigation/menu/fleche-2-over.jpg"); /*[JS]*/
						background-color:#CC0000;
					}
					#main .navigation .menu ul.menu2 li.btn2.arrow a.lien2 {
						margin-top:10px;
					}
					}
					@media screen and (max-width: 719px) {
					#main .navigation .menu ul.menu2 li.btn2 a.lien2 {
						display:block;
						width:100%;
						padding:12px 20px;
						border-bottom:solid 1px #dfdfdf;
						background-image:url("../img/navigation/menu/fleche-2-out-v.jpg");
						background-position:center right;
						background-repeat:no-repeat;
					}
					#main .navigation .menu ul.menu2 li.btn2._OVER a.lien2,
					#main .navigation .menu ul.menu2 li.btn2._OPEN a.lien2 {
						color:#FFFFFF;
						border-bottom:none;
						background-color:#CC0000;
						background-image:url("../img/navigation/menu/fleche-2-over-v.jpg");
					}
					#main .navigation .menu ul.menu2 li.btn2._ACTIF a.lien2 {
						color:#FFFFFF;
						border-bottom:none;
						background-color:#CC0000;
						background-image:url("../img/navigation/menu/fleche-2-over-v.jpg");
					}
					#main .navigation .menu ul.menu2 li.btn2._OPEN a.lien2 {
						background-image:url("../img/navigation/menu/fleche-2-over-v-on.jpg") !important;
					}
					}
						#main .navigation .menu ul.menu2 li.btn2 a .nb {
							display:block;
							position:absolute;
							width:15px;
							top:10px;
							left:4px;
							font-family:Arial, sans-serif;
							font-size:9px;
							text-align:center;
						}
						@media screen and (max-width: 1200px) {
						#main .navigation .menu ul.menu2 li.btn2 a .nb {
							left:24px;
						}
						}
		
			/* Niveau 3 */
			#main .navigation .menu ul.menu3 {
				display:none;
				position:absolute;
				float:left;
				clear:both;
				list-style:none;
				margin:41px 0 0 0;
				padding:0;
				z-index:9999;				
			}
			@media screen and (max-width: 719px) {
			#main .navigation .menu ul.menu3 {
				width:100%;
				clear:both;
			}
			}
			#main .navigation .menu ul.menu3._OVER {
				display:block;
				top:-10px;
			}
			@media screen and (max-width: 1200px) and (min-width: 720px) {
			#main .navigation .menu ul.menu3._OVER {
				top:-40px;
				left:100%;
			}
			}
			@media screen and (max-width: 719px) {
			#main .navigation .menu ul.menu3._OVER {
				position:relative;
				margin-top:0;
				top:0;
				left:0;
			}
			}
				#main .navigation .menu ul.menu3 li.btn3 {
					display:block;
					position:relative;
					float:left;
					clear:both;
					width:100%;
					list-style:none;
					margin:0;
					padding:0;
				}
				#main .navigation .menu ul.menu3 li.btn3.arrow {
					height:50px;
					background-image:url("../img/navigation/menu/fleche-1-out.jpg");
					background-position:top left;
					background-repeat:no-repeat;
				}
				#main .navigation .menu ul.menu3 li.btn3.arrow._OVER {
					background-image:url("../img/navigation/menu/fleche-1-over.jpg");
				}
				@media screen and (max-width: 1200px) and (min-width: 720px) {
				#main .navigation .menu ul.menu3 li.btn3.arrow {
					height:40px;
					background-image:none;
					border-top:solid 1px #dfdfdf;
					top:-1px;
				}
				#main .navigation .menu li.btn2.arrow ul.menu3 li.btn3.arrow {
					margin-top:9px;
				}
				#main .navigation .menu ul.menu3 li.btn3.arrow._OVER {
					background-image:none;
				}
				}
				@media screen and (max-width: 719px) {
				#main .navigation .menu ul.menu3 li.btn3.arrow {
					height: auto;
    				margin-bottom: 0;
				}
				#main .navigation .menu ul.menu3 li.btn3.arrow._OVER {
					background-image:none;
				}
				}
					#main .navigation .menu ul.menu3 li.btn3 a.lien3 {
						display:block;
						position:relative;
						float:left;
						width:100%;
						height:40px;
						overflow:hidden;
						margin:0;
						padding:12px 20px;
						font-family:Arial, sans-serif;
						font-size:14px;
						color:#000000;
						text-decoration:none;
						line-height:1;
						white-space:nowrap;
						background-image:none;
						background-color:#FFFFFF;
						border-left:solid 1px #dfdfdf;
						border-right:solid 1px #dfdfdf;
						border-bottom:solid 1px #dfdfdf;
					}

					@media screen and (max-width: 719px) {
						#main .navigation .menu ul.menu3 li.btn3 a.lien3  {
							height:auto !important;
							white-space: normal;
						}
					}
					#main .navigation .menu ul.menu3 li.btn3._OVER a.lien3 {
						color:#FFFFFF;
						background-color:#CC0000;
					}
					@media screen and (max-width: 1200px) and (min-width: 720px) {
					#main .navigation .menu ul.menu3 li.btn3 a.lien3 {						
						left:-1px;
					}
					}
					@media screen and (max-width: 719px) {
					#main .navigation .menu ul.menu3 li.btn3 a.lien3 {
						border-left:none;
						border-right:none;
						padding-left:50px;
						background-image:url("../img/navigation/menu/fleche-3-out.jpg");
						background-position:center left;
						background-repeat:no-repeat;
						background-color:#FFF6F6;
					}
					#main .navigation .menu ul.menu3 li.btn3._OVER a.lien3 {
						background-image:url("../img/navigation/menu/fleche-3-over.jpg");
					}
					}
					#main .navigation .menu ul.menu3 li.btn3.arrow a.lien3 {
						margin-top:10px;
					}
					@media screen and (max-width: 1200px) and (min-width: 720px) {
					#main .navigation .menu ul.menu3 li.btn3.arrow {
						margin-top:-1px;
					}
					#main .navigation .menu ul.menu3 li.btn3.arrow a.lien3 {
						margin-top:0;
					}
					}
					@media screen and (max-width: 719px) {
					#main .navigation .menu ul.menu3 li.btn3.arrow a.lien3 {
						margin-top:0;
					}
					}
/* => NAVIGATION ***************************************************************************/




/* => RECHERCHE ***************************************************************************/
	#main .navigation .zone-de-recherche {
		display:block;
		position:absolute;
		width:200px;
		height:135px;
		top:0;
		right:7.14286%;
		margin:-95px 0 0 0;
		background-color:#f2f2f2;
	}
	@media screen and (max-width: 1200px) and (min-width: 720px) {
	#main .navigation .zone-de-recherche {
		right:0;
	}
	}
	@media screen and (max-width: 719px) {
	#main .navigation .zone-de-recherche {
		position:relative;
		float:left;
		width:100%;
		margin:0;
		right:auto;
	}
	}
		#main .navigation .zone-de-recherche .centre-nom {
			display:block;
			position:absolute;
			margin:30px 0 0 15px;
			padding:0 15px 0 0;
			font-family:Arial, sans-serif;
			font-size:14px;
			color:#CC0000;
			line-height:1;
		}
		@media screen and (max-width: 719px) {
		#main .navigation .zone-de-recherche .centre-nom {
			margin:15px 0 0 2%;
		}
		}
		#main .navigation .zone-de-recherche .form_search {
			display:block;
			position:absolute;
			width:170px;
			height:30px;
			overflow:hidden;
			margin:70px 0 0 15px;
			padding:0;
			background-color:#FFFFFF;
			border:solid 1px #dfdfdf;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
			    -ms-border-radius:5px;
			     -o-border-radius:5px;
			        border-radius:5px;
		}
		@media screen and (max-width: 719px) {
		#main .navigation .zone-de-recherche .form_search {
			width:96%;
			height:43px;
			margin:45px 2% 0 2%;
		}
		}
			#main .navigation .zone-de-recherche .form_search .form_search_keyword {
				display:block;
				position:absolute;
				width:125px;
				height:auto;
				overflow:hidden;
				border:none;
				background:none;
				margin:6px 0 0 10px;
				font-family:Arial, sans-serif;
				font-size:12px;
				color:#3e4146;
			}
			@media screen and (max-width: 719px) {
			#main .navigation .zone-de-recherche .form_search .form_search_keyword {
				width:80%;
				margin:10px 0 0 10px;
			}
			}
			#main .navigation .zone-de-recherche .form_search .form_search_button {
				display:block;
				position:absolute;
				width:28px;
				height:28px;
				overflow:hidden;
				margin:0 0 0 137px;
				border:none;
				background-image:url("../img/navigation/zone-de-recherche-btn.jpg");
				background-position:top left;
				background-repeat:no-repeat;
				cursor:pointer;
			}
			@media screen and (max-width: 719px) {
			#main .navigation .zone-de-recherche .form_search .form_search_button {
				left:100%;
				margin:8px 0 0 -38px;
			}
			}
		#main .navigation .zone-de-recherche .acces-car-config {
			display:block;
			position:absolute;
			width:170px;
			margin:102px 0 0 15px;
		}
		@media screen and (max-width: 719px) {
		#main .navigation .zone-de-recherche .acces-car-config {
			width:130px;
			margin:102px 0 0 2%;
		}
		}
			#main .navigation .zone-de-recherche .acces-car-config a {
				display:block;
				position:relative;
				width:100%;
				height:100%;
				font-family:Arial, sans-serif;
				font-size:14px;
				color:#3a6b9b;
				text-decoration:none;
				line-height:1;
				background-image:url("../img/navigation/zone-de-recherche-arrow.jpg");
				background-position:right center;
				background-repeat:no-repeat;
			}
/* => RECHERCHE ***************************************************************************/



		
/* => NOUS TROUVER ***************************************************************************/
	#main .navigation .nous-trouver {
		display:block;
		position:absolute;
		width:200px;
		height:40px;
		overflow:hidden;
		top:0;
		right:7.14286%;
		margin:40px 0 0 0;
		background-color:#2a4b6d;
		
		/*>> Animation CSS3 <<*/
		/*
		-webkit-transition:all 0.4s;
		   -moz-transition:all 0.4s;
		    -ms-transition:all 0.4s;
			 -o-transition:all 0.4s;
				transition:all 0.4s;
		*/
		/*>> Animation CSS3 <<*/
		
	}
	@media screen and (max-width: 1200px) and (min-width: 720px) {
	#main .navigation .nous-trouver {
		right:0;
	}
	}
	@media screen and (max-width: 719px) {
	#main .navigation .nous-trouver {
		position:relative;
		float:left;
		width:100%;
		margin:0;
		right:auto;
	}
	}
	#main .navigation .nous-trouver-open {
		width:400px !important;
		height:300px !important;
	}
	@media screen and (max-width: 719px) {
	#main .navigation .nous-trouver-open {
		width:100% !important;
		height:300px !important;
	}
	}
		#main .navigation .nous-trouver .bouton {
			display:block;
			float:right;
			width:200px;
			height:40px;
			font-family:Arial, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			padding-top:10px;
			text-align:center;
			text-transform:uppercase;
			cursor:pointer;
		}
			#main .navigation .nous-trouver .bouton b {
				font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
				font-size:18px;
				font-weight:normal;
				line-height:1;
			}
		#main .navigation .nous-trouver .content {
			display:block;
			position:absolute;
			width:300px;
			height:auto;
			overflow:hidden;
			margin:70px 0 0 50px;
			padding:0;
		}
		@media screen and (max-width: 719px) {
		#main .navigation .nous-trouver .content {
			width:100%;
			padding-right:100px;
		}
		}
			#main .navigation .nous-trouver .content .titre {
				display:block;
				position:relative;
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0;
				padding:0 0 20px 0;
				font-family:"PFranklinGothicCnd", Arial, sans-serif;
				font-size:21px;
				font-style:normal;
				font-variant:normal;
				font-weight:normal;
				color:#FFFFFF;
				line-height:1;
				border-bottom:solid 1px #405d7c;
			}
			#main .navigation .nous-trouver .content .adresse,
			#main .navigation .nous-trouver .content .telephone,
			#main .navigation .nous-trouver .content .plan-acces {
				display:block;
				position:relative;
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0;
				padding:10px 0;
				font-family:Arial, sans-serif;
				font-size:14px;
				line-height:1.2;
				color:#FFFFFF;
				border-bottom:solid 1px #405d7c;
			}
				#main .navigation .nous-trouver .content .telephone .picto-tel {
					display:inline-block;
				}
				#main .navigation .nous-trouver .content .telephone .picto-fax {
					display:inline-block;
					margin-left:40px;
				}
				#main .navigation .nous-trouver .content .telephone .picto-plan {
					display:inline-block;
				}
				#main .navigation .nous-trouver .content .plan-acces a {
					color:#FFFFFF;
				}
/* => NOUS TROUVER ***************************************************************************/




/* => OMBRAGE ***************************************************************************/
	#main .ombrage {
		display:none;
		position:absolute;
		width:100%;
		height:100%;
		margin:0; /*[JS]*/
		padding:0;
		background-color:#000000;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		    filter:alpha(opacity=75);
		-khtml-opacity:0.75;
		  -moz-opacity:0.75;
		       opacity:0.75;
		z-index:8888;
	}
/* => OMBRAGE ***************************************************************************/
	
	
	
	
/* => SLIDER ***************************************************************************/
	#main #master-slider {
		display:none;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0;
		background-color:#FFFFFF;
	}
		#main #master-slider .device {
			display:block;
			position:relative;
			width:100%;
			height:100%;
			max-height:615px;
			padding:0;
			margin:0;
		}
			/* Specify Swiper's Size: */
			#main #master-slider .device .swiper-container,
			#main #master-slider .device .swiper-slide {
				width:100%;
				height:100%;
			}
			/* Specify Swiper's Size: */
			
			#main #master-slider .device .arrow-left {
				position:absolute;
				left:0;
				top:50%;
				margin-top:-30px;
				width:40px;
				height:60px;
				background-image:url("../img/slider/slider-btn.png");
				background-position:0 0;
				background-repeat:no-repeat;
				cursor:pointer;
				z-index:999;
				opacity:0.00; /*[JS]*/
			}
			#main #master-slider .device .arrow-left._OVER {
				background-position:0 -60px;
			}
			#main #master-slider .device .arrow-right {
				position:absolute;
				right:0;
				top:50%;
				margin-top:-30px;
				width:40px;
				height:60px;
				background-image:url("../img/slider/slider-btn.png");
				background-position:-40px 0;
				background-repeat:no-repeat;
				cursor:pointer;
				z-index:999;
				opacity:0.00; /*[JS]*/
			}
			#main #master-slider .device .arrow-right._OVER {
				background-position:-40px -60px;
			}
			@media screen and (max-width: 719px) {
			#main #master-slider .device .arrow-right,
			#main #master-slider .device .arrow-left {
				display:none;
			}
			}			
			#main #master-slider .device .swiper-slide {
				display:block;
				position:relative;
				width:100%;
				height:100%;
			}
			#main #master-slider .device .content-slide {
				display:block;
				position:absolute;
				width:auto; /*[JS]*/
				height:auto;
				margin:0; /*[JS]*/
				padding:0;
			}
			@media screen and (max-width: 719px) {
			#main #master-slider .device .content-slide {
				margin:0; /*[JS]*/
			}
			}
				#main #master-slider .device .content-slide a {
					display:block;
					position:relative;
					float:left;
					width:100%;
					height:auto;
					margin:0;
					padding:0;
					font-family:"PNewsGothic", Arial, sans-serif;
					font-size:40px; /*[JS]*/
					font-weight:normal;
					line-height:1;
					text-align:left;
					text-decoration:none;
					border:none;
				}
				@media screen and (max-width: 719px) {
				#main #master-slider .device .content-slide a {
					text-align:center;
				}
				}
				#main #master-slider .device .content-slide a.txt-black { color:#000000; }
				#main #master-slider .device .content-slide a.txt-white { color:#FFFFFF; }
				@media screen and (max-width: 719px) {
				#main #master-slider .device .content-slide a.txt-white { color:#000000; }
				}
				#main #master-slider .device .content-slide a:hover {
					color:#CC0000;
				}
					#main #master-slider .device .content-slide a b {
						display:inline-block;
						margin:0;
						padding:0;
						font-family:"PFranklinGothicCnd", Arial, sans-serif;
						font-size:50px; /*[JS]*/
						font-weight:normal;
						line-height:1;
						text-align:left;					
						text-decoration:none;
						border:none;
					}
						#main #master-slider .device .content-slide a b img {
							display:inline-block;
							position:relative;
							margin-right:-17px; /*[JS]*/
							left:-27px; /*[JS]*/
						}
			#main #master-slider .device .pagination {
				position:absolute;
				left:0;
				text-align:center;
				top:100%; /*[JS]*/
				margin-top:-25px; /*[JS]*/
				width:100%;
				z-index:999;
			}
			#main #master-slider .device .swiper-pagination-switch {
				display:inline-block;
				width:10px;
				height:10px;
				-webkit-border-radius:10px;
				   -moz-border-radius:10px;
					-ms-border-radius:10px;
					 -o-border-radius:10px;
						border-radius:10px;
				background:#cccccc;
				margin:0 3px;
				cursor:pointer;
			}
			#main #master-slider .device .swiper-active-switch {
				background:#ffffff;
			}
			@media screen and (max-width: 719px) {
			#main #master-slider .device .swiper-pagination-switch {
				background:#999999;
			}
			#main #master-slider .device .swiper-active-switch {
				background:#000000;
			}
			}
/* => SLIDER ***************************************************************************/




/* => FOOTER ***************************************************************************/
	#main .footer {
		display:block;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
		padding:0 7.14286% 0 7.14286%;
		background-color:#1b1d1f;
	}
		#main .footer .content {
			display:block;
			position:relative;
			width:100%;
			height:auto;
			overflow:hidden;
			margin:0;
			padding:0;
		}		
			#main .footer .content .texte {
				display:block;
				position:relative;
				float:left;
				width:50%;
				margin:60px 0;
				padding:0;
				font-family:Arial, sans-serif;
				font-size:11px;
				color:#f2f2f2;
			}
				#main .footer .content .texte .copyright {
					font-size:12px;
				}
				#main .footer .content .texte a {
					display:inline-block;
					font-size:12px;
					color:#f2f2f2;
					text-decoration:underline;
					cursor:pointer;
					margin:0 0 0 15px;
				}
				@media screen and (max-width: 719px) {
				#main .footer .content .texte .copyright {
					display:block;
					float:left;
				}
				#main .footer .content .texte a {
					display:block;
					float:left;
					clear:both;
					margin:0;
				}
				}
			#main .footer .content ul {
				display:block;
				position:relative;
				float:right;
				width:50%;
				margin:60px 0;
				padding:0;
				list-style:none;
			}
				#main .footer .content ul li {
					display:block;
					position:relative;
					float:right;
					margin:0 0 0 20px;
					padding:0;
					font-family:Arial, sans-serif;
					font-size:12px;
					color:#f2f2f2;
				}
				@media screen and (max-width: 719px) {
				#main .footer .content ul li {
					clear:both;
				}
				}
					#main .footer .content ul li a {
						color:#f2f2f2;
					}
			#main .footer .content .baseline {
				display:block;
				position:absolute;
				width:100%;
				height:50px;
				border-bottom:1px solid #3c3c3c;
				z-index:1;
			}
/* => FOOTER ***************************************************************************/


/* Video */
.video-wrapper {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 0 50px 0;
	padding: 0 7.14286%;
	background-color: #FFFFFF;
}

.video-wrapper .video-container {
	width: 655px;
	max-width: 100%;
	margin: 0 auto;
}
