html {
}

@font-face {
  font-family: 'latobold';
  src: url('../fonts/lato-bold-webfont.eot');
  src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-bold-webfont.woff2') format('woff2'),
       url('../fonts/lato-bold-webfont.woff') format('woff'),
       url('../fonts/lato-bold-webfont.ttf') format('truetype'),
       url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'latolight';
  src: url('../fonts/lato-light-webfont.eot');
  src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-light-webfont.woff2') format('woff2'),
       url('../fonts/lato-light-webfont.woff') format('woff'),
       url('../fonts/lato-light-webfont.ttf') format('truetype'),
       url('../fonts/lato-light-webfont.svg#latolight') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'latoblack';
  src: url('../fonts/lato-black-webfont.eot');
  src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-black-webfont.woff2') format('woff2'),
       url('../fonts/lato-black-webfont.woff') format('woff'),
       url('../fonts/lato-black-webfont.ttf') format('truetype'),
       url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latoblack_italic';
  src: url('../fonts/lato-blackitalic-webfont.eot');
  src: url('../fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-blackitalic-webfont.woff2') format('woff2'),
       url('../fonts/lato-blackitalic-webfont.woff') format('woff'),
       url('../fonts/lato-blackitalic-webfont.ttf') format('truetype'),
       url('../fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latobold_italic';
  src: url('../fonts/lato-bolditalic-webfont.eot');
  src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'),
       url('../fonts/lato-bolditalic-webfont.woff') format('woff'),
       url('../fonts/lato-bolditalic-webfont.ttf') format('truetype'),
       url('../fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'latohairline';
  src: url('../fonts/lato-hairline-webfont.eot');
  src: url('../fonts/lato-hairline-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-hairline-webfont.woff2') format('woff2'),
       url('../fonts/lato-hairline-webfont.woff') format('woff'),
       url('../fonts/lato-hairline-webfont.ttf') format('truetype'),
       url('../fonts/lato-hairline-webfont.svg#latohairline') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latohairline_italic';
  src: url('../fonts/lato-hairlineitalic-webfont.eot');
  src: url('../fonts/lato-hairlineitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-hairlineitalic-webfont.woff2') format('woff2'),
       url('../fonts/lato-hairlineitalic-webfont.woff') format('woff'),
       url('../fonts/lato-hairlineitalic-webfont.ttf') format('truetype'),
       url('../fonts/lato-hairlineitalic-webfont.svg#latohairline_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato_lightitalic';
  src: url('../fonts/lato-ligita-webfont.eot') format('eot');
  src: url('../fonts/lato-ligita-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-ligita-webfont.woff') format('woff'),
       url('../fonts/lato-ligita-webfont.svg#lato_lightitalic') format('svg'),
       url('../fonts/lato-ligita-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-variant:normal;
}

@font-face {
 font-family: 'latoitalic';
  src: url('../fonts/lato-italic-webfont.eot');
  src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/lato-italic-webfont.woff2') format('woff2'),
       url('../fonts/lato-italic-webfont.woff') format('woff'),
       url('../fonts/lato-italic-webfont.ttf') format('truetype'),
       url('../fonts/lato-italic-webfont.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


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

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

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

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

body {
   background : url(../images/Filigrane2.png) no-repeat;
   background-attachment:fixed;
   background-position: 50% 50%;
   background-color: #f9f9f9;
	font-family: latoregular, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
	font-size : 1.2em;
	text-align : justify;
  letter-spacing: 1.5px;
  line-height : 1.5;
  color : #2d2d2d;
  text-shadow:#ffffff 0 1px 0px;
  padding : 0% 0% 0% 0%;
  width: 100%;
  margin: 0 auto;
}

#container {
  width : 100%;
  height : 100%;
  margin : auto;
}

/*Menu principal, bandeau haut opaque*/
header {
  /*background-color: #cc091f;*/ /*ORIGINAL*/
  background-color: #002349;
  position: fixed;
  z-index: 3;		/*Niv de calque 3, plus avancée*/
  height: auto;
  width: 100%;
  text-align: center;
  font-size : 0.9em;
}


#flag {
  background : url(../images/Logo4250px.png) no-repeat; /*ORIGINAL*/
  background : url(../images/Logo4250px2024.png) no-repeat;
  position: fixed;
  background-position: 4rem;
  z-index: -1;		/*Niv de calque 3, plus avancée*/
  width: 300px;
  height: 250px;
  padding: 70px 0px 0px 0px;
}

/*Mise en forme et espacement texte menu*/
nav ul {
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  line-height: 0.5;
}

/*Disposition menu en ligne, avec pointeur*/
nav li {
  display: inline;
  list-style: none;
  cursor: pointer;
  font-size: 1.3em;
}

div.mod-languages img {
 border-style: solid;
 border-width: 1px;
 border-color: #fafafa;
}

/*Ecartement texte/bord de cellule*/
nav a {
  padding: 1%;
}

/*Couleur lien visité*/
nav a:link, nav a:visited {
  color: #ffffff;
	text-decoration : none;
  text-shadow: none;
}

/*Couleur lien survolé*/
nav a:hover, nav a:focus, nav a:active {
 color : #ffffff;
 text-decoration : none;
 text-shadow:#ffffff 0 1px 0px;
	}

/*Couleur lien actif utilisé*/
li.current.active, li.current.active a:hover, li.current.active a:focus, li.current.active a:active, li.current.active a:visited, li.current.active a:link {
  }


.moduletable_menu{
}

#copyright a:visited, #copyright a:focus, #copyright a:hover, #copyright a:active {
  font-family: latoblack, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}

/*Positionnement zone dynamique*/
#dyn {
  padding-top: 50px;
}

.camera_caption {
  text-align: center;
  font-size: 3vw;
  text-shadow: none;
}

.camera_caption_desc {
  padding: 0px 0px 20px 0px;
}

#component {
  padding : 0% 20% 1% 20%;
  letter-spacing: 0.5px;
  color : #2a2a2a;
  font-size : 90%;
  text-align : justify;
  line-height : 1.5;
  color : #2d2d2d;
  text-shadow:#ffffff 0 1px 0px;
}

table {
  width: 100%;
  background-color: #ffffff;
  padding : 1% 0% 0% 0%;
}

thead {
}

tr {
}

th {
}

td {
  border: none;
  width: 30%;
  padding: 0% 2% 0% 2%;
  vertical-align: text-top;
}

a img {
	border: none;
}

a, a:link, a:active, a:visited, a:hover, a:focus{
  cursor : pointer;
  text-decoration : none;
  color : #c41210;

}

.wrapper {
  padding : 20px 0px 0px 0px;
}


.container {
	overflow: auto;
	-webkit-overflow-scrolling:touch;
}

.container iframe {
	top: 0;
	left: 0;
	width: 100%;
  height: 800px;
	margin-left: auto;
	margin-right: auto;
	border: none;
  text-align: center;
}

h1 {
  font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  letter-spacing: 1.5px;
  line-height : 1.2;
  font-size : 2.5em;
  text-align : center;
  color : #3e3e3e;
  text-decoration : none;
  text-shadow:#ffffff 0 1px 0px;
}


h2 {
  font-family: latolight, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  letter-spacing: 1.5px;
  line-height : 1.2;
  font-size : 1.5em;
  text-align : center;
  color : #3e3e3e;
  /*margin-top : 50px;
  margin-bottom : 40px;*/
  text-decoration : none;
  text-shadow:#ffffff 0 1px 0px;
}

h5 {
  padding: 0% 15% 0% 15%;
  font-family: latoregular, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  letter-spacing: 1.1px;
  line-height : 1.2;
  font-size : 1em;
  text-align : justify;
  color : #3e3e3e;
  text-decoration : none;
  text-shadow:#ffffff 0 1px 0px;
}

h6 {
  background : url(../images/trait80px.png) no-repeat;
  background-color: rgb(255, 255, 255);
  background-position: bottom;
  padding: 1% 1% 1% 1%;
  font-family: journal, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  text-align : center;
  color : #e6511f;
  text-decoration : none;
  text-shadow:#ffffff 0 1px 0px;

}

strong {
  font-family: latoblack, HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
}


/*Flèche de retour en haut de page*/
.scrolltop {
  content: "";
  display: block;
  position: relative;
  height: 80px;
  overflow: hidden;
  background: #313131;
  -webkit-transition: background 0.3s linear;
	-moz-transform: background 0.3s linear;
}

.scrolltop:after {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 20px;
  bottom: 19px;
  left: 50%;
  margin-left: -11px;
  z-index: 10;
  border-top: 5px solid #FFF;
  border-left: 5px solid #FFF;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.scrolltop:hover {
    background: #494949;
}


/*Blog*/

#blog{
	margin: 0 auto;
	padding: 0% 20% 1% 20%;
	text-align: center;

}

#blog h3{
	color: #c41210;
	font-size: 30px;
}

#blog h4, #blog h4 a:link, #blog h4 a:visited, #blog h4 a:focus, #blog h4 a:hover, #blog h4 a:active{
	color: #2d2d2d !important;
	font-size: 18px;
}

#blog img, img{
	margin: 0 auto;
  max-width: 100%;
}

#blog .nspInfo{
	margin: 5px 0px 10px 0px;
}


/*Pied de page avec droits réservés*/
footer {
	letter-spacing: 2px;
  font-size : 10px;
  color : white;
	text-align : left;
	text-decoration : none;
	line-height : 150%;
}

footer a:link, footer a:visited, footer a:focus, footer a:hover, footer a:active {
  text-decoration : none;
  color : white;
}

footer table {
  background : url(../images/fsep50.png) no-repeat;
  background-position: 5em;
  width: 100%;
  background-color: #565656;
  padding : 1% 0% 1% 0%;
  text-shadow: none;
}

footer table img {
  display: block;
  margin: 0 auto;
  vertical-align:middle;
}