@charset "UTF-8";
/* CSS Document */

/* =Basics
 -------------------------------------------------------------- */
* {
	vertical-align: central;
	horizontal-align: center;
		<!--[if !IE]><!--> overflow: inherit;<!-- <![endif]-->
	margin: 0;
	padding: 0;
	outline: 0px none;
}




html {
	height : 100%;
	max-height: 1500px;
	
	}
	
	
body {
	width: 100%;
	height:100%;
	max-height: 1500px;
	padding: 0px;
	margin: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background: #000;
	
	scrollbar-face-color: #ED743E; 
    scrollbar-shadow-color: #F5BD73;  
    scrollbar-highlight-color:#7D7E94;  
    scrollbar-3dlight-color: #7D7E94;  
    scrollbar-darkshadow-color: #F5BD73;
    scrollbar-track-color: #f5f5f5;  
    scrollbar-arrow-color: #ED743E;
	
}

body::-webkit-scrollbar{
width:14px;
background-color: #f5f5f5;
cursor: grabbing;
} 
body::-webkit-scrollbar-thumb{
background-color: #ED743E;
border:1px solid #F5BD73;
}
body::-webkit-scrollbar-thumb:hover{
background-color:#F5BD73;
border:1px solid #ED743E;
}
body::-webkit-scrollbar-thumb:active{
background-color: #ED743E;
border:2px solid #F5BD73;
} 


body::-moz-scrollbar{
width:16px;
background-color: #f5f5f5;
cursor: grabbing;
} 
body::-moz-scrollbar-thumb{
background-color: #ED743E;
border:1px solid #F5BD73;
}
body::-moz-scrollbar-thumb:hover{
background-color:#F5BD73;
border:1px solid #ED743E;
}
body::-moz-scrollbar-thumb:active{
background-color: #ED743E;
border:2px solid #F5BD73;
} 

a img {
	border: none;
	bordre: 0;
	 }

a:link {
	text-decoration: none;
	background: none;
	cursor: pointer;
	line-height: normal;
	font-weight: bolder;
	border: none;
	border: 0;
	 }
	 

	 

hr {
	
	background-color: #FFF;
	height: 3px;
	border: none;
	margin: auto;
	width: 46px;
	text-align: center;

	
	}


table td {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: lighter;
}


textarea {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;

}


textarea::-webkit-input-placeholder {
  line-height: 6em;
  color: #999999;
}
textarea:-moz-placeholder {
  line-height: 6em;
  color: #999999;
}
textarea:-ms-placeholder {
  line-height: 6em;
  color: #999999;
}
textarea:placeholder {
  line-height: 6em;
  color: #999999;
}

input[type=text]:focus, input[type=password]:focus, .form-control:focus {border-color:#3071A9 !important;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(48,113,169,.6) !important;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(48,113,169,.6) !important;}

input::-webkit-input-placeholder {
  color: #999999;
}
::-webkit-input-placeholder { text-align:center;
color: #999999; }
::-moz-placeholder { text-align:center; 
color: #999999;} /* firefox 19+ */
:-ms-input-placeholder { text-align:center; 
color: #999999;} /* ie */
input::-moz-placeholder { text-align:center; 
color: #999999;}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
        color: #999999;
}


.mistake {
    border-color: rgb(168, 0, 0) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(168, 0, 0,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(168, 0, 0,.6) !important;
}

select{
color: #666;
text-align: center;
	scrollbar-face-color: #ED743E; 
    scrollbar-shadow-color: #F5BD73;  
    scrollbar-highlight-color:#7D7E94;  
    scrollbar-3dlight-color: #7D7E94;  
    scrollbar-darkshadow-color: #F5BD73;
    scrollbar-track-color: #f5f5f5;  
    scrollbar-arrow-color: #ED743E;
}

select:focus{border-color:#3071A9 !important;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(48,113,169,.6) !important;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(48,113,169,.6) !important;}

	select option { text-align: center; }
	
	
	
	select::-webkit-scrollbar{
width:14px;
background-color: #f5f5f5;
} 
select::-webkit-scrollbar-thumb{
background-color: #ED743E;
border:1px solid #F5BD73;
}
select::-webkit-scrollbar-thumb:hover{
background-color:#F5BD73;
border:1px solid #ED743E;
}
select::-webkit-scrollbar-thumb:active{
background-color: #ED743E;
border:2px solid #F5BD73;
} 


select::-moz-scrollbar{
width:16px;
background-color: #f5f5f5;
} 
select::-moz-scrollbar-thumb{
background-color: #ED743E;
border:1px solid #F5BD73;
}
select::-moz-scrollbar-thumb:hover{
background-color:#F5BD73;
border:1px solid #ED743E;
}
select::-moz-scrollbar-thumb:active{
background-color: #ED743E;
border:2px solid #F5BD73;
} 


legend { font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif; font-weight: thicker; opacity: 0.35; -khtml-opacity: 0.35;  margin-top: 5px; }



p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: medium;
	text-align: center;
}

p strong {
	color: #ca8100;
	font-size: xx-large;
}

p span {
	color: #F5BD73;
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.5em;
	text-align: justify;
}

h1 {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	color: #666666;
	line-height: 3.5em;
	opacity: 1;
	-khtml-opacity: 1;
}

h2 {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	font-size: 1em;
	line-height: 1.4em;
	color: white;
	letter-spacing: normal;
	margin-top: 50px;
}

:root { text-underline-position: under; }

h2 span {
	font-size: 3em;
	line-height: 1em;
}


.modal-header h2 span {
	font-size: 1em;
}

h3 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	color: #666666;
	font-size:larger;
	display: block;
}

h3 span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	font-size: 1.5em;
	line-height: 1.1em;
	color: white;
	letter-spacing: normal;
	margin-top: 50px;
}

h4 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-size: large;
	color: white;
	display: block;
	line-height: 2em;
}

h4 span { 	font-family: 'Permanent Marker',Verdana,Arial,Helvetica,sans-serif;
	font-size: medium;
	font-weight: lighter;
	color: #002110;
	opacity: 0.7;
	-khtml-opacity: 0.9;
}

h5 {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-size: x-large;

}
	  
h6 {
	font-family: 'helsublack',Verdana,Arial,sans-serif;
	color: #FFF;
	font-weight: bolder;
	font-size: 2.5em;
	opacity: 1;
	-khtml-opacity: 1;
	margin-top: 0;

}

iframe { margin: 0; 
z-index: 10;}

ul { 
		margin: 0;
		padding: 0;    
    }


select {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	color: #999;
	background-color: #FFF;
	border: solid #A9A9A9 1px;
	line-height: 1.2em;
	margin: 0;
	box-sizing: border-box;
	height: 40px;

}





/* =Fonts
 -------------------------------------------------------------- */


@font-face {
    font-family: 'helsureg';
    src: url('.../fonts/reg.eot');
    src: url('../fonts/reg.eot') format('embedded-opentype'),
         url('../fonts/reg.woff2') format('woff2'),
         url('../fonts/reg.woff') format('woff'),
         url('../fonts/reg.ttf') format('truetype'),
         url('../fonts/reg.svg#helsureg') format('svg');
}

@font-face {
    font-family: 'helsubold';
    src: url('../fonts/bold.eot');
    src: url('../fonts/bold.eot') format('embedded-opentype'),
         url('../fonts/bold.woff2') format('woff2'),
         url('../fonts/bold.woff') format('woff'),
         url('../fonts/bold.ttf') format('truetype'),
         url('../fonts/bold.svg#helsubold') format('svg');
}


@font-face {
    font-family: 'helsublack';
    src: url('../fonts/black.eot');
    src: url('../fonts/black.eot') format('embedded-opentype'),
         url('../fonts/black.woff2') format('woff2'),
         url('../fonts/black.woff') format('woff'),
         url('../fonts/black.ttf') format('truetype'),
         url('../fonts/black.svg#helsublack') format('svg');
}


@font-face {
    font-family: 'Onlymutia';
    src: url('../fonts/Onlymutia.eot');
    src: url('../fonts/Onlymutia.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Onlymutia.woff2') format('woff2'),
         url('../fonts/Onlymutia.woff') format('woff'),
         url('../fonts/Onlymutiat.ttf') format('truetype'),
         url('../fonts/Onlymutia.svg#amaliamutiaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
  font-family: "sucones";
  src:url("../fonts/sucones.eot");
  src:url("../fonts/sucones.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sucones.woff") format("woff"),
    url("../fonts/sucones.ttf") format("truetype"),
    url("../fonts/sucones.svg#sucones") format("svg");
  font-weight: normal;
  font-style: normal;

}


[data-icon]:before {
  font-family: "sucones" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"],
[class*=" icon-"] {
	vertical-align: middle;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "sucones" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
      
}


.icon-addacc:before {
  content: "\61";
}
.icon-addsous:before {
  content: "\62";
}
.icon-ajout:before {
  content: "\63";
}
.icon-alim:before {
  content: "\64";
}
.icon-alloc:before {
  content: "\65";
}
.icon-apro:before {
  content: "\66";
}
.icon-autre:before {
  content: "\67";
}
.icon-bank:before {
  content: "\68";
}
.icon-bell:before {
  content: "\69";
}
.icon-cart:before {
  content: "\6a";
}
.icon-cash:before {
  content: "\6b";
}
.icon-cashregister:before {
  content: "\6c";
}
.icon-cercle:before {
  content: "\6d";
}
.icon-change:before {
  content: "\6e";
}
.icon-dash:before {
  content: "\6f";
}
.icon-deadjim:before {
  content: "\70";
}
.icon-difere:before {
  content: "\71";
}
.icon-doc:before {
  content: "\72";
}
.icon-educ:before {
  content: "\73";
}
.icon-equip:before {
  content: "\74";
}
.icon-erreurdoc:before {
  content: "\75";
}
.icon-from:before {
  content: "\76";
}
.icon-home:before {
  content: "\77";
}
.icon-home-1:before {
  content: "\78";
}
.icon-hotel:before {
  content: "\79";
}
.icon-keyvisual:before {
  content: "\7a";
}
.icon-loisir:before {
  content: "\41";
}
.icon-mail:before {
  content: "\42";
}
.icon-multiple:before {
  content: "\43";
}
.icon-nfc:before {
  content: "\44";
}
.icon-param:before {
  content: "\45";
}
.icon-paycash:before {
  content: "\46";
}
.icon-payfract:before {
  content: "\47";
}
.icon-payment:before {
  content: "\48";
}
.icon-pension:before {
  content: "\49";
}
.icon-petiparam:before {
  content: "\4a";
}
.icon-photo:before {
  content: "\4b";
}
.icon-qr:before {
  content: "\4c";
}
.icon-quotidien:before {
  content: "\4d";
}
.icon-rembourse:before {
  content: "\4e";
}
.icon-salaire:before {
  content: "\4f";
}
.icon-salaire-1:before {
  content: "\50";
}
.icon-sante:before {
  content: "\51";
}
.icon-shop:before {
  content: "\53";
}
.icon-solidaire:before {
  content: "\54";
}
.icon-switchperso:before {
  content: "\55";
}
.icon-switchpro:before {
  content: "\56";
}
.icon-tax:before {
  content: "\57";
}
.icon-titre:before {
  content: "\58";
}
.icon-transde:before {
  content: "\59";
}
.icon-transfert:before {
  content: "\5a";
}
.icon-transfutur:before {
  content: "\30";
}
.icon-transmob:before {
  content: "\31";
}
.icon-transport:before {
  content: "\32";
}
.icon-transvers:before {
  content: "\33";
}
.icon-transweb:before {
  content: "\34";
}
.icon-unique:before {
  content: "\35";
}
.icon-user:before {
  content: "\36";
}
.icon-vacance:before {
  content: "\37";
}
.icon-valicount:before {
  content: "\38";
}
.icon-validoc:before {
  content: "\39";
}
.icon-vers:before {
  content: "\21";
}
.icon-scan:before {
  content: "\52";
}
.icon-pointcash:before {
  content: "\22";
}
.icon-com:before {
  content: "\23";
}





/* =Hexagon
 -------------------------------------------------------------- */
 #alve {text-align: center;
 vertical-align: central;
 width: 100%;
 min-width: 1000px;
 display: block;
 margin: auto;

}




 #alve2 {text-align: center;
 vertical-align: central;
 width: 100%;
 min-width: 1000px;
 display: block;
 margin: 0 auto;
}
 
 
 
 
.dots {
	background-image: url(../newdots.png);	
	 padding-top: 50px;
  padding-bottom: 50px;
  min-height: 625px;
  height: 100%;
}

.bigdots {
	background-image: url(../newdots.png);	
  min-height: 625px;
  height: 100%;
}



.nopoint {
	cursor: none;
}



.hex {
	z-index: 1000;


}

 .hex .top {
    width: 0;
    border-bottom: 60px solid #ED743E;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}
.hex .middle {
    width: 208px;
    height: 100px;
	max-height: 100px;
    background: #ED743E;
	padding-top: 20px;
}

.hex .middle h6 {
position: absolute;
width: 206px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 1.66em;
}

.hex .middle p {
		font-family: 'helsublack',Verdana,Arial,sans-serif;
	font-size: 1em;
	color: #7d654c;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
width: 206px;
margin-top: 50px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 2.2em;
}


.hex .bottom {
    width: 0;
    border-top: 60px solid #ED743E;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}
.hex-row {
    clear: left;
}
.hex-row.even {
    margin-left: 106px;
}



#bordertab>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;

}

-->




.hex2 {text-align: center;
}
.hex2 .top {
    width: 0;
    border-bottom: 240px solid #ED743E;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	margin-top: 25px;
}
.hex2 .middle {
    width: 832px;
    height: 400px;
	max-height: 400px;
    background: #ED743E;
}

.hex2 .top h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
top: 235px;
line-height: 0em;
font-size: 3em;
}

.hex2 .middle2 h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -90px;
margin-right: 25px;
z-index: 1480;
margin-top: 205px;
line-height: 0em;
font-size: 1.2em;
}

.hex2 .bottom {
	 width: 0px;
    border-top: 240px solid #ED743E;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	padding: none;
}


 .hex3 .top {
    width: 0;
    border-bottom: 60px solid #255681;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}
.hex3 .middle {
    width: 208px;
    height: 100px;
	max-height: 100px;
    background: #255681;
	padding-top: 20px;
}

.hex3 .middle h6 {
position: absolute;
width: 206px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 1em;
font-size: 2em;
}

.hex3 .middle p {
		font-family: 'helsublack',Verdana,Arial,sans-serif;
	font-size: 1.1em;
	color: #a49381;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
width: 206px;
margin-top: 60px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 2.2em;
}


.hex3 .bottom {
    width: 0;
    border-top: 60px solid #255681;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}









 .hex4 .top {
    width: 0;
    border-bottom: 60px solid #262626;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}
.hex4 .middle {
    width: 208px;
    height: 100px;
	max-height: 100px;
    background: #262626;
	padding-top: 20px;
}

.hex4 .middle h6 {
position: absolute;
width: 206px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 1em;
font-size: 2em;
}

.hex4 .middle p {
		font-family: 'helsublack',Verdana,Arial,sans-serif;
	font-size: 1.1em;
	color: #7d654c;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
width: 206px;
margin-top: 60px;
margin-left: 1px;
margin-right: 1px;
z-index: 1500;
line-height: 2.2em;
}


.hex4 .bottom {
    width: 0;
    border-top: 60px solid #262626;
    border-left: 104px solid transparent;
    border-right: 104px solid transparent;
}





.hexblack {text-align: center;
}
.hexblack .top {
    width: 0;
    border-bottom: 240px solid #262626;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	margin-top: 25px;
}
.hexblack .middle {
    width: 832px;
    height: 400px;
	max-height: 400px;
    background: #262626;
}

.hexblack .top h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
top: 235px;
line-height: 0em;
font-size: 3em;
}

.hexblack .middle2 h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -90px;
margin-right: 25px;
z-index: 1450;
margin-top: 205px;
line-height: 0em;
font-size: 1.2em;
}


.hexblack .bottom {
	 width: 0px;
    border-top: 240px solid #262626;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	padding: none;
}






.hexblue {text-align: center;
}
.hexblue .top {
    width: 0;
    border-bottom: 240px solid #255681;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	margin-top: 25px;
}
.hexblue .middle {
    width: 832px;
    height: 400px;
	max-height: 400px;
    background: #255681;
}

.hexblue .top h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
top: 170px;
line-height: 1em;
font-size: 3em;
}

.hexblue .middle2 h6 {
position: absolute;
width: 832px;
font-weight: 5em;
margin-left: -90px;
margin-right: 25px;
z-index: 1450;
margin-top: 150px;
line-height: 1em;
font-size: 1.2em;
}


.hexblue .bottom {
	 width: 0px;
    border-top: 240px solid #255681;
    border-left: 416px solid transparent;
    border-right: 416px solid transparent;
	padding: none;
}


#addapp {
min-height: 500px;
background-color: #F5BD73;

padding: 40px 50px 80px;
}

