*{
	font-size: 12px;
	font-family: "Trebuchet MS";
	margin:0;
	padding:0;
	text-align: justify;
	line-height:13px;
	}

body{
	background:#001d3c;
	}

img{
	border:none;
	}

h3{
	color:#001d3b;
	font-size: 24px;
	font-weight: bold;
	margin:25px 0px;
	}

h4{	
	font-size: 18px;
	font-weight: bold;
	margin:10px 0px;
	color:#001d3b;
	}

a{text-decoration: none;color: #001d3b}
	
#bg_droite{
	position: absolute;
	background: url(../sfx/body_bg_droite.jpg) repeat-x;
	height:768px;
	width:50%;
	display: block;
	right:0;
	z-index: 80;
	}

#bg_gauche{
	position: absolute;
	background:url(../sfx/body_bg_gauche.jpg) repeat-x;
	height:768px;
	width:50%;
	display: block;
	left:0;
	z-index: 81;
	}
	
h1{
	position: absolute;
	float: left;
	text-indent: -5000px;
	width: 271px;
	height: 91px;
	display: block;
	background: url(../sfx/logo.jpg) no-repeat;
	z-index: 106;
	}

h2{
	position: absolute;
	right:0;
	z-index: 101;
	width: 204px;
	height: 40px;
	display: block;
	text-indent: -5000px;
	background: url("../sfx/dunlop.jpg") no-repeat;
	z-index: 107;
	margin: 91px 0px 0px 0px;
	}

h2.sub{background: url("../sfx/dunlop_sub.jpg") no-repeat;}

#accroche{
	position: absolute;
	right:0;
	z-index: 111;
	width: 350px;
	height: 40px;
	display: block;
	margin: 55px 0px 0px 0px;
	}
#lang{
	position: absolute;
	right:0;
	z-index: 111;
	width: 100px;
	height: 20px;
	display: block;
	margin: 0px 0px 0px 0px;
	text-indent: -5000px;
	background: url("../SFX/lang.jpg") no-repeat;
	background-position: right;
	}
	
#menu{
	position: absolute;
	float: left;
	z-index: 102;
	height:31px;
	margin-top: 91px;
	list-style-type: none;
	}

#menu li{	float: left;}

#menu li a{
	text-indent: -5000px;
	display: block;
	height: 18px;
	background-position: 0px -31px;
	}

#menu li a.current{background-position: 0px 0px;height:31px;}

#home { background: url(../sfx/fr/menu-1.jpg) no-repeat ;width:70px; }
#home:hover { background-position: 0px 0px;}

#products { background: url(../sfx/fr/menu-2.jpg) no-repeat ;width:70px; }
#products:hover { background-position: 0px 0px;}

#aboutus { background: url(../sfx/fr/menu-3.jpg) no-repeat ;width:78px; }
#aboutus:hover { background-position: 0px 0px;}

#innovation{ background: url(../sfx/fr/menu-4.jpg) no-repeat ;width:84px; }
#innovation:hover { background-position: 0px 0px;}

#news { background: url(../sfx/fr/menu-5.jpg) no-repeat ;width:78px; }
#news:hover { background-position: 0px 0px;}

#partner{ background: url(../sfx/fr/menu-6.jpg) no-repeat ;width:88px; }
#partner:hover { background-position: 0px 0px;}

#services{ background: url(../sfx/fr/menu-7.jpg) no-repeat ;width:71px; }
#services:hover { background-position: 0px 0px;}

#contact{ background: url(../sfx/fr/menu-8.jpg) no-repeat ;width:71px; }
#contact:hover { background-position: 0px 0px;}


#submenu{position: absolute;
	float: left;
	z-index: 101;
	height:50px;
	width: 100%;
	margin-top: 109px;
	list-style-type: none;
	background: url("../sfx/submenu.bg.jpg") repeat-x;
	}
	
#submenu li{float: left;margin-top: 14px}

#submenu li a{
	text-indent: -5000px;
	display: block;
	height: 18px;
	background-position: 0px -34px;
	}
	
#submenu li a.current{background-position: 0px 0px;height:34px;}

#fam1 { background: url(../sfx/fr/submenu.product.1.jpg) no-repeat ;width:69px; }
#fam1:hover { background-position: 0px 0px;}

#fam2 { background: url(../sfx/fr/submenu.product.2.jpg) no-repeat ;width:89px; }
#fam2:hover { background-position: 0px 0px;}

#fam3 { background: url(../sfx/fr/submenu.product.3.jpg) no-repeat ;width:79px; }
#fam3:hover { background-position: 0px 0px;}

#fam4{ background: url(../sfx/fr/submenu.product.4.jpg) no-repeat ;width:79px; }
#fam4:hover { background-position: 0px 0px;}

