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

!! APRES MODIF COMPRESSER EN STYLE-MIN.CSS !!

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

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0 auto 0 auto;
	text-align: left;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	background: url("images/bodyHaut-fond.jpg") 0 0 repeat-x;
}

div#page {
	position: relative;
        width: 1008px;
	margin: auto;
	background: url("images/page-fond.gif") 0 0 repeat-y;
}

div#fond_bas {
	background: url("images/bodyBas-fond.jpg") left bottom repeat-x;
	/*padding-bottom: 121px;*/
}


/*###############################
#								#
#	DIVERS						#	
#								#
###############################*/	


a {	
	color:#000000;
	text-decoration: none;
}

:focus { outline: 0; }
a:hover { text-decoration:underline; }
a.noStyle { color: #333333; text-decoration:none; }
.souligne, .underline { text-decoration:underline; }
.inline { display:inline; }
.displayblock {	display:block; }
img { border:0; vertical-align: text-bottom; }
ul { list-style-type: none; }
.bold {	font-weight: bold; }
.alignCenter { text-align: center;
    font-family: Arial,Helvetica,sans-serif;
}
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.imgTop { vertical-align: text-top; }
.imgBottom { vertical-align: text-bottom; }
.clear { clear: both; }
.clearBoth { clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }
.floatRight { float: right; }
a.lienorange { font-size:14px; font-weight:bold; }
a.lienorange:hover { text-decoration:underline; }
.textDecorationOn { text-decoration:underline;}

.clearBoth {
	clear: both;
	width:100%;
	height:1px;
	font-size:1px;
	margin:0;
	padding:0;
}

.sepVign{
	color: #cfcfcf;
	background-color: #cfcfcf;
	height: 1px;
	margin: 5px 10px;
	border: none;
}

/************ ESPACEMENT ************/

.paddingTB5 { padding: 5px 0; }
.paddingTB10 { padding: 10px 0; }
.paddingLR5 { padding: 0 5px; }
.paddingL10R5 { padding: 0 5px 0 10px; }
.paddingTop10px { padding-top: 10px; }
.paddingTop20px { padding-top: 20px; }
.paddingTop70px { padding-top: 70px; }
.paddingLeft5px { padding-left: 5px; }
.paddingLeft15px { padding-left: 15px; }
.paddingLeft25px { padding-left: 25px; }
.paddingLeft40px { padding-left: 40px; }
.paddingLeft150px { padding-left: 150px; }
.paddingRight5 { padding-right: 5px; }
.paddingRight10px { padding-right: 10px; }
.paddingRight20 { padding-right: 20px; }
.paddingBottom10px { padding-bottom: 10px; }
.paddingBottom15px { padding-bottom: 15px; }
.paddingBottom20px { padding-bottom: 20px; }
.paddingBottom30px { padding-bottom: 30px; }
.paddingBottom4px { padding-bottom: 4px; }
.padding10px { padding: 10px; }
.padding20px { padding: 20px; }
.marginTop4px { margin-top: 4px; }
.marginTop10px { margin-top: 10px; }
.marginTop20px { margin-top: 20px; }
.marginLeft-5 { margin-left: -5px; }
.marginLeft30px { margin-left: 30px; }
.marginLeft10px { margin-left: 10px; }
.marginBottom10px { margin-bottom: 10px; }


/************ PUCES ************/

.puce_ampouleBleu { background: url("images/puce_amploule.jpg") 10px 0 no-repeat; }
.puce_horloge { background: url("images/puce_horloge.jpg") 10px 0 no-repeat; }
.puce_loupe { background: url("images/puce_loupe.jpg") 10px 0 no-repeat; }
.puce_telephone { background: url("images/puce_telephone.gif") 0 0 no-repeat; }
.puce_rondMarron { background: url("images/puce_rondMarron.gif") 0 0 no-repeat; }
.puce_rondBleu { background: url("images/puce_rondBleu.gif") 0 4px no-repeat; }
.puce_flecheOrange { background: url("images/puce_flecheOrange.gif") 0 10px no-repeat; }


/************* COULEURS ****************/

.marronFonce { color: #676042; }
.marronClair { color: #d07000; }
.marronVid { color: #92845f; }
.gris { color: #cccccc !important; }
.gris2 { color: #6b6b6b !important; }
.orange { color: #FEA211 !important; }
.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #000000; } /* Noir */
.color3 { color: #009BDD; } /* Bleu */
.black { color: #333; }
#blue { color: #009bdd !important;}

/************* TAILLES ****************/

.taille11 { font-size: 11px; }
.taille13 { font-size: 13px; }
.taille14 { font-size: 14px; }

/********** BORDURE *************/
.border { border: 1px solid #000000; }
.borderLeft { /*background: url("images/bordure_gaucheH.jpg") 20px 0 no-repeat;*/ }

/******* IMAGES ********/
div.dispImg{
	overflow: hidden;
	max-height:180px;
	margin:10px 0 0 10px;
}

/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div#haut {
	position: relative;
	width: 1000px;
	height: 203px;
	background: url("images/haut-fond.jpg") 0 0 no-repeat;
	padding: 0 4px;
	z-index: 80;
}

	div#haut div.bandeau1 {
		width: 974px;
		height: 121px;
		background: url("images/bandeau_lille.jpg") 0 0 no-repeat;
	}
	
	div#haut div.bandeau2 {
		width: 974px;
		height: 121px;
		background: url("images/bandeau_marseille.jpg") 0 0 no-repeat;
	}

	div#haut a img#logo {
		display:block;
		width: 385px;
		float:left;
	}
	
	div#haut a img#logom {
		display:block;
		float:left;
		margin:17px 0 0 19px;
		width:335px;
	}
	
	
			
	/*div#haut div#slogan, div#haut h1 {
		float: left;
		width: 605px;
		font-size: 24px;
		font-weight: normal;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		padding: 20px 0 16px 10px;
		background: url("images/slogan-fond.jpg") 25px 75px no-repeat;
	}
		
	
			div#haut div#slogan span, div#haut h1 span {
				font-size: 16px;
				text-transform: uppercase;
				letter-spacing: 2px;
				word-spacing: 1px;
			}
			
			div#haut div#slogan strong, div#haut h1 strong {
				display: block;
				font-size: 13px;
				color: #2d2d2d;
				text-transform: none;
				padding-top: 15px;
			}*/
			
	div#haut div#slogan {
		float: left;
		width: 605px;
		font-size: 24px;
		font-weight: normal;
		color: #ffffff;
		text-transform: uppercase;
		text-align: center;
		padding: 20px 0 16px 10px;
		background: url("images/slogan-fond.jpg") 25px 75px no-repeat;
	}
	
			div#haut div#slogan h1 {
				width: 605px;
				padding: 0;
				font-size: 24px;
				font-weight: normal;
			}
	
			div#haut div#slogan span {
				font-size: 16px;
				text-transform: uppercase;
				letter-spacing: 2px;
				word-spacing: 1px;
			}
			
			div#haut div#slogan strong {
				display: block;
				font-size: 13px;
				color: #2d2d2d;
				text-transform: none;
				padding-top: 15px;
			}
			
	div#haut div#sloganm {
		float: left;
		width: 300px;
		font-size: 14px;
		font-weight: normal;
		color: #ffffff;
		text-align: center;
		margin: 35px 0 0 280px;
	}
		
	
			div#haut div#sloganm span{
				font-size: 16px;
				text-transform: uppercase;
				letter-spacing: 2px;
				word-spacing: 1px;
			}
			
			div#haut div#sloganm strong {
				display: block;
				font-size: 13px;
				color: #2d2d2d;
				text-transform: none;
				padding-top: 15px;
			}		
			
			 
	
	div#haut div#menu {
		position: relative;
		clear: both;
		width: 761px;
		height: 32px; /* 46 */
		padding: 14px 0 0 0;
		background: url("images/menu_fond.jpg") 0 0 no-repeat;
	}
	
		/*div#haut div#menu img#versionBeta {
			position: absolute;
			top: -2px;
			right: 0;
		}*/
	
		div#menu ul { list-style-type: none; }
		
			div#menu ul li {
				position: relative;
				display: block;
				min-height: 32px;
			}
			
				li#btn_accueil, li#btn_webAgency, li#btn_creationSite, li#btn_plan, li#btn_contact {
					float: left;
					text-align: center;
				}
		
					div#menu ul li#btn_accueil { width: 107px; }
					div#menu ul li#btn_webAgency { width: 178px; }
					div#menu ul li#btn_creationSite { width: 337px; }
					/*div#menu ul li#btn_plan { width: 126px; }*/
					div#menu ul li#btn_contact { width: 122px; }

				div#menu ul li a {
					font-weight:bold;
					color: #ffffff;
					text-transform: uppercase;
				}
				
					div#menu ul li:hover a {
						color: #fea211;
						text-decoration: none;
					}
					
	/* ---------- Sous-menu ---------- */
	
	div#menu ul li ul.sous-menu, div#menu ul li ul.sous-menu ul {
		position: absolute;
		display: none;/*width : 100%;*/
	}
	
	div#menu ul li ul.sous-menu {
		top: 30px;
		left: -1px;
		padding: 10px 0;
		background: #000000;
		border: 1px ridge #FFB902;
		text-align: left;
	}
	
	div#menu ul li ul.sous-menu ul {
		top: 0;
		left: 220px;
	}
	
		div#menu ul li ul.sous-menu li {
			display: block;
			font-weight: bold !important;
			min-width: 200px;
			min-height: 10px;
			padding: 0 10px;
			text-align: left;
			/*padding: 5px 0 10px 0;*/
		}
		
			div#menu ul li ul.sous-menu li a {
				display: block;
				/*width: 200px;*/
				padding: 4px;
				margin-bottom: -1px;
				text-align: left;
				text-transform: none;
				color: #ffffff;
			}
			
				div#menu ul li ul.sous-menu li a, div#menu ul li ul.sous-menu li a.out { color: #ffffff; }
				
				div#menu ul li ul.sous-menu li:hover a, div#menu ul li ul.sous-menu li a.over { color: #fea211; }
	
	/* Nos références */
	/*div#menu ul#menu_menu_2 li {
		padding: 5px 0 20px 0;
	}
	
		div#menu ul#menu_menu_2 li ul li {
			padding: 0;
		}*/
	
	
	div#menu ul li ul.sous-menu li.titreMenu {
		display: block;
		background-color : #fea211;
		padding: 2px;
		margin: 10px 0 5px -5px;
		text-align: left;
	}
	
		div#menu ul li ul.sous-menu li.titreMenu p, div#menu ul li ul.sous-menu li.titreMenu p.out {
			color: #000000 !important;
		}
		
		div#menu ul li ul.sous-menu li.titreMenu a, div#menu ul li ul.sous-menu li.titreMenu a.out {
			color: #000000 !important;
		}
	
		div#menu ul li ul.sous-menu li.titreMenu a:hover, div#menu ul li ul.sous-menu li.titreMenu a.over {
			color: #000000 !important;
		}
	/* FIN */
			
        /* level 2 Hover */
        div#menu ul li:hover ul.sous-menu {
            display: block;
        }
    
    /* Level 3 */
    div#menu ul li ul.sous-menu li ul.sous-menu {
        display: none;
    }
    
        div#menu ul li ul.sous-menu li ul.sous-menu li a { color: #ffffff; }
    
        /* Level 3 hover */
        div#menu ul li ul.sous-menu li:hover ul.sous-menu {
            display: block;
        }
        
            div#menu ul li ul.sous-menu li ul.sous-menu li:hover a { color: #fea211; }
    
    

