body{
	padding : 0;
    margin : 0;
	height:auto;
	font-family: "Times New Roman", Times, serif;
	font-size:1.05em;
	background-color:#984F3E;
	background-image:url(../graphisme/fond.gif);
	background-repeat:repeat;
}

div, p{
	padding : 0;
    margin : 0;
}

p{
	clear:both;
	padding:0;
	text-align:justify;
}

a, img{
	border:0;
	text-decoration:none;
}

strong{
	color: #722201;
}

#stages strong{
	color: #474b00;
	font-weight:normal;
}

#adresse strong{
	color: #91001e;
	font-weight:normal;
}

/* MISE EN PAGE - DESIGN/GRAPHISME */

#global{
    margin : 0 auto;
    width : 800px;
	background: #DCC8AA url(../graphisme/bg_tissu_beige.jpg) repeat;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#header{
	width: 800px;
	z-index:1;
	height:132px;
	background:url(../graphisme/header.jpg) no-repeat;
	display:block;
	padding-left:30px;
}

#header img{
	position:relative;
	top:-21px;
}

#slideshow, #menu_realisations, #expositions_agenda, #stages_agenda, #liens_txt, #contact{
	width: 720px;
	z-index:5;
	padding:40px;
	background: #af5d0f;
	height:315px;
	clear:both;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
}

#menu_realisations, #expositions_agenda, #stages_agenda{
	height:230px;
	float:left;
}

#menu_realisations{
	background: #af380a;
}

#expositions_agenda{
	background: #f7b11a;
}

#stages_agenda{
	background: #c3c607;
}

#liens_txt{
	background: #009c7f;
	height:auto;	
}

#contact{
	background: #a90327;
	height: auto;
	color:#DCC8AA;
}

.ombre, .ombre_accueil{
	width:800px;
	margin:0;
	padding:0;
	height:10px;
	background:url(../graphisme/ombre.png) repeat-x;
	clear:both;
	display:block;	
}

.ombre_accueil{
	position:relative;
	top:-33px;
}

#contenu, #galerie, #expositions, #stages{
	width: 720px;
	z-index:5;
	padding:0 40px;
	clear:both;
}

#txt_bienvenue{
	width: 480px;
	z-index:5;
	padding:20px 0;
	float:left;
	text-indent:20px;
}

#texte{
	float:left;
}

#expositions_agenda #texte, #stages_agenda #texte{
	width:340px;
}

#actualite, #liste_realisations, #infos_stages{
	width: 170px;
	z-index:5;
	padding: 15px 20px;
	float:right;
	background:#d78123;
	background-color: rgb(215, 129, 35); 
    background-color: rgba(215, 129, 35, 0.5);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	font-size:1em;
}

#liste_realisations{
	margin:20px 0;
	background:#85310f;
	background-color: rgb(133, 49, 15); 
    background-color: rgba(133, 49, 15, 0.5);
}

#infos_stages{
	margin:0;
	background:#959700;
	background-color: rgb(149, 151, 0); 
    background-color: rgba(149, 151, 0, 0.5);
	text-align:center;
}

#infos_stages a{
	color:#000000;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
	text-decoration:none;
	font-size:1.1em;
}

#boutique{
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
	width: 470px;
	padding: 5px;
	background:#af5d0f;
	background-color: rgb(175, 93, 15); 
    background-color: rgba(175, 93, 15, 0.3);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	font-size:1em;
	text-align:center;
}

#boutique a{
	text-decoration:none;
	color:#000;
	/*-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border:#af5d0f dashed 1px;
	display:block;
	padding: 5px;*/
}

#footer{
	width: 800px;
	line-height:40px;
	text-align:center;
	z-index:5;
	color: #000;
	background-color:#f8a31c;
	font-size:0.8em;
	clear:both;
}

#footer a{
	text-decoration:none;
	color:#000;
}

#footer a:hover{
	text-decoration:none;
	color:#85310f;
}


#pg_up{
	width: 720px;
	z-index:5;
	padding:50px 40px 10px 40px;
	clear:both;
	text-align:center;
	font-size:0.8em;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
	color:#000000;
}

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

/* MISE EN PAGE - TEXTE */

h1{
	padding:0;
	margin:0;
	font-size:1.4em;
	color:#000;
	border-bottom: 1px dashed #85310F;
	float:left;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
}

h2{
	padding:0;
	margin:0;
	font-size:1.2em;
	color:#000;
	clear:both;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
}

#actualite h2, #liste_realisations h2{
	border-bottom: 1px solid #85310F;
}

#galerie h2, #expositions h2, #expositions_agenda h2, #stages h2, #stages_agenda h2, #liens h2, #adresse h2{
	max-width:720px;
	border-bottom: 1px dashed #85310F;
	padding-top:20px;
	color: #85310F;
}

#expositions h2, #expositions_agenda h2{
	border-bottom: 1px dashed #5b4200;
	color: #5b4200;
}

#stages h2, #stages_agenda h2{
	border-bottom: 1px dashed #474b00;
	color: #474b00;
}

