/* ***** BEGIN LICENSE BLOCK *****
* This file is part of INDUXIA's work.
* Copyright (c) 2006 INDUXIA and contributors. All rights
* reserved.
*
* INDUXIA is a multimedia production company which provides highly 
* interactive, design driven and functional solutions.
* More information about our services: http://www.induxia.com/
*
* ***** END LICENSE BLOCK *****
*
* Contributor(s):
*  Guillaume Vialet
*/

/* Ce fichier dfinit le style visuel pour les diffrents lments du site.
* Dans l'ordre, vous trouverez les rgles qui dfinissent l'apparence pour:
* - les lments HTML en gnral
* - la page
* - l'entte
* - le prlude
* - le contenu
* - la barre de navigation
* - le pied de page
*
* L'agengement des blocs est dfini dans le fichier layout.css
*/

@import "layout.css";


/* Les lments HTML en gnral
-------------------------------------------------------- */

html, body { margin: 0px 0px 8px 0px; padding: 0; }

body {
	background: url("../img/bgSocieteAvocats.gif") no-repeat center top;
	background-color: #A2824F;
	font: normal 9pt arial, helvetica, sans-serif;
	color: #452711;
}
body.en {
	background: url("../img/bgSocieteAvocatsEN.gif") no-repeat center top;
	background-color: #A2824F;
	font: normal 9pt arial, helvetica, sans-serif;
	color: #452711;
}

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

strong, b { font-weight: bold; }

