body {
background: url(../images/bodybg.jpg) repeat-x #d6eaf7;
color: #646466;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.clear:after  {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}

.clear {
display: inline-block;
}

.clr {
clear: both;
}

/* Holly Hack Targets IE Win Only  \*/
* html .clear {height: 0%;}
.clear {display: block;}
/* End Holly Hack */

* {
margin: 0;
padding: 0;
outline: 0;
}

:focus { outline: 0; }

/* Elements */
.inputbox {
margin-right: 5px;
}

.btn {
border: none;
background: url(../images/btn.jpg) no-repeat;
width: 31px;
height: 20px;

overflow: hidden;
text-indent: -999px;

/* IE6 */
font-size: 0px;
display:block;
line-height: 0px;
}

.hide {
display: none;
}

.separation {
height: 6px;
background: url(../images/bloc_gauche/separation.jpg) no-repeat;
background-position: center;
margin-top: 15px;
}

hr {
border: none;
height: 6px;
background: url(../images/bloc_gauche/separation.jpg) no-repeat;
background-position: center;
margin-top: 15px;
}

.info {
font-size: 9px;
margin-bottom: 6px;
}

strong{
font-weight: bold;
}


a {
color: #EA6F0B;
}

a:link, a:active, a:visited {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

p {
font-size: 12px;
color: #646466;
}

h1 {
width: 630px;
height: 26px;
background: url(../images/bloc_droit/h1.jpg) no-repeat;
position: absolute;
top: 12px;
left: 0px;
text-indent: 20px;
padding-top: 12px;
font-size: 20px;
clear: both;
color: #FFF;
font-weight: bold;
}

.h1_e {
background: url(../images/bloc_droit/h1_e.jpg) no-repeat;
}

.h1_j {
background: url(../images/bloc_droit/h1_j.jpg) no-repeat;
}

h2 {
padding-top: 10px;
font-size: 16px;
clear: both;
color: #239FD5;
font-weight: bold;
}

h2 a {
color: #239FD5;
}

h3 {
font-size: 10pt;
color: #646466;
font-weight: bold;
padding-left: 10px;
padding-right: 15px;
margin-bottom: 10px;
margin-top: 10px;
}

h4 {
padding-top: 10px;
font-size: 12px;
color: #EA6F0B;
}

label{
font-size: 12px;
}

input{
margin-top: 5px;
margin-bottom: 5px;
}

.error, #flashMessage, .error-message{
font-size: 11px;
color: red;
}

.addresse{
float: left;
width: 150px;
padding: 150px 10px 0px 5px;
font-size: 12px;
}

form{
margin-bottom: 20px;
}

img{
margin-right: 10px;
}

table {
font-size: 12px;
margin: auto;
}

select {
margin-left: 15px;
}

.nous-contacter{
	display		: block;
	background	: url(../images/nous-contacter.jpg) no-repeat;
	height		: 18px;
	line-height	: 18px;
	width		: 120px;
	margin		: 0 auto;
	text-align	: center;
	color		: #fff;
	cursor		: pointer;
	font-weight	: normal;
	font-size	: 11px;
}

/*
* HEADER
*/

#header {
position: relative;
background: url(../images/header.jpg) no-repeat;
height: 148px;
width: 1100px;
margin: auto;
z-index: 1;
}

#header #logo a {
float: left;
margin-left: 40px;
height: 140px;
width: 360px;
}

/*
* PICTOS
*/

#pictos {
height: 30px;
width: 200px;
float: right;
margin-top: 20px;
margin-right: 40px;
}

#pictos ul {
list-style: none;
}

#pictos ul li {
float: left;
}

#pictos ul li a {
float: left;
height: 30px;
width: 30px;
}

#pictos #picto_home{
height: 30px;
width: 30px;
margin-right: 10px;
background: url(../images/pictos/home.jpg) no-repeat;
}

#pictos #picto_home:hover {
background: url(../images/pictos/home_hover.jpg) no-repeat;
}

#pictos #picto_link {
height: 30px;
width: 30px;
margin-right: 10px;
background: url(../images/pictos/link.jpg) no-repeat;
}

#pictos #picto_link:hover {
background: url(../images/pictos/link_hover.jpg) no-repeat;
}

#pictos #picto_contact {
height: 30px;
width: 30px;
margin-right: 10px;
background: url(../images/pictos/contact.jpg) no-repeat;
}

