@charset "UTF-8";
html {
	overflow-y: scroll;
}
/* --------------------------------- mise en forme txt ------------------------ */
#contenant #contenu .txtJustifie {
	text-align: justify;
}
		#contenant #contenu .aPropos {
			font-size: 11px;
			font-weight: normal;
			color: #333333;
			text-decoration: none;
			display: block;
			padding-: 4px 2px 4px 15px;
			border-bottom: 1px solid #b2b2b2;
			background-color: #b2b2b2;
			background-image: url(/images/flecheBasGris.gif);
			background-repeat: no-repeat;
			background-position: 2px center;
		}
		#contenant #contenu .champsobligatoire {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			border: 1px solid #990000;
			margin-top: 5px;
		}
		#contenant #contenu .champsHaut2 {
			font-size: 11px;
			color: #98BE15;
			border: 1px solid #B2B2B2;
		}
/* --------------------------------------- mobile -------------------------- */
		#contenant #contenu .mobile {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
			border-top: 1px solid #CCCCCC;;
			border-bottom: 1px solid #CCCCCC;;
			padding: 0 10px 5px 10px;
			margin: 0 0 12px 0;
		}
			#contenant #contenu .mobile input {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				border: 1px solid #B2B2B2;
				margin: 5px 5px 0 5px;
			}
			#contenant #contenu .mobile h1 {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #333333;
				padding: 0 0 0 5px;
				font-weight: normal;
				margin: 2px 0 0 0;
				}
/* ----------------------------- border&margin ------------------------ */
		#contenant #contenu .borderDroite {
			border-right: 1px solid #b2b2b2;
		}
		#contenant #contenu .borderHautBas {
			border-top: 1px solid #b2b2b2;
			border-bottom: 1px solid #b2b2b2;
		}
		#contenant #contenu .bordered {
			border-collapse: collapse;
			border-right: 1px solid #b2b2b2;
			border-bottom: 1px solid #b2b2b2;
			border-left: 1px solid #b2b2b2;
		}
		#contenant #contenu .margeGauche {
			padding-left: 0px;
		}
		#contenant #contenu .margeHaut {
			padding-top: 4px;
		}
		#contenant #contenu .margeDroite {
			padding-right: 0px;
		}
		#contenant #contenu .margecell {
			padding: 4px 0 3px 2px;
			text-align: left;
			vertical-align: top;
		}
		#contenant #contenu .grisCadre {
			background-color: #999999;
			margin: 0px;
			padding: 0px;
			width: 1px;
		}
		#contenant #contenu .cadreImage {
			border: 1px solid #999999;
		}
		#contenant #contenu .langueActive {
			background-color: #F2EFE6;
		}
		#contenant #contenu .seeMe {
			color: #990000;
		}
		#contenant #contenu .blocdescription {
			border-bottom: 1px solid #b2b2b2;
		}
		#contenant #contenu tr.highlight {
			background-color: #CCFF1E;
		}
		#contenant #contenu .right {
			text-align: right;
		}
		#contenant #contenu .center {
			text-align: center;
		}
		#contenant #contenu .bordureBlanc {
			padding: 0px;
			border: 1px  solid #FFFFF;
		}
		#contenant #contenu .margeA {
			padding-left: 2px;
		}
/*------------------------------- fond ------------------------ */
		#contenant #contenu .fond_cell_last {
			margin-top: 10px;
			margin-bottom: 10px;
			height: auto;
			width: auto;
		}
		#contenant #contenu .myCalendarToday {
			background-color: #DDDDDD;
		}
				#contenant #contenu table tr.pair:hover,
				#contenant #contenu table tr.impair:hover {
					background-color: #AFD84C;
					color: #ffffff;
				}
					#contenant #contenu table tr.pair:hover a,
					#contenant #contenu table tr.impair:hover a{
						background-color: #AFD84C;
						color: #ffffff;
						display: inline;
					}
			#contenant #contenu table.fond1{
				border-collapse: collapse;
				background-color: #CCC;
			}
					#contenant #contenu table.fond1 tr td{
						padding: 5px;
					}
						#contenant #contenu table.fond1 tr td p{
							padding: 5px 0 0 0;
						}					
