/******************************
*** FORMULAIRE INSCRIPTION/DESINCRIPTION NEWSLETTER
******************************/
#contenu .form-newsletter {font-size:13px;color:#000;font-weight:normal;}
#contenu .form-newsletter h3, #contenu .form-newsletter legend {display:none;}
#contenu .form-newsletter form {width:415px;margin:0 auto 20px auto;padding:0 0 30px 0;}
#contenu .form-newsletter form fieldset {display:inline;margin:0 0 0 100px;}
#contenu .form-newsletter label {display:block;margin:5px 0;width:200px;font-size:13px;color:#000;font-weight:normal;}
#contenu .form-newsletter input {width:167px;height:19px;margin:0 0 20px 0;padding:3px 7px 0px 7px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#69675e;border:#b3b3b3 solid 1px;border-right:none;background:url(../images/bg-champ.gif) left bottom repeat-x #fefefe;}
#contenu .form-newsletter p {display:block;clear:both;margin:5px 0 0 0;}
#contenu .form-newsletter .email {float:left;padding:3px 7px 0 7px;height:19px;}
#contenu .form-newsletter .btn {width:30px;height:24px;margin:0;background:none;padding:0;border:none;}
#contenu .form-newsletter .checkbox {width:13px;height:13px;margin:0;background:none;border:none;}

/******************************
*** SONDAGE
******************************/
/* PROGRESSION */
#contenu .survey_message {margin:15px;font-size:12px;color:#000;font-weight:bold;}
#contenu .pagenumbering {padding:10px 0 20px 0;color:#003c8a;font-size:11px;text-align:center;}
#contenu .pagenumbering .barcontainer {position:relative;margin:0 auto;background:url(../images/bg-progression-sondage.gif) right top repeat-y #fff;border:#ccccff 1px solid;}
#contenu .pagenumbering .bartext {color:#003c8a;font-size:11px;}

/* FORMULAIRE */
#frmPbSurvey {padding:19px;border:#ccccff 1px solid;background:url(../images/bg-form-sondage.jpg) left bottom repeat-x #fff;color:#000;font-size:12px;}
#frmPbSurvey fieldset {margin:0 0 18px 0;padding:0 0 18px 0;border-bottom:#ccccff 1px solid;}
#frmPbSurvey legend {font-weight:normal;color:#000;font-size:14px;}
#frmPbSurvey legend span {color:#003c8a;font-weight:bold;}
#frmPbSurvey legend .required {color:#f00;font-size:15px;}
#frmPbSurvey .questionComment {font-size:10px;font-style:italic;color:#535d5e;}
#frmPbSurvey input, #frmPbSurvey select, #frmPbSurvey textarea {margin:10px 7px 0 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
#frmPbSurvey textarea {width:395px;margin:10px 0 0 0;}
#frmPbSurvey .formbuttons {margin:0;text-align:center;}
#frmPbSurvey .formbuttons input {margin:0;}

#frmPbSurvey h1 {display:block;margin:0;padding:0 0 0 13px;min-height:1px;color:#f38216;font-weight:bold;font-size:17px;background:url(../images/picto-fleche5.gif) left 5px no-repeat;}

/******************************
*** FORMULAIRE DE CONTACT
******************************/
#formulaire-contact {width:415px;padding:15px 0;}
#formulaire-contact fieldset {margin:20px 0 0 0;padding:10px;border:1px solid #ccccff;background:url(../images/bg-form-sondage.jpg) left bottom repeat-x #fff;}
#formulaire-contact p.contacter {font-weight:bold;margin:30px 0;}
#formulaire-contact label {padding:0 5px 0 0;}
#formulaire-contact legend {margin:0 0 10px 5px;color:#f38216;font-weight:bold;font-size:14px;}
#formulaire-contact em {padding:0 3px;color:#f00;}
#formulaire-contact input, #formulaire-contact select, #formulaire-contact textarea {margin:3px 0;width:153px;font-size:11px;padding:4px 6px;font-family:Arial, Helvetica, sans-serif;color:#003c8b;border:#003c8b solid 1px;background:url(../images/bg-champ.gif) left bottom repeat-x #fff;}
#formulaire-contact select, #formulaire-contact select option {width:165px;padding:4px 0;height:24px;}
#formulaire-contact select option {width:auto;height:16px;}
#formulaire-contact input {height:16px;}
#formulaire-contact textarea {height:132px;}
#formulaire-contact ul {clear:both;margin:0 0 10px 0;list-style:none;}
#formulaire-contact ul li {float:left;width:185px;margin:0 0 10px 0;padding:0;background:none;}

#formulaire-contact .cases input {border:none;margin:10px 3px 0 0;background:none;width:auto;height:auto;}
#formulaire-contact .cases li {width:375px;}
#formulaire-contact .cases textarea {width:355px;}
#formulaire-contact .cases .gauche label.thematique, #formulaire-contact .cases .droite label.fonds {display:block;margin:0 0 10px 0;color:#003c8a;font-weight:bold;font-size:13px;}

#formulaire-contact .cases .gauche, #formulaire-contact .cases .droite {clear:none;}
#formulaire-contact .cases .gauche {float:left;border-right:1px solid #ccccff;}
#formulaire-contact .cases .droite {float:right;}
#formulaire-contact .cases .gauche li {width:180px;}
#formulaire-contact .cases .droite li  {width:180px;}

#formulaire-contact .btn {float:right;background:none;border:none;margin:0;padding:0;width:auto;height:auto;}

#formulaire-contact p.erreur {width:140px;margin:0;padding:0 0 0 20px;background:url(../images/picto-fleche9.gif) left 3px no-repeat;color:#f00;font-size:11px;}

