/* formulaire PTJ inspiré des modèles proposés sur le site CSSplay Stu Nicholls */
/* 
---- **** ---- Completion date: 22:59, 17th Jan 2006  ---- ****
Johan @http://www.zoic.be, another theme based on a form of style by Stu Nicholls
*/

/* reset all paddings and margins to zero! needed for this form */
#deuxcol-form {
	float: left;
	margin-right: 20px;
	padding: 10px 0 0 0;
	width: 572px;
	margin-bottom:30px;
	background:transparent url(../images/bg-form-bord.gif) top left no-repeat;
	
}
* 
{
	margin:0;
	padding:0;
}

form#two 
{
	background:#fff url(../images/petitjean.gif) top center no-repeat;
	width:450px;
	height: 1250px;
	padding: 120px 20px 0 20px;
	/* center the form */
	margin: 0 auto;
}
	
form#two fieldset
{
	display:block;
	width:354px;
	padding:10px;
	margin: 2em auto 0 auto;
	/* remove default border styles */
	border: 0 solid #fafafa;
	font-size:100%;
	font-family: "Helvetica", Sans-Serif;
	line-height: 1.5em;	
}

 
form#two label, form#two input 
{
	display: block;	
	float: left;
	margin-bottom: 10px;
	height: 22px;
}

form#two input, form#two input:hover, form#two input:focus
{
	border: 0 none;
	background:transparent;	
}

form#two fieldset#personal input:focus, form#two textarea:focus
{
	background: #fef0f1 url(../images/input_bg_focus.gif) left top no-repeat;
	border: 1px solid #cfcfcf;
}

form#two fieldset#personal input 
{	
	height: 1.2em;
	width: 165px;
}

form#two br 
{
	clear: left;
}

form#two fieldset#opt select 
{
	width: 165px; 
}

form#two p 
{
	padding:1em 0 2em 0;
} 

form#two label
{
	width: 8em;
	padding-right: 5px;
	font-weight: bold;	
	text-align: right;
	color: #F14138;	
}

form#two fieldset#personal input, fieldset#personal input:hover, form#two textarea  
{
	background: #fff url(../images/input_bg.gif) left top no-repeat;
	border: 1px solid #cfcfcf;
} 
	
form#two fieldset#opt select, form#two fieldset#opt legend, form#two fieldset#opt optgroup 
{
	background: #fff;
	font-weight: normal;
}

form#two legend 
{	
	margin-bottom: 0.5em;
	border-bottom: 0.5em  solid #F14138;
	font-size: 130%;	
}

form#two #medical 
{
	background: #fafafa url(../images/legend_medical_bg.gif) 100% 0 no-repeat;
}

form#two #personal 
{
	background: #fafafa url(../images/legend_personal_bg.gif) 100% 0  no-repeat;
}

form#two #opt 
{
	background:#fafafa url(../images/legend_opt_bg.gif) 100% 0 no-repeat;
}

form#two #current 
{
	background: #fafafa url(../images/legend_current_bg.gif) 100% 0 no-repeat;
}

form#two optgroup option 
{	
	text-indent: 1.5em; 
	color: #2F4F4F;
	font-weight: 600;	
}

form#two fieldset#opt optgroup
{	
	text-transform: lowercase;
	color: #F14138;
	font-size: 1em;
}

form#two label:first-letter
{
    padding-bottom: 1px; 
    border-bottom: 1px #d60153 solid;
    font-weight: bold;
    text-transform: capitalize;       
}

form#two textarea 
{
	width: 341px; 
	height: 13em; 
	background: #fafafa; 
	overflow: auto;
}

form#two #button1, form#two #button2  
{  
	display: inline;
	padding: 2px;
	color: #F14138;
	background: transparent url(../images/button_bg.gif) bottom left no-repeat;
	border: none;
	cursor: pointer;
	width: 130px;
	margin: -6px 35px 0 48px;
	height: 24px;
	text-align: center;
	}

form#two #button1:hover, form#two #button2:hover 
{
	color:#708090;
}
form#two fieldset#personal p {clear:left;}


/* IE 5.x WIN and IE6*/   
   
/*\*/

* html form#two { width /**/: 480px; text-align /**/:left; }
* html form#two fieldset { width /**/: 374px; }
* html form#two fieldset#opt select {margin-right /**/: 13em;}
* html form#two label:first-letter { padding-bottom:0;border: 0 none; 
text-decoration: underline; }
/**/


/* IE MAC workaround for centering the form elements */

/*\*//*/ 
form#two { width: 390px;}
form#two fieldset { width: 334px;} 
form#two fieldset#opt select {margin-right: 0;}
/**/ 




#iconmenu {position: relative; margin: 10px auto; padding: 3px; width: 400px; height: 300px;}
#iconmenu li {width: 320px; height: 240px; position: absolute; top: 2px; background: url(../images/ptj-home.jpg) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu a {width: 320px; height: 240px; display: block;}
#iconmenu #panel1c {left: 2px;}
#iconmenu #panel1c a:hover {background: url(../images/ptj-home.jpg) 0px -240px no-repeat; border:none;}