{margin:0px; padding:0px}
body{
	background-color: #660000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	color: #7B7b7b;
	text-align: center;
	left: 0px;
	top: 0px;
}

#page {
	width: 980px;
	margin: 0 auto 2px auto;
	text-align: left;
}
/*#colonne_gauche,#colonne_droite,#centre,#menu_bas {
	 border: 1px solid silver;
	
}*/
#colonne_gauche {
    clear: left;
    margin-right: 12px;
    overflow: hidden;
    width: 191px;
	 float: left;
}
#centre_haut {
	margin-right: 12px;
	overflow: hidden;
	width: 566px;
	float: left;
	color: White;
	font-weight: bold;
}
#centre_haut a{
	color: White;
}
#centre {
    margin-right: 12px;
    overflow: hidden;
    width: 566px;
	 float: left;
}
#colonne_droite
{
	clear: right;
	overflow: hidden;
	width: 191x;
	margin-left: auto;
}

.tbl {
	background-color: White;
}
#menu_bas {
    clear: left;
      overflow: hidden;
    width: 980px;
	 height: 40px;
	 float: left;
}
.logo1 {
	position: relative;
	text-align: center;
	top: -10;
	float: left;
	width: 191px;
	margin-right: 16px;


}
.haut_centre{
	width: 566px;
	height: 100px;
	margin-right: 16px;
	float: left;

}
.logo2 {
	
	text-align: center;

}
 #anim{
 border: 1px solid silver;
width: 564px;
height: 80px;
}





a.monog {
	font-size: 14px;
	color: white;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
}
a.monog:hover {
	text-decoration: underline;
}








/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

p
{
	margin-top : 0px;
	margin-bottom : 0px;
}



.essai {
	width : 170px;
	height : 100px;
	border : 1px;
	background-color : Lime;
	border-color : Gray;
}
.essai2 {
	width : 150px;
	_width : 170px;
	height : 100px;
	border : 1px;
	background-color : Lime;
	border-color : Gray;
	padding-left : 20px;
}
.titre_page {
	visibility: visible;
	display : block;
	z-index : 1;
	background-color : #F3F7D2;
	border : thin solid Black;
	font-family : sans-serif;
	padding : 5px 5px 5px 5px;
	border-color : Black #A52A2A #A52A2A Black;
	font-weight : normal;
	font-size : 12px;
}
.sous_titre_page {
	visibility: visible;
	display : block;
	z-index : 1;
	background-color : #F0E68C;
	border : 1px solid Black;
	font-family : serif;
	padding : 5px 5px 5px 50px;
	border-color : Black #A52A2A #A52A2A Black;
	text-decoration : none;
	color : Black;
	text-align : left;
	font-size : 14px;

}

a.sous_titre_page {
	font-size : 14px;
	visibility: visible;
	display : block;
	z-index : 1;
	background-color : #F0E68C;
	border : 1px solid Black;
	font-family : serif;
	border-color : Black #A52A2A #A52A2A Black;
	text-decoration : none;
	color : Black;
	text-align : left;
}
a.sous_titre_page:hover  {
	background-color : #BDB76B;
	
}
a.sous_titre_page2 {
	visibility: visible;
	display: block;
	z-index: 1;
	background-color: #F0F0F0;
	border: 1px solid Black;
	font-family: sans-serif;
	padding: 5px 5px 5px 50px;
	border-color: Black #A52A2A #A52A2A Black;
	text-decoration: none;
	color: #0D0E3B;
	text-align: left;
	width: 350px;
	_width: 400px;
	font-weight: bold;
	font-size: 13px;
	margin-left: auto;
	margin-right: auto;
}
a.sous_titre_page2:hover  {
	background-color : #BDB76B;
	color : White;
}
.calque {
	position: absolute;
	top:10px;
	left:10px;
	visibility: visible;
	display : block;
	z-index : 1;
}


.bouton_f {
	font-size: 13px;
	margin-top : 7px;
	margin-bottom : -5px;
	
}

.liste{
	font-size: 12px;
	margin-top : 7px;
	font-weight : bold;
}
a.test {
	color: White;
	background-color: #CCCC69;
	text-decoration: none;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 12px;
	text-shadow: black;
	font-weight: 200;
	font-family: sans-serif;
	display : block;
	background-image : url(/images_sys/bouton.jpg);
}
a.test:hover {
	background-color: #BDB76B;
	border: 2px outset #c0c0c0;
	background-image : url(/images_sys/bouton_2.jpg);
}

