/*---------------- elements principaux ---------------*/
Body, html, div {
	margin: 0;
	padding: 0;
}
body { 
	font-size: 70%;
	font-family: arial, verdana, sans serif;
	color: #333; 
	margin: 0 0 0 0;
	background-color: #4F4F4D;
	background-image: url(../images/settings/body_bg.gif);
	background-repeat: repeat;
}
img     { border:0px none;  } 
.clear {
	clear:both;
}
.bold {
font-weight:bold;
	}
.italic {
font-style:italic;
}
	input, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: middle;
	color: #333;
}
/*------------ Texte ----------*/
.grasorangeprix {
	color: #FF4200;
	font-weight: bold;
	font-size: 120%;
}
.grasorangetxt {
	color: #FF4200;
	font-weight: bold;
	font-size: 195%;
	margin:0px 0px 0px 7px;
}
.grasbleutxt {
	color: #0093C9;
	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;
	margin:0px 0px 0px 7px;
}
.grasorange {
	color: #FD7B0A;
	font-weight: bold;
}
.grasbleuCentre {
	color: #0093C9;
	font-weight: bold;
	text-align: center;
	padding: 0px 0 0 0px;
	margin:5px 0px 10px 0px;
}
.grasbleu {
	color: #0093C9;
	font-weight: bold;
}
.gras {
		font-weight: bold;
		font-size: 150%;
}
.email {
	color: #0093C9;
	font-weight: bold;
}
/*------- Navigation ----------*/
#navigationHome {
	background-color: #FFF;
	width: 696px;
	height: 170px;
	z-index: 1000;
	top :0px;
	left :0px;
	margin:0 0 0 0px;
	position : absolute;
}
#navigationPage {
	background-color: #FFF;
	width: 696px;
	height: 24px;
	z-index: 1000;
	top :0px;
	left :0px;
	margin:0 0 0 0px;
	position : absolute;
}
#homeimage {
	margin-left:5px;
}
#boitenavigation {
	width: 696px;
	background-color:#CDCCCC;  /*gris */
	height: 24px;
	margin: 0 0 0 5px;
	padding: 0;
	z-index: 1000;
}
.navigationmenu {
	height: 19px;
	padding: 5px 0 0 0px;
	font-weight: bold;
	float: left;
	width:490px;
}
.navigationmenu a, .navigationmenu a:visited {
	color: #000;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	background-color: #CDCCCC;
} 
.navigationmenu a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #FD7B0A;
	padding: 5px 10px 5px 10px;
} 
.navigationmenu ul {
	width:auto;
    margin-left: 0;
    padding-left: 0;
    display: inline;
   }
.navigationmenu ul li {
    margin-left: 0;
     margin-right: -3px;
    padding: 0px 0px 0 0;
    border-left: 1px solid #fff;
    list-style: none;
    display: inline;
   }
.navigationmenu ul li.premier {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
   }
.topbleunav{
background-color: #2B8CB9;
background-image: url(../images/settings/back_bleu_band24.gif);
height: 19px;
padding: 5px 0 0 5px;
margin:0 0 0 0px;
color: #FFF;
font-weight: bold;
font-size: 105%;
width:155px;
float: left;
}
.topbleunav img {
	vertical-align: middle;
	padding: 0 4px 0 0;
}

/*------------ Header --------------*/
#header  {
	margin-top:0; 
	position:relative; 
	width:900px; 
	z-index: 0;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px;
	}
#headlogos{
	position :relative;
	margin:0;
	padding:0;
	height: 75px;
	background-color: #FFF;
}
#bandeauHead{
	position: relative;
	margin: 0 5px 0 5px;
	padding: 0;
	height:35px;
	width:890px;
	background-image: url(../images/settings/back_gris_band35.gif); 
	background-repeat: repeat-x;
	background-color: #4b4b4b;
	color: #fff;
/*	display: inline;*/
}

#logoint {
	float: left;
}

#liensHD {
position: relative;
	top:0;
	float: right;
	padding: 11px 5px 0 0; 
	width:500px;
}

#liensHD a:hover {
	color: #000;
	text-decoration: none;
}
#contact {
	float:right;
	color: #0093c9;
	font-weight: bold;
	padding: 0 0 8px 0;
	text-align: right;
	clear:both;
}

#contact a, a:visited {
	color: #0093c9;
	text-decoration: none;
}

#langues {
	float:right;
	color: #777777;
	width: 350px;
	text-align: right;
	clear:both;
}

#langues img {
vertical-align: middle;
padding: 0 22px 2px 5px;
	
}


