/* COULEURS */
/*
gris clair: #b9c1cc; 
gris foncé: #565656; 
rouge: #ed3035;
*/
/* POLICE */
/*
light (300)
regular (400)
medium (500)
semibold (600)
bold (700)
extrabold (800)

/*INSTALLATION POLICES*/

@font-face {
	font-family: 'rage'; 
	src: url('rage-italic.ttf'); 
	font-style:italic;
}

/*BALISES GÉNÉRIQUES*/

*, *::after, *::before{
	padding:0px;
	margin:0px;
	outline:none;
	-webkitbox-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
body{
	font-family: 'Open Sans', sans-serif;
	background-color:#b9c1cc;
	height:100%;/*prendre la hauteur des divers navigateurs*/
	}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border:0;
	vertical-align:baseline;
	margin:0;
	padding:0;
	color:#565656;
	}
a{
	text-decoration:none;
	color:inherit;/*garde la couleur de son parent*/
	}
h2{
	font-size: 1.6em;
	}
img{
	max-width:100%;/*Redimensionnement des images (en conservant le ratio)*/
	height:auto;/*Redimensionnement des images (en conservant le ratio)*/
	border:none;
	}
.clear{
	clear:both;
	}
.site-container{
	position:relative;
	overflow:hidden;
	}	
/* COULEURS DE TEXTES */
.red-color{
	color:#ed3035;
	}
.grey-color{
	color:#565656;
	}
.white-color{
	color:#ffffff;
	}
.bold-text{
	font-weight:700;
	}
/*ZONE HEADER*/

#header{
	position:fixed;	/*le header est tjs visible dans le haut de la fenêtre*/
	z-index:208;
	top:0px;
	left:0px;
	right:65%;
	width:35%;
	max-width:500px;
	height:auto;
	margin:0px;
	padding:0px;
	}
.logo{
	display:block;
	width:100%;
	}
.logo a img{
	width:100%;
	height:auto;
	background-color:#ffffff;
	float:left;
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	-webkit-box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	}
nav{
	background-color: rgba(256, 256, 256, 0.75);
	width:40%;/*centrage horizontal*/
	height:auto;
	padding:20px;
	min-height:250px;
	}
nav ul{
	list-style-type: none;
	text-decoration: none;
	}
.nav-button{
	border:2px solid #fff;
	background-color: #fff; 
	margin:5px 0px;
	}
.nav-button a{
	text-align:center;
	margin-left:0px!important;
	font-size:0.9em!important;
	/*min-width:90%;*/
	}
.nav-button-bis{
	border:2px solid #ed3035;
	background-color: #ed3035; 
	margin:5px 0px;
	}
.nav-button-bis a{
	text-align:center;
	margin-left:0px!important;
	font-size:0.9em!important;
	color:#ffffff!important;
	}
.nav-button-bis a:hover{
	color: rgba(256, 256, 256, 0.75)!important;
	}
.nav li a{
	display:block;
	color:#565656;
	/*min-width:130px;*/
	height:25px;
	margin-left:10px;
	font-size:1.1em;
	font-weight:700;
	line-height:25px;/*positionnement des menu par rapport au logo*/
	}
.nav li a:hover, .nav li .navOn{
	color:#ed3035;
	}
.nav li li{
	text-align:center;
	}
.nav li .submenu-A{
	left:120px;
	}
.nav li .submenu-B{
	left:60px;
	}
.nav li .submenu{
	display:none;
	position:absolute;
	z-index:1;
	padding:0px 10px;
	background-color:rgba(255,255,255,1.0);
	box-shadow: 0 70px 70px 0 rgba(0, 0, 0, 0.2);
	margin-top:-20px;
	}
.nav li:hover .submenu{
	display:block;
	color:#ed3035;
	}
.nav li .submenu li{
	display:block;
}
.nav li .submenu .subsubnav{
	min-width:100px;
	margin-left:0px;
	text-decoration:none;
	font-size:14px;
	color:#565656;
	}
.nav li .submenu .subsubnav:hover{
	color:#ed3035;
	}

/* > BARRE DE RECHERCHE*/
.gsc-control{
	width:100%!important;
}
.gsc-input .gsc-input-box{
	border-radius:0px!important;
}
.gsc-control-cse{
	padding:0em!important;
	border:none!important;
	background-color: rgba(256, 256, 256, 0.0)!important;
	}
form.gsc-search-box{
	padding:10px 0px 0px 10px!important;
	margin: 0px!important;
	}
.gsib_a {
    padding: 4px 0px 4px 30px!important;
	background-position: left 4px center!important;
}
.gsib_a::before {
    width: 30px!important;
}
.gsib_b {
    height: 36px!important;
    width: 26px!important;
}
.gsst_b {
	padding:0px!important;
}
.gsc-input-box{
	padding-top:0px!important;
	padding-bottom:0px!important;
	border-top-left-radius:0px!important;
	border-bottom-left-radius:0px!important;
	border-color: #ffffff!important;
    /*border: 2px solid #ed3035!important;
	background-color: rgba(256, 256, 256, 0.5)!important;*/
}
.gsc-input-box input{
	/*background-color: rgba(256, 256, 256, 0.0)!important;*/
}
.gsc-search-button{
	/*margin-left: 0px!important;*/
}
.gsc-search-button button{
	border:none;
}
.gsc-search-button-v2{
	border-top-right-radius:0px!important;
	border-bottom-right-radius:0px!important;
	padding:0px 8px!important;
}
.gsc-clear-button{
	display: none!important;
}

