/*##############################################*/
/*############# STRUCTURE GENERALE##############*/
/*##############################################*/

*{
margin-top: 0;
padding-top: 0;
}

* html img,
* html .png {
	behavior: expression(
			(this.runtimeStyle.behavior="none") && (this.pngSet ? this.pngSet = true : (
				this.nodeName == "IMG" ? (
					this.src.toLowerCase().indexOf('.png') > -1 ? (
						this.runtimeStyle.backgroundImage = "none",
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
						this.src = "transp.gif"
					) : 0
				) : (
					this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
					this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
					(this.currentStyle.backgroundRepeat != 'no-repeat') ? (
						this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='scale')"
					) : 0,
					this.runtimeStyle.backgroundImage = "none"
				),this.pngSet=true
			)
		)
	);
}

body {
/*font-family:Verdana,Arial, Helvetica, sans-serif;*/
font-family:"Trebuchet MS",Verdana,Arial;
margin-top: 0;
padding: 0;
background:#f2f2f2;
font-size:14px;
color:#5a5a5a;

scrollbar-3dlight-color:    #000000;   
scrollbar-arrow-color:      #FFFFFF;   
scrollbar-darkshadow-color: #000000;  
scrollbar-face-color:       #000000;   
scrollbar-highlight-color:  #cfc9be;   
scrollbar-shadow-color:     #cfc9be;
}

#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	background-image:url(../images/fond_centre.png);
	background-repeat:repeat-y;	
}

a {
	color:#1577be;
	text-decoration:none;
}

a:hover {
	color:#5f5f5f;
	text-decoration:none;
}

.tiret_gris {
	height:1px;
	background-image:url(../images/ligne_grise.gif);
	background-repeat:repeat-x;
	width:100%;
	margin:0;
	padding:0;
}
.pointillet_gris {
	height:1px;
	background-image:url(../images/pointillet.gif);
	background-repeat:repeat-x;
	width:100%;
}

.fond_tirets {
	background-image:url(../images/fond_tirets_liste_menu_gauche.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.fond_pointillets {
	background-image:url(../images/fond_pointillets_liste_menu_gauche.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.fond_blanc {
	background:#FFFFFF;
}

/*##############################################*/
/*############# MENU ###########################*/
/*##############################################*/

#menu {
	position:relative;
	width:960px;
	height:83px;
	margin:0 auto;
	background-image:url(../images/fond_menu.gif);
	background-repeat:repeat-x;
}

h1.logo {
	position:absolute;
	width:260px;
	height:70px;
	top:13px;
	left:0;
	background:url(../images/logo.jpg) top left no-repeat;	
}
h1 a {
	width:260px;
	height:70px;
	display:block;
	text-indent:-5000px;
}

ul.menu {
	position:absolute;
	width:674px;
	left:260px;
	margin:0;
	padding:0;
	top:13px;
	height:70px;	
}

ul.menu li {
	position:relative;
	float:left;
	list-style-type:none;
}

ul.menu li a {
	display:block;
	height:70px;
	padding-top:30px;
	color:#FFFFFF;	
	text-decoration:none;
}
ul.menu li a:hover {
	color:#cfcfcf;
	text-decoration:none;	
}	

ul.menu li.groupe a {
	width:147px;
}
ul.menu li.metier a {
	width:126px;
}
ul.menu li.contact a {
	width:149px;
}

ul.menu li.groupe {
	position:relative;
	background:url(../images/fond_menu_groupe.gif) top left no-repeat;
	width:147px;
	height:70px;
	padding-left:33px;	
}
ul.menu li.groupe_actif {
	position:relative;
	background:url(../images/fond_menu_groupe_on.gif) top left no-repeat;
	width:147px;
	height:70px;
	padding-left:33px;	
}

ul.menu li.metier {
	position:relative;
	background:url(../images/fond_menu_metier.gif) top left no-repeat;
	width:126px;
	height:70px;
	padding-left:17px;		
}
ul.menu li.metier_actif {
	position:relative;
	background:url(../images/fond_menu_metier_on.gif) top left no-repeat;
	width:126px;
	height:70px;
	padding-left:17px;		
}

ul.menu li.contact {
	position:relative;
	background:url(../images/fond_menu_contact.gif) top left no-repeat;
	width:149px;
	height:70px;	
	padding-left:17px;	
}
ul.menu li.contact_actif {
	position:relative;
	background:url(../images/fond_menu_contact_on.gif) top left no-repeat;
	width:149px;
	height:70px;	
	padding-left:17px;	
}

#menu .langues {
	position:absolute;
	width:206px;
	top:13px;
	height:70px;
	left:754px;
	background:url(../images/fond_menu_langue.gif) top left no-repeat;	
	opacity: 0.5;
	filter:alpha(opacity=50);		
}

#menu .menu_langues {
	position:absolute;
	width:206px;
	top:13px;
	height:70px;
	left:754px;
}

#menu .menu_langues a {
	display:block;
	height:70px;
	width:206px;
	padding-left:49px;	
	padding-top:30px;	
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#menu .menu_langues a:hover {
	color:#5f5f5f;
}
/*##############################################*/
/*############# BASELINE #######################*/
/*##############################################*/

