body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	margin: 0px;
	padding: 0px;
}
img {
	border:0 none;
	}
p {
	margin: 0 0 5px 0;
	}
p:first-letter {
	text-transform: uppercase;
	}
ul{
	margin: 0 0 0 10px;
	padding:0;
	}
img{
	border: 0;
	}
* {
	margin: 0;
	padding: 0;
	}	
/* ---------------------------------- formulaire ---------------------------- */
form {
	padding: 0;
	margin: 0;
	}
label{
	width: 150px;
	font-size: 12px;
	color:#CCC;
	display: inline-block;
	border-bottom: dotted 1px #666;
}
label:first-letter {
	text-transform: uppercase;
}
input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#FFF;
	color:#333;
	border: none 0;
	margin: 0 0 3px 0;
	width: 170px;
}
textarea {
	width: 185px;
}
/* ----------------------------------- formulaire table  DRUPAL ----------------------- */
		#contenu form table{
			border-collapse: collapse;
			border:0;
			margin-right: 5px;
			margin-bottom: 5px;
			margin-left: 5px;
		}
			#contenu form table td{
				border-bottom: 1px dotted #CCC;
				padding: 0 0 3px 0;
			}
			#contenu form table td:first-child{	
				width: 90px;
				vertical-align: top;
				padding-top: 2px;
			}
				#contenu form table td input[type="text"],
				#contenu form table td textarea{
					border: 1px solid #CCC;
					margin: 3px 0 0 0;
					width: 200px;
				}
				#contenu form table td input[type="submit"]{
					color: #333;
					background-color: #84AA1E;
					border: 1px solid #182E05;
					margin-top: 3px;
				}
				#contenu form table td input[type="submit"]:hover{
					color: #FFF;
					background-color: #EBFF3F;
				}
/* ---------------------------------- general ---------------------------- */
.clear {
	clear:both;
	}
/* ################################## haut ############################### */
#haut {
	width: 1000px;
	margin: auto;
	}
.logo {
	height: 85px;
	padding-left: 250px;
	text-align:right;
}
/* ################################## menu1 ############################### */
#menu {
	height: 20px;
	font-size: 12px;
}
#menu1 {
	height: 20px;
	background-image: url(/images/fond_menu1.png);
	background-repeat: no-repeat;
	background-position: center;
}
	#menu1 .menu1 {
		width: 1000px;
		margin: auto;
		height: 20px;
	}
		#menu1 .menu1 div {
			background-color: #333;
			height: 20px;
			width: 250px;
		}
			#menu1 .menu1 div div.lien {
				height: 18px;
				float: left;
				width: 20px;
				padding-top: 2px;
			}
				#menu1 .menu1 div div.lien a {
					color:#FFF;
					text-decoration:none;
					text-transform: uppercase;
				}
				#menu1 .menu1 div div.lien img {
					margin-top: 3px;
				}
			#menu1 .menu1 div ul {
				float: right;
				margin: 0px;
				padding: 0px;
			}
				#menu1 .menu1 div ul li {
					list-style:none;
					float: right;
					border-right: 1px #FFF solid;
					padding: 0 3px 0 3px;
					margin-top: 2px;
				}
				#menu1 .menu1 div ul li:first-child {
					border-right: 0 none;
				}
					#menu1 .menu1 div ul li a,
					#menu1 .menu1 div div.lien a {
						color:#FFF;
						text-decoration: none;
					}
					#menu1 .menu1 div ul li a:hover,
					#menu1 .menu1 div div.lien a:hover {
						color:#999;
					}
/* ################################## menu2 ############################### */
#menu2 {
	background-image: url(/images/fond_menu2.png);
	background-repeat: no-repeat;
	background-position: center;
}

	#menu2 .menu2 {
		width: 1000px;
		margin: auto;
		font-size:14px;
	}
		#menu2 .menu2 div {
			background-color: #8AA715;
			height: 20px;
			margin-left: 100px;
		}
			#menu2 .menu2 div ul {
				margin: 0;
				padding: 0 ;
			}
				#menu2 .menu2 div ul li {
					list-style:none;
					float: left;
					padding: 0 15px 0 15px;
					margin-top: 2px;
					letter-spacing: 2px;
				}
					#menu2 .menu2 div ul li a {
						color:#FFF;
						text-decoration: none;
						text-transform: uppercase;
						font-weight: bold;
					}
					#menu2 .menu2 div ul li a.active{
						color:#333;
					}
					#menu2 .menu2 div ul li a:hover {
						color:#333;
					}
