@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*    ---------------  GLOBAL  -------------------    */


* { font-family: 'Rubik', sans-serif; color:#555;text-rendering: geometricPrecision; }
html { background-color:rgb(255,255,255) !important; scroll-behavior: smooth;height: 100%; overflow-x: hidden;}
body {
    margin: 0px;
    padding: 0px;
    border: 0px;
    min-width: 320px;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgb(255,255,255) !important;
    min-height: 100%;
    position: relative;
}
.transition { -webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important; transition: all 0.5s ease !important; }
.transition a:hover { -webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important; transition: all 0.5s ease !important; }
.clear { clear:both; }


.txt_white { color: rgba(255,255,255,1) }
.txt_lightgrey { color: rgba(230,230,230,1) }
.txt_grey { color: rgba(120,120,120,1) }
.txt_darkgrey { color: rgba(30,30,30,1) }
.txt_black { color: rgba(0,0,0,1) }
.txt_logoblue { color:rgba(72, 149, 175,1) }
.txt_darkblue { color:rgba(31, 85, 142,1) }

	
.bg_white { background-color: rgba(255,255,255,1) }
.bg_lightgrey { background-color: rgba(230,230,230,1); }
.bg_grey { background-color: rgba(120,120,120,1) }
.bg_darkgrey { background-color: rgba(30,30,30,1) }
.bg_black { background-color: rgba(0,0,0,1) }
.bg_logoblue { background-color: rgba(72, 149, 175,1) }
.bg_darkblue { background-color: rgba(31, 85, 142,1) }

.txt_center { text-align: center !important }
	
.degrade_gris_clair {
background: #eeeeee;
background: -moz-linear-gradient(-45deg,  #d8d8d8 0%, #ffffff 100%);
background: -webkit-linear-gradient(-45deg,  #d8d8d8 0%,#ffffff 100%);
background: linear-gradient(135deg,  #d8d8d8 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#ffffff',GradientType=1 );
}
.degrade_gris_fonce {
background: #4c4c4c;
background: -moz-linear-gradient(-45deg,  #4c4c4c 0%, #131313 100%);
background: -webkit-linear-gradient(-45deg,  #4c4c4c 0%,#131313 100%);
background: linear-gradient(135deg,  #4c4c4c 0%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 );
}
	
.degrade_bleu_clair {
background: #4a94aa;
background: -moz-linear-gradient(45deg,  #4a94aa 0%, #2f5e6b 100%);
background: -webkit-linear-gradient(45deg,  #4a94aa 0%,#2f5e6b 100%);
background: linear-gradient(45deg,  #4a94aa 0%,#2f5e6b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a94aa', endColorstr='#2f5e6b',GradientType=1 );
}
	
.degrade_bleu_fonce {
background: #36689D !important;
background: -moz-linear-gradient(45deg,  #36689D 0%, #22507f 100%) !important;
background: -webkit-linear-gradient(45deg,  #36689D 0%,#22507f 100%) !important;
background: linear-gradient(45deg,  #36689D 0%,#22507f 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36689D', endColorstr='#22507f',GradientType=1 ) !important;
}
	
.degrade_bleu_fonce:hover {
background: #16406b !important;
background: -moz-linear-gradient(45deg,  #16406b 0%, #0f3051 100%) !important;
background: -webkit-linear-gradient(45deg,  #16406b 0%,#0f3051 100%) !important;
background: linear-gradient(45deg,  #16406b 0%,#0f3051 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16406b', endColorstr='0f3051',GradientType=1 ) !important;
}
	
.degrade_orange {
background: #ffbc14 !important;
background: -moz-linear-gradient(-45deg,  #ffbc14 0%, #f49609 100%) !important;
background: -webkit-linear-gradient(-45deg,  #ffbc14 0%,#f49609 100%) !important;
background: linear-gradient(135deg,  #ffbc14 0%,#f49609 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbc14', endColorstr='#f49609',GradientType=1 ) !important;
}
	
.degrade_orange:hover {
background: #ffbc14 !important;
background: -moz-linear-gradient(-45deg,  #f49609 0%, #f49609 100%) !important;
background: -webkit-linear-gradient(-45deg,  #f49609 0%,#f49609 100%) !important;
background: linear-gradient(135deg,  #f49609 0%,#f49609 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49609', endColorstr='#f49609',GradientType=1 ) !important;
}
	
.w25 { display: block; padding: 15px; width:calc(25% - 30px); float: left }
.w33 { display: block; padding: 15px;  width:calc(33.333% - 30px); float: left }
.w50 { display: block; padding: 15px;  width:calc(50% - 30px); float: left }
.w75 { display: block; padding: 15px;  width:calc(75% - 30px); float: left }
.w100 { display: block; padding: 15px;  width:calc(100% - 30px); float: left }
.fullwidth { display: block; padding: 15px;  width:calc(100% - 30px) !important; float: left }
.full100 { display: inline-block !important; width:100% !important }
.fw25 { width:25% }
.fw50 { width:50% }
	
.hover { box-shadow:inset 0 0 0 0 rgba(255,255,255,0), inset 0 0 80px 0 rgba(0,0,0,0);  -webkit-transition: all 0.3s ease-in-out !important;-moz-transition: all 0.3s ease-in-out !important;-o-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important; background-size: 120% !important;}
.hover:hover { box-shadow:inset 0 0 0 5px rgba(255,255,255,1), inset 0 0 50px 0 rgba(0,0,0,0.3); -webkit-transition: all 0.3s ease-in-out !important;-moz-transition: all 0.3s ease-in-out !important;-o-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;background-size: 100% !important;}

.hover_select { box-shadow:inset 0 0 0 0 rgba(255,255,255,0), inset 0 0 80px 0 rgba(0,0,0,0);  -webkit-transition: all 0.3s ease-in-out !important;-moz-transition: all 0.3s ease-in-out !important;-o-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important; background-size: 120% !important; }
.hover_select:hover { box-shadow:inset 0 0 0 5px rgba(255,255,255,1), inset 0 0 50px 0 rgba(0,0,0,0); -webkit-transition: all 0.3s ease-in-out !important;-moz-transition: all 0.3s ease-in-out !important;-o-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;background-size: 100% !important; }
	

.h100 { height:100px}
.h150 { height:150px}
.h200 { height:200px}
.h250 { height:250px}
.h300 { height:300px}
.h350 { height:350px}
.h400 { height:400px}
.h450 { height:450px}
.h500 { height:500px}
.h550 { height:550px}
.h600 { height:600px}
.h650 { height:650px}
.h700 { height:700px}
.h850 { height:850px}
.h900 { height:900px}
	
.carre { margin: 0; padding: 0; text-align: center; vertical-align: top;}
.content_carre { display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.photo_carre_left { float:left; height:100%; display:block;}
.photo_carre_right { float: left; height:100%; display: block;}
.texte_carre { float: left; }

	
h1 { font-size:66px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0;  }
h1 strong { font-size:66px; font-weight:bold;}
h1 u { font-size:66px;}
h1 sup { font-size:40px;}
h1 a { font-size:66px;}
h1 a:hover { font-size:66px;}
h1 a:active { font-size:66px;}
h1 a:visited { font-size:66px;}
	

h2 { font-size:36px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; }
h2 strong { font-size:36px; font-weight:bold;}
h2 u { font-size:36px;}
h2 sup { font-size:30px;}
h2 a { font-size:36px;}
h2 a:hover { font-size:36px;}
h2 a:active { font-size:36px;}
h2 a:visited { font-size:36px;}
	
	
h3 { font-size:24px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; }
h3 strong { font-size:24px; font-weight:500;}
h3 u { font-size:24px;}
h3 sup { font-size:18px;}
h3 a { font-size:24px;}
h3 a:hover { font-size:24px;}
h3 a:active { font-size:24px;}
h3 a:visited { font-size:24px;}
	
	
h4 { font-size:18px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; }
h4 strong { font-size:18px; font-weight:bold;}
h4 u { font-size:18px;}
h4 sup { font-size:14px;}
h4 a { font-size:18px;}
h4 a:hover { font-size:18px;}
h4 a:active { font-size:18px;}
h4 a:visited { font-size:18px;}
	

h5 { font-size:16px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; }
h5 strong { font-size:16px; font-weight:bold;}
h5 u { font-size:16px;}
h5 sup { font-size:14px;}
h5 a { font-size:16px;}
h5 a:hover { font-size:16px;}
h5 a:active { font-size:16px;}
h5 a:visited { font-size:16px;}
	
	
h6 { font-size:14px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; }
h6 strong { font-size:14px; font-weight:bold;}
h6 u { font-size:14px;}
h6 sup { font-size:14px;}
h6 a { font-size:14px;}
h6 a:hover { font-size:14px;}
h6 a:active { font-size:14px;}
h6 a:visited { font-size:14px;}


p { font-size:16px; font-style: normal; font-weight: normal; padding: 20px 0; margin: 0; border: 0; }
p strong { font-size:16px; font-weight:bold; }
p u { font-size:16px; }
p sup { font-size:16px; }
p a { font-size:16px; }
p a:hover { font-size:16px; }
p a:active { font-size:16px; }
p a:visited { font-size:16px; }

	
img.logo { width: 80px; text-align: left; margin: 0; display: block }
		

/*    ---------------  FIN GLOBAL   -------------------    */





	#top_site { display: block;background: rgba(255,255,255,1);height: 20px;padding-left: 0;padding-right: 0;padding-top: 8px;padding-bottom: 8px;width: 100%;box-shadow: 0px 0px 10px rgba(0,0,0,0.2) !important;overflow: visible;position: fixed;z-index: 998; top:0 !important }
	header { display:block; width:100% }
	menu { display:block; width:100% }
	





/*    ---------------  PAGES    -------------------    */


	section { display:inline-block; width:100%; padding:0; height: auto; text-align: center; position: relative; z-index: 2 }
	section #pages > div  { display:block; width:100% }
	#sections { display:block; width:100% }
	section #pages > div { display: block; width: 100%;padding-top: 0;margin: 0 }
	
	
	.content_section { padding:2% 4% !important}
	section .texte { background-color: rgba(30,30,30,0) !important; border:1px solid rgba(0,0,0,0) !important; min-height: auto !important; vertical-align: top !important; width: calc(40% - 30px) !important; padding: 10px !important; display: inline-block !important; text-align: left}
	section .image { background-color: rgba(50,50,50,0) !important;border:1px solid rgba(0,0,0,0) !important; min-height: 300px !important; vertical-align: top ; width: calc(60% - 30px) !important; padding: 10px !important; display: inline-block !important; overflow: hidden; background-position: center !important; background-repeat: no-repeat !important; }
	section .image img { width: auto !important; max-width: 1022px !important; }

	
	.video { width: 100%;position: absolute; z-index: 0;}

	.section_0 { background: rgba(255,255,255,0.85); padding-top:110px !important; margin:0 !important }
	.section_0 .content_section {background-repeat: no-repeat;background-size: 44%;background-position-x: left -200px;background-position-y: center;}
	.section_0 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: center }
	.section_0 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; min-height: 650px !important;}
	.section_0 .image p { margin: 0 !important; left: 0 !important; position: relative !important; z-index: 1;height: 560px; width: 600px;}
	.section_0 .image p video { height: 598px;width: 265px;margin-top: -20px;border-radius: 36px;overflow: hidden; }
	.section_0 .image p img { position: absolute;z-index: 9999999;top: 0;right: -1px; }
    .fonctionnement .section_0 .texte { width: calc(100% - 30px) !important; }
	#etapes { width:100%; background-color: rgb(72, 149, 175) !important }
	.etapes { width: calc(45% - 80px) !important; margin:20px; padding:20px; display: inline-block !important; text-align: center !important }
    .etapes .image{  width: 300px !important; height:600px !important; border-radius: 60px;overflow: hidden;padding: 0;margin:auto; border : 14px solid black;}
	.etapes img { width: 300px !important; height:600px !important;}

	.etapes h3 { font-size:55px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; color: rgba(255,255,255,1) !important }
	.etapes h3 strong { font-size:55px; font-weight:500; color: rgba(255,255,255,1) !important}
	.etapes h3 u { font-size:40px; color: rgba(255,255,255,1) !important}
	.etapes h3 sup { font-size:24px; color: rgba(255,255,255,1) !important}
	.etapes h3 a { font-size:40px; color: rgba(255,255,255,1) !important}
	.etapes h3 a:hover { font-size:40px; color: rgba(255,255,255,1) !important}
	.etapes h3 a:active { font-size:40px; color: rgba(255,255,255,1) !important}
	.etapes h3 a:visited { font-size:40px; color: rgba(255,255,255,1) !important}


	.etapes h4 { font-size:24px; font-style: normal; font-weight: normal; padding: 0; margin: 0; border: 0; color: rgba(255,255,255,1) !important }
	.etapes h4 strong { font-size:24px; font-weight:bold; color: rgba(255,255,255,1) !important}
	.etapes h4 u { font-size:24px; color: rgba(255,255,255,1) !important}
	.etapes h4 sup { font-size:18px; color: rgba(255,255,255,1) !important}
	.etapes h4 a { font-size:24px; color: rgba(255,255,255,1) !important}
	.etapes h4 a:hover { font-size:24px; color: rgba(255,255,255,1) !important}
	.etapes h4 a:active { font-size:24px; color: rgba(255,255,255,1) !important}
	.etapes h4 a:visited { font-size:24px; color: rgba(255,255,255,1) !important}

	.etape4 { width: 564px !important; }
	.etape4 img {max-width: 84px !important;max-height: 84px !important;background-color: rgb(255, 255, 255);border-radius: 50px !important;border: 1px solid rgb(255, 255, 255);}
	.etape_4 .details .image { float: left;max-width: 100px;margin-right: 10px; }
	.etape_4 .details h4 { text-align: left }


	.section_1 { background: rgba(255,255,255,0.85); padding-top:120px !important; margin:0 !important }
	.section_1 .content_section {background-image: url("../images/digital.png"); background-position: center right;background-repeat: no-repeat;background-size: 29%;}
	.section_1 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left }
	.section_1 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; min-height: 650px !important;}
	.section_1 .image p { margin: 0 !important; left: 0 !important; position: relative !important; z-index: 1; padding: 0 !important}
	.section_1 .image p video {height: 572px !important; width: 356px !important;margin-top: 36px !important;border-radius: 55px !important;overflow: hidden !important; margin-left: 0;}
	.section_1 .image p img { position: absolute;z-index: 9999999;top: 0;right: -1px; }
.section_1 .image .coque_iphone{
    background-image: url("../images/home/profil_bims.png");
    height: 600px;
    width: 100%;
    background-size: 609px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99999;
}

.section_1 .image .coque_iphone img {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto !important;
    text-align: center !important;
    position: relative !important;
    z-index: 9999999 !important;
    top: 0px !important;
    display: block !important;
    margin-top: -591px !important;
    margin-left: -141px !important;
    right: inherit !important;
}







	#cartedigitale {display: block;height: 126px; margin-top: -126px; background-color: rgba(255,255,255,1);box-shadow: 0 0 40px 40px rgb(255, 255, 255);width: 100%;position: relative;}
	#content_cartedigitale { display: block; padding: 80px 0 0 0 ; z-index:1}
	.section_2 { background-color: rgba(255,255,255,1) ; box-shadow: 0 0 40px 40px rgb(255, 255, 255);}
	.section_2 .content_section {background-image: url("../images/intelligence.png"); background-position: center left;background-repeat: no-repeat;background-size: 29%;}
	.section_2 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left }
	.section_2 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block;  background-size: 60% !important; background-position: center right !important}
	.modifier { display: table-cell !important; vertical-align: middle; text-align: center; padding-bottom: 20px !important; }
	.section_2 .modifier img { float: left; width:50px }
	.section_2 .modifier h5 { width: calc(100% - 60px) !important; height: 50px; vertical-align: middle; display: inherit; padding-left: 10px; }

	#atouts {display: block;height: 126px; margin-top: -126px; background-color: rgba(255,255,255,1);box-shadow: 0 0 40px 40px rgb(255, 255, 255);width: 100%;position: relative;}
	.section_3 { background: rgba(255,255,255,1); }
	.section_3 .content_section { padding:40px 80px 0px 80px !important; background-image: url("../images/atouts.png"); background-position: top right; background-repeat: no-repeat; background-size: 32%;}
	.section_3 .image { padding: 10px 10px 0 10px !important; background-position: bottom left !important; background-size: 60% !important; }







	#fonctionnalites { display: block; height: 126px; width: 100%; position: relative; margin-top: -126px; }
	#content_fonctionnalites {display: block;padding: 80px 0;}
	.section_4 { background: rgb(30,30,30);  }
	.section_4 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left; color: rgba(255,255,255,1) !important }
	.section_4 .texte h1 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte h2 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte h3 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte h4 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte h5 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte h6 { color: rgba(255,255,255,1) !important; }
	.section_4 .texte p { color: rgba(255,255,255,1) !important; }
	.section_4 .texte strong { color: rgba(255,255,255,1) !important; }
	.section_4 .texte sup { color: rgba(255,255,255,1) !important; }
	.section_4 .texte a { color: rgba(255,255,255,1) !important; }
	.section_4 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; }

	#content_fonctionnalites .image img {
		width: auto !important;
		max-width: 358px !important;
	}


	.section_5 { background: rgba(255,255,255,1) !important;}
	.section_5 section { position: inherit !important; }
	.section_5 .content_section { max-width: 980px; margin: auto; padding: 2% 0 !important; }
	.section_5 .texte { background: rgba(30,30,30,0); border:0px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(100% - 30px); padding: 10px !important; display: inline-block; text-align: center }
	.section_5 .image { background: rgba(50,50,50,0);border:0px solid rgba(0,0,0,0); vertical-align: top; width: calc(100% - 30px); padding: 10px; display: inline-block;}
	.section_5 .content {text-align: center; background: rgba(50,50,50,0); border: 0px solid rgba(0,0,0,0); vertical-align: top; max-width: 980px; width:100%; padding: 0; display: inline-block; overflow: hidden;}
	.section_5 .content .block_logo { background-color: rgba(220,220,220,0); vertical-align: top; width: 200px; height: 138px; padding: 10px; display: inline-block; margin: 10px; background-position: center; background-repeat: no-repeat; background-size: 80%;}
	.shadow {display: inline-block;height: 182px;box-shadow: inset 0px 0px 10px 30px rgb(255,255,255);position: relative;margin: auto;width: 980px;margin-top: -224px;text-align: center; }



	#partenaires { display: block; height: 126px; width: 100%; position: relative; margin-top: -126px; }
	#content_partenaires{background-color: rgba(255,255,255,1); position: inherit !important ;border: 0px solid #222 !important ;}
	.swiper-container {width: 100%;height: 100%;}
    .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
	.slick-initialized .slick-slide {height: 100px !important; position: relative !important;display: table-cell !important;vertical-align: middle !important;width: 243px !important; background-size: 60% !important;background-position: center !important;background-repeat: no-repeat !important;padding: 10px !important;}
	.slick-slide{float: inherit !important}
	.slick-slider { max-width: 100% !important}
	.slick-initialized .slick-slide img {border: 0px solid rgba(0,0,0,0.1);margin: 5px !important;padding: 10px;}



	#covid-19 { display: block; height: 126px; width: 100%; position: relative; margin-top: -126px; }
	#content_covid-19 {display: block; padding: 80px 0 0px 0;}
	.section_6 { background: rgb(72, 149, 175); }
    .section_6 .content_section {background-image: url("../images/home/covid.png"); background-position: center left;background-repeat: no-repeat;background-size: 29%;}
	.section_6 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left; color: rgba(255,255,255,1) !important }
	.section_6 .texte h1 { color: rgba(255,255,255,1) !important; }
	.section_6 .texte h2 { color: rgba(255,255,255,1) !important; }
	.section_6 .texte h3 { color: rgba(255,255,255,1) !important; }
	.section_6 .texte h4 { color: rgba(255,255,255,1) !important; }
	.section_6.texte h5 { color: rgba(255,255,255,1) !important; }
	.section_6 .texte h6 { color: rgba(255,255,255,1) !important; }
	.section_6 .texte p { color: rgba(255,255,255,1) !important; }
	.section_6 .texte strong { color: rgba(255,255,255,1) !important; }
	.section_6 .texte sup { color: rgba(255,255,255,1) !important; }
	.section_6 .texte a { color: rgba(255,255,255,1) !important; }
	.section_6 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; }

	#vitrophanie { display: block; height: 126px; width: 100%; position: relative; margin-top: -126px; }
	#content_vitrophanie {display: block; padding: 0;}
	.section_7 { background: rgb(47, 118, 142); }
    .section_7 .content_section {background-image: url("../images/home/shop.png"); background-position: center right;background-repeat: no-repeat;background-size: 29%;}
	.section_7 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left; color: rgba(255,255,255,1) !important }
	.section_7 .texte h1 { color: rgba(255,255,255,1) !important; }
	.section_7 .texte h2 { color: rgba(255,255,255,1) !important; }
	.section_7 .texte h3 { color: rgba(255,255,255,1) !important; }
	.section_7 .texte h4 { color: rgba(255,255,255,1) !important; }
	.section_7.texte h5 { color: rgba(255,255,255,1) !important; }
	.section_7 .texte h6 { color: rgba(255,255,255,1) !important; }
	.section_7 .texte p { color: rgba(255,255,255,1) !important; }
	.section_7 .texte strong { color: rgba(255,255,255,1) !important; }
	.section_7 .texte sup { color: rgba(255,255,255,1) !important; }
	.section_7 .texte a { color: rgba(255,255,255,1) !important; }
	.section_7 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; }


	#supports { display: block; height: 126px; width: 100%; position: relative; margin-top: -126px; }
	#content_supports {display: block; padding: 0px 0 80px 0;}
	.section_8 { background: rgb(17, 90, 115); }
    .section_8 .content_section {background-image: url("../images/home/bureau.png"); background-position: center left;background-repeat: no-repeat;background-size: 29%;}
	.section_8 .texte { background: rgba(30,30,30,0); border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(40% - 30px); padding: 10px; display: inline-block; text-align: left; color: rgba(255,255,255,1) !important }
	.section_8 .texte h1 { color: rgba(255,255,255,1) !important; }
	.section_8 .texte h2 { color: rgba(255,255,255,1) !important; }
	.section_8 .texte h3 { color: rgba(255,255,255,1) !important; }
	.section_8 .texte h4 { color: rgba(255,255,255,1) !important; }
	.section_8.texte h5 { color: rgba(255,255,255,1) !important; }
	.section_8 .texte h6 { color: rgba(255,255,255,1) !important; }
	.section_8 .texte p { color: rgba(255,255,255,1) !important; }
	.section_8 .texte strong { color: rgba(255,255,255,1) !important; }
	.section_8 .texte sup { color: rgba(255,255,255,1) !important; }
	.section_8 .texte a { color: rgba(255,255,255,1) !important; }
	.section_8 .image { background: rgba(50,50,50,0);border:1px solid rgba(0,0,0,0.1); vertical-align: top; width: calc(60% - 30px); padding: 10px; display: inline-block; }


	.section_9 { background: rgba(0,0,0,1); }



	section .content_section .texte { padding-top: 60px; padding-bottom: 60px }


	
	
	
	.boutons_appli a img { border: 2px solid rgb(255, 255, 255);box-shadow: 2px 2px 2px rgba(0,0,0,0.25);border-radius: 8px;overflow: hidden;}
	.boutons_site { display: flex;width: 100%;padding: 0;margin: 0; }
	.boutons_site a { display: block;width: calc(50% - 15px); max-width: 270px;height: 40px;line-height: 40px; font-size:16px; padding: 5px;margin: 0 5px 0 0;background-color:rgb(72, 149, 175) ;color: rgba(255,255,255,1);text-decoration: none !important;border: 2px solid rgb(255, 255, 255);box-shadow: 2px 2px 2px rgba(0,0,0,0.25);border-radius: 8px;overflow: hidden; }
	.boutons_site a:hover { background-color: rgb(30, 90, 119); }
	.boutons_site a::before { content: '';display: inline-block;width: 40px;height: 40px;padding: 0;margin: 0;background-color: rgba(43, 121, 173,0); background-position: center; background-repeat: no-repeat; background-size: contain; color: rgba(255,255,255,1);float: left;margin-right: 5px; }
	
	.boutons_site a.b_fonctionnement::before { background-image: url("../images/b_fonctionnement.png"); background-position: center; background-repeat: no-repeat; background-size: 80%;}
	.boutons_site a.buy::before { background-image: url("../images/caddie.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }
    .boutons_site a.b_covid::before { background-image: url("../images/b_covid.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }
	.boutons_site a.b_fonctionnalites::before { background-image: url("../images/b_fonctionnalites.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }
    .boutons_site a.b_vitrophanie::before { background-image: url("../images/b_vitrophanie.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }
	.boutons_site a.b_supports::before { background-image: url("../images/b_supports.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }
    .boutons_site a.b_contact::before { background-image: url("../images/b_contact.png"); background-position: center; background-repeat: no-repeat; background-size: 80%; }

    .boutons_site2 { display: flex;width: 100%;padding: 0;margin: 0; }
	.boutons_site2 a { display: block;width: calc(50% - 15px); max-width: 246px;height: 40px;line-height: 40px; font-size:16px; padding: 5px;margin: 0 5px 0 0;background-color:rgba(255,255,255,1) ;color:rgb(72, 149, 175) ;text-decoration: none !important;border: 2px solid rgb(255, 255, 255);box-shadow: 2px 2px 2px rgba(0,0,0,0.25);border-radius: 8px;overflow: hidden; }
	.boutons_site2 a:hover { background-color: rgba(255,255,255,1); }
	.boutons_site2 a::before { content: '';display: inline-block;width: 40px;height: 40px;padding: 0;margin: 0;background-color: rgba(43, 121, 173,0); background-position: center; background-repeat: no-repeat; background-size: contain; color: rgb(31, 85, 142);float: left;margin-right: 5px; }
	
	
	
	
	
	
/*    ---------------  FIN PAGES    -------------------    */
	





/*    ---------------  STYLE LANGUES    -------------------    */
#bouton_langues:before { height: 10px; width: 10px; padding: 8px; margin: 2px ; content: ''; background-color: rgba(255,255,255,1); background-image: url(../images/icon_flag.png); background-size: contain; background-position: center; background-repeat: no-repeat; display: none !important}
#bouton_langues { margin:0px; padding: 0px; letter-spacing: 2px; float: right; right: 0;  width: auto;  color: rgba(180,180,180,1); background: rgba(255,255,255,0); box-shadow: 3px 3px 3px rgba(0,0,0,0); }
.langues a { float: left; margin: 0px !important;display: inline-block;width: 20px !important; text-indent: -99999px;overflow: hidden;padding: 0 3px !important;height: 20px !important; line-height: 20px;}
.langues a:first-child {content:""; background-image: url(../images/france.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.langues a:nth-child(2) {content:""; background-image: url(../images/anglais.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.langues a:nth-child(3) {content:""; background-image: url(../images/italie.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.langues a:nth-child(4) {content:""; background-image: url(../images/allemagne.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.langues a:nth-child(5) {content:""; background-image: url(../images/portugal.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}
.langues a:nth-child(6) {content:""; background-image: url(../images/espagne.png); background-size: contain; background-position: center center; background-repeat: no-repeat;}

/*    ---------------  FIN STYLE LANGUES   -------------------    */










/*    ---------------  HEADER   -------------------    */

#all_header { margin:0px auto; margin-top: 36px !important; padding:0px;border:0px;z-index:999;position:fixed;top:0px;display: block; height: 90px;  width: 100%; }
#header { margin: 0px auto;padding: 0px;border: 0px;width: 100%;height: 150px;display: block;position: relative;float: left; }
.fixNavigation { background: rgba(250,250,250,1) !important }

/*    ---------------  FIN HEADER   -------------------    */









/*    ---------------  LOGO  -------------------    */

#menu-deroulant img { max-height: 60px !important ;margin: 0px !important; }

/*    ---------------  FIN LOGO  -------------------    */








/*    ---------------  STYLE MENU    -------------------    */

#logo { position: fixed;
z-index: 9; }
#logo img { max-height: 60px;  margin: 16px; }
.close_date { top: 80px;height: 50px;width: 50px;left: -100px;position: fixed;border-radius: 0;z-index: 99;text-indent: -99999px;background-image: url("../images/close_events.png"); background-size: 60%;background-color: rgb(72, 149, 175);cursor: pointer;background-repeat: no-repeat;background-position: center;}
.open_date {cursor: pointer;top: 90px;height: 100px;width: 100px;left: -10px;border-radius: 50%;position: fixed; z-index: 99;text-indent: -99999px; background-image: url("../images/events.png");background-size: 60%; background-color: rgb(74, 148, 170);opacity: 1; border: 4px solid rgba(255,255,255,1); box-shadow: 2px 2px 8px rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center;}
.close_fonction { top: 80px;height: 50px; width: 50px;left: -100px; position: fixed; border-radius: 0;z-index: 999999;text-indent: -99999px; background-image: url("../images/close_events.png");background-size: 60%;background-color: rgb(72, 149, 175);background-repeat: no-repeat; background-position: center;cursor: pointer;}
.open_fonction { cursor: pointer;top: 160px;height: 100px;width: 100px;left: 10px;border-radius: 50%;position: fixed;z-index: 99;text-indent: -99999px;background-image: url("../images/fonctionnement.png");background-size: 60%;background-color: rgb(72, 149, 175);opacity: 1;border: 4px solid rgba(255,255,255,1);box-shadow: 2px 2px 8px rgba(0,0,0,0.3);background-repeat: no-repeat;background-position: center; }
#navigation_mobile { display:none !important}
#navigation {width: 100%;background-color: rgba(248,248,248,0) !important;padding: 0 auto;margin: 0 auto;height: 80px;z-index: 1;position: fixed;}
#menu { width: 100%;margin: 0px auto;height: 80px; padding-top: 0px;padding-bottom: 0px;vertical-align: text-bottom;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;background-color: rgba(255,255,255,0);box-shadow: 0 0 4px rgba(0,0,0,0); }
#menu ul {display: block;margin: 0px auto;padding: 0px;height: 90px;border: 0px;width: 100%;list-style-type: none;text-align: center;z-index: 1000;float: left;}
#menu ul li {padding: 0 10px;height: 60px;line-height: 60px;text-decoration: none;text-align: center;color: #ffffff;width: auto;font-size: 18px !important;font-weight: 400;display: inline-block !important;-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;margin: 15px 0.2% !important;float: left;}
#menu ul li a { padding:0;height:50px;display:block;color:#888;text-decoration:none;background: rgba(0,0,0,0); font-size:16px !important; font-weight:400; -webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important; letter-spacing: 0.5px;}
#menu ul li ul li {padding: 0;height: 50px;line-height: 50px;text-decoration: none;text-align: center; color: #ffffff;width: 100%;font-size: 12px !important;font-weight: 300;max-width: 120px !important;display: inline-block !important;-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important; -o-transition: all 0.5s ease !important; transition: all 0.5s ease !important;vertical-align: top !important;}
#menu ul li ul li a {padding:0;height:50px;display:block;color:#888888;text-decoration:none;background: rgba(0,0,0,0); font-size:12px !important; font-weight:300; letter-spacing: -0.2px;-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;}
#menu ul li ul li a:hover{padding:0;height:50px;background: rgba(0,0,0,0);color:#444444; font-size:12px !important; font-weight:300;;-webkit-transition: all 0.5s ease !important; -moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;}
#menu ul .modifiermonsite{background:rgb(207, 0, 30) !important; font-weight:600}
#menu ul .modifiermonsite a{background:rgb(207, 0, 30) !important; font-weight:600}
#menu ul .modifiermonsite a:hover{background:rgb(143, 21, 26) !important; font-weight:600}
#menu a{background:rgba(255,255,255,0);}
#menu a:active{background:rgba(255,255,255,0);}
#menu #menu-deroulant, #menu-deroulant ul { padding: 0;margin: 0;list-style: none; }
#menu #menu-deroulant { text-align: center; }
#menu #menu-deroulant li { display: block; }
#menu #menu-deroulant ul li { display: inherit; }
#menu #menu-deroulant a { text-decoration: none; display: block; }
#menu #menu-deroulant ul { position: absolute;left: auto;float: left;top: -200px;height: auto;display: block;width: 200%;background: rgb(255, 255, 255) !important;box-shadow: 1px 1px 4px rgba(0,0,0,0.1); }
#menu #menu-deroulant li:hover ul { left: auto;float: left;top: 68px;height: auto;display: grid; width: 142px;margin-left: -22px;background: #F8F8F8 !important;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);border-left: 1px solid rgba(255,255,255,0.7); }
#menu #menu-deroulant li ul li {     border-bottom: 1px dotted rgba(0,0,0,0.2);height: 40px;line-height: 40px;margin: 0px 10px !important; }
#menu #menu-deroulant li:hover ul li { border-bottom: 1px dotted rgba(0,0,0,0.2);height: 50px;line-height: 50px; }
#menu-deroulant > li:nth-child(1) > a:nth-child(1)::after {content: '';display: none;width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain;background-repeat: no-repeat;background-position: center;}
#menu-deroulant > li:nth-child(2) > a:nth-child(1)::after {content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}	
#menu-deroulant > li:nth-child(3) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center;  margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}	
#menu-deroulant > li:nth-child(5) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}
#menu-deroulant > li:nth-child(4) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px;background: url(../images/arrow_menu.png); text-align: center; margin-top: -23px; background-size: contain; background-repeat: no-repeat; background-position: center;}	
#menu-deroulant > li:nth-child(7) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}
#menu-deroulant > li:nth-child(6) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}
#menu-deroulant > li:nth-child(8) > a:nth-child(1)::after { content: ''; display: none; width: 100%; height: 15px; background: url(../images/arrow_menu.png); text-align: center; margin-top: -30px; background-size: contain; background-repeat: no-repeat; background-position: center;}

.b_commander { background:rgba(72, 149, 175,1) !important; border-radius: 5px !important }
.b_commander a { color: rgba(255,255,255,1) !important; }



/*    ---------------  FIN MENU   -------------------    */
	













/*    -------- PAGE BUYIT --------- */
		
#paypal #logo img { filter: brightness(100); }
#paypal .content {background-color: rgba(255,255,255,0.7); width: 90%;vertical-align: middle; height: 82%; max-height: 590px !important;display: block; max-width: 500px; margin: auto !important; padding: 0px;}
#paypal input, #paypal select, #paypal textarea { border: 0px !important }
#paypal input, #paypal select, #paypal textarea { text-align: left; max-width: 47%; text-transform: inherit; font-weight: 400 !important;margin: auto auto 5px auto !important;}
#paypal #submit input { color: white !important;font-size: 15px; }
input { font-size: 15px !important }
#paypal h2 {font-size: 15px !important;line-height: 24px !important; text-align: center !important; border: 0 !important;background: rgba(31, 95, 117,0.85) !important; padding: 20px !important; color: rgb(255, 255, 255) !important;}	
#paypal h2 strong { text-align: center !important; border: 0 !important; background: rgba(74, 148, 170,0) !important; text-transform: inherit; font-weight: 300 !important;
 font-size: 22px !important;line-height: 23px !important; color: rgb(255, 255, 255) !important;}
#paypal h2 sup {
    text-transform: inherit;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: rgb(255, 255, 255) !important;
}


#paypal h3 {
	font-size: 20px !important;
    margin: 10px !important;
}
	
	#reglement_btn { 
    height: 26px !important;
}
	
#paypal #reglement_btn a:after {
    content: '';
    text-align: center !important;
    background-image: url(../images/icon_reglement.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: 20px;
    height: 26px;
    displaY: inline !important;
    float: left;
    padding: 5px;
    line-height: 26px;
}
	
#paypal #reglement_btn a {
    background: rgba(255,255,255,1);
	display: block;
	color: rgba(100,100,100,1);
	padding: 0px 10px 0px 10px;
	float: left;
	box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.2);
}
	
	
#paypal #reglement_btn h6 {
    border: 0;
    padding: 0;
    margin: 0;
    display: inline;
    line-height: 36px;
    color: rgb(100, 100, 100) !important;
    font-weight: 500 !important;
    text-align: left !important;
    font-size: 14px !important;
}
	
	
#paypal #btn_paypal::after {
    content: '';
    text-align: center !important;
    background-image: url("../images/caddie.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: auto;
    height: 40px;
    displaY: block;
    float: right;
    padding: 5px 10px 5px 0 !important;
    background-color: transparent;
}

#paypal #btn_paypal {
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    border: 0 !important;
    width: 420px !important;
    height: 50px !important;
    display: inline-block;
    text-align: left !important;
    line-height: 40px;
    background-color: transparent;
    max-width: 80%;
}
	
#paypal #submit {
    color: white !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 0 !important;
    width: 341px !important;
    height: 50px !important;
    display: inline-block;
    text-align: center !important;
    position: relative;
}

	
#paypal #submit:after {
	content: '';
	text-align: center !important;
	background-image: url(../images/caddie.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	width: 40px;
	height: 40px;
	displaY: block;
	float: left;
	padding: 5px 10px 5px 0 !important;
	background-color: transparent;
}


		
#paypal #submitpaypal {
    color: #fff !important;
    padding: 5px 0 5px 10px !important;
    font-size: 16px !important;
    min-height: 50px !important;
    width: auto !important;
    height: 50px !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    vertical-align: top !important;
    border: 0px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    float: left !important;
	background-color: transparent;
	min-width: auto !important;
	max-width: 100px !important;
	display: block !important;
	text-align: center !important;
}
	
#paypal #submit {
	background-color: #4895AF !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}
	
#paypal a #submit :hover {
	background-color: #4895AF !important;
	box-shadow: inset 0 0 0 0 rgba(255, 0, 90,1) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}

#paypal #submit:hover {
	background-color: #4895AF !important;
	box-shadow: inset 0 0 0 30px rgb(31, 95, 117) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
}
	

	
#paypal #btn_paypal_commande { display: none }
	
	
#paypal #btn_paypal_lots {
    color: white !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    width: 235px !important;
	min-width: 235px !important;
	max-width: 235px !important;
    text-align: center !important;
    margin: 2px auto;
    display: inline-block !important;
    height: 50px !important;
    line-height: 50px;
    padding-right: 10px;
	border: 2px solid rgb(255, 255, 255) !important;
	border-radius: 5px !important;
	cursor: pointer !important;
}

	
#paypal #btn_paypal_lots:after {
	content: '';
	text-align: center !important;
	background-image: url(../images/cadeau.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	width: 40px;
	height: 40px;
	displaY: block;
	float: left;
	padding: 5px 10px 5px 0 !important;
	background-color: transparent;
}
	
#paypal #btn_paypal_lots {
	background-color: #FF005A !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
	
#paypal a #btn_paypal_lots :hover {
	background-color: #FF005A !important;
	box-shadow: inset 0 0 0 0 rgb(214, 0, 117) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

#paypal #btn_paypal_lots:hover {
	background-color: #FF005A !important;
	box-shadow: inset 0 0 0 30px rgb(214, 0, 117) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
	
	
	
	
	
#paypal #btn_paypal_avantages {
    color: white !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    width: 235px !important;
	min-width: 235px !important;
	max-width: 235px !important;
    text-align: center !important;
    margin: 2px auto;
    display: inline-block !important;
    height: 50px !important;
    line-height: 50px;
    padding-right: 10px;
	border: 2px solid rgb(255, 255, 255) !important;
border-radius: 5px !important;
	cursor: pointer !important;
}

	
#paypal #btn_paypal_avantages:after {
	content: '';
	text-align: center !important;
	background-image: url(../images/etoile.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	width: 40px;
	height: 40px;
	displaY: block;
	float: left;
	padding: 5px 10px 5px 0 !important;
	background-color: transparent;
}
	
#paypal #btn_paypal_avantages {
	background-color: #FFBE05 !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
	
#paypal a #btn_paypal_avantages :hover {
	background-color: #FFBE05 !important;
	box-shadow: inset 0 0 0 0 rgb(255, 153, 0) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

#paypal #btn_paypal_avantages:hover {
	background-color: #FFBE05 !important;
	box-shadow: inset 0 0 0 30px rgb(255, 153, 0) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}
	
	
	
#paypal .content_page {
    padding: 0px 0 0 0 !important;
    margin: 0 !important;
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    display: grid;
    text-align: center;
    min-width: 100%;
    max-width: 100%;
	background: url()
}
	
#paypal .content { display: block!important}
	
footer { display: none }

	
	
	
#paypal .form-group::after, .form-group::before {
    content: " ";
    display: table;
}	

#paypal .form-group::before {
    content: " ";
    display: table;
}

	
#paypal .page-signup .form-group.w-icon input[type="text"] {
    font-size: 15px;
    padding-left: 56px;
}
	
#paypal .input-lg {
    height: 46px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
	
#paypal .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	
	
#paypal .page-signup .form-group.w-icon .signup-form-icon {
    border-right: 1px solid #d6d6d6;
    bottom: 9px;
    color: #d6d6d6;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 27px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 40px;
    z-index: 1002;
    -webkit-transition: all .3s;
    transition: all .3s;
}
	
#paypal .w-icon span.fa {
    height: 28px;
}
	
#paypal .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; line-height: 1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	
#paypal .fa-user::before { content: "\f007" }	

#paypal .partenaires_officiel { display: none !important }



/* ----------     FIN page BUYIT   ------------- */












	
/*    -------- PAGE CONTACT --------- */

#contact { padding: 0 !important;margin: 0 !important; display: block; height:100%!important; overflow: hidden !important; min-height: 100% !important; max-height:100% !important }

#contact .content_page { width: 100%; height: calc(100% - 32px) !important; overflow: auto !important; min-height: auto !important; max-height:auto !important }

#contact .content_page .cadre { padding: 0 !important;margin: 0 !important;vertical-align: middle;display: inline-grid; }

#contact #logo img { filter: brightness(100); }
	
#contact input, #contact select, #contact textarea { border: 0px !important }

#contact input, #contact select, #contact textarea {
    text-align: left;
    max-width: 46%;
    text-transform: inherit;
    font-weight: 400 !important;
	margin: auto auto 5px auto !important;
}
	
	
#contact #submit input { color: white !important;font-size: 15px; }

#contact h2 {
    font-size: 15px !important;
    line-height: 24px !important;
    text-align: center !important;
    border: 0 !important;
    background: rgba(31, 95, 117,0.85) !important;
    padding: 20px !important;
    color: rgb(255, 255, 255) !important;
}
	
#contact h2 strong {
    text-align: center !important;
    border: 0 !important;
    background: rgba(74, 148, 170,0) !important;
    text-transform: inherit;
    font-weight: 300 !important;
    font-size: 22px !important;
    line-height: 23px !important;
    color: rgb(255, 255, 255) !important;
}
	
#contact h2 sup {
    text-transform: inherit;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: rgb(255, 255, 255) !important;
}


#contact h3 {
	font-size: 20px !important;
    margin: 30px 10px !important;
}
	

#contact #btn_contact {
    font-size: 15px !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    border: 0 !important;
    width: 420px !important;
    height: 50px !important;
    display: inline-block;
    text-align: left !important;
    line-height: 40px;
    background-color: transparent;
    max-width: calc(80% - 50px) !important;
}
	
#contact #submit {
    color: white !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    border: 0 !important;
    height: 50px !important;
    display: inline-block;
    text-align: center !important;
    position: relative;
	max-width: 150px !important;
}

	
#contact #submit:after {
	content: '';
	text-align: center !important;
	background-image: url(../images/envoie.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
	width: 40px;
	height: 40px;
	displaY: block;
	float: left;
	padding: 5px 10px 5px 0 !important;
	background-color: transparent;
}


		
#contact #submitcontact {
    color: #fff !important;
    padding: 5px 0 5px 10px !important;
    font-size: 16px !important;
    min-height: 50px !important;
    width: auto !important;
    height: 50px !important;
    line-height: 40px !important;
    text-transform: uppercase !important;
    vertical-align: top !important;
    border: 0px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    float: left !important;
	background-color: transparent;
	min-width: auto !important;
	max-width: 100px !important;
	display: block !important;
	text-align: center !important;
}
	
