body {
	margin-top:		2%;
	text-align:		center;
}

.clear {
	clear:		left;
	padding:	0px;
}

.rollhover img {
	border:		0px;
}


#global {
	position:		relative;
	width:			965px;
	margin:			0px auto;
	padding-top:	88px;
	text-align:		left;
	background : 	url(../images/design/fond_degrade.jpg) repeat;
}


* html #global, * html #conteneur {
	height:		430px;
}

#conteneur {
	border:			0px solid green;
	min-height:		430px;
	height:			auto;
}

#cont {
border:			0px solid green;
	min-height:		710px;
	height:			auto;
}

#tetiere {
	position:		absolute;
	left: 0px; 		top: 0px;
	width: 965px;  	height: 52px;
	background : 	url(../images/design/fond_tetiere.jpg) no-repeat;
}

#tetiere img, #ongletpro img,#ongletpart img, #col_gauchepart img,#col_gauchepro img, #form_inscription img, #page img {
	border:			0px;
}


#bottom {
	margin-top:		20px;
	width: 965px;  	height: 38px;
	text-indent:	20px;
	background : 	url(../images/design/fond_bottom.gif) no-repeat;
}

/* MENU DE NAVIGATION */

div#menu {
	position:		absolute;
	left: 15px; 		top: 55px;
	height:			40px;
	width: 			959px;
	text-align : 	left;
	background : 	url(../images/design/fond_menu.jpg) no-repeat;
}


#menu p {
	float:			left;
	margin:			0px; padding-top:		0px;
	padding:		6px;
	font : 			bold 12pt Arial;
	color:			#7FDAFF;
}

#menu .message {
	position: 		absolute;
	left: 105px; 		top: 20px;
	font : 			bold 8pt Arial;
	color:			red;
}


#menu a {
	font : 				bold 11pt Arial;
	color:				#7FDAFF;
	text-decoration:	none;
}

#menu a:hover {
	color:				#0053B3;
	text-decoration:	underline;
}

#menu img {
	vertical-align:	bottom;
	border:	0px;
}

#menu .form_menu .text {
    width:          80px;
    border:         1px solid #7FDAFF;
    margin:			0px;
    padding:		0px;
    font:           normal 9pt Arial;
	color:			#7FDAFF;
}

#menu .form_menu .submit {
	display:		block;
	padding-bottom:			5px;
	width: 30px; height: 30px;
	border:			0px solid red;
	background : 	url(../images/design/bout_ok_bleu.gif) no-repeat;
	cursor: pointer;
}

#menu .form_menu .submitGoogle {
	display:		block;
	padding-bottom:			5px;
	width: 30px; height: 30px;
	border:			0px solid red;
	background : 	url(../images/design/bout_ok_bleu.gif) no-repeat;
	cursor: pointer;
}

.search_menu {
	float:		right;
	padding-right: 30px;
}

.drapeau1_menu {
	float:		right;
	padding-right: 65px;
}

.drapeau2_menu {
	float:		right;
	padding-right: -10px;
}


/* FOOTER */
#footer {
	position:		relative;
	text-align:		center;
	padding:		0px;
	margin-top:		10px;
	width: 			100%;
	height:			40px;
}

#footer img {
	border:		0px;
}

#footer a {
	color:			#000000;
	font : 			normal 7pt Arial;
	text-decoration: none;
}

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

/* FOOTER */

/* TOUS LES LIENS */

a {
	color : 		#000000;
	font : 			normal 9pt Arial;
	text-decoration : none;
	text-decoration : underline;
}

a:hover {
	text-decoration : none;
}

p {
	color : #0147A9;
	line-height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

/* CSS ACCUEIL SITE */

#box_accueil, #teaser {
	margin-left:	15px;
}

#teaser {
	margin-top:		5px;
}

#ticker {
	position:	absolute;
}

/*
#teaser img {
	width:			410px;
	margin-top:		10px;
	border: 0px;
}
*/

