html { 
    background: #171749;
}

body {
    background:#171749;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#171749;
    margin: 8px;
}

h1, h2, h3, h4, h5
{
    font-weight: bold;
}

h1 {	
    font-size: 12px;
    text-transform: uppercase;
    margin: 0.67em 0px;
}

h2 {
    font-size: 12px;
    margin: 0;
    padding: 15px 0 0;
}

h3 
{
}

h5 
{
    font-size:12px;
    margin: 1.67em 0px;

}

p
{
    margin: 1em 0px;
}

ul  
{
    list-style-type: disc;
    margin: 1em 0px;
    padding-left: 40px;
}

strong
{
    font-weight: bolder;
}

ul.alpha li
{
    list-style-type: lower-alpha;
    padding: 5px;
}

ul.padded li
{
    padding: 3px;
    list-style-type: disc;
}


li 
{
    display: list-item;
}

a {
    color:#171749;
    text-decoration:underline;
}

a:hover {
    color:#668eb0;
    text-decoration:none;
}

a img
{ 
    border: none;
}

#main{
    width:914px;
    margin:auto;
}

#lienaccueil {
    position: absolute;
    margin: 0;
    display: block;
    width: 180px;
    height: 60px;
    z-index: 1;
}		

#header_clickhandler
{
    position:absolute;
    width: 700px;
    height: 70px;
    cursor: pointer;
    top: 0;
    left: 0;
}

#accueil{
    width:914px;
    margin:auto;
}

#accueil #entete
{
    position: relative;
    height:131px;
    text-align:right;
}

#accueil #entete.fr {
    background: url('/fr/images/edilex_bandeau_accueil.gif')  0 0 no-repeat;
}

#accueil #entete.en {
    background: url('/en/images/edilex_bandeau_accueil.gif')  0 0 no-repeat;
}

#accueil #entete #edilex_logo_area
{
    position: absolute;
    width: 550px;
    height: 80px;
    cursor: pointer;
}

#accueil-contenu-tmp-en
{
    padding-top:15px;
    height:425px;
    font-size:11px;
    background:#c7bb99 url(../images/fond_accueil.gif) no-repeat;
}

#accueil #flash
{
    width:445px;
    height: 405px;
    float:left;
    background:none;
}

#accueil #texte{
    width:450px;
    height:405px;
    padding-right:10px;
    float:left;
}

#accueil #texte h1{
    font-size:16px;
    text-transform:none;
}
#accueil #texte h1 b{
    font-size:14px;
}

#accueil #texte h2 
{
    margin: 0px;
    padding: 0;
}

#accueil #pied_page{
    text-align:center;
    font-size:9px;
    line-height:31px;
    font-weight:bold;
    background:url(../images/base_page_accueil.gif) no-repeat;
}

#accueil #inv_lang
{
    font-size: 14px;
    clear: both;
    width: 100%;
    height: 18px;
    text-align: center;
}

#flash{
    height:135px;
    background:url(../fr/images/back_sans.gif) no-repeat;
    border: 0px solid red;
}

#cadre{
    position: relative;
    background: #FFFFFF;
    min-height: 450px;
    _height: 450px;
    overflow: auto;
}

#contenu {
    position: relative;
    float: left;
    width: 637px;
    padding:20px;
    min-height: 410px;
    _height: 410px;
}
#contenuSansSousMenu {		
    padding:20px;
    min-height: 410px;
    _height: 410px;
}
.profil {
    background: url('/images/fond_profil.gif') right 60px no-repeat;
}
.formation {
    /*background: url('/images/fond_formation.gif') right 60px no-repeat;*/
}
.abonnement {
    background: url('/images/fond_abonnement.gif') right 60px no-repeat;
}
.livre {
    background: url('/images/fond_livre2.gif') right 60px no-repeat;
}
.services{
    background: url('/images/fond_services.gif') right 60px no-repeat;
}
.chroniques {
    background: url('/images/fond_chronique.gif') right 60px no-repeat;
}

