.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.alignjustify {text-align: justify;}
.invisible {display: none}
img.alignleft, table.alignleft {float: left; margin: 0 5px 5px 0; text-align: left;}
img.alignright, table.alignright {float: right; margin: 0 0 5px 5px; text-align: left;}
table.aligncenter {margin: auto; text-align: left;}
a img {border-width: 0;}
form {margin: 0; padding: 0;}

/**********/
/* LAYOUT */
/**********/
body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #014683;
	background: #fff url(images/body.png) repeat-x 0 0;
}
a {
	color: #BF577D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#document {
	width: 1000px;
	margin: auto;
	background: #fff url(images/document.png) repeat-y 0 0;
}
#documentInner {
	background: #fff url(images/documentInner.png) repeat-y 100% 0;
	padding-right: 2px;
	margin-left: 2px
}
#corps {
	width: 100%;
	overflow: hidden;
}
#colonneGauche {
	float: left;
	width: 126px;
}
#colonneDroite {
	float: right;
	width: 165px;
	background: #EE1D24 url(images/colonneDroite.png) no-repeat 0 50px;
	font-size: 11px;
}
#contenu {
	float: left;
	width: 670px;
	margin-left: 17px;
}

/***************/
/* bandeauHaut */
/***************/
#bandeauHaut {
	background: url(images/bandeauHaut.png) no-repeat 100% 0;
	width: 100%;
	overflow: hidden;
	height: 110px;
}
#bandeauHaut h1 {
	margin: 10px 0 0 55px;
	padding: 0;
	float: left;
}
#bandeauHaut h1 img {
	display: block;
}

/*****************/
/* colonneGauche */
/*****************/
#formRecherche {
	background: url(images/formRecherche.png) no-repeat left top;
	height: 49px;
	margin-bottom: 1px;
}
#formRecherche p {
	padding: 22px 0 0 10px;
	margin: 0;
}
#clientPrivilege {
	margin: 0 0 1px 0;
	background: url(images/clientPrivilege.png);
	padding-top: 30px;
	font-size: 11px;
}
#clientPrivilegeInner {
	background: url(images/clientPrivilegeInner.png);
	padding-bottom: 5px;
}
#clientPrivilege a {
	color: #F7C650;
}
#clientPrivilege label {
	color: #F7C650;
	line-height: 18px;
	font-weight: bold;
}
#clientPrivilege p {
	margin: 0;
	padding: 2px 0 2px 10px;
}
#CLI_FACEMAIL_LOG, #CLI_PASSWORD_LOG, #searchString {
	border: 1px solid #5A443F;
	width: 80px;
	padding: 1px;
	margin: 0;
	font-size: 10px;
}
#CLI_SUBMIT_LOG, #searchSubmit {
	border: 1px solid #5A443F;
	border-left: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 9px;
	background-color: #F7BE3D;
	color: #5A443F;
}
#enUnClic {
	padding-bottom: 41px;
}
#enUnClic img {
	display: block;
	margin-bottom: 1px;
}

#panComPlan {
	padding-bottom: 7px;
}
#panComPlan img {
	display: block;
	margin-bottom: 1px;
}

