html, body, #wrapper, #lines, #tex, #fond, #lightbox {
	margin : 0;
	padding : 0;
	border : 0;
	font-family : arial, sans-serif;
	vertical-align : middle;
	height : 100%;
	width : 100%;
	color : #FFF;
	font-size : 12px;
	/*overflow : hidden;*/
}
div,iframe{
		scrollbar-face-color: #006400;
    scrollbar-shadow-color: #228b22;
    scrollbar-highlight-color: #98fb98;
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #eee8aa;
}
/*body{
		zoom:100%;
		-moz-transform: scale(1);
    -webkit-transform: scale(1);
		 transform: scale(1);
}*/
/* boite ak fond ngir am ombre*/
.box_shadow
{ 
	border: 1px solid #AAA; 
	background-color:#F8F8F8;
	padding:8px;
	font-size:100%; 
	max-width:80%; 
	margin:16px 32px 16px 32px;
	font-family: "Bookman Old Style", "Cambria", Arial, Verdana, Geneva;
	color:black;
	-moz-box-shadow: 4px 4px 10px #888;  
	-webkit-box-shadow: 4px 4px 10px #888;  
	box-shadow:4px 4px 6px #888;/**dioxé ombre**/
	white-space:pre; 
	white-space:pre-wrap; 
	word-wrap:break-word;/**permet de pas deborder dans le contenant**/ 		
}
/*input{
-ms-user-select:none;
}*/
/*croi bou ie*/
::-ms-clear {
				display: none;
}
/*beut bou ie*/
::--ms-reveal {
        display: none;
  }
/* Let's get this party started */
div::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #228b22; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 

/* Handle */
div::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #228b22; 
    -webkit-box-shadow: inset 0 0 6px #228b22; 
}
div::-webkit-scrollbar-thumb:window-inactive {
	background: #228b22; 
}
/**/
iframe::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
iframe::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #228b22; 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 

/* Handle */
iframe::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #228b22; 
    -webkit-box-shadow: inset 0 0 6px #228b22; 
}
iframe::-webkit-scrollbar-thumb:window-inactive {
	background: #228b22; 
}
h1, h2, h3 {
	margin : 0;
	padding : 0;
}

h2 {
	font-size : 16px;
}

a {
	margin : 0;
	padding : 0;
	text-decoration : none;
	color : #FFF;
	outline:0; 
}

/*div:focus 
{ 
outline:0; 
border: none; 
} */
a:focus 
{ 
outline:0; 
border: none; 
} 

a img 
{ 
outline:0; 
border: none; 
} 
/*////////// GLOBAL > APP //////////*/

.hid_val{
	background : url(img/nav_valider_01.png);
	opacity:.2;
	filter:alpha(opacity=20);
	cursor:default;
	display : inline-block;
	height : 50px;
	width : 50px;
	vertical-align : middle;
}

.hide_text{
	opacity:.1;
	filter:alpha(opacity=10);
}
.hide{
	opacity:1;
	filter:alpha(opacity=10);
	cursor:default;
	/*width:100;
	height:100;*/
}
.hide_less{
	opacity:.3;
	filter:alpha(opacity=30);
	color:grey;
}
.show_button{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
}
.show_text{
	opacity:1;
	filter:alpha(opacity=100);
}
.end_hide{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:pointer;
	/*width:150;
	height:150;*/
}
.invisible {
	visibility : hidden;
}
.show {
	visibility:visible;
}
.masked {
	display : none;
}
.unmasked {
	display : block;
}

.typo{
	font-weight:bold;
	font-size:10px;
}
.strong{
	font-weight:bolder;
	font-size:10px;
}
typo_low{
	font-weight:bold;
	font-size:9px;
}
.typo_mat{
	font-weight:bold;
	/*font-size:12px;*/
	font-size:10px;
}
.typo_nav{
	font-weight:bold;
	font-size:11px;
}

.disable, .alpha {
	opacity : 0.3;
	filter : alpha(opacity = 50);
	/*zoom : 1;*/
}

.alpha:hover {
	opacity : 1;
	filter : alpha(opacity = 100);
	/*zoom : 1;*/
}
.capitalize
{
	text-transform:capitalize;
}
.warning {
	position : absolute;
	left: 0;
	height : 50px;
	width : 50px;
	background : url(../img/warning.png);
	margin : 40px 0 0 50px;
}

.warning.sites {
	margin : 100px 0 0 125px;
}

.warning.sitesc {
	margin : 100px 0 0 125px;
}

.warning.batiments {
	margin : 100px 0 0 110px;
}

.warning.batimentsc {
	margin : 100px 0 0 110px;
}

.warning.outils {
	margin : 40px 0 0 70px;
}

.warning.input {
	position : relative;
	float : left;
	margin : 0;
}

.app_infos {
	float : left;
	text-align : center;
	margin-top : 150px;
	font-size : 16px;
	text-transform : uppercase;
}

.more:hover {
	color : #E96B11;
}	

/*////////// GLOBAL > STRUCTURE //////////*/

#wrapper.gestion {
	background : url(../img/fond_vert.jpg) no-repeat center;
	
}

#wrapper.construction {
	background : url(../img/fond_marron.jpg) no-repeat center;
}

#wrapper.utilisateurs {
	background : url(../img/fond_bleu.jpg) no-repeat center;
}

#lines {
	/*background : url(../img/fond_lines.png) repeat center;*/
	/*opacity:0.8;*/
}

#tex.gestion {
	/*background : url(../img/tex_gestion.png) repeat center;*/
}

#tex.construction {
	/*background : url(../img/tex_construction.png) repeat center;*/
}

#tex.utilisateurs {
	/*background : url(../img/tex_utilisateurs.png) repeat center;*/
}

