/* ======================================================================
*  Propriete de JOUSSE
*  Auteur : Marc VARLET - Ste Arilys (http://www.arilys.com)
*  Creer le 03 août 2009
*  Modifications :
*
*/

/* === IDS ===*/
*{margin:0;padding:0;}
#contactform{
	margin: 0px;
	border: 0px none;
}
#contentform{
	position:relative;
	margin: 0px auto;
	border: 0px none;
	/*border: 1px solid #ccc;*/
}

/* === Form ===*/
#contentform form ul{
	position:relative;
	list-style-type:none;
}
#contentform form li{width:62%;}
form li{line-height:2em;margin:0;padding:1px 4px 6px 5px;display: inline-block;}
form li:after{content:".";display:block;height:0; clear:both; visibility:hidden;}

/* Holly Hack Targets IE Win only \*/
/*
* html form li {height: 1%;}
form li {display: block;}
*/
/* End Holly Hack */
form li div{float:left;display:inline;margin-right:5px;}
form li p{clear:both;line-height:13px;}
form li div label{float:left;margin-bottom:3px;}
form li div.left{width:48%;}
form li div.right{width:48%;}
form li div.left .medium, form li div.right .medium{width:100%;}
.clear{clear:both;}
form li div p{margin-bottom:3px;}
form li img.icon{float:left;margin:.35em 5px 0 0;}
form li.focused{background-color:#fff7c0;}
form li:hover .instruct, form li.focused .instruct{
	display:block;
}
.noI form li{width:95% !important;}
.noI .instruct{display:none !important;}

#mask { 
	background-position:13% 160px;
	background-color:#000;
}

/* ===  Sections ===*/
form li.section{border-top:1px dotted #ccc;margin-top:15px;padding-top:12px;padding-bottom:0px;}
form ul li.first{border-top:none;margin-top:0px;padding-top:1px;}
form .section h3{margin:0 0 2px 0;}
form .section p{margin:0 0 1em 0;}

/* === Informations ===*/
#contentform .information{
	display:inline-block;
	clear:both;
	margin: 0px;
	padding: 5px;
}
#contentform .information[class]{display:block;}

#contentform .information h3, .information h4 {}
#contentform .information p{
	margin:0 0 8px 0;
}
.error {
	border: 1px solid red;
	background-color: #ffffee;
	color: #660000;
	padding: 5px;
	line-height:1em;
}
.error h4{
	font-family:inherit;
	line-height:1em;
}
.error dl{
	margin:0px;
	padding:5px 5px 5px 15px;
}
form .error dl dt {
	margin:0px;
	padding:5px 0px;
}
form .error dl dd.err {
	padding:2px 0px 2px 15px;
	line-height:1em;
}
form .error dl dd strong{
	font: bolder small;
	color: Red;
}

/* === Instruction ===*/
#contactform .instruct[class]{width:29%}
#contentform .instruct{
	width:45%;
	left:63%;
	margin-left:25px;
	background-color: #172791;
	border:3px solid #fff;
	color : #fff;
}
#contentform .instruct{
	display:none;
	position:absolute;
	left:100%;
	width:45%;
	margin:-1px 0 0 10px;
	padding:8px 10px 9px 10px;
	border:1px solid #172791;
	background-color:#f5f5f5;
	line-height:130%;
	font-size:85%;
}


/* === Elements ===*/
p{}
hr{visibility:hidden;clear:both;height:20px;width:0;}

/* === Headings ===*/
h1, h2, h3{}
h1{}
h1, h2, h3{margin:0 0 10px 0;clear:left;}

/* === Links ===*/
#contentform h1 a{width:100%;}
a{outline:none;}
a:hover{cursor:pointer;}a img{border:0;}

/* === Classes ===*/
.inline{display:inline !important;}
.center{text-align:center !important;}
.left{float:left;}
.right{float:right;}
.hide{display:none !important;}
.strong{font-weight:bold;}

/* ----- Clearfix ===*/
.clearfix:after, #contactform:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, #contactform{display: inline-block;}
/* Holly Hack Targets IE Win only \*/
* html .clearfix, * html #contactform{height: 1%;}
.clearfix, #contactform{display: block;}
/* End Holly Hack */

/* === Buttons ===*/
.buttons{clear:both;margin:3px 0 10px 7px;}
.buttons .button{font-size:120%;margin:0 5px 0 0;}
.button{cursor:pointer !important;}
.button{padding:0 5px;}

/* === Form fields ===*/
#contentform label.desc{
	text-decoration: none;
	font-weight: bold;

	text-align: left;
	font-size: 18px;
	margin-bottom: 5px;
}
#contentform input.text, #contentform textarea.textarea{
	background-color:#E1E1E1;
}

/* === Fields and labels ===*/
label.desc{
	padding:2px 2px 1px 0;
	border:none;
	display:block;
}
input.text, textarea.textarea, select.select{
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
}
input.text{padding:2px 0 2px 0;}
input.currency{text-align:right;}
input.checkbox, input.radio{display:block;line-height:1.4em;margin:8px 0 0 3px;width:13px;height:13px;background-color:#E1E1E1;}
label.choice{font-size:9px;color:#444;margin-bottom:3px;display:block;line-height:1.4em;}
textarea.textarea{margin-top:1px;}
select.select{margin:1px 0 1px 0;padding:1px 0 0 0;background-color:#E1E1E1;}
select.select[class]{margin:0;padding:1px 0 1px 0;}

/* ===  Sizes ===*/
.third{width:32% !important;}
.half{width:48% !important;}
.full{width:100% !important;}
input.small, select.small{width:25%;}
input.medium, select.medium{width:50%;}
input.large, select.large, textarea.textarea{width:99%;}
input.tags{width:315px;}
textarea.small{height:5.5em;}
textarea.medium{height:10em;}
textarea.large{height:20em;}