/******************************************************************************
* xVivreLayout.css
*******************************************************************************

*******************************************************************************
*                                                                             *
* Isotools - Copyright 2008							                          *
*                                                                             *
******************************************************************************/

body {
font-family:Verdana;
font-size:12px;
margin:0;
}

div.xVivrePage {
width:1000px;
margin:0 auto;
padding:0;
}

/* Header Top */

div.xVivreHeader 
{
    /*float:left;*/
    width:1000px;
    background:url(../iso_icons/header.jpg);
    height:173px;
}

h1.xVivreBanner,
h1.xVivreBanner a{
	display:block;
	float:left;
	width:600px;
	height:128px;
	margin:0;
}

h1.xVivreBanner a span 
{
    DISPLAY: none
    }

div.xVivreSearch {
	float:left;
	width:40%;
	height:128px;
}

div.xVivreSearch form
{
	margin-left:75px;
	margin-top:30px;
}

input.submitSearch {
	vertical-align:middle;
}

input#fulltextSearch {
	border:solid 1px #818181;
	height:16px;
	padding:0;
	vertical-align:middle;
}


div.xVivreLogin
{
    float:right;
    margin-top:16px;
    margin-right:2px;
}

/* -= Content layout =- */

/* File d'Ariane */

div.xVivreBreadCrumb {

}

ul.xVivreBreadCrumb {
list-style-type:none;
height:26px;
font-size:10px;
color:#FFF;
background:url(../iso_icons/Breadcrumb.jpg) no-repeat left top;
margin:2px 0 5px;
padding:0 0 0 6px;
}

ul.xVivreBreadCrumb li {
float:left;
}

ul.xVivreBreadCrumb a {
color:#FFF;
text-decoration:none;
}

/* -= Container =- */

/* Titre */

h2.bsPageTitle
{
    color:White;
    background:url(../iso_icons/title_right.gif) no-repeat right top;
    margin:0px;
}

h2.bsPageTitle span 
{
    display:block;
    background:url(../iso_icons/title_left.gif) no-repeat left top;
    padding-left:31px;
    padding-top:5px;
    font-family:Tahoma;
    font-size:14px;
    font-weight:bold;
    height:27px;
}

div.xVivreCenter h3
{
    color:#004a7f;
    margin-top:0px;
    margin-bottom:0.7em;
}

div#xVivreIllustrationDiv
{
    padding-bottom:10px;
}

div.xVivreBody
{
    margin:0 auto;
    padding:0px;
    width:863px;
}
.xVivreContent
{
    margin:0 auto;
    padding:0px;
    width:850px;
}

div.xVivreCenterWrapper 
{
    padding:0px;
    margin:0px;
}

div.xVivreCenter {
	margin:0px;
	border:0px;
	padding:3px;
	overflow:hidden;	/* give layout */
	height:1%;	/* give layout for IE6 */
}

div.xVivreCenter a
{
    text-decoration:none;
    color:#339999;
}

div.xVivreCenter a:hover
{
text-decoration:underline;
}

div.xVivreCenter p,
.bsHeading1 .bsHeading1Content {
    margin:0px;
}

/* left insets */

div.xVivreLeft {
float:left;
border:0;
overflow-x:hidden;
margin:0;
padding:0;
}

div.advRightNoSeparatorV,div.advLeftNoSeparatorV {
border:none;
}

/* Vertical menu */

div.xVivreLeftTitleMenu,div.xVivreRightTitleMenu {
text-align:center;
padding:0;
margin:0;
}

div.xVivreLeftTitleMenu a,div.xVivreRightTitleMenu a {
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:700;
line-height:27px;
}

div#xVivreIllustration {
padding:1px;
}

div.xVivreLeftMenu,div.xVivreRightMenu {
margin:0;
padding:0 0 7px;
}

div.xVivreLeftMenu ul,div.xVivreRightMenu ul {
list-style:none;
margin:0;
padding:1px;
}

div.xVivreLeftMenu li,div.xVivreRightMenu li {
height:18px;
margin:0;
padding:0;
}

div.xVivreLeftMenu li a,div.xVivreRightMenu li a {
display:block;
color:#fff;
text-decoration:none;
font-size:11px;
padding-left:19px;
padding-bottom:2px;
line-height:16px;
}

