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


/*
Theme Name: WordPress Default Fr
Theme URI: http://wordpress.org/
Description: Le thème par défaut de WordPress, basé sur le fameux thème <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets  

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Begin Typography & Colors */
* {margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, images, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

html, body {
    height: 100%;
}

body {
background-image:url('images/bg_top.png');
background-repeat:no-repeat;
background-position:top center;
background-color:#f6f2f0;
height: 100%;
}

img {
border:none;
}

#container {
position: relative;
min-height: 100%;
}

#header {
width:960px;
margin:0px auto;
padding-top:73px;
}


#logo {
background: none;
margin-left:86px;
margin-right:56px;
width:109px;
height:55px;
float:left;
}

#description {
margin-right:86px;
text-align:left;
}

.widecolumn .entry p {
font-size: 11px;

}
.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}
.widecolumn {
line-height: 1.6em;
}
.narrowcolumn .postmetadata {
text-align: center;
}

h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
line-height:20px;
color:#252525;
font-weight:normal;
}

h1 a {
font-weight:bold;
text-decoration:underline;
}

h1 a:hover {
text-decoration:none;
}

a.redlink  {
color:#be0b00;
text-decoration:underline;
padding:2px;
}

a.redlink:hover  {
background-color:#be0b00;
color:#fff;
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:2px;
}

a.orangelink  {
color:#ff641a;
text-decoration:underline;
padding:2px;
}

a.orangelink:hover  {
background-color:#ff641a;
color:#fff;
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:2px;
}

a.mauvelink  {
color:#b179e8;
text-decoration:underline;
padding:2px;
}

a.mauvelink:hover  {
background-color:#b179e8;
color:#fff;
text-decoration:none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:2px;
}

images {
border:none;
}


#navigation {
width:840px;
height:55px;
margin-left:auto;
margin-right:auto;
margin-top:24px;
}

#fancymenu {
position: relative;
height: 55px;
width: 612px;
background: url('images/bg_violet.png') no-repeat top left;
overflow: hidden;
float:left;
}
 
#fancymenu ul {
padding: 0;
margin: 0;
margin-left:170px;
padding-top:5px;
}
  
/* Don't apply padding here (offsetWidth will differ in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
float: left;
list-style: none;
}

/*#fancymenu ul li a {
z-index: 10;
display: block;
float: left;
width: .1em;
position: relative;
font: bold 14px tahoma, sans-serif;
color: #000;
text-decoration: none;
white-space: nowrap;
padding: 6px 15px 7px;
}

#fancymenu > ul li a {width: auto;}*/

 #fancymenu ul li a {
text-indent: -500em;
z-index: 10;
display: block;
/*float: left;*/
height: 45px;
position: relative;
overflow: hidden;

}

.current {

}

#menu_agence {
margin-right:42px;
width: 93px;
height:45px;
float:left;
/*background: url('images/menu_agence.png') no-repeat top center !important;
background: url('images/menu_agence.gif') no-repeat top center;*/
}


#menu_votre_metier a {
width: 146px;
background: url('images/bg_votre_metier.png') no-repeat top center !important;
background: url('images/bg_votre_metier.gif') no-repeat top center;
}
  
#menu_votre_projet a {
width: 148px;
background: url('images/bg_votre_projet.png') no-repeat top center !important;
background: url('images/bg_votre_projet.gif') no-repeat top center;
}
  
#menu_nos_references a {
width: 137px;
background: url('images/bg_nos_references.png') no-repeat top center !important;
background: url('images/bg_nos_references.gif') no-repeat top center;
}

#menu_nos_references_active a {
width: 137px;
background: url('images/bg_nos_references_select.png') no-repeat top center !important;
background: url('images/bg_nos_references_select.gif') no-repeat top center;
}




#fancymenu li.background {
/*background: url('images/bg_menu_right.png') no-repeat top right !important;*/
background: url('images/bg_menu_right.gif') no-repeat top right;
z-index: 8;
position: absolute;
visibility: hidden;
}
 
