/* ---------------- */
/*		CADRES		*/
/* ---------------- */
	body {
		background-color: #DEE3E7;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		padding: 0; 
		margin: 0;
	}
   
	img { display:block ; border:0; }
	P {text-align: justify;}	
	
	#conteneur {
		position: relative;
		width:792px;
		padding-bottom: 25px;
		margin: auto;
	}
	
	#cadre_blanc {
		width:792px;
		background: #FFFFFF url("images/cadre_blanc.jpg") 0 0 repeat-y;
	}
	
	#cadre_bleu {
		width:755px;
		margin: 0 0 0 17px;
		padding: 10px 0 4px 4px;
		background-color: #436D93;
	}
	.bleu { color: #0099CC;}
	.bleu-bloc { 
		color: #0099CC;
		font-size: 11px;
		font-weight: bold;
	}
	.rouge { color: #FF0000!important;}
	.lien-block-orange {
		display: block;
		background: url("images/fleche-block.jpg") 0 3px no-repeat;
		color: #FF6600;
		padding: 0 0 0 16px;
		margin: 11px 0 10px 0;
	}
	.tracker {
		font-size: 10px;
		color: #666666;
		margin: 0 0 15px 0;
	}
	.tracker a {
		font-size: 9px;
		font-weight: bold;
		color: #666666;
		text-decoration: none;
	}
	.tracker a:hover {text-decoration: underline;	}
	.error{color: #FF0000;}
   
	
	.size11 { font-size:11px;font-weight:normal!important;}
/* ---------------- */
/*	   BANNIERE		*/
/* ---------------- */
   #banniere {
   		width: 756px;
   		background-color: #FFFFFF;
   		position: relative;
   }
   #ban_gauche {
   		background-color: #436D93;
   		background-position: center left;
   		color: white;
   		float: left;
   		width: 289px;
   		height: 96px;
   	}
  
	#ban_droit {
		background: #436D93 url("images/ban-droite.jpg") 0 0 no-repeat;
		color: #FFFFFF;
		float: left;
		width: 316px;
		height: 51px;
		padding: 45px 0 0 150px;
	}
		#ban_droit a {
			display: block;
			float: left;
			width: 50px;
	  		font-size: 11px;
	  		font-weight:bold;
	  		color: #FFFFFF;
	  		text-decoration: none;
	  	}
	  	#ban_droit a:hover { 
	  		color: orange;
	  		text-decoration: underline;
	  	}
	  	
	#ban_bottom {
		clear: both;
		background-color: #FFFFFF;
	}
	#banniere div#en {
		position: absolute;
		top: 0px;
		left: 570px;
		color: #FFFFFF;
	}
		#banniere div#en a {
			display: inline;
	  		font-size: 11px;
	  		font-weight:bold;
	  		color: #FFFFFF;
	  		text-decoration: none;
		}
			#banniere div#en a img {
				display: inline;
			}
