Forms styles updated

This commit is contained in:
Serghei Mihai 2013-10-08 15:06:50 +02:00
parent 1019e6a9dd
commit 9db296e844
No known key found for this signature in database
GPG Key ID: 76D1C964BF2FA1AF
1 changed files with 143 additions and 164 deletions

307
wcs.css
View File

@ -22,7 +22,6 @@
/* 17 - Presse */
/* 18 - Mediatheques */
/* 19 - Formulaires */
/* 20 - Carousel */
/* 21 - Plan du site */
/* 22 - Calendrier */
/* 23 - RTE */
@ -552,125 +551,105 @@ p.empty {margin:10px 0;}
.mediatheque .gallery .abstract {color:#4d4d4d; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom:10px; font-size:15px;}
/* 19 : Formulaires */
.artifica-form {clear:both; margin:0 0 20px;}
.artifica-form label {cursor:pointer;}
.artifica-form input, .artifica-form select {font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;}
.artifica-form fieldset {background-color:#e6e6e6; border:none; margin-top:20px; padding:0;}
.artifica-form legend {background:#ab9fb4; color:#FFF; font-size:1.25em; font-weight:bold; margin:0; padding:5px 0 5px 30px; text-transform:uppercase; width:610px;}
.artifica-form div,
.artifica-form fieldset dl {margin:0 0 10px;}
.artifica-form div label {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:160px;} /* TAILLE A MODIFIER POUR CENTRER */
.artifica-form dt {display:block; min-height:33px;}
.artifica-form div input,
.artifica-form div textarea {background:#FFF; border:1px solid #CDCDCD; color:#4c4c4c; display:block; font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; width:280px;} /* TAILLE A MODIFIER */
.artifica-form div input:hover,
.artifica-form div textarea:hover,
.artifica-form div input:focus,
.artifica-form div textarea:focus {border-color:#F15A24;}
.artifica-form div select {background:#FFF; border:1px solid #CDCDCD; color:#666; padding:2px 0 0; height:28px; width:286px;}
.artifica-form div textarea {padding:5px 0 0 5px; width:280px; overflow:auto; vertical-align:top; resize:vertical;}
.artifica-form div input,
.artifica-form div input[type="file"] {background:#fff; border:1px solid #cdcdcd; display:inline; text-indent:0;}
/*.artifica-form .file-infos {display:block; font-size:smaller;}*/
.artifica-form .submit {background:#000; -webkit-border-radius:5px; border:none; border-radius:5px; color:#29ABD2; cursor:pointer; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase; width:auto;}
.artifica-form .submit:active {position:relative; top:1px;}
.artifica-form dd {font:1em/1.250em Arial,sans-serif; margin:0 0 0 160px; padding:0;} /* TAILLE A MODIFIER */
.artifica-form fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;}
.artifica-form small,
.artifica-form .file-infos {/*color:#4c4c4c; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.667em; line-height:13px; font-weight:normal; margin-top:-2px;*/color:#4c4c4c; display:block; float:right; font-size:1em; line-height:13px; margin:0 20px 0 0; width:130px;}
.artifica-form .file-uploaded {display:block; margin:1em 0;}
.ie7 .artifica-form .file-uploaded {clear:both; margin:1em auto; width:75%;}
.artifica-form .file-uploaded a {background:#fff; border:1px solid #CDCDCD; line-height:1.5; padding:2px 5px;}
.ie7 .artifica-form .file-uploaded label {float:none; margin:0 0 0 5px;}
.artifica-form .file-uploaded input {left:0; margin:0 0 0 5px; position:relative; top:3px;}
.artifica-form em {font:bold 11px/13px Verdana, sans-serif; color:#f15a24;}
.artifica-form .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 171px; padding:0;}
.artifica-form p {margin:7px; font:1em/1.250em Arial, sans-serif;}
.artifica-form .comments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; margin:5px 0; padding:10px 30px; background:#D2C3D2; color:#4c4c4c; border:none;}
.artifica-form .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;}
.artifica-form-response-output {background:url("../img/icons/error.png") no-repeat 25px 17px; color:#EE333A; border:2px solid #EE333A; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;}
.artifica-form-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;}
.artifica-form .radio span,
.artifica-form .label_check {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:160px;} /* TAILLE A MODIFIER */
.artifica-form .radio .error {top:0;}
.artifica-form .radio ul {padding:0;}
.artifica-form .radio ul input,
.artifica-form .check input {float:left; width:auto;}
.artifica-form .check {margin-left:150px; overflow:hidden;} /* TAILLE A MODIFIER POUR CENTRER */
.artifica-form .radio ul {margin-left:170px;} /* TAILLE A MODIFIER POUR CENTRER */
.artifica-form .radio ul li {height:1.6em;}
.artifica-form .radio ul label {text-align:left; margin:0 10px 0 5px; width:auto;}
.artifica-form .alert {background:url("../img/icons/error.png") no-repeat scroll 463px 21px; overflow:visible; padding:5px 0;}
.artifica-form div input,
.artifica-form div textarea,
.artifica-form div select {background:#FFF;}
.artifica-form input[type="radio"],
.artifica-form input[type="checkbox"] {border:0; width:auto;}
.artifica-form .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;}
.artifica-form .buttons .require {color:#F15A24; display:block; font-size:0.833em; text-align:right;}
.artifica-form div .radio ul label,
.artifica-form div .check label {padding:0;}
.widget {clear:both; margin:0 0 20px;}
.widget label {cursor:pointer;}
.widget input, .widget select {font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;}
.widget fieldset {background-color:#e6e6e6; border:none; margin-top:20px; padding:0;}
.widget legend {background:#ab9fb4; color:#FFF; font-size:1.25em; font-weight:bold; margin:0; padding:5px 0 5px 30px; text-transform:uppercase; width:610px;}
.widget div,
.widget fieldset dl {margin:0 0 10px;}
.widget div label {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:3px 0; text-align:right; width:230px;}
.widget dt {display:block; min-height:33px;}
.widget div input[type=text],
.widget div textarea {background:#FFF; border:1px solid #CDCDCD; color:#4c4c4c; display:block; font:1.25em "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px; width:280px;} /* TAILLE A MODIFIER */
.widget div input:hover,
.widget div textarea:hover,
.widget div input:focus,
.widget div textarea:focus {border-color:#F15A24;}
.widget div select {background:#FFF; border:1px solid #CDCDCD; color:#666; padding:2px 0 0; height:28px; width:286px;}
.widget div textarea {padding:5px 0 0 5px; width:280px; overflow:auto; vertical-align:top; resize:vertical;}
.widget div input,
.widget div input[type="file"] {background:#fff; border:1px solid #cdcdcd; display:inline; text-indent:0;}
.widget .submit {background:#000; -webkit-border-radius:5px; border:none; border-radius:5px; color:#29ABD2; cursor:pointer; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase; width:auto;}
.widget .submit:active {position:relative; top:1px;}
.widget dd {font:1em/1.250em Arial,sans-serif; margin:0 0 0 160px; padding:0;} /* TAILLE A MODIFIER */
.widget fieldset div {clear:both; margin:0; overflow:visible; padding:5px 0; position:relative;}
.widget small,
.widget .file-infos {/*color:#4c4c4c; display:block; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.667em; line-height:13px; font-weight:normal; margin-top:-2px;*/color:#4c4c4c; display:block; float:right; font-size:1em; line-height:13px; margin:0 20px 0 0; width:130px;}
.widget .file-uploaded {display:block; margin:1em 0;}
.ie7 .widget .file-uploaded {clear:both; margin:1em auto; width:75%;}
.widget .file-uploaded a {background:#fff; border:1px solid #CDCDCD; line-height:1.5; padding:2px 5px;}
.ie7 .widget .file-uploaded label {float:none; margin:0 0 0 5px;}
.widget .file-uploaded input {left:0; margin:0 0 0 5px; position:relative; top:3px;}
.widget em {font:bold 11px/13px Verdana, sans-serif; color:#f15a24;}
.widget .error {clear:none; color:#ee333a; display:block; font:bold 11px/10px Arial, sans-serif; margin:0 0 3px 171px; padding:0;}
.widget p {margin:7px; font:1em/1.250em Arial, sans-serif;}
.widget .comments {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; margin:5px 0; padding:10px 30px; background:#D2C3D2; color:#4c4c4c; border:none;}
.widget .buttons {margin:0; overflow:hidden; -height:1%; padding:0; text-align:center;}
.widget-response-output {background:url("../img/icons/error.png") no-repeat 25px 17px; color:#EE333A; border:2px solid #EE333A; margin:0 0 20px 0; padding:10px; text-align:center; font-size:1.167em; font-weight:bold;}
.widget-confirmation {color:#f00; margin:0 0 20px 0; padding:10px;}
.widget .radio span,
.widget .label_check {color:#666; float:left; font:bold 1.25em/15px PTSansBold, Arial, sans-serif; margin:0 10px 0 0; padding:0; text-align:right; width:160px;} /* TAILLE A MODIFIER */
.widget .radio .error {top:0;}
.widget .radio ul {padding:0;}
.widget .radio ul input,
.widget .check input {float:left; width:auto;}
.widget .check {margin-left:150px; overflow:hidden;} /* TAILLE A MODIFIER POUR CENTRER */
.widget .radio ul {margin-left:170px;} /* TAILLE A MODIFIER POUR CENTRER */
.widget .radio ul li {height:1.6em;}
.widget .radio ul label {text-align:left; margin:0 10px 0 5px; width:auto;}
.widget .alert {background:url("../img/icons/error.png") no-repeat scroll 463px 21px; overflow:visible; padding:5px 0;}
.widget div input,
.widget div textarea,
.widget div select {background:#FFF;}
.widget input[type="radio"],
.widget input[type="checkbox"] {border:0; width:auto;}
.widget .champs {color:#ee333a; font-size:10px; left:690px; line-height:12px; margin:0; text-align:right;}
.widget .buttons .require {color:#F15A24; display:block; font-size:0.833em; text-align:right;}
.widget div .radio ul label,
.widget div .check label {padding:0;}
/*-CAPTCHA-*/
.artifica-form .captcha {text-align:left;}
.artifica-form .captcha .alert {background-position:486px 10px; margin-top:12px;}
.artifica-form .captcha ul {color:#000; margin:0 0 0 250px; padding:0; list-style:none;}
.artifica-form .captcha li {margin:0 10px 0 0; padding:0; display:inline;}
.artifica-form .captcha p {text-align:center;}
.artifica-form .captcha p strong {color:#F15A24;}
.artifica-form .captcha label {margin:0 10px 0 40px; padding:3px 0; width:140px;} /* TAILLE A MODIFIER POUR CENTRER */
.widget .captcha {text-align:left;}
.widget .captcha .alert {background-position:486px 10px; margin-top:12px;}
.widget .captcha ul {color:#000; margin:0 0 0 250px; padding:0; list-style:none;}
.widget .captcha li {margin:0 10px 0 0; padding:0; display:inline;}
.widget .captcha p {text-align:center;}
.widget .captcha p strong {color:#F15A24;}
.widget .captcha label {margin:0 10px 0 40px; padding:3px 0; width:140px;} /* TAILLE A MODIFIER POUR CENTRER */
/*-ALERT-*/
.artifica-form div.alert input,
.artifica-form div.alert textarea,
.artifica-form div.alert select {border-color:#EE333A;}
.widget div.alert input,
.widget div.alert textarea,
.widget div.alert select {border-color:#EE333A;}
.artifica-form .date select {width:93px;}
.widget .date select {width:93px;}
/* ===== Fomulaire avec label au-dessus des éléments de formulaire -Attention IE6- ===== */
.artifica-form .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;}
.artifica-form .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;}
.artifica-form .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;}
.artifica-form .label-top .alert label {margin:0 0 15px;}
.artifica-form .label-top .error {bottom:30px; left:0; margin:0; top:auto;}
.artifica-form .label-top input,
.artifica-form .label-top textarea,
.artifica-form .label-top select {margin:0;}
.artifica-form .label-top .file-infos,
.artifica-form .label-top .file-uploaded {margin-left:0;}
.artifica-form .label-top .radio ul input {margin:0;}
.artifica-form .label-top div .radio ul label,
.artifica-form .label-top div .check label {margin:0 0 0 15px;}
.artifica-form .label-top div .radio ul label {overflow:hidden;/*IE9*/}
.artifica-form .label-top .alert {background-position:291px 43px;}
.artifica-form .label-top .radio ul {margin-left:0;}
.artifica-form .label-top small {display:inline; margin-left:5px;}
.artifica-form .label-top .comments {margin:10px 0;}
.artifica-form .label-top .captcha ul {margin:0 0 0 10px;}
.artifica-form .label-top .radio .error {left:0; top:14px;}
.artifica-form .label-top .check {margin:0; padding-bottom:25px; top:15px;}
.artifica-form .label-top .label_check {width:auto;}
.widget .label-top .radio span {display:block; float:none; margin:0 0 5px; text-align:left; width:auto;}
.widget .label-top .alert .radio span {display:block; float:none; margin:0 0 15px; text-align:left; width:auto;}
.widget .label-top label {display:block; float:none; margin:0; text-align:left; width:auto;}
.widget .label-top .alert label {margin:0 0 15px;}
.widget .label-top .error {bottom:30px; left:0; margin:0; top:auto;}
.widget .label-top input,
.widget .label-top textarea,
.widget .label-top select {margin:0;}
.widget .label-top .file-infos,
.widget .label-top .file-uploaded {margin-left:0;}
.widget .label-top .radio ul input {margin:0;}
.widget .label-top div .radio ul label,
.widget .label-top div .check label {margin:0 0 0 15px;}
.widget .label-top div .radio ul label {overflow:hidden;/*IE9*/}
.widget .label-top .alert {background-position:291px 43px;}
.widget .label-top .radio ul {margin-left:0;}
.widget .label-top small {display:inline; margin-left:5px;}
.widget .label-top .comments {margin:10px 0;}
.widget .label-top .captcha ul {margin:0 0 0 10px;}
.widget .label-top .radio .error {left:0; top:14px;}
.widget .label-top .check {margin:0; padding-bottom:25px; top:15px;}
.widget .label-top .label_check {width:auto;}
/* Récapitulation */
.artifica-form .recap {margin:30px;}
.artifica-form .recap.rteContent h3 {color:#29ABD2;}
/* 20 = Carousel */
.carousel {margin-bottom:20px;}
.carousel .contentTitle {background:#FFF; color:#4c4c4c; display:block; font-family:"PTSansBold", Trebuchet MS; font-size:15px; padding-bottom:5px; text-transform:uppercase;}
.home .carousel .contentTitle {margin:0; padding:0 0 5px;}
.carousel li {display:none;}
.carousel .illustration {height:268px; overflow:hidden; position:relative; width:640px;}
.carousel .cartouche {background:url("../img/bgBlack80.png") repeat 0 0; height:232px; left:0; padding:36px 23px 0; position:absolute; top:0; width:204px;}
.carousel .cartouche .category {color:#999; font-family:"PTSansBold", Trebuchet MS; font-size:22px; line-height:22px;}
.carousel .cartouche .title {color:#FFF; font-family:"RokkittRegular","Times New Roman"; font-size:28px; font-weight:normal; line-height: 0.9;}
.carousel .cartouche .title a {color:#FFF;}
.carousel .cartouche .abstract {color:#FFF; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; margin-bottom:10px; font-size:15px;}
.carousel .cartouche .more {font-family:"PTSansRegular", Trebuchet MS; font-size:13px; text-transform:uppercase;}
.carousel .cartouche .more a:hover {color:#A9DDED; text-decoration:none;}
.carousel .bgBottom {background:url("../img/bgCarousel.png") no-repeat 0 0; height:7px; width:641px;}
.carousel .controls {margin-top:5px; text-align:center;}
.carousel .controls a {background:url("../img/sprites_v.png") no-repeat 0 -1005px; display:inline-block; height:8px; margin-right:5px; text-indent:-9999px; width:8px;}
.carousel .controls a.on {background-position:0 -1113px;}
.carousel .illustration .imageCopyright {display:none;}
.widget .recap {margin:30px;}
.widget .recap.rteContent h3 {color:#29ABD2;}
/* 21 = Plan du site */
.csc-sitemap {margin-bottom:10px;}
@ -891,21 +870,21 @@ p.empty {margin:10px 0;}
/* Rajouts modal */
img.btn_close {float:right; margin:-55px -55px 0 0;}
.overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.artifica-form .info-form {display:block; padding-left:39px; width:450px;}
.artifica-form .obligatoire {position:absolute; right:0;}
.widget .info-form {display:block; padding-left:39px; width:450px;}
.widget .obligatoire {position:absolute; right:0;}
#popup {padding:0 10px;}
#overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;}
#overlay-modal .widget.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;}
/* MODAL */
#fade {background:#000; display:none; height:100%; left:0; opacity:.80; position:fixed; top:0; width:100%; z-index:11000;}
.overlay-modal {background:#333; border:1px solid #666; -webkit-box-shadow:0px 0px 20px #000; -moz-box-shadow:0px 0px 20px #000; box-shadow:0px 0px 20px #000; display:none; float:left; font-size:1.2em; left:50%; padding:0px; position:fixed; top:50%; z-index:12000;}
img.btn_close {float:right; margin:-55px -55px 0 0;}
.overlay-modal .close {background-image:url("../img/galerie/close.png"); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
.artifica-form .info-form {display:block; padding-left:39px; width:450px;}
.artifica-form .obligatoire {position:absolute; right:0;}
.widget .info-form {display:block; padding-left:39px; width:450px;}
.widget .obligatoire {position:absolute; right:0;}
#popup {padding:0 10px;}
#popup h1 {color:#003B6E; font-size:24px; text-align:left;}
#overlay-modal .artifica-form.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;}
#overlay-modal .widget.centertext span {display:block; margin-left:160px; text-align:left; padding-top:4px; font-size:11px; line-height:13px; color:#333; font-weight:normal;}
#overlay-modal a.close {background-image:url(../img/galerie/close.png); padding:0; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; z-index:9999;}
#overlay-modal .info {background:#333 !important; position:absolute; bottom:0; left:0; padding:10px 5%; color:#fff; font:12px/16px Arial, sans-serif; border-top:1px solid #666; opacity:0.8; width:90%;}
#overlay-modal .info strong {display:block;}
@ -1006,13 +985,13 @@ html.modalHTML {background:#FFF;}
.directoriesSingle .singleColRight .blocDirectory .email a {background:url("../img/sprites_v.png") no-repeat 9px -3398px;}
/*-Recherche-*/
.directorySearch .artifica-form {margin:0; padding:20px;}
.directorySearch .artifica-form fieldset {background:none; border:none; margin:0; padding:0;}
.directorySearch .artifica-form legend, .directorySearch .artifica-form label {display:none;}
.directorySearch .artifica-form div input, .directorySearch .artifica-form div textarea {border:10px solid #29ABD2; width:180px;}
.directorySearch .artifica-form div select {width:206px;}
.directorySearch .artifica-form .buttons .require {display:none;}
.directorySearch .artifica-form .submit {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#29abd2; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase;}
.directorySearch .widget {margin:0; padding:20px;}
.directorySearch .widget fieldset {background:none; border:none; margin:0; padding:0;}
.directorySearch .widget legend, .directorySearch .widget label {display:none;}
.directorySearch .widget div input, .directorySearch .widget div textarea {border:10px solid #29ABD2; width:180px;}
.directorySearch .widget div select {width:206px;}
.directorySearch .widget .buttons .require {display:none;}
.directorySearch .widget .submit {background:#000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#29abd2; font-family:"PTSansBold", Trebuchet MS; font-size:13px; padding:5px 20px; text-transform:uppercase;}
/*-Listing-*/
.directoryListing .searchResults,
@ -1105,16 +1084,16 @@ html.modalHTML {background:#FFF;}
.artifica-feuser {margin:0 auto 20px; width:424px;}
.artifica-feuser fieldset {padding:20px;}
.artifica-feuser legend,
.gestionAnnuaire .artifica-form legend {background:none; color:#4D4D4D; display:block; left:0; padding:0; position:absolute; top:-25px; width:auto;}
.gestionAnnuaire .widget legend {background:none; color:#4D4D4D; display:block; left:0; padding:0; position:absolute; top:-25px; width:auto;}
.artifica-feuser .connexion,
.gestionAnnuaire .rubriques li {background:url("../img/sprite_a.png") no-repeat 20px 25px #E6E6E6; border-bottom:1px solid #FFF; padding:20px 20px 20px 114px; position:relative;}
.artifica-form div input {color:#666; font-size:1.333em;}
.widget div input {color:#666; font-size:1.333em;}
.artifica-feuser #user,
.artifica-feuser #pass,
.gestionAnnuaire .artifica-form div input,
.gestionAnnuaire .artifica-form div textarea,
.gestionAnnuaire .artifica-form div select,
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {-webkit-box-shadow:0 0 3px 0 #AAA inset; box-shadow:0 0 3px 0 #AAA inset; float:right; margin:0 429px 0 0; padding:5px 5px 5px 17px; width:308px;}
.gestionAnnuaire .widget div input,
.gestionAnnuaire .widget div textarea,
.gestionAnnuaire .widget div select,
.gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {-webkit-box-shadow:0 0 3px 0 #AAA inset; box-shadow:0 0 3px 0 #AAA inset; float:right; margin:0 429px 0 0; padding:5px 5px 5px 17px; width:308px;}
.artifica-feuser #user,
.artifica-feuser #pass {margin:0;}
.hiddenLabel label,
@ -1123,12 +1102,12 @@ html.modalHTML {background:#FFF;}
.artifica-feuser .buttons .submit {font-size:1.25em; width:200px;}
.artifica-feuser .oubli a {color:#333; font-size:1.25em; left:-80px; position:relative; top:0;}
/*-Formulaires-*/
.gestionAnnuaire .artifica-form {margin:0 0 20px 108px; width:468px;}
.gestionAnnuaire .widget {margin:0 0 20px 108px; width:468px;}
.gestionAnnuaire fieldset {margin:50px 0 0; padding:20px; position:relative;}
.gestionAnnuaire .artifica-form div label {width:auto;}
.artifica-form .captcha label {margin:0 10px 0 20px; width:auto;}
.gestionAnnuaire .artifica-form .captcha ul {margin:0 0 0 172px;}
.gestionAnnuaire .artifica-form .captcha label {margin:0; text-align:left; width:90px;}
.gestionAnnuaire .widget div label {width:auto;}
.widget .captcha label {margin:0 10px 0 20px; width:auto;}
.gestionAnnuaire .widget .captcha ul {margin:0 0 0 172px;}
.gestionAnnuaire .widget .captcha label {margin:0; text-align:left; width:90px;}
/*-lien connexion-*/
.artifica-feuser-id {font-size:1.167em; position:absolute; right:113px; top:3px;}
.artifica-feuser-id a {font-weight:bold;}
@ -1137,7 +1116,7 @@ html.modalHTML {background:#FFF;}
.gestionAnnuaire .content > article > h1 {color:#4D4D4D; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.25em; margin:0 0 10px; padding:0; text-transform:uppercase; width:auto;}
.gestionAnnuaire .management .titrePrincipal {margin:20px 0 30px;}
.gestionAnnuaire .rubriques li,
.gestionAnnuaire .ajoutEven .artifica-form fieldset {background:url("../img/sprite_a.png") no-repeat 20px -375px #8cc63f; float:left; height:80px; margin:0 10px 10px 0; position:relative; width:309px;}
.gestionAnnuaire .ajoutEven .widget fieldset {background:url("../img/sprite_a.png") no-repeat 20px -375px #8cc63f; float:left; height:80px; margin:0 10px 10px 0; position:relative; width:309px;}
.gestionAnnuaire .rubriques .list-2,
.modifierEven {background:url("../img/sprite_a.png") no-repeat 20px -175px #bb7e36; margin:0 0 10px;}
@ -1147,35 +1126,35 @@ html.modalHTML {background:#FFF;}
.gestionAnnuaire .rubriques li a {bottom:20px; position:absolute; right:20px};
.gestionAnnuaire .btnBlack {bottom:20px; font-size:15px !important; left:auto; top:auto;}
.gestionAnnuaire .management .artifica-form {margin:0 0 20px; width:897px;}
.gestionAnnuaire .management .widget {margin:0 0 20px; width:897px;}
.gestionAnnuaire .management .artifica-form fieldset div {border-top:1px solid #aaa; margin:0 0 10px; overflow:hidden; padding:15px 0 5px;}
.gestionAnnuaire .management .artifica-form fieldset div div {border:0; border:0; margin:0; overflow:visible; padding:0;}
.gestionAnnuaire .management .widget fieldset div {border-top:1px solid #aaa; margin:0 0 10px; overflow:hidden; padding:15px 0 5px;}
.gestionAnnuaire .management .widget fieldset div div {border:0; border:0; margin:0; overflow:visible; padding:0;}
.gestionAnnuaire .management .artifica-form fieldset {margin:0; padding:30px 20px 20px;}
.gestionAnnuaire .management .artifica-form label {float:left; width:113px;}
.gestionAnnuaire .management .artifica-form .date select {float:left; margin:0; padding:3px 5px 5px; width:90px;}
.gestionAnnuaire .management .artifica-form legend {margin:30px 0 0 20px;}
.gestionAnnuaire .management .artifica-form div input,
.gestionAnnuaire .management .artifica-form div textarea {width:290px;}
.gestionAnnuaire .artifica-form div select {width:302px;}
.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"] {background:none; border:0; float:left; margin:0 10px 0 125px; width:15px;}
.gestionAnnuaire .management .artifica-form .label-top .error {bottom:auto; left:130px; top:-6px;}
.gestionAnnuaire .management .widget fieldset {margin:0; padding:30px 20px 20px;}
.gestionAnnuaire .management .widget label {float:left; width:113px;}
.gestionAnnuaire .management .widget .date select {float:left; margin:0; padding:3px 5px 5px; width:90px;}
.gestionAnnuaire .management .widget legend {margin:30px 0 0 20px;}
.gestionAnnuaire .management .widget div input,
.gestionAnnuaire .management .widget div textarea {width:290px;}
.gestionAnnuaire .widget div select {width:302px;}
.gestionAnnuaire .management .widget .radio input[type="checkbox"] {background:none; border:0; float:left; margin:0 10px 0 125px; width:15px;}
.gestionAnnuaire .management .widget .label-top .error {bottom:auto; left:130px; top:-6px;}
.ie7.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"],
.ie8.gestionAnnuaire .management .artifica-form .radio input[type="checkbox"] {margin:0x; padding:0;}
.ie7.gestionAnnuaire .management .widget .radio input[type="checkbox"],
.ie8.gestionAnnuaire .management .widget .radio input[type="checkbox"] {margin:0x; padding:0;}
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea {border:0; clear:none; float:left; overflow:visible; padding:0;}
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea .ToolBar {background:#E6E6E6; height:26px; left:12px;}
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea .ToolBar ul {position:relative;}
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea div {/*clear:none;*/}
.gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {background:#fff; border:1px solid #ccc; left:21px; margin:0; position:relative;}
.gestionAnnuaire .management .widget fieldset .jHtmlArea {border:0; clear:none; float:left; overflow:visible; padding:0;}
.gestionAnnuaire .management .widget fieldset .jHtmlArea .ToolBar {background:#E6E6E6; height:26px; left:12px;}
.gestionAnnuaire .management .widget fieldset .jHtmlArea .ToolBar ul {position:relative;}
.gestionAnnuaire .management .widget fieldset .jHtmlArea div {/*clear:none;*/}
.gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {background:#fff; border:1px solid #ccc; left:21px; margin:0; position:relative;}
.gestionAnnuaire .management .artifica-form .radio ul li {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; height:20px;}
.gestionAnnuaire .management .artifica-form .radio label {float:none; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.167em; font-weight:normal; margin:0; width:auto;}
.gestionAnnuaire .management .artifica-form .label-top small {background:url("../img/icons/help_icon.png") no-repeat 0 0; color:#666; display:block; float:right; font-size:0.733em; line-height:1.2; padding:0 0 5px 25px; width:370px;}
.gestionAnnuaire .management .widget .radio ul li {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; height:20px;}
.gestionAnnuaire .management .widget .radio label {float:none; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:1.167em; font-weight:normal; margin:0; width:auto;}
.gestionAnnuaire .management .widget .label-top small {background:url("../img/icons/help_icon.png") no-repeat 0 0; color:#666; display:block; float:right; font-size:0.733em; line-height:1.2; padding:0 0 5px 25px; width:370px;}
.ajoutEven {position:relative;}
.gestionAnnuaire .ajoutEven .artifica-form fieldset {padding:20px; width:600px;}
.gestionAnnuaire .ajoutEven .widget fieldset {padding:20px; width:600px;}
.ajoutEven .encart p,
.modifierEven .texte,
.management .agendaList .tags {color:#fff; font-family:"PTSansBold",Trebuchet MS; font-size:1.25em; margin:0 0 0 95px;}
@ -1211,11 +1190,11 @@ html.modalHTML {background:#FFF;}
.management .agendaList .tag-active {background:#8cc63f;}
.management .agendaList .tag-hidden {background:#c1272d;}
.artifica-feuser #user, .artifica-feuser #pass, .gestionAnnuaire .artifica-form div input, .gestionAnnuaire .artifica-form div textarea, .gestionAnnuaire .artifica-form div select, .gestionAnnuaire .management .artifica-form fieldset .jHtmlArea iframe {padding:5px;}
.artifica-feuser #user, .artifica-feuser #pass, .gestionAnnuaire .widget div input, .gestionAnnuaire .widget div textarea, .gestionAnnuaire .widget div select, .gestionAnnuaire .management .widget fieldset .jHtmlArea iframe {padding:5px;}
/*-Alert-*/
.management .artifica-form .label-top .alert {background-position:107px 3px;}
.management .widget .label-top .alert {background-position:107px 3px;}
.artifica-form-response-output.success {background:#8CC63F; border:0; clear:both; color:#fff; overflow:hidden; text-transform:uppercase;}
.widget-response-output.success {background:#8CC63F; border:0; clear:both; color:#fff; overflow:hidden; text-transform:uppercase;}
.backToTheFuture {margin:10px 0;}
.backToTheFuture a {background:#000; border:0; -webkit-border-radius:5px; border-radius:5px; color:#fff; cursor:pointer; font-family:"PTSansBold",Trebuchet MS; font-size:14px; padding:5px 10px; text-transform:uppercase; width:50px;}