/*###############################
#								#
#	CONTENEUR					#	
#								#
###############################*/	

div#conteneur {
	width: 1008px;
	_width: 1006px;
	_padding: 0 0 0 2px;
	padding: 0;
	background: url("images/conteneur-fond.jpg") 0 0 no-repeat;
}

div#conteneurBas {
	clear: both;
	width: 1008px;
	height: 47px;
	background: url("images/conteneur_bas.gif") 4px 0 no-repeat #1F1F1F;
	padding: 0;
	
}
	
/*###############################
#								#
#	GAUCHE						#	
#								#
###############################*/	

div#gauche {
	float:left;
	width:210px;
	padding: 0 2px 0 8px;
	/*background: url("images/gauche_fond.jpg") 0 0 repeat-y;*/
}

	div#gauche h2 {
		font-weight: normal;
		padding-left: 40px;
		margin: 30px 0 20px 0;
	}
	
	div#gauche h2.puce_horloge {
		font-weight: normal;
		padding-left: 50px;
	}
	
	div#gauche h2.puce_loupe {
		font-weight: normal;
		padding-left: 50px;
	}
	
		div#gauche h2 span.h2ligne1 {
			display: block;
			font-size: 18px;
			color: #009bdd;
		}
		
		div#gauche h2 span.h2ligne2 {
			display: block;
			font-size: 12px;
			color: #525252;
		}
		
	div#gauche p.btn_new {
		width: 130px; /* 203 */
		height: 54px; /* 64 */
		padding: 10px 0 0 73px;
		margin: 5px 0 0 0;
		font-weight: normal;
		font-size: 16px;
		color: #ffffff !important;
		background: url("images/btn_new.jpg") 0 0 no-repeat;
	}
	
		div#gauche p.btn_new b { display: block; }


/**********************
*		MENU		  *	
**********************/	
		
	div#gauche div#gaucheMenu {
	
	}
	
		div#gauche div#gaucheMenu ul.ulniveau1 {
			list-style-type: none;
			/*padding: 20px 0 0 0;*/
		}
		
			div#gauche div#gaucheMenu ul.ulniveau1 li {
				padding: 0 0 20px 0;
			}
			
					div#gauche div#gaucheMenu ul.ulniveau1 li a {
						display:block;
						width:203px;
						font-size:12px;
						font-weight:bold;
						color: #000000;
						background: url("images/gauche_cadreH2.gif") 0 0 no-repeat;
						padding: 5px 0 15px 0;
					}
					
						div#gauche div#gaucheMenu ul.ulniveau1 li a:hover {
							color: #009BDD;
							text-decoration: none;
						}
						
		div#gauche div#gaucheMenu ul.ulniveau2 {
			list-style-type: none;
			padding-left: 10px;
		}
		
			div#gauche div#gaucheMenu ul.ulniveau2 li {
				padding: 0;
			}
			
					div#gauche div#gaucheMenu ul.ulniveau2 li a {
						display: block;
						width: 193px;
						font-size: 11px;
						font-weight: bold;
						color: #5c5c5c;
						background: url("images/puce_3ptsBleu.gif") 0 7px no-repeat;
						padding: 2px 0 2px 12px;
					}
					
						div#gauche div#gaucheMenu ul.ulniveau2 li a:hover {
							color: #009BDD;
							text-decoration: none;
						}
						
/* fin menu Gauche */
		
						
		div#gauche img.traitBleuContinu {
			padding: 0 0 15px 0;
		}
						
		div#gauche div#cadreMaps {
			width: 174px; /*180*/
			height: 123px; /*130*/
			background: url("images/G_cadreMaps.gif") 0 0 no-repeat;
			padding: 7px 0 0 6px;
			margin-left: 10px;
		}
		
		div#gauche a#voirPlan {
			display: block;
			width: 80px;
			margin: 15px 0 20px 0;
			padding-left: 15px;
			color: #ff7b00;
			font-weight: bold;
		}
		
		div#gauche div.newSites {
			font-size: 10px;
			background: url("images/G_traitBleuContinu.gif") 0 0 no-repeat;
			padding: 10px 0 20px 0;
		}
		
		div#gauche div.newSites div.titreNewSites {
			text-transform: uppercase;
			font-weight: bold;
		}
		
		div#gauche div.newSites a.urlNewSites {
			font-weight: bold;
			color: #ff7b00;
		}
		
		div#gauche div.newSites img.vignNewSites {
			margin: 10px 0 0 10px;
			border: 1px solid #000000;
		}
		
		div#gauche div.newSites div.descriptNewSites {
			padding: 10px 0 0 0;
			letter-spacing: 1px;
		}
		
		div#gauche div.newSites a.enSavoirPlus {
			display: block;
			padding: 10px 0;
			text-decoration: underline;
		}


/* MENU bas */

div#navBas{
margin: 15px 0 10px 0;
}

	div#navBas ul.menuBas{
		float: left;
		padding: 0 5px 5px 0;
	}

	div#navBas ul#ulBasG{
		border-right: 1px solid #282828;
	}

		div#navBas ul.menuBas li{
			list-style-type: none;
			background: none;
		}
		
		div#navBas ul.menuBas li.titleBas{
			font-weight: bold;
			font-size: 12px;
			margin-bottom: 5px;
		}

			div#navBas ul.menuBas li a{
				color: #313131;
				text-decoration: none;
				font-weight: normal;
				margin: 2px 0;
				background: url('/images/puce_flecheDark.png') no-repeat left center;
				padding-left: 13px;
				display: block;
			}
			
			div#navBas ul.menuBas li a:hover{
				text-decoration: underline;
			}

/*###############################
#								#
#	CONTENU						#
#								#
###############################*/

