/* CSS Document - Selten - Nouveaux styles Merand */

.accueil {
	background-color:#D9D9D9;
	margin: 0 0 0 0 ;
}

.table {
	height:98%;
	text-align:center;
}

.content_accueil {
	width:780px;
	background-image:url(../accueil/img/tramlogo.jpg);
	background-repeat:no-repeat;
	border-color:#595959;
	border-style:solid;
	border-width:3px;
	font-family:Verdana,Arial, Helvetica, sans-serif;
}

.texte_accueil {
	width:450px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
  	text-align:left;
  	margin:0 0 0 10px;
}
p{
  margin-top : 0;
  text-align:left;
  margin:0 0 0 10px;
}

.content_accueil h1 {
	color: #ED0000;
	font-style:italic;
	font-weight:bold;
	font-size: 2.5em;
  	text-align:left;
  	margin:0 0 0 10px;
}

.content_accueil h2 {
	color: #606568;
	font-size: 1.1em;
	font-style:italic;
  	text-align:left;
  	margin:0 0 0 10px;
}

.content_accueil h3 {
	color: #990000;
	font-size: 1.8em;
    padding: 0;
    margin : 0;
}

.box_drapeaux {
		width:300px;
		margin-left:470px;
		text-align:right;
}

/* -- BEG - Menu Pages Niveau 1 -- */
.box_menu_page_01 {
		background-color: #ED0000;             
		width:776px;
		height:20px;
		clear:both;
}
.box_menu_img {
		float:left;
}


ul#menu_page_01 {
        text-align : left;
		font-size: 0.6em;
		font-style:italic;
		font-weight:bold;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		margin: 8px 0 0 0;
}


#menu_page_01 li{
		padding:0 2px 0 0;
		display:inline;
		float:left;
}

#menu_page_01 a{
		display:block;
		color:#EFF1F2;
		margin: 0 3px;
		text-decoration:none;
		text-align:center;
}

#menu_page_01 a:hover{
		color:#EFF1F2;
		background:#606568;
}

#menu_page_01  li.active{
		background: #606568;
        color: #EFF1F2;
}

#menu_page_01  li.active a{
		background: #606568;
        color: #EFF1F2;
}

#menu_page_01  li.active a:hover{
		background: transparent;
        color: #000;
        text-decoration : underline;
}
/* -- END - Menu Pages Niveau 1 -- */

/* -- BEG - Menu Pages Niveau 2 -- */
.box_menu_page_02 {
		background-color: #606568;             
		width:776px;
		height:20px;
		clear:both;
}

ul#menu_page_02 {
        text-align : left;
		font-size: 0.6em;
		font-style:italic;
		font-weight:bold;
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		list-style:none;
		padding-left:40px;
}


#menu_page_02 li{
		padding:0 2px 0 0;
		display:inline;
		float:left;
}

#menu_page_02 a{
		display:block;
		color:#D2D7DB;
		margin: 0 3px;
		text-decoration:none;
		text-align:center;
}

#menu_page_02 a:hover{
		color:#EFF1F2;
}

#menu_page_02  li.active{
       background: #FF0000;
        color: #EFF1F2;
}

#menu_page_02  li.active a{
        color: #EFF1F2;
}

#menu_page_02  li.active a:hover{
        color: #EFF1F2;
        text-decoration : underline;
}
/* -- END - Menu Pages Niveau 2 -- */


/* -- BEG - Menu Accueil principal -- */
.box_menu_accueil {
		width:257px;
		float:left;
}

.box_page {
		/*
		background-color:#606568;
		height:2px;
		*/
		width:776px;
		border-left:solid;
		border-left-width:2px;;
		border-left-color:#606568;
		border-top:solid;
		border-top-width:2px;;
		border-top-color:#606568;
		
}

.box_link {
		
		text-decoration:none
		
}

.box_page_support {
		background-color:#606568;
		color:#FFFFFF;
		font-size: 0.5em;
		font-weight:bold; 
		float:right;
		font-style:italic;
		text-align:right;
		font-family:Arial, Helvetica, sans-serif;
		margin-left:5px;
}

.box_page_support a {
		background-color:#606568;
		color:#FFFFFF;
		font-weight:bold; 
		float:left;
		font-style:italic;
		text-decoration:none;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
}

.box_page_titre {
		background-image:url(../nav/fondnav.jpg);
		width:776px;
		height:50px;
}

.box_page_titre_rouge {
		color: #ED0000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 2em;
		font-weight:bold; 
		float:left;
  		margin-left:80px;
		font-style:italic;
}

.box_page_titre_rouge a{
		color: #ED0000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		float:left;
		text-decoration:none;
}

.box_page_titre_gris {
		color: #606568;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 1.2em;
		font-weight:bold; 
		float:left;
  		padding:10px 0 0 5px;
}

.box_page_titre_gris a{
		color: #606568;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight:bold; 
		float:left;
		text-decoration:none;
}

.box_page_content {
		margin: 10px 10px 10px 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
}
.box_page_content h2{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 1.3em;
		color: #ED0000;
		text-decoration:underline;
}

.box_page_content h3{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 1.2em;
		color: #CCCCCC;
		text-decoration:none;
		border-bottom:solid;
		border-bottom-color:#CCCCCC;
		border-bottom-width:1px;
}

