/* 
CSS Document 
*/

@font-face {
	font-family: 'DroidSansRegular';
	src: url('DroidSans-webfont.eot');
	src: local('☺'), url('DroidSans-webfont.woff') format('woff'), url('DroidSans-webfont.ttf') format('truetype'), url('DroidSans-webfont.svg#webfont6rGBoMAO') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DroidSansBold';
	src: url('DroidSans-Bold-webfont.eot');
	src: local('☺'), url('DroidSans-Bold-webfont.woff') format('woff'), url('DroidSans-Bold-webfont.ttf') format('truetype'), url('DroidSans-Bold-webfont.svg#webfontSruMVOI5') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*MAIN PAGE*/
* { font-family: 15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; }
a img {	border: 0px; text-decoration: none; }
p {	margin: 5px; }
body { margin: 0px auto; }
#main{ margin: 30px auto; /*zoom: 1;*/ }

/* Change Background of jquery's corners */
.rounded { background-color:#D6EDF3; padding:30px; }
.highlight { background-color:#C0DBF3; }

/*HEADER*/
#header{ width: 800px; position:relative; height: 162px; background-image:url(../images/header.jpg); background-repeat:no-repeat; }

/*COMPANY NAME IN HEADER*/
#header h1 a { color: #fff; font-weight: bold; font-size: 2em; height: 113px; padding-top: 40px; padding-left: 200px; background-image: url(../images/logoweb.png); background-repeat: no-repeat; background-position: 20px 20px; text-decoration: none; display: block; }
.printlogo { float:right; cursor: pointer; }
#bandeau { position:absolute; width: 530px; color: #fff; font-size: x-small; font-weight: bold; margin-top:130px; margin-left:240px; left: 0px; top: 0px; border: 0px; }
#bandeau a { display: block; }
#btnaccueil { float: left; background-image: url(../images/home.png); background-repeat: no-repeat; padding-left: 22px; padding-top:4px; height: 18px; margin: 0px 10px; }
#btnpro { float: right; background-image: url(../images/head-login.png); background-repeat: no-repeat; padding-left: 22px; padding-top:4px; height: 18px; }
#btncontact { float:left; background-image: url(../images/phone.png); background-repeat: no-repeat; padding-left: 18px; padding-top:4px; height: 18px; }

/*LEFT PANEL (News, Links, etc.)*/
#leftpanel { float: left; margin-left: 5px; margin-right: 5px; }

/*CONTENT*/
#fullcontent{ width: 1200px; }
#content{ width: 800px; }
#contenttext{ width: 800px; float: right; text-align: left; background-color: #fff; }

/*FOOTER*/
.footer{
	width: 779px;
	height: 32px;
	background-image:url(../images/bg_footer.gif);
	background-repeat:no-repeat;
	clear:both;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	padding :10px;
	margin-top: 25px;
}
/*FOOTER LINKS*/
.footer a { font-size: 10px; font-weight: bold; color:#fff; text-decoration:none; }
.footer a:hover{ text-decoration:underline; }

/*BOX*/
.box_top{ width: 204px; height: 27px; background-image:url(../images/table_top.jpg); background-repeat:no-repeat; }
.box_content{ width: 204px; background-image:url(../images/table_content.jpg); background-repeat:repeat-y; }
.box_text{ margin-left:15px; margin-right:15px; text-align:justify; }
.box_bottom{ width: 204px; height: 23px; background-image:url(../images/table_bottom.jpg); }
.news_more { font-size: 10px; color: #f90; font-weight: bold; }
.news_text { font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; font-size: 10px; }

/*TEXT STYLES*/
h2 { background-color: #7DA5E0; border: 1px dotted; color: #fff; font-size: 1em; font-weight: bold;  padding: 10px; text-align: center; }
h3 { font-size: 1em; font-weight: bold; color: #09c;  border-left: 5px solid #09c; border-bottom: 2px dotted #09c; padding: 2px 10px 2px 5px; }
h4 { color: #66f; border: none;  font-style: italic; font-size: 15px; padding-left: 55px; }
h5 { color: #69f; border: none; font-size: 11px; }

/* ACCUEIL */
#special { border: 2px solid #f00000; }
.txtimg { text-align: center; }
.images { /*border: 1px solid #7DA5E0;*/ text-align:center; margin:auto; }
.news_date { font-size: 10px; font-weight: bold; color: #09c; }
.body_text { text-align: justify; line-height: 1.3em; }
.body_text p { margin-top: 20px; }
p.body_text { margin-bottom: 5px; }
.body_text img { float: left; margin-right: 10px; }
ul.body_text li { font-size: 0.8em; list-style-type: circle; }
.subtitle_gray { font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #ccc; }
.title_blue { font-weight: bold; color: #7DA5E0; }
.title_panel {	font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.center_div { text-align: center; }

/* TABLE DESIGN */
.center_table { text-align: left; width: 750px; margin: auto; }
.table_top { width: 300px; height: 18px; background-color: #7DA5E0; }
.table_head { padding-left: 5px; }
#margecaption { padding-bottom: 20px; color: #7DA5E0; }
.stripblue { background-color: #9cf; }
.stripwhite { }
.table_content th { padding-left: 5px; }
.table_content td { padding-left: 23px; padding-top: 8px; }
.table_content { width: 300px; text-align: left; }
.table_text{ margin-left:15px; margin-right:15px; text-align:justify; }
.table_bottom{ width: 204px; height: 23px; }

dl { margin: 0; padding: 0; }
dt { margin: 0 0 1em 0; padding: 0; font-weight: bold; color: #7DA5E0; }
dd { padding-left: 10px; }

/* LOGIN */
#contenulogin {
	height: 266px;
	width: 600px;
	margin-top:50px;
	margin-bottom:50px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/login_csje.png")  no-repeat; /* Custom */
	font-family :15px/20px 'DroidSansRegular', Arial,Helvetica,sans-serif;
	font-size : 11px;
	color :#5274e3;
	font-weight: bold;
}
#boxlogin {
	background-color:transparent;
	height:190px;
	padding-left:15px;
	padding-top:95px;
	position:relative;
	text-align:left;
	width:300px;
}
#boxlogin legend {
	background-color:transparent;
	color:#5274E3;
	font-size:15px;
	font-weight:700;
}
#boxlogin p { text-align:center; }
#logo-login {
	color:#000000;
	float:right;
	font-size:11px;
	height:160px;
	margin-left:0;
	margin-right:10px;
	margin-top:80px;
	overflow:auto;
	width:230px;
}
.row { clear: both; padding-top: 5px; }
.label { float: left; margin-left:10px; text-align: left; padding: 4px; }
.formw {
	float: right;
	margin-right:10px;
	text-align: right;
}
#boxlogin fieldset {
	background-color: transparent;
	border: 2px solid #98acec;
	padding-bottom: 5px;
	padding-top: 5px;
}
#boxlogin legend {
	font-size: 15px;
	font-weight: 700;
	background-color: transparent;
	color :#5274e3;
}
#boxlogin input { border: 1px solid #98acec; /* Custom */ }
#boxlogin input:focus { background-color: #FEFF8F; }
input#login_name {
	background: white url(../images/login.png) no-repeat;
	background-position: left;
	padding-left: 18px;
}
input#login_password {
	background: white url(../images/password.png) no-repeat;
	background-position: left;
	padding-left: 18px;
}
#logo-login {
	font-size: 11px;
	float:right;
	height: 160px;
	width: 230px;
	margin-right:10px;
	margin-left:0px;
	margin-top:80px;
	color :#000;
	overflow: auto;
}
#logo-login a:hover { color :#98acec; /* Custom */ text-decoration: underline; }

/* MENU */
#menu{ text-align: center; margin: 0px auto; margin-left: 3px; font-size: 14px; }
.preload1 {background: url(../images/blank_over.gif);}
.preload2 {background: url(../images/blank_overa.gif);}
.menu2 {padding:0 0 0 0px; margin:0 auto; list-style:none; height:36px; background:#fff; font-family: 'DroidSansRegular', Arial, verdana, sans-serif; text-align:center; width: 790px;}
.menu2 li.top {display:block; float:left;}
.menu2 li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#fff; text-decoration:none; font-size:13px; padding:0 0 0 11px; cursor:pointer;background: url(../images/blank.gif);}
.menu2 li a.top_link span {float:left; display:block; padding:0 0px 0 12px; height:36px;background:url(../images/blank.gif) right top;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 20px 0 0px; height:36px; background:url(../images/blanka.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../images/blank_over.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
.menu2 li:hover > a.top_link,.menu2 li.activemenu > a.top_link {color:#ccc; background: url(../images/blank_over.gif) no-repeat;}
.menu2 li:hover > a.top_link span,.menu2 li.activemenu > a.top_link span {background:url(../images/blank_over.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down, .menu2 li.activemenu > a.top_link span.down {background:url(../images/blank_overa.gif) no-repeat right top;}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible; position:relative; z-index:200;}
.menu2 li:hover {position:relative; z-index:200;}
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.menu2 :hover ul.sub {left:0; top:31px; background: #fff; padding:3px; border:1px solid #3a93d2; width:120px; height:auto; z-index:300;}
.menu2 :hover ul.sub li {display:block; position:relative; float:left; width:120px; font-weight:normal; border-bottom: 1px solid #8AAFE4; text-align: left;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; width:120px; line-height:20px; color:#000; text-decoration:none;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#3a93d2; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#3a93d2 url(../images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul {left:90px; top:-4px; background: #fff; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:90px; z-index:400; height:auto;}
.menu2 .noborder { border-bottom: none !important; }

/*SUBMENU ESPACE PRO */

#submenu { text-align:center; }

/*PLAN GOOGLE MAP */
/*Bloc Maps*/
#googlemap { text-align: center; font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; font-size: 12px; padding: 8px; height: 320px; }
 /*Left title (Melun)*/
#titlegmap { float: left; font-size: 14px; font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; color: grey; margin-left: 80px; }
/*Right title (Dammarie)*/
#titledmap { float: right; font-size: 14px; font-family:15px/20px 'DroidSansRegular', Arial, Helvetica, sans-serif; color: grey; margin-right: 48px; }
/* Right map (Dammarie)*/
#dmap { float: right; }
/*Left map (Melun)*/
#gmap { float: left; }

/*MATERNITE*/

#imgcenter { text-align: center; padding-left:108px; }
#imgright { float:right; margin-top: -15px; }
.situpart li { font-size: 1em; list-style-type: square; }

/*GALLERY*/

.thumbGallery {
	display:inline-table;
	text-align:center;
	background-color: #ddd;
	width: 15%;
	border: 1px solid black;
	padding:10px;
	margin: 8px;
}

/*MOVIE*/

#vidMel {
	text-align:center;
	background-color: #ddd;
	width: 50%;
	border: 1px solid black;
	padding:10px;
	margin: auto;
}

#vidDam {
	text-align:center;
	background-color: #ddd;
	width: 50%;
	border: 1px solid black;
	padding:10px;
	margin: auto;
}

/*NEWS*/
.newsbloc {	border: 2px solid #1e90ff; padding: 10px; text-align:center; }
.newsbloc p.body_text { padding-left: 15px; }
.newsbloc ul { margin: 10px; padding: 10px;}
.newsbloc ul li { margin-left: 5px; padding-left: 6px; list-style-type: circle; padding-bottom: 5px; }

/* errors */
.errorMessage, .warnMessage { text-align: center; padding: 8px; font-size: 1.25em; border: 1px solid #333;; margin: 0px auto; width: 80%; }
.errorMessage { color: #f00; background: #f0f0f0 url(../images/error.png) no-repeat 10px; }
.warnMessage { color: #f96; background: #f0f0f0 url(../images/warning.png) no-repeat 10px; }

/* BO */
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { background-color: white; margin-top: 4px; }
.treeview .hitarea { background: url(../images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
* html .hitarea { display: inline; float:none; } /* fix for IE6 */
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview .placeholder { background: url(../images/ajax-loader.gif) 0 0 no-repeat; height: 16px; width: 16px; display: block; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../images/pdf.png) 0 0 no-repeat; }
#treeview_legend { text-align: center; font-size: 0.8em; } 
.delLnk { width: 180px; }
.filetree .menuButton { font-size: 10px; border; 1px solid #999; }

h2#reports_bo { padding-left: 34px; background-image: url(../images/reports.png); background-repeat: no-repeat; background-position: 3px 3px;}

#browser_bo { font-size: 0.7em;}
#browser_bo li span { padding-left: 20px; }
#viewer_pdf { display:none; margin-bottom: 2em; } 
.act1 { height: 16px; width: 12px; padding: 0px; margin: 0px; background: url(../images/view.png) 0 0 no-repeat; cursor: pointer; }
.act2 {  cursor: pointer; }
#app_version { font-size: 0.7em; }
#proMenuButtons { padding: 40px; margin: 0px auto; text-align: center; margin-bottom: 70px !important; }
.proButton { width: 31%; float: left; margin-left: 5px; margin-right: 5px; }
.proButton a { padding-top: 0px !important; padding-bottom: 1px important; }
.proButton a:hover { padding-top: 1px !important; padding-bottom: 0px important; }