/* CSS Document */
	/**
	*	ELEMENT HTML
	
	* {
		border:none ;
		margin:0 ;
		padding:0 ;
	}
	*/
	a {
		text-decoration:underline ;
	}
	
	
	.bg {
		background-image: url(images/bg.gif);
		background-repeat: repeat-y;
	}
	
	.bgtexte {
		background-image: url(images/bg_texte.gif);
		background-repeat: no-repeat;
		background-position: center bottom;
		margin:0 ;
		padding:0 ;
	}	
	
	.texte {
		font-size: 12px;
	}

	img {
		border:none ;
		margin:0 ;
		padding:0 ;
	}
	
	hr {
		border: 1px solid ;
	
	}

	h2 {
		border-bottom:1px solid ;
		font-size:1.0em ;
	}
	h4 {
		border-bottom:1px solid ;
		font-size:1.0em ;
	}

	h3 {
		font-size: 14px;
		font-weight:900;
		text-transform:uppercase ;
		margin:10px 0 0 25px ;
		width:60% ;
	}
	
	input, select, textarea {
		border: 1px solid ;
		margin: 1px 1px 1px 1px ;
	}

	
	ul.inLine {
		list-style:none ;
	}
		
	ul.inLine li {
		display:inline ;	
		margin-right:15px ;
		background:url(../../images/menu/bg_n2.png) center left no-repeat ;
	}
	
	ul.inLine li a {
		border-bottom: 1px solid ;
		margin-left:15px ;
		
	}
		
	
	#plan_site {
		background:url(../../images/bg_plan_site.png) top left repeat-y;
	}
	
	#plan_site h2 {
		border-bottom:1px solid ;
		font-size:1.0em ;
		text-transform:capitalize ;
		margin:20px 20px 0 20px ;		
	}
	
	#plan_site p {
		margin: 5px 20px 30px 20px ;
	}
	
	/**
	*	MIS EN PAGE
	*/
	#colGauche {
		width:100% ;
	}
	
		
	
	
	
		
	
	/**
	*	LINK BUTTON
	*/
	#backLink {
		background:url(../../images/catalogue/arrow_undo.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:200px ;
		height:20px ;
		font-weight:bold ;
		margin: 0 0 10px 0 ;
		font-size:0.85em ;
	}
	
	
	#pdfLink {
		background:url(../../images/catalogue/page_white_acrobat.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:160px ;
		height:20px ;
		font-weight:bold ;
		margin: 0 0 10px 0 ;
		font-size:0.85em ;
	}
	
	#validePanier {
		background:url(../../images/catalogue/basket_go.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:160px ;
		height:20px ;
		font-weight:bold ;
		margin: 0 0 10px 0 ;
		font-size:0.85em ;
	}

	#closeLink {
		background:url(../../images/catalogue/cross.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:160px ;
		height:20px ;
		font-weight:bold ;
		margin: 0 0 10px 0 ;
	}
	
	#printLink {
		background:url(../../images/catalogue/printer.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:300px ;
		height:20px ;
		font-weight:bold ;
		margin: 0 0 10px 0 ;
		font-size:0.85em ;
	}
	
	.confirm {
		width:80% ;
		border:1px solid ;
		padding:5px ;
		margin:auto ;
		text-align:center ;
	}
	.confirm span {
		display:block ;
		padding:10px ;
		margin:5px ;
	}
	
	
	
	
	/**
	*	UTILS
	*/
	.spacerNoMargin {
		clear:both ;
		/*background:url(images/menu/bg_hr.png) repeat-x center left ;*/
		margin: 0 ;
	}
	
	.spacer {
		clear:both ;
		margin:25px ;
	}
	
	.spacerBlank {
		clear:both ;
		margin:0 ;
	}

	#bottomLinks {
		width:100% ;
		text-align:center ;
		font-size:0.90em ;
		margin:10px 0 0 0 ;
		color:#CCCCCC ;
	}
	#bottomLinks a {
		font-size: 0.70em ;
		color:#CCCCCC ;
	}
	
	#titrePageHeader {
		height:25px ;
		font-weight:bold ;
		color:#333 ;
		background:url(../../images/produits/bg_h1.jpg) top left repeat ;
		padding:5px ;
	}
	
	.titrePage h1 {
	}
	
	#titrePage {
		display:none ;
		
	}		

	#panier {
		background:url(../../images/catalogue/basket_add.png) no-repeat left top ;
		display:block ;
		text-indent:20px ;
		width:400px ;
		height:20px ;
		font-weight:bold ;
		font-size:1em ;
	}
	
	.erreur {
		font-style:oblique ;
		font-weight:bold ;
		margin:10px ;
	}	
	
	.advertising {
		font-style:oblique ;
		font-weight:bold ;
		margin:10px ;
	}
	
	.alert {
		border-bottom:#FF0000 1px solid ;
		padding:5px ;
		margin:30px ;
		font-weight:bold ;
	}
	

	#cgdv {
		overflow:auto ;
		width:95% ;
		height:300px ;
		border-bottom:solid 1px ;
		padding:10px ;
	}

	#validationStep {
		width:95% ;
		text-align:right;
		margin:10px;
		font-size:0.85em ;
	}

	#validationStep span {
		font-weight:bold ;
		background:url(../../images/menu/bg_n2.png) center left no-repeat ;
		padding-left:10px ;
		border-bottom: 1px solid ;
	}

	#pagination {