.box_page_content h4{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 1.2em;
		color: #535759;
		text-decoration:none;
		text-decoration:underline;
		padding-left:10px;
		padding-right:20px;
}

.box_page_content_text_only {
		padding-bottom:10px;
		padding-left:10px;
		padding-right:20px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 0.7em;
		color: #535759;
}

.box_page_content_text_only_red {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		padding-left:10px;
		padding-right:20px;
		float:left;
		font-size: 0.7em;
		font-weight:bold;
		color: #ED0000;
}

.box_page_content_text_machines {
		width:450px;
		padding-bottom:10px;
		padding-left:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 0.7em;
		color: #535759;
		text-align:justify;
}

.box_page_content_text_machines h2{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 1.1em;
		color: #ED0000;
		text-decoration:underline;
}

.box_page_content_text_machines_small {
		width:400px;
		padding-bottom:10px;
		padding-left:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 0.7em;
		color: #535759;
		text-align:justify;
}

.box_page_content_text_machines_small h2{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		float:left;
		font-size: 1.1em;
		color: #ED0000;
		text-decoration:underline;
}

.box_page_content_text_machines_small h4{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		color: #ED0000;
		font-weight:bold;
		font-size: 1em;	
}



.box_page_content_text_machines p{
		float:right;
		width:450px;
}

.box_page_content_text_machines_gris {
	color: #535759;
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
}

.box_page_content_text_machines_gris a {
	color: #535759;
	font-weight: bold;
	text-decoration: none;
}

.box_page_content_text_machines_rouge {
	color: #ED0000;
	text-decoration: underline;
}

.box_page_content_text_machines_rouge a {
	color: #ED0000;
	text-decoration: none;
}

.box_page_content_text_machines_rouge a:hover {
	color: #ED0000;
	text-decoration: none;
}

.box_page_content_img_only {
		padding-top:10px;
		float:left;
		width:270px;
}


.box_page_solutions {
		color:#FFFFFF;
		width:300px;
		float:right;
		padding-left:20px;
}

.box_page_content h1{
		background-color:#ED0000;
		font-size: 1.2em;
		padding-left: 10px;
		color:#FFFFFF;
}

.box_menu_accueil h1 {
		background-color: #ED0000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		/* font-family: 'Rockwell Extra Bold, Helvetica'; */
		font-size: 1em;
		font-weight:bold; 
		float:left;
  		padding:0 0 0 10px;
}

.box_menu_accueil a{
		background-color: #ED0000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		/* font-family: 'Rockwell Extra Bold, Helvetica'; */
		width:257px;
		font-size: 1em;
		font-weight:bold; 
		float:left;
  		padding:0 0 0 10px;
		color:#EFF1F2;
		text-decoration:none;
		margin-bottom:0;
	}
	
	.box_menu_accueil_2 a{
		background-color: #ED0000;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		/* font-family: 'Rockwell Extra Bold, Helvetica'; */
		width:770px;
		font-size: 1em;
		font-weight:bold; 
		float:left;
  		padding:0 0 0 10px;
		color:#EFF1F2;
		text-decoration:none;
		margin-bottom:0;
	}
	
.box_menu_accueil a:hover{
		color:#6B0000;
	}
/* -- END - Menu Accueil principal -- */

/* -- BEG - Actualités Accueil -- */
.box_actualités_accueil {
		background-image:url(../accueil/img/bg-news.jpg);
		width:770px;
		height:98px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		font-weight:bold;
		float:left;
  		padding:0 0 0 10px;
}
/* -- END - Actualités Accueil -- */

.img_accueil {
		clear:both;
        text-align : center;
		background-color: #EFF1F2;             
		width:770px;
		font-size: 1em;
		font-weight:bold;
		float:left;
  		padding:0 0 0 10px;
}


.horizontalmenu_accueil {
		clear:both;
        text-align : left;
		background-color: #ED0000;             
		width:770px;
		font-size: 0.6em;
		font-weight:bold;
		float:left;
  		padding:0 0 0 10px;
}

.horizontalmenu_accueil ul {
        text-align : left;
		background-color: #ED0000;             
}

.horizontalmenu_accueil li{
		padding:0 2px 0 0;
		list-style:none;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;            
		display:inline;
		float:left;
}

.horizontalmenu_accueil a{
		color:#EFF1F2;
		text-decoration:none;
		padding-left:10px;
}

.horizontalmenu_accueil a:hover{
		color:#6B0000;
}

.horizontalmenu_accueil  li.active{
		background: transparent;
        color: #000;
        font-size : 160%;
}

.horizontalmenu_accueil  li.active a{
		background: transparent;
        color: #000;
}

.horizontalmenu_accueil  li.active a:hover{
		background: transparent;
        color: #000;
        text-decoration : underline;
}

.verd10gris_selten {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	line-height: 14px;
	width:auto;
	background:none;
}
.verd10gris_selten a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	line-height: 14px;
	text-decoration : none ;
	width:auto;
	background:none;
}

.verd10gris_selten a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	line-height: 14px;
	text-decoration : none ;
}
.verd10gris_selten a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #595959;
	line-height: 14px;
	text-decoration : underline ;
}