menu@charset "utf-8";
/* CSS G�n�ral - SpeedServices.ch  */
<style type="text/css">
<!--

/*
CONTENU:
	GENERAL (apparence g�n�rale du site et du menu de nav)
	ACCUEIL (page accueil et tous ses �l�ments)
	CONDITIONS DE VENTE
	USERACCOUNT
	
*/



/*****************************************************************************************
GENERAL *********************************************************************************
*****************************************************************************************/

	/******CETTE SECTION CONFIGURE L'APPARENCE GENERAL DU SITE ET DU MENU DE NAVIGATION********/


		/*********************************BODY******************************************/
		body	{ 
			background:#e8e8e8;
			font-family:Tahoma, Verdana, Arial;
			font-size:14px;
		}
		
		/*********************************IMAGES****************************************/
		img, a img		{ border:none; outline:none; }
		a { border:none;
			text-decoration:none;
			color:#990000;
			outline:none; }
		a:hover {
			 outline:none; color:#fe0000; }
		
		img { behavior: url('../css/ressources/iepngfix.htc') } /* hack PNG pour IE

		
		/***********************************MAIN***************************************
		*************************(CADRE PRINCIPAL DU SITE)****************************/
		table {
		border:0px;
		margin: 0px;
		padding:0px;
		border-collapse:collapse;
		}
		
		div, span, table, td, font {
		font-family:Tahoma, Verdana, Arial;
		}
		
		
		.clear {
			clear:both;
			}

                .left {
                       float:left;
                       }     

                .right {
                    float:right;
                }

		#main{
		margin: 0 auto; 
		width: 958px; 
		background-color:#FFFFFF; 
		border-style: solid; 
		border-width:1px; 
		border-color: #4A4A4A; 
		}
		#content{
		padding-top:157px;
		overflow:hidden; 
		/*Overflow hidden est � virer du CSS sp�cial IE6 et du CSS sp�cial IE7*/
		}
		
		.MainRightMargin {
			padding-left:0px;
		}
			
		.MainLeftMenu {
			float:left;
		}
		
		.MainRightContent {
			float:left;
			text-align:center;
			width:780px;
		}
		
		.TxTalignLeft {
			margin-top:15px;
			text-align:left;
			}
		.footerTxT {
			text-align:center;
			font-size:10px;
			color:#999999;
			padding-top:15px;
			}
			
		.footerTxT a{
			color:#999999;
			}
			
		.footerTxT a:hover {
			color:#990000;
			text-decoration:none;
			}
		/*********************************MENU TOP*********************************/
		#menudiv{
			position:absolute;
			background-color:#f0f0f0; 
			width:958px;
		}
		
		/*********************************NAVIGATION*****************************************/
		.navdiv{
			position:absolute;
			left: 1px !important;
			left: -40px;
			top: 103px;
			width: 800px; /*ancien 495*/
			height: 40px;
		}
		
		.navdiv ul {
			margin-top:-5px;
			padding: 0;
			list-style-type: none;
		}
		
		.navdiv li  {
			display:inline;
			float:left;
			}
			
			
		/********** Lien Degriff Bike ***************/
		
		.navDB, a:visited.navDB, a:link.navDB, a:hover.navDB {
			display:block;
			background-repeat:no-repeat;
			background-image:url('../images/menu/degriffbike-txt.png') !important;
			background-image:url('../images/menu/degriffbike-txt.gif');
			margin-top:6px;
			position:absolute;
			top:0px;
			left:542px !important;
			left:582px ;
			width: 170px;
			height: 22px;
			}

			
			
		/******************************DRAPEAUX LANGUES***********************************************/

		#flagsbox {
			position:absolute;
			left:830px;
			top:5px;
			}
			
		#flagsbox ul {
			list-style-type:none;
			padding:0px;
			margin:0px;
		}
		
		#flagsbox li {
			padding:2px;
			display:inline;
			}
		
		
			
		
		/******************************USER BOX***********************************************/
		#userdiv1{
			background-image:url('../images/menu/userbox-notconnected.png') !important;
			background-image:url('../images/menu/userbox-notconnected.gif');
			background-repeat:no-repeat;
			position:absolute;
			width:185px;
			height:98px;
			left: 763px;
			top:  39px;
		}
		/*userdiv3 configure la position de "pass :" */
		#userdiv4 {
			width:92px;
			height:23px;
			display:block;
			position:absolute;
			top:73px;
			left:45px;
			background-image:url(../images/menu/boutton.png);
			cursor:pointer;
		}
		
		#bouttonmenuSubmit {
			display:none;
			}
		
		/*
		#userdiv4TxT {
			position:relative;
			top:5px;
			left:19px;
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			}
			
		#userdiv4TxTcurseur {
		cursor:hand;
		width:150px;
		height:150px;
		display:block;
		z-index:15;
		}
		*/
		
		#userdiv5{
			background-image:url('../images/menu/userbox-connected.png') !important;
			background-image:url('../images/menu/userbox-connected2.gif');
			position:absolute;
			left: 763px;
			top: -80px;
		}
		
		
		#userdiv6 a{
			color:#747474;
		}
		
		#userdiv6 a:hover{
			color:#710000;
			text-decoration:none;
			
		}
		
			.userinput{
			height:14px;
			width:120px;
			font-size:11px;
			margin-top:3px;
			position:relative;
			left:-20px;
		}
		
		.usertext1 {
			position:relative;
			left:50px;
			top:18px;
	
		}
		
		.userTxtNow {
			position:absolute;
			top:4px;
			left:20px;
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;

		}
		
		.userTxtNow a, .userTxtNow a:hover {
			color:#FFFFFF;
			cursor:pointer;

		}
		
		
		.LoginErrorBox {
			height:25px;
			border-style:solid;
			border-width:0px;
			padding:3px;
			font-size:10px;
			background-color:#cb0e0e;
			border-color:#FFF;
			position:absolute;
			top:-15px;
			color:#FFF;
			text-align:center;
			opacity:0.8;
		}
		
		.userNewMemberPlus {
			width:22px;
			height:19px;
			display:block;
			position:absolute;
			top:75px;
			left:7px;
		}
		
		#divFloater1 {
			position:absolute;
			top:57px;
			left:-120px;
			width:140px;
			border-style:solid;
			border-width:1px;
			padding:3px;
			font-size:9px;
			background-color:#1d9cd3;
			border-color:#FFF;
			opacity:0.93;
			color:#FFF;
			text-align:center;
			}
		
		
		.userLostPassword {
			display:block;
			position:absolute;
			top:75px;
			left:155px;
		}
		
		#divFloater2 {
			position:absolute;
			top:57px;
			left:20px;
			border-style:solid;
			border-width:1px;
			padding:3px;
			font-size:9px;
			background-color:#cb0e0e;
			border-color:#FFF;
			opacity:0.93;
			color:#FFF;
			text-align:left;
		}
	
	/******************* USERBOX CONNECTED *******************/
		#userlogged {
			width:185px; 
			height:111px; 
			position: absolute; 
			top:26px; 
			right:5px;
			background-image:url('../images/menu/userbox-connected.png') !important;
			background-image:url('../images/menu/userbox-connected.gif');
			background-repeat:no-repeat;
			font-family:Tahoma, Verdana, Arial;
			font-size: 10px;
		}
		
		#username {
			padding-top:18px;
			padding-left: 11px;
			font-weight:bold;
			color:#343434;
			}
			
		#userlogoutlink a:visited, #userlogoutlink a:link  {
			position:absolute;
			top:18px;
			right: 12px;
			color:#454545;
			text-decoration:none;
			}
			
		#userlogoutlink a:hover  {
			color:#7c0000;
			text-decoration:underline;
			}
		
		#usermotopic {
			//background-color:#FFFFFF;
			border:1px;
			border-bottom-color:#999999;
			width:50px;
			height:50px;
			position:absolute;
			left: 4px;
			top: 36px;
			}
			
		#usermoto {
			position:absolute;
			left: 68px;
			top: 36px;
			font-weight:bold;
			}
			
		#usermotodet {
			position:absolute;
			left: 68px;
			top: 49px;
			height:40px;
			width:110px;
			}
			
		#userinfo {
			position:absolute;
			bottom: 5px;
			left: 8px;
			color:#7c0000;
			}
	/***** BAR DES NEWS ****/
	#newsbar {
		background-color:#3b3b3b;
		height: 20px;
		position:relative;
		top:0px!important;
		top:-3px;
		}
