.jam{	font-family: 'proxima_novaregular_italic';
	  color: white;
	font-size: 90%;}
.mobile {
	display:none;
}
article {
	display:block;
	position:relative;
  color: white;
  float: center;
  padding: 10px 0% 5% 5%;
}
article2 {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 10px 5% 5% 0%;
}
article2s {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 50px 5% 5% 0%;
}
article4 {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 10px 5% 5% 0%;
  z-index:5000;
}

article3 {
	display:none;
	position:relative;
  color: white;
  float: right;
  padding: 10px 5% 5% 5%;
}
article_slide {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 10px 5% 5% 0%;
}
article4s {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 50px 5% 5% 5%;
  z-index:5000;
  width:43%;

}

tel {
	display:block;
	}

.fond { background:rgba(0, 0, 0, 0.5);  padding:20px;}
article5{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10px 0% 5% 5%;
}
article6{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 5% 0% 0% 5%;
}
article6b{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10% 0% 5% 10%;
}
article6c{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10% 0% 5% 5%;
}
article8{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 0% 0% 5% 5%;
}
article7{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 0% 5% 5% 5%;
}
article7b{
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 0% 5% 5% 6%;
}

.fr {
	  font-family: 'proxima_novasemibold';
	  color:#ff7c00;
	  letter-spacing:3px;
	  font-size:125%;
}

.en {
	  font-family: 'proxima_novasemibold';
	  color:#ff7c00;
	  font-size:110%;
}
.es {
	  font-family: 'proxima_novasemibold';
	  color:#fff;
	  font-size:110%;
}

.mentions {
	width:400px;
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10px 5% 5% 5%;
	height:270px;
	overflow:auto; 
	/*direction:rtl;
	text-align:left;*/
	text-align: justify; text-justify: newspaper;}
	
.mentions::-webkit-scrollbar {
    width: 4px;
    height: 13px;
}
 
.mentions::-webkit-scrollbar-track-piece {
    background: #222;
}
 
.mentions::-webkit-scrollbar-thumb:vertical {
   
    height: 50px;
    background-color: #fff;
}


.mentions2 {
	width:400px;
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10px 5% 5% 0%;
	height:270px;
	overflow:auto; 
	/*direction:rtl;
	text-align:left;*/
	text-align: justify; text-justify: newspaper;}
	
.mentions2::-webkit-scrollbar {
    width: 4px;
    height: 13px;
}
 
.mentions2::-webkit-scrollbar-track-piece {
    background: #222;
}
 
.mentions2::-webkit-scrollbar-thumb:vertical {
   
    height: 50px;
    background-color: #fff;
}

.trad {
	  font-family: 'proxima_novasemibold';
	  color:white;
	  font-size:90%;
	  line-height:100%;
	  text-align:left;
}
.trad a{
	  color:white;
}
.trad a:hover{
	  color:#ff7c00;
}

.com {
	  font-family: 'proxima_nova_rgregular';
	  color:white;
	  font-size:90%;
	  line-height:100%;
text-align: justify; text-justify: newspaper;
}
.combold {
	  font-family: 'nexa_boldregular';
	  color:white;
	  font-size:120%;
}
.es a{
	  font-family: 'proxima_novasemibold';
	  color:#fff;
}
.es a:hover{
	  font-family: 'proxima_novasemibold';
	  color:#ff7c00;
}
.nbold {
	  font-family: 'nexa_boldregular';
	  color:white;
	  font-size:125%;
}
.nbold a{
	  color:white;
}
.nbold a:hover{
	  color:#ff7c00;
}