#pictos #picto_contact:hover {
background: url(../images/pictos/contact_hover.jpg) no-repeat;
}

#pictos #picto_sitemap {
height: 30px;
width: 30px;
margin-right: 10px;
background: url(../images/pictos/sitemap.jpg) no-repeat;
}

#pictos #picto_sitemap:hover {
background: url(../images/pictos/sitemap_hover.jpg) no-repeat;
}

#pictos #picto_legal {
height: 30px;
width: 30px;
margin-right: 10px;
background: url(../images/pictos/legal.jpg) no-repeat;
}

#pictos #picto_legal:hover {
background: url(../images/pictos/legal_hover.jpg) no-repeat;
}

/*
* MENU HAUT
*/

#menu_haut {
position: absolute;
height: 40px;
width: 660px;
top: 94px;
right: 20px;
z-index: 200;
}

#menu_haut, #menu_haut ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu_haut ul li a {
	display: block;
        font-size: 11px;
        color: #646466;
        text-decoration: none;
        text-align: center;
        height: 40px;
        line-height : 34px;
        width: 102px;
        background: url(../images/menu_haut/btn_haut.jpg) no-repeat;
}

#menu_haut ul li a:hover {
        background: url(../images/menu_haut/btn_haut_hover.jpg) no-repeat;
        color: #fff;
}

#menu_haut li { /* all list items */
        margin-right: 5px;
        width: 102px;
        float: left;
}

#menu_haut li ul { /* second-level lists */
	position: absolute;
	background: none #eee;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu_haut li ul li a { /* second-level lists */
	background: none #fff;
        text-align: left;
        text-indent: 8px;
        height: 18px;
	width: 200px;
        line-height: 18px;
}

#menu_haut li ul li a:hover { /* second-level lists */
	background: none #ea6f0b;
}

#menu_haut li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 200px;
}

#menu_haut li:hover ul ul, #menu_haut li:hover ul ul ul, #menu_haut li.sfhover ul ul, #menu_haut li.sfhover ul ul ul {
	left: -999em;
}

#menu_haut li:hover ul, #menu_haut li li:hover ul, #menu_haut li li li:hover ul, #menu_haut li.sfhover ul, #menu_haut li li.sfhover ul, #menu_haut li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*
* CORPS
*/	 

#corps {
width: 1100px;
margin: auto;
position: relative;
}

/*
* BLOC GAUCHE :: BLOG
*/

#bloc_gauche {
position: absolute;
left : 87px;
top: 20px;
width: 310px;
}

#bloc_gauche_top {
height: 14px;
font-size: 0px;
background: url(../images/bloc_gauche/bloc_gauche_top.png) no-repeat !important;
background: #fff;
width: 310px !important;
width: 300px;
}

#bloc_gauche_mid {
background: url(../images/bloc_gauche/bloc_gauche_mid.png) repeat-y !important;
background: #fff;
width: 290px !important;
width: 270px;
padding: 0px 20px 10px 10px;
}

#bloc_gauche_bottom {
height: 14px;
font-size: 0px;
background: url(../images/bloc_gauche/bloc_gauche_bottom.png) no-repeat !important;
background: #fff;
width: 310px !important;
width: 300px;
background-position: bottom;
}

#blog_search .submit{
position: absolute;
top: 15px;
right: 25px;
}

#blog_search p {
font-size: 13px;
text-indent: 5px;
}

#blog_search form {
font-size: 11px;
margin-bottom: 10px;
}

#blog_search a {
font-size: 11px;
padding-left: 35px;
}

#blog_news {
background: url(../images/bloc_gauche/sur_le_blog.jpg) no-repeat;
background-position: top;
padding-top: 50px;
margin-top: 10px;
}

.categories_h2{
height: 65px;
background: url(../images/bloc_gauche/sur_le_blog.jpg) no-repeat center;
}

.categories_ul{
list-style-type:none;
list-style-image: url(../images/ul_e.jpg);
margin-left: 70px;
}

.categories_ul a{
font-size:12px;
color: #646466;
}

.categories_ul a:hover{
color: #239FD5;
text-decoration: none;
font-size: 12px;
}

.jeunes_h2{
height: 75px;
background: url(../images/h2_j.jpg) no-repeat center;
}

.jeunes_ul{
list-style-type:none;
list-style-image: url(../images/ul_j.jpg);
margin-left: 70px;
}

.jeunes_ul a{
font-size:12px;
color: #646466;
}

