@charset "utf-8";
#userDetailsBloc { float:left; width:479px; min-height:400px; background-color:#eee; border:1px dotted #ccc; padding:12px 12px 20px; margin-bottom:20px }
#userDetailsBloc h2 { margin-bottom:13px; }
#userDetailsBloc p { margin:10px 0; }
#userDetailsBloc label, #contactForm label { float: left; width: 120px; font-weight: bold; }
#contactForm label { width: 90px; color:#666 }
#userDetailsBloc input, #userDetailsBloc textarea, #userDetailsBloc select, #contactForm input, #contactForm textarea { width: 160px; margin-bottom:5px!important; border:1px solid #CCC }
#userDetailsBloc textarea { width: 218px; height: 80px; }
#contactForm textarea { width: 260px; height: 90px; font-size:12px }
#userDetailsSubmit, #contactFormSubmit { width:108px; height:27px; background:url(../images/userDetailsSubmit.gif) no-repeat 0 0; cursor:hand; margin: 5px 0 0 110px; border:none!important }
#contactFormSubmit { background:url(../images/contactFormSubmit.gif) no-repeat 0 0; margin: 10px 0 0 88px; }
.payOptionsBloc { width:415px; height:auto; padding:15px; margin-bottom:18px; background-color:#FFF; border:1px solid #ccc; overflow: hidden; clear: both; }
#contactBlocsList #squareBloc1, #contactBlocsList #squareBloc2 { float:left; margin-bottom:30px; border:1px solid #999 }
#contactBlocsList #squareBloc1 { width:230px; height:230px; margin-right:26px; }
#contactBlocsList #squareBloc2 { width:210px; height:210px; padding:10px; background:url(../images/roundCornerBot.gif) right bottom no-repeat; }
#contactBlocsList #squareBloc2 h3 { font-size:12px; font-weight:bold; margin-bottom:12px }
#contactBlocsList #squareBloc2 p { margin-bottom:12px }

/********************************* FORMULAIRE DE CONTACT *********************************/
#contactForm { width:411px; height:347px; background: #fff url(../images/roundCornerTop.jpg) 0 0 no-repeat; padding:0 12px 0 22px; margin-bottom:20px }

#contactForm form { padding-top:60px; }
#contactForm label { color:#333; }