a { text-decoration: none; color: #F1590C;/*#0F2C73;*/ }
a:hover { text-decoration: underline; }
/*a:visited { color: #0000CC; }
a:active { color: #32ACE3; }*/

/*img { border: 0; }*/

p { margin: 0; padding: 0; }


/* Les styles de mise en page
-------------------------------------------------------- */

.bold { font-weight: bold; }
.small { font-size: .8em; }
.italic { font-style: italic; }
.red { color: #AC3537 !important; }
.black { color: #000 !important; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }


/* Les styles des diffrentes zones
-------------------------------------------------------- */

#header h1 { display: none; } /*on masque le titre h1 dans l'en-tte*/
#logoHolder { padding-top: 45px; padding-left: 130px; } /*pour positionner le logo*/
#logo { padding: 0; margin: 0; border: 0; }

/*#lang { padding-top: 96px; padding-left: 695px; }*/
#lang { padding-top: 0px; padding-left: 695px; }

#lang a.en { display: block; width: 56px; height: 16px; background: url("../img/navLangEN.gif") no-repeat; }
#lang a.en:hover { background: url("../img/navLangENover.gif") no-repeat; }

#lang a.fr { display: block; width: 56px; height: 16px; background: url("../img/navLangFR.gif") no-repeat; }
#lang a.fr:hover { background: url("../img/navLangFRover.gif") no-repeat; }

#lang em {display: none; }

/* boxes */
#box1 { float: right; width: 168px; height: 108px; }
/* les titres sont définis dans deux fichiers CSS : nav_fr.css et nav_en.css */

#box2 { float: right; width: 167px; border-right: solid 1px #fff; height: 107px; background-color: #F1590C; }
#box3 { float: right; width: 167px; border-right: solid 1px #fff; height: 107px; background-color: #301703; }
#box4 { position: relative; float: right; width: 146px; height: 215px; /*background: url("../img/04/photo01.jpg") no-repeat;*/ }

#box5 { float: right; width: 146px; height: 107px; background-color: #A5ACAE; }

#box6 { position: relative; float: right; width: 150px; height: 211px; /*background: url("../img/06/photo01.jpg") no-repeat;*/ }

#box7 { position: relative; float: right; width: 164px; height: 211px; /*background: url("../img/07/photo01.jpg") no-repeat;*/ }

#box8 { border-top: #fff solid 1px; float: right; width: 314px; height: 108px; background-color: #C5BFAB; }

/*
#gallery4 { position: relative; width: 146px; height: 215px; margin: 0; padding: 0; }
#gallery4 li { display: block; }

#gallery6 { position: relative; width: 150px; height: 211px; margin: 0; padding: 0; }
#gallery6 li { display: block; }

#gallery7 { position: relative; width: 164px; height: 211px; margin: 0; padding: 0; }
#gallery7 li { display: block; }
*/

/* box spéciales pages avocats */
#abox1 { float: left; width: 168px; height: 108px; }
#abox2 { float: left; width: 167px; border-right: solid 1px #fff; height: 107px; background-color: #F1590C; }
#abox3 { float: left; width: 167px; border-right: solid 1px #fff; height: 107px; background-color: #301703; }
#abox4 { position: relative; float: left; width: 167px; border-right: solid 1px #fff; height: 211px; /*background-color: #9933CC;*/ }

#abox5 { position: relative; float: right; width: 146px; height: 142px; border-bottom: solid 1px #fff; /*background-color: #A5ACAE;*/ }
#abox6 { position: relative; float: right; width: 146px; height: 142px; border-bottom: solid 1px #fff; /*background-color: #FF0000;*/ }
#abox7 { position: relative; float: right; width: 146px; height: 104px; /*106px*/ background-color: #A4ACAE; }
#abox8 { position: relative; float: right; width: 146px; height: 142px; /*background-color: #FFCC00;*/ border-top: solid 1px #fff; }

#abox9 { position: relative; float: left; border-top: #fff solid 1px; float: right; width: 314px; height: 108px; background-color: #C5BFAB; }


/* Les styles des la zone BOX 2 - navigation principale FR
-------------------------------------------------------- */
#navOne { width: 167px; margin: 5px 0 0 0; padding: 0; /*list-style-type: none;*/ float: right; /*background-color: #FF0000;*/ }
/*#navOne ul { margin: 0; padding: 0; }
#navOne li { margin: 0; padding: 0; }*/

#navOne a { margin: 0; padding: 0; }
#navOne em { display: none; }
#navOne .menu { display: block; }

#navOne .menu a {
	display: block;
	float: right;
	width: 100%;
	height: 100%;
}

#navOne .menu a:hover { background: transparent none; }


/* Les styles des la zone BOX 3 - navigation secondaire FR
--------------------------------------------------------*/
#navTwo { width: 167px; margin: 3px 0 0 0; padding: 0; /*list-style-type: none;*/ float: right; /*background-color: #00FF00;*/ }
/*
#navTwo ul { margin: 0; padding: 0; }
#navTwo li { margin: 0; padding: 0; }
*/
#navTwo em { display: none; }
#navTwo .menu { display: block; }

#navTwo .menu a {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}

#navTwo .menu a:hover { background: transparent none; }


/* Les styles des la zone BOX 8 - crédits/mentions lgales
-------------------------------------------------------- */
#box8 p { margin-top: 90px; margin-left: 5px; }
#box8 a { font-size: .9em; color: #786340; text-decoration: none; }
#box8 a:hover { color: #301703; }
#box8 a.credits { margin-right: 5px; }
#box8 a.terms { background: url("../img/bgDot.gif") left no-repeat; padding-left: 12px; margin-right: 5px; }
#box8 a.backhome { background: url("../img/bgDot.gif") left no-repeat; padding-left: 12px; }

#abox9 p { margin-top: 90px; margin-left: 5px; }
#abox9 a { font-size: .9em; color: #786340; text-decoration: none; }
#abox9 a:hover { color: #301703; }
#abox9 a.credits { margin-right: 5px; }
#abox9 a.terms { background: url("../img/bgDot.gif") left no-repeat; padding-left: 12px; margin-right: 5px; }
#abox9 a.backhome { background: url("../img/bgDot.gif") left no-repeat; padding-left: 12px; }


/* Les styles de la zone texte centrale
-------------------------------------------------------- */
#text p { margin: 0; padding: 0px 0px 10px 0px; text-align: justify; }
#text p.nomarin { margin: 0 !important; padding: 0 !important; }
#text p.navpages { float: right; }
#text a.up { display: block; width: 14px; height: 14px; background: url("../img/goUp.gif") no-repeat; }
#text a.up em { display: none; }
#text a.down { display: block; width: 14px; height: 14px; background: url("../img/goDown.gif") no-repeat; }
#text a.down em { display: none; }

#text img { border: 0; float: left; }

#text h2 {
	margin: 50px 0px 15px 0px;
	padding: 0;
	height: 36px;
	text-align: right;
	font: normal 16pt Arial, Helvetica, sans-serif;
	color: #A2824F;
}

#text h3 {
	margin: 5px 0px 15px 0px;
	/*height: 50px;*/
	/*height: 36px;*/
	color: #2D1604;
	text-align: right;
	font: normal 14pt Arial, Helvetica, sans-serif;
}

#text .firstParaph { padding-top: 160px; }
#text .renvoi { line-height: 160px; }

#text hr { border: 0; width: 100%; background-color: #85786F; color: #85786F; display: block; height: 1px; margin-bottom: 25px; }

/* Liste des compétences */
#text ul.compListe { list-style-type: none; text-align: right; margin-right: 75px; }
#text ul.compListe li { padding-bottom: 8px; }
#text ul.compListe a { font-weight: bold; font-size: 10pt; color: #2C1706; text-decoration: none; }
#text ul.compListe a:hover { color: #85786F; }

