body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{}
body,html {padding:0;margin:0;}
table{ border-collapse:collapse; border-spacing:0;font-size:12px;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ margin-top:5px;margin-bottom:5px;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}
.clear{clear:both;}
/*.view {width:100px;}*/
button,input,select,textarea{ color:#000; font-family:Arial,Verdana,sans-serif; font:12px; line-height:16px; border-radius:5px}
body{ color:#000; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px; background-color:#fff;/*background: url("images/logo-fond.png") no-repeat center;*/}

a{ color:black; cursor:pointer; text-decoration:none;}
    a:visited{ color:black;}
    a:hover{ text-decoration:underline;}
.badlogin { border: solid 1px red; width:250px;margin-right:auto;margin-left:auto;top:100px; vertical-align: middle}
.wrap {width:100%;}
#header-login {
		height: 100%;
		left: 0;
		padding: 8em 4em 0 0;
		position: fixed;
		top: 0;
		width: 35%;
		}
		
.container-login {width:750px;margin-top:150px;height:200px;margin-right:auto; margin-left:250px;}
.container-login .logo-index{width:300px;margin-left:5%;float:left;margin-top:25px;}
.container-login .login {width:350px;height:150px;border: solid 1px lightgray;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;float:right;margin-top:30px;}


.connect {margin-top:50px; border:0px solid black;}
.connect label {display: block;margin-left:15px; }
.connect label>span {float:left;width:100px; }
.connect input {margin-left: 15px; outline:0 none;}

table#file td#list {height:300px; overflow:auto;display:block;}
ul.listf {list-style: none outside none;margin:0;padding:0;display:inline;}
ul.listf li {width:100px;height:100px;float:left;padding:6px;display:block;margin:0 9px 9px 0; position:relative;text-align:center;}
ul.listf li img {width:60px;}
ul.listf li a {width:80px;word-wrap:break-word;}

.admin form{float:right;margin:0 0 0 0;}
input#btn_logout {background: url("images/logout.png") no-repeat; width:35px; height:35px;}



form.config label {display: block;margin-left:15px; }
form.config label>span {float:left;width:100px; }
form.config input {margin-left: 15px; outline:0 none;}

#topbar {margin:0; /*background-color:lightblue*/;margin-top:20px;}
#topbar h1 {font-size:18px;}
#social li{float:right;display:inline;padding:2px;}

form#mpresta { display: inline; }


#agenda_header {width:800px;height:30px;font-weight: bold;}
#agenda_header .first{display:block;float:left;width:350px;}
#agenda_header .second{float:left;}
#agenda_header .third{float:right;}

.tab_calendrier{empty-cells:show;border:1px solid black;border-collapse:collapse;border-spacing: 0px;margin:auto;margin-top:2px;background:#ffffff;}
.cell_calendrier{border:1px solid black;text-align:center;height:25px;width:25px;}
.titre_calendrier{text-align:center;border:1px solid black;height:27px;background-color:#cbcdfe;}
span#titre{width:160px; font-weight:bold;}
a#link_precedent{ float:left; width:50px;}
a#link_suivant{float:right; width:50px;}


/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}

@media screen and (min-width:1024px) {
	.page {
		width:75%;
	}
}
@media screen and (max-width:800px) and (min-width:540px) {
	.page {
		width:50%;	
	}
}
@media screen and (min-width:540px) {
	.page {
		width:25%;
	}
}

/***********************************************************************************************************/

/*ALL PAGE*/
.subpage {background-color:#fff; border:0px solid magenta;padding-top:20px; width:1200px;/*margin:30px 0 0 0 ;*/}
.page {margin:100px 0px 0px 5px;z-index:0;min-height:450px;height:100%; border:0px solid blue;width:1200px; margin-left:15px;}


/* FOOTER (ALL PAGE) */
p#generated {font-size:6px; text-align:center;}
.footer{
    position:relative;
    z-index:10;
    margin-top :50px;
    font-weight:bold;
    clear:both;
    font-size: 10px;
    width:100%;
    height:75px;
    float:clear;
    bottom : 0;
    left:0;
    right:0;
    background-color:#f3f3f3;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    overflow:hidden;
}
.footer p.para {text-align:center;} 

/* TABLEAU DE BORD */
.planning {margin-top:10px;width:400px;vertical-align:middle;border:0px solid red;border-collapse:collapse;}
table#list_tdb #title_tdb {border-top-left-radius:5px;border-top-right-radius:5px;background-color:#6194BC;text-align:center;color:#f3f3f3;}
table#list_tdb #footer_tdb {/*height:100%;*/border:0px solid red;background-color:#fff;}
table#list_tdb #content_tdb {/*height:100%;*/border:0px solid red;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;border-bottom:1px solid #6194BC;border-left:1px solid #6194BC;border-right:1px solid #6194BC;}

table#list_tdb {padding:0;border-collapse:collapse;}
/*table#list_tdb .title {background-color:#f3f3f3;text-align:center;height:25px;border-bottom:1px solid #6194BC;border-top:1px solid #6194BC;width:130px}*/
table#list_tdb td {border:0px solid red;}
table#list_tdb thead {height:30px;line-height:30px; margin-top:5px;}

table#ctn {height:400px;margin:0;padding:0;width:100%;border-collapse:collapse;border:0px solid red;}
/*table#ctn td {height:30px;border:0px solid red;}*/
table#ctn .title{background-color:#f3f3f3;text-align:center;height:30px;border-bottom:1px solid #6194BC;border-top:1px solid #6194BC;width:130px}
table#ctn .info_apt {height:30px;margin:0;padding:0;text-align:center;border:0px solid red;}



/* NEW MENU (ALL PAGE) */
.ico-table{width:44px;height:44px;background: url("../images/icons.png") center no-repeat;background-position: -3.5px -4.5px; margin:auto;}
.ico-perso{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -60.5px; margin:auto;}
.ico-client{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -115.5px; margin:auto;}
.ico-stock{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -170.5px;margin:auto;}
.ico-colla{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -226px; margin:auto;}
.ico-travel{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -281.5px; margin:auto;}
.ico-fact{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -336.5px; margin:auto;}
.ico-outil{width:44px;height:44px;background: url("../images/icons.png") center no-repeat; background-position: -3.5px -391.5px; margin:auto;}
.ico-parcels{width:44px;height:44px;background: url("../images/massif-icon.png") center no-repeat;  margin:auto;}

/* MENU TOP (ALL PAGE) */
#new_menu {margin: 0px 0px;width:47%;padding:0px 0px;float:left;border:0px solid magenta;}
#new_menu ul {width: 100%;float: left;list-style: none;margin: 0 0px;padding: 0 0px;margin-left:100px;}
#new_menu li {float: left;list-style: none;margin: 0;	padding: 0;	color: #fff;text-shadow:1px 1px 0px #012830;}
#new_menu li a {color: #ccc;display: block; margin: 0;padding: 0px 10px 12px 10px;text-decoration: none;position: relative;text-shadow:1px 1px 0px #012830;}
#new_menu li a:hover, #new_menu li a:active, #new_menu .current_page_item a,#new_menu li  {color: #fff;text-shadow:1px 1px 0px #012830;background:url(images/menua.png) repeat-x;}
#new_menu li a.sf-with-ul {padding-right: 20px;}		
#new_menu li li a, #new_menu li li a:link, #new_menu li li a:visited {font-size: 12px;color: #30312F; text-shadow:none; width: 148px; height : 35px;
	font-family: Arial, Tahoma, Verdana; margin: 0; padding: 0px 10px; line-height:35px; text-transform: none; position: relative; background:#f3f3f3;}
#new_menu ul ul li:first-child{border-top:none;}
#new_menu ul ul li:last-child{border-bottom:none;}	
#new_menu li li:last-child{border-bottom:none;}
#new_menu li li a:hover, #new_menu li li a:active {background:#828E8C;color: #f3f3f3;}
#new_menu li ul {z-index: 9999;position: absolute;	left: -999em;height: auto;width: 169px;padding: 0px 0px;margin:-3px 0px;text-align:center;background:#ccc;}
#new_menu li ul a { width: 150px;}
#new_menu li ul a:hover, #new_menu li ul a:active {}
#new_menu li:hover ul {left: auto;}
#new_menu li:hover { position: static;}

/* LOGO TOP LEFT (ALL PAGE) */
#header {height:44px; position:fixed;top:0px;left:0px; background-color:#F1F1F1;width:100%;min-width:800px;z-index:1; border-bottom:1px solid #ccc;padding:8px;}
#logo {float:left;width:25%;height:44px; border:0px solid blue; margin-left:3px; vertical-align:bottom;}
#logo a {font-size:28px;font-family:Verdana;text-decoration: none;color:#AAA;}

#owners {display:none;}
/* MENU CONNEXION TOP RIGHT (ALL PAGE) */
.admin {float:right;width:25%; border: 0px solid black; margin-right:15px; height:44px;}
#account{float: right;margin: 0px 10px 0 0; line-height:25px;height:25px; border:0px solid green;}
#account ul {list-style:none;}
#account ul li {text-align:right;}
#account ul li a {text-decoration:none;display:block;font-size:12px;}
#account ul li a:hover {background-color:gray;}
#account ul li ul {display:none; width:100px;text-align:center;}
#account ul li:hover ul {display:block;width:100px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.7);}
#account ul li ul li {text-align: left;height:25px;border:1px solid #DDD;width:125px;list-style-type:none; margin-left:-25px;}
#account ul li ul li:hover {background-color:gray;}
#account ul li ul li a {line-height:25px;}


/* TABLEAUX GESTION DU PERSONNEL (PERSONNEL) */
table#list_personnel {margin-top:20px;}
table#list_personnel .title_personnel {background-color:#6194BC;color:white;text-align:left;height:30px;font-weight:bold;}
table#list_personnel tr:nth-child(even){background-color:#fff; border-bottom: 1px solid black; text-align:left; height:25px;}
table#list_personnel .personnel_content {background-color:#f3f3f3; border-bottom: 1px solid black; text-align:left; height:25px;}

/* FORM ADD PERSONNEL (PERSONNEL) */
#tab_add_personnel {margin-top:10px;}
#tab_add_personnel thead {background-color:#4A88A6;height:30px; text-align:center; color:#fff; border:0px solid black;width:400px;}
#tab_add_personnel td {border:0px solid black;}
#tab_add_personnel .buttons {text-align:center;}
#tab_add_personnel .label {text-align:center; height:25px; border-radius:5px;border:1px solid #6394CE; width:196px; line-height:25px;vertical-align:bottom;color:#AFA9AF;background-color:#f3f3f3;}
#tab_add_personnel textarea {resize:none; width:387px;border-radius:3px;border:1px solid #6394CE;padding-left:5px;}
#tab_add_personnel input[type=text] {width:190px;border-radius:3px; height:25px;border:1px solid #6394CE; /*background-color:#f3f3f3;*/padding-left:5px;}
#tab_add_personnel .bg_white {background-color:#fff;}
#tab_add_personnel .bg_black {background-color:#f3f3f3;}
#tab_add_personnel input[type=tel] {width:190px;border-radius:3px; height:25px;border:1px solid #6394CE;padding-left:5px;}
#tab_add_personnel input[type=email] {width:190px;border-radius:3px; height:25px;border:1px solid #6394CE;padding-left:5px;}
#tab_add_personnel input[type=submit] {width:90px;border-radius:3px; height:25px;border:1px solid #6394CE;padding:5px; background-color:#fff;}
#tab_add_personnel input[type=submit]:hover {border:1px solid #6394CE;padding:5px; background-color:#f3f3f3; cursor:pointer;}
#tab_add_personnel select {width:197px;border-radius:3px; height:28px;border:1px solid #6394CE;padding-left:1px;margin-top:1px;}


/* FORM ADD CUSTOMER (MANAGE) */
#little_form  {border:0px solid red; width:400px;border-radius:0px; /*margin-top:10px;*/}
#little_form.title {background-color:#4A88A6;height:30px; text-align:center; color:#fff; border:0px solid black;border-radius:5px;}
#little_form .buttons {text-align:center;}
#little_form .label {float:left;text-align:left; height:25px; border-radius:5px;border:1px solid #6394CE; width:196px; line-height:25px;vertical-align:bottom;/*color:#AFA9AF*/color:gray;background-color:#f3f3f3;}
#little_form textarea {resize:none; width:387px;border-radius:5px;border:1px solid #6394CE;padding-left:5px;}
#little_form input {width:190px;border-radius:5px; height:25px;border:1px solid #6394CE; padding:0 0 0 5px ; vertical-align:bottom;}
#little_form.bg_white {height:25px;width:196px;border-radius:5px;background-color:#fff; border: 1px solid #6394CE;}
#little_form.bg_black {background-color:#f3f3f3;}
#little_form input[type=submit] {width:90px;border-radius:3px; height:25px;border:1px solid #6394CE;padding:5px; background-color:#fff;}
#little_form input[type=submit]:hover {border:1px solid #6394CE;padding:5px; background-color:#f3f3f3; cursor:pointer;}
#little_form select {width:197px;border-radius:3px; height:28px;border:1px solid #6394CE;padding-left:1px;margin-top:0px;}
/* FORM ADD CUSTOMER (MANAGE) */
#little_formt  {border:0px solid red; width:300px;border-radius:0px; /*margin-top:10px;*/}
#little_formt.title {background-color:#4A88A6;height:30px; text-align:center; color:#fff; border:0px solid black;border-radius:5px;}
#little_formt .buttons {text-align:center;}
#little_formt .label {float:left;text-align:left; height:25px; border-radius:5px;border:1px solid #6394CE; width:196px; line-height:25px;vertical-align:bottom;/*color:#AFA9AF*/color:gray;background-color:#f3f3f3;}
#little_formt textarea {resize:none; width:387px;border-radius:5px;border:1px solid #6394CE;padding-left:5px;}
#little_formt input {width:290px;border-radius:5px; height:25px;border:1px solid #6394CE; padding:0 0 0 5px ; vertical-align:bottom;}
#little_formt.bg_white {height:25px;width:196px;border-radius:5px;background-color:#fff; border: 1px solid #6394CE;}
#little_formt.bg_black {background-color:#f3f3f3;}
#little_formt input[type=submit] {width:90px;border-radius:3px; height:25px;border:1px solid #6394CE;padding:5px; background-color:#fff;}
#little_formt input[type=submit]:hover {border:1px solid #6394CE;padding:5px; background-color:#f3f3f3; cursor:pointer;}
#little_formt select {width:197px;border-radius:3px; height:28px;border:1px solid #6394CE;padding-left:1px;margin-top:0px;}

#buttons {margin:10px 5px 15px 0px; width:400px; height:20px}
#buttons input#cancelop, button#cancelop {float:right;color:white;background-color:#7f0000;}
#buttons input#print, button#print { float:right; color:white:;background-color:#0000ff;}
#buttons input, button{width:100px;height:25px;color:white; float: right;background-color:#389e24; box-shadow:1px 2px 3px #999}

/* TITLE (ALL PAGE) */
#hperso {width:50%;height:30px; border:0px solid red; border-radius:5px;margin-top:20px}
#hperso .title {float:left;text-align :left;height:30px;background-color:#828E8C;box-shadow: 2px 6px 10px #999; width:400px; border-radius:5px;}
#hperso .title h2 {margin-top:7px;margin-left:10px; color:#fff;}
#hperso .plus {width:40px;float:left;text-align:right;height:30px; border:0px solid red;}
#hperso .plus  img{margin-top:2px;height:25px; width:25px;}
#hperso .minus  img{margin-top:2px;height:25px; width:25px;}
#hperso .search {width:40px;float:left;text-align:center;height:30px; border:0px solid red;}
#hperso .search  img{margin-top:2px;height:30px; width:30px;}

#companytitle {color:orange; }
#companyinfo {width:400px;background-color:orange; border-radius:5px; color:white; font-weight:bold;box-shadow: 2px 6px 10px #f1680c}
#companylogo {float:right; width:150px; height:150px; border:0px solid red;margin:30px 300px 0 0px}
#companylogo img{border: 1px dashed black;}
#companylogo p{font-size:9px; color:green;font-weight:bold}
/* TITLE (AGENDA) */
#agenda_hperso {width:400px;height:30px;}
#agenda_hperso .agenda_title {float:left;text-align :left; width:85%;height:30px;background-color:#828E8C; border-radius:5px;}
#agenda_hperso .agenda_title h2 {margin-top:7px;margin-left:10px; color:#fff;}
#agenda_hperso .agenda_plus {/*width:50%;*/float:right;text-align :center; width:13%;height:30px; border:0px solid black;}
#agenda_hperso .agenda_plus  img{margin-top:2px;}


/* TAB ADD APPOINTMENT (AGENDA) */
#tab_add_apt {border:0px solid black;width:400px; height:250px;margin-top : 10px;}
#tab_add_apt h3 {color : #fff;}
#title_form  {border-top : 1px solid black; border-bottom : 1px solid black;text-align:center; background-color:#6394ce; border-radius:5px 5px 0px 0px;}
#bottom_form  {text-align:center;}
#bottom_form img {margin-bottom:-8px;}
.labels {text-align:right;width:40%; vertical-align:top; color:#000;min-height : 25px;margin-top:10px;}
.field_form {text-align:left;width:60%;min-height : 25px;}
.field_form  select {width : 125px;text-align : right; height:25px;}
.field_form  option {text-align : right;}


/* DIVISION OF THE PAGE (AGENDA) */
#topwin{width:90%;height:100%;border: 0px solid red;}
#leftwin {width:400px; text-align : center; border : 0px solid green; margin-top :0px; }
#rightwin{float:right; width:60%; border : 0px solid blue; margin-left:-10px; margin-top :0px;}


/* PLANNING (AGENDA) */
table#planning {}
table#planning .appointment {}
table#planning .empty_cells {background-color: #EEE;}
table#planning .hours {background-color : #6394ce; color: #F3F3F3; text-align: center;height:15px;line-height:15px;}
table#planning .cell_top_left {background-color: #EEE;}
table#planning td#emp {background-color: #6394ce; color: #F3F3F3; text-align: center;}
table#planning td {padding:5px;border:1px solid lightgray; }


/* CALENDAR (AGENDA) */
table#headcalendar {border-collapse:collapse; border-bottom:1px solid black; border-top:1px solid black;font-size:12px;width:400px;height:30px; font-weight:bold; margin-top:10px;}
table#headcalendar img {vertical-align:middle;width:13px; height:13px; margin-right:5px; margin-left:5px;}
table#calendar {border-collapse:collapse; border-spacing:0;font-size:12px;width:400px; height:200px;}
.day_name_calendar {height:30px;width:14%;text-align:center;border-bottom:1px solid black;font-size:12px; font-weight:bold;}
.day_nb_calendar {height:30px;width:14%;text-align:center;border:0px solid black;}
.day_empty_nb_calendar {height:30px;width:14%;background-color:#fff;}

/* ALERT ON ERROR */
.alert {color:red;font-size:20px; margin-top:50px; margin-left:auto; margin-right:auto; width:600px;}