/*----------------------- CSS 33.fr 2008------------------------------------

------------Copyright AG Créations (http://www.agcreations.fr)-------------

-------------------------------------------------------------------------- */

* {margin: 0;padding:0;border: 0;}

html, body {margin:0;padding:0;text-align:center;}

img{border:0;}

p{	font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 11px; line-height:15px; text-align:justify; }

hr{clear:both; visibility:hidden; height:5px;}


body{

	font: normal 11px Verdana, Arial, sans-serif;

	text-align:center;

	color:#333333;

	 background:#990033 url("/gfx/background.jpg") repeat-x;

}	



.conteneur{

	position:relative;

    width:1000px;

    margin-left: auto;

    margin-right: auto;

    text-align: left;

	background-color:#ffffff;

}





#banniere {

position:absolute;

	width:1000px;

	height:174px;

	background :#FFFFFF url("/gfx/banniere.jpg") no-repeat;

	}





#logo{

	position:absolute;

	margin-top:148px; margin-left:475px;

	width:33px;	height:27px;

	background : url("/gfx/33fr.jpg") no-repeat;	

}

#logo a{

display: block;width: 100%;height : 100%;

background : url("/gfx/33.jpg") no-repeat;	

}

#logo a:hover {background: transparent none;

}



#contenu {

position:absolute;

width:980px;

height:auto;

margin:174px 0px 0px 5px;

background-color:#ffffff;

padding : 0px 5px 5px 5px;



}



#definition, #connect{ /*texte en dessous de la bannière*/

float:left;

margin-top:5px;padding-top:5px;

height:20px; font-weight:bold;

color:#fff;

text-align:center;

font-size: 12px;

}



#definition {width:872px;background-color:#990033;}

#connect{ width:100px; margin-left:5px;background-color:#330000;}





#connect a{color:#FFFFFF;text-decoration:none;}

#connect a:hover{color:#FFFFFF; text-decoration:underline;}





#bloc_gauche{

float:left;

margin-top:10px; font-size:11px;

width:220px;

}





#google{float:left;	margin-top:20px; width:200px; }

#xiti{ float:left; text-align:left;	padding-top:10px;padding-bottom:10px;border:0px;}



#bloc_droite{

	float:left;

	width:750px;

	margin: 5px 0 0 5px;

	font-family : Verdana, Arial, Helvetica, sans-serif;

}





#footer{

float:left;

height:20px;

width:980px;

color:#ffffff; margin-top:10px;

background-color: #330000;

font-size: 11px;

padding-top:5px;



}



#valide{position:absolute;padding-left:10px;}

#valide a {color:#ffffff;text-decoration:none;}

#valide a:hover{color:#ffffff;text-decoration:underline;}

#copyright{position:absolute;margin-left:850px;font-weight :bold;}





/* MISE EN PAGE -------------------------------------------------------------------------*/

.menu, .menu_girondins, .menu_vins, .menu_partenaire{	float:left;	margin-top:10px;width:200px;}

