﻿	/*	CSS iris gpr - 2007-03-29
		
		0. common	
			utils
			icones
			colors 
			links colors for content
			links for top and bottom
		1. top
			langues
		2. nav
			colors nav
			imgs nav
			nav partie PERSO
		3. nav-top for group
		4. content
			flash header
			main
			titles
			list
		5. column-right
			colors links
		6. bottom
		7. specifik pages
			group page CONTACT
			group page METIER
			group page NEWS
			group page OFFERS
			perso page ACTUALITE
		8. style sitemap
	*/

/* 
--------------------------------------------------------------------------------- 1. common */
html,body {}

/*sfo html {  filter: expression(document.execCommand(""BackgroundImageCache"", false, true));}*/

html 
{

}

form {

}

* {margin:0;padding:0;}

body {
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
background:#b0b6c4;
}

/* table headers */

th {font-weight:normal;}

h1 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size:20px;
	color:#004b88;
}

img {display:block;}

input.checkbox { 
border: none;} 

.checkbox input{ 
border: none !important} 

#container	{}
#content	{}

/* utils */
.clearBoth {clear:both;}
.floatLeft {float:left;}

.line {background:url(/01/Images/Iris/line.gif) repeat-x;height:1px;}
.dots {background:url(/01/Images/Iris/dots.gif) repeat-x bottom;height:1px;}

.line-padding {margin:10px 0 10px 0;}

.highlight {color:#969aa8;}

.link-pdf {
background:url(/01/Images/Iris/ico-pdf.gif) no-repeat left;
padding-left:20px;}

/* icones */
.ico-cleaning		{background:url(/01/Images/Iris/ico-cleaning.gif) no-repeat top left;width:17px;height:19px;padding-right:4px;}
.ico-finishing		{background:url(/01/Images/Iris/ico-finishing.gif) no-repeat top left;width:17px;height:19px;padding-right:4px;}
.ico-anticorrosion	{background:url(/01/Images/Iris/ico-anticorrosion.gif) no-repeat top left;width:17px;height:19px;padding-right:4px;}
.ico-greencare		{background:url(/01/Images/Iris/ico-greencare.gif) no-repeat top left;width:17px;height:19px;padding-right:4px;}

/* colors */
.group-color			{color:#004b88;}
.cleaning-color			{color:#00a0af;}
.finishing-color		{color:#7b3f98;}
.anticorrosion-color	{color:#f8a35b;}
.greencare-color		{color:#7cc242;}

/* links colors for content */
.group #text a			{color:#004b88;}
.cleaning #text a		{color:#00a0af;}
.finishing #text a		{color:#7b3f98;}
.anticorrosion #text a	{color:#f8a35b;}
.greencare #text a		{color:#7cc242;}


/* links for top and bottom */
#links a			{color:#41475a;text-decoration:none; font-size:11px;}
#links a:link		{color:#41475a;text-decoration:none;}
#links a:hover		{color:#41475a;text-decoration:underline;}
#links a:active		{color:#41475a;}
#links a:visited	{color:#41475a;}

#links .links-separator {color:#878b98;margin:0 2px;}

/* 
--------------------------------------------------------------------------------- 1. top */
#top {
background:url(/01/Images/Iris/bg-top.gif) repeat-x top; 
text-align:center;
height:25px;}

#content-top {
margin:auto;
text-align:left;
width:780px;}

/* langues */
#lg a			{color:#fff;text-decoration:none;font-size:10px;}
#lg a:link		{color:#fff;text-decoration:none;}
#lg a:hover		{color:#fff;text-decoration:underline;}
#lg a:active	{color:#fff;}
#lg a:visited	{color:#fff;}

#lg a span	{display:block;padding:2px 0 0 4px;}

#lg .lg-group			{float:left;background:url(/01/Images/Iris/lg-group.gif) no-repeat;width:21px;height:18px;margin:0 5px 0 0;}
#lg .lg-cleaning		{float:left;background:url(/01/Images/Iris/lg-cleaning.gif) no-repeat;width:21px;height:18px;margin:0 5px 0 0;}
#lg .lg-finishing		{float:left;background:url(/01/Images/Iris/lg-finishing.gif) no-repeat;width:21px;height:18px;margin:0 5px 0 0;}
#lg .lg-anticorrosion	{float:left;background:url(/01/Images/Iris/lg-anticorrosion.gif) no-repeat;width:21px;height:18px;margin:0 5px 0 0;}
#lg .lg-greencare		{float:left;background:url(/01/Images/Iris/lg-greencare.gif) no-repeat;width:21px;height:18px;margin:0 5px 0 0;}

#lg .lg-disable {background:url(/01/Images/Iris/lg-disable.gif) no-repeat;float:left;width:21px;height:18px;margin:0 5px 0 0;}

/* 
--------------------------------------------------------------------------------- 2. nav */

#nav {
float:left;
font-size:11px; 
margin:0 0 10px 3px;
padding:0 0 0 0;
width:155px;}

#nav ul, #nav li {list-style-type: none;margin:0;padding:0}

#nav ul li ul {
background:#fff url(/01/Images/Iris/bg-snav-bottom.gif) no-repeat 0 100%;
width:147px;
margin-left:4px;
padding-bottom:4px;}

#nav ul li  {
margin-bottom:2px;}

#nav ul li ul li ul { /*ssnav*/
margin:0px;padding:0 0 0 10px; background:none;width:137px;}

