@charset "utf-8";
/* CSS Document */

a.link_logo { width:300px; height:200px; position:absolute; z-index:50000; display:block; background:transparent}

* {
margin:0;
padding:0
}

input[type=submit] {
cursor:pointer;border:0
}

input:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; }
input[type="radio"], select, {background:none;border:0;width:15px; width:15px;}
input[type="submit"] {background:none}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}

#content #left #compte #bottom #left input {background:none}

input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:180px;
	height:20px;
	background:url(../img/bg_input.gif) no-repeat left top;
	border-width:0 1px 1px 0;
	border-color:#bdbbba;
	border-style:solid;
}


.add_tem_top {
position:relative;margin-top:0;margin-bottom:10px;}


#legende {
width:648px;
padding:8px 0 5px 20px;;
height:17px;
background:url(../img/legend.png)}

#legende span {font-size:11px;}

.encart_etape_1 {
height:20px;
margin-top:10px;
width:550px;
background:url(../img/encart_etap_1.png) top;
padding:10px 10px 10px 60px;
margin-left:-20px;
float:left;
color:#fff
}

.encart_etape_1:hover  {
background:url(../img/encart_etap_1.png) bottom;
}

option:hover {
color:#333;
font-size:16px;
font-weight:bold
}

.add_trajet_dep_arr input[type="radio"] {width:10px;height:10px;float:left}
.add_trajet_dep_arr .mid select {width:40px}

img, img a, table  {border:none}

input {border:none}

body {
	background:url(../img/bg_page.jpg) top repeat-x #ffdb7b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1, h2, h3, h4, h5 {color:#fff}
h3 {font-size:16px;font-weight:bold;margin:10px 0 10px 0}

ul.erreur a {color:#cd061b}
ul.erreur a:visited {color:#cd061b}
ul.erreur {float:left;width:318px;padding:0;margin-bottom:-50px; margin-top:10px;}
ul.erreur .top {height:19px;background:url(../img/erreur_top.png);width:318px;padding:0; float:left}
ul.erreur  .bot{height:20px;background:url(../img/erreur_bot.png);width:318px;float:left}
ul.erreur  .mid {background:#fff;width:673px;width:288px;padding-right:10px;padding-left:20px;padding-top:0;padding-bottom:0;float:left}
ul.erreur  .mid_add {background:#fff;width:293px;padding-left:15px;padding-right:10px;padding-top:0;padding-bottom:0;float:left}

ul.succes a {color:#009900}
ul.succes {float:left;width:318px;padding:0;margin-bottom:-50px}
ul.succes .top {height:19px;background:url(../img/erreur_top.png);width:318px;padding:0; float:left}
ul.succes .bot{height:20px;background:url(../img/erreur_bot.png);width:318px;float:left}
ul.succes .mid {background:#fff;width:673px;line-height:16px;width:288px;padding-left:20px;padding-right:10px;padding-top:0;padding-bottom:0;float:left}

ul.succes li {
margin:1px 0 1px 0;
list-style:none;
}
ul.succes li img, ul.erreur li img  {
margin-right:5px}

ul.erreur li {
list-style:none;
margin:1px 0 1px 0;
}

ul.erreur li a {color:#cd061b}

#ct1 {
	background:url(../img/fond1_page.jpg) top no-repeat;
	height:500px;
}

#ct2 {
	width:950px;
	margin:0 auto;
}

em.champ_obl {color:#fff;font-size:11px; font-style:italic}

a, a:active, a:visited {text-decoration:none}
a:hover {text-decoration:underline}

#content {
	width:950px;
	float:left;
	min-height:750px;
}

#footer {
	width:950px;
	padding-top:30px;
	float:left;
	height:195px;
	color:#fe7c36;
}

#copyright {
	width:950px;
	color:#fe7c36;
	font-size:11px;
}

#footerLeft {float:left;padding-left:20px;}
#footerRight {float:right;padding-right:40px;padding-top:2px}

#copyright a, #copyright a:visited {color:#fe7c36;text-decoration:none}
#copyright a:hover {text-decoration:underline}

.cl {clear:both}

a.logo {
	width:225px;
	height:214px;
	padding-left:52px;
	display:block; 
}

a:hover .logo {cursor:pointer}

a:hover.logo object {cursor:pointer}

#content #left {
	width:239px;
	float:left;
}


#content #left #compte {
	width:239px;
	float:left;
	background:url(../img/compte.jpg) no-repeat;
	height:165px;
}
 #content #left #compte #top {
 width:174px;
 height:33px;
 padding-top:67px;
 padding-left:65px;
 float:left;
 }

 #content #left #compte #bottom {
	 height:65px;
	 float:left;
	 width:239px
 }

#content #left #compte #bottom #right{
  width:50px;
  height:65px;
  float:left
  }

#content #left #compte #bottom #left {
  width:119px;
  padding:15px 0 0 40px;
  height:50px;
  float:left
  }

#content #left #compte input[type=text] {
	background:none;
	color:#666;
	width:100px;
	padding:3px;
	margin-right:15px;
	height:30px;
	font-size:14px
}

input[type=file] { background:transparent url(../img/bg_input.gif) no-repeat scroll left top}

#content #left #compte input[type=submit] {
	width:50px;
	height:45px;
	background:none;
	margin-top:20px;
}

