/******** Default rules for tag ********/
* {
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #525052;
}

img, fieldset {
	border: 0
}

caption {
	display: none;
}

strong {
	font-weight: bold;
}

ol, ul {
	list-style-type: none;
}

dt {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #525052;
}

a:hover {
	text-decoration: none;
}

div {
	text-align: left;
}

form {
	
}

label {
	display: block;
	margin: 6px 0;
}

input, select, textarea {
	border: 1px solid #B2B7B2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

textarea {
	overflow: auto;
}

legend {
	font-size: 11px;
	color: #525052;
	font-weight: bold;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	color: #525052;
	font-weight: bold;
}

h5 {
	font-size: 11px;
	color: #525052;
	font-weight: bold;
}

h6 {
	font-size: 11px;
	color: #525052;
	font-weight: bold;
}

/********** Tree of common classes for all the templates ********/
.clear {
	height: 0;
	clear: both;
}

.form_button {
	font-size: 11px;
	font-weight: bold;
	background: url(/cmmfront/images/bgd_form_button.gif) top;
	border: 1px solid #B2B7B2;
}

.form_input {
	border: 1px solid #B2B7B2;
}

.produit_illus {
	float: left;
	display: block;
	border: 0;
	text-align: center;
}

.produit_elements_marque {
	font-size: 10px;
	color: #525252;
	text-transform: uppercase;
}

.produit_elements_reduction {
	color: #FF0000;
}

.produit_elements_ico {
	padding: 5px 5px 0 2px;
	display: inline;
	border-right: 1px solid #CECECE;
}

.produit_elements_points {
	font-weight: bold;
	color: #2D9400;
	line-height: 18px;
	white-space: nowrap;
	padding: 0 0 0 5px;
	display: inline;
}

.produit_elements_prix strong {
	font-size: 24px;
	color: #000000;
}

.auLieu {
	color: #FF0000;
}

.listProducts_image {
	width: 65px;
	padding: 5px;
	overflow: hidden;
	float: left;
}

#main .listProducts_image a:hover span {
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: hand;
}

.listProducts_label {
	width: 160px;
	padding: 5px;
	float: left;
}

.listProducts_label ul {
	padding: 5px 0;
}

.listProducts_label dt a:hover {
	text-decoration: underline;
}

.nonDisponible_layer {
	display: block;
	position: absolute;
	width: 71px;
	height: 71px;
	z-index: 888;
}

.dansCadencier .nonDisponible_layer {
	border: 1px solid #8a8989;
	width: 67px;
	height: 65px;
}

.nonDisponible .nonDisponible_layer {
	background-color: #000000;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.nonDispoPlusCadencier .nonDisponible_layer {
	background-color: #000000;
	width: 69px;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	border: 1px solid #666;
}

.listProducts_infos {
	display: block;
	color: #FFF;
	font-size: 11px;
	line-height: 10px;
	position: absolute;
	width: 71px;
	z-index: 999;
	margin: 9px 0;
	padding: 2px 0 0 0;
}

.listProducts_infos img {
	display: block;
}

.listProducts_infos span {
	display: block;
	margin: 0 5px;
}

.nonDisponible .listProducts_infos {
	color: #FFFFFF;
}

.dansCadencier .listProducts_infos {
	color: #FF0000;
	padding: 44px 0 0 0;
}

.dansCadencier .listProducts_infos  span {
	background-color: #FFFFFF;
	width: 60px;
	margin: 0 2px;
	padding: 0 0 0 5px;
}

.nonDispoPlusCadencier .listProducts_infos {
	padding: 10px 0 0 1px;
	width: 71px;
}

span.nonDispoPlusCadencier_infos {
	display: block;
	color: #FF0000;
	background-color: #FFFFFF;
	margin: 2px 0 0 0;
	padding: 0 0 0 5px;
}

#produitsListe .listProducts_label li {
	width: auto;
	border-bottom: none;
}

#produitsListe .listProducts_label img {
	padding: 0;
}

#produitsListe .produit_illus {
	display: block;
	position: absolute;
	z-index: 0;
	float: none;
	max-width:65px;
	max-height:108px;
}

#produitsListe .nonDisponible_layer {
	margin: 9px 0 0 0;
}

.listProducts_choice {
	width: 110px;
	padding: 55px 5px 5px 15px;
	float: right;
}

.listProducts_choice h5 {
	padding: 0 0 5px 0;
}

.listProducts_choice p {
	font-size: 10px;
	color: #FF0000;
}

.listProducts_choice img {
	float: left;
}

.listProducts_quantity {
	width: 110px;
	padding: 5px 5px 5px 15px;
	float: left;
}

.listProducts_quantity h5 {
	padding: 0 0 5px 0;
}

.listProducts_quantity p {
	color: #FF0000;
}

.listProducts_quantity dd {
	white-space: normal;
}
/*BEGIN TG SPECIFICS*/
/*
    .listProducts_quantity fieldset {width:57px; border:1px solid #B2B7B2; margin:0 0 10px 0;}
    */
.listProducts_quantity fieldset {
	width: 110px;
	border: 1px solid #B2B7B2;
	margin: 0 0 10px 0;
}
/*END TG SPECFICS*/
.listProducts_quantity fieldset input {
	width: 25px;
	height: 17px;
	padding: 1px 0 0 0;
	float: left;
	border: none;
	display: inline;
	text-align: center;
}

.listProducts_quantity fieldset img {
	float: left;
}

.listProducts_quantity label {
	margin: 0 0 2px 0;
}

.listProducts_quantity form {
	padding: 0 0 0 10px;
}

.pager {
	text-align: center;
	margin: 0 0 15px 0;
}

.pager li {
	display: inline;
	padding: 0 5px;
}

.pager li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 6px;
}

.pager li a:hover {
	color: #fff;
	text-decoration: none;
	background-color: red;
}

.pager li span {
	background-color: red;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	padding: 0 6px;
}

/************ Block Beneath *****************/
#content .highlightListContent .blockBeneath {
	width: 238px;
	background: url(/cmmfront/images/bgd_block_beneath.gif) bottom;
	padding: 5px;
	border: none;
	margin: 0;
}

.blockBeneath h5 {
	padding: 0 0 5px 0;
}

.blockBeneath h5 span {
	font-weight: normal
}

.highlightListContent .blockBeneath form {
	width: 238px;
	padding: 0;
	margin: 0
}
/*BEGIN TG SPECIFICS*/
/*
	#content .highlightListContent .blockBeneath div { width:95px; float:left; padding:0; margin:0; border-bottom:none; clear:none; }
   	.blockBeneath fieldset input {width:25px; height:15px; padding:1px 0 0 0; float:left; display:inline; text-align:center}	
	*/
#content .highlightListContent .blockBeneath div {
	width: 115px;
	float: left;
	padding: 0;
	margin: 0;
	border-bottom: none;
	clear: none;
}

.blockBeneath fieldset input {
	width: 25px;
	height: 18px;
	padding: 1px 0 0 0;
	float: left;
	display: inline;
	text-align: center
}
/*END TG SPECIFICS*/
.blockBeneath fieldset img {
	float: left;
}

.blockBeneath .commander {
	float: right;
	padding: 0 5px 0 0;
	border: none
}

.blockBeneath .total {
	padding: 0
}

.blockBeneath .arrow {
	float: right;
	padding: 0 5px 0 0
}

/********** scroller styles *********************/
.smScrollContent {
	overflow: hidden;
	float: left;
}

.smScroller {
	width: 11px;
	margin: 0;
	float: left;
}

.smScroller a {
	text-decoration: none;
}

.smScrollUp {
	width: 11px;
	height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.smScrollDn {
	width: 11px;
	height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.smScrollDx {
	width: 11px;
	height: 231px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.smScrollDx a {
	width: 11px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
	display: block;
}

/********** Tree of common styles for all the templates ********/
/* #globalContainer {background:url(/cmmfront/images/bgd_main.jpg) no-repeat center top;} */
#globalContainer01 {
	background: url(/cmmfront/images/bgd_main_01.jpg) no-repeat center top;
}

/*MAIN*/
#main {
	width: 950px;
	margin: 0 auto;
	background: url(/cmmfront/images/bgd_infosClient.gif) 750px 0 repeat-y;
	overflow: hidden;
	position: relative
}

#main01 {
	width: 968px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: url(/cmmfront/images/bgd_main_content_bottom.gif) 0 100%
		no-repeat;
}

#catalog {
	width: 740px;
	float: left;
	padding: 4px 0 0 10px;
	background: url(/cmmfront/images/bgd_mast.gif) 0 108px no-repeat
}

#mast {
	width: 730px;
	float: left;
	margin: 0 0 10px 0;
}

#mast.type {
	width: 968px;
}

#mast h1 {
	float: left;
	margin: 0 0 5px 0;
}

#mast h2 {
	float: right;
	margin: 20px 10px 0 0;
}
/*Header*/
#header {
	width: 918px;
	height: 290px;
	float: left;
	background: url(/cmmfront/images/illus_banner_01.png) 0 0 no-repeat;
	overflow: hidden;
	padding: 10px 50px 0 20px
}

#header h2 {
	float: right;
	margin: 20px 0 0 0;
	padding: 0
}

#header a {
	float: left;
}

.iconTrans {
	float: right;
	margin: 10px 10px 0 0;
}

.menuLev2 {
	border-bottom: 1px solid #525051;
}

#lev1 {
	width: 100%;
	clear: both;
}

#lev1 li {
	height: 25px;
	margin: 0 1px;
	display: inline;
}

#lev1 img {
	display: block;
	float: left
}

#lev1 .tab_cadencier {
	float: right;
	margin: 0 10px 0 0;
	padding: 6px 0 0 0;
	height: 19px
}

