@charset "utf-8";

body{
	background:#d5d5d5 url(../images/bkg_body_tile.jpg) center top repeat;
	background-color: #d10b0e;
	font-family: arial;
	padding: 0;
	margin: 0;
	text-align:center;
	color:#474648;
	behavior: url("scripts/csshover3.htc");
}

a img
{
	border: none;
}

.ui-effects-transfer, .transfer_element
{
	border: 1px dashed #666;
	z-index: 10000;
}

/*#########################################*/
/*###  Clear Fix  #########################*/

.clearfix:after 
{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
} 

.clearfix
{
	display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


/*#########################################*/
/*###  Light Box  #########################*/

#b_ctr, #b_ctr_friend
{
	position: absolute;
	top: 0;
	left: -9000px;
	z-index: 9999;
}

#b_ctr_friend
{
	text-align: left;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #900;
	-moz-border-radius: 12px; /* FF1+ */
  	-webkit-border-radius: 12px; /* Saf3+, Chrome */
    border-radius: 12px; /* Opera 10.5, IE 9 */
	background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #e3e3e3)); /* Safari & Chrome */
	/*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e3e3e3'); /* IE6 & IE7 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e3e3e3')"; /* IE8 */
    -moz-box-shadow: 0px 0px 10px #000; /* FF3.5+ */
    -webkit-box-shadow: 0px 0px 10px #000; /* Saf3.0+, Chrome */
    box-shadow: 0px 0px 10px #000; /* Opera 10.5, IE 9.0 */

}

#b_ctr_friend h2
{
	color: #999;
	font-size: 220%;
	margin: 0 0 20px 0;
}

/*#b_ctr_friend a
{
	display: block;
	height: 18px;
	background: url(../images/back_btn_passercommande_lc.gif) repeat-x;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin: 20px 0 0 0;
	font-size: 90%;
	width: 80px;
}*/

#btn_send_friend
{
	background:url("../images/back_datepicker_dates.png") repeat-x scroll 0 0 transparent;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:110%;
	font-weight:bold;
	height:25px;
	line-height:1.4em;
	padding:5px 15px 0;
	display: block;
	float: left;
}

#btn_send_friend:hover
{
	background:url("../images/back_datepicker_dates_hover.png") repeat-x scroll 0 0 transparent;
}

#b_ctr_friend .text_input
{
	padding: 6px;
	font-size: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #999;
	background-color: #FFFBEF;
	border: 1px solid #BFAF77;
}

#b_ctr_friend textarea
{
	padding: 8px;
	border: none;
	font-size: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #999;
	background-color: #FFFBEF;
	border: 1px solid #BFAF77;
}

#b_ctr_friend .text_input.input_focus, #b_ctr_friend textarea.textarea_focus, #b_ctr_newsletter .text_input.input_focus
{
	background-color: #fff6d8;
	color: #8a7a44;
}

#b_ctr_newsletter form.inscription {
	display: block;
	padding: 10px 0;
}
#b_ctr_newsletter p {
	margin: 0 0 5px;
}
#b_ctr_newsletter label
{
	clear: both;
	float: left;
	width: 85px;
	padding: 4px 0;
	font-size: 100%;
}
#b_ctr_newsletter .text_input
{
	padding: 3px 5px;
	width: 180px;
	border:solid 1px #999;
}
#b_ctr_newsletter p.send {
	margin: 10px 0 5px 85px;
}
#b_ctr_newsletter p.send input.button_ros[class] {
    width: auto;
}
#b_ctr_newsletter p.send .button_ros {
	padding: 8px 15px;
	height: auto !important;
}


#b_black
{
	background-color: #000;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9997;
	display: none;
}

#b_ctr_newsletter .button{
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
}

#send_friend_error_box, #nl_particulier_error_box, #nl_marchand_box
{
	display: none;
	border: 1px solid #FF6464;
	background-color: #FCC;
	color: #F00;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 0 15px 0 60px;
	background: url(../images/error_icone.png) no-repeat 5px 0;
	background-color: #FCC;
	margin: 0 0 20px 0;
}

#send_friend_error_box ul, #nl_particulier_error_box ul, #nl_marchand_box ul
{
	padding: 0 0 0 15px;
}

#b_loading
{
	position: absolute;
	top: -9000px;
	left: -9000px;
	display: none;
	z-index: 9998;
}
/*#########################################*/

a{
	color:#f20010;
	outline: none;
}

a:hover{
	color:#7da1ae;
	text-decoration:none;
}

p{
	margin-bottom:1em;
	line-height: 1.2em;
}

#coin_HG, #coin_HD{
	position:absolute;
	width:507px;
	height:313px;
}
#coin_HG{
	top:0;
	left:0;
	background:url(../images/bkg_coin_HG.png) no-repeat;
}
#coin_HD{
	top:0;
	right:0;
	background:url(../images/bkg_coin_HD.png) no-repeat;
}

.main{
	margin: 10px auto 0;
	width:1000px;
	text-align:left;
	position:relative;
	z-index:1;
}

.header{
	position: relative;
	z-index: 3;
}

.middle, .footer{
	margin: 10px 0 0;
	position: relative;
	z-index: 1;
}

#main_wrapper{
	padding: 0 0 10px;
}

#main_wrapper .middle
{
	position: static !important;
	/*background-color: #fff;*/
}

/*#########################################*/
/*###  Header  ############################*/

#header_main
{
	position: relative;
	height: 265px;
	background: url(../images/bkg_header_degrade.jpg) repeat-x;
	/*border: 1px solid pink;*/
}

#logo_princ
{
	position: absolute;
	top: 90px;
	left: 45px;
}

#slogan
{
	position: absolute;
	top: 100px;
	right: 40px;
}

/*#########################################*/
/*###  Menu Principal  ####################*/

#menu_princ
{
	height: 40px;
	width: 942px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/back_menu_princ2.png) repeat-x bottom;
}

#menu_princ ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#menu_princ ul li, #menu_princ ul li a
{
	display: block;
	float: left;
}

#menu_princ ul li
{
	position: relative;
	z-index: 9991;
}

#menu_princ ul li.sep_menu_princ
{
	background: url(../images/sep_menu_princ2.png) no-repeat 0 3px;
	width: 2px;
	height: 36px;
}

#menu_princ ul li a
{
	height: 28px;
	padding: 12px 15px 0 15px;
	margin: 0 0 10px 0;
	font-size: 140%;
	color: #616161;
	font-weight: bold;
}
#menu_princ.gestion ul li a {
	font-size: 120%;
	padding-left: 10px;
	padding-right: 10px;
}

#menu_princ ul li a:hover
{
	/*background-color: #FF0000;*/
	color: #ffffff;
	background: url(../images/back_menu_princ2_hover.png) repeat-x;
}

/*##############################*/
/*###  Sous-menu  ##############*/

#menu_princ ul li ul
{
	position: absolute;
	top: 55px;
	_top: 56px;
	left: 0;
	width: 150px;
	display: none;
	background-color: #fff;
}

/*#menu_princ ul li:hover ul
{
	display: block;
}*/