#box_accueil {
	text-align:		center;
	margin-top:		0px;
	width:			420px; 	height:			225px;
	background : 	url(../images/design/accueil/fond_box_accueil.jpg) no-repeat;
}

#box_guideeco, #col_pub_accueil, #col_pub {
	top:			100px;
}

#box_guideeco {
	position: 		absolute;
	left:			440px;
	width:			285px; height: 389px;
	background : 	url(../images/design/accueil/teaser_guideeco.jpg) no-repeat;	
}

#box_guideeco img {
	border:		0px;
}


#col_pub, #col_pub_accueil {
	position: 		absolute;
	width: 			230px;	height:			432px;
	background:		url(../images/design/accueil/col_pub.gif) no-repeat;	
}

#col_pub_accueil {
	left:			725px;
}

#col_pub {
	left:			715px;
}


#row_pub_accueil {
	margin-left:	15px; padding-top:	0px;
	width: 	680px; height: 40px;
	padding-bottom:0px;
}

#row_pub {
	margin-left:	15px; padding-top:	10px;
	width: 	680px; height: 40px;
	padding-bottom:0px;
}

/* positionnement des calques */

#recherche_part {
	position : 		relative;
	float:			left; 	padding:		9px;
	width:			120px;	height:			200px;
	top:8px;
}

#guide_pro {
	position : 		relative;
	float:			left; 	padding:		10px;
	width:			120px;	height:			200px;
	top:8px;
}

#recherche_pro {
	position : 		relative;
	float:			left; 	padding:		10px;
	width:			120px;	height:			200px;
	top:8px;
}

#recherche_part h1, #guide_pro h1 , #recherche_pro h1 {
	font : 			bold 12pt Arial;
}


#recherche_part h1, #recherche_part a {
 	color:				#FF7902;
 	margin-bottom:		4px;
}

#recherche_part a, #guide_pro a {
	font : 				normal 9pt Arial;
	text-decoration:	none;
	margin-bottom:	4px;
}


#recherche_part a:hover {
	color:				#FF7902;
	text-decoration:	underline;
}


#recherche_part .formu {
	position : 		absolute;
	padding:		4px;
	border: 		0px solid #FF9900;
	top:			70px;	left:			11px;
	height:			90px;	width:			100px;
	text-align:		center;
}

#recherche_pro .formu {
	position : 		absolute;
	padding:		0px;
	border: 		0px solid #7FDAFF;
	top:			60px; 	left:			15px;
	height:			100px;	width:			110px;
}


#recherche_pro .formu .select {
	position:		relative;
	padding:		2px;
	top:			5px;
	border: 		1px solid #7FDAFF;
	height:			20px;	width:			100px;
	text-align:		left;
	font : 			normal 8pt Arial;
}

#recherche_part .formu img, #recherche_pro .formu img {
	border:			0px;
}

#recherche_part .formu h1 {
	margin-top:	10px;
	font : 			bold 9pt Arial;
	color:			#FF7902;
}

#recherche_part .formu .text {
    width:          70px;
	height:			15px;
    border:         1px solid #FF9900;
    /* *HAUT DROITE BAS GAUCHE */
    padding:        0px 20px;
    font:           normal 8pt Arial;
}

#recherche_part .formu .submit {
	position:		absolute;
	display:		block;
	margin-left:	45px;
	margin-top:		45px;
	width: 20px; height: 20px;
	border:			0px;
	background : 	url(../images/design/bout_ok_recherche_part.jpg) no-repeat;
	cursor: pointer;
}

/*#bout_ok_recherche_part {
	position:		absolute;
	display:		overflow;
	margin-left:	80px;
	margin-top:		10px;
	width:			30px;
	height:			20px;
}*/

#recherche_pro .formu .text {
    width:          90px;
    border:         1px solid #7FDAFF;
    margin-top:		10px;
    padding:        3px 2px;
    font:           normal 8pt Arial;
}


#recherche_pro .formu .submit {
	position:		absolute;
	display:		block;
	width: 30px; height: 30px;
	margin-left:	40px;
	margin-top:		80px;
	border:			0px;
	background : 	url(../images/design/bout_ok_bleu.gif) no-repeat;
	cursor: pointer;
}


