#bd-about #contents {
  width:910px;
  margin:30px;
  border: none;
  min-height: 600px;
}

#bd-about #footer {
  width: 900px;
}

#bd-about h3 {
  color: #00ABE0;
  font-size: 21px;
}

/************************* bubble ******************************/

.bubble{
  position:absolute;
  text-align:left;
  padding:0px;
  color:#fff;
  line-height:15px;
  width:225px;
}
.bubble p{
  padding:10px ;
  margin:0;
}

.bubble .bottom{
  background:url(../media/about/bubble-light-bottom-l.png) no-repeat;
  height:35px;
}

.bubble .top{
  height:34px;
}

/******** SEARCH ***************/


#bubble-light-search{
  top:205px;
  right:13px;
}

#bubble-light-search p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

#bubble-light-adv{
  top:40px;
  left:0px;
}

#bubble-light-adv p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

#bubble-light-adv .bottom{
  background:url(../media/about/bubble-light-bottom-r.png) no-repeat;
}

#bubble-dark-search{
	width:220px;
  top:40px;
  left:0px;
}

#bubble-dark-search .top{
	background:url(../media/about/bubble-dark-top.png) no-repeat;
}

#bubble-dark-search p{
	background:url(../media/about/bubble-dark-bottom-full.png) no-repeat 0 bottom;
}

/************ REGISTRATION ******************/

#bubble-light-register1{
  top:50px;
  left:75px;
}

#bubble-light-register1 p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

#bubble-light-register1 .bottom{
  background:url(../media/about/bubble-light-bottom-r.png) no-repeat;
}

#bubble-dark-register2{
  width:220px;
  top:100px;
  right:0;
}

#bubble-dark-register2 p{
  background:url(../media/about/bubble-dark-top-full.png) no-repeat;
}

#bubble-dark-register2 .bottom{
  background:url(../media/about/bubble-dark-bottom-l.png) no-repeat;
}


#bubble-light-register3{
  top:0px;
  right:150px;
}

#bubble-light-register3 p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

#bubble-light-register3 .bottom{
  background:url(../media/about/bubble-light-bottom-l.png) no-repeat;
}

/*********** DETAILS JOURNEYS *************/

#bubble-light-details{
  top:158px;
  right:15px;
}

#bubble-light-details p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

#bubble-light-details .bottom{
  background:url(../media/about/bubble-light-bottom-l-g.png) no-repeat;
}

#bubble-dark-details{
	width:225px;
  top:415px;
  left:15px;
}

#bubble-dark-details p{
  background:url(../media/about/bubble-dark-top-full.png) no-repeat;
}

#bubble-dark-details .bottom{
  background:url(../media/about/bubble-dark-bottom-r.png) no-repeat;
}

/********* EVALUATION *********************/ 

#bubble-light-evaluation{
  top:165px;
  right:53px;
}

#bubble-light-evaluation p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}

/********** TELL A FRIEND ****************/

#bubble-light-tell{
  top:190px;
  right:15px;
}

#bubble-light-tell p{
  background:url(../media/about/bubble-light-top.png) no-repeat;
}


/********************** cards **********************************/
.about-banner {
  background-repeat:no-repeat;
	width: 910px;
	height: 232px;
}

.about-banner h2{
  padding:0;
	margin:0;
	position: absolute;
	left: -1000px;
	top: -1000px;
	font-size: 1px;
}

.about-banner p{
	margin:0 480px 0 30px;
	padding:120px 0 0 0;
	color:#666;
	font-size:15px;
	line-height: 17px;
}

.about-banner p strong{
	color: white;
}

.front {
	height: 232px;
}

.sub {
	height: 152px;
}


#card-navi {
  padding:0;
	margin:0;
	list-style:none;
}

#card-navi li {
  float:left;
	background: url(../media/about/card-bg.png) no-repeat left top;
	width: 226px;
	padding:0;
	height: 320px;
	margin-left: 2px;
}

#card-navi li.first {
	margin-left: 0;
}

#card-navi h3 {
  padding: 9px 0 5px 22px;
  margin: 0 0 0 0;
	color: white;
	font-size:13px;
}

#card-navi h3 a{
	color: white;
}

#card-navi img {
  display:block;
	margin: auto;
}

#card-navi p{
	padding: 0 17px 20px 17px;
	font-size: 11px;
	margin:0;
	color: #333;
	position: relative;
	background: url(../media/about/card-bg.png) no-repeat left bottom;
	height: 60px;
}

#card-navi p strong{
	color: #000;
}