#addapp p{
font-family: 'helsubold',Verdana,Arial,sans-serif;
}

#addapp p span{
font-family: 'helsublack',Verdana,Arial,sans-serif;
 letter-spacing: normal; 
}


.ptitle {
		font-family: 'helsublack',Verdana,Arial,sans-serif;
	font-size: 1.2em;
	color: #7d654c;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
top: 245px;
width: 832px;
margin-top: 30px;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
line-height: 0.5em;
}

.ptitle2 {
		font-family: 'helsubold',Verdana,Arial,sans-serif;
	font-size: 1em;
	color: #7d654c;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
width: 832px;
margin-left: -90px;
margin-right: 25px;
margin-top: 180px;
z-index: 1480;
line-height: 0.5em;
}


.ptitle3 {
		font-family: 'helsublack',Verdana,Arial,sans-serif;
	font-size: 1.2em;
	color: #a49381;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
top: 265px;
width: 832px;
margin-top: 30px;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
line-height: 0.5em;
}


.pref {
		font-family: 'helsureg',Verdana,Arial,sans-serif;
	font-size: .8em;
	color: #F5BD73;
	text-align: center;
	word-spacing: 0.1em;
position: absolute;
top: 275px;
width: 832px;
margin-top: 30px;
margin-left: -416px;
margin-right: 1px;
z-index: 1450;
line-height: 0.5em;
}



.-row {
    clear: left;
}
.-row.even {
    margin-left: 106px;
}

.infocolone {
display: block;
}

.infocolone p {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #7d654c;
}

.infocolone p span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	font-size:xx-large;
	line-height: 1em;
}


.infocolone:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    -moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.infocolone:hover p span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #ed743e;
	font-size:xx-large;
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}
.infocolone2  {
display: block;
text-align: left;
}



.infocolone2 p {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #7d654c;
}

.infocolone2 p span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	font-size:xx-large;
	line-height: 1em;
}


.infocolone2:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    -moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.infocolone2:hover .soldlib {
	color: #666666 !important;
	font-size:xx-large;
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}







.infocolone3 p {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #a49381;
}

.infocolone3 p span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	font-size:xx-large;
	line-height: 1em;
}


.infocolone3:hover {
	-ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */
    -moz-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}

.infocolone3:hover p span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #ed743e;
	font-size:xx-large;
	-webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
}


/* =Class
 -------------------------------------------------------------- */
 
 
 .form {
	width: 70%;
	/*min-width: 840px; */
	left: 0px;
	z-index: 1450;
	bottom: 0%;
	margin-left: 15%;
	margin-right: 15%;
	height: 100%;
	overflow: visible;
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
 }
 
.form2 {
	width: 70%;
	/*min-width: 840px; */
	left: 0px;
	z-index: 1450;
	bottom: 0%;
	margin-left: 15%;
	margin-right: 15%;
	height: 100%;
	overflow: visible;
	padding-top: 10px;
	padding-bottom: 50px;
	text-align: center;
 }
 
 .form2 h4{
	font-family: 'helsubold',Helvetica,cursive,Helvetica,sans-serif; 
	    color: #9e9e9e !important;
 }

 
 ::-webkit-input placeholder { 		font-family: 'helsubold',Helvetica,cursive,Helvetica,sans-serif;
		line-height: 1.5em;
		font-size: .8em; 
		color:#f00; }
::-moz-input placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#f00; }
 
.bouton { z-index: 1500!important;
	text-align: center;
	background: #ED743E;
	width: 90%;
	left: 5%; 
	margin: 0 auto;
	bottom: 0%;
	position: absolute;
}

.barre {
	position : absolute;
	display: inline-block;
	min-width: 500px;
	max-width: 80%;
	height: 20px;
	top: 0 px;
	right: 7%;
	z-index: 10;
	direction: ltr;
}




.barre p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;

	text-align: center;

}

.navo,
.navo a,
.navo ul,
.navo li,
.navo form,
.navo input {
    padding: 0;
    border: none;
    outline: none;
	z-index: 1500;
	
}






.navo::-webkit-input-placeholder,
.textarea_2::-webkit-input-placeholder
{
  color:    #999999;
}

.navo:-moz-placeholder,
.textarea_2:-moz-placeholder 
{
  color:    #999999;
}

.navo::-moz-placeholder,
.textarea_2::-moz-placeholder 
{
  color:    #999999;
}

.navo:-ms-input-placeholder,
.textarea_2:-ms-input-placeholder 
{
  color:   #999999;
}





.navo input {
background-color: rgba(255, 255, 255, 0.9);
	
}


input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
background-color: #FFF !important;
color: rgba(91, 91, 91, 0.2);

	
}

input, textarea, select {
	border-radius: 0;
}

 
.boring { 
font-family: 'helsubold',Helvetica,cursive,Helvetica,sans-serif;
text-decoration: none;
color: #ff722b; }

.boring:hover { text-decoration: none;
color: #F5BD73; }
 
.navo li { list-style: none; 
	height: 45px;
	text-align: right;}


.navo {
    display: inline-block;
    cursor: default;
    z-index: 500;
	float: right;
	right: 0px;
	position: relative;
	width:300px !important;
	max-height:45px !important;
}
 
.navo > li {
    display: block;
    float: right;
	text-align: right;
	
}

.navo > li > a {
	position: relative;
	display: block;
	z-index: 510;
	margin: 0 20px;
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-weight: lighter;
	font-size: 15px;
	/*color: #fcfcfc;*/
	
	color:#F5BD73;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	height: 25px;
	line-height: 3.2em;
	text-align: left;
}

.navo > li:hover > a { color: #ED743E;
text-decoration:none; }
.navo > li:hover > a span { color: #FFF;
text-decoration:none; }
 
.navo > li:first-child > a {
    border-left: none;
}


#notifilist, #messagelist {
	width: 250px;
	min-height: 200px;
	max-height: 700px;
	right: -20px;
	  background-color: rgba(245,189,115, 0.9);
	padding: 0;

}


#notifilist ::-webkit-scrollbar, #messagelist ::-webkit-scrollbar{
width: 5px;
background-color: #f5f5f5;
cursor: grabbing;
} 
#notifilist ::-webkit-scrollbar-thumb, #messagelist ::-webkit-scrollbar-thumb{
background-color: #ED743E;
cursor: grabbing;
}
#notifilist ::-webkit-scrollbar-thumb:hover, #messagelist ::-webkit-scrollbar-thumb:hover{
background-color:#F5BD73;
border:1px solid #ED743E;
cursor: grabbing;
}
#notifilist ::-webkit-scrollbar-thumb:active, #messagelist ::-webkit-scrollbar-thumb:active{
background-color: #ED743E;
border:1px solid #F5BD73;
cursor: grabbing;
} 



.casenotif, .bigcasenotif  {
		width: 100%;
	height: 100px;
	max-height: 100px;
	border-bottom: 1px solid rgba(142,142,142, 0.2);
padding-top: 20px;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 30px;
box-sizing: border-box;
overflow:hidden;
position: relative;
z-index: -1;	
	}	
	
	.casenotif2, .bigcasenotif2  {
		width: 100%;
	height: 100px;
	max-height: 100px;
	border-bottom: 1px solid rgba(142,142,142, 0.2);
	padding-top: 15px;
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 30px;
box-sizing: border-box;
	z-index: -1;
	}	

	
	
		.casenotif a, .casenotif2 a, .bigcasenotif a, .bigcasenotif2 a {
			display: block;
	height: 100%;
	width: 100%;
	left: 0px;
	box-sizing:inherit;
	}	
	
	
	.casenotif p, .casenotif2 p, .bigcasenotif p, .bigcasenotif2 p {
		margin-top: 5px;
    font-family: 'helsureg',cursive,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
	color: #FFF;
	 -webkit-opacity: 0.9;
 opacity: 0.9;
 max-height: 40px;
   overflow: hidden;
	}	
	
	.casenotif p span, .casenotif2 p span, .bigcasenotif p span, .bigcasenotif2 p span {
  color: #ED743E;
  font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
  letter-spacing: 0em;
  font-size: 1em;
  text-align: justify;
  margin-left: 2px;

}


	.casenotif i, .casenotif2 i {
   color: #8E8E8E;
     margin-top: 10px;
    margin-left: 2px;
 -webkit-opacity: 0.35;
 opacity: 0.35;
font-size: 90px !important;
margin-top: -40px;
margin-left: -20px;
z-index: -1 !important;
	}
	
		.bigcasenotif i , .bigcasenotif2  i {
	color: #8E8E8E;
    position: absolute;
    left: -15px;
    margin-top: -20px;
    font-size: 150px !important;
	 -webkit-opacity: 0.35;
 opacity: 0.35;
}

	
	.casenotif legend, .casenotif2 legend   {
	margin-bottom: -15px;	
		
	}
	
	.casenotif:hover, .casenotif2:hover, .bigcasenotif:hover, .bigcasenotif2:hover  {
	background-color: rgba(245,195,115, 1);
	}
	
	
	
	.casenotif:hover i , .casenotif2:hover  i, .bigcasenotif:hover i , .bigcasenotif2:hover  i {

    -webkit-opacity: 1;
    opacity: 1;
}




	
	
	
	.casenotif2  .chat-img {
		height: 70px;
		width: 70px
	}
	
		.casenotif2  .chat-img img {
		height: 70px;
		width: 70px;
		border-radius: 50%;
	}
	
	.freshnotif {
	width: 100%;
	height: 100px;
	max-height: 100px;
	background-color: #FFF;
	border-bottom: 1px solid #eee;
	opacity: .99;
	}
	
	.freshnotif p {
    font-family: 'helsureg',cursive,Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
	color: #929292;
	  -webkit-opacity: 1;
 opacity: 1;
	}	
	
		.freshnotif p span {
  color: #F5BD73;
}
	
	.freshnotif i {
 color:#F5BD73;
  -webkit-opacity: 0.5;
 opacity: 0.5;
font-size: 90px !important;
margin-top: -40px;
margin-left: -20px;
z-index: -1 !important;
	}


	.freshnotif:hover {
	background-color: #FAFAFA;
	}



.navo > li > div {
	position: absolute;
	display: block;
	width: 100%;
	top: 25px;
	right: 0px;
	opacity: 0;
	padding: 15px;
	visibility: hidden;
	overflow: hidden;
	background-color: rgba(245,189,115, 0.8);
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	box-shadow: rgba(0,0,0, .2) 0px 1px 1px;
	border-radius: 5px;
}



.navo > li > div > a:link {
color: rgb(237, 116, 62);
}


.rabat {
height: 100%;
width: 100%;	
margin-top: -15px;
margin-left: -15px;
z-index: 0;
}





.rabat::after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 75px;
    height: 150%;
    background-color: rgba(245,189,115, 1);
    position: absolute;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    bottom: 21px;
    left: -70px;
    z-index: 1450;
    box-shadow: rgba(0,0,0, .25) 0px -2px 1px;
    -webkit-transform: skewY(30deg);
	-moz-transform: skewY(30deg);
	transform: skewY(30deg);
}


.rabat2 {
height: 100%;
width: 100%;	
margin-top: -15px;
margin-left: -15px;
z-index: 0;
}





.rabat2::after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 75px;
    height: 150%;
    background-color: rgba(245,189,115, 1);
    position: absolute;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
    bottom: 21px;
    right: -70px;
    z-index: 1450;
    box-shadow: rgba(0,0,0, .25) 0px -2px 1px;
    -webkit-transform: skewY(-30deg);
	-mozt-transform: skewY(-30deg);
	transform: skewY(-30deg);
}