#baseline {
	position:relative;
	width:960px;
	height:172px;
}

#tiret_baseline {
	position:absolute;
	width:907px;
	height:149px;
	background-image:url(../images/tiret_baseline.png);
	background-position:top left;
	background-repeat:no-repeat;
	top:24px;
	left:36px;
}

/*##############################################*/
/*############# CONTENT ########################*/
/*##############################################*/

#content {
	position:relative;
	width:927px;
	padding-top:33px;
	padding-left:33px;
}

/*##############################################*/
/*############# FOOTER #########################*/
/*##############################################*/

#footer {
	position:relative;
	width:980px;
	height:88px;
	margin:0 auto;
	background-image:url(../images/fond_pied.png);
	background-position:top left;
	background-repeat:no-repeat;
}

#coordonnees {
	position:absolute;
	top:48px;
	left:290px;
	color:#FFFFFF;
	font-size:11px;
}
#coordonnees_en {
	position:absolute;
	top:48px;
	left:365px;
	color:#FFFFFF;
	font-size:11px;
}

#coordonnees a, #coordonnees_en a {
	color:#FFFFFF;
	text-decoration:none;
}
#coordonnees a:hover, #coordonnees_en a:hover {
	color:#cfcfcf;
	text-decoration:none;
}

#up {
	position:absolute;
	top:5px;
	left:935px;	
	width:24px;
	height:22px;
}
#up a {
	display:block;
	width:24px;
	height:22px;
}

/*##############################################*/
/*############# LEFT_MENU ######################*/
/*##############################################*/

#left_menu {
	position:relative;
	width:220px;
	float:left;
	margin:0;
	padding:0;
	font-size:12px;	
}

.top_left_menu {
	position:relative;
	height:3px;
	width:220px;
	background:url(../images/haut_menu_gauche.gif) top left no-repeat;
	margin:0;
	padding:0;		
	display:block;
}

.content_left_menu {
	position:relative;
	width:220px;
	background:#FFFFFF;
	padding-top:15px;
	background:url(../images/haut_menu_gauche.gif) top left no-repeat;	
}
.bottom_left_menu {
	position:relative;
	width:220px;
	background:url(../images/bas_menu_gauche.gif) top left no-repeat;
	height:60px;
	margin:0;
	padding:0;
}

#left_menu a {
	color:#5a5a5a;
	text-decoration:none;
	font-weight:bold;
}
#left_menu a:hover {
	color:#1577be;
	text-decoration:none;
	font-weight:bold;
}

.lien_menu_gauche_actif {
	color:#1677be !important;
	text-decoration:none;
	font-weight:bold;
}

/*##############################################*/
/*############# MAIN_CONTENT ###################*/
/*##############################################*/

#main_content {
	position:relative;
	width:674px;
	margin-left:234px;
}

#bottom_main_content {
	position:relative;
	height:55px;
	background:url(../images/bas_main_content.gif) top left no-repeat;
}

#main_content .premier_bloc {
	position:relative;
	background:#FFFFFF;
	padding:15px;
	margin-bottom:5px;
}
#main_content .bloc {
	position:relative;
	background:#FFFFFF;
	padding:15px;
}

#main_content h2.titre {
	font-size:25px;
	height:41px;
	background-image:url(../images/fond_h2_titre.gif);
	background-repeat:repeat-x;
}

#main_content h4.titre_marques {
	font-size:15px;
	margin-bottom:0;
}

/*##############################################*/
/*############# SCROLLING ######################*/
/*##############################################*/

.scrolling {
	position:relative;
	padding:0;
	margin:0;
}

#top_main_content #wn	{ 
    position:relative; 
    width:603px;
	height:125px; 
    overflow:hidden;
	left:19px !important;	
}	


.mouseover_left {
	position:absolute;
	left:5px;
	top:6px;
}
.mouseover_right {
	position:absolute;
	left:622px;
	top:6px;
}

#top_main_content .texte_zoom {
	font-size:11px;
	color:#797979;
}

/*##############################################*/
/*############# ACCUEIL ########################*/
/*##############################################*/

body#accueil {
	background-image:url(../images/fond_accueil.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}
