/* Start of CMSMS style sheet 'LithospeedCode' */
body {
	background-image: url(uploads/lithospeed/images/back.jpg);
	background-repeat: repeat-x;
	margin:0px;
	padding:0px;
	height:100%;
	background-color: #e9e8e8;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333
}
a{
	color:#FF0099;
}
p, td{
	margin:0px;
	padding:0px;
}
ul#home{
       height:80px;
}
ul#home li {
	white-space:nowrap; 
	padding-left: -15px;
	text-indent:-2px;
        padding-bottom:3px;
        font-size:16px; 
        font-weight:bold;
	list-style-image : url(uploads/lithospeed/images/puce.jpg);
        float:left;
	display : list-item;
}
#home li  { width:50%;} /* 2 col */
#triple li  { width:33.333%; } /* 3 col */
#quad li    { width:25%; } /* 4 col */
#six li     { width:16.666%; } /* 6 col */
ul#home li a{
	color:#333333;
       text-decoration:none;
}
ul#home li a:hover{
	color:#FF0099;
       text-decoration:underline;
}


#main {
	margin-top: 0px;
	position : relative;
	margin-left: auto;
	margin-right: auto;
	width: 831px;
	text-align: left; /* on rétablit l'alignement normal du texte */
	background-color: #CCCCCC;
}
.top {
	width:100%;
	height:175px;
	background:url(uploads/lithospeed/images/top.jpg) no-repeat left top;
}
.top span{
	top:25px;
}
.center-content {
	position:relative;
	width:100%;
	background:url(uploads/lithospeed/images/middle.jpg) repeat-y left top;
	background-color: #CCCCCC;
}
.bottom {
	width:100%;
	height:44px;
	background:url(uploads/lithospeed/images/bottom.jpg) no-repeat left bottom;
	background-color: #E9E7E8;

}
#privacy{
        float:right;
	padding-bottom:0px;
	padding-right:35px;
	color:white;
	font-size:11px;
	padding-top:8px;
}
#privacy a{
	font-size:11px;
	color:white;
	text-decoration:none;
}
#privacy a:hover{
	color:white;
	text-decoration:underline;
}
#address{
        float:left;
	position:relative;
	padding-left:35px;
	padding-bottom:0px;
	color:white;
	font-size:11px;
	padding-top:8px;
}
#address a{
	font-size:11px;
	color:white;
	text-decoration:none;
}
#address a:hover{
	color:white;
	text-decoration:underline;
}
#banner{
	position:relative;
	z-index:999;
	top:60px;
	left:25px;
}
#menu{
        float:left;
        margin-left:15px;
	margin-top:75px;
        padding-left:20px;
        padding-right:20px;
	background-image: url(uploads/lithospeed/images/back_menu.jpg);
	background-repeat: repeat-x;
	width: 760px;
        height:36px;
}
#menu ul {
	padding:0;
         padding-top:1px;
	margin: 0px auto; 
        width:750px;         
	list-style-type:none;
	height:25px; 
        font-size:14px;
}
#menu ul li {
	float:left;
	height:25px;
	line-height:24px;
	display:block;
	margin-right:0px;
	padding-right:20px;
	padding-botttom:10px;
	font-weight:bolder;
}
#menu ul li a{
	text-decoration:none;
	color:#FFFFFF;
}
#menu ul li a:hover,#menu ul li .currentpage, #menu ul li .menuactive{
	text-decoration:none;
	color:#FF0099;
}

#body{
	padding-top:25px;
	padding-left:35px;
	padding-bottom: 50px;
}
#subbody{
	padding-left:35px;
	padding-bottom: 50px;
}
.column1{
	float:left;
	width:260px;

}
.column2{
	float:left;
	width:500px;

}
.sub_navigation, .sub_navigation a, .sub_navigation:hover{
        color:#3399ff;
        font-weight:bold;
        text-decoration:none;
}
.sub_navigation:hover{
        color:#FF0099;
        font-weight:bold;
        text-decoration:none;
}

