body
		{
			margin: 0 0 ;
			padding: 0 ;
			text-align: left ;
			font: 0.8em "helvetica", sans-serif ;
			background: #58c6fa;
		}
		
		div#conteneur
		{
			width: 1000px ;
			margin: 0 auto ;
			text-align: left ;
			background: url(http://www.codeclic.com/images/design/fd_site.gif);
		}
		
		div#header
		{
			width: 1000px ;
			height: 191px ;
			display: block ;
		}
		
		h2#bandeau
		{
			width: 480px ;
      position: absolute;
			left:680px;
			top:9px;
			text-align: center ;
			font-family: Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: bold;
		}
		
		h1#header a
		{
			width: 1000px ;
			height: 191px ;
			display: block ;
			background: url(http://www.codeclic.com/images/design/header.jpg) no-repeat ;
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		h1#header p
		{
			text-align: left ;
	    font-family:Tahoma, sans-serif;font-size:11px;
	    margin-left : 2px;
	    position: relative ;
	    left: 200px ;
			top: 10px ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(http://css.alsacreations.com/xmedia/exemples/design_css/bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 130px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(http://css.alsacreations.com/xmedia/exemples/design_css/bg_menu.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
			margin: 9px 10px 0 250px ;
			width: 720px;
		}
		
		div#contenu_achat
		{
			margin: 10px 0 0 0 ;
			width: 1000px;
		}
		
		div#menugauche
		{
      float: left;
      margin-left: 10px;
      margin-top: 10px;
      width: 223px ;
    }
    
    div#menugauche p
		{
			text-align: center ;
			line-height: 1.7em ;
			font-family:Tahoma, sans-serif;font-size:11px;
		}
		
		div#menugauche a
		{
			color: #006DB3 ;
		}
		
		div#menugauche a:hover
		{
			color: #003988 ;
		}
    
    div#console_gauche_haut
		{
			width: 223px ;
			height: 22px;
			background: url(http://www.codeclic.com/images/design/console_gauche_haut.gif);
			background-repeat: no-repeat;
		}
    
    
    div#console_gauche_centre
		{
			width: 223px ;
			background: url(http://www.codeclic.com/images/design/console_gauche_centre.gif);
			background-repeat:repeat-y ;
			padding-top: 1px;
			padding-bottom: 1px;
		}
		
		div#console_gauche_bas
		{
			width: 223px ;
			height: 30px;
			background: url(http://www.codeclic.com/images/design/console_gauche_bas.gif);
			background-repeat: no-repeat;
		}
		
		div#console_centrale_b_haut
		{
			width: 708px ;
			height: 51px;
			margin-left : 4px;
			background: url(http://www.codeclic.com/images/design/console_centrale_b_haut.gif);
			background-repeat: no-repeat;
		}
    
    
    div#console_centrale_b_centre
		{
			width: 708px ;
			margin-left : 4px;
			background: url(http://www.codeclic.com/images/design/console_centrale_b_centre.gif);
			background-repeat:repeat-y ;
      padding-top: 1px;
		}
		
		div#console_centrale_b_bas
		{
			width: 708px ;
			height: 6px;
			margin-left : 4px;
			background: url(http://www.codeclic.com/images/design/console_centrale_b_bas.gif);
			background-repeat: no-repeat;
		}
		
		div#console_centrale_g_haut
		{
			width: 716px ;
			height: 43px;
			background: url(http://www.codeclic.com/images/design/console_centrale_g_haut.gif);
			background-repeat: no-repeat;
		}
    
    div#console_centrale_g_centre
		{
			width: 716px ;
			background: url(http://www.codeclic.com/images/design/console_centrale_g_centre.gif);
			background-repeat:repeat-y ;
      padding-top: 1px;
			padding-bottom: 1px;
		}
		
		div#console_centrale_g_bas
		{
			width: 716px ;
			height: 24px;
			background: url(http://www.codeclic.com/images/design/console_centrale_g_bas.gif);
			background-repeat: no-repeat;
		}
		
		div#connexion
		{
			width: 223px;
			margin-left: 4px;
			text-align: center;
			margin-left: auto;
      margin-right: auto;
		}

    div#test
		{
			font-size: 12px;
	    color: #545454;
      text-align: justify ;
			margin-left: 15px ;
			margin-right: 15px ;
			line-height: 1.7em ;
		}
    
		div#console_centrale_b_haut h2
		{
			padding-left: 25px ;
			padding-top: 14px ;
			font-size: 1.2em ;
			text-align: center ;
		}
		
		div#console_centrale_g_haut h2
		{
			padding-left: 25px ;
			padding-top: 6px ;
			font-size: 1.2em ;
		}
		
		div#console_centrale_g_haut h1
		{
			padding-top: 8px ;
			font-size: 1.2em ;
			text-align: center ;
		}
		
		div#console_centrale_b_haut h1
		{
			padding-top: 8px ;
			font-size: 1.2em ;
			text-align: center ;
		}
		
		div#contenu h2
		{
	    font-size: 14px;
	    font-weight: bold;
	    padding-left:20px;
		}
		
		div#contenu h3
		{
	    font-size: 14px;
	    font-weight: bold;
	    color: #34b6f6;
	    padding-left:20px;
		}
		
		div#contenu p
		{
			font-size: 12px;
	    color: #545454;
      text-align: justify ;
			margin-left: 15px ;
			margin-right: 15px ;
			line-height: 1.7em ;
		}
		
		div#contenu ul
		{
      line-height: 2em ;
    }
		
		div#contenu a
		{
			font-size: 12px;
	    color: #545454;
		}
		
		div#contenu a:hover
		{
			font-size: 12px;
	    color: #545454;
		}
		
		div#contenu_achat h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(http://www.codeclic.com/images/fr/little_apple.gif) no-repeat left bottom ;
			color: #003988 ;
			border-bottom: 1px solid #006DB3 ;
		}
		
		div#contenu_achat h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
		
		div#contenu_achat p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu_achat a
		{
			color: #006DB3 ;
		}
		
		div#contenu_achat a:hover
		{
			color: #003988 ;
		}
		
		#footer
		{
	    width: 1000px ;
			margin: 0 auto ;
			height: 18px ;
      background: url(http://www.codeclic.com/images/design/bas.gif);
		}
		
		#haut
		{
	    width: 1000px ;
			margin: 0 auto ;
			height: 18px ;
      background: url(http://www.codeclic.com/images/design/haut.gif);
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		<!--[if IE]>
    html pre
    {
	    width: 636px ;
    }
    <![endif]-->
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
		
		#inscription {border: none; margin: 0; padding: 0; width: 650px;	/*** Largeur du formulaire ***/ }
    #corpForm input     {margin-left: 1em; text-align: center; width:260px;} 
    #corpForm select    {margin-left: 1em; text-align: center; width:260px;} 
    #corpForm textarea  {margin-left: 1em; text-align: center; width:260px;} 
    #corpForm fieldset{	/*** Mise en fome du corps du formulaire (bordure, couleur du fond...) ***/ border: 0px solid; color: black; float: center; text-align: center; background: #ffffff; margin: 0; padding: 1em; } 
    #corpForm fieldset {	/*** Mise en forme des cadres ***/ margin: 0; font-style: normal; padding: 0 1em 1em; background: #F0ECEC; width: 600px; float: center; } 
    #corpForm p {	/*** Mise en forme des lignes du formulaire ***/ font: 1em arial, helvetica, sans-serif; padding: .2em 0; margin: 0 0 .2em 0; } 
    #corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/ float: left;	/*** Très important, ne pas suprimer ! ***/ width: 40%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/ text-align: right;	/*** ... et ils sont alignés à droite... ***/ margin: 0; padding: 0 .5em 0 0; line-height: 1.8;	/*** ... et centrés verticalement. ***/ } 
    #corpForm label:hover, #corpForm input { cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/ }
    #corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/ background: #E7FAD8; color: black; }
    #corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/ background: white; color: black; }
    #corpForm label.oblig {font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/}

.tahoma_bas{font-family:Tahoma, sans-serif;font-size:11px;color:#FFFFFF;}

.tahoma_bas a{color:#FFFFFF;}

.accroche{
font-family:"Trebuchet MS", helvetica, sans-serif;
font-size:15px;
}

.Style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
