/* color:#5B3439;	marron foncé du logo original  */
/* color:#F69234;	orange du logo original  */
/* color:#B1A3A3;	gris  */

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 }

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 }
SUB, SUP		{ font-size: .83em }
SMALL			{ font-size: .63em }   /* modifié, W3C préconise .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: 0px}
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" }

body         		{ margin: 0px; padding: 0px; line-height: 1.12em; color: #5B3439; font-family: Arial }
body.bande_noire 	{ background-image: url(accord/fond.jpg); background-repeat: repeat-y }
div.cadrenoir		{ position: absolute; top: 0px; left: 180px; text-align: justify; padding-right: 20px; width:80% }
div.logoapnoir		{ float: left; padding: 27px 0px 26px 0px }

h1.noir			{ clear: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px}
h1.noirsuite		{ clear: both; margin: 0px; padding: 0px 0px 0px 0px; line-height:1.1em }
h2.noir			{ clear: both; margin: 0px Opx 0px 0px; padding: 0px 0px 0px 0px}

p.noir			{ margin: 0px 20px 0px 20px }
p.h2			{ font-weight: bolder; font-size: 1.5em; margin: .83em 0  }
p.h2l			{ clear: left; font-weight: bolder; font-size: 1.5em; margin: .83em 0  }

p.textes	  	{ line-height: normal; text-align: justify; padding-left: 10px; padding-right: 10px }
p.textes:first-letter	{ float: left; margin: -5px 5px 0px 0px; font-size: 3em; font-family: Georgia; font-weight: bold; color:#F69234 }
p.textesclear	  		{ clear:both; line-height: normal; text-align: justify; padding-left: 10px; padding-right: 10px }
p.textesclear:first-letter	{ float: left; margin-right: 5px; font-size: 3em; font-family: Georgia; font-weight: bold; color:#F69234 }

span.conges		{ color: red; font-weight: bold; font-size: 1.2em }

img			{ border-style:none }
img.auditorium		{ border:double; border-color:#5B3439;}
span.prix		{ color:#5B3439; font-weight: bold }

div.departmenu		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 180px; height:200px }
p.departmenu		{ margin-left: 10px; font-family: Verdana, serif ; font-size: 1.3em; color: #B1A3A3; font-weight: bold; line-height:1.1em;}

div.menu		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 8px; width: 172px; height: 50px; overflow: hidden }
div.telechargez		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 550px; height: 1.3em; overflow: hidden }
img.retour		{ margin-left: 10px; margin-top: 155px;}
div.fabricant		{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 30px; width: 30%; height: 1.7em; overflow: hidden }

A.menu:link		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.menu:visited		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.menu:hover		{ font-family: Verdana, serif ; font-size: 1em; color: #B1A3A3; font-weight: bold;   text-decoration: none }
A.menu:active		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.menu:focus		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }

A.lien_interne:link	{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: bold; text-decoration: none }
A.lien_interne:visited	{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: bold; text-decoration: none }
A.lien_interne:hover	{ font-family: Verdana, serif ; font-size: 1.1em ! important ; color: #B1A3A3 ! important ; font-weight: bold; text-decoration: none }
A.lien_interne:active	{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: bold; text-decoration: none }
A.lien_interne:focus	{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: bold; text-decoration: none }


A.page_encours:link	{ font-family: "Arial Black" ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.page_encours:visited	{ font-family: "Arial Black" ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.page_encours:hover	{ font-family: "Arial Black" ; font-size: 1em; color: #B1A3A3; font-weight: normal; text-decoration: none }
A.page_encours:active	{ font-family: "Arial Black" ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.page_encours:focus	{ font-family: "Arial Black" ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }

A.fixe:link		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.fixe:visited		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.fixe:hover		{ font-family: Verdana, serif ; font-size: 1em; color: #B1A3A3; font-weight: normal; text-decoration: none }
A.fixe:active		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }
A.fixe:focus		{ font-family: Verdana, serif ; font-size: 1em; color: #F69234; font-weight: normal; text-decoration: none }

A.vide:link		{ text-decoration: none }
A.vide:visited		{ text-decoration: none }
A.vide:hover		{ text-decoration: none }
A.vide:active		{ text-decoration: none }
A.vide:focus		{ text-decoration: none }

table.occasions		{ width: 100%; border-collapse: separate}
caption.occasions	{ caption-side:top; width:100%; text-align:left; vertical-align:middle }
th.occ_titre		{
			width:45%;
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			border-style: ridge;	   /* obligatoire pour pouvoir préciser width */
			border-top-width: 10px;
			border-bottom-width: 0px;
			border-left-width: 10px;
			border-right-width: 0px;
			border-color:#5B3439;
			text-align:left;
			font-size: larger;
			color:#F69234;
			}
th.occ_prix		{
			width:55%;
			padding-top: 10px;
			padding-bottom: 10px;
			border-style: ridge;	   /* obligatoire pour pouvoir préciser width */
			border-top-width: 10px;
			border-bottom-width: 0px;
			border-left-width: 0px;
			border-right-width: 10px;
			border-color:#5B3439;
			text-align: left;
			font-size: larger;
			color:#F69234;
			}				
td.occ_photo			{
				text-align:center;
				border-style: ridge;	   /* obligatoire pour pouvoir préciser width */
				border-top-width: 0px;
				border-bottom-width: 10px;
				border-left-width: 10px;
				border-right-width: 0px;
				border-color:#5B3439;
 				}
td.occ_texte			{
				color: #993300; font-size: medium;
				text-align:justify;
				font-weight: 700;
				border-style: ridge;	   /* obligatoire pour pouvoir préciser width */
				border-top-width: 0px;
				border-bottom-width: 10px;
				border-left-width: 0px;
				border-right-width: 10px;
				border-color:#5B3439;	
				padding-right: 10px;			
				}


ul.gammes	*	{
			list-style-position: inside;
			padding-left: 10px;
			line-height:1.4;
			}
ul.tech 	*	{
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 20px;
			} 
		
div.imagedroite		{ float: right; position: relative;  margin: 0px 0px 10px 10px }
div.imagegauche		{ float: left; position: relative; margin: 0px 10px 10px 0px }
div.imagetexte		{
			text-align: center;
			font-family: Impact;
			font-size: x-small;
			}

div.decalegh20		{ padding-left: 20px }
div.divclear		{ clear:both }

/****************************************************************************************/
/*                            INDEX.PHP                                                 */
/****************************************************************************************/

span.nbvisiteurs	{ font-size: small; font-weight: 600; color: red }

span.visiteurs		{ color: #B1A3A3; font-size: small; font-weight: 400 }

div.enveloppe		{ position: relative; float: left }

span.ecrivez		{ }

