/* 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_blog {
		padding:1px 3px;
		margin: 3px;
		border:1px solid black;
}

div.cadre {
		width : 668px;
	/*	margin: 0px 2px 10px 2px;*/
		padding:1px 0px;
		margin: 3px;
}


/* Les titres */
h1.titre {
	color: #20447e;
	font-size: 20px;
	font-weight: bold;
	margin: 5px 5px 2px 5px;
	border-bottom: 2px solid #cccccc;
	background:url(/style/img/picto_arbo.gif) 0px 0px no-repeat;
	text-indent:25px;
}

h2.titre { 
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	margin: 2px 0px;
}

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

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


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;
}

div.editorial img {
margin:5px;}

/* 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: 480px;
	padding:1px 3px;
	margin: 3px;
	float: right;
	font-size:11px; 
}

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

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

div.cadre_logiciel div.image {
	float: right;
	width: 152px;
	text-align: center;
}

div.cadre_top {
	border: 0px solid #4d6db3;
	float:left;
	padding: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:132px;
	font-size:0.8em;
	line-height:1.25em;
	border-bottom:1px dotted #cccccc;
}

div.desc_top a { font-size:1.1em; }

#contenu_details_technique{
float:left;
}

#contenu_left {
	float:left;
	padding:5px;
	text-align:justify;
}

#contenu_right {
	float:right;
	text-align:center;
	width:200px;
	margin-left:5px;	
}

.formleft {
	font-weight: bold;
	float:left;
	width:260px;
	margin:5px;
	color:#4d6db3;
}

.formright {
	margin:5px;
	float:right;
	width:520px;
}

.notevisiteurs {
	margin: 5px 0px 5px 0px;
	background-color: #9BDE7A;
	padding: 2px;
	color: #FFFFFF;
	border:1px solid #4C9F29;
	color: #2E5F18;
}

div.dl_left {
  clear:both;
	float:left;
	width:220px;
	text-align:left;
}

div.dl_right {
	float:right;
	width:180px;
	padding:0px 5px;
}

div.minicadredlwin {
	border:1px solid #004c32;
	width:172px;
	text-align:center;
	background: url(/style/images/picto/telecharger-windows.gif) center left no-repeat;
	background-color:#eeeeee;
	}
	
div.minicadredlmac {
	margin:0px;
	border:1px solid #90afdd;
	width:130px;
	padding:8px 4px 8px 22px;
	text-align:center;
	background: url(/style/images/picto/telecharger-mac.gif) center left no-repeat;
	}

div.minicadredlpalm {
	margin:0px;
	border:1px solid #90afdd;
	width:130px;
	padding:8px 4px 8px 22px;
	text-align:center;
	background: url(http://www.clubic.com/style/images/picto/telecharger-palm.gif) center left no-repeat;
	}

div.minicadredlwinmobile {
	margin:0px;
	border:1px solid #90afdd;
	width:130px;
	padding:8px 4px 8px 22px;
	text-align:center;
	background: url(http://www.clubic.com/style/images/picto/telecharger-windowsmobile.gif) center left no-repeat;
	}
 
a.lienpucegras{
  font-weight:bold;
  } 
  
table.cadre1 {
	width:100%;
	font-size:11px;
}			

table.cadre1 th{
/*background-color:#ccdbd6;
	*/color:#20447e;
	background:url(/style/img/bg-titre-bleu.gif) bottom repeat-x;
/*color:#004c32;*/
}

table.cadre1 td{
border-bottom:1px solid #ccdbd6;
}