/*
File		:	/tpl/demo/css/page_home.css
Desc.		:	global style sheet for screen media
Author		:	Olivier Le Brenn, about@webriding.net
C.D.		:	Fri, May 19, 2006 | 11:07:05 AM
U.D.		:	Fri, May 19, 2006 | 11:07:05 AM
COM			:	http://stopdesign.com/examples/ie5mac-bpf/
				http://tantek.com/CSS/Examples/midpass.html
*/

/*-------------------{ imported common links }---------------------*/

@import url("/tpl/artifact/css/global_links.css");
@import url("/tpl/artifact/css/global_typo.css");

/*------------{ imported styles according to browsers }------------*/

@import url("/tpl/artifact/css/global.css");

/* IE5/Mac Only Styles  */
/*\*//*/
  @import "/tpl/artifact/css/global_iemac.css";
/**/

/* IE5/Win Only Styles */
@media tty {
 i{content:"\";/*" "*/}} @import '/tpl/artifact/css/global_iewin.css'; /*";}
}/* */


/*-----------------------{ page style }----------------------------*/

ul.regular, ol.regular {
	list-style-type: disc;
	padding-left:15px;
	margin-left:15px;
}


/* @group .produits */

body.produits {
	background-image: url("/tpl/artifact/img/body_produits_bkg.jpg") ;
}

.produits #header {
	height: 198px;
}
.produits #banner {
	height: 150px;
	margin:0 auto;
	background-image: none;
}
* html .produits #banner {
	height: 158px;
}

.produits #banner ul#subnav {
	list-style-type: none;
	top: 0;
	left:0;
	position: absolute;
	height:155px;
	width:750px;
}
.produits #banner ul#subnav li {
	float: left;
}

#subnav li a {
	float: left;
	display: block;
	height: 155px;
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -3000px;
	width:175px;
}

* html #subnav li a {
	height: 158px;
}

#subnav li.first a, #subnav li.last a {
	width: 200px;
}
#subnav li a:hover, #subnav li a:active,
#subnav li a.active {
	background-position: 0 -155px;
}

#subnav li.artifact a {
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
}
#subnav li.artifact a {
	background-image: url("/tpl/artifact/img/subnav_artifact.jpg");
}

#subnav li.facto a {
	background-image: url("/tpl/artifact/img/subnav_2facto.jpg");
}
#subnav li.arte-fact a {
	background-image: url("/tpl/artifact/img/subnav_artefact.jpg");
}
#subnav li.comet a {
	background-image: url("/tpl/artifact/img/subnav_comet.jpg");
}

.produits #sidebar {
	display:none;
}

.produits #innercontent {
	margin:0;
	width:750px;
}

* html .produits #content .wrap {
	background-image:none;
}

* html .produits #innercontent {
	top:-35px;
}

#innerwrapper {
	margin: 35px 20px 20px 20px;
}

#innersider {
	width:650px;
}

*html #innerwrapper {
	border-style: none;
	width: 720px;
	margin: 35px 10px 20px 10px;
}

*html #innersider {
	width:650px;
	margin-top:25px;
	padding: 0 15px;
}

ul#submenu {
	position:absolute;
	top :0px;
	left:0px;
	display:block;
	height:36px;
	padding-left:60px;
	width:690px;
	background-image: url("/tpl/artifact/img/submenu_bkg.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
* html #submenu {
	position:relative;
	margin-top:-45px;
}
#submenu li {
	float: left;
	display: block;
	height: 36px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -3000px;
	width:127px;
	cursor: pointer;
}
#submenu li.clicked {
	background-position: 0 -38px;
}
#submenu li.first {
	margin-left:0px;
}

#submenu.facto li.first {
	margin-left:50px;
}

#innercontent #submenu li.monomag {
	background-image: url("/tpl/artifact/img/sub_monomag.png");
}
#innercontent #submenu li.multimag {
	background-image: url("/tpl/artifact/img/sub_multimag.png");
}
#innercontent #submenu li.modules {
	background-image: url("/tpl/artifact/img/sub_modules.png");
}
#innercontent #submenu li.tarifs {
	background-image: url("/tpl/artifact/img/sub_tarifs.png");
}
#innercontent #submenu li.demo {
	background-image: url("/tpl/artifact/img/sub_demo.png");
}
#innercontent #submenu li.presentation {
	background-image: url("/tpl/artifact/img/sub_presentation.png");
}
/* @end.produits */
/* @group accordion */
#innercontent h3.toggler {
	color: #939393;
	margin : 0 0 0 0;
	height:25px;
	padding: 3px 0 2px 35px ;
	background-position: 6px 9px;
	background-image : url('/tpl/artifact/img/produits_h3_bkg.png');
	background-position: 0 -25px;
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 1.1em;
	font-weight: normal;
	cursor: s-resize;
}
* html #innercontent h3.toggler {
	height:23px;
}

.element {
	display:block;
	width:90%;
}

.element p, .element form, .element ul {
	margin: 0;
	list-style-type:none;
	padding: .7em 0 1em 1.4em ;
}

.element img {
	margin: 1em 0;
}