div.xVivreLeftMenu li a:hover,div.xVivreRightMenu li a:hover,div.xVivreLeftMenu li.on a,div.xVivreRightMenu li.on a {
text-decoration:underline;
}

/* left menu */

div.xVivreLeftTitleMenu {
background:url(../iso_icons/menu_left_title.gif) no-repeat left top;
}

div.xVivreLeftMenu {
background:#399 url(../iso_icons/menu_left_bg.gif) no-repeat left bottom;
}

div.xVivreLeftMenu li.on a {
background:#41bfbf;
}

/* right menu */

div.xVivreRightTitleMenu {
background:url(../iso_icons/menu_right_title.gif) no-repeat left top;
}

div.xVivreRightMenu {
background:#ff8a00 url(../iso_icons/menu_right_bg.gif) no-repeat left bottom;
}

div.xVivreRightMenu li.on a {
background:#fdae32;
}

/* right insets */

div.xVivreRight {
float:right;
border:0;
overflow-x:hidden;
margin:0;
margin-top:3px;
padding:0;
}

div.xVivreLeftInsets,div.xVivreRightInsets {
padding:0;
}











/* Wrapper */

/* NAV 1 */
ul.nav1
{
    margin:0px 0px 0px 70px;
    padding:0px;
    list-style:none;
    text-align:center;
}

ul.nav1 li{
	float:left;
	margin:0px;
	padding:0px;
	background:transparent url(../iso_icons/norm_right.gif) no-repeat right top;
}
ul.nav1 li.selected
{
    background:transparent url(../iso_icons/norm_right_on.gif) no-repeat right top;
}
ul.nav1 li a,
ul.nav1 li a:visited,
ul.nav1 li a:hover,
ul.nav1 li a:active
{
	display:block;
	font-size:13px;
    font-weight:bold;
	text-decoration:none;
	text-align:center;
	margin:0px;
	padding:0px;
	color:#fff;
	background:transparent url(../iso_icons/norm_left.gif) no-repeat left top;
}
ul.nav1 ul.nav2 li a,
ul.nav1 ul.nav2 li a:visited,
ul.nav1 ul.nav2 li a:hover,
ul.nav1 ul.nav2 li a:active{
	background:none;
}

ul.nav1 li.selected a,
ul.nav1 li.selected a:visited,
ul.nav1 li.selected a:hover,
ul.nav1 li.selected a:active
{
    background:transparent url(../iso_icons/norm_left_on.gif) no-repeat left top;
}

ul.nav1 li:hover{
	position:relative;
    background:transparent url(../iso_icons/norm_right.gif) no-repeat right top;
}

ul.nav1 li.selected:hover{
	position:relative;
    background:transparent url(../iso_icons/norm_right_on.gif) no-repeat right top;
}

ul.nav1 li a span{
	z-index:1;
	display:block;
	line-height:45px;
	padding:0px;
	margin:0px 6px;
	width:100px;
	background:url(../iso_icons/norm_bg.gif) repeat-x right top;
	cursor:pointer;
}

ul.nav1 li.selected a span
{
    background:url(../iso_icons/norm_bg_on.gif) repeat-x right top;
}

/* NAV 2 */
div.nav2{
	border:1px solid #fff;
	border-bottom:none;
}
ul.nav2{
	list-style:none;
	margin:0px;
	padding:0px;
	width:212px;
	padding-bottom:9px;
	background:url(../iso_icons/menu_bottom.gif) no-repeat left bottom;
	/*opacity: 0.9;*/
}

ul.nav2 li{
	float:none;
	text-align:left;
	margin:0px;
}

ul.nav2 li a,
ul.nav2 li a:visited,
ul.nav2 li a:hover,
ul.nav2 li a:active{
	text-align:left;
}

