body
{	
    background-image: url(img/design/bg.gif);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.90em;
	margin: 0;
    padding: 0;
}

/* BACKGROUND */

#background
{
	/*z-index: 9;*/
    position: relative;
    margin : 30px;
    background: #DFEAF9;
    border: 1px #FFAE00 solid;
}

.bg_corner
{
    /*z-index: 8;  */
    position: relative;
    width: 10px;
    height: 10px;
    background-color: #DBD7FF;
    background-repeat: no-repeat;
    font-size: 8px;  
    margin: 0;
    padding: 0;
}

#bg_top_left
{
    left: -1px;
    top: -1px;
    float: left;
    background-image: url(img/design/bg_top_left.gif);
}

#bg_top_right
{
    top: -1px;
    right: -1px;
    float: right;
    background-image: url(img/design/bg_top_right.gif);
}

#bg_bottom_left
{
    left: -1px;
    bottom: 9px;
    float: left;
    background-image: url(img/design/bg_bottom_left.gif);  
}

#bg_bottom_right
{
    bottom: 9px;
    right: -1px;
    float: right;
    background-image: url(img/design/bg_bottom_right.gif);
}

#bg_bottom_spacer
{
    height: 10px; 
    font-size: 0px;
    clear: both;
}

/* HEADER */

h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    background-image:url(img/design/logo.gif);
    background-repeat:no-repeat;
    background-position: 0% 55%;
    padding-left: 65px;
    text-align: center;
    display: inline;
    line-height: 59px;
}

#titre
{
    /*z-index: 1;*/
    position: relative;
    top: -25px;
    background-image: url(img/design/titre.gif);
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    height:  59px;
    margin-left: 165px;
}

/* BLOC GAUCHE */

#block_left
{
    /*z-index: 2;*/
    position: relative;
    left: -22px;
    float: left;
    width: 188px;
    margin: 0;
    padding: 0;
}

/* MENU */

/*
#navlist
{
    margin: 0 0 4em 0;
    padding: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 13.45em;
}


#navlist li
{
    margin: 15px 0 0 0;
    padding: 0;
    border: 1px solid #000;	
    display:  block;
    position: relative;
    height: 1.43em;	
}

#navlist li a
{
    margin: 0;
    padding: 0 0 0 24px;
    line-height: 20px;
    display:  block;	
    height: 1.43em;	
    background-image: url(img/design/down.gif);
    background-repeat: no-repeat;
    background-color: #AAA7B6;
    text-decoration: none;
    color: #fff;    
}

#navlist a:hover
{
    background-image: url(img/design/over.gif);
    background-color: #F89546;
    color: #000;
}
*/
#navlist li
{
    list-style-type: none;
	list-style-position: inside; 
	display:  block;
    position: relative;
}

#navlist {

	padding: 0;   
	margin: 0;
}

#navlist li .button
{
    font-size: 0.85em;
	width: 188px;
	text-align: left;
	margin-bottom: 4px;
}

#navlist li .button img
{
	border: 0;
	vertical-align: bottom;
}

/* BLOC CENTRAL */

#content
{
    /*z-index: 3;*/
    position: relative;
    margin: 0 0 0 165px;
    padding: 5px 20px 0 20px;
}

/* FOOTER */

#footer
{
    clear: both;
    text-align: center;
    font-size: xx-small;
    padding-top: 15px;
    margin-left: 165px; 
}




/* FRONT_OFFICE */

#client #search_home .type_text
{
    width: 100%
}

#client #search_home td.label
{
    width: 100px;
}

#client #search_home
{
    border: double 3px #FFAE00;
    margin: 2em 5em 1em 5em; 
}

#client #search_home legend
{
    font-weight: bold;
}

#client #search_form input.search
{
    margin-top: 15px;
    width: 200px;
}

#client #search_form .radio 
{
    margin-top: 15px;  
}