/*
FIN DE LA SECTION GENERAL
*/

/****************************************************************************************
ACCUEIL ********************************************************************************/
/****************************************************************************************/
		
		/***************************BANDEAU DE PRESENTATION******************************/
		#accp{
			margin-top:140px;
		}
		/***********************************************/
		
		#promoservice {
			padding-left:54px;
			margin-top:-50px;
			}
			
		#lausanne-nouveau {
			background-image:url('../images/accueil/lausanne-ouvert.jpg');
			background-repeat:no-repeat;
			margin-left:64px;
			margin-top:5px;
			width:824px;
			height:147px;
			font-family:Tahoma, Geneva, sans-serif;
			}
			
		.nouveauPointTitle {
			font-size:12px;
			color:#333333;
			position:relative;
			top:75px;
			left:20px;
			font-weight:bold;
		}
		
		.nouveauPointText {
			font-size:11px;
			color:#696969;
			padding-right:400px;
			position:relative;
			top:80px;
			left:20px
		}
		
		#beta-box {
			width: 600px;
			border-style:solid;
			border-color:#ff9600;
			border-width:1px;
			background-color:#fff95f;
			padding:15px;
			margin-left:auto;
			margin-right:auto;
			margin-top:10px;
			margin-bottom:5px;
			font-size:12px;
			font-weight:bold;
			color:#363333;
			}
		
		#beta-logo {
			position:relative;
			z-index:5;
			top:-10px;
			left:-25px;
			width:30px;
			height:30px;
			margin-bottom:-30px;
			
			}
			
		.infoboxes {
			text-align:center;
			margin-bottom:20px;
			margin-top:15px;
			}
			
		.infoboxeslist {
			margin: 0 0 0 18px;
			padding: 0;
			list-style-type: none;
			}
		
		.infoboxeslist li {
			float:left;
			display:block;
			margin:0 auto;
			height:452px;
			width:294px;
			background-image:url(../images/accueil/mid-box.png) !important;
			background-image:url(../images/accueil/mid-box.gif);
			background-repeat:no-repeat;
			margin-left:5px;
			margin-right:5px;
			text-align:left;
			padding-top:5px;
			}
			
		.infoboxtitle {
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			padding-left:15px;
			}
			
		.infoboxcontent {
			padding-top:20px;
			padding-left:15px;
			padding-right:10px;
			font-size:12px;
			color:#333333;
			}
			
			
		.InfoBoxDB {
			background-image:url(../images/accueil/promoDB/multitech.png);
			background-repeat:no-repeat;
			width:265px;
			height:371px;
			display:block;
			padding:13px;
		}
			
		.InfoBoxDBTitle {
			font-family:Tahoma, Geneva, sans-serif;
			font-weight:bold;
			color:#000000;
			font-size:14px;
			position:relative;
			}
			
		.InfoBoxDBText {
			color:#848484;
			position:relative;
			top:10px;
		}
		
		.InfoBoxDBbutton {
			font-size:10px;
			color:#e2e2e2;
			position:relative;
			top:118px;
			left:-4px;
			background-image:url(../images/accueil/promoDB/more-info-butt.png);
			background-repeat:no-repeat;
			width:101px;
			height:28px;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:10px;
			cursor:pointer;
		}
		
		.InfoBoxDBbutton #arrows {
			color:#FC0;
			float:right;
			padding-right:19px;
			cursor:pointer;
		}
		
		.rssTitle {
			font-size:12px;
			font-weight:bold;
			line-height:23px;
			}
			
		.txtrss, .txtrss a {
			line-height:18px;
			color:#606060;
			}
			
		.txtrss a:hover {
			text-decoration:none;
			color:#FF3300;
			}
			
		.miniplusrss {
			font-size:10px;
			color:#FF3300;
			}
		
		.rssbutton {
			display:block;
			padding-left:262px;
			margin-top:-17px;
			}
			
			
		.promoSS1, .promoSS2 {
			font-family:Tahoma, Geneva, sans-serif;
			background-repeat:no-repeat;
			width:274px;
			height:183px;
			display:block;
			position:relative;
			left:10px;
			top:12px;
		}
		
		.promoSS1 .Title, .promoSS2 .Title {
			font-weight:bold;
			color:#000000;
			font-size:14px;
		}
		
		.promoSS1 .Text, .promoSS2 .Text {
			color:#848484;
			position:relative;
			top:10px;
			font-size:12px;
		}
		
		
		.promoSS1 {
			background-image:url(../images/accueil/promoSS/vidangelowcost.png);
			}
			
			
		.promoSS1 div {
			position:relative;
			top:15px;
			left:15px;
			width:240px;
		}
			
		.promoSS2 {
			background-image:url(../images/accueil/promoSS/5pourcentdegriff.png);
			top:24px;
			}
			
		.promoSS2 div {
			text-align:right;
			position:relative;
			top:25px;
			right:-75px;
			width:180px;
		}

		.OuvrirFranchise {
			position:relative;
			width:880px;
			clear:both;
			float:right;
			border: 1px solid #a1c4ab;
			background-color: #d1ffdc;
			padding:8px;
			margin-right:0px;
			margin-top:0px;
			top:10px;
			right:30px;
			padding-bottom: 15px;
			}

		.OuvrirFranchise .title {
			text-indent:15px;
			font-weight:bold;
			font-size:14px;
			padding-left:5px;
			color:#142f3f;
			}

		.OuvrirFranchise .text {
			font-size: 13px;
			position: relative;
			top: 6px;
			left:7px;
			color:#142f3f;
			}
			
		#partners {
			text-align: center;
			clear:both;
			color:#363636;
			padding-left:30px;
			padding-top:30px;
			padding-right:30px;
			padding-bottom:20px;
	
		}
		
		#partnersline {
			padding-left:20px;
			padding-right:20px;
			margin-top:4px;
			display:block;
			height:1px;
			width:860px;
			background-color:#ababab;
		}
		
		#partnerstitle {
			text-indent:15px;
			font-weight:bold;
			font-size:14px;
			padding-left:5px;
		}


		
		#partners ul {
			list-style-type:none;
			display:inline;
			}
			
		#partners li {
			float:left;
			padding:2px;
			border-style:solid;
			border-color:#CCCCCC;
			border-width:thin;
			margin:5px;
			height:60px;
			}

                .becomePartners {
                            font-size: 13px;
                            position: relative;
                            top: 8px;
                            left:8px;
                        }
