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

body{
margin:20px 0px 20px 0px;
background-color:#E1EBFC;
background-image:url('');
background-position:center top;
background-repeat:no-repeat;
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
color:#000000;
}

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

a{
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:0px;
}

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

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

caption, legend{
display:none;
}

hr{
display:none;
}

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

blockquote{
padding:5px;
margin:0 auto 0 auto;
width:90%;
display:block;
border:1px dashed #5577BB;
background-color:#E1EBFC;
font-style:italic;
color:#000000;
}

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

#cadre{
margin:0px auto;
width:750px;
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:#6C8DC1;
background-image:url(../img/background_header.gif);
background-position:top right;
background-repeat:no-repeat;
display:block;
text-align:right;
font-size:95%;
color:#FFFFFF;
}

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

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

#connexion p{
margin:0px;
}

.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:95%;
color:#000000;
}

.soumettre{
width:74px;
background-color:#6C8DC1 ;
border:1px solid #5577BB;
font-size:95%;
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: 0px auto;
padding:20px 20px 20px 20px;
width:710px;
min-height:400px;
display:block;
position:relative;
background-color:#FFFFFF;
color:#000000;
text-align:justify;
clear:both;
}

.left_zone{
padding:0px 0px 0px 0px;
width:505px;
min-height:300px;
display:block;
float:left;
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:95%;
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:95%;
}

.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:95%;
}

.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;
}

.center{
margin:auto;
display:block;
text-align:center;
}

.right {
float:right;
}

.left {
float:left;
}

.align_left{
display:block;
text-align:left;
}

.align_right{
display:block;
text-align:right;
}

.small {
font-size:95%;
}

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

.smiley{
vertical-align:middle;
}

.relative{
position:relative;
}

.bloc{
margin:0px;
width:auto;
display:block;
clear:both;
}

.inline_bloc{
display:inline-block;
}

.bloc_news {
padding:10px 0px 10px 0px;
display:block;
clear:both;
}

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

.bloc_bookmark{
width:auto;
height:30px;
padding:10px 0 20px 0;
margin-top:25px;
border-top:2px solid #224488;
font-size:90%;
color:#224488;
}

.bloc_bookmark li{
width:20%;
padding:0 0 8px 0;
display:block;
float:left;
}

.bloc_bookmark li a{
width:auto;
padding:2px 0 0 20px;
display:block;
color:#224488;
}

.bloc_paging, .bloc_couleur{
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;
}

.ligne_couleur_1{
display:table-row;
background-color:#E1EBFC;
}

.ligne_couleur_2{
display:table-row;
background-color:#FFFFFF;
}

.commentaire_1{
margin-top:10px;
padding:10px 10px 20px 10px;
background-color:#FFFFFF;
border-bottom:1px #224488 dashed;
}

.commentaire_2{
padding:20px 10px 10px 10px;
background-color:#FFFFFF;
}

.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:95%;
float:right;
text-decoration:none;
font-weight:bold;
padding:0px 0px 0px 15px;
margin:10px 0px 0px 0px;
background-image:url(/img/icone_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;
}

.absolute{
position:absolute;
top:0px;
right:0px;
}

.absolute_panel{
position:absolute;
top:22px;
right:20px;
}

/* CSS BOOKMARK */

.item_permalink{
background-image:url('../img/icone_bookmark_permalink.png');
background-repeat:no-repeat;
}

.item_rss{
background-image:url('../img/icone_bookmark_rss.png');
background-repeat:no-repeat;
}

.item_google{
background-image:url('../img/icone_bookmark_google.png');
background-repeat:no-repeat;
}

.item_technorati{
background-image:url('../img/icone_bookmark_technorati.png');
background-repeat:no-repeat;
}

.item_diggit{
background-image:url('../img/icone_bookmark_diggit.png');
background-repeat:no-repeat;
}

.item_delicious{
background-image:url('../img/icone_bookmark_delicious.png');
background-repeat:no-repeat;
}

.item_facebook{
background-image:url('../img/icone_bookmark_facebook.png');
background-repeat:no-repeat;
}

.item_yahoo{
background-image:url('../img/icone_bookmark_yahoo.png');
background-repeat:no-repeat;
}

.item_reddit{
background-image:url('../img/icone_bookmark_reddit.png');
background-repeat:no-repeat;
}

.item_furl{
background-image:url('../img/icone_bookmark_furl.png');
background-repeat:no-repeat;
}

.item_twitter{
background-image:url('../img/icone_bookmark_twitter.png');
background-repeat:no-repeat;
}


/* 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:95%;
}

.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;
}

.prix_vert{
background:inherit;
color:#66CC00;
}

.prix_rouge{
background:inherit;
color:#FF2030;
}

.stock_rouge {
background-color:#FF2030;
color:#FFFFFF;
}

.stock_vert {
background-color:#66CC00;
color:#FFFFFF;
}

.stock_bleu {
background-color:#3F65B0;
color:#FFFFFF;
}

.stock_vert, .stock_rouge, .stock_bleu {
margin:5px 0px 0px 0px;
padding:2px;
width:66px;
display:block;
text-align:center;
font-size:90%;
font-weight:bold;
}


.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:95%;
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:left center;
}

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

.separateur{
margin:20px 0px;
padding:0px 0px 3px 0px;
border-bottom:#1F4177 2px solid;
text-align:right;
display:block;
}

.separateur p{
margin:0px;
padding:0px;
}

#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/icone_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 center;
font-size:95%;
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 center;
text-decoration:underline;
color:#364EB8;
}

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

#search-tabs ul {
height:25px;
list-style:none;
margin:0px 0px 10px 0px;
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 3px 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:Trebuchet MS;
font-size:170%;
font-weight:bold;
color:#224488;
}

h3 {
padding:0px 0px 3px 0px;
margin:15px 0px 10px 0px;
background-color:#FFFFFF;
background-image:url('../img/background_h2.gif');
background-position:right bottom;
background-repeat:no-repeat;
font-family:Trebuchet MS;
font-size:125%;
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;
}

.sous_titre{
margin-bottom:20px;
padding-bottom:5px;
background:none;
display:block;
font-family:Trebuchet MS;
font-size:150%;
color:#224488;
}

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;
}

.title_inline{
margin:0px;
padding-bottom:2px;
display:inline;
font-size:100%;
color:#224488;
}