/*PARTIE I : LES CLASS ET ID GENERAUX*/



html{
				
}
					
html, body {
	height: 100%;
	margin: 0;
}
#frame{
	
	min-height: 100%;
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	border:0px solid black;
	
	display:block;
}



div#footer {
	position: absolute;
	width: 98%;
	bottom: 0;
	clear:left;
	left: 10px;
	border:0px solid #A4B5BD;
	padding:3px;
	
}
	

img{
	border:none;
}
			

				/* PARTIE I (suite) : LES CLASS ET ID POUR "P" */


				
h1{


}

h2
{
text-align:center;
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight:normal;
}


h3
{
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
}


h4
{
font-weight:normal;
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
}
		
h5
{

font-size:10px;
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight:normal;	
}

h4
{
font-size:13px;
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight:normal;	

}

#font
 {
font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;	
color:#666666;
font-size:14px;
 }
 
.hidden
{
display:none;
}

.time
{
font-size:0.8em;
margin-left:30px;
margin-top:-25px !important;
margin-bottom:3px !important;
margin-top:0px;
list-style-type:none;
}

.small_caps
{
font-variant:small-caps;
text-align:justify;
}



p.texte_centré
{
text-align:center;
font-variant:small-caps;

}


p.texte_petit
{
font-family:Courrier;
font-size:12px;
text-align:justify;
}


p.mini_signature
{
font-size:11px;
font-variant:small-caps;
font-family:Courrier;
}



p.mini_date
{
font-size:11px;
margin-top:10px;
margin-left:10px;
}

h5.retour
{
margin-left:710px;

}


/* LES TABLEAUX */


caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Arial, Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: #A4B5BD;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin-left:10px;
   margin-right:10px;
   border: 4px outset #A4B5BD; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
     
}

th /* Les cellules d'en-tête */
{
   background-color:  #A4B5BD;
   color: white;
   font-size: 1.1em;
   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
   padding:5px 20px 5px;
   text-align : center;
}

td 
{
	border: 1px solid black;
	font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
	padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
	font-size:0.7em;
	
	
}
	td a:link, a:visited
	{
	text-decoration:none;
	}

.td_titre
{
font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
font-size:1.2em;

}

.td_forum_message
{
width:100%;
}


.td_forum_partie
{
text-align:center;

}
 


optgroup
{
margin-left:5px;
width:100%;
color:#666;
}

option#categorie
{
margin-left:10px;
color:green;
font-weight:bold;
}


	.onglet{
		display:inline;
		border:1px solid #A4B5BD;
		padding:2px;
		margin-left:3px;
		text-decoration:none;
	}
	.onglet a:link{
		text-decoration:none;
	}
	.onglet:hover{
		border-color:#e2e9ef;
		text-decoration:none;
	}

	.page{
		display:inline;
		border:1px solid #A4B5BD;
		padding:2px;
		margin-left:3px;
	}
	.page a:link{
		text-decoration:none;
	}
	.page:hover{
		border-color:green;
	}
	.link_div{
		display:inline;
		border:1px solid #A4B5BD;
		padding:2px;
		margin-right:5px;
	}
	
					/* PARTIE II : LA DIVISION EN DIV AVEC ID DIFFERENTS SELON CHAQUE PAGE*/

/*TITRE*/
					
		#titre
		{
		border:1px solid;
		width:98%;
		background-color:white;
		border:1px solid;
		margin-top:35px;
		margin-left:15px;
		margin-right:15px;
		border-color:#A4B5BD;
		
		}
	
		
/*MENU DANS LE DIV TITRE*/
	
	
			.menu_texte
			{
			list-style-type:none;
			margin-left:362px !important;
			margin-left:390px;
			margin-top:10px;
			margin-bottom:0px;
			}
					.menu_texte li
					{
					float:left;
					margin-left:14px;
					margin-right:20px;
					}

			.menu_image
			{
			margin-right:0px;
			margin-left:0px;
			margin-bottom:22px;
			margin-top:0px;
			}		

			.serendipebe
			{
			margin-top:0px;
			margin-right:105px;
			margin-left:80px;
			margin-bottom:0px;
			}

