/* css base fake form */
#js .select select, #js .checkbox input, #js .radios input {
    position:absolute; left:-10000px;
}
.fauxSelect {
    float:left;
    padding-right:16px;
    width:177px;
    background: url(/img/form/arrow-select.png) no-repeat 100% 50%;
}
.fauxSelect.focus {
    /*border-color:#000;*/
}
.fauxSelect div {
    overflow:hidden;
    width:100%; height:18px;
	background:url(/img/form/bgd-input.png) no-repeat;
}
.fauxSelect span {
    display:block;
    overflow:hidden;
    margin-right:22px; padding:2px 4px;
    width:500px; height:14px;
	font-size:11px;
	color:#2f2823;
	text-align:left;
}
#boxFauxOptionsMask {
	z-index:2;
}
#fauxOptions {
    overflow:hidden;
	margin-top:1px;
    border:1px solid #e0d6d0;
    background:#FFF;
	z-index:3;
}
#fauxOptions ul {
    margin:0; padding:0;
    list-style:none;
}
#fauxOptions .scrolled ul {
    margin-right:14px;
}
#fauxOptions li {
    padding:1px 2px;
    background:none;
	font-size:11px;
	color:#2f2823;
	cursor:pointer;
}
* html #fauxOptions li {
    zoom:1;
}
#fauxOptions li:hover, #fauxOptions li.hover {
    background:#f6f2ef;
}
#fauxOptions li.selected {
    background:#cfbfb5;
}

#fauxOptions .scrolled {
    position:absolute; top:0; left:0; z-index:58;
}
#fauxOptions .scrollbar {
    position:absolute; top:1px; right:1px;
    width:12px;
}
#fauxOptions .gutter {
    position:absolute; top:0; left:0;
    width:12px;
    background:#EEE;
}

#fauxOptions .bar {
    position:absolute; top:0; left:0;
    overflow:hidden;
    width:12px;
	background-color:#cfbfb5;
}

#fauxOptions .bar .start, #fauxOptions .bar .end {
    position:absolute; left:0;
    overflow:hidden;
    width:12px; height:1px;
}
#fauxOptions .bar .start {
    top:0;
    background-position:-12px 0;
}
#fauxOptions .bar .end {
    bottom:0;
    background-position:-12px -11px;
}

/*Auto clearing*/
.select:after, .actions:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}
* html .select, * html .actions {
    zoom:1;
}
*+html .select, *+html .actions {
    zoom:1;
}

/* CSS template contact */
#contactPageForm #content p {
	font-size:12px; color:#462011;
}
#contactPageForm #content .btLink {
	margin-top:10px;
}
#contactPageForm form#contactForm fieldset {
	padding-bottom:15px;
	border-bottom:1px solid #d7d7d7;
}
#contactPageForm form#contactForm legend {
	padding:15px 0;
	font-size:14px; font-weight:bold;
	color:#6e4a2c;
	text-transform:uppercase;
}
#contactPageForm form#contactForm legend.error {
	color:#890018;
}
#contactPageForm form#contactForm label {
	float:left; display:block;
	width:145px;
	padding:0 4px;
	font-weight:bold; color:#2f2823;
	text-align:right;
}
*html #contactPageForm form#contactForm .text label.cc {
    width:145px;
    padding:0 4px 0 1px;
}
*html #contactPageForm form#contactForm .text label {
    width:142px;
}
#contactPageForm form#contactForm label span {
	font-weight:normal; font-size:10px;
}
#contactPageForm form#contactForm div.error label {
	color:#890018;
}
#contactPageForm form#contactForm div.text input {
	border:0;
	width:187px; height:16px;
	padding:2px 2px 0 4px;
	background:url(/img/form/bgd-input.png) no-repeat;
	font-size:11px;
	color:#2f2823;
}
#contactPageForm form#contactForm div.text #code_client {
    margin-top:4px;
}
#contactPageForm form#contactForm div.text #nb_sur_site {
    margin-top:4px;
}
#contactPageForm form#contactForm div.text input#addr1 {
   width:467px;
   background:url(/img/form/bgd-input-long.png) no-repeat;
}
#contactPageForm form#contactForm div.error input {
	background:url(/img/form/bgd-input-error.png) no-repeat;
}
#contactPageForm form#contactForm div.error input#addr1 {
   width:467px;
   background:url(/img/form/bgd-input-long-error.png) no-repeat;
}
#contactPageForm form#contactForm div.error .fauxSelect div {
	background:url(/img/form/bgd-input-error.png) no-repeat;
}
#contactPageForm form#contactForm div.error .fauxSelect {
	background: url(/img/form/arrow-select-error.png) no-repeat 100% 50%;
}
#contactPageForm form#contactForm .field1 div.text, #contactPageForm form#contactForm .field1 div.select {
	margin-bottom:10px;
}
#js #contactPageForm form#contactForm .field1 div.text.autre {
   display:none;
}
#contactPageForm form#contactForm .field1 .bloc {
    margin-bottom:25px;
    clear:both;
}
#contactPageForm form#contactForm .field1 .clearer {
    clear:both;
}
#contactPageForm form#contactForm .field1 .adress {
    margin-bottom:10px;
}
#contactPageForm form#contactForm .field1 .bloc1 {
    clear:both;
    margin-bottom:15px;
}
#contactPageForm form#contactForm .field1 .bloc1, #contactPageForm form#contactForm .field1 .bloc2, #contactPageForm form#contactForm .field1 .blocFonction {
	float:left;
	width:353px;
}

