@charset "utf-8";
/* CSS Document */

/* NORMALIZATION START */

/* Normalize padding and margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}

img {
margin:0;
padding:0;
display:block;}



/* Normalize header sizes */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Normalize list styles */
ol, ul {
list-style: none;
}

/* Normalize font style and weight on odd elements */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Normalize table borders */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* Normalize other borders */
fieldset, img {
border: 0;
}

/* Normalize text-alignment */
caption, th {
text-align: left;
}

/* Normalize (remove) quotation marks */
q:before, q:after {
content: '';
}


/* NORMALIZATION END */


html {


}



body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
	text-align:center;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;


}


#container {
	margin: 0 auto;
	width: 731px;
	height:100%;
	text-align: left;
	position:relative
}

#navigation {
	width:632px;
	height:357px;
	position:relative;
	background-image: url(../imagestest/masthead.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#mainNavigation {
	position:absolute;
	top:335px;
	left:115px;
	height:40px;
	
}

#mainNavigation li {
	display:inline;
	padding-right:10px;
	
}

#mainNavigation a {
	text-decoration:none;
	color:#393A59;

}

#mainNavigation a:hover {
	color:#B6620E;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color:#393A59;
}


#secondaryNav {
	width:522px;
	height:110px;
	.height:110px;
	padding-bottom:20px;
	margin-bottom:20px;
	background-image: url(../imagestest/bottom_back.jpg);
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;

}

#seccondaryMenu {
	position:relative;
	left:115px;
	top:15px;
}

#secondaryNav #seccondaryMenu li {
	padding-right:20px;
	display:inline;
	list-style:none;

}

#seccondaryMenu a {
	display:inline;
	text-decoration:none;
	color:#393A59;
	padding-right:4px;
	font-weight:bold;

}

#seccondaryMenu a:hover {
	color:#B6620E;

}


#liste {
position:absolute;
top:60px;
left:5px;
z-index:100;

}

#eqBig {
position:absolute;
top:50px;

}


#emploi {
	background-image: url(../imagestest/page_header_emploi.png);
}

#formation {
	background-image: url(../imagestest/page_header.png);
}

#embauche {
	background-image: url(../imagestest/page_header_embauche.png);
}

#demarrage {
	background-image: url(../imagestest/page_header_demarrage.png);
}


h1 {
	width:99px;
	height:567px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	left: 522px;
	top: -356px;
	text-indent: -3000px;
}

#mainContent {
	width:522px;
	height:600px;
	position:relative;
	left:110px;
	top:0px;	
}

li.odd {
	padding-bottom:30px;
	width:522px;
	position:relative;
	background-image: url(../imagestest/back_orange.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}



li.even {
	padding-bottom:30px;
	width:522px; 
	position:relative;
	background-image: url(../imagestest/back_blue.jpg);
	background-repeat: repeat-y;
	background-position: left top;

}



.odd h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	width:253px;
	padding-right:229px;
	padding-left:40px;
	height:40px;
	line-height:50px;
	.line-height:35px;
	.padding-top:5px;
	background-image: url(../imagestest/or.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: middle;
}

* html .odd h2 {
	width:522px;

}



li.odd.first h2 {
	background-image: url(../imagestest/otop.jpg);
	.line-height:30px;
	.padding-top:10px;

}

.even h2 {
	display:block;
	font-size:12px;
	font-weight:bold;
	width:253px;
	.width:522px;
	height:40px;
	line-height:50px;
	.line-height:35px;
	.padding-top:5px;
	padding-left:269px;
	background-image: url(../imagestest/bl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:10px;
}

.odd .adresse {
	position:absolute;
	left:273px;
	top:18px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
}

.even .adresse {
	position:absolute;
	right:273px;
	top:18px;
	padding-top:0px;
	padding-bottom:0px;
}

.odd p {
	display:block;
	width:220px;
	padding-top:15px;
	padding-left:42px;
	position:relative;
}

.odd h3 {
	display:block;
	font-size:11px;
	font-weight:bold;
	width:220px;
	padding-top:15px;
	padding-left:42px;
	position:relative;
}

.even h3 {
	display:block;
	font-size:11px;
	font-weight:bold;
	width:220px;
	padding-right:30px;
	padding-top:15px;
	padding-left:280px;
	position:relative;
	right:0px;
}

* html .even h3 {
	width:522px;

}

.even p {
	display:block;
	width:220px;
	padding-right:30px;
	padding-top:15px;
	padding-left:280px;
	position:relative;
	right:0px;

}

* html .even p {
	width:522px;

}

.odd a {
	display:block;
	width:220px;
	text-decoration:none;
	font-weight:bold;
	color:#393A59;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:42px;

}

.odd a:hover {
	color:#B6620E;
}


.even a {
	text-decoration:none;
	font-weight:bold;
	color:#393A59;
	display:block;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:280px;

}


.even a:hover {
	color:#B6620E;
}

strong {
	font-weight:bold;
}

#logoclick {
	display:block;
	position: absolute;
	height: 200px;
	width: 375px;
	left: 25px;
	top: 115px;
	z-index:75;
	
}