#lev1 .tab_cadencier * {
	float: left;
	display: inline;
	height: 12px;
	padding: 0;
	margin: 0
}

#lev1 .tab_cadencier label {
	color: #525052;
	font-weight: bold;
}

#lev1 .tab_cadencier input {
	margin: 0 3px;
	border: 0;
}

#lev1 {
	width: 100%;
	clear: both;
}

#lev1 .last {
	float: right
}

/* main big menu */
#lev2 {
	width: 724px;
	height: 265px;
	overflow: hidden;
	background: url(/cmmfront/images/bgd_navigation.gif) top;
	padding: 0;
	border: 1px solid #FF0000;
	overflow: hidden;
	clear: both;
}

#lev2 * {
	line-height: 1em;
}

#lev2 ul {
	width: 179px;
	height: 245px;
	border-left: 1px solid #c6c0c6;
	border-right: 1px solid #fff;
	padding: 10px 0;
	overflow: hidden;
	float: left;
}

#lev2 li {
	color: #525252;
	font-weight: bold;
	display: inline;
}

#lev2 li a {
	height: 27px;
	margin: 0;
	padding: 0 3px;
	display: block;
}

#lev2 li img {
	width: 27px;
	height: 27px;
	margin: 0 3px 0 0;
	display: block;
	float: left;
}

#lev2 li span {
	padding: 3px 0 0 0;
	display: block;
	cursor: pointer;
}

#lev2 li em {
	font-style: normal;
	visibility: hidden;
}

#lev2.purchased li em {
	visibility: visible;
}

/* extend behaviors & menu type */
a.colorbf4346:hover, a.colorbf4346Selected, a.colorbf4346Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type1.gif) 0 100% repeat-x;
}

a.colorfab900:hover, a.colorfab900Selected, a.colorfab900Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type2.gif) 0 100% repeat-x;
}

a.colorca9046:hover, a.colorca9046Selected, a.colorca9046Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type3.gif) 0 100% repeat-x;
}

a.color91054a:hover, a.color91054aSelected, a.color91054aSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type4.gif) 0 100% repeat-x;
}

a.colore6713c:hover, a.colore6713cSelected, a.colore6713cSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type5.gif) 0 100% repeat-x;
}

a.colorb3b314:hover, a.colorb3b314Selected, a.colorb3b314Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type6.gif) 0 100% repeat-x;
}

a.color74c277:hover, a.color74c277Selected, a.color74c277Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type7.gif) 0 100% repeat-x;
}

a.color6967d8:hover, a.color6967d8Selected, a.color6967d8Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type8.gif) 0 100% repeat-x;
}

a.colorec8795:hover, a.colorec8795Selected, a.colorec8795Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type9.gif) 0 100% repeat-x;
}

a.colorf9c57c:hover, a.colorf9c57cSelected, a.colorf9c57cSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type10.gif) 0 100% repeat-x;
}

a.color009bd4:hover, a.color009bd4Selected, a.color009bd4Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type11.gif) 0 100% repeat-x;
}

a.color707071:hover, a.color707071Selected, a.color707071Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type12.gif) 0 100% repeat-x;
}

a.color70c9ee:hover, a.color70c9eeSelected, a.color70c9eeSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type13.gif) 0 100% repeat-x;
}

a.colore64890:hover, a.colore64890Selected, a.colore64890Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type14.gif) 0 100% repeat-x;
}

a.color3b37fe:hover, a.color3b37feSelected, a.color3b37feSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type15.gif) 0 100% repeat-x;
}

a.color874c0d:hover, a.color874c0dSelected, a.color874c0dSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type16.gif) 0 100% repeat-x;
}

a.colorff7800:hover, a.colorff7800Selected, a.colorff7800Selected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type17.gif) 0 100% repeat-x;
}

a.colora5349e:hover, a.colora5349eSelected, a.colora5349eSelected:hover
	{
	color: #FFFFFF;
	background: url(/cmmfront/images/bgd_menu_type18.gif) 0 100% repeat-x;
}

/* ajax menu classes with scroller */
#lev2 .smScrollContent {
	height: 245px;
}

#lev2 .smScroller {
	height: 265px;
	margin: 0;
	background: url(/cmmfront/images/bgd_scroll.gif) 0 0 no-repeat;
	padding: 0 2px;
	display: block;
}

#lev2 .smScrollDx {
	height: 235px;
}

#lev2 div.activated {
	width: 226px;
	height: 245px;
	padding: 10px 0;
	overflow: hidden;
	display: block;
	float: left;
}

#lev2 div.activated ul {
	width: 224px;
	height: auto;
	padding: 0 1px;
	border: 0 none;
	float: none;
}
/*BEGIN TG SPECIFICS*/
/*
					#lev2 div.activatedNoscroll {width:239px; height:245px; padding:10px 0; border-left:1px solid #c6c0c6; border-right:1px solid #fff; overflow:hidden; display:block; float:left;}
					*/
#lev2 div.activatedNoscroll {
	width: 239px;
	height: 245px;
	padding: 10px 0;
	border-left: 1px solid #c6c0c6;
	overflow: hidden;
	display: block;
	float: left;
}
/*END TG SPECIFICS*/
#lev2 div.activatedNoscroll ul {
	width: 235px;
	height: auto;
	padding: 0;
	border: 0 none;
	float: none;
}

#lev2 div.activated span, #lev2 div.activatedNoscroll span {
	padding: 3px 10px 0 0;
}

/*Ajax/Flash lev2*/
#lev2SubType {
	width: 730px;
	height: 200px;
	overflow: hidden;
	background: url(/cmmfront/images/bgd_lev2_ajax_flash.gif) 0 0 no-repeat;
	clear: both;
	padding: 2px 0 0 0
}

#lev2SubType * {
	line-height: 10px;
}

#lev2SubType li {
	color: #525252;
	font-weight: bold;
	display: inline;
}

#lev2SubType li a {
	height: 27px;
	margin: 0;
	padding: 0 3px;
	display: block;
}

#lev2SubType li img {
	width: 27px;
	height: 27px;
	margin: 0 3px 0 0;
	display: block;
	float: left;
}

#lev2SubType li span {
	padding: 3px 0 0 0;
	display: block;
	cursor: pointer;
}

#lev2SubType li em {
	font-style: normal;
}

/***************************************Scroll bar****************************************************/
#lev2SubType .smScrollContent {
	width: 190px;
	padding: 3px 0;
	height: 189px;
	overflow: auto;
	float: left;
}

#lev2SubType .smScroller {
	height: 198px;
	margin: 0;
	background: url(/cmmfront/images/bgd_scroll.gif) 0 0 no-repeat;
	padding: 0 2px;
	display: block;
}

#lev2SubType .smScrollDx {
	height: 166px;
}

#searchTools {
	width: 185px;
	float: left;
}

#searchTools form {
	color: #525252;
	padding: 8px;
	background: url(/cmmfront/images/bgd_searchTools.gif) top;
	border: 1px solid #d6d9d6;
}
/* #searchTools label{clear:both;} */
#searchTools input {
	border: 0;
	float: left;
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
}

#searchTools .form_input {
	border: 1px solid #B2B7B2;
	width: auto;
	margin: 5px 5px 0 0;
}

#searchTools .form_button {
	width: 22px;
	height: 17px;
	margin: 5px 0 0 0;
	text-align: center;
}

#searchTools .searchInfo {
	height: 1%;
	overflow: hidden;
}

#searchTools .first {
	background: url(/cmmfront/images/bgd_serperator_03.gif) top repeat-x;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

#searchTools textarea {
	width: 110px;
	height: 250px;
	padding: 0;
	margin: 0
}

#searchTools .form_button_lg {
	width: 42px;
	height: 17px;
	margin: 5px 0 0 0;
	text-align: center;
	float: left
}

#searchTools h3 {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	font-size: 11px;
	color: #525252;
}

#adContainer {
	margin: 8px 0 5px 0;
}

#content {
	float: left;
	width: 541px;
	padding: 0 0 0 10px;
}

#content dl {
	color: #525252;
	padding: 5px 0 0 0
}

#content  dt {
	font-weight: bold;
	color: #525252;
	text-transform: uppercase;
}

#infosClient {
	color: #525052;
	text-align: center;
	width: 190px;
	float: right;
	background: #f61100;
	padding: 5px;
}

#infosClient h3 {
	text-align: center;
	margin: 5px 0 0 0;
}

#infosClient div {
	text-align: left;
	background: #FEFEFE;
	margin: 0 5px;
	padding: 0 5px 10px 5px;
}

#infosClient form {
	margin: 0 5px;
}

#infosClient a {
	display: block;
	color: #FF0000;
	outline: none;
}

#infosClient a:hover {
	text-decoration: underline;
}

#infosClient .deconnexion {
	text-align: right;
	padding: 5px;
	border-bottom: 1px solid #B61509;
}

#infosClient .deconnexion input {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	border: 0;
	background: url(/cmmfront/images/btn_deconnexion.gif) no-repeat;
	width: 91px;
	height: 14px;
	cursor: pointer;
}

#infosClient .date {
	color: #FFFFFF;
	padding: 5px 0;
}

/* "Mon espace client" */
#customer p {
	border-bottom: 1px dotted #525052;
	border-top: 1px dotted #525052;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#customer span {
	color: #009933 !important;
}
/* "Mes contacts" */
#contacts {
	background: url(/cmmfront/images/bgd_mes_contacts.gif) repeat-x bottom;
}

#contacts ul {
	display: table;
	margin: 0 0 3px 0;
}

#contacts li {
	text-align: center;
	display: block;
	width: 85px;
	height: 18px;
	padding: 3px 0 0 0;
	float: left;
}