@font-face {
    font-family: 'nexa_lightregular';
    src: url('../font/divers/nexa_light-webfont.eot');
    src: url('../font/divers/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/divers/nexa_light-webfont.woff') format('woff'),
         url('../font/divers/nexa_light-webfont.ttf') format('truetype'),
         url('../font/divers/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/divers/nexa_bold-webfont.eot');
    src: url('../font/divers/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/divers/nexa_bold-webfont.woff') format('woff'),
         url('../font/divers/nexa_bold-webfont.ttf') format('truetype'),
         url('../font/divers/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../font/divers/proximanova-regular-webfont.eot');
    src: url('../font/divers/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/divers/proximanova-regular-webfont.woff') format('woff'),
         url('../font/divers/proximanova-regular-webfont.ttf') format('truetype'),
         url('../font/divers/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../font/divers/proximanova-semibold-webfont.eot');
    src: url('../font/divers/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/divers/proximanova-semibold-webfont.woff') format('woff'),
         url('../font/divers/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../font/divers/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../font/divers/proximanova-regitalic-webfont.eot');
    src: url('../font/divers/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/divers/proximanova-regitalic-webfont.woff') format('woff'),
         url('../font/divers/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('../font/divers/proximanova-regitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;}
	
body {
	font-size: 0.8em;
}
.wrapper {
	position: relative;
	width: 100%;
}
.menuv a{
	 font-family: 'proxima_novasemibold';
	  color:#ff7c00;
	  letter-spacing:2px;
	  font-size:70%;
	  text-decoration:none;
	}
.menuv a:hover{
	 font-family: 'proxima_novasemibold';
	  color:#fff;
	  letter-spacing:2px;
	  font-size:70%;
	  text-decoration:none;
	}
.menul a{
	 font-family: 'proxima_novasemibold';
	  color:#fff;
	  letter-spacing:2px;
	  font-size:70%;
	  text-decoration:none;
	}
.menul a:hover{
	 font-family: 'proxima_novasemibold';
	  color:#ff7c00;
	  letter-spacing:2px;
	  font-size:70%;
	  text-decoration:none;
	}	
.menu {
	display:block;}

h1 {
	text-indent: -500em;
}
h2 {
	padding: 0 0 0.6em;
	color: #d00;
	font: 1.4em helvetica,arial,sans-serif;
}
p {
	line-height:0;
	font-size:9px;
	padding:0;
	margin:0;
}
menu{
text-align:left;
}
img {
	max-width: 100%;
	height: auto; width: auto;
	border: 0px solid #fff; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
strong {
	font-weight: normal;
}
.header {
	/*background: #060;*/
}
.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	/*background: #033;*/
	
	font-family: 'proxima_novaregular_italic';
	  color: white;
	font-size: 90%;
  clear: both;
}
a{  border:0;
	text-decoration:none;
	color:#ff7c00;
}
a:hover{
	  color:white;	
}
.lien a{
	 font-family: 'proxima_novaregular_italic';
	  color: #fff;
	font-size: 100%;
  clear: both;
	}
.lien a:hover{
	 font-family: 'proxima_novaregular_italic';
	  color:#ff7c00;
	font-size: 100%;
  clear: both;
	}	
.menu2 {
	display:none;}
.tab {
	display:block;
	}
	.secure {
	display:block;
	}
	
@media screen and (max-width: 1000px) {

.mentions {
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10px 5% 5% 5%;
  height:auto;
	overflow:none; 
	/*direction:rtl;
	text-align:left;*/}
	
	article2 {
	display:none;
}
article2s {
	display:none;
}
article3 {
	display:block;
}
article_slide {
	display:block;
}
article4 {
	display:block;
	position:relative;
  color: white;
  float: left;
  padding: 10px 5% 5% 5%;
}

.mobile {
	display:block;
}
	.tab {
	display:none;
	}
.menu {
	display:none;}
.menu2 {
	display:block;
	width:100%;}
article4s {
	display:block;
	position:relative;
  color: white;
  float: right;
  padding: 0px 0% 5% 0%;
  z-index:5000;
  width:100%;

}
article6b{

  padding: 10% 0% 5% 5%;
}
article6c{

  padding: 10% 0% 5% 5%;
}
.fond { background:rgba(0, 0, 0, 0.5);  padding:15px; margin:15px 15px 0px 15px;}
tel {
	display:none;
	}
}