/* Start of CMSMS style sheet 'defaut' */ * { margin: 0; padding: 0; } a:active { outline:none; } :focus { -moz-outline-style:none; } .jump{margin-bottom:2em !important;} /*Set initial font styles*/ body { text-align: left; font-family: Arial, Helvetica, Geneva, sans-serif; font-size: 82%; line-height: 1em; } /*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*/ a, a:link a:active { /* set all links to have underline */ 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; /* this is a bluish color, you change this for all default link colors */ color: #18507C; } a:visited { /* keeps the underline */ text-decoration: underline; background-color: inherit; /* a different color is used for visited links */ color: #18507C; } a:hover { /* remove underline on hover */ text-decoration: none; background-color: inherit; /* using a different color makes the hover obvious */ color: #385C72; } /*****************basic layout *****************/ body { margin: 0; padding: 15px 0 0; /* default text color for entire site*/ color: #333; /* you can set your own image and background color here */ /*background: #f4f4f4 url(uploads/ngrey/body.png) repeat-x left top;*/ background:#a9aa8a url(images/design/bg_head.jpg) repeat-x; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ /*max-width: 99em; min-width: 60em;*/ width:960px; margin: 0 auto; background: #efefef url(images/design/bg_content.jpg) no-repeat center 200px; color: #333; } /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */ div#header { /* adjust according your image size */ height: 142px; margin: 0; padding: .5em 0 0 58px; background: url(images/design/header1.jpg) no-repeat left top; } div#header h1 a { display: block; height: 120px; /* this hides the text */ text-indent: -999em; /* old firefox would have shown underline for the link, this explicitly hides it */ text-decoration: none; } div#header h1 { padding: 0; /*these keep IE6 from pushing the header to more than the set size*/ line-height: 0; font-size: 0; width:350px; /* this will keep IE6 from flickering on hover */ } #menutop{ float:right; height:18px; padding:20px 0 0; position:relative; right:2em; top:-22px; } #menutop a{ color:#666; font-weight:bold; text-decoration:none; } #menutop a#alien{ background:url(images/design/bg_bout_haut.png) no-repeat left 7px; margin:0 .3em 0 0; padding:15px 20px 5px; } #menutop a#acontact{ background:url(images/design/bg_bout_haut.png) no-repeat right 5px; margin:0 ; padding:10px 20px 5px 22px; } #menutop a#alien:hover{ background:url(images/design/bg_bout_haut.png) no-repeat left 3px; color:#999; } #menutop a#acontact:hover{ background:url(images/design/bg_bout_haut.png) no-repeat right 0; } div.crbk { color:#a9aa8a; padding: .5em 0em .5em 7em; font-size: 90%; margin: 0; } div.crbk a{ color:#5e530b; text-decoration:none; } div.crbk a:hover{ border-bottom:1px dotted #5e530b; color:#333; } div.crbk span.lastitem { font-weight: bold; } /*div#search { float: right; width: 27em; text-align: right; padding: 0.5em 0 0.2em 0; margin: 0 1em; }*/ /* 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 2px 0px; cursor: pointer; background: url(uploads/ngrey/search.gif) no-repeat center center; }*/ div#content { margin: .5em auto; padding: 0; position:relative; } div#main { margin:0 0 0 1em; padding: 0 15px 5px 0; float:left; width:700px; } div#sidebar { float: left; width: 225px; /* FIX IE double margin bug */ display: inline; /* the 20px is on the bottom, insures space above footer if longer than content */ margin: 0 0 20px; padding: 0; } div#footer { padding: 0 10px; position:relative; color: #595959; background: url(images/design/bg_footer.jpg) repeat-x left top; height:83px; } #ates{ background:url(images/design/logo_footer_ates.jpg) no-repeat left top; color:#4b5022; font-size:.8em; padding:50px 0 0; position:absolute; bottom:5px; } div#footer p { font-size: 0.8em; padding: 1.5em; text-align: center; margin: 0; } div#footer p a { color: #595959; text-decoration:none; } #linkfooter{ bottom:5px; margin:0 0 .5em; position:absolute; right:15px; } #linkfooter a{ font-size:.8em; text-decoration:none; } #linkfooter a[href^="http://www.f"]{ color:#594e18; } /* voyages */ .present_pays{ margin:0 0 1.5em; } .present_pays h3{display:none;} .present_pays a{text-decoration:none;} .present_pays p{ margin:0 0 .5em; padding:.3em; } #burkina_present{ background:url(images/design/mini_burkina.gif) no-repeat left top; padding-top:2.5em; } #grece_present{ background:url(images/design/mini_grece.gif) no-repeat left top; padding-top:2.5em; } #maroc_present{ background:url(images/design/mini_maroc.gif) no-repeat left top; padding-top:2.5em; } #mada_present{ background:url(images/design/mini_mada.gif) no-repeat left top; padding-top:2.5em; } #turquie_present{ background:url(images/design/mini_turquie.gif) no-repeat left top; padding-top:2.5em; } #sicile_present{ background:url(images/design/mini_sicile.gif) no-repeat left top; padding-top:2.5em; } /* 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 */ .left { float: left; width: 48%; } .right{ float: left; margin:0 0 0 1.5em; width: 48%; } #top{position:absolute; right:5px; bottom:0; text-align: right; clear:both; } #top a{color:#5e530b;text-decoration:none;} #top a:hover{color:#111;text-decoration:underline;} div.right49 { float: right; width: 49%; text-align: right; } /********************CONTENT STYLING*********************/ /* HEADINGS */ div#content h1 { /* font size for h1 */ font-size: 2em; line-height: 1em; margin: 0; } div#content h2#libertalia { background:url(uploads/images/libertalia/libertalia.gif) no-repeat left top; color: #294B5F; display:block; height:55px; margin:.5em 0 .5em 1em; } div#content h2#voyages{ background:url(images/design/h2_voyages.gif) no-repeat left top; color: #294B5F; display:block; height:45px; margin:0 0 1em; padding:0; } div#content h2#volontaire{ background:url(images/design/h2_volontaires.gif) no-repeat left top; color: #294B5F; display:block; height:45px; margin:0 0 1em; padding:0; } div#content h2#compensation{ background:url(images/design/h2_compensation.gif) no-repeat left top; color: #294B5F; display:block; height:45px; margin:0 0 1em; padding:0; } div#content h2#toursolid{ background:url(images/design/h2_tourisme_solidaire.gif) no-repeat left top; color: #294B5F; display:block; height:45px; margin:0 0 1em; padding:0; } div#content h2#hliens{ background:url(images/design/h2_liens.gif) no-repeat left top; color: #294B5F; display:block; height:35px; margin:0 0 1em; padding:0; } div#content h2#projdev{ background:url(images/design/h2_projet_dev.gif) no-repeat left top; color: #294B5F; display:block; height:45px; margin:0 0 1em; padding:0; } div#content h2#contact{ background:url(images/design/h2_contact.gif) no-repeat left top; color: #294B5F; display:block; height:35px; margin:0 0 1em; padding:0; } div#content h2#sej_jeunes{ background:url(images/design/h2_sejours_jeunes.gif) no-repeat left top; color: #294B5F; display:block; height:35px; margin:0 0 1em; padding:0; } div#content h2#ce{ background:url(images/design/h2_ce.gif) no-repeat left top; color: #294B5F; display:block; height:35px; margin:0 0 1em; padding:0; } div#content h2 span{ display:none;font-size: 1.5em; text-align: left; padding-left: 0.5em; border-bottom: 2px dashed #5e530b; border-left: .5em solid #5e530b; line-height: 1.5em; margin: 0; } div#content h3 { color: #666; font-family:arial; font-size: 1.3em; font-style:italic; margin: 0 0 0.6em 0; } div#content h4 { color: #294B5F; font-size: 1.1em; line-height: 1.1em; margin: 0 0 0.25em 0; } div#content h5 { color: #294B5F; font-size: 1em; line-height: 1em; margin: 0 0 0.25em 0; } h6 { color: #294B5F; font-size: .9em; line-height: 1em; margin: 0 0 0.25em 0; } .devpays{margin:1em .5em 2em} #content .devpays h3{ letter-spacing:1px; color:#155a7d;} .devpays ul{list-style:none;} #content .devpays li{ background:url(images/design/bullet_fleche.gif) no-repeat 9px 7px; margin:0; padding:0 0 0 2em; } #content .devpays h3 a{ border-bottom:2px dashed #155a7d; text-decoration:none; } #content .devpays h3 a:hover{ border:none; text-decoration:underline; } /* END HEADINGS */ /* TEXT */ p { font-size: .9em; margin: 0 0 1.5em 0; line-height: 1.4em; padding: 0; } blockquote { border-left: 10px solid #ddd; margin-left: 10px; } acronym{cursor:help;} /* 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; 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 { margin-bottom: 2em; padding-bottom: .5em; } div#main dl dt { font-weight: bold; margin: 0 0 0 1em; } div#main dl dd { margin: 0 0 .5em 1em; } /* END LISTS */ a.pdf{ background:url(images/design/bg_bout_fichetec.gif) no-repeat left top; color:#fff; display:block; font-weight:bold; margin:0 0 1em 10px; padding:14px 10px 11px 55px; text-decoration:none; } a.pdf:hover{ color:#000; text-decoration:underline; } a.prix{ background:url(images/design/bg_bout_prix.gif) no-repeat left top; color:#fff; display:block; font-weight:bold; margin:0 0 1em 10px; padding:14px 10px 11px 55px; text-decoration:none; } a.prix:hover{ color:#000; text-decoration:underline; } /* CO2 */ #compco2{ border:1px solid #666; font-size:.8em; } #compco2 th{ border-bottom:1px solid #111; background:#cfb97d; } #compco2 th,#compco2 td{text-align:center;} td.paysco2{font-weight:bold;} /* tourisme solidaire */ #etiquette{ background:url(images/design/etiquette.png) no-repeat center bottom; padding:0 0 110px; } ol.charte li{ color:#333; font-weight:bold; margin:0 0 1em 1.5em !important; } a#lien_ates{ color:#5e530b; display:block; font-size:1.2em; font-weight:bold; letter-spacing:1px; margin:.5em 0 1em 1em; text-decoration:none; width:230px; } a#lien_ates:hover{border-bottom:2px dashed #5e530b;} /* Liens */ .cms-module-bookmarks-header{ background:url(images/design/bullet_blanche.gif) no-repeat left center; font-size:1.2em; font-style:italic; font-weight:bold; margin:0 0 .7em .8em; padding:5px 0 5px 15px; } .cms-module-bookmarks-list{list-style-type:none;} .cms-module-bookmarks-summary{} .bookmark-link{ font-weight:bold; text-decoration:none; } .bookmark-link:visited{ color:#5e530b; text-decoration:none; } .bookmark-link-url{ color:#5e530b; display:block; font-style:italic; } .bookmark-link-url:visited{text-decoration:none;} .tel{ float:left; margin:0 .5em 1em; padding:0 1em } /* SLIDESHOW */ #slideshow { position:relative; height:200px; margin:5em 0 0; } #slideshow_carre { position:relative; height:340px; } #slideshow img, #slideshow_carre img { position:absolute; top:0; left:0; z-index:8; opacity:0.0; } #slideshow img.active, #slideshow_carre img.active { z-index:10; opacity:1.0; } #slideshow img.last-active, #slideshow_carre img.last-active { z-index:9; } /* End of 'defaut' */