#fond.login {
	background : url(../img/fond_login.png) no-repeat center;
}
#fond.login_ie {
	background : url(../img/fond_login.png) no-repeat center;
}
#fond.sites {
	background : url(../img/fond_sites.png) no-repeat center;
}
#fond.sitesc {
	background : url(../img/fond_sites_1.png) no-repeat center;
}
#fond.sites_ie {
	background : url(../img/fond_sites.png) no-repeat center;
}
#fond.batiments {
	background : url(../img/fond_batiments.png) no-repeat center;
}
#fond.batiments_ie {
	background : url(../img/fond_batiments.png) no-repeat center;
}
#fond.batimentsc {
	background : url(../img/fond_batiments2.png) no-repeat center;
}
#fond.batimentsc_ie {
	background : url(../img/fond_batiments2.png) no-repeat center;
}
#fond.materiel {
	background : url(../img/fond_materiel_.png) no-repeat center;
}
#fond.materiel_ie {
	background : url(../img/fond_materiel_.png) no-repeat center;
}
#fond.materielu {
	background : url(../img/fond_materiel_utilisateur.png) no-repeat center;
}
.container {
	margin : auto;
	height : 600px;
	width : 1000px;
	top:100px
}

/*////////// GLOBAL > HEADER //////////*/

#header {
	float : left;
	height : 50px;
	width : 1000px;
}

#header.login {
	height : 230px;
	width : 1000px;
}

#header.batiments {
	height : 100px;
	width : 1000px;
}

#header.batimentsc {
	height : 100px;
	width : 1000px;
}


#compte {
	float : left;
	height : 50px;
	width : 450px;
}

#compte.sites {
	width : 400px;
}

#compte.sitesc {
	width : 400px;
}

#compte.batiments {
	height : 100px;
}

#compte.batimentsc {
	height : 100px;
}


#menu_logo {
	float : left;
	background : url(../img/menu_logo.png) no-repeat;
	height : 50px;
	width : 50px;
}

.menu_ligne {
	float : right;
	background : url(../img/menu_ligne.png) no-repeat;
	height : 50px;
	width : 10px;
}

#compte .menu_ligne {
	float : left;
}

#compte_texte {
	float : left;
	height : 50px;
	width : 300px;
	margin-left : 10px;
}

#compte_ID, #compte_connection {
	float : left;
	height : auto;
	width : 300px;
	font-size : 10px;
	color : #FFF;
}

#compte_ID {
	margin-top : 14px;
}

#menu_gestion {
	float : left;
	height : 50px;
	width : 50px;
	background : url(../img/menu_gestion_01.png);
	margin-right : 100px;
}

#menu_gestion.batiments {
	margin-right : 0;
}



#menu_gestion:hover, #menu_gestion.active {
	background : url(../img/menu_gestion_02.png);
}

#menu_utilisateurs {
	float : left;
	height : 50px;
	width : 50px;
	background : url(../img/menu_utilisateurs_01.png);
}

#menu_utilisateurs:hover, #menu_utilisateurs.active {
	background : url(../img/menu_utilisateurs_02.png);
}

#menu_gestion.batiments, #menu_utilisateurs.batiments {
	margin-top : 50px;
}

#menu_infos {
	float : left;
	height : 100px;
	width : 100px;
}

.menu_color {
	height : 16px;
	width : 41px;
	margin : 13px 0 0 30px;
	background : #F00;
}

#menu {
	float : right;
	height : 50px;
	width : 400px;
	/*background-color:red;*/
}

#menu.login {
	width : 1000px;
}

#menu.sites {
	width : 400px;
}

#menu.sitesc {
	width : 400px;
}

#menu.lightbox {
	width : 100px;
	margin-right : 110px;
}

#menu.login #menu_aide {
	float : right;
}

.menu_button {
	float : right;
	height : 50px;
	width : 50px;
}
.menu_button_back {
	float : left;
	height : 50px;
	width : 50px;
	position:relative;
	left:20px;
	top:15px;
}
.menu_button_next {
	float : right;
	height : 50px;
	width : 50px;
	position:relative;
	top:15px;
}
#menu_back_back {
	background : url(../images/symboles/nav_back_double_01.png) no-repeat;
}
#menu_next_next {
	background : url(../images/symboles/nav_next_double_01.png) no-repeat;
}
#menu_hotline {
	background : url(../img/menu_hotline_01.png);
}
#menu_alarme {
	background : url(../img/menu_alarme_01.png);
}
#menu_msgs {
	background : url(../img/enveloppe_01.png);
}
#menu_msgs:hover {
	background : url(../img/enveloppe_02.png);
}
#menu_hotline:hover {
	background : url(../img/menu_hotline_02.png);
}
#menu_alarme:hover {
	background : url(../img/menu_alarme_02.png);
}

#menu_aide {
	background : url(../img/menu_aide_01.png);
}

#menu_aide:hover {
	background : url(../img/menu_aide_02.png);
}

#menu_parametres {
	background : url(../img/menu_parametres_01.png) no-repeat;
}

/*#menu_parametres:hover {
	background : url(../img/menu_parametres_02.png);
}*/

.plus_moins {
	background : url(..img/plus_moins/I.png) repeat center;
	/*opacity:0.8;*/
}
#menu_quitter {
	background : url(../img/menu_quitter_01.png) no-repeat;
}

/*#menu_quitter:hover {
	background : url(../img/menu_quitter_02.png);
}*/

/*////////// GLOBAL > OUTILS //////////*/

#copyright {
	text-align:left;
	float : left;
	height : 20px;
	width : 1000px;
	font-size : 10px;
}

#bande {
	float : left;
	height : 100px;
	width : 1000px;
}
.bande_ {
	float : left;
	height : 100px;
	width : 1000px;
}

#fonction_switch {
	float : left;
	background : url(../img/fonction_switch_01.png) no-repeat;
	height : 100px;
	width : 100px;
	text-align : center;
}

#fonction_switch:hover {
	background : url(../img/fonction_switch_02.png) no-repeat;
}

#fonction_outils {
	float : right;
	background : url(../img/fonction_outils_01.png) no-repeat;
	height : 100px;
	width : 100px;
	text-align : center;
}

#fonction_outils:hover {
	background : url(../img/fonction_outils_02.png) no-repeat;
}

#fonction_switch a, #fonction_outils a {
	display:inline-block;
	width : 100px;
	font-size : 9px;
	text-transform : uppercase;
	padding : 86px 0 0 0;
}

