/* Configuration générale */
body{
margin:0px 0px 20px 0px;
padding:0px;
background-color:#073346;
background-image:url('../img/background.gif');
background-repeat:repeat-x;
font-family:Arial, Helvetica, Verdana, Sans-Serif;
font-size:75%;
color:#FFFFFF;
}

hr{
display:none;
}

a:link, a:visited, a:active{
text-decoration:none;
color:#007380;
}

a:hover{
text-decoration:underline;
}

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

img{
border:0px;
}

table{
display:table;
clear:both;
}

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

div, form, fieldset, label{
margin:0px;
padding:0px;
border:0px;
}

input, textarea{
margin:0px;
}

caption, legend, .invisible{
display:none;
}

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

blockquote{
margin:0 auto;
padding:10px;
width:90%;
display:block;
clear:both;
background-color:#007380;
border:1px dashed #007380;
font-style:italic;
color:#000000;
}

/* CSS COMPOSANTS */

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

.right{
float:right;
}

.left{
float:left;
}

#right{
float:right;
}

#left{
float:left;
}

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

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

.inline{
display:inline;
}

.small{
font-size:90%;
}

.clear{
clear:both;
}

.nowrap{
white-space:nowrap;
}

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

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

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

.smiley{
vertical-align:middle;
}

.relative{
position:relative;
}

.vignette_galerie{
padding:5px 0px;
width:25%;
height:100%;
display:block;
float:left;
text-align:center;
vertical-align:middle;
}

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


/* CSS STRUCTURE */

#container{
margin:auto;
width:780px;
height:auto;
}

#header{
margin:0px;
width:780px;
height:auto;
display:block;
background-color:#F1F1F1;
background-image:url('../img/header_01.jpg');
background-repeat:no-repeat;
color:#000000;
}

#banniere {
width:580px;
height:158px;
display:block;
float:left;
}

#banniere a{
width:580px;
height:158px;
display:block;
float:left;
margin:0px;
padding:0px;
background-image:url('../img/header_01.jpg');
background-repeat:no-repeat;
color:#000000;
}

#connexion{
padding:38px 15px 10px 15px;
width:170px;
height:100px;
display:block;
background-image:url('../img/background_connexion.jpg');
background-repeat:no-repeat;
float:left;
text-align:center;
color:#FFFFFF;
font-size:95%;
}

#connexion a:link, #connexion a:visited{
color:#FFFFFF;
}

#menu{
width:580px;
height:30px;
display:block;
background-image:url('../img/header_02.jpg');
background-repeat:no-repeat;
font-weight:bold;
color:#15577c;
clear:both;
}

#menu ul{
width:580px;
height:30px;
line-height:30px;
margin:0px;
padding:0px 0px 0px 200px;
position:relative;
list-style:none;
}

#menu ul ul{
width:560px;
height:25px;
visibility:hidden;
position:absolute;
top:30px;
left:20px;
padding:0px;
margin-left:200px;
display:block;
background-image:url('../img/background_menu_n2.gif');
background-repeat:repeat-x;
}

#menu table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

#menu li{
float:left;
}

#menu :hover {
white-space:normal;
}

#menu a b, #menu a:visited b{
width:116px;
display:block;
text-align:center;
text-decoration:none;
color:#15577c;
cursor:pointer;
}

#menu a:hover b{
background-image:url('../img/background_menu_tab.gif');
background-repeat:no-repeat;
}

#menu li:hover > a b{
background-image:url('../img/background_menu_tab.gif');
background-repeat:no-repeat;
}

#menu ul li:hover ul, #menu ul a:hover ul{
height:25px;
line-height:25px;
padding-bottom:20px;
top:30px;
display:block;
visibility:visible;
}

#menu ul :hover ul li a{
width:auto;
height:25px;
line-height:25px;
padding:0 10px;
display:block;
float:left;
font-size:95%;
color:#FFFFFF;
}

#search_zone{
width:580px;
height:50px;
line-height:50px;
padding-left:200px;
display:block;
background-image:url('../img/header_03.jpg');
background-repeat:no-repeat;
}

#content{
margin-top:20px;
padding:20px;
width:520px;
min-height:600px;
overflow:hidden;
display:block;
position:relative;
float:right;
background-color:#FFFFFF;
text-align:justify;
color:#000000;
}

#content_large{
padding:20px;
width:740px;
min-height:400px;
display:block;
position:relative;
float:right;
background-color:#FFFFFF;
text-align:justify;
color:#000000;
}

#features{
padding:400px 20px 10px 10px;
height:250px;
width:190px;
display:block;
float:left;
background-color:#FFFFFF;
background:url('../img/background_menu.jpg');
background-repeat:no-repeat;
text-align:center;
font-size:95%;
color:#007380;
}

