/* Configuration générale */

body{
margin:auto;
padding:0px;
background-color:#660000;
background-image:url('../img/new/background.jpg');
background-repeat:repeat-x;
font-family:Arial, Helvetica, Verdana, Sans-Serif;
font-size:75%;
color:#000000;
}

hr{
display:none;
}

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

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:0px auto;
padding:10px;
width:90%;
display:block;
clear:both;
background-color:#F7F7E7;
border:1px dashed #CEBEBE;
font-style:italic;
color:#000000;
}

/* Composants */

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

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

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

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

.inline{
display:inline;
}

.inline_bloc{
width:auto;
display:inline-block;
vertical-align:top;
}

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

.clear{
clear:both;
}

.nowrap{
white-space:nowrap;
}

.relative{
position:relative;
}

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

.small{
font-size:90%;
}

.invisible{ 
display:none; 
}

.smiley{
vertical-align:middle;
}

.deux_colonnes_1{
padding-right:20px;
width:290px;
height:90px;
display:block;
float:left;
}

.deux_colonnes_2{
width:290px;
height:90px;
display:block;
float:left;
}

.deux_colonnes_large_1{
padding-right:20px;
width:450px;
display:block;
float:left;
}

.deux_colonnes_large_2{
width:450px;
display:block;
float:left;
}

/* Configuration structurelle */

#container{
margin:auto;
padding:0px;
width:980px;
height:auto;
position:relative;
background:url('../img/new/background_contents.jpg');
background-repeat:repeat-y;
background-color:#FFFFFF;
color:#000000;
}

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

#banniere{
width:490px;
height:243px;
}

#banniere a{
margin:0px;
padding:0px;
width:490px;
height:243px;
display:block;
background-image:url('../img/new/background_header.jpg');
background-repeat:no-repeat;
color:#000000;
}

#banniere_feature{
position:absolute;
top:73px;
right:0px;
}

#navigation{
width:575px;
height:33px;
line-height:33px;
margin:0px 5px 0px 400px;
position:absolute;
top:40px;
background:url('../img/new/background_navigation.jpg');
background-repeat:repeat-x;
vertical-align:middle;
color:#666666;
font-size:90%;
}

#navigation li{
display:inline;
}

#navigation a{
color:#666666;
}

.alerte_message{
margin-left:5px;
padding-left:15px;
background-image:url('../img/icone_header_message.gif');
background-repeat:no-repeat;
background-position:left center;
}

.alerte_amis{
padding-left:12px;
background-image:url('../img/icone_header_amis.gif');
background-repeat:no-repeat;
background-position:left center;
}

.alerte_amis_flashing{
padding-left:12px;
background-image:url('../img/icone_header_alerte_amis.gif');
background-repeat:no-repeat;
background-position:left center;
}

#menu{
padding:5px 5px 5px 10px;
width:965px;
height:75px;
background-color:#660000;
background:url('../img/new/background_menu.jpg');
background-repeat:no-repeat;
clear:both;
}

#menu ul{
width:720px;
height:46px;
line-height:46px;
display:block;
float:left;
position:relative;
z-index:2;
}

#menu ul ul{
padding:23px 10px 20px 100px;
width:580px;
height:37px;
line-height:normal;
display:block;
visibility:hidden;
position:absolute;
top:46px;
left:0px;
background-image:url('../img/new/background_sous-menu.png');
background-repeat:no-repeat;
text-align:center;
}

#menu ul li:hover ul, #menu ul a:hover ul{
visibility:visible;
}

#menu ul ul.sous-menu_hsm1{
background-image:url('../img/new/background_sous-menu_hsm1.png');
background-repeat:no-repeat;
}

#menu ul ul.sous-menu_hsm2{
background-image:url('../img/new/background_sous-menu_hsm2.png');
background-repeat:no-repeat;
}

#menu ul ul.sous-menu_hsm3{
background-image:url('../img/new/background_sous-menu_hsm3.png');
background-repeat:no-repeat;
}

#menu ul ul.sous-menu_sfa{
background-image:url('../img/new/background_sous-menu_sfa.png');
background-repeat:no-repeat;
}

#menu li{
float:left;
}

#menu table{
position:absolute;
left:0px;
top:40px;
}

#menu ul li a, #menu ul li a:visited{
width:80px;
display:inline-block;
text-align:center;
text-transform:uppercase;
font-size:130%;
font-weight:bold;
color:#000000;
cursor:pointer;
}

#menu ul :hover ul li a{
margin-right:20px;
width:auto;
display:inline-block;
font-size:100%;
color:#663300;
}