table.gsc-search-box td.gsc-input{
	padding:0px!important;
	width:100%!important;
}
table.gsc-search-box td.gsc-search-button{
	padding-right:0px!important;
	background-color:#ed3035;
}
/*fin BARRE DE RECHERCHE*/

/* SIMULATEUR - rubrique PRODUITS*/
#fortuneChart{
	min-height:400px;
}
.mt-5{
	margin-top: 3rem !important;
}
.container{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    /*display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    margin-right: -15px;
    margin-left: -15px;
}
/*.col-md-8{
    padding-right: 3%;
    padding-left: 3%;
	width:70%;
}*/
/*.col-md-4{
    padding-right: 3%;
    padding-left: 3%;
	width:30%;
}*/
.col-md-8{
    position: relative;
	float:left;
	width:100%;
}
.col-md-4{
    position: relative;
	float:left;
    /*margin-right: 25%;
    margin-left: 25%;
	width:50%;*/
}
.col-md-4-left{
    width:17%;
}
.col-md-4-middle{
    width:58%;
	margin:0px 5%;
}
.col-md-4-right{
    width:15%;
}
.form-group {
    margin-bottom: 1rem;
}
.form-group input {
    overflow: visible;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
/*.form-group-left1, .form-group-left2,.form-group-right2{
	width:100%;
	padding:0px 0px 0px 10%;
}
.form-group-right1{
	width:70%;
	padding:0px 0px 0px 10%;
}*/
.form-check{
	font-size:1.2em;
}
#form-check-right{
	float:left;
	margin-left:10px;
}
#form-check-left{
	float:left;
}
.form-check-label1,.form-check-label2{
	width:95%;
	padding:0px 5% 0px 0px;
}
.form-check-label3{
	width:100%;
	padding:0px;
}
.form-control-range {
    display: block;
    width: 100%;
}
.form-control-range {
    /*appearance: auto;
    cursor: default;
    color: light-dark(rgb(16, 16, 16), rgb(255, 255, 255));
    padding: initial;
    border: initial;
    margin: 2px;*/
}
input[type='radio'] {
    accent-color: #ed3035;
}
input {
    /*appearance:none;
    -webkit-appearance:none;
	text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    -webkit-rtl-ordering: logical;
    cursor: text;
    background-color: field;
    margin: 0em;
    padding: 1px 0px;
    border-width: 2px;
    border-style: inset;
    border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    padding-block: 1px;
    padding-inline: 2px;*/
}
input[type="range"] {
     appearance:none;
   	-webkit-appearance:none;
	background-color:#898998;
    padding: initial;
    border: initial;
    margin: 10px 0px;
	height:8px;
	border-radius:4px;
	/*background: linear-gradient(to right,rgba(0,0,0,0.3), rgba(0,0,0,0));
	color: light-dark(rgb(16, 16, 16), rgb(255, 255, 255));*/
}
input[type="range"]::-webkit-slider-thumb{
    appearance:none;
    -webkit-appearance:none;
    cursor: pointer;
	width:16px;
	height:16px;
	background-color:#ed3035;
	border-radius:50%;
	border: solid 4px #898998;
 }
input[type="range"]::-moz-range-thumb{
    appearance:none;
    -webkit-appearance:none;
    cursor: pointer;
	width:16px;
	height:16px;
	background-color:#ed3035;
	border-radius:50%;
	border: solid 4px #898998;
 }

/*input[type="range"]::-webkit-slider-runnable-track{
	background-color: #cad4da;
 }*/

/*fin SIMULATEUR - rubrique PRODUITS*/

.supersection{
	position:relative;
	width:100%;
	overflow: hidden;
	background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0.8),rgba(255,255,255,0),rgba(255,255,255,0));
	}
.section,form{
	position:relative;
	width:100%;
	overflow: hidden;
	padding:20px 10%;
	/*background-color:#0d303c;
	background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0));*/
	}
.section h1{
	text-align:center; 
	}
.sectionBIS{
	position:relative;
	width:100%;
	overflow: hidden;
	padding:20px 0%;
	}
.sectionTER{
	position:relative;
	width:100%;
	overflow: hidden;
	padding:0%;
	}
.sectionA{
	width:100%;
	height:500px;
	}
.sectionB{
	width:100%;
	height:400px;
	background-image: linear-gradient(rgba(255,255,255,0.0), rgba(255,255,255,0.25), rgba(255,255,255,0.5), rgba(255,255,255,0.25), rgba(255,255,255,0));
	}
#home-intro-cont{
	background-image:url(../images/portrait-homme.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
#home-advantage-cont{
	overflow: hidden;
	height:auto;
	padding-top:10%;
	padding-bottom:10%;
	/*min-height:400px;*/
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
}
#home-offer-cont{
	overflow: hidden;
	min-height:400px;
	width:100%;
}
.home-offer-left, .offer2-cont-left{
	height:300px;
	min-height:400px;
	width:56%;
	text-align: center;
	font-size:1.2em;
	float:left;
	background-color:rgba(255,255,255,1.0);
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	display:table;
	padding:10px 5%;
}
.home-offer-right{
	height:300px;
	min-height:400px;
	width:32%;
	float:right;
	background-image:url(../images/smartphone.jpg);
	background-size: cover;
	background-position: center center;
}
.home-security-right{
	height:300px;
	min-height:400px;
	width:56%;
	text-align: center;
	font-size:1.2em;
	float:right;
	background-color:rgba(255,255,255,1.0);
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	display:table;
	padding:10px 5%;
}
.home-security-left{
	height:300px;
	min-height:400px;
	width:32%;
	float:left;
	background-image:url(../images/security.jpg);
	background-size: cover;
	background-position: center center;
}
.offer2-cont-right{
	height:300px;
	min-height:400px;
	width:32%;
	float:right;
	background-image:url(../images/bocal.jpg);
	background-size: cover;
	background-position: center center;
}
.subtitle{
	font-size:1.3em; 
	}