#menu_princ ul li ul li, #menu_princ ul li ul a
{
	float: none;
	font-size: 100%;
	color: #EBEBEB;
	border: none;
}

#menu_princ ul li ul li
{
	display: inline;
	
}

#menu_princ ul li ul a
{
	height: 20px;
	background: url(../images/back_sous_menu.png) repeat-x 0 0;
	width: 145px;
	padding: 7px 0 0 5px;
	display: block;
	color: #8d8c8f;
	font-weight: bold;
}

#menu_princ ul li ul a:hover
{
	background: url(../images/back_sous_menu.png) repeat-x 0 -27px;
	color: #fff;
}

/*##############################*/

#menu_princ #search_box
{
	float: right;
	width: 217px;
	height: 30px;
	padding: 0;
	margin: 7px 12px 0 0;
	position: relative;
}

#menu_princ #search_box input
{
	width: 180px;
	border: 1px solid #9D9C9F;
	float: left;
	padding: 5px 5px 4px 5px;
	margin: 0;
}

#search_bar_button
{
	display: block;
	height: 27px;
	width: 27px;
	background: url(../images/search_bar_button.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
}

#search_bar_button:hover
{
	background: url(../images/search_bar_button.png) no-repeat 0 -27px;
}

/*##############################*/
/*###  Outils top  #############*/

#outils_top
{
	position: absolute;
	top: 10px;
	right: 10px;
	height: 30px;
	
}

#outils_top
{
	position: absolute;
	top: 5px;
	right: 10px;
	height: 30px;
}

#outils_top ul
{
	float: right;
	padding: 0;
	margin: 0 0 0 20px;
}

#outils_top ul li, #outils_connexion li
{
	float: left;
	display: block;
	height: 25px;
	padding: 5px 0 0 10px;
	font-size: 100%;
}

#outils_connexion li a
{
	color: #9d9d9d;
	font-size: 100%;
}

#outils_connexion li a:hover
{
	color: #000;
}

/*#########################################*/
/*###  Small Header  ######################*/

#header_small
{
	position: relative;
	height: 170px;
	background: url(../images/bkg_header_small_degrade.png) repeat-x;
}

/*#div_login{
	position:absolute; 
	top: 0;
	right: 0;
	background:#fff url(../images/bkg_login_degrade.jpg) repeat-x; 
	border:solid 1px #bababa; 
	padding:10px 8px; 
	width:210px;
	margin:-1px 0 0 -105px;
	line-height:1.8em;
	display:none;
}*/

#header_small #logo_princ
{
	position: absolute;
	top: 30px;
	left: 35px;
}

#header_small #slogan
{
	position: absolute;
	top: 50px;
	left: 270px;
}
#header_small #slogan_workbook
{
	position: absolute;
	top: 30px;
	right: 10px;
}


#btn_connexion
{
	position: absolute;
	top: 49px;
	right: 10px;
	height: 21px;
	padding: 8px 40px 0 10px;
	cursor: pointer;
	float: right;
	font-weight: bold;
	font-size: 110%;
	border: 1px solid #CCC;
	color: #e7450e;
}

.connexion_closed
{
	background: url(../images/btn_connexion_arrow_right.gif) no-repeat right;
}

.connexion_closed.connexion_opened
{
	background: url(../images/btn_connexion_arrow_down.gif) no-repeat right;
	background-color: #f2f2f2;
}

#login_error_box
{
	display: none;
	border: 1px solid #FF6464;
	background-color: #FCC;
	color: #F00;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 0 15px 0 60px;
	background: url(../images/error_icone.png) no-repeat 5px 0;
	background-color: #FCC;
	margin: 0 10px 0 10px;
}

/*###############################################*/
/*###  Content box  #############################*/

.content_box{

	padding: 9px 0 0 0;
	position: relative;
	z-index: 100;
}
	
.content_box_top{
	width:1000px;
	height:9px;
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/bkg_main_shadow_top.png) no-repeat;
	/*border: 1px solid green;*/
}

.content_box_main{
	background: url(../images/bkg_main_shadow.png) repeat-y;
	padding:0 29px;
	position: relative;
	width:942px;
	z-index: 300;
	/*border: 1px solid blue;*/
}

.content_box_bottom{
	width:1000px;
	height:9px;
	background:url(../images/bkg_main_shadow_bottom.png) no-repeat;
	position: relative;
	z-index: 200;
	/*border: 1px solid red;*/
}

.content_left, .content_center, .content_center_accueil{
	float:left;
}

/*###############################################*/
/*###  Left Column  #############################*/

.content_left{
	width:188px;
}
.content_left .title{
	background:#f20010;
}

#header_lc
{
	background: url(../images/back_headers_rouge.png) repeat-x;
}

/*##############################*/
/*###  Accordion  ##############*/

.sAccordion-content
{
	display: none;
}

.content_left .menu_categorie{
	background:url(../images/bkg_header_degrade.jpg) top repeat-x;
	padding: 10px 0 0 0;
}

.content_left .menu_categorie ul{
	list-style:none;
	margin:0;
	padding:0 0 0 13px;
}
.content_left .menu_categorie ul li{
	padding:13px 0;
}
.content_left .menu_categorie ul li a{
	text-decoration:none;
	font-size:15px;
	/*color: #999;*/
	color: #616161;
	padding-left:20px;
	font-weight: bold;
	background:url(../images/img_puce.gif) no-repeat 0 3px;
}

.content_left .menu_categorie ul li a.sAccordion-open-actif
{
	background:url(../images/img_puce_down.gif) no-repeat 0 3px;
}

.content_left .menu_categorie ul li a:hover{
	color:#F20010;
}
/*.middle .content_left .menu_categorie ul li.current a{
	background:url(../images/img_puce_open.gif) left 3px no-repeat;
}*/

.content_left .menu_categorie ul li ul{
	padding:5px 0 0 20px;
	display:none;
}
	
.content_left .menu_categorie ul li li{
	padding:6px 0 0;
}

.content_left .menu_categorie ul li li a, .content_left .menu_categorie ul li.current li a{
	font-size:12px;
	color:#000;
	padding:0;
	background:none;
	font-weight: normal;
}

.content_left .menu_categorie ul li li a:hover{
	color:#F20010;
}



/*###############################################*/
/*###  Center Column  ###########################*/

#div_nouveaute .content_accueil{
	width: 525px;
	padding:20px 0 20px 0;
	background:url(../images/bkg_accueil_nouveaute.jpg) repeat-x;
}			

.content_center{
	width: 525px;
	margin: 0 15px 0 15px;
	position: relative;
}

.content_center.content_product{
	width: 520px;
	margin: 0 15px 0 15px;
}

.content_center h1
{
	margin: 10px 0 20px 0;
	font-size: 240%;
}

.content_center .tab_content ul, .content_center ul 
{
	line-height: 1.4em;
}

ul.workbook li {
	font-size: 15px !important;
	margin-bottom: 15px !important;
}

div.tab_top
{
	padding: 7px;
	/*border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;*/
}

.decomp_table

#nj_top
{
	padding: 7px;
	border: 1px solid #dcdcdc;
}

div.tab_content
{
	padding: 7px;
}

