@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

/*---------------------------- general ---------------------------------*/
#haut,
#menuHaut,
#contenant,
#menuBas,
#kesako{
	width:900px;
	margin:auto;
	clear: both;
	}
#menuHaut,
#contenant,
#menuGauche,
#menuBas{
	margin-bottom: 7px;
	}
/*---------------------------- haut -------------------------------*/
#barreHaut {
	background:url(/images/fond_barre_haut.png);
	height: 23px;
	}
#ongletHaut{
	width:900px;
	margin:auto;
	text-align: right;
	margin-top: -3px; 
}
	#ongletHaut table{		
		float:right;
	}
		#ongletHaut table ul{
			margin: 0px;
			padding: 0px;
			text-align: center;
			color: #FFF;
		}
			#ongletHaut table ul li{
				list-style-type: none;
				display: inline;
				text-transform: uppercase;
			}
				#ongletHaut table ul li a{
					margin-right: 5px;
					margin-left: 5px;
					font-weight: bold;
					color: #FFF;
					text-decoration: none;
				}
				#ongletHaut table ul li a:hover{
					color: #CCC;
				}
/* --------------------------------- */
		#ongletHaut table tr td {
			vertical-align: middle;
		}
		#ongletHaut table tr td.gauche{
			background-image : url(/images/coin_g_onglet_haut.png);
			width: 10px;
			height: 23px;
		}
		#ongletHaut table tr td.droite{
			background-image : url(/images/coin_d_onglet_haut.png);
			width: 15px;
			height: 23px;
		}
		#ongletHaut table tr td.middle{
			background-image: url(/images/fond_onglet_haut.png);
			height: 23px;
			width: 136px;
		}
/* --------------------------------- */
#haut{
	
	}
	/*------------
#menuHaut{
	color: #999;	
	}
	--------*/
	#menuHaut a{
		color: #999;
		text-decoration: none;
	}
	#menuHaut a:hover{
		color: #336699;	
	}
	
#menuHaut,
#menuBas{
	margin: 0 auto 7px auto;
	border-collapse: collapse;
	width: 900px;
}
	#menuHaut *, 
	#menuBas *{
		padding: 0;
	}
	/* --------------------------------- */
		#menuHaut tr td, 
		#menuBas tr td{
			vertical-align: middle;
		}
		#menuHaut tr td.gauche{
			background-image : url(/images/coin_g_menuhaut.png);
			width: 10px;
			height: 23px;
		}
		#menuHaut tr td.droite{
			background-image : url(/images/coin_d_menuhaut.png);
			width: 15px;
			height: 23px;
		}
		#menuBas tr td.gauche{
			background-image : url(/images/coin_g_menubas.png);
			width: 10px;
			height: 23px;
		}
		#menuBas tr td.middle,
		#menuHaut tr td.middle{
			background-image: url(/images/fond_menuhaut.png);
			height: 23px;
		}
		#menuBas tr td.droite{
			background-image : url(/images/coin_d_menubas.png);
			width: 15px;
			height: 23px;
		}
		/* --------------------------------- */
/*--------------------------------- contenant --------------------------*/
/*--------------------------------- menu gauche --------------------------*/	
	#contenant #menuGauche{
		width:203px;
		float: left;	
		}
		#contenant #menuGauche h1{
			color: #336699;
			font-size: 13px;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0 0 10px 0;
			padding: 0;
		}
		#menuGauche h2 {
			color:#336699;
			font-size:11px;
			font-weight:bold;
			margin:7px 0 5px;
			padding:0;
			text-transform:uppercase;
		}
	#contenant #menuGauche table td{
		vertical-align: top;		
	}
		#contenant #menuGauche td.fondmenu{
			background-image: url(/images/fond_cc_menug.png);
			background-repeat: repeat-x;
			background-color: #fefefe;
			}
		#contenant #menuGauche ul {
			color: #336699;
			margin: 0;
			padding: 0;
		}
			#contenant #menuGauche ul li{
				list-style-type: none;
				padding: 0 0 5px 0;
			}
				#contenant #menuGauche ul li a{
					color: #336699;
					text-decoration: none;
					background-image: url(/images/fleche.png);
					background-repeat: no-repeat;
					padding: 0 0 0 15px;
				}
				#contenant #menuGauche ul li a:hover{
					background-image: url(/images/fleche_over.png);
				}