#guide_pro h1, #recherche_pro h1 {
	color:			#0053B3; margin:2px;
}

#guide_pro a {
 	color:				#0058B7;
}

#guide_pro img {
 	margin-top:		50px;
    border:         0px;
}

#guide_pro a:hover {
	color:				#7FDAFF;
	text-decoration:	underline;
}

/* CSS INSCRPITION */

#ongletpro, #ongletpart {
	position:			absolute;
	left:				20px; top:	100px;
	height:				35px;
}

#ongletpart {
	/*background-color:	#FFAF02;*/
}

#ongletpro {
	/*background-color:	#026EEA;*/
}

#ongletpart p, #ongletpro p {
	float:				left;
	position:			relative;
	margin:				0px;
	padding-left:			8px;
	border-left:		1px solid #0096E7;
}

#col_gauchepart, #col_gauchepro {
	position:			absolute;
	width:				215px;
	height:				300px;
	left:		29px; top:	134px;
}

#col_gauchepart {
	background : url(../images/design/fond_col_gauche_part.gif) no-repeat;
	background-position:	bottom left;
}

#col_gauchepro {
	background : url(../images/design/fond_col_gauche_pro.gif) no-repeat;
	background-position:	bottom left;
}


#col_gauchepart .tab, #col_gauchepro .tab {
	padding:		0px;
	margin:			0px;
	border: 		0px;
}

/* contenu qui s agrandit en fonction */

#displaypro {
	background : 	#DFF3FA url(../images/design/fond_col_central_pro.gif) no-repeat;
	background-position:	bottom left;
	text-align: justify;
	height: auto;
	line-height: 8px;
}

#displaypart {
	background : 	#FCFCD8 url(../images/design/fond_col_central_part.gif) no-repeat;
	background-position:	bottom left;
	text-align: justify;
	height: auto;
	line-height: 8px;
}


#displaypart, #displaypro {
	padding:		2px;
	width:			435px;
	margin-top:		45px;
	margin-left:	253px;
    min-height:		500px;
	height:			100px;
}

#display2part {
	background : 	#FCFCD8 url(../images/design/fond_col_central_part.gif) no-repeat;
	background-position:	bottom left;
}

#display2pro {
	background : 	#DFF3FA url(../images/design/fond_col_central_pro.gif) no-repeat;
	background-position:	bottom left;
}

#display2part, #display2pro {
	padding:		2px;
	width:			435px;
	margin-top:		45px;
	margin-left:	253px;
}

#display3pro {
	background : 	#DFF3FA url(../images/design/fond_col_central_pro.gif) no-repeat;
	background-position:	bottom left;
	text-align: justify;
	height: auto;
	line-height: 8px;
}

#display3pro {
	padding:		2px;
	width:			435px;
	margin-top:		45px;
	margin-left:	253px;
    min-height:		650px;
	height:			100px;
}

#display p {
	text-align:		justify;
}

#page {
	margin-left:	0px;
	margin-top:		0px;
	width:			440px;
	height:			440px;	
	padding:		0px;
}

#pagetexte {
	margin-left:	5px;
	margin-top:		5px;
	width:			420px;
	height:			420px;
	padding:		0px;
	text-align: justify;
	line-height: 8px;
}

#pagetexte a:hover {
	color:				#0053B3;
	text-decoration:	underline;
}
/* FORMULAIRE INSCRIPTION */

#form_inscription {
	margin-left:	0px;
	margin-top:		0px;

	width:			440px;
	height:			540px;
	padding:		0px;
}

#form_inscription li, #page li {
	list-style:		circ;
	color:			#000;
    font:           normal 9pt Arial;	
}


.message {
	font : 			bold 14pt Arial;
	color:			#fff;
}

#form_inscription .form_inscriptionpart select, #form_inscription .form_annoncepart select, #form_inscription .form_inscriptionpart .text {
    border:         1px solid #FF9900;
}

