/* Généralités  */

html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}


body{
  font-family : "Trebuchet MS", Arial, Verdana;
  background : #1C1D1F url(../images/geosneo/bg_container.jpg) repeat-x top left;
}

#referencement{
	margin:10px 0 0 8px;
	overflow:hidden;
	text-align:center;
}
#referencement ul li{
	margin:0 10px 0 0;
	display:inline;
}

#googleMapsDivDialog{
  color : black;
  position : relative;
  margin-right:3px;
}

#googleMapsDiv{
	margin-top:5px;
	width: 100%; 
	height: 700px;	
}

#googleMapsDiv h1, #googleMapsDiv h2, #googleMapsDiv p{
  color: #323335;
  border : none;
  background : none;
}

input,select,textarea{
  border-right:1px solid #FFED9E;
  border-top:1px solid #FFED9E;

  border-left:1px solid #EAD475;
  border-bottom:1px solid #EAD475;
}

input[type=checkbox],input[type=radio]{
  border : none;
}

#header{
  background : url(../images/geosneo/bg_header.jpg) repeat-x top left;
  overflow: hidden;
  height : 73px;
}

#container{
  border-top : none;
  padding-bottom : 5px;
 /* position :relative;*/
}

input[type=submit]{
  font-size : 0.9em;
  background : url(../images/geosneo/signin.png) no-repeat top left ;
  width : 96px;
  height : 40px;
  padding-top : 0px;
  border :none;
  color : white;
  font-weight : bold;
  padding-bottom : 5px;
    cursor : pointer;
}

input[type=submit].search_geosneo{
  background : url(../images/geosneo/submit144.png) no-repeat top left ;
  width : 144px;
  height : 45px;
  padding-bottom : 10px;
}

input[type="submit"].valid_register{
  background : url(../../images/geosneo/valider_inscription.png) no-repeat top left;
  display : block;
  width : 216px;
  height : 40px;
}

.submit{
  text-align : right;
  padding-top : 5px;
  clear : left;
}

.submit_center{
  text-align :center;
}

.submit_center form{
  float : left;
}
.submit_center input[type=submit]#sendEstimate{
  background : url(../../images/geosneo/valider_inscription.png) no-repeat top left;
  display : block;
  width : 216px;
  height : 40px;
}
.submit_center input{
  margin-left : 10px;
}

fieldset{
  margin : 10px 0px;
}

td{
  background : #323335 ;
  padding : 3px;
}

em{
  font-style : italic;
}

small{
  font-size : 0.8em;
}
/*************** footer *****************/

#footer li{
  display : block;
  float : left;
  height : 9px;
  padding : 0px 7px;
  border-right : 1px solid #C6C6C6;
}

#footer li.id_interactive{
  border-right: none;
  font-size : 0.8em;
  padding-left : 75px;
}

#content, #footer{
  clear : both;
}

#footer{
	padding:5px 0 0 0;
	border-top:1px solid white;	
}

#content{
  padding-bottom : 20px;
}

#body_content{
  padding-left : 10px;
  position : relative;
}

/************ header *************/

#header_content div, #header_content p,#header_content{
  float : left;
  overflow : hidden;
}
#right_header{
	float : right;
	overflow : hidden;
}

#header_content{
  /*width : 785px;*/
  width:80%;
  margin-right : 5px;
  height : 73px;
}

#logo{
  margin-left : 15px;
  margin-right : 13px;
  padding : 0px;
}

/* entete login - loggout */

#login{
  background: url(../images/geosneo/fond_espace_connexion.png) no-repeat bottom right;
  width : 183px;
  height : 21px;
  padding-top : 50px;
  padding-left : 10px;
}

#login a{
  padding-right : 10px;
}

#login p{
  float : none;
}

#loggout{
  background: url(../images/geosneo/fond_espace_deconnexion.png) no-repeat bottom right;
  width : 193px;
  height : 57px;
  padding-top : 15px;
  text-align : center;
}