#card-navi p a{
	position: absolute; 
	top: 50px;
	left: 17px;
	display:block;
	width: auto;
	font-weight:bold;
	color:#00abe0;
	font-size: 12px;
	padding-left: 13px;
	background: url(../media/arrows.png) no-repeat  -17px -1896px;
}

/*************************** functionalities ************************/
#banner-navi {
  padding:24px 0 0 0;
	margin: 0 220px 0 0;
	list-style:none;
	text-align:right;
	font-size:13px;
	line-height: 20px;
  font-weight:bold;
}

#banner-navi a {
  color: #fff;
}

#banner-navi li.active a {
  color: #00ABE0;
}

#banner-navi a,
#banner-navi span {
  background-image:url(../media/about/bullets.png);
  background-repeat:no-repeat;
  padding-right: 20px;
  background-position: right 3px;
}
 

div#list-steps{
  background:url(../media/about/border.png) no-repeat 0 0;
  width:667px;
  float:left; 
}
 
div#list-steps ul{
  list-style:none;
  margin:0;
  padding:25px;
  background:url(../media/about/border-bottom.png) no-repeat 0 bottom;
  
}

div#list-steps li{
  padding:0;
  margin-bottom:15px;
  min-height:95px;
}

div#list-steps li img {
  background-image: url(../media/about/functionalities-icons.png);
  background-repeat:no-repeat;
  width: 160px;
  height: 100px;
  float: left;
  display: block;
  margin-right: 10px;
}

div#list-steps p{
  font:13px Verdana, 'Trebuchet MS', Helvetica, sans-serif ;
  color:#6F7072;
  margin:0;
}

div#list-steps a.more{
  background: url(../media/arrows.png) no-repeat -17px -1896px;
	padding-left:20px;
	font:12px Verdana,'Trebuchet MS', Helvetica, sans-serif ;
	font-weight:bold;
	color:#7e7e7e;
}

div#list-steps h4{
  margin:0;
}

div#list-steps h4, 
div#list-steps h4 a{
  font:18px Verdana, 'Trebuchet MS', Helvetica, sans-serif ;
  color:#00ABE0;
  padding:0;
  background:none;
}

.right-bar{
	width:240px;
	float:left;
  list-style:none;
}

.right-bar h3{
  margin:21px 0 0 20px;
}

.right-bar ul{
  padding:0;
  margin:10px 0;
  list-style:none;
}
.right-bar li{
  background: url(../media/about/bullets.png) no-repeat -50px -193px;
  color:#6F7072;
  padding-left:20px;
  margin:8px 0px 8px 13px;
  font:13px Verdana, 'Trebuchet MS', Helvetica, sans-serif ;
}

#bd-about .right-bar li a{
  font-weight: normal;
  color: #666;
}

.right-bar li.all-questions{
	background:none;
	margin:15px 0;
}

#bd-about .right-bar li.all-questions a{
	 background: url(../media/arrows.png) no-repeat -17px -1896px;
	 padding-left:20px;
	 font:12px Verdana,'Trebuchet MS', Helvetica, sans-serif ;
	 font-weight:bold;
	 color:#00ABE0;
}

.right-bar #register-now{
  margin-left:17px;
}

li img#journey-functionalities{
  background-position:20px -5px ;
}
li img#search-journeys{
  background-position:10px -205px ;
}
li img#google-map{
  background-position:10px -408px ;
}
li img#messenger{
  background-position:5px -605px ;
}
li img#profile-sheet{
  background-position:0px -805px ;
}
li img#evaluation{
  background-position:0px -1009px ;
  margin-bottom:0;
}

/********************* start ********************/
li img#register{
  background-position:10px -5px ;
}

li img#add{
  background-position:10px -205px ;
}

li img#search{
  background-position:10px -404px ;
}

li img#speak{
  background-position:5px -604px ;
}

li img#add-contacts{
  background-position:10px -805px ;
}

li img#evaluate{
  background-position:10px -1204px ;
  margin-bottom:0;
}



/*************************** extras ***************************/
li img#events{
  background-position:10px -5px ;
}

li img#tools{
  background-position:10px -205px ;
}

li img#dossiers{
  background-position:10px -404px ;
}

li img#jobs{
  background-position:10px -604px ;
}

li img#blog{
  background-position:10px -805px ;
}

/********* search journeys*****************/
.about-sub-navi {
  padding:0;
	margin:0;
}

