Commit ff739943 authored by Emmanuel Milou's avatar Emmanuel Milou
Browse files

Add the new website source in the repository

parent a91595c1
<?php
include('include/header.php');
?>
<div id="content">
<table class="pourcentWidth contactTabs" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td >
<h5>SAVOIR-FAIRE LINUX - À MONTRÉAL</h5>
<p>7275 Saint Urbain Bureau 306</p>
<p>Montréal (Québec) H2R 2Y5</p>
<p>Tél. (514) 276-5468</p>
<p>Fax: (514) 276-5465 </p>
<p class="previewGoogle"><a href="http://maps.google.com/maps?f=q&amp;hl=fr&amp;q=151+Slater+Street,+ottawa&amp;ie=UTF8&amp;z=15&amp;ll=45.420684,-75.701895&amp;spn=0.013706,0.043259&amp;om=1&amp;iwloc=addr" title="Opens external link in new window" target="_blank" class="external-link-new-window" >
<img src="img/mtl.png" width="400" height="347" class="perso" alt="" /></a>
</p>
</td >
<td >
<h5>À QUÉBEC :</h5>
<p>275, rue du Parvis </p>
<p>Bureau 310 </p>
<p>Québec (Québec) G1K 6G7 </p>
<p>Tél / Fax : (418) 525-7354 </p>
<p class="previewGoogle"><a href="http://maps.google.com/maps?f=q&amp;hl=fr&amp;q=151+Slater+Street,+ottawa&amp;ie=UTF8&amp;z=15&amp;ll=45.420684,-75.701895&amp;spn=0.013706,0.043259&amp;om=1&amp;iwloc=addr" title="Opens external link in new window" target="_blank" class="external-link-new-window" >
<img src="img/mtl.png" width="400" height="347" class="perso" alt="" /></a>
</p>
</td >
</tr>
<tr>
<td >
<h5>À OTTAWA / Gatineau :</h5>
<p>151, rue Slater</p>
<p>Bureau 504</p>
<p>Ottawa, ON, K1P 5H3</p>
<p>Tél / Fax : 613-688-8081 </p>
<p class="previewGoogle"><a href="http://maps.google.com/maps?f=q&amp;hl=fr&amp;q=151+Slater+Street,+ottawa&amp;ie=UTF8&amp;z=15&amp;ll=45.420684,-75.701895&amp;spn=0.013706,0.043259&amp;om=1&amp;iwloc=addr" title="Opens external link in new window" target="_blank" class="external-link-new-window" >
<img src="img/mtl.png" width="400" height="347" class="perso" alt="" /></a>
</p>
</td>
</tr>
</tbody>
</table>
</div>
<?php
include('include/footer.php');
?>
/* ----------------------------------------
1. Basic
---------------------------------------- */
#slider {
width: 260px; /*important to be same as image width */
/* height: 300px; important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#slider li{
list-style:none;
}
#slider1, #slider2 {
width: 260px; /* important to be same as image width */
/*height: 300px; important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}
#sliderContent, #slider1Content, #slider2Content {
/* width: 720px;
position: absolute;
top: 0;
margin-left: 0;*/
}
.sliderImage, .slider1Image, .slider2Image {
float: left;
position: relative;
display: none;
padding:5px;
}
.sliderImage span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 190px;
background-color: #ddfabb;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #000;
display: none;
border:1px solid #ddd;
}
.slider1Image span, .slider2Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 694px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
}
.clear {
clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
font-size: 14px;
}
.top {
top: 0;
left: 0;
}
.bottom {
bottom: 0;
left: 0;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 280px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}
/* ----------------------------------------
Import CSS files
---------------------------------------- */
@import url("reset.css");
\ No newline at end of file
@charset "UTF-8";
/* CSS Document
Auteur : Espérance Guerson noël
Date : 2009-01-23 (23 janvier 2009)
- sfl-phone
*/
* {
margin: 0 ;
padding: 0;
}
a:link {
text-decoration:none;
color: #009cc9;
}
a:Hover {
text-decoration:none;
color:#a47944;
}
a:visited {
text-decoration:none;
}
p {
color : #555555;
}
h5 {
color : #555555;
margin-bottom : 10px;
padding : 2px;
}
img {
border: none;
}
img.logo {
margin: 5px;
}
img.perso {
border: 1px dashed #ccc;
padding: 3px;
}
.clear {
clear: both;
}
.float_it_left {
float: left;
}
.float_it_right {
float: right;
}
.float_it_middle {
text-align: center;
}
.fntBleu {
color: #009cc9;
}
.fntBrun {
color: #a47944;
}
.title {
font: normal 15pt Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
padding: 16px 20px 16px 0;
}
.alignCenter{
text-align: center;
}
.leftAlign{
text-align: left;
}
.rightAlign{
text-align: right;
}
.previewGoogle{
padding: 8px 0px 8px 0px;
}
.highlight {
color: #a47944;
}
.highlight:hover {
color: #a47944;
text-decoration:underline;
}
.list {
padding: 10px 0 10px 0;
}
/* enveloppe - page*/
body {
font-family: verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #111111;
background-color: #cde5ed;
}
#global{
background: #fff url('../img/content_bg.jpg') repeat-x;
}
#controller {
margin: 0 auto;
min-width: 1000px;
width: 92%;
}
#header {
width: 100%;
height: 159px;
/*background: #a47a48 url('../img/head_bg_a.jpg') no-repeat; */
background: #0f5787 url('../img/head_bg_a.jpg') no-repeat;
}
.navigation {
clear: both;
}
.option {
clear: both;
}
.underOption {
padding: 5px 0 5px 0;
}
#content {
padding: 10px 0px 0px 0px;
clear:both;
}
.pourcentWidth {
width: 100%;
}
/* index content */
.imgSliderTd {
height:420px;
}
.tabsIndex td{
}
.tabsIndex td ul li{
font-weight: normal;
font-size: 13pt;
margin-bottom: 5px;
margin-left: 15px;
min-width:270px;
list-style-type:circle;
/*list-style-image:url(../img/puces.png);*/
}
#index_td_gauche {
padding: 10px;
width: 49.5%;
background-color: #fff;
border: 1px solid #ededed;
border-bottom:none;
}
#index_td_separator {
background-color: transparent;
}
#index_td_droite {
padding: 50px;
width: 49.5%;
background: #fff url(../img/corner_a.png) no-repeat left top;
border: 1px solid #ededed;
border-bottom:none;
}
/* fonction */
.fonctionTabs {
padding: 20px 20px 20px 20px;
background-color: #fff;
border: 1px solid #ededed;
border-bottom:none;
}
.fonctionTabs td {
padding:5px;
}
/* download */
.downloadTabs {
padding: 20px 20px 20px 20px;
background-color: #fff;
border: 1px solid #ededed;
border-bottom:none;
}
.downloadTabs td {
padding:5px;
}
/* contact */
.contactTabs {
padding: 20px 20px 20px 20px;
background-color: #fff;
border: 1px solid #ededed;
border-bottom:none;
}
.contactTabs td {
padding:5px;
}
/* foot */
#botDescr {
font-size: 9pt;
background-color: #fafafa;
border: 1px dashed #ddd;
padding: 5px;
margin-top:15px;
}
#foot {
font-size: 9pt;
}
.footTabStyle {
width: 100%;
}
.leftfoot {
padding-top: 15px;
padding-right:10px;
}
.rightfoot {
padding-top: 15px;
width: 90%;
}
#bottomLink {
padding: 0px 11px 0px 11px;
height: 100%;
}
.footBlock {
width:200px;
margin-left:20px;
border-right:1px solid #dddddd;
float:left;
}
.rightfootBlock {
width:200px;
margin-left:20px;
float:right;
}
.rightfootBlock li {
color:#bdbdbd;
text-decoration:none;
list-style-type:none;
text-align: right;
}
.footBlock ul {
list-style:none;
}
.footBlock li {
margin-bottom:1px;
}
.footBlock li a {
text-decoration:none;
color:#58abd4;
}
.footBlock li a:Hover {
text-decoration:none;
color:#a47944;
}
#bottomPage {
margin-top: 10px;
width: 100%;
height: 125px;
background : transparent url('../img/bot_bg_a.jpg') repeat-x;
}
/* create several round corner */
.cadre{
background-color: #f0f0f0;
width: 100%;
}
.cadre_hg, .cadre_hd,
.cadre_bg, .cadre_bd{
width: 11px;
height: 11px;
background-repeat: no-repeat;
font-size: 1px;
}
.cadre_hg{
background: url('../img/cadre_rounded.png') 0 0;
}
.cadre_hd{
background: url('../img/cadre_rounded.png') 11px 0;
float: right;
}
.cadre_bg{
background: url('../img/cadre_rounded.png') 0 11px;
}
.cadre_bd{
background: url('../img/cadre_rounded.png') 11px 11px;
float: right;
}
/* Navigation */
/* NAV */
.navTabs{
background-color: #fff;
border: 1px solid #ddd;
min-height: 26px;
width: 100%;
padding: 8px 8px 0px 8px;
}
#navigation li {
float:right;
padding:0 1px 0 0;
position:relative;
list-style:none;
}
#navigation a {
float:left;
color:#58abd4;
text-decoration:none;
width:145px;
text-align:center;
line-height:25px;
font-size:13pt;
font-weight:normal;
white-space: nowrap;
overflow: hidden;
}
#navigation span {
padding:0 12px 0 6px;
}
#navigation a:hover {
color:#a47944;
}
#navigation .active a {
background-position:0 0;
background-color:#ededed;
}
#navigation div {
width:100%;
position:absolute;
top:22px;
left:-1px;
display:none;
}
#navigation li:hover div,
#navigation li.hover div {display:block;}
#navigation div ul {
padding:5px;
margin:0;
width:145px;
list-style:none;
z-index: 110;
}
#navigation div ul li {
float:left;
position:relative;
z-index:999;
}
#navigation div ul a {
float:none;
color:#000;
font-size:11px;
text-align:left;
display:block;
width:145px;
padding:4px 4px 4px 10px;
border-bottom:1px solid #d6d6d6;
background:#ececec;
}
#navigation div ul a:hover {
color:#fff;
background:#105786;
}
/* Download tables */
/*
table.download-table > thead > th {
background: #CEF;
}
table.download-table {
width: 100%;
border: 0;
background: #DDD;
border-spacing: 1px;
}
table.download-table > thead > th + th {
width: 80%;
}
table.download-table > thead > th {
padding: 2px 5px;
background: #CEF;
}
table.download-table > tbody > tr > td {
background: #FAFAFA;
vertical-align: top;
}
table.download-table > tbody > tr > td:first-child {