@charset "utf-8";

@import "elements.css";

/*
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤
Feuille de styles principale pour FGL Music
Media : screen

Menu du plus foncé au plus clair : 779fb8 - b5c2ca - d5dce0
Typo bleu et fonds bleu (du type du même artiste) : 074266
Rouge des rollover : b7181a
Prix : bc5a1a
Fonds alterné : d5dCe0 
¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤
*/



/*====================================================================
                                                                  body
*/
body {
	background-color:#dde3e6;
	background-image:url(/images/layout/body_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding:0;
}


/*====================================================================
                                                                titres
*/
h1, h2, h3, h4, h5, h6 {
	color:#074266;
	background-color:#fff;
	text-align:left;
	background-color:transparent;
	font-weight:bolder;
	padding-bottom:.2em;
	text-transform:none;
}

h1 {
	font-family:Verdana, GillSans, Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:0;
	padding-right:60px;
	padding-bottom:.2em;
	padding-left:0;
	background-image:url(/images/layout/h1_bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	margin-top:0;
	margin-bottom:18px;
}
h1 .highlight {
	color:#779fb8;
}

h2 {
	font-family:Verdana, GillSans, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin-top:0;
	margin-bottom:10px;
}
h2.separator {
	background-image:url(/images/layout/separator_bg.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:10px;
}
h3 {
	font-size:14px;
	margin-top:0;
	margin-bottom:6px;
}
h4, h5, h6 {
	line-height:12px;
	margin-top:0;
	margin-bottom:4px;
}
h4 {
	font-size:1.1em;
}
h5 {
	font-size:1em;
}
h6 {
	font-size:1em;
}


/*====================================================================
                                                                    hr
*/
hr {
	border:1px solid #fff;
	float:none;
	clear:both;
}



/*====================================================================
                                                                   pre
*/
pre {
	text-align:left;
	/*border:1px solid #aaa;*/
	float:none;
	clear:both;
	overflow:auto;
}


/*====================================================================
                                                              Tableaux
*/
table {
	width:auto;
	table-layout:auto;
}





/*====================================================================
                                                                  page
*/
#page {
	width:750px;
	margin:0 auto;
	background-color:#fff;
	overflow:auto;
}


/*====================================================================
                                                                header
*/
#header {
	background-color:#fff;
	height:59px;
	padding:8px 0 0 0;
	margin:0;
	display:block;
}
#header p {
	line-height:1em;
	margin:0;
}
#header p, #header object, #header object img {
	float:left;
}


/*====================================================================
                                                                navbar
*/
#navbar {
	background-color:#fff;
	background-image:url(/images/layout/navbar-bg.png);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:normal;
	font-family:Verdana, GillSans, Arial, Helvetica, sans-serif;
	float:none;
	clear:both;
	height:31px;
	padding:6px 0 0 0;
	margin:0;
	display:block;
}
#navbar a:link, #navbar a:visited {
	color:#074266;
	text-decoration:none;
}
#navbar a:hover, #navbar a:focus {
	color:#b7181a;
}
#navbar a:active {
	color:#f00;
}

#navbar-recherche {
	width:111px;
	padding-left:10px;
}
#navbar-artistes {
	width:67px;
	padding-left:5px;
	padding-top:2px;
}
#navbar-genres {
	width:173px;
	padding-left:0px;
}
#navbar #genres {
	width:155px;
	margin:0 6px 0 5px;
}
#navbar-genres option {
	width:400px;
}
#navbar-labels {
	width:63px;
	padding-left:0px;
	padding-top:2px;
}
#navbar-dvd {
	width:36px;
	padding-left:5px;
	padding-top:2px;
}
#navbar-news {
	width:82px;
	padding-left:5px;
	padding-top:2px;
}
#navbar-concerts {
	width:69px;
	padding-left:5px;
	padding-top:2px;
}
#navbar ul#navbar-langues {
	float:left;
	padding-right:0px;
	margin-left:25px;
}
#navbar ul#navbar-langues li {
	padding-right:5px;
}

#navbar ul, #navbar form, #navbar p {
	padding:0;
	margin:0;
}
#navbar form p {
	line-height:1px;
}
#navbar li {
	float:left;
	clear:none;
	padding-right:0;
	margin:0;
	list-style:none;
}
#navbar li.langue-actuelle img {
	padding:1px;
	border:1px solid #779fb8;
}
#navbar li.drapeau-langue img {
	padding:1px;
	border:1px solid #b5c2ca;
}
#navbar #q {
	background-color:#fff;
	width:87px;
	height:17px;
	border:0;
}
#navbar #q-submit {
	vertical-align:middle;
}


/*====================================================================
                                                               content
*/
#content {
	float:left;
	clear:none;
	width:617px;
	position:relative;
	background-color:#fff;
	padding:3px 0 60px 10px;
	margin-bottom:20px;
}


/*====================================================================
                                                                  Menu
*/
#menu {
	color:#fff;
	font-weight:normal;
	font-size:11px;
	background-color:#285b7a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:113px;
	float:right;
	clear:none;
	margin:0 0 0 10px;
	padding:0;
}
#menu li {
	line-height:1.6;
}
#menu a:link, #menu a:visited {
	color:#fff;
	text-decoration:none;
}
#menu a:hover, #menu a:focus {
	color:#fff;
	text-decoration:underline;
}
#menu a:active {
	color:#f00;
	text-decoration:none;
}

#menu ul {
	background-color:transparent;
	margin:0;
	padding:0;
	padding-top:5px;
}
#menu ul li {
	background-color:transparent;
	list-style-type:none;
	margin:0;
	padding:0 0 0 13px;
}

#menu1 {
	background-image:url(/images/layout/col1-bg.png);
	height:24px;
}
#menu ul#menu1 li {
	padding-left:8px;
}
#menu2 {
	background-image:url(/images/layout/col2-bg.png);
	height:42px;
}
.narrow {
	letter-spacing:-1px;
}
#menu3 {
	background-image:url(/images/layout/col3-bg.png);
	height:115px;
}
#menu3 li.image-blog {
	margin-top:5px;
}
#menu4 {
	background-image:url(/images/layout/col4-bg.png);
	height:35px;
}
#menu4 li span {
	line-height:9px;
}
#menu ul#menu5 {
	color:#074266;
	background-color:#c8d9e0;
	background-image:url(/images/layout/col5-bg.png);
	height:82px;
}
#menu ul#menu5 a:link, #menu ul#menu5 a:visited {
	color:#074266;
}
#menu ul#menu5 a:hover, #menu ul#menu5 a:focus {
	color:#b7181a;
}
#menu ul#menu5 a:active {
	color:#f00;
}

#menu ul#menu6 {
	color:#000;
	background-color:#fff;
	font-size:9px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	padding-right:5px;
}
#menu ul#menu6 a:link, #menu ul#menu6 a:visited {
	color:#000;
	text-decoration:underline;
}
#menu ul#menu6 a:hover, #menu ul#menu6 a:focus {
	color:#b7181a;
}
#menu ul#menu6 a:active {
	color:#f00;
}
#menu ul#menu6 li {
	text-align:center;
}

ul#menu5 li#icone-panier a img {
	float:right;
	padding-right:10px;
	margin-top:-15px;
}
ul#menu5 li#panier-ligne3 {
	/* Utilisé uniquement pour IE/Win (voir feuille de style 'IE60Fixes.css') */
}


/*                                                                  ID
======================================================================
                                                                Footer
*/
#footer {
	float:none;
	clear:both;
	background-color:#dde3e6;
	padding:10px;
	/*border:1px solid #eee;*/
}


/*====================================================================
                                                           mini-panier
*/
#mini-panier {
	width:300px;
	float:right;
	clear:none;
	padding:.5em;
	border:1px solid #999;
	margin:.0 0 .5em .5em;
	background-color:#f8f8f8;
}
#mini-panier h3 {
	margin-top:.5em;
}


/*                                                             BODY ID
======================================================================
                                                               accueil
*/
#accueil #featured-cover {
	background-color:#fff;
	float:left;
	width:300px;
}
#accueil .news {
	float:left;
	background-color:#fff;
	overflow:auto;
	width:302px;
	margin-left:10px;
	height:230px;
}
#news-covers {
	float:none;
	clear:both;
	text-align:justify;
	overflow:auto;
	height:74px;
	width:615px;
	margin-top:2px;
	background-color:#fff;
}
#news-covers img {
	float:left;
	margin-left:8px;
	border:1px solid #333;
}
#news-covers img.noborder {
	border:none;
	margin-left:0px;
}

#accueil #albums-previews {
	background-color:#fff;
	height:27px;
	margin:10px 0 0 0;
	float:none;
	clear:both;
	overflow:auto;
}
#accueil #albums-previews object {
	padding:0;
	border:none;
	clear:both;
	margin:0;
}

#big-slots {
	margin:10px 0;
	float:none;
	clear:both;
}
#big-slots img {
	float:left;
	clear:none;
}
#big-slots img#slot1 {
	margin-right:7px;
}
#big-slots img#slot2 {

}
#big-slots img#slot3 {
	margin-top:7px;
	margin-right:7px;
}
#big-slots img#slot4 {
	margin-top:7px;
}
#big-slots img#slot5 {
	margin-top:7px;
	margin-right:7px;
}
#big-slots img#slot6 {
	margin-top:7px;
}