#contacts li a {
	color: #525052;
	text-decoration: none;
}

#contacts li a:hover {
	color: #525052;
	text-decoration: none;
}

#contacts .commercial_on {
	background: url(/cmmfront/images/btn_commercial_on.gif) no-repeat right;
}

#contacts .commercial_on a {
	font-weight: bold;
}

#contacts .commercial_off {
	background: url(/cmmfront/images/btn_commercial_off.gif) no-repeat right;
}

#contacts .commercial_off a {
	font-weight: normal
}

#contacts .televendeuse_on {
	background: url(/cmmfront/images/btn_televendeuse_on.gif) 0 0 no-repeat
}

#contacts .televendeuse_on a {
	font-weight: bold;
}

#contacts .televendeuse_off {
	background: url(/cmmfront/images/btn_televendeuse_off.gif) no-repeat
		left
}

#contacts img {
	float: left;
	margin: 0 5px 5px 0;
}

#contacts dd {
	float: left;
}

#contacts dt {
	float: left;
}

#contacts a {
	color: #525052
}

#contacts .tel {
	display: block;
	float: none;
	clear: both;
	padding: 0;
	line-height: 30px;
	border-top: 1px solid #BFBDBF;
	border-bottom: 1px solid #BFBDBF;
}

#contacts .fax {
	display: block;
	float: none;
	clear: both;
	padding: 0;
	line-height: 30px;
	border-bottom: 1px solid #BFBDBF;
}

#infosClient .contacts {
	margin: 0;
	padding: 0;
	background: none;
}

.contactsHide {
	position: absolute;
	top: -10000px;
	left: -5000px;
	display: none
}
/* "Infos deliverys" */
#delivery p {
	padding: 10px 0 0 0;
}
/* "Ma commande" */
div#purchase {
	padding: 0;
	margin-bottom: 10px;
}

#purchase form {
	padding: 0 !important;
	margin: 0;
}

#purchase h4 {
	font-size: 1em;
	height: 24px;
	line-height: 24px;
	background-color: #FF0000;
	background-image: url(/cmmfront/images/bgd_basket_title.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

#purchase h4.colorbf4346 {
	background-color: #bf4346;
}

#purchase h4.colorfab900 {
	background-color: #fab900;
}

#purchase h4.colorca9046 {
	background-color: #ca9046;
}

#purchase h4.color91054a {
	background-color: #91054a;
}

#purchase h4.colore6713c {
	background-color: #e6713c;
}

#purchase h4.colorb3b314 {
	background-color: #b3b314;
}

#purchase h4.color74c277 {
	background-color: #74c277;
}

#purchase h4.color6967d8 {
	background-color: #6967d8;
}

#purchase h4.colorec8795 {
	background-color: #ec8795;
}

#purchase h4.colorf9c57c {
	background-color: #f9c57c;
}

#purchase h4.color009bd4 {
	background-color: #009bd4;
}

#purchase h4.color707071 {
	background-color: #707071;
}

#purchase h4.color70c9ee {
	background-color: #70c9ee;
}

#purchase h4.colore64890 {
	background-color: #e64890;
}

#purchase h4.color3b37fe {
	background-color: #3b37fe;
}

#purchase h4.color874c0d {
	background-color: #874c0d;
}

#purchase h4.colorff7800 {
	background-color: #ff7800;
}

#purchase h4.colora5349e {
	background-color: #a5349e;
}

#purchase ul {
	padding: 0;
}

#purchase li {
	font-weight: bold;
	text-align: left;
	padding: 0;
	border-bottom: 1px dotted #525052;
}

#purchase li li {
	width: 165px;
	padding: 1px 0 1px 15px;
	background: url(/cmmfront/images/ico_arrow.gif) 6px 4px no-repeat;;
	border: 0 none;
	overflow: hidden;
}

#purchase li li span {
	width: 95px;
	padding: 2px 5px 2px 0;
	float: left;
}

#purchase li li fieldset {
	float: right;
}

#purchase li li fieldset * {
	float: left;
}

#purchase li li input {
	width: 25px;
	height: 16px;
	font-weight: normal;
	text-align: center;
}

#purchase a {
	color: #525052;
	display: inline;
}

#purchase p {
	color: #FF0000;
	padding: 5px;
}

#purchase .total {
	height: 13px;
	border-bottom: 1px dotted #525052;
}

#purchase p strong {
	display: block;
	float: left;
}

#purchase p span {
	font-weight: bold;
	float: right;
	display: block;
	padding: 0 10px 0 0;
}

#purchase .commander {
	text-align: center;
	padding: 10px;
}

#basketSubmit {
	border: 0 none;
}

div#illus_egourmet {
	margin: 5px 0 0 0;
	padding: 0 2px 0 2px;
	text-align: center;
	background: red;
}

#SGS {
	margin: 0;
	position: relative;
	bottom: 10px;
	left: 860px;
}

/******** Tree of specific styles for each page (group by templates, starting with the homepage) ********/

/* catalog home Page */
#content .highlightList {
	width: 260px;
	float: left;
	padding: 0 10px 0 0;
	margin: 0 0 10px 0;
}

#content .last {
	margin: 0;
}

#content .highlightList .highlightListContent {
	border: 1px solid #E9E9E9;
	padding: 5px;
	clear: left;
}

#content .highlightListContent div {
	border-bottom: 1px dotted #525052;
	padding: 5px 0;
	overflow: hidden;
	clear: both;
}

#content .highlightListContent .produit_illus {
	border: 0;
	padding: 5px 0;
	margin: 0;
	width: 90px;
}

#content .highlightListContent dl {
	margin: 0 0 0 95px;
}

.highlightListContent div ul {
	width: 150px;
	overflow: hidden;
}

.highlightListContent div li img {
	display: block;
}

.highlightListContent dt a:hover {
	text-decoration: underline;
}

#content .highlightList h3 {
	
}

#content .highlightList h3 img {
	float: left;
}

#content .highlightList h3 span {
	display: block;
	padding: 6px 0 0 0;
	margin: 0 0 0 80px;
	color: #007576;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#content .highlightList p a {
	display: block;
	margin: 10px;
}

#content .highlightList .dejaCommande {
	font-size: 11px;
	color: #FF0000;
	overflow: hidden;
}

#content .highlightList .dejaCommande img {
	float: left;
}

/*BEGIN TG SPECIFICS*/
#content .highlightListCate .dejaCommande {
	font-size: 11px;
	color: #FF0000;
	overflow: hidden;
}

#content .highlightListCate .dejaCommande img {
	float: left;
}
/*END TG SPECIFIS*/

/* temporary display for block in Flash */
#highlightMain {
	width: 530px;
	height: 198px;
	margin: 0 0 10px 0;
}

#highlightMain h3 {
	color: #FFFFFF;
	padding: 5px 10px;
}

#highlightMain h4 {
	font-size: 14px;
	width: 280px;
	color: #FFFFFF;
	padding: 0 10px;
}

.buttonPanel {
	padding: 20px 10px;
}

.buttonPanel a {
	width: 200px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 22px;
	display: block;
}

.buttonPanel a:hover {
	color: #FFFFFF;
	background: #000000 !important;
}

.productPanel {
	width: 210px;
	height: 188px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	left: 300px;
}

.productPanel * {
	color: #FFFFFF;
}

.productPanel h6 {
	font-weight: bold;
	padding: 10px 0;
	clear: both;
}

.productPanel img, .productPanel span {
	margin: 0 10px 10px 0;
	padding: 0;
	display: block;
	float: left;
}

#lev2SubType #highlightMain {
	float: right;
}

/* highlight "pains express trans saveur" */
#highlight_MDD {
	width: 530px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

#highlight_MDD h3 {
	float: left
}

#highlight_MDD h3 img {
	float: none;
}

#highlight_MDD img {
	float: left;
	display: block;
}

#highlight_MDD p {
	color: #FFFFFF;
	width: 291px;
	height: 56px;
	background: url(/cmmfront/images/bgd_highlight_pains_express.jpg)
		no-repeat;
	padding: 8px 18px;
	float: left;
}

#highlight_MDD p a {
	color: #FFFFFF;
	background: url(/cmmfront/images/bullet_04.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
	text-decoration: underline;
	display: block;
}

/* produit elements*/
.produitElements ul {
	padding: 5px 0;
}

.produitElements li {
	font-weight: bold;
	color: #2D9400;
	background: url(/cmmfront/images/bullet_02.gif) 0 0 no-repeat;
	padding: 0 4px 0 6px;
	display: inline;
	float: left;
}

.produitElements .first {
	padding-left: 0;
	background: none;
}

.produitElements li span {
	font-weight: bold;
	color: #2D9400;
	line-height: 18px;
}

/* list of products (catalogue-liste) */
#head_produitsListe {
	width: 541px;
	overflow: hidden;
}

#head_produitsListe a {
	color: #D67E01;
	text-decoration: underline;
}

#head_produitsListe h3 {
	font-weight: bold;
	color: #525052;
}

#head_produitsListe h4 {
	color: #D67E01
}

#head_produitsListe h4 span {
	font-size: 11px;
	font-weight: normal
}

#head_produitsListe .linkText {
	color: #D67E01
}

#head_produitsListe img {
	float: left;
	padding: 0 5px 10px 0
}

#head_produitsListe form {
	margin: 5px 0 10px 0;
}

#head_produitsListe form label {
	display: inline;
}

#head_produitsListe select {
	width: 115px;
}

#content #produitsListe {
	width: 531px;
	background: url(/cmmfront/images/bgd_produitsListe.gif) repeat-y right
		!important;
	overflow: hidden;
}