/* --------------------------- ligne ----------------------- */
		#contenant #contenu .lignegauche {
			border-left: 1px solid #b2b2b2;
		}
		#contenant #contenu .ligneBasseule {
			border-bottom: 1px solid #b2b2b2;
		}
		#contenant #contenu .ligneBas {
			border-bottom: 1px solid #b2b2b2;
			border-left: 1px solid #b2b2b2;
		}
/* --------------------- lien ------------------------------- */
			#contenant #contenu a.jobsNews:link,
			#contenant #contenu a.jobsNews:visited {
				font-size: 10px;
				color: #98BE15;
				text-decoration: none;
				font-weight: bold;
			}
		#contenant #contenu a.jobsNews:hover {
			font-size: 10px;
			color: #666666;
			text-decoration: none;
			font-weight: bold;
		}
		#contenant #contenu .titre_cell {
			font-size: 11px;
			font-weight: normal;
			color: #333333;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666666;
			text-transform: uppercase;
		}
			#contenant #contenu .titre_cell a {
				font-weight: normal;
				color: #7E9E13;
				text-decoration: none;
			}
			#contenant #contenu .titre_cell a:hover {
				font-weight: normal;
				color: #999999;
				text-decoration: none;
			}
/* ----------------------------- infobulle --------------------------- */
			#contenant #contenu #infobulle {
				background-color: #98BE15;
				border: solid 1px black;
				color: #FFFFFF;
				margin: 0px;
				padding: 3px;
			}
		#contenant #contenu #cache {
			height: 0px;
			width: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: black;
			z-index: 1;
		}
		#contenant #contenu #resumecampagne {
			position: absolute;
			align: center;
			background-color: white;
			z-index: 2;
		}
/* ------------------------- tableaux ------------------------ */
			#contenant #contenu th {
				background-color: #98BE15;
				font-weight: normal;
				height: 15px;
				vertical-align: middle;
				text-align: left;
			}
		#contenant #contenu .pair {
			background-color: #F8F8F8;
			margin: 8px 0;
		}
			#contenant #contenu .pair td {
				border-bottom: 1px solid #EFEFEF;;
			}
				#contenant #contenu .pair td a {
					color: #333333;
				}
		#contenant #contenu .impair {
			background-color: #FAFAFA;
			margin: 8px 0;
		}
			#contenant #contenu .impair td {
				border-bottom: 1px solid #EFEFEF;
			}
				#contenant #contenu .impair td a {
					color: #333333;
				}
				
				
form,
#contact-mail-page{
	margin: 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,
			#contenant #contenu form .form-item{
				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: 12px;
					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: 200px;
					float: left;
				}	
				#contenant #contenu form .form-item input,
				#contenant #contenu form .form-item textarea,
				#contenant #contenu form .form-item select{		
					font-size: 12px;
					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: 12px;
				font-style: normal;
				color: #666;
				padding-left: 3px;
			}
			#contenant #contenu form .form-item optgroup {		
				font-size: 12px;
				color: #666;
				font-style: normal;
				font-weight: bold;
				font-variant: normal;
				padding-left: 3px;
			}
			#contenant #contenu form .form-item optgroup:first-letter,
			#contenant #contenu form .form-item option:first-letter{
				text-transform: uppercase;
			}
		#contenant #contenu form .form-radios {
			float:left;
			width:200px;	
		}
		#contenant #contenu form .form-radios p{
			margin: 0;
			padding: 0 0 0 5px;
	}
	#contenant #contenu form .form-radios .option{
		border: none;	
	}
		#contenant #contenu form .form-radios .option input{
			border: none;
			width: 20px;
		}
/*---------------------- captcha ------------------------*/

#contenant #contenu .captcha{
	border: none;
	clear:both;
}
	#contenant #contenu .captcha legend,
	#contenant #contenu .captcha  .description{
		display: none;
	}
#contenant #contenu .captcha #edit-captcha-response-wrapper{
	padding-bottom:10px;
}
#contenant #contenu form .captcha #edit-captcha-response-wrapper label{
	border:none;
}
#contenant #contenu fieldset.captcha {
	padding-left:0px;
}