/***************************************************************
	Browser Reset
***************************************************************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img, abbr {
	border: 0;
}

address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.0em;
}

q:before, q:after {
	content: '';
}

a, ins {
	text-decoration: none;
	color:#333333;
}

a:hover{
	/*color:#0066FF;*/
	text-decoration:underline;
}

a img{
	border:none;
}

div.clearDiv{
	clear:both;	
}

strong{
	font-weight:bold;	
}

/***************************************************************
	General Layout
***************************************************************/

#scienta_debug{display: none}

body{
	background:#fff;
	font-family: "Trebuchet MS","Arial Narrow",Arial,sans-serif;
	_width:96%;
}

div#mainW{
	padding:5px;
	margin:0 auto;
	position:relative;
	color:#000;
}

div#mainW h1{
	font-size:18px;
	border-bottom:1px dashed #CFCFCF;
	line-height:35px;
	color:#313131;
	padding:5px;
	margin:0 0 5px 0;
}


.validationMessage{
	background:#d2ff7a url("../images/icones/ok_message.gif") 5px 50% no-repeat;
	border:1px solid #8dd600;
	text-align:left;
	padding:5px 5px 5px 40px;
	margin:20px 10px;
	font-family : Trebuchet MS,arial;
	font-size:12px!important;
}



.errorMessage{
	background:#FFEBE8 url("../images/icones/error_message.gif") 5px 50% no-repeat;
	border: 1px solid #DD3C10 ;
	text-align:left;
	padding:5px 5px 5px 40px;
	margin:20px 10px;
	font-family : Trebuchet MS,arial;
	font-size:12px;
}


.informationMessage{
	background:#bdd0e6 url("../images/icones/information-b.gif") 5px 50% no-repeat;
	border: 1px solid #5b9cd6 ;
	text-align:left;
	padding:5px 5px 5px 25px;
	margin:20px 10px;
	font-family : Trebuchet MS,arial;
	font-size:12px;	
	color:#345395;
}


div#mainW h1#titrePoserQuestion{
	background: url("../images/icones/note_edit.gif") 0 50% no-repeat;
	display:block;
	padding:0 0 0 40px;	
	_position:relative;
}

div#mainW h1#notesVendeur{
	background: url("../images/icones/notation-user.gif") 0 50% no-repeat;
	display:block;
	padding:0 0 5px 40px;	
	_position:relative;
}

div#contactRapide h1 span{
	background: url("../images/icones/send-32.gif") 0 50% no-repeat;
	display:block;
	padding:0 0 0 40px;	
}
div#contactRapide fieldset{
	margin:10px;
}

a{
	color:#006f9f;
}

div#mainW p.authen{
	margin-top:40px;
	margin-bottom:40px;
}

a.close{
	background:transparent url(../images/fancybox/fancy_closebox.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	font-size:11px;
	height:30px;
	width:100px;
	z-index:181;
	padding-left:35px;
	padding-top:5px;
	color:white;
	margin:auto;
}

/****************************
*         FORMULAIRES       *
*****************************/

form{
    width:450px;
    margin:0 auto;
}


div.formElement,div.formRadioElement, div.formBoxElement{
    margin:0 0 10px 0;   
}
div.formRadioElement label, div.formBoxElement label{
    cursor:pointer;   
    margin-right:10px;
    font-size:12px;
}


.labelElement{
    font-size:12px; 
    color:#707070;
    display:block;
}

.required{
    color:#000;
    font-weight:bold;
}


div.formElement input,
div.formElement select,
div.formElement textarea{
    border:1px solid #707070;
    padding:4px;   
    font-size:12px;
    height:16px;
    line-height:16px;
    width: 200px;
    background-color: #f5f5f5;
}
div.formElement input.focus,
div.formElement select.focus,
div.formElement textarea.focus{
    border:1px solid #D33B1D;
    background-color: #FFFFFF;
}

div.formElement textarea{
    width: 350px;
    height:200px;
}
div.formElement select{
    height: 26px;
    cursor: pointer;
    width: 210px;
}
div.formBoxElement input,
div.formRadioElement input{
    width: 12px;
    margin:0 5px 0 0;
}

ul.errors{
    padding:0 0 0 15px;
    background: url("../images/icones/error_small.gif") 0 3px no-repeat;
   
}
ul.errors li{
    font-size:11px;
    color:#e2001a;
}

p.description,p.hint {
    color:#535353;
    font-size:11px;
    font-style:italic;
    margin:2px 0 0 0;
}

input#DOB{
    background:#f5f5f5 url("../images/icones/calendar.gif") 98% 50% no-repeat;
    width: 180px;
    padding-right:24px;   
}
input#DOB.focus{
     border:1px solid #D33B1D;
    background-color: #FFFFFF;     
}


