ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OL, P, UL,
CENTER, DIR, 
HR, MENU, PRE   { display: block

}
OBJECT, APPLET  { display: inline }
LI              { display: list-item 	}
HEAD            { display: none }
TABLE           { display: table

 }
 
 
 
 
TR              { display: table-row ;}
				
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell
 }
				
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { /*padding: 8px; line-height: 1.12em*/ }
H1              { font-size: 2em; /*margin: .67em 0 */}
H2              { font-size: 1.5em;/* margin: .83em 0*/ }
H3              { font-size: 1.17em;/* margin: 1em 0*/ }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { /*margin: 1.33em 0*/ }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em;/* margin: 2.33em 0 */}
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { /*margin-left: 40px*/ }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "\A" }

/* Un exemple de style pour les éléments HTML 4.0 ABBR et ACRONYM */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Début des réglages bidi (ne pas changer) 
on peut mettre cela lorsque la lecture se fait de droite à gauche 

BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }
*/
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }


*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }


/* Éléments de type bloc en HTML 4.0 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* Fin des réglages bidi */

@page           { margin: 10%
}
@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media aural {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}








body {	

/*
je l'enlève pendant les tests car je vois mal les erreurs s'afficher
background :		#090349 ;

*/





/*
				
				
				 fond bleu marine
				 background :		#090349 ;
				 background :  url(http://www.thermoluminance.fr/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
	
				 fond bleu clair				 
				 background :		#8484ff ;
				 background :  url(http://www.thermoluminance.fr/images/design_site/fond_bleu_clair.jpg) repeat-x  ;
	
				 fond rose fushia
				 				 background :		#de21a5 ;
								 
				fond jaune paille
								 background :		#fbf875 ;
								 
				fond vert flashy
								 background :		#29faC2 ;
								 background :  url(http://www.thermoluminance.fr/images/design_site/fond_vert.jpg) repeat-x  ;
	
				fond rose pale :
								 background :		#efcdcd ;
				 
				 
				*/
			
				
			
			

		/*
		background : #F9E4E1		url(C:\ccar\demo_annonces\images\design_site\background3.gif) repeat-y fixed;
			
*/


/*
background :  url(./images/design_site/background3.gif) repeat-y fixed ;
*/

/*
		color: black;
		*/
		
		/* bleu marine
		
		*/
		color:#090349
				
			
					font-family :verdana, Arial,Courier New,Comic Sans MS ;


font-size: 12px;

margin : 0 0 0 0;
				padding : 0 0 0 0;
border : 0 0 0 0;


					/*
					pour les caractères bâtons : verdana, arial, helvetica, sans-serif 
 pour les caractères à empattements : "times new roman", times, serif 
 pour les polices à chasse fixe : "courier new", courier, monospace background: */
 

				/*
				font-size: 110 %; ne marche pas avec ie5 rajouter en plus dans les paragraphes en em
				
				*/
			
				
				
				/*
				text-align : center;
				*/
				text-align : left;
				vertical-align: top;
	    	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	pre{
	font-family :verdana ;
	}
	
.tab1 {

	width: 100%;
	
	text-align : left;
	vertical-align: top;
	
	/*
	border-width: 0 0 0 0;
	
	border-bottom-width : 0;
	border-left-width : 0;
	border-right-width : 0;
		border-top-width : 0;
		
		border-style : none;
		
		border :  none;
		
		border : 0px 0px 0px 0px none;
		*/
	
	
	
	
			
			/*
			il faut absolument mettre dans table 
			 cellspacing="0"
			autrement il y a un espace entre les cellules
			
			
			margin : 0% 0% 0% 1%;
			*/
			
		
				
				margin : 0 0 0 0;
				padding : 0 0 0 0;
				
			border : 0 0 0 0;
			
			
			/*
				color:#090349 ;
				*/
			
		/*	
	border: thin dotted black;
	*/
	}
	
	
	
	

.td1 {	
		
		/*
	color: #EFCDCD;
	
				background : #604D51			url(http://localhost/demo_libre2/images/gris2.gif)	;
*/

/* bleu marine */
/*
background :  url(./images/design_site/background3.gif) repeat-y fixed ;
*/
				
		/*
				background : #090349  url(http://localhost/demo_annonces/images/design_site/background3.gif) repeat-y fixed ;
				*/
						
				/*
				background : #090349 ;
				*/
				
				/*			
background :  url(http://localhost/demo_annonces/images/design_site/background3.gif) repeat-y fixed ;
			*/
			
			background :  url(http://www.debusquer.info/images/design_site/background3.gif) repeat-y fixed ;
	
			
			/*
				width: 25%;
				*/
				
			width:4%;
			
			
			
				text-align : left;
				vertical-align: top;
			/*
		border: thin dotted black;	
		*/
		
	
		margin : 0 0 0 0;
				padding : 0 0 0 0;
				
			border : 0 0 0 0;
				
	}	
	
	
	
	
	
	.td2 {
	width: 21%;
	
	/*
	pour la boutique
	background :  url(http://www.debusquer.com/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
	*/
	
	
	/*
	width: 25%;
	*/
	text-align : left;
				vertical-align: top;
				/*
border: thin dotted black;	
*/

margin : 0 0 0 0;
/*
padding : 0 0 0 0;
*/
padding : 15px 15px 15px 15px;
border :  0 0 0 0;
/*
		background :		#090349 ;
		*/
		/*
			 bleu marine */
	}
	
	
	
	
	
	
	
	.td2_bis {
	width: 21%;
	text-align : left;
				vertical-align: top;
				/*
				abonnement lettre d'info
				*/
				
				/*
	pour la boutique
				background :		#8484ff ;
				*/
				
				
				
				
				/*
				bleu clair
				background :		#8484ff ;
				vert
				background :		#29faC2 ;
				/*
border: thin dotted black;	
*/

margin : 0 0 0 0;
/*
padding : 0 0 0 0;
*/
padding : 15px 15px 15px 15px;
border : 0 0 0 0;
	}
	
	
	
	
	
	.td2_boutique {
	/*
	width: 1%;
	*/
	width: 10px;
	
	text-align : left;
				vertical-align: top;
			background :  url(http://www.debusquer.info/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
						
				/*
border: thin dotted black;	
*/

margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
	}
	
	
	
.td2_bis_boutique {
	/*
	width: 1%;
	*/
	width: 10px;
	text-align : left;
				vertical-align: top;
				/*
				panier en blanc
				*/
				
				
						background :		#ffffff ;		
				/*
				bleu clair
				background :		#8484ff ;
				vert
				background :		#29faC2 ;
				/*
border: thin dotted black;	
*/

margin : 0 0 0 0;

padding : 0 0 0 0;


border : 0 0 0 0;
	}
	
		
	
	
	
	.td3 {	
	/*
	background :		#090349 ;
	*/
					/*
		
			 bleu marine */
			 
			 
			 /*
	pour la boutique
			 background :  url(http://www.debusquer.com/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
	*/
	
				
				text-align : left;
				vertical-align: top;
			/*
		border: thin dotted black;	
		*/
		
margin : 0 0 0 0;
/*
padding : 0 0 0 0;
*/
padding : 10px 10px 10px 10px;
border : 0 0 0 0;
	
		width:50%;			
		
	}
	
	
	
	
	
	
	
	
	
	.td3_bis {	
	/*		
		color: #EFCDCD;
		*/
			
	/*
				background : #604D51 	url(http://localhost/demo_libre2/images/gris2.gif)	;
				*/
				/*
		background :		#090349 ;
				 bleu marine 
				 background :		#29faC2 ;
				 */
				 
				
				background :		#ffffff ;
				
				
				
				text-align : center;
				vertical-align: top;
			padding : 10px 10px 10px 10px;
	/*
			width:75%;		
			*/
	/*
			color: #604D51;
			padding : 0 0 0 0;
			*/
			
			
			/*
		border: thin dotted black;	
		*/
	
		width:50%;	
		
		
		margin : 0 0 0 0;
				
				
			border : 0 0 0 0;
					
	}
	
	
	
	
	
	
	
	
	
	
	
	.td3_three {	
			
			/*
		border: thin dotted black;	
		*/
	vertical-align: top;
margin : 0 0 0 0;


background :		#ffffff ;


/*
padding : 20px 20px 20px 20px;
*/
padding : 10px 10px 10px 10px;
border : 0 0 0 0;

		width:50%;		
				
	}
	
	

	
.td3_boutique {	
	/*
	background :		#090349 ;
	*/
					/*
		
			 bleu marine */
				background :  url(http://www.debusquer.info/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
	
				text-align : left;
				vertical-align: top;
			/*
		border: thin dotted black;	
		*/
		
margin : 0 0 0 0;
/*
padding : 0 0 0 0;
*/
padding : 10px 10px 10px 10px;
border : 0 0 0 0;
	
		width:70%;			
		
	}	
	
	
	
	
	
	
	.td3_bis_boutique {	
	/*		
		color: #EFCDCD;
		*/
			
	/*
				background : #604D51 	url(http://localhost/demo_libre2/images/gris2.gif)	;
				*/
				/*
		background :		#090349 ;
				 bleu marine */
			background :		#ffffff ;	
				text-align : center;
				vertical-align: top;
			padding : 10px 10px 10px 10px;
	/*
			width:75%;		
			*/
	/*
			color: #604D51;
			padding : 0 0 0 0;
			*/
			
			
			/*
		border: thin dotted black;	
		*/
	
		width:70%;	
		
		
		margin : 0 0 0 0;
				
				
			border : 0 0 0 0;
					
	}
	
	
	
	
	.td3_three_boutique {	
			
			/*
		border: thin dotted black;	
		*/
	vertical-align: top;
margin : 0 0 0 0;
background :		#ffffff ;
/*
padding : 20px 20px 20px 20px;
*/
padding : 10px 10px 10px 10px;
border : 0 0 0 0;

		width:70%;		
				
	}
	
	
	
		
	
	
	
	.td4 {		
		/*
		
	padding : 10px 10px 10px 10px;
	*/
	
	/*
	pour la boutique
	background :  url(http://www.debusquer.com/images/design_site/fond_bleu_marine.jpg) repeat-x  ;
	*/
	
			width:24%;		
			
	/*
color: #EFCDCD;
*/
			
	/*
				background : #604D51 	url(http://localhost/demo_libre2/images/gris2.gif)	;
				*/
				/*
				background :		#090349 ;
				*/
	
				/*
		
				 bleu marine */
				
				text-align : left;
				vertical-align: top;
			/*
		border: thin dotted black;	
		*/
	
			


margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
				
	}
	
	.td4_bis {		
			
			width:24%;		
			
			/*
			Le menu*/
			
			/*
	pour la boutique
			background :		#8484ff ;
			*/
			
			
			/*
			bleu clair
				background :		#8484ff ;
				vert
				background :		#29faC2 ;
				*/
				text-align : left;
				vertical-align: top;
			/*
		border: thin dotted black;	
		*/
			
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;			
	}
	
	
	.td5 {
	
	text-align : left;
				vertical-align: top;
				
				/*
border: thin dotted black;
*/

margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
width:	10 px ;
/*
background :		#090349 ;
*/
				/* bleu marine */

	}
	
	
	.td5_bis {
	
	/*
	réindiquer l'alignement à cause du paragraphe
	*/
/*
	width:75%;	
	*/
	
	/*
	background :		#8484ff ;
	
	*/
	
	
	text-align : left;
				vertical-align: top;
				/*
			color: #604D51;
			*/
			/*
border: thin dotted black;
*/

width:	10 px ;

margin : 0 0 0 0;
				padding : 0 0 0 0;
				
			border : 0 0 0 0;
			

	}
	
	
	
	
	/*
	.liens1 
  {
	display: list-item;
	list-style-type: upper-alpha;
		list-style-image:url(C:\ccar\demo_libre\images\carre_rose.gif)   ;

		list-style-position: outside;
		display: marker;
           marker-offset: 5pt;
	
	}
	
	
	*/
	
	
	
	.menu1
	{
	/*dans admin*/
	display: block;
	/*
font-size: 1.10 em;
font-size: 130%;
*/
		
	}
	
	.menu_google_theme
	{
	/*dans admin*/
	display: block;
	/*
font-size: 1.10 em;
*/
		
	}
	
	.titre2
	{
	/*
	titre Votre menu se trouvant dans interro_men_princ_bis
	*/
	
	
font-size: 1.20 em;
			
	}
	
	.li1
	{
			
			padding:0 0 0 10 ;
	display: list-item;
	
	/*
	pour Netscape qui ne supporte pas les images dans la version 4 devant les liens
	*/
		list-style : none;
	
	
		list-style-image:   url(http://www.debusquer.info/images/design_site/carre_gris4.gif)  ;
				
				
	vertical-align : super;
		
		/*
		display: marker;
           marker-offset: 5pt;
					 
					 font-size: 130%;
					 */
					 
					
	}
	
	
	
br
{
clear: both;
}


A {
	/*non souligné */
		text-decoration: none;
}




/* note that A:HOVER isn't supported by all browsers 

Les inscrire dans cet ordre les différents a*/

	
	


A:LINK {
/* lien non-visité */

/*color: #EFCDCD;*/
color:#090349
	/* bleu marine*/
}

A:LINK.liens2
  {
	
	color :blue;

	
	}

A:VISITED {
	/* lien visité   */
	/*color: #EFCBCB; */
	color:#090349
	/* bleu marine*/
}


A:VISITED.liens2 {
/* ne sert pas ici exemple*/
	/* lien visité   */
	/*color :#FCF1F1;*/
	
}

A:HOVER {
	/* lien survolé     */
	/*color: #F7E1E1;  */
	
	color: #604D51;
	/* gris*/
}


.enbloc a:hover {
	/* ne sert pas ici exemple*/
 /* lien survolé     */
 /*
	color:  #f9fcb1;
	 */
	 /*
	 border: 2px inset #c0c0c0;
	 */
}

A:active {
/* lien activé    */
color:#090349
	/* bleu marine*/
	/*color :#FCF1F1; */
}




	.enbloc a {
	
	/* ne sert pas ici exemple*/
	  display: inline;
 font-size: 1.10 em;
 color: #8080ff;
 text-decoration: none;
 
	/*
	<p class="enbloc">
  <a href="…">lien 1</a>
  <span>|</span> 
  <a href="…">lien 2</a>
  <span>|</span> 
  <a href="…">lien 3</a>
</p>
	*/
}

.enbloc span {
/* ne sert pas ici exemple*/

/*
  visibility: hidden;
	*/
	 
}
      
			
			
	
 
 
.enligne li {
/* ne sert pas ici exemple*/
  display: inline;
  list-style-type: none;
	
	/*
	Appliqué à :

<ul class="enligne">
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>
      
	*/

	/*
  padding: 0.5em;
	padding:0 0 0 10 ;
  background-color: #ffecce;
	
  border: 1px solid #666666;
	
  margin: 1em;
	*/
} 
	

	


	
	


.message_erreur1 {
/* ne sert pas ici exemple*/
		text-indent:4em;
		color: red;
		
		}
		
		
		
		.cadre{
		/* ne sert pas ici exemple*/
		margin :auto;
			/*
border: thin dotted black;
*/

/*
margin : 0.2em 0.2em 0.2em 0.2em;
 margin : 1% 1% 1% 1%;
padding: 1% 1% 1% 1%;
*/
/*
margin-left: 0.2em ;
margin-top: 0.1em ;
margin-right: 0.1em ;
*/


/*
width: 61.05em;
*/

width: 100%;

color: black;
 
text-align : left;
font-family: "Times New Roman";

/* Valeur incorrecte destinée à IE.*/

/*
voice-family: "\"}\""; 
*/

/* Pour masquer ce qui suit à IE.*/

/*
voice-family: inherit;
*/
 /* Et rétablir la largeur correcte.*/

/*
width:60 em;
*/

 /* Valeur pour navigateurs conformes CSS2.*/
}



.ombrage {
				
				/* ne sert pas ici exemple*/
	 text-shadow: 3px 3px 3px red, blue -3px -3px 2px, 3px -3px;
	 }
	 
	 
	 
.paragraphe1	 {

text-indent:5%;

/*
margin : 0 3% 0 2%;
*/


font-size: 110%;
/*
color: black;
*/
/*
 text-indent:4em;
 */
 /*
text-align : left;

		text-align :center;
				vertical-align: middle;
*/
/*
font-family: "Times New Roman";
font-size: 1.10 em;
*/
}


P{
/*
agrandir les caractères sur tous les paragraphes
*/
font-size: 130%;
}

li{
/*
agrandir tous les liens
*/
font-size: 130%;
}
	 



.paragraphe_align_droite	 {
/*
paragraphe, aligné à droite
*/
text-align : right;			
}

	
	
	 
	 
.img1	 {

/*
width: 100%;
height: 100%;
*/
/*
c'est la lettre en bas de page
*/

width: 41 px;
height: 16 px;
margin : 0 0 0 0;
				padding : 0 0 0 0;

}	 


.img2	 {

/*
width: 100%;
height: 100%;
*/
/*
c'est la lettre en bas de page
*/

width: 150 px;
height: 120 px;
margin : 0 0 0 0;
				padding : 0 0 0 0;

}	 


.img20	 {
/* ne sert pas ici exemple*/
/*
pour logo
*/


/*

width: 100%;
height: 100%;
margin : 0 0 0 0;
				padding : 0 0 0 0;
*/

/*
pour logo2
*/

width: 200 px;
height: 100 px;

margin: 15px 10px 10px 15px;

}	 
	 
	 
	 
	 
	 /*
	pour le formulaire
		*/ 
	
	
	
	.formulaire
 {
 /*
	//mettre
	<div class="formulaire"><!-- formulaire... -->
  </div>
	*/
	
 text-align : left;
 /*border: thin dotted blue;*/
/*width: 30%;*/
/*width: 62em;*/

width: 100%;

float: left;

 /*
 margin : 1% 1% 1% 1%;
padding: 1% 1% 1% 1%;
*/

/*margin :0.1em 0.1em 0.1em 0.1em;*/
 }
 
 
	fieldset{
padding:1% 1% 1% 1%;
/*width:60ex;

*/
width: 95%;
}



	
	div.row {
  clear: both;
	/*
  padding-top: 5px;
	*/
	
  }

div.row span.label1 {
  float: left;
  /*width: 15em;*/
	width: 40%;
  text-align: right;
	cursor:hand;
	display:block;
	
  }
	
	div.row span.label2 {
	/*
	pour les cases d'options check-box, le label doit s'afficher au-dessus à 100%
	*/
  float: left;
  /*width: 15em;*/
	width: 100%;
  text-align: left;
	cursor:hand;
	display:block;
	
  }

div.row span.champ {
  float: right;
 /* width: 45em;*/
width: 60%;
  text-align: left;
  
	/* il faudrait mettre un padding left, de façon à ce que le champ ne touche pas les deux points*/
  } 
	
	div.row span.champ2 {
	/*
	pour les cases d'options check box
	*/
  float: right;
 /* width: 45em;*/
width: 60%;
  text-align: left;
 
	/* il faudrait mettre un padding top, de façon à baisser les cases d'options check box*/
  } 
	 
	 
div.spacer {
  clear: both;
  }
	
	
	
	#468_60 { 
	
	/*
	Ce sont les bannières 468 x 60 adsense afin qu'elles apparaissent en entier
	
	*/
	width:470px;
	height:62px;
	
	}
	
	
	
	#ad_code { 
	/*
	
	css pour annonces adsense
	l'image se trouve dans le dossier images de mes sites "adsense_style.png
	insérer mon annonce entre ce code ci-dessous
	
	<div id="ad_code">
      <!-- REPLACE ONLY THIS LINE WITH YOUR AD CODE -->
</div>

coloris conseillés à mettre dans le code de l'annonce adsense
Background Color: #003366
     Border Color: #003366
     Text Color: #666666
     Link Color: #FFFFFF
     URL Color: #666666
		
	*/
	
	
	

	 width:516px;
	 
	
	 text-align:center; 
	 background:#FFFFFF 	 url(http://www.debusquer.info/images/design_site/adsense-style.png) center center no-repeat; 
	 
	  
	
	/*
	 	 
		 padding-left: 24px;
		 
		 */
		 
		 
		  padding:25px 0;
		
		
	 
	  }
	
	
	
	.bandeau-haut{
	/*
	c'est pour le tableau affichant les articles dans le panier
	print"<div class=\"bandeau-haut\">      <div class=\"en-tete-ref\">Référence</div> <div class=\"en-tete-nom-article\">Article</div> <div class=\"en-tete-qte\">Quantité</div> <div class=\"en-tete-mini-photo\">Photo</div> <div class=\"en-tete-prix-ht\">Prix H.T</div> <div class=\"en-tete-ecotaxe-ttc\">Dont écotaxe TTC</div> <div class=\"en-tete-supprimer-article\">Supprimer article</div>            </div>";

		*/
	width:99%;
		background-color:#C366BC;
		
			}
	
	
	.en-tete-ref {
	/*
	c'est pour le tableau affichant les articles dans le panier
	*/
	width:11%;
		background-color:#C366BC;
		 float:left; 
		border: thin solid #8484ff;	
		height:4em;	
			}
	
.en-tete-nom-article {
	width:30%;
		background-color:#C366BC;
		 float:left; 
			border: thin solid #8484ff;	
		 height:4em;	
	}
	
	.en-tete-qte {
	width:10%;
		background-color:#C366BC;
		 float:left; 
			border: thin solid #8484ff;	
		 height:4em;	
	}
	
	
	.en-tete-mini-photo {
	width:10%;
		background-color:#C366BC;
		 float:left; 
		border: thin solid #8484ff;	
		 height:4em;	
	}
	
	
	.en-tete-prix-ht {
	width:10%;
		background-color:#C366BC;
		 float:left; 
			border: thin solid #8484ff;	
		 height:4em;	
	}
	
	.en-tete-ecotaxe-ttc {
	width:10%;
		background-color:#C366BC;
		 float:left; 
		border: thin solid #8484ff;	
		 height:4em;	
	}
	
	.en-tete-supprimer-article {
	width:16%;
		background-color:#C366BC;
		 float:left; 
			border: thin solid #8484ff;	
		 height:4em;	
		 }
		 
		 
	.bandeau-centre{
	/*
	c'est pour le tableau affichant les articles dans le panier
	avec la moulinette d'interro dans la base
	print"<div class=\"bandeau-centre\">      <div class=\"en-tete-ref\">$ref_article2</div> <div class=\"en-tete-nom-article\">$nom_article2</div> <div class=\"en-tete-qte\">$quantite2</div> <div class=\"en-tete-mini-photo\">$img</div> <div class=\"en-tete-prix-ht\">$prix_public_ht2</div> <div class=\"en-tete-ecotaxe-ttc\">$ecotaxe2</div> <div class=\"en-tete-supprimer-article\">Supprimer article</div>            </div>";

		*/
	width:99%;
		background-color:#C366BC;
		height:4em;	
		clear:both;
			}	 	
			
			
			
			
			
			
			
			
	.td10 {
	width: 10%;
	text-align : left;
				vertical-align: middle;	
				
				/*
				border 0 0 0 0;
				*/	
	border: thin solid #8484ff;	
	margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
	
	.td10_imprim {
	width: 10%;
	text-align : left;
				vertical-align: middle;			

margin : 0 0 0 0;
padding : 0 0 0 0;
	border : 0 0 0 0;

	}		

.td11 {
	width: 30%;
	text-align : left;
				vertical-align: middle;			
	border: thin solid #8484ff;		
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
	.td11_imprim {
	width: 30%;
	text-align : left;
				vertical-align: middle;			

margin : 0 0 0 0;
padding : 0 0 0 0;
	border : 0 0 0 0;
	}	
	
	
.td12 {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;	
				*/
				
	vertical-align: middle;						
	border: thin solid #8484ff;		
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
	
.td13 {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;	
				*/
				vertical-align: middle;			
	border: thin solid #8484ff;	
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
	.td13_imprim {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;	
				*/
				vertical-align: middle;			

margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
	}		
	
	
	
	
.td14 {
	width: 10%;
	text-align : right;
				vertical-align: middle;			
	border: thin solid #8484ff;		
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
.td15 {
	width: 10%;
	text-align : right;
				vertical-align: middle;			
	border: thin solid #8484ff;	
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
.td16 {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;		
				*/
				vertical-align: middle;		
	border: thin solid #8484ff;		
margin : 0 0 0 0;
padding : 0 0 0 0;

	}		
	
	
.td17 {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;			
				*/
				vertical-align: middle;	
	border: thin solid #8484ff;		
margin : 0 0 0 0;
padding : 0 0 0 0;

	}	
	
	
	
	.td17_imprim {
	width: 10%;
	text-align : center;
	
	/*
	text-align : left;
				vertical-align: top;			
				*/
				vertical-align: middle;	

margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;

	}	
	
	
	
	
	.td18 {
	width: 20%;
	text-align : left;
				vertical-align: top;			
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
	}			
	
	
	
.td19 {
	width: 30%;
	text-align : right;
				vertical-align: top;			
	border: thin solid #8484ff;	
margin : 0 0 0 0;
padding : 0 0 0 0;

	}			
	
	.td20 {
	width: 80%;
	text-align : Left;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
	}			
	
	
	
	
							
	.gauche_50 {
	/* deux div dont un à gauche, l'autre à droite à 50 %
	*/
	width:49%;	
		 float:left;		
		 text-align : Left;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 0 0 0 0;
border : 0 0 0 0;
		 }		
		 
		 .droite_50 {
	width:44%;		
		 float:right; 	
		 text-align : Left;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 2% 2% 2% 2%;
border : 0 0 0 0;
/*
border: thin dotted black;
*/


		 }		
		 
		 
		  .div_98 {
	width:98%;		
		 float:Left; 	
	text-align : center;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 1% 1% 1% 1%;
border : 0 0 0 0;
		 }			
		 
		 
		 
		 
		 .div_100 {
	width:99%;		
		 float:Left; 	
	text-align : center;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 0 0 0 0;
border: medium double #8484ff;
		 }		
		 
	 .div_100_2 {
	width:97%;		
		 float:Left; 	
	text-align : Left;
				vertical-align: top;			
	
margin : 0 0 0 0;
padding : 1% 1% 1% 1%;
border: medium double #8484ff;
		 }		
		 
		 
		 
		 
	 .p_1 {
	width:100%;				
	text-align : center;
				vertical-align: top;			
			 }			 
		 
		 
		  