.title{
	background:url(../images/bkg_title.jpg) repeat-x;
	font:normal 22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 20px;
	position: relative;
}

.content_center .content p{
	line-height: 1.3em;
}

.content_center h2
{
	margin: 10px 0 15px 0;
}

div.nj_content
{
	padding: 5px 15px 5px 15px;
}

div.nj_content table tr td
{
	padding: 10px 15px 10px 0;
	line-height: 1.4em;
}

.content_center h2.nj_title
{
	font-size: 120%;
	margin: 10px 0 5px 0;
	font-weight: normal;
	color: #474648;
}

#google_map_link
{
	display: block;
	height:25px;
	padding: 10px 0 0 45px;
	margin: 0 0 0 15px;
	background: url(../images/icone_google_map.jpg) no-repeat 0 0;
}

.content_center p{
	line-height: 1.4em;
}

img.sep_xplore_content
{
	margin: 10px 0 10px 0;
}

/*###########################*/
/*###  Accueil Caroussel  ###*/

#galery_wrapper
{
	width: 430px;
	/*background-color: #eefaff;*/
	/*border: 1px solid red;*/
	position: relative;
	padding: 0 4px 0 25px;
	margin: 0 0 0 30px;
}

#galery_viewport
{
	overflow: hidden;
	height: 83px;
	width: 408px;
	/*border: 1px solid red;*/
	position: relative;
}

#galery_slides_wrapper
{
	width: 1712px;
	position: relative;
	left: -20px;
	top: 0;
}

#galery_slides_wrapper div.slide
{
	float: left;
	height: 83px;
	margin: 0 20px 0 0;
	width: 408px;
}

#galery_viewport img
{
	display: block;
	float: left;
}

#gal_prev, #gal_next
{
	display: block;
	height: 17px;
	width: 14px;
	position: absolute;
	top: 35px;
}

#gal_prev
{
	left: 5px;
	background: url(../images/fleches_caroussel.png) no-repeat 0 0;
}

#gal_next
{
	right: 5px;
	background: url(../images/fleches_caroussel.png) no-repeat -14px 0;
}

.slide_sep
{
	float: left;
	width: 20px;
	height: 86px;
}

#bouton_catalogue_fr, #bouton_catalogue_en
{
	display: block;
	width: 190px;
	height: 75px;
	margin: 15px 0 0 0;
}

#bouton_catalogue_fr
{
	background: url(../images/btn_catalogue.jpg) no-repeat 0 0;
}

#bouton_catalogue_fr:hover
{
	background: url(../images/btn_catalogue.jpg) no-repeat 0 -75px;
}

#bouton_catalogue_en
{
	background: url(../images/btn_catalogue_EN.jpg) no-repeat 0 0;
}

#bouton_catalogue_en:hover
{
	background: url(../images/btn_catalogue_EN.jpg) no-repeat 0 -75px;
}

#bouton_workbook_fr, #bouton_workbook_en
{
	display: block;
	width: 190px;
	margin: 15px 0 0 0;
}
#bouton_workbook_fr
{
	height: 135px;
	background: url(../images/pub-workbook-petite-fr.gif) no-repeat 0 0;
}
#bouton_workbook_en
{
	height: 113px;
	background: url(../images/pub-workbook-petite-en.gif) no-repeat 0 0;
}
		
/*###############################################*/
/*###  Right Column  ############################*/

#Accueil_content_right{
	display:none;
}

#Accueil_content_right{
	display:block;
}
#page_content_right{
}

.middle .content_right{
	width:198px;
	float: right;
}

#bouton_retour_series
{
	display: block;
	font-size: 120%;
	font-weight: bold;
	color:#999;
	height: 25px;
	width: 158px;
	background: url(../images/bouton_retour_series.png) no-repeat 0 -36px;
	margin: 0 0 10px 0;
	padding: 11px 0 0 40px;
}

#bouton_retour_series:hover
{
	background: url(../images/bouton_retour_series.png) no-repeat 0 0;
	color: #666;
}

.middle .content_right.products{
	width:198px;
}

.middle .content_right .title{
	background:#3b3b3b;
	font-size:18px;
	padding:5px 20px;
}

.middle .content_right .div_ouacheter, .middle .content_right .div_prixchocs, .middle .content_right .div_restezinfo, .middle .content_right .div_info, .middle .content_right .div_heureouverture{
	border:solid 1px #d6d6d6;
}

.middle .content_right .div_prixchocs, .middle .content_right .div_ouacheter, .middle .content_right .div_restezinfo
{
	margin:0 0 20px 0;
}

.middle .content_right .div_prix_chocs
{
	margin:0 0 0 0;
}

.div_restezinfo p
{
	font-size: 80%;
}

.middle .content_right .content{
	background:url(../images/bkg_header_degrade.jpg) top repeat-x;
	padding:10px;
}

.middle .content_right .content h2{
	font-size: 20px;
	font-weight: bold;
	color: #3e3d40;
	padding: 0 0 .5em;
	margin: 0;
}

.middle .content_right .content h2 span{
	font-size: 14px;
	font-weight: normal;
}

.middle .content_right #page_content_right .title{
	background: #9d9d9d;
	padding: 10px;
}

.middle .content_right #page_content_right .content{
	padding: 15px 10px;
}

.middle .content_right #page_content_right .div_heureouverture{
	margin-top: 12px;
}

#tabs{font-family: Arial, Arial, Helvetica, sans-serif !important;}

#bouton_suivez_nous
{
	display: block;
	height: 64px;
	width: 198px;
	margin: 20px 0 0 0;
	background: url(../images/bouton_facebook.jpg) no-repeat 0 0;
}

#bouton_suivez_nous_en
{
	display: block;
	height: 64px;
	width: 198px;
	margin: 20px 0 0 0;
	background: url(../images/bouton_facebook_EN.jpg) no-repeat 0 0;
}

#bouton_suivez_nous:hover
{
	background: url(../images/bouton_facebook.jpg) no-repeat 0 -64px;
}

#bouton_suivez_nous_en:hover
{
	background: url(../images/bouton_facebook_EN.jpg) no-repeat 0 -64px;
}

#bouton_circulaire_noel
{
	display: block;
	height: 93px;
	width: 198px;
	margin: 13px 0 0 0;
	background: url(../images/bouton_circulaire_noel.gif) no-repeat 0 0;
}

#bouton_circulaire_noel_en
{
	display: block;
	height: 93px;
	width: 198px;
	margin: 13px 0 0 0;
	background: url(../images/bouton_circulaire_noel_en.gif) no-repeat 0 0;
}

#bouton_circulaire_noel:hover
{
	background: url(../images/bouton_circulaire_noel.gif) no-repeat 0 -93px;
}

#bouton_circulaire_noel_en:hover
{
	background: url(../images/bouton_circulaire_noel_en.gif) no-repeat 0 -93px;
}

/*##############################*/
/*###  Box connexion  ##########*/


#title_connexion{
	background: url(../images/bkg_title_connexion.jpg) repeat-x;
	font-size: 22px;
	cursor: pointer;
}

.connexion_icon, .connexion_icon_down
{
	top: 7px;
	right: 10px;
	height: 23px;
	width: 25px;
}