a.test:active {
	background-color: #C0000;
	border: 2px inset Silver;
	color : Gray;
}
a.bouton {
	color: White;
	background-color: #CCCC69;
	text-decoration: none;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 12px;
	text-shadow: black;
	font-weight: 200;
	font-family: sans-serif;
	display : block;
	background-image : url(/images_sys/bouton.jpg);
}
a.bouton:hover {
	background-color: #BDB76B;
	border: 2px outset #c0c0c0;
	background-image : url(/images_sys/bouton_2.jpg);
}

a.bouton:active {
	background-color: #C0000;
	border: 2px inset Silver;
	color : Gray;
}
a.bouton_haut{
	color: White;
	background-color: #B70000;
	text-decoration: none;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 15px;
	text-shadow: black;
	font-family: sans-serif;
	font-weight: bold;
	display : block;
	background-image : url(/images_sys/bouton.jpg);
}
a.bouton_haut:hover {
	background-color: #C0000;
	font-size: 14px;
	font-weight: bold;
	border: 2px outset #c0c0c0;
	background-image : none;
}

a.bouton_haut:active {
	background-color: #C0000;
	border: 2px inset Silver;
	color : Black;
	background-image : url(/images_sys/bouton_3.jpg);
}

.bt_collections{
	text-decoration: none;
	background-color: #C0000;
	color: #FFFAF0;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: bold;
	display : block;
	background-image : url(/images_sys/boutons-collections-1bis.gif);
	background-repeat : no-repeat;
}
.bt_collections:hover {
    background-color: #C0000;
	font-weight: bold;
	border: 2px outset #c0c0c0;
	background-image : url(/images_sys/boutons-collections-2bis.gif);
}

.bt_collections:active {
	background-color: #C0000;
	border: 2px inset Silver;
	color : Black;
	background-image : url(/images_sys/boutons-collections-2bis.gif);
}

a.bouton_commande{
	color: White;
	background-color: #8B0000;
	text-decoration: none;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 14px;
	text-shadow: black;
	font-family: sans-serif;
	display : block;
	background-image : url(/images_sys/commander.gif);
}
a.bouton_commande:hover {
	background-color: #8B0000;
	font-size: 14px;
	font-weight: bold;
	border: 2px outset #c0c0c0;
}

a.bouton_commande:active {
	background-color: #8B0000;
	border: 2px inset Silver;
	color : Black;
}

a.lien_ville{
	color: black;
	background-color: #F0E68C;
	text-decoration: none;
	text-align: left;
	border:1px outset #F0E68C;
	font-size: 14px;
	font-family: sans-serif;
	display : block;
	padding : 3px 3px 3px 3px;
}
a.lien_ville:hover{
	font-weight: bold;
}
.Texte_lst_ville{
	font-family : sans-serif;
	color : Maroon;
	font-size : 16px;
	font-weight : bold;
	text-align : center;
}
  .Titre_lst_ville {
	background-color : #FFA500;
	color : White;
	font-family : sans-serif;
	font-size : 18px;
	border:1px outset #F0E68C;
	text-align : center;
}

.Votre_recherche{
	font-family : sans-serif;
	color : Black;
	font-size : 18px;
	font-weight : bold;
	text-align : center;
}

.Recherche{
	font-family : sans-serif;
	color : Maroon;
	font-size : 20px;
	font-weight : bold;
	text-align : center;
}
 .message{
 color: red;
 background-color: #F9B615;
 text-decoration: none;
 font-weight: bold;
 text-align: center;
 font-size: 16px;
 font-family: arial ;
} 
.nbtitre{
 color: white;
 text-decoration: none;
 background-color: #005AE2;
 text-align: center;
 font-weight: bold;
 font-size: 18px;
 font-family: verdana ;
 
}