#produitsListe li {
	width: 531px;
	border-bottom: 1px dotted #525052;
	float: left;
	overflow: hidden;
}

#produitsListe li .produit_illus {
	padding: 8px 0 0 0;
}

#produitsListe label {
	display: block;
	font-size: 10px;
	color: #525052;
}

#firstItem {
	border-top: 1px dotted #525052;
}

.firstItem {
	border-top: 1px dotted #525052;
}

#produitIntro {
	border-left: 1px solid #f9bc66;
	width: 465px;
	padding: 3px 0 3px 10px;
	float: left;
}

#produitIntro a {
	background: url(/cmmfront/images/bullet_03.gif) 0 5px no-repeat;
	padding: 0 0 0 10px;
}

#listeCommanderTop {
	width: 531px;
	overflow: hidden;
}

#listeCommanderTop a {
	width: 130px;
	text-align: center;
	display: block;
	border-right: 2px solid red;
	border-left: 2px solid red;
	border-top: 2px solid red;
	float: right;
	padding: 5px;
}

#listeCommanderTop a:hover {
	text-decoration: underline
}

#listeCommanderBottom {
	width: 531px;
	padding: 0 0 10px 0;
	overflow: hidden;
}

#listeCommanderBottom a {
	width: 130px;
	text-align: center;
	display: block;
	border-right: 2px solid red;
	border-left: 2px solid red;
	border-bottom: 2px solid red;
	float: right;
	padding: 5px;
}

/* one detailed product (fiche produit) */
#commandProduct {
	border-bottom: 1px dotted #525052;
	border-top: 1px dotted #525052;
	overflow: hidden;
}

#productVote {
	clear: both;
}

#productVote label {
	display: inline;
}

#highlight_ventes {
	float: right;
	width: 535px;
	background: url(/cmmfront/images/bgd_ventes.gif) 0 bottom no-repeat;
	padding: 0 0 10px 0;
	margin: 0 10px 30px 0;
	display: inline
}

.title {
	border: 1px solid #ebeaec;
	background: url(/cmmfront/images/bgd_h3_highlight_ventes.gif) 0 0
		repeat-x;
}

.title h3 {
	padding: 5px;
	color: #FFF
}

.contentVentes {
	
}

.contentVentes div {
	width: 240px;
	float: left;
	margin: 8px;
	padding: 0;
	overflow: hidden;
}

.contentVentes .produit_illus {
	width: 90px;
	margin: 0;
	overflow: visible;
}

.contentVentes dl {
	margin: 0 0 0 95px;
}

.contentVentes dt {
	text-transform: uppercase;
}

.contentVentes dt a:hover {
	text-decoration: underline;
}

.contentVentes .right {
	float: left;
	background: url(/cmmfront/images/bgd_line_ventes.gif) 0 50% repeat-y;
	margin: 10px 0;
	padding: 0 0 0 15px;
}

.contentVentes .right dl {
	border-bottom: 1px dotted #525052;
	overflow: hidden;
	float: left;
	margin: 0;
	width: 235px;
}

.contentVentes .right dt {
	float: left;
	margin: 0 15px 0 0;
	width: 104px;
}

.contentVentes .right dd {
	
}

.contentVentes .right .aulieuText {
	color: #ef1101;
	padding: 0 0 0 120px
}

.contentVentes .right .btnVoir {
	padding: 10px 0 0 0;
}

.highlightListCate {
	width: 261px;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
	text-align: center
}

.last {
	margin: 0;
}

.highlightListCate div {
	padding: 0;
	margin: 0 0 10px 0;
	border: 1px solid #e9e9e9;
	clear: both;
	overflow: hidden
}

.highlightListCate .produit_illus {
	border: 0;
	padding: 5px 0;
	width: 90px;
}

.highlightListCate dl {
	margin: 0 0 0 95px;
}

.highlightListCate dt a:hover {
	text-decoration: underline;
}

.highlightListCate h3 {
	height: 27px;
	padding: 3px 0 0 0;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#content .bgdYellow h3 {
	background: url(/cmmfront/images/bgd_h3_highlight_cate.gif) 0 bottom
		repeat-x;
}

#content .bgdOrange h3 {
	background: url(/cmmfront/images/bgd_highlight_offer_orange.gif) 0
		bottom repeat-x;
}

.highlightListCate h3 img {
	margin: 0 5px 0 5px;
	display: inline;
	vertical-align: middle
}

.highlightListCate h3 span {
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	display: inline;
	vertical-align: middle;
}

.highlightListCate div ul {
	width: 150px;
	overflow: hidden;
}

.highlightListCate div li img {
	display: block;
}

.highlightListCate p {
	padding: 2px 0 2px 75px;
	margin: 0 0 5px 0
}

.totalRayons {
	color: #FF5B02;
	font-size: 16px;
	margin: 5px 0 15px 0;
	padding-left: 0;
}

.totalRayons span {
	font-weight: bold
}

.totalRayons a {
	color: #FF5B02;
	text-decoration: underline;
}

.totalRayons a:hover {
	text-decoration: none
}

.titleTop {
	width: 257px;
	background: url(/cmmfront/images/bgd_title.gif) 0 0 repeat-x;
	background-color: #149092;
}

.titleTop img {
	float: left;
	padding: 0 5px 0 5px;
}

.titleTop .imgTitle {
	padding: 6px 0;
}

.titleTop h6 {
	color: #FFFFFF;
	padding: 0 5px 0 0
}

.titleTop a {
	color: #fff;
}

.highlightListCate .distance {
	margin: 0 0 33px 0;
}

#content .highlightListCate .blockBeneath {
	width: 249px;
	background: url(/cmmfront/images/bgd_block_beneath.gif) bottom;
	padding: 5px;
	border: none;
	margin: 0;
}
/*BEGIN TG SPECIFICS*/
/*
				#content .highlightListCate .blockBeneath div { width:95px; float:left; padding:0; margin:0; border:none; clear:none; }
			*/
#content .highlightListCate .blockBeneath div {
	width: 115px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	clear: none;
}
/*END TG SPECIFICS*/
#highlight_ventes .contentVentes .blockBeneath {
	width: 238px;
	background: url(/cmmfront/images/bgd_block_beneath.gif) bottom;
	padding: 5px;
	border: none;
	margin: 0;
}

#highlight_ventes .contentVentes .blockBeneath div {
	width: 95px;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
	clear: none;
}

.ficheProduit {
	
}

.ficheProduit h3 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.ficheProduit h4 {
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.ficheProduit ul {
	width: 526px;
	overflow: hidden;
	padding: 0;
}

.ficheProduit li {
	display: inline;
	float: left;
	background: url(/cmmfront/images/bullet_02.gif) no-repeat;
	padding: 0 2px 0 8px;
}

.ficheProduit li img {
	color: #2D9400;
	float: left;
}

.ficheProduit .btnImprimer {
	float: right
}

#head_produitsListe .ficheProduit li span {
	font-weight: bold;
	font-size: 12px;
	color: #2D9400;
	line-height: 18px;
	text-decoration: none;
}

.ficheProduit .first {
	background: none;
	padding-left: 0
}

.ficheProduit .right2 {
	background: none;
	float: right;
	border: 2px solid red;
	font-size: 14px;
	font-weight: bold;
}

#head_produitsListe .commandezProduits {
	font-size: 15px;
	background: url(/cmmfront/images/bgd_serperator_02.gif) repeat-x;
	padding: 10px 0 0 0;
	margin: 30px 20px 0 0;
	display: block;
}

#head_produitsListe .commandezProduits strong {
	display: block;
}

.produitFiche {
	width: 512px;
	overflow: hidden;
	padding: 8px 0 8px 0;
}

.produitFiche form {
	width: auto;
	background: none;
	padding: 0;
	margin: 0;
}

#head_produitsListe .produitFiche img {
	padding: 0;
	overflow: hidden
}

.produitFiche .clientSelection {
	width: 251px;
	float: left;
	margin: 0 0 0 16px;
	background: url(/cmmfront/images/bgd_dot.gif) bottom repeat-x;
	padding: 0 0 12px 0;
}

.produitFiche .listProducts_image {
	width: 236px;
	padding: 0;
	height: 236px;
	float: left;
	display:flex;
	justify-content:center;
}

.produitFiche .dansCadencier .nonDisponible_layer {
	background-color: #FFFFFF;
	width: 241px;
	height: 25px;
	border: 0;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	margin: 218px 1px 0 2px;
}

.produitFiche .listProducts_image .produit_illus {
	position: absolute;
	z-index: 0;
	max-width:236px;
	max-height:236px;
}

.produitFiche .dansCadencier .produit_illus {
	border: 2px solid #595858;
}

.produitFiche .dansCadencier .listProducts_infos {
	width: 241px;
	height: 25px;
	margin: 210px 1px 0 2px;
	padding: 15px 0 0 0;
}

.produitFiche .dansCadencier .listProducts_infos  span {
	background: 0;
	display: inline;
}

.clientSelection img {
	border: none
}

.clientSelection .dopcapsub {
	font-size: 18px;
	font-weight: bold;
}

#head_produitsListe .clientSelection .prix {
	width: 118px;
	padding: 0 10px 0 0;
}

#head_produitsListe .clientSelection .prix img {
	border: none;
}

.clientSelection .discount {
	font-size: 11px;
	color: #ef1101;
	font-weight: normal
}

.clientSelection .dopcap {
	font-size: 30px;
	font-weight: bold
}

#head_produitsListe .clientSelection dl {
	float: left;
	display: block;
	padding: 0;
}

.clientSelection dt {
	padding: 7px 0 5px 0;
}

