/**********************************************

/************************************************

  	
Creator: LEDINNERPARTY
WebSite: COOPERATIVE AGRILAIT  

Modified by: Bernard Dagenais
Date: AUGUST 2007
		

/***********************************************/
/*************** HTML tag styles ***************/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	color: #626262;
	background-image: url(images/bg.gif);
}
p {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}

input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
} 

/**** shadow ****/
.shadow {
	width: auto;
	position: relative;
	height: 8px;
	line-height: 8px;
}
.shadow_left {
	background-image:url(images/shadow_left.png);background-repeat:no-repeat;	float: left;
	height: 8px;
	width: 30px;
	line-height: 8px;
}
.shadow_repeat {
	background-image:url(images/shadow_repeat.png);background-repeat:no-repeat;	float: left;
	height: 8px;
	line-height: 8px;
}
.shadow_right {
	background-image:url(images/shadow_right.png);background-repeat:no-repeat;	float:left;
	height: 8px;
	width: 30px;
	line-height: 8px;
}
/**** fin shadow ****/
#min_height{
	float:right;
	width:0px;
	height:180px;
}
#logo {
	position: absolute;
	right: 40px;
	bottom: 16px;
	top: 30px;
	cursor:pointer;
}
a{
	color: #525252;
	text-decoration:none;
	outline:none;

}
a:hover{
	text-decoration:underline;
}

/* on definit les li en tant que class mais aussi les li sur les a et les a:hover */
.c_txt_li, a.c_txt_li{
	background-image:url(images/fleche2.gif);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:5px;
	background-position:0px 2px;

}
a.c_txt_li:hover{
	background-position:0px -98px;
}
/* ensuite on rentre en detail sur les ul li pour ce qui est de l incremenation */
/* premier niveau */
.c_txt_ul .c_txt_li{
	padding-left:15px;
	background-position:0px 2px;
	font-weight:bold;
}	
/*deuxieme niveau */
.c_txt_ul .c_txt_ul .c_txt_li{
	padding-left:30px;
	background-position:15px 2px;
	font-weight:normal;
}

.c_txt_ul .c_txt_ul a.c_txt_li:hover{
	background-position:15px -98px;
}

/***********************************************/
/********************* TOP *********************/

#top {
	width: 865px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top:15px;
}
#t_nav {
	float: left;
	width: 847px;
	background-image: url(images/bg_tnav.jpg);
	background-repeat: no-repeat;
	height: 96px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-position: right 0px;
}
.t_nav, .t_nav_ON {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 11px;
	float: left;
	padding-top: 11px;
	height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 11px;
	margin-top: 65px;
	font-weight: lighter;
	padding-right: 10px;
	padding-left: 10px;
}
a.t_nav:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.t_nav_ON, a.t_nav_ON:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#t_right{
	float:right;
	width:10px;
	background-image:url(images/bg_tnav_shadow.png);background-repeat:no-repeat;	height: 100px;
}


/***********************************************/
/******************* CONTENT *******************/

#container{
	width: 865px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	right:0px;
	background-position: right 0px;
}
#content{
	background-color: #FFFFFF;
	width: 847px;
	height:auto;
	position: relative;

	border: 4px solid #FFF;
	border-top-style:none;
	float: left;
	background-image: url(images/bg_content2.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom:175px;
}
.c_spacer {
	line-height: 12px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
}
.c_title {
	font-size: 25px;
	line-height: 25px;
	padding-bottom: 10px;
	display: block;
	color: #205AA7;
	text-decoration:none;
	margin-top: 30px;
	width: 480px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #205AA7;
	margin-left: 40px;
}
.c_title15 {
	font-size: 15px;
	line-height: 15px;
	padding-bottom: 10px;
	display: block;
	color: #000000;
	text-decoration:none;
	margin-top: 15px;
}

