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

body {
	font-size:80%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	margin:0;
	padding:0;
	text-align:center;
	color:#000000;
}
		
		
#container {	width:80%;/*ce paramètrage crée un conteneur dont la largeur est 80% de celle du navigateur. De plus, il crée un layout en fixant une dimension ce qui permet au container d'englober les éléments flottants */
				
				padding-top:0px; /*selon la régle, la marge s'applique au parent conteneur qui 		est container et non à son enfant qui est header */
				padding-left:100px;/*selon la régle, la marge s'applique au parent conteneur qui 		est container et non à son enfant qui est header */
				padding-right:10px;/*selon la régle, la marge s'applique au parent conteneur qui 		est container et non à son enfant qui est header */
				padding-bottom:0px;/*selon la régle, la marge s'applique au parent conteneur qui 		est container et non à son enfant qui est header */
				background-color:#FFFFFF;
				margin: 0 auto;/*les marges automatiques et dotées d'une valeur positive centrent la page*/
				text-align:left;/*ce paramétrage annule le paramètre text-align:center de l'élément body*/}

#header {	height:73px;/*obligation de fixer la hauteur car je ne parvenais pas voir mon image en entier*/
			width:800px;
			position:absolute;
			top:0px;
			left:100px;
			background-image:url(image/banniereauto.jpg);
			background-repeat:repeat-y;			}
			
#navlist {	height:32px;
			width: 800px;
			position:absolute;
			top:73px;
			left:100px;
			background-image:url(image/menu_barre.jpg);
			background-repeat:repeat-y;}
			
#navlist li { float:left;}
			
#navlist ul {	list-style:none;
				margin:5px;
				padding:0;
				}	

#navlist li a {	display:inline;
				text-decoration:none;
				font-size:11px;
				font-weight:bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#FFFFFF;
				padding:10px;/*distance entre les boutons*/}
				
#navlist li a:hover {background-color:#333366;}
				

#contenu {
	width:800px;
	height:990px;
	position:absolute;
	background-color:#FFFFFF;
	top:105px;
	left:100px;
	border-top:1px solid #71COEA;
		
}

.clearboth {clear:both;/*cet élément de suppresion doit suivre immédiatement l'élément div#navlist afin de forcer le container à contenir tous les éléments flottants enfants forçant ainsi les éléments qui suivent cette règle à revenir dans le flux normal*/}

#colonneleft {	float:left;
				width:20%;/*cet élément est flottant, il faut donc lui attribuer une largeur*/
				background-image:url(image/fondbleu.png);
				background-repeat:no-repeat;
				border: 1px solid black;
				margin-top:0;/*définir la marge haute à 0 pour mettre la colonne de droite au même niveau que la colonne de gauche*/
				padding-top:15px ; /*le remplissage en haut crée un espace visuel à 		                l'intérieur de l'élément div */
				padding-left:15px;
				padding-bottom:15px;}				
			
#colonneright { background-color:#FFFFFF;
				border: 1px solid black;
				margin-top:0px; /*définir la marge haute à 0 pour mettre la colonne de droite au même niveau que la colonne de gauche*/
				margin-left:200px;	/*marge qui marque la séparation entre la colonne de droite et la colonne de gauche*/
				padding-top:3px;
				padding-left:10px;
				padding-bottom:15px;
				padding-right:10px;
						}
						
#cadre {border: thin solid #000000;
		padding: 10px;
			}
		
#cadre_publicitaire {	border: thin solid #333333;
						padding:5px;
						width:80%;}
						
		

#immatriculationgauche {float:left;
						width:510px;
						}
#cataloguedroit {	float:right;
					}
					
#cataloguegauche {margin-left:20px;}

h1 {font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;}
	
h2 {border: solid red 2px;
	font-size:12px;	
	text-align:center;}
	
#wrap{	overflow:hidden;}

.couleur {	color:red;
			font-weight:bold;
			}
	
.photo {float:left;}

.texte {float:right;}

hr {clear:botb;}