@font-face {
   font-family: Novatem;
   src: url("../css/Quicksand-LightItalic.otf");
}
html{
	background-color: #eeeeee;
}

body {
	color:#044587;
	width : 100%;
	font-family: Arial,Helvetica,FreeSans,sans-serif;
	margin:0 0 0 0;
	background:url("../img/fond.jpg") repeat-x scroll 0 0 transparent;
}
img,a{
	border-width:0;
}
li {
	list-style:none outside none;
	text-align:center;
	
}

h2{
	
	font-size:130%;
	color: #044587;
}
#header ul li a{
	display:inline-block;
	padding-top : 5px;
	line-height:45px;
	font-weight:bold;
	height:50px;	
	color: #044587;	
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;

}	

#header ul{
	margin-top:0;
	padding-top:0;
}
#header li{
	float:left;
	color: #aeaeae;	
}
#header li:hover{
	color: #aeaeae;	
}
#header ul li a:hover{
	color: #aeaeae;	
	
}
#SmallMenuUL
{
	padding-top:0;
	margin-top:0;
	padding-bottom:0;
	margin-bottom:0;
}

#SmallMenu{
	text-align:left;
	height:40px;

	margin-left:0;
	font-family:Arial,Helvetica,FreeSans,sans-serif;
	font-size:90%;
	color: #044587;
	background:url("../img/sousImage2.jpg") no-repeat scroll 0 0 transparent;
}
#SmallMenu  li{
	float:left;
}
#SmallMenu ul li a{
	display:inline-block;
	padding-top : 5px;
	line-height:30px;
	font-weight:bold;
	height:35px;	
	font-family:Arial,Helvetica,FreeSans,sans-serif;
	color: white;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;

}
#SmallMenu ul li a:hover{
	color:#044587;
	background-color:white;
	/*background:url("../img/testBackGroundMenu.png") repeat-x scroll 0 0 transparent;*/
	
}

#insideThisSection{
	/*color:#044587;*/
	color:red;
	
	background-color:white;
	
}
#insideThisSection ul li a{
	display:inline-block;
	padding-top : 5px;
	line-height:30px;
	font-weight:bold;
	height:35px;	
	font-family:Arial,Helvetica,FreeSans,sans-serif;
	
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	color:red;

}

#method{
	position: relative;
	float:left;
}
#method img{
	float:right;
}

#methodText2
{
	height:250px;
}
#methodText3
{
	height:150px;
}
#methodText4
{
	height:150px;
}
#topImage{
	background:url("../img/smallMenu.png") no-repeat scroll 0 0 transparent;
	background-repeat:no-repeat;
	height:40px;
}
#bottomImage{
	background:url("../img/smallMenuDown.png") no-repeat scroll 0 0 transparent;
	background-repeat:no-repeat;
	height:40px;
}


#Square {
	float:left;
	font-size:1em;
	height:200px;
	position:relative;
	background-color:white;
	width:332px;
	background-position:0 0;
	border-width: 1px;
	border-color:#E3E4FA; 
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	
	
}
#Square2 {
	float:left;
	font-size:1em;
	height:200px;
	position:relative;
	background-color:white;
	width:332px;
	background-position:0 0;

	
}

#SquareBig {
	float:left;
	font-size:1em;
	height:220px;
	width:332px;
	position:relative;
	background-color:white;
	background-position:0 0;
	border-width: 1px;
	border-color: #E3E4FA; 
	border-bottom-width: 0;
	border-top-width: 0;
	border-left-width: 0;
	
}
#SquareBig2 {
	float:left;
	font-size:1em;
	height:220px;
	width:332px;
	position:relative;
	background-color:white;
	background-position:0 0;
	
}
#imageTDEM{
	float:left;
	margin: 0 15px 0 0;
}
#SquareBig h2 {
	padding-left:15px;
	padding-top:10px;
	margin-top:0;
	margin-bottom:0;
}

#insideSquare{
	/*background:url("../img/smallMenuSmall.png") no-repeat scroll 0 0 transparent;*/
	font-size:0.8em;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	
	
}
#news{
	/*background:url("../img/smallMenuSmall.png") no-repeat scroll 0 0 transparent;*/
	background-color:white;
	height:170px;
	font-size:0.8em;
	padding-left:25px;
	padding-right:25px;
	overflow:auto;
	
}
#insideSquareBig{
	/*background:url("../img/smallMenuBig.png") no-repeat scroll 0 0 transparent;*/
	background-color:white;
	padding-top:15px;
	font-size:0.8em;
	padding-left:25px;
	padding-right:25px;
	
}

#Square h2 {
	padding-left:15px;
	padding-top:10px;
	margin-bottom:0;
}
#insideSquare h3 {
	margin-top:0;
	margin-bottom:0;
}

