/* 
rouge: #dd343a; 
vert:  #97be0d; 
bleue: #009ee0;
*/


@font-face {
	font-family: 'GillSansLightRegular';
	src: url('../css/GILL___.eot');
	src: local('Gill Sans Light Regular'), local('GillSansLight'), url('../css/GILL___.ttf') format('truetype');
}


body {
	margin: 10px;
	padding: 0;
	font-family:  "GillSansLightRegular", "Trebuchet MS", Helvetica, Arial, sans-serif; /* before : "Gill sans", "Gill sans MT"   now: "GillSansLightRegular" */ 
	font-size: 11px;
	background: url("../images/swishA.jpg") no-repeat top center;
	position: relative;
	z-index: 2; 
}

a {outline: 0;} 

h1 {
	font-size: 12px;
	font-family:  "GillSansLightRegular", "Trebuchet MS", Helvetica, Arial, sans-serif; /* before : "Gill sans", "Gill sans MT"   now: "GillSansLightRegular" */ 
	margin, padding: 0px;
}



#BlogTab {
	right: 0;
	top: 50%;
	margin-top:-70px;
	width: 0px;
	height:140px;
	margin-right: -10px;
	position: absolute;
}

#BlogTab a {
	display:block;
	height: 140px;
	width: 40px;
	z-index: 50;
	border: none;
	background: url("../images/BlogTab.png") no-repeat 0 0;
}

#BlogTab a:hover {
	background-position:   -40px 0;
}

#Links {
	left: 0;
	top: 0;
	margin-top: -120px;
	height:800px;
	margin-left: -10px;
	position: absolute;
	display: block;
	width: 24px;
}

#wrapper {
	width: 760px;
	margin: 0 auto;
	margin-top: 165px; 
}

#slider {
    width: 700px;
    margin: 0 auto;
    position: relative;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: 240px;
    margin-top: -30px;
    position: absolute;
}

ul.navigation li {
	display: inline;
	margin-left: 6px;
}

ul.navigation a {
    /*padding: 10px;*/
    color: #000;
    text-decoration: none;	 
	font-size: 12px;
	color: #666;	
	border-bottom:0.15em solid #666;
	z-index: 1;
	position: relative;

}	

ul.navigation a:hover {
		color: #dd343a;
		border-bottom:0.15em solid #dd343a;
}

ul.navigation a.selected {
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	color: #009ee0;
	border-bottom:0.15em solid #009ee0; 
}

.scroll {
    margin-top:-45px;
    height: 370px; 
    width: 700px;
  /*  overflow: auto;
    overflow-x: hidden; */
    position: relative; 
    overflow: hidden;
    clear: left;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

.scrollContainer div.panel {
	/* padding-left: 20px;
	padding-right: 20px; */
	height: 370px; 
	width: 660px;
}

#constructif {
    background: url(../images/constructifA.gif) no-repeat top;
    height: 370px; 
}


#insert {
	font-size: 12px;
	color: #000; 
	text-align: center;
	margin-top: 30px; 
	padding: 0; 
}

#services .whitelink { /* invisible URL link */
        color: #000; /* same color as the surrounding text */
        text-decoration: none; /* to remove the underline */
        cursor: text; /* to make the cursor stay as a text cursor, not the hand */
}

#services {
	height: 370px; /* 280 */
	/* margin-left: 70px;
	margin-top: 40px; */
	display: table;
}

#services table {
	border: none;
	width: 620px;
	margin-left: 40px;
	margin-top: 15px;
}

#services table td.col {
	text-align: justify;
	width: 30%;
	vertical-align: top;
}

#services table td.intercol {
	width: 3%;
}

#services table td span {
	text-decoration:underline;
}

#services #legal {
	font-size: 10px;
	color: #009ee0; 
	/* float:left; */
	width: 650px;
	text-align: center;
}

#references {
	padding: 0; /*margin-top: -20px;*/
	height: 350px;
	position: absolute;
	left: 10px;
	z-index: 10;
	top: 848px;
	
}

#refs {
	margin: 0; padding: 0; 
	width: 650px;
	height: 320px;
	position: relative;
}

#refs li {
    background: url(../images/references.gif) no-repeat;
	display: block;
	height: 58px;
	width: 118px;
	margin: 0; padding: 0; 
	list-style-type: none;
        position: absolute; 
	top: 0;
}

#refs a {
	display:block;
	font-weight:bold;
	height:58px;
	text-decoration:none;
	width:118px;
}

#refs #item1 {background-position:     0      0  ; left:  30px; top: 10px;}
#refs #item2 {background-position:  -118px    0  ; left: 183px; top: 10px;}
#refs #item3 {background-position:  -236px    0  ; left: 336px; top: 10px;}
#refs #item6 {background-position:  -354px    0  ; left: 490px; top: 10px;}

