*{margin:0;padding:0}

body {
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#000000;
	background-image:url(_templates/full_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
	text-align:center;
}

a {
  color:#FFFFFF;
}

a:hover {
  color:#486ABA;
}


div#header {
	width:960px;
	margin:0px auto;
	height:156px;
	text-align:left;
	border:none;
	border-bottom:1px solid #1e1717;
	background-image:url(_templates/bandeau_bg.jpg);
	background-repeat:no-repeat;
	overflow:visible;
	position:relative;
}

h2 {
  margin-top:10px;
  margin-bottom:5px;
}

/*** dans le bandeau ***/
	div#header div#authentificationarea {
		float:right;
		height:35px;
		text-align:right;
		padding-right:30px;
		overflow:visible;
		display:block;
		padding-top:5px;
	}
	
	/*** details dans l'authentification ***/
		div#authentificationarea input {
			border:solid 1px #666666;
			background-color:#FFFFFF;
		}
	/*** ***/
	
	div#header div#banner {
		height:131px;
	}
	
	div#header div#banner a img {
		height:131px;
		width:140px;
		border:none;
	}
	
	div#header div#menuarea {
		height:25px;
		float:left;
		font-weight:bold;
		width:650px;
	}
	
	/*** menu ***/
	    div#menuarea a {
		}
	/*** ***/
	
	div#header div#basketarea {
		height:25px;
		width:278px;
		margin-left:651px;
		display:block;
		color:#486aba;
		font-variant:small-caps;
		text-align:right;
		padding-right:30px;
		overflow:visible;		
		position:absolute;
		top:131px;
		right:0px;		
	}
	
	div#header div#basketarea span.counter {
		font-size:1.5em;
	}
	
	div#header div#basketarea span.legend {
		color:white;
		font-size:0.8em;
		line-height:1.6em;
		width:100%;
		display:block;
		font-style:italic;
	}

/******/

div#container {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	/*border:1px dashed #333;*/
	/*background-color:#eee;*/
	background-image:url(_templates/vertical_signature.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

div#container div#mainContent {
	margin:30px;
}

div#footer {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	text-align:left;
	text-align:center;
	color:#d1d2d4;
	border-top:1px solid #1e1717;
	font-size:0.8em;
	clear:both;
}
/******/
	div#footer p {
		height:17px;
		line-height:20px;
	}
	div#footer a {
		color:#d1d2d4;
		height:17px;
		line-height:17px;
		text-decoration:none;
	}
	
	div#footer a:hover {
		color:#FFFFFF;
		text-decoration:underline;
	}
	
	div#footer a img {
		width:17px;
		height:17px;
		border:none;
		vertical-align:middle;
	}
/******/

/*
  une colonne
*/

div.unecolonne {
	background-image:url(_templates/une_colonne_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	/* font-variant:small-caps; */ /* un peu too much */
}

div#diap_index {
	float:right;
	width:450px;
	height:300px;
        margin:0px;
        padding:0px;
	border:solid 4px #FFFFFF;
	margin-left:30px;
}
div#flashcontent_diaporama {
/*
	float:right;
	width:450px;
	height:300px;
        margin:0px;
        padding:0px;
	border:solid 4px #FFFFFF;
	margin-left:30px;
*/
}

/*
   deux colonnes (1/3 et 2/3)
*/
div.colonne1_3 {
	background-image:url(_templates/1de3_colonne_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	/* font-variant:small-caps; */ /* un peu too much */
	float:left;
	width:35%;
}

div.colonne2_3 {
	background-image:url(_templates/2de3_colonne_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	/* font-variant:small-caps; */ /* un peu too much */
	float:right;
	width:60%;
}

/*
  Toutes colonnes
*/
div.contenucolonne {
	padding:30px;
	padding-top:10px;
}


/*
  polices, textes, images
*/
h1.titrecolonne {
	color:#486aba;
	font-variant:small-caps;
	font-size:1.8em;
	font-weight:normal;
}

h2.titrecolonne {
	color:#FFFFFF;
	text-align:right;
	font-size:0.9em;
	line-height:25px;
	font-weight:normal;
}

/* */
hr.clear {
	clear:both;
	/*visibility:hidden;*/
height:1px;
border:none;
color:#100808;
background-color:#100808;
}


/*** formulaire de contact ***/

/* corps du formulaire */
.corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin:0;
	padding:0;
}

/* section */
.corpForm fieldset,fieldset {	/*** Mise en forme des cadres ***/
	margin:0px;
margin-bottom:-5px;
	font-style: normal;
	padding:0px;
        border:none;
}

/* titre de chque section */
.corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	background: transparent;
        display:none;
}
/* chaque ligne d'entrée */
.corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .1em 0;
	margin: 6px 0 6px 0;
}

