/* import de skin.css */
/*
HEADER
*/

body{
background:url(images/bg.gif) repeat-x top left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0;
margin:0 0 10px 0;
}
p, form {
padding:0;margin:0;
}
/*
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
*/
img {
border:none;
}
a {
text-decoration:none;
color:#7e8b7a;
}
a:hover{
text-decoration:underline;
}

#header {
width:860px;
/*margin-left:43px;
*/margin:0 auto;

z-index:10000;
}
#header h1 {
	margin: 0px;
	padding: 0px;
}

/*menu portail*/

#menu_portail{background:#E6E8E5 url(images/menu_portail_bg.png) repeat-x bottom left;font-size:9px;line-height:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
#menu_portail ul{margin:0 auto;padding:0;list-style:none;height:39px;width:860px;}
#menu_portail li{display:block;float:left;margin-top:6px;}
#menu_portail li.right{float:right;}
#menu_portail li{}
#menu_portail li.noborder a{background:none;}
#menu_portail a{display:block;float:left;color:#7e8b7a;text-decoration:none;height:33px;background:url(images/sep_menu_portail.png) no-repeat bottom left;}
#menu_portail span{display:block;padding:6px 10px 0px 10px}
.espaces{margin-left:40px;}
#menu_portail li.noborder a:hover, #menu_portail a:hover{background-color:#CBD1C9;color:#148569}
#menu_portail a:hover span{text-decoration:none;}
#menu_portail .act{background:#fff url(images/portail_act_left.png) no-repeat left bottom;}
#menu_portail .act a{background:url(images/portail_act_right.png) no-repeat right bottom;padding-left:8px;padding-right:5px}
#menu_portail select{font-size:9px;border:1px solid #D7DCD6;margin-top:5px;width:120px;}


/*menu horizontal
#menuh { height:30px; background-color:#158569; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-right:10px }
#menuhalign { float:right; }
#menuh ul { background:url(images/sep_menuh.png) no-repeat top left; }
#menuh ul li ul,
#menuh ul:first-child { background:none; }
#menuh ul{ margin:0; padding:0; color:#fff}
#menuh a { color:#fff; text-decoration:none; display:block; width:100%}
#menuh a:hover { text-decoration:none; border:none; cursor:pointer}
#menuh ul { float:left; display:inline; }
#menuh li { display:block; float:left; list-style:none; position:relative; height:30px; line-height:30px; padding:0 15px; }
#menuh ul li ul { background:#0a4832 url(images/bg_layer.png) repeat-x top left; position:absolute; top:30px; left:0; display:none; width:187px; padding:5px 0; }
#menuh ul li ul li { font-size:11px; font-weight:normal; float:none; line-height:normal; padding:3px 0px 3px 15px; height:1%}
#menuh ul li ul a { font-weight:normal; padding:0;}
#menuh ul li { padding:0;}
#menuh ul li a { padding:0 15px; }
#menuh ul li:hover { background:url(images/bg_menu_h.png) repeat-x top left; }
#menuh ul a.amenu { background:url(images/bg_menu_h.png) repeat-x top left; }
#menuh ul li ul a.amenu { background:none; }
#menuh ul li:hover ul li:hover { background:#247d60 }
#menuh ul li:hover ul { display:block; }
#menuh ul li:hover ul li ul { display:none; position:absolute; top:0; left:187px; z-index:1000; background:none; }
#menuh ul li:hover ul li:hover ul { display:block; background:#0a4832 url(images/bg_layer.png) repeat-x top left; }
#menuh ul li:hover ul li:hover ul li ul { display:none; position:absolute; top:0; left:187px; z-index:1000; background:none; }
#menuh ul li:hover ul li:hover ul li:hover ul { display:block; background:#0a4832 url(images/bg_layer.png) repeat-x top left; }
*/
/*menu horizontal*/
#menuh { height:30px; background-color:#158569; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-right:10px }
#menuhalign { float:right; }
#menuh ul { background:url(images/sep_menuh.png) no-repeat top left; }
#menuh ul li ul, #menuh ul:first-child { background:none; }
#menuh ul { margin:0; padding:0; color:#fff }
#menuh a { color:#fff; text-decoration:none; display:block; /*width:100%*/ }
#menuh a:hover { text-decoration:none; border:none; cursor:pointer }
#menuh ul { float:left; display:inline; }
#menuh li { display:block; float:left; list-style:none; position:relative; height:30px; line-height:30px; padding:0 15px; }
#menuh ul li ul { background:#0a4832 url(images/bg_layer.png) repeat-x top left; position:absolute; top:30px; left:0; display:none; width:187px; padding:5px 0; }
#menuh ul li ul li { font-size:11px; font-weight:normal; float:none; line-height:16px; padding:3px 0px 3px 15px; height:1%;  }
#menuh ul li ul a { font-weight:normal; padding:0; }
#menuh ul li { padding:0; }
#menuh ul li a { padding:0 15px; }
#menuh ul li:hover { background:url(images/bg_menu_h.png) repeat-x top left; }
#menuh ul a.amenu { background:url(images/bg_menu_h.png) repeat-x top left; }
#menuh ul li ul a.amenu { background:none; }
#menuh ul li:hover ul li:hover { background:#247d60 }
#menuh ul li:hover ul { display:block; }
#menuh ul li:hover ul li ul { display:none; position:absolute; top:0; left:187px; z-index:1000; background:none; }
#menuh ul li:hover ul li:hover ul { display:block; background:#0a4832 url(images/bg_layer.png) repeat-x top left; }
#menuh ul li:hover ul li:hover ul li ul { display:none; position:absolute; top:0; left:187px; z-index:1000; background:none; }
#menuh ul li:hover ul li:hover ul li:hover ul { display:block; background:#0a4832 url(images/bg_layer.png) repeat-x top left; }



