%PDF- %PDF-
Direktori : /home/kfvehpdt/cecheminotsbretagne.fr/styles/ |
Current File : /home/kfvehpdt/cecheminotsbretagne.fr/styles/form.css |
@charset "utf-8"; /* CSS Document */ .ligne { padding:10px; } /******** Mise en page du formulaire *******/ #formulaire { background:transparent url('/media/form/ombre01.jpg') no-repeat scroll left top; padding:10px 0 0; } #formulaire form { display:inline; } #formulaire fieldset { border:medium none; } #formulaire legend { } #formulaire label { color:#6e6f74; } #formulaire input, #formulaire select, #formulaire textarea { margin:1px 0; padding:2px; color:#4c4b4b; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif;} #formulaire input { background:url('/media/form/bg-chp-form.gif') repeat-x #ffffff; border:1px solid #c7ccd4; } #formulaire select { background:url('/media/form/bg-chp-form-on.gif') repeat-x #fcfcfc; border:1px solid #c7ccd4; } #formulaire textarea { font-size:1.1em; background:url('/media/form/bg-chp-form.gif') repeat-x #ffffff; border:1px solid #c7ccd4; } #formulaire .input01on { font-size:1.05em; border: 1px solid #a9adb4; } #formulaire .input01off { } #formulaire .input01error { border:1px solid #f5271d; background:#fff8f8; } #formulaire .input01warning { border:1px solid #F5A03A; background:#FEF4E9; } #formulaire .input01ok { border:1px solid #a6d19c; } .no-style { border:none; background:none; font-size:1%; line-height:1%; } .submit { font-weight:bold; font-size:11px; border:none; background:#CCCCCC url('/media/bt-form.png') no-repeat; cursor:pointer; } .boutons { width:360px; text-align:right; padding:10px 0 30px 0; } .boutons button { width:100px; padding:1px 0 2px 0; line-height:10px; margin-right:10px; background:#064759 none repeat scroll 0 0; border:medium none; color:#FFFFFF; } .boutons button:hover { background:#d7faff; } button.valider, button.envoyer { font-weight:bold; } button.envoyer span { font-size:12px; } button.annuler {} button.off { background-position:top left; border:none; } button.on { background-position:bottom left; border:none; cursor:pointer; } button span { } #formulaire { margin:0 10px 50px 10px; } .confirmation { width:80%; margin:5% 5% 5% 10%; color:#6DB632; padding:10px; border:2px solid #6DB632; background-color:#EDF8E4; } .avertissement { width:80%; margin:5% 5% 5% 10%; color:#F5A03A; padding:10px; border:2px solid #F5A03A; background-color:#FEF4E9; } .erreur { width:80%; margin:5% 5% 5% 10%; color:#f5271d; padding:10px; border:2px solid #f5271d; background-color:#f8d8d8; font-weight:bold; } #contenu_f { } #contenu_f .obligatoire { float:right; } #contenu_f h3 { border-bottom:1px solid #064759; } #contenu_f h3 span { color:#064759; } #contenu_f fieldset { margin:10px 0; } #contenu_f fieldset { margin:10px 0; } #contenu_f dl { height:1%; padding:4px 0; } #contenu_f dt { width:180px; display:block; float:left; text-align:right; margin-top:2px; margin-right:5px; } #contenu_f dt label { text-align:right; } #contenu_f dd { margin-bottom:3px; margin-left:185px; vertical-align:top; } #contenu_f dt.o label { font-weight:bold; } #contenu_f dd.o input { } #contenu_f dd.o select { } #contenu_f dd select { width:175px; } #contenu_f dd .input-text { width:350px; } #contenu_f dd .textarea { width:350px; } #contenu_f dd table { width:350px; } #contenu_f dd table td.radio { width:10px; } #contenu_f dd table label { margin:0 3px; display:block; } #contenu_f label.input01error { color:#f5271d; font-weight:bold; border:none; background:none; } #contenu_f label.input01warning { color:#F5A03A; border:none; background:none; } #contenu_f label.input01ok { border:none; background:none; } #contenu_f label.input01on { border:none; background:none; } #contenu_f label.input01off { } #contenu_f select.input01error, #contenu_f select.input01warning { } #contenu_f input.input01error, #contenu_f input.input01warning { } #contenu_f #adresse { height:50px; } #contenu_f #telephone { width:175px; } #contenu_f #fax { width:175px; } #contenu_f #portable { width:175px; } #contenu_f #codepostal { width:80px; } #contenu_f #demande { height:100px; } #contenu_f .pro { background:#f7f8fa; margin:10px auto; padding:10px; } #contenu_f .pro p { text-align:center; padding:3px; } #contenu_f .pro dt { width:170px; } #contenu_f .pro dd { margin-left:175px; } #contenu_f .destinataire { } #contenu_f .destinataire strong { font-size:18px; color:#F39912; }