#contact #submit {
	background-color: #4895AF !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

#contact a #submit :hover {
	background-color: #4895AF !important;
	box-shadow: inset 0 0 0 0 rgba(255, 0, 90,1) !important;
	height: 50px !important;
	-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
-o-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

	
#contact .content_page {
    padding: 0px 0 0 0 !important;
    margin: 0 !important;
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    min-height: 100%;
    display: grid;
    text-align: center;
    min-width: 100%;
    max-width: 100%;
	background: url()
}
	
#contact .content {
    display: block !important;
    width: 86%;
    margin: 170px 7% 7% 7%;
}


.bureau:before { background-image: url("../images/icones/tel.png"); background-position: center; background-size: cover; background-repeat: no-repeat}
.gsm:before { background-image: url("../images/icones/gms_lux.png"); background-position: center; background-size: cover; background-repeat: no-repeat}
.port:before { background-image: url("../images/icones/gms_fr.png"); background-position: center; background-size: cover; background-repeat: no-repeat}
.mail:before { background-image: url("../images/icones/mail.png"); background-position: center; background-size: cover; background-repeat: no-repeat}
.vide:before { background-image: url(); background-position: center; background-size: cover; background-repeat: no-repeat}
.bureau:before, .gsm:before, .port:before, .mail:before,  .vide:before {
    content: "";
    width: 34px;
    height: 34px;
    line-height: 34px;
    margin: 0 3px;
    background-color: rgba(180,180,180,0);
    display: inline-grid;
    border-radius: 0px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}

