/*  
Author: Sacha Quester-Séméon
Author URI: http://www.imarginal.com/
ALL RIGHT RESERVED
*/
html {
margin: 0;
padding:0;
/*\*/
height: 100%;
/*/  /**/
}
body {
height:100%;
width:100%;
margin:0;
padding:0;
min-height:100%;
background:#FFF url(images/bkg-main-top.jpg) repeat-x top center;
font:12px Verdana, Arial, Helvetica, sans-serif;
}
img,img a {
border:none;
}
a {
color:#666;
text-decoration:none;
}
DIV#main {
background:transparent url(images/bkg-main-bottom.jpg) repeat-x bottom center;
min-height:585px;
/* height:100%; */
width:100%;
}
DIV#main.pages {
background:transparent url(images/bkg-main-bottom3.jpg) repeat-x bottom center;
}
DIV#container {
width:785px;
padding:0;
margin:0 auto;
height:100%;
/*min-height:585px; */
background:transparent url(images/border-bkg.gif) repeat-y top center;
}
DIV#container.pages {
background:transparent url(images/border-bkg-pages.gif) repeat-y top center;
height:100%;
}
DIV#wrapper {
background:transparent url(images/shadows-bottom.gif) no-repeat bottom left;
float:left;
}
DIV#wrapper2 {
background:transparent url(images/shadows-top.gif) no-repeat center 118px;
float:left;
}

DIV#leftborder {
background:transparent url(images/border-main-bottom-l.jpg) no-repeat bottom;
float:left;
width:10px;
height:100%;
}
DIV#rightborder {
float:left;
width:10px;
height:100%;
background:transparent url(images/border-main-bottom-r.jpg) no-repeat bottom;
}
DIV#innerleftborder {
background:transparent url(images/border-main-top-l.jpg) no-repeat 0 97px;
width:10px;
height:100%;
}
DIV#innerrightborder {
background:transparent url(images/border-main-top-r.jpg) no-repeat 0 97px;
width:10px;
height:100%;
}
DIV#center {
float:left;
width:765px;
padding:0;
margin:0 auto;
height:100%;
}
DIV#center.pages {
width:785px;
}
/* body.conthome {
background-color:#E6E6E6;
} */
.conthome {
height:585px;
}
.contpages {
height:100%;
/* background-color:#FFF;*/ 
}
DIV#bandeau {
margin:0 auto;
width:765px;
height:118px;
background:transparent url(images/bkg-bandeau.jpg) repeat-x top;
}
DIV#marslogo {
background:transparent url(images/mars-en-tete.jpg) no-repeat top left;
}
DIV.clear {
clear:both;
height:1px;
overflow:hidden;
}
DIV.clearright {
clear:right;
height:1px;
overflow:hidden;
}
.gris {
background-color:#CCC;
}
.fondgris {
background-color:#EEE;
}
DIV#bottomshadow,DIV#bottomshadow2 {
height:12px;
background:transparent url(images/bottom-shadow.png) repeat bottom center;
position:relative;
top:-12px;
overflow:hidden;
}
DIV#bottomshadow2 {
background:transparent url(images/bottom-shadow2.png) repeat bottom center;
top:-13px;
}
DIV#block {
min-height:297px;
}
DIV#leftblock {
position: relative;
width:264px;
height:297px;
float:left;
background:transparent url(images/homequote-bkg.jpg) repeat-x top;
}
DIV#blocks DIV#leftblock DIV#homequote {
font:16px Verdana, Arial, sans-serif;
width:222px;
color:#333;
font-style:oblique;
position: absolute;
line-height:130%;
padding:20px;
bottom: 0px;
}
DIV#rightblock {
float:left;
width:501px;
height:297px;
background:transparent url(images/rateau-home.jpg) no-repeat top;
}
DIV#bouttons ul, DIV#bouttons ul li, DIV#icons ul, DIV#icons ul li {
padding:0;
margin:0;
list-style:none;
text-align:center;
}
DIV#bouttons ul li, DIV#icons ul li{
float:left;
}
DIV#icons ul li {

}
DIV#bouttons ul li a {
display:block;
width:153px;
height:149px;
/* background:transparent url(images/boutons-bkg.jpg) repeat-x top right;*/
}
DIV#bouttons ul li a span,DIV#icons ul li a span {
margin:0;
position:relative;
left:-4000px;
width:0px;
font-size:5px;
}
DIV#logo {
float:left;
}
DIV#icons {
float:right;
width:245px;
position:relative;
top:25px;
right:35px;
}
DIV#icons ul li a {
display:block;
height:52px;
width:48px;
background-color:#000;
}
DIV.textepage
{
width: 720px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
line-height: 150%;
padding: 25px 15px 20px 30px;
margin: 0 auto;
background: transparent url(images/photo-pages-bkg.jpg) no-repeat top right;
text-align: justify;
}
DIV.textepage h1 {
padding:0;
margin:0 0 25px 0;
font:28px Verdana, Arial, sans-serif;
color:#333;
font-weight:normal;
}
DIV.textepage p {
width:390px
}
DIV.textepage p.postimg {
position:relative;
width:280px;
float:right;
line-height:1em;
margin:0;
clear:none;
text-align:center;
}
/* DIV.textepage p.postimg img {
margin:0 auto;
border:solid 1px #000;
} */
DIV#homefooter {
padding:0;
margin:0 auto;
width:755px;
background:transparent url(images/footer-bkg.jpg) repeat-x bottom;
font-size:9px;
min-height:16px;
line-height:16px;
padding-left:10px;
color:#666;
}
.footpage {
position:relative;
top:0px;
width:765px;
margin:0 auto;
}
DIV.textepage ul {
text-align:justify;
margin:0;
width:370px;
padding:5px 10px 0px 15px;
}
DIV.textepage ul li {
/* margin-bottom:10px; */
}
DIV#bouttons ul li.services a {
background:transparent url(images/boutons-services.jpg) no-repeat top right;
}
DIV#bouttons ul li.convictions a {
background:transparent url(images/boutons-convictions.jpg) no-repeat top right;
}
DIV#bouttons ul li.infos a {
background:transparent url(images/boutons-infos.jpg) no-repeat top right;
}
DIV#bouttons ul li.references a {
background:transparent url(images/boutons-refs.jpg) no-repeat top right;
}
DIV#bouttons ul li.contacts a {
background:transparent url(images/boutons-contact.jpg) no-repeat top right;
}
DIV#icons ul li.services a {
width:50px;
background:transparent url(images/icon-services.jpg) no-repeat top right;
}
DIV#icons ul li.convictions a {
background:transparent url(images/icon-convictions.jpg) no-repeat top right;
}
DIV#icons ul li.infos a {
background:transparent url(images/icon-who.jpg) no-repeat top right;
}
DIV#icons ul li.references a {
background:transparent url(images/icon-references.jpg) no-repeat top right;
}
DIV#icons ul li.contacts a {
width:51px;
background:transparent url(images/icon-contact.jpg) no-repeat top right;
}

span.arobase {
color:#FF6600;
}

/*Cool DHTML Tooltip II */
/* http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm */

#dhtmltooltip{
position: absolute;
left: -300px;

border: 1px solid #ccc;
padding: 2px;
color:#585858;
background: #F1F1F1 url(/images/tooltip-bkg.gif) repeat;
display:block;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

a.tooltipa {
/* border-bottom: 1px dashed #000000; */
color: #000000;
background-color: #FFFFFF;
}
a:hover.tooltipa {
text-decoration:none;
}