@charset "UTF-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#003882;
	/*background-image: url(../img/fondBody.gif);*/
	background-image: url(../img/fondBody.jpg);
}

img {
border: 0;
}

a {
	color: #003882;
	text-decoration: none;
	border: 0;
	margin:0;
	padding: 0;
}

a:hover {
	border-bottom: 1px dotted #003882;
}

#galeria a:hover  {
	border-bottom: 0;
}

a img {
	border: 0;
	background-color:#fff;
	text-decoration: none;
}
a:hover img {
	background-color:#003882;
}


.thumb {
	border: 1px dotted #003882;
	padding: 5px;
	margin: 10px 15px 10px 5px;
}


#mainContainer{
	width: 900px;
	margin: 0 auto;
	padding:0;
}

#header {
width: 900px;
margin: 3px 0 2px 0;
text-align: right;
font-size: 10px;
}

#headerLink a {
border: 0;
}


#headerLink {
float:left;
width: 500px;
height: 25px;
margin: 5px 0;
text-align: left;
display: inline;
}

#headerLink img {
margin-right : 15px;
}

#idiomas {
float:right;
width: 300px;
text-align: right;
padding-top: 20px;
}


#player {
padding: 0;
margin: 0  0 12px 0;
}

#colEsq {
float: left;
position: relative;
width: 450px;
margin: 0;
padding: 0;
}


#colDir {
float: right;
position: relative;
width:450px;
margin: 0;
padding: 0;
}

#menu { 
	width: 450px;
    margin: 0 ; 
    padding: 10px 0; 
    list-style: none ; 
    }
#menu ul {
 margin: 0 ; 
    padding: 0 ; 
}

#menu li {
	font-size: 10px;
	font-weight: bold;
    display: inline ;  
    background-color: #FFF ;
	margin-right: 10px;
	padding: 5px;
    }
#menu li a { 
    text-decoration: none ; 
    }


.conteudo {
font-size: 12px;
width: 405px;
padding: 10px 10px 10px 15px;
margin: 0 20px 12px 0;
background-color: #FFF;
border: 1px dotted #003882;
}

.bo, .bo table {width: 853px;}

.conteudo h2 {
	margin: 0;
	padding: 0;
}


#colDir .conteudo {
width: 425px;
margin: 0 0 12px 0;
}

h1 {
font-size: 28px;
padding:  5px 5px 5px 15px;
margin: 0 20px 10px 0;
background-color: #FFF;
border: 1px dotted #003882;
}

#colDir h1 {
margin: 0 0 10px 0;
}

.concerto a {
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #003882;
}
.concerto a:hover {
	border:0;
}

.concerto h1 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #CC0000;
	border: 0;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.concerto h3 {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #000;
}


.concerto .download {
font-size: 10px;
margin: 5px 0 0 0;
	padding: 0;
	
	color: #999;
}


#footer {
	font-size: 12px;
	padding: 10px 0 20px 10px;
}


.destaque {
color:#CC0000;
font-style: italic;
font-weight: bold;
}

.nota {
font-size: 10px;
line-height: 12px;
}

.nota p {
margin: 10px 0 0 0;
padding: 0;
}

.cleaner {
height: 0px;
clear: both;
}



#mainLetras{
	width: 450px;
	margin: 0 auto;
	padding:0;
}
#mainLetras h3 {
font-size: 10px;
font-variant: normal;
text-transform: uppercase;
margin: 0;
padding: 0;
border:0;
}

#mainLetras h2 {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
border:0;
}


#mainLetras li {
font-size: 12px;
font-weight: bold;
margin: 0 0 3px 10px;
padding: 0;
border:0;
}

#mainLetras li em {
font-style: normal;
font-weight: normal;
}

#mainLetras p {
margin: 0 0 20px 0;
padding: 0;
}

.backLink {
text-align: right;
font-size: 11px;
margin: 0;
padding:  0 20px 0 0;
font-weight: bold;
}


#assinatura {
	position: absolute;
	bottom:20px;
	right: 0;
	height: 68px;
	text-align: right;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
}

#didhoc  {
	background: #000 url(../img/didhoc.gif) left top no-repeat;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#didhoc:hover {
	background: #000 url(../img/didhoc.gif) right top no-repeat ;
	text-decoration: none;
	border: 0;
	margin: 0;
	padding: 0;
}

/* TABLES------------------------------ */
table { border:0; text-align:center; font-size: 1.2em; margin: 20px 0; }

.bo table {width: 800px;}

caption	{display:none}
thead th { color: #003882;
	background-color:#eee;
	text-align: center;
	margin:0 0 10px 0;
	padding: 5px;
	border-bottom: #999 solid 2px;
	}
thead th a {
	color: #CC0000;
	text-decoration: underline;
}
tbody	th	{ text-align: left; background-color: #EEE; font-weight: normal; padding-left: 15px;}
tbody	td	{ border-bottom: #999 solid 1px; padding:5px 10px; }
tbody td img {margin:0; padding:0; }
tbody a {
	font-size: 1em;
	color: #CC0000;
	font-weight: bold;
}
tbody a:hover {
	color: #fff;
	background-color: #CC0000; 
}

tfoot th {color:#fff; font-size: 1em; font-weight: normal; background-color: #7f97af; text-align: left;}
.fundoClaro	{background-color: #7f97af; color:#FFF; font-weight: bold; }
.fundoEscuro	{background-color: #294e79; color:#FFF; font-weight: bold; }

.floatLeft {
float: left;
padding: 5px 10px;
margin: 0;
}

/* FORMS------------------------------ */

/*** Mise en forme du formulaire ***/

form {
	margin: 0;
	padding: 0;
}

form p {
	margin: 10px 0;
	padding: 0;
}



fieldset {	/*** Mise en forme des cadres ***/
	margin: 10px;
	padding: 10px;
	font-style: normal;
	border: 0;
}
legend {	/*** Mise en forme des titres des cadres ***/
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left; /*** Très important, ne pas suprimer ! ***/
	width: 200px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	color: #003882;
	font-size: 1.1em;
}
label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}


textarea {
font-size: 11px;
padding: 2px;
}

input:focus, select:focus, textarea:focus {
	background-color: #ccc;
	color: #000;
}


.note {
	font-size: 10px;
	color: #999;
}

.boutons {
text-align: right;
padding: 10px 30px 5px 0;
margin: 10px 20% 20px 20px;
background-color:#eee;
}

.erreur {
	color: #cf141d;
	font-size: 1em;
font-weight: normal;
}