/*                                                             BODY ID
======================================================================
                                                                  news
*/
#news #nouvelles {
	float:left;
	clear:none;
	width:308px;
}
#news #nouvelles h1 {
	margin-right:10px;
}
#news #sorties {
	float:left;
	clear:none;
	width:308px;
	border-left:1px solid #074266;
}
#news #sorties h1 {
	margin-left:10px;
}
img.news-separator {
	margin-bottom:10px;
}



/*                                                             BODY ID
======================================================================
                                                             recherche
*/
#recherche {

}
#recherche ol#resultat-recherche {
	padding:0;
	margin:1.5em 0;
}
ol#resultat-recherche li {
	list-style-type:none;
	text-align:left;
	float:none;
	clear:both;
	padding:4px;
	margin-bottom:0;
	height:1%;
	min-height:65px;
	overflow:auto;
}
ol#resultat-recherche li.dark-bg {
	background-color:#d4dcdf;
}
ol#resultat-recherche li.light-bg {
	background-color:#fff;
}
ol#resultat-recherche li p {
	text-align:left;
	margin-bottom:0;
	margin-left:70px;
	padding-left:5px;
}
ol#resultat-recherche li p.image-produit {
	float:left;
	margin-left:0;
	padding-left:0;
}
ol#resultat-recherche li p .lien-artiste {
	font-weight:normal;
	font-style:italic;
	color:#000;
}
ol#resultat-recherche li p .lien-artiste a {
	font-weight:normal;
}
ol#resultat-recherche li p.details-resultat {
	padding-top:0px;
	padding-bottom:6px;
}
ol#resultat-recherche li p a:link, ol#resultat-recherche li p a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#074266;
}
ol#resultat-recherche li p a:hover, ol#resultat-recherche li p a:focus {
	text-decoration:none;
	color:#b7181a;
}
ol#resultat-recherche li p cite {
	font-weight:bold;
	color:#074266;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
}
ol#resultat-recherche li p .genre {
	font-weight:bold;
	font-size:11px;
}
ol#resultat-recherche li p .type-produit {
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}


/*                                                             BODY ID
======================================================================
                                                              artistes
*/
#artistes h2 {
	font-family:Arial, Helvetica, sans-serif;
}


/*====================================================================
                                                        Liste Artistes
*/
#artistes-lettre {
	float:left;
	width:389px;
	background-color:#fff;
	background-image:url(/images/layout/box-390-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-right:12px;
	border-right:1px solid #074266;
	margin-right:1px;
}
#artistes-lettre h2 {
	background-image:url(/images/layout/box-390-top.png);
	background-repeat:no-repeat;
	height:18px;
	font-size:16px;
	padding:4px 0 2px 8px;
	margin:0;
}
#artistes-lettre h3 {
	font-size:12px;
	margin-top:3px;
	margin-bottom:6px;
}
ul.liste-artistes {
	padding-right:10px
}
ul.liste-artistes li {
	font-size:11px;
	list-style-type:none;
	padding-bottom:3px;
	border-bottom:1px dotted #074266;
	margin:0;
}
ul.liste-artistes li h3 {
	margin:1em 0 0 0;
}
ul.liste-artistes li ul li {
border:0;
}
ul.liste-artistes ul {
	margin:0 0 0 6px;
}
#menu-catalogue {
	margin-top:20px;
	height:44px;
	background-image:url(/images/layout/menu-catalogue-bg.png);
}


/*                                                             BODY ID
======================================================================
                                                         Fiche Artiste
*/
#fiche-artiste ul.artiste-albums {
	margin-left:0;
}
#fiche-artiste ul.artiste-albums li {
	list-style-type:none;
}

#image-artiste {
	width:200px;
	float:left;
	margin-right:10px;
}
#fiche-artiste h1, #fiche-artiste h2 {
	font-family:Arial, Helvetica, sans-serif;
}
#fiche-artiste h1 {
	color:#000;
	font-size:24px;
	line-height:1.2;
	padding:0;
	padding-bottom:12px;
	border:0;
	margin:0;
	margin-bottom:12px;
}
#fiche-artiste #details-artiste {
	float:left;
	width:407px;
}
#fiche-artiste #details-artiste h2 {
	font-size:16px;
	margin:10px 0 20px 0;
}
#fiche-artiste #details-artiste ul {
	margin:0;
	padding:0;
}
#fiche-artiste #details-artiste li {
	list-style-type:none;
	padding:0;
}
#fiche-artiste #details-artiste p.site-web {
	font-size:14px;
	font-weight:bold;
}
#fiche-artiste #page-bottom {
	float:none;
	clear:both;
	padding-top:15px;
	border-top:3px solid #c5d3d9;
	margin-top:0px;
}
#fiche-artiste #bio {
	float:left;
	width:510px;
	margin-right:0px;
	background-color:#d4dcdf;
	background-image:url(/images/layout/box-510-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#fiche-artiste #bio .texte {
	padding:10px;
}
#fiche-artiste #bio h2 {
	background-image:url(/images/layout/box-top-510.png);
	background-repeat:no-repeat;
	margin:0;
	border:0;
	height:21px;
	padding-left:20px;
	padding-bottom:3px
}
#fiche-artiste #bio h3 {
	padding:0;
	margin-bottom:10px;
}