/******************************
*** CLASS FORMULAIRE POUR POWERMAIL
******************************/
#formulaire-contact span.powermail_mandatory {padding:0 3px;color:#f00;}
#formulaire-contact div.powermail_mandatory_js {width:140px;margin:0;padding:0 0 0 20px;background:url(../images/picto-fleche9.gif) left 3px no-repeat;color:#f00;font-size:11px;}

#tx-powermail-pi1_fieldset_2 input, #tx-powermail-pi1_fieldset_5 input {border:none;margin:10px 3px 0 0;background:none;width:auto;height:auto;}
#tx-powermail-pi1_fieldset_2 li, #tx-powermail-pi1_fieldset_5 li {width:375px;}
#tx-powermail-pi1_fieldset_2 textarea, #tx-powermail-pi1_fieldset_5 textarea {width:355px;}
#tx-powermail-pi1_fieldset_2 .gauche p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
#tx-powermail-pi1_fieldset_2 .droite p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
#tx-powermail-pi1_fieldset_5 .gauche p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
#tx-powermail-pi1_fieldset_5 .droite p.tx_powermail_pi1_fieldwrap_html_checkbox_title{display:block;margin:0 0 10px 0;color:#003c8a;font-weight:bold;font-size:13px;}

#tx-powermail-pi1_fieldset_2 .gauche, #tx-powermail-pi1_fieldset_5 .gauche, #formulaire-contact .cases .droite {clear:none;}
#tx-powermail-pi1_fieldset_2 .gauche, #tx-powermail-pi1_fieldset_5 .gauche {float:left;border-right:1px solid #ccccff;}
#tx-powermail-pi1_fieldset_2 .droite, #tx-powermail-pi1_fieldset_5 .droite{float:right;}
#tx-powermail-pi1_fieldset_2 .gauche li, #tx-powermail-pi1_fieldset_5 .gauche li {width:180px;}
#tx-powermail-pi1_fieldset_2 .droite li, #tx-powermail-pi1_fieldset_5 .droite li {width:180px;}
#formulaire-contact ul.droite {clear:none;}
#formulaire-contact h3 {width:350px;padding:30px 0 0 0;clear:both;}
#formulaire-contact .complementaire .powermail_check {border:none;margin:10px 3px 0 0;background:none;width:auto;height:auto;}

#tx-powermail-pi1_fieldset_8 .complementaire p, #tx-powermail-pi1_fieldset_12 .complementaire p {width:370px;margin:30px 0 5px 0;}

#tx-powermail-pi1_fieldset_8 .fichier, #tx-powermail-pi1_fieldset_12 .fichier {width:370px;margin:0 0 0 10px;}
#tx-powermail-pi1_fieldset_8 .fichier p.label, #tx-powermail-pi1_fieldset_12 .fichier p.label {margin:0;}
#tx-powermail-pi1_fieldset_8 .fichier p.nombre, #tx-powermail-pi1_fieldset_12 .fichier p.nombre {font-style:italic;font-size:11px;color:#414141;}
#tx-powermail-pi1_fieldset_8 .fichier input, #tx-powermail-pi1_fieldset_12 .fichier input {margin:3px 0;height:22px;width:350px;font-size:11px;padding:4px 6px;font-family:Arial, Helvetica, sans-serif;color:#003c8b;border:#003c8b solid 1px;background:url(../images/bg-champ.gif) left bottom repeat-x #fff;}
#tx-powermail-pi1_fieldset_8 #files_list div, #tx-powermail-pi1_fieldset_12 #files_list div {margin:10px 0 0 0;width:370px;color:#414141;font-size:11px;}
#tx-powermail-pi1_fieldset_8 #files_list div input, #tx-powermail-pi1_fieldset_12 #files_list div input {width:auto;margin:0 0 0 15px;padding:2px 6px 6px 6px;}

#tx-powermail-pi1_fieldset_9 label, #tx-powermail-pi1_fieldset_13 label {width:370px;display:block;margin: 0 0 10px 0;}
#tx-powermail-pi1_fieldset_9 textarea, #tx-powermail-pi1_fieldset_13 textarea {width:350px;}

#contenu .tx-powermail-pi1_confirmation .tx_powermail_pi1_formconfirmation_back {float:left;}
#contenu .tx-powermail-pi1_confirmation .tx-powermail-pi1_confirmation_submit {float:right;}


/******************************
*** FORMULAIRE DE CONNEXION A L'ESPACE GESTIONNAIRE
******************************/
#contenu .acces {font-size:13px;color:#000;font-weight:normal;}
#contenu .acces form {width:415px;margin:15px auto 20px auto;padding:0 0 30px 0;}
#contenu .acces form fieldset {display:inline;margin:0 0 0 100px;}
#contenu .acces h3 {display:block;margin:15px 0 15px 1px;padding:0 0 0 13px;color:#f38216;font-weight:bold;font-size:17px;background:url(../images/picto-fleche5.gif) left 5px no-repeat;}
#contenu .acces label {display:block;margin:5px 0;width:200px;font-size:13px;color:#000;font-weight:normal;}
#contenu .acces input {width:167px;height:19px;margin:0 0 5px 0;padding:3px 7px 0px 7px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#69675e;border:#b3b3b3 solid 1px;background:url(../images/bg-champ.gif) left bottom repeat-x #fefefe;}
#contenu .acces .btn, #contenu .acces .btn-pass {width:150px;height:25px;margin:20px 0 0 15px;background:none;padding:0;border:none;}
#contenu .acces .btn-pass {margin:20px 0 0 0;width:183px;}
#contenu .retour-form a {background:url(../images/picto-fleche14.gif) left 5px no-repeat;padding:0 0 0 8px;}
#contenu .retour-form a:hover {background:url(../images/picto-fleche8.gif) left 5px no-repeat;}