#nav ul li ul li {background:url(/01/Images/Iris/nav-separator.gif) repeat-x bottom;}

#nav ul li ul li.nav-last {background:none;}
	
#nav ul li ul li a {background:none;}

#nav ul li a span {visibility:hidden;}


#nav li a {
color: #5f6578;
text-decoration: none;
display: block;}

#nav ul li ul li a {
height:100%;
width:auto;
padding:3px 0 6px 7px;}


/* colors nav */
#nav #snav1 li a:hover {color:#004b88;}
#nav #snav2 li a:hover {color:#00a0af;}
#nav #snav3 li a:hover {color:#7b3f98;}
#nav #snav4 li a:hover {color:#f8a35b;}
#nav #snav5 li a:hover {color:#7cc242;}

#nav #snav1 li a.nav-actif {color:#004b88;}
#nav #snav2 li a.nav-actif {color:#00a0af;}
#nav #snav3 li a.nav-actif {color:#7b3f98;}
#nav #snav4 li a.nav-actif {color:#f8a35b;}
#nav #snav5 li a.nav-actif {color:#7cc242}


/* imgs nav */
.nav-groupe a {
	display:block;
	width:155px;
	height:31px;
	background:url(/01/Images/Iris/nav-groupe.gif) no-repeat;
}

#nav li.nav-cleaning {
	padding-top:14px;
}
.nav-cleaning a {
	display:block;
	width:155px;
	height:31px;
	background:url(/01/Images/Iris/nav-cleaning.gif) no-repeat;
}

.nav-finishing a {
	display:block;
	width:155px;
	height:31px;
	background:url(/01/Images/Iris/nav-finishing.gif) no-repeat;
}

.nav-anticorrosion a {
	display:block;
	width:155px;
	height:31px;
	background:url(/01/Images/Iris/nav-anticorrosion.gif) no-repeat;
}

.nav-greencare a {
	display:block;
	width:155px;
	height:31px;
	background:url(/01/Images/Iris/nav-greencare.gif) no-repeat;
}



/* nav partie PERSO */
#nav-perso {
float:left;
font-size:11px; 
margin:0 0 10px 4px;padding:0 0 0 0;
width:150px;}

#nav-perso div	{width:154px;height:32px;margin-bottom:2px;}
#nav-perso a 	{text-decoration:none;}