#outils_wrapper {
	float : left;
	height : 100px;
	width : 800px;
}

#outils_wrapper table {
	height : 100px;
	width : auto;
	margin : auto;
}

#outils {
	height : 100px;
	width : auto;
	text-align : center;
	margin : auto;
}

.outils_button {
	float : left;
	height : 100px;
	width : 120px;
	position : relative;
}

.outils_button a {
	text-align : center;
	float : left;
	width : 120px;
	font-size : 9px;
	text-transform : uppercase;
	padding : 86px 0 0 0;
}

/*////////// SITES > OUTILS //////////*/

#outils_creer.sites {
	background : url(../img/outils_sites_creer_01.png);
}

#outils_creer.sitesc {
	background : url(../img/outils_sites_creer_01.png);
}

#outils_creer.sites:hover {
	background : url(../img/outils_sites_creer_02.png);
}

#outils_creer.sitesc:hover {
	background : url(../img/outils_sites_creer_02.png);
}

#outils_modifier.sites {
	background : url(../img/outils_sites_modifier_01.png);
}

#outils_modifier.sitesc {
	background : url(../img/outils_sites_modifier_01.png);
}


#outils_modifier.sites:hover {
	background : url(../img/outils_sites_modifier_02.png);
}

#outils_modifier.sitesc:hover {
	background : url(../img/outils_sites_modifier_02.png);
}


#outils_copier.sites {
	background : url(../img/outils_sites_copier_01.png);
}

#outils_copier.sitesc {
	background : url(../img/outils_sites_copier_01.png);
}

#outils_copier.sites:hover {
	background : url(../img/outils_sites_copier_02.png);
}

#outils_copier.sitesc:hover {
	background : url(../img/outils_sites_copier_02.png);
}


#outils_supprimer.sites {
	background : url(../img/outils_sites_supprimer_01.png);
}

#outils_supprimer.sitesc {
	background : url(../img/outils_sites_supprimer_01.png);
}

#outils_supprimer.sites:hover {
	background : url(../img/outils_sites_supprimer_02.png);
}

#outils_residentialiser.sites {
	background : url(../img/outils_sites_residentialiser_01.png);
}

#outils_residentialiser.sitesc {
	background : url(../img/outils_sites_residentialiser_01.png);
}

#outils_residentialiser.sitesc {
	background : url(../img/outils_sites_residentialiser_01.png);
}

#outils_residentialiser.sites:hover {
	background : url(../img/outils_sites_residentialiser_02.png);
}

#outils_residentialiser.sitesc:hover {
	background : url(../img/outils_sites_residentialiser_02.png);
}

#outils_gerer.sites {
	background : url(../img/outils_sites_gerer_01.png);
}

#outils_gerer.sitesc {
	background : url(../img/outils_sites_gerer_01.png);
}


#outils_gerer.sites:hover {
	background : url(../img/outils_sites_gerer_02.png);
}

#outils_gerer.sitesc:hover {
	background : url(../img/outils_sites_gerer_02.png);
}

#outils_pass.sites {
	background : url(../img/outils_sites_pass_01.png);
}

#outils_pass.sitesc {
	background : url(../img/outils_sites_pass_01.png);
}


#outils_pass.sites:hover {
	background : url(../img/outils_sites_pass_02.png);
}

#outils_pass.sitesc:hover {
	background : url(../img/outils_sites_pass_02.png);
}

/*////////// BATIMENTS > OUTILS //////////*/

#outils_creer.batiments {
	background : url(../img/outils_batiments_creer_01.png);
}

#outils_creer.batimentsc {
	background : url(../img/outils_batiments_creer_01.png);
}

#outils_creer.batiments:hover {
	background : url(../img/outils_batiments_creer_02.png);
}

#outils_creer.batimentsc:hover {
	background : url(../img/outils_batiments_creer_02.png);
}

#outils_modifier.batiments {
	background : url(../img/outils_batiments_modifier_01.png);
}

#outils_modifier.batimentsc {
	background : url(../img/outils_batiments_modifier_01.png);
}

#outils_modifier.batiments:hover {
	background : url(../img/outils_batiments_modifier_02.png);
}

#outils_modifier.batimentsc:hover {
	background : url(../img/outils_batiments_modifier_02.png);
}

#outils_copier.batiments {
	background : url(../img/outils_batiments_copier_01.png);
}

#outils_copier.batimentsc {
	background : url(../img/outils_batiments_copier_01.png);
}


#outils_copier.batiments:hover {
	background : url(../img/outils_batiments_copier_02.png);

}

#outils_copier.batimentsc:hover {
	background : url(../img/outils_batiments_copier_02.png);

}

#outils_supprimer.batiments {
	background : url(../img/outils_batiments_supprimer_01.png);
}

#outils_supprimer.batimentsc {
	background : url(../img/outils_batiments_supprimer_01.png);
}

#outils_supprimer.batiments:hover {
	background : url(../img/outils_batiments_supprimer_02.png);
}

#outils_supprimer.batimentsc:hover {
	background : url(../img/outils_batiments_supprimer_02.png);
}

#outils_gerer.batiments {
	background : url(../img/outils_batiments_gerer_01.png);
}

#outils_gerer.batimentsc {
	background : url(../img/outils_batiments_gerer_01.png);
}


#outils_gerer.batiments:hover {
	background : url(../img/outils_batiments_gerer_02.png);
}

#outils_acces.batiments {
	background : url(../img/outils_batiments_acces_01.png);
}

#outils_acces.batiments:hover {
	background : url(../img/outils_batiments_acces_02.png);
}

#outils_acces.batimentsc:hover {
	background : url(../img/outils_batiments_acces_02.png);
}


#outils_pass.batiments {
	background : url(../img/outils_batiments_pass_01.png);
}

#outils_pass.batimentsc {
	background : url(../img/outils_batiments_pass_01.png);
}

#outils_pass.batiments:hover {
	background : url(../img/outils_batiments_pass_02.png);
}

#outils_pass.batimentsc:hover {
	background : url(../img/outils_batiments_pass_02.png);
}

#outils_communication.batiments {
	background : url(../img/outils_batiments_communication_01.png);
}