#client #search_form .search_button
{
    margin-top: 15px;
    font-weight: bold;
}

#client #search_form
{
    text-align: center;
}

#client .chatkilit
{
    width: 500px;
    margin-top: 0.8em;	 
}

#client #search_results
{
    width: 95%;
    text-align: left;
    margin: auto;
}

#client #search_results .resultat
{
    padding: 3em 0 3em 0;
    border-bottom: 1px solid rgb(128,128,128);
}

#client #search_results .resultat .resultat_buttons
{
    float: right; 
    margin: 0; 
    padding: 0;
}

/* Panier */
#client #panier
{
    width: 96%;
    border-collapse: collapse;
    margin: 1em auto 0 auto;
}

#client #panier thead
{
    font-weight: bold;
    
}


#client #panier td
{

    padding: 0.2em;
    border: solid 1px #000;

}

/* Processus de commande */

#client #commande
{
    text-align: center;

}

#client #commande #infos_livr_form
{
    width: 500px;
    margin: 1em auto 1em auto;
    text-align: left;    
    border-collapse: collapse;
    
}

#client #commande #infos_livr_form td
{
    padding : 0.2em 0.1em 0.2em 0.1em;
    margin: 0;
}

#client #commande #infos_livr_form .long
{
    width: 360px;


}

#client #commande #infos_livr_form .medium
{
    width: 250px;
}

#client #commande #infos_livr_form .short
{
    width: 100px;
}

#client .map
{
    margin: 1em 0 1em 0;
    color: #676767;
}


#client ul
{
    padding: 0.8em 0 0 0;
    margin:  0 0 0 3em;
}

#client li
{
    list-style-position: outside;
    padding: 0 0 0.25em 0.35em;
    margin: 0;
}

#client ul#fiches
{
    list-style-image: none !important;
    list-style-type: none;
    position: relative;
    display: block;
    margin: 1em auto 1em auto;
    width: 95%;
}


#client ul#fiches li
{
    list-style-image: none !important;
    position: relative;
    padding: 0.5em 0 0.5em 0;
}

#client ul#fiches li.label_li
{ 
    font-weight: bold;
    width: 130px;
    float: left;
}





/* ADMIN */

#admin
{
    text-align: center;
}

#admin table
{
    width: auto;
    margin: 1em auto 1em auto;
    border-collapse: collapse;
}

#admin tr.color1
{
    background-color: #aaccff;
}

#admin tr.color2
{
    background-color: #80ccff;
}

#admin h3
{
    text-align: center;
    font-size: 1.25em;
    padding: 0.80em 0 0 0;
    margin: 0;
    color: #3300cc;
    font-weight: normal;
}

#admin th
{
    line-height:1.7em;
    height:1.8em;
    padding: 0 0.8em 0 0.8em;
    margin: 0;
    border-collapse: collapse;
    border: 1px solid #000;
    background-color: #ffcc66;
}

#admin .icon20_20
{    
    position: relative;
    bottom: -4px;
}

/* Affichage des résultats de la recherche */
#admin #search_results
{
    text-align: left;
    margin: 1em 0 1em 1.5em;
}

#admin #search_results .reference
{
    font-size: 1.3em;
    text-decoration: underline;
}

#admin #search_results .resultat
{
    margin-left: 1em;
}

/* Formulaire de recherche avancée */
#admin #a_search_form table
{
    border: solid 1px #000;
}

#admin #a_search_form input.big_a_search
{
    width: 400px;
}

#admin #a_search_form input.small_a_search
{
    width: 360px;
}

#admin #a_search_form select.small_a_search
{
    width: 40px;  
}

#admin #a_search_form td
{
    border: 0px;
    text-align: left;
    padding: 0.1em 1em 0.1em 1em;
}

#admin #a_search_form th
{
    text-align: center;
}

#admin #a_search_form .separator
{
    height: 1em;
}


