/* Gabarit 2 colonnes du Front SOS */ * { margin:0; padding:0; text-decoration: none } table td { } body { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background-color: #fff } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em } h2 {margin:5px 0pt 15px 0px; min-height:29px; padding:6pt 0pt 0pt 43px; font: normal 18px "Trebuchet MS"; color: #630001; background: url(../images/fond/f-h2.gif) left 3px no-repeat; } h3 { margin: 12px 0 8px 0px; font: normal 18px arial; color: #13a049 } h4 { margin: 12px 0 8px 15px; font: normal 17px arial; color: #13a049 } h5 { margin: 12px 0 8px 10px; font: normal 16px arial; color: #13a049 } p { font: normal 12px/18px arial; margin: 0 0 5px 0; text-align:left; color: #616263 } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } select { font: normal 11px arial } ul li { list-style: none; font: normal 12px/18px arial; text-align:left; color: #616263; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 15px; background: url(../images/puce/p2.gif) left 4px no-repeat } ul.radio li { float: left } ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 } /*ul#tree li { font: normal 12px/18px arial; text-align:left; color: #616263; margin: 10px 15px 10px 24px } ul#tree li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 15px; background: url(../images/puce/p2.gif) left 4px no-repeat }*/ ul#tree li { font: normal 12px/18px arial; text-align:left; color: #616263; margin: 25px 15px 10px 24px } ul#tree li { list-style: none; margin: 0px 15px 6px 15px; padding: 0 0 0 ; } ul#tree li a { position:relative; top: 1px; left: 3px; font-weight: bold; color: #6b6666; background: url(../images/fond/f-button.gif) left top repeat-x; border: 1px solid #4aba75; cursor: pointer; text-decoration: none; padding: 0 3px; } a img { border: none; text-decoration: none } a { color: #078638; text-decoration: underline; font: normal 12px/18px arial; } a:hover { color: #078638; text-decoration: underline } abbr { cursor: help; } .clearMe { clear: both; visibility: hidden; height: 0px; } .format { padding: 0 20px } .floatleft { float: left; margin: 0 12px 10px 0px; } .floatright { float: right; margin: 0 0px 10px 12px; } /* ///////////////////////////////// HomePage */ table#home td#actus { width: 305px; } div.a-bot { width: 262px; margin: 0 auto; background: url(../images/fond/a-bot.gif) left bottom no-repeat; } div.a-top { padding: 50px 0px 10px 0px; background: url(../images/fond/a-top.gif) left top no-repeat; } div.a-top .actu_txt { background: url(../images/puce/p.gif) left top no-repeat;margin:0pt 0pt 0pt 19px; padding:1pt 0pt 0pt 23px; } div.a-top .actu_txt p { margin: 0 0 2px 0px; } div.a-top .date { font: bold 11px arial; color: #078638 } div.a-top h3.titre { font: bold 13px arial; color: #616263 } div.a-top .texte { } div.a-top .lire a { color: #078638 ; text-decoration: none; } p#bas_actu { margin: 10px 6px 0pt 29px; padding: 7px 0 2px 0; text-align :right; border-top: 1px solid #d9dadb } p#bas_actu a { color: #078638 ; font: bold 11px arial; text-decoration: none; padding: 3px 10px 0 0; } h3.titre { font: bold 14px arial; color: #616263 ; margin: 16px 0 14px 0px; padding: 0 0 0 0; } /* */ .fNletter { margin: 0 auto; width: 262px; } #nletter { width: 240px; height: 46px; background: url(../images/fond/f-nletter.gif) left top no-repeat; margin: 10pt 0pt 8pt 0px; padding: 40px 0pt 0pt 20px; } #nletter label { color: #078638; font: bold 12px verdana; padding: 0 12px 0px 11px; margin: 0 0 2px 0px; display: block; } #nletter input#emailnewsletter { width: 148px; height: 16px; margin: 0 0 0 11px; background-color: #f0f1f1; color: #616263; border: 1px solid #b2b2b2 } #nletter input.valid { position:relative; top: 1px; left: 1px; font-weight: bold; color: #6b6666; background: url(../images/fond/f-button.gif) left top repeat-x; border: 1px solid #4aba75; cursor: pointer } .valiD { font-weight: bold; color: #6c6b6b; background: url(../images/fond/f-button.gif) left top repeat-x; border: 1px solid #4aba75; text-decoration: none; padding: 1px 3px; } .valiD:hover { font-weight: bold; color: #6c6b6b; background: url(../images/fond/f-button2.gif) left top repeat-x; border: 1px solid #4aba75; text-decoration: none; padding: 1px 3px; } /* */ .diapo { width: 262px; height: 50px; padding: 37px 0 0 0; margin: 0 auto 9px auto; background: url(../images/fond/diapo.gif) left top no-repeat; } .pub { width: 262px; height: 50px; padding: 37px 0 0 0; margin: 0 auto 9px auto; background: url(../images/fond/pub.gif) left top no-repeat; } .diapo p, .pub p { font: bold 11px arial; color: #078638; padding: 0 0 0 31px } .diapo p a, .pub p a { font: bold 11px arial; color: #078638 ; text-decoration: none; } .diapo p a:hover, .pub p a:hover { text-decoration: underline; color: #095e2a } p.blocV { text-align: justify; margin: 10px 0 0 0px; } /* ///////////////////////////////// Menu Login/Logged */ div#menu-login { } div#menu-login p.lien1 { } div#menu-login input.connexion { } input.ch { } div#menu-logged { } div#menu-logged p.lien2 { } div#menu-logged p#bonjour { } div#menu-logged a.deconnect { } /* ///////////////////////////////// Articles */ .cadre { clear: both; margin: 10px 0px; padding: 0 0 6px 0; border-bottom: 1px solid #dadada ; } .cadre .right { text-align :right; margin: 12px 0; } .visu { float: left; margin: 0 12px 5px 0px; padding: 0 0 0 0; border: 1px solid #dadada } .date { float: right; position:relative; top: 0px; left: -5px; } /* ///////////////////////////////// Conteneurs generaux */ #main { position: relative; width: 984px; margin: 0 auto; text-align:left; background: url(../images/fond/spread.gif) left top repeat-y } #intro { width: 984px; height: 99px; background: url(../images/fond/intro.gif) left top no-repeat } #menu-top { width: 976px; margin: 0 auto; background: #04b44b url(../images/fond/f-menu.gif) left top repeat-x; clear: both; overflow: auto; } #menu-top ul { } #menu-top li { float: left; margin: 0 0 0 0px; padding: 0 ; height: 36px; line-height: 35px; background: url(../images/fond/sep.gif) right center no-repeat; } #menu-top li a { font: bold 12px verdana; color: #ffffff; text-decoration: none; padding: 11px 11px 10px 11px; display: block; } #menu-top li a:hover { background-color: #0e9842; } #content { margin: 0; padding:0; overflow: auto; } div#colonne_gauche { float: left; width: 186px; padding: 0 } div#colonne_droite { float: right; width: 778px; margin: 0; padding: 5px 5px 20px 5px;} /* ///////////////////////////////// Footer */ #outro { width: 984px; height: 43px; background: #fff url(../images/fond/outro.gif) no-repeat; clear: both } #outro p { color: #3d3c3c; text-align: center; padding: 21px 0 0 0; font: bold 12px arial; } #outro p a { color: #3d3c3c; font: bold 12px arial; text-decoration: none } #outro p a:hover { text-decoration: underline } /* ///////////////////////////////// Formulaires */ form.formatform { width: 450px; margin: 30px auto 15px auto; padding: 15px; border: 1px solid #e6ebf3; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d; } form.formatform input { background-color: #f0f1f1; color: #616263; border: 1px solid #b2b2b2 } form.formatform select { background-color: #f0f1f1; color: #616263; border: 1px solid #b2b2b2 } form.formatform textarea { background-color: #f0f1f1; color: #616263; border: 1px solid #b2b2b2 } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align: center; } form#contactForm textarea { width: 438px; background-color: #f0f1f1; color: #616263; border: 1px solid #b2b2b2 } form#contactForm p.centerbut * { cursor: pointer } /* */ #contactFormm label.lbleft { width: 189px; } #contactFormm textarea { width: 440px; } /* */ #nLetterForm ul { } /* ///////////////////////////////// General styles */ .input { border: 1px solid black } .bordered { border: 1px solid black } .noborder { border:none } .kill { display: none } .center { text-align: center } .clear { clear:both; visibility: hidden; height: 0 } .noborder { border: none } .bita { margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #929292; } .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { } .button, .centerbut { text-align: center; margin: 15px 0 10px 0; clear: both } .small { font: normal 10px arial; } .indent { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px; } /* ///////////////////////////////// Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; width: 635px; min-height: 65px; padding: 0 0 13px 0; background: url(../images/fond/f-denied.gif) left bottom no-repeat; } .denied ul li { margin: 0 0 3px 14px; padding: 0 25px 0 23px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ div.element-s { width: 172px; background: url(../images/fond/element-s.gif) left top repeat-y; } div.element-bot { background: url(../images/fond/element-bot.gif) left bottom no-repeat; } div.element-top { padding: 37px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } /* ///////////////////////////////// Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 15px 0 10px 0px; } /* Conteneur des 2 blocs d'adresse */ .inlineblock { display: -moz-inline-stack; display: inline-block; margin: 10px 25px 20px 25px; border: solid 1px red; } .inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px verdana; } .conformement { font: normal 10px verdana } div.mention-bot { background: url(../images/fond/mention-bot.gif) left bottom no-repeat; } div.mention-top { width: 232px; height: 197px; padding: 10px ; background: url(../images/fond/mention-top.gif) left top no-repeat; } /* ///////////////////////////////// ManagePlanning */ .full { width: 747px; margin: 0 auto; position:relative; top: 0; left: 0px; border-collapse: collapse; } .full table { margin: 0 auto;} .full table tr.off td { background-color: gray } .full td { padding: 2px 3px } thead { border-collapse: collapse; margin: 0 89px; font-weight: bold; color:white; text-align: center} th { padding: 3px 0 } .full td.bordered a { margin: 0 2px } /* ///////////////////////// Searching Module et Input de la Recherche */ div#searching p * , div.searching p * { float: left; } div#searching p, div.searching p { padding: 2px 0 2px 160px; } div#searching, div.searching { position:relative; top: -4px; left: 0; } div.searching form , div#searching form { width: auto; margin: 0; border: none ; overflow: hidden; height: auto; padding: 5px 0 0 0; } .searchx { height: 20px; color: white ; font-weight: bold; border-bottom: 1px dashed white; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-top: 1px solid #cbcbcb} .searchx label { width: auto; margin: 0pt 5px 0pt 24pt; color: #ffffff; } .searchx .ok { font-weight: normal} .ok { margin: 0 10px 0 10px; padding: 0 4px 0 8px; } /* */ .searchx { color: white ; background-color: #0a8931; border-style: solid; border-width: 1px; border-color: #cbcbcb #cbcbcb #21b14d #cbcbcb; } .bordered { border: 1px solid #cbcbcb; background-color: white } thead { border: 1px solid #cbcbcb; color:white; background-color: #19a74f } input#search ,input.search, .search, #search, .ok { color: #26e05e; background-color: #747474; cursor: pointer; border-top: 1px solid #c3c2c2; border-left: 1px solid #c3c2c2; border-right: 1px solid #c3c2c2; border-bottom: 1px solid #c3c2c2; } input#search:hover ,input.search:hover, .search:hover, #search:hover, .ok:hover { color: #7aef9d; background-color: #747474; border-top: 1px solid #c3c2c2; border-left: 1px solid #c3c2c2; border-right: 1px solid #c3c2c2; border-bottom: 1px solid #c3c2c2; } td.pseudoTtitre { background-color: #a1a1a1; color: #ffffff; font-weight: bold; padding-left: 15px; border: 1px solid #cbcbcb; }