* {margin: 0; padding: 0;}
.break {clear: both; line-height: 1px; font-size: 1px; height: 1px;}

a {color: #972321;}

body {
    background: #EBE7E4 url(../../images/bgBody.gif) repeat-x;
    font-family: "Arial", Verdana, sans-serif;
    font-size: 12px;
    color: #1A171B;}
    
#allContent {
    margin: 0 auto 20px auto;
    width: 970px;
    background-color: #fff;}
   
/********************************************************************************** Entete */
    
#enTete {
    width: 970px; height: 200px;
    position: relative;
    background: #fff url(../../images/bgEntete.gif) repeat-x left bottom;}
#enTete img {border: 0; margin: 10px 0 0 43px;}
#enTete h1 {
    width: 448px; height: 83px; 
    background: transparent url(../../images/coordonnees.gif) no-repeat;
    position: absolute; top: 21px; right: 22px;}
#enTete dl,
#enTete h1 span {display: none;}

.pageCorporate #enTete,
.pageKiosque #enTete,
.pagePratique #enTete {height: 195px;}
.pageDepartement #enTete {height: 210px;}
.pageAnnuaire #enTete,
#pageServices #enTete,
.pageMentions #enTete,
#pageNousRejoindre #enTete {height: 170px; background-image: none;}

#pageAccueil #enTete {height: 155px; background-image: none;}

/************************************************************* Navigation */

#navigation {
    list-style: none; background: transparent url(../../images/bgNavigation.gif) repeat-x; 
    width: 913px; position: absolute; left: 0; top: 119px;
    padding-left: 57px;}
#navigation li {float: left;}
#navigation li a {display: block; height: 27px; background-repeat: no-repeat;}
#navigation li a span {display: none;}

#navigation li#btnNavA a {width: 114px; background-image: url(../../images/btnNavA.gif);}
#navigation li#btnNavB a {width: 92px; background-image: url(../../images/btnNavB.gif);}
#navigation li#btnNavC a {width: 117px; background-image: url(../../images/btnNavC.gif);}
#navigation li#btnNavD a {width: 100px; background-image: url(../../images/btnNavD.gif);}
#navigation li#btnNavE a {width: 115px; background-image: url(../../images/btnNavE.gif);}
#navigation li#btnNavF a {width: 135px; background-image: url(../../images/btnNavF.gif);}
#navigation li#btnNavG a {width: 119px; background-image: url(../../images/btnNavG.gif);}
#navigation li#btnNavH a {width: 81px; background-image: url(../../images/btnNavH.gif);}

#navigation li#btnNavI a,
#navigation li#btnNavJ a {width: 16px; background-position: 0 9px;}

#navigation li#btnNavI a {background-image: url(../../images/drapFR.gif); margin-left: 13px;}
#navigation li#btnNavJ a {background-image: url(../../images/drapUK.gif); margin-left: 6px;}

#navigation li ul {
    list-style: none; position: absolute; left: 0; top: 27px;
    padding-top: 12px; background-color: #fff; 
    width: 970px; display: none;}

#navigation li ul li#depA a {width: 131px; background-image: url(../../images/depA.gif);}
#navigation li ul li#depB a {width: 67px; background-image: url(../../images/depB.gif);}
#navigation li ul li#depC a {width: 20px; background-image: url(../../images/depC.gif);}
#navigation li ul li#depD a {width: 34px; background-image: url(../../images/depD.gif);}
#navigation li ul li#depE a {width: 164px; background-image: url(../../images/depE.gif);}
#navigation li ul li#depF a {width: 62px; background-image: url(../../images/depF.gif);}
#navigation li ul li#depG a {width: 68px; background-image: url(../../images/depG.gif);}
#navigation li ul li#depH a {width: 142px; background-image: url(../../images/depH.gif);}

#navigation li ul li#corpoA a {width: 127px; background-image: url(../../images/corpoA.gif);}
#navigation li ul li#corpoB a {width: 116px; background-image: url(../../images/corpoB.gif);}
#navigation li ul li#corpoC a {width: 145px; background-image: url(../../images/corpoC.gif);}
#navigation li ul li#corpoD a {width: 52px; background-image: url(../../images/corpoD.gif);}
#navigation li ul li#corpoE a {width: 99px; background-image: url(../../images/corpoE.gif);}