input#submit{
    display:block;
    margin:0 auto;   
}
/******************************
    FIN FORMULAIRE
*****************************/
	
	
.center_label {
	background-image:url(../images/decorators/bg_header_panier.png);
	background-repeat:repeat-x;
	color:white;
	height:35px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
.center_button {
	background-image:url(../images/decorators/boutons/button_center.jpg);
	background-repeat:repeat-x;
	height:35px;
	padding-left:5px;
	padding-right:5px;
	padding-top:7px;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
.center_button a{
	color:white;
	}
.center_label_h2 {
	background-image:url(../images/decorators/bg_header_h2.png);
	background-repeat:repeat-x;
	color:white;
	height:27px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px!important;
	text-align:center;
	vertical-align:top;
	white-space:nowrap;
}
.center_label h1{
	color:#fff!important;
	}
.center_label_h2 h2{
	color:#fff!important;
	background:transparent url(../images/footerbox/fleche.png) no-repeat scroll 15px 50%;
	text-align:left;
	text-indent:40px;
	}

.corner_entete{
	background-image:url(../images/decorators/bg_header_panier.png);
	background-repeat:repeat-x;
}

p.valid_form{
	background:#d2ff7a url(../images/decorators/valider_form.png) no-repeat scroll 5px 50%;
	border:1px solid #8dd600;
	text-align:left;
	padding:15px 10px 15px 50px;
	margin: 10px;
	font-family : Trebuchet MS,arial;
	font-size:12px!important;
	color:#000!important;
}

p.error_para{
	background:#FFEBE8;
	border: 1px solid #DD3C10;
	text-align:left;
	padding:5px;
	margin: 10px;
	font-family : Trebuchet MS,arial;
	font-size:12px;
}

p.error_para strong, p.valid_form strong{
	text-decoration:underline;
	font-weight:bold!important;
}

form#addCom{
	width: 350px;
	margin:0 auto;
}

/*** Styles des notation ***/
div.notation{}

div.notation p span{
	display:none;
}
div.notation p{
	line-height:12px;
	margin:0;
	font-size:10px;
	line-height:12px;
	color:#302f2f;
}
div.notation p a{
	text-align:left;
	padding:0;
	margin:0;

}
p.star0,
p.star1,
p.star2,
p.star3,
p.star4,
p.star5{
	background:url(../images/notation.gif) 0 0 no-repeat;
	height: 12px;
}


p.star0{bacbackground-position:0 0px;}
p.star1{background-position:0 -12px;}
p.star2{background-position:0 -24px;}
p.star3{background-position:0 -36px;}
p.star4{background-position:0 -48px;}
p.star5{background-position:0 -60px;}

div.notationW{
	border:1px solid #e5e5e5;
	background-color:#fbfbfb;
	padding:5px;
	margin:10px 0;
	
}


div.enteteNotation div.notation p{
	float:left;	
	width: 75px;
}
div.enteteNotation p{
	color:#707070;
	font-size:11px;	
	font-style:italic;
}
p.descNote{
	font-size:12px;
	color:#313131;
	margin:5px 0;
}

p.hint{
    font-size:11px;
    margin:5px 0;
}

div#bordereauW{
 width: 600px;
 margin:0 auto;
 font-size:12px;   
}

p.printBordereau a{
    background: url("../images/icones/fileprint.gif") 4px 4px no-repeat;
    padding:4px 4px 4px 55px;
    display: block;
    height:100%;
   border:1px dashed #ccc;
}

p.printBordereau a:hover{
    background-color: #f9f9f9;
    border:1px solid #ccc;
    text-decoration:none;   
}


div#listingAnnoncePopupW{
    
 width:100%;
 height:220px;
 overflow-y:scroll;
 overflow-x:hidden;
 
 _width:460px;
 _height:200px;
    
}


form#formContact div#form_element_NOM,
form#formContact div#form_element_PRENOM
{
    float:left;
    width: 225px;  
}

form#formContact div#form_element_EMAIL{
    clear:both;   
}
form#formContact div#form_element_SUJET input{
    width: 440px;
      
}
form#formContact textarea#MESSAGE{
    height:140px;
    width: 440px;
}
form#formContact input#submit{
    display:block;
    margin:0 auto;   
}

input#NUM_TRACKING{
    width: 350px;   
}