#menu ul :hover ul.sous-menu_hsm1 li a{
color:#660000;
}

#menu ul :hover ul.sous-menu_hsm2 li a{
color:#006699;
}

#menu ul :hover ul.sous-menu_hsm3 li a{
color:#666666;
}

#menu ul :hover ul.sous-menu_sfa li a{
color:#990066;
}

.lien_menu_news, .lien_menu_hsm1, .lien_menu_hsm2, .lien_menu_hsm3, .lien_menu_hsm4, .lien_menu_medias, .lien_menu_forums, .lien_menu_membres, .lien_menu_sharpay{
width:80px;
height:46px;
display:block;
}

.lien_menu_news{
background-image:url('../img/new/background_menu_news.png');
background-repeat:no-repeat;
}

.lien_menu_hsm1{
background-image:url('../img/new/background_menu_hsm1.png');
background-repeat:no-repeat;
}

.lien_menu_hsm2{
background-image:url('../img/new/background_menu_hsm2.png');
background-repeat:no-repeat;
}

.lien_menu_hsm3{
background-image:url('../img/new/background_menu_hsm3.png');
background-repeat:no-repeat;
}

.lien_menu_hsm4{
background-image:url('../img/new/background_menu_hsm4.png');
background-repeat:no-repeat;
}

.lien_menu_sharpay{
background-image:url('../img/new/background_menu_sharpay.png');
background-repeat:no-repeat;
}

.lien_menu_medias{
background-image:url('../img/new/background_menu_medias.png');
background-repeat:no-repeat;
}

.lien_menu_forums{
background-image:url('../img/new/background_menu_forums.png');
background-repeat:no-repeat;
}

.lien_menu_membres{
background-image:url('../img/new/background_menu_membres.png');
background-repeat:no-repeat;
}

.bloc_recherche{
padding:10px;
width:auto;
height:35px;
display:block;
float:right;
}

.input_recherche{
padding:1px 0px 0px 25px;
width:155px;
height:20px;
display:inline-block;
vertical-align:middle;
background-color:#FFFFFF;
background-image:url('../img/new/icone_recherche.gif');
background-repeat:no-repeat;
background-position:left center;
font-size:120%;
font-weight:bold;
color:#333333;
}

.bouton_recherche{
padding:3px;
margin:0px;
width:35px;
height:27px;
display:inline-block;
text-align:center;
vertical-align:middle;
background-color:#333333;
background-image:url('../img/new/background_bouton.jpg');
background-repeat:x-repeat;
border:1px solid #333333;
font-size:120%;
font-weight:bold;
color:#FFFFFF;
}

.bouton_recherche:hover{
border:1px solid #222222;
}

.bouton_recherche:active{
border:1px solid #CCCCCC;
font-size:110%;
}

#content{
margin:0px 20px 15px 30px;
width:600px;
min-height:350px;
display:block;
position:relative;
float:left;
text-align:justify;
color:#000000;
}

#content_large{
margin:0px 30px 15px 30px;
width:920px;
min-height:350px;
display:block;
position:relative;
float:left;
text-align:justify;
color:#000000;
}

#features{
margin-bottom:4px;
width:300px;
display:block;
position:relative;
float:left;
}

#features .lien{
padding-top:5px;
display:block;
text-align:center;
font-size:120%;
font-weight:bold;
}

.bloc_features_news{
padding:135px 0px 20px 0px;
width:auto;
height:515px;
background-color:#F7F7E7;
background-image:url('../img/new/background_header_dernieres_news.jpg');
background-repeat:no-repeat;
}

.bloc_news{
padding:5px 10px 7px 10px;
width:auto;
height:70px;
display:block;
text-align:left;
clear:both;
}

.titre_news{
margin:0px;
padding-bottom:5px;
display:block;
font-size:110%;
text-align:left;
font-weight:bold;
}

.bloc_features_forums{
padding:125px 0px 20px 0px;
width:auto;
height:240px;
background-color:#F7F7E7;
background-image:url('../img/new/background_header_derniers_messages.jpg');
background-repeat:no-repeat;
}

.bloc_features_forums ul{
margin:10px 1px 10px 0px;
padding:5px 0px 0px 20px;
height:190px;
overflow:auto;
}

.bloc_features_forums ul li{
padding-bottom:5px;
}

#footer{
padding:55px 25px 0px 185px;
width:770px;
height:45px;
display:block;
position:relative;
background:url('../img/new/background_footer.jpg');
background-repeat:no-repeat;
text-align:center;
font-size:90%;
color:#555555;
clear:both;
}

#footer p{
margin:0px;
padding:0px;
}

#footer a{
color:#555555;
}

