/**********************************
 Les balises xhtml principales
**********************************/

body	{	margin : 0px ;
		padding : 0px ;
		background-color : #13007C ;
	}

th { 	font-family : sans-serif;
		text-decoration : none ;
		color : #0069B3 ;
		font-weight : bold;
}

/**********************************
 Les 3 tables principales
**********************************/

#tab_m	{	width : 748px ;
		margin : 0px ;
		padding : 0px ;
		background : #0A51A1 ;
	}

#tab_g	{	float : left ;
		width : 223px ;
		padding-top : 79px ;
		background : #0A51A1 url(../images/logo.gif) no-repeat ;
	}

#tab_d	{	float : left ;
		width : 525px ;
		background : #0A51A1 url(../images/bandeau_h.gif) no-repeat ;
	}

/**********************************
 Les styles du menu à gauche 
***********************************/

#menu_1	{	padding-top : 16px ;
		width : 221px ;
		background : #819CC9 url(../images/security.gif) no-repeat ;
		margin-top : 3px ;
	}

#menu_2	{	padding-top : 16px ;
		width : 221px ;
		background : #819CC9 url(../images/rubrique.gif) no-repeat ;
		margin-top : 3px ;
	}

#menu_3	{	padding-top : 16px ;
		width : 221px ;
		background : #819CC9 url(../images/articles.gif) no-repeat ;
		margin-top : 3px ;
	}

#header	{	padding : 0px 0px 5px 40px ;
		font : bold 12px Arial ;
		color : #0A51A1 ;
	}

#list_d	{	padding : 5px ;
		background : #BFCBE2 ;
		font : 12px Arial ;
		color : #0069B3 ;
		line-height : 16px ;
	}

#list_u	{	text-align : left ;
		margin : 0px ;
		padding : 0px 0px 2px 5px ;
		list-style : url(../publication/ecrire/puce.gif) inside disc ;
		font : 12px Arial ;	
	}

#menu_d	{	background : url(../images/menu_bot.gif) no-repeat ;
		font : 11px ;
		line-height : 11px ;
	}

#prive	{	padding : 10px 10px 0px 10px ;
		font : bold 12px Arial ;
		color : #F9F400 ;
	}

#copyri {	padding : 10px 0px 10px 10px ;
		font : 10px Arial ;
		color : #FFFFFF ;
	}

#link_m	{	font-family : sans-serif;
		text-decoration : none ;
		color : #0069B3 ;
		font-size : 12px;	
	}	#link_m:hover { text-decoration : underline ; font-weight : bold ; }

#hylink {
		color : #FFFFFF ;
	}	#hylink:hover { text-decoration : none ; cursor: Crosshair; }

/**********************************
 Les styles de la partie à droite
**********************************/

#date	{	float : left ;
		width : 475px ;
		padding-top : 12px ;
		text-align : center ;
		font : bold 13px Arial ;
		color : #F9F400 ;
	}

#aide	{	float : right ;
		width : 30px ;
		padding-top : 4px ;
		font : bold 12px Arial ;
		color : #F9F400 ;
		text-align : center ;
		line-height : 12px ;
	}

#navig	{	clear : both ;
		padding-top : 25px ;
		text-align : center ;
		font : bold 13px Arial ;
		color : #FFFFFF ;
	}

#zone_h	{	margin-top : 5px ;
		line-height : 20px ;
		background : #FFFFFF url(../images/display_t.gif) no-repeat ;
	}

#zone	{	margin : 0px 12px 0px 8px ;
		background : #FFFFFF ;
		text-align : center ;
	}

#zone_b {	clear : both ;
		margin-top : -1px ; /* Corrige un bug d'affichage Mozilla */
		line-height : 15px ;
		background : #0A51A1 url(../images/display_b.gif) no-repeat ;
	}

#link_h	{	text-decoration : none ;
		color : #F9F400 ;

	}

#link_x	{	text-decoration : none ;
		color : #FFFFFF ;
	}	#link_x:hover { background : #BFCBE2 ; color : #0069B3 ; }
	
th { font-size : 12px;
	 font-weight : bold;
}

.panier {	border : 1px solid #BFCBE2; }

.warning{	font : 12px Arial, Helvetica, sans-serif ;
		line-height : 14px ;
		color : #FF0000 ;
		text-align : center ;
		margin : 0px 10px 10px 10px ;
	}

/***************************************
 Les styles du formulaire de contacts
***************************************/

.mailtxt{	font : bold 12px Arial ;
		margin : 10px ;
	}

.mailfrm{	font : 12px Arial ;
		margin : 0px ;
	}

.mailbut{	margin : 0px 0px 0px 20px ;
		font : bold 12px Arial ;
	}
.quantite { border : solid 1px #FFFFFF;
			background-color : #BFCBE2;
			height : 12px;
			font-size : 10px;
			font-weight : bold;
			color : #0A51A1;
			width : 30px; 

}
.search {   border : solid 1px #FFFFFF;
			padding-left : 2px;
			padding-right : 2px;
			background-color : #BFCBE2;
			height : 14px;
			font-size : 10px;
			font-weight : bold;
			color : #0A51A1;
			width : 150px; 

}
.rechercher { position : absolute;
			  top : 10px;
			  left : 400px;
			  width: 500px;
}
#boutonok {	vertical-align : middle;
	}

/**********************************
 Les styles du reste de la page
**********************************/

#spacer {	clear : both ;
		line-height : 4px ;
	}

.texte	{	font : 12px Arial ;
		text-align : justify ;
		margin : 0px 0px 10px 0px  ;
	}

.titre	{	font : bold 24px Arial ;
		text-align : center ;
		margin : 0px ;
	}

.titre2	{	border-color : #0A51A1 ;
		border-top-width : 1px ;
		border-right-width : 0px ;
		border-bottom-width : 1px ;
		border-left-width : 0px ;
		border-style : dashed ;
		background : #BFCBE2 ;
		margin : 0px 10px 10px 10px ;
		padding-left : 15px ;
		font : bold 16px Arial, Helvetica, sans-serif ;
		line-height : 21px ;
		color : #0A51A1 ;
		text-align : center ;
	}