/*/////////////////////////////////////////=- styles général -=/////////////////////////////////////////*/

a:link,a:active,a:visited {
	text-decoration: none;
	/*color : #505050;*/
	color : #9EC63D;
}
a:hover	{ 
	text-decoration: none;
	color: #1c5528;
}

td	{ 
	font-family:Candara;
	font-size: 14px;
}

hr {
	border: 1px solid #9EC63D;
	background-color: #9EC63D;
}

/*/////////////////////////////////////////=- styles charte -=/////////////////////////////////////////*/
.form_bilan {
	font-family:Calibri, Geneva, sans-serif;
	color:#666;
	font-size: 12px;
	font-weight:bold;
}

.texte_bilan {
	font-family:Calibri, Geneva, sans-serif;
	color:#454545;
	font-size: 13px;
	font-weight:bold;
}

.tab_bilan {

	border: 1px solid #8c9e56;
	background-color: #bae730;
	margin-top: 15px;
}

.tab_bilan2 {

	border: 1px solid #eeeeee;
	background-color: #ffffff;
}

.tab_menu_gauche {
  background-color: #F6F5F5;
}

.body_transparent {
  background-color: #FFFFFF;
filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;

}

.body_solid {
  background-color: #FFFFFF;

}
.rub0 {
  font-size : 110%;
  font-family: Arial, Helvetica, sans-serif;

}
.contenu {
  font-size : 12px;
 
}
.rub1 {
  font-size : 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub2 {
  font-size : 68%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub3 {
  font-size : 46%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.rub4 {
  font-size : 120%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.saisie {
  font-size : 90%;
  font-family: Calibri, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.content_color {
  font-size : 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #888888;
}

.carac_tech {
  font-size : 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #3161EC;
}

.veh_noa {
  font-size : 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #FFFC00;
}

.titre_veh {
  font-size : 98%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #ffffff;
}

.titre_black {
  font-size : 113%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #3462BF;
}
.titre_white {
  font-size : 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #FFFFFF;
}

.titre_info {
  font-size : 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #636361;
  background-color: #DFDFDF ;
}


.titre_info2 {
  font-size : 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #FFFFFF;
  background-color: #3462BF ;
}
.pixblack {

	border: 1px solid #000000;
	background-color: #F1F0ED;
}
.pixwhite {

	border: 0px solid #000000;
	background-color: #FFFFFF;
}
.pixblue {

	border: 2px solid #3462BF;
	background-color: #FFFFFF;
}
.event {

	border: 2px dashed #000000;
	background-color: #FFFFFF;
}

.ss_rub {
  font-size : 113%;
  font-weight: bold;
  font-family:Arial, Helvetica, sans-serif;
  color : #888888;
  }
.menu_gauche {
  font-size : 98%;
  font-weight: bold;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  color : #888888;
}

/*/////////////////////////////////////////=- styles contenu -=/////////////////////////////////////////*/

.td {
background:URL(images/bckg_contenu.gif);
background-position:center center;
background-repeat:no-repeat;
background-attachment:fixed;
background-color:#FFFFFF;
}

.texto {
  font-size : 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textcolon {
  font-size : 75%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: justify;
}
.textgras {
  font-size : 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#353535;
}

.textgras_rouge {
  font-size : 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
  font-weight:bold;
}

.textgras_vert {
  font-size : 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #339900;
  font-weight:bold;
}

.textgrashaut {
  font-size : 90%;
  font-family: Century gothic, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
}

.titre {
  font-size : 160%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  color:#0ca7be;
}

.titretech {
	color: #FFFFFF;
	font-weight: bold;
}
.titre_blanc {
  font-size : 128%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#FFFFFF;
  text-transform:uppercase;
}

.soustitre {
  font-size : 113%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #688BA8;
  font-weight: bold;
  font-style:italic;
}

.accueil_vert {
  font-size : 100%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #708605;
}

.titre_accueil_vert {
  font-size : 125%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #708605;
}

.accueil_bleu {
  font-size : 100%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #196696;
}

.titre_accueil_bleu {
  font-size : 125%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #196696;
}

.accueil_rose {
  font-size : 100%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #930045;
}

.titre_accueil_rose {
  font-size : 125%;
  font-family: Candara, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #930045;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.titretableau {
  font-size : 75%;
  font-family:Arial, Helvetica, sans-serif;
  color:#858484;
  background-color:#E1E1E1;
  padding-left:5px;
  padding-right: 5px;
  
}
.table {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FFFFFF;
}

.actus_titre {
  font-size : 128%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #2270e2;
}

.actus_titre2 {
  font-size : 90%;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #333333; 
}

.actus_titre3 {
  font-size : 105%;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #464141; 
}
.recherche {
  font-size : 105%;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.meteo {
  font-size : 1.2em;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.cadre_gauche {
  font-size : 95%;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.meteo_vert {
  font-size : 95%;
  background-color: #8fc400;
  border: 1px solid #7eac00;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.espace_client {
  font-size : 95%;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.bilan_carbone_plus {
  font-size : 130%;
  padding: 5px;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.bilan_carbone {
  font-size : 105%;
  padding: 5px;
  font-family: trebuchet ms, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000; 
}

.tab_contenu {
  font-size : 95%;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  color: #000000; 
}
.tab_contenu_vert {
  font-size : 110%;
  background-color: #9ec63d;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  color: #353535; 
}
.tab_contenu_gris {
  font-size : 110%;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333; 
}
.tab_contenu_gris_fonce {
  font-size : 110%;
  background-color: #353535;
  border: 1px solid #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  color: #333333; 
}

.tableau_actu1 {
  background-color: #717071 ;
}

.tableau_actu2 {
  background-color: #FFFFFF ;
}

.tableau_actu3 {
  background-color: #E6F2FE ;
}

.tableau_veh {
  border: 1px solid #000000;
  background-color: #D9ECFF ;
}


.tab_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #034380;
}


.formulaire_contenu {
  font-family: verdana;
  font-size: 90%;
  font-weight: normal;
  color: #16246C;
  text-decoration: none;
  background-color: #FFFFFF ;
  border-bottom-color: #666666;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-left-color: #666666;
  border-right-color: #666666;
  border-right-width: 1px;
  border-top-color: #666666;
  border-top-width: 1px;
}

.document {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FBFAF8;
}

.document2 {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FFFFFF;
}

/*/////////////////////////////////////////=- styles Accueil Easytri -=/////////////////////////////////////////*/

.tab_accueil{
    background:url(../images/accueil/tableau/background.gif);
	height:277px;
	text-indent:25px;
	background-repeat:no-repeat;

}

.l1c1{
	height:49px;
	text-indent:10px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	font-weight:bold;
	color:#333333;
	font-size:16px;

}

.l1c3{
	height:49px;
	text-indent:5px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l2c3{
	height:30px;
	text-indent:25px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l3c1{
	height:58px;
	text-indent:55px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l3c3{
	height:58px;
	text-indent:55px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l4c1{
	height:83px;
	text-indent:-25px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l4c3{
	height:83px;
	text-indent:25px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
	font-weight:bold;

}

.l5{
	height:57px;
	text-indent:25px;
	width:681px;
	font-family: Candara, Eurostile, Helvetica, sans-serif;
	color:#c308bc;
	font-size:18px;
	font-weight:bold;

}
.ponctuel_exemple{
	background-color:#00CCFF;
	border: 1px solid #0099CC;
	font-size:14px;
	padding:10px;

}

/*/////////////////////////////////////////=- styles Messages de sortie -=/////////////////////////////////////////*/

.sortie_ok {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	background-color: #F1F0ED;
        color : #009900;
}

/*///////////////////////////////////////=- panier*=//////////////////////////*/

.total_panier {
  font-size : 105%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #58A7F1;
}

.tab_panier {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #034380;
}

.texte_pan {
  font-size : 130%;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #9ec63d;
	
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
	font-size: 10px;
	font-family: verdana;
	color:#333333;
	width: 120px;
	height: 104px;
	padding: 5px;
	font-weight: bold;
	/*background-color: #F6F5F5;*/
}

.event_titre{ //class to apply to your scroller(s) if desired
}

/*/////////////////////////////:- MENU -://///////////////////////////*/
.menu {
	background:url(../images/menu/bg-repeat.jpg) repeat-x;
	height:33px;
	width:898px;
	float:left;
	padding-top:9px;
}
.menu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.menu ul li{
position: relative;
display: inline;
float: left;
font-family:arial;
font-size:11px;
text-align:center;
color:#000000;

}

/*Top level menu link items style*/
.menu ul li a{
display: block;
width: 160px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color: #000000;
}
	
/*1st sub level menu*/
.menu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border:1px solid #CCCCCC;
}



/*Sub level menu list items (undo style from Top level List Items)*/
.menu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.menu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;

}

/* Sub level menu links style */
.menu ul li ul li a{
text-decoration: none;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;
}



.menu-treemenu{
	border-bottom:1px solid #484848;
}

/* Sub level menu links style */
.menu-treemenu ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
padding: 1px 5px;
font-family:arial;
font-size:11px;
font-weight:normal;
text-align:left;
/* COSIWEB background-color:#F5F5F5; */
background:url(../images/menu/calque_transpa_ligne.png) repeat-x;
}

.menu-treemenu ul li a:hover{
background-color: #000000;
color: #000000;
}

/*Background image for top level menu list links */
.menu .mainfoldericon{
background:url(media/arrow-down.gif) no-repeat center right;
height:16px;
}

/*Background image for subsequent level menu list links */
.menu .subfoldericon{
background: url(media/arrow-right.gif) no-repeat center right;
height:16px;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
*html .menu ul li { float: left; height: 1%;}
* html .menu ul li a { height: 1%;}
* html .menu ul li ul li { float: left;}