/*
* Feuilles de styles pour le thème Shoop2
* Créé par David THENON en Novembre 2007
* Licence GPL
*
* => Feuille des styles communs à toute les pages
*
* ____________________
*    Redéfinitions de balises et style pour tous
*/
html{
    background-color:#404040;
}
body{
    margin:0;
    padding:0;
    font-family:sans-serif;
    background-image:url("../images/bodycontent_fond_top.png");
    background-position:0px 36px;
    background-repeat:repeat-x;
    background-color:white;
}

a{
    color:#ae6f0c;
}
hr,
.cale{
    visibility:hidden;
    width:0px;
    height:0.05px;
    font-size:0;
    clear:both;
}

/* Conteneur principal juste au dessous du <body/> */
#root{
    margin:0;
    padding:0 0 75px 0;
    background-image:url("../images/footer_fond.png");
    background-position:bottom left;
    background-repeat:repeat-x;
}

/* Bandeau d'entete avec le logo */
/* #body_header{} */
h1{
    margin:0;
    padding:0;
    height:31px;
    background-color:#63a825;
    border-bottom:5px solid white;
}
h1 a{
    display:block;
    width:75px;
    height:31px;
    background-image:url("../images/logo.png");
    background-position:top left;
    background-repeat:no-repeat;
}
h1 span{
    display:none;
}

/* ________________________________________
    Éléments de la navigation principale
*/
#body_header ul{
    margin:0 50px 0 0;
    padding:0;
    position:absolute;
    top:0;
    right:0;
}
#body_header li{
    margin:0;
    padding:0;
    display:block; 
    float:left; 
    list-style-type:none; 
}
#body_header li a,
#body_header li a:link{
    color:white;
    text-decoration:none;
    height:31px;
    display:block;
    float:left;
    white-space:nowrap;
    list-style-type:none;
}
#body_header li a span{
    display:none;
}

#body_header #menu_link_home a{
    width:75px;
    background-image:url("../images/menu_home_fond.png");
    background-position:top left;
    background-repeat:no-repeat;
}
#body_header #menu_link_home a:hover{
    background-image:url("../images/menu_home_hover.png");
}
#body_header #menu_link_home a.active{
    background-image:url("../images/menu_home_active.png");
}
/* Kiwi */
#body_header #menu_link_wiki a{
    width:55px;
    background-image:url("../images/menu_wiki_fond.png");
    background-position:top left;
    background-repeat:no-repeat;
}
#body_header #menu_link_wiki a:hover{
    background-image:url("../images/menu_wiki_hover.png");
}
#body_header #menu_link_wiki a.active{
    background-image:url("../images/menu_wiki_active.png");
}

/* Tribungo */
#body_header #menu_link_tribune a{
    width:80px;
    background-image:url("../images/menu_tribune_fond.png");
    background-position:top left;
    background-repeat:no-repeat;
}
#body_header #menu_link_tribune a:hover{
    background-image:url("../images/menu_tribune_hover.png");
}
#body_header #menu_link_tribune a.active{
    background-image:url("../images/menu_tribune_active.png");
}

/* Menu d'onglets contextuels au document */
#subnavigation:hover{
    padding-bottom:3px;
    border:1px solid #c7c8c3;
    border-bottom:1px solid white;
    -moz-border-radius:4px 4px 0 0;
    background-color:#f8fcf7;
}
#subnavigation span{
    color:#a4a824;
}
#subnavigation ul{
    margin:0;
    padding:8px 5px 2px 18px;
    width:145px;
    position:absolute;
    border:1px solid #e5e7db;
    background-color:#f8fcf7;
    display:none;
}
#subnavigation:hover ul{
    margin:3px 0 0 -1px;
    display:block;
    color:#966510;
    font-size:12px;
}

#subnavigation li{
    margin:0;
    padding:0 0 7px 0;
    display:list-item;
    float:none;
    list-style-type:square;
    border:0;
}

#subnavigation li a{
    margin:0;
    padding:0;
    color:#966510;
}
#subnavigation li a:hover{
    color:#5a6cc9;
    background-color:transparent;
}

