﻿
/* ========  GENERAL ========= */

body {
	background-color: #f8f8f8;
	height: 		  100%;
	margin: 		  0 auto;
	padding: 		  0;
	text-align:       center;
	font-family: 	  Arial, Helvetica, sans-serif;
	font-size: 		  12px;
}

p {
	padding:  7px 0;
	margin:   0;
}

.bordure {
	border: 1px solid #ffffff;
}


.vert_fonce {
	color: 		 #75ad13;
	font-weight: bold;
}

a {
	font-weight: bold;
	color:       #55870e;
}

a:hover {
	text-decoration: none;
}


/* ========  TITRE ========= */

h1 {
	line-height: 		 24px;
	width: 				 665px;
	background-color:    #75ad13;
	color: 				 #ffffff;
	font-weight:		 bold;
	font-size: 			 14px;
	margin: 			 0;
	padding: 			 0;
	margin-top: 		 10px;
	padding-left: 		 10px;
	text-transform: 	 uppercase;
	background-image: 	 url(images/fond_titre.jpg);
	background-repeat:   no-repeat;
	background-position: right;
}

h3.cpCoeur {
	padding:     0 10px;
	font-style:  italic;
	font-size:   11px;
	font-weight: normal;
	text-align:  left;
}

#lien_cp {
	padding-left: 20px;
}

#lien_cp a:link, #lien_cp a:visited, #lien_cp a:active{
	color: 		  	 #d13255;
	font-style:      italic;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: none;
	font-weight: 	 bold;
	
}

#lien_cp a:hover {
	text-decoration: underline;
}

/* ========  CONTENEUR ========= */

#conteneur {
	background-color: #ffffff;
	width: 		980px;
	height: 	auto;
	margin:		0 auto;
	padding: 	0;
	text-align: center;
}

/* ========  HEADER ========= */


#header {
	width:   980px;
	height:  112px;
	margin:  0 auto;
	padding: 0;
}

/* ========  MENU ========= */

#menu {
	width: 			   980px;
	height: 		   31px;
	line-height: 	   31px;
	background-image:  url(images/menu.jpg);
	background-repeat: no-repeat;
	margin: 		   0 auto;
	padding: 		   0;
}

#menu a:link, #menu a:visited, #menu a:active {
	color: 			 #ffffff;
	font-size: 		 14px;
	font-weight: 	 bold;
	text-transform:  uppercase;
	padding: 		 6px 6px;
	text-decoration: none;
	border-left: 	 2px solid #000000;
	line-height: 	 31px;
	cursor: 		 pointer;
}

#menu a:hover {
	background-image:    url(images/fleche_menu.gif);
	background-repeat:   no-repeat;
	background-position: center top;
	cursor: 		 	 pointer;
}

/* ========  MENU ========= */

#menu_en {
	width: 			   980px;
	height: 		   31px;
	line-height: 	   31px;
	background-image:  url(images/menu.jpg);
	background-repeat: no-repeat;
	margin: 		   0 auto;
	padding: 		   0;
}

#menu_en a:link, #menu_en a:visited, #menu_en a:active {
	color: 			 #ffffff;
	font-size: 		 14px;
	font-weight: 	 bold;
	text-transform:  uppercase;
	padding: 		 6px 13px;
	text-decoration: none;
	border-left: 	 2px solid #000000;
	line-height: 	 31px;
	cursor: 		 pointer;
}

#menu_en a:hover {
	background-image:    url(images/fleche_menu.gif);
	background-repeat:   no-repeat;
	background-position: center top;
	cursor: 		 	 pointer;
}

/* ======== SS MENU ========= */


#menu2 {
	text-align:  left;
	padding:     5px 0 0 40px;
	line-height: 40px;
}

#menu2 a:link, #menu2 a:visited, #menu2 a:active {
	color: 			 #666666;
	font-size: 		 13px;
	text-decoration: none;
	font-weight: 	 bold;
	border-right: 	 2px solid #666666;
	padding: 		 2px 20px 2px 20px ;
}


#menu2 a:hover {
	text-decoration: underline;
}

#menu2 img {
	vertical-align: middle;
}

/* ========  CONTENU ========= */