.username{
  font-size : 1.1em;
  text-align : center;
  margin-bottom : 5px;
  padding-bottom: 0px;
}

#header_content div#recherche_geosneo{
  height : 30px;
  padding : 0px;
  width : 450px;
  padding-bottom : 10px;
  margin : 0px auto;
  position:absolute;
  top:25px;
  left:45%;
}

#header_content div#recherche_geosneo p{
  margin : 0px;
  padding : 0px;
  padding-top : 10px;

}

#header_content div#recherche_geosneo p.submit_search{
   padding-top : 0px;
}

#header_content div#recherche_geosneo p.url{
  display : none;
}

#espace_panier_sel{
  text-align : right;
  width : 500px;
  overflow : hidden;
  height : 27px;
}

#espace_panier_sel div{
  background : url(../images/geosneo/bouton_menu_horiz.png)  no-repeat bottom right;
  width : 93px;
  height : 17px;
  padding : 0px;
  margin : 0px;
  padding-top : 5px;
  text-align : center;
  float : right;
  margin-left : 3px;
}
#espace_panier_sel div.resellers{
	width:150px;
}

#espace_panier_sel div.bouton_map_list{
  background : url(../images/geosneo/bouton_menu_horiz_map_list-inverse.png)  no-repeat bottom right;
	position:absolute;
	top:49px;
	left:305px;
}
#espace_panier_sel div.bouton_map_list a{
	padding-top:3px;
}

/***** Menu horizontal ****/

#menu_horiz{
  overflow: hidden;
  /*width : 785px;*/
  width:99%;
  margin-bottom : 5px;
  padding-left : 5px;
  height : 91px;
}

#menu_horiz li{
  display : block;
  width : 85px;
  height : 22px;
  padding-right : 2px;
  border : none;
  padding-top : 0px;
  padding-top : 10px;
}

#menu_horiz .sub_menu{
  overflow: hidden;
  clear : both;
}

#menu_horiz .sub_menu li{
  padding : 3px 4px;
  width : auto;
  height : auto;

}

#menu_horiz .sub_menu li a{
font-size : 0.9em;
}

#menu_horiz ul.categories li.current{
}

#menu_horiz ul.categories li{
	position : relative;
}

#menu_horiz ul.categories li a {
  font-size : 1.1em;
  font-weight : bold;
}

.imgCurrentCat{
  position : absolute;
  top : -1px;
  left : 35px;
}

/***** Menu droite *****/

#menu_right{
  overflow: hidden;
  background : #1A1D1D url(../images/geosneo/bg_menu_right.png) repeat-x bottom left;
  width : 192px;
}
#menu_right .divSearch{display:none;}

#menu_right h2{
  width : 192px;
  height : 25px;
  border-top : 1px solid #CABE81;
  border-bottom : 1px solid #CABE81;
  background : #32312C;
  padding-top : 5px;
  text-align : center;
  margin : 10px 0px 0 0;
}

#menu_right h2.first{
  border-top : none;
  margin-top : 0px;
}

#menu_right h3{
  margin-bottom : 0px;
}

#menu_foot_right{
  width : 194px;
  position:absolute;
  right:0;
  top:75px;
  z-index:1000;
}

#footer_menu_right{
  width : 192px;
  height : 16px;
  background : url(../images/geosneo/footer_menu_right.png) no-repeat bottom left;
  margin-top: -2px;
  display:none;
}

#menu_right div p{
  margin : 0px;
}


#menu_right h3{
  margin : 5px 0px;
}

#menu_right ul,#menu_right h3, #menu_right div p{
  margin-left : 10px;
}
#menu_right ul{
	margin-top:10px;
}	
#menu_right li{
  margin-bottom : 5px;
}

#menu_right .calendar{
  width: 192px;
  height : 145px;
  text-align : center;
  overflow : hidden;
}

#menu_right .calendar table{
  margin : 0px;
  border-spacing : 2px;
  background : none;
  font-size : 0.8em;
  border : none;
  float : left;
  width : 123px;
}