.c_txt {
	float: left;
	margin-bottom: 15px;
	width: 450px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #205AA7;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 40px}
#c_nav_index {
	float: right;
}
.c_nav_index {
	font-size: 15px;
	color: #205AA7;
	text-decoration: none;
	background-image:url(images/bt_index.png);background-repeat:no-repeat;	display: block;
	height: 20px;
	width: 370px;
	padding-top: 6px;
	padding-left: 30px;
	margin-bottom: 3px;
}
a.c_nav_index:hover {
	background-image:url(images/bt_index_o.png);background-repeat:no-repeat;	color: #FFFFFF;
	text-decoration: none;
}
#content_fromage {
	width: 847px;
	
}
#c_nav_fromage {
	padding-bottom: 10px;
	display: block;
	text-decoration:none;
	width: auto;
	margin-left: 0px;
	padding-top: 10px;
	line-height: 12px;
	margin-right: 40px;
	float: left;
	margin-top: 10px;
}
#c_nav_fromage strong {
	color: #205AA7;
	text-decoration:none;
}
#c_fromage_cartouche {
	float: left;
	width: 250px;
	margin-left: 15px;
	height: auto;
	margin-top: 10px;
	margin-right: 15px;
}
.nutrition_box {
	padding: 5px;
	height: auto;
	width: 190px;
	border: 1px solid #000000;
	margin-right: auto;
	margin-left: auto;
	color: #000000;
	line-height: 12px;
	margin-bottom: 10px;
}
.nutrition_box2 {
	height: auto;
	width: 190px;
	border: 1px solid #708AA8;
	margin-right: auto;
	margin-left: auto;
	color: #708AA8;
	line-height: 12px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.nutrition_box3 {
	height: auto;
	width: 190px;
	border: 1px solid #708AA8;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	line-height: 15px;
	font-size: 14px;
	background-color: #708AA8;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.nutrition_line {
	width: auto;
	padding-top: 2px;
	position: relative;
}
.nutrition_left {
	float: left;
	display: block;
}
.nutrition_right {
	float: right;
	display: block;
}
.clear_from{
	clear:both;
	padding-top:2px;
	border-bottom-width:1px;
	border-bottom-style: solid;
}
.c_txt_fromage {
	float: left;
	width: 527px;
	border-bottom: 1px dotted #205AA7;
	border-top: 1px dotted #205AA7;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 9px;
	margin-right: 0px;
}
.c_fromage_info {
	float: right;
	width: 527px;
	height: auto;
	margin-right: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #708AA8;
}
.c_fromage_info_cat {
	font-weight: bold;
	color: #205AA7;
	text-align: right;
	width: 100px;
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
}
.c_fromage_info_txt {
	width: 365px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #708AA8;
	float: right;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.c_fromage_info_txt strong {
	color:#708AA8;
}

#popup{
	display:none;
	position:absolute;
	top:220px;
	left:351px;
	text-align:left;
	width:357px;
	height:auto;
}
#popup2{
	padding:5px;
	background-color:#FFF;
	border:1px solid #000;
}
.min_height_ico{
	height:25px;
	width:1px;
	float:left;
}
.ico_bloc, .ico_bloc_ON, .ico_meule, .ico_meule_ON, .ico_sac, .ico_sac_ON, .ico_pointe, .ico_pointe_ON, .ico_saumure, .ico_saumure_ON {
	background-image: url(images/ico_bloc.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: auto;
	padding-left: 43px;
	width: 46px;
	padding-top: 10px;
	color: #626262;
	float: left;
}
.ico_meule, .ico_meule_ON {
	background-image: url(images/ico_meule.gif);
}
.ico_sac, .ico_sac_ON {
	background-image: url(images/ico_sac.gif);
}
.ico_pointe, .ico_pointe_ON {
	background-image: url(images/ico_pointe.gif);
}
.ico_saumure, .ico_saumure_ON {
	background-image: url(images/ico_saumure.gif);
}
.ico_bloc_ON, .ico_meule_ON,.ico_sac_ON, .ico_pointe_ON, .ico_saumure_ON {
	background-position: 0px -35px;
	color: #708AA8;
	font-weight: bold;
}
.span_ico{
	padding-top:10px;
	color: #708AA8;
	font-weight: bold;
	width:90px;
	float:left;
	margin-left:5px;
}
.ico_txt {
	float: right;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;
	width: 150px;
}
#c_nav {
	margin-left: 272px;
	height: 22px;
	margin-bottom: 20px;
	display: block;
}
.c_nav {
	color: #205AA7;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 11px;
	float: left;
	padding-top: 8px;
	height: 17px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #205AA7;
	font-size: 11px;
	letter-spacing: 0px;
}
#c_nav_left {
	float: left;
	width: 90px;
	margin-top: 50px;
}
.c_nav_left, .c_nav_left_ON {
	width: 72px;
	background-image:url(images/bg_c_nav_left.png);background-repeat:no-repeat;	background-position: 0px bottom;
	display: block;
	padding-top: 12px;
	padding-left: 15px;
	color: #FFFFFF;
	padding-bottom: 17px;
	line-height: 12px;
	text-decoration: none;
	padding-right: 3px;
}
.c_nav_left_ON {
	background-image:url(images/bg_c_nav_left_o.png);background-repeat:no-repeat;	color: #205AA7;
	font-weight: bold;
}
#c_nav_right {
	float: left;
	width: 290px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #205AA7;
	height: auto;
	margin-left: 30px;
}

.c_nav_right, .c_nav_right_ON {
	font-weight: bold;
	background-image:url(images/bg_c_nav_right.gif);
	background-repeat:no-repeat;
	background-position: 0px 2px;
	display: block;
	padding-left: 20px;
	height: 15px;
	margin-top: 8px;
}
a.c_nav_right:hover {
	background-image:url(images/bg_c_nav_right_o.gif);
	background-repeat:no-repeat;
	color: #205AA7;
	text-decoration: underline;
}