#outils_communication.batimentsc {
	background : url(../img/outils_batiments_communication_01.png);
}

#outils_communication.batiments:hover {
	background : url(../img/outils_batiments_communication_02.png);
}

#outils_communication.batimentsc:hover {
	background : url(../img/outils_batiments_communication_02.png);
}

#outils_vigik.batiments {
	background : url(../img/outils_batiments_vigik_01.png);
}

#outils_vigik.batimentsc {
	background : url(../img/outils_batiments_vigik_01.png);
}


#outils_vigik.batiments:hover {
	background : url(../img/outils_batiments_vigik_02.png);
}


#outils_vigik.batimentsc:hover {
	background : url(../img/outils_batiments_vigik_02.png);
}


#outils_encoder.batiments {
	background : url(../img/outils_batiments_encoder_01.png);
}


#outils_encoder.batimentsc {
	background : url(../img/outils_batiments_encoder_01.png);
}


#outils_encoder.batiments:hover {
	background : url(../img/outils_batiments_encoder_02.png);
}


#outils_encoder.batimentsc:hover {
	background : url(../img/outils_batiments_encoder_02.png);
}


/*////////// MATERIEL > OUTILS //////////*/

#outils_creer.materiel.badge {
	background : url(../img/outils_materiel_badge_creer_01.png);
}

#outils_creer.materiel.badge:hover {
	background : url(../img/outils_materiel_badge_creer_02.png);
}

#outils_creer.materiel.emetteur {
	background : url(../img/outils_materiel_emetteur_creer_01.png);
}

#outils_creer.materiel.emetteur:hover {
	background : url(../img/outils_materiel_emetteur_creer_02.png);
}

#outils_annuler.materiel.badge {
	background : url(../img/outils_materiel_badge_annuler_01.png);
}

#outils_annuler.materiel.badge:hover {
	background : url(../img/outils_materiel_badge_annuler_02.png);
}

#outils_encoder.materiel {
	background : url(../img/outils_materiel_encoder_01.png);
}

#outils_encoder.materiel:hover {
	background : url(../img/outils_materiel_encoder_02.png);
}

/*////////// UTILISATEURS > OUTILS //////////*/

#outils_creer.utilisateurs {
	background : url(../img/outils_utilisateurs_creer_01.png);
}

#outils_creer.utilisateurs:hover {
	background : url(../img/outils_utilisateurs_creer_02.png);
}

#outils_modifier.utilisateurs {
	background : url(../img/outils_utilisateurs_modifier_01.png);
}

#outils_modifier.utilisateurs:hover {
	background : url(../img/outils_utilisateurs_modifier_02.png);
}

#outils_supprimer.utilisateurs {
	background : url(../img/outils_utilisateurs_supprimer_01.png);
}

#outils_supprimer.utilisateurs:hover {
	background : url(../img/outils_utilisateurs_supprimer_02.png);
}

#outils_profils.utilisateurs {
	background : url(../img/outils_utilisateurs_profils_01.png);
}

#outils_profils.utilisateurs:hover {
	background : url(../img/outils_utilisateurs_profils_02.png);
}

/*////////// LOGIN > STYLE //////////*/

#news_wrapper {
	float : left;
	height : 205px;
	width : 435px;
	margin : 25px 0 0 65px;
}
#news {
	float : left;
	height : 160px;
	width : 300px;
	background : #FFF;
	color : #444;
	padding : 10px;
}
#news_me {
	float : left;
	height : 160px;
	width : 300px;
	background : #FFF;
	color : #444;
	padding : 2px;
}

#news_more {
	float : right;
	color : #444;
}

#news_more:hover {
	color : #E96B11;
}

#slidetab_wrapper {
	float : left;
	height : 25px;
	width : 320px;
}

#slidetab_wrapper table {
	height : 25px;
	width : auto;
	margin : auto;
}

.slidetab {
	float : left;
	height : 25px;
	width : 15px;
	background : url(../img/slidetab_01.png);
}

.slidetab:hover{
	background : url(../img/slidetab_03.png);
}
.slidetab.active {
	background : url(../img/slidetab_02.png);
}

#login_wrapper {
	float : left;
	text-align : right;
	height : 218px;
	width : 500px;
	margin-top : 12px;
}

#login_form {
	float : right;
	height : auto;
	width : 320px;
	margin-right : 65px;
	font-size : 9px;
	text-transform : uppercase;
}

#login_form input {
	float : left;
	height : 25px;
	width : 260px;
	margin : 13px 0;
}

#login_button {
	float : right;
	background : url(../img/nav_valider_01.png);
	height : 50px;
	width : 50px;
}
.login_button__ {
	float : right;
	background : url(../img/nav_valider_01.png);
	height : 50px;
	width : 50px;
}
.login_button__:hover {
	background : url(../img/nav_valider_02.png);
}
.login_button {
	float : right;
	height : 50px;
	width : 50px;
	cursor:pointer;
}

#login_button:hover {
	background : url(../img/nav_valider_02.png);
}

#login_wrapper label {
	float : left;
	text-align : right;
	width : 270px;
	text-transform : uppercase;
	padding : 5px 2px;
}

.login_action {
	float : left;
	background : url(../img/login_fleche_01.png);
	height : 30px;
	width : 25px;
	
}

.login_action_me {
	float : left;
	height : 30px;
	width : 25px;
	
}
.login_action_res {
	float : left;
	height : 30px;
	width : 25px;
	position:relative;
	left:145px;
	top:-10px;
	border:none;
	border-image:none;
	
}
.login_action_res_b {
	float : left;
	height : 30px;
	width : 25px;
	border:none;
	border-image:none;
	
}
.login_action:hover {
	background : url(../img/login_fleche_02.png);
}

#login_memo {
	background : url(../img/login_checkbox_01.png);
}

#login_memo:hover {
	background : url(../img/login_checkbox_02.png);
}
#login_memo_onclick {
	background : url(../img/login_checkbox_02.png);
}
#login_demo {
	float : left;
	background : url(../img/login_demo.png);
	height : 250px;
	width : 450px;
	text-align : right;
	padding-top : 50px;
}

