/*
# Rouge (titres, textes) 	#ff0000
# Gris (textes) 			#4d4d4d
# Jaune (textes)			#ffe615
# Vert (textes)				#5f9e0e
# Orange (textes)			#e69200
# */
 

* {
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	color: #4d4d4d;
	font: 62.5% Arial, Verdana, Helvetica, sans-serif;
}

#container {
	background: url(../img/background.gif) repeat-y;
	font-size: 1.1em;
	margin: 0 auto;
	width: 822px;
}

input, textarea, select {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	border: 1px solid #ccc; 
}



/* -------------------------------------------*/
/* ---------->>> Titres, textes <<<-----------*/
/* -------------------------------------------*/

h1 {
	background: url(../img/entete/logo.jpg) no-repeat;
	float: left;
	height: 96px;
	margin: 23px 0 0;
	width: 206px;
}

h2 {
	color: #ff0000;
	font-size: 1.3em;
	font-weight: normal;
}

#bandeGauche h2, #bandeCentre h2 {
	height: 25px;
	padding: 5px 0 0;
	text-align: center;
}

#content h2, #content h3 {
	font-size: 1.1em;
	font-weight: bold;
	height: auto;
	text-align: left;
}
#content h3 { 
	color: #000;
	font-weight: normal;
	margin-bottom: 1em;
}

#content h4, #content h5 {
	color: #ff9900;
	font-size: 1em;
}
#content h5 {
	color: #000;
	font-weight: normal;
	margin-bottom: 1.5em;
}

#content.emploi-content h5
{
	color: #000;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 17px;
}

#pageEmploi h4 { margin: 20px 0 0; }
#pageEmploi h5 { margin: 1.5em 0 0; }

#filtre h2 { text-align: left; }

#infolettre h2 {
	height: auto;
	margin: 5px 0 10px 0;
}

#contentTxt h2 {
	color: #e69200;
	height: auto;
	padding: 5px 0 10px;
	text-align: left;
}

p { margin: 0 0 1.5em; }

p#infoTel{ 
	height: 10px;
	letter-spacing: 0.01em;
	margin: 0 10px 10px 0;
	padding: 0 5px 0 0;
	text-align: right; 
}

p#infoTel span {
	color: #ff0000;
	text-transform: uppercase;
}

p#menuSec {
	background: url(../img/entete/backMutilitaire.gif) right top repeat-y;
	height: 15px;
	margin: 0 12px 0 0;
	padding: 5px 5px 5px 0;
	text-align: right;
}

#vendeur p { width: 100px;}
#vendeur-qc p, #vendeur-saguenay p { width: 100px;}

p.orange { color: #e69200;}

#coordonnees span { 
	color: #ff0000;
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}



/* -------------------------------------------*/
/* -------------->>> Liens <<<----------------*/
/* -------------------------------------------*/

a { color: #4d4d4d; }
a:hover { color: #000;}

h1 a {
	display: block;
	height: 96px;
	width: 206px;
}

p#menuSec a {
	color: #4d4d4d;
	font-size: 1em;
	margin: 0 0 0 10px;
}

#filtre a.bouton, form a.bouton {
	background: url(../img/bouton.gif) 0 0 no-repeat;
	color: #ff0000;
	display: block;
	float: right;
	height: 21px;
	line-height: 20px;
	margin: 0 10px 0 0;
	text-align: center;
	text-decoration: none;
	width: 137px;
}
#filtre a.bouton:hover, form a.bouton:hover {
	background: url(../img/bouton.gif) 0 -40px no-repeat;
	border: 0;
	color: #fff;
}

#infolettre a { 
	display: block;
	line-height: 1.6em;
}

a.archives {
	color: #fff;
	display: block;
	text-align: right;
	width: 175px;
}
a.archives:hover { color: #ff0000; }
#actualite a.archives:hover { color: #4d4d4d; }

a.back {
	color: #ff0000;
	float: right;
	
}

/* -------------------------------------------*/
/* --------------->>> Menu <<<----------------*/
/* -------------------------------------------*/

#menu { 
	height: 85px;
	list-style: none;
}
#menu li {
	display: inline;
	float: left;
	height: 85px;
	width: 198px;
}