#text ul.compListeTop { list-style-type: none; margin: 50px 0 0 0; padding: 0; }
#text ul.compListeTop li { display: inline !important; font-size: 10pt; font-weight: bold; color: #9E9E9E; text-align: left; margin-right: 10px; }
#text ul.compListeTop a { color: #614E3D; text-decoration: none; }
#text ul.compListeTop a:hover { color: #85786F; }

/* Liste d'avocats */
#text ul.avoListe { list-style-type: none; text-align: right; margin-right: 75px; }
#text ul.avoListe li { padding-bottom: 4px; }
#text ul.avoListe a { font-weight: bold; font-size: 10pt; color: #2C1706; text-decoration: none; }
#text ul.avoListe a:hover { color: #85786F; }

#text ul.avoListeBottom {
	border-top: #978B81 solid 1px;
	border-bottom: #978B81 solid 1px;
	list-style-type: none;
	margin: 25px 0 0 0; /*margin: 50px 0 0 0;*/
	padding: 8px 0 8px 0;
}
#text ul.avoListeBottom li { display: inline !important; font-size: 9pt; font-weight: bold; color: #9E9E9E; text-align: left; margin-right: 10px; }
#text ul.avoListeBottom a { color: #614E3D; text-decoration: none; }
#text ul.avoListeBottom a:hover { color: #85786F; }

#text ul.domaines { list-style-type: none; margin: 10px 0 10px 20px; padding: 0; }
#text ul.domaines li { margin: 0; padding: 0; color: #A2824F; text-decoration: none; text-transform: uppercase; }
#text ul.domaines li a { text-decoration: none; color: #A2824F; }
#text ul.domaines li a:hover { text-decoration: underline; }

#text .nom { float: left; /*margin-top: 30px;*/ font-size: 15pt; color: #301703; }
#text .photo { float: right; width: 100px; height: 103px; overflow: hidden; }
#text .rang { font-size: 11pt; color: #301703; }

/* boutons FR */
#text a.full { clear: both; /*float: left; margin-top: 104px; margin-right: 5px;*/ display: block; width: 97px; height: 17px; background: url("../img/biographie.gif") no-repeat; }
#text a:hover.full { background: url("../img/biographie_over.gif") no-repeat; }
#text a.full em { display: none; }

#text a.back { clear: right; margin-top: 25px; display: block; width: 97px; height: 17px; background: url("../img/precedent.gif") no-repeat; }
#text a:hover.back { background: url("../img/precedent_over.gif") no-repeat; }
#text a.back em { display: none; }

/* boutons EN */
#text a.full-en { clear: both; display: block; width: 97px; height: 17px; background: url("../img/biographieEN.gif") no-repeat; }
#text a:hover.full-en { background: url("../img/biographieEN_over.gif") no-repeat; }
#text a.full-en em { display: none; }

#text a.back-en { clear: right; margin-top: 25px; display: block; width: 97px; height: 17px; background: url("../img/precedentEN.gif") no-repeat; }
#text a:hover.back-en { background: url("../img/precedentEN_over.gif") no-repeat; }
#text a.back-en em { display: none; }

#text a.popup { /*background: url("../img/arrow.gif") no-repeat top left;*/ font-weight: bold; }
#text a.arrow { background: url("../img/arrow.gif") no-repeat; background-position: 0px 2px; padding-left: 15px; }

/*
#text .nomFull { margin-top: 30px; font-size: 13pt; color: #301703; }
#text .rangFull { margin-left: 180px; font-size: 10pt; color: #301703; }
*/

#text ul.nomLong { list-style-type: none; margin: 18px 0 0 0; padding: 0; }
#text ul.nomLong li { display: inline; margin: 0; padding: 0; }
#text li.avocaTitle { float: right; clear: left; }

#text hr.hidden { visibility: hidden; padding-bottom: 10px; clear: both; }
/*#text hr.marge40px { visibility: hidden; padding-bottom: 40px; }*/

/* Les styles des "fausses" pages */
/*
#page1 { background-color: #00CC00; }
#page2 { background-color: #999933; }
#page3 { background-color: #FF3399; }
*/

/*
#page1 { padding: 100px 50px 0px 50px; }
#page2 { padding: 100px 50px 0px 50px; }
#page3 { padding: 100px 50px 0px 50px; }
*/

