/* 
    Document   : style
    Created on : 29 mai 2011, 21:17:38
    Author     : Neodex
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}

body {
    width: 760px;
    background-color: white;
    /*    font-family: 'Helvetica 55 Roman';*/
    font-family: 'GillSansProBold', 'Helvetica', 'Arial';
    position: absolute;
}

#navigation {
    clear: both;
    width: 100%;
    height: 40px;
    background-image: url('/~automobi/images/bg/bg_menu.png');
    background-repeat: repeat-x;
}


#footer {
    background-color: #fff;
    bottom: 0;
    clear: both;
    height: auto;
    position: relative;
    margin-top: 0px;
	text-align: center;
}

#content {
    clear: both;
    width: 760px;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    min-height: 730px;
    position: absolute;
    background-color: #c7dcf6;
    background-image: url('/~automobi/images/bg/bg_interieur_colonnes.png');
    background-repeat: repeat-y;
}

#content_sans_bg {
    clear: both;
    width: 760px;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    min-height: 730px;
    position: absolute;
}

#content_up {
    background-repeat: no-repeat;
    clear: both;
    height: 5px;
}

#content_down {
    background-image: url('/~automobi/images/bg/bg_bottom_colonnes.png');
    background-repeat: no-repeat;
    bottom: 0px;
    clear: both;
    height: 5px;
    width: 740px;
    /*    margin-left: 10px;*/
    margin-right: 10px;
    position: relative;

}

#content_down_sans_bg {
    bottom: 0px;
    clear: both;
    height: 5px;
    width: 740px;
    /*    margin-left: 10px;*/
    margin-right: 10px;
    position: relative;

}

.menu {
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    float: left;
    width: 16%;
    height: 40px;
    color: white;
    font-size: 15px;
}

.menu a {
    text-decoration: none;
    color: white;
    font-weight: normal;
}

.menu:hover {
    background-image: url('/~automobi/images/bg/bg_menu_actif.png');
}

.menu:hover a {
    color: white;
    font-weight: bold;
}

.menu a#active {
    color: red;
}

.menu.requestAllFriends {
    color: #aa236c;
}

.menu.requestAllFriends:hover {
    text-decoration: none;
}

.menuDisable {
    color: white;
    cursor: default;
}

.menuDisable:hover {
    background-image: url('/~automobi/images/bg/bg_menu.png');
}

.menuBack {
    /*width: 10%;*/
    font-size:
}

#friendsOnApp {
    height: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #fff;
	margin-bottom:20px;
}

#up {
    width: 100%;
    height: 215px;
    background-color: #f6e9f0;
    padding-top: 10px;
}

#up #headband {
    width: 730px;
    height: 31px;
    background-image: url('/~automobi/images/icon/bandeau_rouge.png');
    background-repeat: no-repeat;
    color: #fff;
    /*    font-family: 'St Ryde Regular';*/
    font-size: 20px;
    padding-top: 3px;
    padding-left: 5px;
}

#up #headband .textContent {
    /*    font-family: 'Helvetica 55 Roman';*/
    font-weight: bold;
}

#destinationProposition .destinationPhoto {
    float: left;
    height: 70px;
	margin-left: 14px;
	margin-top: 10px;
    overflow: hidden;
    width: 70px;
}

#destinationPopPhoto {
    float: left;
    height: 70px;
	margin-left: 14px;
	margin-top: 10px;
    overflow: hidden;
    width: 70px;
}

#destinationPhotoFriend {
	float: left;
    height: 70px;
	margin-top: 10px;
    overflow: hidden;
    width: 70px;	
}

#up .destinationContent {
    float: left;
    font-weight: bold;
    height: 80px;
    padding-left: 20px;
    padding-top: 10px;
    text-align: justify;
    width: 390px;
}

#up .destinationContent .textContent {
    float: left;
    width: 350px;
}

#up .destinationContent .upStats {
    /*        clear: left;*/
}

#up .destinationButton, #up .addDestinationButton {
    margin-top: 10px;
    width: 180px;
    float: right;
}

#up .addDestinationButton {
    font-size: 12px;
    margin-top: 10px;
}

#up .addDestinationButton .voirDestBtn1:hover {
    font-size: 12px;
}

#up .destinationButton .loadingImage {
    margin-left: 80px;
    margin-top: 25px;
}

#up .destinationPhoto, .upPhoto {
    float: left;
    /*    width: 100px;
   height: 100px;*/
    border: 1px solid #000;
    height: 75px;
    margin-left: 20px;
    margin-top: 10px;
    padding: 2px;
    width: 100px;
}

#up .inviteBtn {
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    text-align: center;
}

.upInfos {
    float: left;
    font-size: 15px;
    margin-top: 10px;
    margin-left: 20px;
    width: 600px;
}

.upInfos .pink {
    font-size: 22px;
}

.upStats {
    float: left;
    height: 50px;
    /*    margin-left: 40px;*/
    /*    margin-top: 10px;*/
}

