/* --- STYLES DE BASE --- */

/* Page */
html {
    font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
    margin: 0;
    padding: 0; /* Remettre à zéro si nécessaire. */
    /* Pensez à utiliser une collection de polices (2), par ex:
    font-family: Arial, Helvetica, FreeSans, sans-serif; */
    font-family:  arial, sans-serif;
    font-size: .8em; /* À adapter pour la police choisie. (3) */
    line-height: 1.4; /* À adapter au design. (4) */
    color: black;
    background: white;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 1.75em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.2em;
}

h5 {
    font-size: 1.2em;
}

/* Listes */
ul, ol {
    margin: .75em 0 .75em 32px;
    padding: 0;
}

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}

/* Liens */
a {
    text-decoration: none;
    outline: none;
}
a:link {
    color: #369;
}
a:visited {
    /*color: indigo;*/
}
a:hover, a:focus, a:active {
    /*color: crimson;*/
}
a img {
    border: none;
}

/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}

/* Formulaires */
form, fieldset {
    margin: 0;
    padding: 0;
    border: none;
}
input, button, select {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}

body
{
    /*background-image: url('..//images/layout/layout/fnd_blanc.gif');*/
    background-image: url('/images/layout/blanc_librairie.gif');
    background-position: top center;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

#container
{
    width: 960px;
    margin: 0 auto;
    /*background-image: url('..//images/layout/layout/fnd_gris.gif');*/
    /*background-image: url('/images/layout/gris_librairie.gif');*/
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}

#container.en
{
    /*background-image: url('/images/layout/gris_librairie_EN.gif');*/
}

#content
{
    /*background-color: red;*/
    min-height: 350px;
    margin: 0;
    padding: 30px 0 30px 0;
    /*background-image: url('..//images/layout/layout/image.jpg');*/
    background-image: url('/images/layout/image_librairie.jpg');
    background-position: center top ;
    background-repeat: no-repeat;
    overflow: auto;
    /*background-color: #aaa;*/
}

* html #content
{
    height: 1%;
    
}

body.fenetre
{
    background-image: url('/images/layout/blanc_fenetre.gif');    
}

.fenetre .fr
{
    background-image: url('/images/layout/gris_fenetre.gif');    
}

.fenetre .en
{
    background-image: url('/images/layout/gris_fenetre_EN.gif');    
}

.fenetre #content
{
    background-image: url('/images/layout/image_fenetre.jpg');    
}

body.tableau
{
    background-image: url('/images/layout/blanc_tableau.gif');    
}

/*.tableau #container.fr*/
.tableau .fr
{
    background-image: url('/images/layout/gris_tableau.gif');    
}

.tableau .en
{
    background-image: url('/images/layout/gris_tableau_EN.gif');    
}

.tableau #content
{
    background-image: url('/images/layout/image_tableau.jpg');    
}

body.tableBlanche
{
    background-image: url('/images/layout/blanc_tableblanche.gif');    
}

.tableBlanche .fr
{
    background-image: url('/images/layout/gris_tableblanche.gif');    
}

.tableBlanche .en
{
    background-image: url('/images/layout/gris_tableblanche_EN.gif');    
}

.tableBlanche #content
{
    background-image: url('/images/layout/image_tableblanche.jpg');    
}

body.tableLongue
{
    background-image: url('/images/layout/blanc_tablelongue.gif');    
}


.tableLongue .fr
{
    background-image: url('/images/layout/gris_tablelongue.gif');    
}

.tableLongue .en
{
    background-image: url('/images/layout/gris_tablelongue_EN.gif');    
}

.tableLongue #content
{
    background-image: url('/images/layout/image_tablelongue.jpg');    
}

body.tableRonde
{
    background-image: url('/images/layout/blanc_tableronde.gif');    
}

.tableRonde .fr
{
    background-image: url('/images/layout/gris_tableronde.gif');    
}

.tableRonde .en
{
    background-image: url('/images/layout/gris_tableronde_EN.gif');    
}

.tableRonde #content
{
    background-image: url('/images/layout/image_tableronde.jpg');
}


body.escalier
{
    background-image: url('/images/layout/blanc_escalier.gif');    
}

.escalier .fr
{
    background-image: url('/images/layout/gris_escalier.gif');    
}

.escalier .en
{
    background-image: url('/images/layout/gris_escalier_EN.gif');    
}

.escalier #content
{
    background-image: url('/images/layout/image_escalier.jpg');
}




#header
{
    height: 184px;
    position: relative;
}

#prefooter
{
    clear: both;
    height: 20px;
}

#footer
{
    clear: both;
    margin-top: 30px;
    padding: 5px 10px;
    background-color: #369;
    color: white;
}

#footer p
{
    margin:0;
    color: #ccc;
}


ul.menuH
{
    margin: 0 5px;
}

ul.menuH li
{
    display: inline;
}

ul.menuH li a
{
    text-decoration: none;
    text-transform: uppercase;
    color: #444;
    font-size: 0.8em;
}



#header h1
{
    margin: 0;
    padding: 0;
    /*background-color: #999;*/
    width: 300px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 80px;
    overflow: hidden;
}

#header h1 a
{
    display: block;
    padding-top: 105px;
}


div#topTools
{
    height: 84px;
    width: 960px;
    position: absolute;
    right: 0;
    top: 0;
}

div#topToolsXXX li
{
     border-left: 1px solid #ccc;
     padding-left: 5px;
}

div#topTools li.active a,
div#topTools li.selected a,
div#topTools li a:hover
{
    color: #369;
}


div#topTools ul
{
    position: absolute;
    right: 0;
    bottom: 0;
}

ul#menuLang
{
    position: absolute;
    bottom: 0;
    left: 0;
    
}

ul#menuLang li.active a,
ul#menuLang li.selected a,
ul#menuLang li a:hover
{
    color: #369;
}

ul#menu1 
{
    position: absolute;
    bottom: -10px;
    right: 0;
    margin: 0;
}

ul#menu1 li
{
    display: block;
    float: left;
    border-left: 1px solid white;
}

ul#menu1 li a
{
    display: block;
    padding: 0 5px 1px 5px;
    border: 1px solid transparent;
    border-width: 0 0 10px 0;
}

ul#menu1 li.active a,
ul#menu1 li a:hover,
ul#menu1 li.selected a
{
    border-color: #369;
}



#sections
{
    background-image: url('/images/layout/bg_sections.png');
    background-position: 0 690px;
    background-repeat: no-repeat;
    margin: 0 0 10px 10px;
    padding: 0;
    list-style-type: none;
    width: 300px;
    float: left;
    /*background-color: black;*/

}

#sections li
{
    padding: 10px 10px;
    list-style-type: none;
}

#sections li a
{
    font-size: 1.6em;
    line-height: 1em;
    text-transform: uppercase
}

#sections li a:link,
#sections li a:visited
{
    color: #fff;
}

#sections li.active > a /* ATTENTION IE 6 */
{
    color: #ccc;
}

#sections li a:hover,
#sections li a:focus,
#sections li a:active {
    color: #ccc;    
}


