/* Default styles */
* {
	padding: 0;
	margin: 0;
	border: none;
}

.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	background: transparent;
}

body {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #333225;
	position: relative;
	background: #eee9d9;
}

a 		{color: #265a78; text-decoration: none; outline: none;}
a img 	{border: none; outline: none;}
a:hover	{text-decoration: underline;}

h1 {	color: #df4073; font-size: 2.1em; margin: 0 0 10px;}
h2 {	color: #333225; font-size: 1.6em; margin: 5px 0px 5px 0px; padding-left: 20px;}
h3 { color: #761131; font-size: 1.7em; margin: 10px 0;}

p {
	/*
	font-size: 1.3em;
	*/
	line-height: 18px;
	margin: 0px 0px 15px 0px;
}
p.last {
	margin: 0px;
}

#wrap_header {
	background: #292929 url(../img/logo_back.jpg) repeat-x left top;
	height: 133px;
}
	#header {
		width: 990px;
		margin: 0 auto;
		position: relative;
	}
	#header #logo {
		display: block;
		background: url(../img/logo.png) no-repeat left top;
		height: 133px;
		margin-left: -4px;
		text-indent: -9999px;
	}
	#header #login {
		position: absolute;
		right: 0px;
		bottom: 10px;
		background: url(../img/lock.jpg) no-repeat 3px 2px;
	}
		#login a {
			color: #FFF;
			font-size: 1.2em;
		}
		#login a.lock {
			padding:0 10px 0 15px;
		}
#wrap_menu {
	background: #669bb8;
	border-top: #4e7c96 5px solid;
	height: 86px;
}
	#menu {
		width: 990px;
		margin: 0 auto;
		padding-left: 20px;
		position: relative;
	}
		#nav {
			z-index: 100;
			position: absolute;
			top: 0px;
			left: 15px;
		}
		#menu ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}

		#menu li {
			float: left;
			display: inline;
			list-style: none;
			padding: 0;
		}
		/* MENU ITEMS  */
		#menu a{
			display: block;
			text-decoration: none;
			cursor: pointer;
			float: left;
			color: #FFF;
			font-size: 1.4em;
			padding: 4px 6px;
			margin: 55px 10px 0 0;
			display: inline;
		}
			#menu a:hover, #menu a.active{
				background: #437089;
				text-decoration: none;
			}
	#people {
		background: transparent url(../img/people.png) no-repeat scroll 0 0;
		height: 144px;
		left: 400px;
		position: absolute;
		top: -58px;
		width: 387px;
	}

#main {
	width: 990px;
	margin: 0 auto;
	padding: 30px 0;
}
	#wrap_content {
		float: left;
		width: 710px;
	}

		#wrap_content ul, #wrap_content ol{
			margin-left:35px;
			margin-bottom:10px;
            margin-top:10px;
		}

		.content_border_one {
			border: 1px solid #ece7d7;
		}
		.content_border_two {
			border: 1px solid #e8e4d4;
		}
		.content_border_three {
			border: 1px solid #e3decf;
		}
		div.content {
			background: #f2f2e8;
			border: 1px solid #dbd7c8;
			padding: 9px 0px;
			position: relative;
			zoom: 1;
		}
			div.content img.left {
				float: left;
				padding: 0px 10px;
				position: relative;
			}
			div.text_short {
				background: #f2f2e8 url(../img/text/text_short_bg.jpg) no-repeat left top;
				margin-left: 245px;
				padding: 15px 10px 0px;
			}
			div.text_medium {
				background: #f2f2e8 url(../img/text/text_medium_bg.jpg) no-repeat left top;
				padding: 15px 20px 10px;
			}
			div.text_long {
				background: #f2f2e8 url(../img/text/text_long_bg.jpg) no-repeat left top;
				padding: 15px 20px 10px;
				margin-left: 245px;
			}

			div.text_simply {
				padding: 0px 20px 0px;
			}

			div.text_simply, div.text_long, div.text_medium , div.text_short  {
				font-size: 1.3em;
				line-height: 18px;
			}

			.content_bottom {
				background: #bebeaf;
				height: 28px;
				margin: 0 10px;
			}
	#wrap_icons {
		float: left;
		width: 274px;
		background: #bebeaf;
		margin: 4px 0 0 6px;
		display: inline;
		padding: 0 0 30px 0;
	}
		#wrap_icons a {
			margin: 0 auto;
			display: block;
			cursor: pointer;
			width: 247px;
			text-indent: -9999px;
		}
		#offres {background: url(../img/right/offres.jpg) no-repeat;	height: 195px;}
		#candidats {	background: url(../img/right/candidats.jpg) no-repeat;	height: 174px;}
		#candidats_long { background: url(../img/right/candidats_long.jpg) no-repeat; height: 200px;}
		#face_twit {background: url(../img/right/face_twit.jpg) no-repeat;	height: 162px; margin: 0 auto; width: 247px; position: relative;}
		#face_twit_long {background: url(../img/right/face_twit_long.jpg) no-repeat;	height: 159px; margin: 0 auto; width: 247px; position: relative;}
			#face_twit a, #face_twit_long a {
				width: 69px;
				display: block;
				margin: 0;
				position: absolute;
				padding-top: 77px;
				color: #333225;
				font-size: 1.2em;
				font-weight: bold;
				text-decoration: none;
				text-align: center;
				text-indent: 0;
			}
			#face_twit a {top: 50px;}
			#face_twit_long a {top: 45px;}
			#face_twit a:hover, #face_twit_long a:hover {text-decoration:underline;}
			#face_twit #facebook, #face_twit_long #facebook{background: url(../img/right/facebook.jpg) no-repeat; left: 60px;}
			#face_twit #twitter, #face_twit_long #twitter {background: url(../img/right/twitter.jpg) no-repeat; left: 150px;}


