html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; 
}

ol, ul { list-style: none; }


blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }


.pad-lft{padding-left:6px;}

/*Fonts typeface*/
#dynamique h2, h1, h3{
margin:10px 0 10px 0;
font-family:Eurostile LT Std;
font-style:italic;
font-weight:bold;
font-size:18px;
color:#231f59;
visibility:visible;

}
#dynamique h1{font-size:23px;visibility:visible;}
#dynamique h3{font-size:16px;font-style:normal;visibility:visible;}
h1{
margin:15px 0 10px 0;
font-family: Eurostile LT Std;
font-style:italic;
font-weight:bold;
font-size:20px;
color:#231f59;
}
h2{
margin:15px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:21px;
color:#231f59;
}

h1{font-size:23px;}
h3{font-size:16px;font-style:normal;line-height:20px;text-align:left;}
h2.eurostile{
margin:10px 0 10px 30px;
font-family: Eurostile LT Std;
font-style:italic;
font-weight:bold;
font-size:18px;
color:#231f59;
}


	
/* Style structure*/

	html, body{height:100%;}
	
	body {
	padding:0;
	background: #FFFFFF ;
	margin: 0;
	}
	
	#container {
	min-height:100%;
	width: 986px;/*986*/
	position: relative;
	margin:-300px auto 50px auto;
	overflow:hidden;	
	}
	
	#top{
	position:relative;
	width:980px;
	height:333px;
	}
	#logo{
	width:251px;
	height:307px;
	float:left;
	margin:10px 33px 0 -10px;	
	}
	#cadretopimg{
	position:absolute;
	left: 254px;
	top: 0px;
	padding:0 200px 0 0;
	}
	
	#cycle{
	padding:0 0 0 274px;
	}
	
	#topcycle{
	overflow:hidden;
	width:689px;
	height:255px;	
	}
	
	#bandetop {
	height:333px;
	width:100%;
	overflow:visible;
	background: url(../images/bg_bande_top.png) repeat-x;
	}
	
	
	#bgglow {
	background: url(../images/bg_glow.png) no-repeat center top;
	height: 210px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -210px;
	}
	
	
	#topbg {
	background: url(../images/top_head2.jpg) no-repeat left top;
	height: 755px;
	margin-top: -333px;
	}
	
	
	#topglow {
	width: 980px;
	background: url(../images/glow_top.png) no-repeat center top;
	height: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -672px;
	}


	#wrapdynamique { 
	margin-top:15px;	
	background: repeat-y center top; 		
	}
	
	#contenu { 
	margin-top:15px;	
	background: repeat-y center top; 		
	}
		
	
	#facebook{
	width:25px;
	height:27px;	
	position:absolute;
	left: 940px;
	top: 348px;	
	}

	#menuBig {
	z-index:99;
	position: absolute;
	left: 265px;
	top: 250px;
	}
	
	#menuBig a {
	position: absolute;
	top: -6px;
	
	}
	
	#dynamique #contenu{
	float:left;
	width: 658px;
	padding-right: 0;
	padding-left: 0;
	
}
	
	#colGauche {
	float:left;
	width: 658px;
	padding-right: 0;
	padding-left: 0;		
}
	#colGauche img.border{border:1px solid #ccc;}

	#colDroite {	
	float:right;
	width: 284px;
	margin-top:35px;
	
}
		#forfaitswrap{
			width:auto;
			height:auto;
			margin:0 0 10px 0;
			}
			.btnforfait{
				clear:right;
				margin-top:-2px;
			}
		
	/*Encart promotions CYCLE*/
	#promo{		
	position:relative;
	width:270px;
	height:284px;
	background:url(../images/cadre_promo.png) no-repeat;
	padding:10px 0 0 10px;		
	}
	#promo_inner{		
	min-width:251px;
	min-height:254px;
	overflow:hidden;			
	}
	.encselect{
	position:absolute;
	height: auto;
	width: auto;
	left: 204px;
	z-index:99;
	top: 268px;
	}
	.encselect a{					
	width:9px;
	height:9px;
	margin-right:3px;														
	display:inline-block;						
	background-image:url(../images/encselector.gif);
	background-repeat: no-repeat;	
	text-decoration: none;
    outline: none;						
	}							
	.encselect a:hover{
	background-image: url(../images/encselector_high.gif);
	text-decoration: none;
    outline: none;							
	}							
	.encselect a.activeSlide{
	background-image: url(../images/encselector_high.gif);	
	text-decoration: none;
    outline: none;						
	}
	/*Encart promotions CYCLE END!*/
	
	/*Encart Trucs et astuces*/
	#trucs{
	margin:10px 0 0 0;			
	width:270px;
	height:135px;
	background:url(../images/cadre_trucs.png) no-repeat;
	padding:4px 0 0 9px;		
	}
	#promo_inner{	
	width:251px;
	height:89px;			
	}
	
	/*Encart Trucs et astuces* End!*/	
	
	/*Encart Infolettre */
	#info_lettre{
	margin-top:10px;			
	width:270px;
	height:145px;
	background:url(../images/cadre_infolettre.png) no-repeat;	
	}
	
	#infolettre_inner{
	padding:50px 0 0 7px;	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;	
	font-weight:bold;	
	}
	#infolettre form, .fullForm{
		margin:0;
		padding:0;
	}
	
	#infolettre input.nom, .fullForm input#nom, .fullForm input#courriel, .fullForm input#sujet, .fullForm input#phone{
		background: url(../images/back_infolettre_nom.gif) top left no-repeat;
		border:none;
		padding:0 0 0 8px;
		margin:0 0 0 7px;
		vertical-align:top;
		height:32px;
		width:223px;
		line-height:29px;
		font-style:italic;
		color:#4b4b4b;
	}
	
		#infolettre input.courriel{
		background: url(../images/back_infolettre_courriel.gif) top left no-repeat;
		border:none;
		padding:0 0 0 8px;
		margin:0 0 0 7px;
		vertical-align:top;
		height:32px;
		width:170px;
		line-height:29px;
		font-style:italic;
		color:#4b4b4b;
	}
	/*Encart Infolettre End!*/
	
	/*Contact_form*/
	.fullForm label{margin-left:10px;font-weight:bold;color:#231f59;}
	.fullForm textarea#lettre{margin:0 0 0 8px;}
	/*** error formulaire ***/
	textarea.error{
	background-color:#feffab;		
	border:1px solid #c2b756;
	}
	input.required#sujet.error,input.required#courriel.error,input.required#nom.error{		
	background: url('../images/back_input_error.gif') top left no-repeat;
		border:none;
		padding:0 0 0 8px;
		margin:0 0 0 7px;
		vertical-align:top;
		height:32px;
		width:223px;
		line-height:29px;
		font-style:italic;
		color:#4b4b4b;	}
		
	.mainError{
	text-align:left;
	color:#2a2829;	
	display:none;
	margin-top:0;
	}
	
	/*Contact_form end*/
	
	#bandebas {
	background: url(../images/bande_bas.png) repeat-x;
	margin-top: -38px;	
	}
	
	#bgbascentre {
	background: url(../images/bgbascentre.jpg) no-repeat right bottom;	
	}
	
	#foot{
		height: 184px;/*244*/
		padding:60px 0 0 0;
		margin:0 auto;
		position:relative;
		width:980px;		
		}
		
		#coord{
		font: 13px Verdana, Geneva, sans-serif;	
		position:absolute;
		width:700px;
		height:auto;		
		top: 50px;
		color:#fff;
		}
	
		#coord a, #coord a:hover{color:#fdd100;}
	
		#sponsors{
		position:absolute;
		width:500px;
		height:auto;
		left: 670px;
		top: 50px;
		color:#fff;
		}
	
	#sousMenu ul li {
	display: inline;
	font: 13px Verdana, Geneva, sans-serif;
	color: #FDD100;
	}
	
	
    h2, h3, h5, p, table {
		margin-top: 20px;
		font-family:Verdana, Geneva, sans-serif;
		}
		
	h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom:#fdd100 1px solid;
	
	}	
	h4 {
	font-family: Eurostile LT Std;
	margin-top: 21px;
	margin-bottom: 10px;
	font-size:18px;
	color:#757374;	
	font-style:italic;
	font-weight:bold;
	}		
	p, table{
	font-size:14px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	line-height: 18px;
	text-align:justify;
	}
	
	.liste{
	margin:0;
	padding:0 0px 0 35px;
	list-style:none none;
	}

	.list{
	margin:0;
	padding:10px 0px 0 0;
	list-style:none none;
	}

	#colGauche ul li{
	line-height:16px;
	padding:0px 10px 5px 15px;
	margin:0px 10px 5px 0px;
	text-align:left;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;	
	background: url(../images/puce.png) no-repeat left top;
	color:#695546;
	}
	
	#colGauche ol{
	margin-left:21px;
	list-style:decimal outside;
	color:#695546;

	}
	#colGauche ol li{
	padding-left:0;
	background:none none;
	padding:0px 10px 5px 0px;
	margin:5px 10px 5px 0px;
	}
	#colGauche a{		
	text-decoration: none;
    outline: none;
	color:#4c47a0;						
	}							
	#colGauche a:hover{	
	text-decoration: none;
    outline: none;
	color:#666;								
	}			

	a.link{
	line-height:16px;
	padding:0px 10px 5px 24px;
	margin:0px 10px 5px 0px;
	text-align:left;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;	
	background: url(../images/arrow.png) no-repeat left top;
	color:#695546;
	}

	small {
	font-size:10px;
	color:#695546;}
		
	#colGauche a, #dynamique #contenu a{ color: #353364; }

	#colGauche p a:hover, #dynamique #contenu p a:hover{ color: #AFB1B5; }
	.facebook {
	float: right;
	margin-top: -22px;
	margin-right: 25px;
	}

	
	
	#sousMenu li a{
	color: #666;
	text-decoration: none;
	}
	
	
	
	#sousMenu li a:hover, #sousMenu li a.current{ color: #CCC; }


	#sousMenu {
	margin-top: 20px;
	margin-left: 265px;
	}

	#clear { clear: both; }

			
			
			/*menu*/
						#remorquage {
						left: 507px;
						z-index: 1;
						}
					
						#usage {
						left: 335px;
						z-index: 2;
						}
					
						#parebrise {
						left: 164px;
						z-index: 3;
						}
					
						#mecanique {
						z-index: 4;
						}
			/*menu*/
			
	#signature{position:absolute;left:-9999px;top:-9999px;}
	