.titletrip,
h1.chargement{
	color: #aa236c;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 10px;
}

#left {
    float: left;
    width: 500px;
    min-height: 490px;
    height: 100%;
    /*    background-color: #ededed;*/
}

#left #tabs {
    margin-left: 5px;
}

#left #contentLeft {
    /*margin-top: 20px;*/
}

#left .title, .howToHeadband .title, #howItWorks .title {
    color: #aa236c;
    margin-bottom: 10px;
}

#titlereponses {
	font-size:14px;
	color: black;
}

#left .tab_content {
    margin-top: 50px;
}

#left .howToHeadband {
    margin-left: 10px;
    margin-right: 10px;
    height: 23px;
    background-color: #e5d8e1;
    padding-top: 10px;
    padding-left: 10px;
}

.howToContent {
    background-color: #e5d8e1;
    height: 80px;
    margin-left: 15px;
    margin-right: 15px;
    width: 500px;
}

.howToTextClose, .howToTextMore {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}

#right {
    float: right;
    width: 238px;
    /*min-height: 490px;*/
	border-left: 1px solid #999;
    /*    background-color: #c7dcf6;
        background-image: url('/~automobi/images/bg/bg_interieur_droite.png');
        background-repeat: repeat-y;*/
}

#right .title {
    display: block;
}

#right #contentRight {
    /*margin-top: 5px;*/
    margin-left: 16px;
    min-height: 460px;
}

#down {
    bottom: 0px;
    clear: left;
    height: 30px;
    position: relative;
    text-align: center;
	border-left: 1px solid #BBBBBB;
}

.puce {
    margin-top: 10px;
    height: 15px;
    width: 100%;
    background-image: url('/~automobi/images/icon/puce_bandeau.png');
    background-repeat: no-repeat;
    font-size: 12px;
}

.puce .puceNb {
    /*    font-family: 'St Ryde Regular';*/
    float: left;
    color: #fff;
    margin-left: 10px;
    font-weight: bold;
}

.puce p {
    float: left;
    color: #000;
    margin-left: 30px;
}

.title {
    font-weight: bold;
    /*    font-family: 'St Ryde Regular';*/
    display: block;
}

#contentRight .title{
    margin-top: 20px;
    color: #AA236C;
}

#contentRight .inviteBtn {
    margin-left: 20px;
    margin-top: 20px;
}

#quickSearch {
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 30px;
    width: 100%;
}

.toDelete {
    height: 150px;
}

#logo {
    margin-top: 10px;
    float: left;
}

.tabs li {
    float: left;
    position: relative;
}

.pink {
    color: #aa236c;
    font-weight: bold;
}

.closeBtn, .closeHeadband {
    cursor: pointer;
    float: right;
}

.closeBtn {
    margin-top: 10px;
}

.step {
    float: left;
    width: 32%;
    height: 80%;
}

.sign {
    float: left;
    background-image: url('/~automobi/images/icon/panneau.png');
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    color: #fff;
    line-height: 70px;
    text-align: center;
    /*    font-family: 'St Ryde Regular';*/
}

.advice {
    margin-top: 10px;
    font-size: 13px;
}

.howToHeadband .spacer {
    float: left;
    width: 1px;
    height: 50px;
    background-color: #aa236c;
    margin-left: 5px;
    margin-top: 10px;
}

.howToHeadband .title{
    margin-bottom: 10px;
    /*    margin-top: 10px;*/
}


#howItWorks .content{
	font-style: italic;
	font-size:12px;
}

.howToHeadband .content{
	font-size:12px;
}

.underSidebar{
	margin-top:3px;
}
.underSidebar .content{
	font-size:12px;
	text-align:left;
}


.horizontalSpacer {
    background-color: #313237;
    clear: both;
    height: 1px;
    width: 100%;
    margin-bottom: 5px;
}

#searchBar {
    background-color: #dcd0da;
    float: left;
    height: 33px;
    /*margin-left: 180px;*/
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    min-height: 27px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    width: 760px;
    z-index: 99;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#searchContener {
    background-color: #fff;
    height: 155px;
    padding-bottom: 10px;
}

#searchContenerDest {
    background-color: #fff;
    height: 50px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: 0;
    top: -10px;
}

#searchContent {
	float:left;
    background-color: #ededed;
    height: 150px;
    width:475px;
    padding: 0px 10px;
    padding-top: 10px;
}

#propositionsContener {
    background-color: #f6e9f0;
    height: 275px;
    padding-bottom: 10px;
}



#propositionsContent {
	float:left;
    background-color: #f6e9f0;
    height: 230px;
    width:475px;
    padding: 0px 10px;
    padding-top: 10px;
	margin: 10px 13px 5px 5px;
}

#reponseEC {
    float:left;
    width:193px;
    height: 100px;
	margin-top: 10px;
}

#reponseEC .destinationPhoto {
	overflow: hidden;
    width: 70px;
}

#reponseEC table {
	width: 100%;
}

