/* HEADER */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top : 10px;
}

#nav {
    padding-top: 10px;
    height: 40px;
    width: 100%;
    text-align: center;
}

#nav ul {
    margin: 0;
    padding: 0;
}

#nav li {
    display : inline-block;	
}

#nav  a
{
	font-weight : bold;
	margin-right : 15px;
	text-decoration: none;
	font-family: tw cent, "Helvetica Neue", Helvetica, sans-serif;
}

#nav .lien1
{
  color: #a50000;
}

#nav .lien2
{
  color: #F4D100;
}

#nav .lien1:hover
{
  color: #F4D100;
}

#nav .lien2:hover
{
  color: #a50000;
}

#separator{
  height: 1px;
  background-color: black;
  width: 100%;
  display: inline-block;
}

#fastlinks img
{
	width : 900px;
}

#video-pc iframe
{
	width : 620px;
	height : 350px;
}

@media all and (max-width: 1080px){

#fastlinks img
{
	width : 500px;
}

#video-pc iframe
{
	width : 500px;
	height : 280px;
}


}

/* MAIN */
#container
{
	position: relative;
	width: 1500px;
	margin-right: auto;
	margin-bottom: 30px; 
	margin-left: auto;  
	bottom : 40px;
}

#content
{
  float: left;
  height: auto;
  width : 1030px;
  min-height: 600px;
  padding-top: 10px; 
  padding-right: 15px;  
  padding-bottom: 10px; 
  padding-left: 5px;          
  border-style: solid;
  border-width: 2px;
  border-color : #a50000;
   min-height: 1300px;
}

@media all and (max-width: 1080px){
#container
{
  text-align: center;
  padding-right: auto;  
  padding-left: auto; 
  max-width:610px;
  min-width:600px;
  width:auto;
}
  
  #content
{
  float: center;
  height: auto;
  min-height: 800px;
  max-width:610px;
  min-width:600px;
  width:auto;
}

.sidebar{
	display:none;
}
}

/****** SIDEBAR *******/

.sidebar{
	float: right;
	width: 390px;
	height: auto;
	padding-top: 10px;   
	padding-right: 10px;   
	padding-bottom: 10px;   
	padding-left: 10px;      
	margin-left:20px;
	text-align: center;    
    border-style: solid;
    border-width: 2px;
    border-color : #a50000;
}

/* BODY */
*
{
	margin : 0;
	padding : 0;
}

/* IMAGE PRINCIPALE */
#image-principale img{
	height : 690px;
	display : inline;
}

#image-principale{
    text-align: center;
}

#image-principale-vertical img
{
    display : none;
}

@media all and (max-width: 1080px){
#image-principale img
{
    display : none;
}

#image-principale-vertical img
{
    display : inline;
	padding-top : 5px;
	width : 600;
}

#img_pr_ver
{
    text-align: center;
}
}

/* TITRES */
T1
{
  font-size: 25px;
  font-weight: bold;   
  font-family: Megrim, "Helvetica Neue", Helvetica, sans-serif;
}

T2
{
  font-size: 30px;
  font-weight: bold;   
  font-family: Megrim, "Helvetica Neue", Helvetica, sans-serif;
}

T3
{
  font-size: 20px;
  font-weight: bold;   
  font-family: Megrim, "Helvetica Neue", Helvetica, sans-serif;
}

.H1
{
  font-size: 20px;
  font-weight: bold;   
  font-family: Megrim, "Helvetica Neue", Helvetica, sans-serif;
}


@media all and (max-width: 1080px){
T2
{
  font-size: 25px;
}
}

/* BARRE % */
.BarPourcent{
text-align: left;
height: 18px;
width: 400px;
display: inline-block;
border: 2px solid black;
}
.BarPourcentDess{
background-color: #a50000;
height: 100%;
display: inline-block;
vertical-align: top;
color: white;
text-align:center;
}

.BarPourcent2{
text-align: left;
height: 14px;
width: 250px;
display: inline-block;
border: 2px solid black;
}
.BarPourcentDess2{
background-color: #a50000;
height: 100%;
display: inline-block;
vertical-align: top;
color: white;
text-align:center;
font-size : 13px;
}

/* MAJ */
#TextPrez1{
text-align : center;
font-size : 18;
text-decoration : underline;
font-weight : bold;
color : #a50000;
padding-top : 20px; 
padding-bottom : 5px;
text-align : left;
font-family: tw cent, "Helvetica Neue", Helvetica, sans-serif;
}

#TextPrez2{
font-size: 18;
font-weight: bold;
text-align: left;
border-left: 2px solid black;
border-right: 2px solid black;
padding-left : 15px;
padding-right : 15px;
width : auto;
font-family: tw cent, "Helvetica Neue", Helvetica, sans-serif;
}