/* Formulaires des pays, groupes de pays et frais de port */
#admin #groups_pays_ports_list table
{
    border: 1px #000 solid;
}

#admin #groups_pays_ports_list td
{
    padding: 3px;
    border: 1px #000 solid;
}

#admin #groups_pays_ports_form td
{
    text-align : left;
    padding: 3px;
}

#admin #groups_pays_ports_form td input
{
    width: 16em;
}

#admin #groups_pays_ports_form #frais_port_form input, #admin #groups_pays_ports_form #frais_port_form select
{
    width: 8em; 
}

/* Index des action sur les frais de ports */
#admin #frais_port_index_actions ul
{
    width: 250px; 
    margin: 3em auto 1em auto; 
    text-align: left;
}

/* Liste des commandes */
#admin #commandes_list table
{
    border: 1px solid #000;
}

/* Formulaire d'edition d'ouvrages */

#admin #ouvrage_form
{
    /*height: 625px;*/
    position: relative;
}

#admin #ouvrage_form #ouvrage_form_completion
{
    /*border: 1px solid #000;*/
    position: absolute;
    width: 365px;
    height: 600px;
    top: 0px;
    left: 626px;
    /*z-index: 0;*/
}

#admin #ouvrage_form_completion .subsearch
{
    width: 90%; 
    border: solid 1px black; 
    background: #ffff66; 
    margin: 50px auto 0 auto;
}


#admin #ouvrage_form td
{
    padding: 2px 4px 2px 4px !important;
}

#admin #ouvrage_form table
{
	
    border: 1px solid #000;
    text-align: left;
	width: 650px;    
}

#admin #ouvrage_form input, #admin #ouvrage_form textarea
{
    margin: 0;
}

#admin #ouvrage_form #NOTICE
{
    height: 8em;
}

#admin #ouvrage_form .width0
{
    width: 4em;
}

#admin #ouvrage_form .width1
{
    width: 480px;
}

#admin #ouvrage_form .width2
{
    width: 8em;
}

#admin #ouvrage_form .width3
{
    width: 16em;
}

#admin #ouvrage_form .width4
{
    width: 1em;
}



/* Sortie des fiches */
#admin .fiches ul
{   
    list-style-type: none !important;
}

#admin .fiches li
{
    list-style-image: none !important;    
    position: relative;  
    text-align: left;
}

#admin .fiches li.label_li
{ 
    font-weight: bold;
    float : left;
    width: 130px;
}

#admin .saut_avant
{
    height: 3em;
}



/* Index ADMIN */
#admin #index_admin
{
   border: 0 !important;
    border-collapse: none;
    width: 85%;
    position: relative;
}

#admin #index_admin td
{
    border: 0 !important; 
    border-collapse: none;
    text-align: left;
    vertical-align: top;
    padding-top: 1em;
    width: 50%
}

#admin #index_admin td h3
{
    padding-top: 0;
    text-align: left;
}

#admin #index_admin td form
{
    margin-left: 1em;
}

#admin #index_admin td img
{
    border: 0;
    position: relative;
    bottom: -10px;
    margin-right: 3px;
}

#admin #index_admin .smallText
{
    font-size: small;
}

/* Formulaire de suppression multiples de reférences */
#admin #multi_del_refs textarea
{
    margin-top: 1em; margin-bottom: 1em; height: 500px; width: 400px;
}
#admin #multi_del_refs table
{
    border: 1px solid #000;
}

/* Gestionnaire de restauration des bases */
#admin #save table
{
    border: 1px solid #000;
}

#admin #save td
{
    border-right: 1px solid #000;
    padding     : 0.3em;
}
/* Gestionnaire d'ajout de fichiers chapitre */
#admin #chapitre table
{
    border: 1px solid #000;
}

#admin #chapitre td
{
    border-right: 1px solid #000;
    padding     : 0.3em;
}


#admin ul
{
    padding: 0.8em 0 0 4.5em;
    margin:  0 0 0 0em;

}

