/* CSS Document */

html, body {
    margin: 0;
    padding: 0;
	background:url(images/bg.png) repeat ;
	font-family:Verdana, Helvetica, sans-serif;

    }
	
	/****************** Effet Javascript de Caral ****/
	
	#recent, #portf1, #portf2,#portf3,#portf4 {
	width:100%;
	text-align:center;
	clear:both;
	margin-top:5px;
}

IMG.bd {
	border:10px solid #0F2B3F;
	margin-right:5px;
}

/***************NAVIGATION **************/

#navigation {
			margin: 0;
			padding: 0;
			list-style: none:
			

			color: #993366;
			width: 203px;
			font: Verdana;
			height:auto;
		
			}
		#navigation a, #navigation span {
			display: block;
			font:Verdana;
			color:#993366;
			height:31px;
			line-height: 31px ;
			
						text-indent: 30px ;
border: 0px solid #dbd ;
			font-size:12px;
			text-decoration: none;
			background:url(images/menua.png) ;
			font-weight: none;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image: url(images/menua.png);
			font-weight: none;
			font:Verdana;
			height:31px;
			
			}
		#navigation .open a, #navigation .open span {
			background-image: url(images/menua.png) ;
				font-weight:bold;
				font:Verdana;
				height:31px;
			}
		#navigation a:hover, #navigation a:focus, #navigation a:active {
		text-decoration:none;
		font-weight: bold;
			background-image: url(images/menuo.png) ;
			font:Verdana;
			height:31px;
			line-height: 31px ;
	
			}
		#navigation .subMenu {
			font:Verdana;
			color:#993366;
			padding: 0px 10px;
			font-size:11px;
			background: url(images/menua.png) 0 0 repeat-y;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
				font-weight:bold;
				
			line-height: 31px ;
			}
		#navigation ul.subMenu a {
			background: none;
			padding: 0px 10px;
			color:#993366;
			font-size:11px;
			font:Verdana;
			font-weight: none;
			
			line-height: 31px ;
			}
			
				#navigation ul.subMenu a:hover {
			
			padding: 0px 10px;
			color:#993366;
			font-size:11px;
			font:Verdana;
			background-image: url(images/menuo.png) ;
			
			line-height: 31px ;
			}

#navigation .subMenu2 {
			font:Verdana;
			color:#993366;
			padding: 0px 10px;
			font-size:11px;
			background: url(images/menua.png) 0 0 repeat-y;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #666;
				font-weight:bold;
			}
		#navigation ul.subMenu2 a {
			background: none;
			padding: 0px 10px;
			color:#993366;
			font-size:11px;
			font:Verdana;
			font-weight: none;
			}
			
				#navigation ul.subMenu2 a:hover {
			
			padding: 0px 10px;
			color:#993366;
			font-size:11px;
			font:Verdana;
			background-image: url(images/menuo.png) ;
			}
			
			.selectmenu
			{
		text-decoration:none;
		font-weight: bold;
			background-image: url(images/menuo.png) ;
			font:Verdana;
			height:31px;
			line-height: 31px ;
			color:#000000;
	
			}
			

/***************NOS ARTISTES **************/

	.fichetitre {
	color: #333333;
	font: Verdana;
	font-size:10px;
		font-weight: bold;

}


	div#fiche {
	height: 175px;
	width: 260px;
	float:right;
	color: #333333;
	font: Verdana;
	font-size:10px;
	float:left;
			margin-left: 30px;
}

	div#ficheimg {
	color: #000000;
	font: Verdana;
	font-size:10px;
	width: 100px;
	height: 175px;

}


	ul#ficheidtxt {
	height: 175px;
	width: 150px;
	float:right;
	color: #333333;
	font: Verdana;
	font-size:10px;
		vertical-align:middle;

}


	ul#ficheidtxt li {
	height: auto;
	width: 150px;
	float:left;
	color: #333333;
	font: Verdana;
	font-size:10px;
	vertical-align:middle;
	text-align:justify;
	background-color: #FFFFCC;

}

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

	.titre {
	color: #960A30;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
}



	.cat {
	color: #666666;
	font-weight: bold;
	font: Verdana, Verdana, Helvetica, sans-serif;
	font-size:18px;
	text-align:center;
	
}


	.citation {
	color: #960A30;
	font: Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-style: italic;
}

	.titreb {
	color: #CC0000;
	font: Verdana;
	font-size:11px;
}
	.contenup {
	color: #333333;
	font: Verdana;
	font-size:12px;
}

	.contenua {
	color: #333333;
	font: Verdana;
	font-size:12px;
}