#nav-perso #demande span	{visibility:hidden;}
#nav-perso #actualite span	{visibility:hidden;}
#nav-perso #concours span	{visibility:hidden;}

#nav-perso #demande {
background:url(/01/Images/Iris/nav-perso-demande.gif) no-repeat;
width:154px;height:32px;}

#nav-perso a:hover #demande, #nav-perso a.selected #demande {
cursor:pointer;
background:url(/01/Images/Iris/nav-perso-demande-actif.gif) no-repeat;}

#nav-perso #actualite {
background:url(/01/Images/Iris/nav-perso-actualite.gif) no-repeat;
width:154px;height:32px;}

#nav-perso a:hover #actualite, #nav-perso a.selected #actualite {
cursor:pointer;
background:url(/01/Images/Iris/nav-perso-actualite-actif.gif) no-repeat;}

#nav-perso #concours {
background:url(/01/Images/Iris/nav-perso-concours.gif) no-repeat;
width:154px;height:32px;}

#nav-perso a:hover #concours, #nav-perso a.selected #concours {
cursor:pointer;
background:url(/01/Images/Iris/nav-perso-concours-actif.gif) no-repeat;}

/* 
--------------------------------------------------------------------------------- 3. nav-top for group */

#nav-top {
float:left;
width:616px;
margin:0 0 12px 17px;}

#nav-top div {float:left;}

#nav-top a 	{text-decoration:none;}

#nav-top #offre span	{visibility:hidden;}
#nav-top #ouvrier span	{visibility:hidden;}
#nav-top #employe span	{visibility:hidden;}


#nav-top #offre {
background:url(/01/Images/Iris/nav-top-offres.gif) no-repeat;
width:156px;height:32px;}

#nav-top a:hover #offre {
cursor:pointer;
background:url(/01/Images/Iris/nav-top-offres-actif.gif) no-repeat;}

#nav-top #ouvrier {
background:url(/01/Images/Iris/nav-top-ouvrier.gif) no-repeat;
width:229px;height:32px;}

#nav-top a:hover #ouvrier  {
cursor:pointer;
background:url(/01/Images/Iris/nav-top-ouvrier-actif.gif) no-repeat;}

#nav-top #employe {
background:url(/01/Images/Iris/nav-top-employe.gif) no-repeat;
width:231px;height:32px;}

#nav-top a:hover #employe  {
cursor:pointer;
background:url(/01/Images/Iris/nav-top-employe-actif.gif) no-repeat;}

/* 
--------------------------------------------------------------------------------- 4. content */
#content {
text-align:center; 
width:100%;
background-color:#fff; }

#content-content {
text-align:left;
margin:0 auto;
width:800px;}

/* flash header */
#flash-header {padding:0 0 25px;text-align:center; width:800px; margin:0 auto;}

/* main */
#main {
color:#4b5164;
padding:0 0 64px 0px;}

#main #text {
float:left;
margin:0 0 0 20px;
width:420px;}

#main #text p {padding:7px 0; margin:0;}

#main h2 {font-size:17px; font-weight:bold;padding:8px 0 5px 0;}
.group #main h2			{color:#004b88;}
.cleaning #main h2		{color:#00a0af;}
.finishing #main h2		{color:#7b3f98;}
.anticorrosion #main h2	{color:#f8a35b;}
.greencare #main h2		{color:#7cc242;}

#main h3 {font-size:11px; font-weight:bold;padding:5px 0 10px 0;}


/* list */
#text ul {font-size:11px;margin:0 0 5px 10px;list-style-type:none;}
.cleaning #text li		{background:url(/01/Images/Iris/arrow-cleaning.gif) no-repeat top left; padding:0 0 3px 10px;}
.finishing #text li		{background:url(/01/Images/Iris/arrow-finishing.gif) no-repeat top left; padding:0px 0 3px 10px;}
.anticorrosion #text li	{background:url(/01/Images/Iris/arrow-anticorrosion.gif) no-repeat top left; padding:0 0 3px 10px;}
.greencare #text li		{background:url(/01/Images/Iris/arrow-greencare.gif) no-repeat top left; padding:0 0 3px 10px;}



