/**
 * @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 {
	background:url(../images/bgd_site.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0;
	margin:0;
	text-align: left;
	font-size: 11px;
}

.clear { clear:both; }
img { border: 0; }
a {color:#474c61;}
img, div, a, li, ul, span { behavior: url(iepngfix.htc) }
/* FIN HTML - BODY */


/* ELEMENTS
==========================================================================================================================================================*/
h1 { color: #000; font-size: 17px; }
h2 { color: #000; font-size: 17px; }
h3 { color: #000; }
h4 { color: #000; }
input:focus { border: solid 2px; }
fieldset { border: 0; }
p { margin: 0; }
/* FIN ELEMENTS */


/* STRUCTURE
==========================================================================================================================================================*/
#all_hp { position:relative; background:url(../images/bgd_content.png) no-repeat top left; width: 902px; margin:13px auto; padding:0 0 0 0; }
#all { position:relative; background:url(../images/bgd_content_2.png) no-repeat top left; width: 902px; margin:13px auto; padding:0 0 0 0; }
#header { width: 902px; margin: 0; padding: 0; color: #000; }
#contentarea { background: url(../images/bgd_content.jpg) repeat-y 0 0; padding: 0; margin: 0; width: 902px; height:auto; }
#left { float: left; width: 170px !important; width: 170px; margin: 20px 0 0 3px !important; margin: 20px 0 0 3px; padding: 0; }
#main { background:url(../images/bgd_main.png) no-repeat 0 0; float: left; width: 480px!important; width: 480px; margin: 30px 0 0 16px!important; margin: 30px 0 0 16px; padding:15px;}
#main2 { float: left; width: 686px !important; width: 686px; height:auto; margin:0; padding: 22px 0 0 20px; }
#main3 { background:url(../images/bgd_main.png) no-repeat 0 0; float: left; width: 480px!important; width: 480px; margin: 30px 0 16px 189px!important; margin: 30px 0 16px 189px; padding:15px;}
#page {margin:0; padding:0;}
#right { width: 165px; float:right; margin:25px 15px 0 0;}
/* FIN STRUCTURE */


/* BANNIERE
==========================================================================================================================================================*/
#banner_site { background:url(../images/logo.gif) no-repeat top; margin: 0 0 0 0; padding:0; width:902px; height: 110px; }
#logo {width:323px; height:77px; padding:16px 0 0 10px; margin:0;}
#content_top_menu {width:902px; height:12px; margin:0 0 0 0; padding:0 0 0 0;}
#top_menu {width:auto; height:12px; margin:0 0 0 0; padding:0 0 0 0; float:right;}
	#top_menu ul {margin:0; padding:0;}
	#top_menu li {margin:0; padding:0; list-style-type:none; float:left;}
	#top_menu li a {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; margin:3px 0 0 0; padding:0 5px; border-left:1px solid #000000; display:block;}
	#top_menu li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-decoration:none; margin:3px 0 0 0; padding:0 5px; border-left:1px solid #000000; display:block;}
#search {width:150px; height:45px; font-size:11px; color:#414141; margin:25px 0 0 0; padding:0 0 0 0; float:right;}
/* FIN BANNIERE */


/* MENU PRINCIPAL
==========================================================================================================================================================*/
#menu { background:url(../images/bgd_menu.jpg) no-repeat 0 0; width:902px; height:29px; margin:0 0 0 0;}
#menu ul { margin: 0 0 0 0; padding:0; }
	#menu ul li { background:url(../images/menu_part_left.png) no-repeat top left; float: left; margin: 0 0 0 0; padding: 0; list-style-type: none; }

#menu ul li a { background:url(../images/menu_part_right.png) no-repeat top right; display: block; float: left; color: #fff; font-size:13px; font-weight: normal; text-decoration: none;  padding: 5px 25px; height: 19px; margin: 0; border:}
	#menu ul li a:hover,#menu ul li a.mainlevel-nav:active,#menu ul li a.mainlevel-nav:focus { background-color:#dee0e2; display: block; float: left; color: #6a747b; font-size:13px; font-weight: normal; text-decoration: none;  padding: 5px 25px; height: 19px; margin: 0;}


#mainlevel-nav { background-color: #8EB9CF;}
	#mainlevel-nav a.mainlevel_current-nav {background-color:#dee0e2; display: block; float: left; color: #6a747b; font-size:13px; font-weight: normal; text-decoration: none;  padding: 5px 40px; height: 19px; margin: 0;}
	#mainlevel-nav a.mainlevel_current-nav:hover {background-color:#dee0e2; display: block; float: left; color: #6a747b; font-size:13px; font-weight: normal; text-decoration: none;  padding: 5px 40px; height: 19px; margin: 0;}
	#mainlevel-nav a.mainlevel_active-nav {background-color:#dee0e2; display: block; float: left; color: #6a747b; font-size:13px; font-weight: normal; text-decoration: none;  padding: 5px 40px; height: 19px; margin: 0;}

/* FIN MENU PRINCIPAL */


/* SOUS-MENU
==========================================================================================================================================================*/
#sous_menu { background-color:#6d9100; width:839px; height:22px; float:right; margin:0 9px 0 0;}

	#sous_menu ul {margin:0; padding:0;}
		#sous_menu li {margin:0; padding:0; list-style-type:none;}
		#sous_menu li a {display: block; float: left; color: #fff; font-size:11px; font-weight: normal; text-decoration: underline;  padding: 0px 8px 5px 8px; height: 8px; margin: 5px 0 0 0; border-right:1px solid #ffffff;}
			#sous_menu li a:hover {display: block; float: left; color: #fff; font-size:11px; font-weight: normal; text-decoration: none;  padding: 0px 8px 5px 8px; height: 8px; margin: 5px 0 0 0; border-right:1px solid #ffffff;}
			#sous_menu li #active_menu-exmenu {display: block; float: left; color: #fff; font-size:11px; font-weight: normal; text-decoration: none;  padding: 0px 8px 5px 8px; height: 8px; margin: 5px 0 0 0; border-right:1px solid #ffffff;}
			

/* FIN SOUS-MENU */


/* POUCET
==========================================================================================================================================================*/
#breadcrumbs { height: 20px; padding: 10px 0 0 0; margin: 0; }
	#breadcrumbs p { padding: 0 0 0 38px; font-size: 9px; color:#666; }
	#breadcrumbs a:link,#breadcrumbs a:visited { color: #999; text-decoration: underline; }

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


/* FOOTER
==========================================================================================================================================================*/
#footer { width: 902px; height:30px; background: url(../images/bgd_bottom.png) no-repeat 0 0; padding:0; margin:0 0 0 0 ; }
	#footer p { font-size:10px; color: #999; padding: 15px 0 0 10px; margin: 0; }
	#footer a { color: #fff; }

#menu_footer {width:600px; height:30px; float:left;}
#menu_footer ul {margin:0; padding:0;}
#menu_footer li {margin:0; padding:0; float:left; list-style-type:none;}
#menu_footer li a {display: block; float: left; color: #063982; font-size:11px; font-weight: normal; text-decoration: none;  padding: 1px 8px 3px 8px; height: 10px; margin:8px 0 0 3px; border-right:1px solid #063982;}

#signature {width:300px; height:20px; float:right; margin:0; padding:0;}
#signature p {margin:0; padding:10px 0 0 0;}
#signature a {color:#ccc;}

#signature p a.admin {color:#999999; text-decoration:none;}
/* FIN FOOTER */


/* CONTENU
==========================================================================================================================================================*/
p.buttonheading { text-align: right; }
.inputbox {font-size:11px; color:#999999; border:1px solid #999999;}

#bloc_top { background:url(../images/hp_bloc_top_top.png) no-repeat 0 0; width:646px; height:auto; margin:0; padding:20px 19px 0 19px; color:#073982; font-size:12px;}




#custom_bloc_1 h1, #custom_bloc_2 h1, #custom_bloc_3 h1 {margin:0; padding:0; height:28px; color:#FFFFFF; font-size:11px; padding:15px 0 0 0; text-align:center;}
#custom_bloc_1 p, #custom_bloc_2 p, #custom_bloc_3 p {font-size:11px; color:#333; padding:3px 10px;}
#cyb_img {width:222px; height:51px;}

#custom_bloc_1 {background:url(../images/bgd_bloc_hp_1.jpg) no-repeat 0 0; width:222px; height:238px; float:left; margin:20px 0 0 0;}
#custom_bloc_2 {background:url(../images/bgd_bloc_hp_2.jpg) no-repeat 0 0; width:222px; height:238px; float:left; margin:20px 0 0 10px;}
#custom_bloc_3 {background:url(../images/bgd_bloc_hp_3.jpg) no-repeat 0 0; width:222px; height:238px; float:left; margin:20px 0 0 10px;}

#custom_bloc_1 ul,#custom_bloc_2 ul,#custom_bloc_3 ul {margin:0 0 0 20px; padding:0;}
#custom_bloc_1 ul li,#custom_bloc_2 ul li,#custom_bloc_3 ul li {margin:0px; padding:0; list-style-type:none; list-style-image:url(../images/fleche_bloc.gif);}
#custom_bloc_1 ul li a,#custom_bloc_2 ul li a,#custom_bloc_3 ul li a {text-decoration:underline;}
#custom_bloc_1 ul li a:hover,#custom_bloc_2 ul li a:hover,#custom_bloc_3 ul li a:hover {text-decoration:none;}

#main ul li {margin:0 0 0 30px;}
/* FIN CONTENU */



/* Right
==========================================================================================================================================================*/
#right .moduletable {width:165px; height:auto; margin:0 0 30px 0;}
#right .moduletable ul {margin:0; padding:0 0 10px 0;}
#right .moduletable li {margin:0 0 0 16px; padding: 0 0 0 0; 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_module_right.png) no-repeat top right; width:165px; height:15px; font-size:13px; margin:0 0 5px 0; padding:0 0 0 5px; color:#333; line-height:10px; border-bottom:1px dotted #474c61;}
/* FIN Right */


/* Left
==========================================================================================================================================================*/
#left .moduletable {background:url(../images/left_bgd_center_box.jpg) repeat-y top; width:170px; height:auto; margin:0 0 15px 0;}
#left .moduletable ul {margin:0; padding:1px 0 15px 0;}
#left .moduletable li {margin:5px 0 0 17px; padding: 0 0 0 0; list-style-type:none; list-style-image:url(../images/fleche_menu.png);}
#left .moduletable li a {margin:0; padding:0; font-size:10px; text-decoration:none; line-height:10px;}
#left .moduletable li a:hover {margin:0; padding:0 0 0 0; font-size:10px; text-decoration:none; line-height:10px;}
#left h3 { background:url(../images/left_bgd_top_box.jpg) no-repeat; width:160px; height:26px; font-size:11px; border-bottom:1px dotted #c6c6c6; margin:0 0 0 0; padding:0 0 0 10px; color:#69737a; line-height:35px; font-weight:normal;}

#left .moduletable li a.mainlevel-exmenu {font-weight:bold;}
#left .moduletable li a.mainlevel_current-exmenu,#left .moduletable li a.mainlevel_active-exmenu {font-weight:bold;}
#left .moduletable li a.sublevel_current-exmenu,#left .moduletable li a.sublevel_active-exmenu {color:#333; text-decoration:underline;}

/* FIN Left */



/* 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 */