#content #pas_inscrit {
	width:224px;
	color:#fff;
	float:left;
	background:url(../img/pas_inscrit.jpg) no-repeat;
	height:24px;
	padding-left:15px;
	padding-top:70px;
}

#content #pas_inscrit:hover {background:url(../img/pas_inscrit_hover.jpg) no-repeat}

#content #pas_inscrit a {
	color:#fff;
	font-size:11px;
}

#content #menu {
	width:214px;
	float:left;
	padding-top:3px
}

#content #menu a {color:#fff}

#content #menu ul li a:hover {
	background:url(../img/menu_hover.jpg) left no-repeat #ac050a;
	text-decoration:none;
}



#content #menu ul {
	width:214px;
	margin-top:-10px;
	color:#fff
}

#content #menu ul li {
	width:194px;
	height:30px;
	margin:0px 10px 0px 10px;
	border-bottom:1px dotted #fff;
	display:block
}

#content #menu ul li a {
	display:block;
	width:159px;
	padding:8px 5px 0 30px;
	height:22px;
}

#content #menu  #top {
	width:214px;
	background:url(../img/menu_top.png);
	float:left;
	height:16px;
}

#content #menu  #mid{
	width:214px;
	float:left;
	min-height:200px;
	background-color:#cd061b
}

#content #menu  #bot {
	width:174px;
	background:url(../img/menu_bot2.png);
	float:left;
	height:30px;
	padding-left:40px;
	padding-top:8px;
}

#content #right {
	float:right;
	width:711px;
	position:relative;
	min-height:730px
}

a,
a:visited,
a:active,
a:hover,
a:visited:hover {
	outline:none;
}
#content #right #flash {
	width:673px;
	height:100px;
	float:left;
}

#content #right #search {
	margin-top:10px;
	padding-top:14px;
	margin-bottom:34px;
	width:711px;
	float:left;
	height:146px;
	background-image:url(../img/bg_search.png);
}

#content #right #search #depart {
	width:711px;
	height:40px;
	float:left;
	margin-bottom:10px
}

#content #right #search #submit {
	width:711px;
	height:55px;
	float:left
}

#content #right #search #submit input[type=submit] {
	width:124px;
	float:left;
	height:31px;
	margin-top:10px;
	margin-left:10px;
	background:url(../img/submit_search_page.jpg)
}

#content #right #search #submit input[type=submit]:hover {background:url(../img/submit_search_page_hover.jpg)}
#content #right #search #submit p {
	float:left;color:#fff;
	font-size:10px;
	padding-top:37px;
	margin-left:235px
}

#content #right #search #submit a {
	color:#fff;
	width:70px;
	float:left;
	height:30px;
	display:block;
	font-size:11px;
	padding-left:8px;
	margin-top:10px
}

#content #right #search #depart label, #content #right #search #arrivee label {
	width:225px;
	height:40px;
	float:left;
	color:#FFF;
	display:none;
}

#content #right #search #depart input, #content #right #search #arrivee input {
	width:398px;
	margin-left:240px;
	color:#999;
	font-size:16px;
	padding:7px 7px 7px 10px;
	height:23px;
	background:url(../img/input_search_page.jpg);
	float:left
}

#content #right #search #arrivee{
	width:711px;
	height:40px;
	float:left
}



/* BLOC présentation */
#content #right #presentation {
	width:349px;
	height:255px;
	float:left
}

#content #right #presentation #top{
	width:349px;
	background:url(../img/presentation2.png);
	height:220px;
	float:left
}

#content #right #presentation #album {
	width:349px;
	height:54px;
	background:url(../img/album_1.png);
	float:left
}

#content #right #presentation #album:hover {
	background:url(../img/album_hover.png);
}

#content #right #presentation #album p {display:none}

#content #right #presentation #album a {
	display:block;
	width:349px;
	height:54px;
}

/* Bannière PUB*/

#content #right #banniere1 {
	width:728px;
	margin-top:0px;
	height:90px;
	margin-bottom:30px;
	float:left;
	margin-top:10px;
	margin-left:-15px;
}

#pg_content img {
margin-right:10px;
margin-bottom:5px;}

#content #right #banniere2 {
	width:234px;
	height:60px;
	float:left;
	margin-right:40px; 
	margin-top:10px;
}

#content #right #banniere1 img {
margin:0;
padding:0}

#content #right #banniere {
	float:left;
	width:300px;
	 height:200px;
	margin-left:20px;
}

#content #right #banniere img {
max-height:250px;
max-width:300px;
float:right;
}

/* Bloc témoignage*/
#content #right #tem {
	float:left;
	width:400px;
	margin-top:20px;
	height:186px;
}


/* Bloc ADD témoignage */
#content #right #add_tem {
	background:url(../img/nuage_bon_plan.png)top no-repeat;
	margin-top:16px;
	margin-left:5px;
	float:left;
	width:266px;
	height:171px;
}

#content #right #add_tem a {
	display:block;
	width:266px;
	height:171px
}




/* Formulaire de contact */
.contact {
	width:711px;
	float:left;
	color:#fff
}


.contact .top h1 {display:none}
.contact .top {
	background:url(../img/contact_fond_top.png);
	height:20px;
	padding:80px 0 0 200px;
	float:left;
	width:473px
}

