/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/images_template/bg_repeat.jpg) left top repeat-x;
	font-family: Helvetica, Arial, Verdana, sans serif;
	font-size: 12px;
	line-height: 110%;
}

.clear{
	clear: both;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {

text-decoration:underline;
}
a img {
	border: 0;
	border: none;
}
table {
	border-collapse: collapse;
}

/*input[type="text"] {

	background:url(../images/images_template/input_f.jpg) no-repeat scroll 0 0;
	border:0 none;
	color:#666666;
	font-size:12px;
	padding: 5px 10px 0;
	margin:0 auto;
	width:300px;
	overflow:hidden;
}*/

input[type="submit"] {
	cursor:pointer;
	background:none;
	color:#000;
	text-decoration:underline !important;
	width:auto;
}
/*
textarea {
	background:url(../images/images_template/text_ae.jpg) no-repeat scroll 0 0;
	border:0 none;
	height:75px;
	overflow:auto;
	padding:5px 10px 15px;
	width:300px;
	overflow:hidden;
}*/


#site {
	width: 972px;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0 7px 0 7px;
	background: #fff url(../images/images_template/bg_site.jpg) no-repeat;
}

	h1 {
			/*color:#e2650c;
			font-size:14px;
			margin: 15px 0 5px;
			padding:0;*/
			visibility:hidden;
			margin:0;
		}
	
	
	h3 {
			font-size: 13px;
			font-weight: bold;
			color: #e2650c;
			background: url(../images/images_template/puce_subtit.gif) scroll left 5px no-repeat;
			padding: 0 0 0 16px;
			margin: 15px 0 5px 0px;	
		}
	
	h2 {
		font-size: 14px;
		font-weight: normal;
		text-transform: uppercase;
		color: #7ab51d;
		padding: 0 0 2px 0;
		margin: 15px 0 5px 0;
		border-bottom: 1px solid #7ab51d;
	}	
	
	h4 {
			font-size: 14px;
			font-weight: bold;
			color: #410c0a;
			background: url(../images/images_template/puce_subtit_orange.gif) left 5px no-repeat;
			padding: 0 0 0 21px;
			margin: 0 0 10px 0;	
		}
		
	h5 {
				font-size: 13px;
				font-weight: bold;
				color: #f29400;
				padding: 0 0 0 30px;
				margin: 15px 0 5px 0;
			}
	
			
	ol { color:#E2650C; }
	
	ol li a:hover {
		color:#A4C500;
		}
	
	ol li a { 
		/*text-decoration:none;*/
		color:#0000;
		text-decoration:underline;
		/*font-weight:bold;*/
		}
		
	ol li {
		color:#000000;
		margin-bottom:4px;
	}
	
			
	ul li {
			list-style: none;
			background: url(../images/images_template/puce_subtit.gif) -5px 5px no-repeat;
			margin: 0 0 0 0px;
			padding-left:15px;
			/*margin: 3px 0;	*/
		}
	ul li a {
			color: #e2650c;
			text-decoration: none;
		}
	ul li a:hover {
			color: #f29400;
			text-decoration: underline;
		}
	
	p {
		margin-bottom:0px;
		}

/*======================================================
LEFT COL
======================================================*/

#left-col {
	position: relative;
	width: 248px;
	margin: 0;
	padding: 21px 0 0 0;
	float: left;
}

	.btn-home {
		display: block;		
		height: 36px;
		position: absolute;
		top: 183px;
		left: 36px;
		text-decoration: none;
		color: #A4C600;
		font-size: x-small;
	}

	.pad-btn {
		display: block;
		width: 154px;
		height: 22px;
		margin: 0 auto;
		padding: 11px 15px 0 15px;
		background: url(../images/images_template/pad_btn.jpg) no-repeat;
		text-align: center;
		text-decoration: none;
		font-size: 12px;
		color: #509f25;
	}
	.pad-btn:hover {
		color: #e2650c;
		font-weight: bold;
	}
	.pad-kids {
		display: block;
		width: 208px;
		margin: 4px auto 0 auto;
	}
	.left-menu {
		width: 184px;
		margin: 20px auto 4px auto;
		padding: 0;
	}
		.left-menu li {
			list-style: none;
			display: inline;
			margin: 0;
			padding: 0;
			font-size: 14px;
		}
		.left-menu li a {
			display: block;
			height: 20px;
			background: url(../images/images_template/left_menu.jpg) no-repeat;
			padding: 9px 15px 0 37px;
			color: #fff;
			text-decoration: none;
		}
		.activ a:hover {
		text-decoration:none;
		}
		.left-menu li a:hover {
			background: url(../images/images_template/left_menu_over.jpg) no-repeat;
			color: #A4C600;
		}
		.left-menu li a.menu_item_activ {
			background: url(../images/images_template/left_menu_on.jpg) no-repeat;
			color: #410c0a;
		}
		.activ a {
		background: url(../images/images_template/left_menu_on.jpg) no-repeat !important;
		color: #410c0a !important;
	}
	
	.left-border {
		width: 206px;
		margin: 20px auto 4px auto;
		padding: 0;
	}
	
	.pad-test-big {
		display: block;
		width: 154px;
		height: 80px;
		margin: 2px auto 0 auto;
		padding: 18px 15px 0 15px;
		background: url(../images/images_template/pad_test_big.jpg) no-repeat;
		text-align: center;
		text-decoration: none;
		font-size: 14px;
		color: #fff;
	}
	
	.pad-test-big em,
		.pad-test em {
			display: block;
			font-weight: bold;
			padding: 5px 0;
		}
		.pad-test-big span,
		.pad-test span {
			font-size: 12px;
			color: #451717;
		}

	
	
