/* Start of CMSMS style sheet 'smaller' */ * { margin: 0; padding: 0; } /* mac hide \*/ html,body{height:100%;} /* end hide*/ body { color: #666666; font: 12px/1.2 Arial, Arial, Helvetica, sans-serif; } #page { width:940px; margin-left:auto; margin-right:auto; text-align:left; position:relative; } html { overflow: -moz-scrollbars-vertical; } * html #page { width:940px; } html { overflow: -moz-scrollbars-vertical; } a img {border: none; } #language {position: absolute; top:0px; left:0px;width: 940px; height: 50px; color: #aaaaaa; text-align: right;z-index: 10; font: 11px Arial, Helvetica, sans-serif;padding-top: 8px;} #language .active {color: #ffffff;} #language a { text-decoration: none; } #language a:link, #language a:visited { color: #dddddd; text-decoration: none; } #language a:hover { color: #ffffff; text-decoration: none; } #header { position: absolute; right: 0px; top: 25px; height: 218px; text-align:left; position:relative; } #title{position: absolute; left: 349px; top: 132px; font: 24px/1.2 Arial, Helvetica, sans-serif; color: #77787b;text-transform: uppercase;} #logo {position: absolute; left: 0px; top: 0px;} #logo a {width: 240px; height: 218px; display: block;} #logo a.logostyle0 {background: url(css/logo1.gif); } #logo a.logostyle1 {background: url(css/logo2.gif); } #content { width: 940px; margin-left:auto; margin-right:auto; text-align:left; position:relative; padding-bottom: 0px; margin-top: 25px; overflow: hidden; /*ie hack*/ } #text {float:right; display: block; width: 480px; font: 14px/1.2 Verdana, sans-serif; margin:0px 110px 0px 110px; padding-bottom: 10px; padding-top: 30px; min-height:200px; height:auto !important; height:200px; } #text li {margin-top: 4px; padding: 0px 0px 2px 20px ;list-style-type:none; background: url(css/bullet.gif) no-repeat 0px 5px; } #text P {padding: 0px 0px 4px 0px;} #footer { color: #cccccc; font: 9px Verdana,sans-serif; padding-top: 10px; text-align: center;padding-bottom: 5px;} #footer a {color: #cccccc;} #footer p {display: inline; margin-right: 10px;} #menu {width: 240px; background: url(css/bgmenu.jpg) no-repeat top left;padding-top: 30px;float:left; min-height:330px; height:auto !important; height:330px; } #menu ul { list-style: none outside;margin: 0; padding: 0;} #menu li { font: 18px/1.4 Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #9a9293; text-transform: lowercase; zoom:1; } #menu li li, #menu li li li, #menu li li li li { font: 14px/1.2 Arial, Helvetica, sans-serif; text-transform: none; margin: 0px; padding: 0px; } /*240 - 48padding de li a*/ #menu li a, #menu li p {padding-left: 48px;width:192px;margin: 0; padding-top: 4px; padding-bottom: 1px; } /*padding bottom for ie*/ #menu li li a, #menu li li p {padding-left: 70px;width:170px; border: none;} #menu li li li a, #menu li li li p {padding-left: 75px; width:165px;border: none;} /*#menu li li li a, #menu li li li p {padding-left: 100px; width:140px;border: none;}*/ #menu li li {background: url(css/bgmenulev2.gif) no-repeat 0px 6px;} #menu li li li {background: none;font-size: 12px;} #menu li li.activeparent {background: url(css/bgmenulev2active.gif) no-repeat 0px 6px;} #menu a { text-decoration: none; display: block;} #menu a:link, #menu a:visited { color: #77787b; text-decoration: none; } #menu a:hover,#menu a.currentpage, #menu a.currentpage:visited { color: #ffffff;} body#style1, body#style2, body#style3, body#style4 {text-align: center;} /*body#style1, #style1 #menu a:hover,#style1 #menu a.currentpage, #style1 #menu a.currentpage:visited { background: #BD1A8D;} body#style2, #style2 #menu a:hover,#style2 #menu a.currentpage, #style2 #menu a.currentpage:visited { background: #54075B;} body#style3, #style3 #menu a:hover,#style3 #menu a.currentpage, #style3 #menu a.currentpage:visited { background: #E86629;} body#style4, #style4 #menu a:hover,#style4 #menu a.currentpage, #style4 #menu a.currentpage:visited { background: #8CC63F;} */ body#style1,#style1 #menu a.currentpage, #style1 #menu a.currentpage:visited { background: #BD1A8D;} body#style2, #style2 #menu a.currentpage, #style2 #menu a.currentpage:visited { background: #54075B;} body#style3, #style3 #menu a.currentpage, #style3 #menu a.currentpage:visited { background: #E86629;} body#style4, #style4 #menu a.currentpage, #style4 #menu a.currentpage:visited { background: #8CC63F;} #menu a:hover {background: #aaaaaa;} body#style1 #title {color: #BD1A8D;} body#style2 #title {color: #54075B;} body#style3 #title {color: #E86629;} body#style4 #title {color: #8CC63F;} #style1 #language {background: url(css/pagetop1.gif) no-repeat top left;} #style2 #language {background: url(css/pagetop2.gif) no-repeat top left;} #style3 #language {background: url(css/pagetop3.gif) no-repeat top left;} #style4 #language {background: url(css/pagetop4.gif) no-repeat top left;} #style1 #page {background: #ffffff url(css/bbgpage1.jpg) no-repeat bottom left;} #style2 #page {background: #ffffff url(css/bbgpage2.jpg) no-repeat bottom left;} #style3 #page {background: #ffffff url(css/bbgpage3.jpg) no-repeat bottom left;} #style4 #page {background: #ffffff url(css/bbgpage4.jpg) no-repeat bottom left;} .bien-etre #title{left: 289px;} .bien-etre #text {width: 600px; margin:0px 50px 0px 50px;} #sidecolumnhome {width: 200px;float:right; margin-left: 50px;} #hometext{width:340px;float: left;overflow:hidden} #header {background: url(css/header0.jpg) no-repeat top right;} /*default*/ .bien-etre .headerstyle0 #header {background: url(css/header-oreille.jpg) no-repeat top right;} .bien-etre .headerstyle1 #header {background: url(css/header0.jpg) no-repeat top right;} .bien-etre .headerstyle2 #header {background: url(css/header-pitahaya.jpg) no-repeat top right;} .beaute-sante .headerstyle0 #header {background: url(css/header-artichaud.jpg) no-repeat top right;} .beaute-sante .headerstyle1 #header {background: url(css/header-pommeaub.jpg) no-repeat top right;} .beaute-sante .headerstyle2 #header {background: url(css/header-rire.jpg) no-repeat top right;} .beaute-sante .headerstyle3 #header {background: url(css/header-litchipoilu.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle0 #header {background: url(css/header-bouche.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle1 #header {background: url(css/header-carambole.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle2 #header {background: url(css/header-mains.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle3 #header {background: url(css/header-poivron2.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle4 #header {background: url(css/header-brocoli.jpg) no-repeat top right;} .cours-adultes-enfants .headerstyle5 #header {background: url(css/header-kaki.jpg) no-repeat top right;} .communaute .headerstyle0 #header {background: url(css/header-fenouil.jpg) no-repeat top right;} .communaute .headerstyle1 #header {background: url(css/header-miniananas.jpg) no-repeat top right;} .communaute .headerstyle2 #header {background: url(css/header-tomate.jpg) no-repeat top right;} .contact .headerstyle0 #header {background: url(css/header-oreille.jpg) no-repeat top right;} .contact .headerstyle1 #header {background: url(css/header-pommentiere.jpg) no-repeat top right;} .contact .headerstyle2 #header {background: url(css/header-rire.jpg) no-repeat top right;} .NewsSummary .date {font: bold 12px Arial, Helvetica, sans-serif; color: #aaaaaa; margin-bottom: 8px;} .NewsSummary .title {font: bold 12px Arial, Helvetica, sans-serif; color: #aaaaaa; margin-bottom: 8px;} .NewsSummary .summary {font: 11px Arial, Helvetica, sans-serif; margin-bottom: 8px;} .NewsSummary .more {font: 10px Arial, Helvetica, sans-serif; margin-bottom: 8px; margin-top: 2px; text-align: right} :link, :visited {color: #666666;} :link:hover, :visited:hover {color: #999999;} :link:active, :link:active {color: #999999;} UL, OL { margin-left: 10px; } LI { margin-left: 20px; } a img {border: none; } H1 { font: 18px/1.2 Arial, Helvetica, sans-serif; color: #A0999A; margin: 5px 0px 20px 0px;} h2 { font: bold 14px/1.5 Arial, Helvetica, sans-serif; margin-bottom: 4px; color: #A0999A; } h3 { font: bold 12px/1.5 Arial, Helvetica, sans-serif; margin-bottom: 4px; color: #A0999A; } hr {margin: 20px 0px; border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; } .image_a_droite { float: right; padding: 4px 0px 4px 4px} .image_a_gauche { float: left; padding: 4px 4px 0px 4px} .big_text {text-align:center; color: #1B3149; font-size: 14px; font-weight: bold;} /*#style1 .contactform {margin-left: 100px; margin-top: 10px; padding: 10px; background: #fdf1e9; border: 1px solid #A25E23; width: 310px;} #style1 .contactform fieldset legend {font-weight: bold;padding: 10px;} #style1 .contactform div {width: 100%; padding: 10px 0px 4px 0px;} #style1 .contactform div label {display: block;} #style1 .contactform div.required {color: #880000;} #style1 .contactform input, #style1 .contactform textarea {border: 1px solid #5C3B34; background: #ffffff; width: 300px;} #style1 .contactform .submit input {border-top: 2px solid #fbc89e; border-left: 2px solid #fbc89e; border-right: 1px solid #cb986e; border-bottom: 1px solid #cb986e; background: #f46f21; width: 300px; color: #ffffff; font: bold 18px Verdana; padding: 4px; cursor: pointer; } #style1 .contactform .submit input:hover { border-right: 1px solid #F5f3eF; border-bottom: 1px solid #F5f3eF; border-left: 2px solid #a47466; border-top: 2px solid #a47466; background: #fbc89e;} */ .newsletterform {margin-top: 50px;} .newsletterform label {font-size: 11px; margin-bottom: 4px; display: block;} .newsletterform input {border: 1px solid #cccccc; background: #f5f5f5; width: 165px;padding:3px 2px 1px 2px;font: 11px Arial, Helvetica, sans-serif; color: #000000;} .newsletterform .submit, .newsletterform .required {display: inline;} .newsletterform .submit input {background:url(css/buttonarrow.gif) no-repeat top left; width: 20px;height:20px;padding:0px; cursor: pointer;} .contactform {margin-top: 5px;} .contactform label {font-size: 11px; margin-bottom: 2px; margin-top: 20px;display:block;} .contactform input, .contactform textarea {border: 1px solid #cccccc; background: #f5f5f5; width: 400px;padding:2px; font: 11px Arial, Helvetica, sans-serif; color: #000000;} .contactform .submit input {background:#BD1A8D; width: 405px;padding:0px; cursor: pointer;color: #ffffff; font: bold 12px Arial, Helvetica, sans-serif; margin-top: 10px;padding:2px;} .contactform .submit input:hover {background:#cD2A9D; } .contactformsmall {margin-top: 5px;} .contactformsmall label {font-size: 11px; margin-bottom: 2px; margin-top: 20px;display:block;} .contactformsmall input, .contactformsmall textarea {border: 1px solid #cccccc; background: #f5f5f5; width: 200px;padding:2px; font: 11px Arial, Helvetica, sans-serif; color: #000000;} .contactformsmall .submit input {background:#BD1A8D; width: 200px;padding:0px; cursor: pointer;color: #ffffff; font: bold 12px Arial, Helvetica, sans-serif; margin-top: 10px;padding:2px;} .contactformsmall .submit input:hover {background:##cD2A9D; } .mail_us {margin-top: 10px; padding-top:10px; border-top: 1px dotted #dddddd;padding-left: 40px;} .mail_us label {font-size: 12px; margin-bottom: 2px; margin-top: 10px;display:block;} .mail_us input {border: 1px solid #cccccc; background: #f5f5f5; width: 400px;padding:2px; font: 10px Arial, Helvetica, sans-serif; color: #000000;} .mail_us textarea {border: 1px solid #cccccc; background: #f5f5f5; width: 400px;;padding:2px; font: 10px Arial, Helvetica, sans-serif; color: #000000;} .mail_us .submit input {background:#888888 no-repeat top left; width: 20px;padding:0px; cursor: pointer; font: bold 12px Arial, Helvetica, sans-serif; color: #ffffff; cursor: pointer; width:205px; margin-top: 10px; ; padding: 5px;margin-left: 100px;} .mail_us .submit input:hover {background:#bbbbbb;} .extrahometext {font-size: 11px; margin-top: 40px;} /* End of 'smaller' */