@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: Arial;
	background:#FFFFFF url(img/PAGE_bg.jpg) fixed no-repeat;
}

*.clear_float {
	clear:both;
}

#main_page {
    margin: 60px 30px 30px 330px;
}

#main_page_login {
    margin: 60px 30px;
}

*.Rouge {
	color:#F00;
}

*.RougeGras {
	color:#F00;
	font-weight:bold;
}

*.Gras {
	font-weight:bold;
}

*.centreGras {
	text-align:center;
	font-weight:bold;
}

*.PetitItalic {
	font-size:small;
	font-style:italic;
}

/* --------------- top_header ----------------------------------------- */

aside#top_header {
    position: fixed;
	width: 100%;
	background-color:#666666;
	color:#FFFFFF;
	height: 30px;
    top: 0;
    left: 0;
	right: 0;
	margin: 0;
	padding: 0;
}

#top_header div.menu_user {
	display:inline-block;
	vertical-align:middle;
	float:left;
	margin: 0;
	padding: 0;
}

#top_header div.title_header {
	display:inline-block;
	vertical-align:middle;
	float:right;
	font-size: 1.6em;
	text-align:right;
	color:#FFFFFF;
	padding: 0 30px 0 0;
	margin:0; 
}

*.BT_deco_user {
	display:inline-block;
	vertical-align:middle;
	height: 30px;
	width: 30px;
	background: #666666 url(img/BT_deco.png) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer; 
	text-decoration:none;
}

*.BT_deco_user:hover {
	background:url(img/BT_deco_H.png) no-repeat;
}

*.BT_home_user {
	display:inline-block;
	vertical-align:middle;
	height: 30px;
	width: 30px;
	background: #666666 url(img/BT_home.png) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer; 
	text-decoration:none;
}

*.BT_home_user:hover {
	background:url(img/BT_home_H.png) no-repeat;
}

*.nom_user {
	display:inline-block;
	vertical-align:middle;
	height: 30px;
	top: 0;
	background: #666666 url(img/BT_user.png) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	padding-left: 35px;
	padding-right: 5px;
	cursor: pointer;
	color: #FFFFFF;
	text-decoration:none;
}

*.nom_user:hover {
	background: #666666 url(img/BT_user_H.png) no-repeat;
}

/* --------------- Left MENU ---------------------------------------- */
aside#sidebar_left {
    position: fixed;
	width:300px;
	background-color:#DDDDDD;
    top: 30px;
    bottom: 0;
    left: 0;
}
/*
div#left_menu {
	width:300px;
	float:left;
	background-color:#BBB;
	margin: 0;
	padding: 30px 0 0 0;
}
*/
*.hr_left_menu p {
	display:block;
	width:300px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#666666;/*background:url(img/bouton-noir.png) no-repeat;*/
	color:#FFFFFF;
	text-decoration:none;
	margin: 0;
	padding: 0;
}
*.hr_left_menu a {
	display:block;
	width:300px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#666666;/*background:url(img/bouton-noir.png) no-repeat;*/
	color:#FFFFFF;
	text-decoration:none;
	margin: 0;
	padding: 0;
}
*.hr_left_menu a:hover {
	background-color:#FFFFFF;
	color:#000;
	font-weight:bold;/*background:url(img/bouton-noir-2.png) no-repeat;*/
}