#menu li a {
	display: block;
	height: 85px;
	width: 198px;
}

#menu li#mActualite a { background: url(../img/entete/menuActualite.gif) 0 0 no-repeat; }
#menu li#mProduits a { background: url(../img/entete/menuProduitsServices.gif) 0 0 no-repeat;}
#menu li#mEntreprise a { background: url(../img/entete/menuEntreprise.gif) 0 0 no-repeat;}
#menu li#mActualite a:hover { background: url(../img/entete/menuActualite.gif) 0 -85px no-repeat; }
#menu li#mProduits a:hover { background: url(../img/entete/menuProduitsServices.gif) 0 -85px no-repeat;}
#menu li#mEntreprise a:hover { background: url(../img/entete/menuEntreprise.gif) 0 -85px no-repeat;}

#pageActualite #menu li#mActualite a { background: url(../img/entete/menuActualiteActif.gif) 0 0 no-repeat; }
#pageProduits #menu li#mProduits a { background: url(../img/entete/menuProduitsServicesActif.gif) 0 0 no-repeat; }
#pageEntreprise #menu li#mEntreprise a { background: url(../img/entete/menuEntrepriseActif.gif) 0 0 no-repeat; }


#pageContact #sousMenu { display: none; }

#sousMenu { background: #ff0000 url(../img/titres/backMenu.jpg); }

#sousMenu ul { 
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

#sousMenu ul li { 
	clear: left;
	list-style: none;
	padding: 0 0 5px;
}

#sousMenu a {
	clear: left;
	color: #fff;
	display: block;
	float: left;
	margin: 0 0 10px;
	padding: 0 0 0 25px;
}

#sousMenu a:hover { color: #ffe615; }

#pageActualite #smenuActualite, #pageProduits #smenuProduits, #pageEntreprise #smenuEntreprise, #pageEmploi #smenuEmploi {
	height: auto;
	visibility: visible;
}

body.smenu1 #sousMenu ul li.smenu1 a, body.smenu2 #sousMenu ul li.smenu2 a, body.smenu3 #sousMenu ul li.smenu3 a,
body.smenu4 #sousMenu ul li.smenu4 a, body.smenu5 #sousMenu ul li.smenu5 a, body.smenu6 #sousMenu ul li.smenu6 a, body.smenu7 #sousMenu ul li.smenu7 a, body.smenu8 #sousMenu ul li.smenu8 a,
body.smenu9 #sousMenu ul li.smenu9 a
{
	color: #ffe615;
	font-weight: bold;
	text-decoration: none;
}
body.smenu1 #sousMenu ul li.smenu1 a:hover, body.smenu2 #sousMenu ul li.smenu2 a:hover, body.smenu3 #sousMenu ul li.smenu3 a:hover,
body.smenu4 #sousMenu ul li.smenu4 a:hover, body.smenu5 #sousMenu ul li.smenu5 a:hover, body.smenu6 #sousMenu ul li.smenu6 a:hover, body.smenu7 #sousMenu ul li.smenu7 a:hover, body.smenu8 #sousMenu ul li.smenu8 a:hover,
body.smenu9 #sousMenu ul li.smenu9 a:hover
{
	border-left: none;
	font-weight: bold;
	padding: 0 0 0 25px;
}

/* -------------------------------------------*/
/* ------------->>> Structure <<<-------------*/
/* -------------------------------------------*/

#header {
	background: #fff url(../img/entete/backEntete.gif) 0 68px no-repeat;
	padding: 20px 0 0 10px;
}

#mainContent { 
	font-size: 1.1em;
	overflow: hidden;
	padding: 0 20px; 
}

.txtIntro { padding: 20px 0 0 0px;}

#content {
	background : url(../img/top-content.gif) no-repeat;
	padding: 20px 40px;
}

