/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body {

	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#0A131F;
}
.center {
	MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
.espacement{
padding-left:30px;
}
.espacement2{
padding-left:5px;
}
#logo{
padding-left:12px;
float:left;
}
#menu{
float:left;
margin-top:88px;
width:465px;
}
a.chanson{
text-decoration:none;
color:#000000;
}
a:hover.chanson{
text-decoration:none;
color:#333333;
}

#menu a{
font-size:14px;
text-decoration:none;
color:#1F3C64;
font-weight:300;
margin-left:20px;
border-bottom:#ffffff dotted 1px;
border-top:#ffffff dotted 1px;
padding-bottom:2px;
padding-top:2px;
display:block;
float:left;
}
#menu a:hover{
font-size:14px;
text-decoration:none;
color:#1F3C64;
font-weight:300;
margin-left:20px;
border-bottom:#FD7400 dotted 1px;
border-top:#FD7400 dotted 1px;
padding-bottom:2px;
padding-top:2px;
display:block;
float:left;

}
h5{
display:block;
font-size:16px;
padding:4px;
background-color:#F47608;
color:#FFFFFF;
margin-bottom:5px;
}
.plus{
padding:0px;
margin:0px;
list-style:none;

}
h6{
font-size:14px;
margin-bottom:5px;
color:#183152;
}
#bouton{
color:#FFFFFF;
margin-left:21px;
padding-top:12px;
}
#bouton a{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-weight:bold;

}
#bouton a:hover{
color:#1E3C64;
text-decoration:none;
font-size:12px;
font-weight:bold;

}
#login{
float:right;
width:242px;
height:139px;
padding-right:16px;
}
#search_bar{
background-image:url(../images/bg_login.jpg);
background-repeat:no-repeat;
height:45px;
}
#search_bar2{
background-image:url(../images/bg_login2.jpg);
background-repeat:no-repeat;
height:45px;
float:right;
margin-top:-17px;
width:280px;
}
.bt_recherche {

width:23px;
height:22px;
padding-top:20px;
margin-left:12px;
position:absolute;
}
.bt_recherche2 {

width:23px;
height:22px;
padding-top:20px;
margin-left:6px;
position:absolute;
}
.recherche{
font-size:11px;
color:#183152;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	border:#FFFFFF solid 1px;
	margin-left:22px;
	margin-top:21px;
	width:165px;
	height:15px;

}
.bouton {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #1E3C64;
	border: 1px solid #FFFFFF;
	padding: 1px;
	margin-left:8px;
}
.champ_recherche{
font-size:11px;
color:#183152;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	border:#FFFFFF solid 1px;

	margin-top:10px;
	width:177px;
	height:15px;

}
#log{
background-image:url(../images/bg_login_contenue.jpg);
background-repeat:no-repeat;
height:94px;
}
.titre{
margin-left:40px;
}
.titre_droite{
margin-left:30px;
}
.publications{
padding:5px;
}
.publications h1{
font-size:12px;
color:#000000;
font-weight:bold;
}
.publications h2{
font-size:11px;
color:#333333;
border-bottom:#1E3C64 dotted 1px;

}

.publications .texte{
font-size:12px;
color:#666666;


}
.bordure{
border:#C2D1D4 solid 2px;
}
a.bt_liste2{
display:block;
background-image:url(../images/bt_savoir.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
width:105px;
margin-left:12px;

height:14px;

}
a:hover.bt_liste2{
display:block;
background-image:url(../images/bt_savoir.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#0A131F;
text-decoration:none;
padding-left:5px;
width:105px;
margin-left:12px;

height:14px;

}
a.bt_liste{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
width:141px;
margin-left:12px;

height:14px;

}
a:hover.bt_liste{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#0A131F;
text-decoration:none;
padding-left:5px;
width:141px;
margin-left:12px;


}
a.bt_liste3{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
width:141px;
float:right;
margin-left:12px;
margin-bottom:20px;


}
a.bt_article{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
width:141px;
float:right;
margin-top:5px;

}
a:hover.bt_article{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#0A131F;
text-decoration:none;
padding-left:5px;
width:141px;
float:right;
margin-top:5px;
}
a.bt_article2{
display:block;
background-image:url('../images/bt_bg.jpg');
background-repeat:no-repeat;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
width:141px;
margin-left:35px;
}
a:hover.bt_article2{
display:block;
background-image:url(../images/bt_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
color:#0A131F;
text-decoration:none;
padding-left:5px;
width:141px;
margin-left:35px;
}
a.prix{
background-image:url(../images/bg_prix.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
color:#FFFFFF;
font-size:8px;
width:59px;
height:15px;
text-align:right;
padding-right:6px;
text-decoration:none;
margin-right:5px;
}
a:hover.prix{
background-image:url(../images/bg_prix.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
color:#50B950;
font-size:8px;
width:59px;
height:15px;
text-align:right;
margin-right:5px;
padding-right:6px;
text-decoration:none;
}
.album_titre{
font-size:12px;
color:#000000;
padding-left:5px;
}
.album_titre2{
font-size:12px;
color:#000000;
margin-left:15px;
}
#les_plus h1{
font-size:12px;
padding:0px;
margin:0px;
}
#les_plus h2{
font-size:12px;
color:#333333;
font-weight:bold;
padding:0px;
margin:0px;
}
#artiste h1{
font-size:14px;
font-weight:bold;


margin-top:7px;
padding-bottom:5px;
border-bottom:#000000 dotted 1px;
}
#a_propos .cover2{
margin-top:16px;
margin-left:16px;
border:#1F3C64 1px solid;
padding:2px;
}
#a_propos h1{
color:#000000;
font-size:14px;
font-weight:bold;

margin-top:16px;
}
.bt_ajouter{
float:right;
margin-top:-45px;
margin-right:16px;
margin-bottom:16px;
}
#a_propos h2{
color:#FD7400;
font-size:14px;
font-weight:normal;
}
a.titre_artiste{
color:#FD7400;
font-size:14px;
font-weight:normal;
text-decoration:none;

}