.connexion_icon
{
	
	background: url(../images/arrow_connexion.jpg) no-repeat 0 0;
}

.arrow_down
{
	background: url(../images/arrow_connexion.jpg) no-repeat 0 -23px;
}

#box_connexion
{
	width: 196px;
	background: url(../images/back_box_connexion.png) repeat-x 0 0;
	background-color: #fff;
	padding: 0;
	border:solid 1px #9d9c9f;
	text-align: center;
	display: none;
}

#box_connexion p
{
	margin: 10px 0 10px 0;
	font-size: 90%;
	font-weight: bold;
}

#box_connexion table
{
	margin: 0 auto;
}

#box_connexion form
{
	margin: 10px 0 0 0;
}

#box_connexion form label
{
	margin: 0 0 0 5px;
	padding: 3px 0 0 0;
	font-size: 90%;
	display: block;
	float: left;
	width: 130px;
}

#box_connexion input
{
	display: block;
	padding: 0;
	margin: 0;
	border: none;
	float: left;
	height: 15px;
}

#box_connexion input.text_input
{
	float: none;
	border:solid 1px #9d9c9f;
	padding:5px 5px;
	width: 150px;
	margin: 0 auto 10px auto;
}

#box_connexion a
{
	display: block;
	padding: 10px 20px;
	margin: 10px auto 10px auto;
	background-color: #A5A5A5;
	border: 1px solid #D2D2D2;
	color: #fff;
	width: 88px;
	text-align: center;
	cursor: pointer;
}

#box_connexion a:hover
{
	color: #fff;
	background-color: #D5001C;
	border: 1px solid #9F0019;
}

#header_small #box_connexion
{
	position: absolute;
	top: 78px;
	right: 10px;
	width: 220px;
	background: url(../images/back_box_connexion.png) repeat-x 0 0;
	background-color: #fff;
	padding: 0;
	border:solid 1px #CCCCCC;
	text-align: center;
	/*display: block;*/
	display: none;
	z-index: 9999;
}

/*##############################*/
/*###  Box options  ############*/

#box_options
{
	border: 1px solid #CCCCCC;
	position: relative;
	z-index: 9900;
}

#box_options h3
{
	margin: 10px 0 10px 10px;
}

.box_options_container
{
	margin: 10px 0 10px 0;
	padding: 0 10px 0 10px;
	/*border-top: 1px solid #a9a8ab;*/
	clear: both;
}

.box_options_container ul, .box_options_container ol
{
	margin: 0;
	padding:0 0 0 15px;
}
.box_options_container ul li, .box_options_container ol li
{
	padding:0 0 .4em;
	list-style: square;
	line-height: 1.1;
}
.box_options_container ol li {
	list-style: decimal;
}
.box_options_container img, .sep_rc_series_thumbs
{
	float: left;
}

.box_options_container img
{
	margin: 0 0 5px 0;
}

.sep_rc_series_thumbs
{
	width: 2px;
	height: 20px;
}

.box_options_container.sidebyside
{
	float: left;
	width: 78px;
	clear: none;
}

.box_options_container h4
{
	margin: 0 0 5px 0;
	font-size: 90%;
}

.box_options_container p
{
	margin: 0 0 10px 0;
	font-size: 100%;
}

.box_options_container strong
{
	display: block;
}

.box_options_container .pdf_link
{
	color: #999999;
	display: block;
	font-size: 80%;
}

#options_toolbar
{
	padding: 5px 0 0 5px;
	list-style: none;
	position: relative;
	z-index: 9901;
	margin: 2px 0 5px 0;
	height: 32px;
	width: 190px;
}

#options_toolbar li
{
	display: block;
	float: left;
}

#options_toolbar li.sep_options
{
	width: 10px;
	height: 32px;
}

#options_toolbar li a
{
	display: block;
	float: left;
	height: 32px;
	font-size: 80%;
	color: #333333;
	text-align: center;
	cursor: pointer;
	width: 56px;
}

#options_toolbar li a:hover
{
	color: #F20010;
}

#options_toolbar li a img
{
	width: 14px;
	height: 13px;
	margin: 0 auto;
}

.product_detail_header
{
	display: block;
	padding: 5px 5px 5px 10px;
	background-color: #666;
	color: #fff;
}

/*########################*/
/*###  Codes postales  ###*/

#cp_deb, #cp_fin, #cp_search
{
	text-transform:uppercase;
}

/*######################################*/
/*###  Left column - section produits  #*/

#mes_fav, #mon_panier
{
	margin: 20px 0 0 0;
	width: 196px;
	height: 33px;
	border: 1px solid #bbbabc;
	background-color: #f5f4f5;
	position: relative;
}

#mes_fav
{
	margin: 0;
	cursor: pointer;
}

#mes_fav:hover strong
{
	color: #F20010;
}

#mon_panier
{
	margin: 5px 0 0 0;
}

#mes_fav strong, #mon_panier strong
{
	display: block;
	float: left;
	height: 23px;
	padding: 10px 0 0 40px;
	background: url(../images/icone_heart_lc.png) no-repeat 10px 7px;
}

#mes_fav strong
{
	background: url(../images/icone_heart_lc.png) no-repeat 10px 7px;
}

#mon_panier strong
{
	background: url(../images/icone_panier.png) no-repeat 5px 5px;
}

#mes_fav span
{
	float: right;
	font-size: 80%;
	margin: 11px 25px 0 0;
}

#icone_expand, #icone_fav_expand
{
	position: absolute;
	top: -1px;
	right: 0;
	display: block;
	height: 17px;
	width: 16px;
}

.icone_open
{
	
	background: url(../images/btn_expand_close.png) no-repeat 0 0;
}

.icone_open.icone_close
{
	background: url(../images/btn_expand_close.png) no-repeat 0 -17px;
}

#mon_panier_content
{
	border-bottom: 1px solid #aeadb0;
	border-right: 1px solid #aeadb0;
	border-left: 1px solid #aeadb0;
	margin: 0 0 20px 0;
	/*display: none;*/
}

#mon_panier_content table thead tr td
{
	padding: 5px;
	background-color: #f0f9fc;
	border-bottom: 1px solid #aeadb0;
}


#mon_panier_content table tbody tr td
{
	padding: 5px 0 5px 5px ;
	border-bottom: 1px solid #aeadb0;
	font-size: 100%;
	line-height: 1.2;
}

#mon_panier_content table tbody tr td strong
{
	clear: both;
}

#mon_panier_content
{
	border-bottom: 1px solid #aeadb0;
	border-right: 1px solid #aeadb0;
	border-left: 1px solid #aeadb0;
	/*display: none;*/
}

#mes_fav_content table thead tr td
{
	padding: 5px;
	background-color: #f0f9fc;
	border-bottom: 1px solid #aeadb0;
}


#mes_fav_content table tbody tr td
{
	padding: 10px;
	border-bottom: 1px solid #aeadb0;
}

#mes_fav_content table tbody tr td strong
{
	clear: both;
}

.liens_supprimer_panier
{
	display: block;
	padding: 4px;
	height: 8px;
	width: 8px;
	cursor: pointer;
	background: url(../images/icone_delete.png) no-repeat center center;
}