*.hr_left_menu_sel p {
	display:block;
	width:300px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	/*background:url(img/bouton-noir.png) no-repeat;*/
	color:#000;
	text-decoration:none;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

*.item_left_menu a {
	display:block;
	width:300px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#DDDDDD;/*background:url(img/bouton-noir.png) no-repeat;*/
	color:#000000;
	text-decoration:none;
	margin: 0;
	padding: 0;
}
*.item_left_menu a:hover {
	background-color:#FFFFFF;
	color:#000000;
	font-weight:bold;
	/*background:url(img/bouton-noir-2.png) no-repeat;*/
}
*.item_left_menu_sel p {
	display:block;
	width:300px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFFFFF;
	/*background:url(img/bouton-noir.png) no-repeat;*/
	color:#000;
	text-decoration:none;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

*.sep_left_menu p {
	display:block;
	width:300px;
	line-height:25px;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}


/*------------ MAIN CONTENT -------------------------------------- */

*.titre_syndic {
	text-align:right;
	margin: 30px 0;
	padding: 0;
}

*.titre_syndic #nom_syndic {
	font-size: 1.6em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

*.titre_syndic #nom_copro {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

*.titre_syndic #immat_copro {
	font-size: 1em;
	margin: 0;
	padding: 0;
}


/* ----------- CADRE --------------------------------------------- */

*.cadreLogin {
	display: block;
	width: 500px;
	background: #FFFFFF;
	-webkit-border-radius: 16;
	-moz-border-radius: 16;
	border-radius: 16px;
	border-width: thin;
	border-color: #000000;
	color: #000000;
	padding: 15px ;
	margin: 30px auto;
	text-align: center;
}




/* ----------- BOUTON couleur ------------------------------------ */

*.btnGris {
	background: #999;
	background-image: -webkit-linear-gradient(top, #999, #666);
	background-image: -moz-linear-gradient(top, #999, #666);
	background-image: -ms-linear-gradient(top, #999, #666);
	background-image: -o-linear-gradient(top, #999, #666);
	background-image: linear-gradient(to bottom, #999, #666);
	-webkit-border-radius: 8;
	-moz-border-radius: 8;
	border-radius: 8px;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	color: #ffffff;
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	cursor: pointer; 
}

*.btnGris:hover {
  background: #BBB;
  background-image: -webkit-linear-gradient(top, #BBB, #777);
  background-image: -moz-linear-gradient(top, #BBB, #777);
  background-image: -ms-linear-gradient(top, #BBB, #777);
  background-image: -o-linear-gradient(top, #BBB, #777);
  background-image: linear-gradient(to bottom, #BBB, #777);
  text-decoration: none;
}

*.btnVert {
  background: #390;
  background-image: -webkit-linear-gradient(top, #390, #360);
  background-image: -moz-linear-gradient(top, #390, #360);
  background-image: -ms-linear-gradient(top, #390, #360);
  background-image: -o-linear-gradient(top, #390, #360);
  background-image: linear-gradient(to bottom, #390, #360);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  cursor: pointer; 
}

*.btnVert:hover {
  background: #3c0;
  background-image: -webkit-linear-gradient(top, #3c0, #390);
  background-image: -moz-linear-gradient(top, #3c0, #390);
  background-image: -ms-linear-gradient(top, #3c0, #390);
  background-image: -o-linear-gradient(top, #3c0, #390);
  background-image: linear-gradient(to bottom, #3c0, #390);
  text-decoration: none;
}

*.btnRouge {
  background: #d80f1b;
  background-image: -webkit-linear-gradient(top, #d80f1b, #a60c16);
  background-image: -moz-linear-gradient(top, #d80f1b, #a60c16);
  background-image: -ms-linear-gradient(top, #d80f1b, #a60c16);
  background-image: -o-linear-gradient(top, #d80f1b, #a60c16);
  background-image: linear-gradient(to bottom, #d80f1b, #a60c16);
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #ffffff;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  cursor: pointer; 
}

*.btnRouge:hover {
  background: #d80f1b;
  background-image: -webkit-linear-gradient(top, #ff1222, #d80f1b);
  background-image: -moz-linear-gradient(top, #ff1222, #d80f1b);
  background-image: -ms-linear-gradient(top, #ff1222, #d80f1b);
  background-image: -o-linear-gradient(top, #ff1222, #d80f1b);
  background-image: linear-gradient(to bottom, #ff1222, #d80f1b);
  text-decoration: none;
}




/* ----------- Tableaux    ------------------------------------ */

TABLE {
	padding: 10px 0;
}

TABLE.tbCentre {
	margin: 0 auto;
}

TD.ligne0 {
	vertical-align:middle;
	background: #FFFFFF;
	padding:0 20px;
} 

TD.ligne1 {
	vertical-align:middle;
	background: #E0E0E0;
	padding:0 20px;
}

TD.celGauche {
	width:40%;
	padding: 5px 5px 5px 10px ;
	text-align:right;
}

TD.celMilieu {
	text-align:center;
	padding: 5px ;
}

TD.celDroite {
	text-align:left;
	padding: 5px 10px 5px 5px ;
}

TD.celSep {
	padding: 5px 10px ;
	text-align:center;
}

TD.celTrans {
	background:transparent;
	height:10px;
}