.element ul li, td ul li, ul.element li {
	list-style-type:none;
	padding-left:22px;
	behavior : url ("/tpl/artifact/css/iepngfix.htc");
	background: url(/tpl/artifact/img/dot_li.png) no-repeat 0 2px;
}


/* @end.accordion */
/* @group dox*/
#content h2 {
	padding-left:20px;
	margin-bottom:5px;
	background: #f8fafb url("/tpl/artifact/img/dots.png")  no-repeat 0 10px;
}

#modules h4 {
	padding-left:20px;
	background: #f8fafb url("/tpl/artifact/img/dots_reverse.png")  no-repeat 0 5px;
}
/* @group table */

table {
	background-color: #f8fafb ;
	border-collapse:collapse;
	float:left;
	width:auto;;
	margin: 5px;
	padding:0;
	font-size:.9em;
}

table caption {
	font-size:1.2em;
	font-weight:bold;
	margin:5px auto;
}
td, th, tr  {
	padding:5px;
	vertical-align:top;

}
tr {
	display:table-row;
}

th {
	font-size:1.2em;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-left:20px;
	padding-top:7px;
	padding-bottom:5px;
	background: #f8fafb url("/tpl/artifact/img/dots.png")  no-repeat 0 11px;
}


tr.alt {
	background-color: #e2e6eb ;
}

td.alright {
	text-align:right;
	white-space: nowrap;
	font-weight:bold;
	font-size:1em;
}
/* @end table*/
/* @group feedback */


#demo form  {
	width:70%;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#demo fieldset {
	display:block;
	border: 1px #ccc7b3 solid; 
	width:90%;
	margin:1em 0 15px 0;
	padding:15px;
}
#demo fieldset div.half {
	float: left;
	width: 45%;
	padding: 0 3% 0 2%;
}
#demo fieldset div.full {
	padding: 0 3% 0 2%;
	clear:both;
}


#demo legend {
	border: none;
	font-size: 1.1em;
	color: #333;
	margin:0;
	padding:.3em 1em;
}

#demo input[type=text],textarea  {
	border: 1px #ccc7b3 solid; 
	clear: both;
	display: block;
	color:#333;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
	width:95%;
	background-color: #fff;
}

#demo input[type=radio] {
	margin-bottom: 5px;
	margin-top: 3px;
	display: list-item;
	clear: both;
	margin-right:2px;
}

#demo select {
	margin-bottom: 5px;
	margin-top: 3px;
	font-family: Verdana, sans-serif;
	display: block;
	clear: both;
	border: 1px #ccc7b3 solid; 
	padding: 2px 2px 2px 3px;
	width:auto;
	margin-right:15px;
}

#demo input.inline {
	padding: 2px 2px 2px 3px;
	display: inline;
}

* html #demo input.inline {
	border: 1px #ccc7b3 solid; 
	width: auto;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
}


#demo label {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom: 5px;
	padding: 0px;
	color:#333;
} 

#demo label.break {
	clear: both;
}

#demo label:after {
	content: " :";
}

.warn {
	background: url(/tpl/artifact/img/feedback_error.png) no-repeat 0px 0px;
	padding-left:22px;
	color:#890016;
}
* html input.inline {
	border: 1px #192c37 solid; 
	width: 100%;
	display: inline;
	margin: 3px 5px 10px 0;
	padding: 2px 2px 2px 3px;
}

#demo input.inline {
	margin: 0;
	padding:0;
	display: inline;
}

#demo input.nontxt {
	margin: 0;
	padding:0;
	border:none;
	margin-top:0;
	margin-right:5px;
	width:auto;
}
* html #demo input.inline.nontxt {
	border:none;
	width:12px;
	display:inline;
}

#demo-new form  {
	margin:0 auto;
	width:100%;
	padding:0;
	text-align:left;
}

#demo-new  fieldset {
	display:block;
	border: 1px #ccc7b3 solid; 
	width:90%;
	margin:1em 0 15px 0;
	padding:15px;
}
#demo-new  fieldset div.half {
	float: left;
	width: 45%;
	padding: 0 3% 0 2%;
}
#demo-new  fieldset div.full {
	padding: 0 3% 0 2%;
	clear:both;
}

#demo-new legend {
	border: none;
	font-size: 1.1em;
	color: #333;
	margin:0;
	padding:.3em 1em;
}

#demo-new  input[type=text],textarea  {
	border: 1px #ccc7b3 solid; 
	clear: both;
	display: block;
	color:#333;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin-bottom: 5px;
	margin-top: 3px;
	padding: 2px 2px 2px 3px;
	width:95%;
	background-color: #fff;
}

#demo-new  input[type=radio] {
	margin-bottom: 5px;
	margin-top: 3px;
	display: list-item;
	clear: both;
	margin-right:2px;
}

#demo-new  input[type=checkbox] {
	width:auto;
	clear:none;
}


#demo-new  select {
	margin-bottom: 5px;
	margin-top: 3px;
	font-family: Verdana, sans-serif;
	display: block;
	clear: both;
	border: 1px #ccc7b3 solid; 
	padding: 2px 2px 2px 3px;
	width:auto;
	margin-right:35px;
}


/* @end feedback*/