/*====================================================================
                                                          Page Produit
*/
#image-produit {
	width:200px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#image-produit p {
	margin-bottom:0;
}
#produit h1, #produit h2 {
	border:0;
	margin:0;
}
#produit h1, #produit h2 {
	font-family:Arial, Helvetica, sans-serif;
}
#produit h1 {
	color:#000;
	font-size:24px;
	line-height:1.2;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	padding-bottom:12px;
	border:0;
	margin:0;
	margin-bottom:12px;

}
#produit #details-produit {
	width:407px;
	height:auto;
	padding:0;
	margin-left:210px;
	margin-bottom:20px;
}
#produit #details-produit h2 {
	font-size:16px;
	margin:6px 0 12px 0;
}
#produit #details-produit ul {
	margin:0;
	padding:0;
}
#produit #details-produit li {
	font-size:11px;
	list-style-type:none;
	padding:0;
}
#produit p#prix-panier {
	font-size:14px;
	font-weight:bold;
	margin:20px 0 0 0;
}
#produit #prix-panier .prix {
	font-size:16px;
}
#produit #liens {
	position:relative;
	float:right;
	text-align:right;
	margin-top:0px;
}
#produit #liens p {
	text-align:right;
	margin-bottom:5px;
}
#produit #liens ul {
	margin:0;
	margin-right:0px;
	margin-bottom:10px;
}
#produit #liens li {
	text-align:right;
}

#produit #page-bottom {
	float:none;
	clear:both;
	background-image:url(/images/layout/separator_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:15px;
	border-top:0px solid #c5d3d9;
	margin-top:0px;
}
#produit #page-bottom #page-bottom-left {
	float:left;
	clear:none;
	background-color:#fff;
	padding:0px;
}
#produit #tracklist {
	float:left;
	clear:none;
	width:510px;
	background-color:#d4dcdf;
	background-image:url(/images/layout/box-510-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-right:0px;
	margin-bottom:20px;
}
#produit #tracklist .tracklist {
	padding:0 10px 0 0;
}
#produit #tracklist p {
/* Cas où la liste des titres est vide */
	padding:0 10px 0 10px;
	margin:5px 10px 5px 10px;
}
#produit #tracklist h2 {
	background-image:url(/images/layout/box-top-510.png);
	background-repeat:no-repeat;
	margin:0;
	height:21px;
	padding-left:20px;
	padding-top:3px;
}
#produit .presentation {
	width:500px;
	float:left;
	clear:none;
	display:block;
	padding:0 7px 0 0;
	margin-top:10px;
}
#produit .presentation h2 {
	margin-bottom:10px;
}
#produit .presentation p {
	text-align:justify;
	line-height:1.4em;
}

.petit-gris {
	font-size:11px;
	color:#666;
	font-weight:bold;
}

#produit #more-info {
	width:510px;
	float:left;
	position:relative;
}
#produit #more-info h3 {
	font-size:16px;
	margin:0px 0 6px 0;
}
#produit #more-info ul {
	margin:0;
	padding:0;
}
#produit #more-info li {
	font-size:11px;
	list-style-type:none;
	padding:0;
}





/*====================================================================
                                                                Panier
*/
table#tableau-panier-complet {
	width:99%;
}
td.total {
	text-align:right;
}
ul#moyens-de-paiement li {
	display:inline;
	font-size:16px;
	font-weight:bold;
	margin-right:20px;
}


/*====================================================================
                                                       commande-cheque
*/
#commande-cheque #bouton-imprimer {
	text-align:left;
}


/*====================================================================
                                                   formulaire-commande
*/
#formulaire-commande {
	width:575px;
	background-color:#fff;
}
#formulaire-commande label {
	float:left;
	width:110px;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
}
#formulaire-commande label.normal {
	float:none;
	width:auto;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
}
#formulaire-commande .textinput, #formulaire-commande select, #formulaire-commande textarea {
	float:left;
	width:400px;
}
#formulaire-commande p {
	display:block;
	clear:both;
	float:none;
	overflow:auto;
}
#formulaire-commande .submit-button {
	float:right;
	padding:4px 10px;
	margin-right:0px;
	font-weight:bold;
}
form#formulaire-commande input.taille1, form#formulaire-commande select.taille1, form#formulaire-commande textarea.taille1 {
	width:120px;
}
form#formulaire-commande input.taille2, form#formulaire-commande select.taille2, form#formulaire-commande textarea.taille2 {
	width:180px;
}
form#formulaire-commande input.taille3, form#formulaire-commande select.taille3, form#formulaire-commande textarea.taille3 {
	width:300px;
}
form#formulaire-commande input.taille4, form#formulaire-commande select.taille4, form#formulaire-commande textarea.taille4 {
	width:380px;
}