#wrap_footer {
	background: #292929 url(../img/footer_back.jpg) repeat-x left top;
	border-top: #4e7c96 5px solid;
	height: 259px;
}
	#footer {
		width: 990px;
		margin: 10px auto 0px;
		color: #d4d4d4;
		position: relative;
	}
		#footer_menu #footer_nav {
			list-style: none;
			margin: 0;
			padding: 0;
			margin: 0 0 0 10px;
		}

		#footer_menu #footer_nav li.footer_item {
			float: left;
			display: inline;
			list-style: none;
			padding: 0px;
			position: relative;
		}
		/* MENU ITEMS  */
		#footer_menu a.footer_link{
			display: block;
			text-decoration: none;
			cursor: pointer;
			float: left;
			color: #d4d4d4;
			font-size: 1.2em;
			margin-right: 93px;
			display: inline;
		}
			#footer_menu a.footer_link:hover, #footer_menu a.active{
				color: #5a849c;
				text-decoration: none;
			}
			/* Second footer menu */
			#footer_menu .second_footer_nav {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 25px;
				left: 23px;
				list-style: disc;
			}
			#footer_menu .second_footer_nav li {
				list-style-type: none;
				background: url(../img/footer_list.jpg) no-repeat 0px 5px;
				height: 20px;
				display: list-item;
				float: none;
				padding-left: 10px;
			}
			/* MENU ITEMS  */
			#footer_menu .second_footer_nav li a{
				text-decoration: none;
				cursor: pointer;
				color: #FFF;
				font-size: 1.1em;
				color: #5a5a5a;
			}
				#footer_menu .second_footer_nav li a:hover, #footer_menu .second_footer_nav li a.active{
					color: #5a849c;
					text-decoration: none;
				}
		#footer #copyright {
			position: absolute;
			top: 0px;
			right: 17px;
			font-size: 1.1em;
		}

/* Pages */
/* Candidats */
#content_boxes {
	padding: 0 10px;
}
	#content_boxes a{
		display: block;
		cursor: pointer;
		text-indent: -9999px;
		float: left;
		height: 145px;
		width: 225px;
		margin-right: 2px;
		display: inline;
		background-position: left bottom;
		background-repeat: no-repeat;
	}
	#content_boxes #content_inscription {background-image: url(../img/content/inscription.jpg);}
	#content_boxes #content_calendrier {background-image: url(../img/content/calendrier.jpg);}
	#content_boxes #content_offres {background-image: url(../img/content/offres.jpg);}

	#content_boxes #home_presentation {background-image: url(../img/home/accroche_presentation.jpg);}
	#content_boxes #home_historique {background-image: url(../img/home/accroche_historique.jpg);}
	#content_boxes #home_repondants {background-image: url(../img/home/accroche_repondants.jpg);}

/* Candidats calendrier*/
#flash {
	width: 680px;
	height: 315px;
	margin: 0 auto;
	background: #e7e7de url(../img/flash.jpg) no-repeat;
}
/* Candidats Offers */
img.img_out_content {
	position: absolute;
	left: 10px;
	top: -24px;
}