/************** Bandeau gris *******************/
#here {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: bold;
	float: left;
	padding: 10px 0 0 25px;
	color: #e7e7e7;
}

#here a{
	font-weight: bold;
	color: #e7e7e7;
	text-decoration: none;
}

#here a:visited{
	font-weight: bold;
	color: #e7e7e7;
	text-decoration: none;
}

#here a:hover{
	font-weight: bold;
	color: #e7e7e7;
	text-decoration: underline;
}

#search {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
/*	font-weight: bold;*/
	float: right;
	padding: 8px 52px 0 0;
	vertical-align: middle;
	
}

#search form {
margin: 0px;
display:inline;
padding: 0px;
}

#search img {
vertical-align: middle;
padding: 0 7px 0 5px;
	
}

#search a, a:visited {
	color: #fff;
	text-decoration: none;
}

#search a:hover {
	color: #fff;
	text-decoration: underline;
}


/* ------------------entete ---------------------*/

#header form {margin:0; padding : 0;}

/*-------- le corps ------------------*/

#corps {
position: relative;
top:0px;
width: 900px;
height: auto;
display: block;
padding-top:0px;
background-color: #FFF;


	margin-left: auto;
   margin-right: auto;
}

#gauche {
font-size:100%;
position: relative;
float:left;
width:173px;
/*padding: 34px 0 0 0; */
/*padding-left:10px;*/
background-color: #FFF;
padding-top : 179px;
z-index: 10;

}
#gauchePage {
font-size:100%;
position: relative;
float:left;
width:173px;
/*padding: 34px 0 0 0; */
/*padding-left:10px;*/
background-color: #FFF;
padding-top : 29px;
z-index: 10;

}

#centre {

font-size:105%;
position: relative;
float:left;
width:528px;
min-height: 200px;
/*padding-bottom: 20px;*/
background-color: #fff;
 padding-top: 179px;
 z-index: 0;
}

#centrePage {
font-size:100%;
position: relative;
float:left;
width:528px;
min-height: 200px;
/*padding-bottom: 20px;*/
background-color: #fff;
 padding-top: 29px;
 z-index: 0;
}

#droite {
font-size:100%;
position: relative;
/*top:0px;*/
float:right;
width:199px;
background-color: #fff;
z-index: 0;

}

/*--------- centre --------------*/


.boitecentre{
  width: 528px;
	margin: 0 0 0 0;
/*	background-color: Aqua;*/
}

.cadrecentre {
	/*width:510px; /*528 - 2px bordure - padding left et right */
	overflow:auto;
	width:526px; /*528 - 2px bordure*/
	border: solid 1px #646464; 
/*	padding : 0px 8px 0px 8px;*/
  padding: 0;
	color: #333333;
	margin-bottom: 3px;
	background-image: url(../images/settings/fond_centre.gif);
	height: 80%;
	min-height:100%;
}

.cadrecentre a{
	color: #333;
	text-decoration: none;
}

.cadrecentre a:visited{
	color: #333;
	text-decoration: none;
}

.cadrecentre a:hover{
	color: #333;
	text-decoration: underline;
}

.paragraph{
	color: #333;
	padding : 20px 0px 20px 20px;
	font-weight: bold;
}


.cadrecentreDescription {
  width:508px;
	padding : 10px 10px 8px 8px;
	border: solid 1px #646464; 
	color: #333333;
	margin-bottom: 3px;
	background-image: url(../images/settings/fond_centre.gif);
	height: 100%;
	min-height:100%;
} 

.adresse {
	width:526px; /*528 - 2px bordure*/
/*	padding : 0px 8px 0px 8px;*/
  padding: 0;
	color: #333333;
	margin: 10px;
}
.formadresse {
	width:520px; /*528 - 2px bordure*/
	padding : 0px 0px 10px 5px;
  /*padding: 0;*/
	color: #333333;
	margin: 0px;
	
}



.produitPetit {
  
/*	float: left;*/
  float: left;
  width: 260px;
	height: 250px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: center;
/*	background-image: url(../images/settings/fond_centre.gif);*/
	
}
.produitPetitCentre {
  
/*	float: left;*/
/*  float: right;*/
  width: 526px;
/*	height: 50px; */
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: center;
  clear: both; 
	
}

.produitPetitDroite {
  
/*	float: left;*/
  float: right;
  width: 172px;
	height: 150px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: center;
/*	background-image: url(../images/settings/fond_centre.gif);*/
	
}
.produitPetitGauche {
  
/*	float: left;*/
  float: left;
  width: 146px;
	height: 150px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: center;
/*	background-image: url(../images/settings/fond_centre.gif);*/
	
}
.formDroite {
/*	float: left;*/
 /* float: right;*/
  width: 155px;
}
.texteDroite {
  
/*	float: left;*/
  float: right;
  width: 202px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: left;
/*	background-image: url(../images/settings/fond_centre.gif);*/
	
}