.menicons {
/*  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 


  filter: alpha(opacity=30);

  opacity: 0.3;

	*/
}

.blokos {
	width: 100%;
	height: 100%;

}


.blokos::after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 75px;
    height: 150%;
    background-color: rgba(245,189,115, 1);
    position: absolute;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
    bottom: 21px;
    left: -70px;
    z-index: 1450;
    box-shadow: rgba(0,0,0, .25) 0px -2px 1px;
    -webkit-transform: skewY(30deg);
	-moz-transform: skewY(30deg);
	transform: skewY(30deg);
}



.navo td  {
opacity: 0.8;
}


.navo > li:hover > div {
 opacity: 1; 
 top: 50px;
 visibility: visible;
 overflow: visible; 
 min-width: 100px;
 }

.navo .navo-column {
    float: left;
    width: auto;
    padding: 2%;
	margin-top: 10px;
}

 
.navo .navo-column li a {
    display: block; 
    font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
    font-size: 13px;
    color: #666;
	line-height: 1.6em;
}
 
.navo .navo-column li a:hover { color: #FFF; }

.navo .navo-column2 {
    float: left;
    width: 100%;
    padding: 2.5%;
	z-index: 1500;
	margin-top: 10px;
}
 .navo .navo-column2 li a {
    display: block;
    line-height: 26px;
 	width: 100%;
    font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
    font-size: 13px;
    color: #666;
}
 
.navo .navo-column2 li a:hover { color: #FFF; }

.navo .navo-columnotif {
    float: left;
    width: 100%;
	max-height: 700px;
	overflow: hidden;
	  border-top: 1px solid #eee;
		    border-radius: 5px;
}

#affichenotif {
height: 50px;
    z-index: 1500;
    width: 240px;
    position: absolute;
    bottom: 0;
    right: 5px;
    background-color: #FFF;
    color: #F5BD73;
}

#affichenotif a {
	color: #F5BD73;

}

#affichenotif a:hover {
	color: #ED743E !important;

}

.transition { -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;}
.transition:hover { 
	cursor: pointer;
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-o-transform: scale(3);
	-ms-transform: scale(3);
	transform: scale(3); }

#perfilist {
	position: absolute;
	display: block;
	width: 150px;
	top: 25px;
	right: 0%;
	opacity: 0;
	padding: 15px;
	visibility: hidden;
	overflow: hidden;
	background-color: rgba(245,189,115, 0.8);
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
}

.navo > li:hover > #perfilist {
    opacity: 1;
    visibility: visible;
    overflow: visible;
	top: 50px;
}


.addapp:hover {
color: #F5BD73 !important;
}

.addapp:hover a {
	color: #F5BD73 !important;	
	text-shadow: none;
}



.boutarent {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: white;
	background-color: rgba(237, 116, 62, 0.7);	
	height: 50px;
	width: 150px;
	margin: 20px auto;
	line-height: 3.5em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
}
.boutarent:hover {
	color: white;
	transition: ease 0.5s;
	background-color: rgba(237, 116, 62, 1);
}


 
.boutarent a:hover {
	color: white;
}

.boutarent a:link {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 3.5em;
}


.boutarentuto {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: white;
	border: solid #FFF 3px;
	border-radius: 5px;	
	height: 50px;
	min-width: 150px;
	max-width: 200px;
	margin: 20px auto;
	line-height: 3.4em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	overflow: hidden;
    text-overflow: ellipsis;
}


.boutarentuto:hover {
	color: white;
	transition: ease 0.5s;
	border: none;	
	background-color: rgba(237, 116, 62, 1);
}



.boutarentuto2 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
	height: 90px;
	min-width: 150px;
	max-width: 200px;
	margin: 20px auto;
	line-height: 1.4em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	background-color: #000;
	-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.boutarentuto2 a {
	color: #FFF;
	display: block;
	height: 90px !important;
	line-height: 10px;
	padding-top: 20px;
}

.boutarentuto2:hover {
	color: #F5BD73;
	transition: ease 0.5s;
	text-shadow: none;
}



.boutarentuto2:hover a {
	color: #F5BD73;	
	text-shadow: none;
}


.intuto {
	height: 100%;
	width: 100%;
	padding: 5%;
	box-sizing: border-box;	
}

.intuto h5 {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	text-align: justify;
  font-size: large;
  color: #666666;
}

.intuto h5 span {
  font-size: large;
  color: #F5BD73;
}



.boutarentfaq {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: rgba(237, 116, 62, 0.8);
	border: solid #FFF 3px;
	border-radius: 5px;
	height: 50px;
	min-width: 130px;
	max-width: 170px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	line-height: 3.4em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	display: inline-block;
	overflow: hidden;
    text-overflow: ellipsis;
}
.boutarentfaq:hover {
	color: #FFF;
	transition: ease 0.5s;
	border: none;	
	background-color: rgba(237, 116, 62, 1);
}

.boutarentfaq a {
	color:  rgba(255, 255, 255, 1);
	  height: 50px;
  display: block;
  line-height: 3.2em;
      border-radius: 5px;
}

.boutarentfaq:hover a {
	color: #FFF;
}





.boutarent2 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	bottom: -170px;
	border: solid #A9A9A9 1px;
	background: none;
	color:#666666;
	height: 50px;
	min-width: 200px;
	max-width: 300px;
	margin-left: auto;
 	margin-right: auto;
	line-height: 2.5em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	text-align: center;
	box-shadow: rgba(0,0,0, .1) 0px 1px 1px;
}

.boutarent2 p {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-size: large;
	background: none;
	height: 50px;
	color:#666666;
	line-height: 2.7em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	margin: 0;
}
.boutarent2:hover {
	color: #ED743E;
	transition: ease 0.5s;
}

 
.boutarent2 p:hover {
	color: #ED743E;
	transition: ease 0.5s;
}

.boutarent2 a:link {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 3.5em;
}

.boutarent3 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	background: #FFF;
	color:#F5BD73;
		height: 50px;
	width: 150px;
	margin: 20px auto;
	line-height: 3.5em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	box-shadow: rgba(0,0,0, .3) 0px 1px 1px;
}
.boutarent3:hover {
	color: #ED743E;
	transition: ease 0.5s;
}

 
.boutarent3 a:hover {
	color: #ED743E;
}

.boutarent3 a:link {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 3.5em;
}


.boutarent4 {
    width: 0;
    border-bottom: 120px solid #ED743E;
    border-right: 208px solid transparent;
}


.boutarent4 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color:#F5BD73;
	height: 40px;
	width: 200px;
	margin: 0 auto;
	cursor: pointer;
	float: left;
	left: 0%;
	bottom: 0px; 
	box-sizing: border-box;
	z-index: 1500;
	display: block;
}


.boutarent4 h3 {
    color: #FFF;
	height: 15px;
	width: 100px;
	left: 5%;
	bottom: -155px;
	margin-top: 70px;
}

.boutarent4:hover h3 {
    color: #F5BD73;
}

.boutarent4 a:link {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 3.5em;
}


.boutarent5 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: white;
	background-color: rgba(245,189,115, 1);	
	height: 50px;
	width: 100%;
	margin: 20px auto;
	line-height: 3.5em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
}

.boutarent5:hover {
	color: white;
	transition: ease 0.5s;
	background-color: rgba(245,189,115, 1);
}




.boutarent5 a:link {
	display: block;
	width: 150px;
	height: 50px;
	line-height: 3.5em;
}
 
.boutarent5 a:hover {
	color: white;
}



.boutarent6 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: white;
	border: solid 2px rgba(245,189,115, 1);	
	height: 50px;
	width: 150px;
	margin: 20px auto;
	line-height: 3.5em;
	cursor: pointer;
	position: relative; 
	box-sizing: border-box;
	background: none;
}

.boutarent6:hover {
	color: white;
	transition: ease 0.5s;
	border: solid 2px rgba(245,189,115, 1);	
}

.boutarent6 a:link {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: white;

}


.blackboutarent4 {
    width: 0;
    border-bottom: 120px solid #262626;
    border-right: 208px solid transparent;
}

.blackboutarent4 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color:#F5BD73;
	height: 40px;
	width: 200px;
	margin: 0 auto;
	cursor: pointer;
	position: fixed;
	left: 0%;
	bottom: 0%; 
	box-sizing: border-box;
}


.blackboutarent4 h3 {
	position: absolute;
    color: #FFF;
	height: 15px;
	width: 100px;
	left: 5%;
	bottom: -85px;
}

.blackboutarent4:hover h3 {
    color: #F5BD73;
}


.blueboutarent {
    width: 0;
    border-bottom: 120px solid #255681;
    border-right: 208px solid transparent;
}

.blueboutarent {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color:#F5BD73;
	height: 40px;
	width: 200px;
	margin: 0 auto;
	cursor: pointer;
	position: fixed;
	left: 0%;
	bottom: 0%; 
	box-sizing: border-box;
}


.blueboutarent h3 {
	position: absolute;
    color: #FFF;
	height: 15px;
	width: 100px;
	left: 5%;
	bottom: -85px;
}

.blueboutarent:hover h3 {
    color: #F5BD73;
}



#boutafine {
position: relative;
left: -50%;
bottom: 50px;
margin: auto;

}


#boutasoc {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	position: absolute;
	top: 50px;
	z-index: 1490;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 308px 220px 0;
	border-color: transparent #3070a9 transparent transparent;	
}

#boutasoc h3{
	position: absolute;
    color: #FFF;
	height: 15px;
	width: 100px;
	left: 160px;
	top: 0px;
}


#boutasoc:hover h3 {
	color: #F5BD73;
	transition: ease 0.5s;
	transform: scale(1.1)
}





.legalhub_div {
	width: 100%;
	padding: 50px;	
	box-sizing: border-box;
	text-align: justify;
}

.legalhub_div p {
font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
  color: #848484;
  text-align: justify;
  font-size: 14px;
font-weight: normal;
}


.legalhub_div a {
  color: #ED743E;
  text-align: justify;
  font-size: 1.2em;
}

.legalhub_div a:hover {
  color: #F5BD73;
}



.columnContainer ul {
text-align: justify;	
}

.columnContainer li  {
text-align: justify;	
}

.columnContainer a {
text-align: justify;	
}


.columnContainer h3 {
text-align: justify;	
}

.gradient {
	position: absolute;
	top: 0px;
	height: 100%;
	min-height: 500px;
	width: 100%;
	z-index: 3;
	background: linear-gradient(to bottom, rgba(237,116,32,0.2) 0%,rgba(237,116,32,0) 100%); /* W3C */
	-moz-background: -moz-linear-gradient(top, rgba(237,116,32,0.2) 0%, rgba(237,116,32,0) 100%); /* FF3.6+ */
	-webkit-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,116,32,0.2)), color-stop(100%,rgba(237,116,32,0))); /* Chrome,Safari4+ */
	-o-background: -o-linear-gradient(top, rgba(237,116,32,0.2) 0%,rgba(237,116,32,0) 100%); /* Opera 11.10+ */
	-ms-background: -ms-linear-gradient(top, rgba(237,116,32,0.2) 0%,rgba(237,116,32,0) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12ed7420', endColorstr='#00ed7420',GradientType=0 ); /* IE6-9 */

}





.span12 {
	position: absolute;
	z-index: 1400;
	display: block;
	width: 50%;
	min-width: 330px;
	padding: 15px;
	margin-right: 25%;
	margin-left: 25%;
	top: 15%;
	overflow: hidden;
	background-color: rgba(245,189,115, 1);
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	 border: none;
	 box-sizing: border-box;
}

.span12,
.span12 a,
.span12 ul,
.span12 li,
.span12 div,
.span12 form,
.span12 input,
.span12 textarea {
    border: none;
    outline: none;
	border-radius: 5px;
	
}

.span12 input,
textarea,
select {
-webkit-box-align: center;
	text-align:-moz-center;
    text-align:-webkit-center;
	text-align:center;
	
	
}

select {
    text-align: center;
}
.span12 select {
-webkit-padding-start: 40%;

}


.span12 textarea {
line-height: 2em;
	
}

.span12 td {
padding-left: 5px;
padding-right: 5px;
	
}

.span12::-webkit-input-placeholder, select,
.textarea_2::-webkit-input-placeholder
{
  color:    #999999;
}

.span12:-moz-placeholder, select,
.textarea_2:-moz-placeholder 
{
  color:    #999999;
}

.span12::-moz-placeholder, select,
.textarea_2::-moz-placeholder 
{
  color:    #999999;
}

.span12:-ms-input-placeholder, select,
.textarea_2:-ms-input-placeholder 
{
  color:   #999999;
}



.spaneu {
	z-index: 1500;
	display: block;
	padding: 15px;
	width: 99%;
	top: 20%;
	overflow: hidden;
	background-color: #FFF;
	-webkit-transition: all .3s ease .15s;
	-moz-transition: all .3s ease .15s;
	-o-transition: all .3s ease .15s;
	-ms-transition: all .3s ease .15s;
	transition: all .3s ease .15s;
	text-align: center;
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	border: 1px rgba(91, 91, 91, 0.2) solid;
}

.spaneu,
.spaneu a,
.spaneu ul,
.spaneu li,
.spaneu div,
.spaneu form,
.spaneu input,
.spaneu textarea {
    outline: none;
	
}

.spaneu input,
textarea,
select {
background-color: rgba(255, 255, 255, 0.9);
	
}

.spaneu textarea {
line-height: 2em;
	
}

.spaneu td {
padding-left: 5px;
padding-right: 5px;
	
}


.spaneu::-webkit-input-placeholder, select,
.textarea_2::-webkit-input-placeholder
{
  color:    #999999;
}

.spaneu:-moz-placeholder, select,
.textarea_2:-moz-placeholder 
{
  color:    #999999;
}

.spaneu::-moz-placeholder, select,
.textarea_2::-moz-placeholder 
{
  color:    #999999;
}

.spaneu:-ms-input-placeholder, select,
.textarea_2:-ms-input-placeholder 
{
  color:   #999999;
}



.form-signin td {
	padding-left: 5px;
padding-right: 5px;
}


.right {
		right: 0px;
}

.divarrow {
width: 120px;
position: absolute;
}
.divarrow:hover {
cursor: pointer;
}