/*HR*/
.hr{
border-bottom:#fdd100 1px solid;
margin:15px 0 25px 0;
padding:0;
display:block;
}
.hrsmall{
border-bottom:#fdd100 1px solid;
width:620px;
margin:15px 0 25px 3px;
padding:0;
display:block;}
	
	.hr hr, .hrsmall hr{display:none;}

	
/*HR end!*/	

.forfaits th{ background-color:#312e63;vertical-align:middle;text-align:center;border:1px solid #FFF;}
.forfaits td{height:40px;vertical-align:middle;text-align:center;border:1px solid #bbbbbb;}
.spec{margin:15px 0 10px 0;font-family:Arial, Helvetica,sans-serif;font-style:normal;font-weight:normal;font-size:15px;color:#231f59;background-color:#dadada;}
.specwhite{margin:15px 0 10px 0;font-family:Arial, Helvetica,sans-serif;font-style:normal;font-weight:normal;font-size:15px;color:#231f59;}
.checkgrey{background-color:#dadada;}
.checkgrey p{text-align:center;}

.accessoires td{vertical-align:top;padding-left:30px;border-left:1px dotted #FC0;}
.accessoires .first td{vertical-align:top;padding-left:30px;border-left:none;}
.accessoires th,.accessoires th h3{text-align:center;}

.split_enum td{vertical-align:top;padding-left:30px;border-left:1px dotted #FC0;}
.split_enum th,.split_enum th h3{padding-left:17px;}

.links a{line-height:25px;}
.links td{vertical-align:top;}