/*******************************
Version : 1.3.1.4
Revised : vendredi 14 novembre 2014, 15:00:51 (UTC+0100)
*******************************/

/* Fonts */
/*
@font-face {
    font-family: 'secuinfor';
	src: url("../fonts/sr.eot?") format("eot"),
		 url("../fonts/sr.woff") format("woff"),
		 url("../fonts/sr.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}*/
/* Font downloaded from FontsForWeb.com */

/* tag */

html, body {
	width: 100%;
	background-color:#fff; margin:0px;
	/*	font-family:'secuinfor', sans-serif; font-size:1em; color:#000;	*/
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size:1em; color:#000;
}
img {
	border:0px;
}
h1,h2,h3{
	margin: 0 auto !important;
	border:0 ! important;
}

/* Général */

.clear { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn {
	border: 1px solid #ff761b;
	padding: 3px 7px;
	cursor:pointer;
	text-decoration:none;
	text-align:center;
	text-shadow: 0px 1px 0px #ff761b;
	background: #ffc9a8; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc9a8 0%, #ff761b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc9a8), color-stop(100%,#ff761b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc9a8 0%,#ff761b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc9a8 0%,#ff761b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc9a8 0%,#ff761b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc9a8 0%,#ff761b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc9a8', endColorstr='#ff761b',GradientType=0 ); /* IE6-9 */
}
.btn:hover{
	position: relative;
	background: #ff761b; /* Old browsers */
	background: -moz-linear-gradient(top, #ff761b 0%, #FFC4A3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff761b), color-stop(100%,#FFC4A3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff761b 0%,#FFC4A3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff761b 0%,#FFC4A3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ff761b 0%,#FFC4A3 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ff761b 0%,#FFC4A3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff761b', endColorstr='#FFC4A3',GradientType=0 ); /* IE6-9 */	
}
.btn:active{
	top: 1px;
	left: 1px;
}

/* Tétière */

@media screen and (min-width:800px){
	#hd2-text{
		width:740px;
		font-size:2.2em;
	}
}
@media screen and (min-width:1080px){
	#hd2-logosclam{
		max-width:1000px;
		margin:100px auto auto auto;
	}
}
@media screen and (min-width:800px) and (max-width:1079px){
	#hd2-logosclam{
		margin-top:100px;
		margin-left:40px;
	}
}
@media screen and (min-width:431px) and (max-width:799px){
	#hd2-text{
		width:90%;
		font-size:2.2em;
	}
	#hd2-logosclam{
		max-width:1000px;
		margin:70px auto auto auto;
		text-align:center;
	}
}
@media screen and (max-width:546px){
	#hd2-text{
		font-size:1.5em;
	}
}
@media screen and (max-width:430px){
	#hd2-logosclam img:nth-child(2){
		padding-right:0 !important;
	}
	#hd2-logosclam img:nth-child(3){
		padding-top:30px;
		display:block;
		margin:auto;
	}
	#hd2-logosclam {
		margin:50px auto auto auto;
		text-align:center;
	}
	#hd2-startnow{
		margin-top:40px !important;
	}
}
#header1{
	height:auto;
	max-width:1000px;
	margin:auto;
}
#hd1-logo{
	float:left;
	width:152px; height:43px;
	padding:8px 10px;
}
#hd1-sign{
	float:right;
	padding:8px 10px;
}
#hd1-sign a{
	display:inline-block;
	padding:0 10px;
	color:#fff; text-decoration:none; text-transform:uppercase; text-align:center;
	font-weight:bold; font-size:.95em;
	line-height:34px;
}
#hd1-sign a:first-child{
	background-color:#ff761b;
}
#hd1-sign a:nth-child(2){
	background-color:#bababa;
}
#header2{
	width:100%; height:490px;
	background:url('../images/panoramique.webp') no-repeat center;
}
#hd2-text{
	padding-top:40px;
	margin:auto;
	color:#fff; text-align:center;
	font-weight:bold;
}
#hd2-startnow{
	display:table;
	padding:5px 20px;
	margin:70px auto auto auto;
	color:#fff;
	font-size:2em; font-weight:bold;
	line-height:.9em;

	-webkit-border-radius:8px;
	border-radius:8px;
}
#hd2-logosclam img:first-child, #hd2-logosclam img:nth-child(2){
	padding-right:50px;
}