/* ################################## menu3 ############################### */
	#contenant #menu3 {
	width: 170px;
	padding: 15px 0 10px 10px;
	float:right;
	font-size: 12px;
	color: #CCC;
	}
		#contenant #menu3 p {
			margin: 0 0 5px 0;
			padding: 0;
			text-align: justify;
		}
		#contenant #menu3 a {
			color: #8AA715;
			text-decoration:none;
		}
		#contenant #menu3 a:hover {
			color: #666;
			text-decoration:none;
		}
/*--------------- titre --------------------*/	
		#contenant #menu3 h1,
		#contenant #menu3 .title h3{
			color: #EEE;
			font-size: 20px;
			margin: 0 0 10px 0;
			text-transform: uppercase;
		}
		#contenant #menu3 h2 {
			color: #EEE;
			font-size: 18px;
			margin: 0 0 5px 0;
			line-height: 18px;
		}
		#contenant #menu3 h3 {
			color: #FFF;
			font-size: 14px;
			margin: 0 0 3px 0;
		}
		#contenant #menu3 h1:first-letter,
		#contenant #menu3 h2:first-letter,
		#contenant #menu3 h3:first-letter {
			text-transform: uppercase;
		}					
/* ##################################image haut ############################### */	
#image {
	margin: auto;
	height: 100px;
	width: 1000px;
	background-image: url(/images/image_haut_fond.jpg);
	background-repeat: no-repeat;
}
/* ################################## contenant ############################### */
#contenantFond {
	background-image: url(/images/fond.png);
}
#contenant {
	width: 1000px;
	margin: auto;
	background-color: #000;
}
	#contenant hr {
		margin: 5px 0 5px 0;
		border: 0 none;
		border-bottom: solid 1px #333;
		clear:both;
	}
	#contenant hr.pointille {
		margin: 5px 0 5px 0;
		border: 0 none;
		border-bottom: dotted 1px #333;
		clear:both;
	}
/* ################################## contenu ############################### */
	#contenant #contenu {
	width :807px;
	float: left;
	padding: 10px 10px 10px 0;
	font-size: 15px;
	color: #CCC;
	border-right: 1px solid #999;
	}
		#contenant #contenu p {
			margin: 0 0 5px 0;
			text-align: justify;
		}
		#contenant #contenu img {
			float:left;
			margin: 0 20px 5px 0;
		}
/*--------------- ol ul --------------------*/	
		#contenant #contenu ul,
		#contenant #contenu ol{
			padding: 0 0 5px 18px;
			}
			#contenant #contenu ul li{
				list-style-image:url(/images/puce.png);
				}
/*--------------- lien --------------------*/	
	#contenant div.webform-confirmation{
		padding-top:10px;
	}
	#contenant div.links a{
		color:#FFF;
		text-decoration: none;
	}
	#contenant div.links a:hover{
		color:#8AA715;
	}
		#contenant #contenu a {
			color:#FFF;
			text-decoration: none;
		}
			#contenant #contenu a:hover,
			#contenant #contenu a.petit:hover {
				color:#8AA715;
			}
		#contenant #contenu a.petit {
			font-size:12px;
			color:#FFF;
			text-decoration: none;
		}
/*--------------- demi--------------------*/	
		#contenant #contenu div.demi {}
		#contenant #contenu div.demi div {
			width:392px;
			float:left;
		}
		#contenant #contenu div.demi > div:first-child {
			margin: 0 10px 0 0;
			padding: 0 9px 0 0;
			border-right: solid 1px #666;
		}
				#contenant #contenu div.demi form .form-item label,
				#contenant #contenu div.demi form #edit-entreprise-wrapper label {	
					width: 150px;
					float: left;
				}	
				#contenant #contenu div.demi form .form-item input,
				#contenant #contenu div.demi form .form-item textarea,
				#contenant #contenu div.demi form .form-item select{	
					width: 200px;	
				}