.content_left_menu ul.menu_gauche_accueil {
	width:175px;
	padding:0;
	margin:0 auto;
}
.content_left_menu ul.menu_gauche_accueil li {
	margin:0;
	padding:0;
	padding-top:10px;
	list-style-type:none;
	height:30px;
}

#flash_accueil {
	position:absolute;
	top:0;
	left:10px;
}

/*##############################################*/
/*############# GROUPE #########################*/
/*##############################################*/

body#groupe {
	background-image:url(../images/fond_groupe.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}

#groupe #baseline h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:36px;
	color:#FFFFFF;
	position:absolute;
	top:60px;
	left:560px;
}

.content_left_menu ul.menu_gauche_groupe {
	width:175px;
	padding:0;
	margin:0 auto;
}
.content_left_menu ul.menu_gauche_groupe li {
	margin:0;
	padding:0;
	padding-top:10px;
	list-style-type:none;
	height:30px;
}

ul.liste_dates li {
	margin-bottom:15px;
}

ul.liste_marques {
	position:relative;
	width:640px;
	margin-left:0;
	padding-left:0;
	
}

ul.liste_marques li {
	list-style-type:none;
	height:40px;
	background:#fafafa;
}

ul.liste_marques li div.domaine {
	width:160px;
	float:left;
}
ul.liste_marques li div.marque {
	width:150px;
	float:left;
}
ul.liste_marques li div.activite {
	width:322px;
	float:left;
}

ul.liste_marques li.separation_liste_marques {
	clear:both;
	background-image:url(../images/pointillets_liste_marques.gif);
	background-repeat:repeat-x;
	height:7px;
}

/*##############################################*/
/*############# METIER #########################*/
/*##############################################*/

body#metier {
	background-image:url(../images/fond_metier.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}

#metier #baseline h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:36px;
	color:#FFFFFF;
	position:absolute;
	top:60px;
	left:650px;
}

.content_left_menu ul.menu_gauche_metier {
	width:175px;
	padding:0;
	margin:0 auto;
}
.content_left_menu ul.menu_gauche_metier li {
	margin:0;
	padding:0;
	padding-top:10px;
	list-style-type:none;
	height:30px;
}

ul.activites_capacite {
	position:relative;
	padding:0;
	margin:0;
	width:630px;
}

ul.activites_capacite li.liste_activites_capacite {
	list-style-type:none;
	margin-top:10px;
}

ul.metier_capacite li {
	list-style-type:disc;
}

div.donnees_activites_capacite {
	position:relative;
	width:280px;
	float:left;
	height:165px;
}
div.photos_activites_capacite {
	position:relative;
	width:240px;
	left:110px;
	float:left;
}

ul.activites_capacite li.separation_liste_capacite {
	clear:both;
	background-image:url(../images/pointillets_liste_marques.gif);
	background-repeat:repeat-x;
	height:7px;
	list-style-type:none;	
}

div.photos_activites_capacite {
	margin:0;
	padding:0;
}

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

body#contact {
	background-image:url(../images/fond_accueil.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f2f2f2;
}

#contact #baseline h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:36px;
	color:#FFFFFF;
	position:absolute;
	top:59px;
	left:442px;
	width:467px;
}
.content_left_menu ul.menu_gauche_contact {
	width:175px;
	padding:0;
	margin:0 auto;
}
.content_left_menu ul.menu_gauche_contact li {
	margin:0;
	padding:0;
	padding-top:10px;
	list-style-type:none;
	height:30px;
}

/*############################################*/
/*############# PLAN ########################*/
/*###########################################*/

#google_map, #google_mapX, #google_mapY {
	position:relative;
	overflow:auto;
	width:365px;
	height:240px;
	text-align:left;
	color:#000000;
	scrollbar-3dlight-color:    #000000;   
	scrollbar-arrow-color:      #FFFFFF;   
	scrollbar-darkshadow-color: #000000;  
	scrollbar-face-color:       #000000;   
	scrollbar-highlight-color:  #cfc9be;   
	scrollbar-shadow-color:     #cfc9be;
}

#map, #mapX, #mapY {
	width: 95%;
	height: 220px;
	padding : 10 px;
	border : 4px solid #000000;
}

div.donnees_coordonnees_plan {
	position:relative;
	width:220px;
	height:200px;
	float:left;
}
div.photos_coordonnees_plan {
	position:relative;
	width:380px;
	left:50px;
}

/*############################################*/
/*############# INTEGRATION ##################*/
/*###########################################*/

#texturation, #moulinage, #guipage, #ourdissage, #tissage, #teinture, #ennoblissement, #aucun {
	position:relative;
	margin-top:20px;
	text-align:center;
	width:400px;
}
.separation_ligne_tableau {
	background-image:url(../images/pointillets_liste_marques.gif);
	background-repeat:repeat-x;
	height:7px;
}