#home-claim-cont{
	overflow: hidden;
	height:auto;
	min-height:400px;
	padding-top:150px;
	font-size:1.4em;
}
#home-claim-cont h2, #home-security-cont h2{
	font-size:1.6em;
}
#home-registration-cont{
	overflow: hidden;
	height:auto;
	min-height:800px;
	display:table;
}
#home-security-cont{
	overflow: hidden;
	height:auto;
	min-height:400px;
}
#home-partners-cont{
	overflow: hidden;
	height:auto;
	min-height:550px;
	position:relative;
}
#home-appli-cont{
	overflow: hidden;
	height:auto;
	min-height:400px;
	position:relative;
	width:100%;
}
.home-partners-cont-align{
	width:60%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.animateblock-phil1{
	position:absolute;
	width:35%;
	left:17%;
	opacity: 1.0;
	-webkit-transition: all 1.20s ease-out;
	-moz-transition: all 1.20s ease-out;
	transition: all 1.20s ease-out;
}
.animateblock-phil1.left{
	margin-left:-100%;
	scale: 120%;
}
.animateblock-phil1.left.animated{
	margin-left: 0%;
	scale: 100%;
}
.smartphone-droit{
	width:100%;
	padding:5% 12% 5% 48%;
}
#advantages-intro-cont{
	background-image:url(../images/portrait-femme.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
#offer-intro-cont{
	background-image:url(../images/portrait-homme2.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
#support-intro-cont{
	background-image:url(../images/portrait-femme2.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
#contact-intro-cont{
	background-image:url(../images/portrait-femme3.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
#registration-intro-cont,#legalR-intro-cont{
	background-image:url(../images/portrait-enfant.jpg);
	background-repeat: no-repeat;
  	background-size:contain;
  	/*background-size: 100% auto;*/
	background-position: top center;
	overflow: hidden;
	height:auto;
	min-height:600px;
	z-index:-2;
}
.mainbranch{
	display:table;
	background-color:white;
	width:80%;
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	height:400px;
	padding:30px;
}
.mainbranch-gauche{
	float:left;
}
.branch-gauche{
	float:left;
	margin-left:10%;
}
.mainbranch-droite{
	float:right;
}
.branch-droite{
	float:right;
	margin-right:10%;
}
.branch{
	display:table;
	background-color:rgba(255,255,255,0.3);
	width:30%;
	height:400px;
}
.branch-number{
	margin-top:100px;
}
.branch-image{
	margin-bottom:100px;
}
.number{
	color:#b9c1cc;
	text-align:center;
	font-size:15em;
	padding:30px;
}
.contenu-gauche{
	text-align: left;
	padding:0px 5% 0px 10%;
}
.contenu-droite{
	text-align: right;
	padding:0px 10% 0px 5%;
}
.contenu p{
	font-size:1.3em;
}
.contenu .content-title{
	font-size:1.5em;
	font-weight:700;
}
.image{
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	min-height:400px;
}
#imagette-01{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-01.jpg);
	/*background-image:url(../images/tirelire.jpg);*/
}
#imagette-02{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-02.jpg);
}
#imagette-03{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-03.jpg);
}
#imagette-04{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-04.jpg);
}
#imagette-05{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-05.jpg);
}
#imagette-06{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-06.jpg);
}
#imagette-07{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-07.jpg);
}
#imagette-08{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-08.jpg);
}
#imagette-09{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-09.jpg);
}
#imagette-10{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 3%),url(../images/imagette-10.jpg);
}
#advantage1-cont,#advantage2-cont,#advantage3-cont,#advantage4-cont,#advantage5-cont,#advantage6-cont,#advantage7-cont,#advantage8-cont,#advantage9-cont,#advantage10-cont{
	overflow: hidden;
	height:auto;
	min-height:300px;
}
#offer1-cont{
	overflow: hidden;
	height:auto;
	padding-top:10%;
	padding-bottom:10%;
	min-height:300px;
	/*min-height:400px;*/
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
}
#offer2-cont{
	overflow: hidden;
	height:auto;
	min-height:300px;
}
#offer3-cont{
	overflow: hidden;
	height:auto;
	min-height:800px;
	display:table;
}
#offer4-cont{
	overflow: hidden;
	height:auto;
	background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0.5),rgba(255,255,255,0));
	/*min-height:600px;*/
}
#contacts1-cont{
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
	overflow: hidden;
	height:auto;
	min-height:300px;
}
#contacts2-cont{
	background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0));
	overflow: hidden;
	height:auto;
	min-height:100px;
}
#legal1-cont{
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
	overflow: hidden;
	height:auto;
	min-height:300px;
}
.cross-home-1{
	position:absolute;
	right:-10%;
	top:11.5%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.space-home{
	display:none;
}
.space-offer{
	display:inline;
	position:relative;
	min-width:350px;
	min-height:150px;
	text-align: center;
	font-size:0.9em;
	float:right;
}
.space-support{
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
	min-height:150px;
}
.space-registration{
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
	min-height:550px;
}
.space-legal{
	display:inline;
	position:relative;
	min-width:350px;
	min-height:150px;
	text-align: center;
	font-size:0.9em;
	float:right;
}
.cross-home-2{
	position:absolute;
	left:5%;
	top:4%;
	bottom:-4%;
	width:26%;
	height:92%;
	overflow:hidden;
	z-index:-1;
	background-color:rgba(255,255,255,0.3);
}
.cross-home-2Bis{
	position:absolute;
	right:5%;
	top:4%;
	bottom:-4%;
	width:26%;
	height:92%;
	overflow:hidden;
	z-index:-1;
	background-color:rgba(255,255,255,0.3);
}
.cross-home-3{
	position:absolute;
	left:25%;
	right:25%;
	top:33%;
	bottom:33%;
	display:table;
	width:50%;
	min-width:600px;
	height:250px;
	max-height:250px;
	overflow:hidden;
	text-align:center;
	padding: 30px;
	background-color:rgba(255,255,255,0.3);
	font-size:1.4em;
}
.table{
	display:table;
	padding:10px 12% 10px 20px;
}
.table-cell{
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}
.cross-advantage-1{
	position:absolute;
	right:-10%;
	top:5%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.cross-offer-1{
	position:absolute;
	right:-10%;
	top:15.0%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.cross-offer-2{
	position:absolute;
	left:5%;
	top:4%;
	bottom:-4%;
	width:26%;
	height:80%;
	overflow:hidden;
	z-index:-1;
	background-color:rgba(255,255,255,0.3);
}
.cross-offer-3{
	position:absolute;
	left:25%;
	right:25%;
	top:33%;
	bottom:33%;
	display:table;
	width:50%;
	min-width:600px;
	height:250px;
	max-height:250px;
	overflow:hidden;
	text-align:center;
	padding: 30px;
	background-color:rgba(255,255,255,0.3);
}
#cross-home-1-1, #cross-home-3-1, #cross-advantage-1-1, #cross-offer-1-1,#cross-offer-3-1,  #cross-contact-1-1,  #cross-support-1-1, #cross-registration-1-1, #cross-legalR-1-1{
	z-index:10;
	background-color:rgba(255,255,255,1.0);
	box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);
	overflow:hidden;
}
#cross-home-1-2, #cross-home-3-2, #cross-advantage-1-2, #cross-offer-1-2,#cross-offer-3-2,  #cross-contact-1-2,  #cross-support-1-2, #cross-registration-1-2, #cross-legalR-1-2{
	z-index:-1;
	rotate:90deg;
	background-color:rgba(255,255,255,0.3);
	/*box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);*/
}
.chap1-home{
	float:left;
	position:relative;
	text-align:right;
	width:80%;
	font-size:1.4em;
}
.chap2-home{
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	font-size:1.4em;
}
.chap3-home,.chap1-legal{
	float:left;
	position:relative;
	text-align:left;
	width:80%;
	font-size:1.4em;
}
.chap1-faq{
	display:table;
	overflow: hidden;
	position:relative;
	width:100%;
	padding:20px 10%;
}
.faq-number{
	background-color:#ffffff;
	width:10%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
	overflow: hidden;
	padding:10px 20px;
	font-size:4em;
}
.faq-inter{
	width:2%;
	display:table-cell;
}
.faq-answer{
	background-color:rgba(255,255,255,0.3);
	width:88%;
	display:table-cell;
	vertical-align:middle;
	min-height:120px;
	height:120px;
	padding:10px 3%;
	font-size:1.5em;
}
.faq-answer .myBtn{
	float:right;
}
.faq-answer li, .chap1-legal li{
	list-style:none;
	margin-left: 1em
}
.faq-answer li::before, .chap1-legal li::before{
	content: "•";
	color: red;
	display: inline-block;
	width: 1em;
	margin-left: -1em
}
.offer3-text3{
	display:table-cell;
	vertical-align:bottom;
	font-size:1.4em;
	padding:100px 10% 0% 10%;
}
.cross-contact-1{
	position:absolute;
	right:-10%;
	top:33%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.cross-support-1{
	position:absolute;
	right:-10%;
	top:11%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.cross-registration-1{
	position:absolute;
	right:-10%;
	top:39%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}
.cross-legalR-1{
	position:absolute;
	right:-10%;
	top:21%;
	width:600px;
	height:188px;
	text-align: center;
	font-size:0.9em;
	overflow:hidden;
}

/***BOUTON***/
.on-white{
	background-image:url(../images/bouton-simulateur2.svg);
	background-size: 90% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,1.0);
	/*background-color:rgba(185,193,204,0.5);*/
	color:rgba(185,193,204,0.0);
	border:none;
	padding:10px;
	float:right;
	text-align:right;
}
.on-white:hover{
	background-image:url(../images/bouton-simulateur3.svg);
}
.on-grey{
	background-image:url(../images/bouton-inscription1.svg);
	background-size: 90% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.0);
	/*background-color:rgba(255,255,255,0.5);*/
	color:rgba(255,255,255,0.0);
	/*color:#b9c1cc;*/
	border:none;
	padding:10px;
	text-align:center;
}
.on-grey:hover{
	background-image:url(../images/bouton-inscription2.svg);
	/*background-color:rgba(255,255,255,0.5);*/
}
.on-grey-simulator{
	background-image:url(../images/bouton-simulateur2.svg);
	background-size: 70% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.0);
	/*background-color:rgba(255,255,255,0.5);*/
	color:rgba(255,255,255,0.0);
	/*color:#b9c1cc;*/
	border:none;
	padding:10px;
	text-align:center;
}
.on-grey-simulator:hover{
	background-image:url(../images/bouton-simulateur1.svg);
}
.on-grey-registration{
	background-image:url(../images/bouton-inscription1.svg);
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.0);
	/*background-color:rgba(255,255,255,0.5);*/
	color:rgba(255,255,255,0.0);
	/*color:#b9c1cc;*/
	border:none;
	padding:10px;
	text-align:center;
}
.on-grey-registration:hover{
	background-image:url(../images/bouton-inscription4.svg);
}
.on-grey-table{
	background-image:url(../images/bouton-table2.svg);
	background-size: 70% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.0);
	/*background-color:rgba(255,255,255,0.5);*/
	color:rgba(255,255,255,0.0);
	/*color:#b9c1cc;*/
	border:none;
	padding:10px;
	text-align:center;
}
.on-grey-table:hover{
	background-image:url(../images/bouton-table1.svg);
}
.simulator-button, .regsitration-button,.table-button{
	font-size:1.2em;
}

