/*
	Taxi Ochelaga 
*/

/* Reset. Based on Meyer's CSS reset */
html,body,div,span,h1,h2,h3,h4,p,a,em,img,ul,li,fieldset,form,label,legend,table,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: x-small;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}body {line-height:1;}ol, ul {list-style: none;}:focus {outline: 0;}table {border-collapse:collapse;border-spacing:0;}

.clearer{height:0; line-height:0; font-size:0; clear:both; display:block;}
.bold{font-weight:bold;}
/*  Skeleton */
	body{background:#fff; font-size:62.5%; line-height:1em; font-family:Arial, Verdana, Helvetica, sans-serif;}
	#page{width:800px; margin:auto;position:relative;}

/*landing */
	 body#landing{background:#fff url('../../images/landing/bg-body-landing.jpg') 0 0 repeat-x;}
	#landing #page{ height:700px;}
	/* main images */
	#landing #illu-main{width:231px; height:314px; position:absolute; top:137px; right:0;z-index:5;
			background:url('../../images/landing/illu-landing-main.png') 0 0 no-repeat; }
	#landing #dome{position:absolute; top:51px; left:265px; height:270px; width:144px;z-index:5;}
/*olzas */
	#landing #top{height:190px; position:relative;}
	#landing #contenul{width:800px; height:242px; border-top:0px solid #0e5594; border-bottom:9px solid #285594;


}
	#landing #bas{	position:relative;width:800px; height:247px;background:url('../../images/landing/bg-landing-bas.jpg') 0 0 no-repeat; }	

	#entreeGB{position:absolute; top:96px; left:283px;width:105px; height:89px;background:url('../../images/landing/bg-lien-entree-gb.gif') 0 0 no-repeat;}
	#entreeFR{position:absolute; top:101px; left:406px;width:94px; height:80px;background:url('../../images/landing/bg-lien-entree-fr.gif') 0 0 no-repeat;}
		#entreeFR a, #entreeGB a{text-decoration:none; display:block;}
		#entreeFR a{line-height:80px;height:80px;}#entreeGB a{line-height:89px;height:89px}

