html,body {
font-family	: 'Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Geneva, Helvetica, Arial, sans-serif;
font-size	: 11px;
color		: #555;
font-weight	: 100;
height		: 100%;
margin		: 0 auto;
padding		: 0;
}

body {
text-align		: center;
line-height		: 1.4;
background		: url(../img/bg-mcube.jpg) top center;
}

html{
margin-bottom	: 0.01em;
overflow-x		: hidden;
}


#bandeau-top{
background		: url(../img/bg-top2.jpg) repeat-x top center;
letter-spacing	: -1px;
color			: #fff;
padding-top		: 2px;
height			: 22px;
text-align		: center;
margin			: auto;
}

#content-top{
letter-spacing	: -1px;
text-align		: right;
color			: #fff;
padding-right	: 25px;
width			: 850px;
margin			: auto;
}

#clients{
background		: #fff url(../img/bg-clients.gif) repeat-x bottom;
height			: 62px;
text-align		: center;
margin			: auto;
clear			: both;
}

#content-clients{
letter-spacing	: -1px;
text-align		: left;
color			: #666;
width			: 850px;
margin			: auto;
}

.clients-left{
float			: left;
width			: 55%;
height			: 50px;
padding-left	: 20px;
padding-top		: 3px;
}

.clients-right{
float			: left;
width			: 39%;
height			: 50px;
padding-top		: 3px;
}

#acces-client{
position		: absolute;
top				: 0px;
left			: 765px;
height			: 23px;
width			: 115px;
z-index			: 100;
}

#global-site{
position		: relative;
background		: #fff url(../img/bg-top-mcube.jpg) repeat-x top center;
}

#global{
position		: relative;
margin			: 0px auto;
padding			: 0px;
width			: 950px;
text-align		: left; /* on rétablit l'alignement normal du texte */
}

#logo{
position		: absolute;
top				: 50px;
width			: 400px;
float			: left;
text-align		: right;
}

#poissons{
position		: absolute;
top				: 0px;
float			: right;
width			: 510px;
text-align		: right;
padding-top		: 4px;
}

#footer{
background	: url(../img/footer-mcube.png) repeat-x top center;
text-align	: center;
height		: 120px;
padding-top	: 30px;
font-size	: 10px;
margin		: 0px;
clear		: both;
}

#container{
position	: relative;
margin		: 290px 60px 0px 40px;
}

.paragraphe-gauche{
width		: 520px;
float		: left;
text-align	: justify;
}

.paragraphe-droite{
width		: 295px;
float		: right;
text-align	: left;
}

/* MENU */

#menu ul {
position	: absolute;
top			: 150px;
margin-top	: 45px;
margin-left	: 25px;
height		: 36px;
width		: 420px;
background	: url(../img/menu-mcube.png) no-repeat;
}

#menu li {
font-style	: italic;
float		: left;
list-style	: none;
text-indent	: -5000px;
}

#menu li a{
position	: absolute;
border		: none !important;
margin		: 0 !important;
text-decoration: none;
}

#menu li#accueil a {
left		: 0px;
top			: 0px;
background	: url(../img/menu-mcube.png) 0 0 no-repeat;
height		: 36px;
width		: 65px;
}

#menu li#presentation a {
left		: 65px;
top			: 0px;
background	: url(../img/menu-mcube.png) -65px 0px no-repeat;
height		: 36px;
width		: 99px;
}

#menu li#services a {
left		: 164px;
top			: 0px;
background	: url(../img/menu-mcube.png) -164px 0px no-repeat;
height		: 36px;
width		: 107px;
}

#menu li#portfolio a {
left		: 271px;
top			: 0px;
background	: url(../img/menu-mcube.png) -271px 0px no-repeat;
height		: 36px;
width		: 95px;
}

#menu li#contact a {
left		: 366px;
top			: 0px;
background	: url(../img/menu-mcube.png) -366px 0px no-repeat;
height		: 36px;
width		: 57px;
}

#menu li#accueil a.selected {background-position: 0px -36px;}
#menu li#presentation a.selected {background-position: -65px -36px;}
#menu li#services a.selected {background-position: -164px -36px;}
#menu li#portfolio a.selected {background-position: -271px -36px;}
#menu li#contact a.selected {background-position: -366px -36px;}

#menu li#accueil a:hover {background-position: 0px -72px;}
#menu li#presentation a:hover {background-position: -65px -72px;}
#menu li#services a:hover {background-position: -164px -72px;}
#menu li#portfolio a:hover {background-position: -271px -72px;}
#menu li#contact a:hover {background-position: -366px -72px;}



/* POLICES */

h1{
font-family		: Georgia, "Times New Roman", Times, serif;
margin			: 0px 0px 8px 0px;
padding			: 0px;
font-size		: 18px;
letter-spacing	: -1px;
color			: #2083c9;
font-weight		: 100;
line-height		: 24px;
}