.ref{
	color: Navy;
	background-image: url(/ref.jpg);
	background-color: #FDE700;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana ;
}
.titre{
	color: #000066;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana ;
}
.xtitre:hover{
 color: red;
 font-weight: bold;
 font-size: 14px;
 font-family: verdana ;
 
}
.prix{
	color: #C7270D;
	font-size: 18px;
	font-family: sans-serif;
	font-weight: bold;
}
.auteur{
 color: #075F07;
 font-size: 14px;
  font-family: verdana ;
 
}
.div{
	color: Black;
	font-size: 14px;
	font-family: verdana ;
}
.img_det{
	
	border: 1px solid;
}
.titre_det{
	text-align: center;
	color: #000099;
	font-weight: bold;
	font-size: 12px;
	font-family: verdana ;
}
.descr_det{
	color: black;
	font-size: 14px;
	font-family: arial;
	text-align: justify;
	line-height: 18px;
	background-color: White;
	padding: 24px;
}
.descr_det sup{
 line-height:9px;
}



.descr_det_acc{
	color: black;
	font-size: 14px;
	font-family: arial ;
	text-align : justify;
	margin-right : 10px;
}
.auteur_det{
	color: Maroon;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana;
}
a.detail{
	color: Black;
	background-color: #FFD700;
	text-decoration: none;
	text-align: center;
	border: 2px outset #c0c0c0 ;
	font-size: 12px;
	font-family: sans-serif;
}
a.detail:hover{
 color: black;
 background-color: #E2BA00;
 text-decoration: none;
 text-align: center;
 border: 2px outset #c0c0c0 ;
 font-size: 12px;
 font-weight: bold;
 }
 
.Titre_commande{
 color: #CCCC66;
 background-color: #663300;
 text-decoration: none;
 text-align: center;
 border: 0px;
 font-size: 12px;
 }


 .supp{
 color: gray;
 text-align: center;
 border: 0px;
 font-family: verdana ;
 font-size: 8px;
  }
  
 .zone_journal_haut{
	background-color : #FF8C00;
	font-family : sans-serif;
	font-weight : bold;
	font-size : 16px;
	text-align : center;
}
.zone_journal_centre{
	background-color : #F0E68C;
	font-family : serif;
	font-size : 16px;
	text-align : center;
}
.zone_journal_bas{
	background-color : #FF8C00;
	font-family : sans-serif;
	font-size : 16px;
	text-align : center;
	color : Maroon;
}
.zone_journal_lst{
	background-color : #FFCC33;
	font-family : sans-serif;
	font-size : 16px;
	text-align : center;
	color : White;
}

.form_zone {
	font-family : sans-serif;
	font-size : 12px;
}


.Panier_inf {
	background-color : #FF8000;
	color : Black;
	font-weight : bold;
	position: relative;
	left: 20px;
	top:0px;
	height:55px;
	float : left;
	border : 1px solid Black;
	text-decoration : none;
	width : 160px;
	display : block;
	text-align : center;
}