/* Narkos adds */
.news_box{

}

.news_box_title{
	font-size:12px;
	font-weight:bold;
	line-height:23px;
}

.news_box_msg{
	color:#848484;
}

.news_box_date{
	color:#848484;
	font-style:italic;
	font-size:80%;
}

.news_box_spacer{
	border-bottom:1px solid gray;
	margin-bottom:5px;
}
/* Narkos adds end */
/*
FIN DE LA SECTION ACCUEIL */



/****************************************************************************************
CONDITIONS DE VENTE********************************************************************
****************************************************************************************/

		.conditions-titre {
			font-size:15px;
			text-transform:uppercase;
			margin-top:10px;
			}




/*
FIN DE LA SECTION CONDITIONS DE VENTE */

/****************************************************************************************
 USERACCOUNT ***********************************************************************/
/****************************************************************************************/

		#userMainPage {
			margin-top:10px;
			padding-bottom:20px;
			padding-left:40px;
			padding-right:40px;
			}
			
		.userAccountMenu {
			height:30px;
			display:block;
			width:100%;
			float:none;
			margin-bottom:20px;
			}	

		#userLoginName {
			float:left;
			padding-left:10px;
			font-size:14px;
			color:#494949;
			font-weight:bold;
			position:relative;
			}
			
		#userLinks  {
			float:right;
			padding-right:10px;
			position:relative;
			bottom:1px;
			}
			
		#userLinks a {
			color:#707070;
			font-size:12px;
			font-weight:bold;
			text-decoration:none;
			}
			
		#userLinks a:hover {
			color:#752020;
			text-decoration:none;
			}
			
		#userLinks ul {
			list-style-type:none;
			padding:none;
			margin:none;
			display:inline;
			}
			
		#userLinks li {
			display:inline;
			}
			
		.userLinksBar {
			color:#494949;
			font-weight:none;
			font-size:12px;
			}
			
		.userBar {
			background-color:#b5b5b5;
			width: 878px;
			height: 1px;
			clear:both;
			position:relative;
			}
			
		#userRdvList {
			float:left;
			background-color:#e8e8e8;
			border-style:solid;
			border-color:#b1b1b1;
			border-width:1px;
			width:550px;
			height:440px;
			margin-left:30px;
			}
			
		#userRdvListTitle {
			position:relative;
			top:-18px;
			font-size:13px;
			color:#6f6f6f;
			font-weight:bold;
			padding-left:7px;
			}
			
		#userStats {
			float:left;
			background-color:#e8e8e8;
			border-style:solid;
			border-color:#b1b1b1;
			border-width:1px;
			width:245px;
			height:100px;
			margin-left:17px;
			}
		
		#userStatsTitle {
			position:relative;
			top:-18px;
			font-size:13px;
			color:#6f6f6f;
			font-weight:bold;
			padding-right:7px;
			}
			
		.userInfosTable {
			position:relative;
			top:5%;
			left:20%;
			color:#333333;
			font-size:13px;
			}
	
		.userInfosTable table tr td {
			width: 180px;
			height: 20px;
			}
			
		.userInfosTable table {
			}
			
		.RdzVsList {
			font-size:12px;	
		}
		
		.StatsList {
			font-size:12px;	
		}
		
/*
FIN DE LA SECTION USER ACCOUNT 
*/
	
</style>