div.contenu{
	float: left;
	width: 516px; /* 541 */
	padding: 0 10px 0 15px;
}

	div.contenu div#chemin, div.contenu div#chemin a {
		color: #009BDD;
		font-weight: bold;
	}
	
	div.contenu div#chemin a {
		font-weight: normal;
	}

	div.contenu h1 {
		font-size: 20px;
		font-weight: normal;
		color: #009BDD;
		border-bottom-color: #91D5EC;
		border-bottom-width: 1px;
		border-bottom-style: ridge;
		padding-bottom: 3px;
		margin: 5px 0 15px 0;
	}
	
	div.contenu h2 {
		font-size: 14px;
		font-weight: bold;
		color: #3C3C3C;
		padding: 0 0 0 15px;
		margin: 15px 0 10px 0;
		background: url("images/puce_flecheOrange.gif") 0 6px no-repeat;
	}
	
	div.contenu h2.liensSpe {
		font-size: 11px;
		color: #0092EC;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: none;
	}
	
	div.contenu a {
		color: #009BDD;font-weight:bold;
		text-decoration: none;
	}

	div.contenu a.out{
		color: #313131;
		text-decoration: none;
		font-weight: normal;
		margin: 2px 0;
		background: url('/images/puce_flecheDark.png') no-repeat left center;
		padding-left: 13px;
		display: block;
	}
	
	div.contenu a:hover {
		color: #009BDD;
		text-decoration: underline;
	}
	
	div.contenu ul {
		list-style-type: none;
	}
	
			div.contenu ul li {
				padding-left: 10px;
				background: url("images/puce_rondBleu.gif") 0 4px no-repeat;
			}

			div.contenu ul li.out{
				padding-left: 10px;
				background: none;
			}

	div#tracker {
		padding: 20px 0;
		color:#FF7B00;
	}
			div#tracker a, div#cms div#tracker a {
				color: #FF7B00;
				font-size:12px;
			}
			
	div.navigation {
		padding: 10px 0 20px 0;
	}

	p.resume {
		text-align: justify;
		font-style: italic;
		font-size: 12px;
		color: #3C3C3C;
		line-height: 18px ! important;
		padding: 5px 20px 5px 0;
	}
		

/*###############################
#				#
#	DROITE			#
#				#
###############################*/

div#droite {
    position: relative;
    float: left;
    width: 239px;
    background: url("images/droite_fond.gif") 0 0 repeat-y;
    font-size: 11px;
    margin-top: -81px;
    margin-left: 4px;
    z-index: 99;
}

/* #divScroll*/

#divScroll {
	width: 239px;
	height: 335px;
	margin-top: 10px;
	overflow: hidden;
}


	div#divScroll p.revuePressTitre {
		padding: 15px 10px 5px 25px;
		background: url("images/puce_rondMarron.gif") no-repeat 10px 19px;
	}

		div#divScroll p.droite_cadre {
			background: url("images/droite_cadreFond.jpg") 5px 0 repeat-y;
			padding-left: 5px;
		}

		div#divScroll p.droite_cadre span.paddingLR5 {
			display: block;
			padding: 0 5px;
			text-align: justify;
		}

		div#divScroll p.droite_cadre img.imgTop, div#divScroll p.droite_cadre img.imgBottom {
			display: block;
		}


