/* FOND */
body																										{background:url('/i-fond_index.jpg') no-repeat top center; background-size:contain; background-color:#1A1A1A;}
@media all and (max-width: 1050px) {
	body																									{background-size:auto;}
}

/* ACCROCHES */
section .conteneur_diapo																					{position:relative; width:100%; height:750px;}
section .diapo_defaut																						{float:right; width:50%; height:750px;}
section .diapo_defaut .un_diapo																				{padding-top:calc(50% - 280px);}
section .diapo_defaut .un_diapo .txt_diapo																	{width:100%; padding:5px 0px; font-family:Metrix; font-size:60px; line-height:60px; text-align:center; -webkit-animation:animateTitle 5s; animation:animateTitle 5s;}
@media all and (max-width: 1600px) {
	section .conteneur_diapo, section .diapo_defaut															{height:600px;}
}
@media all and (max-width: 1400px) {
	section .conteneur_diapo, section .diapo_defaut															{height:500px;}
	section .diapo_defaut .un_diapo																			{padding-top:calc(50% - 220px);}
}
@media all and (max-width: 1150px) {
	section .conteneur_diapo																				{height:auto;}
	section .diapo_defaut																					{height:auto; width:calc(100% - 50px); padding-right:50px;}
	section .diapo_defaut .un_diapo																			{padding:150px 0px;}
	section .diapo_defaut .un_diapo .txt_diapo																{text-align:right;}
}
@media all and (max-width: 600px) {
	section .diapo_defaut																					{width:100%; padding-right:0px;}
	section .diapo_defaut .un_diapo .txt_diapo																{width:calc(100% - 40px); padding:5px 20px;}
}

/* BANDEAU DU HAUT */
section .bandeau																							{margin:0px 40px 100px; padding:40px; background:rgba(0,0,5,0.95); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-animation:animateParagraphe 0.6s ease 0.25s forwards; animation:animateParagraphe 0.6s ease 0.25s forwards;}
section .bandeau h1																							{font-family:Metrix; font-size:50px; line-height:50px; color:#F05B2B; text-align:center; font-weight:bold; padding:0px 0px 40px;}
section .bandeau .detail_com																				{}
section .bandeau .detail_com .detail																		{float:left; width:25%;}
section .bandeau .detail_com .detail .visuel																{text-align:center; padding:0px 0px 40px;}
section .bandeau .detail_com .detail:hover .visuel img														{animation:shake 0.6s; animation-iteration-count:infinite;}
section .bandeau .detail_com .detail .txt																	{border-top:2px solid #383838; font-family:Metrix; font-size:45px; line-height:45px; text-align:center; padding:40px 0px 0px;}
section .bandeau .detail_com .detail .txt a:hover															{text-decoration:none;}
@media all and (max-width: 1400px) {
	section .bandeau .detail_com .detail																	{width:50%;}
	section .bandeau .detail_com .detail .txt																{border-bottom:2px solid #383838; border-top:0px; padding:0px 0px 40px;}
}
@media all and (max-width: 800px) {
	section .bandeau																						{margin-left:20px; margin-right:20px; padding:20px;}
	section .bandeau .detail_com .detail																	{width:100%;}
}

/* INFORMATIONS BROMWEB */
section .acc_info																							{padding:0px 0px 200px;}
section .acc_info .gauche																					{text-align:center;}
section .acc_info .gauche h2																				{font-family:Metrix; font-size:70px; line-height:80px; margin:auto; max-width:800px; padding:0px 0px 50px;}
section .acc_info .gauche p																					{font-size:25px; line-height:30px; padding:0px 40px;}
section .acc_info .droite																					{padding:200px 0px 0px;}
section .acc_info .droite .detail																			{float:left; width:calc(50% + 20px);}
section .acc_info .droite .detail .txt																		{float:left; width:calc(100% - 220px); text-align:right; font-size:40px; line-height:40px; font-weight:bold; text-transform:uppercase; padding:80px 0px 0px;}
section .acc_info .droite .detail .txt a:hover																{text-decoration:none;}
section .acc_info .droite .detail .picto																	{float:right; width:200px; height:200px;}
section .acc_info .droite .detail:hover .picto img															{animation:shake 0.6s; animation-iteration-count:infinite;}
section .acc_info .droite .detail.detail_droite																{float:right; margin:-12px 0px;}
section .acc_info .droite .detail.detail_droite .txt														{float:right; text-align:left;}
section .acc_info .droite .detail.detail_droite .picto														{float:left;}
@media all and (max-width: 1250px) {
	section .acc_info																						{padding:0px 0px 100px;}
	section .acc_info .droite																				{padding:100px 0px 0px;}
	section .acc_info .droite .detail,
	section .acc_info .droite .detail.detail_droite															{float:none; width:calc(100% - 40px); padding:0px 20px;}
	section .acc_info .droite .detail .picto																{float:left;}
	section .acc_info .droite .detail .txt																	{float:right; text-align:left;}
	section .acc_info .droite .detail.detail_droite															{margin:0px;}
}
@media all and (max-width: 700px) {
	section .acc_info .gauche h2																			{font-size:50px; line-height:60px;}
	section .acc_info .gauche p																				{font-size:20px; line-height:25px; padding:0px 20px; text-align:justify;}
	section .acc_info .droite .detail .picto,
	section .acc_info .droite .detail.detail_droite .picto													{float:none; margin:auto;}
	section .acc_info .droite .detail .txt,
	section .acc_info .droite .detail.detail_droite .txt													{float:none; margin:auto; width:100%; padding:20px 0px 5px; text-align:center;}
}

/* ETOILE FILANTE */
section .conteneur_etoile_filante																			{position:relative; width:100%; height:220px;}
section .conteneur_etoile_filante img																		{position:absolute; left:-550px; bottom:-500px; z-index:-100; opacity:0;}
section .conteneur_etoile_filante img.animate_star															{animation:animateShootingStar 20s; opacity:1;}
@media all and (max-width: 750px) {
	section .conteneur_etoile_filante																		{display:none;}
}
@-webkit-keyframes animateShootingStar 																		{0% {transform:translate(100vmax, -150px) rotate(20deg); opacity:1;} 100% {transform:translate(0px, 0px) rotate(0deg);  opacity:1;}}
@keyframes animateShootingStar																				{0% {transform:translate(100vmax, -150px) rotate(15deg); opacity:1;} 100% {transform:translate(0px, 0px) rotate(0deg);  opacity:1;}}

/* DETAIL */
section .acc_msp																							{padding:100px 0px; position:relative;}
section .acc_msp .barre_orange																				{position:absolute; top:0px; left:calc(50% - 200px); width:400px; height:10px; background:linear-gradient(#F05B2B, #F05B2B, #F27B10);}
section .acc_msp .logo																						{float:left; width:38%; text-align:center; padding:100px 0px 0px;}
section .acc_msp .logo svg.picto_svg, section .acc_msp .logo svg.picto_svg rect,
section .acc_msp .logo svg.picto_svg path, section .acc_msp .logo svg.picto_svg g path						{fill:#F05B2B;}
section .acc_msp .logo svg.picto_svg g.black_or_white path													{fill:#FFF;}
section .acc_msp .contenu																					{float:right; width:calc(62% - 80px); padding:0px 40px;}
section .acc_msp .contenu h3																				{font-family:Metrix; font-size:70px; line-height:50px;}
section .acc_msp .contenu h3 span																			{font-family:Montserrat, Arial, Sans Serif; font-size:40px; font-weight:normal;}
section .acc_msp .contenu p																					{font-size:25px; line-height:35px; padding:40px 0px; text-align:justify;}
section .acc_msp .plus_info																					{position:relative; width:500px; height:318px; margin:auto; background:url('/i-v2_bouton.png') no-repeat top center;}
section .acc_msp .plus_info a																				{position:absolute; top:141px; left:170px; width:200px; padding:15px 0px; text-align:center; font-size:25px; line-height:25px; background:#F27B10; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; transition:.5s;}
section .acc_msp .plus_info a:hover																			{background:#F05B2B; text-decoration:none;}
section .acc_msp:not(.acc_bromgestion)																		{background:rgba(13,13,13,0.85);}
section .acc_msp.acc_experience																				{background:linear-gradient(rgba(224,131,59,0.6), #1A1A1A, #1A1A1A);}
section .acc_msp.acc_experience h3																			{width:400px; padding:280px 300px 0px; height:852px; margin:auto; font-family:Metrix; font-size:70px; line-height:70px; text-align:center; background:url('/i-v2_globe.png') no-repeat top center;}
section .acc_msp.acc_experience h3 .plus_de																	{font-size:118px; line-height:136px;}
section .acc_msp.acc_experience h3 .chiffre																	{font-size:390px; line-height:315px;}
section .acc_msp.acc_experience h3 .annee																	{font-size:257px; line-height:180px;}
@media all and (max-width: 1450px) {
	section .acc_msp .logo																					{float:none; width:100%; padding:0px 0px 50px;}
	section .acc_msp .logo svg																				{width:calc(100% - 40px); max-width:400px;}
	section .acc_msp .contenu																				{float:none; width:calc(100% - 40px); padding:0px 20px;}
}
@media all and (max-width: 1000px) {
	section .acc_msp.acc_experience h3																		{padding:50px 0px 0px; height:auto; background:none;}
}
@media all and (max-width: 700px) {
	section .acc_msp .contenu h3																			{font-size:50px; line-height:40px;}
	section .acc_msp .contenu h3 span																		{font-size:30px;}
	section .acc_msp .contenu p																				{font-size:20px; line-height:25px;}
}
@media all and (max-width: 500px) {
	section .acc_msp .plus_info																				{width:100%; height:auto; background:none;}
	section .acc_msp .plus_info a																			{top:0px; left:calc(50% - 100px);}
	section .acc_msp.acc_experience h3																		{width:300px; font-size:60px; line-height:60px;}
	section .acc_msp.acc_experience h3 .plus_de																{font-size:94px; line-height:94px;}
	section .acc_msp.acc_experience h3 .chiffre																{font-size:339px; line-height:275px;}
	section .acc_msp.acc_experience h3 .annee																{font-size:220px; line-height:135px;}
	section .acc_msp .barre_orange																			{left:10%; width:80%;}
}

/* REALISATION */
section .acc_real																							{padding:0px 40px 0px;}
section .acc_real .une_real																					{float:left; width:calc((100% / 3) - 40px); margin:0px 10px; padding:10px; background:#2C2C2C;}
section .acc_real .une_real .img																			{height:300px; overflow:hidden;}
section .acc_real .une_real .img img																		{width:100%; -webkit-transform:scale(1); transform:scale(1); filter:grayscale(1); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
section .acc_real .une_real:hover .img img																	{-webkit-transform:scale(1.2); transform:scale(1.2); filter:grayscale(0);}
section .acc_real .une_real .nom																			{padding:10px; font-weight:bold; font-size:30px; line-height:30px; text-transform:uppercase;}
section .acc_real .une_real .nom a:hover																	{text-decoration:none;}
@media all and (max-width: 1600px) {
	section .acc_real																						{padding:0px 10px;}
	section .acc_real .une_real .nom																		{font-size:20px; line-height:20px;}
}
@media all and (max-width: 1200px) {
	section .acc_real .une_real																				{float:none; width:calc(100% - 20px); margin:20px 0px 0px;}
}

/* BNI */
section .acc_bni																							{padding:200px 0px 750px; background:url('/i-v2_fond_pied_page.jpg') no-repeat top center; background-size:cover; text-align:center;}
section .acc_bni h3																							{font-family:Metrix; font-size:70px; line-height:80px; padding:100px 0px;}
section .acc_bni p																							{font-size:25px; line-height:35px;  padding:0px 40px;}
@media all and (max-width: 700px) {
	section .acc_bni h3																						{font-size:50px; line-height:40px;}
	section .acc_bni p																						{font-size:20px; line-height:25px; text-align:justify;}
}
footer																										{margin-top:-500px;}