#menu_right .calendar p.prev{
  width : 30px;
  float : left;
  margin-left : 0px;
  position :relative;
  height : 100px;
}

#menu_right .calendar p.prev a, #menu_right .calendar p.next a {
  position : absolute;
  top : 50%;
  left : 50%;

}

#menu_right .calendar p.next{
  width : 30px;
  float : left;
  margin-left : 0px;
  position :relative;
  height : 100px;
}

#menu_right .calendar table td{
  color : #B5B8BF;
  border : 1px solid #626669;
  font-size : 1.1em;
  font-style: normal;
}

#menu_right .calendar table td.emptyTD{
  border : none;
}

#menu_right .calendar table td a{
  font-style : normal;
  color : white;
}

#menu_right .calendar table td{
  background : none;
  padding : 0px;
  padding-top : 1px;
  padding-bottom : 1px;
  padding-left: 1px;
}

#menu_right .calendar table th.month_year span{
  background : #1F2122;
  font-size : 1.1em;
}

#menu_right .calendar table td.selected{
   background : #F4C85D;
}

#menu_right .calendar table td.selected a{
  color : black;
}

#menu_right .calendar table td,#menu_right .calendar table th{
  padding : 0px;
  margin : 0px;
  width : 12px;
  height: 11px;
}

#menu_right .calendar table th{
  text-align :center;
  padding : 2px;
  border-bottom : none;
}

#menu_right .calendar table th.month_year{
  color: white;
  font-weight : bold;
  background : url(../../images/geosneo/title_calendar.png) repeat-x top left;
  border-bottom : none;
  width : auto;
}

p.calendar_choice{
  clear : left;
}

input.calendar_choice{
  margin-left : 20px;
}

#menu_right div .advertiser_type {
  padding: 0px;
  margin : 2px 0px;
  /*width : 80px;*/
  float : left;
  font-size : 0.9em;
  margin-left : 5px;
  overflow : hidden;
  width : 85px;
}

#menu_right div .advertiser_type input{
  margin-left:0px;
  padding-left:0px;
}

#menu_right div #association {
  clear : both;

}

.coord_centrage input{
  width : 25px;
}

.sub_search_engine{
  overflow : hidden;
  width : 190px;
}

#menu_right div .advertiser_type  .advertiser_type {
  margin-top : 0px;
  overflow : hidden;
  width : auto;
}

#menu_right div .advertiser_type label{
  padding-top : 3px;
  display : block;
  float : left;
}

#menu_right div #institutionnal{
  width : 90px;
  margin-left: 5px;
}

#menu_right div #individual{
  margin-left: 5px;
}

#menu_right a.showHide{
  display : block;
  float : left;
  background : white;
  width : 9px;
  height : 9px;
  border : 1px solid black;
  color : black;
  font-size : 1.3em;
  line-height : 0.5em;
  padding:1px;
  margin : 0px;
  margin-right : 4px;
  padding-top : 0px;
}

/* ---- Styles de l erreur ---- */


#content #error p{
  background : none;
  padding-left : 0px;
  margin : 0px;
  color : black;
}

#error > div, #attention_javascript
{
  border: 1px solid #F66;
  padding: 0.4em 0 0.4em 35px;
  background: url(../../images/geosneo/cancel.png) no-repeat 10px 5px #F3F3F3;
  height : 25px;
}

#error > div{
  height : auto;
}

#attention_javascript{
  height : 35px;
}

#content #error p.text
{
  float: left;
  padding-left: 35px;
  padding-top : 5px;
}

#error .close
{
  float: right;
  padding-right: 5px;
}


/* ---- Styles de la notification ---- */

#body_content div#notice, #body_content div#error{
  overflow : hidden;
  margin-bottom : 10px;
  border: none;
  margin-left : 0px;
  padding-top : 0px;
  height : 40px;
  width:80%;
}

#notice > div
{
  border: 1px solid #2D6F2C;
  padding: 0.4em 0 0.4em 35px;
  background: url(../../images/geosneo/tick.png) no-repeat 10px 5px #F3F3F3;
}

