html, body {
	background-color: #336699;
	background-image: url("img/bg.gif");
	background-repeat: repeat-x;
	margin: 0;
	padding: 0; /*pour Opéra*/
	text-align: center; /*pour IE*/
	font: 13px "Trebuchet MS", helvetica, sans-serif;
	color: #091d42;
}

/*_____________________________________conteneur de page*/
div#pageConteneur {
	width: 997px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /*rétablissement pour IE*/
}
legend	{
	font-weight:bold;
	}
/*_____________________________________bandeau Pub*/
div#pubBando {
	height: 110px;
	margin:0 15px 0 14px;
	padding: 0;
	background-image: url("img/bg_pubBando.gif");
}
p#pub1{
	padding: 10px 0;
	text-align: center;
	height:90px;
	background: url("img/pageContenu_shadowTop.gif") bottom center no-repeat;
}

/*_____________________________________contenu de page*/
div#pageContenu {
	background: url("img/pageContenu_shadowBordersv2Simple.png") top left repeat-y;
	padding: 0 14px 0px 14px;
	overflow:auto;
}

/*_____________________________________coeur de page*/
div#pageCoeur{
	padding: 0;
	width: 960px;
	float: left;
}

/*_____________________________________coeur de page*/
div#pageCoeurTree{
	padding: 0;
	width: 100%;
	float: left;
}
div#notfound{
	width:100%;
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-weight:bold;
	
}

div#found{
	width:100%;
	padding: 0px 0px 10px 0px;
	text-align: center;
	font-weight:bold;
	
}

/*_____________________________________logo cliquable*/
div#pageCoeurTree a#logo{
	background: url("img/bg_logo_newSimple.jpg") top left no-repeat;
	display: block;
	width: 100%;
	height: 89px;
	text-indent:-5000px;
}

/*_____________________________________logo cliquable*/
div#pageCoeur a#logo{
	background: url("img/bg_logo_newSimple.jpg") top left no-repeat;
	display: block;
	width: 967px;
	height: 89px;
	text-indent:-5000px;
}

/*_____________________________________le contenu*/
div#leContenu{
	padding: 0px 15px 15px 10px;
	position:relative;
}

/*_____________________________________pied de page*/
div#footer{
	background: url("img/pageContenu_shadowBottom.png") top left no-repeat;
	padding: 5px 15px 0 15px;
	height:23px;
}
span#menufooter{
	background: url("img/puceBlanche.png") top left no-repeat;
	padding-left: 20px;
	padding-top: 3px;
	float: left;
	font-size: 11px;
	color: #d1d6da;
	height: 21px;
}
span#credits{
	float:right;
	font-size: 11px;
	color: #ffffff;
}
div#footer a:link{
	text-decoration: none;
	font-size: 11px;
	color: #d1d6da;
}
div#footer a:visited{
	text-decoration: none;
	font-size: 11px;
	color: #d1d6da;
}
div#footer a:hover{
	text-decoration: underline;
	font-size: 11px;
	color: #d1d6da;
}

