body	{ background-color: #F7941D; height: auto; margin: 9px 9px; font-family: Arial, Tahoma, Verdana, sans-serif; }
table 	{ margin: 0 auto; padding: 0px; }
table.bordure { font-size: 10pt; border-collapse:collapse; margin: 0 10px; }
table.bordure td { 	border: #AAAAAA solid 1px;  }
a       { color: #8F002F; font-weight: bold; }
a:hover { color: #F7941D; }
img		{ border: 0px none; }
form	{ padding:0px; margin:0px }
h1					{ text-align: center; color: #000000; font-size: 12pt; font-weight: bold; }
h1 span.lettrine	{ color: #F7931E; font-size: 24pt; font-weight: bolder; }
h2		{ color: #F7941D; font-size: 10pt; margin-bottom: 0; }
h3		{ color: #000000; font-size: 10pt; margin-bottom: 0; font-weight: bold; }
h4		{ color: #001346; font-size: 10pt; margin-bottom: 0px; }
h5		{ font-size: 10pt; font-weight: bold; margin-bottom:-10px; padding:0;}
h6		{ font-size: 10pt;  font-style:italic; font-weight: normal;  margin:0; padding:0; color: #999}
address	{ text-align: right; font-size: 8pt; }
.address_g	{ text-align: left; font-size: 8pt; font-style: italic; }
#legende {font-size: 80%; width:230px; margin-top:-10px; padding-top:0;} 

.space{clear:both}
.actus_pa {text-align: left; margin:0 auto; width: 90%}
.actus_pa h4 {font-size: 110%}
.actus_pa h4 a{text-decoration:none;}

.bando {margin:0 auto;width: 510px;}
.bando h1 {font-size: 170%;color: #F7931E;}
.bando div { width: 80px;float: left; margin: 5px 2px 20px 2px}
.bando img {width:100%; height:100px}

.tbl_commercial {}
.tbl_commercial td {border: 1px solid #ccc; padding: 2px; font-size: 80% }
.tbl_commercial td.petit {font-size: 80%}

.taille8 	{ font-size: 8pt; }
.orga_nom	{ color: #F7931E; font-weight: bold; }
.orga_no	{ color: #999999; font-weight: bold; }
.active		{ color: #F7931E; }

.membre { width: 115px; padding: 5px 0; text-align:center; margin: 0 auto; border: 1px black solid; font-size: 7.5pt; margin: 5px; height: 230px; }
.membre h1 { font-size: 9pt; font-weight: bold; margin: 0; padding:0; vertical-align:middle; height:30px; }
.membre h2 { font-size: 7.5pt; margin: 0; padding:0; font-weight: normal; vertical-align:middle; height:40px; }
.membre h3 { font-size: 8pt; color:#999999; margin: 0; padding:0; font-weight: bold; vertical-align:middle; height:15px; }
.membre h4 { font-size: 7.5pt; margin: 0; padding:0; font-weight: normal; vertical-align:middle; height:15px; }

#bas	{ font-size:8pt; margin: 20px 0px; text-decoration: none; text-align: center; }
#bas a	{ text-decoration: none;}
#bas a:hover	{ text-decoration: underline;}

#table_gene	{ height: auto; width: 100%; background-color: #C2592E; padding: 0px; margin: 0px; border-color: #C2592E; }
#table_gene_f	{ height: auto; width: 100%; background-color: #8f002f; padding: 0px; margin: 0px; border-color: #8F002F; }
#table_gene_p	{ height: auto; width: 100%; background-color: #4F2E5F; padding: 0px; margin: 0px; border-color: #4F2E5F; }
.titre	{ background-image:url('../images/fond_titre.gif'); }

span.gen{color:#C2592E; font-weight: bold}
.fond_gen	{padding:2px; background:#C2592E; color:white;}
h3.gen{color:#C2592E; font-size: 12pt; margin-bottom: -15px;}
h4.gen{color:#C2592E;}
h5.gen{color:#C2592E; margin-bottom: 10px;}

span.tra{color:#7C2C47; font-weight: bold}
.fond_tra	{padding:2px; background:#7C2C47; color:white;}
h4.tra{color:#7C2C47;}
h5.tra{color:#7C2C47; margin-bottom: 10px;}
ul.tra 	{ list-style-image:url('../images/point_tra.gif'); }	
span.est{color:#009cac; font-weight: bold}
.fond_est	{padding:2px; background:#009cac; color:white;}
h4.est{color:#009cac;}
h5.est{color:#009cac; margin-bottom: 10px;}
ul.est 	{ list-style-image:url('../images/point_est.gif'); }	
span.tri{color:#66c2b5; font-weight: bold}
.fond_tri	{padding:2px; background:#66c2b5; color:white;}
h4.tri{color:#66c2b5;}
h5.tri{color:#66c2b5; margin-bottom: 10px;}
ul.tri 	{ list-style-image:url('../images/point_pho.gif'); }	
span.esb{color:#005d85; font-weight: bold}
.fond_esb	{padding:2px; background:#005d85; color:white;}
h4.esb{color:#005d85;}
h5.esb{color:#005d85; margin-bottom: 10px;}
ul.esb 	{ list-style-image:url('../images/point_esb.gif'); }	
span.pri{color:#9b7672; font-weight: bold}
.fond_pri	{padding:2px; background:#9b7672; color:white;}
h4.pri{color:#9b7672;}
h5.pri{color:#9b7672; margin-bottom: 10px;}
ul.pri 	{ list-style-image:url('../images/point_pri.gif'); }	
span.cou{color:#f5821f; font-weight: bold}
.fond_cou	{padding:2px; background:#f5821f; color:white;}
h3.cou{color:#f5821f; font-size: 12pt; margin-bottom: -15px;}
h4.cou{color:#f5821f;}
h5.cou{color:#f5821f; margin-bottom: 10px; clear: both;}
div.moitie 	{  width: 45%;  float: left;}
ul.cou 	{ list-style-image:url('../images/point_cou.gif');}	

#band					{ height: 120px; padding: 0px; margin: 0px; }
div.bandeau				{ padding: 1px; }
div.bandeau td.logo		{ width: 120px; text-align: center; vertical-align:top; padding: 1px; }
div.bandeau td.slogan	{ width: 140px; text-align: center; vertical-align:middle; font-family: Arial, Tahoma, Verdana, sans-serif; color:#FFFFFF; 
							font-weight: bold; }
div.bandeau td.photos	{ display: block; height: 115px; text-align: left; background: url('../images/photos_fond.jpg') no-repeat left center; }
div.bandeau td.photos_p	{ float: left; display: block; height: 115px; text-align: left; background: url('../images/photos_fond_p.jpg') no-repeat left center; }
div.bandeau td.photos_f	{ float: left; display: block; height: 115px; text-align: left; background: url('../images/photos_fond_f.jpg') no-repeat left center; }

#som_interG				{ width: 1%; }
#somG					{ width: 20%; padding: 10px 15px; background: url('../images/coin.gif') no-repeat 5% top; vertical-align: top}
div.sommaireG			{ width: auto; height: auto; font-family: Arial, Tahoma, Verdana, sans-serif; }
div.sommaireG a  		{ color: #FFFFFF; text-decoration: none }
div.sommaireG a.active 	{ color: #F7931E; }
div.sommaireG a:hover 	{ color: #F7931E;  text-decoration: underline}
div.sommaireG div.rubrique { color: #FFFFFF; font-size:10pt; font-weight:bold; margin: -3px 0px; padding: 4px;}
div.sommaireG ul		{ display: list-item; list-style-type:none; padding-left:15px; margin-left:15px; margin-bottom: 5px; margin-top: -3px; padding-bottom: 5px; }
div.sommaireG li		{ font-size:9pt; font-weight:bold; list-style-image:url('../images/puce1.gif'); list-style-position:outside; margin: 0px; }
div.sommaireG li a#active { color: #F7931E; }
div.sommaireG li ul 	{ list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin: 0px; }
div.sommaireG li ul li	{ list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin-left:-8px; margin-right:0px; padding:0px;}
div.sommaireG li ul li ul	{ list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin: 0px; }
div.sommaireG li ul li	ul li { list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin-left:0px; margin-right:0px; padding:0px;}

#som_interD				{ width: 1%; }
#somD					{ width: 20%; padding: 10px 15px; background: url('../images/coin.gif') no-repeat 5% top; vertical-align: top}
div.sommaireD			{ float: left; height: auto; font-family: Arial, Tahoma, Verdana, sans-serif; } 
div.sommaireD a  		{ color: #FFFFFF; text-decoration: none }
div.sommaireD a.active 	{ color: #F7931E; }
div.sommaireD a:hover 	{ color: #F7931E;  text-decoration: underline}
div.sommaireD div.rubrique { color: #FFFFFF; font-size:10pt; font-weight:bold; margin: -3px 0px; padding: 4px;}
div.sommaireD div.rubrique a  { color: #FFFFFF; text-decoration: none }
div.sommaireD div.rubrique a:hover  { color: #F7931E; text-decoration: underline }
div.sommaireD ul		{ display: list-item; list-style-type:none; padding-left:15px; margin-left:15px; margin-bottom: 5px; margin-top: -3px; padding-bottom: 5px; }
div.sommaireD li		{ font-size:9pt; font-weight:bold; list-style-image:url('../images/puce1.gif'); list-style-position:outside; margin: 0px; }
div.sommaireD li a  	{ color: #FFFFFF; text-decoration: none }
div.sommaireD li a#active { color: #F7931E; }
div.sommaireD li ul 	{ list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin: 0px; }
div.sommaireD li ul li	{ list-style-image:url('none'); list-style-type:none; font-size:8pt; font-weight:lighter; margin-left:-15px; margin-right:0px; padding:0px;}

#cent		{ background-color: #FFFCF9; padding-top: 10px; margin: 0 auto; vertical-align: top;}
div.centre	{  width: 98%; font-family: Arial, Tahoma, Verdana, sans-serif; font-size:10pt; margin: 0; padding: 5px 10px;}
.gauche {float: left;}
.droite {float: right;}
.center {text-align:center;}

#centI		{ background-color: #FFFCF9; padding-top: 10px; margin: 0; }
div.centreI	{ font-size:10pt; margin: 0; padding: 0;  }

#coord			{width: 100%; padding: 5px; margin: 5px; }
div.coords		{ clear: both; width: 100%; height: 100%; font-family:Arial, Tahoma, Verdana, sans-serif; font-size:10pt; text-align: center; color: #FFFFFF; }
div.coords a 	{ color: #AAAAAA; text-decoration: none }
div.coords a:hover { color: #F7931E; text-decoration: none }

.logos_somm		{ padding: 5px 0px; vertical-align: middle; margin: 5px 0px;font-size: 65%; color:white}
.logos_somm	img	{ padding: 3px}
.logos_somm p	{ text-align: left;}

.portes 			{ float: left; display: block; font-family: Tahoma; text-align:center; padding: 0; margin:0; }
.portes ul 			{ list-style: none; margin:0; padding: 3px; }
.portes li.port_ima	{ text-align:center; }
.portes li.port_tit	{ font-weight: bold; font-size: 10pt; text-align:center; text-decoration: none;}
.portes li.port_tit a { text-decoration: none;}
.portes li.selec	{ text-align:center; }

.tit_portes { clear:both; font-family: Tahoma; font-weight:bold; margin-top:20px; }

#commerciaux	{position: absolute; z-index: 100; top: 640px; right: 4%; width:200px; height:160px;border: 1px solid #000000; color: #000;
					font-family:Tahoma, sans-serif; font-size: 8pt; background: #F7FCE2; padding: 3px  }

/* Photo Zoom CSS */
#zoom { /*position: relative; */}
#zoom .large { display: none; position: absolute; }
#zoom a.p1 {text-decoration: none; padding-left: 5px;}
#zoom:hover .large { display: block; position:absolute; z-index:100;top: -60px; left: -300px; width: auto; height: auto; }
#zoom a.p1:hover { display: block; position:relative; }
/* End Photo Zoom CSS */

.center {margin: 0 auto; text-align: center}

ul.ref_tra { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px; }
ul.ref_tra li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_tra img { border:3px #7C2C47 solid; }
ul.ref_tra li a{ font-weight: normal; color:#7C2C47; text-decoration:none;}

ul.ref_est { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_est li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_est img { border:3px #009cac solid; }
ul.ref_est li a{ font-weight: normal; color:#009cac; text-decoration:none;}

ul.ref_esb { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_esb li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_esb img { border:3px #005d85 solid; }
ul.ref_esb li a{ font-weight: normal; color:#005d85; text-decoration:none;}

ul.ref_pri { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_pri li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_pri img { border:3px #007a40 solid; }
ul.ref_pri li a{ font-weight: normal; color:#007a40; text-decoration:none;}

ul.ref_cou { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_cou li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_cou img { border:3px #c2592e solid; }
ul.ref_cou li a{ font-weight: normal; color:#c2592e; text-decoration:none;}

ul.ref_rep { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_rep li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_rep img { border:3px #fdb813 solid; }
ul.ref_rep li a{ font-weight: normal; color:#fdb813; text-decoration:none;}

ul.ref_por { clear: both; margin:0 auto; padding:0; text-align: center;font-size:9px;}
ul.ref_por li {display: inline; float: left; margin:3px; padding:3px; list-style-type: none; height:220px; width:216px; }
.ref_por img { border:3px #4F2E5F solid; }
ul.ref_por li a{ font-weight: normal; color:#4F2E5F; text-decoration:none;}

/*********** Bon de commande *************/
.bdc {background: white; padding: 10px 12px; font-size: 10pt;}
.bdc h1 {background: #777; color: orange; padding: 3px 0; font-size: 16pt }
.bdc h2 { color: #F7941D; font-size: 10pt; margin-bottom: 10px;}
.bdc h3 { color: #ffffff; font-size: 10pt; margin-bottom: 10px; background: #777; padding: 2px 5px;}
.bdc .detail img {vertical-align:middle;}
.bdc .entete ul {list-style-type: none; margin: 0; padding: 0}
.bdc .border {height: 5px; border-bottom: 1px #777 solid}
.bdc .recap table {width: 80%; border-collapse:collapse;}
.bdc .recap th, .bdc .recap td { border:1px #777 solid; padding: 3px 5px;}
.bdc .recap th {font-weight: bold; text-align: left;}
.bdc .recap th.qte, .bdc .recap th.detail {text-align: center;}
.bdc .recap td.qte, .bdc .recap td.detail {text-align: center;}
.bdc .ChpSelect {font-size: 9pt; margin-bottom:2px;}
.bdc .ChpText {font-size: 9pt; height: 14px; margin-bottom:2px; text-align: left;}
.bdc .ChpNb {width: 50px; font-size: 9pt; height: 14px; margin-bottom:2px; text-align: right;}
.bdc table.TypeMenuiserie {font-size: 10px; font-weight: bold; margin:0 0 10px 0;}
.bdc table.TypeMenuiserie td {text-align: center; padding: 3px 5px;}
.bdc .info {vertical-align: middle;}