@import url(boxes.css);
@import url(fiche.css);
@import url(listing.css);
@import url(modules.css);

@import url(box_realisation.css);
@import url(box_rss.css);

/*---- BODY ------------------------------------------------------------------------------------------------------------*/
body {
   /*background-image:url(templates/<?php echo CONFIG_TEMPLATE; ?>/images/fd_body.jpg)top center repeat-x;*/
   background-color:#ffffff;
	width: 100%;
	height: auto;
	font: normal 12px arial;
	color: #000000;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
	font-size:12px;
	/*background: #ffffff url('../images/fd_body.jpg') top center repeat-x ;*/
}
/*---- SPACER & A & IMG-------------------------------------------------------------------------------------------------*/
div.spacer {
	clear: both;
}
/*div.separateur {
    
	border-top: 1px dashed #858585;
}*/
/*span.separateur_menu{
	background-image:url('../images/separateur.jpg');
	width:2px;
	height:29px;
	margin:-8px 0 0 0 ;*/
	/*border:1px solid #CC0033;*/
	/*padding:0 0 0 0;
	float:left;


}*/
h1 {
	color:#dfe1e6;
	font-size:14px;
	font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
	text-align:center;
	padding:0 0 0 5px;
	margin:-20px 0 0 0;
}
img {
	border: none;
	margin:0 0 0 0;
	
	
}

img.fleche {
	border: none;
	margin:0 4px 0 0;
	
	
}

a {
	outline: none;
	text-decoration:none;

}
a.details{
text-align:right;
padding:0 0  0 115px!important;
padding:0 0 0 115px;
color:#0033FF;
text-decoration:underline;
font-size:11px;

}
immg{
height:160px;
	width:960px;
	}

span{

font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}
span.titlec{
font-size:14px;
text-align:left;
color:#FF0000;
font-weight:bold;}
/*---- CONTAINER -------------------------------------------------------------------------------------------------------*/
	div.container {
		width: 971px;
		height: auto;
		/*margin: 0 auto 0 150px;*/
		margin:0 auto auto auto;
		/*border: 1px solid #ffffff;*/
	}
	
/*---- BANNER -------------------------------------------------------------------------------------------------------*/
/*----------------------- Banner----------------------------------------*/
div.banner{

width:971px;
height:175px;
margin:0 auto auto auto;
}


	
	
/*---- CONTENT -------------------------------------------------------------------------------------------------------*/
	div.content {
		width: 971px;
		height: auto;
		margin: auto auto 0 auto!important;
		margin: -3px auto 0 auto;
		
		
	}
/*---- MENU ONGLET ---------------------------------------------------------------------------------------------------*/	
	/*div.menu_onglet {
	    background-image:url(../images/menu_ctc.jpg) top center ;
		width: 960px;
		height: 36px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}*/
/*	    div.header{

			background-image:url('../images/image_header.jpg');
			width:960px;
			height:36px;
			/*margin:-8px auto 0 auto!important;
			margin:0 auto 0 -1px;*/
			/*margin:-10px auto 0 auto!important;
			margin:-7px auto 0 auto;
			}
			div.header1{

			background-image:url('../images/image_header.jpg');
			width:960px;
			height:36px;
			margin:-8px auto 0 auto!important;
			margin:-8px auto 0 -1px;
			}
	
	    div.menu_onglet{
			background:url(../images/menu.jpg) no-repeat;
			repeat:no-repeat;
			width:971px;
			height:35px;
			margin:0 auto 0 auto!important;
			margin:0 auto 0 auto;
			
			}
		
		div.menu_onglet div.onglet { 
			width: 138.7px!important;
			width:138px;
			height: 35px!important;
			height: 35px;
			margin: 2px 0 0 0;
			padding: 8px 0 0 0;
			float: left;
			text-align: center;
			background :url('../images/separateur.jpg') top right no-repeat;
		}
		
			div.menu_onglet div.onglet a {
				/*text-decoration: none;
				font: bold 13px Arial, Helvetica, sans-serif;
				color: #000000;*/
				/*color:#dfe1e6;
				font-size:14px;
				font-family:"Trebuchet MS",Arial, Helvetica;
				display:block;
				text-decoration: none
			}
			div.menu_onglet div.onglet a:hover{
			color:#245fc1;
			}*/
	
/*---------------------------------------------menu222-----------------------------------------------------------------*/
span.separateur{
	background-image:url('../images/separateur.jpg');
	background-repeat:no-repeat;
	width:1px;
	height:37px;
	margin:2px 0 0 0 ;
	padding:0 0 0 0;
	float:left;
}

	/*div.menu_onglet {
	    background-image:url(../images/menu_ctc.jpg) top center ;
		width: 960px;
		height: 36px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}*/
	
	    div.menu_onglet{
			background:url(../images/menu.jpg) no-repeat;
			width:971px;
			height:35px;
			margin:0 auto 0 auto!important;
			margin:0 auto 0 auto;
			
			}
		
	
			a.bouton_menu{
				width:137px;
				height:35px;
				color:#dfe1e6;
				font-size:14px;
				font-family:"Trebuchet MS",Arial, Helvetica;
				text-decoration: none;
				float:left;
				text-align:center;
				padding:8px 0 0 0;
			}
			 a.bouton_menu:hover{
			color:#245fc1;
			}	
