/* CSS Document */

	/* initialisation */
	
	* {margin:0; padding:0}
	
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#336fb1;
		background:#9bcafd url(../../images/global/bg_body.jpg) repeat-x;
	}
	
	input, select, textarea {font-size:.9em; color:#336fb1;}
	select#civilite {width:178px; border:1px solid #bfdeff;}
	ul, ul li {list-style-type:none;}
	
	a img {border:0}
	
	a {text-decoration:none; color:#336fb1}
	a:hover {color:#f67e0a}
	
	.encours {
		color:#f67e0a;
		white-space:nowrap
	}
	div#presentation {margin-right:10px;}
	
/* grandes structures -------------------------------------------------------------------------------------------------- */
	/* voir global_ie 6 et 7 */
	#rld_logo {position:absolute; top:0; left:50%; margin:0 0 0 -492px; width:272px; height:221px; }
	a#retour_logo { position:absolute; top:25px; left:48px;height: 80px; width: 180px; }
	a#vers_contact { position:absolute; top:140px; left:50px; height: 50px; width: 165px; }
	a#retour_logo span{display:none;}
	a#vers_contact span {display:none;}
	
	
	#wrapper {width:838px; margin:0 auto;}
	#head {width:838px; height:194px; background:url(../../images/global/head_bg_service_bien-etre.jpg) right 0 no-repeat; border:0px solid red;}
	#content {width:818px; float:left; clear:both; padding:10px 10px 0 10px; background:#fff url(../../images/global/global_bgbottom.gif) 0 bottom no-repeat;}
	#footer {}
	

/* head -------------------------------------------------------------------------------------------------- */
	#espace_client {width:152px; height:47px; display:block; position:absolute; top:0; left:50%; margin-left:249px; background:transparent url(../../images/global/head_bg_espace_client.gif) 0 bottom no-repeat}
	#espace_client a {margin: 29px 0 0 50px;display: block;font-size: 12px;color: #FF8605;}
	#espace_client img {display:block; margin:5px auto 7px auto}
	#espace_client p {width:128px; margin:0 auto; padding-bottom:3px; display:table}
	#espace_client input {float:left; width:121px; padding:0 2px 0 5px; border:1px solid #999}
	#espace_client input.password {width:98px}
	#espace_client input#submit {float:right; width:auto; border:0; padding:0; margin-top:3px}
	#espace_client input:hover, #espace_client input:focus {background-color:#ddedff;}
	
	#dmenu {width:648px; height:28px; padding:125px 0 0 190px; cursor:pointer; border:0}
	.sub_dmenu_item_txt {padding-left:15px;}
	
	.sub_dmenu_accueil {width:240px; height:22px; margin:0 0 1px 0px; color:#fff; background:#f67e0a}
	.sub_dmenu_accueil td {padding:0 0 0 15px}
	.sub_dmenu_accueil-hov {width:240px; height:22px; margin:0 0 1px 0px; color:#f67e0a; background:#fff url(../../images/pics/arrow_orange.gif) 5px 8px no-repeat}
	.sub_dmenu_accueil-hov td {padding:0 0 0 15px}
	
	.sub_dmenu_item {width:148px; height:22px; margin:0 0 1px 0px; color:#fff; background:#f67e0a}
	.sub_dmenu_item td {padding:0 0 0 15px}
	.sub_dmenu_item-hov {width:148px; height:22px; margin:0 0 1px 0px; color:#f67e0a; background:#fff url(../../images/pics/arrow_orange.gif) 5px 8px no-repeat}
	.sub_dmenu_item-hov td {padding:0 0 0 15px}
	
	.sub_dmenu {padding:3px 15px;}
	

/* content -------------------------------------------------------------------------------------------------- */
/*  DROITE -------------------------------*/  
	div#fil_ariane { margin-top:20px; }
	#commun_droit {
		 float:right;
	}
	#acces_produits {width:175px; height:301px; background:url(../../images/home/acces_produits_bg.jpg) no-repeat; margin-top:36px; padding:25px 0 0 0;}
	#acces_produits_home { width:175px; height:380px; background:url(../../images/home/home_acces_produits_bg.jpg) no-repeat; margin-top:10px; padding:0px 0 0 0; border:0px solid red; }
	#acces_produits_home img {padding-top:20px;border:0px solid red;}
	#acces_produits_home .title, #acces_produits .title {display:block; margin:0px auto;}
	

	/* scrolling News -------------- */
	#AutoScrollContainer_loading {
		overflow:hidden;
		visibility:visible;
		text-align:center;
		padding-top:15px;
		color:#ff8605
	}
	
	#AutoScrollContainer {
		position:relative;
		width:140px;	
		height:205px;	
		margin:3px auto;
		overflow:hidden;
		visibility:visible;
	}
	
	#AutoScrollContainer #AutoScrollContent {
		position:relative;
		width:140px;	
		visibility:visible;
		overflow:hidden;
	}
	
	#AutoScrollContainer #AutoScrollContent p {padding:0 0 20px 0; margin-bottom:20px; background:url(../../images/pics/dotted.gif) 0 bottom repeat-x}
	#AutoScrollContainer #AutoScrollContent p a {color:#3581d3; text-decoration:none; display:block;}
	#AutoScrollContainer #AutoScrollContent p a:hover {color:#f67e0a}
	
#acces_carte_reseau {
background:url(../../images/push/fond_carte.gif) center no-repeat;
width: 175px;
height: 234px;
margin-top: 10px;
padding-top: 25px;
}
#acces_carte_reseau h3.titre_reseau {
	display:block;
	text-align: center;
	margin-bottom: 7px;
}

#acces_carte_reseau a#mini_carte {
	border: 0;
	width: 142px;
	display: block;
	margin: 0 auto 0 auto;
}
#acces_carte_reseau ul li {
	list-style-image:url(../../images/push/flech_li.gif);
	margin: 15px 5px 0 28px;
}
ul.plus_bas {padding-top:5px;}
#acces_carte_reseau div.news {
	padding: 5px 20px 0;
	text-align:justify;
}
#acces_carte_reseau div.news img { padding-left:7px; }