/* Conteneur de sous menus et contextes */
#submenu{
    margin:10px 0 0 0;
    padding:0;
    width:206px;
    position:absolute;
    display:none;
}
#submenuTopObj{
    margin:0 0 0 0;
    padding:0 0 0 0;
    height:13px;
    background-image:url("../images/submenu_border_top.gif");
    background-position:top left;
    background-repeat:no-repeat;
}
#submenuBottomObj{
    margin:0 0 0 0;
    padding:0;
    height:13px;
    background-image:url("../images/submenu_border_bottom.gif");
    background-position:top left;
    background-repeat:no-repeat;
}
div.columned #submenu{
    display:block;
}
#submenu div.submenu_container{
    margin:0;
    padding:0;
    color:#484941;
    background-color:#f9fbf3;
    border-left:1px solid #e9eecf;
    border-right:1px solid #e9eecf;
}
#submenu div.menu_box{
    border-top:1px dashed #D5D6D1;
}

#submenu a{
    text-decoration:none;
}
#submenu a:hover{
    text-decoration:underline;
}
#submenu p{
    margin:0;
    padding:0;
}
#submenu div.partbox{
    color:#484941;
    border-bottom:1px dashed #d5d6d1;
    background-color:#f9fbf3;
}

#submenu div.links_title{
    font-size:14px;
    font-weight:bold;
    color:#a4a824;
    border-bottom:0;
}
#submenu div.links_title p.bulleted_link a{
    display:block;
    margin:0;
    padding:14px 14px 14px 32px;
    background-image:url("../images/famfam_bullets/bullet_black.png");
    background-position:10px 50%;
    background-repeat:no-repeat;
    border-bottom:1px dashed #d5d6d1;
}
#submenu div.links_title p.numbered_link a{
    display:block;
    margin:0;
    padding:14px 14px 14px 14px;
    border-bottom:1px dashed #d5d6d1;
}
#submenu div.links_title a{
    color:#a4a824;
}
#submenu div.links_title p a:hover{
    background-color:#f5f9e0;
}

#submenu div.infos{
    margin:0;
    padding:12px;
    font-size:11px;
}

#submenu ul.sublink_list,
#submenu ul.link_list{
    margin:0;
    padding:0;
    background-color:#f9fbf3;
}
#submenu ul.link_list li,
#submenu ul.sublink_list li{
    margin:0;
    padding:0;
    font-size:12px;
    font-weight:bold;
    list-style-type:none;
}
#submenu ul.sublink_list li{
    font-size:11px;
}
#submenu ul.link_list li a{
    display:block;
    margin:0 4px 0 4px;
    padding:13px 8px 13px 28px;
    color:#484941;
    background-image:url("../images/famfam_bullets/bullet_black.png");
    background-position:6px 50%;
    background-repeat:no-repeat;
    border-bottom:1px solid #d5d6d1;
}
#submenu ul.sublink_list li a{
    display:block;
    margin:0 2px 0 2px;
    padding:5px 2px 5px 26px;
    color:#484941;
    background-image:url("../images/famfam_bullets/bullet_black.png");
    background-position:6px 50%;
    background-repeat:no-repeat;
}
#submenu ul.link_list li.numbered a{
    display:block;
    margin:0 4px 0 4px;
    padding:13px 8px 13px 8px;
    color:#484941;
    border-bottom:1px solid #d5d6d1;
    background-image:none;
}
#submenu ul.link_list li.numbered span{
    margin-right:5px;
    color:red;
}

/* Cadre de messages d'informations, alertes, etc.. en dessous du sousmenu de contexte */
#submenu div.subinfos_container{
    margin:20px 5px 0 5px;
    padding:8px;
    font-size:12px;
    font-style:italic;
    color:#484941;
    background-color:#f9fbf3;
    border:1px solid #e9eecf;
}
#submenu div.subinfos_container h2{
    margin:0 0 10px 0;
    padding:0;
    font-size:18px;
}
#submenu div.subinfos_container h3{
    margin:0 0 5px 0;
    padding:2px;
    font-size:15px;
    color:#484941;
}
#submenu div.subinfos_container p{
    margin-bottom:5px;
}
#submenu div.subinfos_container ul{
    margin:5px 0 0 0;
    padding:2px 2px 2px 20px;
}

/* Boite spécial pour l'identité */
#mesgIdentity{
    margin:0;
    padding:22px 12px 22px 56px;
    font-size:11px;
    font-weight:bold;
    color:#484941;
    background-image:url("../images/crystal_blue/identity.png");
    background-position:10px 50%;
    background-repeat:no-repeat;
    background-color:#f9fbf3;
    border-bottom:1px dashed #d5d6d1;
}
#mesgIdentity em{
    display:none;
}
#mesgIdentity strong{
    font-size:16px;
}
#mesgIdentity a{
    padding-top:5px;
    display:block;
    text-decoration:underline;
}