.menu ul, .menu_girondins ul, .menu_vins ul, .menu_partenaire ul{background-color:#F4EDEA;  list-style:none; padding:5px;}

.menu li, .menu_girondins li, .menu_vins li, .menu_partenaire li{height:15px;list-style:none;}

.menu dt, .menu_girondins dt, .menu_vins dt, .menu_partenaire dt {

	height:20px;

	width:200px;

	font-size:17px;

	color:#300000;

	font-family:Georgia, "Times New Roman", Times, serif;

	border-bottom: 1px solid #330000;

}

.menu a, .menu_girondins a, .menu_vins a, .menu_partenaire a{color: #990033; text-decoration:none;}

.menu a:hover, .menu_girondins a:hover, .menu_vins a:hover, .menu_partenaire a:hover{ color:#300000;text-decoration:underline;}



.menu_girondins ul li{

height:15px;

  margin: 2px 0 0 0px;

  padding: 0 0 0 15px;

  background: url('../gfx/carre.gif') left no-repeat;

  text-decoration: none;}

  

.menu_vins ul li{

height:15px;

  margin: 2px 0 0 0px;

  padding: 0 0 0 15px;

  background: url('../gfx/grappe.gif') left no-repeat;

  text-decoration: none;}

  

 .menu_partenaire ul li{

height:15px;

  margin: 2px 0 0 0px;

  padding: 0 0 0 15px;

  background: url('../gfx/etoile.gif') left no-repeat;

  text-decoration: none;}





h1 ,h2 {
	clear : both;

	width:750px;

	margin-bottom:5px;

	font-size:14px;

	color:#000;

	font-variant: small-caps;font-weight:bold;

	border-bottom: 1px solid #515151;

}



h1{padding-top:20px;}

h2{padding-top:5px;}



h3{font-weight:bold; font-size:17px; margin-bottom:10px;color:#990033}





#nav {background-color:#F4EDEA; padding:2px;color:#330000; font-size:10px; margin-bottom:10px; margin-top:-5px;}

#nav a{color:#330000; font-size:10px;text-decoration:none;}

#nav a:hover{color:#990033; font-size:10px; text-decoration:underline;}



#position1, #position2{float:left;padding:5px 0 5px 0;}

#bloc_droite a {font-weight:bold;color:#330000; text-decoration:none;}

#bloc_droite a:hover {font-weight:bold;color:#990033; text-decoration:underline;}







#pub250{

float:right;

width:250px;

height:250px; margin-left:5px; margin-bottom:5px;

border:#999999 1px solid; /*a enlever*/

}

#pub728_90{

 width: 728px;

 margin: 5px 0 5px 10px;

}



p strong {font-weight:bold; color:#330000; text-decoration:underline;}

p em {font-style:italic; font-size:10px}



#position1 dt{font-weight:bold; font-size:17px; color:#990033}





/* VINS-------------------------------------------------------------------------

**********************************************************************************/

#grappe ul {  list-style: none;  margin-bottom:10px;}



#grappe  ul li {

 height:15px;

  margin: 2px 0 0 0px;

  padding: 0 0 0 15px;

  background: url('../gfx/grappe2.gif') left no-repeat;

  text-decoration: none;

}

#grappe dt { font-weight:bold; color:#33000; text-decoration:underline; margin:20px 0 5px 0;}





#img_fiche{float:left;border:1px solid #990033;padding-top:6px;margin-right:5px;width:112px;height:108px;text-align:center;}

.img_vin{margin:10px 5px 10px 5px;float :left;width :200px; height:200px;text-align:center; }







#ajout li{list-style: none;float:left;width:735px;

height:15px;

  margin: 15px 0 0 0px;

  padding: 0 0 0 17px; 

  background: url('../gfx/plus.gif') left no-repeat;

  text-decoration: none;}

  

#ajout a {color:#990033; font-style:italic;}



#position1 dd {margin-top:16px;}





/* ACTUALITES -------------------------------------------------------------------------

**********************************************************************************/

#actu li{list-style: none;margin: 5px 0 0 0px;  text-decoration: none;}

#actu li a{ background: url('../gfx/actualites2.gif') left no-repeat;  padding: 0 0 0 17px; }



p.actu_source{

  margin-top: 10px;

}







/*********************************************************

formulaire inscription fiche----------------------------------

*********************************************************/

input, select{

	font-size:12px;

	border:1px solid #ccc;

	background-color:#FFF;

	}



label{ margin:3px 0px;}



.coche{font-size:11px;border:0px;}



#formulaire1 {

	margin: 5px;padding: 10px;

	width: 500px;

	border:1px solid #ccc;

}

#formulaire2 {

	margin: 5px;padding: 10px;

	width: 200px;

	border:1px solid #ccc;	

}



#formulaire3 {

	margin: 5px;padding: 10px;

	width: 500px;

}

.formulaire_case1 {	margin: 3px;width: 170px;}