/*====================================================================
                        box-128, Colonne de gauche sur certaines pages
*/
.box-128 {
	font-size:11px;
	background-color:#064165;
	line-height:1.2;
	float:left;
	width:128px;
	background-image:url(/images/layout/box-128-bottom.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0;
	margin-right:14px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.box-128 * {
	color:#fff;
}
.box-128 a:link, .box-128 a:visited {
	color:#fff;
}
.box-128 a:hover, .box-128 a:focus {
	color:#b7181a;
}
.box-128 a:active {
	color:#f00;
}
div.box-128 h3 {
	background-image:url(/images/layout/box-underline.png);
	background-repeat:no-repeat;
	background-position:bottom center;

	padding:6px 10px 7px 10px;
	text-align:center;
	font-size:11px;
	margin:0 0 10px 0;
}
div.box-128 h4 {
	padding:6px 10px 7px 10px;
}
div.box-128 .box-128-top {
	background-image:url(/images/layout/box-128-top.png);
	background-repeat:no-repeat;
	background-position:top;
}
div.box-128 p {

	text-align:left;
	margin:10px;
}
div.box-128 ul, div.box-128 ol {
	margin:10px;
	list-style-position:inside;
}
div.box-128 li {

}
div.box-128 ul li {
	list-style-type:none;
}
div.box-128 ul.puces-carre li {
	list-style-type:square;
}
div.box-128 form {
	margin:10px;
}
#equipe div.box-128 form select {
	color:#000;
	background-color:#fff;
}





.small-column {
	width:97px;
	float:left;
	margin-right:0px;
	margin-left:10px;
}
.small-box {
	float:right;
	clear:none;
	background-color:#054166;
	width:97px;
	background-image:url(/images/layout/small-box-bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:10px;
}
div.small-box h2 {
	background-image:url(/images/layout/box-underline.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	color:#fff;
	text-align:center;
	padding:6px 10px 7px 10px;
	font-size:11px;
	margin:0 0 10px 0;
}
div.small-box .small-box-top {
	background-image:url(/images/layout/small-box-h-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	padding:0;
	margin:0;
}
.small-box img {
	margin:10px 10px 0 10px;
	border:1px solid #779fb8;
}
.small-box ul {
	padding:0;
	margin:0;
}
.small-box li {
	list-style-type:none;
	text-align:center;
	padding:0;
	margin:0;
}
.small-box a:link, .small-box a:visited {
	list-style-type:none;
	color:#fff;
}
.small-box a:hover, .small-box a:focus {
	color:#b7181a;
}
.small-box a:active {
	color:#f00;
}


/*                                                             BODY ID
======================================================================
                                                                labels
*/
#labels div#pres-label p#description-label {
	font-size:10px;
}
#labels div#pres-label img {
	vertical-align:middle;
	float:left;
	margin-right:10px;
}


/*                                                             BODY ID
======================================================================
                                                              concerts
*/
.concerts-artiste {
	float:none;
	clear:both;
	overflow:auto;
	padding-top:10px;
	padding-bottom:0;
	background-image:url(/images/layout/separator_bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom:10px;
}
.id-artiste {
	float:left;
}
.details-concerts {
	margin-left:210px;
	padding-top:14px;
	margin-top:0px;
}
.details-concerts .dark-bg {
	background-color:#d4dcdf;
}
.details-concerts .light-bg {
	background-color:#fff;
}

.concert {
	padding:3px 5px;
	margin:0;
}
.concert p {
	margin:0;
}
p.billeterie {
	margin-top:10px;
}
.billeterie img {
	vertical-align:text-bottom;
	margin-right:5px;
}


/*                                                             BODY ID
======================================================================
                                                               contact
*/
#contact #adresses {
	float:left;
	width:199px;
	padding-right:10px;
	border-right:1px solid #b5c2ca;
	margin-right:20px;
}
#contact #formulaire {
	float:left;
	width:385px;
}

#contact .adresse {
	float:left;
	width:170px;
	padding-bottom:10px;
	padding-right:10px;
	border-bottom:2px solid #b5c2ca;
	margin-bottom:10px;
}
#contact .adresse p {
	margin-bottom:.5em;
}
#contact h2 {
	display:block;
	float:none;
	clear:both;
}