input{
    color:#171749;
    font-size:11px;
    font-weight:bold;
}

/*********************/	
/*    SEARCH-FORM    */
/*********************/	

.input_recherche_btn
{
    background: url('/images/search_icon_16x16.png') no-repeat;
    width:16px;
    height:16px;
    border:0;
}

.input_recherche_btn:hover { cursor: pointer; }

#header_complete form.search, #entete form.search
{
    position: absolute;
    top: 30px;
    right: 0px;    	
    height:41px;
    width:195px;
    background: url('/images/background/search.png') no-repeat;
    border: 0px solid red;
}

#header_complete form.search-ie6, #entete form.search-ie6
{
    position: absolute;
    top: 30px;
    right: 14px;    	
    height:41px;
    width:195px;
    background: url('/images/background/search-ie6.png') no-repeat;
    border: 0px solid red;
}

#header_complete .input_recherche, #entete .input_recherche
{
    position:absolute;
    top: 12px;
    left: 40px;
    height: 14px;
    width: 130px;
    letter-spacing:1px;
    border: none;
}

#header_complete .input_recherche-ie6, form.search-ie6 .input_recherche-ie6
{
    position:absolute;
    top: 10px;
    left: 40px;
    height: 12px;
    width: 130px;
    letter-spacing:1px;
    border: none;
}

#header_complete .input_recherche_btn, #entete .input_recherche_btn
{	
    position:absolute;
    top:12px;
    left:19px;
}		


/*************************/	
/* BANNER SEARCH-FORM    */
/*************************/	
#header_complete form.banner-search, #entete form.banner-search
{
    position: absolute;
    bottom: 12px;
    right: 15px;
    height:37px;
    width:195px;
}

#banner-ad
{
    background-color: #171749;
    height: 92px;
    width: 914px;
    position: relative;
    cursor:pointer;
}

#banner-ad a
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

#banner-ad a.first
{
    display: block;
}

#banner-ad a img
{
    height: 92px;
    width: 914px;
}

/*************************/	
/* BANNER TOP-SEARCH     */
/*************************/	

form.top-search, form.top-search-ie6
{
    width: 914px; 
    height: 39px;    
    background: url('/images/background/search-bar-914.png') 0 0 no-repeat;
    position: relative;
    top: 1px;
}

form.top-search .input_recherche, form.top-search-ie6 .input_recherche-ie6
{
    position:absolute;
    top: 11px;
    top: 9px\9;
    left: 38px;
    height: 18px;
    width: 852px;
    font-size: 14px;
    border: none;
}

form.top-search .input_recherche_btn, form.top-search-ie6 .input_recherche_btn
{
    position:absolute;
    top: 12px;
    left: 18px;
}

/*********************/	
/* Sous-menu gauche  */
/*********************/	
#divSousMenuGeneral {
    position:relative;
    float: left;
    width: 235px;
    padding: 10px 0 25px;
    background-color: #d5dfe7;
    background-image:URL("/images/fond_sous_menu.gif");
    background-position:left bottom;
    background-repeat: no-repeat;
}
#divSousMenuGeneral ul {
    margin : 10px;
    padding : 0;
    list-style-image: url("../images/list_fleche_bleu.gif");
    list-style-position:inside;
}

#divSousMenuGeneral .smgActif {
    margin : 15px;
    padding : 0;
    list-style-image: url("../images/list_fleche_bleu_down.gif");
    list-style-position:inside;
}