/*---- CONTENU -------------------------------------------------------------------------------------------------------*/
	div.contenu {
		width: 971px;
		height: auto;
		min-height: 475px;
		margin: 0 auto 0 auto!important;
		margin:-10px auto 0 auto;
		padding: 0 0 0 0;
		background-image: url('../images/fond_body.jpg');
		background-repeat:repeat-y;
	}
		div.contenu div.volet_droit {
			width: 960px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
			text-align: left;
		}
		div.contenu div.volet_gauche {
			width: 275px;
			height: auto;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			float: left;
		}
/*--------------------------------------Boxes-----------------------------------------------------------------------*/

.left {
float:left;
margin:0 auto 0 10px!important;
margin:5px auto 0 3px;
height:1%;
padding:0;
width:204px;

text-align:center;

}


.center {
	padding:0px 0px;
	width:513px;
	background-color: #FFFFFF;
	text-align:center;
	margin-top: 0!important;
	margin-top: 5px;
	margin-bottom: 0;
	margin-right: 0px;
	margin-left: 5px;
	float: left;
	font-size: 12px;
	
}



div.box1{
width:204px;
height:auto;
min-height:140px;
margin:0 0 0 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;

}

div.box2{
width:204px;
height:auto;
min-height:631px;
margin:7px 0 0 0;
padding:0!important;
padding:0 0 230px 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;

}
/*--------------------------------------Box  gauche haj------------------------------------------------------------*/
div.boxgauchehaj{
width:204px;
height:auto;
float:left;
margin:10px auto 0 10px;
padding:0 0 0 0;

}

div.box2haj{
width:204px;
height:auto;
float:left;
margin:7px 0 0 0;
padding:0 0 5px 0!important;
padding:0 0 96px 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
font-size:11px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}

div.contentboxhaj{
width:700px;
height:auto;
min-height:668px;
margin:10px 0 0 10px;
padding:10px 7px 10px 7px!important;
padding:20px 7px 0 7px;
float:left;
text-align:justify;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
font-size:18px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}
/*-----------------------------------------------------------------------------------------------------------------*/
div.boxcentrale{
min-width:800px;
max-width:1200px;
height:auto!important;
float:left;
margin:-843px auto 0 220px!important;
margin:-826px 0 0 3px;
padding:0 0 10px 0;
}


div.boxcentral1{
width:407px;
height:264px;
margin:7px 0 0 55px!important;
margin:7px 0 0 10px;
padding:0 0 0 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;

}

div.boxcentral2{
width:513px;
height:auto;
min-height:200px;
float:left;
margin:7px 0 0 0;
padding:0 0 0 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
}
div.boxcentral3{
width:513px;
height:90px;
float:left;
margin:0px 0 0 0;
padding:0 0 0 0;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
}
div.content_box_accueil{
width:500px;
height:auto;
min-height:400px;
margin:0px 0 0 0!important;
margin:2px 0 0 0;
padding:10px 7px 0 7px!important;
padding:20px 7px 0 7px;
float:left;
text-align:justify;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
font-size:12px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;

}

div.content_box_index{
width:500px;
height:auto;
min-height:400px;
margin:0 0 0 0!important;
margin:6px 0 0 0;
padding:0 7px 0 7px!important;
padding:0 7px 0 7px;
float:left;
text-align:justify;
font-size:11px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}
	
div.content_box{
width:190px;
height:auto;
margin:0 0 0 10px!important;
margin:0 0 0 5px;
padding:10px 0  0 0!important;
padding:10px 0 0 5px;
float:left;
text-align:justify;
font-size:11px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;

}
div.content_box_billeterie{
width:500px;
height:auto;
margin:5px 0 0 0;
padding:0 7px 162px 7px;
float:left;
text-align:justify;
font-size:12px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
}


div.content_box_services{
width:500px;
height:auto;
min-height:700px;
margin:0px 0 0 0;
padding:7px 7px 80px 7px;
float:left;
text-align:justify;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
font-size:12px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}
div.titr{
color:#296CDC;
font-weight:bold;
}/*H1*/
div a.blue{
color:#296cdc;
}/*H1*/
div.content_box_voyage{
width:720px!important;
width:690px;
height:auto;
margin:10px 0 0 10px!important;
margin:10px 0 0 5px;
padding:7px 7px 10px 7px;
float:left;
text-align:justify;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
font-size:11px;
font-family:"Trebushet Ms",Arial , Helvetica, sans-serif;
}

div.content_boxarab{/*MODIF H1*/
width:200px;
height:auto;
margin:10px 10px 0 10px;
padding:10px 0  0 0;
float:right;
text-align:justify;
background-image: url('../images/fond_box.jpg');
background-repeat:repeat-x;
border:1px #ccced0 solid;
}