a.bureau, a.gsm, a.port, a.mail, .vide {
    height: 34px;
    line-height: 34px;
    color: rgb(80,80,80);
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    margin: 1px auto;
    text-decoration: none !important;
}

#contact footer { display: none }


#contact .content_page{
    height: 100% !important;
}
		
#contact .content_page > div{
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
    display: inline-grid;
    min-height: 100%;
    width: 100%;
}
		
#contact .content_left {
    margin: 0;
    height: 94% !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 3% !important;
    display: inline-block;
    vertical-align: top;
	width: 63% !important;
}


	.cadre_autreconcepts { position: relative; display: block; text-align: center;  width: 100%; background: rgba(0,0,0,0) }
	.autreconcepts { height: auto; display: inline-block; width:calc(20% - 4px); background: rgba(100,100,100,0) }
		
#contact .content_right {
    margin: 0;
    height: 94% !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 3% !important;
    display: inline-block;
    vertical-align: top;
    width: 24% !important;
}
	
	
		
#contact .content_right h3 {
	font-size: 18px;
}




#contact .cadre_contact {
    display: inline-block;
    background: rgba(255,255,255,1);
    width: calc(70% - 40px);
    height: auto;
    padding: 20px;
    margin: 0;
    max-width: 300px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.1) !important;
    vertical-align: top;
}