#content #notice p{
  background : none;
  margin : 3px;
  margin-bottom : 15px;
  color : black;
}

#content #notice p a{
  color : black;
  text-decoration : underline;
}

#notice .text
{
  float: left;
  background : none;
  padding-left : 25px;
}

#notice .close
{
  float: right;
  padding-right: 5px;
}

.both{
  clear : both;
}

/* ---- Fin des styles de la notification ---- */

/* formulaire content */

#content label{
  display : block;
  width : 140px;
  float : left;
}

#content #general_information label
{
  margin-left: 20px;
}

#content #general_information #simple label{
  width : 20px;
}

#content #general_information #simple input{
  float : left;
}

#content #general_information #simple p{
  overflow : hidden;
}



#content #general_information input[type=checkbox]
{
  margin-left: 20px;
}

#content #general_information legend {
  font-size:1.1em;
  font-style:italic;
  margin:8px 0;
  padding-left:25px;
  padding-top:0px;
  line-height : 1.3em;
  width : 800px;
}

#content #general_information h2{
  margin-bottom : 10px;
  float : none;
}

#content #general_information p.country label{
  float : none;
}

#content #general_information .addOption{
  color : #FFED9E;
  text-decoration : underline;
  margin-left:20px;
}

#content #general_information .option input{
  height : 17px;
  margin-right : 5px;
}

#content #general_information .option select{
  height : 20px;
  margin-right : 5px;
}

#content #general_information .addOption:hover{
  text-decoration : none;
}

#content input[type=checkbox]{
  float : left;
  width : 20px;
}

#content label.longLabel{
  width : 300px;
}

.mi_fieldset{
  width : 375px;
  float : left;
}

#content #general_information .mi_fieldset label{
  margin-left : 0px;
  width : 110px;
  margin-left:15px;
}

.clear{
  clear : both;
}

/* cartouche annonce */
.ads_short_display{
  padding : 5px;
  margin : 10px 5px;
  overflow : hidden;
}

.right_bloc_short_display{
  width : 100px;
  float : right;
}

.ads_short_display ul li{
  display : block;
  float : left;
  width : 190px;
}



.ads_short_display ul li.price{
  width : 60px;
}



.ui-tabs-panel{
  clear : both;
  overflow : hidden;
  width : 100%;
  height : 100%;
}

.description{
  height : 35px;
}


/**
 * Style du processus de création d'une annonce
 *
 */

/* Etape : choix entre création et duplication */
#choice_creation span.vous_label{
  display : block;
  float : left;
  width : 150px;

}

#choice_creation form{
  padding : 10px;
  width : 750px;
}

#choice_creation p{
  overflow : hidden;
  clear : left;
}

#choice_creation input[type=radio]{
  display : block;
  width : 25px;
  float : left;
}

#choice_creation label{
  display : block;
  float : left;
  width : 240px;
  margin-top : 2px;
}

#choice_creation select{
  clear : left;
  margin-left: 25px;
}

.ariane{
  background : white;
  height : 20px;
  width : 90%;
  margin-bottom : 10px;
}


/* Etape choix de la catégorie */

#body_content div.list_type_cat{
  overflow : hidden;
}

#body_content div.type_cat{
  margin : 20px 0px;
  overflow : hidden;
  width : 303px;
  float : left;
  border-left:2px solid #FFED9E;
  padding-left: 10px;
}

#body_content div#first_type_cat{
  border : none;

}

#chooseCat h2{
  margin : 10px 0px;
}

.type_cat span.vous_label{
  display : block;
  float : left;
  width : 180px;

}

.type_cat p{
  overflow : hidden;
  clear : left;
  float : left;
  margin : 0px;
  padding : 0px;
}

.type_cat ul{
  float : left;
}

.type_cat ul li{
  clear : left;
  overflow:hidden;
  margin : 5px 0px;
}

p.submit_left{
  float : left;
  clear :none;
  width : 35%;
}