#pScroll {
	width: 239px;
	height: 380px;
}

		div#droite_bordH {
			width: 239px;
			height: 2px;
			background: url("images/droite_bordH.gif") 0 0 no-repeat;
		}

		div#droite div.boutons {
			display: block;
			padding-top: 5px;
		}

					div#droite div.boutons span {
						display: block;
						font-size: 10px;
						font-weight: bold;
						padding: 3px 0 5px 85px;
					}

					div#droite div.boutons a {
						display: block;
						width: 200px;
						margin-left: 15px;
					}

				div#droite div#clientTemoigne {
					height: 85px;
					background: url("images/btn_micro.jpg") 15px 5px no-repeat;
				}

						div#droite div#clientTemoigne a {
							height: 65px;
							background: url("images/btn_micro.jpg") 0 -20px no-repeat;
						}

				div#droite div#contactez-nous {
					height: 85px;
					background: url("images/btn_telephone.jpg") 15px 5px no-repeat;
				}

						div#droite div#contactez-nous a {
							height: 65px;
							background: url("images/btn_telephone.jpg") 0 -20px no-repeat;
						}

				div#droite a.map{
					display:block;
					float:left;
					text-decoration:none;
					color:#f58d1a;
					border-left:1px solid #b3ab98;
					margin-left:4px;
					padding:4px;
				}


				div#droite div#btn_presse {
					height: 86px;
					background: url("images/btn_presse.jpg") 15px 5px no-repeat;
				}

						div#droite div#btn_presse a {
							height: 66px;
							background: url("images/btn_presse.jpg") 0 -20px no-repeat;
						}

						div#droite div#btn_presse span {
							padding: 3px 0 5px 90px;
						}

				div#droite div#btn_actualites {
					height: 86px;
					background: url("images/btn_actualites.jpg") 15px 5px no-repeat;
				}

						div#droite div#btn_actualites a {
							height: 66px;
							background: url("images/btn_actualites.jpg") 0 -20px no-repeat;
						}

						div#droite div#btn_actualites span {
							padding: 3px 0 5px 95px;
						}

				div#droite div#btn_actuGolden {
					height: 83px;
					background: url("images/actu_golden.jpg") 15px 5px no-repeat;
				}

					div#droite div#btn_actuGolden span {
							padding: 3px 0 5px 70px;
					}

				div#droite div#btn_onRecrute {
					height: 85px;
					background: url("images/btn_onRecrute.png") 15px 5px no-repeat;
				}

						div#droite div#btn_onRecrute a {
							height: 65px;
							/*background: url("images/btn_onRecrute.jpg") 0 -20px no-repeat;*/
						}

				div#droite div#videoFront h3{
					font-size: 14px;
					font-weight: bold;
				}

		div#droite div.droite_cadre {
			background: url("images/droite_cadreFond.jpg") 5px 0 repeat-y;
			padding-left: 5px;
		}

				div#droite div.droite_cadre img#player_flash {
					margin-left: 5px;
				}

		div#droite div.droite_cadreFonce {
			background: url("images/droite_cadreFonce.jpg") 5px 0 repeat-y;
			padding-left: 5px;
			position: relative;
		}
		
		    /*********GOOGLE +1************/
		    div#droite div.droite_cadreFonce div#google1{
			position: relative;
			margin: 5px 0 5px 15px;
		    }

			div#droite div.adr { padding-bottom: 5px; }
                            div#droite div.adr a { display: block; color: #009bdd; }

			div#droite div.tel { font-size: 16px; font-weight: bold; padding: 8px 0 8px 30px; }

				div#droite div.tel span { font-size: 11px; }

                div#droite div.divModule {
                        margin: 10px 0 10px 5px;
		}

                    div#droite div.divModule ul.tabs {
                        position: relative;
                        width: 225px;
                        border-top: 1px solid #b5a88a;
                    }

                        div#droite div.divModule ul.tabs li {
                            display: block;
                            float: left;
                            width: 55px;
                            border-right: 1px solid #b5a88a;
                        }

                            div#droite div.divModule ul.tabs li.liN1 { border-left: 1px solid #b5a88a; }

                            div#droite div.divModule ul.tabs li a {
                                display: block;
                                float: left;
                                width: 53px;
                                text-align: center;
                                border: 1px solid #ffffff;
                                padding: 3px 0;
                            }
                                
                                div#droite div.divModule ul.tabs li a.current { background-color: #eee8da; }
                                
                                
                                
                                
                                    

                    div#droite div.divModule div.panes {
                        width: 223px;
                        background-color: #eee8da;
                        border: 1px solid #b5a88a;
                        padding: 0;
                        margin-top: 40px;
			overflow: hidden;
                    }

                        div#droite div.divModule div.panes div.blk {
                            display: block;
                            float: none;
                            width: 191px;/*221*/
                            background: none;
                            border: 1px solid #ffffff;
                            padding: 15px;
                            margin: 0;
                        }
                        
                                /*  Facebook */
                                div#droite div.divModule div.panes div.fb {
                                    width: 221px;
                                    padding: 0;
                                }
                                
                                    /*div.fbConnectWidgetHeaderTitle {
                                        display: none;
                                    }*/

                            div#droite div.divModule div.panes div.blk p.pTitre {
                                float: none;
                                font-size: 14px;
                                font-weight: bold;
                                color: #333333;
                                line-height: 12px;
                                margin-bottom: 20px;
                            }

                                    div#droite div.divModule div.panes div.blk p.pTitre2 { margin-bottom: 20px; }

                                div#droite div.divModule div.panes div.blk p.pTitre a {
                                    display: inline;
                                    width: 100%;
                                    font-size: 12px;
                                    font-weight: normal;
                                    color: #333333;
                                    text-decoration: underline;
                                    text-align: left;
                                    border: none;
                                }

                            div#droite div.divModule div.panes div.blk p.pText {
                                float: none;
                                font-size: 12px;
                                background: 0 7px no-repeat;
                                padding: 0 0 15px 15px;
                            }

                                    div#droite div.divModule div.panes div.blk p.pTextBleu {
                                        color: #0b6175;
                                        background-image: url('images/carreBleu.jpg');
                                    }
                                    
                                        div#droite div.divModule div.panes div.blk p.pText a {
                                            display: inline;
                                            float: none;
                                            padding: 0;
                                            border: 0;
                                            color: #0b6175;
                                        }

                                    div#droite div.divModule div.panes div.blk p.pTextNoir {
                                        /*min-height: 180px;*/
                                        color: #515151;
                                        background-image: url('images/carreNoir.jpg');
                                    }

                                        div#droite div.divModule div.panes div.blk p.pTextNoir a.aTitre {
                                            display: block;
                                            width: 100%;
                                            font-weight: bold;
                                            color: #333333;
                                            text-align: left;
                                            padding-bottom: 15px;
                                            border: none;
                                        }

                                        div#droite div.divModule div.panes div.blk p.pTextNoir span {
                                            display: block;
                                            font-style: italic;
                                            /*min-height: 135px;*/
											font-weight: normal;
                                        }

                                        div#droite div.divModule div.panes div.blk p.pTextNoir a.aLien {
                                            display: block;
                                            width: 100%;
                                            color: #0c7a94;
                                            text-decoration: underline;
                                            text-align: left;
                                            padding: 15px 0;
                                            border: none;
                                        }

                                    div#droite div.divModule div.panes div.blk p.pTextNoir2 {
                                        /*height: 110px;*/
                                        color: #515151;
                                        padding: 15px 0 0 0;
                                    }

                                        div#droite div.divModule div.panes div.blk p.pTextNoir2 a#droite_acceder {
                                            display: block;
                                            width: 84px;
                                            height: 28px;
                                            background: url("images/droite_acceder.gif") no-repeat 0 0;
                                            border: none;
                                            margin: 6px 0 0 60px;
                                        }

                            div#droite div.divModule div.panes div.blk div.divContactDroit {

                            }

                                div#droite div.divModule div.panes div.blk div.divContactDroit div { padding: 4px 0; }

                                    div#droite div.divModule div.panes div.blk div.divContactDroit div input[type=text] {
                                        display: block;
                                        width: 141px; /*147*/
                                        height: 14px;/*20*/
                                        font-size: 11px;
                                        color: #6a6a6a;
                                        border: 1px solid #7f9db9;
                                        padding: 2px;
                                    }

                                    div#droite div.divModule div.panes div.blk div.divContactDroit div textarea {
                                        display: block;
                                        width: 186px; /*192*/
                                        height: 121px;/*127*/
                                        font-size: 11px;
                                        color: #6a6a6a;
                                        border: 1px solid #7f9db9;
                                        padding: 2px;
                                    }

                                    div#droite div.divModule div.panes div.blk div.copieCode input[type=submit] {
                                            width: 60px;
                                            height: 28px;
                                            font-size: 11px;
                                            font-weight: bold;
                                            color: #d07000;
                                            text-align: center;
                                            background: url("images/submit-1.gif") no-repeat 0 0;
                                            border: none;
                                            padding: 0;
                                            margin: 0;
                                            cursor: pointer;
                                    }

                                    div#droite div.divModule div.panes div.blk div table a { border: none ;}

                /*div#droite ul.ulDModuleN1 li:hover ul.ulDModuleN2 { display : block; }*/
                div#droite ul.ulDModuleN1 li ul.show { display : block; }

		div#droite div.droite_fondFonce {
			background: url("images/droite_fondFonce.gif") 0 0 repeat-y;
		}

		div#droite img.vignBleu {
			margin: 15px 0 0 0;
		}

		div#droite img.droiteSeparation {
			margin: 0;
			padding: 0;
			vertical-align: text-bottom;
		}

		div#droite div.texteMarron {
			padding: 2px 0 10px 21px;
			color: #d07000;
		}

		div#droite div#contact_tel {
			color: #d07000;
			font-size: 18px;
			font-weight: bold;
			background: url("images/puce_telephone.gif") no-repeat 0 0;
			padding-left: 20px;
			margin-left: 45px;
		}

		div#droite a.puce{
			background:url("images/puce_flecheDark.png") no-repeat center left;
			padding-left:15px;
		}

		/* MSN MESSENGER */
		div#droite div.contactMSN {
			padding: 2px 0 5px 25px;
		}

				div#droite div.contactMSNsepar {
					background: url("images/droite_separMsn.gif") no-repeat 42px bottom;
				}

				div#droite div.contactMSN a {
					padding-left: 20px;
				}

						div#droite div.contactMSN a:hover {
							color: #0000ff;
							text-decoration: none;
						}

				div#droite div.contactMSN a.msnConnecte {
					background: url("images/puce_msnConnecte.gif") no-repeat 0 1px;
				}

				div#droite div.contactMSN a.msnNonDispo {
					background: url("images/puce_msnNonDispo.gif") no-repeat 0 1px;
				}

						div#droite div.contactMSN div.affichAdress {
							color: #0000ff;
							background: url("images/puce_flecheBleu.gif") no-repeat 0 5px;
							padding: 0 0 5px 15px;
							margin-left: 10px;
						}

						div#droite div.contactMSN div.affichTel {
							width: 190px;
							color: #776F52;
							background: #E2DBC8;
							padding: 5px;
							margin-bottom: 5px;
							text-align: center;
						}

							div#droite div.contactMSN div.affichTel a {
								display: block;
								width: 180px;
								color: #776F52;
								padding: 5px;
								margin: 3px 0px;
								text-align: left;
							}


		/*  VIDEO CONFERENCE */
		div#droite div.videoConfGauche {
			float: left;
			width: 75px;
			text-align: right;
			font-size: 11px;
			padding-top: 2px;
		}

		div#droite div.videoConfDroite {
			float: left;
			width: 140px;
			padding-left: 5px;
		}

				div#droite div.videoConfDroite input {
					float: left;
					width: 138px;
					padding-left: 5px;
				}

				div#droite div#conf_btnValider {
					padding: 2px 0 0 60px;
				}


		div#droite div#copieCode {
			clear: both;
			padding-top: 5px;
			vertical-align: middle;
		}

			div#droite div#copieCode div.videoConfDroite {
				width: 150px;
			}

			div#droite div#copieCode input.txt {
				float: left;
				width: 80px;
				padding: 2px 0;
			}

			div#droite div#copieCode input.submit {
				float: right;
				width: 60px;
				height: 28px;
				padding: 0;
				margin: -2px 0 0 0;
				border: none;
				font-size: 11px;
				font-weight: bold;
				color: #d07000;
				cursor: pointer;
				text-align: center;
				background: url("images/submit-1.gif") no-repeat 0 0;
			}

		div#droite a#droite_acceder {
			display: block;
			width: 84px;
			height: 28px;
			background: url("images/droite_acceder.gif") no-repeat 0 0;
			margin: 6px 0 5px 60px;
		}

		div#droite div.revueEspaceA {
			padding: 3px 10px 3px 25px;
			background: url("images/puce_rondMarron.gif") no-repeat 10px 9px;
		}

		div#droite div.revuePressTitre {
			padding: 15px 10px 5px 25px;
			background: url("images/puce_rondMarron.gif") no-repeat 10px 19px;
		}

		div#droite div.revueTemplate {
			padding-left: 15px;
		}

				div#droite div.revueTemplate div.revueTemplateImg {
					float: left;
					/*width: 70px;*/
					width: 75px;
					padding: 0 10px 10px 0;
				}

				div#droite div.revueTemplate div.revueTemplateD {
					float: left;
					width: 135px;
				}

				div#droite div.revueTemplate div.revueTemplateD h3 {font-size:12px;}
		div#droite select {
			width: 220px;
		}


		/* Photos GOLDENMARKET */
		div#droite div#cadrePhotos {
			width: 181px; /* 188 */
			height: 138px; /* 146 */
			background: url("images/droite_cadrePhotos.gif") no-repeat 0 0;
			padding: 8px 0 0 7px;
			margin: 20px 0 5px 26px;
		}

		div#droite a#droite_voirAlbum {
			display: block;
			width: 84px;
			height: 28px;
			background: url("images/btn_voirAlbum.gif") no-repeat 0 0;
			margin: 0 0 20px 75px;
		}

		/* POURQUOI GOLDEN */
		div#droite div#PourquoiGolden {
			padding: 20px 10px 0 10px;
		}

				div#droite div#PourquoiGolden img {
					float: left;
					border: 1px solid #b46008;
					margin: 0 10px 5px 0;
				}

				div#droite div#PourquoiGolden p {
					padding: 5px 0;
				}

		/* LE BLOG */

		div#droite a.leBlog{
			display:block;
			width:200px;
			height:86px;
			margin:5px 15px;
		}

		/* Acutalité */

		div#droite div#divActu{
			width:230px;
			margin-left:5px;
		}

			div#droite div#divActu div.actuTemplate{
				margin-top: 5px;
			}

				div#droite div#divActu div.actuTemplateImg{
					width:80px;
					float:left;
					margin-right:6px;
					padding-top: 3px
				}

				div#droite div#divActu h4.actuTemplateT{
					margin: 0 0 3px 4px;

				}

				div#droite p#divActu div.actuTemplateD{
					margin-top:5px;
					float:left;
				}

				div#droite p#divActu div.actuTemplate a{
					text-decoration: underline;
					font-weight: bold;
				}


