body{

background: #9d9d9d url("images/fd.png") repeat-x;
font-family: "Lucida Grande", Tahoma, verdana ;
font-size: 13px;
text-align: justify;
color: gray;
text-decoration: none;

}


img { border : none; }



a { 

color: #8a2610;
text-decoration: none;

}


a:hover { 

color: #8a2610;
text-decoration: underline;

}



h1
{
	font-family: "Lucida grande", Tahoma, Verdana;
	height: 22px;
	clear: right;
	

	margin-top:15px;
	margin-bottom: 15px;
	text-align:left;
	font-size:25px;	
	color:#414141;
	font-variant:small-caps;

	

}


h1 a
{
	color:#414141;
	text-decoration: none;
}





h2 
{
	font-family: "lucida grande", verdana, Arial;
	text-align:left;
	font-size:15px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#8a2610;
}


h3
{
	font-family: "lucida grande", Arial, Verdana;
	text-align:left;
	font-size:13px;
	color:#8a2610;
}


h4 
{
	font-family: "lucida grande", Arial, Verdana;
	text-align:left;
	font-size:13px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#6b6d8a;
}


h5 {
	font-size: 13px;
	text-align: justify;
	color: gray;
	text-decoration: none;

}


h6
{
	font-family: "Lucida grande", Tahoma, Verdana;
	height: 30px;
	width: 850px;
	float:left; 
	margin-top:15px;
	margin-bottom: 15px;
	text-align:left;
	font-size:25px;	
	color:#414141;
	font-variant:small-caps;
	background-color: white;
	

}



ul {

list-style-position: inside;
list-style-type: disc;


}

li { margin-top: 10px; }


#maincontainer {

position: relative;
max-width: 1300px;
margin: auto;
}



/* --------------------  HEADER --------------------- */ 

#header-contentwrapper{
float: left;
width: 100%;
height: 95px;


}


#header-leftcolumn{
float: left;
width: 50px; /*Width of left column*/
height: 95px;
margin-left: -100%;
background: url(images/topheader-left.png) top center no-repeat;
}


#header-contentcolumn{
background: url("images/topheader.png") top center repeat-x; 
height: 95px;
margin: 0 50px 0 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}


#header-rightcolumn{
float: left;
width: 50px; /*Width of right column*/
height: 95px;
margin-left: -50px; /*Set left marginto -(RightColumnWidth)*/
background: url(images/topheader-right.png) top center no-repeat;
}



#menu {

    position: absolute;
	right: 42px;
	top:38px;
	max-width:700px;
	clear:both;
	background-color:transparent;
	height: 29px;
	margin-left: 0px;
	font-size: 12px;
}



#menu ul
{
	line-height:20px;
    list-style:none;
    margin-left:20px;
    padding:0px;
    margin-top: 0px;
    overflow:hidden;
}

#menu ul li
{
	
	width:auto;
	line-height:20px;
	height:29px;
	text-align:center;
	color:white;
    margin:5px;
    padding:0px;
    float:left; 
    

	
}

#menu ul li.backLava {
 
    position:absolute; 
    z-index:3; 
	height:29px;
	position:absolute;
	width:9px;
	z-index:8;
	background:#6F665E;

}


#menu ul li a
{
	color:white;
	display:block;
	padding:5px;
	text-align:center;
    position: relative;
    z-index: 10;
    text-decoration: none;
}

#menu ul li a:hover
{
	color:white;
	
	
}







#menu-sous-titre {
    position: absolute;
	right: 51px;
	top:60px;

}


#menu-sous-titre li {
  font-size:10px;
  color:#9c918f;
  display:block;
  float:left;
  border-right:1px solid #9c918f;
  padding:0 5px 0 5px;
}


#menu-sous-titre li a {
  color:#9c918f;
}


#menu-sous-titre li a {

  display:inline;
  font-family:Verdana, Arial;
/*text-decoration:none; permet de retrouver le souslignement des liens au survol */
}

#menu-sous-titre li.last {
  border:none;
  
}




/* --------------------  MILIEU --------------------- */ 

#contentwrapper{
width: 100%;
float: left;

}


#leftcolumn{
float: left;
width: 50px; /*Width of left column*/
margin-left: -100%;
background: url(images/main-left.png) repeat-y;
}


#contentcolumn{
margin: 0 50px 0 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
background:white url(images/bg-vill-home.png) no-repeat bottom right ;
min-height: 660px;


}