#lien_picto {
	background:url(../../images/push/fd_lien_picto.gif) center no-repeat;
	margin-top: 10px;
	padding:20px 0 0 18px ;
	width: 157px;
	height: 278px;
}
#lien_picto ul li a.image_bt img {
	border: 0;
}
#lien_picto ul li a.image_bt:hover img {
	display: none;
}
#lien_picto ul li a.image_bt {
	display: block;
	width: 140px;
	height: 61px;
}
#lien_picto ul li a.image_bt#vet_pro:hover {
	background:url(../../images/push/bt_vet_proOVER.jpg) center no-repeat;
}
#lien_picto ul li a.image_bt#ling_plat:hover {
	background:url(../../images/push/bt_ling_platOVER.jpg) center no-repeat;
}
#lien_picto ul li a.image_bt#hyg:hover{
	background:url(../../images/push/bt_hygOVER.jpg) center no-repeat;
}
#lien_picto ul li a.image_bt#btttapis:hover {
	background:url(../../images/push/bt_tapisOVER.jpg) center no-repeat;
}



	#secteurs_activites_services {width:614px; height:231px; position:relative; padding:11px 18px 0 0; background:url(../../images/home/et_services_bgright.gif) right bottom no-repeat}
	
	#secteurs_activites_services img {display:block; position:absolute; top:23px; left:31px; }
	
	#secteurs_activites_services ul {height:173px; padding-top:23px; position:absolute; bottom:0; left:0; background:#ddedff url(../../images/home/secteurs_d-activites_bgleft.gif) no-repeat}
	#secteurs_activites_services ul li {width:226px; height:27px; overflow:hidden;}
	#secteurs_activites_services ul li a {width:226px; height:27px; display:block; background-position:31px 0; background-repeat:no-repeat}
	#secteurs_activites_services ul li a:hover {background-position:8px 0; background-repeat:no-repeat}
	/*
		halte au display:none pour le remplacement des images !
		voir http://blog.alsacreations.com/2006/01/29/220-remplacement-dimages-halte-au-display-none
		règle non accessible aux lecteurs d'écrans => #secteurs_activites_services ul li a span {display:none}*/
	#secteurs_activites_services ul li a span {position:relative; z-index:15; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}
	
	#secteurs_activites_services ul li a.sante { display:block; height:16px; width:61px; background:url(../../images/home/secteur-sante.gif)}
	#secteurs_activites_services ul li a.sante:hover {background:url(../../images/home/secteur-sante.gif) 0px -16px;}
	
	#secteurs_activites_services ul li a.collectivites { display:block; height:16px; width:105px; background:url(../../images/home/secteur-collectivites.gif)}
	#secteurs_activites_services ul li a.collectivites:hover {background:url(../../images/home/secteur-collectivites.gif) 0px -16px;}
	
	#secteurs_activites_services ul li a.commercants { display:block; height:18px; width:173px; background:url(../../images/home/secteur-commercants.gif)}
	#secteurs_activites_services ul li a.commercants:hover {background:url(../../images/home/secteur-commercants.gif) 0px -18px;}
	
	#secteurs_activites_services ul li a.hotellerie { display:block; height:16px; width:196px; background:url(../../images/home/secteur-hotellerie.gif)}
	#secteurs_activites_services ul li a.hotellerie:hover {background:url(../../images/home/secteur-hotellerie.gif) 0px -16px;}
	
	#secteurs_activites_services ul li a.industries { display:block; height:16px; width:88px; background:url(../../images/home/secteur-industries.gif)}
	#secteurs_activites_services ul li a.industries:hover {background:url(../../images/home/secteur-industries.gif) 0px -16px;}
	
	#secteurs_activites_services ul li a.services { display:block; height:16px; width:77px; background:url(../../images/home/secteur-services.gif)}
	#secteurs_activites_services ul li a.services:hover {background:url(../../images/home/secteur-services.gif) 0px -16px;}

	
	
	#services {width:354px; height:197px; padding:34px 0 0 40px; position:absolute; bottom:0; right:18px; background:#badafe url(../../images/home/et_services_bgleft.gif) no-repeat}
	#services img {top:12px}
	/*
	en place pour le swfobject
	#services_flash {}
	#services_flash object {}
	*/
	#visites_news {width:614px; height:140px; float:left; padding:0 0 0 18px; margin-top:7px; background:#DDEDFF url(../../images/home/visite_guidee_bgleft.gif) no-repeat; display: inline; }
	#visites_news dt {padding-bottom:5px;}
	#visites_news dl {padding-top:9px; height:140px;border:0px solid red;}
	#visites_news dl dd.img {float:left; margin:0 5px 5px 0} 
	
	
	#visites {float:left; width:295px; height:100px; padding-right:11px; background:url(../../images/pics/separation_h80.gif) 295px 12px no-repeat; }
	#visites dd a {height:14px; padding:4px 0 2px 22px; display:block; float:left; background:url(../../images/pics/arrow_cricle.gif) no-repeat}
	
	#news {padding-right:10px; background:url(../../images/home/les_news_bgright.gif) right 0 no-repeat;  }
	#news dd a {padding:5px 0 0 10px; float:right; background:url(../../images/pics/arrow_orange_fdbleu.gif) 0 8px no-repeat;}


