/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

img.fil{margin:20px 10px;}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.ui-tabs-nav, .ui-tabs-panel {
padding:0;
margin:0;
}
div#profil {
	margin:10px 0 0 0;
    float:left;
}
div#profil ul {
    clear:both;
	margin:0 0 0 91px;
	margin:0 0 0 2px;
	width:510px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 0;
	padding:0;
	background-image:none;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0;
	margin:0 0 0 0;

}
.ui-tabs-nav a {
	position: relative;
	height:32px;
	_width:48px;
	min-width:48px;
	margin:0 7 0 0;
    padding-left: 0;
    color: #FFF;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
	/*background-image:url(../img/habillage/bg_all_the_editions_li.gif);
	background-position: 0 0;
	background-repeat:repeat-x;*/
}
.ui-tabs-nav a:link{color:#4b4942}
.ui-tabs-nav a:visited{color:#4b4942}
.ui-tabs-nav a:active{color:#4b4942}
.ui-tabs-nav a:hover{color:#4b4942;text-decoration:none}
.ui-tabs-nav .ui-tabs-selected a {
    z-index: 2;
	background: url(../img/habillage/bg_all_the_editions_li_selected.gif) no-repeat;
	width:109px;
	height:32px;
	font-size:1em;
}
.ui-tabs-nav .ui-tabs-selected a span{
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a:link{color:#FFF}
.ui-tabs-nav .ui-tabs-selected a:visited{color:#FFF}
.ui-tabs-nav .ui-tabs-selected a:active{color:#FFF}
.ui-tabs-nav .ui-tabs-selected a:hover{color:#FFF;text-decoration:none}
.ui-tabs-nav a span {
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding:12px 10px 1px 10px;
	background: url(../img/habillage/bg_all_the_editions_li.gif) no-repeat;
	background-position:0 0;
	width:38px;
	min-width:38px;
	margin:10px 0 0 0;

}
.ui-tabs-nav a.first span {
	background: url(../img/habillage/bg_all_the_editions_li_first.gif) no-repeat;
}
.ui-tabs-nav a:hover span{background: url(../img/habillage/bg_all_the_editions_li_hover.gif) no-repeat;}
.ui-tabs-nav a.first:hover span{background: url(../img/habillage/bg_all_the_editions_li_first_hover.gif) no-repeat;}
.ui-tabs-nav .ui-tabs-selected a.first:hover span{background:none;}

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;margin:0
}
.ui-tabs-nav .ui-tabs-selected a span { 
	height: 22px; /* IE 6 treats height as min-height */
    min-height: 22px;
	padding:9px 5px 1px 5px;
	background: url(../img/habillage/bg_all_the_editions_li_selected.gif) no-repeat;
}
.ui-tabs-nav .ui-tabs-selected a.first span { 
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    	
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	

}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;padding:0;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;padding:0;
}
.ui-tabs-disabled {}
.ui-tabs-panel {
	width:510px;/*
    padding:0;
	border-left:3px solid white;
	border-right:3px solid white;
	background-color:#f2f2f2;*/
	margin:-3px 0 0 -2px;
	/*ie 6 design*/
	/*_padding:0 0 0 0;*/
	/*end */	
}
.ui-tabs-panel div.column , #all_the_editions div.column{
margin:0 10px 0 0;
float:left;
width:148px;
}
.ui-tabs-panel div.column a, #all_the_editions div.column a{
display:block;
width:138px;
padding:3px 5px 3px 5px;
float:left;
}

div.content_group_top{background:url(../img/habillage/bg_profil_content_top.png) no-repeat; background-position:0;width:676px;height:26px;}
div.content_group{ background-image:url(../img/habillage/bg_profil_content_middle.png); background-repeat:repeat-y; width:648px;margin-top:0;padding:5px 15px 15px 15px;}
div.content_group {color:#4b4942; font-family:"Trebuchet MS";}

div.content_group_bottom{background:url(../img/habillage/bg_profil_content_bottom.png) no-repeat;width:676px;height:11px;/*margin:0 0 0 6px;*/}

div#contentGroup_bottom{background-image:url(../img/habillage/bg_profil_content_bottom.png);width:676px;height:11px;margin:0 0 0 6px;}

.btnFermer {margin:-15px 0 0 600px;}
#left_function p.welcome{margin:10px 0 0 0}
div.field_container p{width:auto;text-align:left;margin:1px 0 0 0}

#left_function div.content_group p.info {color:#A5A4A0;font-size:12px;font-weight:normal;margin:20px 0 15px;padding:0;}

#left_function p.underline{text-decoration:underline;font-weight:bold;margin:0;padding:0}
#left_function div.content_group p.error{font-weight:bold;color:red;}
#left_function p.marged {color:#4B4942;padding:0 0 0 95px;}
#left_function p.info{color:#a5a4a0;margin:20px 0 15px 0; font-weight:normal; font-size:12px; padding:0;}
#left_function div.content_group p{margin: 0 0 10px 0;font-size:1em; color:#4b4942;}
#total{ background: url(../img/habillage/bg_profil_mescommandes_box_bottom.png) no-repeat left bottom; text-align:right; height:30px; }
	#totalPrice{ background: url(../img/habillage/btn_total.gif) no-repeat right; margin:-31px 0 0 0; width: 637px; height: 28px;}
		#totalPrice span {font-weight:bold; font-size:12px; color:#ffffff; position:relative; top:10px; left:555px;}

#fragment-1 {margin:0 0 0 6px;}
#fragment-1 ul{overflow:hidden;}
	#fragment-1 li{float:left; background:none; margin:0; padding:0; padding:10px 0 0 0;}
	#fragment-1 #selected{margin:-9px 0 0 0;}
		fragment-1 li a{display:block;}

#fragment-1 .content_group #total p{ width:500px; margin:0; height:30px; font-weight:bold; padding:5px 0 0 8px; font-size:12px; color:#444444;}
#total img{ float:right; margin:-35px 11px 0 0; height:28px;}

table tr th.montant{ height:16px; width:94px;}
div.box_top{margin:10px 0 0 25px;width:616px;height:19px;padding:7px 10px 0 10px;background-image:url(../img/habillage/bg_profil_box_top.png);font-weight:bold;color:#FFF;font-size:14px; font-family:"Trebuchet MS";}
div.box_middle{margin:0 0 0 25px;width:604px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;min-height:10px;background-color:#FFF;padding:15px 15px 5px 15px;color:#4b4942}
div.box_bottom{margin:-4px 0 0 25px;width:636px;height:14px;background-image:url(../img/habillage/bg_profil_box_bottom.png); background-repeat:no-repeat;}
div.box_middle #forgotten input{margin:0; float:left; clear:none;}

/***Mon Compte - Onglets*/

div#fragment-1 p{ font-size:27px; color:#a8a8a8; padding:0 0 0 5px; font-weight:bold;}
	div.content_group_top ul li{ background:none; float:left; margin:-22px 0 0 0; padding-left:0; }
	div.content_group_top ul li.lastItem{ margin:-28px 0 0 0;}
	div.content_group_top ul li img#sinscrireOn{ margin:-6px 0 0 2px;}
    div.content_group_top ul li img#mesdonneesOff { margin:6px 0 0 0;}
	div.content_group_top ul li img#mescommandesOn{ margin:-6px 0 0 0;}
	div.content_group_top ul li img#mesDonneesOff{ margin:6px 0 0 0;}
/**Mon Compte - Pub**/
div.box_middle #fidele {margin:45px 50px 30px 30px;font-size:18px; float:left;}
	div.box_middle #fidele p span{color:#fc9603;font-size:30px;}
	div.box_middle #pointsFidelite{overflow:hidden; background: url(../img/habillage/pub_fidelite.png) repeat-y; height:135px;}
		div.box_middle #pointsFidelite p{ text-align: left; padding: 0 0 0 5px; font-size:16px; color:#ffffff;}
			div.box_middle #pointsFidelite p span{ font-size:20px;}
				div.box_middle #pointsFidelite img{ margin:0 0 0 10px; padding-top:95px; }

/*light update for the calendar*/
#datepicker_div {
font-size: 0.55em;
	display: none;
	border: none;
	z-index: 9999; /*must have*/;
	border:none;
}
img.datepicker_trigger{margin-top: -5px;margin-right: 2px;margin-bottom: 2px;margin-left: 10px;}


.box_top span{float:left;}

/*fragment 1*/
div.content_group h2{font-size:1.15em;font-weight:bold;margin:0 0 15px 0}
div.field_container{clear:both;min-height:25px;}
	div.civiliteInscrire{margin:0 0 0 -79px;}
div.formatNewsletter label.format{width:118px; margin:0 35px 0 0;}
div.formatNewsletter{ margin:12px 25px 0 100px; font-weight:bold;}
div.formatNewsletter input.radio{margin:0;}
div.field_container input{float:left;}
div.field_container span{float:left; padding:5px 0 0 0px; }
div.field_container span.error{float:left; padding:5px 0 0 5px; color:red}
div.field_container label.checkbox{width:400px;text-align:left;padding:4px 0 0 0;}
div.field_container input.text_field {height:13px;!margin:-1px 0 10px 0;margin:0 0 10px 0;border:0;border-top:1px solid #9c9c9c;border-bottom:1px solid #9c9c9c;font-size: 1em;font-family: 'Trebuchet MS','Lucida Grande';padding:1px 0 3px 0;_padding:1px 0 3px 0;_height:14px;!padding:0 0 3px 0;!height:14px;width:180px;float:left;}
div.field_container p.error{float:right;width:255px;margin:0 0 0 10px;}
 #left_function div.content_group p.marged{padding:0 0 0 95px; color:#4b4942;}
div.field_container label{width:115px;display:block;float:left;text-align:right;padding:4px 0 5px 0;margin:0 25px 0 10px;}
div.field_container label.error{width: 192px;}
div.field_container label.city{width:auto;margin:0 10px 0 10px;}
div.field_container img.right {float:right;margin:0 5px 0 0}
div.field_container img.left {float:left;}
	  
div.field_container input.text_field.cp {width:30px;}
div.field_container input.text_field.city {width:92px;}
	div.addresse {margin:0 0 0 150px; font-weight:bold; font-size:12px; color:#4b4942;}
div.field_container input.text_field.day {width:12px;}
div.field_container input.text_field.month {width:12px;}
div.field_container input.text_field.year {width:26px;}
div.field_container span.intercontent {float:left;width:55px;text-align:center;padding:3px 0 0 0;}
div.field_container span.intercontent.bigtext {font-size:1.15em;}
div.newsletter{ margin:10px 0 0 0;}
input.record_button {margin:0 0 20px 210px;clear:both;}
input.valider_button {margin:0 0 20px 255px;clear:both;}
input.valider_button_abonnement {margin:22px 0 20px 255px;clear:both;}

input.record_button.margintop {margin:10px 0 20px 140px;clear:both;}
h4{text-transform:uppercase;font-size:1.4em;width:100%;border-bottom:1px solid #c9c8c6;margin:10px 0 20px 0;text-align:center}
		  
/*fragment 2*/

div#fragment-2 label{margin:1px 10px 0 5px;width:auto;}
div#fragment-2 div.options{font-weight:bold;margin:10px 0 0 5px}
div#fragment-2 div.options label{font-weight:normal;}
div#fragment-2 div.options input{padding:0;margin:10px 0 0 0;}
div#fragment-2 input.record_button {display:block;margin:20px auto 0 auto;clear:both;}
		input#envoyer {margin:0 0 20px -11px;}
.selection{margin:-14px 0 -5px -14px;width:634px;padding:0;}
.ma_selection th{background-color:#dddddd;border-right:1px solid #e6e6e6;padding:10px 15px 10px 15px;text-align:center;color:#000;font-weight:bold}
.ma_selection td{background-color:#FFFFFF;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding:10px 15px 10px 15px;text-align:left;vertical-align:middle;color:#717171}

.ma_selection th.titre{text-align:left;}
.ma_selection td.delete_selection{vertical-align:top;border:0}
.ma_selection td.delete_selection a:link{color:#000}

.ma_selection td.entry input{float:left;margin:18px 15px 0 0}
.ma_selection td.entry {vertical-align:top;}
.ma_selection td.entry .info{padding:0}
.ma_selection td.entry h3{color:#000;font-size:1.15em;padding:0 0 5px 2px;}
.ma_selection td.entry img{float:left;padding:0 11px 0 0}
.ma_selection td.entry img.acheter{bottom:4px;right:4px;}
.ma_selection td.entry a:link{color:#1e1e1e;}
.ma_selection td.entry a:visited{color:#1e1e1e;}
.ma_selection td.entry a:active{color:#ED2B29;text-decoration:none}
.ma_selection td.entry a:hover{color:#ED2B29;text-decoration:none}

.ma_selection td.alert {font-weight:bold;color:red;}
.ma_selection td.alert img{float:right;}

.ma_selection p a:link{color:#1e1e1e;}
.ma_selection p a:visited{color:#1e1e1e;}
.ma_selection p a:active{color:#ED2B29;text-decoration:none}
.ma_selection p a:hover{color:#ED2B29;text-decoration:none}
.ma_selection img.view{float:right;}

/*fragment 3*/
div.videotheque div.entry{height:90px;width:100%;margin:5px 3px 5px 3px;padding:0;position:relative; background-image: url(../img/habillage/bg_videotheque_entry.png);background-position: bottom left; background-repeat: no-repeat}
#left_function div.content_group div.videotheque div.entry p.command{margin:0;padding:0;float:left;}
div.videotheque div.entry p.command span{font-weight:bold;color:#fc3061;margin:0;padding:0;}
div.videotheque div.entry h3{color:#000;font-size:1.15em;padding:0 0 5px 2px;position:absolute;top:15px;left:104px;width:250px;}
div.videotheque div.entry img{float:left;padding:0 11px 0 0}
div.videotheque div.entry img.acheter{position:absolute;bottom:4px;right:4px;}
div.videotheque div.entry div.info {position:absolute;top:37px;left:106px;width:250px;}
div.videotheque div.entry div.info span.prix {color:#1e1e1e; font-size:1.7em;}
div.videotheque div.entry a:link{color:#1e1e1e;}
div.videotheque div.entry a:visited{color:#1e1e1e;}
div.videotheque div.entry a:active{color:#ED2B29;text-decoration:none}
div.videotheque div.entry a:hover{color:#ED2B29;text-decoration:none}
div.videotheque p a:link{color:#1e1e1e;}
div.videotheque p a:visited{color:#1e1e1e;}
div.videotheque p a:active{color:#ED2B29;text-decoration:none}
div.videotheque p a:hover{color:#ED2B29;text-decoration:none}
div.videotheque img.view{float:right;}
table{margin:-14px 0 -5px -14px;width:635px;padding:0;}
th{background-color:#dddddd;border-right:1px solid #e6e6e6;padding:10px 15px 10px 15px;/*text-align:left;*/color:#000;font-weight:bold; font-size:12px;}
th.montant{width:90px;} 
th.date{width:120px;} 
td{background-color:#FFFFFF;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding:7px 15px 7px 15px;text-align:left; font-size:12px;}
td.numero{ color:#f8810d; text-align:center;}
	td.numero img {float:left; padding:0 15px 0 0;}
td.dateCommande {text-align:center;}
td.montantCommande{text-align:center;}
div.total{background-image:url(../img/habillage/bg_bottom_histo_commande.png);background-repeat:no-repeat;width:553px;height:15px;color:#000;font-weight:bold;font-size:1.15em;text-transform:uppercase;text-align:right;padding:5px 70px 10px 15px}
div.total span{color:#fc3061}
tr.last td{border-bottom:0; text-align:right; padding:0;}	
tr.last{ background:url(../img/habillage/bg_profil_box_bottom.png) no-repeat bottom;}  
/*fragment 4*/
/*div#fragment-4 label.checkbox{width:400px;text-align:left;}*/
a.plus{font-weight:normal;border:1px solid white;padding:0 0 0 1px;margin-top:-2px;height:13px;width:12px;display:block;float:right;text-align:center}
a.plus:link{color:white;}
a.plus:visited{color:white;}
a.plus:active{color:white;text-decoration:none;}
a.plus:hover{color:white;text-decoration:none;}
div.field_container.marged input{margin-left:145px;}
div.field_container select{color:#FFF; display:block; border:none;font-size:0.9em;border-collapse:collapse;background-color:#7e7e7e;margin:1px 0 0 0}
div.field_container select option{border:none;display:block;background-color:#7e7e7e;border-collapse:collapse;}
div.field_container img#calendar_button{margin-bottom:5px}
div.field_container div.textarea_container{ background-image:url(../img/habillage/bg_textarea.png); background-repeat:no-repeat;width:411px;height:109px;float:left;!float:none;margin-bottom:10px;}
div.field_container div.textarea_container textarea{width:396px;height:94px;border:1px solid #FFF; border-collapse:collapse;padding:0;margin:5px;font-size: 1em;font-family: 'Trebuchet MS','Lucida Grande';overflow:auto}
div#fragment-4 input.send_button {display:block;margin:15px auto 0 auto;clear:both;}
div.field_container input.text_field.date {width:62px;border:1px solid #9c9c9c;padding:1px 2px 2px 2px}
img.economisez {float:right}
img.creditez {margin:0 0 0 35px;padding:0;float:left;}
#left_function div.content_group p.credit {width:65%;float:left;font-size:1.15em;font-weight:bold;line-height:2em;}
p.credit span {font-size:2em; color:#f66d02;}

.btnContinuer{background:url(../img/habillage/bt_continuer_off.png) no-repeat; border:none; width:104px; height:25px;margin:20px 40px 0px 0px}
.btnContinuer:hover {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../img/habillage/bt_continuer_on.png) no-repeat scroll 0 0;}

p.info{color:#a5a4a0;margin:20px 0 15px 0; font-weight:normal; font-size:12px; padding-left:10px;text-align:justify;}
