/* @override http://www.3ctour.com/assets/templates/3c/style_3c.css */

* {
	padding: 0;
	margin: 0;
}

html {
	height: 100%;
	width: 100%;
}

body {
	color: #123;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size : 12px;
	line-height : 19px; /* 160% */
	word-spacing: -.08em;
	background: #333 url(../images/fond_bandeau_noir.png) repeat-x 0 0;
	height: 100%;
	width: 100%;
	/*text-align: center;*/ /* TENTATIVE */
}

fieldset {
	color: #C00;
	margin: 0;
	padding: 15px 20px;
	border: 10px solid #C00;
	background-color: #FCC;
}

fieldset h1,
fieldset h2,
fieldset h3,
fieldset h4,
fieldset h5,
fieldset h6 {
	color: #C00;
}

fieldset img {
	background: none;
	padding: 0;
	margin: 0;
	border: none;
}

fieldset img a,
fieldset img a:hover {
	border: none;
	cursor: pointer;
}

em, i, cite {
	margin-left: -.1em;
	margin-right: .1em;
}

h1 em, h1 i, h1 cite,
h2 em, h2 i, h2 cite,
h3 em, h3 i, h3 cite,
h4 em, h4 i, h4 cite,
h5 em, h5 i, h5 cite,
h6 em, h6 i, h6 cite {
	margin-left: 0;
	margin-right: 0;
}

kbd {
	font: bold 15px Courier, "Courier New", mono;
}

q:before, q:after {
	content: "";
}

:lang(en) > q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

:lang(fr) > q {
	/* guillemets francais (avec espaces insécables) */
	quotes: "\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A";
}

sub, sup {
	line-height: 0;
}

/*sup {
	font-size: 79%;
	vertical-align: 4px;
}*/

img {
	padding: 4px;
	border: 1px solid #ABB;
	background-color: #FFF;
	display: block /* fait en sorte que les images-liens ne soient pas soulignées, mais empêche de mettre des images inline */
}
#filesystem img {
	padding:0px;
	background-color: #FFF;
	display: block /* fait en sorte que les images-liens ne soient pas soulignées, mais empêche de mettre des images inline */
}
#dashboard img {
	padding:0px;
	background-color: #FFF;
}

a {
	position: relative; /* pour que les liens soient cliquables dans IE (malgré l'utilisation d'AlphaImageLoader pour les PNG) */
	text-decoration: none;
}

a img {
	text-decoration: none;
	/*border: none;*/
}

abbr {
	cursor: inherit;
	border: none;
}

#conteneur {
	height: auto; /* mouais mouais */
	min-height:100%;
	width: 961px; /* 962px */
	margin-left: auto;
	margin-right: auto;
	border-bottom: 4px solid #191919;
	background: #222 url(../images/conteneur_ombre_dr.png) repeat-y right bottom;
	/*text-align: left;*/ /* TENTATIVE */
}

/* clearfix */

#conteneur:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background-color: transparent;
}

/* fin de clearfix */

#colonne_gauche {
	width: 183px; /* 184px */
	float: left;
}

#logo_et_radio {
	height: 149px;
	background: #000 url(../images/fond_bandeau_noir_2.png) repeat-x;
}

#logo_et_radio .logo {
	background-color: #111;
	padding: 0;
	border: none;
	position: relative;
	top: 14px;
	left: 18px; /* 7px */
}

/*#logo_et_radio .radio*/
/*
#logo_et_radio embed {
	position: relative;
	top: 40px;
	left: 9px;
}
*/

#logo_et_radio #XSPFreplace,
#logo_et_radio embed {
	position: relative;
	width: 179px;
	padding: 0;
	margin: 0;
}

#logo_et_radio #XSPFreplace {
	top: 47px;
	left: 3px;
}

#liste_artistes {
	font-size: 11px; /* 12px */
	line-height: 130%; /* 13px */
	background-color: #BD3;
	text-shadow: #DF5 0 1px 0;
	border-left: 1px solid #222;
}

#liste_artistes ul {
	list-style-type: none;
}

#liste_artistes .popo {
	font-weight: bold;
	background-color: #455; /* #452 */
	color: #EFF; /* #CF5 */
	border: 1px solid #566; /* #563 */
	border-right-color: #344; /* #230 */
	border-bottom-color: #455; /* #452 */
	padding: 3px 6px 5px;
	text-shadow: #344 0 -1px 0; /* #230 */
}

#liste_artistes ul li a {
	font-size: 11px;
	display: block;
	border: 1px solid #8A2;
	border-top-color: #CE4;
	border-right-color: #791;
	padding: 3px 6px 4px;
}

#liste_artistes .artiste_actif a, #liste_artistes .artiste_actif a:hover {
	background-color: #EDEEE8;
	border: 1px solid #AAA;
	border-top-color: #FFF;
	border-right-color: #888;
	text-shadow: none;
}

/* clearfix */
/*
#liste_artistes ul li a:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/
/* fin du clearfix */

#liste_artistes .artiste {
	/*background-color: #FF0;*/
	color: #230; /* #451 */
	text-transform: uppercase;
	font-weight: bold;
}

