/* Start of CMSMS style sheet 'saintpauldemausole-css-general' */ * { margin: 0; padding: 0; outline:0; } /*Set initial font styles*/ body { text-align: left; font-family: Verdana; font-size: 75.01%; line-height: 1em; margin: 0; margin-top:12px; margin-bottom:25px; padding: 0; /* default text color for entire site*/ color: #fff; /* you can set your own image and background color here */ background:#e6e3da url(images/saintpauldemausole/saintpauldemausole-body-background.jpg) repeat-x left top; } /*set font size for all divs, this overrides some body rules---font-size: 1em;*/ div { font-size: 1em; } /*if img is inside "a" it would have borders, we don't want that*/ img { border: 0; } /*default link styles*/ a, a:link a:active { text-decoration: none; background-color: inherit; color: #41281B; } a:visited { text-decoration: none; background-color: inherit; color: #41281B; } a:hover { text-decoration: underline; background-color: inherit; color: #41281B; } /*****************basic layout *****************/ div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ width: auto; min-width: 960px; max-width: 960px; /* now that width is set this centers wrapper */ margin: 0 auto; color: black; background-color: #fff; } div#header { /* adjust according your image size */ height: 250px; margin: 0; padding: 0; /* you can set your own image here, will go behind h1 a image */ background:#fff url(images/saintpauldemausole/saintpauldemausole-header-bg.png) no-repeat left top; } div#header h1 a { display: block; height: 186px; width: 202px; text-indent: -999em; text-decoration: none; background:url(images/saintpauldemausole/saintpauldemausole-logo.png) no-repeat left top; margin:0px 0px 0px 0px; position:absolute; top:12px; } div#header h1 { margin: 0; padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 36px; font-size: 28px; height: 36px; font-weight:normal; } div#header h2 { /* this is where the site name is */ float: right; line-height: 1.2em; /* this keeps IE6 from not showing the whole text */ font-size: 1.5em; /* keeps the size uniform */ margin: 35px 65px 0px 0px; /* adjust according your text size */ color: #f4f4f4; } div.crbk { /* sets all to 0 */ margin: 0; padding: 0em 0em 0em 0em; background-color: #fff; /* you can set your own image here background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;*/ } div.breadcrumbs { /* CSS short hand rule first value is top then right, bottom and left */ padding: 1em 0em 1em 1em; font-size: 90%; margin: 0px; background-color: #fff; color:#969696; } div.breadcrumbs span.lastitem { text-decoration:underline; } div#search { /* position for the search box */ float: right; /* enough width for the search input box */ width: 27em; text-align: right; padding: 0; margin: 0 1em; background-color: #fefefe; } /* a class for Submit button for the search input box */ input.search-button { border: none; height: 22px; width: 53px; margin-left: 5px; padding: 0px 2px 0px 0px; /* makes the hover cursor show, you can set your own cursor here */ cursor: pointer; /* you can set your own image here */ background: url(uploads/ngrey/search.gif) no-repeat center center; } div#content { /* some air above and under menu and content*/ margin: -10px 0px 0px 0px; background-color: #fff; padding-top:0px; line-height: 18px; } /** * Formatting content container */ #main { float: left; width: 100%; font-size:12px; z-index: 10;background-color: #fff; } #main-1col{ padding-left:26px; width: 95%; font-size:12px; z-index: 10;background-color: #fff; } #col2 { float: right; width: 330px; margin-right: 26px; } #col3 { float: left; width: 560px; margin-left: 26px;} /*Col3->Gauche -------- Col2->Milieu --------- Col1->Droite*/ #col2_content { padding: 0px; background-color: #fff;text-align: justify;margin-top:20px;} #col3_content { padding: 0px; background-color: #fff;text-align: justify;} #col2_title{ height:44px; width:330px; background-color: #fff; color:#fff;} #col3_title{ height:44px; width:560px; background-color: #fff; color:#7f7f7f;} /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 28px; margin: 0; padding: 8px 0px 0px 0px; font-weight:normal; font-family: Verdana; letter-spacing:0px; color:#41281B; line-height:32px; } div#content h2 { color: #fff; font-size: 24px; text-align: center; line-height: 24px; padding-top:10px; font-weight:normal; } 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 */ .h1rss{ float:right; padding:20px 10px 0px 0px; } .news_bloc_accueil{ width: 500px; float :left; display: block; margin: 0px 0px 0px 0px; padding:15px ; background-color: #E6E3DA; } div#main-espace-bas { /* this is the last inside div so we set the space inside it to keep all content away from the edges of images/box */ padding-top:20px; /* you can set your own image here */ background: #fff; } .indicateur{ /*height:140px;*/ background-color:#E6E3DA; margin-bottom:10px; } .indicateur_titre{ background-color: #41281b; color: #e6e3da; height: 36px; font-size: 15px; font-weight: bold; text-align: center; line-height: 36px; } .indicateur-txt{ color:#000; text-align: center;; font-size:14px; margin-top:20px; } .indicateur_link{ /* background: transparent url(images/saintpauldemausole/saintpauldemausole-brochure-bt-bg.png) no-repeat; width: 101px; height:23px; margin: 10px 0 0 112px; position:absolute;*/ } /*.indicateur_link:hover, .indicateur_link:link, .indicateur_link:active{ background-color: #41281b; color: #e6e3da; display: block; padding: 5px; text-align: center; width: 100px; margin: 10px auto; }*/ .indicateur_link,.indicateur_link:hover, .indicateur_link:link, .indicateur_link:active, .indicateur_link:visited{ display: block; padding: 5px; text-align: center; background: #41281b; margin-top: 10px; color:#fff; font-size:15px; } .brochure { width:329px; height:140px; background: transparent url(images/saintpauldemausole/saintpauldemausole-brochure-bg.png) no-repeat left top; margin: 20px 00px; } .brochure-txt{ color:#000; text-align: left; font-size:12px; line-height: 16px; letter-spacing:-0.3px; width: 200px; margin-top:40px; margin-left:120px; position: absolute; } .brochure-title{ color:#fff; font-size:14px; line-height: 16px; font-weight:bold; float:right; padding:10px 20px 0px 0px; } .brochure a{ background: transparent url(images/saintpauldemausole/saintpauldemausole-brochure-bt-bg.png) no-repeat; width:101px; height:23px; float:right; position:absolute; margin-top: 110px; margin-left: 200px; } .brochure-en { background: transparent url(images/saintpauldemausole/saintpauldemausole-brochure-bt-bg-en.png) no-repeat!important; width:101px; height:23px; float:right; position:absolute; margin-top: 110px; margin-left: 200px; } div#sidebar { /* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */ float: right; /* sidebar width, if you change this change div.back and/or div.back1 margins */ width: 284px; /* FIX IE double margin bug */ display: inline; /* the 20px is on the bottom, insures space above footer if longer than content */ margin: 10px 39px 0px 0px; padding: 0px; line-height: 1em; /* you can set your own image here */ } div#sidebarb { padding: 10px 15px 10px 20px; display:none; /* this one is for sidebar with content and no menu background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;*/ } div#sidebarb div#news { /* less margin surrounding the news, sidebarb has enough */ margin: 0em 0em 20px 0em; } div#sidebarb div#newsletter { width:284px; height:150px; margin: 0px 0em 0em 0em; padding: 72px 0px 10px 0px; background: #f0f0f0 url(images/dragon-choppers/Dragon-choppers_07.png) no-repeat left top; border-bottom: 1px solid #000; font-weight:bold; line-height:25px; } .gallery{ padding-left:4px; } .nms_message{ padding: 0px 10px 0px 10px; text-align:left; font-weight:normal; line-height:normal; font-size:10px; } .boutonEnvoyer { width: 68px; height: 17px; border: none; padding-left:217px; cursor: pointer; background: url(images/dragon-choppers/Dragon-choppers_11.png) no-repeat right bottom; margin-top:10px; } div#sidebara { padding: 10px 15px 15px 0px; /* this one is for sidebar with menu and no content background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;*/ } .form_label { margin: 5px 0 2px 0; font-weight:bold; } #message, #email_1, #cntnt01fbrp__14{ border: 1px solid #000; } #cntnt01fbrp_submit { width: 74px; height: 25px; border: none; cursor: pointer; background:#41281B ; float:right; font-weight:bold; color:white; font-size:11px; } .submit { margin-top:10px; } #gmap{ border:1px solid #000; margin:5px 5px 25px 22px; width:804px; height:340px; } div.footback { clear: both; padding: 00px 00px 10px 00px; background:#41281B ; /* IE6 Hack */ height: 37px; text-align:center; } div#footer-link{ font-weight:normal; font-size:12px; padding: 10px 0px 10px 0px; background: #fff; width:100%; text-align:center; } div#footer { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height:50px!important; color: #41281B; width:100%; height:50px; background: #E6E3DA; font-weight:normal; font-size:11px; } div#footer span { float:right; color: #41281B; padding-left:240px; } div#footer_infos { line-height:38px; width:100%; text-align:center; color: #fff; } div#footer p a { /* footer link would be same color as default we want it same as footer text color: #595959;*/ } /* as we hid all hr for accessibility we create new hr with div class="hr" element */ div.hr { height: 1px; padding: 1em; border-bottom: 1px dotted black; margin: 1em; } /* relational links under content */ div.left49 { /* combined percentages of left+right equaling 100% might lead to rounding error on some browser */ width: 70%; } div.right49 { float: right; width: 29%; /* set right to keep text on right */ text-align: right; } p { /* default p font size, this is set different in some other divs */ font-size: 1em; /* some air around p elements */ margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; text-align:justify; } 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 { /* css-3 */ white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -moz-pre-wrap; /* Opera 4-6 */ white-space: -pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Internet Explorer 5.5+ */ word-wrap: break-word; font-family: "Courier New", Courier, monospace; font-size: 1em; } pre { /* black border for pre blocks */ border: 1px solid #000; /* set different from surroundings to stand out */ 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 */ 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; } div#main ul li, div#main ol li { } /* definition lists topics on bold */ div#main dl { margin-bottom: 2em; padding-bottom: 1em; border-bottom: 1px solid #c0c0c0; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 1em 1em; } /* End of 'saintpauldemausole-css-general' */