#content_head {
	background: #e0e0d9;
	height: 38px;
	margin: 0 10px;
	font-size: 1.3em;
}
	#date_head {
		margin: 11px 0 0 12px;
		float: left;
	}
	#content_head span.text {
		float: left;
		margin: 0 8px 0 0;
	}
		#content_head span.sort {
			display: block;
			float: left;
			height: 5px;
			width: 10px;
			margin: 5px 3px 0;
			background-repeat: no-repeat;
			cursor: pointer;
		}
	#content_head span.down {
		background-image: url(../img/sort/sort_down.jpg);
	}
	#content_head span.up {
		background-image: url(../img/sort/sort_up.jpg);
	}
	#recherche {
		margin: 5px 5px 0 0;
		float: right;
		width: 445px;
	}
		span.label {
			display: block;
			float: left;
			margin: 7px 7px 0 0;
		}
		span.input_left {
			background: url(../img/search/left.jpg) no-repeat;
			width: 6px;
			height: 28px;
			display: block;
			float: left;
		}
		input.input_text {
			background: url(../img/search/text.jpg) repeat-x;
			height: 22px;
			padding: 6px 0 0 4px;
			float: left;
			width: 300px;
		}
		span.input_right {
			background: url(../img/search/right.jpg) no-repeat;
			width: 6px;
			height: 28px;
			display: block;
			float: left;
		}
		input.recherche_submit {
			border: none;
			outline: none;
			background: url(../img/search/submit.jpg) no-repeat;
			height: 26px;
			width: 50px;
			cursor: pointer;
			margin: 1px 0 0 7px;
		}
	.titre {
		margin: 10px;
	}
		.titre_left_column {
			float: left;
			width: 205px;
		}
			.titre_left_column .logo{
				width: 185px;
				height: 137px;
				text-align:left;

				/*background: url(../img/titre_logo.jpg) no-repeat;*/
				font-size: 1.3em;
			}
			.titre_left_column p{margin: 5px 0 0 8px;}

		.titre_center_column {
			float: left;
			width: 200px;
			font-size: 1.3em;
		}
		.titre_left_column p{
			font-size: 1.3em;
			width:168px;
		}
		.titre_right_column {
			float: left;
			width: 500px;
			font-size: 1.3em;
		}
	.titre h3 {color: #333225; font-size: 1.6em; margin: 5px 0px 15px 0px; padding-left: 8px;}

	.titre_separator {
		border-top: 1px solid #bebeaf;
		margin: 15px 10px;
	}

/* Enterprises  */

#content_boxes a{
	height: 154px;
}
#content_boxes #enter_creer {background-image: url(../img/enterprises/creer.jpg);}
#content_boxes #enter_calendrier {background-image: url(../img/enterprises/calendrier.jpg);}
#content_boxes #enter_login {background-image: url(../img/enterprises/login.jpg);}

/* Entreprises inscription */
#entreprise_table {
	font-size: 1.0em;
}
	#entreprise_table tr {
		height: 30px;
	}
	#entreprise_table tr.empty {
		height: 15px;
	}
	#entreprise_table td.name_column{width: 120px;}
	#entreprise_table td.field_column{width: 275px;}
	#entreprise_table td.submit_column{}

	span.entre_input_left {
		background: url(../img/input/left.png) no-repeat;
		width: 6px;
		height: 28px;
		display: block;
		float: left;
	}
	input.entre_input_text {
		background: url(../img/input/text.png) repeat-x;
		height: 22px;
		padding: 6px 0 0 4px;
		float: left;
		width: 230px;
	}
	span.entre_input_right {
		background: url(../img/input/right.png) no-repeat;
		width: 6px;
		height: 28px;
		display: block;
		float: left;
	}
	input.entre_submit {
		border: none;
		outline: none;
		background: url(../img/input/submit.png) no-repeat;
		height: 26px;
		width: 50px;
		cursor: pointer;
	}

	textarea {
		border: none;
		outline: none;
		background: transparent url(../img/input/textfield.gif) no-repeat;
		height: 86px;
		width: 236px;
		font-family: Tahoma, Arial, Verdana;
		font-size: 13px;
		padding: 5px;
	}


/* Telechargement */
#download_list {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}
	#download_list li {
		list-style: none;
		padding: 0;
		height: 40px;
	}
	#download_list a{
		display: block;
		text-decoration: none;
		cursor: pointer;
		font-size: 1.0em;
		padding: 7px 0 0 40px;
		color: #333225;
		background: url(../img/download_item.jpg) no-repeat;
		height: 28px;
	}
		#download_list a:hover {text-decoration: underline;}

/* Corners */
div.corner {
	position: absolute;
	display: block;
	overflow: hidden;
	width: 11px;
	height: 11px;
	background-image: url(../img/content_corners.jpg);
	background-repeat: no-repeat;
}
div.left-top {background-position: left top;left: -4px;top: -4px;}
div.right-top {background-position: right top;right: -4px;top: -4px;}
div.left-bottom {background-position: left bottom;left: -4px;bottom: -4px;}
div.right-bottom {background-position: right bottom;right: -4px;bottom: -4px;}

/* jQuery Prompt */
div.jqi {
	padding: 0 !important;
	width: 400px !important;
	border: none !important;
	background: none !important;
	top: 306px !important;
}
.jqifade {
	background-color: #000 !important;
}
div.jqibuttons {
	display: none;
}
div.jqiclose {
	color: #000 !important;
	right: 31px !important;
	top: 17px !important;
}
div.jqi .jqimessage {
	height: 180px !important;
}

/*************/
.formError{
	background-color:#f2f2e8;
	padding:5px 10px 10px 10px;
	margin-bottom:5px;
	color:#ec7404;
}
.formError h4{
	font-size:14px;
	color:#ec7404;
}
.formSuccess{
	color:#637b44;
}
.formSuccess h4{
	font-size:14px;
	color:#637b44;
}