body{margin:0px;
 padding:0px;
 text-align:center;
 background: #FFFFFF url('images/degrade_fond.gif') repeat-x;
}

p,h1,h2,h3,h4,h5,li{ font-family: verdana,arial,sans-serif;
 font-size:12px;
}

#conteneur{position: relative; 
 width: 760px;
 margin-top: 4%;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 text-align: left;
 padding: 0px;
	
}

#logo span,#ban span,#ban2 span,#photo_taxi span,#plan span,#photo_taxi_service span,#photo_tarif span,#photo_taxi_reglementation span,#photo_contact span,#ban_vehicule span,#photo_vehicule span,#photo_vehicule_2 span,#ban_etang2 span,#ban_etang3 span{display:none;}


#logo{float:left;
 background:url('images/taxi-bruno_logo1.gif');
 margin:0px;
 left:80px;
 width:160px;
 height:100px;
 padding: 0px;
}

#ban{float:left;
 background:url('images/taxi-bruno_ban_01.jpg');
 width:600px;
 height:100px;
 padding: 0px;
 margin: 0px;
}

#ban2{float:left;
 background:url('images/taxi-bruno_ban_02.jpg');
 width:600px;
 height:100px;
 padding: 0px;
 margin: 0px;
}
/*---------------- menu ---------------*/
#menu{float:left;
 margin:0px;
 padding:0px;
 background:url('images/fond_menu.gif');
 width:760px;
 height:20px;
 color:#FFFF00;/*changer selection*/
}

#menu ul{
 margin:2px 0px 0px 135px;/*centre menu*/
 padding:0px;

}

#menu li {float:left;
 display: inline;
 font-family: verdana,arial,sans-serif;
 font-size:13px;
 font-weight:bold;
 margin:0px;
 padding: 0px;
 margin-left:31px;/*separation menu*/
}

#menu a{text-decoration:none;
 color: #FFFFFF;
 margin:0px;
 padding: 0px; 
}

#menu a:hover{text-decoration: underline;
 color: #FFFF00;
 margin:0px;
 padding: 0px; 
}

/*----------Contenu----------*/
#contenu420{float:left;
 background:url('images/fond_contenu.jpg') no-repeat;
 width:760px;
 height:301px;
}

#contenu{float:left;
 background:url('images/fond_contenu.jpg') no-repeat;
 width:760px;
}

/*----------Photo taxi------------*/
#photo_taxi{float:right;
 background:url('images/taxi-bruno_taxi.jpg');
 margin:90px 5px 0px 10px;
 width:200px;
 height:147px;
}
/*----------Photo vehicule------------*/
#photo_vehicule{float:right;
 background:url('images/taxi-bruno_vehicule.png');
 margin:90px 5px 0px 10px;
 width:300px;
 height:131px;
}

#photo_vehicule_2{float:right;
 background:url('images/taxi-bruno_vehicule_2.png');
 margin:10px 150px 0px 10px;
 width:400px;
 height:277px;
}

/*----------Photo taxi service-------*/
#photo_taxi_service{float:right;
 background:url('images/taxi-bruno_service.jpg');
 margin:90px 5px 0px 10px;
 width:200px;
 height:128px;
}

/*----------Photo tarif------------*/
#photo_tarif{float:right;
 background:url('images/tarif 02.jpg');
 margin:0px 30px 0px 0px;
 width:650px;
 height:458px;
}

/*----------Photo reglementation---*/
#photo_taxi_reglementation{float:right;
 background:url('images/taxi-bruno_taxi_londre.jpg');
 margin:0px 0px 0px 0px;
 width:210px;
 height:139px;
}

/*----------Photo contact---*/
#photo_contact{float:right;
 background:url('images/taxi-contact.jpg');
 margin:58px 0px 5px 10px;
 width:236px;
 height:158px;
}
/*-----------titre1------------------*/
.titre1{font-size:20px;
 font-weight:bold;
 color:#000000;
 margin:5px 0px 0px 10px;
}

/*----------Paragraphe---------------*/
.gauche_p{ margin:10px;
 width:730px;
 float:left;
 text-align:center;
}

.paragraphe{margin:15px;
 width:420px;
}

/*----------Paragraphe service------*/
.gauche_p_service{margin-left:10px;
 width:720px;
 float:left;
 text-align:left;
}

.paragraphe_service{margin-left:50px;
 width:480px; 
}

.secu{font-weight:bold;
  color:#EE1832;
}


/*----------Paragraphe reglementation------*/
.gauche_p_reglementation{margin-left:10px;
 width:720px;
 float:left;
 text-align:left;
}

.paragraphe_reglementation{margin-left:50px;
 width:450px; 
 border:1px solid #CCCCCC;
 padding:0 5px 0 ;
}


#titre_reglementation{font-size:14px;
 font-weight:bold;
 text-align:center;
}

.maj{font-weight:bold;
font-size:18px;
}


/*------------- menu contact ----------*/

#contact{text-decoration:none;
 text-align:left;
 font-weight: normal;
 color: #DC143C;
 font-size: 16px;
}

#contact a{text-decoration:none;
color: #FF0000;
}

#contact a:hover{text-decoration:underline;
color: #DC143C;
}

#contact li{list-style:square;padding:4px;margin:0px;
}

/*------contenu droit contact --------------*/
#contenu_droit{position:relative;
 left:180px;
 width:580px; 
 text-align:center;
}

.titre2{position:relative;
 top:-20px;
 font-size:18px;
 font-weight:bold;
 color:#000;
 margin:5px 0px 0px 10px;
 width:240px;
 left:35px;
}

.titre3{position:relative;
 top:-50px;
 font-size:18px;
 font-weight:bold;
 color:#000;
 margin:5px 0px 0px 10px;
 width:250px;
 left:110px;
}

* html #contenu_droit img{border-color: #8093BA;}/*ie6*/
*+html #contenu_droit img{border-color: #8093BA;}/*ie7*/


/*------------- pied de page --------*/
#haut a:hover{background-position:100% 0%;
background-repeat: no-repeat;
padding-right:9px;
height:10px;
background-image: url('images/haut.gif');
}

#menu_pied{
 width: 760px;
 clear:both;
 text-align:center;
 font-weight: normal;
 color: #CCCCCC;
 margin-top: 5px;
 padding-top:5px;
}

#menu_pied p{margin:0px;
}

#menu_pied hr{ 
 height: 1px;
 color: #CCCCCC;
 background-color: #CCCCCC;
 border: 0px;
 
}

#menu_pied a{text-decoration:none;
 font-weight: normal;
 color: #CCCCCC;
 font-size: 12px;
}
#menu_pied a:hover{text-decoration:underline;
 font-weight: normal;
 color: #000000;
 font-size: 12px;
}