.liens_supprimer_panier:hover
{
	color: #F20010;
}

#total_submit
{
	padding: 10px 15px 15px 10px;
	text-align: center;
}

#total_label
{
	display: block;
	margin: 0 auto;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}



#link_vers_panier
{
	display: block;
	margin: 5px 0 10px 0;
	float: left;
	font-size: 80%;
	color: #999999;
	cursor: pointer;
	float: right;
}

#btn_passercommande_lc
{
	display: block;
	padding: 9px 15px 0 15px;
	height: 21px;
	width: 90px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	background: url(../images/back_btn_passercommande_lc.gif) repeat-x 0 0;
	cursor: pointer;
	margin: 0 auto;
}

#vider_panier
{
	text-align: center;
	padding: 4px;
	font-size: 95%;
	color: #C30B0B;
	cursor: pointer;
	text-decoration:none;
}
#vider_panier img
{
	padding: 0 5px 0 0;
	background: #fff;
}
#vider_panier:hover
{
	color: red;
}



#btn_passercommande_lc:hover
{
	background: url(../images/back_btn_passercommande_lc.gif) repeat-x 0 -30px;
}

/*###############################################*/
/*###  Section Produits  ########################*/

#produits_fil_arianne
{
	float: left;
	clear: right;
	padding: 5px 0 0 0;
	margin: 0 20px;
}


#top_fil_ariane
{
	color: #666;
	font-size: 90%;
}

#bottom_fil_ariane
{
	font-size: 130%;
	margin: 5px 0 0 0;
	display: block;
}

#product_image
{
	height: 310px;
	position: relative;
	cursor: pointer;
	/*border: 1px solid #CCC;*/
}

#product_image img{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

#product_image #image_1{
	display: block;
}

#produits_gallery_nav{
	height: 30px;
	padding: 5px 0 0;
	display: none;
}

#produits_gallery_nav ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#produits_gallery_nav ul li{
	float: left;
	height: 17px;
	line-height: 17px;
	width: 17px;
	text-align: center;
	border: 1px solid #e4e4e4;
	margin: 0 0 0 5px;
	font-size: 90%;
	background: url(../imgs/back_link_gallery_serie.png) repeat-x;
}

#gallery_title{
	height: 15px;
	background: url(../imgs/icone_gallery_serie.png) no-repeat 0 2px;
	padding: 5px 3px 0 30px;
	float: right;
	font-size: 90%;
	font-weight: bold;
}

#produits_gallery_nav ul li:hover{
	cursor: pointer;
	border: 1px solid red;
}

.current_image_link{
	border: 1px solid black !important;
	cursor: default !important;
}



.image_zoom
{
	cursor: pointer;
}

#new_item_tag
{
	position: absolute;
	top: -3px;
	left: -3px;
	height: 68px;
	width: 68px;
	background: url(../images/sticker_corner.png) no-repeat 0 0;
	z-index: 2000;
}

#product_image_zoom
{
	position: absolute;
	left: 7px;
	bottom: 7px;
	height: 24px;
	width: 26px;
	background: url(../images/icone_agrandire.png) no-repeat 0 0;
	z-index: 2000;
}

#product_content
{
	width: 520px;
	margin: 15px 0 0 0;
	position: relative;
	padding: 0 0 10px 0;
}

#product_content h3
{
	font-size: 130%;
	color: #F20010;
}

#product_content h3 span
{
	font-size: 80%;
	color: #999999;
}

#masquer_les_pieces
{
	position: absolute;
	top: 3px;
	right: 0;
}

#produits_thumbs_wrapper
{
	width: 520px;
}

.product_thumb
{
	margin: 0;
	width: 110px;
	float: left;
}

.product_thumb:hover a.titre_thumb
{
	/*background-color: #393939;*/
	color:#FF0000;
}

.product_thumb a.titre_thumb
{
	width: 110px;
	display: block;
	/*background-color: #9a999c;*/
	padding: 5px 0 0;
	text-align: center;
	color: #000000;
	letter-spacing: 1px;
	line-height: 1.2;
	font-weight: bold;
}

.product_thumb span.titre_thumb
{
	display: block;
	margin: 8px 0 0;
	font-weight: bold;
	text-align: center;
}
.decompose_article
{
	display: block;
	cursor:pointer;	
	background: url(../images/toggle_plus.png) no-repeat !important;
	height: 13px;
	width: 16px;
	padding: 3px 0 0 20px;
	color: #5F5F5F !important;
}

.decompose_article_opened{
	background: url(../images/toggle_minus.png) no-repeat !important;
}

.decomp_sous_table{
	display: none;
	font-size: 120%;
}



.decomp_sous_table table tbody tr{
	border-bottom: 1px dotted #999;
}

.product_thumb span.non_decomp
{
	color: #CCCCCC;
}

.sep_product_thumbs
{
	height: 100px;
	width: 20px;
	float: left;
}

.decomp_container
{
	padding: 10px;
	width: 500px;
	border: 1px solid #aeadb0;
	float: left;
	margin: 0 0 15px 0;
}

.decomp_container thead td
{
	font-weight: bold;
	font-size: 110%;
}

.decomp_container td
{
	padding: 5px;
}

.decomp_table tbody tr td
{
	font-size: 90%;
	line-height: 1.2;
}

.decomp_table tbody tr.decomp_item_sous_header td
{
	font-size: 100%;
	font-weight: bold;
}

.decomp_table tbody tr.decomp_item_full, .decomp_table tbody tr.decomp_item_full_active{
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
}

.decomp_table tbody tr.decomp_item_full_active
{
	background-color: #ededed;
	
}

.decomp_table tbody tr.decomp_item_full td
{
	font-weight: bold;
}

.double_line
{
	height: 10px;
	/*border-top: 1px solid #9d9c9f;
	border-bottom: 1px solid #9d9c9f;*/
}

.single_line
{
	height: 3px;
	border-top: 1px dotted #9d9c9f;
}

.decomp_container input
{
	display: block;
	padding: 0;
	margin: 0;
	border:solid 1px #9d9c9f;
	padding:3px 3px;
}

.decomp_container .ui-widget input{
	font-size: 110%;
}

.decomp_container .decomp_sous_table table tbody tr td input{
	font-size: 90% !important;
}

.decomp_container .decomp_sous_table span.code_boite{
	font-size: 90% !important;
}

a.btn_add_cart_decomp
{
	display: block;
	background: url(../images/btn_add_cart_decomp.png) no-repeat !important;
	height: 20px;
	width: 30px;
}
a.btn_refresh_amount
{
	display: block;
	background: url(../images/btn_refresh_amount.png) no-repeat !important;
	height: 20px;
	width: 30px;
}

.decomp_table .ui-tabs .ui-tabs-nav li.ui-tabs-selected, .decomp_table .ui-tabs-nav li{
	font-size: 110%;	
}

.decomp_table .ui-tabs-nav li{
	margin:0 0.55em 1px 0;
}

.decomp_table .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin:0 0.55em 0 0;
}

.decomp_table .ui-widget-content{
	padding: 10px 0 0;
}