h2{
font-family		: Georgia, "Times New Roman", Times, serif;
margin			: 10px 0px 0px 0px;
padding			: 0px;
font-size		: 15px;
letter-spacing	: -1px;
color			: #00303e;
font-weight		: 100;
line-height		: 20px;
}

h3{
font-family		: Georgia, "Times New Roman", Times, serif;
margin			: 0px;
padding			: 0px;
font-size		: 14px;
display			: inline;
letter-spacing	: -1px;
color			: #ff5400;
font-weight		: 100;
line-height		: 20px;
}

h4{
font-family		: Georgia, "Times New Roman", Times, serif;
margin			: 0px;
padding			: 0px;
font-size		: 14px;
display			: inline;
letter-spacing	: -1px;
color			: #000;
font-weight		: 100;
line-height		: 20px;
}

h6{
color			: #000;
font-family		: 'Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Geneva, Helvetica, Arial, sans-serif;
font-size		: 12px;
margin			: 0;
padding			: 0;
font-weight		: 100;
}

.style2{
color			: #999;
font-size		: 9px;
}

.style3{
color			: #2083c9;
}

.floatl{
float			: left;
}

.floatr{
float			: right;
}

.big-font{
color			: #00303e;
font-size		: 30px;
}

a { 
outline			:0;
}

a, a:visited {
color			: #555;
}

a:hover {
color			: #000;
}

/* INDEX */

.last-index{
background	: url("../img/back-realisation-index.gif") no-repeat;
width		: 283px;
height		: 117px;
padding		: 14px 0px 0px 13px;
}

.img-rea{
border		: 6px solid #eee;
}

#date-info{
line-height		: 12px;
padding			: 3px 3px 0px 0px;
margin			: 0px 3px 0px 0px;
float			: left;
text-align		: center;
height			: 70px;
}

#date-info .chiffre{
font-size		: 20px;
color			: #01466a;
line-height		: 20px;
letter-spacing	: -1px;
}

#date-info .annee{
font-size		: 12px;
color			: #aaa;
letter-spacing	: -1px;
}

a.tooltip em {
    display:none;
}

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}

a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top		: -32px;
    left	: 7px; 
    padding	: 2px;
	font-size:10px; 
    color	: #fff; 
    background: transparent url(../img/bg-bulle.png); 
    padding	: 2px;
    color	: #fff;
    width	: 163px;
}

/* PRESTATIONS */

.divservice{
padding				: 8px;
margin-bottom		: 20px;
}

#liste-services{
margin				: 20px 0px 0px 20px;
width				: 270px;
padding				: 0 0 1em 0;
}

* html #liste-services{ /*IE 6 only */
w\idth				: 270px; /*Box model bug: 180px minus all left and right paddings for #liste-services */
}

#liste-services ul{
list-style			: none;
margin				: 0;
padding				: 0;
border				: none;
}

#liste-services li {
border-bottom		: 1px solid #90bade;
margin				: 0;
}

#liste-services li a{
display				: block;
padding				: 5px 5px 5px 8px;
text-decoration		: none;
width				: 100%;
}

html>body #liste-services li a{ /*Non IE6 width*/
width				: auto;
}

#liste-services li a:hover{
background-color	: #eee;
}


/* ENGAGEMENTS */

.phases{
margin		: 0px;
padding		: 0px;
font-size	: 11px;
font-family	: Arial, Helvetica, sans-serif;
}

.chaton{
margin-left	: 60px;
}

/* FORMULAIRES */
.form-contact{
margin-left	: 15px;
}

label {
display		: inline ;
float		: left;
width		: 120px;
margin-top	: 10px;
}

input{
width		: 320px;
border		: 0;
height		: 20px;
background	: #fff url(../img/fond-form-gris.gif) top left;
padding		: 6px 0 0 5px;
margin-top	: 5px;
color		: #666;
font-family	: 'Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Geneva, Helvetica, Arial, sans-serif;
font-size	: 11px;
border		: 1px solid #eee;
border-width: 0px 1px 1px 0px;
}

textarea{
width		: 320px;
border		: 0;
height		: 90px;
background	: #fff url(../img/fond-form-gris.gif) top left;
padding		: 6px 0 0 5px;
margin-top	: 5px;
color		: #666;
font-family	: 'Lucida Grande', 'Lucida Sans Unicode', 'Bitstream Vera Sans', Geneva, Helvetica, Arial, sans-serif;
font-size	: 11px;
border		: 1px solid #eee;
border-width: 0px 1px 1px 0px;
}

.champ-client{
margin-top	: 0;
width		: 100px;
height		: 17px;
margin-top	: 0px;
padding		: 3px 0 0 5px;
}

.bouton {
width		: auto;
height		: auto;
background	: none;
cursor		: pointer;
float		: right;
margin-right: 50px;
border		: 0px;
}

.bouton-clients {
width		: auto;
height		: auto;
background	: none;
cursor		: pointer;
border		: 0px;
}

.bouton:hover, .bouton-clients:hover{
border		: 0px;
}