/*SYNTHESE WEB*/
/*RESET BROWSERS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0;}
body {background:#303030; color:#fff; font-family:Arial; font-size:14px;  font-weight:lighter;}
a{
	text-decoration:none;
	color:#89bda8;	
}

/*DIVS CONTENT*/
table#all {margin-left:auto; margin-right:auto; width:1002px; background:url(../img/bg2.png);}
td#head_top {width:1002px; height:25px;}
td#left {width:102px; background:url(../img/border_left3.png) repeat-y;}
td#center {width:819px; background:#101010;}
td#right {width:81px;}
div.clear {clear:both;}
div#head {width:819px; height:60px;}
div#logo {background:url(../img/logo.png) no-repeat; width:250px; height:60px; float:left;}
div#rss {float:right;}
div#nav {padding-top:24px;}
div#flash {width:819px; height:260px; float:left; background:#333; z-index:999;}
div#content {color:#999; line-height:15px; font-weight:lighter; letter-spacing: 0.05em; padding-bottom:25px; width:819px;}
div#img_bottom {background:url(../img/img_bottom.png); width:819px; height:30px; float:left;}
div#footer {color:#999; font-size: 10px;}
div#footer a {color:#999; font-size: 10px; text-decoration:none;}
a.pagination {color:#999; text-decoration:none; font-size:10px; padding:5px;}
a.pagination:hover {color:#89bda8; text-decoration:none; font-size:10px;}
a.pagination_active {color:#89bda8; text-decoration:underline; font-size:10px; padding:5px;}

/*MENU*/
ul.menu {width:640px;}
ul.menu li {display:inline; margin-bottom:10px;}
ul.menu li a {padding-right:20px; color:#fff; text-decoration:none;}
ul.menu li a:hover {color:#fff; text-decoration:underline;}
/*STYLES MENUS ACTIF*/
ul.menu li a.active {padding-right:20px; color:#fff; text-decoration:underline;}
ul.menu li a.desactive {padding-right:20px; color:#fff; text-decoration:none;}

ul.menu li a.active2 {padding-right:20px; color:#fff; text-decoration:underline;}
ul.menu li a.desactive2 {padding-right:20px; color:#fff; text-decoration:none;}

ul.menu li a.active3 {padding-right:20px; color:#fff; text-decoration:underline;}
ul.menu li a.desactive3 {padding-right:20px; color:#fff; text-decoration:none;}

ul.menu li a.active4 {padding-right:20px; color:#fff; text-decoration:underline;}
ul.menu li a.desactive4 {padding-right:20px; color:#fff; text-decoration:none;}

ul.menu li a.active5 {padding-right:20px; color:#fff; text-decoration:underline;}
ul.menu li a.desactive5 {padding-right:20px; color:#fff; text-decoration:none;}

/*TITLES*/
h1.title {font-weight:normal; color:#879fcc; font-size:24px; padding-bottom:25px;}
h2.set {border-bottom:1px solid #ccc; padding-bottom:10px;}

/*CMS CONTENT*/
div.news { width:590px; float:left; display:none;}
div.others {width:225px; float:left;}

/*STYLES NEWSLETTER*/
div.liste_news {width:560px; overflow:auto; padding-bottom:25px;}
h1.date {font-size:14px; color:#879fcc;padding-bottom:5px; font-weight:lighter;}
h1.titre {font-size:16px; color:#879fcc; font-weight:lighter;}
.txt_news{font-size:12px;}
p.lire {color:#89bda8; font-weight:lighter;}
p.lire a {color:#89bda8; text-decoration:none; font-weight:lighter;}
p.lire a:hover {color:#89bda8; text-decoration:underline; font-weight:lighter;}
.img_align_left {float:left; margin:0px; padding:0px; margin-right:10px;}
p {margin-top:10px; color:#999; font-weight:lighter;}

/*STYLES CONTENT RIGHT*/
div.cont_right {margin-bottom:10px;}
a.lien_droite {text-decoration:none; color:#999;}

/*STYLES CONTENT GALLERY*/
div.gallery_retro {width:225px;}

/*FORM HJ 2010*/
a.iframe {text-decoration:none; color:#89bda8;}
a.iframe:hover {text-decoration:underline; color:#89bda8;}

/*TOOLTIP*/
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*admin + login*/
.adminForm {display:none;}
.adminForm_log {}
#adminZone	{ width: 900px; padding-left:30px; background:#fff; margin-left:auto; margin-right:auto; padding-right:30px; padding-bottom:20px; border:#333 1px solid;}
.loginZone	{ width: 450px; margin-left:0px;}
#nav2 {background:#fff;}
legend {font-size:17px; color:#999; font-family:Palatino; background:#fff;}
.liste {margin:0px; padding:0px; padding-bottom:10px; padding-top:5px; background:#efefef;}
.element {display:inline; margin-right:10px; list-style:none; color:#666;}
.element a {display:inline; list-style:none; color:#666;}
.titre_admin {margin:0px; padding:0px; padding-top:10px; padding-bottom:10px; color:#666; background:#fff; font-size:18px;}
.titre_admin_log {padding-left:10px; padding-top:10px; padding-bottom:10px; color:#666; background:#fff; font-size:18px;}
.right {margin-left:60px;}
.form_news {padding:10px; margin-bottom:20px; font-size:12px; color:#333; background:#efefef; border:#efefef 1px solid; }
.btn {margin-left:10px; background:#efefef; border:#999 1px solid;}
.btn2 {background:#efefef; border:#999 1px solid;}
.btn_app {margin-bottom:20px; background:#efefef; border:#999 1px solid;}
.lab {background:#efefef; padding-right:20px;}
.admin {padding-bottom:10px; padding-top:5px; background:#efefef;}
.contour {border:#ddd 1px solid; background:#fff;}
.contour2 {border:#999 1px solid;}
.contour3 {border:#999 1px solid;}
.gestion {background:#ddd; font-size:14px; padding:5px; color:#999;}
select {background:#fff;}
option {background:#fff;}
.texte {background:#fff; font-family:Arial; font-size:14px; line-height:18px; color:#666; width:100%; border: 1px solid #ddd; height:100px;}
.texte p {margin:0px; padding:0px;}
.date2 {display:none;}
.imgadmin {background:transparent;}

/*organisation*/
#info {display: block; margin-top:10px; background:#fff; width:950px; margin-left:auto; margin-right:auto;}
#sortme {list-style: none; background:#fff; display:none;}
#sortme li {display: block; padding: 20px 10px; margin-bottom: 3px; background: #efefef;}
#sortme li .sortitem {cursor: move;}
.org_titre {background:#efefef; line-height:20px; color:#999;}
.org_img {float:left; padding-right:10px;}

/*CSS ZONE EMPLOI*/
.pad {padding-left:0px; margin-left:0px; color:#999;}
h3.emploi {float:left; width:400px;}
h3.right {width:400px;}
.left {width:400px; padding-right:20px; padding-top:5px; padding-bottom:5px;}
.link {width:200px; line-height:30px;}

/*INFOBULLE*/
a.info{
position:relative;
z-index:25;
color:#999;
text-decoration:none;
}
 
a.info:hover{

background-color:#efefef;
}
 
a.info span{
display: none;
}
 
a.info:hover span{
	z-index:24;
display:block;
position:absolute;
top:0em; left:0em; width:10em;
font-size:14px;
border:1px solid #89bda8;
background:#fff;
color:#89bda8;
text-align: justify;
font-weight:normal;
padding:10px;
}

/* ADMIN PANEL */
div#CMS_admin_panel {
	width:160px;
	position:fixed;
	right:5px;
	top:5px;
	padding:10px;
	background:#fff;
	border:#333 1px solid;
}

div#CMS_admin_panel h1 {
	color:#333;
	border-bottom:solid 1px #ccc;
	padding-bottom:5px;
}

div#CMS_admin_panel p {margin:0 0 5px 0; padding:0;}

div#CMS_admin_panel p.CMS_titre_panneau {
	margin:20px 0 5px 0;
	padding:3px 0 3px 0;
	color:#3B5998;
	border-bottom:solid 1px #ccc;
}

div#CMS_admin_panel a {
	display:block;
	margin:0 0 5px 0;
	padding-left:5px;
	text-decoration:none;
	color:#999;
}
div#CMS_admin_panel a:hover, div#CMS_admin_panel .current {
	color:#333; 
	text-decoration:none; 
}


/*JQUERY LIGHTBOX*/




div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancy_img/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	background: transparent url('../img/fancy_img/fancy_closebox.png') no-repeat;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancy_img/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancy_img/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancy_img/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	/*background: transparent url('../img/fancy_img/fancy_title_left.png') repeat-x;*/
}

td#fancy_title_main {
	height: 32px;
	/*background: transparent url('../img/fancy_img/fancy_title_main.png') repeat-x;*/
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	/*background: transparent url('../img/fancy_img/fancy_title_right.png') repeat-x;*/
}