#login_demo span {
	float : right;
	font-size : 9px;
	text-transform : uppercase;
	padding : 10px 5px;
}

#login_more {
	float : right;
}

#bande_logo {
	float : left;
	height : 100px;
	width : 520px;
	/*background : url(../img/login_logo.png); old logo*/
	background : url(../img/new_logo.png);
}

#bande_infos {
	float : left;
	height : 60px;
	width : 480px;
	margin-top : 20px;
	no-repeat;
}


.coords_IE {
	/*float : left;*/
	height : 15px;
	width : 480px;
	font-size : 10px;
	
}
.coords {
	float : left;
	height : 15px;
	width : 480px;
	font-size : 10px;
	
}
/*////////// GLOBAL > ICONES //////////*/

#content {
	float : left;
}

#content table {
	margin : auto;
}

#content.login {
	height : 270px;
	width : 1000px;
	margin : 0;
}

#content.login table {
	margin : 0 550px 0 0;
}

#content.sites {
	height : 330px;
	width : 875px;
	margin : 50px 69px 0px 56px;
}

#content.sitesc {
	height : 330px;
	width : 875px;
	margin : 50px 69px 0px 56px;
}

#content.batiments {
	height : 330px;
	margin : 0 69px 0 56px;
}

#content.batimentsc {
	height : 330px;
	margin : 0 69px 0 56px;
}

#content.materiel {
	height : 380px;
	width : 1000px;
	margin : 0;
}

#content_haut {
	height : 105px;
	width : 1000px;
	/*background-color:#0099CC;*/
}

#content_bas {
	height : 255px;
	width : 1000px;
}
.content_bas_style {
	height : 255px;
	width : 1000px;
}

#batiment_infos {
	float : left;
	height : 190px;
	width : 235px;
}

.icone {
	float : left;
	cursor : pointer;
	position : relative;
}

.icone.sites {
	height : 175px;
	width : 175px;
}

.icone.sitesc {
	height : 175px;
	width : 175px;
}
.icone.sites {
	background : url(../img/icone_sites.png);
}

.icone.sitesc {
	background : url(../img/icone_sites.png);
}

.icone.sites.residentialisation {
	background : url(../img/icone_sites_residentialisation.png);
}

.icone.sitesc.residentialisation {
	background : url(../img/icone_sites_residentialisation.png);
}


.icone.sites.construction {
	background : url(../img/icone_sites_construction.png);
}

.icone.sitesc.construction {
	background : url(../img/icone_sites_construction.png);
}


.icone.sites.infos {
	background : url(../img/icone_sites_infos.png);
}


.icone.sitesc.infos {
	background : url(../img/icone_sites_infos.png);
}


.icone.sites.residentialisation.infos {
	background : url(../img/icone_sites_residentialisation_infos.png);
}

.icone.sitesc.residentialisation.infos {
	background : url(../img/icone_sites_residentialisation_infos.png);
}

.icone.batiments {
	float : left;
	height : 165px;
	width : 175px;
	/*cursor : pointer;*/
}

.icone.batimentsc {
	float : left;
	height : 165px;
	width : 175px;
	/*cursor : pointer;*/
}


.icone.batiments.residence {
	background : url(../img/icone_batiments_residence.png);
}

.icone.batimentsc.residence {
	background : url(../img/icone_batiments_residence.png);
}

.icone.batiments.maison {
	background : url(../img/icone_batiments_maison.png);
}

.icone.batimentsc.maison {
	background : url(../img/icone_batiments_maison.png);
}


.icone.batiments.residentiel {
	background : url(../img/icone_batiments_residentiel.png);
}

.icone.batimentsc.residentiel {
	background : url(../img/icone_batiments_residentiel.png);
}


.icone.batiments.commercial {
	background : url(../img/icone_batiments_commercial.png);
}

.icone.batimentsc.commercial {
	background : url(../img/icone_batiments_commercial.png);
}

.icone.batiments.mixte {
	background : url(../img/icone_batiments_mixte.png);
}

.icone.batimentsc.mixte {
	background : url(../img/icone_batiments_mixte.png);
}

.icone.batiments.etudiants {
	background : url(../img/icone_batiments_etudiants.png);
}

.icone.batimentsc.etudiants {
	background : url(../img/icone_batiments_etudiants.png);
}

.icone.batiments.industriel {
	background : url(../img/icone_batiments_industriel.png);
}

.icone.batimentsc.industriel {
	background : url(../img/icone_batiments_industriel.png);
}


.icone.batiments.autre {
	background : url(../img/icone_batiments_autre.png);
}

.icone.batimentsc.autre {
	background : url(../img/icone_batiments_autre.png);
}

.icone.batiments.maison.small {
}

.icone.batimentsc.maison.small {
}


.icone.materiel {
	float : left;
	height : 100px;
	width : 100px;
}

.icone.materiel.appartement {
	background : url(../img/icone_materiel_appartement.png);
}

.icone.materiel.bureau {
	background : url(../img/icone_materiel_bureau.png);
}

.icone.materiel.ecran {
	background : url(../img/icone_materiel_ecran.png);
}

.icone.materiel.pietons {
	background : url(../img/icone_materiel_pietons.png);
}

.icone.materiel.platine {
	background : url(../img/icone_materiel_platine.png);
}

.icone.materiel.vehicules {
	background : url(../img/icone_materiel_vehicules.png);
}

.icone.materiel.videosurveillance {
	background : url(../img/icone_materiel_videosurveillance.png);
}

.icone.utilisateurs {
	height : 175px;
	width : 175px;
}

.icone.utilisateurs.admin {
	background : url(../img/icone_utilisateurs_admin.png);
}

.icone.utilisateurs.gestion {
	background : url(../img/icone_utilisateurs_gestion.png);
}

.icone.utilisateurs.install {
	background : url(../img/icone_utilisateurs_install.png);
}

.icone.utilisateurs.special {
	background : url(../img/icone_utilisateurs_special.png);
}

.label {
	font-size : 10px;
	text-align : center;
	font-weight:normal;
}