/* 
--------------------------------------------------------------------------------- 5. column-right */

#column-right {
margin:0 6px 0 0px;
font-size:10px;
float:right;
width:160px;}

#content-column-right {padding:7px 15px 10px 15px;}
#column-right #job-offers {height:80px}

/*#column-right h4 span			{visibility:hidden;}*/
#column-right #job-offers h4	{height:16px;font-size:13px;margin:0 0 5px 0;}
#column-right #news h4			{height:16px;margin:10px 0 5px 0;font-size:13px;}

#column-right .line-col {background:url(/01/Images/Iris/line.gif) repeat-x bottom; height:1px; position:relative; top:100px; width:150px; margin-left:5px;}

#news {padding:24px 0 0 0;}

#column-right .date {font-size:9px; color:#9fa1a9;}
#column-right .title {font-size:11px; font-weight:bold;}
#column-right .news-block {font-size:10px; font-weight:normal; background:url(/01/Images/Iris/dots.gif) repeat-x bottom; padding-bottom:8px; margin-bottom:5px;}
#column-right .last-news-block {background:none;padding-bottom:0;}


/* colors links */

#column-right .links-col-right {padding:1px 0 0 0;}

.group #column-right .links-col-right a	{
background:url(/01/Images/Iris/arrow-group.gif) no-repeat;
color:#004b88;
padding:1px 0 0 9px;}

.cleaning #column-right .links-col-right a {
background:url(/01/Images/Iris/arrow-cleaning.gif) no-repeat;
color:#00a0af;
padding:0 0 0 9px;}

.finishing #column-right .links-col-right a	{
background:url(/01/Images/Iris/arrow-finishing.gif) no-repeat;
color:#7b3f98;
padding:0 0 0 9px;}

.anticorrosion #column-right .links-col-right a	{
background:url(/01/Images/Iris/arrow-anticorrosion.gif) no-repeat;
color:#f8a35b;
padding:0 0 0 9px;}

.greencare #column-right .links-col-right a	{
background:url(/01/Images/Iris/arrow-greencare.gif) no-repeat;
color:#7cc242;
padding:0 0 0 9px;}

/* 
--------------------------------------------------------------------------------- 6. bottom */
#bottom {
background:url(/01/Images/Iris/bg-bottom.gif) repeat-x;
height:27px;
padding:10px 0;
text-align:center;}

#bottom #content-bottom {
text-align:left;
margin:auto;
width:780px;}


/* 
--------------------------------------------------------------------------------- 7. specifik pages */


/* group page CONTACT */
#contact {padding-top:20px;}

#contact-siege {
background:url(/01/Images/Iris/bg-bloc-contact.gif) no-repeat;
color:#fff;
font-size:11px;
padding:22px 0 0 33px;
width:401px;height:102px;}

#contact-siege .link {color:#fff;}

#contact-all {
background:url(/01/Images/Iris/bg-contact.gif) repeat-y;
font-size:11px;
width:434px;}

#contact-all table {background:url(/01/Images/Iris/bg-contact-bottom.gif) no-repeat bottom left;}
#contact-all tr {background:url(/01/Images/Iris/line-double2.gif) no-repeat bottom;}
#contact-all tr.last-contact {background:none;}

#contact .contact-adresse	{padding:5px 0 5px 9px;}
#contact .first-contact		{padding:5px 0 5px 11px;}

#contact .icones {padding:2px 0 8px 0;}

#contact-internationnal {
margin-top:12px;
background:url(/01/Images/Iris/bg-contact-inter.gif) no-repeat;
font-size:11px; line-height:13px;
padding:10px 0 0 11px;
width:137px;height:110px;}

