/* CSS Document */

.produit_cadre{
float:left;  width:190px; background-color:#c0e2eb; border:1px solid #fff; text-align:center; margin:0 0 0 10px;
}

.produit_titre{
height:35px; border-bottom:1px solid #fff; background-color:#caddc1;
}

.produit_intitule{
height:20px; border-bottom:1px solid #fff; color:#fff; background-color:#2b7701;
}

.produit_contenu{
	margin:0; padding:5px 0; min-height:180px; _height:180px;

}

.produit_contenu img{
	border:1px solid #2b7701;
}

body {
	background-color: #c0e2eb;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;

}
.h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color:#ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;


}
.Style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.Style14 {
	color: #660000;
	font-weight: bold;
}
.Style20 {color: #003300}
.Style21 {color: #2b7701}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin-left:30px;
	}
	
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin-left:19px;
}

.texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	margin-left:50px;
	width:180px;
}

.texte4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.TopMenuItemContact {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f4f4f4;
	border-right-color: #f4f4f4;
	border-bottom-color: #f4f4f4;
	border-left-color: #f4f4f4;
}

.TopMenuItem {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	border: 1px solid #000000;
}

.table{
	margin-top:20px;
}

	/**
	*	ELEMENT HTML
	
	* {
		border:none ;
		margin:0 ;
		padding:0 ;
	}
	*/
	body{
		font-style:MS trebuchet;
		font-size:0.80em ;
		color:#2b7701 ;
		margin:auto ;
	}
	
	a {
		text-decoration:underline ;
		color:#2b7701
	}
	
	
	.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-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}

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

	h4 {
		border-bottom:1px solid ;
		font-size:1.0em ;
		text-transform:capitalize ;
		margin:20px ;
	}

	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight:900;
		text-transform:uppercase ;
		margin:10px 0 0 25px ;
		width:60% ;
	}
	
	h1 {
		font-family: Arial, Helvetica, sans-serif;
	
		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% ;
	}
	
	#centre {
		width:95% ;
		padding:15px ;
	}	
	
	#centre a {
		font-size:0.95em ;
		text-decoration:underline ;
	}	
	#centre a:hover {
		text-decoration:none ;
	}	
	
	
	
		
	
	/**
	*	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 ;
	}
	
	#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 {
		border:1px solid ;
		width:80% ;
		padding:10px ;
		margin:15px auto ;
		text-align:center ;
	}
	
	
	
	
	/**
	*	UTILS
	*/
	.spacerNoMargin {
		clear:both ;
		/*background:url(images/menu/bg_hr.png) repeat-x center left ;*/
		margin: 0 ;
	}
	
	.spacer {
		clear:both ;
		margin:5px ;
	}
	
	.spacerBlank {
		clear:both ;
		margin:0 ;
	}

	#bottomLinks {
		width:100% ;
		text-align:center ;
		font-size:0.90em ;
		margin:10px 0 0 0 ;
	}
	#bottomLinks a {
	}
	
	.titrePage {
		font-family:Georgia, "Times New Roman", Times, serif ;
		height:65px ;
		width:100% ;
		background:url(images/bg_titre.jpg) center left no-repeat  ;
		margin:0;
		padding:0;
		text-indent:20px ;
		font-weight:bold ;
		font-size:1.6em ;
	}
	
	.titrePage h1 {
		margin:5px ;
	}
	
	#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:100% ;
		height:300px ;
		border-bottom:solid 1px ;
	}

	#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 ;
		line-height:15px ;
		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% ;
		height:63px ;
		margin:0 0 0 0 ;
		padding:5px ;
		font-size:0.95em ;
		background:url(images/bg_logsearch.gif) top left no-repeat ;
		color:white ;
	}
	
	#logSearch a {
		font-size:0.95em ;
		color:white ;
		text-decoration:underline ;
	}
	#logSearch a {
		text-decoration:none ;
	}
	
	/* OBJ AUTH : loginFuntion()  */	
	#logSearch input {
		border:1px solid ;
		width:110px ;
		height:14px ;
	}	
	
	#logSearch input.username {
		width:130px ;
	}
		
	#logSearch input.password {
		float:left ;
		width:100px ;
	}
	
	#logSearch input.button {
		border:none ;
		background:url(images/menu/bg_ok.png) top left no-repeat ;	
		width:27px ;
		height:25px ;
		cursor:pointer ;
	}
	
	
	
	#logSearch form {
		margin:2px 0 0 20px ; ;
		padding:0 ;
	}
		
	
	#logSearch label {
		font-weight:bold ;
		float:left ;
		width:40px ;
		text-align:right ;
		margin:0 5px 0 5px ;
	}
	
	
	#logSearch p.utils {
		margin:0 0 0 20px ;
		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:68px ;
		margin-bottom:-10px!important; 
		margin-bottom:0px;
	}
	
	#menu {
		margin:10px ;
		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:1.3em ;
		width:100% ;
		font-family:"Times New Roman", Times, serif ;
		/*vertical-align:middle;*/
		font-weight: bold;
		line-height:30px ;
		background:url(images/menu/bg_h1.png) top left no-repeat ;
		text-transform:capitalize ;
		margin:0 ;
		padding:0 ;
		text-indent:35px ;
		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 ;
		margin:0 ;
		padding:0 ;
	}
	
	
	#menu ul {
		width:100% ;
		list-style:none ;
		margin: 0  ;
		padding:0 ;
		background:none ;
	}
	
	#menu ul li {
		margin: 0  ;
		padding:0 ;
		background:url(images/menu/bg_li.png) top left repeat-y ;
	}
	
	#menu ul.N1  {
		margin:0 ;
		padding:0 ;
		background:none ;
	}

	
	#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 15px ;
		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:10px ;
		margin-left:5px ;
		font-size:0.85em ;
	}	
	
	#menu span.N3 {
		padding-left:10px ;
		margin-left:10px ;
	}
	


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

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

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

	.listingProd {
		width:30% ;
		/*height:215px ;*/
		float:left ;
		margin: 10px ;
		text-align:center ;
		background:url(images/produit/bg_listing_prod.png) bottom right no-repeat ;
		vertical-align:top ;
	}

	
	
	.listingProd .floatP img {
		border:1px solid ;
	}
	
	.new {
		background:url(images/menu/bg_new.png) top right no-repeat ;
	}
	
	.heart {
		background:url(images/menu/bg_heart.png) top right no-repeat ;
	}
	.promo {
		background:url(images/menu/bg_promo.png) top right no-repeat ;
	}
	
	.listingProd h1 {
		padding: 0 ;
		margin:auto auto ;
		width:80% ;
		font-weight:bold ;
		font-size:0.90em ;
		text-transform:capitalize ;
		border-bottom:1px solid ;
	}
	
	.listingProd span.picto {
		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-family:MS Trebuchet ;
		font-size:0.90em ;
	}
	
	#produit a {
		font-size:1em ;
	}
	
	#produit a:hover {
		text-decoration:underline ;
	}
	
	#produit img {
		float:left ;
		margin: 5px ;
		border: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 ;
		width:100% ;
		text-indent:18px ;
		text-transform:uppercase ;
		line-height:25px ;
		border-bottom: 1px solid ;
		font-size:1.1em ;
		text-transform:uppercase ;
		background:url(images/menu/bg_n2.png) center left no-repeat ;
	}
	
	#produit .floatP {
		float:left ;
		margin: 0 10px 10px 10px  ;
	}
	
	#produit .floatP p {
		clear:both ;
		width:100% ;
		text-align:center ;
	}

	#produit p {
		margin:10px ;
	}
	
	/****************************
	*	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;
		color:black ;
	}
	
	.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 ;
		padding-left:10px ;
		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;
		padding:2px ;
		
	}
	
	.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;
	}
	
	.lienbas:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2b7701;
	text-decoration:underline;
	}
	.lienbas:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#2b7701;
	text-decoration:underline;
	}
	.lienbas:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #006633;
	text-decoration:underline;
	}
	.lienplan:link{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b7701;
	text-decoration:underline;
	}
	.lienplan:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2b7701;
	text-decoration:underline;
	}
	.lienplan:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #006633;
	text-decoration:underline;
	}
	/**********************************************/