/* Gabarit 2 colonnes du Front */ * { margin:0; padding:0; border: none; text-decoration: none } body { background: url(../images/fond/fond2.gif) left top repeat-x; padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #3a6e58; } h1 a { position: absolute; top: 100px; left: 0; top: 36px; width: 232px; height: 105px; display:block; text-indent: -999em ; } h2 { width:544px; margin: 5px 0 20px 20px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001; } h3 { margin: 15px 0 10px 2px; font: normal 18px "Trebuchet MS"; color: #e2912b } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #e2912b } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #e2912b } p { font: normal 12px/18px arial; margin: 0 0 5px 0; text-align:left; color: #3a6e58; } 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 11px/18px arial; margin: 10px 15px 10px 24px } ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.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 } a img { border: none; text-decoration: none } a { color: #669592; text-decoration: underline; font: normal 11px arial } a:hover { color: #3d6f6c; text-decoration: underline } abbr { cursor: help; } .format ul li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 6px no-repeat; font: normal 12px/18px arial; } .format div { font: normal 12px/18px arial; margin: 0 0 5px 0; text-align:left } .format strong { color: #669592 } .fright { float: right; position:relative; top: 0px; left: 17px; } /* Page accueil */ .encart1 { width: 554px; height: 420px; background: url(../images/fond/encart1.gif) left top no-repeat; } .encart1 strong { color: #ffffff; } .encart1 h3 { padding:18px 0 14px 25px; color: #ffffff; } .encart1 p { text-align: center; color: #ffffff; } .encart1 ul { margin: 26px 0 31px 10px } .encart1 ul li { background: url(../images/puce/puce2.gif) left 5px no-repeat; padding:0 0 0 14px; color: #ffffff; display:block; width:480px; } .encart { width: 530px; background: url(../images/fond/encart.gif) left top repeat-x; position:relative; top: 0px; left: 33px; } .posrMe .encart1, .posrMe .encart { position:relative; top: 0px; left: 20px; } /* Pages interne */ .filArianne { padding:0 0 15px 25px } .filArianne span { font-weight: bold; color: gray } .arbo { } .arbo ul li { margin: 0 0 0 0px; padding: 5px 0 0 28px; width: 572px; height: 23px; background: url(../images/fond/bg_li.gif) left top no-repeat; } .arbo2 ul li { margin: 0 0 0 0px; padding: 5px 0 0 28px; width: 572px; height: 23px; background: url(../images/fond/bg_li_2.gif) left top no-repeat; } /* //////////////////// Fiches de formations */ .fiche { border : 1px solid #3f725c; margin: 0 25px 12px 25px; } .objectifs { border-bottom: 2px dotted #2e5946; padding : 0 0 9px } .objectifs h3 { background: #4f7d6a url(../images/fond/f-h3.gif) right top no-repeat; color: #ffffff; margin: 0 0 7px 0px; padding:3px 0 10px 15px; } div#colonne_droite p.onepersonnel { padding: 7px 25px 0 25px } p.personnel { } p.personnel span { font-weight: bold; border-bottom: 1px solid #2e5946; color: #4f7d6a; padding: 0 0 0 0; float: left; margin: 0 15px 0 0px; } h3.prog { background: #4f7d6a url(../images/fond/f-h3.gif) right top no-repeat; color: #ffffff; margin: 15px 0 7px 0; padding:3px 0 10px 15px; } .intervenants h3 { background: #4f7d6a url(../images/fond/f-h3.gif) right top no-repeat; color: #ffffff; margin: 0 0 7px 0px; padding:3px 0 10px 15px; } p.retour2 { font-weight: bold; padding: 0 0 7px 0; margin: 10px 0 10px 0px; position:relative; top: 0px; left: -6px; text-align :right; } p.retour2 span { font-weight: bold; color: #2e5946; } /* //////////////////// 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 { } /* //////////////////// Conteneurs generaux */ #mainS { background: url(../images/fond/fond1.gif) center top no-repeat; } #main { position: relative; width: 915px; margin: 0 auto; padding: 30px 0 0 0; text-align:left; } #mainInside { background: url(../images/fond/spread.gif) left top repeat-y; } #intro { width: 915px; height:109px; background: url(../images/fond/header.gif) left top no-repeat } #menu-left { } #menu-left ul { } #menu-left ul li { } #menu-left ul li a { display: block; width: 246px; height: 41px; padding: 0 0 0 20px; background: url(../images/fond/bg-a.gif) left top no-repeat; color: #669592; font: normal 15px "Trebuchet MS" ; text-decoration: none; } #menu-left ul li a:hover { display: block; width: 246px; height: 41px; padding: 0 0 0 20px; background: url(../images/fond/bg-a2.gif) left top no-repeat; color: #3c6461; font: normal 15px "Trebuchet MS" ; text-decoration: none; } #menu-left ul li a.active{ display: block; width: 246px; height: 41px; padding: 0 0 0 20px; background: url(../images/fond/bg-a2.gif) left top no-repeat; color: #3c6461; font: normal 15px "Trebuchet MS" ; text-decoration: none; } #content { margin: 0; padding:0 } div#colonne_gauche { float: left; width: 308px; min-height: 324px; padding: 196px 0 0 0; background: url(../images/fond/colLeft.jpg) left top no-repeat; } div#colonne_droite { float: right; width: 607px; min-height: 520px; margin: 0; padding: 0; background: url(../images/fond/colRight.gif) right top repeat-y; } div#colonne_droite p{ padding: 0 25px } /* //////////////////// Footer */ #outro { width: 915px; height: 150px; padding: 20px 0 0 0; background: url(../images/fond/outro.gif) left top no-repeat; clear: both } #outro p.one { width:520px; color: #779593; padding: 0 ; position:relative; top: 0px; left: 21px; } #outro p.two { float: right; text-align :right; color: #779593; padding: 0 ; position:relative; top: 0px; left: -21px; } #outro p a { color: #779593; text-decoration: none } #outro p a:hover { text-decoration: underline } /* //////////////////// Formulaires */ form.formatform { width: 452px; height: 374px; margin: 30px auto 15px auto; padding: 15px; background: url(../images/fond/f-contact.gif) left top no-repeat; } form.formatform h3 { margin: 0 0 16px 0px; } form.formatform label.lbleft { float: left; width: 184px; font: normal 11px arial; color: #3A6E58; } form.formatform input.ch { width: 206px; border: 1px solid #3A6E58; } form.formatform textarea { border: 1px solid #3A6E58; width: 388px ; position:relative; top: 3px; left: 0px; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatform2 { width: 452px; height: 228px; margin: 30px auto 15px auto; padding: 15px; background: url(../images/fond/f-mentions.gif) left top no-repeat; } form.formatform2 label.lbleft { float: left; width: 108px; font: bold 11px arial; color: #7d7d7d; } form.formatform2 label { font-weight: bold; color: #7d7d7d; } /* //////////////////// 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: -1px auto 18px; text-align: center; font: bold italic 12px arial; color: #37916e} .center { text-align: center } .left { text-align: left } .right { text-align: right } .full { width: 100% } .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; } .aucun { text-align: center; padding: 55px 0 0 0; } /* //////////////////// Messages d erreurs */ .denied { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; } .denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat; } /* ------------------------------- */ div.bl-s { width: 172px; background: url(../images/fond/bl-s.gif) left top repeat-y; } div.bl-bot { background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } div.bl-top { padding: 37px 0px 10px 0px; background: url(../images/fond/bl-top.gif) left top no-repeat; } /* ///////////////////////////////// Page Mentions */ div.mention-bot { width: 256px; background: url(../images/fond/element-bot.gif) left bottom no-repeat; float: left; margin: 15px 9px 0 23px } div.mention-top { width: 256px; min-height: 167px; padding: 15px 0px 10px 0px; background: url(../images/fond/element-top.gif) left top no-repeat; } div.mention-top h3 { margin: 0 0 10px 0; padding: 0px 0pt 0pt 9px; text-align: left; font: bold 14px verdana; } div.mention-top p { padding: 0 0 0 10px; } .format .conformement, .conformement { width: 474px; margin: 0 auto; font: normal 10px/15px verdana; color: gray } .format .conformement a, .conformement a { font: normal 10px verdana; } .format .conformement2 { width: 574px; margin: 0 auto; font: normal 10px/15px verdana; color: gray } .format .conformement2 a { font: normal 10px verdana; } /* Articles */ .actu2-bot { } .actu2-top { width: 583px; padding: 15px 0 14px 0; background: url(../images/fond/sep.gif) 219px bottom no-repeat; } .actu2-top h3 { margin: 0px 0 10px 20px; } p.date { float: right; color: gray; position:relative; top: 3px; left: -15px; font: normal 10px arial; } div#colonne_droite p.lire { text-align :right; text-decoration: none; padding: 0 40px 0 0; } div#colonne_droite p.lire a{ text-decoration: none; } div#colonne_droite p.lire a:hover{ text-decoration: underline } div#colonne_droite p.lire span { padding: 0 0 0 15px; background: url(../images/puce/lire.gif) left 2px no-repeat; } div#colonne_droite p.retour { text-align :left; text-decoration: none; padding: 0 0 0 20px } div#colonne_droite p.retour a{ text-decoration: none; } div#colonne_droite p.retour a:hover{ text-decoration: underline } div#colonne_droite p.retour span { padding: 0 0 0 15px; background: url(../images/puce/lire.gif) left 2px no-repeat; }