#contact .contact-description {
float:left;
padding:8px 0 0 12px;
width:260px;}

/* group page METIER */
#group-metiers {
background:url(/01/Images/Iris/bg-metiers.gif) no-repeat;
font-size:11px;
margin-top:15px;
width:441px;height:207px;}

#group-metiers table {margin:35px 0 0 102px;}

/* group page NEWS */
.group-news-paper {
float:left;
background: url(/01/Images/Iris/group-news-paper.gif) no-repeat;
width:156px;height:112px;}

.group-news-descriptif {
float:left;
padding:0 0 0px 12px;
font-size:11px;
width:248px;}

.group-news p {
margin:0;padding:0;}

/* group page OFFERS */

/*sfo: margin 0px*/.group-offers {background:url(/01/Images/Iris/bg-big-table.gif) repeat-y; margin-top:0px; font-size:11px;}
/*sfo: margin 0px*/.group-offers-small {background:url(/01/Images/Iris/bg-table.gif) repeat-y !important; margin-top:0px; font-size:11px;}

.bg-big-table-head {background:url(/01/Images/Iris/bg-big-table-top.gif) no-repeat; height:33px;}
.bg-big-table-foot {background:url(/01/Images/Iris/bg-big-table-bottom.gif) no-repeat; height:33px;}
.bg-big-table-foot-empty {background:url(/01/Images/Iris/bg-big-table-bottom-empty.gif) no-repeat; height:33px;}

.group-offers .bg-big-table-head a {text-decoration:none;}
.group-offers .bg-big-table-head a:hover {text-decoration:underline;}
.group-offers .bg-big-table-head a:link, .group-offers .bg-big-table-head a:hover, .group-offers .bg-big-table-head a:active, .group-offers .bg-big-table-head a:visited {color:#fff;}

.group-offers .bg-big-table-foot a {text-decoration:none;}
.group-offers .bg-big-table-foot a:hover {text-decoration:underline;}
.group-offers .bg-big-table-foot a:link, .group-offers .bg-big-table-foot a:hover, .group-offers .bg-big-table-foot a:active, .group-offers .bg-big-table-foot a:visited {color:#fff;}

#text .bg-big-table-head h3 {
font-size:15px;
font-weight:bold;
color:#fff;
margin-left:15px;}

.group-offers .first-cell {padding:0 0 0 15px;}

.group-offers tr.big-table-line {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat left bottom;
cursor:pointer;
}

.group-offers tr.big-table-line td {
background:url(/01/Images/Iris/bg-big-table-line-cell.gif) repeat-x left bottom;
padding-top:2px;padding-bottom:5px;}
.group-offers tr.big-table-line td.first-cell {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat left bottom;
}
.group-offers tr.big-table-line td.last-cell {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat right bottom;
}

/*** gfr  */
.group-offers tr.big-table-line-highlighted {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat left bottom;
cursor:pointer;
}

.group-offers tr.big-table-line-highlighted td {
background:url(/01/Images/Iris/bg-big-table-line-cell-highlighted.gif) repeat-x left bottom;
padding-top:2px;}
.group-offers tr.big-table-line-highlighted td.first-cell {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat left bottom;
}
.group-offers tr.big-table-line-highlighted td.last-cell {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat right bottom;
}

/*** end gfr */








.group-offers tr.big-table-line-highlighted {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat left bottom;
cursor:pointer;}

.group-offers .offers-descriptif {
padding:0 0 10px 0;}

.bg-big-table-head th.first-cell {background:url(/01/Images/Iris/bg-big-table-top.gif) top left;}
.bg-big-table-head th {background:url(/01/Images/Iris/bg-big-table-top-cell.gif);}
.bg-big-table-head th.last-cell {background:url(/01/Images/Iris/bg-big-table-top.gif) top right;}
.big-table-line td {background:none;}

.bg-big-table-foot td.prev {padding:8px 0 0 22px;background:url(/01/Images/Iris/bg-big-table-bottom.gif) top left;height:25px;}
.bg-big-table-foot td {background:url(/01/Images/Iris/bg-big-table-bottom-cell.gif);}
.bg-big-table-foot td.next {padding:8px 22px 0 0;background:url(/01/Images/Iris/bg-big-table-bottom.gif) top right;height:25px;}
.bg-big-table-foot td.curr {padding:8px 0 0 0;height:25px;}
.bg-big-table-foot table    {width:570px;margin:7px 0 0 23px;color:#fff;}

.bg-big-table-foot td.first-cell {background:url(/01/Images/Iris/bg-big-table-top.gif) top left; }
.bg-big-table-foot td.last-cell {background:url(/01/Images/Iris/bg-big-table-top.gif) top right;}
.bg-big-table-foot-empty td.first-cell {background:url(/01/Images/Iris/bg-big-table-bottom-empty.gif) top left;}
.bg-big-table-foot-empty td.last-cell {background:url(/01/Images/Iris/bg-big-table-bottom-empty.gif) top right;}
.bg-big-table-foot-empty td {background:url(/01/Images/Iris/bg-big-table-bottom-cell.gif);}

.group-offers-details { background:url(/01/Images/Iris/arrow-group.gif) 0 1px no-repeat; padding:0 14px 8px 11px;} 

/* perso page ACTUALITE */
#perso-news-table {
font-size:11px;}

.nav-perso-table {
width:400px;font-size:11px;
color:#fff;
margin-left:19px;}

#text .nav-perso-table h3 {
font-size:15px;
font-weight:bold;
color:#fff;
padding-left:15px;
}