/***EFFET lire la suite***/
#more, #more2, #more3, #more01, #more02, #more03, #more04, #more05, #more06, #more07, #more08, #more09,#more10,#more11, #more12, #more13, #more14, #more15, #more16, #more17, #more18, #more19,#more20,#more21, #more22, #more23, #more24, #more25, #more26{
	display: none;
}
#myBtn, #myBtn3{
	text-align: center;
	font-weight:700;
	font-size: 1.6em;
	color:#ffffff;
	background-color:#b9c1cc;
	border-radius:18px;
	border:none;
	width:36px;
	height:36px;
}
#myBtn2, #myBtn01, #myBtn02, #myBtn03, #myBtn04, #myBtn05, #myBtn06, #myBtn07, #myBtn08, #myBtn09, #myBtn10, #myBtn11, #myBtn12, #myBtn13, #myBtn14, #myBtn15, #myBtn16, #myBtn17, #myBtn18, #myBtn19, #myBtn20, #myBtn21, #myBtn22, #myBtn23, #myBtn24, #myBtn25, #myBtn26{
	text-align: center;
	font-weight:700;
	font-size: 1.3em;
	color:#ffffff;
	background-color:#565656;
	border-radius:17px;
	border:none;
	width:34px;
	height:34px;
}

/******* FORMULAIRE CONTACT *******/
.contactform{
	color:#565656;
	}