.contact.alerte .top_alerte {
	background:url(../img/alerte_cov_top.png);
	height:20px;
	padding:80px 0 0 200px;
	float:left;
	width:473px
}

.contact .bot {
	background:url(../img/contact_fond_bot.png);
	height:23px;
	float:left;
	width:673px
}

.contact .mid {
	background-color:#cd061b;
	float:left;
	padding:20px 20px 0px 20px;
	width:633px
}

.contact dl {
	float:left;
	width:633px
}

.contact dl dd {width:400px;float:left;margin:3px 0 3px 0}
.contact dl dd input {width:390px;float:left;height:16px;padding:4px;color:#666}
.contact dl textarea {width:390px;float:left;padding:4px;color:#666}
.contact dl dt {width:200px;float:left;margin:3px 0 3px 0}
.contact dl dt label {color:#fff;font-size:13px; font-weight:bold; text-align:right;padding:4px;}


#iframe{
	display:none;
}

label.form1{
float:left;
padding-right:15px;
padding-top:4px;
color:#fff;
width:177px;
}

label.form2{
float:left;
width:130px;
}

.add input{
margin:2px;
padding:2px;
}



.add input[type="radio"] {width:15px;
height:10px;}

.inf input{

}
.mod input{
border-width:1px;
border-style:solid;
}
.lst input{
border-width:1px;
border-style:solid;
}
.add h1{
margin-bottom:20px;
}
.inf h1{
margin-bottom:20px;
}
.mod h1{
margin-bottom:20px;
}
.lst h1{
margin-bottom:20px;
color:#fff
}
.add tr{
height:30px;
}
.inf tr{
height:30px;
}
.mod tr{
height:30px;
}
.lst tr{
height:30px;
}
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:-0px 0px 0px 0px;
  padding:0px;
  z-index:2210;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  text-align:left;
  z-index:2011;
}
div.autocomplete ul li.selected {
	background:url(../img/select.jpg) repeat-y;
	border:0;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  font-size:16px;
  border-bottom:0px;
  padding:2px;
  height:22px;
  cursor:pointer;
  z-index:2012;
}
div.autocomplete ul li.ville {
  height:50px;
  border-bottom:1px solid #ccc;
}
div.autocomplete span.actif {
  color:#FF9933
}

div.autocomplete ul li.pays {
  height:50px;
  border-bottom:1px solid #ccc;
}
#theTable-fdtablePaginaterWrapTop{
width:493px;
padding-left:5px;
float:left
}
#theTable-fdtablePaginaterWrapTop li{
	display:block;
	float:left;
	padding-left:2px;
}

.fdtablePaginater a {
color:#990000}

.fdtablePaginater li:first-child, .fdtablePaginater li:last-child {
padding:0;
width:20px;
height:17px;
background:url(../img/paginater_li_activ.png);
color:#fff
}

.fdtablePaginater li{
width:21px;
padding:0;
text-align:center;
background:url(../img/paginater_li.png);
height:17px;
color:#990000;
margin-right:1px;
margin-left:1px;
display:block;
}

.fdtablePaginater li a{
width:17px;
text-align:center;
height:13px;
color:#990000;
padding:2px;
display:block;
}


.first-page {
color:#fff}
.first-page, .last_page, .revious_page, .next-page {
width:17px;
text-align:center;
height:13px;
display:block;
}

.last-page span {
height:20px;}

.fdtablePaginater li a:visited {color:#990000}

.fdtablePaginater li a:hover {
color:#990000;
font-weight:bold;
}

#theTable-currentPage {
color:#993300;
font-weight:bold
}

#pg_content .mid {
float:left;
width:673px
}

#pg_content strong {font_size:13px;font-weight:bold;margin-bottom:25px}
#pg_content p {margin:5px 0 5px;}
#pg_content img {
float:left;
}

#pg_content .mid {
background:#cd061b;
float:left;
padding:20px;
color:#fff;
width:633px
}

.coms {
margin-bottom:10px;}

#pg_content .mid a {color:#fff}

#pg_content .mid h2 {
background:url(../img/voyage_h2.png);
padding:5px;
padding-left:30px;
padding-top:7px;
height:22px;
font-size:16px;
font-weight:normal;
margin-bottom:5px;
}

#pg_content.p_4 .mid h2 {
background:url(../img/blog_h2.png);
}

#pg_content .mid h2 em{
width:80px;float:right;
margin-top:-15px;
font-size:11px;}


#pg_content .top {
height:130px;
float:left;
background:url(../img/voyage.png);
width:673px
}

.ppage a {color:#fff}

#pg_content .bot {
height:30px;
float:left;
padding-right:20px;
color:#fff;
background:url(../img/voyage_bot.png);
width:653px
}

#pg_content.p_4 .top {
background:transparent url(../img/blog.png) repeat scroll 0 0;
float:left;
height:100px;
width:673px;
}

#pg_content {
color:#fff
}

.rechAv {
	width:673px;
	float:left
}


#content td{
	font-size:11px;
	padding:6px 0;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	vertical-align:top;
}



td.demande{
width:150px;
}

.dd_floatleft{
float:left;
}

.code_postal{
width:50px;
}
.note_etoile{
	display:block;
	max-height:14px;
	max-width:14px;
	float:left;
}

input[type=checkbox] {
	width:20px;
	float:left;
}


