/* background setup */
.background {
background-repeat:no-repeat;
background-position:50% 50%;
/* ie8- graceful degradation */
background-position:50% 50%\9 !important;
}

/* fullscreen setup */
html, body {
height: 100%;
}
.fullscreen,
.content-a {
width: 100%;
height: 100%;
overflow: hidden;
}
.fullscreen.overflow,
.fullscreen.overflow .content-a {
height: auto;
min-height: 100%;
}

/* content centering styles */
.content-a {
display: table;

}
.content-b {
display: table-cell;
position: relative;
vertical-align: middle;
text-align: center;
padding: 100px 40px;
}

/* visual styles */
body{
margin:0;
font-family: Raleway, Helvetica, Arial, sans-serif;
font-size: 22pt;
line-height: 26pt;
color: #ffffff;
text-align: center;
background: #000000;
}

section {
background: #79c753;
}

.not-fullscreen {
height: auto;
/*height: 50%;*/
overflow: auto;
}
.not-fullscreen.overflow,
.not-fullscreen.overflow .content-a {
height: auto;
min-height: 100%;
}




a {
color: #ffffff;
text-decoration: none;
transition: 0.3s ease-in-out 0s;
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
/*-moz-opacity: 1;*/
/*opacity: 1;*/
}

a:hover {
/*color: #bbbbbb;*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}

a.gototop {
font-size: 40pt;
line-height: 40pt;
font-weight: bold;
}


img.jmplogo {
border: 0px;
width: 400px; 
box-shadow: #000 0em 0em 0em;
}

span.topstuff {
font-size: 30pt; 
line-height: 35pt; 
font-weight: bold;
}

span.titre {
font-size: 50pt; 
line-height: 50pt; 
font-weight: bold;
}

span.software {
font-style: italic;
font-size: 16pt; 
line-height: 14pt; 
font-weight: bold;
}

div.description {
width: 49.7%;
float: left;
padding-bottom: 10px;
text-align: left;
}

ul {
margin: 10px;
}


.shadow {
text-shadow:
 0px 0px 3px #000,
 -1px -1px 0 #000,
  1px -1px 0 #000,
 -1px  1px 0 #000,
  1px  1px 0 #000;
/*text-shadow: 0px 0px 3px #000, 0px 0px 3px #000;*/
/*filter: shadow(color=#000000,direction=135,strength=1);*/
}


.shadowbleu {
text-shadow:
 0px 0px 3px #32b2f4,
 -1px -1px 0 #32b2f4,
  1px -1px 0 #32b2f4,
 -1px  1px 0 #32b2f4,
  1px  1px 0 #32b2f4;
}



@media (max-width: 700px){

body{
font-size: 150%;
line-height: 110%;
}

span.software {
font-size: 70%;
line-height: 80%;
}


}




@media (max-device-width: 480px){

body{
font-size: 350%;
line-height: 110%;
}

span.topstuff{
font-size: 150%;
line-height: 110%;
}

span.titre {
font-size: 260%;
line-height: 110%;
}

div.description {
width: 100%;
float: none;
}

img.jmplogo {
width: 600px; 
}

}



@font-face {
	font-family: 'Raleway';
	src: url('Raleway.eot');
	src: url('Raleway.eot?#iefix') format('embedded-opentype'), url('Raleway.woff') format('woff'), url('Raleway.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}





/* background: rgba(0,0,0,0.3);" */