/*                                                             BODY ID
======================================================================
                                                                equipe
*/
#equipe div.blob ul {
	margin-top:5px;
	margin-bottom:10px;
	list-style-type:disc;
	list-style-position:inside;
}
#equipe .presentation-membre {
	margin-bottom:20px;
	height:165px;
}
#equipe .photo-membre {
	float:left;
	margin-right:10px;
}
#equipe .photo-membre img {
	display:block;
}
#equipe .infos-membre {
	float:left;
}
#equipe .bio-membre {

}
#equipe .bio-membre p {
	float:none;
	text-indent:1em;
}
div.blob {
	width:475px;
	float:left;
	background-color:#cf0;background-color:#fff;
}
div.blob img {

}
div.blob img.floatright {
	float:right;
	margin:0 0 10px 10px;
}
ul#trombinoscope {
	list-style-type:none;
	margin-top:.2em;
	margin-bottom:1em;
}
ul#trombinoscope li {
	text-align:center;
	margin-bottom:6px;
}


/*                                                             BODY ID
======================================================================
                                                             catalogue
*/
li.pdf, ul.puces-carre li.pdf {
	list-style-type:none;
	padding-left:20px;
	background-image:url(/images/icones/pdf-fichier16.png);
	background-repeat:no-repeat;
}
.curr-cat a {
	font-weight:bold;
	text-decoration:none;
}
.catalogue-gauche {
	float:left;
	margin-right:20px;
}
.catalogue-droite {
	float:left;
}

#catalogue-couvertures h2 {
	margin-top:2em;
}


/*                                                             BODY ID
======================================================================
                                                                videos
*/
#videos .ligne, #videos .ligne-1 {
	clear:right;
	overflow:auto;
	padding-top:15px;
	border-top:1px solid #d5dce0;
	margin-bottom:25px;
}
#videos .ligne p, #videos .ligne-1 p {
	margin-bottom:5px;
}
#videos .ligne-1 {
	border:0;
}
#videos .ligne h2, #videos .ligne-1 h2 {
	margin-bottom:.1em;
}
#videos p.clip-titre {
	text-align:center;
}
#videos p.clip-titre cite {
	font-style:italic;
	font-weight:bold;
}
.video-clip, .video-clip-droite {
	width:151px;
	float:left;
	padding:0;
	margin-right:10px;
	text-align:left;
}
.video-clip-droite {
	margin-right:0;
}
#videos img.vignette {
	padding:5px;
	border:1px solid #d5dce0;
	margin-bottom:0;
}
#videos .ligne img, #videos .ligne-1 img {
	vertical-align:middle;
}
#videos .ligne ul, #videos .ligne-1 ul {
	padding-left:0;
	margin:0;
}
#videos .ligne ul li, #videos .ligne-1 ul li {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
}


/*====================================================================
                                                               Podcast
*/
#podcast h2.titre-section {
	width:474px;
	padding:0;
	margin:0;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	height:36px;
}
#podcast h2.titre-section img {
	display:block;
	padding:0;
	margin:0;
}
#podcast div.podcast-interviews, #podcast div.podcast-archives, #podcast div.podcast-humour {
	width:474px;
	display:block;
	clear:both;
	padding:0;
	margin:-4px 0 20px 0;
	background-position:bottom left;
	background-repeat:no-repeat;
}
#podcast div.podcast-interviews {
	background-image:url(/images/layout/podcasts/interviews-fond.png);
}
#podcast div.podcast-archives {
	background-image:url(/images/layout/podcasts/archives-fond.png);
}
#podcast div.podcast-humour {
	background-image:url(/images/layout/podcasts/humour-fond.png);
}


#podcast p.date {
	color:#0769b3;
	background-color:#fff;
	font-family:Verdana, GillSans, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:14px;
	margin-left:3px;
	margin-bottom:10px;
}
#podcast div.podcast-interviews p.date {
	background-image:url(/images/layout/podcasts/interviews-fleche.png);
}
#podcast div.podcast-archives p.date {
	background-image:url(/images/layout/podcasts/archives-fleche.png);
}
#podcast div.podcast-humour p.date {
	background-image:url(/images/layout/podcasts/humour-fleche.png);
}

#podcast p.illustration {
	text-align:right;
	float:right;
	margin:0;
	padding:0;
}

#podcast .podcast {
	clear:both;
	overflow:auto;
}
#podcast .bloc-gauche {
	float:left;
	clear:none;
	width:100px;
	padding:0;
	margin:0;
}
#podcast .bloc-gauche img {

}

#podcast .bloc-droite {
	float:left;
	clear:none;
	width:352px;
	margin:0;
	margin-left:18px;
}
#podcast .bloc-droite p {
	margin-right:10px;
}
#podcast p.podcast-intro {
	font-style:italic;
	padding-bottom:8px;
	margin:4px 15px 10px 13px;
}
#podcast div.podcast-interviews p.podcast-intro {
	border-bottom:1px solid #033052;
}
#podcast div.podcast-archives p.podcast-intro {
	border-bottom:1px solid #055693;
}
#podcast div.podcast-humour p.podcast-intro {
	border-bottom:1px solid #0774c6;
}


