/* Paramètres de base
----------------------------------------------------------------------------------------*/

body {
margin: 20px 0px 20px 0px;
background-color: #E1EBFC;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000000;
}

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

a {
background: inherit;
text-decoration: none;
color: #224488;
}

a:hover {
text-decoration: underline;
}

img {
border: 0px;
}

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

ul, ol {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
display: block;
text-align: left;
list-style: none;
}

table {
display: table;
clear: both;
}

label {
font-style: normal;
}

input{
margin: 5px 5px 1px 0px;
}

cite {
font-weight: bold;
font-style: normal;
}

fieldset {
margin :0px;
padding: 0px;
border: 0px;
}

caption{
display: none;
}

legend {
display: none;
}

label small{
font-size: 90%;
line-height: 2em;
}

/* Structure site
----------------------------------------------------------------------------------------*/

#cadre {
width: 750px;
margin-right: auto;
margin-left: auto;
background-color:#FFFFFF;
border: 1px solid #224488;
color: #000000;
clear: both;
}

#logo {
float: left;
width: 330px;
height: 75px;
}

#logo a {
display: block;
width: 275px;
height: 75px;
margin: 0px;
padding: 0px;
background-color: #5577BB;
background-image: url(../img/logo.gif);
background-repeat: no-repeat;
color: #FFFFFF;
}


#header {
height: 75px;
width: 750px;
background-color: #5577BB;
background-image: url(../img/background_header.gif);
background-repeat: no-repeat;
color: #000000;
}

#header_pub {
float:left;
width: 180px;
height: 75px;
}

#header input{
margin: 0px 0px 0px 0px;
}

.header_liens {
padding-bottom: 5px;
}

#connexion {
width: 220px;
padding: 18px 20px 0px 0px;
float: right;
background-color: #224488;
background-image: url(../img/background_header.gif);
background-position: top right;
background-repeat: no-repeat;
display: block;
text-align: right;
font-size: 90%;
color: #FFFFFF;
}

#connexion a:link, #connexion a:visited {
text-decoration : none;
background: inherit;
color: #FFFFFF;
}

#connexion a:hover {
text-decoration : underline;
}

.recherche {
width: 100px;
padding-left: 20px;
background-color: #FFFFFF;
background-image:url(../img/icone_loupe.gif);
background-repeat: no-repeat;
background-position: 1px 1px;
border: 1px solid #7F9DB9;
font-size: 90%;
color: #000000;
}

.soumettre {
width: 74px;
background-color: #6C8DC1 ;
border: 1px solid #5577BB;
font-size: 90%;
font-weight: bold;
color: #FFFFFF;
cursor: pointer;
}
.soumettre:hover {
border: 1px solid #6C8DC1;
background-color: #5577BB;
color: #FFFFFF;
}
.soumettre:active {
border: 1px solid #b7cfc7;
}

#navigation {
width: 740px;
line-height: normal;
margin-right: auto;
margin-left: auto;
padding: 5px 5px 5px 5px;
background-color: #3F65B0;
background-image: url(../img/background_navbar.gif);
background-repeat:repeat-x;
display: block;
text-align: center;
font-size: 95%;
font-weight: bold;
color: #FFFFFF;
}

#navigation ul {
margin: 0px 0px 0px 0px;
display: block;
text-align: center;
}

#navigation li {
background-color: #3F65B0;
background-image: url(../img/background_navbar.gif);
color: #FFFFFF;
list-style: none;
display: inline;
}

#navigation li a:link, #navigation li a:visited {
padding: 5px 8px 5px 8px;
background: inherit;
font-weight: bold;
text-decoration: none;
color: #FFFFFF;

}

#navigation li a:hover {
background: none;
background-color: #3F65B0;
text-decoration: none;
color: #FFFFFF;
}

#contents {
margin-right: auto;
margin-left: auto;
padding: 20px 20px 20px 20px;
width: 710px;
min-height: 400px;
background-color:#FFFFFF;
color: #000000;
display: block;
text-align: justify;
clear:both;
}

.left_zone {
float: left;
width: 505px;
min-height: 300px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
font-size: 100%;
color: #000000;
clear: left;
}

.right_zone {
float: right;
width: 165px;
min-height: 500px;
padding: 10px;
margin: 0px 0px 0px 0px;
font-size: 100%;
background-color: #E1EBFC;
color: #000000;
clear:right;
}

#footer{
margin-right: auto;
margin-left: auto;
padding: 8px 0px 10px 0px;
width: 750px;
background: inherit;
display:block;
clear: both;
font-size:90%;
font-weight: normal;
color:#224488;

}

#footer a:link, #footer a:visited {
text-decoration : none;
}

#footer a:hover {
text-decoration : underline;
}

#footer hr {
display: none;
}

#pub {
width: 505px;
clear:both;
}


/* Composants
----------------------------------------------------------------------------------------*/