#contentcolumn-eurojuris{
margin: 0 50px 0 50px; 
background: url(images/FD4.jpg) no-repeat bottom right ;
background-color: white;
}



#rightcolumn{
float: left;
width: 50px; /*Width of right column*/
margin-left: -50px; /*Set left marginto -(RightColumnWidth)*/
background: url(images/main-right.png) repeat-y;

}


#illustration {

padding-top: 20px;
padding-bottom: 15px;
position: relative;
overflow: hidden;



}


#cache {

display: none;

}





/*     Homepage    */


#contentcolumnH{

margin: 0 50px 0 50px; 

background-color: white;
min-height: 670px;
clear: both;


}


#illustrationH {

padding-top: 20px;
position: relative;
overflow: hidden;
background: transparent url(images/homepage/illustration-home-paris.jpg) 0px 20px no-repeat;



}


#illustrationH1 {

float: left;



}



#illustrationH2 {

float: left;
position: absolute;
right:0;


}



.ombre {  }


#menu-competences-index {
color: white;
font-size: 12px;
padding-top: 6px;
padding-left: 1px;
width: 260px;
height: 285px;
background: url("images/home-fd-comp") top left no-repeat;

}

#menu-competences-index ul {
list-style: none;
margin: 0;
margin-top: 29px;
padding: 0px;

}

#menu-competences-index li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;


}


#menu-competences-index li a:link, #menu-competences-index li a:visited {
color: #333;
display: block;
background: url(images/fd-droit-bt.png) no-repeat ;
padding: 8px 0 0 10px;
margin-top: -10px;
margin-left: 2px;
}

#menu-competences-index li a:hover {
color: #414141;
background: url(images/fd-droit-bt.png) 0 -32px no-repeat ;
padding: 8px 0 0 10px;
}


#menu-competences-index h2 { font-variant: small-caps; margin-top: -3px; margin-left: -10px; text-align: center; color: #e1dede;  font-size: 12px; float: none; }



#texte-home {

margin-left: 280px;
margin-right: 180px;
margin-top: -10px;
margin-bottom: 200px;

}


#texte-home h1 { float: left; }



#skype-home {  

position: absolute;
right: 50px;
top:405px;
width: 165px;
height: 250px;
background: transparent url(images/home-fd-skype.jpg) top right no-repeat;
overflow: hidden;
color: #e1dede;
padding-right: 2px;

}


#skype-home h2 { font-variant: small-caps; margin-top:4px; text-align: center; color: #e1dede; font-size:90%; margin-right: -19px; }
#skype-home img { border: none;  }
#skype-home a { margin: auto; text-align: center; margin-top: 5px; margin-left: 10px; }


#skype-home .particulier { background-color: transparent; width: 143px; height: 20px; margin: auto;  margin-top: 50px; margin-right: 0px; }
#skype-home .entreprise { background-color: transparent;  width: 143px; height: 20px;  margin: auto;  margin-top: 60px; margin-right: 0px; }

/* autres */



#left {

position:absolute;
top:402px;
left:45px;
width: 200px;
height: auto;

}



#navig {


float:left;
margin-top: 3px;
padding-left: -20px;
width: 150px;
height: 200px;
background: white;
text-align: left;


}


#navig-pra {

float:left;
margin-top: 20px;
width: 200px;
height: 240px;
text-align:left;
background: url("images/fd-navig-pratique.png") no-repeat;
color:#a86e62;

}


#navig-cab {

float:left;
margin-top: 20px;
width: 200px;
height: 240px;
text-align:left;
background: url("images/fd-navig-cab.png") no-repeat;
color:#a86e62;

}



#texte {

margin-left: 210px;
padding-bottom: 180px;

}

#texte h1 { margin-bottom: 50px; }
#texte h2 { margin: -3px 0 0 20px;  }
#texte p { margin-bottom: 40px; }
#texte .puce { float:left;  }
#texte ul { margin-bottom: 40px;  }


.fiche-main{
position:relative;
height: 245px;
margin-top: 15px;
background: url("images/fiche.png") left top no-repeat;
text-align: justify;
margin-bottom: 40px;

}



.fiche-video {

position: absolute;
width: 145px;
height: 40px;
left:115px;
bottom:13px;

}

.fiche-photo {

position: absolute;
left:6px;
top:25px;
border: solid 1px white;

}

.fiche-nom {

position: absolute;
top:15px;
left:120px;
max-width:150px;
line-height:20px;
}

