@charset "utf-8";
/* 
FONTS :
	1. montserrat-alternates
	2. 911_normal
	3. 911_title
	4. 911_italic

ROUGE CLAIR : #FB0A01
ROUGE FONCE : #C50802
*/

@font-face { font-family: '911_normal'; src:url('fonts/porsche-911.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: '911_title'; src:url('fonts/porsche-911-3d.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: '911_italic'; src:url('fonts/porsche-911-semital.ttf') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'montserrat-alternates'; src:url('fonts/montserrat-alternates.ttf') format('truetype'); font-weight: normal; font-style: normal; }

* { box-sizing: border-box; }
img { width:100%; height:auto; }
a { text-decoration:none; }
div { -moz-box-sizing:border-box; box-sizing:border-box; }

html { height:100%; }
body { min-height:100%; background-color:#000000; font-size:1vw; font-family:'Montserrat-alternates', Verdana, Geneva, sans-serif; position:relative; margin:0; padding:0 0 9vw 0; }

.bandeau { width:100%; display:flex; flex-wrap:wrap; background-color:#000000; color:#FFFFFF; padding:2rem 1rem 1rem 1rem; align-items:center; }
	.bandeau_01_logo { width:35%; font-size:0; padding-left:2rem; }
	.bandeau_02_slogan { width:50%; text-align:center; padding:0; }
		.bandeau_02_slogan h1 { margin:0; padding:0; font-size:1.2rem; font-weight:normal; }
	.bandeau_03_btns { width:15%; display:flex; flex-wrap:wrap; justify-content:right; }
		.bandeau_03_btns div { padding:0 0.25vw; font-size:0; }
			.bandeau_03_btns div:last-child { padding-right:0; }

.diapo { width:100%; background-color:#000000; padding:1vw 0; }

.rs { width:100%; display:flex; flex-wrap:wrap; }
	.rsBox { width:100%; margin:1em auto; display:flex; flex-wrap:wrap; background-color:#000000; color:#FFFFFF; font-family:'montserrat-alternates',Verdana, Geneva, sans-serif; padding:1rem 4rem; }
		.rsBox_pict { width:100%; display:flex; flex-wrap:wrap; position:relative; }
			.rsBox_pict_img { width:50%; font-size:0; }
			.rsBox_pict_squarre { width:50%; display:flex; flex-wrap:wrap; }
				.rsBox_pict_squarre_texte { width:100%; margin:0 auto; display:flex; flex-wrap: wrap; justify-content:center; align-content:center; }
					.rsBox_pict_squarre_texte h2 { width:100%; text-align:center; }
						.rsBox_pict_squarre_texte h2 i { font-size:2rem; }
					.rsBox_pict_squarre_texte p { width:100%; padding:0 4rem; text-align:center; font-size:1em;  }
			.rsBox_pict_copyright { position:absolute; bottom:0; left:0; background-color:rgba(197,8,2,0.75); color:#FFFFFF; padding:0.25rem 0.5rem; font-size:0.65rem; text-shadow:2px 2px 5px #000000; }
				.rsBox_pict_copyright a:link, .rsBox_pict_copyright a:visited { color:#FFFFFF; }
				.rsBox_pict_copyright a:hover, .rsBox_pict_copyright a:active { color:#000000; }
		.rsBox_text { width:50%; margin:2rem auto; text-align:center; font-size:1.5rem; }
			.rsBox_text a:link, .rsBox_text a:visited { color:#FB0A01; }
			.rsBox_text a:hover, .rsBox_text a:active { color:#FFFFFF; }


.intro  { width:100%; display:flex; flex-wrap:wrap; padding:2vw; }

.contactBox { width:100%; display:flex; flex-wrap:wrap; background-color:#000000; }
	.contactBox_pict { width:50%; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; }
	.contactBox_content { width:50%; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-content:center; background-color:#FFFFFF; }
		.contactBox_content_phone { width:35%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; }
		.contactBox_content_text { width:100%; display:flex; flex-wrap:wrap; justify-content:center; padding:1rem 2rem; }
			.contactBox_content_text div { width:50%; margin:0 auto; display:flex; flex-wrap:wrap; padding:0 2rem; justify-content:center; align-content:center; }
				.contactBox_content_text div p { text-align:center; }
				.telBTN { margin:0.5rem 0; padding:0.5rem 2rem; background-color:#000000; border:#C50802 1px solid; border-radius:0.25rem; color:#FFFFFF; }
			.contactBox_content_text a:link, .contactBox_content_text a:visited { background-color:rgba(197,8,2); color:#FFFFFF; padding:0.5rem 2rem; border-radius:0.5rem; }
			.contactBox_content_text a:hover, .contactBox_content_text a:active { color:#000000; }

footer { position:absolute; bottom:0; left:0; right:0; background-color:#000000; color:#FFFFFF; padding:1vw 2vw; display:flex; z-index:1; }
	.footer_box { width:100%; padding:1vw 2vw; display:flex; flex-wrap:wrap; justify-content:space-between; font-size:0.75vw; font-style:italic; align-content:flex-end; }
		.footer_box a:link, .footer_box a:visited { color:#FF0000; }
		.footer_box a:hover, .footer_box a:active { color:#FFFFFF; }
		.footer_box_01 { width:50%; display:flex; flex-direction:column; }
			/* .footer_box_01 span { padding:0 0.5vw; }  */
		.footer_box_02 { width:50%; display:flex; flex-wrap:wrap; }
			.footer_box_02 div { width:100%; text-align:right; }

@media only screen and (max-width: 1280px) {
	.bandeau_02_slogan { width:45%; }
		.bandeau_02_slogan h1 { font-size:1rem; }
	.bandeau_03_btns { width:20%; }
		.bandeau_03_btns div { padding:0; text-align:center; }
			.bandeau_03_btns div img { width:60%;  }	
	
	.rsBox { margin:0; }
		.rsBox_pict { display:flex; flex-wrap:wrap; padding-bottom:0; position:static; }
			.rsBox_pict_img { width:50%; }
			.rsBox_pict_squarre { width:50%; position:static; }
				.rsBox_pict_squarre_texte { width:100%; display:flex; flex-wrap:wrap; padding:0; justify-content:center; align-content:center; }
					.rsBox_pict_squarre_texte p { display:block; width:100%; padding:0 4rem; text-align:justify; font-size:1rem; }
		.rsBox_pict_copyright { left:0; right:unset; bottom:0; }
		
}

@media only screen and (max-width:1024px) {
	/* IPAD PRO */
	.bandeau { padding:2rem 0; }
		.rsBox_pict_squarre_texte h2 { margin:0; padding:0; }
		.rsBox_pict_squarre_texte p { margin:0; padding:0.5rem 2rem 0 2rem; }
			
	.diapo { padding:0; }
	
	.contactBox_content_text { padding:0; }

	.footer_box { font-size:1.5vw; }
}

@media only screen and (max-width:800px) {
	body { font-size:1.5vw; }	
		.bandeau_01_logo, .bandeau_02_slogan { width:100%; }
		.bandeau_01_logo { padding:2rem 0; }
		.bandeau_03_btns { width:100%; justify-content:center; padding-top:2rem; }
		
		.rsBox_pict_squarre_texte p { font-size:1.5vw; }
		
		.contactBox_content { flex-direction:row; }
			.contactBox_content_phone { width:30%; }
			.contactBox_content_text { width:70%; }
				.contactBox_content_text div { padding:0; width:100%; }

}

@media only screen and (max-width:600px) {
	body { font-size:4vw; padding-bottom:0; }
	.bandeau { padding:2rem 1rem 0 1rem; }
		.bandeau_02_slogan h1 { font-size:5vw; }
		.bandeau_03_btns { margin:4vw 0; justify-content:space-around; }
			.bandeau_03_btns div img { width:100%; }
	.diapo { display:none; }
	.intro { padding:0 3vw; }
	.rsBox { position:static; margin-bottom:0; }
		.rsBox_pict { position:static; padding-bottom:0; }
			.rsBox_pict_img { width:100%; position:static; }
				.rsBox_pict_squarre { width:100%; position:static; }
					.rsBox_pict_squarre_texte h2 { padding:2rem 0 0 0; }
					.rsBox_pict_squarre_texte p { padding:2rem 2rem; font-size:1.5rem; }
				.rsBox_pict_copyright { display:none; }
				.rsBox_text { width:50%; margin:2rem auto; text-align:center; font-size:1.5rem; }
					.rsBox_text a:link, .rsBox_text a:visited { color:#FB0A01; }
					.rsBox_text a:hover, .rsBox_text a:active { color:#FFFFFF; }


	.contactBox { margin-top:1rem; }
		.contactBox_pict { display:none; }
		.contactBox_content { width:100%; }
			.contactBox_content_phone { width:75%; }
				.contactBox_content_text div { width:100%; padding:0; }

	footer { position:static; }
		.footer_box { font-size:3vw; }
			.footer_box_01, .footer_box_02 { width:100%; justify-content:center;margin:2vw 0; }
				.footer_box_01 div, .footer_box_02 div { text-align:center; line-height:2; }
}