/* CSS Document */

/* V E R S I O N anglaise */

a.englink {
    display: block;
    width: 86px;
    height: 37px;
    background: url("art/english.jpg") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.englink {background-position: -94px 0}

/* barre de regroupement */
#barre {
	position:absolute;
	width:862px;
	height:37px;
	z-index:2;
	left: 0px;
	top: 0px;
	visibility: visible;
		}

	/* Home */
		a.home {
			display: block;
    		width: 72px;
   			height: 30px;
    		background: url("art/home nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.home {background-position: -72px 0}
				#home {
					position:absolute;
					width:65px;
					height:28px;
					z-index:9;
					left: 16px;
					top: 9px;
					visibility: visible;
					}
	/* Workshop */
		a.workshop {
    		display: block;
    		width: 104px;
    		height: 30px;
    		background: url("art/workshop nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.workshop {background-position: -110px 0}
		a.workshopon {
  		  	display: block;
    		width: 104px;
	 	  	height: 30px;
	 	 	background: url("art/workshop nav.jpg") 0 0 no-repeat;
			text-decoration: none;
			background-position: -110px 0
			}
				#workshop {
					position:absolute;
					width:106px;
					height:30px;
					z-index:10;
					left: 97px;
					top: 9px;
					visibility: visible;
					}
	/* Installations */	
		a.installations {
			display: block;
			width: 121px;
  			height: 30px;
  			background: url("art/installations nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.installations {background-position: -125px 0}
		a.installationson {
    		display: block;
    		width: 121px;
    		height: 30px;
    		background: url("art/installations nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			background-position: -125px 0;
			}
				#installations {
					position:absolute;
					width:125px;
					height:32px;
					z-index:12;
					left: 217px;
					top: 9px;
					}	
	/* In Progress */	
		a.progress {
    		display: block;
    		width: 121px;
    		height: 30px;
    		background: url("art/progress nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.progress {background-position: -125px 0} 
		a.progressover {
    		display: block;
    		width: 121px;
   			height: 30px;
    		background: url("art/progress nav.jpg") 0 0 no-repeat;
   			text-decoration: none;
			background-position: -125px 0;
			}
				#progress {
					position:absolute;
					width:123px;
					height:32px;
					z-index:13;
					left: 352px;
					top: 8px;
					visibility: visible;
					}
					/* News */
		a.news {
    		display: block;
   			width: 60px;
   			height: 30px;
    		background: url("art/news_nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.news {background-position: -59px 0}
		a.newson {
   			display: block;
    		width: 60px;
    		height: 30px;
    		background: url("art/news_nav.jpg") 0 0 no-repeat;
   			text-decoration: none;
			background-position: -59px 0
			}
				#news {
					position:absolute;
					width:62px;
					height:30px;
					z-index:22;
					top: 9px;
					left: 490px;
					}
	/* Pressbook */
		a.pressbook {
    		display: block;
    		width: 100px;
    		height: 30px;
    		background: url("art/diverse nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.pressbook {background-position: -108px 0}
		a.pressbookon {
    		display: block;
    		width: 100px;
    		height: 30px;
   			background: url("art/diverse nav.jpg") 0 0 no-repeat;
			background-position: -108px 0;
    		text-decoration: none;
			}
				#pressbook {
					position:absolute;
					width:103px;
					height:31px;
					z-index:13;
					left: 565px;
					top:5px;
					}
 	
	/* Contact - est commun au francais et a l'anglais */
	a.contact {
    	display: block;
    	width: 87px;
    	height: 30px;
    	background: url("art/contact.jpg") 0 0 no-repeat;
    	text-decoration: none;
		}
	a:hover.contact {background-position: -93px 0}
	a.contacton {
    	display: block;
    	width: 87px;
   		height: 30px;
   		background: url("art/contact.jpg") 0 0 no-repeat;
    	text-decoration: none;
		background-position: -93px 0;
		}
 			#contacteng {
				position:absolute;
				width:125px;
				height:32px;
				z-index:14;
				left: 679px;
				top: 7px;
				}
				
				
/* V E R S I O N  francaise */

a.frenchlink {
    display: block;
    width: 88px;
    height: 37px;
    background: url("art/francais.jpg") 0 0 no-repeat;
    text-decoration: none;
}
a:hover.frenchlink {background-position: -93px 0}

	/* Accueil */
		a.accueil {
   			display: block;
    		width: 86px;
    		height: 30px;
    		background: url("art/accueil.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:accueil.home {background-position: -87px 0}
			#acceuil {
				position:absolute;
				width:87px;
				height:31px;
				z-index:9;
				left: 30px;
				top: 7px;
				visibility: visible;
				}
	/* Atelier */
		a.atelier {
    		display: block;
   			width: 78px;
    		height: 30px;
   			background: url("art/atelier_nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
 		a:hover.atelier {background-position: -81px 0}
		a.atelierpage {
    		display: block;
    		width: 78px;
    		height: 30px;
    		background: url("art/atelier_nav.jpg") 0 0 no-repeat;
   		 	text-decoration: none;
			background-position: -81px 0
			}
				#atelier {
					position:absolute;
					width:78px;
					height:30px;
					z-index:10;
					left: 127px;
					top: 8px;
					visibility: visible;
					}
	/* Realisations */
		a.realis {
   			display: block;
   			width: 122px;
    		height: 30px;
    		background: url("art/realisations.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.realis {background-position: -127px 0}
		a.realispage {
    		display: block;
    		width: 122px;
    		height: 30px;
    		background: url("art/realisations.jpg") 0 0 no-repeat;
    		text-decoration: none;
			background-position: -127px 0;
			}
				#realis {
					position:absolute;
					width:125px;
					height:30px;
					z-index:12;
					left: 214px;
					top: 9px;
					}
 	/* En cours */
		a.encours {
    		display: block;
    		width: 107px;
    		height: 30px;
    		background: url("art/en cours.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.encours {background-position: -112px 0}
		a.encourspage{
   			display: block;
   		 	width: 107px;
   			height: 30px;
    		background: url("art/en cours.jpg") 0 0 no-repeat;
   			text-decoration: none;
			background-position: -112px 0;
			}
				#encours {
					position:absolute;
					width:109px;
					height:31px;
					z-index:13;
					left: 343px;
					top: 9px;
					visibility: visible;
					}
			/* Actualites */
		a.actu {
    		display: block;
   			width: 100px;
   			height: 30px;
   			background: url("art/neuf_nav.jpg") 0 0 no-repeat;
   			text-decoration: none;
			}
 		a:hover.actu {background-position: -105px 0}
		a.actupage {
    		display: block;
    		width: 100px;
    		height: 30px;
    		background: url("art/neuf_nav.jpg") 0 0 no-repeat;
    		text-decoration: none;
			background-position: -105px 0
			}
				#actu {
					position:absolute;
					width:103px;
					height:30px;
					z-index:22;
					left: 457px;
					top: 7px;
					}
 	/* Dossier de Presse */
		a.dosspresse {
    		display: block;
    		width: 170px;
    		height: 30px;
    		background: url("art/divers.jpg") 0 0 no-repeat;
    		text-decoration: none;
			}
		a:hover.dosspresse {background-position: -174px 0}
		a.dosspresspage {
    		display: block;
   			width: 170px;
   			height: 30px;
   			background: url("art/divers.jpg") 0 0 no-repeat;
			background-position: -174px 0;
   			text-decoration: none;
			}
	 			#dosspresse {
					position:absolute;
					width:171px;
					height:31px;
					z-index:13;
					left: 570px;
					top: 6px;
					}
/* CONTACT est commun aux 2 versions et se retrouve plus haut*/
				#contactfr {
					position:absolute;
					width:87px;
					height:29px;
					z-index:14;
					left: 754px;
					top: 8px;
					}


/*-----------------------------------------------------------------------------------------------------------------------------------*/


a.test {
    display: block;
    width: 81px;
    height: 27px;
    background: url("art/link test.jpg") 0 0 no-repeat;
    text-decoration: none;
}
 
a:hover.test {
    background-position: 0 -25px
}

a:active.test {
    background-position: 0 -50px
}



.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 10pt;
	text-decoration: none;
	vlink: #ffffff
	
}

.lettertext {
	font-family:  Arial, Helvetica, sans-serif;
	color: #993300;
	font-size: 10pt;
	text-decoration: none;
	vlink: #993300
	
}


.thumbstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9pt;
	font-weight: bold;
}
.thumbsnormaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9pt;
	font-weight: normal;
}
.linkstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11pt;
	font-weight: normal;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	color: #CC0000;
	text-decoration: none;
	border: none;

}



.hedstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11pt;
	font-weight: normal;
	
}

.newstextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	font-size: 9pt;
	font-weight: bold;
}

.newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	font-size: 9pt;
	font-weight: normal;
}