.imageGauche {
  
/*	float: left;*/
  float: left;
  width: 300px;

	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding: 0;
	vertical-align: middle;
  text-align: center;
/*	background-image: url(../images/settings/fond_centre.gif);*/
	
}

.contourImage {
	margin-top: 5px;
  margin-bottom: 5px;
	}


.topgriscentre{
background-color: #4F4F4D;
background-image: url(../images/settings/back_gris2_band24.gif);
height: 19px;
padding: 5px 0 0 6px;
color: #FFF;
font-weight: bold;
font-size: 105%;
}
.topgriscentrePage{
background-color: #4F4F4D;
background-image: url(../images/settings/back_gris2_band24.gif);
height: 19px;
padding: 5px 0 0 10px;
color: #FFF;
font-weight: bold;
font-size: 105%;
}

.topgriscentre img {
	vertical-align: middle;
	padding: 0 4px 0 0;
}

.boiteOffre {
	width: 526px;
/*	float: left;*/
	padding: 8px 8px 8px 8px;
/*	height: auto;*/

}
/* Nombre de pages Centre 
-------------------------------------------------------- */

#pages {
	float: right;
	width: 528px;
	text-align: right;
	font-size: 0.9em;
	padding-top: 10px;
	margin: 0;
	padding-bottom: 10px;
	color: #12335B;
}

a.LIEN_pages:link {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #12335B;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #12335B;
	text-decoration: underline;
	font-weight: bold;
}
/* Divers �l�ments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width:520px;
}

.enteteTableauTrans {
	width:520px;

}

.Tableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width:526px;
}
.ligneTableauCmd {
	 border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size:100%; /* test */
	vertical-align: middle;
}
.DetTitre {
	text-align:left;
}
.DetPrix {
    width:80px;
	text-align:right;
}
.DetQuantite {
    width:100px;
	text-align:right;
}
.DetTotal {
    width:80px;
	text-align:right;
}
.DetTitreH {
  	text-align:left;
}
.DetPrixH {
  	width:80px;
	text-align:center;
}
.DetQuantiteH {
 	width:80px;
	text-align:center;
}
.DetTotalH {
    width:80px;
	text-align:center;
}
.NumH {
  	width: 150px;  
	text-align:center;
}
.DateH {
  width: 50px;
	text-align:center;
}
.MontantH {
    width: 50px;
	text-align:center;
}
.StatutH {
    width: 100px;
	text-align:center;
}
.VoirH {
    width: 130px;
	text-align:center;
}
.Num {
	width: 150px; 
	text-align:left;
}
.Date {
    width: 50px;
	text-align:right;
}
.Montant {
    width: 50px;
	text-align:right;
}
.Statut {
    width: 100px;
	text-align:right;
}
.Voir {
    width: 130px;
	text-align:center;
}
.ligneTab {
	width:526px;
  vertical-align: middle;
}
.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
}
.ligneTableauTitreH {
  width: 173px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:center;
	vertical-align: middle;
}
.ligneTableauPrixH {
  width: 102px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:center;
	vertical-align: middle;
}
.ligneTableauQuantiteH {
  width: 73px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:center;
	vertical-align: middle;
}
.ligneTableauTotalH {
  width: 82px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:center;
	vertical-align: middle;	
}

.ligneTableauViderH {
  width: 46px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
  text-align:center;
	vertical-align: middle;  
}
.ligneTableauTitre {
  width: 173px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:left;
	vertical-align: middle;	
}
.ligneTableauPrix {
  width: 102px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:right;
	vertical-align: middle;	
}
.ligneTableauQuantite {
  width: 73px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:right;
	vertical-align: middle;	
}
.ligneTableauTotal {
  width: 82px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:right;
	vertical-align: middle;	
}
.ligneTableauVider {
  width: 46px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c6cdde;
	font-size: 100%; /* test */
	text-align:right;
	vertical-align: middle;	
}
.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 500px;
	text-align: right;
	margin: 10px 0px 10px 0px;
}
.zoneDeSaisie {
	color: #12335B;
	font-size: 100%; /* test */
	vertical-align : middle;
}
.zoneDeSaisieForm {
	color: #12335B;
	font-size: 100%; /* test */
	width: 250px;
}
.zoneDeSaisieFormContact {
	color: #12335B;zoneDeSaisieArea
	font-size: 100%; /* test */
	width: 250px;
}
.zoneDeSaisieArea {
	color: #12335B;
	font-size: 100%; /* test */
	width: 250px;
	height: 150px;
	font-family: arial, verdana, sans serif;
	
}
.zoneDeSaisieAreaContact {
	color: #12335B;
	font-size: 100%; /* test */
	width: 250px;
	height: 150px;
	font-family: arial, verdana, sans serif;
	
}
.ligneTableauSimple{
	font-size: 100%; /* test */
	}