.divarrow span:hover {
cursor: pointer !important;
}
.divarrow span {
pointer-events: none;
}




.arrow p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	color: #666666;
	font-size:larger;
	display: block;
	line-height: 3em;
}



 .effect6
{
  	position:relative;       
    -webkit-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 3px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index: -10;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}




.textshadow	{ text-shadow: 1px 2px 9px #000; }
.crenageshadow { letter-spacing: 0.7em; text-shadow: 1px 2px 5px #000; }
.opacityO5 { opacity: 0.5;
	-khtml-opacity: 0.5;
	}
	
.transition { -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;}
.transition:hover { 
	cursor: pointer;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02); }
	
.transition2 { -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;}
.transition2:hover { 
	cursor: pointer;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3); }
	
.transition3 { 
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;}
	
.transition3:hover { 
	cursor: pointer;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05); 
	
	 }
	 
	  .opacity1 {
	 opacity: 0.5; -khtml-opacity: 0.5;
	  }
	  
	 .opacity1:hover {
		opacity:1;
		-khtml-opacity: 0.5; 
	 }

		
.float { float: left; }
.homotetie {
	max-width: 2395px;
	height: auto;
}



.infocomp {
	color: rgba(91, 91, 91, 0.2);
	margin-top: 17px;
	font-size: 16px;	
	line-height: 1.1em;
	height: 20px;
	
	}
	
	.infocomp:hover {
	color: #ED743E;
	margin-top: 15px;
	font-size: 18px;	
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	
	}
	
	.infolegend {
		font-family: 'helsubold',Verdana,Arial,sans-serif;
	color: rgba(91, 91, 91, 0.7);
	margin-top: 17px;
	font-size: 16px;	
	line-height: 1.1em;
	height: 20px;
	
	}
	
	.infolegend:hover {
	color: #ED743E;
	margin-top: 15px;
	font-size: 18px;	
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
	
	}
	
	
	
    .black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
		bottom: 0;
        width: 100%;
        background-color: black;
        z-index:1001;
		-webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
		z-index: 1490;
    }
	
    .white_content {
        display: none;
        position: absolute;
        top: 15%;
        left: 15%;
        width: 70%;
		max-height: 2000px;
        padding: 0px;
        border: none;
		margin-bottom: 20px;
        background-color: white;
        z-index:1495;
        overflow: auto;
		font-family: 'helsubold',Verdana,Arial,sans-serif;
		border-radius: 5px;
    }





.nodisplay {
display: none;	
}


.spoilerbtn {
font-family: 'helsubold',Verdana,Arial,sans-serif;
cursor: pointer;
font-size: 15px;
	
}

.spoilerbtn:hover {
color: #ED743E;
	
}



  
  /* =ID-------------------------------------------------------------- */
  	
	
	
	
#prenom:before {
  content:"\2b";
  font-family:"Glyphicons Halflings";
  line-height:1;
  margin:10px;
  display:inline-block;
  
	}

	
	
#divcost4 {
height: 50px; width: 120px; right: 0px; background-color: transparent; border-right: 1px solid #A9A9A9; border-top: 1px solid #A9A9A9; border-bottom: 1px solid #A9A9A9;	
}

	
	#oublie  {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #666;
}


	#oublie:hover {
	color: #ED743E;
}

	#app-oublie  {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	color: #666;
}


	#app-oublie:hover {
	color: rgba(245,189,115, 0.8);
}
	
	#separate { width: 100%;
		position: absolute;
		z-index: 10;
		bottom: 0px;
		left: 0px;
		height: 50px;
		background: white;
		}
	
	#wrapper {
	margin: 0;
	width: 100%;
	height:100%;
	max-height: 1500px;
	overflow: visible;
	text-align: center;
	vertical-align: central;
	z-index: 0;
	top: 0px;
	left: 0px;
	position: relative;
	}
	


#imganim { position: relative;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	animation-name: 'diagonal-slide';
    animation-duration: 3s;
    animation-iteration-count: 1; 
    -webkit-animation-name: 'diagonal-slide';
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: 1;
	-moz-animation: diagonal-slide 3s 1 cubic-bezier(0, 0, 0.35, 1);
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: 1;
	z-index: 1; }


#liencontact { width: 100%;
	height: auto;
	text-align: center;
	margin: none;
	texte-decoration: none;
	padding-top: 50px;
}


#liencontact p {
	background-image: url(bulle1.png);
	width: 150px;
	height: 140px;
	padding: 60px;
	margin-left: 30px;
	margin-right: 30px;
	text-align: center;
	text-decoration: none;
	font-family:  "Amatic SC",cursive,Helvetica,sans-serif;
	font-size: xx-large;
	color: #DAA141;
	background-repeat: no-repeat;
	background-position: center;
}

#liencontact p:hover { padding: 60px; 
	background-image: url(bulle1.png);
	text-align: center;
	text-decoration: none;
	font-family: "Amatic SC",cursive,Helvetica,sans-serif;
	color: orange;
	background-repeat: no-repeat;
	background-position: center;
}
#liencontact img { margin: 20px;
	position: relative;

}



#level1{ 
	top: 50px;
	width: 100%;
	left: 0;
	height: 245px;
}



#more { 
	top: 235px;

}

#footermf {
	line-height: 40%;
}

#footer { width: 100%;
	padding: auto;
	text-align: center;
	margin-bottom: 120px;
}

#footer img { margin: 20px;
	position: relative;

}
#zoomer {
	z-index: 2;
	position: absolute;
}

#header {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: visible;
	text-align: center;
	margin-bottom: none;
	vertical-align: central;
	z-index: 1500;
	text-align: center;
	margin-bottom: none;
	vertical-align: central;
}

#header2 {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background-color: url(back_inox_header.jpg);
	background-size: cover;
	-khtml-background-size: contain;
	overflow: visible;
	text-align: center;
	margin-bottom: none;
	vertical-align: central;
	z-index: 1700;
	/*border-bottom: solid;
	border-bottom-width: 2px;
	border-bottom-color: #000;*/
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	text-align: center;
	margin-bottom: none;
	vertical-align: central;
	-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
	border-top : 2px solid rgba(4,70,130,1);
}

#bandeau { 
	position: fixed; 
	top: 0px;
	height: 50px;
	width: 100%;
	z-index: 1497;
	/*
	background-color: #ED743E;*/
	background-color: #FFF;

	/*box-shadow: rgba(0,0,0, .4) 0px 1px 1px;*/
	
} 

#prebandeau { 
	position: fixed; 
	top: 0px;
	height: 50px;
	width: 100%;
	z-index: 1430;
	/*
	background-color: #ED743E;*/
	background-color: #FFF;

	/*box-shadow: rgba(0,0,0, .4) 0px 1px 1px;*/
	
} 

#prebandeau:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
            box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
    z-index: -1 !important;
}

#bandeau2 { 
	position: absolute; 
	top: 0px;
	height: 50px;
	width: 100%;
	min-width: 540px;
	z-index: 1500000;
	background: none;	
} 

#bandeau3 { 
	position: fixed; 
	top: 0px;
	height: 50px;
	width: 100%;
	z-index: 150000;
	background-color: #255681;
	box-shadow: rgba(0,0,0, .4) 0px 1px 1px;
	
} 

#bandeau4 { 
	position: fixed; 
	top: 0px;
	height: 50px;
	width: 100%;
	z-index: 150000;
	background-color: #262626;
	box-shadow: rgba(0,0,0, .4) 0px 1px 1px;
	
} 


#bisobando {
	left: 0%;
	top: -5px;
	width: 85px;
	height: 57px;
	/*background-color: #F5BD73;
	border-right: 50px solid #F5BD73;
	*/
	
	background-color: #FFF;
	border-right: 50px solid #FFF;
	    border-radius: 5px;
	position: absolute;
	-webkit-transform: skew(-60deg);
	-moz-transform: skew(-60deg);
	-o-transform: skew(-60deg);
	-ms-transform: skew(-60deg);
	tranform: skew(-60deg);	
	box-shadow: rgba(0,0,0, .4) 2px 1px 1px;
	z-index: 1500;
}

#bisobando::before {
	content: "";
	left: -40px;
	top: 0px;
	width: 105px;
	height: 62px;
	/*
	background-color: #ED743E;
	border-right: 50px solid #ED743E;*/
	    border-radius: 5px;
		background-color: #FFF;
	border-right: 50px solid #FFF;
	position: absolute;
	box-shadow: rgba(0,0,0, .4) 2px 1px 1px;

}

 .probando::after {
	 content: "";
background-image: url("../photos/vignettepro.png");
background-size: 120px;
background-repeat: no-repeat;
left: -45px;
top: 51px;
width: 130px;
height: 72px;
position: absolute;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
animation-duration: 5s;
animation-iteration-count: 1;



}





#rooh { 
	width: 100%;
	max-width: 100%;
	max-height: none;
	z-index: 3;
	overflow: visible;
}


#content { line-height: 100%;
	text-align: center;
	width: 100%;
	max-width: 730px;
	margin: auto;
	font-weight: bold;
}

#content2 { line-height: 100%;
	text-align: center;
	width: 100%;
	max-width: 730px;
	margin: auto;
}

#content2 p {
	text-align: justify;
}

#content2p strong {
	font-family: "Permanent Marker",Helvetica,Verdana,Arial,sans-serif;
	color: #ca8100;
	opacity: 0.8;
	font-size: x-large;
	line-height : 1.5em;
	letter-spacing: 0.1em;
	text-align: center;
	font-weight: lighter;
}

#content img { vertical-align: center;
	text-align: center;
	margin: 1000;
	border: none;
	z-index: 3;
}

#content p {
	font-family: "Amatic SC",Helvetica,Verdana,Arial,sans-serif;
	color: #000;
	opacity: 0.8;
	font-size: x-large;
	word-spacing: 0.2em;
	text-align: justify;
	line-height: 1em;
}

#content3 { line-height: 150%;
	text-align: center;
	width: 100%;
	max-width: 750px;
	margin: auto;
}

#content3 p {
	text-align: center;
}

#light { 
background-image: url(light.png);
background-size: cover;
display: block;
top: 0px;
position: relative;
z-index: 15;
width: 100%;
height: 400px;
text-align: center;
}

#light2 {
	
	display: block;
	top: 0px;
	position: relative;
	z-index: 2008;
	width: 100%;
	height: 90px;
	text-align: center;
}

#Frigetherme_logo {
text-align: center;
z-index: 15000;
top: 45px;
margin-top: 250px;
margin-bottom: 0px;
}


#visio {
	padding: 20px;
	background-image: url(grisevisio.png);
	background-repeat:repeat-y;
	background-size: contain;
	top: 0px;
	margin: -10px;
	height: auto;
	border-top: solid;
	border-bottom: solid;
	border-width: 2px;
	border-color: #FFF;
	display: block;
	min-height: 90%;
	text-align: center;
	position: relative;
	z-index: 70;
}

#visio2 {
	padding: 20px;
	background-image: url(grisevisio2.png);
	background-repeat:repeat-y;
	background-size: 100%;
	top: -50px;
	margin: -10px;
	horizontal-align: center;
	height: auto;
	border-top: solid;
	border-bottom: solid;
	border-width: 2px;
	border-color: #FFF;
	z-index: 2;
	display: block;
	min-height: 90%;
	text-align: center;
}

#visicones { background-image: url(grisevisio.png);
	background-repeat: no-repeat;
	horizontal-align: center,top;
}

#visicones a:link {
	position: static;
	}
	
#visiotitle { background-image: url(grisetitle.png);
	background-repeat: no-repeat;
	background-size: 100%;
	-khtml-background-size: 100%;
	-webkit-background-size: 100%;
	}



#biso {
	z-index: 1000;
	bottom: 0px;
	text-align: center;
	width: 100%;
	line-height: 1.3em;
	color: white;
	background-color: #ED743E;
		}
.biso {
	z-index: 1000;
	text-align: center;
		}




#volet { position: fixed;
	height: 20px;
	width: 100%;
	z-index: 16000;
	vertical-align: central;
	bottom: 0px;
	opacity: 0.1;
	filter: alpha(opacity=10);
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


#volet h4 { font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
font-weight: lighter;
}
#volet:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

#plan p {
	text-align: center;
	font-family: 'Dorsa',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 2em;
	letter-spacing: 0.2em;
	line-height: 1.5em;
	color: rgba(4,70,130,1);
	text-decoration: none;
	border-top : 2px solid rgba(4,70,130,1);
	border-bottom : 2px solid rgba(4,70,130,1);
	}
	
	
	#panecontent {
	height: 100%;
	width: 100%;	
		
	}
	
	#folder {
		height: 600px; 
		min-width: 1000px;
		min-height: 300px;
		display: block;
		margin-left: 10%;
		margin-right: 10%;
		}
	
	
	#nbsus hr {
		height: 3px;
		color: #FFF;
		background-color: #FFF;
		opacity: 1;
		margin: 12px auto;
		
	}
	
	
	#notifboard {
background-color: #3071a9;
	line-height: 1em;
	width: 100%;
min-width: 20px;
max-width: 40px;
padding: 1px;
height: 17px;
left: 13px;
top: 7px;
z-index: 1500;
position: absolute;
color: #FFF !important;
 text-align: center;
 border-radius: 5px;
}


#notiflink {
	position: absolute;
	line-height: 3em;
	height: 20px;
	width: 20px;
	right: -5px; 	
	color: #FFF;
	z-index: 1500 !important;
	font-size: 17px;
}

#notiflink  a:link{
	color: #F5BD73;
	position: asbolute;
}

#notiflink  a:visited{
	color: #F5BD73;
}

	#messageboard {
background-color: #d9534f;
	line-height: 1em;
	width: 100%;
min-width: 20px;
max-width: 40px;
padding: 1px;
height: 17px;
left: 13px;
top: 7px;
z-index: 1500;
position: absolute;
color: #FFF !important;
 text-align: center;
 border-radius: 5px;
}

#messagelink {
    position: absolute;
    line-height: 3em;
    height: 20px;
    width: 20px;
    right: 35px;
    color: #FFF;
    z-index: 1500 !important;
    font-size: 17px;
}

#messagelink  a:link{
	color: #F5BD73;
	position: asbolute;
}

#messagelink  a:visited{
	color: #F5BD73;
}

	
/* =Menu
 -------------------------------------------------------------- */	
		