/* Styles communs du submenu */
#mesgIdentity:hover,
#submenu ul.link_list li:hover{
    background-color:#f5f9e0;
}
#submenu div.last,
#submenu ul.last,
#submenu ol.last,
#submenu ul.link_list li.last a,
#submenu div.links_title p.bulleted_link a.last,
#submenu div.links_title p.numbered_link a.last{
    border-bottom:0;
}

/* Icones personnalisés des liens */
#submenu #loginLink{
    background-image:url("../images/famfam_bullets/user_go.png");
}
#submenu #logoutLink{
    background-image:url("../images/famfam_bullets/disconnect.png");
}
#submenu #djangoadminLink{
    background-image:url("../images/famfam_bullets/building_go.png");
}
#submenu #registerLink{
    background-image:url("../images/famfam_bullets/user_add.png");
}
#submenu #addLink{
    background-image:url("../images/famfam_bullets/add.png");
}
#submenu #tribuneExperimentLink{
    background-image:url("../images/famfam_bullets/new.png");
}
#submenu #shoopparkLink{
    background-image:url("../images/famfam_bullets/images.png");
}


/* Conteneur principal pour les contenus et leurs contextes */
#body_content{
    margin:0;
    padding:28px 25px 0 25px;
    color:#40413b;
    font-size:13px;
}

#body_content h2{
    font-size:25px;
    color:#192a09;
    margin:0;
    padding:20px 0 0 0;
}
#body_content h2 a{
    color:#192a09;
    text-decoration:none;
}
#body_content h3{
    font-size:20px;
    padding-bottom:2px;
    color:#192a09;
    border-bottom:1px solid #e5e7db;
}
#body_content h4{
    font-size:16px;
}
#body_content h5{
    font-size:13px;
}

/* Conteneur du contenu */
div.content{
    margin:0;
    padding:0;
}
div.columned div.content{
    margin:0 0 0 231px;
    padding:0;
}

/* Menu d'onglets contextuel au document */
div.content div.tabs_menu{
    margin:0;
    padding-bottom:9px;
    background-image:url("../images/tabmenu_fond.png");
    background-position:bottom left;
    background-repeat:repeat-x;
}
div.content div.tabs_menu ul{
    list-style-type:none; 
}
div.content div.tabs_menu li{
    margin:0 10px -1px 0;
    padding:0;
    display:block; 
    float:left; 
    list-style-type:none;
    border:1px solid #e5e7db;
    -moz-border-radius:4px 4px 4px 4px;
}
div.content div.tabs_menu li.active{
    padding-top:2px;
    padding-bottom:1px;
    border:1px solid #c7c8c3;
    border-bottom:1px solid white;
    -moz-border-radius:4px 4px 0 0;
}
div.content div.tabs_menu li a{
    display:block; 
    margin:0;
    padding:5px;
    text-decoration:none;
    color:#a4a824;
}
div.content div.tabs_menu li span{
    display:block; 
    margin:0;
    padding:5px;
    color:#585951;
}
div.content div.tabs_menu li a:hover{
    color:white;
    background-color:#e5e7db;
}

/* Sous menu du Menu d'onglets contextuel au document */
div.content div.sub_tabs_menu{
    margin:0;
    padding-bottom:9px;
}
div.content div.sub_tabs_menu ul{
    list-style-type:none; 
}
div.content div.sub_tabs_menu li{
    margin:0 20px -1px 0;
    padding:0 0 0 0;
    display:block; 
    float:left; 
    list-style-type:none;
    border-bottom:1px solid #dae0d7;
}
div.content div.sub_tabs_menu li a{
    display:block; 
    margin:0;
    padding:5px;
    text-decoration:none;
    color:#585951;
}
div.content div.sub_tabs_menu li span{
    display:block; 
    margin:0;
    padding:5px;
    color:#dae0d7;
    font-style:italic;
}
div.content div.sub_tabs_menu li a:hover{
    color:#80a787;
}

/* Pour les listes à puces sous forme de bloc comme pour l'historique */
div.block_items_list ul.list_container{
    list-style-type:none;
    padding:0 10px 0 10px;
}
div.block_items_list ul.list_container li.list_item{
    margin-top:0;
    margin-bottom:0;
    padding:10px;
    list-style-type:none;
    border-bottom:2px solid #e5e7db;
}
div.block_items_list ul.list_container li.first{
    list-style-type:none;
    border-top:2px solid #e5e7db;
}
div.block_items_list ul.list_container li.row2{
/*     background-color:#faf7eb; */
    background-color:#fafcf4;
}
#body_content div.block_items_list h3{
    margin-top:0;
    border:0;
    font-size:18px;
}