#fancymenu .background .left {
/*background: url('images/bg_menu.png') no-repeat top left !important;*/
background: url('images/bg_menu.gif') no-repeat top left;
height: 45px;
margin-right: 6px; /* 7px is the width of the rounded shape */
}

#categ_menu {
background-image:url(images/bg_categ.png);
background-repeat:no-repeat;
width:192px;
height:50px;
float:right;

}

#tablo_menu {
margin-top:6px;
margin-left:15px;
}


table#tablo_menu td {
padding:4px;
}


/*
#tablo_menu {
margin-top:5px;
margin-left:9px;
}


table#tablo_menu td {
padding:3px;
}

#lkservices {
  background-image:url("images/lk_services.gif");
  background-repeat:no-repeat;
  background-position:center;
  height:16px;
  width:77px;
  text-indent:-5000px;
  }
  
#lkservices:hover {
  cursor:pointer;
  background-image:url("images/lk_services_hover.png");
  background-repeat:no-repeat;
  }

#lkagence {
  background-image:url("images/lk_agence.gif");
  background-repeat:no-repeat;
  background-position:center;
  height:16px;
  width:65px;
  text-indent:-5000px;
  }
  
#lkagence:hover {
  cursor:pointer;
  background-image:url("images/lk_agence_hover.gif");
  background-repeat:no-repeat;
  }
 
#lkclients {
  background-image:url("images/lk_clients.gif");
  background-repeat:no-repeat;
  background-position:center right;
  height:16px;
  width:81px;
  text-indent:-5000px;
  }
  
#lkclients:hover {
  cursor:pointer;
  background-image:url("images/lk_clients_hover.png");
  background-repeat:no-repeat;
  }
  
#lkblog {
  background-image:url("images/lk_blog.gif");
  background-repeat:no-repeat;
  background-position:center;
  height:16px;
  width:42px;
  text-indent:-5000px;
  }
  
#lkblog:hover {
  cursor:pointer;
  background-image:url("images/lk_blog_hover.png");
  background-repeat:no-repeat;
  }
 
#lkextranet {
  background-image:url("images/lk_extranet.gif");
  background-repeat:no-repeat;
  background-position:center right;
  height:16px;
  width:81px;
  text-indent:-5000px;
  }
  
#lkextranet:hover {
  background-image:url("images/lk_extranet_hover.png");
  background-repeat:no-repeat;
  }
*/
#content_container {
float:none;
background-image:url(images/bg_back.png);
background-repeat:repeat-y;
background-position:center;
width:970px;
margin:auto;
text-align:left;
}

#content {
background-image:url(images/bg_content_top.png);
background-repeat:no-repeat;
background-position:top center;
width:970px;
margin:auto;
}

#left_content {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#6a5f61;
line-height:18px;
width:612px;
/*padding-top:15px;*/
float:left;
margin-bottom:285px;
}

#right_content {

width:193px;
float:right;
margin-bottom:265px;
}

#center {
width:840px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#baseline {
margin-top:15px;
margin-bottom:15px;
}

h1#baseline {
width:612px;
margin-top:30px;
margin-bottom:15px;
font-size:28px;
line-height:32px;
color:#4f4a47;
height:56px;
}

#explain_top {
background-image:url(images/bg_top_explain.png);
background-repeat:no-repeat;
width:100%;
height:16px;
}

#explain {
background-image:url(images/bg_bottom_explain.png);
background-position:bottom;
background-repeat:no-repeat;
width:572;
background-color:#e90d00;
margin-bottom:15px;
padding:15px 20px 17px;
}

h1#explain {
font-size:15px;
color:#FFFFFF;
line-height:18px;
}

#footer {
position:absolute;
bottom:0;
height:204px;
width:100%;
float:left;
background-image:url(images/bg_footer.png);
background-repeat:repeat-x;

}