#menu ul {
	display: inline-block;
	margin-bottom: 50%;
	horizontal-align: center;
	vertical-align: middle;
	text-align: center;
	word-spacing: -1px;
	font-size : 0;
	width: 100%;
}

#menu li {
	display: inline;
	horizontal-align: center;
	font-family: 'Dorsa',Verdana,Arial,Helvetica,sans-serif;
	line-height: 300%;
	word-spacing: -1px;
}



#form { text-align: justify; font-family: Helvetica; }

#barretemp { position: absolute;
	margin-top: 0px;
	text-align: center;
	z-index: 200;
	top: 170px;
	left: 0%;
	width: 100%;
	height: 3.5px;
}


.adress {
	  font-family: Verdana,Arial,Helvetica,sans-serif;
      display: none;}
   a.showLink, a.hideLink {
	  font-family: Verdana,Arial,Helvetica,sans-serif;
      color: darkgoldenrod;
      padding-left: 8px;
	  background: none; 
	  opacity: 0.8;
	  -khtml-opacity: 0.8;
	  text-decoration: none; }
   a.showLink:active, a.hideLink:active { text-decoration: none; }
   a.showLink:hover, a.hideLink:hover {
	  text-decoration: none;
	  color: saddlebrown; }
.grise {
	position: relative;
	margin-left: none;
	top: auto; }
	

/* Slider (http://www.smashingmagazine.com/2012/04/25/pure-css3-cycling-slideshow/#9)
---------*/
/* This is the element we are applying the animation to. */



/* This is the animation code. */

@keyframes move {
   from {
      transform: translateX(0);
   }
   to {
      transform: translateX(100px);
   }
}

@-moz-keyframes move {
   from {
      -moz-transform: translateX(0);
   }
   to {
      -moz-transform: translateX(100px);
   }
}

@-webkit-keyframes move {
   from {
      -webkit-transform: translateX(0);
   }
   to {
      -webkit-transform: translateX(100px);
   }
}

/* Animation from 0% to 100% */

@keyframes move {
   0% { transform: translateX(0); }
   100% { transform: translateX(100px); }
}

/* Animation with intermediate keyframes */

@keyframes move {
   0% { transform: translateX(0); }
   50% { transform: translateX(20px); }
   100% { transform: translateX(100px); }
}




/* menu déroulant */
@-webkit-keyframes swip {
    0%   {top: -100px;}
    100% {top: 50px;}
}
@-moz-keyframes swip {
    0%   {top: -100px;}
    100% {top: 50px;}
}
@keyframes swip {
    0%   {top: -100px;}
    100% {top: 50px;}
}




.swipin {
   -webkit-animation: swip .5s linear infinite;
   -moz-animation: swip .5s linear infinite;
   -ms-animation-name: swip;
   -ms-animation-duration: .5s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: swip .5s linear infinite;
    animation-name: swip;
   animation-duration: .5s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: swip .5s linear infinite;
}


@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  animation-delay: .7s;
   animation-duration: 2s;
  animation-iteration-count: 1;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden !important;
	  display: none !important;
	  opacity: 0;
  filter: alpha(opacity=0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden !important;
	  display: none !important;
	  opacity: 0;
  filter: alpha(opacity=0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
   animation-duration: 1s;
  animation-iteration-count: 1;
}



@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
   animation-duration: 1s;
  animation-iteration-count: 1;
}







#picspro {
position: relative;
right: 0%;
width: 100%;
}



.floating{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
	position: relative; 
	    right: 0;
		margin-left: 0px;
		    width: 20%;
	min-width: 120px;
	    max-width: 455px;

}

.floating2{
    -webkit-animation-name: Floating2x;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating2;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 0px;
	position: relative;
	margin-top: 20px;  
	    width: 20%;
	min-width: 100px;
	    max-width: 455px;

}

.floating3{
    -webkit-animation-name: Floating3x;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating2;
    -moz-animation-duration: 7s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    margin-left: 0px;
	position: relative;
	margin-top: 15px;
	    width: 20%;
	min-width: 110px;
	    max-width: 455px;

}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px);}
    65% {-webkit-transform:translate(0, 3px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 3px);}
    to {-moz-transform: translate(0, -0px);}    
}

@-webkit-keyframes Floating2x{
    from {-webkit-transform:translate(0, 0px);}
    45% {-webkit-transform:translate(0, 4px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating2{
    from {-moz-transform:translate(0, 0px);}
    45% {-moz-transform:translate(0, 4px);}
    to {-moz-transform: translate(0, -0px);}    
}

@-webkit-keyframes Floating3x{
    from {-webkit-transform:translate(0, 0px);}
    85% {-webkit-transform:translate(0, 3px);}
    to {-webkit-transform: translate(0, -0px);    }    
}
    
@-moz-keyframes Floating3{
    from {-moz-transform:translate(0, 0px);}
    85% {-moz-transform:translate(0, 3px);}
    to {-moz-transform: translate(0, -0px);}    
}



/* LAYOUT */
.container {
	margin: 0 auto;
	overflow: visible;
	height: 100%;
	width: 100%;
	background: #fafafa;
	top: 0px;
}

.accontainer {
	margin: 0 auto;
	overflow: visible;
	height: 100%;
	width: 95%;
	background: #fafafa;
	top: 0px;
}

.containerspoil {
	margin-top: 50px;
	overflow: visible;
	height: 100%;
	width: 100%;
	background: none;
}

/* CONTENT SLIDER */


.tutotransfer {
    width: 100%;
	min-width: 200px;
    margin: 0;
    background-color: rgba(48,113,169,0.9);
    padding-top: 20px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
        float: left;
    box-sizing: border-box;	
	height: 150px;
	border-radius: 5px;
}

.tutopayment {
    width: 100%;
	min-width: 200px;
    margin: 0;
    background-color: #F5BD73;
    padding-top: 20px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    box-sizing: border-box;	
	height: 150px;
	border-radius: 5px;
}

.tutocash {
    width: 100%;
	min-width: 200px;
    margin: 0;
    background-color: rgba(226, 75, 91, 1);
    padding-top: 20px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    box-sizing: border-box;	
	height: 150px;
	border-radius: 5px;
}

.tutocomptes {
    width: 100%;
	min-width: 200px;
    margin: 0;
    background-color: #848484;
    padding-top: 20px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
    float: left;
    box-sizing: border-box;	
	height: 150px;
	border-radius: 5px;
}

.desctutotransfer {
    width: 40%;
	min-width: 200px;
    margin: 0;
    padding-top: 0px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
        float: left;
    box-sizing: border-box;	
	margin-left: 7.5%;
}

.desctutopayment {
    width: 40%;
	min-width: 200px;
    margin: 0;
    padding-top: 0px;
	padding-bottom: 20px;
    padding-left: 7px;
    padding-right: 7px;
        float: left;
    box-sizing: border-box;	
	margin-left: 7.5%;
}





    

#content-slider {
	width: 100%;
	height: 100%;
	margin:0;
	border: 1px solid #848484;
	    border-radius: 5px;
	position: absolute;
	padding-top: 3%;
	padding-left: 7px;
	padding-right: 7px; 
	box-sizing: border-box;
}



#content-slider p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #999;
}

#content-slider h2 {
	color: #999;
}

#content-slider:hover {
	background-color: #848484;
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}



#content-slider:hover h2 {
	color: #FFF;
}

#content-slider:hover p {
	color: #FFF;
}

#content-slider:hover .fa2 {
	color: #FFF !important;
}



#content-sliderstart {
	width: 100%;
	height: 100%;
	min-height: 590px;
	margin:0;	
	box-sizing: border-box;
}

#content-sliderstart:hover {
	-webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

#content-sliderstart p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
}





#content-slider2 {
	width: 100%;
	height: 100%;
	margin:0;
	background-color: rgba(245,189,115, 0.9);		
	position: absolute;
	padding-top: 25%;
	box-sizing: border-box;
}

#content-slider2 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #999;
}

#content-slider2 h2 {
	color: #999;
}


#content-slider2:hover {
	background-color: rgba(245,189,115, 0.7);
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}




#content-slider2:hover h2 {
	color: #FFF;
}

#content-slider2:hover p {
	color: #FFF;
}

#content-slider2:hover .fa {
	color: #FFF;
}



#content-slider2ter {
	width: 100%;
	height: 100%;
	margin:0;
	border: 1px solid #F5BD73;
	    border-radius: 5px;
	padding-top: 3%;
	padding-left: 7px;
	padding-right: 7px; 
	position: absolute;
	box-sizing: border-box;
}

#content-slider2ter h2 {
color: #999;
}

#content-slider2ter p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #999;
}

#content-slider2ter:hover {
	background-color: #F5BD73;	
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


#content-slider2ter:hover h2 {
	color: #FFF;
}

#content-slider2ter:hover p {
	color: #FFF;
}

#content-slider2ter:hover .fa2 {
	color: #FFF !important;
}






#content-slider3 {
	width: 100%;
	height: 100%;
	margin: 0;
	border: 1px solid rgba(48,113,169,0.9);
	border-radius: 5px;
	padding-top: 3%;
	padding-left: 7px;
	padding-right: 7px; 
	position: absolute;
	box-sizing: border-box;
}


#content-slider3:hover {
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
	background-color: rgba(48,113,169,0.9);
}





#content-slider3 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #999;
}

#content-slider3 h2 {
color: #999;
}

#content-slider3:hover p {
	color: #FFF;
}

#content-slider3:hover h2 {
	color: #FFF;
}

#content-slider3:hover  .fa2 {
	color: #FFF !important;
}



#content-slider3bis {
	width: 100%;
	height: 100%;
	margin:0;
	border: 1px solid rgba(226, 75, 91, 0.9);
	 border-radius: 5px;
	padding-top: 3%;
	padding-left: 7px;
	padding-right: 7px; 
	position: absolute;
	box-sizing: border-box;
}


#content-slider3bis p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	line-height: 1.5em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #999;
}

#content-slider3bis h2 {
	color: #999;
}


#content-slider3bis:hover {
	background-color: rgba(226, 75, 91, 0.9);	
	-webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


#content-slider3bis:hover h2 {
	color: #FFF;
}

#content-slider3bis:hover p {
	color: #FFF;
}

#content-slider3bis:hover .fa2 {
	color: #FFF !important;
}



.descbutton { 
	width: 100%;
	margin: 15px 0px 30px 0px;
	text-align: center;
}


/* SLIDER STRUCTURE */

#slider4 {
   display: inline-block;
   min-height: 500px;
   min-width: 520px;
   width: 50%;
   height: 100%;
   overflow: visible;
   position: relative;
   float: left;
   padding-left: 150px;
}

/* HIDE ALL OUTSIDE OF THE SLIDER */

#mask {
	overflow: visible;
	text-align: center;
	height: 500px;
	margin-top: 50px;
	position: relative;
}

#masko {
	overflow: visible;
	text-align: center;
	height: 300px;
	position: relative;
}


/* IMAGE LIST */

#slider ul {
   margin: 0;
   padding: 0;
   position: relative;
}

#slider li {
   width: 100%;  /* Width Image */
   height: 320px; /* Height Image */
   position: absolute;
   top: -325px; /* Original Position - Outside of the Slider */
   list-style: none;
}

#slider li h3 {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: bolder;
	color: #565656;
	line-height: 200%;
	display: block;
}

#slider li h3 span {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.4em;
	color: orange;
	text-decoration-color: orange;
}


#slider4 li h3 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-size: 1em;
	color: #FFF;
	line-height: .5em;
	display: block;
	margin: none;
	text-align: left;
}

	#slider4 li h3 span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1em;
	color: #ED743E;
	margin-left: 50px;
}


#slider5 li h3 {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	font-size: 1em;
	color: #FFF;
	line-height: .5em;
	display: block;
	margin: none;
	text-align: left;
}

	#slider5 li h3 span {
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	font-size: 2em;
	line-height: 1em;
	color: #ED743E;
	margin-left: 50px;
}



/* ---------------------------------Accueil------------------------- */
/* LAYOUT */
.container2 {
	margin:0 auto;
	overflow: visible;
	width:100%;
	height: 100%;
}

.container3 {
	margin:0 auto;
	overflow: visible;
	width:100%;
	height: 100%;
}

/* CONTENT SLIDER */
#content-slider2 {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: visible;
	top: 0px;
	
}

#content-slider2 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	opacity: 1;
	-khtml-opacity: 1;
}

#content-slider2 p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #666666;
	line-height: 2em;
}


#content-slider4 {
width: 100%;
	min-height: 600px;
	height: 100%;
	margin: auto;
	overflow: visible;
}

#content-slider4 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	opacity: 1;
	-khtml-opacity: 1;
}

#content-slider4 p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #666666;
	line-height: 2em;
}

#content-slider5 {
width: 100%;
	min-height: 500px;
	height: 100%;
	margin: auto;
	overflow: visible;
}

#content-slider5 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	opacity: 1;
	-khtml-opacity: 1;
}

#content-slider5 p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #666666;
	line-height: 2em;
}



#content-sliderw {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: visible;
	top: 0px;
	
}

#content-sliderw p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-weight: normal;
	opacity: 1;
	-khtml-opacity: 1;
}

#content-sliderw p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #666666;
	line-height: 2em;
}



/* SLIDER STRUCTURE */

#slider2 {
   height: 100%;
   width: 100%;
   margin: 0;
   top: 0;
   overflow: visible;
   position: absolute;
   text-align: center;
}


#slider2:after {
    position: absolute;
    content:"";
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: linear-gradient(120deg, rgba(237, 116, 62, 0.85) 0%, 	rgba(204,76,19, 0.85) 75%);
}

#slider3 {
   height: 100px;
   width: 100%;
   margin: 0;
   top: 0;
   overflow: visible;
   position: absolute;
   text-align: center;
}

/* HIDE ALL OUTSIDE OF THE SLIDER */

#mask2 {
   overflow: hidden;
   height: 100%;
   width: 100%;
}


#mask2 ul {
   height: 100%;
   width: 100%;
   overflow: hidden;
}

#mask2 li {
   height: 100%;
   width: 100%;
   overflow: hidden;
}

#mask2 img {
	min-height: 100%;
	width: auto;
	min-width: 100%;
}