/* Footer */

	.footerp {
	color: #FFFFFF;
	font:Verdana;
	font-size:12px;
	vertical-align: bottom;

}

	.footerp a:link {
	color: #FFFFFF;
	font:Verdana;
	font-size:12px;
	vertical-align: bottom;
	text-decoration: none;
}

	.footerp a:visited{
	color: #FFFFFF;
	font:Verdana;
	font-size:12px;
	vertical-align: bottom;
		text-decoration: none;

}

	.footerp a:hover {
	color: #CCCCCC;
	font:Verdana;
	font-size:12px;
	vertical-align: bottom;
		text-decoration: underline;
}



/* Formulaire */

	.champ_texte {
    margin: 0 0 0px 0;
    padding: 4px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(images/tpl_input_bg.gif) no-repeat top left;
    font: normal 13px Verdana;
    width: 220px;
    height: 20px;
	color: #CC6699;
	font-weight:bold;
	
	}
	
	.textarea {


	margin: 0 0 0px 0;
    padding: 6px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(images/tpl_textarea_bg.gif) repeat-x top left;
    font: normal 13px Verdana;
    width: 220px;
	height: 80px;
	color: #0066CC;
	font-weight:bold;

}


	.formbtok {

    background: transparent url(images/bt_formok.png) no-repeat top left ;
    width: 98px;
	height: 26px;
   margin: 0;
   padding: 0;
   border: 0;
      text-indent: 3000px;
	     cursor: pointer; 

}

	.formbtok :hover {

    width: 98px;
	height: 26px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(images/bt_formokh.png) no-repeat top left ;


}



	.formbtcl{
	
 background: transparent url(images/bt_formcl.png) no-repeat top left ;
    width: 98px;
	height: 26px;
   margin: 0;
   padding: 0;
   border: 0;
      text-indent: 3000px;
	     cursor: pointer; 

}

/* Structure du site web */


div#global {
	width:984px;
	height:600px;
	 margin-left: auto;
     margin-right: auto;
}


div#globalphilo {
	width:984px;
	height:480px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalbrochures {
	width:984px;
	height:400px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalindex {
	width:984px;
	height:450px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalcle {
	width:984px;
	height:1100px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalateliers {
	width:984px;
	height:700px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalmurder {
	width:984px;
	height:850px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalcasino {
	width:984px;
	height:958px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalcontact {
	width:984px;
	height:1050px;
	 margin-left: auto;
     margin-right: auto;
}

div#globaletapes {
	width:984px;
	height:1100px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalpartm {
	width:984px;
	height:600px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalpartcorp{
	width:984px;
	height:500px;
	 margin-left: auto;
     margin-right: auto;
}

div#globalartistes {
	width:984px;
	height:700px;
	 margin-left: auto;
     margin-right: auto;
}

div#ban {
	width:984px;
	height:168px;
	background:url(images/ban.png);

	}
	
	
div#banindex {
	width:984px;
	height:168px;
	background:url(images/ban2.jpg);
	position:bottom;
	bottom:Opx;

	}
div#contenu {
	width:781px;
	height:100%;
	background:url(images/fond.png);
	float:left;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: left;
	

	}
	
	div#contenua {
	width:781px;
	height:100%;
	background:url(images/fonda.png);
	float:left;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: left;
	

	}
	
	div#contenutxt {
	float:left;
		height:100%;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: justify;
	margin-left: 20px;
	margin-right: 20px;
	width:auto;


	}
	
	
	
	div#contenutxtaccueil {
	float:left;
	height:100%;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: justify;
	margin-left: 17px;
	margin-right: 20px;
	width:auto;


	}
	
		div#contenutxtartistes {
	float:left;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: justify;
	margin-left: 10px;
	margin-right: 10px;
	width:auto;
	}
	
		div#contenufly {
	float:right;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: left;
	position: static;
	left: 432px;
	margin-left: 30px;
	margin-right: 25px;
	border: solid  #999999;

	}
	
	
			div#vignettes {
	float:right;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: left;
	position: static;
	left: 432px;
	margin-left: 25px;
	margin-right: 25px;
	border: 1px  #CCCCCC;

	}
	
				div#vignettesl {
	float:left;
	font:Verdana;
	font-size:12px;
	color:#333333;
	text-align: left;
	position: static;
	margin-left: 10px;
	margin-right: 20px;
	border: 1px  #CCCCCC;

	}
	
				div#imagesetapes {
	float:left;
	font:Verdana;
	font-size:12px;
	color: #CCCCCC;
	text-align: left;
	position: static;
	left: 432px;
	margin-left: 15px;
	margin-right: 15px;
	width: 320px;
	height: 214px;
		border: #999999 medium;

	}
	
				div#imagesartistes {
	float:left;
	font:Verdana;
	font-size:12px;
	color: #CCCCCC;
	text-align: left;
	position: static;
	left: 432px;
	margin-left: 15px;
	margin-right: 15px;
	width: 200px;
	height: 267px;
		border: #999999 medium;

	}
	
	div#vignettesetapes {
	width: 167px;
	height: 108px;
		border: 1px #333333;
		border: none;

		

	}
	
		div#vignettesindex {
	width: 140px;
	height: 108px;
		border: 1px #FFFFFF;