#fam5 { background: url(../sfx/fr/submenu.product.5.jpg) no-repeat ;width:96px; }
#fam5:hover { background-position: 0px 0px;}

#fam6{ background: url(../sfx/fr/submenu.product.6.jpg) no-repeat ;width:110px; }
#fam6:hover { background-position: 0px 0px;}

#aboutus_page1{ background: url(../sfx/fr/submenu.aboutus.1.jpg) no-repeat ;width:69px; }
#aboutus_page1:hover { background-position: 0px 0px;}

#aboutus_page2{ background: url(../sfx/fr/submenu.aboutus.2.jpg) no-repeat ;width:69px; }
#aboutus_page2:hover { background-position: 0px 0px;}

#aboutus_page3{ background: url(../sfx/fr/submenu.aboutus.3.jpg) no-repeat ;width:69px; }
#aboutus_page3:hover { background-position: 0px 0px;}

#aboutus_page4{ background: url(../sfx/fr/submenu.aboutus.4.jpg) no-repeat ;width:69px; }
#aboutus_page4:hover { background-position: 0px 0px;}

#serv1 { background: url(../sfx/fr/submenu.services.1.jpg) no-repeat ;width:130px; }
#serv1:hover { background-position: 0px 0px;}

#serv2 { background: url(../sfx/fr/submenu.services.2.jpg) no-repeat ;width:110px; }
#serv2:hover { background-position: 0px 0px;}

#serv3 { background: url(../sfx/fr/submenu.services.3.jpg) no-repeat ;width:75px; }
#serv3:hover { background-position: 0px 0px;}

#serv4{ background: url(../sfx/fr/submenu.services.4.jpg) no-repeat ;width:51px; }
#serv4:hover { background-position: 0px 0px;}


#maxicontainer{
	position: absolute;
	width: 100%;
	z-index: 100;
	}
#recherche_box{
	width:174px;
	height:25px;
	z-index: 120;
	position: absolute;
	background: url("../sfx/recherche.bg.jpg") no-repeat;
	border: 0;
	margin-left: 120px;
	margin-top: 97px;
	left: 50%
	}
	
.recherche_txt{border:0;margin-left:11px;margin-top:3px;width:135px;font-size:16px;height:18px;color:#CCCCCC
	}
.recherche_txt:focus{color:#333333}
#recherche_btn{
	border: 0;
	text-indent: -5000px;
	height:18px;
	width:18px;
	background-color:transparent;
	}

#recherche_box.sub{background: url("../sfx/recherche.sub.bg.jpg") no-repeat;}

#container{
	width:970px;
	background:url("../sfx/container_bg.jpg") no-repeat;
	top:0;
	margin: 0px auto;
	padding-top: 143px;
	/*min-height: 500px;*/
	}

#title{	
	margin: 13px 0px 0px 0px
	}
	
	
	
#main{
	width: 940px;!important
	width: 970px;
	background:#ffffff url("../sfx/main.bg.jpg") no-repeat;
	min-height: 650px;!important
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	}	
	
#mainSmall{
	width: 520px;!important
	width: 550px;
	background:#ffffff url("../sfx/mainSmall.bg.jpg") no-repeat;
	min-height: 500px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	margin-left: 200px;
	}	
	
#main:after{ 
	content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;margin-bottom: -20px; 
	} 
/* Hides from IE Mac \*/ 
* html #main {height: 1%;} 
#main{display:block;}  
/* End Hack */ 

#footer_main{
	width:970px;
	height:14px;
	background: url("../sfx/main_footer.bg.jpg") no-repeat;
	/*margin-bottom: 50px;*/
	display: block;
	clear: both;
	margin-top: 10px !important;
	margin-top: 0px;
	}
#footer_mainSmall{
	width:970px;
	height:14px;
	background: url("../sfx/mainSmall_footer.bg.jpg") no-repeat;
	/*margin-bottom: 50px;*/
	display: block;
	clear: both;
	margin-top: 0px !important;
	margin-top: 0px;
	margin-left: 200px;
	}
	
#footer{	
	background: url("../sfx/footeur_bar.jpg") repeat-x;
	background-position-y:20px;
	width: 100%;
	height:20px;
	margin-bottom:10px;
	margin-top:35px !important;
	margin-top:0px;
	}
	
#footer-txt{
	color:#5e7185;
	padding-top: 10px;
	padding-left: 30px;
	font-size: 10px ;
	}	
	
#footer-link{
	display: block;
	margin: -15px auto;
	width: 400px;
	list-style-type: none;
	}
#footer-link li{
	float: left;
	}
#footer-link li a{
	text-decoration: none;
	color:#ccd2d8;
	margin-left: 40px;
	font-size: 10px;
	}

