@charset "UTF-8";
/* CSS Document */

/* ----- START Basic Setup ------ */

html, body {
margin: 0;
padding: 0;
height: 100%;
width:100%;
}


body { 
background-image:url(../images/background-main.jpg);
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
margin:0 0 0 0;
}

#diag5px {
background-image:url(../images/backgroud-effect.png);
background-repeat:repeat;
padding : 0;
margin : 0;
height : 100%;
width:100%;
text-align:center;
}

a img {border:none;}

p {margin-bottom:0;
padding-bottom:0;}

/* ----- END Basic Setup ------ */

/* ----- Start Header ------ */

.top {
background-color:#231f20;
font-size:10px;
font-family:Verdana;
color:#02a4e3;
height:17px;
width:100%;
position:relative;
padding-top:2px;
text-align:left;
}

.bg-top {
background-image:url(../images/background-top-logo.png);
background-position:top;
background-repeat:no-repeat;
width:721px;
height:112px;
text-align:center;
vertical-align:middle;
}

/* ----- End Header ------ */

/* ----- START Links Style ------ */

a {
color:#95fc03;
text-decoration:none;
}

a:hover {
color:#FF3300 !important;
text-decoration:line-through !important;
}

a:visited {
text-decoration:none;
color:#95fc03;
}

/* ----- END Links Style ------ */

/* ----- START Menu ------ */

.nav {
position:relative;
margin-top:40px;
}

.menu {
width:500px;
}

ul.menu {
list-style-type:none;
position:relative;
display:block;
font-size:12px;
font-family:Verdana;
margin:0;
padding:0;
text-align:center;
}

ul.menu li {
display:block;
float:left;
padding-left:20px;
padding-right:20px;
}

ul.menu li a {
float:left;
color:#000;
text-decoration:none;
}

ul.menu li a:hover {
color:#FF3300 !important;
text-decoration:line-through !important;
}

ul.menu .current a {
color:#95fc03;
text-decoration:none;
}



.current {
font-weight:700;}

/* ----- END Menu ------ */

/* ----- START CONTENT! ------ */

#splash {
position:relative;
margin-top:110px;
background-image:url(../images/sqwal-splash.png);
background-repeat:no-repeat;
background-position:center;
width:873px;
height:380px;
text-align:right;
}

.bulle {
float:right;
margin-top:148px;
}

.txt-bulle1 {
position:relative;
font-size:10px;
font-family:Verdana;
color:#000;
text-align:left;
width:300px;
height:83px;
margin-right:30px;

}

.txt-bulle2 {
position:relative;
font-size:10px;
font-family:Verdana;
color:#fff;
text-align:right;
margin-top:17px;
margin-right:20px;
}

/* ----- END CONTENT! ------ */

/* ----- START FOOTER! ------ */

#footer {
position:relative;
background-image:url(../images/background-footer.png);
background-position:bottom center;
background-repeat:no-repeat;
color:#000;
font-size:9px;
font-family:Verdana;
width:100%;
vertical-align:bottom;

position: relative;
margin-top: -85px; /* valeur négative de la hauteur du footer */
height: 85px;
clear:both;
} 

clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;}
	
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#space {
float:left;
position:relative;
min-height:1px;
height:1px;
}

#footer a {color:#000;}

#footer a:visited {color:#000;}



/* ----- END FOOTER! ------ */

/* ----- START REALISATION! ------ */

#diapo {
position:relative;
margin-top:110px;
background-image:url(../images/background-ref.png);
background-position:center;
width:860px;
height:340px;
}

/* ----- END REALISATION! ------ */

/* ----- START CONTACT! ------ */

#contact {
position:relative;
margin-top:100px;
width:600px;
height:360px;
font-size:12px;
font-family:Verdana;
color:#000;
}

/* ----- END CONTACT! ------ */

/* ----- START SERVICES! ------ */

#services {
position:relative;
margin-top:100px;
width:600px;
height:470px;
font-size:12px;
font-family:Verdana;
color:#000;
text-align:left
}

.titre-service {

color:#FF3300;
font-size:14px;
font-weight:700;
}

/* ----- END SERVICES! ------ */

/* ----- START SQWAL! ------ */

#sqwal {
position:relative;
margin-top:120px;
width:650px;
height:300px;
font-size:12px;
font-family:Verdana;
color:#000;
text-align:left
}

h2 {
color:#000;
font-size:14px;
font-weight:700;
margin-bottom:0px;
}

h3 {
color:#95fc03;
font-size:12px;
font-weight:700;
margin-top:2px;
}

.adresse {
font-size:10px;
}

.sqwalpic {
background-image:url(../images/sqwal-photo.jpg);
float:right;
position:absolute;
width:350px;
height:243px;
margin-left:300px;
}

.sqwalad {
float:left;
width:300px;
position:relative;
}

/* ----- END SQWAL! ------ */