/*###############################*/
/*###  Drawer Char/Specs  #######*/	

.produits_specs_drawer
{
	padding: 5px 0 0 0;
	width: 370px;
	color: #474648;
}

.produits_specs_drawer ul
{
	margin:0 0 10px;
	padding: 0;
}
.produits_specs_drawer ul li
{
	margin: 0 0 1px 21px;
	padding: 0;
	list-style: square;
}

.produits_specs_drawer p{
	margin: 0 0 10px;
}

.drawer_char, .drawer_spec
{
	/*width: 175px;
	float: left;*/
}

.drawer_spec {
	/*width: 175px;
	float: right;
	margin-left: 10px;*/
	margin-top: 15px;
}

.drawer_sep
{
	float: left;
	margin: 0 0 0 10px;
	width: 5px;
	height: 100px;
	border-left: 1px dashed #b5b5b5;
}

.drawer_toggle
{
	float: right;
	font-weight: bold;
	margin: 2px 0 0 0;
}

.strong_title
{
	font-size: 100%;
	display: block;
	border-bottom: 1px dotted #b5b5b5;
	padding: 0 0 2px 0;
	margin: 0 0 10px;
}

/*###############################################*/
/*###  Section Gallery  #########################*/	

#fil_arianne
{
	font-size: 130%;
}

#fil_arianne a
{
	color: #474648;
	font-size: 100%;
}

#fil_arianne a:hover
{
	color: #f20010;
	text-decoration: underline;
}

/*##############################*/
/*###  Pagination  #############*/

.pagination
{
	position: absolute;
	
}

.pagination.pagi_top
{
	top: 50px;
	right: 0;
}

.pagination.pagi_bottom
{
	bottom: 0;
	right: 0;
}

.pagination ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.pagination ul li, .pagination ul li a
{
	float: left;
	display: block;
	margin: 0 0 0 3px;
}

.pagination ul li a
{
	padding: 3px 5px 3px 5px;
	border: 1px solid #E1E1E1;
	color: #3d3d3d;
	font-weight: bold;
}

.pagination ul li a.pagi_active_page
{
	background: url("../images/back_headers_rouge.png") repeat-x;
	color: #fff;
}

.pagination ul li a.pagi_active_page:hover
{
	color: #fff;
}

.pagination ul li a:hover
{
	color: #f20010;
}

.pagination ul li a.arrow_prev
{
	height: 12px;
	width: 12px;
	background: url(../images/btn_arrow_pagi_prev.gif) no-repeat 3px 3px;
}

.pagination ul li a.arrow_prev:hover
{
	background: url(../images/btn_arrow_pagi_prev_hover.gif) no-repeat 3px 3px;
}

.pagination ul li a.arrow_next
{
	height: 12px;
	width: 12px;
	background: url(../images/btn_arrow_pagi_next.gif) no-repeat 3px 3px;
}

.pagination ul li a.arrow_next:hover
{
	background: url(../images/btn_arrow_pagi_next_hover.gif) no-repeat 3px 3px;
}
/*##############################*/

#thumbs_wrapper
{
	width: 520px;
	margin: 0;
	padding: 55px 0 25px 0;
	/*background-color:#006699;*/
	
}

#thumbs_wrapper a
{
	cursor: pointer;
	background: url(../images/blank.gif);
}

div.thumb_produit
{
	width: 146px;
	height: 215px;
	float: left;
	margin: 0 0 10px 0;
	_margin: 0;
	/*background-color:#006666;*/
}

div.thumb_produit strong, div.thumb_produit span
{
	color: #000;
}

a:hover span
{
	color: #000;
}

a:hover strong, div.thumb_produit:hover strong
{
	color: #F20010;
}

div.outermost_thumb
{
	border: 1px solid #f6f6f6;
	position: relative;
}

div.ribbon_new
{
	position: absolute;
	top: 10px;
	right: -8px;
}

div.ribbon_color
{
	position: absolute;
	top: 112px;
	left: -7px;
}

div.outer_thumb
{
	border: 1px solid #e1e1e1;
}

div.outer_thumb img
{
	margin: 1px;
	border: none;
}

.thumb_desc
{
	height: 45px;
	text-align: right;
	line-height: 1.2em;
	padding: 10px 0 10px 0;
}

.thumb_desc.produit_fav
{
	background: url(../images/icone_heart.png) no-repeat 7px 10px;
	padding: 10px 0 10px 30px;
}



div.thumb_desc strong, div.thumb_desc span
{
	font-size: 90%;
}

div.thumb_desc strong
{
	/*text-align: right;*/
	display: block;
}

div.thumbs_sep
{
	width: 40px;
	height: 215px;
	float: left;
}

div.thumbs_row_clear
{
	height: 1px;
	width: 715px;
	clear: both;
	/*background-color: #CC9966;*/
}

/*###############################################*/
/*###  Panier  ##################################*/

#content_full_right
{
	float: right;
	width: 730px;
	position: relative;
	padding: 0 0 15px 0;
	/*background-color: #999900;*/
}

#steps_wrapper
{
	border-bottom: 1px solid #000;
}

#steps_wrapper span
{
	float: left;
	display: block;
	padding: 8px 0 0 0;
	margin: 0 30px 0 0;
	font-weight: bold;
	font-size: 120%;
}