#footer a {
color:#fff;
text-decoration:none;
}

#footer a:hover {
color:#cac2be;
text-decoration:underline;
}

#footer_content {
background-image:url(images/bg_footer_content.png);
background-repeat:repeat-x;
width:960px;
height:204px;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
line-height:14px;
}

.clear {
clear:both;
margin:0px;
}

.bloc2lines {
margin-top:78px;
}

.blocmultilines {
margin-top:15px;
margin-bottom:15px;
}

.blocnav {
background-image:url(images/bg_bloc_nav_p.png);
background-repeat:no-repeat;
background-position:top;
width:193px;
height:36px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:15px !important;
margin-bottom:0px !important!;
line-height:18px;
color:#2b2b2b;
padding-top:35px;
text-align:center;
}


.blocvide {
width:193px;
height:21px;
margin-bottom:15px !important;
margin-bottom:0px !important!;
}

.blocnavi {
width:193px;
height:51px;
margin-bottom:18px !important;
margin-top:36px !important;
}


.bloc {
background-image:url(images/bg_bloc.png);
background-repeat:no-repeat;
background-position:top;
width:178px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:52px;
color:#2b2b2b;
padding-top:12px;
padding-left:15px;
}

.bloc_content {
background-image:url(images/bg_bloc_middle.png);
background-repeat:repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#2b2b2b;
width:193px;
line-height:22px;
padding-bottom:20px;
}

.bloc_projet {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#2b2b2b;
width:193px;
line-height:22px;
margin-top:5px;
margin-bottom:15px;
}
.bloc_bottom {
background-image:url(images/bg_bloc_bottom.png);
background-repeat:no-repeat;
width:193px;
height:8px;
margin-bottom:20px;
}
.blocleft {
background-image:url(images/bg_left_bloc.png);
background-position:top left;
width:4px;
height:80px;
float:left;
}
.bloccenter_right {
background-image:url(images/bg_center_bloc.png);
background-repeat:repeat-x;
background-position:top;
width:163px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:18px;
color:#2b2b2b;
float:left;
padding:11px;
padding-top:16px;
}

.bloccenter_center {
background-image:url(images/bg_center_bloc.png);
background-repeat:repeat-x;
background-position:top;
width:574px;
float:left;
padding:15px;
}

.blocright {
background-image:url(images/bg_right_bloc.png);
background-position:top left;
width:4px;
height:80px;
float:right;
}

.visuel {
margin-top:15px;
margin-bottom:15px;
}

blockquote {
background-image:url(images/bg_open.png);
background-position:top left;
background-repeat:no-repeat;
width:193px;
text-indent:25px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
line-height:25px;
color:#e90d00;
}

#quote {
background-image:url(images/bg_close.png);
background-position:bottom right;
background-repeat:no-repeat;
}

#citation {
margin-top:55px;
}


#footer_bloc {
height:20px;
padding-left:254px;
float:left;
position:absolute;
bottom:204px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

#footer_bloc a {
color:#FFFFFF;
text-decoration:none;
}

#footer_bloc a:hover {
text-decoration:underline;
}

#bloc_agence {
float:left;
background-image:url(images/bg_agence.png);
width:82px;
height:15px;
padding-top:5px;
padding-left:6px;
}

#bloc_services {
float:left;
background-image:url(images/bg_services.png);
width:139px;
height:15px;
padding-top:5px;
padding-left:6px;
margin-left:10px;
}

#bloc_clients {
float:left;
background-image:url(images/bg_clients.png);
width:87px;
height:15px;
padding-top:5px;
padding-left:6px;
margin-left:10px;
}

#bloc_blog {
float:left;
background-image:url(images/bg_blog.png);
width:289px;
height:15px;
padding-top:5px;
padding-left:6px;
margin-left:10px;
}

#fieldset {
height:30px;
}

#field {
float:left;
width:125px;
height:30px;
}