.fiche-spe,fiche-spe ul {
position: absolute;
top:20px;
left:235px;
font-size: 11px;
max-width: 180px;


}


.fiche-spe li {

list-style-type: none;



}


.fiche-texte {

position: absolute;
top:27px;
left:450px;
font-size: 12px;
margin-right: 15px;
margin-bottom: 15px;
max-width: 360px;

}






#menu-competences {
color: white;
font-size: 12px;
padding-top: 54px;
padding-left: 5px;
width: 200px;
height: 285px;
background: url("images/fd-droit-int.jpg") top left no-repeat;

}

#menu-competences ul {
list-style: none;
margin: 0;
padding: 0px;

}

#menu-competences li a {

height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;


}


#menu-competences li a:link, #menu-competences li a:visited {
color: #333;
display: block;
background: url(images/fd-droit-bt-int.png) no-repeat ;
padding: 8px 0 0 10px;
margin-top: -10px;
margin-left: 2px;
}

#menu-competences li a:hover {
color: #414141;
background: url(images/fd-droit-bt-int.png) 0 -32px no-repeat ;
padding: 8px 0 0 10px;
}






	
/*-----------------*/	

.INTmenuvertical {
margin-top: 53px;
margin-left: 3px;
background-color: transparent;
border-bottom-width: 1px;
width: 153px;
}

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

.INTmenuvertical a{
font-family: bold "Lucida grande", Arial, Verdana;
font-size: 12px;
padding: 6px 12px;
display: block;
width: 153px; 
color: #414141;
text-decoration: none;
border-bottom: 0px solid #C0C0C0;
}

.INTmenuvertical a:visited{
color: #751400;
}

.INTmenuvertical a:hover{
background-color: #ffffff;
color:#751400;
}


.MODmenuvertical {
margin-top: 53px;
margin-left: 3px;
width: 153px;
}

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

.MODmenuvertical a{
font-family: bold "Lucida grande", Arial, Verdana;
font-size: 12px;
padding: 6px 12px;
display: block;
width: 153px; 
color: #a86e62;
text-decoration: none;
border-bottom: 0px solid #C0C0C0;
}

.MODmenuvertical a:visited{
color: #a86e62;
}

.MODmenuvertical a:hover{
background-color: #ffffff;
color:#751400;
}


.image_ville {

width:293px;
height:324px;
padding-left:8px;
padding-top:294px;
font-size:10px;
float:left;

}

.carre
{
   list-style-type: square;
   list-style-position: outside;
   line-height: 14px;
   

}

.note {
font-family: bold "Lucida grande", Arial, Verdana;
font-size: 11px;
color:maroon;
}


#cache {

display: none;

}


.dotclear {

color: gray;
margin: auto;
font-size: smaller;
margin-top: 850px;
}




/*       Page contact        */




#contacts { 

	width:100%;
	margin: 20px 20px 20px 0px;
	clear: both;
	height: 580px;
	background:white url("images/bg-vill-home.png") no-repeat right bottom ;


 }
 
#contacts a { text-decoration: none; }
 
 
#contacts h2 { 
	color: white; 
	font-family: "lucida grande", verdana; 
	font-size: 25px;
	font-weight: 100;  
	width:100%;  
	padding-left: 10px;
	padding-top: 5px;
	margin-top:5px; 
	background: transparent url(images/fd-contact1.png) top left repeat-x; 
	height: 40px;
	}


#contacts h2.clair { 
	
	background: transparent url(images/fd-contact2.png) top left repeat-x; 
	color: #7f7f7f;
	height: 40px;
	margin-top:5px; 

	}	
	
#contacts .right {	

	text-align: right; 
	float: right; 
	margin-top: -55px; 
	padding-right: 80px; 
	color: white;
	height: 40px;
	padding-top:11px;
	background: transparent url(images/open-close.gif) top right no-repeat;	
	}	


#contacts .right-fonce {	
	text-align: right; 
	float: right; 
	margin-top: -55px; 
	padding-right: 80px; 
	color: #7f7f7f;
	height: 40px;
	padding-top:11px;
	background: transparent url(images/open-close.gif) top right no-repeat;		
	}	

#contacts .formaafficher { 
	margin-top: -14px;
	padding-top:20px; 
	padding-bottom: 0px; 
	background-color:white;  
	height: 310px;
	overflow: hidden;
	width: 100%;
	background: transparent url(images/fd-formaafficher.png) top center no-repeat;
	text-align: center;
	position: relative;
	
	
	}