#steps_wrapper .step_square
{
	
	height: 23px;
	width: 20px;
	background-color: #fff;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	padding: 7px 0 0 10px;
	margin: 0 10px 0 0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#steps_wrapper .step_square.step_active
{
	background-color: #000;
	color: #fff;
}

#pannier_content
{
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 15px 10px 10px 10px;
}

#perso_commande
{
	/*border: 1px solid #ff0000;*/
	margin: 0 0 15px 0;
	padding: 5px;
	border: 1px solid #CCC;
}

#perso_commande strong
{
	display: block;
	font-size: 120%;
	height: 16px;
	color: #999;
	cursor: pointer;
	background-color: #FCF;
	background: url(../images/toggle_plus.png) no-repeat right top;
}

#perso_commande strong.perso_opened
{
	background: url(../images/toggle_minus.png) no-repeat right top;
}

#inner_perso_commande
{
	padding: 15px 0 0 0;
	display: none;
}

.inner_perso_container
{
	float: left;
	height: 150px;
	/*background-color: #CF9;*/
	margin: 0 12px 0 0;
}

.inner_perso_container label
{
	display: block;
	font-weight: bold;
	padding: 0 0 10px 0;
}

.inner_perso_container textarea
{
	border: 1px solid #9D9C9F;
	padding: 5px;
}

.delete_link
{
	display: block;
	height: 11px;
	padding: 0 0 0 5px;
	font-size: 80%;
	font-weight: bold;
	background: url(../images/icone_delete.png) no-repeat 0 2px;
	width: 80px;
}

.panier_tableau thead tr td
{
	font-weight: bold;
	font-size: 110%;
	padding: 3px 3px 10px;
}
.panier_tableau tr td
{
	padding: 3px;
}
.panier_tableau tr td input
{
	border: 1px solid #9D9C9F;
	padding: 3px;
}

.panier_nav_button
{
	display: block;
	height: 18px;
	background: url(../images/back_btn_passercommande_lc.gif) repeat-x;
	color: #fff;
	padding: 4px 10px 0 10px;
	margin: 20px 0 0 0;
	font-size: 90%;
}

.panier_nav_button:hover
{
	color: #fff;
}

.panier_nav_button.panier_next
{
	float: right;
}

.panier_nav_button.panier_prev
{
	float: left;
}

/*############################*/
/*###  Step 2  ###############*/

.adresse_wrapper
{
	float: left;
	width: 335px;
	/*background-color: #093;*/
	border: 1px solid #999;
	margin: 0 0 20px 0;
}

.adresse_wrapper_inner
{
	padding: 10px;
}

.adresse_wrapper_inner span
{
	display: block;
}

.adresse_sep
{
	float: left;
	width: 30px;
	height: 100px;
	
}

.header_adresse
{
	height: 35px;
	border-bottom: 1px solid #999;
	background: url(../images/icone_adresse_unchecked.jpg) no-repeat 10px 5px;
	background-color: #f5f4f5;
	cursor: pointer;
}

.adresse_wrapper.a_w_selected .header_adresse
{
	background: url(../images/icone_adresse_checked.jpg) no-repeat 10px 5px;
	background-color: #ecebec;
}

#final_panier_header
{
	height: 25px;
	border-bottom: 1px solid #999;
	background-color: #f5f4f5;
	padding: 10px 0 0 10px;
}

#final_panier_table
{
	border: 1px solid #999;
}

#final_panier_table tr td table thead tr td
{
	font-weight: bold;
	font-size: 100%;
	padding: 3px;
}

#final_panier_table tr td table tbody tr td
{
	padding: 0 0 5px 0;
}

#final_panier_inner
{
	padding: 10px;
	width: 440px;
}
#final_panier_table #final_panier_inner td
{
	padding: 5px 3px;
}

/*###############################################*/
/*###  Footer  ##################################*/	
	
.footer{
	font-size:12px;
}
.footer .copyright{
	width:730px;
	line-height:46px;
	float:left;
	font-weight:bold;
	color:#3f3f3f;
	padding:0 30px 0 15px;
	background:url(../images/bkf_pointille_footer.gif) right repeat-y;
}
.footer .credit{
	float:right;
	padding:5px 20px;
	line-height:10px;
	font-size: 90%;
}		

.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}

input.textfield{
	border:solid 1px #9d9c9f;
	padding:3px 5px;
}
.button_ros{
	color:#fff;
	float: left;
	background:#a5a5a5;
	padding:8px 15px 0 15px;
	height: 22px;
	border: none;
	cursor:pointer;
	font-weight: bold;
	background: url(../images/back_datepicker_dates.png) repeat-x;
	display: block;
	font-size: 100%;
}

.button_ros:hover{
	color: #fff;
	background: url(../images/back_datepicker_dates_hover.png) repeat-x;
}
#button_ouacheter
{
	width: 75px;
	float: none;
}

#button_restezinfo
{
	width: 58px;
	float: none;
}

input.button_ros:hover, #box_connexion a:hover{
background: url(../images/back_datepicker_dates_hover.png) repeat-x;
border: none;
}

#box_connexion a
{
	color:#fff;
	background:#a5a5a5;
	padding:5px 15px 0 15px;
	border: none;
	cursor:pointer;
	font-weight: bold;
	background: url(../images/back_datepicker_dates.png) repeat-x;
	height: 30px;
	font-size: 110%;
	line-height: 1.4em;
}
/*###########################################*/
/*##  CSS fait Par JP  ######################*/


/*****************************/
/***  Accueil  ***************/

.rss_icon, .connexion_icon, .ou_acheter_icon, .restez_informe_icon, .ou_hot_buys
{
	position: absolute;
	
}

.rss_icon
{
	top: 5px;
	right: 15px;
	height: 28px;
	width: 29px;
	background: url(../images/btn_rss_up.jpg) no-repeat;
}

.ou_acheter_icon
{
	top: 5px;
	right: 10px;
	height: 24px;
	width: 24px;
	background: url(../images/img_puce_anneau.gif) no-repeat;
}

.ou_hot_buys
{
	top: 5px;
	right: 10px;
	height: 24px;
	width: 24px;
	background: url(../images/img_puce_dollar.gif) no-repeat;
}

.restez_informe_icon
{
	top: 5px;
	right: 10px;
	height: 21px;
	width: 28px;
	background: url(../images/img_puce_gear.gif) no-repeat;
}




/*###########################################*/
/*###  Ou Acheter  ##########################*/


#titleCP_box
{
	float: left;
	width: 190px;
	padding: 15px 0 0 0;
}

#titleCP_box h3
{
	font-size: 130%;
	margin: 0;
}

/*
#map_wrapper
{
	float: left;
	width: 500px;
}
#succursale_right
{
	float: right;
	width: 190px;
}
#succursale_right p
{
	margin: 0 0 15px 0;
}
*/	

#map_wrapper2
{
	display: block;
}
#succursales_resultats
{
	clear: both;
}
#succursales_resultats p
{
	float: left;
	width: 164px;
	margin: 0;
	padding: 20px 15px 0 0;
	font-size: 90%;
}
#succursales_resultats p strong
{
	font-size: 100%;
	display: block;
	margin: 0 0 3px;
}
#succursales_resultats p br.premier
{
	display: none;
}

#content_full_right .bulle_google p {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: left;
}
#content_full_right .bulle_google p strong {
	display: inline;
	text-align: left;
	font-size: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}
#content_full_right .bulle_google p br.premier {
	display: inline;
}

#searchCP_box
{
	float: left;
	width: 145px;
	padding: 10px 0;
}

#searchCP_box input
{
	width: 100px;
	border: 1px solid #9D9C9F;
	float: left;
	padding: 4px 5px 5px;
}

#searchCP_submit, #searchCP_submit2
{
	display: block;
	height: 27px;
	width: 32px;
	float: left;
	background: url(../images/btn_searchCP_up.gif) no-repeat 0 0;
}

#searchCP_submit:hover, #searchCP_submit2:hover
{
	background: url(../images/btn_searchCP_up.gif) no-repeat 0 0;
}

#noteCP_box
{
	float: right;
	width: 270px;
	padding:15px 35px;
	font-size:80%;
	color:#7d7d7d;
	background: url(../images/bkg_ouacheter_tel.jpg) no-repeat 0 10px;
}

#cp_deb, #cp_fin
{
	margin: 0 3px 0 0;
}

#td_map
{
	position: relative;
}

#td_map strong
{
	background-color: #fff;
	font-size: 130%;
	padding: 15px;
	display: block;
}
/*
#ou_acheter_loading
{
	background-color: #fff;
	padding: 20px 0 0 0;
	display: none;
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 9000;
	text-align: center;
	font-size: 160%;
	height: 40px;
	width: 502px;
}
*/
#ou_acheter_loading2
{
	background-color: #fff;
	padding: 15px 0;
	display: none;
	position: absolute;
	top: -9000px;
	left: -9000px;
	z-index: 9000;
	text-align: center;
	font-size: 130%;
	width: 718px;
}