/* Les Principes en images */
#text h4 em { display: none; }
#text h4 { display: block; width: 100%; height: 25px; margin: 15px 0 15px 0; padding: 0; }
#text h4.principe01 { background: url("../img/principes/fr/01.gif") no-repeat; background-position: top right; }
#text h4.principe02 { background: url("../img/principes/fr/02.gif") no-repeat; background-position: top right; }
#text h4.principe03 { background: url("../img/principes/fr/03.gif") no-repeat; background-position: top right; }
#text h4.principe04 { background: url("../img/principes/fr/04.gif") no-repeat; background-position: top right; }
#text h4.principe05 { background: url("../img/principes/fr/05.gif") no-repeat; background-position: top right; }
#text h4.principe06 { background: url("../img/principes/fr/06.gif") no-repeat; background-position: top right; }
#text h4.principe07 { background: url("../img/principes/fr/07.gif") no-repeat; background-position: top right; }
#text h4.principe08 { background: url("../img/principes/fr/08.gif") no-repeat; background-position: top right; }
#text h4.principe09 { background: url("../img/principes/fr/09.gif") no-repeat; background-position: top right; }

#text h4.principe01en { background: url("../img/principes/en/01.gif") no-repeat; background-position: top right; }
#text h4.principe02en { background: url("../img/principes/en/02.gif") no-repeat; background-position: top right; }
#text h4.principe03en { background: url("../img/principes/en/03.gif") no-repeat; background-position: top right; }
#text h4.principe04en { background: url("../img/principes/en/04.gif") no-repeat; background-position: top right; }
#text h4.principe05en { background: url("../img/principes/en/05.gif") no-repeat; background-position: top right; }
#text h4.principe06en { background: url("../img/principes/en/06.gif") no-repeat; background-position: top right; }
#text h4.principe07en { background: url("../img/principes/en/07.gif") no-repeat; background-position: top right; }
#text h4.principe08en { background: url("../img/principes/en/08.gif") no-repeat; background-position: top right; }
#text h4.principe09en { background: url("../img/principes/en/09.gif") no-repeat; background-position: top right; }

#text h5 { margin: 0; padding: 0px; color: #301703; font-weight: bold; font-size: 10pt; }

#text h6 {
	font-size: 10pt;
	font-weight: normal;
	color: #301703;
	border-bottom: solid 1px #A38151;
	margin: 25px 0 10px 0;
	padding: 0;
}

/* Les styles du pied de page
-------------------------------------------------------- */
#footer p { float: right; margin-top: 76px; }
#footer a { display: block; width: 20px; height: 15px; background: url("../img/induxia_redux.gif") no-repeat; }
#footer a em { display: none; }


/* Les styles de la Home page
-------------------------------------------------------- */

/* boxes */
#hBox1 { position: relative; margin-left: 35px; width: 173px; height: 122px; /*background: #fff url("../img/01/photo01.jpg");*/ /*background-color: #FF0000;*/ }
#hBox2 { position: relative; float: left; width: 146px; height: 210px; border-top: solid 1px #fff; border-right: solid 1px #fff; /*background: url("../img/02/photo01.jpg");*/ clear: both; }
#hbox3-4 { float: left; width: 167px; height: 211px; }
	#hBox3 { float: left; width: 167px; height: 107px; background: #EB5E14 url("../img/home/bgNavHome1.gif"); }
	#hBox4 { float: left; width: 167px; height: 104px; background: #3C2511 url("../img/home/bgNavHome2.gif"); clear: left; }
#hox5-6 { float: left; clear: both; width: 800px; height: 171px; } /*628*/
	#hBox5 { position: relative; float: left; width: 172px; height: 170px; border-top: solid 1px #fff; /*background: #fff url("../img/05/photo01.jpg");*/ /*clear: both;*/ }
	#hBox6 { float: left; width: 456px; height: 171px; /*background-color: #990099;*/ }
		#hBox6 h2 { margin: 30px 0px 10px 45px; background: url("../img/home/titreHome.gif"); width: 315px; height: 17px; }
		#hBox6 h2 em { display: none; }
		#hBox6 p { font-size: 9pt; padding-left: 45px; width: 390px; text-align: justify; }
		#hBox6 a { color: #452711; text-decoration: none; }
		#hBox6 a:hover { color: #976744; }
	#chgLang { float: right; padding-top: 148px; }
		#chgLang a.fr { display: block; width: 90px; height: 23px; background: url("../img/home/langEN.gif") top left no-repeat; }
		#chgLang a:hover.fr { background: url("../img/home/langEN_over.gif") top left no-repeat; }
		
		#chgLang a.en { display: block; width: 90px; height: 23px; background: url("../img/home/langFR.gif") top left no-repeat; }
		#chgLang a:hover.en { background: url("../img/home/langFR_over.gif") top left no-repeat; }
		

#footerHome p { float: right; margin-top: 183px; }
#footerHome a { display: block; width: 20px; height: 15px; background: #fff url("../img/induxia_redux.gif") no-repeat; }
#footerHome a em { display: none; }

/* xfade loading images hack */
.invisible { display: none; }