/*###############################
#				#
#	BAS DE PAGE		#
#				#
###############################*/
	
div#bas {
	height: 206px;
	/*padding: 0 4px;*/
	background: url("images/bas_fond.jpg") no-repeat 0 0 #000000;
	overflow: hidden;
	font-size: 11px;
	color: #ffffff;
}

		div#bas div.bas_blocks {
			float: left;
			padding: 20px 0 0 65px;
		}
		
			div#bas div#bas_blocksGauche {
				width: 320px;
			}
			
			div#bas div#bas_blocksMilieu {
				width: 300px;
			}
			
			div#bas div#bas_blocksDroite {
				width: 180px;
			}
		div#bas div#ml {
			clear: both;
			margin-top: 20px;
			width: 500px;
			padding: 20px 0 0 65px;
		}
			div#bas div#ml a {
				padding: 0;
			}

div#bas a {
	padding:0 10px;
	color: #ffffff;
}


/*###############################
#								#
#	INDEX						#
#								#
###############################*/

	div#index  {
		width: 541px;
		padding: 0;
	}

	div#index h2 {
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 1px;
		color: #ffffff;
		margin: 23px 0 0 20px;
	}
	
			div#index h2.webAgency {
				width: 410px; /*500*/
				height: 36px; /*54*/
				background: url("images/index_h2webAgency.jpg") 0 0 no-repeat;
				padding: 18px 0 0 90px;
			}
			
			div#index h2.rentabilite {
				width: 410px; /*500*/
				height: 55px; /*68*/
				background: url("images/index_h2rentabilite.jpg") 0 0 no-repeat;
				padding: 13px 0 0 90px;
			}
			
			div#index h2.king {
				width: 410px; /*500*/
				height: 60px; /*73*/
				background: url("images/index_h2king.jpg") 0 0 no-repeat;
				padding: 13px 0 0 90px;
				margin: 0 0 0 20px;
			}
			
			div#index h2.blog {
				width: 490px; /*500*/
				height: 60px; /*73*/
				background: url("images/index_h2blog.jpg") 0 0 no-repeat;
				padding: 13px 0 0 10px;
				margin: 0 0 0 20px;
			}
			
			div#index h2.rentable, div#index h2.selection {
				width: 156px; /* 230 */
				height: 54px; /* 64 */
				padding: 10px 0 0 74px;
				margin: 20px 0 0 25px;
			}
					
				div#index h2.rentable {
					width: 166px; /* 230 */
					padding-left: 64px;
					background: url("images/btn_rentable.jpg") 0 0 no-repeat;
				}
				
					div#index h2.rentable b { font-size: 15px; }
				
				div#index h2.selection {
					background: url("images/btn_selection.jpg") 0 0 no-repeat;
				}
				
				
			div#index div.blocVignG, div#index div.blocVignD {
				float: left;
				width: 255px;
			}

			div.contenu div#graphique ul li.flj {
				background: url("images/fleche_jaune.png") no-repeat center left;
				list-style-type:  none;
				padding-left: 13px;
				margin: 2px 0;
			}

			div.contenu div#graphique ul li.flb{
				background: url("images/fleche_bleu.png") no-repeat center left;
				list-style-type:  none;
				padding-left: 13px;
				margin: 2px 0;
			}

			div.contenu div#graphique ul li.flg{
				background: url("images/fleche_gris.png") no-repeat center left;
				list-style-type:  none;
				padding-left: 13px;
				margin: 2px 0;
			}
			
			
	
	/* Fondamentaux Golden */
	
	div#fondamentaux {
		padding: 20px 30px 10px 0;
		background: url("images/index_post-it.jpg") 350px 10px no-repeat;
	}
	
	div#fondamentaux2 {
		padding: 20px 30px 10px 20px;
		/*background: url("images/index_post-it.jpg") 350px 10px no-repeat;*/
	}
	
			div#fondamentaux h3, div#fondamentaux2 h2.stOr {
				width:100%;
				font-weight: bold;
				font-size: 16px;
				color: #f26c00;
				padding: 10px 0 5px 0;
				letter-spacing: normal;
				background: none;
				margin: 0;
			}
			
			div#fondamentaux p, div#fondamentaux2 p {
				font-size: 12px;
				color: #1f1f1f;
			}
			
		div#fondamentaux div#index_cerveau {
			height: 120px;
			background: url("images/index_fondamM.jpg") 30px 0 no-repeat;
			padding-left: 100px;
		}
		
		div#fondamentaux2 div#index_cerveau2 {
			/*height: 120px;*/
			background: url("images/index_fondamC.jpg") 7px 0 no-repeat;
			padding-left: 70px;
		}
		
			div#fondamentaux div#index_cerveau h3 {
				width: 250px;
			}
			
			div#fondamentaux div#index_cerveau p {
				width: 250px;
			}
		
		div#fondamentaux div#index_ciseaux {
			width: 400px;
			height: 125px;
			background: url("images/index_fondamH.jpg") 30px 0 no-repeat;
			padding-left: 100px;
		}
		
		div#fondamentaux2 div#index_ciseaux2 {
			width: 400px;
			height: 115px;
			background: url("images/index_fondamH.jpg") 7px 0 no-repeat;
			padding-left: 70px;
		}
		
			div#fondamentaux div#index_ciseauxG {
				float: left;
				width: 260px;
			}
			
			div#fondamentaux div#index_ciseauxD {
				/*float: left;*/
				width: 140px;
				padding-top: 20px;
			}
			
	
		div#fondamentaux div#index_jumelle {
			position: relative;
			height: 92px;
			background: url("images/index_fondamM2.jpg") 20px 0 no-repeat;
			padding-left: 100px;
		}
		
		div#fondamentaux2 div#index_jumelle2 {
			position: relative;
			width: 260px;
			height: 150px;
			background: url("images/index_fondamJ2.jpg") no-repeat;
			padding-left: 70px;/*20px 0 */
		}
		
		div#fondamentaux2 div#index_tel {
			position: absolute;
			top: 15px;
			left: 360px;
			width: 157px;
			height: 141px;
			background: url("images/index_post-it.jpg") no-repeat;
		}
		
		div#fondamentaux div#index_monnaie {
			height: 56px;
			background: url("images/index_fondamB.jpg") 7px 0 no-repeat;
			padding-left: 100px;
		}
		
		div#fondamentaux2 div#index_monnaie2 {width :330px;/*float:left;*/
			height: 95px;
			background: url("images/index_fondamB2.jpg") 7px 0 no-repeat;
			padding-left: 70px;
		}
		
	/* Graphique Home */
	div#graphiqueHome { padding: 0px 30px 10px 0; margin:0 0 46px 0;}
	
	div#graphiqueHome {text-align: center;}
	
			div#graphiqueHome p { font-size: 11px; padding-top: 3px;}
			
	div#graphiqueHome #graphique {
		width: 266px;
		height: 98px;
		padding: 130px 0px 0px 20px;
		margin: 0 0 0 140px;
		background: url("images/clientsgolden_graph.gif") no-repeat;
		text-align: left;
		color: #009bdd;
	}
		
		#graphique a { 
			background-position: 0 3px;
			background-repeat: no-repeat;
		}
		
		#graphique a.graphiqueNone {  padding-left: 0;  }
	
		#graphique a.graphiqueBleu { background-image: url('images/flechBleu.jpg'); }
		#graphique a.graphiqueOrange { background-image: url('images/flechOrange.jpg'); }
		#graphique a.graphiqueGris { background-image: url('images/flechGris.jpg'); }
	
	/*#graphique a{ font-weight : bold;text-decoration:none;}*/
	
		/*div#graphiqueHomeG {
			width: 250px;
		}*/
	
		