.contactform .fields{
	font-size: 1.5em;
	}
.contactform .fields .field{
	width:100%;
	text-align:left;
	height:110px;
	font-weight: 700;
	}
.contactform .fields .field2{
	width:100%;
	text-align:left;
	height:auto;
	font-weight: 700;
	}
.contactform .fields .field .white-field{
	font-family: 'Open Sans', sans-serif;
	float:left;
	width:100%;
	height:50px;
	margin:10px 0px 20px 0px;
	padding:5px 10px;
 	background-color: rgba(255,255,255,0.5);
	border:none;
	font-size: 1.0em;
	}
.contactform .fields .field2 .white-field2{
	font-family: 'Open Sans', sans-serif;
	float:left;
	width:100%;
	min-height:180px;
 	background-color: rgba(255,255,255,0.5);
	/*background-image: linear-gradient(to bottom, #C6D4E2, rgba(255,255,255,0.5));*/
	border:none;
	font-size: 1.0em;
	padding:10px;
	margin-top:10px;
	}
.button-send{
	font-family: 'rage'; 
	position:relative;
	margin:10px 25% 30px 25%;/*aligner la zone du bouton*/
	width:50%;
	height:auto;
	float:left;
	text-decoration:none;
	border:none;
	padding:0px;
	line-height:1.3em;
	text-align:center;
	color:#ed3035;
	background-color: #b9c1cc;
	/*font-weight: 700;
	color:#b9c1cc;
	background-color:rgba(255,255,255,0.8);*/
	font-size: 4.0em;
	}
.button-send:hover{
	cursor:pointer;	/*curseur adapté pour autre(s) média(s) que smartphone*/
	/*background-color:rgba(255,255,255,0.8);
	color:#ed3035;*/
	color:#ffffff;
	}

/*ZONE FOOTER*/
#footer{
	background-color:#b9c1cc;
	background-image:linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0));
	height:auto;
	padding:20px 0px;
	}
.footer-nav{
	max-width:800px;
	width:100%;
	margin:0px auto;
	height:auto; 
	}
.footer-menu{
	float:left;
	margin:0px 5%;
	text-align:center;
	font-size:0.7em;
	}
#footer-1{
	width:10%; 
	}
#footer-2{
	width:15%; 
	}
#footer-3{
	width:25%; 
	}
#footer-4{
	width:10%; 
	}
.footer-title{
	font-weight:700;
	color:#565656; 
	}
.nav2{
	list-style:none;
	text-decoration:none; 
	}