/* --------------- table ------------------ */
		#contenant #menuGauche table{
			border-collapse: collapse;
			width: 100%;
			margin-bottom: 7px;
		}
		#contenant #menuGauche table tr td{
			padding: 0;
		}
		#contenant #menuGauche table tr td.hautgauche{
			background-image: url(/images/coin_gh_menug.png);
			background-repeat: no-repeat;
			width: 10px;
			height: 10px;
		}
		#contenant #menuGauche table tr td.hautmiddle{
			background-image: url(/images/fond_h_menug.png);
			background-repeat: repeat-x;
			height: 10px;
		}
		#contenant #menuGauche table tr td.hautdroite{
			background-image: url(/images/coin_dh_menug.png);
			background-repeat: no-repeat;
			width: 12px;
			height: 10px;
		}
		#contenant #menuGauche table tr td.basgauche{
			background-image: url(/images/coin_gb_menug.png);
			background-repeat: no-repeat;
			width: 10px;
			height: 13px;
		}
		#contenant #menuGauche table tr td.basmiddle{
			background-image: url(/images/fond_b_menug.png);
			background-repeat: repeat-x;
			height: 13px;
		}
		#contenant #menuGauche table tr td.basdroite{
			background-image: url(/images/coin_db_menug.png);
			background-repeat: no-repeat;
			width: 12px;
			height: 13px;
		}
		#contenant #menuGauche table tr td.middlegauche{
			background-color: #fefefe;
			background-image: url(/images/fond_g_menug.png);
			background-repeat: repeat-y;
			width: 10px;
		}
			#contenant #menuGauche table tr td.middlegauche div{
				background-image: url(/images/fond_cg_menug.png);
				background-repeat: repeat-x;
				height: 114px;
				width: 10px;
			}
		#contenant #menuGauche table tr td.middledroite{
			background-color: #fefefe;
			background-image: url(/images/fond_d_menug.png);
			background-repeat: repeat-y;
			width: 10px;
		}
			#contenant #menuGauche table tr td.middledroite div{
				background-image: url(/images/fond_cd_menug.png);
				background-repeat: repeat-x;
				height: 114px;
				width: 10px;
			}
/* --------------- fin table ------------------ */
/*--------------------------------- contenu --------------------------*/	
	#contenant #contenu{
		width: 687px;
		float: left;
		margin: 0 0 7px 7px;
		padding: 0;
	}
		#contenant #contenu table.contenu table{
			margin-bottom: 10px;
		}
		
		#contenant #contenu h1,
		#contenant #contenu h2,
		#contenant #contenu h3{
			text-transform: uppercase;
		}
		#contenant #contenu h1{
			font-size: 13px;
			color: #336699;
			margin:0 0 10px 0;
		}
		#contenant #contenu h2{
			font-size: 12px;
			color: #336699;
			margin:10px 0 0 0;
		}
		#contenant #contenu h3{
			font-size: 11px;
			margin:0 ;
		}
		#contenant #contenu p{
			padding: 0px;
			margin-top: 5px;
		}
		#contenant #contenu .messages  ul {
				margin-left: 10px;
				padding:0;
			}
				#contenant #contenu .messages  ul li {
					list-style-type:none;
				}
		#contenant #contenu .messages.error {
			color:red;
		}
		#contenant #contenu .messages.success {
			color: #6699cc;
		}
		
		#contenant #contenu .importError{
			color: red;
		}
/* ---------------- table ----------------- */
			#contenant #contenu table td{
				vertical-align: top;
			}
		#contenant #contenu table{
			border-collapse: collapse;
			width:100% ;
			margin: 0;
			padding: 0;
		}
		#contenant #contenu table tr td{
			padding: 0;
			margin: 0;
		}
		#contenant #contenu table tr td.hautgauche{
			background-image: url(/images/coin_gh_contenant.png);
			background-repeat: no-repeat;
			width: 10px;
			height: 10px;
		}
		#contenant #contenu table tr td.hautmiddle{
			background-image: url(/images/fond_h_contenant.png);
			background-repeat: repeat-x;
			height: 10px;
		}
		#contenant #contenu table tr td.hautdroite{
			background-image: url(/images/coin_dh_contenant.png);
			background-repeat: no-repeat;
			width: 12px;
			height: 10px;
		}
		#contenant #contenu table tr td.basgauche{
			background-image: url(/images/coin_gb_contenant.png);
			background-repeat: no-repeat;
			width: 10px;
			height: 13px;
		}
		#contenant #contenu table tr td.basmiddle{
			background-image: url(/images/fond_b_contenant.png);
			background-repeat: repeat-x;
			height: 13px;
		}
		#contenant #contenu table tr td.basdroite{
			background-image: url(/images/coin_db_contenant.png);
			background-repeat: no-repeat;
			width: 12px;
			height: 13px;
		}
		#contenant #contenu table tr td.middlegauche{
			background-color: #fefefe;
			background-image: url(/images/fond_g_contenant.png);
			background-repeat: repeat-y;
			width: 10px;
		}
		#contenant #contenu table tr td.middledroite{
			background-color: #fefefe;
			background-image: url(/images/fond_d_contenant.png);
			background-repeat: repeat-y;
			width: 10px;
		}
