/*start default browsers*/
html, body {margin:0px; padding:0px; font: 14px Arial, Arial, Helvetica, sans-serif; color:#666; background:#7e7e7e;}
* {	margin: 0; padding: 0; font-weight:normal;}
strong {background:#ddd;}
.img_align_left {background:#ddd;}
.img_align_left2 {float:left; margin-right:10px; background:#ddd;}
.txt_bold {font-weight:bold;}
h1.menu {margin-left:50px; margin-right:600px; background:#fff; font-size:18px; color:#999; padding-top:40px; border-bottom:#999 1px solid;}
h1.menu_cont {margin-left:30px; margin-right:600px; background:#fff; font-size:18px; color:#999; padding-top:40px; border-bottom:#999 1px solid;}

/*start contents*/
#all {width:981px; margin-left:auto; margin-right:auto; background:url(../img/interface/bg_y.png) repeat-y;}
#header {width:960px; height:300px; background:#fff; margin-left:auto; margin-right:auto;}
#content { width:960px;}
.news { width:680px; overflow:auto; background:#ddd; padding-left:20px; padding-right:180px; padding-bottom:15px; padding-top:15px; margin-left:30px; margin-right:30px; margin-bottom:20px; margin-top:30px;}
.news3 { width:830px; overflow:auto; background:#ddd; padding-left:20px; padding-right:30px; padding-bottom:15px; padding-top:15px; margin-left:30px; margin-right:30px; margin-bottom:20px; margin-top:30px;}
h2 { font-size:1.2em; }
.author { font-size:12px; color:#adadad; background:#ddd; padding-top:10px; }
.footer	{ width:500px; font: 0.7em Arial;}
a { text-decoration:underline; color:#aaa; outline:none;}
a:hover { color:#333;}
.blanc {background:#fff;}
p {background:#ddd; color:#666; font-size:14px;}

/*A PROPOS*/
#all_apropos {margin-left:30px; margin-top:30px; width:900px;}
#contenu_apropos {width:300px; float:left;}
#contenu_apropos2 {width:300px; float:left;}
.bold {font-weight:bold; background:#fff;}
.normal {font-weight:normal; background:#fff;}

/*GLIDER*/
p.content_glider {padding-top:20px; width:500px;}
p.content_left {background:#fff;}
h3.content_titre {padding-top:20px;}
.glidecontentwrapper{
position: relative;
width: 540px;
height: 500px;
background:#ddd;
overflow: hidden;
}
.glidecontent{
position: absolute;
background:#ddd;
padding: 20px;
visibility: hidden;
width: 540px;
}
.glidecontenttoggler{
width: 300px;
margin-top: 6px;
text-align: left; 
background: white; 
}
.glidecontenttoggler a{
color: #1A48A4;
text-decoration: none;
}
.glidecontenttoggler a.selected{
color: #000;
}
.glidecontenttoggler a:hover{
color: #000;
}
.glidecontenttoggler a.toc{
}
.glidecontenttoggler a.prev, .glidecontenttoggler a.next{
}
.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

/*FOOTER*/
#footer {border-top:1px solid #a6a6a6; width:880px; text-align:center; margin-left:45px; margin-right:30px; margin-top:10px; font-size:12px; padding-bottom:20px;}

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

/*admin + login*/
#adminZone	{ width: 900px; padding-left:30px; background:#fff; margin-left:auto; margin-right:auto; padding-right:30px; padding-bottom:20px;}
.loginZone	{ width: 450px; margin-left:30px;}
#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;}
.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;}
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;}
.date {display:none;}
.imgadmin {background:transparent;}

/*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;}


.titre_news {background:#ddd; padding-bottom:15px; font-size:18px; color:#999;}
p {background:#ddd;}
p.content {background:#ddd; color:#666; font-size:14px;}


/*GOOGLE MAP*/
#contacts {float:left;}
#map {float:right;}
.bold2 {font-weight:bold; background:#ddd;}
.news2 { width:840px; overflow:auto; background:#ddd; padding-left:20px; padding-right:20px; padding-bottom:15px; padding-top:15px; margin-left:30px; margin-right:30px; margin-bottom:20px; margin-top:30px;}

/*HOME FISHEYE*/
.img_fish {margin-left:0px;}

/*HOME FISHEYE*/
#contfish {background:#ddd; width:880px; height:145px; margin-left:30px;  margin-top:30px;}
.left2 {background:#ddd;}
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
	z-index:0;
}
a.fisheyeItem
{
	text-align: center;
	color: #999;
	font-weight: bold;
	text-decoration: none;
	width: 133px;
	position: absolute;
	display: block;
	top: 0;
}

.fisheyeItem img
{
	border: none;
	margin: 10px auto 0px auto;
	width: 100%;
}
.fisheyeItem span
{
	display: visible;
	positon: absolute;
}
.fisheyeContainter
{
	background-color: #ddd;
	height: 50px;
	width: 960px;
	left: 0px;
	position: absolute;
}




/*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;
}

/*nav MENU JQUERY*/
/*nav MENU JQUERY*/
#myslidemenu {position:relative; z-index:999;}
.jqueryslidemenu{
font: normal 11px Arial;
background: url(../img/interface/bg_menu.jpg) repeat-x;
width: 960px;
margin-left:10px;
text-align:center;
height:24px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: url(../img/interface/bg_menu.jpg) repeat-x; /*background of tabs (default state)*/
color: white;
padding: 5px 5px;
color: #2d2b2b;
text-decoration: none;
width: 130px;
}

.jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

/*.jqueryslidemenu ul li a:hover{
background: url(../img/interface/bg_menu_h.jpg) repeat-x;
color: white;
}*/
.jqueryslidemenu ul li a:hover{
background: url(../img/interface/bg_menu_h.jpg) repeat-x; /*tab link background during hover state*/
color: white;
}
.jqueryslidemenu ul li a:current{
background: url(../img/interface/bg_menu_h.jpg) repeat-x; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 10px Arial;
width: 147px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
text-align:left;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}