/*
#form_inscription .form_inscriptionpart select, #form_inscription .form_inscriptionpro select, #form_inscription .form_annoncepro select, #form_inscription .form_annoncepart select {
    height:			20px;			width:		250px;
    font:           normal 9pt Arial;
	color:			#13389F;
}

*/

.formSelectSmall {
    height:			20px;			width:		90px;
    font:           normal 9pt Arial;
	color:			#13389F;
}

.formSelectSecteur {
    height:			20px;			width:		340px;
    font:           normal 9pt Arial;
	color:			#13389F;
}

.formSelectVille {
    height:			20px;			width:		150px;
    font:           normal 9pt Arial;
	color:			#13389F;
}

#form_inscription .form_annoncepro select, .form_inscriptionpro select, #form_inscription .form_inscriptionpro .text {
    border:         1px solid #004BD8;
}

#form_inscription .form_inscriptionpro select .small, #form_inscription .form_inscriptiopart select .small {
	width:			80px;
}

#form_inscription .form_inscriptionpart .text, #form_inscription .form_annoncepart .text {
    border:         1px solid #FF9900;
}


#form_inscription .form_annoncepro .text {
    border:         1px solid #004BD8;
}

#form_inscription .form_inscriptionpart .text, #form_inscription .form_inscriptionpro .text, #form_inscription .form_annoncepart .text {
    width:          100px;
    height:			20px;
    margin-top:		1px;
    font:           normal 9pt Arial;
	color:			#004BD8;
}

#form_inscription .form_annoncepart .file, #form_inscription .form_annoncepro.file {
    width:          150px;     height:		20px;
    margin-top:		0px;
    font:           normal 9pt Arial;
	color:			#13389F;
}


#form_inscription .form_annoncepart.file {
    border:         1px solid #FF9900;
}

#form_inscription .form_annoncepro.file {
    border:         1px solid #004BD8;
}


#form_inscription .form_inscriptionpart textarea, #form_inscription .form_inscriptionpro textarea, #form_inscription .form_annoncepart textarea, #form_inscription .form_annoncepro textarea {
    margin-top:		1px;
    font:           normal 9pt Arial;
	color:			#13389F;
}

#form_inscription .form_inscriptionpart textarea, #form_inscription .form_annoncepart textarea {
    border:         1px solid #FF9900;
}


#form_inscription .form_annoncepro textarea, #form_inscription .form_inscriptionpro textarea {
    border:         1px solid #004BD8;
}


#form_inscription .form_inscriptionpart textarea, #form_inscription .form_inscriptionpro textarea {
    width:          180px;
    height:			60px;
}

#form_inscription .form_annoncepart textarea, #form_inscription .form_annoncepro textarea  {
    width:          180px;
    height:			60px;
}

#form_inscription .form_inscriptionpart .submit, #form_inscription .form_annoncepart .submit, #page .submit {
	background : 	url(../images/design/bout_fond_orange.jpg) no-repeat 0 0;
}


#form_inscription .form_annoncepro .submit, #page .submit, #form_inscription .form_inscriptionpro .submit {
	background : 	url(../images/design/bout_fond_bleu.jpg) no-repeat 0 0;
}

#form_inscription .form_inscriptionpart .submit, #form_inscription .form_inscriptionpro .submit, #form_inscription .form_annoncepart .submit, #form_inscription .form_annoncepro .submit, #page .submit {
	float:			right; 	position:		relative;
	margin-top:		10px;    margin-right:   40px;
    height:			21px;    width:			65px;
	text-align:		center;
	font:           normal 10pt Arial;
	color:			#000; 	border:			0px;
}

#voir_annuaire .form_recherchepart .submit, #voir_annuaire .form_recherchepro .submit {
	top:			0px;
    height:			21px;
	text-align:		center;
	font:           normal 10pt Arial;
	color:			#000;
}

#voir_annuaire .form_recherchepart .submit {
	background : 	url(../images/design/bout_fond_orange.jpg) no-repeat 0 0;
}