.about-sub-navi {
  padding:0 0 6px 0;
	margin:0;
	/*border-bottom: 1px dotted #666*/
	background:url(../media/about/dotted-grey.png) repeat-x 0 bottom;
}

.about-sub-navi li {
  background-image:url(../media/about/bullets.png);
  background-repeat:no-repeat;
  padding: 0 16px 0 8px;
  background-position: right -94px;
  display:inline;
	color:#00abe0;
	font-weight: bold;
}

.about-sub-navi li.last {
  padding-right:0;
  background: none;
}

.about-sub-navi  a {
	color:#666;
}

.screen-shot {
  float:left;
  width:665px;
  text-align:center;
  position:relative;
}

.screen-shot h3{
  text-align:left;
  /*border-bottom:1px #00ABE0 dotted ;*/
  background:url(../media/about/dotted-blue.png) repeat-x 0 bottom;
  padding-bottom:8px;
  margin: 20px 30px 10px 30px;
}

.screen-shot h4{
  font-size:16px;
  font-weight:normal;
  text-align:left;
  color:#033D51 ;
  padding-bottom:10px;
  margin: 10px 40px 0px 30px;
}

h4.custom-title{
	padding:5px 0 0 0;
	margin:20px 0px 0 30px ;
  border-top:1px #ccc solid;
}


.screen-shot .screen-bubble{
  text-align:center;
  position:relative;
  margin-top:35px;
}

.desc-search{
	font:14px Verdana, 'Trebuchet MS', sans serif ; 
	color:#6F7072;
	margin:0 0 0px 40px ;
	padding:0;
}

/************************** the legacy bd-covoiturage *******************/
#bd-covoiturage #advantages {
  display: block;
  margin: 30px auto;
}

#bd-covoiturage #submenu {
  padding-left:20px;
  margin:0px;
}

#bd-covoiturage #submenu li {
  background-repeat: no-repeat;
  float:left;
  height:170px;
  margin:0pt 5px;
  position:relative;
  width:170px;
}

#bd-covoiturage li#li-2{
  background-position:-180px 0px;
}

#bd-covoiturage li#li-3{
  background-position:-360px 0px;
}

#bd-covoiturage li#li-4{
  background-position:1000px 1000px;
}

/* the go button */
#submenu li img {
  bottom:10px;
  position:absolute;
  right:15px;
}

#bd-covoiturage li#li-4 img{
  top:5px;
  left:35px;
  width: 129px;
  height: 171px;
}


.col {
  width:353px;
  float:left;
  margin:25px 0px 35px 28px;
}

#bd-covoiturage .low {
  height:195px;
}

#bd-covoiturage .light {
  background:url(../media/white-round-350.png) no-repeat 0 bottom;
  margin-bottom: 10px;
}

#bd-covoiturage .dark {
  background:url(../media/green-round-350.png) no-repeat 0 bottom;
  margin-bottom: 10px;
}

#bd-covoiturage .light h3,
#bd-covoiturage .dark h3{
  padding: 15px 20px 5px 20px;
  margin: 0;
}

#bd-covoiturage .light h3{
  color:#8daa01;
  background:url(../media/white-round-350.png) no-repeat 0 top;
}

#bd-covoiturage .dark h3{
  color:#fff;
  background:url(../media/green-round-350.png) no-repeat 0 top;
}

#bd-covoiturage .light p,
#bd-covoiturage .dark p,
#bd-covoiturage .light ul,
#bd-covoiturage .dark ul{
  margin: 5px 20px 0 20px;
  padding:0 0 20px 0
}

#bd-covoiturage .light a{
  color: #333
}

#bd-covoiturage .light h3 a{
  color:#00abe0;
}


#bd-covoiturage .dark li{
  color: #fff
}

#bd-covoiturage .inner {
  background:url(../media/white-round-350.png) no-repeat 0 top;
  padding-top: 20px;
  margin-bottom: 25px;
}

#bd-covoiturage .inner img{
  display:block;
  margin: 20px auto;
}

#bd-covoiturage .inner em{
  font-size:15px;
  font-style:normal;
  color:#00abe0;
  line-height:20px;
  font-weight:bold;
}

#bd-covoiturage .inner p {
  font-size:14px;
  line-height:20px;
  padding:10px 35px 0 35px;
  margin:0;
}

#bd-covoiturage .inner ul {
  font-size:20px;
  padding:10px 35px 0 35px;
  margin:0;
  color:#00abe0;
}

#bd-covoiturage .inner li {
  padding: 2px 0 2px 40px;  
  background:url(../media/arrows.png) no-repeat 10px -388px;
}