/* --------------------------------- */
#contenant #contenu table.candidat-form{
	width:500px ;
}
#contenant #contenu table.candidat-form img{
	border: none;
	margin:0 0 -3px 0;
	padding:0;
}
#contenant #contenu table.candidat-form tr td span.mandatory{
	color:red;
	float:right;
	position:relative;
	right:70px;
}

#contenant #contenu div.form-item .candidat-form input[type="text"],
#contenant #contenu div.form-item .candidat-form input[type="password"],
#contenant #contenu div.form-item .candidat-form textarea,
#contenant #contenu div.form-item .candidat-form select{
	border:1px solid #CCCCCC;
	width: auto;
}

#contenant #contenu div.form-item .candidat-form input.error,
#contenant #contenu div.form-item .candidat-form textarea.error,
#contenant #contenu form .form-item .candidat-form select.error {
	border:1px solid #C52020;
	background-color: #FFCCCC;
}

/*------------------------------- contenu formulaire drupal ---------------------------*/					
form,
#contact-mail-page{
	margin: 0 0 10px 0;
	padding: 0;
}			
form .form-select{
	margin: 0 0 0 5px;
	width: 250px;
}
			#contenant #contenu form .webform-component-select,
			#contenant #contenu form .webform-component-textarea{
				clear:both;
			}
				#contenant #contenu form .form-item input{
					vertical-align:bottom;
				}
				#contenant #contenu form .form-item label,
				#contenant #contenu form #edit-entreprise-wrapper label {	
					padding-top:4px;
					font-size: 11px;
					color: #666;
					font-weight: normal;
					font-variant: normal;
					font-style: normal;
					line-height: normal;
					width: 100px;
					border-bottom: 1px dotted #CCC;
					vertical-align: top;
					width: 250px;
					float: left;
				}	
				#contenant #contenu form .form-item input[type="text"],
				#contenant #contenu form .form-item input[type="password"],
				#contenant #contenu form .form-item textarea,
				#contenant #contenu form .form-item select{		
					font-size: 11px;
					color: #666;
					background-color: #FFF;
					padding: 0px;
					width: 250px;
					margin-top: 3px;
					border: 1px solid #CCC;
					margin-left: 5px;
				}
			#contenant #contenu div.form-item  input.error,
			#contenant #contenu div.form-item textarea.error,
			#contenant #contenu form .form-item select.error {
				border:1px solid #C52020;
				background-color: #FFCCCC;
			}
			#contenant #contenu form .form-item option {			
				font-size: 11px;
				font-style: normal;
				color: #666;
			}
			#contenant #contenu form .form-item optgroup {		
				font-size: 11px;
				color: #666;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
			}
			#contenant #contenu form .form-submit,
			#contenant #contenu form .bouton {
				color: #FFF;
				background-color: #F13017;
				border: 1px solid #D90A26;
				margin: 3px 0px 0px;
				font-family: Verdana, Geneva, sans-serif;
				font-size: 11px;
				font-weight: bold;
			}
			#contenant #contenu form .form-submit:hover,
			#contenant #contenu form .bouton:hover {
				background-color: #666;
				border: 1px solid #333;
			}
		#contenant #contenu form .form-radios {
			float:left;
			width:250px;	
		}
		#contenant #contenu form .form-radios p{
			margin: 0;
			padding: 0 0 0 5px;
	}
	#contenant #contenu form .form-radios .option{
		border: none;
		padding-left: 2px;
	}
		#contenant #contenu form .form-radios .option input{
			border: none;
			width: 20px;
		}
/*---------------------- captcha ------------------------*/

#contenant #contenu .captcha{
	border: none;
	clear:both;
}
	#contenant #contenu .captcha legend{
		display: none;
	}
#contenant #contenu .captcha #edit-captcha-response-wrapper{
	padding-bottom:10px;
}
#contenant #contenu form .captcha #edit-captcha-response-wrapper label{
	border:none;
}
/*----------------------------- bas -------------------------*/
#barreBas {
	height: 30px;
	}
#menuBas{
	color: #999;	
}
	#menuBas a{
		color: #999;
		text-decoration: none;
	}
	#menuBas a:hover{
		color: #336699;	
	}
/*----------------------------- kesako -------------------------*/
#kesako{
	margin-top: 5px;
	font-size: 10px;
	color: #666;
	/*height: 30px;*/
}
	#kesako a{
		color: #666;
		text-decoration: none;
		padding: 0 0 0 5px;
		vertical-align:top;
	}
	#kesako a img{
		padding: 0;
		border: 0;
	}