#voir_annuaire .form_recherchepro .submit {
	background : 	url(../images/design/bout_fond_bleu.jpg) no-repeat 0 0;
}

#voir_annuaire .form_recherchepro .select, #voir_annuaire .form_recherchepro .societe {
	width:			250px;
	height:			20px;
	text-align:		left;
	font:           normal 10pt Arial;
	color:			#004BD8;
    border:         0px solid #000;
    padding:		2px;
}

#form_inscription .label {
	float:	 		left;
	text-align:		right;
	font:           normal 9pt Arial;
	color:			#0099FF;
	padding:		0px;
}

#form_inscription .gauche {
	float:	 		left;
	text-align:		right;
	width:			190px;
	font:           normal 9pt Arial;
	color:			#0099FF;
	margin-top:		2px;
}

#form_inscription .droite {
	float:	 		left;
	text-align:		right;
	width:			190px;
	font:           normal 9pt Arial;
	color:			#0099FF;
	margin-top:		2px;
	padding-left:	0px;
}
/* Affichage */

#loading {
	position:		relative;
	padding-top:	200px;
	width:			950px;
	margin:			0px auto;
	height:			350px;
	text-align:		center;
	border: 		0px solid #0099FF;
}

#loading p {
	font:           normal 14pt Arial;
	color:			#0099FF;
}

#form_inscription h1, #display h1, #page h1 {
	font : 			bold 9pt Arial;
	color:			#3366CC;
}

#form_inscription .message, #page .message {
	font : 			bold 10pt Arial;
	color:			#000;
}

#form_inscription .etape, #page .etape {
	float:			right;
	margin-top:		10px;
	margin-right:	0px;
	font : 			bold 9pt Arial;
	color:			#FF9900;
}


/* FORMULAIRE RECHERCHE ANNONCE */

/* VOIR ANNONCE , VOIR ANNUAIRE */

#voir_annonce, #voir_annuaire {
	position:		relative;
	top:			0px; 	left:			8px;
	width:			420px;
	padding:		0px;
}

#retour a {
	float:			right;
	padding:		4px;
	height:			20px;
	font : 			bold 8pt Arial;
	color:			#3366CC;
}

/* VOIR ANNUAIRE */

#voir_annuaire .civilite {
	padding-top:	0px;
	font : 			normal 7pt Arial;
	color:			#000;
}

#voir_annuaire .societe {
	font : 			bold 10pt Arial;
	color:			#000;
}

#voir_annuaire .secteur {
	font : 			normal 8pt Arial;
	color:			#000;
}

#voir_annuaire .form_recherchepro {
	padding-left:		50px;
}

#voir_annuaire .form_recherchepart .text {
    width:          150px;
    border:         1px solid #FAC95A;
	font : 			normal 10pt Arial;
	color:			#3366CC;
}

#voir_annuaire .form_recherchepro .text {
    width:          150px;
    border:         0px solid #004BD8;
	font : 			normal 10pt Arial;
	color:			#3366CC;
	padding:		2px;
}


/* VOIR ANNONCE */

#voir_annonce .prix, #page .prix {
	font : 			bold 9pt Arial;
	color:			#3366CC;
}

#voir_annonce a, #voir_annuaire a {
	font : 			bold 8pt Arial;
	color:			#3366CC;
	text-decoration:	none;
}

#voir_annonce h1, #voir_annuaire h1 {
	font : 			bold 12pt Arial;
	color:			#3366CC;
	margin-bottom:	0px;
}

#voir_annuaire .message {
	float:  right;
	font : 			normal 10pt Arial;
	color:			#000;
	margin-top:		0px;
}

#entry {
	font : 			normal 9pt Arial;
	color:			#3366CC;
	margin-top:		0px;
	width:			420px;
	border-bottom:	1px solid #3366CC;
	border-top:		1px solid #3366CC;
	text-align:		left;
	padding:		0px;
	background-color:	#fff;
}

#entry h1, #entry h2 {
	padding:		0px;
	color:			#3366CC;
}

#entry h1 {
	margin-top: 	0px;
	font : 			bold 12pt Arial;
}