#navigation li ul li#kiosqueA a {width: 31px; background-image: url(../../images/kiosqueA.gif);}
#navigation li ul li#kiosqueB a {width: 68px; background-image: url(../../images/kiosqueB.gif);}
#navigation li ul li#kiosqueC a {width: 45px; background-image: url(../../images/kiosqueC.gif);}

#navigation li ul li#pratA a {width: 82px; background-image: url(../../images/pratA.gif);}
#navigation li ul li#pratB a {width: 172px; background-image: url(../../images/pratB.gif);}
#navigation li ul li#pratC a {width: 110px; background-image: url(../../images/pratC.gif);}
#navigation li ul li#pratD a {width: 65px; background-image: url(../../images/pratD.gif);}

#navigation li ul li a {background-position: 0 0 !important;}

/**************** hauteur boutons sous menu */

#navigation li ul li a { margin-left: 40px;}

#navigation li#btnNavC ul li a {height: 33px;}
#navigation li#btnNavB ul li a,
#navigation li#btnNavF ul li a,
#navigation li#btnNavG ul li a {height: 18px;}

.pageDepartement #navigation li#btnNavC a {margin-left: 30px;}

/*************** rollover et catégorie en cours */

#pageAccueil #navigation li#btnNavA a,
#navigation li a:hover,
.pageCorporate #navigation li#btnNavB a,
.pageDepartement #navigation li#btnNavC a,
.pageAnnuaire #navigation li#btnNavD a,
#pageServices #navigation li#btnNavE a,
.pageKiosque #navigation li#btnNavF a,
.pagePratique #navigation li#btnNavG a,
#pageNousRejoindre #navigation li#btnNavH a {background-position: 0 -27px;}

#pageServices #navigation li#btnNavB a,
#pageNousRejoindre #navigation li#btnNavG a {background-position: 0 0;}

/*************** rollovers sous nav */

#navigation li#btnNavC ul li a:hover,
#navigation li#btnNavC ul li a.selected {background-position: 0 -33px !important;}

#navigation li#btnNavB ul li a:hover,
#navigation li#btnNavF ul li a:hover,
#navigation li#btnNavG ul li a:hover,
#pageHistoire #corpoA a,
#pageValeurs #corpoB a,
#pagePresence #corpoC a,
#pageReseaux #corpoD a,
#pageFacturation #corpoE a,
#pageNousTrouver #pratA a,
#pageLiensUtiles #pratD a,
#pageDemandeInfos #pratC a,
.pageKiosque  li#btnNavF ul li a.selected {background-position: 0 -18px !important;}

/*************** affichage sous menu */

.pageDepartement #navigation li#btnNavC ul,
.pageCorporate #navigation li#btnNavB ul,
.pageKiosque #navigation li#btnNavF ul,
.pagePratique #navigation li#btnNavG ul {display: block !important;}

#pageServices #navigation li#btnNavB ul,
#pageNousRejoindre #navigation li#btnNavG ul {display: none !important;}

.pageCorporate #navigation li#btnNavB ul,
.pageKiosque #navigation li#btnNavF ul,
.pagePratique #navigation li#btnNavG ul {height: 37px;}
.pageDepartement #navigation li#btnNavC ul {height: 52px;}

/********************************************************************************** Footer */

#footer {padding: 0 10px 0 10px; position: relative; width: 950px; height: 65px;}
#footer #standard {position: absolute; right: 10px; bottom: 5px; text-align: right; font-size: 10px;}
#footer #lnkExt {position: absolute; left: 10px; top: 5px; height: 50px; line-height: 50px;}
#footer img {border: 0; margin-right: 10px;}
#footer a {color: #1A171B; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/********************************************************************************** Contenu home */

#zoneFlash {
    width: 970px; height: 290px; position: relative;}
#zoneFlash h2 {
    width: 50px; height: 290px; position: absolute; right: 0; top: 0;
    background: #972321 url(../../images/titreNosValeurs.gif) no-repeat left bottom;}
#zoneFlash h2 span {display: none;}
    
#blocKiosque {
    background: #EBE7E4 url(../../images/bgBlocKiosque.gif) repeat-y;
    margin: 10px; width: 950px; }
