/**
 *		css/screen
 *		------------------------------------------------------------------------
 *		Last Modif.: 2007-02-10
 *		------------------------------------------------------------------------
 *		(c) Copyright 2007 Mathias Standaert / Organic Web. 
 *		All rights reserved.
 *		------------------------------------------------------------------------  
 */

/*@import "layout.css";*/
/*
YAHOO RESET
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/*********************************************************/
/******************* FONT RESET **************************/
/*********************************************************/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}


body {
	font-family: arial, verdana, sans-serif;
	font-size: 78%;
	line-height: 1.2em;
	position:absolute;
	left:50%;
	width:800px;
/*	background-color:#aaaaaa;*/
/*	border: solid 1px #999999;*/
/*	margin: 10px 0px 0px -400px;*/
}
h1 {font-size: 110%;}
h2 {font-size: 105%;}
h3 {font-size: 100%;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

p, a, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, pre, code, th, td, caption {font-size: 1em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
strong em, em strong {
	font-weight: bold;
	font-style: italic;
}

img {border: 0 none;}

.hidden {display: none;}
.floatsep{
	width:100%;
	clear:both;
	visibility:hidden;
	margin:0;
	padding:0;
	height:0;
}
.clear {
	clear:both;
	visibility:hidden;
}
* {
	margin: 0px;
	padding: 0px;
}
html {
/*	background-color: #D59659;*/
	background-color: #D59758;
}
body {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 900px;
	margin-left: -450px;
	border: solid 1px black;
}
p {
	margin-left: 10px;
	background-color: white;
}
#content {
	background-color: #FFBF00;
}
.clear {
	clear: both;
	visibility: hidden;
}
.infobox {
	text-align: center;
}
.infobox img {
	float: left;
}
.infobox span {
	display: block;
	float: left;
	line-height:26px;
	margin: 0px 0px 0px 5px;
	font-size: 88%;
}
#hauteurBox {
	color: black;
	display: block;
	float: left;
	background: url('../img/theme/COLONY-cadrehauteur-50x26.jpg') no-repeat top left;
	width: 50px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
}
#temperatureBox {
	color: black;
	display: block;
	float: left;
	background: url('../img/theme/COLONY-cadredegre-55x26.jpg') no-repeat top left;
	width: 55px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}
#defenseBox {
	color: black;
	display: block;
	float: left;
	background: url('../img/theme/COLONY-cadreDEF-55x26.jpg') no-repeat top left;
	width: 55px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	margin-left: 10px;
}
#nbrFourmiBox {

	color: black;
	display: block;
	float: left;
	background: url('../img/theme/COLONY-cadretotalfour-55x26.jpg') no-repeat top left;
	width: 55px;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}
.menubox {
	float: left;
	margin: 0px 5px 0px 5px;
}
.menubox img {
	float: left;
}
.menubox span {
	display: block;
	float: left;
	margin: 15px 0px 0px 10px;
	font-size: 120%;
	font-weight: bold;
}

.pictoMenu {
	font-weight: bold;
/*	line-height: 50px;*/
}

#header{
	height:185px;
	
}

#centerPart {
	/*width: 530px;
	float: left;
	margin: 0px;
	background-color: white;
	padding: 0px 5px;
	
	margin: 5px;
	border: solid 1px #5A3D1C;
	border: solid 1px black;*/
	margin: 5px;
	
	margin-left: 205px;
	margin-right: 150px;
	background-color: white;
	padding: 0px 5px;
	
	border: solid 1px #5A3D1C;
	border: solid 1px black;
}

#centerPart span {
	color: red;
	font-weight: bold;
}
#menuleft {
position: absolute;
left:0;
width: 200px;
background-color: #5A3D1C;
color: white;
}
#menuRight {
position: absolute;
right:0;
width: 145px;
margin-top: 5px;
height: 550px;
/*background-color: white;*/
}
/* ancien positionnement
#menuleft {
	background-color: #5A3D1C;
	float: left;
	color: white;
	width: 200px;
}
#menuRight {
	margin-top: 5px;
	width: 145px;
	height: 550px;
	float: left;
	background-color: white;
	border: solid 1px black;
}*/
hr.menu_sep {
	background-color: #D59758;
	border: none;
	width: 91%;
	height: 2px;
	margin: 0px auto;
}
#connectBox {
	margin: 15px 0px 0px 15px;
	text-align: left;
}
#connectBox form div {
	margin:0;
	padding:0;

}
#avertissements ul{
	list-style:disc;
}
#pertes, #naissances, fieldset {
	border: solid 1px black;
	margin: 10px;
	margin-top:20px;
	background-color: white;
}
#pertes, #naissances {
	width: 240px;
	
}

