/****************************** *** JQTRANSFORM ******************************/ #contenu form.jqtransformdone label {/*margin-top:4px;margin-right:8px;display:block;float:left;*/} #contenu form.jqtransformdone div.rowElem {clear:both;padding:4px 0px;} /* ------------- * Buttons * ------------- */ #contenu button.jqTransformButton {margin:0px;padding:0px;border:none;background-color:transparent;cursor:pointer;overflow:visible;font-family:Arial;} #contenu button.jqTransformButton span {background:transparent url(../Images/styleForm/btn_right.gif) no-repeat right top;display:block;float:left;padding:0px 14px 0px 0px;margin:0px;height:33px;} #contenu button.jqTransformButton span span {background:transparent url(../Images/styleForm/btn_left.gif) no-repeat top left;color:#333;padding:8px 10px 0px 24px;font-size:13px;line-height:13px;display:block;text-decoration:none;height:25px;font-weight:bold;} /*hover*/ #contenu button.jqTransformButton_hover span span {color:#fff;background-position:left -33px;} #contenu button.jqTransformButton_hover span {background-position:right -33px;} /*clicked*/ #contenu button.jqTransformButton_click span span {color:#fff;background-position:left -66px;} #contenu button.jqTransformButton_click span {background-position:right -66px;} /* IE 6 */ * html button.jqTransformButton {height:33px;} * button.jqTransformButton span span {height:25px;} /* IE 7 */ *+ html button.jqTransformButton {height:33px;} *+ button.jqTransformButton span span {height:25px;} /* ------------- * Inputs * ------------- */ #contenu .jqTransformInputWrapper {background:transparent url(../Images/styleForm/input/input_text_left.gif) no-repeat left top;height:31px;float:left;width:438px;} #contenu .droite .jqTransformInputWrapper, #contenu .gauche .jqTransformInputWrapper {width:211px;} #contenu .jqTransformInputInner {background:transparent url(../Images/styleForm/input/input_text_right.gif) no-repeat top right;padding:0px;margin:0px;} #contenu .jqTransformInputInner div {height:31px;margin:0;} #contenu .jqTransformInputInner div input {font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:18px;color:#777b7e;border:none;margin:0px;background:transparent;width:422px;padding:7px 0 5px 8px;} /* IE6 */ * html #contenu .jqTransformInputInner div input {height:24px;padding:6px 0 0 8px;} /* Ie7 */ *+ html #contenu .jqTransformInputInner div input {height:24px;padding:6px 0 0 8px;} /*hover*/ #contenu .jqTransformInputWrapper_hover {background-position:left -31px ;} #contenu .jqTransformInputWrapper_hover div.jqTransformInputInner {background-position:right -31px ;} /*focus*/ #contenu .jqTransformInputWrapper_focus {background-position:left -62px ;} #contenu .jqTransformInputWrapper_focus div.jqTransformInputInner {background-position:right -62px ;} #contenu .jqTransformSafari .jqTransformInputInner div {position:relative;overflow:hidden;margin:0px 8px;} #contenu .jqTransformSafari .jqTransformInputInner div input {background-color:transparent;position:absolute;top:-10px;left:-2px;height:42px;padding-left:4px;} /* ------------- * Textarea * ------------- */ #contenu table.jqTransformTextarea td#jqTransformTextarea-mm textarea {font-size:12px;line-height:16px;} #contenu table.jqTransformTextarea td {font-size:1px;line-height:1px;width:12px;height:12px;margin:0;padding:0;} #contenu table.jqTransformTextarea {} #contenu table.jqTransformTextarea tr {} #contenu table.jqTransformTextarea textarea {margin:0;padding:0;border:none;background:none;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tl {background:url(../Images/styleForm/textarea/textarea_tl.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tm {background:url(../Images/styleForm/textarea/textarea_tm.gif) repeat-x top left;} #contenu table.jqTransformTextarea td#jqTransformTextarea-tr {background:url(../Images/styleForm/textarea/textarea_tr.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-ml {background:url(../Images/styleForm/textarea/textarea_ml.gif) repeat-y top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-mm {background:url(../Images/styleForm/textarea/textarea-mm.gif) repeat;} #contenu table.jqTransformTextarea td#jqTransformTextarea-mr {background:url(../Images/styleForm/textarea/textarea_mr.gif) repeat-y top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-bl {background:url(../Images/styleForm/textarea/textarea_bl.gif) no-repeat top left;width:12px;} #contenu table.jqTransformTextarea td#jqTransformTextarea-bm {background:url(../Images/styleForm/textarea/textarea_bm.gif) repeat-x top left;} #contenu table.jqTransformTextarea td#jqTransformTextarea-br {background:url(../Images/styleForm/textarea/textarea_br.gif) no-repeat top left;width:12px;} /*hover*/ #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tl {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tm {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-tr {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-ml {background-position:-12px 0px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-mm {background-image:url(../Images/styleForm/textarea/textarea-mm-hover.gif);} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-mr {background-position:-12px 0px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-bl {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-bm {background-position:0px -12px;} #contenu table.jqTransformTextarea-hover td#jqTransformTextarea-br {background-position:0px -12px;} /*focus*/ #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tl {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tm {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-tr {background-position:0px -24px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-ml {background-position:-12px 0px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-mm {background-image:url(../Images/styleForm/textarea/textarea-mm-focus.gif);} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-mr {background-position:-12px 0px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-bl {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-bm {background-position:0px -12px;} #contenu table.jqTransformTextarea-focus td#jqTransformTextarea-br {background-position:0px -12px;} #contenu table.jqTransformTextarea .jqTransformSafariTextarea div {position:relative;overflow:hidden;border:none;} #contenu table.jqTransformTextarea .jqTransformSafariTextarea textarea {background:none;position:absolute;top:-10px;left:-10px;padding:10px 10px 10px 10px;} /* ------------- * Radios * ------------- */ #contenu .jqTransformRadioWrapper {float:left;display:block;margin:0px 4px; margin-top:5px;} #contenu .jqTransformRadio {background:transparent url(../Images/styleForm/radio.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;} /* ------------- * Checkboxes * ------------- */ #contenu span.jqTransformCheckboxWrapper, #contenu span.jqTransformRadioWrapper {display:block;float:left;margin:11px 4px 0 0;} #contenu a.jqTransformCheckbox {background:transparent url(../Images/styleForm/checkbox.gif) no-repeat center top;vertical-align:middle;height:19px;width:18px;display:block;} /* ------------- * Checked - Used for both Radio and Checkbox * ------------- */ #contenu a.jqTransformChecked {background-position:center bottom;} /* ------------- * Selects * ------------- */ #contenu .jqTransformSelectWrapper {display:block;width:205px;position:relative;height:31px;background:url(../Images/styleForm/select_left.gif) no-repeat top left;float:left;} #contenu .jqTransformSelectWrapper div span {font-size:12px;float:none;position:absolute;white-space:nowrap;height:31px;line-height:15px;padding:8px 0 0 7px;overflow:hidden;cursor:pointer;color:#777b7e;} #contenu .jqTransformSelectWrapper a.jqTransformSelectOpen {display:block;position:absolute;right:0px;width:31px;height:31px;background:url(../Images/styleForm/select_right.gif) no-repeat center center;} #contenu .jqTransformSelectWrapper ul {position:absolute;top:30px;left:0px;list-style:none;background-color:#FFF;border:solid 1px #CCC;display:none;margin:0px;padding:0px;width:auto;max-height:250px;overflow:auto;z-index:10;} #contenu .jqTransformSelectWrapper ul li {padding:0;} #contenu .jqTransformSelectWrapper ul a {display:block;padding:5px;text-decoration:none;color:#777b7e;background-color:#FFF;font-size:12px;} #contenu .jqTransformSelectWrapper ul a.selected {background:#e6f4f6;color:#777b7e;} #contenu .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {background:#0064bf;color:#fff;} /* ------------- * Hidden - used to hide the original form elements * ------------- */ #contenu .jqTransformHidden {display:none;} /****************************** *** CSS POWERMAIL ******************************/ #contenu form table td, #contenu form table th {border:none;margin:0;padding:0;} #contenu .tx-powermail-pi1 form {margin:0 0 30px 0;} #contenu .tx-powermail-pi1 fieldset {position:relative;display:block;margin:25px 0 0 0;padding:0;width:468px;border:1px solid #f1f1f1;background:url(../Images/bg-fieldset.gif) left bottom repeat-x #fff;} #contenu .tx-powermail-pi1 legend {position:absolute;left:10px;top:-10px;margin:0;padding:5px 10px;font-size:12px;font-weight:bold;color:#777b7e;background:#fff;} #contenu .tx-powermail-pi1 div {display:block;margin:0;padding:0;} #contenu .tx-powermail-pi1 .fieldset-conteneur {display:block;padding:25px 15px 15px 15px;} #contenu .tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_valider {margin:0;border:none;background:none;} #contenu .tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_valider legend {display:none;} #contenu .tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_valider .fieldset-conteneur {padding:0;} #contenu .tx-powermail-pi1 div.tx_powermail_pi1_fieldwrap_html {clear:both;margin:0;} #contenu .tx-powermail-pi1 table {margin:0;clear:both;} #contenu .tx-powermail-pi1 p {margin:7px 0 12px 0;padding:0;font-size:11px;color:#777b7e;text-align:left;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio p, #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check p {margin:18px 0 0 0;color:#000;} #contenu .tx-powermail-pi1 span {color:#f00;padding:0 0 0 3px;} #contenu .tx-powermail-pi1 label {display:block;margin:0;padding:12px 0 4px 0;color:#000;font-size:11px;line-height:16px;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio label, #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check label {padding:12px 0 4px 0;color:#777b7e;} #contenu .tx-powermail-pi1 input, #contenu .tx-powermail-pi1 textarea, #contenu .tx-powermail-pi1 select {padding:0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#777b7e;} #contenu .tx-powermail-pi1 textarea {padding:0;width:414px;height:135px;} #contenu .tx-powermail-pi1 select {padding:0;width:auto;height:28px;} #contenu .tx-powermail-pi1 .powermail_mandatory_js {display:block;color:#f00;padding:0 0 0 19px;height:12px;font-size:10px;background:url(../Images/picto-fleche06.gif) left top no-repeat #fff;} /* boutons retour, confirmer, envoyer */ #contenu .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back, #contenu .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_submit, #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit {margin:0 0 15px 0;padding:20px 0 0 0;float:right;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_back {float:left;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit button, #contenu .tx-powermail-pi1 .tx_powermail_pi1_formconfirmation_submit button {float:right;} /* champ fichier */ #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_file p {margin:0;font-style:italic;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_file #files_list {display:block;margin:10px 0 0 0;background:#f6f6f6;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_file #files_list div {display:block;padding:7px;font-size:12px;color:#747578;text-align:left;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_file #files_list div input {float:none;width:auto;margin:0 0 0 15px;} /* champ date */ #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime span {padding:2px 0 0 10px;font-size:11px;color:#747578;text-align:left;} #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime img {float:left;display:inline;width:16px;margin:0;padding:0 2px 0 0;} #contenu .tx-powermail-pi1 .jscalendar_cb, #contenu .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime .jqTransformCheckboxWrapper {display:none;} /* division du formulaire ou d'une partie du formulaire en 2 colonnes */ #contenu .tx-powermail-pi1 .gauche, #contenu .tx-powermail-pi1 .droite {float:left;width:211px;margin-right:15px;} #contenu .tx-powermail-pi1 .droite {margin:0;} #contenu .tx-powermail-pi1 .gauche input, #contenu .tx-powermail-pi1 .droite input, #contenu .tx-powermail-pi1 .gauche textarea, #contenu .tx-powermail-pi1 .droite textarea {width:187px;} #contenu .tx-powermail-pi1 .gauche select, #contenu .tx-powermail-pi1 .droite select {width:auto;} /****************************** *** ACCES EXTRANET FOOTER ******************************/ #bas-de-page #extranet {float:left;margin:10px 0 0 105px;width:190px;} #bas-de-page #extranet h2 {display:block;width:190px;padding:28px 0 0 0;overflow:hidden;height:0px !important;background:url(../Images/titre-acces-extranet.gif) 4px top no-repeat;} #bas-de-page #extranet legend, #bas-de-page #extranet label {display:none;} #bas-de-page #extranet input {float:left;margin:0 0 4px 0;padding:4px 16px 1px 16px;width:124px;height:19px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#65696c;border:none;background:url(../Images/bg-champ-rechercher.gif) right top no-repeat;} #bas-de-page #extranet input.bouton {margin:-3px 0 0 1px;padding:0;width:31px;height:30px;background:none;} #bas-de-page #extranet p {color:#65696c;font-size:10px;} #bas-de-page #extranet p a {color:#65696c;font-size:10px;text-decoration:none;padding:0 0 0 5px;} #bas-de-page #extranet p a:hover {color:#000;text-decoration:none;} /****************************** *** NEWSLETTER COLONNE DE DROITE ******************************/ #colonne-droite #newsletter {width:210px;margin:0 0 30px 0;} #colonne-droite #newsletter h2 {margin:0 0 12px 0;padding:17px 0 0 0;overflow:hidden;height:0 !important;background:url(../Images/titre-lettre-dinformation.gif) left top no-repeat;} #colonne-droite #newsletter div {float:left;width:77px;} #colonne-droite #newsletter label {font-size:11px;color:#65696c;} #colonne-droite #newsletter input.email {float:left;margin:8px 0 0 0;padding:4px 16px 1px 16px;width:124px;height:19px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#747578;border:none;background:url(../Images/bg-champ-rechercher.gif) right top no-repeat #fff;} #colonne-droite #newsletter input.newsletter-button {float:left;margin:4px 0 0 0;}