/* General top & bottom */
body {
	margin: 1px;
	padding:0px;
	font-size:12px;
	}

form.bleuclair	{
	margin:0px;
	padding:1px;
	color: #000097;
}

form.bleuclair img { vertical-align:middle; }

form.bleuclair input, input.bleuclair {
	font-size: 10px;
	color: #000097;
	text-indent: 3px;
	border:1px solid #4d6db3;
	vertical-align:middle;
	background:#FFFFFF;
}

/* General contenu */
div.cadre {
		width : 670px;
		padding:1px 0px;
		margin: 3px;
	
	}

/* Les titres */
h1.titre {
	color: #FF5A00;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 5px 2px 5px;
	border-bottom: 2px solid #FF5A00;
}

h4.titre  { 	
/*	background-color:#004c32;*/
	padding:3px;
	color:#20447e;
	background:url(/style/img/bg-titre-bleu.gif) bottom repeat-x;
	font-size:16px;
	margin:0px 0;
/*	background: url(/style/img/picto-titre-gris.gif) 1px 1px no-repeat;*/
	/*text-indent:30px;*/
}

.griser {color: #7f7f7f;}
.mini {font-size:0.8em;}

/* Les cadres */
table.cadre_menu {
	width:100%;
}

table.cadre_menu td.entete{
	background:#eaeaea;
	font-size:0.8em;
	color:#FFFFFF;
	padding:0px;
}

table.cadre_menu td.page_contenu {
	padding:0px;
}

table.cadre_menu th {
	font-weight: normal;
		text-align:left;
}

table.cadre_menu th.active {
	background:#eaeaea;
	border-bottom:0px solid #eaeaea;
	font-weight: bold;
	font-size: 12px;
	color:#000000;
	vertical-align:top;
}

table.cadre_menu th.active a { color:#FFFFFF; }
table.cadre_menu th.inactive a { color:#FFFFFF; }

table.cadre_menu th.inactive {
	border:0px solid #eaeaea;
	background:#404040;
	font-size:12px;
	color:#ffffff;
}

table.cadre_menu th.nonvalide {
	border:1px solid #4D6DB3;
	color: #CCCCCC;
	background-image:url(images/bg/grise.gif);
}

ul.menu {
	padding:0px; 
	margin:0px;
	list-style: none;
}
ul.menu li.cat,ul.menu li.catactive {
	list-style-type:none;
	font-weight: bold;
	display:block;
}
ul.menu li.catactive {
	background:#eaeaea url(http://www.clubic.com/temporaire/cyrille/metro/images/puce_cat_on.gif) 1px 6px no-repeat;
	font-variant:small-caps; 
	font-weight:bold; 
	color:#004c32; 
	padding:1px 1px 1px 9px;
	margin-bottom:2px;
}

ul.menu li.cat {
	background:#eaeaea url(http://www.clubic.com/style/images/metro/puce_cat_off.gif) 1px 6px no-repeat;
	color:#20447e;
	/*background:url(/style/img/bg-titre-bleu.gif) bottom repeat-x;*/
	font-variant:small-caps;
	font-weight:bold;
	color:#004c32;
	padding:1px 1px 1px 9px;
	margin-bottom:2px;

}

ul.menu li.sscatactive,ul.menu li.sscatactive2 {
	font-weight: bold;
}

ul.menu li.sscat,ul.menu li.sscatactive, ul.menu li.sscat2,ul.menu li.sscatactive2 {
	list-style-type:none;
	font-size:1.1em;
	padding:1px;
}

ul.menu li.sscat {

	color:#000000;
	padding:1px 1px 1px 9px;
	background:url(http://www.clubic.com/style/images/metro/puce_sscat.gif) 1px 6px no-repeat; /*MODIF*/
	text-transform:capitalize
}
ul.menu li.sscatactive {
	background:url(http://www.clubic.com/style/images/metro/puce_cat_on.gif) 1px 6px no-repeat; /*MODIF*/
	text-indent:10px;
	font-size:10px;
}

ul.menu li.sscat2 {
	text-indent:15px;
	font-size:10px;
}
ul.menu li.sscatactive2 {
	text-indent:20px;
	font-size:10px;
}

/* navigation de page */
div.navigation_page {
	margin:3px;
	padding:0px;
	float:left;
	border:1px solid #aaaaaa;
	text-align:center;
	font-size:11px; 
}

div {
	font-size:11px;
}

div.navigation_page a {/*color: #4D6DB3;*/ /*MODIF*/}

div.navigation_page span.griser {/*color: #6D6D6D;*/ /*MODIF*/}

div.navigation_page div.precedente, div.navigation_page div.suivante {
	padding:6px 0px;
	float:left;
	width:130px;
	background:#dddddd;
	text-transform: uppercase; 
	font-size:0.8em;
}

div.navigation_page div.precedente{
	float:left;
}
div.navigation_page div.suivante{
	float:right;
}
div.navigation_page div.page {
	padding:5px 0px;
	float:left;
	clear:none;
}

/* CSS Document */
#naviagation {
	float: left;
	width: 170px;
}

div.cadre_logiciel {
	width: 470px;
	border-bottom:1px dotted #cccccc;
	margin: 0px 2px 10px 2px;
	padding: 5px;
	float: right;
	font-size:11px; 
}

div.cadre_logiciel div.description {
	float: left;
	width: 260px;
}

div.cadre_logiciel div.description a {
	font-size: 1.5em;
	
	font-weight:bold;
}

div.cadre_logiciel div.image {
	float: right;
	width: 152px;

}

div.cadre_top {
	border: 0px solid #4d6db3;
	float:left;
	margin:3px 6px 8px;
	width:132px; 
}

/*div.num_top {
	float:left;
	width:40px;
	height:33px;
	background:url(images/picto/top.gif) center center no-repeat;
	padding-top:7px;
	font-weight: bold;
	font-size:1.6em;	
	text-align:center;
}*/
div.desc_top {
	float:left;
	padding: 2px;
	/*width:230px;*/
	width:132px; /*MODIF*/
	font-size:0.8em;
	line-height:1.25em;
	border-bottom:1px dotted #cccccc;
}
div.desc_top a { font-size:1.1em; }