#liste_artistes .nationalite_artiste {
	/*background-color: #0FF;*/
	color: #671; /* #782 */
	float: right;
	text-align: right;
	text-transform: uppercase;
	/*width: 20px;*/
	position: absolute;
	top: 3px;
	right: 6px;
}

#liste_artistes ul li a:hover,
#liste_artistes ul li a:focus {
	background-color: #CE4;
	border-top-color: #DF5;
	text-shadow: #EF6 0 1px 0;
}

/*#liste_artistes ul li a:hover .artiste,
#liste_artistes ul li a:focus .artiste {
	color: #562;
}

#liste_artistes ul li a:hover abbr,
#liste_artistes ul li a:focus abbr {
	color: #893;
}*/

#header {
	height: 100px;
	background: #111 url(../images/fond_bandeau_noir.png) repeat-x;
}

#header ul {
	list-style-type: none;	
}

#en-tete {
	position: relative;
	right: 2px;
	float: right;
	font-size: 12px;
	/* doit etre superieur a 19px, sinon newsletter n'est plus au meme niveau que les autres liens : */
	line-height: 40px; /* 35px */
}

#en-tete .lien_en-tete,
#en-tete .inscription_newsletter {
	color: #899;
	float: left;
}

#en-tete .inscription_newsletter {
	padding-left: 15px;
}

#en-tete ul li,
#en-tete form {
	display: inline;
}

#en-tete ul li a {
	color: #899;
	/* regle l'ecart entre elements du menu d'en-tete, mais aussi leur hauteur : */
	padding: 12px 15px; /* 10px 15px */
	border-right: 1px solid #333;
}

#en-tete ul li a:hover,
#en-tete ul li a:focus {
	color: #ABB;
	background-color: #2A2A2A;
}

#en-tete input {
	color: #CCC; /* #BCC */
	font-size: 11px;
	background-color: #444; /* #344 */
	border: 1px solid #555; /* #455 */
	padding: 2px 4px 5px;
	margin: 0 1px 0 0;
	vertical-align: baseline;
	height: 13px;
}

#en-tete input:focus,
#en-tete input:active {
	color: #000;
	background-color: #FFF;
	border-color: #FFF;
}

/*
#en-tete .bouton {
	padding: 2px 3px 3px;
	margin: 0;
	color: #000;
	background: #999 url(images/bouton.gif) repeat-x 0 0;
}
*/

#en-tete .bouton {
	padding: 0 6px 1px;
	margin: 0 0 0 1px;
	color: #000;
	height: 22px;
	background-color: #899;
	border-color: #ABB #899 #899 #9AA;
	text-shadow: #BCC 0 1px 0;
}

#en-tete .bouton:hover,
#en-tete .bouton:focus {
	cursor: pointer;
	color: #110;
	background-color: #AA9;
	border-color: #CCB #AA9 #AA9 #BBA;
}

#en-tete .bouton:active {
	color: #110;
	background-color: #AA9;
	border-color: #AA9;
}

#menu {
	float: left;
	position: absolute;
	/* position verticale du menu a onglets */
	top: 69px;
}

#menu ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#menu ul li {
	/* ecartement des onglets */
	margin: 0;
}

#menu ul li { /* .onglet */
	float: left;
	background: #677 url(../images/ombre_onglet.png) repeat-x 0 top;
	border-top: 1px solid #899;
	border-right: 1px solid #344;
	border-bottom: 2px solid #566;
	width: 110px;
	height: 28px;
}

#menu ul li a { /* .onglet a */
	color: #EFF;
	font-size: 12px;
	/*font-weight: bold;*/
	/* position du texte sur l'onglet : */
	display: block;
	text-align: center;
	padding: 5px 0;
	word-spacing: -.1em;
	text-shadow: #233 0 -1px 0;
}

#menu ul li:hover,
#menu ul li:focus { /* .onglet:hover, .onglet:focus */
	background: #887 url(../images/ombre_onglet.png) repeat-x 0 top;
	/* aucun effet car s'applique au lien et non à l'onglet lui-même (il faudrait que le sélecteur soit ".onglet:hover", pb. d'IE avec les hovers sur autre chose que les "a") : */
	border-top-color: #AA9;
	border-bottom-color: #776;
	/*color: #FFE;*/
	/*text-shadow: #443 0 -1px 0;*/
}

#menu ul li.onglet_actif,
#menu ul li.onglet_actif:hover,
#menu ul li.onglet_actif:focus {
	font-weight: bold;
	background-color: #F4F5EE;
	border-top-color: #FFF;
	border-bottom-color: #F4F5EE;
}

#menu ul li.onglet_actif_kids,
#menu ul li.onglet_actif_kids:hover,
#menu ul li.onglet_actif_kids:focus {
	font-weight: bold;
	background-color: #103;
	border-top-color: #325;
	border-bottom-color: #103;
}

#menu ul li.onglet_actif a,
#menu ul li.onglet_actif a:hover,
#menu ul li.onglet_actif a:focus {
	color: #123;
	text-shadow: #FFF 0 -1px 0;
}

#menu ul li.onglet_actif_kids a,
#menu ul li.onglet_actif_kids a:hover,
#menu ul li.onglet_actif_kids a:focus {
	color: #FE9;
	text-shadow: #000 0 -1px 0;
}

#menu ul li.dernier_onglet {
	border-right: none;
}