#refs #item4 {background-position:     0    -58px; left:  30px; top: 90px;}
#refs #item7 {background-position:  -118px  -58px; left: 183px; top: 90px;}
#refs #item8 {background-position:  -236px  -58px; left: 336px; top: 90px;}
#refs #item5 {background-position:  -354px  -58px; left: 490px; top: 90px;}

#refs #item10 {background-position:    0   -116px; left:  30px; top: 171px;}
#refs #item14 {background-position: -118px -116px; left: 183px; top: 171px;}
#refs #item15 {background-position: -236px -116px; left: 336px; top: 171px;}
#refs #item11 {background-position: -354px -116px; left: 490px; top: 171px;}

#refs #item13 {background-position:    0   -174px; left:  30px; top: 253px;}
#refs #item16 {background-position: -118px -174px; left: 183px; top: 253px;}
#refs #item12 {background-position: -236px -174px; left: 336px; top: 253px;}
#refs #item9 {background-position: -354px -174px; left: 490px; top: 253px;} 


#refs span {
	display: none;
	/* font-family: "Gill sans", "Gill sans MT", "Trbuchet MS", Helvetica, Arial, sans-serif; */
	font-size: 10px;
	padding: 10px;
	color: #fff;
	height: 85px;
	background-color:#009ee0;	
}

#refs a {
    position:relative; 
    z-index:24; 
    text-decoration:none
}

#refs a.infoB:hover span{ 
    display:block;
    position:absolute;
    text-align: center;
    color: #fff; 
    background-color:#009ee0;
    margin-top: -20px;
    height: 85px;
}
#refs a.infoG:hover span{ 
    display:block;
    position:absolute;
    text-align: center;
    color: #fff; 
    background-color:#97be0d;
    margin-top: -20px;
    height: 85px;
}
#refs a.infoR:hover span{ 
    display:block;
    position:absolute;
    text-align: center;
    color: #fff; 
    background-color:#dd343a;
    margin-top: -20px;
    height: 85px;
}

#certifications {
	padding: 0;margin: 0;
	height: 370px;
	position: absolute;
	left: 32px;
	z-index: 10;
	top: 1248px;
	font-size: 11px;	
	/* font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; */
}

/*#certifications p {
	margin-left: 110px;
	width: 700px;
}*/
#certifications dl {
	margin: 0; padding: 0; 
	width: 650px;
}

#certifications dt {
    background: url(../images/certifications.gif) no-repeat;
	height: 65px;
	margin: 0; padding: 0; 
	top: 0;
}

#certifications dt span {
	margin-left: 88px;	
	font-weight: bold;
	color: #97be0d; 
}

#certifications dd {
	text-decoration:none;
	width:550px;
}

#certifications dd.cert1 {margin: -48px 0 5px 90px;}
#certifications dd.cert2 {margin: -18px 0 5px 90px;}
#certifications dd.cert3 {margin: -31px 0 5px 90px;}
#certifications dd.cert4 {margin: -47px 0 5px 90px;}
#certifications dd.cert5 {margin: -23px 0 5px 90px;}
#certifications dd.cert6 {margin: -24px 0 5px 90px;}
#certifications dd.cert7 {margin: -26px 0 5px 90px;}

#certifications #cert1 {background-position: 0   0   ; height: 62px; margin-left: 0;}
#certifications #cert2 {background-position: 0 -62px ; height: 32px; margin-left: 0;}
#certifications #cert3 {background-position: 0 -94px ; height: 45px; margin-left: 0;}
#certifications #cert4 {background-position: 0 -139px; height: 61px; margin-left: 0;}

#certifications #cert5 {background-position: 0 -190px; height: 40px; margin-left: 0;}
#certifications #cert6 {background-position: 0 -230px; height: 40px; margin-left: 0;}

#certifications #cert7 {background-position: 0 -270px; height: 40px; margin-left: 0;}

#certifications {padding-left: 20px;padding-top:10px;}

#references {padding-left: 25px;}


#contact #lphrase {
	float: right;
	width: 270px;
	margin:0;padding:0;
	color: #97be0d;
}
#contact #rphoto {
	float:right;
	width: 300px; height: 112px;
	margin:0;padding:0;
	background: url(../images/rphoto.gif) no-repeat top left;
}

#msg404 {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 95px;
	text-align: center;
	width: 450px;
	border: 1px solid red;
}

#msg404 h1 {
	font-size: 1.2em;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #009ee0;
}

#msg404 p, li {
	font-size: 1em;
	color: #97be0d; 
	font-family: "Trebuchet MS", Verdana, sans-serif;
	list-style: none;
}