/********************************************/
/*											*/
/* 			Remorquage Victoriaville		*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 28 mai 2012				*/
/* 			  Copyright DGK 2012			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	Toute modification à ce document se		*/
/*  doit d'être accompagnée d'un 			*/
/*	commentaire ou d'être rapportée au		*/
/*  créateur de la feuille de style			*/
/*											*/
/********************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* Début Reset.css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Fin Reset.css */	

body {
	font-family:Tahoma, Verdana;
	font-size:12px;
	color:#000000;
}


a:link { color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:hover {color:#d20000; text-decoration:underline;}
a:active {color:#000000; text-decoration:underline;}

.content		{ width:962px; margin:auto; position:relative;}



img.shadow {
	border:1px solid #BBB;
	padding:5px;
	background-color:#FFF;
		-moz-box-shadow: 0px 0px 7px #444;
		-webkit-box-shadow: 0px 0px 7px #444;
		box-shadow: 0px 0px 7px #444;
		/* For IE */
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=4)
				progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=4)				
				progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=4)				
				progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=315, Strength=4);
	}



/**********************************/
/*
/* ENTÊTE
/*
/**********************************/
#entete {
	border-top:1px solid #f4c2c2;
}

#entete .logo			{ float:left;}
#entete	.tel			{ font-size:40px; font-style:italic; font-weight:bold; float:left; margin-top:50px;}
#entete	.tel a			{ font-size:16px; font-style:normal;}
#entete .service			{ position:absolute; right:11px; top:35px; z-index:99;}






/**********************************/
/*
/* BANDe-ROUGE
/*
/**********************************/
#bande-rouge					{ background:url(../../images/bande-rouge-bkg.png) repeat-x center top #FFF;}
#bande-rouge .ombre				{ background:url(../../images/ombre.jpg) no-repeat center top;} 
#bande-rouge .ombre .content	{ z-index:9;}

ul#valeur						{ position:absolute; top:390px;}
ul#valeur li					{ float:left; width:307px; height:124px; background:url(../../images/boxvaleur-bkg.png) no-repeat center top; margin-right:20px; font-size:36px; color:#d20000; text-shadow:-1px -1px 1px #333; text-align:center; padding-top:40px;}
ul#valeur li.last				{ margin-right:0px; height:139px; padding-top:25px;}








ul.trois-col					{ margin-top:50px;}
ul.trois-col li					{ float:left; margin-right:30px; width:294px;}
ul.trois-col li	h2				{ font-size:1.3em; font-weight:bold; margin-top:12px; margin-bottom:36px; color:#d20000; }
ul.trois-col li.last			{ margin-right:0;}


/*img.franc						{ position:absolute; bottom:0; left:-143px;}*/


.franc2							{ float:left; width:294px; margin-top:140px; margin-bottom:25px;}
.colonne-gauche					{ float:left; width:352px; font-size:2.8em; text-align:right; margin-top:160px; margin-bottom:25px;}
.colonne-gauche span			{ color:#8dc63f;}
.colonne-droite					{ float:right; margin-top:140px;}



.colonne-gauche ul.colonne-gauche				{ width:150px; font-size:13px; list-style-type:disc; margin-left:15px; padding-left:15px; text-align:left; margin-top:20px;}
.colonne-gauche ul.colonne-droite				{ width:150px; font-size:13px; list-style-type:disc; padding-left:15px; text-align:left; margin-top:20px;}
.colonne-gauche ul.colonne-gauche li			{ margin:10px 0;}
.colonne-gauche ul.colonne-droite li			{ margin:10px 0;}


.colonne-droite .rejoindre						{ font-size:33px; background:url(../../images/rejoindre.png) no-repeat center top; width:283px; height:174px; padding-left:20px; padding-top:20px;}
.colonne-droite .rejoindre .telephone					{ background:url(../../images/telephone.png) no-repeat left center; color:#d20000; padding-left:61px; line-height:40px; font-size:30px; font-weight:bold; margin-top:20px;}



/**********************************/
/*
/* FOOTER
/*
/**********************************/
#footer {
	border-top:10px solid #8dc63f;
	clear:both;
	line-height:normal;
	font-size:14px;
	padding:10px 0;
}

#footer p{
	margin-top:10px;	
}

#footer iframe{
	float:right;
	margin-top:-80px;
	margin-bottom:20px;	
	margin-right:20px;
}

#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:underline;}
#footer a:active {color:#FFFFFF; text-decoration:none;}



/**********************************/
/*
/* DIVERS
/*
/**********************************/

.floatleft {float:left;}
.floatright {float:right;}
.fixbox {clear:both;}
.messageErreur {color:#FF0000;}