* html #contactPageForm form#contactForm .field1 .bloc2, * html #contactPageForm form#contactForm .field1 .blocFonction {
    width:273px!important;
}

#contactPageForm form#contactForm .field1 .bloc1 label {
   width:145px;
   position:relative;
}
*html #contactPageForm form#contactForm .field1 .bloc1 .text label {
    width:142px;
}
#contactPageForm form#contactForm .field1 .bloc1 label span {
    position:absolute;
    top:10px;
}
#contactPageForm form#contactForm .field1 .bloc1 label span.exCp {
    left:84px;
}
#contactPageForm form#contactForm .field1 .bloc1 label span.exTel {
    left:73px;
    width:76px;
}
#contactPageForm form#contactForm .field1 .bloc2 {
	width:273px;
	text-align:right;
}

*html #contactPageForm form#contactForm .field1 .bloc2 {
    width:275px;
}

*html #contactPageForm form#contactForm .field1 .blocFonction {
    width:275px;
}

#contactPageForm form#contactForm .field1 .blocFonction {
	width:273px;
	text-align:right;
}
* html  #contactPageForm form#contactForm .field1 .blocFonction {
	margin-top:15px;
}
*+ html  #contactPageForm form#contactForm .field1 .blocFonction {
	margin-top:15px;
}

#contactPageForm form#contactForm .field1 .bloc2 .fauxSelect {
	float:right;
}
#contactPageForm form#contactForm .field1 .bloc2 label, #contactPageForm form#contactForm .field1 .blocFonction label  {
	margin-left:10px;
	width:60px;
}
* html #contactPageForm form#contactForm .field1 .bloc2 label {
	margin-left:4px;
}
* html #contactPageForm form#contactForm .field1 .blocFonction label {
	margin-left:4px;
}
#contactPageForm form#contactForm div.checkbox label {
	display:inline; float:none;
}
#js #contactPageForm form#contactForm div.checkbox label {
	padding:0 0 0 22px;
	margin-right:45px;
	background:url(/img/form/checkbox-off.png) no-repeat;
	cursor:pointer;
}
#js #contactPageForm form#contactForm div.checkbox label.checked {
	background:url(/img/form/checkbox-on.png) no-repeat;
}
#js #contactPageForm form#contactForm div.radios {
    padding-bottom:8px;
}
#js #contactPageForm form#contactForm div.radios span {
    padding-right:8px;
    display:block;
    float:left;
    width:145px;
    font-weight:bold;
    color:#2F2823;
	text-align:right;
}
*html #contactPageForm form#contactForm div.radios span {
    padding-right:6px!important;
}
#js #contactPageForm form#contactForm .error .radios span {
   color:#890018;
}
#contactPageForm form#contactForm div.radios label {
	display:inline; float:none; line-height:24px;
}
#js #contactPageForm form#contactForm div.radios label {
	padding:0 0 0 16px;
	margin-right:15px;
	background:url(/img/form/checkbox-off.png) no-repeat;
	cursor:pointer;
}
#js #contactPageForm form#contactForm div.radios label.checked {
	background:url(/img/form/checkbox-on.png) no-repeat;
}
#contactPageForm form#contactForm textarea {
	width:621px; height:67px;
	padding:2px;
	border:none;
	font-size:11px;
	color:#2f2823;
	background:url(/img/form/bgd-textarea.png);
}
#contactPageForm form#contactForm .field2 label {
   width:286px;
}
#contactPageForm form#contactForm .field2 div.select {
   margin-bottom:10px;
}
#contactPageForm form#contactForm .field3 {
	border:none;
	padding:0;
}
#contactPageForm form#contactForm div.submit {
	text-align:right;
	margin-top:10px;
}
#contactPageForm form#contactForm div.submit input#btSubmit {
	width:77px; height:20px;
	padding-bottom:5px;
	line-height:20px; font-weight:bold; font-size:12px; color:#fff;
	background:url(/img/form/bgd-bt-send.png) no-repeat;
	cursor:pointer;
}
*+ html #contactPageForm form#contactForm div.submit input#btSubmit {
	height:20px;
	line-height:18px;
}
#contactPageForm form#contactForm p.alert {
	display:inline;
	padding-right:15px;
	font-weight:bold;
	color:#890018;
}
#contactPageForm #content p.asterisk {
	display:inline;
	position:relative; top:20px;
	font-size:10px;
	color:#6e4a2c;
}
#contactPageForm #content p.answer {
	text-align:center;
	font-size:20px;
	margin-top:200px;
}
* html #contactPageForm #content p.mh {
    height:469px;
}

/* Css #contactPage */
#contactPage #content {
	height:390px; min-height:390px; width:297px; 
	padding:40px 25px 0 364px;
	background:#f9f7f5 url(/img/bgd-contact.jpg) no-repeat;
}
#contactPage #content p {
	font-size:12px;
}
#contactPage #content h2 {
	margin-top:2em;
	font-size:16px;
}
#contactPage #content p.adress {
	font-size:14px; line-height:20px;
}