.c_nav_right_ON, a.c_nav_right_on:hover {
	background-image:url(images/bg_c_nav_right_on.gif);
	background-repeat:no-repeat;
	color: #205AA7;
	text-decoration: none;
}

.c_txt_nav_right {
	color: #000000;
	padding-left: 83px;
	display: block;
	text-indent: -64px;
	margin-bottom: 3px;
	margin-top: 3px;
	line-height: 12px;
}
.c_txt_emploi{
	width: 140px;
	padding-right: 15px;
	float: left;
	color: #525252;
	text-decoration: none;
}

.c_details_poste{
	width: 446px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	color: #ffffff;
	background-color: #4d6397;
	text-align: left;
	margin-top: 25px;
	padding-left: 4px;
}
.c_emplois_details{
	color: #4d6397;
	font-family: Arial,Helvetica,SansSerif;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4d6397;
	margin-bottom: 10px;
	margin-top: 15px;
}
.c_postuler_450 a{
	display: block;
	margin-top: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4d6397;
	text-align: right;
	background-color: #4d6397;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 15px;
	width: 445px;
	padding-right: 3px;
	padding-left: 3px;
}

.c_postuler_450 a:hover{
	background-color: #7d8fab;
}


.bt_annuler{
	background-color: #2b4070;
	color: #ffffff;
	text-decoration: none;
	width: 100px;
	height: 17px;
	font-size: 14px;
	line-height: 14px;
	padding-top: 3px;
	margin-top: 10px;
	background-image: url(images/bt_reset.gif);
	background-repeat: no-repeat;
	background-position: 1px 0px;
	border-top: 1px solid #2b4070;
	border-bottom: 1px solid #2b4070;
	text-align: center;
	padding-left: 20px;
	display: block;
	float: left;
	margin-right: 5px;
}
a.bt_annuler:hover{
	background-color: #4d6397;
	background-position: 1px -20px;
}

/***********************************************/
/******************** FOOT *********************/

#foot, #foot_fromage{
	width:855px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	padding-right: 10px;
	background-position: 0px 0px;
	font-size: 10px;
	color: #34630F;
	margin-bottom: 10px;
	padding-top:10px;
}
#foot_fromage{

			padding-left:90px;
			padding-top:0px;
		}
#c_foot_fromage{
	padding-top:30px;
	width:860px;
	height:30px;
	}
.f_nav, .f_navON {
	color: #34630F;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 11px;
	float: right;
	padding-top: 1px;
	height: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #34630F;
	font-size: 10px;
	letter-spacing: 0px;
	font-weight: normal;
	margin-top: 10px;
}
a.f_nav:hover, .f_navON {
	text-decoration: underline;
}

.login{
	color: #34630F;
	float:left;
	padding-top:10px;
	margin-right:10px;
}
.login span{
	width:20px;
	height:20px;
	float:left;
	margin-top:-5px;
}
a.login span{
	cursor:pointer;
	background-image:url(images/bt_login.png);background-repeat:no-repeat;}
a.login:hover span{
	background-image:url(images/bt_login_o.png);background-repeat:no-repeat;}

.lelogo{
	float:right;
	color: #34630F;
	padding-top:0px;
	padding-right:5px;
	padding-left:5px;
}
.lelogo span{
	float:right;
	width:65px;
	height:25px;
}
a.lelogo span{
	cursor:pointer;
	background-image:url(images/logo_ag.png);background-repeat:no-repeat;}
.section_contact{
	border:1px solid #2b4070;
	margin-top:1px;
}
.section_contact a{
	background-image:url(images/bg_c_nav_right.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	padding-top:3px;
	padding-left:18px;
	text-decoration:none;
	color: #2B4070;
	display:block;
	font-size: 14px;
	line-height: 14px;
	height:17px;
}
.section_contact a:hover{
	background-image:url(images/bg_c_nav_right_o.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	color:#626262;
}
.section_contact a.selected{
	background-image:url(images/bg_c_nav_right_on.gif);
	background-repeat:no-repeat;
	background-position:3px 4px;
	color:#626262;
}
a.mail, a.mail:hover{
	background-image:none;
	margin:0px;
	padding:0px;
	font-size:11px;
	width:auto;
}
.c_membre{
	float:left;
	width:212px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.message   {
	background-color: #2B4070;
	color: #FFFFFF;
	text-decoration:none;
	width: auto;
	height: 18px;
	font-size: 14px;
	line-height: 14px;
	padding-top: 4px;
	padding-left: 7px;
	margin-top: 10px;
	display: block;
}
#alerte, #info{
	border: 1px solid #2B4070;
	height: auto;
	padding-bottom: 8px;
	background-image: url(images/bt_alert.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-top: 7px;
	color: #CC0000;
}
#info{
	background-image:url(images/bt_info.gif);
	color:#525252;
}