/********************************************/
/*											*/
/* 			Drolet pneus mecanique			*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 2 mai 2010				*/
/* 			  Copyright DGK 2010			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	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			*/
/*											*/
/********************************************/
* { margin:0; padding:0; }
body, html {
	font-family:Tahoma, Verdana;
	font-size:12px;
	color:#4b4b4b;
	background-color:#FFFFFF;
	background:url(../images/communs/bkg_logo.png) no-repeat 85% bottom;
}

h1 {
	font-size:24px;
	color:#000;
	margin-bottom:15px;
}
h2 {
	font-size:16px;
	font-weight:bold;
	color:#000;
}
h3 {
	font-size:24px;
	font-weight:bold;
	color:#555555;
}


a:link { color:#18467e; text-decoration:underline;}
a:visited {color:#18467e}
a:hover {color:#18467e; font-style:italic;}
a:active {color:#18467e;}
a img { border:none;}

#colonne_contenu li {list-style:none; background:url(../images/communs/bullet-trans.png) left 3px no-repeat; padding-left:15px; margin:8px 0 8px 18px}
#colonne_contenu_accueil li.accueil {list-style:none; background:url(../images/communs/bullet-trans.png) left 3px no-repeat; padding-left:15px; margin:8px 0 8px 18px}

blockquote {
	margin:8px 16px;
	padding:8px;
	background-color:#FFF;
	border:1px solid #BBB;
}

caption {
	background-color: rgb(24, 70, 126); 
	padding: 6px; 
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}


/**********************************/
/*
/* ENTÊTE
/*
/**********************************/
#entete {
	position:relative;
	width:886px; height:231px; margin:auto;
	background:url(../images/communs/bkg_entete.jpg) no-repeat;
	color:#555555;
	font-size:20px;
	position:relative;
}
#entete p { position:absolute; left:10px; bottom:10px;}
#entete span { color:#9f9f9f;}

#entete a.acces {	background:url(../images/communs/cadenas.png) no-repeat left center; line-height:20px; padding-left:25px; padding-right:5px; font-size:16px; position:absolute; right:0; top:18px;}
#entete .concours 	{ display:block; position:absolute; top:90px; left:410px; width:225px; height:80px; outline:none;}

/* ----------------------------- start #nav ids ----------------------------- */
#nav {font-size:22px; color:#FFFFFF; background:url(../images/communs/bkg_menu.png) bottom repeat-x #FFFFFF; width:100%; height:49px;}
#nav ul {width:908px; margin:auto;}
#nav li { display: inline; list-style:none; float: left; background:url(../images/communs/separateur_menu.png) no-repeat right; padding:0 20px 0 20px; height:49px; line-height:46px;}
#nav #last { background-image:none;}

#nav a { color:#FFF; text-decoration:none;}

#nav .active {background-color:#FFFFFF; }
#nav .active a{ color:#103c6e;} 
/* ----------------------------- end #nav ids ----------------------------- */

/* ----------------------------- start #nav 2 ----------------------------- */
#nav2 { 
	height:133px; width:100%;
	background:url(../images/communs/bkg_menu2.png) repeat-x; 
	
	color:#929292;
	font-size:11px; line-height:14px;
	margin-bottom:30px;
}
#nav2 #container { width:897px; margin:auto; padding-left:11px;}
#nav2 h2 {margin-bottom:3px;}
#nav2 a { font-size:10px;}
#nav2 img {margin-top:5px;}

#nav2 #item1 {
	height:116px; width:244px; 
	padding:17px 0 0 14px;
	background:url(../images/communs/bkg_menu2_1.jpg) no-repeat;
	float:left;
}
#nav2 #item2 {
	height:116px; width:271px; 
	padding:17px 0 0 14px;
	background:url(../images/communs/bkg_menu2_2.jpg) no-repeat;
	float:left;
}
#nav2 #item3 {
	height:116px; width:329px; 
	padding:17px 0 0 14px;
	background:url(../images/communs/bkg_menu2_3.jpg) no-repeat;
	float:left;
}
/* ----------------------------- end #menu 2 ----------------------------- */



/**********************************/
/*
/* MILIEU
/*
/**********************************/
#milieu { width:886px; margin:auto; z-index:2}
#colonne_modules { width:225px; float:left; }

#colonne_modules #module_liquidation, #colonne_modules #module_aspq { width:200px; height:201px; padding:25px 0 0 25px;  margin-bottom:17px}
#colonne_modules #module_liquidation { background:url(../images/communs/liquidation.jpg) no-repeat;}
#colonne_modules #module_aspq { background:url(../images/communs/liste_diffusion.jpg) no-repeat;}
#colonne_modules #module_liquidation h3 { font-size:18px;}
#colonne_modules #module_aspq h3 { font-size:18px;}

#colonne_contenu, #colonne_contenu_accueil { width:635px; float:right; margin-bottom:17px; position:relative; z-index:2;}
#colonne_contenu #top, #colonne_contenu_accueil #top {background:url(../images/communs/contenu_top-trans.png); width:635px; height:18px; z-index:2}
#colonne_contenu #bkg, #colonne_contenu_accueil #bkg {background:url(../images/communs/contenu_bkg-trans.png) repeat-y; width:635px; z-index:2}
#colonne_contenu #contenu, #colonne_contenu_accueil #contenu {background:url(../images/communs/contenu_degbkg-trans.png) no-repeat; width:603px; padding:0 16px 0 16px; z-index:2}
#colonne_contenu #bottom, #colonne_contenu_accueil #bottom {background:url(../images/communs/contenu_bottom-trans.png); width:633px; height:21px; z-index:2}

#colonne_contenu #contenu p, #colonne_contenu_accueil #contenu p { line-height:18px; padding-bottom:16px;}


#logo_fade { position:absolute; bottom:-14px; right:-216px; z-index:-11}



/**********************************/
/*
/* FOOTER
/*
/**********************************/
#footer {
	background:url(../images/communs/bkg_footer.png) repeat-x;
	clear:both;
	height:41px;
	margin-top:10px; 
	font-size:9px; 
	color:#FFFFFF;
	text-align:center;
	 line-height:41px;
}

#footer a { margin:0 8px 0 8px;}
#footer a:link {color:#FFFFFF; text-decoration:none;}
#footer a:visited {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#FFFFFF; text-decoration:none;}
#footer a:active {color:#FFFFFF; text-decoration:none;}







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

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


.main {
	width:100%;
}
.main td {
	padding:12px 0 12px 24px;
	text-align:left;
}
.main td .input { width:350px;}
.main label { margin-right: 24px; font-size:11px;}

.main .submit, .main .reset {
	padding:8px 16px;
	border:2px solid;
	text-transform:uppercase;
	color:#EEEEEE;
	cursor:pointer;
}
.main .submit { background-color:#009900; border-color:#006600;}
.main .reset { 	background-color:#990000; border-color:#FF0000;}