/*****************/
/* colonneDroite */
/*****************/
#colonneDroiteInner {
	background: url(images/colonneDroiteInner.png) no-repeat 0 100%;
	padding-bottom: 5px;
	color: #fff;
}
#colonneDroiteInner a {
	color: #fff;
}
#dernierProduit {
	padding: 0 5px;
}
#dernierProduit h5 {
	font-style: italic;
	font-size: 13px;
	margin: 0;
	padding: 8px 0 0 0;
	font-weight: bold;
	color: #FBE600;
}
#dernierProduit p {
	margin: 0;
	padding: 0;
}
#triPanier {
	font-style: italic;
	padding : 5px 5px 8px 7px;
	color: #9FC782;
	font-weight: bold;
}
#triPanier a {
	color: #9FC782;
}
#panier {
	font-size: 9px;
	border-collapse: collapse;
	width: 151px;
	margin: auto;
}
#panier input {
	border: 1px solid #000;
	width: 15px;
	font-size: 9px;
	padding: 0px 1px;
	text-align: center;
}
#panier td {
	white-space: nowrap;
}
#panier th {
	font-weight: normal;
	text-align: left;
	padding: 6px 0 6px 2px;
}
#panier h4 {
	border-top: 1px solid #FFFFFF;
	font-size: 13px;
	margin: 0;
	padding: 5px 0;
	color: #FBE600;
}
#panier img {
	vertical-align: middle;
}
#totalPanier {
	text-align: center;
	background: url(images/totalPanier.png) no-repeat 0 0;
}
#totalPanier p {
	font-size: 13px;
	margin: 0;
	padding: 17px 0 5px;
	font-weight: bold;
	color: #FBE600;
}
#totalPanier p strong {

}

/********/
/* menu */
/********/
#menu {
	height: 59px;
	/*margin: 0 3px 0 5px;*/
	/*background: url(images/menu.png) repeat-x 0 61%;*/
}
#menuJS {
	line-height: 11px;
}

/***********/
/* contenu */
/***********/
h2 {
	color: #fff;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 15px 0 15px 27px;
	background: url(images/h2.png) no-repeat 0 0;
	font-weight: bold;
	font-style: italic;
}
h2 a {
	color: #fff;
}
h3 {
  color: #BF577D;
  font-style: italic;
}
#contenu input, #contenu select, #contenu textarea, button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	border: 1px solid #000;
	padding: 0 2px;
}
#contenu select {
	padding: 0;
}
#contenu input.radio, #contenu input.checkbox, #contenu input.image {
	border: none;
}
#contenu input.submit, button {
	/*border-color: #588255;*/
	border-color: #6495D4;
	font-weight: bold;
	font-style: italic;
	margin: 3px 6px;
	cursor: pointer;
	/*background-color: #DEF2DD;*/
	background-color: #E4EEFB;
	color: #000;
	font-size: 13px;
}
button {
	background-color: #F7B529;
}
div.texte {
	/*padding: 0 5px;*/
}
div.texte p {
	margin: 0;
	padding: 5px 20px 0px 20px;
}
div.texte ul {
	margin: 0;
	padding: 0 0 5px 35px;
}


/********************/
/* blocNomenclature */
/********************/
#blocNomenclature {
	width: 98%;
	margin: auto;
	overflow: hidden;
	margin-bottom: 10px;
}

/***********/
/* cmdHaut */
/***********/
#cmdHaut {
	border-collapse: collapse;
	margin: 5px 0
}
#cmdHaut td {
	width: 120px;
	color: #BF577D;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
}
#cmdHaut td.selected {
	font-weight: 900;
}

/*******************/
/* tablo0 + tablo1 */
/*******************/
caption {
	/*background: url(images/caption.png) no-repeat 0 0;*/
	color: #BF577D; /*#006A00;*/
	background-color: #C8E6C7;
	/*font-weight: bold;*/
	font-style: italic;
	font-size: 13px;
	margin: 8px 0 0 0;
	padding: 5px;
	text-align: left;
}
.tablo0, .tablo1 {
	margin: 5px 0 15px 0;
	border-collapse: collapse;
	width: 100%;
	background-color: #F5F2F2;
}
.tablo1 a {
	color: #000;
}
.tablo1 tr.alter1 {
	background-color: #F4E5EA;
}
.tablo1 tr.alter2 {
	background-color: #FFFFFF;
}
.tablo1 tr.alter3 {
	background-color: #DEB1C1;
}
.tablo1 th {
	background-color: #C8E6C7;
	color: #000;
	font-size: 12px;
	border: 1px solid #fff;
	font-style: italic;
}
.tablo1 th.alter3 {
	background-color: #DEB1C1;
}
.tablo2 th a.selected {
	text-decoration: underline;
}
.tablo1 td {
	border: 1px solid #fff;
	padding: 5px 3px;
	color: #000;
}
.tablo1 td.planning {
	text-align: center;
}