#divSousMenuGeneral .smgNonActif {
    margin : 15px;
    padding : 0;
    list-style-image: url("../images/list_fleche_or.gif");
    list-style-position:inside;
}
.listeSousMenu li{
    margin:0.1em;

}
.divSousMenuActif {
    font-size: 1.4em;
    font-weight: bold;
    color:#333366;
    text-decoration:none;
}
.divSousMenuActif:hover {
    text-decoration:underline;
}
a.sousMenuNonActif {
    padding:2px 10px;
    color:#CFA500;
    font-weight:bold;

}
a.sousMenuActif {
    padding:4px 10px;
    color:#171749;
    font-weight:bold;
    /*list-style-image: url("../images/list_fleche_bleu_down.gif");*/

}
.listeDisponible {
    list-style:disc;
}
.listeNonDisponible li {
    color:#CFA500;
    display:none;
}
.listeDisponible a {
    color:#171749;
}
.listeDisponible li {
    list-style-position: outside;
    margin: 5px 20px 4px 30px;
}
.puceNonActive  {
    list-style-image:url("../images/plus_or.gif");
}
.puceNonActive a {
    color:#CFA500;
}
.puceActive  {
    list-style-image:url("../images/moins_bleu.gif");
}
.puceActive a {	
    color:#171749;
}

.french-quote
{
    display: inline; 
    font-size: 14px; 
    color: gray; 
    margin: -4px 2px -4px 2px; 
    font-style: italic;
}

/* ********************* */

#boutique{
    min-height: 450px;
    overflow: hidden;
    /*background: url('/images/fond_boutique.gif') right 100px no-repeat #FFFFFF;*/    
    height: 100%;
    margin-top: 2px;
	background-color: white;
}
#boutique a {
    text-decoration: none;
}
#boutique p {
    margin: 0;
}
#boutique h3 {
    font-size: 13px;
    margin: 0 0 0 0;
}
#boutique h3 em {
    font-size: 0.8em;
    font-style: normal;
}

#boutique_accueil h3 {
    min-height: 67px;
    margin: 0 0 25px;
}
#boutique_accueil h3 br {
    display: inline;
    margin: 0;
}

#boutique_navigation h2 {
    width: 300px;
    float: left;
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: #171749;
}

.btautremodele {
    display: block;
    float: right;
    font-size: 1em;
    font-weight: bold;
    padding-right: 5px;
}

.btautremodele em {
    font-size: 0.8em;
    font-style: normal;
}

.btautremodele img {
    float: left;
    padding: 0 5px;
}

#boutique_accueil {
    padding-top : 20px;
}

#boutique_navigation {
    clear: both;
    display: none;
    background-color: white;
    padding-top: 10px;
}

.catprincipal {
    float: left;
    width: 283px;
    min-height: 475px;
    border-right: solid 2px #A09162;
    padding: 0 10px 10px;
    margin-bottom: -2000px;
    padding-bottom: 2020px;
}

.catprincipaldroite {
    float: left;
    width: 275px;
    min-height: 460px;
    padding: 0 10px 10px;
}

.catprincipaldroite br, .catprincipal br {
    display: block;
    line-height: 5px;
}

.catprincipaldroite a:hover, catprincipal a:hover {
    color: #A09162;
}

.navniveau 
{
    display: block;
    float: left;
    width: 294px;
    padding: 10px;
    padding-right:0px;
    border-right: solid 1px #A09162;
    margin-bottom: -2000px;
    padding-bottom: 2020px;
    background-color: white;
}

.navniveau br {
    display: block;
    margin-bottom: 0px;
}

.navniveau h3 
{
    font-size: 10px;
    font-weight: normal;
    padding: 0 0 3px 0;
    margin: 0;
}

#sectionrecherche {
    padding: 20px;
}

#sectionrecherche h3{
    padding:0;
    margin: 0;
}

#navrecherche {
    float: left;
    width: 621px;
    padding: 10px;
    border-right: solid 2px #A09162;
    margin-bottom: -2000px;
    padding-bottom: 2020px;
}

#navniveau3.navniveau a {
    display: block;
    margin: 0 0 4px;
    padding: 0 0 6px;
    border-bottom: solid 1px #A09162;
}

#navniveau2 hr
{
    padding-top: 12px;
    margin-bottom: 16px;
    height: 1px;
    border: none;
    border-bottom: solid 1px #A09162;
}

#navniveau3 {
    float: left;
    border-right: none;

}