/* contenu */

@media screen and (max-width:546px){
	#contenu-augmenter-inner{
		font-size:1.5em;
	}
	#contenu-augmenter-inner img{
		width:170px; height:113px;
		padding:20px;
	}
}
@media screen and (min-width:547px){
	#contenu-augmenter-inner{
		font-size:2em;
	}
	#contenu-augmenter-inner img{
		width:294px; height:198px;
		padding:20px;
	}
}
#contenu-augmenter{
	background-color:#f3f3f3;
}
#contenu-augmenter-inner{
	max-width:1000px;
	margin:auto;
	padding:40px 10px;
	color:#142947; text-align:center;
	font-weight:bold;
	line-height:1.4em;
}
#contenu-augmenter-inner img{
	display:block;
	margin:auto;
}

@media screen and (max-width:546px){
	#contenu-icones {
		font-size:1em;
	}
}
@media screen and (min-width:547px){
	#contenu-icones{
		font-size:1.5em; 
	}
}
#contenu-icones{
	position:relative;
	max-width:1000px;
	margin:auto;
	padding:0px 10px;
	font-weight:bold;
	line-height:1.3em;
}
#contenu-icones div{
	float:left; position:relative;
	padding:40px 0px;
	color:#142947; text-align:center;
	width:33%;
}
#contenu-icones i{
	font-size:3em;
}

@media screen and (max-width:546px){
	#contenu-protection-titre-inner-titre{
		font-size:1.3em;
		line-height:1.6em;
	}
	#contenu-protection-text-inner{
		padding-top:100px;
	}
	.contenu-protection-tab{
		font-size:1.2em;
		line-height:1em; 
		height:138px;
	}
	.contenu-protection-tab-desc{
		line-height:1.4em;
		font-weight:300;
	}
}
@media screen and (min-width:547px){
	#contenu-protection-titre-inner-titre{
		font-size:1.8em;
		line-height:2.2em;
	}
	#contenu-protection-text-inner{
		padding-top:100px;
	}
	.contenu-protection-tab{
		font-size:1.5em;
		line-height:1em;
		height:138px;
	}
}
#contenu-protection-titre{
	background-color:#142947;
}
#contenu-protection-text{
	background-color:#0e1c32;
}
#contenu-protection-titre-inner, #contenu-protection-text-inner{
	position:relative;
	max-width:1000px;
	margin:auto;
	color:#fff;
	text-align:center;
}
#contenu-protection-text-inner{
	background:url('../images/protection.jpg') no-repeat center;
	overflow:hidden;
} 
#contenu-protection-titre-inner .liseret{
	position:absolute;
	width:100%;
	height:50%;
	border-bottom:1px solid #fff;
	z-index:1;
}
#contenu-protection-titre-inner-titre{
	position:relative;
	display:inline;
	background-color:#142947;
	padding:0 20px;
	font-weight:bold;
	padding:0 20px;
	z-index:2;
}
.contenu-protection-tabs{
	position:absolute;
	width:100%; height:200%;
	margin-top:-17px;
	background-color:#142947;
	opacity:0.7;
	z-index:1;
}
.contenu-protection-tab{
	float:left; position:relative;
	color:#fff; text-align:center;
	font-weight:bold;
	width:25%;
	padding:17px 0 12px 0;
}
.contenu-protection-tab i{
	font-size:2.4em;
	position:relative;
	z-index:2;
}
.contenu-protection-tab-text{
	position:relative;
	z-index:2;
}
.contenu-protection-tab-desc{
	position:relative;
	z-index:2;
	text-align:center; font-size:0.5em;
/*	padding:10px 5px; */
	padding:1px;
}