.reseau_footer{
width:145px;
height:50px;
display:block;
position:absolute;
left:20px;
top:45px;
}

.tag_footer a{
width:145px;
height:50px;
display:block;
position:absolute;
}

.reseau_footer:hover .sites_reseau_footer{
visibility:visible;
}

.sites_reseau_footer{
margin-left:145px;
padding-left:20px;
width:770px;
line-height:45px;
height:45px;
display:block;
visibility:hidden;
background:url('../img/new/background_footer.jpg');
background-repeat:no-repeat;
background-position:-165px -45px;
text-align:center;
}

.sites_reseau_footer li{
padding:0px 20px;
display:inline-block;
font-size:120%;
font-weight:bold;
text-align:center;
}

/* Paramètres des titres */

#navigation h3, #menu h3, #features h3{
display:none;
}

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

h2.titre{
margin-bottom:10px;
padding-left:50px;
height:40px;
display:block;
position:relative;
background-image:url('../img/new/background_h2.gif');
background-position:left bottom;
background-repeat:no-repeat;
font-size:160%;
font-weight:bold;
color:#A61100;
}

h3.titre, h3.sous_titre{
margin-bottom:10px;
padding:0px;
width:auto;
font-size:120%;
font-weight:bold;
color:#A61100;
}

h2 a, h2 a:visited, h3 a, h3 a:visited{
color:#A61100;
text-decoration:none;
}

h3.titre a:hover, h3.sous_titre a:hover{
text-decoration:underline;
}

h4.titre{
font-size:100%;
font-weight:bold;
color:#A61100;
}

.titre_inline{
padding-bottom:2px;
display:inline;
font-weight:bold;
font-size:100%;
}

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

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

/* Blocs */

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

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

.commentaire_1{
margin-bottom:10px;
padding:5px 10px 15px 10px;
border-bottom:1px dashed #A61100;
}

.commentaire_2{
padding:5px 10px 10px 10px;
}

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

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

.absolute_panel_liens{
position:absolute;
top:2px;
right:0px;
font-weight:bold;
color:#A61100;
}

.bloc_couleur{
margin-top:20px;
padding:10px;
display:block;
clear:both;
background-color:#F7F7E7;
text-align:center;
color:#000000;
}

.bloc_titre{
width:auto;
height:auto;
display:block;
position:relative;
}

.bloc_header{
width:auto;
display:block;
clear:both;
padding-bottom:10px;
border-bottom:0px solid #A61100;
color:#A61100;
}

.bloc_header a{
color:#A61100;
}

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

.bloc_paging a{
color:#A61100;
}

.bloc_resultat{
padding:10px 0px;
width:auto;
display:block;
clear:both;
}

.bloc_archives_home{
padding:15px 5px;
display:block;
clear:both;
text-align:center;
border-top:1px dashed #A61100;
font-weight:bold;
color:#A61100;
}

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

.bloc_galerie{
width:270px;
height:240px;
padding:20px 10px;
display:inline-block;
text-align:center;
}

.bloc_galerie h3{
width:auto;
padding:5px 0px 0px 0px;
display:block;
text-align:center;
font-size:120%;
font-weight:bold;
}

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

.bloc_photo{
margin:0px auto;
padding-top:10px;
width:100%;
min-height:250px;
display:block;
background-image:url('../img/icone_chargement.gif');
background-repeat:no-repeat;
background-position:center center;
text-align:center;
}

.bloc_locked{
margin-bottom:20px;
padding:10px 10px 10px 30px;
width:auto;
height:20px;
display:block;
clear:both;
background-image:url('../img/icone_profil_locked.gif');
background-repeat:no-repeat;
background-position:10px 10px;
background-color:#EEEEEE;
font-size:90%;
border:1px solid #CCCCCC;
}

.bloc_artistes{
margin-bottom:20px;
width:185px;
height:auto;
display:block;
float:left;
text-align:center;
}

.options_article{
padding-bottom:15px;
width:auto;
display:block;
}

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

.push a{
color:#FFFFFF;
}

.liste_membres{
width:920px;
display:block;
text-align:center;
}

.membre_ami{
margin:10px 20px 10px 0px;
padding:5px;
width:100px;
height:135px;
display:block;
float:left;
background-repeat:no-repeat;
background-position:center 25px;
text-align:center;
font-size:90%;
font-weight:bold;
color:#A61100;
border:2px solid #CCCCCC;
}

.membre{
margin:10px 20px 10px 0px;
padding:5px;
width:100px;
height:118px;
display:block;
float:left;
background-repeat:no-repeat;
background-position:center 25px;
text-align:center;
font-size:90%;
font-weight:bold;
color:#A61100;
border:2px solid #CCCCCC;
}