/*		margin-right:20px ;
*/		margin-bottom:20px ; 
		font-size:80% ;
		width:100% ;
		text-align:right ;
		font-size:0.85em ;
		font-weight:bold ;
		border-bottom:1px solid ;
	}
	
	#pagination a {
		font-size:0.85em ;
	}
	
	#ariane {
		width:100% ;
		text-align:right ;
		/*background:url(images/picto_bottom.png) bottom left repeat-x ;*/
		margin: 0 0 20px 0 ;
		font-weight:bold ; 
	}
	
	#ariane a {
		font-size:0.95em ;
	}
	


	/**
	*	FLASH DIV
	*/
	#flash {
		float:left ;
		width:635px ;
		margin:0 ;
		padding: 0 ;
	}
	

	/**
	*	COLGAUCHE LOGIN + SEARCH
	*/
	#contact label {
		width:20% ;
		vertical-align:middle ;
		text-align:right ;
	}
	
	#logSearch {
		width:100% ;
		/*margin:0 33px 0 18px ;*/
		padding:0px ;
		margin:0px ;
		padding-left:25px ;
		background:url(../../images/bg_logsearch.gif) top left no-repeat ;
	}
	
	#logSearch a {
		font-size:0.95em ;
		text-decoration:underline ;
	}
	#logSearch a {
		text-decoration:none ;
	}
	
	/* OBJ AUTH : loginFuntion()  */	
	#logSearch input {
		border:1px solid ;
		width:80px ;
		height:17px ;
	}	
	
	#logSearch input.username {
		width:110px ;
	}
		
	#logSearch input.password {
		width:110px ;
	}
	
	#logSearch input.button {
		border:none ;
		background:url(../../images/ok.jpg) top left no-repeat ;	
		width:40px ;
		height:25px ;
		cursor:pointer ;
	}
	

	#logSearch form {
		margin:2px 0 2px 0  ; 
		padding:0 ;
	}
		
	
	#logSearch label {
		width:40px ;
		text-align:left ;
		margin:0 5px 0 0 ;
	}
	
	
	#logSearch p.utils {
		margin:0 0 0 10px ;
		padding:0 ;
	}
	
	#logSearch p.utils a {
		font-weight:bolder ;
	}
	
	#logSearch p {
		clear:both ;
		margin:0 ;
		padding:0 ;
	}
	
	#logSearch p.erreur {
	}
	
	#logSearch a:hover {
		text-decoration:underline ; 
	}
	


	/**
	*	MENU RUBRIQUE 
	*/	
	#headMenu {
		/*background:url(../../images/menu/header_menu.png) top left no-repeat ;*/
		height:100px ;
		margin-bottom:-10px!important; 
		margin-bottom:0px;
	}
	
	#menu {
		margin:0 0 0 20px ;
		padding:0;
		/*background:url(images/menu/pix_orange.png) top left repeat  ;*/
		vertical-align:top ;
	}
	
	#menu h2 {
		font-size:0.90em ;
		text-decoration:underline ;
		width:100% ;
		text-align:center ;
		margin:10px 0 0 0 ;
	}
	
	#menu a {
		color:white ;
	}
	
	#menu a:hover {
		text-decoration:underline ;
	}
		

	#menu h1 {
		font-size:0.8em ;
		background:url(../../images/menu/bg_h1.png) left 50% no-repeat ;
		text-transform:capitalize ;
		margin:0 ;
		padding:0 ;
		
		font-weight:bold ;
	}
	
	#menu h4 {
	
		/*vertical-align:middle;*/
		line-height:60px ;
		background:url(../../images/menu/bg_h4.png) top left no-repeat ;
		text-transform:capitalize ;
		margin:0 0 0 0;
		padding:0 ;
		border:none ;
	}
	
	#menu h1 a {
		text-decoration:none ;
		color: #033B85;	
		margin:0 ;
		padding:0 ;
	}
	
	
	#menu ul {
		width:100% ;
		list-style:none ;
		margin: 0  ;
		padding:0 ;
		background:none ;
	}
	
	#menu ul li {
		margin: 0  ;
		padding:0 ;
		text-decoration:none ;
	}
	
	#menu ul li a {
		margin: 0  ;
		padding:0 ;
		text-decoration:none ;
	}
	
	#menu ul.N1  {
		margin:0 ;
		padding:0 ;
		background:none ;
	}


	#menu ul.N1 li a{
		background:none ;
		background:url(../../images/menu/bg_n1.png) center left no-repeat ;
		margin:0 0 0 5px ;
		padding:0 ;
	}
		
	#menu ul.N2 li{
		background:none ;
		margin:0 ;
		padding:0 ;
	}	
	
	#menu ul.N2 li a{
		background:none ;
		background:url(../../images/menu/bg_n2.png) center left no-repeat ;
		margin:0 0 0 5px ;
		padding:0 ;
	}

	#menu ul.N3 {
	}
	
	
	#menu span {
		height:20px ;
		text-transform:capitalize ;
	}	
	
	#menu span.N1 {
		/*background:url(images/menu/bg_h1.png) center left no-repeat ;*/
		/*background:url(images/menu/bg_n3.png) center left no-repeat ;*/
		padding-left:10px ;
		margin-left:2px ;
		font-size:0.90em ;
	}
		
	#menu span.N2 {
		padding-left:0 ;
		margin-left:5px ;
		font-size:0.85em ;
	}	
	
	#menu span.N3 {
		padding-left:10px ;
		margin-left:10px ;
	}
	
	form#comment input, textarea {
		width:280px ;
	}
	
	form#comment input.button {
		width:70px ;
	}
	
	.comment {
		margin:0 ;
		padding:0 ;
		background-color:#EEE ;
	}
	.comment h4{
		margin:0 ;
		padding:0 ;
		border:none ;
	}
	.comment p {
		margin:0 ;
		padding:0 ;
		margin-bottom:20px ;
	}

	/****************************************************/

	#produit .rub {
		margin:5px ;
		clear:both ;
	}
	
	#produit .rub img {
		border:1px solid ;
	}

	
	.rub a {
	}
	
	.rub a:hover {
	}

	.listingProd {
		width:45% ;
		float:left ;
		margin: 10px ;
		vertical-align:top ;
		text-align:center ;
	}

	
	
	.listingProd .floatP img {
		border:1px solid ;
		margin:0 ;
		padding:0 ;
	}
	
	.new {
		background:url(../../images/menu/bg_new.png) top right no-repeat ;
	}
	
	.heart {
		background:url(../../images/menu/bg_heart.png) top right no-repeat ;
	}
	
	.listingProd h1 {
		margin:0 ;
		padding:0 ;
		font-weight:bold ;
		font-size:0.90em ;
		text-transform:capitalize ;
		border-bottom:1px solid ;
		background:none ;
	}
	
	.listingProd span.picto {
		margin:0 ;
		padding:0 ;
		font-weight:bold ;
		background:url(../../images/menu/bg_n2.png) center left no-repeat ;
		margin-right:5px ;
	
	}
	
	.listingProd a {
		font-size:0.80em ;	
	}


	/* -- LISTING PROD ATTACHMENT -- */
	.attachProd {
		width:30% ;
		float:left ;
		text-align:center ;
		margin-left:10px ;
		padding:0 ;
	}

	.attachProd h6 {
		margin-bottom:10px ;
		font-size:0.90em ;
		margin: 0 0 10px 0 ;
	}
	
	
	/* -- TABLEAU PRODUIT -- */
	
	#produit {
		width:100% ;
		text-align:left ;
		font-size:0.90em ;
	}
	
	#produit a {
		font-size:1em ;
	}
	
	#produit a:hover {
		text-decoration:underline ;
	}
	
	#produit img {
		float:left ;
		padding: 10px ;
		/*border:white 1px solid ;*/
	}
	
	#produit img.rub {
		clear:both ;
		/*margin: 5px ;*/
		border:none ;
	}
	
	#produit h4 {
		border:none ;
		font-weight:bold ;
		height:20px ;
		font-size:100% ;
		margin:0 ;
	}	
	
	#produit h3 {
		padding: 2px 2px 2px 2px ;
		border: solid 2px ;
		font-weight:bold ;
		height:25px ;
		font-size:110% ;
		color:white ;
	}
	
	#produit h2 {
		border-bottom: 1px solid ;
		font-size:1.1em ;
		text-transform:uppercase ;
		
	}
	
	#produit h1 {
		/*padding: 2px 2px 2px 2px ;
		margin: 0 0 10px 0 ;
		border-bottom: solid 1px ;
		*/font-weight:bold ;
		text-indent:18px ;
		line-height:25px ;
		border-bottom: 1px solid ;
		text-transform:uppercase ;
	}
	
	#produit .floatP {
		float:left ;
		/*margin: 0 10px 10px 10px  ;*/
	}
	
	#produit .floatP p {
		clear:both ;
		width:100% ;
		text-align:center ;
	}

	#produit p {
		/*margin:10px ;*/
	}
	
	#comment {
	}
	
	#comment label {
		float:left ;
		width:80px ;
		text-align:right ;
		padding-right:5px ;
	}
	
	#comment p {
		clear:both ;
	}
	/****************************
	*	LOGIN TEMPLATE
	****************************/
	
	
	
	/* TABLEAU PRODUIT */
	.prod {
		border: solid thin ;
		margin: 10px 10px 10px 10px ;
	}
	.prod th {
		color:black ;
		font-size:90% ;
		border-bottom:solid thin ;
	}
	
	.prod th a{
		padding: 0 0 5px 0 ;
	}
	
	.prod td{
		text-align:center ;
		vertical-align:top ;
	}

	/* TABLEAU RUBRIQUE */
	#rubrique th {
		text-align:center ;
		font-size:130% ;
		border-bottom:solid thin ;
		vertical-align:top ;
	}
	
	#rubrique td {
		text-align:left ;
		vertical-align:top ;
	}
	
	/*********************
	*	TABLEAU BASE
	**********************/
	.tableau {
		border-collapse:collapse ;
		font-size:100% ;
		width:95% ;
	}
	
	.tableau th {
		border-bottom: 1px solid ;		
		border-top: 1px solid ;
		font-weight:bold ;
		height:20px ;
	}

	.tableau th.left {
		text-align:left ;
	}

	.tableau th.right {
		text-align:right ;
	}
		
	.tableau td {
		text-align:center;
		padding:5px ;
	}	
	
	.tableau td.right {
		text-align:right;
	}
	
	.tableau td.left {
		text-align:left ;
	}
	
	.tableau tr.odd {
		background:url(../../images/picto_fond.png) top left repeat ;
	}
	
	.tableau td.detail {
		text-align:left ;
	}
	
	.tableau .entete {
		border-bottom: 1px solid ;		
		/*border-top:#666666 1px solid ;
		*/text-align:left ;
		font-weight:bold;
		font-size:0.85em;
	}
	
	.tableau input {
		border:1px solid ;
		margin: 1px 1px 1px 1px ;
		text-align:center ;
	}
	
	/*********************
	*	TABLEAU BASE
	**********************/
	#factureCompte {
		border-collapse:collapse ;
		font-size:100% ;
		width:100% ;
	}

	#factureCompte th {	
		/*border-top:#666666 1px solid ;
		*/text-align:left ;
		font-weight:bold;
		font-size:0.85em;
		color:black ;
	}
		
	#factureCompte td {
		padding:5px ;
	}	
	
	
	#factureCompte tr.odd {
	}
	
	#factureCompte p {
		width:100% ;
		clear:both ;
		margin:0 ;
		padding:0 ;
	}	

	
	#factureCompte div.left {
		float:left ;
		width:70% ;

		text-align:right ;
		margin:0 ;
		padding:0 ;
		border-bottom: 1px solid ;
		font-weight:bold ;
	}
	#factureCompte div.right {
		text-align:right ;
		margin:0 ;
		padding:0 ;
		border-bottom: 1px solid ;
	}
	
	/*********************
	* CHOIX DECLINAISON 
	**********************/
	.tDecl {
		width:200px ;
		margin: 5px 5px 15px 5px  ;
		float:left ;
	}
	