/* PAGES INTERNES */
/* olzas */
	body{background:#fff url('../../images/bg-body.jpg') 0 0 repeat-x;}
	#header{height:312px;margin-top:15px; border-bottom:5px solid #002a4a;position:relative; padding-top:45px;
 }
			#dome{ position:absolute; top:0; left:10px; width:195px; height:104px;}
	#contenu {min-height:428px; height:auto !important; height:428px;background:url('../../images/bg-contenu.png') 0 0 no-repeat;}
	#footer{height:96px; width:800px;background:url('../../images/bg-footer.png') 0 0px no-repeat;position:relative;}
	
	#menu{display:block; width:344px; height:70px; position:absolute; overflow:hidden; top:20px; left:345px;}
		#menu li{float:left; width:86px; height:70px;}
		#menu li a{display:block; width:86px; height:70px;} #menu li a{text-indent:-9999px;}
		#menu li.accueil a{background:url('../../images/fr/menu/1-accueil.png') 0 0 no-repeat;}
		#menu li.contact a{background:url('../../images/fr/menu/2-contact.png') 0 0 no-repeat;}
		#menu li.apropos a{background:url('../../images/fr/menu/3-apropos.png') 0 0 no-repeat;}
		#menu li.services a{background:url('../../images/fr/menu/4-services.png') 0 0 no-repeat;}
		
		#menu li a:hover{background-position:0 -70px;} /* sprite position */
		#menu li.active a{background-position:0 -70px;} /* page en cour d'affichage */

	/*nav rapide footer */
	#navRapide{display:block; width:360px; height:22px; margin-left:120px; }
		#navRapide li{float:left;height:22px; text-align:center; border-right:2px solid #015998; display:block;}
		#navRapide li a{display:block; height:22px; text-align:center; text-decoration:none; text-transform:uppercase;
					color:#015998; font-size:1.2em; font-weight:bold; line-height:22px;}
		#navRapide li a:hover{color:#e5173f;}
			#navRapide li.accueil {width:60px;}
			#navRapide li.contact {width:72px;}
			#navRapide li.apropos {width:80px;}
			#navRapide li.services {width:70px;border-right:0;}
	/* footer copyright */
		p#copy{color:#fff; font-size:1.2em;  line-height:1em;display:block; position:absolute; top:45px; left:100px;}
		
		
		
	/* Content */	
	#contenu h2{color:#e5173f;padding:5px; text-transform:uppercase; font-size:1.1em; line-height:1.5em; font-weight:bold; border-bottom:1px solid #e5173f}
	#contenu p{color:#015998;padding:10px 20px 10px 10px; font-size:1.15em; line-height:1.5em; text-align:justify; margin-right:145px;}
	#contenu  ul{padding:10px 0 20px 0;}
	#contenu  li{ padding:7px 5px 7px 30px; color:#015998; font-size:1.15em; line-height:1.2em;	background:url('../../images/icon-list.gif') 12px 6px no-repeat; }
		#contenu  li a{color:#015998;}
			#contenu  li a:hover{text-decoration:none;}
	
	.col-500{width:500px; padding:10px 0; float:left; position:relative;}
	.col-300{width:300px; padding:10px 0; float:left; position:relative;}
	.col-800{width:800px; padding:10px 0; float:left; position:relative;}

	/* accueil */
	#accueil #illu-acceuil1{width:128px; height:108px; position:absolute; bottom:0px; left:75px; background:url('../../images/illu-acceuil1.jpg') 0 0 no-repeat;}
	#accueil #illu-acceuil2{width:129px; height:146px; position:absolute; top:400px; left:367px; background:url('../../images/illu-acceuil2.jpg') 0 0 no-repeat;}
	
		#accueil .col-300{padding-bottom:120px;}

	#accueil #contenu h2.bienvenue{font-size:1.5em; margin-right:145px;}
	#accueil #contenu h2.avantages{ padding-top:50px; margin-right:145px;}
	#accueil #contenu h2.addtional{ padding-top:10px; margin-right:95px;}
	#accueil #contenu ul.avantages{padding-bottom:30px;}
	#accueil #contenu h2.serie{ padding-top:0px; margin-right:20px;}
	#accueil #contenu .enligne{ margin:40px 0 20px 0; /*margin-right:20px;*/}

	#contenu .enligne{background:url('../../images/bg-enligne-top.png') 0 0 no-repeat;}
		#contenu .enligne ul{background:url('../../images/bg-enligne-ctr.png') 0 0 repeat-y; padding-bottom:0}
		#contenu .enligne h2{margin-right:25px;}
		#contenu .enligne p{height:16px; line-height:16px; padding:0; margin:0;
				background:url('../../images/bg-enligne-btm.png') 0 100% no-repeat; }
	/*services */
	#apropos #contenu {min-height:428px; height:auto !important; height:428px;background:url('../../images/bg-contenu-apropos.png') 0 0 no-repeat;}
	
	#apropos div.illu-apropos{padding-top:140px; background:url('../../images/illu-apropos.gif') 0 15px no-repeat;}
	#apropos #contenu h2.bienvenue{font-size:1.5em; margin-right:145px;}

	#apropos #contenu  ul.avantages{padding-bottom:0;}
	#apropos #contenu h2.avantages{ padding-top:50px; margin-right:15px;}
	#apropos .col-300{padding-bottom:0;}
	#apropos .col-500 p{margin-right:0px;}
	#apropos .col-500 h2{margin-right:140px;}

	#apropos .enligne{margin-top:25px;}

	/*services */
	#services div.illu-services{ padding-top:140px; background:url('../../images/illu-services.gif') 85px 10px no-repeat;}
	#services #contenu h2.bienvenue{font-size:1.5em; margin-right:145px;}
	
	#services h2.addtional{ padding-top:40px; margin-right:95px;}
	#services .col-800{padding-top:0;}
	#services .col-500{padding-bottom:0;}
	#services .enligne{margin-left:30px;width:300px;}
	#services h2.enligne{margin:0px; }

	
	/* contact */
	#contact #contenu {min-height:428px; height:auto !important; height:428px;background:url('../../images/bg-contenu-contact.png') 0 0 no-repeat;}
	#contact #contenu h2.bienvenue{font-size:1.5em; margin-right:145px; margin-bottom:20px;}
		#contact #contenu h2{margin-right:195px;}
		
	#contact #contenu  ul.adresses li{background:none;padding:3px 5px 3px 30px;}
	#contact #contenu h2.adresses{ padding-top:50px; margin-right:95px;}
	#contact #contenu ul.adresses li.espace{padding-bottom:15px; }
	
	#contact #contenu ul.formulaire li{background:none;padding:5px;}
	#contact #contenu ul.formulaire li label{display:inline-block; width:80px; text-align:right; padding-right:5px;}
	#contact #contenu ul.formulaire li input{width:260px;padding:1px; border:1px solid #015998;}
	#contact #contenu ul.formulaire li.txtara{padding-left:90px;}
		#contact #contenu ul.formulaire li.txtara textarea{width:260px;padding:1px; border:1px solid #015998;}
		#contact #contenu ul.formulaire li.txtara a{font-size:1.2em; text-transform:uppercase; color:#e5173f; font-weight:bold; text-decoration:none;}
			#contact #contenu ul.formulaire li.txtara a:hover{color:#015998;}

	#contact #contenu h2.enligne{ margin-right:25px;}
	.col-500 form{width:400px; margin:0 auto; margin-top:25px; margin-bottom:25px;}
	
	/* formulaitres */			
	#forms h2.bienvenuecpt{font-size:1.5em;margin-bottom:20px; margin-right:325px;}
	#forms #contenu {min-height:428px; height:auto !important; height:428px;background:url('../../images/bg-contenu-forms.png') 0 0 no-repeat;}
		/* forms */
		.col-800 form{ margin:0 auto; width:600px;}
		fieldset{padding:5px; border:1px solid #dedede; margin-bottom:5px; padding-bottom:5px; background:#fff}
		legend{ color:#015998; font-weight:bold; padding:0 10px;padding-bottom: .5em; font-size:1.2em;}
		#contenu form ul{list-style-type:none; padding-bottom:0;}
			#contenu form ul li{overflow:hidden; padding-top:5px; padding-right:0; padding-left:0; background:none;}
				#contenu form ul li.expl{padding-top:0; padding-left:200px; font-size:0.85em;} /* line phone Example*/
				#contenu form ul li.extraI{padding-top:0; padding-left:100px; font-size:0.85em; color:#015998;}/**/
		label{ float:left; width:185px; display:block;text-align:right; padding:2px 0;padding-right:15px;}
		label.radiolbl{width:55px;}
		input{float:left;font-family:Arial, Helvetica, sans-serif; border:1px solid #015998; color:#015998;}
			input.txt{ width:300px; padding:2px;}
		textarea{width:300px;padding:2px;font-family:Arial, Helvetica, sans-serif;  color:#015998; border:1px solid #015998; font-size:1em;}
		/* § Pied de page */
		p.credit{text-align:center; padding-top:25px; font-weight:bold;}
		#contenu p.note{text-align:justify; margin:0; padding:5px;}
		p.conditions{ color:#015998; font-weight:bold; padding:10px 0;} 
		p.conditions a {color:#015998;}
		p.conditions span{padding:0 5px;}