/* ***************************************************************************
 * CSS font, tableau, formulaire... - 11-2006 - Pierre-Loup Pouey-Mounou     *
/* ***************************************************************************/

/* ************************************ */
/*   			 Polices (span...)
/* ************************************ */
acronym:hover, abbr:hover{ cursor:help; }

.message{
	color: #D24102; /* #D20000;*/
	letter-spacing: 0px;
	text-align: center;
	font-weight:bold;
	font-size: 1em;
	margin: auto;
}

#bas-out a:hover { color: #0097E2; }

.hide{
	display: none;
}
.error{
	color: #D20000;
	letter-spacing: 0px;
	font-size:1.05em;
	font-weight:bold;
	/*border-bottom: 1px #E5E5E5 solid;*/
	text-align: right;
}
.simple_error{
	color: #D20000;
	letter-spacing: 0px;
	font-weight:bold;
}
.index { text-align:left; font-size: 0.90em; }

.matrix, .matrix a{
    text-decoration: none;
	cursor: pointer;
	border-right: solid 0px #63B158;
	font: 0.82em Arial, sans-serif;
	font-weight: bold;
	color: #FC7905;
}

.important{ color: #63B158; font-weight:bold; margin-right: 0em;}
.important2{ color: #369; font-weight:bold; margin-right: 1.05em;}

.bleu{ color: #369; }
.bleugras{ color: #369; font-weight:bold; }
.bleugrasitalic{ color: #369; font-weight:bold; font-style:italic; }
.bleusouligne{ color:#369; text-decoration:underline; }
.rouge{ color: #D20000; }
.rougegras{ color: #D20000; font-weight:bold; }
.rougegrasitalic{ color: #D20000; font-weight:bold; font-style:italic; }
.rougesouligne{ color:#D20000; text-decoration:underline; }
.grisgras{ color: #6E6D6D; font-weight: bolder;}

.rouge{ color: #D20000; }
.bleu{ color: #369; }
.violet{	color: #8458B1; }
.centre{ text-align: center; }
.justifie{ text-align: justify; }
.gauche{ text-align: left; }
.droit{	text-align: right; }
.gras{ font-weight:bold; }
.grasser{ font-weight:bolder; }
.italic{ font-style:italic; }
.sousligne{ text-decoration: underline; }
.surligne{ text-decoration: overline; }
.barre{ text-decoration: overline; }


/* ************************************ */
/*		 		 titres
/* ************************************ */

/*FFA500*/
.big{
	color: #333333;
	font-size: 3em;
	padding:0px 5px 3px 0px;
	margin-bottom: 5px;
	letter-spacing: 2px;	
	text-align:center;
	/*background: url(../images/hrlong.png) bottom no-repeat;*/
	vertical-align:top;
	/*text-decoration: none;*/
	/*font-stretch:ultra-expanded;*/
}

/* ************************************ */
/*		 		 cadres
/* ************************************ */

.framed{
	border: 1px #E5E5E5 solid;
}

.spaced{
	padding-bottom: 50px;
	overflow: auto;
	background-color: #F5F8FC;
}

.righted{
	float : right;
}

/* ************************************ */
/*		 		 liens ...
/* ************************************ */
a {
	text-decoration:underline;
	font-size: 1em;
	font-weight:bold;
	color: #63B158;
}
a:hover {
	text-decoration:none;
	color: #990;
}
.aleft,.alefton{
	border-left: 1px #515151 solid;
	margin-left: 2px;
	padding-left: 5px;
}/*a.adroit:after{content: " | ";}*/
.alefton{
	color: #8458B1;
}
a img{
	cursor:pointer;
	border: 0px;
}
.aimg{text-decoration: none;}


.aright, .arighton, .arightest{
	color: #63B158;	
	border-right: solid 1px #63B158;
	padding: 0px 10px 0px 2px;
	text-decoration: none;
}
.arightest{border: 0;}
.arighton{
	color: #8458B1;
}
.aright:hover, .arighton:hover, .aright2:hover{
	text-decoration: underline;
}

/* ************************************ */
/*		 		 images
/* ************************************ */
.ico{
	float: left;
	border: solid 1px #E5E5E5;
	margin: 3px;
	padding:3px;
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
.ico img{
	cursor:pointer;	
}
.ico:hover{
	padding: 4px 2px 2px 4px;
	background:#F2F4F6;
	border: solid 1px #FF9025;
	cursor:pointer;
}
.ico a{
	text-decoration:none;
	color:#333333;
	font-size: 1em;	
}
.button:hover {
	cursor:pointer;
}

.imgright{
float: right;
margin-left: 10px;
}

/* ************************************ */
/*		 		 tableaux
/* ************************************ */
table{
	width:100%;
	border: 1px #E5E5E5 solid;
	/*border-spacing: 0;*/
	font-size: 1.00em;
}
table td{
	line-height: 1.5em;
	border: 1px #E5E5E5 solid;
}
table td.left{
	text-align: left;
}
th{
	font-size: 1.05em;
	color: #333333;
	border: 1px #E5E5E5 solid;
	
}
thead th{
	text-align: center;
	font-size: 1.05em;
	font-weight:bold;
	background:#EEEEEE;
	padding-top:10px;
	padding-bottom:10px;
}
/* --- lignes --- */
.line, .lineodd, .lineeven, .lineselected{
	text-align: center;
	font-size: 1.05em;
	padding-top:5px;
	padding-bottom:5px;
	background-color: #F7F9FE;
}
.lineeven{
	font-size: 1.05em;
	background-color:#FFFFFF; /*#FBDB9E; color: #333333; */
	border-bottom: 1px #E5E5E5 solid;
}
.lineeven:hover, .lineodd:hover{background-color:#fce9cd;}
.lineselected{ background-color:#DBE3ED; font-weight: bold;}

.strech:hover{  background-color:#fce9cd; }

caption{
	font-size: 1.05em;
	font-weight:bold;
	color: #333333;
}


/**** 
* librairie
*******/
table.book{
	border: 1px #E5E5E5 solid;
}
table.book td{text-align:center;border-bottom: 1px #E5E5E5 solid;}
table.book th{background:#EEEEEE;}
/*table.book tr:hover{background-color:#fce9cd;}*/
table img.img{
	border: solid 1px #E5E5E5;
	height:70px;
	width:50px;
	margin-bottom: -10px;
}

/* ************************************ */
/*		 		 listes
/* ************************************ */
ul{
	padding-left:3em;
	margin:0;
}

li{
	list-style:none;
}

ul.check li{
	list-style-image: url('http://localhost/vinivitis/images/check.gif'); /*rarr.png*/
}

ul.cocci{
	/*list-style-image: url('http://localhost/vinivitis/images/cocci.png');*/
	padding: 0px 0px 0px 10px;
	margin: 0px;
	text-indent: 0em;
}
ul.cocci li{
	/*list-style-image: url('http://localhost/vinivitis/images/cocci.png');*/
	padding: 0px 0px 10px 0px;
	margin: 0px;
	text-indent: 0em;
}

/* ************************************ */
/*		       Formulaires
/* ************************************ */

div.fin{
	text-align:center;
	padding-top: 5px;
	padding-bottom: 5px;
}

input.textfield, input.petittextfield{
  color: #000;
  font-size: 1em;
  width: 60%;

  background:#ffffff;
  border:1px solid #aaa;
  padding:2px;
}

label, .petitlabel{
	display:block;
	width:35%;
	float:left;
	text-align:right;
	font-weight: bold;
	padding-right: 1em;
}
 .petitlabel{
	display:block;
	width:50%;
	text-align:right;
	font-weight: normal;
	padding-right: 1em;
}

select.textfield, select.petittextfield{
	background:#ffffff;
    font-size: 1em;
    height:24px;
    width: 61%;
    padding: 1px;
}
select.petittextfield{
  width: 140px;
}
optgroup{
    background:#ffffff;
	color: #FF9025;
	font-style:normal;
}
option{
    background:#ffffff;
	color: #000000;
}
input.petittextfield{
  width: 140px;
}
option.color1{
	color : #D46D0A ;
	background-color : #00CCFF ;
}
textarea
{
  width: 99%;
  font-size: 1.00em;
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}

fieldset{
	font-size:1em;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 1em 3px 3px 3px;
}
fieldset legend{
	color: #FF9025;
	font-size: 1.05em;
	font-weight:bold;
}


/* ************************************ */
/*		       spécifiques div...
/* ************************************ */


.strech:hover{
  background-color:#fce9cd;
}
.strech {cursor: pointer;}

.hightmenu a:hover, .hightmenu2 a:hover {
	color: #990;
}



/* ************************************ */
/* 		 		 Cadres
/* ************************************ */
.case,.oddcase,.evencase,.specialcase{
	padding: 3px;
	overflow: auto;
}

.oddcase{ border: solid 1px #E2E2E2; }
.evencase{
	border: solid 1px #E2E2E2;
	background-color: #F5F8FC;/*#F2F2F2;*/
}
.specialcase{
	border: solid 1px #E2E2E2;
	background-color: #FAE5BF;
}
.case .h,.oddcase .h,.evencase .h,.specialcase .h{
	padding: 0px;
	border: 0;
}

.squarebox,.squarebox2{
	border: solid 1px #E2E2E2;
	float: left;
	width: 360px;
	margin: 5px 5px 0px 5px;
	height: 475px;
}
.squarebox2{
	margin: 5px 0px 0px 5px; 
}
.squarebox3,.squarebox4{
	border: solid 0px #E2E2E2;
	float: left;
	width: 180px;
	margin: 5px 5px 0px 5px;
	
}
.squarebox4{
	margin: 5px 0px 0px 5px; 
	width: 520px;
}
.divleft{	float:left;  }
.divright{	float:right;  }