@charset "utf-8";
/* CSS Document */


.lineclear{
	height:1px;
	clear:both;
}

.display{
	display:none;
}

p, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	display:block;
}

ul, li {
	margin:0;
	padding:0;
}


a {
	text-decoration:none;
}



body {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#FFFFFF;
	background-color:#000000;
}

.fixe {
	height:420px;
	width:955px;
	float:left;
	text-align:center;
	padding:10px 0 0 0;
	
}
/*------------------------CSS accueil-----------------------------------*/
#header_gabari_acc {
	width:100%;
	/*height:280px;*/
	background:url(images/pix_header_acc.jpg) repeat-x;
	float:left;
	
}

#header_atelier_acc {
	width:955px;
	height:378px;
	margin:0 auto;
	background:url(images/arr_top_acc.jpg) no-repeat;
	position:relative;
	z-index:1;
	
}

#header_accueil {
	width:955px;
	height:378px;
	margin:0 auto;
	background:url(images/arr_top_acc2.jpg) no-repeat;
	position:relative;
	z-index:1;
	
}

.imag_header_acc {
	position:absolute;
	top:31px;
	right:142px;
	z-index:2;
}

/*------------------------CSS accueil news-----------------------------------*/

.bloc-news {
	width: 235px;
	padding: 10px 0 0 30px;
}

.news-list-date, .savoirplus a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fce616;
}

.news-list-titre {	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

/* -----------------------CSS actualite----------------------------------------*/

.new {
	width:600px;
	float:left;
	text-align:left;
}

#bloc_actu ul {
	padding:18px 0 0 0;
}

#bloc_actu li {
	text-align:left;
	list-style-type: none;
	padding:0 0 10px 30px;
}

#bloc_actu li a {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.actu-news-titre h2 {
	float:left;
	width:600px;
	text-align:left;
	padding:0 0 20px 0;
}

.dateNews {
	float:left;
}

.news-list-describe {
	float:left;
}

.actu-news-image {
	float:left;
	padding:0 50px 20px 0;
}
/*------------------------CSS header atelier-----------------------------------*/
#header_gabari {
	width:100%;
	/*height:280px;*/
	background:url(images/pix_top_atelier.jpg) repeat-x;
	float:left;
	
}

#header_atelier {
	width:955px;
	height:280px;
	margin:0 auto;
	background:url(images/arr_top_atelier.jpg) no-repeat;
	
}

/*------------------------CSS page contact-----------------------------------*/
#header_ctc_gabari {
	width:100%;
	/*height:280px;*/
	background:url(images/pix_top_ctc.jpg) repeat-x;
	float:left;
	
}

#header_ctc {
	width:955px;
	height:280px;
	margin:0 auto;
	background:url(images/arr_top_ctc.jpg) no-repeat;
	
}

#bloc_plan{
	width:540px;
	float:left;
	padding:30px 0 0 0;
}

#bloc_plan h3{
	width:200px;
	float:left;
	font-size:15px;
	padding:20px 0 0 60px;
	
}

.pos_moto {
float:right;
margin:10px 0 0 0;

}
.align_plan {
	float:right;
	margin:0 0 20px 0;
}

#bloc_form {
	width:370px;
	float:left;
	padding:40px 0 0 40px;
}


#form_haut {
	float:left;
	padding-bottom:15px;
	font-size:13px;
	font-weight:bold;
	
}

.lettre {
	background:url(images/lettre.gif) left no-repeat;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 5px 60px;
	display:block;
}
.tel {
	background:url(images/tel.gif) left 40% no-repeat;
	font-size:13px;
	font-weight:bold;
	padding:20px 0 20px 60px;
	display:block;
	
}
.aro {
	background:url(images/aro.gif) left 65% no-repeat;
	font-size:13px;
	font-weight:bold;
	padding:12px 0 8px 60px;
	display:block;
}


/*------------------------CSS menu top-----------------------------------*/


.separateur {
	padding:0 5px 0 5px;
}


#menu {
	width:955px;
	float:left;
	margin-top:6px;
	height:28px;
	text-align:right;
	
}

#menu ul{
	list-style-type:none;
	width:425px;
	height:28px;
	padding:0  0 0 530px;
	
	

}

#menu li {
	
	height:28px;
	border-left:2px solid #3E5787;
	display:block;
	float:left;


}
#menu  .pre{
	border:none;
}

#menu li a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 0 8px;
	height:23px;
	float:left;
	

}