/*#########################

	vignettes nouvautés
	
#########################*/		


	div#index div.vignSites {
		/*float: left;*/
		width: 225px;
		height: 350px; /* 336 */
		overflow: hidden;
		position:relative;
		padding: 5px 0 0px 30px;
	}

			div.vignSites .vignSitesTitre a{
				font-size: 16px;
				font-weight: normal;
				color: #414141;
				text-transform:uppercase;
			}

			div.vignSites .vignSitesTitre a.fln{
				font-size: 14px;
				font-weight: normal;
				color: #414141;
				text-transform:uppercase;
				background: url("images/fleche_noir.png") no-repeat left center ;
				padding-left: 17px;
				font-family: Tahoma, Geneva, Kalimati, sans-serif; 
			}

			div.vignSites .vignSite{
				width: 180px;
				padding: 0 0 5px 0;
				font-size: 16px;
				font-weight: bold;
				color: #009bdd;
			}
			
			div#index div.vignSites a.vignSitesUrl {
				display: block;
				width: 180px;
				padding-bottom: 5px;
				font-size: 11px;
				font-weight: bold;
				color: #009bdd;
			}
			
			div.vignSites a.vignSitesUrl p {width:180px;}
			
			div.vignSites div.vignSitesImg {
				width: 147px;
				height: 140px;
				overflow: hidden;
				/*background: #f9f9f4;*/
				/*border: 1px solid #aaaaaa;*/
			}
			
			div.vignSites p {
				padding-top: 10px;
				font-size: 11px;
				font-weight: normal;
				
			}
			
			
			.divImg {position:absolute;z-index:20;overflow: hidden;width: 147px;height: 140px; display: block;}
			.divImg2 {position:absolute;z-index:20; display: block;}
			/* Bandeaux encours - nouveau */ 
			 .nouveau,.encours { position:absolute!important;z-index:100;left:0;/*vertical-align:top!important;*/}		
			
/* Vignettes Nouveautés gauche */
		div#gauche div.vignSites {
			position: relative;
			float: left;
			width: 210px;
			padding: 30px 0 0 0;
		}
				
				div#gauche div.vignSites a.vignSitesUrl{
					display:block;
					width: auto;
					/*color: #3633fe;*/
					color: #009bdd;
					font-weight: bold;
					padding-bottom: 5px;/*font-size: 12px;*/font-size: 11px;
				}
				
			
				
	/* SMILEY */				

	div#smileys {
		clear: both;
		/*padding-top :70px*/
		padding: 40px 0 23px 30px;
	}
	
			div#smileys div.smileys_ligne1 {
				font-size: 18px;
				font-weight: bold;
			}
			
			div#smileys div.smileys_ligne2 a {
				color: #fb7a00;
			}
	
		.puce_heureux {
			height: 43px;
			background: url("images/puce_heureux.jpg") 0 0 no-repeat;
			padding: 20px 0 0 70px;
		}
		
		.puce_triste {
			height: 43px;
			background: url("images/puce_triste.jpg") 0 0 no-repeat;
			padding: 20px 0 0 70px;
		}
		
	div.decalageGauche {
		padding-left: 30px;
	}

	
/*###############################
#								#
#	CMS							#
#								#
###############################*/

div#cms {
	width: 501px;
	padding: 0 20px 20px 20px;
}

/* LES TITRES */

	div#cms h1 {
		font-size: 20px;
		font-weight: normal;
		color: #009BDD;
		margin-bottom: 15px;
	}

	 div#cms h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0092EC;
		padding: 10px 0 5px 0;
		background: none;
	}
	
	div#cms h2.liensSpe{
		font-size: 11px;
		color: #0092EC;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		background: none;
	}
	
	div#cms h3 {
		font-size: 13px;
		color: #000000;
		padding: 5px 0;
	}
	
	div#cms h4 {
		font-size: 12px;
		color: #FF7B00;
		padding: 5px 0;
	}
	
	div#cms h5 {
		font-size: 12px;
		color: #000000;
		padding: 5px 0;
	}

/* DIVERS COMMUN */

	div#cms a {
		color: #009BDD;
		text-decoration: underline;
	}
	
	div#cms ul{
		margin-left:15px;
	}
	
	div#cms q{
		display:block;
		clear:both;
		text-align:center;
		font-size:11px;
		font-style:italic;
		padding-top:5px;
	}
	
	div#cms div.accroche, div.media, div.texte, div.texte2, div.texte3 {
	    padding: 10px 0;
	}
	
	div#cms div.accroche, div.texte, div.texte2, div.texte3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		color: #222222;
	}
	
	div#cms div.media {
		text-align:center;
	}
	
	div#cms div.accroche {
		font-style: italic;
		font-weight: bold;
		font-size: 12px;
		color: #000000;
	}
	
	div#cms div.texte2 {
	    float: left;
	    width: 49%;
	    margin-right: 2%;
	    padding: 10px 0;
	}
	
	div#cms div.texte3 {
	    float: left;
	    width: 32%;
	    margin-right: 2%;
	    padding: 10px 0;
	}
	
	div#cms div.last {
	    margin-right: 0;
	}
	
	div#cms div.left {
	    float: left;
	    margin: 0 10px 10px 0;
	    text-align: center;
	}
	
	div#cms div.right {
	    float: right;
	    margin: 0 0 10px 10px;
	    text-align: center;
	}
	
/* Témoignages clients */
div#temoiClients {
	
}

	div#cms div#temoiClients h2 {
		font-size: 13px;
		margin: 0;
		padding: 0 0 10px 15px;
	}
	
		div#cms div#temoiClients h2 a {
			text-decoration: none;
		}
	

	
/*###############################
#								#
#	FORM CONTACT				#
#								#
###############################*/


div#contact {
	width: 461px;
	padding: 0 40px;
}

		div#contact h1 {
			font-size: 20px;
			font-weight: normal;
			color: #009BDD;
			margin-bottom: 30px;
		}

		div#contact label {
			display: block;
			float: left;
			width: 150px;
		}
		
		div#contact input {
			width: 250px;
		}
		
		div#contact textarea {
			width: 250px;
			height: 200px;
		}
		
		div#contact div.bouton_form {
			clear: both;
			padding: 10px 0 0 150px;
		}
		
				div#contact div.bouton_form input {
					width: auto;
				}
		div#contact ul {
			margin: 0 0 15px 0;
			padding: 0;
			list-style-type: none;
			float: left;
			width: 250px;
		}
			div#contact ul li {
				background: none;
				float: none;
				width: 250px;
				clear: both;
				margin: 0;
				padding: 0;
			}
				div#contact ul li label{
					float: left;
					width: 200px;
				}
				div#contact ul li input {
					width: 10px;
					margin-right: 10px;
					float: left;
				}

				
/*###############################
#								#
#	FORM RECRUTEMENT			#
#								#
###############################*/

#formcv {
	border-collapse: collapse;
}

#formcv th {
	text-align: left;
	vertical-align: top;
	width: 160px;
	padding: 12px 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding: 6px 0;
}

#formcv td {
	padding: 4px 0;
}

#formcv input, #formcv select, #formcv textarea {
	border: 1px solid #000000;
	background-color: #eeeeee;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#formcv input, #formcv textarea {
	width: 160px;
	padding: 1px;
	_margin-top: -1px;
	_margin-bottom: -1px;
}

#formcv input.auto {
	width: auto;
}

#formcv ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#formcv ul li {
	float: left;
	width: 80px;
	padding-left: 0;
	background: none;
}

#formcv ul input {
	vertical-align: middle;
	margin: 3px;
	width: 13px;
	height: 13px;
	_background-color: transparent !important;
	_border: 0 !important;
}

#formcv .error {
	background-color: #dddddd;
	border: 1px solid #ff0000;
}

#formcv b {
	color: #ff0000;
	margin-left: 6px;
	font-family: Arial, sans-serif;
	font-size: 10px;
}

#formcv label {
	float: left;
	width: 90px;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

#formcv2 label {
	float: none;
	width: 0;
}
.error{
	color:red;
	font-weight: bold;
}

#textarea2 { font-size : 12px;}


.fichier{ margin-left: -10px; _margin-left:0;}

.crypt {_padding-left: 10px;}