#reponseEC table tr td {
	width: 50%;
}

#citycourante {
    float:left;
    width:80px;
    height: 100px;
	margin-right: 30px;
}

#citycouranteTrip {
    float:left;
    width:100px;
    height: 100px;
	margin-left: 25px;
	text-align:center;
}

#reponseEC #currentfriend {
    float: left;
    
    width: 80px;
    height: 100px;
}

#currentfriend .friendsInfos {
    margin-top:3px;
    color:#000000 !important;
}

#currentfriend .friendsPhoto {
    margin:0 !important;
}

#propositionencours #destinationProposition{
	background-image: url('/~automobi/images/bg/bg_destination.png');
    background-repeat: no-repeat;
    float:left;
	padding-top: 15px;
    width:175px;
    height: 150px;
}

#propositionencours #friendProposition {
    float: left;
    width:100px;
    height: 165px;
	text-align:center;
	margin-left: 20px;
}

#propositionencours .friendsInfos {
    margin-top:13px;
    margin-bottom:-20px;
    font-size:18px;
	width: 100px;
}

#propositionencours #avec {
    float: left;
    width:80px;
    height: 125px;
    margin-left:20px;
}

#propositionencours .boutonschanger pre{
	font-size:10px;
	font-family: 'GillSansProBold', 'Helvetica', 'Arial';
}

#propositionReponseencours{
    width:475px;
    height: 125px;
}

#propositionReponseencours #destinationPropositionReponse{
    float:left;
    width:110px;
    height: 125px;
}

#propositionReponseencours #friendPropositionReponse {
    float: left;
    width:100px;
    height: 100px;
}

#propositionReponseencours .friendsInfos {
    margin-top:0;
	margin-bottom:-10px;
    font-size:14px;
}

#propositionReponseencours #avec {
    float: left;
    width:120px;
    height: 125px;
    margin-left:20px;
}

#howItWorks {
    float:left;
    margin-left:5px;
    background-color: #C7DCF6;
    height: 150px;
    width:220px;
    padding: 0px 10px;
    padding-top: 10px;
	margin-top: 17px;
}

#reponsesamis {
    float:left;
	margin-top: 20px;
    margin-left: 5px;
	background-image: url('/~automobi/images/bg/bg_reponse.png');
	background-repeat: no-repeat;
    height: 255px;
    width: 220px;
    padding: 0px 11px;
    padding-top: 23px;
}

.title2 {
    margin-top: 20px;
    font-weight: bold;
    display: block;
}

#tagCloud {
    width: 85%;
    margin-left: 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: justify;
}

#destinations {
    margin-top: 20px;
}

.destination {
    height: 80px;
}

#popindestination {
    height: 100px;
    width: 500px;
}

#popindestination .contentDestination {
    height: 75px;
    margin-bottom: 10px;
    padding-right:20px;
}

#myDestinations .destination {
    height: 90px;
    margin-top: 10px;
}

.friends {
    height: 85px;
}

.friendsButton, .destinationButton, #myFriends .inviteBtn {
    float: right;
    margin-top: 10px;
}

#myFriends .inviteBtn {
    margin-right: 0px;
}

#myDestinations .destinationButton {
    clear: right;
}

.suggestionButtonProposition {
    margin-top: 5px;
    float: left;
    width:120px;
    /*    margin-right: 35px;*/
}

.suggestionButton {
    margin-top: 10px;
    float: right;
	width: 120px;
    /*    margin-right: 35px;*/
}

.suggestionButtonPopin {
    margin-top: 5px;
    float: right;
    /*    margin-right: 35px;*/
}

.destinationDetails, .destinationPhoto {
    float: left;
    width: 90px;
}

.contentDestination .destinationDetails {
    float: left;
    width: 210px;
}

.destinationDetails, .friendsDetails {
    float: left;
    margin-left: 10px;
}

.destinationDetails .cityName, .cityName a {
    color: #aa236c;
    font-weight: bold;
    font-size: 18px;
	width: 100px;
	text-align: center;
}

.destinationDetails .cityName a {
    text-decoration: none;
}

.nbFriendsOn, .friendsDestinations {
    font-size: 13px;
    color: #4f4f4f;
    margin-top: 5px;
    line-height: 15px;
}

.friendsDestinations {
    margin-left: 20px;
    width: 270px;
}

.nbFriendsOn {
    width: 220px;
}

#myDestinations .nbFriendsOn {
    margin-left: 10px;
    width: 240px;
}

.stats {
    clear: left;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-right: 30px;
    margin-top: 30px;
    text-align: center;
}

.stats2 {
    margin: 0 30px 0 20px;
    text-align: left;
}

.stats .pinkBig {
    color: #aa236c;
    font-size: 18px;
    font-weight: bold;
}

.upStats .stats {
    float: left;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 3px;
}

#lastestDestinations {
    margin-top: 5px;
    height: 110px;
}

#lastestDestinations .destination {
    margin-top: 0px;
    height: 25px;
}