.navigation_header{
	background:url(uploads/lithospeed/images/header.jpg) no-repeat right top;
        height:22px;
        width:190px;
        color:white;
	font-size:14px;
        font-weight:bold;
        padding-top:7px;
        padding-left:4px;
}
.leftmenu{
	float:left;
	width:190px;
        padding-left:4px;
        background-color:#85bbf0;
}
.leftmenu strong{
      color:#666666;
 }
.leftmenu strong a{
      color:#FFFFFF;
      text-decoration:none;
 }
.leftmenu strong a:hover{
      color:#FF0099;
      text-decoration:none;
 }
.leftmenu a{
        line-height:22px;
	font-size:12px;
	color:#FFFFFF;
        text-decoration:none;
}
.leftmenu a:hover{
      color:#FF0099;
        text-decoration:none;
}
.column_left{
	float:left;
	width:200px;
        padding-right:3px;
}
.column_right{
	float:left;
	width:555px;
}
.column_right2{
	float:left;
	width:555px;
}
.columnfull{
	float:left;
	width:750px;

}
.clear{
	clear:both
}
#topics{	
	position: absolute;
	bottom: 15px;
	height:167px;
}
h1,h3,h4,h5,h6{
	margin: 0; padding: 0; 
	color:#FF0099;
        font-size:17px;
}
h2{
	margin: 0; padding: 0; 
       color:#3299FF;
       font-weight:bolder;
       text-transform: uppercase;
        font-size:14px;
}
.illustration_right{
       float:right;
       padding-left:5px;
}
.illustration_left{
       float:left;
       padding-right:15px;
}
.topic3{
	height:167px;
	width:246px;
	background-image:url(uploads/lithospeed/images/topic/left2.gif);
	background-repeat:repeat-x;
        float:left;
        margin-right:4px;
        margin-bottom:4px;
}
.topic3 .content{
	color:#0000CC;
}
.topic3 .title{
	height:22px;
	background-color:#3399FF;
	background-image:url(uploads/lithospeed/images/topic/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;	
	color:white;
	font-size:14px;
        letter-spacing:1px;
	padding-top:5px;
	padding-left:10px;
}
.topic3 .title a{
       color:white;
       text-decoration:none;
}
.topic3 .title a:hover{
	color:#FF0099;
	text-decoration:underline
}
.topic3 .illustration{
	height:127px;
	width:80px;
	float:left;
}
.topic3 .content{
	margin-top:10px;
}
.topic3 .texte{
	position: relative;
	width:60px;
	color:black;
	font-size:12px;
}
.topic3 .mymargin{
	height:127px;
	width:10px;
	float:left;
}
.topic3 .texte2{
	position: relative;
	width:235px;
	color:black;
	font-size:13px;
}
.topic3 .texte a{
	color:#FF0099;
	text-decoration:underline
}
.topic3 .texte a:hover{
	color:#FF0099;
	text-decoration:none
}
.topic2{
	height:167px;
	width:270px;
	background-image:url(uploads/lithospeed/images/topic/left2.gif);
	background-repeat:repeat-x;
        float:left;
        margin-right:5px;
        margin-bottom:10px;
}
.topic2 .content{
	color:#0000CC;
}
.topic2 .title{
	height:20px;
	background-color:#3399FF;
	background-image:url(uploads/lithospeed/images/topic/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;	
	color:white;
	font-size:14px;
        letter-spacing:1px;
	padding-top:4px;
	padding-left:5px;
}
.topic2 .title a{
       color:white;
       text-decoration:none;
}
.topic2 .title a:hover{
	color:#FF0099;
	text-decoration:underline
}
.topic2 .illustration{
	height:127px;
	width:270px;
	float:left;
}
.topic2 .content{
	margin-top:1px;
}
.topic2 .texte{
	position: relative;
	width:60px;
	color:black;
	font-size:12px;
}
.topic2 .mymargin{
	height:127px;
	width:0px;
	float:left;
}
.topic2 .texte2{
	position: relative;
	width:265px;
	color:black;
	font-size:13px;
}
.topic2 .texte a{
	color:#FF0099;
	text-decoration:underline
}
.topic2 .texte a:hover{
	color:#FF0099;
	text-decoration:none
}

.topic{
	height:155px;
	width:182px;
	background-image:url(uploads/lithospeed/images/topic/left2.gif);
	background-repeat:repeat-x;
        float:left;
        margin-right:2px;
        margin-bottom:6px;
}
.topic .content{
	color:#0000CC;
}
.topic .title{
	height:22px;
	background-color:#3399FF;
	background-image:url(uploads/lithospeed/images/topic/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;	
	color:white;
	font-size:14px;
        letter-spacing:1px;
	padding-top:5px;
	padding-left:10px;
}
.topic .title a{
       color:white;
       text-decoration:none;
}
.topic .title a:hover{
	color:#FF0099;
	text-decoration:underline
}
.topic .illustration{
	height:126px;
	width:180px;
        background-color:white;
        text-align:center;
	float:left;
    vertical-align: middle;

}
.topic .content{
	margin-top:1px;
}
.topic .texte{
	position: relative;
	width:60px;
	color:black;
	font-size:12px;
}
.topic .mymargin{
	height:126px;
	width:1px;
	float:left;
}
.topic .texte2{
	position: relative;
	width:180px;
	color:black;
	font-size:13px;
}
.topic .texte a{
	color:#FF0099;
	text-decoration:underline
}
.topic .texte a:hover{
	color:#FF0099;
	text-decoration:none
}

.factfile{
	width:246px;
	background-image:url(uploads/lithospeed/images/topic/left.gif);
	background-repeat:repeat-x;
        background-color:#CCCCCC;
        float:left;
        margin-right:4px;
        margin-bottom:4px;
}
.factfile .content{
	color:#0000CC;
        padding-left:10px;
        padding-bottom:10px;
}
.factfile .title{
	height:22px;
	background-color:#3399FF;
	background-image:url(uploads/lithospeed/images/topic/tr.gif);
	background-repeat:no-repeat;
	background-position:top right;	
	color:white;
	font-size:14px;
        letter-spacing:1px;
	padding-top:5px;
	padding-left:10px;
}
.factfile .title a{
       color:white;
       text-decoration:none;
}
.factfile .title a:hover{
	color:#FF0099;
	text-decoration:underline
}
.factfile .illustration{
	height:127px;
	width:80px;
	float:left;
}
.factfile .content{
	margin-top:10px;
}
.factfile .texte{
	position: relative;
	width:60px;
	color:black;
	font-size:13px;
}
.factfile .texte2{
	position: relative;
	width:240px;
	color:black;
	font-size:13px;
}
.factfile .texte a{
	color:#FF0099;
	text-decoration:underline
}
.factfile .texte a:hover{
	color:#FF0099;
	text-decoration:none
}
#contactme{
       float:right;
}
#contactus{
      position:absolute;
       float:right;
        top:45px;
       left:645px;
       font-weight:bold;
       padding-right:30px;   
      clear:both;  
      color:#FF0099;
}
#contactus a{
      text-decoration:none;
}
#contactus a:hover{
      text-decoration:underline;
}
/* CONTACT FORM */
.contactform div{

}
.contactform label{
      display:inline;
      float:left;
      width:175px;
      clear:both;
     padding-bottom:10px;
}
.contactform input{
      float:left;
}
.contactform .label{
      clear:none;
}
.contactform .submit{
      clear:both;
}
#bottom_links{
	margin-top: 0px;
	position : relative;
	margin-left: auto;
	margin-right: auto;
	width: 831px;
        text-align:right;
       font-size:10px;
      padding-right:30px;
}
#bottom_links a{
       color:#333333;
       font-size:10px;
      text-decoration:none;
}

#bottom_links a:hover{
       color:#333333;
       font-size:10px;
      text-decoration:underline;
}

/* End of 'LithospeedCode' */