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

body{font:70% Verdana, Arial, Helvetica, sans-serif; background:url("images/background00.png") top; background-repeat:repeat-x;  background-color:#463f57; height:136px; text-align:center; }

a:link{color:#bdb4d4; text-decoration:none;}
a:visited{color:#bdb4d4; text-decoration:none;}
a:hover{color:#f46ebd; text-decoration:underline;}
a:active{color:#f46ebd; text-decoration:none;}
a:active, a:focus{outline:none;}

#h1{font:210% Georgia, "Times New Roman", Times, serif; color:#6b657a; text-align:left; line-height:18px;}

.span1{color:#5a5a5a; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size:100%; word-spacing:0px; line-height:15px; display:block;}
.span2{font:210% Georgia, "Times New Roman", Times, serif; color:#6b657a; text-align:left; line-height:18px;}
.span3{color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size:90%; word-spacing:0px; line-height:15px; display:block;}
.span4{color:#bdb4d4; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size:90%; word-spacing:0px; line-height:13px; display:block;}
.span5{color:#5a5a5a; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size:100%; font-weight:bold; word-spacing:0px; line-height:15px; display:block;}
.span6{color:#b5528e; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:90%; word-spacing:0px; line-height:15px; display:block;}


.lispan{list-style-image:url(images/puce.png);}

#global{margin-left:auto; margin-right:auto; padding:0px; border-spacing: 0px; width:750px; text-align:left; position:relative; min-height: 100%}

/* ..........................................................................top.......................................................................... */

#top{width:750px; height:68px; background-image: url("images/top.png"); background-repeat:no-repeat; background-position:top; position:absolute; z-index:1;} 

#logo{width:329px; height:55px; margin-top:24px; margin-left:0px; position:relative; float:left;}
.lienlogo a:link{background-image:url("images/logo.png"); background-repeat:no-repeat; background-position:left;}
.lienlogo a:visited{background-image:url("images/logo.png"); background-repeat:no-repeat; background-position:left;}
.lienlogo a:hover{background-image:url("images/logo.png"); background-repeat:no-repeat; background-position:left;}
.lienlogo a:active {background-image:url("images/logo.png"); background-repeat:no-repeat; background-position:left;}
.lienlogo a:active, a:focus{outline:none;}

#containerlangue{width:720px; height:0px; margin:-10px 0px; text-align:right; position:absolute; z-index:2;}
.langue a:link{font:90% Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; font-weight:bold;}
.langue a:visited{font:90% Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; font-weight:bold;}
.langue a:hover{font:90% Verdana, Arial, Helvetica, sans-serif; color:#ff8bd2; font-weight:bold; text-decoration:underline;}
.langue a:active{font:90% Verdana, Arial, Helvetica, sans-serif; color:#ff8bd2; text-decoration:none; font-weight:bold;}
.langue a:active, a:focus{outline:none;}

.spantiret{font:90% Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; font-weight:bold; display:inline;}

/* ..........................................................................container.......................................................................... */

#container{position:absolute; width:750px; height:auto; margin:96px 0px 0px 0px; background-color:#FFFFFF; background-repeat:repeat-y; background-position:left;} 

/* ..........................................................................menu.......................................................................... */

#containermenu{position:absolute; width:735px; height:28px; margin:68px 0px 0px 0px; z-index:3;} 

#menu{height:28px; background: url("images/menu.png") top left no-repeat;}
#menu ul, #menu li{margin:0; padding:0; list-style-type:none;}
#menu ul{position:absolute; height:28px; width:735px;}
#menu li{float:right;}
#menu li a{display:block; height:28px; width:92px; text-decoration:none; text-align:center;}
#menu a:hover{background:transparent url("images/menu.png") top right no-repeat;}
#menu a#menu1, #menu a#menu2, #menu a#menu3, #menu a#menu4{display:block; width:92px;}
#menu a#menu1:hover{background-position:-643px -28px;}
#menu a#menu2:hover{background-position:-551px -28px;}
#menu a#menu3:hover{background-position:-459px -28px;}


/*#finmenu{width:15px; height:28px; background-image:url("images/finmenu.png"); background-position:right; margin:-28px 0px 0px 741px; position:relative;}*/

/* ..........................................................................menuen.......................................................................... */

#containermenuen{position:absolute; width:741px; height:28px; margin:68px 0px 0px 0px; z-index:3;} 

#menuen{height:28px; background: url("images/menuen.png") top left no-repeat;}
#menuen ul, #menuen li{margin:0; padding:0; list-style-type:none;}
#menuen ul{position:absolute; height:28px; width:741px;}
#menuen li{float:right;}
#menuen li a{display:block; height:28px; width:92px; text-decoration:none; text-align:center;}
#menuen a:hover{background:transparent url("images/menuen.png") top right no-repeat;}
#menuen a#menuen1, #menuen a#menuen2, #menuen a#menuen3{display:block; width:92px;}
#menuen a#menuen1:hover{background-position:-649px -28px;}
#menuen a#menuen2:hover{background-position:-557px -28px;}
#menuen a#menuen3:hover{background-position:-465px -28px;}

/* ..........................................................................home.......................................................................... */

#blocwelcome{width:0px; height: 100%; left:35px; top:0px; position:relative;}
#blocwelcometxt{width:320px; height:120px; left: 305px; top: 110px; position:relative; z-index:2;}
#titrehome{width:300px; margin:45px 0px 0px 300px; position:absolute;}

#imghome{width:750px; height:309px; background-image:url("images/imghome.png"); background-repeat:no-repeat; background-position:left; margin-bottom:0px; z-index:1;}

#imgportfolio{width:750px; height:309px; background-image:url("images/imgportfolio.png"); background-repeat:no-repeat; background-position:left; margin-bottom:0px; z-index:1;}

#imgcontact{width:750px; height:309px; background-image:url("images/imgcontact.png"); background-repeat:no-repeat; background-position:left; margin-bottom:0px; z-index:1;}

/* ..........................................................................recenthome.......................................................................... */

#blocrecenthome{width:0px; height:100%; left:0px; top:0px; position:relative;}
#blocrecenthometxt{width:200px; height:60px; left: 475px; top: -110px; position:relative;}
#titrerecenthome{width:600px; height:20px; margin:0px 0px 140px 60px;}

#blocrecenthomeimg{width:378px; height:137px; position:absolute; left:65px; top:40px;}
.lienrecenthome a:active, a:focus{outline:none;}

/* ..........................................................................services.......................................................................... */

#blocservice{width:0px; height: 100%; left:0px; top:0px; position:relative; z-index:2;}

#titreservice{width:300px; margin:0px 0px 120px 60px;}

#blocservice1{width:213px; height:0px; position: absolute; left:50px; top:30px; line-height:20%}
#blocservice2{width:213px; height:0px; position: absolute; left:280px; top:30px; line-height:20%}

/* ..........................................................................recents.......................................................................... */

#blocrecent{width:0px; height:100%; left:0px; top:0px; position:relative;}
#blocrecenttxt1{width:200px; height:60px; left: 475px; top: -290px; position:relative;}
#blocrecenttxt2{width:200px; height:60px; left: 475px; top: -190px; position:relative;}
#blocrecenttxt3{width:200px; height:60px; left: 475px; top: -90px; position:relative;}
#titrerecent{width:600px; height:20px; margin:0px 0px 330px 60px;}

#blocrecent1{width:378px; height:137px; position:absolute; left:65px; top:40px;}
.lienrecent1 a:active, a:focus{outline:none;}

#blocrecent2{width:378px; height:137px; position:absolute; left:65px; top:200px;}
.lienrecent2 a:active, a:focus{outline:none;}

/*#blocrecent3{width:156px; height:99px; position:absolute; left:365px; top:50px;}
.lienrecent3 a:active, a:focus{outline:none;}*/

#blocrecent4{width:378px; height:137px; position:absolute; left:65px; top:360px;}
.lienrecent4 a:active, a:focus{outline:none;}

/* ..........................................................................contact.......................................................................... */

#bloccontact{width:0px; height:100%; left:0px; top:0px; position:relative; }
#titrecoord{width:300px; height:20px; margin:0px 0px 120px 60px;}

#bloccontact1{width:350px; height:0px; position:absolute; left:55px; top:50px;}

.mail:link{font:100% Verdana, Arial, Helvetica, sans-serif; color:#5a5a5a; text-decoration:none;}
.mail:visited{font:100% Verdana, Arial, Helvetica, sans-serif; color:#5a5a5a; text-decoration:none;}
.mail:hover{font:100% Verdana, Arial, Helvetica, sans-serif; color:#bc5090; text-decoration:underline;}
.mail:active{font:100% Verdana, Arial, Helvetica, sans-serif; color:#bc5090; text-decoration:none;}
.mail:active, a:focus{outline:none;}

/* ..........................................................................ecrivez-nous.......................................................................... */

#blocform{width:0px; height:100%; left:0px; top:0px; position:relative;}
#titreform{width:300px; height:45px; margin:0px 0px 300px 60px;}

#containerform{width:350px; height:290px; left:75px; top:55px; position:absolute;}
.row{padding-top:5px;}
.spanlabel{width:70px; text-align:left; color:#6b657a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; word-spacing:0px; font-weight:bold;}
.spanformw{width:200px; text-align:left;}
.spansubmit{width:60px; height:23px; text-align:left;}
input.bouton{margin-top:0px; border:none;}
.spanmerci{text-align:right; color:#676767; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; position:relative; line-height:18px;}
input{background-color:#fff; border:#CCCCCC 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt;}
textarea{background-color:#fff; border:#CCCCCC 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; margin-bottom:5px; }

/* ..........................................................................bottom.......................................................................... */

#blocbottom{width:100%;; height:20px; margin:auto; position:absolute; clear:both; background-color:#564e68; background-position:bottom;}
/*#imgbottom{width:750px; height:70px; left:0px; top:0px;; bottom:0px; position:absolute; background-image: url("images/bottom.png"); background-repeat:no-repeat; background-position:left; z-index:1;}*/
#bottomcontent{color:#bdb4d4; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:justify; font-size:90%; word-spacing:0px; line-height:13px;}
#txtbottom{width:750px; height:10px; left:80px; top:0px; position:absolute; z-index:2; text-align:center}

/* ..........................................................................divers.......................................................................... */

.arretflottant {
	clear:both;
	}
	
/* ..........................................................................end.......................................................................... */