/*###############################
#								#
#			PAGE_SITE			#
#								#
###############################*/
	
	div#pg_site h1 {
		margin-top: 4px;
		text-transform: uppercase;
	}
	
	div#pg_site div.menu_image {
		width: 516px; /* 516 */
		height: 51px; 
		margin: 20px 0 40px 0;
	}

		div#etape1 { background: url("images/menu_image.jpg") 0 0px no-repeat; }
		div#etape2 { background: url("images/menu_image.jpg") 0 -51px no-repeat; }
		div#etape3 { background: url("images/menu_image.jpg") 0 -102px no-repeat; }
		div#etape4 { background: url("images/menu_image.jpg") 0 -153px no-repeat; }

		div#pg_site div.menu_image ul.ulCn1 { 
			width: 516px;
			font-size: 20px;
			list-style-type: none; 
		}
		
			div#pg_site div.menu_image ul.ulCn1 li { 
				display: block;
				float: left; 
				width: 119px;
				height: 51px;				
				background: none;
			}
			
				div#pg_site div.menu_image ul.ulCn1 li a { 
					display: block;
					font-family: arial;
					font-size: 12px;
					font-weight: bold;
					color: #656565;
					background-image: none;
					background-position: 4px 13px;
					background-repeat: no-repeat;
					padding: 18px 0 18px 38px;
				}

						div#pg_site div.menu_image ul.ulCn1 li.etp1 a { background-image: url("images/loupe.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp2 a { background-image: url("images/cd.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp3 a { background-image: url("images/doubleFlech.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp4 a { background-image: url("images/camenb.jpg"); }
				
					div#pg_site div.menu_image ul.ulCn1 li a:hover { 
						height: 51px; 
						font-family: arial;
						font-size: 12px;
						font-weight: bold;
						color: #0358d5;
					}
					
						div#pg_site div.menu_image ul.ulCn1 li.etp1 a:hover { background-image: url("images/loupeB.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp2 a:hover { background-image: url("images/cdB.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp3 a:hover { background-image: url("images/doubleFlechB.jpg"); }
						div#pg_site div.menu_image ul.ulCn1 li.etp4 a:hover { background-image: url("images/camenbB.jpg"); }
						
	div#pg_site div.block_objectif {
		width: 487px; /* 516 */
		background-color: #f0f0f0;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		padding: 13px 13px 13px 16px;
		/*margin: 0 0 33px 0;*/
	}
	
		div#pg_site div.block_objectif p.pObj {
			float: left;
			width: 270px; 
			font-size: 14px;
			font-weight: bold;
			color: #313131;
		}
		
			div#pg_site div.block_objectif p.pObj span {
				font-weight: normal;
				color: #313131;
			}
		
		div#pg_site div.block_objectif p.pVoir {
			float: left;
			width: 217px; 
			font-weight: normal;
			color: #313131;
			text-align: right;
		}
		
			div#pg_site div.block_objectif p.pVoir a {
				color: #009bdd;
				font-weight: normal;
			}
	
	div#pg_site div.pImg {
		float:left;
	}
	
	div#pg_site div.pImg  img{
		margin:15px 0;
	}

	
	div#pg_site div.pComment {
		width: 478px; /* 516 */
		padding: 13px 22px 13px 16px;
		/*margin: 0 0 33px 0;*/
	}
	
	div#pg_site div.pComment2 {
		width: 293px; /* 516 */
		padding: 13px 22px 13px 16px;
		float:left;
		/*margin: 0 0 33px 0;*/
	}
	
		div#pg_site div.pComment2  ul{
			margin: 0 !important;
			padding: 5px 0 !important;
		}	
	
	
		div#pg_site div.pComment h3 {
			font-size: 14px;
			font-weight: bold;
			color: #313131;
		}
		
		div#pg_site div.pComment p, div#pg_site div.pComment ul {
			margin-bottom: 20px;
		}
		
		div#pg_site div.pComment ul.ulC1n1 li {
			background: none;
			padding-left: 0;
		}
	
	div#pg_site div.block_contact {
		width: 516px; /* 516 */
		text-align: center;
		margin: 0 0 33px 0;
	}
	
	
	div#pg_site div#zoomGauche {
		width: 478px; /* 516 */
		/*text-align: center;*/
		border-top: 1px solid #cfcfcf;
		border-bottom: 1px solid #cfcfcf;
		padding: 15px 22px 15px 16px;
		margin: 0 0 33px 0;
	}
	
		div#pg_site div#zoomGauche p {
			padding: 5px 0 10px 0;
			margin: 0;
			text-align: left;
			font-weight: normal !important;
		}

		div#pg_site ul{
			padding: 5px 0 15px 0;
			margin: 0 0 15px 0;
			text-align: left;
		}

		div#pg_site div#zoomGauche div.cont {
			padding: 5px 0 15px 0;
			margin: 0 0 33px 0;
			text-align: left;
		}

/*###############################
#								#
#		nouvelle PAGE TPE		#
#								#
###############################*/

div.contenu div#sitesTPE	{
	width: 516px;
}

	div.contenu div#sitesTPE div.numerotation {
		clear: both;
		width: 516px; /* 516 */
		height: 40px;
		margin: 22px 0 38px 0;
		border-top: 1px solid #cdcdcd;
		border-bottom: 1px solid #cdcdcd;
		background-color: #f0f0f0;
	}
	
		div.contenu div#sitesTPE div.numerotation p.numerotation_pages {
			width: 500px; /* 516 */
			padding: 12px 16px 0 0;
			font-family: Arial;
			text-align:right;
			font-size: 12px;
			color: #313131;
		}
		
			div.contenu div#sitesTPE div.numerotation ul.ulPag1 { 
				/*width: 509px;*/
				height: 22px; /*42*/
				list-style-type: none; 
				padding: 8px 5px 11px 0;
				margin: 0 0 5px 0;
				float: right;
			}
					
				div.contenu div#sitesTPE div.numerotation ul.ulPag1 li
				{
					float: left;
					height: 23px; 
					color: #313131;
					text-align: center;
					text-transform: uppercase;
					background: none;
					padding: 0;
					margin-right: 5px;
				}
					div.contenu div#sitesTPE div.numerotation ul.ulPag1 li.liPage { 
						height: 19px;
						padding-top: 5px;
					}
					
					div.contenu div#sitesTPE div.numerotation ul.ulPag1 li.liFleche {
						padding-top: 2px;
					}
				
					div.contenu div.numerotation ul.ulPag1 li.liNo a {
						display: block;
						float: left;
						color: #313131;
					}
					
						div.contenu div#sitesTPE div.numerotation ul.ulPag1 li.liNo a { 
							width: 23px;
							height: 19px;
							padding: 3px 2px 1px 2px;
							text-decoration: none;
							border: 1px solid #d4d3d3;
							background-color: #ffffff;
						}

						div.contenu div#sitesTPE div.numerotation ul.ulPag1 li.liNo a#current {
							width: 23px;
							height: 19px;
							padding: 3px 2px 1px 2px;
							text-decoration: underline;
							border: 1px solid #d4d3d3;
							background-color: #ffffff;
						}
						
						div.contenu div#sitesTPE div.numerotation ul.ulPag1 li.liNo a:hover { 
							color: #ffffff;
							border: 1px solid #ffffff;
							background-color: #313131;
						}
						
	div.contenu div#sitesTPE div.creation {
		width: 516px; /* 516 */
		margin: 10px 0 38px 0;
	}

		div.contenu div#sitesTPE div.creation_2,
		div.contenu div#sitesTPE div.creation_4,
		div.contenu div#sitesTPE div.creation_6,
		div.contenu div#sitesTPE div.creation_8		
		{
			background-color: #e2eff9;
			border-top: 1px solid #acd8f7;
			border-bottom: 1px solid #acd8f7;
		}
	
		div.contenu div#sitesTPE div.creation h2{
			width: 506px; /* 516 */
			padding: 0;
			font-family: Arial;
			font-weight: normal;
			/*text-transform : uppercase;*/
			font-size: 12px;
			color: #313131;
			background-image:none;
			padding-left: 10px;
		}
		
		div.contenu div#sitesTPE div.creation p{
			padding: 0 10px;
		}
		
		div.contenu div#sitesTPE div.creation div.image {
			width: 516px;
			padding-bottom: 30px;	
		}
			
			div.contenu div#sitesTPE div.creation div.image div.ombre-centre {
				width: 516px;
				background: url("image_tpe/ombre_centre.jpg") 0 0 repeat-y;
			}
		
			div.contenu div#sitesTPE div.creation div.image div.ombre-haut {
				width: 516px;
				background: url("image_tpe/ombre_haut.jpg") 0 top no-repeat;
			}
			
			div.contenu div#sitesTPE div.creation div.image div.ombre-bas {
				width: 496px; /* 515 */
				background: url("image_tpe/ombre_bas.jpg") 0 bottom no-repeat;
				padding: 14px 8px 15px 9px;
				text-align: center;
			}

			div.contenu div#sitesTPE div.creation div.image div.nomsite {
				float: left;
				width: 286px; /*296*/
				padding-left: 10px;
			}
			
				div.contenu div#sitesTPE div.creation div.image p.nom {
					font-family: Georgia;
					font-size: 18px;
					color: #009bdd;
					font-style: italic;	
					padding: 0;
				}
				
				    div.contenu div#sitesTPE div.creation div.image p.nom a{
					font-weight: normal !important;
				    }
				
				div.contenu div#sitesTPE div.creation div.image p.type_site {
					font-family: Arial;
					font-size: 12px;
					color: #009bdd;	
				}
		
		
				div.contenu div#sitesTPE div.creation div.image div.rollvoir{
					float: left;
					width: 220px; 
					padding-top: 10px; 
				
				}
/*###############################
#								#
#			ZOOM				#
#								#
###############################*/
	
	div#zoom h1 {
		margin-top: 4px;
	}

	div#zoom div#zoomGauche {
		width: 370px;
		float: left;
	}
	
		div#zoom div#zoomGauche img {
			display: block;
			width: 350px;
			border: 1px solid #000000;
			margin: 25px 0 10px 0;
		}
	
	div#zoom div#zoomDroite {
		float:left;
		width: 135px;
	}
	