#menu li a:hover{
	color:#FFE217;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 0 8px;
	height:23px;
	float:left;

}

#menu li a.actif{
	color:#FFE217;
	font-weight:bold;
	font-size:15px;
	padding:5px 8px 0 8px;
	height:23px;
	float:left;

}

.logo {

	margin:28px 0 25px 0;
	float:left;
	
}

#slogon {
	width:955px;
	padding:20px 0 0 0;
	float:left;
	
}


#slogon p{
	font-weight:bold;
	color:#3e5787;
	padding:20px 0 0 0;
	
}

.spacing {
	margin:10px 5px 0 30px;
}

#body_acc {
	background:url(images/ar_body_acc2.jpg) no-repeat;
	width:955px;
	height:295px;
}


#bloc_motor {
	width:671px;
	height:256px;
	float:left;
}

.align_gauche_motor {
	float:left;
	margin:23px 0 0 5px;
}

.align_droit_acc {
	margin:20px 0 0 0;
	float:right;
}

#bloc_haut {
	width:417px;
	height:171px;
	float:right;
}


#bloc_haut p{
	padding:4px 100px 0 15px;
	text-align:justify;
	font-size:12px;
}

#bloc_haut h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:40px 0 5px 15px;	
}


#bloc_list {
	width:422px;
	height:82px;
	float:right;
	color:#3e5787;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#bloc_list ul{
	list-style-type:none;
}

#bloc_list li{
	background:url(images/flesh_bleu.gif) left 80% no-repeat ;
	padding:5px 0 0 17px;
}

#bloc_actu {
	width:284px;
	height:234px;
	float:right;
	background:url(images/arr_actu.gif) center no-repeat;
	margin:20px 0 0 0;
	
}

#bloc_actu  h3{
	font-size:16px;
	text-align:center;
	padding:5px 0 0 0; 
	
}



/*------------------------CSS body atelier-----------------------------------*/

#body_gabari {
	width:100%;
	background-color:#3F5787;
	float:left;
	}

#body_center {
	margin:0 auto;
	width:955px;
}

#body_atelier {
	width:955px;
	/*height:432px;*/
	background:url(images/bag_body_atelier.jpg) no-repeat;
	float:left;
	padding-bottom:10px;
}


/*------------------------CSS bloc atelier-----------------------------------*/


#bloc_pre {
	width:438px;
	
	float:left;
	padding:29px 0 0 22px;
}

#bloc_pre_atelier {
	width:438px;
	
	float:left;
	padding:29px 0 20px 22px;
}

#bloc_pre_new {
	width:955px;
	float:left;
	padding:29px 0 0 0;
	
}

#bloc_pre_new p{
	text-align:center;
	padding:0 0 10px 0;
	
}
#bloc_magasin {
	width:438px;
	float:left;
	margin:0 0 5px 0;
}



.align_droit {
	float:right;
	margin:5px 5px 0 0;
	
}

.align_gauche {
	
	margin:5px 5px 0 0;
	
}

.space {
	margin:10px 0 15px 0;
}

#bloc_magasin h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

#bloc_magasin p{
	width:297px;
	text-align:justify;
	padding:5px 0 10px 0;
}


.align_droit {
	
	margin:5px 5px 0 0;
	
}

#bloc_magasin2 {
	width:280px;
	float:left;
	margin:15px 25px 5px 10px;
}





#bloc_magasin2 h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:280px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}




#bloc_mecanique {
	width:280px;
	float:left;
	margin:15px 25px 5px 10px;
}

#bloc_mecanique h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:280px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

#bloc_pneu {
	width:280px;
	float:left;
	margin:15px 10px 5px 10px;
}

#bloc_pneu h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:280px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}



/*------------------------CSS bloc blouson-----------------------------------*/

#bloc_blouson {
	width:297px;
	float:left;
	margin:0 0 10px 0;
}
#bloc_blouson h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;

	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

/*------------------------CSS vetement pluie-----------------------------------*/

#bloc_pluie {
	width:297px;;
	float:left;
	margin:0 0 10px 0;
}
#bloc_pluie h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;

	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

/*------------------------CSS Gants-----------------------------------*/

#bloc_gants {
	width:297px;
	float:left;
	margin:0 0 10px 0;
}
#bloc_gants h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;

	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

/*------------------------CSS antivol-----------------------------------*/

#bloc_antivol {
	width:297px;;
	float:left;
	margin:0 0 10px 0;
}
#bloc_antivol h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;

	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

/*------------------------CSS bagagerie-----------------------------------*/

