/*********************************************************************************************************************************************
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 * 																Bande menu gauche															 *
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 *********************************************************************************************************************************************/
 
/****************************************
 * Panel de gauche
 ****************************************/
.CollapsiblePanelTab {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ffffff;
	font-style:italic;

	background-color: #8a2003;
	border-bottom: 1px solid #CCC;
	
	background-image:url('../images/bande_titre1.jpg');
	background-repeat:no-repeat
}

/****************************************
 * arrière plan panel de gauche
 ****************************************/
.CollapsiblePanelContent {
	background-color:#faf5cd;	
}

/****************************************
 * couleur texte du contenu du panel de gauche
 ****************************************/
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/****************************************
 * background du panel lorsqu'il est ouvert
 ****************************************/
.CollapsiblePanelOpen .CollapsiblePanelTab{
	background-color: #8a2003;
	background-image:url('../images/bande_titre2.jpg');
}


/****************************************
 * un element du menu de gauche
 ****************************************/
.idelement{
	border:none;
	border-bottom-width:2px;
	border-bottom-color:#F0F0F0;
	border-bottom-style:dotted;
	
}

.idelement:hover, .lien-zone:hover{
	text-decoration:underline;
	background-color:#e5ebdd;	
}





/*********************************************************************************************************************************************
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 * 																Menu déroulant haut															 *
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 *********************************************************************************************************************************************/



/****************************************
 * image sous les menus déroulant du haut
 ****************************************/
.TabbedPanelsContentGroup2 {
	clear: both;
	background-color: #EEE;
	background-image:url('../images/site/bande_haut_out.jpg');
	height:28px;
	width:934px;
	position:relative;
	left:1px;
}

/****************************************
 * Bordure du contour des menus déroulant
 ****************************************/
ul.MenuBarHorizontal ul, ul.MenuBarHorizontal2 ul
{
	border-style:solid;
	border-width:1px;
	border-color:#bcd4eb;
}

/****************************************
 * lien sous menu du menu déroulant
 ****************************************/
a.submenu, a.submenu1{
	/* Background dégradé avec pointillé  */
	background-image:url('../images/site/bg_block_new.jpg'); 
	background-repeat:repeat-x
}

a.submenu1{
	/* Background dégradé sans pointillé  */
	background-image:url('../images/site/bg_block_new2.jpg'); 
	background-repeat:repeat-x
}


/****************************************
 * background de chaque onglet principal du menu déroulant
 * le total des width réunies ensemble se doit de faire 935.
 ****************************************/
.TabbedPanelsTab1, .TabbedPanelsTab2, .TabbedPanelsTab3, .TabbedPanelsTab4, .TabbedPanelsTab5, .TabbedPanelsTab6, .TabbedPanelsTab7, .TabbedPanelsTab8{
	font-size:16px;
	text-transform: uppercase;
}

.TabbedPanelsTab1 {
	background-image:url('../images/site/menu1.jpg');
	background-repeat:repeat-x;
	width:138px
}

.TabbedPanelsTab2 {
	background-image:url('../images/site/menu2.jpg');
	background-repeat:repeat-x;
	width:162px
}

.TabbedPanelsTab3 {
	background-image:url('../images/site/menu3.jpg');
	background-repeat:repeat-x;
	width:136px
}

.TabbedPanelsTab4 {
	background-image:url('../images/site/menu4.jpg');
	background-repeat:repeat-x;
	width:178px
}

.TabbedPanelsTab5 {
	background-image:url('../images/site/menu5.jpg');
	background-repeat:repeat-x;
	width:139px
}

.TabbedPanelsTab6 {
	background-image:url('../images/site/menu6.jpg');
	background-repeat:repeat-x;
	width:181px;
	/* Couleur pour transportail */
	color:#0a2275
}

/****************************************
 * Menu déroulant mouse over ou focus
 ****************************************/
.TabbedPanelsTab1:hover, .TabbedPanelsTab2:hover, .TabbedPanelsTab3:hover, .TabbedPanelsTab4:hover, .TabbedPanelsTab5:hover, .TabbedPanelsTab6:hover, .TabbedPanelsTab7:hover, .TabbedPanelsTab8:hover, .TabbedPanelsTab1:focus, .TabbedPanelsTab2:focus, .TabbedPanelsTab3:focus, .TabbedPanelsTab4:focus, .TabbedPanelsTab5:focus, .TabbedPanelsTab6:focus, .TabbedPanelsTab7:focus, .TabbedPanelsTab8:focus, ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal2 a.MenuBarItemHover, ul.MenuBarHorizontal2 a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal2 a.MenuBarSubmenuVisible{
	background-color: #fff;
	color: #FFF;
	background-image:url('../images/site/menu_over.jpg');
	background-repeat:repeat-x
	
}