.champs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:10px;
	color: #636363;
	background-color: #fff;
	border: 1px solid #CCC;
	font-size: 9px;
	text-align:	left;
	width: 123px;
	*width: 121px;
	margin-bottom:1px !important;
	*margin-top:-1px;

}


.champs:focus {
	color: #000;
	border: 1px solid #CC0000;
}

#btn {

width:65px;
height:30px;
margin-left:3px;
_margin-left:0px;
}

#btn:hover {
background-image:url(images/btn_envoyer_hover.gif);
width:65px;
height:30px;
margin-left:3px;
_margin-left:0px;
}


input[type=submit] {
cursor:pointer;
border:1px solid #6b6b6b;
background-color:#857d79;
margin-left:3px;
color:#FFFFFF;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:30px;
}

input[type=submit]:hover {
cursor:pointer;
border:1px solid #ccc;
background-color:#b9b3b0;

}

#question {
padding-top:13px;
padding-left:30px;
width:219px;
float:left;
}

#agence {
padding-top:13px;
float:left;
width:88px;
}

#services {
padding-top:13px;
margin-left:10px;
float:left;
width:145px;
}

#clients {
width:93px;
padding-top:13px;
margin-left:10px;
float:left;
}

#blog {
padding-top:13px;
margin-left:10px;
float:left;
}

#info {
padding-left:30px;
margin-top:-15px;
float:left;
font-size:9px;
line-height:12px;
color:#a3a3a3;
}

#info a {
text-decoration:underline;
}

#design {
position:absolute;
bottom:0;
background-image:url(images/bg_design.png);
width:684px;
height:53px;
left: 50%;
margin-left: -485px;/* la moiti� de 400px*/
font-size:14px;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:20px;
padding-left:255px;
padding-right:30px;
padding-top:18px;
color:#fff;
}

#design a {
text-decoration:underline;
font-weight:bold;
color:#333333;
padding:2px;
}

#design a:hover {
text-decoration:none;
background-color:#333333;
color:#FFFFFF;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:2px;
}
/* End Typography & Colors */
/* Begin Structure */

.post {
margin: 0 0 0 0;
text-align: justify;
}

h1.post {
font-size:20px;
margin-bottom:10px;
}

h1.post a {
font-size:20px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
color:#4f4a47;
text-decoration:none;
}

h1.post a:hover {
color:#4f4a47;
text-decoration:underline;
}

.post a {
font-size:11px;
color:#4f4a47;
text-decoration:none;
}

.post a:hover {
text-decoration:underline;
}

.plus {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#4f4a47;
}

.plus a {
color:#4f4a47;
text-decoration:none;
border-bottom:1px solid #b179e8;
}

.plus a:hover {
color:#b179e8;
text-decoration:none;
}

.entry {
/*color:#636363;*/
color:#2b2b2b;
text-align:left;
}

.text {
margin-top:8px;
margin-bottom:8px;
}
.text a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#b179e8;
text-decoration:none;
}

.text a:hover {
color:#b179e8;
text-decoration:underline;
}

.post hr {
display: block;
}

/* End Headers */
/* Begin Images */
p images {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
images.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
images.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
images.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* End Images */
/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption images {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
It won't be a stylish marriage, I can't afford a carriage.
But you'll look sweet upon the seat of a bicycle built for two." */

.images-extrait {
display:block;
float:left;
margin-right:20px;
height:232px;
}

.categ_title {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-transform:uppercase;
padding-top:18px;
text-align:left;
color:#2b2b2b;
display:inline;
padding-left:4px;
}

.categ_post {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:15px;
}

table#tableinfo td {
padding:3px;
}

.categories {
line-height:22px;
margin-left:22px;
color:#857d79;
}


.categories a, categories a:active, categories a:visited  {
color:#4f4a47;
text-decoration:none;
}

.categories a:hover {
text-decoration:underline;
}

.active_category {
text-decoration:none;
color:#4f4a47;
}

.active_category:hover {
color:#4f4a47;
text-decoration:underline;
}

.categories .current-cat a{
text-decoration:none;
color:#857d79;
}

.categories .current-cat a:hover {
text-decoration:underline;
color:#857d79;
}


#projet_baseline {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:27px;
line-height:27px;
color:#857d79;
margin-top:15px;
margin-bottom:20px;
}