/* footer -------------------------------------------------------------------------------------------------- */	
	#footer p {height:16px; padding-top:4px; clear:both; text-align:center; color:#68a8ee; background:url(../../images/global/footer_bg.gif) center 3px no-repeat;}
	#footer ul {margin:3px 50px; clear:both;}
	#footer ul li {float:left; color:#fff; border-right:1px solid #fff;}
	#footer ul li.last {border:0;}
	#footer ul li#realisation_actinext {float:right; border:0;}
	#footer ul li a {color:#fff; padding:0 5px;}
	#footer ul li a:hover {color:#f67e0a;}

/* contact   ------
*/
#contact_form { 	margin-left: 150px; }
#contact_form  input,#contact_form  textarea{ padding-left: 2px; }

input#btn_send { background-color:#FFF; margin-left:90px; border:1px solid #bfdeff; color:#336FB1; font-weight:bold; cursor: pointer; }
input#btn_send:hover{ background-color: #EFF7FF;	border: 1px solid #DFEFFF;}

/*  Recrutement  ******************
*/
fieldset {
	border: 1px solid #336FB1;
	width: 550px;
	margin-top: 10px;
	margin-left: 15px;
	padding: 15px;
}
input, textarea {
	border: 1px solid #BFDEFF;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 11px;
	font-family: Arial;
	color: #000;
}
input:hover, textarea:hover {
	background-color: #EFF7FF;
}
input.border0 {
	border:0;
}
legend {
	color: #4f9be8;
	font-weight: bold;
	font-size: 12px;
	padding: 10px;
}
label {
	display:block;
	float:left;
	width: 90px;
}
label.titre_label {
	width: 80px;
}
label.radio {
	width: 110px;
	margin-bottom: 10px;
}
label.radio_exp {
	width: 200px;
	margin-bottom: 10px;
}
.obligatoire {
	color: #EF820E;
}
.sep {
	clear: both;
	font-size: 10px;
	display: block;
	width: 50px;
}
.info {
	font-style: italic;
	margin-left: 15px;
}
.incomplet {
	color: #EF820E;
	font-weight: bold;
}
input.bouton_submit,
a.bouton_submit {
	color: #336FB1;
	cursor: pointer;
	display: block;
	background-color: #fff;
	border: 1px solid #DFEFFF;
	margin-left: 220px;
	width: 150px;
	padding: 5px 0 5px 0;
	text-align: center;
	font-weight: bold;
}
a.bouton_submit {
	margin-top: 20px;
	border: 1px solid #DFEFFF;
}
input.bouton_submit:hover,
a.bouton_submit:hover {
	background-color: #EFF7FF;
	border: 1px solid #DFEFFF;
}
#sablier {
	width: 600px;
	height: 596px;
	position: relative;
	border:0px solid green;
	overflow:hidden;
	background: url(../../images/loading.gif) no-repeat 50%;
}
#sablier span#milieu { font-size:25px; }
#carto {
	background: url(../../images/carto.jpg) no-repeat top;
	width: 600px;
	height: 596px;
	position: relative;
}
a.lien_carto {
	position: absolute;
	display: block;
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 0;
}
a.lien_carto#boulogne {
	top: 65px;
	left: 215px;
	width:60px;
}
a.lien_carto#saintquay {
	top: 150px;
	left: 80px;
}
a.lien_carto#bethune {
	top: 75px;
	left: 300px;
}
a.lien_carto#tourlaville {
	top: 110px;
	left: 130px;
}
a.lien_carto#darnetal {
	top: 125px;
	left: 255px;
}
a.lien_carto#deauville {
	top: 120px;
	left: 190px;
}
a.lien_carto#orvault {
	top: 230px;
	left: 130px;
}
a.lien_carto#sable {
	top: 200px;
	left: 200px;
}
a.lien_carto#longeville {
	top: 130px;
	left: 380px;
}
a.lien_carto#colmar {
	top: 185px;
	left: 435px;
}
a.lien_carto#orleans {
	top: 215px;
	left: 255px;
}
a.lien_carto#bleneau {
	top: 200px;
	left: 325px;
}
a.lien_carto#dijon {
	top: 220px;
	left: 375px;
}
a.lien_carto#vichy {
	top: 286px;
	left: 308px;
}
a.lien_carto#macon {
	top: 290px;
	left: 375px;
}
a.lien_carto#lyon_marcy {
	top: 338px;
	left: 380px;
}
a.lien_carto#perigueux {
	top: 345px;
	left: 220px;
}
a.lien_carto#bordeaux {
	top: 375px;
	left: 165px;
}
a.lien_carto#agen {
	top: 414px;
	left: 225px;
}
a.lien_carto#albi {
	top: 425px;
	left: 290px;
}
a.lien_carto#toulouse {
	top: 445px;
	left: 205px;
	width:65px;
}
a.lien_carto#cahors {
	top: 375px;
	left: 260px;
	width:50px;
}
a.lien_carto#montpellier {
	top: 450px;
	left: 320px;
}
a.lien_carto#decazeville {
	top: 395px;
	left: 295px;
}
a.lien_carto#toulon {
	top: 465px;
	left: 425px;
}
a.lien_carto#lefrancois {
	top: 550px;
	left: 145px;
}
a.lien_carto#mureaux {
	height: 10px;
	width: 50px;
	top: 28px;
	left: 398px;
}
a.lien_carto#stouen {
	height: 10px;
	width: 50px;
	top: 42px;
	left: 430px;
}
a.lien_carto#chanteloup {
	height: 10px;
	width: 50px;
	top: 28px;
	left: 460px;
}
a.lien_carto#leplessis {
	top: 88px;
	left: 480px;
}
a.lien_carto#chatenay {
	height: 10px;
	width: 50px;
	top: 75px;
	left: 430px;
}
a.lien_carto#lilas {
	height: 10px;
	width: 50px;
	top: 52px;
	left: 490px;
}
a.lien_carto#montrouge {
	top: 160px;
	left: 280px;

}
a.lien_carto#montrouge2 {
	height: 10px;
	width: 50px;
	top: 60px;
	left: 430px;

}
a.lien_carto#epinay {
	height: 10px;
	width: 50px;
	top: 70px;
	left: 510px;

}
a.lien_carto#niort {
	top: 300px;
	left: 170px;
}
.invisible {
	visibility: hidden;
}



