@media screen {

body { 
    margin:0;
	padding:0;
	background-color:#210B61;
    color:#0a0a24;
	font-size:100%;
	height:100%;
	
}

div {
	padding: 0;
	border: 0;
	margin: 0;
}




table
{
	border-style:none;
	border-width:0;
	padding: 0;
     margin: 0;
}


@font-face {
   font-family: "Lato";
   src: local('Lato Airline'), local('Lato-Airline'), url(https://fonts.gstatic.com/s/lato/v13/Kom15zUm24dIPfIRiNogNuvvDin1pK8aKteLpeZ5c0A.woff) 
   format('woff');
   font-weight:  400;
   font-style:   normal;
   font-variant: normal;
   font-stretch: normal;
}


@font-face {
  font-family: 'Rokkitt';
  font-style: normal;
  font-weight: 400;
  src: local('Rokkitt Regular'), local('Rokkitt-Regular'), url(https://fonts.gstatic.com/s/rokkitt/v11/RcB7dRNAX_8JE8zinU47YALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}


@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v13/HqHm7BVC_nzzTui2lzQTDbO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}

/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ 
@font-face {
  font-family:"Stonehenge-Regular";
  src: url("./fonts/Stonehen.woff") format("woff"),
  url("./fonts/Stonehen.eot?") format("eot"),
  url("./fonts/Stonehen.ttf") format("truetype"),
  url("./fonts/Stonehen.svg#Stonehenge") format("svg");
  font-weight:normal;font-style:normal;}

h1{
	
	color:#FFFFFF;
	text-indent:200px;	
    font-family: "Lato";
    font-weight: 100px;
    font-stretch: extra-expanded;
    font-size: 55px;
    text-shadow: 2.5px 2.5px rgba(160, 160, 160, 0.7);
  	
}

h5 {
   font-family: "Lato", sans-serif;
   text-indent:420px;
   font-size: 30px;
   color: #FFFFFF;
   padding: 0;
} 

h6
{
   font-family: "Lato", sans-serif;
   text-indent:0px;
   font-size: 22px;
   color: #66CDAA;
   text-shadow: 1px 1px rgba(0, 78, 124, 1);
   padding: 0;
}    


strong {
  font-family: 'Rokkitt',serif; font-size: 120%; 
}

p, li, td {

	font-family: helvetica;
	line-height:1.3em;
	font-size:1.0em;
	padding-top:0;
	padding-top:0.7em;
	margin-left:0;
	padding-bottom:0.2em;	
}

#exp1 {
color:#FFFFFF; 
font-size:1.2em; 
border-bottom: 1px solid white; 
text-align: justify;
}


ul {
list-style-type: "- ";
/* margin-left:0;
padding-left:15px; */
} 


span { text-align: center;
		font-family:arial;
		font-size:0.8em;
}

.nav td {
	line-height:1.1em;
	font-size:0.7em;
	font-weight:100;
	padding-top:0.2em;
	padding-bottom:0em;	
}

li {
	line-height:1.3em;
	font-size:1.0em;
	font-weight:100;
	padding-top:0.7em;
	margin-left:0;
	padding-bottom:0.2em;	
}

ol {
	margin-left:0;
	padding-bottom:0.2em;
}


em {
	color:#00008B;
	font-size:100%;
	
	
}

hr {
	border: 5px solid white;
	}

.hide{
        display: none;
    }
.story{
    }
h6.title-acc h6.title-pub h6.title-act { 
	color: #610B0B;
	font-style: italic;
}
.news{
	font-family: arial;
	font-size:0.8em;
	font-style: italic;
    }

.small
{
line-height:1em;
font-size:0.8em;
}

#title {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 1280px;
	padding: 0;
	}

#counter {

	position: absolute; 
	top:360px;
	left:20px;
}

a:link {
	color:#0404B4;	
	font-family:arial;
	text-decoration:none;
	font-style: italic;
	font-size:1.0em;
}
a:visited {
	color:#8904B1;
	text-decoration:underline;
}


#navigation {
	position: absolute; 
	text-align: center;
	top:240px;
	left:10px;
	padding: 2px;
    margin: 0 0 0 0;
}

#news a:link {
	color:#000000;
	font-size:12px;" 	
}

#navigation a:link {
	color:#ffffff;
	font-size:16px;
	font-family: 'Century Gothic';
	text-decoration:none;
	font-style: normal;
	text-shadow: 1.3px 1.3px rgba(0, 0, 0, 1);
}

#navigation a:visited {
	color:#ffffff;
}

#navigation a:hover {
	color:#FF8C00;
	background-color:#000000;
	font-weight:200;
}

a.expliq {
    	padding-left: 2em;
	background: transparent url("../images/txt.gif") center left no-repeat !important;
}


.big {
	padding-bottom:0.3em;
	}

.spaced {
	padding-bottom:1em;
	}

img.milieu {
    display: block;
    margin-left: auto;
    margin-right: auto }

.infos {
font-size:8pt;
}

.imgleftcol {
	width: 200px;
	margin-left : 0px; 
	padding-left : 0px;
	margin-top : 0px;
	margin-bottom : 40px; 
	border: 1px solid #000000;
	}

.squacol {
position: relative; 
	top: 0;
	left: -5px;
	width:955px;
	min-height:600px;
	color:#000000;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 0px;
	margin:0px;
	background-color:#ffffff;
	
}

table.center {
    margin-left: auto;
    margin-right: auto;
}

#d1  { position: absolute; top: 277px; left: 0px; width: 100%; padding-left: 0px; padding-bottom: 0px;}
#d2  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d3  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d4  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d5  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d6  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d7  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d8  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}
#d9  { position: absolute; top: 277px; left: 0px; width: 100%; padding-bottom: 0px;visibility: hidden;}


}