/* CSS Document */
/*
-- Subject : CSS FRANQUS - STRUCTURE
-- Historique : Création le 23 novembre 2006
-- Author : Cynthia Roy
-- Évolubiz Inc.
*/

/**********Couleur***********/
/*
	Bleu : #00678F
	Bleu moyen : #7A96B6
	Bleu pâle : #F4F6F9
	Rouge : #894717
	Jaune pâle : #F8F4D8
	Menu Vert : #4A592D
	Menu Vert pâle : #6D7D3D
	Menu Jaune : #99711A
	Menu Jaune pâle : #B99A4F
	Menu Bleu : #33495F
	Menu Bleu pâle : #687D95
*/
/********************************************** Container *************************************************/
#container
{
	position: relative;
	width: 100%;
	margin: 0;
	background: url(../images/bg-top.jpg) no-repeat 0 0;
}
/**********************************************************************************************************/

/************************************************ Header **************************************************/
#header
{
	position: relative; z-index: 10;
}

#header .logo
{
	position: absolute; top: 0; left: 0;
	padding: 10px;
}

#header .logo A SPAN.home
{
	position: absolute; top: 26px; left: 12px;
	width: 10px; height: 38px;
	background: url(../images/logo_home.gif) no-repeat 0 0;
}

#header .logo A SPAN.home SPAN
{
	display: none;
}

#header DIV.slogan
{
	padding: 50px 0 0 200px;
}

#header DIV.slogan DIV
{
	padding: 5px 5px 4px 5px;
	text-align: center;
	color: #7A96B6;
	background-color: #F4F6F9;
	border: 1px solid #00678F;
	border-right: none;
}

#header DIV.utilz
{
	position: absolute; top: 28px; right: 5px;
}

#header DIV.utilz MENU
{
	margin: 0; padding: 0;
	list-style-type: none;
}

#header DIV.utilz MENU LI
{
	display: inline;
	margin: 0; padding: 0 2px 0 5px;
	border-left: 1px solid #FFFFFF;
}

#header DIV.utilz MENU LI.first
{
	border-left: none;
}
/* MENU */
#header DIV.menu
{
	position: relative; 
	margin: 0 0 0 200px; padding: 5px 0 0 0;
	border-left: 1px solid #00678F;
	background-color: #FFFFFF;
}

#header DIV.menu MENU
{
	position: absolute; top: 2px; left: 0; z-index: 10;
	width: 100%;
	margin: 0; padding: 0;
	border-top: 3px solid #00678F;
	list-style-type: none;
}

#header DIV.menu MENU LI
{
	display: inline;
}

#header DIV.menu MENU LI DIV.onglet
{
	float: left;
	height: 22px;
	line-height: 120%;
	margin: 0 2px 0 2px;
}
* html #header DIV.menu MENU LI DIV.onglet { position: relative; }
/* \*/ * html #header DIV.menu MENU LI DIV.onglet{ position: static; } /* */

#header DIV.menu MENU LI.first DIV.onglet
{
	margin-left: 25px;
}

#header DIV.menu MENU LI DIV.onglet DIV { position: relative; height: 100%; }
* html #header DIV.menu MENU LI DIV.onglet DIV { float: left; }

#header DIV.menu MENU LI DIV.onglet DIV .left
{
	position: absolute; top: 0; left: 0;
	background: url(../images/header_menu_btbleu-left.gif) no-repeat 0 0;
	width: 16px; height: 22px;
}

#header DIV.menu MENU LI DIV.onglet DIV .right
{
	position: absolute; top: 0; right: 0;
	background: url(../images/header_menu_btbleu-right.gif) no-repeat 0 0;
	width: 16px; height: 22px;
}

#header DIV.menu MENU LI DIV.onglet DIV A
{
	display: block;
	color: #33495F;
	font-size: 105%;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 2px 10px 0 10px; 
	height: 20px;
	background: url(../images/header_menu_btbleu.gif) no-repeat 50% 0;
	border: none;
	cursor: pointer;
}
/* \*/ * html #header DIV.menu MENU LI DIV.onglet DIV A{ display: inline; } /* */

#header DIV.menu MENU LI DIV.onglet DIV .text
{
	float: left;
	display: block;
	background: url(../images/header_menu_btbleu-bg.gif) repeat-x 0 0;
	margin: 0 15px 0 15px; padding: 0;
	height: 100%;
}
/* \*/ * html #header DIV.menu MENU LI DIV.onglet DIV .text { margin-left: 8px; margin-right: 8px; } /* */

#header DIV.menu MENU LI DIV.onglet_over DIV .left, #header DIV.menu MENU LI DIV.onglet_over DIV .right, #header DIV.menu MENU LI DIV.onglet_over DIV .text
{
	background-position: 0 -22px;
}

#header DIV.menu MENU LI DIV.onglet_over DIV A
{
	color: #FFFFFF !important;
	background-position: 50% -22px;
}

#header DIV.menu MENU LI.actif DIV.onglet{ height: 32px; font-size: 110%; }
#header DIV.menu MENU LI.actif DIV.onglet .text, #header DIV.menu MENU LI.actif DIV.onglet .left, #header DIV.menu MENU LI.actif DIV.onglet .right{ height: 32px; background-position: 0 -44px; }
#header DIV.menu MENU LI.actif DIV.onglet A, #header DIV.menu MENU LI.actif DIV.onglet_over A{ cursor: default; color: #FFFFFF !important; padding-top: 6px; height: 26px; background-position: 50% -44px; }
/* \*/ * html #header DIV.menu MENU LI.actif DIV.onglet A, * html #header DIV.menu MENU LI.actif DIV.onglet_over A{ height: 31px; } /* */
#header DIV.menu MENU LI.actif DIV.onglet A.actif { cursor: pointer !important; }
/**********************************************************************************************************/