/*__________bouton de formulaire*/
button.bouton {
	/*display: -moz-inline-box;*/
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	color: #ffffff;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
}
button.bouton span{
	float: left;
	padding: 0 0 0 5px;
	vertical-align: middle;
	background: url("img/btn_left.gif") left top no-repeat;
}
button.bouton span span{
	padding: 0 5px 0 0;
	background: url("img/btn_right.gif") right top no-repeat;
}
button.bouton span span span{
	height: 24px;
	padding: 0;
	line-height: 1.6;
	background: url("img/btn_center.gif") left top repeat-x;
}
span.boutonBleu {
	float:left;
	margin: 0;
	padding: 0;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	color: #0b6095;
	border: 0;
	background: none;
	text-align:center;
}
span.boutonBleu span{
	display:block;
	padding: 0 0 0 15px;
	background: url("img/btnbleu-gauche.jpg") left top no-repeat;
}
span.boutonBleu span span{
	display:block;
	padding: 0 15px 0 0;
	background: url("img/btnbleu-droite.jpg") right top no-repeat;
}
span.boutonBleu span span span{
	height: 37px;
	padding: 6px 0 5px 0;
	line-height: 1;
	background: url("img/btnbleu-centre.jpg") left top repeat-x;
}
span.boutonBleu span span span a:link{
	color:#0b6095;
}
span.boutonBleu span span span a:visited{
	color:#0b6095;
}
span.boutonBleu span span span a:hover{
	color:#0b6095;
}
span.boutonRouge {
	float:left;
	margin: 0;
	padding: 0;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	color: #a50b0e;
	border: 0;
	background: none;
	text-align:center;
}
span.boutonRouge span{
	display:block;
	padding: 0 0 0 15px;
	background: url("img/btnrouge-gauche.jpg") left top no-repeat;
}
span.boutonRouge span span{
	display:block;
	padding: 0 15px 0 0;
	background: url("img/btnrouge-droite.jpg") right top no-repeat;
}
span.boutonRouge span span span{
	height: 37px;
	padding: 6px 0 5px 0;
	line-height: 1;
	background: url("img/btnrouge-centre.jpg") left top repeat-x;
}
span.boutonRouge span span span a:link{
	color:#a50b0e;
}
span.boutonRouge span span span a:visited{
	color:#a50b0e;
}
span.boutonRouge span span span a:hover{
	color:#a50b0e;
}

/*__________bugs IE sur le btn*/
* html button {width:1%; overflow:visible;}
*:first-child+html button {overflow:visible;}

/*__________bouton de lien*/
a.boutonLien {
	display: inline-block;
	margin: 0;
	padding: 0;
	font: bold 12px "Trebuchet MS", Helvetica, sans-serif;
	color: #ffffff;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
}
a.boutonLien span{
	float: left;
	padding: 0 0 0 5px;
	vertical-align: middle;
	background: url("img/btn_left.gif") left top no-repeat;
}
a.boutonLien span span{
	padding: 0 5px 0 0;
	background: url("img/btn_right.gif") right top no-repeat;
}
a.boutonLien span span span{
	height: 24px;
	padding: 0;
	line-height: 2;
	color:white;
	background: url("img/btn_center.gif") left top repeat-x;
}

/*__________Pub Carrée*/
div#pubCarre{
	padding: 10px;
}
/*__________news2*/
div.news2Conteneur{
	margin: 0 0 0 15px;
	background: url("img/coinTop_news2.gif") top left no-repeat;
	width: 300px;
	
}
div.news2Contenu{
	background: url("img/coinBottom_news2.jpg") bottom right no-repeat;
	padding-bottom:17px;
	
}
span.news2Titre{
	background: url("img/bg_news2Titre2.gif") top left repeat-y;
	color: #ffffff;
	font-size: 13px;
	text-align:left;
	font-weight: bold;
	display: block;
	text-indent: 8px;
}
p.news2Txt{
	margin: 0 15px 0 ba8px;
	display:block;
	font-weight: bold;
	
}
span.news2Suite{
	display:block;
	text-align:right;
	
	padding-right: 16px;
}
a.news2Lien{
	font-size: 11px;
	padding-left: 20px;
	background: url("img/puceFondGris.gif") top left no-repeat;
}

/*_____________________________________éléments de formulaire*/
/*__________déroulant des pays*/
div#formPaysConteneur{
	margin: 0 0;
	padding: 0 0 7px 0;
	background: url("img/bg_pays.jpg") left top no-repeat;
	width: 623px;
	height: 74px;
}
div#formPaysContenu{
	padding-left: 50px;
	padding-top: 30px;
}
label#pays{
	font-weight: bold;
	display: inline;
	width: 80px;
	padding: 3px 0;
	float: left;
	font-size: 11px;
}
span#petitTxt{
	margin: 2px 0 0 80px;
	display:block;
	font-size: 11px;
	color: #376c9c;
}

