/* CSS Document */
body {
	background-image: url(../Images/fond.jpg);
	background-repeat:repeat-x; 
	background-position:center;
	margin: 0px;
	padding: 0px;
	text-align: center;
	behavior:url("csshover.htc");
	
}
body p{
	margin: 10px 0px;
	padding: 0px;
}
ul { 
}
.topframe {
	float : top;
	width: px;
	margin:  0 auto;
	overflow-x:auto;
	background-color:  #E1E1E1; // #CCCCCC;
	padding: 5px;
	
	
}
.leftframe {
	float:left;
	top: 0px;
	margin:0;
	padding: 5px;
	width:px;
	height: px;	background-color: #FFCC66;
	position: relative;

}
.mainframe {
	height: px;	margin:0;
	margin-bottom:0;	
	padding: 5px 0px 5px 0px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #FFFFCC;
	
	
	}
.mainframe > :first-child {
	width:px;
	margin-left: auto;
	margin-right: auto;
	padding :0;
	top : 0px;
	
}

.rubrique {
	font-size: 12px;
	color: #FF6600;
	text-decoration: none;
	 }
/*ancien menu  avec tableau #######################################################################*/
#table_rubrique {
	margin: 0 -2px -2px -2px;
	margin-bottom:-2px;
	width: 100%;
	pading:0px;
	border: none;
	text-align: center;
	
}
#table_rubrique th {
	padding: 5px 0 5px 0;
	margin:  0 2px 0 2px; 	
	background: #CCCCCC; /*  #98B924;*/
	width: 11%;
	color: #fff;
	border: 2px solid #89a;
	text-decoration: none;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}
#table_rubrique th:hover {
	
	background-color: #999999;
}
#table_rubrique td {
	padding:  5px 0 5px 0;
	margin:  0 2px 0 2px; 	
	background: #FFFFCC;
	width: 11%;
	color: #fff;
	border: 2px solid #89a;
	border-bottom: none;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}
#table_rubrique a:hover {
	color: #fff;
}
/*nouveau menu  sans tableau #######################################################################*/
#menu {
	margin:  0 0 0 -2px;
	width: 100%;
	pading:0px;
	border: none;
	text-align: center;
	
} 
#menu div {
	display: inline; /* affichage horizontal */ 
	float:left;
	padding: 5px  0px 5px 0px;
	margin:   0  2px 0 2px; 	
	background-color: #D5D5D5; /* #CCCCCC;   #98B924;*/
	width: px;
	
	border: 2px solid #89a;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	-webkit-border-top-left-radius: 10px; /* pour Chrome */
	-webkit-border-top-right-radius: 10px; /* pour Chrome */
}
#menu div:hover  {
	background-color: #999999;
	
}
.onglet {
	background-color: #FFFFCC;
	border-bottom-color: #FFFFCC;
}
#menu a:hover  {
	background-color: #999999;
	color: #fff;
}
/* fin essai ############################################################## */ 

.accueil_rouge { font-size:14px; font-family: Times New Roman, Times, serif; color:#FF0000;  font-weight:bold;}
.bienvenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6600;
	font-weight: bold;
}
.generateur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #808080;
	font-weight: bold;
}/*<b><font face="Arial" color="#808080" size="5">*/
.lien {  font-size: 10; font-family : Arial; color: #000000;}
.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
	line-height: 17px;
}
.decalage1 {
	position: relative;
	left: 20pt;
	
}
.titre {
	padding:5px;
	margin: 10 px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;	
}
.titre1 {
	font-size: 18px;
	font-weight: bold;
}
.titre2 {
	font-size: 16px;
	font-weight: bold;
}
.titre3 {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	text-indent: 10pt;
}
.titre4 {
	font-weight: bold;
	text-indent: 10pt;
	color: #0033CC;
	list-style-type: disc;
	list-style-position: outside;
}
#menu_gauche {
	padding:0;
	margin:0;
}
#menu_gauche p {

	padding:6px 0;
	margin:0;
	text-align: left;
}
#menu_gauche h1 {
	padding:6px 0;
	margin:0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.titre1tm {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	
}
.titre2tm {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 80%;
	position: relative;
	left: 8px;
	font-weight: bold;
	}
.titre3tm {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	line-height: 60%;
	text-align: left;
	font-style: italic;
}
.Style2 {font-size: 12px; color: #000000;}
.Style3 {font-size: 12px; color:#0033FF;}
.Style4 {font-size: 12px; font-weight: bold; color: #000000; }