.clientSelection dd span {
	font-size: 10px;
	color: #ef1101
}
/* BEGIN TG SPECIFICS*/
/*
	.clientSelection dd fieldset {width:57px; border:1px solid #B2B7B2;}
	*/
.clientSelection dd fieldset {
	width: 110px;
	border: 1px solid #B2B7B2;
}
/*END TG SPECIFICS */
.clientSelection dd input {
	width: 25px;
	height: 17px;
	padding: 1px 0 0 0;
	float: left;
	border: none;
	display: inline;
	text-align: center;
}

#head_produitsListe .clientSelection dd fieldset img {
	float: left;
	border: none;
}

.clientSelection label {
	font-size: 9px;
}

#head_produitsListe .commander img {
	float: right;
	margin: 15px 10px 0 0;
	border: none
}

#banner {
	
}

#head_produitsListe #banner img {
	float: none;
	display: block;
}

.cadencier {
	background: #efefef;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	width: 522px;
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	overflow: hidden
}

.cadencier p {
	clear: both;
	padding: 3px 0 3px 7px
}

.cadencier .arrow label {
	background: url(/cmmfront/images/ico_arrow.gif) 0 4px no-repeat;
	padding: 0 0 0 7px;
}

.cadencier .arrow .listlbl {
	color: #FF0000;
	font-weight: bold;
	background: none;
	padding: 0 7px
}

.cadencier .envoyer {
	border: none;
	padding: 10px 0 0 0;
	width: auto;
	padding: 0;
	height: auto;
	background: none;
}

.cadencier .choice {
	width: 12px;
	border: none;
	margin: 5px 0 0 10px;
}

.cadencier label {
	float: left;
	padding: 0 0 0 5px
}

.cadencier input {
	background: #EFEFEF;
	width: 235px;
	height: 16px;
	float: left;
	padding: 2px 7px 0 5px;
	border: 1px solid #B2B7B2;
	margin: 0 0 0 5px
}

.cadencier textarea {
	width: 490px;
	height: 70px;
	float: left;
	padding: 0 7px 0 5px;
	border: 1px solid #B2B7B2;
	margin: 0 0 7px 5px
}

.descriptionProduct {
	margin: 0 0 10px 0;
	background: url(/cmmfront/images/bgd_description_top.gif) 0 26px
		no-repeat;
}

.descriptionProduct h3 {
	float: left;
	color: #FFF !important;
	font-size: 12px;
	height: 30px;
	background: url(/cmmfront/images/bgd_tit_ficheProduit_center.gif)
		repeat-x;
	padding: 5px 0 0 0;
}

.descriptionProduct .left {
	float: left;
	width: 15px;
	height: 26px;
	background: url('/cmmfront/images/bgd_tit_ficheProduit_left.gif')
		no-repeat scroll 0 0 transparent;
}

.descriptionProduct .right {
	float: left;
	width: 15px;
	height: 26px;
	background: url('/cmmfront/images/bgd_tit_ficheProduit_right.gif')
		no-repeat scroll 0 0 transparent;
}

.descriptionProduct ul {
	float: left
}

.descriptionProduct .ingredients {
	float: none;
}

.descriptionProduct .textOnly {
	padding: 5px 0 0 25px
}

#head_produitsListe .descriptionProduct ol.ingredients {
	width: 480px;
	padding: 0 0 10px 0;
	margin: 0;
	float: left;
	display: inline;
}

#head_produitsListe .descriptionProduct .ingredients li {
	width: auto;
	display: block;
	border: none;
	float: left;
	padding: 0 5px 0 0
}

.descriptionBottom {
	background: url(/cmmfront/images/bgd_description_bottom.gif) no-repeat;
	width: 522px;
	height: 10px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

.contentdescription {
	clear: both;
	background: #FFECC7;
	width: 480px;
	border-left: 1px solid #f99b45;
	border-right: 1px solid #f99b45;
	padding: 12px 20px 0 20px;
	overflow: hidden;
}

#head_produitsListe .contentdescription h4 {
	width: 460px;
	color: #525052;
	padding: 0 0 5px 0;
}

.contentdescription div {
	width: 480px;
	padding: 0;
	float: left;
}

.contentdescription div p {
	padding: 0 0 15px 0;
}

.contentdescription div strong {
	text-transform: uppercase;
}

.contentdescription .last {
	width: 190px;
	padding: 10px 0 0 0
}

.contentdescription .valeurNutri {
	width: auto;
	float: none;
	padding: 5px 10px;
}

#head_produitsListe .contentdescription .valeurNutri h4 {
	font-size: 11px;
	color: #525052;
}

.contentdescription .valeurNutri th {
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
	width: 100px
}

.contentdescription .valeurNutri td {
	border-right: 1px solid #525052;
	padding: 5px 5px 5px 10px;
}

.contentdescription .valeurNutri .last {
	border-right: none;
	width: 100px;
}

.contentdescription .recipe {
	width: 480px;
	padding: 0 0 10px 0;
	float: none;
	overflow: hidden;
}

#head_produitsListe .contentdescription .recipe img {
	float: left !important;
	margin: 0 20px 0 0;
	padding: 0;
}

#head_produitsListe .contentdescription .recipe ul {
	font-size: 10px;
	float: left;
	width: 163px;
	padding: 0
}

.contentdescription .recipe strong {
	font-size: 11px;
}

#head_produitsListe .contentdescription .recipe li {
	background: none;
	text-transform: uppercase;
	display: block;
	float: none;
	padding: 0;
}

#head_produitsListe .contentdescription .recipe .ingreLast {
	color: #FFFFFF;
	background: #F8A851;
	width: 116px;
	border: 1px solid #e1d7bf;
	padding: 8px;
}

#head_produitsListe .contentdescription ol li {
	font-size: 10px;
	background: none;
	float: left;
	width: 160px;
	display: inline;
	line-height: 15px;
	padding: 0 20px 0 0;
}

#head_produitsListe .contentdescription ol .next {
	padding: 0 30px 0 0;
	width: 140px;
}

#head_produitsListe .contentdescription ol .last {
	padding: 0;
	width: 130px;
}

#productHeader {
	margin: 0 0 20px 0;
}

#productHeader h4 {
	color: #FCB044;
	padding: 3px 0 0 0;
	clear: right;
}

#productHeader p {
	font-size: 10px;
}

#productHeader div {
	margin: 0 0 0 45px;
	padding: 0;
}

#productHeader a {
	
}

#productHeader .productHeaderIco {
	float: left;
	width: 30px;
	height: 30px;
	padding: 5px;
	margin: 0;
	text-align: center;
}

#paging {
	background: url(/cmmfront/images/bgd_serperator.gif) repeat-x;
	width: 522px;
	margin: 0 0 15px 0;
	overflow: hidden;
}

#paging ul {
	width: 200px;
	float: left;
}

#paging li {
	display: inline;
	line-height: 29px;
	background: url(/cmmfront/images/bullet_01.gif) 0 3px no-repeat;
	padding: 0 2px 0 7px;
}

#paging .first {
	background: none;
	padding-left: 0;
}

#paging li a {
	font-size: 10px;
	text-decoration: underline;
}

#paging li a:hover {
	text-decoration: none;
}

#paging p {
	width: 84px;
	float: right;
	padding: 1px 0 0 0;
}

/* NOT available product alert layer */
#naProduct {
	width: 150px;
	border: 1px solid #000000;
	padding: 10px 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

/*footer
*******************/
#footer {
	width: 965px;
	margin: 0 auto;
	padding: 40px 0 10px 35px;
	overflow: hidden; /*border-top:#525053 solid 20px; */
	background: #FFFFFF url(/cmmfront/images/bgd_footer.gif) 16px 0
		no-repeat;
}

#footer h3 {
	color: #EC1203;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 14px;
	line-height: 13px;
	padding: 0 0 10px 0
}

#footer h3 strong {
	font-weight: bold;
	display: block
}

#upperFooter {
	width: 229px;
	float: left;
	margin: 0 25px 0 0;
}

#upperFooter ul {
	width: 224px;
	float: left;
	background: url(/cmmfront/images/bgd_upperFooter.gif) 100% 100%
		no-repeat;
	padding: 0 5px 5px 0;
	overflow: hidden
}

#upperFooter li {
	text-transform: uppercase;
	font-weight: bold;
	background: url(/cmmfront/images/bgd_li_upperFooter.gif) 0 50% no-repeat;
	padding: 5px 0 5px 23px;
	border: #FFF solid 1px;
	margin: 0 0 1px 0;
}

#upperFooter li a {
	padding: 0 0 0 0
}

#lowerFooter {
	width: 680px;
	float: left;
	background: url(/cmmfront/images/bgd_lowerFooter.gif) 0 0 repeat-y;
	overflow: hidden;
}

#lowerFooter h3 {
	margin: 0 0 0 25px
}

#lowerFooter ul {
	width: auto;
	float: left;
	padding: 0 10px;
	margin: 0;
}

#lowerFooter li {
	font-weight: bold;
	line-height: 16px
}

#lowerFooter li a {
	text-transform: uppercase;
	background: url(/cmmfront/images/ico_arrow.gif) 0 3px no-repeat;
	padding: 0 0 5px 10px
}

#lowerFooter .first {
	text-transform: uppercase
}

#lowerFooter .last {
	padding: 15px 0 0 0;
	text-transform: uppercase
}

#lowerFooter ul.first {
	width: 130px
}

#lowerFooter ul.second {
	width: 190px
}

#lowerFooter ul.third {
	width: 165px;
}

#lowerFooter ul.fourth {
	width: 120px;
	padding: 0;
}

.alertMsg {
	color: #FF0000;
}