/*********************************************** Middle ***************************************************/
#row_middle
{
	position: relative;
	z-index: 5;
}
/* \*/ * html #row_middle{ padding-top: 1px; } /* */
/**********************************************************************************************************/

/******************************************** Colonne gauche **********************************************/
#column_left
{
	position: absolute; top: 0; left: 0; z-index: 10;
	width: 185px;
}
/* \*/ * html #column_left{ left: -200px; } /* */

#column_left DIV.menu
{
	position: relative;
	margin: 10px 5px 10px 20px; padding: 10px 2px 10px 10px;
	background: url(../images/columnleft_menu_bg.jpg) no-repeat 50% 0;
	background-color: #FBF3E6;
	border: 1px solid #00678F;
}

#column_left DIV.menu H1
{
	margin: -16px 5px 10px -16px; padding: 4px 0 0 4px;
	color: #00678F;
	font-size: 130%;
	font-weight: bold;
	background-color: #F8EBEE;
	border: 1px solid #00678F;
}

#column_left DIV.menu H1 SPAN
{
	display: block;
	padding: 2px 2px 2px 8px;
	background-color: #FAF4EE;
	border: 1px solid #00678F; 
	border-right: none;
	border-bottom: none;
}

#column_left DIV.menu MENU
{
	margin: 0; padding: 0;
	list-style-type: none;
}

#column_left DIV.menu MENU LI
{	
	margin: 0 0 7px 0; padding: 0;
	list-style-type: none;
}

#column_left DIV.menu MENU LI A { display: block; padding-right: 20px; }
#column_left DIV.menu MENU LI A SPAN { }
#column_left DIV.menu MENU LI A:hover { }
#column_left DIV.menu MENU LI.actif A, #column_left DIV.menu MENU LI.actif A:hover { color: #00678F; text-decoration: none; }
#column_left DIV.menu MENU LI.actif A.actif { overflow: visible; background: url(../images/columnleft_menu_fleche.gif) no-repeat 95% 60%; }
/* \*/ * html #column_left DIV.menu MENU LI A{ display: inline; width: 100%; } /* */

#column_left DIV.menu MENU LI MENU
{	
	margin-top: 5px;
	margin-left: 15px;
}

#column_left DIV.menu MENU LI MENU LI
{	
	
}

#column_left DIV.menu MENU LI.actif MENU LI A { text-decoration: underline; background: none; }
#column_left DIV.menu MENU LI.actif MENU LI A SPAN { }
#column_left DIV.menu MENU LI.actif MENU LI A:hover { text-decoration: underline; color: #000000; }
#column_left DIV.menu MENU LI.actif MENU LI.actif A { color: #00678F; text-decoration: none; }
/**********************************************************************************************************/

/*********************************************** Content **************************************************/
#column_content
{
	margin-left: 200px;
	background-color: #FFFFFF;
	border-left: 1px solid #00678F;
	border-bottom: 1px solid #00678F;
}
/* \*/ * html #column_content{ position: relative; margin-top: -1px; } /* */

#content
{
	/*position: relative;*/
	padding: 50px 10px 10px 25px;
}

#content .trail
{
	font-size: 85%;
	margin: 0 0 10px 0;
}

#content .trail A { }
#content .trail A:hover { }

#content .content
{
	line-height: 18px;
}

#content DIV.box
{
	border: 1px solid #4169E1;
	background-color: #F8F4D8;
}

#content DIV.box DIV.box_content
{
	padding: 5px 8px 5px 8px;
}

#content DIV.box H2
{

}
/**********************************************************************************************************/

/******************************************** Colonne droite **********************************************/
/**********************************************************************************************************/

/*********************************************** Footer ***************************************************/
#footer
{
	clear: both;
	position: relative;
	margin-left: 200px;
}

#footer DIV.udes
{
	float: right;
	padding-right: 5px;
}

#footer DIV.links
{
	text-align: center;
	margin: 0 0 5px 0; padding: 7px 5px 8px 5px;
	background: url(../images/footer_links_bg.jpg) no-repeat 0 50%;
	background-color: #F4E5C6;
	border: 1px solid #00678F;
	border-top: none;
	border-right: none;
}

#footer MENU
{
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#footer MENU LI
{
	display: inline;
	margin: 0;
	padding: 0 3px 0 6px;
	border-left: 1px solid #FFFFFF;
}

#footer MENU LI.first
{
	border-left: none;
	padding-left: 0;
}

#footer MENU LI A { white-space: nowrap; }
#footer MENU LI A:hover { }

#footer DIV.copyright
{
	color: #33495F;
	font-size: 85%;
	text-align: center;
	margin: 0 140px 0 140px;
}

#footer DIV.credits
{
	color: #33495F;
	font-size: 85%;
	text-align: center;
	margin: 0 140px 0 140px;
}

#footer DIV.credits A, #footer DIV.credits A:hover { color: #33495F; text-decoration: none; }

/**********************************************************************************************************/