#contact .cadre_contact .left {
    display: inline-block;
    width: 37%;
	vertical-align: top;
	margin: 1%;
}

#contact .cadre_contact .right {
    display: inline-block;
    width: 57%;
	vertical-align: top;
	margin: 1%;
}

#contact .photo_contact {
    background-color: rgba(80,80,80,1);
    display: block;
    width: 100%;
    height: 100%;
    float: left;
    filter: grayscale(1);
    text-align: center;
    min-height: 120px;
}

#contact .fonction_contact {
    display: block !important;
    background: rgba(255,255,255,0);
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
	font-size: 12px;
}

#contact .bimscode_contact { 
	float: right;
    height: auto;
    width: 100%;
    margin-top: 0;
}



#contact .bimscode_contact img { 
    width: 100%;
}

#contact .partenaires_officiel { display: none !important }

.francois {
    width: 49%;
    display: inline-block;
    text-align: center;
}
.maurice {
    width: 49%;
    display: inline-block;
    text-align: center;
}

.francois::before {
	background-image: url("../images/francois-before.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
    display: inline-block;
    content: '';
    width: 27%;
    height: 211px;
    background-color: rgba(50,50,50,0);
}

.maurice::after {
	background-image: url("../images/maurice-after.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 70%;
    display: inline-block;
    content: '';
    width: 27%;
    height: 211px;
    background-color: rgba(50,50,50,0);
}



/* ----------     FIN page CONTACT   ------------- */









/* --------------- Page Partenaires ------------------------ */





#partners .page > div ul{text-align:center !important;}

#partners.page > div ul li {list-style-type: none;color: grey !important; display: inline-block; width: calc(13.8% - 20px) !important;height: auto !important;
text-align: center !important;font-size: 20px !important; margin: 1% !important;-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important; -o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;line-height: 20px;padding: 30px;border-radius: 0px !important; overflow: hidden !important; background: rgba(255,255,255,1);position: relative;border: 0px solid rgba(0,0,0,0.2); box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
				
#partnersList a {font-size: 16px;color: grey !important;height: auto !important; overflow: hidden !important;display: block;border-radius: 30px !important;background: rgba(255,255,255,1);-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;position: relative;	}
				
#partnersList{width:100%; text-align: center; padding: 0}
#partnersList ul li{position: relative !important; display: inline-block !important; text-align: center !important; border: 0px solid rgba(50,50,50,0.5) !important}
				
				
				.flag_partners{width:20px; display:block; margin: 0;  height: 20px; position: absolute; left:10px; top: 10px; }
				.flag_partners img{width:20px;height: 20px;}
				.societe_partners {text-align: center;color: rgba(100,100,100,1);text-transform: uppercase; font-size: 10px;width: 98%;display: block;margin: 1%; height: 40px;overflow: hidden;font-weight: 500;letter-spacing: 0.7px;}
				.adresse_partners{display: block; text-align: center; color: rgba(150,150,150,1); font-size: 12px; width:98%; margin: 1%;  height: 65px;}
				.logo_partners{width:98%; margin: 1% auto; height: auto; background: rgba(0,0,0,0); display: block;height: 60px;}
				.logo_partners img{width:auto; margin: 0 auto; height: 60px; background: rgba(0,0,0,0); display: block;max-width: 120px;}
				.bimscode_partners{display: block; width:100%; max-width: 75px; margin:  auto auto 10px auto;  height: 75px; background-color:rgb(229, 229, 229); background-size: contain; background-position: center;  border-radius: 3px;overflow: hidden;}
				.bimscode_partners img{width: 75px; height: 75px;}
				.designcard_partners{padding: 0px;display: inline-block;text-align: center;position: relative;width: 100%; height: 154px}
				.designcard_partners img{width: 60%;display: inline-block;text-align: center;position: relative;margin: auto;height: auto;border-radius: 3%;max-width: 100px;text-align: center; height: 154px}			

				.bouton_partners { cursor: pointer; margin: 10px auto 0 auto; color: #fff;padding: 5px;font-size: 13px;line-height: 30px; width: 100%; max-width: 200px; font-weight: 300;text-align: center;background: rgb(72, 149, 175); height: 30px;text-transform: uppercase;-webkit-transition: all 0.3s ease !important;-moz-transition: all 0.3s ease !important;-o-transition: all 0.3s ease !important;transition: all 0.3s ease !important;vertical-align: top !important;}
				.bouton_partners:hover{background: rgba(0,0,0,1);-webkit-transition: all 0.3s ease !important;-moz-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s ease !important;vertical-align: top !important;}
				.bouton_partners:before {content:"";width:30px;height: 30px;display: block;float: left;background-color: rgba(0,0,0,0);background-image:url(templates_smarty/home/images/caddie.png);background-size: contain;background-position: center center; background-repeat: no-repeat; text-align: center;}

				
		
.designcard_partners img {
/* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */
-webkit-transition: all .5s ease; /* Safari et Chrome */
-moz-transition: all .5s ease; /* Firefox */
-ms-transition: all .5s ease; /* Internet Explorer 9 */
-o-transition: all .5s ease; /* Opera */
transition: all .5s ease;
background: rgba(255,255,255,1);
box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}
.designcard_partners:hover img {
/* L'image est grossie de 25% */
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2); /* Firefox */
-ms-transform:scale(2); /* Internet Explorer 9 */
-o-transform:scale(2); /* Opera */
transform:scale(2);
z-index: 2;
box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
}
				

@media only screen and (max-width: 1450px) {				
	#partners.page > div ul li{width: calc(19.4% - 30px) !important;}
}
				
@media only screen and (max-width: 1150px) {				
	#partners.page > div ul li{width: calc(27% - 30px) !important;}
}
				
				
@media only screen and (max-width: 860px) {				
	#partners.page > div ul li{width: calc(42% - 50px) !important;}
	.bimscode_partners{display:none}
}
				
@media only screen and (max-width: 640px) {				
	#partners.page > div ul li{width: calc(96% - 100px) !important; max-width: 300px}
	.bouton_partners{max-width:32px; border-radius:50%}
	.bouton_partners::before{background-size: 80%;}
	.designcard_partners:hover img{-webkit-transform:scale(1); /* Safari et Chrome */
	-moz-transform:scale(1); /* Firefox */
	-ms-transform:scale(1); /* Internet Explorer 9 */
	-o-transform:scale(1); /* Opera */
	transform:scale(1);}
	.designcard_partners{height: 210px}
	.designcard_partners img{width: auto;display: inline-block;position: relative;margin: auto;border-radius: 3%;box-shadow: 3px 3px 5px rgba(0,0,0,0.2);max-width: 210px;text-align: center; height: 210px}
	#partners h2{font-size:26px !important}
	#partners h3{font-size:16px !important; line-height:22px !important}
}
				

/* --------------- FIN Page Partenaires ------------------------ */






input,select,textarea {width: calc(98% - 2px);border-radius: 4px;border: 1px solid #D3D3D3;background-color: white;color: grey;height: 40px;font-size: 18px;margin: auto auto 10px auto !important; padding:0 1%}
input.checkbox {border-radius: 8px;height: 25px;width: 25px;clear: left;}
select{font-size: 18px;width: 100% !important}
#submitlogin {width: 100% !important;
background: rgb(74, 148, 170);
color: white !important;
font-size: 20px !important;
font-weight: 600 !important;
border-radius: 0 !important;
border: 0 !important;}
#submit{width: 100% !important;
background: rgb(74, 148, 170);
color: white !important;
font-size: 20px !important;
font-weight: 600 !important;
border-radius: 0 !important;
border: 0 !important;}









/* ----------- Reseaux sociaux ------------- */
	
.reseaux { z-index: 999; position:fixed; top:20%; right:0; height: auto; background: rgba(255,255,255,1); padding: 5px; border-radius: 5px 0 0 5px; margin: 0;border: 0;  width: 50px; }
.reseaux p { font-size: 11px;font-style: normal;font-weight: normal;padding: 0;margin: 0;border: 0; }
.reseaux img { width: 100% }
.reseaux .icon { display: block !important; margin-top: 3px; width: 100% !important;}
.atss .at-share-btn span .at-icon, .atss a span .at-icon{width:20px !important; height: 20px !important; line-height: 20px !important;margin: 0 5px !important;}
.atss .at-share-btn, .atss a { width: 35px !important;}
.share_facebook { height: 24px; display: block; text-align: center; position: fixed; width: 100%;  top:0; z-index: 2}
.fb_iframe_widget span { display: inline-block;position: relative;text-align: justify;width: 180px;height: 20px;padding: 6px;}
.fb-like { position:absolute !important;top:2px !important;float: left !important; max-width: 200px !important; display: block !important; left: 2px !important;}

._89n_{background: #000 !important;}

/* ----------- Fin Réseaux sociaux -----------*/





	
	
	
	
	
/*    ---------------  PARTENAIRES  -------------------    */
	
.partenaires_officiel { z-index: 998; position:fixed; bottom:0; right:0; width: 320px; height: auto; background: rgba(255,255,255,1); padding: 10px; border-radius: 0; margin: 10px; border: 0; text-align: center; }
.partenaires_officiel p { font-size: 14px;font-style: normal;font-weight: normal;padding: 0;margin: 0;border: 0; }
.partenaires_officiel img { width: 100px; }
.partenaires_officiel .logo_partenaires { display: inline-block; text-align: center; }
	
	
/*    ---------------  FIN PARTENAIRES  -------------------    */
	
	
	





footer { display: block;width: 100%;padding: 10px 0 50px 0 !important; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2) !important;
z-index: 99;}
	
	





/*    ---------------  STYLE HOSTING  & COPY  ----------------    */

#hosting { padding: 6px 0 !important;display: block;background: rgba(250,250,250,1); }
#all_hosting { float: left;background: rgba(255,255,255,1) !important;margin: 0px auto auto auto;border: 0px;width: 100%;padding: 10px 0px;height: auto;-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);text-align: center;display: block;z-index: 998; }
#all_hosting p { margin:0px;padding:0px;border:0px;width:100%;height:auto;color:rgba(0,0,0,0.6);text-transform:uppercase;font-size:10px !important; }
#all_hosting a { margin:0px;padding:0px;border:0px;width:100%;height:auto;color:rgba(0,0,0,0.6);text-transform:uppercase;font-size:10px !important; text-decoration: underline; }
/*    ---------------  FIN HOSTING  & COPY    -----------------    */



@media only screen and (max-width: 1350px) {
#contact .content {width: 92%;margin: 170px 4% 4% 4%;}
#formcontact br{ display: block !important;margin: 3px;}
}


@media only screen and (max-width: 1300px) {
#contact .cadre_contact .left {width: 67%;}
#contact .cadre_contact .right {width: 67%;}
.boutons_site a { display: block !important;width: calc(100% - 15px) !important;max-width: calc(100% - 15px) !important;font-size: 16px !important; }.boutons_site {display: block !important;}
.texte > br{display: none !important; height: 0px !important; font-size: 0px !important}
.section_2 .image {background-size: 100% !important;}
.section_3 .image {background-size: 100% !important;}
}





@media only screen and (max-width: 1280px) {
	.section_2 .image {background-size: 85% !important;}
	.section_3 .image {background-size: 85% !important;}
	.section_4 .image {background-size: 85% !important;}
	.section_5 .image {background-size: 85% !important;}
	.section_6 .image {background-size: 85% !important;}
}






@media only screen and (max-width: 1250px) {
	.bx-wrapper .bx-caption{top:60% !important;}
}






@media only screen and (max-width: 1080px) {
	#menu a{font-size: 12px;}
	#partners.page > div ul li {width: calc(31.3% - 4px) !important;}
	img.logo_bimscard {max-height: 47px;margin: 18px 10px;}
	#contact .content_left { width: calc(100% - 40px) !important; height: auto !important }
	#contact .content_right{ width: calc(100% - 40px) !important; height: auto !important;margin: 10px 0 0 0 }
	#contact .photo_contact { height: 150px !important }
	#contact #submit { width: 172px !important; max-width: 172px !important }
	#contact #btn_contact { width: 90px !important }
	a.bureau, a.gsm, a.port, a.mail, .vide {font-size: 14px;}
}





@media only screen and (max-width: 1030px) {
	#menu a{font-size: 12px;}
	img.logo_bimscard {max-height: 47px;margin: 18px 10px;}
}





@media only screen and (max-width: 1000px) {
	.addthis-smartlayers-mobile{display:none !important}
	.fb{display:none !important}
	#navigation {display:none !important}
	#navigation_mobile { width: 100%; background-color: rgba(255,255,255,0) !important;padding: 0 auto;margin: 0 auto;height: 80px;z-index: 999999;position: fixed;display: block !important;}
	.seq .seq-content h3 a span{font-size:26px !important; line-height: 36px !important}
	#short_menu_close{cursor: pointer; z-index: 9999999; position: absolute; top: 10px; height:60px; width:60px; display:block; background-image:url(../images/close_menu.png); background-size: contain; background-color:rgb(248, 248, 248);  background-repeat: no-repeat; background-position: center; float: right; border-radius: 8px; right: -240px;}
	#short_menu{cursor: pointer; position: fixed; top: 50px; right: 10px; height:60px; width:60px; display:block; background:url(../images/short_menu.png); float: left; border-radius: 8px;background-size: contain; background-repeat: no-repeat; background-position: center;}
	#logo_mobile img{ cursor: pointer;position: fixed; top: 10px; left: 10px; height:60px; max-height:60px; width:60px; display:block; background:rgba(0,0,0,0); background-size: contain; background-repeat: no-repeat; background-position: center; float: left; border-radius: 8px}
	#menu_mobile {width: 200px;margin: 0px auto;height: 1000px;position: absolute;padding-top: 10px;padding-bottom: 10px;vertical-align: text-bottom;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;background-color: rgba(248,248,248,1);box-shadow: 0 0 4px rgba(0,0,0,0.2);overflow: hidden;display: block;right: -200px;margin-top: -36px;}
	#menu_mobile ul { margin: 0px auto;padding: 0px;height: 100%;border: 0px;width: 100%;list-style-type: none;text-align: center;z-index: 1000;background-color: rgba(248,248,248,1);display: inline-block;vertical-align: middle !important;max-height: 320px;position: relative;margin-top: 14% !important;}
	#menu_mobile ul li a {padding: 0;height: 45px;display: inline-block;color: #888888;text-decoration: none;background: rgba(0,0,0,0);font-size: 26px !important;font-weight: 200;letter-spacing: -0.2px;-webkit-transition: all 0.5s ease !important;-moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;margin: auto;text-align: center;line-height: 45px;}
	#menu_mobile ul li a:hover{padding:0;background: rgba(0,0,0,0);color:#444444;font-weight:200;;-webkit-transition: all 0.5s ease !important; -moz-transition: all 0.5s ease !important;-o-transition: all 0.5s ease !important;transition: all 0.5s ease !important;vertical-align: top !important;}
	#menu_mobile ul .modifiermonsite{background:rgb(207, 0, 30) !important; font-weight:600}
	#menu_mobile ul .modifiermonsite a{background:rgb(207, 0, 30) !important; font-weight:600}
	#menu_mobile ul .modifiermonsite a:hover{background:rgb(143, 21, 26) !important; font-weight:600}
	#menu_mobile a{background:#222222;}
	#menu_mobile a:active{background:#222222;}
	.reseaux .icon:nth-child(2) { margin-top: 0px !important }
	.b_commander {background: rgba(72, 149, 175,1) !important;border-radius: 0px !important;float: initial !important;margin: 0 20px !important;}
	.partenaires_officiel { position: relative !important; width: 100% !important; background: rgb(255,255,255) !important; padding: 20px 0 !important; margin: auto !important;}
	#pages { margin-top: 35px !important }
	.reseaux p { display: none !important }
	.reseaux { width: 35px !important }
	#sections { width: 100%; overflow: hidden; }
	#sections p { padding: 0 !important; width: 100%; overflow: hidden; }
	#sections p .video { width: 100% !important; overflow: hidden !important}
	#sections p .video video { width: 670% !important; }
	#sections p .video #video_background { width: 670% !important; }
	video { width: 670% !important; }
	section .texte { width: calc(100% - 30px) !important; min-height: auto !important; }
	section .image { width: calc(100% - 30px) !important; min-height: auto !important; }
	.boutons_site { display: block; width: 100% }
	.boutons_site a { width: calc(100% - 15px) !important; max-width: 250px !important; margin: 0 auto !important; display: inline-block !important; }
	h1{ font-size: 50px !important }
	h1 strong { font-size: 50px !important }
	h2{ font-size: 30px !important }	
	h3{ font-size: 22px !important }		
	h4,input,label,li,select{font-size: 14px;}
	section .image img { width: auto !important; max-width: 100% !important; }
	.section_1 .image p video {height: 569px !important;width: 352px !important;margin-top: 37px !important;border-radius: 36px !important;overflow: hidden !important;margin-left: -2px;}
	
	
	
	
.section_1 .image img {
    width: 605px !important;
    max-width: 605px !important;
    margin: auto !important;
    text-align: center !important;
    position: relative !important;
    z-index: 9999999 !important;
    top: 0px !important;
    display: block !important;
    margin-top: -588px !important;
	margin-left: -141px !important;
	right: inherit !important;
}

	
	.section_2 .content_section { padding: 0 20px !important; background-size: 18% !important; background-position: top right !important; }
	.section_2 .image { background-size: 100% !important; background-position: center !important }

	.section_3 .content_section { padding: 0 20px !important; background-size: 18% !important;background-position: top right !important;}
	.section_3 .image { background-size: 100% !important; background-position: center bottom !important }
	
	.section_4 .content_section { padding: 0 20px !important; background-size: 30% !important;background-position: top right !important;}
	.section_4 .image { background-size: 150% !important; background-position: center !important }
	
	.section_5 .content_section { padding: 0 20px !important; background-size: 30% !important;background-position: top right !important;}
	.section_5 .image { background-size: 100% !important; background-position: center !important }
	
	.section_6 .content_section { padding: 0 20px !important; background-size: 30% !important;background-position: top right !important;}
	.section_6 .image { background-size: 100% !important; background-position: center !important }
	
	.section_7 .content_section { padding: 0 20px !important; background-size: 30% !important;background-position: top right !important;}
	.section_7 .image { background-size: 100% !important; background-position: center !important }
	
	.section_8 .content_section { padding: 0 20px !important; background-size: 30% !important;background-position: top right !important;}
	.section_8 .image { background-size: 100% !important; background-position: center !important }
	
	.section_9 video { width: 100% !important }
	
	.etapes { width: calc(100% - 80px) !important; }
	.etape_4 .details .image { float: inherit !important;max-width: 100px;margin-right: 0px; }
	.etape_4 .details h4 { float: inherit !important;max-width: 100%; margin-left: 0px; text-align: center !important}
	
	.content_section .image { background-size: 60% !important}
}



@media only screen and (max-width: 800px) {
	#realisations.page > div ul li {width: calc(48% - 2px)}
	ul#avantage li img{width: 100%;padding: 0px !important;}
	#home .content {max-width: 100%;background: rgba(255,255,255,1) !important;color: grey;position: relative; display: block; padding: 2%; border-radius: 0px; width: 96%; margin: 0;float: right; box-shadow: 2px 2px 15px rgba(0,0,0,0.1);margin-top: 500px;right: inherit !important; }
	#menu ul li a{font-size: 9px !important}
	#menu ul li { float: left;padding: 0 1.5% !important; height: 60px !important; line-height: 60px; text-decoration: none;text-align: center; color: #ffffff; text-transform: uppercase;width: 100% !important; display: ruby-base-container !important;font-size: 10px !important; font-weight: 500;}
	#header{max-width:30% !important}
	#navigation{width:70% !important}
	.open_date{height: 50px !important; width: 50px !important;}
	.open_fonction{height: 50px !important;   width: 50px !important;}
	.content_right{width:90% !important; position: relative !important; overflow: auto} 
	section .image {max-height: 409px !important;}
}





@media only screen and (max-width: 768px) {
section .image {max-height: 630px !important}
.content_section .image {background-size: 80% !important}
}





@media only screen and (max-width: 650px) {
	.pages{margin-top: 100px !important;margin-bottom: 40px;}
	
	#logo img { filter: none !important }
	
	h1 strong { font-size: 34px !important }
	
	#menu{max-height:30px !important; line-height:30px !important}
	#menu ul{max-height:30px !important; line-height:30px !important}
	#menu ul li{display:content !important; max-height:30px !important; line-height:30px !important; width: 20% !important;padding: 0 0.5% !important;}
	#menu ul li a{max-height:30px !important; line-height:30px !important; font-size:9px !important}
	#menu ul li a:hover{max-height:30px !important; line-height:30px !important; font-size:9px !important}
	#header{max-height:76px}
	.box_logo img{max-height:120px;max-width:120px}
	#navigation{margin-top: 0px !important;}
	.pageicone {max-height: 80px !important;}
	#cgu h2{font-size:20px !important}
	#header{width:100% !important; max-width:100% !important; min-width:100% !important; display: block}
	#menu ul li {max-height: 30px !important;width: auto !important;font-size: 12px !important;display: inline-block !important; text-align: center !important;float: inherit !important;position: relative;}
	#navigation{width: 100% !important;height: 36px !important;}
	#menu ul li {max-height: 30px !important;width: auto !important;font-size: 12px !important;display: inline-block !important;text-align: center !important;float: inherit !important;position: relative;}
	#menu ul {margin: 0px auto;padding: 0px;height: 80px;border: 0px;max-width: 800px;width: 100%;list-style-type: none;z-index: 1000;float: inherit !important;display: inline-block !important;position: relative !important;text-align: center !important;}
	.bx-wrapper .bx-caption span {font-size: 18px !important;font-weight: 400 !important;}
	.p_cadre_avantages{width: 80%; display: inline-block; vertical-align: top; text-align: left !important;padding: 0px !important;border-left: 0px solid rgba(50,50,50,1) !important;margin-right: 0;}
	.p_cadre_avantages ul{margin: 0 !important;padding: 0 auto !important;}
	.p_cadre_avantages h5{margin: 0 auto !important;padding: 0 auto !important; text-align:  left !important}
	.p_cadre_avantages li{text-align:  left !important}
	#login .content {max-width: 100% !important;background: rgba(255,255,255,1) !important;color: grey;margin: 0 auto;margin-top: 500px !important;position: relative;display: block;padding: 2% !important;border-radius: 0px;width: 96% !important;left: 0 !important;float: left !important;box-shadow: 2px 2px 15px rgba(0,0,0,0.1);}
	#login > div{background-size: 1000px !important;background-attachment: scroll !important;}
	#fonctionnement h3{font-size: 18px !important;line-height: 30px !important;}
	#fonctionnement h4{font-size: 20px !important;}
	.oneplan{width:100% !important}
	#buyb2b .content {max-width: 100% !important;background: rgba(255,255,255,0) !important;color: grey;margin: 0 auto;position: relative;display: block;padding: 2% !important;border-radius: 0px;width: 96% !important;left: 0 !important;float: left !important; box-shadow: 2px 2px 15px rgba(0,0,0,0.1);}
	#buyb2b > div{background-size: 1000px !important;background-attachment: scroll !important;padding:0px !important;}
	#buyb2b h2{font-size: 20px !important;font-weight: 300 !important;}
	#buyb2b h5{font-size: 22px !important;}
	#home > div{background-size: 1000px !important;background-attachment: scroll !important;}
	.bx-viewport{height: 500px !important;}
	.bx-viewport ul li{width: 100% !important;height: 700px;}
	.bx-caption{float: left !important; left: 0 !important}
	.bx-wrapper img {display: block !important; overflow: hidden !important;float: left !important;text-align: center !important;position: absolute !important; left: -300px !important; margin: auto !important; height: 500px !important;max-width: inherit !important;width: auto !important;}
	#editeur h4{font-size: 18px !important;}
	#partners.page > div ul li {width: calc(36% - 4px) !important;vertical-align: top !important;}
	#partners > div > div{padding: 0px !important}
	.bx-wrapper img {max-width: inherit !important;}
	.page .partnersList{padding: 10% 0px 0px 0px !important;}
	
	#contact .content_page > div{ display: inherit !important }
	#contact .content_page { display: inherit !important }
	
	#contact .content_left {
    width: calc(69% - 40px) !important;
    margin: 0;
    height: calc(100% - 40px) !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 20px !important;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 40px) !important;
}
	

		
#contact .content_right {
    margin: 0;
    height: calc(100% - 40px) !important;
    background: rgba(255,255,255,0.85) !important;
    padding: 20px !important;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 40px) !important;
	position: relative !important;
	overflow: inherit !important;
}
	