.email { font-size:10px; margin: auto; width:95%; height:auto; text-align:center; display:inherit; }

fieldset { float: left; width: 28%; max-height: 270px; border: none; border-right: solid 1px white; margin-top: 10px; margin-right: 1.6%; overflow: hidden; text-align: justify; }

.telfax { margin-top: -14pxpx; line-height: 25px; }

#adresses { margin: auto; width: 90%; height: 200px; background-color: transparent; text-align: center;  }
.adresse  { 

	float: left;
	display: block;
	width: 18%;
	max-width: 190px;
	height: 190px;
	margin-right:7.2%;
	border: 1px solid #b0b0b0;
	margin-top: 20px;
	background: url(images/fd-adresse.png) top left repeat-x;
	text-align: center;
	
	
 }
 
 
.adresses img { margin: auto; clear: both;  display: block; margin-top: 20px; margin-bottom: 20px; height: 50px;  max-width:166px;  height: auto; overflow: hidden; max-width: 100%; }

#skype { width:25%; max-width:137px; background: url(images/home-fd-skype.png) bottom right no-repeat; color: #e1dede; height: 180px; position: absolute; right: 7px; top:7px; display: block;  font-size: 11px;  margin-left: 20px; border: 1px solid white;  }

.skype-info {  width: 70%; padding:15px; padding-right: 168px;  display: block; text-align: justify; margin-left: 20px; background: url(images/fd-skype.png) top left repeat-x; position: relative; height: 200px; margin:auto;  color:white; margin-top: 15px; }

#skype .particulier { background: transparent url(images/home-skype-particulier.png) top left no-repeat; width: 133px; height: 41px;  margin-top: 0px; margin-left: 2px; padding-top: 22px; position: relative; }
.particulier a { margin-left: 8px; }

#skype .entreprise { background: transparent url(images/home-skype-entreprise.png) top left no-repeat;  width: 133px; height: 41px;   margin-top: 0px; margin-left: 2px; padding-top: 22px; position: relative;}
.entreprise a { margin-left: 8px; }

#formulaire-flash {

float: left;
width:480px; 
height:650px; 


}


.note2 {
font-family: bold "Lucida grande", Arial, Verdana;
font-size: 11px;
color:gray;
margin: auto;
text-align: center;
}


/*   Cabinets   */


#titre-cabinets  { 

	width: 100%;
	position: relative;
	background: url(images/fd-skype.png) top left repeat-x;
	height: 73px;
	margin-top: 10px;
	padding-top: 2px;
	
	
 }
 
#titre-cabinets h1 { 

	color: white;
	float: none;
	margin-left: 200px;
	margin-top: 10px;
	

 } 


#titre-cabinets .img { 

	float: left;
	height:60px;
	max-width: 170px;
	min-width: 60px;
	border: 1px solid #c6c6c6;
	background-color: #ececec;
	margin-top: 2px;
	margin-left: 6px;
	padding-top: 6px;
	
	 }
	 
#titre-cabinets p { 

	float: none;
	margin-left: 200px;
	color: #ececec;
	
	
	 }	 


#googlemaps { 

	width:100%;
	height: 500px;
	margin: auto;
	margin-top: 20px;
	border: 1px solid #b0b0b0;
	
	  }



/*  pages formations  */

.formation {

background-color:#f1f1f1;
padding-top:20px; 
padding-left:20px;
padding-bottom: 20px;

}




#formations .formaafficher { 
	margin-top: 0px;
	overflow: hidden;
	width: 100%;
	background: transparent ;
	text-align: justify;
	position: relative;
	height: auto;
	
	}


#formations  { 
	margin-bottom: 300px;
	
	}
#formations .pagination a { color: gray; }
#formations .pagination  { float: right; margin-right: 50px; margin-top: 20px; }




/* --------------------  FOOTER --------------------- */ 

#footer-contentwrapper{
float: left;
width: 100%;




}


#footer-leftcolumn{
float: left;
width: 50px; /*Width of left column*/
height:75px;
margin-left: -100%;
background: url(images/footer-left.png) no-repeat;
}

#footer-contentcolumn{
margin: 0 50px 0 50px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
height:75px;
background: url(images/fd-footer.png) repeat-x;
}


#footer-rightcolumn{
float: left;
width: 50px; /*Width of right column*/
margin-left: -50px; /*Set left marginto -(RightColumnWidth)*/
height:75px;
background: url(images/footer-right.png) no-repeat;
}



