/* ----------------------------------------------------------------------------- */

/* ---------------------  CSS ET DESIGN : MIST. GRAPHX  ------------------------ */

/* ------------------- ##### WWW.MISTER-GRAPHX.COM  #####  --------------------- */

/* --------------------------------- POUR -------------------------------------- */

/* ---------------------------  CHARLE-JOGUET PEINTRE  ------------------------- */

/* --------------------------------  JUIN 2008  -------------------------------- */


/*
Couleur utilisˇes dans le site

Gris clair : #F5F5F5  webname : whitesmoke



*/



/* DEFINITION DES STYLES HTML MODIFIES */

body {	
	background:url(images/bg_body.jpg) repeat-y top left;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	font-family:sans-serif;
	background-color:#000;
	}

a img {border:none;}

img {
   behavior: url("win_png.htc"); /* POUR QUE EXPLORER VOIT LES FICHIERS DE TYPE PNG TRANSPARENTS */
	}



/* DEFINITION DES BLOC DE LA PAGE HTML  */

#container {
	background:url(images/bg_container.jpg) no-repeat top left;
	width:800px;
/*	height:1024px;*/
	margin:0 auto;
	}
	
#header {
	width:800px;
	height:210px;
	margin:0;
	pading:0;
	}
	
	#nav_bar {
	float:left;

	padding: 5px 0 0 0px;

	margin:0;
	}
	
	#imagettes{
	float:left;
	padding:30px 0 0 18px;
	margin:0;
	height:60px;
	}

#left {
	width:170px;
	height:600px;
	float:left;
	margin:0;
	padding:0;
	}
	
	 #left img{float:left;}
	
	 #left  h1{
	color:#FFF;
	margin:0;
	padding:6px 0 0 31px;
	font-size:0.9em;
	font-weight:900;
	}
	
	#menu {
	margin:0;
	padding:0;
	top:0;
	}
	
	ul#menu {
	  list-style-type: none;
	  padding:0px;
	  margin:0px;
	  font-weight:700;
	  width:170px;
	 }
	
		ul#menu li{
		margin:0px;
		padding:0px;
		height:28px !important;
		height:20px;
		}

	ul#menu a {
	background-color:#F5F5F5;
	color:#A9A9A9;
	display:block;
	height:20px;
	margin:0;
	padding:7px 0pt 0pt 10px;
	text-align:left;
	font-size:0.65em;
	font-weight:bold;
	text-decoration:none;
	border-bottom: 1px solid black;
	}
	 
	ul#menu a:hover {
	color: #0D1B38;
	font-size:0.65em;
	font-weight:bold;
	border-right: 6px solid #0D1B38;
	border-bottom: 1px solid black;
    }
    	
    	ul#menu-rubniv2{
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-rubniv2 a{
    	background:#D3D3D3;
    	color:#000;
    	}
    	ul#menu-rubniv2 a:hover{
    	color:#FFF;
    	background:#0D1B38;
    	border-right: 6px solid white;
    	}
    	
    	ul#menu-rubniv3{
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-rubniv3 a{
    	background:#F5F5F5;
    	}
    	ul#menu-rubniv3 a:hover{
    	background:#F5F5F5;
    	border-right: 6px solid black;
    	}
    	
    	ul#menu-rubniv4{
    	
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-rubniv4 a{
    	background:#F5F5F5;
    	}
    	ul#menu-rubniv4 a:hover{
    	background:#F5F5F5;
    	border-right: 6px solid black;
    	}
		
		ul#menu-artniv1{
		
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-artniv1 a{
    	background:#F5F5F5;
    	}
    	ul#menu-artniv1 a:hover{
    	background:#F5F5F5;
    	border-right: 6px solid black;
    	}
    	
    	ul#menu-artniv2{
    	text-indent:10px;
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-artniv2 a{
    	color:#808080;
    	background:#F5F5F5;
    	}
    	ul#menu-artniv2 a:hover{
    	color:#696969;
    	background:#F5F5F5;
    	border-right: 6px solid #696969;
    	}
    	
    	ul#menu-artniv3{
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-artniv3 a{
    	color:#000000;
    	background:#9bb7c6;
    	}
    	ul#menu-artniv3 a:hover{
    	color:#000000;
    	background:#9bb7c6;
    	border-right: 6px solid black;
    	}
    	
    	ul#menu-artniv4{
    	padding:0px;
    	margin:0px;
    	list-style-type: none;
    	}
    	ul#menu-artniv4 a{
    	color:#000000;
    	background:#9bb7c6;
    	}
    	ul#menu-artniv4 a:hover{
    	color:#000000;
    	background:#9bb7c6;
    	border-right: 6px solid black;
    	}

#page {
	position:relative;
	margin-top:10px;
	margin-left:180px;
	margin-right:15px;
	}
	/* CSS SOMMAIRE */
	#actu_sommaire {float:right;width:160px;height:450px;padding:0;margin:0;}
	#actu_sommaire h3 {color:#808080;padding-left:10px;}
	
	#article_pricipal_sommaire {margin-right:180px;}
	
	
	#page h1 {
	color:#696969;
	font-weight:900;
	font-size:1.5em;
	padding:0;
	margin:0;
	border-bottom:1px solid #A9A9A9;
	}
	
	#page h2 {
	color:#696969;
	font-weight:900;
	font-size:1em;
	padding-top:15px;
	margin:0;
	border-bottom:1px solid #A9A9A9;
	}
	
	
	#page p {
	color:#696969;
	font-weight:normal;
	text-align:justify;
	padding:0;
	margin:10px 15px;
	}
	
	#page ul {list-style-type: none;margin:0 15px;padding:0;}
	
	#page  a {color:#808080;text-decoration:none;font-weight:900;}
	
	
	#page a:hover {text-decoration:underline;}
	
	.link_small {font-size:0.7em;}
	
#bottom {
	width:800px;
	height:25px;
	clear:both;
	margin:50px 0 20px 0;
	text-align:center;
	color:#808080;
	}
	
	#bottom ul li{
	list-style-type: none;
	margin:0;
	padding:0;
	display:inline;
	}
	#bottom a {color:#808080;font-size:0.7em;text-decoration:none;}
	#bottom a:hover {text-decoration:underline;font-weight:bold;}
	

/* DEFINITION DES BOUTONS */

.lire_suite {float:right;padding-top:10px;width:90px;}
	
	.lire_suite  a {
	background:url(images/btn_lire_suite.jpg) no-repeat top left;
	display:block;
	width:88px;
	height:14px;
	clear:both;
	color:#2E3649;
	font-weight:700;
	font-size:0.8em;
	text-decoration:none;
	text-align:center;
	padding-top:3px;
	}
	
	.lire_suite  a:hover {
	background-position:0 -18px;
	color:#2E3649;
	text-decoration:underline;
	}
	

/* MODIF DES STYLES DE SPIP */

#calendar{
/*	background:url(images/bg_calendar.gif) no-repeat 5px 0px;*/
	font-size:0.75em;
	margin:0;
	padding-top:15px;
	}
	#calendar a {
	color:black;
	}
	

	

.formulaire_recherche {
	height:14px;
	font-size:0.65em;
	text-align: left;
	margin: 3px 10px 3 0px !important;
	margin: 3px 10px 3 0px ;
	}
	.formulaire_recherche label { display: none; }
p.spip {
	font-size:0.9em;
	line-height: 1.5em
}
/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
	
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }