/* 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;
    }
}

/* 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 h1 {color:#a8a8a8; font-size:27px; padding:0 0 30px 16px; font-weight:bold; font-family:"Trebuchet MS"; }
div#profil {
	margin:10px 0 0 0;
    float:left;
}

#profilContact h1{color:#a8a8a8; font-size:27px; font-weight:bold; font-family:"Trebuchet MS"; padding:10px 0 30px 16px;}

#profil p{color:#a8a8a8; font-size:27px;}

.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-image:url(../img/habillage/bg_profil_content_top.png); background-position:0;width:676px;height:26px;}*/
div.content_group{background:url(../img/habillage/bgd_contact-content-header.gif) no-repeat;width:672px;margin-top:0;padding:5px 15px 15px 15px;}
div.content_group {color:#4b4942; margin:0 0 0 8px; width:665px;}
	div.content_group_footer {color:#4b4942;background:url(../img/habillage/bgd_contact-content-footer.png) no-repeat bottom;width:672px;margin:0 0 0 -2px;padding:5px 15px 15px 5px;}
/**Demande Catalogue**/
div.content_group_demande{background:url(../img/habillage/bgd_contact-content-header.gif) no-repeat;width:648px;margin-top:0;padding:5px 15px 0 15px;}
div.demandeFooter{background:url(../img/habillage/bgd_contact-content-footer.png) no-repeat bottom;width:672px;margin:0 0 0 -8px;padding: 0 0 15px 32px;}
.invisible { color:#f2f2f2; visibility:hidden;}
div.content_group_demande{color:#4b4942; margin:0 0 0 8px;}

#left_function div.content_group_demande p.error{font-weight:bold;color:red;}
#left_function div.content_group_demande p.info{color:#a7a7a7;margin:20px 0 5px 0}
#left_function div.content_group_demande p{margin: 5px 0 10px 0;font-size:1em}

span.error{float:left; padding:5px 0 0 5px; color:red}

div.content_group_demande h2{font-size:1.15em;font-weight:bold;margin:0 0 15px 0}


div.content_group_bottom{background-image:url(../img/habillage/bg_profil_content_bottom.png);width:676px;height:11px;}

#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 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 div.content_group p.info{color:#a7a7a7;margin:20px 0 5px 0}
#left_function div.content_group p{margin: 5px 5px 10px 5px;font-size:12px; color:#4b4942;}

div.box_top{ margin:10px 0 0 0; width:618px; 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;}

	div.box_top_contact{ margin:10px 0 0 22px; width:618px; 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;}

div.box_middle{margin:0 0 0 0;width:606px;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_middle p{color:#4b4942; font-size:12px;}
		div.box_middle #message select {width:195px;}
		
div.box_middle_contact{margin:0 0 0 0;width:606px;/*border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;*/min-height:10px;/*background-color:#FFF;*/padding:15px 15px 5px 18px;color:#4b4942; background:url(../img/habillage/bgd_contact-message.png) no-repeat bottom;}
	div.box_middle_contact p{color:#4b4942; font-size:12px;}
		div.box_middle_contact #message select {width:195px;}	
		
div.box_middle_catalogue{margin:0 0 0 0;width:606px;/*border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;*/min-height:10px;/*background-color:#FFF;*/padding:15px 14px 5px 18px;color:#4b4942; background:url(../img/habillage/bgd_contact-message.png) no-repeat bottom;}
/*	div.box_middle_catalogue p{color:#4b4942; font-size:12px;}
		div.box_middle_catalogue #message select {width:195px;}	*/	
		
		
div.box_bottom{margin:0 0 0 0;width:638px;height:14px;background-image:url(../img/habillage/bg_profil_box_bottom.png)}

div#contact{margin:0 0 0 0;width:608px;min-height:10px;background-color:#FFF;padding:15px 15px 5px 15px; background:url(../img/habillage/bgd_contact.png) no-repeat bottom;/* height:45px;*/ margin:0 0 0 22px;}
	div#contact p{color:#4b4942; font-size:12px; width:285px; padding:3px;color:#4b4942;}
div.box_bottom{margin:0 0 0 0;width:638px;height:14px;background-image:url(../img/habillage/bg_profil_box_bottom.png); background-repeat:no-repeat;}

/*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.field_container input{float:left;}
div.field_container select {background-color:#7E7E7E;
border:medium none;
color:#FFFFFF;
font-size:12px;
margin:0 0 6px;}
div.field_container select.country {width:197px;}
	#record{margin:0 0 5px 193px;}
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;}
p.marged{padding:0 0 0 145px;}
div.field_container label{width:115px;display:block;float:left;text-align:right;padding:4px 0 5px 0;margin:0 25px 0 0}
div.field_container label.error{font-weight:bold;color:red;}
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.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;}
input.record_button {margin:0 0 20px 140px;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;}
.selection{margin:-14px 0 -5px -14px;width:634px;padding:0;}

.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;}


		  
/*textarea*/

div.field_container div.textarea_container{ background:url(../img/habillage/bgd_textarea_message.png) no-repeat;width:411px;height:109px;float:left;!float:none;margin-bottom:10px;}
div.field_container div.textarea_container textarea{height:94px;border:1px solid #FFF; border-collapse:collapse;padding:0;margin:5px;font-size: 1em;font-family: 'Trebuchet MS','Lucida Grande';overflow:auto}