#podcast p.titre-podcast {
	font-family:Verdana, GillSans, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin-bottom:.5em;
}
#podcast div.podcast-interviews p.titre-podcast {
	color:#033052;
}
#podcast div.podcast-archives p.titre-podcast {
	color:#055693;
}
#podcast div.podcast-humour p.titre-podcast {
	color:#0774c6;
}

#podcast p.lien-telechargement-son, #podcast p.lien-telechargement-video {
	clear:both;
	background-color:#f2f6f9;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:115px;
	margin:0 4px 20px 3px;
}
#podcast p.lien-telechargement-son a, #podcast p.lien-telechargement-video a {
	background-repeat:no-repeat;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:30px;
}
#podcast div.podcast-interviews p.lien-telechargement-son a {
	background-image:url(/images/layout/podcasts/interviews-icone-son.png);
}
#podcast div.podcast-archives p.lien-telechargement-son a {
	background-image:url(/images/layout/podcasts/archives-icone-son.png);
}
#podcast div.podcast-humour p.lien-telechargement-son a {
	background-image:url(/images/layout/podcasts/humour-icone-son.png);
}

#podcast div.podcast-interviews p.lien-telechargement-video a {
	background-image:url(/images/layout/podcasts/interviews-icone-video.png);
}
#podcast div.podcast-archives p.lien-telechargement-video a {
	background-image:url(/images/layout/podcasts/archives-icone-video.png);
}
#podcast div.podcast-humour p.lien-telechargement-video a {
	background-image:url(/images/layout/podcasts/humour-icone-video.png);
}


/*====================================================================
                                                            Pagination
*/
p.pagination {
	color:#fff;
	line-height:1.2;
	height:18px;
	background-image:url(/images/layout/pagination-bg.png);
	background-repeat:no-repeat;
	padding:0;
	padding-top:3px;
	margin:.5em 0;
}

p.pagination a:link, p.pagination a:visited {
	color:#fff;
	font-weight:bold;
}
p.pagination a:hover, p.pagination a:focus {
	color:#b7181a;
}
p.pagination a:active {
	color:#f00;
}
p.pagination span.label-pagination {
	margin-right:.5em;
}
p.pagination a.fleche-pagination {
	text-decoration:none;
}
p.pagination img {
	vertical-align:bottom;
}


/*====================================================================
                                                    Boîtes de messages
*/
.message-box {
	background-color:transparent;
	background-image:url(/images/layout/message-bg.gif);
	background-repeat:repeat-x;
	background-position:0 29px;
	width:404px;
	min-height:110px;
	padding:0 0 10px 0;
	border:none;
	margin:1em 0;
}

.message-box ol {
	margin:0 1em;
}
.message-box p {
	margin:0 1em;
}

.message-box li {
	margin:0 0 0 1em;
}

.message-box p.ok, .message-box p.error, .message-box p.warning, .message-box p.info {
	font-weight:bold;
	padding:6px 10px 6px 16px;
	font-size:1em;
	height:17px;
	margin:0 0 10px 0;
}
.message-box p.ok {
	background-color:#fff;
	background-image:url(/images/layout/message-ok-title-bg.gif);
	background-repeat:no-repeat;
	color:#446300;
}
.message-box p.error {
	background-color:#fff;
	color:#000;
	background-image:url(/images/layout/message-error-title-bg.gif);
	background-repeat:no-repeat;
}
.message-box p.warning {
	background-color:#fff;
	color:#000;
	background-image:url(/images/layout/message-warning-title-bg.gif);
	background-repeat:no-repeat;
}
.message-box p.info {
	background-color:#09f;
	color:#fff;
	background-image:url(/images/layout/message-info-title-bg.gif);
	background-repeat:no-repeat;
}


/*====================================================================
                                     Formulaire avec messages d'erreur
*/
form.complex {
	background-color:#fff;
	border:1px solid #e5e5e5;
	padding:10px;
	margin:10px 0 15px 0;
}
form.complex input.textinput, form.complex select, form.complex option {
	background-color:#f3f6f9;
}
form.complex p {
	padding:0;
	margin:0 11px 10px 0px;
}
form.complex fieldset p {
	padding:0;
	margin:0 11px 5px 11px;
}
form.complex p.fieldset-first {
	margin-top:10px;
}
form.complex label {
	color:#074266;
	font-weight:bold;
}

form.complex fieldset {
	background-color:#fff;
	background-image:none;
	padding:10px;
	border:1px solid #ccc;
	border-top:1px solid #60869d;
	margin:0 0 10px 0;
}
form.complex fieldset legend {
	color:#60869d;
	background-color:transparent;
	margin-left:5px;
	padding:0 5px;;
}
form.complex fieldset fieldset {
	margin:0 20px 10px 20px;
}