/*======================================================
Main
======================================================*/
#main, #main-home {
	width: 712px;
	margin: 0;
	padding: 21px 0 0 12px;
	float: left;
}
#main {
	position: relative;
	height: auto !important;
	height: 500px;
	min-height: 500px;
	/*background: url(../images/images_template/bg_ctn_default.jpg) right 21px no-repeat;*/
	float: left;
}



	#main-home .content {
		padding: 0;
	}
		
		
	#main .content {
		min-height:550px;
		width: 500px;
		padding: 177px 0 0 0;
	}
	
	#main .content_kids {
		min-height:550px;
		width:600px;
		padding: 177px 0 0 0;
	}
	
	#main .content_accueil {
		padding:77px 0 0 0;
	}
		
	#main .content  ul li {
		/*font-weight:bold;*/
	}
	
	.liste-offres {
		padding:0;
		min-height:550px;
		width:500px;
		padding:177px 0 0 0;
		border-bottom:1px solid #7AB51D;
	}

a img {
	border: 0;
	border: none;
	}
	
	}
			.artContent {
				position: relative;
				padding: 1px 0 0 0px;
			}
			.recetDetail {
				padding: 0 0 0 21px;
			}
			
			.artDetail p,
			.artContent p,
			.recetDetail p {
				padding: 0;
				margin: 10px 0;
			}
			.artDetail h2,
			.artContent h2 {
				font-size: 13px;
				font-weight: bold;
				color: #e2650c;
				background: url(../images/images_template/puce_subtit.gif) scroll left 5px no-repeat;
			padding: 0 0 0 16px;
			margin: 15px 0 5px 0px;	
			}
			
		.artContent h3 {
			font-size: 13px;
			font-weight: normal;
			text-transform: uppercase;
			color: #7ab51d;
			padding: 0 0 2px 0;
			margin: 25px 0 10px 0;
			border-bottom: 1px solid #7ab51d;
		}
		
	.pad-right {
				float: right;
				width: 186px;
				margin: 230px 10px 0 0;
			}
			
	.pad-lien-2 {
					margin: 10px 0 0 0;
					width: 186px;
					background: url(../images/images_template/pad_lien_top.jpg) no-repeat;
				}
	
	.pad-lien-bottom {
					height: auto !important;
					min-height: 20px;
					height: 20px;
					background: url(../images/images_template/pad_lien_bottom.jpg) left bottom no-repeat;
					padding: 30px 10px;
					text-align: center;
					font-size: 13px;
					color: #fff;
				}
		.pad-lien-bottom a {
						display: block;
						font-size: 13px;
						color: #fff;
						text-decoration: none;
					}
		.pad-lien-bottom a:hover {
						text-decoration: underline;
					}
					
	
		
	
	.pagination {
			position: relative;
			font-weight: bold;
			color: #aaa;
			/*text-align: center;*/
			padding: 0;
			margin-top:50px;
		}
		
			.pagination a {
				color: #aaa;
				text-decoration: none;
			}
			.pagination a:hover {
				text-decoration: underline;
			}
					
			.pagination .pag-next {
				position: absolute;
				right:0px;
			}
			
			.pagination .pag-som {
				position:absolute;
				left:220px;
			}
			
			.pagination .pag-prev {
				position: relative;
				text-align:left;
			}
			
	.btn-print-recet {
				position: absolute;
				margin: 6px 0 0 420px;
			}
			
	.offre-emploi {
			border-bottom:underline;
	}
	
	/*======================================================
	TEST
	======================================================*/
	.question {
		margin: 20px 0 0 0;
	}
		.question h3 {
			font-size: 12px;
			font-weight: bold;
			color: #509f25;
			padding: 0;
			margin: 0 0 3px 0;
			background:none;
		}
		.reponse,
		.reponse-active {
			padding: 2px 0 2px 20px;
			margin: 0;
			cursor: pointer;
		}
		.reponse {
			background: url(../images/images_template/checkbox.gif) left 2px no-repeat;
		}
		.reponse-active {
			background: url(../images/images_template/checkbox_on.gif) left 2px no-repeat;
			color: #e2650c;
		}
		.btn-valider {
			display: block;
			width: 80px;
			margin: 20px auto 0 auto;
		}

/*======================================================
Droite
======================================================*/

	.pad-droite {
	margin-top:170px;
	}

/*======================================================
Footer
======================================================*/
#footer {
	background: url(../images/images_template/footer.jpg) center 47px no-repeat;
	padding: 30px 0 8px 0;
	text-align: center;
	margin: 0;
}
	#footer a {
		padding: 0 7px;
		color: #e2650c;
		text-decoration: none;
		line-height: 16px;
	}
	#footer a:hover {
		color: #A5C500;
	}
	#footer a.count1 {
		background: url(../images/images_template/footer_sep.gif) left center no-repeat;
		padding-left: 12px;
	}