/* ------------->>> Filtre <<<-------------*/
#filtre.roundCorner { 
	border: 1px solid #ff0000;
	margin: 0 0 0 0px !important;
	margin: 0 0 10px 0px;
	padding: 10px;
    width: 574px;
}

#filtreQc, #filtreSaguenay { 
	padding: 0 0 20px;
	width: 574px; 
}

#filtreQc h2, #filtreSaguenay h2 { padding-top: 15px; }

#filtreQc h2 span, #filtreSaguenay h2 span {
	color: #000;
	font-size: 0.9em;
}

#filtreQc p.txtIntro, #filtreSaguenay p.txtIntro { 
	display: inline;
	float: left;
	margin: 20px 0 0;
	padding: 0;
	width: 350px; 
}

#filtreQc p.filtreActif, #filtreSaguenay p.filtreActif {
	display: inline;
	float: right;
	font-size: 0.9em;
	margin: 20px 0 0;
	text-align: right;
	width: 200px;
}

#filtreQc .imgFiltre {
	background: url(../img/entete/filtre-qc.jpg) no-repeat;
	height: 175px;
	width: 570px;
}

#filtreSaguenay .imgFiltre {
	background: url(../img/entete/filtre-saguenay.jpg) no-repeat;
	height: 175px;
	width: 570px;
}

#filtre p, #filtre fieldset {
	display: inline;
	float: left;
	margin: 5px 0 0;
	width: 175px;
}

#filtre p { margin: 10px 15px 0 0;}

#filtre .checkbox { 
	clear: left;
	padding: 5px 0;
	cursor: pointer;
}

#filtre label {
	float: left;
	padding: 0 0 0 20px;
	cursor: pointer;
}

.checkboxOff {
	background: url(../img/checkbox_off.gif) 0 2px no-repeat;
	border: 0px;
	color: #4d4d4d;
	display: inline;
	line-height: 1.4em;
	padding: 0 0 0 20px;
}

.checkboxOn {
	background: url(../img/checkbox_on.gif) 0 2px no-repeat;
	border: 0px;
	color: #ff0000;
	display: inline;
	line-height: 1.4em;
	padding: 0 0 0 20px;
}



/* ------------->>> Bande gauche <<<-------------*/

#bandeGauche {
	background: url(../img/titres/tout.gif) no-repeat;
	display: inline;
	float: left;
	padding: 80px 0 0 !important;
	padding: 100px 0 0;
	width: 195px;
}

#bandeGauche .roundCorner {
	border: 1px solid #d3d3d3;
	height: auto;
	margin: 10px 0 30px;
	padding: 10px;
    width: 195px;
}

#sousMenu.roundCorner { padding: 0; }

#infolettre { background: #fff url(../img/titres/backTitreGauche.jpg) no-repeat; }

#infolettre label { 
	display: block; 
	margin: 0 0 8px;
}
#infolettre #inputInfolettre {
	border: 1px solid #d3d3d3;
	color: #4d4d4d;
	font: 1em Arial, Verdana, Helvetica, sans-serif;
	height: 17px;
	margin: 0 0 8px;
	width: 140px;
}

#infolettre #btnOK {
	margin: 0 0 0 5px;
	position: relative;
	top: -2px;
}

#vendeur.roundCorner {
	background: url(../img/titres/vendeur.jpg);
	color: #ff0000;
	height: 160px;
}


#vendeur-qc.roundCorner {
	background: url(../img/titres/vendeur-qc.jpg);
	color: #ff0000;
	height: 160px;
}

#vendeur-saguenay.roundCorner {
	background: url(../img/titres/vendeur-saguenay.jpg);
	color: #ff0000;
	height: 160px;
}


/* ------------->>> Bande centre <<<-------------*/

#bandeCentre {
	float: left;
	margin: 0 0 0 10px;
	width: 575px;
}

#contentTxt {
	padding: 10px 20px 0 45px;
}

ul.equipeDirection { 
	list-style: none; 
	margin: 0 0 15px;
}

ul.equipeDirection li {
	margin: 20px 0;
	overflow: hidden;
}