#lastestDestinations .destination:hover {
    background-color: #fff;
}

#lastestDestinations .destinationDetails {
    margin-top: 5px;
    text-indent: 20px;
}

#lastestDestinations .destination a {
    text-decoration: none;
    color: #aa236c;
}

#lastestDestinations .closeBtn {
    margin-top: 15px;
    width: 15px;
    float: right;
}

#lastestDestinations .cityName {
    font-size: 14px;
}

#lastestDestinations .moreFriends {
    font-size: 12px;
    margin-right: 40px;
}

#inviteFriends {
    margin-top: 10px;
}

#inviteFriends .inviteBtn {
    margin-top: 10px;
    margin-left: 20px;
}

.friendsInfos {
    margin-top: 10px;
    font-size: 14px;
}

.friendsPhoto {
    float: left;
    width: 50px;
    margin-left: 14px;
    margin-top: 29px;
}

.postInfos {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    width: 400px;
}

.postInfosContent {
    font-size: 14px;
    width: 400px;
    padding:10px;
    background:#FFFFFF;
}

.postPhoto {
    float: left;
    width: 50px;
    margin-left: 5px;
    margin-top: 15px;
}

.commentInfos {
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
    width: 350px;
}

.commentPhoto {
    float: left;
    width: 35px;
    margin-left: 70px;
    margin-top: 15px;
}
.commentReponse{
    float: left;
    width: 340px;
    margin-left: 105px;
    margin-top: 15px;
}

.commentReponseMin{
    float: left;
    width: 340px;
    margin-left: 105px;
    margin-top: 15px;
}

.voirDestBtn1, .voirDestBtn2, .inviteBtn, .commentBtn, .conseilBtn, .yaller, .yallerSmall,
.nePlusYaller, .onglet, .voirDest, .want, .went, .wentBig, .postAdvice, .postTrip {
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

 .inviteFriend, .closeFriend{
 	width:15px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    height: 15px;
    line-height: 15px;
    text-align: center;
}

.voirDestBtn1:hover, .voirDestBtn2:hover, .inviteBtn:hover,
.commentBtn:hover, .conseilBtn:hover, .yaller:hover, .yallerSmall:hover, .nePlusYaller:hover,
.onglet:hover, .voirDest:hover, .want:hover, .went:hover, .wentBig:hover, .postAdvice:hover, .postTrip:hover {
    /*    color: #000;*/
    font-weight: bold;
    font-size: 13px;
}

.voirDestBtn2 a, .inviteBtn a, .voirDestBtn1 a, .commentBtn a, .conseilBtn a, .yaller a, .yallerSmall a,
.nePlusYaller a, .onglet, .inviteFriend a, .voirDest a, .want a, .went a, .postAdvice a, .postTrip a {
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}

.dateTime {
    color: #4f4f4f;
    margin-top: 5px;
    font-size: 10px;
}

.inviteBtn, .postAdvice, .postTrip {
    background-image: url('/~automobi/images/btn/btn_inviter.png');
    padding-left: 10px;
    width: 170px;
}

.inviteBtn:hover, .inviteBtn:active {
    cursor: pointer;
}

.inviteBtn .requestAllFriends {
    color: #fff;
}

.inviteBtn .requestAllFriends:hover {
    text-decoration: none;
}

.voirDestBtn1 {
    background-image: url('/~automobi/images/btn/btn_voirdesti1.png');
    width: 160px;
}

.voirDestBtn2 {
    background-image: url('/~automobi/images/btn/btn_voirdesti2.png');
    width: 130px;
}

.commentBtn {
    width: 120px;
    background-image: url('/~automobi/images/btn/btn_commenter.png');
}

.conseilBtn {
    font-size: 12px;
    width: 120px;
    background-image: url('/~automobi/images/btn/btn_conseil.png');
}

.conseilBtn:hover {
    font-size: 12px;
}

.yaller {
    width: 160px;
    background-image: url('/~automobi/images/btn/btn_yalleraussi.png');
}

.yallerSmall {
    width: 125px;
    background-image: url('/~automobi/images/btn/btn_yaller.png');
}

.nePlusYaller {
    width: 160px;
    background-image: url('/~automobi/images/btn/btn_neplusyalleraussi.png');
}

.want, .went {
    height: 32px;
    line-height: 32px;
    /*width: 117px;*/
}

.want {
    background-image: url('/~automobi/images/btn/btn_want.png');
}

.went {
    background-image: url('/~automobi/images/btn/btn_went.png');
    color: #aa236c;
	margin-top: 10px;
}

#discute {
	display:block;
	background-image: url("/images/btn/btn_discute.png");
    color: #AA236C;
    margin-top: 5px;
	height: 30px;
	width: 103px;
}

#discute:hover {
	background-position: 0 -30px;
}

#reponse {
	display:block;
	background-image: url("/images/btn/btn_reponse.png");
    color: #AA236C;
    margin-top: 5px;
	height: 30px;
	width: 103px;
	margin-left: 98px;
}