ul.MenuBarHorizontal2 a.MenuBarItemHover, ul.MenuBarHorizontal2 a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal2 a.MenuBarSubmenuVisible
{
	background-color: #fff;
	background-image:url('none');
	border:1px solid #bcd4eb;
	background-repeat:repeat-x
}


/*********************************************************************************************************************************************
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 * 																Contenu du STRI																 *
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 *********************************************************************************************************************************************/

/****************************************
 * background du microsite
 ****************************************/
body{
	background-image:url('images/background.jpg');
	background-color: #ebf2ef;
	background-attachment:fixed;
	background-position: center 0;
}

/****************************************
 * background du microsite (contenu)
 ****************************************/*/
#idbody, .classbody{
	position:relative;
	background-color:#FFFFFF;
	text-align:left;
	width:955px;
	border-style:solid;
	border-width:1px;
	/*Couleur de la bordure entourant le microsite*/
	border-color:#c2dfb9;
	padding:0px;
	height:100%;
}




/****************************************
 * Couleur du texte spécial(menu, titre, etc.)
 * ex. : stri = vert
 ****************************************/
.lien-zone, .idelement {
	color:#8a2003;	
}

#idmenu_accueil, #idmenu_accueil a, .TabbedPanelsTab1, .TabbedPanelsTab2, .TabbedPanelsTab3, .TabbedPanelsTab4, .TabbedPanelsTab5, .TabbedPanelsTab6, .TabbedPanelsTab7, .TabbedPanelsTab8, a.submenu, a.submenu1, ul.MenuBarHorizontal2 a.MenuBarItemHover, ul.MenuBarHorizontal2 a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal2 a.MenuBarSubmenuVisible, .separation, #idtitre_gauche, #idtexte h1, h1, h2, h3, h4, h5, h6, h7, .liencopy, .lien, .main{
	color:#8a2003;
}



/****************************************
 * image degradé sans pointillé (début d'une page dans la colonne de droite)
 ****************************************/
#idtitre_gauche{
	background-image:url('images/bg_liste.jpg');	
}

/****************************************
 * couleur texte
 ****************************************/
#idtexte, #idtexte p, .texte, #idnew p{
	color:#696969;
}

/****************************************
 * Les nouvelles
 ****************************************/
#idnew_espace{
	background-color:#ecf3df;
}

#idnew_plus{
	background-color:#faf5cd;
}

#idnew #idtitre_new, .bande_titre{
	background-color:#8a2003;
	background-image:url('images/bande_titre_new.jpg');
}

#idnew h2, .sous-titre, .soussoustitre{
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8a2003;
}

.date{
	color:#242424;
}

/*bouton en savoir plus section de gauche*/
#idbtn_plus{
	color:#8a2003;
	background-color:#ffffff;
	border:solid;
	border-color:#8a2003;
	border-width:1px;
	border-bottom-width:2px;
	
}

/*bouton en savoir plus section de gauche (mouse over)*/
#idbtn_plus:hover{
	text-decoration:none;
	background-color:#8a2003;
	color:#ffffff;
}

/*bouton en savoir plus section de droite*/
#idbtn2_plus{
	color:#FFFFFF;
	border:solid;
	border-color:#8a2003;
	border-width:1px;
	border-bottom-width:2px;
	background-color:#8a2003;
}


/*Les boutons input du microsite*/
.button{
	color:#8a2003;

	border:1px solid #8a2003;
	background-image:url('images/bg_btn.jpg');
	background-repeat:repeat-x
}

.button:hover{
	border:1px solid #8a2003; color:#ffffff;
	background-image:url('images/bg_btn1.jpg');
	background-repeat:repeat-x;
	background-color:#8a2003;
	
}


/*********************************************************************************************************************************************
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 * 																Pied de page du STRI														 *
 * ----------------------------------------------------------------------------------------------------------------------------------------- *
 *********************************************************************************************************************************************/
 
 /*Menu transportail*/
.transportail, .TabbedPanelsTab6{
	color:#1a306a;
}