.jeunes_ul a:hover{
color: #EA6F0B;
text-decoration: none;
font-size: 12px;
}

.entreprises_h2{
height: 75px;
background: url(../images/h2_e.jpg) no-repeat center;
}

.entreprises_ul{
list-style-type:none;
list-style-image: url(../images/ul_e.jpg);
margin-left: 70px;
}

.entreprises_ul a{
font-size:12px;
color: #646466;
}

.entreprises_ul a:hover{
color: #239FD5;
text-decoration: none;
font-size: 12px;
}

.missions_h2{
height: 75px;
background: url(../images/h2_m.jpg) no-repeat center;
}

.missions_ul{
list-style-type:none;
list-style-image: url(../images/ul_m.jpg);
margin-left: 70px;
}

.missions_ul a{
font-size:12px;
color: #646466;
}

.missions_ul a:hover{
color: #F8B42E;
text-decoration: none;
font-size: 12px;
}

#blog_partenaires {
position: relative;
background: url(../images/bloc_gauche/les_financeurs.jpg) no-repeat;
background-position: top;
padding-top: 65px;
overflow: hidden;
}

#bg_partenaires {
background: url(../images/bloc_gauche/bloc_gauche_mid.png) repeat-y !important;
background: #fff;
width: 310px !important;
width: 300px;
}

#slidebox {
position: relative;
width: 200px;
height: 80px;
padding-top: 10px;
margin-bottom: 20px;
}

#slidebox img{
    margin: auto;
}

#scroller {
list-style-type: none;
}

#scroller li{
width: 240px;
position: absolute;
left: 30px;
}

/*
* BLOC DROIT :: CONTENT
*/

#bloc_droit {
position : absolute;
left: 427px;
top: 20px;
width: 630px;
}

#bloc_droit_accueil {
position : absolute;
left: 427px;
top: 20px;
width: 630px;
}

#content_top {
height: 12px;
font-size: 0px;
background: url(../images/bloc_droit/content_top.jpg) no-repeat !important;
background: #fff;
width: 640px !important;
width: 630px;
}

#content_top_j {
height: 12px;
font-size: 0px;
background: url(../images/bloc_droit/content_top_j.jpg) no-repeat !important;
background: #fff;
width: 640px !important;
width: 630px;
}

#content_top_e {
height: 12px;
font-size: 0px;
background: url(../images/bloc_droit/content_top_e.jpg) no-repeat !important;
background: #fff;
width: 640px !important;
width: 630px;
}

#content_mid {
background: url(../images/bloc_droit/content_mid.png) repeat-y !important;
background: #fff;
width: 590px !important;
width: 580px;
padding: 50px 40px 10px 20px;
min-height: 500px;
}

#content_mid h2{
margin-bottom: 10px;
}

#content_mid ul{
margin-left: 60px;
}

#content_mid ul li{
margin-top: 4px;
margin-bottom: 4px;
font-size: 12px;
}

#content_mid .paginator {
font-size: 10px;
text-align: center;
}

#content_bottom {
height: 14px;
font-size: 0px;
background: url(../images/bloc_droit/content_bottom.png) no-repeat !important;
background: #fff;
width: 640px !important;
width: 630px;
background-position: bottom;
}

#coordonnees_haguenau{
float	:	left;
width	:	250px;
margin	:	0;
}

#coordonnees_service_emploi{
float	:	right;
width	:	250px;
margin	:	0;
}

.permanences {
	margin			: 0px;	
	width			: 570px;
	border-collapse	: collapse;
}

h5 {
	background: #d6eaf7;
	border: 1px solid #d6eaf7;
	width: 564px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	font-weight: normal;
	padding: 0 2px;
	margin: 0;
}
	
.permanences td{
	border: 1px solid #d6eaf7;
	padding: 2px;
}

/*
* FOOTER
*/

#footer {
margin-bottom: 20px;
}

#footer a{
color: #646466;
}

#footer p {
	clear:both;
font-size : 10px;
text-align: center;
margin-top: 10px;
color: #646466;
}

#footer ul{
	width: 60%;
	list-style: none;
	text-align : center;
	margin: 20px auto 0 auto;
}

#footer li {
	display:inline;
	font-size: 10px;
	text-align: center;
}

#footer li a {
	color : #EA6F0B;
	margin: 0 5px;
}

#footer li a:hover {
	color : #EA6F0B;
}