/*
 * Structure de la page
 *
 *  #tools -> bandeau du haut
 *  #breadcrumb -> nav barre
 *  #columns, contient #sidebar et #page
 *    #page -> #flash, #page_content
 *  #footer
 */
body
{
    margin: 0;
    padding: 0;
    font-size: 80%;
    font-family: sans-serif;
    min-width: 760px;
	background:  url('images/bord.jpg') repeat-x top;
	}

table { font-size: 100% }

a { color: #DDDDDD; text-decoration: underline; }
a img { border: 0px; }

.w150 { width:500px; }

/* flash notice */
.flash_error { padding:10px; background:#FF9999; font-size:14px; font-weight:bold; }
.flash_notice { padding:10px; background:#FFFF99; font-size:14px; font-weight:bold;  }

/* pour les p et a d'un lien important */


/* structure de la page */
#global {
  position : relative;
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  text-align: left; /* on rétablit l'alignement normal du texte */
  }


#tools { height: 94px;	background:  url('images/kolor_fond_menu2.jpg') no-repeat; width:990;  }
#tools * { color: black; font-weight: bold; font-size:14px; }

#breadcrumb { clear: both; background: #878787; padding: .7em; }

#logo-open { position:relative; padding-left:-150px; padding-top:100px; }
#page { background: #FFF; min-height: 340px }
#page_content { padding: 50px;  background: #3b3b3b;  color: white; z-index:1000;}
#sidebar { float: left; width: 200px; }

#footer {
	clear: both;
	font-size: 80%;
	margin:0; padding:3px;
	text-align: right;
	background: black;
	color: white; }

/* details des tools */
.tool { height: 45px; margin-left: 10px; margin-right: 10px; margin-top: 5px; padding-top:28px; float:left; z-index:1001; }

#logo { margin: 0; top: 0; left: 0; position: absolute; font-size: 1em; }
#contenu {
  	margin-top: -10px;
}
#contenu h3 {
  	color: #ff9900;
		font-size: 11px;
	font-weight: normal;
}
#tool_flags {
    float: left;
	margin-left: 700px;
	margin-top: -62px;
	width: 270px;
	display: inline;
}
#tool_flags li
{
	list-style:none;
	display: inline;
}
#tool_flags a
{
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:100;
}
#menu{ border:0; margin:0; padding:0; margin-left: 0; margin-top:-20px;}
#menu a
{
	color:white;
	text-decoration:none;
	font-size:12px;
	font-weight:100;
}

#tool_sync { float: left; }
#tool_stats { float: left; }
#tool_tools { float: left; }
#tool_bilan { float: left; }

/* details barre nav */


/*#tool_cart table
{
    font-size: 1em;
    border-collapse: collapse;
}*/

.focus_on
{
    border-collapse: collapse;
}
tr.focus_on 
{
    background-color: #FFCCCC;
	padding: 1em;
	border-width: 20px 0 20px 0;
}
.focus_on td
{
    padding: .5em;
}
.focus_on h1 { padding: 5px 1em; }


/* details des pages */
.right { text-align: right; }
.center { text-align: center; }
.stotal { text-align: right; }
.btotal { text-align: right; font-weight:bold; font-size:110%; height:30px;}