.nav-perso-table .bottom {
	padding-left:22px;
	background:url(/01/Images/Iris/bg-perso-noArrows-bottom.gif) top left;
}
/* mvp
.nav-perso-table .curr {
	background:url(/01/Images/Iris/bg-big-table-bottom-cell.gif);
}
.nav-perso-table .next {
	padding-right:22px;
	background:url(/01/Images/Iris/bg-big-table-bottom-news.gif) top right;
}
*/
.nav-perso-table .news-title {
	background:url(/01/Images/Iris/bg-big-table-top-news.gif) top left;
}
.nav-perso-table .news-date {
	background:url(/01/Images/Iris/bg-big-table-top-news.gif) top right;
}

.perso-news-block {
/*background:url(/01/Images/Iris/line-double.gif) repeat-x bottom;*/
margin:0;
padding:0;
width:431px;
cursor:pointer;}

.perso-news-block .ico-cleaning, .perso-news-block .ico-finishing, .perso-news-block .ico-anticorrosion, .perso-news-block .ico-greencare {
padding: 10px 10px 10px 10px;
padding-top: 5px !important;
}
.perso-news-block .perso-date {
padding: 5px 10px 10px 0px;}
.perso-news-block .perso-descriptif {
padding: 5px 15px 10px 0px;}

/*.perso-news-block td {
background:url(/01/Images/Iris/line-double.gif) repeat-x bottom;
}
.perso-news-block .first-cell {
background:url(/01/Images/Iris/bg-big-table-line-news.gif) repeat-x bottom left;
}
.perso-news-block .last-cell {
background:url(/01/Images/Iris/bg-big-table-line-news.gif) repeat-x bottom right;
}
*/

.perso-news-block .first-cell {padding:0 0 0 15px;}

tr.perso-news-block {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat left bottom;
cursor:pointer;
}

tr.perso-news-block td {
background:url(/01/Images/Iris/bg-big-table-line-cell.gif) repeat-x left bottom;
padding-top:2px;}

tr.perso-news-block td.first-cell {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat left bottom;
}

tr.perso-news-block td.last-cell {
background:url(/01/Images/Iris/bg-big-table-line.gif) no-repeat right bottom;
} 