/* ---------------- */
/*	 MENU GAUCHE	*/
/* ---------------- */ 		
   
	#milieu {
		clear: both;
		background: url('./images/bandeau_top.jpg') 0 0 no-repeat ;	
		width: 728px;
		height: 124px ; 
		color: white ;
		padding: 18px 0 0 28px;
	}
		#milieu a { 
			color: #FFFFFF;
			text-decoration:underline; 
			font-weight:bold;
			font-size: 14px;
		} 
		#milieu a:hover { text-decoration: underline;}
		#milieu H1 { 
			font-size: 13px;
			font-weight:bold;
			color: #FFFFFF;
		}
		#milieu H1 a, #milieu H1 a:hover { text-decoration: none; }
		#milieu SPAN { font-size: 14px;	}
	.left {
		background-color: #FFFFFF ;
		float: left; 
		width:284px;
		padding: 3px 0 0 0;
	}
		.left a {
			display: block;
			clear: both;
			color:#666666;
			font-size: 11px;
			font-weight: 400;
			text-decoration:none; 
		}
		.left a:hover { text-decoration: underline;}
		.left span {
			font-size: 11px;
		}
		#left-block1 {
			background-color: #E8E9E4;
			width: 269px;
			height: 28px;
			padding: 19px 0 0 15px;
		}
			#left-block1 a {
				background: url("images/fleche-bleue.gif") 0 2px no-repeat;
				padding: 0 0 0 13px;
			}
		.left-block2 { 
			position:relative;
			background-color: #EEF0EA;
			width: 269px;
			/*height: 275px;*/
			margin: 2px 0 0 0;
			padding: 0 0 5px 15px;
		}
			.left-block2 a{ 
				padding: 15px 0 0 0;
			}
			#left-block2-1 {
				background: url("images/left-1-1.gif") 227px 17px no-repeat;
				position: relative;	
			}
			#left-block2-1bis {
				/*background: url("images/left-1-1.gif") 227px 17px no-repeat;*/
				background: url("images/tarif_anim.gif") 217px 15px no-repeat;
				position: relative;	
			}
			#left-block2-2 {
				position: relative;	
				background: url("images/left-1-2.gif") 191px 17px no-repeat;
			}
		.left-block3 {
			background-color: #E8E9E4;
			width: 269px;
			/*height: 165px;*/
			margin: 2px 0 0 0;
			padding: 0 0 0 15px;
		}
			#left-block3-1 { 
				position: relative;
				width: 269px;
			}
			.left-block3 a{ 
				background: url("images/fleche-noire.gif") 0 17px no-repeat;
				padding: 15px 0 0 13px;
				margin: 0;
			}
			.left-block3 IMG { 
				display: inline;
				margin: 0 0 0 10px;
			}
			#left-block-part {
				background: url("images/left-1-1.gif") 227px 17px no-repeat;
				position: relative;	
			}

			/* MENU DEROULANT */
			DIV.stopFloat { 
				z-index:1000;
				position:relative;
				clear:both;
				float:none;
				height: 0px;
				margin: 0px;
			}
			
			DIV.menuBlock {
				position:relative;
				float:left;
				vertical-align:middle;
			}
			
			DIV.sMenuBlock { 
				position:absolute;
				top: 0px;
				left: 265px;
				display:none;
				font-size:9px;
				line-height:10px;
				float: left;
				background-color: #436D93;
				margin: 0px;
				padding: 0px;
				z-index: 5;
			}
			DIV.niv	{ 
				position:relative;
				width:290px;
				height:30px;
				margin: 0px;
				padding: 0px;
				background-color: #436D93;
			}
			DIV.sMenuTit		{ 
				position:relative;
				float:left;
				width:290px;
				height:30px;
				margin: 0px;
				padding: 0px;
				overflow:hidden;
				color:#FFFFFF;
				background-color: #436D93;
			}
			DIV.sMenuCont		{ 
				position:relative;
				float:left;
				display:none;
			}
			DIV.sMenuEnglob		{ 
				position:absolute;
				left: 2px;
			}
			A.sMenuTit			{
				display: block;
				position:relative;
				line-height:15px;
				font-size:11px;
				font-weight: 400;
				text-decoration:none;
				background-image: none;
				background-color: #436D93;
				color:#FFFFFF;
				vertical-align:middle;
				padding: 10px 0 0 10px;
				height:30px;
				margin: 0px;
			}
			DIV.BorderCell		{ 
				border:1px solid #E8E9E4;
				height:30px;
				background-color: #436D93;
				padding: 0px;
			}
			A.sMenuTit:hover { 
				background-color: #436D93;
				color:#FFFFFF;
			}
			
			
			
				
			
			
			
	div.coordonnees {
		position:relative;
		clear:both;
		float:none;
		width: 282px;
		height: 124px;
		background: url("images/coordonnees.gif") 0 106px no-repeat;
		padding-top:106px;
	}
	
		div.coordonnees span {
			 display: block;
			 font-size: 18px;
			 color: #FD3203;
			 margin: 10px 0 0 10px;
		}
		
		div.coordonnees a {
			display: block;
			font-size: 14px;
			color: #FD3203;
			margin:8px 0 0 10px;
		}
		
		div.coordonnees span.re {
			position: absolute;
			top: 180px;
			font-size: 14px;
			color: #FD3203;
		}
	
	
	
	
   