.date {
	color: White;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

h1 {
	font-size: 13px;
	line-height: 2em;
	padding-left: 1em;
	margin: 0.5em 0;
	text-transform: uppercase;
	font-weight: bold;
	color: #333333;
	background: url('/images_sys/title_bg.png') no-repeat top left; /*height: 36px;*/
	text-align: center;
	background-color: #E7E7E7;
}
	
	.block_article {
	background-color: White;
	border: solid #EDEDED;
	width: 566px;
	padding: 6px;
	margin-bottom: 6px;
	clear: none;
	height: 130px;
	text-align: center;
	color: #494949;
}

.descr {
	color: Black;
	text-align: justify;
	font-size: 12px;
}
a.lien_perso:hover{
text-decoration: none;
color: Maroon;
}

a.button_perso{
width: 120px;
display: block;
	background-image: url('/images_sys/button-medium-perso.png');
	background-color:transparent;}
	
.mess_acc {
	visibility: visible;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 760px;
	height: 600px;
	margin-top: -300px;
	margin-left: -380px;
	background-color: transparent;
	padding: 15px;
	z-index: 1000;
	color: White;
	font-size: 0px;

}

li {
	display: list-item;
	list-style: square inside url(images_sys/puce-list.gif);
	margin-left: 0px;
	list-style-position: inside;
	color: Maroon;
} 

/**********************************************************************************************************************************************************/
/**********************************************************************************************************************************************************/


.block_rouge {
	background: url("images_sys/block_footer_2.png") no-repeat scroll left bottom transparent;
	padding-bottom: 16px;
	margin-bottom: 1em;
	width: 191px;
	margin-top: 3px;
}
.block_contenue_rouge{
	 background: none repeat scroll 0 0 #B22222;
     min-height: 30px;
    padding: 4px 0.7em 8px;
}

div.block_rouge h4 {
   background: url("images_sys/block_header_2.png") no-repeat scroll left top transparent;
     color: Yellow;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    height: 20px;
    line-height: 2em;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
	 margin-bottom: 0px;
}

.block_recherche {
	background: url("images_sys/block_footer_recherche.png") no-repeat scroll left bottom transparent;
	padding-bottom: 16px;
	margin-bottom: 1em;
	width: 191px;
	margin-top: 3px;
}
.block_contenue_recherche{
	background: #FFDEB5;
	min-height: 30px;
	padding: 4px 0.7em 8px;
	color: #373737;
}

div.block_recherche h4 {
	background: url("images_sys/block_header_recherche.png") no-repeat scroll left top transparent;
	color: #8B0000;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	height: 20px;
	line-height: 2em;
	padding-top: 6px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.block_bleu {
	background: url("/images_sys/block_footer_bleu.jpg") no-repeat scroll left bottom transparent;
	padding-bottom: 16px;
	margin-bottom: 1em;
	width: 191px;
	margin-top: 3px;
}
.block_contenue_bleu{
	background: rgb(112, 155, 206) none repeat scroll 0 0;
	min-height: 30px;
	padding: 4px 0.7em 8px;
	color: White;
	text-align: center;
}

div.block_bleu h4 {
	background: url("/images_sys/block_header_panier.png") no-repeat scroll left top transparent;
	color: White;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	height: 20px;
	line-height: 2em;
	padding-top: 6px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.block_mon_compte {
	background: url("/images_sys/block_footer_bleu.jpg") no-repeat scroll left bottom transparent;
	padding-bottom: 16px;
	margin-bottom: 1em;
	width: 191px;
	margin-top: 3px;
}
.block_contenue_mon_compte{
	background: rgb(112, 155, 206) none repeat scroll 0 0;
	min-height: 30px;
	padding: 4px 0.7em 8px;
	color: White;
	text-align: center;
}

div.block_mon_compte h4 {
	background: url("/images_sys/block_header_panier.png") no-repeat scroll left top transparent;
	color: White;
	font-family: Arial,Helvetica,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	height: 20px;
	line-height: 2em;
	padding-top: 6px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0px;
}


.block_gris {
	background: url("/images_sys/block_footer.png") no-repeat scroll left bottom transparent;
    padding-bottom: 16px;
    margin-bottom: 1em;
    width: 191px;
	 margin-top: 3px;
	
}
.block_contenue_gris{
	background: none repeat scroll 0 0 #FFFFFF;
	min-height: 30px;
	padding: 4px 0.7em 8px;
	border-left: 1px solid Silver;
	border-right: 1px solid Silver;
	margin-top: 1px;
	}

div.block_gris h4 {
   background: url("images_sys/block_header.png") no-repeat scroll left top transparent;
     color: black;
    font-family: Arial,Helvetica,Sans-Serif;
    font-size: 1em;
    font-weight: bold;
    height: 20px;
    line-height: 2em;
    padding-top: 6px;
    text-align: center;
    text-transform: uppercase;
	 margin-bottom: 0px;
}
div.block_gris li {
padding: 0.2em 0 0.6em 0em;
	list-style-position: outside;
	
}
div.block_gris a {
	text-decoration: none;
	font-size: 12px;
	text-align: center;
}
div.block_gris a:hover {
	font-weight: bold;
}

.block_accueil {
	width: 236px;
	background-color: #F8F8F8;
	border: 3px solid #D9D9D9;
	padding: 12px;
	margin: 0px 0px 0px 0px;
	float: left;
	
	background-image: url(images_sys/bordcadre.jpg);
	box-shadow: 3px 3px 12px black;
	background-position: top left;
	background-repeat: no-repeat;
	color: #BFC0FF;
}
.block_accueil img {
	float: left;
	border: 2px outset #EDEDED;
	margin: 3px 4px 0px 0px;
}
.accueil_desc {
	/*font-family: "Times New Roman", serif;*/
	font-size: 10px;
	color: #3F3F3F;
	text-align: justify;
	padding-left: 30px;
}

.block_img {
	float: left;
	border: 2px inset #EDEDED;
	margin: 4px 2px 2px 2px;
}
.block_list {
	
	color: Black;
	border: Black;
}
.block_list  a{
	background-color: #FFFFB2;
	color: #30597C;
	border: 1px solid black;
	display: block;
	padding: 3px 10px;
	margin: 3px;
	text-decoration: none;
}


.block_list  a:hover{
	background-color: #30597C;
	color: #FFF09B;
}
.color1 {
	color: #BB0000;
}
.color2 {
	color: #00014F;
}
#f_info a{
	color: #717171;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
}
#f_info a:hover{
	color: Maroon;
	text-decoration: none;
	font-weight: normal;
}
.centrer{
	text-align: center;
}
.droite{
	text-align: right;
}
.bouton2 {
	border: thin solid #D1D1D1;
	background-color: #EFEFEF;
	padding: 3px;
	margin: auto;
	text-align: center;
	color: Black;
	display: block;
	width: 110px;
	text-decoration: none;
}

.bouton2 a:hover{
	color: Fuchsia;
	font-weight: normal;
}

.block_list {
	background-color: White;
	padding: 6px;
	margin: 6px;
}
#panier {
	font-size: 14px;
	color: White;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#panier a{
	font-size: 11px;
	color: Black;
	font-weight: normal;
}