#expositions_agenda h2, #stages_agenda h2{
	max-width:340px;
	padding-top:0;
}

#liens h2{
	border-bottom: 1px dashed #003e3f;
	color: #003e3f;
	padding-top:0;
}

#adresse h2{
	color: #91001e;
	border-bottom: 1px dashed #91001e;
	max-width:250px;
	padding-top:20px;
	margin-bottom:20px;
}

#galerie p, #expositions p, #expositions_agenda p, #stages_agenda p{
	padding-top:8px;
}

#stages p{
	padding-top:15px;
}

a{
	color: #003e3f;
	text-decoration:underline;
}

a:hover{
	color: #003e3f;
	text-decoration:none;
}

a:active{
	color: #003e3f;
	text-decoration:none;
}

ul{
	padding:0;
	margin-left:60px;
	list-style: url(../graphisme/puce_bleue.png);
	z-index:5;
	text-align:left;
}

#galerie ul, #expositions ul, #stages ul{
	margin:0;
	list-style: none;
	text-align:center;
	display:block;
	line-height:107px;
}

#galerie a, #expositions a, #stages a{
        display: block;
		height:108px;
		width:108px;
		background:#dcc8aa;
		border:1px solid #c96d48;
}

#expositions a{
		border:1px solid #c08b00;
}

#stages a{
		border:1px solid #9ea700;
}

#galerie li, #expositions li, #stages li{ 
        float: left;
		margin:10px 10px 0 0;
}

#stages p a, #expositions p a{
	color: #474b00;
	text-decoration:underline;
	display: inline;
	background:transparent;
	border:none;
}

#expositions p a{
	color: #5b4200;
}

#texte p a{
	color: #c96d48;
}

#stages p a:hover, #expositions p a:hover{
	text-decoration:none;
}

#actualite a, #liste_realisations a{
	color: #000000;
	text-decoration:none;
	display: inline;
	background:transparent;
}

#expositions_agenda ul, #stages_agenda ul{
	left:35px;
}

#expositions_agenda img, #stages_agenda img{
	float:right;
	position:relative;
	top:0;
	width:340px;
	height:230px;
}

.liste{
	position:relative;
	left:60px;
}

.liste li{ 
		clear: both;
		list-style: url(../graphisme/puce_jaune.png);
		line-height:normal;
}

#expositions_agenda ul{
	list-style: url(../graphisme/puce_jaune.png);
}

#stages_agenda ul{
	list-style: url(../graphisme/puce_verte.png);
}

#liens li{
	margin-bottom:15px;
}

#stages_agenda .liste li, #stages .liste li{
	list-style: url(../graphisme/puce_verte.png);
}

#galerie img, #expositions img, #stages img{ 
		vertical-align:middle;
}

#contenu ul, #contenu li{
	padding:0;
	margin:0;
	text-align:left;
	list-style: url(../graphisme/puce.png);
	z-index:5;
}

#contenu ul{
	margin:10px 0 0 0;
}

#contenu #liste_realisations ul, #contenu #liste_realisations li{
	list-style: url(../graphisme/puce_brune.png);
}

#adresse{
	width: 340px;
	float:left;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
}

#adresse p{
	margin-left:20px;
}

#formulaire{
	float:right;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
	margin-top:10px;
}

fieldset{
	background-color:#dcc8aa;
	padding:15px;
	width:340px;
	border: 1px solid #91001e;
	text-align:left;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
}

legend{
	padding:10px;
	color:#91001e;
	font-size:1.2em;
}

form input[type=submit]{
	background:#dcaaaa;
	padding: 5px;
	cursor: pointer;
	border:#91001e 1px solid;
	font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
	font-size:0.9em;
	color:#91001e;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	float:right;
}

/* CSS MENU */

#menu_principal, #menu_principal ul
{
        padding : 0;
        margin : 0;
        list-style : none;
        text-align : center;
		z-index:100;
		height:27px;
}

#menu_principal
{
        font-size : 1em;
		display : block;
		width: 800px;
		z-index:5;
		font-family: 'Goudy Bookletter 1911','Times New Roman', serif;
        
}

#menu_principal a
{
        display : block;  
        color : #000000;
        text-decoration : none;
		padding-top:119px;
		height:27px;
		
}

#menu_principal li     
{ 
        float : left;
}

#btn_accueil{
	background: #d78123;
	width: 130px;
	background:url(../graphisme/header.jpg) 0px -132px;
	height:146px;
}

#btn_accueil:hover, #btn_accueil.active{
	background: #d78123;
	background:url(../graphisme/header.jpg) 0px -278px;
}

#btn_accueil:hover{
	background:url(../graphisme/header.jpg) 0px -424px;
}

#btn_realisations{
	background: #e9570e;
	width: 130px;
	background:url(../graphisme/header.jpg) -130px -132px;
	height:146px;
}

#btn_realisations:hover, #btn_realisations.active{
	background: #e9570e;
	background:url(../graphisme/header.jpg) -130px -278px; 
}