.nav2 li{
	padding:2px 0px;
	}
.nav2 li a{
	}
.nav2 li a:hover, .nav2 li a.navOn{
	color:#ed3035;
	}
.nav2-button{
	border:2px solid #ffffff;
	margin:5px 0px;
	}
.nav2-button:hover{
	border:2px solid #ed3035;
	}
.copyright{
	font-size:0.9em;
	line-height:15px;
	text-align:right;
	color:#FFFFFF;
	}

/*CONDITION POUR ECRAN ORDINATEUR (MAXIMUM TAILLE)*/
@media only screen and (max-width:2000px){
.cross-offer-3{
	max-height:250px;
}
.col-md-4-left{
    width:25%;
}
.col-md-4-middle{
    width:45%;
	margin:0px 5%;
}
.col-md-4-right{
    width:20%;
}
}

/*CONDITION POUR ECRAN ORDINATEUR (GRANDE TAILLE)*/
@media only screen and (max-width:1500px){
#home-registration-cont{
	min-height:600px;
}
#home-claim-cont{
	padding-top:100px;
}
.cross-home-2{
	left:0%;
	top:5%;
	bottom:-5%;
	width:30%;
	height:90%;
}
.cross-home-2Bis{
	right:0%;
	top:5%;
	bottom:-5%;
	width:30%;
	height:90%;
}
.cross-home-3{
	top:33%;
	bottom:33%;
	right:20%;
	left:20%;
	min-width:600px;
	height:200px;
	max-height:200px;
	font-size:1.2em;
}
.cross-offer-2{
	left:0%;
	top:5%;
	bottom:-5%;
	width:30%;
	height:76%;
}
.chap1-home{
	float:left;
	position:relative;
	/*width:60%;*/
	text-align:right;
}
.branch{
	width:40%;
}
.branch-gauche{
	margin-left:5%;
}
.branch-droite{
	margin-right:5%;
}
.number{
	font-size:12em;
	padding:30px;
}
.cross-offer-3{
	top:30%;
	bottom:30%;
	max-height:200px;
}
.cross-legalR-1{
	top:18%;
}
.form-check{
	font-size:0.9em;
}
}

/*CONDITION POUR ECRAN TABLETTE (TAILLE MOYENNE)*/
@media only screen and (max-width:1100px){
#header{
	right:50%;
	width:50%;
	}
#home-intro-cont{
	background-image:url(../images/portrait-homme.jpg);
  	background-size: cover;
}
#advantages-intro-cont, #offer-intro-cont, #support-intro-cont, #contact-intro-cont, #registration-intro-cont, #legalR-intro-cont{
  	background-size: cover;
}
.cross-home-1,.cross-advantage-1, .cross-offer-1{
	/*width:60%;*/
	font-size:0.8em;
}
.table{
	padding:30px 15% 30px 60px;
}
.space-home{
	display:inline;
	position:relative;
	min-width:350px;
	height:100px;
	text-align: center;
	font-size:0.9em;
	float:right;
}
.cross-offer-3{
	top:25%;
	bottom:25%;
}
.col-md-4-middle,.col-md-4-right{
    width:100%;
	margin:0px 0%;
}
.col-md-4-left{
    width:100%;
	margin:0px 0% 20px 0%;
}
	}