/* les intitulé des champs */
.corpForm label {
	float:left;
	text-align:left;
 font-variant:small-caps;
	margin-right:2px;
	float: left;
	width: 135px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.corpForm div {
display:inline;
float:left;
}

.corpForm div img{
border:solid 1px #666666;
}

.corpForm label:hover {
	cursor: pointer;
}
.corpForm label.oblig {	/*** Mise en évidence des champs obligatoires ***/
        background-image:url(_templates/obligatoire.gif);
        background-position:top right;
        background-repeat:no-repeat;
}

/* les explications exemple, etc*/
.corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	background: transparent;
	margin: 0;
	padding: 0;
        font-size:0.8em;
}


/* les inputs */
.corpForm input, .corpForm select, .corpForm textarea {
	width:40%;
}

.corpForm input.readonly {
	border:none;
        color:#FFFFFF;
        background-color:#100808;
}

.corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
	border:solid 1px #4a69bc;
}
.corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
	border:solid 1px #4a69bc;
}

.corpForm input.submit {
background-image:url(_templates/button_bg.gif);
background-repeat:x-repeat;
background-position:top;
height:25px;
border-width:1px;
padding-left:18px;
padding-right:18px;
color:#FFFFFF;
font-weight:bold;
line-height:25px;
}




/*** livre d'or ***/

div.livredor_new_message div.corpForm p input.submit {
padding-left:21px;
padding-right:21px;
}

div.livredor_liste {
float:right;
width:55%;
}
div.livredor_new_message {
width:45%;
}

div.livredor_new_message textarea {
margin-left:40px;
}

div.livredor {
	background-image:url(_templates/1de3_colonne_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

div.livredor h2 {
	color:#486aba;
	font-variant:small-caps;
	font-size:1.8em;
	font-weight:normal;
}

div.livredor div.message {
margin:5px;
}

div.livredor div.signature {
text-align:right;
font-style:italic;
}

div.livredor_pagination span, div.livredor_pagination a{
  padding-left:2px;
  padding-right:2px;
  color:#FFFFFF;
  text-decoration:none;
}

div.livredor_pagination a:hover {
 text-decoration:underline;
}

div.livredor_pagination span {
  color:#4a69bc;
  border:solid 1px #4a69bc;
}

input.loginBu {
background-color:#426AB2;
background-image:url(_templates/login_ok.gif);
width:38px;
height:38px;
color:#FFFFFF;
font-weight:bold;
border:solid 1px #426AB2;
} 

div.loginStateBloc {
position:absolute;
left:700px;
top:5px;
width:250px;
}

div.loginStateBloc a {
color:#426AB2;
font-size:0.9em;
}


/** table panier / factures / commandes **/
table.basket,table.liste_commandes {
	width:750px;
	/*background-color:#291D1D;*/
	border-collapse:collapse;
	border:solid 1px #486ABA;
	margin-left:60px;
}

table.basket td,table.liste_commandes td {
	border:solid 1px #486ABA;
}

table.basket th,table.liste_commandes th {
	background-color:#486ABA;
}

col.col_mini {
	width:80px;
}

col.col_tot,col.col_qu,col.col_pu {
	width:75px;
}

td.col_tot, td.col_qu, td.col_pu {
	border-left:
}


col.col_tot {
	font-weight:bold;
}

col.col_action {
	width:55px;
}

table.basket tbody tr.product_line td {

}

table.basket tbody tr.referenceLine,table.basket tbody tr.referenceLine_odd {
	/*color:blue;*/
}

table.basket tbody tr.referenceLine td,table.basket tbody tr.referenceLine_odd td {
	margin:0px;
	padding:2px;
	/*border:solid 1px blue;*/
}

table.basket tbody tr.referenceLine:hover,table.basket tbody tr.referenceLine_odd:hover {
	/*color:green;*/
	font-weight:bold;
}


textarea#livreDOr__message {
height:250px;
width:250px;
}