.label.sites {
	float : left;
	height : 32px;
	width : 90px;
	margin : 15px 0 0 45px;
	padding : 4px 5px;
	color : #F00;
}

.label.sitesc {
	float : left;
	height : 32px;
	width : 90px;
	margin : 15px 0 0 45px;
	padding : 4px 5px;
	color : #F00;
}

.label.batiments {
	float : left;
	height : 20px;
	width : 90px;
	margin : 141px 0 0 43px;
	padding : 2px 5px;
	color : #F00;
	background : #404041;
}

.label.batimentsc {
	float : left;
	height : 20px;
	width : 90px;
	margin : 141px 0 0 43px;
	padding : 2px 5px;
	color : #F00;
	background : #404041;
}

.label.batiments.lightbox {
	margin : 0;
}

.label.batimentsc.lightbox {
	margin : 0;
}

.label.materiel {
	float : left;
	height : 20px;
	width : 90px;
	text-transform : uppercase;
	margin-top : 83px;
	padding : 2px 5px;
	/*background : #F00;*/
}

/*////////// GLOBAL > FORMULAIRES //////////*/

#nav_wrapper {
	float : left;
	height : 70px;
	width : 1000px;
}

#nav_wrapper.materiel {
	height : 20px;
}

#nav_bar_wrapper {
	float : left;
	height : 50px;
	width : 1000px;
	text-align : center;
}

#nav_bar {
	height : 50px;
	width : auto;
	display : inline-block;
}

.nav {
	display : inline-block;
	height : 50px;
	width : 50px;
	vertical-align : middle;
}

.nav.number {
	height : auto;
	width : auto;
	padding : 0 5px;
}

.nav.number:hover, .nav.number.active {
	color : #E96B11;
}

.nav.back {
	background : url(../img/nav_back_01.png);
}

.nav.back:hover {
	background : url(../img/nav_back_02.png);
}

.nav.next {
	background : url(../img/nav_next_01.png);
}

.nav.next:hover {
	background : url(../img/nav_next_02.png);
}

.nav.valider {
	background : url(../img/nav_valider_01.png);
}

.nav.valider:hover {
	background : url(../img/nav_valider_02.png);
}

.nav.quitter {
	background : url(../img/nav_quitter_01.png);
}

.nav.quitter:hover {
	background : url(../img/nav_quitter_02.png);
}

.nav.pause {
	background : url(../img/nav_pause_01.png);
}

.nav.pause:hover {
	background : url(../img/nav_pause_02.png);
}

#recherche_wrapper {
	position : absolute;
	margin-top : 20px;
	height : 50px;
	width : 1000px;
	text-align : center;
	display : none;
	z-index : 1000;
	background : url(../img/fond_gris.png) repeat-x;
}

#recherche {
	height : 50px;
	width : auto;
	display : inline-block;
	vertical-align : middle;
}

#recherche form span, #recherche_form input {
	/*display : inline-block;
	/*vertical-align : middle;*/
	height : 50px;
	width : auto;
}

#recherche_button {
	display : inline-block;
	vertical-align : middle;
	height : 50px;
	width : 50px;
	background : url(../img/searchbutton_01.png);
}

#recherche_button:hover {
	background : url(../img/searchbutton_02.png);
}

/*////////// GLOBAL > FORMULAIRES //////////*/

/*input {
	/*position : relative;
	padding : 5px;
	margin : 0;
	border : none;
}*/
input:focus {
    /*border:0 !important;*/
		outline:  none;
}
input[type=text] {
    border-radius:7px;
		padding:2px 0px 2px 5px;
		height:25px;
		/*border-style:hidden;*/
		border-left-style:hidden;
}
input[type=password] {
    border-radius:7px;
		padding:2px 0px 2px 5px;
		height:25px;
		/*border-style:hidden;*/
		border-left-style:hidden;
}
select {
    border-radius:7px;
		padding:2px 5px 2px 5px;
		height:25px;
		border-left-style:hidden;
		/*border-color:transparent;*/
}

input.compteur {
	height : 14px;
	width : 14px;
}

.compteur.moins {
	float : left;
	height : 50px;
	width : 30px;
	background : url(../img/table_number_moins_01.png);
}

.compteur.plus {
	float : left;
	height : 50px;
	width : 30px;
	background : url(../img/table_number_plus_01.png);
}

form.materiel.appartement {
	float : left;
	max-height : 215px;
	max-width : 800px;
	margin : 0 50px 0 50px;
	/*background : #F00;*/
}

form.materiel.appartement table {
	float : left;
	max-height : 191px;
	max-width : 800px;
	font-size : 9px;
}

form.materiel.appartement td {
	background : #FFF;
	color : #444;
	padding : 10px;
	border-left : solid;
	border-right : solid;
	border-width : 1px;
	border-color : #000;
}

form.materiel.appartement tr.gray td {
	background : #CCC;
	color : #444;
}

form.materiel.appartement td.title {
	text-transform : uppercase;
	background : none;
	color : #FFF;
	border : 0;
}

/*////////// OVERLAY > STYLE //////////*/

#overlay {
	height : 100%;
	width : 100%;
	display : none;
}

.overlay_container {
	height : 100%;
	width : 100%;
}

#lightbox {
	background : url(../img/fond_gris.png);
}

#top {
	float : left;
	height : 50px;
	width : 1000px;
}

#nav_left, #nav_right {
	float : left;
	height : 550px;
	width : 50px;
}

#nav_left table, #nav_right table {
	float : left;
	height : auto;
	width : 50px;
	vertical-align : middle;
}


#nav_right.materiel {
	float : right;
	height : 158px;
	width : 50px;
	margin-top : 57px;
}

#lightbox_container {
	float : left;
	height : 550px;
	width : 900px;
}

#lightbox_content {
	margin : auto;
	vertical-align : middle;
}

#ligthbox_content_left, #lightbox_content_right {
	padding : 0 25px;
}

#top h2 {
	float : left;
	text-transform : uppercase;
	margin : 14px 0 0 50px;
}

.lightbox_question {
	text-transform : uppercase;
}

#site_infos {
	height : auto;
	width : 250px;
}