#footer-link li a:hover{color:#fff}
	
#logos_footer{
	display:block;
	height:70px;
	width: 280px;
	right: 0;
	float: right;
	margin-top:-40px;
	background: #001d3c url("../sfx/logos.footer.jpg") no-repeat;
	background-position: right;
	}

.rightcolumn{
	width: 450px;
	}
	
.leftcolumn{
	width: 450px;
	float:right;
	}
	
	
	
	
	
/*SPECIFIC PAGES*/
/*HOME*/

#home_bloc1{
	position: absolute;
	margin: 0px 0px 0px 0px;
	width:914px;
	height:223px;
	}


#home_bloc2{
	position: absolute;
	margin:250px 0px 0px 0px;
	width:263px;
	height:223px;
	background: url("../sfx/fr/home_bloc2_bg.jpg") no-repeat;
	}
	
#home_bloc3{
	position: absolute;
	margin:250px 0px 0px 380px;
	width:263px;
	height:223px;
	background: url("../sfx/fr/home_bloc3_bg.jpg") no-repeat;
	padding-top: 50px;
	padding-left: 20px;
	color: #ccd0d5;
	}

#home_bloc4{
	position: absolute;
	margin: 250px 0px 0px 726px;
	width:228px;
	height:223px;
	background: url("../sfx/fr/home_bloc4_bg.jpg") no-repeat;
	padding-top: 50px;
	padding-left: 20px;
	padding-right: 20px;
	color: #ccd0d5;
	}

#home_family_menu{
	list-style-type: none;
	margin: 42px 0px 0px 10px;
	}


/*PRODUCT*/

#subsubmenu{
	height:23px;
	width: 933px;
	background: url("../sfx/subsubmenu.bg.jpg") no-repeat;
	padding-left: 15px;
	padding-top: 3px;
	margin-top: 10px;
	}

#subsubmenu a {
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #3f5f80;
	}

.product_box{
	float: left;
	width:462px;
	height:234px;
	background: url("../sfx/product_box.bg.jpg") no-repeat;
	display: block;
	}
	
.product_title{
	width:446px;
	height:23px;
	margin: 5px 0px 0px 10px;
	position: absolute;
	font-size: 18px;
	font-weight: bold;
	color:#3f5f80;
	}
	
.product_txt{
	margin: 33px 0px 0px 159px;
	font-size: 11px;
	color: #3f5f80;
	}
	
.product_img{
	margin: 33px 0px 0px 10px;
	float:left;
	}
	
.product_pannier a{
	width:80px;
	height:20px;
	margin: 175px 0px 0px 5px;
	position: absolute;
	background: url("../sfx/fr/addcart.jpg") no-repeat;
	text-indent: -5000px;
	}
	
.product_comparaison a{
	width:70px;
	height:20px;
	margin: 175px 0px 0px 85px;
	position: absolute;
	background:url("../sfx/fr/compare.jpg") no-repeat;
	text-indent: -5000px;
	}
	
.product_info a{
	width:136px;
	height:22px;
	margin: 200px 0px 0px 10px;
	position: absolute;
	background: url("../sfx/fr/more_info.jpg") no-repeat;
	text-indent: -5000px;
	}

.product_container{
	display: block;
	position: absolute;
	width: 450px;
	}	
	
#mycart{
	background: url("../sfx/fr/mycart.bg.jpg") no-repeat;
	width: 179px;
	height:36px;
	float: right;
	margin: -62px 200px 0px 0px !important;
	margin: -42px 40px 0px 0px;
	color: #174472;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 53px;
	}

#compare{
	background: url("../sfx/fr/compare.bg.jpg") no-repeat;
	width: 181px;
	height:36px;
	float: right;
	margin: -62px 0px 0px 0px!important;
	margin: -42px 0px 0px 0px;
	color: #174472;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 57px;
	}

#catalogue{
	width: 130px;
	height:200px;
	position:absolute;
	z-index:123;
	margin-left: 370px;
	margin-top: 140px;
	left: 50%
	}
	
#cataloguenews{
	width: 130px;
	height:200px;
	position:absolute;
	z-index:123;
	margin-left: 150px;
	margin-top: 140px;
	left: 50%
	}
#catalogueproduct{
	width: 130px;
	height:200px;
	position:absolute;
	z-index:123;
	margin-left: 370px;
	margin-top: 141px;
	left: 50%
	}
/*EQUIPE*/

#fiche_equipe{
	width:750px;
	font-size: 11px;
	color: #3f5f80;
	margin: 20px 0px 70px 70px;
	}
	
#nom_equipe{
	font-size: 18px;
	font-weight: bold;
	color:#000;
	}
	