z-index:5;
position:relative;

		

	}
	
	
		div#etapesmariages {
	text-align: center;
	width: 167px;
	height: 200px;
	background: url(images/etapes/etapesbg.jpg);
		

	}
	
			div#etapesindex {
	text-align: center;
	width: 140px;
	height: 155px;
	background: url(images/fondaccueil.png);
	z-index:10;
		}
			
					div#etapesindex2 {
	width: 140px;
	height: 155px;
	background: url(images/1pix.png);
	z-index:11;
		}
		

		

	
	
			div#etapesjourj {
	text-align: center;
	width: 167px;
	height: 150px;
	margin-left:auto;
	margin-right: auto;


		

	}
	
		div#jourj {
			text-align: center;
	text-align: center;
	width: 230px;
	height: 355px;
	background: url(images/etapes/cadre.png);
	margin: 0px 0px 0px 0px;
	margin-top:Opx;
		

	}
	
			div#etapesnb {
	text-align: center;
	width: 167px;
	height:17px;
	background: #333333;
		

	}
	
				div#indexnb {
	text-align: center;
	width: 140px;
	height:25px;
	border: 1px #FFFFFF;
	line-height: 25px ;
	z-index:auto;
		
	}
	
div#footer {
	width:984px;
	height:57px;
	clear: both;
    font:Verdana;
	font-size:10px;
	color: #FFFFFF;
	background:url(images/footer.png);
	position: bottom;


	}
	
div#menu {
	float:left;
	width:203px;
		height:100%;
	background:url(images/bgmenu2.png) repeat-y top;
	color:#FF0099;
	font:Verdana;
	font-size:12px;
		}
	
div#menub {
	float:left;
	width:203px;
		height:100%;
	background:url(images/bgmenu2.png) repeat-y top;
	color: #FF0099;
	font:Verdana;
font-size:10px;
	}

/* Menu Haut  */
	

	
		a.menu1 { background-image: url('images/accueil.png'); display:block; width: 128px; float:left; }
a.menu1:hover { background-image: url('images/accueilo.png') }
	
		a.menu2 { background-image: url('images/philosophie.png');  display:block; width: 204px; float:left;}
a.menu2:hover { background-image: url('images/philosophieo.png')  }
	
		a.menu3 { background-image: url('images/assoc.png');   display:block; width: 216px; float:left; }
a.menu3:hover { background-image: url('images/assoco.png') }
	
		a.menu4 { background-image: url('images/press.png');   display:block; width: 114px; float:left; }
a.menu4:hover { background-image: url('images/presso.png') }
	
		a.menu5 { background-image: url('images/doc.png'); display:block; width: 181px; float:left;}
a.menu5:hover { background-image: url('images/doco.png') }
	
		a.menu6 { background-image: url('images/contact.png'); display:block; width: 141px; float:left;}
a.menu6:hover { background-image: url('images/contacto.png') }
	

	
div#menuh {
	width:984px;
	height:36px;

	}
	
	
/* Menu Left Rubrique principale*/

	
		ul#menu
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
			background:url(images/bgmenu.png) repeat-y;
			font:Verdana;
			color:#993366;
			font-weight: bold;
			font-size:12px;
			height:auto;
		}
		
		
		
		ul#menu li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
			font:Verdana, Helvetica, sans-serif;
			color:#993366;
			font-weight: bold;
			font-size:12px;
		}
		
		ul#menu li a
		{
			display: block ;
			width: 203px ;
			line-height: 31px ;
			color: #000 ;
			text-indent: 40px ;
			text-decoration: none ;
			background: url(images/bg_menu.png) no-repeat 0 0 ;
			border: 0px solid #dbd ;
			font:Verdana, Helvetica, sans-serif;
			color:#993366;
			font-weight: bold;
			font-size:12px;
		}
		
		ul#menu li a:hover
		{
			background: url(images/bg_menu.png) no-repeat 0 -31px ;
			border: 0px solid #f97 ;
			font:Verdana, Helvetica, sans-serif;
		
			color:#993366;
			font-weight: bold;
			font-size:12px;
		}
		