#a_propos h3{
color:#000000;
font-size:14px;
font-weight:bold;
border-bottom:#C2D1D4 dotted 1px;
padding-bottom:5px;

}
.artiste_photo{
float:left;
}
.rangee{
border-bottom:#C2D1D4 dashed 1px;
}
a.special{
background-image:url(../images/bg_special.jpg);
background-repeat:no-repeat;
background-position:top right;
display:block;
padding-bottom:5px;

width:101px;
color:#FD7400;
font-size:22px;
text-decoration:none;
text-align:right;
padding-top:17px;
padding-right:13px;
}
a:hover.special{
background-image:url(../images/bg_special.jpg);
background-repeat:no-repeat;
background-position:top right;
display:block;
padding-bottom:5px;

width:101px;
color:#FFFFFF;
font-size:22px;
text-decoration:none;
text-align:right;
padding-top:17px;
padding-right:13px;
}
.credit{
	font-size:11px;
}
.credit2{
	font-size:8px;
}
.cover{
border-right:#FD7400 solid 2px;
border-bottom:#FD7400 solid 2px;
}
.bg_ligne{
/*background-image:url(../images/bg_ligne.jpg);
background-repeat:repeat-x;*/
background-color:#CBCFDA;
border-bottom:1px solid #a5b5e0;
border-top:1px solid #a5b5e0;
/*padding:2px;*/
height:20px;
}
.bg_entree{
background-image:url(../images/bg_entree.jpg);
background-repeat:no-repeat;
}
.entree h1{
color:#000000;
font-size:14px;
font-weight:bold;
margin-left:16px;
margin-top:16px;
}
.entree h2{
color:#FD7400;
font-size:14px;
font-weight:normal;
margin-left:16px;
}
.entree_bg_left{
background-image:url(../images/entree_top_left.jpg);
background-repeat:repeat-y;
}
.entree_bg_right{
background-image:url(../images/entree_top_right.jpg);
background-repeat:repeat-y;
}
.motif{
position:absolute;
margin-top:-50px;
z-index:1;
margin-left:398px;
}
.motif_construction{
position:absolute;
margin-top:-50px;
z-index:1;
margin-left:368px;
}
.motif2{
position:absolute;
margin-top:-68px;
z-index:1;
margin-left:398px;
}
.motif3{
position:absolute;
margin-top:-50px;
z-index:1;
margin-left:625px;
}
.fouineux_bg_left{
background-image:url(../images/fouineux_top_left.jpg);
background-repeat:repeat-y;
}
.fouineux_bg_right{
background-image:url(../images/fouineux_top_right.jpg);
background-repeat:repeat-y;
}
.fouineux_bg{
background-image:url(../images/fouineux_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

.catalogue_bg_left{
background-image:url(../images/catalogue_top_left.jpg);
background-repeat:repeat-y;
}
.catalogue_bg_right{
background-image:url(../images/catalogue_top_right.jpg);
background-repeat:repeat-y;
}
.catalogue_bg{
background-image:url(../images/catalogue_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}




.publication_bg_left{
background-image:url(../images/publications_top_left.jpg);
background-repeat:repeat-y;
}
.publication_bg_right{
background-image:url(../images/publications_top_right.jpg);
background-repeat:repeat-y;
}
.publication_bg{
background-image:url(../images/publications_bg.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
}
#footer_gens {
	margin:auto;
	WIDTH: 996px;
	HEIGHT: 100%;
	background-image:url(../images/bg_footer.jpg);
	background-repeat:no-repeat;
	height:75px;
}
.left {
	FLOAT: left
}

.clear {
	CLEAR: both
}
#entete_total {

		background-image:url(../images/bg_header.jpg);
	background-repeat:repeat-x;

}
#header {
	OVERFLOW: visible;
	WIDTH: 990px;
	height: 146px;
}
#contenu_total {
	HEIGHT: 100%;
	background-color:#183152;
}
#Contenu {
	OVERFLOW: hidden;
	WIDTH: 996px;
	HEIGHT: 100%;
	background-image:url(../images/bg_contenue.jpg);
	background-repeat:repeat-y;
}


