/* FONTS */

strong {
    font-family: OpenSansBold, Arial, helvetica, sans-serif;
	font-weight:normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/OpenSans-Italic-webfont.eot');
    src: url('../fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Italic-webfont.woff') format('woff'), url('../fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold-webfont.woff') format('woff'), url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* END FONTS */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#main {
padding:30px 10px 30px;
text-align:left;
color:#3c5340;
font-family:Open Sans, helvetica, arial, sans-serif;
font-size:13px;
}

#main a, a:link, a:active {
    color:#3c5340;
	font-family:Open Sans, Arial, helvetica, sans-serif;
	font-size:13px;
}

.accueil-bg {
	background-image: url(/images/bg-accueil.gif); background-position: center center; background-repeat: repeat-y;
}

.blow {
-khtml-box-shadow:0 2px 15px #999;
-moz-box-shadow:0 2px 15px #999;
-webkit-box-shadow:0 2px 15px #999;
box-shadow:0 2px 15px #999;
margin:20px;
}

.headerbg {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}

.dropshadow {
-khtml-box-shadow:2px 2px 5px #777;
-moz-box-shadow:2px 2px 5px #777;
-webkit-box-shadow:2px 2px 5px #777;
box-shadow:2px 2px 5px #777;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:linear;
border:0px, solid, #000;
margin-bottom:0px;
}

.dropshadow:hover {
-khtml-box-shadow:2px 2px 5px #888;
-moz-box-shadow:2px 2px 5px #888;
-webkit-box-shadow:2px 2px 5px #888;
-webkit-transition-duration:0.2s;
-webkit-transition-timing-function:linear;
box-shadow:2px 2px 5px #888;
border:0px, solid, #000;
margin-bottom:8px;
}

.footer {
color:#d3d3d3;
font-family:Open Sans, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
text-align:center;
text-transform:uppercase;
}

.info {
color:#687b6c;
font-family:Open Sans, helvetica, arial, sans-serif;
font-size:10pt;
text-align:left;
}

.outer {
-moz-border-radius:15px;
border-radius:15px;
height:auto;
overflow:hidden;
}

.rounded {
-moz-border-radius:15px;
border:6px #409b89 solid;
border-radius:15px;
height:auto;
overflow:hidden;
}

.tablemenu {
border-left:1px #FFF solid;
}


body {
background:#fff;
margin:0;
padding:0;
text-align:center;
}

h1 {
color:#004812;
border-bottom: Solid 1Px #004812;
padding-bottom: 20px;
font-family:Bebas Neue, Arial Narrow, Arial, sans-serif;
font-size:27px;
letter-spacing:.065em;
line-height:25px;
text-transform:uppercase;
font-weight:normal;
}

h2 {
color:#3c5340;
font-family:OpenSansBold, Arial, helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight:normal;
}

h3 {
color:#3c5340;
font-family:OpenSansBold, Arial, helvetica, sans-serif;
font-size:14px;
font-weight:normal;
}

@-moz-document url-prefix() { 
h1, h2, h3, h4 {
font-weight:normal;
}
}

h4 {
color:#687b6c;
font-family:Bebas Neue, Arial Narrow, Arial, sans-serif;
font-size:19px;
letter-spacing:.035em;
line-height:21px;
text-transform:uppercase;
}

p {
color:#3c5340;
font-family:Open Sans, helvetica, arial, sans-serif;
font-size:13px;
line-height:17px;
margin-right:5px;
text-align:left;
}

table.info td.left {
background-color:#ebf2ec;
border-bottom:1px #409b89 solid;
border-right:1px #409b89 solid;
}

table.info td.right {
background-color:#ebf2ec;
border-bottom:1px #409b89 solid;
}

/* .nav */

.nav {
margin-top:30px;
margin-right: 60px;
float:right;
}

li {
color:#3c5340;
font-family:Open Sans, helvetica, arial, sans-serif;
font-size:13px;
line-height:17px;
margin-right:5px;
text-align:justify;
}

.nav ul {
-webkit-font-smoothing:antialiased;
display:block;
font-weight:700;
list-style:none;
margin:0;
padding-left:15px;
position:relative;
vertical-align:middle;
}

@-moz-document url-prefix() { 
.nav ul {
display:block;
font-weight:normal;
list-style:none;
margin:0;
padding-left:15px;
position:relative;
vertical-align:middle;
letter-spacing:1px;
}
}

.nav ul li {
float:left;
margin-right:0px;
}

.nav ul li a {
color:#004812;
display:block;
padding:20px 20px 20px 20px;
text-decoration:none;
}

.nav ul li a:link {
color:#004812;
display:block;
padding:20px 20px 20px 20px;
text-decoration:none;
}

.nav ul li a:visited {
color:#004812;
display:block;
padding:20px 20px 20px 20px;
text-decoration:none;
}

.nav ul li a:active {
color:#004812;
display:block;
padding:20px 20px 20px 20px;
text-decoration:none;
}

.nav ul li div ul li:hover ul {
display:block;
z-index:8;
}

.nav ul li div,.nav ul li div ul li ul {
display:none;
}

.nav ul li ul {
padding-bottom:15px;
padding-top:15px;
}

.nav ul li ul li {
margin-left:0;
margin-right:0;
}

.nav ul li div ul li ul {
padding-bottom:0;
padding-top:0;
z-index:4;
}

.nav ul li ul li ul li,.nav ul li ul:first-child li ul li {
background:#2a7264;
border-left:0 #000 solid;
margin-left:0;
}