/*** gfr  */
.perso-news-block-highlighted .ico-cleaning, .perso-news-block .ico-finishing, .perso-news-block .ico-anticorrosion, .perso-news-block .ico-greencare {
padding: 10px 10px 10px 10px;
padding-top: 5px !important;
}
.perso-news-block-highlighted .perso-date {
padding: 5px 10px 10px 0px;}
.perso-news-block-highlighted .perso-descriptif {
padding: 5px 15px 10px 0px;}

.perso-news-block-highlighted .first-cell {padding:0 0 0 15px;}

tr.perso-news-block-highlighted {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat left bottom;

cursor:pointer;
}

tr.perso-news-block-highlighted td {
background:url(/01/Images/Iris/bg-big-table-line-cell-highlighted.gif) bottom; 
padding-top:2px;}

tr.perso-news-block-highlighted td.first-cell {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat left bottom;
}

tr.perso-news-block-highlighted td.last-cell {
background:url(/01/Images/Iris/bg-big-table-line-highlighted.gif) no-repeat right bottom;
} 

/*** end gfr */


/* perso page CONCOURS */
.perso-form-content { background-image:url(/01/Images/Iris/boxform-bg.gif); padding:0 15px 0 15px; font-size:11px; font-weight:bold; }
.perso-formbig-content { background-image:url(/01/Images/Iris/boxformbig-bg.gif);}
.perso-form-content label {
padding:0 0 0 5px;}
.perso-form-content td { padding:0 5px 4px 0; }
.perso-form-content input {
font-size:11px;
border:1px #c0c0c0 solid;
color:#4b5164;
padding:0 3px 0 3px;
font-weight:normal;
}
.perso-form-content select {
font-size:11px;
border:1px #c0c0c0 solid;
color:#4b5164;
padding:0;
font-weight:normal;
}
.perso-form-content textarea {
width:290px;
height:85px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px #c0c0c0 solid;
color:#4b5164;
padding:0 3px 0 3px;
font-weight:normal;
}
#text a.perso-form-but {
display:block;
width:95px;
height:20px;
background-image:url(/01/Images/Iris/but-bg.gif);
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-top:4px;
font-weight:normal;
font-size:12px;
margin:10px 0 0 0;
}
#text a:hover.perso-form-but {
color:#FFFFFF;
text-decoration:underline;
}

#main #login {
margin:auto;
width:420px;}

#main #login p {padding:7px 0; margin:0;}

#login a.perso-form-but {
display:block;
float:right;
width:95px;
height:20px;
background-image:url(/01/Images/Iris/but-bg.gif);
color:#FFFFFF;
text-decoration:none;
text-align:center;
padding-top:4px;
font-weight:normal;
font-size:12px;
margin:10px 12px 0 0;
}
#login a:hover.perso-form-but {
color:#FFFFFF;
text-decoration:underline;
}

.pic-detail {
margin:0 10px 10px 0;
}
.line-vert {
background:url(/01/Images/Iris/line-vert.gif) repeat-y;
}

/* style sitemap*/
#sitemap li.level_1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #004b88;
  margin: 0px;
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 18px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 15px;
  list-style-type: none;
}

#sitemap li.level_1 a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #004b88;
  margin: 0px;
  font-weight: normal;
}

#sitemap li.level_2 {
  background-image: url(/01/images/Iris/arrow-group.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 11px;
  list-style-type: none;
  margin-left: 12px;
}

#sitemap li.level_2 a{
}

#sitemap li.level_3 {
  background-image: url(/01/images/Iris/arrow-group.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 11px;
  list-style-type: none;
  margin-left: 32px;
}

#sitemap li.level_3 a {
  color: #686767;
  font-style: italic;
}
#sitemap li.level_4 {
  background-image: url(/01/images/Iris/arrow-group.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 11px;
  list-style-type: none;
  margin-left: 52px;
}

#sitemap li.level_4 a {
  color: #686767;
  font-style: italic;
}