.blockBeneath span.alertMsg {
	width: 130px;
	padding: 0;
	color: #FF0000;
	font-size: 9px;
	display: none;
	float: left;
	clear: both
}

#customer span.alertMsg {
	padding: 0;
	color: #FF0000 !important;
	font-size: 9px;
	display: block;
}

/*contentMain
	*******************/
#contentMain {
	width: 730px;
	overflow: hidden;
}

#contentMain h3 img {
	vertical-align: middle;
	margin: 0 5px 0 0
}
/*contentMain TYPE 01
		*******************/
#contentMain01 {
	width: 928px;
	margin: 0;
	top: -90px;
	position: relative;
	padding: 0 20px;
	overflow: hidden;
	background: url(/cmmfront/images/bgd_main_content.gif) 0 80px no-repeat;
}

.confirmation {
	border: 1px solid #ff1100;
	margin: 0;
	padding: 0;
}

.confirmation p {
	text-align: center;
	color: #ee192e;
	font-weight: bold;
	font-size: 15px;
	padding: 130px 250px
}

.confirmation p span {
	font-weight: 100;
	color: #666;
	font-size: 12px;
	display: block;
	padding: 10px 0;
}

.confirmation p img {
	padding-top: 10px;
}

.maCommande {
	width: 730px;
	height: 51px;
	overflow: hidden;
	margin: 0 0 1px 0;
	padding: 0;
}

.maCommande ul {
	float: right;
	height: 40px;
	margin: 11px 0 0 0;
	padding: 0;
}

.maCommande li {
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}

.detailMaCommende {
	background: #ff1100;
	width: 720px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 10px 5px;
	height: 18px;
}

.detailMaCommende a {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

.detailMaCommende li {
	float: left
}

.detailMaCommende .last {
	float: right
}

.frmClasser {
	margin: 0 0 20px 0;
}

.frmClasser label {
	display: inline;
	vertical-align: middle;
	margin: 0 5px 0 0;
}

.frmClasser select {
	display: inline;
	vertical-align: middle;
	width: 167px;
	padding: 1px 0;
}

.frmClasser input {
	display: inline;
	vertical-align: middle;
	border: 0 none
}

.frmClasser p {
	margin: 10px 0;
}

.frmClasser p a {
	background: url(/cmmfront/images/ico_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 8px;
	font-weight: bold;
	text-decoration: underline
}

.frmClasser p a:hover {
	text-decoration: none
}

.tblNomRayon {
	width: 700px;
	background: url(/cmmfront/images/bgd_line_dot.gif) 0 bottom repeat-x;
	margin: 0 0 10px 0;
	overflow: hidden
}

.tblNomRayon caption {
	visibility: hidden;
	height: 0;
}

.tblNomRayon th {
	font-size: 17px;
	font-weight: bold;
	vertical-align: top;
}

.tblNomRayon th img {
	display: inline;
	vertical-align: middle;
	margin: 0 8px 0 0;
}

.tblNomRayon .produit_illus {
	display: block;
	position: absolute;
	z-index: 0;
	float: none;
	padding: 0;
	margin: 0 8px 0 0;
}
/*BEGIN TG SPECIFICS*/
/*
		.tblNomRayon .listProducts_image { margin: 0 0 10px 0; height:71px; }
		*/
.tblNomRayon .listProducts_image {
	margin: 0 0 10px 0;
}
/*END TG SPECIFICS */
.tblNomRayon .dansCadencier .listProducts_infos {
	padding: 35px 0 0 0;
}

/*BEGIN TG SPECIFICS*/
/*
		.tblNomRayon td { background:url(/cmmfront/images/bgd_line_dot.gif) 0 0 repeat-x; width:60%; padding:5px 0 0 0;}
		*/
.tblNomRayon td {
	background: url(/cmmfront/images/bgd_line_dot.gif) 0 0 repeat-x;
	padding: 5px 0 0 0;
}

* /
	/*END TG SPECIFICS*/ 
		.tblNomRayon dl {
	background: url(/cmmfront/images/bgd_tbl_nom_right.gif) right 0 repeat-y;
	width: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 5px;
}

.tblNomRayon dt {
	text-transform: uppercase;
}

.tblNomRayon dt a:hover {
	text-decoration: underline;
}

.tblNomRayon .last {
	padding: 0 0 0 30px;
}

.tblNomRayon ul {
	clear: right
}

.tblNomRayon h6 {
	font-size: 12px;
}

.tblNomRayon p {
	text-transform: uppercase
}

.tblNomRayon .bgdOffer {
	background: url(/cmmfront/images/bgd_offer.gif) 0 0 no-repeat;
	width: 139px;
	height: 30px;
	padding: 5px 135px 5px 12px;
	text-transform: none;
	margin: 0 0 5px 0;
	overflow: hidden;
	clear: both;
	color: #fff;
}

.tblMaCommande {
	border-left: 2px solid #a5a5a5;
	border-right: 2px solid #a5a5a5;
	border-bottom: 2px solid #a5a5a5;
	margin: 0 0 15px 0;
}

.tblMaCommande th {
	background: #a5a5a5;
	padding: 5px;
	color: #fff;
	font-weight: bold
}

.tblMaCommande tr {
	background: #ececec;
	color: #525052;
}

.tblMaCommande td {
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	padding: 5px;
}

.tblMaCommande .bgdLast {
	background: #fff;
}

.tblMaCommande .bgdLast span {
	color: #ff1100;
	font-weight: bold
}

.tblMaCommande .bgdLast span a {
	color: #ff1100;
	font-weight: bold
}

.tblMaCommande .bgdLast p a {
	background: url(/cmmfront/images/ico_arrow.gif) 0 3px no-repeat;
	padding: 0 0 0 8px;
	font-weight: bold;
	text-decoration: underline
}

.tblMaCommande .bgdLast p a:hover {
	text-decoration: none
}

.tblMaCommande .first {
	width: 540px
}

.tblMaCommande .articles {
	width: 190px
}

.tblMaCommande .last {
	width: 73px
}

.accedez {
	background: #e7e7e7;
	width: 100%;
	overflow: hidden;
	font-weight: bold;
	clear: both;
	border-top: 1px solid #525051;
	border-bottom: 1px solid #525051;
	padding: 5px 0;
	text-align: center
}

.accedez a {
	color: #ff1100;
	text-decoration: underline
}

.accedez a:hover {
	color: #ff1100;
	text-decoration: none
}

.lev4 {
	background: url(/cmmfront/images/bgd_lev3.gif) 0 0 repeat-y;
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.lev4 dl {
	width: 170px;
	float: left;
	margin: 0 10px 0 0;
}

.lev4 dt {
	background: url(/cmmfront/images/ico_03.gif) 0 3px no-repeat;
	padding: 0 0 0 0;
}

.lev4 dd {
	padding: 0 0 0 8px;
}
/*		.lev4 .middle dd { margin:0 0 0 0px;}
		.lev4 .middle dt { background:none; padding:0 0 0 0px;}*/
.lev4 .last {
	margin: 0 0 0 10px;
}

.lev4 .last dt {
	background: none;
	padding: 0;
}

.lev4 span a {
	font-weight: bold;
	font-size: 11px;
	text-decoration: underline
}

.lev4 span a:hover {
	text-decoration: none
}

.tblNomRayon caption {
	display: block;
	text-align: left
}

/*commande validation
	*******************/
#highlightValidation {
	background: #db1203 url(/cmmfront/images/bgd_highlight_validater.gif) 0
		0 repeat-x;
	width: 709px;
	padding: 10px;
	overflow: hidden
}

#highlightValidation div {
	float: left;
	width: 153px;
	margin: 0 10px 0 0;
	padding: 4px 10px 10px 10px;
}

#highlightValidation span {
	display: block
}

#highlightValidation .space {
	padding: 10px 0 0 0
}

#highlightValidation .highlightValidation {
	background: url(/cmmfront/images/bgd_highligh_vaide_div.gif) 0 0
		repeat-y;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	clear: both
}

#highlightValidation .col_02 {
	width: 322px;
}

#highlightValidation .col_02 img {
	margin: 0 10px 10px 0;
	display: inline;
	vertical-align: middle
}

#highlightValidation .col_02 dt {
	margin: 0 0 8px 0;
}

#highlightValidation .col_02 dl {
	width: 152px;
	padding: 0 8px 0 0;
	float: left
}

#highlightValidation dt {
	margin: 8px 0 0 0;
}

#highlightValidation .col_03 {
	margin: 0;
}

#highlightValidation .col_03 input {
	margin: 5px 0 0 0;
	clear: both;
	display: block;
}

#highlightValidation .col_03 dt span {
	width: 125px;
	float: left
}

#highlightValidation .col_03 dt img {
	float: right;
	padding: 5px 0 5px 0;
}

#highlightValidation input {
	border: 1px solid #525052;
	width: 150px;
}

#highlightValidation .btnOk {
	width: 20px;
	height: 20px;
	float: right
}