.formulaire_case1a {margin: 3px;width: 170px; border:1px solid #ccc;}

.formulaire_case3{border:1px solid #ccc;}

.formulaire_case2 {	margin: 3px;width: 100px;}







#inscriform  {text-align:left;}



#inscriform fieldset#coordonnees label {

	float: left;	

	width: 220px;	

	text-align: right;

	padding: 0 2px 0 0;

	line-height: 10px;	

}



.civil{padding-left:225px;}

.abonnement{padding-left:140px;}



input.valider {

     position: relative;

	 cursor:pointer;

     width:150px;

     height: 20px;

	 border: 0px;

	 color:#FFFFFF; font-weight:bold;

	 background-color:#330000;

}



input.envoyer {

     position: relative;

	 cursor:pointer;

     width: 100px;

     height: 18px;

	 border: 0px;

	 color:#FFFFFF;

	 background-color:#990033;

}



input.ok {

     position: relative;

	 cursor:pointer;

     width:25px;

     height: 18px;

	 color:#FFFFFF; font-weight:bold;

	 background-color:#990033;

	 border:1px solid #fff;

}





/*********************************************************

formulaire ajout annonce immo----------------------------------

*********************************************************/

.titre_annonce{

padding:10px 0 5px 0;

color:#990033;

font-weight:bold;

}



td{

height:20px;

margin-top:3px;

}





table{

margin-top:10px;

margin-bottom:10px;

float:left;

}



.table_titre{

border-bottom: 1px solid #990033;

font-size:10px;

font-weight:bold;

color:#330000;

}



.table_fonce{background-color:#E5E5E5;}



.voir{

position:relative;

	width:20px;

	height:20px;

	border:0;

	margin-left:5px;

	background:url("/gfx/plus2.gif") no-repeat;	

}

.voir a{

display: block; 

width: 100%;

height : 100%;

background:url("/gfx/plus1.gif") no-repeat;		

}

.voir a:hover {background: transparent none; }

#cp_search_home{
	float : left;
	
	margin-right : 5px;

  border: 1px solid #320605;

  color: #320605;

  width: 318px; height: 200px;

  background: url('/gfx/icn_recherche.jpg') 0 40px no-repeat #F5EDEA;

}

#cp_search_home p{

  padding: 15px 25px 12px 15px;

}

#cp_search_home label{

  font-size: 16px; font-size:11px;

  padding: 5px 0 0 60px; vertical-align:center;

}

#cp_search_home .cp_field{

  border: 1px solid #320605;

  width: 122px; height: 20px;

  position: relative;

  left: 44px;

}

#cp_search_home select{

  border: 1px solid #320605;

  width: 122px; height: 20px;

  position: relative;

  left: 44px;

}

#cp_search_home .ok{

  background: #320605;

  width: 50px; height: 24px;

  position: relative;

  left: 44px; top: 5px;

}



/* boites d'erreurs et de notifications */

#bloc_droite .confirm_box, 

#bloc_droite .info_box, 

#bloc_droite .error_box{

  text-align: center;

  width: 100%;

}





#bloc_droite .confirm_box .box_content{

  border-color: #181820;

  background: #d2f9d1 url('/gfx/confirm_ico.png') 5px center no-repeat;

  min-height: 45px; 

  border: 2px dotted #181820;

  width: 380px;

  margin: 2px auto 10px auto;

}

#bloc_droite .info_box .box_content{

  border-color: #181820;

  background: #D1D8F9 url('/gfx/notif_ico.png') 5px center no-repeat;

  min-height: 45px; 

  border: 2px dotted #181820;

  width: 380px;

  margin: 2px auto 10px auto;

}

#bloc_droite .error_box .box_content{

  border-color: #181820;

  background: #f9d1d2 url('/gfx/error_ico.png') 5px center no-repeat;

  min-height: 45px; 

  border: 2px dotted #181820;

  width: 380px;

  margin: 2px auto 10px auto;

}



#bloc_droite .confirm_box .box_content p, 

#bloc_droite .info_box .box_content p, 

#bloc_droite .error_box .box_content p{

  margin: 15px auto 20px auto;    

  padding: 3px;

  text-align: center;

  padding: 0 5px 0 55px;

  margin: 5px 0;

  text-align: justify;

  font-size: 13px;

}

#bloc_droite .confirm_box .box_content p{

  color: #001805;

}

#bloc_droite .info_box .box_content p{

  color: #18213A;

}

#bloc_droite .error_box .box_content p{

  color: #8B0F0F;

}



.show_toutledepartement a{

  display: block;

  padding-left: 16px;

  background: url('/gfx/fleche1.gif') center left no-repeat;

}



/* liens d'ajout */

a.ajout_immo{

  display: block;

  padding-left: 16px;

  background: url('/gfx/ico_immo.gif') no-repeat;

}

a.ajout_auto{

  display: block;

  padding-left: 16px;

  background: url('/gfx/ico_voiture.gif') no-repeat;

}

a.ajout_affaire{

  display: block;

  padding-left: 16px;

  background: url('/gfx/ico_affaire.gif') no-repeat;

}



/* météo */

dl.carte_meteo_aujourdhui,

dl.carte_meteo_demain{

  width: 360px;

  height: 360px;

  float: left;

}

p.vignette_meteo_ville,

p.logo_meteo_provider{

  width: 200px;

  height: 100%;

  float: left;

}