.newstext_sm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eeeeee;
	font-size: 8pt;
	font-weight: normal;
}


.hedstextcolor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffcc99;
	font-size: 11pt;
	font-weight: normal;
}

.hedstextcolorbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffcc99;
	font-size: 11pt;
	font-weight: bold;
}


.hedstextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11pt;
	font-weight: bold;
}

.thumbsitaltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 9pt;
	font-style: italic;
	font-weight: normal;
}

.thumbstextcolor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffcc99;
	font-size: 9pt;
	font-weight: normal;
}

a.colorblock1 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor1.jpg") 0 0 repeat;
    text-decoration: none;
}

a.colorblock2 {
    display: block;
    width: 1647px;
    height: 1747px;
    background-color:#f8c48a;
    text-decoration: none;
}

a.colorblock2a {
    display: block;
    width: 600px;
    height: 500px;
    background-color:#f8c48a;
    text-decoration: none;
}

a.colorblock2b {
    display: block;
    width: 489px;
    height: 415px;
    background-color:#f8c48a;
    text-decoration: none;
}


a.colorblock3 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor3.jpg") 0 0 repeat;
    text-decoration: none;
	}
	
	a.colorblock3a {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor5 rust.jpg") 0 0 repeat;
    text-decoration: none;
	}

a.colorblock4 {
	display: block;
	width: 1647px;
	height: 1747px;
	text-decoration: none;
	background-image: url("art/bgcolor6.jpg"); 0 0 repeat;
	}
	
	a.colorblock5 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor 509d37.jpg") 0 0 repeat;
    text-decoration: none;
	}
	
	a.colorblock6 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor 248ao3.jpg") 0 0 repeat;
    text-decoration: none;
	}
	
	a.colorblock7 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor4 atelier.jpg") 0 0 repeat;
    text-decoration: none;
	}
	a.colorblock8 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor5 rust.jpg") 0 0 repeat;
    text-decoration: none;
	}
	
	a.colorblock9 {
    display: block;
    width: 1647px;
    height: 1747px;
    background: url("art/bgcolor gold.jpg") 0 0 repeat;
    text-decoration: none;
	}
	
	.brdr  {
	border: 1px solid #999999;
}

.textborder {
border-width-top: thin;
border-width-bottom: thin;
border-color:#999999;
border-top-style: solid;
border-bottom-style: solid;
padding-bottom: 3%;
padding-top: 1%;
}

.picborder {
border-width-top: thin;
border-width-bottom: thin;
border-color:#ffffff;
border-top-style: solid;
border-bottom-style: solid;
padding-bottom: 0%;
padding-top: 0%;
}