/*La feuille de style de mon blog, si vous trouvez une astuce qui vous plait faites vous plaisir!*/

body {			
				font-family:Tahoma,Arial,Helvetica,sans-serif;
				font-size: 10pt;
				}

/*Le contenant principal*/

div.main { 		
				position:absolute;
				left:50%;
				margin-left:-365px;
				top:100px;
				background-color:#648AED;
				width:730px;
				border-left:1px solid #d0d6d2;
				border-right:1px solid #d0d6d2;
				border-bottom:1px solid #d0d6d2;
				}

/*L'image en haut de la page*/	
			
div.image_haut {
				background-image: url("premierfond1.jpg");
				background-repeat: no-repeat;
				height:200px;
				}

/*Le menu*/

/*Le contenant du menu*/
			
div.nav {		
				position:relative;
				left:7px;
				background-color:#648AED;
				width:113px;
				border-bottom:1px solid #5B6598;
				border-left:1px solid #5B6598;
				border-right:1px solid #5B6598;
				}

/*Le haut du menu non réactif*/
				
div.menu {		
				height:22px;
				text-align:center;
				padding-top:3px;
				background-color:#244AAD;
				color:#f3ee3f;
				font-weight:bold;
				width:113px;
				}

/*Le menu en lui-même avec une structure en ul*/
				
#nav, 
#nav ul { 		
				padding:0;
				margin:0;
				list-style: none;
				}

#nav li a {		
				display: block;
				text-decoration: none; 
				width:113px;
				height:22px; 
				color: black;
				background-color:#749AfD;
				padding-top:3px;
				}
			 
#nav li {		
				width: 113px;
				border-top:1px solid #5B6598;
				text-align: center;
				}

#nav a:hover {	
				color: black; 
				background-color:#f3EE3F;
				}

/*Le contenu*/

/*Le contenant du contenu*/

div.contenu {	
				position:relative;
				float:right;
				width:600px;
				background-color:#648AED;
				border-left:1px solid #5B6598;
				margin:0;
				}

/*Les différentes news en contenu*/
				
.texte {		
				margin:8px 8px 8px 8px;
				border:1px solid #5B6598;/*#b1b7b3;*/
				background-color:#749AfD;/*#aebaf3;*/
				padding-left:6px;
				}

/*Un truc pour séparer correctement les parties de texte*/
				
.spacer {		
				height:1px;
				font-size:1px;
				}

/*Le calendrier*/
				
div.calendrier {
				position:relative;
				left:7px;
				width:108px;
				}
				
div.calendrier a {
				text-decoration:none;
				width:15px;
				height:14px;
				display:block;
				color:black;
				}
				
div.calendrier a:hover {
				color: black; 
				background-color:#f3EE3F;
				}
				
div.calendrier a:visited {
				color: blue;
				}
				
/*Un truc pour corriger un bug sur ie denommé "IE/Win Guillotine Bug" pompé surhttp://positioniseverything.net/easyclearing.html*/

.main:after {
				content: "."; 
				display: block; 
				height: 0; 
				clear: both; 
				visibility: hidden;
}

/* Hides from IE-mac \*/
* html .main {height: 1%;}
/* End hide from IE-mac */

/*Fin de la feuille de style*/