/* HTML Elements */
body,html { margin:0;padding:0;text-align:center;font-family:'arial',sans-serif;font-size:13px;background:#FFF; }
body, select, input, textarea { font-family:'arial',sans-serif; }	
a:link, a:visited { color:#333333;text-decoration:none;font-weight:bold;border:0;font-size:13px; }
a:hover { color:#333333;text-decoration:underline;font-weight:bold;border:0;font-size:13px; }


.noborder { border:0; }
.nomargin { padding:0;margin:0; }
.marginr15 { padding:0;margin-right:15px; }
.marginb15 { padding:0;margin-bottom:15px; }
.marginleft15 { padding:0;margin-left:15px; }
.marginr10 { padding:0;margin-right:10px; }
.margint8 { padding:0;margin-top:8px; }
#margintab { margin-bottom:30px;padding:0; }
.gras { font-weight:bold; }


/* /////////////////////////// */
/* Structure globale */
/* /////////////////////////// */

#home { width:100%;max-width:1000px;overflow:hidden;margin:10% auto;padding:10px 0;text-align:center; }

#page { width:100%;max-width:1000px;overflow:hidden;margin:10px auto;padding:10px 0;text-align:center; }


#tableau { width:100%;max-width:380px;margin:0 auto;padding:0;font-size:13px; }
.tableau_titre { font-weight:bold;text-align:center; }
.tableau_titre_left{ font-weight:bold;text-align:left; }

.tableau_titre_border { font-weight:bold;text-align:center;margin:0;padding:3px 0 3px 3px;border:1px solid #CCC;background:#f2f2f2; }
.tableau_titre_border_left { font-weight:bold;text-align:center;margin:0;padding:3px 0 3px 3px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;background:#f2f2f2; }
.tableau_titre_border_right { font-weight:bold;text-align:center;margin:0;padding:3px 0 3px 3px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;border-right:1px solid #CCC;background:#f2f2f2; }
.tableau_titre_border_nolr { font-weight:bold;text-align:center;margin:0;padding:3px 0 3px 3px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;background:#f2f2f2; }

.tableau_texte { margin:0;padding:3px 0;border:1px solid #CCC;text-align:left; }
.tableau_texte_border { margin:0;padding:3px 0 3px 3px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;text-align:left; }

.tableau_big { width:40%; }
.tableau_small { width:20%; }
.final { margin:0;padding:10px 0;border-bottom:1px solid #CCC;text-align:center;background:#eaeaea; }
.align_center { text-align:center; }
.align_left { text-align:left; }
.souligne { border-bottom:1px solid #F00; }
.tdexport { padding:25px 0 0 0; }
.tdexportspan { padding:5px;background:#d2374d;color:#FFFFFF; }
.tdvalidspan { padding:5px;background:#1d870f;color:#FFFFFF; }

#tableau_big { width:100%;max-width:1000px;margin:0 auto;padding:0; }
#tableau_small { width:100%;max-width:450px;margin:0 auto;padding:0; }

/* Formulaires */
#form_login { width:98%;max-width:250px;margin:50px auto 0 auto;padding:0 1px; }
.input_form_login { width:96%;max-width:250px;margin:0 auto 5px auto;padding:3%;border:1px solid #333;background:#f8efef; }
.bt_form_login { width:100%;max-width:100px;margin:0 auto 5px auto;padding:3%;border:1px solid #333;background:#CCC; }
#login_erreur { background:#C00;color:#FFF;text-align:center;font-weight:bold;padding:3px 0;margin:0 0 15px 0; }
input:focus { background:#e9e9e9; }
.nommaj { text-transform:uppercase; }

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:99%;
   padding-right:1%;
   background:#FFF;
   text-align:right;
   font-family:'arial',sans-serif;
   font-size:11px;
   color:#999;
}

.titre_bleu { color:#4281c7; }

.chef_couleur { color:#47a53d;font-weight:bold; }

.titre_liste_ouvriers { color:#4281c7;font-size:15px;font-weight:bold; }

#deconnect{ margin:0;padding:0;position:absolute;top:5px;right:5px;z-index:999; }

/* /////////////////////////// */
/* Structure adaptable */
/* /////////////////////////// */

@media all and (max-width: 1024px) {
	
	#int { width:100%;max-width:1000px;overflow:hidden;margin:1% auto;padding:0 0 30px 0;text-align:center;font-size:1.2em;line-height:1.9em; }

	#formulaire_presentation { width:98%;max-width:500px;margin:0 auto;padding:0 0 25px 0;text-align:left;font-size:1.2em;line-height:1.9em; }
	.pos_relative { position:relative; }
	.champ_texte { width:98%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_xsmall { width:50px;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_select { width:100%;margin:0;padding:5px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_small { width:10%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.form_bouton { width:55%;margin:0;padding:5px 0;border:1px solid #666666;background:#333333;color:#FFF;font-size:1.2em;line-height:1.9em; }

	a.lien_normal:link, a.lien_normal:visited { display:block;width:100%;text-align:left;padding:10px 0;color:#333333;text-decoration:none;font-weight:normal;border:0;font-size:1.2em;line-height:1.9em; }
	a.lien_normal:hover { text-decoration:underline; }
	
	#navig_int { width:100%;max-width:1000px;height:30px;margin:30px 0 40px 0;padding:5px 0;font-family:'arial',sans-serif;font-size:14px;background:#fff;border-bottom:2px dashed #666; }
	
	.bt_o { display:inline;background:#093;padding:10px;margin:0;color:#FFF;font-size:1.2em; }
	.bt_n { display:inline;background:#F00;padding:10px;margin:0;color:#FFF;font-size:1.2em; }

	a.lien_blanc:link, a.lien_blanc:visited { color:#FFF; }
	a.lien_blanc:hover { text-decoration:underline; }

	a.lien_menu:link, a.lien_menu:visited {text-align:center;padding:10px;color:#333333;text-decoration:none;font-weight:bold;border:0;font-size:1.2em;line-height:1.9em; }
	a.lien_menu:hover { text-decoration:underline; }

	a.lien_tab:link, a.lien_tab:visited { color:#b96418;text-decoration:none;font-weight:bold;font-size:1em; }
	a.lien_tab:hover { text-decoration:underline; }
	
	#utilisateurs { width:280px;padding:0;margin:0 auto 30px auto;line-height:1.6em; }
	#chantiers { width:280px;padding:0;margin:0 auto 30px auto; }
	#export { width:280px;padding:0;margin:0 auto ; }


	/* Titres */
	#titre_page_util { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #6ea9eb;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.2em;line-height:1.9em; }
	#titre_page_chantier { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #67d98f;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.2em;line-height:1.9em; }
	#titre_page_donnees { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #fcb437;text-align:center;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1.2em;line-height:1.9em; }

	#ajout_ok { width:98%;margin:40px auto 40px auto;padding:5px 1%;text-align:left;background:#76d559;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1em;color:#000; }
	#ajout_non_ok { width:98%;margin:40px auto 40px auto;padding:5px 1%;text-align:left;background:#e01b1b;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:1em;color:#FFF; }


	#accueil_chef_chantier { width:98%;margin:0 1% 25px 1%;background:#f2f2f2;text-align:center; }

	#titre_intro_saisie { width:98%;margin:0 auto 15px auto;padding:1%;text-align:center; }


}






@media all and (min-width: 1024px) {

	#int { width:100%;max-width:1100px;overflow:hidden;margin:1% auto;padding:0 0 30px 0;text-align:center;font-size:12px;line-height:1.9em; }

	#int_left { width:48%;max-width:490px;overflow:hidden;margin:0;padding:0;text-align:left;font-size:12px;float:left; }
	#int_right { width:48%;max-width:490px;overflow:hidden;margin:0;padding:0;text-align:left;font-size:12px;float:right; }

	#formulaire_presentation { width:98%;max-width:700px;margin:0 auto;padding:0 0 15px 0;text-align:left; }
	#formulaire_presentation_big { width:98%;max-width:1100px;margin:0 auto;padding:0 0 15px 0;text-align:left; }
	.pos_relative { position:relative; }
	.champ_texte { width:97%;margin:0;padding:5px 1%;border:1px solid #666666; }
	.champ_texte2 { width:190px;margin:0;padding:3px ;border:1px solid #666666; }
	.champ_texte_xsmall { width:50px;margin:0;padding:3px 1%;border:1px solid #666666; }
	.champ_select { width:100%;margin:0;padding:3px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_small { width:10%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em; }
	.champ_select_types { width:96%;max-width:100px;margin:0 auto 5px auto;padding:3px 1%;border:1px solid #333;background:#f8efef; }

	.form_bouton { width:35%;margin:0;padding:5px 0;border:1px solid #666666;background:#333333;color:#FFF; }
	.aligncentre { text-align:center; }
	a.lien_normal:link, a.lien_normal:visited { display:block;width:100%;text-align:left;padding:10px 0;color:#333333;text-decoration:none;font-weight:normal;border-bottom:1px solid #CCC;font-size:15px;line-height:21px; }
	a.lien_normal:hover { text-decoration:underline; }
	
	.formulaire_presentation_big_box { width:220px;overflow:hidden;float:left;margin:0 7px;padding:0 7px;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	.formulaire_presentation_small_box { width:50px;overflow:hidden;float:left;margin:0 6px;padding:0 6px;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	.formulaire_presentation_big_box_long { width:1100px;overflow:hidden;margin:0;padding:15px 0 0 0;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	
	#navig_int { width:100%;max-width:1000px;height:30px;margin:30px 0 40px 0;padding:5px 0;font-family:'arial',sans-serif;font-size:14px;background:#fff;border-bottom:2px dashed #666; }
		
	.bt_o { display:inline;background:#093;padding:10px;margin:0;color:#FFF;font-size:1.2em; }
	.bt_n { display:inline;background:#F00;padding:10px;margin:0;color:#FFF;font-size:1.2em; }
	
	a.lien_blanc:link, a.lien_blanc:visited { color:#FFF; }
	a.lien_blanc:hover { text-decoration:underline; }

	a.lien_menu:link, a.lien_menu:visited { text-align:center;padding:10px;color:#333333;text-decoration:none;font-weight:bold;border:0;font-size:14px; }
	a.lien_menu:hover { text-decoration:underline; }

	a.lien_tab:link, a.lien_tab:visited { color:#b96418;text-decoration:none;font-weight:bold;font-size:14px; }
	a.lien_tab:hover { text-decoration:underline; }
	
	/* Admin */
	#utilisateurs { width:280px;padding:0;float:left;margin:0 2.5%; }
	#chantiers { width:280px;padding:0;float:left;margin:0 2.5%; }
	#export { width:280px;padding:0;float:left;margin:0 2.5%; }

	/* Titres */
	#titre_page_util { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #6ea9eb;text-align:center;font-family:'arial',sans-serif;font-size:14px;font-weight:bold; }
	#titre_page_chantier { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #67d98f;text-align:center;font-family:'arial',sans-serif;font-size:14px;font-weight:bold; }
	#titre_page_donnees { margin:35px auto 20px auto;padding:0 0 5px 0;border-bottom:2px dashed #fcb437;text-align:center;font-family:'arial',sans-serif;font-size:14px;font-weight:bold; }

	#ajout_ok { width:98%;margin:40px auto 40px auto;padding:5px 1%;text-align:left;background:#76d559;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#000; }
	#ajout_non_ok { width:98%;margin:40px auto 40px auto;padding:5px 1%;text-align:left;background:#e01b1b;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:14px;color:#FFF; }


	#accueil_chef_chantier { width:98%;max-width:500px;margin:0 auto 25px auto;background:#f2f2f2;text-align:center; }

	#titre_intro_saisie { width:98%;margin:0 auto 15px auto;padding:1%;text-align:center; }

	#valid_saisie { width:98%;margin:0 auto 15px auto;padding:1%;text-align:center;border:1px dashed #e30c1b; }
	

}