/*__________éléments de formulaire*/
select{
	width: 244px;
	height: 20px;
	border: 1px solid #d2d5da;
}
form.search label{
	font-weight: bold;
	display: inline;
	float: left;
	width: 80px;
	padding: 0px 0;
	margin: 0;
	font-size: 11px;
}
form {
	margin: 0;
	padding: 0;
}
form.search input{
	position:relative;
	margin: 0;
	padding: 0;
	border: 1px solid #d2d5da;
	width: 150px;
	height: 22px;
}

/*__________div de formulaire jaune*/
div.formJauneConteneur{
	background: url("img/bg_formJaune.gif") left top repeat-y;
	margin: 3px 0;
	width: 623px;
}
div.formJauneContenu{
	background: url("img/liseret_formJaune.gif") left top no-repeat;
	padding: 10px 0 10px 50px;
}

/*__________div de formulaire jaune Petit*/
div.formJaunePetitConteneur{
	float:left;
	background: url("img/bg_formJaune.gif") left top repeat-y;
	margin: 0;
	width: 265px;
	height: 45px;
}
div.formJaunePetitContenu{
	background: url("img/liseret_formJaune.gif") left top no-repeat;
	padding: 10px 0 7px 50px;
}

/*__________div de formulaire orange*/
div.formOrangeConteneur{
	background: url("img/bg_formOrange.gif") left top repeat-y;
	margin: 3px 0;
	width: 623px;
}
div.formOrangeContenu{
	background: url("img/liseret_formOrange.gif") left top no-repeat;
	padding: 12px 0 10px 50px;
}

/*__________div de formulaire rouge Petit*/
div.formRougePetitConteneur{
	float:left;
	background: url("img/bg_formRougePetit.gif") left top repeat-y;
	margin: 0 0 0 10px;
	width: 317px;
	height: 45px;
}
div.formRougePetitContenu{
	background: url("img/liseret_formRougePetit.gif") left top no-repeat;
	padding: 10px 0 7px 10px;
}

/*__________div regroupant les petits forms*/
div.formDouble{
	padding: 0;
	margin: 3px 0 10px 0px;
	overflow:auto;
}

/*__________bouton de recherche*/
p#searchButton{
	margin:5px 0 0 455px;
	padding:0;
	clear: both;
}

/*_____________________________________éléments de mise en forme*/
div.hrBleue{
	margin:0 0 15px 0;
	padding: 0;
	height: 10px;
	background: url("img/hr_bleu.gif") no-repeat scroll center;
}
div.hrGris{
	margin:15px 0;
	padding: 0;
	height: 5px;
	background: url("img/hr_gris.gif") no-repeat scroll center;
}
h1.titre1{
	color: #3c4854;
	font-family: helvetica, verdana, sans-serif;
	font-weight: bold;
	font-size: 20px;
}
h2.titre2{
	color: #0f518c;
	font-weight: bold;
	font-size: 13px;
}

a:link{
	text-decoration: none;
	color: #12538d;
}
a:visited{
	text-decoration: none;
	color: #12538d;
}
a:hover{
	text-decoration: underline;
}


div#pageCoeur p{
	text-align: justify;
	padding: 0 0 10px 0;
	line-height: 16px;
}
p{
	margin: 0;
	padding: 3px 0;
	text-align: justify;
}
li.puceBleuFonce{
	background: url("img/puceBleuFonce.gif") 0% 65% no-repeat;
	list-style-type: none;
	padding-left: 15px;
}
li.puceBleuClair{
	background: url("img/puceBleuClair.gif") 0% 65% no-repeat;
	list-style-type: none;
	padding-left: 15px;
}
li.puceJaune{
	background: url("img/puceJaune.gif") 0% 65% no-repeat;
	list-style-type: none;
	padding-left: 15px;
}