.imprimer {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 18px;
background-image:url(../img/icon_imprimer.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:90%;
}

.envoyer {
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 18px;
background-image:url(../img/icon_envoyer.gif);
background-repeat: no-repeat;
background-position: left center;
font-size:90%;
}

.introduction {
margin-bottom: 10px;
font-style: italic;
}

.invisible {
display: none;
}


.menu_ancre {
width: 400px;
padding: 10px 0px 10px 100px;
background: inherit;
font-size: 110%;
font-weight: bold;
color: #1F4177;
display: block;
text-align:left;
}

.menu_ancre ul {
margin: 10px 0px 20px 0px;
background: inherit;
list-style: none;
color:#1F4177;
}

.menu_ancre li a:link, .menu_ancre li a:visited {
padding: 0px 0px 0px 20px;
background: inherit;
background-image:url(../img/fleche_ancre.gif);
background-repeat: no-repeat;
background-position: left center;
font-size: 100%;
font-weight: normal;
text-decoration: none;
color:#1F4177;
}

.menu_ancre li a:hover {
background: inherit;
background-image:url(../img/fleche_ancre_hover.gif);
background-repeat: no-repeat;
background-position: left center;
font-size: 100%;
font-weight: normal;
text-decoration: none;
color: #B10000;
}

.left {
float: left;
}

.right {
float: right;
}

.small {
font-size: 90%;
}

.push {
margin: 0px;
padding: 2px 5px 2px 5px;
background-color: #E1EBFC;
color: #1F4177;
display: block;
clear: both;
}

.bloc_news {
margin-bottom: 20px;
display: block;
clear: both;
}

.bloc_resultat {
padding: 15px 0px 15px 0px;
display: block;
clear: both;
border-bottom: 1px dotted #999;
}

.bloc_paging {
padding :15px 0px 15px 0px;
}

.bloc_couleur_1 {
margin-bottom: 10px;
padding: 10px;
min-height: 70px;
background-color: #E1EBFC;
color: #000000;
display: block;
clear: both;
}

.bloc_couleur_2 {
margin-bottom: 10px;
padding: 10px;
min-height: 70px;
background-color: #FFFFFF;
color: #000000;
display: block;
clear: both;
}

.push_avertissement {
margin-top: 20px;
margin-bottom: 10px;
padding: 10px 10px 10px 10px;
background-color: #E1EBFC;
color: #000000;
}

.commentaire_1 {
margin-bottom: 0px;
padding: 10px 10px 20px 10px;
background-color: #FFFFFF;
}

.commentaire_2 {
margin-bottom: 10px;
padding: 10px 10px 15px 10px;
background-color: #E1EBFC;
}

.commentaire_1 p, .commentaire_2 p{
margin: 0px;
padding: 10px 0px 0px 0px;
}

.paging {
margin: 10px 0px 10px 0px;
padding: 2px 5px 2px 5px;
background-color: #E1EBFC;
color: #1F4177;
display: block;
clear: both;
}

.resultat {
border-bottom: 1px #224488 dotted;
}

.ajouter a:link, .ajouter a:visited {
font-size: 90%;
float: right;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 0px 15px;
margin: 10px 0px 0px 0px;
background-image:url(../img/icon_rss-feed.gif);
background-repeat: no-repeat;
background-position: left center;
}

.ajouter a:hover {
text-decoration:underline;
}

.entete {
color: #FFFFFF;
font-weight: bolder;
background-color: #224488;
font-size: 95%;
}

.bloc_artistes {
margin: 10px 0px 10px 0px;
width: 165px;
float: left;
display: block;
text-align: center;
}

.bloc_artistes img {
margin: 0px 0px 10px 0px;
}

/* Texte pictos
----------------------------------------------------------------------------------------*/

.puce {
background-image: url(../img/puce.gif);
background-repeat: no-repeat;
background-position: left center;
padding: 0px 0px 0px 10px;
}

.puce_plus a:link, .puce_plus a:visited {
padding: 0px 15px 0px 5px;
background: inherit;
background-image: url(../img/puce_more-news.gif);
background-repeat: no-repeat;
background-position: right top;
font-size: 110%;
font-weight: bold;
text-decoration: none;
color: #1F4177;

}

.puce_plus a:hover {
background: inherit;
background-image: url(../img/puce_more-news_hover.gif);
color: #364EB8;
text-decoration: underline;
}

.puce_bigger {
padding: 0px 0px 0px 12px;
background-image: url(../img/puce_plus.gif);
background-repeat: no-repeat;
background-position: left center;
font-size: 90%;
}

.puce_nouveau {
padding: 0px 0px 0px 30px;
background-color: #FFFFFF;
background-image: url(../img/puce_new.gif);
background-repeat: no-repeat;
background-position: left center;
color: inherit;
}

.warning {
padding: 0px 0px 0px 18px;
background-color: inherit;
background-image: url(../img/icone_warning.gif);
background-repeat: no-repeat;
background-position: left center;
color: #FF2030;
}

.checked {
padding: 0px 0px 0px 18px;
background-color: inherit;
background-image: url(../img/icone_checked.gif);
background-repeat: no-repeat;
background-position: left center;
color: #66CC00;
}

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

.left_img p {
margin: 10px 0px 0px 0px;
}

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

.img_right {
float: right;
margin: 0px 0px 5px 10px;
}

.img_left p {
margin: 10px 0px 0px 0px;
}


/* Retour haut de page
----------------------------------------------------------------------------------------*/

.haut a:link, .haut a:visited {
font-size: 90%;
font-weight: normal;
text-decoration: none;
color: #1F4177;
padding: 0px 0px 0px 12px;
background:inherit;
background-image:url(../img/puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}

.haut a:hover {
color: #364EB8;
background:inherit;
background-image:url(../img/puce_haut_hover.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
text-decoration: underline;
}

#connexion .pm a:link, #connexion .pm a:visited, #connexion .pm a:hover {
padding: 0px 0px 0px 15px;
background-image:url(../img/icone_warn-mail.gif);
background-repeat: no-repeat;
background-position: left center;
}



/* RSS Feed
----------------------------------------------------------------------------------------*/

.rss a:link, .rss a:visited {
text-decoration: none;
padding: 0px 0px 0px 15px;
background-image:url(../img/icon_rss-feed.gif);
background-repeat: no-repeat;
background-position: left center;
}

.rss a:hover {
text-decoration: underline;
}


/* Suite de l'article
----------------------------------------------------------------------------------------*/

.puce_news a:link, .puce_news a:visited {
padding: 0px 8px 0px 2px;
background: inherit;
background-image: url(../img/puce_droite.gif);
background-repeat: no-repeat;
background-position: right top;
font-size: 90%;
font-weight: bold;
text-decoration: none;
color: #1F4177;
display: inline;
}

.puce_news a:hover {
background: inherit;
background-image: url(../img/puce_droite_hover.gif);
background-repeat: no-repeat;
background-position: right top;
text-decoration: underline;
color: #364EB8;
}

/* Search tabs
----------------------------------------------------------------------------------------*/

#search-tabs ul {
height: 25px;
list-style: none;
margin: 0 0 10 0;
border-bottom: 1px solid #999;
padding: 5px 0px 0px 0px;
position: relative;
}

#search-tabs li {
float: left;
margin-right: 2px;
border-bottom: 1px solid #999;
margin-bottom: -1px;
background: url(../img/search-tab.gif) top left;
position: relative;
z-index: 1;
}