.centerPage {
  text-align: center;
  margin-top : 10px;
}


.table_centre
{
  margin-left : auto;
  margin-right : auto;
}

/* VIDEO HOME */

#last_simulation
{
  padding-top: 50;
  text-align: center;
}

#last_simulation object /* VIDEO */
{
  padding-top: 15;
  width:800;
  height:450;
}

#last_simulation T1
{
  font-size: 35;
  font-weight: bold;   
  font-family: Megrim, "Helvetica Neue", Helvetica, sans-serif;
}

@media all and (max-width: 1080px){
#last_simulation object /* VIDEO */
{
    width:500px;
    height:300px;
}
  
  #last_simulation T1
{
  font-size: 20;
}

}

/* CARROUSEL */

#Carousel{
	padding-top : 20px;
}

#img_slide img
{
	width : 900;
}

@media all and (max-width: 1080px){
#img_slide img
{
    width : 500;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top : 10px;
}
}

#sliderbox{
	position : relative;
	width : 300px;
	animation-name : slideranimation;
	animation-duration : 20s;
	animation-iteration-count : infinite;
}

#Carousel a img{
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
-ms-transition: transform 0.2s;
transition: transform 0.2s;
z-index: 1;
  border: solid 4px #960101;
}
#Carousel a img:hover{
-webkit-transform: scale(1.02,1.02);
-moz-transform: scale(1.02,1.02);
-o-transform: scale(1.02,1.02);
-ms-transform: scale(1.02,1.02);
transform: scale(1.02,1.02);
  border: solid 4px yellow;
}

#sliderbox img{
	float : center;
}

@keyframes slideranimation{
	0%{
		right: 0px;
	}
	20%{
		right: 0px;
	}
	25%{
		right: -800px;
	}
	45%{
		right: -800px;
	}
	50%{
		right: -1600px;
	}
	70%{
		right: -1600px;
	}
	75%{
		right: -2400px;
	}
}

/* FOOTER */

footer
{
	height : 190px;
    width: auto;
    text-align:center;
    margin-top: 40px;
}

.copyright
{
  padding-top: 10;
	font-weight : bold;
	color : black;
	padding-bottom: 20;
}

.social
{
  padding : 10px;
}

.logo
{
  padding :  20px;
  display: inline;
}

.logo a img:hover{
-webkit-transform: scale(1.2,1.2);
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
}

.acces-direct a
{
  padding :  50px;
  display: inline;
}

.TexteSocial
{
  font-weight : bold;
  padding-top: 20;
  color: #a50000;
}

.acces-direct
{
  padding-top :  20px;
}

.lien
{
  	text-align : center;
	color : #F4D100;
	font-weight : bold;
	margin-right : 25px;
	text-decoration: none;
	font-family: tw cent, "Helvetica Neue", Helvetica, sans-serif;
}

footer a:hover{
   font-weight: bold;   
   font-style: normal;   
   text-decoration: none;   
   color: #a50000;
}

/* FAQ */
.qFaq:hover{
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
transition: -webkit- all 0.2s;
transition: -moz- all 0.2s;
transition: -o- all 0.2s;
transition: all 0.2s;
background: black;
color: white;
font-weight: bold;
border: 4px solid #a50000;
height: 15px;
padding: 5px;
text-align :center;
width : 900px
}

.qFaq{
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
transition: -webkit- all 0.2s;
transition: -moz- all 0.2s;
transition: -o- all 0.2s;
transition: all 0.2s;
color: black;
font-weight: bold;
background: white;
border: 4px solid #a50000;
height: 15px;
padding: 5px;
text-align :center;
width : 900px
}

.lienFaq{
color: #a50000;
font-weight: bold;
text-decoration : none;
}

.lienFaq:hover{
color: #F4D100;
font-weight: bold;
text-decoration : none;
}

.intFaq
{
  min-height: 60px;
  text-align:center;
  border: 4px solid #F4D100;
  width : 900px;
  background: white;
  color: black;
  font-weight: bold;
}

@media all and (max-width: 1080px){

   .qFaq
   {
      width:auto;
   }
   .intFaq
   {
      width:auto;
   }
   
   .qFaq:hover
   {
      width:auto;
   }
}

/* MON COMPTE */

.moncompte
{
	text-align:center;
	width: 700px;
	margin-right: auto;
	margin-bottom: 30px; 
	margin-left: auto;  
}

.boutton_compte:hover{	
	cursor: pointer;
	border: 3px solid black;
	background: #F4D100;
	color: #a50000;
}