/*_____________________________________news coeur de page*/
div.newsConteneur{
	margin:0;
	padding:0;
	background: url("img/coin_news.gif") left top no-repeat;
}
div.newsContenu{
	padding: 15px 0;
}
div.newsRub{
	/*writing-mode: bt-rl;*/
	padding: 0 15px;
	float:left;
	font-size: 12px;
	font-weight: bold;
	color: #989a9d;
	
}
div.newsImg{
	float: left;
	padding: 5px 15px 0 0;
}
div.newsTxt{
	float:none;
	overflow:auto;
	padding: 0 10px 0 0;
	/*background-color: #e7edf3;*/
	display: block;
	/*height:75px;*/
}
span.newsTitre{
	color: #0f518c;
	font-weight: bold;
	font-size: 13px;
	display:block;
}

/*_____________________________________basic masque*/
form.basicMasque label{
	float: left;
	text-indent: 10px;
	width: 170px;
	height: 17px;
	font-size: 12px;
	color: #3c4854;
	background-color: #e7edf3;
}
form.basicMasque input.normal{
	position:relative;
	width: 170px;
	margin-left: 20px;
	border: 1px solid #1b436b;
	height: 15px;
}
form.basicMasque input.petit{
	width: 80px;
	position:relative;
	margin-left: 20px;
	border: 1px solid #1b436b;
	height: 15px;
}
form.basicMasque span{
	display: block;
	padding-bottom: 6px;
}
form.basicMasque div{
	background: url("img/puceBleuClair.gif") top left no-repeat;
	padding-left:20px;
	padding-bottom:30px;
}
p#masqueButton{
	margin:5px 0 0 270px;
	padding:0;
	clear: both;
}

/*_____________________________________vitrine*/
/*__________entreprise*/
div.entreprise {
	background: url("img/bg_entreprise.gif") top left repeat-y;
	background-color: #eff3f7;
	overflow:auto;
	width:450px;
	padding: 7px 7px 7px 27px;
}
div.entreprise span.titre{
	font-size:14px;
	font-weight:bold;
	color:#d0060a;
	display:block;
}
div.entreprise span.infos{
	font-size:12px;
	display:block;
	color:#26598d;
}
div.entreprise span.cp{
	font-size:12px;
	font-weight:bold;
	float:left;
	color:#26598d;
}
div.entreprise span.rcs{
	font-size:12px;
	float:right;
	color:#26598d;
}
.fiche
{

float:left;
}
.fichebouton
{
display:inline;
float:right;
}

/*__________tableau de commande*/
div.tableauCommande table.resultats{
	background: url("img/coin_commande.gif") bottom right no-repeat;
	padding-bottom:20px;
	padding-right:15px;
}
div.tableauCommande td{
	font-size:12px;
	text-indent:5px;
}
div.tableauCommande td.texte{
	font-weight:bold;
	text-indent:0px;
	padding:15px 0;
}
div.tableauCommande td.date{
	background-color:#e7edf3;
}
div.tableauCommande td.infos{
	background-color:#e7edf3;
}
div.tableauCommande td.prix{
	background-color:#fcf2cf;
	text-align:right;
	width:75px;
	font-weight:bold;
}
div.tableauCommande td.totalTexte{
	background-color:#b3d4f5;
	font-weight:bold;
}
div.tableauCommande td.total{
	background-color:#ffd884;
	font-weight:bold;
	text-align:right;
}
div.tableauCommande td.bouton{
	text-align:center;
	padding-top:15px;
}
div.tableauCommande span.prixTexte{
	float:left;
	text-align:right;
	
}
div.tableauCommande span.commandeCheck{
	float:right;
}

div.tableauCommande span.normalCheck{
	
}

div.tableauCommande input.commandeCheckBox{
	width:13px;
	height:13px;
	margin-top:2px;
	margin-right:3px;
}