html, body{
 height:100%;
 width:100%;
 min-height:100%;
 min-width:343px; /* Important - +16px de padding pour une résolution min de 359px (pas de scroll à 360) */
 font-family: 'Roboto', sans-serif; font-weight: 300;
  /*background-color:#37393d; */
 }
 
a:active,
a:hover {
  outline-width: 0;
}
img {
  border-style: none;
}
 
 blockquote, body, div, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, label, legend, li, nav, object, ol, p, section, table, ul {
    margin: 0;
    padding: 0;
}
a, select, input{
	box-shadow:none;  outline: none; 
}

@media (min-width: 769px) and (max-width: 1280px) {
	.jump{	background: url(../images/bg/SilverDev-bg-jump-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.jump2{	background: url(../images/bg/SilverDev-bg-jump2-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.bridge{ background: url(../images/bg/SilverDev-bg-bridge-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.city{ background: url(../images/bg/SilverDev-bg-city-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.cup{ background: url(../images/bg/SilverDev-bg-cup-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.coffee{ background: url(../images/bg/SilverDev-bg-coffee-size2.jpg) no-repeat center fixed ;-webkit-background-size: cover;  background-size: cover; }
	.sailing{background: url(../images/bg/SilverDev-bg-sailing-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.bench{background: url(../images/bg/SilverDev-bg-bench-size2.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.gear{background: url(../images/bg/SilverDev-bg-gear-size2.jpg) no-repeat center fixed;   	-webkit-background-size: cover; 	background-size: cover; }
	.user{background: url(../images/bg/SilverDev-bg-user-size2.jpg) no-repeat center fixed;   	-webkit-background-size: cover; 	background-size: cover; }
}
@media (max-width: 768px) {
	.jump{ background: url(../images/bg/SilverDev-bg-jump-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.jump2{ background: url(../images/bg/SilverDev-bg-jump2-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.bridge{ background: url(../images/bg/SilverDev-bg-bridge-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.city{ background: url(../images/bg/SilverDev-bg-city-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.cup{ background: url(../images/bg/SilverDev-bg-cup-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.coffee{ background: url(../images/bg/SilverDev-bg-coffee-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.sailing{background: url(../images/bg/SilverDev-bg-sailing-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.bench{background: url(../images/bg/SilverDev-bg-bench-size3.jpg) no-repeat center fixed ; -webkit-background-size: cover;  background-size: cover; }
	.gear{background: url(../images/bg/SilverDev-bg-gear-size3.jpg) no-repeat center fixed;   	-webkit-background-size: cover; 	background-size: cover; }
	.user{background: url(../images/bg/SilverDev-bg-user-size3.jpg) no-repeat center fixed;   	-webkit-background-size: cover; 	background-size: cover; }
	}

a{	text-decoration:none; color:inherit;}
a:active{	text-decoration:none; color:inherit;}
a:hover{	text-decoration:none; color:inherit;}
a:visited{	text-decoration:none; color:inherit;}

.hightlight-color { color:#278ca8!important;  text-decoration:none; }
.main-color { color:#222222!important;  text-decoration:none; }
.soft-color { color:#51606f!important;  text-decoration:none; }
.contrast-color { color:#ffffff!important;  text-decoration:none; }

.smaller{font-size:SMALLER;  }

.resize {max-width: 100%; height:auto; margin-left:auto; margin-right:auto;}
@media (max-width: 768px) {.resize.min {max-width: 100%; height:auto; margin-left:auto; margin-right:auto;}}
@media (min-width: 769px) and (max-width:1280px;) {.resize.min {max-width: 320px; height:auto; margin-left:auto; margin-right:auto;}}
.left{	text-align:left;}
.right{	text-align:right;}
.center{	text-align:center;}
.justify{text-align:justify;	}
.top{vertical-align:top;	}
.middle{vertical-align:middle;	}
@media (max-width: 1280px) {.desktop-only{display:none; }}
@media (max-width: 1280px) {.mobile-only{display:inherit; }}

ul{ margin: 8px 0 8px 15px; }
li{ list-style: disc;	color:#51606f; text-align:left; line-height:1.8em}

ul.no-list-style{ margin: 8px 0 8px 0px; }
ul.no-list-style > li { list-style: none;		}
.HR_svg{	margin:15px 0 8px 0; }
hr{
 max-width:300px;	width:300px; border:none; height:1px; background-color:#51606f; color:#51606f;
}

.leftMenu .bar2 .box, .menu .bar2 .box, .more{transition: all 0.3s ease-in-out;}


/*.flex{  display: -webkit-box; display: -moz-box; display: -webkit-flex;   display: -ms-flexbox; display: flex;   }
.flex.allCenter {	-webkit-box-pack: center;	-moz-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-moz-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;	align-items: center;}
.flex.row{  -webkit-box-orient:horizontal; -moz-box-orient:horizontal; 	-webkit-box-direction: normal;	-moz-box-direction: normal; -ms-flexbox-flow:row; flex-direction: row;  flex-flow:row;}
.flex.column {  -webkit-box-orient:vertical;  -moz-box-orient:vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-flexbox-flow:column;flex-direction: column; flex-flow:column;}
.flex.align-start{-webkit-box-align:start;  	-moz-box-align: start;	-ms-flex-align: start;	-webkit-align-items: flex-start;   align-items:flex-start;}
.flex.align-space-around{-webkit-box-align:space-around;  -ms-flex-align:space-around; align-items:space-around;}
.flex.align-stretch{-webkit-box-align:stretch; 	-moz-box-align: stretch;	-ms-flex-align: stretch;	-webkit-align-items: stretch; align-items:stretch;}
.flex.align-center{-webkit-box-align:center;  -moz-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;   align-items:center;}
.flex.align-end{  -webkit-box-align: end;	-moz-box-align: end;	-ms-flex-align: end;	-webkit-align-items: flex-end;	align-items: flex-end;}

.flex.justify-start{ -webkit-box-pack:start; 	-moz-box-pack: start;	-ms-flex-pack: start;	-webkit-justify-content: flex-start; -ms-flex-pack:start; justify-content:flex-start;}
.flex.justify-space-around{ 	-webkit-box-pack: justify;	-moz-box-pack: justify;	-ms-flex-pack: distribute;	-webkit-justify-content: space-around;	justify-content: space-around;}
.flex.justify-space-between {	-webkit-box-pack: justify;	-moz-box-pack: justify;	-ms-flex-pack: justify;	-webkit-justify-content: space-between;	justify-content: space-between;}
.flex.justify-stretch{ -webkit-box-pack:stretch; -ms-flex-pack:stretch; justify-content:stretch;}
.flex.justify-center{ -webkit-box-pack:center; 	-moz-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center; justify-content:center;}
.flex.justify-end{ -webkit-box-pack: end; 	-moz-box-pack: end;	-ms-flex-pack: end;	-webkit-justify-content: flex-end;  justify-content: flex-end;}

.flex.no-wrap{-webkit-box-lines:single;	-moz-box-lines:single; box-lines:single; -ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex.wrap{-webkit-box-lines:multiple;	-moz-box-lines:multiple; box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:multiplewrap;}
*/	

.leftMenu{	margin-top:0px; z-index:800; 	display: flex;		top: 0;	left: 0;	position: fixed;	overflow: hidden;	overflow-y: auto;	background:rgba(39, 140, 168, 0.85); color: white; 	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */}
.leftMenu.hidden{ display:flex; -webkit-transform: translate( -100%, 0px ); -ms-transform: translate( -100%, 0px );  transform: translate( -100%, 0px );	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */}
.leftMenu.visible{ display:flex; width: 100%;height: 100%;	-webkit-transform: translate(0px, 0px ); transform: translate(0px, 0px ); 	-webkit-transition: -webkit-transform 300ms;	        transition:         transform 300ms;}	

@media (max-width: 1280px) {
.leftMenu .close{	position:absolute; right:20px; top:20px; color:white; font-size:26px; cursor:pointer;}
.leftMenu .bar2{ margin: 20vh 10% 20vh 10%; text-align:left; width:100%;}
	.leftMenu .bar2 .box{ display:block; line-height:60px; width:100%; color:white;   font-family: sansationregular;  font-variant: small-caps; font-size:1.4em; }
	.leftMenu .bar2 .box .icon{ font-size:1.4em; padding:8px; position:relative; top:5px; margin-right:10px;}
	.leftMenu .bar2 .box:hover{ color:#278ca8; cursor:pointer; background-color: white;}

select.langChoice.top	{display:inline-block;  border: 1px solid #e6e9ed;    color: #8a9aaa;   padding:3px;  width:100px;  line-height:26px;  margin-left:auto; margin-right:auto;}
 .menu .lang{float:right;}
	 .menu .lang .box{  display:none; }

	.topBar .box{  display:none; }
 }		
	 
/* Top menu > passe en icone */
@media (max-width: 1280px) {

.menu{position:fixed; left:0;top:0; width:100%; left:0; height:50px; background:rgba(256, 256, 256, 0.99); z-index:100;}
.menu .trigger{ position:absolute; top:0; line-height:40px; right:10px;  color:#8a9aaa; font-size:25px; margin-top:10px; cursor:pointer;}
.menu .logo{  position:absolute; top:8px; left:10px; height:35px; width:176px; background: url(../images/SilverDev-logo-black-176.png) no-repeat;  }

.menu .socialBar{display: none; }		
.menu .bar2{display: none; }
}




/**********Header ************/


@media (min-width:769px) and (max-width: 1280px) {
	.header.main{height:450px; margin:0;width:100%; text-align:center;  color:white; 	font-family: 'Sansation_lightregular', sans-serif; }
	.header.main	.titre1{ position:relative; top:370px; font-size:2.6em;  font-weight: 100;z-index:2; text-shadow: 0 0 4px rgba(0,0,0, 0.5);}
	.header.main	.titre2{ position:relative; top:380px; font-size:3.6em; font-weight: 500;	z-index:2;  margin:0; text-shadow: 0 0 7px rgba(0,0,0, 0.5); }
}
@media (max-width: 768px) {
	.header.main{height:350px;  margin:0;width:100%;  text-align:center;  color:white; 	font-family: 'Sansation_lightregular', sans-serif; }
	.header.main	.titre1{ position:relative; top:225px; font-size:1.7em;  font-weight: 100;z-index:2; text-shadow: 0 0 4px rgba(0,0,0, 0.8);}
	.header.main	.titre2{ position:relative; top:240px; font-size:2.3em; font-weight: 500;	z-index:2;  margin:0; text-shadow: 0 0 7px rgba(0,0,0, 0.8); }
}

	.header.main .buttons{ font-family: 'Roboto', sans-serif;  font-weight:300;margin-bottom:50px; }
	.header.main .buttons .button-cta{ margin:40px; font-size:0.9; width:150px; height:40px; background-color:#ff8000; border:1px solid #ff8000; line-height:40px; text-align:center; 	}
	.header.main .buttons .button-alternate{margin:40px; font-size:0.9; width:150px; height:40px; border:1px solid white; line-height:40px; text-align:center;	}

/**********Header PART ************/
@media (min-width: 769px) and (max-width: 1280px) {	
.header.part {height:200px; margin:0;width:100%;  color:white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:10; text-align:center;	}
	.header.part .anchor{ position:relative; top:-50%; visibility:hidden;}
	.header.part .accroche1{ position:relative; top:110px;	font-size:3.4em; color: white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:11;  font-weight:100;text-shadow: 0 0 3px rgba(0,0,0, 0.7);}
	.header.part .accroche2{  position:relative; top:110px; left:10px;		font-size:4.2em; color:white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:11;  font-weight:100;text-shadow: 0 0 3px rgba(0,0,0, 0.7);}
.menu + .header.part {	margin-top:50px;	} /*important marge bandeau du menu */
}
@media (max-width: 768px) {	
.header.part {height:120px; margin:0;width:100%;  color:white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:10; text-align:center;	}
	.header.part .anchor{ position:relative; top:-50%; visibility:hidden;}
	.header.part .accroche1{ position:relative; top:60px;	font-size:2.2em; color: white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:11;  font-weight:100;text-shadow: 0 0 3px rgba(0,0,0, 0.7);}
	.header.part .accroche2{  position:relative; top:60px; left:10px;		font-size:2.8em; color:white; 	font-family: 'Sansation_lightregular', sans-serif; z-index:11;  font-weight:100;text-shadow: 0 0 3px rgba(0,0,0, 0.7);}
.menu + .header.part {	margin-top:50px;	} /*important marge bandeau du menu */
}

/* CONTENT */ 

.content{position:relative; height:auto;text-align:center; margin:0; background-color: rgba(255, 255, 255, 0.95);  left:0px; right:0px;  z-index:10; }
.padding{padding : 50px; }
@media (max-width: 769px) { .padding{padding : 8px; }}
	.content.transition{	visibility: hidden; 	Border-top: 3px solid #278ca8; height:50px;	}
	.transition.circle {position:relative; top:-50px; left:50%; width:100px; height:100px; background-color:#278ca8; text-align:center;   
		border-radius:75px;
-webkit-transform:translateX(-50%);
        transform:translateX(-50%);}
	.transition.circle .icon{font-size:3.2em; line-height: 110px; ; color:white; 	}

	
	
	.content H1{font-family: 'sansationregular', sans-serif;font-weight: initial; font-size:1.6em;  color:#278ca8; line-height:2em}
		@media (max-width: 769px) {.content H1{font-size:1.4em; font-weight: initial; line-height:1.7em}}
	.content H2{font-family: 'sansationregular', sans-serif; font-size:1.4em; font-weight: initial; color:#278ca8; line-height:1.8em}
		@media (max-width: 769px) {.content H2{ font-size:1.3em; line-height:1.5em}}
	.content H3{font-family: 'Roboto', sans-serif; font-size:1.1em; font-weight:300; color:#222222; line-height:1.5em; margin:40px;}

		.content p{font-family: 'Roboto', sans-serif; font-size:1em; color:#51606f; line-height:1.6em; margin-top : 5px; margin-bottom : 5px; }
			@media (max-width: 769px) { .content p{margin: 20px 0 20px 0;}}
			.content p.chapeau{ font-weight: 400; font-size:1.2em; line-height:1.4em;  padding:10px 0 10px 0; color:#222222;  }
		.content .aere{ line-height:1.6em; margin-top : 10px; margin-bottom : 10px; }
		.content .bold{ font-weight: 500; }
		.content img{position:relative; left:0;	 }

/********** Boxes avec icone > Index ************/
	.Icon_Boxes{color:#51606f; width:100%; margin:0px; text-align:center; }
		.Icon_Boxes .box{width:270px;  vertical-align: top; padding:20px;	margin:0px;  display:inline-block; overflow: hidden;}
	@media (max-width: 1280px) {.Icon_Boxes .box{ }
			.Icon_Boxes .box .icon{	font-size:5.4em; color:#278ca8; }
			.Icon_Boxes .box img > .Icon_Boxes .box{ max-height:150px;  }
			.Icon_Boxes .box .detail{  font-size:0.95em; line-height:1.5em;  }
				.Icon_Boxes .box .detail .gras{	 font-size:1.2em;  line-height:1.8em;  font-family: 'sansationbold'; color:#222222;  }
			.Icon_Boxes .box .more{display:none;  font-size:1.1em; color:#278ca8;width:70px; height:35px; border:1px solid #278ca8; line-height:35px;  margin:auto;  margin-top:20px;text-align:center;}
				.Icon_Boxes .box .more:hover{color:white; background:#278ca8; }}

/********** Boxes avec thumb > Index ************/
		.boxes_with_thumb{max-width:700px; display:inline-block; text-align:left;}
		.boxes_with_thumb .box_thumb {display:inline-block; width:150px; margin:30px; vertical-align:middle; }
		.boxes_with_thumb .box_txt {display:inline-block; max-width:460px; min-width:360px;  text-align:justify; margin:5px; vertical-align:middle;}
		.index_thumb{border:2px solid #278ca8; border-radius:75px; width:150px; height:150px; 	}

	@media (min-width:769px) and (max-width: 1280px) {	.boxes_articles{max-width:100%; display:block; margin:auto; text-align:center;}
		.boxes_articles .box_thumb {display:inline-block; width:220px; margin:10px; vertical-align:top; padding: 20px 0 0 0;}
		.boxes_articles .box_txt {display:inline-block; max-width:calc(100% - 270px); width:70%;  text-align:justify; margin:10px; vertical-align:middle; border-bottom:1px solid #278ca8;}
		.boxes_articles img{ max-width:220px; max-height:120px; width:auto; height:auto;  	}}
	@media (max-width: 768px) {	.boxes_articles{max-width:100%; display:block; margin:auto; text-align:center;}
		.boxes_articles .box_thumb {display:inline-block; width:180px; margin:10px 0 0 0; vertical-align:top; }
		.boxes_articles .box_txt {display:inline-block; width:100%; text-align:justify; margin:0px 0 10px 0; vertical-align:middle; border-bottom:1px solid #278ca8;}
		.boxes_articles img{ max-width:180px; max-height:120px; width:auto; height:auto;  	}}
			
	.boxes_light{max-width:560px;  font-weight: 300;display:inline-block; margin:20px; padding:10px; text-align:center; }				
		.boxes_light.border{border-top:1px solid #51606f; border-bottom:1px solid #51606f;}		
		.boxes_light .box{margin:10px; display:inline-block; vertical-align:middle;	}		
		.boxes_light .box ul{text-align:left; font-size:1.2em; }		
		.boxes_light .box ul > li{line-height:2em;	}								
		.boxes_light .box img{height:250px;	}					
	
	.two_boxes{ margin:0px; width:100%;}
		.two_boxes .box{display: inline-block;  padding:5px; height:auto; }
			@media (min-width:769px) and (max-width: 1280px) {.two_boxes .box{ width:500px; margin:20px;}}
			@media (max-width: 768px) {.two_boxes .box{ width:90%; min-width:300px; max-width:500px;margin:5px;}}
				@media (max-width: 1280px)	{.two_boxes .box.align_responsive {text-align:center;}}
			@media (min-width:769px) and (max-width: 1280px) {.two_boxes .box.tuto:nth-child(1){ text-align:right; margin:20px;}}
			@media (min-width:769px) and (max-width: 1280px) {.two_boxes .box.tuto:nth-child(2){ text-align:left; margin:20px;}}

			@media (max-width:768px) {.two_boxes .box.tuto:nth-child(1), .box.tuto:nth-child(2){ text-align:center; margin:5px; max-width:340px;}}

	.three_boxes{ margin:0px; width:100%;}
		.three_boxes .box{display: inline-block;  padding:0px; height:auto; }
		.three_boxes .box.border{border-top:1px solid #278ca8; }
			@media (min-width:900px) and (max-width: 1280px) {.three_boxes .box{  width: calc(33% - 24px); margin:12px;}}
			@media (max-width: 899px) {.three_boxes .box{ width:90%; max-width:500px;margin:5px;}}
		

		.more{display:inline-block; font-size:1em; color:#278ca8!important; height:35px; border:1px solid #278ca8; line-height:35px; margin:20px 0 20px 0; padding:0 15px 0 15px; text-align:center; }
		.more:hover{color:white!important;  border:1px solid #278ca8;  background:#278ca8;}
	
/*---------CTA----------*/
.cta-boxes{width:100%; padding:0 0 20px 0; margin:0; text-align:center;}
	.cta-boxes .box{ margin:30px; padding:0; display:inline-block;}
		.cta-boxes h1{font-size:2.8em; line-height:3em;   font-family: 'sansation_lightregular'; font-weight:100;text-shadow: 0 0 4px rgba(0,0,0, 0.5);}
		.button-cta{ display:inline-block;  margin:15px;  font-size:1.1em; width:170px; height:40px; background-color:#ff8000;  color:#fff; border:1px solid #ff8000; line-height:40px; text-align:center; 	}
		.button-alternate{display:inline-block;  font-size:1.1em; width:170px; height:40px; border:1px solid #51606f; color:#51606f;line-height:40px; text-align:center;	}	

		.footer-black{width:100%; display:block;  margin:0; background:rgba(5, 5, 5, 0.98); color:#dde1e6; border-top: solid 2px #8f9cae; text-align:center;	}
			.reference{	width: 70px;	height: 50px;	margin-left: 5px;	margin-right: 5px;	margin-top: 15px;	margin-bottom:5px;	padding: 0px;	display:inline-block;}

		.content-footer{max-width:1080px; clear:both; margin-left:auto; margin-right:auto; display:inline-block;}
			.content-footer .lang {width:100%;}
				.content-footer .lang .box{display:inline-block; height:26px; margin:30px 0 0 0;}
			select.langChoice.bottom	{display:inline-block; box-shadow:none;   outline: none;    border: none;  border: 1px solid #278ca8; background: #278ca8; color:#dde1e6;   padding:3px;  width:100px;  line-height:26px;  margin-left:auto; margin-right:auto; font-weight:300; font-size:0.8em; font-variant:small-caps;}

				.content-footer .social {width:100%;margin-top:20px; }
				.content-footer .social > .icon{display:inline-block; width:30px; padding-top:7px; height:23px; font-size:1.1em; background-color:#278ca8; color:#fff;  margin:10px;  border-radius:15px;}
			.content-footer .credits{ font-weight:500; font-size:1.1em;  line-height:1.8em; letter-spacing:1px;  font-variant:small-caps; color:#dde1e6;  }
			.content-footer .menu-footer{display:block;	margin-bottom:30px;	}
				.menu-footer > .menuF{ display:inline-block; font-weight:300; font-size:0.8em;  line-height:1.5em; letter-spacing:1px;  font-variant:small-caps; color:#dde1e6; padding:0px 10px 0px 10px; border-right:1px solid #dde1e6; }
				.menu-footer > .menuF:last-child{border-right:none;}
			.content-footer .boxes-footer{display:inline-block; vertical-align:middle; margin:10px;}
			.content-footer .legal{  font-size:0.8em; line-height:1.7em; color:#dde1e6;  font-variant:small-caps;}
			.img-medaillon{height:50px;  display:inline-block; margin-bottom:10px;}
				.img-medaillon	img{	height:50px; }
		.footer-blue{width:100%; display:block;  margin:0; background:rgba(0, 74, 95, 0.85); color:#dde1e6; text-align:center;	}
			.footer .box{display:inline-block; max-width:300px; padding:30px; margin:30px; 	}	

.text-content{max-width:700px; display:block; margin:auto; text-align:justify;}
	.text-content p{margin:15px 0 15px 0;}

@media (min-width:480px) and (max-width: 1280px) {.box-company-highlight{margin:30px 0 10px 20px;  width:200px;float: right;background-color: #278ca8;color: white;padding: 15px;}}
@media (max-width:479px)  {.box-company-highlight{margin:30px 0 10px 0;  float: none; display: block;background-color: #278ca8;color: white;padding: 15px;}}
	.box-company-highlight img{width: 170px; padding: 15px;}

		
@media (min-width:769px) and (max-width: 1280px) {
	.tuto {max-width: 260px; height:auto; margin-left:auto; margin-right:auto;}	}
@media (max-width:768px) {
	.tuto {max-width: 280px; height:auto; margin-left:auto; margin-right:auto;}	}			

	.tutoCTA.circle {display:inline-block; width:36px; height:36px; background-color:#278ca8; text-align:center;   
		border-radius:18px; margin:10px 15px 10px 0;}
	.tutoCTA.circle .icon{font-size:20px; line-height: 42px; ; color:white; 	}

	.screen-gallery{text-align:center;	}
	.screen-gallery .box{vertical-align: top; margin:20px;	padding:0px;  display:inline-block;		}
	.screen-gallery img {	max-width: 260px; width:auto; max-height:150px; height:auto;}
	.screen-gallery p > a { font-weight: bold; 	color:#278ca8;}
	.screen-gallery p > a .icon { font-size:1.2em!important; position:relative; top:3px;}

/*formulaires -------------------*/

	input [type="text"], 	input [type="email"] {	}
	  	.value-form.cnt.select:hover{	  		cursor:pointer;	  	}
	@media (min-width:769px) and (max-width: 1280px) {	
			.center-form-DL{ 		display:block;  width:600px; margin:auto; margin-bottom:50px; 	}
			.value-form {display:inline-block;  height:18px; border: 1px solid #b1bcc5;   background: #e6e9ed;   color: #51606f;   padding:8px;   margin-bottom:20px;   width:200px;  margin:10px;
   		-webkit-border-radius: 1px;
   		-moz-border-radius: 1px;
   		border-radius: 1px;  }
   		.value-form.double{ 	width:440px;}
			.value-form.select{ margin-top:10px; 	width:300px; height:auto; line-height:26px;}
   		.value-form.cnt{ 	display:block; width:300px; margin-left:auto; margin-right:auto;}
  	.value-form.cnt.select{ margin-top:10px; 	width:319px; height:auto; line-height:26px;  margin-left:auto; margin-right:auto;}}
  @media (max-width:768px) {	
   		.center-form-DL{ 		display:block;  width:300px; margin:20px auto 50px auto; 	}
			.value-form {display:inline-block;  height:18px; border: 1px solid #b1bcc5;   background: #e6e9ed;   color: #323c45;   padding:8px;   margin-bottom:20px;   width:200px;  margin:10px;
   		-webkit-border-radius: 1px;
   		-moz-border-radius: 1px;
   		border-radius: 1px;  }
   		.value-form.double{ 	width:200px;}
			.value-form.select{ margin-top:10px; 	width:219px; height:auto; line-height:26px;}
   		.value-form.cnt{ 	display:block; width:200px; margin-left:auto; margin-right:auto;}
  	.value-form.cnt.select{ margin-top:10px; 	width:219px; height:auto; line-height:26px;  margin-left:auto; margin-right:auto;}}
  	.value-form:focus {   	background: #fff;   	color: #51606f;   	}
	.download-button{display:inline-block;height:46px;	 width:200px; margin-top:20px;  }
		.download-button.hidden {visibility:hidden;}
		.download-button.visible {visibility:visible;}
	.download.active{ padding-left:46px;  cursor:pointer; height:inherit; width:inherit; line-height:40px; background-color: #ff8000; color:white; border:none; text-align:center;  font-size:1.1em; 
		-webkit-border-radius:2px;
   	-moz-border-radius:2px;
   	border-radius: 2px;}
	.download.disabled{padding-left:46px; cursor:normal; height:inherit; width:inherit; line-height:40px; background-color: #b1bcc5; color:white; border:none; text-align:center; font-size:1em; 
		-webkit-border-radius:2px;
   	-moz-border-radius:2px;
   	border-radius: 2px;}
   	.icon-download {height:46px; width:46px; float:left; position:relative; top:-46px; background-color:  rgba(0, 0, 0, 0.2); color:white; font-size:1.7em; text-align:center; line-height:50px;	display: inline-block;	
   		-webkit-border-radius:2px 0 0 2px;
   		-moz-border-radius:2px 0 0 2px;
   		border-radius: 2px 0 0 2px;
   }
 /*MAP PARTENAIRES*/
 .boxes_Partners{margin:0px; width:100%;}
 		.boxes_Partners .box{display: block;  height:auto; width:100%;  margin:auto;text-align:center; }
		.boxes_Partners .box svg{display: none; }
  #PartnerCard{ display: block; }
  #PartnerDetail { display:block!important;  margin:10px;  	margin-bottom:25px;  }
 #PartnerDetail .PartnerLogo{display:inline-block; width:48%; min-width:100px; text-align:right; padding-right:10px;vertical-align:middle;}
 	#PartnerDetail .PartnerLogo img{max-width:160px;}
 #PartnerDetail .PartnerInfo{display:inline-block;  width:48%; min-width:100px;text-align:left; padding-left:10px; vertical-align:middle;} 
	 #PartnerDetail .PartnerInfo h2{ color:#222222;  margin:20px 0 20px 0;}
	 #PartnerDetail .PartnerInfo .text{font-size:0.9em; line-height:1.4em; color:#51606f;}
	 #PartnerDetail .PartnerInfo .text a{ font-weight:bold; color:#222222;}
	
	@media (max-width: 768px) { 
		#PartnerDetail{ 	margin-bottom:35px;  }
		#PartnerDetail .PartnerLogo{width:100%; text-align:center; padding-right:0;}
		#PartnerDetail .PartnerInfo{ width:100%;text-align:center; padding-left:0px; } 
	 }
   /*Validation des CGV*/
	a.popup-terms{color:#278ca8; font-weight:bold; text-align:left;}
	.modal-terms {  background: #FFF;  padding: 20px 30px;  text-align: left;  max-width: 640px;  max-height:480px;  margin: 40px auto;  position: relative;	overflow: auto;}
	p .popup-terms-dismiss{margin:auto; color:white; text-align:center;display:block; background-color: #666666; color:white; padding:5px; width:150px; margin-bottom:40px;}
	.popup-terms-dismiss.hidden {visibility:hidden;}
	.popup-terms-dismiss.visible {visibility:visible;}
	
  .highslide-help{  position:relative; right: 25px; margin-right:-33px; top: -12px; font-size:2em; color:#8a9aaa; 
  transition: all 0.3s ease-in-out;}
 	.highslide-help:hover{color:#278ca8;}

/* FONTS SUPPLEMENTAIRES */

@font-face {    font-family: 'sansationbold';    			src: url('../fonts/Sansation/sansation_bold-webfont.eot');    src: url('../fonts/Sansation/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Sansation/sansation_bold-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_bold-webfont.ttf') format('truetype'),         url('../fonts/Sansation/sansation_bold-webfont.svg#sansationbold') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sansationbold_italic';   	src: url('../fonts/Sansation/sansation_bold_italic-webfont.eot');    src: url('../fonts/Sansation/sansation_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Sansation/sansation_bold_italic-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_bold_italic-webfont.ttf') format('truetype'),         url('../fonts/Sansation/sansation_bold_italic-webfont.svg#sansationbold_italic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sansationitalic';   			src: url('../fonts/Sansation/sansation_italic-webfont.eot');    src: url('../fonts/Sansation/sansation_italic-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Sansation/sansation_italic-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_italic-webfont.ttf') format('truetype'),         url('vsansation_italic-webfont.svg#sansationitalic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sansation_lightregular';   src: url('../fonts/Sansation/sansation_light-webfont.eot');    src: url('../fonts/Sansation/sansation_light-webfont.eot?#iefix') format('embedded-opentype'),        url('../fonts/Sansation/sansation_light-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_light-webfont.ttf') format('truetype'),         url('../fonts/Sansation/sansation_light-webfont.svg#sansation_lightregular') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sansation_lightitalic';    src: url('../fonts/Sansation/sansation_light_italic-webfont.eot');    src: url('../fonts/Sansation/sansation_light_italic-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Sansation/sansation_light_italic-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_light_italic-webfont.ttf') format('truetype'),         url('../fonts/Sansation/sansation_light_italic-webfont.svg#sansation_lightitalic') format('svg');    font-weight: normal;    font-style: normal;}
@font-face {    font-family: 'sansationregular';   		src: url('../fonts/Sansation/sansation_regular-webfont.eot');    src: url('../fonts/Sansation/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),         url('../fonts/Sansation/sansation_regular-webfont.woff') format('woff'),         url('../fonts/Sansation/sansation_regular-webfont.ttf') format('truetype'),         url('../fonts/Sansation/sansation_regular-webfont.svg#sansationregular') format('svg');    font-weight: normal;    font-style: normal;}