.boutton_compte{
	user-select : none;
	border: 3px solid #960101;
	background: white;
	padding: 15px 0;
	color: black;
	text-shadow: 1px 1px 1px #FFF;
	width: 80%;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.50em;
	box-shadow: 1px 1px 4px black;
   margin-left : auto;
	margin-right : auto;
}

.boutton_recup{
	user-select : none;
	padding-top : 10px;
	background: #d1ac00;
	border: 2px solid black;
	text-align: center;
	color: black;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width: 120px;
	height : 30px;
	font-size: 0.8em;
	margin: 5px 0;
	margin-left : 85px;
	margin-top : 15px;
}

.boutton_recup:hover{
	user-select : none;
	background: #960101;
	border: 2px solid #d1ac00;
	color: #d1ac00;
}

.contain_code{
	margin-top : 15px;
	margin-left : auto;
	margin-right : auto;
}

.boutton_achat{
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 10px;
	position: center;
	border: 2px solid black;
	background: #FFF;
	padding: 15px 0;
	color: black;
	text-shadow: 1px 1px 1px #FFF;
	width: 600px;
	height : 200px;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.30em;
	box-shadow: 1px 1px 4px black;
	display : flex;
}

.boutton_achatv{
	margin-left:25px;
}

.boutton_achat, img{
	user-select : none;
	margin-top : 15px;
}

.boutton_compte p{
	display: block;
	margin: 0;
	transition: transform 0.2s ease 0s;
}

.unfold, h2{
	user-select : none;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.2em;
	color : white;
	margin: 15px 0;
}

.unfold input, textarea {
	user-select : none;
	background: #fff;
	border: 2px solid black;
	text-align: center;
	color: #960101;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width: 400px;
	height : 50px;
	font-size: 1em;
	margin: 5px 0;
}

.unfold button{
	user-select : none;
	border: 2px solid #a50000;
   background : white;
	text-align: center;
	color: black;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	width: 150px;
	height : 50px;
	font-size: 1em;
	margin: 5px 0;
}

.unfold button:hover{
	user-select : none;
	background: white;
	border: 2px solid black;
	color: #a50000;
}

.vide{
	margin-top: 30px; 	
}

.devbox{
	text-align:center;
   margin-right : auto;
   margin-left: auto;
}

.unfold{
	text-align:center;
   margin-right : auto;
   margin-left: auto;
	height: auto;
	width : 700px;
	min-height : 40px;
	padding-top: 10px;  
	padding-bottom: 10px;        
	border: 3px solid #a50000;
	box-shadow: 2px 2px 4px black;
   color : black;
}

#LienExtra a
{
   color : #a50000;
   font-style : bold;
   text-decoration : none;
}

@media all and (max-width: 1080px){
.unfold{
    width : auto;
   }
   .boutton_achat{
      width : auto;
   }

   .mystarpass
  {
    display: none;
  }
    .mystarpass1
  {
    display: none;
  }
}

/* PAGE BOOMERANG */
#scrollVersion img {
    transition: all 0.2s ease 0s;
  
}
#scrollVersion img:hover {
    transform: scale(1.02);
    transition: all 0.2s ease 0s;
}

#scrollVersion{
	width: 800px; 
   overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	padding: 3px 30px;
}

.H3B
{
  font-family: Cambria, Georgia, serif;
  font-size: 40px;
  color: #FF33FC;
  text-shadow: -1px 0 #33CAFF, 0 1px #33CAFF, 1px 0 #33CAFF, 0 -1px #33CAFF;
}

.H1B
{
  font-family: Cambria, Georgia, serif;
  font-size: 40px;
  color: #33CAFF;
  text-shadow: -1px 0 #FF33FC, 0 1px #FF33FC, 1px 0 #FF33FC, 0 -1px #FF33FC;
}

.unfoldB{
	float : center;
	height: auto;
	max-width : 900px;
	min-height : 40px;
	padding-top: 10px;  
	padding-bottom: 10px;        
	background-color: rgba(59, 176, 215, 0.8);
	border: 3px solid #FF33FC;
	box-shadow: 2px 2px 4px black;
    padding-left: 30px;
  	margin-right: auto;
	margin-left: auto;  
	text-shadow: 1px 1px 1px #FFF;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.50em;
	box-shadow: 1px 1px 4px black;
}

#imageContourWhiteB a img{
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
-ms-transition: transform 0.2s;
transition: transform 0.2s;
z-index: 1;
  border: solid 4px #FFFFFF;
}
#imageContourWhiteB a img:hover{
-webkit-transform: scale(1.02,1.02);
-moz-transform: scale(1.02,1.02);
-o-transform: scale(1.02,1.02);
-ms-transform: scale(1.02,1.02);
transform: scale(1.02,1.02);
  border: solid 4px #FF33FC;
}