#contenu_droite {
	WIDTH: 397px;
	HEIGHT: 100%;
	float:right;
	padding-right:16px;
	padding-top:25px;

}
#contenu_gauche {
	WIDTH: 571px;
	HEIGHT: 100%;
	float:left;
	padding-left:12px;
	padding-top:25px;

}
#contenu_droite_catalogue {
	WIDTH: 190px;
	HEIGHT: 100%;
	float:right;
	padding-right:16px;
	padding-top:25px;

}
#contenu_gauche_catalogue {
	WIDTH: 775px;
	HEIGHT: 100%;
	float:left;
	padding-left:12px;
	padding-top:25px;

}
.pub{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
margin-left:53px;
margin-bottom:5px;
}
.pub3{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFFFFF;
width:100px;
margin-left:125px;
margin-bottom:5px;
}
.pub2{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#000000;
margin-bottom:5px;

}
DIV#footer {
	background-color:#0A131F;
	height:111px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 

}
#footer_contenue{
	WIDTH: 946px;
	HEIGHT: 100%;
	MARGIN-LEFT: auto; MARGIN-RIGHT: auto;
	padding-left:40px;
	padding-top:45px;
	color:#FFFFFF;
}
#footer_contenue a{
color:#FFFFFF;
text-decoration:none;
padding:10px;
}
#footer_contenue a:hover{
color:#999999;
text-decoration:none;
padding:10px;
}
.conception{
color:#1E3C64;
margin-top:5px;
padding-left:10px;
}
#footer_contenue .conception a{
color:#1E3C64;
text-decoration:none;
padding:0px;
}
#footer_contenue .conception a:hover{
color:#3162A4;
text-decoration:none;
padding:0px;
}
DIV#footer P {
	FONT-SIZE: 12px;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.sous_titre{
	font-size:16px;
	font-weight:bold;
	color:#FD7400;
	padding-left:10px;
}
.sous_titre2{
	font-size:16px;
	font-weight:bold;
	color:#183152;
	
}
a.afficher_tout{
	padding-left:10px;
	color:#666666;
	font-size:11px;
	text-decoration:underline;
}

 div.consentBox {
border:1px solid #90AEC6;
height:122px;
overflow-y:scroll;
padding:8px;
width:552px;
}
.bouton {
	font-family: tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #FD7400;
	border: 1px solid #e3e3e3;
	padding: 2px;
}
.date{
font-size:11px;
color:#333333;
border-bottom:#1E3C64 dotted 1px;

}
a.supp{
color:#BF5500;
}
a:hover.supp{
color:#183152;
}
a.artiste{
text-decoration:none;
color:#333333;
}
a:hover.artiste{
text-decoration:none;
color:#000000;
}
.orange{
	color:#FD7400;
	font-weight:bold;
}
h4{
font-size:12px;
font-weight:normal;
}
.bt_suite{
font-weight:bold;
text-decoration:underline;
color:#000000;

}

#a_propos .album h1 {
	color:#000;
	font-size:12px;
	}
	#a_propos .album h2 {
	color:#000;
	font-size:12px;
	}
	.lettre_recherche {
		margin-top:10px;
		
		
		
		}
	
	.lettre_recherche a{
	color:#F97604;
	font-weight:bold;
	display:block;
	width:10px;
	padding:7px;
	float:left;
	text-align:center;
	font-size: 16px;
	text-decoration:none;

}
.lettre_recherche a:hover{
	color:#254463;
	font-weight:bold;
	display:block;
	width:10px;
	padding:7px;
	float:left;
	text-align:center;
	background-image:url(../images/fleche.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.champ_texte{
	height:12px;
	width:150px;
	font-size:11px;
	margin:0px;
	padding:0px;
	}
.information{
	font-size:10px;	
		}
#bouton a.information2  {
	font-size:10px;	
	color:#fff;
		}
#bouton a:hover.information2  {
	font-size:10px;	
	color:#183152;
		}
.erreur{
	color:#900;
	}
a.ChansonInCart{
background-image:url(../images/bg_prix_select.gif);
background-repeat:no-repeat;
background-position:right;
display:block;
color:#FFFFFF;
font-size:8px;
width:59px;
height:15px;
text-align:right;
padding-right:6px;
text-decoration:none;
margin-right:5px;
}