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

a:link,a:active,a:visited {
	text-decoration: none;
	/*color : #505050;*/
	color : #085a84;
}
a:hover	{ 
	text-decoration: none;
	color: #3E3E3E;
}

td	{ 
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;;
	font-size:100%;
}

hr  {
    color: #085a84;
    background-color: #085a84;
    height: 0.1em;
    border: 0;
}
/*/////////////////////////////////////////=- styles charte -=/////////////////////////////////////////*/
.tab_menu_gauche {
  background-color: #F6F5F5;
}
.rub0 {
  font-size : 110%;
  font-family: Calibri, Helvetica, sans-serif;
  font-weight: bold;
  color:#356aa0;
}
.contenu {
font-size:13px;
 
}
.rub1 {
  font-size : 100%;
  font-family: Calibri, 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 : 12px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #000000;
}

.result {
  font-size : 90%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #6cb405;
}

.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: Eurostile, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color : #454545;
}

.titre_white {
  font-size : 113%;
  font-family: Eurostile, 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 ;
}

.text {
  font-size : 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;

}

.text_gras {
  font-size : 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight: bold;
  

}

.text_gris_italic {
  font-size : 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-style:italic;
  color : #ABABAB;
}


.text_italic {
  font-size : 100%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-style:italic;
  color : #454545;
}

.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: 1px solid #D3D3D3;
	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;
}

.agenda_descriptif {
  font-size : 1.1em;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  text-align:justify;

}

.agenda_org {
  font-size : 1.4em;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  text-align:justify;
  font-weight:bold;

}

.galerie_titre {
  font-size : 200%;
  font-family: Eurostile, Arial, Helvetica, sans-serif;
  color : #7dbf10;

	
}

/*/////////////////////////////////////////=- 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 : 90%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#000000;
}
.textgrashaut {
  font-size : 90%;
  font-family: Century gothic, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  text-transform:uppercase;
}

.titre {
  font-size : 180%;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  color:#356aa0;
  font-weight:bold;
}

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

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

.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_contenu {
  font-size : 14px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  color: #454545;
}

.actus_titre {
  font-size : 18px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-weight:bold;
  color: #356aa0;
}

.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: #ffffff; 
}

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

.tableau_gris {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #595959;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;

}

.tableau_gris2 {
	border: 1px solid #E1E1E1;/*#C8C8C8;*/
	background-color: #FBFAF8;
	color:#595959;
	font-size:1em;
	font-weight:bold;

}

.date_grise {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#9f9f9f;
	
}

/*/////////////////////////////////////////=- 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 : 180%;
  font-family: Eurostile, Arial, Helvetica, sans-serif;
  color : #9b9b9a;
	
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
	font-size: 10px;
	font-family: verdana;
	color:#FFFFFF;
	width: 130px;
	height: 120px;
	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:44px;
	width:900px;
	float:center;
	padding-top:6px;

}
.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: Eurostile, calibri, arial;
font-weight:bold;
font-size:13px;
text-align:center;
color:#FFFFFF;



}

/*Top level menu link items style*/
.menu ul li a{
display: block;
width: 110px; /*Width of top level menu link items*/
padding: 1px 8px;
border-left-width: 0;
text-decoration: none;
color: #FFFFFF;
height:36px ;

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


}

/*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:0.85em;
font-weight:normal;
text-align:left;
font-family: Calibri, arial;
}



.menu-treemenu{
	border-bottom:0px solid #454545;
}

/* Sub level menu links style */
.menu-treemenu ul li a{
display: block;
width: 155px; /*width of sub menu levels*/
color: #000000;
text-decoration: none;
padding: 1px 5px;
font-family: Eurostile, arial;
font-size:1.5em;
font-weight:normal;
text-align:left;
/* COSIWEB background-color:#F5F5F5; */
background:url(../images/menu/calque_transpa_ligne.png) repeat;
height:100%;
padding-top: 5px;
padding-bottom:2px;
}

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