@media screen and (max-width:546px){
	#contenu-argument-os{
		font-size:1.5em;
	}
}
@media screen and (min-width:547px){
	#contenu-argument-os{
		font-size:1.8em;
	}
}
#contenu-argument-os{
	position:relative;
	max-width:1000px;
	margin:auto;
	padding:40px 10px;
	font-weight:normal;
	color:#142947; text-align:center;
	line-height:1em;
}

@media screen and (max-width:1039px){
	#contenu-supported-os-left{
		margin:0 10px;
	}
	#contenu-supported-os-right{
		margin:0 10px;
	}
}
@media screen and (min-width:1040px){
	#contenu-supported-os-left{
		margin-right:20px;
	}
	#contenu-supported-os-right{
		margin-left:20px;
	}
}
@media screen and (max-width:546px){
	#contenu-supported-os-left, #contenu-supported-os-right{
		font-size:1.5em;
	}
	.contenu-supported-os-logo img{
		padding:40px 0px;
		width:50%;
	}
}
@media screen and (min-width:547px){
	#contenu-supported-os-left, #contenu-supported-os-right{
		font-size:2em;
	}
	.contenu-supported-os-logo img{
		padding:40px 20px;
	}
}
#contenu-supported-os{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:auto;
	display:table;
	margin-bottom:40px;
}
#contenu-supported-os-left, #contenu-supported-os-right{
	float:left; position:relative;
	display:table-cell;
	padding:17px 10px 0px;
	font-weight:bold;
	color:#ff761b; text-align:center;
	background-color:#f8f8f8;
	width:calc(50% - 20px);
}

@media screen and (max-width:546px){
	#contenu-sigmaker{
		width:182px;
	}
	#contenu-sigmaker-txt{
		font-size:1.3em;
		padding:200px 10px 10px 10px;
		width:100%; 
		height:auto;
		background:url('../images/sigmaker-v.jpg') no-repeat #142947;
	}
}
@media screen and (min-width:547px) and (max-width:685px){
	#contenu-sigmaker{
		width:100%;
	}
	#contenu-sigmaker-txt{
		font-size:1.3em;
		padding:20px 0 0 40%;
		height:182px;
		background:url('../images/sigmaker-h.jpg') no-repeat #142947;
	}
}
@media screen and (min-width:686px){
	#contenu-sigmaker{
		width:100%;
	}
	#contenu-sigmaker-txt{
		font-size:1.4em;
		padding:20px 0 0 30%;
		height:182px;
		background:url('../images/sigmaker-h.jpg') no-repeat #142947;
	}
}
#contenu-sigmaker{
	position:relative;
	max-width:1000px;
	margin:auto;
	margin-bottom:40px;
}
#contenu-sigmaker-inner{
	background-color:#142947;
	width:100%;
	color:#fff;
}
#contenu-sigmaker-txt{
	position:relative;
}

@media screen and (max-width:546px){
	#contenu-concurrence{
		font-size:1.5em;
	}
}
@media screen and (min-width:547px){
	#contenu-concurrence{
		font-size:1.8em;
	}
}
#contenu-concurrence{
	position:relative;
	max-width:1000px;
	margin:auto;
	padding:40px 10px;
	font-weight:normal;
	color:#142947; text-align:center;
	line-height:1em;
}

