* { margin:0; padding:0; }

body          { /*background:#496778 url(../images/bkg_body.gif) 50% 0 repeat-y; */font:12px/1.55 Arial, Helvetica, sans-serif; color:#2f2f2f; text-align:center; }


img           { border:0; vertical-align:top; }

a             { color:#AE007C; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline: 0; }
ul, ol {
list-style:none outside none;
}

.header-container_all {
	background: url("../images/header_container_bg.jpg") repeat scroll 31% top #F3F3F3;
	height:121px;
	z-index:43;
}

.header-container {
	
	height:121px;
	z-index:43;
}


.header {
	background:url("../images/header_bg0.gif") no-repeat scroll   center top;
	margin:0 auto;
	top:4px;
	position:relative;
	text-align:right;
	width:1002px;
	z-index:10;
	height:121px;
}


.header h1.logo {
	margin-left:47px;
}

.header .logo {
	float:left;
  	text-decoration:none !important;
}

.logo {
	float:left;
}


header .links {
	float:right;
	margin:0 0 6px;
}

.header .links { float:right; margin:5px 17px 0 0px; }
.header .links li { float:left; font-size:9px; color:#009ee0; font-family:Arial, Helvetica, sans-serif }
.header .links a { color:#009ee0; }
.header-container .top-container { clear:both; padding:5px 10px 0 12px; text-align:right; }
.header-container .top-container a { font-size:11px; color:#ebbc58; }


.nav-container {
	margin:9px 0px 0px 22px;
	text-align:left;
 	float:left;
	color:#666666;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

ul.menu
{
	position:relative;
	float:left;
 	border:0px green solid;
	z-index:44;
	list-style-type:none;
	margin:0 0 0 26px;
	padding:0;
	width:780px;
 	background:url(../images/ico_home.gif) left top no-repeat;
}



.menu li { float:left; padding:0 5px;}
.menu li.active a { color:#666666;text-decoration:none;min-width:30px; }
.menu a { float:left;color:#666666;  font-style:none;text-decoration:none;min-width:30px; }
.menu  li.over a,
.menu  a:hover { color:#666666; text-decoration:none;min-width:30px; }

#nav li.over > ul { left:0; }

 
ul.sous_menu_qui {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	left:11px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:217px;
	z-index:46;
	display:block;
}


ul.sous_menu_qui_over {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	margin-left:-18px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:207px;
	z-index:46;
	display:none;
}

ul.sous_menu_qui li
{
	position:relative;
	float:left;
	border:0px green solid;
	border-top:1px #d3d6d9 solid;
	z-index:47;
	margin-left:16px;
	padding:0;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	width:187px;
	height:auto;
	white-space:nowrap;
}

ul.sous_menu_qui li a
{
	position:relative;
	float:left;
	border:0px green solid;
	margin:0;
	padding:10px 0 10px 0;
}

ul.sous_menu_qui li a:link{		color:#666666;text-decoration:none; margin-left:2px;}
ul.sous_menu_qui li a:visited{	color:#666666;text-decoration:none; margin-left:2px;}
ul.sous_menu_qui li a:hover{	color:#009EE0;text-decoration:none; margin-left:2px;}
ul.sous_menu_qui li a:active{	color:#666666;text-decoration:none; margin-left:2px;}


ul.sous_menu_metier {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	left:170px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:288px;
	z-index:46;
	display:block;
	
	
}
ul.sous_menu_metier_over {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	margin-left:-18px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:260px;
	z-index:46;
	display:none;
}
ul.sous_menu_metier li
{
	position:relative;
	float:left;
	border:0px green solid;
	border-top:1px #d3d6d9 solid;
	z-index:47;
	margin-left:15px;
	padding:0;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	width:260px;
	height:auto;
	white-space:nowrap;
}

ul.sous_menu_metier li a
{
	position:relative;
	float:left;
	border:0px green solid;
	margin:0;
	padding:10px 0 10px 0;
}
ul.sous_menu_metier li a:link{		color:#666666;text-decoration:none; margin-left:1px;}
ul.sous_menu_metier li a:visited{	color:#666666;text-decoration:none; margin-left:1px;}
ul.sous_menu_metier li a:hover{	color:#009EE0;text-decoration:none; margin-left:1px;}
ul.sous_menu_metier li a:active{	color:#666666;text-decoration:none; margin-left:1px;}
 

ul.sous_menu_recrutement {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	left:257px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:218px;
	z-index:46;
	display:block;
}

ul.sous_menu_recrutement_over {
	background:url("../images/fond-ss-menu.jpg") no-repeat scroll center top #FFFFFF;
	border-color:-moz-use-text-color #D3D6D9 #D3D6D9;
	border-style:solid;
	border-width:0 1px 1px;
	height:auto;
 	list-style-type:none;
	margin-left:-18px;
	/*padding:0 5px 5px;*/
	position:absolute;
	top:17px;
	width:190px;
	z-index:46;
	display:none;
}

ul.sous_menu_recrutement li
{
	position:relative;
	float:left;
	border:0px green solid;
	border-top:1px #d3d6d9 solid;
	z-index:47;
	margin-left:15px;
	padding:0;
	font-size:11px;
	color:#000000;
	font-weight:normal;
	width:192px;
	height:auto;
	white-space:nowrap;
}

ul.sous_menu_recrutement li a
{
	position:relative;
	float:left;
	border:0px green solid;
	margin:0;
	padding:10px 0 10px 0;
}
ul.sous_menu_recrutement li a:link{		color:#666666;text-decoration:none; margin-left:1px;}
ul.sous_menu_recrutement li a:visited{	color:#666666;text-decoration:none; margin-left:1px;}
ul.sous_menu_recrutement li a:hover{	color:#009EE0;text-decoration:none; margin-left:1px;}
ul.sous_menu_recrutement li a:active{	color:#666666;text-decoration:none; margin-left:1px;}
 
 
.anim-container {
	z-index:5;
	background:url("../images/anim_container.jpg") repeat-x scroll center top;
 }

.anim {
	background:url("../images/anim_bgd1.jpg") no-repeat scroll center top;
	margin:0 auto;
	min-height:327px;
	width:1002px;
	z-index:5;
}

.main-container_all {
	background:url("../images/main_bg_all.jpg") repeat scroll  center top #dfe2e2;
 }
 
 
.main-container {
 }
 

.main {
	background:url("../images/main_bg0.jpg") no-repeat scroll center top ;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:1002px;
	z-index:10;
	min-height:368px;
}

ul.rubtique { display:inline; position:relative; top:29px;left:100px; }
ul.rubtique links { display:block; }
ul.rubtique  li{ display:inline; padding:0 7px 0 4px;   }
ul.rubtique  li .evenement{ display:inline; padding:0 0 0 0; margin:0 0 -50px -5px; }
  
  
.main h2 {
	color:#4D4D4D;
	font-family:Arial,Helvetica,sans-serif;
	font-size:40px;
	margin-left:45px;
	margin-top:47px;
}

.main-left {
	float:left;
	 width:200px;
}

.main-center{
	float:left;
 	 width:648px;
}

.main-right {
	float:right;
	width:170px;
}

.nbr_offres {
	color:#009EE1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:119px;
	margin-left:41px;
	margin-top:-42px;
}

.nbr_offres a { color:#009EE1; text-decoration:none; }
.nbr_offres a:hover { text-decoration:none; }


.nbr_offres_plus {
	color:#009EE1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:119px;
	font-weight:bold;
 	margin-top:-100px;
 	margin-left:30px;	
}

.lbl_offres {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:40px;
	font-weight:bold;
	margin-left:-100px;
  }

.lbl_lien_offres {
	color:#009EE1;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	margin-left:20px;
	margin-top:-39px;
	max-width:61px;
}
.lbl_lien_offres a { color:#009EE1; text-decoration:none; }
.lbl_lien_offres a:hover { text-decoration:none; }


 
/* Footer ================================================================================ */
.footer-container { /*border-top:15px solid #b6d1e2;*/background-color:#000000;  }
.footer { width:1002px; margin:0 auto;padding-top:10px;padding-bottom:10px;color:#FFFFFF;font-size:10; font-family:Arial, Helvetica, sans-serif; }

.footer a { color:#FFFFFF; text-decoration:none; }
.footer a:hover { text-decoration:underline; }

.footer ul { display:inline; }
.footer ul.links { display:block; }
.footer li { display:inline;   }
 
 /******************************* menu ligne offre ******************************/

ul.offres {
	border:0 solid green;
	float:left;
	height:42px;
 	top:-6px;
	list-style-type:none;
	padding:0;
	position:relative;
}

 ul.offres li {
 	background:url("../images/fond_offre.gif") no-repeat scroll  5% 58% transparent;

	border:0 solid green;
	bottom:0;
	float:left;
	font-size:12px;
	height:102px;
	line-height:1.1em;
	margin:0;
	padding:0 34px;
	position:relative;
	text-align:left;
	width:148px;
	z-index:2;
}

ul.offres a { color:#009ee1; text-decoration:none;  font-family:Arial, Helvetica, sans-serif; font-size:12px}
ul.offres a:hover { text-decoration:underline; }

ul.offres li p
{
	color:#595959;
 	margin-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	
 }

ul.offres li h1
{
	color:#009ee1;
 	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:1.38em;
	
}

/********************EFFET DE SURVOL PICTO ACCEUIL****************************/

#dev
{
	width: 140px;
	height: 80px;
 	background:url("../images/picto_mobilite.gif") no-repeat scroll  5% 58% transparent;

}
#dev:hover
{
	width: 140px;
	height: 80px;
 	background:url("../images/picto_mobilite.gif") no-repeat scroll  5% 58% transparent;
}

.picto_reseaux_social{
	float:right;
}

.picto_reseaux_social a:link{		color:#666666;text-decoration:none;}
.picto_reseaux_social  a:visited{	color:#666666;text-decoration:none;}
.picto_reseaux_social a:hover{	color:#009EE0;text-decoration:underline;}
.picto_reseaux_social a:active{	color:#666666;text-decoration:none;}



/* MESSAGES
*******************************************************************************/
.notification-global { padding:5px 27px 5px 47px; background:#fff9e9 url(images/error_msg_icon.gif) 27px 5px no-repeat; border-bottom:1px solid #eee2be; font-size:11px; line-height:16px; margin:0 0 -3px; color:#444; position:relative; }
.notification-global .label { color:#eb5e00; }
.notification-global .clickable { cursor:pointer; }
.notification-global span.critical { color:#d20000; }
.notification-global a:hover { text-decoration:none; }

.error,
a.error span,
.required,
.validation-advice { color:#D40707 !important; font-weight:bold !important; }
.validation-advice2 { color:#D40707 !important; font-weight:bold !important; }
.notice { color:#ea7601}
.messages ul { border:0 !important; }
.messages ol { min-height:23px !important; margin-bottom:11px !important; padding:9px 8px 2px 32px !important; font-size:.95em !important; font-weight:bold !important; }
.messages ul lo { margin:0 0 3px 0 !important; border:0 !important; padding:0 !important; }
.error-msg { border:1px solid #f16048 !important; color:#df280a !important; background:#faebe7 url(images/error_msg_icon.gif) no-repeat 10px 10px !important; }
.success-msg { border:1px solid #95a486 !important; color:#3d6611 !important; background:#eff5ea  !important; }
.notice-msg { border:1px solid #ffd967 !important; background:#fffbf0 url(images/note_msg_icon.gif) no-repeat 10px 10px !important; color:#3d6611 !important; }
.warning-msg { border:1px solid #666e73 !important; background:#e6e6e6 url(images/warning_msg_icon.gif) no-repeat 10px 10px !important; color:#000000 !important; }
.validation-advice { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:16px; font-size:.95em; font-weight:bold; line-height:1.25em; }
.validation-advice2 { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(images/validation_advice_bg_2.gif) no-repeat 2px 15px; padding-left:16px; font-size:.95em; font-weight:bold; line-height:1.25em; }
input.validation-failed, textarea.validation-failed { background:#fef0ed; border:1px dashed #d6340e; }

element.style  {
display:block;
height:474px;
left:274px;
top:35px;
}