/*espace membre*/

#member{
	font-size:10px;
	color:#7e8b7a;
	position:absolute;
	top:17px;
	right:15px;
}
#member a{
	color:#7e8b7a;
	font-weight:bold;
}
	#member div{
	display:inline;
}

/* ------------------------ fin import */


/*recherche*/
#fsearch{float:right;font-size:10px;color:#158569;margin-top:25px;padding:0 0 0 25px;background:url(images/icon_search.png) no-repeat top left;}
#fsearch input.tfield{height:18px;border:none;vertical-align:top;width:90px;padding:3px 0 0 5px;font-size:10px;color:#7E8B7A;border:1px solid #F2F3F2;}
#fsearch input.bt{vertical-align:top;display:inline;margin-left:5px}
* html #fsearch input.bt{padding-top:1px;}
* > #fsearch input.bt{padding-top:1px;}


/*
FOOTER
*/
#footer{
	background-image: url(images/bandeau_pied.gif);
	background-repeat: no-repeat;
	font-size:9px;
	width:860px;
	padding-top:40px;
	text-align:right;
	color:#158569;
	clear:both;
	padding-top: 40px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 20px;
}
#footer a{
color:#158569;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #008469;
		margin-left: 10px;
	padding-left: 10px;
}
#footer ul{
	padding:0;
	margin:0;
	list-style:none;
	padding:10px 60px 5px 0;
	background-image: url(images/logo_sage_petit.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#footer li{
display:inline;
}
/*
#footer .date{
color:#808080;
}
#footer .sep{
height:30px;
background-color:#cde49f;
border-right:10px solid #158569;
border-top:none;
border-left:none;
border-bottom:none;
}
*/

/*udt*/
/*#maincontent .lien li{color:#000;line-height:12px;font-weight:bold;font-size:13px;margin-top:5px;background:url(images/fl_black.png) no-repeat left 3px;text-indent:15px;}*/