#btn_realisations:hover{
	background:url(../graphisme/header.jpg) -130px -424px; 
}

#btn_expositions{
	background: #ffcf1b;
	width: 130px;
	background:url(../graphisme/header.jpg) -260px -132px;
	height:146px;
}

#btn_expositions:hover, #btn_expositions.active{
	background: #ffcf1b;
	background:url(../graphisme/header.jpg) -260px -278px;
}

#btn_expositions:hover{
	background:url(../graphisme/header.jpg) -260px -424px;
}

#btn_stages{
	background:#dee31b;
	width: 150px;
	background:url(../graphisme/header.jpg) -390px -132px;
	height:146px;
}

#btn_stages:hover, #btn_stages.active{
	background:#dee31b;
	background:url(../graphisme/header.jpg) -390px -278px;
}

#btn_stages:hover{
	background:url(../graphisme/header.jpg) -390px -424px;
}

#btn_contact{
	background:#d31d43;
	width: 130px;
	background:url(../graphisme/header.jpg) -670px -132px;
	height:146px;
}

#btn_contact:hover, #btn_contact.active{
	background:#d31d43;
	background:url(../graphisme/header.jpg) -670px -278px;
}

#btn_contact:hover{
	background:url(../graphisme/header.jpg) -670px -424px;
}

#btn_liens{
	background:#00b99c;
	width: 130px;
	background:url(../graphisme/header.jpg) -540px -132px;
	height:146px;
}

#btn_liens:hover, #btn_liens.active{
	background:#00b99c;
	background:url(../graphisme/header.jpg) -540px -278px;
}

#btn_liens:hover{
	background:url(../graphisme/header.jpg) -540px -424px;
}

/* SOUS MENU REALISATIONS */

#btn_vetements, #btn_accessoires, #btn_bas, #btn_tissus_interieur, #btn_tissus_afrique, #btn_musees{
	margin: 0 30px 30px 0;
	float:left;
	width:155px;
	height:100px;
	text-indent:-5000px;
}

#btn_vetements{
	background: url(../graphisme/menu_vetements.jpg) 0px 0px no-repeat;
}

#btn_vetements:hover,#btn_vetements.active{
	background: url(../graphisme/menu_vetements.jpg) 0px -100px no-repeat;
}

#btn_accessoires{
	background: url(../graphisme/menu_accessoires.jpg) 0px 0px no-repeat;
}

#btn_accessoires:hover,#btn_accessoires.active{
	background: url(../graphisme/menu_accessoires.jpg) 0px -100px no-repeat;
}

#btn_bas{
	background: url(../graphisme/menu_bas.jpg) 0px 0px no-repeat;
}

#btn_bas:hover,#btn_bas.active{
	background: url(../graphisme/menu_bas.jpg) 0px -100px no-repeat;
}

#btn_tissus_interieur, #btn_tissus_afrique, #btn_musees{
	margin: 0 30px 0 0;
}

#btn_tissus_interieur{
	background: url(../graphisme/menu_tissus_interieur.jpg) 0px 0px no-repeat;
}

#btn_tissus_interieur:hover,#btn_tissus_interieur.active{
	background: url(../graphisme/menu_tissus_interieur.jpg) 0px -100px no-repeat;
}

#btn_tissus_afrique{
	background: url(../graphisme/menu_tissus_afrique.jpg) 0px 0px no-repeat;
}

#btn_tissus_afrique:hover,#btn_tissus_afrique.active{
	background: url(../graphisme/menu_tissus_afrique.jpg) 0px -100px no-repeat;
}

#btn_musees{
	background: url(../graphisme/menu_musees.jpg) 0px 0px no-repeat;
}

#btn_musees:hover,#btn_musees.active{
	background: url(../graphisme/menu_musees.jpg) 0px -100px no-repeat;
}

#btn_bijoux{
	float:right;
	position:relative;
	top:-130px;
	width:155px;
	height:230px;
	text-indent:-5000px;
	background: url(../graphisme/menu_bijoux.jpg) 0px 0px no-repeat;
}

#btn_bijoux:hover, #btn_bijoux.active{
	background: url(../graphisme/menu_bijoux.jpg) 0px -230px no-repeat;
}

/* SLIDESHOW */
#slides {
	z-index:50;
}

#slides .next,#slides .prev {
	position:relative;
	top:-168px;
	left:-14px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

.slides_container {
	width:700px;
	height:270px;
	overflow:hidden;
	position:relative;
	background: #CF3;
	border:#d78123 10px solid;
	
}

#slides .next {
	top:-211px;
	left:710px;
}

.pagination {
	position: relative;
	top:-70px;
	left:-20px;
	margin:0 auto;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../graphisme/pagination.png);
	background-position:0 -12px;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 0;
}

/* CSS lite box */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 25%;
	height: 100%;
	background: transparent url(../graphisme/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
	
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../graphisme/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../graphisme/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
	
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #85310F;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}