/* ---------------- */
/*	 CONTENU		*/
/* ---------------- */ 	
		
	#contenu {
		background: #FFFFFF url("images/bandeau_bottom.jpg") 0 0 no-repeat;
		float: right;     
		width: 448px;
		padding: 70px 0 0 18px;
		border-left: #FFFFFF solid 5px;
	}
	
	#contenue_form {
		background: #FFFFFF url("images/bandeau_bottom.jpg") 0 0 no-repeat;
		float: right;     
		width: 450px;
		padding: 70px 0 0 16px;
		border-left: #FFFFFF solid 5px;
	}
      
		
		.H2contenu {
			margin: 0 0 5px 0;
			height: 35px;
			font-size: 15px;
			color: #0099CC;
		}
		#contenu SPAN {
			color: #666666;
			font-weight: bold;
		}
	
	/* PAGE D'ACCEUIL */
	.bloc {
		float: left;
		height: 170px;
		/*_height: 150px;*/
		width: 210px;
		margin: 70px 0 20px 0;
		background-color:#F5F6F0;
		z-index:0;
	}
	
	.blocBas {
		float: left;
		/*height: 60px;*/
		width: 440px;
		/*padding: 20px 0 0px 0;*/
		background-color:#F5F6F0;
		z-index:0;
	}
	
	div.blocBas {
		margin-top: 40px;
	}
		.bloc H2 {
			background: url("images/bloc-h1.jpg") 0 0 no-repeat;
			width: 201px;
			height: 21px;
			padding: 0 0 0 9px;
			font-size: 11px;
			color: #666666;
			margin: -40px 0 20px 0;
			z-index:0;
		}
		
		.blocBas H2 {
			background: #F5F6F0 0 0 no-repeat;
			width: 440px;
			height: 21px;
			text-align: center;
			padding: 0 0 0 9px;
			font-size: 11px;
			color: #666666;
			margin: -40px 0 20px 0;
			z-index:0;
		}
		
		.bloc H3, .blocBas H3 { 
			display: inline;
			font-size: 11px;
			color: #336699;
			padding: 0 40px 0 0;
		}
		.bloc DIV {
			background: #FFFFFF url('images/bloc-fond.jpg') 205px 70px repeat-y;
			height: 100px;
		}
		.bloc P {
			clear: both;
			color: #0099CC;
			font-size: 10px;
			width: 170px;
			margin: 0 5px 0 5px;
		}
			.bloc P A {
				font-size: 12px;
			}
		.bloc A { 
			color: #FF6600;
			text-decoration: none;
		}
			.bloc A:hover {text-decoration: underline;}
	
	/* GESTION DE CONTENU */
	#templates {
		width: 438px;
		display: block;
		color: #666666;
		font-weight: normal;
		font-size: 12px;
	}
	#templates H2 {font-size: 13px;}
	#templates H3 {font-size: 12px;}
	#templates H4 {font-size: 11px;}
	#templates P {font-size: 12px;}
	#templates UL {list-style-image: url("images/fleche-bleue.gif");}
	#templates A {
		color: #0099CC;
		text-decoration: none;
	}
	#templates A:hover { text-decoration: underline;}
	.input {
		font-size: 10px;
		color: #666666;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		width: 165px;
	}
	
	TEXTAREA {
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		color: #666666;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		height:60px;
		width:165px;
	}
	
	#templates TEXTAREA {
		font-size: 10px;
		color: #666666;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		width: 274px;
	}
	/* PLAN DU SITE */
	.nivo0 {
		height: 14px;
		margin: 0;
		padding: 0 0 0 15px;
		font-size: 12px;
		line-height: 14px;
		color: #000000;
		background: #FFFFFF url("images/fleche-noire.gif") 0 3px no-repeat;
	}
	.nivo1 {
		display: block;
		height: 14px;
		margin: 0;
		padding: 0 0 0 15px;
		font-size: 12px;
		line-height: 14px;
		color: #949494;
		text-decoration: none;
		background: #FFFFFF url("images/fleche-bleue.gif") 0 3px no-repeat;
	}
	.nivo2 {
		display: block;
		height: 10px;
		background: url("images/fleche-bleue.gif") 0 4px no-repeat;
		margin: 0px;
		padding: 0 0 0 8px;
		font-size: 11px;
		line-height: 13px;
		color: #949494;
		text-decoration: none;
	}
	.nivo3 {
		font-size: 10px;
		color: #949494;
		text-decoration: none;
	}
	.nivo1:hover,.nivo2:hover,.nivo3:hover {text-decoration: underline;}
	


