body
{
width:765px; 
margin:auto;
font-size:11px;
font-family:Arial;
/*text-align:justify;*/
background-color: #E3E3E3;
}

A:link
{
	color: #0A328C;
	text-decoration:underlined;
	font-style: bold;
}

A:visited
{
	color: #0A328C;
	text-decoration:underlined;
}

/*input { border : 1px solid #b7bdd9; line-height : 1.3em;}*/
form { margin:0px;}

.little
{
	font-size:11px;	
	font-family:Verdana,Verdana,Sans-serif; 
	color:#000000;
}

#container
{
	width:765px;
	font-size:100%;
	margin:0 auto;
	background-color:white;
}

#header 
{
	width:765px;
	height:134px;
	background: url(images/banniere2.gif);
}

#sep
{
	width:765px;
	margin:0px;
	padding:0px;
	border-top:1px solid #7d7d7d;
	border-bottom:1px solid #7d7d7d;
	background:url(images/sep_gris.gif);
	background-repeat:repeat;
}

#sep ul
{	
	float:right;
	list-style: none; 
	padding: 2px;
	margin:0px;
	border:1px solid black;

}

#sep li
{	

	display:block;
	padding:2px;
}

#sep_blank
{
	clear:right;
	width:100%;
	height:30px;
	background-color:#ffffff;
}

.clear
{
	clear:both;
}

#left_col
{
	float:left;
	width:165px;
	text-align:left;
	padding: 0px 0px 0px 4px;
	margin:0px 5px 0px 0px;
}

#left_col h3
{
	color: #ffffff;
	background:url(images/cadre_haut_bis.gif) no-repeat;
	font-size:12px;
	padding: 4px 0px 0px 20px;
	margin:0;
}

#left_col h3.bas
{
	color: #ffffff;
	background:url(images/cadre_bas_bis.gif) no-repeat;
	padding:4px 0px 0px 5px;
	height:10px;
	margin:0;
}

#left_col ul
{
	list-style: none; 
	padding: 0px 0px 0px 0px;
	margin:0px;
}

#left_col .cat 
{ 
	border-bottom:1px solid #98AEE0;
	border-right:1px solid #98AEE0;
	border-left:1px solid #98AEE0;
	background-color:#E3E3E3;
	text-align:center;
	font-weight:bold;
	padding-top:5px;
}
#left_col li
{
	border-bottom:1px solid #98AEE0;
	border-right:1px solid #98AEE0;
	border-left:1px solid #98AEE0;
	/*background-color:#E3E3E3;*/
}

.pave_menu a
{
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 15px;
	text-decoration:none;
	/*background: url(images/fleche.gif) no-repeat 6px;*/
}

.pave_menu a:hover
{
	background-color:#C9D9F3;
	padding: 5px 5px 5px 15px;
	text-decoration:none;
	/*border-left:5px solid #7d7d7d;*/
}

.in_pave
{
	border-right:1px solid #98AEE0;
	border-left:1px solid #98AEE0;
	font-size:10px;
	padding-left:4px;
}

.pave_menu_bis {
	border-right:1px solid #98AEE0; 
	padding:5px 0px 5px 0px; 
	border-left:1px solid #98AEE0; 
	text-align:center; 
	background-color:#C9D9F3;
}

#right_col
{
	float:left;
	width:580px;
	margin:0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

#right_col h2
{
	margin: 0px 0px 0px 0px;
	color: #FF5C01;
	font-size:14px;
	
}

.sep_article
{
	width:100%;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	text-align:right;
	font-style:italic;
}

.sep_menu
{
	width:150px;
	margin:0px;
	padding:0px;
	height:15px;
}

#footer
{
	background-image:url(images/footer_bis.gif);
	height:71px;
}

#footer div
{
	color:#ffffff;
	margin:auto;
	width:200px;
	text-align:center;
	padding-top:50px;
}

blockquote 
{ 
	background: url(images/fond_flash.gif);
	background-repeat: repeat-x;
	padding: 0px 5px 0px 5px; 
	border: 1px solid #ccc; 
	margin: 5px 5px 15px 0px; 
}

#test
{
	width:152px;
	border: 1px solid #98AEE0;
	padding: 5px;
	margin:0px;
}

.fond_titre_rect
{
	background-color: #969696;
	color: #ffffff;
	font-size:12px;
	text-align: center;
}
#barre_navig
{
	margin: auto;
	text-align: left;
	font-style: italic;
	color: #98AEE0;
}

.fiche
{
	font-size:12px;
	padding:0px 20px 0px 10px;
}

.mini_fiche
{
	font-size:12px;
	padding:0px 20px 0px 10px;
	margin:5px 0px 5px 0px;
	width:510px;
	float:left;
}

.titre
{
	color: #CC6633;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin:0px;
	padding:0px;
}
#image_produit {
	float:right; 
	margin-right:50px; 
	margin-top:20px;
}
.italic_produit {
	color:#6B7A97; 
	font-style:italic;
}
#detail_produit_top {
	background-image:url(/images/haut_mixed.gif); 
	background-repeat: no-repeat; 
	width:200px; 
	height:10px;
}
#detail_produit_middle {
	background-color: #E3E3E3; 
	width:200px;
}
#detail_produit_bottom {
	background-image:url(/images/bas_mixed.gif); 
	background-repeat: no-repeat; 
	width:200px; 
	height:10px;
}
#extrait {
	float:right; 
	margin-right:42px; 
	margin-top:0px;
}
#download {
	margin-top:5px;
}
.titre_produit {
	color:#CC6633; 
	font-size:14px; 
	padding:0; 
	margin:0; 
	font-weight:bold; 
}
.barre_produit {
	background-image:url(/images/test.gif); 
	background-repeat:no-repeat; 
	height:5px;
	margin-bottom:5px;
}
#contenu_desc {
	width:550px; 
	padding:0px 2px 2px 2px;
}
.texte_desc1 {
	float:left; 
	margin:0px 8px 0px 4px; 
	width:260px; 
	color:#6B7A97;
}
.texte_desc2 {
	float:left;  
	margin:0px 2px 0px 8px; 
	width:260px; 
	color:#6B7A97;
}
#detail_contenu {
	color:#6B7A97;
}
#meme_auteur {
	float:left; 
	margin-right:5px;
}
.auteur
{
	color: #8698bd;
	font-size:12px;
	margin:0px;
	padding:0px;
}

