/*Eric Le Bihen - 2005*/
*{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #000;
}
/*TAGS*/
body{
	background-color:#666F5A;
	text-align:center;/*IE*/
}

p{
	margin-bottom:1.5em;
	line-height:1.4em;
}

img{border:none}
a{color:#4B6A73}
a:hover{text-decoration:none;color:#5A7D88}

h1{font-size:1.7em}
h2{font-size:1.5em;}
h3{font-size:1.2em;}
h4{font-size:1em;}

h1,h2,h3,h4,h5,h6{margin-bottom:1em;color:#348618;}

q:lang(en) { quotes: '"' '"' "'" "'"; }
q:lang(fr) { quotes: "�� " " ��" "< " " >"; }
q{font-style:italic;font-size:1.1em}

/*ID - Layout*/
#container{
	width:780px;
	margin:0px auto;
	background-color:#FFF;
	text-align:left;/*IE*/
}
#pop-container, #pop-container-pdf{
	width:400px;
	margin:0px auto;
	text-align:left;
	background-color:#FFF;
	min-height:100%;
}
#pop-container-pdf{width:500px}
#pop-content{
	min-height:328px;
	height:100%;
	padding:2em;
}
#pop-container-pdf #pop-content{min-height:440px}
#pop-content ul{margin:1em;padding-left:0.5em;list-style:square}
#pop-content li{padding-left:0.4em;line-height:1.4em;}
#pop-content h2{font-size:1.4em;color:#348618;}
#header h1, #header h2, #pop-content h1{display:none}

#header-top{
	position:relative;
	height:91px;
	padding : 0px 1.5em;
	/*text-align:left;*/
	background:transparent url(/xlstat/img/logo_xlstat.gif) no-repeat bottom left;
}
#header-middle{
	height:113px;
	background:transparent url(/xlstat/img/bandeau.jpg) no-repeat;
}
#header-bottom{
	width:100%;
	height:27px;
	background:transparent url(/xlstat/img/top_slice_barre.gif) repeat-x 0 0;
	text-align:center;
}

/* Navigations */
#nav-lang, #nav-top-right{position:absolute}
#nav-lang{left:25%;}
#nav-top-right{right:1.5em;}
#nav-lang, #nav-top-right{bottom:0; margin-bottom:13px;}
#nav-pathme{margin-bottom:1.8em}

/*Contenus centre*/
#center{
	background:transparent url(/xlstat/img/dotted-v.gif) repeat-y 20% 0%;
	padding-top:2.4em;
}

/*Colonne gauche INFOS*/
#left{
	text-align:center;/*ie*/
}
#left, #sup-footer-left{
	float:left;
	width:195px;
}

#left ul.fleche, ul.fleche, .empty, .minus, .plus {
	padding:0px 1.2em;
	margin:1.2em 0px;
	list-style:none outside;
}
#left ul.fleche{list-style-position:inside}
#left ul.fleche, ul.fleche{
	list-style-image:url(/xlstat/img/puce_fleche.gif);
	_list-style-image:url(/xlstat/img/puce_fleche_ie.gif);/*IE6*/
}

ul.minus{
	list-style-image:url(/xlstat/img/minus.gif);
}
ul.plus{
	list-style-image:url(/xlstat/img/plus.gif);
}

.empty li{list-style-image:none;}
/*ol.empty {list-style:decimal}*/

#left ul.fleche li, ul.fleche li, .empty li{
	margin-bottom:1.5em;
}

#left ul.fleche li{text-indent:0px; _text-indent:-6px;/*IE6*/}
#content ul.fleche li, .empty li, .minus li, .plus li{line-height:1.4em;margin-bottom:0.6em}
#content ul.fleche{padding:0 0 0 1.6em;}

/*IE7, className hack*/
#left ul[className=fleche] li{
  text-indent:-6px;
}
#left ul[className=fleche], ul[className=fleche]{
  list-style-image:url(/xlstat/img/puce_fleche_ie.gif);
}

#books h3{font-size:1em;width:100%}/*needed for IE javascript mouse event*/
h3.minus{background:transparent url(/xlstat/img/minus.gif) no-repeat left center;}
h3.plus{background:transparent url(/xlstat/img/plus.gif) no-repeat left center;}

/*Colonne droite ?*/
#right{

}