#body_content div p#submit_left_new_ads{
  width : 250px;
  overflow : visible;
  clear : none;
}

#body_content div p#submit_left_new_ads input[type=submit]{

}

p.submit_right{
  float : right;
  clear :none;

}



p#submit_right_new_ads{
  float : right;
  clear :none;
  width : 210px;
}

p#submit_right_payment_display{
  float : right;
  clear :none;
  width : 290px;
  margin-top : 0px;
}

#body_content div div.submit_group{
  text-align : center;
  overflow : hidden;
  width : 500px;
  margin : 0px auto;
}

.type_cat ul li input[type=radio]{
  display : block;
  width : 25px;
  float : left;
}

input[type="submit"].valid_cat, input[type="submit"].save_subscr{
  background : url(../images/geosneo/submit_valid_cat.png) no-repeat top left;
  width : 189px;
  height : 40px;
  border: none;
  color : white;
  font-weight : bold;
  padding-bottom : 5px;
}

/* Etape choisir son abonnement */

#choosePricing p,#choosePricing li{
  clear : left;
  overflow:hidden;
}

#choosePricing input[type=radio]{
  float : left;
  width : 25px;
}

#choosePricing form{
}

#choosePricing li{
  padding : 5px 0px;
}

#choosePricing label{
  width : 650px;
}

#choosePricing label.shortLabel{
  margin-left : 10px;
  width : 150px;
}

#choosePricing fieldset.type_abonn p label strong{
  font-size : 1.3em;
}

#choosePricing ul{
  margin-left : 25px;
}

.save_general_info{
  background : url(../images/geosneo/submit_valid_and_pay.png) no-repeat top left;
  width : 289px;
  height : 40px;
  border: none;
  color : white;
  font-weight : bold;
  padding-bottom : 5px;
}

input.valid_and_add,.goToPayment{
  width : 359px;
  height : 40px;
  padding-bottom : 5px;
  color : white;
  font-weight : bold;
  border : none;
  background : url(../../images/geosneo/submit_valid_and_add.png) no-repeat top left;
}

.submit_center input.goToPayment,.submit_center input.goToStart{
margin-left:  0px;
background : url(../../images/geosneo/submit_valid_cat.png) no-repeat top left;
height : 40px;
  padding-bottom : 5px;
  color : white;
  font-weight : bold;
  width : 189px;
  border : none;
}

.submit_center input.goToStart{
  width : 289px;
  height : 40px;
  padding-bottom : 5px;
  color : white;
  font-weight : bold;
  border : none;
  background : url(../../images/geosneo/submit_valid_and_pay.png) no-repeat top left;
  margin-left:  0px;
}



/* Etape paiement */

tr.pair td, td.pair{
  background : #56585B;
}

tr.impair td, td.impair{
  background : #38393B;
}

table{
  border : 1px solid white;
  margin-left : 25px;
}

table td, table th{
  padding : 5px;
}

table th{
  text-align : center;
  font-weight : bold;
}

table.total th{
  text-align : right;
  border-right : 1px solid white;
}

input.pay_by_card{
  width : 289px;
  height : 40px;
  padding-bottom : 5px;
  color : white;
  font-weight : bold;
  border : none;
  background : url(../images/geosneo/submit_valid_and_pay.png) no-repeat top left;
}


#body_content div p.message_parag{
  font-size : 1.1em;
  margin-left: 25px;
}

#body_content div p.message_conf{
font-size : 1.1em;
  margin-left: 25px;
}

#signin div.form_error,div.form_error{
  border-left: none;
  margin-left:25px;
  color: red;
  padding-top:10px;
  padding-bottom:10px;
}

.pagination{
	overflow:hidden;
	margin:0 0 10px 25px;
}
.pagination a{
	display:block;
	float:left;
	margin:0 5px 0 0px;
	width:20px;
	height:20px;
	border:1px solid white;
	line-height:1.8em;
	text-align:center;
	text-decoration:none;
}
.pagination a:hover,
.pagination a.current{
	background-color:#FBAB31;
	color:black;
}