@media all and (max-width: 1080px){
   
.unfoldB{
   width : auto;
   }

   #scrollVersion{
width : auto;
}
}

/* PAGE JOUER */
.unfold2{
	float : center;
	height: auto;
	width : 900px;
	min-height : 40px;
	padding-top: 10px;  
	padding-bottom: 10px;        
	box-shadow: 2px 2px 6px black;
    padding-left: 30px;
  	margin-right: auto;
	margin-left: auto;  
	text-shadow: 1px 1px 1px #FFF;
	text-align: center;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 1.50em;
		border: 3px solid #a50000;
	box-shadow: 2px 2px 4px black;
   color : black;
}

#scrollVersion img {
    transition: all 0.2s ease 0s;
  
}
#scrollVersion img:hover {
    transform: scale(1.02);
    transition: all 0.2s ease 0s;
}
#scrollVersion div{
	display: inline-block;
    max-width: unset;
	margin: 3px 40;

}
#scrollVersion{
	width: 800px; 
    overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	padding: 3px 30px;
}

.imgGrand img
{
	width: 800px;
	border: 4px solid #640000;
	border-radius: 1%;
}

.imgGrand2 img
{
	width: 800px;
	border: 4px solid #640000;
	border-radius: 1%;
}

#scrollImg img {
    transition: all 0.2s ease 0s;
  
}
#scrollImg img:hover {
    transform: scale(1.02);
    transition: all 0.2s ease 0s;
}
#scrollImg li{
	display: inline-block;
    max-width: unset;
	margin: 3px 5;

}
#scrollImg{
	width: 800px; 
    overflow-x: scroll;
	white-space: nowrap;
	overflow-y: hidden;
	padding: 3px 30px;
}

#imageContourWhite a img{
-webkit-transition: transform 0.2s;
-moz-transition: transform 0.2s;
-o-transition: transform 0.2s;
-ms-transition: transform 0.2s;
transition: transform 0.2s;
z-index: 1;
  border: solid 4px #640000;
  	text-decoration: none;
}
#imageContourWhite a img:hover{
-webkit-transform: scale(1.02,1.02);
-moz-transform: scale(1.02,1.02);
-o-transform: scale(1.02,1.02);
-ms-transform: scale(1.02,1.02);
transform: scale(1.02,1.02);
  border: solid 4px #d1ac00;
  	text-decoration: none;
}

#credits div{
	display: inline;
}
#credits{
    width: 800px;
	padding: 3px 35px;
}
#credits img {
    transition: all 0.2s ease 0s; 
}
#credits img:hover {
    transform: scale(1.02);
    transition: all 0.2s ease 0s;
}

#separator3
{
  height: 2px;
  background-color: #a50000;
  width: 800px;
  display: inline-block;
}

.encartCredits{
   margin-top : 20px;
	border: 3px solid #d1ac00;
	padding: px 0;
    width: auto;
	max-width: 650px;
	margin: auto;
    box-shadow: 3px 4px black;
}

@media all and (max-width: 1080px){
   
.unfold2{
   width : auto;
   }
.encartCredits{
 width : 480px;
}
   
   #separator3
{
  width : auto;
}
   
   #imageContourWhite {
      display : none;
   }
   
   #imageContourWhite T1 {
      display : none;
   }
   
   #scrollVersion
   {
      width : 470px;
   }
   
   #credits
   {
      width : 470px;
   }

}

.PayPalStyle {
    width: 500px; 
    margin-left: auto;
    margin-right: auto; 
    margin-top : 40px; 
    margin-bottom : 70px;
}

/* MAJ */
.BtnMaj:hover{
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
transition: -webkit- all 0.2s;
transition: -moz- all 0.2s;
transition: -o- all 0.2s;
transition: all 0.2s;
background: white;
color: #a50000;
font-weight: bold;
border: 4px solid #a50000;
height: 15px;
padding: 5px;
text-align :center;
width : 450px
}

.BtnMaj{
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
transition: -webkit- all 0.2s;
transition: -moz- all 0.2s;
transition: -o- all 0.2s;
transition: all 0.2s;
color: black;
font-weight: bold;
background: white;
border: 4px solid #a50000;
height: 15px;
padding: 5px;
text-align :center;
width : 400px
}

.BtnMaj a{
color: black;
text-decoration: none;
}

.BtnMaj a:hover{
color: #a50000;
text-decoration: none;
}

.cguText
{
padding-top: 10;
padding-left: 30;
padding-right: 30;
color : black;
padding-bottom: 20;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-size: 0.80em;
text-align: left;
line-height: 1.5em;
}