#reponse:hover {
	background-position: 0 -30px;
}

.wentBig {
    background-image: url('/~automobi/images/btn/btn_wentBig.png');
    color: #aa236c;
    /*width: 160px;*/
}

.wanttrip {
	display:block;
    background-image: url('/~automobi/images/btn/btn_wantsprite.png');
	height: 66px;
	width: 115px;
}

.wanttrip:hover {
	background-position: 0 -66px;
}

.postAdvice, .postTrip {
    margin-left: 20px;
    margin-top: 10px;
}

.postAdvice a, .postTrip a {
    font-size: 14px;
}

.postAdvice a:hover, .postTrip a:hover {
    font-weight: bold;
    font-size: 13px;
}

.onglet {
    width: 100px;
    background-image: url('/~automobi/images/btn/onglet_visite.png');
}

#userPhoto {
    border: 1px solid #4f4f4f;
    float: left;
    margin-top: 17px;
    margin-left: 20px;
    padding: 2px;
    height: 65px;
}

.friendsWentToDestination, .friendsLiveOnDestination, .friendsWantToGoDestination {
    min-height: 150px;
    clear: both;
}

.paging {
    text-align: center;
}

#searchBar input[type=text] {
    border: none;
    color: #B5B5B5;
    font-size: 100%;
    font-style: italic;
    height: 2em;
    line-height: 2em;
}

#searchBar input[type=text]:hover, #searchBar input[type=text]:focus {
    background-color: #c7dcf6;
}

#results {
	margin-left: 178px;
	opacity: 0.95;
	width: 390px;
    position: static;
    z-index: 999;
}

#results a li {
    color: #4F4F4F;
    font-size: 15px;
    height: 25px;
    margin: 0 10px;
    line-height: 25px;
    text-align: left;
    text-indent: 10px;
    width: 390px;
    z-index: 999;
}

#results a li:hover {
    color: #aa236c;
    font-weight: bold;
    z-index: 999;
}

#results .country {
    color: #B5B5B5;
    font-weight: normal;
    z-index: 999;
}

#results a li {
    background-color: #fff;
    z-index: 999;
}

/*#results a li.odd{
    background-color: #fff;
}

#results a li.even{
    background-color: #c7dcf6;
}*/

#results a li:focus, #results li:hover {
    background-color: #c7dcf6;
    z-index: 999;
}

#results a {
    text-decoration: none;
    z-index: 999;
}

.FriendsPictureslist {
    width: 100%
}

.FriendsPictureslist .friendsPhoto {
    opacity: 0.5;
}

.FriendsPictureslist .friendsPhoto:hover, .FriendsPictureslist .friendsPhoto:active {
    opacity: 1;
}

.moreFriends {
    clear: both;
    float: right;
    margin-bottom: 20px;
    margin-top: 5px;
    margin-right: 10px;
    text-align: right;
    width: 100%
}

.myFriends .friends {
    height: 90px;
    position: relative;
}

.myFriends .friendsInfos {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    width: 350px;
}

.myFriends .friendsButton {
    margin-top: 0px;
}

.myFriends .friendsDestinations {
    width: 200px;
}

.myFriends .dateTime {
    /*    clear: both;*/
    float: left;
    margin-left: 10px;
}

.myFriends .friendsPhoto {
    margin-top: 10px;
}

.myFriends .horizontalSpacer {
    float: right;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}

#more {
    margin-top: 10px;
}

.load_more {
    color: #2276BB;
    background-color: #FFFFFF;
    background-image: url("/images/more.gif");
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #DDDDDD #AAAAAA #AAAAAA #DDDDDD;
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 1.5em;
    margin-left: 15px;
    margin-bottom: 6px;
    outline: medium none;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #FFFFFF;
    width: 90%;
}

.load_more {
    -moz-border-radius: 5px 5px 5px 5px;
}

.load_more:hover {
    background-position: left -78px;
    border: 1px solid #BBBBBB;
    text-decoration: underline;
}

.load_more:active {
    background-position: left -38px;
    color: #666666;
}

.suggestedFriend {
    height: 80px;
    margin-top: 10px;
    /*    z-index: 2;*/
}

.suggestedFriend .friendsPhoto {
    height: 50px;
    margin-top: 0px;
    width: 50px;
}

.suggestedFriend .friendsInfos {
    float: left;
    margin-left: 10px;
    margin-top: 0px;
    width: 150px;
}

.suggestedFriend {
	
    float: left;
    margin-left: 10px;
    /*    margin-top: 10px;*/
}
#blocBoutonsFriend{
	width:50px;
	margin:auto;
}

.inviteFriend, .closeFriend{
	width:20px !important;
    float: right !important;
	margin-right:5px ;
    /*    margin-top: 10px;*/
}

#suggestedFriend .requestThatFriend{
    float:left;
    width:15px !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
    cursor: pointer !important;
    height: 15px !important;
    line-height: 15px !important;
    text-align: center !important;
}