#content, #galerie{
	padding:0 2.0em;
	width:auto !important;
	width:100%;
	margin-left:195px;
}
#aqua-btn{
	clear:left;
}
#clients{
	clear:both;
	background:transparent url(/xlstat/img/dotted-h.gif) repeat-x;
	padding:0 0 2em;
	padding-top:2em !important;
	padding-top:1em;
	/*height:90px;*/
}

#galerie p{
	color:#666;
	font-weight:bold;	
}
#galerie img{
	border:0;
	margin:0 1em 1em 0;
	vertical-align:middle;
}


#footer{
	clear:both;
	text-align:center;
	line-height:27px;
	vertical-align:middle;/*marche avec un line-height*/
	background:transparent url(/xlstat/img/bot_slice_barre.gif) repeat-x;
}

/*Navigation header*/
#header-bottom ul{
	line-height:27px;
	list-style:none;
}
#header-bottom ul li{
	display:inline;
	margin-left:-3px;/*espace entre les li*/
}
#header-bottom a, #header-bottom a:hover{
	padding:7px 15px;
	color:#000;
	text-decoration:none;
}
#header-bottom a:hover, .selected-rub{
	background:transparent url(/xlstat/img/top_slice_barre_hover.gif) repeat-x 0 0;	
	color:#333;
}
#w3c{text-align:left}
/*CLASSES*/
ul.outside{list-style-position:outside;margin-left:1em !important; margin-left:1.5em;}
.cartouche, .cartouche a{font-family:'Lucida Grande', Verdana;}
.cartouche{
	text-align:left;/*IE*/
	margin:0 auto 2em;
	width:162px;
	background-color:#F3F3F3;
}
/*.cartouche ul, .cartouche ul li{margin:0px;padding:0px;list-style:none outside none}*/
.cartouche-top{
	background:transparent url(/xlstat/img/cartouche_top.gif) no-repeat top left;
	width:162px;
	line-height:17px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.cartouche-bot{
	background:#FFF url(/xlstat/img/cartouche_bot.gif) no-repeat top left;
	height:12px;
}
.cartouche-titre{
	background:#7D8990;
	border-left:1px solid #BABCBE;
	border-bottom:1px solid #6A747A;
	border-right:1px solid #BABCBE;
}
.cartouche-url ul{
	list-style-type:none;/*Opera*/
	margin:2em 0;
	padding:0px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #FFF;
}
.cartouche-url ul li{
	line-height:2em;	
	border-top:1px solid #FFF;
	border-bottom:1px solid #BBB;
	
}
.cartouche-url a{
	padding-left:2em;
	
	color:#335A6D;
	text-decoration:none;
	display:block;
}
.cartouche-url a:hover, a.selected-item{	
	background-color:#E0E2DE;/* url(/xlstat/img/puce_fleche.gif) no-repeat 5% center;*/
	color:#000;
}
.cartouche-note ul{
	padding:0px 15px;
	margin:15px 0px;
	list-style:none outside none;
}
.cartouche-note ul li{
	margin-bottom:1.5em;
}

.box{width:auto !important;width:100%;border:1px solid #DDD; background-color:#F3F3F3;}
.box-padding{padding:1em;}
.no-margin{margin:0}


/*Le texte du lien pris dans un span permet a IEMAC d'appliquer la centralisation du texte*/
a.aqua-button{
	float:left;
	background:transparent url(/xlstat/img/aqua.gif) no-repeat;
	display:block;
	line-height:20px;
	text-align:center;
	vertical-align:middle;
	color:#000;
	width:78px;
	text-decoration:none;
}
a.aqua-button span{
	font-size:10px;
	font-weight:bold;	
}

.y-sep{
	background:transparent url(/xlstat/img/dotted-v.gif) repeat-y center;
	padding:0 0.4em;
	height:1.2em;
	width:1px;
}
.x-sep{
	background:transparent url(/xlstat/img/dotted-h.gif) repeat-x top left;
	height:2em;	
}

/*Ex : infos*/
.titre-bandeau-vert, .titre-bandeau-bleu{
	padding:5px 0px;
	text-align:center;
	background:#666F5A;
	color:#FFF;
	letter-spacing:2px;
}
.titre-bandeau-bleu{background:#5A7D88;}
.titre-para{font-weight:bold;color:#348618}
.small{font-size:0.9em;}

/*Colors*/
.green{color:#348618;}
.light-green{color:rgb(00,180,00);}
.black,a.black, a.black:hover{
	color:#000;text-decoration:none;
}
.grey{color:#777}

.bold{font-weight:bold;}

.cols-container{float:left;width:100%;}
/*Div floates en colonne*/
.cols2{
	padding-right:2% !important;
	padding-right:3%;
	width:47.5% !important;
	width:49.9%;
}
.cols3{

	padding-right:2% !important;
	padding-right:5%;
	width:31% !important;
	width:33%;
}

.float-left{float:left;}
.float-right{float:right;}

.clear-right{clear:right;}
.clear-left{clear:left;}
.clear-both{clear:both;}

/*Class Type image*/
.padding-br{
	position:relative;
	margin:0 1em 0 0;
}

.thumb{
	border:1px solid #CCC;
	padding:6px;
	margin:0 0.5em 0.5em 0;
}
/* Tables */
.table-form, .table-module{width:100%}
.table-form th{padding:0.5em 1em 0.5em 0;text-align:left;color:#000;}/*color:#348618*/

.table-module{
	padding:0;
	margin:0;
}
.table-module th, .table-module td{padding:1em 0.3em;font-size:10px;}
.table-module th{
	color:#FFF;
	background-color:#7D8990;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
	border-bottom:1px solid #BBB;
}
.table-module td{
	font-size:10px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #FFF;
	border-bottom:1px solid #BBB;
}
.table-devis{width:100%;border-top:1px solid #CCC}
.table-devis th{vertical-align:middle;padding:0.8em;width:162px;border-bottom:1px solid #CCC;color:#FFF;background-color:#7D8990;}
.table-devis td{vertical-align:middle;padding:0.8em;border-bottom:1px solid #CCC;background-color:#F3F3F3;}
.table-devis-nested{width:100%;padding:0;margin:0}
.table-devis-nested th{color:#000;background-color:transparent;border:none;padding:0.1em 0.8em;}
.table-devis-nested td{border:none;padding:0.1em 0.8em;white-space:nowrap}

td.price-text{text-align:right;background-color:#FFF;border-bottom:none;}
/*used in cells with image*/
td.centered, .centered{	
	text-align:center;
	vertical-align:middle;
}

.table-tuto{width:100%;border-top:1px solid #CCC;margin-bottom:1em;}
.table-tuto th{vertical-align:middle;padding:0.8em;width:162px;border-bottom:1px solid #CCC;color:#FFF;background-color:#7D8990;}
.table-tuto td{vertical-align:middle;padding:0.8em;border-top:1px solid #FFF;border-bottom:1px solid #CCC;background-color:#F3F3F3;}

.table-pdf{width:100%;border:1px solid #CCC;border-bottom:none;margin-bottom:1em;background:#EEE}
.table-pdf th, .table-pdf td{padding:.5em .5em;border-bottom:1px solid #CCC}
.table-pdf th{text-align:left;background-color:#7D8990;color:white}
.table-pdf td table th{color:#000;background:#EEE;}
.table-pdf td table td, .table-pdf td table th{text-align:left;border:none;width:auto;}
.table-pdf td table td input{text-align:left}
.table-pdf .erreur{color:#FFF;border-bottom:2px solid #F90}

.alright{text-align:right}
.alleft{text-align:left}
.alcenter{text-align:center}
.entete-devis{display:none}
th.erreur, .erreur{color:red;font-weight:bold}
th.erreur:before{content:'> '}
/*DEBUG*/
/*
div{	border:1px solid red;}
ul{border:1px solid blue}*/
.disp-none{display:none}
.disp-block{display:block}
h3 a{text-decoration:none;color:#348618}
h3 a:hover{text-decoration:underline;color:#348618}

.dl-tutorial-file{position:relative;float:left;padding:1em;margin:0 1em 0 0;border:2px solid #348618;background:#F3F3F3}
.dl-tutorial-img{position:absolute;left:-10px;top:-5px;width:20px;height:20px;background:transparent url(/xlstat/img/xls.gif) no-repeat top left}

div .fieldset{margin:0 auto}
.fieldset{border:1px solid #CCC;background:#F3F3F3;padding:1.5em;}
.fieldset legend{border:1px solid #CCC;background:#7D8990;color:#FFF;font-weight:bold;padding:.5em}
.fieldset textarea{width:100%}

.note{
  padding:1em 1em 0;
  display:block;
}
p.submit{
  text-align:right;
  display:block;
}
p.submit input{
  margin:1em 0 0;
}

p label{}
p label input{vertical-align:bottom;text-indent:0.5em;}

table.table-devis-nested td.separator
{
  font-weight:bold;
  padding:1em 0.8em;
}