/*------------------------------------------------*/
body{
	background: rgb(71,71,71); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgba(71,71,71,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(71,71,71,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgba(71,71,71,1) 0%,rgba(14,14,14,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#0e0e0e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.reveal .overlay.overlay-help .viewport .viewport-inner{
	width:auto;
	max-width:1000px;
}
.opacite0{
	opacity: 0
}

.param_hover{
	background: #C5C5C5;
	color:#000;
}

.reveal .slides{
	width: 100% !important;
	height:100% !important;
}

.reveal .slides section{
	padding: 0 30px;
}

.reveal .slides section > section{
	padding: 0 30px;
	width: calc(100% - 30px);
}

.scrollable {
	bottom: 0px;
 overflow-y: auto  !important;
 overflow-x: hidden !important;
}





.content-footer{
	width:100%;
	height:150px;
}

.reveal section img{
	border:none;
	background:none;
	box-shadow: none;
}

.logo{
	width:60%;
	margin: 0 auto !important;
	position: relative;
}
.logo img{
	width:40%;
	display: block;
	margin: 0 auto !important;
	padding-bottom:30px;
}


/*#les-parametres ul li{
	list-style: none;
	display: block;
	width: 100%;
	background: #8ec3f2;
	padding: 5px;
	color:#000;
	margin-bottom: 10px;
}*/

button{
	padding:15px;
	color:#fff;
	font-size: 18px;
	background: #009EE2;
	border:none;
}

ul li{
	list-style: none;
}

.contenus-parametres{
	margin:15px !important;
}

.btnChangeSat{
	opacity:0.3;
}
.btnChangeSat:hover{
	opacity:1;
}

/*------------------------------*/

/*********************************************
 * COLONNES
 *********************************************/

.col-md-12, .col-md-11{
  margin-top: 12px !important; margin-bottom: 12px !important;
}

.col-md-12{
	width:100%;
}

.col-md-10{
  margin: 12px auto !important;
  position: relative;
  display: block;
  width: 80%;
  float: none !important;
}

.col-md-9{
  margin: 12px auto !important;
  position: relative;
  display: block;
  width: 75%;
}

.col-md-8{
  margin: 12px auto !important;
  position: relative;
  display: block;
  width: 62.5%;
  float: left !important;
}

.col-md-6{
  margin: 12px auto !important;
  position: relative;
  display: block;
  width: 50%;
}
.col-md-4{
	width:32%;
	padding:0.5% !important;
}
.col-md-3{
	width:23%;
}
.col-md-2{
	width:16.66%;
}



/*------------------------------*/
/*********************************************
 * CONTROLS
 *********************************************/

.reveal .controls{
	bottom:0;
	color:#13DAEC;
	right:25px;
}

.reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled, .reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled{
	opacity: 0.7;
}
.reveal .controls .controls-arrow{
	width:1em;
}
.reveal .controls .controls-arrow:before, .reveal .controls .controls-arrow:after{
	width:1.6em;
	height:0.4em;
}
.chevron {
	background-image: url('../images/nav.png');
	background-size: cover;
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0.2;
}

/*.reveal .controls .enabled{
	opacity: 0.3;
}*/
/*------------------------------*/
/*********************************************
 * CLASSES COULEURS
 *********************************************/
.bgYellow{
	background-color: #FFCB3A;
}
/*.titre-section-bas span.bgYellow{
	color:#fff;
	text-shadow: 0 1px 0 #333,
               0 2px 0 #222,
               0 3px 0 #111,
               0 4px 0 #000,
               0 5px 0 #000;
}*/

.bgGreen{
	background-color: #548D2E;
}
.bgBlue{
	background-color:#13DAEC;
	color: #000;
}
/*------------------------------*/

.reveal .slide-menu-button{
	opacity:0;
}
/*------------------------------*/

.copyright{
	position: absolute;
    bottom: 10px;
    text-align: center;
    width: 100%;
	font-style: italic;
    color: #ccc;
}

#logoResources{
	opacity:0;
}


.satellites-parametres img{
	opacity:0.6;
}
.a1_hover{
	opacity:1!important;
	animation-name: a1_hover;
    animation-duration: 0.3s;
    animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

}
@keyframes a1_hover {
  from   {transform: scale(1);}
  to {transform: scale(1.2);}
}

.a1_out{
	animation-name: a1_out;
    animation-duration: 0.3s;
    animation-timing-function: linear;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;

}
@keyframes a1_out {
  from   {transform: scale(1.2);}
  to {transform: scale(1); opacity:0.6;}
}

.listStyleSquare li {
	list-style: square!important
}