test{
	bo;
	border: none;
	font-weight: bold;
	text-decoration: none;
}
.cd1 {
	background-color: #E1E1E1;
	color: Black;
}
.cd2{
	background-color: #CFCFCF;
	color: Black;
}

#fade {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-repeat: repeat;
	background-color: White;
	display: none;
	zoom: 1;
	filter: alpha(opacity=10);
	opacity: 0.0;
}
.alert_mess{
	height: 60px;
	
	font-size: 14px;
	text-align: center;
	padding-top: 15px;
	color: #8B0000;
}
.alert_titre{
	height: 20px;
	background: #8EC8FF;
	border-bottom: 1px solid Black;
	text-align: center;
	color: White;
	font-size: 14px;
	text-transform: uppercase;
}
.alert {
	position: absolute;
	width: 350px;
	height: 150px;
	background-color: white;
	padding: 0px;
	z-index: 1000;
	color: #868686;
	font-size: 12px;
	border: 3px groove #57ADFF;
	display: none;
}
.alert_bouton{
	background: #8EC8FF;
	font-size: 14px;
	display: block;
	width: 110px;
	height: 25px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	color: #BB0000;
	font-weight: bold;
	padding-top: 6px;
	text-decoration: none;
	border: 1px groove Black;
}
.mon_compte, .mon_compte a{
	text-align: center;
	color: White;
	border: none;
}

.informations {
	background-color: White;
	padding: 6px;
	font-size: 14px;
	color: #242424;
}

.lien_info{
	color: #9A1E1E;
}

.info_detail{
	color: #545454;
	font-size: 13px;
}
.anim_acc ul{
	width: 100px;
	height: 350px;
}

.anim_acc li{
	list-style-type: none;
	list-style-image: none;
}
.roundabout-holder { padding: 0; height: 450px;  }
.roundabout-moveable-item {
	margin-left: 100px;
      height:450px;
      width: 300px;
      cursor: pointer;
 	list-style-image: none;
		list-style: none;
}
.roundabout-in-focus { cursor: auto; }

.slideshow {
	width: 280px;
	height: 400px;
	margin: auto;
  overflow: hidden;
	border: 0px ;
	background-color: transparent;
}  
.slideshow ul {  
   /* 4 images donc 4 x 100% */  
  width: 500%;  
     height: 200px;  
  padding:0; margin:0;  
   list-style: none;  
	 	list-style-image: none;
}  
.slideshow li {  
   float: left;  
	  list-style: none;  
	 	list-style-image: none;
		  padding:0; margin:10px;  
}  

.img_nouv {
	height: 230px;
	background-color: #B8860B;
	border: 2px inset White;
	padding: 2px;
	margin: 20px;
}
.list_lien {
	color: White;
	font-size: 20px;
}
	
	
.lien_nuit{
	color: Navy;
	text-decoration: none;
}