/* CSS Front Lenfant */ * { margin:0; padding:0; border: none; text-decoration: none } body { padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #444444; background: url(../images/fond/ f-body.gif) center top no-repeat; } h1 a { position: absolute; top: 100px; left: 0; top: 0; width: 800px; height: 52px; display:block; text-indent: -999em; overflow: hidden; z-index: 5000; } h2 { margin: 20px 0 20px 0px; padding: 0 0 0 0px; font: normal 24px "Trebuchet MS"; color: #818283; background: url(../images/fond/f-h2.jpg) left 3px no-repeat; } h3 { margin: 15px 0 10px 0px; font: normal 19px "Trebuchet MS"; color: #559bb2 } h4 { margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #559bb2 } h4.plnTtitre { margin: 15px 0 10px 15px; font: normal 15px "Trebuchet MS"; color: #559bb2 } h4.plnTtitre strong { display: block; text-align: center; } h5 { margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c } p { font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left; color: #555353 } input { padding: 0 0 0 3px; font: normal 11px arial } textarea { padding: 4px; font: normal 11px arial } ul li { list-style: none; font: normal 11px/15px arial; margin: 10px 15px 10px 24px ; color: #555353} ul.puced li { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 9px; background: url(../images/puce/p3.gif) left 6px 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: #555353; text-decoration: underline; font: normal 11px arial } a:hover { color: #555353; text-decoration: underline } abbr { cursor: help; } .visuFloatRight { float: right; margin: 0 0 10px 15px; } .visuFloatleft { float: left; margin: 0 0 10px 15px; } .visuFloatleft55 { } .visuFloatleft55 img { float: left; margin: 0 10px 0 0px; display: block; } .format { padding: 0 25px 20px 25px } .format2 { min-height: 300px; } .format3 { min-height: 463px; padding: 0 25px 20px 25px } .enCours { margin: 50px 0 0 0px; text-align: center; font-weight: bold; } .aucun { margin: 50px 0 0 0px; text-align: center; font-weight: bold; } .borderIMG img { border: 1px solid #d9d9d9 } .underline { border-bottom: 1px solid #8A8989 } .fondhaut { background: url(../images/fond/haut.gif) left top repeat-x; } .cadre { background: url(../images/fond/bordcentre.gif) center top repeat-y; } /* Articumation Page */ table.mep { } table.mep td { vertical-align: top } table.mep td.one { } table.mep td.two { padding: 0 0 0 10px; } .ShowTheHiddenIMG { } img.hiddenIMG { display: none; } .ShowTheHiddenIMG:hover img.hiddenIMG { display: block; position: absolute; top: 265px; left: 160px; } /* Accordeon */ #accordeon { } .toggler { color: #347083; font: bold 13px arial; background: url(../images/puce/pp.gif) 0px 1px no-repeat; margin: 12px 0 0 0px; padding: 0 0 0 19px; cursor: pointer } .toggler-expanded { color: #559bb2; background: url(../images/puce/p.gif) left 5px no-repeat; } .element { } .elementInside { border: 1px solid #f2f3f4; padding: 5px 10px; } /* */ #pseudoGif { width: 260px; margin: 10px auto; } #pseudoGif { text-align: center; padding: 0 } /* Actualite */ #actu .fleftActuImg { float: right; margin: 0 0 15px 10px; } #actu .fleftActuImg img { border: 7px solid #fff; } #actu p.date { float: right; padding: 0 15px 0 0; } p.retourL { margin: 13px 0 10px 15px } .actu2-bot { border-bottom: 1px dotted #c8dae6 } .actu2-top { padding: 0 0 7px 0; } .actu2-top h3 span.date { font: normal 11px arial; color: #555353 } /* */ .hautdepage { float: right } .hautdepage span { background: url(../images/puce/up.gif) left 3px no-repeat; padding: 0 0 0 15px; } .hautdepage span span { background: url(../images/puce/up.gif) right 3px no-repeat; padding: 0 15px 0 0; } .hautdepage a { text-decoration: none; } .hautdepage a:hover { text-decoration: underline } /* */ ul.switch { left:35px; position:absolute; top:218px; } ul.switch li { margin: 0pt 40pt 0pt 0px; padding: 0 0 0 0; float: left; } ul.switch li.last { margin: 0pt } ul.switch li a { overflow: hidden } ul.switch li a#genou { display: block; width: 221px; height: 34px; background: url(../images/menu/genou.gif) left top no-repeat; text-indent: -5000px; } ul.switch li a#genou:hover { display: block; width: 221px; height: 34px; background: url(../images/menu/genou2.gif) left top no-repeat; text-indent: -5000px; } ul.switch li a#epaule { display: block; width: 221px; height: 34px; background: url(../images/menu/epaule.gif) left top no-repeat; text-indent: -5000px; } ul.switch li a#epaule:hover { display: block; width: 221px; height: 34px; background: url(../images/menu/epaule2.gif) left top no-repeat; text-indent: -5000px; } ul.switch li a#hanche { display: block; width: 221px; height: 34px; background: url(../images/menu/hanche.gif) left top no-repeat; text-indent: -5000px; } ul.switch li a#hanche:hover { display: block; width: 221px; height: 34px; background: url(../images/menu/hanche2.gif) left top no-repeat; text-indent: -5000px; } /* Conteneurs generaux */ #main { position: relative; width: 841px; margin: 0 auto; text-align: left; overflow: auto; background: url(../images/fond/interieur.gif) left top repeat-x } #intro { width: 841px; height: 251px; background: url(../images/fond/header2.jpg) left top no-repeat } .visuHomeHeader { left:14px; position:absolute; top:62px; } #menu-top { } #content { width: 841px; margin: 0; padding:0; overflow: auto; } /* ////////////////////////////////// HomePage */ div#colonne_gauche_Home { float: left; width: 277px; padding: 5px 5px 0 0px; } div#colonne_droite_Home { float: left; width: 532px; margin: 0; padding: 5px 5px 20px 20px; } .question { width: 277px; height: 139px; background: url(../images/fond/f-question.gif) left top no-repeat; } .question a { left:36px;position:relative;top:60px; } #menu-left-bot { background: url(../images/fond/menu-left-bot.gif) left bottom no-repeat; } #menu-left-top { width: 260px; padding: 15px 0 15px 15px; background: url(../images/fond/menu-left-top.gif) left top no-repeat; } #menu-left-top ul { margin: 0; padding: 0; } #menu-left-top ul li { margin: 0 0 7px 0; padding: 0; padding: 0 0 0 12px; background: url(../images/puce/p1.gif) left 6px no-repeat; } #menu-left-top ul li a { font: bold 10px verdana; color: #8A8989; text-transform: uppercase; text-decoration: none; } #menu-left-top ul li .false-link { font: bold 10px verdana; color: #8A8989; text-transform: uppercase; text-decoration: none; } #menu-left-top ul li ul { margin: 1px 0pt 3px 20px; padding: 0; } #menu-left-top ul li ul li { margin: 0 0 3px 0; padding: 0; background: none; } #menu-left-top ul li ul li a { font: normal 11px verdana; color: #8fc6d8; text-transform: none; padding: 0 0 0 12px; background: url(../images/puce/p2.gif) left 3px no-repeat; text-decoration: none; } #menu-left-top ul li ul li li { margin: 0 0 3px 0; padding: 0; background: none; } #menu-left-top ul li ul li li a { font: normal 11px verdana; color: #96adb5; text-transform: none; padding: 0 0 0 12px; background: url(../images/puce/p2.gif) left 3px no-repeat; text-decoration: none; } p.footer2 { margin: 6px 0 0 0px; text-align: center; font: normal 10px arial; color: #cccccc; clear: both; } p.footer2 a { text-decoration: none; font: normal 10px arial; color: #cccccc; } /* Inside */ #colonne_gauche_Home-Inside { float: left; width: 277px; padding: 5px 5px 0 0px; } #colonne_gauche_Home-Inside #menu-left-bot { background: url(../images/fond/menu-left-bot2.gif) left bottom no-repeat; } #colonne_gauche_Home-Inside #menu-left-top { width: 260px; padding: 15px 0 15px 15px; background: url(../images/fond/menu-left-top2.gif) left top no-repeat; } #colonne_gauche_Home-Inside .question { width: 275px; height: 135px; margin: 6px 0 0 0px; background: url(../images/fond/f-question2.gif) left top no-repeat; } #colonne_gauche_Home-Inside .question a { position:relative; top: 62px; left: 47px; } /* colonne droite Home */ .bienvenue { width: 524px; height: 74px; margin: 4px 0 10px 0; padding: 0; /* background: url(../images/illustr/f-bienvenue.gif) left bottom no-repeat; */ } p.edito { width: 524px; padding: 0 6px 10px 6px; color: #555353; background: url(../images/illustr/f-edito.gif) left bottom no-repeat; } p.lire { text-align :right; margin: 4px 0 0 0px; padding: 0 15px 0 0; } p.footer1 { margin: 6px 0 0 0px; text-align: center; font: normal 10px arial; color: #cccccc; } p.footer1 a { text-decoration: none; font: normal 10px arial; color: #cccccc; } div.aLaUne { min-height: 168px; padding: 0 0 3px 0; background: url(../images/illustr/f-edito.gif) left bottom no-repeat; } div.aLaUne h2 { width: 525px; height: 37px; margin: 25px 0 0 0; padding: 0; background: url(../images/fond/h2-a-la-une.gif) left top no-repeat; text-indent: -5000px; } div.aLaUne h3 a { font: normal 13px arial; margin: 4px 0 3px 0px; padding: 0 0 4px 6px; color: #2f2f2f; text-decoration: none; } div.aLaUne p { font: normal 11px arial; padding: 0 6px 0px 6px; color: #555353; } div.aLaUne p.imgFloat { float: right; margin: 4px 0px 5px 15px } div.separator { } .centerM { text-align: center; margin: 20px 0 20px 10px } /* ////////////////////////////////// Footer */ #outro { height: 37px; background: url(../images/fond/footer.gif) no-repeat; clear: both; } #outro p { color: #CCCCCC; text-align: center; padding: 16px 0 15px 0 } #outro p a { color: #CCCCCC; text-decoration: none } #outro p a:hover { text-decoration: underline } /* Formulaires */ form.formatform { width: 450px; margin: 30px 0 15px 30px; 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: #555353; } form.formatform input { border: 1px solid #7cc8db; } form.formatform select { border: 1px solid #7cc8db; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } /* 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: #5b98ad} .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; } /* Messages d erreurs */ .denied { margin: 10px 20px 30px 30px; color: red; padding: 0 0 12px 0; font: normal 12px arial; background: url(../images/fond/f-denied.gif) left bottom no-repeat; } .denied ul li { margin: 0 0 3px 12px; padding: 0 25px 0 12px; background: url(../images/puce/p4.gif) left 4px no-repeat; color: #626262 } /* ------------------------------- */ 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 contcat */ .formatformC { width: 454px; height: 311px; margin: 10px auto 15px auto; padding: 15px 40px; background: url(../images/fond/bl-contact.gif) left top no-repeat; position:relative; top: 0px; left: 0px; } form.formatformC h3 { margin: 0 0 16px 0px; } form.formatformC label.lbleft { float: left; width: 135px; font: bold 11px arial; color: #6d6d6d } form.formatformC input.ch { border: 1px solid #76b4c8; width: 160px; } form.formatformC select { border: 1px solid #76b4c8; } form.formatformC textarea { width: 434px; margin: 3px 0 0 0px; } p.centerbut { margin: 15px 0 10px 0px; clear: both; text-align:center; } form.formatformC .bita { margin: 24px auto 28px auto; text-align: center; font: bold italic 12px arial; color: #5b98ad } p.recevoir { position:absolute; right:54px; top: 95px; } p.recevoir label.lbleft3 { width: 102px; float: left; font: bold 11px arial; color: #6d6d6d } p.recevoir input { left:-2px;position:relative;top:5px; } div.formatformC .block1 { float: left; padding: 17px 20pt 0pt 25px } div.formatformC .block1 p { margin: 0 0 24px 0px; text-align :right; } div.formatformC .block2 { float: left; } .comment { width: 308px; height: 91px; border: 1px solid #76b4c8; opacity:.70; filter: alpha(opacity=70); -moz-opacity: 0.7;} /* Page Mentions */ .conteneurAdresseMention { text-align: center; margin: 0px 0 15px 0px; overflow: auto; } /* Conteneur des 2 blocs d'adresse */ .conteneurAdresseMention h3 { font: bold 13px arial; margin: 0 0 4px 0; padding: 0; color: #2282af; text-align: left; } .conformement { font: normal 10px arial } div.mention-bot { width: 239px; margin: 0 0 0 5px; float: left; background: url(../images/fond/bl-bot.gif) left bottom no-repeat; } div.mention-top { padding: 18px 19px 10px 19px; min-height: 180px; background: url(../images/fond/bl-top.gif) left top no-repeat; }