@charset "utf-8";
/* CSS Document */

body {	margin:0;
		padding:0px;
		height:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000000;
		font-size:11px;
			}
		
#principal {width:994px;
			height:1400px;
			position:absolute;
			left:0px;
			top:0px;
			background-color:#CCCCCC;}
				
#entete {	width: 954px;
			height:120px;
			position:absolute;
			top:0px;
			left:20px;
			background-image:url(Image/banniere_entete.jpg);
			}
			
#menu	{
	width:954px;
	height:32px;
	position:absolute;
	top:120px;
	left:20px;
	background-color:#CCCCCC;
			}			
		
#contenu {	width:954px;
			height:1110px;
			position:absolute;
			left:20px;
			top:152px;
			background-color:#FFFFFF;
		}
		
.contenu {	width:954px;
			height:1110px;
			position:absolute;
			left:20px;
			top:170px;
			background-color:#FFFFFF;}

#contenuint {
	width:900px;
	height:1100px;
	position:absolute;
	left:30px;
	top:30px;
}
	
#sitenav {	font-family:Arial, Helvetica, sans-serif;
			margin-top:0px;
			margin-right:0px;
			margin-left:0px;
			padding-top:1px;
			padding-left:1px;
			font-size:13px;
			font-weight:bold;
			
			/*en utilisant la propriete display inline, on ne peut plus controler les hauteurs et largeurs des <li>, on ne peut plus agir que sur les paddings et l'interlignage*/}

			
#sitenav ul {	list-style:none;
				margin:0px;
				padding:0px;
				/*on va supprimer les marges et padding par défaut pour obtenir le même rendu dans tous les navigateurs. En effet, les valeurs par défaut de ces propriétés ne sont pas les mêmes dans tous les navigateurs */
				text-align:center;
				/* la propriété text-align center aura pour effet de centrer toutes les balises de type inline à l'intérieur du menu ce qui signifie que si je retire la propriété, tous les éléments du menu s'alignent à gauche par défaut. Remarque importante: cela ne centre pas le texte dans leurs images comme je le pensais; si on souhaite centrer le texte, il faut jouer avec les paddings */}
			

#sitenav ul li {display:inline;}
					/* on modifie le mode d'affichage pour que les <li> s'affichent comme des éléments de type "inline". De plus, la largeur des éléments du menu s'adapte automatiquement à la taille du texte */


#sitenav  ul li a {		background-image:url(Image/menubg-normal.gif);
						line-height:32px;
						text-decoration:none;
						padding-right:10px;
						padding-left:10px;
						color:#000066;
						/*on modifie le rendu des éléments de liste*/}

#sitenav ul li a:hover{	color:#ffffff;
						background-image:url(menubg-hover.gif);}
	
.droite {
  float: right;
  width: 50%;
  margin: 0;
  
}

.gauche {
  padding-top:35px;
  padding-bottom:35px;
  text-align:center;
  font-weight: bold;
}
	
#photo {float:left;
		padding:5px;
		margin:5px;}	
		
#cadre {width:300px;
		height:50px;
		overflow:hidden;
		background-image:url(Image/angle_arrondi.jpg);
		background-position:0;
		background-repeat:no-repeat;}								

#cadre a:link {color:#000000;}

#cadre a:visited {color:#000000;}

.style { 	font-weight:bold; }				}
	
.stylepaiememnt { 	font-weight:bold;
					border:1px solid #000000;
					margin-right:400px;
					padding:10px;	}
a img {border:0;}
					
h1 {font-weight:bold;
	font-size:14px;}

h2 {font-weight:bold;
	font-size:12px;}	
	
h3 {margin:0;
	padding:0;
	margin-top:20px;
	margin-left:20px;
	padding-right:10px;
	padding-bottom:15px;
	font-size:10px;
	}
			
ol{	list-style:upper-roman;}

ul{	list-style-type:square;}