/*CONDITION*/
@media only screen and (max-width:1000px){
.chap1-home, .chap3-home, .chap1-legal{
	width:100%;
	text-align:left;
}
.home-offer-left, .offer2-cont-left{
	min-height:300px;
	width:60%;
	font-size:1.0em;
	padding:10px 5%;
}
.home-offer-right, .offer2-cont-right{
	min-height:300px;
	width:30%;
}
.home-security-right{
	height:360px;
	min-height:300px;
	width:60%;
	font-size:1.0em;
	padding:10px 5%;
}
.home-security-left{
	min-height:300px;
	width:30%;
}
.subtitle{
	font-size:1.2em; 
	}
.sectionB{
	height:300px;
	}
.sectionA{
	height:375px;
	}
.branch{
	height:300px;
}
.branch-number{
	margin-top:75px;
}
.branch-image{
	margin-bottom:75px;
}
.image{
	min-height:300px;
}
.mainbranch{
	height:300px;
}
.contenu p{
	font-size:1.1em;
}
.contenu span{
	font-size:1.3em;
}
.branch-gauche{
	margin-left:0%;
}
.branch-droite{
	margin-right:0%;
}
.cross-advantage-1{
	top:6.5%;
}
/*.space-support{
	min-height:150px;
}*/
}
/*CONDITION*/
@media only screen and (max-width:880px){
/*EFFECTS MENUS*/
#home-appli-cont{
	min-height:600px;
}
.animateblock-phil1{
	width:45%;
	left:15%;
	top:18%;
}
.animateblock-phil1.left{
  scale: 110%;
}
.smartphone-droit{
	padding:20% 0% 0% 42%;
}
.cross-offer-3{
	top:20%;
	bottom:0;
}
.chap1-faq{
	padding:20px 5%;
}
.faq-number{
	width:6%;
	padding:10px 20px;
	font-size:3em;
}
.faq-inter{
	width:2%;
}
.faq-answer{
	width:92%;
	min-height:120px;
	height:120px;
	font-size:1.3em;
}
}
/*CONDITION*/
@media only screen and (max-width:780px){
/*EFFECTS MENUS*/

.header_text{
	position:relative;
	display:block;
	float:right;
	width:60px;
	min-height:150px;
	cursor: pointer;
	background-image:url(../images/menu.svg);
	background-repeat: no-repeat;
	background-position: top center;
	}
.header_icon{
	float:none;
	width:100px;
	height:100px;
	padding:0px 20px;
	cursor: pointer;
	}
.header_icon:after{
	content:'';
	position:absolute;
	display:block;
	width:40px;
	height:0;
	top:20px;
	left:10px;
	-moz-box-shadow: 0px 12px 0px 2px #ed3035, 0px 24px 0px 2px #ed3035, 0px 36px 0px 2px #ed3035;
	-webkit-box-shadow: 0px 12px 0px 2px #ed3035, 0px 24px 0px 2px #ed3035, 0px 36px 0px 2px #ed3035;
	box-shadow: 0px 12px 0px 2px #ed3035, 0px 24px 0px 2px #ed3035, 0px 36px 0px 2px #ed3035;
	}
.site-pusher{	/*valeur indépendante de la classe with--sidebar*/
	-moz-transform:translateX(0px);/*position par défaut = pas d'effet*/
	-webkit-transform:translateX(0px);/*position par défaut = pas d'effet*/
	transform:translateX(0px);/*position par défaut = pas d'effet*/
	-moz-transition-duration:0.3s;/*durée de déplacement du contenu*/
	-webkit-transition-duration:0.3s;/*durée de déplacement du contenu*/
	transition-duration:0.3s;/*durée de déplacement du contenu*/
	}
.site-container{
	margin-left:0px;
	}	
.with--sidebar .site-cache{/*on noircit la zone externe lorsque le menu apparait*/
	position:absolute;
	z-index:800;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(5,18,59,0.6);
	}
.with--sidebar nav{
	-moz-transition-duration:0.3s;/*durée de déplacement du contenu*/
	-webkit-transition-duration:0.3s;/*durée de déplacement du contenu*/
	transition-duration:0.3s;/*durée de déplacement du contenu*/
	-moz-transform:translateX(0px);/*position au clic = décalage de la largeur du menu*/
	-webkit-transform:translateX(0px);/*position au clic = décalage de la largeur du menu*/
	transform:translateX(0px);/*position au clic = décalage de la largeur du menu*/
	}
nav{
	left:0%;
	list-style:none;
	float:left;
	bottom:0px;
	min-width:300px;
	/*width:100%;*/
	height:auto;
	min-height:150px;
	-moz-transform:translateX(-200px);
	-webkit-transform:translateX(-200px);
	transform:translateX(-200px);	
	}
.nav-button, .nav-button-bis{
	max-width:50%;
	}
.nav li .submenu{
	/*top:170px;*/
	}

.nav-button a,.nav-button-bis a{
	font-size:0.8em;
	}
.nav li a{
	height:20px;
	font-size:1.0em;
	line-height:20px;
	}
.nav li .submenu .subsubnav{
	font-size:12px;
	}
/*BARRE DE RECHERCHE adaptée pour hamburger*/
.gsc-control-cse{
	width:60%!important;
	left:0%;
	max-height:50px!important;
	}
/*POPUP plus haut pour hamburger*/
.gsc-results-wrapper-overlay{
	width:66%!important;
	padding:10px!important;
	left:0px!important;
	top:0px!important;
	height:200%!important;
	}
.gsc-modal-background-image{
	height:auto!important;
	}
/*BOUTON CLOSE visible et actif pour hamburger*/
.gsc-results-close-btn-visible{
	z-index:1000!important;
	}
.col-md-4{
    position: relative;
	float:left;
    margin-right: 0%;
    margin-left: 0%;
	width:100%;
}
#home-intro-cont,#advantages-intro-cont,#offer-intro-cont,#support-intro-cont,#contact-intro-cont,#registartion-intro-cont{
	min-height:450px;
}
#home-advantage-cont,#home-offer-cont{
	min-height:300px;
}
#home-security-cont{
	min-height:300px;
}
#home-claim-cont{
	min-height:400px;
	padding-top:50px;
	font-size:1.2em;
}
#home-claim-cont h2, #home-security-cont h2{
	font-size:1.4em;
}
#home-registration-cont{
	min-height:515px;
}
.cross-home-3{
	top:33%;
	bottom:33%;
	right:10%;
	left:10%;
	min-width:515px;
	height:175px;
	max-height:175px;
	font-size:1.0em;
	padding:10px;
}
/*.cross-home-3{
	top:15%;
	bottom:15%;
	min-width:350px;
	max-height:120px;
}*/
.cross-home-1{
	top:8.5%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	/*width:600px;
	height:188px;*/
	font-size:0.8em;
}
.cross-advantage-1{
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
	top:5.5%;
}
.cross-offer-1{
	top:11.5%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
}
.cross-contact-1{
	top:29.5%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
}
.cross-support-1{
	top:8.5%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
}
.cross-registration-1{
	top:39%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
}
.cross-legalR-1{
	top:21%;
	width:80%;
	height:auto;
	max-width:590px;
	min-height:160px;
	text-align: center;
	font-size:0.9em;
}
.table{
	padding:10px 12% 10px 20px;
}
.space-home{
	height:100px;
}
.chap1-home,.chap3-home,.chap1-legal{
	font-size:1.0em;
}
.chap2-home{
	font-size:1.0em;
	text-align:left;
}
.home-offer-left, .offer2-cont-left{
	height:300px;
	min-height:200px;
	width:90%;
	font-size:1.0em;
	float:none;
	padding:5px 5%;
}
.home-offer-right,.home-security-left{
	height:300px;
	min-height:400px;
	width:80%;
	margin:10% 10% 0% 10%;
	float:none;
}
.home-security-right{
	min-height:200px;
	width:90%;
	margin-left:10%;
	font-size:1.0em;
	float:none;
	padding:5px 5%;
}
#home-partners-cont{
	min-height:400px;
}
.home-partners-cont-align{
	width:80%;
}
.offer2-cont-right{
	height:300px;
	min-height:350px;
	width:80%;
	margin:10% 10% 0% 10%;
	float:none;
}
.subtitle{
	font-size:1.1em; 
	}