/* ---------------- */
/*	 FOOTERS		*/
/* ---------------- */ 
	
	#bottom-gris {
		width: 756px;
		height: 5px;
		background-color: #CCCCCC;
		border-top: #FFFFFF solid 2px;
		border-bottom: #FFFFFF solid 2px;
		margin: 0;
	}
	#bottom-blanc {
		clear: both;
		width:792px;
		height: 25px;
		background: #FFFFFF url("images/cadre_blanc.jpg") 0 0 repeat-y;
		margin: 0;
		padding: 17px 0 0 0;
	}
	#bottom-blanc SPAN {
		font-size: 11px;
		color: #333333;
		margin: 0 0 0 40px;
	}
  	
	#footer {
		position: absolute;
		width:792px;
		text-align: center;
		padding: 0 0 20px 0;
		color: #666666;
		bottom: -20px;	
		left:0px;		
	}
	#footer A {
		color: #666666;
		text-decoration: none;
	}
	#footer A:hover {
		text-decoration: underline;
	}
	.clear {
		clear: both;
	}
	
	
/* ---------------- */ 
/* POUR L'ANNUAIRE  */
/* ---------------- */ 
h1.golden-h1 { display: none;}
	
	/* ------------------- */
	/* - Liste de type 1 - */
	/* ------------------- */
	ul#golden-n1 { 
		list-style-type: none;
		margin: 0 0 0 15px;
		padding: 0;
		width: 400px;
	}
		ul#golden-n1 H2, ul#golden-n1 H3 {
			background: none;
			width: 400px;
			height: 15px;
			padding: 0;
		}
			ul#golden-n1 H2 { font-size: 13px;}
			ul#golden-n1 H3 { font-size: 11px; }
			ul#golden-n1 H2 a, ul#golden-n1 H3 a { color: #666666;}
			ul#golden-n1 li p {margin: 10px 0 10px 0;}
	
	/* ------------------- */
	/* - Liste de type2 - */
	/* ------------------- */
	ul.golden-n2 { 
		margin: 0 0 0 15px;
		padding: 0;
		list-style-type: none;
	}
		ul.golden-n2 li { 
			margin: 5px 0 0 0;
			padding: 0 0 0 5px;
		}
		ul.golden-n2 H3 {
			background: none;
			display: inline;
		}
			ul.golden-n2 H3 a {
				color: #666666;
			}
		ul.golden-n2 a {
			color: #666666;
			font-size: 11px;
		}
	/* ---------- */
	/* - Divers - */
	/* ---------- */
	li.t1 { 
		margin: 10px 0 0 0;
		padding: 0;
	}
