@charset "iso-8859-1";

@media all {
   IE\:HOMEPAGE {behavior:url(#default#homepage)}
}


/* ATTETNION STYLES COMPLEMENTAIRES DANS WYSIWYG.CSS !!! */


/*
// *****************************************************************************
// PARTIE STANDARD A NE PAS SUPPRIMER
// *****************************************************************************

// -----------------------------------------------------------------------------
// GENERALTES
// -----------------------------------------------------------------------------
*/

a:link		{ text-decoration: none; color:#A50102; }
a:visited	{ text-decoration: none;  color:#A50102; }
a:hover		{ text-decoration: underline; color:#A50102;  }


/*
// -----------------------------------------------------------------------------
// FONT STANDARD
// -----------------------------------------------------------------------------
*/
.texte
{ font-size:100%;  }
.titre
{ color:#F58225;}
.sous-titre
{ color:#F58225;}
.lien
{ color : #a50102; }

.text-blanc
{ color : #ffffff; }

.bandeau-noir{ background-color:#000000; width:100%;height:15px !important}

/* ATTENTION STYLES DEFINIS DANS WYSIWYG.CSS */
.texte-erreur
{ }


/* FIN STYLES DEFINIS DANS WYSIWYG.CSS */


/*
// *****************************************************************************
// FIN PARTIE STANDARD A NE PAS SUPPRIMER
// *****************************************************************************

// -----------------------------------------------------------------------------
// DEFINITION DES ELEMENTS PAR DEFAUT
// -----------------------------------------------------------------------------
*/
	div.clear 		{ clear:both; display: block; height: 1px; overflow: hidden; margin: 0; padding:0;}
	abbr, acronym 	{ border-bottom:1px dotted #EFEFEF; cursor:help; }
	img 			{ border:0; }
	form 			{ margin:0; padding:0; border:none; }

	h1,h2,h3,h4		{ margin:0; padding:0; 
					  border:none;
					  font-family: verdana,arial,helvetica,sans-serif;
					  color: #a50102;
					}

	h1				{ font-size:130%; }
	h2				{ font-size:120%; }
	h3				{ font-size:110%; }
	h4				{ font-size:100%;}

h3{	font-variant: small-caps;  }
 h3,h4{margin:10px 0 5px 0;}	


/*
// -----------------------------------------------------------------------------
// EWB_VUE EN BACK OFFICE
// -----------------------------------------------------------------------------
*/
div#ewb_vue table { width:100%; font-size:100%; font-family: verdana,arial,helvetica,sans-serif; }
/*
// *****************************************************************************
// DEBUT STYLE SITE CLIENT
// *****************************************************************************
// -----------------------------------------------------------------------------
// DECLARATIONS GENERALES
// -----------------------------------------------------------------------------
*/
html, body {
    height: 100%;
}


body { margin : 0;
	text-align:center;
	padding : 0;		
	height:100%;
	font-family: verdana,arial,helvetica,sans-serif;
	background:url(../../e_img/charte/bk-fd.jpg) repeat-x #e4d99e; font-size:0.7em; color:#000000;
}




/* ----- APPLICATION DU MÊME STYLE DE BASE AU CELLULE DE TABLEAU ----*/
td {
	font-family: verdana,arial,helvetica,sans-serif;
	 color:#333333;
	}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV SKIP QUI PERMET DE SAUTER LE MENU DE NAVIGATION ET D'ACCEDER DIRECTEMENT AU CONTENU.
// -----------------------------------------------------------------------------
*/

div#skip-top {position: absolute; margin:0; padding:0; display: none;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV PRINCIPALE CONTAINER QUI CONTIENT TOUTE LA PAGE. ELLE N'INTERVIENT PAS DANS HANDILOG.
// SA TAILLE PEUT ÊTRE DEFINIE EN PIXELS ET TOUTES LES DIV QU'ELLE CONTIENDRA POURRONT ÊTRE DEFINIES EN POURCENTAGE;
// -----------------------------------------------------------------------------
*/
	div#container {	  
		margin : auto;
		padding : 0 15px 0 15px;
		text-align : center;
		width:960px;		
		height: auto;
		background:url(../../e_img/charte/bk-ombre.gif) no-repeat top;		
		}

		html>body #container { width:960px; height: auto; margin:0 auto; }
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV HEADER
// -----------------------------------------------------------------------------
*/

div#header {
	margin:0 0 0 0px;padding:0;
	text-align:center;	
	
}
html>body #header { width:100%;padding:0; }


	h1 { display:none;margin:0; padding:0; }



/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV LOGO
// -----------------------------------------------------------------------------
*/
	#logo 		{ display:block; float:left; margin:0px 0 0 0px; }
	#logo img 	{ display:block; }


	h1.h1-home{display:none;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DU MENU PRINCIPAL.
// -----------------------------------------------------------------------------
*/

	div#menu-principal { 
		/*float:left;*//*display:block;*/clear:both;
		white-space:nowrap;
		height:34px; 
		padding:10px 0 0 0px ;
		background:url(../../e_img/charte/bk_menu.gif) repeat-x ; 
		margin:0px; 
		text-transform:uppercase; 
		font-weight:bold; 
		width:960px;
		text-align:left;
		}
		
	 div#menu-principal ul {margin:0; padding:2px 0 0 0;}
	 div#menu-principal li { display:inline; background:url(../../e_img/charte/sep_menu.gif) no-repeat; list-style-type:none; margin:0; padding:5px 7px 6px 18px;}
	 
	 div#menu-principal li a{ color:#FFFFFF;}
 	 div#menu-principal li a:hover { color:#bd0200; text-decoration:none; }
	 
	div#menu-principal ul li.selected a,div#menu-principal ul li.firstselected a{ color:#bd0200; }
	div#menu-principal ul li.first { background:none !important; }
	 


/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CONTENU - PAS DE DEFINITION NECESSAIRE
// -----------------------------------------------------------------------------
*/
	div#contenu { padding:0; margin:0px; text-align:left; float:left; width:960px; height:70%; background:#ffffff;}	
	
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV haut page d'accueil
// -----------------------------------------------------------------------------
*/	
	
#haut {width:100%;}

#haut h2{color:#FFFFFF; padding:10px 0 10px 530px;background : url(../../e_img/charte/fleche.gif) 508px 14px no-repeat;font-size:130%;}
#haut .texte{color:#FFFFFF; padding:0 30px 10px 530px;}
	
	
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV bas page d'accueil
// -----------------------------------------------------------------------------
*/		
	
#bas {background : url(../../e_img/charte/liste-actu-fd.gif) repeat-y;}

.mot-actu{color:#FFFFFF; text-transform:uppercase; font-weight:bold; margin:10px 10px 0 10px; font-size:130%; background : url(../../e_img/charte/fleche.gif) 118px 1px no-repeat;}	

#bas h2{color:#FFFFFF; padding:5px 10px 20px 10px; font-weight:normal}

#bas .image {padding:20px; }
#bas .texte{padding:20px 20px 20px 0;} 
#bas a.bt-lien{background:url(../../e_img/charte/fd-bt-suite.gif) repeat-x; text-transform:uppercase; padding:1px 4px 10px 4px; color:#ffffff; float:right; margin:10px; font-size:80%;}


	
	
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV GAUCHE - PAS UTILISE DANS HADILOG
// -----------------------------------------------------------------------------
*/

div#gauche { width:200px; float:left; text-align:left; padding:20px; }	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV MENU GAUCHE - PAS UTILISE DANS HADILOG
// -----------------------------------------------------------------------------
*/

div#menu_gauche {
		
		margin:0;padding:0px;		
		text-align:left;
		height:auto;		
		font-size:100%;
		}
		
div#menu_gauche h1{color:#a50102; text-transform:uppercase; font-weight:bold; text-decoration:underline; margin:0 0 10px 0; padding:0;}

div#menu_gauche a.lien-menu{text-decoration:none;color:#a50102;}
div#menu_gauche a.lien-menu:hover{text-decoration:none;color:#a50102;}


div#menu_gauche  ul { margin:0 !important; padding:0; }
div#menu_gauche  li { padding:0 !important; margin:0; list-style-type:none; text-transform:uppercase;}

div#menu_gauche ul {border-bottom:1px solid #ededed;}

div#menu_gauche li span.level2-selected a, div#menu_gauche span.level2-selected a:hover { display:block; border-bottom:1px solid #ededed; background:url(../../e_img/charte/fd-menu-level2.gif) repeat-y #ffffff; padding:5px 0 5px 10px; color:#a50102; text-decoration:none; font-weight:bold;}

div#menu_gauche span.level2-item a,div#menu_gauche span.level2-item a:visited, div#menu_gauche span.level2-item a:link {display:block; border-bottom:1px solid #e7e6e6; background-color:#ffffff; color:#a50102; text-transform:uppercase; padding:5px 0 5px 10px; margin:0;}
	
div#menu_gauche span.level2-item a:hover{ color:#000000;text-decoration:none;}

/*----------------nivo3----------------------------*/
div#menu_gauche span.level3-selected a { display:block; color:#a50102; border-left:5px solid #ededed; background-color:#ffffff; padding:5px 0 7px 5px; font-size:100%; text-decoration:underline;text-transform: none;}

div#menu_gauche span.level3-item a {display:block; color:#a50102; border-left:5px solid #ededed; background-color:#ffffff; padding:5px 0 7px 5px; font-size:100%;text-transform: none; }
div#menu_gauche span.level3-item a:hover {color:#000000;text-decoration:none;text-transform: none;}



/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CENTRE
// -----------------------------------------------------------------------------
*/

	div#centre {float:left; width:720px; margin:20px 0;}

	div#centre h2{color:#a50102; background : url(../../e_img/charte/fleche-rouge.gif) 0px 3px no-repeat; padding-left:22px; font-size:150%; margin:5px 0 10px 0;}
	
	div#centre a,div#centre a:link, div#centre a:visited{color:#a50102;}
	div#centre .texte{padding-right:20px;}


/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CONTENT-ONE : 1 ZONE
// -----------------------------------------------------------------------------
*/
	div#content-one { position:relative; width:590px; }	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV CONTENT-TWO : 2 ZONES AVEC COLONNE DROITE
// -----------------------------------------------------------------------------
*/
	div#content-two { float:left; width:406px;}
	div#content-two .image{float:left;}
	div#content-two a.bt-lien {background:url(../../e_img/charte/fd-bt-suite.gif) repeat-x; text-transform:uppercase; padding:1px 4px 10px 4px; color:#ffffff; float:left; font-size:80%; margin:0px 0 5px 209px; }
	
    div#content-two ul,div#content-two li {margin:0; padding:0;}       
	div#content-two ul{list-style-image: url(../../e_img/charte/puce.gif);list-style-position: inside;}
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV DROITE
// -----------------------------------------------------------------------------
*/
	div#droite {float:left;
		padding:10px;
		 width:294px;
		text-align:left;		
		height:auto;	
		background : url(../../e_img/charte/fd-col-dr.jpg) repeat-x #ffffff;
		
		}
 #droite h3{margin:10px 0; }
 
  #droite ul {
  	list-style-image: url(../../e_img/charte/puce2.gif);list-style-position: outside;
	}  

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV TITRE
// -----------------------------------------------------------------------------
*/
	div#titre {
		margin:0;
		padding:0;
		text-align:left;
		width:100%;
		height:auto;
		}

	#titre h1 { margin:0 0 5px 0; padding:0; color:#000000; }
	#titre h2 { margin:0; padding:0;color:#000000; font-size:1.2em;}




/*
// -----------------------------------------------------------------------------
// MISE EN FORME PARTIE CHEMIN DE FER
// -----------------------------------------------------------------------------
*/
	div#chemin { text-align:left; padding:8px 0 4px 10px; font-size:85%; background-color:#ededed; width:710px; height:18px;}

		#chemin ul {margin:0; padding:0; border:none;}
		#chemin li {
			display:inline;		
			margin: 0 0 0 0px; padding: 1px 5px 0 12px; list-style:inside;
			border:none;
			overflow : visible;
			color:#a50102;
			text-transform:uppercase;
			font-size:95%;
			background :url(../../e_img/charte/arrow_b.gif) 0px 3px;
		background-repeat: no-repeat;
			}

	#chemin li.first {
	background : none;
	padding: 1px 0 0 0;
		}

	div#chemin li a:link 	{color:#a50102; margin:0 0 0 0px; }
	div#chemin li a:visited {color:#a50102; margin:0 0 0 0px; }
	div#chemin li a:hover 	{ text-decoration:underline; }

/*
// -----------------------------------------------------------------------------
// MISE EN FORME PAGINATION
// -----------------------------------------------------------------------------
*/
div#pagination { padding:0; width:100%; margin:0; text-align:center;  }
div#pagination li { margin:0; padding:0; text-align:left; float:left; display:inline; }
div#pagination li div.element {margin:0; padding:0; text-align:center; width:90px;  }


/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV BOTTOM - FRONT ET HANDILOG (MENU GAUCHE) - NE PAS SUPPRIMER
// -----------------------------------------------------------------------------
*/

	div#bottom {
		margin : 0 0 0 0px;
		padding : 0;
		width:990px;		
		font-size:85%;
		height:auto;		
		}
	
	html>body #bottom { width:990px; /*height: auto;*/ margin:0 auto; }

	div#bottom-bk {margin:0;padding:0;float:left;}
	
	
/*
// -----------------------------------------------------------------------------
// MISE EN FORME DU BOTTOM MENU - FRONT ET HANDILOG (MENU GAUCHE)
// -----------------------------------------------------------------------------
*/
	div#bottom_menu { padding:30px 0 0 0; width:100%; height:auto;  text-align:center; color: #a50102;
	}
	
	#bottom_menu ul { margin:0; border:none; padding:0; list-style-type:none;}
	#bottom_menu li { display:inline; padding:8px 0 0 0; text-align:center; margin:0; border:none; overflow : visible;}

	#bottom_menu li a.lien:link 	{ color: #a50102; font-weight:normal; text-decoration: none; }
	#bottom_menu li a.lien:visited 	{ color: #a50102; font-weight:normal; text-decoration: none; }
	#bottom_menu li a.lien:hover 	{color: #a50102; font-weight:normal; text-decoration: underline; }

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DES COORDONNEES CLIENT - FRONT ET HANDILOG
// -----------------------------------------------------------------------------
*/

	div#coordo {
		clear:both;
		margin: 0;
		padding: 10px 0 5px 0;
		width:100%; height:auto; color: #000000;
	}	


/*
// -----------------------------------------------------------------------------
// MISE EN FORME DE LA DIV ECEDI - FRONT
// -----------------------------------------------------------------------------
*/

	div#ecedi {
		clear:both;
		margin : 0;
		padding :5px 0 5px 0;
		text-align:center;
	}

	div#ecedi a.lien  { color:#000000; }
	div#ecedi a.lien:hover {text-decoration : underline;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME DES FORMULAIRES