/*
* Formulaires avec des fieldset
*/
div.fieldset_form form{
    padding:5px;
}
div.fieldset_form fieldset{
    margin:10px 0 25px 0;
    padding:15px 10px 0 10px;
    background-color:#ecf2e9;
    border:2px solid #dae0d7;
    -moz-border-radius:8px;
}
div.fieldset_form fieldset.sub{
    margin-left:auto;
    margin-right:auto;
    width:80%;
}
div.fieldset_form fieldset.tiny{
    margin-left:auto;
    margin-right:auto;
    width:300px;
}
div.fieldset_form legend{
    font-size:20px;
    font-weight:bold;
    color:#192a09;
}

div.fieldset_form label{
    display:block;
    margin:5px 0 10px 0;
    font-size:14px;
    font-weight:bold;
    padding-bottom:2px;
    color:#697a59;
    text-transform:capitalize;
}

div.fieldset_form div.formItem{
    margin:0 0 20px 0;
    padding:0;
}
div.fieldset_form fieldset.columned div.formItem{
    margin-right:1%;
    padding-left:4%;
    float:left;
    border-right:1px solid #99aa89;
}
div.fieldset_form fieldset.columned div.width33{
    width:28%;
    margin-right:1%;
    padding-left:4%;
    float:left;
    border-right:1px solid #99aa89;
}
div.fieldset_form fieldset.columned div.width50{
    width:45%;
    margin-right:1%;
    padding-left:4%;
    float:left;
    border-right:1px solid #99aa89;
}
div.fieldset_form fieldset.columned div.width77{
    width:62%;
    margin-right:0;
    padding-left:4%;
    float:left;
    border-right:1px solid #99aa89;
}
div.fieldset_form fieldset.columned div.widthFull{
    width:auto;
    margin:0 1% 20px 0;
    padding-top:2%;
    float:none;
    clear:both;
    border-right:0;
}
div.fieldset_form fieldset.columned div.last{
    border-right:0;
}
div.fieldset_form div.inputBox input,
div.fieldset_form div.inputBox textarea{
    width:98%;
    margin:5px;
    padding:2px;
    font-size:14px;
    font-family:sans-serif;
    border:1px solid #d4d8d3;
}
div.fieldset_form select{
    font-size:12px;
    font-family:sans-serif;
    border:1px solid #d5deed;
}
div.fieldset_form select option[selected="selected"]{
    color:#ae6f0c;
    background-color:#ecf2e9;
}
div.fieldset_form div select{
    margin:0px 5px 4px 0;
    padding:2px 0.5% 2px 0.5%;
    font-size:12px;
    font-family:sans-serif;
    border:1px solid #d5deed;
}
div.fieldset_form legend select{
    font-size:17px;
    font-weight:normal;
    color:#192a09;
}
div.fieldset_form div.inputBox input.vCheckboxField{
    width:auto;
}

/* Boite d'actions sur un champ d'image avec sa vignette en lucarne gauche */
div.fieldset_form div.imageActionChoice input.vCheckboxField{
    margin:0;
}
#body_content div.fieldset_form div.imageActionChoice h3{
    margin:5px 0 10px 0;
    font-size:14px;
    font-weight:bold;
    padding-bottom:2px;
    color:#697a59;
    text-transform:capitalize;
    border:0;
}
div.fieldset_form div.imageActionChoice p.image{
    float:left;
    width:61px;
    margin-right:5px;
    padding:4px;
}
div.fieldset_form div.imageActionChoice p.choice{
    float:left;
    padding:15px 0 0 0;
}
div.fieldset_form div.imageActionChoice p.choice label{
    display:inline;
    font-weight:normal;
    font-size:12px;
}


/* Boite d'aide sur l'utilisation d'un formulaire */
div.fieldset_form div.help,
div.fieldset_form div.infos{
    margin:10px 2% 10px 2%;
    padding:0 1% 0 1%;
    background-color:#fafcf4;
    border:2px dotted #f2f2f1;
}
div.fieldset_form div.help{
    background-color:#f5faf2;
    border:2px dotted #f0f5ec;
}