#site_infos input {
	float : left;
	width : 190px;
	margin : 13px 0;
}

#etiquettes_wrapper {
	float : left;
	height : auto;
	width : 200px;
}

#etiquettes_wrapper table {
	height : auto;
	width : 180px;
	margin : auto;
}

#etiquettes_wrapper h3 {
	font-size : 9px;
	text-transform : uppercase;
	padding : 5px;
}

.etiquette {
	float : left;
	height : 30px;
	width : 30px;
	background : url(../img/etiquette_01.png);
}

.etiquette:hover {
	background : url(../img/etiquette_02.png);
}

/*input.styled {
	display : none;
}*/
/***beg  for to change input img*****/
/*input[type="radio"]{display:none;}
input[type="radio"] + label:before{
    content:"";
    display:inline-block;
    background:url(../img/checkbox_01.png) no-repeat;
		 width:30px;
    height:30px;
    border-radius:12px;
}
input[type="radio"]:checked + label:before{
     background:url(../img/checkbox_02.png) no-repeat;
}
input[type="checkbox"] + label:before{
    content:"";
    display:inline-block;
    background:url(../images/symboles/select_all_01.png) no-repeat;
		 width:20px;
    height:20px;
    border-radius:12px;
}
input[type="checkbox"]{display:none;}
input[type="checkbox"]:checked + label:before{
     background:url(../images/symboles/select_all_02.png) no-repeat;
}*/
/***end for to change input img***/
input[type=checkbox] {
	clear: left;
	/*float : left;*/
	height : 20px;
	width : 20px;
	/*background : url(../img/checkbox_01.png);*/
}

.checkbox {
	float : left;
	height : 30px;
	width : 30px;
	background : url(../img/checkbox_01.png);
}

#resume label {
	float : left;
}

.recap {
	float : left;
	height : 50px;
	width : 50px;
	background : url(../img/nav_recap_01.png);
}

.recap:hover {
	background : url(../img/nav_recap_02.png);
}

.print {
	float : left;
	height : 50px;
	width : 50px;
	background : url(../img/nav_print_01.png);
}

.print:hover {
	background : url(../img/nav_print_02.png);
}

/*////////// ARIANE > STYLE //////////*/

#ariane {
	height : 50px;
	width : 900px;
}

.ariane_bloc {
	float : left;
	height : 50px;
	width : 198px;
	background : url(../img/ariane_B_01.png) no-repeat;
	margin-left : -18px;
}

.ariane_bloc.current {
	background : url(../img/ariane_B_02.png) no-repeat;
}

.ariane_bloc.valide {
	background : url(../img/ariane_B_03.png) no-repeat;
}

.ariane_bloc.first {
	width : 180px;
	background : url(../img/ariane_A_02.png);
	margin-left : 0;
}

.ariane_bloc.first.valide {
	background : url(../img/ariane_A_03.png);
}

.ariane_bloc h3 {
	font-size : 10px;
	text-transform : uppercase;
	padding : 19px 5px 0 30px;
}

.ariane_bloc.first h3 {
	padding : 19px 5px 0 10px;
}

#menu_ariane {
	float : left;
	height : 50px;
	width : 380px;
	/*margin-left : 70px;*/
}

.ariane_small {
	float : left;
	height : 24px;
	width : 102px;
	background : url(../img/ariane_B_small_01.png) no-repeat;
	margin : 13px 0 0 -10px;
	cursor:pointer;
	/*overflow:hidden;*/
}

.ariane_small:hover {
	background : url(../img/ariane_B_small_02.png) no-repeat;
}

.ariane_small.current {
	background : url(../img/ariane_B_small_03.png) no-repeat;
}

.ariane_small.first {
	width : 92px;
	background : url(../img/ariane_A_small_01.png);
	margin : 13px 1px 0 0;
}

.ariane_small.first:hover {
	background : url(../img/ariane_A_small_02.png);
}

.ariane_small a {
	float : left;
	font-size : 10px;
	/*text-transform : uppercase;*/
	padding : 5px 0 5px 15px;
}

.ariane_small span {
	float : left;
	font-size : 10px;
	/*text-transform : uppercase;*/
	/*padding : 0px 2 5px 10px;*/
	padding : 5px 0 5px 15px;
	/*background-color:#C00;*/
}


.ariane_small.first a {
	padding : 5px;
}

.ariane_small.first span {
	padding : 5px;
}

.info_bulle {
	float : left;
	height : 161px;
	width : 190px;
	/*background : url(../images/infos_bulle/info_outils.png) no-repeat;*/
	/*margin : 13px 0 0 -10px;
	cursor:pointer;*/
}
.info_bulle span {
	float : left;
	text-align:left;
	font-size : 9px;
	/*text-transform : uppercase;*/
	font-weight:lighter;
	width : 160px;
	/*height:15px;*/
	padding : 8px 8 5px 8px;
	cursor:pointer;
}
.info_bulle span:hover {
	background-color:#F60;
}
.info_bulle div {
	float : left;
	text-align:left;
	font-size : 9px;
	/*text-transform : uppercase;*/
	font-weight:lighter;
	width : 160px;
	height:30px;
	/*height:15px;*/
	padding : 8px 8 5px 8px;
	cursor:pointer;
}
.info_bulle div:hover {
	background-color:#F60;
}
.info_bulle div a{
	position:absolute;
	top:10px;
}
._4k_keyprog {
	float : left;
	background-color:#666666;
	width : 120px;
	height:30px;
	cursor:pointer;
}
._4k_keyprog span{
	float : left;
	text-align:center;
	color:black;
	font-size : 11px;
	text-transform : uppercase;
	padding : 8px 8 0px 30px;
	font-weight:bold;
}
._4k_keyprog div:hover {
	background-color:#F60;
}
._4k_keyprog:hover {
	background-color:#F60;
}
/*////////// TOOLTIP > STYLE //////////*/

.tooltip_old {
	background : #FFF;
	color : #000;
	padding : 5px;
}


.text
{
	width:250px;
}

img
{
	border:1px;
}

/*body
{
	background-color:#000000;
}*/