// -----------------------------------------------------------------------------
*/

	div#formulaire {
		margin:0;
		padding:0;
		width:99%;
		}	

	#formulaire fieldset {
		padding:5px; margin:0px auto; border:1px solid #408DD3; width:60%;
		text-align:left;
	}

	#formulaire fieldset.login {
		padding:10px; margin:0 auto; border:1px solid #408DD3;
		width:40%;
	}

	#formulaire legend.login {
		margin:0; padding:0;
		font-family: verdana,arial,helvetica,sans-serif;
		font-style:normal;
		color:#000000;
	}

	#formulaire legend {
		margin-bottom:10px; padding:0;
		font-family: verdana,arial,helvetica,sans-serif;
		font-style:normal;
		color:#000000;
	}

	#formulaire .erreur {
	   color: #FF1900;
	}

	#formulaire ul {margin:0; padding:0; border:none;}
	#formulaire li {display:inline; list-style:none; padding:0 10px 0 0; margin:0;}
	#formulaire li.checkbox {display:block; list-style:none; padding:0; margin:0;}

	#formulaire label { margin:0; padding:0; font-family : arial, helvetica, verdana, sans-serif; font-weight:normal; cursor:pointer; }

	#formulaire input  { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; }
	#formulaire input.texte { width:19em; font-size:100% }
	#formulaire input.login { width:14em; font-size:100% }
	#formulaire input.textecourt { width:25%; }



	#formulaire select { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; width:50%; color:#000000;}
   #formulaire table.mceEditor select{width:20%;}

	#formulaire textarea { font-size:100%;margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif;width:99%; color:#000000; }

	#formulaire input.submit { margin:0; padding:0; font-family: verdana,arial,helvetica,sans-serif; font-size:100%; }
	#formulaire input.submit-login { margin: 0 0 0 10px; padding:0; font-family: verdana,arial,helvetica,sans-serif; font-size:100%; }

	#formulaire div.textinfo { float:left; width:25%; padding-top:5px;}