#pertes ul, #naissances ul, fieldset ul {
	margin: 15px;
}
#pertes {
	margin-top: 10px;
	
}
.legend { 
	
	position: relative;
	padding: 5px 15px;
	border: solid 1px black;
	text-align: center;
	line-height: 15px;
	width: 100px;
	margin-left: 10px;
	margin-top:-10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FFBF00;
}
.firstLine {
	margin: 20px 0px 5px 10px;
	background-color: white;
}
#individu {
	margin-top: 5px;
	background-color: white;
	border-collapse: collapse;
	border-top: none;

}

h3.infoNewB {
	text-align: center;
	margin-bottom: 10px;
	background-color: orange;
	padding: 5px;
}
#batisseuseLinkOuvriere {

}
#batisseuseLinkArchi {

}
#individuForm {
	background-color: white;
	padding-top: 25px;
	border: solid 2px #A0BF78;
	border-top:none;
	border-bottom: none;
	width:508px;
	padding-left:5px;
	padding-right:5px;
	
}
 div.nbrIndAssigne {
	height: 55px;
	float:left;
	text-align: center;
	width: 180px;
}
#individuForm img {
	display: block;
	float: left;
}
#individu th {
	text-align: center;
	font-weight: bold;
	height: 30px;
	vertical-align:middle;
	background-color: #FFBF00;
	
}
#individu tr {
	border: none;
}
#individu th a {
	color: black;
	
}
#individu td {
	text-align: center;
	border: none;
}
#individuForm input.chiffre {
	width: 50px;
	height: 35px;
	font-size: 150%;
	border: solid 1px black;
	padding-top: 10px;
	float: left;
	text-align: center;
/*	margin-right: 3px;*/
	margin: auto 3px;
	margin-top: 2px;
}
.icoForm {
	float: left;
	margin: 0px 10px 3px 3px;
}
.batiLegendForm {
	border: solid 1px black;
	display: block;
	width: 150px;
	height: 45px;
	line-height: 50px;
	float: left;
	text-align: center;
	margin-right: 3px;
	margin-top: 2px;
}
.batiLegendFormGris {
	border: solid 1px black;
	display: block;
	width: 150px;
	height: 45px;
	line-height: 50px;
	float: left;
	text-align: center;
	margin-right: 3px;
	margin-top: 2px;
	color:gray;
}
#individuOnglet {
	width: 100%;
	background-color: white;
}
#individuOnglet img {
	padding: 0px;
	margin: 0px;
}
/*POUR LE DEBUG*/
/* tables */

table {
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color:#333;
background-color: #fff;
clear:both;
padding: 0;
margin: 0 0 2em 0;
white-space: normal;
}
th {
background-color: #e2e2e2;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #003d4c;
border-bottom: 1px solid #003d4c;
text-align: center;
padding:1px 4px;
}
table tr td {
border-right: 1px solid #ddd;
padding:4px 4px;
vertical-align:top;
text-align: center;
}
table tr.altRow td {
background: #f4f4f4;
}
table td.actions {
	white-space: nowrap;
}
#cakeSqlLog td {
text-align: left;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

#aide{
	margin:10px;
	font-size:0.9em;
}
#aide h1,#aide h2,#aide h3,#aide p{
	margin:15px 0;
	
}
#aide h1{
	font-size:1.4em;
	border-bottom:1px solid black ;
	
}
#aide h2{
	font-size:1.2em;	
}
#aide h3{
	font-size:1em;	
}
#aide p{
 margin-left:20px;
	
}
#aide li{
	margin-left:50px;
 	margin-bottom:20px;	
}
#aide img {
	clear: both;
	display: inline;
}
#aide a {
	clear:both;
	display: inline;
}
#aide td {
	width: auto;
	text-align: center;
}
.fondrose{
	background-color:#ffd8e8;
	border-bottom: 2px solid #5a3d1c;
}
.fondblanc{
	border-bottom: 2px solid #5a3d1c;
}
.fondFonce{
background: url('../img/theme/fondDegradeFonce.jpg') repeat-x;

}
.fondClair{
background: url('../img/theme/fondDegradeClair.jpg') repeat-x;	

	
}
.error_message{
	color:red;
}
#creaCompte label,#login label{
	display: inline ; 
	float: left ; 
	width: 170px ;
	font-weight: bold ;
	margin-left: 75px ; 
	
}