/*udt Produit texte + liste de produits*/
.produits_desc_list h2{font-size:13px;font-weight:bold;color:#fff;padding:7px 10px;margin-bottom:1px;}
.produits_desc_list .left{width:295px;}
.produits_desc_list .right{width:305px;margin-left:20px;margin-top:5px;}
.produits_desc_list .content{background:url(images/deg_udt.png) repeat-x left top;min-height:165px;}
* html .produits_desc_list .content{height:165px;}
#maincontent .produits_desc_list ul{margin-left:10px;padding-top:15px;}
#maincontent .produits_desc_list li{color:#000;line-height:18px;font-weight:bold;font-size:13px;padding-bottom:5px;background:url(images/fl_black.png) no-repeat left 3px;text-indent:15px;padding-bottom:0;}
#maincontent .produits_desc_list .right ul{padding-bottom:15px;}
#maincontent .produits_desc_list .right strong{padding-left:10px;}
#maincontent .produits_desc_list li a{text-decoration:none;}
#maincontent .produits_desc_list li a:hover{text-decoration:underline;}


/*udt Produit*/
.infoproduit{padding-bottom:20px;}
.infoproduit .infobloc{width:435px;float:left;}
.infoproduit .infobloc .intro{padding-bottom:10px;}
.infoproduit .image{width:185px;}
.imgleft .image{float:left;}
.imgright .image{float:right;}

/*udt produit desc*/
.close .infoproduitdesc, .close .btclose{display:none;}
.close .btopen{display:block}
.open .infoproduitdesc, .open .btclose{display:block;}
.open .btclose{display:block}
.open .btopen{display:none}

.infoproduitdesc{background:url(images/deg_udt.png) repeat-x top left;padding:10px 0 20px 10px;}
.infoproduitdesc li a{text-decoration:none;}
.infoproduitdesc li a:hover{text-decoration:underline;}
#maincontent .produit_desc .liens ul{padding:0;margin:0}
#maincontent .produit_desc .lien, #maincontent .produit_desc .liens li{color:#000;background:url(images/fl_black.png) no-repeat left 3px;}
#maincontent .produit_desc .lien a, #maincontent .produit_desc .liens a{color:#000;background:none}
/*.produit_desc .liens a{color:#000;background:url(images/fl_black.png) no-repeat left 4px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:13px;padding-left:18px;text-decoration:none;}*/

.header_desc{color:#fff;/*position:relative;*/margin-top:1px;height:1%}
* html .header_desc{height:1%}

.header_desc h3{float:left;font-family:Verdana, Arial, Helvetica,  sans-serif;font-size:13px;font-weight:bold;margin:0;color:#fff;width:450px;padding:5px 0 8px 10px;}
.btopen, .btclose{float:right;display:block;width:86px;height:22px;margin-top:4px;margin-right:4px}
.btopen span, .btclose span{display:none;}


#focus_hp {
	background-color: #008469;
}
#offre {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/offre_fond.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin-top: 20px;
}
#offre ul {
	height: 175px;
	width: 345px;
	overflow: auto;
	padding: 0px;
/*
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6e8e5;
*/
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#offre li a {
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #e6e8e5;
	text-decoration: none;
	background-color: #FFFFFF;
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom:-1px;
}
#offre li a:hover {
	color:#000000;
}
#offre li a.label_editeur {
	background-image: url(images/picto_editeurs.gif);
	background-repeat: no-repeat;
	background-position: 290px center;
	padding-right: 30px;
}
#offre li a.label_offre_metier {
	background-image: url(images/picto_offre_metiers.gif);
	background-repeat: no-repeat;
	background-position: 290px center;
	padding-right: 30px;
}
#offre li a.label_integrateur {
	background-image: url(images/picto_integrateur.gif);
	background-repeat: no-repeat;
	background-position: 290px center;
	padding-right: 30px;
}
#offre h2 {
	float: left;
	width: 165px;
	padding-left: 20px;
	margin-top: 5px;
}
#offre dl {
	float: left;
	width: 270px;
	padding-left: 40px;
	margin: 0px;
}
#offre dd {
	margin-bottom: 5px;
	margin-left: 0px;

}
#offre dd a {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding-left: 30px;

}
#offre dd a.label_editeur {
	background-image: url(images/picto_editeurs.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
}
#offre dd a.label_offre_metier {
	background-image: url(images/picto_offre_metiers.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#offre dd a.label_integrateur {
	background-image: url(images/picto_integrateur.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
}

#offre dt {
	font-size: 10px;
	line-height: 12px;
	color: #98a295;
	margin-bottom: 20px;
	margin-left: 0px;
}
#offre p {
	margin:0 20px 0 20px;
}
#maincontent_hp #outils {
	text-align: right;
	margin-top: 20px;
}
#maincontent_hp #outils img {
	margin-left: 10px;
}
#maincontent .outils {
	width: 220px;
	float: right;
	background-color: #FFFFFF;
	margin-left: 20px;
}
#maincontent .outils p {
	margin-bottom:10px;
}
#path {
	background-color: #006e79;
	color: #FFFFFF;
	padding:5px;
	font-size:9px;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #008469;
}
#path a {
	color: #FFFFFF;
	background-image: url(images/fleche_path.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 8px;
	padding-right: 16px;
}

#maincontent, #maincontent_hp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #4d4d4d;
	width: 860px;
	margin-right: auto;
	margin-left: auto;

}
#maincontent div.contenu {
	width: 620px;
	float: left;
	padding: 0px;

}
#maincontent .contenu  h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #7e8b7a;
	line-height: 40px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 15px;
}
#maincontent .contenu  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: normal;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 10px;
}
.spacer {
	clear: both;
	height: 1px;
}

#maincontent .contenu h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	margin-top: 5px;
	margin-bottom: 10px;
}
#maincontent .contenu  h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #008469;
	margin-top: 5px;
	margin-bottom: 10px;
}
#maincontent .contenu div.separateur {
	background-image: url(images/fond_hr.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	display: block;
}


#maincontent .contenu p.intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: bold;
	color: #4d4d4d;
	margin-bottom: 10px;
}
#maincontent .contenu  p {
	margin-bottom: 8px;
}
#maincontent .contenu  a {
	font-weight: bold;
	color: #006e79;
	text-decoration: none;
}
#maincontent .contenu  a:hover {
	text-decoration: underline;
}
/*.contenu th {
	background-color: #006E79;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	padding: 6px;
	font-size: 13px;
}
.contenu td {
	background-color: #FFFFFF;
	text-align: left;
	color: #4d4d4d;
	font-weight: bold;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e5e8e4;
	padding-left: 6px;
}
.contenu table {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e5e8e4;
	border-collapse:collapse;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contenu td p{*/


/*version print // envoyer a un ami*/
.mb_outils { float:right; margin-right:10px; margin-top:10px; width:58px; }
.print span,
.send span { display:none; }
.print { display:block; float:left; width:28px; height:22px; background:url(images/icon_print_article.png) no-repeat top left; }
.send { display:block; float:left; width:30px; height:22px; background:url(images/icon_send_article.png) no-repeat top left; }