/********************************************/
/*											*/
/* 					DGK 2011				*/
/*  			Feuille de style			*/
/*  	 Créée par : Joël Fréchette			*/
/*			  jfrechette@dgk.ca				*/
/*			pachooca@hotmail.com			*/
/* 	 		Date : 2 mai 2011				*/
/* 			  Copyright DGK 2011			*/
/*											*/
/*		--------------------------------	*/
/*											*/
/*	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 {
	font-family:Tahoma, Verdana;
	font-size:14px;
	color:#4d4d4d;
	height:100%;
	background:url(../../images/body_bkg.jpg) no-repeat center top #FFFFFF;
}

h1 			{ font-size:48px; color:#000; font-weight:normal; margin-bottom:50px;}
h2 			{ font-size:30px; color:#000; font-weight:normal; background:url(../../images/plus_noir.png) no-repeat left center; padding-left:32px;}
h2.blanc	{ color:#FFF; background-image:url(../../images/plus_blanc.png);}



a:link 			{color:#000; text-decoration:none;}
a:visited 		{color:#000; text-decoration:none;}
a:hover 		{color:#8dc63f; text-decoration:none;}
a:active 		{color:#000; text-decoration:none;}

a img { border:none;}

p { line-height:22px;}

.content 		{ width:1000px; margin:auto;}



.boite 			{ background-color:#f4f4f4; border:1px solid #e3e3e3; }



/**********************************/
/*
/* ENTÊTE
/*
/**********************************/
#entete 										{margin:auto;	height:186px;	width:1000px;	background:url(../../images/bkg_entete.jpg) no-repeat center top;	list-style:none; position:relative; }
#entete .logo 									{ margin-top:48px; margin-left:12px; }
/* 
	Premier menu
*/
#entete ul#smallmenu 							{	height:17px;	line-height:17px;	margin-top:34px;	text-align:right; width:690px;}
#entete ul#smallmenu li 						{ display:inline; padding:0 8px; margin-top:-12px;}
#entete ul#smallmenu li.first 					{ background:none; }
#entete ul#smallmenu li.telephone 				{font-size:24px; color:#8dc63f;  margin-right:60px;}
#entete ul#smallmenu li.facebook 				{ display:block; margin-top:-46px;}
/* 
	Deuxieme menu (dropdownmenu.css)
*/
.barrenoire 									{width:1000px; height:89px; margin:auto; background:url(../../images/barrenoire.jpg) no-repeat;}




/**********************************/
/*
/* Bande services(bande grise)
/*
/**********************************/
#bande_services									{ background:url(../../images/bkg_accueil_services.jpg) repeat-x top #eae8e8; padding:36px 0; margin-top:36px;}
#bande_services .content						{ width:1000px; margin:auto;}

#bande_services .colonne-gauche						{ width:626px; float:left;}
#bande_services .colonne-droite						{ width:282px; float:right; background-color:#585858; border:1px solid #e3e3e3; padding:6px 18px;}

#bande_services .colonne-gauche	p.gros							{ margin:20px 0 0 32px; font-size:30px; line-height:37px; color:#514f4f; font-weight:bold}
#bande_services .colonne-gauche	p								{ margin:20px 0 0 32px; color:#514f4f;}
#bande_services .colonne-gauche	a.savoirplus						{ margin:40px 0 0 32px;  display:block; width:172px; padding-left:16px; height:45px; line-height:43px; background-image:url(../../images/btn_fleche_services.jpg); font-size:18px; color:#4f981a; font-style:italic;}
#bande_services .colonne-gauche	 a.savoirplus:hover					{ color:#000;}


#bande_services .colonne-droite	h2									{ margin-bottom:0;}
#bande_services .colonne-droite	img									{ margin:16px 0;}
#bande_services .colonne-droite	p									{ color:#FFF; text-align:justify;}
#bande_services .colonne-droite	a.savoirplus						{ margin:18px 0 12px 0;  display:block; width:113px; padding-left:6px; height:30px; line-height:28px; background-image:url(../../images/btn_fleche_cleenmain.jpg); font-size:12px; color:#4f981a; font-style:italic;}
#bande_services .colonne-droite	a.savoirplus:hover					{ color:#000;}





/**********************************/
/*
/* Bande infolettre (bande noire)
/*
/**********************************/
#bande_infolettre 								{ background-color:#000; font-size:14px; color:#FFF; padding:14px 0;}
#bande_infolettre .content						{ width:1000px; margin:auto;}

#bande_infolettre p 							{ font-weight:normal; margin:0 0 0 32px; }
#bande_infolettre form							{ padding-top:9px;}
#bande_infolettre form .input					{ height:31px; line-height:31px; background-color:#FFF; border:1px solid #AAA; font-size:14px; font-weight:bold; margin-left:12px;}
#bande_infolettre form .submit					{ float:right; margin-top:-3px; margin-right:35px; margin-left:18px;}





/**********************************/
/*
/* Bande soumission en ligne (bande verte)
/*
/**********************************/
#bande_soumission 								{ background-color:#8dc63f; font-size:14px; font-weight:bold; color:#FFF; padding:14px 0; clear:both;}
#bande_soumission .content						{ width:1000px; margin:auto;}
#bande_soumission h1,
#bande_soumission p,
#bande_soumission a								{ display:block; float:left; margin-right:12px; margin-bottom:0;}
#bande_soumission p								{ width:330px; margin-top:12px;}
#bande_soumission a								{ width:134px; height:34px; background-image:url(../../images/btn_fleche_soumission.png); margin-top:15px; font-style:italic; line-height:12px; padding-top:6px; padding-left:14px;}





/**********************************/
/*
/* Footer (bande grise)
/*
/**********************************/
#footer											{ background-color:#4d4d4d; color:#FFF; font-size:26px; padding:28px 0; position:relative;}
#footer .content								{ width:1000px; margin:auto;}
#footer a										{ color:#dedede;}
#footer a:hover									{ color:#8dc63f;}

#footer ul li									{ display:block; float:left; border-right:2px dashed #dedede; background:url(../../images/footer_plus.png) no-repeat left 12px; padding-left:32px; padding-right:65px; margin-right:40px;}
#footer ul li h3								{ font-weight:normal; margin-bottom:23px;}
#footer ul li ul li								{ display:block; border-right:none; float:none; font-size:20px; background:url(../../images/footer_triangle.png) no-repeat left center; padding-left:26px; padding-right:0; margin-left:-30px; line-height:45px; margin-right:0;}

#footer .gris									{ display:block; color:#969696; margin:12px 0; }
#footer a.mailto								{ font-size:16px; color:#969696;}
#footer a.mailto:hover							{ color:#8dc63f;}

#footer #social-links							{ background:url(../../images/social-links-bkg.png) no-repeat center; width:40px; height:127px; position:absolute; right:0; top:26px; padding-top:18px;}
#footer #social-links img						{ margin:0 0 9px 8px; width:30px;}



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

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