#blocKiosque h3 {
    width: 210px; height: 46px; float: left; padding-top: 10px;
    background: #972321 url(../../images/titreKiosque.gif) no-repeat 0 10px;}
#blocKiosque h3 span {display: none;}

.actu {
    width: 340px; float: left;
    padding: 20px 10px 20px 20px;}
.date {color: #972321; font-size: 11px; font-weight: bold;}
.actu h2,
.actu h2 a {font-size: 12px; margin-bottom: 10px; color: #252122; text-decoration: none;}

#pageDetailActus #contentKiosque h2 {font-size: 18px; font-weight: normal; margin-bottom: 10px; color: #252122; text-decoration: none;}


.actu img,
#pageDetailActus #contentKiosque img {border: 1px #fff solid; float: left; margin: 0 10px 0 0;}
.zoneTexte {font-size: 11px; margin-bottom: 5px;}
.actu .suite {
    text-align: right; font-size: 11px; 
    font-weight: bold; color: #252122;
    text-decoration: none; display: block;
    clear: both;}
.actu .suite:hover {text-decoration: underline;}

.pageKiosque .actu {
    width: auto; float: none; 
    border-bottom: 1px #fff solid; 
    padding: 0 0 5px 0; margin-bottom: 15px;}

.btnRetour {
    float: right; display: block; width: 128px; height: 11px;
    background: transparent url(../../images/btnToutesActus.gif) no-repeat;}
.btnRetour span {display: none;}
.btnRetour:hover {background-position: 0 -11px;}

.zoneTexte p {margin-bottom: 10px;}

/*********************************************************************************** département */

#visuelTitre,
#visuelTitre h1 {background-repeat: no-repeat; background-position: top right; height: 580px;}

#visuelTitre {width: 400px; float: left;}
#visuelTitre h1 {width: 70px; background-color: #C3B8B0;}
#visuelTitre h1 span {display: none;}

.pageCorporate #visuelTitre,
.pagePratique #visuelTitre {width: 230px;}
.pageCorporate #visuelTitre h1,
.pagePratique #visuelTitre h1 {background-color: #972321;}

.pageAnnuaire #visuelTitre,
.pageKiosque #visuelTitre,
.pageMentions #visuelTitre {width: 70px;}

.pageAnnuaire #visuelTitre h1 {background: transparent url(../../images/titreEquipe.gif) no-repeat right top;}
.pageKiosque #visuelTitre h1 {background: transparent url(../../images/titrePageKiosque.gif) no-repeat right top;}
.pageMentions #visuelTitre h1  {background: transparent url(../../images/titreMentions.gif) no-repeat right top;}

#droitPublic #visuelTitre h1 {background-image: url(../../images/titrePublic.gif);}
#droitPublic #visuelTitre {background-image: url(../../images/visuelPublic.jpg);}

#droitCommercial #visuelTitre h1 {background-image: url(../../images/titreCommercial.gif);}
#droitCommercial #visuelTitre {background-image: url(../../images/visuelCommercial.jpg);}

#droitFiscal #visuelTitre h1 {background-image: url(../../images/titreFiscal.gif);}
#droitFiscal #visuelTitre {background-image: url(../../images/visuelFiscal.jpg);}

#droitSocial #visuelTitre h1 {background-image: url(../../images/titreSocial.gif);}
#droitSocial #visuelTitre {background-image: url(../../images/visuelSocial.jpg);}

#droitImmo #visuelTitre h1 {background-image: url(../../images/titreImmobilier.gif);}
#droitImmo #visuelTitre {background-image: url(../../images/visuelImmobilier.jpg);}

#droitPenal #visuelTitre h1 {background-image: url(../../images/titreAffaires.gif);}
#droitPenal #visuelTitre {background-image: url(../../images/visuelAffaires.jpg);}

#newTechno #visuelTitre h1 {background-image: url(../../images/titreTechno.gif);}
#newTechno #visuelTitre {background-image: url(../../images/visuelTechno.jpg);}

#droitSociete #visuelTitre h1 {background-image: url(../../images/titreFusions.gif);}
#droitSociete #visuelTitre {background-image: url(../../images/visuelFusions.jpg);}

#pageServices #visuelTitre h1 {background-image: url(../../images/titreServices.gif);}
#pageServices #visuelTitre {background-image: url(../../images/visuelServices.jpg);}

.pagePratique #visuelTitre h1 {background-image: url(../../images/titrePratique.gif);}
.pagePratique #visuelTitre {background-image: url(../../images/visuelPratique.jpg);}

#pageNousTrouver #visuelTitre h1 {background-image: url(../../images/titreNousTrouver.gif);}
#pageDemandeInfos #visuelTitre h1 {background-image: url(../../images/titreDemandeInfos.gif);}
#pageLiensUtiles #visuelTitre h1 {background-image: url(../../images/titreLiensUtiles.gif);}

#pageNousRejoindre #visuelTitre h1 {background-image: url(../../images/titreNousRejoindre.gif);}
#pageNousRejoindre #visuelTitre {background-image: url(../../images/visuelNousRejoindre.jpg);}

#edito {
    float: left; margin: 0 10px 10px 10px; 
    background-color: #972321; padding: 40px;
    width: 470px; color: #fff;}

#listeAvocats {
    width: 530px; float: left;
    background-color: #EBE7E4;
    margin-left: 10px; padding: 10px;
    position: relative;}
#listeAvocats ul {list-style: none;}
#listeAvocats ul li {float: left; width: 265px; height: 90px;}
#listeAvocats ul li a {color: #1A171B; text-decoration: none;}
#listeAvocats ul li img {float: left; margin-right: 10px; border: 0;}
#listeAvocats ul li strong {color: #972321; font-size: 12px; display: block;}
#listeAvocats ul li strong.autres {color: #B0A8A1;}

.blocAvocat {
    width: 486px; /*height: 295px;*/ padding: 30px;
    background-color: #EBE7E4; 
    position: absolute; left: 0; top: 0; border: 2px #C3B8B0 solid;}
.blocAvocat img {float: left; margin-right: 20px;}
.blocAvocat h3 {color: #972321; font-size: 12px;}
.blocAvocat p {margin-bottom: 10px;}
.blocAvocat a {font-weight: bold; color: #1A171B; text-decoration: none;}
.btnFermer {
    display: block; width: 35px; height: 35px; 
    background: transparent url(../../images/btnFermer.gif) no-repeat 10px 10px;
    position: absolute; right: 0; top: 0;}
.btnFermer span {display: none;}

.pageAnnuaire .blocAvocat {
    width: 570px; height: 580px; overflow: auto;
    position: absolute; right: 46px !important; top: 40px; left: auto;}
.pageAnnuaire .blocAvocat .zoneTexte {padding-top: 10px;}

/********************************************************** Annuaire */

#contentAnnuaire,
#contentKiosque {
    background-color: #EBE7E4; float: left;
    margin: 0 10px 10px 10px; 
    padding: 30px; width: 820px;
    position: relative;}
    
ul#tabs {list-style: none; width: 165px; float: left;}
ul#tabs li {margin-bottom: 10px;}
ul#tabs li a span {display: none;}
ul#tabs li a {display: block; width: 165px;}

ul#tabs li#btnCollabos a {height: 39px;}

ul#tabs li#btnStaff a,
ul#tabs li#btnAvocats a {height: 24px;}

ul#tabs li#btnAvocats a {background: transparent url(../../images/btnAvocats.gif) no-repeat;}
ul#tabs li#btnCollabos a {background: transparent url(../../images/btnCollabos.gif) no-repeat;}
ul#tabs li#btnStaff a {background: transparent url(../../images/btnStaff.gif) no-repeat;}

.annuaireB ul#tabs li#btnCollabos a {
	background-color: #fff;
	background-position: 0 -39px !important;}

.annuaireA ul#tabs li#btnAvocats a,
.annuaireC ul#tabs li#btnStaff a {
	background-color: #fff;
	background-position: 0 -24px !important;}

.panel {float: left; width: 650px; background-color: #fff;}

.panel a.lnk {
    display: block; width: 195px; 
    float: left; height: 90px;
    text-decoration: none; padding: 10px;
    color: #1A171B;}
.panel a:hover {background-color: #F5F3F2;}
.panel a img {
    float: left; margin-right: 10px;
    border: 0; width: 80px; height: 80px;}
.panel a strong {
    display: block;
    color: #972321;}
.panel a span {font-size: 11px;}

#mainContent {width: 970px;}

.pageAnnuaire #mainContent,
.pageKiosque #mainContent,
.pageMentions #mainContent {background: transparent url(../../images/bgTitreAnnuaire.gif) repeat-y;}

/*********************************************************************************** pages statiques */

#pageHistoire #visuelTitre h1 {background-image: url(../../images/titreHistoire.gif);}
#pageHistoire #visuelTitre {background-image: url(../../images/visuelHistoire.jpg);}

#pageValeurs #visuelTitre h1 {background-image: url(../../images/titreValeursPhilo.gif); height: 440px;}
#pageValeurs #visuelTitre {background-image: url(../../images/visuelValeurs.jpg); height: 440px;}

#pagePresence #visuelTitre h1 {background-image: url(../../images/titrePresence.gif); height: 320px;}
#pagePresence #visuelTitre {background-image: url(../../images/visuelPresence.jpg); height: 320px;}

#pageReseaux #visuelTitre h1 {background-image: url(../../images/titreReseaux.gif);}
#pageReseaux #visuelTitre {background-image: url(../../images/visuelReseaux.jpg);}

#pageFacturation #visuelTitre h1 {background-image: url(../../images/titreFacturation.gif);}
#pageFacturation #visuelTitre {background-image: url(../../images/visuelFacturation.jpg);}

#contentCorpo {
    background-color: #EBE7E4; float: left;
    margin: 0 10px 10px 10px; 
    padding: 30px; width: 660px;}
    
#pageHistoire #contentCorpo {height: 520px;}
#pageValeurs #contentCorpo {width: 720px; height: 440px; padding: 0;}
#pagePresence #contentCorpo {height: 260px;}
    
#contentCorpo p {margin-bottom: 10px;}

#contentCorpo h2 {margin-bottom: 10px; }
#contentCorpo h2 span {display: none;}

#pageHistoire #contentCorpo h2 {
    width: 537px; height: 17px; margin-top: 30px;
    background: transparent url(../../images/titreCompetences.gif) no-repeat;}

ul.liste {list-style: none; margin-bottom: 10px;}
#pageHistoire #contentCorpo ul.liste { width: 320px; float: left;}
ul.liste li {margin-bottom: 5px; border-left: 5px #fff solid; padding-left: 5px; font-size: 11px;}
ul.liste li a {text-decoration: none; font-weight: bold; }
ul.liste li a:hover {color: #262223;}

#pageValeurs .bloc {
    width: 350px; height: 205px; 
    float: left; padding-top: 15px;
    padding-right: 10px;}
#pageValeurs .bloc h2 {
    width: 40px; height: 205px; 
    float: left; margin-right: 10px;}
#pageValeurs .bloc h3 {color: #972321; font-size: 12px; margin-bottom: 10px;}
#pageValeurs .coherence h2 {background: transparent url(../../images/titreCoherence.gif) no-repeat 10px 5px;}
#pageValeurs .creativite h2 {background: transparent url(../../images/titreCreativite.gif) no-repeat 10px 5px; width: 43px; height: 138px;}
#pageValeurs .solidite h2 {background: transparent url(../../images/titreSolidite.gif) no-repeat 10px 5px; width: 41px; height: 121px;}
#pageValeurs .valeurs h2 {background: transparent url(../../images/titreValeurs.gif) no-repeat 10px 5px;}

.coherence,
.valeurs {background-color: #B0A8A1;}

#pageReseaux #contentCorpo h2 {background-color: #fff; padding-left: 10px;}
#pageReseaux #contentCorpo h2,
#pageReseaux #contentCorpo h2 a {
    font-size: 14px; text-decoration: none; height: 40px;
    line-height: 40px; display: block;}
#pageReseaux #contentCorpo ul.liste li {font-weight: bold;}

h2#eurojuris {background: transparent url(../../images/eurojuris.gif) no-repeat 540px 5px;}
h2#eurojurisInter {background: transparent url(../../images/eurojurisInter.gif) no-repeat 600px 5px;}
h2#advoc {background: transparent url(../../images/advoc.gif) no-repeat 570px 5px;}
h2#euroadvocaten {background: transparent url(../../images/euroadvocaten.gif) no-repeat 570px 3px;}
#pageReseaux #contentCorpo h2#euroadvocaten,
#pageReseaux #contentCorpo h2#euroadvocaten a { height: 55px; line-height: 55px;}

#pageServices #contentCorpo h2 {height: 24px;}
#pageServices #contentCorpo h2#titreA {background: #fff url(../../images/titrePresenceServ.gif) no-repeat 5px 4px;}
#pageServices #contentCorpo h2#titreB a {display: block; height: 24px; background: #fff url(../../images/titreReseauxServ.gif) no-repeat 5px 4px;}
#pageServices #contentCorpo h2#titreC {background: #fff url(../../images/titreFormationServ.gif) no-repeat 5px 4px;}

#pageServices #contentCorpo h3 {
    background: transparent url(../../images/titreConsultFormations.gif) no-repeat;
    height: 24px;}
#pageServices #contentCorpo h3 span {display: none;}

#pageServices #contentCorpo ul {margin-bottom: 20px;}

#blocNantes,
#blocParis,
#blocRennes {clear: both;}

#blocNantes h2,
#blocParis h2,
#blocRennes h2 {font-size: 18px;}

#blocNantes img,
#blocParis img,
#blocRennes img {float: right; margin: 15px 0;}

.planAcces {display: block; height: 50px; padding-left: 60px; color: #262223; font-weight: bold; text-decoration: none; line-height: 50px;}
.planAcces:hover {text-decoration: underline;}
#blocNantes .planAcces {background: transparent url(../../images/planNantes.gif) no-repeat;}
#blocParis .planAcces {background: transparent url(../../images/planParis.gif) no-repeat;}
#blocRennes .planAcces {background: transparent url(../../images/planRennes.gif) no-repeat;}

h2#titreHonoraires {
    width: 193px; height: 14px;
    background: transparent url(../../images/titreHonoraires.gif) no-repeat;}
h2#titreOffrons {
    width: 101px; height: 14px;
    background: transparent url(../../images/titreOffrons.gif) no-repeat;}
    
#pagePresence #contentCorpo h2 {font-size: 12px; color: #972321; margin-bottom: 10px;}

#pageFacturation #contentCorpo h3 {font-size: 13px; color: #972321; margin-bottom: 10px;}

#pageFacturation .marge {margin-bottom: 40px;}
#pageFacturation .liste {margin-left: 20px;}
#pageFacturation .liste li {font-size: 12px;}

/****************************************************** contacts */

fieldset {border: 1px #fff solid; padding: 10px; font-size: 11px; margin-bottom: 10px;}
label {display: block; float: left; padding-right: 5px; text-align: right; width: 230px;}
legend {font-size: 12px; font-weight: bold; color: #972321;}
.erreurcv {font-size: 12px; font-weight: bold; color: #972321;}
textarea, select, input {font-family: "Arial", Verdana, sans-serif; font-size: 11px;}

fieldset input {width: 150px;}
fieldset #visitor_address_,
textarea {width: 250px;}

.lineForm,
.lineRadio {margin-bottom: 5px;}
.lineRadio {padding-left: 130px;}

.lineRadio label {float: none; display: inline;}
.lineRadio input {width: auto;}

.lineSubmit {text-align: center;}
.btnSubmit {width: 100px; border: 0; background-color: #972321; font-weight: bold; color: #fff;}

option {padding-left: 3px;}

#blocSearchMail input {margin-right: 5px;}

.mentions {font-size: 10px; line-height: 12px;}

.validation-advice {
    color: #972321; font-weight: bold; padding: 5px; display: block; text-align: center;}

.pageMentions #contentAnnuaire dl {width: 400px; float: left; margin-right: 10px; margin-bottom: 20px;}
.pageMentions #contentAnnuaire dt {font-weight: bold; padding-right: 2px;}
.pageMentions #contentAnnuaire dd {}
.pageMentions #contentAnnuaire p {
    margin-bottom: 10px;}

#errMsg {display: block; font-weight: bold; background-color: #fff; padding: 2px 5px; text-align: center; margin-top: 5px;}