/*
// -----------------------------------------------------------------------------
// DEBUT STYLE PLAN DU SITE
// -----------------------------------------------------------------------------
*/

#plan td.lien 
{font-family:arial,verdana,sans-serif;  font-size:100%;  color:#A50102;}

#plan tr.map
{ background-color:#E0790E; }

#plan td.map
{background-color:#E0790E; }

#plan td.lien 
{
	width: 150px;}

#plan td td a.lien:visited 
{
	color: #E0790E; 
	font-weight: normal;
}

#plan td td a.lien 
{
	color:#A50102;}

#plan ul.map  
{margin:0;padding:2px 5px;
list-style-type: none;
	background-color:#E0790E;	font-size: 120%;
	}
	
	#plan ul.map li a.lien
	{
	color: #FFF;	font-weight:bold;
}	

	#plan ul.map li a.lien:visted 
	{
	color: #E0790E;}	

	#plan ul.map li  
	{
	list-style: none none;
}






/*
// *****************************************************************************
// FIN STYLE SITE CLIENT
// *****************************************************************************
*/

/*
// *****************************************************************************
// DEBUT AUTRES STYLES
// *****************************************************************************
*/

#oubliPassword{margin:0;padding:0;}
#oubliPassword legend{display:none;}
#oubliPassword input.texte{width:250px;margin:0;color:#000000;}

/*
// -----------------------------------------------------------------------------
// MISE EN FORME MENU ACCESSIBILITE
// -----------------------------------------------------------------------------
*/

	div#accessibility-menu	{
		margin:0;

		font-size:85%; height:26px; padding: 8px 0 0 0; text-align:right; width:auto;}

	#accessibility-menu h2 { display:none; margin:0; padding:0; }
	#accessibility-menu ul { margin:0;padding:0; border:none; }
	#accessibility-menu li { display :inline; margin :0; padding :0; border:none; overflow : visible; }
	#accessibility-menu a {color:#000000;  }




	#handilog 			{ margin:0; padding:0; display:inline; }
	#help 				{ margin:0; padding:0 0 0 10px; display:inline;}
	#sitemap 			{ margin:0; padding:0 0 0 10px; display:inline; }
	#globalsearch 		{ margin:0;padding:10px 10px 10px 10px; display:inline;}
	#globalsearch form 	{ display:inline;}
	#globalsearch label { margin:0; padding:0;color:#000000; font-weight:bold; cursor:pointer;
	}

	#globalsearch input.searchengine { margin:0; padding:0 0 0 2px; vertical-align: middle; font-family : arial, verdana, helvetica, sans-serif;
	font-size:100%; width:10%; height:1.5em; border:1px solid #7f9db9;
	}

	#globalsearch input.submit {margin:0; padding:0; font-style:normal; font-weight:normal; font-size:100%; }
	#globalsearch input.image { margin:0 0 0 0px; padding:0 0 0 5px; vertical-align: middle; }
	
	
	div.trombino {
		border: 1px solid #A50203;
		padding:2px;
		clear:both;
	}
	
	.trombino h3 {
	margin: 0;
	}