#search-tabs li.on {
border-color: #FFF;
background-image: url(../img/search-tab-on.gif);
}

#search-tabs a {
float: left;
display: inline;
font: bold 11px/25px Arial;
color: #333;
padding: 0 20px 0 13px;
margin-left: 7px;
text-decoration: none;
background: url(../img/search-tab.gif) top right;
}

#search-tabs a:hover {
text-decoration: underline;
}

#search-tabs .on a {
background-image: url(../img/search-tab-on.gif);
}


/* Paramètres des titres
----------------------------------------------------------------------------------------*/

#navigation h2 {
display: none;
}

h1 {
margin: 0px;
padding: 0px;
}

h2 a:link, h2 a:hover, h2 a:visited, h3 a:link, h3 a:hover, h3 a:visited {
background: none;
text-decoration: none;
}

.right_zone h2, .right_zone h3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
background-color: #E1EBFC;
background: none;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 120%;
font-weight: bold;
color: #224488;
}

h2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
width: auto;
background-color: #FFFFFF;
background-image: url(../img/background_h2.gif);
background-position: right bottom;
background-repeat:no-repeat;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 160%;
font-weight: bold;
color: #224488;
}

h3 {
padding: 0px 0px 5px 0px;
margin: 20px 0px 10px 0px;
background-color: #FFFFFF;
background-image: url(../img/background_h2.gif);
background-position: right bottom;
background-repeat:no-repeat;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 120%;
font-weight: bold;
color: #224488;
}

.titre_h3 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
width: auto;
background-color: #FFFFFF;
background: none;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 120%;
font-weight: bold;
color: #224488;
}

.titre_forum_h3 {
padding: 10px;
margin: 10px 0px 10px 0px;
width: auto;
display: block;
background-color: #E1EBFC;
background-image: url(../img/background_forum_h3.gif);
background-position: left top;
background-repeat:no-repeat;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-size: 120%;
font-weight: bold;
color: #224488;
}

.titre_h3 a:hover, .titre_forum_h3 a:hover {
text-decoration: underline;
}

h4 {
padding: 0px 0px 5px 0px;
margin: 20px 0px 10px 0px;
background-color: #FFFFFF;
background: none;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
font-weight: bold;
font-size: 100%;
color: #224488;
}