/* Menu Left Rubrique secondaire*/

	
		ul#menub
		{
			margin: 0 ;
			padding: 0 ;
			list-style-type: none ;
			background:url(images/bgmenu.png) repeat-y;
			font:Verdana;
			color:#993366;
			font-size:11px;
			height:auto;
		}
		
		
		
		ul#menub li
		{
			margin: 0 0 2px 0 ;
			padding: 0 ;
			font:Verdana, Helvetica, sans-serif;
			color:#993366;
			font-size:11px;
		}
		
		ul#menub li a
		{
			display: block ;
			width: 203px ;
			line-height: 31px ;
			color: #000 ;
			text-indent: 40px ;
			text-decoration: none ;
			background: url(images/bg_menu.png) no-repeat 0 0 ;
			border: 0px solid #dbd ;
			font:Verdana, Helvetica, sans-serif;
			color:#993366;
			font-size:11px;
		}
		
		ul#menub li a:hover
		{
			background: url(images/bg_menu.png) no-repeat 0 -31px ;
			border: 0px solid #f97 ;
			font:Verdana, Helvetica, sans-serif;
		
			color:#993366;
			font-weight: bold;
			font-size:11px;
		}
		
						ul#menub li a:active
		{
			background: url(images/bg_menu.png) no-repeat 0 -31px ;
			border: 0px solid #f97 ;
			font:Verdana, Helvetica, sans-serif;
		
			color: #000000;
			font-weight: bold;
			font-size:12px;
		}

/***************           LIENS       *****************************/


 a.lfooter   {     
 color: #FFFFFF;     
 text-decoration:none;  
 font-size:8px;  
 }      
 
 a.lfooter1:hover   {     
 color: #CCCCCC;     
 text-decoration:underline;   
  font-size:8px;   
  }   
 /***************           MENU FLY      *****************************/
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-size:11px;
}
#menufly {
top: 1em;
left: 1em;
width: 203px ;
line-height: 31px ;
font:Verdana, Helvetica, sans-serif;
color:#993366;
font-size:11px;
text-indent: 40px ;
}

#menufly dt {
cursor: pointer;
background: #A9BFCB;
height: 31px;
line-height: 31px;
margin: 2px 0;
font:Verdana, Helvetica, sans-serif;
color:#993366;
font-size:11px;
background: url(images/bg_menu.png);
}

#menufly dd {
position: absolute;
z-index: 100;
left: 200px;
margin-top: -1.4em;
width: 203px;
line-height: 31px;
}

#menufly ul {
padding: 2px;
}
#menufly li {
text-align: center;
font-size: 11px;
height: 31px;
line-height: 31px;
color:#993366;
background: url(images/bg_menu.png) no-repeat;
}
#menufly li a, #menu dt a {
color:#993366;
text-decoration: none;
display: block;
background: url(images/bg_menu.png) no-repeat ;
font-size:11px;

}

#menufly li a:hover {
color:#993366;
background: url(images/bg_menu.png) no-repeat 0 -31px ;
			font-weight: bold;
}

#menufly dt a:hover {
color:#993366;
background: url(images/bg_menu.png) no-repeat 0 -31px ;
			font-weight: bold;
}


/********** Etapes ************/
	
	div#etapesuivante {
float:right;
	width: 98px;
	height: 26px;
	background-image:url(images/bt_suivante.png);



		
	}
	
		div#rappel {
    
	width: 142px;
	height: 43px;

		
	}



	.etapes {
	color: #FFFFFF;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
	text-decoration:none;
		

}

	.etapes2 {
	color: #333333;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
	text-decoration:none;
		

}

	.etapes a {
	color:  #993366;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
	text-decoration:none;


}

	.etapes a:visited {
	color: #993366;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
		text-decoration:none;
	

}

	.etapes a:hover {
	color: #993366;
	font-weight: bold;
	font: Verdana;
	font-size:12px;
	text-decoration: underline;
	
}




#filter
{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
	opacity:0.6;
	filter: alpha(opacity=50);
}

#boxheader
{
	position: absolute;
	top:0%;
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	padding-top:2px;
	left-padding:8px;
	margin:0;
	margin-right:20px;
	border-bottom:1px solid grey;
	background-color: #333333;
	color:white;
font-weight: bold;
font-family:Verdana;
text-align:left;

}

#boxclose
{
	float:right;
	position: absolute;
	top: 0;
	right: 0;
	background-image:url(images/close.png);
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	cursor: pointer;

}

#boxcontent
{
	position: relative;
	top:23px;
	left:0;
	margin:0;
	padding: 8px;
	text-align:justify;
	font-family:Verdana;
	font-size:11px;
	margin-left:10px;
}





/********** Les Box ************/


#boxcontact
{
	display: none;
	position: fixed;
	top: 20%;
	left: 20%;
	width: 60%;
	height: 340px;
	padding: 0;
	margin:0;
	border: 3px solid #333333;
	background-color: white;
	z-index:12;
	overflow: auto;
}