#contact input {
    text-align: left !important;
    text-transform: inherit !important;
    font-weight: 400 !important;
    margin: auto auto 5px auto !important;
    display: block !important;
    max-width: 96% !important;
	width: 96% !important;
}
	
#contact #btn_contact {
    width: calc(100% - 57px) !important;
    max-width: inherit !important;
    text-align: center !important;
    float: left !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    border-radius: 0 !important;
    border: 0 !important;
    color: white !important;
    cursor: pointer;
    height: 50px !important;
    line-height: 40px !important;
    background-color: transparent !important;
}
	
#contact #submit { width: 172px !important; max-width: 172px !important }
	
#contact .content {
    display: block !important;
    width: 94% !important;
    margin: 100px 3% 3% 3% !important;
}
	
#contact .cadre_contact { width: calc(100% - 40px);  }
	
	
.maurice::after { display: none }
.francois::before { display: none }
	
#contact .content_left { height: auto !important; margin-bottom: 20px !important; }
#contact .content_right { height: auto !important }

#all_hosting { position: fixed !important; bottom: 0 !important; }
#all_hosting span { display: block !important }
	
#paypal .content { height: auto !important; max-height: inherit !important;  margin-top: 150px !important  }

   
}



@media only screen and (max-width: 540px) {
#contact .cadre_contact {width: calc(100% - 40px); max-width: calc(100% - 40px) !important;}
.francois {width: 100% !important; max-width: 100% !important;}
.maurice {width: 100% !important; max-width: 100% !important;}
#contact .cadre_contact { width: calc(100% - 20px); padding: 10px !important}
#contact .photo_contact {min-height: 240px !important; height: 240px !important; max-height: 240px !important}
.bureau:before, .gsm:before, .port:before, .mail:before,  .vide:before {content: ""; width: 28px;height: 28px;line-height: 28px;margin: 0 1px;}
a.bureau, a.gsm, a.port, a.mail, .vide {height: 28px; line-height: 28px; margin: 1px auto; font-size: 12px;}
}





@media only screen and (max-width: 480px) {
	#realisations.page > div ul li { width: calc(98% - 2px) }
	ul#avantage li h3{ font-size: 12px !important}	
	#partners.page > div ul li { width: calc(46% - 24px) !important;padding: 10px !important; }
	#partners.page > div ul { margin: auto; width: 100% !important;padding: 0px !important; }
	.avantages{ font-size: 30px !important }
	#paypal h2 { font-size: 26px !important;max-width: 90%; }
	#paypal > div{ padding: 10% 0px 0px 0px !important }
	#paypal h3{ font-size:16px !important; line-height:22px !important;max-width: 90% }
}





@media only screen and (max-width: 414px) {	
section .image { max-height: 291px !important; }
}




@media only screen and (max-width: 400px) {	
	#copyright a {font-size: 10px;}
	#all_header{position: fixed;}
	#all_hosting{position: relative;}
	#pages{margin-top: 50px;margin-bottom:0px;}
	.carentrerajamais {display: block;}
}





@media only screen and (max-width: 360px) {	
.content_section .image {background-size: 100% !important;}
#content_fonctionnalites .image img {max-width: 208px !important;}
}


*{-webkit-appearance: none !important;}