#baseline_clients {
padding-top:10px;
}

h1#baseline_clients {
width:612px;
padding-top:30px;
margin-bottom:20px;
font-size:28px;
line-height:32px;
/*color:#b179e8;*/
color:#857d79;
}

.texte {
color:#2b2b2b;
font-size:12px;
line-height:18px;
margin-bottom:20px;
}

hr {
margin-top:20px;
margin-bottom:20px;
color:#dfd8d7;
background-color:#dfd8d7;
height: 0px;
border: 0;
border-bottom:1px solid #dfd8d7;
border-top:1px solid #f6f2f0;
}

#vide {
height:300px;
}

#tablo_clients {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.postmetadata {
margin-bottom:20px;
}

#twocol1 {
font-family:Georgia, "Times New Roman", Times, serif;
float:left;
width:290px;

font-size:12px;
line-height:18px;
}

#twocol2 {
font-family:Georgia, "Times New Roman", Times, serif;
float:right;
width:290px;

font-size:12px;
line-height:18px;
}

.marge {
margin:0px;
float:left;
}

.cssnav	{
position:relative;
background-image:  url(images/btn_project_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 124px;
height:26px;
margin: 0; 
padding: 0; 
}

.cssnav a {
display: block;
color: #000000;
font-size: 11px;
width: 124px;
height: 26px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.cssnav img {width: 124px; height: 26px; border: 0; }
* html a:hover {visibility:visible}
.cssnav a:hover img{visibility:hidden}

.cssnav span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 124px;
height: 26px;
text-align: center;
}


.cssprev	{
position:relative;
background-image:  url(images/btn_previous_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 68px;
height:51px;
margin: 0; 
padding: 0; 
}

.cssprev a {
display: block;
color: #000000;
font-size: 11px;
width: 68px;
height: 51px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.cssprev img {width: 68px; height: 51px; border: 0; }
* html a:hover {visibility:visible}
.cssprev a:hover img{visibility:hidden}

.cssprev span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 68px;
height: 51px;
text-align: center;
}



.csslist	{
position:relative;
background-image:  url(images/btn_list_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 57px;
height:51px;
margin: 0; 
padding: 0; 
}

.csslist a {
display: block;
color: #000000;
font-size: 11px;
width: 57px;
height: 51px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.csslist img {width: 57px; height: 51px; border: 0; }
* html a:hover {visibility:visible}
.csslist a:hover img{visibility:hidden}

.csslist span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 57px;
height: 51px;
text-align: center;
}




.cssbiglist	{
position:relative;
background-image:  url(images/btn_biglist_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 193px;
height:51px;
margin: 0; 
padding: 0; 
}

.cssbiglist a {
display: block;
color: #000000;
font-size: 11px;
width: 193px;
height: 51px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.cssbiglist img {width: 193px; height: 51px; border: 0; }
* html a:hover {visibility:visible}
.cssbiglist a:hover img{visibility:hidden}

.cssbiglist span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 193px;
height: 51px;
text-align: center;
}


.csshaut	{
position:relative;
background-image:  url(images/btn_haut_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 161px;
height:51px;
margin: 0; 
padding: 0; 
}

.csshaut a {
display: block;
color: #000000;
font-size: 11px;
width: 161px;
height: 51px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.csshaut img {width: 161px; height: 51px; border: 0; }
* html a:hover {visibility:visible}
.csshaut a:hover img{visibility:hidden}

.csshaut span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 161px;
height: 51px;
text-align: center;
}


.cssnext	{
position:relative;
background-image:  url(images/btn_next_hover.gif);
background-repeat: no-repeat;
float: left;
display: block;
width: 68px;
height:51px;
margin: 0; 
padding: 0; 
}

.cssnext a {
display: block;
color: #000000;
font-size: 11px;
width: 68px;
height: 51px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.cssnext img {width: 68px; height: 51px; border: 0; }
* html a:hover {visibility:visible}
.cssnext a:hover img{visibility:hidden}

.cssnext span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 68px;
height: 51px;
text-align: center;
}

.cssbigclients	{
position:relative;
background-image:  url(images/btn_clients_hover.png);
background-repeat: no-repeat;
float: left;
display: block;
width: 161px;
height:55px;
margin: 0; 
padding: 0; 
}

.cssbigclients a {
display: block;
color: #000000;
font-size: 11px;
width: 161px;
height: 55px;
display: block;
float: left;
color: black; 
text-decoration: none;
}

.cssbigclients img {width: 161px; height: 55px; border: 0; }
* html a:hover {visibility:visible}
.cssbigclients a:hover img{visibility:hidden}

.cssbigclients span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 161px;
height: 55px;
text-align: center;
}


/*-------------- Hover small button --------------*/

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


.cssagence	{
position:relative;
background-image:  url(images/lk_agence_hover.png);
background-repeat: no-repeat;
display: block;
width: 60px;
height:16px;
margin: 0; 
padding: 0; 
}

.cssagence a {
display: block;
color: #000000;
font-size: 11px;
width: 60px;
height: 16px;
display: block;
color: black; 
text-decoration: none;
}

.cssagence img {width: 60px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
.cssagence a:hover img{visibility:hidden}

.cssagence span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 60px;
height: 16px;
text-align: center;
}

.cssservices	{
position:relative;
background-image:  url(images/lk_services_hover.png);
background-repeat: no-repeat;
display: block;
width: 72px;
height:16px;
margin: 0; 
padding: 0; 
}

.cssservices a {
display: block;
color: #000000;
font-size: 11px;
width: 72px;
height: 16px;
display: block;
color: black; 
text-decoration: none;
}

.cssservices img {width: 72px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
.cssservices a:hover img{visibility:hidden}

.cssservices span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 72px;
height: 16px;
text-align: center;
}

.cssclients	{
position:relative;
background-image:  url(images/lk_clients_hover.png);
background-repeat: no-repeat;
display: block;
width: 62px;
height:16px;
margin: 0; 
padding: 0; 
}

.cssclients a {
display: block;
color: #000000;
font-size: 11px;
width: 62px;
height: 16px;
display: block;
color: black; 
text-decoration: none;
}

.cssclients img {width: 62px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
.cssclients a:hover img{visibility:hidden}

.cssclients span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 62px;
height: 16px;
text-align: center;
}

.cssblog	{
position:relative;
background-image:  url(images/lk_blog_hover.png);
background-repeat: no-repeat;
display: block;
width: 38px;
height:16px;
margin: 0; 
padding: 0; 
}

.cssblog a {
display: block;
color: #000000;
font-size: 11px;
width: 38px;
height: 16px;
display: block;
color: black; 
text-decoration: none;
}

.cssblog img {width: 38px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
.cssblog a:hover img{visibility:hidden}

.cssblog span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 38px;
height: 16px;
text-align: center;
}

.csscontacts	{
position:relative;
background-image:  url(images/lk_contacts_hover.png);
background-repeat: no-repeat;
display: block;
width: 76px;
height:16px;
margin: 0; 
padding: 0; 
}

.csscontacts a {
display: block;
color: #000000;
font-size: 11px;
width: 76px;
height: 16px;
display: block;
color: black; 
text-decoration: none;
}

.csscontacts img {width: 76px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
.csscontacts a:hover img{visibility:hidden}

.csscontacts span {
visibility:hidden;
position: absolute;
left: 0px;
top: 0px;
margin: 0px;
padding: 0px;
cursor: pointer;
width: 76px;
height: 16px;
text-align: center;
}