/* Boutons de formulaire */
div.form_buttons{
    margin-top:30px;
    text-align:center;
}
div.form_buttons input{
    margin:0 10px 0 0;
    padding:6px 10px 6px 10px;
    font-size:14px;
    font-weight:bold;
    border:1px solid #808080;
}

/* Message d'erreur dans un formulaire */
.forms-validation-message{
    margin:2px 0 0 0;
    display:block;
    clear:both;
    padding:0 2px 2px 28px;
    font-size:12px;
    font-weight:bold;
    text-decoration:underline;
    color:#ba221e;
    text-align:left;
    background:url("../images/crystal_blue/agt_announcements.png") no-repeat 4px center;
}

/* Menu des filtres de liste */
div.inline_form{
    padding:10px 10px 0 10px;
    margin:0;
    text-align:center;
}
div.inline_form a.input_link{
    padding-top:3px;
    vertical-align:top;
}
div.inline_form h3{
    display:none;
}
div.inline_form input.vTextField{
    margin:0px 5px 4px 0;
    padding:3px;
    font-size:12px;
    font-family:sans-serif;
    border:1px solid #d5deed;
}
div.inline_form select{
    margin:0px 5px 4px 0;
    padding:2px 0.5% 2px 0.5%;
    font-size:12px;
    font-family:sans-serif;
    border:1px solid #d5deed;
}
div.inline_form input.submit_ok_button{
    margin:0px 5px 4px 0;
    padding:2px 0.5% 2px 0.5%;
    font-size:12px;
    font-weight:bold;
    font-family:sans-serif;
    border:1px solid #d5deed;
}
div.inline_form{
    padding:10px 10px 20px 10px;
    text-align:center;
    vertical-align:top;
}

/* ________________________________________
    Éléments de "avatars_park"
*/
ul.park_container{
    width:80%;
    margin:auto;
    margin-top:40px;
}
ul.park_container li{
    width:80px;
    margin:0 10px 20px 10px;
    float:left;
    list-style-type:none;
}
ul.park_container div.empty_vcard,
ul.park_container a{
    display:block;
    width:48px;
    height:48px;
    margin:auto;
    border:1px solid black;
}
ul.park_container img{
    width:48px;
    height:48px;
    margin:0;
    border:0;
}
ul.park_container div.empty_vcard{
    background-image:url("../images/empty_avatar.png");
    background-repeat:no-repeat;
    background-position:top left;
}
ul.park_container p.label{
    margin:5px 0 0 0;
    padding:0;
    font-size:11px;
    text-align:center;
}

/* Formulaire de login */
#login_widget{
}
#login_widget h2{
    margin:0;
    padding:14px 14px 4px 14px;
    font-size:14px;
    font-weight:bold;
    color:#a4a824;
}
#login_widget fieldset{
    border:0;
}
#login_widget div.inputBox label{
    display:block;
    margin:0 0 0 5px;
    font-size:12px;
    font-weight:bold;
    color:#697a59;
}
#login_widget div.inputBox input{
    width:90%;
    margin:5px;
    padding:2px;
    font-size:12px;
    font-family:sans-serif;
    border:1px solid #d4d8d3;
}
#login_widget div.form_buttons{
    margin-top:5px;
    margin-bottom:10px;
    text-align:center;
}
#login_widget div.form_buttons input{
    margin:0 10px 0 0;
    padding:4px 6px 4px 6px;
    font-size:11px;
    font-weight:bold;
    border:1px solid #808080;
}

/* Message d'erreur dans un formulaire */
div.pagination{
    margin:0;
    padding:0;
    font-size:12px;
    text-align:left;
}
div.pagination p.resume{
    margin:0 0 10px 0;
    padding:10px 5px 5px 5px;
    font-style:italic;
    text-align:center;
}
div.pagination p.previous,
div.pagination p.next{
    margin:0;
    padding:5px 0 5px 1%;
    width:20%;
    float:left;
    text-align:left;
    font-weight:bold;
}
div.pagination p.next{
    padding:5px 1% 5px 0;
    text-align:right;
}
div.pagination p.pages{
    margin:0;
    padding:5px 0 5px 0;
    width:58%;
    float:left;
    font-weight:normal;
    text-align:center;
}

/* Pied de page avec les liens */
#body_footer{
    margin:0 0 20px 0;
    padding:20px 0 0 0;
    color:#728b5b;
    font-size:13px;
    background-color:#404040;
    border-top:5px solid white;
}
#body_footer p{
    margin:0 auto 0 auto;
    padding:0;
    list-style-type:none;
    text-align:center;
}