/* hover sur les menus pour IE6 */
* html #sections li.active a:visited
{
    color: #ccc;
}

* html #sections li.active li a:visited
{
    color: #fff;
}

* html #sections li li.active a:visited
{
    color: #ccc;
}




#sections ul ul
{
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 0.6em;
    list-style-type: none;
}

#sections ul ul li
{
    padding: 2px;
}

#sections.actu {
    text-align: right;
}

#sections.actu li {
    padding: 0;
}

#sections.actu ul ul {
    margin-bottom: 10px;
}


.box
{
    background-image: url('/images/layout/gris90.png');
    color: #000;
    margin: 0 10px 10px 320px;
    padding: 10px 10px 10px 50px;
    /*border: 1px solid #fff;*/
    /*background-color: #ccc;
    opacity: 0.85;*/
}



.fenetre .box
{
    background-image: url('/images/layout/gris95.png');
}

.tableau .box
{
    background-image: url('/images/layout/gris80.png');
}

.escalier .box
{
    background-image: url('/images/layout/gris85.png');
}

.tableLongue .box
{
    background-image: url('/images/layout/gris85.png');
}



/* transparence pour IE6 */
* html .box,
* html .fenetre .box,
* html .tableau .box,
* html .escalier .box,
* html .tableLongue .box
{
    height: 1%;
    background-image: none;
    background-color: #ccc;
    filter: alpha(opacity = 93);
}