#admin li
{
    list-style-position: outside;
    padding: 0 0 0.25em 0;
    margin: 0;
}

#MsgBox
{
    position:absolute;
    left: 50%; 
    top: 50%;
    width: 740px;
    height: 526px;    
    margin-top: -263px; /* moitié de la hauteur */
    margin-left: -370px; /* moitié de la largeur */
    border: 3px double rgb(0,0,0);
    background: #dfeaf9;
    z-index: 11;
    
}

#MsgBox_txt
{
  margin: 10px;
  font-weight: bold;
  /*border: solid 1px black;*/
  height: 270px;
  overflow: auto;
}

#fond
{
    z-index: 10;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(96,96,96);
    moz-opacity: 0.7;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=70, FinishOpacity=0, Style=0, StartX=0,  FinishX=10, StartY=0, FinishY=10);
}







/* AUTRES STYLES GENERAUX */
#content a
{
    text-decoration: none;
    color: #000099;
}

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

#content p
{
    padding: 0.80em 0 0 0;
    margin:  0;
    line-height: 1.25em;
}

#content li
{
    list-style-image: url(img/design/puce.gif);
}

#content h2
{
    text-align: center;
    margin: 0;
    padding: 0;
}

#content h3
{
    text-align: center;
    margin: 0;
    padding: 0.80em 0 0 0;
}

#content img 
{
    border: 1px #FFAE00 solid;
    padding: 3px;	
}

#content form
{
    padding: 0;
    margin: 5px 0 0 0;
}

#content .erreur
{
    margin-top: 5.5em;
    font-weight: bold;
    color: red;
    text-align: center;
}

#content .hightlight
{
    font-weight: bold;
    color: #5B5E8A;
}

#content p.block
{
    margin: 0 0 1em 0;
}

#content div.block_title
{
    padding: 0;
    margin: 0 0 0em 0;
    font-weight: bold;
    font-size: 1.05em;
}
/* Détails d'un ouvrage tableau de listing des enfants */
#details_enfants
{
	border: 0;
}

#details_enfants td
{
	padding : 10px;
	
}

.hidden         { display: none; }
.right          { text-align: right !important;}
.center         { text-align: center !important; }
.left           { text-align: left !important; }
.red            { color: red; }
.green          { color: #006600; }
.bold           { font-weight: bold; }  
.italic         { font-style: italic; }   
.no_border      { border: 0 !important; }
.no_margin      { margin: 0 !important; }
.no_padding     { padding: 0 !important; }
.no_menu        { margin-left: 0px !important;}

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


/* BOUTONS */
/*
a.button:link
{
    height: 24px; 
    text-decoration:none !important; 
    color: white !important;
    text-align:center; 
    font-weight:bold; 
    background-color: #AAA7B6;
    padding : 3px 6px 3px 6px !important;
    border: solid 1px #000;
    background-image: url(img/design/bg_button.gif);
    background-repeat: repeat-x;
}

a.button:visited
{
    height: 24px; 
    text-decoration:none !important; 
    color: white !important;
    text-align:center; 
    font-weight:bold; 
    background-color: #AAA7B6;
    padding : 3px 6px 3px 6px !important;
    border: solid 1px #000;
    background-image: url(img/design/bg_button.gif);
    background-repeat: repeat-x;
}

a.button:hover
{
    height: 24px; 
    text-decoration: none !important;
    color: #000 !important; 
    text-align:center; 
    font-weight:bold; 
    background-color: #F89546;
    background-image: url(img/design/bg_button_hover.gif);
    background-repeat: repeat-x;
    padding : 3px 6px 3px 6px !important;
    cursor: pointer;
}


.button
{
    text-align: center !important;
    padding: 0px !important;
    margin: 1em 0 1em 0 !important;
}
*/
.button
{
    color: #ffffff !important;
	font-weight: bold;
	font-size: 0.9em;
}