/*--------------- titre --------------------*/	
		#contenant #contenu h1 {
			color: #8AA715;
			font-size: 34px;
			margin: 0 0 10px 0;
		}
		#contenant #contenu h2 {
			color: #8AA715;
			font-size: 26px;
			margin: 0 0 5px 0;
		}
		#contenant #contenu h3 {
			color: #EEE;
			font-size: 20px;
			margin: 0 0 3px 0;
		}
		#contenant #contenu h4 {
			color: #EEE;
			font-size: 15px;
			margin: 0 0 3px 0;
			border-bottom: dotted 1px #666;
		}
		#contenant #contenu h1:first-letter,
		#contenant #contenu h2:first-letter,
		#contenant #contenu h3:first-letter,
		#contenant #contenu h4:first-letter {
			text-transform: uppercase;
		}		
/*--------------- table --------------------*/			
				#contenant #contenu table tr th {
					text-align: left;
					border-bottom: 1px solid #333;
				}
				#contenant #contenu table tr th,
				#contenant #contenu table tr td {
					color:#FFF;
					padding: 2px 2px 2px 3px;
					font-size:13px;
				}
				#contenant #contenu table tr th:first-letter,
				#contenant #contenu table tr td:first-letter {
					text-transform: uppercase;
				}
				#contenant #contenu table tr td.impair {
					background-color:#141414;
				}
				#contenant #contenu table tr td.pair {
					background-color:#0B0B0B;
				}
/*--------------- DRUPAL --------------------*/	
#contenant div.messages{
	margin: 0px;
	padding: 5px;
	color: red;
	float:left;
	width: 807px;
	border-right: 1px solid #999;
	}
		#contenant div.messages li{
			list-style-type:none;
		}	
			#contenu div.view-content div.item-list ul {
				padding-left: 5px;
				margin:0;			
			}
			#contenu div.view-content div.item-list p {
				padding-left: 0px;
				margin:0;			
			}
				#contenu div.view-content div.item-list ul li:hover{
					background-image: none;
					background-repeat: no-repeat;
				}
					#contenu div.view-content div.item-list ul li{
						padding:2px 0 2px 0;
						list-style-type: none;
						border-bottom: 1px dotted #999;
						background-image: none;
						background-repeat: no-repeat;
					}
						#contenu div.view-content div.item-list ul li a{
							padding: 0 0 4px 0;
							display: block;
							color: #999;
							text-decoration: none;
							text-transform: uppercase;
						}	
/*------------------------------- contenu formulaire drupal ---------------------------*/					
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: #CCC;
					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: black;
					background-color: #FFF;
					padding: 0px;
					width: 250px;
					margin-top: 3px;
					border: 1px solid #CCC;
					margin-left: 5px;
				}
				#contenant #contenu form input[type="submit"] {
					width: auto;
				}
			#contenant #contenu div.form-item  input.error,
			#contenant #contenu div.form-item textarea.error,
			#contenant #contenu form .form-item select.error {
				border:1px solid #D98C2F;
				background-color: #FFDFBD;
			}
			#contenant #contenu form .form-item option {
				font-size: 12px;
				font-style: normal;
				color: #999;
				padding-left: 3px;
			}
			#contenant #contenu form .form-item optgroup {
				font-size: 12px;
				color: #999;
				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 drupal------------------------*/
.webform-confirmation{
 color:#CCCCCC;
}
		#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;
					}

/* ################################## bas ############################### */
#bas {
	background-color: #8AA715;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	#bas div {
		width: 1000px;
		margin:auto;
		background-image:url(/images/students-future_2.png);
		background-repeat:no-repeat;
		height: 82px;
	}
		#bas div img {
	float:right;
	margin-top: 60px;
		}