/* Start of CMSMS style sheet 'home_test' */ /***************** browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on ******************/ * { margin:0; padding:0; line-height: 16px; text-align:justify; } .titre_gabarit_interne{ color:#666666; font-size:16px; line-height: 20px; } .soustitre_gabarit_interne{ color:#666666; font-size:14px; } .form { font-family: Arial, Helvetica, sans-serif; } select, option, textarea, .area { font-family: Arial, Helvetica, sans-serif; font-size: 11px; /*border:1px solid;*/ } input.button, input.submit { background-image:url(images/btn_recherche.jpg) } .contenuglobal{ height:650px; } .titre{ color#333333; } .titredetailarticle{ font-size: 12px; line-height: 17px; } /* Set initial font styles */ body { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1em; background-repeat: repeat-x; } /* set font size for all divs, this overrides some body rules */ div { font-size: 1em; } /* if img is inside "a" it would have borders, we don't want that */ img { border: 0; } /* default link styles */ /* set all links to have underline and bluish color */ a, a:link a:active { text-decoration: underline; /* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */ background-color: inherit; color: #18507C; } a:visited { text-decoration: underline; background-color: inherit; color: #18507C; /* a different color can be used for visited links */ } /* remove underline on hover and change color */ a:hover { text-decoration: none; background-color: #FFFFFF; color: #ecb60c; } /* a.footer.lespan:hover { text-decoration: none; color: #ecb60c; } */ a.menuparent:hover { text-decoration: none; background-color: #FFFFFF; color: #ff6600; /*border-left: thin solid; border-left-color:#999999; border-width: 1px;*/ } /***************** basic layout *****************/ body { /* background-color: #ffffff; */ color: #333; margin:1em; /* gives some air for the pagewrapper */ } .contenugris {color: #333333; text-align:justify; line-height: 17px;} /* center wrapper, min max width */ div#pagewrapper { border: 1px solid black; margin: 0 auto; /* this centers wrapper */ width: 950px; /* IE wont understand these, so we will use javascript magick */ min-width: 950px; background-color: #fff; color: black; } div#header h1 a { /* you can set your own image here */ background: #385C72 url(images/cms/logo1.gif) no-repeat 0 12px; display: block; height: 80px; /* adjust according your image size */ text-indent: -999em; /* this hides the text */ text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */ } /* position for the search box */ div#search { float: right; /*width: 27em;*/ /* enough width for the search input box */ text-align: right; padding: 0.6em 0 0.2em 0; margin: 0 1em; } div.breadcrumbs { padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */ font-size: 90%; /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */ margin: 0 1em; /* css shorthand rule will be opened to be "0 1em 0 1em" */ border-bottom: 1px dotted #000; } div.breadcrumbs span.lastitem { font-weight:bold; } div#content { margin: 1.5em auto 2em 0; /* some air above and under menu and content */ } div#sidebar { float: left; /* set sidebar on the left side. Change to right to float it right instead. */ width: 26%; /* sidebar width, if you change this please also change #main margins */ display: inline; /* FIX IE double margin bug */ margin-left: 0; } div#footer p a { color: #fff; /* needed becouse footer link would be same color as background otherwise */ } /* as we hid all hr for accessibility we create new hr with extra div element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } /* relational links under content */ div.left49 { width: 49%; /* 50% for both left and right might lead to rounding error on some browser */ } div.right49 { float: right; width: 49%; text-align: right; } /******************** CONTENT STYLING *********************/ div#content { } /* HEADINGS */ div#content h1 { font-size: 2em; /* font size for h1 */ line-height: 1em; margin: 0; } div#content h2 { color: #294B5F; font-size: 1.5em; text-align: left; /* some air around the text */ padding-left: 0.5em; padding-bottom: 1px; /* set borders around header */ border-bottom: 1px solid #e7ab0b; border-left: 1.1em solid #e7ab0b; line-height: 1.5em; /* and some air under the border */ margin: 0 0 0.5em 0; } div#content h3 { color: #294B5F; font-size: 1.3em; line-height: 1.3em; margin: 0 0 0.5em 0; } div#content h4 { color: #294B5F; font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; } /* END HEADINGS */ /* TEXT */ p { font-size: 1em; margin: 0 0 1.5em 0; /* some air around p elements */ line-height: 1.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } strong, b { /* explicit setting for these */ font-weight: bold; } em, i { /* explicit setting for these */ font-style:italic; } /* Wrapping text in tags. Makes CSS not validate */ code, pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { border: 1px solid #000; /* black border for pre blocks */ background-color: #ddd; margin: 0 1em 1em 1em; padding: 0.5em; line-height: 1.5em; font-size: 90%; } /* Separating the divs on the template explanation page, with some bottom-border */ div.templatecode { margin: 0 0 2.5em; } /* END TEXT */ /* LISTS */ /* lists in content need some margins to look nice */ div#main ul, div#main ol, div#main dl { font-size: 1.0em; line-height: 1.4em; margin: 0 0 1.5em 0; } div#main ul li, div#main ol li { margin: 0 0 0.25em 3em; } /* definition lists topics on bold */ div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } /* END LISTS */ .main { display:block; /*height:700px;*/ width:950px; margin: 0 auto; /*background-color:#ffffff;*/ } .header { display:block; height:60px; width:800px; margin: 0 auto; background-image:url(images/header.jpg); } .menu { display:block; height:20px; margin: 0; text-align:left; } .publicite { display:block; height:150px; width:520px; margin: 0 0; } .zoom { display:block; font-size:9px; height:150px; width:222px; margin: 0 0; /*background-image:url(images/zoom-bkg.jpg);*/ background-position:left; background-repeat:no-repeat; padding-left:20px; padding-right:20px; background-position:bottom; } .edito { display:block; /*height:130px;*/ /*width:480px;*/ margin: 0 0; padding-left:20px; padding-right:20px; padding-top:20px; } .events { display:block; height:130px; /*width:235px;*/ margin: 0 0; padding-left:20px; padding-right:20px; padding-top:20px; } .txt_blanc{ color:#FFFFFF; font-size:12px; line-height: 18px; } .txt_blanc_extranet{ color:#FFFFFF; line-height: 17px; } .clearfix{ list-style:none; padding-left: 5px; padding-top: 10px; } /* DEBUT STYLE MENU */ #menu_telecom { display:block; height:42px; width:106px; background-image:url(uploads/images/telecoms.jpg); } #menu_telecom_off { display:block; height:42px; width: 106px; background-image:url(uploads/images/telecoms.jpg); } #menu_telecom a { display:block; height:42px; width: 106px; background-image:url(uploads/images/telecoms.jpg); background-position:top; text-decoration:none; } #menu_telecom_on { display:block; height:42px; width: 106px; background-image:url(uploads/images/telecoms.jpg); background-position:bottom; text-decoration:none; } #menu_telecom a:hover { background-position:bottom; } #menu_hebergement { display:block; height:42px; width: 109px; background-image:url(uploads/images/hebergement.jpg); } #menu_hebergement_off { display:block; height:42px; width: 109px; background-image:url(uploads/images/hebergement.jpg); } #menu_hebergement a { display:block; height:42px; width: 109px; background-image:url(uploads/images/hebergement.jpg); background-position:top; text-decoration:none; } #menu_hebergement_on { display:block; height:42px; width: 109px; background-image:url(uploads/images/hebergement.jpg); background-position:bottom; text-decoration:none; } #menu_hebergement a:hover { background-position:bottom; } #menu_telephonie { display:block; height:42px; width: 91px; background-image:url(uploads/images/telephonie.jpg); } #menu_telephonie_off { display:block; height:42px; width: 91px; background-image:url(uploads/images/telephonie.jpg); } #menu_telephonie a { display:block; height:42px; width: 91px; background-image:url(uploads/images/telephonie.jpg); background-position:top; text-decoration:none; } #menu_telephonie_on { display:block; height:42px; width: 91px; background-image:url(uploads/images/telephonie.jpg); background-position:bottom; text-decoration:none; } #menu_telephonie a:hover { background-position:bottom; } #menu_travail { display:block; height:42px; width: 98px; background-image:url(uploads/images/travail.jpg); } #menu_travail_off { display:block; height:42px; width: 98px; background-image:url(uploads/images/travail.jpg); } #menu_travail a { display:block; height:42px; width: 98px; background-image:url(uploads/images/travail.jpg); background-position:top; text-decoration:none; } #menu_travail_on { display:block; height:42px; width: 98px; background-image:url(uploads/images/travail.jpg); background-position:bottom; text-decoration:none; } #menu_travail a:hover { background-position:bottom; } #menu_solution { display:block; height:42px; width: 99px; background-image:url(uploads/images/solution.jpg); } #menu_solution_off { display:block; height:42px; width: 99px; background-image:url(uploads/images/solution.jpg); } #menu_solution a { display:block; height:42px; width: 99px; background-image:url(uploads/images/solution.jpg); background-position:top; text-decoration:none; } #menu_solution_on { display:block; height:42px; width: 99px; background-image:url(uploads/images/solution.jpg); background-position:bottom; text-decoration:none; } #menu_solution a:hover { background-position:bottom; } #menu_conseil { display:block; height:42px; width: 98px; background-image:url(uploads/images/conseil.jpg); } #menu_conseil_off { display:block; height:42px; width: 98px; background-image:url(uploads/images/conseil.jpg); } #menu_conseil a { display:block; height:42px; width: 98px; background-image:url(uploads/images/conseil.jpg); background-position:top; text-decoration:none; } #menu_conseil_on { display:block; height:42px; width: 98px; background-image:url(uploads/images/conseil.jpg); background-position:bottom; text-decoration:none; } #menu_conseil a:hover { background-position:bottom; } #menu_actu { display:block; height:42px; width: 103px; background-image:url(uploads/images/actu.jpg); } #menu_actu_off { display:block; height:42px; width: 103px; background-image:url(uploads/images/actu.jpg); } #menu_actu a { display:block; height:42px; width: 103px; background-image:url(uploads/images/actu.jpg); background-position:top; text-decoration:none; } #menu_actu_on { display:block; height:42px; width: 103px; background-image:url(uploads/images/actu.jpg); background-position:bottom; text-decoration:none; } #menu_actu a:hover { background-position:bottom; } #menu_societe { display:block; height:42px; width: 81px; background-image:url(uploads/images/societe.jpg); } #menu_societe_off { display:block; height:42px; width: 81px; background-image:url(uploads/images/societe.jpg); } #menu_societe a { display:block; height:42px; width: 81px; background-image:url(uploads/images/societe.jpg); background-position:top; text-decoration:none; } #menu_societe_on { display:block; height:42px; width: 81px; background-image:url(uploads/images/societe.jpg); background-position:bottom; text-decoration:none; } #menu_societe a:hover { background-position:bottom; } #extranet_input{ width:100px; } .en_savoir_plus{ text-align:left; } :focus{ -moz-outline:none; } /* End of 'home_test' */