#suggestedFriend .requestThatFriend{
	width:20px !important;
    float: right !important;
	margin-right:5px ;
    /*    margin-top: 10px;*/
}

.closeFriend{
	margin-right:80px !important;
}

.suggestedFriend  {
    cursor: pointer;
    margin-right: 5px;
    margin-top: 0px;
    /*    z-index: 1;*/
}

.notice {
    clear: both;
    color: #4f4f4f;
    font-size: 12px;
    font-style: italic;
    text-align: center;
}

.titlePictures{
    clear: both;
    color: #4f4f4f;
    font-size: 12px;
    font-style: normal;
    font-weight:bold;
}

.filtres {
    margin-top: 15px;
    text-align: center;
    height: 37px;
}

/*.horizontalSpacer{
    margin-top: 5px;
}*/
/*.filtres li{
    display: inline;
    margin-left: 10px;
    margin-right: 10px;
    width: 50px;
}*/

.filtres ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.filtres li {
    margin-left: 2px;
    float: left; /*pour IE*/
}

.filtres ul li a {
    display: block;
    float: left;
    width: 110px;
    /*    background-color: #d3d3d3;*/
    /*    color: black;*/
    text-decoration: none;
    text-align: center;
    padding: 5px;
    /*    border: 2px solid;*/
    /*pour avoir un effet "outset" avec IE :*/
    /*    border-color: #DCDCDC #696969 #696969 #DCDCDC;*/
}

.filtres ul li a:hover {
    /*    background-color: #d3d3d3;*/
    /*    border-color: #696969 #DCDCDC #DCDCDC #696969;*/
    font-weight: bold;
    color: #2276BB;
    font-size: 13px;
}

.filtres a, .moreFriends a {
    text-decoration: none;
}

.filtres a:hover, .filtres a:active, .moreFriends a:hover, .moreFriends a:active {
    /*    font-weight: bold;*/
    color: #2276BB;
}

.filtres .selected {
    background-color: #d3d3d3;
    font-weight: bold;
    font-size: 13px;
}

#listSuggestedFriends {
    min-height: 250px;
}

#listSuggestedFriends span.inviteAccroche {
    font-size: 12px;
    color: #524F46;
}

.contentDestination {
    height: 75px;
    margin-bottom: 10px;
}

#suggestionDestinations {
    margin-top: 20px;
}

#suggestionDestinations .destination {
    height: 100px;
}

#glassNsearch {
    border: 1px solid #bbbbbb;
    background-color: #fff;
    /*    height: 2em;*/
    margin-left: 187px;
    /*    margin-top: 10px;*/
    width: 390px;
	-moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
}

#glassNsearch:hover, #glassNsearch:focus, #glassNsearch:active {
    background-color: #c7dcf6;
}

#glass {
    display: inline;
}

.destinationState {
    /*    background-color: #c7dcf6;*/
    background-image: url('/~automobi/images/btn/btn_suppdesti.png');
    background-repeat: no-repeat;
    color: #aa236c;
    float: right;
    font-size: 14px;
    height: 15px;
    padding-left: 10px;
    text-align: center;
    width: 90px;
}

.destinationState.visited {
    /*    background-color: #e5d8e1;*/
    color: #2276BB;
}

.inviteFriendLightbox {
    text-align: center;
}

.inviteFriendLightbox .suggestedFriend {
    margin-left: 80px;
    width: 300px;
}

.voirDest {
    background-image: url('/~automobi/images/btn/btn_voirdestiInvers.png');
    float: right;
    height: 15px;
    line-height: 15px;
    margin-bottom: 20px;
    /*    margin-left: -10px;*/
    width: 190px;
}

.horsContentMydestination .title {
    margin-top: 20px;
    margin-left: 10px;
}

.horsContentMydestination .horizontalSpacer {
    margin-bottom: 30px;
}

.rankModule {
    min-height: 150px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.rankModule .rank {
    float: left;
    height: 60px;
    margin-left: 10px;
    width: 95%;
}

.rank:hover, .rank:active {
    background-color: #fff;
}

.rankModule .rankPosition {
    float: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 50px;
    text-align: center;
    width: 20px;
}

.rankPhoto {
    float: left;
    height: 50px;
    margin-right: 0px;
    margin-top: 5px;
    width: 50px;
}

.rankInfo {
    float: left;
    height: 100%;
}

.rankName a {
    color: #000;
}

.rankName p {
    bottom: 0;
    position: absolute;
    font-weight: bold;
}

.rankDestination p {
    color: #4F4F4F;
    font-size: 11px;
    font-weight: bold;
}

.rankModule .rankName, .rankModule .rankDestination {
    height: 50%;
    position: relative;
    width: 140px;
}

.linkOnName a {
    color: #000;
    font-weight: bold;
}

.linkOnName a:hover {
    color: #2276BB;
}

.countryInHeadBand {
    font-size: 16px;
    font-weight: normal;
}

.fb_iframe_widget {
    float: right;
    margin-top: 10px;
}

.popinNoneStateDestinationButton {
    float: none;
    font-size: 18px;
    height: 200px;
    margin-left: 20px;
    margin-top: 80px;
    text-align: center;
    width: 95%;
}

.popinNoneStateDestinationButton .actionButton {
    float: left;
}

#myFriends .friends .inviteBtn {
    background-image: url('/~automobi/images/btn/btn_commenter2.png');
    padding-left: 0px;
    width: 160px;
}