#contenu {
	width: 		980px;
	min-height: 520px;
	text-align: left;
	margin: 	0 auto;
	padding: 	0;
}

/* ========  FOOTER ========= */

#footer {
	clear: 			  both;
	text-align: 	  center;
	width: 			  980px;
	height: 		  20px;
	line-height:	  20px;
	margin:			  0 auto;
	padding: 		  0;
	background-color: #032f0f;
	font-size: 		  12px;
}

#menu_footer {
	color: #ffffff;
}

#menu_footer a:link, #menu_footer a:visited, #menu_footer a:active {
	color: 			 #ffffff;
	font-size: 		 12px;
	font-weight:	 bold;
	text-decoration: none;
	padding: 		 0 5px 0 5px;
}

#menu_footer a:hover {
	text-decoration: none;
	color:			 #608e1e;
}

/* ========  REFERENCEMENT ========= */

#referencement {
	width:     980px;
	margin:    10px auto 0 auto;
	padding:   0;
	font-size: 9px;
	color: 	   #999999;
}

#referencement a:link, #referencement a:visited, #referencement a:hover, #referencement a:active {
	color: 	   		 #999999;
	text-decoration: none;
}

/* ========  ACCUEIL ========= */

#haut_accueil {
	width: 		980px;
	margin: 	0 auto;
	padding: 	0;
	min-height: 210px;
}

#contenu_haut_accueil {
	float: 		left;
	min-height: 210px;
	width: 		730px;
	font-size:  13px;
}

#contenu_haut_accueil p{
	text-indent: 35px;
	padding-left: 70px;
}

#contenu_haut_accueil b, #contenu_haut_accueil strong{
	color: #608e1e;
}

#bas_accueil {
	width: 			980px;
	margin: 		0 auto;
	padding-top: 	5px;
	clear: both;
}

/* ========  ACCUEIL COUP DE COEUR ========= */
#coup_coeur_accueil {
	float: 		right;
	width: 		215px;
	min-height: 210px;
}

#titre_coup_coeur_accueil {
	background-image:  url(images/fond_titre_cp_coeur.jpg);
	background-repeat: no-repeat;
	width: 			   213px;
	height: 		   44px;
	line-height: 	   50px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}


#contenu_coup_coeur_accueil {
	width: 					201px;
	min-height: 		    140px;
	background-color:		#f9b734;
	background-image:	    url(images/fond_cp_coeur.jpg);
	background-repeat: 	    no-repeat;
}


#bas_coup_coeur_accueil {
	width: 			   201px;
	height: 		   23px;
	background-image:  url(images/fond_bas_cp_coeur.jpg);
	background-repeat: no-repeat;
}

/* ========  ACCUEIL RECHERCHE ========= */
#recherche_accueil {
	float: 		  left;
	padding-left: 70px;
	width: 		  310px;
}

#titre_recherche_accueil {
	background-image:  url(images/fond_titre_recherche.jpg);
	background-repeat: no-repeat;
	width: 			   312px;
	height: 		   45px;
	line-height: 	   50px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}


#contenu_recherche_secteur {
	background-color: 		#dae2d1;
	background-image:	    url(images/fond_milieu_recherche.jpg);
	background-repeat: 	    no-repeat;
	width: 					298px;
	min-height: 		    143px;
	padding: 			    5px 0 0 5px;
}

#formulaire_recherche {
	padding-left: 20px;
	padding-bottom: 5px;
	color: #ffffff;
}

#bas_recherche_index {
	width: 					303px;
	min-height: 		    17px;
	background-image:	    url(images/fond_recherche.jpg);
	background-repeat: 	    no-repeat;
}

#bas_recherche_accueil {
	width: 			   303px;
	height: 		   27px;
	background-image:  url(images/fond_bas_recherche.jpg);
	background-repeat: no-repeat;
	padding-bottom:    20px; 
}

/* ========  ACCUEIL SECTEUR ========= */
#secteur_accueil {
	float: 			   left;
	width: 			   324px;
	padding-left: 	   28px;
}

#titre_secteur_accueil {
	background-image:  url(images/fond_titre_secteur.jpg);
	background-repeat: no-repeat;
	width: 			   330px;
	height: 		   42px;
	line-height: 	   50px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}