.nomDuRayon {
	background: url(/cmmfront/images/bgd_line_dot.gif) 0 bottom repeat-x;
	width: 730px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.nomDuRayon caption {
	font-size: 17px;
	font-weight: bold;
	display: block;
	text-align: left;
	width: 200px;
	display: none
}

.nomDuRayon .caption {
	background: 0 none;
	font-size: 17px;
	font-weight: bold;
	padding: 5px 10px;
}

.nomDuRayon th {
	background: url(/cmmfront/images/bgd_th_nom.gif) 0 0 repeat-x;
	font-weight: bold;
	padding: 5px;
	line-height: 10px;
}

.nomDuRayon td {
	background: url(/cmmfront/images/bgd_line_dot.gif) 0 0 repeat-x;
	padding: 8px 0 0 0;
	vertical-align: top
}

.nomDuRayon .col_01 {
	width: 5%;
}

.nomDuRayon .col_01 img {
	padding: 2px;
}

.nomDuRayon .col_02 {
	width: 12%;
}

.nomDuRayon .col_03 {
	width: 6%;
}

.nomDuRayon .col_04 {
	width: 8%;
	padding-left: 10px;
}

.nomDuRayon .col_05 {
	width: 7%;
}

.nomDuRayon .col_06 {
	width: 9%;
	padding-left: 10px;
	font-weight: bold;
}

.nomDuRayon .col_07 {
	width: 8%;
}

.nomDuRayon .col_08 {
	width: 8%;
	padding-left: 10px;
	font-weight: bold
}

.nomDuRayon .produitOffert {
	background: color:#52502;
	background-image: none;
	text-transform: uppercase;
	width: 730px;
	height: 74px;
	overflow: hidden;
	padding: 0;
	border: 2px solid #A5A5A5;
}

.nomDuRayon .produitOffert img {
	float: left;
	margin: 4px 8px 4px 10px;
}

.nomDuRayon .produitOffert img.illusProduitOffert {
	display: block;
	float: right;
	margin: 0;
}

.nomDuRayon .produitOffert p {
	float: left;
	padding: 15px 0;
	font-weight: bold
}

.lev5 {
	background: url(/cmmfront/images/bgd_line_lev5.gif) right 0 repeat-y;
	width: 730px;
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.lev5 dl {
	width: 210px;
	float: right;
	margin: 0 0 0 10px;
}

.lev5 dt {
	padding: 0 0 0 8px;
}

.lev5 dd {
	padding: 0 0 0 25px;
}

.lev5 img {
	display: inline;
	vertical-align: middle
}

.lev5 .btnImprimer {
	margin-left: 115px;
}

.lev5 .optin {
	
}

.lev5 .optin input {
	float: left;
	margin: 0 5px 0 0;
	border: 0
}

.lev5 .optin a {
	text-decoration: underline
}

.lev5 .optin a:hover {
	text-decoration: none
}

/*error & confirm message*/
#error {
	width: 369px;
	text-align: center;
	background-color: #f7f7f7;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 999
}

#error .buttonExit {
	float: right;
}

#error .messages {
	font-size: 18px;
	color: #e20025;
	font-weight: bold;
	padding: 15px 0 0 0
}

#error .iconError {
	padding: 10px 0 0 0;
}

#confirm .confirmBtn {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 100px;
	height: 25px;
	line-height: 25px;
	background: #e20025;
	border: 2px solid #e20025;
	text-align: center;
	margin: 20px 0 0 55px;
	display: inline;
	float: left;
}

#confirm .confirmBtn:hover {
	color: #e20025;
	background: none;
}

/*change password form*/
#changePass {
	width: 406px;
	background-color: #f5f4f5;
	border: 1px solid #ccc;
	padding: 10px 20px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}

#changePass {
	width: 426px;
	background: url(/cmmfront/images/bgd_popupLayer.gif) 0 100% no-repeat;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}

#changePass form {
	width: 100%;
	overflow: hidden;
}

#changePass p {
	width: 100%;
	padding: 3px 0;
	display: table;
}

#changePass label {
	width: 300px;
	float: left;
}

#changePass label span {
	font-size: 9px;
}

#changePass input {
	width: 100px;
	padding: 3px 0;
}

#changePass input.btnValider {
	width: 81px;
	height: 22px;
	float: right;
	border: none;
	margin: 10px 0 0 0
}

#changePass img {
	float: right;
	margin: 0 0 5px 0;
}

#changePass li {
	width: 396px;
	padding: 5px 15px;
	float: left
}

#changePass label {
	width: 203px;
	color: #000;
	display: block;
	float: left;
}

#changePass input {
	width: 190px;
	padding: 3px 0;
	display: block;
	float: left;
}

#changePass input.btnValider {
	width: 81px;
	float: right;
	height: 22px;
	border: none;
	margin: 0
}

#changePass img {
	float: right;
	margin: 0 0 5px 0;
}

/*change password form*/
#changeInfosUser {
	width: 406px;
	background-color: #f5f4f5;
	border: 1px solid #ccc;
	padding: 10px 20px;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}

#changeInfosUser {
	width: 426px;
	background: url(/cmmfront/images/bgd_popupLayer.gif) 0 100% no-repeat;
	padding: 10px 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 999;
}

#changeInfosUser form {
	width: 100%;
	overflow: hidden;
}

#changeInfosUser p {
	width: 100%;
	padding: 3px 0;
	display: table;
}

#changeInfosUser label {
	width: 300px;
	float: left;
}

#changeInfosUser label span {
	font-size: 9px;
}

#changeInfosUser input {
	width: 100px;
	padding: 3px 0;
}

#changeInfosUser input.btnValider {
	width: 81px;
	height: 22px;
	float: right;
	border: none;
	margin: 10px 0 0 0
}

#changeInfosUser img {
	float: right;
	margin: 0 0 5px 0;
}

#changeInfosUser li {
	width: 396px;
	padding: 5px 15px;
	float: left
}

#changeInfosUser label {
	width: 203px;
	color: #000;
	display: block;
	float: left;
}

#changeInfosUser input {
	width: 190px;
	padding: 3px 0;
	display: block;
	float: left;
}

#changeInfosUser input.btnValider {
	width: 81px;
	float: right;
	height: 22px;
	border: none;
	margin: 0
}

#changeInfosUser img {
	float: right;
	margin: 0 0 5px 0;
}

.tblHistorique {
	background: url(/cmmfront/images/bgd_historique_tbl_content.gif) 0 0
		no-repeat;
	padding: 0;
}

.tblHistorique div {
	padding: 0 15px 30px 20px;
	background: url(/cmmfront/images/bgd_historique_tbl_b.gif) 0 100%
		no-repeat;
	overflow: hidden
}

.tblHistorique a {
	color: red;
}

.tblHistorique a:hover {
	text-decoration: underline;
}

.tblHistorique table th {
	width: 100px;
	font-weight: bold;
	padding: 5px 10px 5px 0;
	line-height: 10px;
	text-align: center
}

.tblHistorique table td {
	padding: 8px 20px 4px 0;
	vertical-align: top;
	border-bottom: 1px dotted #525052;
	text-align: center;
	text-align: right;
}

.tblHistorique table img {
	padding: 3px 0 3px 0;
	float: left;
	display: block;
	margin: 0 3px 0 0
}

.tblHistorique .txtAlign {
	width: 80px;
}

.tblHistorique .last {
	width: 180px;
	text-align: left;
	padding: 0 0 4px 0;
}

.tblHistorique img.historiqueAide {
	margin: 2px 0 0 0;
}

.tblHistorique .colType01 {
	width: 180px
}

.monEspaceClient {
	width: 730px;
	float: left;
	background: url(/cmmfront/images/bgd_mon_espace_client.gif) bottom right
		no-repeat;
	overflow: hidden;
	margin: 0 0 10px 0
}

.monEspaceClient img {
	float: left;
}

.monEspaceClient h3 {
	margin: 26px 0 0 50px;
	text-transform: uppercase;
	font-size: 22px;
	color: #dc0000;
}

.monEspaceClient ul {
	float: right;
	height: 48px;
	padding: 0 70px 0 0
}

.monEspaceClient li {
	float: left;
	padding: 30px 0 0 5px;
}

.monEspaceClient .spec li {
	float: left;
	padding: 30px 0 0 5px;
}

.monEspaceClient .icoMonEspace {
	vertical-align: top
}

.historiqueBlock {
	width: 730px;
	margin: 0 0 20px 0;
	background: url(/cmmfront/images/bgd_historique.gif) top no-repeat;
}

.historiqueBlock img {
	float: left;
	padding: 0 5px 0 0
}

.historiqueBlock h3 {
	color: #dc0000;
	padding: 15px 0;
}

.tblHistorique  #monbre {
	width: 130px;
}

/*FORM TYPE01
***************************/
.frmType01 ol {
	width: auto;
	overflow: hidden;
}

.frmType01 fieldset {
	float: left
}

.frmType01 ol.sec01 {
	width: 344px;
	overflow: hidden;
	float: left;
}

.frmType01 .sec01 li {
	width: 344px;
	padding: 0 0 8px 0;
}

.frmType01 .sec02 {
	width: 310px;
}

.frmType01 .sec03 {
	width: 250px;
}

.frmType01 ol.line {
	width: 403px;
	background: url(/cmmfront/images/bgd_line_dot01.gif) 0 100% repeat-x;
}

.frmType01 ol.line01 {
	width: 563px;
	background: url(/cmmfront/images/bgd_line_dot.gif) 0 100% repeat-x;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
}

.frmType01 li {
	width: auto;
	padding: 0 0 10px 0;
	margin: 0;
	display: inline;
	float: left;
}

.frmType01 li p {
	width: 120px;
	color: #FF0000;
	font-size: 10px;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	line-height: 12px;
	position: relative
}

.frmType01 li p.space {
	width: 300px;
	height: 8px;
	color: #FF0000;
	font-size: 10px;
	left: 170px;
	padding: 0;
	margin: 0;
	float: left;
}

.frmType01 fieldset li p {
	width: 160px;
	color: #FF0000;
	font-size: 10px;
	margin: 0;
	padding: 0 0 0 80px;
	float: left;
	position: relative;
	display: none
}

.frmType01 img {
	margin: 0 0 0 5px
}

.frmType01 .txt {
	color: #FF0000;
	padding: 10px 0
}

.frmType01 label {
	width: auto;
	float: left;
	padding: 0 10px 0 0;
	margin: 0
}