ul.equipeDirection li div {
	margin-left: 150px;
}

ul.equipeDirection div.image {
	background: url(../img/shadow.gif) no-repeat;
	display: inline;
	float: left;
	height: 155px;
	margin: 0;
	width: 123px;
}



ul.equipe{
	list-style: none;
	margin: 1.5em 0 0;
}

ul.equipe li {
	display: inline;
	float: left;
	height: 20em;
	margin: 0 60px 20px 0;
	overflow: hidden;
	width: 123px;
}

ul.equipe li.last { margin-right: 0;}

ul.equipe li div {
	background: url(../img/shadow.gif) no-repeat;
	height: 155px;
	width: 123px;
}

ul#listEmploi {
	list-style: none;
	margin-top: 20px;
}

ul#listEmploi li { margin: 0 0 10px; }

ul#listEmploi li a {
	color: #ff9900;
	font-weight: bold;
}

#pageEmploi ul { padding-left: 20px;}

#textDescription {
	border: 1px solid #ccc;
	height: 200px;
	width: 270px;
}
#formEmploi{ margin: 20px 0; }
#formEmploi div { margin: 0 0 20px; }

#formEmploi div label {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
}

#formEmploi div label span {
	color: #cc6600;
	display: block;
	font-weight: bold;
}
table.horaire { margin-bottom: 20px;width: 100%;}
table.horaire td, table.horaire th { 
	border-bottom: 1px solid #999;
	padding: 5px; 
	text-align: center;
}
table.horaire td.divisions {
	background: #999;
	border-bottom: 1px solid #fff;
	color: #fff;
	text-align: left;
	width: 200px;
}

table.horaire td.region {
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
}

table.horaire td.back, table.horaire th { background: #ccc; }

/* -------------------------------------------*/
/* --------------->>> Footer <<<--------------*/
/* -------------------------------------------*/

#footer {
	background: #fff url(../img/bottom.gif) no-repeat;
	clear: both;
	font-size: 1em;
	padding: 25px 20px;
}

#footer #copyrights {
	float: none;
	
}

#footer p {
	display: inline;
	float: right;
	padding: 0 20px 0 0;
}

#footer a {
	background: url(../img/icon_leonard.gif) no-repeat;
	display: block;
	height: 12px;
	width: 54px;
}

/* -------------------------------------------*/
/* -------------->>> General <<<--------------*/
/* -------------------------------------------*/

.clear, .clearfix {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	
	/* ------------->>> Recettes <<<-------------*/

#ingredients
{
	width: 500px;
	border-bottom: 1px solid #FF9900;
}

#ingredients tr.header
{
	background: url(/img/recette_ingredient_header_background.jpg) repeat-x;
	height: 30px;
	color: #fff;
}

#ingredients tr td
{
	height: 20px;
}

.prix_ingredient
{
	color: red;
}

#x ul { list-style: none; margin: 0; padding:0; }
#x ul li { 
	display: inline;
	float: left;
	height: 150px;
	margin: 0 20px 0 0; 
	width:100px;
}

ul.listNews {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.listNews li {
	border-bottom: 1px solid #EDEDED;
	margin-top: 10px;
}

ul.listNews li h3 { 
	color: #F98912 !important;
	font-weight: bold !important; 
	margin: 0 0 5px !important;
}

ul.listNews li h3 a, ul.listNews li p a {
	color: #F98912;
	text-decoration: none;
}
ul.listNews li p a { color: #FC2626; }

ul.listNews li h3 a:hover { text-decoration: underline;}

/*** Icones ****/

a.pdf, a.excel, a.word, a.ppt, a.image {
	background: url(../images/icons/pdf.gif) no-repeat;
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
}

a.image { background: url(../images/icons/default.gif) no-repeat; }
a.excel { background: url(../images/icons/excel.gif) no-repeat; }
a.word { background: url(../images/icons/word.gif) no-repeat; }
a.ppt { background: url(../images/icons/powerpoint.gif) no-repeat; }