#bloc_bagagerie {
	width:297px;
	float:left;
	margin:0 0 10px 0;
}
#bloc_bagagerie h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

#gabari_h3 {
	float:left;
	width:300px;
}
/*------------------------CSS bloc des-----------------------------------*/

#bloc_des {
	width:470px;
	
	float:right;
	padding:29px 0 0 22px;
}

#bloc_gamme {
	width:297px;
	float:left;
	padding:0 0 0 130px;
}

#bloc_gamme h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:0 0 5px 0;	
}

#bloc_gamme p{
	width:297px;
	text-align:justify;
	padding:5px 0 10px 0;
}

.align_gauche {
	float:left;
}


#list_marq {
	width:297px;
	float:left;
}


#list_marq ul{
	list-style-type:disc;
	font-weight:bolder;
	padding:15px 0 0 60px;
	font-style:italic;
}

#list_marq li{
	padding:5px 0 5px ;
}



/*------------------------CSS footer atelier-----------------------------------*/
#footer_gabari {
	width:100%;
	background-color:#000000;
	clear:both;
}

#footer_atelier {
	width:955px;
	margin:0 auto;
	text-align:center;
}




#footer_atelier ul {
	list-style-type:none;
	padding:10px 0 0 0; 
	font-size:11px;
	
	
}
 
#footer_atelier li {
	display:inline;
}
 
 
#footer_atelier li a{
	font-weight:bolder;
	color:#FFFFFF;
	
}
 
#footer_atelier li a:hover{
	color:#FFE217;
}

#footer_atelier p{
	font-size:10px;
	text-align:center;
	padding:2px 0 5px 0;

	
}


.posistion{
	position:relative;
	top:6px;
	

}

.gra {
	font-weight:bolder;
	font-size:11px;
	padding:6px 0 0 0; 
}


/*------------------------CSS menu bas accuiel-----------------------------------*/


#menu_bas_acc {
	width:955px;
	height:40px;
	clear:both;
	text-align:center;
	padding:6px 0 0 0;
}



#menu_bas_acc ul {
	list-style-type:none;
	font-size:11px;
	
	
	
}
 
#menu_bas_acc li {
	display:inline;
}
 
 
#menu_bas_acc li a{
	font-weight:bolder;
	color:#FFFFFF;
	
}
 
#menu_bas_acc li a:hover{
	color:#FFE217;
}

#menu_bas_acc p{
	font-size:10px;
	text-align:center;
}


.posistion{
	position:relative;
	top:6px;
	

}

.gra {
	font-weight:bolder;
	font-size:11px;
	padding:6px 0 0 0; 
}


/*----------------------------------------------------CSS logo toptech-----------------------------------------------------*/

#footer_acc {

	width:955px;
	margin:0 auto;
	text-align:center;
	height:70px;
	
} 



#footer_acc p{
	font-size:8px;
	text-align:center;
	font-weight:bold;
	padding:10px 0 5px 0;
	
	
}

#footer_acc a{
	font-size:8px;
	border:none;
	color:#FFFFFF; 

}

#footer_acc a:hover{
	color:#FFE217;
}



/*------------------------------------CSS formulaire-----------------------------------*/

.formulaire {
	width:370px;
	float:left;
}

.formulaire h3 {
	padding:0 0 1px 4px;
	background:url(images/flesh.gif) right no-repeat;
	font-size:16px;
	width:297px;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	margin:20px 0 20px 0;	
}
.formulaire p{
	margin:2px 0 2px 0; 
	width:297px;
	float:left;
	display:block;
	
}
 
.formulaire span{
	float:left;
	font-size:11px;
	
}
.formulaire .question{
	padding-top:10px;
}
 
.formulaire input{
	float:right;
	border:1px solid  #000000;
	width:200px;
	height:15px;
	
}
 
.formulaire textarea{
	float: right;
	border:1px solid  #000000;
	width:200px;
	height:70px;

}

.formulaire .bout{
	width:35px;
	height:14px;
	border:none;
	padding-top:5px;
}
.formulaire em{
	color:#FF0000;
}
.info{
	text-align: left;
	font-weight:bold;
	}
.info2{
	text-align: left;
	color:#ffffff;
	font-weight:bold;
	}

/*------------------------------------CSS mentions-----------------------------------*/

.right {
	float:right;
	width:350px;
	padding:10px 40px 0 0;
	text-align:left;
}

.left {
	float:left;
	width:400px;
	padding:10px 0 0 40px;
	text-align:left;
}