.nav ul li ul li ul li:hover a {
color:#ffffff;
border-left:0 #000 solid;
background:#388777;
}

.nav ul li ul:first-child li {
margin-left:0px;
}

.nav ul li:hover {
background:#409b89;
}

.nav ul li ul li:hover {
background:#388777;
}

.nav ul li:hover a {
color:#ffffff;
padding:20px 20px 20px 20px;
text-decoration:none;
}

.nav ul li:hover div {
display:block;
}

.nav ul li:hover div a {
display:block;
font-family:OpenSansBold, Arial, Helvetica, Sans Serif;
font-size:12px;
line-height:13px;
padding:5px 20px 5px 20px;
text-align:left;
text-transform:uppercase;
width:160px;
font-weight:normal;
z-index:1;
}

.nav ul ul {
background:#409b89;
border-radius:0;
padding:0;
position:absolute;
}

.nav ul ul li {
border-left:0 solid #000;
float:none;
position:relative;
}


.nav ul ul ul {
left:100%;
position:absolute;
top:0;
}

.nav ul li ul li ul {
	z-index:900;
}

/* END .nav */

.button {
	border-radius:5px;
	display:inline-block;
	height:30px;
	line-height:30px;
	background-color: #4c6450;
	border: 1px solid #eBf1E6;
	width:100px;
	padding:5px;
	margin:10px;
	color:#ffffff !important;
	text-decoration: none;
	-webkit-transition: all;
	-webkit-transition-duration:0.2s;	
	-moz-transition: all;
	-moz-transition-duration:0.2s;
	text-transform: uppercase;
}

.button:hover {
	background-color: #409b89;
	color:#4c6450 !important;
	-webkit-transition: all;
	-webkit-transition-duration:0.2s;	
	-moz-transition: all;
	-moz-transition-duration:0.2s;	
}


/* NEWS MODULE */

.news-container { width:100%; margin-bottom:20px; display: inline-block; margin-top:15px; }

.left-big { width:630px; float: left; display: inline-block; margin-right:30px; }
.right-small { width:285px; float:right; display: inline-block; }

.right-big { width:642px; float: right; display: inline-block; }
.left-small { width:235px; float:left; display: inline-block; }

.news-container .left-big p { color:#000000; }
.news-container .right-small p { color:#ffffff; }
.news-container .right-small H1 { color:#ffffff; border-bottom-color: #ffffff; }

/* BANNER */

.events { font-family: 'Bebas Neue'; font-size:40px; margin-left:20px; color:#687b6c; letter-spacing:0.065em; }

/* table */

table.science{
	border: 1px solid #e5e5e5;
	padding:0;
}

table.science td{
	border:1px solid #e5e5e5;
	padding:5px;
	border-collapse: collapse;
}

table.science tr.empty td{
	border:none;
}

a {
	color:#3C5340;
}

/*breaking news*/

ol.qanda {
	padding-right:30px;
}

p.answer { padding:10px; background-color:#eee; }

.breaking{
	border:1px solid black;
	padding:15px;
	font-size:150%;
	margin-bottom: 40px
}

.n-list div {
	margin-bottom:50px;
}

/* Mobile switch */

.m-only {
	display:none;
}


.news_archive {
	display:none;
}

.news_archive.visible {
	display:block;
}

.archive_anchor {
	display:inline-block;
	width:200px;
	height:40px;
	position:relative;
	font-size:20px !important;
	cursor:pointer;
}

.archive_anchor::after {
	content:"Read more news";
	position:absolute;
	top:0;
	left:0;
}

.archive_anchor.less::after {
	content:"Read less news"
}

.quote { margin:30px 0 30px 50px; }

div.row { position:relative; min-height: 400px; }

.logo {
	
	margin-top: 20px;
	margin-left: 10px;
	
}

.header-image {
	
	position:		relative;
	
}

.header-image .facebook {
	
	width: 				50px;
	height: 			50px;
	position:			absolute;
	bottom:				6px;
	right:				-790px;
	text-decoration:	none;
	display:			block;
	background:			url("/images/FB-f-Logo.gif") center no-repeat;
	transition:			all 0.15s ease-out;
	
}

.header-image.es .facebook {
	
	max-width:		135px;
	
}

.header-image .facebook:hover {
	
	background-image:	url("/images/FB-f-Logo-blk.gif");
	cursor: 			hand;
	
}

.readmore a {
	
	width: 				100px;
	height: 			27px;
	text-decoration:	none;
	display:			block;
	background:			url("/images/bt-bg.gif") left no-repeat;
	background-color: 	#cfaf77;
	padding-left: 		38px;
	padding-top: 		7px;
	transition:			all 0.15s ease-out;
	font-family: 		Open Sans, helvetica, arial, sans-serif;
	font-size:			20px;
	text-transform: 	uppercase;
	color: 				#755227 !important;
	font-weight: 		bold;
	cursor: 			hand;
	
}

.readmore a:hover {
	
	color: 				#422a0d !important;
	cursor: 			hand;
	
}

.maintitle {
	width:980px;
	padding-top:170px;
	letter-spacing: 3px;
	margin-left:10px;
	text-align:left;
	vertical-align: bottom;
	font-family: Bebas Neue, Open Sans, helvetica, arial, sans-serif ;
	font-size:40px;
	color:#fff;
}

.cont-grid {
	width:100%;
}

.pub-grid {
	width:30%;
	Height:320px;
	margin-right:20px;
	text-align:left;
	vertical-align: top;
	float:left;
	position: relative;
}