/*	#tDecl p.name {
		font-weight:bold ;
		height:20px ;
		font-size:110% ;
		margin:0 ;
	}
	
	#tDecl p.prix {
		text-align:left;;
		padding:5px ;
		margin:0 ;
	}
*/
	/*****************
	* FACTURE HTML
	******************/
	#factureHTML {
		color:#555 ;
	}
	
	#factureHTML a {
		color:#555 ;
		text-decoration:underline ;
	}
	
	#factureHTML a:hover{
		color:#555 ;
		text-decoration:none ;
	}
	
	#factureHTML h1{
		color:#EEE ;
		background-color:#888 ;
		border:#000 1px solid;
		width:100% ;
		padding:5px ;
	}

	#factureHTML #utils{
		width:100% ;
		text-align:right ;
	}
	
	#factureHTML p.coords{
		text-transform:capitalize ;
	}

	#factureHTML p.coords span.nom{
		text-decoration:underline ;
		font-weight:bold ;
	}
	
	#factureHTML p.intro {
		font-style:italic ;
	}	
	
	#factureHTML table {
		color:#555 ;
		width:100% ;
		border-collapse:collapse ;
	}
	
	#factureHTML table th {
		text-align:center ;
		background-color:#888 ;
		color:#EEE ;
	}
		
	#factureHTML table th.detail {
		text-align:center ;
		background-color:#EEE ;
		border:#000 1px solid ;
		color:#555 ;
	}
	
	#factureHTML table td {
		text-align:center ;
	}
	
	#factureHTML tablelist {
		width:100% ;
	}

	#factureHTML table td {
	}

	#factureHTML table tr.odd {
		border:#EEE 1px solid ;
		background-color:#EEE ;
	}
	
	#factureHTML table {
		width:100% ;
	}
	
	
	/* -- FROMULAIRE -- */
	.form {
		margin:0;
		padding:0;
		text-align:left ;
	}
	
	
	.form h2 {
		font-size:1.0em ;
		font-weight:bold ;
		background:url(images/menu/bg_n2.png) center left no-repeat ;
		border-bottom: 1px solid ;
	}
	
	.form label {
		float:left ;
		width:150px;
		text-align:right;
		margin-right:10px ;
		text-transform:capitalize ;
	}
	
	.form input, .form select, .form textarea, .form checkbox {
	
		border:1px solid ;
		width:200px;
		
	}
	
	.form input.chkbox {
		border:none ;
		background-color:transparent ;
		text-align:left;
		width:30px ;
	}
	
	.form .button {
		width:80px;
	}

	
	.form p {
		clear:both ;
		margin:5px;
		padding:0;
	}
	
	/**********************************************/