a.sectionactive {
    width: 100%;
    color: #171749;
    font-weight: bold;
}
a.sectionactive:hover {
    color: #A09162;
}

a.sectioninactive {
    color: #A09162;
}
a.sectioninactive:hover {
    color: #171749;
}

#boutique .lienactif {
    color: #171749 !important;
}
#boutique .produit {
    margin: 10px 0 20px;
    padding: 0 0 15px;
    width: 205px;
    overflow: hidden;
    border-bottom: solid 2px #A09162;
}

#boutique .boiteachat {	
    border: solid 1px #171749;
    overflow: hidden;
    margin: 4px 0;
}


#boutique .btapercupdf {
    display: block;
    float: left;
    width: 59px;
    height: 16px;
    padding: 22px 0 0 0;
    border-right: solid 1px #171749;
    text-decoration: underline;
    text-align: center;
    font-size: 10px;
    background: url("/images/icone_pdf.gif") 19px 2px  no-repeat;
}

#boutique .btachat {
    display: block;
    float: right;
    width: 110px;
    height: 18px;
    font-weight: bold;
    padding: 10px 20px 10px 10px;
    background: url("/images/panier.gif") 110px no-repeat;

}

#btpanier {
    text-align: center;
    display: block;
    font-weight: bold;
    width: 100%;
    height: 30px;
    margin: 0;
    background: url("/images/panier.gif") 280px no-repeat;
    text-indent: 50px;
    line-height: 30px;
    background-color: #f0ede4;/*#d9d0b9*/
    border: 1px solid #B8A97E;
}

#flash p {
    display: block;
    float: left;
    text-align: center;
    width: 800px;
    margin: 0 auto;
    padding: 37px 40px 0;
    line-height: 18px;
}

#flash img {
    float: left;
}


#lien_accueil {
    padding: 60px 0px 0px 30px;
    text-align: left;
}

#lien_accueil a {

    display: block;
    float: left;
    width: 330px;
    font-size: 16px;
    text-decoration:none;
    margin: 10px;
    font-weight: bold;
}

#flash #menu_texte 
{
    height: 40px;
    margin-top: 0px;
    padding: 20px 10px 0 10px;
    text-align: center;
}

#flash #menu_texte a{
    margin: 0;
    padding: 5px;
    float: left;
    color: #171749;
    font-weight: bold;
    font-size: 12px;
}

#flash #section_texte
{
    height: 30px;
    padding: 13px 0 0 30px;
    border: 0px solid yellow;
    color: White;
}

#flash #flash_notfound
{
    position: relative;
    top: 97px;
    border: 0px solid green;
    color: White;
    padding-left: 10px;
}

#flash #flash_notfound a { color: White; }

#flash #flash_notfound #text_container { padding-left: 140px; }

#accueil #flash #flash_notfound
{
    top: 5px;
    border: 0px solid red;
    margin-top: 10px;
    margin-bottom: -50px;
    Color: #171749;
}

#accueil #flash #flash_notfound #text_container
{
    float: left; 
    border: 0px solid blue;
    width: 300px;
    padding-left: 10px;
}

#accueil #flash #flash_notfound a { color: #171749; }

.champobligatoire {
    color: #FF0000;
    font-weight: bold;
}

#frmresumeerr {
    border: dashed 2px #FF0000;
    padding: 10px 10px 10px 80px;
    margin: 15px 0;
    background: url("/images/erreur.gif") no-repeat #FFFFFF;
}
.chronique {
    padding: 0;
    margin: 0 0 0 20px;
}
.chronique li {
    list-style-image: url('/images/bullet_9X9bleu.gif');
    margin: 0 0 10px;
    padding: 0;
}

.abonnement #tarifs {
    margin: 0 auto;
}

.abonnement #tarifs th, .abonnement #tarifs td {
    line-height: 40px;
    text-align: center;
}

.abonnement #tarifs th {
    background : #CFC18F;
}

.abonnement #tarifs td {
    background : #F2EED2;
}