#fonction_equipe{
	font-size: 14px;
	margin-bottom: 10px;
	}
	
#photo_equipe{
	float:left;
	height:100px;
	width:100px;
	margin-right:10px;
	}
	
#txt_equipe{width: 400px;
	}

/* SERVICES */

.need_response{
	width:800px;
	height:150px;
	margin: 0px 0px 2px 50px;
	display: block;
	background: url("../sfx/fr/need_response.bg.jpg") no-repeat;
	}
	
.need{
	width:350px;
	height:150px;
	margin: 10px 10px 10px 10px;
	padding-top:40px;
	font-size: 15px; 
	font-weight: bold;
	display: block;
	position: absolute;
	}
	
.response{
	width:350px;
	height:150px;
	margin: 10px 10px 10px 400px;
	display: block;
	position:absolute;
	}


/* CONTACT */
#adresse_box{
	font-size: 14px;
	line-height: 16px;
	width:937px;
	height:185px;
	background: url("../sfx/adresse_box.bg.jpg") no-repeat;
	padding-left: 425px;
	padding-top: 15px;
	}

.contact_box{
	width:450px;
	height:230px;
	background: url("../sfx/contact_box.bg.jpg") no-repeat;
	float: left;
	margin-right: 20px;
	}
.title_contact{
	width:235px;
	height:20px;
	color:#000;
	font-size: 15px;
	position: absolute;
	margin: 5px 0px 0px 20px;
	}
.tel_contact{
	width:100px;
	height:20px;
	color:#000;
	font-size: 15px;
	position: absolute;
	margin: 7px 0px 0px 300px;
	}
.nom_contact{
	width:250px;
	height:25px;
	color:#000;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	margin: 50px 0px 0px 90px;
	}
.txt_contact{
	width:250px;
	height:45px;
	position: absolute;
	margin: 70px 0px 0px 100px;
	}
.photo_contact{
	width:50px;
	height:20px;
	background:yellow;
	position: absolute;
	margin: 50px 0px 0px 30px;
	}
.nom_contact2{
	width:250px;
	height:25px;
	color:#000;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	margin: 130px 0px 0px 90px;
	}
.txt_contact2{
	width:250px;
	height:45px;
	position: absolute;
	margin: 150px 0px 0px 100px;
	}
.photo_contact2{
	width:50px;
	height:20px;
	background:yellow;
	position: absolute;
	margin: 130px 0px 0px 30px;
	}
	
#contact_formulaire{
	width:944px;
	height:31px;
	background: url("../sfx/contact_formulaire.jpg") no-repeat;
	color:#000;
	font-size: 15px;
	clear: both;
	padding-left: 15px;
	padding-top: 5px;
	}
#contact_form{
	font-size: 16px;
	margin: 0px 0px 0px 100px;
	}
	
#contact_form input{
	}

.inputxt{	
	border:0;
	font-size: 16px;
	width:300px;
	height:30px;
	padding-top: 5px;
	padding-left: 10px;
	color: #595e62;
	background: url("../sfx/contact.input.bg.jpg") no-repeat;
	}

.textareatxt{	
	border:0;
	font-size: 16px;
	width:300px;
	height:300px;
	padding-top: 5px;
	padding-left: 10px;
	color: #595e62;
	background: url("../sfx/contact.textarea.bg.jpg") no-repeat;
	color: #595e62;
	
	}
	
.submitbtn{
	font-size: 18px;
	width: 300px;
	text-align: center;
	}
	
#map{
	height:500px;
	width:450px;
	float:right;
	margin-top: 20px;
	margin-right: 20px;
	}
	
/* FINANCIAL */

#financial-list{list-style-type: none;}

#financial-list li{
	margin-left:-10px;
	display: block;
	background: url("../sfx/financial-list.jpg") no-repeat;
	color: #595e62;
	font-size: 13px;
	padding: 15px;
	height:30px;
	width: 535px;
	}
	
/* PAGE PRODUCT */

#product-img{
	float: right;
	display: block;
	margin: 0px 0px 0px 0px;
	}
	
#product-txt{
	display: block;
	margin: 0px 0px 0px 0px;
	width: 500px;
	}
	
#product-tableau{
	display: block;
	margin: 20px 0px 0px 0px;
	}
	
#product-tableau table,#product-tableau table td{
	border: 1px solid #001d3b;
	border-collapse: collapse;
	width:600px;
	margin-top:50px;
	margin-left:25px;
	margin-bottom:25px;
	}
.sitMapUl{
	list-style-type: square;
	display: block;
	}
.sitMapUl li {
	margin-left: 20px;margin-top: 7px;	}

#sitMap a {
	font-size: 18px;
	}