.ligneTableauSaisieL{
	font-size: 100%; /* test */
	width: 240px;
}
.ligneTableauSaisieLContact{
	font-size: 100%; /* test */
	width: 240px;
}
.ligneTableauSaisieI{
  float:right;
	font-size: 100%; /* test */
	width: 270px;
	text-align: left;
}
.obligatoire {
	color: #FF0000;
}
.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}

/*-------------- gauche ---------------*/

.boitegauche{
	width: 160px;
	margin: 0 0 0 5px;
/*	background-color: Aqua;*/
}
.cadregauche {
	overflow:auto;
	width:146px; /*160 - 2px bordure - padding left et right */
	border: solid 1px #B2B2B2; 
	padding : 8px 4px 8px 8px;
	color: #333333;
	margin-bottom: 3px;
	
}
.cadregauche a{
	color: #333;
	text-decoration: none;
}
.cadregauche a:visited{
	color: #333;
	text-decoration: none;
}
.cadregauche a:hover{
	color: #333;
	text-decoration: underline;
}
.cadregauche img {
padding-bottom: 5px;
}

/*-------------- droite ---------------*/

.validation {
width: 160px;

}
.password {
width: 140px;
float : left;
padding : 3px 0px 3px 0px;
}
.formMonCompte {
padding : 3px 0px 3px 0px;
}
.mpoublie {
width: 140px;
padding : 3px 0px 0px 0px;
}
.boutonMonCompteEntete{
width: 20px;
float : right;
margin: 0 0 0 0px;
}
.boitedroite{
	width: 186px;
	margin: 0 0 0 8px;
/*	background-color: Aqua;*/
}
.toporange{
background-color: #FD7B0A;
background-image: url(../images/settings/back_orange_band24.gif);
height: 19px;
padding: 5px 0 0 6px;
color: #FFF;
font-weight: bold;
font-size: 105%;
}
.toporange img {
	vertical-align: middle;
	padding: 0 4px 0 0;
}
.cadredroite {
	overflow:auto;
	width:172px; /*186 - 2px bordure - padding left et right */
 border: solid 1px #B2B2B2; 
	padding : 8px 4px 8px 8px;
	color: #333333;
	margin-bottom: 3px; 	
}
.cadredroite a{
	color: #333;
	text-decoration: none;
}
.cadredroite a:visited{
	color: #333;
	text-decoration: none;
}
.cadredroite a:hover{
	color: #333;
	text-decoration: underline;
}
.cadredroite img {
padding-bottom: 5px;
}
.topbleu{
background-color: #2B8CB9;
background-image: url(../images/settings/back_bleu_band24.gif);
height: 19px;
padding: 5px 0 0 6px;
color: #FFF;
font-weight: bold;
font-size: 105%;
}
.topbleu img {
	vertical-align: middle;
	padding: 0 4px 0 0;
}
.topgris{
background-color: #4F4F4D;
background-image: url(../images/settings/back_gris_band24.gif);
height: 19px;
padding: 5px 0 0 6px;
color: #FFF;
font-weight: bold;
font-size: 105%;
}
.topgris img {
	vertical-align: middle;
	padding: 0 4px 0 0;
}
#cartesCB img {
padding-top : 23px;
	
}
/* ---------------------Bas de page----------------*/
#pied {
	position:relative; 
	width:900px;
	background-color: #FFF;
	color: #333;
	padding: 15px 0 20px 0px;
	clear:both;
	z-index:0;
	display: block;
	font-weight: normal;
	margin-left: auto;
	margin-right: auto;
}
#pied a {
	color: #0093C9;
}
.topgrispied{
	background-color: #4F4F4D;
	background-image: url(../images/settings/back_gris3_band24.gif);
	height: 19px;
	padding: 5px 0 0 5px;
	margin-bottom : 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 105%;
}
.pieddate {
	float: left;
	padding-left: 10px;
}
.piedvisites {
	float: right;
	padding-right: 10px;
}

.LIEN_chemin {
color:#FFFFFF;
text-decoration:none;
}