#principalContainer {
    height:100%;
	margin:0 auto;
	width:1000px;
	
	/*background-color:#efefef;*/
	

}
#header {
	
	padding-top:15px;
	height:75px;	
	position:relative;	
	background:url("../img/backgroundHtml.png") repeat-x scroll 0 0 transparent;
}
#banner {	
	margin-left: auto;
	margin-right: auto;
	width:1000px;
	position:relative;
	
	
}
#banner  img{	
	margin-top:0;
	padding-top:0;
	vertical-align:top;
}
#footer{
	width:100%;
	clear:both;
	height:30px;
	position:relative;
	padding-top:20px;
	text-align:center;
	font-weight:bold;
	font-style: italic;
	/* color:#191970; */
	color:white;
}
#wrapper{	
	clear:both;
	margin:0;
	position:relative;
	width:1000px;

	margin-left: auto;
	margin-right: auto;
}

#imageNovatem{
	width:20%;
	float:left;
}

#menu{
	height:49px;		
	float:left;
}

#imageNovatem {
	
	height:50px;	
}


#TopSquare{
	/*background:url("../img/smallMenuSmallTop.png") no-repeat scroll 0 0 transparent;*/
	height:40px;
}
#BottomSquare{
	/*background:url("../img/smallMenuSmallBottom.png") no-repeat scroll 0 0 transparent;*/
	height:40px;
}

#division{
	background:url("../img/division.jpg") no-repeat scroll 0 0 transparent;
	height:40px;
	float:left;
	width:999px;
}
#sectionName{
	font-family:Novatem;
	width:332px;
	height:40px;
	float:left;
}

#sectionName h2{
	margin-left:25px;
	margin-top:10px;
	float:left;
	color:white;
}

#topPage{
	width:100%;
	height:35px;	
	/*background:url("../img/middleBigBigSuare.png") repeat-y scroll 0 0 transparent;*/
}

#insidePage{
	width:999px;
	/*margin:0 auto;*/
	padding-top:50px;
	/*background:url("../img/middleBigSuare.png") repeat-y scroll 0 0 transparent;*/
	background-color:white;
	
}

#bottomPage{
clear:both;
	width:100%;
	margin-left:1px;
	height:40px;
	background:url("../img/bottomInsidePage.png") no-repeat scroll 0 0 transparent;
}

#text{
	text-align:left;
	padding-left:150px;
	
	width:700px;
	height:auto;
}

#lang{
	float:left;
	font: 15px Gotham  , Helvetica, sans-serif;
	font-weight:bold;
	/*width: 100px;*/
	padding-top:10px;
	text-align:center;
	margin-top:-10px;
	/*background:url("../img/lang.png") no-repeat scroll 0 0 transparent;*/
	padding-left:50px;
}

#lang a{
	text-decoration:none;
	color: #044587;
	
	
}
#lang a:hover{
	color: #044587;
	color: #aeaeae;	
}
#text ul li{
	list-style-position: inside;
	text-align:left;
	list-style-type:circle;
	
}

#text img{
	text-align:center;
}

#map{
	padding-left:50px;
	width:500px;
	float:left;
	padding-top:5px;
}
#mapInfo{
	width:400px;
	position:relative;
	float:left;
}

/*Why we do this http://www.complexspiral.com/publications/containing-floats/  */
/*It's for containing a floating div inside a div, yep it's a hack*/

#insidePage hr {
	display: block; clear: left; margin: -0.66em 0;
	visibility: hidden;
}


#leftArrow{
	background:url("../img/leftArrow.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	float:left;
	margin-right:10px;
}

#rightArrow{
	background:url("../img/rightArrow.png") no-repeat scroll 0 0 transparent;	
	width:35px;
	height:35px;
	float:right;
	margin-right:10px;
}
#slide2{
	width:175px;
	height:150px;
}
#slidesContainer a{	
	padding-left:2px;
	padding-right:2px;
	float:left;

}
#slidesContainer{
	background:url("../img/shadow.png") no-repeat scroll 30px 3px transparent;
	padding-top:15px;
	width:309px;
	height:199px;
	margin-left:auto;
	margin-right:auto;

}


.arrows{
	margin-top:45px;
	
}
.end{
	clear:both;
}

#slidesContainer  li a img{
	display:inline-block;
	float:left;

}

#textSlider{
	padding-left:30px;
	padding-top:20px;
	clear:both;
}

#imagePlane{
	margin-Left:20px;
	margin-Right:45px;
}

#textPlane{
	float:top;
	padding-left:75px;
	
}
#textImg{
	padding-left:25px;
}

.date{
	 text-align:right;
	 font-style: italic;
	 font-weight:bold;
}

.readMore
{

	margin-right:15px;
	margin-top:10px;
	background-color:#ffffff;
	color:midnightblue;
	text-decoration:none;
	font-weight:normal;
	padding-left:5px;
	padding-right:5px;
	float:right;
	display: block;
	
}

#topHeader{
	height:60px;
}

/*light box*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
/*
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
*/
#lightbox-nav-btnPrev {
/*
	background:url("../img/leftArrow.png") no-repeat scroll 0 0 transparent;
*/
	width: 25%; 
	height: 100%;
	zoom: 1;
	float: left;
	padding-bottom: 0.7em;	
}
#lightbox-nav-btnNext {
/*
	background:url("../img/rightArrow.png") no-repeat scroll 0 0 transparent;
*/
	width: 25%; 
	height: 100%;
	zoom: 1;
	float: right;
	padding-bottom: 0.7em;	
}
*/
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: right; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}