html, body{
 height:100%;
 min-height:100%;
 font-family: 'Roboto', sans-serif; font-weight: 300;
   /*background-color:#37393d; */
 }
 
a:active,
a:hover, a:focus {
  outline-width: 0; border:none;
}
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: 1281px) {
	.jump{ height: 100%; width:100%;	padding: 0;  	margin: 0;
  	background: url(../images/bg/SilverDev-bg-jump-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.jump2{ height: 100%; width:100%; 	padding: 0;  	margin: 0;
  	background: url(../images/bg/SilverDev-bg-jump2-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.bridge{ height: 100%; width:100%; 	padding: 0;  	margin: 0;
  	background: url(../images/bg/SilverDev-bg-bridge-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.city{ height: 100%; width:100%; 	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-city-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.cup{ height: 100%; width:100%; 	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-cup-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.coffee{ height: 100%; width:100%;  	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-coffee-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.sailing{ height: 100%; width:100%;	padding: 0;  	margin: 0;
  	background: url(../images/bg/SilverDev-bg-sailing-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.bench{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-bench-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.keyboard{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-keyboard.jpeg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.pen{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-pens.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.blankpage{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-blue.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.boy{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-Boy.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.gear{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-gear-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}
	
	.user{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-user-size1.jpg) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}

	.temp{ height: 100%; width:100%;	padding: 0;  	margin: 0; z-index:10;
  	background: url(../images/bg/SilverDev-bg-create.png) no-repeat center fixed;   	-webkit-background-size: cover; /* pour anciens Chrome et Safari */  	background-size: cover; /* version standardisée */	}
}


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;}
.resize.min {max-width: 320px; height:auto; margin-left:auto; margin-right:auto;}
.screenshot-part{border:1px solid #278ca8;}
.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 (min-width: 1281px) {.desktop-only{display:inherit; }}
@media (min-width: 1281px) {.mobile-only{display:none; }}

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:18px 0 10px 0; }
hr{
 max-width:300px;	width:300px; border:none; height:1px; background-color:#51606f; color:#51606f;
}

.leftMenu .bar2 .box, .menu .bar2 .box, .more, .ui-accordion-header{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;}	

.leftMenu .close{	position:absolute; right:20px; top:20px; color:white; font-size:26px; cursor:pointer;}
.leftMenu .bar2{ margin: 20% 10% 20% 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;}

	
/* partie top menu */
@media (min-width: 1281px) {
.menu{position:fixed; left:0;top:0; width:100%; background:rgba(256, 256, 256, 0.99); z-index:100; height:80px; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.1);}

.menu .trigger{display:none;}
.menu .logo{  position:fixed;  left:10px; top:18px; height:50px; width:251px; background: url(../images/SilverDev-logo-black-250.png) no-repeat;  }


.topBar{float:right;}
	.topBar .box{  display:inline-block; margin:10px 10px  0 5px; color:#8a9aaa; font-size:18px; }
	.topBar .box:hover{ color: #278ca8;}
 	
 
 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:inline-block; margin:8px 10px 2px 5px; color:#8a9aaa; font-size:18px; }

.menu .bar2{clear:both;text-align:right; }
	.menu .bar2 .box{ display:inline-block; line-height:45px; padding-left:10px; padding-right:10px; color:black;   font-family: sansationregular;  font-variant: small-caps; font-size:1em; }
		.menu .bar2 .box:hover{ color:white; cursor:pointer; background-color: #278ca8;}
			 .bar2 a .box.orange{color:#ff8000; }
			 .bar2 a .box.orange:hover{color:white;   background-color: #ff8000;}
}




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


@media (min-width: 1281px) {
	.header.main{ height:75vh; max-height:75vh;  margin:0;width:100%;  color:white; 	font-family: 'Sansation_lightregular', sans-serif; text-align:center;}
	.header.main	.titre1{  font-size:3.5em; font-weight: 100;z-index:2;text-shadow: 0 0 4px rgba(0,0,0, 0.5);}
	.header.main	.titre2{  font-size:4.5em; font-weight: 500;	z-index:2;  margin:0;text-shadow: 0 0 7px rgba(0,0,0, 0.5); }
}

	.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 ************/
	
.header.part { height:250px;  max-height:250px; margin:0; padding:0; width:100%; background-color: rgba(0, 0, 0, 0.35);  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.9em; 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.9em; 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:40px;	} /*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: 768px) { .padding{padding : 5px; }}
	.content.transition{		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: 100px; color:white; 	}

	
	
	.content H1{font-family: 'sansationregular', sans-serif; font-weight: initial; font-size:1.6em; color:#278ca8; line-height:2.2em}
	.content H2{font-family: 'sansationregular', sans-serif; font-weight: initial; font-size:1.4em; color:#278ca8; line-height:1.8em}
	.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:0.95em; color:#51606f; line-height:1.6em; margin-top : 8px; margin-bottom : 8px; }

			.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 #accordion p{ line-height:1.8em; 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{width:80%; }}
			.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:block; margin:auto; text-align:center;}
		.boxes_with_thumb .box_thumb {display:inline-block; width:150px; margin:30px; vertical-align:middle; }
		.boxes_with_thumb .box_txt {display:inline-block; width:460px; text-align:justify; margin:5px; vertical-align:middle;}
		.index_thumb_round{border:2px solid #278ca8; border-radius:75px; width:150px; height:150px; 	}
		.index_thumb{border:2px solid #278ca8; max-width:150px; max-height:150px; width:auto; height:auto;  	}

	.boxes_articles{max-width:900px; display:block; margin:auto; text-align:center;}
		.boxes_articles .box_thumb {display:inline-block; width:250px; margin:15px; padding: 25px 0 0 0; vertical-align:top; }
		.boxes_articles .box_txt {display:inline-block; max-width: 580px; width:70%; text-align:justify; margin:15px; vertical-align:middle; border-bottom:1px solid #278ca8;}
		.boxes_articles img{ max-width:250px; 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:0px; height:auto; }
			@media (min-width: 1281px) {.two_boxes .box{ width:40%; max-width:500px; margin:20px;}}

			@media (min-width: 1281px) {.two_boxes .box.align_responsive {text-align:right; vertical-align: middle;}}

			@media (min-width: 1281px) {.two_boxes .box.tuto:nth-child(1){ text-align:right;}}
			@media (min-width: 1281px) {.two_boxes .box.tuto:nth-child(2){ text-align:left;}}

	.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: 1281px) {.three_boxes .box{ width: calc(33% - 24px); margin:12px;}}

		.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; background:#278ca8; border:1px solid #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;margin:15px;  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;}
			select.langChoice.bottom	{display:none;}
			.content-footer .social {width:100%;margin-top:50px; }
				.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;}
.box-company-highlight{margin:30px 0 10px 20px;  width:200px;float: right;background-color: #278ca8;color: white;padding: 15px 15px 30px 15px;}
	.box-company-highlight img{width: 170px; padding: 15px;}
.tuto {width: 260px; 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: 270px; 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 -------------------*/

	.center-form-DL{ 		display:block;  width:600px; margin:auto; margin-bottom:50px; 	}
	input [type="text"], 	input [type="email"] {	}
	.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.cnt{ 	display:block; width:300px; margin-left:auto; margin-right:auto;}
  		 .value-form.cnt.select{ margin-top:10px; 	width:318px; height:auto; line-height:26px;  margin-left:auto; margin-right:auto;}
   .value-form.select{ margin-top:10px; 	width:300px; height:auto; line-height:26px;}
	.value-form:focus {   	background: #fff;   	color: #51606f;   	}
	
	.download-button{display:inline-block;height:46px;	 width:200px; margin-top:30px;  }
		.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: inline-block;  padding:0px; height:auto; vertical-align: middle; }
		@media (min-width: 1281px) {.boxes_Partners .box{ width:40%; max-width:500px; margin:20px;}}
	
  #PartnerCard{ display: inline-block; }
  #PartnerDetail.hidden{ display:none;}
  #PartnerDetail.visible{ display:block; }
 #PartnerDetail .PartnerLogo{display:block-inline; max-width:160px;}
 	#PartnerDetail .PartnerLogo img{max-width:160px;}
 #PartnerDetail .PartnerInfo{display:block-inline; max-width:270px;}
	 #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;}

		#PartnerDetail.Foreign{ display:block!important; 	margin-bottom:35px;}
 		#PartnerDetail.Foreign .PartnerLogo{display:inline-block; width:48%; min-width:100px; text-align:right; padding-right:10px;vertical-align:middle;}
		#PartnerDetail.Foreign .PartnerInfo{display:inline-block;  width:48%; max-width:400px; min-width:100px;text-align:left; padding-left:10px; vertical-align:middle;}
   /*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;}