/*LIST 2*/
.list2 tr.tr2 td {background:url(../img/tr2.jpg) #eaeaea no-repeat top;}
.list2 { width:673px; clear:both;margin-top:30px;margin-bottom:10px;}
.list2 thead tr th { padding:0 15px 10px 15px; background-repeat:no-repeat; background-position:center; height:56px; text-align:left; text-transform:uppercase; font-weight:bold; color:#fff; border-bottom:3px solid #990000}
.list2 thead {height:40px}
.list2 tfoot tr td { width:673px; height:20px; background:url(../img/list4_foot.png) bottom	right;border-top:1px dashed #990000 }
.list2 tfoot tr th {border-top:3px solid #990000}
.list2 tr td { height:22px; padding:0 10px 3px 10px;color:#000;background:url(../img/tr1.jpg) #f8f8f8 no-repeat top;font-size:10px;}
.list2 tr td em { font-style:normal; color:#999999}
.list2 tr.trp td { background:url(../img/bg_tdl_i.gif) top repeat-x; height:22px; padding:0 15px 3px 15px;color:#fff}
.list2.pro tr.trp td {background-image:none;background-color:#232323}
.list2.pro tr td {background-image:none;padding:3px 0 3px 0;background-image:url(../img/th1_large.jpg)}
.list2 a, .list2 a:visited, .list2 a:active { text-decoration:none;color:#fff}
.list2 a:hover, .list2 a:visited:hover, .list2 a:active:hover { text-decoration:underline }
.list2 tr td[headers="o"] a, .list2 tr td[headers="o"]  a:visited, .list2 tr td[headers="o"] a:active, .list2 tr td[headers="e"] a, .list2 tr td[headers="e"]  a:visited, .list2 tr td[headers="e"] a:active { color:#fff; }
.pagination { float:left; color:#fff }
.list2 .pagination a, .list2 .pagination a:visited, .list2 .pagination a:active { color:#fff; padding:1px 3px }
.list2 .pagination a:hover, .list2 .pagination a:visited:hover, .list2 .pagination a:active:hover { text-decoration:none }
.ppage { float:right; font-size:11px;color:#fff }

.ppage a, .ppage a:visited{ font-weight:bold }

.ppage a:first-child:before {
text-decoration:none;
content: "....";
}



/*LIST 3*/
.list3 tr.tr2 td {background:url(../img/tr2.jpg) #eaeaea no-repeat top;}
.list3 { width:370px; clear:both;margin-top:10px;margin-bottom:10px;}
.list3 thead tr th { padding:0 15px 10px 15px; background-repeat:no-repeat; background-position:center; height:56px; text-align:left; text-transform:uppercase; font-weight:bold; color:#fff; border-bottom:3px solid #990000}
.list3 thead {height:40px}
.list3 tfoot tr td { width:673px; height:20px; background:url(../img/list3_foot.png) bottom	right;border-top:1px dashed #990000 }
.list3 tfoot tr th {border-top:3px solid #990000}
.list3 tr td { height:22px; padding:0 10px 3px 10px;color:#000;background:url(../img/tr1.jpg) #f8f8f8 no-repeat top;font-size:10px;}
.list3 tr td em { font-style:normal; color:#999999}
.list3 tr.trp td { background:url(../img/bg_tdl_i.gif) top repeat-x; height:22px; padding:0 15px 3px 15px;color:#fff}
.list3.pro tr.trp td {background-image:none;background-color:#232323}
.list3.pro tr td {background-image:none;padding:3px 0 3px 0;background-image:url(../img/th1_large.jpg)}
.list3 a, .list3 a:visited, .list3 a:active { text-decoration:none;color:#fff}
.list3 a:hover, .list3 a:visited:hover, .list3 a:active:hover { text-decoration:underline }
.list3 tr td[headers="o"] a, .list2 tr td[headers="o"]  a:visited, .list3 tr td[headers="o"] a:active, .list3 tr td[headers="e"] a, .list3 tr td[headers="e"]  a:visited, .list3 tr td[headers="e"] a:active { color:#fff; }
.pagination { float:left; color:#fff }
.list3 .pagination a, .list3 .pagination a:visited, .list2 .pagination a:active { color:#fff; padding:1px 3px }
.list3 .pagination a:hover, .list3 .pagination a:visited:hover, .list32 .pagination a:active:hover { text-decoration:none }
.ppage { float:right; font-size:11px;color:#fff;
height:50px }

.ppage a, .ppage a:visited{ font-weight:bold }

.ppage a:first-child:before {
text-decoration:none;
content: "....";
}
/* //// LIST 2*/


/*LIST 3
.list3 { width:673px;font-size:11px;clear:both}
.list3 thead tr th { text-align:left; text-transform:uppercase;font-size:10px; font-weight:bold; color:#fff;margin-bottom:5px;margin-top:10px;color:#fff; background:#cd061b}
.list3 thead {height:35px;}

.list3 tbody tr {background-color:#f2f1f1;padding:0;margin:0;border-top:1px dashed #CCC;margin-top:10px}
.list3 tbody tr:hover {background-color:#FFFFFF}
.list3 tbody tr td[headers="o"], .list2 tbody tr td[headers="s"],  .list2 tbody tr td[headers="d"], .list2 tbody tr td[headers="e2"]
{color:#cd061b;height:25px;border-right:1px dashed #99000;padding:0 10px 0 10px}
.list3 tbody tr td[headers="e2"] {border:0}
.list3 tbody tr td[headers="c"]{color:#3d3d3d;padding:0 10px 0 10px;border-right:1px dashed #990000}
.list3 tfoot {background:url(../img/list4_foot.png) bottom;height:15px;font-size:11px;padding:0;text-align:right;padding-left:30px}
.list3 tfoot tr a {color:#fff}
/* //// LIST3*/


.list4 { width:673px;font-size:11px;clear:both;margin-top:15px;}
.list4 thead tr th { text-align:left; text-transform:uppercase;font-size:10px; font-weight:bold; color:#fff;margin-bottom:5px;margin-top:10px;color:#fff; background:#cd061b}
.list4 thead {height:40px;}

.list4 tbody tr {background-color:#f2f1f1;padding:0;margin:0;border-top:1px dashed #CCC;margin-top:10px}
.list4 tbody tr:hover {background-color:#FFFFFF}
.list4 tbody tr td[headers="o"], .list4 tbody tr td[headers="s"],  .list4 tbody tr td[headers="d"], .list4 tbody tr td[headers="e2"]
{color:#cd061b;height:25px;border-right:1px dashed #99000;padding:0 10px 0 10px}
.list4 tbody tr td[headers="e2"] {border:0}
.list4 tbody tr td[headers="c"]{color:#3d3d3d;padding:0 10px 0 10px;border-right:1px dashed #990000}
.list4 tfoot tr {background:url(../img/list4_foot.png);height:23px;font-size:11px;text-align:right;padding-left:30px}
.list4 tfoot tr a {color:#fff}


.lst_livreor {width:380px;float:left}
.condition_gen .mid ul li, .a_propos .mid ul li {
	margin:5px 0 5px ;
	padding: 0 0 5px 0;
	margin:5px 20px 0 15px;
	line-height:15px;
	list-style-image:url(../img/puce_detail_trajet.png);
	font-size:11px;
	border-bottom:1px dashed #993300
}

.condition_gen .mid ul, .a_propos mid ul {margin-left:15px;}
strong.titre {font-size:16px}

.condition_gen .mid p, .a_propos .mid p  {
	margin:10px 0 10px 0;
	line-height:15px;
	font-size:11px
}

.condition_gen .mid h2, .a_propos .mid h2 {
	background-image:url(../img/blog_h2.png);
	width:603px;
	height:28px;
	margin-top:5px;
	padding-top:7px;
	font-size:16px;
	font-weight:normal;
	padding-left:30px;
}


.condition_gen .mid {
background:#cd061b;
float:left;
width:663px;
color:#fff;
padding-left:10px
}

.condition_gen .top {
width:673px;
background:url(../img/condition_gen.png);
height:100px;
float:left
}


.condition_gen .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


.partenaire .mid {
background:#cd061b;
float:left;
width:663px;
color:#fff;
padding-left:10px
}

.partenaire .top {
width:673px;
background:url(../img/partenaire.png);
height:100px;
float:left
}


.partenaire .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


.partenaire .mid ul li {
	padding: 0 0 5px 0;
	margin:5px 20px 0 20px;
	line-height:15px;
	list-style-image:url(../img/puce_detail_trajet.png);
	font-size:11px;
	border-bottom:1px dashed #993300
}


.condition_gen.plus .top {
width:673px;
background:url(../img/en_plus_condition.png);
height:100px;
float:left
}


.info_pers {
width:673px;
margin-bottom:10px;
float:left
}

.info_pers .top {
width:673px;
background:url(../img/crea_compte_info_persotop.png);
height:100px;
float:left
}

.info_pers .top_profil {
width:673px;
background:url(../img/mon_compte.png);
height:100px;
float:left
}


.info_pers .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}



.info_pers .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

.info_pers .left {
margin-right:10px;
float:left;
width:315px
}
.info_pers .right {
margin-right:10px;
width:315px;
float:left
}

.info_pers label.form1 {width:110px;padding-top:6px;margin:1px 0 1px 0;color:#fff}
.info_pers input,.info_pers select {width:165px;margin:1px 0 1px 0;padding:2px;color:#666; font-size:12px}


.info_id .top {
width:673px;
background:url(../img/creation-compte_info_id_top.png);
height:40px;
float:left
}

.info_id .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.info_id .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


.info_supp .top {
width:673px;
background:url(../img/info_supp.png);
height:40px;
float:left
}


.info_supp .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.info_supp a {color:#fff}

.info_supp label.form1 {width:200px;padding-top:6px;color:#fff}
.info_supp input,.info_id select {width:200px}

.info_supp .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

.info_id .mid input[type="checkbox"]
{width:10px;height:10px}

.info_id .mid .left {width:250px;float:left}
.info_id .mid .right {width:400px;float:left}

.info_id label.form1 {width:200px;padding-top:6px;color:#fff}
.info_id input,.info_id select {width:200px}

/* MDP OUBLIEE*/

.mdpoublie .top {
width:673px;
background:url(../img/mdp_oublie.png);
height:100px;
float:left
}

.mdpoublie .mid {
background:#cd061b;
float:left;
width:648px;
padding-left:25px
}

.mdpoublie .top_mon_mdp {
width:673px;
background:url(../img/mon_mot_de_passe.png);
height:100px;
float:left
}

.mdpoublie label.form1 {width:250px;margin:2px 0 2px 0;padding-top:6px;color:#fff}
.mdpoublie input,.info_id select {width:240px;margin:2px 0 2px 0;border:none}

.mdpoublie .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

/* //////// MDP OUBLIEE*/

/*INFORMATION ETAPE 1*/

.inf_etape1 .mid {
background:#cd061b;
float:left;
width:648px;
padding-left:25px
}

.inf_etape1 .top.etape1 {
width:673px;
background:url(../img/etape1.png);
height:100px;
float:left
}

.inf_etape1 .top.etape2 {
width:673px;
background:url(../img/etape2.png);
height:100px;
float:left
}

.inf_etape1 .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.inf_etape1 .mid .ville {color:#fff;font-size:16px;}
.inf_etape1 .mid .depart {background:url(../img/detail_trajet_bloc_depart.png);margin-left:15px;color:#fff;text-align:right}
.inf_etape1 .mid .arrive {background:url(../img/detail_trajet_bloc_arrivee.png);color:#fff;text-align:left}


.inf_etape1 .mid .depart, .inf_etape1 .mid .arrive{width:260px;margin-top:15px;margin-right:20px;float:left;height:20px;padding:40px 20px 20px 20px}
.inf_etape1 .mid .info_supp {width:620px;float:left;padding-left:35px;margin-top:15px}
.inf_etape1 .mid .info_supp ul li {color:#fff;margin:5px 0 5px 5px;;list-style-image:url(../img/puce_detail_trajet.png)}


.inf_etape1 .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


/* //////// INFORMATION ETAPE 1*/


.add_livreor .top {
width:673px;
background:url(../img/add_livreor.png);
height:100px;
float:left
}

.add_livreor .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.add_livreor .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

.lst_tem .top {
width:673px;
background:url(../img/lst_tem.png);
height:100px;
float:left
}

.lst_tem .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.lst_tem .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

.lst_tem_pers .top {
width:673px;
background:url(../img/lst_tem.png);
height:100px;
float:left
}

.lst_tem_pers .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.lst_tem_pers .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


.detail_trajet .top {
width:673px;
background:url(../img/detail_trajet.png);
height:100px;
float:left
}

.detail_trajet .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

.detail_trajet .mid .ville {color:#fff;font-size:16px;}
.detail_trajet .mid .depart {background:url(../img/detail_trajet_bloc_depart.png);margin-left:15px;color:#fff;text-align:right}
.detail_trajet .mid .arrive {background:url(../img/detail_trajet_bloc_arrivee.png);color:#fff;text-align:left}


.detail_trajet .mid .depart, .detail_trajet .mid .arrive{width:260px;margin-top:15px;margin-right:20px;float:left;height:20px;padding:40px 20px 20px 20px}
.detail_trajet .mid .info_supp {width:620px;float:left;padding-left:35px;margin-top:15px}
.detail_trajet .mid .info_supp ul li {color:#fff;margin:5px 0 5px 5px;;list-style-image:url(../img/puce_detail_trajet.png)}


.detail_trajet .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

.dem_et2 label.form1 {
width:150px}

input.etape1 {background:url(../img/submit_etape2.png) top;float:right;width:165px;height:20px;margin-top:-15px}
input.etape1:hover {background:url(../img/submit_etape2.png) bottom}

input.valider_dem {background:url(../img/submit_etape_valider.png) top;float:left;width:165px;height:20px;margin-top:-15px;margin-left:90px;}
input.valider_dem:hover  {background:url(../img/submit_etape_valider.png) bottom}

input.envoyer {
background-image:url(../img/submit_envoyer.png);
float:right;
height:31px;
border:0;
margin-right:25px;
margin-top:5px;
width:120px;
}

.add_livreor label.form1 {width:200px;padding-top:6px;color:#fff}
.add_livreor input,.info_id select {width:397px}


.lst_livreor .top {
width:673px;
background:url(../img/laissez_trace.png);
height:100px;
float:left
}

.lst_livreor .mid {
background:#cd061b;
float:left;
width:663px;
padding-top:10px;
padding-left:10px
}


.lst_livreor .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

/*Add-tem1 */
.add_tem1 .top {
width:673px;
background:url(../img/add_tem1.png);
height:100px;
float:left
}

.add_tem1 .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}


.add_tem1 .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}


.add_tem1 .mid .ville {color:#fff;font-size:16px;}
.add_tem1 .mid .depart {background:url(../img/detail_trajet_bloc_depart.png);margin-left:15px;color:#fff;text-align:right}
.add_tem1 .mid .arrivee {background:url(../img/detail_trajet_bloc_arrivee.png);color:#fff;text-align:left}


.add_tem1 .mid .depart, .add_tem1 .mid .arrivee{width:260px;margin-top:15px;margin-right:20px;float:left;height:20px;padding:40px 20px 20px 20px}
.add_tem1 .mid .info_supp {width:620px;float:left;padding-left:35px;margin-top:15px}
.add_tem1 .mid .info_supp ul li {color:#fff;margin:5px 0 5px 5px;;list-style-image:url(../img/puce_detail_trajet.png)}


/* ADD TRAJET */
#add_trajet .top_colis {
width:673px;
background:url(../img/info_colis.png);
height:40px;
margin-top:10px;
float:left
}

#add_trajet .top_covoit {
width:673px;
background:url(../img/info_covoit.png);
height:40px;
margin-top:10px;
float:left
}


#add_trajet .mid .depart {
background:url(../img/add_trajet_dep.png) top;
float:left;
width:290px;
height:150px;
margin-left:5px;
padding:45px 10px 10px 10px;
margin-right:15px;
}

a.etat_ok {width:100px; display:block;float:left; height:40px;background:url(../img/etat_ok.png);margin-left:5px}
a.etat_attente {width:100px;display:block;float:left; height:40px;background:url(../img/etat_attente.png);margin-left:5px}
a.etat_refuser {width:100px;display:block;float:left; height:40px;background:url(../img/etat_refuser.png);margin-left:5px}

#add_trajet .top {
width:673px;
background:url(../img/rech_av_top.png);
height:100px;
float:left
}

.aller_ret {position:absolute;margin-left:-360px}

.world {
float:left;
width:180px;height:229px;
position: relative;
background:url(../img/world.png);
margin-left:33px;
margin-bottom:-20px;
margin-top:-30px;
}

.lst_trajet_table {
position:relative;margin-top:0;margin-bottom:10px}

#add_trajet .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

#add_trajet .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}
#add_trajet .mid .depart label, #add_trajet .mid .arrivee label {width:120px;float:left;color:#fff;padding-top:8px}
#add_trajet .mid .depart label.form1, #add_trajet .mid .arrivee label.form1 {color:#fff}

#add_trajet .mid .depart input.add, #add_trajet .mid .arrivee input.add {width:140px;float:left;color:#666;height:20px;padding-top:3px}
#add_trajet #datedep {float:left;width:150px}

#add_trajet .mid .arrivee {
background:url(../img/add_trajet_arr.png) top;
float:left;
width:290px;
height:185px;
margin-left:5px;
padding:10px;
margin-right:15px;
}


/* ADD TRAJET // */

/*RECH AV*/
#rechAv .top {
width:673px;
background:url(../img/rech_av_top.png);
height:100px;
float:left
}

#rechAv .mid {
background:#cd061b;
float:left;
width:663px;
padding-left:10px
}

#rechAv .mid .depart {
background:url(../img/bloc_rech_av.png) top;
float:left;
width:290px;
height:100px;
margin-left:5px;
padding:10px;
margin-right:15px;
}

#rechAv label {color:#fff}

#rechAv .mid .arrivee:hover, #rechAv .mid .depart:hover {background:url(../img/bloc_rech_av.png) bottom}

#rechAv .mid .arrivee {
background:url(../img/bloc_rech_av.png) top;
float:left;
width:290px;
height:100px;
padding:10px;
}

#rechAv .mid .moyen {
width:620px;
height:20px;
float:left;
padding-top:10px;
border-top:1px dashed #990000;
margin-top:15px}

#rechAv .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}

#rechAv .mid .depart label.rechAv, #rechAv .mid .arrivee label.rechAv {width:80px;padding-top:6px;color:#fff}
#datedep input,  #datearrive input{border:none;}
#cryptogram {
background:#fff;
margin-left:-6px;}

input.affiner {
background:url(../img/submit_affiner.png) top;
height:31px;
float:right;
border:0;
margin-top:8px;
width:220px;
}

input.affiner:hover {background:url(../img/submit_affiner.png) bottom;}
/*////RECH AV*/



/*A_propos*/

.contrat .top {
width:673px;
background:url(../img/contrat.png);
height:100px;
float:left
}

.contrat .mid {
	background:#cd061b;
	float:left;
	padding:10px;
	width:653px;
	color:#fff;
	line-height:17px;
	padding-left:10px
}

.contrat .bot {
	float:left;
	width:673px;
	height:23px;
	background:url(../img/crea_compte_info_persobot.png)
}

a.contrat_serv {
	background:url(../img/contrat_serv.png) top;
	width:300px;
	height:400px;
	margin-right:20px;
	float:left
}

a.contrat_serv:hover {
background:url(../img/contrat_serv.png) bottom}

a.contrat_cov {
	background:url(../img/contrat_cov.png) top;
	width:300px;
	height:400px;
	float:left
}

a.contrat_cov:hover {
background:url(../img/contrat_cov.png) bottom}


/*A_propos*/
.a_propos .top {
width:673px;
background:url(../img/a_propo.png);
height:100px;
float:left
}

.a_propos.revue .top {
width:673px;
background:url(../img/presse.png);
height:100px;
float:left
}

.a_propos.revue img {
margin:10px 0 20px 0}

.a_propos a {color:#c4dd24; text-decoration:underline}

.a_propos .mid {
background:#cd061b;
float:left;
padding:10px;
width:653px;
color:#fff;
line-height:17px;
padding-left:10px
}

.a_propos .bot {
float:left;
width:673px;
height:23px;
background:url(../img/crea_compte_info_persobot.png)
}
.a_propos .mid ul {margin:10px 0 0 25px;}
.a_propos .mid ul li {color:#fff;margin:5px 0 5px 5px;list-style-image:url(../img/puce_detail_trajet.png)}

/*///////A_propos*/


input.valider {
background:url(../img/btn_valider.png) top;
height:31px;
float:right;
border:0;
margin-top:8px;
width:124px;
}

a.inscrire {
background:url(../img/inscrire.png) top;
height:31px;
margin-right:40px;
float:right;
border:0;
margin-top:8px;
width:250px;
}

input.valider:hover {background:url(../img/btn_valider.png) bottom;}

a.retour{
background:url(../img/btn_retour.png) top;
height:31px;
float:left;
border:0;
display:block;
margin-top:8px;
width:140px;
}

a.retour:hover {background:url(../img/btn_retour.png) bottom;}

a.contact_emetteur_trajet {
background:url(../img/emetteur_trajet.png) top;
height:31px;
margin-right:17px;
float:right;
border:0;

width:314px;
}


a.add_com{
background:url(../img/add_com.png) top;
height:31px;
float:left;
border:0;
display:block;
margin-top:8px;
width:140px;
}

a.add_com:hover {background:url(../img/add_com.png) bottom;}

a.add_tem2{
background:url(../img/add_tem2.png) top;
height:31px;
float:left;
border:0;
display:block;
margin-top:8px;
width:140px;
}

a.add_tem2:hover {background:url(../img/add_tem2.png) bottom;}

a.add_trajet {
background:url(../img/add_trajet.png) top;
height:31px;
float:left;
border:0;
display:block;
margin-top:5px;
width:140px;
}

a.alerte_cov {
background:url(../img/alerte_cov.png) top;
height:31px;
float:left;
border:0;
display:block;
width:214px;
margin-bottom:3px;
}

a.alerte_cov:hover {background:url(../img/alerte_cov.png) bottom;}

a.add_trajet:hover {background:url(../img/add_trajet.png) bottom;}

.apercu_photo {
float:right;
width:150px; }

.bloc_compte {width:214px;
margin-top:20px;
margin-bottom:5px;
display:block;
height:100px;
background:url(../img/bienvenue.png) top}

a.ajouter_trajet {
width:214px;
margin-top:8px;
margin-bottom:5px;
display:block;
height:31px;
cursor:pointer;
background:url(../img/ajouter_trajet_compte.png) top
}

a.ajouter_trajet:hover {
background:url(../img/ajouter_trajet_compte.png) bottom;
}




.bloc_compte .nom {color:#fff;width:214px;float:left;padding:40px 0 0 0;height:30px;text-align:center}
.bloc_compte:hover {background:url(../img/bienvenue.png) bottom}
.bloc_compte a.deco {width:214px;height:30px;display:block;float:left; text-decoration:none}
.bloc_compte a, .bloc_compte a:visited {color:#fff}
.bloc_compte a:hover {text-decoration:underline}

.modif_photo {
background:url(../img/modif_photo.png);
margin-top:10px;
width:220px;padding:10px;
height:80px;}

.aucun {text-align:center;color:#fff;font-weight:bold}


.comLivre {width:620px;float:left;margin:10px}
.comLivre .top {
	width:620px;
	background-image:url(../img/comlivre_top.png);
	float:left;
	height:50px
}

.comLivre .mid p {margin:0;padding:0 5px;line-height:18px}
.comLivre .top .user {float:left;width:190px;height:40px;padding:10px 0 0 180px;color:#cd061b;font-size:16px;font-weight:bold}
.comLivre .top .date {float:left;width:200px;height:40px;color:#fff;font-size:14px;font-weight:bold;padding:10px 0 0 50px}

.comLivre .mid {
	width:610px;
	background:#fff;
	float:left
}

.comLivre .bot {
	width:620px;
	background-image:url(../img/comlivre_bot.png);
	float:left;
	height:20px
}


.add_trajet_dep_arr .mid .depart {
background:url(../img/bloc_rech_av.png) top;
float:left;
width:290px;
height:300px;
margin-left:5px;
padding:10px;
margin-right:15px;
}

.add_trajet_dep_arr label {color:#fff}

.add_trajet_dep_arr .mid .arrivee:hover, .add_trajet_dep_arr .mid .depart:hover {background:url(../img/bloc_rech_av.png) bottom}

.add_trajet_dep_arr .mid .arrivee {
background:url(../img/bloc_rech_av.png) top;
float:left;
width:290px;
height:300px;
padding:10px;
}

.add_trajet_dep_arr .mid .depart input, .add_trajet_dep_arr .mid .arrivee input {width:90px;padding-top:6px;float:left;}

.add_trajet_dep_arr .mid .depart label.form1, .add_trajet_dep_arr .mid .arrivee label.form1 {width:90px;padding-top:6px;color:#fff}
#datedep input,  #datearrive input{border:none;}

a.send_photos {
position:absolute;
top:-15px;
z-index:20;
left:125px;
display:block;
width:250px;
background:url(../img/send_photo.png) top;
height:31px
}

a.send_photos:hover {
background:url(../img/send_photo.png) bottom;
}

#pg_content .mid #theTable-fdtablePaginaterWrapTop  {
width:600px;
padding:0 20px 0 0px;
}

#pg_content .mid #theTable-fdtablePaginaterWrapTop a  {
color:#990000
}

#content #right .partenaire { background:url(../img/bg_banniere_left_search.png); position:absolute;top:224px; left:-13px;height:60px;
left:-13px;
padding:10px 45px;
position:absolute;
top:224px;
width:134px;}


#content .banniere_menu {width:120px; padding:10px 47px; height:60px; margin-top:5px; margin-bottom:3px; background:url(../img/bg_banniere_menu.png); height:60px; float:left}