/**********/
/* tablo2 */
/**********/
.tablo2 {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
	width: 95%;
}
.tablo2 td {
	padding: 10px;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
}
.tablo2 a img {
	display: block;
	margin: auto;
}
.tablo2 a.noImg {
	color: #174A13;
	display: block;
	font-weight: 900;
	font-size: 13px;
	border: 1px solid #C5CDDF;
	background: url(images/noImg.png) repeat-x 0 100%;
}

/*****************/
/* tabloVignette */
/*****************/
.tabloVignette {
	margin: 5px auto 10px auto;
	border-collapse: collapse;
	width: 95%;
}
.tabloVignette td {
	padding: 0px 5px ;
	width: 136px;
	text-align: center;
	vertical-align: bottom;
}
.tabloVignette a img {
	display: block;
	margin: auto;
}
.tabloVignette a.noImg {
	color: #014683;
	margin: 0px 0px 28px;
	padding: 6px ;
	display: block;
	font-weight: 900;
	font-size: 13px; height:33px;
	background: #B9D2E8 url(images/backVignette.png)    repeat-x 0 100%;
	border-bottom:1px solid #93B3FF;border-left:1px solid #BBCFFF;border-right:1px solid #93B3FF;
}


/**********/
/* tabloP */
/**********/
.tabloP {
	margin: 5px auto 10px auto;
	/*border-collapse: collapse;*/
	width: 98%;background-color: #FFF;
}
.tabloP td {
	padding: 0;background-color: #FFF;
}
.tabloP table {
	/*border-collapse: collapse;*/
	width: 97%;border:1px solid #B9D2E8 ;
	height: 155px;
	margin: 0 5px 10px auto;
	background-color: #FFF;
}
.tabloP td.pied {
	text-align: center;
	background: #B9D2E8 url(images/tabloP.png) repeat-x 0 100%;
	height: 35px;
}

.tabloP h4 {
	font-size: 13px;
	font-style: italic;
	margin: 0;
	padding: 0;
}
.tabloP h5 {
	font-size: 11px;
	margin: 4px;
	padding: 0;
	float: right;
}
.tabloP strong {
	font-size: 16px;
	color: #BF1813;
}
#contenu .tabloP input {
	font-size: 11px;
}


/******************/
/* blocPagination */
/******************/
.blocPagination {
	width: 90%;
	margin: 5px auto 0 auto;
	border-collapse: collapse;
	font-size: 11px;
	color: #DE5221;
}
.blocPagination td {
	width: 33%;
}
.blocPagination a {
	color: #DE5221;
}
.blocPagination select {
	color: #DE5221;
}
.blocPagination .col1 {text-align: left;}
.blocPagination .col2 {text-align: center;}
.blocPagination .col3 {text-align: right;}


/***********/
/* produit */
/***********/
#produit {
	width: 100%;
	/*border-collapse: collapse;*/
	margin-top: 10px;
}
#produit caption {
	text-align: left;
	font-size: 13px;
	font-style: italic;
	color: #BF577D;
	background: none;
}
#produit td {
	vertical-align: top;
	padding: 5px;
}
#produit td#produitDescription {
	color: #024C8C;
	width: 60%;
	font-size: 12px;
	padding: 0;
}
#produit td#produitDescription .texte {
	padding: 10px;
	margin: 10px 0 ;
}
#produit td#produitPrix {
	color: #024C8D;
	background: url(images/produitPrix.png) repeat-x 0 0;
	border-right:4px solid #FFF;
	text-align: center;
	font-size: 12px;
	height: 5px;
}
#produit td#produitPrix strong {
	font-size: 20px;
	color: #BF1813;
}
#produit td#produitPrix img {
	vertical-align: middle;
}
#produit td#produitDivers {
	color: #024C8D;
	background: url(images/produitPrix.png) repeat-x 0 0;
	text-align: left;
	font-size: 12px;
	height: 5px;
}
#produitLogo {
	margin: 10px;
	/*background: url(images/caption.png) no-repeat 0 0;*/
}
#produitLogo img {
	margin: 5px;
}