table.ftable { margin-left:10px; }
table.ftable, table.ftable thead, table.ftable tfoot td, table.ftable thead th { background:#666; color:#FFF; }
table.ftable thead th { font-weight:bold; font-size:125%; padding:4px 7px;}
table.ftable td {background: #3b3b3b;  color: white; padding:3px 5px;}
table.ftable a {  color: white; text-decoration:underline;}
/* ajouté pour avoir des pre de taille raisonnable */
table.ftable pre { font-size: 10px; }

.data-table { border:1px solid #bebcb7; width:100% }
.data-table tr { background:#fff; }
.data-table .odd  { background:#f8f7f5 }
.data-table .even { background:#eeeded !important; }
.data-table td.last, .data-table th.last { border-right:0; }
.data-table tr.last th,
.data-table tr.last td { border-bottom:0 !important; }
.data-table th { border-right:1px solid #c2d3e0; padding:2px 8px; color:#0a263c; white-space:nowrap; }
.data-table th.wrap { white-space:normal; }
.data-table th a,
.data-table th a:hover { color:#fff; }
.data-table td { padding:3px 8px; }

#cart .change_quantity { text-align: center; font-family: monospace; float: left; }
#cart .change_quantity a { text-decoration: none; display: block; width: 1.3em; height: 1.3em; }
#cart .increase, #cart .decrease { border: 1px solid #DCDCDC; margin: 1px; }
#cart .quantity { float: left; display: block; font-size: 1.3em;}
#cart .remove_all a { text-align: center; display: block; color: #F00; }
#cart .remove_all a:hover { background: #F00; color: #FFF;  }
#cart .remove_all a:active { background: #F00; color: #000;  }

/* home.tpl */
#products { margin: 0 20px; }
.product { text-align: left; /*width: 80%; float: left;*/ min-height:230px; }
.product .product_logo { display: block; float: left; padding:10px;}
.product .buy_actions { list-style: none; margin: 0; padding-top:20px;}
.product .buy_actions li { margin-left: 1em; padding-bottom: .2em; }
.product h2 { padding-left:30px; border-bottom:1px solid #999; }
.prod_resume { text-align:justify; }

/*
.product table, table.product
{
    background: #CCC;
    font-size: 1em;
    border: 1px solid #666;
    margin: 0 auto 0 auto;
}
.product td { padding: 0 1em 0 1em; }
.product td.price { text-align: right; }
*/


/* details sidebar */




/* dans les pages */

#page .product_logo
{
    vertical-align: top;
}
#table_image{ border:0; margin:0; padding:0; margin-left: -70px; margin-right:-40px;}
#table_image a
{
	color:#333;
	text-decoration:underline;
	font-size:12px;
	font-weight:100;
}
#board_image{ border:0; margin:0; padding:0; margin-left: 10px;}
#board_image a
{
	color:#333;
	text-decoration:none;
	font-size:12px;
	font-weight:100;
}
#formulaire_contract{ border:0; margin:0; padding:0;  margin-left:50px; margin-top:0px; min-height:650px;}
#titreForm_contract { margin-left:120px; padding:0; font:bold 1.6em arial, hevetica, sans-serif; }
#corpForm_contract { margin:0; padding:0.1em; text-align:left; padding-top: 2em; }

#form_up{ border:0; margin:0; padding:0; width:350px; margin-left:0px; margin-top: 250px; min-height:470px;}
#formulaire_modify{ border:0; margin:0; padding:0; width:350px; margin-left:50px; margin-top: 50px;}
/* forms : formulaires */
#formulaire {position:relative; border:0; margin:0; padding:0; width:350px; margin-left: 290px; margin-top: -185px;}
#formulaire2 { border:0; margin:0; padding:0; width:100%; }
#formulaire3 {position:relative; border:0; margin:0; padding:0; width:900px;  margin-top: -185px; }
#titreForm, #piedForm { margin:0; padding:0.4em; font:bold 1.2em arial, hevetica, sans-serif; }
#titreForm2 { margin:0; font:bold 1.2em arial, hevetica, sans-serif; }
#titreForm3 {text-align:center; margin-left:30px; font:bold 1.2em arial, hevetica, sans-serif; }
#piedForm { padding-left:30%; text-align:left; }
#piedForm3{ padding-left:0; text-align:center; padding-top: 0.5em;}
#piedForm input { font-weight:bold; }
#corpForm { margin:0; padding:0.1em; text-align:center; padding-top: 2em; }
#corpForm  input{ 
                        border:1px solid #999999;
						background-color:#3b3b3b;
                        height:16px;
                        margin: 0px;
						color:#fff;
						font-size:8pt; 
						vertical-align: top;
                        }
#corpForm3 { margin:0; padding:0.1em; text-align:left; padding-top: 2em; }
#corpForm  input{ 
                        border:1px solid #999999;
						background-color:#3b3b3b;
                        height:18px;
                        margin: 0px;
						color:#fff;
						font-size:8pt; 
						vertical-align: top;
                        }

#corpForm2 { margin:0; text-align:center; margin-top: 2px; }
#corpForm p { padding:1px; margin:1px; }
#corpForm label { clear:left; float:left; width:20%; margin:0; padding:0 0.5em 0 0; text-align:right; line-height:1.8; }
#corpForm label:hover, #piedForm input { cursor:pointer; }
#corpForm label.oblig { font-weight:bold; }
#corpForm .legende { font-style:italic; font-size:0.8em; margin:0; padding:0; }
#corpForm a.aide { text-decoration:none; }
#corpForm a.aide img { margin:0; padding:0; border:0; }
#corpForm a.aide:hover { cursor:help; }

.messageAlerte { display:block; margin:0 0 .3em .3em; color:red; padding-left:2em; font-weight:bold; font-size:10px; }

/* validation de champs */

.validationOk { color: #0F0; }
.validationFailed { color: #F00; }

/* outils */
.clear
{
    clear: both;
    visibility: hidden;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
}