/*CENT-COMMENT-TAIRE.  AU SUIVANT*/

#divAtTop {width:100%;height:700px;}

body {background-image:url('../gif/bg.png');background-repeat:repeat;}

div#menu_top {width:98%;height:8%;background:#000000 none repeat scroll 0 0;}
	#menu_top ul,li {margin:auto;display:inline;height:40px;list-style:none;list-style-position:outside;list-style-type;none;}
	#menu_top a:link {float:left;background:url("../menu/gif/tableft.gif") no-repeat;text-decoration:none;}
	#menu_top a:hover{background-color:#000;height:20px }
	#menu_top a:visited span {float:left;display:block;margin-left:auto;margin-right:auto;background:transparent url(../menu/gif/tabright.gif) repeat-x scroll right top;height:60px;padding:16px 44px 6px;color:#FFF;text-decoration:none}
	
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#menu_top a span {float:none;}
	/* End IE5-Mac hack */

div#menu_fr {margin-left:40px;width:730px;height:40px;background:#310303;border:4px solid #4f0202}
	#menu_fr ul,li {display:inline;list-style:none;}
	#menu_fr a {float:left;background:url("../menu/gif/tableft.gif") no-repeat;text-decoration:none;}
	#menu_fr a span {display:block;background:url("../menu/gif/tabright.gif") repeat-x right top;padding:16px 30px;color:#FFF;}
	#menu_fr a:hover{background-color:#000;height:40px;}

	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#menu_fr a span {float:none;}
	/* End IE5-Mac hack */
	
div#entete {width:98%;height:170px;background-image:url('../gif/logo-rv1024.gif'); background-position:center;background-repeat:no-repeat;background-color:#000;}

div#menu_gauche {float:left;width:14%;height:100%;border:0px dotted black;background:url("../gif/bgd_menu.gif") repeat-x;}
div#menu_gauche_haut {width:150px;height:200px;margin-left:auto;margin-right:auto;}
div#menu_gauche_centre {width:150px;height:200px;margin-left:auto;margin-right:auto;}
div#menu_gauche_bas {width:150px;height:200px;margin-left:auto;margin-right:auto;}

div#menu_droit {float:left;width:14%;height:100%;background:url("../gif/bgd_menu.gif") repeat-x;}
div#menu_droit_haut {width:150px;height:200px;margin-left:auto;margin-right:auto;}
div#menu_droit_centre {width:150px;height:200px;margin-left:auto;margin-right:auto;}	
div#menu_droit_bas {width:150px;height:200px;margin-left:auto;margin-right:auto;}	

#links{background-color:#000;font-weight:bold;}
	#links h5:first-letter{background-color:transparent;color:#fff;font:bold;line-height:1.3;}
	#links ul{margin-bottom:1.5em;margin-top:0.5em;}
	#links li{display:inline;list-style:none;}
	#links a{display:none;margin-right:0.5em;margin-left:0.5em;background-color:transparent;color:#F60;font-weight:bold;}
	#links a:hover{background-color:#4F0202;color:#FFF;}
	
	p:firstletter {font-family:fantasy;font-size:50px;font-weight:bold;line-height:70%}
	p.uppercase {font-size:30px;font-family:algerian,courier;text-transform: uppercase}
	p span{float:left;width:0.7em;font-size:50px;font-family:algerian,courier;line-height:80%;}	
	p.alineat{margin-top:0;margin-bottom:0;font:italic small-caps 900 14px arial;text-indent:50px;}
	