/**************/
/* bandeauBas */
/**************/
#piedDePage {
	margin-top: 20px;
	padding: 6px 0;
	text-align: center;
	background: url(images/piedDePage.png) no-repeat 50% 0;
	color: #fff;
	height: 47px;
}
#piedDePage a {
	color: #ffffff;
	padding: 0 18px;
	font-size: 11px;
	font-weight: bold;
}
#piedDePageAccueil {
	margin-top: 5px;
	/*padding: 6px 0;*/
	text-align: center;
	color: #8A6661;
	height: 47px;
}
#piedDePageAccueil a {
	color: #8A6661;
	padding: 0 25px;
	font-size: 10px;
	font-weight: bold;
}

/***********/
/* accueil */
/***********/
#accueil1 {
	width: 100%;
	border-collapse: collapse;
}
#blocInfo {
	width: 180px;
	background: #005BAA;
	padding: 0;
}
#blocInfoInner {
	background: url(images/accueilInfoInner.png) no-repeat 100% 0;
	color: #fff;
	font-size: 12px;
	padding: 65px 15px 5px 25px;
}
#blocPromo {
	width: 199px;
	background: #EE1D24;
	padding: 0;
}
#blocPromoInner {
	background: url(images/accueilPromoInner.png) no-repeat 0 0;
	padding: 70px 5px 5px 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
#blocPromoInner a {
	color: #fff;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
}
#accueil2 {
	margin: 20px auto 0 auto;
	width: 99%;
	height: 129px;
	background: #98C859 url(images/accueil2.png) repeat-x 0 0;
	border-collapse: collapse;
	color: #010000;
}
#accueil3 {
	margin: 20px auto 0 auto;
	width: 99%;
	/*height: 129px;*/
	background: #DDF199 url(images/piedDePageAccueil.png) repeat-x 0 0;
	/*border-collapse: collapse;*/
	color: #010000;
}
#accueil2 h2 {
	color: #BE1125;
	font-size: 14px;
	margin: 0 0 4px -20px;
	padding: 0 0 0 20px;
	background: url(images/accueilH2.png) no-repeat 0 -1px;
	font-style: normal;
	font-family: verdana;
	white-space: nowrap;
}
#blocBG, #blocBC, #blocBD {
	padding: 0;
	background: url(images/accueilCoinBas.png) no-repeat 100% 100%;
	width: 35%;
}
#blocPG, #blocPC1, #blocPC2, #blocPD {
	padding: 5px 30px 5px 30px;
	/*background: url(images/accueilCoinBas.png) no-repeat 100% 100%;*/
}
#accueil2 .inner1 {
	background: url(images/accueilCoinHaut.png) no-repeat 100% 0;
}
#blocBG .inner2 {
	/*background: url(images/accueilBG.png) no-repeat 0 0;
	padding: 15px 25px 5px 180px;
	height: 109px;
}
#blocBC .inner2 {
	/*background: url(images/accueilBC.png) no-repeat 0 0;
	/*padding: 15px 25px 5px 115px;
	/*height: 109px;
}
#blocBD .inner2 {
	/*background: url(images/accueilBD.png) no-repeat 0 0;
	/*padding: 15px 25px 5px 115px;
	/*height: 109px;
}

/******************/
/* Panier Etape 1 */
/******************/
div.panierEtape1 {
	background: #EDFCE4;
  padding: 10px;
}
.panierEtape1 button {
	border-color: #6495D4;
	font-weight: bold;
	font-style: italic;
	margin: 3px 6px;
	cursor: pointer;
	background-color: #EE1D24;
	color: #000;
	font-size: 13px;
}