#tableaucontrat {
    border: 2px solid #B6C7D9;
    border-collapse: collapse;
}

#tableaucontrat th {
    line-height: 40px;
    background: #FEF5D6;
    border: solid 1px #000;
}

#tableaucontrat td {
    background: #E5ECF2;
    border: solid 1px #000 !important;
    vertical-align: top;
}

ol.tarifs {
    font-weight: bold;
}
ol.tarifs p, ol.tarifs td  {
    font-weight : normal;
}

th {text-align : left;}

ol.tarifs table {margin-bottom:10px;}


/********** BOUTIQUE TABS **************/
.ouvrage_header
{
    background-color: #171749;
    margin-top: 0px;
}

.ouvrage_header ul
{ 
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
}

.ouvrage_header ul li
{
    display: inline;
    float: left;    
    height: 66px;
    width: 296px;
    padding-left: 8px;
    line-height:15px;
    cursor: pointer;
}

.tab_1{
    padding: 0;    
}
.tab_2{
    padding: 0;
    margin: 0 1px;    
}
.tab_3{
    padding: 0;    
}

.ouvrage_header ul li.selected
{
    background:url("tab_on.png") repeat-x ;
}

.ouvrage_header ul li.unselected
{  
    background:url("tab_off.png") repeat-x;
    color: white;
}

.ouvrage_header ul li .right
{   
    font-size: 12px;
    padding-top: 3px;
}

.ouvrage_header ul li a:hover
{
    color: #A09162;
}

.ouvrage_header ul li .right span.subtitle
{
    font-size: 12pt;
    font-weight: lighter;
    letter-spacing: 0px;
    line-height:28px;
}

/*********************************
*      PAYMENT FORMS             *
**********************************/

#error_box
{
    color: #c72b1f;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 10px 25px;
    margin: 10px;
    border: 2px solid #c72b1f;
    background: url('/images/erreurpaiement.gif') 0px 8px no-repeat;
}

/*********************************
*      TRAINING CENTER           *
**********************************/
table.animators
{
    padding-top: 20px;
    width:100%;
}

table.animators td.animator_row
{
    padding-bottom: 20px;
    text-align: right;
}

table.animators td
{
    text-align: justify;
}

table.animators hr
{
    border:none;
    border-top: 1px dotted gray;
    margin: 15px 40px 0 100px;
    height: 30px;
}

table.animators img.person
{
    width: 160px;
}

.formation h2
{
    font-size: 16px;
}

.course_brochure
{
    position: relative;
    margin: 30px 0 0 60px;
    float:left;
}

.course_brochure:hover
{
    cursor: pointer;
}

.course_brochure .brochure_txt
{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
    width: 100px;
    text-align: center;
}

.course_brochure .brochure_txt a
{
    font-weight: bold;
    color: #036;
    text-decoration: none;
}

.course_brochure .brochure_txt a:hover
{
    text-decoration: underline;
}


.course_brochure img
{
    width: 120px;
    height: 50px;
}

/* footer */
#footer
{
    width:100%;
    background-color: White;
    padding: 10px 0 10px 0;  
    text-align: center;  
}

#footer .menu
{
    border-top: 1px solid #cccccc;
    padding: 8px 0 16px 0;
    margin: 0 30px 0 30px;
    font-size: 10px;
    text-align: center;
}

#footer .menu a
{
    color: #777777;	
}

#footer .contact
{
    font-size:9px;
    color: #777777;	
}

.hoverable:hover
{
    cursor: pointer;
}

span.price-special
{
    color: #990000;
}

/*
 * Modify the css of the cart
 */
#view-cart{
    text-align: center;
    display: block;
    font-weight: bold;
    height: 30px;
    margin: -15px -15px 10px -15px;
    text-indent: 50px;
    line-height: 30px;
    background-color: #f0ede4;
    background-position: 280px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #B8A97E;
}

#view-cart span, #view-cart img{
    float: none !important;
}

#view-cart img{
    margin-right: 15px;
}