.membre:hover, .membre_ami:hover{
background-color:#DDDDDD;
text-decoration:none;
}

.dernier_avatar_membre, .dernier_membre_ami{
margin-right:0px;
}

.avatar_membre, .avatar_ami{
padding:5px 0px;
width:100px;
height:100px;
display:inline-block;
background-repeat:no-repeat;
background-position:center center;
}

.colonne_membre_gauche{
margin:0px 0px 10px 0px;
width:25%;
display:block;
float:left;
text-align:center;
}

.colonne_membre_droite{
margin:0px 0px 15px 0px;
width:75%;
display:block;
float:left;
}

.colonne_membre_gauche h4, .colonne_membre_droite h4{
padding:0px 0px 3px 0px;
margin:0px 0px 10px 0px;
border-bottom:1px solid #666666;
font-size:100%;
color:#666666;
font-weight:normal;
}

.colonne_membre_gauche .bloc, .colonne_membre_droite .bloc{
margin-bottom:15px;
}

.colonne_membre_droite label{
display:inline-block;
width:125px;
height:20px;
color:#666666;
}

/* Pictogrammes */

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

.puce_news a:link, .puce_news a:visited{
padding:0px 8px 0px 0px;
display:inline;
white-space:nowrap;
background-image:url('../img/new/fleche_droite.gif');
background-repeat:no-repeat;
background-position:right center;
font-size:95%;
font-weight:bold;
color:#A61100;
}

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

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

.haut a:hover{
background-image:url('../img/fleche_haut_hover.gif');
background-repeat:no-repeat;
background-position:0px 5px;
}

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

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

.loading{
padding-left:20px;
background-color:inherit;
background-image:url('../img/icone_loading.gif');
background-repeat:no-repeat;
background-position:left center;
color:#0033CC;
}

.video_embed{
margin:auto;
padding-left:20px;
width:50%;
background-image:url('../img/icone_video_embed.gif');
background-repeat:no-repeat;
background-position:left center;
text-align:left;
font-size:90%;
font-weight:bold;
color:#FF0000;
clear:both;
}

.separation{
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
border-top:#A61100 1px dotted;
}

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

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

/* Formulaire */

.formulaire{
margin-top:20px;
display:block;
}

.formulaire label{
width:115px;
height:25px;
display:inline-block;
text-align:left;
font-weight:bold;
color:#666666;
}

.formulaire input.champ, .formulaire textarea, .formulaire select{
margin-bottom:8px;
width:300px;
display:inline-block;
}

.formulaire textarea{
vertical-align:text-top;
}

.bouton{
padding:0px 5px;
line-height:18px;
min-width:100px;
display:inline-block;
text-align:center;
background-image:url('../img/new/background_bouton.jpg');
background-repeat:repeat-x;
background-color:#444444;
font-size:90%;
color:#FFFFFF;
border:2px solid #444444;
}

a.bouton{
color:#FFFFFF;
}

input:hover.bouton, a:hover.bouton{
text-decoration:none;
color:#FFFFFF;
border:2px solid #000000;
}

/* Search Tabs */

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

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

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

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

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

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

/* Autocomplete */

.ac_results ul{
width:180px;
height:auto;
z-index:3;
background-color:#FFFFFF;
border:1px solid #666666;
font-size:120%;
color:#333333;
}

.ac_results li{
padding:2px 5px;
width:auto;
line-height:16px;
cursor:default;
}

.ac_loading{
background:#FFFFFF url('../img/icone_loading.gif') 4px center no-repeat;
}

.ac_over{
background-color:#0A246A;
color:#FFFFFF;
}

/* Diaporama */

.navigation_slides{
width:360px;
position:relative;
visibility:hidden;
opacity:0.25;
filter:alpha(opacity=25);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
cursor:pointer;
}

.navigation_slides_left{
position:absolute;
top:85px;
left:0px;
}

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

.slides, .slide{
margin:0px;
padding:0px;
width:600px;
height:210px;
display:block;
position:relative;
overflow:hidden;
text-align:left;
}

.slide h3{
font-size:190%;
color:#FFFFFF;
}

.slide h3 a{
display:block;
text-decoration:none;
color:#FFFFFF;
}

.slide img{
width:600px;
height:210px;
}

.overlay{
padding:10px;
width:220px;
height:210px;
display:block;
position:absolute;
top:0px;
right:0px;
background-color:#000000;
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
color:#FFFFFF;
}

.slide:hover .overlay{
opacity:0.65;
filter:alpha(opacity=65);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
}