#entry h2 {
	margin-top: 	0px;
	font : 			normal 10pt Arial;
}

#tel1, #tel2, #fax {
	margin-top:		0px;	padding:		0px;
	font : 			bold 10pt Arial;
	color:			#3366CC;	font : 			bold;
	margin-left:	280px;	height:			15px;
}

#tel1 {
	background : 	url(../images/design/icon_tel1.gif) no-repeat 120px;
}

#tel2 {
	background : 	url(../images/design/icon_tel2.gif) no-repeat 120px;
}

#fax {
	background : 	url(../images/design/icon_fax.gif) no-repeat 120px;
}

#voir_annuaire p:hover {
/*	background-color:	#eee; */
}

#voir_annonce p {
	font : 			normal 8pt Arial;
	text-align:		justify;
	padding:		0px;
	width:			100%;
	border:			0px solid green;
}

#nombre_annonce {
	padding:		4px;
	width:			400px;
	font : 			bold 9pt Arial;
	color:			#3366CC;
}

/* */

#form_recherche_annonce {
	position:		absolute;
	margin-top:		10px;
	margin-left:	10px;
	background : 	url(../images/design/fond_recherche_annonce.gif) no-repeat 0 0;
	width:			400px;
	height:			50px;
}

#form_recherche_annonce label {
	position:		absolute;
	top:			8px;
	margin-left:	10px;
	width: 			400px;
	left:			0px;
    font:           normal 9pt Arial;
	color:			#13389F;
	text-align:		center;
}

#form_recherche_annonce .recherche_annonce select {
	position:		absolute;
	margin-left:	80px;
	top:			22px;
	width:			260px;
    font:           normal 9pt Arial;
	color:			#000;
	border:			1px solid white;
	background-color:	#fff;
}

#form_recherche_annonce .recherche_annonce .text {
    width:          300px;
    border:         1px solid #FAC95A;
    margin-top:		0px;
}

#form_recherche_annonce .recherche_annonce .submit {
	position:		absolute;
	right: 			150px;
	top:			50px;
    width:          80px;
    height:			21px;
	background : 	url(../images/design/bout_fond_orange.jpg) no-repeat 0 0;
	border:			0px;
	text-align:		center;
}

#resultat_annonce {
	position:		relative;
	margin-top:		70px;
}

#resultat_annonce p  {
	position:		relative; left:		5px;
	width:			420px;	height:			60px;
	padding:		0px;
	text-align:		justify;
}

#resultat_annonce .pro, #resultat_annonce .part  {
	border-top:			1px solid #2749AA;
	border-bottom:		1px solid #2749AA;	
	height:			60px;
	padding:		0px;
	background : 		url(../images/design/fond_display_annonce_pro.jpg) repeat-x;
}

#resultat_annonce .pro:hover, #resultat_annonce .part:hover {
	background : 		none;
}

#resultat_annonce p.part  {
	background : 	url(../images/design/fond_display_annonce_part.jpg) repeat-x;
}



#voir_annonce img {
    margin-top:		4px;
    padding: 		2px;
    background-color:#fff;
    border:			0px;
    max-width:		350px;
}


#resultat_annonce img.pics {
    float:			left;
    margin-top:		4px;
    padding: 		2px;
    background-color:#fff;
    border:			0px;
    max-width:		150px;
    max-height:		40px;
}

#resultat_annonce .nom, #resultat_annonce .contenu, #resultat_annonce .prix {
	color:			#13389F;
}

#resultat_annonce .nom {
    font:           bold 9pt Arial;
}

#resultat_annonce .contenu {
    font:           normal 9pt Arial;
}

#resultat_annonce .details, #voir_annonce .details, #page .details, #form_inscription .details {
    font:           normal 8pt Arial;
}

#resultat_annonce .prix {
	position:		relative;
	float:			right;
	margin-top:		-15px;
	top:			0px;
    font:        	bold 9pt Arial;
}

#resultat_annonce .currency {
    font:        	bold 7pt Arial;
    color:			#000;
}