/*#####################
#						#
#	CONTACT				#
#						#	
#####################	*/
#contact {
	width: 440px;
	background: #333333 url('images/formulaire_haut.gif') 0 top no-repeat;
}
	
	#contact #formulaire_bas {
		width: 440px;
		background: url('images/formulaire_bas.gif') 0 bottom no-repeat;
	}
	
		#contact #formulaire_bas p {
			width: 380px; /*440*/
			color: #cccccc;
			font-weight: normal;
			font-size: 13px;
			padding: 5px 0 0 30px;
		}
		
		#contact #formulaire_bas div.bloc_titre {
			width: 430px; /*440*/
			background: #262626 url('images/formulaire_haut_cadre.gif') 0 top no-repeat;
			margin: 0 5px 5px 5px;
		}
		
			#contact #formulaire_bas div.bloc_titre div.gauche_titre {
				float: left;
				width: 96px; /*200*/
				color: #ffffff;
				font-weight: normal;
				font-size: 13px;
				background: url('images/formulaire_bord_gauche_cadre.gif') left 0 repeat-y;
				padding: 4px 0 4px 104px;
			}
			
			#contact #formulaire_bas div.bloc_titre div.gauche_titre2 {
				float: left;
				width: 26px;
				background: url('images/formulaire_bord_gauche_cadre.gif') left 0 repeat-y;
				padding: 4px 0 ;
			}
			
			#contact #formulaire_bas div.bloc_titre div.gauche_titre3 {
				float: left;
				width: 5px;
				background: url('images/formulaire_bord_gauche_cadre.gif') left 0 repeat-y;
				padding: 4px 0 ;
			}
			
			#contact #formulaire_bas div.bloc_titre div.fond_lettre {
				float: left;
				font-weight: bold;				
				color: #ffffff;
				font-size: 13px;				
				background: url('images/formulaire_lettre_active.gif') 0 0 repeat-x;
				padding: 4px 0;
			}
			
			#contact #formulaire_bas div.bloc_titre div.fond_lettre2 {
				float: left;
				width: 152px;
				font-weight: bold;				
				color: #ffffff;
				font-size: 13px;
				text-align: center;
				background: url('images/formulaire_lettre_active.gif') 0 0 repeat-x;
				padding: 4px 0;
			}
			
				#contact #formulaire_bas div.bloc_titre div.fond_lettre3 { width: 402px; /*152*/ text-align: left; padding-left: 18px; }
			
			#contact #formulaire_bas div.bloc_titre div.fond_lettre4 {
				float: left;
				width: 0px;
				background: url('images/formulaire_lettre_passive.gif') 0 0 repeat-x;
				padding: 4px 0;
			}
				
				#contact #formulaire_bas div.bloc_titre div#fond_lettre2 { margin-right: 0px; }
			
				#contact #formulaire_bas div.bloc_titre div#fond_milieu { 
					color:#FFFFFF;
					float:left;
					margin-top:5px;
					text-align:center;
					width:60px;
				}
				
			
			#contact #formulaire_bas div.bloc_titre div.droite {
				float: right;
				width: 56px;
				font-weight: normal;
				font-size: 13px;
				color: #0099cc;
				text-align: center;
				padding-top: 5px;
			}
	
		#contact  div.fond_affichage {
			font-weight: bold;				
			color: #ffffff;
			font-size: 13px;
			text-align: center;
			line-height: 23px;
			background: url('images/formulaire_lettre_active.gif') 0 0 repeat;
			margin: 10px 4px;
		}
			#contact  div.fond_affichage a { color: #FFFFFF; }
		
		#contact #formulaire_bas div.block_double { margin: 0;  padding: 0;}
		
			#contact #formulaire_bas div.blocksimple {
				float: left;
				background-color: #262626;
				background-position: 0 top;
				background-repeat: no-repeat;
				margin: 5px 0 10px 15px;
			}
			
				#contact #formulaire_bas div#blockdepart {
					width: 169px;
					background-image: url('images/formulaire_haut_petit_cadre_depart.gif');
					/*margin-right: 7px;*/
				}
			
				#contact #formulaire_bas div#blockarrivee {
					width: 224px;
					background-image: url('images/formulaire_haut_petit_cadre_arrivee.gif');
				}
				
				#contact #formulaire_bas div#blockpassager {
					width: 171px;
					background-image: url('images/formulaire_petit_cadre_passagers.gif');
				}
				
				#contact #formulaire_bas div#blockreserver {
					width: 210px;
					background-image: url('images/formulaire_haut_reserver.gif');
				}
				
				#contact #formulaire_bas div#blockenvoyer {
					width: 189px;
					background-image: url('images/formulaire_haut_envoyer.gif');
				}
			
				#contact #formulaire_bas div.blocksimple p {
					font-weight: normal;				
					color: #cccccc;
					font-size: 13px;
					text-align: left;
					background: url('images/formulaire_bord_gauche_cadre.gif') left 0 repeat-y;
					padding: 7px;
					margin: 0;
				}
				
					#contact #formulaire_bas div.blocksimple p span { color: #0099cc; }
					
					#contact #formulaire_bas div.blocksimple p#depart { width: 155px; /*169*/ }
					
					#contact #formulaire_bas div.blocksimple p#arrivee { width: 210px; /*224*/ }
					
					#contact #formulaire_bas div.blocksimple p.passager { width: 157px; /*171*/ 	line-height: 18px;}
						#contact #formulaire_bas div.blocksimple p#passagerbag { line-height: 15px; }
						
					#contact #formulaire_bas div.blocksimple p#reservation { width: 196px; /*210*/ text-align: center;}
					
					#contact #formulaire_bas div.blocksimple p#envoie { width: 175px; /*189*/ text-align: center; }
			
		
				#contact #formulaire_bas div.choix_passager, #contact #formulaire_bas div.choix_block{
					float: left;
					width: 194px;
					padding: 13px 0 0 17px;
				}
				
					#contact #formulaire_bas input{ 
						font-weight: normal;				
						color: #cccccc;
						font-size: 11px;
						text-align: left;
						background-color: #333333;
						border: 1px solid #4b4b4b;
					}
					
						#contact #formulaire_bas input.radio {  border: 0; }
		
						#contact #formulaire_bas div.choix_passager input.input{ width: 58px; /*61*/ margin-bottom: 15px}
						
						#contact #formulaire_bas div.choix_passager input.grandinput{ width: 186px; /*188*/  margin-top: 24px }
						
						#contact #formulaire_bas div.choix_block input.input{ width: 58px; /*61*/ margin-bottom: 15px}
						
						#contact #formulaire_bas div.choix_block input.grandinput2ligne{ width: 186px; /*188*/  margin-top: 25px }
						
						#contact #formulaire_bas div.choix_block input.grandinput1ligne{ width: 186px; /*188*/  margin-top: 16px }
		
			#contact #formulaire_bas div.coordonnee { padding: 8px 27px; }
				
				#contact #formulaire_bas div.coordonnee p { padding: 0; margin: 0;}
				
				#contact #formulaire_bas div.coordonnee table { width: 100%; margin-top: 13px;}
					
					#contact #formulaire_bas div.coordonnee table td{ width: 50%; }
						
						#contact #formulaire_bas div.coordonnee table td.center { text-align: center; }
						
						#contact #formulaire_bas div.coordonnee table td p { width: 145px; }
		
		
			#contact #formulaire_bas input.btn {
				width: 165px;
				height: 24px;
				font-weight: normal;				
				color: #0099cc;
				font-size: 13px;
				text-align: center;
				background: url('images/formulaire_bouton.gif') center 0 no-repeat;
				border: 0;
				margin: 5px 0;
			}
		
		
		
		
		
	
	

/*	#contact A {
		color: #0099CC;
		text-decoration: none;
	}
	#contact A:hover { text-decoration: underline;}
	.input {
		font-size: 10px;
		color: #666666;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		width: 165px;
	}

	#contact TEXTAREA {
		font-size: 10px;
		color: #666666;
		border-color: #666666;
		border-style: solid;
		border-width: 1px;
		width: 274px;
	}*/








/* formulaire reservation */
#block1, #block2 {display:none;}