.layoutDown {
    width: 500px;
}

.inviteBlue {
    color: #3B5998;
    cursor: pointer;
    clear: both;
}

.inviteFriendUp {
    float: right;
    margin-top: -20px;
    text-align: center;
    width: 210px;
}

.vote {
    float: right;
    margin-right: 50px;
    margin-top: 10px;
}

.vote a {
    color: #3b5998;
}

.vote a:hover {
    text-decoration: underline;
}

.requestAllFriends {
    color: #3B5998;
    cursor: pointer;
}

.requestAllFriends:hover {
    text-decoration: underline;
}

#ecart {
    background-color: #fff;
    height: 30px;
}

.betaNotice {
    color: #C00;
    font-size: 15px;
    text-align: center;
    width: 100%;
}

.betaNotice a {
    color: #C00;
    text-align: center;
    text-decoration: underline;
    width: 100%;
}

.seeFriendsofFriendsOnDestination {
    float: left;
    font-size: 10px;
    font-weight: bold;
    margin-top: 5px;
}

.seeFriendsofFriendsOnDestination a {
    color: #3B5998;
}

.seeFriendsofFriendsOnDestination a:hover {
    text-decoration: underline;
}

#friendsOnSameDestination .dateTime, #myDestinations .dateTime {
    float: left;
    width: 150px;
}

.haveToGoToTrip {
    width: 460px;
}

#friendsOfFriendsOnDestination .friendsWentToDestination,
#friendsOfFriendsOnDestination .friendsWantToGoDestination,
#friendsOfFriendsOnDestination .friendsLiveOnDestination {
    max-height: 270px;
    overflow: auto;
    margin-top: 10px;
}

.blueLink {
    color: #3b5998;
}

.blueLink:hover {
    text-decoration: underline;
}

.ui-autocomplete-loading {
    background: white url('/~automobi/images/btn/btn_loadR.gif') right center no-repeat;
}

.autocomplete_img {
    width: 150px;
    float: left;
    margin: 8px 0 0 8px;
}

.search_link_action {
    width: 180px;
    float: right;
    clear: right;
}

.search_link_action, .search_link_action:hover, .ui-state-hover {
    font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
    font-style: normal;

}

.autocomplete_title {
    background-color: #fff;
}

.ui-menu-item {
    z-index: 0;
    position: relative;
    height: 110px;
    top: 0;
    background-color: #F6E9F0;
    padding-top: 10px;

}

.ui-widget-content {
    width: 365px;
    border: 1px solid #F6E9F0;
}

.destinationStatus {
    margin: 0 10px;
    font-size: 0.9em;
}

.indexGrey {
    font-size: 12px;
    color: #524F46;
    font-style: italic;
}

.indexGreyPost {
    color: #524F46;
    font-style: italic;
}

.indexGrey2 {
    font-size: 12px;
    color: #524F46;
    font-weight: normal;
}

.indexGrey3 {
    font-size: 18px;
    color: #aa236c;
    font-style: normal;
}

.indexBlue {
    font-size: 12px;
    color: #095495;
    font-style: normal;
}

a.indexBlue, a.indexBlue:hover
{
    color: #095495 !important;
    outline: none !important;
    text-decoration: none !important;
}

a.indexBlue:hover{
text-decoration: underline  !important;
}

.moreDestination {
    text-align: center;
    margin-top:15px;
}

.postpage input[type="submit"]{
	float:right;
}


.inviteFriendLightbox .requestThatFriend, .inviteFriendLightbox .requestThatFriendTrip{
 	width:15px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    height: 15px;
    line-height: 15px;
    text-align: center;
}


.inviteFriendLightbox .requestThatFriend a, .inviteFriendLightbox .requestThatFriendTrip a{
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}

.inviteFriendLightbox .requestThatFriend, .inviteFriendLightbox .requestThatFriendTrip{
	width:20px !important;
    float: right !important;
	margin-right:5px ;
    /*    margin-top: 10px;*/
}