#sliders { min-width:100%; width: 100%; height: 100%; overflow:hidden; display: block;}
#pager { position:absolute; top:0px; z-index:100;}
#pager a { background-color:black;border:1px solid white;padding:10px; display:inline-block;}
#sliders img { 
	z-index:101;
	min-height: 800px;
	width: auto;
	max-height: 100%;
	maw-width: 100%;
}

#sliders li { 
	z-index:101;
	min-height: 800px;
	width: auto;
	min-width: 100%;
	max-height: 100%;
	maw-width: 100%;
}

/* IMAGE LIST */

#slider2 ul {
   margin: 0;
   padding: 0;
   position: relative;
}

#slider2 li {
   width: 100%;  /* Width Image */
   height: 100%; /* Height Image */
   position: absolute;
   left: 0px; /* Original Position - Outside of the Slider */
   top: 0px;
   list-style: none;
}
#slider4 ul {
   margin: 0;
   padding: 0;
   position: relative;
   height: 100%;
   width: 100%;
}

#slider4 li {
   width: 100%;  /* Width Image */
   height: 100%; /* Height Image */
   position: absolute;
   left: -325px; /* Original Position - Outside of the Slider */
   list-style: none;
   overflow: visible;
}
#slider4 img { 
	z-index: 101;
	min-height: 100%;
	width: auto;
	top: 0px !important;
	max-height: 100%;
	max-width: 100%;
}


#slider5 ul {
   margin: 0;
   padding: 0;
   position: relative;
   height: 100%;
}

#slider5 li {
   width: 100%;  /* Width Image */
   height: 100%; /* Height Image */
   position: absolute;
   left: -325px; /* Original Position - Outside of the Slider */
   list-style: none;
   overflow: visible;
}
#slider5 img { 
	z-index: 101;
	min-height: 100%;
	width: auto;
	top: 0px !important;
	max-height: 100%;
	max-width: 100%;
}



#slider2 li.firstanimation {
   -webkit-animation: cycle 20s linear infinite;
   -moz-animation: cycle 20s linear infinite;
   -ms-animation-name: cycle;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycle 20s linear infinite;
    animation-name: cycle;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycle 20s linear infinite;
}

#slider2 li.secondanimation {
	-webkit-animation: cycletwo 20s linear infinite;
	-moz-animation: cycletwo 20s linear infinite;
   -ms-animation-name: cycletwo;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycletwo 20s linear infinite;
      animation-name: cycletwo;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycletwo 20s linear infinite;
}

#slider2 li.thirdanimation {
   -moz-animation: cyclethree 20s linear infinite;
   -webkit-animation: cyclethree 20s linear infinite;
   -ms-animation-name: cyclethree;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cyclethree 20s linear infinite;
   animation-name: cyclethree;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cyclethree 20s linear infinite;
}

#slider2 li.fourthanimation {
   -moz-animation: cyclefour 20s linear infinite;
   -webkit-animation: cyclefour 20s linear infinite;
   -ms-animation-name: cyclefour;
	-ms-animation-duration: 20s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
  -ms-animation: cyclefour 20s linear infinite;
  animation-name: cyclefour;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
   animation: cyclefour 20s linear infinite;
}

#slider2 li.fifthanimation {
   -moz-animation: cyclefive 20s linear infinite;
   -webkit-animation: cyclefive 20s linear infinite;
   -ms-animation: cyclefive 20s linear infinite;
   -ms-animation-name: cyclefive;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
    animation: cyclefive 20s linear infinite;
   animation-name: cyclefive;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}


#slider4 li.firstanimation {
   -webkit-animation: cycle 20s linear infinite;
   -moz-animation: cycle 20s linear infinite;
   -ms-animation-name: cycle;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycle 20s linear infinite;
    animation-name: cycle;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycle 20s linear infinite;
}

#slider4 li.secondanimation {
	-webkit-animation: cycletwo 20s linear infinite;
	-moz-animation: cycletwo 20s linear infinite;
   -ms-animation-name: cycletwo;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycletwo 20s linear infinite;
      animation-name: cycletwo;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycletwo 20s linear infinite;
}

#slider4 li.thirdanimation {
   -moz-animation: cyclethree 20s linear infinite;
   -webkit-animation: cyclethree 20s linear infinite;
   -ms-animation-name: cyclethree;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cyclethree 20s linear infinite;
   animation-name: cyclethree;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cyclethree 20s linear infinite;
}

#slider4 li.fourthanimation {
   -moz-animation: cyclefour 20s linear infinite;
   -webkit-animation: cyclefour 20s linear infinite;
   -ms-animation-name: cyclefour;
	-ms-animation-duration: 20s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
  -ms-animation: cyclefour 20s linear infinite;
  animation-name: cyclefour;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
   animation: cyclefour 20s linear infinite;
}

#slider4 li.fifthanimation {
   -moz-animation: cyclefive 20s linear infinite;
   -webkit-animation: cyclefive 20s linear infinite;
   -ms-animation: cyclefive 20s linear infinite;
   -ms-animation-name: cyclefive;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
    animation: cyclefive 20s linear infinite;
   animation-name: cyclefive;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}




#slider5 li.firstanimation {
   -webkit-animation: cycle 20s linear infinite;
   -moz-animation: cycle 20s linear infinite;
   -ms-animation-name: cycle;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycle 20s linear infinite;
    animation-name: cycle;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycle 20s linear infinite;
}

#slider5 li.secondanimation {
	-webkit-animation: cycletwo 20s linear infinite;
	-moz-animation: cycletwo 20s linear infinite;
   -ms-animation-name: cycletwo;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cycletwo 20s linear infinite;
      animation-name: cycletwo;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cycletwo 20s linear infinite;
}

#slider5 li.thirdanimation {
   -moz-animation: cyclethree 20s linear infinite;
   -webkit-animation: cyclethree 20s linear infinite;
   -ms-animation-name: cyclethree;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
   -ms-animation: cyclethree 20s linear infinite;
   animation-name: cyclethree;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
   animation: cyclethree 20s linear infinite;
}

#slider5 li.fourthanimation {
   -moz-animation: cyclefour 20s linear infinite;
   -webkit-animation: cyclefour 20s linear infinite;
   -ms-animation-name: cyclefour;
	-ms-animation-duration: 20s;
	-ms-animation-timing-function: linear;
	-ms-animation-iteration-count: infinite;
  -ms-animation: cyclefour 20s linear infinite;
  animation-name: cyclefour;
	animation-duration: 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
   animation: cyclefour 20s linear infinite;
}

#slider5 li.fifthanimation {
   -moz-animation: cyclefive 20s linear infinite;
   -webkit-animation: cyclefive 20s linear infinite;
   -ms-animation: cyclefive 20s linear infinite;
   -ms-animation-name: cyclefive;
   -ms-animation-duration: 20s;
   -ms-animation-timing-function: linear;
   -ms-animation-iteration-count: infinite;
    animation: cyclefive 20s linear infinite;
   animation-name: cyclefive;
   animation-duration: 20s;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
}




/* ANIMATION */

@-moz-keyframes cycle {
	0%  { left:0px; }
	4%  { left:0px; }
	10% { left:0px; opacity:1; z-index:0; } 
	20% { left:0px; opacity:0; z-index:0; }
	21% { left:-325px; opacity:0; z-index:-1; }
	50% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:0px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}

@-moz-keyframes cycletwo {
	0%  { left:-325px; opacity:0; }
	10% { left:0px; opacity:0; }
	20% { left:0px; opacity:0.1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:0px; opacity:0.5; z-index:0; }
	41% { left:-5px; opacity:0; z-index:-1; }  
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@-moz-keyframes cyclethree {
		0%  { left:-325px; opacity:0; }
	36% { left:0px; opacity:0; }
	40% { left:0px; opacity:0.1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; z-index:0; } 
	60% { left:0px; opacity:1; z-index:0; } 
	61% { left:0px; opacity:0.9; z-index:0; }
	70% { left:0px; opacity:0; z-index:-1; }
	100%{ left:0px; opacity:0; z-index:-1; }
}

@-moz-keyframes cyclefour {
	0%  { left:-325px; opacity:0; }
	56% { left:0px; opacity:0; }
	60% { left:0px; opacity:0.5; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:0px; opacity:0.1; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@-moz-keyframes cyclefive {
	0%  { left:-325px; opacity:0; }
	76% { left:0px; opacity:0; }
	80% { left:0px; opacity:0.5; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:0px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
	0%  { left:0px; }
	4%  { left:0px; }
	16% { left:0px; opacity:1; z-index:0; } 
	20% { left:0px; opacity:0; z-index:0; }
	21% { left:-325px; opacity:0; z-index:-1; }
	50% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:0px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}

@-webkit-keyframes cycletwo {
	0%  { left:-325px; opacity:0; }
	16% { left:0px; opacity:0; }
	20% { left:0px; opacity:0.1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:0px; opacity:0.5; z-index:0; }
	41% { left:-5px; opacity:0; z-index:-1; }  
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
	0%  { left:-325px; opacity:0; }
	36% { left:0px; opacity:0; }
	40% { left:0px; opacity:0.1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; z-index:0; } 
	60% { left:0px; opacity:1; z-index:0; } 
	61% { left:0px; opacity:0.9; z-index:0; }
	70% { left:0px; opacity:0; z-index:-1; }
	100%{ left:0px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
	0%  { left:-325px; opacity:0; }
	56% { left:0px; opacity:0; }
	60% { left:0px; opacity:0.5; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:0px; opacity:0.1; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
	0%  { left:-325px; opacity:0; }
	76% { left:0px; opacity:0; }
	80% { left:0px; opacity:0.5; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:0px; opacity:0; z-index:0; }
}


@-ms-keyframes cycle {
	0%  { left:0px; }
	4%  { left:0px; }
	10% { left:0px; opacity:1; z-index:0; } 
	20% { left:0px; opacity:0; z-index:0; }
	21% { left:-325px; opacity:0; z-index:-1; }
	50% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:0px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}

@-ms-keyframes cycletwo {
	0%  { left:-325px; opacity:0; }
	10% { left:0px; opacity:0; }
	20% { left:0px; opacity:0.1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:0px; opacity:0.5; z-index:0; }
	41% { left:-5px; opacity:0; z-index:-1; }  
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@-ms-keyframes cyclethree {
		0%  { left:-325px; opacity:0; }
	36% { left:0px; opacity:0; }
	40% { left:0px; opacity:0.1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; z-index:0; } 
	60% { left:0px; opacity:1; z-index:0; } 
	61% { left:0px; opacity:0.9; z-index:0; }
	70% { left:0px; opacity:0; z-index:-1; }
	100%{ left:0px; opacity:0; z-index:-1; }
}

@-ms-keyframes cyclefour {
	0%  { left:-325px; opacity:0; }
	56% { left:0px; opacity:0; }
	60% { left:0px; opacity:0.5; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:0px; opacity:0.1; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@-ms-keyframes cyclefive {
	0%  { left:-325px; opacity:0; }
	76% { left:0px; opacity:0; }
	80% { left:0px; opacity:0.5; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:0px; opacity:0; z-index:0; }
}

@keyframes cycle {
	0%  { left:0px; }
	4%  { left:0px; }
	10% { left:0px; opacity:1; z-index:0; } 
	20% { left:0px; opacity:0; z-index:0; }
	21% { left:-325px; opacity:0; z-index:-1; }
	50% { left:-325px; opacity:0; z-index:-1; }
	92% { left:-325px; opacity:0; z-index:0; }
	96% { left:0px; opacity:0; }
	100%{ left:0px; opacity:1; }
	
}

@keyframes cycletwo {
	0%  { left:-325px; opacity:0; }
	10% { left:0px; opacity:0; }
	20% { left:0px; opacity:0.1; }
	24% { left:0px; opacity:1; } 
	36% { left:0px; opacity:1; z-index:0; } 
	40% { left:0px; opacity:0.5; z-index:0; }
	41% { left:-5px; opacity:0; z-index:-1; }  
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@keyframes cyclethree {
		0%  { left:-325px; opacity:0; }
	36% { left:0px; opacity:0; }
	40% { left:0px; opacity:0.1; }
	44% { left:0px; opacity:1; } 
	56% { left:0px; opacity:1; z-index:0; } 
	60% { left:0px; opacity:1; z-index:0; } 
	61% { left:0px; opacity:0.9; z-index:0; }
	70% { left:0px; opacity:0; z-index:-1; }
	100%{ left:0px; opacity:0; z-index:-1; }
}

@keyframes cyclefour {
	0%  { left:-325px; opacity:0; }
	56% { left:0px; opacity:0; }
	60% { left:0px; opacity:0.5; }
	64% { left:0px; opacity:1; }
	76% { left:0px; opacity:1; z-index:0; }
	80% { left:0px; opacity:0.1; z-index:0; }
	81% { left:-325px; opacity:0; z-index:-1; }
	100%{ left:-325px; opacity:0; z-index:-1; }
}

@keyframes cyclefive {
	0%  { left:-325px; opacity:0; }
	76% { left:0px; opacity:0; }
	80% { left:0px; opacity:0.5; }
	84% { left:0px; opacity:1; }
	96% { left:0px; opacity:1; z-index:0; }
	100%{ left:0px; opacity:0; z-index:0; }
}


/* ANIMATION BAR */


#slider .tooltip {
   background: rgba(4,70,130,0.3);
   width: 500px;
   height: 100px;
   position: absolute;
   bottom: 75px;
   left: -100%;
   -webkit-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}


#slider4 li#first:hover .tooltipo, 
#slider4 li#second:hover .tooltipo, 
#slider4 li#third:hover .tooltipo, 
#slider4 li#fourth:hover .tooltipo, 
#slider4 li#fifth:hover .tooltipo !important {
	opacity: 0 !important;
}

#slider4 li .tooltipo {
   background: rgba(245,189,115, 0.8);
   padding-top: 22px;
   padding-left: 95px;
   width: 100%;
   height: 105px;
   position: relative;
   bottom: 63px;
   left: 0px;
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
   opacity: 1;
   z-index: 1500 !important;
   text-align: left !important;
   margin-left: -50px;
   margin-top: -14px;
}



#slider5 li#first:hover .tooltipo, 
#slider5 li#second:hover .tooltipo, 
#slider5 li#third:hover .tooltipo, 
#slider5 li#fourth:hover .tooltipo, 
#slider5 li#fifth:hover .tooltipo !important {
	opacity: 0 !important;
}

#slider5 li .tooltipo {
   background: rgba(245,189,115, 0.8);
   padding-top: 22px;
   padding-left: 95px;
   width: 800px;
   height: 105px;
   position: relative;
   bottom: 55px;
   left: 0px;
   -webkit-transition: all .5s ease-in-out;
   transition: all .5s ease-in-out;
   opacity: 1;
   z-index: 1500 !important;
   text-align: left !important;
}


.progress-baro {
   position: relative;
   top: 45px;
   width: 50%;
   height: 5px;
   background: rgba(237, 116, 62, 0.7);
   -webkit-animation: fullexpand 25s ease-out infinite;
   -moz-animation: fullexpand 25s ease-out infinite;
   animation: fullexpand 25s ease-out infinite;
}





@-webkit-keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }

   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }

   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }

   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }

   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}