@media screen and (max-width:409px){
	#contenu-table-prix{
		font-size:0.4em;
	}
	#contenu-table-concurrence{
		font-size:0.5em;
	}
}
@media screen and (min-width:410px)and (max-width:546px){
	#contenu-table-prix{
		font-size:0.4em;
	}
	#contenu-table-concurrence{
		font-size:0.5em;
	}
}
@media screen and (min-width:545px) and (max-width:700px){
	#contenu-table-prix, #contenu-table-concurrence{
		font-size:0.75em;
	}
}
#contenu-table-prix, #contenu-table-concurrence{
	position:relative;
	width:100%;
	background-color:#f3f3f3;
}
#contenu-table-prix-inner, #contenu-table-concurrence-inner{
	max-width:1000px;
	margin:auto;
	padding:40px 0;
}
.contenu-table{
	width:80%;
	margin:auto;
	font-size:1.5em;
	border-collapse:separate;
	border-spacing:0;
}
.contenu-table tr td{
	border-right:1px solid #a5a5a5;
	border-bottom:1px dashed #a5a5a5;
}
.contenu-table tr td:first-child{
	border-left:1px solid #a5a5a5;
	background-color:#fcfcfc;
}
.contenu-table tr:nth-child(2) td:first-child {
	border-top:1px solid #a5a5a5;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}
.contenu-table th:last-child {
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}
.contenu-table tr:last-child td:first-child {
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}
.contenu-table tr:last-child td:last-child {
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}
.contenu-table tr:last-child td{
	border-bottom:1px solid #a5a5a5;
}
.contenu-table th:nth-child(2){
	border-right:1px solid #fff;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}
.contenu-table th:nth-child(3), .contenu-table th:nth-child(4){
	border-right:1px solid #fff;
}
.contenu-table.ct-table2 tr:nth-child(2) td {
	background-color:#EFFFEF;
}
.contenu-table.ct-table2  th:nth-child(3){
	border-right:1px solid #fff;
	-webkit-border-top-right-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.contenu-table th:nth-child(n+2){
	padding:10px;
	color:#fff;

	text-shadow: 1px 1px 0 #000000;
	
	background: #969696; /* Old browsers */
	background: -moz-linear-gradient(top,  #969696 0%, #828282 36%, #282828 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(36%,#828282), color-stop(100%,#282828)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #969696 0%,#828282 36%,#282828 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #969696 0%,#828282 36%,#282828 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #969696 0%,#828282 36%,#282828 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #969696 0%,#828282 36%,#282828 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
}
.contenu-table  td{
	padding:10px;
	background-color:#fff;
}
.contenu-table td:first-child{
	text-align:right;
}
.contenu-table td:nth-child(n+2){
	text-align:center;
}
.contenu-table i, .contenu-table .ct-yes{
	color:#7DB451;
}
.contenu-table .ct-no{
	color:#f82020;
}
@media screen and (max-width:546px){
	#contenu-phrasechoc{
		font-size:1.8em;
	}
}
@media screen and (min-width:547px){
	#contenu-phrasechoc{
		font-size:2.2em;
	}
}
#contenu-phrasechoc{
	position:relative;
	width:100%; max-width:1000px;
	margin:40px auto !important;
	color:#ff761b;
	font-weight:bold;
	text-align:center;
}

@media screen and (max-width:546px){
	#contenu-signup-btn{
		font-size:1.5em;
	}
}
@media screen and (min-width:547px){
	#contenu-signup-btn{
		font-size:2em;
	}
}
@media screen and (max-width:870px){
	#contenu-signup-btn{
		margin:auto 10px 40px;
	}
}
@media screen and (min-width:871px){
	#contenu-signup-btn{
		margin:auto auto 40px;
	}
}
#contenu-signup{
	max-width:1000px;
	margin:auto;
}
#contenu-signup-btn{
	display:table;
	background-color:#ff761b;
	color:#fff;
	font-weight:bold;
	line-height:1.3em;
	
	-webkit-border-radius:8px;
	border-radius:8px;
}

/* footer */

#footer{
	width:100%;
	background-color:#565656;
	border-top:3px solid #a8a8a8;
}
#footer1{
	max-width:1000px;
	margin:auto;
	color:#fff; font-size:1.4em;
	line-height:1em;
	padding:40px 0;
	font-size:1.2em;
}
#footer2{
	background-color:#ff761b;
}
#footer2-inner{
	max-width:1000px;
	margin:auto;
	color:#fff;
}
#footer2-copyright{
	float:left;
}
#footer2-links{
	font-size:1.1em;
	float:right;
}
#footer2-links a {
	text-decoration:none;
	color:#fff;
}