div,td,span
{
	font-size:9pt;
	color:#FFFFFF;
	font-family:arial,verdana,courier,sans-serif,simsun;
}

.bold_title_white
{
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
	font-family:arial,verdana,courier,sans-serif,simsun;
}

.bold_nav_white
{
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
	font-family:arial,verdana,courier,sans-serif,simsun;
}

.white{background-color:#FFFFFF;}
.grey{background-color:#EEEEEE;}

.filter_menu
{
	opacity : 0.2;
	filter : alpha(opacity=20);
	color:grey;
	cursor:default;
}

.filter_menu2
{
	opacity : 0.2;
	filter : alpha(opacity=20);
	color:lightgrey;
	cursor:default;
}

.identifiant
{
	opacity : 0.1;
	filter : alpha(opacity=10);
	width:110px;
	height:140px;
	cursor:pointer;
}

.nav_p
{
	cursor:pointer;
	width:45px;
	height:45px;
}
.hide_nav_p
{
	cursor:default;
	width:45px;
	height:45px;
	opacity:.3;
	filter:alpha(opacity=30);
	color:grey;
}
.for_input{
	width:150px;
}
.for_star{
	color:#FF0000;
}

a:link, a:active, a:visited
{
	text-decoration:none;
	color:#FFFFFF;
}

a:hover
{
	text-decoration:none;
	color:#777777;
}

.classChangeImage1
{
	 opacity : 0.2; 
    -moz-opacity : 0.2; 
    -ms-filter: "alpha(opacity=20)"; /* IE 8 */ 
    filter : alpha(opacity=20); /* IE < 8 */ 
}
.classChangeImage2
{
	opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
}

.identifiant_b{
    opacity : 0.1;
    filter : alpha(opacity=10);
		width:120px;
		height:120px;
	/*cursor:pointer;*/
  }
	.identifiant_f{
    opacity : 1;
    filter : alpha(opacity=100);
		/*width:130px;
		height:130px;*/
		width:100px;
		height:100px;
	/*cursor:pointer;*/
  }
.identifiant_b_f{
    opacity : 0.4;
    filter : alpha(opacity=40);
		width:120px;
		height:120px;
	/*cursor:pointer;*/
  }
	.become_dark{
		 opacity : 0.2;
    	filter : alpha(opacity=20);
			color:grey;
	}
	.identifiant_reca{
    /*opacity : 0.2;
    filter : alpha(opacity=20);*/
		width:120px;
		height:120px;
		cursor:pointer;
  }
	.identifiant_param{
		width:160px;
		height:160px;
  }
	.building_choosed{
    opacity : 0.7;
    filter : alpha(opacity=70);
		width:110px;
		height:140px;
		cursor:pointer;
  }
	.giveOpacityMax{
		opacity : 1;
    filter : alpha(opacity=100);
		width:120px;
		height:120px;
	}
  .td_align{
	text-align:center;
	vertical-align:top;  
	font-size:10px;
	font-weight:bold;
  }
	
	.for_AllowModification{
		opacity : 1;
    filter : alpha(opacity=100);
		color:white;
		cursor:pointer;
	}
	.for_AllowModification_span{
		opacity : 1;
    filter : alpha(opacity=100);
		color:white;
	}
	
	/***FOR INFOBULL(FOR THE TOP MENU) CLASS FOR IE**/
	.tooltip {
	display:none;
	background:url(../images/infos_bulle/black_info_bulle_2.png) no-repeat;
	font-size:9px;
	height:90px;
	width:170px;
	text-align:left;
	padding:25px;
	color:#fff;	
}
/***FOR INFOBULL(FOR THE TOP MENU) CLASS FOR FIREFOX**/
.tooltip_2 {
	display:none;
	background:url(../images/infos_bulle/black_info_bulle_2.png) no-repeat;
	font-size:9px;
	height:45px;
	width:120px;
	text-align:left;
	padding:25px;
	color:#fff;	
}
.for_my_infobulle{
	/*border-color:#FFFFFF;*/
	border:thin;
}
.for_bull_site_mouse_over{
	opacity : 1;
	filter : alpha(opacity=100);
	width:25px;
	height:25px;
	cursor:pointer;
}
.for_bull_site_mouse_out{
	/*opacity : 0.2;*/
	filter : alpha(opacity=20);
	width:25px;
	height:25px;
	cursor:pointer;
}
.val_mouse_over{
	opacity : 1;
	filter : alpha(opacity=100);
	width:40px;
	height:40px;
	cursor:pointer;
}
.val_mouse_out{
	/*opacity : 0.2;*/
	filter : alpha(opacity=20);
	width:40px;
	height:40px;
	cursor:pointer;
}
/*************TEXT DEFIL*****************/
#cadre_images { 
	border: 8px solid #666666;
	width:300px; 
	height:50px;
	margin: 1em auto 0 auto;
	overflow: hidden;/*pour ie*/

}



#cadre_texte { 
	
	width:260px; 
	height:25px;
   	border-top: 4px solid #666666;
   	border-bottom: 4px solid #666666;   
	margin: 10 auto 10 auto;
	padding-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #003399;
	overflow: hidden;/*pour ie*/

}

#conteneur_defil, #conteneur_defil2 {
	position : relative;
	visibility:hidden;/*pour ie*/
	overflow : hidden;
	height:100%;
}
.automatically_back{
		word-wrap:break-word; /*wala white-space:normal*/
		width:100px;
		height:40px;
		white-space: pre;
		/*overflow:hidden;*/
}
.automatically_back2{
		word-wrap:break-word; /*wala white-space:normal*/
		width:100px;
		height:40px;
		white-space: normal;
		/*overflow:hidden;*/
}
.black{
	font-family:verdana,arial,courier,sans-serif,simsun;
	color:111111;
	font-weight:bold;
	font-size: 7pt;
}
.field
{
	font-family:verdana,arial,courier,sans-serif,simsun;
	font-size: 8pt;
	border-right: 1px solid #aaaaaa;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #aaaaaa;
	background-color: #e7e7e7;
	padding:5px 5px 5px 2px;
	color:111111;
	height:30px;
}