*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


/* END Clearfix */

body {
	margin: 0 auto;
	position: relative;
    line-height: 20px; /* Baseline grid of 20px */
	background: #1C3C6F ;	
}


div#wrapper {
	
	background: #636466 ;
	
}

div#menu {

	background: #ffffff ;
}
div#menucontent {

	margin: 0 auto;
	width: 950px;
	height: 155px;
	clear: both;
}
div#flash {

	background: #ffffff url(../images/fond_cote.jpg) repeat-x;
}
div#flashcontent {
	margin: 0 auto;
	width: 950px;
	background: #ffffff;
	clear: both;
}
div#flashfin {
	background: #ffffff;
}
div#flashfincontent {
	margin: 0 auto;
	width: 950px;
	height: 45px;
	
	clear: both;
}


div#page {
	background: #ffffff;
}
div#pagecontent {
	margin: 0 auto;
	width: 950px;
	
	clear: both;
}


div#pied {
	background: #1C3C6F;
	
}
div#piedcontent {
	margin: 0 auto;
	width: 950px;
	height: 168px;
	clear: both;
}






#navlistrecetteoff li,#navlistrecetteoff li a:link,#navlistrecetteoff li a:visited
{
font-weight: bold;
	display: block;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e2e3e4;
	background-color: #444444;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #e2e3e4;

	background: #03235c url(../images/farinex_fleche_produit.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px; 
	padding-top: 2px;	
}



#navlistrecette li
{
	display: block;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
	background-color: #e2e3e4;
	
}

#navlistrecette li a:link,#navlistrecette li a:visited
{
	padding-top: 2px;
	display: block;
	padding-bottom: 0px;
	padding-left: 10px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #444444;
	background-color: #e2e3e4;
}

#navlistrecette li a:hover
{
	display: block;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	background-color: #444444;
	
	
	background: #03235c url(../images/farinex_fleche_produit.gif);
	background-repeat: no-repeat;
	background-position: 7px 6px; 
}
/*
Menu
Normal
Gris pal de fond e2e3e4
Texte normal 666666

over
Gris pal de fond 666666
Texte over / actif ffffff

SsMenu
color fond 7a7a7a
texte bold verdana 11  e2e3e4
*/
#navlistrecette a
{
padding-left: 20px;
padding-bottom: 0px;
font-weight: bold;
text-decoration: none;
}

#navlistrecette a:link, #navlistrecette a:visited
{


padding-left: 20px;
color: #03235c;
background: url(../images/farinex_fleche_produit.gif);
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlistrecette a:hover
{

color: #03235c;
padding-left: 20px;
background: url(../images/farinex_fleche_produit.gif);
background-repeat: no-repeat;
background-position: 0 -14px;} 

/* /------------------- */


.none { display: none; }


#vertical_slide, #horizontal_slide {
	padding: 10px;
	font-weight: bold;
	display: none;
}
#menufind{
	background: #D0C8C8;
	color: #8A7575;
	padding: 10px;
	display: none;
}

.element,.element a:link,.element a:visited{
	background: #fef200;
	color: #03235c;
	/*
	padding-left: 10px;
	*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	line-height: 18px;
}
.element a:hover{
	background: #fef200;
	color: #03235c;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}


.chargement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #1b669a;
	text-decoration: none;
}

.listetexte,.listetexte a:link,.listetexte a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #222222;
	text-decoration: none;
}

.listetexte a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #222222;
	text-decoration: underline;
}



.recetteon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #636466;
}

.recetteoff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF00FF;
	color: #630066;

}




#navcontainer
{

margin: 0;
padding:0;
}

#navlist li
{
	display: block;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}

#navlist a
{
padding-left: 20px;
padding-bottom: 0px;
font-weight: bold;
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
padding-left: 20px;
color: #F4F4F4;
/*
background: url(http://hekima.lionking.org/randomness/arrowbullet.gif);
background: url(../images/farinex_fleche_produit.gif);
*/
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist a:hover
{

color: #B5B6BA;
padding-left: 20px;
background: url(http://www.farinex.ca/laboite_fr/images/farinex_fleche_menu.gif);
background-repeat: no-repeat;
background-position:8px 2px;} 



.historiquetexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
}




.contacttitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-transform: uppercase;
}
.contactadresse {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-transform: uppercase;
	font-weight: bold;
}
.contacttext,.contacttext a:link,.contacttext a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-decoration: none;
}
.contacttext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-decoration: underline;
}

.contactformulaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #444444;
	font-weight: bold;
}





.emploiintro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	color: #444444;
	font-weight: bold;
}

.emploititre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #777777;
	font-weight: bold;
	text-transform: uppercase;
}
.emploisstitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #777777;
	font-weight: bold;
}
.emploitexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #444444;
}

.emploinote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #cccccc;
}
.preparationtexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #444444;
}








.missiontitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	color: #1c3c6f;
	text-transform: uppercase;
}
	






.textetitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 21px;
	font-weight: bold;
	
}

.textenormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #444444;
	text-decoration: none;
}
.textenormal a:link,.textenormal a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #a35229;
	font-weight: bold;
	text-decoration: none;
}

.textenormal a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	color: #a35229;
	font-weight: bold;
	text-decoration: underline;
}



.evenement {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #444444;
}


.titreevent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #444444;
	font-weight: bold;
}

.editer {
	color: #FFFFFF;
	border: solid 1px #173966;
	background: #173966;
	background: -webkit-gradient(linear, left top, left bottom, from(#015293), to(#003768));
	background: -moz-linear-gradient(top,  #015293,  #003768);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#015293', endColorstr='#003768');
}
.editer:hover {
	background: #173966;
	background: -webkit-gradient(linear, left top, left bottom, from(#143663), to(#082245));
	background: -moz-linear-gradient(top,  #143663,  #082245);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#143663', endColorstr='#082245');
}
.editer:active {
	color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#143663), to(#082245));
	background: -moz-linear-gradient(top,  #143663,  #082245);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#143663', endColorstr='#082245');
}



.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px/100%;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}