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

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

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

/****************************************
 * 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: #0c7c3c;
	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:935px
}

/****************************************
 * 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: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:#0c7a3b;	
}

#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:#0f9648;
}



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

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

#idnew h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#12974a;
}

.date{
	color:#242424;
}

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

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

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


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

	border:solid;
	border-width:1px;
	border-color:#558c6c;
	
	background-image:url(images/bg_btn.jpg);
	background-repeat:repeat-x;
}

.button:hover{
	color:#ffffff;
	background-image:url(images/bg_btn1.jpg);
	background-repeat:repeat-x;
	background-color:#166735;
	border-color:#558c6c;
	border-width:1px;
	border-style:solid;
}


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

h1{
	color:#0f9648;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	font-size:18px;
}


h2, .sous-titre{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:16px;
	padding:0px;
	margin:0px;
}


h3{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:14px;
}


h4{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:12px;
}

h5{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:10px;
}

h6{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#0f9648;
	font-size:8px;
}

h7{
	font-family:Arial, Helvetica, sans-serif;
	color:#0f9648;
	font-size:8px;
}

table{
	border-color:#0f9648;
}

th{
text-align:left;
}


#idpage a, .lien{
	text-indent:0;
	list-style-position:inside;
	padding:0px;
	margin:0px;
	text-decoration:none;
	color:#0f9648;
}

#idpage a:hover, .lien:hover{
	text-decoration:underline;	
}