.frmType01 label.type01 {
	width: 315px;
	float: left;
}

.frmType01 label.type02 {
	width: 90px;
}

.frmType01 label.type03 {
	width: 70px;
}

.frmType01 select {
	width: 168px;
	height: 17px;
	float: left;
	padding: 0;
	margin: 0
}

.frmType01 textarea {
	width: 475px;
	float: left;
	padding: 0;
	margin: 0
}

.frmType01 input {
	width: 160px;
	float: left;
	margin: 0;
	padding: 2px 3px
}

.frmType01 input.btnCreer {
	width: 192px;
	height: 22px;
	border: 0;
	margin: 0 0 0 98px;
}

.frmType01 input.btnEnvoyer {
	width: 83px;
	height: 22px;
	border: 0;
	margin: 0 0 0 265px;
}

.frmType01 li.space {
	text-align: right
}

input.chekbox {
	width: 13px;
	border: 0;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

/*Hightlight Profil
***************************/
.hightlightProfil {
	width: 360px;
	padding: 0 0 5px 0;
	margin: 0 10px 0 0;
	overflow: hidden;
	float: left;
	background: url(/cmmfront/images/bgd_bottomProfil.gif) 0 100% no-repeat;
}

.hightlightProfil .contProfil {
	width: 360px;
	background: url(/cmmfront/images/bgd_contProfil.gif) 0 0 no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden
}

.hightlightProfil.last {
	margin: 0
}

.hightlightProfil p {
	padding: 10px 0 5px 10px;
}

.hightlightProfil p span {
	font-size: 12px;
	color: #ff1502;
	font-weight: bold;
}

.hightlightProfil a {
	color: #dc0000
}

.hightlightProfil h4 {
	font-size: 15px;
	font-weight: bold;
	color: #dc0000;
	text-transform: uppercase;
	overflow: hidden;
	padding: 0 0 5px 0;
}

.hightlightProfil h4 img {
	margin: 0 5px 0 0;
	float: left;
}

.hightlightProfil h4 span {
	display: block;
	padding: 12px 0;
	margin: 0 0 0 40px;
}

.hightlightProfil h4 span span {
	font-size: 11px;
	color: #525052;
	text-transform: none;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.hightlightProfil div {
	width: 344px;
	background: url(/cmmfront/images/bgd_dot01.gif) 0 100% repeat-x;
	margin: 0 8px 10px 8px;
	padding: 0 0 10px 0;
	overflow: hidden
}

.hightlightProfil div.last {
	background: none;
	margin: 0 8px 10px 8px;
	padding: 0 0 10px 0
}

.hightlightProfil dl {
	width: 344px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.hightlightProfil dt {
	width: 85px;
	font-weight: normal;
	float: left;
	padding: 6px 0;
	line-height: 14px
}

.hightlightProfil dd img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}

.hightlightProfil dd {
	width: 255px;
	float: left;
	padding: 6px 0;
	line-height: 14px
}

.hightlightProfil  .infosPersonnelles dl.listePartagee {
	padding: 0 0 0 11px;
}

.hightlightProfil .listeUneLigne dt {
	width: 160px;
}

.hightlightProfil .listeUneLigne dd {
	width: 180px;
}

.hightlightProfil dl.listePartagee {
	width: 340px;
	float: left
}

.hightlightProfil .listePartagee dt {
	width: 85px;
}

.hightlightProfil .listePartagee dd {
	width: 255px;
}

.hightlightProfil .listePartagee dd.sec {
	width: 75px;
}

.hightlightProfil .listePartagee dt.sec {
	width: 75px;
	text-align: center
}

.hightlightProfil .listePartagee .street-address {
	width: 200px;
}

.mesCoordonnees .listePartagee dd.postal-code {
	width: 50px;
}

.mesCoordonnees .listePartagee dt.libelleVille {
	text-align: left;
	width: 40px;
}

.mesCoordonnees .listePartagee dd.locality {
	width: 140px;
}

.hightlightProfil dl.listeFlottante {
	width: 160px;
	float: left;
}

.hightlightProfil .listeFlottante dt {
	width: 85px;
}

.hightlightProfil .listeFlottante dd {
	width: 75px;
}

.hightlightProfil .listeFlottante dt.alcoolLabel {
	width: 150px;
}

/*blockType
						***************************/
.hightlightProfil .blockType {
	width: 324px;
	background: #e1e0e1;
	border: #d4d3d4 solid 1px;
	padding: 10px;
	margin: 0;
	overflow: hidden
}

/*creation Compte
***************************/
.creationCompte {
	padding: 0 13px;
}

.creationCompte h4 {
	width: 320px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 18px
}

.creationCompte h4 span {
	color: #ff1100;
}

.creationCompte p {
	padding: 5px 0;
}

.creationCompte p span {
	font-size: 10px;
	display: block
}

.creationCompte div {
	width: 410px;
	border: #ff1100 solid 1px;
	padding: 10px 13px;
	margin-right: 25px;
	overflow: hidden;
	float: left;
}

.creationCompte div.last {
	margin-right: 0;
}

.creationCompte div.last p {
	margin-left: 50px;
}

.large h4 {
	width: 500px;
}

.large h3 {
	width: 500px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 10px 0;
	line-height: 18px
}
/*client Contact
***************************/
.clientContact {
	width: 906px;
	padding: 10px 10px 20px 10px;
	border: #ff1100 solid 1px;
	overflow: hidden
}

.clientContact h3 {
	padding: 0 0 20px 0;
}

.clientContact p {
	padding: 5px 0;
}

.clientContact .citationsClients {
	width: 230px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}

.citationsClients img {
	margin: 0 0 30px 0;
}

.citationsClients p {
	display: block;
}

.citationsClients span {
	color: #FF0000;
	font-weight: bold
}

.clientContact .devenezClients {
	width: 563px;
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 0 35px;
	border-left: #ff1100 solid 1px;
	overflow: hidden
}

.clientContact .line01 {
	width: 563px;
	padding: 0 0 15px 0;
	background: url(../cmmfront/images/bgd_line_dot.gif) 0 100% repeat-x;
	overflow: hidden;
}

/* Layer Calendrier */
#layerCalendrier {
	width: 572px;
	overflow: hidden;
	float: left
}

#layerCalendrier a:hover {
	text-decoration: underline;
}

#layerCalendrier h3 {
	background: url(/cmmfront/images/bgd_layer_calendrier_top.gif) 0 0
		no-repeat;
	padding: 8px 10px;
}

.layerCalendrierCont {
	width: 552px;
	background: url(/cmmfront/images/bgd_layer_calendrier_cont.gif) bottom
		no-repeat;
	padding: 10px;
	overflow: hidden;
}

.layerCalendrierCont h4 {
	float: left;
}

.layerCalendrierCont span {
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: right;
}

.layerCalendrierSubCont {
	width: 530px;
	background: url(/cmmfront/images/bgd_layer_calendrier_cont_sub.gif)
		bottom no-repeat;
	border-top: 1px solid #E9E9E9;
	padding: 15px 10px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.dottedLine {
	border-bottom: 1px dotted #525052;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0
}

.subContent {
	width: 532px;
	margin: 10px 0 0 0;
	overflow: hidden;
	clear: both;
}

.subContentTop {
	width: 522px;
	background: #d9d9d9;
	padding: 8px 5px;
	overflow: hidden;
	clear: both;
}

.subContentTop a, .subContentBottom a {
	float: right;
	font-weight: normal;
	font-size: 11px;
	display: block;
}

#layerCalendrier .subContentTop h4 {
	text-align: center;
	width: inherit;
	width: 365px;
}

.subContentTop .prec {
	float: left;
}

.subContentCenter {
	width: 550px;
	margin: 5px 0;
	overflow: hidden;
}

.subContentBottom a.prec {
	float: left;
}

.subContentCenter dl {
	width: 40px;
	float: left;
	padding: 0 2px;
}

.subContentCenter dt {
	font-weight: normal;
	font-size: 9px;
	text-align: center
}

.subContentCenter dd {
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	height: 32px;
	width: 28px;
	background-color: #e5e5e5;
	padding: 2px 4px;
}

.subContentCenter dd.disabled {
	color: #FFF;
	background: url(/cmmfront/images/ico_calendrier_vide.gif) no-repeat
		center;
}

.subContentCenter dd.current {
	color: #FFF;
	background-color: #ff2e14;
}

.subContentBottom {
	width: 522px;
	background: #d9d9d9;
	padding: 5px;
	overflow: hidden
}

.subContent .blockMessageError {
	border: 1px solid #FF0000;
	color: #FF0000;
	padding: 5px;
	margin: 10px 0 0 0
}

.contactList {
	margin: 5px 0 0 0;
	width: 400px;
	float: left
}

.contactList h5 {
	padding: 5px 0;
}

.contactList .infoContact {
	width: 190px;
	float: left;
	font-weight: normal;
	font-size: 11px
}

.validerButton {
	float: right;
	padding: 60px 0 0 0
}

/* auto-complete */
div.autocompleter-loading {
	float: left;
	clear: right;
	background: #fff url(images/spinner.gif) no-repeat center;
	width: 20px;
	height: 16px
}

ul.autocompleter-choices {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #eee;
	background-color: white;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index: 50
}

ul.autocompleter-choices li {
	position: relative;
	padding: 0.1em 1.5em 0.1em 1em;
	cursor: pointer;
	font-weight: normal;
	font-size: 1em
}

ul.autocompleter-choices li.autocompleter-selected {
	background-color: #ff0000;
	color: #fff
}

ul.autocompleter-choices span.autocompleter-queried {
	font-weight: bold
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
	{
	color: #ffffff
}