@-moz-keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }

   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }

   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }

   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }

   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}

@keyframes fullexpand {
   /* In these keyframes, the progress-bar is stationary */
   0%, 20%, 40%, 60%, 80%, 100% { width: 0%; opacity: 0; }

   /* In these keyframes, the progress-bar starts to come alive */
   4%, 24%, 44%, 64%, 84% { width: 0%; opacity: 0.3; }

   /* In these keyframes, the progress-bar moves forward for 3 seconds */
   16%, 36%, 56%, 76%, 96% { width: 100%; opacity: 0.7; }

   /* In these keyframes, the progress-bar has finished his path */
   17%, 37%, 57%, 77%, 97% { width: 100%; opacity: 0.3; }

   /* In these keyframes, the progress-bar will disappear and then resume the cycle */
   18%, 38%, 58%, 78%, 98% { width: 100%; opacity: 0; }
}



#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
	left: 0px;
}

#slider:hover li,
#slider:hover .progress-bar {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
   animation-play-state: paused;
}



#slider4:hover li,
#slider4:hover .progress-baro {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
   animation-play-state: paused;
}



#slider5:hover li,
#slider5:hover .progress-baro {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
   animation-play-state: paused;
}



/* ------- Spoiler --------*/


/* code minimum. */

#spoiler {
	background-color: #FFF;
	margin-bottom:1px;
}



#hidencontent {
		height: 0px;
	overflow: hidden;
	text-align: center;
	width: 100%;
	background-color: #FaFaFa;
	padding: 0;	
	margin-bottom:1px;
	display: none;	
height: 550px;
}

#hidencontent li {
	font-family: 'Abel',Helvetica,Verdana,Arial,sans-serif;
	color: #FFF;
	font-size: medium;
	word-spacing: 0.1em;
	text-align: center;
	line-height: 1em;
	text-align: justify;
	list-style: square inside none;
}


#hidencontent p span {
	font-family: 'helsubold',Helvetica,Verdana,Arial,sans-serif;
	letter-spacing: 0.1em;
	font-size: 1.3em;
	opacity: 1;
	-khtml-opacity: 1;
	color: #666666;
	line-height: 2em;
}



/*#spoiler:target #hidencontent {
   height: 500px;
}*/



/* ci-dessous : pour cacher les liens. */
#spoiler:target #hide, #spoiler #show {
   display: block;
} 

#spoiler:target #show, #spoiler #hide {
   display: none;
}








/* =Single Page
 -------------------------------------------------------------- */


.menuBtn {

	background: center center no-repeat transparent;
	background: #000;
	position: absolute;
	top: 0;
	left: 10px;

}


.clear {
	clear: both;
}
.wrap {
		width: 100%;
		height: 100%;
		z-index: 10;
		position: relative;
		margin: 0 auto;
		padding: 0;
		float: static;
		overflow: hidden;

}



.section {
	width: 100%;
	z-index: 10;
	position: relative;
	margin: 0 auto;
	padding: 0 0 20px 0;
	padding-top: 0px;
	padding-bottom:  150px;
}


.inner {
	width: 100%;
	min-width: 200px;
	height: 100%;
	margin: 0 auto;
	min-height: 50px;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
	
}

.inner:after {
    content: "";
    display: table;
    clear: both;
}
.inner1 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	min-height: 700px;
	font-size: 18px;
	font-family: 'Dorsa', sans-serif;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
	overflow: hidden;
	z-index: 2;
}

.inner1bis {
	background-image: url(../dots.png);
	width: 100%;
	min-width: 480px;
	height: 100%;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	min-height: 150px;
	font-size: 18px;
	font-family: 'Dorsa', sans-serif;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
	overflow: hidden;
	z-index: 2;
}


.blackinner1 {
	background-image: url(../dots3.png);
	background-repeat: repeat;
	width: 100%;
	min-width: 480px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 18px;
	font-family: 'Dorsa', sans-serif;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
	overflow: hidden;
	z-index: 2;
}

.blueinner1 {
	background-image: url(../dots2.png);
	background-repeat: repeat;
	width: 100%;
	min-width: 480px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	font-size: 18px;
	font-family: 'Dorsa', sans-serif;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
	overflow: hidden;
	z-index: 2;
}

.inner2 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	min-height: 50px;
	font-weight: 300;
	vertical-align: central;
	text-align: center;
}





.end {
	margin: 0;
}


/* SECTIONS */
.sTop { top: 0px;
	min-height: 750px;
	height: 100%;
	z-index: 10;
	padding : 0;
	overflow: visible;
	background-color: #000;
	
}

.sTop2 { top: 0px;
	min-height: 235px;
	z-index: 8;
	border-bottom: solid #eee 1px;
	padding : 0;
	
	overflow: hidden;
	background-color: white;
	box-shadow: rgba(0,0,0, .4) 0px 1px 4px;

}

.sTop2 h1 span {
	position: relative;
	font-family: 'helsublack',Helvetica,Verdana,Arial,sans-serif;
	color: #ED743E;
	font-size: 2em;
	}

.sTop3 {
	top: 0px;
	min-height: 315px;
	z-index: 8;
	border-bottom: solid #eee 1px;
	padding : 0;
	overflow: hidden;
	box-shadow: grey 1px 1px 3px;
}

.sTop4 { position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	min-width: 250px;
	min-height: 300px;
	z-index: 8;
	padding : 0;
	overflow: visible;
	background-color: white;

}



.avatar { 
	position: absolute;
	height: 150px;
	width: 150px;
	width: auto;
	height: auto;
	margin-left: 25px;
	z-index: 12;
	padding : 0;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	border: solid #F5BD73 10px;
	border-radius: 50%;
	box-shadow: rgba(0,0,0, .3) -2px 2px 1px;

}

.avatar img {
	height: 150px;
	width: 150px;

}

.avatar2 { 

	height: 150px;
	width: 150px;
	z-index: 1500;
	padding : 0;
	overflow: hidden;
	box-sizing: border-box;
	float: right;
	box-shadow: #adadad 3px 3px 2px;
border: solid #f5f5f5 10px;
	    border-radius: 100%;
    position: relative;
    right: -40px;
    top: -40px;

}

.avatar2 img {
	height: 135px;
	width: 135px;
	z-index: 1500;
	border-radius: 5px;

}

.avatar3 { 

	height: 150px;
	width: 150px;
	z-index: 1500;
	padding : 0;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	box-shadow: #999 -1px -1px 2px;
	    border: solid #ED743E 10px;
	    border-radius: 100%;
    position: relative;
    left: -40px;
    top: -40px;

}

.avatar3 img {
	height: 135px;
	width: 135px;
	z-index: 1500;
	border-radius: 5px;

}

.miniavatar { 
position: absolute;
	height: 60px;
	width: 60px;
	top: 0px;
	right: 10px;
	z-index: 1500;
	padding : 0;
	overflow: hidden;
	box-sizing: border-box;
	display: inline-block;
	box-shadow: #999 1px 1px 5px;
	    border-radius: 50%;

}

.miniavatar img {
	height: 60px;
	width: 60px;
	top: 0px;
	z-index: 1300;
	    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}




.miniavatar2 { 
	height: 100px;
	width: 100px;
	z-index: 8;
	padding : 0;
	overflow: hidden;
	box-sizing: border-box;
	margin-top: 5px;
	border-radius: 50%;

}

.miniavatar2 img {
	height: 100px;
	width: 100px;
	top: 0px;
	z-index: 1300;
}

.miniavatar3 {
  height: 50px;
  width: 50px;
  z-index: 8;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: inline-block;
  box-shadow: #999 1px 1px 5px;
  margin-top: -40px;
  border-radius: 5px;
}


.miniavatar3 img {
	height: 50px;
	width: 50px;
	top: 0px;
	z-index: 1300;
	border-radius: 5px;
}

.linecontact {
    text-align: center !important;
    width: 100px;
    float: left;
    display: inline-block;
    margin: 5px;	
}

.linecontact p {
    text-align: center !important;
    margin-top: 5px;	
}

.linecontact:hover p{
	color: #ED743E!important;
}

.linecontact2 {
    text-align: center !important;
    width: 100px;
    display: inline-block;
    margin: 10px;	
}

.linecontact2 p {
    text-align: center !important;
    margin-top: 5px;	
}

.linecontact2:hover p{
	color: #ED743E!important;
}


.shadavat {
width: 0;
height: 0;
border-style: solid;
border-width: 72px 60px 0 0;
border-color: #f5bd73 transparent  transparent transparent;

}

.shadavat2 {
position: absolute;
right: 60%;
width: 50px;
height: 72px;
background-color: #ED743E;
}

.shadavat3 {
width: 0;
height: 0;
border-style: solid;
border-width: 60px 60px 0 0;
border-color: #f5bd73 transparent transparent transparent;
margin-top: 90px;
float: right;

}



.shadavat5 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 50px 75px;
border-color: transparent transparent #f5bd73 transparent;
z-index: 1400;
position: absolute;
left: 0px;
top: 0px;
margin-top: -50px;


}

.shadavat52 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 35px 25px;
border-color: transparent transparent #f5bd73 transparent;
z-index: 1400;
position: absolute;
left: 0px;
top: 0px;
margin-top: -40px;
}

.shadavat6 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 0 0 70px;
    border-color: transparent transparent transparent #f5bd73;
    z-index: 10;
    position: absolute;
    margin-left: 150px;
    margin-top: 50.5px;
}

.shadavat7 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 50px 50px 0;
border-color: transparent #fafafa transparent transparent;
z-index: 1500;
float: right;
margin-right: -2px;

}

.shadavat8 {
width: 0;
height: 0;
border-style: solid;
border-width: 0 40px 40px 0;
border-color: transparent #fafafa transparent transparent;
z-index: 1500;
float: right;
margin-right: -2px;

}


.perfil .back {
position: absolute;
bottom: -35px;
left: -13px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 33px 10px 0;
border-color: transparent rgb(245,189,115) transparent transparent;
clear: both;
z-index: -2;
box-shadow: inset rgba(0,0,0, .4) 0px 1px 1px;

}


.perfil .back2 {
position: absolute;
bottom: -35px;
right: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 33px 0 0;
border-color: rgb(245,189,115) transparent transparent transparent;
z-index: -2;
clear: both;

}




.perfil .back3 {
position: absolute;
bottom: -25px;
left: -13px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 25px 10px;
border-color: transparent transparent #ed763e transparent;

}



.perfil .back4 {
position: absolute;
bottom: -25px;
right: 2px;
width: 0;
height: 0;
border-style: solid;
border-width: 25px 0 0 10px;
border-color: transparent transparent transparent #ed763e;
}

.perfil .back5 {
    position: absolute;
    bottom: -25px;
    right: 12px;
    width: 56px;
    height: 25px;
    background-color: #ed763e;
}





.perfil { 
	float: right;
	left: 0px;
	top: 0px;
	width: 65px;
	display: block;
	line-height: 1em;
	margin-right: 40px;
}


.perfil:hover ~ #notiflink {
	color: #FFF; !important
}

.perfil a {
	height: 17px;
	width: 100%;
	top: 0px;
}

.s1 {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	height: 70%;
	z-index: 0;
	position: relative;
	margin-top: -100px;
	padding-top: 100px;
	
}

.s1bis {
	background-color: #F6F6F6;
	padding: 0;
	margin: none;
	width: 100%;
	text-align: center;
	min-height: 20px;
	z-index: 0;
	position: relative;
}

.s2 {
	/*width: 30%;*/
	width: 45%;
		/*margin-right: 1.5%;
		margin-left: 1.5%;*/
		margin-right: 3%;
		margin-left: 2%;
		margin-bottom: 1.5%;
	height:70%;
	text-align: center;
	min-height: 200px;
	z-index: 18;
		<!--[if !IE]> -->filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='photos/smiling.jpg',
sizingMethod='scale');<!-- <![endif]-->
	background-repeat: no-repeat;
	background-position: center;
	padding: 0;
	float: left;
	overflow: hidden;
	    border-radius: 5px;

}

.s2 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: medium;
	text-align: center;
	line-height: 1em;
	color: #999;
}


.s2:hover {  box-shadow: rgba(237, 116, 62, 0.5)  0px 7px 7px;
  transition: .2s ease-in-out;
}


.s2bis {
	width: 100%;
	height: 70%;
	text-align: center;
	min-height: 500px;
	margin-top: -45px;
	z-index: 0;
	background-image: url(../photos/smiling.jpg);
	background-size: cover;
		<!--[if !IE]> -->filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='photos/smiling.jpg',
sizingMethod='scale');<!-- <![endif]-->
	background-repeat: no-repeat;
	padding: 0;
	float: left;
	overflow: hidden;
}

.s2bis p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: medium;
	text-align: center;
	line-height: 1em;
	color: #FFFFFF;
}



.s2ter { 
		/*width: 30%;*/
		width: 45%;
				/*margin-right: 1.5%;
		margin-left: 1.5%;*/
		margin-right: 2%;
		margin-left: 3%;
		margin-bottom: 1.5%;
	height: 70%;
	text-align: center;
	min-height: 200px;
	z-index: 18;
	padding: 0px;
	float: left;
	overflow: hidden;
	    border-radius: 5px;
}

.s2ter p { 
	color: #000;
}