.inviteFriendLightbox .requestThatFriend, .inviteFriendLightbox .requestThatFriendTrip{
	width:120px;
    background-repeat: no-repeat;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.inviteFriendLightbox .requestThatFriend:hover, .inviteFriendLightbox .requestThatFriendTrip:hover{
    /*    color: #000;*/
    font-weight: bold;
    font-size: 13px;
}

.inviteFriendLightbox .requestThatFriend a, .inviteFriendLightbox .requestThatFriendTrip a{
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    text-decoration: none;
}

.inviteFriendLightbox .requestThatFriend , .inviteFriendLightbox .requestThatFriendTrip{
    width: 120px !important;
    margin-right: 60px !important;
    background-image: url('/~automobi/images/btn/btn_commenter.png');
}

.clear{
    clear:both;
}

.postInfos .button {
   visibility: hidden;   
}  

.postInfos:hover .button {
   visibility: visible;
   cursor: pointer;
} 

.commentInfos .button {
   visibility: hidden;   
}  

.commentInfos:hover .button {
   visibility: visible;
   cursor: pointer;
}



/* page trip */

.nub {
    background: url("images/nub.png") no-repeat scroll center top transparent;
    height: 25px;
    left: 9px;
    position: absolute;
    top: 2px;
    width: 11px;
}

.textareatab{
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
    font-size: 13px;
    margin: 0;
    outline: medium none;
    padding:5px;
    resize: none;
    vertical-align: bottom;
    width: 100% !important;
}

.defaultvalue{
	color:#A6A6A6;
	font-style: italic;
}

.error{
    color:#FF0000;
}

.uiMetaComposerMessageBoxShelf{
	background-color:#FFF;
	border:1px solid #888888;
	width:488px;
	margin-left:5px;
}

#typemessage span.selected, #typemessage span.notselected{
  display: block;
  float: left;
  position: relative;
  cursor: pointer;
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  color:#5A5A5A;
  font-size: 14px;
  top: 10px;
  margin-bottom:5px;
  margin-top:0px;
  margin-right:5px;
  margin-left:5px;
  padding:8px;
}

#typemessage span.selected{
	color:#B1347B;
	background-color:#DADADA;
	font-weight:bold;
	cursor: default;
}


#httpspan{
	display: block;
	float: left;
	position: relative;
	color:#FFFFFF;
	background-color:#CCCCCF;
	font-size: 14px;
	font-weight:bold;
	height:25px;
	width:60px;
	padding-top:5px;
	padding-left:20px;
	font-style: italic;
}

#urloffre{
	height:30px;
	width:370px;
	border-width: 0;
	padding-left:7px;
	padding-right:10px;
	font-size:13px;
}

.spinner {
	position: absolute;
	text-align:center;
	z-index:1234;
	margin-left:200px;
	overflow: auto;
	width: 100px; /* width of the spinner gif */
	height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
}

#spinnerIndex {
	margin-left:290px;
}

/* fin page trip */

a.style1, a.style1:hover{
    text-decoration: underline ;
    color: #7BB8F3;    
}

a.style1:hover{
    text-decoration: none;
}

a.style2, a.style2:hover{
    text-decoration: underline ;
    color: #095495;
    font-size:12px;
}

a.style2:hover{
    text-decoration: none;
}

a.style3, a.styl3:hover{
    text-decoration: none ;
    color: #524F46;
    font-size:12px;
}

a.style3:hover{
    text-decoration: underline;
}

#creditsUser{
	color: #aa236c;
	font-weight: bold;
	font-size: 34px;
	text-shadow: 0 1px 0 #FFFFFF;
}

#boutonsVoirReponse {
	margin-top: 15px;
}

#messageVoirReponse {
	margin-top: 30px;
	text-align: center;
}

.bigger{
	font-size: 14px !important;
}
a.lien_rouge, a.lien_rouge:hover{
    text-decoration: underline ;
    color: red;
    font-size:12px;
}

a.lien_rouge:hover{
    text-decoration: none;
}


#prop_acceptee{
    color:#488126;
    text-align: center;
    font-weight: bold;
	margin-left: 22px;
}

#prop_refusee{
    color:#CC3939;
    text-align: center;
    font-weight: bold;
	margin-left: 32px;
}

#citycourante .cityName,{	
    color: #AA236C;
    font-size: 18px;
    font-weight: bold;
	margin-left: 20px;
	
}

#content_amis{
    background-color: #C7DCF6 !important;
    height: 140px;
	padding-left: 16px;
    padding-top: 17px;
}

#content_message_up{
    background-color: #FFFFFF !important;
    height: 45px;
	width: 100%;
}

#content_spacer{
    background-color: #FFFFFF !important;
    /*height: 30px;*/
}

#content_message{
    background-color: #FFFFFF !important;
    height: 30px;
    display: none;
	width: 100%;
}

#content_message .message_info{
    background-color: #B7D6A6 !important; height: 30px;
    width: 100%;
	color: #030;
    height: 30px;
    font-weight: bold;
    padding: 10px 10px 0;
}

#content_message .message_erreur{
    background-color: #666666 !important; height: 30px;
    width: 100%;
    height: 30px;
    font-weight: bold;
    padding: 10px 10px 0;
}

#content_message .message_erreur p.perreur{
	margin:0;
    padding:0;
	margin-top:-7px;
  position:absolute;
}

#amis_en_ligne{
    margin-top: 20px;
}

#content_amis .title
{
    color: #AA236C;
}

.nomuser{
	color: #000000;
	font-weight: bold;
}