#footer{
padding:10px 0px 0px 220px;
width:560px;
height:30px;
display:block;
text-align:center;
font-size:90%;
color:#007380;
clear:both;
}

#footer_large{
padding:10px 0px 0px 0px;
width:780px;
height:30px;
display:block;
text-align:center;
font-size:90%;
color:#007380;
clear:both;
}

#footer a, #footer_large{
color:#007380;
}

/* CSS TITRES */

h1, h2, h3, h4{
margin:0px;
padding:0px;
color:#007380;
}

h3{
display:none;
}

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

.titre_pseudo{
padding-bottom:10px;
display:block;
font-size:120%;
color:#FFFFFF;
}

.titre_article{
width:auto;
height:auto;
margin-bottom:10px;
padding:0px;
display:block;
font-family:Trebuchet MS;
font-size:140%;
color:#007380;
}

.titre, .titre_forums{
margin-bottom:20px;
padding-bottom:5px;
display:block;
font-family:Trebuchet MS;
font-size:170%;
color:#007380;
border-bottom:2px solid #007380;
}

.titre_galeries{
padding:0 5px 0 0;
display:inline;
float:left;
font-family:Trebuchet MS;
font-size:120%;
color:#007380;
}

.sous_titre{
margin-bottom:20px;
display:block;
font-family:Trebuchet MS;
font-size:150%;
color:#007380;
}

.sous_titre_forums, .sous_titre_ecards{
margin:20px 0px;
padding-bottom:5px;
display:block;
font-family:Trebuchet MS;
font-size:130%;
color:#007380;
border-bottom:2px solid #007380;
}

.titre_bloc{
margin:30px 0px 10px 0px;
padding:2px 2px 2px 5px;
display:block;
background-color:#007380;
font-family:Arial, Helvetica, Verdana, Sans-Serif;
font-size:110%;
font-weight:bold;
color:#FFFFFF;
}

.titre_bloc a:link, .titre_bloc a:visited, .titre_bloc a:active{
color:#FFFFFF;
}

.options_article {
display:block;
padding-bottom:25px;
}

.options_article li{
display:inline;
}

.envoyer {
margin:0px 15px 0px 0px;
padding:0px 0px 0px 17px;
background:inherit;
background-image:url('../img/icone_envoyer.gif');
background-repeat:no-repeat;
background-position:left center;
font-size:95%;
color:#9A6534;
}

.imprimer {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 17px;
background:inherit;
background-image:url('../img/icone_imprimer.gif');
background-repeat:no-repeat;
background-position:left center;
font-size:95%;
color:#6D6D6D;
}

.puce {
padding:0px 0px 0px 10px;
background:inherit;
background-image:url('../img/puce.gif');
background-repeat:no-repeat;
background-position:left center;
color:#000000;
white-space:nowrap;
}

.warning {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 17px;
background:inherit;
background-image:url('../img/icone_warning.gif');
background-repeat:no-repeat;
background-position:left center;
font-size:100%;
color:#FF0000;
}

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

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

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

.haut a:link, .haut a:visited{
padding:0px 0px 0px 12px;
background-color:#FFFFFF;
background-image:url('../img/puce_fleche_haut.gif');
background-repeat:no-repeat;
background-position:0px 5px;
font-size:90%;
font-weight:normal;
text-decoration:none;
color:#007380;
}

.archives{
font-size:120%;
font-weight:bold;
color:#6D6D6D;
}

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

.option_news{
display:inline;
}

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

.push a:link, .push a:visited{
color:#FFFFFF;
}

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

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

.bloc_news{
display:table;
width:auto;
height:75px;
margin:5px 0px 5px 0px;
background-color:inherit;
text-align:left;
color:#000000;
}

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

.bloc_archives{
width:auto;
padding:0px 0 15px 0;
display:block;
clear:both;
}

.bloc_albums li{
width:305px;
min-height:55px;
padding-left:50px;
display: block;
float:left;
background-image:url('../img/icone_album_photo.gif');
background-repeat:no-repeat;
background-position:left top;
text-align:left;
}

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

.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:#007380;
}

.bloc_couleur{
width:auto;
margin:10px 0 0 0;
padding:10px;
display:block;
clear:both;
background-color:#DAF5F8;
color:#007380;
}

.bloc_paging{
width:auto;
display:block;
clear:both;
margin-top:10px;
padding-top:10px;
border-top:2px solid #007380;
color:#007380;
}

.bloc_paging a{
color:#007380;
}

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

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

.miniature_ecard{
margin-bottom:20px;
width:33%;
display:block;
float:left;
text-align:center;
}

/* 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('http://www.pyxidis.fr/img/search-tab.gif') top left;
position: relative;
z-index: 1;
}

#search-tabs li.on {
border-color: #FFF;
background-image: url('http://www.pyxidis.fr/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('http://www.pyxidis.fr/img/search-tab.gif') top right;
}

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

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