.s2ter:hover {  box-shadow: rgba(48,113,169, 0.5)  0px 7px 7px;
  transition: .2s ease-in-out;
}



.s3 { 
		/*width: 30%;*/
		width: 45%;
				/*margin-right: 1.5%;
		margin-left: 1.5%;*/
		margin-right: 2%;
		margin-left: 3%;
		margin-bottom: 1.5%;
	height: 70%;
	text-align: center;
	min-height: 200px;
	z-index: 18;
	padding: 0px;
	float: left;
	overflow: hidden;
	    border-radius: 5px;
}

.s3 p { 
	color: #000;
}

.s3:hover {  box-shadow: rgba(237, 116, 62, 0.5) 0px 7px 7px;
  transition: .2s ease-in-out;
}





.s3bis { 
	width: 45%;
			margin-right: 3%;
		margin-left: 2%;
		margin-bottom: 1.5%;
	min-height: 200px;
	height:70%;
	text-align: center;
	z-index: 18;
	padding: 0px;
	float: left;
	overflow: hidden;
	    border-radius: 5px;
}

.s3bis p { 
	color: #000;
}

.s3bis:hover {  box-shadow: rgba(48,113,169, 0.5) 0px 7px 7px;
  transition: .2s ease-in-out;
}




.s3ter { 
	width: 22%;
	margin: 1.5%;
	min-height: 300px;
	height:100%;
	text-align: center;
	z-index: 18;
	background-image: url(../photos/handsok.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0px;
	float: left;
	overflow: hidden;
	    border-radius: 5px;
}

.s3ter p { 
	color: #000;
}

.s3ter:hover {  box-shadow: rgba(50,50,50, 0.5)  0px 7px 7px;
  transition: .2s ease-in-out;
}




#categ {
height: 85%;	
min-height: 300px;
width: 100%;
}



.s4 {
	
    margin-top: -40px;
	clear: both;
	background-color: #441a06;;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
	z-index: 8;	
	color: #FFF;
		
}

.s4bis {
	background: black;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	text-align: center;
	min-height: 500px;
	z-index: 8;	
}

.s4 .active {
	text-decoration: blink;
	font-family: 'Dorsa',Verdana,Arial,Helvetica,sans-serif;
	color: #FFFFFF;
	-webkit-shadow: 0 1px 15px rgba(255, 255, 255, 1);
	-moz-text-shadow: 0 1px 15px rgba(255, 255, 255, 1);
	text-shadow: 1px 1px 15px #FFFFFF;
	background: #FFFFFF;
}


.s4 p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: medium;
	text-align: center;
	line-height: 1em;
	color: #999;
}
.s4 p span {
	font-family: 'Abel',Helvetica,Verdana,Arial,sans-serif;
	color: #444444;
	text-shadow: -1px -1px 1px #000, 1px 1px 1px #FFF;
	font-size: larger;
	font-weight: normal;
	word-spacing: 0.1em;
	text-align: center;
	line-height: 1em;
	text-align: justify;
}

.s4bis p {
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: medium;
	text-align: center;
	line-height: 1em;
	color: #FFFFFF;
}




.s5 {
	width: 100%;
	background-color: #FFFDFA;
	
	top: -20px;
	bottom: 0px;
	padding-top: 10px;
	text-align: center;
	min-height: 500px;
	color: #FFF;
	z-index: 8;
}

.s5 p {
	font-family: 'Abel',Helvetica,Verdana,Arial,sans-serif;
	color: #CCC;
	font-size: x-large;
	word-spacing: 0.2em;
	text-align: justify;
	line-height: 1em;
	text-shadow: -1.5px -1.5px 1px #000, 1px 1px 1px #FFF;
}

.s5 p span {
	font-family: 'Abel',Helvetica,Verdana,Arial,sans-serif;
	color: rgba(255,165,0,1);
	font-size: xx-large;
	word-spacing: 0.1em;
	letter-spacing: 0.05em;
	text-align: justify;
	line-height: 1em;
	text-shadow: -1.5px -1.5px 1px #000, 1px 1px 1px #FFF;
}


/*
.stylish:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 190px 320px 0 0 ;
border-color: rgba(27,65,90, 0.57) transparent transparent  transparent;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;	
	
}

.stylish:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 450px 530px;
border-color: transparent transparent rgba(27,65,90, 0.3) transparent;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 0;	
	
}




.stylish2:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 500px 250px 0 0 ;
border-color: rgba(237, 116, 62, 0.7) transparent transparent  transparent;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;	
	
}


.stylish2:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 300px 530px;
border-color: transparent transparent rgba(237, 116, 62, 0.4) transparent;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 0;	
	
}


.stylishbis2:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 500px 250px 0 0 ;
border-color: rgba(237, 116, 62, 0.7) transparent transparent  transparent;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;	
	
}


.stylishbis2:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 300px 530px;
border-color: transparent transparent rgba(237, 116, 62, 0.4) transparent;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 0;	
	
}

.stylish3:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 190px 700px 0 0 ;
border-color: rgba(0, 0, 0, 0.3) transparent transparent  transparent;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;	
	
}

.stylish3:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 800px 300px;
border-color: transparent transparent rgba(0, 0, 0, 0.5) transparent;
position: absolute;
bottom: 0px;
right: 0px;
z-index: 0;	
	
}

*/

#desc p {
	font-family: 'Abel',Helvetica,Verdana,Arial,sans-serif;
	color: #595959;
	font-size: large;
	font-weight: bold;
	word-spacing: 0.2em;
	text-align: center;
	line-height: 1em;
	text-align: justify;
	text-shadow: none;
}	


#browsers article {
	display: inline;	
}


.custom-select {
	background-color: rgba(255, 255, 255, 0.9);
	border: 0 none;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	z-index: 1;
	color: #999999;
	font-family: 'helsubold',Verdana,Arial,sans-serif;
	font-weight: lighter;
	right: 0px;
	box-shadow: rgba(0,0,0, .1) 0px 1px 1px;
}

.custom-select:hover {
	border-color: #999;
}

.custom-select:before {
	color: #FFF;
	display: block;
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: 1em;
	height: 46px;
	line-height: 2.5em;
	padding: 0 0.625em;
	position: absolute;
	top: 2px;
	right: 0;
	text-align: center;
	width: 1em;
	z-index: -1;
}

.custom-select select {
	background-color: transparent;
	border: 0 none;
	border-radius: 5px;
	box-shadow: none;
	color: #666;
	display: block;
	font-size: 100%;
	line-height: normal;
	margin: 0px;
	height: 50px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-moz-background-color: #FFF;
}

.custom-select select:hover {
cursor: pointer;
}

.custom-select select::-ms-expand {
	display: none; /* to ie 10 */
}

.custom-select select:focus {
	outline: none;
	
}


.particagent {
	margin-left: 10px;
	height: 50px;
	right: auto;
	padding: 0px;
	 width: 92%;	
	 background-color: #FFF;
	 !important
}


.custom-select2 {
	background-color: #FFF;
	border: 0 none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	z-index: 1;
	color: #999999;
	font-family: 'helsubold',Verdana,Arial,sans-serif;
	font-weight: lighter;
	box-shadow: rgba(0,0,0, .1) 0px 1px 1px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.custom-select2:hover {
	border-color: #999;
}

.custom-select2:before {
	color: #FFF;
	display: block;
	font-family: 'helsureg',Helvetica,Verdana,Arial,sans-serif;
	font-size: 1em;
	height: 46px;
	line-height: 2.5em;
	padding: 0 0.625em;
	position: absolute;
	top: 2px;
	right: 0;
	text-align: center;
	width: 1em;
	z-index: -1;
}

.custom-select2 select {
	background-color: transparent;
	border: 0 none;
	    border-radius: 5px;
	padding-left: 10px;
	box-shadow: none;
	color: #666;
	display: block;
	font-size: 100%;
	line-height: normal;
	margin: 0px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	-moz-background-color: #FFF;
}

.custom-select2 select::-ms-expand {
	display: none; /* to ie 10 */
}

.custom-select2 select:focus {
	outline: none;
	
}







#bandeaubottom {
position: absolute;
width: 100%;
height: 850px;
z-index: 1495;
box-shadow: #ccc 0px -2px 2px;
background-color: #FFF;
}

/* little trick for custom select elements in mozilla firefox  17/06/2014 @rodrigoludgero */

/* pseudo class https://developer.mozilla.org/en-US/docs/Web/CSS/:any */

:-moz-any(.fa-caret-down):before {
	background-color: transparent; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
	width: 20px;
}

:-moz-any(.fa-caret-down2):before {
	background-color: transparent; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}


.fa-caret-down:before {
content: " ";
}

.fa-caret-down2:before {
content: " ";
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #666;
}

.warning {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
		z-index: 1500;
		border-radius: 5px;
	
}


.warning p {
	margin: 0;
	
}

.warning::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}

.warning1 {
	background-color: #3071a9;
min-width: 120px;
max-width: 500px;
min-height: 40px;
color: #FFF;
position: absolute;
left: 100%;
padding: 10px;
z-index: 1500;
border-radius: 5px;
	
}


.warning1 p {
	margin: 0;
	
}

.warning1::after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 17px 0;
border-color: transparent #3071a9 transparent transparent;
	
	content: " ";
	position: absolute;
	 right: 97%;
	 top: 0px;
}

.warning2 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
		z-index: 1500;
		border-radius: 5px;
	
}

.warning2 p {
	margin: 0;
	
}

.warning2::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}

.warning3 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
	z-index: 1500;
	border-radius: 5px;
	
}

.warning3 p {
	margin: 0;
	
}

.warning3::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}



.warning4, .warning5 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
		z-index: 1500;
		border-radius: 5px;
	
}


.warning4, .warning5 p{
	margin: 0;
	
}

.warning4::after, .warning5::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}



.warning6 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
	z-index: 1500;
	border-radius: 5px;
	
}

.warning6 p {
	margin: 0;
	
}

.warning6::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}


.warning7 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: 101%;
	padding: 10px;
	z-index: 1500;
	border-radius: 5px;
	
}

.warning7 p {
	margin: 0;
	
}

.warning7::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}



.warning8 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: auto;
	padding: 10px;
	z-index: 1500;
	border-radius: 5px;
	
}

.warning8 p {
	margin: 0;
	
}

.warning8::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}


.warning9 {
	background-color: #3071a9;
	min-width: 120px;
	max-width: 500px;
	min-height: 40px;
	color: #FFF;
	position: absolute;
	right: auto;
	padding: 10px;
	z-index: 1500;
	border-radius: 5px;
	
}

.warning9 p {
	margin: 0;
	
}

.warning9::after {
width: 0;
height: 0;
border-style: solid;
border-width: 17px 25px 0 0;
border-color: #3071a9 transparent transparent transparent;
	
	content: " ";
	position: absolute;
	 left: 97%;
	 top: 0px;
}



.warningsu {
  background-color: #ED743E;
  min-width: 200px;
  max-width: 800px;
  min-height: 40px;
  color: #FFF;
  position: absolute;
  margin-left: 50px;
  top: -150px;
  padding: 10px;
  z-index: 1500;
  visibility: hidden;
  -moz-opacity: 0 !important;
  -webkit-opacity: 0!important;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  -webkit-transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
	
}


.warningsu p {
	margin: 0;
	font-size: 1.2em;
	  line-height: 2em;
	font-family: 'helsubold',Verdana,Arial,sans-serif;
	
}

.warningsu::after {
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 15px 0;
border-color:  transparent  #ED743E transparent transparent;
	
	content: " ";
	position: absolute;
	 left: -25px;
	 top: 0px;

}





.identiprev {
	position: absolute;
opacity: 0;
	height: 186px;
	width: 186px;
	  margin-top: 27px;
  margin-left: 11px;
  border-radius: 50%;
  z-index: 1001;
  	-webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	overflow: hidden;
	
}

.identiprev img {
	min-width: 190px;
	
	height: 100%;
	
}

.artiblack:hover .identiprev {

opacity: 0.6;


}



#signindiv,
#divlogin
{
	position: absolute;
	display: none;
	width: 100%;
	right: 20px;
	padding: 10px;
	overflow: visible;
	background-color: transparent;
	top: 50px;
	z-index: 1500;
		-webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
}



#signindiv:target, #divlogin:target
{

	display: block;
	margin-top: 50px;
	top: 0px;
	-webkit-transition: all .5s ease .15s;
	-moz-transition: all .5s ease .15s;
	-o-transition: all .5s ease .15s;
	-ms-transition: all .5s ease .15s;
	transition: all .5s ease .15s;

}

#closesignindiv:target #signindiv {
    display: none;
	top: 50px;
	-webkit-transition: all .5s ease .15s;
	-moz-transition: all .5s ease .15s;
	-o-transition: all .5s ease .15s;
	-ms-transition: all .5s ease .15s;
	transition: all .5s ease .15s;
}



#divlogin #signindiv, input
{
	border: none;
	
}



#signindiv:after,
#divlogin:after
{
	top: 0px;
	left: 0px;
	content: "";
	width: 100%;
	height: 100%;
	color: rgba(245,189,115, 0.8);
	background-color: rgba(245,189,115, 0.8);
	z-index: -1;
	position: absolute;
display: inline-block;
    border-radius: 5px;
}

.popupconfirm:before
{
	top: 0px;
	left: 0px;
	content: "";
	width: 100000000px;
	height: 100000000px;
	color: rgba(0,0,0,0.7);
	background-color: rgba(0,0,0,0.4);
	z-index: -1000;
	position: fixed;
display: inline-block;
border: solid 1000000px rgba(0,0,0,0.4);
}

#naturid h5 {
	font-family: 'helsureg',Verdana,Arial,sans-serif;
	color: #999;
	margin-top: 20px;
	font-size: large;
	text-align: left;
}

#naturid h5 span {
	font-family: 'helsublack',Verdana,Arial,sans-serif;
	color: #ED743E;
	
}





#Stop {
-webkit-transition: all 1s ease;
transition: all 1s ease;

}


#avatarorange2 {
    background-color: #ED743E;
    position: fixed;
    min-height: 1500px;
    bottom: -1000px;
    width: 275px;
    margin-left: 20px;
    box-shadow: rgba(91, 91, 91, 0.3) 1px 2px 5px;
    z-index: 0 !important;	
}