/* ***************************************************************************
 * 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: 1.30em;
	margin: auto;
}
#message:first-letter { font-size: 1.30em; color: #FF9025; }

#ariane{ color: #000; font-size: 1.0em ; text-decoration:none; }
#ariane a { font-weight: bold; color: #0097E2; }
#ariane a:hover { color: #0097E2; }

#bas-out a:hover { color: #0097E2; }
/*#ariane:first-letter { font-size: 1.10em; color: #FF9025; }*/

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

.simple_error{
	color: #D20000;
	letter-spacing: 0px;
	font-weight:bold;
}
.simple_error:first-letter { color: #FF9025; }

.index { text-align:left; font-size: 0.90em; }
.indexspecial{ text-align:left; font-size: 0.90em; color: #369; }


.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; }

.rouge{ color: #D20000; }
.bleu{ color: #369; }
.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*/
h1,h1 a{
	color: #333333;
	font-size: 1.30em;
	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;*/
}
h1:first-letter ,h1 a:first-letter {
	color: #FF9025;
	font-size: 1.50em;
	font-weight:normal;
	vertical-align:bottom;
}
<!--[if IE]>
<style type="text/css">
h1 {height:1%;}
</style>
<![endif]-->

h1 span{
	color: #FF9025;
}
h2,h2 a{
	color: #369;
	/*text-decoration:overline underline;*/
	letter-spacing: 1px;
	font-size: 1.20em;/*1.32em;*/
	border-bottom: solid 1px #E5E5E5;
	text-align:left;
	padding:2px 2px 0px 2px;
	margin-bottom: 15px;
	text-decoration:none;
}
h2:first-letter ,h2 a:first-letter {
	font-size: 1.35em;
	font-weight:normal;
	color : #333333;
}/*h2:before { content: "" }*/
h3,h3 a{
	color: #FF9025;
	letter-spacing: 1px;
	margin: 0 0 1em 0;
	font-size: 1.12em;
	border-bottom: 1px #E5E5E5 solid;
	text-decoration:none;
}
h3:first-letter ,h3 a:first-letter {
	font-size: 1.25em;
	color: #333333;
	font-weight:normal;
}
h4,h4 a{
	color: #333333;
	font-size: 1.06em ;
	border-bottom: 1px #E5E5E5 solid;
	margin-bottom : 5px;
	margin-top: 1em;
	text-decoration: none;
}
h4:first-letter ,h4 a:first-letter {
	font-size: 1.30em;
	color: #FF9025;
}
h4 span{
	color: #FF9025;
}
.sousmenu h4{
	margin: 0;
}
/*h4:before{ content: url(default/hautcadre.png) no-repeat left; }*/

h5, h5 a{
	color: #FF9025;
	font-size: 1.00em ;
	margin-bottom : 5px;
	margin-top: 1em;
	text-decoration: underline;
}
h5:first-letter ,h5 a:first-letter {
	font-size: 1.25em;
	color: #6C6C6C;
}

h5 span{
	color: #333333;
}

h6, h6 a{
	color: #369;
	font-size: 1.00em;
	margin : 0;
	text-decoration: none;
}
h6:first-letter ,h6 a:first-letter {
	font-size: 1.25em;
	color: #6C6C6C;
}
h6 span{
	color: #333333;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	font-size: 1em;
}

/* ************************************ */
/*		 		 liens ...
/* ************************************ */
a {
	color:#FC7905;/*color:#D46D0A;*/
	text-decoration:underline;
	font-size: 1em;
	font-weight:bold;
}
a:hover {
	text-decoration:none;
	color: #BF3F00;/*background-color:#eff4fa;color:#036;*/
}
.adroit{
	border-left: 1px #515151 solid;
	margin-left: 2px;
	padding-left: 5px;
}/*a.adroit:after{content: " | ";}*/

a img{
	cursor:pointer;
	border: 0px;
}
.aimg{text-decoration: none;}

#lienActif, #lienActif a{
	background-color:#FFC259;
	color:#FFFFFF;
}
.lien, .lien a{
	font-size: 1.00em;
	color: #333333;
	/*border-bottom: 1px #E5E5E5 solid;*/
	letter-spacing:1px;
	text-decoration:none;
	cursor:pointer;
	width:100%;
}
.lien a{
	border-bottom: 1px #E5E5E5 solid;
}
.lien a:hover, .lien:hover{
	/*background-color:#FFC259;
	color:#FFFFFF;*/
	color:#969696;
}


/* **********************
	  Bulles info
   ******************* **/	  
   
.bulle,.petitebulle{
    position:relative; /*this is the key*/
    z-index:0;
    color:#FC7905;
    text-decoration:none;
	padding: 0;
	font-size : 0.95em;
}

.bulle:hover,.petitebulle:hover{z-index:25;}
.bulle .pops,.petitebulle .pops{display: none}

.bulle:hover .pops,.petitebulle:hover .pops{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:1em; width:45em;
    border:1px solid #C7D6E3;
    background-color:#F0F4FD; 
	color:#000;
    text-align: justify;
	font-weight: lighter;
	cursor:auto;
	line-height:normal;
}    
.bulle:hover .pops h1,.petitebulle:hover .pops h1{
	font-size: 1em;
	background:#FFF;
	color:#000;
    text-align: center;
}

.petitebulle:hover .pops{width:15em;}


/* ************************************ */
/*		 		 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;
}

/* ************************************ */
/*		 		 tableaux
/* ************************************ */
table{
	width:100%;
	border: 1px #E5E5E5 solid;
	/*border-spacing: 0;*/
	font-size: 1.00em;
}
table td{
	line-height: 2em;
}
table td.left{
	text-align: left;
}
th{
	font-size: 1.05em;
	background-color:#FFFFFF;
	color: #333333;
	border: 1px #E5E5E5 solid;
}
thead td{
	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;}

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


/* ************************************ */
/*		 		 listes
/* ************************************ */
ul{
	padding-left:3em;
	margin:0;
}
ul.check li{
	list-style-image: url('../images/check.gif'); /*rarr.png*/
}
li{
	list-style:none;
}


/* ************************************ */
/*		       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;
}
input.textfield:hover, input.petittextfield:hover{
	  background-color: #F0F4FD;
}
input.textfield:focus, input.petittextfield:focus{
	  background-color: #F0F4FD;
}
label{
	display:block;
	width:35%;
	float:left;
	text-align:right;
	font-weight: bold;
	padding-right: 1em;
}
label:focus{
    padding-bottom:3px;
    padding-right:2px;
    padding-top:1px;
    padding-left:2px;
}

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;/*font-size: 1.30em;*/
  background: #FFFFFF;
  border: solid 1px #CCCCCC;
}
textarea:focus{
  background-color: #F0F4FD;
  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;
}

input.textfield, input.petittextfield, textarea, legend, option, optgroup{
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}
/* ********************** *
 *     Formulaire projet   *
 * ********************** */
label.petitlabel{
	font-weight: bold;
	width: 85%;
	padding: 0;
	margin: 0;
	text-align: left;
	float: left;
}
label.petitlabel:focus{
	padding: 0;
	margin: 0;
}

.box table{  border: none; font-size: 1.00em; }

.box td{
	padding: 2px 2px 2px 2px;
	width: 50%;
}

td.change:hover{
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	padding: 1px;
}
td.change p{
	text-align: justify;  	
	margin-bottom: 0em;
	padding:0;
	line-height: normal;
}