form.complex p.field-error-message {
	color:#c54;
	font-weight:bold;
	font-size:1em;
	background-color:transparent;
	background-image:none;
	padding:3px 0 2px 2px;
	border:none;
	margin-top:0;
	margin-bottom:0;
}
form.complex p.field-error, form.complex fieldset p.field-error {
	background-color:#fff9f6;
	padding:10px 10px 15px 10px;
	border:1px solid #cbb;
	margin:0 10px 10px 10px;
}
form.complex p.field-error {
	margin:0 0px 10px 0px;
}

form.complex button {
	font-weight:bold;
	font-size:1.1em;
	color:#000;
	padding:2px 10px;
	margin:0;
}

/* Advanced CSS for modern UAs */
form.complex input[disabled="disabled"] {
	background-color:#efefef;
	color:#666;
}
form.complex input[type="text"]:hover, form.complex select:hover, form.complex textarea:hover {
	background-color:#f8fae2;
}
form.complex input[type="text"]:focus, form.complex select:focus, form.complex textarea:focus {
	background-color:#ffffc5;
}
form.complex label:hover {
	color:#60869d;
}





/*====================================================================
                                                               classes
*/
.erreur, .erreur a {
	font-weight:bold;
	font-size:1.1em;
	color:#f00;
}
.feed-icon {
	background-image:url(/images/icones/feed-icon16b.png);
	background-repeat:no-repeat;
	padding:1px 0 1px 0;
	padding-left:20px;
}
img.align-middle {
	vertical-align:middle;
}

.hide-from-screen {
	display:none;
}

div.def-label {
	float:left;
	clear:none;
	margin-right:40px;
	width:110px;
}
ul.feeds li {
	list-style-type:none;
	padding-left:20px;
	background-image:url(/images/icones/livemarks16.png);
	background-repeat:no-repeat;
}
p.liste-alpha {
	color:#d5dce0;
	text-align:center;
	font-weight:normal;
	background-image:url(/images/layout/liste-alpha-bg.png);
	background-repeat:no-repeat;
	width:617px;
	height:18px;
	padding:4px 0;
	margin-bottom:10px;
}
p.liste-alpha .curr-letter {
	color:#779fb8;
	padding:0 4px;
	width:1.4em;
	border-left:1px solid #779fb8;
	font-weight:bold;
}
p.liste-alpha a:link, p.liste-alpha a:visited {
	width:1.4em;
	color:#fff;
	padding:0 4px;
	border-left:1px solid #779fb8;
	text-decoration:none;
	font-size:1.1em;
	font-weight:normal;
}
p.liste-alpha a:hover, p.liste-alpha a:focus {
	color:#074266;
	background-color:#779fb8;
}
p.liste-alpha a:active {
	color:#f00;
}
.rouge {
	color:#f00;
}

div#liste-cat {
	color:#000;
	text-align:center;
	font-weight:normal;
	background-image:url(/images/layout/cat-menu-bg.png);
	background-repeat:no-repeat;
	width:517px;
	height:17px;
	padding:5px 0 4px 100px;
	margin-bottom:30px;
}
div#liste-cat p, div#liste-cat ul {
	float:left;clear:none;
	padding:0;margin:0;
}
div#liste-cat p {
	padding-top:1px;
	margin-right:10px;
}
div#liste-cat ul li {
	list-style-type:none;
	display:inline;
}

.date-sortie {
	color:#583;
}

.pdf-fichier32 {
	background-image:url(/images/icones/pdf-fichier32.png);
	background-repeat:no-repeat;
	padding-top:16px;
	padding-left:36px;
}
.smaller {
	font-size:9px;
}

.textinput, select, option, textarea {
	background-color:#f3f6f9;
	padding:2px 3px;
}
.bouton {
	padding:2px 3px;
}

.dark-bg {
	background-color:#d4dcdf;
}
.light-bg {
	background-color:#e9edef;
}

ol.tracklist li {
	list-style-type:none;
	padding-left:10px;
	border-left:0px solid #666;
}
.etiquette {
	color:#999;
}
.disponible {
	color:#49b919;
	font-weight:bold;
}
.indisponible {
	color:#b7181a;
	font-weight:bold;
}

.prix {
	color:#bc5a1a;
	font-size:1em;
	font-weight:bold;
}
.cd16 {
	background-image:url(/images/icones/cd16.png);
	background-repeat:no-repeat;
	padding-top:0px;
	padding-bottom:4px;
	padding-left:24px;
}

div#partenaire {
	color:#779fb8;
	text-align:center;
	font-weight:normal;
	font-size:10px;

}

#partenaire a:link, #partenaire a:visited {
	color:#779fb8;
	text-decoration:none;
}
#partenaire a:hover, #partenaire a:focus {
	color:#f00;
	text-decoration:underline;
}
#partenaire a:active {
	color:#f00;
	text-decoration:none;
}