#bas_secteur_accueil {
	width: 			   324px;
	height: 		   21px;
	background-image:  url(images/fond_bas_secteur.jpg);
	background-repeat: no-repeat;
}

#contenu_recherche_secteur ul{
	margin:  0;
	padding: 0;
}

#contenu_recherche_secteur li{
	margin:  0 0 0 20px;
	padding-bottom: 5px;
	list-style: square inside;
}

#contenu_recherche_secteur h2 {
	font-size: 12px;
	color: 	   #56880e; 
	display:   inline;
	margin:    0;
	padding:   0;
}
/* ========  ACCUEIL CONTACT ========= */
#contact_accueil {
	float:		   right;
	width: 		   201px;
	padding-right: 15px;
}

#titre_contact_accueil {
	background-image:  url(images/fond_titre_contact.jpg);
	background-repeat: no-repeat;
	width: 			   249px;
	height: 		   45px;
	line-height: 	   53px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}

#contenu_contact_accueil {
	width: 					201px;
	height: 		    	213px;
	background-image:	    url(images/fond_contact.jpg);
	background-repeat: 	    no-repeat;
	color:                  #ffffff;
	font-weight:			bold;
}

#bas_contact_accueil {
	width: 			   201px;
	height: 		   27px;
	background-image:  url(images/fond_bas_contact.jpg);
	background-repeat: no-repeat;
}

#jussey {
	padding: 15px 0 0 10px;
}

#dampierre {
	padding: 30px 0 0 10px;
}

/* ========  LISTE ========= */
#haut_liste {
	margin: 	0 auto;
	padding: 	0;
	min-height: 160px;
}

#contenu_haut_liste {
	float: 		left;
	width: 		620px;
	font-size:  13px;
}

#contenu_haut_liste p{
	text-indent:  35px;
	padding-left: 70px;
}

#contenu_haut_liste b, #contenu_haut_liste strong{
	color: #608e1e;
}

.bas_liste {
	padding-left: 70px;
	width: 	      910px;
	clear:        both;
}

a.lien_detail:link, a.lien_detail:visited, a.lien_detail:active{
	color: 		  	 #d13255;
	font-style:      italic;
	font-size:       12px;
	font-weight:     normal;
	text-decoration: none;
	font-weight: 	 bold;
	
}

a.lien_detail:hover{
	text-decoration: underline;
}
/* ========  RECHERCHE LISTE ========= */

#recherche_liste {
	float: 		  left;
	margin-top:   25px;
	width: 		  320px;
}

#titre_recherche_liste {
	background-image:  url(images/fond_titre_recherche_liste.jpg);
	background-repeat: no-repeat;
	width: 			   317px;
	height: 		   42px;
	line-height: 	   50px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}

#contenu_recherche_liste {
	width: 					303px;
	min-height: 		    55px;
	background-image:	    url(images/fond_recherche_liste.jpg);
	background-repeat: 	    no-repeat;
	background-color: 		#4a7718;
}

#bas_recherche_liste {
	width: 			   303px;
	height: 		   17px;
	vertical-align:   top;   
	background-image:  url(images/fond_bas_recherche_liste.jpg);
	background-repeat: no-repeat;
}

/* ========  ANNONCES LISTE ========= */
.liste_annonce {
	float: left;
	width: 			   201px;
	margin:   		   0 7px 10px 7px;
	
}

.liste_annonce_haut {
	display: 		   block;
	width: 			   201px;
	height: 		   34px;
	background-image:  url(images/liste_annonces_haut.jpg);
	background-repeat: no-repeat;
	line-height: 	   40px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   15px;
	padding-left: 	   25px;
}

.liste_annonce_contenu {
	display: 		   block;
	width: 			   181 px;
	min-height: 	   167px;
	background-image:  url(images/liste_annonces_fond.jpg);
	background-repeat: no-repeat;
	background-color:  #f8b431;
	text-align:        center;
	padding:       	   10px 10px 0 10px;
}

.liste_annonce_bas {
	display: 		   block;
	width: 			   201px;
	height: 		   19px;
	background-image:  url(images/liste_annonces_bas.jpg);
	background-repeat: no-repeat;
}