* html .tableau .box
{
    filter: alpha(opacity = 80);    
}

* html .escalier .box
{
    filter: alpha(opacity = 85);    
}

* html .fenetre .box
{
    filter: alpha(opacity = 95);    
}

* html .tableLongue .box
{
    filter: alpha(opacity = 85);    
}





.box #titles
{
    margin: 25px 0 0 0;    
}

.box h2,
.box h3
{
    font-weight: normal;
    text-transform: uppercase;
    color: #369;
    display: inline;
    
}

.box h2
{
    border: 1px solid #ccc;
    border-width: 0 1px 0 0;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}

.box h3
{
    color: #fff;

}

.box h4
{
    color: #369;    
}

/* CV des avocats */
.cv table td
{
    vertical-align: top;
}


.cv img
{
    width: 180px;
    height: 271px;
    margin-right: 10px;
}

.cv p
{
    margin: 0 0 1em 0;
}

.cv ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cv ul li
{
    margin: 0;
    padding: 0;
    line-height: 1.4em; 
}

.cv #titles
{
    margin-bottom: 1em;
}

.cv h3
{
    margin: 0;
    padding: 0;
}

.cv h4
{
    font-weight: normal;
    margin: 0 20px;
    padding: 0;
    text-align: right;
    font-size: 1em;
    line-height: 1.4em;
}

.cv a.mail
{
    font-size: 0.7em;
    color: #000;
    
}


/* actualité */
.accordion {
    margin-right: 25px;
}

.accordion h5
{
    margin: 10px 0 0 0;
    padding: 0;
}

.accordion .head
{
    position: relative;
    outline-style: none;
    cursor: pointer;
}

.accordion .head p
{
    margin: 0;
    padding: 0;
    line-height: 1.2em;
}

.accordion h5 span
{
    position: absolute;
    right: 555px;   
    
}

* html .accordion h5 span
{
    left: -30px;
}


.accordion .hide p
{
    line-height: 1.2em;
}






/* overview des avocats */
.overview table td
{
    vertical-align: top;
}

.overview img
{
    padding-top:5px;
    width: 180px;
    margin-right: 10px;
    border:0px solid #ccc;
    
}

.overview p
{
    margin: 0 0 1em 0;
}

.overview ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.overview ul li
{
    margin: 0;
    padding: 0;
    line-height: 1.4em; 
}

.overview #titles
{
    margin-bottom: 1em;
}

.overview h3
{
    margin: 0;
    padding: 0;
}

.overview h4
{
    font-weight: normal;
    margin: 0 20px;
    padding: 0;
    text-align: right;
    font-size: 1em;
    line-height: 1.4em;
}

.overview .imgcom
{
    font-size: 0.7em;
    color: #303030;
    line-height:100%;
    /*text-align:center;*/
    margin: 5px 10px 0px 0px;
    width:180px;
}



.lawyerInBox
{
    list-style-type: none;
    font-weight: normal;
    color: #369;
    padding: 0px 5px 5px 5px;
}

ul.laywerInBox li {
    list-style-type: none;
    text-transform:uppercase;
    font-size:0.9em;
    line-height:1.6em;
}


ul.laywerInBox li a,
ul.laywerInBox li a:link,
ul.laywerInBox li a:visited,
ul.laywerInBox li a:active
{
    color: #369; 
}
ul.laywerInBox li a:hover 
{
    color:#ddd;
}


a,
a:link,
a:visited,
a:active
{
    color: #258; 
}

.navig {
    display:block;
    width:250px;
    height:30px;
    font-size: 0.9em;
}

.previous {
    float:left;
    text-align:left;
}

.next {
    float:right;
    text-align:right;
}