/* Push droite : déroulement des produits  */

	
	
	div.absolute {position: absolute;}
	
	div.absolute div#presentation_prod #fenetre {
		position:absolute; 
		overflow:hidden;
		top:30px;
		left:20px; 
		width:140px; 
		height:212px;
		clip:rect(0px, 203px, 208px, 0px);
		z-index:1;
		border:0px solid green;
		background:url(../../images/pics/separation.gif) no-repeat 135px 17px;;
	}
	div.absolute div#presentation_prod #fenetre div.infenetre {position:absolute; z-index:1; top:0; left:0; height:auto;}

	div.absolute div#presentation_prod #up {position:absolute; left:150px; top:35px; z-index:2;}
	div.absolute div#presentation_prod #down {position:absolute; left:150px; top:235px; z-index:3;}
	div.absolute div#presentation_prod a {display:block; list-style-type:square;}
	div.absolute div#presentation_prod a.rub{color:#F67E0A;}
	div.absolute div#presentation_prod a:hover.rub{text-decoration:underline;}

	
/* ################### */
/* ACCES PRODUITS HOME */
/* ################### */

div#acces_produits_home div.absolute div#presentation_prod #fenetre {
		position:absolute; 
		overflow:hidden;
		top:30px;
		left:20px; 
		width:140px; 
		height:208px;
		clip:rect(0px, 203px, 208px, 0px);
		z-index:1;
		border:0px solid green;
		background:url(../../images/pics/separation2.gif) no-repeat 135px 16px;;
	}

div#acces_produits_home div.absolute div#presentation_prod #up {position:absolute; left:150px; top:15px; z-index:2;}
div#acces_produits_home div.absolute div#presentation_prod #down {position:absolute; left:150px; top:218px; z-index:3;}

div#contact_home {position:relative; left:15px; top:270px; width:157px; height:100px;}
div#contact_home p {margin-top:25px;line-height:35px; padding-left:40px; background:url(../../images/pics/contact.gif) no-repeat 7px 3px;}





div#bandeau_commercant_artisan { width:608px; height:216px; position:relative; }
div#bandeau_commercant_artisan div#zone { width:608px; position:absolute; top:0; left:0; }
div#bandeau_commercant_artisan div#zone a { margin-right:10px; display:block; float:left; width:110px;height:216px; border:0px solid red;}
div#bandeau_commercant_artisan div#zone a span{display:none;}