.cross-home-2{
	left:0%;
	top:5%;
	bottom:-30%;
	width:35%;
	height:60%;
}
.cross-home-2Bis{
	right:0%;
	top:5%;
	bottom:-30%;
	width:35%;
	height:60%;
}
.cross-offer-2{
	left:0%;
	top:5%;
	bottom:-30%;
	width:30%;
	height:60%;
}
.cross-offer-3{
	top:15%;
	bottom:15%;
	min-width:350px;
	max-height:120px;
}
.cross-offer-3 h2{
	font-size:1.1em;
}
.number{
	font-size:10em;
	padding:0px;
}
.contenu-gauche,.contenu-droite{
	padding:0px 5%;
}
.contenu p{
	font-size:1.0em;
}
.contenu span{
	font-size:1.1em;
}
#offer3-cont{
	min-height:600px;
}
.offer3-text3{
	font-size:1.0em;
	padding:0px 10% 0% 10%;
}
.supersection{
	background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0.8),rgba(255,255,255,0));
	}
.copyright{
	font-size:0.7em;
	line-height:12px;
	}
#home-appli-cont{
	min-height:450px;
}
.space-offer,.space-support,.space-legal{
	min-height:130px;
}
.contactform .fields .field .white-field,.contactform .fields .field2 .white-field2{
	font-size: 0.8em;
	}
.button-send{
	font-size: 3.0em;
	}
.footer-nav{
	max-width:600px;
	width:100%;
	margin:0px auto;
	height:auto; 
	}
.footer-menu{
	margin:0px 4%;
	min-height:130px; 
	}
#footer-1{
	width:5%; 
	}
#footer-2{
	width:20%; 
	}
#footer-3{
	width:38%; 
	}
#footer-4{
	width:5%; 
	}
.form-check-label3,.form-check-label1,.form-check-label2{
	display:block;
	width:100%;
	padding:0px;
}
}

/*CONDITION*/
@media only screen and (max-width:610px){
.header_icon{
	/*width:10%;*/
	}
.cross-home-1, .cross-offer-1, .cross-contact-1{
	max-width:450px;
	min-height:130px;
}
.cross-advantage-1{
	top:7.5%;
	max-width:450px;
	min-height:130px;
}
.cross-support-1{
	top:8.5%;
	width:80%;
	height:auto;
	max-width:450px;
	min-height:130px;
	text-align: center;
	font-size:0.9em;
}
.cross-registration-1{
	top:39%;
	width:80%;
	height:auto;
	max-width:450px;
	min-height:130px;
	text-align: center;
	font-size:0.8em;
}
.cross-legalR-1{
	top:20%;
	width:80%;
	height:auto;
	max-width:450px;
	min-height:130px;
	text-align: center;
	font-size:0.8em;
}
.sectionB{
	height:200px;
	}
.sectionA{
	height:250px;
	}
.branch{
	height:200px;
}
.branch-number{
	margin-top:50px;
}
.branch-image{
	margin-bottom:50px;
}
.image{
	min-height:200px;
}
.mainbranch{
	height:200px;
}
.number{
	font-size:8em;
}
.contenu p{
	font-size:0.9em;
}
.contenu span{
	font-size:1.0em;
}
.cross-home-3{
	right:5%;
	left:5%;
	width:90%;
	min-width:auto;
}
.nav li a{
	font-size:1.3em;
	line-height:30px;
	height:30px;
	}
	}

/*CONDITION POUR ECRAN SMARTPHONE (PETITE TAILLE)*/
@media only screen and (max-width:550px){
#offer3-cont{
	min-height:700px;
}
/*nav{
	padding:10px 20px 10px 20px;
	min-height:200px;
	}*/
.header_text{
	margin-top:10px;
	}
	}
/*CONDITION POUR ECRAN SMARTPHONE (PETITE TAILLE)*/
@media only screen and (max-width:450px){
.cross-home-3{
	top:33%;
	bottom:33%;
	height:150px;
	max-height:150px;
	padding:0px 10px;
	}
.home-security-right{
	height:170px;
	min-height:200px;
	width:90%;
	margin-left:10%;
	font-size:0.9em;
	float:none;
	padding:5%;
}
#home-claim-cont{
	min-height:500px;
}
.cross-advantage-1{
	top:6.5%;
}
#offer3-cont{
	min-height:800px;
}
.cross-offer-3{
	left:10%;
	right:30%;
}
.cross-support-1{
	top:7.5%;
}
.cross-contact-1{
	top:24.5%;
}
.cross-legalR-1{
	top:16.0%;
}
}