#texte_annonce_liste {
	min-height: 45px;
	text-align: left;
	padding:    10px;
}

#nav {
	padding: 5px 10px 50px 75px;
}

/* ========  DETAILS ========= */

#gauche_detail {

}

#droite_detail {
	float: 		  right;
	margin-top:   25px;
	width: 		  320px;
}

#detail {
	padding:		   20px 0 0 55px;
	width: 			   554px;
}

#detail_haut {
	width: 			   554px;
	height: 		   24px;
	background-image:  url(images/detail_haut.jpg);
	background-repeat: no-repeat;
	line-height: 	   40px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   15px;
	padding-left: 	   25px;
}

#detail_contenu {
	width: 			   554px;
	min-height: 	   260px;
	background-image:  url(images/detail_contenu.jpg);
	background-repeat: no-repeat;
	background-color:  #e5e6e3;
	height: 100%;
	margin-right: 10px;
}

#detail_bas {
	clear:		       both;
	width: 			   554px;
	height: 		   24px;
	background-image:  url(images/detail_bas.jpg);
	background-repeat: no-repeat;
}

#retour_annonce {
	padding:    20px 0;
	text-align: center;
}

h1.titre_annonce_detail {
	background:     none;
	font-size:      14px;
	font-style:     italic;
	font-weight:    bold;
	text-transform: none;
	margin: 		0;
	padding: 	    0;
	color:          #000000;
	padding-left:   25px;
	width: 			500px;
	line-height:    15px;
}

h2.titre_annonce_detail {
	line-height: 		 24px;
	width: 				 500px;
	background-color:    #75ad13;
	color: 				 #ffffff;
	font-weight:		 bold;
	font-size: 			 15px;
	margin: 			 0;
	padding: 			 0;
	margin-top: 		 35px;
	padding-left: 		 60px;
	text-transform: 	 uppercase;
	background-image: 	 url(images/fond_titre.jpg);
	background-repeat:   no-repeat;
	background-position: right;
}

#texte_annonce {
	float: 		 right;
	width:       300px;
	padding: 	 22px 5px 0 0;
}

#texte_annonce p{
	text-indent:  0;
	margin:       0;
	padding:      5px 0;
}


/* ========  OMBRE IMAGE ========= */
.boite_ombre {
	width:      210px;
	text-align: left;
	padding:    20px 0 10px 20px;
	height:	    100%;
	float: 	    left;
}

.ombre {
	clear:      left;
	background: url(images/ombre.png) no-repeat bottom right;
	margin:     10px 0 10px 10px !important;
	margin:     10px 0 10px 5px;
	padding:    0px;
}

.boite {
	position: relative;
	bottom:   6px;
	right:    6px;
}

.boiteTxt {
	padding: 4px;
}



/* ========  ACTIONS DETAILS ========= */
#actions {
	float: 		  right;
	margin-top:   25px;
	width: 		  320px;
}

#actions_titre {
	background-image:  url(images/actions_titre.jpg);
	background-repeat: no-repeat;
	width: 			   317px;
	height: 		   42px;
	line-height: 	   50px;
	color: 			   #ffffff;
	text-transform:    uppercase;
	font-weight: 	   bold;
	font-size: 		   14px;
	padding-left: 	   25px;
}

#actions_contenu {
	width: 					303px;
	min-height: 		    136px;
	background-image:	    url(images/actions_contenu.jpg);
	background-repeat: 	    no-repeat;
	background-color: 		#457118;
}

#actions_bas {
	width: 			   303px;
	height: 		   24px;
	background-image:  url(images/actions_bas.jpg);
	background-repeat: no-repeat;
}

#actions_contenu a:link, #actions_contenu a:visited, #actions_contenu a:active {
	font-size: 		 13px;
	font-weight:     bold;
	color:	  	     #ffffff;
	text-decoration: none;
	line-height: 	 47px;
}

#actions_contenu a:hover {
	text-decoration: underline;
}

#imprimer {
	padding-left: 85px;
}

#envoi_ami {
	padding-left: 85px;
}

#contact_annonce {
	padding-left: 85px;
}