/*###########################################################################*/
/*###  Admin#  ##############################################################*/

#datepicker
{
	background-color: #fff;
	border: 1px dotted #000;
	padding: 5px;
}

.dpTitleTR
{
	background-color: #C00;
	color: #fff;
	font-weight: bold;
}

#idDateDe, #idDateA
{
	display: block;
	margin: 10px 0 10px 0;
	padding: 5px;
	cursor:text;
}

/*#blockSerie td:first-child, #blockCode td:first-child, #blockEtatCommande td:first-child
{
	border-bottom: 2px dotted #999;
}*/

#BTNByDate, #BTNByNoCommande, #BTNByEtatCommande
{
}

#BTNByDate th, #BTNByNoCommande th, #BTNByEtatCommande th, #BTNBySerie th, #BTNByCodeProduit th, #BTNByImported th, #BTNByNonDynacom th, #BTNByALLSeries th, #BTNByALLGroupe th, #BTNByGroupe th, #BTNByNomRepresentant th, #BTNByALLRep th, #BTNByMarchand th, #BTNByNomTelMarchand th, #BTNByCodeMarchand th, #BTNByALLMarchand th
{
	background: url(../images/back_datepicker_dates.png) repeat-x;
	color: #fff;
	font-size: 110%;
	padding: 8px;
	text-align: left;
}

#BTNByImported:hover th, #BTNByNonDynacom:hover th, #BTNByALLSeries:hover th, #BTNByALLGroupe:hover th, #BTNByALLRep:hover th, #BTNByALLMarchand:hover th
{
	background: url(../images/back_datepicker_dates_hover.png) repeat-x;
	color: #fff;
}
#idDateDe:hover, #idDateA:hover
{
	border: 1px dashed #C00;
	cursor: pointer;
}

.dpDayTD
{
	padding: 5px;
	font-weight: bold;
}

.dpTD
{
	padding: 5px;
}

.dpTDHover
{
	background: url(../images/back_datepicker_dates.png) repeat-x;
	color: #fff;
	cursor: pointer;
	padding: 5px;
	font-weight: bold;
}

.button, .button_print
{
	display: block;
	float: right;
	height: 23px;
	padding: 7px 10px 0 10px;
	background-color: #C00;
	color: #fff;
	background: url(../images/back_datepicker_dates.png) repeat-x;
	font-weight: bold;
	margin: 0 0 0 10px;
}

.button:hover, .button_print:hover
{
	color: #fff;
	background: url(../images/back_datepicker_dates_hover.png) repeat-x;
}

.nowrap {
	white-space: nowrap !important;
}
table.result {
	border-left: 1px solid #dfdfdf;
}
table.result th, table.result td
{
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #dfdfdf;
	padding: 5px;
	line-height: 1.1;
}
table.result th
{
	padding: 8px 5px;
	font-size: 85%;
	color: #fff;
	background: #a0a0a0 url(../images/back_table_result_header.png) repeat-x left bottom;
}
table.result td, table.result a {
	font-size: 10pt;
}
table.result a:hover {
	text-decoration: underline;
	color: #F20010;
}
table.result tr:hover td
{
	background-color: #FFFFCC;
}

#tableRecherche {
	border: 1px solid #dfdfdf;
	margin-bottom: 10px;
}
#tableRecherche input {
	border: 1px solid #666;
	font-size: 10pt !important;
	padding: 3px 2px !important;
}
#tableRecherche select {
	border: 1px solid #666;
}
#tableRecherche tr td {
	padding: 10px;
	border: none !important;
}
#tableRecherche tr td tr td {
	padding: 5px 0 0;
}

#tableRecherche a:hover {
	text-decoration: underline;
	color: #F20010;
}


div.button_container
{
	margin: 0 5px 0 0 !important;
	float: right;
	width: 710px;
}

a.print-commande-pdf {
	position: absolute;
	top: 30px;
	left: 250px;
	float: left;
	padding: 0 0 0 28px;
	font-weight: bold;
	font-size: 100%;
	line-height: 28px;
	background: url(../images/icon_pdf.png) 0 50% no-repeat;
}

#lstProduits, #lstCommandes, #lstInvoices, #lstNotescredit, #lstCategorie, .left_column_admin, #lstRepresentants, #lstUsager, #lstSerie, #lstMarchands
{
	/*border: 1px dashed #CCC;*/
	padding: 10px;
}

#search_table h2 {
	font-weight: normal;
	font-size: 16px;
	text-transform: uppercase;
}

#admin_page_title
{
	font-size: 220%;
	margin: 0 0 5px 10px;
	float: left;
}

.header_admin
{
	padding: 5px;
	background: url(../images/back_header_admin.png) repeat-x;
	color: #fff;
}


#outer_overlay{
   /* height: 30px; */
    /*margin: 10px 200px 0 200px;  */
    position: relative;
    text-align: center;
}

#overlay{
    border: solid 1px #000;
    background-color: #fff;
    padding: 10px 20px;
	font-weight: bold;
    display: none;
    position: absolute;
    top: 200px;
    left: 425px;
    z-index: 1000;
    vertical-align: middle;
	background: #ffc;
}
#overlay img { margin-right: 10px; }


/*##########################################################*/
/*##### DatePicker #########################################*/

.ui-datepicker{
	background-color:#fff;
	border: solid 1px #000;
}


/*##########################################################*/
/*##### BON DE COMMANDE ####################################*/

table#dans-la-page.template {
	border-collapse: separate;
	border-spacing: 10px;
}
table#dans-la-page.template td, table#dans-la-page.template th {
	font-size: 11px !important;
	line-height: 1.5 !important;
}

.template .titre_pdf{
	font-size:20px;
	font-weight:bold;
	text-align:right;
	margin: 0 0 15px;
}
.template #logo-facture {
	width: 240px;
	height: 104px;
	display: block;
	position: static;
	top: 0;
	left: 0;
}
#logo-facture-pied {
	width: 187px;
	height: 17px;
	vertical-align: text-bottom;
}
.template .nowrap {
	white-space: nowrap;
}
table.template table {
	border-width: 1px 0 0 1px;
	border-style: solid; 
	border-color: #000;
}
table.template td, table.template th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: top;
}
.template table td, .template table th {
	padding: 4px 6px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #000;
}
.template table th {
	background: #ccc;
	white-space: nowrap;
}
.template table.articles {
	border: none;
}
.template table.articles th, .template table.articles td {
	font-size: 11px;
	border: none;
	background: none;
	padding: 8px 4px;
}
.template table.total th {
	font-size: 14px;
	background: none;
	white-space: nowrap;
}
.template table.total th.avec-fond {
	background: #ccc;
}
.template table.total td sup {
	font-size: 10px !important;
	line-height: 1.3 !important;
	vertical-align: top !important;
}
.template table.numeros, .template table.numeros td, .template table.pied, .template table.pied td, {
	border: none;
}
.template table.numeros td {
	font-size: 9px;
	padding: 5px 0;
}
.template table.pied td {
	padding: 5px 0 0;
	line-height: 1.4;
} 
