/*-------- CMS GPI -------*/

BODY {margin:0px; padding:0px; background-color:#1A455E; background-image:url(../images/background.gif); background-repeat:repeat-x; text-align:center;}

/*---links---*/
A:link, A:visited {color:#558BDD; text-decoration:underline;}
A:hover, A:active {color:#FF9C27; text-decoration:underline;}

/*---HTML forms---*/
FORM {padding:0px; margin:0px}
INPUT, TEXTAREA, SELECT { background-color:#F1F9FF; border:1px solid #92CCE9; color:#6E98D6; font:normal 11px trebuchet MS,arial,helvetica,sans serif; }
INPUT.radio { background-color:transparent; border:none;}
INPUT.checkbox { background-color:transparent; border:none; }


/*----------------------------------------global layout---*/
.page {}
.layout {width:720px; margin:6px auto 10px auto; text-align:left;}

/*--header--*/
.header {}

/*top navigation*/
.header .topnav {margin:0px; padding:0px; float:right;}
.header .topnav .outer {}
.header .topnav .leftmargin {}
.header .topnav .left {width:3px; background:url(../images/topnavleft.gif) no-repeat;}
.header .topnav .content {height:20px; background:url(../images/topnavct.gif) repeat-x; font:bold 10px trebuchet MS,arial,helvetica,sans serif; padding:4px 4px 0px 4px; }
.header .topnav .right {}
.header .topnav .rightmargin {width:3px; background:url(../images/topnavrightmg.gif) no-repeat;}

	/*topnav links*/
	.header .topnav A:link, .header .topnav A:visited {color:#94D1F4; text-decoration:none;}
	.header .topnav A:hover, .header .topnav A:active {color:#FFFFFF; text-decoration:none;}

/*graphic identity*/	
.header .identity {height:229px; background:url(../images/header.jpg) no-repeat; border:1px solid #495963; clear:both;}
.header .identity .logo-left {}
.header .identity .image {}
.header .identity .logo-right {}

/*mainnav*/
.header .mainnav {height:29px; background:url(../images/mainnavback.gif) repeat-x; border-left:1px solid #495963; border-right:1px solid #495963; text-align:left; }/*align menu with text-align*/
.header .mainnav .leftmargin {}
.header .mainnav .rightmargin {width:20px; background:url(../images/mrightmargin.gif) no-repeat;}

/*--container--*/
.container { width:100%; background:#FEFEFE url(../images/leftcolbottom.gif) repeat-x bottom left; border-left:1px solid #495963; border-right:1px solid #495963; border-bottom:1px solid #495963;}
.sublayout {}

/*left column*/
.leftcol {width:131px; background:url(../images/leftcolsep.gif) no-repeat top right;}
.leftcol .outer {width:125px; margin:0px 6px 0px 0px}
.leftcol .topmargin {height:42px; background:url(../images/lefttopcol.gif) no-repeat;}
.leftcol .content {}
.leftcol .bottommargin {height:33px; }

/*middle column*/
.maincol {}
.maincol .topmargin {height:10px; background:url(../images/leftcoltop.gif) repeat-x;}
.maincol .content { padding:6px 0px 0px 0px;}
.maincol .bottommargin {height:33px; }

/*right column*/
.rightcol {width:220px; background:url(../images/seprightcol.gif) no-repeat top left; }
.rightcol .outer {width:219px; margin:0px 0px 0px 1px}
.rightcol .topmargin {height:6px; background:url(../images/rightcoltop.gif) no-repeat;}
.rightcol .content {background:url(../images/rightcolback.gif) repeat-y top right; text-align:center;}
.rightcol .bottommargin {height:33px; background:url(../images/rightcolbottom.gif) no-repeat;}

/*--footer--*/
.footer {}

.footer .bottomnav {margin:0px 0px 5px 0px; padding:0px; float:right;}
.footer .bottomnav .outer {}
.footer .bottomnav .leftmargin {}
.footer .bottomnav .left {width:3px; background:url(../images/bottomnavleft.gif) no-repeat;}
.footer .bottomnav .content {height:20px; background:url(../images/bottomnavct.gif) repeat-x; font:bold 10px trebuchet MS,arial,helvetica,sans serif; padding:0px 4px 0px 4px; }
.footer .bottomnav .right {}
.footer .bottomnav .rightmargin {width:3px; background:url(../images/bottomnavrightmg.gif) no-repeat;}

	/*bottomnav links*/
	.footer .bottomnav A:link, .footer .bottomnav A:visited {color:#94D1F4; text-decoration:none;}
	.footer .bottomnav A:hover, .footer .bottomnav A:active {color:#FFFFFF; text-decoration:none;}
	
	

/*----------------------------------------contents---*/

/*-content zone-*/
.main-content  {font:normal 11px trebuchet MS,arial,helvetica,sans serif; margin:0px 3px 0px 4px;}
.main-content TD {font-family:trebuchet MS,arial,helvetica,sans serif; font-size:11px; }

/*-titres-*/
.main-title {background:url(../images/header1.gif) no-repeat 0px 2px; font-size:14px; color:#087ED5; border-bottom:1px solid #30BCFF; padding:0px 0px 2px 18px; margin:5px 0px 10px 0px}
.title-level1 {background:url(../images/bullet_h1.gif) no-repeat 0px 5px; font-size:13px; font-weight:normal; color:#FF7700; padding:0px 0px 0px 10px; margin:5px 0px 7px 0px}
.title-level2 {background:url(../images/bullet_h2.gif) no-repeat 0px 5px; font-size:12px; font-weight:normal; color:#3B91C2; padding:0px 0px 0px 8px; margin:5px 0px 5px 2px}
.header-level1-expanded {background:url(../images/h1_expanded.gif) no-repeat 0px 4px; padding:2px 0px 4px 20px; color:#FF7700; font-size:13px!important; cursor:hand}
.header-level1-collapsed {background:url(../images/h1_collapsed.gif) no-repeat 0px 4px; padding:2px 0px 4px 20px; color:#568ADC; font-size:13px!important; cursor:hand}



/*-content bloc-*/
.text-bloc {margin:10px 15px 10px 18px}

/*-text types-*/
.bloc-header {font-weight:bold; color:#4C606A; margin:5px 0px 10px 0px}
.paragraph {color:#4C606A; margin:5px 0px 10px 0px }
.separator {height:3px; font-size:1px; background:url(../images/separator.gif) repeat-x; padding:0px; margin:0px;}

/*-text styles-*/
.text-style1 {font-weight:bold;}
.text-style2 {color:#3D90C1}
.text-style3 {font-style:italic}
.text-style4 {font:normal 11px trebuchet MS,arial,helvetica,sans serif;}

/*- list-*/
.list-bloc {margin:0px; padding:0px;}
.bullet-link {margin:0px; padding:0px 0px 0px 12px; background:url(../images/link_arrow.gif) no-repeat 0px 5px; font:normal 11px trebuchet MS,arial,helvetica,sans serif; list-style:none; line-height:16px;}
.bullet-list {margin:0px; padding:0px 0px 0px 8px; background:url(../images/bullet_list.gif) no-repeat 0px 7px; font:normal 11px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; list-style:none; line-height:16px;}

/*-tables-*/
.table-border {border-collapse:collapse;}
.cell-header {color:#037FD6; padding:2px 4px 2px 4px; background-color:#D9EAF2; border:1px solid #B9CBD4; font:bold 11px trebuchet MS,arial,helvetica,sans serif;}
.table-header {font:normal 11px trebuchet MS,arial,helvetica,sans serif; color:#037FD6; padding:2px 4px 2px 4px; background-color:#D9EAF2; border:1px solid #B9CBD4;}
.cell1 {font:normal 11px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; padding:2px 4px 2px 4px; background-color:white; border:1px solid #B9CBD4}
.cell2 {font:normal 11px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; padding:2px 4px 2px 4px; background-color:#F3F7F8; border:1px solid #B9CBD4}
.cell-footer {font:normal 11px trebuchet MS,arial,helvetica,sans serif; color:#037FD6; padding:2px 4px 2px 4px; background-color:#D9EAF2; border:1px solid #B9CBD4;}

/*-forms-*/
.form-style {margin:10px 10px 10px 20px}
.form-style .cell1 {padding:2px; text-align:right; border:none; background-color:transparent}
.form-style .cell2 {padding:2px; border:none; background-color:transparent}

/*images*/
.img-left {float:left; display:block; margin:5px 10px 2px 0px; font:bold 10px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; text-align:center}
.img-center { display:block; margin:5px 0px 2px 0px; font:bold 10px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; text-align:center}
.img-right {float:right; display:block; margin:5px 0px 2px 10px; font:bold 10px trebuchet MS,arial,helvetica,sans serif; color:#4C606A; text-align:center}

/*-buttons-*/

/* outer */
.buttons-outer { background:url(../images/button_outer.gif) no-repeat; margin:5px 0px 5px 0px; padding:8px 0px 0px 0px; text-align:right }

/* main */
.button {font:bold 11px arial,helvetica,sans serif;}
	
/* links */
.button A:link, .button A:visited { cursor:hand; color:#FFFFFF; text-decoration:none !important }
.button A:hover, .button A:active { cursor:hand; text-decoration:none !important }

/* button1 */
.button1-part0 { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button1bg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button1-part1 { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button1bg2.gif) no-repeat top right; }
.button1-part0-down { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button1bg1.gif) no-repeat top left;  }
.button1-part1-down { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button1bg2.gif) no-repeat top right; }

/* button2 */
.button2-part0 { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button2bg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button2-part1 { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button2bg2.gif) no-repeat top right; }
.button2-part0-down { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button2bg1.gif) no-repeat top left;  }
.button2-part1-down { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button2bg2.gif) no-repeat top right; }

/* button3 */
.button3-part0 { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button3bg1.gif) no-repeat top left; } /* margin = space between buttons  */
.button3-part1 { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button3bg2.gif) no-repeat top right; }
.button3-part0-down { white-space:nowrap; margin:0px 2px 0px 2px; padding:0px 0px 0px 10px; height:20px; background:url(../images/button3bg1.gif) no-repeat top left;  }
.button3-part1-down { white-space:nowrap; margin:0px; padding:2px 10px 0px 0px; height:20px; background:url(../images/button3bg2.gif) no-repeat top right; }	

/*inactive button*/	
.inactive {}
	/* links */
	.inactive A:link, .inactive A:visited { cursor:hand; color:#e5e5e5; text-decoration:none !important }
	.inactive A:hover, .inactive A:active { cursor:hand; text-decoration:none !important }

.inactive .button1-part0,.inactive .button1-part0-down,.inactive .button2-part0,.inactive .button2-part0-down,.inactive .button3-part0,.inactive .button3-part0-down {background:url(../images/buttoninact1.gif) no-repeat top left;}
.inactive .button1-part1,.inactive .button1-part1-down,.inactive .button2-part1,.inactive .button2-part1-down,.inactive .button3-part1,.inactive .button3-part1-down {background:url(../images/buttoninact2.gif) no-repeat top right;}

/*-vignette-*/
.stamp {width:155px; padding:2px; margin:10px auto 10px auto; font:bold 10px trebuchet MS,arial,helvetica,sans serif; text-align:center; color:#006397}
	
/*----------------------------------------objects---*/
/*-submenu-*/
.submenu {width:125px; margin:0px; padding:0px; text-wrap:normal; }
.submenu .menutop {display:none}
.submenu .menulevel1 { background: url(../images/menulevel1.gif) no-repeat left bottom; font:normal 11px arial,helvetica,sans serif; margin:0px; padding:6px 2px 8px 12px; cursor:pointer; cursor:hand;}
.submenu .menulevel1-expanded { background: url(../images/menulevel1actif.gif) no-repeat left bottom; font:bold 11px arial,helvetica,sans serif; margin:0px; padding:6px 2px 8px 12px; cursor:pointer; cursor:hand;}
	/*links level1*/
	.submenu A {padding:0px; margin:0px; }
	.submenu A:link,.submenu A:visited {color:#657997; text-decoration:none}
	.submenu A:hover,.submenu A:active {color:#FF9C27; text-decoration:none}
	
.submenu .sousmenu { padding:0px; margin:0px;  }
.submenu .menulevel2 { list-style:none; background:url(../images/menulevel2.gif) no-repeat left bottom; font:normal 10px arial,helvetica,sans serif; margin:0px; padding:1px 2px 3px 17px;  }
	/*links level2*/
	.submenu .menulevel2 A {padding:0px; margin:0px; }
	.submenu .menulevel2 A:link,.submenu .menulevel2 A:visited {color:#687EA1; text-decoration:none}
	.submenu .menulevel2 A:hover,.submenu .menulevel2 A:active {color:#316CC6; text-decoration:none}

.submenu .menulevel2-active { list-style:none; background:url(../images/menulevel2actif.gif) no-repeat left bottom; font:normal 10px arial,helvetica,sans serif; margin:0px; padding:1px 2px 3px 17px;  }
	/*links level2 active*/
	.submenu .menulevel2-active A {padding:0px; margin:0px; }
	.submenu .menulevel2-active A:link,.submenu .menulevel2-active A:visited {color:#316CC6; text-decoration:none}
	.submenu .menulevel2-active A:hover,.submenu .menulevel2-active A:active {color:#316CC6; text-decoration:none}

.submenu .menubottom {height:42px; list-style:none; background:url(../images/bottommenu.gif) no-repeat;}


/*-streamline navigation-*/
.streamline {font:normal 10px arial,helvetica,sans serif; color:#037FD6; margin:5px;}

	/*streamline links*/
	.streamline A:link, .streamline A:visited {color:#006397; text-decoration:underline;}
	.streamline A:hover, .streamline A:active {color:#FF7700; text-decoration:none;}

/*-newsletter-*/
.newsletter {}
.newsletter .libelle {}

/*-quicksearch-*/
.quicksearch {}
.quicksearch .libelle {}

/*-bloc-*/
.bloc {text-align:left;}
.bloc .title { }
.bloc .content-zone { }
.bloc .content-zone-active {  }

/*-shortcuts-*/
.shortcuts {height:14px; float:right}
.shortcuts .friend {height:14px; width:20px; display:inline; background:url(../images/button_print.gif) no-repeat; cursor:pointer; cursor:hand}
.shortcuts .print {height:14px; width:20px; display:inline; background:url(../images/button_print.gif) no-repeat; cursor:pointer; cursor:hand}
.shortcuts .bookmark {height:14px; width:20px; display:inline; background:url(../images/button_print.gif) no-repeat; cursor:pointer; cursor:hand}
.shortcuts .contact {height:14px; width:20px; display:inline; background:url(../images/button_print.gif) no-repeat; cursor:pointer; cursor:hand}
.shortcuts .sitemap {height:14px; width:20px; display:inline; background:url(../images/button_print.gif) no-repeat; cursor:pointer; cursor:hand}

/*focus*/
.focus { width:314px; margin:10px; }
.focus .focustop { height:4px; background:url(../images/focustop.gif) no-repeat; font-size:0px}
.focus .focusback { background:url(../images/focusback.jpg) no-repeat bottom left; padding:4px 15px 0px 10px;}
.focus .focusbottom { height:11px; background:url(../images/focusbottom.gif) no-repeat; font-size:0px}