/*###############################
#								#
#		CONTEXTE				#
#								#
###############################*/
	
	div#contexte h1 {
		margin-top: 4px;
	}

	div.contexte {
		padding: 10px 0 20px 0;
	}
	
	div#contexteGauche {
		width: 330px;
		float: left;
		padding-right: 20px;
	}
	
	div#contexteDroite {
		float:left;
		width: 135px;
	}
	
/*###############################
#								#
#		SOLUTION				#
#								#
###############################*/
	
	div#solution h1 {
		margin-top: 4px;
	}

	div#solutionGauche {
		width: 330px;
		float: left;
		padding-right: 20px;
	}
	
	div#solutionDroite {
		float:left;
		width: 135px;
	}
	
/*###############################
#								#
#		RESULTAT				#
#								#
###############################*/
	
	div#resultats h1 {
		margin-top: 4px;
	}

	div#resultatsGauche {
		width: 330px;
		float: left;
		padding-right: 20px;
	}
	
	div#resultatsDroite {
		float:left;
		width: 135px;
	}


/*###############################
#								#
#			TPE					#
#								#
###############################*/
	
	div#tpe h1 {
		margin-top: 4px;
		font-size: 18px;
	}
	
div#site1, .site { position:absolute;z-index:100;margin-left:175px;margin-top:95px;}
.siteRight {margin-left:432px;}

div#type .site { position:absolute;z-index:200;margin-left:510px;margin-top:0;float:left!important}


/*###############################
#								#
#		NEWSLETTER				#
#								#
###############################*/

ul#newsCategorie {
	padding: 10px 0 5px 15px;
}
	ul#newsCategorie li {
		padding-left: 10px;
		background: none;
	}
		ul#newsCategorie li a.color2 {
			color: #FF7B00;
			text-decoration: none;
		}
			ul#newsCategorie li a.color2:hover {
				text-decoration: underline;
			}
		ul#newsCategorie li ul {
			font-weight: 500;
			padding: 5px 0 0 45px;
		}
			ul#newsCategorie li ul li a {
				color: #009BDD;
				text-decoration: underline;
			}
div.newsCategorieRight {
	font-weight: bold;
	padding: 10px 0 5px 15px;
}


/*###############################
#								#
#		MAPS					#
#								#
###############################*/

div#maps {
	padding-top: 15px;
}

	div#maps div.mapsGauche {
		float: left;
		width: 56%;
	}
	
	div#maps div.mapsDroite {
		float: left;
		width: 44%;
	}
	
	div#maps h3 {
		color: #FEA211;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	div#maps h3.metro {
		padding-left: 27px;
		background: url("images/metro.png") 0 2px no-repeat;
	}
	
	div#maps h3.voiture {
		padding-left: 27px;
		background: url("images/picto-voiture.jpg") 0 2px no-repeat;
	}
	
	div#maps div.fleche {
		background: url("images/puce_flecheOrange.gif") 0 6px no-repeat;
		padding-left: 15px;
		margin: 2px 0;
	}
	
	div#maps td {
		border: 1px solid #333333;
		padding: 4px;
	}


/*###################
#					#
#	PLAN DU SITE	#
#					#
###################*/

div#plan {
	padding-left:20px;
}

div#plan h1.golden-h1 {display: none;}

div#plan ul li {
	list-style-type: none;
	background: none;
	padding-top:10px;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #009BDD;
		}

div#plan ul li ul li{
	/*list-style-type:upper-roman;*/
	/*list-style-type:upper-alpha;*/
	padding-top:5px;
	margin-left:10px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:bold;
			color: #000000;
		}

div#plan ul li ul li ul li{
	/*list-style-type:decimal;*/
	padding-top:2px;
	margin-left:10px;
}

		div#plan ul li ul li ul li a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			font-weight: bold;
			color:#F26C00;
			background: url("images/puce_flecheOrange.gif") 0 6px no-repeat;
			padding-left: 13px;
		}

div#plan ul li ul li ul li ul li{
	margin-left:10px;
	padding-bottom: 5px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
			color: #333333;
			background: none;
		}

div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	margin:0;
}

/* OFFRES*/
#offre { margin-left : 50px;}
#engagement { width : 220px;margin: 10px 0 10px 10px; font-weight:bold;}
#engagement2 { width : 200px;margin: 5px 0 10px 0px; font-weight:bold;}
#engagement h3, #engagement2 p{ font-size:14px; color : #009BDD; margin-left:10px;margin-bottom:10px;}
#engagement ul, #engagement2 ul { margin-top: 5px; margin-bottom: 45px; font-weight:normal; }
#engagement ul li, #engagement2 ul li { background: url("images/puce_flecheOrange.gif") 0 6px no-repeat; padding-left: 13px; padding-bottom :10px; }

/* TEMOIGNAGES CLIENTS */
.loupe_video { background: url("images/loupe_video.jpg")56px 44px no-repeat; }

/*###############################
#								#
#		annuaire				#
#								#
###############################*/

div#annuaire h2{
	background:none !important;
}

div#annuaire ul li{
	list-style-type:none !important;
	background:none !important;
}

/*###############################
#								#
#		MiniSites INDEX				#
#								#
###############################*/


body#miniSite div#cms{
	width: 499px; /*541*/
}

	body#miniSite div#cms a{
		text-decoration:none;	
	}

	body#miniSite div#cms div.pageI h1{
		background: url('/images/fdTitle_part.png') no-repeat;
		display:block;
		border:none;
		height:48px; /*65*/
		padding: 17px 0 0 90px;
		color:#fefefe;
		font-weight:normal;
		font-size:20px;
	}
	
		body#miniSite div#cms div.pageI ul{
			margin:0;
		}
		
			body#miniSite div#cms div.pageI ul li{
				margin:5px 0;
			}

		div#cms div.pageI div#telGolden{
			background: url('images/btn_tel.jpg') no-repeat;
			width:98px; /*143*/
			height: 28px; /*46*/
			padding:19px 0 0 45px;
			margin:20px 20px 20px 40px;
			color: #fefefe;
			font-weight:bold;
			font-size:14px;
			float:left;
		}
		
		div#cms div.pageI a#devisGolden{
			background: url('/images/btn_text.jpg') no-repeat;
			width:135px; /*179*/
			height:29px; /*47*/
			padding: 18px 0 0 44px;
			margin: 20px 0 20px 20px;
			text-decoration:none;
			font-weight:bold;
			font-size:14px;
			color:#3c3c3c;
			float:left;
		}
	
	div#cms div.bFast h2.bftitle{
		background: url('/images/fdTitle_dej.jpg') no-repeat;
		width: 435px; /*505*/
		height:43px; /*60*/
		padding: 11px 0 0 70px;
		margin: 20px 0;
	}
	
		body#miniSite div#cms div.bFast h2 a{
			color:#fefefe;
			text-decoration:none;
			font-size: 16px;
			font-weight:normal;
		}
	
	div#cms div.bFast div.bfTemplate{
		margin: 10px 0 40px 0;
		width:475px;
	}
	
		div#cms div.bFast div.bfTemplateD{
			margin-bottom:5px;
		}
		
		div#cms div.bFast div.bfTemplateD p{
			float:left;
		}
		
		div#cms div.bFast div.bfTemplateD h3{
			font-weight:14px;
			padding:0;
		}
		
		div#cms div.bFast div.bfTemplateImg{
			float:left;
			margin-right:5px;
			border: 1px solid #5f5f5f;
		}
		
		div#cms div.bFast a{
			float:left;
			margin-top:5px;
		}
		
	div#cms div.actuAgence h2.actu{
		background: url('/images/fdTitle_actu.jpg') no-repeat;
		width: 421px; /*505*/
		height:40px; /*60*/
		padding: 15px 0 0 84px;
		margin:20px 0;
	}
	
		div#cms div.actuAgence h2 a{
			color:#fefefe;
			font-size: 16px;
			font-weight:normal;
			text-decoration:none;
		}
	
	div#cms div.actuAgence div.aaTemplate{
		margin: 10px 0 40px 0;
		width:475px;
	}
	
		div#cms div.actuAgence div.aaTemplateD{
			margin-bottom:5px;
		}
		
			div#cms div.actuAgence div.aaTemplateD h3{
				font-weight:14px;
				font-weight:bold;
				padding:0;
			}
		
		div#cms div.actuAgence div.aaTemplateImg{
			float:left;
			margin-right:5px;
			border: 1px solid #5f5f5f;
		}
		
		div#cms div.actuAgence a{
			float:left;
			margin-top:5px;
		}
		
		div#cms div.blocVignG h2, div#cms div.blocVignD h2{
			font-size: 14px;
			font-weight: normal;
			letter-spacing: 1px;
			color: #ffffff;
			margin: 23px 0 0 20px;
		}