div#contenu {float:left;width:70%;height:700px;background-color:#ADB3AD;overflow:auto;}

		#presentations_affiches {float:left;margin-left:40px;width:70px;height:600px;background-color:#000;border:4px solid #2d2d2d;}		
		#presentations_affiches div.off {float:left;width:62px;height:50px;margin-top:16px;padding:0 8px;cursor:pointer;z-index:-1;}

		#presentations_affiches div.on {float:left;margin-top:16px;width:62px;height:50px;background-color:#000;padding:0 6px;cursor:pointer;z-index:1;}
			#presentations_affiches img{float:left;margin-left:4px;}
			#presentations_affiches div.on:hover,div.on:active{height:50px;background-color:#2d2d2d;}
		
	#principal{float:left;margin:0;background-color:#000;color:#FFF;text-align:justify;width:50%;height:560px;padding:20px;border:4px solid #434343;}
		.contenu_principal{float:left;width:50%;background-color:#000;text-align:justify;padding:10px;color:#FFF;font-family:monospace;border:4px solid #434343;}
		
		div.hide {display:none; width:0; overflow:hidden;}
		div.show {margin-left:120px;width:810px;height:600px;background:url("../gif/bgd_contenu.gif") repeat-x;border:4px solid #2d2d2d;}
	
	#principal_video{float:left;margin-left:20px;margin-top:20px}
	#principal_diapo{float:left;margin-left:20px;margin-bottom:20px}
					
.clear {clear:both;}

#contenu_historique{margin:0 0 0 40px;width:832px;height:1200px;background-color:#000;border:4px solid #434343;padding:30px;color:#FFF;}
	.contenu_historique-t1{margin:auto;padding:40px;text-align:center;color:#FFF;font-size:80px;font-family:fantasy;font-style:bold;}
	.contenu_historique1{margin-top:40px;margin-left:120px;text-align:center;padding:10px;color:#FFF;font-family:monospace;font-size:18px}
	.contenu_historique2{float:left;margin-left:20px;width:43%;padding:20px;text-align:justify;color:#fff;border:0 solid #434343;font-family:monospace;background-color:#000;clear:both;}
	.contenu_historique3{float:right;width:43%;padding:20px;text-align:justify;background-color:#000;color:#fff;border:0px solid #ccc;font-family:monospace}	
#contenu_historique3-4 {margin-left:auto;margin-right:auto;width:100%;padding:10px;background-color:#000;color:#FFF;}
	.contenu_historique3_{margin-left:10px;width:24%;padding:10px;text-align:left;color:#FFF;font-family:monospace;}
	.contenu_historique4{margin-right:10px;width:24%;padding:10px;color:#FFF;text-align:right;font-family:monospace;}

	.image-left{float:left;margin:20px;vertical-align:text-top;text-decoration:none;}
	.image-right{float:right;margin:20px;vertical-align:text-top;text-decoration:none;}
	.image-center{margin:auto}
	
#contenu_comediens{margin-left:auto;margin-right:auto;width:90%;height:620px;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_comediens{height:90%;background-color:#000;}
	
#contenu_personnages{margin-left:auto;margin-right:auto;width:90%;height:800px;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_personnages{width:90%;padding:10px;text-align:right;border:4px solid #434343;background-color:#2d2d2d;color:#FFF;font-family:monospace;}

	#gallery {position:relative;margin-left:auto;margin-right:auto;width:90%;height:520px;background:#000;border:1px solid #ddd;}
	#gallery ul {float:left;margin-top:20px;margin-left:400px;width:450px;height:300px;padding:5px;list-style:none;overflow:auto;}
	#gallery ul li {float:left;display:inline;margin:4px;width:90px;height:70px;border:1px solid #444;cursor:pointer;}
	#gallery ul li img {display:block;width:90px;height:70px;}
	#gallery ul li span {display:none;position:absolute;width:800px;left:46px;top:340px; font-family:verdana, arial, sans-serif;color:#06a;font-size:14px;text-align:left;overflow:hidden;}
	#gallery ul li span b {color:#444;}

		/* required for IE5.x and IE6 to display the start image size correctly */
		#gallery ul li.click i img.default {margin:40px;width:320px;height:260px;border:1px solid #fff;}

	#gallery ul li.off {display:none;}
	#gallery ul li.click {background:#2d2d2d;border-color:#fc0;cursor:default;}
	#gallery ul li.click i {position:absolute;width:320px;height:260px;left:0;top:0;}
	#gallery ul li.click i img {width:100%;height:100%;margin:40px;border:1px solid #fff;}
	#gallery ul li.click span {display:block;}	

#contenu_videos{margin-left:auto;margin-right:auto;width:794px;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_videos{margin-left:10px;width:40%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:monospace;border:4px solid #434343;}

#contenu_a_propos{margin-left:auto;margin-right:auto;width:90%;height:620px;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_videos{margin-left:10px;width:40%;padding:10px;color:#FFF;text-align:left;font-family:monospace;border:4px solid #434343;background-color:#000;}

#contenu_equipe{margin-left:auto;margin-right:auto;width:90%;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_equipe-t1{margin-left:10px;width:60%;padding:5px;text-align:left;font-family:fantasy;border:4px solid #434343;background-color:#000;color:#FFF;}
		.contenu_equipe1{margin-left:10px;width:40%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:monospace;}
	.contenu_equipe-t2{margin-left:10px;width:60%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:fantasy;border:4px solid #434343;}
		.contenu_equipe2{margin-left:10px;width:40%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:monospace;}
	.contenu_equipe-t3{margin-left:10px;width:60%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:fantasy;border:4px solid #434343;}
		.contenu_equipe3{margin-left:10px;width:40%;padding:10px;background-color:#000;color:#FFF;text-align:left;font-family:monospace;}
	
#contenu_contact{margin-left:auto;margin-right:auto;width:90%;padding:10px;background-color:#000;color:#FFF;}	
	.contenu_contact{margin-left:10px;width:40%;background-color:#000;padding:10px;color:#FFF;border:4px solid #434343;text-align:left;font-family:monospace;}

div#feedback{float:left;margin:auto;}
	
		.feedback {width:40%;}
		.feedback p {margin: 5px 0px;padding: 0px;background: #000; color: #fff;text-align: left;font-size: 1.5em;}
		.feedback img {padding: 5px 0px;}
		.feedback form {padding:15px;margin:25px;background:#000;text-align:left;}
		.feedback label {color:#FFF;}
		.feedback input {width: 200px; padding: 2px 3px; margin: 0px 0px 10px 0px;
		background-image:url('../gif/background-input.jpg') repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;}
		.feedback textarea {margin: 0 0 10px 0;width:240px;height:100px;padding: 2px 3px;background-image:url('../gif/background-input.jpg') repeat-x; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;}
		.feedback .feedbacksubmit {margin: 10px 0px 0px 0px;width:100px;padding:2px;background:#98c740;color:#fff;border: 1px solid #739136;font-size: 1.1em;}

	h3{background-color:#000;color:#FFF;border:2px groove black;text-align:center;font-family:times,verdana,sans-serif;font-style:italic;font-size:16pt;}
	h4{width:860px;font:italic small-caps bold 26px arial;margin:0 0 0 40px;background-color:#000;color:#FFF;border:4px solid #2d2d2d;text-align:left;padding:40px 16px 30px;}
	h6{position:relative;top:20px;left:0;font-family:verdana, arial, sans-serif;color:#06a;font-size:22px;text-align:right;}
	h5{background-color:#000;color:#FFF;border:2px groove black;text-align:right;font-family: times, verdana, sans-serif;font-style:italic;font-size:10pt;}
		
	.wrapContainer{margin:20px 180px;}	
		
div#pied_page {clear:both;width:98%;height:60px;background-color:#000;text-align:center;border:2px dotted white;}

	.linkPied {margin-left:2px;text-align:center;color:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
	.webMestrePied {margin-left:2px;text-align:center;color:white;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
	.updatePied {margin-left:2px;color:white;text-align:center;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
		
	/* general tooltip styling */
		.hide {border:1px solid #000; padding:5px 10px;background:#fff; text-align:left;}
		.hide h3 {font-size:16px; font-family:georgia, serif; color:#800; margin:0; padding:5px 0;}
		.hide p {padding:5px 0; margin:0; font-family:arial, sans-serif; font-size:11px; line-height:1.5em;}
		.hide img {border:1px solid #aaa; padding:5px;}in: 0px 0px 10px 0px;background-image:url('../gif/background-input.jpg') repeat-x top left; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;}
		.feedback textarea {margin: 0px 0px 10px 0px;width: 240px; height: 100px; padding: 2px 3px;background-image:url('../gif/background-input.jpg') repeat-x; border: 1px solid #a5a5a5; font: 1em Arial, Verdana, Sans-serif;}
		.feedback .feedbacksubmit {margin: 10px 0px 0px 0px;width:100px;padding:2px;background:#98c740;color:#fff;border: 1px solid #739136;font-size: 1.1em;}