/* MENU DANS LE DIV MENU_GAUCHE*/

		#menu_gauche
		{
		margin-top:20px;
		width:17%;
		width:15% !important;
		border:0px solid black;
		min-height:100%;
		font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
		font-size:15px;
		float:right;
		background-color:white;
		/*background-image:url("../Code/images/menudessus.jpg");*/
		}
		
			.element_menu
			{
			border:1px solid;
			
			border-color:#A4B5BD;
			padding:3px;
			position:relative;
			margin-bottom:10px;
			}
			
					.element_menu ul
					{
					list-style-image: url("../Actu/images/list_style_image.jpg");
					
					}
					
					.element_menu ul li
					{
					margin-bottom:0px !important;
					margin-bottom:20px;
					}
				
					.element_menu a:link
					{
					text-decoration:none;
					font-variant:small-caps;
					
					}

					.element_menu a:visited
					{
					text-decoration:none;
					font-variant:small-caps;
					}
					
					.element_menu h1
					{
					font-weight:normal;
					text-align:center;
					}
					
					.element_menu h4
					{
					font-family:Courrier;
					font-weight:normal;
					text-align:justify;
					font-size:12px;
					
					}
					
					
	
											

		
/* ESPACE ENTRE LES LIENS-IMAGES DU MENU GAUCHE (Au Phare de l'Inventeur)*/
		
		.espace_menu
		{
		margin-top:12px;
		margin-bottom:10px;
		margin-left:45px;
		}


/*LE DIV DU CENTRE*/


		#centre
		{
		
		width:80%;
		width:800px !important;
		padding:3px;
		margin-left:20px;
		margin-bottom:0px;
		margin-top:40px;
		font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:14px;
		background-color:white;
		
		}	
	
			div.sous_titre{
				width:97.3%;
				border:1px solid;
				border-color:#A4B5BD;
				padding:3px;
			
			}
	
			.element_centre
			{
			width:98%;
			margin-top:20px;
			margin-bottom: 25px;
			border: 1px solid;
			text-align:justify;
			
			border-color:#A4B5BD;
			padding-top:5px !important;
			padding-bottom:5px !important;
			padding:5px;			
			font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
			color:#666666;
			
			font-size:13px;
			overflow:auto;
			/*background-color:#1e90ff;*/
			}
			
			div.element_centre_undefined_w{
				margin-top:20px;
				margin-bottom: 25px;
				border: 1px solid;
				text-align:justify;
								
				border-color:#A4B5BD;
			
				padding-top:5px !important;
				padding-bottom:5px !important;
			
				padding:5px;			
			
				font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
				color:#666666;
			
				font-size:14px !important;
				font-size:13px;
			
				overflow:auto;
			
			}
			
	
			
			
			
			
				
				.element_centre table
				{
				margin: auto;
				}
				
				.element_centre ul
					{
					list-style-image: url("../Actu/images/list_style_image.jpg");
					}
						
				.element_centre li
				{
					margin-bottom:0px !important;
					margin-bottom:20px;
				}
				.element_centre p.signature
				{
				font-size:16px;
				font-variant:small-caps;
				text-align:right;
				margin-right:50px;
				}
				
				.element_centre h3
				{
				font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
				color:#666666;
				margin: 20px 10px 10px 10px;
				font-size:22px;
				}

				
			div#hoverdiv{
				width:167px;
				overflow:auto;
				height:;
				background-color:#e2e9ef;
			}
			div#hoverdiv:hover{
				
				background-color:white;
			}
		
				
				
		div.mini_div{
			width:31%;
		}
		
		
		
		div.gros_div{
			width:46.5%;
		}
		
		
		div.mini_div, div.gros_div{
			float:left;
			position:relative;
			margin-right:5px;
			border:1px solid;
			border-color:#A4B5BD;
			padding:5px;
			text-align:justify;
			overflow:auto;
			margin-bottom:5px;
			
		}
			
		
					
		#centre_918px
		{
		border:0px solid black;
		width:918px;
		margin-left:15px;
		margin-bottom:0px;
		margin-top:20px;
		}
			#centre_918px img 
			{
			display:block;
			margin:auto;			
			}
		
		div.hit_presentation{
			margin-left:30px;
			
			margin-bottom: 25px;
			text-align:justify;
			width:70%;			
			padding-top:5px !important;
			padding-bottom:5px !important;
			
			padding:5px;			
			
			font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
			color:#666666;
			
			font-size:14px !important;
			font-size:13px;
			
			overflow:auto;
		}
		
		div.hit_presentation:hover{
			background-color:#e2e9ef;
		}
		
		.commentaire
		{
			width:600px;
			margin-left:100px;
			margin-top:20px;
			margin-bottom: 25px;
			border: 1px solid black;
			padding-top:20px;
			padding-bottom:20px;
			border-color:#A4B5BD;
			
			
		}
		.commentaire p
		{
			font-family:"Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
			color:#666666;
			margin: 20px 10px 10px 10px;
			font-size:14px;
		}
		
					/* SERVENT POUR DIVISER LA PAGE EN DEUX DIV (UTILISER NOTAMMENT POUR L'HISTORIQUE THEATRE*/
		
					#centre_mi_gauche
					{
					width:260px;
					margin-left:15px;
					margin-right:20px;
					margin-top:40px;
					border:0px solid black;
					float:left;
					text-align:justify;
					}
					
						#centre_mi_gauche img
						{
						display:block;
						margin: auto ;
						}
		
					#centre_mi_droite
					{
					width:645px;
					margin-left:290px;
					margin-top:40px;
					border:0px solid black;
					}		
			
		/* ICI UN GROS CHAPITRE JUSTE POUR LE CHAT*/
			
			/* I) LES  DIVS SUIVANTS SONT UNIQUEMENT POUR LE FORMULAIRE "PSEUDO" ET "MESSAGE" DANS LE CHAT*/
				
					div#chatMessagesBox 
					{
					border: thin solid grey;
					height: 320px;
					width: 750px;
					overflow: auto;
					font-family: Arial, sans-serif;
					font-size: 14px;
					}

					div#chatMessagesBox .msg, div#chatMessagesBox .name 
					{
					padding: 2px 2px 2px 2px;
					}

					div#chatMessagesBox .name 
					{
					padding-right: 10px;
					font-weight: bold;
					}
				

	
		
							/*PARTIE IV : LES FORMULAIRES*/
							