ul.nav2 li,
ul.nav2 li.selected,
ul.nav2 li a,
ul.nav2 li.selected a,
ul.nav1 li ul.nav2 li a,
ul.nav1 li.selected ul.nav2 li,
ul.nav1 li.selected ul.nav2 li.selected,
ul.nav1 li.selected ul.nav2 li a,
ul.nav1 li.selected ul.nav2 li.selected a{
    background:none;
    background-color:#0991bc;
	font-size:12px;    
}
ul.nav2 li a span{
	width:188px;
}
ul.nav2 li a span,
ul.nav2 li.selected a span,
ul.nav1 li.selected ul.nav2 li a span,
ul.nav1 li.selected ul.nav2 li.selected a span{
    background:none;
}
ul.nav2 li a:hover,
ul.nav2 li.selected a:hover,
ul.nav1 li ul.nav2 li a:hover,
ul.nav1 li.selected ul.nav2 li a:hover,
ul.nav1 li.selected ul.nav2 li.selected a:hover{
	background:#fff;
	color:#0991bc;
	font-size:12px;
}

ul.nav2 li a span,
ul.nav2 li.selected a span{
	padding:3px 5px;
	line-height:22px;
}
/* Début déroulement du menu */
ul.nav1 ul.nav2,
ul.nav1 li:hover ul.nav2 {
	display:none;
	position:absolute;
	z-index:10;
}

ul.nav1 li:hover ul.nav2,
ul.nav1 li:hover li:hover ul.nav2{
	display:block;
}
/* Fin déroulement du menu */

/* Footer */


div.xVivreFooter 
{
    float:left;
    font-size:11px;
    color:#fff;
    padding:0px;
    padding-top:10px;
    margin: 0 auto;
    width:100%;
}

div.xVivreFooter ul.xVivreShortcutsBottom
{
    display: block;
    margin: 0 auto;
    background:#06afb2 url(../iso_icons/bottom_bg.gif) no-repeat left top;
    margin:0px;
    padding:0px;
    border-bottom:solid 1px #fff;
    height:23px;
    text-align:center;
}

ul.xVivreShortcutsBottom li
{
    display:inline;
    margin: 0 auto;
    line-height: 23px
}

ul.xVivreShortcutsBottom a,
ul.xVivreFooterBottom a
{
    color:#fff;
    text-decoration:none;
    text-align:center;
}

div.xVivreFooter ul.xVivreFooterBottom
{
    font-family:Arial;
    background:#339999;
    list-style-type:none;
    margin:0px;
    padding:0px;
    width:100%;
    text-align:center;
}

li.xVivreCopyright
{
    font-weight:bold;
    margin:0px;
}

li.xVivreCoordonnees p
{
    text-align:center;
    margin:0px;
}


/* left insets */

div.insSimpleInset
{
    background:#339999;
    font-family:Arial;
    font-size:11px;
    color:#fff;
    border:none;
}

div.insSimpleInset h3.insTitle-text
{
    background:url(../iso_icons/cadre_title.gif) no-repeat left top;
    font-family:Verdana;
    font-size:18px;
    font-weight:normal;
    line-height:35px;
    padding:0px;
    padding-left:6px;
    margin:0px;
    border-bottom:solid 1px #fff;
    vertical-align:middle;
    text-align:left;
}

div.insSimpleInset p
{
    margin:0px;
    padding-left:8px;
    padding-top:12px;
    padding-bottom:6px;
}

div.insLinkInset
{
    background:#06afb2 url(../iso_icons/cadre_link.gif) no-repeat right top;
    padding-left:10px;
    margin:0px;
}

div.insLinkInset a
{
    font-weight:bold;
    color:#fff;
    line-height:25px;
    vertical-align:middle;
    width:100%;
    text-decoration:none;
}

div.insLinkInset p
{
    margin:0px;
}


/* Site Map */

div.smeSiteMap 
{
    background:#e3f4f9;
    color:#333;
    margin:10px;
    padding:10px;
    border:1px solid #41bfbf;
}

div.smeSiteMap a
{
    color:#333;
}

div.smeSiteMap a:hover
{
    color:#339999;
    text-decoration:none;
}

div.smeSiteMap li.level1
{
list-style-image: url(../iso_icons/puce.gif);
}

div.smeSiteMap li.level2
{
list-style-image: url(../iso_icons/puce1.gif);
}

div.smeSiteMap li.level3
{
list-style-image: url(../iso_icons/puce2.gif);
}