/**
 * @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $
 * @author Design & Accessible Team ( Angie Radtke  )
 * @package Joomla
 * @subpackage Accessible-Template-Beez
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */

/* HTML - BODY
==========================================================================================================================================================*/
* { margin: 0; padding: 0; }

body { padding: 0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left;}
.clear { clear:both; }
img { border: 0; }
a { color: #929c00; }
/* FIN HTML - BODY */


/* ELEMENTS
==========================================================================================================================================================*/
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #660460; font-size: 13px; margin:0 0 15px 0; }
h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #660460; font-size: 13px; margin:0 0 0 0; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 13px; }
h4 { font-family:Verdana, Arial, Helvetica, sans-serif; color: #666; font-size: 12px; }
input:focus { border: solid 2px; }
fieldset { border: 0; }
p { margin: 0; }
img, div, a { behavior: url(../iepngfix.htc) }
/* FIN ELEMENTS */



/* STRUCTURE
==========================================================================================================================================================*/
#all { position:relative; width:928px; margin:0 auto; padding: 0; }
#header {background:url(../images/bgd_banner.jpg) no-repeat; width:928px; height:138px; margin:0; padding:0;}
#contentarea_1 { background:url(../images/bgd_content_1.jpg) repeat-y 0 0; padding:0 0 0 0; margin:0 0 0 143px; width:785px; height:auto; }
#contentarea_2 { background:url(../images/bgd_content_2.jpg) no-repeat 0 0; padding:0 0 0 0; margin:0; width:785px; height:auto; }
#left { float:left; background-color:#3f8700; width:131px; height:auto; margin:0 0 0 13px!important; margin:0 0 0 6px; padding:0 0 0 0; font-family:Arial, Helvetica, sans-serif;}
#main { float:left; width:411px; height:auto; margin:0 0 15px 16px; padding:0 0 0 0;}
#main2 { float:left; width:411px; height:auto; margin:0 0 15px 160px!important; margin:0 0 15px 80px; padding: 0 0 0 0;}
#right {float: right; width: 189px; height:auto; margin:40px 0 0 0; padding: 0 0 0 0; }
/* FIN STRUCTURE */



/* HEADER
==========================================================================================================================================================*/
#logo {position:absolute; top:138px; left:0px; width:143px; height:auto;}
#lieu {position:absolute; top:349px; left:0px; width:143px; height:auto;}
#spow {position:absolute; top:422px; left:0px; width:143px; height:auto;}
#degrade_banner {position:absolute; top:53px; left:287px; width:662px; height:42px;}
#image_banner {position:absolute; top:0px; left:304px; width:624px; height:95px;}

#menu {width:639px; height:0px; margin:0 0 0 287px; padding:95px 0 0 0;}
#menu ul { margin:0; padding:0;}
#menu ul li { float: left; margin: 0 0 0 0; padding: 0; list-style-type: none;}

#menu ul li a { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; float: left; height:29px; color: #fff; font-size:12px; font-weight: bold; text-decoration: none;  padding:14px 9px 0 9px; margin:0 0 0 0;}
#menu ul li a:hover,#menu ul li a.mainlevel-nav:active,#menu ul li a.mainlevel-nav:focus { background:url(../images/bgd_menu_on.jpg) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; float: left; height:29px; color: #fff; font-size:12px; font-weight: bold; text-decoration: none;  padding:14px 9px 0 9px; margin:0 0 0 0;}

#mainlevel-nav { background-color: #fff;}
	#mainlevel-nav a.mainlevel_current-nav { background:url(../images/bgd_menu_on.jpg) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; float: left; height:29px; color: #fff; font-size:12px; font-weight: bold; text-decoration: none;  padding:14px 9px 0 9px; margin:0 0 0 0;}
	#mainlevel-nav a.mainlevel_current-nav:hover { background:url(../images/bgd_menu_on.jpg) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; float: left; height:29px; color: #fff; font-size:12px; font-weight: bold; text-decoration: none;  padding:14px 9px 0 9px; margin:0 0 0 0;}
	#mainlevel-nav a.mainlevel_active-nav { background:url(../images/bgd_menu_on.jpg) repeat-x 0 0; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display: block; float: left; height:29px; color: #fff; font-size:12px; font-weight: bold; text-decoration: none;  padding:14px 9px 0 9px; margin:0 0 0 0;}

/* FIN BANNER MENU PRINCIPAL */


/* SOUS-MENU
==========================================================================================================================================================*/
#left ul {margin:0 0 0 0; padding:0 0 0 18px;}
#left ul li {margin:0 0 0 0; padding:0 0 0 0; list-style-image:url(../images/fleche_sous_menu.gif);}

#left ul li a {color: #fff; font-size:11px; text-decoration:none;  padding: 0 0 0 0; margin:0 0 0 0;}
#left ul li a:hover, #left li #active_menu-exmenu {color: #fff; font-size:11px; text-decoration:underline;  padding: 0 0 0 0; margin:0 0 0 0;}
/* FIN SOUS-MENU */



/* POUCET
==========================================================================================================================================================*/
#breadcrumbs {width:600px; height:auto; padding:0 0 0 0; margin:15px 0; font-size:10px; }
	#breadcrumbs a:link,#breadcrumbs a:visited { color: #999; text-decoration: underline; }

	#breadcrumbs span { color: #999; padding: 0; }
		#breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {color: #999; text-decoration: none; }
/* FIN POUCET */



/* CONTENU
==========================================================================================================================================================*/
p.buttonheading { text-align: right; }
.inputbox {font-size:11px; color:#999999; border:1px solid #999999; display: inline-block; margin-bottom: 10px; margin-top: 4px;}

.inputboxhidden {
	display: inline-block;
}

label {
	font-size: 13px;
	color: #FF0000;
	display: block;
	margin-top: 10px;
	margin-bottom: 4px;
}

.label2nd {
	font-size: 13px;
	color: #646464;
	margin-top: 10px;
	margin-bottom: 4px;
	vertical-align: top;
}

.editlinktip hasTip {
	display: inline-block;
}
input[type=radio]
	
 {
	display: block;
}

input[type=submit]
	
 {
	display: block;
}

.button2-left{
	display: inline-block;
}
.modal-button {
	font-size: 10px;
	color: #646464;
	display: inline-block;
	
}

.button2-left .readmore {
	font-size: 10px;
	color: #646464;
	display: inline-block;
}

#page ul {margin:0 0 0 10px; padding:0 0 0 0;}
#page li {margin:0 0 0 25px; padding:0 0 0 0; list-style-image:url(../images/fleche.gif);}
#page blockquote {margin:0 0 0 30px;}

#main p, #main2 p, #main li, #main2 li {font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size: 12px;}
/* FIN CONTENU */



/* Right
==========================================================================================================================================================*/
#right .moduletable {width:189px; height:auto; margin:0;}
#right .moduletable ul {margin:0; padding:5px 0 10px 0;}
#right .moduletable li {margin:0 0 0 18px; padding: 0 0 0 0px; list-style-type:none; list-style-image:url(../images/fleche.gif);}
#right .moduletable li a {margin:0; padding:0; font-size:11px; text-decoration:underline; line-height:16px;}
#right .moduletable li a:hover {margin:0; padding:0; font-size:11px; text-decoration:none; line-height:16px;}
#right h3 { background:url(../images/bgd_bloc_right.jpg) no-repeat 0 0; width:189px; height:34px; font-size:11px; text-transform:uppercase; margin:0 0 0 0; padding:0 0 0 14px; color:#fff; line-height:22px;}
/* FIN Right */



/* FOOTER
==========================================================================================================================================================*/
#footer { background:url(../images/bgd_bottom.jpg) no-repeat 0 0; width:785px; height:27px; margin:0 0 0 143px; padding:0; font-size:10px; color: #999;}
#copyright {width:auto; height:27px; margin:0 0 0 0; padding:6px 0 0 0;}
/* FIN FOOTER */


/* TOOLTIPS
==========================================================================================================================================================*/
.tool-tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; text-align:left; }
.tool-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; }
.tool-text { font-size: 100%; margin: 0; }
/* FIN TOOLTIPS */

/* F2C Encodage Fiches
==========================================================================================================================================================*/

.adminlist {
	font-size: 10px;
	width: 600px;
	text-align: center;
}

.adminlist thead tr th {
	text-align: center;
}

/* CSS affichage fiches
==========================================================================================================================================================*/

.fiche-titre {
	display: inline-block;
	float: left;
	border:  1px solid #828282;
	width: 587px;
	padding: 5px;
	margin: 3px 0px 3px 6px;

}

.fiche-titre-intro {
	display: inline-block;
	float: left;
	border:  none;
	width: 580px;
	padding: 3px;
	margin: 3px 0px 3px 6px;

}

.fiche-titre2 {
	display: inline-block;
	float: left;
	border:  none;
	width: 590px;
	padding: 5px;
	margin: 3px;
}

.fiche-titre3 {
	display: inline-block;
	float: left;
	border:  none;
	width: 590px;
	padding: 5px 0px 5px 5px;
	margin: 3px 0px 3px 6px;
}

.fiche-logolieu {
	display: inline-block;
	float: left;
	border:  none;
	width: 50px;
	padding: 3px 3px 3px 3px;
	margin: 3px;
}

.fiche-logolieu img{
	display: block;
        width: 45px;
}

.fiche-lis {
	display: inline-block;
	float: left;
	border:  none;
	width: 360px;
	height:  90px;
	padding: 20px 2px 2px 2px;
	margin-top: 2px;
	text-align: center;
}

.fiche-bigtitle {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 15px; 
	color: #78B642;
	font-weight: bold;
	text-align: center;

}

.fiche-titreinside {
	display: inline-block;
	float: left;
	border:  none;
	width: 400px;
	padding: 1px;
	margin: 2px;
}

.contact-block
{
	display: inline-block;
	float: left;
	width: 280px;
	padding: 3px;
	margin: 2px;
}

.fiche-keywords {
	display: inline-block;
	float: right;
	background-color: #78B642;
	width: 287px;
	height:  auto;
	padding: 3px 0px 10px 3px;
	margin: 2px 0px 2px 2px;
}

.fiche-keywords ol {
	display: inline-block;
	float: left;
	padding: 3px 3px 0px 3px;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 11px; 
	color: #8A8A8A;
	text-align: left;
	list-style-type: circle ;
	margin:  auto;
        line-height: 20px;
}


.fiche-contact {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px; 
	color: #000000;
	display:  block;
	clear: both;
	text-align: left;
	width: 270px;
	border-bottom:  1px solid #8A8A8A ;
	margin-bottom: 3px;
	padding-bottom: 3px;
}

.fiche-name {
	font-size: 13px; 
	font-weight: bold;
}

.fiche-labo {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #78B642;
	display:  block;
	clear: both;
}

.fiche-institution {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #000000;
	display:  block;
	clear: both;
	text-align: left;
	margin-top: 2px;
	
}

.fiche-logo {
	display: inline-block;
	float: left;
	border:  none;
	width: 100px;
	padding: 1px;
	margin: 2px;
}

.fiche-logo img{
	width: 90px;
}


.fiche-adresse {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px; 
	color: #ffffff;
	background-color: #670460;
	display:  inline-block;
	float: left;
	text-align: left;
	width: 280px;
	padding: 15px 5px 15px 5px;
        margin-left: 15px;
	font-weight: bold;
}


.fiche-website {
	display:  block;
	clear: both;
}

.fiche-website a{
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #78B642;
}

.fiche-website a:hover{
	color: #6B1D5B;
}



.fiche-illustration {
	display: inline-block;
	float: left;
	width: 250px;
	padding: 0px 2px 0px 5px;
	margin: 0px 2px 0px 2px;
}

.fiche-illustration img{
	width: 230px;
}


.fiche-subtitle {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px; 
	text-transform: uppercase;
	color: #ffffff;
	background-color: #78B642;
	font-weight: bold;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px ;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 5px;
	display:  block;

}

.fiche-subtitle-contact {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px; 
	color: #78B642;
	font-weight: bold;
	text-align: left;
	margin-top: 2px;
	margin-bottom: ;
	display:  block;

}

.fiche-subtitle-key {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 15px; 
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	margin-left: 15px;
	display:  block;

}

.fiche-subtitle-right {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px; 
	text-transform: uppercase;
	color: #ffffff;
	background-color: #78B642;
	font-weight: bold;
	text-align: right;
	margin-left: 6px;
	margin-top: 2px;
	margin-bottom: 2px ;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-left: 7px;
	padding-right: 30px;
	display:  block;
	width: 545px;

}

.fiche-info {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px; 
	color: #000000;
	display:  block;
	clear: both;
	text-align: left;
	width: 575px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 7px;
}

.fiche-info ul {
	list-style-position: inside;
	padding-left: 2px;
	color: #000000;
	font-size: 12px;
}

.fiche-info ul li {
	color: #000000;
	list-style-image:url(http://www.reseaulieu.be/labinsight/images/stories/arrow_right.png);
	font-size: 12px;
}

.readon {
	display: inline-block;
	float: left;
}

.smalltitle {
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px; 	
}