label
{
color:blue;
}

fieldset
{
background-color: #FFFFCC;
}

form.forum
{
margin-top:50px;
margin-left:200px;
margin-right:50px;
text-align:left;
}

input, textarea, select
{
border-top: 2px solid #9b8f8f;

}
		

a:link
{
	color:#3329ef;
}
		
a:hover
{
	text-decoration:underline;
	color:#A2A4A8;
}

/*POUR THICKBOX */



#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}



/* POUR L'IMPROMPTU */

 .jqifade
	{	
      background-color: #666;
	  width:100%;
	}
div.jqi
	{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
	}
div.jqi .jqicontainer
	{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: normal;
	}
div.jqi .jqimessage	
	{
      background-color: #c0cEa6;
      padding: 10px;
	}
div.jqi .jqibuttons
	{
      text-align: center;
      padding: 5px 0 0 0;
	}
div.jqi button
	{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
	}

	/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;

	
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 600px;
	text-align: left;
	
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: relative;
	background-color: #ffffff;
}
div.colsJqi{
    position: relative;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
       brown theme
------------------------------
*/
.brownJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.brownJqi{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
}
div.brownJqi .brownJqicontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #5F5D5A;
	color: #3329ef;
	font-weight: bold;
}
div.brownJqi .brownJqimessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.brownJqi .brownJqimessage h3{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	margin: 0;
	padding: 7px 0 7px 15px;
	color: #4D4A47;
}
div.brownJqi .brownJqimessage p{
	padding: 10px;
	color: #777777;
}
div.brownJqi .brownJqimessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.brownJqi .brownJqibuttons{
	text-align: right;
}
div.brownJqi button{
	background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
}
div.brownJqi button:hover{
	border: solid #aaaaaa 1px;
}