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

/* => PAGE ***************************************************************************/
	#main .page {
		display:none;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		margin:20px 0;
		padding:0;
		background-color:#FFFFFF;
		z-index:999;
	}
	@media screen and (max-width: 719px) {
	#main .page {
		margin:0 0 20px 0;
	}
	}
	
	/* => Introduction */
	#main .page .introduction {
		display:block;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:30px 0 50px 0;
		padding:0 7.14286%;
		background-color:#FFFFFF;
	}
		#main .page .introduction a {
			display:inline-block;
			padding:8px 20px;
			background-color:#3e4145;
			color:#FFFFFF;
			text-decoration:none;
			-webkit-border-radius:5px;
			   -moz-border-radius:5px;
				-ms-border-radius:5px;
				 -o-border-radius:5px;
					border-radius:5px;
		}
			#main .page .introduction a img {
				display:inline-block;
				margin:0;
				padding:0;
				border:none;
				outline:none;
			}
	
	/* => Actualités */
	#main .page .actualites {
		display:block;
		position:relative;
		float:left;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
		/*padding:0 7.14286%;*/
		padding:0;
		background-color:#FFFFFF;
	}
		#main .page .actualites .device {
			display:block;
			position:relative;
			/*width:100%;*/
			width:85.71428%;
			height:100%; /*[JS]*/
			/*margin:0;*/
			margin:0 7.14286%;
			padding:0;
		}	
			#main .page .actualites .device .arrow-left {
				display:block;
				position:absolute;
				left:-40px;
				top:0;
				width:40px;
				height:60px;
				margin:0; /*[JS]*/
				padding:0;
				background-image:url("../img/homepage/actualites/slider-btn.png");
				background-position:0 0;
				background-repeat:no-repeat;
				cursor:pointer;
				z-index:999;
			}
			#main .page .actualites .device #arrow-left-1 { display:block; }
			#main .page .actualites .device #arrow-left-2 { display:none; }
			#main .page .actualites .device .arrow-left._OFF { display:none !important; }
			@media screen and (max-width: 720px) {
			#main .page .actualites .device .arrow-left { left:-20px; width:20px; height:30px; background-image:url("../img/homepage/actualites/slider-btn-pt.png"); }
			}
			#main .page .actualites .device .arrow-right {
				display:block;
				position:absolute;
				right:-40px;
				top:0;
				width:40px;
				height:60px;
				margin:0; /*[JS]*/
				padding:0;
				background-image:url("../img/homepage/actualites/slider-btn.png");
				background-position:-40px 0;
				background-repeat:no-repeat;
				cursor:pointer;
				z-index:999;
			}
			#main .page .actualites .device #arrow-right-1 { display:block; }
			#main .page .actualites .device #arrow-right-2 { display:none; }
			#main .page .actualites .device .arrow-right._OFF { display:none !important; }
			@media screen and (max-width: 720px) {
			#main .page .actualites .device .arrow-right { right:-20px; width:20px; height:30px; background-image:url("../img/homepage/actualites/slider-btn-pt.png"); background-position:-20px 0; }
			}
			#main .page .actualites .device .swiper-slide {
				display:block;
				position:relative;
				width:100%;
				height:auto; /*[JS]*/
				overflow:hidden;
			}
				#main .page .actualites .device .swiper-slide .slide {
					display:block;
					position:relative;
					float:left;
					width:23%;
					height:auto; /*[JS]*/
					overflow:hidden;
					margin:0 1%;
					padding:0;
					background-color:#FFFFFF;
				}
				@media screen and (max-width: 720px) {
				#main .page .actualites .device .swiper-slide .slide {
					width:48%;
				}
				}		
					#main .page .actualites .device .swiper-slide .slide a {
						display:block;
						position:relative;
						float:left;
						width:100%;
						height:auto;
						overflow:hidden;
						margin:0;
						padding:0;
					}	
						/*#main .page .actualites .device .swiper-slide .slide a img {
							display:block;
							position:relative;
							float:left;
							width:100%;
							height:auto;
							overflow:hidden;
							margin:0;
							padding:0;
							border:none;
							outline:none;
						}*/					
						#main .page .actualites .device .swiper-slide .slide a .visuel {
							display:block;
							position:relative;
							float:left;
							width:100%;
							height:auto;
							overflow:hidden;
							margin:0;
							padding:0;
							background-position:center center;
							background-repeat:no-repeat;
							-webkit-background-size:cover;
							   -moz-background-size:cover;
							    -ms-background-size:cover;
								 -o-background-size:cover;
									background-size:cover;
						}
						#main .page .actualites .device .swiper-slide .slide a .accroche {
							display:block;
							position:relative;
							float:left;
							width:100%;
							height:auto;
							overflow:hidden;
							margin:0;
							padding:10px 0 10px 15px;
							background-image:url("../img/homepage/actualites/fleche-lien.jpg");
							background-position:top left;
							background-repeat:no-repeat;
							font-family:Arial, sans-serif;
							font-size:14px;
							font-weight:bold;
							color:#000000;
							text-decoration:none;
							line-height:1.1;
						}
						@media screen and (max-width: 1000px) {
						#main .page .actualites .device .swiper-slide .slide a .accroche {
							font-size:12px;
							padding:13px 0 10px 15px;
						}
						}
						@media screen and (max-width: 360px) {
						#main .page .actualites .device .swiper-slide .slide a .accroche {
							font-size:10px;
							padding:13px 0 0 15px;
						}
						}
						#main .page .actualites .device .swiper-slide .slide a:hover .accroche {
							color:#CC0000;
							text-decoration:underline;
						}
	
	/* => Réseaux sociaux */
	#main .page .reseaux-sociaux {
		display:block;
		position:relative;
		float:left;
		width:85.71428%;
		height:auto;
		overflow:hidden;
		margin:50px 7.14286%;
		padding:30px 0 0 0;
		background-color:#FFFFFF;
		border-top:solid 1px #CCCCCC;
	}
		#main .page .reseaux-sociaux .suivre-porsche {
			display:block;
			position:relative;
			float:left;
			width:50%;
			height:auto;
			overflow:hidden;
			margin:0;
			padding:0 5% 0 0;
		}
		@media screen and (max-width: 480px) {
		#main .page .reseaux-sociaux .suivre-porsche {
			width:100%;
			margin-bottom:30px;
			padding:0;
		}
		}
			#main .page .reseaux-sociaux .suivre-porsche .entete {
				display:block;
				position:relative;
				float:left;
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0;
				padding:0;
				font-family:"itc_franklin_gothicbookcnd", Arial, sans-serif;
				font-size:20px;
				text-align:left;
				color:#999999;
			}
			#main .page .reseaux-sociaux .suivre-porsche .logo {
				display:block;
				position:relative;
				float:left;
				width:100%;
				height:auto;
				overflow:hidden;
				margin:0;
				padding:0;
			}
		#main .page .reseaux-sociaux .newsletter {
			display:block;
			position:relative;
			float:left;
			width:50%;
			height:auto;
			overflow:hidden;
			margin:0;
			padding:0;
			font-family:Arial, sans-serif;
			font-size:14px;
			text-align:right;
		}
		@media screen and (max-width: 480px) {
		#main .page .reseaux-sociaux .newsletter {
			width:100%;
			text-align:left;
		}
		}
			#main .page .reseaux-sociaux .newsletter a {
				display:inline-block;
				padding:8px 20px;
				background-color:#cb1417;
				color:#FFFFFF;
				text-decoration:none;
				-webkit-border-radius:5px;
				   -moz-border-radius:5px;
					-ms-border-radius:5px;
					 -o-border-radius:5px;
						border-radius:5px;
			}
	
/* => PAGE ***************************************************************************/