#lang {

float: right;
margin-top: 28px;
padding-top: 10px;
padding-left: 8px;
padding-right: 0px;
width: 135px;
height: 38px;
font-size: 10px;
color: #9d9d9d;


}


.footer {
float: left;
margin-left: 27px;
padding-top: 37px;
margin-right: 8px;
margin-bottom: 25px;
font-size: 10px;
font-size: 10px;




}

.footer a {
margin-right:7px;
}



.footer2 {
float: left;
color: white;
font-size: 10px;
margin-top: -17px;


}

.footer2 ul { 

	list-style:none;
	padding: 0;
	
}

.footer2 li {

	display: block;
	float: left;
	


}


.footer2 a {
color: white;
margin-right:8px;
}


#ylmedia {
color: #e2dddd;
float: right;
margin-top: 83px;
font-size: smaller;
line-height:7px;
margin-right: -62px;



}

#adresse {

color:#ffffff; 
margin-top:30px;
margin-left: -201px;

}

.ipad { float: right; margin-top: 25px; }


/************************************************************** AUTRES  **********************************************************/


/************************************************  Image Menu v 2.2 **************************************************************/


/*big menu*/

#kwick {
	position: relative;
	/*border-bottom: 3px double #333;*/
	margin-top: 10px;
}

#kwick .kwicks {
	display: block;
	height: 200px;
	margin: 0px;
}

#kwick li {
	float: left;
}

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 200px;
	width: 131px;
	/*padding: 10px;*/
	background: #fff;
	/*border-right: 5px solid #202020;*/
	border-right: 2px solid #fff;
}

#kwick .kwick span {
	display: none;
}

#kwick .opt1 {
	background: #ccc url(images/menu/landscape.jpg) ;
}

#kwick .opt2 {
	background: #ccc url(images/menu/people.jpg);
}

#kwick .opt3 {
	background: #ccc url(images/menu/nature.jpg);
}

#kwick .opt4 {
	background: #ccc url(images/menu/urban.jpg);
}

#kwick .opt5 {
	background: #ccc url(images/menu/abstract.jpg);
}

#kwick .opt6 {
	background: #ccc url(images/menu/places.jpg);
	border-right: 0;
}

/*************************************************************/



/* Nivo */

#slider {
	position:relative;
	//See the "style-pack" below for image
	background:url(images/loading.gif) no-repeat 50% 50%; 
	z-index: 0;
}


#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#infos-home { 
	
	z-index: 2;
	position: absolute;
	right: 19px;
	top:6px; 
	width: 550px;
	height: 220px;
	
	
	}

#actu {  	

	width: 275px;
	height: 250px;
	float: right;
	background-color: black;
	background: url(images/fd-actu.png) no-repeat top left ;
	font-size: 10px;
	z-index: 2;
	
  	
  	}
  	
#actu a { 

	text-align: right;
	color: white;
	margin-left: 175px;
	text-decoration: underline;
	position: absolute;
	right: 165px;
	bottom: 4px;
	z-index: 2;
	

 }  	

#actu-titre {

margin-top: 10px;
padding: 15px;

color: white;
font-size: 14px;
font-variant: small-caps;
text-align: right;


}


#actu-info { 

position: absolute;
top:65px;
right:150px;
padding: 15px;
color: white;
overflow: hidden;
height: 140px;
width: 250px;
font-size: 13px;
font-variant: small-caps;
/* for IE */
filter:alpha(opacity=90);
/* CSS3 standard */
opacity:0.9; 


 }
 
 
#immo {

width: 140px;
height: 250px;
margin-left: 10px;
margin-top: -5px;
background: url(images/fd-v.png) no-repeat top left;
float: right;
color: #a38c63;
font-size: 10px;
z-index: 2;
} 


#immo p { padding: 13px; padding-top: 75px;  }


.class { 

width: 945px;
height: 17px;
margin: auto;


 }
 
 
#flashcontent  { 


	width: 845px;
	margin: auto;

  }
  
  
#flashcontent h2 { 

	margin: auto;
	color: white;
	background-color: #414141;
	text-align: center;
	padding: 5px;
 }  
 
 
 
 
 /*  pages formations  */


#formations .formaafficher { 
	margin-top: 0px;
	overflow: hidden;
	width: 100%;
	background: transparent ;
	text-align: justify;
	position: relative;
	height: auto;
	
	}


#formations  { 
	margin-bottom: 300px;
	
	}