.conteneur_hfeuille {
	width:555px; 
	margin:auto; 
	background:url(/images/coin.gif); 
	background-position: top right; 
	background-repeat: no-repeat; 
	border-left:1px solid #98AEE0; 
	border-bottom:1px solid #98AEE0;
}
.image_feuille {
	float:right; 
	top:0px; 
	left:0px; 
	z-index:2;
}
.texte_feuille {
	padding:5px 1px 5px 3px; 
	border-right:1px solid #98AEE0;
}

.label
{
	color: #CC6633;
	font-size:12px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px;
}
.centre
{
	width:100px;
	margin:auto;
}

.fiche_auteur
{
	font-size:12px;
	padding:0px 20px 0px 10px;
}

.hasard
{
	width:500px;
	margin:auto;
	text-align:center;
}

#compte 
{
	float:right; 
	width:65px; 
    margin-top:81px; 
    margin-right:25px; 
    color:#ffffff; 
    font-weight:bold; 
    text-align:right;
}
#cart
{
	float:right; 
	margin-top:80px; 
	margin-right:1px;
}
#contact
{
	float:right; 
	margin-top:79px;
	margin-right:28px;
}
#home
{
	float:right; 
	margin-top:81px; 
	margin-right:22px;
}



/*form.css fieldset 
{
  padding: 1em;
}
form.css label 
{
  display: inline;
  float: left;
  width: 70px;
} */


.text-blue { color: #768DBC;}
.text-bold { font-weight: bold;}
.text-italic {font-style: italic;}
.text-red { color: #FF0000;}
.text-red-bold { color: #FF0000; font-weight: bold;}
.text-blue-bold { color: #768DBC; font-weight: bold;}

#mention_leg {
	width:100%; 
	font-size:9px; 
	padding-bottom:5px; 
	text-align:center;
}
/**** css pour formulaires   ***/
table.user {width:60%;}
table.user td, table.user th {line-height : 1.3em; padding : 2px;}
table.user caption {display : none;}
table.user th {background-color : #C9D9F3; text-align : right; color : #2d99e6;}
table.user td {background-color : #e8e8e8; text-align : left;}

table.user textarea {border : 1px solid #b7bdd9;}

/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/nt.gif) no-repeat top right; }
.rbbot div { background: url(images/nt.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; background-color:#e8e8e8;}
.rbroundbox { width: 50%; margin: 1em auto; }

/*formulaire de commentaire*/
.formulaire {border:none; margin:auto; padding:0; width:500px; }
.header_form, .footer_form { color: #ffffff;
	background-image:url(images/cadre_haut_1px.gif);
	background-repeat: repeat-x;
	font-size:12px;
	padding: 2px 0px 0px 5px;
	height:18px;
	font-weight:bold;
	margin:0;}
.corps_form { background-color: #E3E3E3; margin:0; padding:1em 1em; }
.corps_form fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 36%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	height:20px;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
.corps_form label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
.corps_form .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
.corps_form .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background-color: #C9D9F3;
	color: black;
	font-size:11px;	
	font-family :Verdana,Sans-serif; 
	color:#000000;
}
.corps_form .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
	padding:0;
	width:98%;
	margin:auto;
}
.corps_form .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('images/icon_alert.gif') no-repeat left center;
}
.corps_form a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
.corps_form a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}