/*MODIF ONCF 08/12/2009*/
img.oncf{
width:auto;
height:auto;
margin:78px auto 0 auto;
text-align:center;
border:1px #cccccc solid;
}
img.oncfhaj{
width:auto;
height:auto;
margin:0 auto 0 auto;
text-align:center;
border:1px #cccccc solid;
}
a:visited{
	outline: none;
	text-decoration:none;
	
	/*color:#0000FF;*/}
a.vis:visited{
	outline: none;
	text-decoration:none;
	
	color:#0000FF;}
	
a.vis{
	outline: none;
	text-decoration:none;
	
	color:#0000FF;}
a.oncfvis:visited{
color:#0000FF;
outline: none;
text-decoration:none;
}	
div.boxoncf{
/*border:#006600 solid 1px;*/
text-align:center;
font-size:14px;
}

/*---------------------------------MODIF-31/5/2010-----------------module listing--------------------------------------------*/
div.circuit1{
border:1px #999 solid;
width:399px;
margin:0 auto 0 auto; }
span.titrecircuit{
font-size:18px;
}


/*-----------------------------------------------------Cordonnees Contact--------------------------------------------*/
div.cordonne_contact{
width:700px;
height:auto;
margin:0 auto 0 auto;
border:1px #cccccc solid;
}		
/*---- FOOTER -------------------------------------------------------------------------------------------------------*/
	
		div.footer div.conception {
			width: 960px;
			height: auto;
			margin: 10px auto 0 auto!important;
			margin:10px 0 0 auto;
			padding: 0 0 0 0;
			text-align:center;
		}
			
			
/*---- FOOTER -------------------------------------------------------------------------------------------------------*/
	div.footer {
		width: 971px;
		height: auto;
		margin:0 auto 0 auto!important;
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
		/*float:center;*/
		color:#666666;
		position:relative;
	}
	
	div.footer div.menu_onglet_footer {
width: 971px;
height: 35px;
margin: -25px auto 0 auto!important;
padding: 0 0 0 0;
position: relative;
	}
	
div.footer div.menu_onglet_footer div.contenu_footer {
float:right;
margin:0 46px 0 0;
padding:0 0 0 0 ;
}
div.footer div.menu_onglet_footer div.contenu_footer div.onglet {
width:auto;
height: 25px;
margin:0 auto 0 2px;
padding:0 0 0 0;
float:left;
text-align:center;
color:#666666;
font-size:9px;

}

div.footer div.menu_onglet_footer div.contenu_footer div.onglet a {
text-decoration: none;
font: normal 10px Arial, Helvetica, sans-serif;
color: #666666;
}
div.footer div.menu_onglet_footer div.contenu_footer div.onglet a:hover{

color: #000000;
}

div.footer div.menu_onglet_footer div.contenu_footer div.onglet a.contact {
text-decoration: none;
font: bold 13px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}
/*
span.separat_footer{
background-image:url(../images/separateur_menu.jpg);
width:1px;
height:8px;
margin:1px 3px 0 auto ;*/
/*border:1px solid #CC0033;*/
/*padding:0 0 0 0;
float:left;
display:block;
}*/
     img.partenaire{
			width: 756px;
			height: 73px;
			margin: 0 auto 0 auto!important;
			margin:0 0 0 0;
		
		}
	
		/*div.footer div.conception {
			width: 250px;
			height: auto;
			/*height: auto;*/
			/*position: relative;
			margin: 0 auto 0 auto;
			padding: 0 0 0 0;
		}*/
			div.footer div.conception p {
				margin: 5px 0 0 0;
				padding: 0 0 0 0;
				font: normal 12px arial;
				color: #666666;
				text-align:center;
			}
			div.footer div.conception a {
				font: normal 12px arial;
				color: #296CDC;
				font-weight:bold;
			}
			div.footer div.conception a.nismatech {
				text-decoration: none;
				font: solid  18px arial;
				color: #666666;
				text-align:center;
			}
				div.footer div.conception a.nismatech:hover {
					text-decoration: underline;
				}		

			


/*---- MESSAGE ---------------------------------------------------------------------------------------------------------*/
	#message{
		width: 100%;
		height: auto;
		left: 0px;
		margin: 150px auto 0 auto;
		padding: 10px;
		position: absolute;
		text-align: center;
	}
	#message a {
		text-decoration: none;
		color: #004c99;
	}
	#message p {
		color: #000000;
	}
	#message p.close{
		margin: 25px 0 0 0;
	}
	#message_box{
		width: 350px;
		height: auto;
		margin:0 auto 0 auto;
		padding: 10px 10px 15px 10px;
		font:bold 12px Arial, Helvetica, sans-serif;
		color: #666666;
		background-color: #e5e5e5;
		border: 1px solid #004c99;
		opacity: 0.9 ;
		filter: alpha(opacity=90)!important;
	}
	
	/***************************MODIF 31/MAI/2010*******************************************/
	.sortie{
width:400px;
height:267px;
margin:0 auto 25px auto;
padding:0 0 0 0;
border:1px #999 solid;}