/** * Valeurs communes à l'ensemble des layout * Note: Les largeurs sont fixes, les hauteurs sont scalable * La resolution cible est le 1024 en largeur (page à 970px) */ /* .bold { font-weight: bold; } */ body {text-align:center;/*background: #fff;*/padding: 0;font-family: verdana,sans-serif;font-size: 80%; /* Enables font size scaling in MSIE */ color: #999999;} html > body {font-size:12px;} .cb{clear:both;height:0px;line-height:0px;font-size:1px;} .textBold{font-weight:bold;} .titreBloc{ font:bold 14px verdana,sans-serif;color:#999999;} .points188 {background:url(../images/points.gif) repeat-x left 10px;height:20px;width:188px;} .points260 {background:url(../images/points.gif) repeat-x left 10px;height:20px;width:260px;} .points548 {background:url(../images/points.gif) repeat-x left 10px;height:20px;width:548px;} .points836 {background:url(../images/points.gif) repeat-x left 10px;height:20px;width:836px;} #fondpage { /*background:transparent url(../images/bg_ciel.jpg) no-repeat 0 0;*/} #page { /*IE 5.5*/width: 860px;text-align:left;margin:10px auto; } #topcentre {background-color:#FFFFFF;} #menu{font:bold 16px verdana,sans-serif;color:#999999; text-transform:uppercase;padding:0 5px 0 15px; position:relative; text-align:center;height:42px;background-color:#FFFFFF;} #menu ul {padding:0;margin:0;} #menu li {display: inline;float: left;background: #fff;color: #42a62b;padding:10px 15px 10px 15px;} #menu li a {font-weight: bold;text-decoration: none;color: #999999;} #menu li a:hover{color:#42a62b;} #conteneur{ width:860px; padding-top:10px;background-color:#FFFFFF;} .mangerAutrement {color: #4ba73b;} .mangerAutrement a {color: #42a62b;} .compterAutrement {color: #6d5195;} .compterAutrement a {color: #6d5195;} .deplacerAutrement {color: #666666;} .deplacerAutrement a {color: #666666;} .apprendreAutrement {color: #6ab8db;} .apprendreAutrement a {color: #6ab8db;} .habiterAutrement {color: #ee8226;} .habiterAutrement a {color: #ee8226;} .informerAutrement {color: #e64c82;} .informerAutrement a {color: #e64c82;} /* ACCUEIL */ #col1Accueil{width:428px; float:left;} #intro{padding-bottom:4px;} #colNewsletter{float:left;width:212px;} #haut1quart {height:12px;background: transparent url(../images/haut_bord212.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocNewsletter {border:solid #999999;border-width:0 2px; padding:0 10px 0 10px; width:188px;height:107px; margin:0;} .txtNewsletter {color:#999999;} .champOk {width:110px; color:#999999; font-size:11px;} .btnOk {width:60px; height:20px; vertical-align:bottom;} #colTelecharg{float:left;width:212px;margin-left:4px;} #blocTelecharg {border:solid #999999;border-width:0 2px; padding:0 10px 0 10px; width:188px;height:107px;} #bas1quart {height:12px;background: transparent url(../images/bas_bord212.gif) no-repeat left bottom; line-height:0; font-size:0;} #col2Accueil{width:428px;float:left;margin-left:4px;} #blocAccueilVert{background: transparent url(../images/bloc_accueil_vert.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilViolet{background: transparent url(../images/bloc_accueil_violet.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilGris{background: transparent url(../images/bloc_accueil_gris.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilBleu{background: transparent url(../images/bloc_accueil_bleu.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilOrange{background: transparent url(../images/bloc_accueil_orange.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilRose{background: transparent url(../images/bloc_accueil_rose.gif) no-repeat 0 0;padding:2px;color:#FFFFFF; height:100px;} #blocAccueilTxt{ text-align:right; margin:16px 16px;} #blocAccueilTxt a {color: #fff;} #blocAccueilTxt a:hover {color:#fff;} #col3Accueil{width:860px;float:left;padding-bottom:4px;} #haut860 {height:12px;background: transparent url(../images/haut_bord860.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocPartenaires {border:solid #999999;border-width:0 2px;padding:0 10px 0 10px;} #bas860 {height:12px;background: transparent url(../images/bas_bord860.gif) no-repeat left bottom; line-height:0; font-size:0;} /* PROGRAMME */ #col1Prog{width:860px;float:left;} .titreAutrement{font:bold 12px verdana,sans-serif; text-transform:uppercase;} #blocProgVert{background: transparent url(../images/bloc_prog_vert.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;} #blocProgViolet{background: transparent url(../images/bloc_prog_violet.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;margin-left:10px;} #blocProgGris{background: transparent url(../images/bloc_prog_gris.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;margin-left:10px;} #blocProgBleu{background: transparent url(../images/bloc_prog_bleu.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;margin-left:10px;} #blocProgOrange{background: transparent url(../images/bloc_prog_orange.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;margin-left:10px;} #blocProgRose{background: transparent url(../images/bloc_prog_rose.gif) no-repeat 0 0;color:#FFFFFF; height:172px; width:135px; float:left;margin-left:10px;} #blocProgTxt{ text-align:center; margin-top:104px;} #blocProgTxt a {color: #fff;} #blocProgTxt a:hover {color:#fff;} #col2Prog{width:860px;float:left;padding-bottom:8px;} #hautProgManger{height:44px;background: transparent url(../images/haut_prog860vert.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgManger{border:solid #4ba73b;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgMangerIntro{color:#4ba73b;margin-bottom:15px;} #basProgManger{height:12px;background: transparent url(../images/bas_prog860vert.gif) no-repeat left bottom; line-height:0; font-size:0;} #hautProgCompter{height:44px;background: transparent url(../images/haut_prog860violet.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgCompter{border:solid #6d5195;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgCompterIntro{color:#6d5195;margin-bottom:15px;} #basProgCompter{height:12px;background: transparent url(../images/bas_prog860violet.gif) no-repeat left bottom; line-height:0; font-size:0;} #hautProgDeplacer{height:44px;background: transparent url(../images/haut_prog860gris.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgDeplacer{border:solid #666666;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgDeplacerIntro{color:#666666;margin-bottom:15px;} #basProgDeplacer{height:12px;background: transparent url(../images/bas_prog860gris.gif) no-repeat left bottom; line-height:0; font-size:0;} #hautProgApprendre{height:44px;background: transparent url(../images/haut_prog860bleu.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgApprendre{border:solid #6ab8db;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgApprendreIntro{color:#6ab8db;margin-bottom:15px;} #basProgApprendre{height:12px;background: transparent url(../images/bas_prog860bleu.gif) no-repeat left bottom; line-height:0; font-size:0;} #hautProgHabiter{height:44px;background: transparent url(../images/haut_prog860orange.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgHabiter{border:solid #ee8226;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgHabiterIntro{color:#ee8226;margin-bottom:15px;} #basProgHabiter{height:12px;background: transparent url(../images/bas_prog860orange.gif) no-repeat left bottom; line-height:0; font-size:0;} #hautProgInformer{height:44px;background: transparent url(../images/haut_prog860rose.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgInformer{border:solid #e64c82;border-width:0 2px;padding:0 10px 0 10px; /*height:530px;*/ position:relative; } #blocProgInformerIntro{color:#e64c82;margin-bottom:15px;} #basProgInformer{height:12px;background: transparent url(../images/bas_prog860rose.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocProgHorairesDetails{float:left;padding-bottom:8px;} #blocProgHoraires{margin-rigt:20px; width:85px; float:left; border-top:dotted 1px #999999;padding-top:8px; } #blocProgDetails{margin-left:20px; width:730px; float:left; border-top:dotted 1px #999999;padding-top:8px; } #colInfoPratique{width:860px;float:left;padding-bottom:8px;} #blocInfoPratique {border:solid #999999;border-width:0 2px;padding:0 10px 0 10px; width:836px; } /* PARTENAIRES */ #blocPartMenu{border:solid #999999;border-width:0 2px;padding:0 10px 0 10px; width:836px;} #colPartMenu{width:250px;float:left;margin:2px;padding:0 10px 0 10px;text-align:center; height:15px;} #colPart{width:860px;float:left;padding-bottom:8px;} #blocPart{border:solid #999999;border-width:0 2px;padding:0 10px 0 10px; width:836px; float:left;} #blocPartLogo{float:left;width:215px; text-align:center;} #blocPartTxt{float:left;width:600px;margin-left:4px; font-size:11px;} /* CONTACT */ #col1Contact{float:left;width:860px;padding-bottom:4px;} #blocOrganiz{float:left;width:572px;} #haut572 {height:12px;background: transparent url(../images/haut_bord572.gif) no-repeat left bottom; line-height:0; font-size:0;} #centreOrganiz {border:solid #999999;border-width:0 2px; padding:0 10px 0 10px; width:548px;} #bas572 {height:12px;background: transparent url(../images/bas_bord572.gif) no-repeat left bottom; line-height:0; font-size:0;} #blocContact{float:left;width:284px;margin-left:4px;} #haut284 {height:12px;background: transparent url(../images/haut_bord284.gif) no-repeat left bottom; line-height:0; font-size:0;} #centreContact {border:solid #999999;border-width:0 2px; padding:0 10px 0 10px; width:260px;} #bas284 {height:12px;background: transparent url(../images/bas_bord284.gif) no-repeat left bottom; line-height:0; font-size:0;} /* ARCHIVES */ #colArchves{float:left;width:860px;padding-bottom:4px;} #blocArchives {border:solid #999999;border-width:0 2px;padding:0 10px 0 10px; width:836px; } #blocGallerie {/*padding:30px; width:776px;*/ } /* PLAN */ #blocPlan{float:left;width:602px; text-align:center;} #blocAcces{float:left;width:222px;padding-right:10px; /*font-size:11px;*/ text-align:right;} #footerTxt {font:10px verdana,sans-serif;color:#999999; text-align:center; width:860px;padding-top:5px;}